@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fahkwang:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@font-face {
  font-family: 'FontAwesome';
  src: url("//theme.hstatic.net/200000829665/1001179972/14/fontawesome.eot?v=2158");
  src: url("//theme.hstatic.net/200000829665/1001179972/14/fontawesome.eot?v=2158") format("embedded-opentype"), url("//theme.hstatic.net/200000829665/1001179972/14/fontawesome.woff?v=2158") format("woff"), url("//theme.hstatic.net/200000829665/1001179972/14/fontawesome.ttf?v=2158") format("truetype"), url("//theme.hstatic.net/200000829665/1001179972/14/fontawesome.svg?v=2158") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("//theme.hstatic.net/200000829665/1001179972/14/glyphicons-halflings-regular.eot?v=2158");
  src: url("//theme.hstatic.net/200000829665/1001179972/14/glyphicons-halflings-regular.eot?#iefix?v=2158") format("embedded-opentype"), url("//theme.hstatic.net/200000829665/1001179972/14/glyphicons-halflings-regular.woff?v=2158") format("woff"), url(//theme.hstatic.net/200000829665/1001179972/14/glyphicons-halflings-regular.ttf?v=2158) format("truetype"), url(//theme.hstatic.net/200000829665/1001179972/14/glyphicons-halflings-regular.svg#glyphicons_halflingsregular?v=2158) format("svg"); }

@font-face {
  font-family: 'utm_aptima';
  font-weight: 700;
  font-style: italic;
  src: url(https://file.hstatic.net/200000829665/file/utm_aptimabolditalic_a7c097ce97c54641bbb5f2584b6e6a3b.ttf); }

* {
  margin: 0;
  padding: 0; }

.glyphicon {
  font-family: "Glyphicons Halflings" !important; }

.fa {
  font-family: "FontAwesome" !important; }

html, body {
  border: 0;
  background-color: #fff; }

html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%; }

img {
  max-width: 100%; }

:root {
  --site-text-color: #252a2b;
  --site-border-color: #000;
  --site-border-radius: 10px;
  --site-text-hover-color: #1a4d24;
  --site-main-color: #7b1d27;
  --site-secondary-color: #fec465;
  --site-color-third: #7b1d27;
  --site-btn-color: #7b1d27;
  --site-btn-text-color: #fcb040;
  --site-font-title: utm_aptima;
  --site-font-title2: utm_aptima;
  --site-color-price: #7b1d27; }

body {
  line-height: 1.5;
  font-size: 15px;
  font-family: 'Fahkwang', sans-serif;
  color: #252a2b;
  overflow-x: hidden;
  background: #fff;
  position: initial !important; }

/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
  display: block; }

/* 1.4 - Typography */
h1, h2, h3, h4, h5, h6 {
  color: #252a2b;
  margin: 0 0 13px 0;
  font-weight: 400;
  line-height: 1.2;
  font-family: var(--site-font-title); }

h1 {
  font-size: 36px; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 13px;
  line-height: 18px; }

h5 {
  font-size: 12px;
  line-height: 18px; }

h6 {
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase; }

p {
  margin: 0 0 10px 0; }

/* 1.5 - Links and Buttons */
a {
  color: var(--site-text-color);
  text-decoration: none;
  outline: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

a:hover, a:focus {
  color: #1a4d24;
  text-decoration: none;
  outline: none; }

a:active {
  outline: none; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #252a2b;
  line-height: 1.3; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #1a4d24; }

/* 1.6 - Tables */
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; }

/* 2.3 - Lists */
ul {
  padding: 0;
  list-style-type: none; }

ul.unstyled, ol.unstyled {
  margin: 0;
  list-style: none outside none; }

ul.unstyled > li, ol.unstyled > li {
  list-style: none; }

ul.horizontal > li, ol.horizontal > li {
  display: block;
  float: left; }

ul.horizontal-inline, ol.horizontal-inline {
  text-align: center; }

ul.horizontal-inline > li, ol.horizontal-inline > li {
  display: inline;
  margin: 0 5px; }

ul.expanded > li, ol.expanded > li {
  margin-bottom: 10px; }

a {
  transition: opacity 150ms linear, color 150ms linear, background 150ms linear; }

input:focus {
  outline: none; }

/* 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: 100% !important;
  text-align: center;
  margin: auto;
  overflow: hidden; }

.owl-carousel.owl-theme .owl-dots {
  text-align: center; }

.owl-carousel.owl-theme .owl-dot {
  text-align: center;
  background: #ccc;
  margin: 0px 3px;
  width: 50px;
  height: 5px;
  box-sizing: border-box; }

.owl-carousel.owl-theme .owl-dot.active,
.owl-carousel.owl-theme .owl-dot:hover {
  background: #fff;
  box-shadow: inset rgba(255, 255, 255, 0.37) -1px 1px 1px; }

.owl-carousel.nav-style1 .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  width: 24px;
  height: 24px;
  line-height: 30px;
  font-size: 30px;
  padding: 0 !important; }
  @media (min-width: 992px) {
    .owl-carousel.nav-style1 .owl-nav button {
      width: 40px;
      height: 42px; } }
  .owl-carousel.nav-style1 .owl-nav button.owl-prev {
    left: -10px; }
    @media (min-width: 992px) {
      .owl-carousel.nav-style1 .owl-nav button.owl-prev {
        left: -68px; } }
  .owl-carousel.nav-style1 .owl-nav button.owl-next {
    right: -10px; }
    @media (min-width: 992px) {
      .owl-carousel.nav-style1 .owl-nav button.owl-next {
        right: -68px; } }

.owl-carousel.nav-style1.nav-style-article .owl-nav button {
  top: 35%;
  transform: translateY(-35%); }

.owl-carousel.blog-featured-nav .owl-nav {
  position: absolute;
  top: 0;
  right: 28%;
  z-index: 999; }
  .owl-carousel.blog-featured-nav .owl-nav button {
    margin-right: 12px;
    background: #fff;
    border-radius: 30px; }

@media (min-width: 1200px) {
  .width-72 {
    width: 73%; }
  .width-28 {
    width: 27%; }
  .width-60 {
    width: calc(60%); }
  .width-40 {
    width: 40%; } }

.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 (min-width: 1200px) {
  .container-fluid {
    max-width: 1200px; }
  .wrapper-home-information .container-fluid {
    padding-left: 0; }
  .layout-pageContact .container-fluid {
    padding-left: 0; } }

.container-full {
  width: auto;
  max-width: 100%; }

.row-flex {
  margin: 0px -15px;
  display: flex;
  flex-wrap: wrap; }

.no-gutters {
  margin: 0; }
  .no-gutters [class^='col-'] {
    padding: 0; }

/*========================================================================*/
main.main-index {
  position: relative;
  z-index: 99; }

.button {
  font-size: 18px;
  font-family: var(--site-font-title);
  text-transform: uppercase;
  display: inline-block;
  padding: 13px 15px 13px 15px;
  background: var(--site-btn-color);
  color: var(--site-btn-text-color);
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border: transparent; }
  .button.button-buy {
    background: var(--site-btn-text-color);
    color: var(--site-btn-color); }
    .button.button-buy.button-icon {
      padding-left: 55px; }
      .button.button-buy.button-icon:before {
        background: #fff;
        background-repeat: no-repeat;
        left: 13px;
        height: 22px;
        position: absolute;
        content: '';
        transform: translate(0px, -50%);
        top: 50%;
        border: 2px solid #cccccc;
        width: 22px;
        border-radius: 3px; }
      .button.button-buy.button-icon:hover:before {
        background: url('data:image/svg+xml;utf8,<svg width="22" height="22" fill="white" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 525.938 525.938" style="enable-background:new 0 0 525.938 525.938;" xml:space="preserve"><g><g><path style="fill:rgb(153,42,48);" d="M508.605,17.332C497.051,5.777,482.908,0,466.172,0H59.766C43.032,0,28.887,5.777,17.332,17.332 C5.777,28.887,0,43.031,0,59.766v406.406c0,16.731,5.777,30.879,17.332,42.434c11.555,11.558,25.699,17.332,42.434,17.332h406.406 c16.734,0,30.879-5.774,42.434-17.332c11.559-11.555,17.332-25.699,17.332-42.434V59.766 C525.938,43.032,520.162,28.887,508.605,17.332z M340.066,256.694c-30.678,41.238-55.777,86.958-75.305,137.162l-24.503,62.156 l-43.031-52.594c-8.766-10.758-18.428-21.316-28.986-31.676c-10.558-10.36-19.623-18.929-27.193-25.699 c-7.57-6.773-18.229-16.037-31.975-27.791s-24.404-21.217-31.975-28.392l38.848-66.338c5.18,4.384,15.041,13.05,29.584,25.998 c14.543,12.949,27.592,24.604,39.146,34.963s22.113,19.925,31.676,28.688c21.516-41.836,48.908-81.58,82.177-119.232 c33.271-37.652,73.215-78.194,119.83-121.623l35.859,59.766C408.797,173.919,370.746,215.456,340.066,256.694z"/></g></g></svg>');
        background-repeat: no-repeat;
        background-size: 100%; }
    .button.button-buy.style2 {
      background: var(--site-btn-color);
      color: #fff;
      text-shadow: 2px 2px 0px #000;
      border-radius: 3px; }
      .button.button-buy.style2:hover:before {
        background: url('data:image/svg+xml;utf8,<svg width="22" height="22" fill="white" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 525.938 525.938" style="enable-background:new 0 0 525.938 525.938;" xml:space="preserve"><g><g><path style="fill:rgb(255,255,255);" d="M508.605,17.332C497.051,5.777,482.908,0,466.172,0H59.766C43.032,0,28.887,5.777,17.332,17.332 C5.777,28.887,0,43.031,0,59.766v406.406c0,16.731,5.777,30.879,17.332,42.434c11.555,11.558,25.699,17.332,42.434,17.332h406.406 c16.734,0,30.879-5.774,42.434-17.332c11.559-11.555,17.332-25.699,17.332-42.434V59.766 C525.938,43.032,520.162,28.887,508.605,17.332z M340.066,256.694c-30.678,41.238-55.777,86.958-75.305,137.162l-24.503,62.156 l-43.031-52.594c-8.766-10.758-18.428-21.316-28.986-31.676c-10.558-10.36-19.623-18.929-27.193-25.699 c-7.57-6.773-18.229-16.037-31.975-27.791s-24.404-21.217-31.975-28.392l38.848-66.338c5.18,4.384,15.041,13.05,29.584,25.998 c14.543,12.949,27.592,24.604,39.146,34.963s22.113,19.925,31.676,28.688c21.516-41.836,48.908-81.58,82.177-119.232 c33.271-37.652,73.215-78.194,119.83-121.623l35.859,59.766C408.797,173.919,370.746,215.456,340.066,256.694z"/></g></g></svg>');
        background-size: 100%; }
  .button.button-detail {
    padding: 12px 35px;
    border-width: 1px 1px 2px 2px;
    display: block;
    transition: 0.5s all; }
    .button.button-detail:before, .button.button-detail:after {
      content: '';
      position: absolute;
      top: 4px;
      left: 4px;
      bottom: 4px;
      right: 4px; }
    .button.button-detail:before {
      border-top: 1px solid white;
      border-bottom: 1px solid white;
      transform: scale3d(0, 1, 1); }
    .button.button-detail:after {
      border-left: 1px solid white;
      border-right: 1px solid white;
      transform: scale3d(1, 0, 1); }
  .button.button-small {
    padding: 8px 12px 8px 12px; }
  .button:hover:before {
    background: "//theme.hstatic.net/200000829665/1001179972/14/download.svg?v=2158" !important;
    background-repeat: no-repeat; }
  @media (max-width: 991px) {
    .button {
      padding: 6px 6px !important;
      width: unset;
      margin-bottom: 10px;
      font-size: 16px; } }

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

.flex-column {
  -webkit-flex-direction: column;
  flex-direction: column; }

button:focus {
  border-color: transparent;
  outline: none; }

.heading-page h1 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px; }

.sitebox-recaptcha {
  padding: 6px 0 0;
  text-align: left;
  color: #9e9e9e;
  font-size: 13px;
  clear: both; }

.sitebox-recaptcha a {
  color: #2962ff; }

.grecaptcha-badge {
  visibility: hidden; }

.pd-page {
  padding-top: 30px; }

.main-body {
  position: relative; }

.hover-zoom {
  overflow: hidden;
  border-radius: 20px; }
  .hover-zoom:hover img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03); }

/*--------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------*/
.search-bar-mobile {
  display: none;
  padding: 5px;
  position: relative; }

.search-bar-mobile form.searchform {
  position: relative; }

.search-bar-mobile form.searchform input.searchinput {
  padding: 0 40px 0 10px;
  height: 32px;
  font-size: 12px; }

.search-bar-mobile form.searchform .btn-search {
  top: 0px;
  right: 0px;
  width: 40px;
  height: 32px;
  line-height: 32px; }

.search-bar-mobile form.searchform .btn-search svg {
  width: 14px;
  height: 30px; }

.search-bar-mobile form.searchform .close-search {
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  z-index: 100;
  margin: auto;
  height: 24px;
  width: 40px;
  text-align: center;
  cursor: pointer;
  visibility: hidden; }

.search-bar-mobile form.searchform .close-search svg {
  width: 20px;
  fill: #7b1d27; }

.search-bar-mobile form.searchform.expanded .close-search {
  visibility: visible; }

.search-bar-mobile form.searchform.expanded .btn-search {
  visibility: hidden; }

.search-bar-mobile form.searchform input.searchinput:focus {
  border: 1px solid #ececec; }

.search-bar-mobile .smart-search-wrapper {
  position: absolute;
  right: 0px;
  left: 0px;
  top: 100%;
  z-index: 100;
  width: initial;
  background: #fff;
  padding: 0 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); }

/*--------------------- Menu Desktop ---------------------*/
.menu-desktop {
  position: relative; }

#nav .main-nav * {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

#nav nav.main-nav ul li a {
  color: #fec465; }

#nav nav.main-nav ul li a:hover {
  color: #ffffff; }

#nav .main-nav > ul > li {
  position: relative;
  float: none;
  display: inline-block;
  z-index: 10; }

#nav .main-nav > ul > li > a {
  font-size: 16px;
  display: inline-block;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  padding: 41px 15px 40px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  font-weight: 700; }

#nav .main-nav > ul > li.active > a {
  color: #fff !important; }

#nav .main-nav ul {
  padding-left: 0;
  margin: 0; }

#nav .main-nav ul > li a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 9px;
  margin-left: 4px;
  margin-bottom: 2px; }

