@charset "utf-8";
/* CSS By Skaindy Mx */
@import url("html5reset.css");
@import url("scroll.css");
@import url("totop.css");
@import url("mega-nav.css");
@import url("font.css");
@import url("hover.css");
@import url("hover-min.css");
/* @import url("dropdown.css"); */
@import url("jquery-ui.css");

.fancybox-margin{margin-right:10px!important}
.navbar-light .navbar-nav .nav-menu a, .list-product ul li, .list-product ul li a, .list-product ul li a .title-prod, .box-about .col-promocon .con-promo .btn-more.pro, footer nav.extra.follow ul li .link-soci, footer address a, footer nav.extra ul li a, .box-info .btn-create, .box-info.contact address a, .list-item li .item, .list-item li .item a, .list-item li .item .img-arrow, .list-item li .item .img-prod, .btn-side .btn-more, .all-pdf .download-list li a, .modal-download .btn-round, .modal-download .btn-filedown, .modal-download .btn-sumit, .box-info .btn-download{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.box-product .item-pro .con-pro .detail-pro{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);-ms-transform:translate(0px);transform:translate(0px)}

body,html{background:#ffffff; font-family: 'Roboto','Prompt',sans-serif; color:#565656;}
.none{ display:none;}
.pdingl{ padding-left:0;}
.pdingr{padding-right:0;}

.cms-area{line-height:30px; font:17px 'Roboto','Prompt',sans-serif; color:#565656;}
.cms-area  iframe,.cms-area embed,.cms-area object{max-width:100%}
.cms-area p{line-height:30px;}
.cms-area img{max-width:100%;height:auto;margin-bottom:15px}
.cms-area h1,
.cms-area h2,
.cms-area h3,
.cms-area h4,
.cms-area h5,
.cms-area h6{ margin-bottom:15px}
.cms-area ul{ margin-bottom:15px;padding-left:20px}


.dropdown .dropdown-menu{min-width:250px; right:0;left: inherit !important;background-color:#898989;padding:15px 0; border: none; border-radius: 0px;}
.dropdown .dropdown-menu.langu{ min-width: 80px; padding: 5px 0;}
.dropdown .dropdown-menu a{color:#ffffff !important;padding:10px 20px;border-radius:0; display: block;font-family: 'Roboto','Prompt',sans-serif;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.dropdown .dropdown-menu .dropdown-item:hover{color:#ffffff !important;background:#e81223}
.dropdown .dropdown-menu  .dropdown-item.active { background:#e81223 !important; color:#ffffff !important;}
.show>.btn-secondary.dropdown-toggle { color: #fff;background-color: #000000; border-color: #000000;}

.head-menu{background-color: #ffffff;}
.cd-main-content{transform: none;will-change: inherit;}
.navbar{ margin-bottom:0;background-color: transparent; padding: 30px 0px 10px; z-index: 99;}
.navbar.top{ position:sticky; top:0; left:0; right:0; z-index:99;padding: 12px 0;background-color: #ffffff;border-bottom: 1px solid #efefef;}

.navbar-light .navbar-collapse { position: relative;}
#sidebar ul.components .dropdown-toggle::after { display: none;}
.navbar-light .navbar-brand{ padding-top: 0; padding-bottom: 0; padding-right: 22px; }
.navbar-light .navbar-brand img{ height: 63px;display: block;}
.navbar-light .navbar-nav .nav-menu a{color:#3a3a3c; font: 17px/27px 'Roboto','Prompt',sans-serif; padding: 10px 12px; text-transform: uppercase;}
.navbar-light .navbar-nav .nav-menu.active{ background-color: transparent !important;}
.navbar-light .navbar-nav .nav-menu.active a{color: #e81223; font-weight: 600;}
.navbar-light .navbar-nav .nav-menu a:hover{color: #e81223;}
.navbar-light .form-search{ position: relative;}
.navbar-light .form-search .form-control{  height: 36px; border-radius: 20px; width: 193px;font-size: 14px; border: 1px solid #aeaeae; padding-right: 30px;}
.navbar-light .form-search .form-control:focus{width: 250px;}
.navbar-light .form-search .btn-search{ position: absolute; right: 0;padding: .2rem .75rem; border: none; color: #aeaeae;}
.navbar-light .form-search .btn-search:hover{ background-color: transparent;}
.navbar-light .btn-login{border-radius: 20px; background-color: #000000; color: #ffffff;font:500 14px/26px 'Roboto','Prompt',sans-serif; text-transform: uppercase; padding: 5px 30px; margin-left: 14px;}
.navbar-light .btn-login.account { padding: 5px 15px;}
.navbar-light .all-lang{ margin-left: 15px;}
.navbar-light .all-lang .lang{ margin: 0 3px;}
.slider-top .carousel-caption {right: 0; bottom: 0px;left: 0;padding: 0;}
.slider-top .carousel-caption .title-slide{font:500 80px/100px 'Roboto','Prompt',sans-serif; color:#e81223; margin-bottom: 30px; padding: 0 15px;}
.slider-top .carousel-caption .detail-slide{ background-color: rgba(0, 0, 0, 0.2); padding: 10px 30px; font:500 62px/82px 'Roboto','Prompt',sans-serif; color:#000000;}
.slider-top .carousel-caption .detail-slide span{ color: #e81223;}
.slider-top .carousel-indicators {bottom: 10px;left: inherit;margin-right: 30px; margin-left: 30px;}
.slider-top .carousel-indicators .active{ background-color: #e81223;}

#myCarousel .carousel-item .img{ height: 980px;}
#myCarousel .carousel-item .img .image-slide{width: 100%; height: auto; display: block;}
#myCarousel .carousel-indicators li {width: 12px;height: 12px;border-radius: 50%;}
#myCarousel .carousel-indicators { bottom: 30px;}

.box-product{ padding: 100px 0; background: #ffffff url(../images/thmco3_02.png) no-repeat top left; position: relative;}
.box-product:before {content: '';background: url(../images/thmco3_03.png) no-repeat bottom right; width: 100%;height: 100%; opacity: 1;position: absolute; right: 0; bottom: 0;}
.box-product .title{font:500 45px/60px 'Roboto','Prompt',sans-serif; color:#e81223; text-align: center; margin-bottom: 15px; position: relative;}
.box-product .title::before {content: '';position: absolute;width: 70px; height: 3px;left: 50%;bottom: -7px; transform: translateX(-50%); background: #b5b5b5;}
.box-product .detail{font:400 24px/37px 'Roboto','Prompt',sans-serif; color:#727272;  text-align: center; }
.list-product{margin-top: 30px;}
.list-product ul li{ margin-bottom: 30px;}
.list-product ul li a{ display: block;}
.list-product ul li:hover a{transform: translateY(-5px);}
.list-product ul li a figure{border: 1px solid #eaeaea; border-bottom: 4px solid #e81223;}
.list-product ul li a figure .image-prod{ width: 100%; height: auto; display: block;}
.list-product ul li a .title-prod{ font:500 24px/36px 'Roboto','Prompt',sans-serif; color: #3a3a3c; text-align: center; padding: 10px 15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-product ul li:hover a .title-prod{color: #e81223;}

.box-about .col-promoimg{ padding-left:0; padding-right:0;}
.box-about .col-promoimg img { width: 100%;height: 580px;object-fit: cover;display: block;}
.box-about .col-promocon{ background: #f4f1f2 url(../images/thmco3_06.png) no-repeat   bottom right;}
.box-about .col-promocon .con-promo{ max-height:580px; padding: 75px 70px; }
.box-about .col-promocon .con-promo .box-title{position: relative; margin-bottom:20px; padding-bottom:10px;}
.box-about .col-promocon .con-promo .box-title::before {content: '';position: absolute;width: 70px;height: 3px; bottom: 0px; left:0; background: #e81223;}
.box-about .col-promocon .con-promo .title{font:500 45px/60px 'Roboto','Prompt', sans-serif;color: #3a3a3c; text-transform: uppercase; text-align:left; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.box-about .col-promocon .con-promo .detail {font: 24px/37px 'Roboto','Prompt', sans-serif; color: #727272; text-align:left; display: -webkit-box; -webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
.box-about .col-promocon .con-promo .btn-more.pro{padding:16px 40px; border-radius: 50px; background-color: #e81223; font:500 26px/33px 'Roboto','Prompt', sans-serif; color: #ffffff; text-align:center; margin-top:35px; text-transform:uppercase;}
.box-about .col-promocon .con-promo .btn-more.pro:hover{background-color:#3a3a3c; color:#ffffff;}

.box-service {padding: 110px 0; position: relative; }
.box-service::before {display: inline-block;content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.85);}
.box-service .title{font:500 45px/60px 'Roboto','Prompt',sans-serif; color:#ffffff; text-align: center; margin-bottom: 27px; position: relative;}
.box-service .title::before {content: '';position: absolute;width: 70px; height: 3px;left: 50%;bottom: -7px; transform: translateX(-50%); background: #e81223;}
.box-service .detail{font:400 24px/37px 'Roboto','Prompt',sans-serif; color:#ffffff;  text-align: center; }

footer{ background:#c8c8c8; padding-top:50px; padding-bottom:30px;}
footer .namecom{ font:500 17px/20px 'Roboto','Prompt', sans-serif; color: #3a3a3c;}
footer .img-logo-footer{ margin-bottom:15px;}
footer .img-logo-footer img{ width:215px; height:auto;}
footer address{ color:#3a3a3c}
footer address p{ font:500 16px/24px 'Roboto','Prompt', sans-serif; margin-bottom:12px;}
footer address a{ color:#3a3a3c}
footer address a:hover{color:#e81223}

footer .title-foot{font:500 24px/32px 'Roboto','Prompt', sans-serif; color:#181717;  text-transform:uppercase; display:inline-block; margin-bottom:15px;}
footer nav.extra ul li{font:500 16px/30px 'Roboto','Prompt', sans-serif; color:#3a3a3c;}
footer nav.extra ul li .fa{color:#e81223;margin-right: 10px;}
footer nav.extra ul li a{color:#3a3a3c; }
footer nav.extra ul li a:hover{color:#e81223; }
footer nav.extra.follow ul li{ float:left; margin-right:25px; margin-top:15px;}
footer nav.extra.follow ul li .link-soci{ display:inline-block; text-align:center;}
footer nav.extra.follow ul li .link-soci:hover{transform: translateY(-5px);}
footer .copyright{ line-height:23px; margin-top:60px; color:#3a3a3c; font-size:14px;padding-top: 10px;}
footer .copyright a{color:#3a3a3c; }
footer .copyright a:hover{ color:#3a3a3c}

.box-info { padding: 70px 0;}
.box-info .title{font:500 40px/56px 'Roboto','Prompt',sans-serif; color:#3a3a3c; text-align: center; margin-bottom: 22px; position: relative;}
.box-info .title::before {content: '';position: absolute;width: 70px; height: 3px;left: 50%;bottom: -7px; transform: translateX(-50%); background: #e81223;}

.slider-in{ position: relative; width: 100%; }
.slider-in .imgban{overflow: hidden;}
.slider-in .imgban img{ width:100%; height:auto;display: block;}

.box-info.contact form{ margin-top: 10px;}
.box-info .form-control{height: 42px;border-radius: 25px;width: 100%;font-size: 15px;border: 1px solid #aeaeae; padding: 7px 20px;}
.box-info textarea.form-control{ height: auto;}
.box-info .btn-create{color: #ffffff; font: 400 16px/24px 'Roboto','Prompt',sans-serif; padding: 12px 25px; border: none; border-radius: 25px; background-color: #e81223; margin-top: 20px; display: block;}
.box-info .btn-create:hover {background-color: #3a3a3c;transform: translateY(-3px);}
#textcap { font-family: 'Roboto','Prompt', sans-serif;font-size: 1.5em; font-weight: 600; color: #e81223;padding-bottom: 6px;padding-right: 7px; display: inline-block;}
.box-info.contact address{ margin-top:10px;}
.box-info.contact address ul{list-style:none}
.box-info.contact address ul .title-contact{ font:600 18px/26px 'Roboto','Prompt', sans-serif;color:#3a3a3c; margin-bottom:5px;}
.box-info.contact address ul li{margin-bottom:6px; color:#3a3a3c; font-size:16px;line-height: 24px;}
.box-info.contact address a{text-decoration:none;color:#3a3a3c}
.box-info.contact address a:hover{color:#e81223}
.box-info.contact address .address-detail{margin-bottom:25px;line-height:25px; color:#3a3a3c}
.box-info.contact .btn-update{padding: 10px 30px;border-radius: 0;border: none;background-color: #37a0eb; font:500 20px/26px 'Roboto','Prompt', sans-serif; color: #ffffff;text-align: center;margin-top: 15px;text-transform: uppercase;}
.box-info.contact .btn-update:hover{background-color:#3a3a3c;}
.box-info.contact .gg-map { z-index:1;}
.box-info.contact .gg-map iframe{ width:100%; height:300px;border:0; margin-bottom: 20px;}

.list-item{ list-style:none; overflow:hidden; margin-top:15px;}
.list-item li{ margin-bottom:20px;}
.list-item li .item{  position:relative; overflow:hidden}
.list-item li .item .img-prod{width: 100%;height: 220px;overflow: hidden; display:block;object-fit: cover;}
.list-item li .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(232, 18, 35, 0.6);
width: 100%; 
height: 100%;
position: absolute;
z-index: 1;
opacity: 0;
}
.list-item li .item:hover a::before{ opacity:1}
.list-item li .item:hover a>.img-prod{  -webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.list-item li .item .img-arrow{ position:absolute; bottom:50%; right:50%; opacity:0;z-index: 101; margin-bottom:-21px; margin-right:-19px;}
.list-item li .item .img-arrow .fa{color:#ffffff; font-size: 42px;}
.list-item li .item:hover .img-arrow{ opacity:1;}

.box-info.product .title {font: 500 34px/46px 'Roboto','Prompt',sans-serif; text-align: left;}
.box-info.product .title::before {left: 0; transform: none;}
.all-pdf{ margin-top: 25px;}
.all-pdf .download-pdf{background:#e81223;padding:10px 20px;color:#FFF;display:flex; margin-top:15px; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.all-pdf .download-pdf h1{text-align:center; font:500 20px/30px 'Roboto','Prompt',sans-serif;}
.all-pdf .download-pdf img{vertical-align:middle}
.all-pdf .download-list li{padding:10px}
.all-pdf .download-list li img{margin-right:10px;vertical-align:middle}
.all-pdf .download-list li .file-name{font:14px/24px 'Roboto','Prompt', sans-serif}
.all-pdf .download-list li a{text-decoration:none;color:#ffffff;display:block}
.all-pdf .download-list li:hover{padding-left:15px}
.all-pdf .download-list li{background:#3a3a3a}
.all-pdf .download-list li:nth-of-type(odd){background:#4f4f4f}
.all-pdf .download-list li:last-child{border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}

.box-info label{font:500 15px/24px 'Roboto','Prompt',sans-serif; padding-left: 5px;color:#3a3a3c;}
.contact-form{ background-color: #e8e6e6; border-radius: 10px; margin-top: 20px; overflow: hidden;}
.contact-form .title-form{font:500 20px/30px 'Roboto','Prompt',sans-serif; color: #ffffff; background-color: #e81223;padding: 10px 20px;}
.contact-form form{ padding: 15px 10px;}
.box-info.product .btn-create {font: 400 15px/23px 'Roboto','Prompt',sans-serif;padding: 9px 25px;margin-top: 15px;width: 100%; background-color: #000000;}
.box-info.product .form-control {font-size: 14px;}

.btn-side{position: fixed; right: 0; top: 50%; z-index: 99;transform: translateY(-50%);}
.btn-side .btn-more{ text-align: center; background-color: #404040; color: #ffffff; border-radius: 0; font-size: 14px;padding: .43rem .75rem;border-color: #ffffff;}
.btn-side .btn-more:hover, .btn-side .btn-more.active{ background-color: #e81223 !important; border-color: #ffffff !important;}
.btn-side .btn-more img{display: block; margin: 0 auto;margin-bottom: 3px;}

.modal-download label{font: 500 15px/24px 'Roboto','Prompt',sans-serif; padding-left: 5px; color: #3a3a3c;}
.modal-download .form-control{height: 42px; border-radius: 25px;width: 100%; font-size: 14px;border: 1px solid #aeaeae;padding: 7px 20px;}
.modal-download .btn-sumit{color: #ffffff;font: 400 16px/24px 'Roboto','Prompt',sans-serif;padding: 12px 25px;border: none;border-radius: 25px; background-color: #000000; margin-top: 20px;}
.modal-download .btn-filedown{color: #ffffff;font: 400 15px/23px 'Roboto','Prompt',sans-serif;padding: 10px 20px;border: none;border-radius: 25px; background-color: #e81223; margin-top: 20px;display: inline-block;}
.modal-download .btn-filedown img{margin-right: 10px; vertical-align: middle;}
.modal-download .btn-round{border-radius: 25px;}
.modal-download .btn-round:hover, .modal-download .btn-filedown:hover, .modal-download .btn-sumit:hover { background-color: #3a3a3c;transform: translateY(-3px);}

.gallary-prod { margin-top: 30px;padding-bottom: 20px;}
.gallary-prod ul{display: block; flex-wrap: inherit;}
.gallary-prod ul li{ display: inline-block; float: left;}
.gallary-prod ul li figure{overflow:hidden; display: flex;}
.gallary-prod ul li figure img{width:100%; object-fit: cover; height: 280px; -webkit-transition: 1s ease-in-out;-moz-transition: 1s ease-in-out;-ms-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;}
.gallary-prod ul li:hover figure img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.gallary-prod .owl-theme .owl-controls .owl-buttons{ display: none;}
.gallary-prod .owl-theme .owl-controls { margin-top: 0;}
.gallary-prod .owl-theme .owl-controls .owl-page span{ background: #e81223;}
.gallary-prod .carousel-indicators { bottom: -10px;}
.gallary-prod .carousel-indicators li {height: 6px;background-color: #000;}

.box-info .owl-theme .owl-controls .owl-buttons{display:none;}
.box-info .owl-theme .owl-controls .owl-page span{background: #e81223; border: 1px solid #e81223; opacity: 0.5;width: 14px; height: 14px;margin: 5px 5px;}
.box-info .owl-theme .owl-controls .owl-page.active span, .box-service .owl-theme .owl-controls.clickable .owl-page:hover span{background: #e81223; opacity: 1;}
.box-info .btn-download{ border: 1px solid #e81223; padding: 12px 25px; margin-top: 30px; border-radius: 25px; color: #3a3a3c; display: inline-block; font-size: 18px; font-weight: 500;}
.box-info .btn-download img{vertical-align: middle; margin-right: 5px;}
.box-info .btn-download:hover{ background: #e81223; color: #ffffff;transform: translateY(-5px);}


@media (max-width: 1750px){

}
@media (max-width: 1500px){
.navbar.top {padding: 10px 0;}
.navbar-light .navbar-brand { padding-right: 0;}

#myCarousel .carousel-item .img {height: 860px;}
.slider-top .carousel-caption .title-slide { font: 500 75px/95px 'Roboto','Prompt',sans-serif; margin-bottom: 25px;}
.slider-top .carousel-caption .detail-slide {font: 500 59px/79px 'Roboto','Prompt',sans-serif;}

.box-product:before { background-size: 710px;}
.box-product { padding: 80px 0; background-size: 300px;}

.box-about .col-promocon .con-promo {padding: 50px 30px;}
.box-about .col-promocon .con-promo .detail { display: -webkit-box; -webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;}
}

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

}


@media (min-width: 992px) {
.gallary-prod ul li+li{margin-bottom:20px}
.gallary-prod ul li+li figure img{width:100%; object-fit: cover; height: 130px;}
}

@media (max-width: 1199px){
.navbar {padding: 12px 15px;}   
.navbar.top {padding: 10px 15px;}
.navbar-light .navbar-nav .nav-menu a {font: 18px/25px 'Roboto','Prompt',sans-serif; padding: 2px 6px;}

.navbar-light .btn-login {padding: 5px 20px;margin-left: 10px;}
.navbar-light .all-lang {margin-left: 12px;padding-left: 8px;}

#myCarousel .carousel-item .img { height: 700px;}
.slider-top .carousel-caption .title-slide { font: 500 55px/75px 'Roboto','Prompt',sans-serif; margin-bottom: 20px;}
.slider-top .carousel-caption .detail-slide { font: 500 46px/66px 'Roboto','Prompt',sans-serif;}
#myCarousel .carousel-indicators { bottom: 23px; margin-right: 15px; margin-left: 15px;}

.box-product{padding: 70px 0;}
.box-product .title { font: 500 40px/57px 'Roboto','Prompt',sans-serif;}
.box-product .detail { font: 400 20px/34px 'Roboto','Prompt',sans-serif;}

.box-about .col-promocon {background-size: 260px;}
.box-about .col-promocon .con-promo .title {font:500 40px/57px 'Roboto','Prompt', sans-serif;}
.box-about .col-promocon .con-promo .detail {font: 20px/34px 'Roboto','Prompt', sans-serif; display: block;}
.box-about .col-promocon .con-promo .btn-more.pro { padding: 13px 30px;font:500 20px/28px 'Roboto','Prompt', sans-serif;margin-top: 25px;}

.box-service { padding: 90px 0;}
.box-service .title { font: 500 40px/57px 'Roboto','Prompt',sans-serif;}
.box-service .detail { font: 400 20px/34px 'Roboto','Prompt',sans-serif;}

.box-info { padding: 50px 0;}
.box-info .title {font: 500 34px/46px 'Roboto','Prompt',sans-serif; margin-bottom: 20px;}
.box-info.product .title { font: 500 30px/42px 'Roboto','Prompt',sans-serif;}
}

@media (max-width: 991px) {
.cd-logo {top: 10px;}
.cd-logo img { max-height: 46px;height: 46px; width: auto;}
.cd-search {top: 65px; position: fixed;}
.cd-main-header {height: 65px;}
/*.cd-search-trigger, .cd-nav-trigger {position: fixed;right: 15px;top: 10px;}*/
.cd-main-header {position: fixed;top: 0; left: 0; right: 0;background-color: transparent; box-shadow: none;}
.cd-main-header.top{ background-color: #ffffff;}
.cd-header-buttons {top: 10px;right: 15px;}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after, .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {background: #000000 ;}
.cd-overlay {background: rgba(255, 255, 255, 0.6);}
.cd-primary-nav, .cd-primary-nav ul {background: #ffffff;}
.cd-primary-nav .username{ padding:15px 15px 3px; color:#329a66; font: 15px/25px 'Roboto','Prompt',sans-serif;}
.cd-primary-nav a, .cd-primary-nav ul a { color: #3a3a3c; border-bottom: 1px solid #ececec;text-transform: none;}
.cd-primary-nav a:hover, .cd-primary-nav ul a:hover { color: #e81223; font-weight: 500;}
.cd-primary-nav a.active, .cd-primary-nav ul a.active, .cd-primary-nav .see-all a.active { color: #e81223 !important;font-weight: 500;}
.cd-primary-nav .c-brown { color: #3a3a3c;}
.cd-primary-nav .see-all a {color: #3a3a3c;}
.cd-primary-nav .see-all a:hover, .cd-primary-nav .see-all a.active {color: #000000;}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {  background: #000000;}
.cd-search-trigger::before { border: 5px solid #000000;}
.cd-search-trigger::after { background: #000000;}
.cd-search-trigger span::before, .cd-search-trigger span::after { background: #000000;}
.cd-header-buttons li.lang-mobi {margin-left:15px;}
/* .cd-header-buttons li:nth-last-child(2){ margin-right:10px;} */
.cd-header-buttons li.lang-mobi a{ padding: 10px 0 12px;display: block;}

#myCarousel .carousel-item .img { height: 525px;}
.slider-top .carousel-caption .title-slide { font: 500 36px/46px 'Roboto','Prompt',sans-serif;margin-bottom: 15px;}
.slider-top .carousel-caption .detail-slide { font: 500 29px/39px 'Roboto','Prompt',sans-serif;}
#myCarousel .carousel-indicators { bottom: 10px;}

.box-product { padding: 50px 0;}
.box-product .title { font: 500 33px/46px 'Roboto','Prompt',sans-serif;}
.box-product .detail { font: 400 18px/28px 'Roboto','Prompt',sans-serif;}

.box-about .col-promocon { background-size: 200px;}
.box-about .col-promocon .con-promo{ max-width:100%; max-height:100%; }
.box-about .col-promoimg img {height: inherit;}
.box-about .col-promocon .con-promo .box-title { margin-bottom: 15px;}
.box-about .col-promocon .con-promo .title {font:500 33px/46px 'Roboto','Prompt', sans-serif;}
.box-about .col-promocon .con-promo .detail {font: 18px/28px 'Roboto','Prompt', sans-serif;}
.box-about .col-promocon .con-promo .btn-more.pro { padding: 10px 25px;font:500 18px/28px 'Roboto','Prompt', sans-serif;}

.box-service {padding: 70px 0;}
.box-service .title { font: 500 33px/46px 'Roboto','Prompt',sans-serif;}
.box-service .detail { font: 400 18px/28px 'Roboto','Prompt',sans-serif;}

footer .img-logo-footer img {width: 200px;}
footer .title-foot {font: 500 21px/29px 'Roboto','Prompt', sans-serif;margin-bottom: 10px;margin-top: 20px;}
footer address p { font: 500 14px/22px 'Roboto','Prompt', sans-serif;margin-bottom: 10px;}
footer .copyright { margin-top: 20px;}

.list-item li .item .img-prod {height: 180px;}

.gallary-prod ul li figure img {height: auto !important;}
.gallary-prod ul li{ margin-bottom: 15px;}
.gallary-prod ul { flex-wrap: wrap;}
.gallary-prod ul li figure {display: block;}

}

@media (max-width: 767px) {
.cms-area { line-height: 26px; font: 15px 'Roboto','Prompt',sans-serif;}
.cms-area p { line-height: 26px;}
#myCarousel .carousel-indicators {bottom: 10px; margin-right: 10px; margin-left: 10px;}
#myCarousel .carousel-indicators li {width: 10px; height: 10px;}

#myCarousel .carousel-item .img { height: 450px;}
.slider-top .carousel-caption .title-slide { font: 500 32px/42px 'Roboto','Prompt',sans-serif; margin-bottom: 10px;}
.slider-top .carousel-caption .detail-slide { font: 500 23px/33px 'Roboto','Prompt',sans-serif;}

.box-product { padding: 30px 0;}
.list-product ul li { margin-bottom: 20px;}
.list-product ul li a .title-prod {font: 500 20px/32px 'Roboto','Prompt',sans-serif;}

.box-about .col-promocon .con-promo {padding: 30px 5px;}
.box-about .col-promocon .con-promo .btn-more.pro {margin-top: 20px;}

.box-service {padding: 40px 0;}

footer {padding-top: 35px;}
footer .img-logo-footer img { width: 180px;}

.box-info { padding: 25px 0;}
.box-info .title {font: 500 26px/38px 'Roboto','Prompt',sans-serif; margin-bottom: 15px;}
.box-info.product .title { font: 500 22px/34px 'Roboto','Prompt',sans-serif;}

.box-info.contact .gg-map iframe{height:200px; margin-bottom: 10px;}
.box-info.contact address ul .title-contact {font: 600 17px/25px 'Roboto','Prompt', sans-serif;}
.box-info.contact address ul li { margin-bottom: 5px; font-size: 15px;line-height: 23px;}

.btn-side .btn-more {font-size: 12px; padding: .43rem .66rem;}
.btn-side .btn-more img {height: 25px;width: auto;}

}


@media (max-width: 575px) {
#myCarousel .carousel-item .img { height: 400px;}
.slider-top .carousel-caption .title-slide { font: 500 24px/34px 'Roboto','Prompt',sans-serif;}
.slider-top .carousel-caption .detail-slide {font: 500 19px/32px 'Roboto','Prompt',sans-serif;padding-bottom: 30px;}
#myCarousel .carousel-indicators { bottom: 4px;}
.cd-logo img {max-height: 40px; height: 40px;}

.list-item li .item .img-prod {height: 220px;}

}

@media (max-width: 400px) {
#myCarousel .carousel-item .img { height: 365px;}
.slider-top .carousel-caption .title-slide { font: 500 22px/32px 'Roboto','Prompt',sans-serif;}
.slider-top .carousel-caption .detail-slide { font: 500 16px/28px 'Roboto','Prompt',sans-serif;}
}