@charset "utf-8";
:root { --font-main: 'Nunito Sans', sans-serif; --font-r: 'Noto Sans', sans-serif; --font-f: 'Noto Sans', sans-serif; --color-r: #ffcc00; --color-a: #e61f1f; --color-ra: #ffcc00; --color-f: #fff; }
::-webkit-scrollbar { background: #fff; width: 10px; height: 11px; }
::-webkit-scrollbar-thumb { background: #ccc; }
::-webkit-input-placeholder { color: #333; font-family: 'RobotoRegular'; font-size: 14px; }
:-moz-placeholder { color: #333; font-family: 'RobotoRegular'; font-size: 14px; }
::-moz-placeholder { color: #333; font-family: 'RobotoRegular'; font-size: 14px; }
:-ms-input-placeholder { color: #333; font-family: 'RobotoRegular'; font-size: 14px; }
@font-face {
    font-family: 'MuliRegular';
    src: url('css/fonts/MuliRegular.eot');
    src: url('css/fonts/MuliRegular.eot') format('embedded-opentype'),
         url('css/fonts/MuliRegular.woff2') format('woff2'),
         url('css/fonts/MuliRegular.woff') format('woff'),
         url('css/fonts/MuliRegular.ttf') format('truetype'),
         url('css/fonts/MuliRegular.svg#MuliRegular') format('svg');
}
@font-face {
    font-family: 'MuliBold';
    src: url('css/fonts/MuliBold.eot');
    src: url('css/fonts/MuliBold.eot') format('embedded-opentype'),
         url('css/fonts/MuliBold.woff2') format('woff2'),
         url('css/fonts/MuliBold.woff') format('woff'),
         url('css/fonts/MuliBold.ttf') format('truetype'),
         url('css/fonts/MuliBold.svg#MuliBold') format('svg');
}
@font-face {
    font-family: 'UTMBeautifulCaps';
    src: url('css/fonts/UTMBeautifulCaps.eot');
    src: url('css/fonts/UTMBeautifulCaps.eot') format('embedded-opentype'),
         url('css/fonts/UTMBeautifulCaps.woff2') format('woff2'),
         url('css/fonts/UTMBeautifulCaps.woff') format('woff'),
         url('css/fonts/UTMBeautifulCaps.ttf') format('truetype'),
         url('css/fonts/UTMBeautifulCaps.svg#UTMBeautifulCaps') format('svg');
}
@font-face {
    font-family: 'MuliSemiBold';
    src: url('css/fonts/MuliSemiBold.eot');
    src: url('css/fonts/MuliSemiBold.eot') format('embedded-opentype'),
         url('css/fonts/MuliSemiBold.woff2') format('woff2'),
         url('css/fonts/MuliSemiBold.woff') format('woff'),
         url('css/fonts/MuliSemiBold.ttf') format('truetype'),
         url('css/fonts/MuliSemiBold.svg#MuliSemiBold') format('svg');
}
@font-face {
    font-family: 'MuliExtraBold';
    src: url('css/fonts/MuliExtraBold.eot');
    src: url('css/fonts/MuliExtraBold.eot') format('embedded-opentype'),
         url('css/fonts/MuliExtraBold.woff2') format('woff2'),
         url('css/fonts/MuliExtraBold.woff') format('woff'),
         url('css/fonts/MuliExtraBold.ttf') format('truetype'),
         url('css/fonts/MuliExtraBold.svg#MuliExtraBold') format('svg');
}




te { margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { font-family: Arial, Helvetica, sans-serif; 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; }
.mgts-20 { margin: 15px 0 15px 0; }
.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 }
a.a_bloc { display: block; overflow: hidden; }
a.a_bloc img { width: 100% }
.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; }
.t-uppercase { text-transform: uppercase; }

/*==*/
.banner-main{
    width: 100%;
    background: #fff;
    margin: 10px 0;
}
.search-content{
    width: 42.083333333%;    
}
.hotline-header{
    background: url(images/icon_hl_top1.png)no-repeat top left;
    padding-left: 40px;
    font-size: 15px;
    color: #333;
    font-family: 'MuliSemiBold';
}
.hotline-header p span{
    font-size: 18px;
    color: #d61414;
    font-family: 'MuliExtraBold';
}
.p-relative { position: relative }
.visit_hidden { display: none; }
.margin-auto { max-width: 1220px; margin: 0 auto; padding: 0px 10px; }
.margin-1000 { max-width: 1000px; 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 { 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: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_adv1 { text-align: center; }
.banner_adv1 img { max-width: 100%; margin: auto; }

/*-------slider------*/
#slide_show { margin-top: -1px }
#slider-top { max-width: 1920px; margin: auto; }
.inner-img { position: relative }
.inner-img .postion { position: absolute; left: 0px; right: 0px; margin: auto; width: 700px; top: 37%; transform: translateY(-50%); text-align: center; z-index: 88; }
.postion h5 { line-height: 50px; letter-spacing: 0; font-weight: 900; font-size: 40px; color: #fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
h5.slide-caption__titlea { color: #fff; text-transform: capitalize; font-weight: 800; font-size: 39px; }
h5.slide-caption__title {/* text-shadow: 1px 1px #ffffff, -1px 1px #ffffff, 1px -1px #ffffff, -1px -1px #ffffff; */ }
.inner-img .postion p.slide-caption__desc { color: #fff; font-size: 14px; line-height: 25px; font-weight: 400; max-width: 525px; margin: 15px auto 25px auto; font-family: 'Montserrat', sans-serif; }
.inner-img .postion p a { display: inline-block; padding: 9px 35px; color: #fff; font-weight: 400; border-radius: 999px; text-transform: capitalize; color: #000; background: #fff216; font-family: 'Mulish', sans-serif; position: relative; }
.inner-img .postion p a:hover { background: #ff0000; color: #fff }
.owl-carousel.in-home .active .slide-caption__title { animation: 2s .2s fadeInDown both }
.owl-carousel.in-home .active .slide-caption__desc { animation: 2s .6s fadeInUp both }
.owl-carousel.in-home .active .slide-caption__btn { animation: 2s .9s fadeInLeft both }
.catalogy,.catalogy:hover{width: 280px;background: #FFF216 !important;margin-right: 30px;}
.catalogy a{
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 15px;
    text-transform: uppercase;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px !important;
}
.full-content-slider-catalogty{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.catalogy-slider{
    width: 23.333333333%;
    padding: 0 1px;
}
.content-slider{
    width: 74.166666666%;
    border-radius: 10px;
    overflow: hidden;
}


@media screen and (max-width:1048px) {
    .inner-img .postion { position: absolute; left: 1%; width: 80%; bottom: 10% }
}
@media screen and (max-width:991px) {
    .page-slider { padding-left: 0 }
    .postion h5 { font-size: 20px }
    .inner-img .postion p { font-size: 14px }
    .inner-img .postion p a { padding: 5px 20px }
}
@media screen and (max-width:768px) {
    .form-register { position: relative; width: 100%; margin-left: 0; left: 0 }
    .ten_cty { text-align: left !important; line-height: 1.3 !important }
}
@media screen and (max-width:600px) {
    .inner-img .postion { display: none }
}
.wrap_banner {padding: 10px 0px;background: #fff216;}
.logo img { max-width: 100% }
.banner img { max-width: 100% }
.hotline { display: flex; justify-content: space-between; align-items: center; font-family: 'Mulish', sans-serif; color: #000; width: 27%; }

/*---------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 5px 0px 5px; color: #fff; display: inline-block; }
.lienket img:hover { opacity: 0.7; }
.logo { border: 1px solid #efdfdf; width: 136px; box-shadow: 0px -3px 3px #e2e0e0; }
.banner { width: 37%; }

/*==============*/
.transi06 { -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.fixmenu { position: fixed !important; top: 0px !important; left: 0px !important; margin: auto !important; width: 100% !important; z-index: 919 !important; background: #fff !important; box-shadow: 0px 1px 4px #b7b4b4; }
.transf { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
div#menu_mobi { display: none; }
div#menu { background: #fff; margin: auto; width: 100%; }
.height_menu {/* height: 90px; *//* line-height: 88px; */}
div#menu ul { list-style: none; }
div#menu ul li {/* float: left; */position: relative;z-index: 99;padding: 0px 0px;}
div#menu ul li a {color: #000;font-size: 15px;padding: 0px 9px;text-transform: uppercase;display: block;font-family: 'Mulish', sans-serif;line-height: 50px;}
div#menu  > div > ul > li:after { content: ""; width: 1px; height: 11px; background: url(images/gach_menu.jpg) no-repeat; position: absolute; right: 0px; top: 22px; }
div#menu div ul li:nth-last-child(1):after { display: none; }
div#menu > div > ul > li > a:hover, div#menu ul > li > a.active, div#menu > div > ul > li > a.active2 { color: #fe0002; background: #ffffff; }
div#menu div >ul>li>ul>li>a.active, div#menu div>ul>li>ul>li>a.active2 { color: #fff; background: #e0b507; padding-left: 15px; }
div#menu.fixmenu div >ul>li>ul>li>a:hover { color: #fff !important }
div#menu.fixmenu div >ul>li>ul>li>a.active, div#menu.fixmenu div>ul>li>ul>li>a.active2 { color: #fff; background: #f50920; padding-left: 15px; }
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; }*/
/*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: var(--color-ra); border-top: 1px solid #fde482; }
div#menu ul li ul li a {padding: 0px 10px;text-transform: none;font-size: 16px;color: #000;font-size: 13px;transition: all 0.3s;}
div#menu ul li ul li a:hover { color: #000 !important; background: #e0b507; }
div#menu ul li ul li a.active2 { color: #000 !important; background: #e0b507; }
div#menu ul li ul li ul { left: 200px; top: -1px; }*/

/*-------meu-danhmucleft-------*/
#left { width: 275px; float: left; }
#right { float: right; width: 888px }
div.khung_danhmuc { margin-bottom: 15px; }
div#danhmuc {border-left: none;border-right: none;padding: 0px 0px;max-height: 340px;padding: 0 10px;overflow-y: auto;box-shadow: 0px 0px 5px #cccc;}
div#danhmuc ul li {position: relative;border-bottom: 1px dashed #ccc;}
div#danhmuc>ul>li:last-child>a { border: none; }
div#danhmuc ul li ul { position: absolute; left: 100%; width: 100%; top: 0px; display: none; z-index: 999999; background: #fff; }
div#danhmuc ul li a {padding: 10px 10px 10px 15px;color: #7f7f7f;font-family: 'MuliRegular';font-size: 15px;display: block;position: relative;}
div#danhmuc ul li a:hover { color: red; }
div#danhmuc ul li a:before {position: absolute;left: 3px;top: 16px;content: "";width: 4px;height: 7px;background: url(images/bf_li.png) no-repeat;}
div#danhmuc ul li ul li a { padding: 9px 5px 9px 22px; }
div#danhmuc ul li ul li a:after, div#danhmuc ul li ul li a:before { display: none; }
div#danhmuc ul li ul li:nth-last-child(1) a { border-bottom: none; }

.catalogy:hover #danhmuc1 {display: block;}
div#danhmuc1 {border-left: none;border-right: none;padding: 0px 0px;max-height: 340px;padding: 0 10px;overflow-y: auto;box-shadow: 0px 0px 5px #cccc;position: absolute;top: 100%;left: 0;width: 100%;background: #fff;display: none}
div#danhmuc1 > ul{position: relative !important;}
div#danhmuc1 ul li {position: relative;border-bottom: 1px dashed #ccc;width: 100% !important;}
div#danhmuc1>ul>li:last-child>a { border: none; }
div#danhmuc1 ul li ul { position: absolute; left: 100%; width: 100%; top: 0px; display: none; z-index: 999999; background: #fff; }
div#danhmuc1 ul li a {padding: 10px 10px 10px 15px;color: #7f7f7f;font-family: 'MuliRegular';font-size: 15px;display: block;position: relative;}
div#danhmuc1 ul li a:hover { color: red; }
div#danhmuc1 ul li a:before {position: absolute;left: 3px;top: 16px;content: "";width: 4px;height: 7px;background: url(images/bf_li.png) no-repeat;}
div#danhmuc1 ul li ul li a { padding: 9px 5px 9px 22px; }
div#danhmuc1 ul li ul li a:after, div#danhmuc1 ul li ul li a:before { display: none; }
div#danhmuc1 ul li ul li:nth-last-child(1) a { border-bottom: none; }


.khung_danhmuc .thanh { position: relative; font-family: var(--font-r); font-size: 17px; color: #fff; text-transform: uppercase; background: var(--color-r); padding: 12px 15px; line-height: 27px }

/*------endcotleft----------*/
#timkiem {width: 100%;background-color: #fff;height: 40px;position: relative;border: 1px solid #ccc;border-radius: 5px;overflow: hidden;display: flex;align-items: center;margin-top: 22px;}
#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; display: flex; justify-content: center; align-items: center; }
#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; }

/*-----sanpham----*/
.item { margin-bottom: 10px; width: calc(100% / 4) }
.item-3 { width: calc(100% / 3) }
.item-5 { width: calc(100%/5); margin-bottom: 20px }
.item-inner { border: 1px solid #fff; transition: 0.35s }
.item-inner:hover { border: 1px solid #ff0000; transition: 0.35s }
.item-thumb img { width: 100%; height: 100%; object-fit: cover; }
.item-info { padding: 10px 0 5px 0; text-align: center; }
.item-info h3 {line-height: 22px;margin-bottom: 2px;font-family: 'MuliBold';}
.item-info h3 a {font-family: 'MuliBold';font-size: 15px;color: #000000;text-transform: uppercase;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 .price__pro { font-family: 'RobotoRegular'; font-size: 14px; color: #333 }
.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); }
a.them_pro { font-weight: 600; color: var(--color-a); padding-right: 15px; }

/*================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.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: #000; 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 {background: url(images/bg_ft.jpg) left top no-repeat;background-size: cover;}
.ten_cty { font-family: 'Oswald', sans-serif; font-size: 30px; color: #ffcc00; text-transform: uppercase; margin-bottom: 20px; line-height: 1; display: block; width: 100%; text-align: center; font-weight: 700; }
.title_ft { margin-bottom: 15px; position: relative; color: #fff; font-size: 16px; font-family: 'RobotoBold'; text-transform: uppercase; }
.title_ft p { margin-bottom: 0px; }
.content_ft { padding: 50px 0px 30px 0; display: flex; justify-content: space-between; flex-flow: wrap; color: #fff; font-family: 'RobotoRegular'; font-size: 14px; }
.cot1_ft {width: 500px;}
.cot2_ft {width: 195px;}
.cot3_ft {width: 295px;}
.title-footer{
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    font-family: 'MuliBold';
    margin-bottom: 20px;
}
.list-policy li{line-height: 25px;font-size: 14px;font-family: 'MuliRegular';margin-bottom: 5px;}
.list-policy li a:hover{color: #ff0;}
.w_bando { height: 450px; overflow: hidden; }
.w_bando iframe { width: 100%; height: 100% }
#copyright {/* background: #ffcc00; */font-size: 13px;color: #000;border-top: 1px solid#ffffff7d;}
#copyright .flex {display: flex;justify-content: space-between;/* flex-direction: column; */text-align: center;font-family: 'MuliRegular';font-size: 14px;font-weight: 500;/* border-top: 1px solid#fff; */color: #fff;line-height: 48px;}
.lienket_ft { flex-direction: column; display: flex; align-items: center; margin-bottom: 14px; }
.lienket_ft a:last-child { margin-right: 0px; }
.lienket_ft a { margin: 0px 10px 0px 0px; 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; }
a.bv_ft { display: table; margin-bottom: 8px; }
a.bv_ft:hover { color: var(--color-a) }

/* ===== tiêu chí ====*/
.item-tieuchi { display: flex !important; justify-content: space-between; padding: 0 10px; }
a.name_tieuchi { color: #262626; font-size: 20px; text-transform: capitalize; font-family: 'RobotoBold'; display: block; margin-bottom: 10px; }
p.mota_tieuchi { color: #4c4c4c; font-size: 14px; font-family: 'RobotoRegular'; LINE-HEIGHT: 1.7; }
.chay_tieuchi { margin: 0 -10px; }
a.ig_tieuchi { display: block; overflow: hidden; width: 50px; }
.inffo-tieuchi { width: calc(100% - 50px); padding-left: 10px; }
.php-tieuchi { background: #f9f9f9; position: relative; box-shadow: 0px 3px 3px #d4d4d4; }

/*dịch vụ*/
a.ig_dichvu { display: block; overflow: hidden; }
a.ig_dichvu img { width: 100%; }
.item-dichvu { margin: 0 20px; }
.chay_dichvu { margin: 0 -20px; }
.inffo-dichvu { padding: 17px 0 0 0px; text-align: left; }
a.name_dichvu { text-transform: capitalize; font-size: 16px; color: #202226; font-family: 'Mulish', sans-serif; margin-bottom: 5px; display: block; font-weight: 700; }
p.mota_dichvu { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; color: #222222; font-family: 'Montserrat', sans-serif; line-height: 1.8; font-weight: 500; }
.w_tintuc { width: 584px; }
.left_news { width: 365px; }
a.ig_news1 { display: block; overflow: hidden; }
a.ig_news1 img { width: 100%; }
.info_news { padding: 10px 0; }
a.name_news1 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #333; font-family: 'Mulish', sans-serif; font-weight: 700; }
p.mota_news1 { font-family: 'Mulish', sans-serif; font-size: 15px; color: #333; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500; margin-bottom: 5px; }
a.them_tt { display: inline-block; font-size: 15px; color: #333; font-family: 'RobotoRegular'; border: 1px solid #000; padding: 8px 20px; }
.item_news2 {display: flex !important;margin-bottom: 15px;/* border: 1px solid #dfdfdf !important; */align-items: center;}
a.ig_news2 img { width: 100%; height: 100%; object-fit: cover; }
a.name_news2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: #333;font-size: 15px;font-family: 'MuliBold';margin-bottom: 5px;text-transform: capitalize;font-weight: 700;}
p.mota_news2 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-family: 'Mulish', sans-serif; color: #484646; text-align: justify; font-size: 13px; }
.w_face { width: calc(100% - 610px); }
.item_tintuc:nth-child(even) { display: flex !important; justify-content: space-between; flex-direction: row-reverse; }
a.ig_news2 {width: 280px;height: 420px;overflow: hidden;position: relative;}
a.ig_news2 img { width: 100%; }
.php_tintuc_sukien .tit-title { color: #000; }
.right_news { width: 100%; }
a.ig_news2 img { height: 100%; width: 100%; object-fit: cover; }
.info_news2 {width: calc(100% - 252px);height: 100%;box-shadow: 0px 0px 5px #ccc;}

/*=== đăng ký nhận tin ====*/
.title_nhantin {display: block;text-align: center;margin-bottom: 10px;/* padding-bottom: 10px; */}
.descs-newsletter{margin-bottom: 15px;font-size: 14px; font-family: 'RobotoRegular';}
#frm_nhantin input {height: 43px;float: left;background: #fff;width: 100%;color: #000;font-size: 14px;outline: none;padding-left: 10px;border: 1px solid #ddd;font-family: 'Montserrat', sans-serif;margin-bottom: 10px;font-weight: 500 !important;}
#frm_nhantin input::-webkit-input-placeholder { font-size: 12px; font-family: 'UTMAvo'; color: #000; }
#frm_nhantin button {height: 46px;width: 100%;cursor: pointer;outline: none;font-family: 'RobotoBold';color: #fff;border: none;background: var(--color-a);font-size: 16px;border-radius: 25px;text-transform: uppercase;/* font-weight: 700; */}
.title_nhantin p {text-transform: uppercase;font-size: 24px;font-family: 'MuliBold';color: #333;text-align: left;}
.title_nhantin span { color: #000; font-weight: 500; display: block; margin-top: 5px; }
.dangkymail_ft {width: 100%;float: right;background: #fff;border-radius: 10px;padding: 30px 20px;box-sizing: border-box;box-shadow: 0px 0px 15px #bbbbbbde;}
textarea#noidungdk {height: 90px;float: left;background: #fff;width: 100%;color: #000;font-size: 14px;outline: none;padding-left: 10px;border: 1px solid #ddd;border-radius: 25px;font-family: 'Montserrat', sans-serif;margin-bottom: 8px;font-weight: 500 !important;padding-top: 5px;}

/*======*/
ul.ul_menuu {width: 100%;/* padding-left: 40px; */display: flex;justify-content: space-between;}
div#header {/* background: #fff216; */}
.slogan1 { color: #000; font-family: 'Mulish', sans-serif; font-size: 19px; text-transform: uppercase; font-weight: 700; width: 29%; }
.thanh_title { text-align: center; }
.thanh_title h3 { font-family: 'Mulish', sans-serif; font-size: 25px; text-transform: uppercase; font-weight: 700; line-height: 1.5; padding-bottom: 25px; margin-bottom: 15px; }
.thanh_title:after { position: absolute; content: ""; left: calc(100%/2 - 64px); width: 128px; height: 15px; bottom: 0; background: url(images/thanh_title.png) left top no-repeat; }
.thanh_tabsp { text-align: center; }
span.click_tab {color: #333333;font-size: 20px;text-transform: uppercase;margin: 0 2px;padding: 10px 22px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;/* border-radius: 27px; */display: inline-block;cursor: pointer;margin-bottom: 5px;font-family: 'MuliBold';}
.php_gioithieu {/* background: url(images/bg_dichvu.png) left top no-repeat; */background-size: cover;}
.php-dichvu { background: url(images/bg_dichvu.png) left top fixed no-repeat; }
.tit-title {text-align: center;margin-bottom: 45px;}
.tit-title h2 {font-family: 'MuliBold';font-size: 34px;text-transform: uppercase;/* font-weight: 700; */line-height: 1.5;padding-bottom: 25px;margin-bottom: 15px;color: #333;}
.tit-title:after {position: absolute;content: "";left: calc((100% - 131px) / 2);width: 131px;height: 32px;bottom: -10px;background: url(images/thanh_videoo.png) left top no-repeat;}
.info_footer { padding-left: 15px; width: calc(100% - 60px); }
/* div#copyright:after { position: absolute; content: ""; top: 0; left: calc(100%/2 - 71px); width: 148px; height: 21px; background: url(images/b_footer.png) top center no-repeat; } */
/*.bottom_ft { text-align: center; }
.bottom_ft span a { color: #f9f9f9; text-transform: uppercase; margin: 0 60px; position: relative; font-size: 14px; font-family: 'Mulish', sans-serif; }
.bottom_ft span a:after { position: absolute; content: ""; left: -24px; top: 8px; width: 4px; height: 4px; border: 1px solid var(--color-r); background: var(--color-r); border-radius: 50%; }*/
.item_news2:nth-child(even) { display: flex; justify-content: space-between; flex-direction: row-reverse; }
.item_news2:nth-child(even) .info_news2 { text-align: right; }
.info_news2 {padding: 70px 25px;}
.info_news2 > p:nth-child(1){margin-bottom:15px;font-family: 'MuliRegular';font-size:14px;}
.content_video { float: left; width: 420px }
.khung_bao_video_con { float: right; width: 155px; overflow: hidden; height: 370px; }
.video_item { height: 100px; margin-bottom: 5px; }
img.img_video { max-width: 100%; height: 100%; object-fit: cover; }
.date_ngaytao { position: absolute; top: 0; right: 0; background: #ffcc00; text-align: center; width: 100px; height: 37px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: 'RobotoRegular'; font-size: 13px; color: #fff; }
.date_ngaytao p { line-height: 1.3; }
.item_news2:nth-child(even) .date_ngaytao { left: 0; }
a.them_dichvu { color: #000; border: 1px solid var(--color-r); display: inline-block; padding: 7px 20px; margin-top: 18px; background: var(--color-r); font-family: 'Mulish', sans-serif; }
span.giamgia { position: absolute; content: ""; top: 5px; left: 5px; background: url(images/giamgia.png) no-repeat; width: 45px; height: 45px; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 13px; font-family: 'Mulish', sans-serif; }
.item-info > a {color: #ea2727;font-size: 14px;font-family: 'MuliBold';padding-right: 0;}
span.click_tab.active {/* background: var(--color-a); *//* color: #fff; *//* border: 2px solid var(--color-a); */}
span.click_tab:hover,span.click_tab.active {/* background: var(--color-a); */color: #FFCC00;/* border: 2px solid var(--color-a); */border-top: 1px solid #FFCC00;border-bottom: 1px solid #FFCC00;}
.mota_gt {color: #fff;font-size: 14px;font-family: 'Montserrat', sans-serif;line-height: 1.8;margin-bottom: 20px;text-align: justify;text-align-last: left;}
.til_gt a {text-transform: uppercase;font-size: 34px;font-family: 'UTMAvoBold';/* font-weight: 700; */color: #FFCC00;line-height: 30px;margin-bottom: 12px;display: block;text-align: left;line-height: 40px;}
.til_gt p {color: #fff;font-size: 15px;font-family: 'RobotoRegular';text-transform: uppercase;line-height: 1.2;text-align: left;}
.til_gt {margin-bottom: 15px;padding-left: 15px;/* padding-top: 6px; */}
/* .til_gt:after { position: absolute; content: ""; top: 0; left: 0; width: 5px; height: 70px; border-left: 5px solid #e61f1f; } */
p.wel_gt {color: #fff;font-size: 30px;/* text-transform: uppercase; */font-family: 'UTMBeautifulCaps';margin-bottom: 10px;text-align: left;}
.them_ght { display: block; }
.them_ght a {font-family: 'RobotoRegular';width: 128px;height: 40px;/* border: 2px solid var(--color-a); */display: flex;justify-content: center;align-items: center;text-transform: uppercase;color: #333;background: #FFCC00;border-radius: 25px;font-size: 15px;}
.them_ght a:hover { border: 2px solid var(--color-r); background: var(--color-r); color: #fff; cursor: pointer; }
.item-dichvu:nth-child(even) { display: flex !important; justify-content: flex-end; flex-direction: column-reverse; }
.item-dichvu:nth-child(even) .inffo-dichvu { height: 197px; padding: 0 0 17px 0; }
a.them_dichvu span:after { content: "\f178"; opacity: 0; position: absolute; right: 0; top: 5px; transition: all 0.3s ease 0s; font: normal normal normal 14px/1 FontAwesome; }
a.them_dichvu span:hover:after { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
a.them_dichvu:hover span { display: block; letter-spacing: 4px; }
a.them_dichvu span { position: relative; transition: all 0.5s ease 0s; }
a.them_dichvu:hover span { letter-spacing: 3px; padding-right: 22px; }
.text_dangky { border: 1px solid #e6e1e1; width: 950px; margin: auto; border-radius: 5px; box-shadow: 2px 4px 9px #e0e0e0; padding: 20px 20px; line-height: 1.8; font-size: 14px; font-family: 'Mulish', sans-serif; }
div#dangkyhoc { width: 700px; margin: auto; }
.div_dknhantin { background: #e0e0e0; padding: 45px; text-align: center; border-radius: 7px; }
.div_dknhantin input { width: 100%; height: 48px; border: 1px solid #cccccc91; margin-bottom: 7px; padding-left: 15px; outline: none; font-family: 'Nunito Sans', sans-serif; font-weight: 500; font-size: 15px; }
.button-click button { height: 48px; cursor: pointer; outline: none; font-family: 'Montserrat', sans-serif; color: #000; background: var(--color-r); font-size: 15px; width: 180px; border: 1px solid var(--color-r); display: inline-block; text-transform: uppercase; font-weight: 700; position: relative; margin-top: 25px; }
textarea#noidungdk2 { height: 81px; float: left; background: #fff; width: 100%; outline: none; border: none; font-family: 'Montserrat', sans-serif; color: #1f1f1f; font-size: 15px; line-height: 1; border-bottom: 1px solid #fff; margin-bottom: 17px; padding-left: 15px; padding-top: 11px; }
div#dangky { width: 700px; }
input#dienthoaidk2 { float: left; width: 48%; }
input#emaildk2 { float: right; width: 50%; }
.item-info a:after { content: "\f178"; opacity: 0; position: absolute; right: 0px; top: 3px; transition: all 0.3s ease 0s; font: normal normal normal 14px/1 FontAwesome; }
.item-info a:hover:after { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);/* margin-left: 0; */ }
.item-info > a:nth-child(1):hover { padding-right: 20px; transition: all 0.3s ease 0s; }
.php_dknhantin { background: url(images/bg_dkk.png) left top no-repeat; background-size: cover; max-width: 1420px; margin: auto; }
form#frm_nhantin { float: right; }
input#hotendk {width: 100%;height: 42px;border-radius: 25px;/* margin-right: 8px; */font-family: 'Montserrat', sans-serif;}
input#dienthoaidk {width: 100%;height: 42px;border-radius: 25px;/* margin-right: 8px; */}
input#emaildk {width: 100%;height: 42px;border-radius: 25px;}
input.reset { width: 50px; height: 40px; }
.Z_input {width: 160px;text-align: left;/* margin: auto; */}
.nhaplai_input input { margin-bottom: 0 !important; display: flex; justify-content: center; align-items: center; height: 43px !important; width: 121px !important; cursor: pointer; outline: none; font-family: "UTMAvo"; color: #fff; border: none; text-align: center; border: 2px solid #e61f1f !important; border-radius: 5px; background: var(--color-r) !important; text-transform: uppercase; }
input#hotendk::placeholder { font-family: 'Mulish', sans-serif; font-size: 13px; color: #757373; }
input#emaildk::placeholder { font-family: 'Mulish', sans-serif; font-size: 13px; color: #757373; }
input#dienthoaidk::placeholder { font-family: 'Mulish', sans-serif; font-size: 13px; color: #757373; }
textarea#noidungdk::placeholder { font-family: 'Mulish', sans-serif; font-size: 13px; color: #757373; }
.item-dichvu:hover a.name_dichvu { color: var(--color-a); }
.item_news2:hover a.name_news2 { color: var(--color-a); }
a.height_item_vd { display: block; position: relative; height: 120px; }
span.icon_videoo { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; display: flex; }
.bottom_ft span a:hover { color: var(--color-r); transition: 0.15s; }
.banner a { font-size: 13px; color: #000000; }
.info_hotl span { font-family: 'Mulish', sans-serif; color: #000; font-size: 13.5px; font-weight: 500; }
.info_hotl span:nth-child(1) { margin-right: 8px; }
.inner-img .postion p a:after { position: absolute; content: ""; width: 161px; height: 49px; border: 0.5px solid #fff; display: flex; justify-content: center; top: -4px; left: -4px; bottom: 4px; border-radius: 50px; }
.photo_gt{width: 60.416666666%;/* border:solid 5px var(--color-r); */border-radius:15px;/* height:310px; */text-align:center;position:relative;padding: 40px;/* margin-top:45px; */background: url('images/bgabout.png')no-repeat top center;background-size: cover;}
.photo_gt img{width:100%}.photo{width:315px;height:325px;float:left;position:absolute;top:-50px;left:50px;z-index:2;-webkit-animation:chaynhe1 10s infinite;-moz-animation:chaynhe1 10s infinite;-ms-animation:chaynhe1 10s infinite;-o-animation:chaynhe1 10s infinite;animation:chaynhe1 10s infinite;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;transition:all 2s;overflow:hidden}.photo a,.photo1 a{display:block;position:relative;z-index:1}.photo1{width:315px;height:350px;z-index:2;-webkit-animation:chaynhe 10s infinite;-moz-animation:chaynhe 10s infinite;-ms-animation:chaynhe 10s infinite;-o-animation:chaynhe 10s infinite;animation:chaynhe 10s infinite;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;transition:all 2s;position:absolute;left:365px;top:50px;overflow:hidden}@-moz-keyframes chaynhe{0%{top:-50px;left:50px;z-index:2}25%{top:50px;left:50px;z-index:2}50%{top:50px;left:calc(100% - 365px);z-index:2}75%{top:-50px;left:calc(100% - 365px);z-index:2}100%{top:-50px;left:50px;z-index:2}}@-webkit-keyframes chaynhe{0%{top:-50px;left:50px;z-index:2}25%{top:50px;left:50px;z-index:2}50%{top:50px;left:calc(100% - 365px);z-index:2}75%{top:-50px;left:calc(100% - 365px);z-index:2}100%{top:-50px;left:50px;z-index:2}}@-o-keyframes chaynhe{0%{top:-50px;left:50px;z-index:2}25%{top:50px;left:50px;z-index:2}50%{top:50px;left:calc(100% - 365px);z-index:2}75%{top:-50px;left:calc(100% - 365px);z-index:2}100%{top:-50px;left:50px;z-index:2}}@-moz-keyframes chaynhe1{0%{top:50px;left:calc(100% - 365px);z-index:2}25%{top:-50px;left:calc(100% - 365px);z-index:2}50%{top:-50px;left:50px;z-index:2}75%{top:50px;left:50px;z-index:2}100%{top:50px;left:calc(100% - 365px);z-index:2}}@-webkit-keyframes chaynhe1{0%{top:50px;left:calc(100% - 365px);z-index:2}25%{top:-50px;left:calc(100% - 365px);z-index:2}50%{top:-50px;left:50px;z-index:2}75%{top:50px;left:50px;z-index:2}100%{top:50px;left:calc(100% - 365px);z-index:2}}@-o-keyframes chaynhe1{0%{top:50px;left:calc(100% - 365px);z-index:2}25%{top:-50px;left:calc(100% - 365px);z-index:2}50%{top:-50px;left:50px;z-index:2}75%{top:50px;left:50px;z-index:2}100%{top:50px;left:calc(100% - 365px);z-index:2}}.left_gt{width: 35%;}.chon_video{overflow:hidden}#chon_video{height:35px;color:#404040;font-size:14px;margin:0px 0px 0px 0px;text-align:center;width:100%;outline:none;cursor:pointer}.w_video{display:none}.fixmenu .logo{width:90px}.fixmenu .logo img{width:100%;height:100%;object-fit:cover}span.first_status1{height:35px;width:200px;background:#c10000;color:#fff;border-radius:5px;display:inline-block;text-align:center;line-height:35px;font-family:'Arial';font-size:16px;font-weight:700}.item_slider_mb img{max-width:100%}.slider_mbb{display:none!important}span.ten_mb{line-height:35px;letter-spacing:0;font-weight:900;font-size:35px;color:#fff;font-family:'Montserrat',sans-serif;text-transform:uppercase}.mota_sli{color:#fff;font-size:14px;line-height:25px;font-weight:400;max-width:525px;margin:15px auto 25px auto;font-family:'Montserrat',sans-serif}.inf_slick_slide{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:500px;margin:auto}@media screen and  (max-width:1248px){
    div#menu ul li a { padding: 0px 7px }
    ul.ul_menuu { width: calc(100% - 136px); padding-left: 10px; }
    .w_tintuc { width: 48%; }
    .w_face { width: 50%; }
}
.item-4{width: calc(100% / 4);}

.slick_news{width: calc(100% + 40px);margin: 0 -20px;}
.item-slick{width: 100%;padding: 0 20px;box-sizing: border-box;}
.wrap-content-news{width: 100%;padding: 35px 0;}
.views-new a img{display: inline-block !important;}
.views-new{margin-top: 30px;}
.wrap-slider-adv{width: 100%;margin-top: 50px;}
.chay_adv{width: calc(100% + 20px);margin: 0 -10px;}
.item-slick-adv{padding: 0 10px;width: 100%;box-sizing: border-box;}
.chay_adv1{max-width: 1366px;margin: auto;width: 100%;}
.chay_sanpham{width: calc(100% + 26px);margin: 0 -13px;}
.item-slick-prouduct{padding: 0 13px;box-sizing: border-box;}
.item-slick-prouduct > .item-inner,.full-item .item-inner {border: none;border-radius: 15px;padding: 5px;background: #F7F7F7;}
.item-slick-prouduct > .item-inner:hover,.full-item .item-inner:hover{background: #FFCC00;}
.item-slick-prouduct  .hidden__img,.full-item .hidden__img{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.title-product-list{width: 100%;display: flex;justify-content: space-between;margin: 25px 0;background: #F7F7F7;padding-left: 55px;font-family: 'MuliBold';}
.title-product-list h3{position: relative;background: #FFCC00;line-height: 46px;padding: 0 25px;color: #333;font-size: 18px;text-transform: uppercase;}
.title-product-list h3:after{content: '';position: absolute;left: -54px;top: 0;background: url('images/after_tt_sp.png')no-repeat top center;width: 54px;height: 46px;}
.title-product-list h3:before{content: '';position: absolute;right: -51px;top: 0;background: url('images/before_tt_sp.png')no-repeat top center;width: 51px;height: 46px;}
.title-product-list span{line-height: 46px;font-size:14px;text-transform: capitalize;padding-right: 15px;color:#d61414}

.wrap-why-choose-me{width: 100%;background:url('images/bgvs.jpg')no-repeat top center;background-size: cover;padding: 45px 0;margin: 35px 0;}
.wrap-why-choose-me .tit-title h2{color: #ffcc00;}
.content-why{
    background: url('images/logo.png')no-repeat center center;
}
.row-why{
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #fff;
    margin-bottom: 55px;
}
.item-why{width: 100%;text-align: center;font-family: 'MuliRegular';font-size: 15px;max-width: 25.416666666%;}
.item-why h3{font-size: 15px;font-family: 'MuliBold';margin: 5px 0;}
.img-why {width: 100%;text-align: center;margin-bottom: 20px;}
.img-why span{background: url('images/bgicon_vs.png');width: 104px;height: 104px;display: flex;align-items: center;justify-content: center;margin: auto;}
.item-why:hover .img-why span{
    transform: rotate(360deg);transition: all 0.6s;
}
.chay_adv img,.chay_adv1 img{width: 100%;object-fit: cover;}


@media screen and  (max-width:1180px) { }
@media screen and  (max-width:1120px) {
    .hotline, div#menu, .height_menu, .banner, .bos, div#copyright:after, div#header { display: none; }
    div#menu_mobi, .w_video { display: block; }
    .pad-40 { padding: 25px 0px; }
    .content_ft { padding: 35px 0 30px 0 }
}
@media screen and  (max-width:1070px) { }
@media screen and  (max-width:1024px) {
    .ma-rp15 { margin: 0px -10px }
    .pa-rp15 { padding: 0px 10px }
    .ma-rp10 { margin: 0px -10px }
    .pa-rp10 { padding: 0px 10px }
    .ma-rp5 { margin: 0px -5px }
    .pa-rp5 { padding: 0px 5px }
    .pad-30 { padding: 30px 0px }
    .pad-50 { padding: 35px 0px }
    .pad-60 { padding: 35px 0px }
    .til_gt a { font-size: 25px }
    .item-5 { width: calc(100%/4); margin-bottom: 20px; }
    .w_tintuc { width: 59%; }
    .w_face { width: 39%; }
    .cot1_ft { width: 48%; }
    .cot2_ft { width: 20% }
    .cot3_ft { width: 23% }
}
@media screen and  (max-width:992px) {
    .item-4{width: calc(100% / 3)}
}
@media screen and  (max-width:918px) {
    .text_dangky { width: 100% }
    div#dangkyhoc { width: 100% }
    .til_gt { margin-bottom: 15px; padding-left: 0; padding-top: 0; }
    .til_gt:after { display: none; }
    .catalogy-slider{display: none;}
    .content-slider{width: 100%;}

    .content-why{
        background: none;
    }
    .item-why{
        max-width: 100%;
    }
}
@media screen and  (max-width:800px) {
    .photo_gt {position: relative;margin-top: 45px;width: 100%;margin: auto;}
    .left_gt {width: 100%;margin-top: 50px;}
    .item-5 { width: calc(100%/3); margin-bottom: 20px; }
    .dangkymail_ft { width: 100%; float: none; }
    .item-dichvu { margin: 0 10px; }
    .chay_dichvu { margin: 0 -10px; }
    .w_tintuc { width: 100%; margin-bottom: 20px }
    .w_face { width: 100% }
    .cot1_ft { width: 100%; margin-bottom: 15px; }
    .cot2_ft { width: 100%; margin-bottom: 15px; }
    .cot3_ft { width: 100%; }
    .slider_mbb {/* display: block !important; */}
    .slider_deptop {/* display: none; */margin-top: 10px !important;}
    .php_gioithieu { margin-top: 45px }
    .chay_adv{width: 100%;margin: auto;}
    span.click_tab{font-size: 17px;}
}
@media screen and  (max-width:768px) {
    input#hotendk, input#dienthoaidk {width: 100%;}
    input#emaildk {width: 100%;}
    .bottom_ft { text-align: left; }
    .bottom_ft span a { margin: 0 15px }
    .bottom_ft span a:after { left: -10px }
    .div_dknhantin { padding: 20px }
    .button-click button { margin-top: 10px }
    .tit-title h2{font-size: 22px;}
}
@media screen and  (max-width:725px) {
    .ma-rp15 { margin: 0px -5px }
    .pa-rp15 { padding: 0px 5px }
    .ma-rp10 { margin: 0px -5px }
    .pa-rp10 { padding: 0px 5px }
    .ma-rp5 { margin: 0px -5px }
    .pa-rp5 { padding: 0px 5px }
    .photo_gt img { width: 100%; transform: scale(0.9); }
    .php_gioithieu { margin-top: 0 }
    .title-product-list h3{font-size: 14px;padding: 0 15px;}
    .photo_gt {/* transform: scale(0.9); */}
}
@media screen and  (max-width:680px) {
    .info_news2 { padding: 12px; }
    .photo_gt {margin-top: 20px;/* width: 82% */}
    .item-5 { width: calc(100%/2); margin-bottom: 20px; }
}
@media screen and  (max-width:600px) {
    .inner-img .postion { display: none; }
    input#hotendk, input#dienthoaidk { width: 100%; margin-bottom: 10px }
    input#emaildk { width: 100% }
    .dangkymail_ft {width: 100%;float: none;margin: auto;}
    .item-4{width: calc(100% / 2)}
}
@media screen and  (max-width:568px) {
    .photo_gt {/* transform: scale(0.8); */}
    .photo_gt img { width: 100%; transform: scale(1); }
    .left_gt { width: 100%; margin-top: 75px; }
}
@media screen and  (max-width:520px) {
    input#dienthoaidk2, input#emaildk2 { width: 100% }
    span.ten_mb { font-size: 20px }
    .inf_slick_slide { max-width: 350px }
    .inf_slick_slide { display: none }
}
@media screen and  (max-width:480px) {
    .ten_cty { font-size: 28px }
    .photo_gt { transform: scale(0.7); }
    .photo_gt img { width: 100%; transform: scale(1); }
    .left_gt { margin-top: 46px; }
}
@media screen and  (max-width:414px) {
    a.ig_news2 { width: 180px; height: 110px; overflow: hidden; position: relative; }
    .info_news2 { width: calc(100% - 180px); }
    .date_ngaytao { display: none; }
    a.name_news2 { font-size: 14px; margin-bottom: 0 }
    p.mota_news2 { -webkit-line-clamp: 2; }
    .photo_gt { transform: scale(1); }
    .photo_gt img { width: 100%; transform: scale(0.8); }
    .til_gt a { font-size: 25px }
    .left_gt { margin-top: 84px; }
}
@media screen and  (max-width:382px) { }
@media screen and  (max-width:320px) { }