@font-face {
  font-family: 'Geomanist';
  src: url("Geomanist-Regular.woff2") format("woff2"), url("Geomanist-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Geomanist';
  src: url("Geomanist-Bold.woff2") format("woff2"), url("Geomanist-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Geomanist Bold';
  src: url("https://file.hstatic.net/200000924437/file/geomanist-bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Vanily';
  src: url("Vanily.eot");
  src: url("Vanily.eot?#iefix") format("embedded-opentype"), url("Vanily.woff2") format("woff2"), url("Vanily.woff") format("woff"), url("Vanily.ttf") format("truetype"), url("Vanily.svg#Vanily") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

* {
  font-family: 'Geomanist Bold', sans-serif;
  margin: 0;
  padding: 0; }

img, iframe {
  max-width: 100%; }

table {
  width: 100%; }

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  font-size: 14px;
  color: #2d2d2d;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: 'Quicksand', sans-serif; }

ol, ul {
  padding-left: 15px;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #2d2d2d; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #2d2d2d; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 20px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

p {
  margin-bottom: 10px;
  line-height: 24px; }

img {
  border: none;
  max-width: 100%;
  height: auto; }

a {
  color: #2d2d2d; }

a:hover {
  color: #f5ce8c;
  text-decoration: none; }

a:focus {
  text-decoration: none;
  color: inherit;
  outline: none; }

a, button, input {
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s; }

input[type=text], input[type=email], input[type=password], input[type=number], input[type=search], textarea {
  border: 1px solid #b5b5b5;
  padding: 8px 15px;
  font-size: 14px;
  color: #757575;
  border-radius: 0; }

button, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=search]:focus, textarea:focus {
  border-color: #C1BCBC;
  outline: none; }

fieldset legend {
  display: inline-block;
  color: inherit;
  background: none;
  vertical-align: top; }

table {
  width: 100%;
  border-spacing: 0; }

table tr td {
  border-top: 1px solid #dddddd; }

table tr td, table tr th {
  padding: 10px;
  text-align: left; }

table tr td:first-child, table tr th:first-child {
  padding-left: 0px; }

table tr td:last-child, table tr th:last-child {
  padding-right: 0px; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

.mainContent-theme {
  position: relative; }

.main-body {
  position: relative; }

/*@mixin f1 {
	font-family: 'Vanily', sans-serif;
}*/
/* lazyload */
.owl-carousel .owl-item img,
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: initial !important; }

img.owl-lazy:not([src]) {
  visibility: hidden; }

.owl-carousel .owl-item img {
  width: auto !important;
  text-align: center;
  margin: auto;
  overflow: hidden; }

.ratiobox {
  position: relative;
  display: block; }

.ratiobox .ls-blur-up-is-loading, .ratiobox .lazyload:not([src]) {
  visibility: hidden; }

.ratiobox .ls-blur-up-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  font-family: "blur-up: auto", "object-fit: contain";
  -o-object-fit: contain;
  object-fit: contain;
  filter: blur(8px);
  opacity: 1;
  transition: opacity 500ms, filter 700ms; }

.ratiobox .ls-blur-up-img.ls-inview.ls-original-loaded {
  opacity: 0;
  filter: blur(5px); }

/* END ++++ lazyload */
@media (max-width: 991px) {
  input, textarea {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; } }

@media (max-width: 991px) {
  input::-webkit-inner-spin-button,
  input::-webkit-outer-spin-button,
  textarea::-webkit-inner-spin-button,
  textarea::-webkit-outer-spin-button {
    -webkit-appearance: none; } }

.container {
  max-width: 1200px; }

.view-more-text {
  color: #c7dd9b;
  text-decoration: underline; }

.flex-center {
  align-items: center;
  display: flex;
  display: -o-flex;
  display: -moz-flex;
  display: -webkit-flex; }

.section-head {
  margin: 0 0 40px 0;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .section-head {
      margin: 0 0 20px 0; } }
  .section-head h2 {
    font-weight: 500;
    font-size: 24px;
    margin: 0 0 10px 0; }
    .section-head h2.color-white {
      color: white; }
  .section-head h4 {
    font-size: 16px;
    font-weight: 500;
    color: #c7dd9b; }

.btn {
  background: #c7dd9b;
  display: inline-block;
  padding: 10px 40px;
  margin: 0;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  letter-spacing: 0px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
  z-index: 1;
  overflow: hidden;
  border-radius: 30px;
  border: 2px solid #c7dd9b;
  color: #000;
  position: relative; }
  .btn .overlay {
    background: rgba(247, 247, 247, 0.7); }
  .btn:hover {
    color: white;
    outline: 0;
    background: #c7dd9b;
    box-shadow: none; }
  .btn:focus, .btn:active {
    color: white;
    outline: 0;
    background: #c7dd9b;
    box-shadow: none; }

@media (min-width: 768px) {
  .content-list-product .pro-loop:nth-child(4n) ~ div {
    margin-top: 30px; } }

@media (max-width: 767px) {
  .content-list-product .pro-loop:nth-child(2n) ~ div {
    margin-top: 10px; }
  .content-list-product .pro-loop:nth-child(odd) {
    padding-right: 5px; }
  .content-list-product .pro-loop:nth-child(even) {
    padding-left: 5px; } }

.pro-loop {
  background: white; }
  .pro-loop .product-block {
    border: 1px solid #e5e5e5; }
    .pro-loop .product-block .product-img {
      position: relative;
      padding: 15px;
      text-align: center; }
      .pro-loop .product-block .product-img .product-sale {
        position: absolute;
        z-index: 8;
        top: 8px;
        left: 8px;
        padding: 0;
        background: #db1a2a;
        color: #fff;
        height: 36px;
        width: 36px;
        line-height: 34px;
        border-radius: 50%;
        font-size: 12px;
        text-align: center; }
        @media (max-width: 991px) {
          .pro-loop .product-block .product-img .product-sale {
            font-size: 10px;
            height: 30px;
            width: 30px;
            line-height: 28px; } }
      .pro-loop .product-block .product-img .sold-out {
        position: absolute;
        z-index: 8;
        background: #575757;
        color: white;
        padding: 5px 15px;
        font-size: 16px;
        top: 0;
        right: 0; }
        @media (max-width: 991px) {
          .pro-loop .product-block .product-img .sold-out {
            padding: 3px 8px;
            font-size: 12px; } }
    .pro-loop .product-block .product-detail {
      text-align: center;
      display: inline-block;
      width: 100%;
      padding: 20px;
      border-top: 1px solid #e5e5e5; }
      .pro-loop .product-block .product-detail .box-pro-detail .pro-name {
        font-size: 14px;
        line-height: 25px;
        color: #5e514d;
        width: 100%;
        margin-bottom: 10px; }
        .pro-loop .product-block .product-detail .box-pro-detail .pro-name a {
          color: #2d2d2d;
          font-weight: 400;
          overflow: hidden;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          display: -webkit-box; }
          .pro-loop .product-block .product-detail .box-pro-detail .pro-name a:hover {
            color: #f5ce8c; }
      .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price span {
        font-size: 16px;
        color: red;
        opacity: 0.92; }
      .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price del {
        font-size: 13px;
        color: gray;
        margin-left: 6px; }
      .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a {
        font-size: 14px;
        padding: 5px 18px;
        text-align: center;
        color: #c7dd9b;
        background: #ffffff;
        border: 1px solid #c7dd9b;
        font-weight: 400;
        display: inline-block;
        border-radius: 2px;
        -webkit-transition: 0.1s ease-in-out;
        transition: 0.1s ease-in-out; }
        .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a.disabled {
          border-color: #e7e7e7;
          background: #e7e7e7;
          color: gray;
          pointer-events: none; }
        .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover, .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:focus {
          text-decoration: none;
          background: #c7dd9b;
          color: #fff; }
        .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon {
          padding: 0 4px;
          color: #fff;
          position: relative;
          z-index: 1;
          display: inline-block;
          -webkit-transform: translateY(-1px);
          -ms-transform: translateY(-1px);
          transform: translateY(-1px);
          -webkit-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
          opacity: 0.7;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
          .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before, .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
            content: '';
            position: absolute;
            z-index: -1;
            background: #c7dd9b;
            width: 100%;
            height: 2px;
            margin-top: -5px;
            -webkit-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
          .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
          .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
        .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before, .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before {
          background: #ffffff;
          -webkit-transform: translateY(-2.5px) rotate(-145deg);
          -ms-transform: translateY(-2.5px) rotate(-145deg);
          transform: translateY(-2.5px) rotate(-145deg); }
        .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after, .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after {
          background: #ffffff;
          -webkit-transform: translateY(2.5px) rotate(145deg);
          -ms-transform: translateY(2.5px) rotate(145deg);
          transform: translateY(2.5px) rotate(145deg); }
      @media (max-width: 575px) {
        .pro-loop .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button {
          display: none; } }
      .pro-loop .product-block .product-detail .box-pro-detail .box-pro-des {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        color: #1b1f28;
        line-height: 24px;
        font-weight: 300;
        width: 100%;
        margin: 5px 0 0 0; }
        @media (max-width: 991px) {
          .pro-loop .product-block .product-detail .box-pro-detail .box-pro-des {
            display: none; } }

body.index.header_style2 #main-header .inner-header .wrap-logo a {
  color: #c7dd9b; }

body.index.header_style2 #main-header .inner-header .wrap-logo-text .wrap-logo-text-1 a {
  color: black; }

body.index.header_style2 #main-header .inner-header .wrap-logo-text .wrap-logo-text-2 a {
  color: black; }

body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li > a {
  color: black; }

body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li.active > a {
  color: #c7dd9b; }

body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li:hover > a {
  color: #f5ce8c; }

body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header {
  float: right;
  margin: 0 0 0 25px; }
  body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header a {
    color: white; }

@media (min-width: 992px) {
  body.index.header_style1 .mainHeader--height {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; } }

@media (min-width: 992px) {
  body.no-index #main-header {
    position: relative; }
    body.no-index #main-header .inner-header .wrap-logo a {
      color: #c7dd9b; }
    body.no-index #main-header .inner-header .wrap-logo-text .wrap-logo-text-1 a {
      color: black; }
    body.no-index #main-header .inner-header .wrap-logo-text .wrap-logo-text-2 a {
      color: black; }
    body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li > a {
      color: black; }
    body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li.active > a {
      color: #c7dd9b; }
    body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li:hover > a {
      color: #f5ce8c; }
    body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header {
      float: right;
      margin: 0 0 0 25px; }
      body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header a {
        color: white; } }

body.scroll-body:not(.scroll-body-up) #section-order-content .inner-section-order-content .page-orders .orders-cate {
  top: 15px; }
  @media (max-width: 991px) {
    body.scroll-body:not(.scroll-body-up) #section-order-content .inner-section-order-content .page-orders .orders-cate {
      top: 0;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } }
  @media (max-width: 767px) {
    body.scroll-body:not(.scroll-body-up) #section-order-content .inner-section-order-content .page-orders .orders-cate {
      transition: unset; } }

@media (min-width: 992px) {
  body.scroll-body:not(.scroll-body-up) #section-order-content .inner-section-order-content .page-orders .sticky-right {
    top: 15px; } }

@media (max-width: 991px) {
  body.scroll-body.scroll-body-up #section-order-content .inner-section-order-content .page-orders .orders-cate {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2); } }

/*---------------------- Sroll to Top -------------------*/
.back-to-top {
  position: fixed;
  right: 10px;
  bottom: 15px;
  opacity: 0;
  visibility: hidden;
  z-index: 99; }
  .back-to-top.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease; }
  .back-to-top .btt-label-back {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    -webkit-transform: rotate(-90deg) translateX(50%) translateY(50%);
    -moz-transform: rotate(-90deg) translateX(50%) translateY(50%);
    transform: rotate(-90deg) translateX(50%) translateY(50%); }
  .back-to-top .btt-icon-back {
    position: absolute;
    bottom: 250%;
    left: 80%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0, 0.95, 0.77, 1);
    transition: transform 0.45s cubic-bezier(0, 0.95, 0.77, 1);
    will-change: transform; }

#main-header {
  background: #c7dd9b;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  @media (min-width: 992px) {
    #main-header .container-fluid {
      padding: 0 30px; } }
  @media (max-width: 991px) {
    #main-header {
      position: fixed;
      top: 0;
      z-index: 101; } }
  #main-header .inner-header {
    padding: 0; }
    @media (max-width: 991px) {
      #main-header .inner-header {
        padding: 10px 0; } }
    #main-header .inner-header .wrap-logo a {
      display: block;
      line-height: 0; }
      #main-header .inner-header .wrap-logo a img {
        max-width: 100px; }
        @media (max-width: 991px) {
          #main-header .inner-header .wrap-logo a img {
            max-height: 45px; } }
    #main-header .inner-header .wrap-logo .text {
      font-size: 20px;
      color: white; }
    #main-header .inner-header .center-header {
      -ms-flex-pack: end;
      justify-content: flex-end; }
      @media (max-width: 991px) {
        #main-header .inner-header .center-header #main-center-menu {
          display: -ms-flexbox;
          display: flex;
          justify-content: flex-end; } }
      #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header {
        float: right; }
        #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul {
          margin: 0;
          padding: 0; }
          #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li {
            display: inline-block;
            position: relative; }
            #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li > a {
              padding: 25px 20px;
              font-size: 14px;
              border-radius: 5px;
              display: block;
              line-height: 24px;
              transition: none;
              -moz-transition: none;
              -o-transition: none;
              -webkit-transition: none;
              -ms-transition: none; }
              @media (max-width: 1024px) {
                #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li > a {
                  font-size: 14px;
                  padding: 25px 13px; } }
            #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li.active > a, #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li:hover > a {
              color: #c7dd9b; }
            #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 {
              background: #1b1f28;
              position: absolute;
              top: 100%;
              min-width: 200px;
              left: 0;
              padding: 10px 0;
              display: none; }
              #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li {
                display: block;
                position: relative; }
                #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li > a {
                  font-size: 14px;
                  line-height: 23px;
                  padding: 5px 20px;
                  position: relative;
                  display: block; }
                  #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li > a i {
                    margin: 0 0 0 10px; }
                  #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li > a:hover {
                    color: #c7dd9b; }
                #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 {
                  background: #1b1f28;
                  position: absolute;
                  top: 0;
                  min-width: 200px;
                  left: 100%;
                  padding: 10px 0;
                  display: none; }
                  #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 > li {
                    display: block;
                    position: relative; }
                    #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 > li > a {
                      font-size: 14px;
                      line-height: 23px;
                      padding: 5px 20px;
                      position: relative;
                      display: block; }
                      #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 > li > a i {
                        margin: 0 0 0 10px; }
                      #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 > li > a:hover {
                        color: #c7dd9b; }
                #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li .submenu-lv-1 > li:hover > .submenu-lv-2 {
                  display: block; }
            #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li:hover > .submenu-lv-1 {
              display: block; }
          #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul li a {
            color: white; }
      @media (max-width: 991px) {
        #main-header .inner-header .center-header #main-center-menu #menu-center-header {
          display: none !important; } }
    #main-header .inner-header #icon-header-control .icon-header-control--icon {
      position: relative;
      display: block;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 45px;
      cursor: pointer;
      margin: 0 4px;
      border-radius: 2px;
      transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -o-transition: all 0.2s ease-in-out 0s;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s; }
      #main-header .inner-header #icon-header-control .icon-header-control--icon i {
        color: #ffffff;
        font-size: 20px;
        transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s; }
      @media (min-width: 1200px) {
        #main-header .inner-header #icon-header-control .icon-header-control--icon:hover {
          background: #343a40; }
          #main-header .inner-header #icon-header-control .icon-header-control--icon:hover i {
            color: #c7dd9b; } }
    #main-header .inner-header #icon-header-control #icon-header-control--cart .icon-header-control--cart-count {
      font-size: 9px;
      width: 13px;
      height: 13px;
      border-radius: 100%;
      line-height: 13px;
      text-align: center;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      background: #d92727;
      color: #ffffff;
      position: absolute;
      top: 0;
      right: 0;
      text-align: center; }
    #main-header .inner-header #icon-header-control #icon-header-control--menu {
      display: none; }
      @media (max-width: 991px) {
        #main-header .inner-header #icon-header-control #icon-header-control--menu {
          display: block; } }
      #main-header .inner-header #icon-header-control #icon-header-control--menu #menu-mobile .btn-menu-mobile {
        border-radius: 4px;
        position: relative;
        cursor: pointer;
        background: #c7dd9b;
        border: none;
        outline: none;
        box-shadow: none;
        margin: 0 0 0 4px;
        padding: 5px; }
        #main-header .inner-header #icon-header-control #icon-header-control--menu #menu-mobile .btn-menu-mobile span {
          display: block;
          width: 20px;
          height: 2px;
          overflow: hidden;
          border-radius: 4px;
          transition: all 0.3s;
          margin: 4px 3px; }
          #main-header .inner-header #icon-header-control #icon-header-control--menu #menu-mobile .btn-menu-mobile span:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background: white;
            transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s; }
  #main-header.hSticky {
    visibility: hidden;
    opacity: 0; }
    #main-header.hSticky.hSticky-nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 999;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      transition: all 400ms ease; }
      #main-header.hSticky.hSticky-nav.hSticky-up {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        transition: all 400ms ease; }
        #main-header.hSticky.hSticky-nav.hSticky-up .inner-header {
          padding: 0; }
          @media (max-width: 991px) {
            #main-header.hSticky.hSticky-nav.hSticky-up .inner-header {
              padding: 10px 0; } }
          #main-header.hSticky.hSticky-nav.hSticky-up .inner-header .wrap-logo a {
            color: #c7dd9b; }
          #main-header.hSticky.hSticky-nav.hSticky-up .inner-header .wrap-logo-text .wrap-logo-text-1 a {
            color: black; }
          #main-header.hSticky.hSticky-nav.hSticky-up .inner-header .wrap-logo-text .wrap-logo-text-2 a {
            color: black; }
          #main-header.hSticky.hSticky-nav.hSticky-up .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li > a {
            color: black; }
          #main-header.hSticky.hSticky-nav.hSticky-up .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li.active > a {
            color: #c7dd9b; }
          #main-header.hSticky.hSticky-nav.hSticky-up .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li:hover > a {
            color: #f5ce8c; }
          #main-header.hSticky.hSticky-nav.hSticky-up .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header {
            float: right;
            margin: 0 0 0 25px; }
            #main-header.hSticky.hSticky-nav.hSticky-up .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header a {
              color: white; }
          #main-header.hSticky.hSticky-nav.hSticky-up .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li > a {
            padding: 25px 8px; }

#home-slider .owl-dots {
  position: absolute;
  bottom: 25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }
  #home-slider .owl-dots button {
    position: relative;
    display: inline-block;
    width: 10px;
    border-radius: 20px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    box-shadow: none; }
    #home-slider .owl-dots button span {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 10px;
      border-radius: 20px;
      height: 10px;
      padding: 5px;
      cursor: pointer;
      outline: none;
      background: white; }
    #home-slider .owl-dots button.active span {
      background: #fec524; }

#home-welcome {
  padding: 85px 0 50px 0;
  background: #f7f7f7; }
  @media (max-width: 767px) {
    #home-welcome {
      padding: 40px 0; } }
  #home-welcome .home-welcome--banner img {
    max-width: 380px; }
  #home-welcome .home-welcome--block-content h2 {
    font-size: 31px;
    line-height: 34px;
    margin-bottom: 30px;
    font-family: 'Geomanist Bold', sans-serif; }
  #home-welcome .home-welcome--block-content ul {
    margin: 0 0 30px 0;
    padding: 0; }
    #home-welcome .home-welcome--block-content ul li {
      position: relative;
      list-style: none;
      margin: 0 20px 0 0;
      width: 100px;
      height: 100px;
      border-radius: 100%;
      text-align: center;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      border: 2px solid #000000;
      background: #ffffff; }
      #home-welcome .home-welcome--block-content ul li a {
        display: block; }
        #home-welcome .home-welcome--block-content ul li a i {
          font-size: 50px;
          -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
      #home-welcome .home-welcome--block-content ul li:hover {
        background: #c7dd9b;
        border: 2px solid #c7dd9b; }
        #home-welcome .home-welcome--block-content ul li:hover i {
          color: #ffffff; }
  #home-welcome .home-welcome--block-content p {
    margin-bottom: 30px; }