#nav .main-nav .sub_menu {
  background: #fff;
  position: absolute;
  z-index: 999;
  min-width: 120px;
  -webkit-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  -o-transform: rotate3d(1, 0, 0, -90deg);
  -ms-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease; }

#nav .main-nav ul > li > ul {
  top: 100%;
  margin-top: -2px;
  border-top: 2px solid #5c5c5c; }

#nav .main-nav li:hover > .sub_menu {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  -moz-transform: rotate3d(0, 0, 0, 0deg);
  -o-transform: rotate3d(0, 0, 0, 0deg);
  -ms-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg); }

#nav .main-nav .sub_menu a {
  padding: 9px 18px;
  white-space: nowrap;
  text-align: left;
  display: block;
  font-size: 14px; }

#nav .main-nav .sub_menu .sub_menu {
  left: 100%;
  top: -2px;
  margin-left: 0px;
  margin-top: 0;
  -webkit-transform: rotate3d(0, 1, 0, 90deg);
  -moz-transform: rotate3d(0, 1, 0, 90deg);
  -o-transform: rotate3d(0, 1, 0, 90deg);
  -ms-transform: rotate3d(0, 1, 0, 90deg);
  transform: rotate3d(0, 1, 0, 90deg); }

#nav .main-nav .sub_menu li:not(:first-child) {
  border-top: 1px solid #ecf0f1; }

#nav .main-nav ul > li:hover > a i {
  margin-bottom: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

#nav .main-nav ul li .sub_menu li {
  position: relative; }

/*============================================================*/
.main-header.hSticky-nav .topbar {
  display: none; }

.flexContainer-header {
  margin: 0 -15px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

.flexContainer-header > div[class*='header-upper-'] {
  padding: 0 15px; }

.header-upper-navbar .header-action {
  display: inline-block;
  vertical-align: middle; }

.header-upper-navbar .header-action_backlink {
  display: none;
  width: 25px;
  padding-left: 2px;
  margin-right: 5px; }

.header-upper-navbar .header-action_backlink a {
  display: block;
  font-size: 28px; }

.header-wrap-icon {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end; }

.header-wrap-icon .header-action {
  display: inline-block;
  transition: opacity 150ms linear;
  font-size: 12px;
  color: #333333;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .header-wrap-icon .header-action:first-child {
    margin-left: 18px; }
    @media (min-width: 1300px) {
      .header-wrap-icon .header-action:first-child {
        margin-left: 36px; } }
  .header-wrap-icon .header-action:not(:last-child) {
    margin-right: 12px; }
    @media (min-width: 1300px) {
      .header-wrap-icon .header-action:not(:last-child) {
        margin-right: 36px; } }

.header-action_text .header-action__link {
  position: relative;
  display: block;
  font-size: 13px;
  color: #333333; }
  @media (max-width: 991px) {
    .header-action_text .header-action__link {
      color: #fcb040; }
      .header-action_text .header-action__link svg path {
        stroke: #fcb040; } }

.header-action_text .header-action__link .box-icon,
.header-action_text .header-action__link .box-text {
  display: inline-block;
  vertical-align: middle; }

.header-action_text .header-action__link .box-text {
  padding-left: 2px; }

.header-action_text .header-action__link .box-text .txtbl {
  font-size: 14px;
  display: block;
  font-weight: 500; }

.header-action_text .header-action__link .box-text .txt-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  max-width: 115px;
  overflow: hidden; }

.header-action_text .header-action__link .box-text .fa {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 3px; }

.header-action_text .header-action__link .box-icon {
  position: relative;
  text-align: center; }

.header-action_text .header-action__link .box-icon svg {
  width: 21px;
  height: 21px; }
  @media (min-width: 992px) {
    .header-action_text .header-action__link .box-icon svg {
      width: 30px;
      height: 30px; } }
  .header-action_text .header-action__link .box-icon svg:hover {
    transform: scale(1.07); }

.header-action_text .header-action__link .box-icon svg.svg-ico-cart {
  height: 38px; }

.header-action_text .header-action__link .box-icon .box-icon--close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }

.header-action_text .header-action__link .box-icon .count-holder {
  position: absolute;
  bottom: 10px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  right: -10px;
  top: -8px;
  display: none;
  text-align: center;
  font-size: 9px;
  overflow: hidden;
  color: #fff;
  background: #000;
  border-radius: 50%; }
  @media (min-width: 992px) {
    .header-action_text .header-action__link .box-icon .count-holder {
      right: 0px;
      top: unset; } }

.header-action_text .header-action__link .box-icon .count {
  transition: top 150ms linear;
  position: relative;
  top: 0px;
  animation-duration: 300ms; }

@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; } }

.header-action_dropdown {
  position: absolute;
  top: calc(100% + 15px);
  left: auto;
  right: -15px;
  z-index: 990;
  min-width: 280px;
  border-radius: 3px;
  color: #677279;
  background: #fff;
  border: solid 1px #dfe3e8;
  /*background-image: linear-gradient(to bottom, #ffffff, #f9fafb);*/
  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  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-action_dropdown .box-triangle {
  position: absolute;
  bottom: calc(100% - 5px);
  margin: 0 auto;
  width: 22px;
  height: 15px;
  right: 20px; }

.header-action_account .header-action_dropdown .box-triangle {
  right: 110px; }

/* 15 + 32 + 12+ 5*/
.header-action_search .header-action_dropdown .box-triangle {
  right: 108px; }

/* 15 + 32 + 12+ 5 +12+ 32*/
.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-action_dropdown .header-dropdown_content {
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  padding: 20px 15px; }

.header-action_cart .header-action_dropdown .header-dropdown_content {
  padding-left: 0;
  padding-right: 0; }

.header-action_cart.has-items .count-holder {
  display: block !important; }

.header-action_search .header-action_dropdown .header-dropdown_content .ttbold {
  font-size: 17px;
  color: #252a2b;
  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; }

.header-action.show-action .header-action_dropdown {
  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); }

.siteTab {
  gap: 16px; }
  @media (min-width: 992px) {
    .siteTab {
      gap: 37px; } }
  .siteTab li.active a {
    background: #000;
    color: #fff; }
  .siteTab li a {
    font-size: 12px;
    min-width: 119px;
    padding: 8px 15px 8px 15px;
    text-align: center;
    border: 1px solid var(--site-border-color);
    border-radius: var(--site-border-radius);
    font-family: Cabin !important;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block; }
    @media (min-width: 992px) {
      .siteTab li a {
        min-width: 210px;
        font-size: 20px; } }

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

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

.main-header {
  -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; }

.main-header.header-style {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 991; }

.header-style + .mainContent-theme {
  padding-top: var(--header-height);
  min-height: 80vh; }

.main-header .wrap-logo a {
  font-size: 30px;
  font-weight: bold;
  color: #7b1d27; }

.main-header:not(.hSticky-nav) .wrap-logo a img {
  max-width: 100%;
  margin: auto; }

.header-navbar-menu .wrap-logo-sticky {
  display: none; }

.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-nav .wrap-logo-sticky a {
  font-size: 24px; }

@media (max-width: 1199px) and (min-width: 992px) {
  #nav nav.main-nav ul li a {
    font-size: 13px;
    margin: 0 10px; }
  .main-header .wrap-logo a {
    font-size: 24px; } }

@media (min-width: 992px) {
  .header-action_cart .header-action_dropdown {
    width: 450px; }
  .header-action_search .header-action_dropdown {
    width: 400px; }
  .header-action_account .header-action_dropdown {
    width: 340px; }
  .header-action_account .header-action_dropdown.header-action_widthAuto {
    width: auto;
    min-width: 250px; }
  .main-header.hSticky-nav .header-action_dropdown {
    top: calc(100% + 5px); }
  /*fix bug*/
  .hSticky .header-action.show-action .header-action_dropdown,
  .hSticky-nav .header-action.show-action .header-action_dropdown {
    visibility: hidden;
    opacity: 0; }
  .hSticky-nav.hSticky-up .header-action.show-action .header-action_dropdown {
    visibility: visible;
    opacity: 1; }
  .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) {
  .flexContainer-header {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-direction: row-reverse; }
  .header-action_menu.show-action .header-action_dropdown {
    top: 0 !important; }
  .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); }
  .main-header .header-upper-middle {
    padding: 10px 0px;
    position: relative; }
  .flexContainer-header > div.header-upper-logo {
    padding-right: 5px;
    padding-left: 5px;
    text-align: center; }
  .flexContainer-header > div.header-upper-icon {
    padding-left: 0; }
  .flexContainer-header > div.header-upper-logo .wrap-logo img {
    max-height: 75px; }
  .flexContainer-header > div[class*='header-upper-'],
  .flexContainer-header .header-wrap-icon {
    position: initial; }
  .header-action_text .header-action__link .box-text {
    display: none; }
  .search-bar-mobile {
    display: block; }
  .main-header:not(.hSticky-nav) .header-search-mobile {
    border-top: 1px solid #f5f5f5; }
  .main-header.hSticky-nav .header-search-mobile {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    padding: 0px 100px 0px 60px;
    /*header-wrap-icon_100 ++ header-upper-navbar_60*/ }
  .main-header.hSticky-nav .search-bar-mobile form.searchform {
    position: relative;
    visibility: visible;
    margin: 0 auto; }
  .main-header.hSticky-nav .search-bar-mobile .smart-search-wrapper {
    visibility: visible;
    top: calc(100% + 10px); }
  .main-header:not(.hSticky-nav) .wrap-logo a img {
    margin: 0 auto; }
  /* product header fixed*/
  .main-body-product .main-header.hSticky-nav .header-upper-navbar .header-action_backlink {
    display: inline-block;
    height: 30px;
    line-height: 30px; }
  .main-body-product .main-header.hSticky-nav .header-search-mobile {
    display: none; }
  .main-body-product .main-header.hSticky-nav .header-wrap-icon .header-action.header-action_search {
    display: block; }
  .main-body-product .main-header.hSticky-nav .header-action_menu .box-triangle {
    left: 50px; }
  /* end */
  .header-action_dropdown {
    right: 0;
    left: 0;
    top: 100%;
    width: 100vw;
    height: calc(100vh); }
  .header-action_dropdown .header-dropdown_content {
    overflow: auto;
    padding-bottom: 120px;
    -webkit-overflow-scrolling: touch; }
  .header-action_menu .header-action_dropdown .header-dropdown_content {
    padding: 0 0px 80px; }
  .header-action.show-action .header-action_text .header-action__link .box-icon .box-icon--close {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .header-action.show-action .header-action_text .header-action__link .box-icon > svg,
  .header-action.show-action .header-action_text .header-action__link .box-icon .count-holder {
    opacity: 0;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .header-wrap-icon .header-action.header-action_search {
    display: none; }
  .header-action_dropdown .box-triangle {
    right: 20px; }
  .header-action_account .header-action_dropdown .box-triangle {
    right: 64px; }
  .header-action_search .header-action_dropdown .box-triangle {
    right: 108px; }
  .header-action_menu .box-triangle {
    right: initial;
    left: 15px;
    bottom: calc(100% - 3px); }
  .header-upper-navbar .header-action_search {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; } }

@media (max-width: 767px) {
  .flexContainer-header > div.header-upper-logo .wrap-logo a {
    font-size: 24px; } }

/*== HEADER 02 ============================*/
.topbar_temp02 {
  background: #000;
  color: #ffffff; }

.topbar_temp02 a {
  color: #ffffff; }

.mainHeader_temp02 {
  background: #7b1d27; }

@media (min-width: 992px) {
  .mainHeader_temp02 .wrap-logo a {
    color: #fec465; }
  .mainHeader_temp02 {
    width: 100%;
    z-index: 999;
    transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
    /*
		&:not(.hSticky) {
			padding-top: 19px;
			&:before {
				position: absolute;
				top: 0px;
				content: '';
				width: 100%;
				height: 19px;
				left: 0px;
			}
		}
    */ }
  mainHeader_temp02 .flexContainer-header .header-upper-logo img {
    margin: auto; }
  .mainHeader_temp02:not(.hSticky-nav) #nav .main-nav > ul > li > a {
    color: #fec465; }
  .mainHeader_temp02:not(.hSticky-nav) #nav .main-nav > ul > li > a:hover {
    color: #ffffff; }
  .mainHeader_temp02:not(.hSticky-nav) .header-action_text .header-action__link .box-icon .count-holder {
    color: #fff; }
  .mainHeader_temp02.hSticky-nav .wrap-logo a {
    font-size: 24px; }
  .mainHeader_temp02 .wrap-logo a {
    font-size: 27px; } }

@media (max-width: 1199px) and (min-width: 992px) {
  .mainHeader_temp02 .wrap-logo a {
    font-size: 24px; } }

/*--------------------------------------------------------------------------------
INDEX
--------------------------------------------------------------------------------*/
#homepage_slider .item {
  position: relative; }

#homepage_slider .item:hover .slide-btn {
  background: var(--site-main-color); }

#homepage_slider .owl-dots {
  position: absolute;
  bottom: 28px;
  text-align: center;
  width: 100%; }

#homepage_slider .owl-dots .owl-dot {
  display: inline-block; }

#homepage_slider .owl-dots .owl-dot span {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
  background: transparent;
  border: 2px solid #fff;
  -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out; }

#homepage_slider .owl-dots .owl-dot.active span {
  background: #fff; }

#homepage_slider .slide-infor {
  text-align: left;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  padding: 0px 0px 10px;
  position: absolute;
  left: 0%;
  bottom: 0;
  text-align: center;
  width: 100%;
  line-height: 35px;
  font-family: var(--site-font-title); }
  @media (min-width: 992px) {
    #homepage_slider .slide-infor {
      padding: 22px 0px 20px;
      bottom: 50px; } }

#homepage_slider .slide-title1 {
  font-size: 50px;
  color: var(--site-main-color);
  font-weight: normal;
  text-transform: uppercase;
  text-shadow: 1px 1px 5px #FFf;
  opacity: 1;
  width: 300px;
  margin-bottom: 10px;
  transform: unset;
  line-height: 50px; }

