.js-loading {
  position: relative; }
  .js-loading:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: calc(100% + 24px);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: start;
    -ms-align-items: start;
    align-items: start;
    justify-content: center;
    z-index: 3;
    opacity: 1;
    visibility: visible;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;/* background:%23fff; */display:block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cg transform='translate(80,50)'%3E%3Cg transform='rotate(0)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%23E30019' fill-opacity='1'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.875s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.875s'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(71.21320343559643,71.21320343559643)'%3E%3Cg transform='rotate(45)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%23E30019' fill-opacity='0.875'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.75s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.75s'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(50,80)'%3E%3Cg transform='rotate(90)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%23E30019' fill-opacity='0.75'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.625s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.625s'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(28.786796564403577,71.21320343559643)'%3E%3Cg transform='rotate(135)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%23E30019' fill-opacity='0.625'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.5s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.5s'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(20,50.00000000000001)'%3E%3Cg transform='rotate(180)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%23E30019' fill-opacity='0.5'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.375s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.375s'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(28.78679656440357,28.786796564403577)'%3E%3Cg transform='rotate(225)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%23E30019' fill-opacity='0.375'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.25s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.25s'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(49.99999999999999,20)'%3E%3Cg transform='rotate(270)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%23E30019' fill-opacity='0.25'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.125s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.125s'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(71.21320343559643,28.78679656440357)'%3E%3Cg transform='rotate(315)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%23E30019' fill-opacity='0.125'%3E%3CanimateTransform attributeName='transform' type='scale' begin='0s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='0s'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

@-webkit-keyframes move-chevron {
  25% {
    opacity: 1; }
  33.3% {
    opacity: 1;
    transform: translateX(5px); }
  66.6% {
    opacity: 1;
    transform: translateX(12px); }
  100% {
    opacity: 0;
    transform: translateX(19px) scale(0.6); } }