#home-center-banner {
  margin: 60px 0; }
  @media (max-width: 767px) {
    #home-center-banner {
      margin: 40px 0; } }
  #home-center-banner .img-hover-effect a {
    display: block;
    overflow: hidden;
    position: relative; }
    #home-center-banner .img-hover-effect a:before {
      bottom: 0;
      content: "";
      left: 50%;
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-opacity: 1;
      position: absolute;
      right: 51%;
      top: 0; }
    #home-center-banner .img-hover-effect a:after {
      bottom: 50%;
      content: "";
      left: 0;
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-opacity: 1;
      position: absolute;
      right: 0;
      top: 50%; }
    #home-center-banner .img-hover-effect a img {
      display: block;
      -webkit-transition: all 1.5s ease-in-out;
      -moz-transition: all 1.5s ease-in-out;
      -ms-transition: all 1.5s ease-in-out;
      -o-transition: all 1.5s ease-in-out;
      transition: all 1.5s ease-in-out;
      border: 8px solid #fec524; }
    #home-center-banner .img-hover-effect a:hover:before {
      left: 0;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      -webkit-opacity: 0;
      right: 0;
      transition: all 900ms ease-in-out 0s;
      -webkit-transition: all 900ms ease-in-out 0s;
      -moz-transition: all 900ms ease-in-out 0s;
      -o-transition: all 900ms ease-in-out 0s;
      -ms-transition: all 900ms ease-in-out 0s; }
    #home-center-banner .img-hover-effect a:hover::before {
      background: rgba(0, 0, 0, 0.7); }
    #home-center-banner .img-hover-effect a:hover:after {
      bottom: 0;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      -webkit-opacity: 0;
      top: 0;
      transition: all 900ms ease-in-out 0s;
      -webkit-transition: all 900ms ease-in-out 0s;
      -moz-transition: all 900ms ease-in-out 0s;
      -o-transition: all 900ms ease-in-out 0s;
      -ms-transition: all 900ms ease-in-out 0s; }
    #home-center-banner .img-hover-effect a:hover::after {
      background: rgba(0, 0, 0, 0.7); }
  @media (max-width: 767px) {
    #home-center-banner .img-hover-effect.home-center-banner--effect-3 {
      margin: 0 0 15px 0; } }

#home-collection-home-1 {
  background: url(//theme.hstatic.net/200000924437/1001286536/14/bg_collection_home_1.jpg?v=229);
  padding: 80px 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (max-width: 991px) {
    #home-collection-home-1 {
      padding: 40px 0; } }
  #home-collection-home-1 .section-title {
    width: 100%;
    text-align: center; }
    #home-collection-home-1 .section-title * {
      font-family: 'Geomanist Bold', sans-serif; }
    #home-collection-home-1 .section-title h2 {
      font-size: 31px;
      line-height: 32px;
      font-weight: 700;
      margin: 0 0 50px 0; }
      @media (max-width: 767px) {
        #home-collection-home-1 .section-title h2 {
          margin: 0 0 40px 0; } }
      #home-collection-home-1 .section-title h2 span {
        color: #c7dd9b; }
  #home-collection-home-1 .home-collection-home--tab {
    width: 100%;
    margin: 0 0 45px 0; }
    @media (max-width: 767px) {
      #home-collection-home-1 .home-collection-home--tab {
        margin: 0 0 40px 0;
        overflow: auto; } }
    #home-collection-home-1 .home-collection-home--tab ul {
      margin: 0;
      padding: 0; }
      @media (max-width: 767px) {
        #home-collection-home-1 .home-collection-home--tab ul {
          white-space: nowrap;
          display: block !important; } }
      #home-collection-home-1 .home-collection-home--tab ul li {
        margin: 0 15px; }
        @media (max-width: 767px) {
          #home-collection-home-1 .home-collection-home--tab ul li {
            display: inline-block; } }
        #home-collection-home-1 .home-collection-home--tab ul li a {
          font-weight: bold; }
          #home-collection-home-1 .home-collection-home--tab ul li a.current {
            border: 2px solid #c7dd9b;
            background: #c7dd9b;
            color: white; }
  #home-collection-home-1 .home-collection-home--slider {
    position: relative;
    width: 100%;
    min-height: 450px; }
    @media (min-width: 768px) and (max-width: 991px) {
      #home-collection-home-1 .home-collection-home--slider {
        min-height: 340px; } }
    @media (max-width: 767px) {
      #home-collection-home-1 .home-collection-home--slider {
        min-height: 300px; } }
    #home-collection-home-1 .home-collection-home--slider .home-collection-home--slider-owl-single {
      margin: 0; }
    #home-collection-home-1 .home-collection-home--slider .home-collection-home--data {
      padding: 0;
      border: none;
      width: 100%; }
    #home-collection-home-1 .home-collection-home--slider .owl-nav {
      text-align: center;
      margin: 30px 0 0 0;
      width: 100%;
      z-index: 9999; }
      #home-collection-home-1 .home-collection-home--slider .owl-nav button {
        border: none;
        outline: none;
        width: 45px;
        height: 45px;
        line-height: 40px;
        background: white;
        text-align: center;
        position: relative;
        margin: 0 10px;
        border-radius: 100%; }
        #home-collection-home-1 .home-collection-home--slider .owl-nav button span {
          font-size: 0; }
          #home-collection-home-1 .home-collection-home--slider .owl-nav button span:before {
            content: "\f053";
            font-family: "Font Awesome 5 Pro";
            font-size: 25px;
            background-repeat: no-repeat;
            background-size: contain;
            float: left;
            width: 38px;
            height: 27px;
            cursor: pointer;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out; }
        #home-collection-home-1 .home-collection-home--slider .owl-nav button.owl-prev span:before {
          margin-top: 3px;
          margin-left: 2px; }
        #home-collection-home-1 .home-collection-home--slider .owl-nav button.owl-next span:before {
          content: "\f054";
          margin-top: 3px;
          margin-left: 4px; }
        #home-collection-home-1 .home-collection-home--slider .owl-nav button:hover, #home-collection-home-1 .home-collection-home--slider .owl-nav button:active, #home-collection-home-1 .home-collection-home--slider .owl-nav button:focus {
          background: #c7dd9b; }
          #home-collection-home-1 .home-collection-home--slider .owl-nav button:hover span:before, #home-collection-home-1 .home-collection-home--slider .owl-nav button:active span:before, #home-collection-home-1 .home-collection-home--slider .owl-nav button:focus span:before {
            color: white; }

#home-promotion-event .home-promotion-home--inner {
  background-image: url(//theme.hstatic.net/200000924437/1001286536/14/bg_promotion_home.jpg?v=229);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 100px 0;
  position: relative; }
  #home-promotion-event .home-promotion-home--inner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.55);
    top: 0;
    left: 0; }
  @media (max-width: 991px) {
    #home-promotion-event .home-promotion-home--inner {
      padding: 40px 15px; } }
  #home-promotion-event .home-promotion-home--inner .home-promotion-home--wrapper {
    position: relative;
    width: 50%;
    margin: auto;
    text-align: center;
    z-index: 1; }
    @media (max-width: 767px) {
      #home-promotion-event .home-promotion-home--inner .home-promotion-home--wrapper {
        width: 100%; } }
    #home-promotion-event .home-promotion-home--inner .home-promotion-home--wrapper h2 {
      font-size: 31px;
      line-height: 1.2;
      font-weight: bold;
      font-family: 'Geomanist Bold', sans-serif;
      color: white;
      margin: 0 0 15px; }
      @media (max-width: 767px) {
        #home-promotion-event .home-promotion-home--inner .home-promotion-home--wrapper h2 {
          font-size: 24px; } }
    #home-promotion-event .home-promotion-home--inner .home-promotion-home--wrapper h4 {
      font-size: 16px;
      line-height: 18px;
      font-weight: bold;
      font-family: 'Geomanist Bold', sans-serif;
      color: white;
      margin: 0 0 15px; }
    #home-promotion-event .home-promotion-home--inner .home-promotion-home--wrapper p {
      font-size: 18px;
      line-height: 31px;
      color: white; }
    #home-promotion-event .home-promotion-home--inner .home-promotion-home--wrapper a {
      margin: 30px 0 0;
      color: white;
      border-color: white; }
      @media (max-width: 767px) {
        #home-promotion-event .home-promotion-home--inner .home-promotion-home--wrapper a {
          margin: 20px 0 0; } }

#home-category {
  padding: 80px 0; }
  @media (max-width: 991px) {
    #home-category {
      padding: 40px 0; } }
  #home-category .section-title {
    width: 100%;
    text-align: center; }
    #home-category .section-title * {
      font-family: 'Geomanist Bold', sans-serif; }
    #home-category .section-title h2 {
      font-size: 31px;
      line-height: 32px;
      font-weight: 700;
      margin: 0 0 50px 0; }
      @media (max-width: 767px) {
        #home-category .section-title h2 {
          margin: 0 0 40px 0; } }
      #home-category .section-title h2 span {
        color: #c7dd9b; }
  #home-category .item-category .item-category--inner {
    box-shadow: 0 0 20px 0 rgba(89, 89, 89, 0.1); }
    #home-category .item-category .item-category--inner .item-category--img {
      margin: 0 0 40px 0; }
    #home-category .item-category .item-category--inner .item-category--info {
      padding: 0 20px 20px 20px; }
      #home-category .item-category .item-category--inner .item-category--info h4 {
        font-size: 15px;
        line-height: 18px;
        font-family: 'Geomanist Bold', sans-serif;
        margin: 0 0 15px 0; }
      #home-category .item-category .item-category--inner .item-category--info .item-category--list ul {
        margin: 0;
        padding: 0; }
        #home-category .item-category .item-category--inner .item-category--info .item-category--list ul li {
          margin: 0 0 5px 0; }
          #home-category .item-category .item-category--inner .item-category--info .item-category--list ul li:before {
            content: "";
            float: left;
            width: 7px;
            height: 7px;
            margin-top: 7px;
            margin-right: 10px;
            border-radius: 100%;
            background: #000000; }
  @media (max-width: 767px) {
    #home-category .item-category ~ .item-category {
      margin-top: 15px; } }

#home-collection-home-2 {
  background: url(//theme.hstatic.net/200000924437/1001286536/14/bg_collection_home_2.jpg?v=229);
  padding: 80px 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (max-width: 991px) {
    #home-collection-home-2 {
      padding: 40px 0; } }
  #home-collection-home-2 .section-title {
    width: 100%;
    text-align: center; }
    #home-collection-home-2 .section-title * {
      font-family: 'Geomanist Bold', sans-serif; }
    #home-collection-home-2 .section-title h2 {
      font-size: 31px;
      line-height: 32px;
      font-weight: 700;
      margin: 0 0 50px 0; }
      @media (max-width: 767px) {
        #home-collection-home-2 .section-title h2 {
          margin: 0 0 40px 0; } }
      #home-collection-home-2 .section-title h2 span {
        color: #c7dd9b; }
  #home-collection-home-2 .home-collection-home-2--slider .owl-nav {
    text-align: center;
    margin: 30px 0 0 0;
    width: 100%;
    z-index: 9999; }
    #home-collection-home-2 .home-collection-home-2--slider .owl-nav button {
      border: none;
      outline: none;
      width: 45px;
      height: 45px;
      line-height: 40px;
      background: white;
      text-align: center;
      position: relative;
      margin: 0 10px;
      border-radius: 100%; }
      #home-collection-home-2 .home-collection-home-2--slider .owl-nav button span {
        font-size: 0; }
        #home-collection-home-2 .home-collection-home-2--slider .owl-nav button span:before {
          content: "\f053";
          font-family: "Font Awesome 5 Pro";
          font-size: 25px;
          background-repeat: no-repeat;
          background-size: contain;
          float: left;
          width: 38px;
          height: 27px;
          cursor: pointer;
          -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
      #home-collection-home-2 .home-collection-home-2--slider .owl-nav button.owl-prev span:before {
        margin-top: 3px;
        margin-left: 2px; }
      #home-collection-home-2 .home-collection-home-2--slider .owl-nav button.owl-next span:before {
        content: "\f054";
        margin-top: 3px;
        margin-left: 4px; }
      #home-collection-home-2 .home-collection-home-2--slider .owl-nav button:hover, #home-collection-home-2 .home-collection-home-2--slider .owl-nav button:active, #home-collection-home-2 .home-collection-home-2--slider .owl-nav button:focus {
        background: #c7dd9b; }
        #home-collection-home-2 .home-collection-home-2--slider .owl-nav button:hover span:before, #home-collection-home-2 .home-collection-home-2--slider .owl-nav button:active span:before, #home-collection-home-2 .home-collection-home-2--slider .owl-nav button:focus span:before {
          color: white; }

#home-collection-home-3 {
  padding: 80px 0; }
  @media (max-width: 991px) {
    #home-collection-home-3 {
      padding: 40px 0; } }
  #home-collection-home-3 .section-title {
    width: 100%;
    text-align: center; }
    #home-collection-home-3 .section-title * {
      font-family: 'Geomanist Bold', sans-serif; }
    #home-collection-home-3 .section-title h2 {
      font-size: 31px;
      line-height: 32px;
      font-weight: 700;
      margin: 0 0 50px 0; }
      @media (max-width: 767px) {
        #home-collection-home-3 .section-title h2 {
          margin: 0 0 40px 0; } }
      #home-collection-home-3 .section-title h2 span {
        color: #c7dd9b; }

#home-feedback-customer {
  background: url(//theme.hstatic.net/200000924437/1001286536/14/bg_feedback_customer.jpg?v=229);
  padding: 80px 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-size: cover; }
  #home-feedback-customer:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(244, 235, 235, 0.8);
    position: absolute;
    top: 0;
    left: 0; }
  #home-feedback-customer .container {
    position: relative;
    z-index: 1; }
  @media (max-width: 991px) {
    #home-feedback-customer {
      padding: 40px 0; } }
  #home-feedback-customer .section-title {
    width: 100%;
    text-align: center; }
    #home-feedback-customer .section-title * {
      font-family: 'Geomanist Bold', sans-serif; }
    #home-feedback-customer .section-title h2 {
      font-size: 31px;
      line-height: 32px;
      font-weight: 700;
      margin: 0 0 50px 0; }
      @media (max-width: 767px) {
        #home-feedback-customer .section-title h2 {
          margin: 0 0 40px 0; } }
      #home-feedback-customer .section-title h2 span {
        color: #c7dd9b; }
  #home-feedback-customer .owl-nav {
    text-align: center;
    margin: 30px 0 0 0;
    width: 100%;
    z-index: 9999; }
    #home-feedback-customer .owl-nav button {
      border: none;
      outline: none;
      width: 45px;
      height: 45px;
      line-height: 40px;
      background: white;
      text-align: center;
      position: relative;
      margin: 0 10px;
      border-radius: 100%; }
      #home-feedback-customer .owl-nav button span {
        font-size: 0; }
        #home-feedback-customer .owl-nav button span:before {
          content: "\f053";
          font-family: "Font Awesome 5 Pro";
          font-size: 25px;
          background-repeat: no-repeat;
          background-size: contain;
          float: left;
          width: 38px;
          height: 27px;
          cursor: pointer;
          -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
      #home-feedback-customer .owl-nav button.owl-prev span:before {
        margin-top: 3px;
        margin-left: 2px; }
      #home-feedback-customer .owl-nav button.owl-next span:before {
        content: "\f054";
        margin-top: 3px;
        margin-left: 4px; }
      #home-feedback-customer .owl-nav button:hover, #home-feedback-customer .owl-nav button:active, #home-feedback-customer .owl-nav button:focus {
        background: #c7dd9b; }
        #home-feedback-customer .owl-nav button:hover span:before, #home-feedback-customer .owl-nav button:active span:before, #home-feedback-customer .owl-nav button:focus span:before {
          color: white; }
  #home-feedback-customer .home-feedback-customer--slider .owl-item.active {
    opacity: 0.08; }
  #home-feedback-customer .home-feedback-customer--slider .owl-item.active.center {
    opacity: 1; }
  #home-feedback-customer .home-feedback-customer--slider .owl-item .item-customer {
    text-align: center; }
    #home-feedback-customer .home-feedback-customer--slider .owl-item .item-customer .item-customer--feedback p {
      font-size: 14px;
      line-height: 32px;
      margin: 0 0 50px 0; }
      @media (max-width: 767px) {
        #home-feedback-customer .home-feedback-customer--slider .owl-item .item-customer .item-customer--feedback p {
          margin: 0 0 30px 0; } }
    #home-feedback-customer .home-feedback-customer--slider .owl-item .item-customer .item-customer--detail .item-customer--detail-img {
      margin: 0 0 30px 0; }
      #home-feedback-customer .home-feedback-customer--slider .owl-item .item-customer .item-customer--detail .item-customer--detail-img img {
        border-radius: 100%; }
    #home-feedback-customer .home-feedback-customer--slider .owl-item .item-customer .item-customer--detail .item-customer--detail-info h4 {
      font-family: 'Geomanist Bold', sans-serif;
      font-size: 20px;
      line-height: 22px;
      font-weight: 700;
      margin: 0 0 8px 0;
      text-transform: uppercase; }
    #home-feedback-customer .home-feedback-customer--slider .owl-item .item-customer .item-customer--detail .item-customer--detail-info p {
      text-transform: uppercase;
      font-size: 14px;
      line-height: 24px; }

#home-brands {
  padding: 30px 0; }
  #home-brands .home-brands--slider .item-brands img {
    padding: 10px; }
  #home-brands .home-brands--slider .owl-dots {
    text-align: center;
    margin: 15px 0 0 0; }
    #home-brands .home-brands--slider .owl-dots .owl-dot {
      opacity: 0.7;
      outline: none;
      box-shadow: none;
      border: none; }
      #home-brands .home-brands--slider .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #c7dd9b;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px; }
      #home-brands .home-brands--slider .owl-dots .owl-dot.active {
        opacity: 1; }
        #home-brands .home-brands--slider .owl-dots .owl-dot.active span {
          background: #c7dd9b; }

#home-support {
  background: url(//theme.hstatic.net/200000924437/1001286536/14/bg_home_support.jpg?v=229);
  padding: 80px 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (max-width: 991px) {
    #home-support {
      padding: 40px 0; } }
  #home-support .section-title {
    width: 100%;
    text-align: center; }
    #home-support .section-title * {
      font-family: 'Geomanist Bold', sans-serif; }
    #home-support .section-title h2 {
      font-size: 31px;
      line-height: 32px;
      font-weight: 700;
      margin: 0 0 50px 0; }
      @media (max-width: 767px) {
        #home-support .section-title h2 {
          margin: 0 0 40px 0; } }
      #home-support .section-title h2 span {
        color: #c7dd9b; }
  @media (max-width: 767px) {
    #home-support .item-home-support ~ .item-home-support {
      margin-top: 15px; } }
  #home-support .item-home-support .item-home-support--inner {
    position: relative;
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: auto; }
    #home-support .item-home-support .item-home-support--inner .item-home-support--icon a {
      position: relative;
      padding: 0 20px;
      display: inline-block;
      width: 100%;
      text-align: center;
      margin: auto;
      margin-bottom: 25px; }
      #home-support .item-home-support .item-home-support--inner .item-home-support--icon a img {
        width: 60px; }
    #home-support .item-home-support .item-home-support--inner .item-home-support--text h6 {
      padding-bottom: 20px;
      position: relative;
      font-size: 22px;
      margin-bottom: 20px;
      font-family: 'Geomanist Bold', sans-serif; }
      #home-support .item-home-support .item-home-support--inner .item-home-support--text h6:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 20%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        border-top: 2px dashed #fec524; }
      #home-support .item-home-support .item-home-support--inner .item-home-support--text h6:after {
        content: "";
        position: absolute;
        height: 2px;
        width: 0%;
        opacity: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        background: #fec524; }
    #home-support .item-home-support .item-home-support--inner:hover .item-home-support--text h6:before {
      opacity: 0;
      width: 0%; }
    #home-support .item-home-support .item-home-support--inner:hover .item-home-support--text h6:after {
      opacity: 1;
      width: 20%; }

#home-blog {
  padding: 80px 0; }
  @media (max-width: 991px) {
    #home-blog {
      padding: 40px 0; } }
  #home-blog .article-item .article-item--inner .home-blog-description {
    padding: 20px;
    text-align: center; }
    #home-blog .article-item .article-item--inner .home-blog-description .home-blog-content h4 {
      font-weight: bold;
      margin-bottom: 20px;
      font-size: 18px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden; }
    #home-blog .article-item .article-item--inner .home-blog-description .home-blog-content p {
      margin-bottom: 20px; }
  #home-blog .section-title {
    width: 100%;
    text-align: center; }
    #home-blog .section-title * {
      font-family: 'Geomanist Bold', sans-serif; }
    #home-blog .section-title h2 {
      font-size: 31px;
      line-height: 32px;
      font-weight: 700;
      margin: 0 0 50px 0; }
      @media (max-width: 767px) {
        #home-blog .section-title h2 {
          margin: 0 0 40px 0; } }
      #home-blog .section-title h2 span {
        color: #c7dd9b; }
  #home-blog .owl-nav {
    text-align: center;
    margin: 30px 0 0 0;
    width: 100%;
    z-index: 9999; }
    #home-blog .owl-nav button {
      border: none;
      outline: none;
      width: 45px;
      height: 45px;
      line-height: 40px;
      background: white;
      text-align: center;
      position: relative;
      margin: 0 10px;
      border-radius: 100%; }
      #home-blog .owl-nav button span {
        font-size: 0; }
        #home-blog .owl-nav button span:before {
          content: "\f053";
          font-family: "Font Awesome 5 Pro";
          font-size: 25px;
          background-repeat: no-repeat;
          background-size: contain;
          float: left;
          width: 38px;
          height: 27px;
          cursor: pointer;
          -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
      #home-blog .owl-nav button.owl-prev span:before {
        margin-top: 3px;
        margin-left: 2px; }
      #home-blog .owl-nav button.owl-next span:before {
        content: "\f054";
        margin-top: 3px;
        margin-left: 4px; }
      #home-blog .owl-nav button:hover, #home-blog .owl-nav button:active, #home-blog .owl-nav button:focus {
        background: #c7dd9b; }
        #home-blog .owl-nav button:hover span:before, #home-blog .owl-nav button:active span:before, #home-blog .owl-nav button:focus span:before {
          color: white; }

