#filters {
margin:1%;
padding:0;
list-style:none;
}
#filters li {
float:left;
}
#filters li span {
display: block;
padding:5px 20px;		
text-decoration:none;
color:#666;
cursor: pointer;
}
#filters li span.active {
background: #e95a44;
color:#fff;
}
#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width:23%;
margin:1%;
display:none;
float:left;
overflow:hidden;
}
.portfolio-wrapper {
overflow:hidden;
position: relative !important;
background: #666;
cursor:pointer;
}
.portfolio img {
max-width:100%;
position: relative;
top:0;
-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
}
.portfolio .label {
position: absolute;
width: 100%;
height:40px;
bottom:-40px;
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio .label-bg {
background: #e95a44;
width: 100%;
height:100%;
position: absolute;
top:0;
left:0;
}
.portfolio .label-text {
color:#fff;
position: relative;
z-index:500;
padding:5px 8px;
}
.portfolio .text-category {
display:block;
font-size:9px;
}
.portfolio:hover .label {
bottom:0;
}
.portfolio:hover img {
top:0px;
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.container {
width: 768px; 
}
} @media only screen and (max-width: 767px) {
.container { 
width: 95%; 
}
#portfoliolist .portfolio {
width:48%;
margin:1%;
}		
#ads {
display:none;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 70%;
}
#ads {
display:none;
}
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#015024; opacity: 0.75 !important; filter: alpha(opacity = 75) !important;}
#colorbox{outline:0;}
#cboxContent{
margin-top:32px; overflow:visible; background:#000;
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/load.gif);
background-size: 50px;
background-repeat: no-repeat;
background-position: center;
}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#FFF; padding:1px;}
#cboxLoadingGraphic{background:url(//www.sidattes.ma/wp-content/themes/sidattes/css/images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(//www.sidattes.ma/wp-content/themes/sidattes/css/images/controls.png) no-repeat 0 0;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{opacity: 0.7;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
#cboxClose, #cboxNext, #cboxPrevious{
width: 25px;
height: 25px;
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/close.svg);
background-size: 25px;
background-position: center;
top: -30px;
}
#cboxClose:hover, #cboxPrevious:hover, #cboxNext:hover{
background-position: center;
opacity: 0.7;
}
#cboxNext{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/right-btn.svg);
}
#cboxPrevious{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/left-btn.svg);
}@font-face {
font-family: 'Auro-Regular';
src: url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Auro-Regular.eot?#iefix) format('embedded-opentype'),  
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Auro-Regular.otf)  format('opentype'),
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Auro-Regular.woff) format('woff'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Auro-Regular.ttf)  format('truetype'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Auro-Regular.svg#Auro-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-BoldCondensed';
src: url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-BoldCondensed.eot?#iefix) format('embedded-opentype'),  
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-BoldCondensed.woff) format('woff'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-BoldCondensed.ttf)  format('truetype'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-BoldCondensed.svg#Roboto-BoldCondensed) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Condensed';
src: url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Condensed.eot?#iefix) format('embedded-opentype'),  
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Condensed.woff) format('woff'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Condensed.ttf)  format('truetype'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Condensed.svg#Roboto-Condensed) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Thin';
src: url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Thin.eot?#iefix) format('embedded-opentype'),  
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Thin.woff) format('woff'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Thin.ttf)  format('truetype'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Thin.svg#Roboto-Thin) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Marguerite';
src: url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Marguerite.eot?#iefix) format('embedded-opentype'),  
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Marguerite.woff) format('woff'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Marguerite.ttf)  format('truetype'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Marguerite.svg#Marguerite) format('svg');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'Roboto-Light';
src: url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Light.eot?#iefix) format('embedded-opentype'),  
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Light.woff) format('woff'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Light.ttf)  format('truetype'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Light.svg#Roboto-Light) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Regular';
src: url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),  
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Regular.woff) format('woff'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Regular.ttf)  format('truetype'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Regular.svg#Roboto-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Bold';
src: url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype'),  
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Bold.woff) format('woff'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Bold.ttf)  format('truetype'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Bold.svg#Roboto-Bold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Black';
src: url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Black.eot?#iefix) format('embedded-opentype'),  
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Black.woff) format('woff'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Black.ttf)  format('truetype'), 
url(//www.sidattes.ma/wp-content/themes/sidattes/fonts/Roboto-Black.svg#Roboto-Black) format('svg');
font-weight: normal;
font-style: normal;
}
body{
font-family: 'Roboto-Light', arial;
color: #221101;
font-size: 15px;
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
*, h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
}
h1{
font-family: 'Roboto-Light', arial;
font-size: 41px;
margin: 0;
text-transform: uppercase;
}
.top-head{
padding: 10px 0;
}
.top-head h5{
font-family: 'Auro-Regular', arial;
font-size: 14px;
color: #000;
text-transform: uppercase;
letter-spacing: 2px;
}
.menu{
padding: 0 0 10px;
}
.menu.fixed{
position: fixed;
background-color: #FFF;
width: 100%;
top: 0;
left: 0;
z-index: 999999;
-webkit-transition: all 1s; transition: all 1s;
padding: 0;
}
.nav{ padding: 10px 0; }
.menu.fixed .nav{ padding: 5px 0 0; }
.logo img {
width: 190px;
}
.menu.fixed li a{ font-size: 12px; }
.nav-list {
text-align: center;
}
.menu li{
display: inline-block;
float: none;
}
.menu li a{
font-family: 'Auro-Regular', arial;
color: #221101;
font-size: 14px;
text-transform: uppercase;
padding-bottom: 5px;
}
.menu li a:hover, .menu li a.active, .menu li a:focus{
color: #2c6b48;
border-bottom: 1px solid #2c6b48;
}
.menu li:first-child {
margin-left: -80px;
}
.menu .languages{ position: relative; }
.menu .languages a{
position: absolute;
right: 50px;
bottom: -40px;
color: #2c6b48;
background-color: #FFF;
padding: 5px;
z-index: 9999;
}
.menu.fixed .languages a{ bottom: -31px; }
.menu.fixed .logo img{
width: 150px;
}
.menu .languages a:hover{
color: #000;
} .slider{
position: relative;
width: 100%;
height: 86vh;
}
.slide{
position: relative;
width: 100%;
height: 86vh;
background-size: cover;
background-position: center;
background-color: #000;
}
.description{
position: absolute;
width: 500px;
max-width: 100%;
height: 200px;
left: 0; right: 0;
top: 0; bottom: 0;
margin: auto;
}
.description *{
background-color: rgba(57,31,24,0.75);
color: #FFF;
text-transform: uppercase;
}
.description h1{
font-family: 'Roboto-BoldCondensed', arial !important;
padding: 10px 0 0;
font-family: '', arial;
font-size: 37px;
}
.description h2{
font-family: 'Roboto-Condensed', arial;
font-size: 47px;
}
.description h3{
font-family: 'Roboto-Thin', arial;
font-size: 33px;
padding: 0 0 10px;
}
.description p{
font-family: 'Marguerite', arial;
font-size: 17px;
background-color: #FFF;
color: #20874d;
padding: 5px;
text-transform: none;
}
.slider .slick-dots {
bottom: 15px;
} .theme *{
text-transform: uppercase;
color: #0d0500;
}
.theme h3{
font-family: 'Roboto-Light', arial;
font-size: 31px;
margin: 0 0 20px;
}
.theme h5{
font-family: 'Roboto-Light', arial;
font-size: 17px;
margin: 0 0 20px;
position: relative;
display: inline-block;
}
.theme h5:before, .theme h5:after{
content: '';
width: 30px;
height: 28px;
position: absolute;
left: -30px;
top: -5px;
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/quote1.png);
background-size: 20px;
background-repeat: no-repeat;
background-position: center top;
}
.theme h5:after{
left: auto;
right: -30px;
top: 2px;
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/quote2.png);
}
.theme p{
font-family: 'Roboto-Regular', arial;
margin: 0 0 10px;
color: #0c6232;
text-transform: none;
}
.theme-blocs{
background-color: #EEE;
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/theme-bg.jpg);
background-size: cover;
background-position: center top;
}
.theme-blocs .posts{
background-color: #FFF;
padding: 10px;
margin: 0 0 80px;
min-height: 180px;
}
.theme-blocs .posts img{
width: 70px;
margin: -50px 0 20px;
}
.theme-blocs .posts h3{
font-family: 'Marguerite', arial;
color: #0c5e30;
margin: 0 0 10px;
}
.theme-blocs .posts p{
font-family: 'Roboto-Light', arial;
color: #371a11;
} .theme-popup{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/initiative-bg.jpg);
background-size: cover;
background-position: center top;
background-attachment: fixed;
}
.theme-popup *{
font-family: 'Roboto-Thin', arial;
color: #FFF;
}
.theme-popup iframe{
width: 100%;
height: 450px;
}
.theme-popup h3{
font-family: 'Roboto-Black', arial;
font-size: 27px;
margin: 0 0 20px;
text-transform: uppercase;
}
.theme-popup h3 span{
font-family: 'Roboto-Black', arial;
} .filiere{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/filiere-bg.jpg);
background-size: cover;
background-attachment: fixed;
}
.filiere h1{
font-family: 'Roboto-Light', arial;
font-size: 41px;
text-transform: uppercase;
color: #FFF;
}
.filiere .posts{
width: 100%;
float: left;
}
.filiere .posts img{
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.filiere .posts img:hover{
-webkit-filter: grayscale(0%); filter: grayscale(0%);
}
.filiere .posts{
padding: 10px;
background-color: #FFF;
margin: 0 0 30px;
}
.filiere .posts img{
margin: 0 0 10px;
width: 100%;
}
.filiere .posts h3{
font-family: 'Roboto-Bold', arial;
font-size: 19px;
margin: 0 0 10px;
color: #467a5d;
}
.filiere .posts p{
font-family: 'Roboto-Light', arial;
margin: 0 0 10px;
}
.filiere .posts a{
font-family: 'Roboto-Black', arial;
display: inline-block;
float: right;
color: #7d4e3f;
font-size: 13px;
}
.filiere .posts a:hover{
color: #000;
} .filiere-popup{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/filiere-popup-bg.jpg);
background-size: cover;
background-position: center top;
background-attachment: fixed;
}
.filiere-popup *{
font-family: 'Roboto-Thin', arial;
color: #FFF;
}
.filiere-popup h3{
font-family: 'Roboto-Black', arial;
font-size: 31px;
margin: 0 0 20px;
text-transform: uppercase;
}
.filiere-popup h3 span{
font-family: 'Roboto-Black', arial;
} .about.variety{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/variety-bg2.jpg);
}
.variety .col-md-2{
padding: 30px;
}
.about.variety .post{
text-align: center;
min-height: 150px;
margin: 0 0 0px;
border: 0;
padding: 0;
}
.variety.about *{
color: #37150a;
}
.variety.about h3 {
font-size: 17px;
color: #467a5d;
}
.variety a:{
opacity: 0.7;
} .about{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/about-bg.jpg);
background-size: cover;
background-position: center top;
background-attachment: fixed;
}
.about h1{
font-family: 'Roboto-Light', arial;
font-size: 41px;
text-transform: uppercase;
}
.about .col-md-4{
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
position: relative;
padding: 15px;
}
.about .col-md-4:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #a51212;
opacity: 0.7;
left: 0; top: 0;
}
.about .col-md-4:hover:before, .about .active.col-md-4:before{
background-color: #467a5d;
-webkit-transition: all .3s; transition: all .3s;
}
.about .post{
min-height: 450px;
border: 1px solid #FFF;
padding: 10px;
position: relative;
}
.about .post h3{
font-family: 'Roboto-Light', arial;
font-size: 23px;
text-transform: uppercase;
color: #FFF;
position: absolute; 
left: 15px;
right: 15px;
bottom: 20px;
}
.about .post h3 span{
font-family: 'Roboto-Black', arial;
} .about-popup{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/about-popup-bg.jpg);
background-size: cover;
background-position: center top;
background-attachment: fixed;
margin: 30px 0 0;
}
.about-popup *{
font-family: 'Roboto-Thin', arial;
color: #FFF;
}
.about-popup img{ width: 100%; }
.about-popup h3{
font-size: 41px;
margin: 0 0 20px;
text-transform: uppercase;
}
.about-popup h3 span{
font-family: 'Roboto-Black', arial;
}
.about-popup .thumbnail{
padding: 5px;
border: 1px solid #FFF;
background-color: transparent;
}
.popup .fermer{
position: absolute;
width: 30px;
height: 30px;
right: 15px;
top: 15px;
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/close.svg);
background-size: 30px;
background-position: center;
}
.fermer:hover{
opacity: 0.7;
} .salon{
background-color: #187842;
}
.salon *{
color: #FFF;
}
.salon h1{
font-family: 'Roboto-Light', arial;
font-size: 41px;
text-transform: uppercase;
}
.salon .post{
padding: 0 30px;
position: relative;
}
.salon .post img{
height: 70px;
margin: 0 0 20px;
}
.salon .post h3{
font-family: 'Roboto-Thin', arial;
font-size: 23px;
text-transform: uppercase;
}
.salon .post:hover:before, .salon .active .post:before{
content: '';
width: 50px;
position: absolute;
left: 0; right: 0;
bottom: -10px;
height: 2px;
background-color: #FFF;
margin: auto;
-webkit-transition: all .3s; transition: all .3s;
} .salon-popup{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/about-popup-bg.jpg);
background-size: cover;
background-position: center top;
background-attachment: fixed;
margin: 30px 0 0;
}
.salon-popup *{
font-family: 'Roboto-Thin', arial;
color: #FFF;
}
.salon-popup h1{
font-family: 'Roboto-Black', arial;
font-size: 51px;
margin: 0 0 10px;
text-transform: uppercase;
}
.salon-popup h1 span{
font-family: 'Roboto-Light', arial;
text-transform: none;
}
.salon-popup h3{
font-family: 'Roboto-Black', arial;
font-size: 21px;
margin: 0 0 10px;
text-transform: uppercase;
color: #36cd78
}
.salon-popup p{
font-family: 'Roboto-Light', arial;
}
.salon-popup p strong{
font-family: 'Roboto-Black', arial;
} .initiative{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/initiative-bg.jpg);
background-size: cover;
background-position: center top;
background-attachment: fixed;
}
.initiative *{
color: #FFF;
}
.initiative h1{
font-family: 'Roboto-Light', arial;
font-size: 41px;
margin: 0 0 30px;
text-transform: uppercase;
}
.initiative p{
text-align: justify;
margin: 0 0 20px;
}
.initiative img{
margin: 10px;
width: 100%;
}
a.down-arrow{
font-family: 'Roboto-Condensed', arial;
display: inline-block;
padding: 10px 30px;
background-color: #FFF;
border-radius: 0 20px 20px 0;
margin: 0 40px;
color: #0a8540;
position: relative;
}
a.down-arrow:before{
content: '';
position: absolute;
width: 60px;
height: 100%;
left: -40px;
top: 0;
background-color: #015626;
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/down-arrow.png);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
border-radius: 20px 0 0 20px;
}
a.down-arrow:hover{ opacity: 0.7; } .plan{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/plan-bg.jpg);
background-size: cover;
background-position: center top;
background-attachment: fixed;
}
.plan *{
color: #FFF;
}
.plan h1{
margin: 0 0 20px;
}
.plan a.down-arrow:before{
background-color: #808281;
}
.plan a.down-arrow.zoom:before{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/zoom-arrow.svg);
} .presse{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/presse-bg.jpg);
background-size: cover;
background-position: center top;
background-attachment: fixed;
}
.presse h1{
color: #FFF;
margin: 0 0 60px;
}
.presse a.down-arrow{
margin: 0 20px 0 40px;
padding: 10px 5px;
font-size: 13px;
color: #3c1e17;
}
.presse a.down-arrow:before{
background-color: #9f3f29;
width: 50px;
}
.slick-dots{
bottom: -65px;
}
.slick-dots li.slick-active button::before {
opacity: 1;
color: #015626;
} .gallery h1{
color: #187842;
}
#filters li {
float: none;
display: inline-block;
}
#filters li span {
font-family: 'Roboto-Condensed', arial;
font-size: 17px;
margin: 5px 20px;
color: #187842;
padding: 5px;
}
#filters li span.active {
background: transparent;
border-bottom: 1px solid #187842;
color: #000;
} .contact{
background-color: #0a8540;
}
.contact *{
color: #FFF;
}
.contact h1 {
margin: 0 0 40px;
}
.contact input, textarea, select{
display: inline-block;
width: 31%;
background-color: transparent;
border: 1px solid #FFF;
border-radius: 20px;
margin: 0 3% 20px 0;
color: #FFF;
padding: 5px 10px;
}
.contact textarea{
width: 100%;
height: 120px;
border-radius: 12px;
}
.contact input.tel{
float: right;
margin: 0 0 20px;
}
.contact input.sujet{
width: 65%;
margin: 0 0 20px 0;
}
.contact select.services{
float: right;
margin: 0 0 20px;
}
.contact a.send{
padding: 5px 20px;
color: #0a8540;
background-color: #FFF;
display: inline-block;
font-family: 'Roboto-Regular', arial;
border-radius: 20px;
}
.contact a.send:hover{ opacity: 0.7; }
.contact h3{
font-family: 'Roboto-Black', arial;
font-size: 17px;
margin: 0 0 10px;
text-transform: uppercase;
}
.contact p{
font-family: 'Roboto-Thin', arial;
margin: 0 0 5px;
}
.contact p strong{
font-family: 'Roboto-Regular', arial;
margin: 0 0 5px;
} .map{
width: 100%;
height: 450px;
}
.footer{
background-color: #015024;
}
.footer *{
color: #FFF;
}
.footer p{
font-size: 13px;
margin: 0;
}
.footer a{
display: inline-block;
margin: 0 10px 0 0;
}
.footer a:hover{
opacity: 0.5;
color: #FFF;
}
.float-right{
float: right;
}
.float-right a:last-child{
margin: 0;
} .popup{ 
display: none;
position: relative;
clear: both;
height: auto;
}
.popup.active{
display: block;
-webkit-transition: all .3s; transition: all .3s;
}
a.mypost:hover, a.mypost.active{ opacity: 0.7; }
.filiere a.mypost:hover, .filiere a.mypost.active{
opacity: 1;
color: #000;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active, 
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus, 
.ui-selectmenu-button.ui-button{
background: transparent;
border: 1px solid #FFF;
border-radius: 20px;
float: right;
width: 31%;
padding: 5px 10px;
}
.ui-selectmenu-text{
font-family: 'Roboto-Light', arial;
}
.ui-button .ui-icon, .ui-button .ui-icon:hover{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/down-arrow.svg);
background-position: center;
background-size: 16px;
}
.ui-button .ui-icon:hover, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{ 
opacity: 0.7;
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/down-arrow.svg) !important;
}
.popup ul {
list-style: disc;
padding: 0 0 0 30px;
margin: 0 0 20px;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
right: 0;
margin: auto;
} .partners .col-md-2 img{
max-width: 130px;
margin: auto;
}
::-webkit-input-placeholder { opacity: 1;
color: #FFF;
}
::-moz-placeholder { opacity: 1;
color: #FFF;
}
:-ms-input-placeholder { opacity: 1;
color: #FFF;
}
:-moz-placeholder { opacity: 1;
color: #FFF;
} .msgs{
position: fixed;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
display: none;
top: 0;
background-color: rgba(0,0,0,0.5);
z-index: 9999;
}
.msg{
position: absolute;
width: 600px;
max-width: 100%;
height: 220px;
text-align: center;
background-color: transparent;
padding: 50px;
left: 0;
right: 0;
top: 200px; margin: auto;
}
.msg p{
font-size: 30px;
font-family: 'Roboto-Regular', arial;
color: #232323;
margin: 0;
padding: 50px;
background-color: #FFF;
line-height: 40px;
box-shadow: 0 0 20px rgba(255,255,255,0.3);
}
.fermer{
background-image: url(//www.sidattes.ma/wp-content/themes/sidattes/images/close2.svg);
background-size: cover;
height: 25px;
width: 25px;
position: absolute;
right: 20px;
top: 20px;
z-index: 999;
cursor: pointer;
}
.fermer:hover{ opacity: 0.7; }
input.error, textarea.error{
border-color: #F00 !important;
color: #F00 !important;
}
.preload{
position: absolute;
width: 100%;
height: 100%;
background-color: #EEEEEE;
left: 0;
top: 0;
z-index: 99999999;
position: fixed;
}
.preload div{
width: 150px;
height: 100px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
}
.preload .logo{
max-width: 150px;
margin: -50px 0 30px
}
.preload .load{ max-width: 50px; }
.thumbnail{
padding: 0;
border: 0;
border-radius: 0;
margin: 0 0 20px;
}
.black-bg{
background-color: #160909;
}
.blue-bg{
background-color: #0075cb;
}
.gray-bg{
background-color: #e6e6e6;
}
.white-bg{
background-color: #FFF;
}
.white-color{
color: #FFF;
}
.blue-link{
color: #0075cb;
border-color: #0075cb;
}
.red-link{
color: #ef0e28;
border-color: #ef0e28;
}
.container{
width: 1170px;
max-width: 100%;
}
section{ 
display: block;
clear: both;
position: relative;
height: auto;
}
.cb{
clear: both;
width: 100%;
float: left;
height: 1px;
}
a:hover, a:focus{
text-decoration: none;
-webkit-transition: all .3s; transition: all .3s;
cursor: pointer;    
} .margin-bottom-20{margin-bottom: 20px !important;}
.margin-bottom-40{margin-bottom: 40px !important;}
.margin-bottom-60{margin-bottom: 60px !important;}
.margin-bottom-80{margin-bottom: 80px !important;}
.margin-bottom-100{margin-bottom: 100px !important;}
.margin-top-20{margin-top: 20px !important;}
.margin-top-40{margin-top: 40px !important;}
.margin-top-60{margin-top: 60px !important;}
.margin-top-80{margin-top: 80px !important;}
.margin-top-100{margin-top: 100px !important;} .no-padding{ padding: 0 15px !important; }
.padding-top-10{padding-top: 10px !important;}
.padding-top-20{padding-top: 20px !important;}
.padding-top-40{padding-top: 40px !important;}
.padding-top-60{padding-top: 60px !important;}
.padding-top-80{padding-top: 80px !important;}
.padding-top-100{padding-top: 100px !important;}
.padding-bottom-10{padding-bottom: 10px !important;}
.padding-bottom-20{padding-bottom: 20px !important;}
.padding-bottom-40{padding-bottom: 40px !important;}
.padding-bottom-60{padding-bottom: 60px !important;}
.padding-bottom-80{padding-bottom: 80px !important;}
.padding-bottom-100{padding-bottom: 100px !important;}
ul, ol{
list-style: none;
padding: 0;
margin: 0;
}
img{ max-width: 100%; }
.for-desktop{ display: inline-block !important; }
.for-mobile{ display: none !important; }
@media screen and (max-width: 768px) {
.for-mobile{ display: inline-block !important; }
.for-desktop{ display: none !important; }
}
@media screen and (max-width: 650px) {
body, html{
width: 100%;
overflow-x: hidden;
}
.nav {
width: 100%;
padding: 10px 0 0;
float: right;
overflow: visible;
overflow-y: visible;
}
.nav-mobile{
top: -35px;
}
.nav-list {
padding-top: 20px;
}
.menu li {
text-align: left;
}
.menu li:first-child {
margin-left: 0;
}
.logo img {
margin: 15px 0 0 15px;
}
.description h1 {
font-size: 31px;
}
.description h2 {
font-size: 37px;
}
.description h3 {
font-size: 31px;
}
.description p{
font-size: 14px;
}
.theme .col-md-12 {
padding: 0 30px;
}
.fermer{
top: 25px;
}
.salon .post{
margin: 0 0 50px;
}
a.down-arrow{
margin: 0 40px 20px;
}
#cboxLoadedContent, .cboxPhoto{
max-width: 100%;
}
.contact h1{
margin: 0 0 30px;
}
.contact input, textarea, select{
width: 100%;
}
.contact .col-md-8{
margin: 0 0 30px;
}
.slider{ height: 33vh; }
.slide{
background-size: 100%;
background-repeat: no-repeat;
background-color: #FFF;
height: 33vh;
}
.partners .col-md-2 img{
max-width: 100px;
}
}