@keyframes move-chevron {
  25% {
    opacity: 1; }
  33.3% {
    opacity: 1;
    transform: translateX(5px); }
  66.6% {
    opacity: 1;
    transform: translateX(12px); }
  100% {
    opacity: 0;
    transform: translateX(19px) scale(0.6); } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

/* . - Menu sidebar */
.menuList-links {
  margin: 0; }

.menuList-links li {
  position: relative; }

.menuList-links li a {
  position: relative;
  font-size: 13px;
  display: block; }

.menuList-links > li {
  border-bottom: 1px dashed #f4f5f7; }

.menuList-links > li:last-child {
  border-bottom: none; }

.menuList-links > li > a {
  color: #000;
  padding: 8px 0;
  font-weight: 500;
  font-size: 12px; }

.menuList-links > li.has-submenu > a {
  padding-right: 30px; }

.menuList-links > li.has-submenu span.icon-plus-submenu {
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid transparent; }

.icon-plus-submenu:after,
.icon-plus-submenu:before {
  background: rgba(9, 9, 9, 0.6);
  content: '';
  display: block;
  position: absolute;
  margin-right: 7px;
  top: 50%;
  right: 0;
  -moz-transition: all .25s linear;
  -o-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear; }

.icon-plus-submenu:before {
  width: 9px;
  height: 1px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.icon-plus-submenu:after {
  width: 1px;
  height: 9px;
  right: 4px;
  transform-origin: center;
  -moz-transform: translateY(-50%) scale(1, 1);
  -ms-transform: translateY(-50%) scale(1, 1);
  -webkit-transform: translateY(-50%) scale(1, 1);
  transform: translateY(-50%) scale(1, 1); }

li.has-submenu.opened > a .icon-plus-submenu:after {
  -moz-transform: translateY(-50%) scale(1, 0);
  -ms-transform: translateY(-50%) scale(1, 0);
  -webkit-transform: translateY(-50%) scale(1, 0);
  transform: translateY(-50%) scale(1, 0); }

.menuList-links > li.has-submenu .icon-plus-submenu:hover {
  border: 1px solid #f4f5f7; }

ul.menuList-links li ul.submenu-links {
  display: none; }

ul.submenu-links li a {
  padding: 8px 0 8px 0px; }

li.has-submenu.level0 > ul.submenu-links {
  border-top: 1px dashed #f4f5f7; }

li.has-submenu.level0 > ul.submenu-links li a {
  padding-left: 12px; }

li.has-submenu.level1 > ul.submenu-links li a {
  padding-left: 25px; }

.voucher-box {
  margin: 20px 0;
  background: #FFFFFF;
  overflow: hidden;
  position: relative;
  font-size: 12px; }
  .voucher-box .voucher-box--top {
    display: flex;
    margin-bottom: 10px; }
    .voucher-box .voucher-box--top > div {
      width: 50%; }
    .voucher-box .voucher-box--top > .colright {
      text-align: right; }
    .voucher-box .voucher-box--top span {
      display: block; }
    .voucher-box .voucher-box--top span.voucher-code {
      display: inline-block;
      padding: 3px 10px;
      font-weight: 500;
      border-radius: 4px;
      border: 1px dashed #EB8468;
      color: #EB8468; }
    .voucher-box .voucher-box--top span + span {
      margin-top: 10px; }
  .voucher-box .voucher-box--mid {
    margin-bottom: 20px; }
    .voucher-box .voucher-box--mid > span {
      color: #EB8468;
      font-weight: 500;
      font-size: 16px;
      padding-bottom: 10px;
      margin-bottom: 12px;
      border-bottom: 1px dashed #EF977F;
      display: block; }
    .voucher-box .voucher-box--mid p {
      margin-bottom: 2px;
      font-size: 12px; }
    .voucher-box .voucher-box--mid strong, .voucher-box .voucher-box--mid b {
      display: inline-block;
      margin-right: 10px;
      color: #000; }
  .voucher-box .voucher-box--bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .voucher-box .voucher-box--bottom .voucher-detail {
      text-decoration: underline; }
    .voucher-box .voucher-box--bottom .voucher-copy {
      width: 105px;
      padding: 6px 5px;
      border-radius: 4px;
      background: #73A700;
      text-transform: uppercase;
      text-align: center;
      color: #fff;
      font-size: 12px;
      cursor: pointer; }
  .voucher-box .voucher-bg {
    position: relative;
    padding: 15px 45px;
    border: 2px solid #EF977F; }
    .voucher-box .voucher-bg:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: -23px;
      margin: auto;
      width: 46px;
      height: 46px;
      background: #f6f6f6;
      border-radius: 50%;
      border: 2px solid #EF977F; }
    .voucher-box .voucher-bg:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: -23px;
      margin: auto;
      width: 46px;
      height: 46px;
      background: #f6f6f6;
      border-radius: 50%;
      border: 2px solid #EF977F; }
  .voucher-box.copied .voucher-box--bottom .voucher-copy {
    background: #bec0c1;
    pointer-events: none; }

/*--------------------------------------------------------------*/
/* PAGE */
/*--------------------------------------------------------------*/
.page-body .wrapper-row {
  flex-direction: row-reverse;
  flex-wrap: wrap; }

.page-body .page-heading {
  padding: 24px 16px; }
  .page-body .page-heading h1 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin: 0; }

.page-body .page-subheading h2 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin: 40px 0 30px;
  position: relative; }
  .page-body .page-subheading h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 2px;
    background: var(--maincolor); }

.page-body .page-content {
  border-radius: 4px;
  background: #ffffff;
  margin-bottom: 24px; }
  .page-body .page-content .page-wrapper {
    padding: 24px 16px;
    font-size: 16px; }
    .page-body .page-content .page-wrapper * {
      max-width: 100% !important; }
    .page-body .page-content .page-wrapper ul {
      list-style: initial;
      padding-left: 20px; }
    .page-body .page-content .page-wrapper ol {
      list-style-type: decimal;
      padding-left: 20px; }
    .page-body .page-content .page-wrapper ul li, .page-body .page-content .page-wrapper ol li {
      margin-bottom: 6px; }
    .page-body .page-content .page-wrapper ul ul {
      list-style-type: circle; }
    .page-body .page-content .page-wrapper ul ul ul {
      list-style-type: square; }
    .page-body .page-content .page-wrapper h2 strong, .page-body .page-content .page-wrapper h3 strong, .page-body .page-content .page-wrapper h4 strong {
      font-weight: initial; }
    .page-body .page-content .page-wrapper > hr:last-child {
      display: none; }
    .page-body .page-content .page-wrapper a {
      color: #007bff; }
    .page-body .page-content .page-wrapper a:hover {
      color: #629009; }
    .page-body .page-content .page-wrapper blockquote {
      padding: 10px 20px;
      margin: 0 0 20px;
      font-size: 17.5px;
      font-style: italic;
      font-family: Georgia, Times, "Times New Roman", serif;
      border-left: 5px solid #eee; }
      .page-body .page-content .page-wrapper blockquote a:-webkit-any-link {
        color: -webkit-link;
        cursor: pointer;
        text-decoration: underline; }
    .page-body .page-content .page-wrapper blockquote p:last-child,
    .page-body .page-content .page-wrapper blockquote ul:last-child,
    .page-body .page-content .page-wrapper blockquote ol:last-child {
      margin-bottom: 0; }
    .page-body .page-content .page-wrapper blockquote footer,
    .page-body .page-content .page-wrapper blockquote small,
    .page-body .page-content .page-wrapper blockquote .small {
      display: block;
      font-size: 80%;
      line-height: 1.42857143;
      color: #999; }
    .page-body .page-content .page-wrapper blockquote footer:before,
    .page-body .page-content .page-wrapper blockquote small:before,
    .page-body .page-content .page-wrapper blockquote .small:before {
      content: '\2014 \00A0'; }
    .page-body .page-content .page-wrapper .blockquote-reverse,
    .page-body .page-content .page-wrapper blockquote.pull-right {
      padding-right: 15px;
      padding-left: 0;
      text-align: right;
      border-right: 5px solid #eee;
      border-left: 0; }
    .page-body .page-content .page-wrapper .blockquote-reverse footer:before,
    .page-body .page-content .page-wrapper blockquote.pull-right footer:before,
    .page-body .page-content .page-wrapper .blockquote-reverse small:before,
    .page-body .page-content .page-wrapper blockquote.pull-right small:before,
    .page-body .page-content .page-wrapper .blockquote-reverse .small:before,
    .page-body .page-content .page-wrapper blockquote.pull-right .small:before {
      content: ''; }
    .page-body .page-content .page-wrapper .blockquote-reverse footer:after,
    .page-body .page-content .page-wrapper blockquote.pull-right footer:after,
    .page-body .page-content .page-wrapper .blockquote-reverse small:after,
    .page-body .page-content .page-wrapper blockquote.pull-right small:after,
    .page-body .page-content .page-wrapper .blockquote-reverse .small:after,
    .page-body .page-content .page-wrapper blockquote.pull-right .small:after {
      content: '\00A0 \2014'; }
    .page-body .page-content .page-wrapper blockquote:before,
    .page-body .page-content .page-wrapper blockquote:after {
      content: ""; }

.page-body .page-bannerhead {
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: 4px; }
  .page-body .page-bannerhead img {
    width: 100%; }

.page-body .page-sidebar .page_menu ul {
  list-style: none;
  padding: 16px 0;
  border-top: 0; }
  .page-body .page-sidebar .page_menu ul li + li {
    border-top: 1px solid #ECECEC; }
  .page-body .page-sidebar .page_menu ul li a {
    color: #1982F9;
    font-size: 16px;
    display: block;
    padding: 8px 16px; }
  .page-body .page-sidebar .page_menu ul li.active a {
    background: #E7F2FF; }
  .page-body .page-sidebar .page_menu ul li a .icon {
    width: 24px;
    text-align: center;
    display: inline-block;
    margin-right: 8px; }
  @media (max-width: 991px) {
    .page-body .page-sidebar .page_menu ul {
      font-size: 12px; }
      .page-body .page-sidebar .page_menu ul li a {
        padding: 12px 15px 12px 15px; } }

@media (max-width: 991px) {
  .page-body .page-heading h1 {
    font-size: 18px; }
  .page-body .page-subheading h2 {
    margin: 0 0 20px;
    font-size: 14px; }
  .page-body .page-content .page-wrapper, .page-body .page-bannerhead, .page-body .page-sidebar {
    margin-bottom: 16px; } }

.page-body .section.section-pageslist .wrapper-content {
  border-radius: 4px 4px 0 0;
  background: #fff; }

.page-body .section.section-pageslist .section-heading {
  padding: 12px;
  margin-bottom: 0; }
  .page-body .section.section-pageslist .section-heading h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: var(--titlecolor);
    margin-bottom: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }

.page-body .section.section-pageslist .section-content {
  padding: 0 12px; }

.page-body .section.section-pageslist .banner-box {
  margin-bottom: 0px; }

@media (max-width: 991px) {
  .page-body .section.section-pageslist .section-heading h2 {
    font-size: 18px; }
  .page-body .section.section-pageslist .banner-box {
    margin-bottom: 8px; } }

@media (max-width: 1024px) {
  .page-body .section.section-pageslist .section-heading h2 {
    font-size: 20px; } }

@media (max-width: 1170px) {
  .page-body .section.section-pageslist .section-heading h2 {
    font-size: 22px; } }

.page-body .section.section-blogslist {
  margin-bottom: 16px; }
  .page-body .section.section-blogslist .wrapper-content {
    border-radius: 0 0 4px 4px;
    padding-top: 16px;
    position: relative;
    background: #fff; }
    .page-body .section.section-blogslist .wrapper-content:before {
      content: "";
      width: calc(100% - 24px);
      height: 1px;
      background: #ECECEC;
      position: absolute;
      left: 12px;
      right: 12px; }
  .page-body .section.section-blogslist .section-heading {
    padding: 12px;
    margin-bottom: 0; }
    .page-body .section.section-blogslist .section-heading h2 {
      font-weight: 600;
      font-size: 24px;
      line-height: 36px;
      color: var(--titlecolor);
      margin-bottom: 0;
      white-space: initial;
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
  .page-body .section.section-blogslist .section-content {
    padding: 0 12px; }
  .page-body .section.section-blogslist .posts-list {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px; }
    .page-body .section.section-blogslist .posts-list .post-item {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding: 0 8px; }
  @media (max-width: 991px) {
    .page-body .section.section-blogslist .section-heading h2 {
      font-size: 18px; }
    .page-body .section.section-blogslist .posts-list .post-item {
      -ms-flex: 0 050%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media (max-width: 1024px) {
    .page-body .section.section-blogslist .section-heading h2 {
      font-size: 20px; } }
  @media (max-width: 1170px) {
    .page-body .section.section-blogslist .section-heading h2 {
      font-size: 22px; } }

/*--------------------------------------------------------------*/
/* PAGE CONTACT */
/*--------------------------------------------------------------*/
.page-contact .page-content {
  margin: 24px 0; }

.page-contact .page-content .page-wrapper {
  padding: 16px; }

.page-contact h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 16px; }

.page-contact .ticket-form .form-group {
  width: 100%;
  margin-bottom: 16px;
  position: relative; }
  .page-contact .ticket-form .form-group label {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px; }
  .page-contact .ticket-form .form-group textarea {
    width: 100%;
    height: 130px;
    padding: 10px 16px; }
    .page-contact .ticket-form .form-group textarea:focus {
      outline: none; }
  .page-contact .ticket-form .form-group.req:before {
    content: "*";
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    height: 36px;
    width: 10px;
    line-height: 38px;
    text-align: center;
    color: #E30019;
    display: none; }
  .page-contact .ticket-form .form-group .select-option {
    position: relative;
    width: 100%; }
    .page-contact .ticket-form .form-group .select-option:after {
      content: '';
      position: absolute;
      top: calc(50% - 5px);
      right: 17px;
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.85858 5.35858L0.341421 0.841421C0.215428 0.715428 0.304661 0.5 0.482842 0.5H9.51716C9.69534 0.5 9.78457 0.715428 9.65858 0.841421L5.14142 5.35858C5.06332 5.43668 4.93668 5.43668 4.85858 5.35858Z' fill='%23111111'/%3E%3C/svg%3E%0A");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 10px;
      height: 10px; }
    .page-contact .ticket-form .form-group .select-option select {
      padding-right: 34px;
      cursor: pointer;
      outline: none;
      color: #535353;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none; }
      .page-contact .ticket-form .form-group .select-option select:-ms-expand {
        display: none; }
      .page-contact .ticket-form .form-group .select-option select:focus {
        background-color: #fff;
        border: 0px solid #000;
        outline: 0;
        box-shadow: 0 0 0 1px #000;
        color: #111111; }
      .page-contact .ticket-form .form-group .select-option select[disabled] {
        color: #ededed; }
      .page-contact .ticket-form .form-group .select-option select option {
        color: #111111;
        font-weight: 500; }
  .page-contact .ticket-form .form-group div.err-msg {
    font-size: 12px;
    color: #E30019;
    margin-top: 4px; }

.page-contact .ticket-form .btn-submit {
  background: #1982F9;
  border-radius: 4px;
  border-color: #1982F9;
  width: 100%;
  padding: 8px;
  font-weight: 600; }

@media (min-width: 992px) {
  .page-contact .page-content .page-wrapper {
    padding: 24px 0 40px;
    max-width: 600px;
    margin: auto; }
  .page-contact h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 24px; }
  .page-contact .ticket-form .form-group {
    margin-bottom: 24px; }
    .page-contact .ticket-form .form-group.left {
      padding-right: 18px; }
    .page-contact .ticket-form .form-group.right {
      padding-left: 18px; }
  .page-contact .ticket-form .btn-submit {
    padding: 14px;
    font-size: 16px; } }

/*--------------------------------------------------------------*/
/* PAGE VOUCHER */
/*--------------------------------------------------------------*/
.page-voucher .list-voucher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px; }
  .page-voucher .list-voucher .voucher-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 20px; }
  @media (min-width: 768px) {
    .page-voucher .list-voucher .voucher-col {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media (min-width: 992px) {
    .page-voucher .list-voucher .voucher-col {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%; } }

/*--------------------------------------------------------------*/
/* 404 PAGE */
/*--------------------------------------------------------------*/
.pageNot {
  padding-top: 24px; }
  .pageNot .errorboxoutline {
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 3%;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 24px; }
    .pageNot .errorboxoutline .error-code {
      max-width: 70%;
      margin: auto; }
    .pageNot .errorboxoutline .error-message h1 {
      font-size: 18px;
      line-height: 22px;
      font-weight: 600;
      margin: 20px 0 30px;
      /*text-transform: uppercase;*/ }
    .pageNot .errorboxoutline .errorboxbody p {
      display: block;
      margin: 0 0 30px;
      font-size: 18px;
      line-height: 22px; }
    .pageNot .errorboxoutline .errorboxbody a {
      color: #E30019;
      font-weight: 600; }
    .pageNot .errorboxoutline .button {
      padding: 12px 70px;
      background: #fff;
      border: 1px solid #1982F9;
      color: #1982F9;
      text-transform: uppercase;
      font-weight: 600; }
    @media (max-width: 360px) {
      .pageNot .errorboxoutline .error-message h1 {
        font-size: 18px; } }
  .pageNot .section-heading {
    padding: 12px 24px;
    position: relative;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -ms-align-items: center; }
    .pageNot .section-heading .hTitle {
      font-weight: 600;
      font-size: 24px;
      line-height: 36px;
      color: var(--titlecolor);
      margin-bottom: 0;
      white-space: initial;
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
    .pageNot .section-heading .box-link {
      margin-left: 20px; }
      .pageNot .section-heading .box-link a {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: #1982F9; }
        .pageNot .section-heading .box-link a svg {
          width: 10px;
          height: 10px;
          fill: currentColor;
          margin-left: 6.5px;
          transition: all 0.3s;
          -ms-transition: all 0.3s; }
        .pageNot .section-heading .box-link a:hover {
          color: var(--maincolor); }
        .pageNot .section-heading .box-link a:hover svg {
          color: currentColor; }
    @media (max-width: 1170px) {
      .pageNot .section-heading .hTitle {
        font-size: 22px; }
      .pageNot .section-heading .box-link a {
        font-size: 14px; } }
    @media (max-width: 1024px) {
      .pageNot .section-heading .hTitle {
        font-size: 20px; }
      .pageNot .section-heading .box-link a {
        padding: 3px 6px; } }
    @media (max-width: 991px) {
      .pageNot .section-heading {
        margin: 0;
        padding: 10px 8px;
        overflow: hidden; }
        .pageNot .section-heading .box-header {
          flex: 1 1 auto;
          -webkit-flex: 1 1 auto;
          width: 1%;
          padding-right: 5px; }
        .pageNot .section-heading .hTitle {
          font-size: 18px;
          line-height: 22px; }
        .pageNot .section-heading .hTitle svg {
          width: 20px;
          height: 20px; }
        .pageNot .section-heading .box-link {
          position: absolute;
          top: 10px;
          right: 14px;
          margin-left: 10px; }
        .pageNot .section-heading .box-link a {
          font-size: 14px;
          padding: 0; } }
  .pageNot .section-brands {
    margin-bottom: 24px; }
    .pageNot .section-brands .section-content {
      border-top: 1px solid #ececec; }
    .pageNot .section-brands .brand-list {
      display: flex;
      flex-wrap: wrap; }
      .pageNot .section-brands .brand-list .item-brand {
        width: calc(100% / 8);
        padding: 0 18px;
        margin: 16px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center; }
        .pageNot .section-brands .brand-list .item-brand .item-img {
          position: relative;
          height: 0;
          display: block;
          width: 100%;
          padding-bottom: 90%; }
        .pageNot .section-brands .brand-list .item-brand .item-img img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: contain; }
    @media (max-width: 991px) {
      .pageNot .section-brands .brand-list {
        margin-bottom: 10px;
        overflow-x: auto;
        flex-wrap: nowrap; }
        .pageNot .section-brands .brand-list::-webkit-scrollbar {
          display: none; }
        .pageNot .section-brands .brand-list .item-brand {
          flex: 0 0 15%; } }
    @media (max-width: 767px) {
      .pageNot .section-brands .brand-list .item-brand {
        flex: 0 0 18%; } }
    @media (max-width: 567px) {
      .pageNot .section-brands .brand-list .item-brand {
        flex: 0 0 28%; } }
  .pageNot .section-pageslist .wrapper-content {
    border-radius: 4px 4px 0 0; }
  .pageNot .section-pageslist .section-content {
    padding: 0 8px; }
  .pageNot .section-pageslist .banner-box {
    margin-bottom: 8px; }
  @media (min-width: 992px) {
    .pageNot .section-pageslist .section-content {
      padding: 0 24px; }
    .pageNot .section-pageslist .banner-box {
      margin-bottom: 0px; } }
  .pageNot .section-blogslist {
    margin-bottom: 16px; }
    .pageNot .section-blogslist .wrapper-content {
      border-radius: 0 0 4px 4px;
      padding-top: 16px;
      position: relative;
      background: #fff; }
      .pageNot .section-blogslist .wrapper-content:before {
        content: "";
        width: calc(100% - 24px);
        height: 1px;
        background: #ECECEC;
        position: absolute;
        left: 12px;
        right: 12px; }
    .pageNot .section-blogslist .section-content {
      padding: 0 8px; }
    .pageNot .section-blogslist .posts-list {
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      margin: 0 -4px; }
      .pageNot .section-blogslist .posts-list .post-item {
        -ms-flex: 0 050%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 4px; }
    @media (min-width: 992px) {
      .pageNot .section-blogslist .section-content {
        padding: 0 24px; }
      .pageNot .section-blogslist .posts-list {
        margin: 0 -8px; }
        .pageNot .section-blogslist .posts-list .post-item {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
          padding: 0 8px; } }

.section-pageslist .section-heading {
  padding: 12px; }
  .section-pageslist .section-heading h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: var(--titlecolor);
    margin-bottom: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }

.section-pageslist .wrapper-content {
  border-radius: 4px 4px 0 0;
  background: #fff; }

.section-pageslist .section-content {
  padding: 0 12px; }

.section-pageslist .banner-box {
  margin-bottom: 0px; }

@media (max-width: 1170px) {
  .section-pageslist .section-heading .hTitle {
    font-size: 22px; } }

@media (max-width: 1024px) {
  .section-pageslist .section-heading .hTitle {
    font-size: 20px; } }

@media (max-width: 991px) {
  .section-pageslist .banner-box {
    margin-bottom: 8px; }
  .section-pageslist .section-heading .hTitle {
    font-size: 18px; } }

.section-blogslist {
  margin-bottom: 24px; }
  .section-blogslist .section-heading {
    padding: 12px; }
    .section-blogslist .section-heading h2 {
      font-weight: 600;
      font-size: 24px;
      line-height: 36px;
      color: var(--titlecolor);
      margin-bottom: 0;
      white-space: initial;
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
  .section-blogslist .wrapper-content {
    border-radius: 0 0 4px 4px;
    padding-top: 16px;
    position: relative;
    background: #fff; }
    .section-blogslist .wrapper-content:before {
      content: "";
      width: calc(100% - 24px);
      height: 1px;
      background: #ECECEC;
      position: absolute;
      left: 12px;
      right: 12px; }
  .section-blogslist .section-content {
    padding: 0 12px; }
  .section-blogslist .posts-list {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px; }
    .section-blogslist .posts-list .post-item {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding: 0 8px; }
  @media (max-width: 1170px) {
    .section-blogslist .section-heading .hTitle {
      font-size: 22px; } }
  @media (max-width: 1024px) {
    .section-blogslist .section-heading .hTitle {
      font-size: 20px; } }
  @media (max-width: 991px) {
    .section-blogslist .section-heading .hTitle {
      font-size: 18px; }
    .section-blogslist .posts-list .post-item {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }

/*--------------------------------------------------------------*/
/* SEARCH PAGE */
/*--------------------------------------------------------------*/
.bg-black::before {
  content: '';
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
  cursor: pointer; }

.search-page {
  margin-bottom: 30px; }
  .search-page .page-wrap {
    border-radius: 4px;
    background: #fff;
    margin-top: 17px;
    padding: 24px 0 0; }
    .search-page .page-wrap .page-heading h1 {
      font-weight: 600;
      font-size: 24px;
      text-transform: uppercase;
      margin-bottom: 24px;
      text-align: center; }
    .search-page .page-wrap .search-list-results {
      display: flex;
      flex-wrap: wrap; }
    .search-page .page-wrap .expanded-message {
      text-align: center;
      margin: 0 auto 24px;
      max-width: 500px; }
      .search-page .page-wrap .expanded-message h2 {
        font-size: 16px; }
      .search-page .page-wrap .expanded-message .icon {
        margin-bottom: 24px; }
      .search-page .page-wrap .expanded-message .search-field {
        margin-bottom: 20px; }
        .search-page .page-wrap .expanded-message .search-field form input {
          height: 40px;
          border: 1px solid #000;
          border-radius: 2px; }
        .search-page .page-wrap .expanded-message .search-field form #go {
          background: #000;
          color: #fff;
          width: 100px; }
        .search-page .page-wrap .expanded-message .search-field form .search_box {
          padding: 5px 10px;
          width: calc(100% - 110px); }
      .search-page .page-wrap .expanded-message .message-txt p {
        margin-bottom: 8px; }
    .search-page .page-wrap .subtext {
      margin-bottom: 16px; }
    .search-page .page-wrap .listProduct-row {
      display: flex;
      flex-direction: column;
      gap: 16px; }
  .search-page.js-loading .ajax-render {
    opacity: 0;
    visibility: hidden;
    height: 400px; }
  .search-page.js-loading:after {
    background-color: white; }
  .search-page .search-pagi {
    text-align: center;
    margin: 24px 0; }
    .search-page .search-pagi button {
      display: inline-block;
      padding: 4px 64px;
      height: 36px;
      background: #FFFFFF;
      border-radius: 4px;
      position: relative;
      border: none;
      outline: none; }
    .search-page .search-pagi button span {
      font-weight: bold; }
    .search-page .search-pagi button svg {
      margin-left: 10px;
      vertical-align: 2px; }
  .search-page .search-filter {
    padding: 16px; }
    .search-page .search-filter .list-filter--selected {
      display: flex;
      flex-wrap: wrap; }
      .search-page .search-filter .list-filter--selected > span {
        font-size: 13px;
        font-weight: 600;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
        display: inline-flex;
        align-items: center;
        height: 27px;
        white-space: nowrap;
        gap: 10px; }
      .search-page .search-filter .list-filter--selected .list-tags {
        -ms-flex: 0 0 calc(85% - 10px);
        flex: 0 0 calc(85% - 10px);
        max-width: calc(85% - 10px); }
      .search-page .search-filter .list-filter--selected .filter-tags {
        display: none;
        align-items: center;
        height: 27px;
        line-height: 24px;
        margin: 0 8px 4px 0;
        background: #fff;
        border: 1px solid #cfcfcf;
        font-size: 12px;
        padding: 0 24px 0 8px;
        border-radius: 4px;
        position: relative; }
        .search-page .search-filter .list-filter--selected .filter-tags > span:first-child {
          white-space: nowrap; }
        .search-page .search-filter .list-filter--selected .filter-tags b {
          font-size: 13px;
          font-weight: 600;
          padding: 0 4px 0 8px;
          overflow: hidden;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          display: -webkit-box; }
        .search-page .search-filter .list-filter--selected .filter-tags span.filter-tags--remove {
          display: inline-block;
          width: 18px;
          height: 18px;
          margin-left: 4px;
          cursor: pointer;
          color: #fff;
          text-align: center;
          border: 1px solid #1982F9;
          border-radius: 50%;
          background: #1982F9;
          padding: 4px;
          position: absolute;
          right: 3px; }
        .search-page .search-filter .list-filter--selected .filter-tags span.filter-tags--remove svg {
          fill: #fff;
          stroke: #fff;
          stroke-width: 2px;
          stroke: #fff;
          vertical-align: top; }
        .search-page .search-filter .list-filter--selected .filter-tags.opened {
          display: inline-flex; }
        .search-page .search-filter .list-filter--selected .filter-tags.opened b {
          color: #1982F9; }
        .search-page .search-filter .list-filter--selected .filter-tags.filter-tags--remove-all {
          cursor: pointer;
          border: 0;
          vertical-align: 2px;
          padding: 0; }
        .search-page .search-filter .list-filter--selected .filter-tags.filter-tags--remove-all span {
          color: #3966b8;
          border-bottom: 1px solid #3966b8; }
    .search-page .search-filter .search-sortby {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin-top: 10px; }
    .search-page .search-filter .filter-wrap {
      position: relative;
      display: flex; }
    .search-page .search-filter .filter-group .filter-group--block {
      position: relative; }
    .search-page .search-filter .filter-group .filter-group--title {
      line-height: 18px; }
    .search-page .search-filter .filter-group .filter-group--content ul {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0;
      overflow-y: auto;
      max-height: 400px;
      /*li:nth-child(n+12) {display: none;}*/ }
      .search-page .search-filter .filter-group .filter-group--content ul::-webkit-scrollbar {
        width: 2px; }
      .search-page .search-filter .filter-group .filter-group--content ul::-webkit-scrollbar-track {
        background: #D0D0D0; }
      .search-page .search-filter .filter-group .filter-group--content ul::-webkit-scrollbar-thumb {
        background: #222222; }
      .search-page .search-filter .filter-group .filter-group--content ul li {
        padding-left: 0;
        margin: 5px 10px 5px 0;
        width: auto;
        position: relative;
        cursor: pointer; }
      .search-page .search-filter .filter-group .filter-group--content ul li input[type="radio"],
      .search-page .search-filter .filter-group .filter-group--content ul li input[type="checkbox"] {
        display: none; }
      .search-page .search-filter .filter-group .filter-group--content ul li label {
        padding: 7px 23px 7px 10px;
        border: 1px solid #CFCFCF;
        border-radius: 4px;
        cursor: pointer;
        position: relative;
        margin: 0;
        font-weight: 400;
        width: 100%; }
      .search-page .search-filter .filter-group .filter-group--content ul li.active label, .search-page .search-filter .filter-group .filter-group--content ul li:hover label {
        background: #ffffff;
        border: 1px solid #1982F9;
        color: #1982F9; }
      .search-page .search-filter .filter-group .filter-group--content ul li.active label {
        font-weight: 600; }
      .search-page .search-filter .filter-group .filter-group--content ul li.list-more {
        display: none; }
      .search-page .search-filter .filter-group .filter-group--content ul li.list-more label {
        background: #ebebeb;
        display: flex;
        align-items: center; }
      .search-page .search-filter .filter-group .filter-group--content ul li.list-more label svg {
        width: 15px;
        height: 15px;
        margin: 0 3px;
        fill: currentColor; }
      .search-page .search-filter .filter-group .filter-group--content ul li:not(.list-more):after {
        content: attr(data-count);
        position: absolute;
        top: -5px;
        right: -5px;
        z-index: 1;
        font-size: 12px;
        color: #fff;
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: #959596;
        display: inline-flex;
        align-items: center;
        justify-content: center; }
      @media (max-width: 991px) {
        .search-page .search-filter .filter-group .filter-group--content ul li {
          font-size: 12px; } }
    .search-page .search-filter .filter-control a + a {
      margin-left: 8px; }
    .search-page .search-filter .filter-control .filter-button .btn-filter--unselect,
    .search-page .search-filter .filter-control .filter-button .btn-filter--apply {
      border-radius: 4px;
      display: inline-block;
      line-height: 14px;
      padding: 10px 0;
      text-align: center;
      width: 140px;
      position: relative;
      opacity: 0.7;
      pointer-events: none; }
    .search-page .search-filter .filter-control .filter-button .btn-filter--unselect {
      border: 1px solid var(--maincolor);
      color: var(--maincolor); }
      .search-page .search-filter .filter-control .filter-button .btn-filter--unselect.active {
        opacity: 1;
        pointer-events: initial; }
    .search-page .search-filter .filter-control .filter-button .btn-filter--apply {
      background-color: #2485f6;
      color: #fff; }
      .search-page .search-filter .filter-control .filter-button .btn-filter--apply span {
        display: none;
        width: 22px;
        transition: all .25s ease; }
        .search-page .search-filter .filter-control .filter-button .btn-filter--apply span svg {
          height: 10px;
          top: calc(50% - 5px);
          stroke: currentColor;
          position: absolute;
          opacity: 0;
          transform: scale(0.8);
          -webkit-animation: move-chevron 1.5s ease-out infinite;
          animation: move-chevron 1.5s ease-out infinite; }
        .search-page .search-filter .filter-control .filter-button .btn-filter--apply span svg:first-child {
          -webkit-animation: move-chevron 1.5s ease-out 1s infinite;
          animation: move-chevron 1.5s ease-out 1s infinite; }
        .search-page .search-filter .filter-control .filter-button .btn-filter--apply span svg:nth-child(2) {
          -webkit-animation: move-chevron 1.5s ease-out 2s infinite;
          animation: move-chevron 1.5s ease-out 2s infinite; }
      .search-page .search-filter .filter-control .filter-button .btn-filter--apply.active {
        opacity: 1;
        pointer-events: initial; }
      .search-page .search-filter .filter-control .filter-button .btn-filter--apply.active span {
        display: inline-block;
        width: 22px; }
    .search-page .search-filter .range-slider {
      margin: 5px 12px 20px 12px; }
      .search-page .search-filter .range-slider .noUi-horizontal {
        height: 4px;
        border: none;
        background: #ECECEC; }
      .search-page .search-filter .range-slider .noUi-base .noUi-origin {
        top: -2px; }
      .search-page .search-filter .range-slider .noUi-base .noUi-connect {
        background: #24B400; }
      .search-page .search-filter .range-slider .noUi-base .noUi-handle {
        box-shadow: none;
        border: 0;
        width: 20px;
        height: 20px;
        right: -9px;
        top: -6px;
        border-radius: 50%; }
        .search-page .search-filter .range-slider .noUi-base .noUi-handle:after, .search-page .search-filter .range-slider .noUi-base .noUi-handle:before {
          display: none; }
        .search-page .search-filter .range-slider .noUi-base .noUi-handle .noUi-touch-area {
          border-radius: 50%;
          background-color: rgba(76, 175, 80, 0.75); }
      .search-page .search-filter .range-slider .range-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
        padding: 0 10px;
        position: relative; }
        .search-page .search-filter .range-slider .range-price:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          left: 17px;
          right: 17px;
          background: #CFCFCF;
          height: 1px; }
        .search-page .search-filter .range-slider .range-price input {
          padding: 4px 8px;
          text-align: center;
          border: 1px solid #CFCFCF;
          border-radius: 4px;
          color: #111;
          cursor: pointer;
          position: relative;
          margin: 0;
          font-size: 13px;
          font-weight: 500;
          width: 100%;
          white-space: nowrap;
          outline: none; }
          .search-page .search-filter .range-slider .range-price input:focus {
            border: 1px solid #1982F9; }
    .search-page .search-filter .sortby-control {
      position: relative; }
      .search-page .search-filter .sortby-control .listbox__button {
        position: relative;
        z-index: 1;
        cursor: pointer;
        outline: none;
        border: 1px solid #CFCFCF;
        border-radius: 4px;
        font-size: 13px;
        line-height: 14px;
        padding: 5px 29px 5px 11px;
        width: 100%;
        background: transparent;
        text-align: left;
        display: inline-flex;
        align-items: center; }
        .search-page .search-filter .sortby-control .listbox__button:after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          right: 11px;
          margin: auto;
          height: 5px;
          width: 10px;
          background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.35858 5.35858L0.841421 0.841421C0.715428 0.715428 0.804661 0.5 0.982842 0.5H10.0172C10.1953 0.5 10.2846 0.715428 10.1586 0.841421L5.64142 5.35858C5.56332 5.43668 5.43668 5.43668 5.35858 5.35858Z' fill='%23111111'/%3E%3C/svg%3E%0A");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
        .search-page .search-filter .sortby-control .listbox__button svg {
          width: 20px;
          height: 20px;
          margin-right: 5px; }
        .search-page .search-filter .sortby-control .listbox__button .listbox__text {
          display: inline-block;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          margin-right: 5px; }
        .search-page .search-filter .sortby-control .listbox__button .listbox__value {
          font-weight: 600; }
      .search-page .search-filter .sortby-control .listbox__list-wrapper {
        position: absolute;
        z-index: 3;
        right: 0;
        margin: 0;
        width: 170px;
        border-radius: 4px;
        top: 110%;
        background: #FFFFFF;
        border: 1px solid #CFCFCF;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        display: none;
        visibility: hidden;
        opacity: 0; }
        .search-page .search-filter .sortby-control .listbox__list-wrapper ul {
          margin: 0;
          padding: 0;
          display: block;
          width: 100%;
          list-style-type: none; }
        .search-page .search-filter .sortby-control .listbox__list-wrapper ul li {
          display: flex;
          position: relative;
          cursor: pointer;
          padding: 7px 16px;
          background: #fff; }
        .search-page .search-filter .sortby-control .listbox__list-wrapper ul li input {
          opacity: 0;
          visibility: hidden;
          outline: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
        .search-page .search-filter .sortby-control .listbox__list-wrapper ul li label {
          margin-bottom: 0;
          display: block;
          cursor: pointer;
          font-weight: 400;
          font-size: 14px;
          line-height: 18px; }
        .search-page .search-filter .sortby-control .listbox__list-wrapper ul li:hover {
          background: #E7F2FF; }
        .search-page .search-filter .sortby-control .listbox__list-wrapper ul li.active label {
          font-weight: 600; }
        .search-page .search-filter .sortby-control .listbox__list-wrapper.show-sort {
          display: block;
          visibility: visible;
          opacity: 1; }
    .search-page .search-filter .filter-total {
      margin-right: 8px; }
      .search-page .search-filter .filter-total .filter-total--title {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 4px 10px;
        text-align: center;
        background: #FFFFFF;
        border: 1px solid #CFCFCF;
        border-radius: 4px;
        cursor: pointer;
        height: 36px; }
        .search-page .search-filter .filter-total .filter-total--title span {
          display: inline-block;
          white-space: nowrap; }
        .search-page .search-filter .filter-total .filter-total--title svg {
          width: 14px;
          height: 14px;
          margin-right: 9px;
          fill: #ffffff; }
        .search-page .search-filter .filter-total .filter-total--title span.filter-number {
          position: absolute;
          top: -8px;
          right: 4px;
          width: 16px;
          height: 16px;
          background: #FF8A00;
          border-radius: 50%;
          color: #fff;
          font-weight: 600;
          font-size: 12px;
          line-height: 16px;
          text-align: center; }
      .search-page .search-filter .filter-total .filter-total--content {
        display: none;
        background-color: #fff;
        position: fixed;
        border-radius: 4px 4px 0 0;
        max-height: 70vh;
        width: 100%;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        white-space: normal;
        z-index: 14;
        overflow-y: auto; }
      .search-page .search-filter .filter-total .filter-total--content.active {
        display: block; }
      .search-page .search-filter .filter-total .filter-total--content-head {
        display: flex;
        justify-content: flex-end;
        padding: 10px 16px 10px 16px;
        position: sticky;
        top: 0;
        z-index: 2;
        background: #fff; }
        .search-page .search-filter .filter-total .filter-total--content-head .filter-tags-wrap {
          width: calc(100% - 85px); }
        .search-page .search-filter .filter-total .filter-total--content-head .filter-tags-btn {
          width: 85px;
          position: relative;
          text-align: right; }
          .search-page .search-filter .filter-total .filter-total--content-head .filter-tags-btn .filter-btn-close {
            background-color: #fff;
            border: 1px solid #CFCFCF;
            border-radius: 4px;
            cursor: pointer;
            padding: 8px 10px;
            color: #000;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 75px;
            margin-left: auto; }
            .search-page .search-filter .filter-total .filter-total--content-head .filter-tags-btn .filter-btn-close svg {
              width: 12px;
              height: 12px;
              margin-right: 5px; }
      .search-page .search-filter .filter-total .filter-total--content-body .list-filter--main {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 0 6px 16px; }
      .search-page .search-filter .filter-total .filter-total--content-body .filter-control {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
        padding: 8px;
        bottom: 0;
        margin: 0;
        position: sticky;
        width: 100%;
        z-index: 2; }
      .search-page .search-filter .filter-total .line {
        -ms-flex: 0 0 calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
        max-width: calc(100% - 20px);
        margin: auto;
        height: 1px;
        background: #CFCFCF; }
      .search-page .search-filter .filter-total .filter-group {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px; }
        .search-page .search-filter .filter-total .filter-group.vendor-group {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; }
        .search-page .search-filter .filter-total .filter-group .filter-group--title {
          font-weight: 600;
          margin-bottom: 8px; }
      .search-page .search-filter .filter-total .range-slider {
        margin: 5px 0 10px 0; }
        .search-page .search-filter .filter-total .range-slider .range-price {
          padding: 0; }
        .search-page .search-filter .filter-total .range-slider .range-price > span {
          width: 40%; }
      @media (min-width: 992px) {
        .search-page .search-filter .filter-total .filter-total--title.active {
          border: 1px solid #1982F9;
          position: relative;
          z-index: 11; }
        .search-page .search-filter .filter-total .filter-total--title.active .icon-arrow {
          width: 27px;
          height: 14px;
          top: 30px;
          left: 25px;
          position: absolute;
          overflow: hidden; }
        .search-page .search-filter .filter-total .filter-total--title.active .icon-arrow::before {
          content: "";
          position: absolute;
          width: 27px;
          height: 27px;
          background: #fff;
          transform: rotate(45deg);
          top: 10px;
          left: 0;
          box-shadow: -2px -2px 5px -4px; }
        .search-page .search-filter .filter-total .filter-total--content {
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
          border-radius: 4px;
          width: 900px;
          max-width: 900px;
          max-height: 90vh;
          min-width: 382px;
          position: absolute;
          top: 45px;
          right: auto;
          bottom: auto;
          z-index: 10; }
        .search-page .search-filter .filter-total .filter-total--content-body .filter-control {
          padding: 12px 10px; }
        .search-page .search-filter .filter-total .filter-group {
          -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
          max-width: 33.333333%; } }
    .search-page .search-filter .filter-single {
      display: none; }
      .search-page .search-filter .filter-single .filter-group--title {
        background: #FFFFFF;
        border: 1px solid #CFCFCF;
        cursor: pointer;
        border-radius: 4px;
        height: 36px;
        padding: 4px 28px 4px 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 3; }
        .search-page .search-filter .filter-single .filter-group--title .icon-control {
          position: absolute;
          top: 0;
          bottom: 0;
          right: 10px;
          margin: auto;
          height: 5px;
          width: 10px;
          background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.35858 5.35858L0.841421 0.841421C0.715428 0.715428 0.804661 0.5 0.982842 0.5H10.0172C10.1953 0.5 10.2846 0.715428 10.1586 0.841421L5.64142 5.35858C5.56332 5.43668 5.43668 5.43668 5.35858 5.35858Z' fill='%23111111'/%3E%3C/svg%3E%0A");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
        .search-page .search-filter .filter-single .filter-group--title.showing {
          border: 1px solid #1982F9; }
          .search-page .search-filter .filter-single .filter-group--title.showing .icon-arrow {
            width: 27px;
            height: 14px;
            top: 30px;
            left: 25px;
            position: absolute;
            overflow: hidden;
            z-index: 2; }
          .search-page .search-filter .filter-single .filter-group--title.showing .icon-arrow::before {
            content: "";
            position: absolute;
            width: 27px;
            height: 27px;
            background: #fff;
            transform: rotate(45deg);
            top: 10px;
            left: 0;
            box-shadow: -2px -2px 5px -4px; }
      .search-page .search-filter .filter-single .filter-group--content {
        background-color: #fff;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        margin: auto;
        left: 0;
        top: 125%;
        position: absolute;
        z-index: 4;
        padding: 16px 16px 0;
        display: none;
        min-width: 560px;
        max-width: 900px; }
        .search-page .search-filter .filter-single .filter-group--content.active {
          display: block; }
        .search-page .search-filter .filter-single .filter-group--content.filter-show--right {
          right: 0;
          left: auto; }
      .search-page .search-filter .filter-single .filter-button--single {
        background-color: #fff;
        box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
        margin: 8px -16px 0;
        padding: 8px 10px;
        text-align: center; }
      .search-page .search-filter .filter-single .list-filter--main {
        display: flex;
        flex-wrap: wrap;
        gap: 8px; }
      .search-page .search-filter .filter-single .filter-group .filter-group--block {
        position: relative; }
      .search-page .search-filter .filter-single .filter-group.vendor-group {
        max-width: 120px; }
        .search-page .search-filter .filter-single .filter-group.vendor-group .text {
          max-width: 80px;
          overflow: hidden;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          display: -webkit-box;
          white-space: initial; }
      .search-page .search-filter .filter-single .filter-group.hasSelect .filter-group--title {
        border: 1px solid #1982F9;
        color: #1982F9; }
        .search-page .search-filter .filter-single .filter-group.hasSelect .filter-group--title .icon-control {
          background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.85858 5.35858L0.341421 0.841421C0.215428 0.715428 0.304661 0.5 0.482842 0.5H9.51716C9.69534 0.5 9.78457 0.715428 9.65858 0.841421L5.14142 5.35858C5.06332 5.43668 4.93668 5.43668 4.85858 5.35858Z' fill='%231982F9'/%3E%3C/svg%3E%0A"); }
      @media (min-width: 992px) {
        .search-page .search-filter .filter-single {
          display: block; } }
    .search-page .search-filter.fixed-head {
      background-color: #fff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
      max-width: 100%;
      margin: 0 auto;
      position: fixed;
      width: 100%;
      left: 0;
      right: 0;
      top: 0;
      z-index: 9;
      padding: 8px; }
      .search-page .search-filter.fixed-head .filter-wrap {
        max-width: 1200px;
        margin: 0 auto;
        white-space: nowrap; }
    @media (max-width: 991px) {
      .search-page .search-filter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 4px; }
        .search-page .search-filter .search-sortby {
          margin-top: 0; }
        .search-page .search-filter .range-slider {
          margin: 5px 10px 20px;
          width: calc(100% - 20px); }
        .search-page .search-filter .filter-tags-wrap {
          display: none; } }

/*--------------------------------------------------------------*/
/* PAGE TRACKING */
/*--------------------------------------------------------------*/
.tracking-page .page-wrap {
  padding: 24px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 24px; }

.tracking-page .page-heading {
  text-align: center; }
  .tracking-page .page-heading h1 {
    font-weight: 600;
    font-size: 20px;
    margin: 24px 0 16px; }

.tracking-page .tracking-search {
  background: #ffffff;
  max-width: 400px;
  margin: auto; }
  .tracking-page .tracking-search .form-control {
    width: 100%;
    height: 56px;
    background: #FFFFFF;
    outline: none;
    color: #111111;
    font-weight: 400;
    font-size: 14px;
    padding: 12px 16px 12px 80px;
    border: 1px solid #CFCFCF;
    border-radius: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; }
    .tracking-page .tracking-search .form-control:focus {
      background-color: #fff;
      border-color: #111111;
      box-shadow: 0 0 0 1px #111111; }
  .tracking-page .tracking-search .form-group.relative {
    position: relative;
    margin-top: 16px; }
  .tracking-page .tracking-search .form-group svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 48px;
    margin: auto; }
  .tracking-page .tracking-search button {
    width: 100%;
    height: 56px;
    border-radius: 100px;
    padding: 12px 16px;
    font-size: 18px;
    font-weight: 600; }
  .tracking-page .tracking-search input + p {
    margin: 10px 0;
    font-weight: 400; }

@media (min-width: 768px) {
  .tracking-page .page-heading .icon svg {
    width: 420px; } }

@media (min-width: 992px) {
  .tracking-page .page-wrap {
    padding: 24px 24px 65px; }
  .tracking-page .page-heading h1 {
    font-size: 24px; } }

/* status tracking order */
.tracking-list .order-col {
  margin-bottom: 30px; }
  .tracking-list .order-col h3 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600; }
  .tracking-list .order-col .item-info {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 5px; }
    .tracking-list .order-col .item-info .title {
      width: 25%;
      padding: 0px; }
    .tracking-list .order-col .item-info .desc {
      padding: 0px;
      width: calc(75% - 10px); }
    .tracking-list .order-col .item-info .btn-return, .tracking-list .order-col .item-info .btn-cancel {
      display: block;
      background: #fff;
      border: 1px solid #000;
      color: #000;
      text-decoration: none;
      text-transform: uppercase;
      padding: 10px 5px;
      text-align: center;
      font-size: 14px;
      border-radius: 0;
      width: 100%;
      margin-bottom: 10px; }
    .tracking-list .order-col .item-info .btn-cancel[disabled] {
      opacity: 0.2; }
  .tracking-list .order-col .detail-order {
    display: inline-block;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 5px;
    text-align: center;
    font-size: 14px;
    border-radius: 0;
    width: 100%;
    margin-bottom: 10px; }

.tracking-list .line-order {
  padding: 30px 0 20px;
  border-top: 1px solid #CFCFCF; }

.tracking-list .tracking-alert {
  width: 360px;
  margin: auto; }

.tracking-list .step-maker {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  margin: 30px 0; }
  .tracking-list .step-maker .step {
    width: 100%;
    text-align: center;
    position: relative; }
    .tracking-list .step-maker .step .step-number span {
      font-size: 0; }
    .tracking-list .step-maker .step .step-number span:before {
      content: "";
      display: block;
      background-repeat: no-repeat;
      background-size: 50%;
      background-position: center;
      width: 30px;
      height: 30px; }
    .tracking-list .step-maker .step:before {
      position: absolute;
      height: 5px;
      border-bottom: 1px solid black;
      content: '';
      top: 19%;
      width: 100%;
      left: 50%; }
    .tracking-list .step-maker .step > label {
      display: block; }
      .tracking-list .step-maker .step > label:last-child {
        color: #dfdfdf;
        font-weight: 500;
        text-transform: uppercase; }
    .tracking-list .step-maker .step > label.step-number {
      color: #000;
      border-radius: 50%;
      border: 2px solid #eee;
      background: #eee;
      display: inline-block;
      height: 50px;
      width: 50px;
      margin-bottom: 6px;
      position: relative; }
      .tracking-list .step-maker .step > label.step-number > span {
        font-weight: bold;
        position: absolute;
        top: 50%;
        left: 49%;
        transform: translate(-50%, -50%); }
        .tracking-list .step-maker .step > label.step-number > span:before {
          background-size: contain; }
    .tracking-list .step-maker .step.active > label.step-number {
      color: #fff;
      border: 2px solid #000;
      background-color: #000; }
    .tracking-list .step-maker .step.active > label:last-child {
      color: #000; }
  .tracking-list .step-maker .step-number-1 span:before {
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='32' viewBox='0 0 38 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.3173 10.7115C36.8171 10.084 36.0667 9.72399 35.2583 9.72399H27.9632L24.0074 0.665949C23.7621 0.104339 23.108 -0.15231 22.5463 0.0930936C21.9846 0.338349 21.7281 0.992587 21.9734 1.55427L25.5413 9.72406H12.3383L15.9062 1.55427C16.1514 0.992587 15.895 0.338423 15.3333 0.0930936C14.7717 -0.15231 14.1175 0.104191 13.8722 0.665949L9.9164 9.72406H2.62132C1.81297 9.72406 1.06256 10.084 0.562354 10.7116C0.0713249 11.3277 -0.109861 12.1198 0.0652582 12.8849L3.96101 29.9012C4.23305 31.0893 5.28414 31.9191 6.51707 31.9191H31.3626C32.5955 31.9191 33.6466 31.0893 33.9186 29.9012L37.8144 12.8849C37.9895 12.1197 37.8083 11.3277 37.3173 10.7115ZM31.3626 29.6996H6.51707C6.32864 29.6996 6.16358 29.576 6.12459 29.4057L2.22884 12.3896C2.19828 12.2561 2.24955 12.1556 2.29808 12.0949C2.34307 12.0383 2.44494 11.9436 2.62132 11.9436H8.94714L8.65646 12.6092C8.4112 13.1709 8.66763 13.825 9.22931 14.0704C9.37388 14.1336 9.52451 14.1634 9.67284 14.1634C10.1006 14.1634 10.5083 13.9146 10.6904 13.4976L11.3691 11.9437H26.5107L27.1894 13.4976C27.3715 13.9147 27.7792 14.1634 28.2069 14.1634C28.3552 14.1634 28.5059 14.1336 28.6505 14.0704C29.2121 13.8251 29.4686 13.1709 29.2233 12.6092L28.9326 11.9436H35.2585C35.4348 11.9436 35.5367 12.0383 35.5817 12.0949C35.6301 12.1557 35.6815 12.2561 35.6509 12.3895L31.7552 29.4058C31.7161 29.576 31.551 29.6996 31.3626 29.6996Z' fill='%235E5E5E'/%3E%3Cpath d='M12.2814 16.7524C11.6685 16.7524 11.1716 17.2493 11.1716 17.8622V26.0004C11.1716 26.6133 11.6685 27.1102 12.2814 27.1102C12.8943 27.1102 13.3911 26.6133 13.3911 26.0004V17.8622C13.3911 17.2493 12.8943 16.7524 12.2814 16.7524Z' fill='%235E5E5E'/%3E%3Cpath d='M18.9398 16.7524C18.327 16.7524 17.8301 17.2493 17.8301 17.8622V26.0004C17.8301 26.6133 18.327 27.1102 18.9398 27.1102C19.5527 27.1102 20.0496 26.6133 20.0496 26.0004V17.8622C20.0496 17.2493 19.5527 16.7524 18.9398 16.7524Z' fill='%235E5E5E'/%3E%3Cpath d='M25.5983 16.7524C24.9854 16.7524 24.4885 17.2493 24.4885 17.8622V26.0004C24.4885 26.6133 24.9854 27.1102 25.5983 27.1102C26.2112 27.1102 26.708 26.6133 26.708 26.0004V17.8622C26.708 17.2493 26.2112 16.7524 25.5983 16.7524Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    width: 25px;
    height: 25px; }
  .tracking-list .step-maker .step-number-2 span:before {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='39' viewBox='0 0 33 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_292:6814)'%3E%3Cpath d='M32.966 10.2213C32.9566 10.1848 32.9452 10.1488 32.9319 10.1135C32.9199 10.0754 32.9027 10.0391 32.8808 10.0058C32.868 9.9689 32.8477 9.93514 32.8212 9.90668C32.797 9.86635 32.7669 9.83001 32.7318 9.79894C32.6746 9.73752 32.6086 9.68521 32.5359 9.6438L16.6917 0.163141C16.5452 0.0804934 16.3803 0.0371094 16.2126 0.0371094C16.045 0.0371094 15.8801 0.0804934 15.7336 0.163141L0.485471 8.7259C0.415554 8.76807 0.349942 8.81715 0.2896 8.87242L0.204438 8.97154C0.0697979 9.14786 -0.00220513 9.36495 5.14711e-05 9.58778V28.5491C-0.000823973 28.7177 0.0419567 28.8836 0.124134 29.0303C0.206312 29.177 0.32502 29.2993 0.468439 29.3851L16.3255 38.8658L16.3766 38.8916C16.4326 38.9263 16.4948 38.9497 16.5597 38.9606C16.6016 38.9783 16.6463 38.9885 16.6917 38.9908H16.8109H16.9301C16.9708 38.9876 17.0109 38.9789 17.0493 38.9649L17.1601 38.9304L17.2282 38.9003C17.2464 38.8943 17.2636 38.8856 17.2793 38.8744L32.5104 30.2729C32.6619 30.188 32.7876 30.0629 32.8739 29.911C32.9602 29.7591 33.0038 29.5862 33 29.411V10.4497C32.9989 10.3723 32.9874 10.2955 32.966 10.2213ZM15.8528 19.633V36.3276L1.91618 27.9803V11.3115L15.8528 19.633ZM23.313 19.5295V16.513L25.8678 15.0736V18.1247L23.313 19.5295ZM17.7775 19.6545L21.3883 17.6119V21.1542C21.3864 21.3224 21.4288 21.4881 21.5112 21.6343C21.5935 21.7804 21.7127 21.9018 21.8567 21.9859C22.0012 22.0674 22.1639 22.1102 22.3293 22.1102C22.4948 22.1102 22.6575 22.0674 22.802 21.9859L27.2602 19.5511C27.4138 19.4676 27.5418 19.3431 27.6304 19.1912C27.719 19.0392 27.7647 18.8656 27.7626 18.6892V14.0049L31.0924 12.1217V28.8421L17.7775 36.3793V19.6545ZM26.8471 12.2984L12.8935 3.94679L16.1764 2.08944L30.1259 10.4497L26.8471 12.2984ZM22.389 14.7591L8.50766 6.429L10.9646 5.04137L24.8799 13.3757L22.389 14.7591ZM20.5197 15.8924L16.8237 17.9825L2.87424 9.61364L6.57024 7.51927L20.5197 15.8924Z' fill='%235E5E5E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_292:6814'%3E%3Crect width='33' height='39' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
  .tracking-list .step-maker .step-number-3 span:before {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='26' viewBox='0 0 48 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_292:6824)'%3E%3Cpath d='M47.3952 14.7926L43.3598 7.59349C43.1858 7.27782 42.9301 7.01428 42.6193 6.8302C42.3085 6.64611 41.9539 6.5482 41.5923 6.54661H36.225V1.48428C36.224 1.09092 36.0667 0.713933 35.7874 0.435781C35.5081 0.15763 35.1296 0.00094673 34.7346 0H9.7771C9.38213 0.00094673 9.00361 0.15763 8.72433 0.435781C8.44504 0.713933 8.28773 1.09092 8.28678 1.48428V3.80033H5.20532C4.97142 3.80033 4.74709 3.89287 4.58169 4.0576C4.41629 4.22233 4.32337 4.44575 4.32337 4.67871C4.32337 4.91167 4.41629 5.13509 4.58169 5.29982C4.74709 5.46454 4.97142 5.55709 5.20532 5.55709H14.3093C14.5432 5.55709 14.7675 5.46454 14.9329 5.29982C15.0983 5.13509 15.1912 4.91167 15.1912 4.67871C15.1912 4.44575 15.0983 4.22233 14.9329 4.0576C14.7675 3.89287 14.5432 3.80033 14.3093 3.80033H10.0471V1.75317H34.4611V7.43216V20.9126H23.784C23.5826 19.9702 23.0621 19.1253 22.3097 18.5196C21.5574 17.9139 20.6188 17.5841 19.6514 17.5855C19.0971 17.5847 18.5481 17.6936 18.0364 17.906C17.5247 18.1183 17.0605 18.4298 16.6708 18.8224C16.0962 19.3965 15.7 20.1235 15.5296 20.9162H10.0471V16.9437H12.1134C12.2337 16.9514 12.3543 16.9344 12.4678 16.8938C12.5813 16.8533 12.6852 16.7899 12.7731 16.7078C12.861 16.6256 12.9311 16.5264 12.979 16.4162C13.0269 16.306 13.0517 16.1872 13.0517 16.0672C13.0517 15.9471 13.0269 15.8283 12.979 15.7181C12.9311 15.6079 12.861 15.5087 12.7731 15.4265C12.6852 15.3444 12.5813 15.281 12.4678 15.2405C12.3543 15.1999 12.2337 15.1829 12.1134 15.1906H2.64946C2.52914 15.1829 2.40852 15.1999 2.29505 15.2405C2.18158 15.281 2.07767 15.3444 1.98974 15.4265C1.90181 15.5087 1.83172 15.6079 1.78381 15.7181C1.7359 15.8283 1.71118 15.9471 1.71118 16.0672C1.71118 16.1872 1.7359 16.306 1.78381 16.4162C1.83172 16.5264 1.90181 16.6256 1.98974 16.7078C2.07767 16.7899 2.18158 16.8533 2.29505 16.8938C2.40852 16.9344 2.52914 16.9514 2.64946 16.9437H8.28678V21.7945C8.28583 21.9102 8.30781 22.0249 8.35149 22.1321C8.39516 22.2392 8.45966 22.3367 8.54127 22.419C8.62288 22.5013 8.72 22.5667 8.82706 22.6115C8.93412 22.6563 9.049 22.6796 9.16513 22.6801H15.5224C15.7255 23.621 16.246 24.4642 16.9972 25.0695C17.7484 25.6748 18.6851 26.0057 19.6514 26.0072C20.6175 26.0051 21.5539 25.6739 22.3049 25.0687C23.056 24.4635 23.5767 23.6207 23.7804 22.6801H37.0709C37.2741 23.621 37.7945 24.4642 38.5457 25.0695C39.297 25.6748 40.2336 26.0057 41.1999 26.0072C42.1662 26.0057 43.1029 25.6748 43.8541 25.0695C44.6053 24.4642 45.1258 23.621 45.3289 22.6801H46.5853C46.9596 22.6763 47.3172 22.5253 47.5801 22.26C47.8431 21.9948 47.9902 21.6367 47.9892 21.2639V17.1122C47.9926 16.3013 47.7882 15.5029 47.3952 14.7926ZM38.7557 21.8304C38.7557 21.8304 38.7557 21.8017 38.7557 21.7874C38.7557 21.773 38.7557 21.7551 38.7557 21.7372C38.767 21.0952 39.031 20.4834 39.4909 20.0334C39.9507 19.5835 40.5697 19.3314 41.2143 19.3315C41.5383 19.3324 41.8589 19.397 42.1577 19.5216C42.4566 19.6461 42.7278 19.8282 42.9559 20.0574C43.1839 20.2865 43.3644 20.5582 43.4868 20.8569C43.6093 21.1556 43.6713 21.4755 43.6694 21.7981C43.6675 22.4476 43.4074 23.0699 42.9459 23.5288C42.4844 23.9877 41.8593 24.2459 41.2071 24.2468C40.5631 24.246 39.9451 23.9935 39.486 23.5436C39.0269 23.0938 38.7634 22.4825 38.7521 21.8412L38.7557 21.8304ZM44.1986 18.8081C43.8078 18.4163 43.3427 18.1059 42.8304 17.8948C42.3181 17.6837 41.7688 17.5761 41.2143 17.5783C40.2476 17.5788 39.3104 17.9098 38.5594 18.5161C37.8085 19.1224 37.2894 19.9671 37.0889 20.909H36.243V8.31412H41.6103C41.6566 8.31407 41.702 8.32634 41.7419 8.34967C41.7817 8.37299 41.8146 8.40652 41.8371 8.44677L45.8761 15.6566C46.1181 16.1036 46.242 16.6045 46.2361 17.1122V20.9162H45.3325C45.1627 20.1207 44.7637 19.3918 44.1842 18.8188L44.1986 18.8081ZM17.1999 21.8268C17.1999 21.8268 17.1999 21.7981 17.1999 21.7838C17.1999 21.7694 17.1999 21.7551 17.1999 21.7372C17.2113 21.0952 17.4753 20.4834 17.9352 20.0334C18.395 19.5835 19.0139 19.3314 19.6586 19.3315C20.3111 19.3343 20.9359 19.5942 21.3965 20.0544C21.8572 20.5145 22.1163 21.1376 22.1173 21.7874C22.1154 22.4362 21.8557 23.058 21.3951 23.5168C20.9344 23.9756 20.3101 24.2342 19.6586 24.2361C19.014 24.2352 18.3954 23.9822 17.9362 23.5316C17.477 23.081 17.2139 22.4688 17.2035 21.8268H17.1999Z' fill='%235E5E5E'/%3E%3Cpath d='M9.16508 6.84033C8.93213 6.84033 8.70872 6.9325 8.54399 7.09655C8.37927 7.26061 8.28673 7.48312 8.28673 7.71512V11.8274H6.44722C6.22352 11.8416 6.01366 11.9402 5.8603 12.103C5.70694 12.2658 5.62158 12.4807 5.62158 12.704C5.62158 12.9272 5.70694 13.1421 5.8603 13.3049C6.01366 13.4677 6.22352 13.5663 6.44722 13.5805H19.655C19.7753 13.5882 19.8959 13.5712 20.0094 13.5306C20.1228 13.4901 20.2267 13.4267 20.3147 13.3446C20.4026 13.2624 20.4727 13.1632 20.5206 13.053C20.5685 12.9428 20.5932 12.824 20.5932 12.704C20.5932 12.5839 20.5685 12.4651 20.5206 12.3549C20.4727 12.2447 20.4026 12.1455 20.3147 12.0633C20.2267 11.9812 20.1228 11.9179 20.0094 11.8773C19.8959 11.8367 19.7753 11.8197 19.655 11.8274H10.047V7.71512C10.0461 7.48279 9.95275 7.26029 9.78746 7.09633C9.62216 6.93238 9.39837 6.84033 9.16508 6.84033Z' fill='%235E5E5E'/%3E%3Cpath d='M6.91887 8.78365C6.91887 8.55069 6.82595 8.32727 6.66055 8.16254C6.49515 7.99782 6.27083 7.90527 6.03692 7.90527H0.878373C0.654671 7.91953 0.444811 8.01808 0.29145 8.18091C0.138089 8.34373 0.0527344 8.55861 0.0527344 8.78186C0.0527344 9.00511 0.138089 9.21998 0.29145 9.38281C0.444811 9.54563 0.654671 9.64419 0.878373 9.65845H6.03692C6.2702 9.65845 6.49399 9.5664 6.65928 9.40244C6.82458 9.23849 6.91792 9.01599 6.91887 8.78365Z' fill='%235E5E5E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_292:6824'%3E%3Crect width='48' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
  .tracking-list .step-maker .step-number-4 span:before {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_292:6858)'%3E%3Cpath d='M27.3147 4.68513C25.8317 3.19554 24.0682 2.01456 22.1261 1.21041C20.184 0.406267 18.1018 -0.00510935 15.9998 4.78958e-05C13.8978 -0.00510935 11.8157 0.406267 9.87358 1.21041C7.93149 2.01456 6.16798 3.19554 4.68491 4.68513C3.19437 6.16749 2.01277 7.93087 1.20856 9.87312C0.404342 11.8154 -0.00650014 13.8979 -0.000172139 16C-0.00650014 18.1022 0.404342 20.1847 1.20856 22.127C2.01277 24.0692 3.19437 25.8326 4.68491 27.315C6.16727 28.8055 7.93065 29.9871 9.8729 30.7913C11.8152 31.5955 13.8977 32.0064 15.9998 32C18.102 32.0064 20.1845 31.5955 22.1268 30.7913C24.069 29.9871 25.8324 28.8055 27.3147 27.315C28.8043 25.8319 29.9853 24.0684 30.7895 22.1263C31.5936 20.1842 32.005 18.102 31.9998 16C32.005 13.8981 31.5936 11.8159 30.7895 9.8738C29.9853 7.93171 28.8043 6.1682 27.3147 4.68513ZM15.9998 30.0977C12.2623 30.093 8.67924 28.6063 6.03643 25.9634C3.39362 23.3206 1.90683 19.7375 1.90215 16C1.90683 12.2629 3.39373 8.68015 6.03665 6.0379C8.67956 3.39565 12.2627 1.90965 15.9998 1.9059C19.7367 1.90965 23.3194 3.39576 25.9618 6.03812C28.6041 8.68047 30.0902 12.2632 30.094 16C30.0902 19.7372 28.6042 23.3203 25.962 25.9632C23.3197 28.6061 19.737 30.093 15.9998 30.0977Z' fill='%235E5E5E'/%3E%3Cpath d='M8.22812 13.1078C8.42291 12.9124 8.65437 12.7573 8.90921 12.6515C9.16405 12.5457 9.43727 12.4912 9.7132 12.4912C9.98914 12.4912 10.2624 12.5457 10.5172 12.6515C10.772 12.7573 11.0035 12.9124 11.1983 13.1078C11.2869 13.1966 11.3922 13.267 11.5081 13.3149C11.624 13.3629 11.7482 13.3874 11.8736 13.3871C11.9986 13.3875 12.1223 13.363 12.2377 13.3151C12.353 13.2671 12.4576 13.1966 12.5455 13.1078C12.7236 12.9289 12.8236 12.6867 12.8236 12.4342C12.8236 12.1817 12.7236 11.9395 12.5455 11.7606C11.7945 11.0118 10.7773 10.5913 9.71674 10.5913C8.65623 10.5913 7.63898 11.0118 6.88801 11.7606C6.70987 11.9395 6.60986 12.1817 6.60986 12.4342C6.60986 12.6867 6.70987 12.9289 6.88801 13.1078C7.06663 13.2838 7.30731 13.3825 7.55807 13.3825C7.80882 13.3825 8.0495 13.2838 8.22812 13.1078Z' fill='%235E5E5E'/%3E%3Cpath d='M20.8088 13.1078C21.2019 12.7153 21.7348 12.4948 22.2903 12.4948C22.8459 12.4948 23.3788 12.7153 23.7719 13.1078C23.8596 13.1968 23.9642 13.2674 24.0796 13.3153C24.195 13.3633 24.3188 13.3877 24.4437 13.3871C24.5691 13.3874 24.6934 13.3629 24.8093 13.3149C24.9252 13.267 25.0305 13.1966 25.1191 13.1078C25.2972 12.9289 25.3972 12.6867 25.3972 12.4342C25.3972 12.1817 25.2972 11.9395 25.1191 11.7606C24.3681 11.0118 23.3509 10.5913 22.2903 10.5913C21.2298 10.5913 20.2126 11.0118 19.4616 11.7606C19.2835 11.9395 19.1835 12.1817 19.1835 12.4342C19.1835 12.6867 19.2835 12.9289 19.4616 13.1078C19.6405 13.2859 19.8827 13.386 20.1352 13.386C20.3877 13.386 20.6299 13.2859 20.8088 13.1078Z' fill='%235E5E5E'/%3E%3Cpath d='M24.4438 16.7002H7.55626C7.43105 16.6997 7.30699 16.724 7.19118 16.7716C7.07537 16.8192 6.9701 16.8892 6.8814 16.9775C6.7927 17.0659 6.72232 17.1709 6.6743 17.2865C6.62628 17.4022 6.60156 17.5262 6.60156 17.6514C6.6053 20.1428 7.5967 22.5312 9.35844 24.2929C11.1202 26.0547 13.5085 27.0461 16 27.0498C18.4915 27.0461 20.8799 26.0547 22.6416 24.2929C24.4033 22.5312 25.3947 20.1428 25.3985 17.6514C25.3985 17.5262 25.3738 17.4022 25.3257 17.2865C25.2777 17.1709 25.2073 17.0659 25.1186 16.9775C25.0299 16.8892 24.9247 16.8192 24.8089 16.7716C24.693 16.724 24.569 16.6997 24.4438 16.7002ZM16 25.1298C14.1796 25.1252 12.4228 24.4592 11.0568 23.2558C9.69084 22.0525 8.80869 20.3937 8.5746 18.5884H23.4254C23.1913 20.3937 22.3092 22.0525 20.9432 23.2558C19.5772 24.4592 17.8205 25.1252 16 25.1298Z' fill='%235E5E5E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_292:6858'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 22px;
    height: 22px; }
  .tracking-list .step-maker .step-number-5 span:before {
    background: url(//theme.hstatic.net/200000722513/1001090675/14/cancel.png?v=10572) no-repeat 50% 50%;
    background-size: 70% !important; }
  .tracking-list .step-maker .step-number-6 span:before {
    background: url(//theme.hstatic.net/200000722513/1001090675/14/cancel.png?v=10572) no-repeat 50% 50%; }
  .tracking-list .step-maker .step:last-child:before {
    position: absolute;
    height: 5px;
    border-bottom: 0px solid black;
    content: ''; }

.tracking-list .step-maker:not([data-tracking="cancel"]) .step:nth-child(5),
.tracking-list .step-maker:not([data-tracking="cancel"]) .step:last-child {
  display: none; }

.tracking-list .step-maker:not([data-tracking="cancel"]) .step:nth-child(4):before,
.tracking-list .step-maker:not([data-tracking="cancel"]) .step:nth-child(5):before {
  display: none; }

.tracking-list .step-maker[data-tracking="pending"] > .step:first-child > label.step-number,
.tracking-list .step-maker[data-tracking="assigned"] > .step:nth-child(n+1):nth-child(-n+2) > label.step-number,
.tracking-list .step-maker[data-tracking="delivering"] > .step:nth-child(n+1):nth-child(-n+3) > label.step-number,
.tracking-list .step-maker[data-tracking="complete"] > .step:nth-child(n+1):nth-child(-n+4) > label.step-number,
.tracking-list .step-maker[data-tracking="refund"] > .step:nth-child(5) > label.step-number,
.tracking-list .step-maker[data-tracking="cancel"] > .step:last-child > label.step-number {
  color: #fff;
  border: 2px solid #000;
  background-color: #000; }

.tracking-list .step-maker[data-tracking="pending"] > .step:first-child > label:not(.step-number),
.tracking-list .step-maker[data-tracking="assigned"] > .step:nth-child(n+1):nth-child(-n+2) > label:not(.step-number),
.tracking-list .step-maker[data-tracking="delivering"] > .step:nth-child(n+1):nth-child(-n+3) > label:not(.step-number),
.tracking-list .step-maker[data-tracking="complete"] > .step:nth-child(n+1):nth-child(-n+4) > label:not(.step-number),
.tracking-list .step-maker[data-tracking="refund"] > .step:nth-child(5) > label:not(.step-number),
.tracking-list .step-maker[data-tracking="cancel"] > .step:last-child > label:not(.step-number) {
  color: #000 !important; }

.tracking-list .step-maker[data-tracking="refund"] > .step:nth-child(n+1):nth-child(-n+4),
.tracking-list .step-maker[data-tracking="refund"] > .step:last-child {
  display: none !important; }

.tracking-list .step-maker[data-tracking="refund"] > .step:nth-child(5) {
  display: block !important; }

.tracking-list .step-maker[data-tracking="cancel"] > .step:not(:last-child) {
  display: none !important; }

/*------------------------------------------------------------------------------*/
/* BLOG + ARTICLE */
/*------------------------------------------------------------------------------*/
/* . - Post loop */
.post_item {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  flex: 1 1 300px; }
  .post_item .post_thumb {
    overflow: hidden;
    border-radius: 4px; }
  .post_item .post_featured {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px; }
    .post_item .post_featured .aspect-ratio {
      position: relative;
      padding-bottom: 55%;
      display: block;
      z-index: 1; }
    .post_item .post_featured .aspect-ratio picture {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      height: 100%;
      -webkit-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
    .post_item .post_featured.half .aspect-ratio {
      padding-bottom: 56%; }
  .post_item .post_featured img {
    width: 100%; }
  .post_item .post_content .post_info {
    margin-bottom: 10px;
    color: #535353;
    display: flex; }
  .post_item .post_content .post_info svg {
    margin-right: 3px; }
  .post_item .post_content .post_info_item {
    display: inline-flex;
    align-items: center; }
    .post_item .post_content .post_info_item.author {
      position: relative;
      padding-left: 20px;
      color: #005EC9; }
    .post_item .post_content .post_info_item.author:before {
      content: "";
      width: 4px;
      height: 4px;
      background: #535353;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 8px;
      margin: auto;
      border-radius: 50%; }
  .post_item .post_content .post_title {
    font-size: 16px;
    line-height: 22px;
    position: relative;
    font-weight: 600;
    margin-bottom: 10px; }
    .post_item .post_content .post_title a {
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
  .post_item .post_content .post_descr p {
    margin-bottom: 0;
    color: #414141;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
  .post_item .btn-viewmore {
    align-self: flex-start;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px; }
    .post_item .btn-viewmore svg {
      margin-left: 5px; }
    .post_item .btn-viewmore:hover svg path {
      fill: var(--maincolor); }
  .post_item .post_content_fix {
    padding: 16px 0 0;
    width: 100%; }
    .post_item .post_content_fix .post_info {
      text-transform: uppercase;
      margin-bottom: 10px;
      font-size: 12px; }
    .post_item .post_content_fix .post_title {
      font-size: 22px;
      position: relative;
      font-weight: 600;
      margin-bottom: 10px; }
      .post_item .post_content_fix .post_title:after {
        position: absolute;
        content: none;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 50px;
        height: 2px;
        background: #000000; }
      .post_item .post_content_fix .post_title a {
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
  .post_item .coll-l {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 0; }
  .post_item .coll-r {
    padding-left: 8px;
    margin-bottom: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

.sidebar-blog .sidebar-box + .sidebar-box {
  margin-top: 60px; }

.sidebar-blog .sidebar-box--title h2 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 600;
  padding: 16px 70px 16px 16px;
  background: #03304b;
  color: #fff;
  display: inline-block;
  border-radius: 16px 16px 0 0;
  position: relative; }
  .sidebar-blog .sidebar-box--title h2 a {
    color: #fff; }
  .sidebar-blog .sidebar-box--title h2 .icon {
    position: absolute;
    bottom: 0; }
  .sidebar-blog .sidebar-box--title h2.hot {
    background: #d93031;
    margin-bottom: 0; }

.sidebar-blog .post_item + .post_item {
  margin-bottom: 16px; }

.sidebar-blog .post_item .post_content .post_title {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0; }

.sidebar-blog .list-cate {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 6px 0;
  background: #FFEDED;
  border-radius: 0 4px 4px 4px; }
  .sidebar-blog .list-cate .item-cate {
    width: calc(100%/3);
    padding: 0 12px;
    text-align: center;
    margin-bottom: 16px; }
    .sidebar-blog .list-cate .item-cate .img {
      margin-bottom: 8px;
      overflow: hidden;
      border-radius: 4px; }
    .sidebar-blog .list-cate .item-cate h3 {
      margin-bottom: 0px;
      font-size: 13px;
      font-weight: 600; }

.blog-layout .blog--banner {
  margin-bottom: 16px; }
  .blog-layout .blog--banner a {
    display: block; }
  .blog-layout .blog--banner p {
    margin-bottom: 0; }
  .blog-layout .blog--banner img {
    width: 100%;
    border-radius: 4px; }

.blog-layout .blog-heading {
  margin: 40px 0; }
  .blog-layout .blog-heading h1 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding-left: 14px;
    position: relative;
    padding: 5px 0 5px 12px; }
    .blog-layout .blog-heading h1:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      background: var(--maincolor);
      height: 100%;
      width: 4px; }
  @media (max-width: 991px) {
    .blog-layout .blog-heading {
      margin: 20px 0; }
      .blog-layout .blog-heading h1 {
        font-size: 18px; } }

.blog-layout .blog-content {
  background: #fff;
  padding: 16px 16px 0;
  border-radius: 4px; }
  .blog-layout .blog-content .menu-blog {
    margin: 0 0 16px;
    overflow: hidden; }
    .blog-layout .blog-content .menu-blog ul {
      display: -ms-flexbox;
      display: flex;
      padding: 16px 0; }
      .blog-layout .blog-content .menu-blog ul li a {
        position: relative;
        text-transform: uppercase;
        font-size: 16px;
        padding-bottom: 8px; }
        .blog-layout .blog-content .menu-blog ul li a:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 3px;
          background: transparent; }
      .blog-layout .blog-content .menu-blog ul li.active a {
        font-weight: 600; }
        .blog-layout .blog-content .menu-blog ul li.active a:before {
          background: #E30019; }
      .blog-layout .blog-content .menu-blog ul li + li {
        margin-left: 30px; }
      @media (max-width: 1024px) {
        .blog-layout .blog-content .menu-blog ul {
          font-size: 12px;
          padding: 10px 0;
          flex-wrap: nowrap;
          width: 100%;
          overflow-x: scroll;
          justify-content: flex-start; }
          .blog-layout .blog-content .menu-blog ul li {
            width: 100%;
            white-space: nowrap; } }
  .blog-layout .blog-content .blog-posts .col-post {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 8px; }
    .blog-layout .blog-content .blog-posts .col-post:not(.col-first):not(.i-2):not(.i-3):not(.i-4):not(.i-5) .post_item {
      padding: 16px 0;
      flex-direction: row;
      flex: 0;
      border-top: 1px solid #CFCFCF;
      margin-bottom: 0; }
      .blog-layout .blog-content .blog-posts .col-post:not(.col-first):not(.i-2):not(.i-3):not(.i-4):not(.i-5) .post_item .post_content {
        padding-left: 16px; }
  .blog-layout .blog-content .blog-posts .col-post.col-first {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .blog-layout .blog-content .blog-posts .col-post.i-2, .blog-layout .blog-content .blog-posts .col-post.i-3, .blog-layout .blog-content .blog-posts .col-post.i-4, .blog-layout .blog-content .blog-posts .col-post.i-5 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
    .blog-layout .blog-content .blog-posts .col-post.i-2 .coll-l, .blog-layout .blog-content .blog-posts .col-post.i-2 .coll-r, .blog-layout .blog-content .blog-posts .col-post.i-3 .coll-l, .blog-layout .blog-content .blog-posts .col-post.i-3 .coll-r, .blog-layout .blog-content .blog-posts .col-post.i-4 .coll-l, .blog-layout .blog-content .blog-posts .col-post.i-4 .coll-r, .blog-layout .blog-content .blog-posts .col-post.i-5 .coll-l, .blog-layout .blog-content .blog-posts .col-post.i-5 .coll-r {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .blog-layout .blog-content .blog-posts .col-post.i-2 .coll-l, .blog-layout .blog-content .blog-posts .col-post.i-3 .coll-l, .blog-layout .blog-content .blog-posts .col-post.i-4 .coll-l, .blog-layout .blog-content .blog-posts .col-post.i-5 .coll-l {
      margin-bottom: 15px; }
    .blog-layout .blog-content .blog-posts .col-post.i-2 .post_info, .blog-layout .blog-content .blog-posts .col-post.i-3 .post_info, .blog-layout .blog-content .blog-posts .col-post.i-4 .post_info, .blog-layout .blog-content .blog-posts .col-post.i-5 .post_info {
      display: none; }
  .blog-layout .blog-content .blog-posts .col-post.i-2 .post_descr p {
    -webkit-line-clamp: 10; }
  .blog-layout .blog-content .blog-posts .col-post:not(.i-2) .post_descr {
    display: none; }
  .blog-layout .blog-content .blog-posts .col-post.i-6 .post_item {
    padding: 32px 0 16px !important; }
  .blog-layout .blog-content .view-more-blog {
    border: 1px solid #CFCFCF;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 48px;
    text-align: center; }
    .blog-layout .blog-content .view-more-blog a {
      color: #1982F9;
      font-size: 16px;
      display: inline-flex;
      align-items: center; }
    .blog-layout .blog-content .view-more-blog a svg {
      width: 12px;
      height: 12px;
      margin-left: 16px; }
  .blog-layout .blog-content .alert.empty {
    border: 1px solid rgba(168, 197, 52, 0.4);
    background: rgba(168, 197, 52, 0.3); }
  .blog-layout .blog-content .blog-section h2 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600; }
  .blog-layout .blog-content .blog-section .blog-posts {
    margin-bottom: 15px; }
  .blog-layout .blog-content .blog-section .view-all {
    margin: 0 0 50px;
    text-align: center; }
    .blog-layout .blog-content .blog-section .view-all a {
      display: inline-block;
      background: transparent;
      color: #000;
      font-size: 12px;
      padding: 0 35px;
      line-height: 30px;
      text-align: center;
      border: 1px solid #000;
      overflow: hidden;
      position: relative;
      border-radius: 4px;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease; }
  @media (max-width: 767px) {
    .blog-layout .blog-content {
      position: relative;
      overflow: hidden;
      margin-bottom: 15px; }
      .blog-layout .blog-content .blog-section h2 {
        font-size: 16px; }
      .blog-layout .blog-content .blog-section .blog-count {
        font-size: 12px;
        margin-bottom: 20px; }
      .blog-layout .blog-content .blog-section .blog-posts {
        margin-bottom: 0; }
      .blog-layout .blog-content .blog-section .view-all {
        margin: 0 0 30px; } }

@media (min-width: 992px) {
  .blog-layout {
    margin-bottom: 30px; } }

.article-layout .blog--banner {
  margin-bottom: 16px; }
  .article-layout .blog--banner a {
    display: block; }
  .article-layout .blog--banner p {
    margin-bottom: 0; }
  .article-layout .blog--banner img {
    width: 100%;
    border-radius: 4px; }

.article-layout .article-heading h1 {
  margin: 0 0 16px;
  font-weight: 600;
  font-size: 28px; }

.article-layout .article-heading .article-info-more {
  margin-bottom: 16px;
  display: flex; }
  .article-layout .article-heading .article-info-more li time {
    display: inline-flex;
    align-items: center;
    color: #535353; }
    .article-layout .article-heading .article-info-more li time svg {
      margin-right: 3px; }
  .article-layout .article-heading .article-info-more li a {
    position: relative;
    padding-left: 20px;
    color: #005EC9; }
    .article-layout .article-heading .article-info-more li a:before {
      content: "";
      width: 4px;
      height: 4px;
      background: #535353;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 8px;
      margin: auto;
      border-radius: 50%; }

.article-layout .article-heading .article-info a[title*="news"] {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 5px;
  background: #f5f5f5;
  padding: 0 15px;
  border-radius: 8px; }

@media (max-width: 991px) {
  .article-layout .article-heading h1 {
    font-size: 18px; }
  .article-layout .article-heading .article-info {
    margin-bottom: 15px; } }

.article-layout .article-content {
  margin: 0 0 24px;
  padding: 24px;
  background: #fff;
  border-radius: 4px; }

.article-layout .article-banner {
  margin-bottom: 16px; }
  .article-layout .article-banner img {
    border-radius: 4px; }

.article-layout .article-meta {
  margin-bottom: 25px; }
  .article-layout .article-meta .meta-title {
    font-weight: 600;
    font-size: 16px;
    margin-right: 16px; }
  .article-layout .article-meta .meta-tags {
    margin-bottom: 20px;
    display: flex; }
    .article-layout .article-meta .meta-tags .list-tag {
      display: flex;
      flex-wrap: wrap; }
      .article-layout .article-meta .meta-tags .list-tag a {
        padding: 4px 24px;
        background: #ECECEC;
        border-radius: 4px;
        color: #333333;
        display: inline-flex;
        margin-right: 4px;
        margin-bottom: 4px; }

.article-layout .article-pages {
  margin-bottom: 25px;
  /*& * {max-width: 100%!important;}*/ }
  .article-layout .article-pages ul {
    list-style: initial;
    padding-left: 20px; }
    .article-layout .article-pages ul ul {
      list-style-type: circle; }
      .article-layout .article-pages ul ul ul {
        list-style-type: square; }
  .article-layout .article-pages ol {
    list-style-type: decimal;
    padding-left: 20px; }
  .article-layout .article-pages a {
    color: #428bca; }
  .article-layout .article-pages a:hover {
    color: var(--color-primary); }
  .article-layout .article-pages blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    border-left: 5px solid #eee; }
    .article-layout .article-pages blockquote a:-webkit-any-link {
      color: -webkit-link;
      cursor: pointer;
      text-decoration: underline; }
  .article-layout .article-pages blockquote p:last-child,
  .article-layout .article-pages blockquote ul:last-child,
  .article-layout .article-pages blockquote ol:last-child {
    margin-bottom: 0; }
  .article-layout .article-pages blockquote footer,
  .article-layout .article-pages blockquote small,
  .article-layout .article-pages blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #999; }
  .article-layout .article-pages blockquote footer:before,
  .article-layout .article-pages blockquote small:before,
  .article-layout .article-pages blockquote .small:before {
    content: '\2014 \00A0'; }
  .article-layout .article-pages .blockquote-reverse,
  .article-layout .article-pages blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0; }
  .article-layout .article-pages .blockquote-reverse footer:before,
  .article-layout .article-pages blockquote.pull-right footer:before,
  .article-layout .article-pages .blockquote-reverse small:before,
  .article-layout .article-pages blockquote.pull-right small:before,
  .article-layout .article-pages .blockquote-reverse .small:before,
  .article-layout .article-pages blockquote.pull-right .small:before {
    content: ''; }
  .article-layout .article-pages .blockquote-reverse footer:after,
  .article-layout .article-pages blockquote.pull-right footer:after,
  .article-layout .article-pages .blockquote-reverse small:after,
  .article-layout .article-pages blockquote.pull-right small:after,
  .article-layout .article-pages .blockquote-reverse .small:after,
  .article-layout .article-pages blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }
  .article-layout .article-pages blockquote:before,
  .article-layout .article-pages blockquote:after {
    content: ""; }

.article-layout .alert.empty {
  border: 1px solid rgba(168, 197, 52, 0.4);
  background: rgba(168, 197, 52, 0.3); }

.article-layout .article-comment .title-bl h2 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 16px;
  text-transform: uppercase; }

.article-layout .article-comment .comment_form {
  margin-bottom: 30px; }
  .article-layout .article-comment .comment_form .form-group input, .article-layout .article-comment .comment_form .form-group textarea {
    box-shadow: none;
    background: #fff;
    color: #111111;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #CFCFCF; }
  .article-layout .article-comment .comment_form .form-group input {
    padding: 0 20px;
    height: 55px; }
  .article-layout .article-comment .comment_form .form-group textarea {
    padding: 10px;
    resize: none; }
  .article-layout .article-comment .comment_form .form-group.relative {
    position: relative; }
  .article-layout .article-comment .comment_form .notice {
    margin-bottom: 10px; }
  .article-layout .article-comment .comment_form button.btn-send {
    background: #1982F9;
    border: 1px solid #1982F9;
    color: #fff;
    height: 35px;
    display: inline-block;
    padding: 4px 30px;
    position: absolute;
    right: 10px;
    bottom: 10px; }

.article-layout .article-comment #binhluan {
  margin-bottom: 60px; }
  .article-layout .article-comment #binhluan .author {
    font-size: 14px;
    font-style: normal;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between; }
  .article-layout .article-comment #binhluan .date {
    color: #333333;
    font-size: 12px; }
  .article-layout .article-comment #binhluan .comment-user {
    padding: 10px;
    border: 1px solid #CFCFCF;
    border-radius: 4px;
    margin-bottom: 10px; }

.article-layout .article-comment > .alert {
  margin-bottom: 24px; }

.article-layout .wrapper-heading h2 {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 35px;
  line-height: 32px;
  position: relative;
  text-align: center; }

.article-layout iframe {
  height: 80vh;
  width: 100%; }

.article-layout #table-content-container {
  background: #f9f9f9;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  display: table;
  margin-bottom: 1em;
  padding: 10px;
  position: relative;
  width: auto;
  margin: 0;
  margin-bottom: 15px; }
  .article-layout #table-content-container .title-table {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between; }
    .article-layout #table-content-container .title-table .icon-list {
      color: #000; }
    .article-layout #table-content-container .title-table h5 {
      padding-right: 30px;
      margin-bottom: 0;
      font-size: 16px; }
  .article-layout #table-content-container .table-content, .article-layout #table-content-container .table-content ul {
    list-style: decimal !important;
    counter-reset: item;
    list-style-position: inside !important;
    padding-left: 14px; }

.article-layout .article-tag-related {
  margin-bottom: 30px; }

.article-layout .section .s-heading h2 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 16px; }

.article-layout .proloop-full.proloop {
  margin: 20px 0; }
  .article-layout .proloop-full.proloop .proloop-block .proloop-view {
    margin-top: 16px; }
    .article-layout .proloop-full.proloop .proloop-block .proloop-view a {
      color: #fff;
      text-transform: uppercase;
      width: 100%;
      border-radius: 2px; }
  .article-layout .proloop-full.proloop .proloop-block .proloop-detail {
    padding: 16px; }
  @media (min-width: 768px) {
    .article-layout .proloop-full.proloop .proloop-block {
      display: flex; }
      .article-layout .proloop-full.proloop .proloop-block .proloop-img {
        width: 30%; }
      .article-layout .proloop-full.proloop .proloop-block .proloop-detail {
        width: 70%;
        padding: 20px; }
      .article-layout .proloop-full.proloop .proloop-block .proloop-view a {
        width: 50%;
        padding: 15px; } }

/*--------------------------------------------------------------*/
/* STORE PAGE */
/*--------------------------------------------------------------*/
.mainStore {
  padding: 20px;
  background: #F6F6F6; }
  .mainStore .resultStore {
    margin-top: 15px; }
  @media (min-width: 992px) {
    .mainStore {
      padding: 30px; }
      .mainStore .resultStore {
        margin-top: 20px; } }

.collumStore select {
  height: 40px;
  font-size: 12px;
  outline: none;
  font-weight: 400;
  margin-bottom: 10px;
  width: 100%;
  padding: 0 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.63738 5.77163L11.736 1.33957C11.9045 1.19207 11.999 0.992649 11.999 0.7848C11.999 0.576951 11.9045 0.377531 11.736 0.230025C11.6523 0.157112 11.5529 0.0992624 11.4435 0.0597903C11.3341 0.0203182 11.2168 -3.41938e-08 11.0983 -3.93726e-08C10.9798 -4.45514e-08 10.8625 0.0203182 10.7531 0.0597903C10.6436 0.0992623 10.5443 0.157112 10.4606 0.230024L5.99923 4.10792L1.53879 0.230843C1.36954 0.0837615 1.13999 0.00113207 0.900642 0.00113206C0.661291 0.00113205 0.431743 0.0837614 0.262495 0.230843C0.0932484 0.377924 -0.00183394 0.577409 -0.00183395 0.785413C-0.00183396 0.993417 0.0932483 1.1929 0.262495 1.33998L5.3592 5.77286C5.52907 5.91875 5.75828 6.00057 5.99711 6.00057C6.23594 6.00057 6.46514 5.91875 6.63502 5.77286L6.63738 5.77163Z' fill='%23515151'/%3E%3C/svg%3E%0A");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 10px;
  background-position-x: 95%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background-color: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  color: #7f7f7f; }

.collumStore input {
  height: 40px;
  font-size: 12px;
  outline: none;
  margin-bottom: 10px;
  width: 100%;
  padding: 0 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70994 0C4.69019 0 1.41984 3.27031 1.41984 7.29006C1.41984 9.02888 2.03209 10.6272 3.05197 11.8816L0 14.9335L1.0665 16L4.11847 12.948C5.37275 13.9679 6.97109 14.5802 8.70991 14.5802C12.7297 14.5802 16 11.3098 16 7.29006C16 3.27031 12.7297 0 8.70994 0ZM8.70994 13.0718C5.52187 13.0718 2.92816 10.4781 2.92816 7.29006C2.92816 4.102 5.52184 1.50828 8.70994 1.50828C11.898 1.50828 14.4917 4.102 14.4917 7.29006C14.4917 10.4781 11.898 13.0718 8.70994 13.0718Z' fill='%23626262'/%3E%3C/svg%3E%0A");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 13px;
  background-position-x: 95%;
  background-color: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
  .collumStore input::-webkit-input-placeholder {
    color: #7f7f7f; }
  .collumStore input:-ms-input-placeholder {
    color: #7f7f7f; }
  .collumStore input::placeholder {
    color: #7f7f7f; }

.collumStore .activeSelect {
  font-weight: 500; }

.collumStore .countStore {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 10px; }

@media (min-width: 992px) {
  .collumStore .countStore {
    margin: 8px 0; } }

.resultStore::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.resultStore::-webkit-scrollbar {
  width: 6px;
  height: 0;
  background-color: #F5F5F5; }

.resultStore::-webkit-scrollbar-thumb {
  background-color: #000000; }

.resultStore .itemStore {
  border-top: 1px solid #e7e7e7;
  width: 100%;
  padding: 15px 0;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .resultStore .itemStore:last-child {
    padding-bottom: 0; }
  .resultStore .itemStore .provinceStore span {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;
    background: #E4E4E4;
    border-radius: 4px;
    display: inline-block; }
  .resultStore .itemStore .addressStore {
    font-size: 13px;
    margin: 15px 0;
    position: relative; }
    .resultStore .itemStore .addressStore > a > span {
      width: 100%;
      margin: 0 0 10px;
      cursor: pointer; }
    .resultStore .itemStore .addressStore p:not(.infoName) {
      padding-left: 20px;
      position: relative;
      margin-bottom: 10px; }
      .resultStore .itemStore .addressStore p:not(.infoName):before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 5px;
        margin: auto;
        width: 3px;
        height: 3px;
        background: #000;
        border-radius: 50%; }
  .resultStore .itemStore .infoName {
    font-weight: 600;
    position: relative;
    padding-right: 42px;
    display: inline-block; }
  .resultStore .itemStore .infoStatus {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 2px 6px;
    background: var(--maincolor);
    color: #f6f6f6;
    margin-bottom: 0;
    position: absolute;
    top: -5px;
    right: 0;
    border-radius: 2px;
    box-shadow: 0 0 6px #fff969; }
    .resultStore .itemStore .infoStatus:before {
      content: "";
      position: absolute;
      left: -5px;
      bottom: 4px;
      width: 0;
      height: 0;
      border-bottom: 10px solid var(--maincolor);
      border-left: 10px solid transparent; }
  .resultStore .itemStore .infoLocation a {
    text-decoration: underline; }
  .resultStore .itemStore .itemStore-l, .resultStore .itemStore .itemStore-r, .resultStore .itemStore .itemStore-m {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .resultStore .itemStore .itemStore-m {
    margin-top: 15px; }
  .resultStore .itemStore .itemStore-l img {
    width: 100%; }
  @media (min-width: 568px) {
    .resultStore .itemStore .itemStore-l {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%; }
    .resultStore .itemStore .itemStore-r {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-top: 15px; }
    .resultStore .itemStore .itemStore-m {
      padding-left: 20px;
      -ms-flex: 0 0 80%;
      flex: 0 0 80%;
      max-width: 80%; } }
  @media (min-width: 992px) {
    .resultStore .itemStore {
      padding: 30px 0; }
      .resultStore .itemStore .itemStore-l {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; }
      .resultStore .itemStore .itemStore-r {
        -ms-flex: 0 0 12%;
        flex: 0 0 12%;
        max-width: 12%;
        padding-left: 15px;
        margin-top: 0;
        text-align: right; }
      .resultStore .itemStore .itemStore-m {
        padding-left: 40px;
        -ms-flex: 0 0 68%;
        flex: 0 0 68%;
        max-width: 68%; } }

/*--------------------------------------------------------------*/
/* PROMOTION PAGE */
/*--------------------------------------------------------------*/
.promotion-layout .page-bannerhead {
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: 4px; }
  .promotion-layout .page-bannerhead img {
    width: 100%; }

.promotion-layout .list-promotions {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px; }
  .promotion-layout .list-promotions .item-promo {
    padding: 0 6px;
    margin-bottom: 12px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .promotion-layout .list-promotions .box-promo {
    background: #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
    position: relative; }
    .promotion-layout .list-promotions .box-promo .detail {
      padding: 16px; }
      .promotion-layout .list-promotions .box-promo .detail h3 {
        margin-bottom: 48px;
        font-weight: 600;
        font-size: 18px; }
      .promotion-layout .list-promotions .box-promo .detail .button {
        font-weight: 600;
        font-size: 13px;
        padding: 8px 25px;
        background: linear-gradient(180deg, #F8A52C 0%, #FF6D00 100%);
        border: 1px solid #FF8A00;
        border-radius: 2px; }
  @media (min-width: 992px) {
    .promotion-layout .list-promotions {
      margin: 0 -12px; }
      .promotion-layout .list-promotions .item-promo {
        padding: 0 12px;
        margin-bottom: 24px;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%; } }

/*--------------------------------------------------------------*/
/* PROMOTION PAGE */
/*--------------------------------------------------------------*/
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.showroom-layout {
  background: #fff;
  border-bottom: 5px solid #003159; }
  .showroom-layout .page-bannerhead {
    background-image: url(https://file.hstatic.net/200000636033/file/bg-head-showroom_60acc75987d04b139572f07170a1a85f.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    border-bottom: 8px solid #003159;
    padding-top: 60px;
    position: relative; }
    .showroom-layout .page-bannerhead .col-row {
      text-align: center;
      justify-content: center; }
      .showroom-layout .page-bannerhead .col-row .col-img.two {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%; }
      .showroom-layout .page-bannerhead .col-row .col-img.three {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%; }
    .showroom-layout .page-bannerhead .animate-mb {
      position: absolute;
      bottom: 0;
      z-index: 1; }
    .showroom-layout .page-bannerhead .col-img.animate {
      animation-name: fadeInLeftBig;
      animation-delay: 0s;
      animation-duration: 3s;
      animation-iteration-count: 1; }
    .showroom-layout .page-bannerhead .page-titlehead {
      position: relative;
      z-index: 1;
      color: #003159;
      text-align: center;
      margin-bottom: 24px; }
      .showroom-layout .page-bannerhead .page-titlehead h1 {
        font-size: 24px;
        color: #003159;
        text-transform: uppercase; }
      .showroom-layout .page-bannerhead .page-titlehead p {
        margin-bottom: 16px; }
      .showroom-layout .page-bannerhead .page-titlehead a {
        font-weight: 600; }
  .showroom-layout .section {
    padding: 50px 0; }
    .showroom-layout .section .section-title {
      margin-bottom: 50px; }
      .showroom-layout .section .section-title h2 {
        font-size: 20px;
        color: #003159;
        text-align: center;
        margin-bottom: 0px;
        text-transform: uppercase; }
  .showroom-layout .section-location .box-location {
    border-radius: 10px;
    border: 2px solid #e4e4e4;
    padding: 16px;
    cursor: pointer;
    transition: all 150ms linear 0s; }
    .showroom-layout .section-location .box-location .detail {
      margin: -13px 0 0;
      background: #051f4d;
      color: #fff;
      border: 1px solid #051f4d;
      border-radius: 10px;
      text-transform: uppercase;
      display: block;
      padding: 10px 28px;
      text-align: center;
      overflow: hidden;
      cursor: pointer; }
    .showroom-layout .section-location .box-location:hover, .showroom-layout .section-location .box-location.tab-active {
      border-color: #eb2727; }
  .showroom-layout .section-location .tabscontent > div {
    display: none; }
    .showroom-layout .section-location .tabscontent > div.is-show {
      display: block; }
  .showroom-layout .section-location .tabscontent .tab-stage--title {
    padding: 20px 0;
    background: #eb2727; }
    .showroom-layout .section-location .tabscontent .tab-stage--title h3 {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 42px;
      text-transform: uppercase;
      color: #fff; }
    .showroom-layout .section-location .tabscontent .tab-stage--title h3 svg {
      width: 52px;
      height: 52px; }
  @media (min-width: 768px) {
    .showroom-layout .page-bannerhead .page-titlehead {
      text-align: left; }
    .showroom-layout .page-bannerhead .col-row .col-img.one {
      -ms-flex: 0 0 38%;
      flex: 0 0 38%;
      max-width: 38%; }
    .showroom-layout .page-bannerhead .col-row .col-img.two {
      -ms-flex: 0 0 5%;
      flex: 0 0 5%;
      max-width: 5%; }
    .showroom-layout .page-bannerhead .col-row .col-img.three {
      -ms-flex: 0 0 57%;
      flex: 0 0 57%;
      max-width: 57%; }
    .showroom-layout .page-bannerhead .animate-mb {
      position: relative; } }
  @media (min-width: 992px) {
    .showroom-layout .page-bannerhead {
      padding-top: 100px; }
      .showroom-layout .page-bannerhead .page-titlehead {
        margin-bottom: -150px; }
        .showroom-layout .page-bannerhead .page-titlehead h1 {
          font-size: 48px; }
        .showroom-layout .page-bannerhead .page-titlehead p {
          font-size: 18px;
          margin-bottom: 24px; }
        .showroom-layout .page-bannerhead .page-titlehead a {
          font-size: 24px; }
    .showroom-layout .section .section-title h2 {
      font-size: 32px; } }

/*--------------------------------------------------------------*/
/* FLASHSALE */
/*--------------------------------------------------------------*/
.search-page .section .wrapper-content, .article-layout .section .wrapper-content {
  background: #fff;
  border-radius: 4px; }

@media (max-width: 991px) {
  .search-page .section .wrapper-content, .article-layout .section .wrapper-content {
    margin: 0 -8px; }
  .search-page .section .section-content, .article-layout .section .section-content {
    padding-right: 0; } }

.search-page .section-heading, .article-layout .section-heading {
  padding: 12px 24px;
  position: relative;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -ms-align-items: center; }
  .search-page .section-heading .box-left, .search-page .section-heading .box-right, .article-layout .section-heading .box-left, .article-layout .section-heading .box-right {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center; }
  .search-page .section-heading .box-right, .article-layout .section-heading .box-right {
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end; }
  .search-page .section-heading .box-cate .cate-list, .article-layout .section-heading .box-cate .cate-list {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end; }
    .search-page .section-heading .box-cate .cate-list li a, .article-layout .section-heading .box-cate .cate-list li a {
      position: relative;
      font-weight: 400;
      font-size: 18px;
      line-height: 22px;
      color: #333333;
      padding: 5px 16px;
      white-space: nowrap; }
    .search-page .section-heading .box-cate .cate-list li a:hover, .article-layout .section-heading .box-cate .cate-list li a:hover {
      color: var(--maincolor);
      text-decoration: underline; }
  .search-page .section-heading .shTitle, .article-layout .section-heading .shTitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    padding-left: 21px;
    margin: 0 0 0 20px;
    display: flex;
    align-items: center;
    position: relative; }
    .search-page .section-heading .shTitle svg, .article-layout .section-heading .shTitle svg {
      margin-right: 9px;
      width: 22px;
      height: 14px; }
    .search-page .section-heading .shTitle:before, .article-layout .section-heading .shTitle:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 1px;
      height: 85%;
      background: #97999D; }
  .search-page .section-heading .hTitle, .article-layout .section-heading .hTitle {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: var(--titlecolor);
    margin-bottom: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
  .search-page .section-heading .box-link, .article-layout .section-heading .box-link {
    margin-left: 20px; }
    .search-page .section-heading .box-link a, .article-layout .section-heading .box-link a {
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 18px;
      line-height: 22px;
      color: #1982F9; }
      .search-page .section-heading .box-link a svg, .article-layout .section-heading .box-link a svg {
        width: 10px;
        height: 10px;
        fill: currentColor;
        margin-left: 6.5px;
        transition: all 0.3s;
        -ms-transition: all 0.3s; }
      .search-page .section-heading .box-link a:hover, .article-layout .section-heading .box-link a:hover {
        color: var(--maincolor); }
      .search-page .section-heading .box-link a:hover svg, .article-layout .section-heading .box-link a:hover svg {
        color: currentColor; }
  @media (max-width: 1170px) {
    .search-page .section-heading .hTitle, .article-layout .section-heading .hTitle {
      font-size: 22px; }
    .search-page .section-heading .shTitle, .search-page .section-heading .box-link a, .search-page .section-heading .box-cate .cate-list li a, .article-layout .section-heading .shTitle, .article-layout .section-heading .box-link a, .article-layout .section-heading .box-cate .cate-list li a {
      font-size: 14px; } }
  @media (max-width: 1024px) {
    .search-page .section-heading .hTitle, .article-layout .section-heading .hTitle {
      font-size: 20px; }
    .search-page .section-heading .shTitle, .search-page .section-heading .box-link a, .search-page .section-heading .box-cate .cate-list li a, .article-layout .section-heading .shTitle, .article-layout .section-heading .box-link a, .article-layout .section-heading .box-cate .cate-list li a {
      padding: 3px 6px; } }
  @media (max-width: 991px) {
    .search-page .section-heading, .article-layout .section-heading {
      margin: 0;
      padding: 10px 8px;
      overflow: hidden; }
      .search-page .section-heading .box-header, .article-layout .section-heading .box-header {
        flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        width: 1%;
        padding-right: 5px; }
      .search-page .section-heading .hTitle, .article-layout .section-heading .hTitle {
        font-size: 18px;
        line-height: 22px; }
      .search-page .section-heading .hTitle svg, .article-layout .section-heading .hTitle svg {
        width: 20px;
        height: 20px; }
      .search-page .section-heading .shTitle, .article-layout .section-heading .shTitle {
        font-size: 12px; }
      .search-page .section-heading .box-link, .article-layout .section-heading .box-link {
        position: absolute;
        top: 10px;
        right: 14px;
        margin-left: 10px; }
      .search-page .section-heading .box-link a, .article-layout .section-heading .box-link a {
        font-size: 14px;
        padding: 0; }
      .search-page .section-heading .box-subHeader, .article-layout .section-heading .box-subHeader {
        display: none; }
      .search-page .section-heading .box-cate .cate-list, .article-layout .section-heading .box-cate .cate-list {
        justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        overflow-x: scroll; }
        .search-page .section-heading .box-cate .cate-list::-webkit-scrollbar, .article-layout .section-heading .box-cate .cate-list::-webkit-scrollbar {
          display: none; }
        .search-page .section-heading .box-cate .cate-list li a, .article-layout .section-heading .box-cate .cate-list li a {
          background: #ECECEC;
          border-radius: 4px;
          padding: 7px 12px;
          display: inline-block; }
        .search-page .section-heading .box-cate .cate-list li + li, .article-layout .section-heading .box-cate .cate-list li + li {
          margin-left: 8px; } }

.search-page .section-collection, .article-layout .section-collection {
  padding-bottom: 16px; }
  .search-page .section-collection .section-heading, .article-layout .section-collection .section-heading {
    padding: 12px 28px 12px 24px;
    margin-bottom: 0; }
  .search-page .section-collection .section-content, .article-layout .section-collection .section-content {
    padding: 8px 6px 0; }
  .search-page .section-collection .listProduct-row .proloop-row.slick-slide, .article-layout .section-collection .listProduct-row .proloop-row.slick-slide {
    display: flex;
    flex-direction: column; }
  .search-page .section-collection .listProduct-row .proloop-row.slick-slide, .article-layout .section-collection .listProduct-row .proloop-row.slick-slide {
    height: 100%; }
  .search-page .section-collection .listProduct-row .proloop-list, .article-layout .section-collection .listProduct-row .proloop-list {
    display: flex;
    width: 100%; }
  .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized), .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) {
    display: flex;
    display: -ms-flex;
    overflow: hidden; }
    @media (min-width: 1200px) {
      .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs, .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-row, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-row {
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; }
      .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-row .proloop, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-row .proloop {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs, .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-row, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-row {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%; }
      .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-row .proloop, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-row .proloop {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; } }
    @media (max-width: 991px) {
      .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized), .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) {
        overflow: scroll; }
        .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized)::-webkit-scrollbar, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized)::-webkit-scrollbar {
          display: none; }
        .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs {
          -webkit-flex: 0 0 45%;
          flex: 0 0 45%;
          max-width: 45%; }
        .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-list:nth-child(2, 2), .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-list:nth-child(3, 3), .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-list:nth-child(2, 2), .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-list:nth-child(3, 3) {
          display: none; } }
  @media (min-width: 992px) {
    .search-page .section-collection .listProduct-row .proloop-list, .article-layout .section-collection .listProduct-row .proloop-list {
      flex-wrap: wrap;
      width: 100%; }
      .search-page .section-collection .listProduct-row .proloop-list .proloop, .search-page .section-collection .listProduct-row .proloop-list .proloop-fs, .article-layout .section-collection .listProduct-row .proloop-list .proloop, .article-layout .section-collection .listProduct-row .proloop-list .proloop-fs {
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; }
      .search-page .section-collection .listProduct-row .proloop-list .proloop.proloop-special, .article-layout .section-collection .listProduct-row .proloop-list .proloop.proloop-special {
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%; }
        .search-page .section-collection .listProduct-row .proloop-list .proloop.proloop-special .proloop-img .aspect-ratio, .article-layout .section-collection .listProduct-row .proloop-list .proloop.proloop-special .proloop-img .aspect-ratio {
          padding-bottom: 47.2%; }
    .search-page .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-list, .article-layout .section-collection .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-list {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  @media (max-width: 991px) {
    .search-page .section-collection, .article-layout .section-collection {
      padding-bottom: 8px; }
      .search-page .section-collection .section-heading, .article-layout .section-collection .section-heading {
        justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        padding: 10px 8px; }
        .search-page .section-collection .section-heading .box-left, .search-page .section-collection .section-heading .box-right, .article-layout .section-collection .section-heading .box-left, .article-layout .section-collection .section-heading .box-right {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; }
        .search-page .section-collection .section-heading .box-right, .article-layout .section-collection .section-heading .box-right {
          justify-content: flex-start;
          -ms-justify-content: flex-start;
          -webkit-justify-content: flex-start; }
        .search-page .section-collection .section-heading .box-cate, .article-layout .section-collection .section-heading .box-cate {
          width: 100%; }
        .search-page .section-collection .section-heading .hTitle, .article-layout .section-collection .section-heading .hTitle {
          margin-bottom: 8px; }
      .search-page .section-collection:not(.flashsale, .flashsale) .section-content, .article-layout .section-collection:not(.flashsale, .flashsale) .section-content {
        padding: 0 8px; }
      .search-page .section-collection:not(.flashsale, .flashsale) .listProduct-row:not(.slick-initialized, .slick-initialized), .article-layout .section-collection:not(.flashsale, .flashsale) .listProduct-row:not(.slick-initialized, .slick-initialized) {
        margin-right: -8px;
        margin-left: -4px; } }
  .search-page .section-collection.flashsale, .article-layout .section-collection.flashsale {
    margin-top: 30px;
    /*.wrapper-content {background: linear-gradient(180deg, #FF6B00 0%, #FF2E00 100%);}*/ }
    .search-page .section-collection.flashsale#home-flashsale-1 .wrapper-content, .article-layout .section-collection.flashsale#home-flashsale-1 .wrapper-content {
      background: #d61e2b; }
    .search-page .section-collection.flashsale#home-flashsale-2 .wrapper-content, .article-layout .section-collection.flashsale#home-flashsale-2 .wrapper-content {
      background: #003bb8; }
    .search-page .section-collection.flashsale .section-content, .article-layout .section-collection.flashsale .section-content {
      padding: 0 16px 16px; }
    .search-page .section-collection.flashsale .section-heading, .article-layout .section-collection.flashsale .section-heading {
      padding: 20px 16px 16px; }
      .search-page .section-collection.flashsale .section-heading .box-link a, .article-layout .section-collection.flashsale .section-heading .box-link a {
        color: #fff; }
      .search-page .section-collection.flashsale .section-heading .hTitle, .article-layout .section-collection.flashsale .section-heading .hTitle {
        font-family: 'SVN-Gilroy';
        font-style: italic;
        font-weight: 900;
        font-size: 32px;
        line-height: 40px;
        text-transform: uppercase;
        padding-left: 35px;
        padding-right: 15px;
        position: relative;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
        .search-page .section-collection.flashsale .section-heading .hTitle:before, .article-layout .section-collection.flashsale .section-heading .hTitle:before {
          content: "";
          background-image: url("data:image/svg+xml,%3Csvg width='20' height='36' viewBox='0 0 20 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5035 15.4361H12.7737L12.769 15.4448H11.7322L18.6819 0L0.876617 19.807H7.67327L7.30312 20.7819L1.53845 36L18.5035 15.4361Z' fill='%23FFC306'/%3E%3Cpath d='M0.87663 19.807L0 20.7819H7.30314L7.67329 19.807H0.87663Z' fill='%23FFAD00'/%3E%3Cpath d='M12.769 15.4448L12.7737 15.4361H12.769L18.6819 0L11.7322 15.4448H12.769Z' fill='%23FFAD00'/%3E%3Cpath d='M20 15.4361H18.5035L1.53845 36L20 15.4361Z' fill='%23FFAD00'/%3E%3Cpath d='M17.6491 1.61224C17.6491 1.61224 2.40319 18.456 1.9086 19.3774C1.90939 19.3774 15.8681 4.08133 17.6491 1.61224Z' fill='%23FFEE12'/%3E%3Cpath d='M12.0802 15.6871C12.0802 15.6871 15.2491 15.444 17.7529 15.6871C17.7521 15.6871 14.8987 15.8964 12.0802 15.6871Z' fill='%23FFEE12'/%3E%3C/svg%3E%0A");
          background-repeat: no-repeat;
          background-size: 70%;
          background-position: center;
          border-radius: 100%;
          display: block;
          left: 4px;
          width: 20px;
          height: 36px;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          -webkit-animation-name: twinkle;
          -webkit-animation-duration: 1s;
          -webkit-animation-iteration-count: infinite; }
        .search-page .section-collection.flashsale .section-heading .hTitle a, .article-layout .section-collection.flashsale .section-heading .hTitle a {
          color: #FFEE12; }
    .search-page .section-collection.flashsale .box-countdown .soon-slot, .article-layout .section-collection.flashsale .box-countdown .soon-slot {
      letter-spacing: 1px;
      text-indent: 1px; }
    .search-page .section-collection.flashsale .box-countdown .soon[data-layout*=group], .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] {
      font-size: 16px;
      padding: 0;
      margin-right: 20px; }
    .search-page .section-collection.flashsale .box-countdown .soon-slot-inner, .article-layout .section-collection.flashsale .box-countdown .soon-slot-inner {
      color: #111111;
      font-weight: 700;
      text-align: center;
      height: auto; }
    .search-page .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-separator, .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-separator {
      width: 12px;
      padding-top: 0;
      font-weight: 500;
      color: #fff; }
    .search-page .section-collection.flashsale .box-countdown .soon-group.soon-group-sub, .article-layout .section-collection.flashsale .box-countdown .soon-group.soon-group-sub {
      background: #fff;
      width: 32px;
      height: 32px;
      line-height: 32px;
      border-radius: 4px; }
    .search-page .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-label, .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-label {
      margin: 0;
      color: #000;
      display: none; }
    .search-page .section-collection.flashsale .box-countdown .soon-slot-new, .article-layout .section-collection.flashsale .box-countdown .soon-slot-new {
      display: flex;
      display: -ms-flex;
      display: -webkit-flex;
      justify-content: center;
      -ms-justify-content: center;
      -webkit-justify-content: center; }
    @media (min-width: 1200px) {
      .search-page .section-collection.flashsale .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .search-page .section-collection.flashsale .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs, .article-layout .section-collection.flashsale .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .article-layout .section-collection.flashsale .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%; } }
    @media (min-width: 992px) {
      .search-page .section-collection.flashsale .slick-style .slick-arrow.slick-prev, .article-layout .section-collection.flashsale .slick-style .slick-arrow.slick-prev {
        left: -13px; }
      .search-page .section-collection.flashsale .slick-style .slick-arrow.slick-next, .article-layout .section-collection.flashsale .slick-style .slick-arrow.slick-next {
        right: -13px; } }
    @media (max-width: 1170px) {
      .search-page .section-collection.flashsale .section-heading .hTitle, .article-layout .section-collection.flashsale .section-heading .hTitle {
        font-size: 22px; }
      .search-page .section-collection.flashsale .box-countdown .soon[data-layout*=group], .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] {
        font-size: 13px;
        margin-right: 8px; }
      .search-page .section-collection.flashsale .box-countdown .soon .soon-group, .article-layout .section-collection.flashsale .box-countdown .soon .soon-group {
        font-size: 11px; }
      .search-page .section-collection.flashsale .box-countdown .soon-group.soon-group-sub, .article-layout .section-collection.flashsale .box-countdown .soon-group.soon-group-sub {
        width: 22px;
        height: 22px;
        line-height: 22px; }
      .search-page .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-separator, .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-separator {
        width: 8px; }
      .search-page .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-label, .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-label {
        margin: 0; }
      .search-page .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-group-sub > .soon-group-inner, .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-group-sub > .soon-group-inner {
        margin: 0 2px; } }
    @media (max-width: 1024px) {
      .search-page .section-collection.flashsale .section-heading .hTitle, .article-layout .section-collection.flashsale .section-heading .hTitle {
        font-size: 20px; } }
    @media (max-width: 991px) {
      .search-page .section-collection.flashsale .wrapper-content, .article-layout .section-collection.flashsale .wrapper-content {
        margin: 0 -8px; }
      .search-page .section-collection.flashsale .section-heading, .article-layout .section-collection.flashsale .section-heading {
        padding: 10px 2px; }
        .search-page .section-collection.flashsale .section-heading .hTitle, .article-layout .section-collection.flashsale .section-heading .hTitle {
          font-size: 14px;
          line-height: 1.3;
          padding-right: 0;
          padding-left: 25px;
          margin-bottom: 0;
          white-space: normal;
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          display: block; }
        .search-page .section-collection.flashsale .section-heading .box-right, .article-layout .section-collection.flashsale .section-heading .box-right {
          display: none; }
      .search-page .section-collection.flashsale .box-banner, .article-layout .section-collection.flashsale .box-banner {
        text-align: center;
        margin-bottom: 10px; }
      .search-page .section-collection.flashsale .section-content, .article-layout .section-collection.flashsale .section-content {
        padding: 0 4px; }
      .search-page .section-collection.flashsale .listProduct-row:not(.slick-initialized, .slick-initialized), .article-layout .section-collection.flashsale .listProduct-row:not(.slick-initialized, .slick-initialized) {
        /*margin-right: -6px;*/
        margin-left: -2px; } }
  .search-page .section-collection.flashsale-tabs .a-loading a, .article-layout .section-collection.flashsale-tabs .a-loading a {
    position: relative;
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background-size: 800px 104px;
    background: linear-gradient(to right, #F6F6F6 4%, #F0F0F0 18%, #F6F6F6 33%) !important;
    color: transparent !important; }
  .search-page .section-collection.flashsale-tabs .listtab-countdown .tab-countdown, .article-layout .section-collection.flashsale-tabs .listtab-countdown .tab-countdown {
    display: none; }
    .search-page .section-collection.flashsale-tabs .listtab-countdown .tab-countdown.active, .article-layout .section-collection.flashsale-tabs .listtab-countdown .tab-countdown.active {
      display: block; }
  .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown_out, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown_out {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 8px; }
    .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown_out span, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown_out span {
      background: #fff;
      width: 32px;
      height: 32px;
      line-height: 32px;
      border-radius: 4px;
      font-size: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown_out span:not(:last-child, :last-child):after, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown_out span:not(:last-child, :last-child):after {
        content: ":";
        position: absolute;
        top: 0;
        right: -8px;
        bottom: 0;
        margin: auto;
        width: 4px;
        height: 100%;
        display: inline-flex;
        align-items: center;
        color: #fff;
        font-size: 14px; }
  .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown-row, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown-row {
    display: flex;
    align-items: center;
    margin-right: 8px;
    gap: 12px; }
    .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section {
      display: inline-flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      gap: 4px;
      position: relative; }
      .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section .countdown-amount, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section .countdown-amount {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        background: #fff;
        border-radius: 4px;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 1.1px; }
      .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section .countdown-period, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section .countdown-period {
        color: #fff;
        display: none;
        font-size: 10px;
        font-weight: normal; }
      .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section:not(:last-child, :last-child):after, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section:not(:last-child, :last-child):after {
        content: ":";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -6px;
        height: 80%;
        width: 2px;
        font-size: 16px;
        color: #fff;
        margin: auto; }
  .search-page .section-collection.flashsale-tabs .listProduct-more, .article-layout .section-collection.flashsale-tabs .listProduct-more {
    text-align: center;
    margin-top: 3px; }
    .search-page .section-collection.flashsale-tabs .listProduct-more a, .article-layout .section-collection.flashsale-tabs .listProduct-more a {
      display: inline-flex;
      align-items: center;
      padding: 8px;
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      color: #fff; }
      .search-page .section-collection.flashsale-tabs .listProduct-more a svg, .article-layout .section-collection.flashsale-tabs .listProduct-more a svg {
        width: 10px;
        height: 10px;
        fill: currentColor;
        margin-left: 6.5px;
        transition: all 0.3s;
        -ms-transition: all 0.3s; }
      .search-page .section-collection.flashsale-tabs .listProduct-more a:hover, .article-layout .section-collection.flashsale-tabs .listProduct-more a:hover {
        color: #fff; }
      .search-page .section-collection.flashsale-tabs .listProduct-more a:hover svg, .article-layout .section-collection.flashsale-tabs .listProduct-more a:hover svg {
        color: currentColor; }
    @media (max-width: 1170px) {
      .search-page .section-collection.flashsale-tabs .listProduct-more a, .article-layout .section-collection.flashsale-tabs .listProduct-more a {
        font-size: 14px; } }
    @media (max-width: 1024px) {
      .search-page .section-collection.flashsale-tabs .listProduct-more a, .article-layout .section-collection.flashsale-tabs .listProduct-more a {
        padding: 3px 6px; } }
  .search-page .section-collection.flashsale-tabs .wrapper-content, .article-layout .section-collection.flashsale-tabs .wrapper-content {
    background: #a41b1b; }
  .search-page .section-collection.flashsale-tabs .section-heading, .article-layout .section-collection.flashsale-tabs .section-heading {
    background: linear-gradient(180deg, #d61e2b 0%, #a41b1b 100%);
    border-radius: 4px 4px 0px 0px; }
  .search-page .section-collection.flashsale-tabs .section-tablist, .article-layout .section-collection.flashsale-tabs .section-tablist {
    overflow-x: scroll;
    position: relative;
    z-index: 2; }
    .search-page .section-collection.flashsale-tabs .section-tablist::-webkit-scrollbar, .article-layout .section-collection.flashsale-tabs .section-tablist::-webkit-scrollbar {
      display: none; }
    .search-page .section-collection.flashsale-tabs .section-tablist ul, .article-layout .section-collection.flashsale-tabs .section-tablist ul {
      margin-bottom: 0;
      padding: 0;
      display: flex;
      flex-wrap: nowrap; }
    .search-page .section-collection.flashsale-tabs .section-tablist ul li, .article-layout .section-collection.flashsale-tabs .section-tablist ul li {
      flex: 1 1 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      white-space: nowrap; }
    .search-page .section-collection.flashsale-tabs .section-tablist ul li a, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a {
      padding: 8px 14px;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #000;
      background: #fff;
      width: 100%; }
    .search-page .section-collection.flashsale-tabs .section-tablist ul li a:after, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 0px;
      height: 2px;
      border-radius: 30px;
      background: #fff;
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s; }
    .search-page .section-collection.flashsale-tabs .section-tablist ul li a span, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a span {
      display: block; }
    .search-page .section-collection.flashsale-tabs .section-tablist ul li a span.title, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a span.title {
      font-size: 15px;
      font-weight: 700;
      line-height: 18px;
      margin-bottom: 3px; }
    .search-page .section-collection.flashsale-tabs .section-tablist ul li a span.subtitle, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a span.subtitle {
      font-size: 12px;
      font-weight: 400;
      line-height: 16px; }
    .search-page .section-collection.flashsale-tabs .section-tablist ul li a.active, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a.active {
      background: transparent;
      color: #fff; }
      .search-page .section-collection.flashsale-tabs .section-tablist ul li a.active:after, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a.active:after {
        visibility: visible;
        opacity: 1;
        width: 80px; }
    .search-page .section-collection.flashsale-tabs .section-tablist ul li.past-time, .article-layout .section-collection.flashsale-tabs .section-tablist ul li.past-time {
      display: none; }
  .search-page .section-collection.flashsale-tabs .tab-content, .article-layout .section-collection.flashsale-tabs .tab-content {
    padding: 18px 0 16px;
    display: none; }
    .search-page .section-collection.flashsale-tabs .tab-content.active, .article-layout .section-collection.flashsale-tabs .tab-content.active {
      display: block; }
  .search-page .section-collection.flashsale-tabs .slick-track, .article-layout .section-collection.flashsale-tabs .slick-track {
    width: 100%; }
  @media (min-width: 1200px) {
    .search-page .section-collection.flashsale-tabs .listProduct-row:not(.slick-initialized, .slick-initialized), .article-layout .section-collection.flashsale-tabs .listProduct-row:not(.slick-initialized, .slick-initialized) {
      width: 100%;
      height: 340px; }
      .search-page .section-collection.flashsale-tabs .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .search-page .section-collection.flashsale-tabs .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs, .article-layout .section-collection.flashsale-tabs .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .article-layout .section-collection.flashsale-tabs .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; } }
  @media (min-width: 992px) {
    .search-page .section-collection.flashsale-tabs .section-tablist, .article-layout .section-collection.flashsale-tabs .section-tablist {
      overflow-x: hidden;
      overflow-y: hidden; }
      .search-page .section-collection.flashsale-tabs .section-tablist ul li, .article-layout .section-collection.flashsale-tabs .section-tablist ul li {
        flex: 1 1 calc(100%/5);
        align-items: flex-end;
        white-space: wrap;
        text-align: center; }
      .search-page .section-collection.flashsale-tabs .section-tablist ul li a, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a {
        padding: 17px 12px;
        height: 100%;
        justify-content: flex-end; }
      .search-page .section-collection.flashsale-tabs .section-tablist ul li a span.title, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a span.title {
        font-size: 22px;
        line-height: 22px; }
      .search-page .section-collection.flashsale-tabs .section-tablist ul li a span.subtitle, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a span.subtitle {
        font-size: 16px;
        line-height: 20px; }
      .search-page .section-collection.flashsale-tabs .section-tablist ul li a.active:after, .article-layout .section-collection.flashsale-tabs .section-tablist ul li a.active:after {
        width: 120px; }
    .search-page .section-collection.flashsale-tabs .tab-content, .article-layout .section-collection.flashsale-tabs .tab-content {
      padding: 24px 74.5px 0; }
    .search-page .section-collection.flashsale-tabs .slick-style .slick-arrow.slick-prev, .article-layout .section-collection.flashsale-tabs .slick-style .slick-arrow.slick-prev {
      left: -6.2%; }
    .search-page .section-collection.flashsale-tabs .slick-style .slick-arrow.slick-next, .article-layout .section-collection.flashsale-tabs .slick-style .slick-arrow.slick-next {
      right: -6.2%; } }
  @media (max-width: 1170px) {
    .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown_out, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown_out {
      font-size: 11px; }
      .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown_out span, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown_out span {
        width: 22px;
        height: 22px;
        line-height: 22px; }
    .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown-row, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown-row {
      gap: 8px; }
      .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section .countdown-amount, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section .countdown-amount {
        width: 22px;
        height: 22px;
        font-size: 11px; }
      .search-page .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section:not(:last-child, :last-child):after, .article-layout .section-collection.flashsale-tabs .listtab-countdown .countdown-row .countdown-section:not(:last-child, :last-child):after {
        right: -4px;
        font-size: 11px; } }
  .search-page .section-collection.flashsale-tabs-new .a-loading a, .article-layout .section-collection.flashsale-tabs-new .a-loading a {
    position: relative;
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background-size: 800px 104px;
    background: linear-gradient(to right, #F6F6F6 4%, #F0F0F0 18%, #F6F6F6 33%) !important;
    color: transparent !important; }
  .search-page .section-collection.flashsale-tabs-new .section-heading, .article-layout .section-collection.flashsale-tabs-new .section-heading {
    padding: 12px 16px;
    background: linear-gradient(180deg, #003bb8 0%, #003bb8 100%);
    border-radius: 4px 4px 0px 0px; }
    .search-page .section-collection.flashsale-tabs-new .section-heading .box-link a, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-link a {
      color: #fff; }
    .search-page .section-collection.flashsale-tabs-new .section-heading .hTitle, .article-layout .section-collection.flashsale-tabs-new .section-heading .hTitle {
      font-family: 'SVN-Gilroy';
      font-style: italic;
      font-weight: 900;
      font-size: 24px;
      line-height: 32px;
      text-transform: uppercase;
      padding-left: 26px;
      padding-right: 8px;
      position: relative;
      white-space: initial;
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
      .search-page .section-collection.flashsale-tabs-new .section-heading .hTitle:before, .article-layout .section-collection.flashsale-tabs-new .section-heading .hTitle:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='36' viewBox='0 0 20 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5035 15.4361H12.7737L12.769 15.4448H11.7322L18.6819 0L0.876617 19.807H7.67327L7.30312 20.7819L1.53845 36L18.5035 15.4361Z' fill='%23FFC306'/%3E%3Cpath d='M0.87663 19.807L0 20.7819H7.30314L7.67329 19.807H0.87663Z' fill='%23FFAD00'/%3E%3Cpath d='M12.769 15.4448L12.7737 15.4361H12.769L18.6819 0L11.7322 15.4448H12.769Z' fill='%23FFAD00'/%3E%3Cpath d='M20 15.4361H18.5035L1.53845 36L20 15.4361Z' fill='%23FFAD00'/%3E%3Cpath d='M17.6491 1.61224C17.6491 1.61224 2.40319 18.456 1.9086 19.3774C1.90939 19.3774 15.8681 4.08133 17.6491 1.61224Z' fill='%23FFEE12'/%3E%3Cpath d='M12.0802 15.6871C12.0802 15.6871 15.2491 15.444 17.7529 15.6871C17.7521 15.6871 14.8987 15.8964 12.0802 15.6871Z' fill='%23FFEE12'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: center;
        border-radius: 100%;
        display: block;
        left: 0px;
        width: 18px;
        height: 36px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-animation-name: twinkle;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite; }
      .search-page .section-collection.flashsale-tabs-new .section-heading .hTitle a, .article-layout .section-collection.flashsale-tabs-new .section-heading .hTitle a {
        color: #FFEE12; }
    .search-page .section-collection.flashsale-tabs-new .section-heading .box-right, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-right {
      display: flex;
      display: -ms-flex;
      display: -webkit-flex;
      align-items: center;
      -ms-align-items: center; }
    .search-page .section-collection.flashsale-tabs-new .section-heading .box-times, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-times {
      display: flex;
      display: -ms-flex;
      display: -webkit-flex;
      align-items: center;
      -ms-align-items: center;
      gap: 8px; }
      .search-page .section-collection.flashsale-tabs-new .section-heading .box-times a, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-times a {
        padding: 10px;
        color: #ffffff;
        background: transparent;
        border-radius: 4px;
        border: 1px solid #FFF;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        white-space: nowrap; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .box-times a.active, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-times a.active {
          background: #ffffff;
          color: #000000; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .box-times a.past-time, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-times a.past-time {
          opacity: 0;
          visibility: hidden;
          display: none; }
    .search-page .section-collection.flashsale-tabs-new .section-heading .countdown_out, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown_out {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-right: 8px; }
      .search-page .section-collection.flashsale-tabs-new .section-heading .countdown_out span, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown_out span {
        background: #fff;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 4px;
        font-size: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .countdown_out span:not(:last-child, :last-child):after, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown_out span:not(:last-child, :last-child):after {
          content: ":";
          position: absolute;
          top: 0;
          right: -8px;
          bottom: 0;
          margin: auto;
          width: 4px;
          height: 100%;
          display: inline-flex;
          align-items: center;
          color: #fff;
          font-size: 14px; }
    .search-page .section-collection.flashsale-tabs-new .section-heading .countdown-row, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown-row {
      display: flex;
      align-items: center;
      margin-right: 8px;
      gap: 12px; }
      .search-page .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section {
        display: inline-flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        position: relative; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section .countdown-amount, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section .countdown-amount {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 32px;
          height: 32px;
          background: #fff;
          border-radius: 4px;
          font-weight: 700;
          font-size: 16px;
          letter-spacing: 1.1px; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section .countdown-period, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section .countdown-period {
          color: #fff;
          display: none;
          font-size: 10px;
          font-weight: normal; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section:not(:last-child, :last-child):after, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section:not(:last-child, :last-child):after {
          content: ":";
          position: absolute;
          top: 0;
          bottom: 0;
          right: -6px;
          height: 80%;
          width: 2px;
          font-size: 16px;
          color: #fff;
          margin: auto; }
    @media (max-width: 991px) {
      .search-page .section-collection.flashsale-tabs-new .section-heading, .article-layout .section-collection.flashsale-tabs-new .section-heading {
        padding: 0 4px 12px; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .box-right, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-right {
          overflow-x: auto; }
          .search-page .section-collection.flashsale-tabs-new .section-heading .box-right::-webkit-scrollbar, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-right::-webkit-scrollbar {
            display: none; } }
    @media (max-width: 1023px) {
      .search-page .section-collection.flashsale-tabs-new .section-heading .box-left, .search-page .section-collection.flashsale-tabs-new .section-heading .box-right, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-left, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: flex-start;
        margin-top: 12px; } }
    @media (max-width: 1170px) {
      .search-page .section-collection.flashsale-tabs-new .section-heading .countdown_out, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown_out {
        font-size: 11px; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .countdown_out span, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown_out span {
          width: 22px;
          height: 22px;
          line-height: 22px; }
      .search-page .section-collection.flashsale-tabs-new .section-heading .countdown-row, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown-row {
        gap: 8px; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section .countdown-amount, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section .countdown-amount {
          width: 22px;
          height: 22px;
          font-size: 11px; }
        .search-page .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section:not(:last-child, :last-child):after, .article-layout .section-collection.flashsale-tabs-new .section-heading .countdown-row .countdown-section:not(:last-child, :last-child):after {
          right: -4px;
          font-size: 11px; }
      .search-page .section-collection.flashsale-tabs-new .section-heading .hTitle, .article-layout .section-collection.flashsale-tabs-new .section-heading .hTitle {
        font-size: 14px;
        line-height: 1.3;
        padding-right: 0;
        padding-left: 25px;
        margin-bottom: 0;
        white-space: normal;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: block; }
      .search-page .section-collection.flashsale-tabs-new .section-heading .box-times a, .article-layout .section-collection.flashsale-tabs-new .section-heading .box-times a {
        font-size: 12px; } }
  .search-page .section-collection.flashsale-tabs-new .section-content, .article-layout .section-collection.flashsale-tabs-new .section-content {
    border-radius: 0px 0px 4px 4px; }
  .search-page .section-collection.flashsale-tabs-new .section-tablist, .article-layout .section-collection.flashsale-tabs-new .section-tablist {
    overflow-x: auto; }
    .search-page .section-collection.flashsale-tabs-new .section-tablist::-webkit-scrollbar, .article-layout .section-collection.flashsale-tabs-new .section-tablist::-webkit-scrollbar {
      display: none; }
    .search-page .section-collection.flashsale-tabs-new .section-tablist ul, .article-layout .section-collection.flashsale-tabs-new .section-tablist ul {
      margin-bottom: 0;
      padding: 0;
      display: flex;
      flex-wrap: nowrap;
      gap: 8px; }
    .search-page .section-collection.flashsale-tabs-new .section-tablist ul li, .article-layout .section-collection.flashsale-tabs-new .section-tablist ul li {
      flex: 1 1 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      white-space: nowrap; }
    .search-page .section-collection.flashsale-tabs-new .section-tablist ul li a, .article-layout .section-collection.flashsale-tabs-new .section-tablist ul li a {
      font-size: 12px;
      padding: 4px 8px;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      font-weight: 400;
      border-radius: 2px;
      background: transparent;
      color: #ffffff; }
    .search-page .section-collection.flashsale-tabs-new .section-tablist ul li a span, .article-layout .section-collection.flashsale-tabs-new .section-tablist ul li a span {
      display: block; }
    .search-page .section-collection.flashsale-tabs-new .section-tablist ul li a.active, .article-layout .section-collection.flashsale-tabs-new .section-tablist ul li a.active {
      background: #ffffff;
      color: #000000;
      font-weight: 700; }
    .search-page .section-collection.flashsale-tabs-new .section-tablist ul li.past-time, .article-layout .section-collection.flashsale-tabs-new .section-tablist ul li.past-time {
      display: none; }
    .search-page .section-collection.flashsale-tabs-new .section-tablist .list-countdown-child, .article-layout .section-collection.flashsale-tabs-new .section-tablist .list-countdown-child {
      display: none; }
      .search-page .section-collection.flashsale-tabs-new .section-tablist .list-countdown-child .tab-countdown-child, .article-layout .section-collection.flashsale-tabs-new .section-tablist .list-countdown-child .tab-countdown-child {
        display: none; }
      .search-page .section-collection.flashsale-tabs-new .section-tablist .list-countdown-child .tab-countdown-child.active, .article-layout .section-collection.flashsale-tabs-new .section-tablist .list-countdown-child .tab-countdown-child.active {
        display: block; }
  .search-page .section-collection.flashsale-tabs-new .coll-banner, .article-layout .section-collection.flashsale-tabs-new .coll-banner {
    display: none; }
  .search-page .section-collection.flashsale-tabs-new .coll-products, .article-layout .section-collection.flashsale-tabs-new .coll-products {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .search-page .section-collection.flashsale-tabs-new .listProduct-more, .article-layout .section-collection.flashsale-tabs-new .listProduct-more {
    text-align: center;
    margin-top: 11px; }
    .search-page .section-collection.flashsale-tabs-new .listProduct-more a, .article-layout .section-collection.flashsale-tabs-new .listProduct-more a {
      display: inline-flex;
      align-items: center;
      padding: 7px 50px;
      font-weight: 700;
      font-size: 16px;
      line-height: 22px;
      color: #ffffff;
      background: #1AA6F7;
      border-radius: 8px; }
    @media (max-width: 1170px) {
      .search-page .section-collection.flashsale-tabs-new .listProduct-more a, .article-layout .section-collection.flashsale-tabs-new .listProduct-more a {
        font-size: 14px; } }
    @media (max-width: 1024px) {
      .search-page .section-collection.flashsale-tabs-new .listProduct-more, .article-layout .section-collection.flashsale-tabs-new .listProduct-more {
        margin-bottom: 11px; }
        .search-page .section-collection.flashsale-tabs-new .listProduct-more a, .article-layout .section-collection.flashsale-tabs-new .listProduct-more a {
          padding: 6px 20px; } }
  .search-page .section-collection.flashsale-tabs-new .wrapper-content, .article-layout .section-collection.flashsale-tabs-new .wrapper-content {
    background: #fdecef; }
  .search-page .section-collection.flashsale-tabs-new .tab-countdown, .article-layout .section-collection.flashsale-tabs-new .tab-countdown {
    display: none;
    font-weight: bold; }
    .search-page .section-collection.flashsale-tabs-new .tab-countdown.active, .article-layout .section-collection.flashsale-tabs-new .tab-countdown.active {
      display: block; }
  .search-page .section-collection.flashsale-tabs-new .section-tabparent, .article-layout .section-collection.flashsale-tabs-new .section-tabparent {
    display: none; }
    .search-page .section-collection.flashsale-tabs-new .section-tabparent.active, .article-layout .section-collection.flashsale-tabs-new .section-tabparent.active {
      display: block; }
    .search-page .section-collection.flashsale-tabs-new .section-tabparent.past-time, .article-layout .section-collection.flashsale-tabs-new .section-tabparent.past-time {
      opacity: 0;
      visibility: hidden;
      display: none; }
  .search-page .section-collection.flashsale-tabs-new .section-tabpan, .article-layout .section-collection.flashsale-tabs-new .section-tabpan {
    padding: 16px 0 8px; }
    .search-page .section-collection.flashsale-tabs-new .section-tabpan .tab-content, .article-layout .section-collection.flashsale-tabs-new .section-tabpan .tab-content {
      display: none; }
    .search-page .section-collection.flashsale-tabs-new .section-tabpan .tab-content.active, .article-layout .section-collection.flashsale-tabs-new .section-tabpan .tab-content.active {
      display: block; }
  .search-page .section-collection.flashsale-tabs-new .slick-track, .article-layout .section-collection.flashsale-tabs-new .slick-track {
    width: 100%; }
  @media (min-width: 992px) {
    .search-page .section-collection.flashsale-tabs-new .section-tablist, .article-layout .section-collection.flashsale-tabs-new .section-tablist {
      overflow-x: hidden;
      overflow-y: hidden; }
      .search-page .section-collection.flashsale-tabs-new .section-tablist ul, .article-layout .section-collection.flashsale-tabs-new .section-tablist ul {
        gap: 12px; }
      .search-page .section-collection.flashsale-tabs-new .section-tablist ul li, .article-layout .section-collection.flashsale-tabs-new .section-tablist ul li {
        flex: 0 0 auto;
        white-space: wrap;
        text-align: center;
        justify-content: flex-start; }
      .search-page .section-collection.flashsale-tabs-new .section-tablist ul li a, .article-layout .section-collection.flashsale-tabs-new .section-tablist ul li a {
        font-size: 18px; }
    .search-page .section-collection.flashsale-tabs-new .section-tabpan, .article-layout .section-collection.flashsale-tabs-new .section-tabpan {
      padding: 16px 0 8px; }
    .search-page .section-collection.flashsale-tabs-new .slick-style .slick-arrow.slick-prev, .article-layout .section-collection.flashsale-tabs-new .slick-style .slick-arrow.slick-prev {
      left: -1.5%; }
    .search-page .section-collection.flashsale-tabs-new .slick-style .slick-arrow.slick-next, .article-layout .section-collection.flashsale-tabs-new .slick-style .slick-arrow.slick-next {
      right: -1.5%; } }
  @media (min-width: 1024px) {
    .search-page .section-collection.flashsale-tabs-new .coll-banner, .article-layout .section-collection.flashsale-tabs-new .coll-banner {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
      display: block; }
    .search-page .section-collection.flashsale-tabs-new .coll-products, .article-layout .section-collection.flashsale-tabs-new .coll-products {
      -ms-flex: 0 0 calc(83.333333% - 2px);
      flex: 0 0 calc(83.333333% - 2px);
      max-width: calc(83.333333% - 2px); }
      .search-page .section-collection.flashsale-tabs-new .coll-products .listProduct-more, .article-layout .section-collection.flashsale-tabs-new .coll-products .listProduct-more {
        width: calc(83.333333% - 4px); } }
  @media (min-width: 1200px) {
    .search-page .section-collection.flashsale-tabs-new .listProduct-row:not(.slick-initialized, .slick-initialized), .article-layout .section-collection.flashsale-tabs-new .listProduct-row:not(.slick-initialized, .slick-initialized) {
      width: 100%;
      height: 340px; }
      .search-page .section-collection.flashsale-tabs-new .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .search-page .section-collection.flashsale-tabs-new .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs, .article-layout .section-collection.flashsale-tabs-new .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .article-layout .section-collection.flashsale-tabs-new .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%; }
    .search-page .section-collection.flashsale-tabs-new .coll-products .listProduct-row:not(.slick-initialized, .slick-initialized), .article-layout .section-collection.flashsale-tabs-new .coll-products .listProduct-row:not(.slick-initialized, .slick-initialized) {
      width: 100%;
      height: 340px; }
      .search-page .section-collection.flashsale-tabs-new .coll-products .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .search-page .section-collection.flashsale-tabs-new .coll-products .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs, .article-layout .section-collection.flashsale-tabs-new .coll-products .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop, .article-layout .section-collection.flashsale-tabs-new .coll-products .listProduct-row:not(.slick-initialized, .slick-initialized) .proloop-fs {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; } }
  .search-page .section-collection.flashsale-1 .wrapper-content .section-content, .article-layout .section-collection.flashsale-1 .wrapper-content .section-content {
    padding: 10px 4px 0; }
    @media (min-width: 992px) {
      .search-page .section-collection.flashsale-1 .wrapper-content .section-content, .article-layout .section-collection.flashsale-1 .wrapper-content .section-content {
        padding: 16px; } }
  .search-page .section-collection.flashsale-2 .wrapper-content .section-content, .article-layout .section-collection.flashsale-2 .wrapper-content .section-content {
    padding: 10px 4px 0;
    background: url("https://file.hstatic.net/200000722513/file/thang_04_layout_web_-12.png") center center/cover no-repeat; }
    @media (min-width: 992px) {
      .search-page .section-collection.flashsale-2 .wrapper-content .section-content, .article-layout .section-collection.flashsale-2 .wrapper-content .section-content {
        padding: 16px; } }
  .search-page .section-collection.flashsale-3 .wrapper-content .section-content, .article-layout .section-collection.flashsale-3 .wrapper-content .section-content {
    padding: 10px 4px 0; }
    @media (min-width: 992px) {
      .search-page .section-collection.flashsale-3 .wrapper-content .section-content, .article-layout .section-collection.flashsale-3 .wrapper-content .section-content {
        padding: 16px; } }
  .search-page .section-collection.flashsale-4 .wrapper-content .section-content, .article-layout .section-collection.flashsale-4 .wrapper-content .section-content {
    padding: 10px 4px 0;
    background: url("https://file.hstatic.net/200000722513/file/artboard_35-1.png") center center/cover no-repeat; }
    @media (min-width: 992px) {
      .search-page .section-collection.flashsale-4 .wrapper-content .section-content, .article-layout .section-collection.flashsale-4 .wrapper-content .section-content {
        padding: 16px; } }

.article-layout .proloop.proloop-full {
  margin: 20px 0; }
  .article-layout .proloop.proloop-full .proloop-block .proloop-view {
    margin-top: 16px; }
    .article-layout .proloop.proloop-full .proloop-block .proloop-view a {
      color: #fff;
      text-transform: uppercase;
      width: 100%;
      border-radius: 2px; }
  .article-layout .proloop.proloop-full .proloop-block .proloop-detail {
    padding: 16px; }
  .article-layout .proloop.proloop-full .proloop-block .proloop-label {
    display: none !important; }
  @media (min-width: 768px) {
    .article-layout .proloop.proloop-full .proloop-block {
      display: flex; }
      .article-layout .proloop.proloop-full .proloop-block .proloop-img {
        width: 30%; }
      .article-layout .proloop.proloop-full .proloop-block .proloop-detail {
        width: 70%;
        padding: 20px; }
      .article-layout .proloop.proloop-full .proloop-block .proloop-view a {
        width: 50%;
        padding: 15px; } }

.article-layout .proloop.proloop-half .proloop-detail {
  padding: 6px 10px; }
  .article-layout .proloop.proloop-half .proloop-detail .proloop-view {
    margin-top: 6px; }
    .article-layout .proloop.proloop-half .proloop-detail .proloop-view a {
      width: 100%;
      padding: 6px 10px; }
  .article-layout .proloop.proloop-half .proloop-detail .proloop-price {
    min-height: 36px; }

.article-layout .section-collection:not(.flashsale) .section-heading {
  padding: 12px 0 12px 0; }
  .article-layout .section-collection:not(.flashsale) .section-heading .a-link {
    text-decoration: underline; }

.article-layout .section-collection:not(.flashsale) .section-content {
  padding: 8px 6px 0; }

.article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized) {
  display: flex;
  display: -ms-flex;
  overflow: hidden;
  margin-right: -6px;
  margin-left: -6px; }
  @media (min-width: 1200px) {
    .article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized) .proloop, .article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized) .proloop-fs {
      -webkit-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized) .proloop, .article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized) .proloop-fs {
      -webkit-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; } }
  @media (max-width: 991px) {
    .article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized) {
      overflow: scroll; }
      .article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized)::-webkit-scrollbar {
        display: none; }
      .article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized) .proloop, .article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized) .proloop-fs {
        -webkit-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%; } }

.article-layout .section-collection:not(.flashsale) .slick-style.style-pr .slick-arrow.slick-disabled {
  opacity: 1;
  cursor: pointer; }

@media (min-width: 991px) {
  .article-layout .section-collection:not(.flashsale) {
    padding-bottom: 24px; }
    .article-layout .section-collection:not(.flashsale) .section-content {
      padding: 0; }
    .article-layout .section-collection:not(.flashsale) .listProduct-row:not(.slick-initialized) {
      margin-right: -8px;
      margin-left: -4px; } }

@media (min-width: 1171px) {
  .article-layout .section-collection.flashsale .section-heading .hTitle {
    font-size: 22px; }
  .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] {
    font-size: 13px;
    margin-right: 8px; }
  .article-layout .section-collection.flashsale .box-countdown .soon .soon-group {
    font-size: 11px; }
  .article-layout .section-collection.flashsale .box-countdown .soon-group.soon-group-sub {
    width: 22px;
    height: 22px;
    line-height: 22px; }
  .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-separator {
    width: 8px; }
  .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-label {
    margin: 0; }
  .article-layout .section-collection.flashsale .box-countdown .soon[data-layout*=group] .soon-group-sub > .soon-group-inner {
    margin: 0 2px; } }

@media (min-width: 1200px) {
  .article-layout .section-collection.flashsale-tabs .listProduct-row:not(.slick-initialized) .proloop, .article-layout .section-collection.flashsale-tabs .listProduct-row:not(.slick-initialized) .proloop-fs {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; } }

@media (min-width: 992px) {
  .article-layout .section-collection.flashsale-tabs .section-tablist ul li a {
    padding: 12px 8px; }
  .article-layout .section-collection.flashsale-tabs .section-tablist ul li a span.title {
    font-size: 18px;
    line-height: 20px; }
  .article-layout .section-collection.flashsale-tabs .section-tablist ul li a span.subtitle {
    font-size: 14px;
    line-height: 18px; }
  .article-layout .section-collection.flashsale-tabs .tab-content {
    padding: 24px 0 0; } }

.article-layout .section-collection.flashsale-tabs-new .section-heading {
  gap: 10px; }

.article-layout .section-collection.flashsale-tabs-new .coll-products {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }
  .article-layout .section-collection.flashsale-tabs-new .coll-products .listProduct-more {
    width: 100%; }

.article-layout .section-collection.flashsale-tabs-new .coll-banner {
  display: none !important; }

@media (min-width: 1200px) {
  .article-layout .section-collection.flashsale-tabs-new .listProduct-row:not(.slick-initialized) {
    width: 100%;
    height: 340px; }
    .article-layout .section-collection.flashsale-tabs-new .listProduct-row:not(.slick-initialized) .proloop, .article-layout .section-collection.flashsale-tabs-new .listProduct-row:not(.slick-initialized) .proloop-fs {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; }
  .article-layout .section-collection.flashsale-tabs-new .coll-products .listProduct-row:not(.slick-initialized) {
    width: 100%;
    height: 340px; }
    .article-layout .section-collection.flashsale-tabs-new .coll-products .listProduct-row:not(.slick-initialized) .proloop, .article-layout .section-collection.flashsale-tabs-new .coll-products .listProduct-row:not(.slick-initialized) .proloop-fs {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; } }