footer #top-footer {
  background: #000000;
  padding: 40px 0; }
  footer #top-footer .top-footer--inner h2 {
    font-size: 31px;
    color: white;
    font-family: 'Geomanist Bold', sans-serif;
    margin: 0 0 15px 0; }
  footer #top-footer .top-footer--inner p {
    color: white;
    margin: 0; }
    @media (max-width: 767px) {
      footer #top-footer .top-footer--inner p {
        margin: 0 0 15px 0; } }
  footer #top-footer .top-footer--form .input-group #newsletter-email {
    border-radius: 30px;
    margin: 0;
    height: 45px;
    font-size: 13px;
    border: none;
    float: right;
    padding: 10px 110px 10px 20px;
    width: 100%; }
  footer #top-footer .top-footer--form .input-group button {
    border-radius: 0 30px 30px 0;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1.7;
    float: left;
    height: 45px;
    font-size: 13px;
    padding: 10px 20px;
    margin-left: 10px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    background: #c7dd9b;
    color: #000000; }
  footer #top-footer .top-footer--form .accent-text {
    margin-top: 15px; }

footer .bottom-footer {
  padding: 20px 0; }
  footer .bottom-footer p {
    margin-bottom: 0; }

.main-footer {
  padding: 40px 0 30px;
  background-image: url(//theme.hstatic.net/200000924437/1001286536/14/bg_footer.jpg?v=229);
  background-repeat: no-repeat;
  background-position: center; }

.footer h4 {
  font-size: 20px;
  letter-spacing: 0.02em;
  margin: 0 0 20px;
  position: relative;
  line-height: 30px;
  color: white;
  font-family: 'Geomanist Bold', sans-serif; }

.footer-content {
  color: white; }

.footer-content ul {
  margin-bottom: 15px;
  padding: 0; }

.footer-content ul li {
  display: block;
  line-height: 28px;
  position: relative;
  padding-left: 0px; }

.footer-content ul li a {
  position: relative;
  overflow: hidden;
  color: white; }

.footer-contact ul li {
  padding: 0; }

.footer .list-social {
  margin-bottom: 10px; }

.footer .list-social li {
  display: inline-block;
  text-align: center;
  padding: 0;
  margin-right: 12px; }

.footer .list-social li a {
  font-size: 12px;
  display: block;
  line-height: 22px;
  overflow: hidden;
  text-align: center;
  position: relative; }

.footer .list-social li span {
  font-weight: 600;
  margin-left: 5px; }

.footer-contact ul > li {
  padding: 0 0px 5px 0px;
  background-size: 15px 15px !important;
  line-height: 22px;
  font-size: 14px; }

.footer-contact ul > li i {
  margin: 0 10px 0 0; }

.footer-static-content iframe {
  width: 100% !important;
  position: relative !important; }

.footer-static-content .fb_iframe_widget > span {
  width: 100% !important; }

.logo-footer {
  margin-bottom: 20px; }

.logo-footer img {
  width: 150px; }

.footer .footer-content1 {
  margin-bottom: 20px; }

.footer .collapse {
  display: block;
  visibility: visible; }

.footer .title-expand {
  text-align: center;
  margin: 0; }

.footer .title-expand a {
  font-weight: 600;
  font-size: 18px;
  padding: 20px 15px;
  display: block; }

.footer .title-expand a span {
  font-size: 18px;
  opacity: .78;
  padding: 0px 20px;
  font-weight: bold;
  vertical-align: text-bottom;
  padding-left: 20px;
  -webkit-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  -moz-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  -o-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; }

.footer .title-expand a[aria-expanded=false] span {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg); }

.footer .title-expand a[aria-expanded=true] {
  border-bottom: 1px solid #e7e7e7; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  60% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  80% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); } }

@-moz-keyframes heartbeat {
  0% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  60% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  80% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); } }

@-o-keyframes heartbeat {
  0% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  60% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  80% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  60% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  80% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75); } }

.order-now-animation {
  position: fixed;
  top: 30%;
  float: right;
  right: 0;
  z-index: 9;
  width: auto; }
  .order-now-animation .order-now-animation--inner {
    -webkit-animation: heartbeat 1s infinite;
    -moz-animation: heartbeat 1s infinite;
    animation: heartbeat 1s infinite;
    position: relative;
    float: left; }
    .order-now-animation .order-now-animation--inner h3 {
      cursor: pointer;
      background: #fec524;
      color: #000000;
      line-height: 40px;
      padding: 0px 40px 0px 20px; }
      .order-now-animation .order-now-animation--inner h3 a {
        transition: none;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        -ms-transition: none; }
        .order-now-animation .order-now-animation--inner h3 a span {
          font-family: 'Geomanist Bold', sans-serif; }
    .order-now-animation .order-now-animation--inner:before {
      cursor: pointer;
      font-size: 18px;
      content: "\f067";
      font-family: "Font Awesome 5 Pro";
      font-weight: bold;
      width: 30px;
      height: 40px;
      line-height: 40px;
      background: #fec524;
      color: #000000;
      padding: 0px;
      text-align: center;
      position: absolute;
      right: 0; }
    .order-now-animation .order-now-animation--inner:hover a {
      color: white; }
    .order-now-animation .order-now-animation--inner:hover:before {
      color: white; }

/* Section Banner Page Order */
#section-order-slider {
  position: relative;
  overflow: hidden; }
  #section-order-slider:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(15, 9, 48, 0.6); }
  #section-order-slider .inner-section-slider.text-center .group-breadcrumbs {
    position: absolute;
    top: 60%;
    width: 100%;
    text-align: center;
    text-transform: uppercase; }
    #section-order-slider .inner-section-slider.text-center .group-breadcrumbs h1 {
      color: white;
      font-size: 28px;
      margin: 0 0 10px 0; }
    #section-order-slider .inner-section-slider.text-center .group-breadcrumbs a {
      color: white; }
    #section-order-slider .inner-section-slider.text-center .group-breadcrumbs span {
      color: white; }
    #section-order-slider .inner-section-slider.text-center .group-breadcrumbs .hr-span {
      margin: 0 10px; }

