@charset "utf-8";
/* CSS By Skaindy Mx */
@import url("html5reset.css");
@import url("font.css");
@import url("totop.css");
@import url("cms.css");
@import url("transition.css");
@import url("mega-nav.css");
body{font-family:'Prompt', sans-serif;background:#ffffff; color:#1d1d1d;}
.col-pd-0{ padding-left:0; padding-right:0}
.enn{display:none;}
.head-contact{ background-color:#8daa3b; padding:12px 0}

.contact-l li{ float:left}
	.contact-l li .img-icon{ float:left; margin-right:14px}
	.contact-l li .text-contact{ float:left; padding-right:20px; font:300 16px/46px 'Prompt', sans-serif; }
	.contact-l li a{ color:rgba(255,255,255,1.00)}
	.contact-l li a:hover{ color:#5cf3ff}

.contact-r li{ float:left}
	.contact-r li .img-icon{ float:left;}
	.contact-r li .text-contact{ float:left; padding-right:20px; font:300 16px/46px 'Prompt', sans-serif; }
	.contact-r li a{ color:rgba(255,255,255,1.00)}
	.contact-r li a:hover{ color:#5cf3ff}
	
.head-logo{ background-color:#ffffff; padding:22px 0}
	.head-logo img{ max-width:100%; max-height:74px;}
	
.navbar-default{ background-color:#ffffff; border-color:#e3e4e4; border-width:1px 0; margin-bottom:0; border-radius:0}
	.navbar-default .navbar-menu{ float:none; text-align:center}
	.navbar-default .navbar-menu>li{ float:none; display:inline-block}
	.navbar-default .navbar-menu>li>a{ padding:24px 21px; color:#8daa3b; font:300 14px/35px 'Prompt', sans-serif}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color:transparent}
	.navbar-default .navbar-menu>li>a::after{position:absolute;left:0;width:100%;height:2px;background:#8daa3b;content:'';opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .3s;-moz-transition:opacity 0.3s,-moz-transform .3s;transition:opacity 0.3s,transform .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}
	.navbar-default .navbar-menu>li>a::after{bottom:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}
	.navbar-default .navbar-menu>li>a:hover::after,.navbar-default .navbar-menu>li>a:focus::after{opacity:1;-webkit-transform:translateY(1px);-moz-transform:translateY(1px);transform:translateY(1px)}
	.navbar-default .navbar-menu>li.icon-search>a{ color:#646565}
	
#box-search .well{background-color: #8daa3b; border:0; border-radius:0; margin-bottom:0}
	#box-search .well .form-control{ background-color:transparent; border:0; box-shadow:none; text-align:center; color:rgba(255,255,255,1.00); font-size:21px}
	#box-search .well form ::-webkit-input-placeholder{color:#FFFFFF}
	#box-search .well form ::-moz-placeholder{color:#FFFFFF}
	#box-search .well form :-ms-input-placeholder{color:#FFFFFF}
	#box-search .well form :-moz-placeholder{color:#FFFFFF}
	
#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)}
	.carousel-control .fa-chevron-left, .carousel-control .icon-prev{ left:80px;top:50%; margin-top:-42px;margin-left:0;background:#FFFFFF; width:78px; height:78px; opacity:1; position:absolute; border-radius:50%;}
	.carousel-control .fa-chevron-right, .carousel-control .icon-next{ right:80px; top:50%; margin-top:-42px;margin-right:0; background:#FFFFFF; width:78px; height:78px; opacity:1; position:absolute;border-radius:50%;}
	.carousel-control { opacity:1; width:inherit}
	.fa-chevron-right:before{ top: 50%;right: 28px;margin-top: -12px;position: absolute;font-size: 26px;color: #8daa3b;}
	.fa-chevron-left:before{top: 50%;left: 28px;margin-top: -12px;position: absolute;font-size: 26px;color: #8daa3b;}
	.carousel-control:focus, .carousel-control:hover{ opacity:1}
	.carousel-caption{ left:0; right:0; bottom:0; padding-bottom:113px;}
	.carousel-caption p { text-align:left;color:#FFFFFF; text-transform:uppercase;text-shadow:none; font:48px/73px 'Prompt', sans-serif}
	.carousel-caption p:nth-child(1){ font:bold 60px/83px 'Prompt', sans-serif; }
	.carousel-control{ text-shadow:none}
	
.box-about{ background:url(../images/bg-about.jpg) center;padding:45px 0}
	.box-about .title{ font:36px/46px 'Prompt', sans-serif; color:#8daa3b; margin-bottom:22px; text-transform:uppercase}
	.box-about .detail{ font:16px/29px 'Prompt', sans-serif; color:#4d4d4d; max-width:907px; margin:0 auto}
	
.box-categories{ background-color:rgba(255,255,255,1.00); padding-top:40px}
	.box-categories .title{ font:30px/47px 'Prompt', sans-serif; color:#4d4d4d; text-transform:uppercase; position:relative; margin-bottom:35px}
	.box-categories .title::before {content: '';position: absolute;width: 70px;height: 3px;left: 50%;bottom: -3px;background: #8daa3b;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.box-categories .detail .name-categories{ background-color:#8daa3b; padding:17px 10px; text-align:center; color:rgba(255,255,255,1.00); font:20px/35px 'Prompt', sans-serif}
	.box-categories .detail .item:hover .name-categories{ background-color:#1d1d1d}
	.box-categories .detail .img{ overflow:hidden; position:relative}
	.box-categories .detail .item:hover .img:before {   opacity:1; -webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
	.box-categories .detail .item .img:before{content:'';position:absolute;opacity:0;background:rgba(0,166,179,0.35); width:100%; height:100%; left:0; top:0; z-index:99; }
	.box-categories .detail .item .img:before{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5) }
	.owl-theme .owl-controls .owl-pagination{ display:none}
	.owl-theme .owl-controls .owl-buttons div{ background-color:rgba(255,255,255,0.50);  width:64px; height:97px; opacity:1; border-radius:0; margin:0}
	.owl-theme .owl-controls .owl-buttons div .fa{ color:#8daa3b; font-size: 72px;line-height: 97px;}
	.owl-theme .owl-controls .owl-buttons div:hover{ background:rgba(255,255,255,0.50);}
	.owl-theme .owl-controls .owl-buttons div:hover .fa{ color:#1d1d1d}
	.owl-theme .owl-controls{ margin-top:0;}
	.box-categories .owl-prev, .box-categories .owl-next{ position:absolute;top: 50%; margin-top:-41px !important;height: 100%;}
	.box-categories .owl-prev{ left:0}
	.box-categories .owl-next{right: 0;}	
	.box-categories .fa-angle-right:before{ position:absolute; top:0; left:0; width:62px}
	.box-categories .fa-angle-left:before{position:absolute;  top:0;left:0;width:62px}
	
.box-step{ background-color:#f6f8fa; padding:83px 0 20px}
	.box-step .title{ font:36px/66px 'Prompt', sans-serif; color:#8daa3b;margin-bottom: 20px;}
	.box-step .title .number{ font: bold 72px/66px 'BenchNine', sans-serif; width:79px; display:inline-block;}
	.box-step .detail{ padding-left:79px; }
	.box-step .detail p { margin-bottom:30px;font: italic 300 17px/30px 'Prompt', sans-serif}
	.box-step .col-step{ margin-bottom:50px}
	.box-step .col-step:last-child{ margin-bottom:0}
	.box-step .col-step .sub-1{ margin-bottom:0}
	.box-step .col-step .sub-2{ color:#8daa3b; font:300 16px 'Prompt', sans-serif}
	
footer{ background-color:#e7f5f7; padding:28px 0}
	footer .copyright{ text-transform:uppercase; font:15px 'Prompt', sans-serif; color:#8daa3b}	
	
.box-breadcrumb{padding-top: 13px;padding-bottom: 13px;background: #FFFFFF url(../images/bg-breadcrumb.jpg) center no-repeat;}
	.box-breadcrumb .breadcrumb {padding: 8px 15px;margin-bottom: 0;list-style: none;background-color: transparent;border-radius: 0px;text-align:center}
	.box-breadcrumb .breadcrumb{ font:14px/25px 'Prompt', sans-serif;text-transform: capitalize;}
	.box-breadcrumb .breadcrumb li{color:#ffffff;}
	.box-breadcrumb .breadcrumb a{ color:#FFFFFF;  }
	.box-breadcrumb .breadcrumb a:hover{ color:#ffffff }
	.box-breadcrumb .breadcrumb>.active {color: #7deaf3;}
	
.box-info{ background-color:#ffffff; padding:58px 0 58px}
	.box-info .title{ position:relative; font:30px/44px 'Prompt', sans-serif; color:#4d4d4d; margin-bottom:62px}
	.box-info .title::before {content: '';position: absolute;width: 70px;height: 3px;left: 50%;bottom: -7px;background: #8daa3b;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.box-info .img-product{ text-align:center; margin-bottom:26px; margin-top: 10px; overflow:hidden}
	.box-info .img-product img{ max-width:100%; height:auto !important}
	.box-info .name-product{ text-align:center; font:300 16px/22px 'Prompt', sans-serif;  color:#4d4d4d; margin-bottom:30px}
	.box-info .name-product{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
	.box-info a:hover .name-product{ color:#8daa3b}
	.box-info .list-product li{ border:1px solid transparent; border-bottom:1px solid #e3e3e3;margin-bottom:40px;}
	.box-info .list-product li:hover{
    border:1px solid #8daa3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 166, 179, 0.45);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 166, 179, 0.45);
    }
	.box-info .list-product li:hover .img-product img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03) }
	
.box-info .pagination{margin: 0;}
	.box-info .pagination>li>a, .box-info .pagination>li>span{font-family:'Prompt', sans-serif;color: #2c1608;}
	.box-info .pagination>.active>a, .box-info .pagination>.active>a:focus, .box-info .pagination>.active>a:hover, .box-info .pagination>.active>span, .box-info .pagination>.active>span:focus, .box-info .pagination>.active>span:hover{background: #8daa3b;border-color: #8daa3b;color: #fff;}
	.box-info .pagination>li>a:focus, .box-info .pagination>li>a:hover, .box-info .pagination>li>span:focus, .box-info .pagination>li>span:hover{color: #2c1608}
	
.box-info .img-product-detail{border:1px #e3e3e3 solid;overflow:hidden;position:relative;text-align: center;}
	.box-info .img-product-detail img{ max-width:100%; height:auto !important}
	.box-info .img-product-detail:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
	.box-info .img-product-detail .icon-zoom{ position:absolute;  top:45%; left:0; right:0; background-color:rgba(0,166,179,0.69); padding:21px; opacity:0;transform: translate(0,-50%); text-align:center}
	.box-info .img-product-detail:hover .icon-zoom{ opacity:1;top:50%;}
	.box-info .row-product{ margin-bottom:53px;}
	.box-info .text-product-detail{ font:14px/26px 'Prompt', sans-serif; color:#777777}
	
.box-info .contact-product .form-control{ border-color:#8daa3b; border-radius:0; height:48px; font:16px 'Prompt', sans-serif; color:#4d4d4d}
	.box-info .contact-product .form-group{ margin-bottom:35px}
	.box-info .contact-product textarea.form-control{ height:auto}
	.box-info .contact-product .btn-send{ font:20px 'Prompt', sans-serif; color:#FFFFFF; background-color:#8daa3b; padding:10px 36px; text-transform:uppercase; border-radius:10px}
	.box-info .contact-product .btn-send:hover{ background-color:#4d4d4d;}
@media (max-width: 1400px) {
	.carousel-caption{ padding-bottom:10px}
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
	.carousel-caption p:nth-child(1) {font: bold 27px/23px 'Prompt', sans-serif;}
	.carousel-caption p{font: 23px/49px 'Prompt', sans-serif;}
	.carousel-control{ display:none}
	.box-info .img-product-detail{ margin-bottom:20px;}
}
@media (max-width: 767px) {
	.box-step .detail{ padding-left:0}
	.box-step .title{font: 26px/36px 'Prompt', sans-serif;}
	.box-step .title .number{font: bold 46px/43px 'BenchNine', sans-serif;width: 50px;}
	.box-step .detail p{font: italic 300 11px/21px 'Prompt', sans-serif}
}
@media (max-width: 480px) {
	.carousel-caption p:nth-child(1) {font: bold 16px/23px 'Prompt', sans-serif;}
	.carousel-caption p{font: 13px/28px 'Prompt', sans-serif;}
	footer .copyright {font: 10px 'Prompt', sans-serif;}
	.box-about .title {font: 22px/18px 'Prompt', sans-serif;}
	.box-about .detail{font: 13px/25px 'Prompt', sans-serif;}
	.box-breadcrumb .breadcrumb li{ font-size:11px}
	.box-breadcrumb .breadcrumb>li+li:before{    padding: 0 1px;}
	.box-info .title{ font:20px/35px 'Prompt', sans-serif}
	.box-info .contact-product .form-group{ margin-bottom:10px}
	.box-info .contact-product .form-control,.box-info .contact-product .btn-send{ font-size:13px;}
	.box-info .text-product-detail{ font-size:12px}
	.box-info .row-product{ margin-bottom:25px}
}