#homepage_slider .slide-title2 {
  font-size: 50px;
  color: var(--site-color-third);
  text-transform: uppercase;
  opacity: 1;
  width: 345px;
  transform: unset;
  font-weight: normal;
  line-height: 50px;
  text-shadow: 1px 1px 5px #FFf; }

#homepage_slider .slide-btn {
  background: var(--site-color-third);
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 4px 10px;
  margin-top: 13px;
  display: inline-block;
  opacity: 1;
  transform: unset;
  margin-left: 7px; }
  @media (min-width: 992px) {
    #homepage_slider .slide-btn {
      font-size: 18px;
      padding: 4px 15px; } }

#homepage_slider .active .slide-title1 {
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn; }

#homepage_slider .active .slide-title2 {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }

#homepage_slider .active .slide-btn {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: slideInUp;
  -webkit-animation-name: slideInUp; }

#homepage_slider .active .slide-infor {
  transform: translate(0); }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

.wrapper-para-site {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 28px; }
  .wrapper-para-site.text-white {
    color: #fff; }
  @media (min-width: 992px) {
    .wrapper-para-site {
      font-size: 20px; } }

.wrapper-heading-home h2, .wrapper-heading-home h3 {
  font-size: 32px;
  margin: 0 0 30px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--site-main-color); }

