@charset "utf-8";
:root { --font-main: 'Nunito Sans', sans-serif; --font-r: 'Noto Sans', sans-serif; --font-f: 'Noto Sans', sans-serif; --color-r: #f3cc29; --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; }
* { margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { font-family: var(--font-main); 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: 180px 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: 15px; }
.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: 1220px; 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 { width: 100%; height: 100%; position: fixed; top: 0%; left: 0%; display: flex; align-items: center; justify-content: center; z-index: 999999999; background: #fff }
.loadingcover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, .75); z-index: 999 }
.loader { position: relative; width: 2.5em; height: 2.5em; transform: rotate(165deg); }
.loader:before, .loader:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 0.5em; height: 0.5em; border-radius: 0.25em; transform: translate(-50%, -50%); }
.loader:before { animation: before 2s infinite; }
.loader:after { animation: after 2s infinite; }
@keyframes before {
    0% { width: 0.5em; box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); }
    35% { width: 2.5em; box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); }
    70% { width: 0.5em; box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); }
    100% { box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); }
}
@keyframes after {
    0% { height: 0.5em; box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }
    35% { height: 2.5em; box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); }
    70% { height: 0.5em; box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); }
    100% { box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }
}
.loader { position: absolute; top: calc(50% - 1.25em); left: calc(50% - 1.25em); }
/*==*/
#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 .logo { width: 90px; }
@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 { margin-bottom: 25px; padding-bottom: 10px; position: relative; }
.tit-title h2 { font-family: 'RobotoBold'; font-size: 20px; line-height: 30px; color: #272727; text-transform: uppercase; }
.tit-title:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 70px; height: 1px; background: #333 }
.tit-title:before { content: ""; position: absolute; left: 0px; bottom: 4px; width: 50px; height: 1px; background: #333 }
/*-------slider------*/
#slide_show { margin-top: -1px }
#slider-top { max-width: 1920px; margin: auto; }
.wrap_banner { padding: 10px 0px }
.logo img { max-width: 100% }
.banner img { max-width: 100% }
.hotline { float: right; }
/*---------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; }
/*==============*/
.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; height: 65px !important; line-height: 65px !important; animation: slide-down 0.5s; box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.35); }
.transf { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
div#menu_mobi { display: none; }
div#menu {background: #f5f5f5;height: 105px;line-height: 106px;margin: auto;width: 100%;position: relative;z-index: 3;/* overflow: hidden; */box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.35);}
div#menu ul {list-style: none;position: relative;/* height: 40px; *//* line-height: 40px; */}
div#menu ul li {float: left;position: relative;z-index: 99;padding: 0px 0px;line-height: 105px;}
div#menu ul li a {color: #231c1c;font-size: 15px;padding: 0px 25px;text-transform: uppercase;display: block;
    height: 30px;line-height: 30px;margin-top: 55px;font-weight: 800}
