@charset "utf-8";
@import url(reset.css);
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap');
/* ---------------------------------------------------------------- general selector ---------------------------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference){:root { scroll-behavior: auto;}}
html {background-color: #fff;xcursor: none;}
body{background-color: #fff;font-family: 'IBM Plex Sans Thai', sans-serif;font-size: 1em;font-weight: 400;line-height: normal;}
* { box-sizing:border-box;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height:1.5}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height:1.5}
a { color:#000; outline:none; text-decoration:none; /*transition:all ease .5s;*/ cursor:pointer;word-wrap: break-word;}
a:hover { text-decoration:none; color:#000;}
a:focus { outline:none; box-shadow:none;}
b {font-weight: 600;}
strong {font-weight: 700;}
img { max-width:100%;}
.minwidth-0 { min-width:0!important;}
.form-control.form-style-border:focus { box-shadow:none;border-color: #084ea6;}
.tinline { display:inline-block;}
.text-uppercase { text-transform:uppercase;}

.clear { float:left; width:100%; clear:both;}
.loadpage { position:fixed; top:0px; left:-25%; width:150%; height:100%; z-index:999; background:#fdce01 ; }
.wrapper { float:left; width:100%; overflow:hidden;}
.container-full { width:100%; padding:0 60px;}
.loadpage { position:fixed; z-index:99999; top: 0; left: 0 ; width: 100%; height: 100%; background:url(../img/skin/logo-pure.png) no-repeat center center #fff; background-size:100px; }
.btn:focus {outline: none !important;box-shadow:none;}
.fw { float:left; width:100%}
.border-none{border: none !important;}
/* .container-1360 { max-width:1700px; max-height: 420px;} */
.container-1360 { max-width:1700px;}
.banner-bg {background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
.text-pure{    
  color: #16478E;
  font-weight: 500;
  font-size: 16px;
}
.bgs-tr .text-pure {
  transition: 0.5s all ease;
  color: #fff;
}
.bgs-tr:hover .text-pure {
  transition: 0.5s all ease;
  color: #16478E;
}
.para-no-margin p{
  margin-bottom: 0px !important;
}
.br-md-1.br-b-1.no-tec-br-r{
  border-right: unset;
}

.sec.footer{z-index: 0;}
.group-product.product-list{z-index: 1;}
.group-product.product-filter-list{z-index: 1;}

p.otp-incorrect{display: none;}
p.otp-incorrect.active{display: block;}
.avatar-validate{display: none;}
.avatar-validate.error{display: block;}

.pills{background-color: #f2f2f2; border: 1px solid #f2f2f2;border-radius: 50px;padding: 10px 40px;}

.download-color{color: #55C3B7 !important;}

.filter-relate{
  width: 100%;
  max-height: 35px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.box-card-group-new{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.grid-container{
  display: grid;
  /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  width: 100%;
  height: 100%;
  /* background-color: black; */
}
.box-card-new{
  position: relative;
  display: flex;
  /* justify-content: center; */
  /* padding-top: 10%; */
  flex-direction: column;
  /* align-items: center; */
  width: 100%;
  /* margin-left: 40px; */
  /* border: 1px solid black; */
  height: 100%;
  min-height: 350px;
}
.box-card-new > img {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  z-index: -9999;
  object-fit: cover; 
  object-position: center;
}
.card-body-new{
  position: absolute;
  display: flex;
  flex-direction: column;
  /* flex-direction: column; */
  font-size: inherit;
  margin-top: 10%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.card-title-new{
  /* position: absolute; */
  margin-left: 35px;
  font-size: 1.225em;
  /* display: block; */
}
.logo-test{
  border:1px solid red;
}
.block{
  display: inline-block;
}
.bottom-new{
  position: relative;
}
.bottom-new img{
  /* right: 25%; */
}
.bottom-new a{
  /* position: relative; */
  /* border: 1px solid red; */
  display: flex;
  align-items: center;
  width: 100%;
  margin: 10px 35px;
  font-size: 1em;
}
@media(max-width:500px){
  .grid-container{
    /* display: grid; */
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    /* background-color: yellow !important; */
    /* gap: 25px; */
  }
}
@media(max-width:768px){
  .grid-container{
    /* display: grid; */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* background-color: red; */
    /* gap: 25px; */
  }
}

.pd-80{padding: 80px 0;}
.pd-60{padding: 60px 0;}
.pd-50{padding: 50px 0;}
.pd-40{padding: 40px 0;}
.pd-30{padding: 30px 0;}
.pd-20{padding: 20px 0;}
.pd-10{padding: 10px 0;}

.pd-t-80{padding-top: 80px;}
.pd-t-60{padding-top: 60px;}
.pd-t-40{padding-top: 40px;}
.pd-t-20{padding-top: 20px;}
.pd-t-10{padding-top: 10px;}

.pd-b-100{padding-bottom: 100px;}
.pd-b-80{padding-bottom: 80px;}
.pd-b-70{padding-bottom: 70px;}
.pd-b-60{padding-bottom: 60px;}
.pd-b-40{padding-bottom: 40px;}
.pd-b-30{padding-bottom: 30px;}
.pd-b-20{padding-bottom: 20px;}
.pd-b-10{padding-bottom: 10px;}
.pd-lr-20{padding: 20px;}


.md-t-10{margin-top: 10px;}
.md-t-20{margin-top: 20px;}
.md-t-30{margin-top: 30px;}
.md-t-40{margin-top: 40px;}
.md-lr-20{margin:0 20px;}
.md-lr-10{margin:0 10px;}

.mg-40{margin: 40px 0;}
.primary{background-color: #0c193a;}
.menuClick{overflow: hidden !important;}
.txt-oversize{font-size: 2em;}
.border-r{ border-right: 1px solid #F2F2F2;}

.border-b{ border-bottom: 1px solid #C6D2E3;}
.row{display: -webkit-box;   
	display: -moz-box;  
	display: -ms-flexbox;    
	display: -webkit-flex;
	display:flex;}

.col-6.col-md-6.col-lg-3:last-child .border-r{ border-right: 0}
.br-md-1{border-right:  1px solid #F2F2F2;}

.wfc{width: fit-content;}
/*
 |*******************************************************************************************
 | HEADER
 |*******************************************************************************************
*/
.head-wrap{width: 100%;position:fixed; top:0px; left:0px; z-index:19; }
.section-header { position:fixed; top:0px; left:0px; width:100%; background-color:#fff; z-index:19;  font-size: 1em;transition: 0.5s all ease;border-bottom: 1px solid #E0E0E0;}
.section-header.bgs-tr{background-color: transparent;box-shadow: none;transition: 0.5s all ease;border: 0;}
.section-header.bgs-tr:not(.nohover):hover{background-color:#fff;}
.section-header.bgs-tr:not(.nohover):hover .header-button svg {fill:#16478E;}
.sec-header { float:left; width:100%;}
.box-header { position:relative; display: flex; align-items: center; float:left; width:100%; text-align:center; padding:0;}
.box-logo { display:inline-block;}
.box-logo img,.box-logo svg { float:left;width: 75px;}
.box-search { margin-left: auto; padding-top: 10px;cursor: pointer; }
.header-button svg { width: 20px; height: 20px; fill:#16478E; float:left;}
.search_wrapper { width: 100%; float: left; position: absolute; z-index: 3; top: 40px;left: 0; visibility: hidden;opacity: 0;transition: all ease .5s;pointer-events: none; }
/* .search_wrapper.active{    visibility: visible;
    opacity: 1;
    z-index: 10;
    pointer-events: auto;}    */
.overlay_background_wrapper{    position: relative;width: 100%;padding: 4em 4em 2em;z-index: 2; float: left;}
.search_wrapper .overlay_background_wrapper::before {content: "";position: absolute;width: 100%;height: calc(100% - 30px);background-color: #fff;bottom: 0;left: 0;z-index: -1;box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
.overlay_background_content_inner {width: 100%;float: left;}
.form-search-input {width: 100%;float: left;border-left: 1px solid #dbd8d8;border-right: 1px solid #dbd8d8;display: flex;align-items: center;}
.form-search-input .header-button{padding: 5px 10px 10px;}
.form-search-input .header-button svg{width: 30px; height: 30px;   }
.form-search-input input {border: transparent;font-size: 1em;padding: 10px 15px 10px 10px;width: 100%;}
.box-history {width: 100%;display: flex;float: left;margin-top: 30px;font-size: 0.9em;text-align: left;}
.box-history ul {width: auto;float: left;padding-right: 30px;max-width: 350px;}
.box-history ul li.txt-search-header{ font-size: 1.2em;}
.box-history ul li{font-family: 'IBM Plex Sans Thai', sans-serif;    width: 100%; float: left;font-weight: 600;}
.box-history ul li a{position: relative;padding: 10px 0;float: left;transition: all ease .5s;text-transform: uppercase;}
.box-history ul li:hover .txt-search{color: #fdce01}
.sec-menu { float:left; width:100%;}
.box-menu { float:left; width:82%;  margin-right:auto; margin-left:0; padding: 18px 0 8px 0; font-size:0.9em;display: flex; align-items: center;}
.box-menu > ul { position:relative; width:100%; align-items:center; justify-content:flex-start;padding-left: 40px; text-transform:uppercase;float:left; display:flex; align-items:center;}
.box-menu > ul:not(.dropdown-menu) > li { float:left; }
.box-menu > ul:not(.dropdown-menu) > li:first-child a { margin-left:0px; }
.box-menu > ul:not(.dropdown-menu) > li > a { color:#16478E; z-index:2;margin-right:40px; position:relative;font-weight: 500;font-size: 16px; }
.box-menu > ul:not(.dropdown-menu) > li > a.active{ color:#16478E;}

.box-menu > ul.m-menu-sub > li > a {font-size: 14px;font-weight: 500;margin-left: 20px !important;margin-right: 20px !important;}
.box-menu > ul.m-menu-sub > li  {border-left: 1px solid #fff;}
.box-menu > ul.m-menu-sub > li:last-child  {border-right: 1px solid #fff;}
.bgs-tr .box-menu > ul:not(.dropdown-menu) > li > a { color:#fff; z-index:2; position:relative; transition: 0.5s all ease;}
.bgs-tr .box-menu > ul:not(.dropdown-menu) > li > a.active{ color:#fff;transition: 0.5s all ease;}
.bgs-tr .header-button svg { width: 20px; height: 20px; fill:#fff; float:left;transition: 0.5s all ease;}


.bgs-tr.txt-primary .box-menu > ul:not(.dropdown-menu) > li > a { color:#16478E; z-index:2; position:relative; transition: 0.5s all ease;}
.bgs-tr.txt-primary .box-menu > ul:not(.dropdown-menu) > li > a.active{ color:#16478E;transition: 0.5s all ease;}
.bgs-tr.txt-primary .header-button svg { width: 20px; height: 20px; fill:#16478E; float:left;transition: 0.5s all ease;}
.bgs-tr.txt-primary .btn-menu .groupMenu span{    background-color: #16478E;}

.bgs-tr.set-onscroll .box-menu > ul:not(.dropdown-menu) > li > a { color:#16478E;}
.bgs-tr.set-onscroll .box-menu > ul:not(.dropdown-menu) > li > a.active{ color:#16478E;}
.bgs-tr.set-onscroll .bgs-tr .header-button svg { fill:#16478E; }


.section-header.bgs-tr:not(.nohover):hover .box-menu > ul:not(.dropdown-menu) > li > a { color:#16478E;}
.section-header.bgs-tr:not(.nohover):hover .box-menu > ul:not(.dropdown-menu) > li > a.active{ color:#16478E;}
.section-header.bgs-tr:not(.nohover):hover  .header-button svg { fill:#16478E; }
/* .box-menu > ul:not(.dropdown-menu) > li > a:hover { color:#4f4f4f;} */
.menuClick{overflow: hidden;}
.searchClick{overflow: hidden;}

/* .box-search.active .search-button{display: none;} */
/* .box-search.active .search-button.search-button-close{display: block;} */
.box-search .search-button.search-button-close{display: none;}

.header-button { margin: 0 10px;}

.header-button.search-button-close svg{width: 20px;height: 15px;}
.btn-menu { position:fixed; display:none; align-items:center; -webkit-display:flex; -webkit-align-items:center;  cursor:pointer; z-index:12;right: 20px;top: 40px;}
.btn-menu .groupMenu {margin: 0 auto;width: 26px; cursor:pointer; height:16px; position:relative; float:right;}
.btn-menu .groupMenu span { position:absolute;width: 26px;height: 2px;background-color: #16478E;float: left;margin-bottom: 4px; overflow:hidden;-webkit-transition:ease .4s; transition:ease .4s; }
.btn-menu .groupMenu span:last-child {margin-bottom: 0px;}
.btn-menu .pan1 { top:0px; left:0px; transform-origin:center center;-webkit-transform-origin:center center;}
.btn-menu .pan2 { top:7px; left:0px; transform-origin:center center;-webkit-transform-origin:center center;}
.btn-menu .pan3 { top:14px; left:0px; transform-origin:center center;-webkit-transform-origin:center center;}
.btn-menu .btn-menutext { color:#fff; float:right; text-transform:uppercase; font-size:10px; padding-top:3px; margin-right:15px; letter-spacing:1px;}
.btn-menu:hover span:before { left:0px; }
.closeMenu { position:absolute; top:20px; right:20px; width:50px; height:50px; z-index:-1; cursor:pointer;}
.menuClick .groupMenu .pan1 { left: 0; transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg); top:6px; z-index:2; height:2px;}
.menuClick .groupMenu .pan2 { left: 0; width:0px; height:0px;}
.menuClick .groupMenu .pan3 { left: 0; transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:6px; z-index:2; height:2px;}
.menuClick .closeMenu { z-index:12;}
.menuClick .btn-menu { z-index:12;}
.menuClick .btn-menu .groupMenu span { background-color:#16478E;}
.menuClick .btn-menu .groupMenu span:before { background-color:#16478E;}

.bgs-tr .btn-menu .groupMenu span{background-color: #fff;}

.subnav-list a:hover, .subnav-list a.active { background-color:transparent; color:#fff;}
.subnav-list a { position: relative;}
.subnav-list a span { z-index: 2;}
.subnav-list a .bg-menu-subnav { display: block; z-index:1; opacity: 0; background-color:#16478E; position: absolute; width: 100%; height: 100%; left: 0; top: 0;transition: ease all .4s;}
.subnav-list a.active .bg-menu-subnav { display: block; opacity: 1; background-size: 0px 100%; }
.subnav-list a:hover .bg-menu-subnav  {display: block; width: 100%; opacity: 0.4;  }
.subnav-list a.active:hover .bg-menu-subnav  {opacity:1;}
/* @keyframes bg_menu {
    from {width: 0%;}
    to {width: 100%;}
} */
.box-menu > ul:not(.dropdown-menu) > li > a.m-menu.has-sub::after {content: "";position: absolute;right:-14px; /*top: 50%;transform: translateY(-50%); */background-image: url(../img/skin/arrow-down.svg);background-repeat: no-repeat; background-size: 10px  6px;width: 10px;height: 6px;}

.section-header.bgs-tr .box-menu > ul:not(.dropdown-menu) > li > a.m-menu.has-sub::after {content: "";position: absolute;right:-14px;top: 50%;transform: translateY(-50%);background-image: url(../img/skin/arrow-down-w.svg);background-repeat: no-repeat; background-size: 10px  6px;width: 10px;height: 6px;}
.section-header.bgs-tr.txt-primary .box-menu > ul:not(.dropdown-menu) > li > a.m-menu.has-sub::after {content: "";position: absolute;right:-14px;top: 50%;transform: translateY(-50%);background-image: url(../img/skin/arrow-down.svg);background-repeat: no-repeat; background-size: 10px  6px;width: 10px;height: 6px;}

.section-header.bgs-tr:not(.nohover):hover .box-menu > ul:not(.dropdown-menu) > li > a.m-menu.has-sub::after{background-image: url(../img/skin/arrow-down.svg);}
.group-sub {position: absolute;display: flex;width: auto;background-color: transparent; z-index: -1;top: 15px;visibility: hidden; opacity: 0;transition: all ease .5s;pointer-events: none;padding: 2em 1022em 0em; margin: 0 -1000em;}
.group-sub::before{content: "";position: absolute;width: 100%;height: calc(100% - 36px);background-color: #fff;bottom: 0;left: 0;z-index: -1;border-top: 1px solid #E0E0E0;}
img.bg-sub-menu {position: absolute;height: calc(100% - 37px);bottom: 0;z-index: -1;}
/* img.bg-sub-menu{width: 50%; object-fit: cover;} */
/* .group-sub::after{content: "";position: absolute;width: 100%;height: calc(100% - 42px);background-image: url(../img/skin/bg-header.png);bottom: 0;left: 0;z-index: -1;background-position: center top; background-repeat: no-repeat;} */
.group-sub ul{width: max-content; }
.group-sub ul.sub-nav{text-align: left;margin-left: 0;    float: left;width: 30%;min-width: 280px;    border-right: 1px solid rgb(224 224 224 / 40%);margin-right: 30px;margin-top: 40px;margin-bottom: 40px;}
.group-sub ul.sub-nav:first-child{margin-left: 0;}
.group-sub ul.sub-nav:last-child{border-right: 0;margin-right: 0;}
.group-sub ul.sub-nav li{width: 100%;float: left;margin-bottom: 10px;}
/* .group-sub ul.sub-nav li.active{background-color: rgb(0 0 0 / 10%);} */
.group-sub ul.sub-nav li.sub-menu-header{font-family: 'IBM Plex Sans Thai', sans-serif;font-size: 1.2em;color: #16478E;font-weight: 700;line-height: 1.4; }
.group-sub ul.sub-nav li a.sub-menu {color: #707070;position: relative;padding: 10px 0em 5px 0; float: left;transition: all ease .5s;text-transform: uppercase;min-width: 210px;}
.group-sub ul.sub-nav li a.sub-menu.active{color: #707070;padding: 10px 3em 10px 3em; background-color: rgba(0, 0 ,0, 0.1);}
.group-sub ul.sub-nav li a.sub-menu::before{content: ">";position: absolute;right: 0;  /* top: 65%;transform: translateY(-50%); */ background-size: 18px 18px;width: 18px;height: 18px;transition: all ease .5s;font-weight: 700;}
.group-sub ul.sub-nav li a.sub-menu.active::before{content: "";background-image: url('../img/skin/icon-arrow-right-y.svg'); position: absolute;left: 15px;top: 50%;transform: translateY(-50%);background-size: 18px 18px;width: 18px;height: 18px;transition: all ease .3s;opacity: 1;visibility: visible;}

/* .group-sub ul.sub-nav li a.sub-menu:hover::before{content: "";background-image: url('../img/skin/icon-arrow-right-y.svg'); position: absolute;left: 15px;top: 50%;transform: translateY(-50%);background-size: 18px 18px;width: 18px;height: 18px;transition: all ease .3s;opacity: 1;visibility: visible;}
.group-sub ul.sub-nav li a.sub-menu:hover{color: #707070;padding: 10px 3em 10px 3em; background-color: rgba(0, 0 ,0, 0.1);} */

.box-menu > ul:not(.dropdown-menu) > li:hover .group-sub {visibility: visible;opacity: 1;z-index: 10;pointer-events: auto;}
.box-menu > ul:not(.dropdown-menu) > li:hover .group-sub::after{content: "";position: absolute;width: 100%;height: 100vh;background-color: #000;left: 0;top: 36px;opacity: 0.15;z-index: -2;pointer-events: none;}
.box-menu .sub-menu-clone {display: none;}

.cursor-point{cursor: url('http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif'), pointer;}
/*
 |*******************************************************************************************
 | SUBNAV
 |*******************************************************************************************
*/
.box-subnav { float:left; width:100%; background-color: #16478E; font-size: 0.8em;}
.box-subnav > .row { margin-left:0px; margin-right:0px;}

.box-subnav .subnav-group {/*justify-content: space-around;*/ display: flex;}
.subnav-list {  text-align:center;  color:#363636; padding:0px; text-transform: uppercase;}
.subnav-list a { color:#fff;padding:15px 0; float:left; width:100%; height:100%; display:flex; align-content:center;    font-weight: 500;min-width: 190px;}
.subnav-list a span { margin:auto;}


ul.m-menu-sub {position: relative;width: 100%;align-items: center;justify-content: end;text-transform: uppercase;float: right;display: flex;padding-left: 0;justify-content: flex-end;}
ul.m-menu-sub  li a{font-size: 0.9em;}
ul.m-menu-sub  li a.tel{font-size:14px;font-weight: 500;}

.sec-scrollbar-progress {float: left;width: 100%;height: 3px;position: relative;bottom: 0px;background-color: #C9C9C9;}
.scrollbar-progress {position: absolute;top: 0;left: 0;width: 0;height: 4px;background-color: #55C3B7;transition: all ease-in 1s;}

.sec-scrollbar-progress-isreview{float: left;width: 100%;height: 3px;position: relative;bottom: 0px;background-color: #C9C9C9;}
.scrollbar-progress-isreview {position: absolute;top: 0;left: 0;width: 0;height: 4px;background-color: #55C3B7;transition: all ease-in 1s;}

/*
 |*******************************************************************************************
 | breadcrumb
 |*******************************************************************************************
*/

.breadcrumb{padding: 15px 0;}
.breadcrumb-item+.breadcrumb-item::before{content: ">";    font-weight: bold; color: rgb(57 57 57 / 50%);}
.breadcrumb-item{font-size: 0.8em;font-weight: 700;margin-bottom: 5px;}
.breadcrumb-item a{color: rgb(57 57 57 / 50%);}
.breadcrumb-item.active{color: #16478E;}
/*
 |*******************************************************************************************
 | SETTING
 |*******************************************************************************************
*/
.sec{width: 100%;float: left; position: relative;}
/* .pd-80{padding: 80px 0;}
.pd-40{padding: 40px 0;} */

.sec-title {margin-bottom: 20px;text-align: center;float: left;width: 100%;}

/*
|*******************************************************************************************
| VIDEO
|*******************************************************************************************
*/

.video-container {	display:inline-block;cursor:pointer;	margin:auto;	 position: relative; width:100%; }
.video-space {  width:100%; position:relative; transition:all .5s ease;z-index:1;height: 540px;}
.video-space img {  width:100%;}
.video-button { position:absolute; transition:all .5s ease; z-index:2;  top: 50%;left: 50%;transform: translate(-50%, -70%);}
.video-put { position:absolute; top:0px; left:0px; width:100%; height:100%;z-index:3; cursor:pointer;}
.video-put .player { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-text {font-family: 'Prompt', sans-serif; text-transform:uppercase; font-size:16px; font-weight:300; color:#fff; text-align:left; margin-top:10px; }

.inactive-state {background-repeat: no-repeat;background-size: 100%;}
.inactive-state:hover .video-button { }
/*.inactive-state:hover .video-space { opacity:0.9; box-shadow:0 0 0 4px #5dc4c5;}*/

/*
|*******************************************************************************************
| POPUP
|*******************************************************************************************
*/
.section-popup { position:fixed; width:100%; height:100%; top:0px; left:0px; color:#000; text-align:center; display:none; z-index:20;}
.popup-bg { position:absolute; top:0px; left:0px; width:100%; height:100%;  background-color:rgba(0,0,0,0.7);}
/* .popup-container { width:1000px; height:auto; position:absolute; top:50%; left:50%; margin-left:-500px; transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color:#fff; padding:40px;  } */
.popup-container { width:1000px; height:auto; position:absolute; top:50%; left:50%; margin-left:-500px; transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color:#fff; padding:40px;  }
.popup-close { position: absolute;right: -40px;top: -20px;width: 20px;height: 20px;cursor: pointer;z-index: 10;display: flex;align-items: center;justify-content: center;border-radius: 100%;}
/* .popup-container:before { right:0; top:0; content:""; z-index:9; position:absolute; width: 0;height: 0;border-style: solid;border-width: 0 90px 90px 0;border-color: transparent #008fff transparent transparent;} */
.popup-close svg { fill:#000; width:25px; height:25px; transition:all .4s ease;}
.popup-close:hover svg { transform:rotate(180deg);}
.box-popup { text-align:left;}
.box-popup h2 { font-weight:600; font-size:40px; padding-bottom:10px; color:#000;}
.box-popup p { font-size:15px; color:#222; line-height:1.4;}

.popup-img { width:70%;  position:relative; padding-bottom:20px; overflow:hidden;}
.popup-img img { position:relative;  }
.popup-img:before { position:absolute; content:""; width:100%; height:100%; top:-30px; right:-30px; background-color:#f58c51;}
.popup-txt { width:calc(30% + 60px);background-color:#fff;margin-left:-60px;position:absolute;right:0px;padding:30px;bottom:-60px;min-height:300px;text-align:left;z-index:2; }
.popup-txt h2 { color:#5dc4c5; margin-bottom:10px;}

.popup-gallery img {  width:100%;}
.popup-gallery .popup-container { width:calc(100% - 80px); height:calc(100% - 80px); margin-left:0; left:40px; padding:0px;}

.popup-video .popup-container { width:960px; height:auto;top:50%; left:50%; margin-left:-480px; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:flex; align-items:center; justify-content:center; padding:0px; background-color:#000;}
.popup-video .popup-container .box-popup { width:100%; height:100%;}
.popup-video .video-container { height:100%;}


.popup-alert .popup-container { width:550px; height:auto; margin-left:-275px; left:50%; padding:0px; padding:50px 40px;}

.popup-event .popup-container { padding:15px; height:auto;}
.popup-body {  width:100%; margin-bottom:15px;}
.popup-body img {  width:100%;}


/*
 |*******************************************************************************************
 | content
 |*******************************************************************************************
*/

.txt-primary{color: #16478e !important;}
.txt-green{color: #55C3B7 !important;}
.txt-grey{color: rgba( 0,0,0,0.6);}
.txt-white{color: #fff !important;}
.txt-darklight{color: #393939 !important;}
.txt-darkgrey{color: #1D0606 !important;}
.txt-blue-light{color: #A7BCDB !important;}
.txt-opa{color: #8B7C7C;}
.txt-super-light{color: #E0E0E0;}

.txt-medium{font-weight: 600;}
.txt-regular{font-weight: 400 !important;}
.txt-light{font-weight: 300;}



.txt-content  {float:left; width:100%; font-size:1em;color: #393939;font-weight: 400;}
.txt-content-category  {width:100%; font-size:1em;color: #393939;font-weight: 400;}
.hl-title  { font-size: 1.43em;}
.hl-title2  { font-size: 0.7em;}
.hl-subtitle  { font-size: 0.7em;}
.txt-content h1, .txt-content .h1 { font-size:2.5em;margin-bottom: 10px;position: relative;}
.txt-content h2, .txt-content .h2 { font-size:2em ;margin-bottom: 10px;position: relative;}
.txt-content h3, .txt-content .h3 { font-size:1.625em;margin-bottom: 10px;position: relative;}
.txt-content h3, .txt-content .text-title { font-size:1.625em;margin-bottom: unset;position: relative;}
.txt-content h4, .txt-content .h4 { font-size:1.5em;margin-bottom: 10px;position: relative;}
.txt-content h5, .txt-content .h5 { font-size:1.25em;margin-bottom: 10px;position: relative;}
.txt-content h6, .txt-content .h6 { font-size:1.0625em;margin-bottom: 10px;position: relative;}

/* .txt-content h2, .txt-content .h2 .front-water-btn {
  font-size:2em ;margin-bottom: 0px;position: relative;
} */
.front-water-btn{
  font-size: 26px;
}

.banner-ctm .txt-content h1,.banner-ctm .txt-content .h1 { font-size:2.2em;margin-bottom: 10px;position: relative;line-height: 1.2;}
/* .txt-content h1.hl-title ,.txt-content h2.hl-title ,.txt-content h3.hl-title ,.txt-content h4.hl-title ,.txt-content h5.hl-title ,.txt-content h6.hl-title  { font-size: 3.25em;} */

/* .txt-content h1 span,.txt-content h2 span,.txt-content h3 span,.txt-content h4 span,.txt-content h5 span,.txt-content h6 span { color:#DE5942;} */
.txt-content a:not([class*=btn]) { color:#000; text-decoration:underline;}
.txt-content a:not([class*=btn]):hover { text-decoration:underline;}
.txt-content iframe	{ margin-bottom:15px; border:none; display:block;max-width: 100%;}
.txt-content a.btn img { margin-bottom: 0px;}
.txt-content p{line-height: 1.4;font-size: 1.125em;margin-bottom: 10px;}
.txt-content p img {  margin-bottom:0px;}
/* .txt-content p span { color:#DE5942;} */
.txt-content img { max-width:100%;}
.txt-content ol	{ display:block; list-style:decimal outside; margin-bottom:10px; padding-left:20px; }
.txt-content ul	{ display:block; list-style:none outside ;margin-left:0px; margin-bottom:10px; padding-left:20px; position:relative;}
.txt-content ul > li:before { content:""; position:absolute;left: -17px;top: 8px; width:6px; height:6px; border-radius:100%; background-color:#79BCB5;}
/* .txt-content ul > li {list-style: disc;} */
.txt-content ul.ul-list-none{padding-left: 0;}
.txt-content ul.ul-list-none > li{padding-bottom:10px;}
.txt-content ul.ul-list-none > li a{text-decoration: none;}
.txt-content ul.ul-list-none.txt-white > li a{color: #fff;}
.txt-content ul.ul-list-none > li::before{content: none;}
.txt-content li	{ padding-bottom:3px; position:relative;line-height: 1.4;}
/* .txt-content img {height: auto !important;} */
.txt-content hr {width: 100%;}
.txt-content.content-inverse { color:#fff;}
.txt-content.content-inverse ul li:before { background-color:#fff;}
.txt-content small{width: 100%;float: left;margin-bottom: 10px;font-size: 12px;}

.swiper-btn-stick {position: absolute;right: 0;top:10px;display: flex;align-items: center;width: auto;float: left;}
.swiper-btn-stick .swiper-button { cursor: pointer; width: 45px; height: 45px;position: relative;margin: 0;}
.sec-review  hr{background-color:rgb(22 71 142 / 30%);}
.swiper-button img,.swiper-button svg  { float:left;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev{background-image: none; left:-10px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-next{background-image: none; right:-10px;}

.ps-cm{display: flex; align-items: center;text-align: center;vertical-align: middle;    height: 100%; margin: 0 auto; left: 50%; transform: translateX(-50%);}
.abs{position: absolute;}

.btn{border-radius: 0;min-width: 200px;font-size: 1rem;padding: 0.8em 2.4em;font-weight: 500;}
.btn.primary{background-color: #55C3B7;color: #fff;}

.bgs-light{background-color: #FAFAFA!important;}
.bgs-grey{background-color: #F5F5F5!important;}
.bgs-primary{background-color: #16478E!important;}
.bgs-blue{background-color: #1483F2 !important;}
.bgs-green{background-color: #55C3B7 !important;}

.text-black{color:#000 !important;}
.jc-c .text-black {
  color:#000 !important;
  margin: 10px 0px;
}

/* ///////THUMB /////// */
.thumb { width: 100%; float: left;margin-bottom: 20px;position: relative;font-size: 1em;}

.product-slide {padding-top: 88px;}
.thumb .thumb-img img:first-child{width: 100%;float: left;}
.thumb .btn-buy{display: none;}
.thumb .thumb-inhover{opacity: 0;; transition: 1s all ease;width: 100%;float: left;pointer-events: none;float: left;background: #fff;}
.thumb .thumb-inhover .txt-inhover {position: absolute;bottom: 5px;width: 100%;text-align: center;}
.thumb .thumb-inhover .txt-inhover .txt-model{margin-bottom: 10px;}
.thumb .thumb-img:hover .thumb-inhover{opacity: 1; pointer-events: unset;}
.thumb .thumb-img:hover .thumb-inhover::before {left: 0;position: absolute;width: 100%;height: 100%;background-color: rgb(0 0 0 / 6%);}
.thumb .thumb-img:hover .btn-buy{display: block;}
.thumb-img{width: 100%;float: left;position: relative;cursor: pointer;}
/* .thumb-img img{width: 100%;float: left;} */
.thumb-txt-ontop{bottom: 10px;left: 0;width: 100%;float: left;z-index: 1;min-height: 80px;}
.thumb .thumb-img:hover .thumb-txt-ontop{bottom: 0;}
.thumb-txt-ontop .btn{padding: 0.8em 2em;}
.thumb-inhover {position: absolute;bottom: 0;left: 0;}
.thumb-tag {position: absolute;width: auto;float: left;right: 30px;top: 20px;background-color: #E07101;color: #fff;font-size: 14px;padding: 8px 15px;border-radius: 40px;}
.thumb-tag.top-up{background-color: #16478E;}
.thumb-tag.hot-deal{background-color: #E07101;}
.thumb-tag.free-item{background-color: #55C3B7;}
.thumb-tag.premium-item{background-color: #CFB53B;}
.thumb-tag.new-item{background-color: #B22222;}
.thumb-new-group {position: absolute; display: block; float: right!important; right: 0px; top: 0px; z-index: 110!important;}
.thumb-got-item {
  position: relative; display: block; float: none!important; z-index: 100!important ;
  margin-bottom: 2px; text-align: center; top: 0px; padding: 4px 13px; border-radius: 20px; /*opacity: 0.8;*/
  /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}
.box-tag.top-up{background-color: #16478E;}
.box-tag.hot-deal{background-color: #E07101;}
.box-tag.free-item{background-color: #55C3B7;}
.box-tag.premium-item{background-color: #CFB53B;}
.box-tag.new-item{background-color: #B22222;}



.thumb-filter .thumb-img{position: relative;}
.thumb-filter .thumb-img:hover .thumb-img-overlay{opacity:1;z-index: 2;transition: all ease .5s;}
.thumb-filter .thumb-img .thumb-img-overlay  .thumb-img-overlay-bg{position: absolute; width:100% ;height: 100%;background-color: #F0F0F0;opacity: 0;z-index: -1;transition: all ease .5s;} 
.thumb-filter .thumb-img:hover .thumb-img-overlay  .thumb-img-overlay-bg{position: absolute; width:100% ;height: 100%;background-color: #F0F0F0;opacity: 0.4;z-index: 2;transition: all ease .5s;} 
.thumb-filter .thumb-img:hover .thumb-img-overlay .btn{opacity: 1;bottom: 20px;transition: all ease .5s;}
.thumb-filter .thumb-img{transition: all ease .5s;}
.thumb-img-overlay{position: absolute; width:100% ;height: 100%;z-index: -1;}
.thumb-img-overlay .btn{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 3;opacity: 0;}
.thumb-txt-on{position: absolute;bottom: 50px;left: 0;width: 100%;float: left;}


.txt-title{font-size: 1.4em;width: 100%;float: left;line-height: 1.2;margin-bottom: 10px;}
.txt-subtitle{width: 100%;float: left;line-height: 1.2;margin-bottom: 10px;}

.txt-model{width: 100%;float: left;margin-bottom: 7px;line-height: 1.4;font-size: 1.1em;}
.txt-discount{width: 100%;float: left;text-decoration: line-through;font-size: 0.9em;color: #C9C9C9;font-weight: 500;}
.txt-price{width: 100%;float: left;font-size: 1.4em;color: #32558B;font-weight: 600;line-height: 1.2;}
.txt-discount-per{width: auto;float: left;font-size: 0.8em;color: #E07101;margin-left: 10px;font-weight: 600;}
.group-product .thumb{padding-bottom: 40px;}
.group-product .txt-model{font-size: 1.125em;margin-bottom: 10px;}
.group-product .group-price{display: flex;align-items: center;width: 100%;float: left;margin-bottom: 10px;flex-wrap: wrap;}
.group-product .group-price .txt-price{width: auto;    margin-bottom: 0;font-size: 1.4em;font-weight: 500;}
.group-product .txt-discount-per{font-weight: 500;}
.group-product .group-price .txt-discount{width: auto;margin-left: 10px;margin-bottom: 0;}
.group-product .thumb-color-selector ul{justify-content: flex-start;}
.group-product .txt-desc{width: 100%;float: left;color: #393939; /* line-height: 1.4 */;margin-bottom: 10px; font-size: 0.9em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 55px;}
.thumb-list-icon {width: 100%;float: left;}
.thumb-list-icon ul {margin-bottom: 10px;}
.thumb-list-icon ul li {display: flex;align-items: center;margin-bottom: 5px;}
.thumb-list-icon ul li > img,.thumb-list-icon ul li > svg {width: 20px;float: left;}
.thumb-list-icon ul li span {margin-left: 20px;color: #393939;font-size: 0.9em;}
.txt-group-txt{width: 100%;float: left;}
.txt-group-txt > p{margin-bottom: 5px; line-height: normal;}
.txt-group-txt p:last-child{font-size: 0.9em;}
.group-product .thumb-color-selector ul{margin-bottom: 0;}

.thumb-abs{display: flex;height: 100%;}
.thumb-abs .thumb-img  img{float: left;width: 100%;height: 100%;object-fit: cover;}
.thumb-abs .thumb-txt-ontop {padding: 30px;bottom: auto;top: 0;left: 0;width: 100%;float: left;}
.thumb-abs .thumb-txt-ontop .txt-content p{font-size: 0.9em;}
.thumb-abs .thumb-txt-ontop .btn-icon{font-size: 0.8em;}

.thumb-body {width: 100%;float: left;padding-top: 10px;}
.thumb-color-selector{width: 100%;float: left;}
.thumb-color-selector input[type=radio] {display: none;}
.thumb-color-selector label {position: relative;display: inline-block;padding:5px;cursor: pointer;}
.thumb-color-selector input[type=radio] + label:after {padding: 10px;}
.thumb-color-selector label.cart-label:after {padding: 10px;}
.thumb-color-selector label:before {content: "";display: flex;vertical-align: middle;padding: 7px;background-color: currentColor;border-radius: 50%;}
.thumb-color-selector label:after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 4px;border: 1px solid;border-radius: 50%;transition: padding 250ms;color: #E6E6E6;}
/* .thumb-color-selector label.color-white:after{content: "";color: #000;  } */
.thumb-color-selector input[type=radio]:checked + label:after{color: #000;}
.btn-buy.slide-top {width: 100%;float: left;margin-top: 10px;}
.color-white{color: #fff;}
.color-pink{color: #E4BCD7;}
.color-grey{color: #9AABB4;}
.color-green{color: #55C3B7;}
.color-blue{color: #2191AC;}
.thumb-color-selector ul{display: flex; align-items: center;justify-content: center;margin-bottom: 10px;}
.thumb-color-selector ul li{margin-left: 10px;}
.thumb-color-selector ul li:first-child{margin-left: 0;}
.thumb-rate{width: 100%;float: left;text-align: center;}
.thumb-rate p{display: flex;align-items: center; justify-content: center;}

.top-star {width: 100px;height: 100px;margin: 0 auto;display: block;}
span.stars, span.stars span {display: block;background: url(../img/skin/star-o-white.svg) 0 0 repeat-x;width: 100px; height: 20px; background-size: 20px 20px;}
span.stars span {background-position: 0 0;background-image: url(../img/skin/star.svg);}
.thumb-rate .rate{margin-left: 10px;margin-top: 5px;color: #16478e;}

.btn-text {color: #000;background: none;border: none;min-width: 1px!important;}
/* .btn-text {padding: 0px!important;color: #000;background: none;border: none;min-width: 1px!important;} */
.btn-icon span {display: flex;align-items: center !important;}
/* .btn-icon-new span {display: block;align-items: center !important;} */
.btn-icon svg, .btn-icon img {fill: #000;width: 25px ;height: 25px;transition: all ease .4s;}
.btn-icon font,.btn-icon img {margin-left: 10px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #335177;}

.slide-progress .swiper-container{overflow: visible;}
.col-12.rzbffff{    position: relative;z-index: 5;background-color: #fff;}
.thumb-video .thumb-video-btn{width: 100%;float: left;height: calc(100% - 20px);}
.thumb-video .thumb .thumb-img img{transition: 0.5s all ease ;width: 100%;}
.thumb-video .thumb .thumb-txt-on{bottom: 30px;}
.thumb-video .thumb .thumb-img{overflow: hidden;padding: 0;}
.thumb-video .thumb:hover  .thumb-img img{transform: scale(1.1);}


.slide-top {
	-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-1-9 21:6:6
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
 @-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(100);
            transform: translateY(100);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(100);
            transform: translateY(100);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

/*
 |*******************************************************************************************
 | UI
 |*******************************************************************************************
*/
.pure-fillter-box {display: flex;width: 100%;justify-content: space-between;position: relative;z-index: 1;}
.box-filter{width: 100%;}
.pure-filter {width: 100%;    position: relative;}
/* .pure-filter select {width: 100%;border-radius: 50px;padding: 10px 20px;} */
.select:after {right: 20px;}
.pure-filter .pure-filter-btn{color: #000;}
.pure-filter .pure-filter-btn::before {content: "";background-image: url(../img/skin/dropdown-arrow.svg);background-size: 14px 8px;width: 14px;height: 8px;position: absolute;right: 15px; /*top: 50%; */transform: translateY(-50%);}
.pure-filter .pure-filter-btn.active::before{background-image: url(../img/skin/dropdown-arrow-active.svg);}
.pure-filter ul{display: none;width: calc(100% + 10px);background-color: #fff; position: absolute; padding: 0;z-index: 20;left: -5px;top: 37px;margin: 0;-webkit-box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%);box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%);text-align: left;}
.pure-filter ul li{list-style-type: none;width: 100%;font-size: 18.9px;}
.pure-filter ul li a{text-decoration: none;color: #666; width: 100% ;    padding: 10px; display: block;font-size: 14px;}
.pure-filter ul li.active{background-color: #f7f7f7;}
.pure-filter ul li.active a{color: #000;}
.pure-filter ul li a{padding-left: 1em;}
.pure-filter ul li:hover{background-color: #f7f7f7;}
.pure-filter button {text-align: left;cursor: pointer;width: 100%;padding: 10px 20px 10px 15px;background-color: #fff;min-width: 150px;border: none;font-size: 14px;}
.pure-filter button.filter-btn-txt{border: none;    padding-left: 5px;}
.pure-filter button:hover{background-color: #fff;color: #000;transition: all ease .5s;}

.pure-filter.active button {color: #55C3B7;border-bottom: 1px solid #F2F2F2}
.pure-filter.active::before{    content: "";position: absolute;width: calc(100% + 10px);height: calc(100% + 7px);top: -5px;left: -5px;background-color: white;z-index: -1;-webkit-box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%);box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%);}
/* .pure-filter ul::before {  content: "";position: absolute;width: calc(100% + 10px);height: calc(100% + 7px);top: -1px;left: -5px;background-color: white;z-index: -1;-webkit-box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%);box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%);} */

.box-order-price .pure-filter::before{    content: "";position: absolute;width: calc(100% + 10px);height: calc(100% + 7px);top: -5px;left: -5px;background-color: white;z-index: -1;border: 1px solid #F2F2F2;}
.box-order-price .pure-filter.active::before{border: none;}


.uibody {
  float: left;
  width: 100%;
  background-color: #333;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 50px;
}


/*
 |*******************************************************************************************
 | ACCORDION
 |*******************************************************************************************
*/
.front-faq-text{
  font-size: inherit !important;
}
.sec-acc-group {font-size: 14px;}
.accor-list {float: left;width: 100%;margin-bottom: 10px;transition: all ease .4s;}
.accor-head {float: left;width: 100%;position: relative;cursor: pointer;background-size: cover;padding: 0.7em 1.2em 0.7em 2em;background-color: #fff;border: 1px solid rgb(22 71 142 / 30%)}
.accor-head-topic {float: left;width: calc(100% - 30px);color: #393939;}
.accor-head-topic p{margin-bottom: 0;}
.accor-head-symbol {width: 30px;height: 30px;position: absolute;right: 1em;top: 50%;transform: translateY(-50%);}

.accor-list.active .accor-head {background-color: #55C3B7;border: 1px solid #55C3B7;}
.accor-list.active .accor-head .accor-head-topic {color: #fff;}

.accor-body {float: left;width: 100%;padding:1.4em;background-color: #fff;border: 1px solid #DDE2E6;border-top: 0;display: none;}

.accor-head-symbol:before {content: "";position: absolute;left: 50%;top: 50%;width: 16px;height: 3px;border-radius: 2px;background-color: #55C3B8;transform: translate(-50%,-50%);}
.accor-head-symbol:after {content: "";position: absolute;left: 50%;top: 50%;height: 16px;width: 3px;border-radius: 2px;background-color: #55C3B8;transform: translate(-50%,-50%);transition: all ease .4s;}
.accor-list.active .accor-head-symbol:after {height: 0;}
.accor-list.active .accor-head-symbol:before{background-color: #fff;}

.acc-banner{padding-bottom: 20px;position: relative;width: 100%;}
.acc-banner .acc-banner-content{    position: absolute;top: 0;left: 0;display: flex;align-items: center;width: 100%;height: calc(100% - 20px);padding: 0 30px;}
.box-thumb {margin-bottom: 20px;font-size: 1em;color: #222;line-height: 1.2;float: left;width: 100%;border-radius: 0.5em;}
.thumb-hoz.thumb-lr {margin-bottom: 30px;}
.thumb {float: left;width: 100%;-webkit-transform: translateZ(0);}
.thumb-hoz.thumb-lr .thumb-group {display: flex;align-items: center;flex-wrap: wrap; margin: 50px auto;}
.thumb-group {position: relative;float: left;width: 100%;}
.thumb-hoz .thumb-img {float: left;width: 50%;position: relative;overflow: hidden;}
.thumb-hoz.thumb-lr .thumb-img.order-first {width: calc(50% - 50px);margin-left: 50px;margin-right: auto;}
.thumb-hoz.thumb-lr .thumb-txt {padding: 0 8em;}
.thumb-hoz .thumb-txt {float: left;width: 50%;padding-left: 20px;display: flex;flex-wrap: wrap;row-gap: 20px;}
.thumb-hoz .thumb-txt.howtomaincon-wrap {display: block;}
.thumb-hoz .thumb-txt:last-child {row-gap: unset;}
.thumb-hoz.thumb-lr .thumb-img {width: calc(50% - 20px);margin-right: 20px;}

/* .thumb-icon .txt-content p{text-align: justify; } */

/* .banner-overlab{position: relative;z-index: -1;transform: translateY(-50%);}
.cont-fix-ps-1{transform: translateY(-50%);} */
/* .cont-fix-ps-2{transform: translateY(50%);} */
.sec-howto-care{    transform: translateY(20%);    z-index: 1;}

/*
 |*******************************************************************************************
 | CARD
 |*******************************************************************************************
*/
.box-card-group{}
.box-card{float: left;position: relative;}
.box-card.text-incard{width: 33.33%;}
/* .box-card.text-incard .card-body {position: absolute;top: 105px !important;width: 100%;left: 50%;transform: translateX(-50%);padding: 0 50px;} */
.box-card.text-incard .card-body {position: absolute;width: 100%;left: 50%;transform: translateX(-50%);padding: 0 50px; top:5%}
.box-card .card-title {font-size: 1.625em;color: #393939;line-height: 1.4;}
.card-txt {line-height: 1.4;padding: 10px 0;}
.thumb-icon{display: flex;align-items: center;}
/* .thumb-icon img:first-child{margin-right: 20px;} */


.sec-certificate .thumb-icon img:first-child{width: 27%;}


.product-service .box-card.text-incard{width: 100%; margin-bottom: 20px;}
/*
 |*******************************************************************************************
 | BANNER
 |*******************************************************************************************
*/

.content-abs {position: absolute;top: -50%;left: 80px;transform: translateY(70%);}
.hero-banner-item .content-abs.middle{transform: translateY(-50%);width: 100%;left: 0;}
.hero-banner-item .content-abs {position: absolute;top: 50%;left: 15%;transform: translateY(-50%);}
.content-abs.content-abs-cl{    position: absolute;top: auto;display: flex;width: 100%;height: 100%;align-items: center;transform: none;}
.banner-overlab .content-abs.content-abs-cl{left: 20%;}
.content-abs.content-abs-cr{     position: absolute;top: auto;display: flex;width: 30%;height: 100%;align-items: center;transform: none;padding: 0;left: 50%;transform: translateX(30%);}
.content-abs.center-bottom {top: auto;bottom: 80px;left: 0;transform: none;width: 100%;text-align: center;z-index: 2;}
.btn-line-block{display: inline-block;}
/* .btn-line-block a.btn-text:first-child{padding-right: 20px !important;border-right: 1px solid rgba(22,71,142,0.45);} */
.btn-line-block a.btn-text:first-child{border-right: 1px solid rgba(22,71,142,0.45);}
/* .btn-line-block a.btn-text:last-child{padding-lef: 20px !important;} */
.btn-line-block a.btn-text:last-child{padding-left: 10px !important;}
.banner-pagination {position: absolute;z-index: 3;bottom: 25%;width: 100%;}
.banner-pagination .swiper-pagination{left: 0;}
.banner-pagination .swiper-pagination-bullet{background: #fff;margin-right: 13px;}
.banner-pagination .swiper-pagination-bullet-active{background: #fff;position: relative;}
.banner-pagination .swiper-pagination-bullet-active::before{content: ""; width: 17px;height: 17px;border-radius: 100%; border:1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.con-img {position: absolute;bottom: 0;right: 0;width: 55%;}
.con-img img{width: 100%;}

.sec-certificate .content-abs.content-abs-cl{left: 24%;}
.sec-certificate.sec-banner-item .item-content{padding-left:9em;width: 50%;}


.sec-review .thumb-hoz.thumb-lr .thumb-txt{padding: 0 4em;}
.slide-review{width: 100%;float: left;}
.thumb-review .thumb-title{font-size:1.25em ;margin-bottom: 10px;}
.thumb-review .thumb-rate{text-align: left;margin-bottom: 15px;}
.thumb-review .thumb-rate p{justify-content: flex-start;}
.thumb-review .thumb-subtitle{width: 100%;float: left;margin-bottom: 15px;}
.thumb-review .thumb-gallery{width: 100%;float: left;margin-bottom: 15px; max-width: 300px;}
.thumb-review  .thumb-profile{display: flex;align-items: center;margin-bottom: 25px;width: 100%;float: left;}
.thumb-review  .thumb-profile img{width: 40px;height: 40px;border-radius: 100px;}
.thumb-review  .thumb-profile span{margin-left: 10px;}
.thumb-review  .thumb-box-product{width: auto;float: left;display: flex;align-items: center;padding: 0.8em 2em;border: 1px solid rgb(22 71 142 / 30%);}
.thumb-review  .thumb-box-product .icon-product {width: 50px;}
.thumb-review  .thumb-box-product > div{margin-left: 30px;}
.thumb-review  .thumb-box-product > div .thumb-model{font-size: 1.125em;color: #16478E;font-weight: 500;margin-bottom: 3px;}
.customCursor{position:fixed;z-index:999;pointer-events:none;will-change:transform}
/* .arrow {
  color: #083B86 !important;
} */
.arrow {
  filter: invert(90%) sepia(95%) saturate(2809%) hue-rotate(211deg) brightness(76%) contrast(94%);
}
.customCursor.active .innerCustomCursor{ opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.customCursor.drag .innerCustomCursor .arrow{ -webkit-transform:translateY(-50%) scale(.8);-moz-transform:translateY(-50%) scale(.8);-o-transform:translateY(-50%) scale(.8);-ms-transform:translateY(-50%) scale(.8);transform:translateY(-50%) scale(.8);left:34px; background-color: #083B86;}.customCursor.drag .innerCustomCursor .arrow.right{ right:34px}.customCursor .innerCustomCursor{position:relative;height:120px;width:120px;margin-left:-60px;margin-top:-60px;border-radius:50%;border:1px solid #16478E;color: #083B86; opacity:0;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:transform .3s 0s,opacity .3s 0s;-moz-transition:transform .3s 0s,opacity .3s 0s;-ms-transition:transform .3s 0s,opacity .3s 0s;-o-transition:transform .3s 0s,opacity .3s 0s;transition:transform .3s 0s,opacity .3s 0s}.customCursor .innerCustomCursor .arrow{ height:auto;left:20px;position:absolute;top:50%;width:auto;-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);-webkit-transition:transform .3s 0s,left .3s 0s,right .3s 0s;-moz-transition:transform .3s 0s,left .3s 0s,right .3s 0s;-ms-transition:transform .3s 0s,left .3s 0s,right .3s 0s;-o-transition:transform .3s 0s,left .3s 0s,right .3s 0s;transition:transform .3s 0s,left .3s 0s,right .3s 0s}.customCursor .innerCustomCursor .arrow.right{right:20px;left:auto}.customCursorActive{cursor:grab}.customCursorActive.dragging{cursor:grabbing}@media all and (max-width:1024px){.customCursor{display:none}}
/* .customCursor .innerCustomCursor::before{content:"";background-image: url(../img/skin/mouse-arrow-left.svg);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;top: 0;} */
.sec-standard{transform: translateY(0px); z-index: 2;}
.magnific-img img {width: 50%;height: auto;}
.mfp-bottom-bar,*{

}
.magnific-img {display: inline-block;width: 20%;
}
a.image-popup-vertical-fit {cursor: -webkit-zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
/* ideally, transition speed should match zoom duration */
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-arrow-left:before {border-right: none !important;
}
.mfp-arrow-right:before {border-left: none !important;
}
button.mfp-arrow, .mfp-counter {opacity: 0 !important;transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
opacity: 1 !important;
}


/* Magnific Popup CSS */
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8; }
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden; }
.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box; }
.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle; }
.mfp-align-top .mfp-container:before {display: none; }
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {width: 100%;cursor: auto; }
.mfp-ajax-cur {cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out; }
.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none; }
.mfp-loading.mfp-figure {display: none; }
.mfp-hide {display: none !important; }
.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044; }
.mfp-preloader a {color: #CCC; }.mfp-preloader a:hover {color: #FFF; }
.mfp-s-ready .mfp-preloader {display: none; }
.mfp-s-error .mfp-content {display: none; }
button.mfp-close,
button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation; }
button::-moz-focus-inner {padding: 0;border: 0; }
.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;}
.mfp-close:hover,
.mfp-close:focus {opacity: 1; }
.mfp-close:active {top: 1px; }
.mfp-close-btn-in .mfp-close {color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%; }
.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap; }
.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent; }
.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px; }
.mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7; }
.mfp-arrow-left {left: 0; }
.mfp-arrow-left:after {border-right: 17px solid #FFF;margin-left: 31px; }
.mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {right: 0; }
.mfp-arrow-right:after {border-left: 17px solid #FFF;margin-left: 39px; }
.mfp-arrow-right:before {border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px; }
.mfp-iframe-holder .mfp-close {top: -40px; }

.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%; }
.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000; }

/* Main image in popup */
img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {line-height: 0; }
.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444; }
.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px; }
.mfp-figure figure {margin: 0; }

.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto; }

.mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px; }

.mfp-image-holder .mfp-content {max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; }




.slide-bck-center {
	-webkit-animation: slide-bck-center 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: slide-bck-center 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

/**
 * ----------------------------------------
 * animation slide-bck-center
 * ----------------------------------------
 */
 @-webkit-keyframes slide-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px);
  }
}
@keyframes slide-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px);
  }
}


/**
 * ----------------------------------------
 * TAB
 * ----------------------------------------
 */
.mr-2{
  margin-right: 20px;
}
.box-tab.tab-ads {width: 100%;float: left;position: absolute;left: 0;top: 0;margin-top: 15px;z-index: 5;}
.box-tab.tab-ads ul{display: flex;width: 100%;align-items: center;justify-content: center;}
.box-tab.tab-ads ul li .tab-btn{background-color: #fff;margin:0 15px;border-radius: 6px;border: 1px solid #C9C9C9;}
.box-tab.tab-ads ul li .tab-btn.active{background-color: #55C3B7;color: #fff;border: 1px solid #55C3B7;pointer-events: none;}
.tab-list{display: none;}
.box-tab.tab-ads ul li .tab-btn.tab-icon{display: flex;align-items: center;padding: 17px 0;position: relative;min-width: 185px;}
.box-tab.tab-ads.filter-product ul li .tab-btn.tab-icon{min-width: 175px; min-height: 64px;padding: 10px 0;}
.box-tab.tab-ads ul li .tab-btn.tab-icon img{width: 50px;position: absolute;left: 7px;}
.box-tab.tab-ads ul li .tab-btn.tab-icon span{font-size: 14px;color: #16478E;margin-left: 69px;}
.box-tab.tab-ads ul li .tab-btn.tab-icon.active span{color: #fff;}
.box-tab.tab-ads{width: 100%; overflow:hidden;overflow-y:auto;}
.box-tab.tab-ads::-webkit-scrollbar-track{background-color:transparent;}
.box-tab.tab-ads::-webkit-scrollbar{width: 6px;background-color: transparent;}
.box-tab.tab-ads::-webkit-scrollbar-thumb{background-color: transparent;}

.box-tab.tab-ads.under-line.tab-link {margin-top: 60px;}
.box-tab.tab-ads.tab-link ul{justify-content: space-between;}
.box-tab.tab-ads.tab-link ul li{width: 25%;border-bottom: 2px solid rgb(255 255 255 / 10%);text-align: center;}
.box-tab.tab-ads.under-line.tab-link ul li .tab-btn{border-bottom: 0;}

.box-tab-swith {width: 100%;float: left;padding-top: 40px;}
.box-tab-swith ul {display: flex;justify-content: center;width: 100%;}
.box-tab-swith a.btn.tab-btn{color: #16478E;}
.box-tab-swith a.btn.tab-btn.active{border-bottom:4px solid #55C3B7;}
.swith-list{width: 100%;float: left;position: relative;}
.swith-content{width: 100%;float: left;position: relative;display: none;}


.table-service{display: flex;width: 100%;float: left;flex-wrap: wrap;}
.service-item {width: 33.33%;border-bottom: 1px solid rgb(22 71 142 / 40%);padding: 50px;}
.service-item:nth-of-type(4){border-bottom: 0;}
.service-item:nth-of-type(5){border-bottom: 0;}
.service-item:nth-of-type(6){border-bottom: 0;}

.service-item:nth-of-type(2){border-left: 1px solid rgb(22 71 142 / 40%);border-right: 1px solid rgb(22 71 142 / 40%);}
.service-item:nth-of-type(5){border-left: 1px solid rgb(22 71 142 / 40%);border-right: 1px solid rgb(22 71 142 / 40%);}
.help-product-service{padding-bottom: 80px;}

.sec-form-report{border-bottom:1px solid rgb(22 71 142 / 20%);}
.box-form {width: 100%;float: left;padding-top: 30px;}
.box-form  label{margin-bottom: 15px;}
.box-form  label.cart-label{margin-bottom: unset;}
.box-form .form-control{border-radius:0;border: 1px solid rgb(22 71 142 / 40%);}
.box-form  .form-text{margin-top: 10px;}

.box-form .form-group .form-text.validate{display: none;}
.box-form .form-group .form-text.validate-same{display: none;}
.box-form .form-group.error .form-text.validate{display: block;}
.box-form .form-group.error .form-text.validate{color: red;}
.box-form .form-group.error .form-text.validate-same{display: block;}
.box-form .form-group.error .form-text.validate-same{color: #55C3B7;}
.box-form .form-group.error .form-control{border-radius:0;}
.box-form .form-group .form-control{padding: 0.7rem 0.75rem;}
.input-has-text{position: relative; }
/* .box-form .form-group  .input-has-text .form-control{padding-left: 3rem;} */
.text-input{position: absolute;top: 50%;transform: translateY(-50%);left: 10px;font-size: 1em;}
.form-group label{font-weight: 500;color: #1D0606;}
.box-form-check{display: flex;    align-items: center;}
.box-form-check label:not(.title){margin-bottom: 0;margin-left: 10px;line-height: 1.3;font-size: 16px;}
.box-form-pay .box-form-check label:not(.title){display: flex;justify-content: space-between;align-items: center;}
.form-check-input{min-width: 1.5em;min-height: 1.5em;}
.form-check-input:checked {background-color: #16478E;border-color: #16478E;}
.form-check-input[type=checkbox]{border-radius: 2px;border:1px solid #CCCCCC;margin-top: 0;}
/* .form-check-input:checked[type=checkbox]{background-image:url(../img/skin/icon-check.svg);background-repeat: no-repeat;background-size: 15.26px;} */
.form-check-input:focus{border-color: 1px solid #CCCCCC;box-shadow: none;}
.other-report{margin-left: 15px;width: 50%;padding: 0.7rem 0.75rem;}
.form-control:focus{border-color: 1px solid rgb(22 71 142 / 40%);box-shadow: none;}
.form-control{min-height: 50px;width: 90%;}
.box-form .box-tab.under-line.tab-md-select {width: 100%;float: left;}
.box-form  .box-tab.under-line.tab-md-select ul {display: flex;align-items: center;margin-bottom: 20px;position: relative;padding-bottom: 10px;    width: 100%;float: left;}
.box-form  .box-tab.under-line.tab-md-select ul::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px; background-color: rgb(22 71 142 / 30%);}
.box-form .box-tab.under-line.tab-md-select ul li {width: auto;float: left;position: relative;}
.box-form  .box-tab.under-line.tab-md-select ul li .tab-btn{margin: 0 20px;}
.box-form  .box-tab.under-line.tab-md-select ul li .tab-btn.active{min-width: 200px;}
.box-form  .box-tab.under-line.tab-md-select ul li .tab-btn.active::before {content:"";width: 100%;position: absolute;bottom: -10px;left: 0; height: 1px; background-color: #55C3B7;}
.box-form  .box-tab.under-line.tab-md-select ul li:first-child .tab-btn{margin-left: 0;}

.form-group .dropdown.bootstrap-select{width: 100% !important;}
.form-group .btn-light{background-color: #fff;border: 1px solid rgb(22 71 142 / 40%);}
.form-group  .btn-check:active+.btn-light,.form-group  .btn-check:checked+.btn-light,.form-group  .btn-light.active,.form-group  .btn-light:active,.form-group  .show>.btn-light.dropdown-toggle{background-color: #fff;border: 1px solid rgb(22 71 142 / 40%);}
.form-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner{color: #393939;}
.form-group .bootstrap-select>.dropdown-toggle{padding: 0.7rem 0.75rem;}
.form-group .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline: none !important;}
.form-group  .btn-check:active+.btn-light:focus,.form-group  .btn-check:checked+.btn-light:focus,.form-group  .btn-light.active:focus,.form-group  .btn-light:active:focus,.form-group  .show>.btn-light.dropdown-toggle:focus{box-shadow: none !important;}
.form-group .bootstrap-select .dropdown-menu{border-radius: 0;}
.form-group  .dropdown-menu{padding: 0;}
.form-group .dropdown-item{padding: 1rem;}
.form-group  .dropdown-item.active,.form-group  .dropdown-item:active{background-color: #55C3B7;}



/* ///////// AUDIO //////////// */
.audio-player {height: 76px;width: 668px;background: #083B86;color: white;font-size: 0.75em;display: flex;grid-template-rows: 6px auto; align-items: center;justify-content: center;    margin: 0 auto;    border-radius: 5px;}
.audio-player .timeline {background: white;width: 100%;cursor: pointer;box-shadow: 0 2px 10px 0 #0008;position: absolute;opacity: 0;pointer-events: none;}
/* .audio-player .timeline .progress {background: coral;width: 0%;height: 100%;transition: 0.25s;} */
.audio-player .controls {display: flex;justify-content: space-between;align-items: stretch;padding: 0 56px;width: 100%;}
.audio-player .controls > * {display: flex;justify-content: center;align-items: center;}
/* .audio-player .controls .toggle-play.play {cursor: pointer;position: relative;left: 0;height: 0;width: 0;border: 7px solid #0000;border-left: 13px solid white;} */
.audio-player .controls .toggle-play.play {background-image: url(../img/skin/play-button.svg);background-repeat: no-repeat;background-size: 36px;cursor: pointer;position: relative;width: 36px;height: 36px;transition: .2s all ease ;}
/* .audio-player .controls .toggle-play.play:hover {transform: scale(1.1);} */
.audio-player .controls .toggle-play.pause {height: 36px;width: 36px;cursor: pointer;position: relative;border-radius: 100%;border: 2px solid #ffffff;}
.audio-player .controls .toggle-play.pause:before {    position: absolute;top: 50%;left: 37%;background: white;content: "";height: 15px;width: 4px;transform: translate(-50%, -50%);}
.audio-player .controls .toggle-play.pause:after {position: absolute;top: 50%;left: 63%;background: white;content: "";height: 15px;width: 4px;transform: translate(-50% , -50%);}
/* .audio-player .controls .toggle-play.pause:hover {transform: scale(1.1);} */
.audio-player .controls .name{font-size: 1.2em;}
.audio-player .controls .time {display: flex;font-size: 1.2em;}
.audio-player .controls .time > * {padding: 2px;}
.audio-player .controls .volume-container {cursor: pointer;position: relative;z-index: 2;}
.audio-player .controls .volume-container .volume-button {height: 26px;display: flex;align-items: center;}
.audio-player .controls .volume-container .volume-button .volume {transform: scale(0.7);}
.icono-volumeHigh:before, .icono-volumeMedium:before{border-width: 10px; left: -2px;}
[class*=icono-]{color: #fff;}
.icono-volumeHigh:after, .icono-volumeHigh:before, .icono-volumeLow:before, .icono-volumeMedium:before{    width: 30px;height: 30px;}
.audio-player .controls .volume-container .volume-slider {width: 80px;height: 2px;background-color: rgb(255 255 255 / 20%);transition: 0.25s;display: block;}
.audio-player .controls .volume-container .volume-slider .volume-percentage {background-color: #55C3B7;height: 100%;width: 50%;position: relative;}
.audio-player .controls .volume-container .volume-slider .volume-percentage::before{content:"";position: absolute;width: 13px;height: 13px;right: 0;background-color: #ffffff; border-radius: 100%;top: 50%;transform: translateY(-50%);box-shadow: 0 2px 10px 0 #0008;}
#preloader_1{position:relative;margin-top: 0;    top: -15px;left: -12px;}
#preloader_1 span{display:block;bottom:0px;width: 4px;height: 5px;background:#9b59b6;position:absolute;animation: preloader_1 1.5s  infinite ease-in-out;}

#preloader_1 span:nth-child(2){left:5px;animation-delay: .2s;}
#preloader_1 span:nth-child(3){left:12px;animation-delay: .4s;}
#preloader_1 span:nth-child(4){left:19px;animation-delay: .6s;}
#preloader_1 span:nth-child(5){left:26px;animation-delay: .8s;}
@keyframes preloader_1 {
  0% {height:5px;transform:translateY(0px);background:#ffffff;}
  25% {height:20px;transform:translateY(10px);background:#ffffff;}
  50% {height:5px;transform:translateY(0);background:#ffffff;}
  100% {height:5px;transform:translateY(0px);background:#ffffff;}
}


.group-filter {width: 100%;float: left;border-bottom: 1px solid rgb(22 70 141 / 20%); padding-bottom: 50px;}
.group-filter > ul {display: flex;align-items: center;width: 100%;}
.group-filter.pure-fillter-box img{width: 70px;}
.group-filter  > ul > li {display: flex;align-items: center;    border: 1px solid #C9C9C9;border-radius:10px;padding:10px 20px 10px 0;margin-right: 25px;width: 25%;}
.group-filter.pure-fillter-box a.txt-opa {width: 10%;}
.group-filter .box-filter  .filter-option{padding: 10px 0;}
.group-filter .box-filter h3{font-size: 20px;padding-left: 5px;font-weight: 500;}

.box-order-price .pure-filter{width: auto;float: right;}
.box-order-price button{border-radius: 0;border:none;}
.box-order-price .pure-filter .pure-filter-btn::before{content: "";background-image: url(../img/skin/dropdown.svg);border: none;background-repeat: no-repeat;background-size: 18px 15px;width: 18px;height: 15px;    position: absolute;top: 50%;transform: translateY(-50%);}
.group-product .pure-fillter-box{align-items: center;}
.product-detail{background-color: #fff;}
.product-wrap {display: flex;align-items: flex-start;width: 100%;position: relative;}
.box-product{width: 50%;float: left;overflow: hidden;position: relative;display: flex; flex-direction: column; height: 100%;}
.box-product-detail{width: 50%;float: left;padding: 30px 80px 20px 40px;}

.group-product-list .thumb-abs .thumb-txt-ontop{position: absolute;top: 0;left: 0;}


.swiper-slide-container {text-align: center;height:100%;margin:auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.gallery-top {height: 80%;width: 100%;}
.gallery-top  .swiper-slide {height: 100%;}
.gallery-top .swiper-button {width: 56px;height: 56px;}
.gallery-top .swiper-button-next,.gallery-top .swiper-container-rtl .swiper-button-next{right:10px;}
.gallery-top .swiper-button-prev,.gallery-top .swiper-container-rtl .swiper-button-prev{left:10px;}

.gallery-thumbs {box-sizing: border-box;padding: 10px 0;bottom: 0;width: 85%;left: 50%;transform: translateX(-50%); margin-bottom: 38px;}
.gallery-thumbs .swiper-slide {width: 112px ;opacity: 1;cursor: pointer;overflow: hidden;}
.gallery-thumbs .swiper-slide-active {border: 3px solid #fff;}
.gallery-thumbs .swiper-slide img{object-fit: cover;}


.box-review .box-rate+.box-tag{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;width: 100%;float: left;}
.box-review .box-rate{display: flex;align-items: center;justify-content: end;margin-bottom: 10px;width: 100%;float: left;}
.tag-none{justify-content: end;}
.box-tag {    width: auto;float: left;background-color: #16478E;color: #fff;font-size: 14px;padding: 8px 15px;border-radius: 40px;}
.box-rate{display: flex;align-items: center;color: #16478E;font-weight: 500;}
.box-rate p:first-child{display: flex;align-items: center;border-right:1px solid #F2F2F2;padding-right: 8px;}
.box-rate p:first-child span.rate{margin-top: 3px;margin-left: 8px;}
.box-rate p:last-child{padding-left: 10px;margin-top: 3px;}
.box-product-detail .group-price {display: flex;width: 100%;float: left;align-items: center;}
.box-product-detail .txt-price{width: auto;float: left;font-size: 1.4em;margin-bottom: 0;font-weight: 500;}
.box-product-detail .txt-discount{width: auto;margin-right: 10px;margin-bottom: 0;font-size: 0.9em;}
.box-product-detail .txt-discount-per{width: auto;margin-bottom: 0;}
.box-product-detail .txt-content p{font-size: 16px;margin-bottom: 0;}
.qty-select-product {width: auto;float: left;display: flex;position: relative;height: 32px;}
.qty-select-product span {width: 40px;text-align: center;border: 1px solid #E0E0E0;display: flex;align-items: center;justify-content: center;}
.qty-select-product span.minus{border-right: 0;cursor: pointer;}
.qty-select-product span.plus{border-left: 0;cursor: pointer;}
.qty-select-product input{border: 1px solid #E0E0E0;text-align: center;width: 56px;}
.box-product-detail .accor-head{border: 0;border-bottom: 1px solid #DDE2E6;}
.box-product-detail .accor-list.active .accor-head{border: 0;border:0;border-bottom: 1px solid #DDE2E6;}
.box-product-detail .accor-head-symbol:before {width: 16px;height: 1px;background-color: #707070;}
.box-product-detail .accor-head-symbol:after {height: 16px;width: 1px;background-color: #707070;}
.box-product-detail .accor-list.active{border-bottom: 1px solid #DDE2E6;}
.box-product-detail .accor-body{padding: 10px 10px 10px 0;}
.box-product-detail .accor-list.active .accor-head{background-color: transparent;}
.box-product-detail .accor-list.active .accor-head .accor-head-topic{color: #150A08;}
.box-product-detail .accor-list.active .accor-head-symbol:before{background-color: #707070;}
.box-product-detail  .accor-list.active .accor-head-symbol:after{background-color: #707070;}
.box-product-detail  .accor-body{border: 0;}
.acc-img{width: 100px;height: 100px;object-fit: contain;}


.text-middle {display: flex;align-items: center!important;}
.box-banner-overlay {width: 100%;display: flex;align-items: center;justify-content: center;position: relative;z-index:2;}
.box-banner-overlay .box-overlay-img{width: 100%;float: left;text-align: center;}

.ohm-text-align{float: left;padding: 50px;padding-left: 160px;padding-right: 0;}
.ohm-img-align {text-align: center;}

/* .box-banner-overlay.cpst-y{transform: translateY(-20%);position: relative;z-index: 1;display: block;} */
.box-banner-overlay.cpst-y{position: relative;z-index: 1;display: block;}
.cont-abs {position: absolute;display: flex;align-items: center;width: 100%;}
.box-banner-overlay.cpst-y  picture{width: 100%;float: left;}
.box-banner-overlay.cpst-y picture img{width: 100%;float: left;}
/* .box-banner-overlay .box-overlay-img img{width: 100%;float: left;} */
.box-overlay-content{width: 100%;float: left;padding: 50px;  padding-left: 160px; padding-right:0;}

.award-slide .swiper-wrapper{align-items: flex-start;justify-content: center;}


.comp-slide-fade{ width: 100%; float: left; position: relative;}
.comp-slide-fade .button-slide-custom{display: block; padding: 80px 0 30px;margin: 0;}
.comp-slide-fade-wrapper{width: 100%;float: left;position: relative;}
.comp-slide-fade-custom .banner-content {padding: 0 0 0 10em;}
.comp-slide-fade .imagebanner-text .txt-content h4{font-size: 20px;color: #393939;}
.comp-slide-fade .imagebanner-text .txt-content a{font-size: 16px;}

.sec-step-product .swiper-button-next, .sec-step-product .swiper-container-rtl .swiper-button-next{right: 0%;width: 56px;}
.sec-step-product .swiper-button-prev,.sec-step-product .swiper-container-rtl .swiper-button-prev {left: 0%;width: 56px;}

.br-24{border-radius: 24px;overflow: hidden;}
.tt-w{width: 25%;left: 0;position: relative;transition: all ease 1s;}
.triangle-slide{position: relative;top: 10px;left: 50%; transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 0 37px 54px 37px;border-color: transparent transparent #ffc800 transparent;}


.comp-slide-fade .button-slide-custom .swiper-pagination{background: transparent;}
.comp-slide-fade .pagination-box-fill{overflow: hidden;border-radius: 100px;background-color:#B8B9BB;width: 100%;height: 10px;position: relative;}
.comp-slide-fade .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 10px;background-color: #fdce01;border-radius: 100px; transform: translate3d(0px, 0px, 0px) scaleX(0.25) scaleY(1); transition-duration: 1000ms; }
.comp-slide-fade .leader-images .swiper-slide:before {content: "";z-index: 2;position: absolute;top: -1px;left: -1px;width: 0;height: 0;border-style: solid;border-width: 115px 115px 0 0;border-color: #2F2F2F transparent transparent transparent;}
.comp-slide-fade .leader-images .swiper-slide:after {content: "";z-index: 2;position: absolute;bottom: -1px;right: -1px;width: 0;height: 0;border-style: solid;border-width: 0 0 115px 115px;border-color: transparent transparent #2F2F2F transparent;}
.comp-slide-fade .milestone-images:before {content: "";z-index: 2;position: absolute;top: 0px;left: 0px;width: 0;height: 0;border-style: solid;border-width: 115px 115px 0 0;border-color: #E5E7EC transparent transparent transparent;}
.comp-slide-fade .milestone-images:after {content: "";z-index: 2;position: absolute;bottom: 0px;right: 0px;width: 0;height: 0;border-style: solid;border-width: 0 0 115px 115px;border-color: transparent transparent #E5E7EC transparent;}

.comp-slide-fade .comp-slide-fade-list {width: 100%;display: flex;justify-content: space-between;}
.comp-slide-fade .line-inprogress {display: flex;width: 100%;position: relative;z-index: 1;}
.comp-slide-fade .line-inprogress i {width: 80%;height: 10px;border-right: 1px solid #A09995;}

.comp-slide-fade .button-slide-custom .swiper-button-next{   right: 30px; z-index: 11; }
.comp-slide-fade .button-slide-custom .swiper-button-prev{   left: 30px; z-index: 11;}
.comp-slide-fade .symbol-normal-arrow {position: absolute;bottom: 0;left: 0;width: 340px;height: 340px;}
.comp-slide-fade .symbol-normal-arrow svg{  fill: rgba(0, 0 ,0, .2); width: 100%;float: left;}

.comp-slide-fade .swiper-pagination{ margin-right:0;}
.comp-slide-fade .pagination-box-fill { position: absolute; width: 100%; right:0px}
.comp-slide-fade .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { width: 100%; right:0px; left:auto;border-radius: 0px;}
.comp-slide-fade .list-num { color: #A0999C;position:relative; width: 100%; height: 10px; padding:0px;border-right:1px solid #A0999C;cursor: pointer;}
.comp-slide-fade .list-num font { position: absolute;top: 50%;right: 50%;width: 50px;height: 50px;display: flex;text-align: center;background-color: #6B605F;color: #fff;align-items: center;justify-content: center;font-size: 1.7em;border-radius: 50px;transform: translate(50%, -50%);transition: all ease .8s;}
.comp-slide-fade .list-num.active font { background-color: #fff;color: #FFC900;width: 60px;height: 60px;}

.comp-slide-fade .list-num:before { display:none;}
.comp-slide-fade .list-num:last-child {border-right:none;}
.comp-slide-fade .list-num.active{color: #707072;font-family: 'krungsri_simplebold';}

.comp-slide-fade .comp-slide-button {position: absolute;top: 0;left: 0;display: flex;justify-content: space-between;width: 100%;align-items: center;height: 100%;}
.comp-slide-fade .comp-slide-button .swiper-button{width: 40px;height: 40px;position: relative;}
.comp-slide-fade .comp-slide-button .swiper-button-prev{top:0;}
.comp-slide-fade .comp-slide-button .swiper-button-next{top:0;}
.box-image-banner {display: flex;align-items: center;justify-content: center;}
.comp-slide-fade .swiper-slide .comp-image-banner{opacity: 0;transition: all ease .5s;}
.comp-slide-fade .swiper-slide.swiper-slide-active .comp-image-banner{opacity: 1;}
.comp-slide-fade .swiper-button-next.swiper-button-disabled,.comp-slide-fade .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.list-step-slide-content{display: flex;width: 100%;float: left;align-items: center; justify-content:center;}
.list-step-slide-content .step-item-content{color:#393939;width: auto;float: left;display: flex;align-items: center;justify-content: center;line-height: 1.4;margin-right: 27px;}
.list-step-slide-content .step-item-content:last-child{margin-left: 0;}
.list-step-slide-content .step-item-content p{font-size: 12px;}
.list-step-slide-content .step-item-content.active{color: #16478E;}
.list-step-slide-content .step-item-content span{width: 40px;height: 40px;border-radius: 100%;background-color: #E0E0E0;color: #939393;margin-right: 15px;display: flex;align-items: center;justify-content: center;}
.list-step-slide-content .step-item-content.active span{width: 40px;height: 40px;border-radius: 100%;background-color: #16478E;color: #ffffff;}
.bg-step{width: 100%;float: left;}
.cont-step{position: absolute;width: 100%;float: left;top: 50%;left: 0;transform: translateY(-50%);}
.box-imgbg{text-align: center;}


.footer .copyright{margin-top: 40px;font-size: 15px;font-weight: 400;}
a.footer-tel{font-size: 26px;text-decoration: none !important;color: #fff !important;}
.box-review-point{width: 100%;float: left;display: flex;justify-content: center;padding: 60px 0;}
.review-point{width: auto;float: left;padding: 0 100px;border-right: 1px solid #ADC0DD;}
.review-point-cal{width: auto;float: left;padding: 0 70px;}
.box-review-point .box-rate{margin-bottom: 20px}
.box-review-point .box-rate p:first-child{border-right: 0;}
.progress-point {background-color: #E7E7E7;width: 250px;height: 10px;float: left;border-radius: 10px;position: relative;overflow: hidden;}
.progress-point span{position: absolute;top: 0;left: 0;height: 10px;width: 30px;background-color: #16478E;border-radius: 10px;}
span.stars-count, span.stars-count span {display: block;background: url(../img/skin/star-o-white.svg) 0 0 repeat-x;width: 150px; height: 30px; background-size: 30px 30px;}
span.stars-count span {background-position: 0 0;background-image: url(../img/skin/star.svg);}
.point{font-size: 1.2em;color: #C9C9C9;padding: 10px 0;}
.point span{font-size: 3.4em;color: #16478E;}
.box-rate-count p:last-child{margin-top: 10px;font-size: 1.2em;color: #16478E;}
.filter-review-wrap{width: 100%;float: left;}
.box-filter-btn{width: auto;float: left;}
.box-fillter-review{width: 100%;float: left;display: flex;align-items: center;justify-content: space-between;padding: 20px 30px; background-color: #F5F5F5;margin-bottom: 20px;}
a.btn.btn-filter {min-width: 140px;border: 1px solid #E0E0E0;padding: 0.5em 1.6em;margin-right: 10px;}
a.btn.btn-filter:last-child{margin-right: 0;}
a.btn.btn-filter.active {background-color: #fff;border: 1px solid #16478E;color: #16478E;pointer-events: none;}
.thumb.thumb-review {width: 100%;display: flex;padding: 20px 0;}
.thumb-profile-img {width: 50px;float: left;margin-right: 20px;}
.thumb-profile-img img {width: 40px;height: 40px;border-radius: 100%;object-fit: cover;}
.thumb-body {width: 100%;float: left;padding-top: 10px;}
.thumb-profile-detail {display: flex;width: 100%;}
.thumb-profile-name {width: 100%;float: left;padding-bottom: 20px;}
.thumb-title-name {font-size: 1em;font-weight: 600;margin-bottom: 10px;}
.thumb-date {font-size: 0.8em;color: #C9C9C5;}
.thumb-profile-point {float: right;width: auto;}
.box-rate {display: flex;align-items: center;color: #16478E;font-weight: 500;}
.thumb-profile-point .box-rate p {padding-right: 0;border: 0;}
.thumb-review-desc {width: 100%;float: left;padding-bottom: 20px;line-height: 1.2;}
.thumb-profile-rigth .img-gallery-magnific {width: 40%;}
.box-review-point .box-rate-count {float: left;}

.row.review-below{max-height: 50vw; overflow-y: scroll;}

.slimScrollDiv{
  overflow: unset !important;
}

.box-search-dealer{width: 100%; display: flex;position: relative;z-index: 1;}
.box-search-location{width: 70%;background-color: #F5F5F5;padding: 3em 1em 3em 4em;}
.group-search-dealer{display: flex;width: 100%;align-items: center;}
.group-search-dealer input{width: 100%;float: left;padding: 0.6rem 0.75rem; padding-left: 15px;border: 1px solid #E0E0E0;}
.box-search-dealer .box-filter{width: 100%;float: left;padding: 0;padding-left: 10px;}
.box-search-dealer .pure-filter button.filter-btn-txt{padding: 1.4em 2.4em;    padding-left: 15px;border: 1px solid #E0E0E0;}
.box-search-dealer .pure-filter ul{width: calc(100% - 2px); left: 1px;top: 55px;}
/* .group-search-dealer .btn{margin-left: 10px;} */
.box-group-filer{width: 100%;display: flex;}
.box-dealer{width: 30%;background-color: #E0E0E0;padding: 3em 4em 3em 1em;}
.box-search-dealer  .box-dealer .box-filter{padding-left: 0;}
::placeholder { color:#C3C3C3;opacity: 1;}
:-ms-input-placeholder { color:#C3C3C3;}
::-ms-input-placeholder { color:#C3C3C3;}


.box-cart-product {max-height: 350px;overflow-y: scroll;width: 300px;position: absolute;z-index: 3;background-color: #fff;padding: 20px;top: 80px;right: 0;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.08);-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.08);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.08);display: none;}
.list-cart-product {width: 100%;display: flex;border-bottom: 1px solid #F2F2F2;margin-bottom: 10px;padding-bottom: 10px;}
.cart-product-img {width: 70px;height: 50px;}
.cart-product-img img {object-fit: cover;width: 100%;}
.cart-body {width: calc(100% - 70px);padding: 0 10px;}
.cart-title{font-size: 0.9em;font-weight: 500;text-align: left;margin-bottom: 15px;}

/* .cart-desc {display: flex; justify-content: space-between;}*/
/* mossclosecss */

.cart-qlt{width: auto;float: left;font-size: 14px;}
.cart-qlt span{font-size: 12px;}
.cart-price{width: 100%;float: left;text-align: right;font-size: 0.9em;color: #16478E;}
.view-product-cart {width: 100%;padding-top: 10px;}
.view-product-cart .btn{width: 100%;padding: 0.7em 2.4em;}

.btn-cart{position: relative;}
.btn-cart.active::before{content:"";width: 5px;height: 5px;border-radius: 100%;background-color: #55C3B7;position: absolute;top: 0;right: 0;top: -2px;right: -2px;}

.box-field-search {display: none; width: auto;position: absolute;z-index: 5;background-color: #fff;top: 80px;right: 90px;align-items: center;box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%);-webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.08);border-radius: 5px;overflow: hidden;}
.box-field-search input {border: 0;padding: 10px 15px;font-size: 14px;width: 200px;}
.box-field-search a {padding: 0 20px;}
.box-field-search a svg{fill: #16478E;}
.box-field-search button {padding: 0 20px;}
.box-field-search button svg{fill: #16478E;}
button.delete-but-style {border: none;background: none;}
.stick-product-add {z-index: -1; position: fixed;bottom: 0px;right: 0px;z-index: 9;width: 100%;display: flex;align-items: center;justify-content: center;background-color: #fff;padding: 10px 0;border-top: 1px solid #F2F2F2;}
.box-stick-product {align-items: center;display: flex;margin-right: 15px;}
.stick-product-img {width: 70px;}
.stick-product-title {font-size: 1em;font-weight: 500;margin-left: 15px;}
.stick-product-price {display: flex;align-items: center;margin-right: 15px;}
.stick-discount-price {margin-right: 15px;font-size: 0.8em;color: #C9C9C9;text-decoration: line-through;}
.stick-price {color: #16478E;font-weight: 500;}
.stick-add-cart {display: flex;align-items: center;}
.stick-add-cart .btn{    padding: 0.6em 1.6em;font-size: 0.9em;min-width: 170px;}

.box-field-lang {display: none; width: 150px;padding:10px 0;position: absolute;z-index: 5;background-color: #fff;top: 80px;right: 0px;align-items: center;text-align: left;box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%);-webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.08);border-radius: 0px;overflow: hidden;}
.box-field-lang input {border: 0;padding: 10px 15px;font-size: 14px;width: 200px;}
.box-field-lang a {padding: 0 20px;}
.box-field-lang a svg{fill: #16478E;}




/* ///////////// ERROR 404 //////////// */
.box-error-404{position: absolute; top:0;left:0;width: 100%;height: 100%;display: flex; justify-content: center;align-items: center;}

/* ///////////// SEARCH  //////////// */
.sec-search{z-index: 2;}
.sec-search .banner-wrap .content-abs .txt-content:nth-child(1){padding: 10px;}
.box-tab.tab-ads.under-line{position: relative;margin-top: 0;}
.box-tab.tab-ads.under-line ul li .tab-btn{background-color: transparent;border: 0;margin: 0;border-radius: 0;color: #fff;border-bottom: 2px solid rgb(255 255 255 / 10%);}
.box-tab.tab-ads.under-line ul li .tab-btn.active{background-color: transparent;border-bottom: 2px solid #55C3B7;}
.box-tab.tab-ads.under-line ul li .tab-btn span{font-weight: 400;}


/* ///////////// PROMOTION  //////////// */
.group-promotion{}
.group-promotion .thumb{margin-bottom: 40px;}
.group-promotion .thumb-img{margin-bottom: 20px}
.group-promotion .thumb-title{font-size: 1.5em;font-weight: 600;color: #16478E;margin-bottom: 20px;}
.group-promotion .thumb-time{font-size: 0.9em;color: #1D0606;margin-bottom: 20px;}
.group-promotion .pure-filter button{min-width:300px ;}
.group-promotion .pure-filter ul li{padding:10px;}
.group-promotion .form-check{padding-left: 0;margin: 0;}
.pure-filter .btn-filter::before {content: "";background-image: url(../img/skin/dropdown.svg);border: none;background-repeat: no-repeat;background-size: 18px 15px;width: 18px;height: 15px;position: absolute;top: 50%;right: 10px; transform: translateY(-50%);}

.group-promotion .pure-filter-promo button{min-width:300px ;}
.group-promotion .pure-filter-promo ul li{padding:10px;}
.pure-filter .btn-filter-promo::before {content: "";background-image: url(../img/skin/dropdown.svg);border: none;background-repeat: no-repeat;background-size: 18px 15px;width: 18px;height: 15px;position: absolute;top: 50%;right: 10px; transform: translateY(-50%);}
.group-promotion  label.form-check-label {font-size: 14px;padding-left: 10px;cursor: pointer;}
.group-promotion .form-check-input{margin: 0%;}
.group-promotion .form-check-input[type=checkbox] {border-radius: 4px;width: 20px;height: 20px;cursor: pointer;}
.group-promotion .form-check-input:checked[type=checkbox] {background-size: 80%;}
.group-promotion  .pure-filter ul li{cursor: pointer;}
.group-promotion  .pure-filter ul li:hover{background-color: #fff;}
.box-order-price .pure-filter {padding: 5px 0;}
.group-promotion .box-order-price .pure-filter::before {content: "";position: absolute;width: calc(100% + 2px);height: calc(100% + 0px);top: 0;left: -1px;background-color: white;z-index: -1;border: 1px solid #C9C9C9;border-radius: 6px;}
.box-input-search {width: auto;z-index: 5;background-color: #fff;align-items: center;border-radius: 5px;overflow: hidden;border: 1px solid #C9C9C9;float: right;margin-left: 20px;}
.box-input-search input {border: 0;padding: 10px 10px;font-size: 14px;width: 300px;}
.box-input-search a {padding-left: 10px;}
.box-input-search a svg {fill: #C9C9C9;}
.group-promotion  .pure-filter ul{width: calc(100% + 2px);left: -1px;top: 45px;box-shadow: 0 5px 10px -4px rgb(0 0 0 / 20%);}
.group-promotion .pure-filter.select-check.active::before{content: "";border: 0;border-radius: 6px 6px 0 0;}


.sec-promotion .content-abs{transform: translateY(100%);}
.sec-promotion .banner-pagination{bottom: 15%;}


.group-item-list {width: 100%;float: left;}
.group-item-list .thumb-ver:first-child{padding-top: 10px;}
.thumb-ver {width: 100%;float: left;display: flex;    border-bottom: 1px solid rgb(112 112 112 / 20%);padding: 30px 0;}
.thumb-ver .thumb-img {float: left;width: 20%;position: relative;border-radius: 10px;overflow: hidden; padding: 15px;}
.thumb-ver .thumb-txt{width: 80%;float: left;}
.thumb-ver .thumb-txt-p span{font-weight: 500;}
.thumb-ver .thumb-txt-title {display: flex;align-items: flex-start;margin-bottom: 5px;flex-wrap: wrap;}
.thumb-ver .thumb-txt-title .thumb-txt-h {width: 70%;float: left;font-size: 17px;font-weight: 600;line-height: normal;}
.thumb-ver .thumb-txt-price {width: 30%;text-align: right;font-size: 17px;font-weight: 500;color: #16478E;line-height: normal;}
.thumb-ver .thumb-txt-content {display: flex;align-items: baseline;margin-bottom: 5px;}
.thumb-ver .thumb-txt-p {width: 70%;color: #393939;}
.thumb-ver .thumb-txt-discount {width: 30%;text-align: right;}
.thumb-ver .thumb-txt-discount.dt {width: 100%;}
.thumb-ver .thumb-txt-discount span:first-child {color: #AE1A1A;font-weight: 500;margin-right: 10px;text-decoration: none;}
.thumb-ver .thumb-txt-discount span:last-child {color: #C9C9C9;font-weight: 500;text-decoration: line-through;font-size: 14px;margin-right: 0;}
.thumb-ver .thumb-txt-body {width: 100%;float: left;margin-bottom: 10px;}
.thumb-ver .thumb-txt-body .thumb-txt-p {width: 100%;margin-bottom: 10px;}
.thumb-ver .thumb-txt-color{width: 100%;float: left;margin-bottom: 10px;}
.thumb-ver .thumb-txt-color .thumb-txt-p{display: flex;align-items: center;}
/* .thumb-ver .thumb-txt-color .thumb-txt-p div{width: 20px;height: 20px;border: 1px solid rgb(196 196 196 / 60%);border-radius: 100%;margin-left: 10px;} */
.thumb-ver .thumb-txt-filter {display: flex;align-items: center;width: 100%;}
.thumb-ver .thumb-txt-filter .thumb-img {width: 70px;}
.thumb-ver .thumb-txt-filter .thumb-txt-title {width: calc(100% - 90px);margin-left: 20px;}
.thumb-ver .thumb-txt-filter .thumb-txt-title  .thumb-txt-h span{float: left;width: 100%;}
.thumb-ver .thumb-txt-filter .thumb-txt-title .thumb-txt-h span:last-child{font-weight: 400;color:#393939 ;}
.thumb-ver .thumb-txt-filter .thumb-txt-title  .thumb-txt-price {color:#393939 ;}
.thumb-ver .btn-delete{justify-content: flex-end;}
.thumb-ver .btn-delete a{text-decoration: underline;}
.btn-underline{text-decoration: underline;margin: 35px 0;width: 100%;float: left;}


.order-summary {width: 100%;float: left;border: 1px solid #E0E0E1;margin-bottom: 20px;}
.order-summary .group-order{padding: 30px;width: 100%;float: left;}
.order-title {width: 100%;float: left;font-size: 20px;color: #16478E;margin-bottom: 10px;}
.order-group-price{width: 100%;float: left;display: flex;margin-bottom: 10px;}
.order-txt-price {width: 55%;float: left;font-size: 14px; font-weight: 500;}

.order-txt-h {width: 45%;float: left;}
.order-txt-h span + .tax {font-size: 14px;margin-bottom: 5px;}

.order-txt-h span:last-child {font-size: 12px;}
.order-price {width: 30%;text-align: right;}
.order-sub-title {width: 100%;float: left;line-height: normal;margin-bottom: 10px;}
.order-summary .form-check {width: 100%;float: left;margin-bottom: 20px;}
.order-summary .form-check-input[type=radio] {margin-top: 0;cursor: pointer;}
.order-summary .form-check label.form-check-label {padding-left: 10px;display: flex;align-items: flex-start;line-height: 1.3;font-size: 14px;}
.order-summary .form-check label.form-check-label span:nth-of-type(1) {width: 100%;font-weight: 500;}
.order-summary .form-check label.form-check-label span:nth-of-type(2) {font-weight: 400;margin-top: 5px;}
.order-summary .form-check label.form-check-label span:nth-of-type(1) > span {width: 100%;float: left;color: #393937;font-weight: 400;text-transform: uppercase;line-height: 1.3;}
.total-order {width: 100%;float: left;background-color: rgb(224 224 224 / 20%);padding: 20px 30px;display: flex;align-items: center;border-top: 1px solid #E0E0E1;}
.total-title {width: 40%;font-size: 17px;font-weight: 600;}
.total-price {width: 60%;text-align: right;font-weight: 600;color: #16478E;font-size: 22px;}
.thumb-ver .thumb-txt-title-mobile{display: none;}

.product-order-list{width: 100%;float: left;padding: 10px;}
.product-order-list .cart-product-img{width: 80px;height: 80px;display: flex;align-items: center;}
.product-order-list .cart-subtitle {font-size: 14px;}
.product-order-title{font-size: 14px;color: #393939;margin-bottom: 15px;}

.col-gap-5px{column-gap: 5px;}

.popup-otp .popup-container{height: auto;}
.opt-content{width: 100%;float: left;}
.opt-content img,.opt-content svg{margin-bottom: 20px;}
.opt-content .otp-title{font-size: 26px;margin-bottom: 10px;}
.opt-content p{font-size: 16px;margin-bottom: 15px;}
.opt-content .box-otp-form {margin-bottom: 20px;}
.opt-content .box-otp-form input{width: 48px;height: 72px;border: 1px solid rgb(22 71 142 / 40%);text-align: center;border-radius: 0;}
/* .opt-content .box-otp-form input:last-child{margin-right: 0;} */
.opt-content .box-otp-form .form-group {margin-right: 20px}
.opt-content .box-otp-form .form-group:last-child{margin-right: 0;}
.opt-content .btn{min-width: 250px;margin-bottom: 10px;}



.sec-banner-item{}
.item-middle{display: flex;align-items: center;}
.item-middle-center{display: flex;align-items: center;justify-content: center;}
.sec-banner-item .item-content{width: 35%;}
.sec-banner-item .item-img{width: 65%;float: right; position: absolute;right: 0;bottom: 0;}
.sec-banner-item .item-img img{width: 100%;float: left;}
.sec-banner-item  .content-abs.center-bottom{position: relative;bottom: 0;}

.banner-fullwidth.sec-banner-item .item-content{width: 50%;}
.sec-search.banner-fullwidth.sec-banner-item .item-content{width: 100%;}


.hero-banner-has-tab.sec-banner-item.banner-fullwidth .item-content{width: 100%;}

.sec-standard-award .txt-content p {font-size: 16px;}

.sec-about-gobal.sec-banner-item .item-content{width: 40%;}

.banner-item-end{justify-content: flex-end;}
.hero-banner-has-tab.sec-banner-item .item-content{width: 40%;}
.hero-banner-has-tab.sec-banner-item .item-img{width: 60%;}
.hero-banner-has-tab.sec-banner-item .item-img.product-model {max-width: 46%;display: flex;justify-content: center;}
.item-img.promotion {max-width: 46%;display: flex;justify-content: center;}
.item-img.index {max-width: 55%;display: flex;justify-content: center;}

.smenu{width: 100%;float: left;}


.group-feature .txt-content p {font-size: 14px;margin-top: 5px;}

.sec-info .thumb-icon .txt-content  p{font-size: 20px;font-weight: 500;margin-bottom: 5px;}
.sec-info .thumb-icon .txt-content span{font-size: 16px;color: #1D0606;line-height: 1.2;}
.sec-info .thumb-icon svg {margin-right: 20px;width: 70px;}
.sec-info .thumb-icon .txt-content{width: calc(100% - 70px);}


.sec-stick-top{    background-color: #55C3B7;width: 100%;position: fixed;top: 0px;left: 0px;z-index: 19;}
.box-stick-top {width: 100%;float: left;display: flex;align-items: center;justify-content: center;padding: 15px 0;}
.box-stick-top p{font-size: 14px;color: #fff;margin-right: 20px;    line-height: 1.4;}
.box-stick-top .btn-outline.btn{color: #fff;border: 1px solid #fff;font-size: 12px;min-width: 150px;padding: 0.6em 1.4em;margin-right: 30px;}
.box-stick-top  .close-stick-top img{width: 12px;}

.sec-banner-normal .item-img{width: 50%;}
.sec-banner-normal .item-img img{width: 100%;}
.sec-banner-normal .item-content{width: 50%;padding: 0 0 0 10em;}

.group-promote{display: flex;align-items: center;}
.box-ads-promote{width: calc(100% - 20px);float: left;padding: 15px 30px;background-color: #083B86;border-radius: 8px;margin-right: 20px;}
.box-promote-group{width: 100%;display: flex;align-items: center; justify-content: center;}
@media(min-width:1023px){
  .box-promote-group{
    justify-content: start !important;
  }
}
.box-promote-group .box-promote-title{color: #fff;width:auto;float: left;padding: 0 15px;}
.box-promote-group .box-promote-title:first-child{border-right: 1px solid rgb(255 255 255 / 20%);padding-left: 0;}
.box-promote-group .box-promote-title span{display: flex;align-items: center;color: #fff;}
.box-promote-group .box-promote-title span img,.box-promote-group .box-promote-title span svg{width: 25px;margin-right: 10px;}
.box-promote-group .box-promote-title span font{font-weight: 500;}

.custom-progress-item{position: relative;}
.custom-progress-item::before{content: "";position: absolute;width: 37px;height: 100%;left: 0;top: 0;background-color: #fff;z-index: 4;}

.txt-content.pd-40.pd-md-lr-20.progress-title-edit{padding-left: 18em;}

.box-subnav.has-subnav.show{display: block;}
.box-subnav.has-subnav{display: none;}
.award-slide{width: 100%;float: left;}




.step-container {width: 100%;float: left;display: none;}
.step-container ul {width: 100%;display: flex;align-items: center;justify-content: space-between;}
.step-container ul li {position: relative;width: 100%;transition: all ease-in .5s;}
.step-container ul li:before {content: "";width: calc(100% - 70px);height: 4px;background-color: rgb(255 255 255 / 50%);position: absolute;left: calc(50% + 35px);top: 30%;border-radius: 10px;}
.step-container ul li::after{content: "";width:0;height: 4px;background-color: #55C3B7;position: absolute;left: calc(50% + 35px);top: 30%;border-radius: 10px;z-index: 1;}
.step-container ul li.check::after {width: calc(100% - 70px);}
.step-container ul li:last-child::before{content: none;}
.step-container ul li:last-child::after{content: none;}
.step-item {width: 40px;height: 40px;background-color: #fff;border-radius: 100%;margin: 0 auto;position: relative;}
.step-container ul li .step-item span{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #16478E;font-weight: 500;}
.step-container ul li.check .step-item span{display: none;}
.step-container ul li.check .step-item::before{content:"";background-image: url(../img/skin/icon-check.svg);width: 20px;height: 14px;background-repeat: no-repeat;background-size: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.step-title{margin-top: 10px;color: #fff;font-weight: 500;}

.form-step{width: 100%;float: left;display: none;}
.form-step.form-step-1{display: block;}
.check-group p{line-height: 1.4;}
.check-group .form-check-input{margin-top: -.1em;}
.box-form-check.check-group{display: block;}
.box-form-check.check-group .form-check:first-child{padding-top: 0;}
.box-form-check.check-group .form-check {padding-bottom: 23px;padding-top: 23px;border-bottom: 1px solid  rgb(112 112 112 / 20%);position: relative;padding-right: 1.5em;}
.subtitle-txt{line-height: 1.4;color: #1D0606;}
.subtitle-txt a{color: #55C3B7 !important;}

.order-track .popup-container{height: auto;transform: translate(-50% ,-100%); -webkit-transform: translate(-50% ,-100%);width: 630px;margin-left: 0;}
.close-inbox.popup-close{right: 10px;top: 10px;width: 30px;height: 30px;}
.close-inbox.popup-close svg{width: 30px;height: 30px;}
/* .sec-order-track .form-control{width: 412px;} */
.sec-order-track  .form-group{width: 412px;margin: 0 auto;}

.acc-check-box {padding: 20px 10px 0;display: none;}
.acc-check-box ul {width: 100%;display: flex;flex-wrap: wrap;margin-top: 20px;}
.acc-check-box ul li {width: 20%;float: left; margin: 10px 0 0;}
.acc-check-box ul li img{width: auto;float: left;}
.acc-group-check {width: 100%;margin-top: 10px;}
.box-form-acc.mt-4 label {margin: 0 0 10px;}
.acc-check-box  .box-form-check.check-group .form-check:first-child{padding-top: 23px;}
.acc-check-box  .form-check-input{    margin-top: 0.4em;}
.acc-check-box  .form-check label{display: flex; align-items: center;justify-content: space-between;}
.acc-check-box  .form-check label .icon-img-r{width: 80px;}
.box-form-check.check-group .acc-check-box .form-check:last-child{border-bottom:0;padding-bottom: 0;}
.box-form-check.check-group .acc-check-box .form-check:last-child .form-check-input{    margin-top:-.1em;}

.login-content {width: 100%;float: left;}
.tab-group {width: 100%;float: left;display: none;}
.tab-group.active{display: block;}
.tab-user-list{width: 100%;float: left;}
.tab-user {width: 100%;float: left;padding-bottom: 20px;padding-top: 40px;}
.tab-user ul {display: flex;align-items: center;justify-content: center;}
.tab-user ul li {width: 50%;text-align: center;border-right: 1px solid rgb(35 71 137 / 10%);}
.tab-user ul li:last-child{border-right: 0;}
.tab-user ul li a{position: relative;font-size: 20px;}
.tab-user ul li a.active::before{content: "";width: 100%;height: 3px;position: absolute;background-color: #55C3B7;border-radius: 100px;bottom: -10px;}

.popup-login .popup-container{height: auto;}
.reset-password{display: flex;justify-content: flex-end;align-items: center;}
.reset-password a{font-size: 14px;margin-left: 10px;}
.reset-password p{font-size: 14px;margin-bottom: 0;}
.outline-secondary{border: 1px solid #16478E;color: #16478E;}
.btn-swich-type span{justify-content: center;align-items: center;}
.btn-swich-type span img,.btn-swich-type span svg{margin-right: 10px;}
.box-user-title{width: 100%;float: left;padding-bottom: 20px;}
.box-user-title h5{font-size: 20px;margin-bottom: 10px;}
.box-form-scroll {width: calc(100% + 20px);height: 100%;overflow: hidden;padding-top: 10px;overflow-y: scroll;max-height: 490px;padding-right: 20px;}
.opacity-07{opacity: .7;}
.form-group small{font-size: 12px;margin-left: 10px;}
.view-pass {position: absolute;top: 50%;transform: translateY(-50%);right: 10px;cursor: pointer; right:12%;}
.view-pass  svg{fill: rgb(35 71 137 / 10%);}
.view-pass.view-open  svg{fill: #16478E;}
.popup-login .form-group{width: 100%;float: left;}
.box-delivery-detail{width: 100%;float: left;display: none;}
.box-delivery-form{width: 100%;float: left;}
.login-switch{display: none;width: 100%;float: left;}
.login-switch.login-phone-number{display: block;}
.delivery-detail.box-form{padding-top: 10px;}
.delivery-detail .box-form-check.check-group .form-check {padding: 0;margin-bottom: 20px;}

.delivery-detail .box-form-check.check-group .form-check:last-child{margin-bottom: 40px;}
.delivery-detail .box-form-check.check-group .form-check .form-check-input{display: none;}
.delivery-detail .box-form-check.check-group .form-check .form-check-input:checked[type=radio] + label:not(.title){border: 1px solid #71C0B7;padding: 30px;margin: 0;padding-left: 80px; width: 100%;}
.delivery-detail .box-form-check.check-group .form-check .form-check-input:checked[type=radio] + label::before {background-color: white;font-size: 14px;content: " ";display: block;border-radius: 50%;border: 6px solid #16478E;position: absolute;top: 30px;left: 30px;width: 25px;height: 25px;text-align: center;line-height: 28px;transition-duration: 0.4s;}

.delivery-detail .box-form-check.check-group .form-check .form-check-input[type=radio] + label:not(.title){border: 1px solid #E0E0E0;padding: 30px;margin: 0;padding-left: 80px; width: 100%;} 
.delivery-detail .box-form-check.check-group .form-check .form-check-input[type=radio] + label::before {background-color: white;font-size: 14px;content: " ";display: block;border-radius: 50%;border:1px solid rgb(35 71 137 / 70%);;position: absolute;top: 30px;left: 30px;width: 25px;height: 25px;text-align: center;line-height: 28px;transition-duration: 0.4s;}



.delivery-detail .box-form-check.check-group .form-check label h4{font-size: 20px;font-weight: 500;color: #16478E;}
.delivery-detail .box-form-check.check-group .form-check label h4 small{font-size: 17px;color: rgb(0 0 0 / 30%);font-weight: normal;}
.delivery-detail .box-delivery-body{font-size: 16px;color: #1D0606;    width: 85%;float: left;}
.delivery-detail .box-delivery-body .box-delivery-name{width: 100%;float: left;font-weight: 500;margin-bottom: 10px;}
.delivery-detail .box-delivery-body .box-delivery-address{width: 100%;float:left ;margin-bottom: 10px;}
.box-delivery-email{width: 100%;float: left;margin-bottom: 10px;}
.box-delivery-email span{font-weight: 500;}
.box-delivery-tel{width: 100%;float: left;}
.box-delivery-tel span{font-weight: 500;}
.edit-address{position: absolute;right: 30px;top: 30px;}
.delete-address{position: absolute;right: 30px;bottom: 30px;}
.txt-underline{text-decoration: underline;}

.btn-icon .icon-left font, .btn-icon .icon-left img{margin-left: 0;margin-right: 10px;}


/* ////// POPUP ///////// */
.popup-head{font-size: 1.4em;}
.popup-edit-address .popup-container {width: 678px;height:auto;position: absolute;top: 50%;left: 50%;margin-left: 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-color: #fff;padding: 40px 20px 40px 40px;}
.popup-edit-address .popup-body {width: 100%;margin-bottom: 15px;float: left;max-height: 640px;overflow: hidden;overflow-y: scroll;padding-right: 20px;}
.popup-edit-address-login .popup-container {max-width: 678px;height:auto;position: absolute;top: 50%;left: 50%;margin-left: 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-color: #fff;padding: 40px 20px 40px 40px;}
.popup-edit-address-login .popup-body {width: 100%;margin-bottom: 15px;float: left;max-height: 640px;overflow: hidden;overflow-y: scroll;padding-right: 20px;}
.popup-add-address .popup-container {max-width: 678px;height:auto;position: absolute;top: 50%;left: 50%;margin-left: 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-color: #fff;padding: 40px 20px 40px 40px;}
.popup-add-address .popup-body {width: 100%;margin-bottom: 15px;float: left;max-height: 640px;overflow: hidden;overflow-y: scroll;padding-right: 20px;}
.popup-add-address-login .popup-container {max-width: 678px;height:auto;position: absolute;top: 50%;left: 50%;margin-left: 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-color: #fff;padding: 40px 20px 40px 40px;}
.popup-add-address-login .popup-body {width: 100%;margin-bottom: 15px;float: left;max-height: 640px;overflow: hidden;overflow-y: scroll;padding-right: 20px;}
.pop-footer {width: 100%;float: left;}
.pop-btn {width: 100%;display: flex;align-items: center;justify-content: center;}
.pop-btn-right a:not(.btn){color: #393939;}

.popup-edit-tax-invoice .popup-container {max-width: 678px;height:auto;position: absolute;top: 50%;left: 50%;margin-left: 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-color: #fff;padding: 40px 20px 40px 40px;}
.popup-edit-tax-invoice .popup-body {width: 100%;margin-bottom: 15px;float: left;max-height: 640px;overflow: hidden;overflow-y: scroll;padding-right: 20px;}
.popup-add-tax-invoice .popup-container {max-width: 678px;height:auto;position: absolute;top: 50%;left: 50%;margin-left: 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-color: #fff;padding: 40px 20px 40px 40px;}
.popup-add-tax-invoice .popup-body {width: 100%;margin-bottom: 15px;float: left;max-height: 640px;overflow: hidden;overflow-y: scroll;padding-right: 20px;}
.popup-add-tax-invoice-login .popup-container {max-width: 678px;height:auto;position: absolute;top: 50%;left: 50%;margin-left: 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-color: #fff;padding: 40px 20px 40px 40px;}
.popup-add-tax-invoice-login .popup-body {width: 100%;margin-bottom: 15px;float: left;max-height: 640px;overflow: hidden;overflow-y: scroll;padding-right: 20px;}
.popup-container .box-form-check label:not(.title){line-height: normal;}


.txt-between{display: flex;justify-content: space-between;align-items: center;}
.txt-between .btn-icon svg,.txt-between .btn-icon img{margin-right: 10px;}

.avatar-upload {position: relative;max-width: 149px;margin: 0 auto 20px;}
.avatar-upload .avatar-edit {position: absolute;right: 0;z-index: 1;bottom: 10px;}
.avatar-upload .avatar-edit input {display: none;}
.avatar-upload .avatar-edit input + label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;;cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;border: 1px solid #E2E2E2;}
.avatar-upload .avatar-edit input + label:hover {background: #f1f1f1;}
.avatar-upload .avatar-edit input + label:after {content: "";background-image: url(../img/skin/upload-img.svg);background-position: center;background-repeat: no-repeat;background-size: 20px;width: 20px;height: 20px;color: #757575;position: absolute;top: 7px;left: 0;right: 0;text-align: center;margin: auto;}
.avatar-upload .avatar-preview {width:136px;height: 136px;position: relative;border-radius: 100%;margin: 0 auto;}
.avatar-upload .avatar-preview > div {width: 100%;height: 100%;border-radius: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}


.group-txt-info{width: 100%;float: left;display: flex;flex-wrap: wrap;}
.txt-info-title{font-size: 17px;width: 50%;margin-bottom: 15px;}
.txt-info-cont{font-size: 14px;width: 50%;margin-bottom: 15px;}

.box-default-address{width: 100%;float: left;min-height: 400px;display: flex;align-items: center;justify-content: center;}
.btn-banner-back{position: absolute;bottom: 20px;left: 0;}
.btn-banner-back svg{width: 10px;height: 10px;margin-right: 10px;}
.btn-banner-back svg path{stroke: #fff;}


.popup-edit-profile .box-form-scroll{max-height:none ;}

.box-product-history{padding: 20px;border: 1px solid rgb(22 71 142 / 34%);margin-bottom: 40px;}

.product-history-cont{display: flex;justify-content: space-between;width: 100%;float: left;flex-wrap: wrap;margin: 30px 0;}
.history-cont-txt{width: 50%;font-size: 20px;margin-bottom: 5px;line-height: normal;}
.history-cont-sub{width: 50%;font-size: 14px;line-height: normal;margin-bottom: 5px;}
.box-product-history .group-item-list .thumb-ver:last-child{border-bottom: 0;}
.btn-outline-green{border: 1px solid #55C3B7;background-color: #fff;color: #55C3B7;}
.box-product-history .thumb-txt-color{display: flex;justify-content: space-between;}
.thumb-quantity{font-size: 16px;font-weight: 500;color: #1D0606;}
.group-order-btn{width: 100%;float: left;}

.sec-dealer .item-img{    bottom: -60px;}
.slide-progress-auto .swiper-slide{width: auto;}
.slide-progress-auto .thumb .thumb-img img{width: auto;}


.box-dealer-filter {display: flex;align-items: center;margin-bottom: 30px;}
.box-dealer-title {width: 60%;font-size: 16px;font-weight: 500;color: #16478E;}
.dealer-group {width: 100%;float: left;}
.dealer-area {width: 100%;font-size: 16px;color: #1D0606;font-weight: 400;}
.dealer-area span {font-weight: 500;}
.dealer-list {width: calc(100% - 20px);float: left;max-height: 600px;overflow: hidden;overflow-y: scroll;padding-right: 20px;}
.thumb-dealer {width: 100%;float: left;display: flex;position: relative;padding: 20px 40px;border-bottom: 1px solid rgb(22 71 142 / 10%);transition: all ease .5s;}
.thumb-dealer:hover{background-color: rgb(17 17 17 / 2%);}
.thumb-delaer-left {width: 70%;float: left;}
.thumb-dealer-title {font-weight: 500;font-size: 17px;color: #16478E;position: relative;}
.thumb-dealer-decs {font-size: 16px;color: #1D0606;}
.thumb-dealer-decs span{font-weight: 500;}
.thumb-delaer-right {width: 30%;display: flex;align-items: baseline;}
a.thumb-delaer-btn {width: 50%;text-align: center;}
a.thumb-delaer-btn span.dealer-btn-circle {width: 50px;height: 50px;background-color: #fff;border: 1px solid #16478C;border-radius: 100%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
a.thumb-delaer-btn span.dealer-btn-txt {width: 100%;float: left;color: #16478E;margin-top: 5px;font-weight: 500;}
.thumb-dealer-pin {width: 20px;height: 20px;background-position: center;background-repeat: no-repeat;background-size: 20px;position: absolute;left: -30px;top: 50%;transform: translateY(-50%);}
.thumb-dealer-pin.pure svg{fill: #55C3B7;}
.thumb-dealer-pin.dealer svg{fill: #E07101;}
.thumb-dealer-pin svg,.thumb-dealer-pin img{width: 20px;height: 20px;float: left;}
.remark-pin {width: 100%;display: flex;align-items: center;margin-top: 20px;}
.remark-pin-title {display: flex;align-items: center;font-size: 14px;font-weight: 500;margin-right: 30px;}
.remark-pin-title img,.remark-pin-title svg{width: 20px;height: 20px;float: left;margin-right: 10px;}
.remark-pin-title.pure svg{fill: #55C3B7;}
.remark-pin-title.dealer svg{fill: #E07101;}

.dealer-filter-select-title {font-size: 17px;font-weight: 500;margin-bottom: 10px;}
.dealer-filter-select {display: flex;align-items: center;margin-bottom: 48px; /*justify-content: space-between; */}
.dealer-filter-select .form-group input.form-control ,.dealer-filter-select .form-group .dropdown.bootstrap-select,.dealer-filter-select .btn{ min-height: 48px;max-height: 48px;}
.dealer-filter-select .form-group {margin-right: 10px;width: 100%;}


.btn-dealer-filter {width: 40%;position: relative;cursor: pointer;}
.dealer-filter-check{width: 100%;float: left;}
.dealer-filter-title {width: 100%;padding: 15px 20px;border: 1px solid rgb(22 71 142 / 30%);border-radius: 4px;min-width: 100%; min-height: 59px;transition: all ease .5s;}
.dealer-filter-check > ul {position: absolute;background-color: #fff;width: 100%;z-index: 1;padding: 20px;display: none;}
.dealer-filter-check ul li {margin-bottom: 15px;}
.dealer-filter-check ul li label {margin-left: 10px;}
.dealer-filter-check > ul > li > ul {padding-left: 20px;}

.btn-dealer-filter.active{min-height: 59px;}
.btn-dealer-filter.active .dealer-filter-check {position: absolute;top: 0;right: 0;z-index: 1;border-radius: 4px;}
.btn-dealer-filter.active .dealer-filter-title{border: 1px solid transparent;position: relative;}
.btn-dealer-filter .dealer-filter-title::after{content: "";background-image: url(../img/skin/dropdown.svg);border: none;background-repeat: no-repeat;background-size: 18px 15px;width: 18px;height: 15px;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
.btn-dealer-filter.active .dealer-filter-title::before{content: "";width: calc(100% - 20px);height: 1px;background-color: rgb(22 71 142 / 30%);bottom: 0;left: 50%;transform: translateX(-50%);position: absolute;}
.btn-dealer-filter.active .dealer-filter-check::before{content: "";position: absolute;width: 100%;height: 100%;border-radius: 4px;left: 0;top: 0; -webkit-box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%); box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%);}
.btn-dealer-filter.active .dealer-filter-check > ul{position: relative;}

.box-address {width: 100%;float: left;border: 1px solid rgb(112 112 112 / 20%);margin-top: 30px;}
.box-address .product-history-cont {padding: 15px 25px;border-bottom: 1px solid rgb(112 112 112 / 20%);margin: 0;align-items: center;}
.box-address .history-cont-txt{margin-bottom: 0;}
.box-address .history-cont-sub{margin-bottom: 0;}
.address-cont {width: 100%;float: left;padding: 0 25px;display: flex;margin: 15px 0;}
.address-cont-p {width: 40%;padding-right: 15px;padding-bottom: 15px;border-right: 1px solid rgb(112 112 112 / 20%);}
.address-cont-sub {width: 60%;padding-left: 15px;}
.order-group-price-h .order-txt-h span{font-size: 14px;font-weight: 600;display: flex;}
.order-group-price-h .order-txt-h span .qty{font-weight: 400;margin-left: 10px;width: auto;}
.address-cont-sub span:last-child{margin-left: 10px;}
.address-cont-sub ul li{margin-bottom: 10px;}

.box-product-cancel .product-history-cont{margin: 10px 0;padding-bottom: 20px;border-bottom: 1px solid rgb(22 71 142 / 20%);}
.box-product-cancel .thumb-ver{padding: 0;}
.box-product-cancel .form-check-input{margin-top: 0.1em;}
.box-product-cancel .box-form-check label:not(.title){line-height: normal;}
.check-has-input .box-form-check{align-items: center;}
.check-has-input .box-form-check label:not(.title){width: auto;}
.check-has-input{position: relative;}
.check-has-input .form-check-input{position: absolute;top: 50%;transform: translateY(-50%);margin-top: 0;}
.form-control:disabled, .form-control[readonly] {opacity: .6;background: transparent;}

.box-track-policy-left {width: 100%;float: left;padding: 30px 45px; border: 1px solid rgb(112 112 112 / 20%);height: 100%;}
.box-cond-left-title {text-align: center;font-size: 20px;color: #16478E;font-weight: 500;margin-bottom: 20px;}
.box-cond {display: flex;}
.cond-left {width: 50%;text-align: center;border-right: 1px solid rgb(112 112 112 / 20%);}
.cond-left-h {font-size: 17px;font-weight: 600;margin-bottom: 5px;}
.cond-left-sub {font-size: 14px;}
.cond-left-overside {font-size: 40px;font-weight: 600;}
.cond-right {width: 50%;text-align: center;}
.cond-right-h {font-size: 17px;font-weight: 600;margin-bottom: 5px;}
.cond-right-sub {font-size: 14px;}
.cond-right-overside {font-size: 40px;font-weight: 600;}
.box-track-policy-right{width: 100%;float: left;padding: 30px 45px; border: 1px solid rgb(112 112 112 / 20%);height: 100%;}
.box-cond-right-title{font-size: 20px;color: #16478E;font-weight: 500;}

.txt-content-p{width: 100%;float: left;}
.tag-tel{font-size: 26px;text-decoration: none !important;}
.tag-tel span:first-child{margin-right: 10px;}
.call-cen{margin: 0 20px;display: inline-block;}

.box-track-detail{width: 100%;float: left;border-right: 1px solid rgb(112 112 112 / 20%);height: 100%;}
.track-detail-h{font-size: 20px;font-weight: 500;color: #16478E;  margin-left: 18px; }
.box-track-detail .delivery-detail{padding-left: 20px;padding-top: 15px;}

.box-tracking-step {width: 100%;float: left;padding-left: 100px;}

.box-tracking-step ul {position: relative;}
.box-tracking-step ul> li {display: flex;position: relative; flex-direction: column;}

.box-tracking-step ul li::before {content: "";position: absolute;width: 1px;height: 100%;background-color: rgb(22 71 142 / 20%);top: 5px;left: -50px;}
.box-tracking-step ul li:last-child::before{content: none;}
.box-tracking-step ul> li::after {content: "";position: absolute;left: -56px;top: 5px;width: 14px;height: 14px;background-color: rgb(211 222 237);border-radius: 100%;}
.box-tracking-step ul li.active::after{left: -61px;top: 5px;width: 24px;height: 24px;background-color: #55C3B7;}
.track-time {width: 30%;font-size: 14px;}
.track-time  span{font-weight: 500;}
.box-tracking-step ul li.active .track-time  span{color: #16478E;}
.track-detail {width: 70%;padding-bottom: 10px;}
.track-detail-title {width: 100%;font-size: 16px;color: #1D0606;font-weight: 500;}
.box-tracking-step ul li.active .track-detail-title { color: #55C3B7;}
.track-detail-p {width: 100%;font-size: 14px;color: #393939;}

.box-track-foot {width: 100%;padding: 15px 20px;background-color: #F5F5F5;display: flex;justify-content: space-between;margin-top: 60px;}
.box-track-des {display: flex;align-items: center;}
.box-track-des-h {color: #16478E;font-size: 17px;font-weight: 500;}
.box-track-des-p {font-size: 16px;margin-left: 20px;}
.group-item-review {width: 100%;float: left;text-align: end;margin-top: 20px;}


.list-review .thumb-profile-rigth .img-gallery-magnific{width: 100%;}
.list-review .magnific-img{width: 80px;}
.list-review .magnific-img img{width: 80px;}
.list-review .thumb-profile-img{margin-right: 10px;}
.list-review .thumb-body{padding-top: 7px;}


.box-review-product {width: 100%;display: flex;align-items: center;justify-content: flex-end;}
.review-product-img {width: 80px;}
.review-product-img img{width: 100%;float: left;}
.review-body {text-align: left;}
.review-title {width: auto;font-size: 14px;}

.box-review-info {width: 100%;float: left;display: flex;padding-right: 20px;}
.box-review-info-img {width: 120px;}
.box-review-info-cont {width: calc(100% - 120px);}
.box-review-info-h {width: 100%;float: left;font-size: 17px;color: #000000;font-weight: 600;margin-bottom: 5px;}
.box-review-info-p {width: 100%;float: left;color: #393939;font-size: 14px;margin-bottom: 5px;}
.box-review-info-color {width: 100%;float: left;color: #393939;display: flex;align-items: center;margin-bottom: 5px;}
.box-review-info-color span {margin-right: 5px;}
.color-circle {width: 20px;height: 20px;border: 1px solid rgb(196 196 196 / 60%);border-radius: 100%;margin-left: 10px;}
.box-review-info-price {width: 100%;float: left;font-weight: 600;font-size: 17px;color: #16478E;}

.counterW {margin:0 0 0 60px;}
.ratingW {position:relative; margin:10px 0 0;}
.ratingW li {display:inline-block; margin:0px;}
.ratingW li a {display:block; position:relative; /*margin:0 3px;  width:28px; height:27px;color:#ccc; background:url('../img/ico/icoStarOff.png') no-repeat; background-size:100%;*/}
/*.ratingW li.on a {background:url('../img/ico/icoStarOn.png') no-repeat; background-size:100%;}*/

.star {position: relative;display: inline-block;width: 36px;height: 36px;background-image: url(../img/skin/star-o-white.svg);background-repeat: no-repeat;background-size: 36px;}
.ratingW li.on .star {position: relative;display: inline-block;width: 36px;height: 36px;background-image: url(../img/skin/star.svg);background-repeat: no-repeat;background-size: 36px;}
.message-counter{color: rgb(29 6 6 / 10%);position: absolute;bottom: 10px;right: 10px;font-size: 14px;font-weight: 500;}

.group-add-img-review{width: 100%;float: left;margin-top: 20px;}

.img-thumb-wrapper {display: inline-block;margin: 0;float: left;width: 120px;height: 93.73px;margin-right: 20px;border: 0;margin-bottom: 15px;}
.img-thumb {max-height: 93.73px;border-radius: 3px;padding: 1px;cursor: pointer;width: 120px;height: 93.73px;object-fit: cover;}
.remove {cursor: pointer;width: 20px;height: 20px;position: absolute;top: -10px;right: -10px;}
.remove img,.remove svg{width: 20px;height: 20px;}
.box-review-form{width: 100%;float: left;}
.box-review-form .box-form-check label:not(.title){line-height: normal;}
.box-add-img-review {width: 120px;border: 2px dashed #E0E0E0;text-align: center;padding: 20px;float: left;}
.box-add-img-review a {font-size: 13px;color: #55C3B7;font-weight: 500;}
a.add-more-img span {width: 100%;float: left;}
a.add-more-img span svg, a.add-more-img span img{width: 25px;}

.popup-add-img-review .dropify-wrapper .dropify-message span.file-icon {font-size: 60px;color: #55C3B7;    position: relative; top: -20px;}
.popup-add-img-review .dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before{font-weight: bold;}
.popup-add-img-review .box-form{padding-top: 0;}
.popup-add-img-review .box-form-scroll{margin-left: 0;padding: 0;}
.popup-add-img-review  .popup-container {width: 630px;height: auto;position: absolute;top: 50%;left: 50%;margin-left: 0;transform: translateY(-50%);-webkit-transform: translate(-50%,-50%);background-color: #fff;padding: 40px;}
.popup-add-img-review  .box-form-scroll{    margin-bottom: 0;padding: 0;width: 100%;}
.popup-add-img-review  .box-form {width: 100%;float: left;padding-top: 0;}
.popup-add-img-review  .dropify-wrapper{    height: 282px !important;width: 100%;border: 2px dashed #E5E5E5;}
.popup-add-img-review  .dropify-wrapper .dropify-message p{font-family:'IBM Plex Sans Thai', sans-serif ;font-size: 20px;font-weight: 500;color: #16478E;}
.popup-add-img-review  .dropify-wrapper .dropify-message p span{font-size: 12px;color: rgb(57 57 57 / 30%);font-weight: 400;width: 100%;float: left;margin-top: 20px;}
.popup-add-img-review  .dropify-render img{object-fit: contain;}


.register-product {display: flex;align-items: center;justify-content: center;}
/* .txt-number-product{font-size: 32px;padding-right: 50px;position: relative;} */
.txt-number-product{font-size: 150%;padding-right: 50px;position: relative;}
.txt-number-product::before{content: "-";width: 8px;height: 100%;position:absolute;right: 25px;top: 50%;transform: translateY(-50%);color: #16478C;}
.tab-product-code .opt-content {    display: flex;flex-wrap: wrap;justify-content: center;}
.txt-content .f-17{font-size: 17px;}
.tab-install-code .opt-content {    display: flex;flex-wrap: wrap;justify-content: center;}

.box-form-check label.input-check{width: auto;margin-top: 5px;}

.box-product-register{width: 100%;float: left;border: 1px solid #E0E0E0;padding: 20px 30px 30px;}
.product-register-h{font-size: 20px;width: 100%;float: left;color: #16478E;font-weight: 600;}
.product-register-img{width: 100%;text-align: center;float: left;}
.product-register-detail-list{display: flex;flex-wrap: wrap;width: 100%;}
.product-register-detail-item{width: 50%;float: left;}
.product-detail-item-title{font-size: 14px;width: 100%;float: left;color: #393939;font-weight: 600;}
.product-detail-item-p{width: 100%;float: left;font-size: 14px;color: #393939;}
.product-detail-item-p.bold-up{font-size: 17px;font-weight: 600;color: #16478E;}

.icon-json{width: 80px;}
.icon-json.center{margin: 0 auto;}

.product-slide-tab{width: 100%;float: left;padding: 40px 0;}
.box-product-list {padding: 20px;background-color: #fff;border: 1px solid #D5D5D5;border-radius: 12px;margin-bottom: 10px;}
.box-product-list.active{background-color: rgb(35 71 137 / 20%);border-color: #234789;}


.my-product-detail{width: 100%;float: left;}
.box-my-product{width: 100%;display: flex;}
.box-my-product-img{width: 50%;text-align: center;}
.box-my-product-cont{width: 50%;}
.my-product-h{font-size: 20px;width: 100%;float: left;color: #16478E;font-weight: 600;}
.my-product-img{width: 100%;text-align: center;float: left;}
.my-product-detail-list{display: flex;flex-wrap: wrap;width: 100%;}
.my-product-detail-item{width: 50%;float: left;}
.my-product-detail-group{width: 100%;float: left;margin-bottom: 20px;}
.my-product-detail-item-title{font-size: 14px;width: 100%;float: left;color: #393939;font-weight: 600;}
.my-product-detail-item-p{width: 100%;float: left;font-size: 14px;color: #393939;}
.my-product-detail-item-color{width: 100%;float: left;font-size: 14px;color: #393939;display: flex;align-items: center;}
.my-product-detail-item-color .color-box{border: 1px solid #C4C4C4;width: 20px; height: 20px ;border-radius: 100%;margin-left: 10px;}
.my-product-item-p.bold-up{font-size: 17px;font-weight: 600;color: #16478E;}


.percent-exp{width: 100%;border-radius: 100px;background-color: #F1F1F1;height: 8px;margin-top: 30px;margin-bottom: 10px; display: flex;align-items: center;position: relative;}
.exp-per{height: 100%;position:absolute;left: 0;}
.exp-per:last-child{border-right: 0;}

.exp-per.exp-1{height: 100%;z-index: 4;}
.exp-per.exp-2{height: 100%;z-index: 3;}
.exp-per.exp-3{height: 100%;z-index: 2;}
.exp-per.exp-4{height: 100%;z-index: 1;}

/* .exp-per span{overflow: hidden;height: 100%;float: left;} */
.exp-per.exp-1 {background-color: #A6DDD7;border-radius: 100px  0  0 100px ;}
.exp-per.exp-2 {background-color: #F5F087;border-radius:0;}
.exp-per.exp-3 {background-color: #ECB47C;border-radius:0;}
.exp-per.exp-4 {background-color: #D7917C;border-radius: 0 100px 100px 0 ;}
.exp-line{position:absolute;width: 25%;height: 100%;border-right: 1px solid #FBFBFB;z-index: 5;}
.exp-line-1{left: 0%;}
.exp-line-2{left: 25%;}
.exp-line-3{left: 50%;}
.exp-line-4{border-right: 0;}
.exp-per.exp-1.active{border-radius: 100px;}
.exp-per.exp-2.active{border-radius:  0 100px 100px 0 ;}
.exp-per.exp-3.active{border-radius:  0 100px 100px 0 ;}
.exp-per.exp-4.active{border-radius:  0 100px 100px 0 ;}
.box-percent-exp{position: relative;}
.exp-count-m{position:absolute;left: 0;top: -25px;font-size: 12px;}
/* .exp-per.exp-1.active{background-color: #55C3B7;border-radius: 100px  0  0 100px ;}
.exp-per.exp-2.active{background-color: #F2E917;border-radius:0;width: 50%;}
.exp-per.exp-3.active{background-color: #E07101;border-radius:0;}
.exp-per.exp-4.active{background-color: #B72A00;border-radius: 0 100px 100px 0 ;} */

.thumb-cal-exp{cursor: pointer;}
.thumb-cal-exp .thumb-txt-h {font-size: 14px;}
.thumb-txt-price {font-size: 23px;color: #16478E;font-weight: 500;}
.thumb-txt-price span {font-size: 14px;color: #C9C9C9;text-decoration: line-through;}
.thumb-txt-p {font-size: 14px;font-weight: 500;color: #1D0606;}
.thumb-txt-date {font-size: 14px;color: #1D0606;}
.percent-p {font-size: 12px;color: #1D0606;text-align: center;}
.percent-p span {font-weight: 500;font-size: 16px;margin-left: 5px;}
.box-warning {transition: all ease .5s;opacity: 0;pointer-events: none; width: 100%;border: 1px solid #F0F0F0;padding: 10px;font-size: 14px;font-weight: bold;color: #B72A00;text-align: center;position: relative;background-color: #fff;border-radius: 7px;}
.box-warning::before{content: "";position:absolute;top: 29px;left: 50%;transform:  translateX(-50%) rotateZ(45deg);z-index: 2;width: 0;height: 0;border-style: solid;border-width: 0 0 27px 27px;border-color: transparent transparent #fff transparent;}
.box-warning::after{content: "";position:absolute;top: 30px;left: 50%;transform:  translateX(-50%) rotateZ(45deg);z-index: 1;width: 0;height: 0;border-style: solid;border-width: 0 0 28px 28px;border-color: transparent transparent#F0F0F0 transparent;}
.thumb-cal-exp:hover .box-warning{opacity: 1;pointer-events:all;}



.my-product-detail-bg{background-image: url(../img/my-account/my-account-banner-d.jpg);background-repeat: no-repeat;background-size: cover;background-position:right top;}

.box-noti-change {width: 100%;float: left;}
.box-noti-change-title {display: flex;align-items: flex-start;justify-content: space-between;}
.box-noti-change-left {width: 100%;float: left;}
.box-noti-change-h {font-size: 20px;font-weight: 600;color: #16478E;}
.box-noti-change-p {font-size: 14px;color: #393939;}
.box-noti-change-right{width: 100%;float: left;display: flex;align-items: flex-start;justify-content: flex-end;}
.box-noti-change-right a{margin-top: 0 !important;}


.box-noti-change-item-left {width: 70%;float: left;position: relative;}
.box-noti-change-item-h {font-size: 14px;color: #1D0606;font-weight: 600;display: flex;align-items: center;}
.box-noti-change-item-h span {font-size: 32px;color: #16478E;font-weight: 500;margin: 0 5px;}
.box-noti-change-item {width: 100%;float: left;display: flex;align-items: center;}
.box-noti-change-item-step {width: 100%;float: left;position: relative;}
.box-noti-change-item-step ul {width: 90%;float: left;display: flex;align-items: center;justify-content: space-between;position: relative;}
.noti-chang-item-warning {width: 100%;float: left;font-size: 12px;font-weight: 500;color: #16478E;}

.noti-chang-item-warning span {font-weight: 600;color: #55C3B7;}

.box-noti-change-item-right {width: 30%;float: left;}
.box-noti-change-item-right-h {width: 100%;float: left;color: #16478E;font-size: 17px;font-weight: 500;}

.box-noti-change-item-right-p {width: 100%;float: left;color: #1D0606;font-size: 14px;}
.box-noti-change-item-step ul li {width: 25%;text-align: end;position: relative;}
.box-noti-change-item-step ul li.noti-item-active{z-index: 4;position: relative;}
.box-noti-change-item-step ul li.noti-item-active img {position: relative;top: 0;right: -60px;left: auto;z-index: 10;}
.noti-chang-item-warning {width: auto;float: left;font-size: 12px;font-weight: 500;color: #16478E;position: absolute;bottom: 70px;text-align: center;left: 50%;transform: translateX(-80%);}


.box-noti-change-item-step ul li::after{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);background-color:transparent ;height: 6px;width: 0;border-radius: 100px;z-index:2;}
.box-noti-change-item-step ul li.active::after{background-color:#55C3B7 ;width: 100%;}
.box-noti-change-item-step ul li img{position: relative;left: 10px;top: -50px;}
.box-noti-change-item-step ul li:not(.noti-item-active) img{position: relative;opacity: 0;pointer-events: none;}
.box-noti-change-item-step ul::before{content: "";position: absolute;width:calc(100% );height: 6px;border-radius: 100px;background-color: #EBEBEB;top: 50%;left: 0;transform: translateY(-50%);z-index: 2;}
.box-noti-change-item-step ul li:not(.noti-item-active)::before {content: "";background-image: url(../img/my-account/filter-bg.png);width: 28px;height: 47px;position: absolute;background-repeat: no-repeat;background-size: 28px 47px;background-position: center;right: 0;top: 50%;transform: translateY(-150%);}
.box-noti-change-item-step ul li:not(.noti-item-active).active img{opacity: 1;pointer-events:all;}
/* .box-noti-change-item-step ul li.a */
.box-noti-change-item-step ul li span{width: 28px;height: 28px;background-color: #EBEBEB;position:absolute;border-radius: 100px;top: 50%;transform: translateY(-50%);right: 0;font-size: 14px;text-align: center;display: flex;align-items: center;justify-content: center;color: rgb(57 57 57 / 30%);z-index: 3;}
.box-noti-change-item-step ul li.active span{background-color: #55C3B7;color: transparent;}

.box-noti-change-item-step ul li span::before {content: "";width: 15px;height: 10px;position: absolute;z-index: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.box-noti-change-item-step ul li.active span::before{background-image: url(../img/my-account/check-white.svg);background-position: center;background-size: 15px 10px;background-repeat: no-repeat;}

.product-list{width: 100%;float: left;display: none;}
.product-list.active{display: block;}

.box-filter .select .dropdown button.dropdown-button{
  border: 1px solid #E0E0E0;
}

.flex{
  display: flex;
}

.jc-c{
  justify-content: center;

}

.footer-but{
  font-size: 1vw;
}
/* .txt-content p span{
  display: inline-block;
} */

.concent_2 .validate{display: none;}
.concent_2.error .validate{display: block;}

.has-danger .form-control {
  border-color: #ef5350 !important;
}

.has-danger .form-control-danger {
  background-image: url(../../assets/images/icon/danger.svg);
}

.form-control-danger, .form-control-success, .form-control-warning {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  -webkit-background-size: 1.125rem 1.125rem;
  background-size: 1.125rem 1.125rem;
}

.w-30{
  width: 30%;
}

.col-gap-1{
  column-gap: 1vw;
}

.br-b-blue{border-bottom: 1px solid rgb(22 71 142 / 20%);}
.pd-120{padding: 120px 0;}
.pd-100{padding: 100px 0;}
.pd-80{padding: 80px 0;}
.pd-60{padding: 60px 0;}
.pd-50{padding: 50px 0;}
.pd-40{padding: 40px 0;}
.pd-30{padding: 30px 0;}
.pd-20{padding: 20px 0;}
.pd-10{padding: 10px 0;}

.pd-t-80{padding-top: 80px;}
.pd-t-60{padding-top: 60px;}
.pd-t-50{padding-top: 50px;}
.pd-t-40{padding-top: 40px;}
.pd-t-30{padding-top: 30px;}
.pd-t-20{padding-top: 20px;}
.pd-t-10{padding-top: 10px;}

.pd-b-100{padding-bottom: 100px;}
.pd-b-80{padding-bottom: 80px;}
.pd-b-70{padding-bottom: 70px;}
.pd-b-60{padding-bottom: 60px;}
.pd-b-40{padding-bottom: 40px;}
.pd-b-30{padding-bottom: 30px;}
.pd-b-20{padding-bottom: 20px;}
.pd-b-10{padding-bottom: 10px;}
.pd-lr-20{padding: 20px;}


.md-t-10{margin-top: 10px;}
.md-t-20{margin-top: 20px;}
.md-t-30{margin-top: 30px;}
.md-t-40{margin-top: 40px;}
.md-lr-20{margin:0 20px;}
.md-lr-10{margin:0 10px;}

.md-b-40{margin-bottom: 40px !important;}
.md-b-30{margin-bottom: 30px !important;}



.dropdown .dropdown-menu ul.dropdown-menu.inner.show{
  max-height: 300px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media (max-height: 880px){
  .popup-edit-address .popup-body {max-height: 460px;}
  .popup-edit-address-login .popup-body {max-height: 460px;}
  .popup-edit-tax-invoice .popup-body {max-height: 460px;}
  .popup-add-tax-invoice .popup-body {max-height: 460px;}
  .popup-add-tax-invoice-login .popup-body {max-height: 460px;}
  .box-form-scroll{max-height: 400px;}
  .popup-edit-profile .box-form-scroll { max-height: 400px;}
  .popup-add-address .popup-body {max-height: 460px;}
  .popup-add-address-login .popup-body {max-height: 460px;}
}

@media (max-height: 690px){
  .popup-edit-address .popup-body {max-height: 300px;}
  .popup-edit-address-login .popup-body  {max-height: 300px;}
  .popup-edit-tax-invoice .popup-body {max-height: 300px;}
  .popup-add-tax-invoice .popup-body {max-height: 300px;}
  .popup-add-tax-invoice-login .popup-body {max-height: 300px;}
  .tab-register .box-form-scroll{max-height: 220px;}
  .popup-edit-profile .box-form-scroll {max-height: 380px;}
  .popup-add-address .popup-body {max-height: 380px;}
  .popup-add-address-login .popup-body {max-height: 380px;}
  
}


@media (min-width: 2400px){
  .container-1360{max-width:2240px;}
  
}


@media (min-width: 1599.98px){
  .box-banner-overlay.cpst-y .box-overlay-img img {position: relative;left: -100px;}
  .box-banner-overlay.cpst-y .ohm-img-align img {position: relative;left: -100px;}
}
@media (min-width: 767.98px){
  .group-feature .row>*{padding: 0;} 
}

@media (max-width: 2240.98px){
  .txt-content.pd-40.pd-md-lr-20.progress-title-edit { padding-left: 11em;}
  h3.front-certificate-description-text{
    font-size: 1.3em !important;
  }
}



@media (max-width: 1899.98px){
  .container-1360 { max-width:1580px;}
  .banner-pagination{bottom: 25%;}

  .txt-content.pd-40.pd-md-lr-20.progress-title-edit { padding-left: 8em;}
}

@media (max-width: 1799.98px){
  .txt-content.pd-40.pd-md-lr-20.progress-title-edit { padding-left: 5em;}
}

@media (max-width: 1699.98px){
  .container-1360 { max-width:1480px;}
}

@media (max-width: 1599.98px){
  .container-1360 { max-width:1380px;}

  .banner-pagination{bottom: 20%;}
}

@media (max-width: 1499.98px){
  .container-1360 { max-width:1280px;}
  .box-imgbg img{width: 80%;}

  .group-sub{    padding:2em 1019.4em 0em}
  .content-abs{transform: translateY(50%);}
  .content-abs.center-bottom{    bottom: 60px;}

  .hero-banner-item .content-abs {left: 50px;}
  .box-banner-overlay.cpst-y .box-overlay-img img{transform: translateX(-22%);}

  .sec-promotion .content-abs{transform: translateY(60%);}
  .sec-promotion .banner-pagination{bottom: 15%;}
  .sec-promotion .con-img{width: 60%;}

  .box-menu > ul:not(.dropdown-menu) > li > a{margin-right: 30px;}
  .group-sub ul.sub-nav{min-width: 260px;    margin-right: 60px;}
  .group-sub ul.sub-nav li a.sub-menu{min-width: 190px;}

  .sec-certificate.sec-banner-item .item-content{padding-left: 6em;width: calc(50% + 6em);}

  /* .group-sub::before{height: calc(100% - 39px);} */
  img.bg-sub-menu{height: calc(100% - 38px);}

  .box-promote-group .box-promote-title{font-size: 14px;}

  .txt-content.pd-40.pd-md-lr-20.progress-title-edit { padding-left: 6em;}
  .txt-content.progress-title-edit h2{font-size: 1.9em;}
}
@media(min-width:1024.08px) {
  .box-card-text{
    position: absolute;
    /* bottom: 0px; */
  }
}
@media (max-width: 1440.98px){  
  .container-1360 { max-width:1280px;}
  .txt-content.pd-40.pd-md-lr-20.progress-title-edit { padding-left: 4em;}
  .hl-title  { font-size: 1em;}
  .txt-content h1, .txt-content .h1 { font-size:1.8em;}
  .txt-content h2, .txt-content .h2 { font-size:1.6em ;}
  .txt-content h3, .txt-content .h3 { font-size:1.4em;}
  .txt-content h4, .txt-content .h4 { font-size:1.25em;}
  .txt-content h5, .txt-content .h5 { font-size:1.0625em;}
  .txt-content h6, .txt-content .h6 { font-size:1em;}
  /* h3.front-certificate-description-text {
    font-size: 0.9em;
  } */
  .box-menu ul:not(.m-menu-sub) .m-menu{font-size: 14px;}
  .group-sub ul.sub-nav{min-width: 240px;}
  /* .group-sub{padding: 2em 1022em 0em;} */
  /* .btn{padding: 0.7em 2em;} */
  /* .group-sub::before{height: calc(100% - 37px);} */
  /* .group-sub{padding: 2em 1016em 0em;} */
  .product-service .banner-wrap .content-abs .txt-content:nth-child(1){padding-bottom: 20px;}
  .custom-position{transform: translateY(-20%);}
  .product-service .banner-wrap .btn {font-size: 0.8em;}

  .banner-wrap .content-abs .txt-content:nth-child(3) img{width: 30%;}
  .box-card .card-title{font-size:1.225em ;}

  .box-card.text-incard .card-body{top: 40px;}

  .service-item{padding: 40px;}
  .service-item .front-service-title-text{
    font-size: inherit;
  }
  .service-item a {
    position: relative;
  }
  .service-item a img{
    position: absolute;
    right: 0;
    top:10px;
  }
  /* .service-item:nth-child(1){
    padding: 30px 30px;
  } */
  /* .service-item:nth-child(2){ */
    /* padding: 30px;
  }
  .service-item:nth-child(3){
     align-items: flex-start !important;
  } */
  .box-menu{font-size: 0.8em;width: 78%;}
  /*.box-menu > ul:not(.dropdown-menu) > li > a{margin:0 20px 0 0 ;}*/

  .pure-filter button{min-width: 0;}
  .pure-filter .pure-filter-btn::before{right: 0;}
  .group-filter > ul > li > img{width: 50px;}
  .txt-opa{font-size: 14px;}

  .box-order-price .pure-filter button{min-width: 200px;}
  .box-order-price .pure-filter button {min-width: 300px;}

  .group-promote.box-order-price .pure-filter button {min-width: 180px;}
  a.btn.btn-filter{min-width: 130px;}
  .hl-title{font-size: 1.3em;}

  .footer .copyright{margin-top: 28px;}

  .sec-promotion .content-abs{transform: translateY(80%);}

  .box-imgbg img{width: 60%;}
  .sec-step-product .swiper-button-next, .sec-step-product .swiper-container-rtl .swiper-button-next{right: 10%;}
  .sec-step-product .swiper-button-prev, .sec-step-product .swiper-container-rtl .swiper-button-prev{left: 10%;}
}
@media (max-width: 1440px) { 
  .thumb-review .thumb-subtitle {width: 76vh;} 
  .magnific-img img {width: 12%}
}

@media (max-width: 1359.98px){
  .box-card-text{
    /* position: absolute; */
    /* bottom: 0px; */
    padding: auto;
  }
	.container-1360 { max-width:1140px;}
  
  .group-sub{padding: 2em 1012em 0em; left: px;}
  .group-sub ul.sub-nav{min-width: 250px;}
  .group-sub ul.sub-nav li{margin-bottom: 5px;}
	.banner-ctm .txt-content h1, .banner-ctm .txt-content .h1{font-size: 2.4em;}
  .content-abs {transform: translateY(45%);}
  .thumb-tag{font-size: 12px;transform: translateX(30%);}

  .list-step-slide-content{font-size: 0.9em;}
  .box-imgbg img { width: 60%;}
  .comp-slide-fade-custom .banner-content{font-size: 0.9em;}
  a.btn.btn-filter{min-width: 120px;}

  .group-search-dealer input{padding: 0.5em 2em 0.5em 1em;}
  .box-search-dealer .pure-filter .pure-filter-btn::before{right: 20px;}
  .box-search-dealer .pure-filter button.filter-btn-txt{padding:1.05em 2.4em 1.05em  1em;}
  .group-search-dealer .btn{padding-top: 0.56em;padding-bottom: 0.56em;}
  .box-search-dealer .pure-filter ul{top: 45px;}

  .content-abs.center-bottom{    bottom: 40px;}

  .thumb-hoz.thumb-lr .thumb-txt{padding: 0 5em;}

  .sec-about-gobal .content-abs  .txt-content{font-size: 0.8em;}

  .sec-promotion .content-abs{transform: translateY(70%);}


  .hero-banner-item .content-abs{transform: translateY(-40%);}
  .sec-about-gobal.sec-banner-item .item-content{width: 45%;}

  .group-filter > ul > li{padding: 10px 20px 10px 0;}
  .group-filter .box-filter h3{font-size: 16px;}


  .box-menu > ul{padding-left: 30px;}
  .box-menu > ul:not(.dropdown-menu) > li > a{ margin: 0 25px 0 0;}

  .box-promote-group .box-promote-title{font-size: 11px;}

  .box-menu > ul:not(.dropdown-menu) > li > a{font-size: 14px;}
  .box-menu > ul.m-menu-sub > li > a:not(.tel){font-size: 11px;}
  .box-menu > ul.m-menu-sub > li > a.tel{font-size: 16px;}

  .group-sub ul.sub-nav{min-width: 220px;}
  /* .group-sub{padding: 2em 1030em 0em;} */

  .txt-content.pd-40.pd-md-lr-20.progress-title-edit { padding-left: 3em;}
  .txt-content.progress-title-edit h2{font-size: 1.6em;}

  /* .btn{padding: 0.7em 1em;} */

  .thumb-dealer{padding: 20px 20px 20px 40px;}
  .thumb-delaer-right{width: 40%;}
  .thumb-delaer-left{width: 60%;}
}

@media (max-width: 1199.98px){
  .container-1360 { max-width:960px;}
  .txt-content.pd-40.pd-md-lr-20.progress-title-edit{padding-left: 0;}

  .box-menu > ul:not(.dropdown-menu) > li > a{font-size: 14px;}
  .box-menu > ul.m-menu-sub > li > a{font-size: 12px;}

  
  .txt-content.progress-title-edit h2{font-size: 1.4em;}
  .box-logo{width: 70px;}
  .box-menu > ul{padding-left: 10px;}
  .box-menu {font-size: 0.7em;}
  .bgs-tr .header-button svg {width: 15px;height: 15px;}
  .header-button svg {width: 15px;height: 15px;}

  .banner-ctm .txt-content h1, .banner-ctm .txt-content .h1{font-size: 2em;}
  .banner-ctm  .content-abs .pd-b-70{padding-bottom: 30px;}
  .group-sub::before{content: "";height: calc(100% - 18px);}
  img.bg-sub-menu{height: calc(100% - 19px);}
  .group-sub ul.sub-nav{    margin-top: 20px; margin-bottom: 20px;min-width: 200px;margin-right: 30px;}
  .banner-wrap .content-abs .txt-content:nth-child(3){padding: 20px 0;}
  .group-sub ul.sub-nav li a.sub-menu{min-width: 170px;}
  .accor-head-topic{width: calc(100% - 30px);}
  .box-card.text-incard .card-body{padding: 0 20px;}
  .sec-review.pd-80{padding: 40px 0;}
  .sec-standard{transform: translateY(30px);}

  /* .thumb-img{padding-bottom: 20px;} */

  .custom-position{transform: translateY(-40%);}

  /* .service-item{ padding: 30px 10px;} */

  .popup-video .popup-container{     margin-left: -440px;   width: 860px;}

  .product-slide .thumb-img { padding-bottom: 20px;}
  .product-slide .thumb-img img{height: 100%;width: 100%;float: left;}
  .product-slide .thumb-img .thumb-txt-ontop{bottom: 0;min-height: 63px;font-size: 0.9em;}
  .product-slide .thumb-inhover {height: 100%;}
  .product-slide .thumb-inhover img {height: 100%;object-fit: cover;}
  .product-slide .thumb-img .btn {padding: 0.6em 1em;min-width: 140px;font-size: 0.9em;}
  .product-slide .thumb-img .txt-price{margin-bottom: 0;}

  .group-filter{padding-bottom: 30px;}
  .group-filter > ul{flex-wrap: wrap;}

  

  .list-step-slide-content .step-item-content span{width: 30px;height: 30px;}
  
  .list-step-slide-content .step-item-content.active span{width: 30px;height: 30px;}
  .list-step-slide-content{font-size: 0.8em;}
  .box-imgbg img{width: 50%;}
  .box-overlay-img img{width: 70%;}

  .box-fillter-review{flex-wrap: wrap;}
  .box-fillter-review p:first-child{order: 1;}
  .box-filter-btn {width: 100%;order: 3;display: flex;justify-content: space-between;margin-top: 10px;}
  .box-fillter-review .btn.btn-icon:last-child{order:2;}

  .group-search-dealer .btn{min-width: 160px;}



  .sec-search .banner-wrap picture img{min-width:  150%;}


  .txt-content p{font-size: 14px;}
  .thumb-hoz.thumb-lr .thumb-txt{padding: 0 2em 0 5em;}
  .sec-certificate .content-abs.content-abs-cl {left: 12%;}
  .sec-review .thumb-hoz.thumb-lr .thumb-txt{padding: 0 2em;}
  .sec-review  .thumb-hoz.thumb-lr .thumb-group{align-items: flex-start;}


  .group-filter > ul > li{padding: 10px 20px 10px 0;}
  .group-filter.pure-fillter-box img { width: 60px;}
  .box-order-price .pure-filter button { min-width: 200px;}


  .box-tab.tab-ads{overflow-x: scroll;}
  .box-tab.tab-ads ul{justify-content: flex-start;}

  .sec-search .box-tab.tab-ads ul{justify-content: center;}

  .group-product .pure-fillter-box{    flex-wrap: wrap;}
  .group-filter > ul{justify-content: space-between;}
  .group-filter.pure-fillter-box a.txt-opa {width: 100%;margin-top: 20px;text-align: right;}
  .group-filter > ul > li:last-child{margin-right: 0;}
  .pure-filter button{min-width: 130px;}

  .sec-promotion .content-abs{transform: translateY(40%);}


  .thumb-ver .thumb-txt-title .thumb-txt-h{width: 65%;}
  .thumb-ver .thumb-txt-p{width: 50%; }
  .thumb-ver .thumb-txt-discount {width: 50%;}
  .thumb-ver .thumb-txt-price{width: 35%;}


  .sec-banner-item .item-content{width: 40%;}
  .sec-banner-item .item-img{width: 60%;}
  .sec-banner-item .item-content .cer-logo{width: 70%;}

  .group-filter > ul > li{width: calc(25% - 20px);}

  .box-imgbg{    width: 20%;}
  .box-imgbg img{width: 100%;}
  .imagebanner-text { width: 50%;}
  /* .comp-slide-fade-custom .banner-content{padding: 0 5em;} */
  .comp-slide-fade-custom .banner-content{padding: 0;}
  .sec-step-product .swiper-button-next, .sec-step-product .swiper-container-rtl .swiper-button-next{right: 5%;width: 40px;}
  .sec-step-product .swiper-button-prev, .sec-step-product .swiper-container-rtl .swiper-button-prev {left: 5%;width: 40px;}

  .box-menu > ul:not(.dropdown-menu) > li > a{ margin: 0 20px 0 0;}
  .group-sub::before{height: calc(100% - 36px);}
  img.bg-sub-menu {height: calc(100% - 37px);}
  .group-sub{padding-top: 3em;}

  .subnav-list a{min-width: 150px;max-width: 156px;}

  .sec-info .thumb-icon .txt-content p{font-size: 16px;}
  .sec-info .thumb-icon .txt-content span{font-size: 12px;}
  .txt-model{font-size: 1em;}

  .sec-banner-normal .item-content{padding: 0 0 0 6em;}

  .group-promote{flex-wrap: wrap;justify-content: flex-end;}
  .box-ads-promote{width: 100%;margin-right: 0;margin-bottom: 20px;}
  .box-menu > ul.m-menu-sub > li > a.tel{font-size: 14px;}

  .box-btn-foot {width: 100%;display: flex;}
  .btn-foot{margin-right: 20px;}

  .dealer-list{width: calc(100% - 10px);padding-right: 10px;}
  .thumb-dealer{padding: 20px 0 20px 40px;}
  a.thumb-delaer-btn span.dealer-btn-circle{width: 40px;height: 40px;}
  span.dealer-btn-circle svg {width: 20px;height: 20px;}
  a.thumb-delaer-btn span.dealer-btn-txt{font-size: 14px;}
  .box-dealer-title{width: 50%;}
  .btn-dealer-filter{width: 50%;}
}

@media (max-width: 1024px) { 
  .magnific-img img {width: 12%}
}

@media (max-width: 991.98px) {
  /* .container-1360 { max-width:720px;} */
    /*
	 |*******************************************************************************************
	 | HEADER
	 |*******************************************************************************************
	*/
  .txt-content .cer-logo {
    padding-top: 0px;
  }
  .g-w-m-100 { width: auto!important; }
  .header-button svg {width: 20px;height: 20px;}
	.sec-header .container { max-width:none;}
	.box-logo img ,.box-logo svg{ height: 50px;width: 50px;margin: 10px 0;}
  .bgs-tr .header-button svg{width: 20px;height: 20px;}
  .content-abs.center-bottom{bottom: 10px;}
	.btn-menu { display:flex;top: 32px;}
  .bgs-tr .box-menu > ul:not(.dropdown-menu) > li > a{color: #16478E;}
  .box-tab.tab-ads{margin-top: 20px;}

  .box-menu > ul.m-menu-sub:not(.dropdown-menu) > li::before{content: none;}
  .box-menu > ul.m-menu-sub{margin-top: 20px;}
  .box-menu > ul.m-menu-sub:not(.dropdown-menu) > li a{padding:10px 50px 10px 20px ;}
  /* .box-menu > ul.m-menu-sub:not(.dropdown-menu) > li a.tel{display: none ;} */
  .m-tel {position: absolute;bottom: 0px;width: 100%;background-color: #55C3B7;color: #fff;font-size: 18px;float: left;left: 0;padding: 20px;z-index: 13;}
	.sec-menu { display:none;}
	.sec-menu { background-color:#2e292b; position:fixed; top:0px; left:0px; width:100%; height:100%; padding-top:50px;} 
	.sec-menu .container { max-width:none; padding-left:20px; padding-right:20px;}
	.box-menu  {position: fixed;top: 71px;left: 0;width: 100%;height: calc(100vh - 71px);background-color: #fff;overflow-y: scroll;display: none;}
	.box-menu ul { display:block; font-size:18px;float: left;position: relative;flex-wrap: wrap;}
	.box-menu > ul:not(.dropdown-menu) > li {width: 100%;text-align: left;position: relative;}
	.box-menu > ul:not(.dropdown-menu) > li::before	{content: "";width: calc(100% - 40px);position: absolute;bottom: 0;left: 50%;border-bottom: 1px solid #0000001a;transform: translateX(-50%);    z-index: 11;}
	.box-menu > ul:not(.dropdown-menu) > li a {margin-left: 0px;padding: 20px 50px 20px 20px;width: 100%;float: left;}
	.box-menu ul:not(.dropdown-menu) > li > a.active{background-color:  transparent;}
	.box-menu ul  li a.m-menu.has-sub::after {content: ">";position: absolute;right:15.5px; /*top: 50%;transform: translate(-50%,-50%); */}
  .box-menu > ul:not(.dropdown-menu) > li > a.m-menu.has-sub::after {content: ">";position: absolute;right:22px; /*top: 50%;transform: translate(-50%,-50%); */background-image: none;}
	/* .box-menu ul > li a.m-menu.has-sub::before {content: "";position: absolute;right: 28px;top: 50%;height: 16px;width: 3px;border-radius: 2px;background-color: #707070;transform: translate(-50%,-50%);transition: all ease .4s;} */
	.box-menu ul > li .group-sub{display: none;position: relative;opacity: 1;visibility: visible;  z-index: 10;padding:0;    top: auto;float: left;width: 100%;transition: none;}
	.box-menu ul > li .group-sub ul li{padding:1em 3em 1em 2em;}
	.box-menu ul > li.active .group-sub{display: block;}
	.group-sub::before{display: none;}
	.group-sub ul.sub-nav{width: 100%;margin-left:0;}
	.group-sub ul.sub-nav.active{background-color: rgba(0,0,0,.1);}
	.group-sub ul.sub-nav li.sub-menu-header {font-size: 16px;color: #5B4C4C;    padding-left: 80px;    margin-bottom: 0;}
	.group-sub ul.sub-nav::before{content: "";background-image: url('../img/skin/arrow-sub-menu.svg'); position: absolute;right: 20px;top: 50%;transform: translateY(-50%);background-size: 18px 18px;width: 18px;height: 18px;}
	.group-sub ul.sub-nav.active li.sub-menu-header::before{content: "";background-image: url('../img/skin/icon-arrow-right-y.svg'); position: absolute;left: 35px;top: 50%;transform: translateY(-50%);background-size: 30px 30px;width: 30px;height: 30px;}
	.group-sub ul li{display: none;}
	.group-sub ul li.sub-menu-header{display: block;}

	.overlay_background_wrapper{top: 48px;}

	.box-menu .sub-menu-clone {position: fixed;top: 77px;left: 100%;width: 100%;height: calc(100vh - 75px);background-color: #fff;z-index: 12; display: block;transition: transform 0.3s linear;}
	.box-menu .sub-menu-clone.show-menu {transform: translateX(-100%);transition: transform 0.3s linear;}
	.box-menu .sub-menu-clone > ul:not(.dropdown-menu){padding-top: 20px;position: relative;}
	.box-menu .sub-menu-clone > ul:not(.dropdown-menu) > li {width: 100%;text-align: left;position: relative;float: left;    padding: 1em 2em 1em 80px;position: relative;font-size: 16px;}
	.box-menu .sub-menu-clone > ul:not(.dropdown-menu) > li.sub-menu-header{color: #5B4C4C;font-size: 18px;}
	.box-menu .sub-menu-clone > ul:not(.dropdown-menu) > li a{margin-left: 0px;width: 100%;float: left;color: #16478E;text-transform: uppercase;font-weight: 500;}
	.box-menu .sub-menu-clone > ul:not(.dropdown-menu) > li a.active{}
	.box-menu .sub-menu-clone > ul:not(.dropdown-menu) > li a.active::after{content:"";position: absolute;width: 100%;height: 100%;left: 0;top: 0; background-color: #0000001a;    z-index: -1;}
	
	.sub-menu-clone ul.sub-nav li a.active::before{content: "";background-image: url('../img/skin/icon-arrow-right-y.svg'); position: absolute;left: 35px;top: 50%;transform: translateY(-50%);background-size: 30px 30px;width: 30px;height: 30px;}
	.sub-menu-clone ul.sub-nav.active li.sub-menu-header::before{content: "";background-image: url('../img/skin/arrow-sub-menu-left.svg'); position: absolute;left: 35px;top: 50%;transform: translateY(-50%);background-size: 18px 18px;width: 18px;height: 18px;}

	.back-menu {margin:0 20px; padding: 40px 25px 27px; text-align: left;font-size: 16px;font-weight: 500;    border-bottom: 1px solid #F8F8F8;position: relative;}
  .back-menu a{color: #16478E;position: relative;}
  .back-menu a::before{content: "";width: 10px;height: 24px;background-image: url(../img/skin/arrow-back.svg);background-repeat: no-repeat;background-size: 10px 20px; position: absolute;    left: -30px;top: 50%;transform: translateY(-50%);}
  .menu-clone {position: relative;width: 100%;float: left; border-bottom: 1px solid #E0E0E0;padding:20px;}
  .menu-clone ul li {position: relative;}
  .menu-clone ul li:not(.sub-menu-header)::before {content: ">";position: absolute;width: 10px;height: 13px;position: absolute;right: 19.5px; /*top: 50%;transform: translateY(-50%); */}
  .menu-clone .sub-nav {width: 100%;float: left;text-align: left;padding: 10px 0;display: flex;}
  ul.sub-nav li {margin-bottom: 20px;}
  .menu-clone .sub-nav li:not(.sub-menu-header) {width: 50%;font-size: 14px;}
  li.sub-menu-header {width: 100%;font-weight: 500;color: #16478E;}
  .box-menu .sub-menu-clone > ul:not(.dropdown-menu) > li{padding: 10px 20px;}
  .box-menu .sub-menu-clone > ul:not(.dropdown-menu){margin-top: 0;}

	.box-subnav .container-1440 { max-width: none; width: 100%; padding: 0;}


	.box-search { margin-right: 45px;}
	/* .header-button svg {width: 25px;height: 25px;} */
	.form-search-input .header-button{padding: 0;}
	.form-search-input .header-button svg{width: 30px;height: 30px;}
	.search_wrapper{position: fixed;top: 75px;left: 0;width: 100%;height: calc(100vh - 75px);background-color: #fff;overflow-y: scroll;padding: 0 20px;visibility: visible;opacity: 1;z-index: 10;pointer-events: auto;display: none;transition:none;}
	.search_wrapper .overlay_background_wrapper::before{display: none;}
	.overlay_background_wrapper{padding: 0;}
	.box-history{display: block;margin-top: 0;}
	.box-history ul { width: calc(100% - 37px);float: left;max-width: none;    margin-top: 30px;padding-bottom: 20px;    padding-left: 0;    margin-left: 37px;}
	.box-history ul:first-child{border-bottom: 1px solid;}
	.form-search-input{border: none;}


  .banner-wrap .content-abs .txt-content:nth-child(2) .btn{font-size: 0.86rem;}

  .content-abs { transform: translateY(25%);}
  .sec-standard {transform: translateY(40px);}
  .thumb-hoz.thumb-lr .thumb-txt{padding: 0 1em;}
  .thumb-icon img:first-child{width: 50px;}

  .box-card .card-title{font-size: 1em;}
  .card-txt{font-size: 1.5em;}
  .text-incard .btn{font-size: 1.5em;}

  .product-service .banner-wrap .content-abs .txt-content:nth-child(1){padding-bottom: 0;}

  .service-item{width: 50%;}
  .service-item{border-bottom: 1px solid rgb(22 71 142 / 40%);border-left: none;border-right: none;}
  .service-item:nth-of-type(1){border-left: none;border-right: 1px solid rgb(22 71 142 / 40%);}
  .service-item:nth-of-type(2){border-left: none;border-right: none;}
  .service-item:nth-of-type(3){border-left: none;border-right: 1px solid rgb(22 71 142 / 40%);}
  .service-item:nth-of-type(4){border-bottom:  1px solid rgb(22 71 142 / 40%);}
  .service-item:nth-of-type(5){border-left: none;border-right: 1px solid rgb(22 71 142 / 40%);border-bottom: 0;}

  .service-item:nth-of-type(6){border-bottom: 0;}

  .popup-container {width:90%; margin-left:0px; left:5%;}
	.popup-video .popup-container { width:90%; margin-left:0px; left:5%;}
  .popup-close {right: 0px;top: -40px;}
	.popup-event .popup-container { padding:10px;}
	.popup-event .popup-container .popup-body { margin-bottom:10px;}
	.video-space{height: 380px;}

  .order-track .popup-container{left: 50%;}

  .txt-content{font-size: 2.3vw}

  .product-slide .thumb-img { padding-bottom: 0;}
  .product-slide .thumb-img .thumb-txt-ontop{font-size: 1em;}
  .product-slide .thumb-img .btn {min-width: 200px;font-size: 1em;}

  .group-product .txt-model {font-size: 1em;}
  .thumb-abs .thumb-txt-ontop .txt-content{font-size: 1em;}
  .group-product .group-price .txt-price{font-size: 1.2em;width: 100% ;margin-bottom: 10px;}
  .group-product .group-price .txt-discount{font-size: 2vw;margin-left: 0;}
  /* .txt-discount-per{font-size: 2vw;} */


  .group-filter > ul > li{width: 48%;margin-right: 0;}
  .group-filter > ul > li:nth-of-type(1){margin-bottom: 15px;}
  .group-filter > ul > li:nth-of-type(2){margin-bottom: 15px;margin-right: 0;}
  .group-filter > ul > li:nth-of-type(3){margin-bottom: 15px;margin-right: 0;}
  .group-filter > ul > li:nth-of-type(4){margin-bottom: 15px;margin-right: 0;}
  .pure-filter button { min-width: 230px;}

  .col-6.col-md-6.col-lg-3 .border-r{ border-right: 0}

  .pd-md-20{padding: 30px 0;}

  .imagebanner-text{width: 100%;}
  .bg-step img{width: 160%;  max-width: 160%;}
  .comp-slide-fade-custom .banner-content{padding: 0 3em;font-size: 1.6vw;}
  .box-imgbg{width: 60%;}
  .box-imgbg img{width: 100%;}


  .product-wrap{flex-wrap: wrap;}
  .box-product{width: 100%;}
  .box-product-detail{width: 100%;    padding: 30px 40px;}
  .list-step-slide-content{     flex-wrap: wrap;   font-size: 1.6vw;    padding: 0 50px;}
  .list-step-slide-content .step-item-content{width: auto;justify-content: flex-start;margin-bottom: 10px;min-width: 210px;}
  .list-step-slide-content .step-item-content span{width: 40px;height: 40px;}
  .list-step-slide-content .step-item-content.active span{width: 40px;height: 40px;}

  .thumb-profile-rigth .img-gallery-magnific {width: 70%;}

  .box-review-point{    padding: 60px 0;}
  .box-filter-btn{flex-wrap: wrap;justify-content:center;}
  a.btn.btn-filter{min-width: 30%;margin-bottom: 10px;}
  a.btn.btn-filter:nth-of-type(3){margin-right: 0;}

  .box-search-dealer{flex-wrap: wrap;}
  .box-search-location{width: 100%; padding: 3em 1em;}
  .group-search-dealer{flex-wrap: wrap;}
  .box-search-dealer .box-filter{width: calc(50% - 5px);}
  .box-search-location .box-filter:first-child{padding-left: 0;margin-right: 5px;}
  .box-search-location .box-filter:last-child{padding-left: 0;margin-left: 5px;}
  .group-search-dealer .box-filter{margin-bottom: 10px}
  .group-search-dealer  input{margin-bottom: 10px;}
  .box-dealer .box-filter{width: 100%;}
  .box-dealer{width: 100%; padding: 3em 1em;}
  .group-search-dealer .btn{width: 100%;margin-left: 0;}

  .box-tab.tab-ads.under-line ul li .tab-btn{min-width: 140px;font-size: 0.9rem;}

  .hero-banner-item .content-abs{    transform: translateY(-50%);}
  .hero-banner-item.hero-banner-has-tab .content-abs{    transform: translateY(-30%);}
  .hero-banner-item.hero-banner-has-tab .con-img{    bottom: -20px;}
  .sec-about-gobal .content-abs.content-abs-cr{transform: translateX(-10%);    width: 50%;}

  .content-abs{left: 40px;}
  /* .banner-pagination .swiper-pagination{left: 30px;} */

  .sec-promotion .bg-banner{max-width: 130%;width: 130%;}


  .box-menu > ul:not(.dropdown-menu) > li > a{font-size: 16px;}
  .box-menu ul:not(.m-menu-sub) .m-menu{font-size: 16px;}
  .box-menu > ul.m-menu-sub > li > a{font-size: 14px;}
  .box-menu > ul.m-menu-sub > li > a:not(.tel){font-size: 14px;}


  .sec-certificate.sec-banner-item .item-content{padding-left: 4em;width: calc(50% + 4em);}

  /* .sec-review .thumb-hoz.thumb-lr .thumb-img{display: none !important;} */
  .sec-review  .thumb-hoz .thumb-txt{width: 100%;}
  .swiper-btn-stick{top: 0;}

  .sec-about-gobal.sec-banner-item .item-content{width: 46%;}

  .sec-step-product .swiper-button-prev, .sec-step-product .swiper-container-rtl .swiper-button-prev{left: 0;}
  .sec-step-product .swiper-button-next, .sec-step-product .swiper-container-rtl .swiper-button-next{right: 0;}
  .box-stick-top .close-stick-top img { width: 20px;}


  .box-subnav{display: none  !important;}
  .sec-scrollbar-progress-isreview{display: none;}
  .sec-certificate .thumb-icon {  margin-bottom: 20px;}

  .box-ads-promote{padding: 20px 20px;}
  .box-promote-group{flex-wrap: wrap;    align-items: baseline;}
  .box-promote-group .box-promote-title:first-child {border-right: 0;width: 100%;text-align: center;font-size: 20px;line-height: 1.4;margin-bottom: 10px;}
  .box-promote-group .box-promote-title {font-size: 14px;width: 33.33%;}
  .box-promote-group .box-promote-title span {display: block;text-align: center;}
  .box-promote-group .box-promote-title span small{font-size: 11px;margin-top: 5px;width: 100%;float: left;line-height: 1.4;}
  .box-promote-group .box-promote-title span img {margin-bottom: 10px;margin-right: 0;}


  .txt-content.progress-title-edit h2{font-size: 1.6em;}

  .box-btn-foot{display: block;}
  .btn-foot{margin-right: 0;width: 100%;}
  .btn-foot .btn{width: 100%;}
  .btn-foot .btn span{justify-content: center;}
  .footer.pd-80{padding-bottom: 20px;}
  

  .item-middle{flex-wrap: wrap;align-items: flex-end;}
  .sec-banner-item .item-content{width: 100%;}
  .sec-banner-item .item-img{width: 80%;padding: 0 20px; position: relative;margin: 0 auto;}
  .sec-banner-item.banner-fullwidth .item-content{width: 100%; position: relative;top: 30px;}
  .cont-position-center.sec-banner-item.banner-fullwidth  .item-content{top: 0;}
  .sec-banner-item .item-content .cer-logo {width: 40%;}
  .txt-content .cer-logo {
    padding-top: 20px;
    width: 50% !important;
  }

  .banner-pagination { position: relative;bottom: 10px;}
  .banner-pagination .swiper-pagination-bullet-active::before {content: "";width: 17px;height: 17px;border-radius: 100%;border: 1px solid #B8C9E3;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
  .center-bottom .banner-pagination .swiper-pagination {left: 50%;transform: translateX(-48%);}
  .banner-pagination .swiper-pagination-bullet {background: #B8C9E3;}
  .txt-title {font-size: 16px;}
  .txt-subtitle{font-size: 12px;}

  .sec-banner-item.banner-fullwidth .item-middle {align-items: center;}
  .btn{font-size: 14px !important;}
  .sec-standard .txt-content:first-child{padding-bottom: 40px;}
  .sec-standard  .thumb.thumb-hoz.thumb-lr.mb-0 .thumb-txt{padding-bottom: 50px;}
  .btn-icon svg, .btn-icon img{width: 16px;}
  .hero-banner.sec-banner-item .banner-ctm.box-banner .txt-content{font-size: 3vw;}
  /* .sec-banner-item.banner-fullwidth .item-content{    top: -130px;} */
  .box-card.text-incard{width: 100%;}

  .box-card .card-title {font-size: 2em;}
  .box-card.text-incard .card-body {padding: 0px 10vw;}
  /* .card-txt{font-size: 14px;} */
  /* .sec-about-gobal.sec-banner-item .item-content {width: 100%;}
  .sec-about-gobal.sec-banner-item .banner-h {padding-bottom: 6em;}
  .sec-about-gobal.sec-banner-item .banner-h {padding-bottom: 28vw;} */
  .hero-banner-has-tab.sec-banner-item .item-content {width: 100%; margin-top: 100px;}
  .hero-banner-has-tab.sec-banner-item .item-img {width: 90%;}
  .hero-banner-has-tab.sec-banner-item .item-img.product-model {max-width: 90%;}
  .item-img.promotion {max-width: 90%;}
  .item-img.index {max-width: 90%;}
  .sec-banner-normal .item-content {padding: 0 0 0 3em;}
  .sec-banner-normal .item-middle{align-items: center;}
  .sec-banner-normal .item-img{width: 40%;}
  .sec-auto-uvg.sec-banner-item.banner-fullwidth .item-middle{align-items: flex-end;} 
  .box-overlay-content{padding-left: 4vw;}
  .ohm-text-align{padding-left: 4vw;}
  .left.ohm-img-align{order: 1;}
  .content-abs.content-abs-cr{     width: 50%;   transform: translateX(10%);}

  .sec-promotion.sec-banner-item .item-img{width: 100%;}
  .sec-promotion .banner-pagination {position: absolute;bottom: 50%;left: 0;}
  .sec-promotion:not(.sec-banner-promotion) .item-middle {align-items: center;}
  .sec-promotion .banner-pagination .swiper-pagination {position: relative;}

  .box-popup .txt-content{font-size: 1.6vw;}

  .btn-banner-back{position: relative;bottom: 0;    margin-top: 20px;width: 100%;float: left;font-size: 16px;}
  .btn-banner-back span{justify-content: center;}

  .box-product-history{padding:0 0 20px;}
  .box-product-history .product-history-cont{padding: 0 20px;}
  .box-product-history .group-item-list{padding: 0 20px;}
  .box-product-history .group-order-btn{padding: 0 20px;}
  .box-product-history .order-summary{border-left:0 ;border-right: 0;}
  .order-list-map{order: 1;}
  .order-list-dealer{order: 2;}
  .dealer-filter-select { flex-wrap: wrap;}
  .dealer-filter-select .form-group{width: calc(50% - 10px);margin-bottom: 10px;}
  .dealer-filter-select .form-group:nth-of-type(2){margin-right: 0;}
  .dealer-filter-select .btn{width: calc(50% - 10px);margin-bottom: 10px;}
  .box-dealer-filter{margin-top: 30px;}

  .content-abs.content-abs-cr{top: 0;left: 0;align-items: baseline;padding: 20px;width: 100%;}
  .content-abs.content-abs-cr.cont-m-bt{align-items: flex-end;padding: 40px; height: auto;top: 50%;transform: translateX(0%);}
  .sec-howto-care .box-item{ transform: translateY(10%);}
  .sec-dealer.sec-banner-item.banner-fullwidth .item-content{top: 80px;}
  .thumb-hoz.thumb-lr .thumb-img {width: 100%; margin-right: 0;margin-bottom: 20px;}
  .thumb-hoz .thumb-txt{width: 100%; }
  .container-1360 { max-width: 540px; } 
  .sec-jingle .container-1360{
    max-width: 720px; 
  }
  .sec.sec-slide-progress .container-1360{
    max-width: 720px; 
  }
  .txt-content h1, .txt-content .h1 { font-size:28px;}
  .txt-content h2, .txt-content .h2 { font-size:26px ;}
  /* .txt-content h3, .txt-content .h3 { font-size:5.5vw;} */
  .txt-content h3, .txt-content .h3 { font-size:inherit;}
  .txt-content h4, .txt-content .h4 { font-size:5vw;}
  .txt-content h5, .txt-content .h5 { font-size:4.8vw;}
  .txt-content h6, .txt-content .h6 { font-size:4vw;}

  .sec-howto-care{transform: translateY(10%);}
  .banner-overlab .content-abs.content-abs-cl{padding: 40px 20px;height: auto;top: 15%;left: 0;}

  .pd-md-lr-20{padding:20px ;}
  @media (max-height: 880px){
    .popup-edit-profile .box-form-scroll { max-height: 490px;}
  }
}

@media (max-width: 768px) { 
  .thumb-review .thumb-subtitle {width: 84vh;}
  .magnific-img img {width: 15%;height: auto;}
  h3.front-certificate-description-text {
    font-size: 1.1em !important;
  }
}

@media (max-width: 767.98px) { 

  .item-content.pat-a.text-center.text-md-start{
    top: -150px !important;
  }


  .sec-banner-item.banner-fullwidth .item-content{top: -50px;}
  .sec-search.sec-banner-item.banner-fullwidth .item-content{top: 0px;}
  .sec-banner-item .item-img{width: 100%;padding: 0 20px; position: relative;}



  .subnav-list a { padding: 0px; height:8px ;}
	.subnav-list a span { display: none;}
 
  .pd-md-20{padding: 20px 0;}

  .pd-t-md-80{padding-top: 80px;}
  .pd-t-md-0{padding-top: 20px;}
  .pd-t-md-0{padding-top: 0;}
  .hl-title  { font-size: 8vw;line-height: 1.4;}
  .txt-content{font-size: 1em}

  .btn{min-width: 180px;}
  .txt-model{font-size: 3.6vw;}
  /* .txt-discount{font-size: 3vw;margin-bottom:5px;} */
  /* .txt-price{    font-size: 4vw;} */
  /* mossclosecss */
  .thumb-img{padding-bottom: 20px;}

  .group-product .group-price .txt-price{font-size: 3vw;width: 100% !important ;margin-bottom: 10px;}
  .group-product .txt-model {font-size: 4vw;}


  .content-abs {position: absolute;top: 50%;left: 50%;transform:translate(-50%, 40%);}
  
  
  .sec-review .thumb-hoz.thumb-lr  .thumb-txt{padding: 20px;}
  
  /* .box-card.text-incard .card-body{padding: 0 20px;margin-top: -70px;} */
  .box-card.text-incard .card-body{padding: 0 20px;}
  .box-card.text-incard { width: 100%;}  
    
   .content-abs{width: 90%;transform: translate(-50%, 50%)} 
   .banner-wrap .content-abs .txt-content:nth-child(2) .btn{font-size: 1rem;}
  .hero-banner-has-tab .content-abs{transform: translate(-50%, -110%);}
  .banner-wrap .content-abs .txt-content:nth-child(1){padding-bottom: 20px;}
  .banner-wrap .content-abs .txt-content:nth-child(3){padding:0;}
  .banner-wrap .content-abs .txt-content:nth-child(3) img{width: 70%;}
  .box-banner .txt-content a.btn img{position: relative;top: 5px;}
  .content-abs.center-bottom{bottom: -20px;}

 
  .banner-pagination .swiper-pagination-bullet{background: #B8C9E3;}
  .banner-pagination .swiper-pagination-bullet-active{background: #B8C9E3;}
  .banner-pagination .swiper-pagination-bullet-active::before{content: ""; width: 17px;height: 17px;border-radius: 100%; border:1px solid #B8C9E3;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
  .banner-pagination{position: relative;}
  .banner-pagination .swiper-pagination{position: relative;}


 .sec-standard.sec-standard .thumb-txt{padding: 40px 100px;}
 .content-abs.content-abs-cl{padding: 100px;top: 0;left: 0;align-items: baseline;}

 .content-abs.content-abs-cr.cont-m-pbt{align-items: flex-end;bottom: 50%;transform: translateY(-20%);}

 .box-card .card-title {font-size: 6vw;line-height: 1.4;}
 .card-txt{font-size: 1em;}
 .text-incard .btn{font-size: 1em;}
 .txt-title {font-size: 16px;}
 .txt-subtitle{font-size: 14px;}
 .btn-md-small{font-size: 12px;}
 .thumb-txt-on{bottom:60px;}
 .sec-standard.sec-standard .thumb-txt{padding: 40px;}
 .content-abs.content-abs-cl{padding: 100px 40px;}
 .thumb-icon img:first-child{width: auto;}
 .sec-certificate .content-abs.content-abs-cl{left: 0;}
 .con-img{width: 100%;}



 .box-tab.tab-ads ul{justify-content: flex-start;}
 .box-tab.tab-ads{ overflow: hidden;overflow-x: scroll;}
 .box-tab.tab-ads .btn{min-width: 260px;}
 /*.banner-fullwidth .box-tab.tab-ads .btn{width: 250px;}*/

 .service-item{width: 100%;}
 .service-item:nth-of-type(1){border-left: none;border-right: none;}
 .service-item:nth-of-type(2){border-left: none;border-right: none;}
 .service-item:nth-of-type(3){border-left: none;border-right: none;}
 .service-item:nth-of-type(4){border-left: none;border-right: none;}
 .service-item:nth-of-type(5){border-left: none;border-right: none;border-bottom: 1px solid rgb(22 71 142 / 40%);}
 .service-item:nth-of-type(6){border-left: none;border-right: none;}


 .thumb-video .thumb .txt-title{font-size: 4vw;}
 .thumb-video .thumb .txt-subtitle{font-size: 3.5vw;margin-bottom: 5px;}
 .thumb-video .thumb .thumb-txt-on{bottom: 15px;}

 .video-space{height: 290px;}

 .audio-player{width: 100%;}
  .audio-player .controls{    padding: 0 20px;}
  .audio-player .controls .name {font-size: 3vw;}
  .audio-player .controls .time{ font-size: 3vw;}
  #preloader_1 span{    width: 3px;height: 3px;}
  .audio-player .controls .volume-container .volume-slider{display: none;}

  .product-slide .thumb-img{padding-bottom: 20px;}
  .product-slide .thumb-img .btn {padding: 0.4em 1em;min-width: 140px;}


  .group-product .group-price .txt-price{font-size: 5vw !important;}
  .group-product .group-price .txt-discount{font-size: 3vw;}
  /* .txt-discount-per{font-size: 3vw;} */
  /* mossclosecss */
  

  .pure-filter button{min-width: 150px;}
  /* .pure-filter button.filter-btn-txt{padding: 10px 0;} */
  .group-filter > ul > li{width: 48%;}
  .box-filter{padding: 0 10px;}
  .box-filter h3{font-size: 14px ;}
  .box-order-price .pure-filter .pure-filter-btn::before{right: 0;}


  .box-banner-overlay{flex-wrap: wrap;}
  .cont-abs{flex-wrap: wrap;}
  .box-overlay-content{padding: 50px 20px;}
  .ohm-text-align{padding: 50px 20px;}
  .box-overlay-img img{width: 80%;}
  .box-product-detail{padding: 30px 20px;}
  .award-slide .swiper-wrapper {align-items: normal;justify-content: normal;}
  .list-step-slide-content{display: none;}
  .bg-step img { width: 100%; max-width: 100%;}
  .comp-slide-fade-custom .banner-content {padding: 30px 0;}
  .box-image-banner{flex-wrap: wrap;}
  .box-imgbg {width: 80%;}
  .comp-slide-fade .comp-slide-button{align-items:flex-end;}
  .comp-slide-fade .comp-slide-button .swiper-button-next,.comp-slide-fade .comp-slide-button .swiper-button-prev{top: auto;}
  .sec-info .thumb-icon{flex-wrap: wrap;justify-content: center;text-align: center;}
  
  .br-md-1.br-b-1{border-right: 0;border-bottom:  1px solid #F2F2F2;padding-bottom: 10px; margin-bottom: 10px;}
  .video-box{padding: 15px;}

  .thumb-profile-rigth .img-gallery-magnific {width: 100%;}

  .box-review-point{flex-wrap: wrap;}
  .review-point{    padding: 20px 0;border-right:0;display: flex;align-items: flex-end;}
  .box-review-point .box-rate-count{margin-bottom: 10px;}
  .review-point-cal{  width: 100%;padding: 0;}
  .progress-point{width: 100%;}
  .point span {font-size: 2.8em;}
  span.stars-count, span.stars-count span{    width: 100px;    height: 20px;  background-size: 20px 20px;}

  a.btn.btn-filter{margin-right: 0;width: calc(50% - 10px);}
  a.btn.btn-filter:nth-of-type(1),a.btn.btn-filter:nth-of-type(3),a.btn.btn-filter:nth-of-type(5){margin-right: 20px;}

  .box-search-dealer .box-filter{width: 100%;}
  .box-search-location .box-filter:first-child{padding-left: 0;margin-right: 0;}
  .box-search-location .box-filter:last-child{padding-left: 0;margin-left: 0;}
  .box-fillter-review{padding: 20px;}
  .box-search-dealer .txt-content{text-align: center;}

  .stick-product-img {width: 50px;}
  .stick-product-title {  font-size: 14px;  font-weight: 500;  margin-left: 15px;}
  .stick-add-cart .btn {padding: 0.5em 1em;font-size: 12px;min-width: 120px; margin-right: 10px;}

  .tab-search { width: 70%; border-bottom: 1px solid #fff; color: #fff; padding: 15px;position: relative;}
  .tab-search:before {position: absolute;content: "";right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 15px;height: 15px;background: url(../img/skin/arrow-down-w.svg) no-repeat;background-size: contain;transition: all .4s ease;}
  .box-tab.tab-ads.under-line {overflow: visible;    display: flex; justify-content: center;}
  .box-tab.tab-ads.under-line ul {display: block; position: absolute;    left: 50%;top: 46px;display: none;background-color: #fff;    width: 70%; transform: translateX(-50%);} 
  .box-tab.tab-ads.under-line ul li {width: 100%;border-bottom:1px solid #ccdffb;}
  .box-tab.tab-ads.under-line ul li .tab-btn{color: #16478E;border: 0;}
  .box-tab.tab-ads.under-line ul li .tab-btn.active{border: 0;}
  .sec-search .banner-wrap picture img{min-width: 100%;}

  .box-input-search{width: 100%;margin-bottom: 15px;}
  .box-input-search input {width: calc(100% - 40px);}
  .group-promotion .box-order-price .pure-filter{width: 100%;}
  .sec-promotion .banner-pagination { position: absolute; bottom: 38%; left: 0;}
  .thumb-filter .thumb-img .thumb-img-overlay .btn{    min-width: 180px;font-size: 2.4vw;    padding: 0.7em 1.8em;}
  .thumb-filter .thumb-img:hover .thumb-img-overlay .btn{    min-width: 180px;font-size: 2.4vw;    padding: 0.7em 1.8em;}

  .center-bottom .banner-pagination .swiper-pagination{left: 50%; transform: translateX(-48%);}
  .hero-banner-item .content-abs {transform: translate(-50%, -100%);left: 50%;}
  .hero-banner-item.hero-banner-has-tab .content-abs{transform: translate(-50%, -100%);left: 50%;}
  .box-banner-overlay.cpst-y .box-overlay-img img{transform: translateX(0);}

  .sec-about-gobal .content-abs.content-abs-cr {transform: translateX(0);width: 100%;left: 0;}
  .sec-about-gobal .content-abs.content-abs-cr .txt-content{font-size: 1em;}
  .pd-b-md-40{padding-bottom: 80px;}
  .box-search-dealer .pure-filter ul{    top: 38px;}
  .sec-promotion .banner-pagination .swiper-pagination{left: 0;}


  .sec-promotion .con-img{width: 100%;}
  .sec-promotion .bg-banner {max-width: 100%;width: 100%;}
  .sec-promotion .content-abs {width: 90%;transform: translate(-50%, 50%);}
  .group-promotion {padding-top: 0;}
  .sec-promotion .con-img{bottom: 30px;}


  .thumb-ver .thumb-img{width: 25%;}
  .thumb-ver .thumb-txt{width: 75%;}
  .thumb-ver .thumb-txt-title .thumb-txt-h{width: 100%;}
  .thumb-ver .thumb-txt-p {width: 100%;}
  .thumb-ver .thumb-txt-filter{position: relative;}
  .thumb-ver .thumb-txt-filter .thumb-img {width: 20%; position: absolute;left: -27%;top: 0;}
  .thumb-ver .thumb-txt-price{display: none;}
  .thumb-ver .thumb-txt-discount{display: none;}
  .thumb-ver .thumb-txt-filter .thumb-txt-title{width: 100%;margin-left: 0;}
  .thumb-ver .thumb-txt-color{margin-bottom: 0;}
  .thumb-ver .thumb-txt-title-mobile{width: 100%;float: left;margin-bottom: 20px;display: block;}
  .thumb-ver .thumb-txt-title-mobile .thumb-txt-price{display: block;color: #16478E;font-size: 17px;font-weight: 500;line-height: normal;width: 100%;text-align: right;margin-bottom: 10px;}
  .thumb-ver .thumb-txt-title-mobile .thumb-txt-discount{display: block;width: 100%;text-align: right;}
  .thumb-ver .thumb-txt-title-mobile  .thumb-txt-discount span:first-child {color: #AE1A1A;font-weight: 500;margin-right: 10px;text-decoration: none;}
  .thumb-ver  .thumb-txt-title-mobile .thumb-txt-discount span:last-child {color: #C9C9C9;font-weight: 500;text-decoration: line-through;font-size: 14px;margin-right: 0;}
  

  .txt-r-c{ color: #AE1A1A!important; }

  
  .sec-banner-item .content-abs.center-bottom{}
  /* .sec-banner-item .item-content .txt-content:nth-of-type(2) {padding-bottom: 20px; line-height: 1px;} */
  .sec-banner-item .item-content .txt-content:nth-of-type(2) {padding-bottom: 0px;}

  .sec-banner-item .banner-h {padding-top: 2em;}
  .sec-banner-item.banner-fullwidth .banner-h {padding-top: 0;}
  .sec-banner-item.banner-fullwidth .item-middle{align-items: center;}
  .hero-banner-has-tab.sec-banner-item.banner-fullwidth .item-content {width: 100%;}
  .item-md-top{align-items: baseline;}
  .sec-certificate.sec-banner-item .item-content{width: 100%;padding-left: 0;}
  .sec-certificate.sec-banner-item .banner-h {padding-top: 3em;}

  a.footer-tel{font-size: 24px;}

  .sec-about-gobal.sec-banner-item .item-content{width: 100%;}
  .sec-about-gobal.sec-banner-item .banner-h{padding-bottom: 6em;}


  .hero-banner-has-tab.sec-banner-item .item-content{width: 100%; margin-top: 30px;}
  .hero-banner-has-tab.sec-banner-item .item-img{width: 100%;padding: 0; position: relative;}
  /*.hero-banner-has-tab.sec-banner-item .banner-h{margin: 0;padding-left: 0;padding-right: 0;max-width: 576px;}*/
  .group-feature .txt-content h5 {font-size: 4vw;}

  .sec-info .thumb-icon svg {margin-right: 0;width: 56px;margin-bottom: 10px;}
  .sec-info .thumb-icon .txt-content{width: 100%;text-align: center;}
  .sec-info .thumb-icon .txt-content p{color: #393939 !important;font-size: 14px;}
  .sec-info .thumb-icon .txt-content span{color: #083B86 !important;font-size: 16px;}

  .after-service.pd-t-80{padding-top: 40px;}
  .after-service .fw.pd-40{ padding-top: 0;}

  .box-stick-top{position: relative;}
  .box-stick-top .close-stick-top img { width: 15px;}
  .box-stick-top{flex-wrap: wrap;justify-content: flex-start;}
  .box-stick-top p{    width: 90%; margin-bottom: 10px;}
  a.close-stick-top {position: absolute;top: 15px;right: 0;}

  .btn-icon svg, .btn-icon img{width: 15px;}


  .sec-banner-normal .item-img{width: 100%;}
  .sec-banner-normal .item-content{width: 100%;padding: 0;}
  .sec-banner-normal .item-middle{align-items: baseline;}

  .box-ads-promote{padding: 20px 0;}

  .txt-content.pd-40.pd-md-lr-20.progress-title-edit{padding-left: 20px;}

  .award-slide .swiper-container{overflow: visible;}
  .txt-content.progress-title-edit h2{font-size: 6vw; text-align: center;}

  .opt-content .otp-title {font-size: 20px;margin-bottom: 10px;line-height: 1.4;}
  .opt-content .box-otp-form input {width: 35px;height: 52px;/*margin-right: 15px;*/}
  .acc-check-box ul li{width: 50%;margin-bottom: 30px;margin-top: 0;}

  .sec-checkout.sec-banner-item.banner-fullwidth .item-middle{align-items: center;}
  .step-title{display: none;position: absolute; top: 40px;    left: 50%;transform: translateX(-50%);width: 100%;}
  .step-title.active{display: block;}
  .step-container ul li:before{top: 50%;}
  .step-container ul li::after{top: 50%;}

  .delivery-detail .box-form-check.check-group .form-check .form-check-input[type=radio] + label:not(.title){padding: 30px 30px 70px 80px;}
  .edit-address {position: absolute;left: 80px;right: auto; bottom: 30px;top: auto;}
  .delivery-detail .box-form-check.check-group .form-check .form-check-input:checked[type=radio] + label:not(.title){padding: 30px 30px 70px 80px;}
  .box-form .btn{font-size: 16px;}
  .box-form .btn-icon svg,.box-form .btn-icon img{width: 25px;height: 25px;}
  .sec-checkout.sec-banner-item.banner-fullwidth .item-content{top: 0;}
  .box-form-check label:not(.title){font-size: 16px;}

  .popup-edit-address .popup-container{width: 500px;}

  .popup-edit-address .pop-btn{padding-top: 10px;display: block;}
   .pop-btn-right {display: flex;align-items: center;margin-top: 20px;}
   .pop-btn-right a:first-child{order: 2;}
   .pop-btn-right a:last-child{order: 1;}


  

  .popup-edit-tax-invoice .popup-container{width: 500px;}

  .popup-edit-tax-invoice .pop-btn{padding-top: 10px;display: block;}
  .popup-edit-tax-invoice .pop-btn-right {display: flex;align-items: center;margin-top: 20px;}
  .popup-edit-tax-invoice .pop-btn-right a:first-child{order: 2;}
  .popup-edit-tax-invoice .pop-btn-right a:last-child{order: 1;}

  .box-form-scroll .txt-content li{font-size: 16px;}
  .tab-user ul li a{font-size: 18px;}
  .popup-login .popup-container{padding: 20px;}

  .txt-info-title{font-size: 16px;}
  .group-txt-info{margin-top: 30px;padding: 0 20px;}

  .box-product-history .history-cont-txt{width: 100%;}
  .box-product-history .history-cont-txt:nth-of-type(2){order: 3;}
  .box-product-history .history-cont-sub{width: 100%;}
  .box-product-history .history-cont-sub:last-child{order: 4;}

  .dealer-filter-select .form-group{width: 100%;margin-bottom: 20px;margin-right: 0;}
  .dealer-filter-select .btn{width: 100%;margin-bottom: 0;}
  .slide-progress-auto .thumb .thumb-img {text-align: center;}
  .box-dealer-filter{display: block;}
  .box-dealer-title{width: 100%;float: left;margin-bottom: 20px;}
  .btn-dealer-filter{width: 100%;float: left;position: relative;margin-bottom: 20px;}
  .dealer-filter-check{width: 70%;position: relative;}
  .btn-dealer-filter.active .dealer-filter-check{left: 0;}
  a.thumb-delaer-btn span.dealer-btn-txt{display: none;}
  .thumb-delaer-right{align-items: flex-end;}
  .text-incard-margin-top{margin-top:-39px ;}

}

@media (max-width: 575.98px) {
  /*.btn{font-size: 3vw;}*/
  
  .video-space{height: 210px;}
  .thumb-tag {position: absolute;width: auto;float: left;left: auto;right: 0; transform: translateX(10%);top: 0;color: #fff;font-size: 10px;padding: 8px 12px;border-radius: 40px;min-width: 70px;text-align: center;}
  .group-product .thumb-tag {transform: translateX(0%);}
  .thumb-tag.top-up{background-color: #16478E;}
  .thumb-tag.hot-deal{background-color: #E07101;}
  .thumb-tag.free-item{background-color: #55C3B7;}
  .thumb-tag.premium-item{background-color: #CFB53B;}
  .thumb-tag.new-item{background-color: #B22222;}
  .thumb-new-group {position: absolute; display: block; float: right!important; right: 5vw; top: 0px; z-index: 110!important;}
  .thumb-got-item {
    position: relative; display: block; float: none!important; 
    margin-bottom: 2px; text-align: center; top: 0px; padding: 4px 13px; border-radius: 20px; /*opacity: 0.8;*/
    /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
  }

  .group-filter > ul > li > img{width: 40px;}
  .content-abs.content-abs-cr.cont-m-pbt{transform: translateY(-15%);}
  .pure-filter button{min-width: 130px;}
  .pure-filter button.filter-btn-txt{font-size: 12px;}
  .pure-filter ul{top: 34px;}
  .box-review-point .box-rate-count {margin-bottom: 16px;}

  .thumb-filter .thumb-img .thumb-img-overlay .btn{    min-width: 150px;font-size: 3vw;}
  .thumb-filter .thumb-img:hover .thumb-img-overlay .btn{    min-width: 150px;font-size: 3vw;}
  .banner-pagination{position: relative;bottom: -5px;}

  .thumb-txt-on {bottom: 80px;}
  .txt-title {font-size: 20px;}
  .txt-subtitle {font-size: 16px;}
  .btn-md-small {font-size: 16px;}
  .sec-certificate .thumb-icon img:first-child { width: 100px;}
  .sec.footer { padding: 60px 20px;}
  .sec.footer .btn { width: 100%;}
  .sec.footer .btn-icon span{justify-content: center;}
  .sec.footer  .txt-content ul.ul-list-none.txt-white > li a{font-size: 14px;}

  .content-abs.content-abs-cr.cont-m-bt{padding: 20px;}
  .group-filter.pure-fillter-box img{width: 45px;}
  .box-filter{padding: 0;}
  .group-filter > ul > li{padding: 10px 10px 10px 0;}

  .thumb-ver .thumb-txt-filter .thumb-img{left: -35%; width: 25%;}

  .thumb-ver .thumb-img{width: 30%;}
  .thumb-ver .thumb-txt{width: 70%;}
  .sec-certificate.sec-banner-item .banner-h { padding-top: 0;height: 1000px !important;}
  .sec-about-gobal.sec-banner-item .banner-h{padding-bottom: 1em;}

  .sec-review.pd-80{padding-bottom: 0;} 
  .after-service.pd-40{padding-top: 0;}

  .box-menu .sub-menu-clone.show-menu{overflow-y: scroll;max-height: 500px;}

  .box-promote-group .box-promote-title{font-size: 12px;padding: 0 10px;}
  .box-promote-group .box-promote-title span small{font-size: 9px;}

  .popup-edit-address .popup-container{width: 370px;}
  .popup-edit-tax-invoice .popup-container{width: 370px;}
  .popup-container{padding: 20px;}
 

  @media (max-height: 690px){
    .popup-edit-profile .box-form-scroll {max-height: 450px;}
    
  }
  
  
}

@media (max-width: 425px) {
  .thumb-review .thumb-box-product {padding: 0.8em 1em;}
  .magnific-img img {width: 10%;height: auto;}
}

@media (max-width: 420.98px) {
  
  .sec-standard.sec-standard .thumb-txt{padding: 40px 20px;}
  .content-abs.content-abs-cl{padding: 50px 20px;}
  .video-space{height: 190px;}
  .content-abs.content-abs-cr.cont-m-pbt{transform: translateY(-10%);}
  .pure-filter button{min-width: 110px;}

  .thumb-ver .thumb-txt-filter .thumb-img{left: -35%;width: 25%;}

  .thumb-ver .thumb-txt-title .thumb-txt-h{font-size: 16px;}
  .thumb-ver .thumb-txt-p{font-size: 14px;}
  .thumb-ver .thumb-txt-filter .thumb-txt-title .thumb-txt-h{font-size: 14px;}
  .sec-certificate .thumb-icon .txt-content p{font-size: 14px;}
  .sec-certificate .thumb-icon .txt-content a{font-size: 12px;}
  .sec-certificate .box-banner .txt-content a.btn img{    top: -2px;width: 15px;}

  .sec-standard .thumb-icon .txt-content p{font-size: 14px;}
  .sec-standard .thumb-icon .txt-content a{font-size: 12px;}
  .sec-standard .box-banner .txt-content a.btn img{    top: -2px;width: 15px;}
  .group-filter .box-filter h3{font-size: 14px;}

  .box-order-price .pure-filter::before{left: -10px;width: calc(100% + 20px);}
  /* .box-order-price .pure-filter{margin-right: 10px;} */

  .group-product-list .pure-filter ul{width: calc(100% + 20px);left: -10px;top: 45px;}
  .group-product-list  .pure-filter button{padding: 10px 20px 10px 5px;}
  

  .popup-edit-address .popup-container{width: 350px;padding: 40px 10px 20px 20px;}
  .popup-edit-tax-invoice .popup-container{width: 350px;padding: 40px 10px 20px 20px;}

  @media (max-height: 690px){ 
    .popup-edit-address .popup-body { max-height: 360px; }
    .popup-edit-tax-invoice .popup-body { max-height: 360px; }
  }

  @media (max-height: 600px){ 
    .popup-edit-address .popup-body { max-height: 250px; }
    .popup-edit-tax-invoice .popup-body { max-height: 250px; }
  }
  
}

@media (max-width: 374.98px)  {
  .text-pure{    
    font-size: 14px;
  }
}



/* moss edit */
@media (max-width: 768px){
  .menu-clone .sub-nav li:not(.sub-menu-header) {
    width: 100% !important; 
  }
  .menu-clone .sub-nav {
    flex-direction: column !important;
  }
    .box-tab.tab-ads.filter-product ul li .tab-btn.tab-icon {
      width: 250px;
  }
  .moss-d-none{
    display: none!important;
  }
  .box-tab.tab-ads {
    position: static;
  }
  .group-filter > ul > li {
    width: 100%;
  }
  .group-filter > ul {
  flex-direction: column;
  }
  /* .btn-line-block a.btn-text:last-child{margin-right: 80px !important;} */
  .btn-line-block a.btn-text:first-child{border-right : 0px !important ;}

}

@media (min-width: 991.99px){
  .box-menu > ul:not(.dropdown-menu) > li > a.m-menu.has-sub::after {
    top: 50%;transform: translateY(-50%); 
  }
}

@media (max-width: 450px){
    .box-order-price .pure-filter {
      margin-right: 7;
  }
}
@media (max-width: 425px){
  .box-order-price .pure-filter {
    margin-right: 12px;
}
}
@media (min-width: 426px){
  .box-order-price .pure-filter {
    margin-right: 5px;
}
}
@media (min-width: 768px){
    .thumb-icon img:first-child{
      margin-right: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px){
  /* .group-search-dealer {
    justify-content: space-evenly;
} */
  .group-search-dealer .btn {
    height: 45px;
  }
  .box-search-dealer .box-filter {
    width: 48%; 
  }
  .group-search-dealer .box-filter {
      margin-bottom: 0px;
  }
  .box-search-dealer .box-filter {
    padding-left: 0px;
  }
  .group-search-dealer input {
    margin-bottom: 0px;
  }
  .box-search-location .box-filter:last-child {
    margin-left: 0px;
  }
  .box-search-location .box-filter:first-child {
    margin-right: 0px;
  }
  .box-search-location .box-filter{
    margin-bottom: 10px;
    margin-right: 10px!important;
  }
  .txt-content .cer-logo {
    padding-top: 0px;
  }
}
@media (max-width: 767px){
  .box-search-dealer .box-filter {
    padding-left: 0px;
  }
  .group-search-dealer input {
    margin-bottom: 0px;
  }
  .noti-chang-item-warning {
    position: static;
    text-align: center;
    transform: translateX(0%);
  }
  .box-noti-change-item {
    flex-direction: column;
  }
  .box-noti-change-item-right {
    width: 100%;
  }
  .box-noti-change-item-left {
    width: 100%;
  }
}


@media (max-width: 425px){
  .box-noti-change-item-step {
    margin-top: 30px;
  }
  .box-noti-change-item-step ul li.noti-item-active img {
    right: -35px;
  }
}

@media (max-width: 375px){
  .delivery-detail .box-form-check.check-group .form-check .form-check-input:checked[type=radio] + label:not(.title) {
    padding: 30px 20px 70px 80px;
  }
  .popup-add-address-login .popup-body {
    padding-right: 0px;
  }
  .popup-add-address-login .popup-container {
    padding: 20px 20px 20px 20px;
  }
  .popup-edit-address-login .popup-body {
    padding-right: 0px;
  }
  .popup-edit-address-login .popup-container {
    padding: 20px 20px 20px 20px;
  }
  .pop-btn-right {
    flex-direction: column;
    width: 100%;
    gap: 20px;
  }
  .popup-add-tax-invoice-login .popup-container{
    padding: 20px 20px 20px 20px;
  }
  .popup-add-tax-invoice-login .popup-body {
    padding-right: 0px;
  }
  .popup-edit-tax-invoice .popup-container {
    width: 90%;
  }
  .popup-add-address .popup-container {
    padding: 20px 20px 20px 20px;
  }
  .popup-add-tax-invoice .popup-container {
    padding: 20px 20px 20px 20px;
  }
}
.box-delivery-email {
  overflow: hidden;
  text-overflow: ellipsis;
}

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  max-width: 310px;
  width: max-content;
}

@media (max-width: 767.98px){
  .pop-btn-right {
    margin-top: 0px !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .moss-set-img-right{
    margin-right: 10px;
  }
}
/* mosstable */


.moss-fix-text-order{
  margin-left: 15px;
  width: auto !important;
}

/* onbb search */
@media (max-width: 375px){
.box-field-search{
  width: 100%;
  top: 80px;
  right: 0px !important;
}
.onbb-search-flex-position{
  justify-content: space-between;
}
.onbb-search-flex-position form{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
}
.onbb-thumb{
  align-items:flex-start !important;
  height: auto !important;
}
.onbb-thumb-body{
  margin-top: 0px !important;
}
.onbb-card-txt-header{
  min-height: 50px !important;
  max-height: 50px !important;
  height: 50px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.onbb-text-desc{
  max-height: 50px!important;
  min-height: 50px!important;
  min-height: 50px !important;
  max-height: 50px !important;
  height: 50px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


@media(min-width:1201px) and (max-width: 1402px){
  .onbb-txt-price{
    font-size: 1em !important;
  }
  .onbb-txt-discount{
    font-size: 0.7em !important;
  }

}
.onbb-control-img img {
  aspect-ratio: 1/1;
}

@media (max-width: 991.98px){
  .onbb-container{
    max-width: 80% !important;
  }
  .onbb-txt-price{
    width: auto !important;
  }
  .onbb-txt-discount{
    margin-left: 10px !important;
    font-size: 0.7em !important;
  }
  .onbb-txt-discount-per{
    font-size: 0.5em !important;
  }
}

@media (max-width: 767px){
  .onbb-card-txt-header{
    font-size: 18px !important;
  }
  .onbb-txt-price{
    font-size: 3vw !important;
  }
}

.onbb-box-product-cancel{
    padding: 20px;
    border: 1px solid rgb(22 71 142 / 34%);
    margin-bottom: 40px;
}
.onbb-txt-content h4 {
  font-size: 22px !important;
}

@media (min-width:0px) and (max-width:425px){
  .onbb-txt-content h4 {
    font-size: 18px !important;
  }
  .onbb-thumb-txt-ontop{
    padding: 10px!important;
  }
  .onbb-txt-content h4 p{
    font-size: 12px !important;
  }
  .onbb-txt-content p{
    font-size: 12px !important;
  }
  .onbb-container{
    max-width: 90% !important;
  }
  .box-food-grade{
    margin-top: 20px !important;
  }
}

.onbb-btnbuy a {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}

/* onbb-txt-price */
/* onbb-txt-discount */
/* onbb-txt-discount-per */

.onbb-bg-step{
  height: 900px !important;
}

.onbb-bg-step-img{
  height: 900px !important;
}

@media  (max-width:1499.99px) {
  .onbb-bg-step{
    height: 700px !important;
  }
  .onbb-bg-step-img{
    height: 700px !important;
  }
}
.content-abs .reset-padding{
  display: inline-block;
}
@media  (max-width:1399.99px) {
  .onbb-bg-step{
    height: 600px !important;
  }

  .onbb-bg-step-img{
    height: 600px !important;
  }
  
}

@media  (max-width:1199.99px) {
  .onbb-bg-step{
    height: 600px !important;
  }

  .onbb-bg-step-img{
    height: 600px !important;
  }
  .onbb-comp-image-banner{
    margin-top: 50px;
  }
  .onbb-list-step-slide-content{
    margin-top: 50px;
  }
}


@media  (max-width:768.99px) {
  
  .onbb-bg-step{
    height: 950px !important;
  }

  .onbb-bg-step-img{
    height: 950px !important;
  }
  /* .onbb-comp-image-banner{
    margin-top: 50px;
  }
  .onbb-list-step-slide-content{
    margin-top: 50px;
  } */
  .content-abs .reset-padding{
    display: block;
    padding: 0px !important;
  }
}
.onbb-box-review{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.onbb-box-review .box-rate{
  width: auto !important;
  margin: 0 !important;
}

.onbb-col{
  flex-direction: column;
  align-items: center;
}

.onbb-btn{
  background-color: #55C3B7 !important;
  color: #fff;
  font-size: 16px !important;
}


.onbb-popup-container{
  max-height: 90%;
  overflow-y: scroll;
}
.onbb-space-1{
  margin-bottom: 50px;
}
.box-item .box-thumb .thumb-hoz .thumb-group .order-md-1{
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: -150px;
}

.box-item .box-thumb .thumb-hoz .thumb-group {
  display: unset;
  /* display: flex;
  justify-content: end; */
  /* align-items: center; */
}

.box-item .box-thumb .thumb-hoz .thumb-group  .txt-content{
  margin-top: 12rem;

}

.accor-body .accor-body-content-faq .txt-content{
  font-size: 16px;
}

.order-txt-price-step-2{
  width: 55%;
  float: left;
  font-size: 14px;
  font-weight: 500;
}

.img-level-filter{
  max-width: 559px;
}

.pdbtn-40{
  padding: 40px;
}

.margintop-card{
  margin-top: 50px;
}

.pading-img{
  padding-top: 90px;
}

.c-maintain{
  min-height: 80vh;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media  (max-width:2550px) {
  .box-card.text-incard .card-body {
    top: 40px;
  }
}