.wrapper-heading-home.text-white h2 {
  color: #fff; }

.wrapper-heading-home.text-shadow h2 {
  text-shadow: 3px 2px 0px #000; }

.index .wrapper-heading-home h2 {
  text-transform: uppercase; }

.wrapper-heading-home.text-white h2, .wrapper-heading-home.text-white h1 {
  color: #fff; }

.wrapper-heading-home .section-para {
  font-weight: 500;
  color: #000; }

.block-banner-category {
  position: relative;
  overflow: hidden;
  background: #f4f4f4;
  margin: 4px 2px; }

.caption_banner {
  position: absolute;
  width: 100%;
  padding: 0 50px;
  bottom: 50px;
  color: #ffffff; }

.caption_banner span {
  font-size: 15px;
  font-weight: 400; }

.block-banner-category a.link-banner {
  display: block; }

.caption_banner h3 {
  font-size: 23px;
  margin: 15px 0;
  color: #ffffff; }

.caption_banner .button:before {
  background-color: #ffffff; }

.caption_banner .button:hover {
  color: #ffffff; }

.wrap-collection-title {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.wrapper-home-banner, .wrapper-home-information {
  margin-top: 40px; }

.wrapper-home-banner .home-banner-pd {
  padding: 0; }

.wrapper-home-information {
  background-color: #f5f5f5; }

.flex-container-information {
  margin: 0 -15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; }

.wrap-pd-infor {
  padding: 0;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.box-banner-inf h2 {
  color: #fff;
  font-size: 54px;
  margin: 0;
  font-weight: 700; }

.box-banner-inf a.button {
  margin-top: 65px; }

.wrap-pd-infor .inf-content {
  font-size: 15px;
  font-weight: 500;
  margin: auto; }

.wrap-pd-infor.box_stick .container-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: background 200ms linear;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.wrap-pd-infor.box_stick .container-background:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: .4;
  transition: opacity 200ms linear, background 200ms linear; }

.wrap-pd-infor.box_stick img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
  -ms-transition: opacity 150ms linear;
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.list-slider-banner .owl-item:not(.active) {
  opacity: 0.6; }

.list-slider-banner.owl-carousel .owl-nav .owl-prev,
.list-slider-banner.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  border: none;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  text-align: center;
  z-index: 1;
  -webkit-box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  vertical-align: middle;
  line-height: 0; }

.list-slider-banner.owl-carousel .owl-nav .owl-prev:before,
.list-slider-banner.owl-carousel .owl-nav .owl-next:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 25px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  border-radius: 50%; }

.list-slider-banner.owl-carousel .owl-nav .owl-prev {
  left: 35px; }

.list-slider-banner.owl-carousel .owl-nav .owl-prev:before {
  content: "\f104"; }

.list-slider-banner.owl-carousel .owl-nav .owl-next {
  right: 35px; }

.list-slider-banner.owl-carousel .owl-nav .owl-next:before {
  content: "\f105"; }

.list-slider-banner.owl-carousel .owl-stage {
  margin: 0 auto; }

.list-slider-banner .caption_banner_slide {
  position: absolute;
  width: 100%;
  padding: 15px 20px;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5); }

.list-slider-banner .caption_banner_slide h3 {
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 12px;
  color: #fff;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box; }

.list-slider-banner .button {
  padding: 5px 15px; }

.list-slider-banner a.link-banner:not(.lazyloaded) + .caption_banner_slide {
  visibility: hidden; }

/*------------------------- PRODUCT ITEM-------------------------*/
.pro-loop {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 30px; }

.pro-loop a {
  display: block; }

.pro-loop .product-detail {
  padding: 12px 0 0; }

.pro-loop .product-img {
  text-align: center;
  position: relative;
  overflow: hidden; }

.pro-loop .product-img a:after {
  content: '';
  padding-bottom: 100%;
  display: block; }

.pro-loop .product-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  object-fit: cover;
  transition: all 0.3s ease; }

.pro-loop .product-img .sold-out {
  color: #cf3030;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  background: #fff;
  border-radius: 5px;
  padding: 0 6px;
  z-index: 999; }

.pro-loop .product-img .product-sale {
  top: 10px;
  left: 10px;
  color: #f94c43;
  border-radius: 5px;
  background: #FFF;
  min-width: 36px;
  font-size: 12px !important;
  padding: 0px 2px;
  display: inline-block;
  position: absolute;
  z-index: 99;
  display: inline-block; }
  @media (min-width: 992px) {
    .pro-loop .product-img .product-sale {
      display: none; } }

.pro-loop .product-sale {
  color: #CF3030;
  font-weight: 500; }

.pro-loop .product-img .sold-out {
  right: 10px;
  bottom: 10px;
  display: none; }

.pro-loop .product-img .sold-out span {
  opacity: .66; }

.product-detail .box-pro-detail {
  z-index: 9;
  width: 100%; }

.pro-loop .product-detail .pro-name {
  margin: 0 0 5px;
  height: 47px;
  overflow: hidden; }

.pro-loop .product-detail .pro-name a {
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--site-main-color);
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box; }
  @media (min-width: 992px) {
    .pro-loop .product-detail .pro-name a {
      font-size: 18px;
      margin-bottom: 15px; } }

.pro-price-mb {
  display: none; }

.pro-loop p.pro-price {
  font-size: 22px; }

p.pro-price {
  color: #992a30;
  font-size: 28px; }
  @media (max-width: 991px) {
    p.pro-price .product-sale {
      display: none; } }

p.pro-price span.pro-price-del {
  color: #9a9a9a;
  padding: 0 9px;
  font-weight: 500; }

.pro-loop:hover .product-img picture {
  transition: all 0.4s; }

.pro-loop .product-img button i {
  margin-left: 8px;
  font-size: 14px; }

.pro-loop .product-img picture {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: absolute; }

.pro-loop .box-pro-action button:first-child {
  margin-right: 15px; }

.pro-loop:hover .box-pro-action .button-detail {
  background: #992a30;
  border-color: transparent;
  color: #fff; }
  .pro-loop:hover .box-pro-action .button-detail:before, .pro-loop:hover .box-pro-action .button-detail:after {
    transform: scale3d(1, 1, 1);
    transition: transform 0.5s; }

@media (min-width: 1024px) {
  .wrapper-collection-1 .pro-loop:nth-child(6).pro-loop-lastHide,
  .wrapper-collection-2 .pro-loop:nth-child(6).pro-loop-lastHide,
  .list-productRelated .pro-loop:nth-child(6).pro-loop-lastHide {
    display: none; }
  .pro-loop:hover .product-img picture:nth-of-type(1) {
    transform: scale(1.03);
    -webkit-transform: scale(1.03); } }

@media (max-width: 1023px) and (min-width: 992px) {
  .wrapper-collection-1 .container-fluid, .wrapper-collection-2 .container-fluid {
    padding: 0 30px; }
  .wrapper-collection-1 .pro-loop:nth-child(10).pro-loop-lastHide,
  .wrapper-collection-2 .pro-loop:nth-child(10).pro-loop-lastHide,
  .list-productRelated .pro-loop:nth-child(10).pro-loop-lastHide {
    display: none; } }

@media (max-width: 991px) and (min-width: 768px) {
  .wrapper-collection-1 .container-fluid, .wrapper-collection-2 .container-fluid {
    padding: 0 30px; }
  .wrapper-collection-1 .pro-loop:nth-child(15).pro-loop-lastHide,
  .wrapper-collection-2 .pro-loop:nth-child(15).pro-loop-lastHide,
  .list-productRelated .pro-loop:nth-child(15).pro-loop-lastHide {
    display: none; } }

@media (max-width: 767px) {
  .wrapper-collection-1 .pro-loop:nth-child(5).pro-loop-lastHide,
  .wrapper-collection-2 .pro-loop:nth-child(5).pro-loop-lastHide,
  .wrapper-collection-1 .pro-loop:nth-child(15).pro-loop-lastHide,
  .wrapper-collection-2 .pro-loop:nth-child(15).pro-loop-lastHide,
  .list-productRelated .pro-loop:nth-child(15).pro-loop-lastHide {
    display: none; }
  .longarrow {
    display: none; }
  .pro-price-mb .pro-price {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 20px;
    font-weight: 500;
    margin-right: 3px; }
  p.pro-price {
    font-size: 12px; }
  .pro-loop .product-detail {
    padding: 7px 0 0px; } }

.product-loop-special {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 60px; }

.product-loop-special.more-image {
  -webkit-align-items: center;
  align-items: center; }

.product-loop-special .product-width {
  max-width: 270px;
  margin: auto; }

.product-loop-special .product-detail {
  padding: 20px 0; }

.product-loop-special .product-img {
  text-align: center;
  position: relative; }

.product-loop-special .product-detail h3 {
  margin: 0 0 5px;
  font-size: 14px;
  position: relative; }

.product-loop-special .product-detail h3 a {
  line-height: 16px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box; }

.product-loop-special .action .button {
  width: 100%;
  padding: 10px 5px; }

@media (min-width: 768px) {
  .collection-special-one .product-loop-special .product-col-left {
    flex-grow: 2; }
  .collection-special-one .product-loop-special .product-col-right {
    flex-grow: 1;
    padding: 0 80px; } }

@media (min-width: 1024px) {
  .collection-special-one .product-loop-special {
    padding: 0 100px; } }

.collection-special-two .product-loop-special .product-col-left {
  width: 60%; }

.collection-special-two .product-loop-special .product-width {
  max-width: 190px; }

.collection-special-two .product-loop-special .product-col-right {
  padding: 0 0 0 35px; }

.collection-special-two .product-loop-special .product-detail {
  padding: 10px 0; }

@media (max-width: 1200) and (min-width: 1024px) {
  .collection-special-two .product-loop-special {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .collection-special-two .product-loop-special {
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .collection-special-two .product-loop-special .product-width {
    max-width: 170px; }
  .collection-special-two .product-loop-special .product-col-right {
    padding: 0 0 0 25px; }
  .collection-special-two .product-loop-special .product-col-left {
    width: 70%; } }

@media (max-width: 767px) {
  .product-loop-special .action .button {
    font-size: 12px; }
  .collection-special-two .product-loop-special .product-width {
    max-width: 130px; }
  .collection-special-one .product-loop-special .product-col-right {
    padding-left: 20px; }
  .collection-special-one .product-loop-special .product-width {
    max-width: 260px; }
  .product-loop-special .product-detail {
    padding: 5px 0; } }

/* ------------------------ Style variant ------------------------ */
.product-image-detail ul {
  margin: 0; }

.selector-wrapper, .select {
  display: none; }

.swatch {
  padding: 10px 0;
  width: 100%;
  float: left;
  border-bottom: 1px dotted #dfe0e1; }

.swatch .header {
  margin: 0 0 8px;
  font-size: 13px;
  text-align: left;
  line-height: initial; }

.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 input {
  display: none; }

.swatch .swatch-element {
  display: inline-block;
  margin-right: 8px;
  position: relative;
  vertical-align: bottom; }

.swatch .swatch-element label {
  display: block;
  margin: 0;
  background: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
  border: 1px solid #e5e5e5;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  cursor: pointer; }

.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: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50%;
  height: 50%;
  background: url(//theme.hstatic.net/200000829665/1001179972/14/sold_out.png?v=2158) no-repeat;
  background-size: contain; }

.swatch .swatch-element.color label {
  width: 30px;
  height: 30px;
  padding: 3px;
  border-radius: 50%;
  border: none; }

.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 label.sd {
  background: transparent;
  border: 1px solid #808284; }

.swatch .swatch-element label.sd {
  border: 1px solid #000;
  background: #000;
  color: #fff; }

.swatch .swatch-element.soldout:not(.color) label {
  overflow: hidden; }

.swatch .swatch-element.soldout:not(.color) label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50%;
  height: 50%;
  background: url(//theme.hstatic.net/200000829665/1001179972/14/sold_out.png?v=2158) no-repeat;
  background-size: contain; }

label[for="product-select-option-0"] {
  display: none; }

label[for="product-select-option-1"] {
  display: none; }

label[for="product-select-option-2"] {
  display: none; }

#product-select-option-0 {
  display: none; }

#product-select-option-1 {
  display: none; }

#product-select-option-2 {
  display: none; }

#product-select-option-0 + .custom-style-select-box {
  display: none !important; }

#product-select-option-1 + .custom-style-select-box {
  display: none !important; }

#product-select-option-2 + .custom-style-select-box {
  display: none !important; }

@media (max-width: 767px) {
  .swatch .swatch-element.color {
    margin: 5px 8px 5px 0; } }

/* ------------------- Setting varian màu sắc -------------------- */
/* ------------------- Setting varian màu sắc -------------------- */
.color.swatch-element label.hong span {
  background: #ef5777 !important; }

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

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

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

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

.color.swatch-element label.sen span {
  background: #f53b57 !important; }

.color.swatch-element label.xanh-bien span {
  background: #0fbcf9 !important; }

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

.color.swatch-element label.trang span {
  background: #ffffff !important; }

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

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

.color.swatch-element label.pure-apple span {
  background: #6ab04c !important; }

.color.swatch-element label.blue span {
  background: #0c2461 !important; }

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

.tag-wrapper label {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700; }

.tag-wrapper ul.tags {
  display: inline-block; }

.tag-wrapper ul.tags li {
  display: inline-block;
  list-style-type: none;
  margin-right: 3px; }

.tag-wrapper ul.tags li:after {
  content: ","; }

.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); } }

.gallery-index {
  display: none;
  bottom: 55px;
  width: 47px;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  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 {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .list-productRelated {
      margin-bottom: 60px; } }

/*--------------------------------------------------------------------------------
BLOG - ARTICLE
--------------------------------------------------------------------------------*/
.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; }

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

.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: 10px; }

.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; }

/*---------------------------------------------------------------------------------
PAGINATION - 404 - SEARCH PAGE 
-------------------------------------------------------------------------------- */
.breadcrumb-shop {
  background: var(--site-main-color);
  color: #fff;
  font-size: 15px;
  padding: 12px 0px; }

.breadcrumb-shop a {
  color: #fff; }

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

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

.breadcrumb > li + li:before {
  color: #cacaca;
  content: "\f105";
  font-family: "FontAwesome" !important; }

.breadcrumb > .active {
  color: #cacaca; }

#pagination .page-node, #pagination .next, #pagination .prev {
  display: inline-block;
  margin: 20px 0px 30px;
  font-size: 18px;
  border: 1px solid #d4d4d4;
  border-width: 1px 0px 1px 1px;
  padding: 7px 11px;
  margin-right: -5px; }

#pagination .page-node:last-child {
  border-right: 1px solid #bcbcbc !important; }

#pagination .page-node:hover, #pagination .next:hover, #pagination .prev:hover {
  background: var(--site-secondary-color);
  color: #fff; }

#pagination .page-node.current {
  background: var(--site-main-color);
  color: var(--site-secondary-color); }

.pageNot {
  min-height: 80vh; }

.content-pagenot h1 {
  font-weight: 700;
  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/200000829665/1001179972/14/iconsearch.png?v=2158) #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: 600;
  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: bold;
  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; }

/*-------------------------------------------------------------------------------
FOOTER 
--------------------------------------------------------------------------------*/
.bottom-footer {
  background: var(--site-main-color);
  padding: 10px 0px 10px;
  margin-top: 15px;
  color: #fff; }
  .bottom-footer a {
    color: #fff; }

.bottom-footer p {
  margin-bottom: 0; }

.main-footerMap .main-footerMap_item {
  display: none; }
  .main-footerMap .main-footerMap_item.active {
    display: block; }

.main-footerMap_select {
  font-size: 14px;
  font-weight: 500;
  color: var(--site-main-color);
  text-align: center;
  margin-bottom: 20px; }
  .main-footerMap_select select {
    margin-left: 20px;
    width: auto;
    height: 25px;
    min-width: 108px; }

@media (max-width: 991px) {
  .main-footerMap .footer-title {
    margin-bottom: 10px !important; }
    .main-footerMap .footer-title:before {
      display: none; } }

.store_item {
  margin-bottom: 20px; }
  .store_item .store_title {
    line-height: 1.5em;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    border-bottom: 1px solid #333; }
  .store_item .store_address {
    line-height: 1.5em;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 10px 0px 5px; }
  .store_item svg {
    width: 15px;
    height: 15px;
    fill: var(--site-main-color);
    margin-right: 5px; }

footer {
  background: #fdf1d8;
  color: #282828;
  font-size: 14px; }
  footer .footer-logo {
    margin-bottom: 48px; }
    @media (min-width: 992px) {
      footer .footer-logo {
        margin-bottom: 40px; } }
    footer .footer-logo a {
      font-size: 36px !important;
      font-weight: 700;
      line-height: initial; }
  footer .site-social {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0px 20px; }
    footer .site-social a {
      display: inline-block;
      width: 36px;
      background: #ffffffcf;
      height: 36px;
      line-height: 36px;
      box-sizing: border-box;
      border-radius: 50%;
      margin-right: 8px;
      transition: all .5s ease 0s;
      -webkit-transition: all .5s ease 0s;
      text-align: center;
      font-size: 18px;
      color: var(--site-main-color); }
  footer .footer-policy {
    background: var(--site-main-color);
    color: #fff;
    padding: 25px 0px; }
    footer .footer-policy .footer-policy-title1 {
      font-size: 20px;
      font-family: var(--site-font-title);
      margin-bottom: 8px; }
      @media (min-width: 992px) {
        footer .footer-policy .footer-policy-title1 {
          font-size: 32px; } }
    footer .footer-policy .footer-policy-title2 {
      font-size: 14px;
      font-family: var(--site-font-title2);
      text-transform: uppercase;
      margin: 0 0px 2px; }
      @media (min-width: 992px) {
        footer .footer-policy .footer-policy-title2 {
          font-size: 20px; } }
  footer .footer-nav ul {
    display: flex;
    flex-wrap: wrap; }
  footer .footer-nav li {
    margin-bottom: 18px;
    width: 60%;
    padding-right: 5px; }
    footer .footer-nav li:nth-child(odd) {
      width: 40%; }

.footer .footer-title {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--site-font-title);
  margin: 0 0 20px;
  position: relative;
  line-height: 30px;
  text-transform: uppercase;
  color: var(--site-main-color); }

.footer-col.footer-content1 {
  padding-top: 10px; }

.footer-content ul li {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 10px; }
  @media (min-width: 992px) {
    .footer-content ul li {
      margin-bottom: 18px; } }

.footer-content .footer-action-contact li {
  margin-bottom: 30px; }

.footer-content.footer-nav ul li {
  line-height: normal; }

.footer-content ul li a {
  position: relative;
  overflow: hidden;
  font-size: 12px;
  letter-spacing: 0.6px;
  display: inline-block; }

.footer-contact ul li {
  padding: 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; }

@media (max-width: 991px) {
  .main-footerCenter_nav {
    padding: 15px 0px 0; } }

@media (max-width: 991px) {
  .main-footerCenter_nav .footer-col {
    width: 100%;
    margin-bottom: 15px; } }

@media (min-width: 992px) {
  .main-footerCenter_nav .footer-col:first-child {
    padding: 35px 75px 0px 0px;
    width: 30%; }
  .main-footerCenter_nav .footer-col:nth-child(2) {
    width: 40%;
    padding: 35px 0px 0px 85px; }
  .main-footerCenter_nav .footer-col:nth-child(3) {
    padding-top: 35px;
    width: 30%; } }

/*---------------------- 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 a {
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  box-sizing: border-box;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  background: var(--site-secondary-color);
  display: block; }
  .back-to-top a svg {
    fill: #fff;
    width: 20px;
    height: 20px;
    margin-top: 10px; }

/*----------------------------------------------------------------------------------
MAIN SIDEBAR
----------------------------------------------------------------------------------*/
/* - Mini box Account - */
.header-dropdown_content .site_account {
  text-align: center; }

.site_account .site_account_panel_list .site_account_inner {
  font-size: 12px; }

.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_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__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__input-wrapper .form__field:focus + .form__floating-label,
.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__submit {
  width: 100%;
  outline: none;
  padding: 0px 28px;
  height: 42px;
  line-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: #7b1d27;
  transition: color 0.2s ease-in-out;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  outline: none; }

.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_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 li span {
  font-size: 15px;
  color: #282c2d;
  font-weight: 500; }

.site_account .site_account_panel_list .site_account_info li {
  padding: 0 4px;
  margin-bottom: 10px; }

.site_account .site_account_panel_list .site_account_info li a:hover {
  color: #1a4d24; }

.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.is-selected {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.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.site_account_default {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.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%); }

.show-action .header-action_dropdown .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; } }

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

form.searchform input.searchinput {
  background: #f5f5f5;
  border: 1px solid #ececec;
  font-size: 14px;
  color: #252a2b;
  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; }

form.searchform .btn-search {
  width: 45px;
  height: 45px;
  line-height: 45px;
  position: absolute;
  padding: 0;
  top: 0px;
  right: 0px;
  background: transparent;
  outline: none;
  transition: opacity 150ms linear; }

form.searchform .btn-search svg {
  width: 18px;
  height: 40px; }

/*----------------- Search auto ---------------*/
.smart-search-wrapper {
  /*position: absolute;	top:115%;box-shadow: 0px 0px 10px rgba(0,0,0,0.08);*/
  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 p del {
  font-size: 11px;
  font-weight: 300;
  margin-left: 5px;
  color: #797979; }

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

.resultsMore a {
  text-align: center;
  display: block;
  font-size: 14px;
  padding: 10px 0; }

.dataEmpty {
  text-align: center;
  padding: 10px 0;
  margin: 0; }

/* --------------------- cart view --------------------- */
.site-cart .cart-ttbold {
  padding: 0 20px; }

.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; }

.cart-view .cart-view-scroll {
  padding: 0 10px; }

.cart-view #cart-view {
  border-top: 3px solid var(--site-main-color); }

.cart-view .cart-view-total {
  padding: 0 10px; }

.cart-view table {
  width: 100%; }

table#cart-view tr {
  border-bottom: 1px dotted #bcbcbc; }

table#cart-view tr td {
  position: relative;
  border: none;
  vertical-align: top; }

table#cart-view tr td:first-child {
  padding-left: 10px; }

table#cart-view tr td:last-child {
  padding-right: 10px; }

table#cart-view tr:last-child {
  border: 0; }

table#cart-view tr td.img {
  width: 65px; }

.cart-view table td.img img {
  width: 65px;
  border: 1px solid #ededed;
  max-width: none; }

.cart-view table td .pro-title {
  padding-right: 30px; }

.cart-view table td .pro-title a.pro-title-view {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase; }

.cart-view table td .pro-title .variant {
  font-size: 12px;
  display: block;
  width: 100%; }

.cart-view table td .remove-cart {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #E7EBEC; }

.cart-view table td .remove-cart svg {
  height: 20px;
  width: 8px;
  fill: #000; }

.cart-view table .item-cart_empty td {
  position: relative;
  padding: 0px;
  text-align: center; }

.cart-view table .item-cart_empty td .svgico-mini-cart {
  padding: 10px 0 5px; }

.cart-view table .item-cart_empty td .svgico-mini-cart svg {
  width: 50px;
  height: 50px;
  margin: auto; }

.cart-view table #total-view-cart {
  font-weight: 600;
  font-size: 16px;
  color: red; }

.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; }

.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; }

.mini-cart_quantity .pro-quantity-view .qty-btn {
  width: 30px;
  font-size: 20px;
  background: #f5f5f5; }

.mini-cart_quantity .pro-price-view {
  font-size: 13px;
  font-weight: 600;
  color: #333; }

#cart-view tr td, .table-total tr td {
  border: none !important; }

.cart-view .line {
  float: left;
  width: 100%;
  border-top: 1px solid  #e1e3e4;
  margin: 10px 0px; }

.cart-view a.linktocheckout, .cart-view a.linktocart {
  padding: 14px 15px;
  position: relative;
  width: 100%;
  white-space: nowrap; }

@media (min-width: 992px) {
  .cart-view .cart-view-scroll {
    overflow-y: scroll;
    max-height: 320px;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    overscroll-behavior: none; }
  .cart-view .cart-view-scroll::-webkit-scrollbar {
    width: 2px;
    height: 2px; }
  .cart-view .cart-view-scroll::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px; }
  .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); }
  .cart-view .cart-view-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: #e1e3e4; } }

/* ---------------------  menu  --------------------- */
.hamburger-menu {
  width: 30px;
  height: 20px;
  text-align: center;
  cursor: pointer;
  display: block;
  transition: all 150ms linear; }

.hamburger-menu .bar, .hamburger-menu .bar:after, .hamburger-menu .bar:before {
  width: 25px;
  height: 2px; }

.hamburger-menu .bar {
  position: relative;
  background: #252a2b;
  display: inline-block;
  vertical-align: middle;
  -ms-transition: all 0ms 100ms, width 150ms linear;
  -webkit-transition: all 0ms 100ms, width 150ms linear;
  transition: all 0ms 100ms, width 150ms linear; }

.hamburger-menu .bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  background: #252a2b;
  -ms-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
  -webkit-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
  transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear; }