/* End Section Banner Page Order */
/* Content Page Order */
#section-order-content {
  background: #f5f5f5; }
  #section-order-content .flex-box {
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    display: flex; }
  #section-order-content .inner-section-order-content {
    padding: 40px 10px; }
    @media (max-width: 767px) and (min-width: 992px) {
      #section-order-content .inner-section-order-content {
        padding: 40px 0px; } }
    @media (max-width: 767px) {
      #section-order-content .inner-section-order-content {
        padding: 45px 0 15px 0; } }
    @media (min-width: 992px) {
      #section-order-content .inner-section-order-content .page-orders .pd-right {
        padding-right: 0; } }
    #section-order-content .inner-section-order-content .page-orders .orders-cate {
      float: left;
      width: calc(100% / 3 - 15px);
      margin-right: 15px;
      padding: 20px;
      background: #fff;
      box-shadow: 3px 3px 6px 0 #e5e5e5;
      position: sticky;
      top: 75px;
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      transition: all 400ms ease; }
      #section-order-content .inner-section-order-content .page-orders .orders-cate ul {
        margin: 0;
        padding: 0; }
        #section-order-content .inner-section-order-content .page-orders .orders-cate ul li {
          margin-bottom: 5px;
          padding-bottom: 5px;
          border-bottom: 1px dashed #959595; }
          #section-order-content .inner-section-order-content .page-orders .orders-cate ul li a {
            display: block;
            padding: 10px 0;
            line-height: 1.2;
            color: #999; }
            #section-order-content .inner-section-order-content .page-orders .orders-cate ul li a:hover {
              color: #333; }
          #section-order-content .inner-section-order-content .page-orders .orders-cate ul li:last-child {
            margin: 0;
            border: none;
            padding: 0; }
          #section-order-content .inner-section-order-content .page-orders .orders-cate ul li.active {
            border-color: #db1a2a; }
            #section-order-content .inner-section-order-content .page-orders .orders-cate ul li.active a {
              color: #db1a2a;
              font-weight: 500; }
      @media (max-width: 767px) {
        #section-order-content .inner-section-order-content .page-orders .orders-cate {
          position: fixed;
          top: var(--header-height);
          width: 100%;
          margin: 0;
          left: 0;
          box-shadow: none;
          border-top: 1px solid #e5e5e5;
          overflow-x: auto;
          z-index: 9;
          padding: 8px 0;
          -webkit-transition: all 400ms ease;
          -moz-transition: all 400ms ease;
          transition: all 400ms ease; }
          #section-order-content .inner-section-order-content .page-orders .orders-cate ul {
            white-space: nowrap;
            margin: 0;
            transition: all 0.3s ease;
            transform: translateX(0); }
            #section-order-content .inner-section-order-content .page-orders .orders-cate ul li {
              display: inline-block;
              margin: 0;
              padding: 0;
              border: none; }
              #section-order-content .inner-section-order-content .page-orders .orders-cate ul li a {
                font-size: 14px;
                padding: 5px 10px; } }
    #section-order-content .inner-section-order-content .page-orders .orders-product {
      float: left;
      width: 66.66%; }
      #section-order-content .inner-section-order-content .page-orders .orders-product .search-product {
        position: relative; }
        #section-order-content .inner-section-order-content .page-orders .orders-product .search-product input {
          width: 100%;
          border: 0 none;
          padding: 0 10px 0 40px;
          line-height: 40px;
          background: #fff;
          color: #333;
          border: 1px solid #7f7f7f;
          -webkit-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out; }
        #section-order-content .inner-section-order-content .page-orders .orders-product .search-product label {
          position: absolute;
          top: 0;
          left: 0;
          width: 40px;
          height: 40px;
          margin: 0;
          display: flex;
          align-items: center;
          justify-content: center; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .search-product label svg {
            stroke: #666;
            fill: #666; }
      #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block label {
        line-height: 19px;
        margin: 20px 0 0 0;
        background: #3f393a;
        width: 100%;
        padding: 10px;
        color: #ffffff;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        border-bottom: 2px solid #db1a2a; }
      #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul {
        margin-bottom: 10px;
        background: #fff;
        box-shadow: 3px 3px 6px 0 #e5e5e5;
        padding: 0; }
        #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li {
          border-bottom: 1px solid #f5f5f5; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a {
            padding: 12px;
            background: #fff;
            position: relative; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .img-box {
              width: 110px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 1px;
              position: relative;
              overflow: hidden; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .img-box img {
                border: 1px solid #d3d3d3; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info {
              width: calc(100% - 155px);
              padding: 0 30px 0 10px; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info h3 {
                font-size: 16px;
                line-height: 21px;
                margin: 0 0 5px 0;
                font-weight: 500;
                color: #2d2d2d; }
                #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info h3:hover {
                  color: #f5ce8c; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info .desc {
                font-size: 14px;
                line-height: 1.4;
                color: #282525;
                margin: 0 0 5px 0;
                font-weight: 300;
                letter-spacing: 0.5px; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info .pro-price {
                font-weight: 500;
                color: #db1a2a;
                font-size: 16px; }
                #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info .pro-price del {
                  font-size: 14px;
                  color: gray;
                  font-weight: normal; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .btn-more {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 12px;
              width: 30px;
              height: 30px; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .btn-more svg {
                stroke: #db1a2a;
                fill: #db1a2a; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .out-of-stock-order {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 12px; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .out-of-stock-order span {
                background: #e7e7e7;
                color: gray;
                padding: 8px 10px;
                border-radius: 4px;
                line-height: 14px; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li.empty-product {
            text-align: center; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li.empty-product p {
              padding: 20px 0;
              margin: 0; }
      #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block:last-child ul {
        margin: 0; }
      @media (max-width: 767px) {
        #section-order-content .inner-section-order-content .page-orders .orders-product {
          width: 100%; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info h3 {
            font-size: 14px; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info .desc {
            font-size: 13px;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box; } }
    #section-order-content .inner-section-order-content .page-orders .sticky-right {
      position: sticky;
      top: 75px;
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      transition: all 400ms ease; }
      @media (max-width: 991px) {
        #section-order-content .inner-section-order-content .page-orders .sticky-right {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          top: inherit;
          padding: 0;
          transform: translateY(calc(100% - 40px));
          transition: transform 0.5s ease,bottom .3s ease;
          z-index: 99; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right.active {
            transform: translateY(0); }
          #section-order-content .inner-section-order-content .page-orders .sticky-right.modal-quickview-show {
            transform: translateY(100%); }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile {
            background: #ff5495;
            color: #fff;
            padding: 0 20px;
            text-transform: uppercase;
            cursor: pointer; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box {
              height: 40px;
              align-items: center;
              justify-content: space-between; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box span {
                width: calc(100%/3); }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box span:nth-child(2) {
                  font-weight: 500;
                  text-align: center; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box span:last-child {
                  text-align: right; } }
      @media (max-width: 767px) {
        #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box {
          height: 50px;
          padding: 10px 0; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right {
          transform: translateY(calc(100% - 49px)); } }
      #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart {
        background: #fff;
        box-shadow: 3px 3px 6px 0 #e5e5e5; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check {
          padding: 20px;
          border-bottom: 1px solid #e5e5e5; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check a {
            background: #db1a2a;
            color: #ffffff;
            padding: 0 30px;
            text-align: center;
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            display: inline-block;
            text-transform: uppercase;
            -webkit-transition: 0.1s ease-in-out;
            transition: 0.1s ease-in-out;
            display: block;
            width: 100%; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check a.disabled {
              opacity: 0.7;
              pointer-events: none; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check a:hover {
              text-decoration: none;
              background: #3f393a; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check a.over-time {
              opacity: 0.7;
              pointer-events: none; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item {
          padding: 13px 20px;
          border-bottom: 1px solid #e5e5e5;
          overflow-y: auto;
          max-height: calc(100vh - 230px - 110px); }
          @media (max-width: 991px) {
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item {
              max-height: 200px; } }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item::-webkit-scrollbar-track {
            background-color: #F5F5F5; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item::-webkit-scrollbar {
            width: 6px;
            background-color: gray; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: gray; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item {
            position: relative; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item:not(:last-child) {
              padding-bottom: 20px;
              border-bottom: 1px solid #e5e5e5;
              margin-bottom: 20px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title {
              float: left;
              width: calc(100% - 120px - 80px); }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title h4 {
                margin: 0 0 5px 0;
                font-size: 16px;
                font-weight: 500;
                color: #2d2d2d; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title h4:hover {
                  color: #f5ce8c; }
                @media (max-width: 991px) {
                  #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title h4 {
                    font-size: 14px; } }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title p {
                margin: 0 0 5px 0;
                font-size: 14px;
                line-height: 18px;
                font-weight: 300; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title p.variant_note {
                  color: #db1a2a; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .select-quantity {
              float: left;
              width: 112px;
              margin: 0 4px; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .select-quantity .qty-btn {
                background: transparent;
                border: 1px solid;
                color: #db1a2a;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                outline: none;
                box-shadow: none; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .select-quantity .qty-btn svg {
                  width: 15px;
                  fill: #db1a2a; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .select-quantity .quantity-selector {
                border: 0;
                width: 40px;
                text-align: center;
                line-height: 30px;
                height: 30px;
                padding: 5px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-price {
              float: right;
              width: 70px;
              text-align: right; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-price .cart-item-remove {
                display: inline-block;
                width: 25px;
                height: 25px;
                margin-top: 5px;
                font-size: 16px;
                color: #666; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .empty-cart {
            margin: 0; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom {
          padding: 13px 20px;
          color: #333333; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom .flex-box {
            justify-content: space-between;
            align-items: center;
            margin: 0 0 8px 0; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom span.orders-total {
            font-size: 18px;
            line-height: 1.2;
            padding-left: 15px;
            font-weight: 500; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom span.orders-total.small {
              font-size: 14px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom span.orders-total:not(.small) {
              color: #db1a2a; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time {
          position: relative;
          z-index: 9; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .btn-choise-time {
            background: #fff;
            color: #191919;
            padding: 0 30px;
            text-align: center;
            font-size: 0.875rem;
            border-bottom: 1px solid #e5e5e5;
            line-height: 41px;
            display: inline-block;
            text-transform: uppercase;
            -moz-transition: 0.1s ease-in-out;
            -webkit-transition: 0.1s ease-in-out;
            transition: 0.1s ease-in-out;
            width: 100%;
            position: relative;
            height: 42px; }
            @media (max-width: 767px) {
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .btn-choise-time {
                -ms-flex-pack: start !important;
                padding: 0 20px;
                justify-content: start !important; } }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .btn-choise-time i {
              margin: 0 0 0 10px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .btn-choise-time p {
              margin: 0 15px 0 0; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .btn-choise-time a {
              position: absolute;
              right: 10px;
              text-transform: initial;
              font-size: 12px;
              color: #db1a2a;
              cursor: pointer;
              text-decoration: underline; }
              @media (max-width: 991px) {
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .btn-choise-time a {
                  right: 20px; } }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time {
            position: absolute;
            top: 100%;
            left: 0;
            background: #fff9ef;
            width: 100%;
            display: none;
            border: 1px solid #fec524; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise-now {
              padding: 7px 10px;
              cursor: pointer;
              margin: 0;
              display: flex;
              align-items: center;
              text-transform: uppercase;
              border-bottom: 1px solid #fec524; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise-now i {
                font-size: 18px;
                margin-right: 7px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise-time {
              padding: 7px 10px;
              cursor: pointer;
              margin: 0;
              display: flex;
              align-items: center; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise-time i {
                margin-right: 7px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise {
              display: none;
              padding-top: 10px;
              background: #ffffff;
              border-top: 1px solid #fec524; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise .sub-time-box {
                padding: 0 10px 15px; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise .sub-time-box label {
                  font-weight: 400;
                  display: block;
                  margin: 0 0 5px 0; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise .sub-time-box select {
                  width: 100%;
                  border: 1px solid #e5e5e5;
                  height: 32px;
                  outline: none !important; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise .sub-time-box a {
                  background: #db1a2a;
                  color: #ffffff;
                  padding: 0 30px;
                  text-align: center;
                  font-size: 16px;
                  line-height: 38px;
                  font-weight: 500;
                  display: inline-block;
                  text-transform: uppercase;
                  -webkit-transition: 0.1s ease-in-out;
                  transition: 0.1s ease-in-out;
                  display: block;
                  margin-bottom: 15px; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise.active {
                display: block; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time.active i {
            -o-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time.active .sub-time {
            display: block; }

.overlay-order {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5); }

body.cart-open {
  overflow: hidden; }

body.cart-open .overlay-order {
  visibility: visible;
  opacity: 1; }

/* End Content Page Order */
/* Swatch Color */
.color.swatch-element label.xanh span {
  background: #c7dd9b !important; }

.color.swatch-element label.xanh-pt span {
  background: #c7dd9b !important; }

.color.swatch-element label.cam span {
  background: #f5ce8c !important; }

.color.swatch-element label.xanh-duong span {
  background: #eebbba !important; }

.color.swatch-element label.xanh-la span {
  background: #c7dd9b !important; }

.color.swatch-element label.nau span {
  background: #2d2d2d !important; }

.color.swatch-element label.xam span {
  background: #f5efe9 !important; }

.color.swatch-element label.tim span {
  background: #eebbba !important; }

.color.swatch-element label.hong span {
  background: #eebbba !important; }

.color.swatch-element label.den span {
  background: #2d2d2d !important; }

.color.swatch-element label.den span {
  background: #2d2d2d !important; }

.color.swatch-element label.den span {
  background: #2d2d2d !important; }

.color.swatch-element label.den span {
  background: #2d2d2d !important; }

.color.swatch-element label.den span {
  background: #2d2d2d !important; }

.color.swatch-element label.den span {
  background: #2d2d2d !important; }

.color.swatch-element label.nau span {
  background: #2d2d2d !important; }

.color.swatch-element label.xam span {
  background: #f5efe9 !important; }

.color.swatch-element label.tim span {
  background: #eebbba !important; }

.color.swatch-element label.hong span {
  background: #eebbba !important; }

.color.swatch-element label.den span {
  background: #2d2d2d !important; }

.color.swatch-element label.do span {
  background: #f3b57e !important; }

.color.swatch-element label.vang span {
  background: #f5ce8c !important; }

.color.swatch-element label.cam span {
  background: #f3b57e !important; }

.color.swatch-element label.xanh-duong span {
  background: #f3b57e !important; }

.color.swatch-element label.xanh-la span {
  background: #f5ce8c !important; }

.color.swatch-element label.nau span {
  background: #2d2d2d !important; }

.color.swatch-element label.xam span {
  background: #f5efe9 !important; }

.color.swatch-element label.tim span {
  background: #f3b57e !important; }

.color.swatch-element label.hong span {
  background: #db999b !important; }

.color.swatch-element label.den span {
  background: #2d2d2d !important; }

/* ____________ */
/* Quickview */
#quick-view-modal {
  text-align: center; }
  #quick-view-modal .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font-size: 14px;
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
    #quick-view-modal .modal-dialog .modal-content {
      border-radius: 0;
      border: 0; }
      #quick-view-modal .modal-dialog .modal-content .flex-box {
        display: -moz-flex;
        display: -webkit-flex;
        display: -o-flex;
        display: flex; }
        @media (max-width: 767px) {
          #quick-view-modal .modal-dialog .modal-content .flex-box {
            -ms-flex-pack: center;
            justify-content: center; } }
      #quick-view-modal .modal-dialog .modal-content .product-title {
        padding: 15px 30px;
        border-bottom: 1px solid #e5e5e5; }
        @media (max-width: 767px) {
          #quick-view-modal .modal-dialog .modal-content .product-title {
            padding: 30px 30px 15px 30px; } }
        #quick-view-modal .modal-dialog .modal-content .product-title img {
          width: 80px;
          margin-right: 10px;
          cursor: pointer; }
          @media (max-width: 767px) {
            #quick-view-modal .modal-dialog .modal-content .product-title img {
              max-height: 80px; } }
        #quick-view-modal .modal-dialog .modal-content .product-title .info {
          width: calc(100% - 90px); }
          #quick-view-modal .modal-dialog .modal-content .product-title .info h4 {
            font-size: 16px;
            line-height: 21px;
            margin: 0;
            font-weight: 500; }
      #quick-view-modal .modal-dialog .modal-content .close-quickview {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 14px;
        height: 14px;
        cursor: pointer; }
        #quick-view-modal .modal-dialog .modal-content .close-quickview svg {
          stroke: #999;
          width: 100%;
          height: 100%; }
        #quick-view-modal .modal-dialog .modal-content .close-quickview:hover svg {
          stroke: #333; }
      #quick-view-modal .modal-dialog .modal-content .quickview-des {
        font-size: 16px;
        line-height: 1.4;
        color: #191919;
        padding: 15px 30px 0;
        font-weight: 300; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des p {
          margin: 0; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner {
          position: relative;
          overflow: hidden;
          max-height: 160px; }
          #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner:after {
            content: '';
            transition-property: top;
            transition-duration: 300ms;
            display: none;
            transition-timing-function: ease-in-out;
            background-image: linear-gradient(rgba(255, 255, 255, 0), #fff 100%);
            position: absolute;
            top: calc(100% - 6.25em);
            left: 0;
            height: 6.25em;
            width: 100%; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner.opened {
          height: 160px; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner.opened:after {
          display: block; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__trigger {
          visibility: hidden; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__trigger .btn-toggle {
          display: inline-block;
          outline: none;
          padding: 9px 0px;
          font-size: 14px;
          color: #000000;
          background: #fff;
          border-radius: 0px;
          font-weight: 400; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner.opened + .quickview-des__trigger {
          visibility: visible; }
      #quick-view-modal .modal-dialog .modal-content .product-note {
        padding: 30px 30px 30px;
        border-bottom: 1px solid #e5e5e5; }
        #quick-view-modal .modal-dialog .modal-content .product-note .note-box {
          position: relative; }
          #quick-view-modal .modal-dialog .modal-content .product-note .note-box svg {
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px; }
          #quick-view-modal .modal-dialog .modal-content .product-note .note-box input {
            width: 100%;
            border: 0 none;
            padding: 0 10px 0 40px;
            line-height: 38px;
            background: #fff;
            color: #333;
            border: 1px solid #7f7f7f;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out; }
      #quick-view-modal .modal-dialog .modal-content .actions-btn {
        padding: 15px 30px; }
        @media (max-width: 767px) {
          #quick-view-modal .modal-dialog .modal-content .actions-btn {
            padding: 15px 30px 30px 30px; } }
        #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity {
          float: left; }
          @media (max-width: 767px) {
            #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity {
              width: 100%;
              margin: 0 0 20px 0; } }
          #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity .qty-btn {
            background: transparent;
            border: 1px solid;
            color: #db1a2a;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            outline: none;
            box-shadow: none; }
            #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity .qty-btn svg {
              fill: #db1a2a; }
          #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity .quantity-selector {
            border: 0;
            width: 40px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            padding: 5px; }
        #quick-view-modal .modal-dialog .modal-content .actions-btn .btn-cart {
          float: right;
          padding: 0 30px;
          background: #db1a2a;
          color: #fff;
          font-size: 0.875rem;
          line-height: 38px;
          border: 1px solid #db1a2a;
          text-transform: uppercase;
          font-weight: 500; }
          #quick-view-modal .modal-dialog .modal-content .actions-btn .btn-cart span.product-price {
            font-weight: 400;
            float: right;
            padding: 0 0 0 50px;
            border: 0;
            margin: 0; }
          @media (max-width: 767px) {
            #quick-view-modal .modal-dialog .modal-content .actions-btn .btn-cart {
              width: 100%; } }
          #quick-view-modal .modal-dialog .modal-content .actions-btn .btn-cart.disabled {
            opacity: 0.7;
            pointer-events: none;
            cursor: none; }
      #quick-view-modal .modal-dialog .modal-content .select-swatch {
        padding: 30px 30px 0 30px; }
        #quick-view-modal .modal-dialog .modal-content .select-swatch .swatch:last-child {
          border: none;
          margin: 0;
          padding: 0; }
  #quick-view-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; }

/* End Quickview */
/* Swatch */
.selector-wrapper {
  display: none; }

.swatch {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  width: 100%;
  float: left;
  border-bottom: 1px dotted #dfe0e1; }
  .swatch .header {
    margin: 0 0 8px;
    font-size: 14px;
    text-align: left;
    line-height: initial;
    font-weight: 400;
    color: #333; }
  .swatch input {
    display: none; }
  .swatch > label.tt-label {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    text-transform: uppercase;
    width: 85px;
    text-align: right; }
  .swatch .select-swap {
    display: inline-block;
    vertical-align: middle; }
  .swatch .swatch-element {
    display: inline-block;
    margin: 5px 10px 5px 0;
    position: relative;
    vertical-align: bottom; }
    .swatch .swatch-element.color {
      margin: 0 10px 0 0;
      line-height: 0; }
      .swatch .swatch-element.color label {
        width: 30px;
        height: 30px;
        padding: 3px;
        border-radius: 50%;
        border: none;
        cursor: pointer; }
        .swatch .swatch-element.color label.sd {
          background: transparent;
          border: 1px solid #808284; }
      .swatch .swatch-element.color span {
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 0;
        font-size: 0;
        border-radius: 50%;
        border: 1px solid #dfe0e1; }
      .swatch .swatch-element.color.soldout label span {
        overflow: hidden;
        position: relative; }
        .swatch .swatch-element.color.soldout label span:before {
          content: "";
          position: absolute;
          top: 0;
          left: -1px;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 24px;
          height: 24px;
          background: url(//theme.hstatic.net/200000924437/1001286536/14/sold_out.png?v=229) no-repeat;
          background-size: contain; }
      @media (max-width: 767px) {
        .swatch .swatch-element.color {
          margin: 5px 8px 5px 0; } }
    .swatch .swatch-element.soldout:not(.color) label {
      overflow: hidden; }
      .swatch .swatch-element.soldout:not(.color) label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #e5e5e5;
        background: url(//theme.hstatic.net/200000924437/1001286536/14/sold_out.png?v=229) no-repeat;
        background-size: contain; }
    .swatch .swatch-element:not(.color) label {
      display: block;
      margin: 0;
      line-height: 22px;
      position: relative;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      padding-left: 25px; }
      .swatch .swatch-element:not(.color) label:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #e5e5e5;
        background: #fff; }
      .swatch .swatch-element:not(.color) label.sd:before {
        background: #db1a2a;
        border-color: #db1a2a; }
      .swatch .swatch-element:not(.color) label.sd:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 6px;
        width: 7px;
        height: 13px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(45deg);
        border-radius: 0; }
  .swatch label[for="product-select-option-0"] {
    display: none; }
  .swatch label[for="product-select-option-1"] {
    display: none; }
  .swatch label[for="product-select-option-2"] {
    display: none; }
  .swatch #product-select-option-0 {
    display: none; }
  .swatch #product-select-option-1 {
    display: none; }
  .swatch #product-select-option-2 {
    display: none; }
  .swatch #product-select-option-0 + .custom-style-select-box {
    display: none !important; }
  .swatch #product-select-option-1 + .custom-style-select-box {
    display: none !important; }
  .swatch #product-select-option-2 + .custom-style-select-box {
    display: none !important; }

/* End Swatch */
/* Menu Mobile */
#overlay-menu-mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5); }

#menu-mobile-wrapper {
  position: fixed;
  top: 0 !important;
  left: 0;
  z-index: 99;
  width: 288px;
  transition: all 0.7s;
  background: white;
  height: 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  overflow: hidden; }
  #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--logo a {
    background: #c7dd9b;
    color: white;
    padding: 10px 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    margin: 0 0 15px 0;
    text-transform: uppercase; }
  #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper {
    padding: 0 20px; }
    #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul {
      margin: 0;
      padding: 0; }
      #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li > a {
        padding: 10px 5px;
        display: inline-block;
        text-transform: uppercase; }
      #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li .sub-menu-mobile-1 {
        width: 100%;
        display: none; }
        #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li .sub-menu-mobile-1 > li > a {
          padding: 10px 5px;
          display: inline-block;
          text-transform: uppercase; }
        #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li .sub-menu-mobile-1 > li .sub-menu-mobile-2 {
          width: 100%;
          display: none; }
          #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li .sub-menu-mobile-1 > li .sub-menu-mobile-2 > li > a {
            padding: 10px 5px;
            display: inline-block;
            text-transform: uppercase; }
    #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper .toggle-sub-menu {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 38px; }
      #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper .toggle-sub-menu .fa-minus:before {
        content: "\f068" !important; }

body.show-menu-mobile {
  overflow: hidden; }
  body.show-menu-mobile #menu-mobile-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    body.show-menu-mobile #menu-mobile-wrapper ~ #overlay-menu-mobile {
      visibility: visible;
      opacity: 1; }

/* ___________ */
/* Breadcrums */
#breadcrums {
  background-image: url(//theme.hstatic.net/200000924437/1001286536/14/img_breadcrums.jpg?v=229);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 365px; }
  @media (max-width: 767px) {
    #breadcrums {
      height: 200px; } }
  #breadcrums .breadcrums--inner .breadcrumb-arrows {
    margin: 0;
    padding: 0;
    text-align: center;
    -moz-transform: translate(0, 150%);
    -webkit-transform: translate(0, 150%);
    transform: translate(0, 150%); }
    @media (max-width: 767px) {
      #breadcrums .breadcrums--inner .breadcrumb-arrows {
        -moz-transform: translate(0, 75px);
        -webkit-transform: translate(0, 75px);
        transform: translate(0, 75px); } }
    #breadcrums .breadcrums--inner .breadcrumb-arrows li span {
      color: #ffffff;
      font-size: 70px;
      line-height: 1.3;
      letter-spacing: 1px;
      font-weight: 300;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden; }
      @media (max-width: 767px) {
        #breadcrums .breadcrums--inner .breadcrumb-arrows li span {
          font-size: 24px; } }

/* ___________ */
/* Main Slider about*/
#section-about-slider {
  height: 100vh;
  position: relative;
  overflow: hidden; }
  #section-about-slider:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(15, 9, 48, 0.6); }

/* End Main Slider about*/
/* Title Abouts */
.section-title-about {
  display: -moz-flex;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 80px 0; }
  @media (max-width: 767px) {
    .section-title-about {
      margin: 0 0 40px 0; } }
  .section-title-about img {
    max-width: 50px; }
  .section-title-about .main-title-about {
    padding: 0 0 0 18px;
    border-left: 2px solid #c7dd9b;
    margin: 0 0 0 18px; }
    .section-title-about .main-title-about h2 {
      font-weight: 500;
      font-size: 24px;
      text-transform: uppercase; }
    .section-title-about .main-title-about h4 {
      font-size: 16px;
      font-weight: 500;
      color: #c7dd9b;
      text-transform: uppercase; }

/* End Title Abouts */
/* Intro Abouts */
#section-about-intro {
  padding: 100px 0; }
  #section-about-intro .inner-section-about-intro .box-img-abouts img {
    border-radius: 10px; }
  #section-about-intro .inner-section-about-intro p {
    margin: 0 0 20px 0; }
    #section-about-intro .inner-section-about-intro p.sub-intro-about {
      display: flex; }
      #section-about-intro .inner-section-about-intro p.sub-intro-about i {
        font-size: 25px;
        margin: 0 10px 0 0; }
  #section-about-intro .inner-section-about-intro .bellow-section-content-about {
    max-width: 900px;
    margin: 80px auto 0 auto; }

/* End Intro Abouts */
/* Abouts Discover */
#section-about-discover {
  padding: 100px 0;
  background: #f2f2f2; }
  @media (max-width: 767px) {
    #section-about-discover {
      padding: 40px 0 0 0; } }
  @media (max-width: 767px) {
    #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover {
      margin: 0 0 40px 0; } }
  #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-img-discover {
    background: white;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    opacity: 0.8;
    margin: 0 auto 30px auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-img-discover img {
      padding: 10%; }
  #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-info-discover {
    text-align: center; }
    #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-info-discover h4 {
      position: relative;
      padding: 0 0 13px 0;
      margin: 0 0 13px 0;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 20px; }
      #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-info-discover h4:after {
        content: "";
        width: 40px;
        display: inline-block;
        height: 1px;
        background: black;
        position: absolute;
        bottom: 0;
        left: calc(50% - 20px); }
    #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-info-discover p {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      text-align: justify;
      font-size: 16px;
      line-height: 24px; }

/* End Abouts Discover */
/* Page About New */
#section-about-info .section-about-intro--inner .section-about-intro--inner-background-left {
  background-image: url(//theme.hstatic.net/200000924437/1001286536/14/img_about_main_intro.jpg?v=229);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    #section-about-info .section-about-intro--inner .section-about-intro--inner-background-left {
      height: 400px;
      margin: 15px 15px;
      -ms-flex: 0 0 calc(100% - 30px);
      flex: 0 0 calc(100% - 30px);
      max-width: calc(100% - 30px); } }

#section-about-info .section-about-intro--inner .section-about-intro--inner-right {
  padding: 20%; }
  @media (max-width: 767px) {
    #section-about-info .section-about-intro--inner .section-about-intro--inner-right {
      padding: 0;
      margin: 0 0 40px 0; } }
  #section-about-info .section-about-intro--inner .section-about-intro--inner-right h1 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 300;
    margin: 0 0 20px 0; }
    @media (max-width: 767px) {
      #section-about-info .section-about-intro--inner .section-about-intro--inner-right h1 {
        font-size: 24px;
        line-height: 35px; } }
  #section-about-info .section-about-intro--inner .section-about-intro--inner-right p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0 0 20px 0;
    text-align: justify; }

/* _______________ */
/* Page About Order */
#section-about-order {
  background-image: url(//theme.hstatic.net/200000924437/1001286536/14/img_about_main_order.jpg?v=229);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  background-attachment: fixed; }
  @media (max-width: 767px) {
    #section-about-order {
      height: 50vh;
      background-attachment: initial; } }
  #section-about-order .section-about-order--inner .section-about-order--info {
    -moz-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    margin: 0 auto;
    max-width: 780px; }
    @media (max-width: 767px) {
      #section-about-order .section-about-order--inner .section-about-order--info {
        -moz-transform: translate(0, 40%);
        -webkit-transform: translate(0, 40%);
        transform: translate(0, 40%);
        max-width: none;
        padding: 0 15px; } }
    #section-about-order .section-about-order--inner .section-about-order--info h3 {
      font-size: 50px;
      line-height: 70px;
      color: white;
      margin: 0 0 30px 0;
      font-weight: 300; }
      @media (max-width: 767px) {
        #section-about-order .section-about-order--inner .section-about-order--info h3 {
          font-size: 34px;
          line-height: 35px;
          margin: 0 0 20px 0; } }
    #section-about-order .section-about-order--inner .section-about-order--info h4 {
      font-size: 18px;
      line-height: 27px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-style: italic;
      color: white;
      margin: 0 0 30px 0; }
      @media (max-width: 767px) {
        #section-about-order .section-about-order--inner .section-about-order--info h4 {
          font-size: 16px;
          line-height: 25px;
          margin: 0 0 20px 0; } }
    #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:first-child {
      color: #ffffff;
      background-color: #c7dd9b;
      border-color: #c7dd9b;
      font-size: 17px;
      padding: 16px 15px;
      min-width: 180px;
      border-radius: 4px;
      display: inline-block;
      margin: 0 10px; }
      #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:first-child:hover {
        background: black; }
      @media (max-width: 767px) {
        #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:first-child {
          font-size: 14px;
          padding: 16px 4px;
          min-width: 145px; } }
    #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:last-child {
      color: black;
      background-color: white;
      border-color: white;
      font-size: 17px;
      padding: 16px 15px;
      min-width: 180px;
      border-radius: 4px;
      display: inline-block;
      margin: 0 10px; }
      #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:last-child:hover {
        background: black;
        color: white; }
      @media (max-width: 767px) {
        #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:last-child {
          font-size: 14px;
          padding: 16px 4px;
          min-width: 145px; } }

