@charset "utf-8";
:root {
	--font-main:'Nunito Sans', sans-serif;
    --font-r:'Montserrat', sans-serif;
    --font-f:'Montserrat', sans-serif;
    --color-r:#0096db;
    --color-f:#fff;
}
::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#ccc;}
::-webkit-input-placeholder { color:#333;font-size: 14px; }
:-moz-placeholder { color:#333;font-size: 14px; }
::-moz-placeholder { color:#333;font-size: 14px; }
:-ms-input-placeholder { color:#333;font-size: 14px; }
*{margin:0px;padding:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body {font-family:var(--font-r); font-size: 14px; line-height:22px; text-rendering: optimizeLegibility;}
h1,h2,h3,h4,h5,h6{ margin: 0px; font-weight: normal;line-height: 22px}
p{margin: 0px;}
input,input:focus{outline:none;}
ul, ol { list-style: none;margin: 0px;padding: 0px;list-style-type: none; }
a,a:focus{ text-decoration: none;outline: none;color: inherit;}
a:focus{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
a:hover{text-decoration: none;color:#ff0000}
#title-breadcrumbs .breadcrumb{display: block!important;}
#title-breadcrumbs div.breadcrumb {font-family:'RobotoRegular';background-color: #f2f2f2;margin: 0px;padding: 10px 0px;
 position: relative; color: #333;}
#title-breadcrumbs #inner{margin-bottom: 0px;}
#title-breadcrumbs #inner li:nth-last-child(1) span{display: none;} 
#title-breadcrumbs #inner li{display: inline-block;list-style: none;margin-right: 10px}
#title-breadcrumbs #inner a{padding-right:10px;}
#title-breadcrumbs div.breadcrumb a{color:#333;}   
#title-breadcrumbs div.breadcrumb a:hover{color: #ff0000;}
#banner-inner{padding:100px 0px}
.grecaptcha-badge{visibility: hidden;}
.loading-skeleton{position: relative;}
.loading-skeleton:after{content:"";position: absolute;left: 0px;width: 100%;height: 100%;top: 0px;z-index: 1; -webkit-animation: skeleton-animation 1.2s ease-in-out infinite; animation: skeleton-animation 1.2s ease-in-out infinite; background-color: #eee; background-image: -webkit-gradient(linear,left top,right top,from(#eee),color-stop(#f5f5f5),to(#eee)); background-image: linear-gradient(90deg,#eee,#f5f5f5,#eee); background-repeat: no-repeat; background-size: 200px 100%; transition: 0.3s; }
.loading-skeleton.none-after:after{opacity: 0;visibility: hidden;}
@-webkit-keyframes skeleton-animation {0% {background-position: -200px 0 } to {background-position: calc(200px + 100%) 0 } } @keyframes skeleton-animation {0% {background-position: -200px 0 } to {background-position: calc(200px + 100%) 0 } }
/*===*/
.mgt-20{margin-top: 20px;}
.mgt-30{margin-top: 30px;}
.mgt-40{margin-top: 40px;}
.mgt-50{margin-top: 50px;}
.mgt-60{margin-top: 60px;}
.mgb-20{margin-bottom: 20px;}
.mgb-30{margin-bottom: 30px;}
.mgb-50{margin-bottom: 50px;}
.mgb-60{margin-bottom: 60px;}
.pad-30{padding:30px 0px}
.pad-50{padding:50px 0px}
.pad-60{padding:60px 0px}
/*==*/
.pad-40{padding:40px 0px}
.mgb-40{margin-bottom: 40px;}
.ma-rp15{margin:0px -15px}
.pa-rp15{padding:0px 15px}
.ma-rp10{margin:0px -10px}
.pa-rp10{padding:0px 10px}
.ma-rp5{margin:0px -5px}
.pa-rp5{padding:0px 5px}
.d-flex{display:-ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-between{justify-content: space-between;}
.flex-center{align-items: center;}
/*==*/
.p-relative { position: relative }
.visit_hidden{display: none;}
.margin-auto{max-width: 1320px;margin: 0 auto;padding: 0px 10px;}
#container{margin: auto;}
.transition{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.hidden__img{z-index: 9;width: 100%;overflow: hidden;transform:translateZ(0);position: relative;height: 100%;}
.hidden__img img{max-width: 100%}
.zoom img {border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;width: 100%;}
.zoom:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.hv_light2{ overflow:hidden; position:relative;}
.hv_light2:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; }
.hv_light2:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hv_light2:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hv_light2:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
/*==*/
.proloop {position: relative; }
.proloop:before,.proloop:after {content: ''; position: absolute; top: 4px; left: 4px; bottom: 4px; right: 4px;z-index: 99}
.proloop:before {border-top: 1px solid white; border-bottom: 1px solid white; transform: scale3d(0, 1, 1); }
.proloop:after {border-left: 1px solid white; border-right: 1px solid white; transform: scale3d(1, 0, 1); }
.proloop:hover:before, .proloop:hover:after {transform: scale3d(1, 1, 1); transition: transform 0.5s; }
/*====*/
.skew img {overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.skew img:hover {border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.scale{display: block;overflow: hidden;}
.scale img {max-width: 100%; transition: all 0.6s; }
.scale:hover img {transform: translateX(5px) rotate(5deg) translateY(5px) scale(1.2); }
.button-hover{-webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index: 3; position: relative; }
.button-hover:before {background:var(--color-r); bottom: 0; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; width: 0; z-index: -1; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; border-radius: 0 2px 2px 0; }
.button-hover:hover:before {width: 100%; }
/*==*/
#loader-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; pointer-events: none; }
#loader-wrapper #wrap {background:#fff;position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; text-align: center; width: 100%; height: 100%; z-index: 99999; }
#loader-wrapper.show1 #wrap{background:transparent}
#loader-wrapper:after{-webkit-mask:url(images/mask-01.png);mask:url(images/mask-01.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;content:'';position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(255,255,255,1);z-index:10000;}
#loader-wrapper.show1::after{-webkit-animation:MaskPlay 1s steps(22) forwards;animation:MaskPlay 1s steps(22) forwards;}
#loader-wrapper.show1 #wrap{opacity:0;}
@-webkit-keyframes MaskPlay{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}
@keyframes MaskPlay{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}
/*==*/
#gotop {cursor: pointer;border-radius:50%;transition: all 0.6s;position: fixed;z-index: 10; bottom: 65px; width: 45px; height: 45px; text-align: center; background-color:var(--color-r);box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.34);right: -60px}
#gotop i.fa {color: white; font-size: 21px; line-height:40px; }
.fixmenu {animation: slide-down 0.5s;}
@keyframes slide-up {0% {opacity: 0; transform: translateY(50%); } 100% {opacity: 1; transform: translateY(0); } } 
@keyframes slide-down {0% {opacity: 0; transform: translateY(-100%); } 100% {opacity: 1; transform: translateY(0); } } 
/*==*/
.banner_adv{text-align: center;}
.banner_adv img{max-width: 100%;margin:auto;}
.tit-title{text-align: center;margin-bottom: 40px;padding-bottom:35px;position: relative;background: url(images/bg_tit.png) no-repeat center bottom;}
.tit-title h2{font-weight:700;font-size:32px;line-height:42px;color: #333333;text-transform: uppercase;}
/*-------slider------*/
#slide_show{margin-top: -1px}
#slider-top{max-width: 1920px;margin:auto;}
#header{width: 100%;z-index: 99;position: fixed;top: 0px;left: 0px;background:rgb(197 236 249 / 0.6)}
.logo img{max-width: 100%}
.logo{position: absolute;top:-27px;left: 0px;right: 0px;margin:auto;z-index: 92;width: 210px;height: 138px;
    transition: all 0.3s;text-align: center;}
.fixmenu .logo{width:210px;height: 138px;top: 0px}
.wrap_banner{padding:0px 0px;font-weight:500}
.ad-top{line-height:19px;width:42%;padding:5px 0px 2px;border-bottom: 1px solid rgba(255,255,255,0.2);display: flex;align-items: center;}
.ad-top p:nth-child(1){font-size:13px;color: #333333;}
.r-header{display: flex;align-items: center;justify-content:flex-end;width:42%;
padding:5px 0px 2px;border-bottom: 1px solid rgba(255,255,255,0.2)}
.r-header p.hot-top{font-size:13px;margin-right: 70px}
.r-header p.hot-top span{font-weight: 700;;color: #fc0101}
.r-header p.time-top{width:35%;}
.r-header p{line-height:20px;font-size:13px;}
.fixmenu div#menu{line-height:60px!important;height: 60px!important}
.fixmenu .logo {width: 95px; height: 95px; top: -32px; }
#header.fixmenu{background:rgb(197 236 249 / 1)}
/*---------header---------*/
.lienket{margin: 0px 0px 0px 0px;padding-top: 0px;position: relative;}
.lienket p{float: left;font-size: 14px;font-family: "RobotoRegular";color: #000000;margin-right: 37px;padding-top: 8px;}
.lienket a{padding: 0px 3px 0px 0px;color: #fff;display:inline-block;}
.lienket img:hover{opacity: 0.7;}
/*==============*/
.transi06{-webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease;}
.fixmenu{position: sticky!important;top: 0px!important;left: 0px!important;margin: auto!important;width: 100%!important;z-index: 99!important}
.transf{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
div#menu_mobi {display:none;}
div#menu {height:105px; line-height:75px; margin:auto; width:100%;position: relative;z-index: 99}
div#menu ul {list-style:none;}
div#menu div div > ul:nth-child(3){width:42%;justify-content:flex-start;}
div#menu div div > ul{width:42%;display: flex;justify-content:flex-end;}
div#menu div div > ul li{text-align: right;}
div#menu div div > ul:nth-child(2) > li{margin-left: 45px}
div#menu div div ul:nth-child(3) li{text-align: left;margin-right: 45px}
div#menu ul li {float:left; position:relative; z-index:99; padding: 0px 0px;}
div#menu ul li a {color: #333333;font-size:15px; padding: 0px 0px;text-transform: uppercase; display: block;font-weight: 500}
div#menu  > div > div > ul > li > a:hover,div#menu ul > li > a.active,div#menu > div > ul > li > a.active2{color:var(--color-r);}
div#menu div >ul>li>ul>li>a.active,div#menu div>ul>li>ul>li>a.active2{
    color:var(--color-r);
}

div#menu ul li a:hover span,div#menu ul li a.active span,div#menu ul li a.active2 span{}
div#menu ul li ul,div#menu ul li:hover ul li ul {
    position: absolute;
    margin: 0px;
    z-index: 10;
    text-align: left;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    transition: all 0.3s;
    min-width:200px;
}
div#menu ul li:hover > ul{transform: perspective(600px) rotateX(0deg);}
div#menu ul li ul li:hover > ul{transform: perspective(600px) rotateX(0deg);}
div#menu ul li ul li {width:200px; line-height:1.5; background:rgb(197 236 249 / 0.6); border-top:1px solid #fff;margin-right: 0px!important;}
div#menu ul li ul li a {padding:7px 10px; text-transform:none;font-size:14px;color: #000;
    transition: all 0.3s}
div#menu ul li ul li a:hover{color: var(--color-r2)!important}
div#menu ul li ul li a.active2{color: var(--color-r2)!important}
div#menu ul li ul li ul {left:200px; top:-1px;}  
/*------endcotleft----------*/
#timkiem{width: 250px;background-color: #fff;height: 40px;position: relative;border: 2px solid var(--color-r);border-radius: 5px;overflow: hidden;display: flex;align-items: center;}
#timkiem input{width:calc(100% - 40px);height:40px;outline: none;border: none;background-color: #fff;font-size: 14px;color: #000;padding-left: 10px;line-height: 14px}
#timkiem button {width: 40px; height: 40px; outline: none; border: none;background: transparent;color: #ff0000}
#timkiem input::-webkit-input-placeholder {color: #818181;font-size: 13px;}
#timkiem input:-moz-placeholder { /* Firefox 18- */color: #818181;font-size: 13px;  }
#timkiem input::-moz-placeholder {  /* Firefox 19+ */color: #818181;font-size: 13px;}
#timkiem input:-ms-input-placeholder {  color: #818181;font-size: 13px;  }

.hover_sang3{ overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
/*-----sanpham----*/
.item{margin-bottom:20px;width: calc(100% / 4)}
.item-3{width: calc(100% / 3)}
.item-inner{border:1px solid #eee;height: 100%}
.item-info{padding: 15px 10px;text-align: center;}
.item-info h3{line-height: 22px;}
.item-info h3 a{font-weight:700;font-size:15px;color: #333;display: -webkit-box; 
width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;line-height: 22px;}
.item-info h3 a:hover{color: #ff0000}
.item-info p{font-size:14px;color: #333;color: #333;display: -webkit-box; 
width: 100%; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;line-height: 22px;}
.item-info .price__pro span{color: #ff0000;font-family: 'RobotoBold';}
.slick-prev{position: absolute;top: -45px;right:40px;width: 20px;height: 20px;background: url(images/prev_s.png);}
.slick-next{transform:rotate(180deg);position: absolute;top: -45px;right:16px;width: 20px;height: 20px;background: url(images/prev_s.png);}
/*================Chi tiết sản phẩm======================*/
.details-product .product-image-block{width:48%}
.details-product .details-pro{width:48%}
.details-product .large-image a {display: block;background:#F6F6F6;border:1px solid #eee;}
.details-product .thumb_produc{margin: 10px 10px 0px 10px}
.slick-thumb_produc{margin: 0px -5px;}
.thumb_produc .slick-thumb_produc .item-imagepro{padding: 0px 5px;}
.thumb_produc .slick-thumb_produc .item-imagepro img{width: 100%;height: 100%;border:1px solid #ebebeb;cursor: pointer;}
/*.thumb_produc .slick-thumb_produc .item-imagepro:hover img,.thumb_produc .slick-thumb_produc .item-imagepro.slick-current img{border:1px solid #f72b3f}
*/
.thumb_produc .slick-thumb_produc .item-imagepro.mz-thumb-selected img{border:1px solid #333}
.nav .slick-prev{position: absolute;top: calc(50% - 18px);left:-5px;width: 26px;height: 36px;background:#333;font-size:20px;color: #fff;line-height:35px}
.nav .slick-next{transform:rotate(0);position: absolute;top: calc(50% - 18px);right:-5px;width: 26px;height: 36px;background:#333;font-size:20px;color: #fff;line-height:35px}
/*===*/
.item_des_detail {padding:5px 0px;font-size: 15px;color: #333;font-family:var(--font-main)}
.block-border-botom{border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.details-product .details-pro{font-family:var(--font-main)}
.details-product .details-pro .title-head{font-family:var(--font-main); color: #333; font-size: 23px;line-height: 30px;
 font-weight: 700; margin-top: 0; margin-bottom: 3px; position: relative;letter-spacing: .01em;}
.details-product .details-pro .group-status{color: #272727;font-size: 15px;font-weight:600;margin: 0px 0 3px}
.details-product .details-pro .group-status .status_name{color: #ff0000;font-weight: 700}
.details-product .details-pro .special-price{margin-top: 5px}
.special-price .price-detail{color: #ff0000;font-family:var(--font-main);font-weight:700;font-size: 20px;margin-right: 15px;}
.special-price .price-detail-old{color: #ddd;font-size: 15px;}
.tit-desc-detail{font-size: 15px;font-weight: 700;color: #333;display: block;margin-bottom: 5px;}
.w_chiase{background: #e2e2e2e2;padding: 12px 10px 0px 10px}
.des-soluong{margin-bottom: 10px;}
.item_des_detail .qty{display: block;float: none;margin-bottom: 5px;text-align: left;text-transform: uppercase;
    font-size: 12px;font-weight: bold;font-family: 'RobotoBold';}
.item_des_detail .controls button{outline: none;background-color:#fff;color: #333;border: none;font-size: 20px}
.item_des_detail .controls button:nth-of-type(1){border-right: 1px solid #eaeaea}
.item_des_detail button:nth-of-type(2){border-left: 1px solid #eaeaea}
.item_des_detail .controls button:nth-of-type(1),.item_des_detail button:nth-of-type(2){padding: 7px 15px}
.item_des_detail .controls button:hover{color: #fff;background:#d80c0c;}
.item_des_detail input{padding:5px;border:none;text-align: center;width: 50px;
	color: #333;border-radius: 5px;outline: none;}
.product-qty .cart {display: flex;width: 100%;margin-top: 10px}
.product-qty .cart .add-cart{width:49%;outline: none;border:none;font-size: 15px; color: #fff; text-decoration: none; padding: 10px 10px;font-weight:700;
 border: 1px solid;  background:#d80c0c;display: inline-block; border-radius:5px; text-transform: uppercase;transition: all 0.3s}
.product-qty .cart #buynow{background:#111;}
.product-qty .cart .add-cart:hover{opacity: 0.9;}
.product-qty .show{margin-bottom: 5px;}
.row-add-cart{display: flex;flex-flow: wrap;}
.row-add-cart .controls{display:flex;margin-right: 10px;border: 1px solid #eaeaea;border-radius: 5px;overflow: hidden;}
/*===*/
.related-product .title-related-product{font-family: var(--font-main); font-size: 18px; color: #333; font-family: RobotoBold; margin-bottom: 20px; padding-bottom: 7px; position: relative; text-transform: uppercase; }
.related-product .title-related-product:after{content:"";position: absolute;left: 0px;bottom:0px;width:70px;height: 1px;
background: #333}
.related-product .title-related-product:before{content:"";position: absolute;left: 0px;;bottom:4px;width:50px;height: 1px;
background: #333}
.slick-related-product .slick-prev{left:15px;}
.slick-related-product .slick-next{right:15px;}
/*====*/
.box-video{width: calc(100% / 4);margin-bottom: 15px}
.box-video .img-video img{width: 100%}
.box-video .img-video .play-video:after{content:"";position: absolute;top: 0px;left: 0px;
bottom: 0px;right:0px;margin:auto;background:url(images/icon/play_video.png);width:50px;height: 50px;background-size: contain;}
.box-video h3{line-height: 22px;margin-top: 5px;text-align: center;}
.box-video h3 a{font-size: 15px;font-family:'RobotoBold';text-transform: uppercase;color: #333;}
.box-video h3 a:hover{color: #ff0000}
/*================albumhinhanh======================*/
.box-album{width: calc(100% / 4);margin-bottom:10px}
.box-album .img-album img{width: 100%}
.box-album h3{line-height: 20px;margin-top: 5px;text-align: center;}
.box-album h3 a{font-size: 14px;font-family:'RobotoBold';text-transform: uppercase;color: #333;line-height: 20px;
display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.box-album h3 a:hover{color: #ff0000}
.content-album img{max-width: 100%!important;height:auto!important;}
.article-main .title-related-album{font-family:var(--font-main);font-size:18px;color: #333;font-family:RobotoBold;
    margin-bottom:20px;padding-bottom:7px;position: relative;text-transform: uppercase;}
.article-main .title-related-album:after{content:"";position: absolute;left: 0px;bottom:0px;width:70px;height: 1px;
background: #333}
.article-main .title-related-album:before{content:"";position: absolute;left: 0px;;bottom:4px;width:50px;height: 1px;
background: #333}
 /*---------tranglienhe--------*/
.left-content-contact{width:48%}
.right-content-contact{width:48%}
#frm-contact .row-ct_input{display: flex;justify-content: space-between;margin-bottom: 10px}
#frm-contact input{font-family:'RobotoBold';font-size: 13px;color: #333;width: 49%;
height: 40px;border: 1px solid #ced4da;outline: none;background: transparent;padding-left: 15px}
#frm-contact textarea{font-family:'RobotoBold';font-size: 13px;color: #333;width: 100%;border: 1px solid #ced4da;
outline: none;background: transparent;resize: none;padding-left: 15px;padding-top: 10px;}
#frm-contact input:focus, #frm-contact textarea:focus { box-shadow: 0 2px var(--color-r); border-bottom: 1px solid var(--color-r); }
#frm-contact input:focus::placeholder, #frm-contact textarea:focus::placeholder { color: var(--color-r); }
.send-contact{color: #fff;background:#333;border:none;padding:8px 30px;font-family:'RobotoBold';font-size: 13px;text-transform: uppercase;outline: none;}
.send-contact:hover{background: #d00000}
.wrap-map-contact{height: 500px;overflow: hidden;border: 10px solid #eaebf3;}
.wrap-map-contact iframe{width:100%;height:100%}
/*=====footer========*/
#footer{overflow-x: hidden;}
#bottom_ft{background: url(images/bg_ft.jpg) no-repeat;background-size: cover} 
.ten_cty{font-weight:700;font-size:20px;color: #0096db;text-transform: uppercase;margin-bottom: 10px;line-height:30px}
.title_ft{margin-bottom: 15px;position: relative;color: #333333;font-size:16px;font-weight:700;text-transform: uppercase;}
.title_ft p{margin-bottom: 0px;}
.content_ft{padding: 0px 0px;display: flex;justify-content: space-between;flex-flow: wrap;color: #333333;font-size: 14px;font-weight:500;position: relative;}
.cot1_ft{width:28%;text-align: center;}
.cot2_ft{width:42%;padding-top:15px;}
.cot3_ft{width:21%;position: relative;z-index: 2}
.nhantin{width:340px;padding:50px 0px;background:var(--color-r);position: relative;text-align: right;color: #fff}
.nhantin:after{content:"";position: absolute;left:-100px;width:100px;height: 101%;background: var(--color-r);top: 0px;
clip-path: polygon(100% 0, 0% 100%, 100% 100%);z-index: 1}
.main-ft{width:calc(100% - 395px);display: flex;justify-content: space-between;flex-flow:wrap;padding:50px 0px;}
.content_ft:after{content:"";position: absolute;left: 100%;width:100%;height: 100%;background: var(--color-r);top: 0px}
.w_bando{height: 200px;overflow: hidden;}
.w_bando iframe{width:100%;height: 100%}
#copyright{background:var(--color-r);font-size: 13px;color: #fff;padding: 15px 0px;}
/*=====footer========*/
.lienket_ft {margin-top:30px;display: flex;align-items: center;text-transform: uppercase;}
.lienket_ft p{}
.icon-footer{float: right;padding-left: 15px;}
.lienket_ft a:last-child{margin-right: 0px;}
.lienket_ft a{margin:0px 0px 0px -10px;float: left;}
.lienket_ft img{border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.lienket_ft img:hover{opacity: 0.6;}
.bv_ft{display: table;margin-bottom:15px;font-size:14px;padding-left:10px;position: relative;}
.bv_ft:after{content:"";position: absolute;left: 0px;width:5px;height: 5px;border-radius:50%;background:#333;top: calc(50% - 2.5px)}
.bv_ft:hover{color:#333;text-decoration: underline;}
.nhantin p{color: #fff;}
.tit-nt{font-weight:400}
#frm_nhantin{margin-top: 10px}
#frm_nhantin input::-webkit-input-placeholder{color: #fff;font-size:13px;}
#frm_nhantin input{width:100%;height:42px;outline: none;border:none;background:rgba(255,255,255,0.3);font-weight:400;
    border-radius:999px;padding-right:15px;line-height:42px;color: #fff;margin-bottom: 10px;text-align: right;}
#frm_nhantin button{width:117px;height:40px;line-height:40px;border-radius:999px;color: var(--color-r);
    background:#fff;text-transform: uppercase;font-weight:500;border:none;outline: none;}
#frm_nhantin button:hover{background:#ff0000;color: #fff}
/*=====*/

.quytrinh {background: url(images/bg_qt.jpg) no-repeat; background-size: cover; }
.quytrinh .tit-title{filter: brightness(0) invert(1);}
.qtrinh_box{width:calc(100% / 6);cursor: pointer;}
.item_qtrinh {position: relative;width:139px; height: 160px;display: flex; justify-content: center; align-items: center; flex-direction: column; margin: auto; margin-bottom: 25px; background:url(images/item-qt.png) no-repeat; }
h3.name_qtrinh { color: #fff; font-weight:700; font-size: 18px; text-transform: uppercase; line-height:23px; padding: 3px 15px; text-align: center;}
.item_qtrinh.active{background:url(images/item_qt1.png) no-repeat;}
#schedule .around-label .block .inner { padding: 20px; position: relative; }
#schedule .around-label .block .inner .arrow { position: absolute; top: 42%; right: -30px; color: #CACACA; }
.item_qtrinh:after { content: ""; position: absolute; width: 34px; height: 17px; background: url(images/next_quydinh.png) no-repeat; top: calc(50% - 11.5px); right: -60px; }
.qtrinh_box:nth-last-child(1) .item_qtrinh:after { display: none; }
#schedule .around-label .block { }
#schedule .around-label .item { height: 0; padding-bottom: 100%; border-radius: 50%; position: relative; border: 1px solid transparent; cursor: pointer; transition: all 0.4s ease; }
#schedule .around-label .item.active { background: #0073d0; border-color: #0073d0; }
#schedule .around-label .item .name { position: absolute; width: 100%; height: auto; left: 0; right: 0; bottom: 0; top: 0; margin: auto; text-align: center; display: table; font-weight: bold; font-size: 17px; text-transform: uppercase; color: #fff; padding: 10px; }
#schedule .xline { width: 100%; height: 7px; background: #fff; margin: 0 auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;margin-top: 25px; position: relative;box-shadow: 0 0 0px 4px rgb(255 255 255 / 37%) }

#schedule .xline .dot { background: #333; width: 30px; height: 30px; border-radius: 50%; border: 6px solid #fff; top: -12px; margin: auto; position: relative; z-index: 3; transition: all 0.5s ease;box-shadow: 0 0 0px 4px rgb(255 255 255 / 37%)}
#schedule .xline .dot.active { background: #0073d0; }
#schedule .xline .inner { display: flex; margin: 0px -13px; }
#schedule .xline .shadow-line { width: 7.3333%; height: 100%; position: absolute; left: 0; background: #0073d0; z-index: 1; border-radius: 20px; }
.wdot { width: calc(100% / 6); }
.div_quytrinh { display: flex; position: relative; margin: 0 -13px; }
.wrap_quytrinh { padding: 0 28px 0 28px; position: relative; width: calc(100% / 6); }
.text_quytrinh { text-align: center; width: 150px; height: 150px !important; border-radius: 50%; background: #00b0f0; display: flex; align-items: center; justify-content: center; padding: 0 20px; cursor: pointer; position: relative; }
.product_images:hover { box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2); transform: translateY(-10px); }

/*===*/
.tab-index{max-width:1220px;margin:auto;margin-bottom:30px;text-align: center;}
.tab-index span{display:inline-block;font-weight: 400;font-size:15px;padding:10px 15px;background: #c5ecf9;color: #333;cursor:pointer;margin-bottom: 3px}
.tab-index span.active,.tab-index span:hover{background:var(--color-r);color: #fff;}
.tab-index span.active{font-weight:700}

.bottom-small{background:#c5ecf9;padding:10px 80px;}
.item-small{cursor: pointer;height:160px}
.item-small img{width: 100%;object-fit: cover}
.slick-big{margin-bottom: 10px;}
.slick-big img{width: 100%}
.item-small img{width: 100%;height: 100%;}
.slick-small .slick-prev{position: absolute;top:calc(50% - 13.5px);left:-35px;width: 27px;height: 27px;background: url(images/sl_pre.png);}
.slick-small .slick-next{transform:rotate(180deg);position: absolute;top:calc(50% - 13.5px);right:-35px;width: 27px;height: 27px;background: url(images/sl_pre.png);}

/*=====*/
.camket{background: url(images/bg_ck.jpg) no-repeat;background-size: cover}
.camket .tit-title{filter: brightness(0) invert(1);}
.max-10{max-width:1052px;margin:auto;padding:0px 10px;}
.item-ck{display: flex!important;justify-content: space-between;align-items: center;}
.l-ck{width: 220px;color: #fff;text-align: center;}
.l-ck .thumb-ck img{margin:auto;border-radius:50%;border:5px solid rgba(255,225,255,1);}
.r-ck{width:calc(100% - 285px);background: #fff;padding:20px;line-height: 27px;font-size: 15px;color: #333333;font-weight: 500}
.l-ck h3{text-transform: uppercase;font-weight: 600;text-transform: uppercase;margin-top: 10px;font-size:20px;}
.l-ck p{text-transform: uppercase;font-weight: 400;font-size:20px;margin-top: 5px;}
/*=====*/
.item-lv{width:calc(100% / 3);margin-bottom: 20px;}
.item-lv h3{position: relative;padding-bottom:12px;margin-top: 15px}
.item-lv h3 a{font-size:18px;font-weight:700;text-transform: uppercase;display: -webkit-box; width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;color: #333333}
.item-lv h3 a:hover{color: var(--color-r)}
.item-lv h3:after{content:"";position: absolute;left: 0px;background:var(--color-r);width:80px;height:3px;bottom: 0px}
.view-lv{font-size:15px;color: var(--color-r);display: inline-block;margin-top: 10px;border:2px solid var(--color-r);padding:10px 25px;text-transform: capitalize;font-weight: 500}
.view-lv:hover{background: var(--color-r);color: #fff}

/*=====*/
.tieuchi{background: url(images/bg_tc.jpg) no-repeat;background-size: cover}
.slick-tc{margin:0px -42px}
.item-tc{text-align: center;padding:0px 42px;}
.thumb-tc{width:261px;height:261px;border-radius:50%;margin:auto;position: relative;}
.thumb-tc a:after{content:"";position: absolute;left: 0px;top: 0px;width:100%;height: 100%;border-radius:50%;border:5px solid rgba(255,255,255,0.4);}
.thumb-tc img{border-radius:50%;}
.info-tc{margin-top: 15px;}
.info-tc h3{position: relative;margin-bottom: 10px;padding-bottom:7px;}
.info-tc h3 a{font-size:17px;font-weight:700;text-transform: uppercase;display: -webkit-box; width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;color: #fff}
.info-tc h3 a:hover{color: var(--color-r)}
.info-tc h3:after{content:"";position: absolute;left: 0px;right: 0px;margin: auto;background: #fff;width:50px;height:2px;bottom: 0px}
.info-tc p{font-size:14px;line-height: 22px;color: #fff;display: -webkit-box; width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.info-tc .view-tc{font-size:13px;color: var(--color-r);display: inline-block;margin-top: 10px;border-radius: 5px;border:1px solid var(--color-r);padding:5px 15px;text-transform: uppercase;}
.info-tc .view-tc:hover{background: var(--color-r);color: #fff}

/*===*/
.gioithieu{background: url(images/bg_gt.jpg) no-repeat;background-size: cover}
.l_gt{width:48%;padding-top:85px}
.r_gt{width:48%;}
.r_gt img{max-width: 100%}
.tit-gt{font-size:20px;color: #282828;font-weight: 300;text-transform: uppercase;margin-bottom: 10px;}
.l_gt h3{font-size:30px;line-height:40px;color:var(--color-r);text-transform: uppercase;font-weight:700;margin-bottom: 10px;}
.desc_gt{color: #282828;font-size:15px;line-height:27px;display: -webkit-box; width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.view-vct{display: inline-block;margin-top: 20px;padding:7px 15px;font-size:13px;text-transform: uppercase;color: var(--color-r);border-radius:5px;border:1px solid var(--color-r);font-weight: 700}
/*=====*/
.box-video-i{width:100%;position: relative;height:515px;}
.box-video-i img{width: 100%;height: 100%;object-fit: cover}
.inner-vs{height: 100%}
.box-af-vd{position: relative;}
.asb-vd{position: absolute;right:calc((100vw - 1200px) / 2);bottom: 60px;padding:10px;width:490px;border:2px solid #fff;}
.item-video-i img{width: 100%;height: 100%}
.play-video{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;background: url(images/play.png) no-repeat;width:102px;height: 101px;margin:auto;}
.item-video-i{position: relative;}
.item-video-i span{width:41px;height:41px;background-size: cover}
/*====*/
.tintuc{background: url(images/bg_tt.jpg) no-repeat;background-size: cover}
.item_tintuc{padding-bottom: 10px;}
.item_tt_tt{margin-bottom:15px;}
.img_tintuc img{width: 100%}
.info_tintuc{display: flex;background: #ffffff;justify-content: space-between;border-top: 0px;border-left: 0px;}
.time_new{width:66px;background:var(--color-r);text-align: center;position: absolute;top:15px;left: 0px;color:#fff;}
.time_new span:nth-child(1){font-size:16px;line-height:16px;font-weight: 700;display: block;color: #282828;padding: 4px 0px;background:#e7e7e7}
.time_new span:nth-child(2){font-size:13px;line-height:13px;width: 100%;font-weight:400;display: block;color: #fff;padding: 5px 0px}
.ten_tintuc{width:100%;padding:15px 0px 0px;}
.ten_tintuc h3 {line-height: 22px}
.ten_tintuc h3 a{font-weight: 700;font-size:16px; color: #4a4848;line-height:22px; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; height:45px; line-height:22px; display: -webkit-box; -webkit-box-orient: vertical; padding-left: 75px; }
.ten_tintuc h3 a:hover{color: var(--color-r)}
.info_small{margin-top: 10px; color: #737373;font-size: 14px; font-weight:400; line-height: 24px; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; height:70px; display: -webkit-box; -webkit-box-orient: vertical; margin-bottom: 5px; }
.btn-view{font-size:14px;color: var(--color-r);font-size:14px;display: inline-block;margin-top: 10px;}
/*===*/
.doitac{background:#c5ecf9}
.item_doitac img{width: 100%}



/*====*/
@media screen and  (max-width:1248px) {
.pad-60{padding:20px 0px}
.pad-40{padding:20px 0px}
.mgb-40{margin-bottom: 20px;}
.ma-rp15{margin:0px -10px}
.pa-rp15{padding:0px 10px}
.ma-rp10{margin:0px -10px}
.pa-rp10{padding:0px 10px}
.slick-tc {margin: 0px -10px; } 
.item-tc{padding:0px 10px;}
.nhantin:after{display: none;}
.item{margin-bottom:10px;}
}
@media screen and  (max-width:1180px) {
.tab-index{overflow-x: scroll;white-space: nowrap;}
}
@media screen and  (max-width:1120px) {

}
@media screen and (max-width:1070px) {

}
@media screen and  (max-width:1024px) {
div#menu_mobi {display:block;}
#header {display: none;}

}
@media screen and  (max-width:992px) {
.ma-rp15{margin:0px -5px}
.pa-rp15{padding:0px 5px}
.ma-rp10{margin:0px -5px}
.pa-rp10{padding:0px 5px}
.slick-tc {margin: 0px -5px; } 
.item-tc{padding:0px 5px;}
.gioithieu{background: #fff}
.l_gt{width: 100%;padding-top:0px;}
.l_gt h3{font-size: 25px;line-height:35px;}
.r_gt{display: none;width::100%;}
.tit-title{margin-bottom: 15px;}
.tit-title h2{font-size: 22px;line-height: 32px;}
.item-lv {width: calc(100% / 2); margin-bottom: 10px; }
.xline{display: none;}
.qtrinh_box{width:calc(100% / 3);margin-bottom: 10px;}
.box-video-i{height: inherit;}
.asb-vd{position: static;width:100%;margin-top: 10px;border:none;padding:0px;}
.time_new{display: none;}
.main-ft{padding:20px 0px;width: 100%;}
.cot1_ft{width: 100%;margin-bottom:10px;}
.cot2_ft{width: 100%;margin-bottom:10px;}
.cot3_ft{width: 100%;margin-bottom:10px;}
.ten_cty{font-size:18px;line-height: 28px}
.content_ft:after{display: none;}
.nhantin{width: 100%;padding:10px 10px;text-align:left;margin-bottom:10px}
#frm_nhantin input{text-align:left;padding-left:15px;}
.bottom-small{padding:10px;}
.item-small{height: 100px;}
.item_qtrinh:after{display: none;}
.box-af-vd{padding:10px}
.item{width: calc(100% / 3)}
}
@media screen and  (max-width:918px) {

}
@media screen and  (max-width:768px) {
.l-ck{width:100%}
.r-ck{width:100%;margin-top: 10px;}
.item-ck{flex-flow:wrap;}
#copyright{padding-bottom: 70px}
}
@media screen and  (max-width:725px) {

}
@media screen and  (max-width:680px) {

}
@media screen and  (max-width:600px) {
.item-lv h3 a{font-size: 15px;line-height:22px;-webkit-line-clamp:2;}
.qtrinh_box{width:calc(100% / 3);}
.ten_tintuc h3 a{font-size:15px;padding-left:0px}
.btn-view{margin-top:5px}
.l_gt h3{font-size:22px;line-height:32px;}
.item{width: calc(100% / 2)}
}
@media screen and  (max-width:520px) {
.item-lv {width: calc(100% / 1); }
}
@media screen and  (max-width:480px) {
.qtrinh_box{width:calc(100% / 2);}
}
@media screen and  (max-width:370px) {
.item{width: calc(100% / 1)}
}
@media screen and  (max-width:360px) {

}