@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500&display=swap");
body,
body#red {
  --theme-bg: #020202;
  --theme-txt: #c49a6c;
  --menu-bg: linear-gradient(180deg, #020202 0%, #621d2b 100%);
  --menu-txt: #bcbec0;
  --theme-slide-dot-active: #b0986e;
  --countdown-txt: #fff;
  --countdown-unit-txt: #fbb040;
  --promotion-bg: #020202;
  --countdown-bg: #020202;
  --tracking-bg: url(../images/fe/tracking/tracking1.jpg?2);
  --tracking-mb-bg: url(../images/fe/tracking/tracking2.jpg?2);
  --tracking-bg-color: #560408;
  --order-bg: #870e1d;
  --sale-time-bgd: #f7941d;
  --sale-time-txt: #020202;
  --sale-detail-bg: #020202;
  --sale-title: #fff;
  --sale-detail-txt: #fff;
  --sale-order-color: #f7941d;
  --sale-i-line: url(../images/fe/icons/o-line.png);
  --sale-i-bottle: url(../images/fe/icons/o-bottle.png);
  --sale-i-van: url(../images/fe/icons/o-van.png);
  --sale-i-box: url(../images/fe/icons/o-box.png);
  --sale-i-money: url(../images/fe/icons/o-money.png);
  --sale-i-delivery: url(../images/fe/icons/o-delivery.png);
  --sale-theme-bg: #020202;
  --icon-menu-hover: url(../images/fe/icons/menu-hover.png);
  --icon-account: url(../images/fe/icons/i_account.png);
  --icon-cart: url(../images/fe/icons/i_cart.png);
  --tracking-result-color: #fff;
  --icon_line_admin: url(../images/fe/icons/icon_line_admin.png);
  --header-font-size: 14px; }

