@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);@import url(http://fonts.googleapis.com/css?family=Volkhov:400italic);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:none;border:0px;}
header .navbar-default .navbar-nav{padding-top:10px;}
header .navbar-default .navbar-nav li a{color:#333333;padding:10px 26px;font-size:15px;}
font header .navbar-default .navbar-nav li a:hover{color:#000;}
#slider{background:url("../img/principal/principal-gen.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:10px;padding-bottom:45px;}
#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-color:#f3f3f3 !important;background-position:50% 94px;width:100%;display:block;position:relative;overflow:visible;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/principal/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:6px;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;background:rgba(128, 128, 128, 0.25);}
#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:32.22%;overflow:hidden;margin:6px;position:relative;}
#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{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.9);opacity:0;-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all;text-align:center;}
#portfolio-work .block .portfolio-contant .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%);-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all;}
#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:6px;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;}
#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:#93c300;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:28px;font-size:30px;width:20px;}
.social-icons{margin-top:40px;}
.social-icons li{display:inline-block;margin:0 6px;}
.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;}
#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:#5C5C5C;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{background:#F5F5F5;text-align:center;padding-top:48px;padding-bottom:55px;}
footer p{font-size:13px;line-height:25px;color:#919191;}
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:#494949;}
footer .footer-manu ul li a:hover{color:#000;}