@charset "utf-8";
/* CSS By Skaindy Mx */
@import url("html5reset.css");
@import url("font.css");
@import url("totop.css");
@import url("mega-nav.css");
body{overflow-x:hidden}




::selection{color:#fff;background:red}
.box-header .text-contact li a,.navbar-default .navbar-nav>li>a,.box-services .detail li .icon,.navbar-nav,.box-portfolio .owl-buttons,.box-portfolio .owl-nav .owl-prev,.box-portfolio .owl-nav .owl-next,.box-portfolio .btn-more,.box-contact .btn-send,.box-portfolio .text-web,.box-news .btn-more-news,.box-footer>div>ul .sub li a,.box-clients .item img,.box-footer>div>ul .sub li .btn-line,.box-news .detail li .btn-more,.box-portfolio .text-description{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.box-header{background:#4d4d4d;padding:7px 0;margin-top:0;-webkit-transition:margin-top .3s;-moz-transition:margin-top .3s;transition:margin-top .3s}
.box-header .text-contact{list-style:none}
.box-header .text-contact li{display:inline;padding:0 13px;font:12px/15px Prompt,sans-serif;color:#b4b4b4}
.box-header .text-contact li,.box-header .text-contact li a{font:12px/15px Prompt,sans-serif;color:#b4b4b4}
.box-header .text-contact li a:hover{color:#FFF}
.box-header .text-contact li:nth-child(1){border-right:1px #a9a9a9 solid;padding-left:0}
.box-header .text-contact li:nth-child(2){border-left:1px #909090 solid;margin-left:-4px}
.icon-social{text-align:right;list-style:none}
.icon-social li{display:inline}
.icon-social .fa{font-size:15px;color:#fff;padding:0 6px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
.icon-social li a:hover .fa{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);color:#b4b4b4}
.navbar-default .navbar-brand{display:inline-table;padding-top:12px;padding-bottom:10px}
.navbar-default{background:#FFF;-moz-box-shadow:0 3px 7px rgba(0,0,0,0.19);-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.19);box-shadow:0 3px 7px rgba(0,0,0,0.19)}
.navbar{border:0;margin-bottom:0}
.navbar-default .navbar-nav>li>a{padding:10px 26px;color:#323232;font:14px/28px Prompt,sans-serif;border-top-left-radius:10px;border-top-right-radius:10px}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:hover{background:#e80001;color:#FFF}
.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>li>a:focus{background:#e80001;color:#FFF}
.navbar-nav{margin-top:34px}
.navbar-shrink .box-header{margin-top:-30px}
.navbar-default.navbar-shrink{background:rgba(255,255,255,1);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.19);-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.19);box-shadow:0 3px 7px rgba(0,0,0,0.19)}
.navbar-brand>img{height:60px;-webkit-transition:height .3s ease;-moz-transition:height .3s ease;-o-transition:height .3s ease;transition:height .3s ease}
.navbar-shrink .navbar-brand>img{height:40px}
.navbar-shrink .navbar-nav{margin-top:14px}
.slider{padding-top:111px;min-height: 0px;}

.slider .owl-buttons{ display:none} 
.slider .owl-theme .owl-controls{ position:absolute; bottom:20px; width:100%; left:0; right:0}
.slider .owl-theme .owl-controls .owl-page span{ width:17px; height:17px;border: 2px solid #fff;background: transparent; opacity:1} 
.slider .owl-theme .owl-controls .owl-page.active span{ background:rgba(255,255,255,1.00)}

.box-info{background:#FFF;padding:45px 0 58px}
.box-info h1{font:italic 36px/44px Prompt,sans-serif;color:#040404}
.box-info .detail{font:16px/23px Prompt,sans-serif;color:#8c8c8c;max-width:1000px;margin:20px auto 0}
.box-info .detail span{color:#b40703}
.box-about{background:#f4f3f5 url(../images/bg-about.jpg) right 0 no-repeat;background-size:cover;padding-bottom:20px}
.box-about .title,.box-services .title,.box-portfolio .title{padding:53px 0 0 19px;font:41px/64px Prompt,sans-serif;color:#040404;border-left:1px #e80001 solid;position:relative}
.box-about .title::before,.box-services .title::before,.box-portfolio .title::before{content:'';width:33px;height:33px;position:absolute;left:-16.5px;top:0;background:#e80001;border-radius:20px;-webkit-transition:top 1s ease;-moz-transition:top 1s ease;-o-transition:top 1s ease;transition:top 1s ease}
.box-about:hover .title::before,.box-services:hover .title::before,.box-portfolio:hover .title::before{top:117px}
.box-about .detail{margin-top:50px;list-style:none}
.box-about .detail li:nth-child(1){font:italic 16px/24px Prompt,sans-serif;color:#040404;margin-bottom:18px}
.box-about .detail li:nth-child(2),.box-about .detail li:nth-child(3){font:14px/22px Prompt,sans-serif;color:#8c8c8c;margin-bottom:18px}
.box-services{background:#fff;padding-bottom:68px;position:relative;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.19);box-shadow:0 3px 7px rgba(0,0,0,0.19);z-index:99}
.box-services .img-text{position:absolute;top:0;left:0}
.box-services .img-hand{position:absolute;bottom:-2px;right:35px;text-align:right}
.box-services .img-hand .img-web{position:absolute;bottom:0;right:0;text-align:right}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:inline}
#myCarousel.carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;transition-property:opacity}
#myCarousel.carousel-fade .carousel-inner .item,#myCarousel.carousel-fade .carousel-inner .active.left,#myCarousel.carousel-fade .carousel-inner .active.right{opacity:0}
#myCarousel.carousel-fade .carousel-inner .active,#myCarousel.carousel-fade .carousel-inner .next.left,#myCarousel.carousel-fade .carousel-inner .prev.right{opacity:1}
#myCarousel.carousel-fade .carousel-inner .next,#myCarousel.carousel-fade .carousel-inner .prev,#myCarousel.carousel-fade .carousel-inner .active.left,#myCarousel.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.box-services .detail{list-style:none;max-width:860px;margin-top:94px}
.box-services .detail li{width:50%;float:left}
.box-services .detail li a{text-decoration:none}
.box-services .detail li:hover .icon{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.box-services .detail li .icon{width:119px;text-align:center;padding-top:24px}
.box-services .detail li .right{display:table;padding:0 38px 0 8px}
.box-services .detail li .right h3{color:#e80001;font:20px/36px Prompt,sans-serif}
.box-services .detail li .right p{color:#8c8c8c;font:14px/20px Prompt,sans-serif;padding-top:5px;height:145px;overflow:hidden}
.box-portfolio{background:#FFF url(../images/bg-portfolio.png) 0 0 no-repeat;position:relative;padding-bottom:89px}
.box-portfolio .img-text{position:absolute;bottom:0;left:0}
.box-portfolio .img-text img{max-width:100%}
.box-portfolio .detail{margin-top:57px;margin-bottom:73px}
.box-portfolio .owl-pagination{display:none!important}
.box-portfolio .owl-buttons{opacity:0}
.box-portfolio .owl-carousel:hover .owl-buttons{opacity:1}
.box-portfolio .owl-prev,.box-portfolio .owl-next{position:absolute;top:0;height:100%;min-width:47px;text-indent:-9999px;margin:0!important;border-radius:0!important}
.box-portfolio .owl-prev{left:5px;background:rgba(0,0,0,0.10) url(../images/btn-prev.png) -40px center no-repeat!important}
.box-portfolio .owl-next{right:5px;background:rgba(0,0,0,0.10) url(../images/btn-next.png) 40px center no-repeat!important}
.box-portfolio .owl-carousel:hover .owl-prev,.box-portfolio .owl-carousel:hover .owl-next{background-position:center!important}
.box-portfolio .btn-more{font:16px Prompt,sans-serif;padding:15px 49px;color:#040404;border:2px #363636 solid;border-radius:30px;display:inline-block}
.box-portfolio .btn-more:hover{background:#363636;color:#FFF}
.box-portfolio .owl-theme .owl-controls .owl-nav [class*=owl-]{margin:0;border-radius:0}
.box-portfolio .item{position:relative;margin-left:5px;margin-right:5px}
.box-portfolio .text-web{background:rgba(235,38,39,0.80);padding:30px 22px 15px;position:absolute;top:-30px;left:0;right:0;width:100%;opacity:0;font:16px/15px Prompt,sans-serif;text-transform:uppercase;color:rgba(255,255,255,1.00);z-index:100;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.box-portfolio .text-description{position:absolute;bottom:-50px;left:0;right:0;color:#FFF;font:14px/25px Prompt,sans-serif;width:100%;z-index:101;opacity:0;text-align:center;padding:20px 30px}
.box-portfolio .item:hover .text-web{top:0;opacity:1}
.box-portfolio .item:hover .text-description{bottom:0;opacity:1}
.box-portfolio .item a::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';background:rgba(0,0,0,0.70);width:100%;height:100%;position:absolute;z-index:99;opacity:0}
.box-portfolio .item:hover a::before{opacity:1}
.box-clients{background:#f3f3f3;padding:42px 0 28px}
.box-clients .title,.box-contact .title,.box-news .title{font:41px/60px Prompt,sans-serif}
.box-clients .title::before,.box-contact .title::before,.box-news .title::before{content:'';position:absolute;width:32px;height:1px;left:50%;bottom:0;margin-left:-16px;background:#000}
.box-clients h2,.box-contact p{margin-top:20px;font:italic 16px/27px Prompt,sans-serif;color:#000}
.box-clients .detail{margin-top:20px}
.box-clients .owl-buttons{display:none!important}
.box-clients .owl-theme .owl-controls .owl-page span{width:8px;height:8px}
.box-clients .owl-theme .owl-controls .owl-page.active span,.box-clients .owl-theme .owl-controls.clickable .owl-page:hover span{background:#aeaeae}
.box-clients .item img{cursor:e-resize;filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);-ms-filter:grayscale(1); filter:gray;}
.box-clients .item:hover img{filter:none;-webkit-filter:none;-moz-filter:none;-o-filter:none;-ms-filter:none}
.box-team{background:url(../images/bg-team7.jpg) center 0 no-repeat;background-size:cover;position:relative;-webkit-transform: translateZ(0);transform: translateZ(0);background-attachment: fixed;}
.box-team:before{display:inline-block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.45) url(../images/dots.png) 0 0 repeat;}
.box-team .box-text{padding-top:200px;padding-bottom:200px;z-index:100}
.box-team h2{text-align:center;font:58px/63px Prompt,sans-serif;color:#FFF;margin-bottom:20px}
.box-team p{text-align:center;font:19px/30px Prompt,sans-serif;color:#FFF}
.box-news{background:#FFF;padding:55px 0}
.box-news .detail{margin-top:20px;list-style:none}
.box-news .detail li img{max-width:100%;height:auto}
.box-news .detail li h3{font:16px/27px Prompt,sans-serif;color:rgba(0,0,0,1.00);margin-top:10px}
.box-news .detail li .date{font:12px/20px Prompt,sans-serif;margin-bottom:10px;color:#8d8d8d}
.box-news .detail li p{font:14px/20px Prompt,sans-serif;color:#595858;margin-bottom:15px}
.box-news .detail li .btn-more{background:#4d4d4d;font:12px Prompt,sans-serif;color:rgba(255,255,255,1.00)}
.box-news .detail li .btn-more:hover{background:#6C6C6C}
.box-contact{background:url(../images/bg-contact.png) center 0 no-repeat;background-size:cover;padding:63px 0 0}
.box-contact form{margin-top:37px}
.box-contact form .form-control{border:1px #555 solid;border-radius:30px;height:43px;font:italic 16px Prompt,sans-serif;color:#000;padding-left:26px;padding-right:26px;background-color:transparent}
.box-contact form .form-control:focus{border-color:rgba(115,115,115,1);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(115,115,115,0.60);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(115,115,115,0.60)}
.box-contact form textarea.form-control{height:inherit;border-radius:20px;padding-top:15px;resize:none}
.box-contact form .form-group{margin-bottom:27px}
.box-contact form ::-webkit-input-placeholder{color:#000}
.box-contact form ::-moz-placeholder{color:#000}
.box-contact form :-ms-input-placeholder{color:#000}
.box-contact form :-moz-placeholder{color:#000}
.box-contact .btn-send{background:#000;border:2px #000 solid;color:rgba(255,255,255,0.6);border-radius:30px;padding:12px 68px;font:16px Prompt,sans-serif;margin-top:18px;outline:none}
.box-contact .btn-send:hover{background:none;color:#000}
.box-contact .btn-send:active{outline:none}
#map{height:280px;width:100%}
.box-footer{background:rgba(184,184,184,0.30);padding:36px 0; margin-top:30px}
.box-footer>div>ul{list-style:none}
.box-footer>div>ul .sub{list-style:none}
.box-footer>div>ul li:last-child .sub:last-child{border:0}
.box-footer>div>ul .sub h3{font:16px/20px Prompt,sans-serif;color:#000;margin-bottom:6px}
.box-footer>div>ul .sub li{font:14px/19px Prompt,sans-serif;color:#606060}
.box-footer>div>ul .sub li a{color:#606060;text-decoration:none}
.box-footer>div>ul .sub li a:hover{color:#FFF}
.box-footer>div>ul .sub li.line{padding-top:14px}
.box-footer>div>ul .sub li .btn-line{background:#00FF54;padding:5px 10px;margin-top:10px;color:#FFF;font:14px Prompt,sans-serif;background:rgba(96,235,3,1);background:-moz-linear-gradient(top,rgba(96,235,3,1) 0%,rgba(58,189,28,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(96,235,3,1)),color-stop(100%,rgba(58,189,28,1)));background:-webkit-linear-gradient(top,rgba(96,235,3,1) 0%,rgba(58,189,28,1) 100%);background:-o-linear-gradient(top,rgba(96,235,3,1) 0%,rgba(58,189,28,1) 100%);background:-ms-linear-gradient(top,rgba(96,235,3,1) 0%,rgba(58,189,28,1) 100%);background:linear-gradient(to bottom,rgba(96,235,3,1) 0%,rgba(58,189,28,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#60eb03',endColorstr='#3abd1c',GradientType=0)}
.box-footer>div>ul .sub li .btn-line:hover{color:#000}
.box-footer>div>ul .sub li .btn-line img{margin-right:5px;vertical-align:middle}
footer{background:#1e1e1e;padding:30px 0}
footer .copyright{font:14px Prompt,sans-serif;color:#fefefe}
footer .copyright span{color:#e80001}
.box-map .gg-map iframe{height:280px;width:100%}
.box-map .p-l-r-0{padding-left:0;padding-right:0}

.control{display:block;position:relative;padding-left:30px;cursor:pointer; font:17px 'Prompt', sans-serif}
.control input{position:absolute;z-index:-1;opacity:0}
.control__indicator{position:absolute;top:4px;left:0;height:20px;width:20px;background:#ffdede;border-radius:5px}
.control--radio .control__indicator{border-radius:50%}
.control:hover input ~ .control__indicator,.control input:focus ~ .control__indicator{background:#FFC0C0}
.control input:checked ~ .control__indicator{background:#e80001}
.control:hover input:not([disabled]):checked ~ .control__indicator,.control input:checked:focus ~ .control__indicator{background:#e80001}
.control input:disabled ~ .control__indicator{background:#e6e6e6;opacity:.6;pointer-events:none}
.control__indicator:after{content:'';position:absolute;display:none}
.control input:checked ~ .control__indicator:after{display:block}
.control--checkbox .control__indicator:after{left:8px;top:3px;width:5px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.control--checkbox input:disabled ~ .control__indicator:after{border-color:#7b7b7b}
.control--radio .control__indicator:after{left:7px;top:7px;height:6px;width:6px;border-radius:50%;background:#fff}
.control--radio input:disabled ~ .control__indicator:after{background:#7b7b7b}

.box-form{ padding:15px; border:1px #C8C8C8 solid; border-radius:15px; overflow:hidden;-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.19);box-shadow: 0 3px 7px rgba(0,0,0,0.1); margin-top:20px; max-width:1050px; margin-left:auto; margin-right:auto}
.box-form .label-title{ font:23px 'Prompt', sans-serif; color:#e80001}
.box-form .label{ color:#000000; font:18px 'Prompt', sans-serif; padding:0}
.box-form .form-group{ margin-bottom:10px}
.box-form .form-control{ border-color:#000000; border-radius:11px; height:45px; font:16px 'Prompt', sans-serif}
.box-form .form-control:focus{ box-shadow:none}
.box-info-form{ background-color:#FFFFFF}
.box-info-form .title{ font-style:normal; margin-top:15px; font:30px 'Prompt', sans-serif; text-align:center}
.box-info-form .box-form+.box-form{ margin-top:15px}
.modal-popup .btn-submit{ background-color:#E80001; color:#FFFFFF; font:20px 'Prompt', sans-serif; }
.modal-popup .btn-submit:hover{ background-color:#000000}
.modal-popup .btn-default{ background-color:#A7A7A7; color:#FFFFFF; font:20px 'Prompt', sans-serif; }
.modal-popup .btn-default:hover{ background-color:#454545}

@media (max-width: 1500px) {
.box-services .img-hand img{width:70%}
}
@media (max-width: 1199px) {
.box-services .detail{background:rgba(255,255,255,0.90);border-radius:15px;padding:15px;margin-bottom:20px;overflow:hidden}
.box-portfolio .text-web{font-size:13px}
}
@media (min-width: 992px) {

}
@media (max-width: 991px) {
.slider{padding-top:50px}
.box-about .title::before,.box-services .title::before,.box-portfolio .title::before{top:117px}
.box-footer>div>ul>li{margin-bottom:20px}
.box-info h1{font-size:30px;line-height:40px}
.box-info .detail{font-size:14px}
.box-services .detail li .right{padding:0}
.box-news .detail li{margin-bottom:20px}
.box-team h2{font-size:30px;line-height:40px}
.box-team p{font-size:16px}
.box-clients h2,.box-contact h2{font-size:14px}
footer .copyright{margin-bottom:20px;text-align:center}
.icon-social{text-align:center}
.box-portfolio .owl-carousel .owl-buttons{opacity:1}
.box-portfolio .owl-prev{background:rgba(0,0,0,0) url(../images/btn-prev.png) center no-repeat!important}
.box-portfolio .owl-next{background:rgba(0,0,0,0) url(../images/btn-next.png) center no-repeat!important}
.box-info{padding:20px 0}
.box-news .detail li .img{padding:0}
}
@media (max-width: 991px) and (min-width: 480px) {
.box-about .detail{background:rgba(255,255,255,0.90);border-radius:15px;padding:15px;margin-bottom:20px}
}
@media (max-width: 767px) {
.box-about{background:#000 url(../images/bg-about.jpg) center 0}
.box-about .title::before,.box-services .title::before,.box-portfolio .title::before{width:20px;height:20px;left:-10px;bottom:-20px}
.box-services .detail li{width:100%}
.box-services .detail li .right p{height:85px}
.box-services .detail li .icon img{max-width:100%}
.box-team .box-text{padding-top:100px;padding-bottom:100px}
.box-services .detail{padding-left:0;padding-right:0}
.box-news .detail li h3{margin-top:0}
.box-contact{padding-top:45px}
.slider .owl-theme .owl-controls{bottom: 0px;}
}
@media (max-width: 480px) {
.box-services .detail li{margin-bottom:15px}
.box-services .detail li .icon{width:12%;padding-top:12px}
.box-services .detail li .right{padding-left:10px}
.box-services .detail li .right p{height:inherit}
.box-services .img-hand{bottom:-3px}
}