@keyframes spin{
  to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes spin{
  to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}
@-webkit-keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}
@keyframes shake-anim{
  0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);}
  10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg);}
  20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg);}
  100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes shake-anim{
  0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg);}
  10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}
  20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}
}
:root{--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;--color-main:#0763DC;--color-dark-main:#79B811}

a[class^='text-decoration-none']:hover{color: var(--color-main);}
p[class*='text-split']:hover{color: var(--color-main);}
@font-face{font-family:'UTMHelvetIns';src:url('../fonts/UTMHelvetIns.eot');src:url('../fonts/UTMHelvetIns.eot?#iefix') format('embedded-opentype'),url('../fonts/UTMHelvetIns.woff2') format('woff2'),url('../fonts/UTMHelvetIns.woff') format('woff'),url('../fonts/UTMHelvetIns.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-AbFat';src:url('../fonts/SVN-AbrilFatface.eot');src:url('../fonts/SVN-AbrilFatface.eot?#iefix') format('embedded-opentype'),url('../fonts/SVN-AbrilFatface.woff2') format('woff2'),url('../fonts/SVN-AbrilFatface.woff') format('woff'),url('../fonts/SVN-AbrilFatface.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}


.inter{font-family: "Inter", sans-serif;}
.sr{font-family: "Saira Stencil One", sans-serif;}
.desc_scroll{overflow-x: hidden;overflow-y: auto;}
.desc_scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);background-color:#F5F5F5;}
.desc_scroll::-webkit-scrollbar{width:6px;background-color:#f3f3f3;}
.desc_scroll::-webkit-scrollbar-thumb{background-color:var(--color-main);}



figure.image {
  display: flex;
  flex-direction: column;
  align-items: center;   
  text-align: center;   
  margin: 0;           
}

figure.image figcaption {
  margin-top: 10px;
  font-size: 16px; 
  color: #333;
}


/* Main */
body{font-size:14px;font-family: "Inter", sans-serif;}
img{max-width:100%;height:auto;vertical-align:top;}
a,input,textarea{outline:none;padding:0px;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.w-clear:after{display:block;content:"";clear:both;}
.hidden{display:none;}
.clear{clear:both;}
.none{display:none;}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}
.contain_trong{max-width:1200px;margin:0 auto}
.wrap-main,.wrap-content{max-width:1200px;margin:0px auto;padding:0px 0px;}
.wrap-home{max-width:100%;padding:0px;}
.wrap-content{margin:auto;}
.right_ct{width: calc(100% - 340px)}
.left_ct{width: 325px}
.right_ct .title-main{text-align: left;}
.left_sticky {display: inline-block; width: 100%; position: sticky; top: 120px; z-index: 1; }

.mw_bv{display: flex;justify-content: space-between;}
.pic_bv{max-width: 95px;}
.info_bv{width: calc(100% - 110px);}
.info_bv p{margin-bottom:0px;font-size:14px;color:#000000;}
.info_bv p:hover{color: var(--color-dark-main)}
.item_bvv{}
.bd_menu{display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px 0px;}
.title-left{font-size:17px;text-transform:uppercase;margin-bottom:10px;text-align:center;position:relative;color:#fff;font-weight:700;padding:10px 10px;background:var(--color-dark-main);}

/* General */
.title-main{margin-bottom:23px;text-align:center;padding-bottom: 21px;background-position: bottom center}
.title-main>span{text-transform:uppercase;color:var(--color-main);font-weight:400;font-size:30px;font-family: 'UTMHelvetIns';display: inline-block;}
.wrap-home .title-main{margin-bottom: 15px}

.time-main{margin-bottom:0.75rem;color:#999999;}
.time-main i{vertical-align:top;margin:3px 7px 0px 0px;}
.time-main span{vertical-align:top;display:inline-block;}
.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;}
.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,.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_slogan{text-align:center;margin-bottom:0px;color:#fff;text-align:center;font-size:15px;font-weight:400;margin-bottom: 0px}



.wrap-gioithieu{}
.wrap-gioithieu .contain_trong{padding: 72px 0px}
.flex_gt{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.pic_gt{max-width: 590px;position: relative;}
.pic_gt:after{position:absolute;border:1px solid #fff;content:'';top:36px;left:36px;width:calc(100% - 72px);height:calc(100% - 72px);}
.info_gt{width: calc(100% - 632px);}
.frame_gt{}
.name_gt{margin-bottom: 16px;}
.name_gt p{display: block;margin-bottom: 0px;}
.tds{font-size: 20px;color: var(--color-dark-main);margin-bottom:0px;text-transform: uppercase;font-family: 'SVN-AbFat';margin-bottom: 5px}
.td{font-size: 36px;color: var(--color-main);text-transform: uppercase;font-family: 'UTMHelvetIns';line-height: 44px;}
.td span{font-weight:500;display:inline-block;}
.desc_gt{font-size:15px;color:#000;text-align:justify;line-height:27px;}
.desc_gt p{margin-bottom: 0px}
.btn_gt{margin-top:34px;display: flex;justify-content: space-between;align-items: center;}
.btn_gt a{color:#333;display:inline-block;font-size:16px;border:1px solid #79B811;padding:10px 43px 10px 18px;font-weight:600;text-transform:uppercase;background-position: right 18px center}
.btn_gt a:hover{color: #333;}
.btn_gt a i{margin-left: 3px;}
.btn_gt span{display: inline-block;height: 1px;background: var(--color-dark-main);flex: 1 1 0;}
.frame_gt .desc_scroll{max-height: 243px}

.mw_tc{text-align: center;}
.pic_tc{width: 114px;height: 114px;text-align: center;margin: 0 auto;margin-bottom: 0px;position: relative;}
.pic_tc:after{position: absolute;top: 0px;right: 0px;content: '';background: var(--color-main);width: 100%;height: 100%;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);z-index: 2;}

.pic_tc img{position: relative;z-index: 3;}
.pic_tc picture{display: block;width: 100%;height: 100%;position: relative;display: flex;justify-content: center;align-items: center;}
.pic_tc picture:before{position: absolute;top: 1px;right: -10px;content: '';background: #fff;width: calc(100% - 2px);height: calc(100% - 2px);clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);z-index: 1;}
.pic_tc picture:after{position: absolute;top: 0px;right: -11px;content: '';background: var(--color-main);width: 100%;height: 100%;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}

.mw_tc span{color:#333;font-size:16px;font-weight:700;text-transform:uppercase;margin-top:16px}
.wrap-tieuchi{margin-top: 37px}
.xoay:hover img{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.xoay img{-webkit-transition:-webkit-transform .8s ease-in-out!important;transition:transform .8s ease-in-out!important;}

.detail_dv{width: 33.33%;padding: 0px 11px 22px}
.mg_dv{margin: 0px -11px -22px}

.page_trong .name_dv,.page_trong .desc_dv{color: #333}

.wrap-dichvu{background-position:  top center;background-size: cover;}
.wrap-dichvu .contain_trong{padding: 45px 0px 67px}
.wrap-dichvu .title-main{}
.wrap-dichvu .title_slogan{margin-bottom: 33px}
.wrap-dichvu .title-main span{color: #fff}
.pic_dv{padding-right: 10px;padding-bottom: 10px;position: relative;margin-bottom: 26px}
.pic_dv .scale-img{position: relative;z-index: 1;}
.pic_dv:after{position: absolute;bottom: 0px;right:0px;width: calc(100% - 10px);height: calc(100% - 10px);border: 1.5px solid var(--color-dark-main);content: '';}
.info_dv{}
.name_dv{margin-bottom: 6px;
color: #FFF;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;padding-right: 10px
}
.name_dv:hover{color: var(--color-dark-main)}
.desc_dv{
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 24px;padding-right: 10px;height: 72px;
}




/* Lazyload */
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;}
.lazy:not(picture,img) {
 background-repeat: no-repeat;
}

/* User */
.wrap-user{width:100%;max-width:550px;margin:auto;border:1px solid #bce8f1;border-radius:5px;}
.title-user{background-color:#d9edf7;padding:12px 15px;border-radius:5px 5px 0px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.title-user span{color:#31708f;}
.title-user a{color:#0056b3;font-size:12px;}
.form-user{padding:20px 15px;}
.input-user{margin-bottom:0.75rem;}
.input-user input{font-size:14px;}
.button-user{margin-bottom:1rem;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;}
.button-user input{font-size:14px;}
.checkbox-user,.radio-user{cursor:pointer;}
.checkbox-user input{top:calc(50% - 1.25rem / 2);height:auto;}
.checkbox-user label{font-size:14px;cursor:pointer;}
.checkbox-user label::before,.checkbox-user label::after{top:calc(50% - 1rem / 2);}
.radio-user{margin-right:1rem;}
.radio-user:last-child{margin-right:0px;}
.radio-user label::before,.radio-user label::after{top:calc(50% - 1rem / 2);}
.note-user{font-size:14px;border-top:1px solid #ddd;padding-top:0.5rem;}

/* Cart */
#popup-cart .modal-title{text-transform:uppercase;}
#popup-cart .modal-body .wrap-cart{padding:0px;-webkit-box-shadow:none;box-shadow:none;border:0px;}
#popup-cart .modal-footer{padding:0.75rem 0 0 0;border-top:0px;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;}
.buymore-cart{color:#ec2d3f;cursor:pointer;margin:0px;}
.buymore-cart i{margin-right:2px;margin-top:5px;vertical-align:top;font-size:12px;}
.wrap-cart{padding:20px 15px;background:#ffffff;border:1px solid #d8d8d8;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.15);box-shadow:0 0 20px rgba(0,0,0,0.15);}
.top-cart{border-right:1px solid #eee;}
@media only screen and (max-width:991px){
  .top-cart{margin-bottom:2rem;}
}
.procart{padding:20px 10px;border:1px solid #eee;border-top:0px;}
.pic-procart{text-align:center;}
.pic-procart img{max-height:100px;height:inherit;}
.pic-procart .del-procart{color:#999;font-size:12px;display:block;margin-top:5px;cursor:pointer;}
.pic-procart .del-procart:hover{color:red;}
.name-procart a{font-size:14px;color:#000;display:block;}
@media only screen and (max-width:575px){
  .name-procart a{font-size:13px;}
}
.name-procart a:hover{color:#ec2d3f;}
.properties-procart{display:block;}
.properties-procart p{display:inline-block;margin-bottom:0px;}
.properties-procart p:first-child{margin-right:10px;}
.properties-procart p strong{font-weight:600;}
@media only screen and (max-width:767px){
  .quantity-procart{text-align:right;}
}
.quantity-procart p{margin-bottom:0px;}
.quantity-counter-procart{border:1px solid #dfdfdf;width:100%;height:30px;line-height:normal;text-align:center;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.counter-procart{background-color:transparent;border:0px;width:30%;color:#333;outline:none;cursor:pointer;font-size:23px;}
.counter-procart:hover,.counter-procart:focus{color:#ec2d3f;}
.counter-procart:disabled{color:#ccc;cursor:not-allowed;}
.counter-procart:disabled:hover{color:#ccc;cursor:not-allowed;}
.counter-procart-minus{line-height:26px;}
.counter-procart-plus{line-height:24px;}
.quantity-counter-procart .quantity-procart{width:40%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0px;border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;outline:none;-webkit-box-shadow:none;box-shadow:none;padding:0px;color:#333;text-align:center;}
.price-procart{width:20%;text-align:right;}
@media only screen and (max-width:767px){
  .price-procart{display:none;}
}
.price-procart-rp{display:none;width:100%;margin-bottom:10px;font-size:13.5px;}
@media only screen and (max-width:767px){
  .price-procart-rp{display:block;}
}
.price-new-cart{color:#ec2d3f;margin-bottom:0px;}
.price-old-cart{color:#999;text-decoration:line-through;}
.procart-label{border:0px;background:#eee;padding:10px;margin:0px;text-transform:capitalize;}
@media only screen and (max-width:575px){
  .procart-label{font-size:13px;}
}
@media only screen and (min-width:768px){
  .procart-label .quantity-procart p:first-child{display:block;}
}
@media only screen and (max-width:767px){
  .procart-label .quantity-procart p:first-child{display:none;}
}
@media only screen and (min-width:768px){
  .procart-label .quantity-procart p:last-child{display:none;}
}
@media only screen and (max-width:767px){
  .procart-label .quantity-procart p:last-child{display:block;}
}
.money-procart{margin-top:15px;}
.total-procart{background:#eee;padding:7px 10px;border:1px solid #dddfe2;margin-bottom:-1px;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;}
.total-procart p{margin-bottom:0px;font-size:15px;}
.total-procart p:last-child{color:#ec2d3f;}
.section-cart{position:-webkit-sticky;position:sticky;top:15px;}
.title-cart{font-size:15px;text-transform:uppercase;color:#ec2d3f;border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px;}
.information-cart{margin-bottom:1.5rem;}
.input-cart{margin-bottom:0.5rem;position:relative;}
.input-cart textarea{resize:none;height:100px;}
.input-cart select{cursor:pointer;}
.payments-cart{text-align:left;margin-bottom:5px;min-height:auto;}
.payments-cart:last-child{margin-bottom:0px;}
.payments-cart input{top:calc(50% - 1.25rem / 2);}
.payments-label{cursor:pointer;background:#eee;display:block;padding:10px 15px;border-radius:3px;margin-bottom:0px;color:#313131!important;}
.payments-label::before,.payments-label::after{top:calc(50% - 1rem / 2);}
.payments-label.active{background:#ec2d3f;color:#ffffff!important;}
.payments-info{opacity:0;visibility:hidden;height:0px;overflow:hidden;background:#f5efef;border-radius:5px;}
.payments-info p{margin-bottom:1em;}
.payments-info.active{padding:10px 15px;margin-top:5px;opacity:1;visibility:visible;height:auto;}
.btn-cart{text-transform:capitalize;}
.empty-cart{padding:25px 30px;display:block;text-align:center;color:#23527c!important;width:100%;}
.empty-cart i{color:red;font-size:70px;}
.empty-cart p{margin:15px 0px;color:#333;font-size:18px;}

/* Comment */
.comment-title{font-size:18px;}
.comment-show{display:block!important;}
.comment-point{font-size:47px;color:#fe302e;}
.comment-star{font-size:0;position:relative;display:inline-block;vertical-align:top;margin-bottom:0.5rem;}
.comment-star span{display:block;position:absolute;top:0;left:0px;bottom:0;z-index:1;overflow:hidden;text-align:left;white-space:nowrap;}
.comment-star i{display:inline-block;margin:0.1rem;color:#b8b8b8;text-rendering:auto;font-size:20px;}
.comment-star i:nth-child(1){margin-left:0;}
.comment-star span i{color:#ffc120;}
.comment-progress{width:100%;margin-bottom:0.375rem;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;}
.comment-progress:last-child{margin-bottom:0px;}
.comment-progress .progress{height:12px;margin-right:10px;margin-left:5px;width:calc(100% - 90px);border-radius:10px;}
.comment-progress .progress-bar#has-rate{background-color:#23b445;}
.comment-progress .progress-num{font-size:15px;width:25px;text-align:center;color:#787878;}
.comment-progress .progress-total{font-weight:600;text-align:left;color:#787878;width:50px;}
.comment-write{display:none;}
.review-rating-star{font-size:0;}
.review-rating-star-icon .fa{font-weight:400;font-style:normal;display:inline-block;margin:0.1rem;font-size:21px;cursor:pointer;color:#f0c808;}
.review-rating-star-icon .fa.star-empty{color:#dedddc;}
.review-rating-star-icon .fa.star-not-empty{color:#f0c808;}
.review-rating-star-icon .fa:nth-child(1){margin-left:0;}
.review-fileuploader{padding:20px 15px;text-align:center;background-color:#ffffff;cursor:pointer;border:2px dashed #c2cdda;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.review-fileuploader .review-fileuploader-text{color:#90a0bc;}
.review-file-uploader .fileuploader{padding:0px;margin:0px;background:transparent;}
.review-file-uploader .fileuploader-items .fileuploader-items-list{margin:1rem -5px 0 -5px;}
.review-file-uploader .fileuploader-items .fileuploader-items-list:after{display:block;content:"";clear:both;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item{padding:0px;width:calc(100% / 7 - 10px);float:left;margin:0 5px 5px 5px;border-bottom:0px;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns{display:block;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail{width:auto;height:auto;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image{height:auto;padding:50% 0;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img{position:absolute;top:0px;left:0px;max-width:100%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:none;transform:none;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title{padding:0px;margin-top:0.5rem;text-align:center;display:none;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions{margin:0px;position:absolute;top:0px;right:-5px;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input{border:1px solid #dddddd;border-radius:0.25rem;}
.review-poster-video-avatar{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;}
.review-poster-video-avatar .avatar-detail{width:95px;height:95px;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;}
.review-poster-video-avatar .avatar-detail img{max-width:95px;max-height:95px;}
#review-content{height:350px;}
.carousel-comment-media .carousel-control a{opacity:1;width:45px;height:45px;top:calc(50% - 45px / 2);bottom:inherit;}
.carousel-comment-media .carousel-control a span{display:block;cursor:pointer;color:#222222;width:45px;height:45px;padding:5px;text-align:center;background-color:#ffffff;-webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,0.12);box-shadow:0 1px 12px 0 rgba(0,0,0,0.12);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;}
.carousel-comment-media .carousel-control a.carousel-control-prev{left:20px;}
.carousel-comment-media .carousel-control a.carousel-control-prev span{padding-right:9px;}
.carousel-comment-media .carousel-control a.carousel-control-next{right:20px;}
.carousel-comment-media .carousel-control a.carousel-control-next span{padding-left:8px;}
.carousel-comment-media .carousel-indicators{position:static;margin:0px 0px 0.75rem 0px;text-align:left;display:block;}
.carousel-comment-media .carousel-indicators li{width:auto;max-width:60px;height:auto;text-indent:inherit;-webkit-box-flex:0;-ms-flex:none;flex:none;margin:0px 0px 3px 0px;border:2px solid transparent;opacity:1;cursor:-webkit-zoom-in;cursor:zoom-in;}
.carousel-comment-media .carousel-indicators li.active{border-color:#ffc120;cursor:-webkit-zoom-out;cursor:zoom-out;-webkit-transform:scale(1.05);transform:scale(1.05);}
.carousel-comment-media .carousel-inner{max-width:550px;-webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,0.12);box-shadow:0 1px 12px 0 rgba(0,0,0,0.12);}
.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video{max-width:100%;width:100%;height:500px;vertical-align:top;display:inline-block;background-color:#000000;}
#form-reply{display:none;}
.comment-item{margin-bottom:3rem;}
@media only screen and (min-width:992px){
  .comment-item{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;}
}
.comment-item-poster{width:200px;margin-right:30px;text-align:center;}
@media only screen and (max-width:991px){
  .comment-item-poster{width:auto;margin-right:0px;margin-bottom:0.5rem;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;}
}
.comment-item-letter{border-radius:50%;background-color:#d3d2d3;color:#919090;width:65px;height:65px;text-transform:uppercase;display:inline-block;vertical-align:top;line-height:67px;font-size:18px;font-weight:700;margin-bottom:0.5rem;}
@media only screen and (max-width:991px){
  .comment-item-letter{width:40px;height:40px;line-height:40px;font-size:13px;margin-bottom:0;}
}
.comment-item-name{margin-bottom:0.25rem;text-transform:capitalize;}
@media only screen and (max-width:991px){
  .comment-item-name{margin-bottom:0px;margin-left:10px;margin-right:10px;}
}
.comment-item-posttime{font-size:12px;color:#999999;}
.comment-item-information{width:calc(100% - 230px);}
@media only screen and (max-width:991px){
  .comment-item-information{width:100%;}
}
.comment-item-star{float:left;margin-right:10px;}
.comment-item-star i{font-size:17px;}
.comment-item-title{font-size:15px;font-weight:500;}
.comment-replies{position:relative;background:#f8f9fa;border:1px solid #dfdfdf;padding:1.75rem 1.5rem;}
.comment-replies:after{content:"";position:absolute;}
.comment-replies:before{content:"";position:absolute;z-index:1;top:-13px;left:10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:13px solid #f8f9fa;}
.comment-replies:after{top:-14px;left:9px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:14px solid #dfdfdf;}
.comment-replies-item{margin-bottom:1.5rem;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;}
.comment-replies-item:last-child{margin-bottom:0px;}
.comment-replies-letter{width:45px;height:45px;margin-right:10px;line-height:45px;padding-left:1px;font-size:14px;border-radius:50%;background-color:#e5e3e5;color:#919090;text-transform:uppercase;display:inline-block;vertical-align:top;font-weight:500;text-align:center;margin-top:0.125rem;}
.comment-replies-letter.admin{position:relative;background-color:#189eff;text-indent:9999px;overflow:hidden;}
.comment-replies-letter.admin:before{content:"QTV";text-indent:0px;color:#ffffff;font-weight:500;text-transform:uppercase;font-size:13px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.comment-replies-info{width:calc(100% - 55px);}
.comment-replies-name{font-weight:500;margin-bottom:0.125rem;}
.comment-replies [class*="btn-load-more-"]{border:0px;outline:none;padding:0px;background:transparent;}
.comment-media-play{z-index:1;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);}
.comment-media-play svg{-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.3);box-shadow:1px 1px 15px rgba(0,0,0,0.3);border-radius:50%;background-color:rgba(255,255,255,0.15);}
.comment-media-play svg .comment-media-play-stroke-dotted{opacity:0;stroke-dasharray:4,5;stroke-width:1px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:spin 4s infinite linear;animation:spin 4s infinite linear;-webkit-transition:opacity 1s ease,stroke-width 1s ease;transition:opacity 1s ease,stroke-width 1s ease;}
.comment-media-play svg .comment-media-play-stroke-solid{stroke-dashoffset:0;stroke-dasharray:300;stroke-width:4px;-webkit-transition:stroke-dashoffset 1s ease,opacity 1s ease;transition:stroke-dashoffset 1s ease,opacity 1s ease;}
.comment-media-play svg .comment-media-play-icon{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out;}
.comment-media-play:hover svg .comment-media-play-stroke-dotted{stroke-width:4px;opacity:1;}
.comment-media-play:hover svg .comment-media-play-stroke-solid{opacity:0;stroke-dashoffset:300;}
.comment-media-play:hover svg .comment-media-play-icon{-webkit-transform:scale(1.05);transform:scale(1.05);}

/* Header */
.header{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 123;}

.header .header-top{color:#ffffff;background-color:#ec2d3f;}
.header .header-top .wrap-content{padding:0px 0px;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;}
.header .header-top .wrap-content .info-header{margin-bottom:0px;line-height: 42px;color: #fff}
.header .header-top .wrap-content .info-header i{vertical-align:top;margin:3px 5px 0px 0px;font-size:16px;}
.header .header-bottom .wrap-content{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;}
.social-header a{padding:0px 3px;}
.social-header a:first-child{padding-left:0px;}
.social-header a:last-child{padding-right:0px;}
.header-bottom .wrap-content{padding:0px 0px;}
.hotline-header{display:inline-block;padding-left:25px;background-repeat:no-repeat;background-position:0px 1px;}
.hotline-header p{font-weight:bold;margin-bottom:-2px;text-transform:capitalize;}
.hotline-header span{font-weight:bold;color:#ec2d3f;font-size:20px;display:block;}
.user-header a{color:#ffffff;padding-right:9px;margin-right:7px;position:relative;display:inline-block;vertical-align:top;text-decoration:none;}
.user-header a:after{content:"";position:absolute;width:1px;height:8px;background-color:#ffffff;top:calc(50% - 7px / 2);right:0px;opacity:0.7;}
.user-header a:last-child{padding-right:0px;margin-right:0px;}
.user-header a:last-child:after{display:none;}


.mq{float:left;max-width:260px;font-size:14px;line-height: 42px;color: #fff;}
.sl{max-width: 260px;}
.logo-header{
    display: inline-block;
    background: #ffff;
    padding: 21px 11px 36px;
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 200px;

}

/* Menu */
@media only screen and (max-width:991px){
  .menu{display:none;}
}

/* Menu */
.menu_left{width:calc(100% - 98px)}
.menu .contain_trong{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
.menu{max-width: 920px;width: 80%}
.menu ul{padding:0px;list-style:none;margin:0px}
.menu_top>ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;position:relative;margin-bottom:0px;}
.menu_top>ul>li{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;position:relative;line-height:40px;}
.menu_top>ul>li>a{color:#fff;display:block;font-size:15px;text-transform:uppercase;width:100%;position:relative;text-shadow:none;font-weight:700;border-radius: 40px}
.menu_top>ul>li>a.active{color:#ffffff;}
.menu_top>ul>li a span{position:relative;z-index:12;display:block;opacity:0.9;}

/*.menu_top>ul>li>a>span{padding-top: 5px}*/
.menu_top>ul>li ul{list-style:none;position:absolute;top:0px;left:251px;z-index:3000;-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;}
.menu_top>ul>li>ul{top:41px;left:0px;padding-top:0px!important;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu_top>ul>li li{width:250px;position:relative;background:var(--color-main);line-height:25px;padding:10px 10px;text-align:left;border-bottom:1px solid #fff;}
.menu_top>ul>li li a{text-decoration:none;font-weight:500;text-transform:none;color:#fff;font-size:15px;display:block;line-height:18px;}
.menu_top>ul>li>ul li ul{box-shadow:0px 2px 5px #ccc;top:0px;}
.menu_top>ul>li:hover>a{text-decoration:none;}
.menu_top>ul>li>a.active{color:#ffffff;background:var(--color-dark-main)}
.menu_top>ul>li>a.mousego{color:#fff!important;background:transparent;}
.menu_top>ul>li>a.act_hover{color:#ffffff!important;background:var(--color-dark-main)}
.menu_top>ul>li li:hover{background:var(--color-dark-main);}
.menu_top>ul>li:nth-child(8):after{display:none;}
.menu_top>ul>li:nth-child(8):before{display:none;}
.menu_top>ul>li li:last-child{border-bottom:0px solid #fff;}
.flex_main{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;flex-wrap:wrap;}



/* Search */
.search{width:230px;background:#ffffff;}
.search p{float:left;width:35px;height:35px;line-height:35px;cursor:pointer;text-align:center;margin:0px;color:var(--color-gray);font-size:16px;}
.search input{width:calc(100% - 35px);height:35px;float:left;outline:none;padding:0px;border:0px;background:transparent;text-indent:10px;font-size:12px;}
.search input::-webkit-input-placeholder{color:#ccc;}
.search input:-moz-placeholder{color:#ccc;}
.search input::-moz-placeholder{color:#ccc;}
.search input:-ms-input-placeholder{color:#ccc;}

/* Mmenu */
.menu-res{height:55px;z-index:100;background:var(--color-main);position:relative;display:none;}
@media only screen and (max-width:991px){
  .menu-res{display:block;}
}
.menu-bar-res{height:55px;padding:0px 15px;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;}
#menu{display:none;}
#hamburger{display:block;width:45px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#ffffff;content:"";display:block;width:100%;height:3px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;-webkit-transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity,-webkit-transform;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}
.mm-slideout{z-index:unset;}
.fr_o{position:relative;}

.hd_trong.header{position: relative;padding: 5px 0px;background: #fff;box-shadow: 0px 2px 5px #ccc}
.hd_trong.header .menu_top>ul>li>a{color: #333}
.hd_trong.header .menu_top>ul>li>a.active{color:#ffffff;background:var(--color-dark-main)}
.hd_trong.header .menu_top>ul>li>a.mousego{color:#333!important;background:transparent;}
.hd_trong.header .menu_top>ul>li>a.act_hover{color:#ffffff!important;background:var(--color-dark-main)}
.hd_trong.header .logo-header{padding: 0px;background: transparent;border-radius: 0}

.fix_head.header{position:fixed;top:0px;left:0px;z-index:123;width:100%;animation:animatetop .4s;padding: 5px 0px;background: #fff;box-shadow: 0px 2px 5px #ccc}

.fix_head.header .menu_top>ul>li>a{color: #333}
.fix_head.header .menu_top>ul>li>a.active{color:#ffffff;background:var(--color-dark-main)}
.fix_head.header .menu_top>ul>li>a.mousego{color:#333!important;background:transparent;}
.fix_head.header .menu_top>ul>li>a.act_hover{color:#ffffff!important;background:var(--color-dark-main)}


.fix_heads.menu-res{position:fixed;top:0px;left:0px;z-index:123;width:100%;animation:animatetop .4s;}
@keyframes animatetop{
  from{top:-300px;opacity:0}
  to{top:0;opacity:1}
}

.fix_head.header .logo-header{padding: 0px;background: transparent;border-radius: 0}



/* Search Responsive */
.search-res{position:relative;}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#ffffff;font-size:17px;margin:0px;}
.search-res .icon-search.active{color:var(--color-dark-main);background:#ffffff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#ffffff;border:1px solid var(--color-dark-main);z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search-res .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:var(--color-dark-main);line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:var(--color-dark-main);}
.search-res .search-grid input::-webkit-input-placeholder{color:#313131;}
.search-res .search-grid input:-moz-placeholder{color:#313131;}
.search-res .search-grid input::-moz-placeholder{color:#313131;}
.search-res .search-grid input:-ms-input-placeholder{color:#313131;}

.menu .search-res .icon-search{width: 45px;height: 45px;line-height: 47px;background: #fff;border-radius: 50%;color: var(--color-main)}


/* Slideshow */
.slideshow{position:relative;}
.slideshow-item{display:block;cursor:pointer;}
.slideshow:hover .control-slideshow{opacity:1;}
.control-slideshow{opacity:0;}

/* Partner */
.wrap-partner{padding:50px 0px;background: #F4F4F4}
.wrap-partner .wrap-content{position:relative;}
.partner{display:block;max-width:180px;margin:0px auto;}
.name_partner{display: inline-block;max-width: 160px}
.name_partner span{display:block;color:var(--color-main);font-family:"UTMHelvetIns";font-size:30px;font-weight:400;text-transform:uppercase;}


.right_dt{width: calc(100% - 210px)}



/* Breadcrumb */
.breadCrumbs{background-color:#eee;}
.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;}

/* Intro */
.left-intro{width:48.084%;border-radius:10px;background:var(--color-main);display:flex;justify-content:center;align-items:center;}

.right-intro{width:49.25%;}
.wrap-intro{margin-bottom:0px;}
.wrap-intro .wrap-content{padding: 66px 0px;}
.title-intro{margin-bottom:25px;padding:10px 0px 12px 23px;background-position:left center;}

.title-intro span{display:inline-block;text-transform:uppercase;position:relative;font-size:30px;color:var(--color-main);font-family:"UTMHelvetIns";font-weight:400;}
.title-intro p{margin-bottom:0px;color:#333;font-size:15px;font-weight:400;margin-top: -4px}


.newshome-best{width:48.224%;display:block;float:left;}
.pic-newshome-best img{width:100%;}
.name-newshome{color:#333;font-size:14px;line-height:20px;margin-bottom:4px;font-weight: 700;height: 40px}

.newshome-best .name-newshome{font-size: 15px;margin-bottom: 9px}
.newshome-best .desc-newshome{font-size: 14px;line-height: 24px; height: 72px}
.pic-newshome-best{margin-bottom: 20px}
.time-newshome{color:var(--color-gray);margin-bottom:0.25rem;}
.desc-newshome{color:#333;margin-bottom:0px;font-size: 13px;line-height: 20px;font-weight: 400;height: 60px}
.view-newshome{display:inline-block;border:1px solid var(--color-black);padding:8px 15px;color:var(--color-black);text-transform:capitalize;font-weight:600;margin-top:1rem;}
.view-newshome:hover{background-color:var(--color-black);color:#fff;}
.newshome-scroll{width:48.224%;}
.newshome-scroll ul li{margin-bottom:15px!important;}
.newshome-normal{display: flex;justify-content: space-between;}
.pic-newshome-normal{width:40.64%;margin: 0px 0px 0px}
.pic-newshome-normal img{width:100%;}
.info-newshome-normal{width:calc(100% - 42.4%);}
.newshome-intro{display: flex;justify-content: space-between;}
.mg_tt{margin: -17px 0px}
.item_tt{padding: 17px 0px}

.slick_news .slick-list{min-height: 423px;}
.slick_news .slick-prev{left: 0px;}
.slick_news .slick-next{right: 0px;}


/* Video */
.video{cursor:pointer;margin-bottom:1rem;}
.video .video-image{position:relative;margin-bottom:0.75rem;}
.video .video-image:before{content:"";position:absolute;width:50px;height:35px;top:calc(50% - 50px / 2);left:calc(50% - 35px / 2);z-index:1;background-repeat:no-repeat;background-image:url(../images/play.png);}
.video .video-name{text-align:center;font-size:16px;color:#212529;margin-bottom:0px;}

.video-main{position:relative;height:400px;}
.video-main img{width: 100%;height: 100%}
.video-main iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.listvideos{width:100%;height:40px;padding:0px 10px;border:1px solid #ccc;color:var(--color-black);margin-top:10px;cursor:pointer;}


.page_trong{padding: 30px 0px;min-height: 550px}
.mg_tv{margin: 0px -5px -10px}
.page_trong .item_thuvien{width: 33.33%;padding: 0px 5px 10px}
.mw_thuvien{position: relative;}
.mw_thuvien img{width: 100%}

.info_album{position:absolute;top:0px;left:0px;height:100%;width:100%;display:flex;align-items:center;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;opacity: 0;visibility: hidden;background:rgb(0,0,0,0.5);}
.info_album p{text-align:center;text-transform:uppercase; font-size: 16px;font-weight: 700; color:#fff;background:transparent;width:100%;display:flex;align-items:center;justify-content:center;padding:12px 10px;margin-bottom:0px;} 
.mw_albumanh {position: relative; }
.mw_albumanh img{width: 100%}
.mw_albumanh:hover .info_album,.mw_thuvien:hover .info_album{opacity: 1;visibility: visible;}
.play_1 span{width: 50px;height: 35px;position: absolute;top: calc(50% - 35px/2);left: calc(50% - 50px/2);background: url(../images/play.png)no-repeat center;}



/* Album */
.album{cursor:pointer;}
.album .album-image{margin-bottom:0.75rem;}
.album .album-name{margin-bottom:0px;text-align:center;}
.album .album-name a{display:block;font-size:16px;color:#212529;margin-bottom:0px;}

/* Brand */
.wrap-brand{margin-bottom:50px;padding:0px 15px;}
.wrap-brand .wrap-content{position:relative;}
.brand{display:block;border:1px solid #eee;max-width:160px;margin:0px auto;}

.pdb{padding-bottom: 40px}
.wrap-productnb{padding-top: 48px;}
.wrap-productnb .contain_trong{}
.btn_sp{text-align: center;margin-top: 0px}
.btn_sp a{display:inline-block;border-radius:5px;border:1px solid var(--color-main);background:var(--color-main);color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;padding:5px 51px 5px 25px;background-repeat:no-repeat;background-position:right 24px center;}
.banner_lst{width:100%;display:block;margin-top:80px;}
.btn_sp a:hover{color: #fff}


.ab_tabsp{text-align:center;overflow-x:auto;margin-bottom:40px;}
.ab_tabsp::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);background-color:#F5F5F5;}
.ab_tabsp::-webkit-scrollbar{height:6px;background-color:#f3f3f3;}
.ab_tabsp::-webkit-scrollbar-thumb{background-color:var(--color-main);}

.tabs{text-align:center;height:40px;position:relative;display:inline-block;white-space:nowrap;}

.tabs span.list_sp:first-child{margin-left:0px;}
.tabs span.list_sp:last-child{margin-right:0px;}

.tabs span.list_sp{line-height:34px;font-size:15px;background-color:transparent;margin:0px 7px;color:#333;cursor:pointer;font-weight:700;text-transform:uppercase;display:inline-block;position:relative;border-radius:5px;padding:0px 48px;border: 1px dashed #D0D0D0}
.tabs span.list_sp:hover,.tabs span.list_sp.active{border:1px solid var(--color-main);background: var(--color-main);color: #fff}


/* Product */
.mg_sp{margin: 0px -10px -20px}
.wrap-product{margin-bottom:50px;}
.detail_sanpham {width: 25%;padding: 0px 10px 20px }
.product{max-width: 100%;margin: 0 auto}


.box-product{position:relative;display:block;margin-bottom:0px;}
.pic-product{background:#ffffff;margin-bottom: 16px}
.pic-product img{width:100%;}
.name-product{font-size:15px;color:#333;margin-bottom: 3px;text-align: center;font-weight: 600;text-transform: uppercase;}

.name-product.text-split{-webkit-line-clamp:1;}
.price-product{margin-bottom:0px;text-align: center;color: #000;font-size: 14px;font-weight: 400}
.price-new{font-size:14px;font-weight:500;color:var(--color-main);}
.price-old{padding-left:10px;font-size:12px;color:#6c757d;}
.price-per{position:absolute;top:15px;right:15px;color:#ffffff;background:#ec2d3f;font-size:11px;border-radius:2px;width:45px;height:25px;text-align:center;line-height:25px;}
.cart-product{margin-bottom:0px;}
.cart-product span{cursor:pointer;color:#ffffff;text-transform:capitalize;text-align:center;}
.input-triple-cart .select2-container{width:100%;height:39px;color:#4c4c4c;font-size:14px;border-radius:0px;border:none;box-shadow:none;text-indent:10px;}
.input-triple-cart .select2-container{width:100%;height:39px;color:#4c4c4c;font-size:14px;border-radius:0px;border:none;box-shadow:none;text-indent:10px;}
.input-triple-cart .select2-container .select2-selection--single{height:39px;border:1px solid #ced4da}
.input-triple-cart .select2-container--default .select2-selection--single .select2-selection__rendered{width:100%;height:39px;color:#767676;font-size:14px;border-radius:0px;border:none;box-shadow:none;text-indent:0;padding-left:10px;line-height:40px;}
.input-triple-cart .select2-container--default .select2-selection--single .select2-selection__arrow{top:7px;right:2px;}

/* Product Detail */
.grid-pro-detail{margin-bottom:3rem;}
.left-pro-detail{position:relative;text-align:center;}
.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:transparent;color:#222222;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{text-transform:capitalize;font-size:20px;display:block;font-weight:700;}
.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;}
.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-weight:700;font-size:20px;color:#ec2d3f;}
.price-old-pro-detail{font-weight:500;color:#6c757d;text-decoration:line-through;padding-left:10px;}
.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 a.btn-success{background: var(--color-main);border-color: var(--color-main);box-shadow: 0px 5px 0px var(--color-dark-main);transition: .5s;}
.cart-pro-detail a.btn-success:hover,.cart-pro-detail a.btn-success:active{box-shadow: none;transform: translateY(5px);background-color: var(--color-main);
    border-color: var(--color-main);}


.cart-pro-detail a.btn-dark{box-shadow: 0px 5px 0px #000;transition: .5s;}
.cart-pro-detail a.btn-dark:hover,.cart-pro-detail a.btn-dark:active{box-shadow: none;transform: translateY(5px);background:#343a40;border-color:#343a40}

@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;}

/* News */
.news{margin-bottom:2rem;}
@media only screen and (max-width:575px){
  .news .news-image{margin-bottom:1rem;}
}
.news .news-name{margin-bottom:0.5rem;}
.news .news-name a{color:#333;font-size:16px;font-weight: 700}
.news .news-name a.text-split{-webkit-line-clamp:2;}
.news .news-name a:hover{color:var(--color-main);}
.news .news-time{color:#84878a;margin-bottom:0.25rem;}
.news .news-desc{color:#333333;margin-top:5px;line-height:22px;}
.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:var(--color-main);}


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

/* Contact */
.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 iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}


/* Newsletter */
.title_dk{text-align: center;margin-bottom: 32px}
.title_dk span{display:inline-block;font-family:"Saira Stencil One",sans-serif;font-weight:500;font-size:60px;text-transform:uppercase;background:linear-gradient(180deg,rgba(255,255,255,0.30) 29.55%,rgba(136,136,136,0.00) 84.55%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.title_dk b{font-weight:500;display:block;color:#FFF;font-family:"UTMHelvetIns";font-size:30px;text-transform:uppercase;margin-top: -20px}
.title_dk p{margin-bottom:0px;color:#fff;font-family:'Roboto',sans-serif;font-size:14px;font-weight:400;}

.dktv-intro{width:83.883%;margin:0 auto;}

.newsletter-slogan{margin-bottom:0.5rem;color:#6c757d;}
.newsletter-input{position:relative;marg}
.newsletter-input input{padding:0px;text-indent:20px;border:0;border-radius:0;height:50px;border-radius:5px;background:#F9F9F9;color: #555;font-size: 14px!important;font-family: 'Roboto',sans-serif;margin-bottom: 10px}

#content-newsletter{
  padding:15px 20px;text-indent:0px;border:0;border-radius:0;height:90px;border-radius:5px;background:#F9F9F9;color: #555;font-size: 14px!important;font-family: 'Roboto',sans-serif;margin-bottom: 10px;resize: none;
}
.flex_frm{display: flex;justify-content: space-between;}
.flex_frm input{width: 49%}

.newsletter-button{margin-top:0px;display: flex;justify-content: center;align-items: center;}
.newsletter-button input[type="submit"]{text-transform:uppercase;border-radius:5px;color:#FFF;font-family:'Roboto',sans-serif;font-size:14px;font-weight:700;display:inline-block;background:#0a54b6;border:0;padding:14px 34px;margin-right:5px}
.newsletter-button input[type="reset"]{text-transform:uppercase;border-radius:5px;color:#FFF;font-family:'Roboto',sans-serif;font-size:14px;font-weight:700;display:inline-block;background:var(--color-dark-main);border:0;padding:14px 34px;margin-left:5px}

.newsletter-input input::-webkit-input-placeholder{color:#555;}
.newsletter-input input:-moz-placeholder{color:#555;}
.newsletter-input input::-moz-placeholder{color:#555;}
.newsletter-input input:-ms-input-placeholder{color:#555;}

.tt p {margin-bottom: 10px; color: #fff; font-size: 14px;}
.tt p i {    width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #000; color: #000; margin-right: 10px; font-size: 18px; border-radius: 5px;}


/* Footer */
.footer-article{background-color:var(--color-main);}
.footer-news:nth-child(1){width:auto;max-width: 106px}
.footer-news:nth-child(2){width:31.834%;}
.footer-news:nth-child(3){width:auto;max-width: 242px}
.footer-news:nth-child(4){width:29.167%;}
.footer-article .wrap-content{padding:58px 0px 60px;}
.footer-title{text-transform:uppercase;font-size:15px;margin-bottom:10px;font-weight:700;color: #fff}


.social-footer .footer-title{margin-bottom: 9px;margin-top: 13px}
.info_mxh{}

.info_mxh a{padding:0px 2px;display: inline-block;}
.info_mxh a:first-child{padding-left:0px;}
.info_mxh a:last-child{padding-right:0px;}


.footer-news:nth-child(2) .footer-title{
font-family: "UTMHelvetIns";
font-size: 25px;
font-weight: 400;
line-height: 30px;margin-bottom: 30px
}
.footer-ul{list-style:none;padding:0px;margin:0px;}
.footer-ul li{margin-bottom:10px;}
.footer-ul li:last-child{margin-bottom:0px;}
.footer-ul li a{color:#FFF;font-size: 14px}
.footer-ul li a:hover{text-decoration:none;color:var(--color-dark-main);}
.footer-tags{background:#eee;}
.footer-tags .wrap-content{padding:30px 15px;}
.footer-tags-lists{list-style:none;padding:0px;margin:0px;}
.footer-tags-lists li{float:left;}
.footer-tags-lists li a{padding-bottom:0.375rem;}
.footer-powered{color:#ffffff;background-color:var(--color-dark-main);}
.footer-powered .wrap-content{padding: 15px 0px}
.footer-statistic{text-align:right;}
.footer-statistic span{padding-right:10px;}
.footer-statistic span:last-child{padding-right:0px;}

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




/* Like Share */
.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;}

/* Paging */
.pagination-home{margin-top: 10px}
.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:#ec2d3f;background-color:#ec2d3f;}
.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 */
#popup .modal-body{padding:0px;}
#popup .close{position:absolute;top:16px;right:16px;width:40px;height:40px;z-index:2;color:#888888;cursor:pointer;border:1px solid #eeeeee;background-color:#ffffff;opacity:1;}


/* Hidden Google Captcha */
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}

/* Hidden Check Grammar Coccoc */
coccocgrammar{display:none;}

/* Scroll Top */
.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:10;cursor:pointer;}

/* Text Hide */
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}

/* Transition All */
.transition,.control-owl button,.carousel-comment-media .carousel-control a span,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover > ul,.scale-img img,.scale-img:hover > img,.btn-frame .kenit-alo-circle-fill,.support-online .kenit-alo-circle-fill{-webkit-transition:0.3s all;transition:0.3s all;}

/* Scale IMG */
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}

/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer;}
.btn-frame i{width:50px;height:50px;border-radius:50%;background:var(--color-main);position:relative;z-index:1;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;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:0.1;border-color:var(--color-main);opacity:0.5;}
.btn-frame .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.btn-frame .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(7,41,103,0.35);opacity:0.4;}
.btn-frame .pulse{-webkit-animation-name:pulse;animation-name:pulse;}

/* Zalo */
.btn-zalo{bottom:315px;}

/* Phone */
.btn-phone{bottom:230px;}

/* Messenger */
.js-facebook-messenger-container.closed{display:none!important;}
.js-facebook-messenger-tooltip{bottom:97px;right:97px;color:#404040;background:#fff;}
.js-facebook-messenger-tooltip.closed{display:none!important;}
.js-facebook-messenger-box,.js-facebook-messenger-button{z-index:999;}
.js-facebook-messenger-tooltip{z-index:999;display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);-webkit-box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1000000000000000019884624838656;}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px;}
.js-facebook-messenger-box{z-index:999;}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999;}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background:var(--color-main);border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000;}
.js-facebook-messenger-container{position:fixed;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;}
.js-facebook-messenger-top-header{width:220px;color:#ffffff;background:var(--color-main);display:block;position:relative;width:220px;background:var(--color-main);color:#ffffff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px;}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000;}
.js-facebook-messenger-top-header{color:#ffffff;background:var(--color-main);width:220px;}
.js-facebook-messenger-tooltip{color:#404040;background:#fff;}
.js-facebook-messenger-container.open{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;pointer-events:all;}
.js-facebook-messenger-tooltip{bottom:97px;right:97px;}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0;}
.js-facebook-messenger-box.rotate.open svg#close-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.js-facebook-messenger-box.open svg#close-icon{opacity:1;}




.contact-group{position:fixed;z-index:999999;left:20px;bottom:20px}
.contact-group .icon,.btn-icon-facebook .icon-fb{width:48px;height:48px;background:rgba(243,113,33,.8);border-radius:50%;position:relative;cursor:pointer}
.contact-group .icon:after,.btn-icon-facebook .icon-fb:after{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-animation:pulse-animation 1s cubic-bezier(0.24,0,.38,1) infinite;animation:pulse-animation 1s cubic-bezier(0.24,0,.38,1) infinite;z-index:-1}
.contact-group .icon:before,.btn-icon-facebook .icon-fb:before{content:'';display:block;position:absolute;width:60px;height:60px;top:-7px;left:-7px;border:1px solid rgba(243,113,33,.2);border-radius:inherit;-webkit-animation:pulse-animation 1.5s cubic-bezier(0.24,0,.38,1) infinite;animation:pulse-animation 1s cubic-bezier(0.24,0,.38,1) infinite;animation-delay:.5s;-webkit-animation-delay:.5s;z-index:-1;background:transparent;-webkit-animation-fill-mode:forwards}
.contact-group .icon span{width:24px;height:1px;background:#fff;position:absolute;left:50%;transform:translateX(-50%);transition:all 240ms linear}
.contact-group .icon.active span:first-child{transform:rotate(45deg);top:22px;left:11px}
.contact-group .icon.active span:nth-of-type(2){transform:scale(0)}
.contact-group .icon.active span:nth-of-type(3){transform:rotate(-45deg);top:22px;left:11px}
.contact-group .icon span:first-child{top:17px}
.contact-group .icon span:nth-of-type(2){top:24px}
.contact-group .icon span:nth-of-type(3){top:31px}
.btn-icon-facebook{display:block;position:fixed;bottom:20px;right:20px;z-index:99999;cursor:pointer}
.contact-group .button-action-group{position:absolute;right:-160px;bottom:55px;min-width:210px}
.contact-group .button-action-group:not(.active) a{display:none}
.contact-group .button-action-group a{display:block;opacity:0;padding:5px 10px;background:rgba(243,113,33,.9);margin-bottom:15px;color:#fff;font-size:20px;font-weight:bold;border-radius:30px;letter-spacing:1px;-webkit-animation:fadeup 1s cubic-bezier(0.24,0,.38,1);animation:fadeup 1s cubic-bezier(0.24,0,.38,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.contact-group .button-action-group a+a{animation-delay:.5s;-webkit-animation-delay:.5s}
.contact-group .button-action-group a i{width:48px;height:48px;background:#f37121;line-height:48px;text-align:center;border-radius:50%;margin:-10px 10px -10px -10px;box-shadow:2px 0 7px -2px #00000078;position:relative}
.contact-group .button-action-group a i:after{content:'';position:absolute;width:40px;height:40px;left:3px;top:3px;border-radius:50%;border-width:1px;border-left-color:#f1f1f1;border-style:solid;border-right-color:#f1f1f1;border-top-color:transparent;border-bottom-color:transparent;-webkit-animation:rotate 1s cubic-bezier(0.24,0,.38,1) infinite;animation:rotate 1s cubic-bezier(0.24,0,.38,1) infinite}
div.wpcf7-select-parent select option{color:black}
.fb_dialog_advanced,.fb_dialog_mobile{bottom:20px!important;right:20px!important;display:none!important}
input:focus{outline:#f37121 5px!important}
@keyframes rotate{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
@keyframes fadeup{
    from{opacity:0;transform:translateX(-20px)}
    to{opacity:1;transform:translateX(0)}
}
@keyframes pulse-animation{
    0%{transform:scale3d(1,1,1);opacity:0}
    10%{transform:scale3d(1.1,1.1,1.1);opacity:1}
    100%{transform:scale3d(1.6,1.6,1.6);opacity:0}
}
@keyframes border-animation{
    0%{transform:scale3d(.6,.6,.6);opacity:0}
    20%{transform:scale3d(1.2,1.2,1.2);opacity:1}
    100%{transform:scale3d(1.4,1.4,1.4);opacity:0}
}




/* Cart Fix */
.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:10;background:#4b4f56;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:#ec2d3f;text-align:center;line-height:25px;font-size:11px;border-radius:100%;}
.bt_c.cart-fixed{bottom: 220px}
/* Toolbar */
.toolbar{background:var(--color-main);width:100%;padding:3vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;}
.toolbar ul{list-style:none;padding:0px;margin:0px;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;}
.toolbar ul li{text-align:center;width:25%;}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color:#ffffff;font-size:3.5vw;display:none;}

/* Fixbar */
.fixbar{bottom:0;display:block;background:#f0eff4;border-top:1px solid #ddd;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;margin:0;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50px;}
.fixbar ul{margin:0px;padding:0px;list-style:none;}
.fixbar ul li{margin:0 auto 10px;text-align:center;width:25%;float:left;}
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new{width:20px;height:20px;display:block;margin:8px auto 0;}
.fixbar .icon-cart-mobile{background:url(../images/cart-mobile.png) no-repeat;}
.cart-total-header-mobile{font-size:10px;position:absolute;background:red;color:#fff!important;border-radius:50%;height:15px;width:15px;line-height:15px;top:5px;margin-left:5px;}
.fixbar ul li a{font-size:11px;text-decoration:none;color:#333;}
.fixbar ul li a i{font-size:20px;}

/* Plugbar */
.plugbar{position:fixed;bottom:0;left:0;border-top:1px solid #eae6e6;width:100%;right:0;max-width:767px;margin:0 auto;background:#ffffff;padding:9px 10px 10px 7px;z-index:10;}
.plugbar ul{list-style:none;padding:0;margin:0px;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;}
.plugbar ul li{width:20%;float:left;}
.plugbar ul li a{display:block;color:#696969;font-size:12px;text-align:center;position:relative;}
.plugbar ul li a i{font-size:20px;color:#696969;}
.plugbar ul li a span{position:absolute;width:50px;height:50px;top:-40px;left:calc(50% - 50px / 2);font-size:14px;display:block;border:1px solid rgba(234,230,230,0.5);border-radius:100%;}

/* Combo Phone */

.support-online .animated.infinite{animation-iteration-count:infinite;}
.support-online .animated{animation-duration:1s;animation-fill-mode:both;}
.support-online .zoomIn{animation-name:zoomIn;}
.support-online .pulse{animation-name:pulse;}

.support-online{position:fixed;z-index:999;left:10px;bottom:0px;}
.support-online a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px;}
.support-online i{width:40px;height:40px;background:#43a1f3;color:#ffffff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999;}
.support-online a{display:block;}
.support-online a span{border-radius:2px;text-align:center;background:#67b634;padding:9px;display:none;width:180px;margin-left:10px;position:absolute;color:#ffffff;z-index:999;top:0px;left:40px;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;-webkit-animation:headerAnimation 0.7s 1;animation:headerAnimation 0.7s 1;}
.support-online a:hover span{display:block;}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #67b634 transparent transparent;position:absolute;left:-10px;top:10px;}
.support-online .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(0,175,242,0.5);opacity:0.75;right:-10px;}
.support-online .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:0.1;border-color:#0089b9;opacity:0.5;}
.support-online .support-online .btn-support{cursor:pointer;}
.support-online .mes i{background:orange;}
.support-online .sms i{background:red;}
.support-online .call-now i{background:green;}

/* Phone Switch */
.widget-mobile{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;z-index:9999999;}
#my-phone-circle{position:relative;width:50px!important;height:50px!important;}
.wcircle-open .wcircle-icon i:before{content:"\f00d";}
.wcircle-icon{background:#1282fc;border-radius:50%;position:relative!important;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;}
.wcircle-icon:before{position:absolute;content:"";width:60px;height:60px;background:rgba(18,130,252,0.5);border:1px solid #ffffff;border-radius:50%;left:-5px;top:-5px;-webkit-animation:pulse 1s infinite ease-in-out;animation:pulse 1s infinite ease-in-out;}
.wcircle-icon:after{position:absolute;content:"";width:80px;height:80px;background:rgba(18,130,252,0.5);border-radius:50%;left:-15px;top:-15px;-webkit-animation:zoomIn 2s infinite ease-in-out;animation:zoomIn 2s infinite ease-in-out;}
.wcircle-menu{position:absolute!important;left:0;top:0;display:none;}
.wcircle-menu-item{width:50px;height:50px;background:#1282fc;border-radius:50%;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;}
.wcircle-menu-item img{width:50px;height:50px;display:block;border-radius:50%;}
.wcircle-menu-item i{font-size:25px;color:#ffffff;position:relative;z-index:9999;}
.wcircle-icon i{font-size:25px;color:#ffffff;position:relative;z-index:9999;}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
@-moz-keyframes shake-anim{
  0%{transform:rotate(0) scale(1) skew(1deg)}
  10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
  20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
  100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes shake-anim{
  0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
  10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
  20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-o-keyframes shake-anim{
  0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}
  10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
  20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-webkit-keyframes hvr-pulse-shrink{
  to{-webkit-transform:scale(0.9);transform:scale(0.9)}
}
@keyframes hvr-pulse-shrink{
  to{-webkit-transform:scale(0.9);transform:scale(0.9)}
}
.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}
.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;cursor:pointer;}
.rows_1{-webkit-line-clamp:1;}
.rows_2{-webkit-line-clamp:2;}
.rows_3{-webkit-line-clamp:3;}
.rows_4{-webkit-line-clamp:4;}
.rows_5{-webkit-line-clamp:5;}



/* Responsive */
@media (min-width: 1400px) {}
@media (max-width: 1366px) {}
@media(max-width: 1320px)
{

}

@media(max-width: 1280px)
{
  .mg_sp,.mg_tv,.mg_dv{margin: 0px;}
}

@media(max-width: 1220px)
{
  .page_trong{padding: 30px 10px}
  .flex_frm input{width: 100%}
  .flex_frm{flex-wrap: wrap;}
  .left-intro{padding: 10px}
  .dktv-intro{width: 100%}
  .header-bottom .wrap-content{padding: 0px 10px}
  .wrap-gioithieu .contain_trong,.wrap-dichvu .contain_trong,.wrap-intro .wrap-content,.wrap-partner,.footer-article .wrap-content{padding: 20px 10px}
  .wrap-productnb{padding-top: 20px}
  .wrap-productnb .contain_trong{padding: 0px 10px}
  .ab_tabsp{margin-bottom: 20px}
  .banner_lst{margin-top: 30px}
  .pdb{padding-bottom: 20px}
  .footer-article .wrap-content{flex-wrap: wrap;}
  .footer-news:nth-child(4){width: 100%;margin-top: 10px}
  .detail_sanpham,.detail_dv{padding: 0px 5px 10px}
  .title-intro{background-image: unset!important;padding: 0px}
  .wrap-intro .wrap-content .d-flex{flex-wrap: wrap;}
  .left-intro{width: 100%}
  .right-intro{margin-top: 10px;width: 100%}
  .newshome-best{display: none;}
  .newshome-scroll{width: 100%}
  .footer-powered .wrap-content{padding: 15px 10px}
}

@media(max-width:1024px){

  .detail_dv{width: 50%}
  .title-main>span{font-size: 28px}
  .frame_gt .desc_scroll{max-height: unset;}

  .btn_gt{margin-top: 15px}
  .btn_gt span{display: none;}
  .td {
    font-size: 26px;
    line-height: 40px;
}

  .footer-powered .wrap-content{flex-wrap: wrap;justify-content: center;}
  .footer-copyright,.footer-statistic{text-align: center;display: block;width: 100%}
  .wrap-partner .wrap-content{flex-wrap: wrap;}
      .name_partner {
        width: 100%;
        text-align: center;
        max-width: 100%;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        gap: 0px 6px;
    }
  .name_partner span{display: inline-block;}
  .footer-news:nth-child(2) .footer-title{margin-bottom: 15px}
  .right_dt{width: 100%}
  .detail_sanpham{width: 33.33%}
  .flex_gt{flex-wrap: wrap;justify-content: center;flex-direction:column-reverse;}
  .info_gt{width: 100%;margin-bottom: 10px}
  .logo-header{padding: 0px;background: #fff;border-radius: 0}

  .header{position: relative;}
  .fix_head.header{position: relative;animation: unset;}
  .header-bottom .wrap-content{padding: 10px;justify-content: center!important;}
 .footer-news:nth-child(1){width:100%;max-width: 100%;text-align: center;}
.footer-news:nth-child(2){width:100%;margin-top: 10px}
.footer-news:nth-child(3){width:100%;max-width: 100%;margin-top: 10px}
.footer-news:nth-child(4){width:100%;}

  .pic-product{margin-bottom: 6px}

    .row{margin-left:-5px!important;margin-right:-5px!important;}
  [class*="col-"], .col {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
  #footer-map,.contact-map{height: 350px}
  .menu{display:none;}
  .menu-res{display:block;}
  img {height: auto !important; } 
  .pbThumbs img{height: 96%!important;}
  .toolbar ul li a img{height:6vw!important;width:auto;}
}
@media(max-width: 769px)
{
  .right_ct .title-main{text-align: center;}
  .right_ct{width: 100%;margin-bottom: 10px}
  .left_ct{width: 100%}
  .title-main>span{font-size: 26px}
  .page_trong .item_thuvien,.detail_sanpham{width: 50%}
}
@media(max-width: 550px)
{
  #footer-map,.contact-map{height: 250px}
  .title-main>span{font-size: 24px}
  .detail_dv{width: 100%}
}

@media(max-width:576px){
  .news-image{margin-bottom:1rem;}
}
@media(max-width: 440px)
{
  .name-product.text-split{-webkit-line-clamp:2;line-height:18px;height:36px;font-size:14px;}

}
@media(max-width:375px){
  .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;}
}