@charset "UTF-8";
@font-face{font-display:block;font-family:'Quicksand-Bold';src:url(../fonts/Quicksand-Bold.woff2) format("woff2"),url(../fonts/Quicksand-Bold.woff) format("woff");font-weight:bold;font-style:normal}
@font-face{font-family:'Quicksand-Regular';src:url(../fonts/Quicksand-Regular.woff2) format("woff2"),url(../fonts/Quicksand-Regular.woff) format("woff");font-weight:normal;font-style:normal}
html{-webkit-text-size-adjust:100%}
h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:inherit}
*{box-sizing:border-box}
img{max-width:100%}
:root{--font-regular:Quicksand-Regular;--font-bold:Quicksand-Bold;--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;--z-index-hover:1000;--z-index-menu:999;--z-index:99}
body{margin:0;font-family:var(--font-regular);line-height:1.5;font-size:14px;background-color:#fff;color:#333}
.container{position:relative;margin:0 auto}
.inherit{max-width:1200px;margin:0 auto}
.breadCrumbs{background-color:#e9ecef;margin-bottom:30px}
.breadcrumb{margin-bottom:0;padding:10px;display:block}
.breadcrumb-item{display:inline}
.alert-warning-w{margin-top:30px}
.slick-slider *,.slick-slide,input,textarea,select,button{outline:none}
.flipster{overflow:hidden!important}
.ckeditor{overflow-x:auto}
.ckeditor:after{content:'';clear:both;display:block}
.ckeditor :not(iframe){max-width:100%!important;height:auto!important}
.ckeditor iframe{max-width:100%!important}
.clear:after{content:'';clear:both;display:block}
.fb_iframe_widget_fluid_desktop iframe{width:100%!important}
.spinner{display:block;margin:0 auto;max-height:100px}
.lazy{opacity:0}
.lazy.loaded{opacity:1}
.hidden-seoh,.hidden{display:none}
h3.seo,h2.seo{margin:0;font-size:inherit}
@-webkit-keyframes slide-right {
0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}
100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}
@keyframes slide-right {
0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}
100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}
.slide-right{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}
.h-a:hover{color:#0284db!important}
.h-a-line:hover{text-decoration:underline!important}
.img-scale:hover .img-scale-e{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.hvr-float{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}
.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.centery,.centery-after:after,.centery-before:before{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.centerx,.centerx-after:after,.centerx-before:before{-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);transform:translateX(-50%)}
.centerxy,.centerxy-after:after,.centerxy-before:before{-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.table-resp{overflow:auto}
.table-resp table{min-width:555px}
.grecaptcha-badge{display:none!important}
a{text-decoration:none!important;color:inherit}
.wow{visibility:hidden}
.fotorama__wrap{margin:15px auto 0}
input[type="date"]::-webkit-inner-spin-button{display:none}
.singletext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doubletext{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
#gallery{margin:0 auto}
.mess-update{text-align:center}
.flex-space-between{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-space-between-1{display:flex;justify-content:space-between}
.flex-space-left{display:flex;justify-content:flex-start;flex-wrap:wrap}
.flex-space-right{display:flex;justify-content:flex-end;flex-wrap:wrap}
.flex-space-center{display:flex;justify-content:center;flex-wrap:wrap}
@-webkit-keyframes scale-up-ver-top {
0%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4);-webkit-transform-origin:100% 0;transform-origin:100% 0}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}
}
@keyframes scale-up-ver-top {
0%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4);-webkit-transform-origin:100% 0;transform-origin:100% 0}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}
}
.fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-menu);-webkit-animation:scale-up-ver-top .4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-ver-top .4s cubic-bezier(0.390,0.575,0.565,1.000) both;box-shadow:0 0 3px #0000001c;background-color:#fff}
.fixed .logo img{max-height:60px}
.ease-in{-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;-ms-transition:all 500ms ease-in;-o-transition:all 500ms ease-in;transition:all 500ms ease-in}
.ease-in-200{-webkit-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;-ms-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in}
.ease-in-400{-webkit-transition:all 400ms ease-in;-moz-transition:all 400ms ease-in;-ms-transition:all 400ms ease-in;-o-transition:all 400ms ease-in;transition:all 400ms ease-in}
.linear-400{transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .4s linear;-ms-transition:all .4s linear}
.logo{position:relative}
.logo img{display:block}
.scrollToTop{position:fixed;z-index:var(--z-index);bottom:35px;right:18px;width:48px;height:48px;background:url(../images/top.png);cursor:pointer}
.chansearch::-webkit-input-placeholder{color:#7d7d7d}
.chansearch:-moz-placeholder{color:#7d7d7d}
.chansearch::-moz-placeholder{color:#7d7d7d}
.chansearch:-ms-input-placehold{color:#7d7d7d}
.chanmail::-webkit-input-placeholder{color:#fff}
.chanmail:-moz-placeholder{color:#fff}
.chanmail::-moz-placeholder{color:#fff}
.chanmail:-ms-input-placehold{color:#fff}
.menu{font-size:15px;font-family:var(--font-bold);text-align:center;color:#000}
.menu ul{list-style:none;margin:0;padding:0}
.menu ul ul{border:1px solid #e6e6e6;background-color:#fff;display:none;position:absolute;width:100%;min-width:220px;height:auto;left:0;top:100%;z-index:var(--z-index-hover);text-align:left;box-shadow:3px 3px 3px #0000004d;-moz-box-shadow:3px 3px 3px #0000004d;-o-box-shadow:3px 3px 3px #0000004d;-webkit-box-shadow:3px 3px 3px #0000004d;-ms-box-shadow:3px 3px 3px #0000004d}
.menu ul ul ul{left:100%;top:-1px}
.menu ul > li{display:inline-block;position:relative}
.menu > ul > li{vertical-align:middle}
.menu li.active > a,.menu li:hover > a:not(.btnsearch){color:#0284db}
.menu li a{display:block}
.menu > ul > li > a:not(.btnsearch){position:relative;padding:12px 28px;text-transform:uppercase}
.menu ul ul a{padding:10px}
.menu ul > li:hover > ul{display:block}
.menu ul ul li{display:block;position:relative}
.menu ul ul li:not(:last-child){border-bottom:1px solid #00000014}
.menu ul ul > li:hover{background-color:#00000014}
.menu > ul > li > ul{opacity:0}
.menu ul li:hover > ul{-webkit-animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both;animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both}
@-webkit-keyframes scale-in-ver-top {
0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}
}
@keyframes scale-in-ver-top {
0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}
}
.menu .line{width:1px;height:19px;background:url(../images/menu-line.png) no-repeat center}
.main:after{content:'';display:block;clear:both}
.main-left{padding-right:30px;width:calc(100% - 370px);width:-moz-calc(100% - 370px);width:-webkit-calc(100% - 370px);float:left}
.main-right{position:sticky;top:60px;width:370px;float:right}
.main-item:not(:last-child){margin-bottom:20px}
.contact .col{box-sizing:border-box;width:100%;margin-top:25px}
.contact .col.col-1{background-color:#fff;box-shadow:0 0 5px #00000042;padding:20px}
.contact .col.col-2 h3{margin:0 0 25px;font-family:var(--font-bold);font-size:35px;text-transform:uppercase}
.contact .col.col-2 .td{box-sizing:border-box;float:left;margin-bottom:15px}
.contact .col.col-2 .td1{margin-right:15px;width:calc(((100% + 15px) / 2 - 15px));width:-moz-calc(((100% + 15px) / 2 - 15px));width:-o-calc(((100% + 15px) / 2 - 15px));width:-webkit-calc(((100% + 15px) / 2 - 15px));width:-ms-calc(((100% + 15px) / 2 - 15px))}
.contact .col.col-2 .td1:nth-child(2n){margin-right:0}
.contact .col.col-2 .td2{width:100%}
.contact .col.col-2 label{display:block;font-family:var(--font-bold);margin-bottom:12px}
.contact .col.col-2 textarea,.contact .col.col-2 .txtcontact,.contact .col.col-2 select{box-sizing:border-box;width:100%;border:1px solid #e4e4e4;padding:0 15px;font-family:var(--font-regular);border-radius:5px}
.contact .col.col-2 .txtcontact,.contact .col.col-2 select{height:50px}
.contact .col.col-2 textarea{padding:15px;height:150px}
.contact .col.col-2 button,.contact .col.col-2 input[type="submit"]{float:left;border:3px solid #ededed;padding:15px 25px;margin-right:15px;background-color:#ecc800;font-family:var(--font-bold);font-size:18px;text-transform:uppercase;border-radius:50px;cursor:pointer}
.contact .col.col-2 button:hover,.contact .col.col-2 input[type="submit"]:hover{background-color:#000;color:#ecc800}
.pro-detail-left{width:50%;float:left;text-align:center}
.pro-detail-right{list-style:none;margin:0;padding:0;box-sizing:border-box;padding-left:30px;width:50%;float:left}
.gallery-thumb-pro{margin:15px 20px 0 15px}
.owl-thumb-pro a{display:block;border:1px solid #ccc;border-radius:5px;padding:5px}
.owl-thumb-pro img{display:block;margin:auto;border-radius:5px}
.owl-thumb-pro .owl-prev,.owl-thumb-pro .owl-next{position:absolute;border:none;background-color:transparent!important;color:#333!important;top:0;bottom:0;font-size:25px!important}
.owl-thumb-pro .owl-next{left:100%}
.owl-thumb-pro .owl-prev{right:100%}
.pro-detail-right li{margin-bottom:15px}
.pro-detail-right li:last-child{margin-bottom:0}
.pro-detail-right label{font-family:var(--font-bold);margin-right:5px}
.pro-detail-right a.check-cart{position:relative;cursor:pointer;text-align:center;display:inline-block;min-width:100px;padding:8px;margin:2px 4px 2px 0;text-transform:uppercase;background-color:#f5f5f5;border:1px solid transparent}
.pro-detail-right a.check-cart.fix-bx{min-width:40px;height:40px}
.pro-detail-right a.check-cart i{display:none;position:absolute;font-size:11px;padding:7px 2px 0 7px;right:-1px;bottom:0;clip-path:polygon(100% 0,100% 0,100% 100%,0% 100%);background-color:#fab0b8;color:#fff}
.pro-detail-right a.check-cart.active{border-color:#fab0b8}
.pro-detail-right a.check-cart.active i{display:block}
.pro-detail-right .pro-detail-price{font-family:var(--font-bold);font-size:25px;color:red}
.title-pro-detail{font-family:var(--font-bold);font-size:27px;display:block}
.price-new-pro-detail{font-family:var(--font-bold);font-size:25px;color:var(--color-red)}
.price-old-pro-detail{margin-left:15px;font-size:18px;color:var(--color-gray);text-decoration:line-through}
.cart-pro-detail{margin-bottom:1rem;display:flex;align-items:stretch;justify-content:flex-start}
.cart-pro-detail a{width:auto;text-align:center;color:#fff;padding:8px 15px;text-transform:uppercase;border-radius:3px}
.cart-pro-detail a.addnow{margin-right:10px;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d)}
.cart-pro-detail a.buynow{background-color:var(--color-green)}
.cart-pro-detail a.buynow:hover{background-color:var(--color-dark-green)}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px}
.tabs-pro-detail{margin:35px 0}
.tabs-pro-detail .ul-tabs-pro-detail{padding:0;list-style:none;margin-bottom:15px;border-bottom:1px solid #e7e7e7}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;float:left;margin-right:5px;margin-bottom:5px;background:#eee;padding:5px 10px}
.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#0c67c2;color:#fafafa}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0}
.tabs-pro-detail .content-tabs-pro-detail{display:none}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block}
.quantity-pro{display:inline-block}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center}
.quantity-pro-detail span{line-height:25px;padding:0;width:30px;height:30px;color:#5f5f5f;cursor:pointer;font-size:22px;border:1px solid #ccc}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0}
.quantity-pro-detail input{height:30px;border:1px solid #ccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px}
.quantity-pro-detail input::-webkit-outer-spin-button,.quantity-pro-detail input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quantity-pro-detail input[type=number]{-moz-appearance:textfield}
.addthis_inline_share_toolbox_qj48,.zalo-share-button{display:inline-block;vertical-align:middle}
.zalo-share-button{margin-bottom:5px}
.title-in{font-family:var(--font-bold);font-size:27px}
.time-in{margin-top:5px;color:#999}
.time-in i{vertical-align:top;margin:3px 7px 0 0}
.time-in span{vertical-align:top;display:inline-block}
.content-in{margin:5px 0}
.post-more{list-style:none;padding:0;margin:0}
.post-more i{font-size:5px;margin-right:5px;vertical-align:middle}
.post-more li{margin-bottom:5px}
.flienquan{margin-top:30px}
.title-lienquan{text-transform:uppercase;font-size:17px;font-family:var(--font-bold);color:#3e3e3e;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}
.alert-warning-w{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;text-align:center;padding:15px 25px;border-radius:5px}
.pagination-ajax,.pagination1{list-style:none;margin:0;padding:0;text-align:center;color:#444}
.pagination-ajax li,.pagination1 li{display:inline-block}
.pagination-ajax a,.pagination1 a{cursor:pointer;display:inline-block;margin:2px 4px 2px 0;padding:10px 14px;background-color:#f2f2f2;line-height:1}
.pagination-ajax .current,.pagination-ajax a:hover,.pagination1 a:hover,.pagination1 .active a{background-color:#eb1010;color:#fff;text-decoration:underline!important}
.pagination-ajax{margin-top:15px}
#popup .fancybox-close-small{border-radius:50%;right:-17px;top:-17px}
#popup{padding:0!important;display:none}
#popup img{display:block}
#btnpopup{position:fixed;z-index:var(--z-index);bottom:25%;left:0;cursor:pointer;color:#fff;text-align:center}
#btnpopup i{position:relative;z-index:1;width:50px;height:50px;background-color:#eaa500;font-size:33px;line-height:50px;border-bottom-right-radius:5px;border-top-right-radius:5px}
#btnpopup span{position:absolute;display:none;border-bottom-right-radius:5px;border-top-right-radius:5px;padding:0 20px 0 0;top:0;bottom:0;left:100%;white-space:nowrap;background-color:#eaa500;font-family:'UTMAlexander';font-size:18px;line-height:50px}
#btnpopup:hover span{display:block;-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}
#btnpopup:hover i{border-bottom-right-radius:0;border-top-right-radius:0}
.plogo{display:block;margin:5px auto}
#fpopup{max-width:400px;width:100%;box-sizing:border-box;padding:0 0 30px;border-radius:5px}
#fpopup .title{background-color:#caa966;color:#fff;text-transform:uppercase;text-align:center;text-transform:uppercase;font-family:'Roboto-Bold';font-size:25px;padding:6px 20px}
#fpopup{padding:20px}
#fpopup select,#fpopup .txtnhanmail{border:none;display:block;width:100%;height:40px;background-color:#e7e7e7;margin-bottom:10px;padding:0 15px;font-size:16px}
#fpopup input[type="submit"]{font-size:16px;margin-top:25px;display:block;width:100%;height:48px;text-transform:uppercase;color:#fff;background:linear-gradient(200deg,rgba(227,196,127,1) 0%,rgba(147,109,48,1) 100%);border:none;cursor:pointer}
.hdanhmucdrops{position:relative;width:270px;z-index:var(--z-index-menu)}
.hdanhmucdrops.ver1 > .nicescl{display:none;top:100%}
.hdanhmucdrops .title{padding:0 18px;height:100%;cursor:pointer;font-family:'Roboto-Bold';font-size:15px;text-transform:uppercase;text-align:center;color:#030303}
.hdanhmucdrops .title i{font-size:25px;margin-right:15px;color:red}
.hdanhmucdrops ul{padding:0;margin:0;list-style:none;text-align:left;background-color:#fff}
.hdanhmucdrops .nicescl{position:absolute;box-sizing:border-box;width:100%;left:0;top:100%}
.hdanhmucdrops ul.content{overflow:hidden;height:424px;border:1px solid #e6e6e6}
.hdanhmucdrops ul img{margin-right:10px}
.hdanhmucdrops li a{position:relative;display:block;padding:7px 15px}
.hdanhmucdrops ul ul{-webkit-transform:scaleX(0);transform:scaleX(0);width:100%;display:none;position:absolute;z-index:var(--z-index-hover);left:calc(100% - 7px);left:-moz-calc(100% - 7px);left:-webkit-calc(100% - 7px)}
.hdanhmucdrops ul ul li{position:relative}
.hdanhmucdrops ul > li:hover > ul{display:block;-webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both}
.hdanhmucdrops ul > li:last-child{border-bottom:none}
.hdanhmucdrops ul ul ul{left:100%;top:0!important}
.hdanhmucdrops li:hover > a{background-color:#00000008}
@-webkit-keyframes scale-up-hor-left {
0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes scale-up-hor-left {
0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
ul.danhmucleft,ul.danhmucleft ul{box-sizing:border-box;list-style:none;margin:0;padding:0}
ul.danhmucleft{padding:0 15px;border-radius:5px;background-color:#fff;color:#222}
ul.danhmucleft li{position:relative}
ul.danhmucleft li a{display:block;border-bottom:1px dashed #a7a7a7}
ul.danhmucleft > li > a{padding:7px 0 7px 25px;background:url(../images/list-type.png) no-repeat left center}
ul.danhmucleft ul > li > a{padding:7px 0 7px 40px;background:url(../images/list-type-1.png) no-repeat left 25px center}
ul.danhmucleft li.no-border > a,ul.danhmucleft > li:last-child li:last-child > a{border-bottom:none!important}
.bgtinvi .col{box-sizing:border-box}
.bgtinvi .col-1{width:64%;float:left}
.bgtinvi .col-2{width:33%;float:right}
.ftintuc{width:47%;float:left}
.ftintuc .thumb{display:block;position:relative;overflow:hidden}
.ftintuc .tieude{-webkit-line-clamp:2;font-family:'Roboto-Bold';font-size:15px;margin-top:15px;text-transform:uppercase}
.ftintuc .desc{-webkit-line-clamp:2;line-height:2;margin:5px 0 25px}
.ftintuc .lk{display:inline-block;font-family:'Roboto-Bold';text-transform:uppercase;font-size:13px;padding:15px;border:2px solid #333}
ul.tintuc{padding:0;margin:0;list-style:none}
ul.tintuc li.bt{margin:15px 0;padding:10px;border:1px solid #e6e6e6}
ul.tintuc .thumb{float:left;width:30%;overflow:hidden}
ul.tintuc .thumb img{display:block;width:100%}
ul.tintuc .content{float:right;width:70%;padding-left:20px}
ul.tintuc .tieude{-webkit-line-clamp:2;font-family:var(--font-bold);font-size:16px;text-align:left}
ul.tintuc .ngaytao{margin-top:5px;font-size:13px;color:#4c4c4c}
ul.tintuc .desc{-webkit-line-clamp:3;margin-top:5px;line-height:2}
.video-main{height:267px}
.video-main iframe{display:block;width:100%;height:100%}
.subvideo{margin-top:10px}
.subvideo img{display:block}
.asubvideo{cursor:pointer;position:relative}
.asubvideo:after{content:'';position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background:url(../images/icon-youtube.png) no-repeat center}
.listVideo{width:100%;margin-top:20px;height:48px;border:none;padding:0 25px;background-color:#fe92ab;color:#fff}
.box-pro:after{display:block;clear:both;content:''}
.box-pro .box{position:relative;padding:10px;border:1px solid #e6e6e6}
.box-pro .box.bt{margin:10px 0}
.box-pro .thumb{position:relative;overflow:hidden;float:left;width:30%}
.box-pro .content{float:right;width:70%;padding-left:20px}
.box-pro .tieude{font-family:var(--font-bold);font-size:16px;text-transform:uppercase;-webkit-line-clamp:1;color:#2a2a2a}
.box-pro .desc{font-size:14px;color:gray;margin:15px 0;-webkit-line-clamp:3;line-height:2}
.box-pro .ngaytao{float:right;font-size:13px;color:#4c4c4c}
.box-pro .diachi{float:left;font-size:12px;color:#4c4c4c}
.box-pro .diachi img{margin-right:12px}
.box-pro .giaban{font-family:var(--font-bold);font-size:17px;color:red}
.box-pro .dientich{color:#1a1a1a}
.box-pro .dientich span{font-family:var(--font-bold)}
.box-pro .box-pro-bot{padding-top:10px;margin-top:10px;border-top:1px solid #e6e6e6}
.box-duan:after{display:block;clear:both;content:''}
.box-duan .box{position:relative;border:1px solid #e6e6e6;flex-direction:column}
.box-duan .box.bt{float:left;margin:10px 20px 10px 0;width:calc((100% + 20px) / 5 - 20px);width:-moz-calc((100% + 20px) / 5 - 20px);width:-webkit-calc((100% + 20px) / 5 - 20px)}
.box-duan .box.bt:nth-child(5n){margin-right:0}
.box-duan .box.bt:nth-child(5n+1){clear:both}
.box-duan .thumb{position:relative;overflow:hidden;display:block;margin:-1px -1px 0}
.box-duan .content{padding:10px}
.box-duan .tieude{font-family:'Quicksand-Bold';font-size:15px;text-transform:uppercase;-webkit-line-clamp:2;color:#1a1a1a}
.box-duan .diachi{margin-top:2px;color:#4c4c4c}
.box-duan .diachi:after{content:'';display:block;margin:auto;margin-top:5px;width:45px;height:1px;background:url(../images/line-box.jpg)}
.box-duan .giaban{margin-top:5px;color:#fe0000;font-family:var(--font-bold);font-size:16px;color:#fe0000;text-align:center}
.box-duan .tool-box{text-align:center;list-style:none;padding:0;margin:0;background-color:#f2f2f2;height:37px}
.box-duan .tool-box li{padding:6.5px 0;width:calc(100% / 3);width:-moz-calc(100% / 3);width:-webkit-calc(100% / 3)}
.box-duan .tool-box li:not(:last-child){border-right:1px solid #e6e6e6}
.box-duan .tool-box img,.box-duan .tool-box label{display:inline-block;vertical-align:middle}
.box-duan .tool-box img{margin-right:5px}
.runduan .owl-stage{display:flex;justify-content:flex-start;flex-wrap:wrap}
.runduan .box{height:100%}
.box-photobox:after{display:block;clear:both;content:''}
.box-photobox a{float:left;overflow:hidden;position:relative;background-color:#000}
.box-photobox a.bt{margin:5px 10px 5px 0;border-radius:5px;width:calc((100% + 10px) / 4 - 10px);width:-moz-calc((100% + 10px) / 4 - 10px);width:-webkit-calc((100% + 10px) / 4 - 10px)}
.box-photobox a.bt:nth-child(4n){margin-right:0}
.box-photobox a.bt:nth-child(4n+1){clear:both}
.box-photobox a:hover img{opacity:.6}
.box-photobox .icon{position:absolute;display:none;font-size:40px;top:50%;left:50%;color:#fff}
.box-photobox a:after{content:'';display:none;position:absolute;top:15px;bottom:15px;left:15px;right:15px;border:1px dashed #fff;border-radius:5px}
.box-photobox a:hover .icon,.box-photobox a:hover:after{display:block}
.box-news:after{display:block;clear:both;content:''}
.box-news .box{position:relative;text-align:center}
.box-news .box.bt{float:left;margin:15px 30px 15px 0;width:calc((100% + 30px) / 3 - 30px);width:-moz-calc((100% + 30px) / 3 - 30px);width:-webkit-calc((100% + 30px) / 3 - 30px)}
.box-news .box.bt:nth-child(3n){margin-right:0}
.box-news .box.bt:nth-child(3n+1){clear:both}
.box-news .thumb{position:relative;overflow:hidden;display:block}
.box-news .tieude{font-family:var(--font-bold);font-size:16px;text-transform:uppercase;-webkit-line-clamp:2;margin-top:12px}
.box-news .date{font-size:13px;color:#999;margin-top:3px}
.box-news .desc{margin-top:5px;-webkit-line-clamp:3}
.box-video:after{display:block;clear:both;content:''}
.box-video .box{position:relative;box-sizing:border-box;text-align:center;color:#393939}
.box-video .box.bt{float:left;margin:15px 30px 15px 0;width:calc((100% + 30px) / 3 - 30px);width:-moz-calc((100% + 30px) / 3 - 30px);width:-webkit-calc((100% + 30px) / 3 - 30px)}
.box-video .box.bt:nth-child(3n){margin-right:0}
.box-video .box.bt:nth-child(3n+1){clear:both}
.box-video .thumb{position:relative;overflow:hidden;display:block}
.box-video .thumb img{display:block;width:100%}
.box-video i{position:absolute;z-index:1;top:50%;left:50%;color:#fff;font-size:70px;opacity:.6}
.box-video .box:hover i{opacity:1;color:red}
.box-video .box:hover i:before{position:relative;z-index:1}
.box-video .box:hover i:after{content:'';position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:50%;height:50%;background-color:#fff}
.box-video .tieude{margin-top:10px;font-family:'Roboto-Bold';font-size:16px;text-transform:uppercase;-webkit-line-clamp:2}
.box-album:after{display:block;clear:both;content:''}
.box-album .box{position:relative;box-sizing:border-box;text-align:center;background-color:#000;overflow:hidden}
.box-album .box.bt{float:left;margin:15px 30px 15px 0;width:calc((100% + 30px) / 3 - 30px);width:-moz-calc((100% + 30px) / 3 - 30px);width:-webkit-calc((100% + 30px) / 3 - 30px)}
.box-album .box.bt:nth-child(3n){margin-right:0}
.box-album .box.bt:nth-child(3n+1){clear:both}
.box-album .box img{display:block;width:100%}
.box-album .tieude{display:none;position:absolute;bottom:15px;left:10px;right:10px;color:#fff;font-family:'Roboto-Bold';font-size:18px;text-transform:uppercase;-webkit-line-clamp:2}
.box-album .box:hover img{opacity:.6}
.box-album .box:hover .tieude{display:block;-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(0.215,0.610,0.355,1.000) both;animation:tracking-in-expand-fwd .8s cubic-bezier(0.215,0.610,0.355,1.000) both}
@-webkit-keyframes tracking-in-expand-fwd {
0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}
40%{opacity:.6}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
@keyframes tracking-in-expand-fwd {
0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}
40%{opacity:.6}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
.related .title-related{background-color:#0c67c2;color:#fff;padding:7px 15px;text-transform:uppercase;font-family:var(--font-bold)}
.related ul{margin:0;padding:0 0 0 25px;background:#f9f9f9}
.related li a{padding:6px 0;display:block}
.related span{-webkit-line-clamp:1}
.related li{padding-left:15px}
.related li:not(:last-child){border-bottom:1px solid #dee4ea80}
.bgdoitac{background-color:#f8f8f8;padding:20px 0}
.bgdoitac .col img{display:block;margin:auto;border:1px solid #ccc}
.title-big{position:relative;background:url(../images/line-title-big.jpg) repeat-x left bottom;padding-bottom:5px}
.title-big label{font-family:var(--font-bold);color:#1595ca;display:inline-block;color:#0284db;font-size:36px;text-transform:uppercase}
.title-big:after{content:'';position:absolute;bottom:0;left:0;width:120px;height:2px;background-color:#055699}
.title-small{padding-bottom:20px;font-family:'Quicksand-Bold';font-size:30px;text-transform:uppercase;text-align:center;color:#1595ca;background:url(../images/line-title.png) no-repeat center bottom}
.tabs{font-size:15px;text-transform:uppercase;color:#333}
.tabs .item{vertical-align:middle;cursor:pointer}
.tabs .item.active,.tabs .item:hover{color:#0284db}
.tabs span{display:inline-block;vertical-align:middle;margin:0 30px;width:1px;height:17px;background-color:#acacac}
.bgtop{margin-top:55px}
.marb10{margin-bottom:10px}
.marb20{margin-bottom:20px}
.marb30{margin-bottom:30px}
.owl-nav-def.owl-theme .owl-nav{margin-top:0;font-size:45px;color:#ccc}
.owl-nav-def.owl-theme .owl-nav [class*='owl-']{position:absolute;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-nav-def.owl-carousel .owl-nav button.owl-next{left:100%;margin-left:15px}
.owl-nav-def.owl-carousel .owl-nav button.owl-prev{right:100%;margin-right:15px}
.fslider{position:relative}
.slider img{display:block;width:100%;height:365px;object-fit:cover}
.filter-pro{position:absolute;z-index:1;top:50%;left:0;right:0}
.tabs-filter-pro{list-style:none;padding:0;margin:0}
.tabs-filter-pro li{cursor:pointer;display:inline-block;background-color:#2a2a2a;color:#fff;font-family:'Quicksand-Bold';font-size:15px;text-transform:uppercase;padding:9px 25px}
.tabs-filter-pro li.active{background:#f26322}
.content-flipter-pro{background-color:#000000b3;padding:20px}
.content-flipter-pro label{width:160px;font-family:var(--font-bold);color:#fff}
.fsearch{height:40px;width:calc(100% - 160px);width:-moz-calc(100% - 160px);width:-webkit-calc(100% - 160px)}
.fsearch input[type="search"]{border:none;border-radius:5px;height:100%;float:left;padding:0 15px;width:calc(100% - 100px);width:-moz-calc(100% - 100px);width:-webkit-calc(100% - 100px)}
.fsearch button{border:none;border-radius:5px;float:right;width:90px;height:100%;background-color:#ffde00;color:#000;font-family:var(--font-bold)}
.content-flipter-pro select{border:none;border-radius:5px;padding:0 10px;margin-top:10px;margin-right:10px;height:40px;width:calc((100% + 10px) / 5 - 10px);width:-moz-calc((100% + 10px) / 5 - 10px);width:-webkit-calc((100% + 10px) / 5 - 10px)}
.content-flipter-pro select:last-child{margin-right:0}
.fnhanmail{padding:40px 30px;background:url(../images/bgnhanmail.jpg);background-size:cover}
.title-nhanmail{text-transform:uppercase;text-align:center;font-size:20px;font-family:var(--font-bold);color:#f6ff00}
.sub-nhanmail{text-align:center;color:#fff;font-size:14px;max-width:265px;margin:auto;margin-bottom:15px}
.fnhanmail .txtnhanmail{display:block;width:100%;height:40px;border-radius:50px;border:1px solid #fff;background:transparent;padding:12px;margin-bottom:15px;color:#fff}
.fnhanmail .grpnhanmail{border-radius:25px;border:1px solid #fff;color:#fff;padding:12px}
.fnhanmail fieldset:not(:last-child){margin-bottom:5px}
.fnhanmail fieldset label{margin-left:5px}
.fnhanmail input[type="submit"]{display:block;margin:auto;margin-top:15px;border:none;padding:7px 25px;color:#fff;background-color:#0c67c2}
.fnhanmail .txtnhanmail:focus{border-color:#0c67c2}
.bannerquangcao{display:block;margin:auto}
.bgfooter{color:#fff;background:url(../images/bgfooter.jpg) no-repeat left bottom,#1595ca}
.bgfooter .title{font-family:'Roboto-Bold';text-transform:uppercase;margin-bottom:20px;background:url(../images/line-title.png) no-repeat left bottom;padding-bottom:18px}
.bgfooter .col-1{width:46%;padding:40px 0}
.bgfooter .col-2{width:54%;min-height:495px}
.bgcopy{position:relative;padding:15px 0;background-color:#1280b0;color:#fff;font-size:12px}
.copyright{float:left}
.mxh{margin-top:20px}
.mxh img{display:inline-block;vertical-align:middle;padding:2px}
.thongke{float:right;margin:0;padding:0}
.thongke li{display:inline-block;margin-right:15px}
.thongke li:after{content:'|';display:inline-block;margin-left:15px}
.thongke li:last-child{margin-right:0}
.thongke li:last-child:after{display:none}
#footer-map{height:100%}
#footer-map iframe{display:block;width:100%!important;height:100%!important}
ul.thongtincongty{margin:0;padding:0;list-style:none}
ul.thongtincongty li.company{text-transform:uppercase;font-size:40px;font-family:var(--font-bold);padding:0;margin-bottom:10px;color:#fff600}
ul.thongtincongty li{display:block;box-sizing:border-box;padding:5px 0 5px 40px;margin-bottom:10px}
ul.thongtincongty li:last-child{margin-bottom:0}
ul.thongtincongty li.map{background:url(../images/map.png) no-repeat left center}
ul.thongtincongty li.phone{background:url(../images/phone.png) no-repeat left center}
ul.thongtincongty li.email{background:url(../images/email.png) no-repeat left center}
ul.thongtincongty li.website{background:url(../images/website.png) no-repeat left center}
.sitemap{list-style:none;margin:0;padding:0}
.sitemap li{margin-bottom:15px}
.sitemap li:last-child{margin-bottom:0}
.sitemap li a{display:block}
.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:var(--z-index);background:#4b4f56;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:flex;align-items:center;justify-content:center}
.cart-fixed i{font-size:20px}
.cart-fixed span{position:absolute;top:0;right:-5px;color:#fff;width:25px;height:25px;background:var(--color-red);text-align:center;line-height:25px;font-size:11px;border-radius:100%}
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:var(--z-index);cursor:pointer}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#1182FC;position:relative;z-index:1}
.btn-frame i img{vertical-align:middle;width:70%}
.btn-frame .animated.infinite{animation-iteration-count:infinite}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:#1182FC;opacity:.5}
.btn-frame .zoomIn{animation-name:zoomIn}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(7,41,103,0.35);opacity:.4}
.btn-frame .pulse{animation-name:pulse}
.btn-zalo{bottom:315px}
.btn-phone{bottom:230px}
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px;color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background:#1182FC;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px;color:#fff;background:#1182FC;display:block;position:relative;width:220px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}
select option { line-height: 30px;}