@charset "utf-8";
/* CSS Document */
/* Copyright 2016 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Base
-------------------------------------------------------------------*/
*, *:before, *:after, input, textarea, select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { font-family: 'Montserrat', sans-serif; font-size:14px; background:#FFF; }
header { }
section { }
footer { background:#252525; padding: 50px 0 0 0; }
::selection { background:#3FA2D4; color:#FFF; }
::-moz-selection { background:#3FA2D4; border:1px solid #3FA2D4; color:#FFF; }
::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }


/*-------------------------------------------------------------------
	Titles & texts
-------------------------------------------------------------------*/
h1 { font-size:120px; margin:0 0 20px 0; color:#FFF; text-align:center; line-height: 124px; font-weight:600; font-family: 'Montserrat', sans-serif; }
h2 {  font-size: 30px;margin: 0 0 30px 0; line-height: 36px; font-weight: 700; color: #333333; }
h2 span{ color:#da291c; }
h3 { font-size:18px; color:#da291c; font-weight: 600; text-transform:uppercase; letter-spacing: 4px;}
h4 { font-size:30px; font-weight:600; color:#da291c; margin-bottom:28px; }
h5 { font-weight:600; color:#1bbb9f; text-transform:uppercase; font-size:40px; margin-bottom:32px; text-align:center;}
p { margin:0 0 12px 0; font-size:18px; line-height:30px; font-family: 'Merriweather Sans', sans-serif; font-weight:100;}
ul { margin:0 0 12px 0; font-size:18px; line-height:28px; font-family: 'Merriweather Sans', sans-serif; font-weight:100;}
p a, ul li a { color:#fff; text-decoration:underline; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
p a:hover, ul li a:hover { text-decoration:underline; color: #da291c; }
ul > li:before { content:"•"; padding:0 12px 0 0; display:inline-block; float:left; }
ul ul { margin:0 0 0 12px; }
ul > li { margin:0px 0 12px 0; }
ul > li:last-child { margin-bottom:0; }
ul { margin:0 0 0 12px; list-style:none; text-indent:-12px; }
strong { }
hr  { border:none; height:2px; background:#da291c; margin:15px 0 45px 0 ; width:50px;  }
table {  width:100%; }
label { display:block; margin:0 0 4px 0; }


/*-------------------------------------------------------------------
	Forms
-------------------------------------------------------------------*/
input, textarea, select { font-family:Arial,Helvetica,sans-serif; }
input[type=text], input[type=password], input[type=number], textarea, select { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #CCC; display:block; width:100%; margin:0 0 15px 0; padding:9px 9px; }
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover { outline:none; border:1px solid #999; }
button:focus { outline:none; }
textarea { resize:vertical; min-height:150px; }
input[type=submit], button { cursor:pointer; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
input[type='radio'] { opacity:0; float:left; width:16px; height:16px; cursor:default; padding:0; margin:0; position:absolute; }
input[type='radio'] + label:before { content:""; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; display:inline-block; width:16px; height:16px; background:center #FFF; border:2px solid #3FA2D4; position:relative; top:3px; margin:0 5px 0 0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
input[type='radio']:checked + label:before { background:url(../images/radio-white.png) no-repeat center #3FA2D4; }
input[type='checkbox'] { opacity:0; float:left; position:absolute; width:16px; height:16px; cursor:default; padding:0; margin:0; }
input[type='checkbox'] + label { margin:0 0 8px 0; }
input[type='checkbox'] + label:before { content:""; display:inline-block; width:16px; height:16px; background:center #FFF; border:2px solid #3FA2D4; position:relative; top:3px; margin:0 5px 0 0;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
input[type='checkbox']:checked + label:before { background:url(../images/checkbox-white.png) no-repeat center #3FA2D4; }
input[type="text"]:disabled { background:#dddddd; }
input:disabled:hover, textarea:disabled:hover { border:1px solid #CCC; }
select { background:url(../images/form-select.png) no-repeat center right #FFF; padding-right:30px; }
select:hover, select:focus { background:url(../images/form-select.png) no-repeat center right #FFF; }


/*-------------------------------------------------------------------
	Navigation
-------------------------------------------------------------------*/
.nav { position:relative; z-index:100; font-size:0; float:left; min-width:140px; }
.nav-el-1:before, .nav-el-2:before { content:""; padding:0; float:none; display:inline; }
.nav-el-1-link, .nav-el-2-link { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* First Level */
.nav-list-1 { position:relative; z-index:1; margin:0; text-indent:0; font-size:0; }
.nav-el-1 { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; }
.nav-el-1-link { display:block; color:#FFF; font-size:14px; line-height:14px; padding:10px 10px;  }
.nav-el-1:hover .nav-el-1-link, .nav-el-1.is-selected .nav-el-1-link { background:#FFF; color:#3FA2D4; text-decoration:none; }

/* Second Level */
.nav-list-2 { zoom:1; filter:alpha(opacity=0); opacity:0; display:none; position:absolute; margin:0; }
.nav-el-2 { margin:0; text-indent:0px; }
.nav-el-2-link { padding:10px 10px; font-size:14px; line-height:14px; background:#FFF; display:block; color:#3FA2D4; }
.nav-el-2:hover .nav-el-2-link { background:#3FA2D4; color:#FFF; text-decoration:none; }
.nav-list-2.is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }

/* Languages */
.nav-lang { float:right; }
.nav-lang-list { text-indent:0; margin:0; }
.nav-lang-el { margin:0; }
.nav-lang-el:before { content:""; padding:0; float:none; display:inline; }
.nav-lang-el-link { color:#FFF; }

.sub-navigation { z-index: 1; font-size: 0; float: right; text-indent: 0; margin: 0 50px 0 0; position: relative; top: 30px; }
.sub-navigation > li { display: inline-block; *display:inline; *zoom:1; vertical-align: top; }
.social { display: block; float: left; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; top: 0; }
.social-facebook { background-image: url(../images/social-facebook.png); background-color: #53575a; margin-left: 38px; }
.social-facebook:hover {  background-color: #da291c; }
.social-facebook-black { background-image: url(../images/social-facebook-black.png); background-color: #fff;}
.social-facebook-black:hover {  background-color: #da291c; }
.header-phone { margin: 0; padding: 12px 0 0 30px; font-size: 22px;line-height: 24px; font-family: 'Montserrat', sans-serif; font-weight: 400; color:#53575a; }
.header-phone span { font-weight: 700; text-transform:uppercase;}
.header-phone a {color:#53575a; text-decoration:none; }
/*-------------------------------------------------------------------
	Modules (ex.: .box)
-------------------------------------------------------------------*/
.btn { display:inline-block; text-align:center; font-size:14px; border:none; cursor:pointer; padding:10px 12px; background:#333; color:#FFF; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; opacity:1; margin:0 5px 0 0; }
.btn:hover { opacity:0.8; }
.btn-more { display: block; color: #ffffff; font-weight: 600; font-size: 15px; text-transform:uppercase; text-align: center; border: solid 2px #fff; padding: 10px; -webkit-border-radius: 1em 1em 1em 1em;-moz-border-radius: 1em 1em 1em 1em; border-radius: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin: 90px 0 90px 0;}
.btn-more:hover  { background:#FFF; color:#1bbb9f; }
video { width:100%; }
.logo { display: block; width: 328px; height: 78px; background-image: url(../images/logo.png); background-repeat:no-repeat; background-position:center; float: left; margin: 16px 0 16px 50px; background-size: contain;}

.flexslider-home { background-image:url(../images/header-picture-color.jpg); text-align:center; position:relative; }
.flexslider-home, .flexslider-home ul, .flexslider-home li, .flexslider-home .wrapper {  }
.flexslider-home ul li div { height:820px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.slider-content { top: 10%; position:relative; text-align:center; }
.slider-content hr { height: 2px; background: #fff;  margin: 46px auto 18px auto; width: 24px; }
.slider-content p { color:#FFF; font-size:24px; line-height: 34px; }
.slider-content span { font-weight:600; }

.round-btn { display: block; width: 50px; height: 50px; margin: -74px auto 22px auto; position: relative; background: url(../images/fleche.png) no-repeat center #ffffff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; cursor: pointer;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.round-btn:hover { background: url(../images/fleche-roll.png) no-repeat center #da291c; }

.upper { margin-top:-259px; position:relative;}
.is-full-width {display: block; width: 100%; height: auto; }

.list ul { text-indent:0; list-style-type: none; padding: 0; margin: 0; position: relative; z-index: 10000;}
.list ul li:before { content:""; padding:0; float:none; display:inline; }
.list ul li { background: url('../images/tiret.png') no-repeat left top 13px; padding: 0 0 0 38px; }
blockquote p { text-align:center;  font-family: 'Merriweather Sans', sans-serif; font-size:24px; font-weight:700; font-style:italic; margin: 20px 0 2px 0;}
blockquote p:before { display: inline-block; content: "«"; padding: 0 0.3em 0 0; }
blockquote p:after { display: inline-block; content: "»"; padding: 0 0 0 0.3em; }
.citation {text-align:center; font-family: 'Merriweather Sans', sans-serif; font-size:14px; font-weight:300; font-style:italic;}

.logo-footer { margin:66px 0; display: block; width: 435px; height: 97px; background: url(../images/logo-ordre-conseillers.png) no-repeat center; background-size:contain;}
.footer-info { font-size:30px; margin:0 0 36px 0; padding:0; line-height: 32px;}
.footer-info span{ font-size:30px; margin:0; padding:0; color: #da291c; font-weight:600;}

footer p { color:#FFF; font-size:18px; margin:0 0 30px 0; font-family: 'Merriweather Sans', sans-serif; line-height: 24px;}
footer span { color: #da291c; font-size: 18px; margin: 0 0 8px 0; font-weight: 600; text-transform: uppercase;  font-family: 'Montserrat', sans-serif;}
footer em { font-style:italic; }
footer a {  margin: 5px 0 0 0; }
#copyright { color: #da291c; font-size: 12px; padding: 21px 0; }
#copyright #logo-cameleon { display: block; float: right; width: 169px; height: 16px; background: url(../images/logo-cameleon.png); background-repeat:no-repeat; background-size:contain; margin-top: -6px; }

/*-------------------------------------------------------------------
	Map
-------------------------------------------------------------------*/
#map_canvas { width:100%; height:500px; }
.map-location { padding:10px; }
.map-location span { font-size:14px; line-height:18px; }
.map-location .location-name { display:block; font-weight:strong; }
.map-location .location-address { display:block; }
.map-location .location-city { display:inline-block; }
.map-location .location-city:after { content:","; padding:0 3px 0 0; }
.map-location .location-state { display:inline-block; }
.map-location .location-zip { display:block; }


/*-------------------------------------------------------------------
	States (ex.: .is-collapsed)
-------------------------------------------------------------------*/
.msg { padding:15px; font-size:16px; color:#FFF; line-height:20px; margin:0 0 10px 0; }
.msg > p { display:block; clear:both; line-height:22px; margin-bottom:0; }
.msg > p > .msg-icon { width:23px; height:23px; display:block; float:left; margin:0 5px 9px 0; }
.msg strong { font-weight:bold; }
.is-success { background:#8BC24A; }
.is-success > p > .msg-icon { background:url(../images/icon-success.png); }
.is-failure { background:#F44236; }
.is-failure > p > .msg-icon { background:url(../images/icon-error.png); }
input.is-error { border:1px solid #F44236 !important; color:#F44236; }
input.is-error::-webkit-input-placeholder { color:#F44236; }
input.is-error:-moz-placeholder { color:#F44236; }
input.is-error::-moz-placeholder { color:#F44236; }
input.is-error:-ms-input-placeholder { color:#F44236; }
label.is-error { color:#F44236; position:relative; top:-10px; }
.is-successful { border:1px solid #8BC24A !important; color:#8BC24A; }
.is-successful::-webkit-input-placeholder { color:#8BC24A; }
.is-successful:-moz-placeholder { color:#8BC24A; }
.is-successful::-moz-placeholder { color:#8BC24A; }
.is-successful:-ms-input-placeholder { color:#8BC24A; }
.more-padding { padding:0 50px 0 50px;}
.is-full-width { display:block; width:100%; height:auto; }
.last-row-is-highlighted td:last-child { background:#52a2ff; }
.has-rounded-corners { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.has-box-shadow { -webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); margin-bottom:4px; }
.has-block { display:block; }
.has-50-bottom-margin { margin-bottom:50px; }
.is-hidden { display:none !important; }
.has-no-bullets { text-indent:0; margin:0; }
.has-no-bullets li:before { content:""; padding:0; float:none; display:inline; }
.has-full-padding {padding: 50px!important;}
.has-full-padding-alt {padding: 98px 62px 78px 62px!important; }
.has-no-padding { padding:0 !important;}
.has-more-padding { padding-top:24px;} 
.has-more-padding-alt { padding-bottom:5px;} 
.has-montserrat{ font-family: 'Montserrat', sans-serif;}
.is-tiret-vert > ul li{ background: url('../images/tiret-vert.png') no-repeat left top 13px!important;}
.is-tiret-black  > ul li{ background: url('../images/tiret-black.png') no-repeat left top 13px!important;}
.is-center { text-align:center; }
.is-white { color: #fff; }
.is-white > h2{ color: #fff; }
.is-green { background:#1bbb9f; }
.is-red { background:#da291c; }
.is-green-color { color:#1bbb9f; }
.is-black { background: #000000; }
.is-gray { background: #f0f0f0;}
.is-gray-black { background: #252525; }