body#blue {
  --theme-bg: linear-gradient(0deg, #5cbee5 0%, #012c59 100%);
  --theme-txt: #fff;
  --menu-bg: #0b4072 url(../images/fe/theme_blue/menu-bg.png) center;
  --menu-txt: #bcbec0;
  --theme-slide-dot-active: #414042;
  --countdown-txt: #58595b;
  --countdown-unit-txt: #499ec9;
  --promotion-bg: #231f20;
  --countdown-bg: #fff;
  --tracking-bg: url(../images/fe/theme_blue/bg-tracking.jpg);
  --tracking-mb-bg: url(../images/fe/theme_blue/bg-tracking-600.jpg);
  --tracking-bg-color: #012c57;
  --order-bg: linear-gradient(0deg, #5cbee5 0%, #012c59 100%);
  --sale-time-bgd: #0c5991;
  --sale-time-txt: #fff;
  --sale-detail-bg: #fff;
  --sale-title: #414042;
  --sale-detail-txt: #58595b;
  --sale-order-color: #fff;
  --sale-i-line: url(../images/fe/theme_blue/sale/o-line.png);
  --sale-i-bottle: url(../images/fe/theme_blue/sale/o-bottle.png);
  --sale-i-van: url(../images/fe/theme_blue/sale/o-van.png);
  --sale-i-box: url(../images/fe/theme_blue/sale/o-box.png);
  --sale-i-money: url(../images/fe/theme_blue/sale/o-money.png);
  --sale-i-delivery: url(../images/fe/theme_blue/sale/o-delivery.png);
  --sale-theme-bg: linear-gradient(0deg, #5cbee5 0%, #012c59 100%);
  --icon-menu-hover: url(../images/fe/icons/menu-hover.png);
  --icon-account: url(../images/fe/icons/i_account.png);
  --icon-cart: url(../images/fe/icons/i_cart.png);
  --tracking-result-color: #fff;
  --icon_line_admin: url(../images/fe/icons/icon_line_admin.png);
  --header-font-size: 14px; }

body#yellow {
  --theme-bg: linear-gradient(to bottom, #fe602c 0%, #ff962c 50%, #ffd7a2 100%);
  --theme-txt: #fff;
  --menu-bg: #f25a29;
  --menu-txt: #413f42;
  --theme-slide-dot-active: #414042;
  --countdown-txt: #58595b;
  --countdown-unit-txt: #fedb16;
  --promotion-bg: #231f20;
  --countdown-bg: #fff;
  --tracking-bg: url(../images/fe/theme_yellow/bg-tracking.jpg);
  --tracking-mb-bg: url(../images/fe/theme_yellow/bg-tracking-600.jpg);
  --tracking-bg-color: #ffd199;
  --order-bg: linear-gradient(to bottom, #fe602c 0%, #ff962c 50%, #ffd7a2 100%);
  --sale-time-bgd: #f7941d;
  --sale-time-txt: #fff;
  --sale-detail-bg: #fff;
  --sale-title: #414042;
  --sale-detail-txt: #58595b;
  --sale-order-color: #fff;
  --sale-i-line: url(../images/fe/theme_yellow/sale/o-line.png);
  --sale-i-bottle: url(../images/fe/theme_yellow/sale/o-bottle.png);
  --sale-i-van: url(../images/fe/theme_yellow/sale/o-van.png);
  --sale-i-box: url(../images/fe/theme_yellow/sale/o-box.png);
  --sale-i-money: url(../images/fe/theme_yellow/sale/o-money.png);
  --sale-i-delivery: url(../images/fe/theme_yellow/sale/o-delivery.png);
  --sale-theme-bg: linear-gradient(0deg, #ff962c 0%, #fe602c 100%);
  --icon-menu-hover: url(../images/fe/theme_yellow/menu-hover.png);
  --icon-account: url(../images/fe/icons/i_account.png);
  --icon-cart: url(../images/fe/icons/i_cart.png);
  --tracking-result-color: #fff;
  --icon_line_admin: url(../images/fe/icons/icon_line_admin.png);
  --header-font-size: 15px; }

body,
body#larelx {
  --theme-bg: #020202;
  --theme-txt: #c49a6c;
  --menu-bg: linear-gradient(180deg, #020202 0%, #621d2b 100%);
  --menu-txt: #bcbec0;
  --theme-slide-dot-active: #b0986e;
  --countdown-txt: #fff;
  --countdown-unit-txt: #fbb040;
  --promotion-bg: #020202;
  --countdown-bg: #020202;
  --tracking-bg: url(../images/fe/larelx/WEB-Cover-Eng-2920x1685px.jpg);
  --tracking-mb-bg: url(../images/fe/larelx/WEB-Cover-Eng-750x947px.jpg);
  --tracking-bg-color: #560408;
  --order-bg: #870e1d;
  --sale-time-bgd: #f7941d;
  --sale-time-txt: #020202;
  --sale-detail-bg: #020202;
  --sale-title: #fff;
  --sale-detail-txt: #fff;
  --sale-order-color: #f7941d;
  ---sale-i-line: url(../images/fe/icons/o-line.png);
  --sale-i-bottle: url(../images/fe/icons/o-bottle.png);
  --sale-i-van: url(../images/fe/icons/o-van.png);
  --sale-i-box: url(../images/fe/icons/o-box.png);
  --sale-i-money: url(../images/fe/icons/o-money.png);
  --sale-i-delivery: url(../images/fe/icons/o-delivery.png);
  --sale-theme-bg: #020202;
  --icon-menu-hover: url(../images/fe/icons/menu-hover.png);
  --icon-account: url(../images/fe/icons/i_account.png);
  --icon-cart: url(../images/fe/icons/i_cart.png);
  --tracking-result-color: #fff;
  --icon_line_admin: url(../images/fe/larelx/Line24hours-Eng.png);
  --header-font-size: 14px; }

body,
body#larelx1 {
  --theme-bg: #020202;
  --theme-txt: #e57b30;
  --menu-bg: linear-gradient(180deg, #e57b30 0%, #f6be11 100%);
  --menu-txt: #ffffff;
  --theme-slide-dot-active: #b0986e;
  --countdown-txt: #fff;
  --countdown-unit-txt: #fbb040;
  --promotion-bg: #020202;
  --countdown-bg: #020202;
  --tracking-bg: url(../images/fe/larelx/WEB-Cover-Eng-2920x1685px.jpg);
  --tracking-mb-bg: url(../images/fe/larelx/WEB-Cover-Eng-750x947px.jpg);
  --tracking-bg-color: #560408;
  --order-bg: #870e1d;
  --sale-time-bgd: #f7941d;
  --sale-time-txt: #020202;
  --sale-detail-bg: #020202;
  --sale-title: #fff;
  --sale-detail-txt: #fff;
  --sale-order-color: #f7941d;
  --sale-i-line: url(../images/fe/icons/o-line.png);
  --sale-i-bottle: url(../images/fe/icons/o-bottle.png);
  --sale-i-van: url(../images/fe/icons/o-van.png);
  --sale-i-box: url(../images/fe/icons/o-box.png);
  --sale-i-money: url(../images/fe/icons/o-money.png);
  --sale-i-delivery: url(../images/fe/icons/o-delivery.png);
  --sale-theme-bg: #020202;
  --icon-menu-hover: url(../images/fe/icons/menu-hover.png);
  --icon-account: url(../images/fe/icons/i_account.png);
  --icon-cart: url(../images/fe/icons/i_cart.png);
  --tracking-result-color: #fff;
  --icon_line_admin: url(../images/fe/larelx/Line24hours-Eng.png);
  --header-font-size: 14px; }

body,
body#relxpoint {
  --theme-bg: #020202;
  --theme-txt: #1b553a;
  --menu-bg: linear-gradient(180deg, #1d2c25 0%, #1b553a 100%);
  --menu-txt: #ffffff;
  --theme-slide-dot-active: rgb(82, 139, 104);
  --countdown-txt: #fff;
  --countdown-unit-txt: #1b553a;
  --promotion-bg: #020202;
  --countdown-bg: #020202;
  --tracking-bg: url(../images/fe/theme_relxpoint/tracking/WEB-RelxPoint-Cover_2920x1687px.jpg);
  --tracking-mb-bg: url(../images/fe/theme_relxpoint/tracking/WEB-RelxPoint-Cover_750x947px.jpg);
  --tracking-bg-color: $white;
  --order-bg: #1d2c25;
  --sale-time-bgd: #1d2c25;
  --sale-time-txt: #020202;
  --sale-detail-bg: #020202;
  --sale-title: #fff;
  --sale-detail-txt: #fff;
  --sale-order-color: #1d2c25;
  --sale-i-line: url(../images/fe/icons/o-line.png);
  --sale-i-bottle: url(../images/fe/icons/o-bottle.png);
  --sale-i-van: url(../images/fe/icons/o-van.png);
  --sale-i-box: url(../images/fe/icons/o-box.png);
  --sale-i-money: url(../images/fe/icons/o-money.png);
  --sale-i-delivery: url(../images/fe/icons/o-delivery.png);
  --sale-theme-bg: #020202;
  --icon-menu-hover: url(../images/fe/icons/menu-hover.png);
  --icon-account: url(../images/fe/icons/i_account.png);
  --icon-cart: url(../images/fe/icons/i_cart.png);
  --tracking-result-color: #fff;
  --icon_line_admin: url(../images/fe/icons/icon_line_admin.png);
  --header-font-size: 14px; }

body,
body#iam {
  --theme-bg: #020202;
  --theme-txt: #1b553a;
  --menu-bg: linear-gradient(180deg, #1d2c25 0%, #1b553a 100%);
  --menu-txt: #ffffff;
  --theme-slide-dot-active: rgb(82, 139, 104);
  --countdown-txt: #fff;
  --countdown-unit-txt: #1b553a;
  --promotion-bg: #020202;
  --countdown-bg: #020202;
  --tracking-bg: url(../images/fe/theme_iam/Shipping-Website-IAM-2920x1687.jpg);
  --tracking-mb-bg: url(../images/fe/theme_iam/Shipping-Website-IAM-750x947.jpg);
  --tracking-bg-color: $white;
  --order-bg: #1d2c25;
  --sale-time-bgd: #1d2c25;
  --sale-time-txt: #020202;
  --sale-detail-bg: #020202;
  --sale-title: #fff;
  --sale-detail-txt: #fff;
  --sale-order-color: #1d2c25;
  --sale-i-line: url(../images/fe/icons/o-line.png);
  --sale-i-bottle: url(../images/fe/icons/o-bottle.png);
  --sale-i-van: url(../images/fe/icons/o-van.png);
  --sale-i-box: url(../images/fe/icons/o-box.png);
  --sale-i-money: url(../images/fe/icons/o-money.png);
  --sale-i-delivery: url(../images/fe/icons/o-delivery.png);
  --sale-theme-bg: #020202;
  --icon-menu-hover: url(../images/fe/icons/menu-hover.png);
  --icon-account: url(../images/fe/icons/i_account.png);
  --icon-cart: url(../images/fe/icons/i_cart.png);
  --tracking-result-color: #020202;
  --icon_line_admin: url(../images/fe/icons/icon_line_admin.png);
  --header-font-size: 14px; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'PlayfairDisplay';
  src: url("../fonts/PlayfairDisplay-Regular.eot");
  src: url("../fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("../fonts/PlayfairDisplay-Regular.woff") format("woff"), url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype"), url("../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'DBGinSiamX';
  src: url("../fonts/DBGinSiamX.eot?#iefix") format("embedded-opentype"), url("../fonts/DBGinSiamX.woff") format("woff"), url("../fonts/DBGinSiamX.ttf") format("truetype"), url("../fonts/DBGinSiamX.svg#DBGinSiamX") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'DBGinSiamX';
  src: url("../fonts/DBGinSiamX-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DBGinSiamX-Bold.woff") format("woff"), url("../fonts/DBGinSiamX-Bold.ttf") format("truetype"), url("../fonts/DBGinSiamX-Bold.svg#DBGinSiamX-Bold") format("svg");
  font-weight: 600;
  font-style: bold; }
@font-face {
  font-family: 'DBGinSiamX';
  src: url("../fonts/DBGinSiamX-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/DBGinSiamX-Light.woff") format("woff"), url("../fonts/DBGinSiamX-Light.ttf") format("truetype"), url("../fonts/DBGinSiamX-Light.svg#DBGinSiamX-Light") format("svg");
  font-weight: 300;
  font-style: light; }
@font-face {
  font-family: "Mitr-Light";
  src: url("../fonts/Mitr-Light.ttf"); }
header {
  height: 85px;
  padding: 11px 0;
  background: var(--menu-bg);
  position: relative; }
  header .m-account {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  header .navbar {
    padding: 0;
    position: relative;
    z-index: 20; }
    @media (min-width: 1370px) {
      header .navbar .navbar-nav {
        margin: 0 auto; } }
  header .search-form {
    width: 12%;
    position: relative;
    right: 50px; }
  header nav a {
    color: var(--menu-txt) !important; }
  header .main-menu {
    align-items: center; }
    header .main-menu li {
      display: inline-block; }
      header .main-menu li a {
        color: var(--menu-txt) !important;
        font-size: var(--header-font-size);
        padding-top: 0;
        padding-left: 16px !important;
        padding-right: 16px !important;
        background: transparent;
        position: relative; }
        @media (max-width: 991px) {
          header .main-menu li a {
            text-align: center;
            color: #808285 !important; }
            header .main-menu li a.active, header .main-menu li a:hover {
              color: #231f20 !important; } }
        header .main-menu li a i:before, header .main-menu li a i:after {
          content: "";
          position: absolute; }
        header .main-menu li a i:after {
          width: calc(100% - 20px);
          height: 2px;
          bottom: 5px;
          right: 15px;
          background: transparent; }
          @media (min-width: 992px) and (max-width: 1200px) {
            header .main-menu li a i:after {
              width: calc(100% - 15px);
              right: 8px; } }
        @media (min-width: 992px) {
          header .main-menu li a.active i:before, header .main-menu li a:hover i:before {
            background: var(--icon-menu-hover) no-repeat;
            display: block;
            width: 9px;
            height: 17px;
            background-size: 9px;
            bottom: 13px;
            left: 2px; } }
  @media (min-width: 992px) and (min-width: 992px) and (max-width: 1200px) {
    header .main-menu li a.active i:before, header .main-menu li a:hover i:before {
      background-size: 7px;
      bottom: 7px;
      left: -3px; } }
        @media (min-width: 992px) {
          header .main-menu li a.active i:after, header .main-menu li a:hover i:after {
            background: linear-gradient(90deg, #eccccf 0%, #bd8b74 100%); } }
  header .main-logo {
    width: 65px;
    margin-right: 30px;
    position: relative;
    top: -1px; }
  header .shopping-container {
    position: relative;
    top: -2px; }
    @media (max-width: 991px) {
      header .shopping-container {
        position: absolute;
        top: 22px;
        right: 0; } }
    header .shopping-container a,
    header .shopping-container div {
      display: inline-block;
      position: relative; }
      header .shopping-container a.m-account,
      header .shopping-container div.m-account {
        margin-right: 20px;
        max-width: 100px;
        word-break: break-word;
        padding-right: 20px;
        text-align: right;
        right: 50px; }
        header .shopping-container a.m-account:after,
        header .shopping-container div.m-account:after {
          content: "";
          background: var(--icon-account) no-repeat;
          background-size: 18px;
          width: 18px;
          height: 18px;
          position: absolute;
          top: 0px;
          right: -1px; }
        @media (max-width: 991px) {
          header .shopping-container a.m-account,
          header .shopping-container div.m-account {
            margin-right: 45px;
            max-width: 70px;
            font-size: 11px; }
            header .shopping-container a.m-account:after,
            header .shopping-container div.m-account:after {
              right: -25px; } }
        @media (max-width: 576px) {
          header .shopping-container a.m-account,
          header .shopping-container div.m-account {
            margin-right: 65px; } }
      header .shopping-container a.m-cart,
      header .shopping-container div.m-cart {
        background: var(--icon-cart) no-repeat;
        background-size: 18px;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 2px;
        right: 30px;
        cursor: pointer; }
        header .shopping-container a.m-cart .cart-count-no,
        header .shopping-container div.m-cart .cart-count-no {
          position: absolute;
          top: -8px;
          right: -10px;
          color: #fff;
          border: 1px solid #fff;
          background: #ed1c24;
          font-size: 11px;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          text-align: center; }
        @media (max-width: 576px) {
          header .shopping-container a.m-cart,
          header .shopping-container div.m-cart {
            right: 10px; } }
        header .shopping-container a.m-cart .header-cart-summary,
        header .shopping-container div.m-cart .header-cart-summary {
          position: absolute;
          width: 280px;
          border: 1px solid #bcbec0;
          top: 40px;
          right: -10px;
          z-index: 51;
          cursor: auto;
          display: none;
          background: #fff;
          -webkit-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5); }
          header .shopping-container a.m-cart .header-cart-summary.show-mini-cart,
          header .shopping-container div.m-cart .header-cart-summary.show-mini-cart {
            display: block; }
          header .shopping-container a.m-cart .header-cart-summary .product-row,
          header .shopping-container div.m-cart .header-cart-summary .product-row {
            border-bottom: 1px solid #e6e7e8;
            padding: 10px;
            width: 100%;
            display: inline-block;
            font-weight: 300; }
            header .shopping-container a.m-cart .header-cart-summary .product-row.cart-title,
            header .shopping-container div.m-cart .header-cart-summary .product-row.cart-title {
              padding: 5px 10px;
              font-weight: 400; }
            header .shopping-container a.m-cart .header-cart-summary .product-row .p-title,
            header .shopping-container div.m-cart .header-cart-summary .product-row .p-title {
              width: 150px; }
            header .shopping-container a.m-cart .header-cart-summary .product-row .action,
            header .shopping-container div.m-cart .header-cart-summary .product-row .action {
              width: 25px; }
            header .shopping-container a.m-cart .header-cart-summary .product-row span,
            header .shopping-container div.m-cart .header-cart-summary .product-row span {
              display: block; }
              header .shopping-container a.m-cart .header-cart-summary .product-row span.p-name,
              header .shopping-container div.m-cart .header-cart-summary .product-row span.p-name {
                width: 150px; }
              header .shopping-container a.m-cart .header-cart-summary .product-row span.price,
              header .shopping-container div.m-cart .header-cart-summary .product-row span.price {
                display: inline-block;
                margin-left: 10px; }
                header .shopping-container a.m-cart .header-cart-summary .product-row span.price span,
                header .shopping-container div.m-cart .header-cart-summary .product-row span.price span {
                  font-size: 14px; }
                  header .shopping-container a.m-cart .header-cart-summary .product-row span.price span.strike,
                  header .shopping-container div.m-cart .header-cart-summary .product-row span.price span.strike {
                    font-weight: 300;
                    color: #939598;
                    text-decoration: line-through; }
              header .shopping-container a.m-cart .header-cart-summary .product-row span.btn-remove-order,
              header .shopping-container div.m-cart .header-cart-summary .product-row span.btn-remove-order {
                border-radius: 5px;
                display: inline-block;
                cursor: pointer;
                height: 25px;
                width: 25px;
                position: relative;
                background-color: #f7941d;
                top: 3px;
                margin-left: 10px; }
                header .shopping-container a.m-cart .header-cart-summary .product-row span.btn-remove-order:hover,
                header .shopping-container div.m-cart .header-cart-summary .product-row span.btn-remove-order:hover {
                  opacity: 0.9; }
                header .shopping-container a.m-cart .header-cart-summary .product-row span.btn-remove-order:before,
                header .shopping-container div.m-cart .header-cart-summary .product-row span.btn-remove-order:before {
                  content: "";
                  background-repeat: no-repeat;
                  background-size: 10px;
                  position: absolute;
                  left: 8px;
                  top: 7px;
                  height: 10px;
                  width: 10px;
                  background-image: url(../images/fe/icons/i_addr_remove.png); }
          header .shopping-container a.m-cart .header-cart-summary .no-product,
          header .shopping-container div.m-cart .header-cart-summary .no-product {
            text-align: center;
            padding: 10px;
            font-weight: 300;
            display: block;
            color: #808285; }
          header .shopping-container a.m-cart .header-cart-summary a.view-cart,
          header .shopping-container div.m-cart .header-cart-summary a.view-cart {
            background: #808285;
            color: #fff;
            width: 100%;
            text-align: center;
            padding: 7px;
            font-weight: 400; }
          header .shopping-container a.m-cart .header-cart-summary a:hover,
          header .shopping-container div.m-cart .header-cart-summary a:hover {
            opacity: 1 !important; }
      header .shopping-container a.desktop-show,
      header .shopping-container div.desktop-show {
        display: inline-block; }
      header .shopping-container a.mobile-show,
      header .shopping-container div.mobile-show {
        display: none; }
      @media (max-width: 576px) {
        header .shopping-container a.mobile-show,
        header .shopping-container div.mobile-show {
          display: inline-block; }
        header .shopping-container a.desktop-show,
        header .shopping-container div.desktop-show {
          display: none; } }
    header .shopping-container .account-section {
      display: none;
      background: #fff;
      padding: 5px 10px;
      position: absolute;
      top: 40px;
      width: 160px;
      right: 30px;
      z-index: 50;
      -webkit-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5); }
      header .shopping-container .account-section.is-show {
        display: block; }
      header .shopping-container .account-section li {
        border-bottom: 1px solid #e6e7e8; }
        header .shopping-container .account-section li:last-child {
          border-bottom: none; }
        header .shopping-container .account-section li a {
          color: #231f20;
          padding: 5px 0 5px 40px;
          font-weight: 300;
          position: relative; }
          header .shopping-container .account-section li a:before {
            content: "";
            background-repeat: no-repeat;
            background-size: 20px;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 10px; }
          header .shopping-container .account-section li a.m-history:before {
            background-image: url(../images/fe/icons/i_m_history.png); }
          header .shopping-container .account-section li a.m-profile:before {
            background-image: url(../images/fe/icons/i_m_profile.png); }
          header .shopping-container .account-section li a.m-addr:before {
            background-image: url(../images/fe/icons/i_m_addr.png); }
          header .shopping-container .account-section li a.m-payment:before {
            background-image: url(../images/fe/icons/i_m_pay.png); }
          header .shopping-container .account-section li a.m-logout:before {
            background-image: url(../images/fe/icons/i_m_logout.png); }
  @media (min-width: 1600px) {
    header .main-menu li a {
      font-size: 16px; }
    header .search-form .search-container .input-form {
      font-size: 16px !important; } }
  @media (max-width: 1400px) {
    header .main-menu li a {
      font-size: 12px;
      padding-left: 12px !important;
      padding-right: 12px !important; }
    header .search-form .search-container .input-form {
      font-size: 12px !important; } }
  @media (max-width: 1201px) {
    header .main-menu li a {
      font-size: 12px;
      padding-left: 8px !important;
      padding-right: 8px !important; }
    header .search-form .search-container .input-form {
      font-size: 12px !important; }
    header .search-form {
      width: 12%; }
    header .shopping-container {
      font-size: 12px; } }
  @media (max-width: 1080px) {
    header .main-menu li a {
      font-size: 11px;
      padding-left: 8px !important;
      padding-right: 8px !important; }
    header .search-form .search-container .input-form {
      font-size: 11px !important; } }
  @media (max-width: 1024px) {
    header .main-menu li a {
      font-size: 10px;
      padding-left: 8px !important;
      padding-right: 8px !important; }
    header .search-form .search-container .input-form {
      font-size: 10px !important; } }
  @media (max-width: 991px) {
    header .navbar {
      padding: 15px 0 0 0; }
    header .navbar-collapse {
      background-color: #fff; }
    header .navbar-toggler {
      padding: 0;
      border-radius: 0; }
    header .navbar-collapse {
      margin-top: 24px; }
    header .main-menu li {
      padding: 7px 0; }
    header .search-form {
      position: absolute;
      right: 165px;
      width: 45%;
      top: 15px; }
    header .main-logo {
      display: none; } }
  @media (max-width: 576px) {
    header .search-form {
      right: 175px;
      width: 37%; } }
  header .navbar-toggler-icon {
    position: relative;
    top: -3px; }
  header .navbar-light .navbar-toggler-icon {
    background-image: url(../images/fe/icons/i_burger_menu.png);
    background-size: 25px;
    top: 0; }
  header .search-form .search-container {
    position: relative;
    margin-right: 15px; }
    header .search-form .search-container .input-form {
      border: none;
      border-radius: 20px;
      background: #fff;
      color: #414042;
      font-size: 14px;
      font-weight: 300;
      padding: 5px 35px 5px 15px;
      width: 100%;
      height: 30px; }
    header .search-form .search-container .btn-search {
      background: url(../images/fe/icons/icon-search.svg) no-repeat;
      background-size: 20px;
      position: absolute;
      right: 10px;
      top: 5px;
      width: 20px;
      height: 20px;
      opacity: 0.8; }
      header .search-form .search-container .btn-search:hover {
        opacity: 1; }
  header .tag-action {
    position: fixed;
    z-index: 30;
    text-align: center;
    padding: 85px 20px 30px 20px;
    font-size: 22px;
    left: 50%;
    top: 45%;
    z-index: 30;
    width: 400px;
    transform: translate(-50%, -50%);
    background: #fff;
    color: #414042;
    border-radius: 5px;
    display: none; }
    header .tag-action i {
      position: absolute;
      top: 20px;
      left: 50%;
      background-size: 50px;
      background-repeat: no-repeat;
      width: 50px;
      height: 50px;
      transform: translate(-50%, 0); }
    header .tag-action.addcart-success i {
      background-image: url(../images/fe/icons/i_addcart_success.png); }
    header .tag-action.addcart-failed i {
      background-image: url(../images/fe/icons/i_addcart_fail.png); }
    @media (max-width: 576px) {
      header .tag-action {
        width: 300px;
        font-size: 20px; } }
  header .ovl-bg {
    position: fixed;
    z-index: 25;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    display: none; }

.scrn-top header {
  background: transparent; }

footer {
  background: #fff; }
  footer .sec-shipping {
    position: relative; }
    footer .sec-shipping .icon-social-block {
      position: absolute;
      bottom: 65px;
      width: 100%;
      padding-right: 40px; }
      footer .sec-shipping .icon-social-block .icon-social {
        text-align: center; }
        footer .sec-shipping .icon-social-block .icon-social li {
          display: inline-block; }
          footer .sec-shipping .icon-social-block .icon-social li a {
            background-repeat: no-repeat;
            display: block;
            width: 40px;
            height: 40px;
            background-size: 40px;
            margin: 5px 10px; }
            footer .sec-shipping .icon-social-block .icon-social li a.i-line {
              background-image: url(../images/fe/icons/ft-line.png); }
            footer .sec-shipping .icon-social-block .icon-social li a.i-fb {
              background-image: url(../images/fe/icons/ft-fb.png); }
      footer .sec-shipping .icon-social-block p {
        text-align: center; }
        footer .sec-shipping .icon-social-block p.line,
        footer .sec-shipping .icon-social-block p a {
          font-size: 20px;
          color: #fff;
          text-shadow: 1px 2px 4px black;
          margin-bottom: 0; }
    @media (max-width: 992px) and (min-width: 769px) {
      footer .sec-shipping .icon-social-block {
        bottom: 25px;
        padding-right: 50px; }
        footer .sec-shipping .icon-social-block p.line,
        footer .sec-shipping .icon-social-block p a {
          font-size: 18px; } }
    @media (max-width: 768px) {
      footer .sec-shipping .icon-social-block {
        bottom: 25px;
        padding-right: 35px; }
        footer .sec-shipping .icon-social-block .icon-social li a {
          width: 25px;
          height: 25px;
          background-size: 25px;
          margin: 5px 5px; }
        footer .sec-shipping .icon-social-block p.line,
        footer .sec-shipping .icon-social-block p a {
          font-size: 14px; } }
    @media (max-width: 400px) {
      footer .sec-shipping .icon-social-block {
        bottom: 10px;
        padding-right: 40px; }
        footer .sec-shipping .icon-social-block .icon-social li a {
          width: 20px;
          height: 20px;
          background-size: 20px;
          margin: 0 5px; }
        footer .sec-shipping .icon-social-block p.line,
        footer .sec-shipping .icon-social-block p a {
          font-size: 9px; } }
  footer p {
    height: 30px;
    padding: 3px 0; }
    footer p.copyright {
      font-size: 15px;
      color: #6d6e71;
      margin-bottom: 0;
      text-transform: uppercase;
      text-align: center; }
      @media (max-width: 400px) {
        footer p.copyright {
          font-size: 13px; } }
  footer .float-line {
    background: var(--icon_line_admin) no-repeat;
    background-size: 220px;
    width: 220px;
    height: 110px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 20; }
  footer .float-cart {
    background: url(../images/fe/icons/i_cart.png) no-repeat;
    background-size: 36px;
    background-position: center;
    width: 55px;
    height: 55px;
    position: fixed;
    right: 20px;
    bottom: 140px;
    z-index: 20;
    background-color: #870e1d;
    border-radius: 27.5px; }
    footer .float-cart .cart-count-no {
      position: absolute;
      top: 10px;
      right: 5px;
      color: #fff;
      border: 1px solid #fff;
      background: #ED1C24;
      font-size: 11px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      text-align: center; }
  footer .add-to-cart-anim {
    position: fixed;
    right: 20px;
    bottom: 142px;
    z-index: 20;
    font-size: 18px;
    color: #fff;
    background: #ED1C24;
    padding: 10px;
    border-radius: 50%;
    line-height: 1;
    display: none; }

.shopping-page-container {
  padding: 20px 0 60px 0; }
  .shopping-page-container .header-title {
    position: relative;
    margin-bottom: 25px; }
    .shopping-page-container .header-title h1 {
      color: #231f20;
      font-size: 30px;
      font-weight: 400;
      font-family: "Mitr", sans-serif;
      text-transform: none; }
      .shopping-page-container .header-title h1:before {
        content: '';
        background: url(../images/fe/icons/i_account_title.png) no-repeat;
        background-size: 45px;
        width: 45px;
        height: 45px;
        display: inline-block;
        position: relative;
        top: 15px;
        left: -15px; }
    .shopping-page-container .header-title a.profile-logout {
      color: #808285;
      font-size: 18px;
      position: absolute;
      right: 0;
      padding-right: 20px;
      top: 25px; }
      .shopping-page-container .header-title a.profile-logout:before {
        content: '';
        background: url(../images/fe/icons/i_logout.png) no-repeat;
        background-size: 20px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 4px;
        right: -5px; }
      @media (max-width: 768px) {
        .shopping-page-container .header-title a.profile-logout {
          font-size: 13px; }
          .shopping-page-container .header-title a.profile-logout:before {
            background-size: 15px;
            width: 15px;
            height: 15px; } }
  .shopping-page-container .menu-shopping {
    padding-left: 15px;
    padding-right: 15px;
    height: 100%; }
    .shopping-page-container .menu-shopping li {
      padding-left: 0;
      padding-right: 0; }
      .shopping-page-container .menu-shopping li a {
        color: #231f20;
        font-size: 18px;
        text-align: center;
        padding: 10px;
        display: block;
        border: 1px solid #e6e7e8;
        border-right: none;
        background: #fff;
        height: 100%; }
        .shopping-page-container .menu-shopping li a.active, .shopping-page-container .menu-shopping li a:hover {
          background: #e6e7e8; }
      .shopping-page-container .menu-shopping li:last-child a {
        border-right: 1px solid #e6e7e8; }
      @media (max-width: 768px) {
        .shopping-page-container .menu-shopping li a {
          font-size: 13px; } }
  .shopping-page-container .shopping-content-container {
    background: #e6e7e8;
    padding: 20px 50px 50px 50px; }
    .shopping-page-container .shopping-content-container .inner-content-container {
      background: #fff;
      padding: 30px 20px; }
    @media (max-width: 768px) {
      .shopping-page-container .shopping-content-container {
        padding: 15px; }
        .shopping-page-container .shopping-content-container .inner-content-container {
          padding: 15px; } }

body {
  background: #fff;
  color: #000;
  font-family: "Mitr", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4; }
  body a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    body a:hover, body a:focus {
      color: #fff;
      text-decoration: none;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      opacity: 0.9; }
  body h1,
  body h2,
  body h3,
  body h4 {
    font-family: "PlayfairDisplay", sans-serif; }
  body h1 {
    font-size: 38px; }
    @media (max-width: 768px) {
      body h1 {
        font-size: 19px; } }
    @media (max-width: 576px) {
      body h1 {
        font-size: 19px; } }
  body h2 {
    font-size: 26px;
    margin: 0 0 10px 0; }
  body h3 {
    font-size: 22px; }
  body h4 {
    font-size: 20px;
    margin: 0 0 20px 0; }
  body p {
    line-height: 1.4;
    margin-bottom: 20px; }
  body img {
    width: 100%;
    max-width: 100%; }
  body .txt-center {
    text-align: center; }
  body .content-container {
    padding: 20px 0 100px 0; }
  body .page-content a {
    color: #fff;
    text-decoration: underline; }
    body .page-content a:hover, body .page-content a:focus {
      color: #fff;
      text-decoration: none; }
  body input,
  body button {
    color: #fff;
    font-family: "Mitr", sans-serif;
    font-weight: 400;
    font-size: 14px;
    height: 35px;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    body input:focus,
    body button:focus {
      outline: none;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  body button {
    cursor: pointer;
    border: none;
    opacity: 0.95; }
    body button:hover {
      opacity: 1; }
  body .clear {
    clear: both; }
  body.scrn-review {
    background: var(--theme-bg); }

.pagination-container {
  text-align: center;
  margin-top: 35px; }

.pagination {
  display: inline-block;
  border-radius: inherit;
  margin: 0 25px;
  overflow: hidden; }
  .pagination li.page-item {
    float: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .pagination li.page-item.active, .pagination li.page-item:hover {
      border-color: #808285; }
      .pagination li.page-item.active .page-link, .pagination li.page-item:hover .page-link {
        background-color: #808285;
        color: #ffffff; }
    .pagination li.page-item.disabled .page-link {
      color: #808285 !important; }
    .pagination li.page-item .page-link {
      background-color: #bcbec0;
      border: none;
      border-right: 1px solid #808285;
      color: #020202;
      display: inline-block;
      font-size: 26px;
      line-height: 1em;
      padding: 7px;
      text-align: center;
      width: 40px;
      height: 40px;
      margin-left: 0; }
    .pagination li.page-item:first-child .page-link, .pagination li.page-item:last-child .page-link {
      border-radius: 7px;
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: center;
      text-indent: -9999px; }
    .pagination li.page-item:nth-child(2) .page-link {
      border-radius: 7px 0 0 7px; }
    .pagination li.page-item:nth-last-child(2) .page-link {
      border-radius: 0 7px 7px 0; }
    .pagination li.page-item:first-child {
      margin-right: 25px; }
      .pagination li.page-item:first-child .page-link {
        background-image: url(../images/fe/icons/icon-arrow-left.svg); }
    .pagination li.page-item:last-child {
      margin-left: 25px; }
      .pagination li.page-item:last-child .page-link {
        background-image: url(../images/fe/icons/icon-arrow-right.svg); }
    @media (max-width: 768px) {
      .pagination li.page-item {
        display: none; }
        .pagination li.page-item:first-child, .pagination li.page-item:last-child {
          display: inline; } }

.sec-main img.is-desktop, .sec-shipping img.is-desktop {
  display: inline-block; }
.sec-main img.is-mobile, .sec-main img.is-tablet, .sec-shipping img.is-mobile, .sec-shipping img.is-tablet {
  display: none; }
@media (max-width: 976px) {
  .sec-main img.is-desktop, .sec-main img.is-tablet, .sec-shipping img.is-desktop, .sec-shipping img.is-tablet {
    display: none; }
  .sec-main img.is-mobile, .sec-shipping img.is-mobile {
    display: inline-block; } }

body.popup-show {
  overflow: hidden; }

.bg-overlay {
  background: rgba(35, 31, 32, 0.8);
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none; }

.popup-container {
  background: #231f20;
  border: 4px solid #fff;
  border-radius: 18px;
  position: fixed;
  width: 465px;
  padding: 90px 25px 30px 25px;
  z-index: 1010;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none; }
  .popup-container .p-logo {
    position: absolute;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background: #fff;
    padding: 20px;
    top: -62px;
    left: 50%;
    transform: translate(-50%, 0); }
    .popup-container .p-logo img {
      width: 75px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .popup-container .not-allow {
    display: none; }
  .popup-container p {
    color: #fff;
    text-align: center; }
    .popup-container p.txt-q {
      font-size: 24px;
      margin-bottom: 10px; }
    .popup-container p.txt-c {
      font-size: 20px;
      font-weight: 300; }
  .popup-container span.btn-popup {
    border: 2px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    width: 47%;
    display: inline-block;
    margin: 0 1%; }
    .popup-container span.btn-popup.btn-yes {
      color: #fff; }
    .popup-container span.btn-popup.btn-no {
      background: #fff; }
    .popup-container span.btn-popup:hover {
      opacity: 0.85; }
  .popup-container span.btn-back-step {
    background: url(../images/fe/icons/icon-close.svg) no-repeat;
    background-size: 50px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: none;
    margin: 0 auto; }
    .popup-container span.btn-back-step:hover {
      opacity: 0.85; }
  @media (max-width: 576px) {
    .popup-container {
      width: 90%;
      padding: 60px 20px 20px 20px; }
      .popup-container .p-logo {
        width: 90px;
        height: 90px;
        padding: 15px;
        top: -50px; }
        .popup-container .p-logo img {
          width: 55px; }
      .popup-container p.txt-q {
        font-size: 17px; }
      .popup-container p.txt-c {
        font-size: 15px; }
      .popup-container span.btn-popup {
        font-size: 14px;
        text-align: center;
        padding: 10px;
        width: 100%;
        margin: 0 0 10px 0; }
      .popup-container span.btn-back-step {
        background-size: 35px;
        width: 35px;
        height: 35px; } }

.popup-register-container {
  background: #fff;
  border-radius: 10px;
  position: fixed;
  min-width: 465px;
  padding: 55px 25px 30px 25px;
  z-index: 1010;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
  text-align: center;
  display: none; }
  .popup-register-container .icon-top {
    background: url(../images/fe/icons/i_register_success.png) no-repeat;
    background-size: 60px;
    width: 60px;
    height: 60px;
    transform: translate(-50%, 0%);
    top: -16px;
    left: 50%;
    position: absolute; }
  .popup-register-container p {
    color: #58595b;
    text-align: center;
    margin-bottom: 10px; }
    .popup-register-container p.txt-t {
      font-size: 24px; }
    .popup-register-container p.txt-c {
      font-size: 16px;
      font-weight: 300; }
  .popup-register-container span.btn-close {
    background: url(../images/fe/icons/i_close_popup.png) no-repeat;
    background-size: 25px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px; }
  .popup-register-container a.btn-line-add {
    background: #009444;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 6px 10px 4px 10px;
    display: inline-block;
    font-weight: 300;
    position: relative;
    padding-left: 30px; }
    .popup-register-container a.btn-line-add i {
      background: url(../images/fe/icons/i_line_2.png) no-repeat;
      background-size: 16px;
      width: 16px;
      height: 16px;
      position: absolute;
      left: 8px;
      top: 8px; }
  .popup-register-container a.btn-continue-shopping {
    background: #870e1d;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    width: 200px;
    display: inline-block;
    margin: 10px auto 0 auto;
    font-weight: 300;
    position: relative;
    padding-left: 27px; }
    .popup-register-container a.btn-continue-shopping i {
      background: url(../images/fe/icons/i_cart.png) no-repeat;
      background-size: 20px;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 25px; }
  @media (max-width: 576px) {
    .popup-register-container {
      width: 90%; }
      .popup-register-container p.txt-q {
        font-size: 17px; } }

a.btn-line {
  background: #44b748;
  width: 80%;
  padding: 2px 12px;
  border-radius: 14px;
  font-size: 34px;
  font-weight: 400;
  color: #fff;
  position: relative;
  display: inline-block;
  height: 60px;
  text-align: center; }
  a.btn-line i {
    background: url(../images/fe/icons/f-line.png) no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%); }
  a.btn-line.btn-float-line {
    position: fixed;
    bottom: 10px;
    z-index: 20;
    margin: 0 3%;
    width: 94%;
    text-shadow: 2px 2px #6d6e71;
    padding: 4px 12px;
    font-weight: 300;
    border-radius: 27px; }
  @media (max-width: 992px) {
    a.btn-line {
      width: 100%; } }
  @media (max-width: 768px) {
    a.btn-line {
      font-size: 24px;
      height: 45px; } }

.img-scrolling-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; }
  .img-scrolling-wrapper .img {
    display: inline-block;
    width: 255px;
    height: 195px;
    object-fit: cover; }

.discount-percentage {
  background-color: #bf1e2e;
  padding: 3.6px 12px;
  color: #ffffff;
  border-radius: 7px;
  white-space: nowrap; }

.btn-order {
  background-color: #bf1e2e;
  padding: 3px 12px;
  color: #ffffff;
  border-radius: 14px;
  font-size: 20px;
  font-weight: 400;
  width: 80%; }

.btn-add-cart {
  background-color: #f7cbcf;
  color: #bf1e2e !important;
  font-size: 30px;
  margin-bottom: 10px !important; }

.step-progress {
  position: relative;
  padding-left: 45px;
  list-style: none;
  margin-top: 30px; }
  .step-progress::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: 10px;
    height: 100%;
    border-left: 2px solid #ccc; }
  .step-progress-item {
    position: relative;
    counter-increment: list;
    color: #fff;
    font-weight: 300;
    font-size: 18px; }
    .step-progress-item:not(:last-child) {
      padding-bottom: 20px; }
    .step-progress-item::before {
      display: inline-block;
      content: '';
      position: absolute;
      left: -30px;
      height: 100%;
      width: 10px; }
    .step-progress-item::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 0;
      left: -47px;
      width: 35px;
      height: 35px;
      border: 2px solid #ccc;
      border-radius: 50%;
      background-color: #fff; }
    .step-progress-item.is-done::before {
      border-left: 2px solid green; }
    .step-progress-item.is-done::after {
      content: '✔';
      font-size: 18px;
      color: #fff;
      text-align: center;
      border: 2px solid green;
      background-color: green;
      padding-top: 2px; }
    .step-progress-item.complete::before {
      border-left: 2px solid green; }
    .step-progress-item.complete::after {
      content: '✔';
      font-size: 18px;
      color: #fff;
      text-align: center;
      border: 2px solid #fff;
      background-color: green;
      padding-top: 2px; }
  .step-progress strong {
    display: block; }

@media (max-width: 39.9375em) {
  .table.tablesaw-stack tbody td:not(:first-child),
  .table.tablesaw-stack tbody th:not(:first-child) {
    border-top: none; } }
.input-number-block.prod-detail-input .title-no {
  font-size: 20px;
  float: left;
  margin-right: 15px;
  padding-top: 20px; }
.input-number-block.prod-detail-input .input-group {
  float: left;
  width: 250px; }
.input-number-block input {
  border: 1px solid #d1d3d4;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px; }
.input-number-block input[type='button'] {
  -webkit-appearance: button;
  cursor: pointer; }
.input-number-block input::-webkit-outer-spin-button,
.input-number-block input::-webkit-inner-spin-button {
  -webkit-appearance: none; }
.input-number-block .input-group {
  margin: 15px 0;
  position: relative; }
.input-number-block .input-group input[type='button'] {
  background-color: #e6e7e8;
  min-width: 38px;
  width: auto;
  transition: all 300ms ease; }
.input-number-block .input-group .button-minus,
.input-number-block .input-group .button-plus {
  height: 38px;
  padding: 0;
  width: 38px;
  position: relative; }
.input-number-block .input-group .quantity-field {
  position: relative;
  height: 38px;
  left: 6px;
  text-align: center;
  width: 62px;
  display: inline-block;
  font-size: 22px;
  margin: 0 0 5px;
  resize: vertical;
  color: #020202; }
.input-number-block .button-minus,
.input-number-block .button-plus {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px; }
.input-number-block .button-plus {
  left: 12px;
  background-image: url(../images/fe/icons/i_c_plus.png); }
.input-number-block .button-minus {
  background-image: url(../images/fe/icons/i_c_minus.png); }
.input-number-block input[type='number'] {
  -moz-appearance: textfield;
  -webkit-appearance: none; }

label.error {
  color: red !important; }

.swal2-container * {
  font-family: 'Mitr', sans-serif !important; }
.swal2-container button {
  height: auto; }

.auto-width-important {
  width: auto !important; }

.thankyou-container .thankyou-container-content {
  font-family: 'Mitr-Light';
  margin-top: 7px;
  margin-bottom: 0; }
.thankyou-container a.btn-line-add {
  background: #009444;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 7px;
  padding-left: 40px;
  width: 285px;
  display: inline-block;
  font-weight: 300;
  position: relative;
  margin-top: 7px; }
  .thankyou-container a.btn-line-add i {
    background: url(../images/fe/icons/i_line_2.png) no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 14px;
    top: 8px; }

.mitr-light {
  font-family: 'Mitr-Light'; }

.margin-top-half {
  margin-top: 7px; }

.label-no-product {
  font-size: 32px;
  color: #ed1c24; }

a.btn-line-contact {
  padding-top: 5px;
  padding-bottom: 0; }

.underline {
  text-decoration: underline; }

.color-red {
  color: #870e1d; }

.color-blue {
  color: #0b4072; }

.color-yellow {
  color: #f25a29; }

.product-image-container {
  position: relative;
  display: inline-block; }
  .product-image-container .out-of-stock {
    position: absolute;
    height: 100%;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 24px;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    vertical-align: middle;
    transition: all 1s;
    -webkit-transition: all 1s;
    border-radius: 15px;
    display: table; }
    .product-image-container .out-of-stock span {
      display: table-cell;
      vertical-align: middle; }

.view-more {
  text-align: right; }
  .view-more a {
    color: #231f20;
    font-size: 18px; }
    .view-more a:hover {
      color: #231f20; }

.font-size-index {
  font-size: 20px; }

.btn-radio-variant {
  color: var(--theme-txt);
  border-color: var(--theme-txt);
  border-radius: 7px;
  margin-top: 6px;
  margin-right: 14px;
  padding: 4px 14px;
  cursor: pointer; }
  .btn-radio-variant.active {
    color: #ffffff;
    background-color: var(--theme-txt); }
  .btn-radio-variant input[type='radio'] {
    display: none; }

.font-light-grey {
  font-weight: 300;
  color: #a7a9ac; }

.header-orange {
  color: #c49a6c;
  font-size: 36px;
  font-family: 'Mitr', sans-serif;
  margin-bottom: 30px;
  text-align: center; }

.promote-detail-container {
  border-top: 1px solid #bf1e2e;
  padding-top: 14px;
  margin-top: 14px; }

.btn-delete-account {
  color: #808285 !important; }
  .btn-delete-account .material-icons {
    width: 16px;
    font-size: 18px; }
  .btn-delete-account .icon-name {
    left: 3px;
    font-size: 12px; }

#histats_counter {
  display: none; }

body > img {
  display: none; }

.logo {
  display: block;
  margin: 0 auto 10px auto;
  width: 160px;
  position: relative;
  z-index: 1; }

.sec-main {
  margin: -85px 0 0 0; }
  .sec-main img {
    display: block; }

h1 {
  text-align: center;
  text-transform: uppercase;
  position: relative; }
  h1.underline:after {
    content: '';
    position: absolute;
    width: 190px;
    height: 2px;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, 0); }
    @media (max-width: 768px) {
      h1.underline:after {
        width: 80px; } }

.sec-promotion {
  padding: 10px 0 0px 0;
  position: relative; }
  .sec-promotion .txt-ads {
    margin-bottom: 80px; }
    .sec-promotion .txt-ads .div-line {
      border-right: 1px solid #b0986e; }
    .sec-promotion .txt-ads .owl-carousel {
      display: block; }
      .sec-promotion .txt-ads .owl-carousel .owl-item img {
        width: 90%;
        margin: 0 auto; }
  @media (max-width: 768px) {
    .sec-promotion .txt-ads {
      margin-bottom: 50px; }
      .sec-promotion .txt-ads .owl-carousel .owl-item img {
        width: 80%;
        margin: 0 auto; }
      .sec-promotion .txt-ads .div-line {
        border-right: none; } }
  .sec-promotion .promotion-img {
    margin: 10px 0 18px 0;
    text-align: center; }
    .sec-promotion .promotion-img img {
      width: 33%;
      -webkit-box-shadow: 10px 10px 15px -8px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 10px 10px 15px -8px rgba(0, 0, 0, 0.75);
      box-shadow: 10px 10px 15px -8px rgba(0, 0, 0, 0.75);
      display: inline-block !important; }
    .sec-promotion .promotion-img.border-top-white {
      border-top: 1px solid #fff;
      margin-top: 30px;
      padding-top: 30px; }
    .sec-promotion .promotion-img .item {
      margin: 0 10px; }
    .sec-promotion .promotion-img .promotion-detail {
      display: none; }
    .sec-promotion .promotion-img .owl-item.active .promotion-image-container {
      position: relative; }
    .sec-promotion .promotion-img .owl-item.active .promotion-detail {
      background: rgba(2, 2, 2, 0.85);
      padding: 7px 5px;
      display: none; }
      .sec-promotion .promotion-img .owl-item.active .promotion-detail p {
        color: #fff;
        margin-bottom: 0;
        font-size: 20px;
        text-align: center; }
    .sec-promotion .promotion-img .owl-item.active .discount-rate {
      background: linear-gradient(to bottom, #87202e 0%, #e4202d 100%);
      color: #fff;
      font-size: 28px;
      line-height: 0.8em;
      bottom: -25px;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 60px;
      width: 120px;
      border-radius: 60px 60px 0 0; }
      .sec-promotion .promotion-img .owl-item.active .discount-rate span {
        display: block;
        font-size: 22px; }
    .sec-promotion .promotion-img .owl-item.active ~ .active .promotion-detail {
      display: block;
      margin-top: 10px; }
    .sec-promotion .promotion-img .owl-item.active ~ .active ~ .active .promotion-detail {
      display: none; }
    @media (max-width: 768px) {
      .sec-promotion .promotion-img {
        margin: 10px 0 0px 0; }
        .sec-promotion .promotion-img .owl-item.active .promotion-detail {
          display: block;
          background: black;
          bottom: 0; }
          .sec-promotion .promotion-img .owl-item.active .promotion-detail p {
            font-size: 15px; }
          .sec-promotion .promotion-img .owl-item.active .promotion-detail .discount-rate {
            font-size: 15px;
            bottom: 19px;
            height: 40px;
            width: 90px;
            line-height: 1em; }
            .sec-promotion .promotion-img .owl-item.active .promotion-detail .discount-rate span {
              display: block;
              font-size: 15px; } }
    .sec-promotion .promotion-img .owl-stage-outer {
      padding: 20px 0 20px 0;
      position: relative; }
      @media (max-width: 768px) {
        .sec-promotion .promotion-img .owl-stage-outer {
          padding: 0;
          margin-top: 15px; } }
      .sec-promotion .promotion-img .owl-stage-outer:before {
        left: 0; }
      .sec-promotion .promotion-img .owl-stage-outer:after {
        right: 0;
        transform: scaleX(-1); }
  .sec-promotion .bg-countdown {
    padding: 0; }
  .sec-promotion p {
    text-align: center; }
    .sec-promotion p.countdown-txt {
      font-size: 27px;
      font-weight: 300;
      padding-top: 5px; }
      @media (max-width: 768px) {
        .sec-promotion p.countdown-txt {
          font-size: 17px; } }
  .sec-promotion #promotion_countdown_container {
    position: relative;
    z-index: 5; }
  .sec-promotion .countdown p {
    color: var(--countdown-unit-txt);
    font-size: 53px;
    line-height: 0.8em; }
    .sec-promotion .countdown p .unit {
      font-size: 17px;
      font-weight: 300;
      display: block; }
    @media (max-width: 576px) {
      .sec-promotion .countdown p {
        font-size: 40px; }
        .sec-promotion .countdown p .unit {
          font-size: 18px; } }
    @media (max-width: 576px) {
      .sec-promotion .countdown p {
        font-size: 36px; }
        .sec-promotion .countdown p .unit {
          font-size: 12px; } }
  .sec-promotion a.btn-order-promotion {
    border: 1px solid #fff;
    background: #ed1c24;
    border-radius: 15px;
    color: #fff;
    display: table;
    font-size: 34px;
    font-weight: 500;
    margin: 10px auto 30px auto;
    padding: 5px;
    width: 290px;
    text-align: center; }
    @media (max-width: 768px) {
      .sec-promotion a.btn-order-promotion {
        font-size: 24px; } }
    @media (max-width: 576px) {
      .sec-promotion a.btn-order-promotion {
        width: 100%; } }
  .sec-promotion .pattern {
    bottom: 0;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1); }
    @media (max-width: 992px) {
      .sec-promotion .pattern {
        bottom: 0; } }

.sec-bestseller {
  background: #020202;
  padding: 50px 0 30px 0;
  position: relative; }
  .sec-bestseller h1 {
    color: #fff;
    font-size: 44px;
    text-align: center;
    text-transform: uppercase;
    position: relative; }
    .sec-bestseller h1:after {
      content: '';
      background: #fff;
      position: absolute;
      width: 150px;
      height: 2px;
      bottom: 3px;
      left: 50%;
      transform: translate(-50%, 0); }
    .sec-bestseller h1 .pattern {
      bottom: -45px;
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1); }
      @media (max-width: 992px) {
        .sec-bestseller h1 .pattern {
          bottom: -75px; } }

.sec-product {
  padding: 30px 0; }
  @media (max-width: 768px) {
    .sec-product {
      padding: 30px 0; } }
  .sec-product h1 {
    color: #414042;
    margin-bottom: 50px; }
    .sec-product h1.underline:after {
      background: #414042; }
  .sec-product h2 {
    font-size: 42px;
    color: #414042;
    line-height: 1.2em;
    margin: 0;
    text-align: center;
    text-transform: uppercase; }
  .sec-product p {
    font-size: 29px;
    font-weight: 300;
    color: #58595b;
    text-align: center; }
  .sec-product.p-spirit {
    background: #e6e7e8; }
  .sec-product.p-wine {
    background: #fff; }

.review-container.sec-review {
  padding: 30px 0 50px 0;
  position: relative; }
  .review-container.sec-review .pattern {
    top: 0; }
  @media (max-width: 576px) {
    .review-container.sec-review h1 {
      font-size: 25px; } }
  .review-container.sec-review a.btn-review {
    background: #fff;
    border-radius: 15px;
    color: #231f20;
    display: table;
    font-size: 24px;
    font-weight: 300;
    margin: 0 auto;
    padding: 3px;
    width: 290px;
    text-align: center; }

.product-list {
  margin-top: 30px; }
  .product-list .product {
    margin-bottom: 20px; }
    .product-list .product a.product-image {
      position: relative;
      overflow: hidden;
      display: block; }
      .product-list .product a.product-image img {
        border-radius: 15px;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        width: 100%;
        object-fit: cover; }
        .product-list .product a.product-image img:hover {
          -webkit-transform: scale(1.03);
          transform: scale(1.03); }
        @media (max-width: 768px) {
          .product-list .product a.product-image img {
            height: 230px; } }
        @media (max-width: 576px) {
          .product-list .product a.product-image img {
            height: 180px; } }
      .product-list .product a.product-image .product-image-container,
      .product-list .product a.product-image img {
        height: 250px; }
        @media (max-width: 768px) {
          .product-list .product a.product-image .product-image-container,
          .product-list .product a.product-image img {
            height: 230px; } }
        @media (max-width: 576px) {
          .product-list .product a.product-image .product-image-container,
          .product-list .product a.product-image img {
            height: 180px; } }
      .product-list .product a.product-image .discount-rate {
        background: #870e1d;
        color: #fff;
        font-size: 18px;
        line-height: 1em;
        bottom: -15px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 40px;
        width: 80px;
        border-radius: 60px 60px 0 0; }
        .product-list .product a.product-image .discount-rate span {
          display: block;
          font-weight: 300; }
        @media (max-width: 576px) {
          .product-list .product a.product-image .discount-rate {
            font-size: 11px;
            height: 33px;
            width: 65px;
            bottom: -11px;
            line-height: 1.2em; }
            .product-list .product a.product-image .discount-rate span {
              font-size: 12px; } }
      .product-list .product a.product-image .view-all {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3; }
        .product-list .product a.product-image .view-all p {
          color: #fff;
          font-size: 33px;
          margin-bottom: 0;
          text-align: center; }
          .product-list .product a.product-image .view-all p span {
            font-size: 26px;
            display: block; }
    .product-list .product p {
      font-weight: 400;
      margin-bottom: 0; }
      .product-list .product p.product-title {
        color: #231f20;
        font-size: 19px;
        margin: 10px 0; }
      .product-list .product p.price {
        color: #808285;
        font-size: 17px;
        margin-top: 10px; }
        .product-list .product p.price span.strike {
          font-weight: 300;
          margin-right: 10px;
          text-decoration: line-through; }
        .product-list .product p.price span.discount-price {
          color: #ed1c24;
          font-size: 21px;
          white-space: pre; }
      .product-list .product p.items {
        color: #fff;
        font-size: 49px;
        font-weight: 400; }
    .product-list .product span {
      font-weight: 300; }
      .product-list .product span.promotion-tag {
        background: #fbb040;
        border-radius: 13px;
        color: #fff;
        font-size: 15px;
        margin-right: 10px;
        padding: 2px 13px;
        text-align: center; }
        @media (max-width: 576px) {
          .product-list .product span.promotion-tag {
            font-size: 10px; } }
      .product-list .product span.promotion-qty {
        color: #020202;
        font-size: 19px;
        white-space: pre; }
    @media (max-width: 576px) {
      .product-list .product p.product-title {
        font-size: 13px;
        margin: 5px 0; }
      .product-list .product p.price {
        font-size: 12px; }
        .product-list .product p.price span.discount-price {
          font-size: 15px; } }
  .product-list .v-desktop {
    display: block; }
  .product-list .v-mobile {
    display: none; }
  .product-list .v-desktop {
    display: none; }
  .product-list .v-mobile {
    display: inline-block; }

.btn-viewall {
  background: #b0986e;
  color: #fff;
  border-radius: 13px;
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  width: 215px;
  display: inline-block;
  margin: 0 auto;
  padding: 5px 0; }

.about-container h1,
.order-container h1 {
  display: inline-block;
  font-size: 63px;
  padding: 5px 15px;
  margin-bottom: 60px;
  position: relative;
  text-transform: capitalize; }
  @media (max-width: 768px) {
    .about-container h1,
    .order-container h1 {
      font-size: 52px; } }
  @media (max-width: 576px) {
    .about-container h1,
    .order-container h1 {
      font-size: 40px;
      margin-bottom: 40px; } }

.about-container {
  padding: 30px;
  position: relative;
  text-align: center;
  overflow: hidden; }
  .about-container h1 {
    border-bottom: 4px solid #231f20;
    color: #231f20; }
  .about-container p {
    color: #6d6e71;
    font-size: 30px;
    font-weight: 200; }
  .about-container .about-img {
    margin: 20px 0;
    width: 290px; }
  .about-container .about-img-lg {
    padding: 20px 10px;
    width: 562px; }
  .about-container .bottle-left,
  .about-container .bottle-right,
  .about-container .bottles-1,
  .about-container .bottles-2 {
    position: absolute;
    background-repeat: no-repeat; }
  .about-container .bottle-left {
    background-image: url(../images/fe/about/bottle-left.png);
    background-size: 285px;
    left: 0;
    width: 285px;
    top: 36%;
    height: 540px; }
  .about-container .bottle-right {
    background-image: url(../images/fe/about/bottle-right.png);
    background-size: 280px;
    right: 0;
    width: 280px;
    top: 17%;
    height: 650px; }
  .about-container .vdo-container {
    margin-top: 60px;
    position: relative;
    width: 100%;
    padding-bottom: 58%; }
    .about-container .vdo-container .vdo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0; }
  @media (min-width: 992px) and (max-width: 1300px) {
    .about-container .logo {
      margin-bottom: 50px;
      width: 250px; }
    .about-container .about-img {
      width: 260px; }
    .about-container .bottle-left {
      background-size: 220px;
      left: -40px;
      width: 220px;
      top: 40%;
      height: 410px; }
    .about-container .bottle-right {
      background-size: 220px;
      right: -30px;
      width: 220px;
      top: 20%;
      height: 500px; } }
  @media (min-width: 769px) and (max-width: 991px) {
    .about-container .logo {
      margin-bottom: 50px;
      width: 220px; }
    .about-container .about-img {
      width: 220px; }
    .about-container .bottle-left {
      background-size: 190px;
      left: -20px;
      width: 190px;
      top: 40%;
      height: 360px; }
    .about-container .bottle-right {
      background-size: 170px;
      right: -30px;
      width: 170px;
      top: 20%;
      height: 400px; } }
  @media (max-width: 768px) {
    .about-container .logo {
      width: 180px; }
    .about-container p {
      font-size: 22px; }
    .about-container .about-img {
      width: 200px; }
    .about-container .bottle-left {
      background-size: 155px;
      left: -50px;
      width: 155px;
      height: 300px; }
    .about-container .bottle-right {
      background-size: 150px;
      width: 150px;
      height: 345px;
      right: -40px; } }
  @media (max-width: 576px) {
    .about-container .bottle-left {
      top: 50%; }
    .about-container .bottle-right {
      background-size: 110px;
      width: 110px;
      height: 345px;
      right: -40px; } }

.order-container {
  background: var(--order-bg);
  padding: 45px 0;
  text-align: center; }
  .order-container h2 {
    color: #fff;
    font: 48px "Mitr", sans-serif;
    font-weight: 300;
    margin: 30px 0;
    position: relative; }
    .order-container h2:after {
      content: '';
      background: #fff;
      position: absolute;
      height: 5px;
      width: 130px;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 2; }
    @media (max-width: 768px) {
      .order-container h2 {
        font-size: 52px; } }
    @media (max-width: 576px) {
      .order-container h2 {
        font-size: 36px; } }
  .order-container p {
    color: #fff;
    font-size: 23px;
    font-weight: 200; }
    .order-container p span {
      font-weight: 400; }
    @media (max-width: 768px) {
      .order-container p {
        text-align: left;
        top: 40%;
        transform: translate(0, -50%);
        position: relative; } }
  .order-container .icon-order {
    width: 110px;
    height: 110px;
    margin-bottom: 20px;
    position: relative;
    z-index: 5; }
  .order-container a:hover {
    opacity: 0.8; }
  @media (max-width: 768px) {
    .order-container .icon-item {
      position: relative; }
      .order-container .icon-item:after {
        content: '';
        background: #fff;
        position: absolute;
        height: 70px;
        width: 10px;
        bottom: -25px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 2; } }
  @media (max-width: 576px) {
    .order-container .icon-order {
      width: 80px;
      height: 80px; }
    .order-container p {
      font-size: 20px; } }

.condition-container {
  background-color: #fff; }

.kerry-icon-container {
  background-color: #fff;
  width: 110px;
  height: 110px;
  border-radius: 55px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px; }

.kerry-icon {
  font-size: 60px;
  display: table-cell !important;
  vertical-align: middle; }

.review-container {
  padding: 30px 0 50px 0;
  position: relative;
  background-color: #fff; }
  .review-container h1 {
    color: var(--theme-txt);
    font-size: 36px;
    font-family: "Mitr", sans-serif;
    margin-bottom: 45px;
    text-align: center; }
    @media (min-width: 769px) and (max-width: 992px) {
      .review-container h1 {
        font-size: 46px; } }
    @media (max-width: 768px) {
      .review-container h1 {
        font-size: 40px; } }
  .review-container .pattern {
    top: 0; }
  .review-container .review-list li {
    margin-bottom: 30px; }
  .review-container .grid-item {
    margin-bottom: 30px; }

.featherlight .featherlight-content {
  background: transparent !important;
  padding: 0 !important;
  overflow: unset !important;
  margin-top: 5%; }
  @media (max-width: 768px) {
    .featherlight .featherlight-content {
      width: 80%; } }
  @media (max-width: 567px) {
    .featherlight .featherlight-content {
      width: 75%; } }
  .featherlight .featherlight-content .featherlight-next,
  .featherlight .featherlight-content .featherlight-previous {
    text-indent: -9999px; }
    .featherlight .featherlight-content .featherlight-next span,
    .featherlight .featherlight-content .featherlight-previous span {
      display: block !important;
      border-radius: 7px;
      background-color: #bcbec0;
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: center;
      width: 40px;
      height: 40px;
      text-shadow: none !important; }
    .featherlight .featherlight-content .featherlight-next:hover,
    .featherlight .featherlight-content .featherlight-previous:hover {
      background: transparent !important; }
  .featherlight .featherlight-content .featherlight-next {
    right: -25px !important; }
    .featherlight .featherlight-content .featherlight-next span {
      background-image: url(../images/fe/icons/icon-arrow-right.svg); }
  .featherlight .featherlight-content .featherlight-previous {
    left: -25px !important; }
    .featherlight .featherlight-content .featherlight-previous span {
      background-image: url(../images/fe/icons/icon-arrow-left.svg); }
.featherlight .featherlight-close-icon {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 30px;
  height: 25px;
  line-height: normal !important;
  right: -30px !important;
  top: -15px !important; }

.pattern {
  background: url(../images/fe/pattern.png) no-repeat top center;
  position: absolute;
  width: 100%;
  height: 140px;
  left: 0;
  z-index: 0; }

.pattern-yellow {
  background: url(../images/fe/theme_yellow/pattern.png) no-repeat top center;
  position: absolute;
  width: 100%;
  height: 520px;
  left: 0;
  top: -55px;
  z-index: 0;
  background-size: 1300px; }

.banner-product-container {
  padding-top: 24px;
  padding-bottom: 24px; }
  .banner-product-container .owl-stage-outer {
    position: relative; }
  .banner-product-container .item {
    background-repeat: no-repeat;
    background-position: center center;
    height: 525px;
    background-size: contain; }
    @media (max-width: 576px) {
      .banner-product-container .item {
        background-size: contain;
        min-height: 300px !important; }
        .banner-product-container .item .invisible {
          display: none; } }
    .banner-product-container .item .product-detail {
      padding: 30px 0;
      position: relative;
      z-index: 10; }
    .banner-product-container .item p {
      font-family: 'DBGinSiamX';
      line-height: 1em;
      margin-bottom: 0;
      text-align: right; }
      .banner-product-container .item p.txt-l1 {
        color: #fff;
        font-size: 64px;
        font-weight: 500; }
      .banner-product-container .item p.txt-l2 {
        color: #c49a6c;
        font-size: 58px; }
      .banner-product-container .item p.txt-l3 {
        color: #ed1c24;
        font-size: 90px;
        font-weight: 500; }
      .banner-product-container .item p.txt-l4 {
        color: #939598;
        font-size: 50px;
        position: relative;
        display: inline-block;
        font-weight: 300;
        float: right;
        line-height: 0.4em; }
        .banner-product-container .item p.txt-l4 .discount-price {
          background: #939598;
          position: absolute;
          width: 100%;
          height: 1px;
          top: 50%; }
      .banner-product-container .item p.txt-l5 {
        color: #fff;
        font-size: 28px; }
      @media (max-width: 768px) {
        .banner-product-container .item p.txt-l1 {
          font-size: 50px; }
        .banner-product-container .item p.txt-l2 {
          font-size: 38px; }
        .banner-product-container .item p.txt-l3 {
          font-size: 60px; }
        .banner-product-container .item p.txt-l4 {
          font-size: 30px; }
        .banner-product-container .item p.txt-l5 {
          font-size: 28px; } }
      @media (max-width: 576px) {
        .banner-product-container .item p.txt-l1 {
          font-size: 40px; }
        .banner-product-container .item p.txt-l2 {
          font-size: 30px; }
        .banner-product-container .item p.txt-l3 {
          font-size: 50px; }
        .banner-product-container .item p.txt-l4 {
          font-size: 28px; }
        .banner-product-container .item p.txt-l5 {
          font-size: 25px; } }
    .banner-product-container .item .countdown-block {
      margin: 35px 0 0 0;
      text-align: right; }
      .banner-product-container .item .countdown-block .txt-countdown {
        color: #fff;
        font-size: 28px;
        font-weight: 300; }
        .banner-product-container .item .countdown-block .txt-countdown .number {
          background: #fff;
          color: #000;
          font-size: 32px;
          font-weight: 500;
          padding: 0px 6px;
          margin-right: 1px;
          text-align: center; }
    .banner-product-container .item .btn-order {
      color: #fff;
      background: #ed1c24;
      border: 1px solid #fff;
      border-radius: 17px;
      font-size: 41px;
      font-family: 'DBGinSiamX';
      padding: 3px 80px;
      text-align: center;
      display: block;
      margin-top: 30px;
      width: 280px;
      margin-left: auto;
      margin-right: auto; }
      .banner-product-container .item .btn-order:hover {
        background: #bf1e2e; }
    @media (max-width: 768px) {
      .banner-product-container .item {
        height: auto;
        min-height: auto;
        padding-bottom: 30px;
        background-position: center; }
        .banner-product-container .item .btn-order {
          font-size: 24px;
          padding: 3px 50px;
          margin-top: 14px;
          width: auto; } }

.slideshow.owl-theme {
  position: relative; }
  .slideshow.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 25px; }
  .slideshow.owl-theme .owl-dots {
    margin-top: 10px; }
    .slideshow.owl-theme .owl-dots .owl-dot span {
      width: 24px;
      height: 4px;
      margin: 5px 4px;
      background: #e6e7e8;
      border-radius: 0; }
    .slideshow.owl-theme .owl-dots .owl-dot.active span, .slideshow.owl-theme .owl-dots .owl-dot:hover span {
      background: var(--theme-slide-dot-active); }
  .slideshow.owl-theme .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%; }
    .slideshow.owl-theme .owl-nav .owl-prev,
    .slideshow.owl-theme .owl-nav .owl-next {
      background-size: 25px;
      background-repeat: no-repeat;
      width: 25px;
      height: 44px;
      margin: 0;
      position: absolute;
      opacity: 0.8; }
      .slideshow.owl-theme .owl-nav .owl-prev:hover,
      .slideshow.owl-theme .owl-nav .owl-next:hover {
        opacity: 1;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: 25px;
        color: transparent;
        text-decoration: none; }
      .slideshow.owl-theme .owl-nav .owl-prev span,
      .slideshow.owl-theme .owl-nav .owl-next span {
        display: none; }
    .slideshow.owl-theme .owl-nav .owl-prev {
      background-image: url(../images/fe/icons/icon-slide-prev.svg) !important;
      left: 7%; }
    .slideshow.owl-theme .owl-nav .owl-next {
      background-image: url(../images/fe/icons/icon-slide-next.svg) !important;
      right: 7%; }

.brand-container {
  padding: 40px 0 50px 0; }
  .brand-container .brands img {
    display: block; }
    .brand-container .brands img.txt-brand {
      margin: 0 auto 40px auto;
      width: 240px; }
    .brand-container .brands img.img-brands {
      margin: 0 auto;
      width: 840px; }
    @media (max-width: 768px) {
      .brand-container .brands img.txt-brand {
        width: 200px; }
      .brand-container .brands img.img-brands {
        width: 80%; } }

.product-container .title-search-result {
  font-size: 29px;
  color: #414042;
  line-height: 1.2em;
  margin: 0;
  text-align: left; }

.sec-product-detail-header {
  padding: 30px 0;
  background-color: #ffffff; }
  .sec-product-detail-header .img-main {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 500px; }
  .sec-product-detail-header .container-name {
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    margin: 7px 0 14px 0;
    padding: 7px 0; }
    .sec-product-detail-header .container-name .name {
      color: #020202;
      font-size: 27px; }
    .sec-product-detail-header .container-name .sub-title {
      color: #a7a9ac;
      font-size: 24px;
      font-weight: 300; }
  .sec-product-detail-header .product-image-container {
    max-height: 500px; }
    .sec-product-detail-header .product-image-container .out-of-stock {
      width: 200px;
      height: 200px;
      border-radius: 100px; }
  .sec-product-detail-header #images_container {
    margin: 7px 0; }
    .sec-product-detail-header #images_container .owl-item {
      padding-right: 1px; }
      .sec-product-detail-header #images_container .owl-item img {
        max-height: 230px;
        width: auto;
        object-fit: contain; }
    .sec-product-detail-header #images_container.slideshow.owl-theme .owl-nav .owl-next {
      right: 1%;
      top: -33px; }
    .sec-product-detail-header #images_container.slideshow.owl-theme .owl-nav .owl-prev {
      left: 1%;
      top: -33px; }
  @media (max-width: 992px) {
    .sec-product-detail-header .container-name {
      border-top: none;
      border-bottom: none; }
    .sec-product-detail-header .item-badge {
      display: inline-block; }
    .sec-product-detail-header .item-rate {
      display: inline-block;
      float: right; }
    .sec-product-detail-header .btn-order {
      width: 100%; } }
  .sec-product-detail-header.product-list p.price {
    margin-top: 20px; }
    .sec-product-detail-header.product-list p.price span.strike {
      font-size: 32px;
      font-weight: 200;
      color: #808285; }
    .sec-product-detail-header.product-list p.price span.discount-price {
      font-size: 49px;
      font-weight: 500; }
    .sec-product-detail-header.product-list p.price span.discount-percentage {
      top: -6px;
      position: relative;
      font-size: 20px;
      font-weight: 400; }
  .sec-product-detail-header.product-list a.btn-order, .sec-product-detail-header.product-list span.btn-order, .sec-product-detail-header.product-list button.btn-order {
    font-size: 34px;
    margin-bottom: 20px;
    color: #fff;
    cursor: pointer;
    height: auto; }
    .sec-product-detail-header.product-list a.btn-order i, .sec-product-detail-header.product-list span.btn-order i, .sec-product-detail-header.product-list button.btn-order i {
      background-image: url(../images/fe/icons/i_add_cart.png);
      background-size: 30px;
      width: 30px;
      height: 30px;
      display: inline-block;
      margin-right: 10px;
      top: 2px;
      position: relative; }
  .sec-product-detail-header.product-list a:hover, .sec-product-detail-header.product-list span:hover, .sec-product-detail-header.product-list button:hover {
    color: #fff; }
  @media (max-width: 768px) {
    .sec-product-detail-header.product-list p.price span.strike {
      font-size: 24px; }
    .sec-product-detail-header.product-list p.price span.discount-price {
      font-size: 38px; }
    .sec-product-detail-header.product-list p.price span.discount-percentage {
      top: -3px; }
    .sec-product-detail-header.product-list a.btn-order, .sec-product-detail-header.product-list button.btn-order {
      font-size: 24px; }
    .sec-product-detail-header .item-badge {
      margin-top: 10px; } }

.sec-product-title h3, .sec-relative-product h3 {
  font-size: 31px;
  font-family: "Mitr", sans-serif;
  color: #231f20;
  margin-bottom: 15px; }

.sec-product-detail-description {
  padding: 30px 0;
  background: #f1f2f2; }
  .sec-product-detail-description .detail {
    white-space: pre-wrap;
    color: #020202;
    font-size: 24px;
    font-weight: 300; }

.sec-relative-product {
  padding: 0 0 30px 0;
  background-color: #ffffff; }

.sec-sale-header {
  background: #020202; }

.sec-sale-delivery {
  background: #020202;
  padding: 30px 0; }
  .sec-sale-delivery .del-sec {
    border-left: 1px solid #ebe2c3; }
    .sec-sale-delivery .del-sec .row-content {
      color: #ebe2c3;
      font-size: 24px;
      font-weight: 300;
      text-align: center;
      padding: 20px; }
      .sec-sale-delivery .del-sec .row-content .icon-delivery {
        width: 78px;
        margin-left: auto;
        margin-right: auto; }
    .sec-sale-delivery .del-sec:first-child {
      border-left: none; }
  @media (max-width: 575px) {
    .sec-sale-delivery .del-sec:nth-child(1), .sec-sale-delivery .del-sec:nth-child(3) {
      border-left: none; }
    .sec-sale-delivery .del-sec:nth-child(1) .row-content, .sec-sale-delivery .del-sec:nth-child(2) .row-content {
      border-bottom: 1px solid #ebe2c3; }
    .sec-sale-delivery .del-sec:nth-child(3) .row-content {
      border-left: none; } }

.sec-sale-brand {
  background: #fff;
  padding: 30px 0; }

.sec-sale-howtobuy {
  background: #020202;
  padding: 30px 0;
  position: relative; }
  .sec-sale-howtobuy .pattern {
    position: absolute;
    top: -40px;
    width: 100%;
    height: 140px;
    left: 50%;
    transform: translate(-50%, 0); }
  .sec-sale-howtobuy .howtobuy-header-container {
    padding: 14px 60px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #ad7a4b, #eed89c, #eed89c, #ad7a4b, rgba(255, 0, 0, 0)); }
    .sec-sale-howtobuy .howtobuy-header-container .howtobuy-header {
      color: #020202;
      font-size: 45px;
      font-weight: 500; }
    .sec-sale-howtobuy .howtobuy-header-container .howtobuy-header-underline {
      background-color: #020202;
      height: 5px;
      width: 50%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 7px; }
  .sec-sale-howtobuy .row-howtobuy-content {
    margin-top: 30px; }
    .sec-sale-howtobuy .row-howtobuy-content .col-howtobuy-content {
      margin-top: 30px;
      color: #fff;
      font-size: 24px;
      font-weight: 300;
      text-align: center; }
      .sec-sale-howtobuy .row-howtobuy-content .col-howtobuy-content .icon-howtobuy {
        width: 78px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 4; }
  .sec-sale-howtobuy .howtodeliver-title {
    color: #fff;
    font-size: 45px;
    text-align: center;
    margin-top: 60px; }
  .sec-sale-howtobuy .row-howtodeliver-content .col-howtodeliver-content {
    margin-top: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    color: #b3b3b3; }
    .sec-sale-howtobuy .row-howtodeliver-content .col-howtodeliver-content .icon-howtodeliver {
      width: 78px;
      margin-left: auto;
      margin-right: auto; }
    .sec-sale-howtobuy .row-howtodeliver-content .col-howtodeliver-content .col-howtodeliver-content-title {
      font-size: 26px;
      font-weight: 500;
      color: #fff; }
  @media (max-width: 768px) {
    .sec-sale-howtobuy .row-howtobuy-content .col-howtobuy-content {
      text-align: left;
      font-size: 20px; }
    .sec-sale-howtobuy .row-howtodeliver-content .col-howtodeliver-content {
      text-align: left;
      font-size: 20px; }
    .sec-sale-howtobuy .icon-item {
      position: relative; }
      .sec-sale-howtobuy .icon-item:after {
        content: '';
        background: #414042;
        position: absolute;
        height: 70px;
        width: 10px;
        bottom: -45px;
        left: 50px;
        z-index: 2; } }

.sec-sale-product {
  background-color: #231f20;
  padding: 30px 0; }
  .sec-sale-product .product-banner {
    width: 100%;
    object-fit: contain;
    height: auto;
    max-height: 1200px; }
  .sec-sale-product .product-container {
    text-align: center; }
    .sec-sale-product .product-container .product-title {
      color: #fbb040;
      font-size: 45px; }
    .sec-sale-product .product-container .product-detail {
      color: #b3b3b3;
      font-size: 24px;
      font-weight: 300; }
    .sec-sale-product .product-container .discount-price {
      color: #fff !important; }
    .sec-sale-product .product-container .sale-countdown-container {
      margin-top: 30px;
      display: inline-block;
      border: 1px solid #b3b3b3;
      border-radius: 7px;
      padding: 14px 30px; }
      .sec-sale-product .product-container .sale-countdown-container .sale-countdown-title-container {
        color: #b3b3b3;
        font-size: 24px;
        font-weight: 300; }
        .sec-sale-product .product-container .sale-countdown-container .sale-countdown-title-container .sale-countdown-title {
          position: relative;
          top: -4px; }

.sec-image {
  background-color: #020202;
  text-align: center; }
  .sec-image.bg-light {
    background-color: #d2d3d5; }
  .sec-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    padding: 30px 0; }

.sale-container img {
  display: inline-block !important; }
.sale-container .sec-sale-slideshow {
  background: #020202;
  position: relative;
  overflow: hidden; }
  .sale-container .sec-sale-slideshow .slideshow.owl-theme .owl-nav {
    top: 32%; }
  .sale-container .sec-sale-slideshow .diagonal {
    white-space: nowrap;
    position: absolute;
    padding: 5px 10px;
    min-width: 200px;
    transform: rotate(-45deg) translate(-37%, 0);
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    top: -20px;
    box-sizing: border-box;
    font-family: "PlayfairDisplay", sans-serif;
    font-size: 15px;
    z-index: 10;
    background: #e7212e;
    background: linear-gradient(to right, #e7212e 0%, #8a202e 100%);
    -webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.44); }
.sale-container .sale-detail-container {
  background: var(--sale-detail-bg); }
  .sale-container .sale-detail-container a.btn-ordernow {
    background: #ed1c24;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    display: block;
    width: 100%;
    margin: 20px 0 15px 0;
    padding: 10px; }
    .sale-container .sale-detail-container a.btn-ordernow span {
      position: relative; }
      .sale-container .sale-detail-container a.btn-ordernow span:before {
        content: '';
        background: url(../images/fe/icons/i-cart.svg) no-repeat;
        background-size: 25px;
        width: 25px;
        height: 25px;
        position: absolute;
        left: -40px;
        top: 7px; }
@keyframes glowing {
  0% {
    background-color: #fd464d;
    box-shadow: 0 0 40px #fd464d; }
  50% {
    background-color: #ed1c24;
    box-shadow: 0 0 40px #ed1c24; }
  100% {
    background-color: #d40008;
    box-shadow: 0 0 40px #d40008; } }
  .sale-container .sale-detail-container a.btn-ordernow {
    animation: glowing 1000ms infinite; }
  .sale-container .sale-detail-container .detail-block .col-3, .sale-container .sale-detail-container .detail-block .col-4, .sale-container .sale-detail-container .detail-block .col-5 {
    padding: 0 2px; }
  .sale-container .sale-detail-container p {
    color: var(--sale-detail-txt);
    text-align: center;
    margin-bottom: 0; }
    .sale-container .sale-detail-container p.txt-title {
      font-size: 22px;
      font-weight: 300; }
    .sale-container .sale-detail-container p.txt-price {
      font-size: 30px;
      color: #ed1c24;
      font-weight: 500; }
    .sale-container .sale-detail-container p.product-title {
      font-size: 30px;
      margin-bottom: 5px;
      color: var(--sale-title); }
    .sale-container .sale-detail-container p.txt-remark {
      font-size: 13px;
      font-weight: 300;
      padding: 0 10px; }
    .sale-container .sale-detail-container p.txt-time {
      font-size: 12px;
      font-weight: 300;
      margin-bottom: 5px; }
    .sale-container .sale-detail-container p span.txt-discount {
      font-size: 17px;
      color: #a7a9ac;
      text-decoration: line-through; }
    @media (max-width: 355px) {
      .sale-container .sale-detail-container p.txt-price {
        font-size: 27px;
        color: #ed1c24;
        font-weight: 500; } }
  .sale-container .sale-detail-container .time-block {
    border-radius: 5px;
    background: var(--sale-time-bgd);
    text-align: center;
    width: 45px;
    display: inline-block;
    padding: 5px 2px; }
    .sale-container .sale-detail-container .time-block p {
      color: var(--sale-time-txt); }
      .sale-container .sale-detail-container .time-block p.time-no {
        font-size: 23px;
        line-height: 1em; }
      .sale-container .sale-detail-container .time-block p.time-unit {
        font-size: 7px; }
  .sale-container .sale-detail-container .digit-div {
    color: var(--sale-time-bg);
    font-size: 25px;
    display: inline-block;
    margin: 0 4px; }
  .sale-container .sale-detail-container .sale-detail-txt {
    font-weight: 300;
    font-size: 18px;
    color: var(--sale-detail-txt);
    margin-top: 14px; }
.sale-container .sale-title {
  color: var(--countdown-unit-txt);
  font-size: 24px;
  text-align: center; }
.sale-container .sale-youtube-container {
  background: #020202; }
  .sale-container .sale-youtube-container > .container {
    padding-bottom: 2px; }
  .sale-container .sale-youtube-container .vdo-container {
    position: relative;
    width: 100%;
    padding-bottom: 58%;
    margin-bottom: 15px; }
    .sale-container .sale-youtube-container .vdo-container .vdo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0; }
.sale-container .sale-review-container {
  background: #fff; }
  .sale-container .sale-review-container .sale-title {
    color: #231f20; }
  .sale-container .sale-review-container .review-block {
    background: #f1f2f2;
    max-height: 500px;
    overflow-y: scroll; }
.sale-container .sale-facebook-container {
  background: #020202; }
  .sale-container .sale-facebook-container .facebook-block > div {
    margin: 0 auto; }
    .sale-container .sale-facebook-container .facebook-block > div > div {
      margin: 0 auto; }
  .sale-container .sale-facebook-container .fb-review-container {
    background: #fafafa;
    padding: 20px; }
    .sale-container .sale-facebook-container .fb-review-container p.title {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 10px; }
  .sale-container .sale-facebook-container .i-stars path {
    fill: #5890ff; }
  .sale-container .sale-facebook-container .rating-block {
    display: inline-block; }
  .sale-container .sale-facebook-container .rating {
    color: #5890ff;
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 5px; }
  .sale-container .sale-facebook-container .fb-review-list-container {
    margin: 15px 0;
    max-height: 700px;
    overflow-y: scroll; }
  .sale-container .sale-facebook-container .fb-review-list {
    margin-bottom: 5px;
    border-radius: 8px;
    overflow: hidden; }
    .sale-container .sale-facebook-container .fb-review-list img {
      border-radius: 8px; }
  .sale-container .sale-facebook-container .load-more__btn {
    box-shadow: transparent 0px 0px 1px;
    background-color: rgba(29, 33, 41, 0.08);
    color: rgba(29, 33, 41, 0.4);
    cursor: pointer;
    outline: none;
    padding: 7px 30px;
    font-size: 14px;
    border-radius: 3px;
    width: 100%;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    border: none;
    box-sizing: border-box !important;
    outline: none; }
.sale-container .sale-howtobuy-container {
  background: var(--sale-theme-bg);
  position: relative; }
  .sale-container .sale-howtobuy-container .pattern {
    width: 100%;
    height: 100px;
    background-size: 150%;
    top: -5px; }
  .sale-container .sale-howtobuy-container p {
    text-align: center;
    position: relative; }
    .sale-container .sale-howtobuy-container p.howtobuy-title {
      color: var(--sale-order-color);
      font-size: 29px;
      font-weight: 300; }
    .sale-container .sale-howtobuy-container p:after {
      content: "";
      background: var(--sale-order-color);
      width: 80px;
      height: 3px;
      position: absolute;
      left: 50%;
      bottom: -10px;
      transform: translate(-50%, 0); }
  .sale-container .sale-howtobuy-container .order-txt {
    color: #fff;
    font-size: 17px;
    font-weight: 200; }
    .sale-container .sale-howtobuy-container .order-txt span {
      font-weight: 500; }
    @media (min-width: 768px) {
      .sale-container .sale-howtobuy-container .order-txt {
        text-align: center; } }
  .sale-container .sale-howtobuy-container .col-howtobuy-content, .sale-container .sale-howtobuy-container .col-howtodeliver-content {
    padding: 15px; }
  .sale-container .sale-howtobuy-container .icon-item {
    position: relative; }
    .sale-container .sale-howtobuy-container .icon-item:after {
      content: '';
      background: var(--sale-order-color);
      position: absolute;
      height: 100px;
      width: 10px;
      bottom: -65px;
      left: 48px;
      z-index: 2; }
      @media (min-width: 768px) {
        .sale-container .sale-howtobuy-container .icon-item:after {
          display: none; } }
  @media (min-width: 768px) {
    .sale-container .sale-howtobuy-container .row-howtobuy-content {
      margin-top: 30px; }
    .sale-container .sale-howtobuy-container .icon-item {
      position: relative; }
      .sale-container .sale-howtobuy-container .icon-item:after {
        display: none; }
    .sale-container .sale-howtobuy-container .col-howtobuy-content .i-order, .sale-container .sale-howtobuy-container .col-howtodeliver-content .i-order {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 14px; }
    .sale-container .sale-howtobuy-container .col-howtobuy-content .order-txt, .sale-container .sale-howtobuy-container .col-howtodeliver-content .order-txt {
      text-align: center; }
      .sale-container .sale-howtobuy-container .col-howtobuy-content .order-txt div, .sale-container .sale-howtobuy-container .col-howtodeliver-content .order-txt div {
        text-align: center;
        margin-left: auto;
        margin-right: auto; } }
  .sale-container .sale-howtobuy-container .i-order {
    background-color: var(--sale-order-color);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    display: block;
    position: relative;
    z-index: 5; }
    @media (min-width: 768px) {
      .sale-container .sale-howtobuy-container .i-order {
        margin: 0 auto 15px auto; } }
    .sale-container .sale-howtobuy-container .i-order.i-line {
      background-image: var(--sale-i-line); }
    .sale-container .sale-howtobuy-container .i-order.i-bottle {
      background-image: var(--sale-i-bottle); }
    .sale-container .sale-howtobuy-container .i-order.i-van {
      background-image: var(--sale-i-van); }
    .sale-container .sale-howtobuy-container .i-order.i-box {
      background-image: var(--sale-i-box); }
    .sale-container .sale-howtobuy-container .i-order.i-money {
      background-image: var(--sale-i-money); }
    .sale-container .sale-howtobuy-container .i-order.i-delivery {
      background-image: var(--sale-i-delivery); }
.sale-container .sale-line-container p {
  color: #414042;
  font-size: 23px;
  text-align: center; }
.sale-container .sale-line-container a.btn-line-order {
  width: 300px;
  height: 115px;
  display: inline-block;
  left: 50%;
  transform: translate(-50%, 0);
  position: relative; }
@keyframes flashing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.65; }
  100% {
    opacity: 1; } }
  .sale-container .sale-line-container a.btn-line-order img {
    animation: flashing 1000ms infinite; }
.sale-container .sale-padding {
  padding: 15px; }
.sale-container .sale-recommend-container > .container {
  padding-left: 0;
  padding-right: 0; }
  .sale-container .sale-recommend-container > .container div[class^=col-] {
    padding: 0; }
.sale-container img.img {
  display: inline-block; }

@keyframes line-glowing {
  0% {
    background-color: #44b748;
    box-shadow: 0 0 15px #fff; }
  50% {
    background-color: #44b748;
    box-shadow: 0 0 15px #44b748; }
  100% {
    background-color: #44b748;
    box-shadow: 0 0 15px #6d6e71; } }
a.btn-line.btn-float-line {
  animation: line-glowing 1000ms infinite; }

.tracking-container {
  position: relative;
  margin: -85px 0 -10px 0;
  background-image: var(--tracking-bg);
  background-repeat: no-repeat;
  background-position: top center;
  background-color: var(--tracking-bg-color);
  background-size: 100%;
  padding: 620px 0 100px 0; }
  @media (max-width: 1600px) {
    .tracking-container {
      padding: 600px 0 100px 0; } }
  @media (max-width: 1470px) {
    .tracking-container {
      padding: 550px 0 100px 0; } }
  @media (max-width: 1320px) {
    .tracking-container {
      padding: 520px 0 100px 0; } }
  @media (max-width: 1270px) {
    .tracking-container {
      padding: 500px 0 100px 0; } }
  @media (max-width: 1200px) {
    .tracking-container {
      padding: 450px 0 100px 0; } }
  @media (max-width: 1100px) {
    .tracking-container {
      background-image: var(--tracking-mb-bg);
      padding: 600px 0 80px 0; } }
  @media (max-width: 930px) {
    .tracking-container {
      padding: 515px 0 80px 0; } }
  @media (max-width: 830px) {
    .tracking-container {
      padding: 450px 0 80px 0; } }
  @media (max-width: 680px) {
    .tracking-container {
      padding: 380px 0 80px 0; } }
  @media (max-width: 570px) {
    .tracking-container {
      padding: 330px 0 80px 0; } }
  @media (max-width: 490px) {
    .tracking-container {
      padding: 300px 0 80px 0; } }
  @media (max-width: 420px) {
    .tracking-container {
      padding: 250px 0 60px 0; } }
  @media (max-width: 367px) {
    .tracking-container {
      padding: 190px 0 40px 0; } }
  .tracking-container.blue {
    padding: 580px 0 100px 0; }
    @media (max-width: 1680px) {
      .tracking-container.blue {
        padding: 530px 0 100px 0; } }
    @media (max-width: 1560px) {
      .tracking-container.blue {
        padding: 500px 0 100px 0; } }
    @media (max-width: 1450px) {
      .tracking-container.blue {
        padding: 470px 0 100px 0; } }
    @media (max-width: 1300px) {
      .tracking-container.blue {
        padding: 450px 0 100px 0; } }
    @media (max-width: 1200px) {
      .tracking-container.blue {
        padding: 400px 0 100px 0; } }
    @media (max-width: 1101px) {
      .tracking-container.blue {
        background-image: var(--tracking-mb-bg);
        padding: 600px 0 80px 0; } }
    @media (max-width: 950px) {
      .tracking-container.blue {
        padding: 550px 0 80px 0; } }
    @media (max-width: 830px) {
      .tracking-container.blue {
        padding: 450px 0 80px 0; } }
    @media (max-width: 680px) {
      .tracking-container.blue {
        padding: 380px 0 80px 0; } }
    @media (max-width: 570px) {
      .tracking-container.blue {
        padding: 330px 0 80px 0; } }
    @media (max-width: 490px) {
      .tracking-container.blue {
        padding: 300px 0 80px 0; } }
    @media (max-width: 420px) {
      .tracking-container.blue {
        padding: 250px 0 60px 0; } }
    @media (max-width: 367px) {
      .tracking-container.blue {
        padding: 190px 0 40px 0; } }
  .tracking-container .bg-track {
    position: relative; }
  .tracking-container .tracking-form form {
    width: 100%;
    text-align: center; }
  .tracking-container .tracking-form p {
    color: #fff;
    font-size: 29px;
    text-align: center; }
  .tracking-container .tracking-form input, .tracking-container .tracking-form button {
    font-size: 22px;
    border-radius: 5px;
    border: none;
    height: 40px;
    -webkit-box-shadow: 3px 3px 18px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 18px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 18px 0px rgba(0, 0, 0, 0.5); }
  .tracking-container .tracking-form input {
    padding: 5px 15px;
    float: none;
    margin-right: 10px;
    color: #020202;
    font-weight: 300;
    width: 80%;
    text-align: center; }
  .tracking-container .tracking-form button {
    background: #ed1c24;
    color: #fff;
    position: relative;
    padding: 1px 20px 1px 45px;
    text-align: center; }
    .tracking-container .tracking-form button i {
      background: url(../images/fe/icons/icon-search-w.svg) no-repeat;
      background-size: 19px;
      width: 19px;
      height: 19px;
      position: absolute;
      left: 15px;
      top: 10px; }
  @media (max-width: 992px) {
    .tracking-container .tracking-form input, .tracking-container .tracking-form button {
      width: 100%; }
    .tracking-container .tracking-form button {
      margin-top: 20px; } }
  .tracking-container .tracking-form #result_table {
    margin-top: 30px;
    color: var(--tracking-result-color);
    font-weight: 300;
    font-size: 18px; }
    .tracking-container .tracking-form #result_table a {
      text-decoration: underline; }
  .tracking-container .customer-order-history .history-container {
    padding: 0px 0 20px 0;
    text-align: center; }
    .tracking-container .customer-order-history .history-container .customer-history-link {
      color: #fff;
      font-size: 29px;
      margin-bottom: 14px; }
      .tracking-container .customer-order-history .history-container .customer-history-link a {
        background: #ed1c24;
        color: #fff;
        display: inline-block;
        position: relative;
        padding: 6px 20px 6px 50px;
        text-align: center;
        font-size: 20px;
        border-radius: 5px;
        border: none;
        height: 40px;
        -webkit-box-shadow: 3px 3px 18px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 3px 3px 18px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 3px 3px 18px 0px rgba(0, 0, 0, 0.5); }
        .tracking-container .customer-order-history .history-container .customer-history-link a i {
          background: url(../images/fe/icons/i_m_history_w.png) no-repeat;
          background-size: 25px;
          width: 25px;
          height: 25px;
          position: absolute;
          left: 15px;
          top: 7px; }
  .tracking-container .customer-order-history .sep-line {
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0.35;
    margin: 10px 0 30px 0;
    text-align: center; }

.auth-container {
  padding: 40px 0 100px 0; }
  .auth-container .logo {
    width: 120px; }
  .auth-container .header-title {
    border-bottom: 1px solid #e6e7e8;
    padding-bottom: 10px;
    text-align: center; }
    .auth-container .header-title.top-border {
      border-top: 1px solid #e6e7e8;
      margin-top: 10px;
      padding-top: 10px; }
    .auth-container .header-title h1 {
      color: #231f20;
      font-size: 30px;
      font-weight: 400;
      font-family: "Mitr", sans-serif;
      text-transform: none; }
      .auth-container .header-title h1:before {
        content: '';
        background: url(../images/fe/icons/i_signin.png) no-repeat;
        background-size: 27px;
        width: 27px;
        height: 27px;
        display: inline-block;
        position: relative;
        top: 5px;
        left: -10px; }
      .auth-container .header-title h1.no-icon:before {
        background: transparent; }
    .auth-container .header-title p {
      margin-bottom: 0; }
  @media (max-width: 768px) {
    .auth-container .logo {
      display: none; }
    .auth-container .header-title {
      border-bottom: none; }
      .auth-container .header-title.top-border {
        border-top: none; } }
  .auth-container p.subtitle {
    color: #020202;
    font-size: 22px;
    font-weight: 300;
    text-align: center; }
  .auth-container .auth-block {
    padding-top: 20px; }
    .auth-container .auth-block.login-block {
      padding-top: 60px;
      padding-bottom: 30px;
      text-align: center;
      position: relative; }
      .auth-container .auth-block.login-block .div-line {
        color: #a7a9ac;
        position: absolute;
        font-size: 20px;
        font-weight: 300;
        right: -40px; }
        .auth-container .auth-block.login-block .div-line:before, .auth-container .auth-block.login-block .div-line:after {
          content: '';
          width: 1px;
          height: 140px;
          background: #e6e7e8;
          position: absolute;
          left: 50%; }
        .auth-container .auth-block.login-block .div-line:before {
          top: 45px; }
        .auth-container .auth-block.login-block .div-line:after {
          bottom: 45px; }
        @media (max-width: 991px) {
          .auth-container .auth-block.login-block .div-line {
            font-size: 13px;
            right: -20px; } }
        @media (max-width: 768px) {
          .auth-container .auth-block.login-block .div-line {
            display: none; } }
    .auth-container .auth-block .remark-txt {
      color: #020202;
      font-size: 16px;
      font-weight: 300;
      display: block; }
    .auth-container .auth-block .forgot-lnk {
      display: block;
      color: #6d6e71;
      font-size: 16px;
      font-weight: 300;
      margin-bottom: 20px; }
  .auth-container .tab-container {
    display: none; }
  @media (max-width: 768px) {
    .auth-container .tab-container {
      width: 100%;
      padding: 0 15px;
      display: block; }
      .auth-container .tab-container .tab-block {
        margin-top: 20px; }
        .auth-container .tab-container .tab-block li {
          border: 1px solid #e6e7e8;
          border-bottom: none;
          border-radius: 6px;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          position: relative;
          background: #e6e7e8; }
          .auth-container .tab-container .tab-block li.active {
            background: #fff; }
          .auth-container .tab-container .tab-block li a {
            font-size: 16px;
            color: #020202;
            font-weight: 300;
            text-align: center;
            padding: 10px;
            display: block; }
      .auth-container .tab-container .tab-content {
        display: none; }
      .auth-container .tab-container .tab-details {
        padding: 20px 0; }
      .auth-container .tab-container #tab-block-1 {
        display: block; } }

.auth-form.login-center-form .ct-form {
  margin: 0 auto 20px auto; }
.auth-form .ct-form {
  position: relative;
  margin: 0 0 20px 0;
  width: 330px; }
  .auth-form .ct-form input, .auth-form .ct-form select {
    border: 1px solid #bcbec0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    color: #020202;
    width: 100%;
    height: 40px; }
    .auth-form .ct-form input:disabled, .auth-form .ct-form select:disabled {
      background: #d2d3d5; }
  .auth-form .ct-form select {
    padding-left: 5px; }
  .auth-form .ct-form .i-show-pass {
    background: url(../images/fe/icons/i_show_pwd.png) no-repeat;
    background-size: 25px;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 7px;
    right: -35px;
    cursor: pointer; }
  .auth-form .ct-form .input-remark {
    font-size: 12px;
    font-weight: 300;
    color: #231f20;
    text-align: left;
    display: block;
    padding: 6px 0 0 6px; }
    .auth-form .ct-form .input-remark.error {
      color: #ED1C24; }
  @media (max-width: 768px) {
    .auth-form .ct-form {
      width: 100%; } }
.auth-form label {
  text-align: right;
  font-size: 16px;
  color: #020202;
  display: block;
  padding-top: 7px; }
  .auth-form label span {
    color: #ED1C24; }
  @media (max-width: 768px) {
    .auth-form label {
      text-align: left;
      padding-top: 0;
      margin-bottom: 10px; } }
.auth-form .form-div {
  border-bottom: 1px solid #bcbec0;
  padding-bottom: 5px;
  margin-bottom: 10px; }
.auth-form h4 {
  font-size: 18px;
  font-family: "Mitr", sans-serif;
  margin: 20px 0; }

.btn-auth {
  border-radius: 5px;
  color: #fff;
  font-size: 22px;
  display: inline-block;
  cursor: pointer;
  font-weight: 300;
  padding: 5px 30px;
  margin-bottom: 20px;
  height: 40px;
  text-align: center; }
  .btn-auth:before {
    content: '';
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    left: -10px; }
  .btn-auth.btn-login {
    background: #939598; }
  .btn-auth.btn-login:before, .btn-auth.btn-reset:before {
    background-image: url(../images/fe/icons/i_key.png);
    background-size: 20px;
    width: 20px;
    height: 20px;
    top: 3px; }
  .btn-auth.btn-register {
    background: #00A651; }
    .btn-auth.btn-register:before {
      background-image: url(../images/fe/icons/i_register.png);
      background-size: 24px;
      width: 24px;
      height: 24px;
      top: 3px; }
  .btn-auth.btn-reset, .btn-auth.btn-new-addr {
    background: #939598; }
  .btn-auth.btn-login, .btn-auth.btn-register, .btn-auth.btn-reset {
    width: 330px; }
  .btn-auth.btn-fb {
    background: #4B669E; }
    .btn-auth.btn-fb:before {
      background-image: url(../images/fe/icons/i_facebook.png);
      background-size: 22px;
      width: 22px;
      height: 22px;
      top: 4px; }
  .btn-auth.btn-line-login {
    background: #44b748;
    margin-top: 14px; }
    .btn-auth.btn-line-login:before {
      background-image: url(../images/fe/icons/f-line.png);
      background-size: 25px;
      width: 22px;
      height: 22px;
      top: 1px; }
  .btn-auth.btn-register-confirm, .btn-auth.btn-back, .btn-auth.btn-save, .btn-auth.btn-edit-pwd, .btn-auth.btn-new-addr {
    font-size: 16px;
    height: 35px;
    margin-top: 10px; }
  .btn-auth.btn-register-confirm, .btn-auth.btn-save {
    background: #00A651; }
    .btn-auth.btn-register-confirm:before, .btn-auth.btn-save:before {
      background-image: url(../images/fe/icons/i_register_check.png);
      background-size: 18px;
      width: 18px;
      height: 18px;
      top: 3px; }
  .btn-auth.btn-back {
    background: #939598; }
    .btn-auth.btn-back:before {
      background-image: url(../images/fe/icons/i_back.png);
      background-size: 18px;
      width: 18px;
      height: 18px;
      top: 3px; }
  .btn-auth.btn-edit-pwd {
    background: #939598; }
  .btn-auth.btn-new-addr {
    background: #939598; }
    .btn-auth.btn-new-addr:before {
      background-image: url(../images/fe/icons/i_addr_add.png);
      background-size: 19px;
      width: 19px;
      height: 19px;
      top: 4px; }
  .btn-auth.btn-save, .btn-auth.btn-edit-pwd, .btn-auth.btn-new-addr {
    width: 220px; }

.saved-addr-block {
  margin-bottom: 30px; }
  .saved-addr-block p {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #020202; }
    .saved-addr-block p.title-addr {
      font-weight: 400;
      text-align: right; }
      @media (max-width: 768px) {
        .saved-addr-block p.title-addr {
          text-align: left;
          padding-top: 0;
          margin-bottom: 10px; } }

.addr-row {
  border-bottom: 1px solid #bcbec0;
  padding-bottom: 10px;
  margin-bottom: 20px; }

.addr-action .btn, .payment-action .btn {
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  cursor: pointer;
  font-weight: 300;
  padding: 5px 10px 5px 20px;
  margin-top: 10px;
  text-align: center;
  height: 30px;
  width: 70px;
  position: relative; }
  .addr-action .btn:hover, .payment-action .btn:hover {
    opacity: 0.9; }
  .addr-action .btn:before, .payment-action .btn:before {
    content: '';
    background-repeat: no-repeat;
    background-size: 13px;
    position: absolute;
    left: 10px;
    top: 7px;
    height: 13px;
    width: 13px; }
  .addr-action .btn.btn-edit-addr, .payment-action .btn.btn-edit-addr {
    background-color: #939598; }
    .addr-action .btn.btn-edit-addr:before, .payment-action .btn.btn-edit-addr:before {
      background-image: url(../images/fe/icons/i_edit.png); }
  .addr-action .btn.btn-remove-addr, .payment-action .btn.btn-remove-addr {
    background-color: #F7941D; }
    .addr-action .btn.btn-remove-addr:before, .payment-action .btn.btn-remove-addr:before {
      background-image: url(../images/fe/icons/i_addr_remove.png); }
.addr-action input.radio:empty, .payment-action input.radio:empty {
  display: none; }
  .addr-action input.radio:empty ~ label, .payment-action input.radio:empty ~ label {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    margin-top: 15px;
    padding-top: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .addr-action input.radio:empty ~ label:before, .payment-action input.radio:empty ~ label:before {
      position: absolute;
      display: block;
      top: 5px;
      left: 50%;
      transform: translate(-50%, 0%);
      content: '';
      width: 20px;
      height: 20px;
      background: #fff;
      border: 1px solid #939598; }
.addr-action input.radio:checked ~ label:before, .addr-action input.radio:hover:not(:checked) ~ label:before, .payment-action input.radio:checked ~ label:before, .payment-action input.radio:hover:not(:checked) ~ label:before {
  background: url(../images/fe/icons/i_addr_select.png) no-repeat center;
  background-size: 16px;
  border-color: #39B54A; }
.addr-action input.radio:checked ~ label, .addr-action input.radio:hover:not(:checked) ~ label, .payment-action input.radio:checked ~ label, .payment-action input.radio:hover:not(:checked) ~ label {
  color: #39B54A; }

.history-row {
  border-bottom: 1px solid #e6e7e8;
  padding-bottom: 10px;
  margin-bottom: 15px; }
  .history-row .row-product-name, .history-row .row-price, .history-row .row-invoice, .history-row .top-sec {
    font-size: 16px; }
    @media (max-width: 768px) {
      .history-row .row-product-name, .history-row .row-price, .history-row .row-invoice, .history-row .top-sec {
        font-size: 13px; } }
  .history-row .row-product-name {
    font-weight: 300;
    margin-bottom: 15px;
    padding-top: 10px; }
  .history-row .row-addr-shipping {
    font-size: 12px;
    font-weight: 300; }
  .history-row .row-price {
    text-align: right; }
  .history-row .top-sec {
    margin-bottom: 15px;
    font-weight: 300; }
    .history-row .top-sec .row-inline {
      display: inline-block; }
  .history-row .row-invoice {
    border: 1px solid #e6e7e8;
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 5px; }
    @media (max-width: 480px) {
      .history-row .row-invoice {
        padding: 5px 5px;
        text-align: center; } }
    .history-row .row-invoice .order-no {
      color: #27aae1;
      display: inline-block;
      padding-left: 15px; }
      @media (max-width: 480px) {
        .history-row .row-invoice .order-no {
          padding-left: 0px; } }
  .history-row .align-right {
    float: right; }
    @media (max-width: 480px) {
      .history-row .align-right {
        text-align: center; } }
  .history-row .status {
    padding-top: 5px; }
    @media (max-width: 991px) {
      .history-row .status {
        display: block !important;
        margin-bottom: 5px;
        text-align: center; } }
  .history-row .tag-status {
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 10px;
    height: 30px;
    text-align: center;
    min-width: 115px; }
    @media (max-width: 991px) {
      .history-row .tag-status {
        font-size: 12px;
        display: inline-block;
        width: 90px;
        padding: 4px 5px 4px 6px; } }
    .history-row .tag-status:before {
      content: '';
      background-repeat: no-repeat;
      background-size: 14px;
      width: 14px;
      height: 14px;
      display: inline-block;
      position: relative;
      left: -5px;
      top: 3px; }
    @media (max-width: 480px) {
      .history-row .tag-status {
        margin: 5px 0; } }
  .history-row .tag-action {
    color: #808285;
    border-color: #e6e7e8;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 10px;
    height: 30px;
    margin-left: 5px;
    text-align: center;
    min-width: 100px; }
    @media (max-width: 991px) {
      .history-row .tag-action {
        font-size: 12px;
        width: 85px;
        padding: 4px 5px; } }
    .history-row .tag-action:before {
      content: '';
      background-repeat: no-repeat;
      background-size: 14px;
      width: initial;
      height: 14px;
      display: inline-block;
      position: relative;
      left: -5px;
      top: 3px; }
    .history-row .tag-action.at-inform-payment {
      color: #8dc63f; }
    .history-row .tag-action.at-check-status {
      color: inherit;
      background-color: white; }
    .history-row .tag-action.at-reorder {
      color: inherit;
      background-color: white; }
      .history-row .tag-action.at-reorder:before {
        background-image: url(../images/fe/icons/i_s_reorder.png);
        width: 14px; }

.cart-container .row-invoice {
  border: 1px solid #e6e7e8;
  padding: 5px 10px;
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 16px; }
  @media (max-width: 768px) {
    .cart-container .row-invoice {
      font-size: 13px; } }
  .cart-container .row-invoice .order-no {
    color: #27aae1;
    display: inline-block;
    padding-left: 15px; }
.cart-container .top-sec {
  margin-bottom: 5px;
  font-weight: 300; }
  .cart-container .top-sec .row-inline {
    display: inline-block; }
.cart-container .text-align {
  text-align: right; }
.cart-container .btn-remove-order {
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  height: 30px;
  width: 30px;
  position: relative;
  background-color: #F7941D;
  top: 10px; }
  .cart-container .btn-remove-order:hover {
    opacity: 0.9; }
  .cart-container .btn-remove-order:before {
    content: '';
    background-repeat: no-repeat;
    background-size: 13px;
    position: absolute;
    left: 9px;
    top: 8px;
    height: 13px;
    width: 13px;
    background-image: url(../images/fe/icons/i_addr_remove.png); }
.cart-container .order-product-row .input-group input[type='button'] {
  width: 25px; }
.cart-container .order-product-row .input-group .button-minus,
.cart-container .order-product-row .input-group .button-plus {
  height: 25px; }
.cart-container .order-product-row .input-group .quantity-field {
  position: relative;
  height: 25px;
  left: 6px;
  width: 50px;
  font-size: 14px;
  font-weight: 300;
  padding: 3px; }
.cart-container .order-product-row .button-minus, .cart-container .order-product-row .button-plus {
  background-size: 12px; }
.cart-container .order-product-row p {
  margin-bottom: 10px; }
  .cart-container .order-product-row p.price {
    display: inline-block; }
    .cart-container .order-product-row p.price span {
      font-size: 14px; }
      .cart-container .order-product-row p.price span.strike {
        font-weight: 300;
        color: #939598;
        text-decoration: line-through; }
      .cart-container .order-product-row p.price span.discount-price {
        margin-left: 10px; }
.cart-container .order-total-summary-block {
  border-bottom: 1px solid #e6e7e8;
  padding: 15px 20px 15px 0;
  margin-bottom: 15px;
  text-align: right; }
  .cart-container .order-total-summary-block .promotion-price, .cart-container .order-total-summary-block .shipping-fee, .cart-container .order-total-summary-block .coupon-discount {
    font-weight: 300;
    color: #231f20;
    font-size: 16px;
    margin-bottom: 10px; }
    .cart-container .order-total-summary-block .promotion-price span, .cart-container .order-total-summary-block .shipping-fee span, .cart-container .order-total-summary-block .coupon-discount span {
      display: inline-block;
      width: 20%; }
      @media (max-width: 768px) {
        .cart-container .order-total-summary-block .promotion-price span, .cart-container .order-total-summary-block .shipping-fee span, .cart-container .order-total-summary-block .coupon-discount span {
          width: 45%; } }
  .cart-container .order-total-summary-block .promotion-price span, .cart-container .order-total-summary-block .coupon-discount span {
    color: #ed1c24; }
  .cart-container .order-total-summary-block .coupon-discount span.btn-remove-coupon {
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    height: 25px;
    width: 25px;
    position: relative;
    background-color: #ed1c24;
    top: 5px; }
    .cart-container .order-total-summary-block .coupon-discount span.btn-remove-coupon:hover {
      opacity: 0.9; }
    .cart-container .order-total-summary-block .coupon-discount span.btn-remove-coupon:before {
      content: '';
      background-repeat: no-repeat;
      background-size: 10px;
      position: absolute;
      left: 8px;
      top: 7px;
      height: 10px;
      width: 10px;
      background-image: url(../images/fe/icons/i_addr_remove.png); }
  .cart-container .order-total-summary-block .grand-total-price {
    font-size: 18px; }
    .cart-container .order-total-summary-block .grand-total-price span {
      color: #39B54A;
      display: inline-block;
      width: 20%; }
      @media (max-width: 768px) {
        .cart-container .order-total-summary-block .grand-total-price span {
          width: 45%; } }
.cart-container .order-address-block {
  border-bottom: 1px solid #e6e7e8;
  padding: 10px 20px 15px 0;
  margin-bottom: 15px; }
  .cart-container .order-address-block .cart-addr-row {
    margin-bottom: 15px; }
  .cart-container .order-address-block p {
    font-size: 18px; }
  .cart-container .order-address-block .addr-action {
    position: relative; }
    .cart-container .order-address-block .addr-action input.radio:empty ~ label {
      margin-top: 0px;
      padding-top: 0px; }
    .cart-container .order-address-block .addr-action input.radio:empty ~ label:before {
      top: -10px;
      left: 0;
      transform: unset; }
  .cart-container .order-address-block .btn-new-addr {
    font-size: 12px;
    min-width: 150px; }
    .cart-container .order-address-block .btn-new-addr:before {
      background-size: 15px;
      width: 15px;
      height: 15px;
      top: 4px; }
  .cart-container .order-address-block .addr-content {
    font-size: 14px;
    font-weight: 300; }
    .cart-container .order-address-block .addr-content .title-addr {
      font-weight: 400; }
  .cart-container .order-address-block .btn-edit-addr {
    float: right;
    margin-top: 0; }
.cart-container .btn-continue-shop, .cart-container .btn-place-order, .cart-container .btn-use-coupon-code {
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  height: 40px;
  padding: 5px 20px;
  position: relative;
  margin-bottom: 10px;
  font-size: 18px;
  min-width: 200px;
  text-align: center; }
  @media (max-width: 768px) {
    .cart-container .btn-continue-shop, .cart-container .btn-place-order, .cart-container .btn-use-coupon-code {
      display: block;
      margin: 0 auto 15px auto; } }
  .cart-container .btn-continue-shop:hover, .cart-container .btn-place-order:hover, .cart-container .btn-use-coupon-code:hover {
    opacity: 0.9; }
  .cart-container .btn-continue-shop:before, .cart-container .btn-place-order:before, .cart-container .btn-use-coupon-code:before {
    content: '';
    background-repeat: no-repeat;
    background-size: 20px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    height: 20px;
    width: 20px; }
.cart-container .btn-continue-shop {
  background: #939598; }
  .cart-container .btn-continue-shop:before {
    background-image: url(../images/fe/icons/i_c_back_trp.png);
    top: 4px; }
.cart-container .btn-place-order {
  background: #009444;
  float: right; }
  @media (max-width: 768px) {
    .cart-container .btn-place-order {
      float: none; } }
  .cart-container .btn-place-order:before {
    background-image: url(../images/fe/icons/i_c_checkout.png);
    top: 2px; }
.cart-container .coupon-form .ct-form {
  position: relative; }
  .cart-container .coupon-form .ct-form input {
    border: 1px solid #bcbec0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    color: #020202;
    width: 100%;
    height: 40px; }
    .cart-container .coupon-form .ct-form input:disabled {
      background: #d2d3d5; }
    .cart-container .coupon-form .ct-form input#coupon_code {
      width: 200px; }
.cart-container .coupon-form .btn-use-coupon-code {
  background: #5cbee5;
  width: 100px;
  font-size: 16px;
  padding: 10px 5px;
  display: inline-block !important; }
  .cart-container .coupon-form .btn-use-coupon-code:before {
    display: none; }
.cart-container .payment-method-block {
  border-bottom: 1px solid #e6e7e8;
  padding: 15px 20px 15px 0;
  margin-bottom: 35px; }
  .cart-container .payment-method-block p.title {
    font-size: 18px; }
  .cart-container .payment-method-block .payment-row {
    margin-bottom: 15px; }
    .cart-container .payment-method-block .payment-row .payment-name {
      font-size: 16px; }
    .cart-container .payment-method-block .payment-row .payment-logo {
      width: 100px; }
  .cart-container .payment-method-block .payment-action {
    position: relative; }
    .cart-container .payment-method-block .payment-action input.radio:empty ~ label {
      margin-top: 0px;
      padding-top: 0px; }
    .cart-container .payment-method-block .payment-action input.radio:empty ~ label:before {
      top: -10px;
      left: 0;
      transform: unset; }
.cart-container .btn-paypal {
  display: none; }

.order-summary-container .order-summary-top {
  text-align: center;
  margin: 20px 0 60px 0; }
  .order-summary-container .order-summary-top h1 {
    font-size: 32px;
    font-family: "Mitr", sans-serif;
    font-weight: 300;
    margin-bottom: 5px;
    text-transform: capitalize; }
  .order-summary-container .order-summary-top .order-invoice {
    border: 1px solid #e6e7e8;
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 16px;
    display: inline-block;
    font-weight: 300; }
    @media (max-width: 768px) {
      .order-summary-container .order-summary-top .order-invoice {
        font-size: 13px; } }
    .order-summary-container .order-summary-top .order-invoice .order-no {
      color: #27aae1;
      display: inline-block;
      padding-left: 15px; }
  .order-summary-container .order-summary-top .order-date {
    font-weight: 300; }
  .order-summary-container .order-summary-top .order-step-block {
    margin-top: 20px; }
    .order-summary-container .order-summary-top .order-step-block ul {
      padding-left: 0; }
    .order-summary-container .order-summary-top .order-step-block li {
      display: inline-block;
      width: 75px;
      height: 75px;
      position: relative;
      border: 1px solid #e6e7e8;
      padding: 5px;
      border-radius: 50%;
      background: #fff;
      margin: 0 15px; }
      .order-summary-container .order-summary-top .order-step-block li:before {
        content: '';
        width: 36px;
        height: 1px;
        background: #e6e7e8;
        position: absolute;
        top: 50%;
        right: -36px; }
      .order-summary-container .order-summary-top .order-step-block li:last-child {
        margin-right: 0; }
        .order-summary-container .order-summary-top .order-step-block li:last-child:before {
          display: none; }
      .order-summary-container .order-summary-top .order-step-block li:first-child {
        margin-left: 0; }
      .order-summary-container .order-summary-top .order-step-block li span {
        position: absolute;
        font-weight: 300;
        width: 100%;
        left: 0;
        bottom: -30px; }
      .order-summary-container .order-summary-top .order-step-block li i {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px;
        width: 40px;
        height: 40px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      @media (max-width: 768px) {
        .order-summary-container .order-summary-top .order-step-block li span {
          font-size: 12px; } }
      @media (max-width: 576px) {
        .order-summary-container .order-summary-top .order-step-block li {
          width: 65px;
          height: 65px; } }
      @media (max-width: 450px) {
        .order-summary-container .order-summary-top .order-step-block li {
          width: 50px;
          height: 50px;
          margin: 0 10px; }
          .order-summary-container .order-summary-top .order-step-block li span {
            bottom: -40px; }
          .order-summary-container .order-summary-top .order-step-block li i {
            background-size: 25px;
            width: 25px;
            height: 25px; } }
      @media (max-width: 367px) {
        .order-summary-container .order-summary-top .order-step-block li {
          width: 35px;
          height: 35px;
          margin: 0 10px; }
          .order-summary-container .order-summary-top .order-step-block li span {
            bottom: -30px;
            font-size: 9px; }
          .order-summary-container .order-summary-top .order-step-block li i {
            background-size: 20px;
            width: 20px;
            height: 20px; } }
      .order-summary-container .order-summary-top .order-step-block li.ost-1 i {
        background-image: url(../images/fe/icons/i_c_step_1.png); }
      .order-summary-container .order-summary-top .order-step-block li.ost-2 i {
        background-image: url(../images/fe/icons/i_c_step_2.png); }
      .order-summary-container .order-summary-top .order-step-block li.ost-3 i {
        background-image: url(../images/fe/icons/i_c_step_3.png); }
      .order-summary-container .order-summary-top .order-step-block li.ost-5 i {
        background-image: url(../images/fe/icons/i_c_step_4.png); }
      .order-summary-container .order-summary-top .order-step-block li.active {
        border-color: #39B54A; }
        .order-summary-container .order-summary-top .order-step-block li.active:before {
          background: #39B54A; }
        .order-summary-container .order-summary-top .order-step-block li.active.ost-1 i {
          background-image: url(../images/fe/icons/i_c_step_1_a.png); }
        .order-summary-container .order-summary-top .order-step-block li.active.ost-2 i {
          background-image: url(../images/fe/icons/i_c_step_2_a.png); }
        .order-summary-container .order-summary-top .order-step-block li.active.ost-3 i {
          background-image: url(../images/fe/icons/i_c_step_3_a.png); }
        .order-summary-container .order-summary-top .order-step-block li.active.ost-4 {
          border-color: #ed1c24; }
          .order-summary-container .order-summary-top .order-step-block li.active.ost-4 i {
            background-image: url(../images/fe/icons/i_s_unverified.png); }
          .order-summary-container .order-summary-top .order-step-block li.active.ost-4 span {
            width: 86px;
            left: -7px; }
        .order-summary-container .order-summary-top .order-step-block li.active.ost-5 i {
          background-image: url(../images/fe/icons/i_c_step_4_a.png); }
        .order-summary-container .order-summary-top .order-step-block li.active.ost-6 {
          border-color: #939598; }
          .order-summary-container .order-summary-top .order-step-block li.active.ost-6 i {
            background-image: url(../images/fe/icons/i_s_cancel.png); }
.order-summary-container .order-addr-block {
  border-bottom: 1px solid #e6e7e8;
  padding-bottom: 15px;
  margin-bottom: 10px; }
  .order-summary-container .order-addr-block .order-addr-title {
    color: #bcbec0;
    margin-bottom: 10px; }
  .order-summary-container .order-addr-block .order-addr span {
    font-weight: 300; }
  .order-summary-container .order-addr-block .order-grand-total-block {
    background: #e6e7e8;
    padding: 5px 10px;
    text-align: right;
    font-size: 16px;
    margin-top: 30px; }
    .order-summary-container .order-addr-block .order-grand-total-block span {
      color: #39B54A;
      padding-left: 10px; }
.order-summary-container .order-product-row {
  border-bottom: 1px solid #e6e7e8;
  padding: 15px 0;
  margin-bottom: 5px; }
  .order-summary-container .order-product-row .order-product-title {
    font-weight: 400; }
  .order-summary-container .order-product-row .order-product-no {
    font-weight: 300; }
  .order-summary-container .order-product-row .order-product-title, .order-summary-container .order-product-row .price {
    padding-top: 20px; }
  .order-summary-container .order-product-row .price {
    text-align: right;
    padding-right: 10px; }
  .order-summary-container .order-product-row li {
    list-style: initial; }
.order-summary-container .order-payment-inform-block, .order-summary-container .order-transfer-account-block {
  border: 1px solid #e6e7e8;
  border-radius: 5px;
  padding: 15px;
  min-height: 180px;
  margin-top: 20px; }
  .order-summary-container .order-payment-inform-block p, .order-summary-container .order-transfer-account-block p {
    font-size: 18px;
    margin-bottom: 10px; }
.order-summary-container .order-payment-inform-block span, .order-summary-container .order-payment-inform-block .filename {
  font-size: 14px;
  font-weight: 300; }
.order-summary-container .order-payment-inform-block input[type="file"] {
  display: none; }
.order-summary-container .order-payment-inform-block .upload-file-input {
  background: #2293EA;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  padding: 10px 10px;
  height: 50px;
  text-align: center;
  width: 100%;
  margin: 10px 0; }
  .order-summary-container .order-payment-inform-block .upload-file-input i {
    background-image: url(../images/fe/icons/i_c_upload.png);
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    top: 2px;
    position: relative; }
.order-summary-container .order-payment-inform-block .filename {
  margin: 5px 0 10px 0; }
.order-summary-container .btn-edit-slip {
  display: inline-block;
  border-radius: 5px;
  color: #231f20;
  font-size: 14px;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  width: 100%; }
  .order-summary-container .btn-edit-slip i {
    background-image: url(../images/fe/icons/i_s_reorder.png);
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    top: 2px;
    position: relative; }
.order-summary-container .order-transfer-account-block .bank-img {
  padding-top: 10px; }
.order-summary-container .order-transfer-account-block .account-detail {
  font-weight: 300;
  font-size: 14px;
  margin-top: 10px; }
.order-summary-container .btn-inform {
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  padding: 5px 30px;
  margin: 30px auto 20px auto;
  height: 40px;
  text-align: center;
  background: #009444;
  display: block; }

.blog-container {
  padding: 30px 0; }
  .blog-container h1 {
    font-size: 38px;
    font-family: "Mitr", sans-serif; }
  .blog-container .blog-lists a.blog-image {
    position: relative;
    overflow: hidden;
    display: block; }
    .blog-container .blog-lists a.blog-image .b-img {
      margin-bottom: 10px;
      border-radius: 15px;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: transform;
      transition-property: transform;
      width: 100%;
      object-fit: cover; }
    .blog-container .blog-lists a.blog-image p {
      font-size: 16px;
      font-weight: 400;
      color: #231f20;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .blog-container .blog-lists a.blog-image:hover .b-img {
      -webkit-transform: scale(1.03);
      transform: scale(1.03); }

.blog-detail-container {
  padding: 30px 0; }
  .blog-detail-container h1 {
    font-family: "Mitr", sans-serif;
    font-size: 38px; }
  .blog-detail-container .blog-img {
    width: 400px;
    max-width: 400px;
    margin: 0 auto 30px auto;
    display: table; }
  .blog-detail-container p {
    font-size: 16px;
    font-weight: 300;
    color: #231f20; }
  .blog-detail-container ul li {
    list-style: disc;
    font-size: 16px;
    font-weight: 300;
    color: #231f20; }
  .blog-detail-container a {
      color: #007bff; }
  .blog-detail-container .blog-content .image-style-side,
  .blog-detail-container .blog-content .image-style-align-left,
  .blog-detail-container .blog-content .image-style-align-center,
  .blog-detail-container .blog-content .image-style-align-right {
    max-width: 50%;
    margin-bottom: 20px; }
  .blog-detail-container .blog-content .image {
    max-width: 50%;
    margin: 0 auto 20px auto; }
  .blog-detail-container .blog-content .image-style-side {
    float: right;
    margin-left: 20px; }
  .blog-detail-container .blog-content .image-style-align-left {
    float: left;
    margin-right: 20px; }
  .blog-detail-container .blog-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto; }
  .blog-detail-container .blog-content .image-style-align-right {
    float: right;
    margin-left: 20px; }