@import url('https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');





/* Font Face

========================================================================== */



@font-face{font-family:'precioussansblackregular';src:url(../fonts/prcsbl__0-webfont.woff2) format("woff2"),url(../fonts/prcsbl__0-webfont.woff) format("woff"),url(../fonts/prcsbl__0-webfont.ttf) format("ttf");font-weight:400;font-style:normal}

@font-face{font-family:'blackjackregular';src:url(../fonts/blackjar_0-webfont.woff2) format("woff2"),url(../fonts/blackjar_0-webfont.woff) format("woff"),url(../fonts/blackjar_0-webfont.woff) format("ttf");font-weight:400;font-style:normal}

@font-face{font-family:'fira_sansmedium';src:url(../fonts/firasans-medium_1-webfont.woff2) format("woff2"),url(../fonts/firasans-medium_1-webfont.woff) format("woff"),url(../fonts/firasans-medium_1-webfont.ttf) format("woff");font-weight:400;font-style:normal}

@font-face{font-family:'fira_sanslight_italic';src:url(../fonts/firasans-lightitalic_1-webfont.woff2) format("woff2"),url(../fonts/firasans-lightitalic_1-webfont.woff) format("woff"),url(../fonts/firasans-lightitalic_1-webfont.ttf) format("woff");font-weight:400;font-style:normal}



/* Basics

========================================================================== */

*{margin:0;padding:0}

body{margin:0;padding:0;font-family: 'Montserrat', sans-serif;font-weight:400}

html{margin:0;padding:0}

img{border:0}

ul,ol{list-style-type:none}

.clear{clear:both}

a{text-decoration:none}

.container{width:100%}

.wrapper{width:1260px;margin:0 auto;padding:0 20px;position:relative;font-size:0}

