@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@import url('https://fonts.googleapis.com/css?family=Proza+Libre');
body{font-size:15px; margin:0; padding:0; background:#fff; font-family: 'Open Sans', sans-serif; font-weight:300; color:#5d5d52; border-top:8px solid #6f6e64;}
a{color:#5d5d52;}
a:hover{color:#559fa2;}
a:focus, a:hover{text-decoration:none;}
h1,h2,h3,h4,h5{font-weight:300; letter-spacing:2px;}

a{-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}

.header{background:#fff;}

.menu{}
.menu ul{margin:0; padding:0; list-style:none;}
.menu ul li{display:inline-block;}
.menu ul li+li{margin-left:50px;}
.menu ul li a{color:#6f6e64; text-transform:uppercase; letter-spacing:2px; font-size:15px;}
.menu ul li:hover a, .menu ul li:active a{color:#559fa2;}
.logo{text-align:center;}
.logo a{display:inline-block; max-width:84px; margin:20px 0 50px;}
.logo img{max-width:100%;}

.below-logo{font-size:20px; line-height: 28px; padding:5px 250px;}

.banner{background:#fff; padding-bottom:40px;}

.main{background:#fff; padding:0 40px 40px;}

.section1{text-align:center; overflow:hidden;}
.section1 h1{margin-top:0;}
.section1 ul{margin:40px 0 0; padding:0; list-style:none; font-size:0;}
.section1 ul li{width:50%; display:inline-block; vertical-align:middle; font-size:20px; line-height:50px;}
.section1 ul li img{max-width:100%;}
.rimg img{margin-left:-30px;}
.limg img{margin-right:-30px;}
.section1 .btn-primary{margin-top:20px;}

.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover{color:#559fa2; border-radius:0; background:#fff; border:1px solid #559fa2; text-transform:uppercase; padding:10px 20px; letter-spacing:2px;}
.btn-primary:hover{background:#559fa2; border-color:#559fa2; color:#fff;}

.btn-default{color:#fff; border-radius:0; border:1px solid #fff; text-transform:uppercase; padding:15px 20px; letter-spacing:2px;}
.btn-default:hover{background:#fff; border-color:#fff; color:#559fa2;}

.btn-white{color:#fff; border-radius:0; background:rgba(255,255,255,0); border:1px solid #fff; text-transform:uppercase; padding:15px 20px; letter-spacing:2px;}
.btn-white:hover{background:#fff; border-color:#fff; color:#559fa2;}

.btn-grey{color:#5d5d52; border-radius:0; background:rgba(255,255,255,0); border:1px solid #5d5d52; text-transform:uppercase; padding:10px 30px;  letter-spacing:2px;}
.btn-grey:hover{background:#559fa2; border-color:#559fa2; color:#fff;}

.sec-mid{background:#b0aea8; padding:30px 0; text-align:center; border-top:35px solid #fff;}
.home .sec-mid{background:#b8d0ca; border:none; margin-bottom:75px;}

.section2{margin:0;}
.section2 h1{margin-top:0; padding-top:10px;}
.section2 hr{margin:75px 0;}
.logos{overflow:hidden; font-size:0;}
.logos a{display:inline-block; margin:25px 25px; vertical-align:middle; opacity:.65;}
.logos a:hover{opacity:1;}
.logos img{max-width:100%;}

.footer{background:#75746a; padding:40px 0; border-bottom:5px solid #fff; color:#fff; text-transform:uppercase; font-size:12px;}
.footer img{max-width:100px;}
home .footer{border-top:20px solid #fff;}
.footer p{margin:20px 0 10px; letter-spacing:2px;}
.footer span.glyphicon-envelope{font-size:20px;}
.footer a{color:#fff;}
.footer a:hover{color:#ccc;}
.cright{background:#b0aea8; padding:10px 0; font-size:10px; color:#fff;}


.inner .main{padding:65px 40px;}
.inner .main h3{text-transform:uppercase; margin:10px 0;}
.inner .main h5{color:#1a8f91; text-transform:uppercase; font-size: 18px;}
.clients .main > div{max-width:860px; margin:auto; line-height:34px;}
.clients .main h3{font-size: 22px;}

.contact .main > div{max-width:600px; margin:auto;}
.contact .main h3{line-height:46px; margin:0 0 55px; text-transform: none;}

sup{font-family: 'Proza Libre', sans-serif; font-size:35px; top:8px;}
hr{border:0; height:2px; background:#d4d4d4; margin:40px 0;}

.scrollToTop{width:38px; height:38px; text-align:center; background: #b0aea8; color: #75746a; position:fixed; bottom:50px; right:40px; display:none; border-radius:50%; z-index:9999; padding-top: 3px; font-size: 30px;}
.scrollToTop .glyphicon{margin-top:5px; font-size:26px; color:#75746a;}

#cform .form-control{height:60px; border-radius:0; border:2px solid #d4d4d4; text-transform:uppercase; letter-spacing:2px; margin-bottom:22px; box-sizing:border-box;}
#cform .input-group{width:100%;}
#cform .form-control.half{width:49%}
#cform .form-control.half.left{margin-right:2%;}
#cform .form-control.desc{height:265px; resize:none;}
#cform .date .form-control{margin-bottom:0;}
.sbtn{margin-top:22px; margin-bottom:5px; text-transform:uppercase; letter-spacing:2px; width:200px; text-align:center;}

.csec2{margin-top:70px;}
.csec2 a{text-transform:uppercase; color:#5d5d52; letter-spacing:2px;}
.csec2 a:hover{color:#559fa2;}
.csec2 a .glyphicon{font-size:35px;}
.contact .main .csec2 h3{margin:5px 0;}

.works .main{padding-left:0; padding-right:0; padding-top:0;}
.works .main ul{overflow:hidden; margin:0 0 15px; padding:0; list-style:none;}
.works .main ul li{float:left; width:100%; position:relative;}
.works .main ul li img{position:relative; z-index:0; max-width:100%;}
.works .main ul li div{display:block; position:absolute; bottom:0; opacity:0; z-index:111; padding:50px 15px; background:#fff; width:100%; -webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.works .main ul li:hover div{opacity:1; top:50%; bottom:auto; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -o-transform:translate(0,-50%);}
.works .main ul li + li{margin-left:6px;}
.works .main ul h3{margin:0;}
.works .main ul .btn-grey{display:inline-block; margin-top:20px;}

#work.nivoSlider{overflow:inherit;}

.bot-top{max-width:580px; margin:0 auto 60px; text-align:center; color:#a7a9ac;}
.bot-top h4{font-size:19px; text-transform:uppercase; line-height:35px; margin-bottom:30px;}

ul.w1 li.one{max-width:656px;}
ul.w1 li.two{max-width:558px;}

ul.w2 li.one{max-width:406px;}
ul.w2 li.two{max-width:396px;}
ul.w2 li.three{max-width:406px;}

ul.w3 li.one{max-width:480px;}
ul.w3 li.two{max-width:734px;}

ul.w4 li.one{max-width:358px;}
ul.w4 li.two{max-width:292px;}
ul.w4 li.three{max-width:558px;}

ul.w5 li.one{max-width:528px;}
ul.w5 li.two{max-width:346px;}
ul.w5 li.three{max-width:334px;}

ul.w6 li.one{max-width:664px;}
ul.w6 li.two{max-width:550px;}

ul.w7 li.one{max-width:530px;}
ul.w7 li.two{max-width:476px;}
ul.w7 li.three{max-width:202px;}

ul.w8 li.one{max-width:620px;}
ul.w8 li.two{max-width:594px;}

ul.w9 li.one{max-width:732px;}
ul.w9 li.two{max-width:482px;}

ul.w10 li.one{max-width:615px;}
ul.w10 li.two{max-width:599px;}

ul.w11 li.one{max-width:654px;}
ul.w11 li.two{max-width:560px;}

ul.w12 li.one{max-width:706px;}
ul.w12 li.two{max-width:508px;}

.inner.single .main{padding:85px 0 50px;}
.single-s2{background:#dbd8cf; padding:50px 0;}
.single-s2 img + img{margin-top:30px;}
.kumsheen .single-s2{background:#00a2bf;}
.antlers .single-s2{background:#518398;}
.lfh .single-s2{background:#b5b793;}
.socialyou .single-s2{background:#ecab40;}
.synergy .single-s2{background:#b02c33;}
.verity .single-s2{background:#2a8dbb;}

.mobilemenu{display:none;}

.abs1{display:block; position:relative; width:100%; height:100%; background-size: cover;}
.abs1 img, .abs2 img{/* position:absolute; left:0; top:0;  z-index:11; */ width:100%; height:100%; object-fit:cover;}
.abs2{display:block; position:relative; width:100%; height:calc(50% - 15px); background-size: cover;}
.abs2.one, .mb-4{margin-bottom:30px !important;}

.work-sec a{position:relative; display:block;}
.work-sec a img{object-fit:cover;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.work-sec a:hover img{opacity:.8;}

#cform .text-success{color: #5d5d52!important; margin-top: 10px;}


/*==============================media screen================================*/
@media (min-width:1200px) {
.container{max-width:1250px;}
.sec1-1{position:relative; top:-20px;}
.logos img.cwidth1 {max-width:160px;}
.logos img.cwidth2 {max-width:130px;}
.text-size{line-height: 28px;}
.logos a.cmargin{margin-left:10px; margin-right:10px;}
}
@media (min-width:1400px) {
.container{max-width:1530px;}
}
@media (max-width:1199.98px) {
.rimg img{margin-left: -24px;}
.limg img{margin-right: -24px;}
.below-logo{padding-left: 80px; padding-right:80px;}
}
@media (max-width:991.98px) {
.section1 .btn-primary{margin-top:10px;}
.inner .main > div br{display:none;}
.section1 ul li{line-height:30px;}
.rimg img{margin-left: -18px;}
.limg img{margin-right: -18px;}
.menu ul li + li{margin-left: 20px;}
.menu ul li a{font-size: 12px;}
.below-logo{padding-left: 25px; padding-right:25px;}
}
@media (max-width:767.98px) {
h1{font-size:23px;}
h4{font-size: 15px;}
.section2{margin:10px 0 50px;}
.section2 h1{font-size:22px;}
.section2 h4{font-size:14px;}
.header{height:auto; position:relative; margin-bottom: 30px;}
.logo{text-align:left;}
.logo > a{ margin: 5px 15px; top:0;}
.logo > a img{max-height:65px;}
#snav{float:right;  background:none; border:none; margin:28px 0; padding:0; line-height:normal; outline:none; width:24px;}
/*#snav:before{content:"\e236"; font-size:28px; font-family: 'Glyphicons Halflings'; color:#559fa2;}*/
#snav i{background:#559fa2; height:3px; display:block;}
#snav i + i{margin-top:5px;}
.mobilemenu{width:100%; background:#fff; margin-right:0; position: absolute; top: 85px; z-index: 11;}
.menu ul{margin:0; border-bottom:1px solid #000;}
.works .menu ul{margin:0;}
.menu ul li{display:block; margin:0;}
.menu ul li + li{margin:0;}
.menu ul li a{color:#000; display:block; padding:15px 20px; border-top:1px solid #000; text-align:left; font-size:14px;}
.banner{padding-bottom:20px;}
.section1 ul li{display:block; width:100%; font-size:14px; line-height:20px;}
.section1 ul li img{margin-bottom:10px;}
.section2 p{margin-bottom:10px;}
.section2 h4{margin-bottom:10px;}
.limg img{margin:30px 0 10px;}
#cform .form-control.half{width:100%}
#cform .form-control.half.left{margin-right:0;}
.inner .main{padding-left:15px; padding-right:15px; padding-bottom:0; padding-top:0;}
.works .main{padding-top:0;}
.works .main ul:last-child{margin-bottom:0;}
.works .main ul:last-child li.two div{padding-bottom:0;}
.works .main ul li + li{margin:0 0 5px 0;}
.works .main ul li div{position: relative; opacity: 1; padding: 10px 0 35px;}
.works .main ul li:hover div{top:auto; bottom:0; transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
.works .main ul li{max-width:100% !important;}
.works .main ul h3{display:inline-block; vertical-align:middle;}
.works .main ul .btn-grey{margin:0 0 0 5px;; vertical-align:middle; position:relative; border:none; padding:0 0 0 20px;}
.works .main ul .btn-grey:hover{background:none; color:#5d5d52;}
.works .main ul .btn-grey:before{content:"\003e \003e"; position:absolute; left:0;}
.inner.single .main{padding-top:60px;}
.inner .main h3{font-size:16px; line-height:24px; margin:0;}
sup{font-size:26px;}
.clients .main > div{line-height:25px;}
.contact .main{padding-left:0; padding-right:0;}
.contact .main h3{margin-bottom:20px;}
#cform .form-control{height:40px; border-width:1px; margin-bottom:5px;}
.csec2{margin-top:50px;}
#cform .form-control.desc{height:180px;}

.logos a{display: block; vertical-align:middle; padding:10px 0;}
.logos img{max-width:100%; padding: 0;}
.bot-top{margin-bottom: 15px;}
.bot-top h4{font-size:18px;}

.section2 hr{margin:35px 0;}
.text-size{font-size:13px;}
}
@media (max-width: 575.98px) {
.main, .works .main{padding-left:0; padding-right:0;}
}