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

/*-------------------------------------------------------------------
	Less than 960px
-------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	/*.wrapper { width:90%; }*/
	.wrapper { width:100%; }
	
	header .wrapper { width:100%; }
	.logo-footer { width:100%; }
	
	h2 { font-size: 24px; line-height: 30px; }
	p { font-size: 14px; line-height: 24px; }
	ul { font-size: 14px;line-height: 24px; }
	.footer-info span { display: block; }
	footer p { font-size: 14px;  line-height: 24px; }
	.footer-info { font-size: 20px;}
	.letter-spacing {   letter-spacing: -1px;}
	
}

@media screen and (max-width: 884px) {
	.logo { float:none;  margin: 16px auto 16px auto; background-size: contain; width:100%; background-repeat:no-repeat; }
	.social-facebook { display: none; }
	.sub-navigation {float: none; margin: 0;  top:0;  text-align: center; line-height:8px; }
	.header-phone { margin: 0; padding: 0 30px 0 30px;  }
	
	
	
	
}

/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.l-grid > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.wrapper { width:100%; }
/*	.logo { float:none;  margin: 16px auto 16px auto; background-size: contain; width:100%; }
	.social-facebook { display: none; }
	.sub-navigation {float: none; margin: 0;  top:auto;  text-align: center; }
	.header-phone { margin: 0; padding: 0 30px 0 30px; } */
	.v-spacer { width:100%; clear:both; padding:20px 0; }
	/*.flexslider-home, .flexslider-home ul, .flexslider-home li, .flexslider-home .wrapper { height: 250px;}*/
	.flexslider-home ul li div { height:250px;}
		.upper {  margin-top: 0;}
	 h1 { font-size: 50px; margin: 0 0 20px 0; line-height: 50px; }
	.slider-content hr { height: 2px;  margin: 0 auto 12px auto; }
	.slider-content p { font-size: 18px; line-height: 23px; }
	.has-full-padding {padding: 50px 25px!important; }
}

/*-------------------------------------------------------------------
	Less than 595px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 595px) {
	.l-grid > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.show { display:block; }
	.hide { display:none; }
	
	/* Navigation */
	.nav { width:100%; float:none; }
	.nav-list-2 { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; position:relative; }
	.nav-el-1, .nav-el-2, .nav-el-1-link { width:100%; display:block; }
	.nav-el-1-link { padding-left:5% !important; padding-right:5% !important; }
	.nav-el-2-link { padding-left:7% !important; padding-right:7% !important; }
	.logo-footer { width:100%;}
	#copyright { text-align: center; }
	#copyright #logo-cameleon { float: none; margin: 10px auto 0 auto; }
	.footer-info span { display: block; }


	/* Navigation trigger */
	.nav-trigger { width: 30px; height: 20px; margin:5% 5% 5% 0; float:right; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	.nav-trigger span { display: block; position: absolute; height: 1px; width: 100%; background: #FFF; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.nav-trigger span:nth-child(1) { top: 0px; }
	.nav-trigger span:nth-child(2),.nav-trigger span:nth-child(3) { top:9px; }
	.nav-trigger span:nth-child(4) { top: 18px; }
	.nav-trigger.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; }
	.nav-trigger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.nav-trigger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.nav-trigger.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; }
}


/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	/*.logo { float:none;  margin: 16px auto 16px auto; background-size: contain; width:100%; background-repeat:no-repeat; }*/
	.logo {  background-image: url(../images/logo@2x.png);}
	.logo-footer { background-image: url(../images/logo-ordre-conseillers@2x.png); }
	.social-facebook { background-image: url(../images/social-facebook@2x.png); background-size:25%; }
	.social-facebook-black { background-image: url(../images/social-facebook-black@2x.png); background-size:25%; }
	#copyright #logo-cameleon {  background: url(../images/logo-cameleon@2x.png); background-size:contain; }
}