.hamburger-menu .bar:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  background: #252a2b;
  -ms-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
  -webkit-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
  transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear; }

.show-action .hamburger-menu .bar {
  height: 0;
  background: transparent; }

.show-action .hamburger-menu .bar:before {
  position: absolute;
  top: 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.show-action .hamburger-menu .bar:after {
  position: absolute;
  top: 0px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.show-action .hamburger-menu .bar:before {
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg); }

.show-action .hamburger-menu .bar:after {
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg); }

/* - Menu Mobile */
.site-menu.menu-mobile {
  position: relative;
  max-width: 100vw;
  height: 100%;
  overflow: hidden;
  z-index: 100; }

.menu-mobile--wrap {
  height: 100%; }

.menu-mobile .menu-mobile--wrap .menu-mobile--acc {
  padding: 15px 0 15px 15px;
  display: flex;
  background: #000;
  color: #fff; }

.menu-mobile .menu-mobile--wrap .menu-mobile--acc span,
.menu-mobile .menu-mobile--wrap .menu-mobile--acc a {
  color: #fff; }

.menu-mobile .menu-mobile--wrap .menu-mobile--acc .menu-mobile--acc-info {
  width: calc(100% - 50px); }

.menu-mobile .menu-mobile--wrap .menu-mobile--acc .menu-mobile--acc-btn {
  width: 40px;
  line-height: 40px;
  height: 40px;
  text-align: center; }

.menu-mobile .menu-mobile--wrap .menu-mobile--acc .menu-mobile--acc-btn svg {
  width: 15px;
  height: 15px;
  fill: #fff; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom {
  height: calc(100% - 10px);
  overflow-y: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mp-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu {
  height: 100%; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  height: calc(100% - 0px);
  padding-bottom: 80px;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu ul.hidden-child {
  display: none; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu ul:not(.hidden-child) {
  display: block; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li {
  position: relative; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li a {
  display: block;
  padding: 15px 15px 15px 0;
  margin-left: 15px;
  text-transform: uppercase;
  outline: none;
  border-bottom: 1px solid #eeeeee;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li a i {
  position: absolute;
  right: 10px;
  top: 50%;
  color: #757575;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li a i svg {
  width: 8px;
  height: 12px; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list.list-root {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list.list-root.mm-subopened {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li a, .menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li a, .menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li a {
  display: block;
  padding: 15px 15px 15px 0;
  margin-left: 15px;
  outline: none;
  border-bottom: 1px solid #e1e3e4;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  font-size: 14px;
  font-weight: 300;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li span,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li span,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li span {
  margin-right: 4px; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li:first-child a,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li:first-child a,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li:first-child a {
  color: #000000;
  background: #fff;
  text-transform: uppercase;
  font-weight: 500; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li:first-child a i,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li:first-child a i,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li:first-child a i {
  padding-right: 10px;
  font-weight: 700;
  font-size: 15px; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li {
  position: relative; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li.level-2 a i {
  position: absolute;
  right: 10px;
  top: 50%;
  color: #757575;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li.level-2 a i svg {
  width: 8px;
  height: 12px; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child.mm-opened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li {
  position: relative; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li.level-3 a i {
  position: absolute;
  right: 10px;
  top: 50%;
  color: #757575;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child.mm-sub {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child.mm-subopened {
  -webkit-transform: translate(-30%, 0);
  -ms-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3.mm-sub-3 {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section {
  padding: 16px 20px; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__section-title {
  font-size: 15px;
  color: #252a2b;
  line-height: 1.85;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper {
  color: #677279;
  display: flex;
  align-items: center; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper .icon--bi-phone {
  margin-right: 16px;
  width: 24px;
  height: 24px; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper .icon--bi-email {
  margin-right: 18px;
  width: 22px;
  height: 22px; }

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper a {
  border-bottom: 0 !important;
  text-transform: none !important; }

/* ============ 	ADDTHIS ** addthis ============== */
.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_listing .addThis_item {
  margin-bottom: 5px;
  margin-right: 24px; }

.addThis_listing .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_listing .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_listing .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_listing .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_listing .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 {
  margin: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center; }

.actionToolbar_mobile ul.actionToolbar_listing li {
  width: 20%;
  float: left; }

.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;
  display: inline-block;
  vertical-align: middle; }

.actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {
  margin-top: -25px;
  display: inline-block;
  vertical-align: top; }

.actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a svg {
  width: 44px;
  height: 44px; }

/* modal- center */
.modal-addThis {
  font-size: 0;
  text-align: center;
  padding: 0 !important;
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear; }

.modal-addThis:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.modal-addThis .modal-dialog-centered {
  font-size: 14px;
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

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

.modal-addThis .modal-dialog-centered .modal-content {
  width: 100%; }

.modal-addThis .modal-dialog-centered {
  margin: 30px auto 50px; }

.modal-addThis.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-addThis.fade.in .modal-dialog-centered {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

@media (max-width: 767px) {
  .modal-addThis .modal-dialog-centered {
    margin: 30px 10px 40px; } }

/*
.modal-backdrop.in {display: none;opacity: 0!important;}
*/
/* modal-succes */
.modal-succesform .modal-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #7b1d27; }

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

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

@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-contactform */
.modal-contactform .modal-header h4.modal-title {
  text-align: center;
  font-size: 18px;
  font-weight: 500; }

.modal-contactform .modal-header .close {
  margin-top: -10px;
  opacity: 0.5;
  font-size: 26px;
  width: 30px;
  margin-right: -8px; }

.modal-contactform .content_popupform .input-group {
  width: 100%;
  margin: 0 0 15px; }

.modal-contactform .content_popupform .input-group input,
.modal-contactform .content_popupform .input-group textarea {
  border: 1px solid #e7e7e7;
  box-shadow: none;
  height: 40px;
  font-weight: 500;
  padding: 5px 20px;
  background: #fbfbfb;
  color: #252a2b;
  width: 100%; }

.modal-contactform .content_popupform .input-group textarea {
  resize: none;
  height: 80px; }

/* - 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%; }

@media (min-width: 992px) {
  .modal-addThis.modal-contactform .modal-dialog {
    width: 600px; }
  .modal-addThis.modal-succesform .modal-dialog {
    width: 450px; } }

@media (max-width: 767px) {
  .actionToolbar_product {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
  .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 .actionToolbar_product {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  .layoutProduct_scroll.scroll-down .product-action-bottom {
    padding-bottom: 60px; } }

/*===== APP COMBO - BUY X TANG Y ============================================*/
.modal-productApp {
  text-align: center;
  padding: 0 !important;
  font-size: 0;
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear; }

.modal-productApp:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.modal-productApp .modal-dialog-centered {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  font-size: 14px; }

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

.modal-productApp .modal-dialog-centered .modal-content {
  width: 100%; }

.modal-productApp.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-productApp.fade.in .modal-dialog-centered {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.modal-productApp .modal-footer {
  padding: 15px;
  text-align: center; }

.modal-productApp .modal-footer .button {
  margin: 0 5px; }

.modal-productApp .modal-header {
  padding: 15px 20px; }

.modal-productApp .modal-header .name-combo,
.modal-productApp .modal-header .modal-title {
  margin: 0;
  font-weight: bold;
  font-size: 22px;
  padding: 0px 30px 0px 0px; }

.modal-productApp .modal-header .combo-title {
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: bold; }

.modal-productApp .modal-header .close-modal-app {
  display: inline-block;
  position: absolute;
  background-color: #ffffff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #333;
  right: 13px;
  top: 9px;
  z-index: 9;
  opacity: 1;
  margin: 0; }

.modal-productApp .modal-header .close-modal-app svg {
  display: inline-block;
  fill: currentColor;
  position: relative;
  width: 12px;
  line-height: 30px;
  margin-top: -2px; }

#combo-program {
  max-height: 400px;
  overflow: auto; }

#combo-program .combo-title b {
  color: #ff0707; }

#combo-program .combo-w, .combo-current-product {
  padding: 11px 20px 11px 45px;
  position: relative;
  border: 1px solid #000;
  border-radius: 10px;
  margin-bottom: 15px; }
  @media (min-width: 992px) {
    #combo-program .combo-w, .combo-current-product {
      padding: 17px 20px 20px 60px; } }

.combo-current-product .combo-list .combo-saving {
  background: transparent;
  color: #000;
  padding: 0; }

#combo-program .combo-w:after, .combo-current-product:after {
  content: '';
  font-size: 16px;
  position: absolute;
  top: calc(50% - 6px);
  left: 24px;
  color: #000;
  opacity: 0;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 30px;
  background: #000; }
  @media (min-width: 992px) {
    #combo-program .combo-w:after, .combo-current-product:after {
      top: calc(50% - 5px); } }
  @media (min-width: 992px) {
    #combo-program .combo-w:after, .combo-current-product:after {
      left: 25px; } }
  @media (min-width: 992px) {
    #combo-program .combo-w:after, .combo-current-product:after {
      width: 10px;
      height: 10px; } }

#combo-program .combo-w:before, .combo-current-product:before {
  content: '';
  width: 16px;
  height: 16px;
  border: 1px solid #808080;
  border-radius: 30px;
  position: absolute;
  top: calc(50% - 10px);
  left: 20px; }
  @media (min-width: 992px) {
    #combo-program .combo-w:before, .combo-current-product:before {
      width: 20px;
      height: 20px; } }

#combo-program .combo-w.checked:after, .combo-current-product.checked:after {
  opacity: 1; }

#combo-program .combo-w.checked:before, .combo-current-product.checked:before {
  border: 1px solid #7b1d27; }

#combo-program table tr {
  margin-bottom: 3px; }

#combo-program table tr:first-child td {
  border-top: 0; }

#combo-program table label {
  font-weight: normal;
  font-size: 13px;
  display: block;
  border: none;
  padding: 2px 5px;
  cursor: pointer; }

#combo-program table label:after {
  content: "";
  display: table;
  clear: both; }

#combo-program table label img {
  display: inline-block;
  width: 85px;
  float: left; }

#combo-program table label p {
  display: inline-block;
  width: calc(100% - 85px);
  float: left;
  margin-bottom: 0px;
  padding-left: 15px; }

#combo-program table label .discount-promotion-price b {
  color: #fa0303; }

#combo-program table label .discount-promotion-price del {
  margin-left: 5px; }

#combo-program table input {
  display: none; }

#combo-program table input:checked + label {
  color: #000;
  background: #fff8f8; }

#combo-program table {
  display: none; }

#combo-popup .wrap-addcart {
  margin-top: 10px; }

.combo-list {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .combo-list .combo-title {
    font-family: Cabin;
    font-size: 14px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 10px; }
    @media (min-width: 992px) {
      .combo-list .combo-title {
        font-size: 20px; } }
  .combo-list .combo-saving {
    color: #fff;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 2px 7px;
    border-radius: 5px;
    background: #000;
    display: inline-block; }
    @media (min-width: 992px) {
      .combo-list .combo-saving {
        font-size: 12px; } }
  .combo-list .combo-org-price {
    flex-shrink: 0;
    color: #9A9A9A;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
    margin: 0; }
    @media (min-width: 992px) {
      .combo-list .combo-org-price {
        font-size: 12px; } }
  .combo-list .combo-promo-price {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0; }
    @media (min-width: 992px) {
      .combo-list .combo-promo-price {
        font-size: 24px; } }
  .combo-list .combo-right {
    text-align: right; }

#buyxgety-program {
  margin: 20px 0;
  border: 2px dotted #7b1d27;
  padding: 10px;
  position: relative;
  min-height: 100px;
  z-index: 0; }

#buyxgety-program .buyxgety-heading {
  padding: 5px 10px;
  position: relative;
  padding-right: 60px; }

#buyxgety-program .buyxgety-heading h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px; }

#buyxgety-program .buyxgety-heading:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  right: 10px;
  top: 6px;
  background-image: url("https://file.hstatic.net/1000308580/file/icon-gifbox_21127e78739a40a28f058e5e123d41b1.png");
  background-repeat: no-repeat;
  background-size: contain; }

#buyxgety-program .modal-body {
  padding: 15px 30px; }

.buyxgety_item {
  display: -webkit-flex;
  display: flex;
  padding: 5px 10px 10px; }

.buyxgety_item .buyxgety_checkbox {
  width: 35px;
  float: left;
  padding-top: 7px; }

.buyxgety_item .buyxgety_image {
  width: 60px;
  float: right; }

.buyxgety_item .buyxgety_item_title {
  width: calc(100% - 95px);
  float: right;
  padding-left: 15px; }

.buyxgety_item .buyxgety_list_variant select {
  font-size: 94%;
  font-style: italic;
  min-width: 110px;
  outline: none;
  padding: 1px 15px 2px;
  margin: 2px 0 5px; }

.buyxgety_item .buyxgety_checkbox input[type=radio] {
  cursor: pointer;
  width: 15px;
  height: 15px; }

/* edit +++  
.pro-loop .product-img .sold-out == bottom:10 
.qty-click input.item-quantity 
table.table-cart tr td.item h3
.selector-actions
*/
.pro-loop .product-img .product_gift_label {
  width: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1; }

.product-loop-special .product-col-left {
  position: relative; }

.product-loop-special .product-col-left .product_gift_label {
  position: absolute;
  width: 50px;
  top: 15px;
  z-index: 2;
  left: 20px; }

button.btn-product-gift {
  width: 100%;
  padding: 14px 35px;
  font-size: 16px; }

table.table-cart tr td.item .ico-gift {
  display: inline-block;
  width: 16px;
  vertical-align: text-bottom;
  margin-left: 10px; }

@media (max-width: 767px) {
  .modal-productApp .modal-dialog-centered {
    margin: 30px 10px 50px; }
  .modal-productApp .modal-header {
    padding-left: 15px; }
  .modal-productApp .modal-header .name-combo,
  .modal-productApp .modal-header .modal-title {
    font-size: 18px; }
  .modal-productApp .modal-footer .button {
    width: 100%;
    margin: 0; }
  .modal-productApp .modal-footer .button + .button {
    margin-top: 15px; } }

/*====== POPUP CONTACT ====================================================================*/
.modal-popupContact {
  font-size: 0;
  text-align: center;
  padding: 0 !important;
  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:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.modal-popupContact .modal-dialog-centered {
  font-size: 14px;
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.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 .modal-dialog-centered .modal-content {
  width: 100%; }

.modal-popupContact .modal-dialog-centered {
  margin: 30px auto 50px; }

.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.in .modal-dialog-centered {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.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.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;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #e6e6e6; }

.modal-popupContact.popupForm .modal-content.lazyloaded {
  background-image: url("https://file.hstatic.net/1000300454/file/bannerpopup-bkg_15bc9d9a882d42139e18f88ccb427ca9.jpg"); }

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

.modal-popupContact.popupForm .modal-content:before,
.modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
  width: 58%; }

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

.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 {
  margin-bottom: 15px; }

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

.popup-form-customer .input-group input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

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

.popup-form-customer .input-group .input-group-addon {
  margin-bottom: 8px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  border-color: #7b1d27; }

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

.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 {
    width: 650px; } }

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

/*** End popup-contact.css ***/
/*---------------------------------------------------------------------------------
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) {
  /**** 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; } }

@media (min-width: 1200px) {
  .wrapbox-content-account {
    padding: 100px; }
  .wrapbox-heading-account .header-page {
    width: 60%; }
  .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 (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; }
  .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; }
  .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: 28px;
    margin-bottom: 8px; }
  .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; }
  /* Blog Article */
  .blog-loop:nth-of-type(2n+1) {
    clear: both; }
  .sidebar-blog .layered, .sidebar-page .layered {
    display: none; }
  .product-gallery {
    position: relative; }
  .product-gallery__thumbs-container {
    bottom: 0;
    width: 100%; } }

@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; }
  /* 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: 20px;
    line-height: 1.1; }
  .wrapper-heading-home h2 br {
    display: none; }
  .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; }
  /******* 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; }
  .sidebarblog-title h2 span {
    display: inline-block; }
  .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*/
  .footer .collapse.in {
    display: block;
    visibility: visible; }
  .main-footer .footer-content {
    display: none;
    margin-top: 10px; }
  .main-footer .footer-title {
    line-height: 20px;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0px 0px 0px; }
  .main-footer h4.footer-title:before {
    content: "\f067";
    font-family: "FontAwesome";
    font-size: 11px;
    position: absolute;
    top: 0px;
    right: 5px;
    text-align: center;
    line-height: 36px; }
  .main-footer h4.footer-title.active:before {
    content: "\f068"; }
  .breadcrumb-shop .breadcrumb-arrows li {
    font-size: 10px; } }

.home-policy {
  background: #010101;
  padding: 40px 0;
  font-size: 18px;
  color: #fff;
  margin-bottom: 50px;
  color: #fff; }
  @media (min-width: 992px) {
    .home-policy {
      margin-bottom: 106px; } }
  @media (max-width: 767px) {
    .home-policy p {
      font-size: 10px; } }

.home-logo {
  margin-bottom: 58px; }
  @media (min-width: 992px) {
    .home-logo {
      margin-bottom: 110px; } }
  .home-logo .wrapper-heading-home {
    margin-bottom: 40px; }
    @media (max-width: 991px) {
      .home-logo .wrapper-heading-home {
        text-align: left;
        margin-bottom: 27px; } }
  @media (max-width: 991px) {
    .home-logo__list {
      gap: 34px;
      overflow-x: auto;
      white-space: nowrap;
      flex-wrap: nowrap !important;
      justify-content: flex-start !important; } }
  @media (min-width: 992px) {
    .home-logo__list {
      gap: 58px; } }
  @media (max-width: 991px) {
    .home-logo .item {
      width: auto;
      min-width: 120px; } }

.home-banner {
  position: relative; }
  .home-banner__title h2 {
    text-transform: none !important; }
  @media (max-width: 991px) {
    .home-banner__title {
      text-align: center;
      margin-bottom: 14px; } }
  @media (max-width: 991px) {
    .home-banner__img {
      display: block; }
      .home-banner__img img {
        margin: auto;
        display: block; } }
  .home-banner__img img {
    width: 100%; }
  .home-banner__content {
    padding: 12px 20px 24px; }
    @media (min-width: 992px) {
      .home-banner__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0px 50px; } }
  .home-banner__btn {
    width: 100%; }
    @media (min-width: 992px) {
      .home-banner__btn {
        width: auto;
        margin: 1.5rem 38px 1.5rem 0; } }
    @media (max-width: 991px) {
      .home-banner__btn button {
        width: 100%;
        height: 50px;
        text-transform: unset;
        font-size: 12px; }
        .home-banner__btn button img {
          margin-left: 6px; } }
    @media (min-width: 992px) {
      .home-banner__btn button {
        min-width: 196px;
        padding: 19px 30px;
        text-transform: none; } }
    .home-banner__btn button:hover {
      background: #000000;
      color: #fff !important; }
      .home-banner__btn button:hover img {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1); }
    .home-banner__btn button img {
      transform: translateY(-3px); }
  @media (max-width: 991px) {
    .home-banner__caption {
      display: flex;
      flex-direction: column; } }
  @media (min-width: 992px) {
    .home-banner__caption {
      max-width: 60.7%;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap; } }
  .home-banner__rate p {
    margin: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; }
    @media (min-width: 992px) {
      .home-banner__rate p {
        font-size: 24px; } }
  @media (max-width: 991px) {
    .home-banner__rate {
      order: -1;
      margin-bottom: 7px;
      width: 100%; } }
  .home-banner__rate .star-list {
    font-size: 11px;
    flex-shrink: 0; }
    @media (max-width: 767px) {
      .home-banner__rate .star-list i {
        color: #CFB88A; } }
    @media (min-width: 992px) {
      .home-banner__rate .star-list {
        font-size: 20px; }
        .home-banner__rate .star-list i {
          margin-left: 5px; } }
  .home-banner__rate p + p {
    margin-left: 10px;
    letter-spacing: 0.7px; }
  @media (max-width: 991px) {
    .home-banner__bottom {
      width: 100%; } }

@media (min-width: 992px) {
  .row-40 {
    margin: 0px -20px; }
    .row-40 > div {
      padding: 0px 20px; } }

.row-46 {
  margin: 0px -17px; }
  @media (min-width: 992px) {
    .row-46 {
      margin: 0px -23px; } }
  .row-46 > div {
    padding: 0px 17px; }
    @media (min-width: 992px) {
      .row-46 > div {
        padding: 0px 23px; } }

.row-48 {
  margin: 0px -10px; }
  @media (min-width: 992px) {
    .row-48 {
      margin: 0px -24px; } }
  .row-48 > div {
    padding: 0px 10px; }
    @media (min-width: 992px) {
      .row-48 > div {
        padding: 0px 24px; } }

@media (min-width: 992px) {
  .row-64 {
    margin: 0px -32px; }
    .row-64 > div {
      padding: 0px 32px; } }

.row-20 {
  margin: 0px -10px; }
  .row-20 > div {
    padding: 0px 10px; }

@media (min-width: 992px) {
  .row-50 {
    margin: 0px -25px; }
    .row-50 > div {
      padding: 0px 25px; } }

@media (min-width: 1200px) {
  .row-56 {
    margin: 0px -28px; }
    .row-56 > div {
      padding: 0px 28px; } }

@media (min-width: 992px) {
  .row-90 {
    margin: 0px -45px; }
    .row-90 > div {
      padding: 0px 45px; } }

.video-ratio {
  position: relative; }
  .video-ratio:before {
    content: '';
    display: block;
    padding-bottom: 82.75%; }
  .video-ratio img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0; }

.item-article {
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .item-article.list .info-article {
      padding-top: 0; } }
  .item-article.list .date-article {
    margin-bottom: 10px; }
  .item-article.list .date-desc {
    color: #777; }
  .item-article .info-article {
    padding: 10px 0px 0px; }
  .item-article h4 {
    font-size: 15px;
    white-space: initial;
    margin-bottom: 6px; }
  .item-article .desc-article {
    white-space: normal;
    color: #100F0F;
    font-size: 10px;
    font-weight: 500;
    line-height: normal; }
    @media (min-width: 992px) {
      .item-article .desc-article {
        margin-bottom: 9px;
        font-size: 14px; } }
  .item-article .date-article {
    font-size: 12px;
    color: #888;
    margin: 0px 0px 5px; }
  .item-article.style2 .media-article {
    width: 100%; }
    @media (min-width: 992px) {
      .item-article.style2 .media-article {
        width: 60%; } }
  .item-article.style2 .info-article {
    width: 100%; }
    @media (min-width: 992px) {
      .item-article.style2 .info-article {
        width: calc(100% - 60%);
        padding-left: 33px; } }
  @media (max-width: 991px) {
    .item-article.style2 .title-article {
      display: flex;
      flex-direction: column; }
      .item-article.style2 .title-article > .date-article {
        order: -1;
        margin-bottom: 8px; } }
  @media (min-width: 992px) {
    .item-article.style2 h4 {
      font-size: 24px;
      margin-bottom: 12px; } }
  .item-article.style2 .btn-article {
    margin-top: 18px; }
  .item-article.style3 .date-article {
    font-size: 10px;
    font-weight: 500;
    color: #9a9a9a;
    margin-bottom: 5px; }
  .item-article.style3 .media-article {
    width: 148px;
    margin-right: 22px; }
  .item-article.style3 .info-article {
    width: calc(100% - 148px - 22px);
    padding-top: 0; }
  .item-article.style3 h4 {
    font-size: 14px;
    white-space: initial;
    margin-bottom: 8px; }
    @media (min-width: 992px) {
      .item-article.style3 h4 {
        font-size: 24px; } }

.media-article a {
  display: block;
  position: relative;
  overflow: hidden; }
  .media-article a:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    opacity: 0.5; }
  .media-article a img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s; }
  .media-article a:after {
    content: '';
    padding-top: 66%;
    display: block; }

.media-article.horizon-image a:after {
  padding-top: 51.94%; }

@media (min-width: 1220px) {
  .modalSearch .modal-dialog {
    width: 1200px; } }

.modalSearch .modal-body {
  padding: 0; }

.modalSearch .modal-content {
  border-radius: 5px;
  border: 1px solid #000; }
  @media (min-width: 992px) {
    .modalSearch .modal-content {
      padding: 15px 60px;
      border-radius: 35px; } }

.modalSearch .search-input {
  border-radius: 10px !important;
  height: 40px !important;
  background: #EFEFEF;
  border: none !important; }
  @media (min-width: 992px) {
    .modalSearch .search-input {
      height: 50px !important; } }

.modalSearch__inner {
  max-width: 920px;
  margin: 16px;
  position: relative; }
  @media (min-width: 992px) {
    .modalSearch__inner {
      margin: 30px auto 35px; } }

.modalSearch__bottom {
  max-width: 920px;
  margin: auto; }
  .modalSearch__bottom h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px; }
  .modalSearch__bottom ul li {
    display: inline-block; }
    .modalSearch__bottom ul li:not(:last-child) {
      margin-right: 26px; }
    .modalSearch__bottom ul li a {
      font-size: 14px;
      color: #000;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 170px;
      min-height: 40px;
      border: 1px solid #000;
      border-radius: 10px;
      margin-bottom: 10px; }

.starbap-prev-badge .starbap-prev-badgetext:before {
  content: '|';
  margin: 0px 7px;
  color: #000;
  display: inline-block;
  vertical-align: top;
  font-weight: 500; }

.product-review {
  margin-bottom: 30px; }

.pro-review {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px; }

.table-banner {
  margin: 0px -15px; }

.table-banner table {
  width: 100%;
  border: 0; }

.table-banner table td {
  width: 100% !important;
  padding: 0px 15px !important;
  margin-bottom: 20px;
  vertical-align: top;
  border: none !important; }

@media (max-width: 991px) {
  .table-banner table td {
    display: block; } }

@media (max-width: 991px) {
  .table-banner table td:first-child {
    width: 100% !important; } }

@media (min-width: 992px) {
  .table-banner table td {
    width: 50% !important;
    margin: 0; } }

.table-banner table td img {
  width: 100%; }

.wrapper_collection_slider .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 100px));
  z-index: 30; }
  .wrapper_collection_slider .owl-nav button.owl-prev {
    left: -30px; }
    @media (min-width: 992px) {
      .wrapper_collection_slider .owl-nav button.owl-prev {
        left: -55px; } }
  .wrapper_collection_slider .owl-nav button.owl-next {
    right: -30px; }
    @media (min-width: 992px) {
      .wrapper_collection_slider .owl-nav button.owl-next {
        right: -55px; } }