/*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: #b40e17; background: #f5f5f5; }
div#menu div >ul>li>ul>li>a.active, div#menu div>ul>li>ul>li>a.active2 { color: #f3cc29; background: #f3cc29; 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 >div > ul > li > ul { top: 70%; }
div#menu ul li ul li:hover > ul { transform: perspective(600px) rotateX(0deg); }
div#menu ul li ul li { width: 220px; line-height: 1.5; background: #fefefe; border-top: 1px solid #dddede; color: #000; }
div#menu ul li ul li a { padding: 13px 10px; text-transform: none; font-size: 16px; color: #f3cc29; font-size: 13px; transition: all 0.3s; }
div#menu ul li ul li a:hover { color: #fff !important; background: #f3cc29; }
div#menu ul li ul li a.active2 { color: #fefefe !important; background: #f3cc29; }
div#menu ul li ul li ul { left: 200px; top: -1px; }
.fixmenu ul li a { margin-top: 18px!important }
/*-------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; }
div#danhmuc ul li { position: relative; }
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 35px; color: #7f7f7f; font-family: 'RobotoRegular'; font-size: 15px; display: block; position: relative; }
div#danhmuc ul li a:hover { color: red; }
div#danhmuc ul li a:before { position: absolute; left: 23px; top: 15px; 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; }
.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{position: absolute;right:20px;top:50%;transform:translateY(-50%);width: 0;background-color:var(--color-r);height: 40px;border:none;border-radius:20px;overflow:hidden;transition: all 0.5s;opacity: 0;}
#timkiem input{float: left;width:calc(100% - 40px);height: 40px;outline: none;border: none;background-color:var(--color-r);font-size: 14px;color: #fff;padding-left: 10px;}
#timkiem button {float:right;width: 40px; height: 40px; outline: none; border: none;background: transparent;color: #fff;font-size: 20px;}
#timkiem input::-webkit-input-placeholder {color: #ffff;font-size: 13px;}
#timkiem input:-moz-placeholder { /* Firefox 18- */color: #fff;font-size: 13px;  }
#timkiem input::-moz-placeholder {  /* Firefox 19+ */color: #fff;font-size: 13px;}
#timkiem input:-ms-input-placeholder {  color: #fff;font-size: 13px;  }
.pre_search{position: relative;cursor:pointer;}
#timkiem.active{width: 15rem;opacity: 1;}
.pre_search i{font-size: 18px}
/*-----sanpham----*/
.item { margin-bottom: 10px; width: calc(100% / 4) }
.item-3 { width: calc(100% / 3) }
.item-inner { border: 1px solid #eee; }
.item-info { padding: 5px; text-align: center; }
.item-info h3 { line-height: 22px; }
.item-info h3 a { font-family: 'RobotoBold'; font-size: 15px; color: #333; 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); }
/*================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 }

.nav2 .slick-prev { position: absolute; top: calc(50% - 18px); left: -5px; width: 50px; height: 50px; 
	background: #fff; font-size: 20px; color: #333; line-height: 50px;border-radius: 50%;box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.14)}
.nav2 .slick-next { transform: rotate(0); position: absolute; top: calc(50% - 18px); right: -5px; width: 50px; 
	height: 50px; background: #fff; font-size: 20px; color: #333; line-height: 50px;border-radius: 50%;box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.14)}

/*===*/
.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 }
.box-video_vd { width: calc(100% / 3); margin-bottom: 15px }
.box-video_vd .img-video img { width: 100% }
.box-video_vd .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_vd h3 { line-height: 22px; margin-top: 5px; text-align: center; }
.box-video_vd h3 a { font-size: 15px; font-family: 'RobotoBold'; text-transform: uppercase; color: #333; }
.box-video_vd 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========*/
.ten_cty { font-family: 'UTMHelvetIns'; font-size: 22px; color: #fff; text-transform: uppercase; 
margin-bottom: 10px; line-height:30px; }
.title_ft { margin-bottom: 15px; position: relative; color: #fff; font-size: 16px; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; font-weight: 700; }
.title_ft p { margin-bottom: 0px; }
.content_ft { padding: 30px 0; display: flex; justify-content: space-between; flex-flow: wrap; color: #fff; font-family: 'RobotoRegular'; font-size: 14px; }
.cot1_ft { width: 33%; }
.cot2_ft { width: 21%; }
.cot3_ft { width: 23%; }
.w_bando { height: 200px; overflow: hidden; }
.w_bando iframe { width: 100%; height: 100% }
#copyright { background: none; font-size: 13px; color: #fff; }
#copyright .flex { display: flex; justify-content: flex-start; padding: 13px 0; border-top:1px solid #ffd93c; }
/*=====footer========*/
.lienket_ft { display: flex; align-items: center; width: 20%; }
.icon-footer { float: right; padding-left: 15px; }
.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; }
.til_da { text-align: left; display: block; padding-bottom: 10px; margin-bottom: 10px; }
.php-duan { padding: 42px 0; }
a.ig_da { display: block; overflow: hidden; }
a.ig_da img { width: 100%; }
.item_da { margin: 0 10px; }
.chay_da { margin: 0 -10px; }
.php-nhungconso { padding: 55px 0; background: url(images/bg-4.jpg) left center no-repeat; background-size: cover; color: #fff; }
.til_cso { text-align: center; display: block; margin-bottom: 10px; padding-bottom: 10px; }
.item_antuong { display: flex !important; align-items: center; justify-content: space-between; }
.logo_footer { width: 16%; }
a.bv_ft { display: block; margin-bottom: 9px; transition: 0.32s; font-family: 'Nunito Sans', sans-serif; font-size: 15px; }
a.ten_da { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-family: 'Nunito Sans', sans-serif; text-transform: capitalize; font-size: 17px; line-height: 1.5; margin-bottom: 6px; font-weight: 700; color: #000; }
p.mota_da { margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family: 'Nunito Sans', sans-serif; font-size: 15px; line-height: 1.6; }
.info_da { padding: 15px 0; text-align: center; }
.til_da p { text-transform: uppercase; font-size: 13px; line-height: 1; margin-bottom: 12px; font-family: 'Nunito Sans', sans-serif; font-weight: 600; }
.til_da h3 { text-transform: uppercase; font-size: 32px; font-family: 'UTMAvoBold'; line-height: 1.5; }
a.ig_loiich { display: block; overflow: hidden; }
.php-tintuc { background: #efefef; padding: 43px 0; }
.php-tintuc_one { width: 790px; border-radius: 9px; overflow: hidden; }
.php-tintuc_two { width: 380px }
a.ig_tin1 { width: 400px; display: block; overflow: hidden; }
a.ig_tin1 img { max-width: 100%; }
.info_tin1 {width: calc(100% - 400px);padding-left: 30px;text-align: justify;background: #fff;padding-top: 57px;padding-right: 30px;position: relative;border-radius: 0 0 7px 0;overflow: hidden;}
.til_tintuc { background: #fff; padding: 16px 19px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; border-radius: 5px; }
.item_tintuc2 { background: #fff; margin-bottom: 11px; padding: 12px 17px; display: flex !important; justify-content: space-between; align-items: center; border-radius: 4px; transition: 0.35s; }
a.ngaydang_tin2 span:nth-child(1) { display: block; font-family: 'RobotoBold'; font-size: 28px; margin-bottom: 5px; }
a.ngaydang_tin2 span:nth-child(2) { display: block; font-size: 13px; text-align: center; font-family: 'RobotoRegular';/* color: #f3cc29; */ }
a.ngaydang_tin2 { width: 70px; border-right: 1px solid #f3cc29; display: inline-block; text-align: center; padding-right: 12px; color: var(--color-r); transition: 0.35s; }
a.ten_tin2 { width: calc(100% - 70px); font-family: 'Nunito Sans', sans-serif; padding-left: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500; font-size: 15px; }
.item_tintuc1 { }
.left_gth {width: 43%;position: relative;}
.right_gth { width:54%;  }
.php-gioithieu { padding: 60px 0; }
.btn-dow{display: inline-block;padding: 10px 20px;border:2px solid #f3cc29;color: #000;font-weight: 700;font-size: 16px;
    text-transform: uppercase;border-radius: 5px;background: #ffff;margin-top: 15px;margin-left: 20px}
.btn-dow:hover{color: #fff;background:#f3cc29}
.btn-all:hover { color: #ffffff;background: #f3cc29}
.btn-all {display: inline-block;padding: 10px 20px;border:2px solid #f3cc29;color: #000;font-weight: 700;font-size: 16px;
    text-transform: uppercase;border-radius: 5px;background: #ffff;margin-top:15px}

/*.left_gth:after {position: absolute;content: "";bottom: 0;left: -26px;width: 458px;height: 564px;
background: #f3cc29;z-index: -1;}*/
.til_gth { text-transform: uppercase; font-size: 25px;display: block; margin-bottom: 17px;
 padding-bottom: 18px; font-family: 'UTMHelvetIns'; line-height: 35px; position: relative; }
.mota_gth { display: block; line-height: 1.88; }
a.ig_doitacc { display: block; overflow: hidden; padding: 13px 12px; }
.til_doitac { text-align: center; margin-bottom: 10px; padding-bottom: 10px; }
.chaydoitac { background: #fff; padding: 29px 25px; box-shadow: 0 0 16px #ccbebe; margin: 0 -9px; }
.php-doitac { background: url(images/bg_doitac.jpg) left center no-repeat; background-size: cover; padding: 45px 0; }
.item_doitac { padding: 0 10px; border-right: 1px solid #e8e8e8; }
.item_doitac:nth-last-child(1) .item_doitac { border-right: none; }
a.ig_giaiphap { display: block; overflow: hidden; width: 600px; height: 420px; }
a.ig_giaiphap img { width: 100% }
.item_giaiphap { margin: 0 15px }
.item_giaiphap { display: flex !important; justify-content: space-between; }
.chay_giaiphap { margin: 0 -15px }
p.mota_giaiphap { margin-bottom: 20px; line-height: 1.8; }
a.them_giaiphap { font-size: 15px; color: #ff0000; border: 1px solid #ff0000; padding: 9px 24px; border-radius: 31px; text-transform: capitalize; display: inline-block; }
.info_giaiphap { width: calc(100% - 600px); padding-right: 22px; background: #fff; padding: 60px 30px 60px 65px; }
.php-giaiphap { padding: 66px 0; background: url(images/bg-2.jpg) left top no-repeat; }
.tiile_da { color: #333; }
a.title_dp { border: 1px solid #0d7b34; padding: 12px 31px; cursor: pointer; border-radius: 50px; margin: 0 1px; color: #fff; background: #0d7b34; font-weight: 600; font-size: 15px; text-transform: uppercase; }
.til_giaiphap { margin-bottom: 20px; padding-bottom: 15px; }
.tiile_da h3 { font-size: 12px; font-family: 'UTMAvo'; text-transform: uppercase; margin-bottom: 2px; }
.tiile_da p { font-family: 'UTMAvoBold'; font-size: 31px; line-height: 1.5; text-transform: uppercase; }
a.title_dp:hover { color: #115c9f; background: #fff; border: 1px solid #0f5a9e; transition: 0.32s; }
a.ten_giaiphap { display: block; margin-bottom: 21px; color: #000; position: relative; top: 1px; padding: 13px 7px 21px 0px; font-family: 'UTMHelvetIns'; font-size: 31px;line-height: 41px;text-transform: uppercase; cursor: pointer; border-bottom: 1px solid #ccc; }
.them_dicvu { display: flex; justify-content: space-between; width: 100%; background: #d62f36; align-items: center; position: relative; }
span.them_dv1 { width: 80%; padding: 14px 21px; text-transform: uppercase; color: #fff; font-size: 16px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; background: #2d6e8a; }
span.them_dv2 { width: 18%; text-align: right; align-items: center; padding: 14px 24px; color: #fff; position: relative; }
.til_doitac p { font-size: 14px; color: #000; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; font-weight: 600; }
.til_doitac span { text-transform: uppercase; font-size: 44px; line-height: 1.7; font-family: 'UTMHelvetIns'; }
.til_tintuc span { font-family: 'UTMHelvetIns'; text-transform: uppercase; font-size: 23px; color: #f3cc29; line-height: 1; }
.til_tintuc a { font-family: 'Nunito Sans', sans-serif; color: #f3cc29; font-weight: 700; font-size: 16px; text-decoration: underline; }
a.ten_tin1 { font-family: 'Nunito Sans', sans-serif; font-size: 18px; display: block; margin-bottom: 11px; line-height: 1.5; font-weight: 700; }
p.ngay_taotin { font-family: 'Nunito Sans', sans-serif; font-size: 14px; line-height: 1; margin-bottom: 12px; color: #828080; }
p.mota_tin { border-top: 1px solid #ccc;
    padding-top: 8px; font-family: 'Nunito Sans', sans-serif; color: #1f1f1f; line-height: 1.7; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
a.bv_ft:hover { color: #4b97fb; padding-left: 15px; transition: 0.32s; }

.item_tintuc2:hover { color: #ffffff; background: var(--color-r); }
.til_cso p { font-size: 14px; color: #fff; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; font-weight: 600; }
.til_cso h3 { text-transform: uppercase; font-size: 34px; line-height: 1.7; font-family: 'UTMHelvetIns'; }
.item_tintuc2:hover a.ngaydang_tin2 { color: #fff; }
.item_tintuc2:hover a.ten_tin2 { color: #fff; }
.item_antuong { margin: 0 10px; padding: 15px 3px; }
.chay_antuong { margin: 0 -10px; }
a.ig_antuong { width: 64px; background: #fff; transform: rotate(133deg); height: 64px; display: flex; justify-content: center; align-items: center; }
span.ig_images { transform: rotate(-133deg); display: block; }
.info_antuong { width: calc(100% - 80px); padding-left: 27px; }
a.ten_antuong { text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; font-size: 13px; line-height: 1.5; font-weight: 500; color: #fff; }
p.conso_antuong { text-transform: uppercase; font-family: 'UTMAvoBold'; font-size: 35px; line-height: 1; }
a.ig_albumhinh { overflow: hidden; display: block; }
a.ig_albumhinh img { width: 100%; }
.item_hinhanh { width: calc(100%/3 - 20px); margin: 0 10px; margin-bottom: 20px; position: relative; overflow: hidden; transition: 0.35s; }
.php-hoatdong { padding: 40px 0; }
.til_hoatdong p { font-family: 'UTMAvoBold'; font-size: 34px; text-transform: capitalize; display: block; line-height: 1; }
.til_hoatdong { display: block; text-align: center; padding-bottom: 7px; }
#tabs_sp > ul:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 3px; background: #b7b5b5; z-index: -1; }
.til_gth:before { position: absolute; content: ""; bottom: 2px; left: 0; width: 65px; height: 2px; background: #f3cc29; }
.til_gth:after { position: absolute; content: ""; left: 0; bottom: 0; width: 6px; height: 6px; background: #f3cc29; transform: rotate(45deg); }
.info_hinhanh { padding: 10px 11px; position: absolute; bottom: -100%; left: 0; width: 100%; background: rgba(0, 0, 0, 0.55);    /* opacity: 0; */ transition: 0.45s; }
a.ten_albumhinh { color: #fff; font-family: 'Nunito Sans', sans-serif; font-weight: 700; text-transform: uppercase; }
div#tabs_sp div#container_product { border: none; }
div#tabs_sp div#container_product .content_tabdetail { border: none; }
a.title_dp.a_active { color: #115c9f; background: #fff; border: 1px solid #0f5a9e; transition: 0.32s; }
.box_img_hinhanh { margin: 0 -10px; }
.thongke_ft { display: flex; justify-content: flex-end; align-items: center; font-family: 'Nunito Sans', sans-serif; font-size: 14px; }
#search { position: absolute; right: 69px; top: 0px; display: flex; justify-content: space-between; align-items: center; }
#search a { float: right; cursor: pointer; border-radius: 50%; }
.hien { transition: 1s; width: 294px !important; opacity: 1 !important; padding: 0 18px !important; border: 1px solid #ccc !important; border-radius: 24px; height: 39px; background: #FFF; outline: 0; color: #464646; margin-top: 8px; margin-right: 9px; }
.an { transition: 1s; width: 0px !important; opacity: 0 !important; padding: 0 !important; border: 0px !important; height: 40px; margin-top: 8px; }
.php-header {position: absolute;top: 6px;left: 0;z-index: 9;width: 100%;}
.le_tophed { width: 50%; }
.ri_tophed { width: 50%; display: flex; justify-content: flex-end; align-items: center; position: relative; padding: 5px 0; }
.ri_tophed div { margin: 0 7px; }
.ri_tophed > a:nth-child(1) { text-transform: capitalize; margin-right: 16px; font-weight: 400; }
.php-ngonngu { text-transform: uppercase; font-weight: 700; }
.ri_tophed span {padding-right: 10px;font-size:20px;}
.thongke_ft span { margin-left: 15px; }
span.them_dv2:after { position: absolute; content: ""; top: 0; left: -56px; width: 0; height: 0; border-top: 50px solid #d62f36; border-left: 47px solid transparent; }
.them_dicvu { display: flex; justify-content: space-between; width: 100%; background: #d62f36; align-items: center; position: relative; }
span.them_dv1 {width: 80%;padding: 14px 21px;text-transform: uppercase;color: #fff;font-size: 16px;font-family: 'Nunito Sans', sans-serif;font-weight: 700;background: #f3cc29;}
span.them_dv2 { width: 18%; text-align: right; align-items: center; padding: 14px 24px; color: #fff; position: relative; }
.item_hinhanh:hover .info_hinhanh { bottom: 0; transition: 0.35s; }
span.them_dv2a:after { position: absolute; content: ""; top: 0; left: -54px; width: 0; height: 0; border-top: 50px solid #d62f36; border-left: 47px solid transparent; }
.them_dicvua { display: flex; justify-content: space-between; width: 100%; background: #d62f36; align-items: center; position: relative; }
span.them_dv1a {width: 80%;padding: 14px 21px;text-transform: uppercase;color: #fff;font-size: 16px;font-family: 'Nunito Sans', sans-serif;font-weight: 700;background: #f3cc29;}
span.them_dv2a { width: 18%; text-align: right; align-items: center; padding: 14px 24px; color: #fff; position: relative; }
a.them_tintucc {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px 25px;
    background: #f3cc29;
    color: #fff;
}
a.them_tintucc i {
    margin-left: 7px;
}

span.item_gth_imges.slick-slide.slick-current.slick-active {}
span.item_gth_img img {
    width: 100%;
}
.info_tin1:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 80px;
    width: 0;
    height: 0;
    border-bottom: 46px solid #f3cc29;
    border-left: 31px solid transparent;
}
a.them_tintucc i {
    font-size: 23px;
}
.info_tin1:hover a.them_tintucc {
    background: #2181ff;
}
.info_tin1:hover:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 80px;
    width: 0;
    height: 0;
    border-bottom: 46px solid #2181ff;
    border-left: 31px solid transparent;
}
.php-ngonngu span {
    padding-right: 0;
    padding: 0px 3px!important;
}
.php-ngonngu a {
    text-transform: uppercase;
    font-size: 16px;
}
.left_gth img {
    max-width: 100%;
}
@media screen and  (max-width:1248px) {}
@media screen and  (max-width:1180px) {
    .php-tintuc_one {
        width: 70%;
        border-radius: 9px;
        overflow: hidden;
    }
    .php-tintuc_two {
        width: 29%;
    }
}
@media screen and  (max-width:1120px) {}
@media screen and  (max-width:1070px) {
    div#menu { display: none; }
    div#menu_mobi { display: block; }
    #header { display: none; }
    .php-gioithieu {
        padding: 44px 0;
    }
    .php-giaiphap {
        padding: 42px 0;
        background: url(images/bg-2.jpg) left top no-repeat;
    }
    .info_giaiphap {
        width: calc(100% - 600px);
        padding-right: 22px;
        background: #fff;
        padding: 26px 15px 27px 22px;
    }
    a.ten_giaiphap {
        display: block;
        margin-bottom: 11px;
        color: #000;
        position: relative;
        top: 1px;
        padding: 8px 7px 7px 0px;
        font-family: 'UTMHelvetIns';
        font-size: 25px;
        text-transform: uppercase;
        cursor: pointer;
        border-bottom: 1px solid #ccc;
        line-height: 35px;
    }
    .php-duan {
        padding: 34px 0;
    }
    .til_da {
        text-align: left;
        display: block;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .til_da h3 {
        text-transform: uppercase;
        font-size: 27px;
        font-family: 'UTMAvoBold';
        line-height: 1.3;
    }
    span.them_dv2a:after {
        position: absolute;
        content: "";
        top: 0;
        left: -56px;
        width: 0;
        height: 0;
        border-top: 50px solid #d62f36;
        border-left: 47px solid transparent;
    }
    .php-hoatdong {
        padding: 6px 0;
    }
    .php-duan {
        padding: 34px 0 20px 0;
    }
    .til_hoatdong p { font-size: 28px }
    .mgt-20 {
        margin-top: 5px;
    }
    .til_doitac span { font-size: 34px }
    .info_tin1 {
        width: calc(100% - 400px);
        padding-left: 18px;
        text-align: justify;
        background: #fff;
        padding-top: 22px;
        padding-right: 16px;
        position: relative;
        border-radius: 0 0 7px 0;
        overflow: hidden;
    }
    a.ten_tin1 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        margin-bottom: 11px;
        line-height: 1.34;
        font-weight: 700;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .info_tin1:after {
        display: none;
    }
    .content_ft { padding: 36px 0px 25px 0 }
}
@media screen and  (max-width:1024px) {
    span.them_dv2:after { display: none; }
    .info_giaiphap {
        width: 100%;
        padding-right: 22px;
        background: #fff;
        padding: 26px 15px 27px 22px;
    }
    a.ig_giaiphap {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    .item_giaiphap {
    	flex-flow: wrap;
        display: flex !important;
        justify-content: space-between;
        /*align-items: center;*/
    }
    .til_giaiphap {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }
    /*.ten_cty { font-size: 28px }*/
    .thongke_ft {
        display: flex;
        justify-content: center;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 14px;
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    .lienket_ft {
        display: flex;
        align-items: center;
        width: 31%;
    }
}
@media screen and  (max-width:992px) {
    .logo_footer {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    .cot1_ft  { width:47%}
    .cot2_ft , .cot3_ft { width: 25% }
    .php-tintuc_one { width: 100% ; margin-bottom: 15px }
    .php-tintuc_two {
        width: 100%;
    }
    a.them_tintucc { display: none; }

     .left_gth {
        width: 100%;
        padding-bottom: 28px;
        position: relative;
        margin-left: 26px;
        margin: auto;
    }
    .right_gth {
        width: 100%;
        padding-top: 15px;
        padding-left: 0;
    }
    .item_gth_imges{text-align: center;margin: auto;}
}
@media screen and  (max-width:918px) {
    .til_gth { font-size: 26px }
    .til_cso h3 {
        text-transform: uppercase;
        font-size: 30px;
        line-height: 1.4;
        font-family: 'UTMHelvetIns';
    }
    .php-tintuc {
        background: #efefef;
        padding: 30px 0;
    }
    .php-tintuc_one {
        width: 100%;
        border-radius: 9px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .php-tintuc_two {
        width: 100%;
    }
}
@media screen and  (max-width:800px) {
    .pa-rp15 {
        padding: 0px 10px;
    }
    .ma-rp15 {
        margin: 0px -10px;
    }
    .box-album {
        width: calc(100% / 3);
        margin-bottom: 10px;
    }
   
    .php-gioithieu {
        padding: 23px 0 30px 0;
    }
    .php-giaiphap {
        padding: 25px 0;
        background: url(images/bg-2.jpg) left top no-repeat;
    }
    .info_giaiphap {
        width: 100%;
        padding-right: 22px;
        background: #fff;
        padding: 23px 15px 27px 22px;
        order:2;
    }
    a.ig_giaiphap {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    span.them_dv2 { display: none; }
    span.them_dv1 { width: 100% }
    .them_dicvu {
        display: flex;
        justify-content: space-between;
        width: 100%;
        background: #fff;
        align-items: center;
        position: relative;
        display: inline-block;
    }
    span.them_dv1 { padding: 10px 21px }
    .item_giaiphap {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }
    a.ten_giaiphap { text-transform: capitalize; }
    .tiile_da p {
        font-family: 'UTMAvoBold';
        font-size: 25px;
        line-height: 1.5;
        text-transform: uppercase;
    }
    .item_hinhanh {
        width: calc(100%/2 - 20px);
        margin: 0 10px;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
        transition: 0.35s;
    }
}
@media screen and  (max-width:768px) {
    .php-ngonngu { width: 15% }
    .til_tintuc { padding: 11px 19px }
    .item_tintuc2 { padding: 7px 17px }
    .content_ft {
        padding: 6px 0px 25px 0;
    }
}
@media screen and  (max-width:725px) {
    #copyright .flex {
        display: flex;
        justify-content: center;
        padding: 13px 0 70px 0;
        border-top: 1px solid #2372d8;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .left_gth { width: 80% }
    .left_gth:after { display: none; }
    .info_giaiphap { width: 100% ; padding: 13px 15px 21px 10px ; order: 1}
    a.ig_giaiphap { width: 100% ; order: 0}
    .item_giaiphap { flex-direction: column; margin: 0 10px ; display: grid!important }
    .chay_giaiphap  { margin: 0 -10px }
    a.ten_giaiphap {
        font-size: 18px;
        font-family: 'RobotoBold';
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 45px;
        line-height: 36px;
    }
    p.mota_giaiphap {
        margin-bottom: 20px;
        line-height: 1.8;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-family: 'Nunito Sans', sans-serif;
    }
    .til_doitac {
        text-align: center;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .chaydoitac { padding: 16px 10px }
    a.ig_tin1 {
        width: 45%;
        display: block;
        overflow: hidden;
    }
    .info_tin1 { width: 55% }
    /*.info_tin1 {
        width: 100%;
        padding-left: 9px;
        text-align: justify;
        background: #fff;
        padding-top: 13px;
        padding-right: 9px;
        position: relative;
        border-radius: 0 0 7px 0;
        overflow: hidden;
        padding-bottom:50px;
    }*/
    .cot1_ft {
        width: 100%;
        margin-bottom: 13px;
    }
    .cot2_ft, .cot3_ft {
        width: 44%;
    }
    .php-ngonngu {width: 23%}
    span.them_dv1 { font-size: 13px ;padding: 9px 18px; text-transform: capitalize; }
    .item_hinhanh {
        width: calc(100%/2 - 10px);
        margin: 0 5px;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
        transition: 0.35s;
    }
    .box_img_hinhanh {
        margin: 0 -5px;
    }
    .box-video_vd {
        width: calc(100% / 2);
        margin-bottom: 15px;
    }
    .pa-rp10 {
        padding: 0px 5px;
    }
    .ma-rp10 {
        margin: 0px -5px;
    }
    .box-video_vd h3 a { font-size: 13px }
    .box-video_vd h3 {
        line-height: 16px;
        margin-top: 8px;
        text-align: center;
    }
}
@media screen and  (max-width:680px) {
    .box-album {
        width: calc(100% / 2);
        margin-bottom: 10px;
    }
    .icon-footer { padding-left: 0 }
    .lienket_ft {
        display: flex;
        align-items: center;
        width: 100%;
        text-align: center;
        justify-content: center;
        margin-bottom: 10px
    }
    .pa-rp15 {
        padding: 0px 5px;
    }
    .ma-rp15 {
        margin: 0px -5px;
    }
}
@media screen and  (max-width:600px) {
    .left_gth { padding-bottom: 0 }
    a.ten_giaiphap {
        font-size: 18px;
        font-family: 'RobotoBold';
    } 
}
@media screen and  (max-width:568px) {
    .php-duan {
        padding: 34px 0 0px 0;
    }
}
@media screen and  (max-width:520px) {
    a.ten_tin1 { font-size: 16px }
    .info_antuong {
        width: calc(100% - 80px);
        padding-left: 11px;
    }
    p.conso_antuong { font-size: 29px }
    p.ngay_taotin { display: none; }
    p.mota_tin { line-height: 1.4 ; font-size: 14px }
    .left_gth {
        width: 90%;
    }

    .btn-dow{margin-left: 0px;}
}
@media screen and  (max-width:480px) {
    .til_doitac span { font-size: 28px }
    .item_tintuc1 { flex-direction: column; }
    a.ig_tin1 {
        width: 100%;
        display: block;
        overflow: hidden;
    }
    
    .info_tin1 {
        width: 100%;
        padding: 10px 5px;
    }
}
@media screen and  (max-width:414px) {
    .cot2_ft, .cot3_ft {
        width: 100%;
        margin-bottom: 15px;
    }
    .chaydoitac {
        padding: 9px 7px;
    }
    .php-ngonngu a { font-size: 15px }
    .php-ngonngu span {
        padding-right: 0;
        padding: 0px 5px!important;
    }
}
@media screen and  (max-width:382px) {
    .til_gth { font-size: 23px }
}
@media screen and  (max-width:320px) {}