/* _______________ */
/* Template Collection */
#template-collection {
  padding: 100px 0 50px 0; }
  @media (max-width: 767px) {
    #template-collection {
      padding: 40px 0 20px 0; } }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(3n) ~ div {
    margin-top: 60px; }
  @media (max-width: 767px) {
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(3n) ~ div {
      margin-top: 00px; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(2n) ~ div {
      margin-top: 30px; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(odd) {
      padding-right: 7.5px; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(even) {
      padding-left: 7.5px; } }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img {
    margin: 0 0 15px 0;
    position: relative;
    border: 1px solid #fbfbfb; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img .product-sale {
      position: absolute;
      z-index: 8;
      top: 8px;
      left: 8px;
      padding: 0;
      background: #db1a2a;
      color: #fff;
      height: 36px;
      width: 36px;
      line-height: 34px;
      border-radius: 50%;
      font-size: 12px;
      text-align: center; }
      @media (max-width: 991px) {
        #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img .product-sale {
          font-size: 10px;
          height: 30px;
          width: 30px;
          line-height: 28px; } }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img .sold-out {
      position: absolute;
      z-index: 8;
      background: #575757;
      color: white;
      padding: 5px 15px;
      font-size: 16px;
      top: 0;
      right: 0; }
      @media (max-width: 991px) {
        #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img .sold-out {
          padding: 3px 8px;
          font-size: 12px; } }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .pro-name {
    font-size: 16px;
    line-height: 25px;
    color: #5e514d;
    width: 100%;
    margin-bottom: 10px; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .pro-name a {
      color: #2d2d2d;
      font-weight: 400;
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .pro-name a:hover {
        color: #f5ce8c; }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price span {
    font-size: 16px;
    color: red;
    opacity: 0.92; }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price del {
    font-size: 13px;
    color: gray;
    margin-left: 6px; }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a {
    font-size: 14px;
    padding: 5px 18px;
    text-align: center;
    color: #c7dd9b;
    background: #ffffff;
    border: 1px solid #c7dd9b;
    font-weight: 400;
    display: inline-block;
    border-radius: 2px;
    -webkit-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a.disabled {
      border-color: #e7e7e7;
      background: #e7e7e7;
      color: gray;
      pointer-events: none; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover, #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:focus {
      text-decoration: none;
      background: #c7dd9b;
      color: #fff; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon {
      padding: 0 4px;
      color: #fff;
      position: relative;
      z-index: 1;
      display: inline-block;
      -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
      transform: translateY(-1px);
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      opacity: 0.7;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before, #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
        content: '';
        position: absolute;
        z-index: -1;
        background: #c7dd9b;
        width: 100%;
        height: 2px;
        margin-top: -5px;
        -webkit-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before, #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before {
      background: #ffffff;
      -webkit-transform: translateY(-2.5px) rotate(-145deg);
      -ms-transform: translateY(-2.5px) rotate(-145deg);
      transform: translateY(-2.5px) rotate(-145deg); }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after, #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after {
      background: #ffffff;
      -webkit-transform: translateY(2.5px) rotate(145deg);
      -ms-transform: translateY(2.5px) rotate(145deg);
      transform: translateY(2.5px) rotate(145deg); }
  @media (max-width: 575px) {
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button {
      display: none; } }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-des {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #1b1f28;
    line-height: 24px;
    font-weight: 300;
    width: 100%;
    margin: 5px 0 0 0; }
    @media (max-width: 991px) {
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-des {
        display: none; } }

.collection-sidebar-left .sidebar-group {
  margin-bottom: 30px; }
  .collection-sidebar-left .sidebar-group.sidebar-group-linklist {
    border: 1px solid #e3e5ec;
    padding: 20px; }
    .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links {
      margin: 0;
      padding: 0; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li {
        position: relative; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li a {
        color: #2d2d2d;
        position: relative;
        font-size: 14px;
        display: block; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li a:hover {
        color: #f5ce8c; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li ul.submenu-links {
        display: none;
        padding: 8px 0; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li {
        border-bottom: 1px dashed #e7e7e7; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li:last-child {
        border-bottom: none; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li > a {
        padding: 12px 0;
        font-weight: 500;
        font-size: 15px; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li.has-submenu > a {
        padding-right: 30px; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li.has-submenu span.icon-plus-submenu {
        width: 25px;
        height: 25px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 1px solid transparent; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links .icon-plus-submenu:after, .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links .icon-plus-submenu:before {
        background: rgba(9, 9, 9, 0.6);
        content: '';
        display: block;
        position: absolute;
        margin-right: 7px;
        top: 50%;
        right: 0;
        -moz-transition: all .25s linear;
        -o-transition: all .25s linear;
        -webkit-transition: all .25s linear;
        transition: all .25s linear; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links .icon-plus-submenu:before {
        width: 9px;
        height: 1px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links .icon-plus-submenu:after {
        width: 1px;
        height: 9px;
        right: 4px;
        transform-origin: center;
        -moz-transform: translateY(-50%) scale(1, 1);
        -ms-transform: translateY(-50%) scale(1, 1);
        -webkit-transform: translateY(-50%) scale(1, 1);
        transform: translateY(-50%) scale(1, 1); }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li.has-submenu.opened > a .icon-plus-submenu:after {
        -moz-transform: translateY(-50%) scale(1, 0);
        -ms-transform: translateY(-50%) scale(1, 0);
        -webkit-transform: translateY(-50%) scale(1, 0);
        transform: translateY(-50%) scale(1, 0); }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li.has-submenu .icon-plus-submenu:hover {
        border: 1px solid #e7e7e7; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links ul.submenu-links li a {
        padding: 8px 0 8px 0px; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li.has-submenu.level0 > ul.submenu-links {
        border-top: 1px dashed #e7e7e7; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li.has-submenu.level0 > ul.submenu-links li a {
        padding-left: 12px; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li.has-submenu.level1 > ul.submenu-links li a {
        padding-left: 25px; }

@media (min-width: 768px) {
  .collection-sidebar-left .collection-sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 25px;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease; }
  body.scroll-body.scroll-body-up .collection-sidebar-left .collection-sidebar-sticky {
    top: 90px; } }

/* _______________ */
/*--------------------------------------------------------------------
PRODUCT DETAIL 
--------------------------------------------------------------------*/
.product-detail-wrapper {
  padding: 80px 0; }

.product-detail-main {
  margin-bottom: 40px; }

.product-title {
  padding: 0 0 10px;
  border-bottom: 1px dotted #dfe0e1; }

.product-title h1 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 5px;
  line-height: initial; }

#pro_sku {
  font-size: 12px;
  color: #a3a5a7; }

.hook-reviews {
  border-bottom: 1px dotted #dfe0e1;
  padding-bottom: 15px; }

.hook-reviews .rating {
  line-height: 1;
  position: relative;
  white-space: nowrap;
  display: inline-block; }

.hook-reviews .rating .rating {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  line-height: 1; }

.hook-reviews .rating .icon {
  display: inline-block; }

.hook-reviews .rating .icon::before {
  color: #d5d5d5;
  content: "\f005";
  font-family: "Font Awesome 5 Pro",sans-serif;
  font-size: 13px;
  font-style: normal; }

.hook-reviews .rating .icon.star-full::before {
  color: #ffae00; }

.number-rating {
  padding-left: 5px;
  font-size: 13px; }

.product-price {
  padding: 10px 0;
  border-bottom: 1px dotted #dfe0e1;
  margin: 0 0 20px 0; }

.product-price span.pro-price {
  font-size: 18px;
  opacity: .92;
  font-weight: 500;
  color: #db1a2a; }

.product-price span.pro-sale {
  display: inline-block;
  padding: 5px 15px;
  margin-right: 10px;
  background: #ededed;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  color: #f94c43; }

.product-price del {
  font-size: 14px;
  color: #777a7b;
  padding-left: 10px;
  font-weight: 500; }

.selector-actions {
  width: 100%; }

.quantity-area {
  margin-bottom: 15px; }

.quantity-area input#quantity {
  background: #fff;
  font-weight: 500;
  height: 32px;
  padding: 0;
  text-align: center;
  width: 70px;
  border: 1px solid #f5f5f5;
  border-left: none;
  border-right: none;
  border-radius: 1px;
  float: left;
  -webkit-appearance: none; }

.quantity-area input.qty-btn {
  float: left;
  background: #f5f5f5;
  border: solid 1px #f5f5f5;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  outline: none;
  height: 32px;
  width: 32px;
  text-align: center;
  border-radius: 0; }

button.btn-addtocart {
  font-weight: 500;
  text-transform: uppercase;
  box-shadow: none;
  padding: 14px 35px;
  line-height: 22px;
  width: 100%;
  border-radius: 0;
  font-size: 16px; }

button.btn-addtocart[disabled] {
  opacity: 0.8; }

.product-description {
  margin: 20px 0; }

.product-description .title-bl h2,
.product-description h2,
.product-description h3 {
  font-size: 14px;
  font-weight: 500; }

.description-productdetail * {
  max-width: 100% !important; }

.description-productdetail ul {
  list-style: initial;
  padding-left: 20px; }

.description-productdetail ol {
  list-style-type: decimal;
  padding-left: 20px; }

.description-productdetail ul ul {
  list-style-type: circle; }

.description-productdetail ul ul ul {
  list-style-type: square; }

.description-productdetail ul li, .description-productdetail ol li {
  margin: 5px 0; }

.product-gallery__thumbs-container {
  width: 9%;
  margin-right: 10px; }

.product-gallery__thumbs {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 1px;
  position: -webkit-sticky;
  position: sticky;
  top: 65px; }

.product-gallery__thumb a {
  background-color: #f3f3f3;
  display: block; }

.product-gallery__thumb {
  line-height: 0;
  margin-bottom: 10px;
  border: 1px solid #f7f7f8;
  width: 100%; }

.product-gallery__thumb:last-child {
  margin-bottom: 0; }

.product-gallery__thumb:hover {
  border-color: #a3a5a7; }

.product-gallery__thumb img {
  cursor: pointer;
  background-color: #f7f7f8;
  width: 100%; }

.product-gallery__thumb.active,
.product-gallery__thumb.active:hover {
  border-color: #808284; }

.product-gallery__thumb.active img {
  opacity: .9;
  width: 100%; }

.product-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.product-image-detail {
  width: 91%;
  padding-left: 10px;
  position: relative; }

.product-gallery-item {
  text-align: center;
  margin-bottom: 10px; }

.product-full-img {
  text-align: center; }

.product-full-img .no_image {
  width: 50%; }

/* ________ */
@media (min-width: 992px) {
  .product-image__button {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 10; } }

.product-sharing, .product-zoom, .gallery-index {
  position: absolute;
  z-index: 6; }

.product-sharing {
  display: none;
  height: auto;
  width: 26px;
  left: 10%;
  bottom: 50px;
  cursor: pointer;
  padding-bottom: 30px;
  -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.product-sharing .icon {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px; }

.product-sharing a {
  width: 26px;
  position: absolute;
  text-align: center;
  padding: 30px 0;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  display: block;
  -ms-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%); }

.product-sharing a:nth-child(2) {
  bottom: 30px;
  -ms-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear; }

.product-sharing a:nth-child(3) {
  bottom: 80px;
  -ms-transition: all 150ms linear 100ms;
  -webkit-transition: all 150ms linear 100ms;
  transition: all 150ms linear 100ms; }

.product-sharing a:nth-child(4) {
  bottom: 130px;
  -ms-transition: all 150ms linear 200ms;
  -webkit-transition: all 150ms linear 200ms;
  transition: all 150ms linear 200ms; }

.product-sharing a:nth-child(5) {
  bottom: 130px;
  -ms-transition: all 150ms linear 200ms;
  -webkit-transition: all 150ms linear 200ms;
  transition: all 150ms linear 200ms; }

.product-sharing a:nth-child(5) {
  bottom: 180px;
  -ms-transition: all 150ms linear 300ms;
  -webkit-transition: all 150ms linear 300ms;
  transition: all 150ms linear 300ms; }

.product-sharing:hover a {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible; }

.product-sharing a svg {
  fill: #000;
  width: 24px;
  height: 24px; }

.product-sharing a:hover svg {
  fill: #65d1e6; }

.product-zoom {
  width: 30px;
  height: 30px;
  overflow: visible;
  cursor: pointer;
  top: auto;
  bottom: 48px;
  right: 0;
  left: 0;
  margin: auto;
  -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1); }

.product-zoom polyline, .product-sharing .icon svg {
  fill: #000; }

.product-zoom polyline {
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transform-origin: center;
  -ms-transition: transform 150ms linear;
  -webkit-transition: transform 150ms linear;
  transition: transform 150ms linear; }

@media (min-width: 992px) {
  .product-zoom:hover polyline:nth-child(1) {
    -ms-transform: scale(0.9) translate3d(-2px, -2px, 0);
    -webkit-transform: scale(0.9) translate3d(-2px, -2px, 0);
    transform: scale(0.9) translate3d(-2px, -2px, 0); }
  .product-zoom:hover polyline:nth-child(2) {
    -ms-transform: scale(0.9) translate3d(2px, -2px, 0);
    -webkit-transform: scale(0.9) translate3d(2px, -2px, 0);
    transform: scale(0.9) translate3d(2px, -2px, 0); }
  .product-zoom:hover polyline:nth-child(3) {
    -ms-transform: scale(0.9) translate3d(2px, 2px, 0);
    -webkit-transform: scale(0.9) translate3d(2px, 2px, 0);
    transform: scale(0.9) translate3d(2px, 2px, 0); }
  .product-zoom:hover polyline:nth-child(4) {
    -ms-transform: scale(0.9) translate3d(-2px, 2px, 0);
    -webkit-transform: scale(0.9) translate3d(-2px, 2px, 0);
    transform: scale(0.9) translate3d(-2px, 2px, 0); }
  /**** PRODUCT DETAIL ****/
  .icon-pr-fix.out-with-you {
    opacity: 0; }
  .product-content-desc {
    position: -webkit-sticky;
    position: sticky;
    top: 65px; } }

.gallery-index {
  display: none;
  bottom: 55px;
  width: 47px;
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  cursor: default;
  right: 10%;
  -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.icon-pr-fix {
  -ms-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear; }

/* ------------------- Zoom product  ------------------------ */
#divzoom {
  position: fixed;
  display: none;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100vh;
  overflow: hidden;
  width: 100vw;
  background: #fff; }

#divzoom #closedivZoom {
  position: absolute;
  z-index: 1000;
  border: 2px solid #333;
  top: 15px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent; }

#divzoom #closedivZoom i:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #333;
  left: 20%;
  top: calc(50% - 3px);
  z-index: 1001;
  display: block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#divzoom #closedivZoom i:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #333;
  right: 30%;
  top: calc(50% - 3px);
  z-index: 1001;
  display: block;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#divzoom #closedivZoom i {
  position: relative;
  width: 40px;
  height: 40px;
  display: block; }

.divzoom_main {
  height: calc(100vh - 40px); }

.divzoom_main .product-thumb {
  height: 100%;
  width: 100%; }

.divzoom_main .product-thumb img {
  max-height: 100%; }

body.open_layer {
  overflow: hidden; }

.list-productRelated h2 {
  text-transform: uppercase;
  margin: 10px 0 50px; }

.list-productRelated .pro-loop .product-img button {
  width: 70%; }

@media (min-width: 1024px) {
  .list-productRelated .pro-loop {
    width: 20%; } }

.list-productRelated .product-block .product-img {
  margin: 0 0 15px 0;
  position: relative;
  border: 1px solid #fbfbfb; }
  .list-productRelated .product-block .product-img .product-sale {
    position: absolute;
    z-index: 8;
    top: 8px;
    left: 8px;
    padding: 0;
    background: #db1a2a;
    color: #fff;
    height: 36px;
    width: 36px;
    line-height: 34px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center; }
    @media (max-width: 991px) {
      .list-productRelated .product-block .product-img .product-sale {
        font-size: 10px;
        height: 30px;
        width: 30px;
        line-height: 28px; } }
  .list-productRelated .product-block .product-img .sold-out {
    position: absolute;
    z-index: 8;
    background: #575757;
    color: white;
    padding: 5px 15px;
    font-size: 16px;
    top: 0;
    right: 0; }
    @media (max-width: 991px) {
      .list-productRelated .product-block .product-img .sold-out {
        padding: 3px 8px;
        font-size: 12px; } }

.list-productRelated .product-block .product-detail .box-pro-detail .pro-name {
  font-size: 16px;
  line-height: 25px;
  color: #5e514d;
  width: 100%;
  margin-bottom: 10px; }
  .list-productRelated .product-block .product-detail .box-pro-detail .pro-name a {
    color: #2d2d2d;
    font-weight: 400;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
    .list-productRelated .product-block .product-detail .box-pro-detail .pro-name a:hover {
      color: #f5ce8c; }

.list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price span {
  font-size: 16px;
  color: red;
  opacity: 0.92; }

.list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price del {
  font-size: 13px;
  color: gray;
  margin-left: 6px; }

.list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a {
  font-size: 14px;
  padding: 5px 18px;
  text-align: center;
  color: #c7dd9b;
  background: #ffffff;
  border: 1px solid #c7dd9b;
  font-weight: 400;
  display: inline-block;
  border-radius: 2px;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out; }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a.disabled {
    border-color: #e7e7e7;
    background: #e7e7e7;
    color: gray;
    pointer-events: none; }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover, .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:focus {
    text-decoration: none;
    background: #c7dd9b;
    color: #fff; }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon {
    padding: 0 4px;
    color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    opacity: 0.7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before, .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
      content: '';
      position: absolute;
      z-index: -1;
      background: #c7dd9b;
      width: 100%;
      height: 2px;
      margin-top: -5px;
      -webkit-transition: all 0.1s ease-in;
      transition: all 0.1s ease-in;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before, .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before {
    background: #ffffff;
    -webkit-transform: translateY(-2.5px) rotate(-145deg);
    -ms-transform: translateY(-2.5px) rotate(-145deg);
    transform: translateY(-2.5px) rotate(-145deg); }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after, .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after {
    background: #ffffff;
    -webkit-transform: translateY(2.5px) rotate(145deg);
    -ms-transform: translateY(2.5px) rotate(145deg);
    transform: translateY(2.5px) rotate(145deg); }

@media (max-width: 575px) {
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button {
    display: none; } }

.list-productRelated .product-block .product-detail .box-pro-detail .box-pro-des {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #1b1f28;
  line-height: 24px;
  font-weight: 300;
  width: 100%;
  margin: 5px 0 0 0; }
  @media (max-width: 991px) {
    .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-des {
      display: none; } }

.description-productdetail table {
  min-width: initial !important; }

/* STYLE PRODUCT PAGE */
.pr_style_02 .product-image-detail {
  width: 100%;
  padding-left: 0px;
  position: relative; }

.pr_style_02 .product-gallery-item {
  margin-bottom: 10px; }

@media (min-width: 992px) {
  .pr_style_02 .product-gallery-item {
    width: 50%;
    padding-right: 5px;
    float: left; }
  .pr_style_02 .product-gallery-item:nth-of-type(2n) {
    padding-left: 5px;
    padding-right: 0; }
  .pr_style_03 button.btn-addtocart {
    width: 60%; }
  .pr_style_02 .product-gallery-item:nth-of-type(2n+1) {
    clear: both; }
  .pr_style_03 .product-gallery__thumbs {
    position: initial;
    top: 0; }
  .pr_style_03 .product-content-img .product-gallery {
    position: -webkit-sticky;
    position: sticky;
    top: 85px; }
  .pr_style_03 .product-content-desc {
    position: initial;
    top: 0; }
  .pr_style_03 .product-gallery__thumbs-container {
    width: 12%; }
  .pr_style_03 .product-image-detail {
    width: 88%; } }

/*--------------------------------------------------------------------------------
BLOG - ARTICLE
--------------------------------------------------------------------------------*/
.wrapper-row.pd-page {
  padding: 40px 0; }
  @media (max-width: 767px) {
    .wrapper-row.pd-page {
      padding: 20px 0; } }

.list-article-content .news-content {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden; }

.blog-posts .blog-loop {
  margin-bottom: 25px; }

.blog-posts .blog-loop:nth-of-type(3n+1) {
  clear: both; }

.blog-posts .blog-post .blog-post-thumbnail {
  display: block;
  overflow: hidden; }

.blog-posts .blog-post .blog-post-thumbnail img {
  -webkit-transition: all 1s ease-in-out 0s;
  -khtml-transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -ms-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.blog-posts .blog-post .blog-post-thumbnail:hover img {
  -webkit-transform: scale(1.2);
  -khtml-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

.blog-posts .blog-post .blog-post-title {
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: none;
  letter-spacing: 0; }

.blog-posts .blog-post .blog-post-meta {
  margin-bottom: 15px;
  color: #999; }

.blog-posts .blog-post .blog-post-meta > span:after {
  content: '/';
  padding-left: 4px; }

.blog-posts .blog-post .blog-post-meta > span:last-child:after {
  content: ''; }

.blog-posts .blog-post .blog-post-meta a {
  color: #999; }

.blog-posts .blog-post .blog-post-meta a:hover {
  color: #000000; }

/* article */
.box-article-heading h1 {
  margin: 20px 0;
  font-size: 24px; }

.box-article-heading .header-page {
  z-index: 9; }

.box-article-heading .header-page:after {
  background: #000; }

ul.article-info-more {
  padding-left: 0; }

ul.article-info-more li {
  opacity: 0.85;
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 500; }

ul.article-info-more li i {
  margin-right: 5px; }

.meta-tags .tags-title {
  font-weight: 500; }

.meta-tags a.tag {
  opacity: 0.8;
  font-style: italic;
  font-size: 14px; }

.meta-tags a.tag:after {
  content: ",";
  margin: 1px; }

.post-navigation {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 500; }

.post-navigation .right {
  float: right; }

.post-navigation .left {
  float: left; }

.article-pages, .meta-tags, .article-comment .comment_form, .post-navigation {
  margin-bottom: 40px; }

.article-pages * {
  max-width: 100% !important; }

.article-pages ul {
  list-style: initial;
  padding-left: 20px; }

.article-pages ol {
  list-style-type: decimal;
  padding-left: 20px; }

.article-pages ul ul {
  list-style-type: circle; }

.article-pages ul ul ul {
  list-style-type: square; }

.article-comment .title-bl h2 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 30px; }

.article-comment .title-bl h2:after {
  content: "";
  display: block;
  margin-top: 25px;
  width: 30px;
  height: 3px;
  background: #252a2b; }

.article-comment .comment_form .form-group input, .article-comment .comment_form .form-group textarea {
  box-shadow: none;
  background: #ededed;
  color: #2d2d2d;
  border: 0;
  border-radius: 0; }

.article-comment .comment_form .form-group input {
  padding: 0 20px;
  height: 55px; }

.article-comment .comment_form .form-group textarea {
  padding: 20px;
  resize: none; }

.article-comment .comment_form button.btn-rb {
  background: #c7dd9b;
  border: 0;
  height: 55px;
  display: inline-block;
  padding: 0 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px; }

.article-comment .comment_form button.btn-rb:hover {
  background: #65d1e6; }

#article h3.author {
  font-size: 14px;
  font-style: normal;
  text-transform: capitalize; }

#article .comment-content .comment-user {
  padding: 20px 0px;
  border-bottom: 1px solid #dee2e6; }
  @media (max-width: 767px) {
    #article .comment-content .comment-user {
      padding: 15px 0; } }

#article .comment-content .comment-user:first-child {
  padding-top: 0; }

#binhluan .date {
  float: right;
  color: #333333;
  font-size: 12px; }

#binhluan .comment-user {
  padding: 25px 0;
  border-bottom: 1px solid #ededed; }

/*Sidebar Blog*/
.news-latest, .menu-blog {
  margin: 0 0 30px;
  position: relative;
  padding: 20px;
  border: 1px solid #e3e5ec; }
  .news-latest ul, .menu-blog ul {
    margin: 0;
    padding: 0; }
    .news-latest ul li, .menu-blog ul li {
      margin: 0 0 5px 0; }

.sidebarblog-title h2 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
  text-align: center; }

.sidebarblog-title h2 span {
  display: none; }

.list-news-latest .item-article {
  border-bottom: 1px #efefef dotted;
  padding: 15px 0;
  margin: 0; }

.list-news-latest .item-article:last-child {
  border-bottom: none; }

.list-news-latest .item-article .post-image {
  width: 30%;
  float: left;
  position: relative; }

.list-news-latest .item-article .post-content {
  width: 70%;
  float: left;
  padding-left: 15px; }

.list-news-latest .item-article .post-content h3 {
  margin: 0 0 5px;
  font-size: 14px; }

.list-news-latest .item-article .post-content span.author {
  font-size: 12px; }

/*--------------------------------------------------------------------------------
ABOUT - CONTACT
--------------------------------------------------------------------------------*/
.heading-page h1 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px; }

.pageAbout-us.page-layout {
  padding: 40px 0 0; }
  @media (max-width: 767px) {
    .pageAbout-us.page-layout {
      padding: 20px 0 0; } }

.page-contact main {
  min-height: 85vh; }

.page-wrapper ul, .page-wrapper ol {
  margin-bottom: 15px;
  padding-left: 40px; }

.page-wrapper ul {
  list-style-type: initial; }

.header-page-contact h1 {
  font-size: 30px;
  font-weight: 500;
  margin: 0px 0; }

.header-page-contact:after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  margin-top: 30px;
  background: #252a2b;
  margin-bottom: 50px; }

.box-info-contact li {
  margin-bottom: 30px; }

.box-info-contact li p {
  margin-bottom: 0;
  color: #666;
  font-weight: 500; }

.box-info-contact li p strong {
  font-weight: 500;
  color: #2d2d2d; }

.box-send-contact h2 {
  font-weight: 500;
  font-size: 25px;
  margin: 40px 0 35px; }

.box-send-contact h2:after {
  content: "";
  display: block;
  margin-top: 25px;
  width: 30px;
  height: 3px;
  background: #252a2b; }

.contact-form .input-group {
  width: 100%;
  margin-bottom: 20px; }

.contact-form .input-group input,
.contact-form .input-group textarea {
  border: 1px solid #e7e7e7;
  box-shadow: none;
  height: 45px;
  font-weight: 500;
  padding: 0 20px;
  background: #fbfbfb;
  color: #2d2d2d;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; }

.contact-form .input-group textarea {
  width: 100%;
  height: 130px;
  padding: 20px 20px; }

.contact-form .input-group textarea:focus {
  outline: none; }

.box-send-contact button {
  height: 55px;
  padding: 0 30px;
  border-radius: 0;
  font-weight: 500;
  text-transform: uppercase; }

.wrapbox-content-page-contact {
  padding: 50px; }

.wrapbox-content-page {
  padding-bottom: 30px; }

.sidebar-page .group-menu {
  margin: 0 0 30px;
  position: relative;
  padding: 20px;
  border: 1px solid #e3e5ec; }
  .sidebar-page .group-menu ul {
    margin: 0;
    padding: 0; }
    .sidebar-page .group-menu ul li {
      margin: 0 0 5px 0; }

.sidebar-page .page_menu_title h2 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
  text-align: center; }

.sidebar-page .box_image {
  margin-bottom: 30px; }

.box_image .banner {
  position: relative;
  overflow: hidden; }

.box_image .banner img {
  width: 100%;
  -webkit-transition: all 1s ease-in-out 0s;
  -khtml-transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -ms-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.box_image .banner:hover img {
  -webkit-transform: scale(1.2);
  -khtml-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

/* --------------------------------------------------------------------------------
CART PAGE
-------------------------------------------------------------------------------- */
.wrapper-cart-detail {
  padding: 35px 0 50px; }

.layoutPage-cart .heading-page {
  position: relative;
  text-align: center;
  padding: 0 0 30px 0; }

.layoutPage-cart .heading-page:after {
  content: "";
  background: #252a2b;
  display: block;
  width: 60px;
  height: 4px;
  margin: 25px auto 0; }

.layoutPage-cart .heading-page h1 {
  font-size: 30px;
  margin: 0 0 10px; }

.layoutPage-cart .heading-page .count-cart span {
  font-weight: 500; }

.layoutPage-cart .cart-empty {
  font-size: 20px;
  margin: 30px 0; }

table.table-cart {
  margin-bottom: 30px;
  border-bottom: 1px solid #ededed; }

table.table-cart thead {
  display: none; }

table.table-cart tr td {
  padding: 20px 0;
  border-top: 1px solid #ededed;
  vertical-align: top; }

table.table-cart tr:first-child td {
  border-top: 0; }

table.table-cart tr td.image {
  text-align: center;
  width: 110px; }

table.table-cart tr td.image img {
  max-width: 100px; }

table.table-cart tr td.item {
  padding-left: 15px; }

table.table-cart tr td.item h3 {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: 500;
  padding-right: 30px; }

table.table-cart tr td.item p {
  margin-bottom: 5px; }

table.table-cart tr td.item p .pri {
  font-weight: 500; }

table.table-cart tr td.item p del {
  font-size: 12px; }

table.table-cart tr td.item .price {
  margin: 0;
  float: right; }

table.table-cart tr td.item .price span.text {
  display: none; }

table.table-cart tr td.item .price span {
  font-size: 16px;
  padding-right: 0;
  font-weight: 500; }

table.table-cart tr td.item .variant {
  margin-bottom: 5px; }

table.table-cart tr td.remove {
  text-align: right; }

.qty-click input.item-quantity {
  font-weight: 500;
  font-size: 15px;
  height: 25px;
  padding: 0;
  text-align: center;
  width: 35px;
  background: #ededed;
  border: 1px solid #dadbdd;
  border-radius: 0;
  float: left;
  -webkit-appearance: none; }

.qty-click {
  float: left; }

.qty-click button.qty-btn {
  background: #fff;
  font-weight: 500;
  font-size: 14px;
  color: #abafb2;
  height: 25px;
  padding: 0;
  text-align: center;
  width: 25px;
  border: 1px solid #dadbdd;
  border-radius: 0;
  float: left;
  -webkit-appearance: none; }

.qty-click button.qtyplus.qty-btn {
  border-left: none; }

.qty-click button.qtyminus.qty-btn {
  border-right: none; }

.qty-click button.qty-btn:focus {
  outline: none; }

.checkout-note textarea {
  border-radius: 0;
  background: #ededed;
  color: #2d2d2d;
  font-size: 15px;
  padding: 20px 15px;
  outline: none;
  width: 100% !important;
  min-height: 130px;
  font-weight: 500;
  border: 1px solid transparent;
  transition: all 150ms linear;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none; }

.cart-buttons a, .cart-buttons .btn-checkout, .cart-buttons .btn-update {
  display: inline-block;
  vertical-align: top;
  padding: 19px 20px; }

.cart-buttons .link-continue {
  margin-left: 0; }

.link-continue {
  margin: 10px 0 0;
  text-align: center; }

.link-continue a {
  color: #c7dd9b; }
  .link-continue a:hover {
    color: #f5ce8c; }

.link-continue a i {
  margin-right: 4px; }

.sidebox-order {
  background: #fff;
  padding: 15px;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #e1e3e4;
  border-radius: 2px; }

.sidebox-order div[class^="sidebox-order_"] {
  margin-bottom: 15px; }

.sidebox-order div[class^="sidebox-order_"]:last-child {
  margin-bottom: 0px; }

.sidebox-order_title h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 10px 0; }

.sidebox-order_total {
  font-size: 16px;
  color: #5c5c5c;
  font-weight: 500;
  padding: 15px 0;
  border-top: 1px dotted #dfe0e1;
  border-bottom: 1px dotted #dfe0e1; }

.sidebox-order_total p {
  margin: 0; }

.sidebox-order_total p .total-price {
  float: right;
  color: #c7dd9b;
  font-size: 24px; }

.sidebox-order_action .btncart-checkout {
  border-radius: 0;
  color: white;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  padding: 12px 20px;
  border-color: #c7dd9b; }
  .sidebox-order_action .btncart-checkout:hover {
    color: white;
    border-color: #f5ce8c; }

.sidebox-group h4 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  color: #666666; }

.sidebox-policy ul li {
  display: block;
  line-height: 25px;
  position: relative;
  padding-left: 20px;
  overflow: hidden; }

.sidebox-policy ul li:before {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: "\f178";
  font-size: 10px;
  left: 0;
  opacity: 1;
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s; }

/*---------------------------------------------------------------------------------
PAGINATION - 404 - SEARCH PAGE 
-------------------------------------------------------------------------------- */
.breadcrumb-shop {
  background: #f5f5f5; }

.breadcrumb-shop .breadcrumb-arrows {
  padding: 10px 0;
  background: transparent;
  border-radius: 0;
  margin: 0; }

.breadcrumb-shop .breadcrumb > li + li:before {
  padding: 0 3px; }

.breadcrumb-shop .breadcrumb-arrows li {
  font-size: 13px; }

#pagination {
  margin: 30px 0 0 0; }

#pagination .page-node, #pagination .next, #pagination .prev {
  display: inline-block;
  margin: 30px 8px;
  font-size: 15px;
  font-weight: 500;
  opacity: 0.4; }

#pagination .next {
  margin-left: 30px; }

#pagination .prev {
  margin-right: 30px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

#pagination .page-node.current, #pagination .page-node:hover, #pagination .next:hover, #pagination .prev:hover {
  opacity: 1; }

.pageNot {
  min-height: 80vh; }

.content-pagenot h1 {
  font-weight: 500;
  font-size: 40px; }

.content-pagenot p.subtext {
  font-weight: 500;
  opacity: 0.66; }

.content-pagenot:after {
  content: "";
  display: block;
  background: #252a2b;
  width: 80px;
  height: 4px;
  margin: 50px auto 0; }

.content-pagenot a {
  font-weight: 500;
  font-size: 16px;
  margin: 30px 0 0;
  display: block; }

.searchPage .heading-page {
  position: relative;
  text-align: center;
  padding: 0 0 30px 0; }

.searchPage .heading-page:after {
  content: "";
  background: #252a2b;
  display: block;
  width: 60px;
  height: 4px;
  margin: 25px auto 0; }

.searchPage .heading-page h1 {
  font-size: 30px;
  margin: 0 0 10px; }

.wrapbox-content-search {
  padding-bottom: 30px; }

.searchPage .subtxt {
  opacity: .66;
  margin-top: 15px; }

.search-field {
  width: 60%;
  display: block;
  margin: auto; }

input#go {
  width: 55px;
  height: 55px;
  float: right;
  background: url(//theme.hstatic.net/200000924437/1001286536/14/iconsearch.png?v=229) #252a2b center no-repeat;
  margin: 0px;
  position: relative;
  top: 0;
  border-radius: 0;
  font-size: 0;
  border: 0; }

#search .search_box {
  width: calc(100% - 55px);
  outline: none;
  height: 55px;
  padding: 0 20px;
  background: #ededed;
  border: 0;
  box-shadow: none; }

.expanded-message .message-txt {
  width: 100%;
  padding-top: 25px;
  text-align: center; }

.expanded-message .message-txt p {
  margin: 0;
  font-size: 14px;
  font-weight: 400; }

.expanded-message h2 {
  font-weight: 500;
  font-size: 22px; }

.expanded-message .subtext {
  margin-bottom: 40px;
  display: block; }

.search-item {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  float: left; }

.search-item .thumb-image {
  display: block;
  width: 80px;
  position: relative;
  overflow: hidden;
  float: left; }

.search-item .thumb-image img {
  vertical-align: middle;
  -webkit-transition: transform 250ms linear;
  -moz-transition: transform 250ms linear;
  -o-transition: transform 250ms linear;
  transition: transform 250ms linear; }

.search-item .thumb-image:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  transition: opacity 250ms linear;
  opacity: 0;
  content: ""; }

.search-item .content {
  float: left;
  padding-left: 35px;
  width: calc(100% - 80px); }

.search-item .content .title {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  display: block; }

.search-item .content .caption {
  opacity: .66;
  display: block;
  margin-top: 5px;
  font-size: 14px; }

.search-item .content .caption del {
  font-size: 13px;
  margin-left: 15px;
  opacity: 0.5; }

.subtext-result {
  margin-bottom: 30px; }

.search-item:hover .thumb-image:after {
  opacity: 1; }

/*--------------------------------------------------------------------------------
ACCOUNT
--------------------------------------------------------------------------------*/
.wrapbox-heading-account {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.wrapbox-heading-account .header-page {
  position: relative; }

.wrapbox-heading-account .header-page:after {
  content: "";
  background: #000;
  display: block;
  width: 60px;
  height: 4px;
  margin-top: 70px; }

.wrapbox-heading-account .header-page h1 {
  font-size: 54px;
  font-weight: 500;
  margin: 0px 0;
  line-height: initial; }

.wrapbox-heading-account .header-page p {
  font-size: 14px;
  opacity: .66;
  margin: 20px 0 0 0;
  position: relative; }

.wrapbox-heading-account .header-page p span {
  font-weight: 500; }

.userbox h2 {
  font-size: 20px;
  margin: 0 0 20px;
  font-weight: 500; }

.large_form {
  margin-bottom: 30px; }

.large_form.large_form-mr10 {
  margin-bottom: 10px; }

.icon-field {
  display: none; }

.userbox input[type=email], .userbox input[type=password], .userbox input[type=text] {
  width: 100%;
  height: 55px;
  border: 1px solid transparent;
  background: #ededed;
  color: #2d2d2d;
  padding: 0 20px;
  font-weight: 500;
  -webkit-appearance: none; }

.userbox input[type=email]:focus, .userbox input[type=password]:focus,
.userbox input[type=text]:focus {
  background: #fff;
  border-color: #ededed; }

.action_account_custommer .action_bottom, .action_account_custommer .req_pass {
  display: inline-block;
  vertical-align: middle; }

.action_account_custommer .req_pass {
  margin-left: 20px; }

.userbox .action_bottom {
  padding: 0; }

.userbox .action_bottom .btn {
  display: inline-block;
  border-radius: 0;
  padding: 0 30px;
  height: 55px;
  text-transform: uppercase;
  font-weight: 500; }

.req_pass {
  color: #959898;
  font-weight: 500; }

.come-back {
  margin-top: 35px;
  display: block;
  font-weight: 500; }

.come-back i {
  margin-right: 20px; }

.userbox .errors a {
  color: #c7dd9b; }

@-moz-keyframes ripple {
  5%, 100% {
    opacity: 0; }
  5% {
    opacity: 1; } }

@-webkit-keyframes ripple {
  5%, 100% {
    opacity: 0; }
  5% {
    opacity: 1; } }

@keyframes ripple {
  5%, 100% {
    opacity: 0; }
  5% {
    opacity: 1; } }

#form-gender input[type="radio"] {
  display: none; }

#form-gender input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  padding-left: 28px;
  margin: 0 20px 0 0; }

#form-gender input[type="radio"] + label:before, input[type="radio"] + label:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#form-gender input[type="radio"] + label:before {
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #c7dd9b;
  -moz-box-shadow: inset 0 0 0 18px #efefef;
  -webkit-box-shadow: inset 0 0 0 18px #efefef;
  box-shadow: inset 0 0 0 18px #efefef; }

#form-gender input[type="radio"] + label:after {
  top: 49%;
  left: 9px;
  width: 54px;
  height: 54px;
  opacity: 0;
  background: rgba(255, 255, 255, 0.3);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0); }

#form-gender input[type="radio"]:checked + label:before {
  -moz-box-shadow: inset 0 0 0 4px #efefef;
  -webkit-box-shadow: inset 0 0 0 4px #efefef;
  box-shadow: inset 0 0 0 4px #efefef; }

#form-gender input[type="radio"]:checked + label:after {
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -moz-animation: ripple 1s none;
  -webkit-animation: ripple 1s none;
  animation: ripple 1s none; }

/* --------------------- order ---- account -- address -----------------------  */
.layout-info-account {
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    .layout-info-account {
      padding-bottom: 20px; } }
  .layout-info-account .content-page-order {
    width: 100%; }
    @media (max-width: 767px) {
      .layout-info-account .content-page-order {
        padding: 0 15px; } }
  @media (max-width: 767px) {
    .layout-info-account.detail-order {
      padding-bottom: 0px; } }

.title-infor-account {
  padding: 30px 15px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 60px; }

.title-infor-account h1 {
  font-size: 42px;
  font-weight: 500;
  margin: 0;
  text-align: center; }

.title-infor-account h1:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 50px auto 0;
  background: #252a2b; }

.title-detail {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  position: relative;
  border-bottom: 1px solid #ededed;
  padding-bottom: 8px; }

.sb-title:after {
  content: "";
  display: block;
  margin-top: 25px;
  width: 30px;
  height: 3px;
  background: #252a2b; }

.name_account {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  margin: 10px 0 5px; }

#customer_sidebar p {
  margin-bottom: 0;
  font-size: 14px; }

.customer-table-wrap {
  background: #f7f7f7;
  padding: 10px; }

.customer-table-bg {
  background: #fff;
  padding: 10px; }

.customer-table-bg p {
  margin: 0; }

#customer_orders table thead th, #order_details tr th {
  font-weight: 500;
  font-size: 14px; }

#customer_orders table tr a {
  font-weight: 500;
  float: left;
  width: 85%;
  margin-left: 3px;
  line-height: 20px;
  opacity: 0.66; }

#customer_orders table, #order_details {
  width: 100%;
  background: #fff;
  margin-bottom: 0; }

#customer_orders table tr, #order_details tr {
  height: 25px;
  line-height: 30px; }

#customer_orders table tr.odd, #order_details tr {
  background: #fff; }

#customer_orders table tr td, #order_details tr td {
  vertical-align: middle;
  border-top: none;
  font-size: 14px; }

#order_details tr td {
  line-height: 21px; }

#order_details tr td a, #order_details b {
  font-weight: 500; }

#order_details tr td.total b {
  font-weight: 500; }

#order_details tr td.total, #order_details tr th.total {
  padding-right: 8px; }

#order_details tr.order_border {
  border-top: 1px solid #ededed; }

#order_details tr td.order-image {
  width: 70px; }

#order_details tr td.order-image a {
  display: block;
  width: 60px;
  border: 1px solid #f7f7f7; }

a#view_address {
  font-weight: 500;
  opacity: 0.8; }

#customer_orders, #order_payment, #order_shipping {
  margin-bottom: 30px;
  margin-top: 30px; }

@media (max-width: 767px) {
  #order_payment {
    margin-bottom: 0; }
  #order_shipping {
    margin-top: 0; }
    #order_shipping .address {
      margin: 0; } }

.customer-table-bg .table > tbody > tr > th {
  border-top: none; }

.detail-table-order {
  margin-top: 30px; }

.name-order {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase; }

.order_section_title {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 10px;
  padding: 10px 0px;
  position: relative;
  text-transform: uppercase; }

.order_date {
  font-weight: normal;
  font-size: 14px;
  text-transform: none; }

.text_status {
  font-weight: 500; }

.address p {
  margin-bottom: 5px; }

.account-order .address {
  margin: 0px 0px 30px;
  padding: 10px;
  background-color: #fbfbfb; }

span.variant_acc {
  font-size: 13px;
  opacity: 0.8; }

.alert-info {
  border-radius: 0;
  margin-bottom: 0; }

.address_title {
  margin-bottom: 0;
  font-size: 16px;
  padding: 10px 70px 10px 10px;
  background-color: #d9edf7;
  border-color: #bce8f1;
  position: relative; }

.address_table {
  margin-bottom: 10px;
  border-top: 0px solid #ddd;
  background: #fafafa;
  padding: 15px; }
  .address_table input[name="address[default]"] {
    margin: 0 10px 0 0; }

#add_address input[name="address[default]"] {
  margin: 0 10px 0 0; }

.address_title h3 {
  margin: 0;
  font-size: 14px; }

.account-address .note {
  border: none;
  padding: 0; }

p.address_actions.text-right {
  margin: 7px 5px 0px 0;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0; }

.action_link a {
  text-transform: uppercase;
  font-size: 15px; }

span.action_link {
  padding: 5px; }

.view_address p > b {
  font-weight: 500;
  font-size: 14px; }

.view_address p {
  margin: 5px 0;
  line-height: 15px;
  font-size: 14px; }

.add-new-address {
  padding-bottom: 10px;
  display: inline-block;
  padding: 10px;
  background: #c7dd9b;
  color: #fff !important;
  text-transform: uppercase; }

.add-new-address:focus {
  color: #fff; }

.account-address .input-group-addon {
  display: none; }

.input-group {
  margin: 15px 0px; }

.input-group .input-group-addon {
  padding: 6px 10px;
  border-radius: 0;
  color: #616161;
  background-color: #ebebeb;
  border-color: #ebebeb;
  width: 40px;
  text-align: center; }

.input-group .form-control {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ebebeb; }

.icon-user:after {
  content: url(//hstatic.net/0/0/global/design/theme-default/userico.png); }

.icon-envelope:after {
  content: url(//hstatic.net/0/0/global/design/theme-default/email.png); }

.icon-shield:after {
  content: url(//hstatic.net/0/0/global/design/theme-default/pass.png); }

.layout-info-account .action_bottom .btn {
  height: 35px;
  line-height: 35px;
  outline: 0;
  margin-right: 5px;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 30px;
  border: 0;
  background: #c7dd9b;
  color: #fff;
  display: inline-block;
  border-radius: 0; }

.AccountTitle {
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  position: relative; }

.AccountList ul > li > a {
  display: block;
  position: relative;
  padding: 5px 0px; }

.AccountList ul > li > a:before {
  content: "\f192";
  font-family: "Font Awesome 5 Pro";
  font-size: 8px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: 2px; }

#order_cancelled {
  margin-bottom: 15px; }

#order_cancelled h5 {
  margin: 0; }

/*---------------------------------------------------------------------------------
RESPONSIVE
---------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
  /*index */
  .box-banner-inf {
    width: 80%;
    z-index: 4; }
  .list-slider-banner.owl-carousel .owl-nav .owl-next {
    right: 65px; }
  .list-slider-banner.owl-carousel .owl-nav .owl-prev {
    left: 65px; }
  /*account*/
  .wrapbox-content-account {
    padding: 100px 60px; }
  .wrapbox-heading-account .header-page {
    width: 80%; } }

@media (min-width: 992px) {
  .wrapbox-heading-account {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-right: 1px solid #ededed;
    height: 100vh;
    padding: 0; }
  .wrapbox-heading-account .header-page {
    padding-bottom: 70px; }
  .box-heading-contact {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-right: 1px solid #ededed;
    height: 100vh;
    padding: 0; }
  .box-map iframe {
    height: 100vh !important; }
  /**** INDEX ****/
  .wrap-pd-infor.box_stick {
    position: -webkit-sticky;
    position: sticky !important;
    max-height: 100vh;
    top: 0;
    border-right: 1px solid #ededed; }
  .wrap-pd-infor .inf-content {
    padding: 100px 15px;
    max-width: 80%;
    margin: auto; }
  /**** COLLECTION ****/
  .sidebar-fix {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    margin-top: 50px; }
  /**** PRODUCT DETAIL ****/
  .icon-pr-fix.out-with-you {
    opacity: 0; }
  .product-content-desc {
    position: -webkit-sticky;
    position: sticky;
    top: 65px; }
  /**** BLOG ****/
  .list-article-content .news-content {
    height: 50vh; }
  /**** FOOTER ****/
  .top-footer .area_newsletter {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 0; }
  .top-footer .area_newsletter .title_newsletter {
    width: 32%;
    border-right: 1px solid #e7e7e7;
    margin-right: 20px;
    margin-bottom: 0; } }

@media (min-width: 1200px) {
  .wrapbox-content-account {
    padding: 100px; }
  .wrapbox-heading-account .header-page {
    width: 70%; }
  .block-banner-category img {
    -webkit-transition: -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .block-banner-category:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  .box-banner-inf {
    width: 80%;
    z-index: 4; }
  .top-footer .area_newsletter .title_newsletter {
    width: 26%; }
  .wrapbox-content-search {
    padding: 0 100px 30px; }
  #homepage_slider:not(.owl-loaded),
  .list-slider-banner.owl-carousel:not(.owl-loaded) {
    min-height: 300px;
    visibility: hidden; } }

@media (min-width: 768px) {
  table.table-cart tr td.remove {
    position: absolute;
    right: 15px; }
  .sidebarCart-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 70px; } }

@media (max-width: 991px) and (min-width: 768px) {
  .wrapbox-heading-account {
    height: 50vh;
    border-bottom: 1px solid #ededed; }
  .wrapbox-heading-account .header-page {
    width: 80%;
    text-align: center;
    padding-bottom: 50px; }
  .wrapbox-heading-account .header-page:after {
    margin: 50px auto 0; }
  .wrapbox-content-account {
    padding: 100px 80px; }
  #site-menu-handle {
    padding-right: 80px;
    display: inline-block !important; }
  span#site-menu-handle:after {
    font-size: 13px;
    display: inline-block;
    content: "Menu";
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 0px;
    opacity: 0.6; }
  .box-heading-contact {
    height: 50vh;
    border-bottom: 1px solid #ededed; }
  .box-map iframe {
    height: 50vh !important; }
  /* INDEX */
  .wrap-pd-infor.box_stick {
    height: 50vh; }
  .box-banner-inf {
    width: 70%;
    z-index: 4;
    text-align: center; }
  .wrap-pd-infor .inf-content {
    padding: 100px 15px;
    max-width: 80%;
    margin: auto; }
  /* COLLECTION */
  .no-product {
    text-align: center; }
  /* PRODUCT DETAIL*/
  .icon-pr-fix {
    position: absolute;
    bottom: 25px; }
  .product-zoom.icon-pr-fix {
    right: 15px;
    left: initial;
    margin: 0; }
  .gallery-index.icon-pr-fix {
    display: none; }
  .divzoom_main .product-thumb {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .box__product-gallery {
    height: 70vh;
    overflow: visible; }
  .slide_product {
    width: 100%;
    height: 100%; }
  .slide_product li.gallery-item {
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .box__product-gallery.scroll .site-box-content:after {
    content: 'flickity';
    display: none; }
  /* CART */
  .checkout-note textarea {
    margin-bottom: 20px; }
  .sidebox-order_title h3 {
    font-size: 18px; }
  .sidebox-order_total p .total-price {
    font-size: 20px; }
  .sidebox-order_text {
    font-size: 12px; }
  .sidebox-order_action .btncart-checkout {
    font-size: 8px 15px; }
  /* BLOGS */
  .list-article-content .news-content {
    height: 50vh; }
  /* Footer */
  footer.footer .col-lg:nth-of-type(2n+1) {
    clear: both; } }

@media (max-width: 991px) {
  .header-wrap-icon > span.icon-account,
  .header-wrap-icon > span.icon-search {
    display: none !important; }
  .block .title_block {
    position: relative;
    display: inline-block;
    margin: 0 0 5px; }
  .block .title_block span {
    display: block;
    top: 8px;
    right: 10px;
    position: absolute; }
  .block .block_content {
    display: none; }
  .filter-default {
    padding: 0 15px; }
  .product-image-detail {
    width: 100%;
    padding: 0; }
  .flickity-page-dots {
    bottom: -55px;
    z-index: 2; }
  .product-title h1 {
    font-size: 26px;
    margin-top: 65px; }
  .caption_banner {
    padding: 0 15px;
    bottom: 10px; }
  .caption_banner h3 {
    font-size: 18px; }
  /* collection */
  .wrap-collection-title .heading-collection {
    margin: 0; }
  .wrap-collection-title .heading-collection h1 {
    font-size: 20px;
    text-align: center;
    margin: 20px 0; }
  .no-product {
    text-align: center; }
  .left-module {
    margin: 20px 0 0; }
  .wrapper-collection-1 .pro-loop:nth-child(odd),
  .wrapper-collection-2 .pro-loop:nth-child(odd),
  #collection-body .pro-loop:nth-child(odd) {
    padding-right: 7.5px; }
  .wrapper-collection-1 .pro-loop:nth-child(even),
  .wrapper-collection-2 .pro-loop:nth-child(even),
  #collection-body .pro-loop:nth-child(even) {
    padding-left: 7.5px; }
  /* Blog Article */
  .blog-loop:nth-of-type(2n+1) {
    clear: both; }
  .sidebar-blog .layered, .sidebar-page .layered {
    display: none; }
  .sidebarblog-title h2 span {
    display: inline-block;
    margin: 0 0 0 10px; }
  .main-body:not(.layoutProduct_scroll) #section-order-content .inner-section-order-content .page-orders .sticky-right.active {
    z-index: 99999; } }

@media (max-width: 767px) {
  .wrapbox-heading-account {
    padding: 30px 15px;
    border-bottom: 1px solid #ededed; }
  .wrapbox-heading-account .header-page {
    text-align: center; }
  .wrapbox-heading-account .header-page h1 {
    font-size: 34px; }
  .wrapbox-heading-account .header-page:after {
    margin: 20px auto 0; }
  .wrapbox-content-account {
    padding: 60px 15px; }
  .heading-page {
    position: relative;
    text-align: center;
    padding: 0 0 30px 0; }
  .heading-page:after {
    content: "";
    background: #252a2b;
    display: block;
    width: 60px;
    height: 4px;
    margin: 25px auto 0; }
  .heading-page h1 {
    font-size: 30px;
    margin: 0px 0; }
  .wrapbox-content-page-contact {
    padding: 40px 15px; }
  .breadcrumb-shop {
    background: #ffffff; }
  .breadcrumb-shop .breadcrumb-arrows {
    padding: 10px 0 5px; }
  /* index */
  .list-slider-banner.owl-carousel .owl-nav.disabled,
  .list-slider-banner.owl-carousel .owl-nav {
    display: none; }
  .list-slider-banner .caption_banner_slide {
    padding: 10px 15px; }
  .list-slider-banner .caption_banner_slide h3 {
    font-size: 16px; }
  .wrapper-heading-home h2 {
    font-size: 28px; }
  .wrap-collection-title h2, .wrap-collection-title .link-more {
    font-size: 24px; }
  .wrap-collection-title.image-resize {
    padding-top: 0px; }
  .wrapper-home-banner .home-banner-pd {
    padding: 0 5px;
    margin-bottom: 0px; }
  .box-banner-inf {
    width: 100%;
    padding: 50px 15px;
    z-index: 4;
    text-align: center; }
  .wrap-pd-infor.box_stick {
    height: 50vh; }
  .wrap-pd-infor .inf-content {
    padding: 50px 30px;
    max-width: 100%;
    margin: auto; }
  .box-banner-inf h2 {
    font-size: 40px; }
  .box-banner-inf a.button {
    margin-top: 33px; }
  #homepage_slider .owl-dots {
    bottom: 8px; }
  /* product detail*/
  .product-detail-wrapper {
    padding-top: 20px; }
  .product-image-detail {
    border-bottom: 1px solid #ededed; }
  .icon-pr-fix {
    position: absolute;
    bottom: 25px; }
  .product-sharing.icon-pr-fix {
    left: 15px; }
  .product-zoom.icon-pr-fix {
    right: 15px;
    left: initial;
    margin: 0; }
  .gallery-index.icon-pr-fix {
    display: none; }
  .divzoom_main .product-thumb {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  .box__product-gallery {
    overflow: visible;
    min-height: 450px;
    display: flex;
    align-items: center; }
  .slide_product {
    width: 100%;
    height: 100%;
    transition: opacity 300ms linear, transform 300ms linear; }
  .box__product-gallery .flickity-enabled .flickity-viewport {
    transition: height 300ms linear; }
  .slide_product li.gallery-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  .box__product-gallery.scroll .site-box-content:after {
    content: 'flickity';
    display: none; }
  .slide_product li.gallery-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
    pointer-events: none; }
  .product-image-detail .flickity-page-dots .dot {
    transition: all 300ms linear; }
  .slide_product .flickity-page-dots {
    bottom: -45px;
    z-index: 99; }
  .input-bottom {
    width: 54px;
    float: left;
    margin-right: 15px; }
  .input-bottom input {
    width: 54px;
    height: 45px;
    border: 1px solid #d1d1d1;
    text-align: center;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .add-cart-bottom {
    font-weight: 500;
    height: 45px;
    width: calc(100% - 70px);
    border-radius: 0;
    float: left;
    text-transform: uppercase; }
  .list-productRelated .pro-loop-title .product-resize,
  .list-productRelated .pro-loop-title .wrap-collection-title.image-resize {
    height: initial !important; }
  .list-productRelated .wrap-collection-title.image-resize {
    padding-bottom: 45px; }
  .list-productRelated .wrap-collection-title .block-pding:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin: 30px auto auto;
    background: #252a2b; }
  .list-productRelated .pro-loop:nth-child(odd) {
    padding-right: 7.5px; }
  .list-productRelated .pro-loop:nth-child(even) {
    padding-left: 7.5px; }
  .product-action-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 8px 10px;
    -webkit-transition: padding .3s ease;
    transition: padding .3s ease; }
  .layoutProduct_scroll.scroll-down .product-action-bottom {
    padding-bottom: 60px; }
  .layoutProduct_scroll.scroll-down #section-order-content .inner-section-order-content .page-orders .sticky-right {
    bottom: 44px; }
  /******* blog -article *******/
  .list-article-content .news-content {
    min-height: 250px;
    height: 50vh; }
  .article-body h2.title-article {
    font-size: 24px; }
  .sidebarblog-title h2 {
    text-align: center;
    margin-bottom: 10px; }
  .blog-posts .blog-post .blog-post-thumbnail {
    margin-bottom: 20px; }
  /******* ABOUT-CONTACT *******/
  .box-heading-contact {
    padding: 0; }
  .header-page-contact h1 {
    font-size: 35px; }
  .box-send-contact h2 {
    font-size: 20px; }
  .box-map iframe {
    height: 50vh !important; }
  /* CART PAGE */
  .layoutPage-cart .heading-page h1 {
    font-size: 25px;
    margin: 0 0 10px; }
  table.table-cart {
    margin-bottom: 25px;
    border: 0; }
  table.table-cart thead tr {
    display: none; }
  table.table-cart tr td {
    border: 0;
    padding: 0 5px; }
  table.table-cart tbody > tr {
    background: #ffffff;
    padding: 20px 0;
    display: block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    margin-bottom: 10px; }
  table.table-cart tr td.image {
    width: 80px;
    float: left; }
  table.table-cart tr td.image img {
    max-width: 70px;
    background: #fff; }
  table.table-cart tr td.item {
    width: calc(100% - 80px);
    float: left;
    padding-left: 5px; }
  table.table-cart tr td.item h3 {
    margin: 0 0 5px;
    display: block;
    padding-right: 20px; }
  table.table-cart tr td.qty {
    padding: 0px;
    float: right;
    margin-right: 8px;
    text-align: right;
    position: absolute;
    right: 0px;
    bottom: 35%; }
  table.table-cart tr td.item .price {
    width: 100%;
    float: left;
    text-align: left;
    margin: 15px 0; }
  table.table-cart tr td.item .price del {
    margin-top: 2px; }
  table.table-cart tr td.item .price span.text {
    display: inline-block;
    font-size: 12px; }
  table.table-cart tr td.remove a {
    position: absolute;
    top: 22px;
    right: 0; }
  table.table-cart tr:last-child td {
    border: none; }
  .checkout-note textarea {
    margin-bottom: 20px; }
  .cart-buttons .btn-checkout, .cart-buttons a, .cart-buttons .btn-update {
    font-size: 10px;
    margin: 0;
    padding: 15px 8px; }
  /* SEARCH ++	ACCOUNT */
  .search-field {
    width: 100%; }
  .title-infor-account h1 {
    font-size: 30px; }
  .title-infor-account h1:after {
    margin-top: 32px; }
  .AccountSidebar {
    margin-bottom: 40px; }
  .table-responsive {
    padding: 0 8px 10px; }
  /* footer*/
  .main-footer {
    padding: 20px 0; }
  .footer .collapse {
    display: none;
    visibility: hidden; }
  .footer .collapse.show {
    display: block;
    visibility: visible; }
  .main-footer .footer-content {
    display: none; }
  .main-footer .footer-col {
    border-bottom: 1px solid #efefef;
    margin-bottom: 0; }
  .main-footer .footer-title {
    line-height: 20px;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0px;
    padding: 10px 0; }
  .main-footer h4.footer-title:before {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 5px;
    text-align: center;
    line-height: 36px; }
  .main-footer h4.footer-title.active:before {
    content: "\f106"; }
  .main-footer .col-lg:last-child .footer-col {
    border-bottom: none; }
  .breadcrumb-shop .breadcrumb-arrows li {
    font-size: 10px; }
  .list-productRelated .content-product-list > div:nth-child(2n) ~ div {
    margin-top: 30px; } }

@media (min-width: 768px) {
  .list-productRelated .content-product-list > div:nth-child(4n) ~ div {
    margin-top: 30px; } }

.slide_product {
  padding: 0;
  margin: 0; }

/* ---------------------------  MENU CATEGORY  --------------------------- */
.tree-menu li a {
  padding: 5px 5px 5px 0;
  color: #666;
  line-height: 26px;
  font-size: 12px; }

.tree-menu > li > a {
  color: #2d2d2d;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 1px; }

.tree-menu li.has-child ul {
  display: none; }

.tree-menu li.has-child:first-child ul {
  display: block; }

.tree-menu li.has-child > ul {
  padding-left: 15px; }

.tree-menu li a .icon-control {
  font-size: 8px;
  position: relative;
  top: -2px; }

/* Search */
#layout-search .pd-page {
  padding-top: 30px; }

#layout-search .content-product-list .product-block .product-img {
  margin: 0 0 15px 0;
  position: relative;
  border: 1px solid #fbfbfb; }
  #layout-search .content-product-list .product-block .product-img .product-sale {
    position: absolute;
    z-index: 8;
    top: 8px;
    left: 8px;
    padding: 0;
    background: #db1a2a;
    color: #fff;
    height: 36px;
    width: 36px;
    line-height: 34px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center; }
    @media (max-width: 991px) {
      #layout-search .content-product-list .product-block .product-img .product-sale {
        font-size: 10px;
        height: 30px;
        width: 30px;
        line-height: 28px; } }
  #layout-search .content-product-list .product-block .product-img .sold-out {
    position: absolute;
    z-index: 8;
    background: #575757;
    color: white;
    padding: 5px 15px;
    font-size: 16px;
    top: 0;
    right: 0; }
    @media (max-width: 991px) {
      #layout-search .content-product-list .product-block .product-img .sold-out {
        padding: 3px 8px;
        font-size: 12px; } }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .pro-name {
  font-size: 16px;
  line-height: 25px;
  color: #5e514d;
  width: 100%;
  margin-bottom: 10px; }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .pro-name a {
    color: #2d2d2d;
    font-weight: 400;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .pro-name a:hover {
      color: #f5ce8c; }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price span {
  font-size: 16px;
  color: red;
  opacity: 0.92; }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price del {
  font-size: 13px;
  color: gray;
  margin-left: 6px; }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a {
  font-size: 14px;
  padding: 5px 18px;
  text-align: center;
  color: #c7dd9b;
  background: #ffffff;
  border: 1px solid #c7dd9b;
  font-weight: 400;
  display: inline-block;
  border-radius: 2px;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out; }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a.disabled {
    border-color: #e7e7e7;
    background: #e7e7e7;
    color: gray;
    pointer-events: none; }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover, #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:focus {
    text-decoration: none;
    background: #c7dd9b;
    color: #fff; }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon {
    padding: 0 4px;
    color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    opacity: 0.7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before, #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
      content: '';
      position: absolute;
      z-index: -1;
      background: #c7dd9b;
      width: 100%;
      height: 2px;
      margin-top: -5px;
      -webkit-transition: all 0.1s ease-in;
      transition: all 0.1s ease-in;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before, #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before {
    background: #ffffff;
    -webkit-transform: translateY(-2.5px) rotate(-145deg);
    -ms-transform: translateY(-2.5px) rotate(-145deg);
    transform: translateY(-2.5px) rotate(-145deg); }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after, #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after {
    background: #ffffff;
    -webkit-transform: translateY(2.5px) rotate(145deg);
    -ms-transform: translateY(2.5px) rotate(145deg);
    transform: translateY(2.5px) rotate(145deg); }

@media (max-width: 575px) {
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button {
    display: none; } }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-des {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #1b1f28;
  line-height: 24px;
  font-weight: 300;
  width: 100%;
  margin: 5px 0 0 0; }
  @media (max-width: 991px) {
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-des {
      display: none; } }

#layout-search .content-product-list .search-list-results > div:nth-child(3n) ~ div {
  margin-top: 30px; }

@media (max-width: 767px) {
  #layout-search .content-product-list .search-list-results > div:nth-child(3n) ~ div {
    margin-top: 0px; }
  #layout-search .content-product-list .search-list-results > div:nth-child(2n) ~ div {
    margin-top: 30px; } }

/* _________ */
@media (min-width: 1200px) {
  .modal-lg {
    width: 1100px; } }

/*--------------------------------------------------------------------------------
 ADDTHIS ** SHARING
--------------------------------------------------------------------------------*/
.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge {
  right: 12px !important; }

.addThis_listSharing {
  position: fixed;
  bottom: 85px;
  z-index: 999;
  right: -15px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease; }
  .addThis_listSharing.is-show {
    right: 0;
    opacity: 1;
    visibility: visible; }
  .addThis_listSharing .addThis_item {
    margin-bottom: 10px;
    margin-right: 24px; }
    .addThis_listSharing .addThis_item .addThis_item--icon {
      position: relative;
      display: inline-block;
      text-align: center;
      width: 44px;
      height: 44px;
      line-height: 44px;
      color: #fff;
      border-radius: 50%;
      cursor: pointer;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center; }
      .addThis_listSharing .addThis_item .addThis_item--icon .tooltip-text {
        position: absolute;
        top: 4px;
        right: 55px;
        z-index: 9;
        height: 32px;
        line-height: 26px;
        padding: 3px 10px;
        width: auto;
        border-radius: 5px;
        font-size: 11px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background-color: black;
        visibility: hidden;
        opacity: 0;
        -ms-transition: all 200ms linear;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear; }
        .addThis_listSharing .addThis_item .addThis_item--icon .tooltip-text:after {
          content: "";
          width: 0;
          height: 0;
          border-width: 5px;
          border-style: solid;
          border-color: transparent transparent transparent black;
          position: absolute;
          left: 100%;
          top: 0;
          bottom: 0;
          margin: auto;
          -ms-transition: all 200ms linear;
          -webkit-transition: all 200ms linear;
          transition: all 200ms linear; }
      .addThis_listSharing .addThis_item .addThis_item--icon:hover {
        text-decoration: none;
        opacity: .9;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13); }
      .addThis_listSharing .addThis_item .addThis_item--icon:hover .tooltip-text {
        visibility: visible;
        opacity: 1; }

.actionToolbar_mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  height: 45px;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  background: #fff;
  padding: 5px 10px; }
  .actionToolbar_mobile ul.actionToolbar_listing li {
    width: 20%; }
    .actionToolbar_mobile ul.actionToolbar_listing li a {
      display: block;
      color: #696969;
      font-size: 12px;
      text-align: center;
      position: relative; }
      .actionToolbar_mobile ul.actionToolbar_listing li a svg {
        fill: #696969;
        width: 35px;
        height: 35px; }
    .actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {
      margin-top: -25px; }
    .actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a svg {
      width: 44px;
      height: 44px; }

@media (max-width: 767px) {
  .mainfooter-toolbar, .mainfooter-order {
    padding-bottom: 45px; }
  .mainfooter-product {
    padding-bottom: 60px; }
  .layoutProduct_scroll.scroll-down .actionToolbar_product, .layoutProduct_scroll.scroll-down .actionToolbar_order {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  .actionToolbar_product, .actionToolbar_order {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease; } }

/* - Harafunnel mobile */
.harafunnel-mb {
  position: fixed;
  right: 10px;
  bottom: 60px;
  z-index: 9999;
  width: 65px;
  height: 65px;
  padding: 8px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow 150ms linear; }
  .harafunnel-mb:hover {
    box-shadow: 0 5px 24px rgba(0, 0, 0, 0.3); }
  .harafunnel-mb a {
    display: block; }
    .harafunnel-mb a svg {
      width: 100%;
      height: 100%; }

/* - Modal contact form */
.modal-addThis {
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear; }
  .modal-addThis.fade .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s; }
  .modal-addThis.fade.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.modal-contactform .modal-header h4.modal-title {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 100%; }

.modal-contactform .modal-header button.close {
  font-size: 30px;
  padding: 15px; }

.modal-contactform .modal-body.body-popupform .form-control {
  background: #fbfbfb;
  border-radius: 0; }
  .modal-contactform .modal-body.body-popupform .form-control:focus {
    background: #fff; }

@media (min-width: 768px) {
  .modal-contactform .modal-dialog {
    max-width: 605px; } }

/* modal-succes */
.modal-succesform .modal-body .modal-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #2d2d2d; }

.modal-succesform .modal-body p:not(.modal-title) {
  font-size: 15px;
  margin: 10px 0 5px; }

.modal-succesform .modal-body p.txtloading {
  color: #aaa;
  font-size: 14px; }

@media (min-width: 768px) {
  .modal-succesform .modal-dialog {
    max-width: 450px; } }

@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg); } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

.modal-icon.sweet-alert {
  padding-top: 15px; }

.animateSuccessTip {
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in; }

.sweet-alert .sa-icon.sa-success {
  width: 80px;
  height: 80px;
  border: 4px solid #4cae4c;
  border-radius: 50%;
  margin: 20px auto 0;
  position: relative;
  box-sizing: content-box; }

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  -moz-transform-origin: 0px 60px;
  -o-transform-origin: 0px 60px;
  transform-origin: 0px 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* - Modal popup contact form */
.modal-popupContact {
  color: #333;
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear; }

.modal-popupContact .close-popup-contact {
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 30px;
  line-height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  border-radius: 50%;
  opacity: 1;
  text-align: center;
  outline: none; }

.modal-popupContact .close-popup-contact svg {
  display: block;
  margin: auto;
  height: 30px;
  width: 14px;
  text-align: center;
  fill: #f3f3f3; }

.modal-popupContact .close-popup-contact:hover {
  background-color: rgba(0, 0, 0, 0.6); }

.modal-popupContact.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-popupContact.fade .modal-dialog-centered {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s; }

.modal-popupContact.fade.show .modal-dialog-centered {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.modal-popupContact.popupBanner .modal-content {
  background-color: transparent;
  width: auto;
  margin-left: auto;
  margin-right: auto; }

.modal-popupContact.popupForm .modal-content {
  position: relative;
  overflow: hidden;
  padding: 0;
  display: unset;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #e6e6e6; }

.modal-popupContact.popupForm .modal-content.lazyloaded {
  background-image: url(//theme.hstatic.net/200000924437/1001286536/14/popup_contact_bkg.jpg?v=229); }

.modal-popupContact.popupForm .modal-content:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f3f3f3;
  opacity: 0.75;
  width: 58%; }

.modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
  position: relative;
  padding: 50px 25px;
  float: right;
  width: 58%; }

.title-popup-contact {
  font-size: 24px;
  margin: 0px 0px 10px;
  font-weight: 500; }

.message-popup-contact {
  margin-bottom: 25px; }

.title-adv-popup-contact {
  font-size: 14px;
  margin-bottom: 5px; }

.list-adv-popup-contact li {
  list-style-type: disc;
  margin-left: 25px;
  font-size: 14px; }

.popup-form-customer .input-group {
  width: 100%;
  display: block;
  margin-bottom: 0; }

.popup-form-customer .input-group input {
  width: 100%;
  margin-bottom: 15px;
  height: 45px;
  padding: 10px 20px;
  line-height: 25px;
  background: #fff;
  border: 1px solid #e7e7e7;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.popup-form-customer button.input-group-addon {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 0;
  height: 45px;
  padding: 10px 20px;
  line-height: 25px; }

.popup-form-customer .input-group .input-group-addon {
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  border-color: #c7dd9b; }

.popup-form-customer .input-group .input-group-addon:hover,
.popup-form-customer .input-group .input-group-addon:focus {
  background-color: #fff;
  border-color: #c7dd9b;
  color: #c7dd9b; }

.popup-form-customer .succes-popup {
  font-size: 13px;
  min-height: 25px;
  visibility: hidden;
  margin: 0;
  text-align: center; }

.popup-form-customer .succes-popup.error {
  visibility: visible;
  color: red; }

.popup-form-customer .succes-popup.success {
  visibility: visible;
  color: #27a208; }

@media (min-width: 768px) {
  .modal-popupContact .modal-dialog-centered {
    max-width: 650px; } }

@media (max-width: 767px) {
  .modal-popupContact.popupForm .modal-content:before,
  .modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
    width: 100%; } }

/* Header Icon */
.site-overlay {
  background: rgba(225, 225, 225, 0.05);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms linear; }

.locked-scroll .site-overlay {
  opacity: 1;
  visibility: visible; }

@media (min-width: 992px) {
  .locked-scroll .hSticky ~ .site-overlay,
  .locked-scroll .hSticky-nav ~ .site-overlay {
    opacity: 0;
    visibility: hidden; }
  .locked-scroll .hSticky-nav.hSticky-up ~ .site-overlay {
    opacity: 1;
    visibility: visible; } }

@media (max-width: 991px) {
  .locked-scroll {
    overflow: hidden;
    width: 100%;
    top: 0; }
    .locked-scroll .main-header {
      position: fixed;
      top: 0;
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    .locked-scroll .main-header.hSticky.hSticky-nav.hSticky-up,
    .locked-scroll .main-header.hSticky.hSticky-nav {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }

.header-wrap-icon {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end; }
  .header-wrap-icon .header-action_dropdown {
    position: absolute;
    top: calc(100% + 15px);
    left: auto;
    right: -15px;
    z-index: 0;
    min-width: 280px;
    border-radius: 3px;
    color: #677279;
    background: #fff;
    border: solid 1px #dfe3e8;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
    will-change: transform; }
    .header-wrap-icon .header-action_dropdown .box-triangle {
      position: absolute;
      bottom: calc(100% - 5px);
      margin: 0 auto;
      width: 22px;
      height: 15px;
      right: 20px; }
      .header-wrap-icon .header-action_dropdown .box-triangle svg {
        -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
        filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12)); }
    .header-wrap-icon .header-action_dropdown .header-dropdown_content {
      width: 100%;
      height: 100%;
      max-height: 100%;
      overflow: hidden;
      padding: 20px 15px; }
  .header-wrap-icon .header-action {
    display: inline-block;
    transition: opacity 150ms linear;
    font-size: 12px;
    margin-left: 12px;
    color: #333333;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    @media (max-width: 991px) {
      .header-wrap-icon .header-action {
        margin-left: 5px; } }
    .header-wrap-icon .header-action.header-action_account .header-action_dropdown .box-triangle {
      right: 26px; }
    @media (min-width: 992px) {
      .header-wrap-icon .header-action.header-action_search .header-action_dropdown {
        width: 400px; } }
    .header-wrap-icon .header-action.header-action_search .header-action_dropdown .box-triangle {
      right: 88px; }
    .header-wrap-icon .header-action.header-action_search .header-action_dropdown .header-dropdown_content .ttbold {
      font-size: 17px;
      color: #2d2d2d;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin: 0 0 20px;
      font-weight: 500;
      padding: 6px 10px;
      text-align: center;
      border-bottom: 1px solid #ededed; }
    @media (min-width: 992px) {
      .header-wrap-icon .header-action.header-action_cart .header-action_dropdown {
        width: 450px; } }
    .header-wrap-icon .header-action.header-action_cart .header-action_dropdown .box-triangle {
      right: 32%; }
    .header-wrap-icon .header-action.header-action_cart .header-action_dropdown .header-dropdown_content {
      padding-left: 0;
      padding-right: 0; }
    .header-wrap-icon .header-action.header-action_cart .site-cart .cart-ttbold {
      padding: 0 20px; }
      .header-wrap-icon .header-action.header-action_cart .site-cart .cart-ttbold .ttbold {
        font-size: 16px;
        color: #000;
        margin: 0 0 15px;
        font-weight: 500;
        padding: 6px 10px;
        background: #f3f5f6;
        border: 1px solid #e7ebec;
        text-align: center;
        border-radius: 4px; }
    .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table {
      width: 100%; }
      .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr {
        border-bottom: 1px dotted #bcbcbc; }
        .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr:last-child {
          border: 0; }
        .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td {
          position: relative;
          border: none;
          vertical-align: top;
          border: none !important; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td:first-child {
            padding-left: 10px; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td:last-child {
            padding-right: 10px; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td.img {
            width: 65px; }
            .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td.img img {
              width: 65px;
              border: 1px solid #ededed;
              max-width: none; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td .pro-title {
            padding-right: 30px; }
            .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td .pro-title .pro-title-view {
              font-size: 12px;
              font-weight: 600;
              text-transform: uppercase; }
            .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td .pro-title .variant {
              font-size: 12px;
              display: block;
              width: 100%; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td .remove-cart {
            position: absolute;
            right: 10px;
            top: 10px;
            width: 20px;
            height: 20px;
            text-align: center;
            background: #E7EBEC; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td .mini-cart_quantity {
            margin-top: 4px;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -ms-align-items: center;
            align-items: center;
            -webkit-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
            .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td .mini-cart_quantity .pro-quantity-view {
              font-size: 13px;
              font-weight: 600;
              color: #333; }
              .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td .mini-cart_quantity .pro-quantity-view .qty-value {
                display: inline-block;
                height: 23px;
                line-height: 23px;
                min-width: 25px;
                padding: 0 3px;
                text-align: center;
                background: #f5f5f5;
                font-size: 13px;
                font-weight: 500;
                border-radius: 3px;
                box-shadow: 0 1px 1px rgba(225, 227, 228, 0.2);
                -webkit-appearance: none;
                -moz-appearance: none;
                -o-appearance: none;
                appearance: none; }
              .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table#cart-view tr td .mini-cart_quantity .pro-quantity-view .qty-btn {
                width: 30px;
                font-size: 20px;
                background: #f5f5f5; }
      .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table td .remove-cart svg {
        height: 20px;
        width: 8px;
        fill: #000; }
      .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table .item-cart_empty td {
        position: relative;
        padding: 0px;
        text-align: center; }
        .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table .item-cart_empty td .svgico-mini-cart {
          padding: 10px 0 5px; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table .item-cart_empty td .svgico-mini-cart svg {
            width: 50px;
            height: 50px;
            margin: auto; }
      .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view table #total-view-cart {
        font-weight: 600;
        font-size: 16px;
        color: red; }
    .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .cart-view-scroll {
      padding: 0 20px; }
      @media (min-width: 992px) {
        .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .cart-view-scroll {
          overflow-y: scroll;
          max-height: 320px;
          -webkit-overflow-scrolling: touch;
          -ms-scroll-chaining: none;
          overscroll-behavior: none; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .cart-view-scroll::-webkit-scrollbar {
            width: 2px;
            height: 2px; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .cart-view-scroll::-webkit-scrollbar-track {
            -webkit-border-radius: 0px;
            border-radius: 0px; }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .cart-view-scroll::-webkit-scrollbar-thumb {
            -webkit-border-radius: 0px;
            border-radius: 0px;
            background: #e1e3e4;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
          .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .cart-view-scroll::-webkit-scrollbar-thumb:window-inactive {
            background: #e1e3e4; } }
    .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .cart-view-total {
      padding: 0 20px; }
      .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .cart-view-total .table-total tr td {
        border: none !important; }
    .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .line {
      float: left;
      width: 100%;
      border-top: 1px solid  #e1e3e4;
      margin: 10px 0px; }
    .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .linktocheckout, .header-wrap-icon .header-action.header-action_cart .site-cart .cart-view .linktocart {
      padding: 10px 15px;
      position: relative;
      width: 100%;
      white-space: nowrap;
      border-radius: 0;
      text-transform: uppercase; }
    .header-wrap-icon .header-action.header-action.show-action .header-action_dropdown {
      z-index: 990;
      visibility: visible;
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
      transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
      transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
      transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1); }

/* End Header Icon */
/* ---------------------  search sidebar --------------------- */
.site_search .searchform {
  position: relative;
  padding: 0;
  margin-bottom: 15px; }

.site_search .searchinput {
  background: #f5f5f5;
  border: 1px solid #ececec;
  font-size: 14px;
  color: #2d2d2d;
  font-weight: 500;
  width: 100%;
  height: 45px;
  padding: 0 55px 0 20px;
  margin: 0;
  display: inline-block;
  border-radius: 0;
  transition: all 150ms linear;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; }

.site_search .btn-search {
  width: 45px;
  height: 45px;
  line-height: 45px;
  position: absolute;
  padding: 0;
  top: 0px;
  right: 0px;
  background: transparent;
  transition: opacity 150ms linear;
  outline: none;
  border: none; }
  .site_search .btn-search:focus {
    outline: none; }
  .site_search .btn-search svg {
    width: 18px;
    height: 45px;
    opacity: .4; }

.site_search input:focus {
  background: #ffffff;
  outline: none;
  border-color: #ef233c; }

/*----------------- Search auto ---------------*/
.smart-search-wrapper {
  width: 100%;
  z-index: 100; }
  .smart-search-wrapper .item-ult {
    padding: 10px 10px;
    border-bottom: 1px dotted #dfe0e1;
    clear: both; }
    .smart-search-wrapper .item-ult .thumbs {
      width: 40px;
      display: inline-block;
      text-align: right; }
    .smart-search-wrapper .item-ult .title {
      width: calc(100% - 40px);
      padding-right: 5px;
      float: left;
      line-height: 20px;
      position: relative;
      margin-top: 0px !important; }
      .smart-search-wrapper .item-ult .title a {
        font-size: 13px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: pre;
        float: left;
        width: 100%;
        margin-bottom: 4px; }
      .smart-search-wrapper .item-ult .title p {
        line-height: 15px;
        font-size: 12px;
        font-weight: 600;
        float: left;
        margin: 0; }
      .smart-search-wrapper .item-ult .title del {
        font-size: 11px;
        font-weight: 300;
        margin-left: 5px;
        color: #797979; }
  .smart-search-wrapper .resultsMore {
    width: 100%;
    float: left; }
    .smart-search-wrapper .resultsMore a {
      text-align: center;
      display: block;
      font-size: 14px;
      padding: 10px 0; }
  .smart-search-wrapper .dataEmpty {
    text-align: center;
    padding: 10px 0;
    margin: 0; }

/* - Mini box Account - */
.site_account {
  text-align: center; }
  .site_account .site_account_panel_list {
    position: relative;
    height: 100%;
    overflow: hidden;
    transition: height 0.2s ease-in-out; }
    .site_account .site_account_panel_list .site_account_inner {
      font-size: 12px; }
      .site_account .site_account_panel_list .site_account_inner form .form__input-wrapper {
        position: relative;
        width: 100%;
        margin-bottom: 12px; }
        .site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__field {
          display: block;
          padding: 14px 10px 3px;
          border-radius: 2px;
          border: 1px solid #d4d6d8;
          width: 100%;
          line-height: normal;
          height: 42px;
          color: #1e2d7d;
          -webkit-appearance: none;
          resize: none;
          font-size: 12px;
          outline: none;
          box-shadow: 0 1px rgba(212, 214, 216, 0.25) inset;
          transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; }
          .site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__field:focus + .form__floating-label {
            -webkit-transform: translateY(-6px) scale(0.8);
            transform: translateY(-6px) scale(0.8); }
          .site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__field.is-filled + .form__floating-label {
            -webkit-transform: translateY(-6px) scale(0.8);
            transform: translateY(-6px) scale(0.8); }
        .site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__floating-label {
          position: absolute;
          left: 10px;
          top: 0;
          line-height: 42px;
          font-size: 12px;
          margin-bottom: 0;
          color: #677279;
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-transform-origin: left top;
          transform-origin: left top;
          transition: -webkit-transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
          pointer-events: none; }
      .site_account .site_account_panel_list .site_account_inner form .form__submit {
        width: 100%;
        outline: none;
        padding: 0px 28px;
        height: 42px; }
      .site_account .site_account_panel_list .site_account_inner .site_account_secondary-action {
        margin-top: 16px;
        font-size: 12px; }
        .site_account .site_account_panel_list .site_account_inner .site_account_secondary-action > p {
          margin-bottom: 4px; }
          .site_account .site_account_panel_list .site_account_inner .site_account_secondary-action > p .link {
            color: #ef233c;
            transition: color 0.2s ease-in-out;
            background: transparent;
            border: none;
            border-radius: 0;
            padding: 0;
            outline: none; }
    .site_account .site_account_panel_list .site_account_header .site_account_title {
      margin-bottom: 4px;
      font-size: 17px;
      font-weight: 500;
      font-style: normal;
      text-transform: uppercase; }
    .site_account .site_account_panel_list .site_account_info {
      text-align: left;
      font-size: 14px; }
      .site_account .site_account_panel_list .site_account_info .site_account_header {
        text-align: center;
        border-bottom: 1px solid #ededed;
        padding: 0 0 10px;
        margin-bottom: 12px; }
        .site_account .site_account_panel_list .site_account_info .site_account_header .site_account_title {
          margin-bottom: 0; }
      .site_account .site_account_panel_list .site_account_info ul {
        margin: 0; }
        .site_account .site_account_panel_list .site_account_info ul li {
          padding: 0 4px;
          margin-bottom: 10px; }
          .site_account .site_account_panel_list .site_account_info ul li span {
            font-size: 15px;
            color: #282c2d;
            font-weight: 500; }
          .site_account .site_account_panel_list .site_account_info ul li a:hover {
            color: #f5ce8c; }
    .site_account .site_account_panel_list .site_account_panel {
      width: 100%;
      visibility: hidden;
      transition: visibility 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1); }
      .site_account .site_account_panel_list .site_account_panel.site_account_default {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%); }
        .site_account .site_account_panel_list .site_account_panel.site_account_default.is-selected {
          -webkit-transform: translateX(0);
          transform: translateX(0); }
      .site_account .site_account_panel_list .site_account_panel.site_account_sliding {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%); }
        .site_account .site_account_panel_list .site_account_panel.site_account_sliding.is-selected {
          -webkit-transform: translateX(0);
          transform: translateX(0); }
      .site_account .site_account_panel_list .site_account_panel.is-selected {
        visibility: visible; }

@keyframes scroll-in {
  0% {
    top: 2px; }
  49% {
    top: -14px; }
  50% {
    top: 19px; }
  100% {
    top: 2px; } }

@keyframes scroll-out {
  0% {
    top: 2px; }
  49% {
    top: 19px; }
  50% {
    top: -14px; }
  100% {
    top: 2px; } }

#main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul li a {
  color: #2d2d2d; }

#main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li.active > a, #main-header .inner-header .center-header #main-center-menu #menu-center-header #menu-header > ul > li:hover > a {
  color: #2d2d2d; }

.home-welcome--block-content img {
  width: 60px; }