@media (max-width: 991px) {
  .wrapper_collection_slider {
    /*
		margin: 0px -10px;
		width: auto;
		> .item {
		width: calc(50% - 3px);
		padding: 0px 10px;
		display: inline-block;
		vertical-align: top;
	}
		*/ }
    .wrapper_collection_slider .owl-stage {
      padding-left: 0 !important; } }

@media (max-width: 991px) {
  .blog_sidebar {
    margin-top: 34px; } }

.blog_sidebar__category a {
  position: relative;
  display: block;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid var(--site-border-color);
  border-radius: 20px;
  padding: 30px 15px;
  overflow: hidden; }
  .blog_sidebar__category a .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    color: #FEFDFA;
    text-transform: uppercase;
    line-height: 34px; }

#related-articles {
  margin-top: 60px;
  margin-bottom: 60px; }
  @media (max-width: 991px) {
    #related-articles .wrapper-heading-home {
      text-align: left; } }

.featured_cate {
  margin-bottom: 54px;
  padding: 18px 20px 18px 18px;
  border-radius: 20px;
  border: 1px solid #000; }
  @media (min-width: 992px) {
    .featured_cate {
      margin-bottom: 96px;
      padding: 40px 20px 25px; } }
  .featured_cate__top h2 {
    margin: 0 40px 15px 0px;
    font-size: 16px; }
    @media (min-width: 992px) {
      .featured_cate__top h2 {
        font-size: 24px; } }
  .featured_cate__top .featured_link a {
    display: inline-block;
    border-radius: 10px;
    border: 1px solid var(--site-border-color);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background: #fff;
    padding: 8px 20px;
    margin-bottom: 15px;
    font-size: 14px; }
    .featured_cate__top .featured_link a:hover {
      background: #000;
      color: #fff; }
    .featured_cate__top .featured_link a:not(:last-child) {
      margin-right: 16px; }
  .featured_cate__para {
    font-size: 12px; }
    @media (min-width: 992px) {
      .featured_cate__para {
        font-size: 14px;
        max-width: 72.33%;
        margin: auto; } }

.article-author {
  border: 1px solid var(--site-border-color);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 10px; }
  @media (min-width: 992px) {
    .article-author {
      margin-bottom: 32px; } }
  .article-author__logo {
    background: #000;
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px; }
  .article-author__infor {
    gap: 20px;
    padding: 30px 18px; }
    @media (max-width: 991px) {
      .article-author__infor {
        flex-wrap: wrap;
        gap: 8px; }
        .article-author__infor .article-author__img {
          width: 36px; } }
  .article-author__name {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 21px; }
    @media (min-width: 992px) {
      .article-author__name {
        font-size: 24px; } }
  .article-author p {
    margin: 0;
    font-size: 12px; }
    @media (min-width: 992px) {
      .article-author p {
        font-size: 20px; } }

.mt-3 {
  margin-top: 15px; }

.faq__item_inner {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border: 1px solid var(--site-border-color);
  border-radius: var(--site-border-radius);
  padding: 10px 18px;
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    .faq__item_inner {
      display: inline-flex;
      flex-wrap: wrap; } }

@media (min-width: 992px) {
  .faq__item {
    margin-bottom: 28px; } }

.faq__item .faq__title {
  font-weight: 700;
  font-size: 12px;
  width: 100%; }
  @media (min-width: 992px) {
    .faq__item .faq__title {
      font-size: 20px; } }
  .faq__item .faq__title a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (min-width: 1200px) {
      .faq__item .faq__title a {
        gap: 130px; } }
    .faq__item .faq__title a[aria-expanded="true"] span {
      transform: rotate(180deg);
      top: 0; }
    .faq__item .faq__title a span {
      z-index: 10; }

.faq__item .faq__content {
  padding-top: 15px; }
  .faq__item .faq__content .wrapper-para-site {
    font-size: 12px !important;
    line-height: 1.7; }
    @media (min-width: 992px) {
      .faq__item .faq__content .wrapper-para-site {
        font-size: 20px !important;
        line-height: 1.2; } }

.product_faq .faq__item_inner {
  display: flex;
  flex-direction: column; }

.product_faq .faq__item {
  margin-bottom: 0px; }

.product_faq .faq__item .faq__title {
  width: 100%; }

.product_faq .faq__item .faq__title a {
  font-size: 14px;
  gap: unset !important;
  justify-content: space-between; }

@media (min-width: 992px) {
  .product_faq .faq__item .faq__content .wrapper-para-site {
    font-size: 14px !important; } }

.product_faq .product_faqInner {
  margin-bottom: 42px; }
  @media (min-width: 992px) {
    .product_faq .product_faqInner {
      border-radius: 20px;
      overflow: hidden;
      border: 1px solid #000;
      margin-bottom: 80px; } }

.product_faq_title {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
  font-family: Cabin; }

.product_faq .product_faqLeft {
  height: 100%;
  color: #fff;
  background: #000;
  padding: 98px 90px; }

.product_faq .product_faqRight {
  padding: 0; }
  @media (min-width: 992px) {
    .product_faq .product_faqRight {
      padding: 30px 20px; } }
  @media (min-width: 1230px) {
    .product_faq .product_faqRight {
      padding: 65px 75px 65px 120px; } }

.product-share {
  margin-top: 10px; }
  .product-share .title {
    margin-right: 12px; }
  .product-share a {
    display: inline-block;
    margin-right: 18px; }
  .product-share img {
    width: 23px; }

@media (max-width: 991px) {
  .starbap-rev-widg__summary {
    width: 100%; } }

#swiperTabSlider .swiper-slide, .product_ingredent__inner .swiper .swiper-slide {
  width: auto !important; }

#swiperTabSlider .swiper-scrollbar, .product_ingredent__inner .swiper .swiper-scrollbar {
  position: static;
  margin-top: 11px;
  background: #E4E4E4; }
  @media (max-width: 991px) {
    #swiperTabSlider .swiper-scrollbar, .product_ingredent__inner .swiper .swiper-scrollbar {
      display: none; } }
  #swiperTabSlider .swiper-scrollbar .swiper-scrollbar-drag, .product_ingredent__inner .swiper .swiper-scrollbar .swiper-scrollbar-drag {
    width: 210px !important;
    background: #000; }

