/*$secondaryfonts:  optimal;*/
.transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.ellips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }

.insidecontainer {
  border: 1px solid #E0E2EE;
  border-radius: 20px;
  position: relative;
  margin: 40px 0; }
  .insidecontainer .title-border {
    margin-bottom: 15px;
    position: relative;
    position: absolute;
    bottom: calc(100% - 10px);
    background: #fff;
    padding: 0 15px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: inline-block;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 99; }
  .insidecontainer h3 {
    margin: 0 !important;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
  .insidecontainer p {
    margin-bottom: 0; }
  .insidecontainer .countdown-inner {
    padding-left: 10px; }

.see-all {
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  display: inline-block;
  margin-left: auto; }
  .see-all img {
    vertical-align: middle;
    margin-left: 20px; }
  .see-all:after {
    display: block;
    content: '';
    border-bottom: solid 3px;
    transform: scaleX(0);
    border-color: inherit;
    transition: transform 250ms ease-in-out;
    transform-origin: 100% 50%; }
  .see-all:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%; }

.title-border h3 {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px; }
  .title-border h3 p {
    margin: 0; }

.banner-slider {
  margin-bottom: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  /*.title_style {
      font-size: $font-large;
      margin: 0;padding: 0;
      position: relative;
      text-transform: uppercase;
      &:after {
          content: "";
          width: 100%;
          height: 2px;
          background: #0094d9;
          position: absolute;
          left: 0;
          bottom: -1px;
      } 
  }*/ }
  .banner-slider .title-border {
    margin-bottom: 20px; }
    .banner-slider .title-border span {
      line-height: 24px;
      font-size: 1rem; }
      .banner-slider .title-border span.title_style {
        font-size: 30px;
        font-weight: 700;
        line-height: normal; }
  .banner-slider p {
    margin: 0; }
  .banner-slider h3 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin: 0; }
  .banner-slider .flash-timer {
    font-size: 0.875rem;
    background-color: #0094d9;
    padding: 4px 10px 4px 10px;
    border-radius: 50px;
    margin-left: 10px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    white-space: nowrap; }
    .banner-slider .flash-timer .countdown-inner {
      margin: 0;
      padding: 0 0 0 5px;
      display: -webkit-inline-box;
      display: -moz-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      list-style: none; }
      .banner-slider .flash-timer .countdown-inner li {
        padding: 0 2px; }
  .banner-slider .number {
    position: relative; }
    .banner-slider .number:not(:last-child, :first-child):after {
      content: ':';
      padding: 0 5px; }
  .banner-slider .see-all {
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    display: inline-block;
    margin-left: auto;
    padding: 0;
    color: #25282A; }
    .banner-slider .see-all:after {
      display: block;
      content: '';
      border-bottom: solid 3px;
      transform: scaleX(0);
      border-color: inherit;
      transition: transform 250ms ease-in-out;
      transform-origin: 100% 50%; }
    .banner-slider .see-all:hover:after {
      transform: scaleX(1);
      transform-origin: 0 50%; }
    .banner-slider .see-all img {
      vertical-align: middle;
      margin: 0px 0px 0 24px; }

.cat-info .product-title {
  text-align: center; }

.brand-wrap .product-title {
  font-weight: normal;
  text-align: center; }

body .selectors.MagicScroll .mcs-item {
  width: auto !important;
  margin: 0 5px; }

html[lang="th"] .banner-slider .title-border span {
  font-size: 20px; }
  html[lang="th"] .banner-slider .title-border span.title_style {
    font-size: 40px; }
  html[lang="th"] .banner-slider .title-border span .see-all {
    font-size: 20px; }

@media all and (max-width: 767px) {
  .banner-slider .title-border h3, .banner-slider .title-border h2 {
    display: block;
    text-align: center; }
  .banner-slider .title-border span.title_style {
    display: block; }

  .see-all {
    text-transform: uppercase;
    font-size: 0.875rem; } }
.tablist .cms-tab-data {
  font-size: 0.938rem;
  border-radius: 0;
  margin-right: 8px; }
.tablist .nav-tabs {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-y: auto;
  white-space: nowrap; }
  .tablist .nav-tabs::-webkit-scrollbar {
    display: none; }

.main-title.order-payment {
  font-size: 41px;
  margin-bottom: 40px; }

.product-shop .price-margin {
  margin: 0 8px; }
.product-shop .review-wrap {
  display: none; }

.show_desk .sku-name.inner-info {
  display: none; }

.product-list .name-wrap .option-add-cart .btn-compare {
  display: none; }

.cart-item-container .cart-item-list .cart-item-desc .product-select {
  display: none; }

html[lang="en"] .banner-slider .product-item-info .product-title {
  font-family: "Poppins", sans-serif;
  font-size: 14px; }
html[lang="en"] .banner-slider .price-wrap .normal-price {
  font-size: 14px; }
html[lang="en"] .banner-slider .price-wrap .special-price {
  font-size: 14px; }
html[lang="en"] .banner-slider .price-wrap .strike-price {
  font-size: 13px; }

html[lang="th"] .banner-slider .special-price {
  font-size: 18px; }

@media all and (max-width: 767px) {
  .product-item-info .product-title {
    font-size: 1rem; } }
