@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");



.fancybox-margin{margin-right:10px!important}

header .navbar-default .navbar-nav>li>a,.navbar-nav, .box-header .hotline a, nav.navbar.bootsnav ul.nav > li, nav.navbar.bootsnav ul.nav > li > a, .box-header .text-contact2 .menu-top .link-top, .box-process .item, .box-process .item .item-in, .box-process .item .item-in::before, .box-process .item .text-description, .box-process .item .img-arrow, .box-process .item .img-arrow a, .readone, footer nav.extra ul li a, footer nav.extra.follow ul li .link-soci, footer nav.extra.follow ul li .link-soci .fa, footer .copyright a, .menu-right ul li, .menu-right ul li a, .menu-right ul li a .fa , .list-item li .item, .list-item li .item .img-arrow, .box-info .all-recent .all-detial .text-news .add-cart, .box-info .all-recent .all-detial, .all-pdf .download-list li, .box-info.contact .btn-update, .box-info.contact .img-map, .box-info.contact .img-map a::before, .box-info.contact .img-map .img-arrow{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.list-item li .item .img-prod{-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease}



.box-process .item .text-description{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}



body,html{background:#ffffff; font-family: 'Prompt',sans-serif; color:#4d4d4d;}

.none{ display:none;}

.pding{ padding-left:0; padding-right:0;}



.cms-area{line-height:25px; font:15px 'Prompt',sans-serif; color:#4d4d4d}

.cms-area  iframe,.cms-area embed,.cms-area object{max-width:100%}

.cms-area p{line-height:25px;}

.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}



.navbar-collapse .navbar-nav:nth-child(2){clear:right;margin-right:-15px}

/*nav.navbar.bootsnav ul.nav.nav-top{ display:none;}*/

nav.navbar.bootsnav{ background-image:none; background-color:#000000;border: none;}

nav.navbar.bootsnav ul.nav > li > a {padding: 12px 16px; font-weight: inherit;font:600 16px/30px 'Prompt',sans-serif; color:#272727; text-transform:uppercase;}

nav.navbar.bootsnav ul.nav > li:hover > a {color:#37a0eb !important;}

nav.navbar.bootsnav ul.nav > li.active > a { color:#37a0eb !important;}

nav.navbar.bootsnav ul.nav > li:nth-last-child(1) > a{ padding-right:0;}

nav.navbar.bootsnav.navbar-fixed .logo-scrolled {width: auto; height:87px;}

nav.navbar.bootsnav.navbar-fixed .navbar-brand{ padding-top:12px;padding-left: 0;}

.navbar-default .navbar-nav>li.dropdown>a:before { content: "\f107";position: absolute; right:20px;bottom: 22px; margin-left: -4px;font: normal normal normal 14px/1 FontAwesome;}

nav.navbar.bootsnav ul.nav > li.dropd>a { padding-right:36px;}

nav.navbar.bootsnav.no-background ul.nav.nav-two > li.dropd > a{/* margin-bottom:10px;*/}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: #e8ecd1;}



.box-header{background:#141414;padding:7px 0;margin-top:0;-webkit-transition:margin-top .3s;-moz-transition:margin-top .3s;transition:margin-top .3s}

.box-header .text-contact2{display: flex; float: right;}

.box-header .text-contact2 .menu-top{ display:inline-block; margin-left:14px;}

.box-header .text-contact2 .menu-top .lang-top{ display:block; margin-top: 4px;}

.box-header .text-contact2 .menu-top .soci-top{ display:block;}

.box-header .text-contact2 .menu-top .link-top{font:500 13px/31px 'Prompt',sans-serif;color:#ffffff; border:1px solid #37a0eb; border-radius:5px; padding:4px 8px;text-transform:uppercase;}

.box-header .text-contact2 .menu-top .link-top:hover{background-color:#37a0eb}

.box-header .hotline{font:500 14px/31px 'Prompt',sans-serif;color:#ffffff; text-transform:uppercase;}

.box-header .hotline a{color:#ffffff;}

.box-header .hotline a:hover{color:#37a0eb;}

.navbar-nav{padding: 28px 0;}

.navbar-shrink .box-header{margin-top:-47px}

.navbar-shrink .navbar-nav{margin-top:0}

.navbar-shrink .menu-bottom {border-bottom: 1px solid #f0f0f0;}

.top-search .input-group { display: flex;}

.top-search .input-group .fa{line-height: 2;}

.menu-bottom { float: none; margin: 0 auto; width: 100%; background: #fff;transition: all 0.5s ease-in-out 0s; padding: 0; position: relative; z-index: 9;}



.big-banner{ padding-top:157px;}

#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-circle-left, .carousel-control .icon-prev{ left:0; top:50%; margin-top:-40px;margin-left:0; width:80px; height:80px; opacity:1; }

.carousel-control .fa-chevron-circle-right, .carousel-control .icon-next{ right:0; top:50%; margin-top:-40px;margin-right:0; width:80px; height:80px; opacity:1; }

.carousel-control { opacity:1; width:inherit}

.fa-chevron-circle-right:before{ top:50%; right:30px; margin-top:-27px; position:absolute; font-size:62px; line-height:54px; width:54px; height:54px; color:#000000}

.fa-chevron-circle-left:before{ top:50%; left:30px; margin-top:-27px; position:absolute; font-size:62px; line-height:54px; width:54px; height:54px; color:#000000}

.carousel-control{ opacity:0.7}

.carousel-control:focus, .carousel-control:hover{ opacity:1}



.titleone {font:600 33px/50px 'Prompt', sans-serif;color: #272727; position: relative;margin-bottom: 20px; text-transform: uppercase;}

.detailone{font:18px/29px 'Prompt', sans-serif;color: #4d4d4d;}

.readone{font:700 20px/32px 'Prompt', sans-serif;color: #ffffff; background-color:#37a0eb; padding:12px 30px; border:2px solid #37a0eb; display:inline-block; margin-top:40px; text-transform:uppercase;}

.readone:hover{ color: #37a0eb; background-color: transparent;}

.box-about{padding:120px 0 110px;position: relative;background-size: contain !important;}

.bg-about{background-color: rgba(255, 255, 255, 0.5);}



.box-process{overflow:hidden}

.box-process .item{  position:relative; overflow:hidden;}

.box-process .item img{ width:100%; height:auto;display:block;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;}

.box-process .item .item-in::before {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;content: '';background: rgba(60, 60, 60,0.50);width: 100%;height: 100%;position: absolute;z-index: 1;}

.box-process .item:hover .item-in::before{ background: rgba(55, 160, 235,0.85);}

.box-process .item .text-description{position:absolute; top:72%; left:0; color:#FFFFFF; padding:0 28px;z-index: 2;}

.box-process .item .text-description .title{ font:700 38px 'Prompt', sans-serif; text-transform:uppercase; margin-bottom:5px;display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;}

.box-process .item .text-description .detail{ font:18px/29px 'Prompt', sans-serif; opacity:0; display: -webkit-box;

-webkit-line-clamp: 6;

-webkit-box-orient: vertical;

overflow: hidden;}

.box-process .item:hover .text-description .detail{opacity:1;}

.box-process .item:hover .text-description{ top:17%; margin-top:0;}

.box-process .item:hover .item-in>img{    -webkit-transform: scale(1.1);

-ms-transform: scale(1.1);

transform: scale(1.1);}

.box-process .item .img-arrow{ position:absolute; bottom:60px; left:70px; opacity:0;z-index: 2;}

.box-process .item .img-arrow a{font:700 20px 'Prompt', sans-serif; text-transform:uppercase; color:#FFFFFF; padding:10px 25px; background-color:transparent; border:2px solid #FFFFFF;}

.box-process .item .img-arrow a:hover{background-color:#FFFFFF; color:#37a0eb;}

.box-process .item:hover .img-arrow{ opacity:1;left:30px; }



footer{ background:#ffffff; padding-top:50px; padding-bottom:30px;}

footer .img-logo-footer{ margin-bottom:15px;}

footer .img-logo-footer img{ width:154px; height:auto;}

footer address{ color:#ffffff}

footer address p{ font:500 14px/20px 'Prompt', sans-serif; margin-bottom:12px;}

footer address a{ color:#FFFFFF}

footer address a:hover{color:#37a0eb}



footer .title-foot{font:500 17px/23px 'Prompt', sans-serif; color:#ffffff;  text-transform:uppercase; background-color:#37a0eb; padding:10px 17px; display:inline-block; margin-bottom:15px;}

footer nav.extra ul li{font: 13px/28px 'Prompt', sans-serif;}

footer nav.extra ul li .fa{color:#37a0eb;margin-right: 10px;}

footer nav.extra ul li a{color:#ffffff; }

footer nav.extra ul li a:hover{color:#37a0eb; }

footer nav.extra.cate ul li{}

footer nav.extra.follow ul li{ float:left; margin-right:5px; margin-top:8px;}

footer nav.extra.follow ul li .link-soci{ background-color:rgba(39, 39, 39, 0.60);  display:inline-block; text-align:center;}

footer nav.extra.follow ul li .link-soci .fa{ color:#FFFFFF; font-size:26px; line-height:26px;vertical-align: middle;}

footer nav.extra.follow ul li .link-soci:hover .fa{ color:#37a0eb; }

footer .copyright{ line-height:23px; margin-top:60px; color:#ffffff; font-size:12px;border-top: 1px solid #ffffff;padding-top: 10px;}

footer .copyright a{color:#ffffff; }

footer .copyright a:hover{ color:#FFFFFF}



.banner-in{ position: relative; width: 100%; }

.banner-in .imgban{overflow: hidden;}

.banner-in .imgban img{ width:100%; height:auto;}



.box-info{ padding:80px 0;}

.box-info .title{font:700 28px/40px 'Prompt', sans-serif; color: #272727; position: relative; margin-bottom: 10px; text-transform: uppercase; border-bottom: 1px solid #e7e7e7;}



.box-about.quality{ padding:120px 0 110px;position: relative; background-size:cover !important; color:#FFFFFF; background-position: inherit !important;}

.box-about.quality .titleone {color:#FFFFFF;}

.box-about.quality .detailone{color:#FFFFFF;}



.menu-right{ background-color:#f0f0f0; border-radius:15px; padding:25px 20px; margin-top:5px;}

.menu-right .title-right{font: 600 20px/25px 'Prompt', sans-serif; color: #272727;  margin-bottom: 5px; text-transform: uppercase;}

.menu-right ul li{ background-color: #ffffff; padding: 7px 12px; margin-bottom: 8px;}

.menu-right ul li a{font:500 16px/26px 'Prompt', sans-serif; color: #37a0eb; text-decoration:none;display: block;}

.menu-right ul li a .fa{ color:#272727;}

.menu-right ul li:hover, .menu-right ul li.active{ background-color: #37a0eb;}

.menu-right ul li:hover a, .menu-right ul li.active a{color: #ffffff;}

.menu-right ul li:hover a .fa, .menu-right ul li.active a .fa{ margin-right:5px;}



.content-text .big-ul .big-li{ margin-bottom:40px;}

.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: 230px;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(55, 160, 235, 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 .all-recent{ list-style:none;margin-top: 30px;}

.box-info .all-recent li{ margin-bottom:30px;}

.box-info .all-recent .all-detial{ background-color:#FFFFFF;padding-bottom: 10px; border: 1px solid #d2d2d2;border-radius: 5px;overflow: hidden;}

.box-info .all-recent .all-detial:hover{-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.05); box-shadow: 0 6px 12px rgba(0,0,0,.05); border: 1px solid #39a0eb;}

.box-info .all-recent .all-detial .text-news{ padding:15px 12px;position: relative;}

.box-info .all-recent .all-detial .text-news .detial{font:500 16px/24px 'Prompt', sans-serif; color: #272727;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}

.box-info .all-recent .all-detial .text-news .add-cart{font: 16px/22px 'Prompt', sans-serif; color: #ffffff;background-color: #37a0eb; padding: 6px 7px; border: 2px solid #37a0eb;display: inline-block;text-transform: uppercase; margin-top:12px;}

.box-info .all-recent .all-detial .text-news .add-cart:hover{color: #37a0eb; background-color: transparent;}

.box-info .all-recent .all-detial .img-news{ position:relative;}

.box-info .all-recent .all-detial .img-news img{ width:100%; height:200px;object-fit: cover;}



.pagination { margin: 0;}

.pagination>li>a, .pagination>li>span { padding: 8px 15px;color: #ffffff; background-color: #272727; border: 1px solid #141414;}

.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 0; border-bottom-right-radius: 0;}

.pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 0; border-bottom-left-radius: 0;}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active>a { color: #ffffff; background-color: #37a0eb;border-color: #37a0eb;}



#product-zoom .carousel-indicators{position:relative;left:inherit;width:inherit;margin-left:inherit;bottom:0;margin-top:15px;margin-bottom:15px}

#product-zoom .carousel-indicators li{width:60px;height:60px;border-radius:0;margin:0 3px;opacity:.5}

#product-zoom .carousel-indicators li img{height:100px}

#product-zoom .carousel-indicators li.active{opacity:1}

#product-zoom .carousel-inner,#product-zoom .carousel-indicators li{border:1px solid #d2d2d2}



.box-info .product-details{border-bottom:1px solid #e7e7e7;overflow:hidden;padding-bottom:20px}

.box-info .product-details .product_title{font:600 22px/30px 'Prompt',sans-serif;margin-bottom:10px; color:#272727;}

.all-pdf{ margin-top: 25px;}

.all-pdf .download-pdf{background:#37a0eb;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 '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 '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.contact .form-control{border-width:1px;border-radius:5px;box-shadow:none;background-color:transparent;border-color:#d2d2d2;padding-right:0; height:40px; color:#58595b;}

.box-info.contact .form-control:focus{border-color:#37a0eb}

.box-info.contact textarea.form-control{ height:auto;}

.box-info.contact .form-cont{margin-top:15px;}

.box-info.contact address{ margin-top:15px;}

.box-info.contact address ul{list-style:none}

.box-info.contact address ul .title-contact{ font:700 18px/26px 'Prompt', sans-serif;color:#272727; text-transform:uppercase; margin-bottom:5px;}

.box-info.contact address ul li{margin-bottom:5px; color:#272727; font-size:14px;}

.box-info.contact address a{text-decoration:none;color:#272727}

.box-info.contact address a:hover{color:#37a0eb}

.box-info.contact address .address-detail{margin-bottom:25px;line-height:25px; color:#272727}

.box-info.contact .btn-update{padding: 10px 30px;border-radius: 0;border: none;background-color: #37a0eb; font:500 20px/26px 'Prompt', sans-serif; color: #ffffff;text-align: center;margin-top: 15px;text-transform: uppercase;}

.box-info.contact .btn-update:hover{background-color:#272727;}

.box-info.contact .gg-map { z-index:1;}

.box-info.contact .gg-map iframe{ width:100%; height:300px;border:0; margin-top: 30px;}

.box-info.contact .img-map{ position:relative; overflow:hidden;}

.box-info.contact .img-map .img-arrow{ position:absolute; bottom:50%; right:50%; opacity:0;z-index: 101; margin-bottom:-21px; margin-right:-19px;}

.box-info.contact .img-map .img-arrow .fa{color:#ffffff; font-size: 42px;}

.box-info.contact .img-map:hover .img-arrow{ opacity:1;}

.box-info.contact .img-map 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.5);

width: 100%; 

height: 100%;

position: absolute;

z-index: 99;

opacity: 0;

}

.box-info.contact .img-map:hover a::before{ opacity:1}

.box-info.contact .img-map .images {width: 100%; height: 180px;object-fit: cover;}





@media (max-width: 1750px){

.box-process .item .text-description .title {font: 700 33px 'Prompt', sans-serif;}

.box-process .item:hover .text-description {top: 10%;}

.box-process .item .text-description .detail { font: 17px/28px 'Prompt', sans-serif;}

}



@media (max-width: 1600px){

.box-process .item .text-description .title {font: 700 31px 'Prompt', sans-serif;}

.box-process .item .text-description .detail { font: 16px/27px 'Prompt', sans-serif;}

}



@media (max-width: 1500px){

nav.navbar.bootsnav.navbar-fixed .logo-scrolled { height: 60px;}

.navbar-nav { padding: 15px 0;}

nav.navbar.bootsnav ul.nav > li > a {padding: 12px 17px;}

.big-banner { padding-top: 131px;}

.owl-theme .owl-controls { right: -15px;}

.box-process .item .text-description .title {font: 700 28px 'Prompt', sans-serif;}

}



@media (max-width: 1400px){

.box-process .item .text-description .title {font: 700 26px 'Prompt', sans-serif;}

.box-process .item .text-description .detail { font: 15px/26px 'Prompt', sans-serif;}

.box-process .item .img-arrow a {font: 700 17px 'Prompt', sans-serif;padding: 9px 18px;}

.box-process .item .text-description {top: 76%;}

}



@media (max-width: 1300px){

.box-process .item .text-description .title {font: 700 24px 'Prompt', sans-serif;}

.box-process .item .text-description .detail { font: 14px/25px 'Prompt', sans-serif;}

}



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

}





@media (max-width: 1199px){

nav.navbar.bootsnav ul.nav > li > a { padding: 12px 12px; font:600 14px/18px 'Prompt',sans-serif;}

nav.navbar.bootsnav.navbar-fixed .logo-scrolled {    height: 48px;}

nav.navbar.bootsnav.navbar-fixed .navbar-brand {padding-top: 10px;}

.navbar-nav { padding: 14px 0;}

.big-banner {padding-top: 117px;}

.owl-theme .owl-controls .owl-buttons div.owl-prev::after {font-size: 56px;}

.owl-theme .owl-controls .owl-buttons div.owl-next::before {font-size: 56px;}

.owl-theme .owl-controls { right: -10px;}

.box-about {padding: 90px 0 80px;background-position-x: 650px !important;}

.box-about.quality { padding: 90px 0 80px;}

.titleone { font: 600 30px/43px 'Prompt', sans-serif;margin-bottom: 10px;}

.detailone { font: 15px/26px 'Prompt', sans-serif;}



.box-process .item .text-description {padding: 0 20px;}

.box-process .item .text-description .title { font: 700 20px 'Prompt', sans-serif;}

.box-process .item:hover .text-description { top: 9%;}

.box-process .item:hover .img-arrow { left: 22px;}

.box-process .item .img-arrow { bottom: 42px;}

.box-process .item .img-arrow a {font: 700 15px 'Prompt', sans-serif; padding: 7px 15px;}

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

}



@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: 15px;-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); background-color: #ffffff;}

.cd-header-buttons {top: 10px;right: 30px;}

.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: #37a0eb;}

.cd-overlay {background: rgba(0, 0, 0, 0.6);}

.cd-primary-nav, .cd-primary-nav ul { background: #141414;}

.cd-primary-nav a, .cd-primary-nav ul a { color: #ffffff; border-bottom: 1px solid #121212;text-transform: inherit;}

.cd-primary-nav a:hover, .cd-primary-nav ul a:hover { color: #ffffff;background-color:#37a0eb}

.cd-primary-nav a.active, .cd-primary-nav ul a.active { color: #ffffff;background-color:#37a0eb}

.cd-primary-nav .c-brown { color: #ffffff;}

.cd-primary-nav .see-all a {color: #ffffff;}

.cd-primary-nav .see-all a:hover, .cd-primary-nav .see-all a.active {color: #ffffff;background-color:#37a0eb}

.cd-header-buttons li.lang-mobi {margin-left:15px;}

.cd-header-buttons li:nth-last-child(2){ margin-right:20px;}

.cd-header-buttons li.lang-mobi a{ padding: 12px 0 12px;}

.big-banner { padding-top: 65px;}

.owl-theme .owl-controls { right: 0;}

footer .img-logo-footer img {width: 115px;height: auto;}

footer .img-logo-footer {margin-bottom: 10px;}

footer nav.extra{ margin-bottom:15px;display: inline-block;}



.cd-main-header.attr-nav{ padding:0; margin-left:0;}

.cd-header-buttons.attr-in{padding: 0; margin-left: 0;}

.cd-header-buttons.attr-in li.dropdown{ margin-top:3px;}

.cd-header-buttons.attr-in li.dropdown ul.cart-list li{ margin-left:0;float: initial;}

.cd-main-header.attr-nav > ul > li > a { font-size: 20px;}

.cd-main-header.attr-nav > ul > li.dropdown ul.dropdown-menu{ border-top:none;}



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

.box-about {padding: 50px 0 50px;background-position-x: 600px !important;}

.box-about.quality { padding: 50px 0 50px;}

.box-process .item .text-description { top: inherit; bottom: 90px;}

.box-process .item .img-arrow { bottom: 38px; opacity:1;left: 20px;}

.box-process .item .text-description .detail {opacity: 1;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.menu-right {margin-top: 0;margin-bottom: 20px;}

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



.box-info .product-details .product_title { margin-top: 10px;}

}



@media (max-width: 767px) {

.carousel-control .fa-chevron-left{ left:20px;margin-top:-17px;background-size:16px 16px; width:34px; height:34px; }

.carousel-control .fa-chevron-right{ right:20px;  margin-top:-17px;background-size:16px 16px; width:34px; height:34px;}

.titleone { font: 24px/36px 'Prompt', sans-serif; font-weight: 700; margin-bottom: 15px;}

.owl-theme .owl-controls .owl-buttons div.owl-prev::after {font-size: 46px;}

.owl-theme .owl-controls .owl-buttons div.owl-next::before {font-size: 46px;}

.owl-theme .owl-controls { top: -105px;}

.fa-chevron-circle-left:before { left: 20px;margin-top: -20px; font-size: 44px;line-height: 40px; width: 40px;height: 40px;}

.fa-chevron-circle-right:before{ right: 20px;margin-top: -20px; font-size: 44px;line-height: 40px; width: 40px;height: 40px;}



footer { padding-top: 30px;}

footer address p{ font-size:12px;line-height:21px;margin-bottom: 8px;}

footer .copyright{ font-size:10px; margin-top: 30px;}

footer .img-logo-footer{ margin-bottom:10px;}

.box-info { padding: 25px 0;}

.box-info .title{ font: 24px/36px 'Prompt', sans-serif; font-weight: 700; margin-bottom: 3px;}



.cms-area {font: 14px 'Prompt',sans-serif;}



.cd-header-buttons {right: 20px;}



#myCarousel .carousel-inner .item img{ width:100%; height:250px;object-fit: cover;}



.box-about { padding: 30px 0 30px;}

.box-about.quality { padding: 30px 0 30px;}

.titleone { font: 600 25px/38px 'Prompt', sans-serif;margin-bottom: 8px;}

.detailone { font: 14px/25px 'Prompt', sans-serif;}

.readone { font: 700 17px/26px 'Prompt', sans-serif;padding: 12px 24px;margin-top: 20px;}



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

.menu-right { padding: 15px 13px;}

.menu-right ul li a { font: 500 15px/25px 'Prompt', sans-serif;}

.box-info.contact .gg-map iframe { height: 200px;}

}





@media (max-width: 480px) {

.owl-theme .owl-controls { top: -62px; right: 50%; margin-right: -60px;}

#myCarousel .carousel-inner .item img{ height:180px;}



.cd-logo img { max-height: 39px; height: 39px;}

.cd-logo { top: 13px;}

#product-zoom .carousel-indicators li { width: 40px; height: 40px;}



}