.product_ingredent__inner .swiper .swiper-scrollbar {
  max-width: 575px;
  background: #c5c5c5;
  margin: auto; }

#modalFAQ .close {
  font-size: 18px;
  z-index: 999;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 1;
  color: #fff;
  background: #000;
  border-radius: 50%; }

#modalFAQ .modal-content {
  padding: 30px; }

#modalFAQ .form-control {
  height: 40px;
  background: #fff; }

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

#modalFAQ textarea {
  background: #fff;
  height: 100px;
  font-size: 14px; }

@media (min-width: 992px) {
  .blog_sidebar_sticky {
    position: sticky;
    top: 100px;
    z-index: 20; } }

.notify {
  position: fixed;
  top: 20px;
  right: -300px;
  width: 300px;
  transition: all .2s;
  box-sizing: border-box;
  z-index: 99999;
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  padding: 18px;
  touch-action: pan-y;
  font-size: 14px;
  font-weight: 700; }
  .notify.added {
    right: 0; }

.mobile-bottomBar {
  padding: 5px 7px;
  bottom: 0;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #fff; }
  .mobile-bottomBar .item {
    text-align: center; }
  .mobile-bottomBar img {
    width: 32px; }
  .mobile-bottomBar .mb-btn {
    background: red;
    color: #fff;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    text-align: center; }

.mobile-bottomBar-left {
  background: #eee;
  padding: 5px 10px;
  gap: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.mobile-bottomBar-right {
  flex-grow: 1; }

.banner-effect .banner-img {
  position: relative;
  overflow: hidden;
  display: block; }
  .banner-effect .banner-img:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
    -o-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
    transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
    z-index: 1;
    border: 100px double transparent;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible; }
  .banner-effect .banner-img:after {
    content: "";
    display: block;
    height: 50px;
    left: 42%;
    left: calc(50%-25px);
    left: -webkit-calc(50%-25px);
    position: absolute;
    top: 34%;
    top: calc(50%-25px);
    top: -webkit-calc(50%-25px);
    width: 50px;
    background-position: -141px -113px;
    background-repeat: no-repeat; }

.banner-effect:hover .banner-img:before {
  opacity: 0;
  filter: alpha(opacity=0);
  border: 0 double rgba(255, 255, 255, 0.7);
  visibility: hidden; }

.banner-effect:hover .banner-img:after {
  background-position: -199px -113px; }

@media (min-width: 992px) {
  .group-menu + .group-menu {
    margin-top: 45px; } }

/* ---------------------------  MENU CATEGORY  --------------------------- */
.tree-menu li {
  margin-bottom: 0px;
  padding: 12px 5px 12px 25px; }

.tree-menu li .link-count {
  color: #9a9a9a;
  font-size: 12px;
  font-weight: 300;
  vertical-align: middle;
  transform: translateY(7px);
  display: none; }

.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; }

.box_sidebar {
  background: #fdf1d8;
  padding: 10px; }

.block .title_block {
  display: block;
  font-size: 22px;
  font-family: var(--site-font-title);
  margin: 0px 0px 16px;
  font-weight: 400;
  line-height: 1;
  text-shadow: 2px 3px #000;
  color: #fff;
  position: relative;
  background: var(--site-main-color);
  padding: 10px;
  text-align: center;
  text-transform: uppercase; }
  .block .title_block:after {
    position: absolute;
    bottom: -8px;
    content: '';
    background: var(--site-main-color);
    width: 100%;
    height: 3px;
    left: 0px; }

.home-testi {
  overflow: hidden;
  background: url(//theme.hstatic.net/200000829665/1001179972/14/home_testi_bg.jpg?v=2158); }
  @media (max-width: 991px) {
    .home-testi .row {
      display: flex;
      flex-wrap: wrap;
      width: 1000px; } }
  @media (max-width: 991px) {
    .home-testi__content {
      overflow-x: auto; } }
  .home-testi__top {
    background: #fff;
    cursor: pointer;
    position: relative;
    margin-bottom: 0px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px; }
  .home-testi__bottom {
    margin-top: 15px;
    font-size: 15px;
    line-height: 20px; }
  .home-testi__item {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out; }
    @media (max-width: 991px) {
      .home-testi__item {
        margin-bottom: 20px; } }
  .home-testi__desc {
    padding: 15px 0px 15px 15px;
    position: relative;
    font-size: 14px;
    color: #282828;
    line-height: 24px; }
    @media (min-width: 992px) {
      .home-testi__desc {
        padding: 15px 26px 6px; } }
    .home-testi__desc svg {
      top: 11px;
      left: 0px;
      transform: rotate(180deg);
      width: 20px;
      height: 20px;
      position: absolute;
      fill: #dfdfdf; }
  .home-testi__imgUser {
    position: relative;
    width: 60px;
    margin-right: 15px; }
    .home-testi__imgUser img {
      border-radius: 50%; }
    .home-testi__imgUser:before {
      content: '';
      width: 10px;
      height: 10px;
      position: absolute;
      top: -20px;
      left: 25px;
      background: #fff;
      border: 1px solid #eee;
      transform: rotate(45deg);
      border-width: 0px 1px 1px 0; }
  .home-testi .item {
    /*
		&.item-1 {
			transform: translate(-500px, 0px);
			transition: all 2.5s ease 0s;
			-webkit-transition: all 2.5s ease 0s;
		}
		&.item-2 {
			transform: translate(0px, -500px);
			transition: all 1.5s ease 0s;
			-webkit-transition: all 1.5s ease 0s;
		}
		&.item-3 {
			transform: translate(500px, 0px);
			transition: all 2s ease 0s;
			-webkit-transition: all 2s ease 0s;
		}
*/ }
  .home-testi.hello .item {
    transform: translate(0); }

.video-wrapper {
  position: relative;
  display: block; }
  .video-wrapper:after {
    content: '';
    padding-bottom: 56.25%;
    display: block; }
  .video-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .video-wrapper.video-wrapper2:after {
    padding-bottom: 96.79%; }

.home-book__title {
  padding: 35px 0px 5px;
  color: #fff;
  margin-bottom: 0px;
  background: url("//theme.hstatic.net/200000829665/1001179972/14/home_book_bg.jpg?v=2158");
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 992px) {
    .home-book__title {
      padding: 262px 0px 168px; } }

.home-book__form {
  background: url("//theme.hstatic.net/200000829665/1001179972/14/book_form_bg.jpg?v=2158");
  position: relative;
  background-size: cover;
  background-attachment: fixed;
  background-position: center top !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 992px) {
    .home-book__form {
      height: 570px; } }

.home-book__formWrap {
  max-width: 830px;
  border-radius: 8px;
  margin: 0px auto;
  background: #fff;
  padding: 15px 12px 20px;
  box-shadow: 0px 0px 20px #d6d6d694; }
  @media (min-width: 992px) {
    .home-book__formWrap {
      padding: 40px 40px 65px;
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0px);
      top: -130px; } }

.main-form .block_t {
  font-size: 18px;
  color: var(--extra-color);
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 5px; }

.main-form .note_tb {
  margin-bottom: 30px;
  font-size: 15px; }

.main-form ul li {
  color: #58595b;
  font-size: 16px; }

.main-form ul li .text_check, .main-form ul li .item_check {
  position: relative; }

.main-form input {
  height: 46px;
  margin-bottom: 14px;
  padding-left: 20px;
  border-radius: 50px;
  background: #f6f6f6;
  border: none;
  outline: none;
  width: 100%; }

.main-form .select_sp {
  position: relative; }
  .main-form .select_sp:after {
    display: block;
    width: 15px;
    height: 15px;
    content: "";
    background: url('data:image/svg+xml;utf8,<svg width="11px" height="11px" fill="rgb(88,89,91)" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 401.998 401.998" style="enable-background:new 0 0 401.998 401.998;" xml:space="preserve"><g><g><path d="M73.092,164.452h255.813c4.949,0,9.233-1.807,12.848-5.424c3.613-3.616,5.427-7.898,5.427-12.847 c0-4.949-1.813-9.229-5.427-12.85L213.846,5.424C210.232,1.812,205.951,0,200.999,0s-9.233,1.812-12.85,5.424L60.242,133.331 c-3.617,3.617-5.424,7.901-5.424,12.85c0,4.948,1.807,9.231,5.424,12.847C63.863,162.645,68.144,164.452,73.092,164.452z"/><path d="M328.905,237.549H73.092c-4.952,0-9.233,1.808-12.85,5.421c-3.617,3.617-5.424,7.898-5.424,12.847 c0,4.949,1.807,9.233,5.424,12.848L188.149,396.57c3.621,3.617,7.902,5.428,12.85,5.428s9.233-1.811,12.847-5.428l127.907-127.906 c3.613-3.614,5.427-7.898,5.427-12.848c0-4.948-1.813-9.229-5.427-12.847C338.139,239.353,333.854,237.549,328.905,237.549z"/></g></g></svg>');
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    right: 15px;
    pointer-events: none; }

.main-form select {
  padding-right: 48px;
  display: inline-block;
  height: 46px;
  margin-bottom: 14px;
  border-radius: 50px;
  outline: none;
  padding-left: 20px;
  border: none;
  background: #f6f6f6;
  font-size: 14px;
  color: #58595b;
  width: 100%;
  appearance: none;
  position: relative; }

.main-form textarea {
  width: 100%;
  height: 130px;
  padding: 10px 20px;
  padding-left: 20px;
  border: unset;
  border-radius: 8px;
  outline: none;
  background: #f6f6f6; }

.main-form .button_form {
  text-align: center; }
  .main-form .button_form button {
    padding: 10px 60px;
    background: var(--site-secondary-color);
    border: unset;
    color: var(--site-main-color);
    text-transform: uppercase;
    font-family: var(--site-font-title);
    cursor: pointer;
    box-shadow: 0px 0px 20px #e1e0e0; }
    .main-form .button_form button svg {
      fill: var(--site-main-color); }

@media (min-width: 992px) {
  .home-book__form .button_form {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 0px); } }

@media (min-width: 992px) {
  .home-book__form .button_form button {
    padding: 15px 100px; } }

#modalForm .close {
  position: absolute;
  top: 5px;
  right: 40px;
  z-index: 30;
  font-size: 22px;
  color: var(--site-color-third);
  opacity: 1; }

#modalForm .modal-content {
  padding: 0px 20px; }
  @media (min-width: 992px) {
    #modalForm .modal-content {
      padding: 0px 35px; } }

#modalForm .block_t {
  text-transform: uppercase;
  text-align: center;
  color: var(--site-main-color);
  font-size: 32px;
  font-family: var(--site-font-title);
  margin: 10px 0px; }

#modalForm .main-form select, #modalForm .main-form input {
  height: 38px; }

