@import url("../css/bootstrap.css");@import url("../css/megamenu.css");@import url("../css/flexslider.css");@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);h4, h5, h6,
h1, h2, h3{margin-top:0;}
ul, ol{margin:0;}
p{margin:0;}
html,body{font-family:'Open Sans', sans-serif;}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.btn1{padding:20px 34px;}
.btn2{padding:20px 7.5px;}
.btn3{padding:20px 13px;}
.btn4{padding:20px 9px;}
.btn5{padding:20px 20px;}
.btn6{padding:20px 5.5px;}
.btn7{padding:20px 21.5px;}
.btn8{padding:20px 29.48px;}
.banner1{background:url(../images/banner.jpg) no-repeat center top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:229px;}
blockquote{background:url(../images/cots.png)no-repeat 0px 9px;text-align:left;width:74%;margin:0 auto;}
blockquote h4{font-size:2em;color:#eb5055;text-transform:uppercase;font-family:'bebas_neueregular';margin:0;font-weight:400;}
blockquote p{font-size:20px;color:#e27a25;text-transform:uppercase;font-weight:bold;padding:0;text-align:center;}
blockquote p.cot_2{background:url(../images/cots_2.png)no-repeat 71%;}
.cots-row{background:url(../images/content_main.jpg) repeat 0 0;padding:25px 0;}
#portfoliolist{padding-top:1%;}
#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:23%;margin:1%;float:left;overflow:hidden;}
.portfolio-wrapper{overflow:hidden;position:relative !important;cursor:pointer;}
.portfolio img{top:0px !important;max-width:100%;position:relative;border:1px solid #E6E6E6;padding-bottom:0;opacity:5;transition:all 300ms!important;-webkit-transition:all 300ms!important;-moz-transition:all 300ms!important;}
.img_content{top:0px !important;max-width:35%;float:right;position:relative;border:1px solid #E6E6E6;padding-bottom:0;opacity:5;transition:all 300ms!important;-webkit-transition:all 300ms!important;-moz-transition:all 300ms!important;}
.portfolio .label{position:absolute;width:100%;height:40px;bottom:-40px;}
.portfolio .label-bg{background:#62A29E;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:18px;text-transform:uppercase;color:#ffffff;font-weight:100;margin-top:5px;}
.header{padding:0;}
.logo{float:left;width:15%;}
.head-nav{float:left;}
.head-nav ul{margin:0;padding:0;}
.head-nav ul li{display:inline-block;float:left;}
.head-nav ul li.type1 a{background:rgba(255,255,255, 0.8);}
.head-nav ul li.type2{background:rgba(255,255,255, 0.6);}
.head-nav ul li a{display:inline-block;margin-right:0px;cursor:pointer;}
.head-nav ul li a:hover,.head-nav ul li.active a{background:#fff;}
.head-nav ul li a i{display:inline-block;margin-bottom:21px;}
.head-nav ul li a i.home{width:58px;height:45px;background:url(../images/home_icon.png) no-repeat;background-position:3px 0px;display:block;}
.head-nav ul li a i.echaf{width:111px;height:45px;background:url(../images/echaf_icon.png) no-repeat;background-position:40px 0px;display:block;}
.head-nav ul li a i.rea{width:100px;height:45px;background:url(../images/rea_icon.png) no-repeat;background-position:35px 0px;display:block;}
.head-nav ul li a i.devis{width:108px;height:45px;background:url(../images/devis_icon.png) no-repeat;background-position:33px 0px;display:block;}
.head-nav ul li a i.certif{width:86px;height:45px;background:url(../images/certif_icon.png) no-repeat;background-position:29px 0px;display:block;}
.head-nav ul li a i.esp{width:115px;height:45px;background:url(../images/esp_icon.png) no-repeat;background-position:37px 0px;display:block;}
style-mail{box-shadow:0 4px 6px #c8c8c8;}
.head-nav ul li a i.news{width:83px;height:45px;background:url(../images/news_icon.png) no-repeat;background-position:15px 0px;display:block;}
.head-nav ul li a i.cont{width:66px;height:45px;background:url(../images/contact_icon.png) no-repeat;background-position:16px 0px;display:block;}
.banner-info{margin-top:10em;text-align:center;}
.banner-info h1{font-size:4.5em;font-weight:400;color:#ffffff;text-transform:uppercase;}
.banner-info span{font-size:1em;font-weight:700;color:#ffffff;text-transform:uppercase;}
.banner-info p{font-size:2.2em;font-weight:400;color:#ffffff;line-height:1.5em;margin:0.5em 0em;}
.banner-info label{width:270px;height:3px;background:#fff;}
a.get{background:#E8645A;color:#fff;text-decoration:none;font-size:18px;font-weight:400;padding:0.5em 2.2em;display:inline-block;text-decoration:none;text-transform:uppercase;text-align:center;margin-top:1em;}
a.get:hover{background:#6AB39C;color:#fff;text-decoration:none;}
.service-section-bottom-row{padding:25px 0;background:#f0eddf;}
.icon-data{float:left;width:76%;}
.icon-data h4{color:#582801;font-size:24px;font-weight:bold;}
.icon-data h4 a{color:#582801;text-decoration:none;}
.icon-data h4 a:hover{color:#e27a25;}
.icon-data p{color:#351800;font-weight:normal;font-size:13px;line-height:18px;}
.demof{}
.demof ul{padding:0;list-style:none;}
.demof li{padding-top:20px;}
.demof li.odd{background:#fafafa;}
.demof li:after{content:'';display:block;clear:both;}
.demof img{float:left;width:20.2%;background:#fff;margin-right:20px;}
.demof_detail{}
.demof_detail ul{padding:0;list-style:none;}
.demof_detail li{padding-top:20px;}
.demof_detail li.odd{background:#fafafa;}
.demof_detail li:after{content:'';display:block;clear:both;}
.demof_detail img{float:left;background:#fff;}
.demof_detail p{font-size:13px;margin:2px 0 0 0;text-align:justify;line-height:22px;color:#582801;}
.latest-news-pic{float:left;width:19%;border:1px solid #cccccc;background:#fff;padding:4px;}
.latest-news-info{float:right;width:74.4%;}
.latest-news-info h4{color:#e27a25;font-size:10px;margin-top:0px;margin-bottom:0;line-height:18px;font-weight:normal;text-transform:uppercase;-moz-transition:background 0.3s ease-out;-o-transition:background 0.3s ease-out;-webkit-transition:background 0.3s ease-out;transition:all 0.3s ease-out;}
.latest-news-info p{font-size:13px;color:#575757;line-height:20px;text-align:justify;margin:0;}
.latest-news-info a{color:#582801;font-size:13px;font-weight:bold;line-height:18px;-moz-transition:background 0.3s ease-out;-o-transition:background 0.3s ease-out;-webkit-transition:background 0.3s ease-out;transition:all 0.3s ease-out;}
.latest-news-info a:hover{color:#e27a25;text-decoration:none;}
.info-act a{color:#582801;font-size:13px;font-weight:bold;line-height:18px;}
.text-act{font-size:13px;font-weight:normal;color:#351800;text-align:justify;}
.info-act a:hover{color:#e27a25;text-decoration:none;}
.more1{margin-top:10px;}
.button1{color:#e27a25;font-size:11px;text-decoration:none;vertical-align:middle;text-transform:uppercase;font-weight:bold;}
.button1:hover{color:#582801;text-decoration:none;}
#colorchanger{position:absolute;top:20%;position:fixed;}
#colorchanger{float:right;}
.colorbox{width:30px;height:30px;border-left:0px;margin:1px;cursor:pointer;display:block;}
.colorblue{background-color:#6AB3AC;}
.coloryellow{background-color:#DCC03F;}
.colorgreen{background-color:#78A848;}
.about{margin:15px 0;}
.connexion-membres{margin-left:auto;margin-right:auto;width:1200px;}
.about h2{font-size:3em;font-weight:400;color:#323232;text-transform:uppercase;text-align:center;}
.about span{font-size:13px;font-weight:bold;color:#e27a25;}
.about-left{margin:0em 0em;padding:0em 0em;}
.about-left h3{font-size:18px;font-weight:bold;color:#e27a25;text-transform:uppercase;padding-bottom:7px;margin-bottom:0px;border-bottom:2px solid #e27a25;}
.about-left p{font-size:13px;font-weight:normal;color:#351800;text-align:justify;margin:1px 0;}
.about-right{margin:0 0 0 42.42px;}
.about-right h3{font-size:18px;font-weight:bold;color:#582801;text-transform:uppercase;padding-bottom:7px;margin-bottom:0px;border-bottom:2px solid #582801;}
.nbs-flexisel-container{position:relative;max-width:100%;}
.nbs-flexisel-ul{position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:left;}
.nbs-flexisel-item{float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;height:234px;}
.nbs-flexisel-item > img{cursor:pointer;position:relative;}
.nbs-flexisel-container{position:relative;max-width:100%;padding-top:20px;}
.nbs-flexisel-inner{overflow:hidden;margin:0 auto;height:220px;}
.nbs-flexisel-item > img{cursor:pointer;position:relative;margin-top:10px;margin-bottom:10px;max-width:245px;max-height:155px;}
.grid-flex{margin:10px 0 20px 0;font-family:'Roboto', sans-serif;}
.nbs-flexisel-item a{float:right;display:inline-block;width:11px;height:7px;overflow:hidden;position:absolute;top:19px;right:14px;background:url(../images/more.png) 0 top no-repeat;}
.nbs-flexisel-item a:hover{background:url(../images/more_h.png) 0 top no-repeat;}
.nbs-flexisel-item > img{cursor:pointer;positon:relative;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{width:12px;height:15px;position:absolute;cursor:pointer;z-index:100;margin-top:-47px;}
.nbs-flexisel-nav-left{right:20px;background:url(../images/prev.png) no-repeat;}
.nbs-flexisel-nav-left:hover{background:url(../images/prev_h.png) no-repeat;}
.nbs-flexisel-nav-right{right:0px;background:url(../images/next.png) no-repeat;}
.nbs-flexisel-nav-right:hover{right:0px;background:url(../images/next_h.png) no-repeat;}
.offer{background:#fff;border-radius:6px;}
.offer-image{display:block;height:155px;overflow:hidden;}
.offer-text{padding:23px 15px;background:#e27a25;position:relative;overflow:hidden;width:93.6%;border-bottom:5px solid #f78d37;}
.offer-text span{width:20px;height:15px;background:url("../images/img-sprite.png") no-repeat -260px -58px;display:inline-block;position:absolute;top:85%;right:43%;}
.offer-text h4{color:#5BBD50;font-weight:700;font-size:17px;margin-bottom:0.7em;}
.offer-text p{text-transform:uppercase;color:#582801;font-size:13px;margin-bottom:0;float:left;-webkit-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s;}
.offer-text p:hover{color:#fff;}
.offer-text input[type="button"]{padding:1em 2.3em 1em 0.6em;border:none;outline:none;border-radius:5px;color:#fff;background:#E24425;font-size:15px;font-weight:600;text-transform:uppercase;margin-top:1em;}
.offer-text input[type="button"]:hover{background:#5BBD50;}
.progressy1,.progressy2,.progressy3,.progressy4{width:96%;background:#F0F0F0;}
.progress-head h6{float:left;font-size:1.4em;font-weight:400;text-transform:uppercase;margin:1.5em 0em 0em;}
.progress-head1 h6{float:left;font-size:1.4em;font-weight:400;text-transform:uppercase;margin:1.5em 0em 0em;}
.progress-head2 h6{float:left;font-size:1.4em;font-weight:400;text-transform:uppercase;margin:1.5em 0em 0em;}
.progress-head p.percent{float:right;margin:1em 2em 0 0;font-size:22px;font-weight:400;color:#fff;background:url(../images/img-sprite.png) no-repeat -16px -385px;width:50px;height:50px;text-align:center;}
.progress-head1 p.percent{float:right;margin:1em 8em 0 0;font-size:22px;font-weight:400;color:#fff;background:url(../images/img-sprite.png) no-repeat -16px -385px;width:50px;height:50px;text-align:center;}
.progress-head2 p.percent{float:right;margin:1em 15em 0 0;font-size:22px;font-weight:400;color:#fff;background:url(../images/img-sprite.png) no-repeat -16px -385px;width:50px;height:50px;text-align:center;}
.progressy1 p{background:#E8645A;width:95%;height:14px;}
.progressy2 p{background:#E8645A;width:75%;height:14px;}
.progressy3 p{background:#E8645A;width:55%;height:14px;}
.work{background:#323232;text-align:center;padding:5em 0em;}
.work h2{font-size:3em;font-weight:400;color:#fff;text-transform:uppercase;text-align:center;}
.work span{font-size:1em;font-weight:700;color:#fff;text-transform:uppercase;}
.work label{width:300px;height:3px;background:#fff;}
.gallery{margin:2em 0em;}
.gallery1 img{border-radius:50%;position:relative;}
.gallery1 i{height:80px;width:80px;display:inline-block;background:url(../images/img-sprite.png) no-repeat 0px 0px;position:absolute;top:39%;right:1%;}
.gallery1 i.device{background-position:-7px -7px;}
.gallery1 i.video{background-position:-95px -7px;}
.gallery1 i.camera{background-position:-184px -7px;}
.gallery1 i.pencil{background-position:-277px -7px;}
.gallery1:hover i.device{background-position:-6px -96px;}
.gallery1:hover i.video{background-position:-96px -96px;}
.gallery1:hover i.camera{background-position:-184px -96px;}
.gallery1:hover i.pencil{background-position:-278px -96px;}
.gallery1 h6 a{font-size:1.4em;font-weight:700;color:#6AB39C;text-transform:uppercase;text-decoration:none;text-align:center;margin-top:2em;}
.gallery1 h6 a:hover{color:#E8645A;}
.gallery1 label{width:230px;height:3px;background:#fff;margin:2em 0em 1em;}
.difference{background:#E8645A;text-align:center;padding:5em 0em;}
.difference h3{font-size:2.5em;font-weight:400;color:#fff;text-transform:uppercase;text-align:center;}
.difference span{font-size:1em;font-weight:700;color:#fff;text-transform:uppercase;}
.difference label{width:300px;height:3px;background:#fff;}
.difference p{font-size:1.2em;font-weight:300;color:#fff;text-align:left;margin:1.5em 0em;}
.player iframe{width:100%;height:300px;}
a.contact{background:#6AB39C;color:#fff;text-decoration:none;font-size:18px;font-weight:400;padding:0.5em 2.2em;display:inline-block;text-decoration:none;text-transform:uppercase;text-align:center;margin-top:1em;}
a.contact:hover{background:#323232;text-decoration:none;color:#fff;}
a.more{background:#323232;color:#fff;text-decoration:none;font-size:18px;font-weight:400;padding:0.5em 2.2em;display:inline-block;text-decoration:none;text-transform:uppercase;text-align:center;margin:0em 1em;}
a.more:hover{background:#6AB39C;text-decoration:none;color:#fff;}
.testimonial{background:url(../images/banner1.jpg) no-repeat 0px 0px;background-size:cover;min-height:500px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;text-align:center;}
i.drop{width:120px;height:120px;background:url(../images/img-sprite.png)no-repeat -392px -8px;display:inline-block;vertical-align:middle;}
.testimonial-info p{font-size:1.3em;font-weight:300;font-style:italic;color:#fff;margin:1.5em 0em 0em;line-height:1.8em;}
.testimonial label{width:280px;height:2px;background:#fff;margin:2em 0em 1em;}
.testimonial h4{font-size:2em;font-weight:600;color:#fff;text-align:center;}
.testimonial span{font-size:0.875em;font-weight:400;font-style:italic;color:#fff;}
.testimonial-info{margin:4em 0em;}
.subscribe{background:#6AB3AC;text-align:center;padding:4em 0em;}
form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="password"]{width:100%;font-size:13px;padding:8px 10px;background:#fcfcfc;color:#351800;outline:none;display:block;border:none;box-shadow:inset 0px 0px 3px #999;-webkit-box-shadow:inset 0px 0px 3px #999;-moz-box-shadow:inset 0px 0px 3px #999;-o-box-shadow:inset 0px 0px 3px #999;-webkit-appearance:none;}
.button form input[type="submit"]{padding:0.5em 1em;color:#FFFFFF;background:#E8645A;font-size:18px;font-weight:400;display:block;outline:none;border:none;width:100%;}
.button form input[type="submit"]:hover{background:#323232;}
.subscribe h3{font-size:3em;font-weight:400;color:#fff;text-transform:uppercase;text-align:center;}
.subscribe span{font-size:1em;font-weight:700;color:#fff;text-transform:uppercase;}
.subscribe label{width:300px;height:3px;background:#fff;}
.contact{margin:2em 0em;padding:0;}
.col_1_of_4{display:block;float:left;margin:0% 0 0% 1.6%;}
.col_1_of_4:first-child{margin-left:0;}
.span_1_of_4{width:23.8%;}
.span_1_of_4{width:22%;}
.span_1_of_footer-lastgrid{width:28%;}
.span_1_of_4 h3, .span_1_of_footer-lastgrid h3{font-size:18px;line-height:21px;margin-bottom:9px;margin-top:0px;color:#e27a25;font-weight:bold;text-transform:uppercase;}
.span_1_of_footer-lastgrid img:hover{opacity:0.5;}
.span_1_of_4 p{font-size:11px;color:#582801;line-height:18px;text-transform:uppercase;}
.span_1_of_4 p a{font-size:11px;color:#582801;line-height:18px;text-transform:uppercase;text-decoration:none;}
.span_1_of_4 p a:hover{color:#e27a25;text-decoration:none;}
.footer{padding:25px 0;background-image:url(../images/box1.jpg);}
.span_1_of_4 ul{list-style:none;margin:0;padding:0;}
.span_1_of_4 ul li{background:url(../images/marker1.png)no-repeat 0px 11px;line-height:25px;padding:0 0 0px 15px;}
.span_1_of_4 ul li a{color:#582801;font-size:13px;text-decoration:none;-moz-transition:background 0.5s ease;-o-transition:background 0.5s ease;-webkit-transition:background 0.5s ease;}
.span_1_of_4 ul li a:hover{color:#e27a25;text-decoration:none;}
.span_1_of_4 ul li a.active{color:#e27a25;}
.footer-top{padding-top:2%;}
.footer-grid-address p{font-size:13px;color:#582801;line-height:18px;display:inline-block;margin-bottom:15px;}
.footer-grid-address img{float:left;width:auto;margin-right:10px;margin-top:4px;}
.email-link{color:#582801;text-decoration:none;transition:0.5s ease;-o-transition:0.5s ease;-webkit-transition:0.5s ease;text-transform:lowercase;}
.email-link:hover{color:#e27a25;text-decoration:none;}
.email-link:focus{color:#e27a25;text-decoration:none;}
.copy{text-align:center;padding:2% 0;border-top:1px solid #DADADA;}
.copy p{color:#888;font-size:0.85em;}
.copy p a{color:#FFA503;}
.copy p a:hover{color:#333;}
.studio h3{font-size:2em;font-weight:400;color:#323232;text-transform:uppercase;margin-bottom:1em;}
.studio span{font-size:1em;font-weight:700;color:#323232;}
.studio h6{font-size:1.1em;font-weight:400;color:#323232;text-align:left;margin-top:1em;}
.studio label{color:#88C2AF;font-size:1em;font-style:italic;margin-left:8px;text-decoration:none;}
.explore h5{font-size:1.6em;font-weight:700;color:#323232;margin-bottom:1em;text-transform:uppercase;}
.explore ul{list-style-type:none;padding:0;}
.explore ul li{display:inline-block;margin:8px 8px;}
.explore ul li a{text-decoration:none;font-size:1em;}
.explore ul li a:hover{color:#88C2AF;}
.blog h3{font-size:1.6em;font-weight:400;color:#323232;text-transform:uppercase;text-align:left;margin-bottom:1em;}
.blog span{font-size:1em;font-weight:700;color:#323232;text-transform:uppercase;}
.blog img{border-radius:50%;}
.icon{float:left;width:24%;}
.data{float:right;width:56%;}
.blog h5 a{font-size:1.1em;font-weight:300;color:#E8645A;text-transform:uppercase;text-decoration:none;text-align:left;margin:1em 0em 0.5em;}
.blog h5 a:hover{color:#6AB3AC;}
.blog h6{font-size:1.1em;font-weight:300;color:#6AB3AC;text-align:left;}
.blog p{font-size:1em;font-weight:300;color:#323232;text-align:left;margin:0em 0em 1em;line-height:1.8em;}
.footer-bottom{background:#E5E5E5;padding:1em;}
.footer-bottom p{color:#323232;font-size:1em;margin-top:6px;}
.footer-bottom a{color:#6AB3AC;}
.footer-bottom a:hover{color:#323232;text-decoration:none;}
.social ul{padding:0;margin:0;}
.social{text-align:right;}
.social ul li{display:inline-block;}
i.fb{width:26px;height:26px;background:url(../images/img-sprite1.png)no-repeat 1px -5px;display:inline-block;vertical-align:middle;}
i.fb:hover{opacity:0.4;}
i.googl{width:26px;height:26px;background:url(../images/img-sprite1.png)no-repeat -47px -5px;display:inline-block;vertical-align:middle;}
i.googl:hover{opacity:0.4;}
i.twt{width:26px;height:26px;background:url(../images/img-sprite1.png)no-repeat -95px -6px;display:inline-block;vertical-align:middle;}
i.twt:hover{opacity:0.4;}
i.rss{width:26px;height:26px;background:url(../images/img-sprite1.png)no-repeat -145px -4px;display:inline-block;vertical-align:middle;}
i.rss:hover{opacity:0.4;}
.banner-about h1{font-size:3em;color:#fff;font-weight:600;padding:1em 0em;text-transform:uppercase;}
.about-left1{margin:4em 0em;}
.about-right1{margin:4em 0em;}
.left{margin:20px 0;}
.right-bottom{margin:2em 0em;}
.left-top{float:left;width:15.3%;}
.left-top1{float:right;width:82%;}
.left-top1 h4 a:hover{color:#e27a25;text-decoration:none;}
.left-top1 h4{color:#582801;font-size:13px;font-weight:bold;line-height:18px;-moz-transition:background 0.3s ease-out;-o-transition:background 0.3s ease-out;-webkit-transition:background 0.3s ease-out;transition:all 0.3s ease-out;}
.left-top1 p{font-size:13px;font-weight:normal;color:#351800;text-align:justify;}
.left-top1 h4 span{color:#e27a25;text-transform:none;font-weight:normal;}
.left-bottom{float:left;width:42%;}
.left-bottom1{float:right;width:54%;}
.about-left1 h3{font-size:2em;font-weight:600;color:#6AB39C;text-transform:uppercase;}
.about-left1 h4{font-size:1.3em;font-weight:600;color:#323232;text-transform:uppercase;}
.about-left1 p{font-size:1em;font-weight:300;color:#323232;line-height:1.8em;}
a.read{color:#e27a25;font-size:11px;text-decoration:none;vertical-align:middle;text-transform:uppercase;font-weight:bold;display:inline-block;text-align:center;margin-top:1em;float:right;}
a.read:hover{color:#582801;}
.projects-bottom-paination{text-align:center;padding:5px 0;margin-top:10px;}
.projects-bottom-paination ul li{display:inline-block;}
.projects-bottom-paination li a{color:#582801;padding:5px 10px;background:#fff;text-decoration:none;text-shadow:none;border:1px solid #E0D9D1;margin-top:16px;}
.projects-bottom-paination li.active> a, .projects-bottom-paination li> a:hover{background:#e27a25;color:#fff;}
.about-right1 h3{font-size:2em;font-weight:600;color:#6AB39C;text-transform:uppercase;}
.right-bottom h5 a{font-size:1.3em;font-weight:600;color:#323232;text-transform:uppercase;}
.right-bottom h5 a:hover{color:#6AB39C;}
.right-bottom p{font-size:1em;font-weight:300;color:#323232;line-height:1.8em;}
.login-page{padding:2em 0;}
.login-left{padding:0;}
.login-left h3, .login-right h3{color:#e27a25;font-size:15px;padding-bottom:0.5em;font-weight:600;border:none;}
.login-left p, .login-right p{color:#351800;display:block;font-size:13px;margin:0 0 2em 0;line-height:18px;margin-right:10%;text-align:justify;}
.acount-btn{background:#e27a25;color:#FFF;font-size:11px;padding:7px 10px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;display:inline-block;font-weight:normal;text-transform:uppercase;}
.acount-btn:hover, .login-right input[type="submit"]:hover{background:#582801;text-decoration:none;color:#fff;}
.login-right form{padding:1em 0;}
.login-right form div{padding:0 0 1em 0;}
.login-right span{color:#351800;font-size:13px;padding-bottom:0.2em;display:block;font-weight:normal;}
.login-right input[type="text"]{width:100%;font-size:13px;padding:8px 10px;background:#fcfcfc;color:#351800;outline:none;display:block;border:none;box-shadow:inset 0px 0px 3px #999;-webkit-box-shadow:inset 0px 0px 3px #999;-moz-box-shadow:inset 0px 0px 3px #999;-o-box-shadow:inset 0px 0px 3px #999;-webkit-appearance:none;}
.login-right input[type="submit"]{background:#e27a25;padding:7px 10px;text-transform:uppercase;color:#fff;font-size:11px;font-weight:normal;display:inline-block;outline:none;border:none;}
a.forgot{font-size:13px;margin-right:11px;color:#e27a25;}
a.forgot:hover{color:#582801;text-decoration:none;}
ul.breadcrumbs{padding:0;list-style:none;float:left;}
ul.breadcrumbs li{display:inline-block;font-size:1.1em;color:#000;}
ul.breadcrumbs li.women{background:#5BBD50;padding:3px;}
ul.previous{padding:0;list-style:none;float:right;}
ul.previous li a{color:#999;font-size:1.1em;}
.dreamcrub{margin:2em 0 5em 0;font-family:'Roboto', sans-serif;}
.mens-toolbar{font-family:'Roboto', sans-serif;margin-bottom:2em;}
.mens-toolbar .sort{float:left;width:20.5%;}
.sort-by{color:#000;font-size:0.8125em;text-transform:uppercase;}
.sort-by label{font-weight:normal;}
.mens-toolbar .pages{float:right;margin:0;}
ul.women_pagenation.dc_paginationA.dc_paginationA06{float:right;padding:0;list-style:none;}
.pages{float:right;}
.pages .limiter{color:#000;font-size:0.8125em;text-transform:uppercase;}
.pages .limiter select{padding:0;margin:0 0 1px;vertical-align:middle;}
ul.women_pagenation li{float:left;margin:0px;margin-left:5px;padding:0px;list-style:none;}
ul.women_pagenation li a{color:#000;display:block;padding:4px 8px;text-decoration:none;font-size:0.8125em;text-transform:uppercase;}
ul.women_pagenation li.active a{background:#26d2fc;color:#fff;}
ul.women_pagenation li a:hover{background:#26d2fc;color:#fff;}
.login-page{padding:20px 0 0 0;}
.register{padding:20px 0 0 0;}
.register-top-grid h3, .register-bottom-grid h3{color:#e27a25;font-size:15px;padding-bottom:0.5em;font-weight:600;border:none;}
.register-top-grid{margin-bottom:18%;}
.register-top-grid div, .register-bottom-grid div{width:48%;float:left;margin:0 0 10px 0;}
.register-top-grid span, .register-bottom-grid span{color:#351800;font-size:13px;padding-bottom:0.2em;display:block;font-weight:normal;}
.main{background:#F8F8F8;}
.register-top-grid input[type="text"], .register-bottom-grid input[type="text"], .register-top-grid input[type="email"], .register-bottom-grid input[type="email"], .register-top-grid input[type="password"], .register-bottom-grid input[type="password"]{width:96%;font-size:13px;padding:8px 10px;background:#fcfcfc;color:#351800;outline:none;display:block;border:none;box-shadow:inset 0px 0px 3px #999;-webkit-box-shadow:inset 0px 0px 3px #999;-moz-box-shadow:inset 0px 0px 3px #999;-o-box-shadow:inset 0px 0px 3px #999;-webkit-appearance:none;}
.checkbox{margin-bottom:4px;padding-left:27px;font-size:1.1em;line-height:27px;cursor:pointer;}
.checkbox{float:left;position:relative;font-size:0.85em;color:#555;}
.checkbox:last-child{margin-bottom:0;}
.news-letter{color:#555;font-weight:600;font-size:0.85em;margin-bottom:1em;display:block;text-transform:uppercase;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;clear:both;}
.checkbox i{position:absolute;bottom:5px;left:0;display:block;width:20px;height:20px;outline:none;border:2px solid #D2CF99;}
.checkbox input + i:after{content:'';background:url("../images/tick1.png") no-repeat 1px 2px;top:-1px;left:-1px;width:15px;height:15px;font:normal 12px/16px FontAwesome;text-align:center;}
.checkbox input + i:after{position:absolute;opacity:0;transition:opacity 0.1s;-o-transition:opacity 0.1s;-ms-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-webkit-transition:opacity 0.1s;}
.checkbox input{position:absolute;left:-9999px;}
.checkbox input:checked + i:after{opacity:1;}
.news-letter:hover{color:#00BFF0;}
p.welcome-msg{color:#582801;font-size:13px;text-decoration:none;float:right;}
p.welcome-msg a{color:#582801;}
p.welcome-msg a:hover{color:#e27a25;text-decoration:none;}
.register-but{margin-top:1em;}
.register-but input[type="submit"]{background:#e27a25;padding:7px 10px;text-transform:uppercase;color:#fff;font-size:11px;font-weight:normal;display:inline-block;outline:none;border:none;}
.register-but input[type="submit"]:hover{background:#582801;}
div.register-bottom-grid{margin-top:3em;}
h4.title{color:#555;margin-bottom:0.5em;font-size:1em;line-height:1.2;font-weight:normal;margin-top:0px;letter-spacing:-1px;text-transform:uppercase;border-bottom:1px solid #DFDDDD;padding-bottom:13px;}
.banner-services h1{font-size:3em;color:#fff;font-weight:600;padding:1em 0em;text-transform:uppercase;}
.services-section{margin:3em 0em 5em;}
.services-section h3{font-size:1.7em;font-weight:600;color:#6AB39C;margin:1em 0em;text-transform:uppercase;}
.services-section h5 a{font-size:1.3em;font-weight:400;color:#323232;text-decoration:none;margin:0.5em 0em;text-transform:uppercase;}
.services-section h5 a:hover{color:#6AB39C;}
.services-section p{font-size:1em;font-weight:300;color:#323232;line-height:1.5em;}
.banner-contact h1{font-size:3em;color:#fff;font-weight:600;padding:1em 0em;text-transform:uppercase;}
.contact-section{margin:20px 0;}
.map iframe{width:100%;min-height:200px;}
.contact-section h5{font-size:2.2em;font-weight:400;color:#6AB3AC;text-transform:uppercase;}
.contact-section p{font-size:13px;color:#351800;margin:20px 0;}
.contact-section p a{font-size:13px;color:#351800;margin:20px 0;text-decoration:none;}
.contact-section p a:hover{color:#e27a25;text-decoration:none;}
.contact-form{position:relative;}
.contact-form div{padding:5px 0;}
.contact-form span{display:block;font-size:13px;color:#351800;padding-bottom:5px;}
.contact-form input[type="text"], .contact-form textarea, .contact-form input[type="tel"], .contact-form input[type="email"]{padding:8px 10px;display:block;width:98%;background:#fcfcfc;border:none;outline:none;color:#351800;font-size:13px;box-shadow:inset 0px 0px 3px #999;-webkit-box-shadow:inset 0px 0px 3px #999;-moz-box-shadow:inset 0px 0px 3px #999;-o-box-shadow:inset 0px 0px 3px #999;-webkit-appearance:none;}
.contact-form input[type="submit"]{padding:7px 20px;color:#FFF;cursor:pointer;border:1px solid rgba(0, 0, 0, 0.25);position:absolute;right:0;outline:none;}
.contact-form input[type="reset"]{padding:7px 20px;color:#FFF;cursor:pointer;border:1px solid rgba(0, 0, 0, 0.25);position:absolute;right:0;outline:none;}
.text-field-email-1{float:left;width:48%;}
.text-field-name-1{float:right;width:48%;}
.get-touch{margin:20px 0;}
.contact-section form input[type="text"], .contact-section form input[type="tel"], .contact-section form input[type="email"]{width:100%;background:none;color:#351800;font-size:13px;outline:none;font-weight:normal;}
.contact-section form textarea{resize:none;width:100%;background:none;color:#351800;font-size:13px;outline:none;min-height:150px;font-weight:normal;}
.contact-section form input[type="submit"]{background:#e27a25;padding:7px 10px;text-transform:uppercase;color:#fff;font-size:11px;font-weight:normal;display:inline-block;outline:none;border:none;margin-right:80px;}
.contact-section form input[type="reset"]{background:#e27a25;padding:7px 10px;text-transform:uppercase;color:#fff;font-size:11px;font-weight:normal;display:inline-block;outline:none;border:none;}
.contact-section form input[type="submit"]:hover, .contact-section form input[type="reset"]:hover{background:#582801;color:#fff;}
.banner-blog h1{font-size:3em;color:#fff;font-weight:600;padding:1em 0em;text-transform:uppercase;}
.blog-section{margin:3em 0em;}
.blog-section h2 a{font-size:1em;font-weight:600;color:#6AB3AC;text-decoration:none;text-transform:uppercase;margin:2em 0em;}
.blog-section h2 a:hover{color:#E8645A;}
.blog-section h5{font-size:1.4em;font-weight:400;color:#E8645A;text-transform:uppercase;margin:1em 0em;}
.blog-section p{font-size:1em;font-weight:300;color:#323232;margin:1em 0em;line-height:1.8em;}
.blog-gallery{padding:0;}
.get-touch1{padding:0;}
.blog-left1{margin:20px 0 0 0;}
.blog-left1 p{font-size:13px;font-weight:normal;color:#351800;text-align:justify;padding:5px 0;}
.list{padding-left:16px;font-size:13px;color:#582801;background:url(../images/list_arrow.png) left 6px no-repeat;list-style:none;margin-left:-37px;}
a .list:hover{padding-left:16px;font-size:13px;color:#e27a25;background:url(../images/list_arrow.png) left 6px no-repeat;list-style:none;}
.blog-right{margin:2em 0em;}
.blog-right h3{font-size:1.7em;font-weight:600;color:#6AB3AC;text-transform:uppercase;}
.blog-right ul{padding:0;}
.blog-right li{color:#E8645A;}
.blog-right ul li a{font-size:1.2em;font-weight:400;color:#323232;line-height:2em;}
.blog-right ul li a:hover{color:#E8645A;}
.archive{margin:2em 0em 0.5em;}
.page-not-found h2{font-size:10em;}
.page-not-found p{font-size:3em;}
.page-not-found{padding:2em 0em 3em;text-align:center;min-height:483px;}
a.b-home{background:#6AB3AC;color:#fff;text-transform:uppercase;padding:0.7em 2.5em;display:inline-block;text-decoration:none;font-size:20px;margin:1em 0em;}
a.b-home:hover{background:#E8645A;color:#fff;text-decoration:none;}
.portfolio{margin:2em 0em;}
.project-section-head h3{text-transform:uppercase;color:#FFF;font-weight:500;font-size:3.2em;}
.project-section-head p{color:#FFF;font-weight:400;font-size:1.3em;}
div#portfoliolist{padding:20px 0px;}
.portfolio-wrapper{overflow:hidden;position:relative !important;cursor:pointer;}
.portfolio img{width:100%;transition:all 300ms!important;-webkit-transition:all 300ms!important;-moz-transition:all 300ms!important;}
.portfolio .label{position:absolute;width:100%;height:40px;bottom:-40px;}
.portfolio .label-bg{background:#22B4B8;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;font-size:12px;text-transform:uppercase;}
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.row:after,
.clearfix:after{clear:both;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
#filters{margin:3% 0;padding:0;list-style:none;text-align:center;}
#filters li span{display:block;padding:6px 23px;text-decoration:none;color:#464251;cursor:pointer;font-size:1.4em;font-weight:700;margin:0 0.5em;}
#filters li span.active{background:#60B890;color:#F3F3F3;font-weight:600;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;}
#filters li span.filter:hover{background:#60B890;color:#FFFFFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;}
#filters li span.active:hover{background:#60B890;color:#F3F3F3;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;}
#filters li{display:-webkit-inline-box;}
.zoom-icon{position:absolute;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";display:block;left:0;top:-152px;width:290px;height:219px;background:url(../images/zoom.png) center center no-repeat;cursor:pointer;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.grid_box .zoom-icon{top:-50px;width:100%;height:182px;}
.grid_box a:hover .zoom-icon{top:0;opacity:1;filter:alpha(opacity=99);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";}
.entertain_box{margin-bottom:3em;}
.portfolio-botton{text-align:center;margin-top:3em;}
.portfolio-botton input[type="button"]{border:none;outline:none;padding:0.5em 1em;color:#fff;background:#60B890;font-size:18px;font-weight:600;text-transform:uppercase;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border:1px dashed #60B890;}
.portfolio-botton input[type="button"]:hover{border:1px dashed #fff;background:#F68367;}
.comments{margin:3em 0em;}
.blog-gallery h5 a{font-size:1em;font-weight:400;color:#E8645A;font-family:'Open Sans', sans-serif;text-align:left;margin:1em 0em 2em;}
.comments h2{font-size:2em;font-weight:400;color:#1C1F19;font-family:'Open Sans', sans-serif;text-align:left;margin:1em 0em 2em;}
.comments p{font-size:1.3em;font-weight:400;color:#C6C6C6;font-family:'Open Sans', sans-serif;text-align:left;}
.comments form input[type="text"]{padding:10px 18px;width:100%;background:none;border:1px solid #6AB3AC;outline:none;margin-bottom:1.1em;font-size:18px;color:#636363;font-weight:normal;}
.comments form textarea{padding:10px 18px;width:100%;background:none;border:1px solid #6AB3AC;outline:none;margin-bottom:1.1em;font-size:18px;color:#636363;font-weight:normal;}
.comments form input[type="submit"]{padding:0.75em 2em;color:#FFFFFF;background:#E8645A;font-size:18px;font-weight:bold;display:block;outline:none;border:none;width:40%;}
.comments form input[type="submit"]:hover{color:#fff;background:#6AB3AC;}
.info, .success, .warning, .errors, .validation{border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;width:100%;}
.info{color:#00529B;background-color:#BDE5F8;/background-image:url('info.png');}
.success{color:#4F8A10;background-color:#DFF2BF;font-size:13px;text-align:center;}
.errors{color:#D8000C;background-color:#FFBABA;font-size:13px;text-align:center;}
.cadre-real{border:1px #ddd solid;height:155px;}
.img-real{overflow:hidden;height:115px}
@media (max-width:1152px){.register-top-grid{margin-bottom:23%;}
.login-left{margin-bottom:3%;}
.btn1{padding:21.5px 3px;}
.btn2{padding:21.5px 0px;}
.btn3{padding:21.5px 1px;}
.btn4{padding:21.5px 0px;}
.btn5{padding:21.5px 7px;}
.btn6{padding:21.5px 0px;}
.btn7{padding:21.5px 7px;}
.btn8{padding:21.5px 7px;}
.demof img{margin-right:17px;}
.span_1_of_footer-lastgrid{width:34%;}
.span_1_of_4{width:20%;}
.connexion-membres{width:970px;}
.offer-image{height:139px;}
.offer-text{width:94%;}
}
@media (max-width:1024px){.banner-info{margin-top:6em;}
.banner-info h1{font-size:4em;}
.banner-info p{font-size:2em;}
.about h2{font-size:2.5em;}
.work h2{font-size:2.5em;}
.difference h3{font-size:2.2em;}
.subscribe h3{font-size:2.5em;}
.studio label{font-size:0.8125em;}
.explore ul li{margin:8px 4px;}
.explore ul li a{font-size:0.9em;}
.blog h5 a{font-size:0.875em;}
.blog h6{font-size:0.875em;}
.blog p{font-size:0.875em;}
.banner{min-height:490px;}
.left-bottom1{float:right;width:44%;}
.blog-right{padding:0px 2em;}
.blog-gallery h5 a{font-size:0.750em;}
.connexion-membres{width:970px;}
.offer-image{height:139px;}
@media (max-width:800px){.register-top-grid{margin-bottom:30%;}
.offer-text p{font-size:11px;}
.logo{width:18.2%;}
.logo img{width:100%;}
.head-nav ul li a i.echaf{width:85px;background-position:26px 0px;}
.head-nav ul li a i.rea{width:80px;background-position:25px 0px;}
.head-nav ul li a i.devis{width:85px;background-position:20px 0px;}
.head-nav ul li a i.certif{width:70px;background-position:21px 0px;}
.head-nav ul li a i.esp{width:90px;background-position:26px 0px;}
.head-nav ul li a i.news{width:79px;background-position:12px 0px;}
.btn1{padding:5px 0px;}
.btn2{padding:5px 0px;}
.btn3{padding:5px 0px;}
.btn4{padding:5px 0px;}
.btn5{padding:5px 0px;}
.btn6{padding:5px 0px;}
.btn7{padding:5px 0px;}
.btn8{padding:5px 0px;}
.col-md-4{float:left;width:33%;padding-left:4.5px;}
.about-right{margin:0 0 0 32px;float:right;width:61%;padding-right:15px;}
.demof img{margin-right:13px;}
.span_1_of_footer-lastgrid{width:27%;}
.span_1_of_4{width:21%;}
#portfoliolist .portfolio{width:31%;}
.connexion-membres{width:750px;}
.offer-image{height:103.9px;}
}
@media (max-width:768px){.head-nav{float:none;}
.head-nav ul li a i.home{display:none;}
.head-nav ul li a i.echaf{display:none;}
.head-nav ul li a i.rea{display:none;}
.head-nav ul li a i.devis{display:none;}
.head-nav ul li a i.certif{display:none;}
.head-nav ul li a i.esp{display:none;}
.head-nav ul li a i.news{display:none;}
.head-nav ul li a i.cont{display:none;}
.banner-info h1{font-size:3em;}
.banner-info p{font-size:1.5em;}
.banner-info label{width:250px;height:3px;}
.about h2{font-size:2em;}
.banner-info{margin-top:4em;}
.gallery1{text-align:center;margin:0em 16em;}
.work h2{font-size:2em;}
.work label{width:190px;}
.work{padding:2em 0em;}
.testimonial-info p{font-size:1.2em;}
.testimonial h4{font-size:1.5em;}
.subscribe h3{font-size:2em;}
.data{width:81%;}
.footer-bottom{padding:1em 0em;text-align:center;}
.social{text-align:center;}
.testimonial-info{margin:1em 0em;}
.testimonial{min-height:380px;}
.banner{min-height:400px;}
.studio h3{font-size:1.7em;}
.explore h5{font-size:1.4em;margin-top:1em;}
.blog h3{font-size:1.4em;margin-top:1em;}
.difference h3{font-size:2em;}
.banner1{min-height:143px;}
.banner-about h1{font-size:2.5em;}
.about-left1 h3{font-size:1.5em;}
.left-bottom1{float:right;width:55%;}
.about-left1 h4{font-size:1.2em;}
.about-right1 h3{font-size:1.5em;}
.right-bottom h5 a{font-size:1.2em;}
.services-section h3{font-size:1.5em;}
.services-section h5 a{font-size:1.2em;}
.banner-services h1{font-size:2.5em;}
.services-section{margin:0em 0em 2em;}
#filters li span{font-size:1.2em;}
.banner-blog h1{font-size:2.5em;}
.blog-section h2 a{font-size:0.9em;}
.blog-section{margin:1em 0em;text-align:center;}
.blog-section h5{font-size:1.3em;}
.blog-right h3{font-size:1.5em;}
.blog-right{padding:0px 1em;text-align:left;}
.blog-right ul li a{font-size:1.1em;}
.comments h2{font-size:1.7em;}
.page-not-found h2{font-size:8em;}
.page-not-found p{font-size:2em;}
a.b-home{font-size:18px;}
.page-not-found{padding:1em 0em 0em;min-height:390px;}
.map iframe{min-height:300px;}
.contact-section h5{font-size:2em;}
.contact-section{margin:1em 0em;}
.banner-contact h1{font-size:2.5em;}
.col_1_of_4{margin:0% 25.5px 0% -5.4%;}
.connexion-membres{width:700px;}
.cadre-real{border:1px #ddd solid;height:155px;}
.img-real{overflow:hidden;height:85px}
#portfoliolist .portfolio{width:31%;}
.span_1_of_footer-lastgrid{width:27%;}
.span_1_of_4{width:21%;}
.offer-image{height:99px;}
.latest-news-info{width:73.4%;}
}
@media (max-width:640px){.logo img{width:auto;}
.offer-image{height:141px;}
.col-md-4{float:none;width:56%;margin-bottom:15px;}
.banner-info h1{font-size:2em;}
.banner-info p{font-size:1.3em;}
.banner-info label{width:220px;}
a.get{font-size:17px;padding:0.5em 2em;}
.banner-info{margin-top:3em;}
.banner{min-height:340px;}
.about h2{font-size:1.5em;}
.about-left{width:97%;margin-left:10px;}
.latest-news-info{width:84%;}
.demof img{width:12%;}
.about-right{float:none;margin:0;}
.col-md-8{width:97%;margin-left:10px;}
.offer-text{width:93.5%;margin-top:20px;}
.span_1_of_footer-lastgrid{width:32%;}
.work h2{font-size:1.5em;}
.gallery1{margin:0em 12em;}
.gallery1 i{top:43%;left:78%;}
.gallery1 h6 a{font-size:1.2em;}
.difference h3{font-size:1.5em;}
.difference label{width:200px;}
.difference p{font-size:1.1em;}
.difference{padding:2em 0em;}
a.contact{font-size:17px;padding:0.5em 2em;}
a.more{font-size:17px;padding:0.5em 2em;}
.testimonial-info p{font-size:1.1em;}
.testimonial label{width:220px;height:2px;margin:1em 0em 1em;}
.testimonial h4{font-size:1.3em;}
.subscribe h3{font-size:1.5em;}
.subscribe label{width:230px;}
.studio h3{font-size:1.5em;}
.explore h5{font-size:1.3em;}
.blog h3{font-size:1.3em;}
.about-left1 h3{font-size:1.3em;}
.about-left1 h4{font-size:1.1em;}
.about-right1 h3{font-size:1.3em;}
.right-bottom h5 a{font-size:1.1em;}
.banner-about h1{font-size:2em;}
.banner-services h1{font-size:2em;}
.services-section h3{font-size:1.3em;}
.services-section h5 a{font-size:1.1em;}
#filters li span{font-size:1.1em;padding:6px 12px;}
.banner-blog h1{font-size:2em;}
.blog-section h2 a{font-size:0.875em;}
.blog-section h5{font-size:1.2em;}
.blog-right h3{font-size:1.3em;}
.blog-right ul li a{font-size:1em;}
.comments h2{font-size:1.5em;margin:1em 0em 1em;}
.page-not-found h2{font-size:6em;}
.page-not-found p{font-size:1.5em;}
a.b-home{font-size:16px;}
.page-not-found{min-height:320px;}
.banner-contact h1{font-size:2.5em;}
.map iframe{min-height:220px;}
.contact-section h5{font-size:1.5em;}
.span_1_of_4{width:22%;}
.connexion-membres{width:95%;}
#portfoliolist .portfolio{width:23%;}
.logo{width:29.8%;}
.span_1_of_4 ul li a{font-size:11px;}
.span_1_of_4 h3{font-size:11px;}
.span_1_of_footer-lastgrid h3{font-size:12px;}
}
@media (max-width:568px){.logo{width:33.8%;}
}
@media (max-width:480px){.logo img{width:100%;vertical-align:middle;}
.offer-image{height:130px;}
.logo{width:31%;}
.col-md-4{width:77.8%;}
.demof img{width:17%;}
.latest-news-info{width:78%;}
.banner-info{margin-top:2em;}
.banner-info h1{font-size:1.5em;}
.banner-info p{font-size:1.1em;}
.banner-info label{width:200px;}
a.get{font-size:15px;padding:0.5em 1.5em;}
.banner{min-height:260px;}
.about h2{font-size:1.2em;}
.about-left h3{font-size:1.1em;}
.col-md-8{width:74.8%;}
.offer-text{width:56.5%;margin-top:39px;}
.aff-menu-foot{display:none;}
.span_1_of_footer-lastgrid{float:right;width:61%;margin-right:20px;}
.progress-head h6{font-size:1.2em;}
.progress-head p.percent{margin:1em 1em 0 0;font-size:16px;padding:7px;}
.progress-head1 h6{font-size:1.2em;}
.progress-head1 p.percent{margin:1em 6em 0 0;font-size:16px;padding:7px;}
.progress-head2 h6{font-size:1.2em;}
.progress-head2 p.percent{margin:1em 11em 0 0;font-size:16px;padding:7px;}
.work h2{font-size:1.2em;}
.work label{width:126px;}
.gallery1{margin:0em 6em;}
.difference h3{font-size:1.2em;}
.gallery1 h6 a{font-size:1.1em;}
.difference label{width:150px;}
.difference p{font-size:1em;margin:0.5em 0em;}
a.contact{font-size:15px;padding:0.5em 1em;}
a.more{font-size:15px;padding:0.5em 1em;}
.testimonial-info p{font-size:1em;}
.testimonial label{width:170px;}
.testimonial h4{font-size:1.1em;}
.subscribe h3{font-size:1.2em;}
.subscribe label{width:170px;}
form input[type="text"]{font-size:14px;}
.button form input[type="submit"]{font-size:15px;}
.subscribe{padding:1em 0em;}
.studio h3{font-size:1.2em;}
.explore h5{font-size:1.1em;}
.blog h3{font-size:1.2em;}
.data{width:70%;}
.work{padding:1em 0em;}
.about-left1{margin:1em 0em;}
.about-left1 h4{font-size:1em;}
.left-bottom1{float:right;width:53%;}
a.read{font-size:13px}
.about-left1 p{font-size:0.9em;}
.about-right1 h3{font-size:1.2em;}
.about-left1 h3{font-size:1.2em;}
.right-bottom h5 a{font-size:1em;}
.right-bottom p{font-size:0.9em;}
.about-right1{margin:1em 0em;}
.banner-about h1{font-size:1.7em;}
.banner1{min-height:120px;}
.banner-services h1{font-size:1.7em;}
.services-section h3{font-size:1.2em;}
.services-section h5 a{font-size:1em;}
.services-section p{font-size:0.9em;}
.banner-services h1{font-size:1.5em;}
#filters li span{font-size:1em;padding:6px 6px;}
#portfoliolist .portfolio{width:48%;}
.banner-blog h1{font-size:1.7em;}
.blog-section h2 a{font-size:0.8125em;}
.blog-section h5{font-size:1.1em;}
.blog-section p{font-size:0.9em;}
.blog-right h3{font-size:1.2em;}
.blog-right ul li a{font-size:0.9em;}
.comments h2{font-size:1.3em;}
.comments form input[type="text"]{font-size:16px;}
.comments form input[type="submit"]{font-size:16px;width:100%;}
.comments form textarea{font-size:16px;}
.page-not-found h2{font-size:4em;}
.page-not-found p{font-size:1.3em;}
a.b-home{padding:0.5em 1.5em;font-size:14px;}
.page-not-found{min-height:230px;}
.banner-contact h1{font-size:1.7em;}
.map iframe{min-height:170px;}
.contact-section h5{font-size:1.3em;}
.connexion-membres{width:80%;}
.img-responsive{max-width:56.5%;}
.about-right{margin:0 0 0 5px;float:none;width:99%;}
.about-left{width:99%;margin-left:5px;}
}
@media (max-width:360px){.offer-image{height:169px;}
.offer-text{width:72.7%;margin-top:0px;}
.img-responsive{max-width:72.5%;margin-left:1px;}
}
@media (max-width:320px){.register-top-grid{margin-bottom:45%;}
.offer-image{height:130px;}
.offer-text{width:82.7%;margin-left:27px;}
.register-top-grid span, .register-bottom-grid span{font-size:11px;}
.img-responsive{max-width:70%;}
.img-responsive-320{max-width:82%;margin-left:28px;}
.connexion-membres{width:93%;}
.banner-info h1{font-size:1.2em;}
.latest-news-info{width:77%;}
.span_1_of_4{width:45%;float:none;}
.aff-menu-foot{display:none;}
.span_1_of_footer-lastgrid{width:99%;margin-left:0px;float:left;}
.banner-info p{font-size:0.875em;}
.banner-info label{width:120px;height:2px;}
a.get{font-size:12px;padding:0.5em 1em;margin-top:0;}
.banner-info{margin-top:1em;}
.banner{min-height:196px;}
.banner{min-height:240px;}
.about{margin:1em 0em;}
.about-left h3{font-size:1em;}
.progress-head h6{font-size:1em;}
.progress-head p.percent{margin:1em 0em 0em 0;font-size:14px;padding:6px;}
.progress-head1 h6{font-size:1em;}
.progress-head1 p.percent{margin:1em 3em 0 0;font-size:14px;padding:6px;}
.progress-head2 h6{font-size:1em;}
.progress-head2 p.percent{margin:1em 7em 0 0;font-size:14px;padding:6px;}
.work h2{font-size:1em;}
.work label{width:80px;height:2px;}
.gallery1{margin:0em 0em;}
.gallery1 i{top:43%;left:72%;}
.gallery1 h6 a{font-size:0.875em;}
.gallery{margin:0em 0em;}
.difference h3{font-size:1em;}
.difference label{width:120px;height:2px;}
.difference p{font-size:0.9em;margin:0.5em 0em;}
a.more{font-size:12px;padding:0.5em 1em;margin:0.5em;}
a.contact{font-size:12px;padding:0.5em 1em;}
.testimonial-info p{font-size:0.9em;}
.testimonial h4{font-size:0.9em;}
.testimonial{min-height:340px;}
.testimonial label{width:100px;}
.subscribe h3{font-size:1em;}
.subscribe label{width:120px;height:2px;}
.contact{margin:1em 0em;padding:0;}
form input[type="text"]{font-size:12px;}
.button form input[type="submit"]{font-size:12px;}
.studio h3{font-size:1em;}
.studio label{font-size:0.8125em;}
.studio h6{font-size:0.875em;}
.explore h5{font-size:1em;}
.blog h3{font-size:1em;}
.data{width:53%;}
.footer{padding:1em 0em;}
.footer-bottom{padding:0.5em 0em;}
.banner-about h1{font-size:1.5em;}
.banner1{min-height:96px;}
.about-left1 h3{font-size:1em;}
.left{margin:1em 0em;}
.about-left1 h4{font-size:0.850em;}
.left-top{width:30%;}
.left-top1{width:69%;}
.about-left1{text-align:center;}
.about-left1 p{font-size:0.875em;}
a.read{font-size:12px;}
.left-bottom{width:100%;}
.left-bottom1{width:100%;margin-top:1em;text-align:center;}
.about-right1{margin:1em 0em;text-align:center;}
.right-bottom{margin:1em 0em;}
.about-right1 h3{font-size:1em;}
.right-bottom h5 a{font-size:0.850em;}
.right-bottom p{font-size:0.875em;}
.services-section h3{font-size:1em;margin:0.5em;}
.services-section h5 a{font-size:0.875em;}
.services-section{text-align:center;}
.services-section p{font-size:0.875em;}
#filters li span{font-size:0.8125em;padding:6px 4px;}
.portfolio-botton input[type="button"]{font-size:13px;}
.portfolio{margin:1em 0em;}
#portfoliolist .portfolio{width:48%;}
.portfolio-botton{margin-top:1em;}
.banner-blog h1{font-size:1.5em;}
.blog-section h2 a{font-size:0.575em;}
.blog-section h5{font-size:0.9em;}
.blog-section p{font-size:0.875em;}
.blog-right h3{font-size:1em;}
.blog-right ul li a{font-size:0.875em;}
.comments h2{font-size:1.1em;}
.comments form input[type="text"]{font-size:14px;}
.comments form textarea{font-size:14px;}
.blog-gallery{margin-top:1em;}
.comments form input[type="submit"]{font-size:14px;}
.comments{margin:1em 0em;}
.page-not-found h2{font-size:3em;}
.page-not-found p{font-size:1.1em;}
a.b-home{padding:0.5em 1em;font-size:13px;}
.page-not-found{min-height:170px;}
.contact-section h5{font-size:1.1em;}
.banner-contact h1{font-size:1.5em;}
.map{margin:1em 0em;}
.get-touch{margin:1em 0em;}
.contact-section p{font-size:0.9em;margin:0em 0em 1.5em;}
.map iframe{min-height:150px;}
.grid_box .zoom-icon{height:150px;}
.col-md-8{width:99%;}
}