::-webkit-input-placeholder{color:#fff}

::-moz-placeholder{color:#ffc0cb}

:-ms-input-placeholder{color:#ffc0cb}

:-moz-placeholder{color:#ffc0cb}

.transition{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}



/* Header

========================================================================== */

.header{position:fixed;background:#fff;height:85px;border-bottom:1px solid #eee; font-size:0;top:0;left:0;width:100%;z-index:1000;}

.logo{display:inline-block;vertical-align:middle;text-align:center}

.logo a{display:block}

.logo img{display:block;margin:0 auto;text-align:center;max-width:100%}

.navbar{display:inline-block;vertical-align:middle}

ul.nav{font-size:0}

ul.nav li{display:inline-block;padding:0 20px;vertical-align:middle}

ul.nav li a{font-size:14px;text-decoration:none;color:#fff;text-align:center;display:block;font-family:Arial;border-bottom:1px solid #000;padding-bottom:5px;transition:all .5s}

ul.nav li a.active,ul.nav li a:hover{border-bottom:1px solid #fff;padding-bottom:5px}

.navbar-left{display:inline-block;vertical-align:middle;width:70%}

.navbar-right{display:inline-block;vertical-align:middle;width:30%;text-align:right}

.navbar-search{display:inline-block;vertical-align:middle;margin-right:10px}

.navbar-search .form-control{position:relative}

.navbar-search .form-control input[type=text]{background:none;border:1px solid #fff;padding:5px 10px;height:21px;font-family:Arial;font-size:14px}

.navbar-search .form-control input[type=submit]{background:url(../images/icons/search.png) no-repeat;height:17px;width:18px;border:0;display:block;position:absolute;top:7px;right:8px;color:#fff}

.navbar-social{display:inline-block;vertical-align:middle}

a.icons{height:34px;width:33px;background-size:contain;background-repeat:no-repeat;display:block;float:left;margin-right:10px}

a.icons:last-child{margin-right:0}

a.fb-icon{background-image:url(../images/icons/fb.png)}

a.linkdin-icon{background-image:url(../images/icons/linkdin.png)}

a.yt-icon{background-image:url(../images/icons/youtube.png)}

a.twitter-icon{background-image:url(../images/icons/twitter.png)}

.case-icon{background:url(../images/icons/case-icon.png) #474646 no-repeat 10px 13px;background-size:30px;padding:15px;color:#fff;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:14px;text-align:right;display:none;cursor:pointer}

.nav-icon{background:url(../images/icons/case-icon.png) no-repeat 0;background-size:30px;height:22px;width:30px;color:#fff;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:14px;text-align:right;position:absolute;right:10px;top:19px;display:none;cursor:pointer}

.nav-icon.active{background-image:url(../images/icons/close.png)}



/* Banner

========================================================================== */

.banner-container{position:relative;margin-top:70px;}

.banner-image{opacity:0}

.banner-image img{width:100%;display:block}

.banner-caption{position:absolute;bottom:0px;left:0;width:100%;}

.banner-caption.caption2{bottom:60px;}

.banner-icon{margin:20px 0}

.banner-icon img{display:block}

.banner-text{font-size:80px;font-family:precioussansblackregular;color:#0376b9;line-height:80px;margin:20px 0;text-transform:uppercase;text-shadow:1px 1px 1px #000}

.banner-text span{display:block;}

.banner-linkBtn{margin:20px 0}

.banner-linkBtn a{font-family:precioussansblackregular;font-size:14px;background:rgba(0,0,0,0.7);background-position:-100%;padding:10px 15px;color:#fff;display:inline-block;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}

.banner-linkBtn a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#0376b9;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

.banner-linkBtn a:hover:before,.banner-linkBtn a:focus:before,.banner-linkBtn a:active:before{-webkit-transform:scale(1);transform:scale(1)}

.caption1 .wrapper, .caption2 .wrapper{position:static;}

.caption1 .caption-wrap,.caption2 .caption-wrap{position:absolute;bottom:50px;}

.caption-wrap{opacity:0;}



/* Case Studies Bar

========================================================================== */

.banner-container .case-studies-bar{position:absolute;bottom:0;z-index:10;width:100%}

.case-studies-bar ul{font-size:0;display:table;width:100%}

.case-studies-bar ul li{display:table-cell;vertical-align:middle;width:7.14%;text-align:center;background:rgba(71,70,70,0.7);border-top:5px solid #c7c9ca;height:28px;position:relative;transition:all.5s;-webkit-transition:all.5s;-moz-transition:all.5s;border-right:1px solid #c7c9ca}

.case-studies-bar ul li:last-child{border-right:0}

.case-studies-bar ul li a{font-size:12px;font-family:Arial,Helvetica,sans-serif;padding:10px 5px;text-transform:uppercase;color:#fff;display:block}

.case-studies-bar ul li a:after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;}

.case-studies-bar ul li:hover,.case-studies-bar ul li.active{border-top:5px solid #fae62e}

.case-studies-bar ul li:hover a,.case-studies-bar ul li.active a{color:#fae62e}





/* Page Content

========================================================================== */

.page-content{margin:5% 0}

.cs-title1{background:url(../images/bg/challenge-title.png) no-repeat;font-family:blackjackregular;color:#683d1b;font-size:58px;padding:60px 20px}

.title-icon{padding-left:20px;display:inline-block;vertical-align:middle}

.title-icon img{vertical-align:middle}

.cs-description h2{font-family:fira_sansmedium;font-size:50px;padding-top:50px}

.cs-description h4{font-family:fira_sansmedium;font-size:40px;padding-top:50px}

.cs-description p{font-family: 'Fira Sans', sans-serif;font-weight:300;font-style:italic;line-height:36px; font-size:29px;color:#000;margin-bottom:20px}

.cs-image{margin-bottom:20px;}

.cs-image img{width:90%}

.cs-title2{background:url(../images/bg/big-idea-title.png) no-repeat;font-family:blackjackregular;color:#fff;font-size:58px;padding:60px 55px;text-align:center;display:inline-block}

.cs-title3{background:url(../images/bg/result-title.png) no-repeat;font-family:blackjackregular;color:#683d1b;font-size:58px;padding:44px 0 44px 77px}

.cs-title3 .title-icon{margin-top:-10px}

.cs-title4{background:url(../images/bg/background-title.png) no-repeat;font-family:blackjackregular;color:#683d1b;font-size:58px;padding:60px 20px;}

.cs-title4 .title-icon{margin-top:-20px}

.idea-title{padding:60px 100px;position:relative;}

.idea-title:after{content:"";background:url(../images/icons/bulb.png) no-repeat;height:144px;width:116px;position:absolute;top:20px;right:-130px;}

ul.list{font-size:0;margin-bottom:25px}

ul.list li{display:inline-block;}

ul.list li img{display:block;width:100%}

.calendar-title{color:#ffd40e;font-size:58px;font-family:precioussansblackregular;text-transform:uppercase;margin-bottom:50px}

.cs-title4.floatR.solution-title{background-size:contain;padding:50px 50px 35px 25px;}

.img-responsive{max-width:100%;display:block}

.icon-title2{position:relative;}

.icon-title2:after{content:"";background:url(../images/icons/car.png) no-repeat;height:131px;width:292px;position:absolute;top:30px;left:400px;}

.icon-title3{position:relative;}

.icon-title3:after{content:"";background:url(../images/icons/boat.png) no-repeat;height:121px;width:321px;position:absolute;top:30px;left:400px;}

.about-title{padding:65px 80px;}
.about-title1{padding:60px 55px;background-size:100% 100%;margin-top:10px;}





/* Others

========================================================================== */

.textJustify{text-align:justify}

.textRight{text-align:right}

.pos1{margin-top:-150px;float:right;margin-left:10px}

.pos1 img{margin-left:10%}

.pos2{float:left;margin-right:10px}

.pos2 img{margin-right:10%}

.cs-box{clear:both}

.pos3{float:right;margin-left:10px;}

.pos3 img{margin-left:10%}

.pos4{margin-top:-150px;float:left;margin-right:10px}

.pos4 img{margin-right:10%}

.pos5{margin-top:150px;float:right;margin-left:10px;}

.pos5 img{margin-left:10%}

.pos6{margin-bottom:-150px;float:right;margin-left:10px;}

.pos6 img{margin-left:10%}

.pos7{margin-top:-200px;float:left;margin-right:10px;}

.pos7 img{margin-right:10%}

.color2{color:#ffffff}

.color3{color:#679807}

.color4{color:#b84304}

.color5{color:#1696c1}

.color6{color:#000000}

.floatL{float:left}

.floatR{float:right}

.cs-title4.floatR{padding-right:40px;}

.grid-1{width:26.2%;margin-right:1%}

.grid-2{width:14.8%;margin-right:0}

.grid-3{width:49%;margin-right:2%;margin-bottom:2%}

.grid-3:nth-child(2n){margin-right:0}

.grid-4{width:33.33%}

.grid-12{width:100%;}

ul.ad-list li img{padding-right:4%;width:96%;}

.ad-list li:last-child img{padding-right:0}

.cs-title1.floatR{padding-right:45px;}

.ogimg img{width:auto;}

.ogimg2{margin-right:-10%}

.brown{color:#a5913c}

.marginBot{margin:0px 0 50px 0}

.marginBot1{margin-bottom:0}

.marginBot2{margin-bottom:-150px;}

.clr-blue{color:#0095da}

.clr-orange{color:#f4a600}

.clr-green{color:#679807}

.clr-yellow{color:#ad940a}

.z-index{position:relative;z-index:2}

.list1 li{margin-bottom:20px;}

.list1 li:last-child{margin-bottom:0px;}

.block{display:block;}

.no-border{border:0}

.border-right{border-right:1px dotted #cccccc;width:45%;padding-right:2%}

.animated {animation-duration: 1s;animation-fill-mode: both;}

@keyframes fadeInLeft {

  from {

    opacity: 0;

    transform: translate3d(-10%, 0, 0);

  }



  to {

    opacity: 1;

    transform: none;

  }

}



.fadeInLeft {

  animation-name: fadeInLeft;

}



/* Contact Us

========================================================================== */

.cs-title1.contact-title{margin-top:100px;padding:30px;text-transform:capitalize}

.contact-form{font-size:14px;margin:20px 0;}

.contact-form h2{font-size:22px;font-weight:300;padding-bottom:5px;margin-bottom:15px; border-bottom:1px solid #000;display:inline-block;}

.form-group{margin-bottom:15px}

.form-group label{display:block;font-size:14px;margin-bottom:5px}

.form-group input, .form-group textarea{width:96%;padding:5px 2%;border-radius:5px;background:#ffffff; border:1px solid #cccccc}

.form-group textarea{height:50px}

.form-group input#mainCaptcha{border:0;width:120px;text-align:center; background:url(../images/captcha-bg.jpg) repeat;display:inline-block;outline:none;color:#000000;font-family: 'Montserrat', sans-serif;font-size:14px;}

.form-group input#refresh{outline:none;background:url(../images/refresh.png) no-repeat 0 center;text-indent:-999px;border:0;vertical-align:middle;cursor:pointer;width:20px;}

.captcha-code input{display:inline-block;width:auto;}

.captcha-code input#captchacode{margin-left:15px;}

.form-btns input{width:100px ;margin-right:10px;background:#666666;color:#ffffff;}

#captcha-error{color:red;padding:5px 0 0 0;}

.address h3{font-weight:600;padding-bottom:5px;}

.contact-form iframe{width:100%;height:300px;}

.form-group input#refresh{width:20px;}

#btnsubmit{cursor:pointer;transition:all.5s;-webkit-transition:all.5s;-moz-transition:all.5s;}

#btnsubmit:hover{background:#0376b9}

.banner-down{display:none}

}

@media all and (max-width: 1600px) {

.banner-text{font-size:70px;}

}

@media all and (max-width: 1366px) {

.banner-text{/*width:800px;*/font-size:50px;line-height:50px}

.banner-icon{width:100px}

.banner-icon img{width:100%;display:block}

.calendar-title{font-size:48px}

.pos3 img{margin-left:10px;}

.navbar-search .form-control input[type=text]{width:80px}

.wrapper{width:960px;padding:0 10px}

.cs-title1{background-size:contain;padding:30px 15px;font-size:30px}

.cs-title2{background-size:contain;padding:30px 25px;font-size:30px;text-align:left;}

.cs-title3{background-size:contain;padding:20px 40px;font-size:30px}

.cs-title4{background-size:contain;padding:35px 15px 25px 25px;font-size:30px}

.cs-title2.idea-title{padding:25px 40px;}

.title-icon{width:30px;padding-left:10px}

.title-icon img{width:100%}

.cs-description p{font-size:16px;line-height:24px; }

.cs-image.ogimg img{margin-left:0;width:100px;}

.pos1.ogimg{margin-top:-100px;}

.pos1.ogimg img{margin-left:0;width:150px;}

.pos2.ogimg2 img{width:120px;}

.idea-title:after{background-size:contain;width:60px;height:75px;right:-65px;top:5px;}

.marginTop{margin-top:100px;margin-bottom:0}

.cs-image img{width:300px;margin:0;}

.pos2 img{padding-right:10%;margin:0;}

.pos3.ogimg img{margin-left:0;width:100px;}

.about-title{padding:30px 40px;}
.about-title1{background-size:100% 100%;}

.calendar-title{font-size:30px;margin-bottom:20px;}

.pos4{margin-top:-80px}

.cs-title1.floatR{padding-right:25px;}

.cs-description h2{font-size:30px;padding-top:20px}

.pos1{margin-top:-100px}

.cs-description h4{font-size:30px;padding-top:30px;}

.pos3{margin-top:0px;}

.cs-title4.floatR.solution-title {padding: 30px 30px 25px 25px;}

.icon-title2:after{background-size:contain;width:100px;height:47px;left:200px}

.icon-title3:after{background-size:contain;width:120px;height:47px;left:200px}

.pos7{margin-top:-100px}

.pos6 {

    margin-bottom: -60px;

    margin-right: 3%;

}

.banner-icon.icon1{width:180px;}

.cs-image img.imagesize{width:200px}

.cs-image img.imagesize1{width:150px}

.cs-image img.imagesize2{width:100px}



}

@media all and (max-width: 1280px) {

.wrapper{width:960px;margin:0 auto;padding:0}

.pos1{margin-top:-100px}













}

@media all and (max-width: 1200px) {

.case-studies-bar ul li a{font-size:10px}

.marginBot2{margin-bottom:-100px;}



}

@media all and (max-width: 1024px) {

.wrapper{width:92%;margin:0 auto;padding:0 4%}

.pos1{margin-top:0}

.pos1 img{margin-left:5%}

.pos1.ogimg{margin-top:-75px}

.cs-image img{width:250px}



.banner-icon{width:80px}

.banner-text{/*width:640px;*/font-size:40px;line-height:40px}

.banner-linkBtn a{font-size:12px;padding:10px}

.navbar-search{margin-right:5px}

a.icons{margin-right:5px}

/*.idea-title{padding:50px 80px;}

.idea-title:after{background-size:contain;width:90px;right:-105px}*/

/*.cs-title4.floatR {padding: 50px 40px 40px 20px;}

.cs-title1.floatR {padding: 40px 30px 40px 10px;}*/

.calendar-title{font-size:40px}

/*.cs-title4.floatR.solution-title{background-size:contain;padding:40px 50px 25px 25px;}*/

.pos6 { margin-bottom: -60px;margin-right: 10%;}

/*.icon-title2:after{left:350px;background-size:contain;width:150px;height:71px;top:50px}*/



.calendar-title{font-size:24px;margin-bottom:20px;}

.cs-description h2{font-size:24px;padding-top:25px}

.cs-description h4{font-size:24px;line-height:28px}

}

@media all and (max-width: 980px) {

ul.nav li{padding:0 10px}

ul.nav li a{font-size:12px}

a.icons{height:26px;width:25px}

.navbar-search .form-control input[type=submit]{background-size:contain;width:12px;height:13px}

.navbar-search .form-control input[type=text]{height:12px;font-size:12px;width:65px}

.case-studies-bar ul{display:block}

.case-studies-bar ul li{width:14.28%;display:inline-block;border-right:0;box-shadow:inset 1px 1px 1px #fff;height:38px;vertical-align:top}

.banner-caption{bottom:0px}

.wrapper{width:90%;padding:0 5%}

.pos1.ogimg {margin-top: -50px;}

.cs-description p {font-size: 14px;line-height: 20px;}

.pos3.ogimg img{margin-left:0;width:80px;}

.cs-image.ogimg img{margin-left:0;width:80px;}

.banner-linkBtn {margin: 0 0 30px 0;}

}

@media all and (max-width: 768px) {





/*.cs-title1{padding:45px 20px;font-size:40px}

.cs-title2{padding:45px 40px;font-size:36px}

.cs-title3{padding:25px 45px;font-size:36px}

.cs-title4{background-size:contain;padding:40px 20px 40px 40px;font-size:36px}*/

/*.idea-title{padding:40px 60px;}

.idea-title:after{background-size:contain;width:70px;right:-85px}*/

/*.cs-title4.floatR {padding: 50px 40px 40px 20px;}

.cs-title1.floatR {padding: 40px 30px 40px 10px;}*/

.header{height:70px;}

.banner-icon{width:50px}

.banner-caption{bottom:0}

.banner-caption.caption2{bottom:40px}

.banner-text{/*width:480px;*/font-size:30px;line-height:30px;margin:0;}

.banner-linkBtn{margin:15px 0}

.banner-linkBtn a{padding:5px}

.navbar-social{position:fixed;top:62px;right:0;z-index:999;background:#000;padding:5px;border-radius:0;box-shadow:1px 1px 10px 1px #666}

a.icons{display:block;float:none;margin-bottom:5px;margin-right:0}

a.icons:last-child{margin-bottom:0}

.case-icon{display:block}

.banner-container .case-studies-bar{position:relative;z-index:999}

.case-studies-bar{position:relative;z-index:999}

.case-studies-bar ul{position:absolute;top:45px;left:0;display:none}

.case-studies-bar ul li{width:50%;height:auto;background:rgba(71,70,70,1);position:relative;}

.case-studies-bar ul li a{display:block;padding:15px 5px;font-size:12px;}



ul.nav{position:fixed;right:0;top:61px;z-index:1000;width:260px;height:100%;margin-right:-260px;background:#000;border-top:1px solid #fff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}

.nav.navslide{margin-right:0}

body{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}

ul.nav li{display:block;padding:0}

ul.nav li a{background:#000;text-align:left;padding:10px;border-bottom:1px solid #fff}

.nav-icon{display:block}

.navbar-left{width:auto}

.navbar-right{position:absolute;top:18px;right:45px;width:auto}



.banner-container{margin-top:70px}

.banner-text{font-size: 32px;line-height: 38px;}

.banner-image img{object-fit:cover}

.banner-down{display:block;text-align:center;position:absolute;bottom:-35px;right:0;left:0;margin:0 auto;width:25px;}

.banner-down img{width:100%}

.caption1 .caption-wrap, .caption2 .caption-wrap{width:90%}

.logo img{max-width:100%}

}

@media all and (max-width: 767px) {

.banner-text{/*width:320px;*/font-size:20px;line-height:20px}

.banner-icon{margin:10px 0}

.pos1,.pos2,.pos3,.pos4,.pos5,.pos7{float:none;text-align:center;margin:10px auto 15px;display:block}

.cs-title4.floatR, .cs-title1.floatR{float:none;}

.ogimg,.ogimg1,.ogimg2,.ogimg3{display:none}

/*.cs-title4.floatR.solution-title{background-size:contain;padding:35px 35px 20px 25px;}*/

.pos6 {margin-bottom:0;float:none;margin-right:0;}

.pos6 img{margin-left:0;margin-bottom:-5px;}

.pos7{margin-top:0;}

.marginBot2{margin-bottom:0;}

.cs-image img{margin:0}

.pos2 img{padding:0}

.marginTop{margin:0}

.textRight{text-align:left}

.cs-description h2{font-size:18px;padding-top:25px}

.cs-description h4{font-size:18px;line-height:24px}

.cs-description h2{font-size:18px;}

.grid-4{width:auto;margin-bottom:2%}

.cs-title4.floatR.solution-title {padding: 30px 15px 15px 15px;}

.border-right{border:0}

.contact-form .grid-3{width:100%}

}

@media all and (max-width: 570px) {

.cs-image img{width:200px}

/*.cs-title1{padding:40px 20px;font-size:30px}*/



/*.icon-title2:after{left:250px;top:30px}*/

}

@media all and (max-width: 480px) {

.banner-icon{width:40px}

.banner-text{/*width:235px;*/font-size:16px;line-height:16px}

.banner-linkBtn{margin:5px 0}

.banner-linkBtn a{font-size:10px}







}

@media all and (max-width: 440px) {

.cs-image{margin-bottom:15px;margin-top:15px}

.cs-image img{width:100%;margin-left:0;margin-right:0}

.cs-description h2{font-size:20px;padding-top:0}

.cs-description h4{font-size:20px;line-height:24px;padding-top:15px}

.banner-linkBtn a{padding:3px}

.banner-icon{width:90px;margin:5px 0}

.icon1{width:80px;}

.icon2{width:50px}

.banner-text{/*width:210px;*/font-size:14px;line-height:17px}



.grid-1{width:100%;margin-right:0%;margin-bottom:2%}

.grid-2{width:100%;margin-right:0}

.grid-3{width:100%;margin-right:0;}

.pos3{float:none;}

.grid-4 {width: 100%;margin-bottom:4%;}

ul.ad-list li img{width:100%;padding-right:0;}

/*.cs-title1{padding:32px 20px;}*/

.title-icon{width:35px}

/*.icon-title2:after{width:80px;height:40px;left:205px;top:35px;}*/

.pos3 img{margin-left:0px;}



.calendar-title{font-size:18px;}

.icon-title3:after{width:90px}

.form-group input#mainCaptcha{width:80px;font-size:12px;}

.captcha-code input#captchacode{width:125px;}

}