#modalForm .main-form textarea {
  height: 85px; }

.sidebar_cart {
  position: fixed;
  width: 390px;
  right: -389px;
  top: 50%;
  z-index: 99;
  transform: translateY(-50%);
  background: #fdf1d8; }
  .sidebar_cart.show_cart {
    right: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .sidebar_cart.show_cart .close_cart span {
      position: absolute;
      right: -1px;
      display: block;
      top: 0px;
      cursor: pointer;
      padding: 7px 7px 7px 8px;
      width: 30px;
      height: 30px;
      background: #fff;
      border-radius: 50%; }
    .sidebar_cart.show_cart .sidebar_cart_title svg {
      transform: rotate(-90deg); }
  .sidebar_cart_title {
    background: #fdf1d8;
    left: -108px;
    position: absolute;
    top: 72px;
    box-shadow: 0px 0px 1px #bababa;
    cursor: pointer;
    color: var(--site-main-color);
    padding: 7px 10px 7px 10px;
    transform: rotate(-90deg);
    font-size: 22px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    .sidebar_cart_title svg {
      fill: var(--site-main-color);
      transform: rotate(-270deg); }
  .sidebar_cart .site-cart .cart-ttbold .ttbold {
    background: var(--site-main-color);
    text-align: center;
    padding: 10px 0px;
    margin-bottom: 4px;
    font-size: 25px;
    font-family: var(--site-font-title);
    font-weight: normal;
    color: #fff;
    border-radius: 0;
    text-shadow: 2px 3px 0px #000; }
  .sidebar_cart_content {
    padding: 10px 0px; }

.heading-page {
  margin: 0px 0 30px; }

.heading-page h1 {
  margin-bottom: 0px;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 400;
  font-family: var(--site-font-title);
  color: var(--site-main-color); }

.mm_close {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 999;
  text-align: center;
  line-height: 35px; }

.mm_custom .mm_item {
  padding: 43px 20px; }

.mm_custom .mm_item:not(:last-child) {
  border-bottom: 1px solid var(--site-border-color); }

.mm_custom .mm_item.mm_custom_logo {
  border-bottom: none;
  padding: 36px 20px 10px !important; }

.mm_custom .mm_item.mm_custom_logo img {
  margin: auto;
  max-width: 116px; }

.mm_custom_nav {
  padding: 10px 20px 0px !important; }

.mm_custom_nav ul li a {
  color: var(--site-text-color);
  text-transform: uppercase;
  font-size: 8px; }

.mm_custom_nav > ul > li {
  margin-bottom: 20px; }

.mm_custom_nav > ul > li.has-submenu > ul {
  padding-left: 17px;
  margin-top: 12px;
  display: none; }

.mm_custom_nav > ul > li.has-submenu > ul > li {
  margin-bottom: 15px; }

.mm_custom_nav > ul > li > a {
  color: #100F0F;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase; }

.mm_custom .mm_copyright {
  padding: 10px 0px 0px;
  font-size: 8px;
  color: var(--site-text-color); }

.mm_custom .mm_address {
  color: var(--site-text-color); }

.mm_custom .mm_address_title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px; }

.mm_custom .mm_address_list li {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 12px; }

.mm_custom .mobile-menu__help-wrapper:not(:last-child) {
  margin-bottom: 43px; }

.mm_custom .mobile-menu__help-wrapper .mm_icon {
  width: 30px; }

.mm_custom .mobile-menu__help-wrapper .mm_infor {
  width: calc(100% - 30px);
  padding-left: 20px; }

.mm_custom .mobile-menu__help-wrapper .mm_infor a, .mm_custom .mobile-menu__help-wrapper .mm_infor a + span {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
  color: #000; }

.mm_custom .mobile-menu__help-wrapper .mm_label {
  color: #000;
  display: block;
  font-size: 8px;
  font-style: normal;
  font-weight: 500; }

.pageShip .home-testi {
  background: none; }

.pageShip .home-testi .wrapper-heading-home h2 {
  font-size: 25px; }

.pageShip_banner3 {
  margin-bottom: 10px; }

.pageShip_video {
  margin-bottom: 10px; }

.pageShip_btn {
  text-align: center;
  padding: 20px 0px;
  width: 100%; }
  .pageShip_btn a {
    font-size: 30px;
    text-transform: uppercase;
    font-family: var(--site-font-title);
    bottom: 0px;
    background: #be1f1f;
    display: inline-block;
    padding: 15px 16px;
    color: var(--site-secondary-color);
    border-radius: 10px;
    cursor: pointer;
    transition: 0.5s all ease; }
    .pageShip_btn a:hover {
      background: linear-gradient(90deg, #be1f1f 0%, #fe2020 30%, #fe3535 70%, #be1f1f 100%);
      color: #fff; }

.pageShip_form .home-book__form {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .pageShip_form .home-book__form {
      height: auto;
      background: none; }
      .pageShip_form .home-book__form .home-book__formWrap {
        padding: 40px 25px 20px;
        transform: unset;
        position: static;
        margin: auto; }
      .pageShip_form .home-book__form .main-form .button_form {
        position: static;
        transform: none; } }

.pageShip_form_title {
  font-size: 25px;
  margin-top: 40px;
  margin-bottom: 30px;
  font-family: var(--site-font-title);
  color: var(--site-main-color); }

.page_map {
  margin-bottom: 20px;
  position: relative; }

.page_map iframe {
  width: 100%; }

@media (max-width: 768px) {
  .map_list {
    margin-bottom: 30px; } }

.map_list .item {
  padding: 0;
  margin-bottom: 0px;
  overflow: hidden; }

.map_list .item .title {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 0px;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block; }

.map_list .item .title span.stt {
  width: 24px;
  display: inline-block; }

.map_list .item .title.active, .map_list .item .title:hover {
  color: var(--site-main-color); }

.map_list .item .content {
  padding: 25px 16px;
  line-height: 1.87em;
  min-height: 240px; }

@media (max-width: 767px) {
  .map_list .item .content {
    min-height: initial; } }

.map_list .item .content p {
  display: flex; }

.map_list .item .content p i {
  margin-right: 10px;
  color: #24aeb1;
  line-height: 1.875em; }

.map_list .item .content a {
  color: #333; }

.map_list .item .content .btn {
  padding: 5px 12px;
  margin-top: 10px;
  line-height: 17px;
  font-weight: 600;
  font-size: 12px; }