body{font-family:'Open Sans', sans-serif;-webkit-font-smoothing:antialiased;}
h1,
h2,
h3,
h4,
h5,
h6{font-family:'Roboto', sans-serif;}
h2{font-size:30px;font-weight:400;}
h3{font-size:28px;font-weight:300;}
p{font-size:15px;line-height:28px;}
ul{padding:0;margin:0;list-style:none;}
a,
a:active,
a:focus,
a:active{text-decoration:none !important;}
.section-title{margin-bottom:70px;}
.section-title h2{text-transform:uppercase;font-size:28px;font-weight:600;}
.section-title p{font-family:'Volkhov', serif;font-style:italic;color:#666;}
header{background:#fff;padding:20px 0;}
header .navbar{margin-bottom:0px;border:0px;}
header .navbar-brand{padding-top:5px;}
header .navbar-default{background:linear-gradient(to right, #7c7690, #504b5f);border:0px;box-shadow:0px 0px 10px #eee;}
header .navbar-default .navbar-nav{padding:12px;}
header .navbar-default .navbar-nav li a{color:#fff;padding:10px 26px;font-size:15px;cursor:pointer;}
font header .navbar-default .navbar-nav li a:hover{color:#000;}
#slider{background:url("../img/slider-bg.jpg") no-repeat;background-size:cover;background-attachment:fixed;background-position:10% 0%;padding:200px 0 280px 0;position:relative;}
#slider:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(to left, #8b86a3, #322e40);opacity:0.8;}
#slider .block{color:#E3E3E4;}
#slider .block h1{font-family:'Roboto', sans-serif;font-weight:100;font-size:45px;line-height:60px;letter-spacing:1px;}
#slider .block p{font-size:23px;line-height:40px;font-family:'Roboto', sans-serif;font-weight:300;letter-spacing:3px;}
#intro{padding:100px 0;}
#intro .block h2{padding-top:35px;line-height:27px;margin:0;}
#intro .block p{color:#7B7B7B;padding-top:20px;}
#intro .block img{padding-left:40px;width:100%;}
#intro .section-title{margin-bottom:0px;}
#intro .section-title p{padding-top:20px;}
#service{text-align:center;padding:90px 0;}
#service .service-item{padding-bottom:30px;}
#service .service-item i{font-size:60px;color:#4A4656;}
#service .service-item h4{padding-top:20px;margin:0;color:#666;}
#service .service-item p{color:#888;padding-top:10px;margin:0;font-size:14px;line-height:1.8;}
#call-to-action{background:url("../img/call-to-action-bg.jpg") no-repeat;background-size:cover;background-attachment:fixed;padding:70px 0px;position:relative;text-align:center;color:#fff;}
#call-to-action:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:#1d192c;opacity:0.8;}
#call-to-action h2{padding-bottom:20px;line-height:33px;margin:0;font-size:30px;}
#call-to-action p{font-size:14px;line-height:1.6;}
#call-to-action .btn-call-to-action{padding:15px 35px;border:none;background-color:#fff;font-size:15px;color:#333333;margin-top:30px;}
#feature{background:url("../img/featue-bg.jpg");background-position:50% 94px;width:100%;display:block;position:relative;overflow:visible;background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-color:#fff;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:100px 0;}
#feature h2{font-size:28px;font-weight:600;margin-bottom:30px;}
#feature p{color:#8d8f92;margin-bottom:20px;}
#feature .btn-view-works{background:#655E7A;color:#fff;padding:10px 20px;}
#testimonial{padding:100px 0;}
#testimonial .block h2{line-height:27px;color:#5C5C5C;padding-top:110px;}
#testimonial .block p{padding-top:50px;color:#7B7B7B;}
#testimonial .counter-box li{width:50%;float:left;text-align:center;margin:30px 0 30px;}
#testimonial .counter-box li i{font-size:35px;}
#testimonial .counter-box li h4{font-size:30px;font-weight:bold;}
#testimonial .counter-box li span{color:#555;}
#testimonial .testimonial-carousel{text-align:center;width:75%;border:1px solid #DEDEDE;padding:24px;margin:0 auto;}
#testimonial .testimonial-carousel img{padding-bottom:38px;}
#testimonial .testimonial-carousel p{line-height:28px;font-weight:300;padding-bottom:20px;}
#testimonial .testimonial-carousel .user img{padding-bottom:0px;border-radius:500px;}
#testimonial .testimonial-carousel .user p{padding-bottom:0;font-size:12px;line-height:20px;color:#353241;}
#testimonial .testimonial-carousel .user p span{display:block;color:#353241;font-weight:600;}
#testimonial .testimonial-carousel .owl-carousel .owl-pagination div{border:1px solid #1D1D1D;border-radius:500px;display:inline-block;height:10px;margin-right:15px;width:10px;}
#testimonial .testimonial-carousel .owl-carousel .owl-pagination div.active{background:#5C5C5C;font-size:30px;display:inline-block;border:0px;}
#clients-logo-section{padding-top:30px;padding-bottom:75px;}
#clients-logo-section .clients-logo-img{padding:0px 50px;}
#global-header{background:url("../img/slider-bg2.jpg") no-repeat;background-size:cover;padding-top:150px;padding-bottom:107px;position:relative;background-attachment:fixed;}
#global-header:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(to left, #928dab, #1f1c2c 70%);opacity:0.8;}
#global-header .block{color:#E3E3E4;margin:0 auto;padding-left:90px;text-align:center;}
#global-header .block h1{font-weight:100;font-size:45px;letter-spacing:1px;padding-bottom:15px;margin-top:0;text-transform:capitalize;}
#global-header .block p{font-size:16px;font-weight:300;letter-spacing:1px;word-spacing:3px;}
#portfolio-work{overflow:hidden;padding:80px 0;}
#portfolio-work .block .portfolio-menu{padding-bottom:30px;text-align:center;}
#portfolio-work .block .portfolio-menu ul{border:1px solid #999999;display:inline-block;margin-bottom:40px;}
#portfolio-work .block .portfolio-menu ul li{display:inline-block;padding:0px 25px;cursor:pointer;font-size:15px;line-height:40px;font-weight:600;color:#333333;text-transform:capitalize;position:relative;}
#portfolio-work .block .portfolio-menu ul .active{color:#655E7A;position:relative;}
#portfolio-work .block .portfolio-menu ul .active:before{content:"\f0d7";position:absolute;font-family:'FontAwesome';bottom:-18px;font-size:30px;width:20px;left:0px;right:0px;top:23px;margin:0 auto;color:#fff;text-shadow:0 1px 0px rgba(0, 0, 0, 0.9);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#portfolio-work .block .portfolio-menu ul li:hover:before{content:"\f0d7";position:absolute;font-family:'FontAwesome';bottom:-18px;font-size:30px;width:20px;left:0px;right:0px;top:24px;margin:0 auto;color:#fff;text-shadow:0 1px 0px rgba(0, 0, 0, 0.9);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#portfolio-work .block .portfolio-contant ul li{float:left;width:23.30%;overflow:hidden;margin:6px;position:relative;background-color:rgba(67, 64, 79, .6);}
#portfolio-work .block .portfolio-contant ul li:hover .overly{opacity:1;}
#portfolio-work .block .portfolio-contant ul li:hover .position-center{position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#portfolio-work .block .portfolio-contant ul li a{display:block;color:#fff;}
#portfolio-work .block .portfolio-contant ul li a h2{font-size:22px;text-transform:uppercase;letter-spacing:1px;}
#portfolio-work .block .portfolio-contant ul li a p{font-size:15px;}
#portfolio-work .block .portfolio-contant ul li a span{font-style:italic;font-size:13px;color:#655E7A;}
#portfolio-work .block .portfolio-contant ul img{width:100%;height:auto;}
#portfolio-work .block .portfolio-contant .overly,
.custom-carousel .overly{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(67, 64, 79, .9);opacity:0;-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all;text-align:center;}
.custom-carousel .overly{background:rgba(67, 64, 79, .9);opacity:1}
#portfolio-work .block .portfolio-contant .position-center,
.custom-carousel .position-center{position:absolute;top:50%;left:10%;-webkit-transform:translate(0%, 50%);-moz-transform:translate(0%, 50%);-ms-transform:translate(0%, 50%);transform:translate(0%, 50%);-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all;}
.custom-carousel .position-center{top:30%;left:0%;color:#fff;width:100%;}
.custom-carousel img{width:100%;}
#portfolio-work .block .mix{display:none;}
#wrapper-work{overflow:hidden;padding-top:100px;}
#wrapper-work ul li{width:50%;float:left;position:relative;}
#wrapper-work ul li img{width:100%;height:100%;}
#wrapper-work ul li .items-text{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;color:#fff;background:rgba(0, 0, 0, 0.6);padding-left:44px;padding-top:140px;}
#wrapper-work ul li .items-text h2{padding-bottom:28px;padding-top:75px;position:relative;}
#wrapper-work ul li .items-text h2:before{content:"";position:absolute;left:0;bottom:0;width:75px;height:3px;background:#fff;}
#wrapper-work ul li .items-text p{padding-top:30px;font-size:16px;line-height:27px;font-weight:300;padding-right:80px;}
#features-work{padding-top:50px;padding-bottom:75px;}
#features-work .block ul li{width:19%;text-align:center;display:inline-block;padding:40px 0px;}
#slider-contact{background:url("../img/slider-bg2.jpg") no-repeat;background-size:cover;padding-top:150px;padding-bottom:107px;position:relative;}
#slider-contact:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(to left, #928dab, #1f1c2c 70%);opacity:0.8;}
#slider-contact .block{color:#E3E3E4;margin:0 auto;padding-left:90px;}
#slider-contact .block h1{font-family:'Roboto', sans-serif;font-weight:100;font-size:45px;line-height:60px;letter-spacing:121px;padding-bottom:15px;}
#slider-contact .block p{font-size:23px;line-height:40px;font-family:'Roboto', sans-serif;font-weight:300;letter-spacing:1px;word-spacing:3px;}
#contact-form{padding-top:70px;padding-bottom:35px;background:#A4BABB;}
#contact-form .block form .form-group{padding-bottom:15px;margin:0px;}
#contact-form .block form .form-group .form-control{background:#F6F8FA;height:60px;border:1px solid #EEF2F6;box-shadow:none;width:100%;}
#contact-form .block form .form-group-2{padding-bottom:15px;margin:0px;}
#contact-form .block form .form-group-2 textarea{background:#F6F8FA;height:135px;border:1px solid #EEF2F6;box-shadow:none;width:100%;}
#contact-form .block button{width:100%;height:60px;background:#47424C;background:#8e8c95;border:none;color:#fff;font-family:'Open Sans', sans-serif;font-size:18px;}
.address-block li{margin-bottom:20px;}
.address-block li i{margin-right:15px;font-size:20px;width:20px;}
.social-icons{text-align:center;padding-bottom:30px;}
.social-icons li{display:inline-block;}
.social-icons a{display:inline-block;}
.social-icons i{color:#2C2C2C;margin-right:25px;font-size:25px;}
.google-map{position:relative;}
.google-map #map{width:100%;height:300px;background-color:#ff432e;}
#contact-box{padding-top:35px;padding-bottom:58px;border-radius:4px;}
#contact-box .block img{width:100%;}
#contact-box .block h2{font-family:'Open Sans', sans-serif;font-weight:300;color:#000;font-size:28px;padding-bottom:30px;}
#contact-box .block p{color:#333;display:block;}
#features-contact{padding-top:50px;padding-bottom:75px;}
#features-contact .block ul li{width:19%;text-align:center;display:inline-block;padding:40px 0px;}
.heading{padding-bottom:60px;text-align:center;}
.heading h2{color:#000;font-size:30px;line-height:40px;font-weight:400;}
.heading p{font-size:18px;line-height:40px;color:#292929;font-weight:300;}
footer{text-align:center;padding-top:48px;padding-bottom:55px;background:linear-gradient(to right, #7c7690, #504b5f);}
footer p{font-size:13px;line-height:25px;color:#fff;}
footer a{color:#595959;}
footer .footer-manu{padding-bottom:25px;}
footer .footer-manu ul{margin:0px;padding:0px;}
footer .footer-manu ul li{display:inline-block;padding:0px 20px;}
footer .footer-manu ul li a{display:inline-block;color:#fff;}
footer .footer-manu ul li a:hover{color:#d7ac03;cursor:pointer;}
.navbar-brand>img{width:65px;}
.img-block{text-align:center;}
.child{height:200px;background:gray;}
#sticky{padding:0.5ex;background-color:#333;color:#fff;font-size:2em;border-radius:0.5ex;}
#sticky.stick{position:absolute;top:0;z-index:10000;border-radius:0 0 0.5em 0.5em;}
.nav-pills-container ul.nav.nav-pills{max-width:650px;background-color:#87829e;border-radius:30px;margin:auto;text-align:center;padding:5px;margin-top:50px;}
.nav-pills>li>a{border-radius:30px;color:#fff;padding:15px 30px;font-size:16px;letter-spacing:1px;}
.nav>li>a:hover{background-color:#544e63;}
.nav-pills>li.active>a{background-color:#544e63;}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover{background-color:#544e63;}
.docScroller{display:none;}
.docScroller-mobile{text-align:center;}
#features-mobile{display:block;}
#features{display:none;}
.page{width:100%;height:100%;display:inline-block;vertical-align:top;font-size:initial;}
.inside{-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;margin:35px 0;}
.inside img{width:100%;}
.
.page.one .inside{}
.page.two .inside{}
.page.three .inside{}
.page.three .inside .specs-left{max-width:300px;float:left;margin:0 2%;overflow-wrap:break-word;}
.page.three .inside .specs-left ul li{color:#000;font-weight:500;text-align:left;font-size:18px;}
.page.four .inside{}
.page.four .inside img{}
.block.projects{background-repeat:no-repeat;background-color:#43404f;padding:20px;text-align:center;color:#fff;margin-bottom:50px;}
header .container-fluid{max-width:1200px;}
.navbar-brand>img{width:225px;}
.show-mobile{display:none;}
.row.row-doc-mobile img{width:100%;}
.row.row-doc-mobile h2{font-size:20px;}
.row.row-doc-mobile p{font-size:15px;}
.custom-carousel .carousel-control{width:15%;height:50px;top:50%;background-image:none;opacity:1;}
.container-projects-mobile{padding:0px;}
.form-mobile{display:none;}
#contact-form .form-inline{width:49%;float:left;}
#contact-form .form-inline.group-right{margin-left:2% !important;}
.math-captcha{width:250px;padding-bottom:10px;padding-left:15px;text-align:center;margin:auto;}
.math-captcha img{height:30px;width:auto;padding:0 5px 8px;}
.math-captcha input{height:40px;width:60px;font-size:30px;margin-left:5px;line-height:40px;padding:24px 6px;border:none;background-color:#ddd;}
#contact-form .block button{width:200px;display:block;margin:0 auto;border-radius:30px !important;}
#contact-form h2{padding-bottom:40px;text-align:center;}
.navbar-default .navbar-nav>li>a:hover{color:#d7ac03;}
#contact-box .contact-email{padding:15px;text-align:center;}
#contact-box .contact-email p{font-size:1.6em;font-weight:bold;letter-spacing:1px;}
#contact-box h3{text-align:center;font-size:20px;padding:5px;}
#contact-box{padding-top:30px;padding-bottom:20px;background:#C49B30;margin-top:20px;}
.nav>li>a:focus{background:#7c7690;}
.js-math-captcha{text-align:center;padding:20px 0 5px 0;}
.js-math-captcha p{font-size:16px;}
.js-math-captcha p#question{display:inline-block;margin-right:10px;font-size:2em;font-weight:bold;letter-spacing:3px;padding:10px 0;}
#success,
#fail{display:none;}
#message,
#success,
#fail{margin-top:10px;margin-bottom:10px;}
.js-math-captcha input{border:1px solid #FFBBD7;width:60px;text-align:center;font-size:2em;}
.features-footer-mobile{display:block;}
.features-footer{display:none !important;}
@media (min-width:490px){.docScroller-mobile{display:none;}
.docScroller{display:block;}
#features-mobile{display:none;}
#features{display:block;}
.features-footer-mobile{display:none !important;}
.features-footer{display:inline-block !important;}
}
@media (min-width:768px){.h-block h1{margin-top:80px;}
.para-block p{margin-top:50px;}
}
@media (max-width:768px){.hide-mobile{display:none;}
.show-mobile{display:block;}
.social-icons li{width:8%;}
.row-doc-mobile{margin:0;}
#contact-form{padding-top:30px;}
#contact-box .contact-email p{font-size:1em;}
footer .footer-manu ul li{padding:0 10px;}
.form-desk{display:none;}
.form-mobile{display:block;}
#contact-form .form-inline{width:100%;float:none;}
#contact-form .form-inline.group-right{margin:0 !important;}
}
@media only screen and (min-width:490px) and (max-width:768px){.nav-pills>li>a{padding:10px 12px;font-size:14px;}
}
.tab-content{max-width:700px;margin:5px auto 35px auto !important;}
img.singl-img{max-width:350px;float:right;}