/* Main */
:root{ 
	--font-regular:  "Inter-Regular";
	--font-bold: 'Inter-Bold';
    --bg-phone: rgb(0 87 188);
    --bg-phone-o: rgba(0, 87, 188, 0.35);
    --bg-phone-o-h:  rgba(0, 87, 188, 0.8);
    --bg-cart: #4b4f56;
    --bg-cart-count: #ec2d3f;
    --bg-toolbar: #a91d21;
    --bg-shadow-toolbar:  #fff3;
	--color-title-news: #000;
	--font-size-news:  30px;
    --color-title-pro: #000;
    --font-size-pro:  30px;
    --bg-button-pro-detail:  #8a8a8a;
    --color-button-pro-detail:  #fff;
    --color-title-cart:  #5a501b;
    --bg-primary-cart: #5a501b;
	--z-index-hover: 1000; 
	--z-index-menu: 999; 
	--z-index: 99; 
}

body { font-family: var(--font-regular); font-size: 14px; color: #000; background-color: #fff;}
img { max-width: 100%; height: auto !important;}
a, input, textarea { outline: none; padding: 0px; }
a { color: inherit; text-decoration: unset; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
h3.seo, h2.seo { margin: 0px; font-size: inherit;} 
img.lazy { opacity: 0; }
img:not(.initial) { -webkit-transition: opacity 1s; transition: opacity 1s; }
img.initial, img.loaded, img.error { opacity: 1; }
img:not([src]) { visibility: hidden; }
.w-clear:after { display: block; content: ""; clear: both; }
.hidden { display: none; }
.hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; }
.clear { clear: both; }
.none { display: none; }
.ckeditor { overflow-x: auto;}
.ckeditor:after { content:''; clear: both; display:block;}
.ckeditor *:not(iframe) { max-width: 100% !important; height: auto !important;}
.ckeditor iframe { max-width: 100% !important; }
.ckeditor a { color: -webkit-link; }
.centery, .centery-after:after, .centery-before:before { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.centerx, .centerx-after:after, .centerx-before:before { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transform: translateX(-50%); }
.centerxy, .centerxy-after:after, .centerxy-before:before { -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.flex-space-between { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-space-left { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flex-space-right { display: flex; justify-content: flex-end; flex-wrap: wrap;}
.flex-space-center { display: flex; justify-content: center; flex-wrap: wrap;}
.table-resp { overflow:auto;}
.table-resp table { min-width: 555px;}
.singletext { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.doubletext { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.fixed { position: fixed; top: 0px; left: 0px; right: 0px; z-index: var(--z-index-menu); -webkit-animation: fadeInDown 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fadeInDown 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.mmb-1{margin-bottom:10px}.mmb-2{margin-bottom:20px}.mmb-3{margin-bottom:30px}.mmb-4{margin-bottom:40px}.mmb-5{margin-bottom:50px}.mmb-6{margin-bottom:60px}.mmb-7{margin-bottom:70px}.mmb-1b{margin-bottom:5px}.mmb-2b{margin-bottom:15px}.mmb-3b{margin-bottom:25px}.mmb-4b{margin-bottom:35px}.mmb-5b{margin-bottom:45px}.mmb-6b{margin-bottom:55px}.mmb-7b{margin-bottom:65px}.mmt-1{margin-top:10px}.mmt-2{margin-top:20px}.mmt-3{margin-top:30px}.mmt-4{margin-top:40px}.mmt-5{margin-top:50px}.mmt-6{margin-top:60px}.mmt-7{margin-top:70px}.mmt-1b{margin-top:5px}.mmt-2b{margin-top:15px}.mmt-3b{margin-top:25px}.mmt-4b{margin-top:35px}.mmt-5b{margin-top:45px}.mmt-6b{margin-top:55px}.mmt-7b{margin-top:65px}.mmy-1{margin-top:10px;margin-bottom:10px}.mmy-2{margin-top:20px;margin-bottom:20px}.mmy-3{margin-top:30px;margin-bottom:30px}.mmy-4{margin-top:40px;margin-bottom:40px}.mmy-5{margin-top:50px;margin-bottom:50px}.mmy-6{margin-top:60px;margin-bottom:60px}.mmy-7{margin-top:70px;margin-bottom:70px}.mmy-1b{margin-top:5px;margin-bottom:5px}.mmy-2b{margin-top:15px;margin-bottom:15px}.mmy-3b{margin-top:25px;margin-bottom:25px}.mmy-4b{margin-top:35px;margin-bottom:35px}.mmy-5b{margin-top:45px;margin-bottom:45px}.mmy-6b{margin-top:55px;margin-bottom:55px}.mmy-7b{margin-top:65px;margin-bottom:65px}
.containers { position: relative; margin: 0px auto; overflow: hidden;}
.wrap-content { max-width: 1200px; margin-left: auto; margin-right: auto; }
.wrap-content-detail { min-height: 800px; }
.wrap-full { max-width: 1366px; margin-left: auto; margin-right: auto; }
.title-main { text-align: center; text-transform: uppercase; font-size: 44px; font-family: 'UTMBebas'; color: #A91D21; }
.sub-main { text-align: center; color: #323232; background: url(../images/line-title-main.png) no-repeat center bottom; padding-bottom: 16px;}
.title-line { position: relative; background-color: #F4F4F4; display: flex; justify-content: space-between; }
.title-line:after { content: ''; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 2px; background: #A91D21; }
.title-line .title-p { position: relative; z-index: 1; font-size: 26px; font-family: 'UTMBebas'; color: #fff; background-color: #A91D21; padding: 7px 20px 7px 76px; min-width: 330px;}
.title-line .title-p:before { content:''; position: absolute; left:  0px; top:  0px; bottom: 0px; margin: auto; width: 56px; height: 40px; background: url(../images/icon-line-title.png) no-repeat center; }
.title-line i, .link-news i { display: inline-block; width: 12px; height: 12px; background: url(../images/icon-more.png) no-repeat center; }
.title-line a { flex-shrink: 0; }
.share { padding: 17px 15px 10px 15px; line-height: normal; background: rgba(128, 128, 128, 0.15); margin-top: 15px; border-radius: 5px; }
.share b { display: block; margin-bottom: 5px; }
.social-plugin { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.social-plugin .at-share-btn { margin-bottom: 0px !important; }
.social-plugin .zalo-share-button { margin-left: 3px; }
.control-owl { position: absolute; width: 100%; z-index: 2; left: 0px; top: calc(50% - 45px / 2); }
.control-owl button { opacity: 0.5; top: 0px; position: absolute; outline: none; border: 0px; padding: 0px; margin: 0px; display: block; cursor: pointer; color: #ffffff; width: 45px; height: 45px; text-align: center; font-size: 25px; margin: 0px; background-color: #000000; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.control-owl button:hover { opacity: 1; }
.control-owl button.owl-prev { left: 20px; }
.control-owl button.owl-next { right: 20px; }
.form-control { font-size: 13px; }
.form-control, .form-control-plaintext:not(textarea), .custom-select { height: calc(1em + 1.25rem + 8px); }
.custom-form-row { margin-right: -10px; margin-left: -10px; }
.custom-form-row > .col, .custom-form-row > [class*="col-"] { padding-right: 10px; padding-left: 10px; }
.text-sm { font-size: 0.875rem !important; }
.title-related { text-transform: uppercase; font-size: 20px; font-family: var(--font-bold); color: #3e3e3e; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;}
/*reset js*/
.slick-slider *, .slick-slide { outline: none;}
.flipster { overflow: hidden !important;}
.wow { visibility: hidden;}
.fotorama__wrap{margin:15px auto 0 auto}
.flipster__button { width: 30px; height: 30px; background-color: #fff;}
.grecaptcha-badge { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; overflow: hidden; }
coccocgrammar { display: none; }
.breadcrumb { display: block; }
.breadcrumb-item { display: inline; vertical-align: middle; }
.breadcrumb-item+.breadcrumb-item::before { float: none; }
.pagination-home { margin-top: 15px; }
.pagination-home .pagination .page-item.active .page-link { }

/* Slideshow */
.slideshow { position: relative; }
.slideshow-item { display: block; cursor: pointer; }
.slideshow:hover .control-slideshow { opacity: 1; }
.control-slideshow { opacity: 0; }
/* Breadcrumb */
.breadCrumbs { background-color: #eee; margin-bottom: 30px; }
.breadCrumbs .wrap-content { padding: 0.75rem 15px; }
.breadCrumbs .wrap-content .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }
.breadCrumbs .wrap-content .breadcrumb-item a { color: #212529; }
.breadCrumbs .wrap-content .breadcrumb-item.active a { color: #6c757d; }
/**/
.cart-fixed { position: fixed; right: 20px; bottom: 390px; z-index: var(--z-index); background: var(--bg-cart); width: 50px; height: 50px; text-align: center; color: #fff !important; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.cart-fixed i { font-size: 20px; }
.cart-fixed span { position: absolute; top: 0px; right: -5px; color: #ffffff; width: 25px; height: 25px; background:  var(--bg-cart-count); text-align: center; line-height: 25px; font-size: 11px; border-radius: 100%; }
/**/
.title-news { color: var(--color-title-news); font-size: var(--font-size-news);}
.time-main { color: #6c757d }
.othernews b { margin-bottom: 10px; }
.list-news-other { padding-left: 17px; list-style: square; }
.list-news-other li { margin-bottom: 2px; }
.list-news-other li a { text-transform: none; color: #333333; }
.list-news-other li a:hover { color: #ec2d3f; }
/**/
.category-drop {position:relative;width:270px;z-index:var(--z-index-menu);}
.category-drop.ver1 > .nicescl{display:none;top:100%}
.category-drop .title{ padding: 0px 18px; height:100%;cursor:pointer;font-family:'Roboto-Bold';font-size:15px;text-transform:uppercase;text-align:center;color: #030303;}
.category-drop .title i { font-size: 25px; margin-right: 15px; color: #ff0000;}
.category-drop ul{padding:0;margin:0;list-style:none;text-align:left;background-color:#fff}
.category-drop .nicescl{position:absolute;box-sizing:border-box;width:100%;left:0;top:100%}
.category-drop ul.content{overflow:hidden;height:424px; border: 1px solid #e6e6e6;}
.category-drop ul img { margin-right: 10px;}
.category-drop li a{ position: relative; display:block;padding: 7px 15px;}
.category-drop ul ul{-webkit-transform:scaleX(0);transform:scaleX(0);width:100%;display:none;position:absolute;z-index:var(--z-index-hover);left:calc(100% - 7px);left:-moz-calc(100% - 7px);left:-webkit-calc(100% - 7px);}
.category-drop ul ul li { position: relative;}
.category-drop ul > li:hover > ul{display:block;-webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both}
.category-drop ul > li:last-child{border-bottom:none}
.category-drop ul ul ul{left:100%;top:0!important}
.category-drop li:hover > a{background-color:#00000008}
@-webkit-keyframes scale-up-hor-left {
0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes scale-up-hor-left {
0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}

.category-1, .category-1 ul { list-style: none; margin: 0px; padding: 0px; font-size: 15px;font-family: var(--font-bold); }
.category-1 ul { display: none; }
.category-1 li { position: relative; }
.category-1 > li:not(:last-child) { border-bottom: 1px solid #ccc; }
.category-1 > li > a { display: block; padding: 13px 23px 13px 40px; background: url(../images/icon-list-type.png) no-repeat left 25px center;}
.category-1 ul > li > a { display: block; padding: 8px 23px 8px 50px; }
.category-1 ul ul > li > a { padding: 8px 23px 8px 60px; }
.category-1 a:hover { background-color: #ddd; }
.category-1 i { position: absolute; right: 0px; top: 0px; width: 23px; height: 48.5px; text-align: center; line-height: 47px; font-size: 12px; cursor: pointer; }
.category-1 ul i { height: 38.5px;  line-height: 37px;}
.category-1 li.active > i { -moz-transform: rotate(181deg);
-webkit-transform: rotate(181deg);
-o-transform: rotate(181deg);
-ms-transform: rotate(181deg);
transform: rotate(181deg); }
/*Menu*/
.list-menu{font-size:17px;font-family: 'Inter-SemiBold';text-align:center; color: #fff;border-left: 1px solid #CC171C; border-right: 1px solid #5F1013;}
.list-menu ul{list-style:none;margin:0;padding:0}
.list-menu ul ul{ font-size: 14px; background: rgb(169 29 33);display:none;position:absolute;width:100%;min-width:250px;height:auto;left:0;top:100%;z-index:var(--z-index-hover);text-align:left;box-shadow:3px 3px 3px #0000004d;-moz-box-shadow:3px 3px 3px #0000004d;-o-box-shadow:3px 3px 3px #0000004d;-webkit-box-shadow:3px 3px 3px #0000004d;-ms-box-shadow:3px 3px 3px #0000004d}
.list-menu ul ul ul{left:100%;top:0}
.list-menu ul > li{display:inline-block;position:relative}
.list-menu > ul > li{vertical-align:middle;border-right: 1px solid #CC171C; border-left: 1px solid #5F1013; flex-grow: 1;}
/*.list-menu > ul > li:not(:last-child) { margin-right: 30px; }*/
.list-menu li.active > a,.list-menu > ul > li:hover > a:not(.btnsearch){color:yellow;}
.list-menu li a{display:block}
.list-menu > ul > li > a:not(.btnsearch, .cart-menu){position:relative;padding:12px;text-transform:uppercase}
.list-menu ul ul a{padding:10px}
.list-menu ul > li:hover > ul{display:block}
.list-menu ul ul li{display:block;position:relative}
.list-menu ul ul li:not(:last-child){border-bottom:1px solid #ffffff24}
.list-menu ul ul > li:hover{background-color:#00000014}
.list-menu > ul > li > ul{opacity:0}
.list-menu ul li:hover > ul{-webkit-animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both;animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both}
/* Search */
.result-search-count { text-transform: uppercase; text-align: center; text-transform: uppercase; font-size: 23px; color: #333 }

.btnsearch { display: block; margin: auto; cursor: pointer; text-align: center;width: 40px; height: 100%; background: transparent; color: #fff !important; font-size: 22px; border:  none;}
.fsearch-but { display: none; position: absolute; z-index: var(--z-index-hover); margin-top: 15px; top: 100%; right: 0px; width: 330px; background-color: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 0 5px #333;}
.fsearch-but form { border-radius: 50px; border: 1px solid #e6e6e6;}
.fsearch-but input[type="search"] { border: none; box-sizing: border-box; font-size: 14px; font-family: var(--font-regular); height: 50px; float: left; background-color: transparent; padding: 0px 5px 0px 15px; width: calc(100% - 49px); width: -moz-calc(100% - 49px); width: -webkit-calc(100% - 49px);}
.fsearch-but button { border: none; border-radius: 50%; margin-right: 4px; width: 45px; height: 45px; background: #ffa426; color: #fff; font-size: 18px;}
.fsearch-but.active { display: block; animation: fadeInUp 1s;}
.fsearch-but input { outline: none;}
.fsearch-but form:focus-within {border-color:  #ffa426}

.search-mobile { display: none; width: calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); }
.fsearch-show { width: 100%; height: 35px; background-color: #fff; border-radius: 5px; overflow: hidden;}
.fsearch-show input[type="search"], .fsearch-show button { border: none; height: 100%; background: none;}
.fsearch-show input[type="search"] { padding: 0px 15px; width: calc(100% - 35px); width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px);}
.fsearch-show button { width: 35px; padding: 0px; text-align: left; color: #fff;}

.chansearch::-webkit-input-placeholder { color: #7d7d7d; }
.chansearch:-moz-placeholder { color: #7d7d7d; }
.chansearch::-moz-placeholder { color: #7d7d7d; }
.chansearch:-ms-input-placehold { color: #7d7d7d; }
/*Mail*/
.chanmail::-webkit-input-placeholder { color: #333; }
.chanmail:-moz-placeholder { color: #333; }
.chanmail::-moz-placeholder { color: #333; }
.chanmail:-ms-input-placehold { color: #333; }
/*Main*/
.wrap-main {}
.main-left { width: 280px; position: sticky; top:  0px;}
.main-right { padding-left: 20px; width: calc(100% - 280px);  width: -moz-calc(100% - 280px); width: -webkit-calc(100% - 280px); }
.main-item { border: 1px solid #ccc; }
.main-item:not(:last-child) { margin-bottom: 20px; }
.main-title {  font-family: var(--font-bold); font-size: 15px; text-transform: uppercase;  color: #eac348; padding: 11px 15px;}
.main-title i { color: #fff; margin-right: 5px; }
/*Box*/

.box-pro .box { position: relative; text-align: center; }
.box-pro .box.bt { background-color: #f4f4f4; padding: 10px;  margin: 12.5px 25px 12.5px 0px; width: calc((100% + 25px) / 4 - 25px); width: -moz-calc((100% + 25px) / 4 - 25px); width: -webkit-calc((100% + 25px) / 4 - 25px);}
.box-pro .box.bt:nth-child(4n) { margin-right: 0px;}
.box-pro .thumb { position: relative; overflow: hidden; display: block; border-radius: 20px; background-color: #fff;}
.box-pro .title { margin-top:  15px; color: #1E1E1E; text-transform: capitalize; font-size: 14px;  -webkit-line-clamp: 2;}
.box-pro .owl-item .thumb { border: 1px solid #D2D2D2;}
.box-pro .box.bt:hover { outline: 1px solid #A91D21; }


.box-album-single:after{display:block;clear:both;content:''}
.box-album-single .box{overflow:hidden;position:relative;background-color:#000}
.box-album-single .box.bt{margin:5px 10px 5px 0;width:calc((100% + 10px) / 5 - 10px);width:-moz-calc((100% + 10px) / 5 - 10px);width:-webkit-calc((100% + 10px) / 5 - 10px)}
.box-album-single .box.bt:nth-child(5n){margin-right:0}
.box-album-single .box:hover img{opacity:.9}
.box-album-single .icon{position:absolute;display:none;font-size:40px;top:50%;left:50%;color:#fff}
.box-album-single .box:after{content:'';display:none;position:absolute;top:15px;bottom:15px;left:15px;right:15px;border:1px dashed #fff;border-radius:5px}
.box-album-single .box:hover .icon,.box-photobox .box:hover:after{display:block}


.box-news .box { position: relative; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.box-news .box.bt { float: left; margin: 15px 30px 15px 0px; width: calc((100% + 30px) / 3 - 30px); width: -moz-calc((100% + 30px) / 3 - 30px); width: -webkit-calc((100% + 30px) / 3 - 30px);}
.box-news .box.bt:nth-child(3n) { margin-right: 0px;}
.box-news .thumb { position: relative; overflow: hidden; display: block;}
.box-news .content { padding: 20px 32px;}
.box-news .title { font-family: var(--font-bold); font-size: 16px;  -webkit-line-clamp: 2; color: #1E1E1E; margin-bottom: 0px;}
.box-news .desc { margin-top: 15px; margin-bottom: 0px; line-height: 1.8; -webkit-line-clamp: 3; color: #585858;}
.box-news .owl-item { padding: 5px; }

.box-service .box { position: relative; padding: 2px;}
.box-service .box.bt { margin: 15px 30px 15px 0px; width: calc((100% + 30px) / 3 - 30px); width: -moz-calc((100% + 30px) / 3 - 30px); width: -webkit-calc((100% + 30px) / 3 - 30px);}
.box-service .box.bt:nth-child(3n) { margin-right: 0px;}
.box-service .thumb { position: relative; overflow: hidden; display: block; clip-path: polygon(100px 0, 100% 0, 100% 100%, 0 100%, 0 58px);}
.box-service .content { padding: 20px 20px 20px 20px; }
.box-service .title { font-family: var(--font-bold); font-size: 16px; text-transform: uppercase; -webkit-line-clamp: 2; color: #1F1F1F; text-transform: uppercase; }
.box-service .desc { margin: 15px 0px 20px 0px; -webkit-line-clamp: 2; color: #444; font-size: 14px;}
.box-service .link { display: inline-block; color: #444;}
.box-service .link i { margin-left: 10px; }
.box-service .box:after { content:''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #A91D21; padding: 10px; clip-path: polygon(100px 0%, 100% 0, 100% calc(100% - 58px), calc(100% - 100px) 100%, 0 100%, 0% 58px);}
.box-service .box:before { content:''; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; background: #A91D21;}
.box-service .box-content { position: relative; z-index: 2; background-color: #fff; padding: 10px; clip-path: polygon(100px 0%, 100% 0, 100% calc(100% - 58px), calc(100% - 100px) 100%, 0 100%, 0% 58px);}

.box-video:after {display: block; clear: both; content: '';}
.box-video .box { position: relative; box-sizing: border-box; text-align: center; color: #393939;}
.box-video .box.bt { float: left; margin: 15px 30px 15px 0px; width: calc((100% + 30px) / 3 - 30px); width: -moz-calc((100% + 30px) / 3 - 30px); width: -webkit-calc((100% + 30px) / 3 - 30px);}
.box-video .box.bt:nth-child(3n) { margin-right: 0px;}
.box-video .box.bt:nth-child(3n+1) { clear: both;}
.box-video .thumb { position: relative; overflow: hidden; display: block;}
.box-video .thumb img { display: block; width: 100%;}
.box-video i { position: absolute; z-index: 1; top: 50%; left: 50%; color: #fff; font-size: 70px; opacity: 0.6}
.box-video .box:hover i { opacity: 1; color:#f00;}
.box-video .box:hover i:before { position: relative; z-index: 1;}
.box-video .box:hover i:after { content: ''; position: absolute; margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 50%; height: 50%; background-color: #fff;}
.box-video .title { margin-top: 10px; font-family: var(--font-bold); font-size: 16px; text-transform: uppercase; -webkit-line-clamp: 2;}


.box-album .box{position:relative; overflow:hidden}
.box-album .box.bt{float:left;margin:15px 30px 15px 0;width:calc((100% + 30px) / 3 - 30px);width:-moz-calc((100% + 30px) / 3 - 30px);width:-webkit-calc((100% + 30px) / 3 - 30px)}
.box-album .box.bt:nth-child(3n){margin-right:0}
.box-album .box.bt:nth-child(3n+1){clear:both}
.box-album .box.bt1 { margin: 5px 10px 5px 0px; }
.box-album .box.bt1:nth-child(1), .box-album .box.bt1:nth-child(2), .box-album .box.bt1:nth-child(3){ width: calc((100% + 10px) / 3 - 10px); width: -moz-calc((100% + 10px) / 3 - 10px); width: -webkit-calc((100% + 10px) / 3 - 10px); }
.box-album .box.bt1:nth-child(4), .box-album .box.bt1:nth-child(5), .box-album .box.bt1:nth-child(6), .box-album .box.bt1:nth-child(7) { width: calc((100% + 10px) / 4 - 10px); width: -moz-calc((100% + 10px) / 4 - 10px); width: -webkit-calc((100% + 10px) / 4 - 10px); }
.box-album .box.bt1:nth-child(3), .box-album .box.bt1:nth-child(7) { margin-right: 0px; }
.box-album .box img{display:block;width:100%}
.box-album .title { position: absolute; bottom: 0px; left:  0px; right:  0px; padding: 15px; font-family: var(--font-bold); font-size: 15px; background: rgba(2, 2, 2, 0.60); color: #fff; -moz-transform: translate(0px, 100%);
-webkit-transform: translate(0px, 100%);
-o-transform: translate(0px, 100%);
-ms-transform: translate(0px, 100%);
transform: translate(0px, 100%);}
.box-album .title h3 { -webkit-line-camp: 2; position: relative; padding-left: 13px; }
.box-album .title h3:before { content:''; position: absolute; left: 0px; top: 5px; bottom: 5px; width: 2px; background-color: #A91D21; }
.box-album .box:hover .title { -moz-transform: translate(0px, 0%);
-webkit-transform: translate(0px, 0%);
-o-transform: translate(0px, 0%);
-ms-transform: translate(0px, 0%);
transform: translate(0px, 0%);}

.album_mansory { margin-top: 15px;}
.album_mansory .box { padding: 5px; width: 25%;}
.album_mansory .item { position: relative; display: inline-block; background-color: #fff;}
.album_mansory .item:hover img { opacity: 0.8}
.album_mansory i { display:none; position: absolute; left: 50%; top: 50%; font-size: 30px; color: #fff;}
.album_mansory .item:hover i { display: block;}

.related {}
.related .title-related { background-color: #e71818; color: #fff; padding: 7px 15px; text-transform: uppercase; font-family: var(--font-bold);}
.related ul { margin: 0px; padding: 0px 0px 0px 25px; background: #f9f9f9;}
.related li a { padding: 6px 0px; display: block;}
.related span { -webkit-line-clamp: 1;}
.related li { padding-left: 15px}
.related li:not(:last-child) { border-bottom: 1px solid #dee4ea80;}

.box-doitac { padding: 0px 50px;}
.box-doitac .box {}
.box-doitac .box img { display: block; margin: auto; border: 1px solid #e5e5e5;}

.box-news-temp:after{display:block;clear:both;content:''}
.box-news-temp .box.bt { float: left; margin : 15px 30px 15px 0; width: calc((100% + 30px) / 2 - 30px); width: -moz-calc((100% + 30px) / 2 - 30px); width: -webkit-calc((100% + 30px) / 2 - 30px)}
.box-news-temp .box.bt:nth-child(2n) { margin-right: 0px;}
.box-news-temp .box.bt:nth-child(2n+1) { clear: both;}
.box-news-temp .thumb { float: left; width: 39%; overflow: hidden;}
.box-news-temp .thumb img { display: block; width: 100%;}
.box-news-temp .content { float: right; width: 61%; padding-left: 20px;}
.box-news-temp .date { margin-top: 30px; }
.box-news-temp .title { -webkit-line-clamp: 2; font-family: var(--font-bold);  text-align: left;}
.box-news-temp .desc { -webkit-line-clamp: 3; margin-top: 5px; line-height: 2.0;}

/* Product Detail */
.grid-pro-detail { margin-bottom: 3rem; }

.left-pro-detail { position: relative; text-align: center; width: 50%; }

.right-pro-detail { width: 50%; padding-left: 30px;}

/*.left-pro-detail .MagicZoom { border: 1px solid #eee; padding: 7px; border-radius: 5px; background-color: #ffffff; }*/

.gallery-thumb-pro { position: relative; margin-top: 10px; }

.owl-pro-detail { padding: 0px 30px; }

.control-pro-detail button { background-color: var(--bg-button-pro-detail); color: var(--color-button-pro-detail); opacity: 1; width: 25px; font-size: 23px; }

.control-pro-detail button:hover { opacity: 0.7; }

.control-pro-detail button.owl-prev { left: 0px; }

.control-pro-detail button.owl-next { right: 0px; }

.thumb-pro-detail { display: block !important; border: 1px solid #eee; padding: 5px; border-radius: 3px; cursor: pointer; background-color: #ffffff; }

.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: #cecfd2; }

.thumb-pro-detail img { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-filter: brightness(100%) !important; filter: brightness(100%) !important; border-bottom: 0px !important; padding-bottom: 0px !important; }

.title-pro-detail { display: block; color: var(--color-title-pro); font-size: var(--font-size-pro);}

.comment-pro-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.social-plugin-pro-detail { margin-bottom: 1rem; margin-top: 0px !important; }

.desc-pro-detail { margin-bottom: 1rem; }
.desc-pro-detail p:last-child { margin-bottom: 0px; }

.attr-pro-detail { list-style: none; padding: 0px; }

.attr-pro-detail li { margin-bottom: 0.5rem; }

.attr-label-pro-detail { margin: 0px 5px 0px 0px; }

.attr-label-pro-detail.d-block { display: block; margin: 0px 0px 5px 0px; }

.attr-content-pro-detail { display: inline-block; margin-bottom: 0px; }

.price-new-pro-detail { font-size: 20px; color: #d0021c; font-family: var(--font-bold); }

.price-old-pro-detail { font-size: 16px; color: #6c757d; text-decoration: line-through; padding-left: 5px; }

.discount-pro-detail {  font-size: 16px;  color: #d0021c; padding-left: 5px;}

.color-pro-detail { cursor: pointer; display: inline-block; vertical-align: top; position: relative; width: 35px; height: 30px; margin: 0px 0px 3px 0px; border: 1px solid transparent; background-repeat: no-repeat; background-size: contain; background-position: center center; }

.size-pro-detail { cursor: pointer; border: 1px solid #ccc; padding: 3px 10px 4px 10px; display: inline-block; position: relative; }

.size-pro-detail.active { border-color: #e5101d; color: #e5101d; }

.color-pro-detail.active { border-color: #e5101d; color: #e5101d; }

.size-pro-detail.active:after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 13px; height: 13px; background-repeat: no-repeat; background-image: url(../images/check-cart.png); }

.color-pro-detail.active:after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 13px; height: 13px; background-repeat: no-repeat; background-image: url(../images/check-cart.png); }

.color-pro-detail input[type="radio"] { display: none; }

.size-pro-detail input[type="radio"] { display: none; }

.quantity-pro-detail { width: 100%; max-width: 110px; line-height: normal; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.quantity-pro-detail span { line-height: 25px; padding: 0px; width: 30px; height: 30px; color: #5f5f5f; cursor: pointer; font-size: 22px; border: 1px solid #cccccc; }

.quantity-pro-detail span.quantity-plus-pro-detail { border-left: 0px; }

.quantity-pro-detail span.quantity-minus-pro-detail { border-right: 0px; }

.quantity-pro-detail input { height: 30px; border: 1px solid #cccccc; width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; }

.cart-pro-detail { margin-bottom: 1rem; }

.cart-pro-detail a { font-size: 14px; color: #ffffff !important; text-transform: uppercase; }

.cart-pro-detail-temp { }
.cart-pro-detail-temp-full {}
.cart-pro-detail-temp-full a { text-align: center; cursor: pointer; padding: 5px 5px 8px 5px; display: flex; align-items: center; justify-content: center; border-radius: 5px; min-height: 51px; }
.cart-pro-detail-temp-full a:not(:last-child) { margin-bottom: 10px; }
.cart-pro-detail-temp .btn-cart-pro-buynow { background-color: #ed3324; color: #fff; box-shadow: 0 -3px 0 0 #a72a2a inset; }
.cart-pro-detail-temp .btn-cart-pro-buynow p { margin-bottom: 0px; font-family: var(--font-bold); font-size: 20px; text-transform: uppercase; }
.cart-pro-detail-temp .btn-cart-pro-addnow { border: 1px solid #ed3324; color: #ed3324; text-transform: uppercase; font-family: var(--font-bold); font-size: 16px; }
.cart-pro-detail-temp-md a { text-align: center; cursor: pointer; width: 48%; display: inline-block; vertical-align: top; font-size: 18px; text-transform: uppercase; padding: 10px; border-radius: 5px; }
.cart-pro-detail-temp-md a:not(:last-child) { margin-right: 2%; }
.cart-pro-detail-temp .btn-cart-pro-buynow:hover  { background-color: #ff4738; }
.cart-pro-detail-temp .btn-cart-pro-addnow:hover  { background-color: #ed3324; color: #fff; }

@media only screen and (max-width: 767px) { .cart-pro-detail a { width: 100%; }
.cart-pro-detail a:first-child { margin-right: 0px; margin-bottom: 0.5rem; }
.cart-pro-detail a i { display: none; } }

.tags-pro-detail a { float: left; font-size: 13px; padding-bottom: 0.375rem; margin: 0px 5px 5px 0px; }

.tags-pro-detail a i { font-size: 11px; margin: 5px 5px 0px 0px; }

.tabs-pro-detail { margin-top: 2rem; }

.tabs-pro-detail .nav-tabs .nav-link { border-top-width: 3px; font-size: 13px; }

.tabs-pro-detail .nav-tabs .nav-link.active { border-top-color: #555555; }

.tabs-pro-detail .nav-tabs .nav-item.show .nav-link { border-top-color: #555555; }

/* Contact */
.contact-text, .contact-form { width: 48%; }

.contact-article { margin-bottom: 3rem; }

.contact-input { position: relative; margin-bottom: 15px; }

.contact-input textarea { resize: none; height: 150px; }

.contact-input .custom-file-label::after { content: attr(title); }

.contact-map { position: relative; height: 500px; }

.contact-map iframe { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }

/* Paging */
.pagination-home .pagination .page-item .page-link { color: #555555; font-size: 0.875rem; }
.pagination-home .pagination .page-item.active .page-link { color: #ffffff; background-color: #555555; border-color: #555555; }
/* Paging Ajax */
.pagination-ajax { text-align: center; }
.pagination-ajax a { display: inline-block; vertical-align: top; margin: 0px 3px 3px 3px; width: 35px; height: 35px; line-height: 33px; color: #666 !important; border: 1px solid #e6e6e6; font-size: 13px; cursor: pointer; text-decoration: none !important; background-color: #ffffff; }
.pagination-ajax a.current, .pagination-ajax a:hover { color: #ffffff !important; border-color: #a91d21; background-color: #a91d21; }
.pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next { text-indent: -9999px; position: relative; background-color: #ffffff !important; }
.pagination-ajax a.first:before, .pagination-ajax a.last:before, .pagination-ajax a.prev:before, .pagination-ajax a.next:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: transparent; background-repeat: no-repeat; background-position: center; }
.pagination-ajax a.first:before { background-image: url(../images/page-first.png); }
.pagination-ajax a.last:before { background-image: url(../images/page-last.png); }
.pagination-ajax a.prev:before { background-image: url(../images/page-prev.png); }
.pagination-ajax a.next:before { background-image: url(../images/page-next.png); }
/**/
#popup .modal-body { padding: 0px; }
/**/
.scrollToTop { width: 41px; height: 41px; text-align: center; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 65px; right: 25px; display: none; z-index: var(--z-index); cursor: pointer; }
/**/
.footer { color: #fff; background: url(../images/bg-footer.jpg); background-size: cover; padding: 55px 0px 80px 0px; }
.footer .item-1 { width: 37% }
.footer .item-2 { width: 21% }
.footer .item-3 { width: 25%; overflow: hidden; }
.company-info { list-style: none; margin: 0px; padding: 0px;}
.company-info p { margin-bottom: 7px; }
.company-info li { padding: 10px 0px 10px 55px; }
.company-info li:not(:last-child) { margin-bottom: 7px; }
.company-info-phone { background: url(../images/company-phone.png) no-repeat left center; }
.company-info-address { background: url(../images/company-map.png) no-repeat left center; }
.company-info-email { background: url(../images/company-email.png) no-repeat left center; }
.company-info-website { background: url(../images/company-website.png) no-repeat left center; }
.footer-title { font-size: 16px; font-family: var(--font-bold); text-transform: uppercase; margin-bottom: 25px; }
.footer-ul { list-style: none; margin: 0px; padding: 0px; }
.footer-ul li:not(:last-child) { margin-bottom: 7px; }
.social-footer { margin-top: 25px; }
.social-footer a { display: inline-block; padding: 3px; }
.copyright { position: relative; background: #A91D21; color: #fff; text-align: center; }
.copyright-content { position: relative; padding: 22px 0px;}
.copyright-content:after, .copyright-content:before { content: ''; position: absolute; margin-bottom: -1px; bottom: 100%; height: 20px; width: 2000px; background: #A91D21; }
.copyright-content:after { left: 100%; clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%);}
.copyright-content:before { right: 100%; clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%); }
.footer-statistic span { display: inline-block; vertical-align: middle;}
.footer-statistic span:after { content:'|'; display: inline-block; vertical-align: middle; margin: 0px 15px 2px 15px;  }
.footer-statistic span:last-child:after { display: none; }
.footer-map { height: 400px; }
.footer-map iframe { display: block; width: 100% !important; height: 100% !important; }
/**/
.video-main { height: 330px; }
.video-main iframe { display: block; width: 100%; height: 100%; }
.subvideo { position: relative; z-index: 1; background-color: #fff; max-width: 80%; margin-left: auto; margin-top: -75px; margin-right: 0px; padding: 10px 10px 10px 50px; }
.control-subvideo .owl-prev { left: 6px;}
.control-subvideo button {  position: absolute;  top: 50%; border: none; background: transparent; padding: 0px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.control-subvideo .owl-next { display: none; }
/**/
.category_menu{position:relative;width:250px;z-index:var(--z-index-menu);}
.category_menu.ver1 > .nicescl{display:none;top:100%}
.category_menu .title{ line-height: 1.0; padding: 0px 5px 0px 18px; height:100%;cursor:pointer;font-family:'Montserrat-SemiBold';text-transform:uppercase;color: #333;background-color: #efe20f;}
.category_menu .title img { margin-right: 9px;}
.category_menu ul{padding:0;margin:0;list-style:none;text-align:left;background-color:#fff;}
.category_menu .content { height: 450px; }
.category_menu .nicescl{position:absolute;width:100%;left:0;top:100%;    box-shadow: 0px 3px 3px #0000001f;}
.category_menu .nicescl_list {     box-shadow: 0px 3px 3px #0000001f; top: 0px; height:  100%; -webkit-transform:scaleX(0);transform:scaleX(0);width:100%;display:none;position:absolute;z-index:var(--z-index-hover);left:calc(100% - 10px);left:-moz-calc(100% - 10px);left:-webkit-calc(100% - 10px);}
.category_menu ul img { margin-right: 10px;}
.category_menu li a{ position: relative; display:block;padding: 5px 25px 5px 15px;}
.category_menu ul ul{height: 100%; overflow:auto;}
.category_menu ul > li:hover > .nicescl_list{display:block;-webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both}
.category_menu ul > li:last-child{border-bottom:none}
.category_menu li:hover > a{background-color:#00000008}
.category_menu i { position: absolute; right: 12px; top: 50% }
@-webkit-keyframes scale-up-hor-left {
0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes scale-up-hor-left {
0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
.custom_category_menu {
    scrollbar-width: thin;
    scrollbar-color: #83441b #ffffff;
  }

.custom_category_menu::-webkit-scrollbar {
    width: 3px;
  }

.custom_category_menu::-webkit-scrollbar-track {
    background: #ffffff;
  }

.custom_category_menu::-webkit-scrollbar-thumb {
    background-color: #83441b;
    border-radius: 3px;
    border: 0px solid #ffffff;
}
/**/
.mmt { margin-top: 50px; }
.header-top { border-bottom: 1px solid #EBEBEB; background: #F4F4F4; color: #000; padding: 8px 0px; }
.header-top p { margin-bottom: 0px; }
.header-top p:not(:last-child) { margin-right: 80px; }
.header-address { background: url(../images/icon-map.png) no-repeat left center; padding-left: 20px; }
.header-email { background: url(../images/icon-email.png) no-repeat left center; padding-left: 20px; }
.header-lang a:not(:last-child) { margin-right: 5px; }
.header { padding: 8px 0px; }
.header-hotline { background: url(../images/icon-hotline.png) no-repeat left center; padding-left: 68px; }
.header-hotline label { display: block; font-size: 13px; color: #2E2E2E; background: url(../images/line-hotline.png) no-repeat left bottom; }
.header-hotline p { margin-bottom: 0px; font-size: 20px;  font-family: 'Roboto-Bold'; color: #A91D21; line-height: 1.0; }
.menu { background: #A91D21; }
.wrap-collective { margin-top: 30px; }
.owl-collective .owl-item { padding: 10px; }
.box-collective { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); padding: 0px 10px 10px 10px; }
.box-collective .content { padding-left: 15px; padding-top: 15px; }
.box-collective .title { margin-bottom: 5px; -webkit-line-clamp: 2; font-family: 'Inter-SemiBold'; font-size: 15px; color: #1E1E1E; text-transform:uppercase ; }
.box-collective .desc { margin-bottom: 0px; font-size: 13px; color: #737373; }
.wrap-about .item-1, .wrap-about .item-2 {}
.wrap-about .item-1 { width: 50%; }
.wrap-about .item-2 { width: 42%; }
.wrap-about .thumb { border: 10px solid #fff; }
.wrap-about .thumb:nth-child(1) { width: 65%; margin-right: -15%; margin-bottom: 40px; animation:about-left 10s infinite }
.wrap-about .thumb:nth-child(2) { width: 50%; position: relative; animation:about-right 10s infinite }
.title-top-about { margin-bottom: 0px; font-size: 22px; color: #DADADA; font-family: 'Inter-Light'; letter-spacing: 6px; overflow: hidden;}
.title-top-about span { position: relative; display: inline-block; }
.title-top-about span:after { content: ''; position: absolute; margin: auto; margin-left: 28px; top:  0px; bottom: 0px; left: 100%; width: 80px; height: 1px; background: #A91D21; }
.title-mid-about {  margin-bottom: 0px; text-transform: uppercase; color: #1E1E1E; font-size: 34px; font-family: 'UTMBebas'; }
.title-bot-about {  margin-bottom: 0px; text-transform: uppercase; font-size: 64px; font-family: 'UTMBebas'; line-height: 1.0; color: #A91D21; }
.desc-about { line-height: 1.7; color: #1E1E1E; margin: 25px 0px; -webkit-line-clamp: 9; }
.link-about { position: relative; display: inline-block; border: 1px solid #A91D21; color: #1E1E1E;  font-family: 'Inter-SemiBold'; text-transform: uppercase; padding: 11px 55px 11px 30px; }
.link-about i { position: absolute; right: 3px; top:  0px; bottom: 0px; margin: auto; width: 36px; height: 36px; background: url(../images/icon-vector.png) no-repeat center, linear-gradient(180deg, #CC171C 0%, #A91D21 123.61%); }
.link-about:hover { background: #A91D21; color: #fff; }
@-webkit-keyframes about-left {
0%{transform:translate(0px,0px)}
25%{transform:translate(55%,0px)}
50%{transform:translate(55%,8.5%)}
75%{transform:translate(0%,8.5%)}
100%{transform:translate(0%,0px)}
}
@keyframes about-left {
0%{transform:translate(0px,0px)}
25%{transform:translate(55%,0px)}
50%{transform:translate(55%,8.5%)}
75%{transform:translate(0%,8.5%)}
100%{transform:translate(0%,0px)}
}
@-webkit-keyframes about-right {
0%{transform:translate(0px,0px)}
25%{transform:translate(-100%,0px)}
50%{transform:translate(-100%,-55%)}
75%{transform:translate(0%,-55%)}
100%{transform:translate(0px,0px)}
}
@keyframes about-right {
0%{transform:translate(0px,0px)}
25%{transform:translate(-100%,0px)}
50%{transform:translate(-100%,-55%)}
75%{transform:translate(0%,-55%)}
100%{transform:translate(0px,0px)}
}
.wrap-product, .wrap-service { padding: 55px 0px; background-color: #F4F4F4; }
.wrap-commit .item-1 { width: 46%; }
.wrap-commit .item-2 { width: 50%; }
.title-commit { margin-bottom: 0px; padding-top: 50px; background: url(../images/bg-phatdat.png) no-repeat left top; }
.title-commit h2 { font-family: 'UTMBebas'; font-size: 44px; color: #A91D21; }
.sub-commit { color: #323232; }
.box-commit:not(:last-child) { margin-bottom: 30px; }
.box-commit label { text-align: center; border-radius: 10px; width: 75px; height: 70px; line-height: 70px; margin-bottom: 0px; -moz-transform: skew(-17deg, 0deg);
-webkit-transform: skew(-17deg, 0deg);
-o-transform: skew(-17deg, 0deg);
-ms-transform: skew(-17deg, 0deg);
transform: skew(-17deg, 0deg); font-size: 30px; font-family: var(--font-bold); color: #A91D21; border:  1px solid #A74D50; background: linear-gradient(180deg, #FFEFF0 0%, #F0B2B4 100%);;}

.box-commit label span { display: block; -moz-transform: skew(17deg, 0deg);
-webkit-transform: skew(17deg, 0deg);
-o-transform: skew(17deg, 0deg);
-ms-transform: skew(17deg, 0deg);
transform: skew(17deg, 0deg); }
.box-commit:hover label { color: #fff;  background: linear-gradient(180deg, #CC171C 0%, #A91D21 100%); border-color: #790306; }
.box-commit .content { padding-left: 35px; }
.box-commit .title { font-family: var(--font-bold); font-size: 20px; color: #1E1E1E; margin-bottom: 0px; -webkit-line-clamp: 2 }
.box-commit .desc { color: #424242; -webkit-line-clamp: 2; margin-top: 5px; margin-bottom: 0px; cursor: pointer; }
.box-commit:hover .title { color: #A91D21; }

.wrap-why { background: url(../images/bg-why.png) no-repeat right bottom, #F4F4F4; padding: 70px 0px 50px 0px;}
.wrap-why .item-1 { width: 70%; }
.wrap-why .item-2 { width: 70%; }
.box-why { text-align: center; background: url(../images/bg-why-box.png) no-repeat top center; }
.box-why:hover img { animation: spin 1s both; }
.box-why .title { margin-top: 10px; margin-bottom: 0px;  font-family: 'Inter-SemiBold'; font-size: 22px; color: #282828; }
.box-why .desc { color: #646464; -webkit-line-clamp: 3; margin-top: 15px;  margin-bottom: 0px; }

.wrap-newsletter { background: #A91D21; margin-top: 70px; padding: 5px 0px; }
.wrap-newsletter .item-1 { position: relative; padding-left: 160px; padding-right: 15px; }
.wrap-newsletter .item-2 { width: 100%; }
.newsletter-input { margin-right: 10px;  border-radius: 4px; height: 43px; width: calc((100% - 80px) / 3);  width: -moz-calc((100% - 80px) / 3); width: -webkit-calc((100% - 80px) / 3); }
#form-newsletter input[type="submit"] { width: 80px; height: 43px; border: none; border-radius: 4px; background: #FF1E24; color: #fff; font-size: 16px; font-family: var(--font-bold); text-transform: uppercase; }
.title-newsletter { font-family: 'UTMBebas'; font-size: 36px; text-transform: uppercase; color: #fff; margin-bottom: 0px; }
.desc-newsletter { color: #fff; }
.icon-newsletter { position: absolute; left:  0px; top:  -23px; background: url(../images/icon-newsletter.png) no-repeat left center, #CC171C; width: 79px; height: 98px; }
.icon-newsletter:before { content:  ''; position: absolute; right: 100%; top: 0px; bottom: 0px; width: 2000px; background: #CC171C;  }
.icon-newsletter:after { content:  ''; position: absolute; margin-left: -1px; left: 100%; top: 0px; bottom: 0px; width: 50px; background: #CC171C; clip-path: polygon(0 0, 0% 100%, 100% 100%);  }

.wrap-partner-video .item-1 { width: 50%; }
.wrap-partner-video .item-2 { width: 48%; }
.title-partner { background-color: #A91D21; color: #fff; padding: 25px; margin-bottom: 20px;  }
.title-top-partner { font-size: 44px; font-family: 'UTMBebas'; margin-bottom: 0px; line-height: 1.1;}
.sub-partner { margin-bottom: 0px; }

.box-video-index { position: relative; overflow: hidden; }
.box-video-index i { position: absolute; z-index: 1; left:  0px; right:  0px; top:  0px; bottom: 0px; margin: auto; width: 131px; height: 131px; background: url(../images/icon-play.png) no-repeat center; }
.box-video-index i:before { content:''; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: url(../images/icon-circle.png) no-repeat center; background-size: 100% 100%; animation: spin 3s infinite linear;}

.slick-partner .box { border: 1px dashed #E2E2E2; border-radius: 10px; overflow: hidden; }
.slick-partner .slick-slide > div:not(:last-child) { margin-bottom: 25px; }
.slick-partner  .slick-slide { padding: 0px 15px; }
.slick-partner { margin: 0px -15px; }