@charset "UTF-8";
/* @include transition(all,.2s,ease-in-out); */
@font-face {
  font-family: "icofont";
  src: url("../font/icofont.eot?42422497");
  src: url("../font/icofont.eot?42422497#iefix") format("embedded-opentype"), url("../font/icofont.woff2?42422497") format("woff2"), url("../font/icofont.woff?42422497") format("woff"), url("../font/icofont.ttf?42422497") format("truetype"), url("../font/icofont.svg?42422497#icofont") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icofont';
    src: url('../font/icofont.svg?42422497#icofont') format('svg');
  }
}
*/
[class^=icofont-]::before, [class*=" icofont-"]::before {
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icofont-arrow-down:before {
  content: "\e800";
}

.icofont-arrow-left:before {
  content: "\e801";
}

.icofont-arrow-right:before {
  content: "\e802";
}

.icofont-box:before {
  content: "\e803";
}

.icofont-calendar:before {
  content: "\e805";
}

.icofont-check:before {
  content: "\e807";
}

.icofont-clipboard:before {
  content: "\e808";
}

.icofont-clock:before {
  content: "\e809";
}

.icofont-comment:before {
  content: "\e80a";
}

.icofont-credit-card:before {
  content: "\e80b";
}

.icofont-delete:before {
  content: "\e80c";
}

.icofont-trash:before {
  content: "\e80d";
}

.icofont-delivery:before {
  content: "\e80e";
}

.icofont-download:before {
  content: "\e80f";
}

.icofont-email:before {
  content: "\e810";
}

.icofont-facebook:before {
  content: "\e811";
}

.icofont-graphic-design:before {
  content: "\e812";
}

.icofont-group:before {
  content: "\e813";
}

.icofont-heart:before {
  content: "\e814";
}

.icofont-home:before {
  content: "\e815";
}

.icofont-idea:before {
  content: "\e816";
}

.icofont-information:before {
  content: "\e817";
}

.icofont-instagram:before {
  content: "\e818";
}

.icofont-key:before {
  content: "\e819";
}

.icofont-lock:before {
  content: "\e81a";
}

.icofont-menu:before {
  content: "\e81b";
}

.icofont-minus:before {
  content: "\e81c";
}

.icofont-arrow-up:before {
  content: "\e81d";
}

.icofont-phone:before {
  content: "\e81f";
}

.icofont-placeholder:before {
  content: "\e820";
}

.icofont-plus:before {
  content: "\e821";
}

.icofont-responsive:before {
  content: "\e822";
}

.icofont-quote2:before {
  content: "\e823";
}

.icofont-search:before {
  content: "\e824";
}

.icofont-sent:before {
  content: "\e825";
}

.icofont-settings:before {
  content: "\e826";
}

.icofont-shield:before {
  content: "\e827";
}

.icofont-shopping-cart:before {
  content: "\e828";
}

.icofont-show:before {
  content: "\e829";
}

.icofont-speech:before {
  content: "\e82a";
}

.icofont-star:before {
  content: "\e82b";
}

.icofont-tag:before {
  content: "\e82c";
}

.icofont-trophy:before {
  content: "\e82d";
}

.icofont-truck:before {
  content: "\e82e";
}

.icofont-twitter:before {
  content: "\e82f";
}

.icofont-user-full:before {
  content: "\e830";
}

.icofont-user:before {
  content: "\e831";
}

.icofont-user2:before {
  content: "\e832";
}

.icofont-wall-clock:before {
  content: "\e833";
}

.icofont-youtube:before {
  content: "\e834";
}

body {
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #000;
  font-display: swap;
}
@media (min-width: 992px) {
  body {
    font-size: 0.8333333333vw;
  }
}

#wrapper {
  background: #fff;
  overflow: hidden;
  padding: 0;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  #wrapper {
    padding-bottom: 2.0833333333vw;
  }
}
#wrapper .breadcrumb[data-depth="1"] {
  display: block;
}
#wrapper .breadcrumb[data-depth="1"] > ol {
  display: none;
}

a:hover, a:focus, a:active {
  text-decoration: none;
}

p {
  font-size: inherit;
  color: inherit;
}

input {
  outline: none;
}

.flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flex-full {
  justify-content: end;
  align-items: stretch;
  align-content: stretch;
}
@media (min-width: 992px) {
  .flex-full {
    justify-content: space-between;
  }
}

h1, h2, h3, .h1, .h2, .h3 {
  font-weight: 900;
  color: #000;
  text-transform: none;
}
h1, .h1 {
  font-size: 33px;
  line-height: 40px;
}
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 1.875vw;
    line-height: 2.2395833333vw;
  }
}
@media (max-width: 575px) {
  h1, .h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
h2, .h2 {
  font-size: 24px;
  margin: 0 0 30px;
  color: #d71a21;
  line-height: 100%;
}
@media (min-width: 992px) {
  h2, .h2 {
    font-size: 1.25vw;
  }
}
@media (min-width: 992px) {
  h2, .h2 {
    margin: 0 0 1.5625vw;
  }
}
h3, .h3 {
  font-size: 18px;
  line-height: 20px;
}
@media (min-width: 992px) {
  h3, .h3 {
    font-size: 0.9375vw;
    line-height: 1.0416666667vw;
  }
}
h4, .h4 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 900;
}
@media (min-width: 992px) {
  h4, .h4 {
    font-size: 0.7291666667vw;
    line-height: 0.9375vw;
  }
}
h5, h6, .h5, .h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 992px) {
  h5, h6, .h5, .h6 {
    font-size: 0.8333333333vw;
    line-height: 0.9375vw;
  }
}

.upper {
  text-transform: uppercase;
}

.special-color {
  color: #d71a21;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.pull-middle {
  margin-left: auto !important;
  margin-right: auto !important;
}

.text-center {
  text-align: center;
}

.hidden {
  display: none;
}

.anchor {
  position: relative;
}
.anchor:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 100%;
  left: 0;
  height: 1px;
  background: #d71a21;
  transition: all 0.3s ease-in-out;
}
.anchor:hover:after {
  right: 0;
}
.anchor:hover {
  color: #d71a21;
}

.form-control-valign {
  text-align: center;
}

#content.page-cms,
#category-description,
#product #main .page-content,
#main .blogs-container {
  background-color: #fff;
  border: 1px solid #ececec;
  padding: 30px 35px;
  box-shadow: 0 0 19px #eaeaea;
  border-radius: 25px;
}
@media (min-width: 992px) {
  #content.page-cms,
  #category-description,
  #product #main .page-content,
  #main .blogs-container {
    padding: 4.0625vw 4.3229166667vw;
  }
}
@media (max-width: 767px) {
  #content.page-cms,
  #category-description,
  #product #main .page-content,
  #main .blogs-container {
    padding: 25px 15px;
  }
}
#content.page-cms p:last-child,
#category-description p:last-child,
#product #main .page-content p:last-child,
#main .blogs-container p:last-child {
  margin-bottom: 0;
}

.fav-count, #header .shopping-cart-header-content .cart-products-count {
  position: absolute;
  top: -13px;
  left: -27px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 19px;
  text-align: center;
  color: #fff;
  background: #000;
  font-size: 12px;
  font-weight: 900;
}
@media (min-width: 992px) {
  .fav-count, #header .shopping-cart-header-content .cart-products-count {
    top: -0.6770833333vw;
    left: -1.40625vw;
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    font-size: 0.625vw;
    line-height: 0.9895833333vw;
  }
}
@media (max-width: 575px) {
  .fav-count, #header .shopping-cart-header-content .cart-products-count {
    width: 15px;
    height: 15px;
    line-height: 14px;
    left: -16px;
    top: -7px;
    font-size: 10px;
  }
}

.favorite-standart-icon .fav-button, .product-miniature .product-list-actions a, .product-miniature .product-list-actions button {
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #d71a21;
  background: #fff;
  color: #d71a21;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s ease-in-out;
  outline: none;
  padding: 0;
  margin-left: 6px;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .favorite-standart-icon .fav-button, .product-miniature .product-list-actions a, .product-miniature .product-list-actions button {
    margin-left: 0.3125vw;
  }
}
.favorite-standart-icon .fav-button:hover, .product-miniature .product-list-actions a:hover, .product-miniature .product-list-actions button:hover, .favorite-standart-icon .active.fav-button, .product-miniature .product-list-actions a.active, .product-miniature .product-list-actions button.active {
  background: #d71a21;
  color: #fff;
}
.favorite-standart-icon .active.fav-button:hover, .product-miniature .product-list-actions a.active:hover, .product-miniature .product-list-actions button.active:hover {
  background: #fff;
  color: #d71a21;
}
.favorite-standart-icon .fav-button i, .product-miniature .product-list-actions a i, .product-miniature .product-list-actions button i {
  font-size: 20px;
  line-height: 1;
}
@media (min-width: 992px) {
  .favorite-standart-icon .fav-button i, .product-miniature .product-list-actions a i, .product-miniature .product-list-actions button i {
    font-size: 1.05vw;
    line-height: 1;
  }
}
@media (min-width: 992px) {
  .favorite-standart-icon .fav-button, .product-miniature .product-list-actions a, .product-miniature .product-list-actions button {
    width: 2.2916666667vw;
    height: 2.2916666667vw;
    line-height: 2.2916666667vw;
    min-width: 36px;
    min-height: 36px;
  }
}

.expand-more[class*=icofont-] {
  text-indent: -99999px;
  position: relative;
  width: 15px;
  height: 16px;
  vertical-align: middle;
  line-height: 14px !important;
  margin-left: 22px !important;
  display: inline-block;
}
@media (min-width: 992px) {
  .expand-more[class*=icofont-] {
    width: 0.78125vw;
    height: 0.8333333333vw;
    line-height: 0.7291666667vw !important;
    margin-left: 1.1458333333vw !important;
  }
}
.expand-more[class*=icofont-]:before {
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d71a21;
  font-size: 14px;
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 992px) {
  .expand-more[class*=icofont-]:before {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 992px) {
  .expand-more[class*=icofont-] {
    width: 15px;
    height: 16px;
    line-height: 14px !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .expand-more[class*=icofont-] {
    width: 0.78125vw;
    height: 0.8333333333vw;
    line-height: 0.7291666667vw !important;
  }
}
@media (min-width: 992px) {
  .expand-more[class*=icofont-]:before {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .expand-more[class*=icofont-]:before {
    font-size: 0.8333333333vw;
  }
}

.dropdown-backdrop {
  display: none;
}

.sort-by-row span.sort-by {
  color: #d71a21;
}

.dropdown .select-title {
  width: 335px;
  border: 1px solid #bfbfbf;
  box-shadow: none;
  line-height: 24px;
  font-size: 18px;
  padding: 11px 18px 13px 25px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .dropdown .select-title {
    font-size: 0.9375vw;
  }
}
@media (min-width: 992px) {
  .dropdown .select-title {
    padding: 0.5729166667vw 0.9375vw 0.6770833333vw 1.3020833333vw;
  }
}
@media (min-width: 992px) {
  .dropdown .select-title {
    width: 17.4479166667vw;
    line-height: 1.25vw;
  }
}
@media (max-width: 991px) {
  .dropdown .select-title {
    width: 34.3087790111vw;
  }
}
@media (max-width: 767px) {
  .dropdown .select-title {
    width: 45.4367666232vw;
  }
}
@media (max-width: 575px) {
  .dropdown .select-title {
    width: calc(100vw - 30px);
  }
}
.dropdown .select-title i {
  font-size: 16px;
}
@media (min-width: 992px) {
  .dropdown .select-title i {
    font-size: 0.8333333333vw;
  }
}
.dropdown .dropdown-menu {
  padding: 0;
  font-size: 16px;
  width: 335px;
  z-index: 3;
}
@media (min-width: 992px) {
  .dropdown .dropdown-menu {
    font-size: 0.8333333333vw;
    width: 17.4479166667vw;
  }
}
@media (max-width: 991px) {
  .dropdown .dropdown-menu {
    width: 30.3733602422vw;
    position: relative;
    border: 0;
    float: none;
  }
}
@media (max-width: 767px) {
  .dropdown .dropdown-menu {
    width: 45.4367666232vw;
  }
}
@media (max-width: 575px) {
  .dropdown .dropdown-menu {
    width: 94.7826086957vw;
  }
}
.dropdown .dropdown-menu .select-list {
  font-size: 18px;
  line-height: 20px;
  padding-left: 26px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .dropdown .dropdown-menu .select-list {
    font-size: 0.9375vw;
    line-height: 1.0416666667vw;
    padding-left: 1.3541666667vw;
  }
}
.dropdown .dropdown-menu .select-list:hover {
  background: #d71a21;
  color: #fff;
}

.facet-dropdown .select-title {
  width: 100%;
  background: #fff;
}
.facet-dropdown .dropdown-menu {
  width: 100%;
  background: #fff;
}

.with_detal {
  position: relative;
}
.with_detal::before, .with_detal::after {
  content: "";
  display: block;
  position: absolute;
}
.with_detal--right::before {
  transform: translateX(0);
  width: 25px;
  height: 15px;
  border-left: 0;
}
@media (min-width: 992px) {
  .with_detal--right::before {
    width: 1.3020833333vw;
    height: 0.78125vw;
  }
}
.with_detal--left::before {
  transform: translateX(-25px);
  width: 25px;
  height: 15px;
  border-right: 0;
}
@media (min-width: 992px) {
  .with_detal--left::before {
    transform: translateX(-1.3020833333vw);
    width: 1.3020833333vw;
    height: 0.78125vw;
  }
}

.sm-visible {
  display: none;
}
@media (max-width: 767px) {
  .sm-visible {
    display: block;
  }
}

.card, #authentication #content > section.register-form, #password form.forgotten-password, .authentication-two-rows .card, #module-supercheckout-supercheckout #velsof_supercheckout_form > .panel {
  border: 1px solid #ececec;
  transition: border-color 0.3s ease-in-out;
  background: #fff;
  border-radius: 25px;
  box-shadow: 0 0 19px #eaeaea;
  padding: 35px;
}
.card:hover, #authentication #content > section.register-form:hover, #password form.forgotten-password:hover, #module-supercheckout-supercheckout #velsof_supercheckout_form > .panel:hover {
  border-color: #d71a21;
}
.card--color {
  background: #f6eee5;
  border: 0;
}
.card--color > *:first-child i,
.card--color > i {
  color: #ca5d75 !important;
}
@media (min-width: 992px) {
  .card, #authentication #content > section.register-form, #password form.forgotten-password, .authentication-two-rows .card, #module-supercheckout-supercheckout #velsof_supercheckout_form > .panel {
    padding: 1.8229166667vw;
  }
}

.card-block {
  padding: 20px;
}
@media (min-width: 992px) {
  .card-block {
    padding: 1.0416666667vw;
  }
}

#main .page-content #notifications {
  margin: 0;
}
#main .page-content #notifications .container {
  padding: 0;
}

.alert ul {
  margin: 0;
}

.go-up {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #d71a21;
  outline: none;
  background: #d71a21;
  line-height: 30px;
  font-size: 11px;
  color: #fff;
  position: fixed;
  bottom: 20%;
  z-index: 6;
  right: 1.5625vw;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.go-up.visible {
  opacity: 1;
}
.go-up:hover {
  background: #fff;
  color: #d71a21;
}
@media (min-width: 992px) {
  .go-up {
    width: 1.8229166667vw;
    height: 1.8229166667vw;
    line-height: 1.5625vw;
    font-size: 0.5729166667vw;
  }
}
@media (max-width: 991px) {
  .go-up {
    display: none;
  }
}

.footer-content .rodo {
  background-color: #eee;
  color: #000;
}
.footer-content .rodo a.rodo__link {
  color: #d71a21;
}

.material-icons {
  font-size: 24px;
}
@media (min-width: 992px) {
  .material-icons {
    font-size: 1.25vw;
  }
}

.navbar-toggler {
  width: 24px;
  height: 21px;
  font-size: 15px;
}
@media (min-width: 992px) {
  .navbar-toggler {
    width: 1.9270833333vw;
    height: 1.09375vw;
    font-size: 0.78125vw;
  }
}

@media (min-width: 992px) {
  .container {
    width: 100%;
    padding: 0 2.34375vw;
    position: relative;
  }
  .page-customer-account #wrapper > .container > *, .page-my-account #wrapper > .container > * {
    position: relative;
    z-index: 2;
  }
  .page-customer-account #wrapper > .container::before, .page-my-account #wrapper > .container::before {
    content: "";
    display: block;
    position: absolute;
    top: -4.6875vw;
    left: 3.4895833333vw;
    background: url("../img/account-bg.jpg") no-repeat 0 0;
    background-size: contain;
    width: 10.46875vw;
    height: 31.5104166667vw;
    z-index: 1;
  }
  .anti-container {
    width: auto;
    margin-left: -2.34375vw !important;
    margin-right: -2.34375vw !important;
    padding: 4.0625vw 6.6666666667vw 2.2395833333vw;
  }
  body.layout-left-column #main {
    margin-left: 2.1354166667vw;
  }
  body.layout-left-column #main .page-header {
    width: 94.4270833333vw;
  }
  body.layout-full-width:not(.page-index) #main {
    margin-left: -2.34375vw !important;
    margin-right: -2.34375vw !important;
    padding-left: 2.34375vw;
    padding-right: 2.34375vw;
    margin-bottom: 2.0833333333vw;
  }
  body.layout-full-width:not(.page-index) #main.anti-container {
    padding-left: 11.9791666667vw;
    padding-right: 11.9791666667vw;
  }
  body.layout-full-width:not(.page-index) #main .page-header {
    width: 100%;
    padding: 0 11.9791666667vw;
    right: 0;
    left: 0;
  }
}
@media (max-width: 991px) {
  .container {
    width: 100%;
    padding: 0 15px;
    position: relative;
  }
  .anti-container {
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px 30px 20px;
  }
  body.layout-full-width:not(.page-index) #main {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .pts-parallax {
    background-attachment: unset;
  }
}
@media (min-width: 992px) {
  .grid .col-lg-2\.4:nth-child(5n+1) {
    clear: left;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .grid .col-md-4:nth-child(3n+1) {
    clear: left;
  }
}
@media (max-width: 767px) {
  .grid .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}
.sitemap-title {
  text-transform: none;
}

.circle-fx {
  position: absolute;
  background-color: #d71a21;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.button01 {
  background: #d71a21;
  color: #fff;
  border-radius: 30px;
  line-height: 100%;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.button01:hover {
  background: #000;
  color: #fff;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

#wrapper > .container {
  background: #fff url(../img/subpage/gfx_subpage.png) no-repeat center 25px;
}

.pagebuilder > .whyus-bg {
  margin: 100px 0 60px;
}
@media (min-width: 992px) {
  .pagebuilder > .whyus-bg {
    margin: 5.2083333333vw 0 3.125vw;
  }
}
.pagebuilder > .whyus-bg .row.clearfix {
  display: flex;
  flex-wrap: wrap;
}
.pagebuilder > .whyus-bg .widget-iconbox {
  background: url(../img/index/box_02.png) no-repeat center;
  padding: 30px;
  border-radius: 25px;
  background-size: cover;
}
@media (min-width: 992px) {
  .pagebuilder > .whyus-bg .widget-iconbox {
    padding: 1.5625vw;
  }
}
@media (max-width: 991px) {
  .pagebuilder > .whyus-bg .widget-iconbox {
    margin-bottom: 30px;
  }
}
.pagebuilder > .whyus-bg .row.clearfix {
  margin: 0 -15px;
}
.pagebuilder > .whyus-bg .row.clearfix > .col-md-3, .pagebuilder > .whyus-bg .row.clearfix > .col-lg-3 {
  padding: 0 15px;
}
.pagebuilder > .whyus-bg .fbox-content {
  display: grid;
  grid-template-columns: 38% 1fr;
}
@media (max-width: 767px) {
  .pagebuilder > .whyus-bg .fbox-content {
    text-align: center;
    grid-template-columns: 1fr;
  }
}
.pagebuilder > .whyus-bg .fbox-content .fbox-body {
  font-size: 24px;
  margin: 30px 0;
  line-height: 100%;
}
@media (min-width: 992px) {
  .pagebuilder > .whyus-bg .fbox-content .fbox-body {
    font-size: 1.25vw;
  }
}
@media (min-width: 992px) {
  .pagebuilder > .whyus-bg .fbox-content .fbox-body {
    margin: 1.5625vw 0;
  }
}
.pagebuilder > .whyus-bg .fbox-content .fbox-body .subtitle {
  font-weight: 600;
  line-height: 100%;
  font-size: 36px;
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .pagebuilder > .whyus-bg .fbox-content .fbox-body .subtitle {
    font-size: 1.875vw;
  }
}
@media (min-width: 992px) {
  .pagebuilder > .whyus-bg .fbox-content .fbox-body .subtitle {
    margin-bottom: 0.3125vw;
  }
}
@media (max-width: 991px) {
  .pagebuilder > .whyus-bg .fbox-content .fbox-body .description {
    min-height: 48px;
  }
}
.pagebuilder > .whyus-bg .fbox-content .fbox-icon i.icon {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 53%;
}
.pagebuilder > .whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_01 {
  background-image: url(../img/svg/red/free-delivery.svg);
}
.pagebuilder > .whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_02 {
  background-image: url(../img/svg/red/return.svg);
  background-size: 35%;
}
.pagebuilder > .whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_03 {
  background-image: url(../img/svg/red/shipping.svg);
}
.pagebuilder > .whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_04 {
  background-image: url(../img/svg/red/guarantee.svg);
  background-size: 47%;
}
@media (max-width: 767px) {
  .pagebuilder > .whyus-bg .fbox-content .fbox-icon i.icon {
    height: 50px;
    background-size: contain !important;
  }
}

#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination, .pagination:not(ul) {
  max-width: 1650px;
  width: 100%;
  font-size: 14px;
  padding: 0 20px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination, .pagination:not(ul) {
    max-width: 85.9375vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination, .pagination:not(ul) {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination, .pagination:not(ul) {
    padding: 0 1.0416666667vw;
  }
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links, .pagination:not(ul) .links, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list, .pagination:not(ul) .page-list {
  border: 0;
  box-shadow: none;
  padding: 0 250px;
  margin: 0;
  text-align: center;
  display: block;
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links, .pagination:not(ul) .links, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list, .pagination:not(ul) .page-list {
    padding: 0;
  }
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a, .pagination:not(ul) .links a, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a, .pagination:not(ul) .page-list a {
  background-color: #eeeeee;
  color: #000;
  transition: all 0.3s ease-in-out;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a:hover, .pagination:not(ul) .links a:hover, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a:hover, .pagination:not(ul) .page-list a:hover {
  background-color: #d71a21;
  color: #fff;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.frist, .pagination:not(ul) .links a.frist, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.last, .pagination:not(ul) .links a.last, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.frist, .pagination:not(ul) .page-list a.frist, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.last, .pagination:not(ul) .page-list a.last {
  display: none;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links b, .pagination:not(ul) .links b, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list b, .pagination:not(ul) .page-list b {
  background-color: #d71a21;
  border-color: #d71a21;
  color: #fff;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a:not(.left):not(.right):not(.frist):not(.last), .pagination:not(ul) .links a:not(.left):not(.right):not(.frist):not(.last), #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links b, .pagination:not(ul) .links b, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a:not(.left):not(.right):not(.frist):not(.last), .pagination:not(ul) .page-list a:not(.left):not(.right):not(.frist):not(.last), #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list b, .pagination:not(ul) .page-list b {
  float: none;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: none;
  font-weight: 800;
  width: 44px;
  line-height: 44px;
  font-size: 14px;
  height: auto;
  min-width: 0;
  padding: 0;
  margin-left: 4px;
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a:not(.left):not(.right):not(.frist):not(.last), .pagination:not(ul) .links a:not(.left):not(.right):not(.frist):not(.last), #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links b, .pagination:not(ul) .links b, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a:not(.left):not(.right):not(.frist):not(.last), .pagination:not(ul) .page-list a:not(.left):not(.right):not(.frist):not(.last), #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list b, .pagination:not(ul) .page-list b {
    width: 2.2916666667vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a:not(.left):not(.right):not(.frist):not(.last), .pagination:not(ul) .links a:not(.left):not(.right):not(.frist):not(.last), #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links b, .pagination:not(ul) .links b, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a:not(.left):not(.right):not(.frist):not(.last), .pagination:not(ul) .page-list a:not(.left):not(.right):not(.frist):not(.last), #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list b, .pagination:not(ul) .page-list b {
    line-height: 2.2916666667vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a:not(.left):not(.right):not(.frist):not(.last), .pagination:not(ul) .links a:not(.left):not(.right):not(.frist):not(.last), #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links b, .pagination:not(ul) .links b, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a:not(.left):not(.right):not(.frist):not(.last), .pagination:not(ul) .page-list a:not(.left):not(.right):not(.frist):not(.last), #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list b, .pagination:not(ul) .page-list b {
    font-size: 0.7291666667vw;
  }
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links .next, .pagination:not(ul) .links .next, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list .next, .pagination:not(ul) .page-list .next {
  margin: 0 0 0 4px;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links .next:after, .pagination:not(ul) .links .next:after, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list .next:after, .pagination:not(ul) .page-list .next:after {
  display: none;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links .next > span, .pagination:not(ul) .links .next > span, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list .next > span, .pagination:not(ul) .page-list .next > span {
  padding-left: 0px;
  font-size: 30px;
  font-weight: 400;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links .prev, .pagination:not(ul) .links .prev, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list .prev, .pagination:not(ul) .page-list .prev {
  margin: 0 4px 0 0;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links .prev:before, .pagination:not(ul) .links .prev:before, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list .prev:before, .pagination:not(ul) .page-list .prev:before {
  display: none;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links .prev > span, .pagination:not(ul) .links .prev > span, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list .prev > span, .pagination:not(ul) .page-list .prev > span {
  padding-left: 0px;
  font-size: 30px;
  font-weight: 400;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn, .pagination:not(ul) .links a.btn, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn, .pagination:not(ul) .page-list a.btn {
  background-color: #d71a21;
  border: none;
  border-radius: 25px;
  color: #fff;
  height: auto;
  padding: 5px;
  min-width: 210px;
  width: auto;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 240%;
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn, .pagination:not(ul) .links a.btn, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn, .pagination:not(ul) .page-list a.btn {
    padding: 0.2604166667vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn, .pagination:not(ul) .links a.btn, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn, .pagination:not(ul) .page-list a.btn {
    min-width: 10.9375vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn, .pagination:not(ul) .links a.btn, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn, .pagination:not(ul) .page-list a.btn {
    font-size: 0.7291666667vw;
  }
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn, .pagination:not(ul) .links a.btn, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn, .pagination:not(ul) .page-list a.btn {
    min-width: 0;
    width: 44px;
  }
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn span, .pagination:not(ul) .links a.btn span, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn span, .pagination:not(ul) .page-list a.btn span {
    display: none;
  }
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn::before, .pagination:not(ul) .links a.btn::before, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn::before, .pagination:not(ul) .page-list a.btn::before {
  content: none;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn:hover, .pagination:not(ul) .links a.btn:hover, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn:hover, .pagination:not(ul) .page-list a.btn:hover {
  background-color: #000;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn.left, .pagination:not(ul) .links a.btn.left, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn.left, .pagination:not(ul) .page-list a.btn.left {
  float: left;
  margin-left: -250px;
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn.left, .pagination:not(ul) .links a.btn.left, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn.left, .pagination:not(ul) .page-list a.btn.left {
    margin-left: 0;
    float: none;
  }
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn.left::after, .pagination:not(ul) .links a.btn.left::after, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn.left::after, .pagination:not(ul) .page-list a.btn.left::after {
    content: "<";
  }
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn.right, .pagination:not(ul) .links a.btn.right, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn.right, .pagination:not(ul) .page-list a.btn.right {
  float: right;
  margin-right: -250px;
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn.right, .pagination:not(ul) .links a.btn.right, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn.right, .pagination:not(ul) .page-list a.btn.right {
    margin-right: 0;
    float: none;
  }
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links a.btn.right::after, .pagination:not(ul) .links a.btn.right::after, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list a.btn.right::after, .pagination:not(ul) .page-list a.btn.right::after {
    content: ">";
  }
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links .pull-left, .pagination:not(ul) .links .pull-left, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .links .pull-right, .pagination:not(ul) .links .pull-right, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list .pull-left, .pagination:not(ul) .page-list .pull-left, #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-paggination .page-list .pull-right, .pagination:not(ul) .page-list .pull-right {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
  }
}

.contact-form input.form-control, #address form input.form-control,
#address form select.form-control, #identity form input.form-control,
#identity form select.form-control, #order-detail form input.form-control,
#order-detail form select.form-control, #authentication #content > section.register-form input.form-control, #password form.forgotten-password input.form-control, .authentication-two-rows .card input.form-control, #module-supercheckout-supercheckout input.form-control,
#module-supercheckout-supercheckout select.form-control, body#product .product-content .form-control, body#product #content .product-customization .product-message,
.quickview .product-customization .product-message {
  height: 48px;
  font-size: 18px;
  border-radius: 5px;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .contact-form input.form-control, #address form input.form-control,
  #address form select.form-control, #identity form input.form-control,
  #identity form select.form-control, #order-detail form input.form-control,
  #order-detail form select.form-control, #authentication #content > section.register-form input.form-control, #password form.forgotten-password input.form-control, .authentication-two-rows .card input.form-control, #module-supercheckout-supercheckout input.form-control,
  #module-supercheckout-supercheckout select.form-control, body#product .product-content .form-control, body#product #content .product-customization .product-message,
  .quickview .product-customization .product-message {
    height: 2.5vw;
  }
}
@media (min-width: 992px) {
  .contact-form input.form-control, #address form input.form-control,
  #address form select.form-control, #identity form input.form-control,
  #identity form select.form-control, #order-detail form input.form-control,
  #order-detail form select.form-control, #authentication #content > section.register-form input.form-control, #password form.forgotten-password input.form-control, .authentication-two-rows .card input.form-control, #module-supercheckout-supercheckout input.form-control,
  #module-supercheckout-supercheckout select.form-control, body#product .product-content .form-control, body#product #content .product-customization .product-message,
  .quickview .product-customization .product-message {
    font-size: 0.9375vw;
  }
}

.contact-form textarea.form-control, #address form textarea.form-control, #identity form textarea.form-control, #order-detail form textarea.form-control {
  height: 100px;
  font-size: 18px;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .contact-form textarea.form-control, #address form textarea.form-control, #identity form textarea.form-control, #order-detail form textarea.form-control {
    height: 5.2083333333vw;
  }
}
@media (min-width: 992px) {
  .contact-form textarea.form-control, #address form textarea.form-control, #identity form textarea.form-control, #order-detail form textarea.form-control {
    font-size: 0.9375vw;
  }
}

.contact-form label.form-control-label, #address form .form-control-label, #identity form .form-control-label, #order-detail form .form-control-label, #authentication #content > section.register-form .form-control-label, #password form.forgotten-password .form-control-label, .authentication-two-rows .card .form-control-label, #module-supercheckout-supercheckout label.form-control-label, #module-supercheckout-supercheckout label.control-label {
  text-transform: uppercase;
  color: #d71a21;
  font-size: 14px;
  margin: 15px 0 10px;
  font-weight: 800;
  line-height: 100%;
  padding: 0;
}
@media (min-width: 992px) {
  .contact-form label.form-control-label, #address form .form-control-label, #identity form .form-control-label, #order-detail form .form-control-label, #authentication #content > section.register-form .form-control-label, #password form.forgotten-password .form-control-label, .authentication-two-rows .card .form-control-label, #module-supercheckout-supercheckout label.form-control-label, #module-supercheckout-supercheckout label.control-label {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 992px) {
  .contact-form label.form-control-label, #address form .form-control-label, #identity form .form-control-label, #order-detail form .form-control-label, #authentication #content > section.register-form .form-control-label, #password form.forgotten-password .form-control-label, .authentication-two-rows .card .form-control-label, #module-supercheckout-supercheckout label.form-control-label, #module-supercheckout-supercheckout label.control-label {
    margin: 0.78125vw 0 0.5208333333vw;
  }
}

.alert {
  font-size: 18px;
  line-height: 22px;
  padding: 15px 22px 8px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .alert {
    font-size: 0.9375vw;
    line-height: 1.1458333333vw;
    padding: 0.78125vw 1.1458333333vw 0.9375vw;
    margin-bottom: 1.5625vw;
  }
}

/* */
.dropdown-menu {
  margin: -1px 0 0 0;
}

.checkbox, .custom-checkbox input[type=checkbox] + span {
  border: solid 1px #bfbfbf;
  background: #fff;
  width: 25px;
  height: 25px;
  margin-right: 8px;
}
@media (min-width: 992px) {
  .checkbox, .custom-checkbox input[type=checkbox] + span {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
    margin-right: 0.4166666667vw;
  }
}
.checkbox .checkbox-checked, .custom-checkbox input[type=checkbox] + span .checkbox-checked {
  color: #d71a21;
  font-size: 26px;
  line-height: 23px;
}
@media (min-width: 992px) {
  .checkbox .checkbox-checked, .custom-checkbox input[type=checkbox] + span .checkbox-checked {
    font-size: 1.3541666667vw;
    line-height: 1.1979166667vw;
  }
}
.checkbox .checkbox-checked.icofont-check, .custom-checkbox input[type=checkbox] + span .checkbox-checked.icofont-check {
  margin: 2px;
  font-size: 17px;
  line-height: 22px;
  margin: 0 3px;
}
@media (min-width: 992px) {
  .checkbox .checkbox-checked.icofont-check, .custom-checkbox input[type=checkbox] + span .checkbox-checked.icofont-check {
    margin: 0.1041666667vw;
    font-size: 0.8854166667vw;
    line-height: 1.1458333333vw;
    margin: 0 0.15625vw;
  }
}

.color, .custom-checkbox input[type=checkbox] + span.color {
  width: 25px;
  height: 25px;
  box-shadow: unset;
  border: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .color, .custom-checkbox input[type=checkbox] + span.color {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}
.color[style*="#ffffff"], .custom-checkbox input[type=checkbox] + span[style*="#ffffff"].color {
  border: solid 1px #000;
}
.color.active, .custom-checkbox input[type=checkbox] + span.active.color {
  border: solid 2px #000;
}

.radio, .custom-radio {
  border: solid 1px #d71a21;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .radio, .custom-radio {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}

.custom-checkbox {
  display: flex;
  top: 0 !important;
  margin: 16px 0 6px;
  line-height: 1.65em;
}
@media (min-width: 992px) {
  .custom-checkbox {
    margin: 0.8333333333vw 0 0.3125vw;
  }
}
.custom-checkbox input[type=checkbox] + span {
  flex-grow: 0;
  flex-shrink: 0;
}
.custom-checkbox input[type=checkbox] + span + .label {
  display: block;
}

.input-container input[type=checkbox]:checked + span, .input-container input[type=checkbox]:hover + span, .input-container input[type=radio]:checked + span, .input-container input[type=radio]:hover + span {
  border: solid 2px #000;
}

.custom-checkbox[aria-expanded=true] input[type=checkbox] + span .checkbox-checked {
  display: block;
}

.custom-checkbox label + .text-muted {
  margin-left: 10px;
}

/*.facet-label {
  &:hover {
    input[type="checkbox"] {
      & + span {
        &.color {
          border: solid 1px $base-color;
        }
      }
    }
  }
}*/
.custom-radio {
  top: -2px !important;
  margin-right: 16px !important;
  position: relative;
}
@media (min-width: 992px) {
  .custom-radio {
    margin-right: 0.8333333333vw !important;
  }
}
.custom-radio input[type=radio] + span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 0;
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}
@media (min-width: 992px) {
  .custom-radio input[type=radio] + span {
    width: 0.78125vw;
    height: 0.78125vw;
    top: 0.2083333333vw;
    left: 0.2083333333vw;
  }
}
.custom-radio input[type=radio]:checked + span {
  background: #d71a21;
}
.custom-radio input[type=radio]:hover + span, .custom-radio input[type=radio]:focus + span {
  border: 1px solid #d71a21;
}

.radio-inline + .radio-inline {
  margin-left: 30px;
}
@media (min-width: 992px) {
  .radio-inline + .radio-inline {
    margin-left: 1.5625vw;
  }
}

/* slider */
.ui-slider .ui-slider-horizontal, #search_filters .ui-slider .ui-slider-horizontal {
  height: 5px;
}
.ui-slider .ui-slider-range, #search_filters .ui-slider .ui-slider-range {
  background: #bfbfbf;
}
.ui-slider .ui-slider-handle, #search_filters .ui-slider .ui-slider-handle {
  width: 1.0416666667vw;
  border-color: #bfbfbf;
  border-radius: 50%;
}

/* select */
select, .form-control-select {
  background: #fff url(../img/svg/arrow-down-sign-to-navigate.svg) no-repeat;
  background-size: 16px;
  background-position: 94% center;
  border: 1px solid #bfbfbf;
  font-size: 20px;
  line-height: 30px;
  padding: 11px 22px 14px;
  color: #000;
}
@media (min-width: 992px) {
  select, .form-control-select {
    background-size: 0.8333333333vw;
  }
}
@media (min-width: 992px) {
  select, .form-control-select {
    font-size: 1.0416666667vw;
    line-height: 1.5625vw;
    padding: 0.5729166667vw 1.1458333333vw 0.7291666667vw;
  }
}

select.form-control:not([size]):not([multiple]) {
  height: 60px;
}
@media (min-width: 992px) {
  select.form-control:not([size]):not([multiple]) {
    height: 3.125vw;
  }
}

/* input, textarea */
input[type=text],
textarea,
.form-control {
  border: 1px solid #bfbfbf;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  padding: 11px 22px 14px;
  background-color: #fff;
  width: 100%;
}
@media (min-width: 992px) {
  input[type=text],
  textarea,
  .form-control {
    font-size: 1.0416666667vw;
    line-height: 1.5625vw;
    padding: 0.5729166667vw 1.1458333333vw 0.7291666667vw;
  }
}
input[type=text]::-moz-placeholder, textarea::-moz-placeholder, .form-control::-moz-placeholder {
  font-style: italic;
}
input[type=text]::placeholder,
textarea::placeholder,
.form-control::placeholder {
  font-style: italic;
}

textarea {
  resize: none;
}

.form-group {
  margin: 0 0 10px;
}
@media (min-width: 992px) {
  .form-group {
    margin: 0 0 0.5208333333vw;
  }
}
.form-group.form-checkbox {
  margin: 14px 0 0;
}
@media (min-width: 992px) {
  .form-group.form-checkbox {
    margin: 0.7291666667vw 0 0;
  }
}

/* label */
label {
  display: inline-block;
}

form label {
  display: block;
}

label[class*=-inline],
form label[class*=-inline] {
  display: inline-block;
}

label[for] {
  font-size: 18px;
  line-height: 21px;
  padding: 10px 0 0;
  color: #000;
}
@media (min-width: 992px) {
  label[for] {
    font-size: 0.9375vw;
    line-height: 1.09375vw;
    padding: 0.5208333333vw 0 0;
  }
}

label.form-control-label,
label.radio-inline {
  color: #000;
  font-size: 20px;
  line-height: 30px;
}
@media (min-width: 992px) {
  label.form-control-label,
  label.radio-inline {
    font-size: 1.0416666667vw;
    line-height: 1.5625vw;
  }
}

label.form-control-label {
  padding-top: 14px;
}
@media (min-width: 992px) {
  label.form-control-label {
    padding-top: 0.7291666667vw;
  }
}
#inputCollapsing label.form-control-label {
  padding-top: 8px;
}
@media (min-width: 992px) {
  #inputCollapsing label.form-control-label {
    padding-top: 0.4166666667vw;
  }
}

/* facet label - filtrowanie */
#search_filters .facet .facet-label {
  padding: 0;
}
#search_filters .facet .facet-label .custom-checkbox {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0 10px 0 0 !important;
  top: -5px !important;
}
@media (min-width: 992px) {
  #search_filters .facet .facet-label .custom-checkbox {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
    margin: 0 0.5208333333vw 0 0;
  }
}
/* required */
.required {
  position: relative;
}
.required::after {
  content: "*";
  position: absolute;
  top: 0px;
  right: -17px;
  color: #d71a21;
  font-size: 22px;
  line-height: 18px;
}
@media (min-width: 992px) {
  .required::after {
    right: -0.8854166667vw;
    font-size: 1.1458333333vw;
    line-height: 0.9375vw;
  }
}
@media (max-width: 575px) {
  .required::after {
    right: -8px;
  }
}
.required.form-group::after {
  top: 0px;
}
@media (min-width: 992px) {
  .required.form-group::after {
    top: 0vw;
  }
}
.required.form-checkbox::after {
  top: 3px;
}
@media (min-width: 992px) {
  .required.form-checkbox::after {
    top: 0.15625vw;
  }
}

#authentication .login-form .required:after {
  display: none;
}

/* */
.btn {
  font-size: 14px;
  font-weight: 900;
  line-height: 15px;
  display: block;
  margin: 0;
  padding: 15px;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {
  .btn {
    font-size: 0.7291666667vw;
    line-height: 0.78125vw;
    padding: 0.78125vw;
  }
}
@media (max-width: 575px) {
  .btn {
    max-width: 100%;
    word-wrap: break-word;
    white-space: normal;
    min-width: unset !important;
  }
}
.btn.disabled, .btn:disabled {
  opacity: 0.5;
}
.btn:focus {
  outline: none;
}
.btn--cmain, .btn-primary, .slideshow .slide__title-wrap .slider-btn-container .btn, .btn-invers, .btn-small, .card--color:nth-child(2n) .btn-primary, .card--color:nth-child(2n) .btn-invers, .card--color:nth-child(2n) .btn-small {
  background: #d71a21;
  color: #fff;
}
.btn--cmain::before, .btn-primary::before, .slideshow .slide__title-wrap .slider-btn-container .btn::before, .btn-invers::before, .btn-small::before, .card--color:nth-child(2n) .btn-primary::before, .card--color:nth-child(2n) .btn-invers::before, .card--color:nth-child(2n) .btn-small::before {
  border-color: #d71a21;
}
.btn--cmain:not(:disabled):hover, .btn-primary:not(:disabled):hover, .slideshow .slide__title-wrap .slider-btn-container .btn:not(:disabled):hover, .btn-invers:not(:disabled):hover, .btn-small:not(:disabled):hover {
  background-color: #fff;
  color: #d71a21;
}
.btn--cmain.active, .active.btn-primary, .slideshow .slide__title-wrap .slider-btn-container .active.btn, .active.btn-invers, .active.btn-small, .card--color:nth-child(2n) .active.btn-primary, .card--color:nth-child(2n) .active.btn-invers, .card--color:nth-child(2n) .active.btn-small, .btn--cmain:active, .btn-primary:active, .slideshow .slide__title-wrap .slider-btn-container .btn:active, .btn-invers:active, .btn-small:active, .card--color:nth-child(2n) .btn-primary:active, .card--color:nth-child(2n) .btn-invers:active, .card--color:nth-child(2n) .btn-small:active, .btn--cmain .dropdown-toggle, .btn-primary .dropdown-toggle, .slideshow .slide__title-wrap .slider-btn-container .btn .dropdown-toggle, .btn-invers .dropdown-toggle, .btn-small .dropdown-toggle, .card--color:nth-child(2n) .btn-primary .dropdown-toggle, .card--color:nth-child(2n) .btn-invers .dropdown-toggle, .card--color:nth-child(2n) .btn-small .dropdown-toggle {
  background-color: #d71a21;
  color: #fff;
}
.btn--cinvrs, .btn-invers, .card--color:nth-child(2n+1) .btn-primary, .card--color:nth-child(2n+1) .slideshow .slide__title-wrap .slider-btn-container .btn, .slideshow .slide__title-wrap .slider-btn-container .card--color:nth-child(2n+1) .btn, .card--color:nth-child(2n+1) .btn-invers, .card--color:nth-child(2n+1) .btn-small {
  background: #ca5d75;
  color: #fff;
}
.btn--cinvrs::before, .btn-invers::before, .card--color:nth-child(2n+1) .btn-primary::before, .card--color:nth-child(2n+1) .slideshow .slide__title-wrap .slider-btn-container .btn::before, .slideshow .slide__title-wrap .slider-btn-container .card--color:nth-child(2n+1) .btn::before, .card--color:nth-child(2n+1) .btn-invers::before, .card--color:nth-child(2n+1) .btn-small::before {
  border-color: #ca5d75;
}
.btn--cinvrs:not(:disabled):hover, .btn-invers:not(:disabled):hover, .card--color:nth-child(2n+1) .btn-primary:not(:disabled):hover, .card--color:nth-child(2n+1) .slideshow .slide__title-wrap .slider-btn-container .btn:not(:disabled):hover, .slideshow .slide__title-wrap .slider-btn-container .card--color:nth-child(2n+1) .btn:not(:disabled):hover, .card--color:nth-child(2n+1) .btn-small:not(:disabled):hover {
  background-color: #fff;
  color: #ca5d75;
}
.btn--cinvrs.active, .active.btn-invers, .card--color:nth-child(2n+1) .active.btn-primary, .card--color:nth-child(2n+1) .slideshow .slide__title-wrap .slider-btn-container .active.btn, .slideshow .slide__title-wrap .slider-btn-container .card--color:nth-child(2n+1) .active.btn, .card--color:nth-child(2n+1) .active.btn-invers, .card--color:nth-child(2n+1) .active.btn-small, .btn--cinvrs:active, .btn-invers:active, .card--color:nth-child(2n+1) .btn-primary:active, .card--color:nth-child(2n+1) .slideshow .slide__title-wrap .slider-btn-container .btn:active, .slideshow .slide__title-wrap .slider-btn-container .card--color:nth-child(2n+1) .btn:active, .card--color:nth-child(2n+1) .btn-invers:active, .card--color:nth-child(2n+1) .btn-small:active, .btn--cinvrs .dropdown-toggle, .btn-invers .dropdown-toggle, .card--color:nth-child(2n+1) .btn-primary .dropdown-toggle, .card--color:nth-child(2n+1) .slideshow .slide__title-wrap .slider-btn-container .btn .dropdown-toggle, .slideshow .slide__title-wrap .slider-btn-container .card--color:nth-child(2n+1) .btn .dropdown-toggle, .card--color:nth-child(2n+1) .btn-invers .dropdown-toggle, .card--color:nth-child(2n+1) .btn-small .dropdown-toggle {
  background-color: #ca5d75;
  color: #fff;
}
.btn--cblack {
  background: #000;
  color: #fff;
}
.btn--cblack::before {
  border-color: #000;
}
.btn--cblack:not(:disabled):hover {
  background-color: #fff;
  color: #000;
}
.btn--cblack.active, .btn--cblack:active, .btn--cblack .dropdown-toggle {
  background-color: #000;
  color: #fff;
}
.btn--cwhite {
  background: #fff;
  color: #000;
}
.btn--cwhite::before {
  border-color: #fff;
}
.btn--cwhite:not(:disabled):hover {
  background-color: #000;
  color: #fff;
}
.btn--cwhite.active, .btn--cwhite:active, .btn--cwhite .dropdown-toggle {
  background-color: #fff;
  color: #000;
}
.btn--cwhiteScnd {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
.btn--cwhiteScnd::before {
  border-color: #fff;
}
.btn--cwhiteScnd:not(:disabled):hover {
  background-color: #fff;
  color: #000;
}
.btn--cwhiteScnd.active, .btn--cwhiteScnd:active, .btn--cwhiteScnd .dropdown-toggle {
  background-color: #000;
  color: #fff;
}
.btn--cbaseScnd, .btn-secondary, .btn-tertiary {
  background: #fff;
  color: #d71a21;
  border: 1px solid #d71a21;
}
.btn--cbaseScnd::before, .btn-secondary::before, .btn-tertiary::before {
  border-color: #fff;
}
.btn--cbaseScnd:not(:disabled):hover, .btn-secondary:not(:disabled):hover, .btn-tertiary:not(:disabled):hover {
  background-color: #fff;
  color: #d71a21;
}
.btn--cbaseScnd.active, .active.btn-secondary, .active.btn-tertiary, .btn--cbaseScnd:active, .btn-secondary:active, .btn-tertiary:active, .btn--cbaseScnd .dropdown-toggle, .btn-secondary .dropdown-toggle, .btn-tertiary .dropdown-toggle {
  background-color: #d71a21;
  color: #fff;
}
.btn-primary, .slideshow .slide__title-wrap .slider-btn-container .btn, .btn-invers, .btn-small {
  min-width: 210px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
  max-width: 100%;
  white-space: normal;
}
@media (min-width: 992px) {
  .btn-primary, .slideshow .slide__title-wrap .slider-btn-container .btn, .btn-invers, .btn-small {
    min-width: 10.9375vw;
  }
}
.btn-primary::before, .slideshow .slide__title-wrap .slider-btn-container .btn::before, .btn-invers::before, .btn-small::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  transform: scale3d(0.6, 0.6, 1);
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn-primary:not(:disabled):hover::before, .slideshow .slide__title-wrap .slider-btn-container .btn:not(:disabled):hover::before, .btn-invers:not(:disabled):hover::before, .btn-small:not(:disabled):hover::before {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.btn-secondary, .btn-tertiary {
  min-width: 210px;
  text-align: center;
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 992px) {
  .btn-secondary, .btn-tertiary {
    min-width: 10.9375vw;
  }
}
.btn-secondary::before, .btn-tertiary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  transform: scale3d(0.6, 0.6, 1);
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn-secondary:not(:disabled):hover::before, .btn-tertiary:not(:disabled):hover::before {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.btn-tertiary {
  padding: 13px 7px 14px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .btn-tertiary {
    padding: 0.6770833333vw 0.3645833333vw 0.7291666667vw;
  }
}
.btn-fake {
  border: 1px solid #d71a21;
  background: #fff;
  color: #d71a21;
  cursor: text;
  min-width: 210px;
  text-align: center;
}
@media (min-width: 992px) {
  .btn-fake {
    min-width: 10.9375vw;
  }
}
.btn-small {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  text-transform: lowercase;
  display: inline-block;
  margin: 0 10px;
  padding: 5px 10px 8px;
  min-width: unset;
  vertical-align: baseline;
}
.btn-small i {
  margin-right: 5px;
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-small {
    font-size: 0.8333333333vw;
    line-height: 0.9375vw;
    margin: 0 0.5208333333vw;
    padding: 0.2604166667vw 0.5208333333vw 0.4166666667vw;
  }
  .btn-small i {
    margin-right: 0.2604166667vw;
    font-size: 1.0416666667vw;
  }
}
.btn-small:not(:disabled):hover, .btn-small.active, .btn-small:active, .btn-small:focus, .btn-small[aria-expanded=true] {
  background-color: #fff;
  color: #d71a21;
}
.btn-small:not(:disabled):hover::before, .btn-small.active::before, .btn-small:active::before, .btn-small:focus::before, .btn-small[aria-expanded=true]::before {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.btn-big {
  font-size: 16px;
  padding: 22px 25px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .btn-big {
    font-size: 0.8333333333vw;
    padding: 1.1458333333vw 1.3020833333vw;
    margin-top: 1.0416666667vw;
  }
}
.btn-black {
  background: #000;
}
.btn-black::before {
  border-color: #000;
}
.btn-black:not(:disabled):hover {
  background-color: #fff;
  color: #000;
}
.btn-black.active, .btn-black:active, .btn-black .dropdown-toggle {
  color: #fff;
  background-color: #000;
}
.btn-gray {
  border: none;
  background: #94a1b4;
  color: #fff;
}
.btn-gray::before {
  border-color: #94a1b4;
}
.btn-gray:not(:disabled):hover {
  background-color: #fff;
  color: #94a1b4;
}
.btn-gray.active, .btn-gray:active, .btn-gray .dropdown-toggle {
  color: #fff;
  background-color: #94a1b4;
}
.text-sm-center .btn {
  margin-left: auto;
  margin-right: auto;
}

/* */
/* nav */
#header {
  color: #000;
}
#header .header-nav {
  background: #eeeeee;
  border: 0;
  max-height: 70px;
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #header .header-nav {
    max-height: 3.6458333333vw;
  }
}
#header .header-nav.js-miniNavbar #contact-link {
  min-height: 40px;
}
@media (min-width: 992px) {
  #header .header-nav.js-miniNavbar #contact-link {
    min-height: 2.0833333333vw;
  }
}
#header .header-nav.js-miniNavbar .currency-selector button, #header .header-nav.js-miniNavbar .language-selector button {
  padding-top: 2px;
  padding-bottom: 5px;
}
#header .header-nav #contact-link {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  margin: 0 !important;
  transition: all 0.3s ease-in-out;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 15px;
}
@media (max-width: 991px) {
  #header .header-nav #contact-link {
    display: none;
  }
}
@media (min-width: 992px) {
  #header .header-nav #contact-link {
    font-size: 0.78125vw;
  }
}
#header .header-nav #contact-link .contact-link__item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  flex-shrink: 0;
}
#header .header-nav .right-nav {
  display: flex;
  align-items: center;
}
#header .header-nav .currency-selector, #header .header-nav .language-selector {
  margin: 0;
  height: 100%;
}
#header .header-nav .currency-selector button, #header .header-nav .language-selector button {
  height: 100%;
  font-size: 18px;
  font-weight: 400;
  padding: 17px 18px 20px;
  line-height: 31px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #header .header-nav .currency-selector button, #header .header-nav .language-selector button {
    font-size: 0.9375vw;
    padding: 0.8854166667vw 0.9375vw 1.0416666667vw;
    line-height: 1.6145833333vw;
  }
}
#header .header-nav .currency-selector button:hover, #header .header-nav .language-selector button:hover {
  background: #eee;
}
#header .header-nav .currency-selector.open button, #header .header-nav .language-selector.open button {
  background: #eee;
}
#header .header-nav .currency-selector .expand-more, #header .header-nav .language-selector .expand-more {
  color: #000;
  font-size: 14px;
  font-weight: 900;
}
@media (min-width: 992px) {
  #header .header-nav .currency-selector .expand-more, #header .header-nav .language-selector .expand-more {
    font-size: 0.7291666667vw;
  }
}
#header .header-nav .currency-selector .dropdown-menu, #header .header-nav .language-selector .dropdown-menu {
  min-width: 0;
  width: 100%;
  margin: 0;
  background: #eee;
  border: 0;
}
#header .header-nav .currency-selector .dropdown-menu .dropdown-item, #header .header-nav .language-selector .dropdown-menu .dropdown-item {
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #header .header-nav .currency-selector .dropdown-menu .dropdown-item, #header .header-nav .language-selector .dropdown-menu .dropdown-item {
    padding: 0.5208333333vw 1.0416666667vw;
  }
}
#header .header-nav .currency-selector .dropdown-menu .dropdown-item:hover, #header .header-nav .language-selector .dropdown-menu .dropdown-item:hover {
  background: #d71a21;
  color: #fff;
}
#header .header-nav .currency-selector img, #header .header-nav .language-selector img {
  vertical-align: text-bottom;
  margin-right: 15px;
  width: 24px;
  height: auto;
}
@media (min-width: 992px) {
  #header .header-nav .currency-selector img, #header .header-nav .language-selector img {
    width: 1.25vw;
    margin-right: 0.78125vw;
  }
}
#header .header-nav .currency-selector {
  border-right: 1px solid #dbe6e9;
  transition: border 0.3s ease-in-out;
}
#header .header-nav .currency-selector:hover {
  border-right-color: #eee;
}
#header .header-nav .currency-selector button {
  padding-right: 27px;
  padding-left: 40px;
}
@media (min-width: 992px) {
  #header .header-nav .currency-selector button {
    padding-right: 1.40625vw;
    padding-left: 2.0833333333vw;
  }
}
#header .header-nav .currency-selector #currency-selector-label {
  vertical-align: -1px;
}
#header .header-nav .currency-selector .expand-more:not([class*=icofont-]) {
  display: none;
}
#header .header-nav .language-selector {
  margin-right: -18px;
}
@media (min-width: 992px) {
  #header .header-nav .language-selector {
    margin-right: -0.9375vw;
  }
}
#header .header-nav .language-selector button {
  padding-left: 30px;
}
@media (min-width: 992px) {
  #header .header-nav .language-selector button {
    padding-left: 1.5625vw;
  }
}
#header .header-nav .search-widget {
  border-left: 1px solid #d0d0d0;
  padding-left: 20px;
  margin-left: 20px;
  min-width: unset;
}
@media (min-width: 992px) {
  #header .header-nav .search-widget {
    padding-left: 1.0416666667vw;
    margin-left: 1.0416666667vw;
  }
}
@media (max-width: 575px) {
  #header .header-nav .search-widget {
    padding-left: 5px;
  }
}
#header .header-nav .hidden-sm-down {
  display: flex;
  align-items: center;
}
#header a:hover {
  color: #d71a21;
}
#header #_mobile_contact_link #contact-link {
  margin: 20px 0 20px 5px !important;
  background: #f7f7f7;
  padding: 20px;
}
#header .contact-link__item {
  margin-left: 25px;
}
@media (min-width: 992px) {
  #header .contact-link__item {
    margin-left: 1.3020833333vw;
  }
}
#header .contact-link__item:before {
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d71a21;
  font-size: 21px;
  padding-right: 20px;
}
@media (min-width: 992px) {
  #header .contact-link__item:before {
    font-size: 1.25vw;
    padding-right: 1.0416666667vw;
  }
}
#header .contact-link__item > span {
  line-height: 22px;
  padding-bottom: 1px;
}
@media (min-width: 992px) {
  #header .contact-link__item > span {
    line-height: 1.1458333333vw;
  }
}
#header .contact-link__item > span a {
  color: #d71a21;
}
#header .contact-link__item > span a.color-inherit {
  color: inherit;
}
#header .contact-link__item > span a.color-inherit:hover {
  color: #d71a21;
}
#header .contact-link__item > span a span {
  white-space: nowrap;
}
@media (max-width: 991px) {
  #header .contact-link__item--phone {
    margin-bottom: 10px;
  }
  #header .contact-link__item--phone:first-child {
    margin-top: 20px;
  }
}
#header .contact-link__item--phone:before {
  content: "\e81f";
  height: 23px;
}
@media (min-width: 992px) {
  #header .contact-link__item--phone:before {
    height: 1.1979166667vw;
  }
}
#header .contact-link__item--email:before {
  font-size: 22px;
  content: "\e810";
  height: 25px;
}
@media (min-width: 992px) {
  #header .contact-link__item--email:before {
    font-size: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}
#header .contact-link__item a {
  position: relative;
}
#header .contact-link__item a:hover {
  text-decoration: none;
}
#header .contact-link__item a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 100%;
  left: 0;
  height: 1px;
  background: #d71a21;
  transition: all 0.3s ease-in-out;
}
#header .contact-link__item a:hover:after {
  right: 0;
}
#header .contact-link__item a:after {
  background: #ed6a6f;
}

#_desktop_block_social {
  margin: 0 0 0 auto;
}
@media (max-width: 991px) {
  #_desktop_block_social {
    display: none;
  }
}

.block-social {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (min-width: 992px) {
  .block-social {
    justify-content: center;
  }
}
.block-social ul {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .block-social ul {
    margin: 2px 0.9375vw 0 0;
  }
}
.block-social li {
  width: auto;
  height: auto;
  overflow: visible;
  margin: 0 20px 0 0;
  background: none;
}
@media (min-width: 992px) {
  .block-social li {
    margin: 0 0.5208333333vw 0 0.5729166667vw;
  }
}
.block-social li:before {
  background: none;
  display: none;
}
.block-social li:hover {
  background-color: transparent;
}
.block-social li a {
  text-indent: 0;
  width: auto;
  height: auto;
  overflow: visible;
  padding: 10px 10px 11px;
}
@media (min-width: 992px) {
  .block-social li a {
    padding: 0.5208333333vw 0.5208333333vw 0.5729166667vw;
  }
}
.block-social li a:before {
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
}
.block-social li a:hover {
  background-color: transparent;
  text-decoration: none;
}
.block-social li a:hover:before {
  transition: all 0.3s ease-in-out;
  color: #d71a21;
}
.block-social li.instagram {
  margin-top: 1px;
}
.block-social li.instagram a:before {
  content: "\e818";
  font-size: 19px;
}
@media (min-width: 992px) {
  .block-social li.instagram a:before {
    font-size: 0.9895833333vw;
  }
}
.block-social li.instagram a:hover:before {
  color: #c32aa3;
}
.block-social li.facebook a:before {
  content: "\e811";
  font-size: 17px;
}
@media (min-width: 992px) {
  .block-social li.facebook a:before {
    font-size: 0.8854166667vw;
  }
}
.block-social li.facebook a:hover:before {
  color: #3b5998;
}
.block-social li.twitter a:before {
  content: "\e82f";
  font-size: 20px;
}
@media (min-width: 992px) {
  .block-social li.twitter a:before {
    font-size: 1.0416666667vw;
  }
}
.block-social li.twitter a:hover:before {
  color: #1da1f2;
}
.block-social li.youtube a:before {
  content: "\e834";
  font-size: 20px;
}
@media (min-width: 992px) {
  .block-social li.youtube a:before {
    font-size: 1.0416666667vw;
  }
}
.block-social li.youtube a:hover:before {
  color: #ff0000;
}

.instagram a:hover {
  color: #c32aa3 !important;
}

.facebook a:hover {
  color: #3b5998 !important;
}

.twitter a:hover {
  color: #1da1f2 !important;
}

.youtube a:hover {
  color: #ff0000 !important;
}

/* end nav */
/* top */
.search-content + .overlay, #header .header-top .menu > .top-menu .sub-menu + .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: -5;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.search-content.active + .overlay, #header .header-top .menu > .top-menu > li:hover > .sub-menu + .overlay, #header .header-top .menu > .top-menu > li:focus > .sub-menu + .overlay {
  opacity: 1;
}

#_desktop_logo {
  margin: 0 auto 0 0;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  #_desktop_logo {
    margin-left: 10px;
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  #_desktop_logo {
    margin-left: 10px;
  }
}
@media (max-width: 575px) {
  #_desktop_logo {
    margin-left: 0;
  }
}
#_desktop_logo .logo {
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #_desktop_logo .logo {
    max-width: 14.84375vw;
  }
}
@media (max-width: 991px) {
  #_desktop_logo .logo {
    max-width: 22.1354166667vw;
  }
}
@media (max-width: 767px) {
  #_desktop_logo .logo {
    max-width: 31.25vw;
  }
}
@media (max-width: 575px) {
  #_desktop_logo .logo {
    max-width: 27.7777777778vw;
  }
}

.shadow-header, #header .header-top, #header {
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
}

#header {
  background: #fff;
  margin: 0;
  padding: 0;
}
#header.js-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}
#header #block-reassurance {
  margin-top: 0;
  margin-right: -2.5vw;
  color: #fff;
  background: transparent;
}
#header #block-reassurance ul {
  margin: 0;
}
#header #block-reassurance ul li {
  background: #d71a21;
  border-radius: 25px 0 0 25px;
}
#header #block-reassurance ul li .block-reassurance-item i {
  color: inherit;
}
#header #block-reassurance ul li .block-reassurance-item i.icofont-truck {
  margin: -4px 15px -8px 34px;
  width: 39px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 992px) {
  #header #block-reassurance ul li .block-reassurance-item i.icofont-truck {
    margin: -0.2083333333vw 0.78125vw -0.4166666667vw 1.7708333333vw;
  }
}
@media (min-width: 992px) {
  #header #block-reassurance ul li .block-reassurance-item i.icofont-truck {
    width: 2.03125vw;
  }
}
#header #block-reassurance ul li .block-reassurance-item i.icofont-truck::before {
  content: "";
  background: url(../img/svg/white/free-delivery.svg) no-repeat center;
  background-size: contain;
  width: 100%;
  padding-bottom: 100%;
  display: block;
}
#header #block-reassurance ul li .block-reassurance-item span {
  color: inherit;
  font-size: 15px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #header #block-reassurance ul li .block-reassurance-item span {
    font-size: 0.78125vw;
  }
}

#header .header-top {
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  #header .header-top {
    background: #fff;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  }
}
#header .header-top.js-miniNavbar .menu > .top-menu > li {
  padding: 10px 0;
}
@media (min-width: 992px) {
  #header .header-top.js-miniNavbar .menu > .top-menu > li {
    padding: 0.5208333333vw 0;
  }
}
#header .header-top.js-miniNavbar .logo {
  max-height: 50px;
}
#header .header-top .menu {
  padding: 0;
  margin: 0 auto;
}
#header .header-top .menu > .top-menu {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .header-top .menu > .top-menu > li {
  position: relative;
  margin-top: 0.2083333333vw;
  transition: all 0.3s ease-in-out;
  padding: 38px 4px;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu > li {
    padding: 1.9791666667vw 0.2083333333vw;
  }
}
#header .header-top .menu > .top-menu > li:first-child {
  margin: 0;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu > li:first-child {
    margin: 0 0.7291666667vw 0 0;
  }
}
#header .header-top .menu > .top-menu > li > a {
  position: relative;
  display: block;
  padding: 0;
  transition: all 0.3s ease-in-out;
  border: 1px solid #fff;
  border-radius: 20px;
  text-transform: uppercase;
  padding: 11px 18px;
  font-size: 18px;
  font-weight: 800;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu > li > a {
    padding: 0.5729166667vw 0.9375vw;
  }
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu > li > a {
    font-size: 0.9375vw;
  }
}
#header .header-top .menu > .top-menu > li > a.active {
  color: #d71a21;
}
#header .header-top .menu > .top-menu > li > a > span {
  display: block;
  overflow: hidden;
}
#header .header-top .menu > .top-menu > li > a > span > span {
  position: relative;
  display: block;
  color: #000;
  transition: all 0.3s ease-in-out;
}
#header .header-top .menu > .top-menu > li > a > span > span::before, #header .header-top .menu > .top-menu > li > a > span > span i.hover {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  color: #d71a21;
  transform: translate3d(0, 0, 0);
}
#header .header-top .menu > .top-menu > li > a > span > span i::before {
  display: block;
  line-height: 28px;
  padding: 4px 0 0;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu > li > a > span > span i::before {
    line-height: 1.4583333333vw;
  }
}
#header .header-top .menu > .top-menu > li:hover > a > span > span, #header .header-top .menu > .top-menu > li:focus > a > span > span, #header .header-top .menu > .top-menu > li.current > a > span > span {
  transform: translateY(-100%);
}
#header .header-top .menu > .top-menu > li.current > a {
  border-color: #d71a21;
}
#header .header-top .menu > .top-menu > li:hover > .sub-menu, #header .header-top .menu > .top-menu > li:focus > .sub-menu {
  top: 100% !important;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}
#header .header-top .menu > .top-menu [class*=icofont-] {
  display: block;
  color: #000;
  font-size: 25px;
  line-height: 24px;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu [class*=icofont-] {
    font-size: 1.4583333333vw;
    line-height: 1.6666666667vw;
  }
}
#header .header-top .menu > .top-menu [class*=icofont-].hover {
  color: #d71a21;
}
#header .header-top .menu > .top-menu .sub-menu {
  min-width: 200px;
  z-index: 110;
  top: 110% !important;
  margin-left: 0.7291666667vw;
  width: auto;
  box-shadow: unset;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  display: block;
  transition: all 0.3s ease-in-out;
}
#header .header-top .menu > .top-menu .sub-menu > ul {
  margin: 0;
}
#header .header-top .menu > .top-menu .sub-menu > ul > li {
  float: none;
  margin: 0;
  padding: 0 30px;
  position: relative;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu .sub-menu > ul > li {
    padding: 0 1.5625vw;
  }
}
#header .header-top .menu > .top-menu .sub-menu > ul > li:hover > a, #header .header-top .menu > .top-menu .sub-menu > ul > li.current > a {
  color: #d71a21;
}
#header .header-top .menu > .top-menu .sub-menu > ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 5px;
  height: 5px;
  background: #d71a21;
  border-radius: 50%;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu .sub-menu > ul > li::before {
    top: 0.625vw;
  }
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu .sub-menu > ul > li::before {
    width: 0.2604166667vw;
  }
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu .sub-menu > ul > li::before {
    height: 0.2604166667vw;
  }
}
#header .header-top .menu > .top-menu .sub-menu > ul > li > a {
  position: relative;
  color: #000;
  padding: 15px 30px;
  text-transform: none;
  white-space: normal;
  transition: color 0.3s ease-in-out;
  line-height: 100%;
  font-weight: 600;
  font-size: 18px;
  padding: 6px 0;
  display: inline-block;
  width: auto;
}
#header .header-top .menu > .top-menu .sub-menu > ul > li > a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 100%;
  left: 0;
  height: 1px;
  background: #d71a21;
  transition: all 0.3s ease-in-out;
}
#header .header-top .menu > .top-menu .sub-menu > ul > li > a:hover:after {
  right: 0;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu .sub-menu > ul > li > a {
    font-size: 0.9375vw;
  }
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu .sub-menu > ul > li > a {
    padding: 0.3125vw 0;
  }
}
#header .header-top .menu > .top-menu .sub-menu > ul > li > a::after {
  bottom: 2px;
}
#header .header-top .menu > .top-menu .sub-menu > ul::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #eee transparent;
  position: absolute;
  top: -12px;
  left: 0;
}
#header .header-top .menu > .top-menu .sub-menu ul[data-depth="2"] {
  display: none;
}
#header .header-top .menu > .top-menu.wide-sub > li {
  position: static;
}
#header .header-top .menu > .top-menu.wide-sub > li > .popover {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  top: 100%;
  box-shadow: 2px 15px 11px 2px rgba(0, 0, 0, 0.1), inset 0 5px 5px #efefef;
  padding: 50px 0;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu.wide-sub > li > .popover {
    padding: 2.6041666667vw 0;
  }
}
#header .header-top .menu > .top-menu.wide-sub > li > .popover > .top-menu {
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  padding-right: 13.5%;
  grid-template-columns: repeat(4, 1fr);
  width: 1525px;
}
@media (min-width: 992px) {
  #header .header-top .menu > .top-menu.wide-sub > li > .popover > .top-menu {
    width: 79.4270833333vw;
  }
}
#header .header-top .menu > .top-menu.wide-sub > li > .popover > .top-menu::before {
  content: none;
}
#header .header-top .menu > .top-menu.wide-sub > li > .popover .collapse {
  display: none;
}
#header .header-top #mobile_top_menu_wrapper #top-menu .sub-menu ul {
  padding: 1px 0;
}
#header .header-top #mobile_top_menu_wrapper #top-menu li > a {
  border: 0;
  color: #000;
  font-size: 18px;
  margin: 8px 0;
  padding: 0;
  text-transform: none;
  display: grid;
  grid-template-columns: auto 30px;
  transition: all 0.3s ease-in-out;
}
#header .header-top #mobile_top_menu_wrapper #top-menu li > a span {
  display: inline-block;
  white-space: normal;
  line-height: 100%;
}
#header .header-top #mobile_top_menu_wrapper #top-menu li:hover > a,
#header .header-top #mobile_top_menu_wrapper #top-menu li a.current {
  color: #d71a21;
  border-color: #d71a21;
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li {
  position: relative;
  padding: 10px 15px 12px 32px;
  border-bottom: 1px solid #ececec;
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li:last-child {
  border: 0;
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li > a {
  font-weight: 600;
  margin: 1px 0;
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li:before {
  display: block;
  position: absolute;
  top: 16px;
  left: 5px;
  font-size: 11px;
  color: #d71a21;
  text-align: right;
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e802";
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li .navbar-toggler {
  padding-top: 2px;
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li .navbar-toggler:hover {
  color: #d71a21;
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li li > a.category-sub-link {
  font-weight: 400;
  text-transform: lowercase;
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li li li {
  padding-left: 20px;
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li li li > a {
  font-weight: 400;
  color: #737373;
  font-size: 16px;
}
#header .header-top #mobile_top_menu_wrapper #top-menu > li li li:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background: #d71a21;
}
@media (max-width: 991px) {
  #header .header-top #mobile_top_menu_wrapper #top-menu .hover {
    display: none;
  }
}
#header .header-top > .container {
  background: #fff;
}

#header .shopping-cart-header-content [class*=icofont-]:not(.expand-more), [class*=icofont-]#menu-icon::before, [class*=icofont-].user-info-selector-trigger::before, [class*=icofont-].fav-trigger::before, [class*=icofont-].search-trigger::before, #menu-icon [class*=icofont-]::before, .user-info-selector-trigger [class*=icofont-]::before, .fav-trigger [class*=icofont-]::before, .search-trigger [class*=icofont-]::before {
  color: #d71a21;
  font-size: 25px;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #header .shopping-cart-header-content [class*=icofont-]:not(.expand-more), [class*=icofont-]#menu-icon::before, [class*=icofont-].user-info-selector-trigger::before, [class*=icofont-].fav-trigger::before, [class*=icofont-].search-trigger::before, #menu-icon [class*=icofont-]::before, .user-info-selector-trigger [class*=icofont-]::before, .fav-trigger [class*=icofont-]::before, .search-trigger [class*=icofont-]::before {
    font-size: 1.7708333333vw;
  }
}
@media (max-width: 575px) {
  #header .shopping-cart-header-content [class*=icofont-]:not(.expand-more), [class*=icofont-]#menu-icon::before, [class*=icofont-].user-info-selector-trigger::before, [class*=icofont-].fav-trigger::before, [class*=icofont-].search-trigger::before, #menu-icon [class*=icofont-]::before, .user-info-selector-trigger [class*=icofont-]::before, .fav-trigger [class*=icofont-]::before, .search-trigger [class*=icofont-]::before {
    font-size: 22px;
  }
}
#header .shopping-cart-header-content [class*=icofont-]:hover:not(.expand-more), [class*=icofont-]#menu-icon:hover::before, [class*=icofont-].user-info-selector-trigger:hover::before, [class*=icofont-].fav-trigger:hover::before, [class*=icofont-].search-trigger:hover::before, #menu-icon [class*=icofont-]:hover::before, .user-info-selector-trigger [class*=icofont-]:hover::before, .fav-trigger [class*=icofont-]:hover::before, .search-trigger [class*=icofont-]:hover::before {
  color: #000 !important;
}

#menu-icon, .user-info-selector-trigger, .fav-trigger, .search-trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 15px !important;
  height: 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #menu-icon, .user-info-selector-trigger, .fav-trigger, .search-trigger {
    padding: 0 1.1979166667vw !important;
  }
}
@media (max-width: 575px) {
  #menu-icon, .user-info-selector-trigger, .fav-trigger, .search-trigger {
    padding: 0 10px !important;
  }
}
#menu-icon:hover, .user-info-selector-trigger:hover, .fav-trigger:hover, .search-trigger:hover {
  background: #eeeeee;
  color: #d71a21 !important;
}
[class*=icofont-]#menu-icon:hover::before, [class*=icofont-].user-info-selector-trigger:hover::before, [class*=icofont-].fav-trigger:hover::before, [class*=icofont-].search-trigger:hover::before, #menu-icon:hover [class*=icofont-]::before, .user-info-selector-trigger:hover [class*=icofont-]::before, .fav-trigger:hover [class*=icofont-]::before, .search-trigger:hover [class*=icofont-]::before {
  color: #000 !important;
}
#menu-icon i[class*=icofont-], .user-info-selector-trigger i[class*=icofont-], .fav-trigger i[class*=icofont-], .search-trigger i[class*=icofont-] {
  display: block;
  height: unset;
}

body > .ui-autocomplete {
  max-width: 60vw;
}
@media (min-width: 992px) {
  body > .ui-autocomplete {
    max-width: 33.0729166667vw;
  }
}
@media (max-width: 991px) {
  body > .ui-autocomplete {
    max-width: 40vw;
    width: 100%;
  }
}
@media (max-width: 767px) {
  body > .ui-autocomplete {
    max-width: 50vw;
    width: 100%;
  }
}
@media (max-width: 575px) {
  body > .ui-autocomplete {
    max-width: calc(100% - 30px);
    width: 100%;
  }
}

.search-widget {
  min-width: 0;
  margin: 0 0 0 15px;
}
@media (min-width: 992px) {
  .search-widget {
    margin: 0 0 0 1.1979166667vw;
  }
}
@media (max-width: 575px) {
  .search-widget {
    margin: 0 10px !important;
  }
}
.search-widget form .search-input {
  position: relative;
  margin: 0 10px 0 30px;
  max-width: 635px;
}
@media (min-width: 992px) {
  .search-widget form .search-input {
    margin: 0 0.5208333333vw 0 1.5625vw;
    width: 33.0729166667vw;
    max-width: unset;
  }
}
@media (max-width: 991px) {
  .search-widget form .search-input {
    width: 40vw;
  }
}
@media (max-width: 767px) {
  .search-widget form .search-input {
    width: 50vw;
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .search-widget form .search-input {
    width: 100%;
  }
}
@media (max-width: 420px) {
  .search-widget form .search-input {
    margin: 0 0 5px;
  }
}
.search-widget form .search-input > input[type=text] {
  padding: 12px 70px 16px 27px;
  font-style: italic;
  font-weight: 400;
  border: 1px solid #bfbfbf;
  border-radius: 40px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .search-widget form .search-input > input[type=text] {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 992px) {
  .search-widget form .search-input > input[type=text] {
    padding: 0.625vw 3.6458333333vw 0.8333333333vw 1.40625vw;
  }
}
@media (max-width: 575px) {
  .search-widget form .search-input > input[type=text] {
    min-width: unset;
    padding-right: 12.1739130435vw;
    padding-left: 4.6956521739vw;
  }
}
@media (max-width: 420px) {
  .search-widget form .search-input > input[type=text] {
    line-height: 20px;
  }
}
.search-content {
  height: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  left: 0;
  top: 100%;
  max-width: 100vw;
  z-index: 100;
  background: #eeeeee;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
}
.search-content.active {
  opacity: 1;
  visibility: visible;
  height: 90px;
  padding: 10px 0;
}
@media (min-width: 992px) {
  .search-content.active {
    height: 4.6875vw;
    padding: 0.5208333333vw 0;
  }
}
.search-content.active + .overlay {
  pointer-events: all;
}
@media (max-width: 420px) {
  .search-content.active {
    height: auto;
  }
}
.search-label {
  font-weight: 600;
  color: #000;
  margin: 0 0 3px;
  font-size: 18px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .search-label {
    font-size: 0.9375vw;
  }
}
@media (max-width: 767px) {
  .search-label {
    display: none;
  }
}
.search-form {
  display: flex;
}
@media (max-width: 575px) {
  .search-form {
    width: 100%;
    padding: 0 15px;
  }
}
@media (max-width: 420px) {
  .search-form {
    flex-wrap: wrap;
  }
}
.search-icon {
  position: absolute;
  top: 12px;
  right: 19px;
}
@media (min-width: 992px) {
  .search-icon {
    top: 0.625vw;
    right: 0.9895833333vw;
  }
}
@media (max-width: 575px) {
  .search-icon {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.search-icon::before {
  color: #d71a21;
  font-size: 35px;
}
@media (min-width: 992px) {
  .search-icon::before {
    font-size: 1.8229166667vw;
  }
}
@media (max-width: 575px) {
  .search-icon::before {
    font-size: 6.0869565217vw;
  }
}
.search-submit {
  width: 200px;
  min-width: unset;
  font-size: 16px;
  margin-right: auto;
  border-radius: 40px;
}
@media (min-width: 992px) {
  .search-submit {
    width: 10.4166666667vw;
    font-size: 0.8333333333vw;
    margin-right: 8.5416666667vw;
  }
}
@media (max-width: 575px) {
  .search-submit {
    width: 34.7826086957vw;
  }
}
@media (max-width: 420px) {
  .search-submit {
    width: 100%;
    padding: 12px 0;
  }
}

.image {
  border: 1px solid #e0e0e0;
  background-color: #fff;
}

.ui-menu {
  padding: 0;
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 0;
  border-top: 0;
  font-family: Lato, sans-serif;
  border: 1px solid #bfbfbf;
  border-radius: 10px;
  padding: 2px 0;
}
@media (max-width: 575px) {
  .ui-menu {
    right: 15px;
    width: auto !important;
    top: 100% !important;
  }
}
.ui-menu .ui-menu-item {
  cursor: pointer;
  color: #999999;
}
.ui-menu .ui-menu-item:nth-of-type(2n), .ui-menu .ui-menu-item:nth-of-type(2n) a.ui-state-focus {
  background-color: #f7f7f7;
}
.ui-menu .ui-menu-item:hover {
  color: #000;
}
.ui-menu .ui-menu-item > a {
  color: inherit;
  padding: 3px 25px;
  display: flex;
  justify-content: left;
  align-items: center;
  background-image: none;
}
@media (min-width: 992px) {
  .ui-menu .ui-menu-item > a {
    padding: 0.15625vw 1.3020833333vw;
  }
}
@media (max-width: 767px) {
  .ui-menu .ui-menu-item > a {
    padding: 3px 15px;
  }
}
@media (max-width: 575px) {
  .ui-menu .ui-menu-item > a {
    padding: 3px 2.6086956522vw;
  }
}
.ui-menu .ui-menu-item > a.ui-state-focus {
  border-color: transparent;
  background-color: #fff;
}
.ui-menu .ui-menu-item .image {
  width: 73px !important;
  height: 73px !important;
}
@media (min-width: 992px) {
  .ui-menu .ui-menu-item .image {
    width: 3.8020833333vw !important;
    height: 3.8020833333vw !important;
  }
}
.ui-menu .ui-menu-item .info {
  margin-left: 33px;
}
@media (min-width: 992px) {
  .ui-menu .ui-menu-item .info {
    margin-left: 1.71875vw;
  }
}
@media (max-width: 767px) {
  .ui-menu .ui-menu-item .info {
    margin-left: 25px;
  }
}
@media (max-width: 575px) {
  .ui-menu .ui-menu-item .info {
    margin-left: 3.4782608696vw;
  }
}
.ui-menu .ui-menu-item .name {
  color: inherit;
  font-style: italic;
  font-weight: 400;
  display: block;
  font-size: 18px;
}
@media (min-width: 992px) {
  .ui-menu .ui-menu-item .name {
    font-size: 0.9375vw;
  }
}
.ui-menu .ui-menu-item .price {
  color: #d71a21;
  font-weight: 800;
  font-size: 16px;
}
@media (min-width: 992px) {
  .ui-menu .ui-menu-item .price {
    font-size: 0.8333333333vw;
  }
}
.ui-menu .ui-menu-item .regular_price {
  color: #969696;
  text-decoration: line-through;
  font-size: 16px;
  margin-left: 7px;
}
@media (min-width: 992px) {
  .ui-menu .ui-menu-item .regular_price {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 992px) {
  .ui-menu .ui-menu-item .regular_price {
    margin-left: 0.3645833333vw;
  }
}

.user-info-selector {
  height: 100%;
}
@media (min-width: 992px) {
  .user-info-selector-trigger [class*=icofont-]::before {
    font-size: 1.71875vw;
  }
}
.user-info-selector-trigger.mobile {
  padding: 0 !important;
}
.user-info-selector .dropdown-menu {
  width: auto;
  min-width: 100%;
  margin: 0;
  background: #eee;
  border: 0;
}
.user-info-selector .dropdown-menu .dropdown-item {
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .user-info-selector .dropdown-menu .dropdown-item {
    padding: 0;
  }
}
.user-info-selector .dropdown-menu .dropdown-item a {
  padding: 20px 40px;
  display: block;
}
.user-info-selector .dropdown-menu .dropdown-item i {
  padding-right: 5px;
}
@media (min-width: 992px) {
  .user-info-selector .dropdown-menu .dropdown-item i {
    padding-right: 0.2604166667vw;
  }
}
.user-info-selector .dropdown-menu .dropdown-item:hover {
  background: #d71a21;
}
.user-info-selector .dropdown-menu .dropdown-item:hover a {
  color: #fff !important;
  transition: all 0.3s ease-in-out;
}

#_mobile_user-info {
  margin-bottom: 10px;
}
#_mobile_user-info .logout {
  font-size: 18px;
}
#_mobile_user-info .logout i {
  color: #d71a21;
  height: 25px;
  font-size: 25px;
  padding-left: 6px;
  padding-right: 13px;
  vertical-align: middle;
}
#_mobile_user-info .logout:hover {
  color: #d71a21;
}

@media (min-width: 992px) {
  #_desktop_cart {
    margin: 0 0 0 1.5625vw;
  }
}
@media (max-width: 991px) {
  #_desktop_cart {
    margin: 0 23px;
  }
}
@media (max-width: 767px) {
  #_desktop_cart {
    margin: 0 20px 0 10px;
  }
}
@media (max-width: 575px) {
  #_desktop_cart {
    margin: 0 10px 0 0;
  }
}

#header .shopping-cart {
  height: 100%;
  position: relative;
}
#header .shopping-cart-header {
  height: 100%;
  padding: 0 18px 0 25px;
  margin-right: -18px;
  transition: background 0.3s ease-in-out;
}
@media (max-width: 575px) {
  #header .shopping-cart-header {
    padding: 0 18px 0 15px;
  }
}
#header .shopping-cart-header-content {
  line-height: 32px;
  display: block;
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  transform: translateY(-50%);
  vertical-align: top;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 992px) {
  #header .shopping-cart-header-content {
    font-size: 0.9375vw;
    line-height: 1.6666666667vw;
  }
}
#header .shopping-cart-header-content [class*=icofont-]:not(.expand-more) {
  margin: -3px 16px 0 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 25px;
}
@media (min-width: 992px) {
  #header .shopping-cart-header-content [class*=icofont-]:not(.expand-more) {
    margin: -0.15625vw 0.8333333333vw 0 0;
    font-size: 1.7708333333vw;
  }
}
@media (max-width: 575px) {
  #header .shopping-cart-header-content [class*=icofont-]:not(.expand-more) {
    font-size: 22px;
    margin-right: 5px;
  }
}
#header .shopping-cart-header > a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#header .shopping-cart .cart-hover-content {
  position: absolute;
  z-index: 100;
  background: #fff;
  right: 0;
  background: #eeeeee;
  padding: 17px;
  visibility: hidden;
  opacity: 0;
  display: block;
  transition: all 0.3s ease-in-out;
  margin: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
  #header .shopping-cart .cart-hover-content {
    position: fixed;
    top: 90px !important;
    right: 0;
    width: 300px;
  }
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content {
    top: 110% !important;
    width: 16.40625vw;
  }
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content {
    margin: 0.5208333333vw;
  }
}
#header .shopping-cart .cart-hover-content .cart-heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 21px;
  padding: 0 12px 17px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 19px;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .cart-heading {
    font-size: 1.0416666667vw;
  }
}
#header .shopping-cart .cart-hover-content .cart-summary {
  max-width: 210px;
  margin: 22px auto 15px;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .cart-summary {
    max-width: 10.9375vw;
  }
}
#header .shopping-cart .cart-hover-content .cart-summary .btn-fake {
  border-color: #000;
  color: #000;
  border-radius: 25px;
  text-transform: uppercase;
  background: transparent;
  line-height: 100%;
  padding: 13px;
  font-size: 13px;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .cart-summary .btn-fake {
    padding: 0.6770833333vw;
  }
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .cart-summary .btn-fake {
    font-size: 0.6770833333vw;
  }
}
#header .shopping-cart .cart-hover-content .cart-summary .btn-fake span.label {
  color: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
  position: static;
  font-weight: inherit;
}
#header .shopping-cart .cart-hover-content .cart-wishlist-action {
  max-width: 210px;
  margin: 0 auto 15px;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .cart-wishlist-action {
    margin: 0 auto 0.78125vw;
  }
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .cart-wishlist-action {
    max-width: 10.9375vw;
  }
}
#header .shopping-cart .cart-hover-content .cart-wishlist-action a {
  max-width: 100%;
  border-radius: 25px;
  font-size: 13px;
  line-height: 100%;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .cart-wishlist-action a {
    font-size: 0.6770833333vw;
  }
}
#header .shopping-cart .cart-hover-content .cart-wishlist-action:hover a {
  color: #d71a21;
}
#header .shopping-cart .cart-hover-content > ul > li {
  position: relative;
  border-bottom: 1px solid #e3e3e3;
  display: grid;
  grid-template-columns: 40% 1fr;
}
#header .shopping-cart .cart-hover-content .product-left .image {
  width: 100%;
}
#header .shopping-cart .cart-hover-content .product-right {
  margin-left: 22px;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .product-right {
    margin-left: 1.1458333333vw;
  }
}
#header .shopping-cart .cart-hover-content .product-name {
  margin: 5px 0 15px;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .product-name {
    margin: 0.2604166667vw 0 0.78125vw;
  }
}
#header .shopping-cart .cart-hover-content .product-name a {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  transition: color 0.3s ease-in-out;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .product-name a {
    font-size: 0.8333333333vw;
  }
}
#header .shopping-cart .cart-hover-content .product-name a:hover {
  color: #000;
}
#header .shopping-cart .cart-hover-content .product-price {
  font-size: 15px;
  font-weight: 900;
  color: #000;
  display: block;
  margin: 15px 0;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .product-price {
    margin: 0.78125vw 0;
  }
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .product-price {
    font-size: 0.78125vw;
  }
}
#header .shopping-cart .cart-hover-content .product-quantity {
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 19px;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .product-quantity {
    font-size: 0.6770833333vw;
    margin-bottom: 0.9895833333vw;
  }
}
#header .shopping-cart .cart-hover-content .product-quantity span {
  margin-left: 5px;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .product-quantity span {
    margin-left: 0.2604166667vw;
  }
}
#header .shopping-cart .cart-hover-content .product-trash {
  position: absolute;
  right: 0;
  bottom: 14px;
}
@media (min-width: 992px) {
  #header .shopping-cart .cart-hover-content .product-trash {
    bottom: 0.7291666667vw;
  }
}
#header .shopping-cart:hover .cart-hover-content {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  #header .shopping-cart:hover .cart-hover-content {
    top: 63px !important;
  }
}
@media (min-width: 992px) {
  #header .shopping-cart:hover .cart-hover-content {
    top: 100% !important;
  }
}

.remove-from-cart {
  border: 1px solid #d71a21;
  background: #d71a21;
  color: #fff;
  transition: all 0.3s ease-in-out;
  display: block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 17px;
  line-height: 28px;
  text-align: center;
}
@media (min-width: 992px) {
  .remove-from-cart {
    width: 1.5625vw;
    height: 1.5625vw;
    font-size: 0.8854166667vw;
    line-height: 1.4583333333vw;
  }
}
@media (max-width: 575px) {
  .remove-from-cart {
    font-size: 22px;
  }
}
.remove-from-cart:hover {
  background: #fff;
  color: #d71a21;
}

.icofont-menu {
  line-height: 50px;
  font-size: 25px;
}

@media (max-width: 991px) {
  #menu-icon i::before {
    color: #000;
  }
}

@media (max-width: 991px) {
  .currency-selector, .language-selector {
    padding: 5px 0;
    border-bottom: 1px solid #ececec;
  }
  .currency-selector button, .language-selector button {
    padding: 10px 0;
  }
  .currency-selector .dropdown-item, .language-selector .dropdown-item {
    padding: 5px 0;
  }
  .currency-selector .dropdown-item img, .language-selector .dropdown-item img {
    display: none;
  }
}

/* end top */
/* slider */
.widget-pssliderlayer > div {
  position: relative;
}

.slideshow {
  position: relative;
  width: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  height: 12.5vw !important;
}
#index .slideshow {
  height: 30.7291666667vw !important;
}
#index .slideshow .slide__title-wrap .big_title {
  margin-top: 27%;
}
#index .slideshow .slide__title-wrap {
  background: url(../img/index/Lewa2.png) no-repeat center;
  background-size: 100% 100% !important;
}
#index .slideshow + .slidernav .boxdots {
  bottom: 32px;
}
@media (min-width: 992px) {
  #index .slideshow + .slidernav .boxdots {
    bottom: 1.6666666667vw;
  }
}
.slideshow::after {
  /*content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.4s;*/
}
.slideshow .slide {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  overflow-x: hidden;
  pointer-events: none;
  opacity: 0;
}
.slideshow .slide--current {
  opacity: 1;
  z-index: 999;
  pointer-events: auto;
  position: relative;
}
.slideshow .slide__wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slideshow .slide__bg, .slideshow .slide__img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: white;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  pointer-events: none;
}
.slideshow .slide__bg {
  filter: grayscale(1) brightness(0.7);
}
.slideshow .slide__title-wrap {
  padding-left: 8%;
  text-align: left;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) !important;
  width: 700px;
  max-width: 50%;
  background: url(../img/slider/Lewa_sub.png) no-repeat center;
  padding-top: 50px;
  padding-bottom: 50px;
  height: 100%;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap {
    width: 36.4583333333vw;
  }
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap {
    padding-top: 2.6041666667vw;
  }
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap {
    padding-bottom: 2.6041666667vw;
  }
}
.slideshow .slide__title-wrap > .big_white_top {
  font-size: 50px;
  line-height: 52px;
  display: block;
  padding-top: 22px;
  border-top: 1px solid #fff;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap > .big_white_top {
    padding-top: 1.1458333333vw;
    font-size: 2.6041666667vw;
    line-height: 2.7083333333vw;
  }
}
.slideshow .slide__title-wrap > .big_white_bottom {
  font-size: 70px;
  line-height: 72px;
  font-weight: 900;
  display: block;
  text-transform: uppercase;
  padding-bottom: 33px;
  border-bottom: 1px solid #fff;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap > .big_white_bottom {
    font-size: 3.6458333333vw;
    line-height: 3.75vw;
    padding-bottom: 1.71875vw;
  }
}
.slideshow .slide__title-wrap > .big_white_bottom + .big_white_text {
  font-size: 36px;
  line-height: 42px;
  display: block;
  text-transform: uppercase;
  padding-top: 36px;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap > .big_white_bottom + .big_white_text {
    font-size: 1.875vw;
    line-height: 2.1875vw;
    padding-top: 1.875vw;
  }
}
.slideshow .slide__title-wrap > .big_white_title {
  font-size: 90px;
  line-height: 102px;
  display: block;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap > .big_white_title {
    font-size: 4.6875vw;
    line-height: 5.3125vw;
  }
}
.slideshow .slide__title-wrap > .big_white_text {
  font-size: 40px;
  line-height: 60px;
  display: block;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap > .big_white_text {
    font-size: 2.0833333333vw;
    line-height: 3.125vw;
  }
}
.slideshow .slide__title-wrap > .big_white_uppertext {
  font-size: 36px;
  line-height: 60px;
  display: block;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap > .big_white_uppertext {
    font-size: 1.875vw;
    line-height: 3.125vw;
  }
}
.slideshow .slide__title-wrap .with_detal {
  padding-top: 55px;
}
.slideshow .slide__title-wrap .with_detal::before, .slideshow .slide__title-wrap .with_detal::after {
  left: 50%;
  top: 16px;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap .with_detal {
    padding-top: 2.8645833333vw;
  }
  .slideshow .slide__title-wrap .with_detal::before, .slideshow .slide__title-wrap .with_detal::after {
    top: 0.8333333333vw;
  }
}
.slideshow .slide__title-wrap .slider-btn-container .btn {
  min-width: 17.7083333333vw;
  padding: 22px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap .slider-btn-container .btn {
    padding: 1.1458333333vw;
    font-size: 0.8333333333vw;
  }
}
.slideshow .slide__title-wrap .button01 {
  padding: 20px 80px 22px;
  margin-top: 60px;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap .button01 {
    padding: 1.0416666667vw 4.1666666667vw 1.1458333333vw;
  }
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap .button01 {
    margin-top: 3.125vw;
  }
}
.slideshow .slide__title-wrap .circle-wrapper {
  position: absolute;
  top: 0;
  right: 50px;
  width: 10%;
  height: 100%;
}
.slideshow .slide__title-wrap .big_title {
  margin-top: 4%;
  font-size: 50px;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap .big_title {
    font-size: 2.6041666667vw;
  }
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap .big_title {
    margin-bottom: 0.2604166667vw;
  }
}
.slideshow .slide__title-wrap .big_text {
  font-size: 30px;
}
@media (min-width: 992px) {
  .slideshow .slide__title-wrap .big_text {
    font-size: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .slideshow .slide__title-wrap {
    max-width: 75%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .slideshow .slide__title-wrap .big_title {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
  }
  .slideshow .slide__title-wrap .big_text {
    font-size: 12px;
    line-height: 16px;
  }
  .slideshow .slide__title-wrap .slider-btn-container .btn {
    font-size: 10px;
    padding: 4px 10px;
    margin-top: 8px;
  }
}
.slideshow .slide__title {
  margin: 0;
  font-size: 1.5rem;
  line-height: 0.9;
  white-space: pre;
}
.slideshow .slide__title span {
  display: inline-block;
}
.slideshow .slide__subtitle {
  font-size: 1.15rem;
  font-weight: normal;
}

.boxnav {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 5;
  width: 100%;
  margin-top: -20px;
}
@media (min-width: 992px) {
  .boxnav {
    margin-top: -1.0416666667vw;
  }
}
.boxnav__item {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  border: 0;
  flex: 1;
  z-index: 100;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  width: 45px;
  height: 45px;
  padding: 20px;
}
@media (min-width: 992px) {
  .boxnav__item {
    width: 2.34375vw;
  }
}
@media (min-width: 992px) {
  .boxnav__item {
    height: 2.34375vw;
  }
}
@media (min-width: 992px) {
  .boxnav__item {
    padding: 1.0416666667vw;
  }
}
.boxnav__item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.boxnav__item:focus {
  outline: none;
}
.boxnav__item--prev {
  left: 25px;
}
.boxnav__item--next {
  right: 25px;
}
.boxnav__item > i {
  font-size: 18px;
}
@media (min-width: 992px) {
  .boxnav__item > i {
    font-size: 0.9375vw;
  }
}

.boxdots {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: 3;
  padding: 0 8% 45px;
}
@media (min-width: 992px) {
  .boxdots {
    bottom: -1.0416666667vw;
  }
}
@media (min-width: 992px) {
  .boxdots {
    padding: 0 8% 2.34375vw;
  }
}
.boxdots .boxdot__item {
  display: inline-block;
  margin: 0 4px 0 5px;
  border: 2px solid transparent;
  padding: 0;
  width: 20px;
  height: 20px;
  background: transparent;
  border-radius: 50%;
  transition: border 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
  outline: none;
}
@media (min-width: 992px) {
  .boxdots .boxdot__item {
    margin: 0 0.2083333333vw 0 0.2604166667vw;
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
}
.boxdots .boxdot__item::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #d71a21;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
}
@media (min-width: 992px) {
  .boxdots .boxdot__item::before {
    width: 0.4166666667vw;
    height: 0.4166666667vw;
    top: 0.2083333333vw;
    left: 0.2083333333vw;
  }
}
.boxdots .boxdot__item--current {
  border-color: #d71a21;
  cursor: default;
}
/* index */
#index #content .pts-container-wrap.hidden-md-down + div {
  margin-top: 30px;
}
@media (min-width: 992px) {
  #index #content .pts-container-wrap.hidden-md-down + div {
    margin-top: 2.6041666667vw;
  }
}

.pts-inner.container-fluid {
  padding: 0;
}
.pts-inner.container-fluid .row {
  margin: 0;
}
.pts-inner.container-fluid .col-lg-12, .pts-inner.container-fluid .col-md-12, .pts-inner.container-fluid .col-sm-12, .pts-inner.container-fluid .col-xl-12, .pts-inner.container-fluid .col-xs-12 {
  padding: 0;
}

.widget-categoriesinfo {
  margin-top: -1.0416666667vw;
}
.widget-categoriesinfo .grid {
  grid-gap: 30px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 25%));
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid {
    grid-gap: 1.5625vw;
  }
}
@media (max-width: 991px) {
  .widget-categoriesinfo .grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .widget-categoriesinfo .grid {
    grid-template-columns: 100%;
    grid-gap: 0;
    margin-right: 7%;
  }
}
.widget-categoriesinfo .grid .item {
  width: 100%;
  position: relative;
  margin-top: 1.0416666667vw;
  margin-bottom: 1.0416666667vw;
  padding-right: 13%;
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item {
    padding-right: 3.6458333333vw;
  }
}
@media (max-width: 767px) {
  .widget-categoriesinfo .grid .item {
    padding-right: 0;
  }
}
.widget-categoriesinfo .grid .item img {
  max-width: 100%;
}
.widget-categoriesinfo .grid .item .categories-info-img {
  position: relative;
}
.widget-categoriesinfo .grid .item .categories-info-img::before {
  content: "";
  background: url(../img/index/box_01.png) no-repeat center left;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: contain;
  box-sizing: border-box;
  margin: 15px 0;
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .categories-info-img::before {
    margin: 0.78125vw 0;
  }
}
@media (max-width: 767px) {
  .widget-categoriesinfo .grid .item .categories-info-img::before {
    background-color: #ededed;
    border-radius: 20px;
  }
}
.widget-categoriesinfo .grid .item .categories-info-img > a {
  padding-bottom: 66%;
  position: relative;
  margin-left: 60%;
}
@media (max-width: 991px) {
  .widget-categoriesinfo .grid .item .categories-info-img > a {
    margin-left: 70%;
  }
}
@media (max-width: 767px) {
  .widget-categoriesinfo .grid .item .categories-info-img > a {
    position: absolute;
    margin: 0;
    top: 0;
    left: 70%;
    right: 0;
    bottom: 0;
    padding: 0;
  }
}
.widget-categoriesinfo .grid .item .categories-info-img > a img {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
  max-width: 100%;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 767px) {
  .widget-categoriesinfo .grid .item .categories-info-img > a img {
    max-height: 80%;
  }
}
.widget-categoriesinfo .grid .item .categories-info-img img {
  max-width: none;
  transition: opacity 1s, transform 1s;
  backface-visibility: hidden;
  transform-origin: top right;
}
@media (min-width: 576px) {
  .widget-categoriesinfo .grid .item .categories-info-img:hover img {
    opacity: 0.8;
    transform: scale3d(1.1, 1.1, 1);
  }
}
.widget-categoriesinfo .grid .item .categories-info-img > a::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 25px;
  right: auto;
  bottom: 0;
  background-color: #c4c4c4;
  width: 195px;
  height: 195px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .categories-info-img > a::before {
    top: -0.5208333333vw;
  }
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .categories-info-img > a::before {
    left: 1.3020833333vw;
  }
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .categories-info-img > a::before {
    width: 10.15625vw;
  }
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .categories-info-img > a::before {
    height: 10.15625vw;
  }
}
@media (max-width: 991px) {
  .widget-categoriesinfo .grid .item .categories-info-img > a::before {
    height: 0;
    width: 140%;
    padding-bottom: 140%;
    top: 0%;
    left: -5%;
  }
}
@media (max-width: 767px) {
  .widget-categoriesinfo .grid .item .categories-info-img > a::before {
    left: 23%;
    width: 100%;
    padding-bottom: 100%;
  }
}
.widget-categoriesinfo .grid .item .categories-info-img a {
  transition: all 0.3s ease-in-out;
  display: block;
}
.widget-categoriesinfo .grid .item .categories-info-img:hover a {
  color: #d71a21;
}
.widget-categoriesinfo .grid .item .categories-info-img:hover a.button01 {
  background: #000;
  color: #fff;
}
@media (min-width: 576px) {
  .widget-categoriesinfo .grid .item .categories-info-img:hover .categories-info-top .cat-name a span {
    transform: translateY(-102%);
  }
}
.widget-categoriesinfo .grid .item .categories-info-top {
  position: absolute;
  top: 27%;
  max-width: 55%;
  left: 0;
  padding-left: 50px;
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .categories-info-top {
    padding-left: 2.6041666667vw;
  }
}
@media (max-width: 991px) {
  .widget-categoriesinfo .grid .item .categories-info-top {
    max-width: 65%;
  }
}
@media (max-width: 767px) {
  .widget-categoriesinfo .grid .item .categories-info-top {
    max-width: 70%;
    position: static;
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
.widget-categoriesinfo .grid .item .categories-info-top .cat-name {
  font-size: 25px;
  line-height: 120%;
  text-transform: none;
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .categories-info-top .cat-name {
    font-size: 1.3020833333vw;
  }
}
.widget-categoriesinfo .grid .item .categories-info-top .cat-name a {
  display: block;
  overflow: hidden;
}
.widget-categoriesinfo .grid .item .categories-info-top .cat-name a span {
  display: block;
  color: #000 !important;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.widget-categoriesinfo .grid .item .categories-info-top .cat-name a span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  color: #d71a21;
  transform: translate3d(0, 0, 0);
}
.widget-categoriesinfo .grid .item .categories-info-top .cat-name a span strong {
  color: #d71a21;
  display: block;
}
.widget-categoriesinfo .grid .item .categories-info-top .h3 {
  font-size: 25px;
  line-height: 29px;
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .categories-info-top .h3 {
    font-size: 1.3020833333vw;
    line-height: 1.5104166667vw;
  }
}
.widget-categoriesinfo .grid .item .shopnow {
  position: absolute;
  bottom: 18%;
  left: 0;
  padding-left: 50px;
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .shopnow {
    padding-left: 2.6041666667vw;
  }
}
.widget-categoriesinfo .grid .item .shopnow .button01 {
  padding: 10px 22px;
  font-size: 13px;
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .shopnow .button01 {
    padding: 0.5208333333vw 1.1458333333vw;
  }
}
@media (min-width: 992px) {
  .widget-categoriesinfo .grid .item .shopnow .button01 {
    font-size: 0.6770833333vw;
  }
}
.widget-categoriesinfo .grid .item:nth-of-type(1) .categories-info-img > a::before {
  background-color: #ce841b;
}
.widget-categoriesinfo .grid .item:nth-of-type(2) .categories-info-img > a::before {
  background-color: #aabb39;
}
.widget-categoriesinfo .grid .item:nth-of-type(3) .categories-info-img > a::before {
  background-color: #7eb9a7;
}

.widget-html.images-link {
  margin: 50px 0 0;
}
@media (min-width: 992px) {
  .widget-html.images-link {
    margin: 4.1666666667vw 0 -0.8333333333vw;
  }
}
@media (max-width: 767px) {
  .widget-html.images-link {
    margin: 50px 0 35px;
  }
}
.widget-html.images-link > .widget-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.widget-html.images-link > .widget-inner > p {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .widget-html.images-link > .widget-inner > p:first-child {
    width: 36.7708333333vw;
  }
  .widget-html.images-link > .widget-inner > p:nth-child(2) {
    width: 17.4479166667vw;
  }
  .widget-html.images-link > .widget-inner > p:nth-child(3) {
    width: 36.7708333333vw;
  }
}
@media (max-width: 991px) {
  .widget-html.images-link > .widget-inner > p:first-child {
    width: 65%;
  }
  .widget-html.images-link > .widget-inner > p:nth-child(2) {
    width: 31%;
  }
  .widget-html.images-link > .widget-inner > p:nth-child(3) {
    width: 100%;
    flex-direction: row;
  }
  .widget-html.images-link > .widget-inner > p:nth-child(3) a {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .widget-html.images-link > .widget-inner > p:first-child, .widget-html.images-link > .widget-inner > p:nth-child(2), .widget-html.images-link > .widget-inner > p:nth-child(3) {
    width: 100%;
  }
  .widget-html.images-link > .widget-inner > p:nth-child(3) {
    flex-direction: column;
  }
  .widget-html.images-link > .widget-inner > p:nth-child(3) a {
    width: 100%;
  }
  .widget-html.images-link > .widget-inner > p:nth-child(3) a + a {
    margin-top: 1.0416666667vw;
  }
}
.widget-html.images-link > .widget-inner > p a {
  overflow: hidden;
  outline: none;
}
.widget-html.images-link > .widget-inner > p a:hover img {
  opacity: 0.4;
  transform: scale3d(1.1, 1.1, 1);
}
.widget-html.images-link > .widget-inner > p img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: opacity 1s, transform 1s;
  backface-visibility: hidden;
}
@media (max-width: 767px) {
  .widget-html.images-link > .widget-inner > p img {
    margin: 0 auto;
  }
}
.widget-html.images-link > .widget-inner > p img + img {
  margin-top: 1.5625vw;
}
.widget-html.images-link > .widget-inner > p img:hover {
  opacity: 0.4;
  transform: scale3d(1.1, 1.1, 1);
}
.widget-html.images-link > .widget-inner > p:nth-child(1) img {
  transform-origin: center left;
}
.widget-html.images-link > .widget-inner > p:nth-child(2) img {
  transform-origin: center;
}
.widget-html.images-link > .widget-inner > p:nth-child(3) img {
  transform-origin: center right;
}

.h1.title_block {
  text-align: center;
  margin: 18px 0 13px;
}
@media (min-width: 992px) {
  .h1.title_block {
    margin: 0.9375vw 0 0.6770833333vw;
  }
}

.widget-productlist + .widget-productlist {
  border-top: 1px solid #ececec;
  padding-top: 10px;
}

.widget-products-desc {
  text-align: center;
  font-size: 18px;
}
@media (min-width: 992px) {
  .widget-products-desc {
    font-size: 0.9375vw;
  }
}

.front-tabs {
  position: relative;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .front-tabs {
    margin-top: 1.0416666667vw;
  }
}
@media (max-width: 991px) {
  .front-tabs {
    display: flex;
    flex-direction: column;
  }
  .front-tabs > .widget-module {
    order: 1;
    background: #eeeeee;
  }
  .front-tabs > .widget-producttabs {
    order: 2;
  }
}
@media (max-width: 991px) {
  .front-tabs #block-reassurance {
    margin: 20px 0;
  }
}
@media (min-width: 992px) {
  .front-tabs #block-reassurance {
    position: absolute;
    top: 1.1458333333vw;
    right: 0.625vw;
    margin: 0;
  }
}
@media (max-width: 575px) {
  .front-tabs #block-reassurance {
    margin: 0;
  }
}
.front-tabs #block-reassurance ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
@media (max-width: 991px) {
  .front-tabs #block-reassurance ul {
    justify-content: space-evenly;
  }
}
@media (max-width: 575px) {
  .front-tabs #block-reassurance ul {
    flex-direction: column;
    justify-content: start;
  }
}
.front-tabs #block-reassurance li {
  border: 0;
}
@media (max-width: 991px) {
  .front-tabs #block-reassurance li {
    margin: 0 20px;
  }
}
@media (max-width: 767px) {
  .front-tabs #block-reassurance li {
    margin: 0 10px;
  }
}
@media (min-width: 576px) {
  .front-tabs #block-reassurance li {
    background: none !important;
  }
}
@media (max-width: 575px) {
  .front-tabs #block-reassurance li {
    background: #eeeeee;
    min-height: 50px;
  }
  .front-tabs #block-reassurance li:nth-child(2n) {
    background: #eee;
  }
}
@media (min-width: 992px) {
  .front-tabs #block-reassurance li + li {
    margin-left: 2.7604166667vw;
  }
}
.front-tabs #block-reassurance .block-reassurance-item {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (max-width: 575px) {
  .front-tabs #block-reassurance .block-reassurance-item {
    padding: 7px 20px 12px;
  }
}
.front-tabs #block-reassurance .block-reassurance-item i {
  font-size: 49px;
}
@media (min-width: 992px) {
  .front-tabs #block-reassurance .block-reassurance-item i {
    font-size: 2.5520833333vw;
  }
}
@media (max-width: 575px) {
  .front-tabs #block-reassurance .block-reassurance-item i {
    font-size: 30px;
    vertical-align: baseline;
  }
}
.front-tabs #block-reassurance .block-reassurance-item span {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  max-width: 170px;
  margin-left: 19px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .front-tabs #block-reassurance .block-reassurance-item span {
    font-size: 0.9375vw;
    max-width: 8.8541666667vw;
    margin-left: 0.9895833333vw;
    line-height: 1.1458333333vw;
  }
}
@media (max-width: 767px) {
  .front-tabs #block-reassurance .block-reassurance-item span {
    max-width: 100px;
  }
}
@media (max-width: 575px) {
  .front-tabs #block-reassurance .block-reassurance-item span {
    max-width: unset;
    color: #000;
    margin-left: 25px;
  }
}

.tabnav .nav, body#product #content .product-informations .nav,
.quickview .product-informations .nav, .widget-producttabs .nav {
  border-bottom: 2px solid #d71a21;
  justify-content: start;
  align-items: end;
  flex-wrap: wrap;
  display: inline-block;
}
@media (max-width: 767px) {
  .tabnav .nav, body#product #content .product-informations .nav,
  .quickview .product-informations .nav, .widget-producttabs .nav {
    width: 100%;
    padding-bottom: 30px;
  }
}
.tabnav .nav li, body#product #content .product-informations .nav li,
.quickview .product-informations .nav li, .widget-producttabs .nav li {
  width: 250px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .tabnav .nav li, body#product #content .product-informations .nav li,
  .quickview .product-informations .nav li, .widget-producttabs .nav li {
    width: 13.0208333333vw;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .tabnav .nav li, body#product #content .product-informations .nav li,
  .quickview .product-informations .nav li, .widget-producttabs .nav li {
    max-width: 31%;
  }
}
@media (max-width: 991px) {
  .tabnav .nav li:nth-child(n+4), body#product #content .product-informations .nav li:nth-child(n+4),
  .quickview .product-informations .nav li:nth-child(n+4), .widget-producttabs .nav li:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .tabnav .nav li, body#product #content .product-informations .nav li,
  .quickview .product-informations .nav li, .widget-producttabs .nav li {
    width: 100%;
  }
  .tabnav .nav li + li, body#product #content .product-informations .nav li + li,
  .quickview .product-informations .nav li + li, .widget-producttabs .nav li + li {
    margin-top: 10px;
  }
}
.tabnav .nav li + li, body#product #content .product-informations .nav li + li,
.quickview .product-informations .nav li + li, .widget-producttabs .nav li + li {
  margin-left: 5px;
}
@media (min-width: 992px) {
  .tabnav .nav li + li, body#product #content .product-informations .nav li + li,
  .quickview .product-informations .nav li + li, .widget-producttabs .nav li + li {
    margin-left: 0.2604166667vw;
  }
}
.tabnav .nav a, body#product #content .product-informations .nav a,
.quickview .product-informations .nav a, .widget-producttabs .nav a {
  display: inline-block;
  text-align: center;
  width: 100%;
  font-weight: 600;
  background: #fff;
  color: #000;
  word-wrap: break-word;
  transition: all 0.3s ease-in-out;
  padding: 20px;
  border-radius: 25px 25px 0 0;
  font-size: 18px;
  background: #eeeeee;
}
@media (min-width: 992px) {
  .tabnav .nav a, body#product #content .product-informations .nav a,
  .quickview .product-informations .nav a, .widget-producttabs .nav a {
    padding: 1.0416666667vw;
  }
}
@media (min-width: 992px) {
  .tabnav .nav a, body#product #content .product-informations .nav a,
  .quickview .product-informations .nav a, .widget-producttabs .nav a {
    font-size: 0.9375vw;
  }
}
@media (max-width: 767px) {
  .tabnav .nav a, body#product #content .product-informations .nav a,
  .quickview .product-informations .nav a, .widget-producttabs .nav a {
    border-radius: 25px;
  }
}
.tabnav .nav a:hover, body#product #content .product-informations .nav a:hover,
.quickview .product-informations .nav a:hover, .widget-producttabs .nav a:hover, .tabnav .nav a.active, body#product #content .product-informations .nav a.active,
.quickview .product-informations .nav a.active, .widget-producttabs .nav a.active {
  background: #d71a21;
  color: #fff;
}

.flexRow {
  display: flex !important;
  flex-flow: row wrap !important;
}

@media (max-width: 991px) {
  .tabnav .flexRow, body#product #content .product-informations .flexRow,
  .quickview .product-informations .flexRow, .widget-producttabs .flexRow {
    display: flex;
    flex-wrap: wrap;
  }
  .tabnav .flexRow > div, body#product #content .product-informations .flexRow > div,
  .quickview .product-informations .flexRow > div, .widget-producttabs .flexRow > div {
    margin-bottom: 20px;
  }
  .tabnav .flexRow .product-miniature, body#product #content .product-informations .flexRow .product-miniature,
  .quickview .product-informations .flexRow .product-miniature, .widget-producttabs .flexRow .product-miniature {
    margin: auto;
    height: 100%;
  }
  .tabnav .flexRow .item, body#product #content .product-informations .flexRow .item,
  .quickview .product-informations .flexRow .item, .widget-producttabs .flexRow .item {
    height: 100%;
  }
}

.widget-producttabs .producttab-content {
  text-align: center;
  padding: 40px 0;
}
@media (min-width: 992px) {
  .widget-producttabs .producttab-content {
    padding: 2.0833333333vw 0;
  }
}
.widget-producttabs .producttab-content a.btn {
  border-radius: 25px;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .widget-producttabs .producttab-content a.btn {
    margin-top: 0.8854166667vw;
  }
}
@media (max-width: 767px) {
  .widget-producttabs .producttab-content a.btn {
    position: static;
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .widget-producttabs .owl-item.col-lg-4\.8:first-child {
    height: 50.625vw;
    margin-bottom: 0.2083333333vw;
  }
  .widget-producttabs .owl-item:not(:first-child) {
    height: 25.3125vw;
  }
}

.content-margin .container {
  padding: 20px 65px 20px;
}
@media (min-width: 992px) {
  .content-margin .container {
    padding: 1.0416666667vw 7.9166666667vw 1.0416666667vw;
  }
}
@media (max-width: 575px) {
  .content-margin .container {
    padding-left: 11.3043478261vw;
    padding-right: 11.3043478261vw;
  }
}
.content-margin .block_content {
  margin: 30px 0;
}
@media (min-width: 992px) {
  .content-margin .block_content {
    margin: 1.5625vw 0;
  }
}
.content-margin .grid .row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 50px;
  align-items: start;
  margin: 0 !important;
}
@media (min-width: 992px) {
  .content-margin .grid .row {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2.6041666667vw;
  }
}
@media (max-width: 767px) {
  .content-margin .grid .row {
    grid-template-columns: 1fr;
  }
}
.content-margin .grid .row .owl-item {
  width: 100%;
  padding: 0;
}
@media (min-width: 992px) {
  .content-margin .grid .row .owl-item.col-lg-12 {
    grid-area: 1/1/2/4;
  }
}
@media (min-width: 992px) {
  .content-margin .grid .row .owl-item.col-lg-4 {
    max-width: 26.0416666667vw;
  }
}
@media (min-width: 992px) {
  .content-margin .grid .row .item.item--super {
    margin: 15px 0 44px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .content-margin .grid .row .item.item--super {
    margin: 0.78125vw 0 2.2916666667vw;
  }
}
@media (min-width: 992px) {
  .content-margin .grid .row .item.item--super .blog-image, .content-margin .grid .row .item.item--super .blog-text {
    width: 50%;
  }
  .content-margin .grid .row .item.item--super .blog_container {
    display: flex;
    flex-wrap: nowrap;
  }
  .content-margin .grid .row .item.item--super .blog-text {
    padding: 3.0208333333vw 2.0833333333vw 2.0833333333vw 3.0208333333vw;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .content-margin .grid .row .item.item--super .blog-text {
    padding: 3.0208333333vw 2.0833333333vw 2.0833333333vw 3.0208333333vw;
  }
}
@media (min-width: 992px) {
  .content-margin .grid .row .item.item--super h5 {
    font-size: 30px;
    min-height: auto;
    line-height: 34px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .content-margin .grid .row .item.item--super h5 {
    font-size: 1.5625vw;
    line-height: 1.7708333333vw;
  }
}
.content-margin .blog-text {
  padding: 25px 10px 20px 10px;
}
@media (min-width: 992px) {
  .content-margin .blog-text {
    padding: 1.3020833333vw 0.5208333333vw 1.0416666667vw 0.5208333333vw;
  }
}

.image-item img, .widget-gallery img {
  max-width: 100%;
}

.widget-gallery .title-block {
  font-size: 30px;
}
@media (min-width: 992px) {
  .widget-gallery .title-block {
    font-size: 1.5625vw;
  }
}
.widget-gallery img {
  max-width: 100%;
  max-height: 200px;
  margin: 0 auto;
  display: block;
}

.widget-manufacture .owl-wrapper {
  display: flex !important;
  align-items: center;
}
@media (min-width: 992px) {
  .widget-manufacture .owl-wrapper {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr);
  }
  .widget-manufacture .owl-wrapper .owl-item {
    width: auto !important;
  }
}
.widget-manufacture .block_manuf {
  display: grid;
  justify-content: center;
  padding: 0 30px;
}
@media (min-width: 992px) {
  .widget-manufacture .block_manuf {
    padding: 0 1.5625vw;
  }
}
.widget-manufacture .block_manuf img {
  max-width: 100%;
}

.carousel-controls {
  position: relative;
}
.carousel-controls .carousel-control {
  display: block;
  position: absolute;
  top: 5.2083333333vw;
  bottom: inherit;
  left: inherit !important;
  width: auto;
  font-size: 0;
  color: #0c52a4;
  text-align: center;
  text-shadow: none;
  opacity: 1;
  background-image: none !important;
  right: inherit !important;
}
@media (max-width: 991px) {
  .carousel-controls .carousel-control {
    top: 100px;
  }
}
.carousel-controls .carousel-control.left {
  left: -3.90625vw !important;
}
@media (max-width: 991px) {
  .carousel-controls .carousel-control.left {
    left: -75px !important;
  }
}
.carousel-controls .carousel-control.left:before {
  content: "\e801";
  display: block;
  position: relative;
  font-size: 2.0833333333vw !important;
  color: #d71a21;
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 991px) {
  .carousel-controls .carousel-control.left:before {
    font-size: 28px !important;
  }
}
.carousel-controls .carousel-control.right {
  right: -3.90625vw !important;
}
@media (max-width: 991px) {
  .carousel-controls .carousel-control.right {
    right: -75px !important;
  }
}
.carousel-controls .carousel-control.right:before {
  content: "\e802";
  display: block;
  position: relative;
  font-size: 2.0833333333vw !important;
  color: #d71a21;
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 991px) {
  .carousel-controls .carousel-control.right:before {
    font-size: 28px !important;
  }
}

@media (max-width: 767px) {
  .text-with-images {
    margin-top: 50px;
  }
}
.text-with-images .widget-inner {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-between;
}
.text-with-images .widget-inner .text-image-block {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .text-with-images .widget-inner .text-image-block {
    flex-wrap: wrap;
  }
}
.text-with-images .widget-inner .text-image-block .image-container {
  width: 50%;
}
@media (max-width: 767px) {
  .text-with-images .widget-inner .text-image-block .image-container {
    width: 100%;
    padding: 0;
  }
}
.text-with-images .widget-inner .text-image-block .image-container .image-wrapper {
  position: relative;
  padding-top: 58.85%;
}
.text-with-images .widget-inner .text-image-block .image-container .image-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}
.text-with-images .widget-inner .text-image-block .text {
  width: 50%;
  padding: 61px 65px 55px;
}
@media (min-width: 992px) {
  .text-with-images .widget-inner .text-image-block .text {
    padding: 3.1770833333vw 7.9166666667vw 0 2.8645833333vw;
  }
}
@media (max-width: 767px) {
  .text-with-images .widget-inner .text-image-block .text {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .text-with-images .widget-inner .text-image-block .text {
    padding-left: 11.3043478261vw;
    padding-right: 11.3043478261vw;
  }
}
.text-with-images .widget-inner .text-image-block:nth-child(2n) {
  margin: 2.96875vw 0 2.6041666667vw;
}
@media (min-width: 768px) {
  .text-with-images .widget-inner .text-image-block:nth-child(2n) .image-container {
    order: 2;
  }
}
.text-with-images .widget-inner .text-image-block:nth-child(2n) .image-container .image-wrapper {
  padding-top: 56.77%;
}
.text-with-images .widget-inner .text-image-block:nth-child(2n) .text {
  order: 1;
}
@media (min-width: 768px) {
  .text-with-images .widget-inner .text-image-block:nth-child(2n) .text {
    padding: 3.90625vw 2.8645833333vw 0 7.9166666667vw;
  }
}
.text-with-images h3 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 900;
  margin-bottom: 43px;
}
@media (min-width: 992px) {
  .text-with-images h3 {
    font-size: 1.5625vw;
    line-height: 1.875vw;
    margin-bottom: 2.2395833333vw;
  }
}
.text-with-images p {
  font-size: 18px;
  line-height: 30px;
  padding: 0;
  margin: 0;
}
.text-with-images p + p {
  margin-top: 29px;
}
@media (min-width: 992px) {
  .text-with-images p {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
  .text-with-images p + p {
    margin-top: 1.5104166667vw;
  }
}

/*#index .tabs {
  padding: 0px
}

#index #home-page-tabs {
  margin: 0px 10px;
  padding: 10px 0px 0px 0px;
}*/
/* end index */
#index .pts-container-wrap.seo-section {
  position: relative;
}
#index .pts-container-wrap.seo-section::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: url(../img/index/render02.png) no-repeat 72% 0;
  width: 100%;
  pointer-events: none;
  background-size: 27%;
  top: -85px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section::before {
    top: -4.4270833333vw;
  }
}
#index .pts-container-wrap.seo-section .row.left-content {
  margin: 0 -20px;
}
#index .pts-container-wrap.seo-section .image-right {
  position: relative;
  left: 32px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .image-right {
    left: 1.6666666667vw;
  }
}
@media (max-width: 991px) {
  #index .pts-container-wrap.seo-section .image-right {
    left: 0;
    width: 640px;
    max-width: 100%;
    margin: auto;
  }
}
#index .pts-container-wrap.seo-section .image-right .circle-wrapper {
  width: 170px;
  height: 170px;
  position: absolute;
  left: 15px;
  bottom: -50px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .image-right .circle-wrapper {
    width: 8.8541666667vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .image-right .circle-wrapper {
    height: 8.8541666667vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .image-right .circle-wrapper {
    left: 0.78125vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .image-right .circle-wrapper {
    bottom: -2.6041666667vw;
  }
}
@media (max-width: 991px) {
  #index .pts-container-wrap.seo-section .image-right .circle-wrapper {
    display: none;
  }
}
#index .pts-container-wrap.seo-section .image-right .circle-wrapper .circle-fx {
  width: 100%;
  height: 100%;
}
#index .pts-container-wrap.seo-section .image-right img {
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  #index .pts-container-wrap.seo-section .image-right img {
    max-width: 100%;
    height: auto;
    border-radius: 160px;
  }
}
#index .pts-container-wrap.seo-section .row-level-2 > div div.text {
  font-size: 18px;
  padding-right: 50px;
  line-height: 160%;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.text {
    font-size: 0.9375vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.text {
    padding-right: 2.6041666667vw;
  }
}
@media (max-width: 991px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.text {
    padding-right: 0;
  }
}
#index .pts-container-wrap.seo-section .row-level-2 > div div.text p {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.text p {
    margin-bottom: 1.4583333333vw;
  }
}
#index .pts-container-wrap.seo-section .row-level-2 > div div.text strong {
  font-weight: 800;
  font-size: 20px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.text strong {
    font-size: 1.0416666667vw;
  }
}
#index .pts-container-wrap.seo-section .row-level-2 > div div.heading {
  font-size: 24px;
  line-height: 125%;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.heading {
    font-size: 1.25vw;
  }
}
#index .pts-container-wrap.seo-section .row-level-2 > div div.heading h2 {
  color: #000;
  font-size: 44px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.heading h2 {
    font-size: 2.8125vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.heading h2 {
    margin-bottom: 0.78125vw;
  }
}
@media (max-width: 991px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.heading h2 {
    word-break: break-word;
  }
}
@media (max-width: 991px) {
  #index .pts-container-wrap.seo-section .row-level-2 > div div.buttons {
    text-align: center;
  }
}
#index .pts-container-wrap.seo-section .row-level-2 > div div.buttons a.btn.btn-primary, #index .pts-container-wrap.seo-section .row-level-2 > div div.buttons a.btn.btn-small, #index .pts-container-wrap.seo-section .row-level-2 > div div.buttons a.btn.btn-invers, #index .pts-container-wrap.seo-section .row-level-2 > div div.buttons .slideshow .slide__title-wrap .slider-btn-container a.btn, .slideshow .slide__title-wrap .slider-btn-container #index .pts-container-wrap.seo-section .row-level-2 > div div.buttons a.btn {
  display: inline-block;
  border-radius: 25px;
}
#index .pts-container-wrap.seo-section.content-margin .block_content {
  margin: 24px 0;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.seo-section.content-margin .block_content {
    margin: 1.25vw 0;
  }
}
#index .pts-container-wrap.new-products {
  margin-top: 50px;
  background: url(../img/index/render01.png) no-repeat 93% 0;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.new-products {
    margin-top: 2.6041666667vw;
  }
}
#index .pts-container-wrap.new-products .widget-products-swap {
  padding-left: 100px;
  background: url(../img/index/before01.jpg) no-repeat left 22px;
  background-size: 65px;
  padding-right: 230px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.new-products .widget-products-swap {
    padding-left: 5.2083333333vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.new-products .widget-products-swap {
    background-size: 3.3854166667vw;
  }
}
@media (max-width: 575px) {
  #index .pts-container-wrap.new-products .widget-products-swap {
    padding-left: 0;
    background: none;
    padding-right: 0;
  }
}
#index .pts-container-wrap.new-products .widget-products-swap .h1.title_block {
  text-align: left;
  line-height: 100%;
  font-size: 54px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.new-products .widget-products-swap .h1.title_block {
    font-size: 2.8125vw;
  }
}
#index .pts-container-wrap.new-products .widget-products-swap .widget-products-desc {
  text-align: left;
  line-height: 100%;
  font-size: 24px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.new-products .widget-products-swap .widget-products-desc {
    font-size: 1.25vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.new-products .widget-products-swap .widget-products-desc {
    margin-top: 1.0416666667vw;
  }
}
#index .pts-container-wrap.new-products .block_content > a {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 70px;
  border-radius: 25px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.new-products .block_content > a {
    margin-top: 3.6458333333vw;
  }
}
@media (max-width: 575px) {
  #index .pts-container-wrap.new-products .block_content > a {
    position: relative;
    margin: 0 0 70px;
  }
}
#index .pts-container-wrap.new-products .products-block {
  margin: 70px 0;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.new-products .products-block {
    margin: 3.6458333333vw 0;
  }
}
#index .pts-container-wrap.whyus-bg,
.pts-container-wrap.whyus-bg,
.whyus-bg {
  margin: 75px 0;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.whyus-bg,
  .pts-container-wrap.whyus-bg,
  .whyus-bg {
    margin: 3.90625vw 0;
  }
}
.whyus-bg .row.clearfix,
.pts-container-wrap.whyus-bg .row.clearfix {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -15px !important;
}
.whyus-bg .row.clearfix > div[class*="col-"],
.pts-container-wrap.whyus-bg .row.clearfix > div[class*="col-"] {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}
@media (max-width: 991px) {
  .whyus-bg .row.clearfix > div[class*="col-"],
  .pts-container-wrap.whyus-bg .row.clearfix > div[class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 30px !important;
  }
}
@media (max-width: 575px) {
  .whyus-bg .row.clearfix > div[class*="col-"],
  .pts-container-wrap.whyus-bg .row.clearfix > div[class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.whyus-bg .widget-iconbox,
.pts-container-wrap.whyus-bg .widget-iconbox {
  background: url(../img/index/box_02.png) no-repeat center;
  padding: 30px;
  border-radius: 25px;
  background-size: cover;
  height: 100%;
}
@media (min-width: 992px) {
  .whyus-bg .widget-iconbox,
  .pts-container-wrap.whyus-bg .widget-iconbox {
    padding: 1.5625vw;
  }
}
.whyus-bg .fbox-content,
.pts-container-wrap.whyus-bg .fbox-content {
  display: grid !important;
  grid-template-columns: 38% 1fr !important;
  align-items: center;
}
@media (max-width: 767px) {
  .whyus-bg .fbox-content,
  .pts-container-wrap.whyus-bg .fbox-content {
    text-align: center;
    grid-template-columns: 1fr !important;
  }
}
.whyus-bg .fbox-content .fbox-body,
.pts-container-wrap.whyus-bg .fbox-content .fbox-body {
  font-size: 24px;
  margin: 30px 0;
  line-height: 100%;
}
@media (min-width: 992px) {
  .whyus-bg .fbox-content .fbox-body,
  .pts-container-wrap.whyus-bg .fbox-content .fbox-body {
    font-size: 1.25vw;
    margin: 1.5625vw 0;
  }
}
.whyus-bg .fbox-content .fbox-body .subtitle,
.pts-container-wrap.whyus-bg .fbox-content .fbox-body .subtitle {
  font-weight: 600;
  line-height: 100%;
  font-size: 36px;
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .whyus-bg .fbox-content .fbox-body .subtitle,
  .pts-container-wrap.whyus-bg .fbox-content .fbox-body .subtitle {
    font-size: 1.875vw;
    margin-bottom: 0.3125vw;
  }
}
@media (max-width: 991px) {
  .whyus-bg .fbox-content .fbox-body .description,
  .pts-container-wrap.whyus-bg .fbox-content .fbox-body .description {
    min-height: 48px;
  }
}
.whyus-bg .fbox-content .fbox-icon i.icon,
.pts-container-wrap.whyus-bg .fbox-content .fbox-icon i.icon {
  width: 100%;
  height: 80px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 53%;
}
.whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_01,
.pts-container-wrap.whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_01 {
  background-image: url(../img/svg/red/free-delivery.svg);
}
.whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_02,
.pts-container-wrap.whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_02 {
  background-image: url(../img/svg/red/return.svg);
  background-size: 35%;
}
.whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_03,
.pts-container-wrap.whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_03 {
  background-image: url(../img/svg/red/shipping.svg);
}
.whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_04,
.pts-container-wrap.whyus-bg .fbox-content .fbox-icon i.icon.box_secondary_04 {
  background-image: url(../img/svg/red/guarantee.svg);
  background-size: 47%;
}
@media (max-width: 767px) {
  .whyus-bg .fbox-content .fbox-icon i.icon,
  .pts-container-wrap.whyus-bg .fbox-content .fbox-icon i.icon {
    height: 50px;
    background-size: contain !important;
  }
}
#index .pts-container-wrap.product-tabs {
  position: relative;
}
#index .pts-container-wrap.product-tabs::before {
  content: "";
  background: url(../img/index/render02.png) no-repeat 93% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: -110px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.product-tabs::before {
    top: -5.7291666667vw;
  }
}
#index .pts-container-wrap.blog-section {
  display: none !important;
}
#index .pts-container-wrap.blog-section .desc {
  position: relative;
  text-align: left;
  color: #fff;
  margin: 250px 0 70px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .desc {
    margin: 13.0208333333vw 0 3.6458333333vw;
  }
}
#index .pts-container-wrap.blog-section .desc h4.h1 {
  color: inherit;
  text-align: inherit;
  line-height: 100%;
  font-size: 54px;
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .desc h4.h1 {
    font-size: 2.8125vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .desc h4.h1 {
    margin-bottom: 0.9375vw;
  }
}
#index .pts-container-wrap.blog-section .desc .widget-products-desc {
  text-align: inherit;
  line-height: 100%;
  font-size: 24px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .desc .widget-products-desc {
    font-size: 1.25vw;
  }
}
#index .pts-container-wrap.blog-section .circle-wrapper {
  position: absolute;
}
#index .pts-container-wrap.blog-section .circle-wrapper.i1 {
  left: -250px;
  top: 40px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .circle-wrapper.i1 {
    left: -13.0208333333vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .circle-wrapper.i1 {
    top: 2.0833333333vw;
  }
}
@media (max-width: 991px) {
  #index .pts-container-wrap.blog-section .circle-wrapper.i1 {
    top: 125px;
  }
}
#index .pts-container-wrap.blog-section .circle-wrapper.i1 .circle-fx {
  width: 800px;
  height: 800px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .circle-wrapper.i1 .circle-fx {
    width: 41.6666666667vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .circle-wrapper.i1 .circle-fx {
    height: 41.6666666667vw;
  }
}
#index .pts-container-wrap.blog-section .circle-wrapper.i2 {
  left: 30%;
  top: -190px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .circle-wrapper.i2 {
    top: -9.8958333333vw;
  }
}
@media (max-width: 991px) {
  #index .pts-container-wrap.blog-section .circle-wrapper.i2 {
    left: 90%;
  }
}
#index .pts-container-wrap.blog-section .circle-wrapper.i2 .circle-fx {
  width: 250px;
  height: 250px;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .circle-wrapper.i2 .circle-fx {
    width: 13.0208333333vw;
  }
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .circle-wrapper.i2 .circle-fx {
    height: 13.0208333333vw;
  }
}
#index .pts-container-wrap.blog-section .ybc-blog-wrapper::before {
  content: "";
  position: absolute;
  top: 570px;
  left: -100%;
  right: -100%;
  bottom: 0;
  background: #fff;
}
@media (min-width: 992px) {
  #index .pts-container-wrap.blog-section .ybc-blog-wrapper::before {
    top: 29.6875vw;
  }
}
#index .pts-container-wrap.blog-section .ybc-blog-wrapper .ybc-blog-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 5px 50px;
}
@media (max-width: 991px) {
  #index .pts-container-wrap.blog-section .ybc-blog-wrapper .ybc-blog-list {
    grid-template-columns: minmax(0, 600px);
    justify-content: center;
    grid-gap: 30px;
  }
}
#index .pts-container-wrap.blog-section .blog_view_all_button a {
  width: auto;
  display: inline-block;
  border-radius: 25px;
  background: #d71a21;
}
#index .pts-container-wrap.blog-section .blog_view_all_button a:hover {
  background: #fff !important;
}

.product-miniature {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid #f3f3f3;
  transition: border-color 0.3s ease-in-out;
  max-width: 400px;
  margin: auto;
}
@media (max-width: 991px) {
  .product-miniature {
    margin-bottom: 20px;
  }
}
.product-miniature:hover {
  border-color: #d71a21;
}
.product-miniature .thumbnail-container {
  box-shadow: none;
  position: relative;
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex: 1 1 auto !important;
}
.product-miniature .product-thumbnail {
  width: 100%;
  min-height: 17.4479166667vw;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}
.product-miniature .product-thumbnail img {
  margin: 0;
  width: 100%;
}
.product-miniature .product-list-actions a.add-to-cart, .product-miniature .product-list-actions button.add-to-cart {
  background: #d71a21;
  color: #fff;
}
.product-miniature .product-list-actions a.add-to-cart:hover, .product-miniature .product-list-actions button.add-to-cart:hover {
  background: #000;
  border-color: #000;
}
.product-miniature .product-list-actions form {
  display: inline-block;
}
.product-miniature .product-title {
  font-weight: 600;
  color: #000;
  text-align: left;
  margin: 14px 0 23px;
  line-height: 18px;
  min-height: 36px;
  font-size: 17px;
  position: relative;
}
@media (min-width: 992px) {
  .product-miniature .product-title {
    font-size: 0.8854166667vw;
  }
}
.product-miniature .product-title::before {
  content: "";
  width: 12px;
  height: 5px;
  background: #d71a21;
  position: absolute;
  left: -30px;
  top: 6px;
}
@media (min-width: 992px) {
  .product-miniature .product-title::before {
    width: 0.625vw;
  }
}
@media (min-width: 992px) {
  .product-miniature .product-title::before {
    height: 0.2604166667vw;
  }
}
@media (min-width: 992px) {
  .product-miniature .product-title::before {
    left: -1.5625vw;
  }
}
@media (min-width: 992px) {
  .product-miniature .product-title::before {
    top: 0.3125vw;
  }
}
.product-miniature .product-title a:hover {
  color: #d71a21;
}
@media (min-width: 992px) {
  .product-miniature .product-title {
    line-height: 0.9375vw;
    margin: 0.7291666667vw 0 1.1979166667vw;
    min-height: 1.875vw;
  }
}
.product-miniature .product-price-and-shipping > .grid {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 !important;
}
.product-miniature .product-price-and-shipping > .grid .right {
  display: flex !important;
  align-items: center !important;
}
.product-miniature .product-list-actions {
  display: flex !important;
  align-items: center !important;
}
.product-miniature .product-price-and-shipping > .grid .left .see_price.btn {
  background: #d71a21;
  border-radius: 25px;
  margin-left: -12px;
}
.product-miniature .product-price-and-shipping > .grid .left .see_price.btn:hover {
  background: #fff;
  border-color: #d71a21;
}
@media (max-width: 991px) {
  .product-miniature .product-price-and-shipping > .grid .right {
    position: absolute;
    right: 15px;
    bottom: 100%;
    margin-bottom: 10px;
  }
}
.product-miniature .product-price {
  display: block;
  font-size: 24px;
  line-height: 26px;
  font-weight: 900;
  color: #d71a21;
  text-align: left;
  margin: 0;
}
.product-miniature .product-price--discount {
  color: #d71a21;
}
.product-miniature .product-price--regular {
  font-size: 18px;
  font-weight: 400;
  color: #b1bbca;
  margin-top: -2px;
}
.product-miniature .product-price--regular .regular-price {
  font-size: 14px;
  font-weight: 400;
  color: #b1bbca;
}
@media (min-width: 992px) {
  .product-miniature .product-price--regular .regular-price {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 992px) {
  .product-miniature .product-price {
    margin-bottom: 0.5833333333vw;
    font-size: 1.25vw;
    line-height: 1.3541666667vw;
  }
  .product-miniature .product-price--regular {
    font-size: 0.9375vw;
  }
  .product-miniature .product-price--regular .regular-price {
    font-size: 0.9375vw;
  }
}
.product-miniature .product-description {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex: 1 1 auto !important;
  padding: 16px 14px 22px !important;
}
@media (min-width: 992px) {
  .product-miniature .product-description {
    padding: 0.9vw 0.8vw 1.5vw !important;
  }
}
.product-miniature .product-description h4.product-title {
  margin-top: 0;
}
.product-miniature .comments_note {
  top: 3px;
}
@media (max-width: 991px) {
  .product-miniature .comments_note {
    margin: 10px 0 25px;
  }
}
@media (min-width: 992px) {
  .product-miniature .comments_note {
    margin: 0;
    top: 0.15625vw;
    position: absolute;
    width: auto;
    right: 0;
  }
}

.quickview .product-cover > div {
  display: none;
}
.quickview .product-cover > div:first-child {
  display: block;
}
.quickview .slider-nav {
  display: none;
}

.widget-products .widget-inner.block_content {
  text-align: center;
}

.list_newest .product-flags .new, .list_newest .product-flags .on-sale {
  display: none;
}

.grid.list + .btn {
  display: inline-block;
  margin: 0 auto;
}

.products-block {
  margin: 45px 0 50px;
}
@media (min-width: 992px) {
  .products-block {
    margin: 2.9166666667vw 0 3.0729166667vw;
  }
}

#blockcart-modal .modal-dialog {
  max-width: unset;
  width: 80%;
  top: 50%;
  margin: auto !important;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 992px) {
  #blockcart-modal .modal-dialog {
    width: 66.6666666667vw;
  }
}
@media (max-width: 991px) {
  #blockcart-modal .modal-dialog {
    overflow: auto;
    max-height: 100%;
  }
}
#blockcart-modal .modal-content {
  height: auto;
  border: 0;
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  font-weight: 400;
}
#blockcart-modal .modal-header {
  margin: -1px 0 0;
  background: #d71a21;
  padding: 18px 35px 20px;
  min-height: 70px;
  position: relative;
  display: grid;
  align-content: center;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) 110px;
  text-transform: uppercase;
  border-radius: 10px;
}
@media (min-width: 992px) {
  #blockcart-modal .modal-header {
    padding: 0.9375vw 0 1.0416666667vw;
    min-height: 3.6458333333vw;
  }
}
@media (max-width: 575px) {
  #blockcart-modal .modal-header {
    grid-template-columns: minmax(0, 1fr) 50px;
  }
}
#blockcart-modal .modal-header .close {
  color: #fff;
  font-size: 24px;
  opacity: 1;
  text-shadow: none;
  margin: 0;
  outline: none;
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #blockcart-modal .modal-header .close {
    font-size: 1.25vw;
    right: 1.8229166667vw;
  }
}
#blockcart-modal .modal-header .close:hover {
  color: #000;
}
@media (min-width: 992px) {
  #blockcart-modal .modal-header .close {
    font-size: 1.25vw;
    right: 1.8229166667vw;
  }
}
#blockcart-modal .modal-body {
  background: none;
  padding: 20px;
  color: #888;
  font-size: 22px;
}
@media (min-width: 992px) {
  #blockcart-modal .modal-body {
    font-size: 1.1458333333vw;
    padding: 2.2395833333vw;
  }
}
@media (max-width: 575px) {
  #blockcart-modal .modal-body {
    padding: 10px;
  }
}
#blockcart-modal .modal-body strong {
  font-weight: 900;
}
#blockcart-modal .modal-body > .row {
  display: grid;
  grid-gap: 0;
}
@media (min-width: 992px) {
  #blockcart-modal .modal-body > .row {
    grid-template-columns: 50% 50%;
  }
}
#blockcart-modal .modal-body > .row > .col-md-6 {
  width: 100%;
}
#blockcart-modal .modal-title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  color: #fff;
}
@media (min-width: 992px) {
  #blockcart-modal .modal-title {
    font-size: 1.0416666667vw;
    line-height: 1.3020833333vw;
  }
}
#blockcart-modal .divide-right {
  border-bottom: 1px solid #000;
}
@media (min-width: 992px) {
  #blockcart-modal .divide-right {
    border: 0;
    border-right: 1px solid #000;
  }
}
@media (max-width: 991px) {
  #blockcart-modal .divide-right {
    border-right: none;
    padding-bottom: 25px;
  }
  #blockcart-modal .divide-right > .row > .col-md-6:first-child {
    width: 35%;
  }
  #blockcart-modal .divide-right > .row > .col-md-6:last-child {
    width: 65%;
  }
}
#blockcart-modal .divide-right .row {
  display: flex;
  align-items: center;
}
#blockcart-modal .divide-right .row div + div {
  padding-left: 1.8229166667vw;
  padding-right: 15px;
}
#blockcart-modal .divide-right span {
  font-weight: 400;
}
#blockcart-modal.modal.fade .modal-dialog {
  transform: translateY(-75%);
}
#blockcart-modal.modal.in .modal-dialog,
#blockcart-modal.modal.show .modal-dialog {
  transform: translateY(-50%);
  height: auto;
}
#blockcart-modal.modal.in,
#blockcart-modal.modal.show {
  display: block !important;
  opacity: 1 !important;
  z-index: 1055 !important;
}
.modal-backdrop.in,
.modal-backdrop.show {
  opacity: 0.5 !important;
  z-index: 1050 !important;
}
#blockcart-modal .product-name {
  margin: 10px 0;
  text-transform: uppercase;
  color: #000;
  font-size: 24px;
  font-weight: 800;
  line-height: 125%;
}
@media (min-width: 992px) {
  #blockcart-modal .product-name {
    font-size: 1.25vw;
  }
}
#blockcart-modal .product-price {
  font-size: 20px;
  color: #000;
  margin: 10px 0 20px;
}
@media (min-width: 992px) {
  #blockcart-modal .product-price {
    margin: 0.78125vw 0 1.5625vw;
    font-size: 1.25vw;
  }
}
@media (max-width: 575px) {
  #blockcart-modal .product-price {
    margin: 7px 0;
  }
}
#blockcart-modal .cart-content {
  padding: 25px 20px 18px 30px;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
@media (min-width: 992px) {
  #blockcart-modal .cart-content {
    padding: 2.34375vw 2.6041666667vw 0.9375vw 4.1666666667vw;
    font-size: 0.9375vw;
  }
}
@media (max-width: 575px) {
  #blockcart-modal .cart-content {
    padding-bottom: 5px;
  }
}
#blockcart-modal .cart-content p {
  font-size: 18px;
  line-height: 1;
  margin: 15px 0;
}
@media (min-width: 992px) {
  #blockcart-modal .cart-content p {
    margin: 1.1979166667vw 0;
  }
}
#blockcart-modal .cart-content p.cart-products-count {
  font-size: 24px;
  font-weight: 900;
  margin: 0 0 26px !important;
}
@media (min-width: 992px) {
  #blockcart-modal .cart-content p.cart-products-count {
    margin: 0 0 1.3541666667vw !important;
    font-size: 1.25vw;
  }
}
#blockcart-modal .cart-content-btn {
  margin: 20px 0 0;
}
@media (min-width: 992px) {
  #blockcart-modal .cart-content-btn {
    margin: 1.4583333333vw 0 0;
  }
}
@media (max-width: 991px) {
  #blockcart-modal .cart-content-btn {
    flex-wrap: wrap;
  }
}
#blockcart-modal .cart-content-btn .btn {
  border-radius: 25px;
}
@media (max-width: 991px) {
  #blockcart-modal .cart-content-btn .btn {
    margin: 0 0 10px;
  }
}
@media (min-width: 992px) {
  #blockcart-modal .cart-content-btn .btn + .btn {
    margin-left: 0.78125vw;
  }
}
@media (max-width: 650px) {
  #blockcart-modal .cart-content-btn .btn {
    width: 100%;
  }
}
#blockcart-modal .cart-content-btn button {
  border-color: #000;
  color: #000;
}

ul.product-flags,
.product-miniature ul.product-flags {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
  pointer-events: none !important;
}
ul.product-flags li,
.product-miniature ul.product-flags li {
  box-shadow: none !important;
  font-weight: 800 !important;
  color: #fff !important;
  text-align: left !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  background: #d71a21;
  float: none !important;
  clear: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  padding: 4px 10px !important;
  border-radius: 25px !important;
  display: inline-block !important;
}
@media (min-width: 992px) {
  ul.product-flags li,
  .product-miniature ul.product-flags li {
    font-size: 0.625vw !important;
    padding: 0.26vw 0.625vw !important;
  }
}
ul.product-flags li.online-only {
  background: #000 !important;
}
ul.product-flags li.on-sale {
  background: #e07d25 !important;
}
ul.product-flags li.discount, ul.product-flags li.discount-product {
  background: #d71a21 !important;
}
ul.product-flags li.new {
  background: #5ba822 !important;
}
ul.product-flags li.pack {
  background: #3994ba !important;
}

.products-selection .total-products p, .products-selection .total-products span,
.products-selection .sort-by-row p,
.products-selection .sort-by-row span {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14px;
}
@media (min-width: 992px) {
  .products-selection .total-products p, .products-selection .total-products span,
  .products-selection .sort-by-row p,
  .products-selection .sort-by-row span {
    font-size: 0.7291666667vw;
  }
}
.products-selection .sort-by-row {
  text-align: left;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .products-selection .sort-by-row {
    margin-bottom: 15px;
  }
}
.products-selection .sort-by {
  margin-right: 1.0416666667vw;
}
.products-selection .total-products {
  text-align: left;
  padding: 0.8854166667vw 0 0 1.5625vw;
}

.pagination:not(ul) {
  /* @extend .navigation-buttons;
  ul {
    display: flex;
    li {
      width: 45px;
      margin: 0 2px;
      @include breakpoint('large') {
        width: get-vw(45px);
        margin: 0 get-vw(2px);
      }
      .btn {
        min-width: unset;
        width: 100%;
        height: 100%;
        font-size: 16px;
        @include breakpoint('large') {
          font-size: get-vw(16px);
        }
      }
      &.pull-left,
      &.pull-right {
        width: auto;
      }
      &.pull-left {
        margin-right: auto;
      }
      &.pull-right {
        margin-left: auto;
      }
    }
  } */
  margin-top: 50px;
}
@media (min-width: 992px) {
  .pagination:not(ul) {
    margin-top: 2.6041666667vw;
  }
}

#products .pagination {
  padding: 0;
}

#js-product-list-bottom {
  margin: 47px 0 0;
  font-size: 18px;
  line-height: 30px;
}
@media (min-width: 992px) {
  #js-product-list-bottom {
    margin: 2.4479166667vw 0 0;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}

.payu-installment-price-listing {
  text-align: left;
}

.payu-mini-installments-widget a {
  color: black !important;
  text-decoration: none;
  position: relative;
}
.payu-mini-installments-widget a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 100%;
  left: 0;
  height: 1px;
  background: #d71a21;
  transition: all 0.3s ease-in-out;
}
.payu-mini-installments-widget a:hover {
  color: #d71a21 !important;
}
.payu-mini-installments-widget a:hover:after {
  right: 0;
}

#products .products,
.featured-products .products,
.product-accessories .products,
.product-miniature .products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 20px;
  margin: 0 !important;
}
@media (min-width: 992px) {
  #products .products,
  .featured-products .products,
  .product-accessories .products,
  .product-miniature .products {
    grid-template-columns: repeat(auto-fill, minmax(17.4479166667vw, 1fr));
    grid-gap: 1.7708333333vw;
  }
}
@media (max-width: 575px) {
  #products .products,
  .featured-products .products,
  .product-accessories .products,
  .product-miniature .products {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  #products .product-miniature {
    width: 100%;
  }
}
@media (min-width: 992px) {
  #products .product-miniature,
  .products .product-miniature,
  .featured-products .product-miniature,
  .product-accessories .product-miniature {
    padding: 0;
    margin: 0;
  }
  .flexRow,
  .row.flexRow,
  .row.flexRow.owl-wrapper {
    display: flex !important;
    flex-flow: row wrap !important;
    margin-left: -0.8333333333vw;
    margin-right: -0.8333333333vw;
  }
  .col-lg-2\.4 {
    width: 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding: 0 0.8333333333vw;
  }
  .homesuper .col-lg-2\.4 {
    height: 25.5208333333vw;
  }
  .col-lg-4\.8 {
    width: 40%;
    padding: 0 0.8333333333vw;
  }
  .col-lg-4\.8 .product-list-actions {
    height: 42.96875vw;
  }
}
.brands {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(435px, 1fr));
}
.brands .brand-miniature {
  display: grid;
  grid-template-columns: 160px 1fr;
  margin: 2.0833333333vw 0;
  justify-content: left;
  align-items: start;
}
.brands .brand-miniature img {
  padding: 0.5208333333vw;
  border: 1px solid #ececec;
}
.brands .brand-miniature .btn {
  display: inline-block;
}

/* breadcrumbs */
.breadcrumb {
  position: relative;
  background: #eeeeee;
  color: #81848c;
  z-index: 10;
  margin: 0;
  min-height: 50px;
  padding: 12px 30px 13px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .breadcrumb {
    min-height: 2.6041666667vw;
    padding: 0.625vw 2.6041666667vw 0.6770833333vw 4.1666666667vw;
    line-height: 1.25vw;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .breadcrumb {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .breadcrumb {
    padding-left: 80px;
    padding-right: 50px;
  }
}
.breadcrumb li {
  display: inline;
  /*@include breakpoint('xsmall') {
    display: block;
  }*/
}
.breadcrumb li::after {
  content: "/";
  margin: 0 13px 0 17px !important;
}
.breadcrumb li.breadcrumb-title::after {
  content: "" !important;
  margin: 0 6px 0 0 !important;
}
@media (min-width: 992px) {
  .breadcrumb li::after {
    margin: 0 0.6770833333vw 0 0.8854166667vw !important;
  }
  .breadcrumb li.breadcrumb-title::after {
    margin: 0 0.4vw 0 0 !important;
  }
}
.breadcrumb li:last-child::after {
  content: "";
}

/* left column */
.block-categories .category-sub-menu li[data-depth="2"], .block-categories .category-sub-menu li[data-depth="1"] {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu li[data-depth="2"], .block-categories .category-sub-menu li[data-depth="1"] {
    padding-left: 1.0416666667vw;
  }
}
.block-categories .category-sub-menu li[data-depth="2"]::before, .block-categories .category-sub-menu li[data-depth="1"]::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  background: #d71a21;
  width: 5px;
  height: 5px;
  left: 0;
  top: 7px;
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu li[data-depth="2"]::before, .block-categories .category-sub-menu li[data-depth="1"]::before {
    width: 0.2604166667vw;
  }
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu li[data-depth="2"]::before, .block-categories .category-sub-menu li[data-depth="1"]::before {
    height: 0.2604166667vw;
  }
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu li[data-depth="2"]::before, .block-categories .category-sub-menu li[data-depth="1"]::before {
    top: 0.3645833333vw;
  }
}

#left-column {
  margin-top: 30px;
}
@media (min-width: 992px) {
  #left-column {
    margin-top: 6.25vw;
  }
}
@media (max-width: 991px) {
  #left-column {
    width: 35%;
  }
  #left-column + div {
    width: 65%;
  }
}
@media (max-width: 767px) {
  #left-column {
    margin-top: 30px;
    width: 100%;
  }
  #left-column + div {
    width: 100%;
  }
}

.left-block-header, .block_content > ul > li .h3, .links .wrapper > .h3, .block-categories .category-top-menu > li > .h3 {
  color: #fff;
  background: #d71a21;
  border-radius: 20px;
  margin: -24px -15px 0;
  padding: 19px 46px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .left-block-header, .block_content > ul > li .h3, .links .wrapper > .h3, .block-categories .category-top-menu > li > .h3 {
    margin: -1.25vw -0.78125vw 0;
  }
}
@media (min-width: 992px) {
  .left-block-header, .block_content > ul > li .h3, .links .wrapper > .h3, .block-categories .category-top-menu > li > .h3 {
    padding: 0.9895833333vw 2.3958333333vw;
  }
}

.block-categories {
  background-color: #fff;
  padding: 24px 15px 0;
}
@media (min-width: 992px) {
  .block-categories {
    padding: 1.25vw 0.78125vw 0;
  }
}
.block-categories .category-top-menu {
  margin: 0;
}
.block-categories .category-top-menu > li {
  position: relative;
}
.block-categories .category-top-menu > li .trigger-menu {
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 2px;
  right: 10px;
}
.block-categories .category-sub-menu {
  margin: 15px 0;
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu {
    margin: 0.78125vw 0;
  }
}
@media (min-width: 768px) {
  .block-categories .category-sub-menu.collapse {
    display: block;
  }
}
.block-categories .category-sub-menu li > a {
  border: 0;
  color: #000;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
  font-size: 17px;
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu li > a {
    font-size: 0.8854166667vw;
  }
}
.block-categories .category-sub-menu li > a:hover,
.block-categories .category-sub-menu li a.current {
  color: #d71a21;
}
.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]):before {
  content: "";
  margin-right: 0.3125rem;
}
.block-categories .category-sub-menu li .arrows {
  position: absolute;
  top: 0;
  right: -0.9375vw;
  cursor: pointer;
}
.block-categories .category-sub-menu li .arrows > i {
  font-size: 11px;
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu li .arrows > i {
    font-size: 0.5729166667vw;
  }
}
.block-categories .category-sub-menu li .arrows > i.remove {
  display: none;
}
.block-categories .category-sub-menu li .arrows[aria-expanded=false] > i.remove {
  display: none;
}
.block-categories .category-sub-menu li .arrows[aria-expanded=true] > i.remove {
  display: block;
}
.block-categories .category-sub-menu li .arrows[aria-expanded=true] > i.add {
  display: none;
}
.block-categories .category-sub-menu > li[data-depth="0"] {
  position: relative;
  padding: 10px 30px 12px 32px;
  border-bottom: 1px solid #ececec;
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu > li[data-depth="0"] {
    padding: 0.5208333333vw 1.5625vw 0.625vw 1.6666666667vw;
  }
}
.block-categories .category-sub-menu > li[data-depth="0"]:last-child {
  border: 0;
}
.block-categories .category-sub-menu > li[data-depth="0"] > a {
  font-weight: 600;
}
.block-categories .category-sub-menu > li[data-depth="0"]:before {
  display: block;
  position: absolute;
  top: 16px;
  left: 5px;
  font-size: 11px;
  color: #d71a21;
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e802";
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu > li[data-depth="0"]:before {
    top: 0.8333333333vw;
    left: 0.2604166667vw;
    font-size: 0.5729166667vw;
  }
}
.block-categories .category-sub-menu > li[data-depth="0"] .navbar-toggler {
  width: auto;
  padding: 9px 10px 0 0;
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu > li[data-depth="0"] .navbar-toggler {
    padding: 0.46875vw 0.5208333333vw 0 0;
  }
}
.block-categories .category-sub-menu > li[data-depth="0"] .navbar-toggler:hover {
  color: #d71a21;
}
.block-categories .category-sub-menu > li[data-depth="0"] .navbar-toggler i {
  font-size: 11px;
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu > li[data-depth="0"] .navbar-toggler i {
    font-size: 0.5729166667vw;
  }
}
.block-categories .category-sub-menu li[data-depth="1"] > a.category-sub-link {
  font-weight: 400;
}
.block-categories .category-sub-menu li[data-depth="2"] > a {
  font-weight: 400;
  font-size: 16px;
}
@media (min-width: 992px) {
  .block-categories .category-sub-menu li[data-depth="2"] > a {
    font-size: 0.8333333333vw;
  }
}

.links {
  background-color: #fff;
  padding: 14px 14px 0;
}
@media (min-width: 992px) {
  .links {
    padding: 1.25vw 1.25vw 0;
  }
}
@media (max-width: 991px) {
  .links {
    padding: 0.625vw 1.25vw 0.625vw;
  }
}
.links .wrapper ul {
  margin: 0;
}
.links .wrapper ul > li {
  position: relative;
}
.links .wrapper ul > li .trigger-menu {
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 2px;
  right: 10px;
}
.links .wrapper ul.category-sub-menu {
  margin: 15px 0;
}
@media (min-width: 992px) {
  .links .wrapper ul.category-sub-menu {
    margin: 0.78125vw 0;
  }
}
@media (min-width: 768px) {
  .links .wrapper ul.category-sub-menu.collapse {
    display: block;
  }
}
.links .wrapper ul.category-sub-menu li {
  position: relative;
  padding: 10px 30px 12px 32px;
  border-bottom: 1px solid #ececec;
}
@media (min-width: 992px) {
  .links .wrapper ul.category-sub-menu li {
    padding: 0.5208333333vw 1.5625vw 0.625vw 1.6666666667vw;
  }
}
.links .wrapper ul.category-sub-menu li:last-child {
  border: 0;
}
.links .wrapper ul.category-sub-menu li > a {
  border: 0;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .links .wrapper ul.category-sub-menu li > a {
    font-size: 0.9375vw;
  }
}
.links .wrapper ul.category-sub-menu li > a:hover, .links .wrapper ul.category-sub-menu li > a.current {
  color: #d71a21;
}
.links .wrapper ul.category-sub-menu li:before {
  display: block;
  position: absolute;
  top: 16px;
  left: 5px;
  font-size: 11px;
  color: #d71a21;
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e802";
}
@media (min-width: 992px) {
  .links .wrapper ul.category-sub-menu li:before {
    top: 0.8333333333vw;
    left: 0.2604166667vw;
    font-size: 0.5729166667vw;
  }
}
.links .wrapper ul.category-sub-menu li .navbar-toggler {
  width: auto;
  padding: 9px 10px 0 0;
}
@media (min-width: 992px) {
  .links .wrapper ul.category-sub-menu li .navbar-toggler {
    padding: 0.46875vw 0.5208333333vw 0 0;
  }
}
.links .wrapper ul.category-sub-menu li .navbar-toggler:hover {
  color: #d71a21;
}
.links .wrapper ul.category-sub-menu li .navbar-toggler i {
  font-size: 11px;
}
@media (min-width: 992px) {
  .links .wrapper ul.category-sub-menu li .navbar-toggler i {
    font-size: 0.5729166667vw;
  }
}
.links .wrapper ul.category-sub-menu li[data-depth="1"] > a.category-sub-link {
  font-weight: 400;
}
.links .wrapper ul.category-sub-menu li[data-depth="2"] {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .links .wrapper ul.category-sub-menu li[data-depth="2"] {
    padding-left: 1.0416666667vw;
  }
}
.links .wrapper ul.category-sub-menu li[data-depth="2"] > a {
  font-weight: 400;
  color: #737373;
  font-size: 16px;
}
@media (min-width: 992px) {
  .links .wrapper ul.category-sub-menu li[data-depth="2"] > a {
    font-size: 0.8333333333vw;
  }
}
.links .wrapper ul.category-sub-menu li[data-depth="2"]:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background: #d71a21;
}
@media (min-width: 992px) {
  .links .wrapper ul.category-sub-menu li[data-depth="2"]:before {
    top: 0.2604166667vw;
    left: 0.2604166667vw;
  }
}

#search_filters .ui-slider-horizontal {
  margin-right: 20px;
}

#search_filters, #search_filters_brands, #search_filters_suppliers {
  background-color: #fff;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  border: solid 1px #eee;
  padding: 24px 14px 0;
  margin: 28px 0;
  border-radius: 20px;
  background: #eeeeee;
}
@media (min-width: 992px) {
  #search_filters, #search_filters_brands, #search_filters_suppliers {
    padding: 1.25vw 1.25vw 0;
    margin: 1.4583333333vw 0;
  }
}
#search_filters .search_header, #search_filters_brands .search_header, #search_filters_suppliers .search_header {
  margin: -26px -14px 0;
  padding: 19px 65px 20px 34px;
  color: #000;
  background: #dbdbdb;
  border-radius: 20px;
}
@media (min-width: 992px) {
  #search_filters .search_header, #search_filters_brands .search_header, #search_filters_suppliers .search_header {
    margin: -1.3541666667vw -1.25vw 0;
    padding: 0.9895833333vw 3.3854166667vw 1.0416666667vw 1.7708333333vw;
  }
}
#search_filters .search_header-wrap, #search_filters_brands .search_header-wrap, #search_filters_suppliers .search_header-wrap {
  position: relative;
}
#search_filters .search_header-wrap .trigger-menu, #search_filters_brands .search_header-wrap .trigger-menu, #search_filters_suppliers .search_header-wrap .trigger-menu {
  cursor: pointer;
  color: #d71a21;
  font-size: 20px;
  position: absolute;
  top: 2px;
  right: 10px;
}
#search_filters #search_facets, #search_filters_brands #search_facets, #search_filters_suppliers #search_facets {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  #search_filters #search_facets, #search_filters_brands #search_facets, #search_filters_suppliers #search_facets {
    padding-bottom: 1.0416666667vw;
  }
}
@media (min-width: 768px) {
  #search_filters #search_facets.collapse, #search_filters_brands #search_facets.collapse, #search_filters_suppliers #search_facets.collapse {
    display: block !important;
  }
}
#search_filters #search_facets section + section, #search_filters_brands #search_facets section + section, #search_filters_suppliers #search_facets section + section {
  border-top: 1px solid #dedede;
}
#search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet {
  border-bottom: solid 1px #eee;
  padding: 15px 9px 15px;
}
@media (min-width: 992px) {
  #search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet {
    padding: 1.09375vw 0.46875vw 1.09375vw;
  }
}
#search_filters .facet:last-child, #search_filters_brands .facet:last-child, #search_filters_suppliers .facet:last-child {
  border: 0;
  padding-bottom: 0.2604166667vw;
}
#search_filters .facet .facet-title, #search_filters_brands .facet .facet-title, #search_filters_suppliers .facet .facet-title {
  width: 100%;
  color: #d71a21;
  text-transform: uppercase;
  margin: 0;
  overflow: visible;
  text-overflow: unset;
  white-space: unset;
  line-height: 26px;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
}
@media (min-width: 992px) {
  #search_filters .facet .facet-title, #search_filters_brands .facet .facet-title, #search_filters_suppliers .facet .facet-title {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 992px) {
  #search_filters .facet .facet-title, #search_filters_brands .facet .facet-title, #search_filters_suppliers .facet .facet-title {
    line-height: 1.3541666667vw;
  }
}
#search_filters .facet .facet-title:after, #search_filters_brands .facet .facet-title:after, #search_filters_suppliers .facet .facet-title:after {
  display: block;
  position: absolute;
  top: 16px;
  right: 5px;
  font-size: 11px;
  color: #d71a21;
  cursor: pointer;
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e800";
}
@media (min-width: 992px) {
  #search_filters .facet .facet-title:after, #search_filters_brands .facet .facet-title:after, #search_filters_suppliers .facet .facet-title:after {
    top: 0.4166666667vw;
    right: 0.2604166667vw;
    font-size: 0.5729166667vw;
  }
}
@media (max-width: 991px) {
  #search_filters .facet .facet-title:after, #search_filters_brands .facet .facet-title:after, #search_filters_suppliers .facet .facet-title:after {
    top: 0.4166666667vw;
  }
}
@media (max-width: 767px) {
  #search_filters .facet .facet-title:after, #search_filters_brands .facet .facet-title:after, #search_filters_suppliers .facet .facet-title:after {
    display: none;
  }
}
#search_filters .facet .facet-title.hided:after, #search_filters_brands .facet .facet-title.hided:after, #search_filters_suppliers .facet .facet-title.hided:after {
  content: "\e81d";
}
#search_filters .facet .facet-label, #search_filters_brands .facet .facet-label, #search_filters_suppliers .facet .facet-label {
  margin: 0.3645833333vw 0;
}
#search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
  font-weight: 600;
  vertical-align: middle;
  width: 80%;
  white-space: normal;
  display: inline-block;
  font-size: 17px;
  line-height: 120%;
}
@media (min-width: 992px) {
  #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
    font-size: 0.8854166667vw;
  }
}
#search_filters .facet .active.facet-with-color a, #search_filters_brands .facet .active.facet-with-color a, #search_filters_suppliers .facet .active.facet-with-color a {
  position: relative;
}
#search_filters .facet .active.facet-with-color a:after, #search_filters_brands .facet .active.facet-with-color a:after, #search_filters_suppliers .facet .active.facet-with-color a:after {
  position: absolute;
  font-family: "icofont";
  font-size: 14px;
  background-image: url("../img/check.svg");
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center center;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  right: 0;
}
@media (min-width: 992px) {
  #search_filters .facet .active.facet-with-color a:after, #search_filters_brands .facet .active.facet-with-color a:after, #search_filters_suppliers .facet .active.facet-with-color a:after {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
    background-size: 1.3020833333vw 1.3020833333vw;
  }
}
#search_filters .facet .faceted-slider li p, #search_filters_brands .facet .faceted-slider li p, #search_filters_suppliers .facet .faceted-slider li p {
  text-align: center;
  font-weight: 600;
  line-height: 25px;
  font-size: 17px;
}
@media (min-width: 992px) {
  #search_filters .facet .faceted-slider li p, #search_filters_brands .facet .faceted-slider li p, #search_filters_suppliers .facet .faceted-slider li p {
    line-height: 1.3020833333vw;
  }
}
@media (min-width: 992px) {
  #search_filters .facet .faceted-slider li p, #search_filters_brands .facet .faceted-slider li p, #search_filters_suppliers .facet .faceted-slider li p {
    font-size: 0.8854166667vw;
  }
}
#search_filters .facet .faceted-slider li .ui-slider .ui-slider-range, #search_filters_brands .facet .faceted-slider li .ui-slider .ui-slider-range, #search_filters_suppliers .facet .faceted-slider li .ui-slider .ui-slider-range {
  background-color: #d71a21;
}
#search_filters .facet ul, #search_filters_brands .facet ul, #search_filters_suppliers .facet ul {
  margin: 0.3125vw 0 0 0;
}
#search_filters .facet ul li, #search_filters_brands .facet ul li, #search_filters_suppliers .facet ul li {
  padding: 0;
  margin: 0;
}
#search_filters .facet .show-hide, #search_filters_brands .facet .show-hide, #search_filters_suppliers .facet .show-hide {
  margin: 1.0416666667vw 0;
  float: right;
  display: none;
  border-radius: 20px;
  padding: 5px 15px 7px;
  font-size: 14px;
}
@media (min-width: 992px) {
  #search_filters .facet .show-hide, #search_filters_brands .facet .show-hide, #search_filters_suppliers .facet .show-hide {
    padding: 0.2604166667vw 0.78125vw 0.3645833333vw;
  }
}
@media (min-width: 992px) {
  #search_filters .facet .show-hide, #search_filters_brands .facet .show-hide, #search_filters_suppliers .facet .show-hide {
    font-size: 0.7291666667vw;
  }
}
@media (max-width: 767px) {
  #search_filters .facet .collapse + .show-hide, #search_filters_brands .facet .collapse + .show-hide, #search_filters_suppliers .facet .collapse + .show-hide {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #search_filters .facet .collapse.in + .show-hide, #search_filters_brands .facet .collapse.in + .show-hide, #search_filters_suppliers .facet .collapse.in + .show-hide {
    display: block !important;
  }
}
#search_filters .clear-all-wrapper, #search_filters_brands .clear-all-wrapper, #search_filters_suppliers .clear-all-wrapper {
  margin-top: 1.1458333333vw;
}
#search_filters .clear-all-wrapper button, #search_filters_brands .clear-all-wrapper button, #search_filters_suppliers .clear-all-wrapper button {
  margin: 0 auto;
  color: #000;
  border-color: #000;
  border-radius: 25px;
}
#search_filters .clear-all-wrapper button:hover, #search_filters_brands .clear-all-wrapper button:hover, #search_filters_suppliers .clear-all-wrapper button:hover {
  border-color: #d71a21;
  color: #d71a21;
}
#search_filters .clear-all-wrapper button i, #search_filters_brands .clear-all-wrapper button i, #search_filters_suppliers .clear-all-wrapper button i {
  margin: 0 0.4166666667vw 0 0;
  font-size: 12px;
  vertical-align: bottom;
}
@media (min-width: 992px) {
  #search_filters .clear-all-wrapper button i, #search_filters_brands .clear-all-wrapper button i, #search_filters_suppliers .clear-all-wrapper button i {
    font-size: 0.625vw;
  }
}

.block_content > ul > li {
  position: relative;
}
/* end left column */
.block-categories {
  box-shadow: 0 0 19px #eaeaea;
  border-radius: 20px;
  border: 1px solid #ececec;
  overflow: hidden;
}

/* pages */
.top_column {
  position: relative;
}

@media (min-width: 992px) {
  .layout-left-column #wrapper > .container {
    display: grid;
    grid-template-columns: 17.0833333333vw auto;
    margin-bottom: 2.0833333333vw;
  }
  .layout-left-column #wrapper > .container > div {
    width: auto;
    padding: 0;
  }
}
body:not(.page-index) #content-wrapper {
  margin-top: 120px;
}
@media (min-width: 992px) {
  body:not(.page-index) #content-wrapper {
    margin-top: 6.25vw;
    padding: 0;
    width: auto;
  }
}
@media (max-width: 991px) {
  body:not(.page-index) #content-wrapper {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  body:not(.page-index) #content-wrapper {
    margin-top: 0;
  }
}

.page-header {
  text-align: center;
}
@media (max-width: 991px) {
  .page-header:first-child {
    position: absolute;
    right: 0;
    top: -120px;
    height: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .page-header:first-child {
    position: static;
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  .page-header:first-child {
    top: -70px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  #content-wrapper.left-column .page-header:first-child {
    display: none;
  }
}
@media (min-width: 992px) {
  .page-header {
    position: absolute;
    right: 0;
    top: -6.25vw;
    height: 6.25vw;
    width: 90.3125vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.page-header .h1 {
  margin: 0;
}
.page-header.js-product-list-header {
  z-index: 5;
}
@media (min-width: 992px) {
  .page-header.row {
    margin: 0;
  }
  .page-header.row > div:not(:first-child) {
    padding-right: 0;
  }
}

.alert p {
  margin: 0;
}

.sitemap h2 {
  color: #000;
  font-size: 18px;
  height: 35px;
}
@media (min-width: 992px) {
  .sitemap h2 {
    font-size: 0.9375vw;
    height: 1.8229166667vw;
  }
}

/* cms */
#content.page-cms {
  font-size: 17px;
  line-height: 27px;
}
@media (min-width: 992px) {
  #content.page-cms {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}
#content.page-cms p, #content.page-cms ul, #content.page-cms ol, #content.page-cms h1, #content.page-cms h2, #content.page-cms h3, #content.page-cms h4, #content.page-cms h5, #content.page-cms h6 {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  #content.page-cms p, #content.page-cms ul, #content.page-cms ol, #content.page-cms h1, #content.page-cms h2, #content.page-cms h3, #content.page-cms h4, #content.page-cms h5, #content.page-cms h6 {
    margin-bottom: 1.5625vw;
  }
}
#content.page-cms h1 {
  font-size: 39px;
}
@media (min-width: 992px) {
  #content.page-cms h1 {
    font-size: 2.03125vw;
  }
}
#content.page-cms h1, #content.page-cms h2, #content.page-cms h3 {
  font-weight: 900;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  #content.page-cms h1, #content.page-cms h2, #content.page-cms h3 {
    margin-bottom: 0.78125vw;
  }
}
#content.page-cms h3 {
  font-size: 30px;
  line-height: 100%;
  font-weight: 600;
}
@media (min-width: 992px) {
  #content.page-cms h3 {
    font-size: 1.5625vw;
  }
}
#content.page-cms h4 {
  color: #d71a21;
  font-size: 24px;
  line-height: 100%;
  font-weight: 800;
}
@media (min-width: 992px) {
  #content.page-cms h4 {
    font-size: 1.25vw;
  }
}
#content.page-cms p a {
  color: #d71a21;
  position: relative;
}
#content.page-cms p a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 100%;
  left: 0;
  height: 1px;
  background: #ed6a6f;
  transition: all 0.3s ease-in-out;
}
#content.page-cms p a:hover:after {
  right: 0;
}
#content.page-cms p a:hover {
  color: #ed6a6f;
}
#content.page-cms ol {
  padding-left: 20px;
}
@media (min-width: 992px) {
  #content.page-cms ol {
    padding-left: 1.0416666667vw;
  }
}
#content.page-cms ul > li {
  padding-left: 30px;
  position: relative;
}
@media (min-width: 992px) {
  #content.page-cms ul > li {
    padding-left: 1.875vw;
  }
}
@media (max-width: 767px) {
  #content.page-cms ul > li {
    padding-left: 25px;
  }
}
#content.page-cms ul > li::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 3px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #d71a21;
  border-radius: 50%;
}
@media (min-width: 992px) {
  #content.page-cms ul > li::before {
    top: 0.78125vw;
    left: 0.15625vw;
    width: 0.2604166667vw;
    height: 0.2604166667vw;
  }
}
#content.page-cms blockquote {
  background: #fff;
  border: 1px solid #d71a21;
  padding: 40px 35px 40px 120px;
  margin: 40px 0;
  position: relative;
  font-size: 22px;
  line-height: 27px;
  color: #d71a21;
  font-style: italic;
  font-weight: 400;
}
@media (max-width: 767px) {
  #content.page-cms blockquote {
    padding-left: 35px;
  }
}
@media (min-width: 992px) {
  #content.page-cms blockquote {
    padding: 3.8541666667vw 2.6041666667vw 4.1145833333vw 10vw;
    margin: 3.125vw 0;
    font-size: 1.25vw;
    line-height: 1.5104166667vw;
  }
}
#content.page-cms blockquote::before {
  color: #d71a21;
  font-size: 50px;
  display: block;
  position: absolute;
  left: 38px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e823";
}
@media (max-width: 767px) {
  #content.page-cms blockquote::before {
    display: none;
  }
}
@media (min-width: 992px) {
  #content.page-cms blockquote::before {
    font-size: 3.0729166667vw;
    left: 3.4375vw;
  }
}
#content.page-cms blockquote p {
  margin: 0;
}
#content.page-cms .cms-gallery {
  margin: 40px 0 35px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 15px;
  align-items: center;
  justify-items: center;
}
@media (min-width: 992px) {
  #content.page-cms .cms-gallery {
    margin: 3.6458333333vw 0 3.3854166667vw;
    grid-template-columns: repeat(auto-fill, minmax(20.8333333333vw, 1fr));
    grid-gap: 1.8229166667vw;
  }
}
#content.page-cms .cms-gallery a {
  padding: 0;
  position: relative;
}
#content.page-cms .cms-gallery a::before {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  transition: transform 0.3s, opacity 0.3s;
  transition-delay: 0.1s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
#content.page-cms .cms-gallery a::after {
  opacity: 0;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #d71a21;
  color: #fff;
  font-size: 35px;
  border-radius: 50%;
  transition: transform 0.3s, opacity 0.3s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e824";
  display: block;
  width: 80px;
  height: 80px;
  line-height: 78px;
}
@media (min-width: 992px) {
  #content.page-cms .cms-gallery a::after {
    font-size: 1.8229166667vw;
    width: 4.1666666667vw;
    height: 4.1666666667vw;
    line-height: 4.0625vw;
  }
}
#content.page-cms .cms-gallery a:hover span {
  opacity: 0;
  transition-delay: 0s;
}
#content.page-cms .cms-gallery a:hover::before {
  opacity: 1;
  transition-delay: 0.1s;
}
#content.page-cms .cms-gallery a:hover::after {
  opacity: 1;
  transition-delay: 0.1s;
}
#content.page-cms .cms-gallery img {
  width: 100% !important;
  height: auto !important;
  margin: 0;
}
#content.page-cms .cms-gallery span {
  opacity: 1;
  z-index: 2;
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 24px 14px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2) 50%, transparent);
  transition: transform 0.3s, opacity 0.3s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
@media (min-width: 992px) {
  #content.page-cms .cms-gallery span {
    font-size: 0.9375vw;
    line-height: 1.1979166667vw;
    padding: 1.5625vw 1.25vw 0.7291666667vw;
  }
}

#content.page-cms ul.download,
.product-informations ul.download {
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  grid-gap: 10px 20px;
  padding: 0;
}
@media (max-width: 767px) {
  #content.page-cms ul.download,
  .product-informations ul.download {
    grid-template-columns: 100%;
  }
}
@media (min-width: 992px) {
  #content.page-cms ul.download,
  .product-informations ul.download {
    grid-template-columns: repeat(auto-fill, minmax(26.0416666667vw, 1fr));
    grid-gap: 0.5208333333vw 2.0833333333vw;
  }
}
@media (max-width: 991px) {
  #content.page-cms ul.download,
  .product-informations ul.download {
    grid-template-columns: 1fr;
  }
}
#content.page-cms ul.download li,
.product-informations ul.download li {
  position: relative;
  padding: 0;
}
#content.page-cms ul.download li::before,
.product-informations ul.download li::before {
  display: none;
}
#content.page-cms ul.download li a,
.product-informations ul.download li a {
  padding: 14px 155px 14px 78px;
  border: 1px solid #ececec;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #000;
  display: block;
  box-shadow: 0 0 15px #e4e4e4;
  transition: border 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #content.page-cms ul.download li a,
  .product-informations ul.download li a {
    padding: 0.7291666667vw 8.0729166667vw 0.7291666667vw 4.0625vw;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}
@media (max-width: 575px) {
  #content.page-cms ul.download li a,
  .product-informations ul.download li a {
    padding: 14px;
  }
}
#content.page-cms ul.download li a:hover,
.product-informations ul.download li a:hover {
  text-decoration: none;
  border-color: #d71a21;
}
#content.page-cms ul.download li a .ext,
.product-informations ul.download li a .ext {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 900;
  background: #ececec;
  text-decoration: none !important;
  color: #fff !important;
  text-align: center;
  text-transform: uppercase;
  display: block;
}
@media (min-width: 992px) {
  #content.page-cms ul.download li a .ext,
  .product-informations ul.download li a .ext {
    left: 0.46875vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    line-height: 2.0833333333vw;
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 576px) {
  #content.page-cms ul.download li a .ext,
  .product-informations ul.download li a .ext {
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 575px) {
  #content.page-cms ul.download li a .ext,
  .product-informations ul.download li a .ext {
    margin-bottom: 10px;
  }
}
#content.page-cms ul.download li a .ext.pdf,
.product-informations ul.download li a .ext.pdf {
  background: #df1838;
}
#content.page-cms ul.download li a .ext.doc, #content.page-cms ul.download li a .ext.docx, #content.page-cms ul.download li a .ext.odt,
.product-informations ul.download li a .ext.doc,
.product-informations ul.download li a .ext.docx,
.product-informations ul.download li a .ext.odt {
  background: #3b79c6;
}
#content.page-cms ul.download li a .ext.jpg, #content.page-cms ul.download li a .ext.jpeg,
.product-informations ul.download li a .ext.jpg,
.product-informations ul.download li a .ext.jpeg {
  background: #e2932b;
}
#content.page-cms ul.download li a .ext.zip,
.product-informations ul.download li a .ext.zip {
  background: #9f9f9f;
}
#content.page-cms ul.download li a .ext.xls, #content.page-cms ul.download li a .ext.xlsx, #content.page-cms ul.download li a .ext.ods,
.product-informations ul.download li a .ext.xls,
.product-informations ul.download li a .ext.xlsx,
.product-informations ul.download li a .ext.ods {
  background: #75a551;
}
#content.page-cms ul.download li a .ext.png,
.product-informations ul.download li a .ext.png {
  background: #bf4f9b;
}
#content.page-cms ul.download li a .button,
.product-informations ul.download li a .button {
  display: block;
  padding: 0;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
  color: #d71a21;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #content.page-cms ul.download li a .button,
  .product-informations ul.download li a .button {
    font-size: 0.7291666667vw;
    right: 1.4583333333vw;
  }
}
@media (min-width: 576px) {
  #content.page-cms ul.download li a .button,
  .product-informations ul.download li a .button {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 575px) {
  #content.page-cms ul.download li a .button,
  .product-informations ul.download li a .button {
    margin-top: 10px;
  }
}
#content.page-cms ul.download li a .button i,
.product-informations ul.download li a .button i {
  font-size: 30px;
  padding-right: 19px;
  vertical-align: bottom;
  color: #d71a21;
}
@media (min-width: 992px) {
  #content.page-cms ul.download li a .button i,
  .product-informations ul.download li a .button i {
    font-size: 1.5625vw;
    padding-right: 0.9895833333vw;
  }
}

body:not(#index) table, body#product #content .product-features dl.data-sheet,
body:not(#index) .quickview .product-features dl.data-sheet,
.quickview .product-features body:not(#index) dl.data-sheet {
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  border-collapse: separate;
  border-spacing: 1px;
  margin: 70px 0 50px;
}
@media (min-width: 992px) {
  body:not(#index) table, body#product #content .product-features dl.data-sheet,
  body:not(#index) .quickview .product-features dl.data-sheet,
  .quickview .product-features body:not(#index) dl.data-sheet {
    font-size: 0.9375vw;
    line-height: 1.25vw;
    margin: 3.6458333333vw 0 2.6041666667vw;
  }
}
body:not(#index) table thead th, body#product #content .product-features dl.data-sheet thead th,
body:not(#index) .quickview .product-features dl.data-sheet thead th,
.quickview .product-features body:not(#index) dl.data-sheet thead th {
  background: #d71a21;
  color: #fff;
  font-weight: 600;
}
body:not(#index) table thead th:nth-child(2):last-child, body#product #content .product-features dl.data-sheet thead th:nth-child(2):last-child,
body:not(#index) .quickview .product-features dl.data-sheet thead th:nth-child(2):last-child,
.quickview .product-features body:not(#index) dl.data-sheet thead th:nth-child(2):last-child {
  background: #000;
  text-align: center;
}
body:not(#index) table tbody tr > *, body#product #content .product-features dl.data-sheet tbody tr > *,
body:not(#index) .quickview .product-features dl.data-sheet tbody tr > *,
.quickview .product-features body:not(#index) dl.data-sheet tbody tr > * {
  padding: 17px 40px 19px;
}
@media (min-width: 992px) {
  body:not(#index) table tbody tr > *, body#product #content .product-features dl.data-sheet tbody tr > *,
  body:not(#index) .quickview .product-features dl.data-sheet tbody tr > *,
  .quickview .product-features body:not(#index) dl.data-sheet tbody tr > * {
    padding: 0.8854166667vw 2.0833333333vw 0.9895833333vw;
  }
}
body:not(#index) table tbody tr > *:first-child, body#product #content .product-features dl.data-sheet tbody tr > *:first-child,
body:not(#index) .quickview .product-features dl.data-sheet tbody tr > *:first-child,
.quickview .product-features body:not(#index) dl.data-sheet tbody tr > *:first-child {
  text-align: left;
}
body:not(#index) table tbody tr td, body#product #content .product-features dl.data-sheet tbody tr td,
body:not(#index) .quickview .product-features dl.data-sheet tbody tr td,
.quickview .product-features body:not(#index) dl.data-sheet tbody tr td {
  border-bottom: 1px solid #e5e5e5;
  padding: 11px 40px 13px;
}
@media (min-width: 992px) {
  body:not(#index) table tbody tr td, body#product #content .product-features dl.data-sheet tbody tr td,
  body:not(#index) .quickview .product-features dl.data-sheet tbody tr td,
  .quickview .product-features body:not(#index) dl.data-sheet tbody tr td {
    padding: 0.5729166667vw 2.0833333333vw 0.6770833333vw;
  }
}
body:not(#index) table tbody:first-child tr th, body#product #content .product-features dl.data-sheet tbody:first-child tr th,
body:not(#index) .quickview .product-features dl.data-sheet tbody:first-child tr th,
.quickview .product-features body:not(#index) dl.data-sheet tbody:first-child tr th, body:not(#index) table tbody:first-child tr:first-child td, body#product #content .product-features dl.data-sheet tbody:first-child tr:first-child td,
body:not(#index) .quickview .product-features dl.data-sheet tbody:first-child tr:first-child td,
.quickview .product-features body:not(#index) dl.data-sheet tbody:first-child tr:first-child td {
  background: #e3e3e3;
  font-weight: 600;
  padding: 15px 40px 17px;
}
@media (min-width: 992px) {
  body:not(#index) table tbody:first-child tr th, body#product #content .product-features dl.data-sheet tbody:first-child tr th,
  body:not(#index) .quickview .product-features dl.data-sheet tbody:first-child tr th,
  .quickview .product-features body:not(#index) dl.data-sheet tbody:first-child tr th, body:not(#index) table tbody:first-child tr:first-child td, body#product #content .product-features dl.data-sheet tbody:first-child tr:first-child td,
  body:not(#index) .quickview .product-features dl.data-sheet tbody:first-child tr:first-child td,
  .quickview .product-features body:not(#index) dl.data-sheet tbody:first-child tr:first-child td {
    padding: 0.78125vw 2.0833333333vw 0.8854166667vw;
  }
}

#cms table tr:first-child td:last-child, #cms body#product #content .product-features dl.data-sheet tr:first-child td:last-child, body#product #content .product-features #cms dl.data-sheet tr:first-child td:last-child,
#cms .quickview .product-features dl.data-sheet tr:first-child td:last-child,
.quickview .product-features #cms dl.data-sheet tr:first-child td:last-child, #cms table tr th:last-child, #cms body#product #content .product-features dl.data-sheet tr th:last-child, body#product #content .product-features #cms dl.data-sheet tr th:last-child,
#cms .quickview .product-features dl.data-sheet tr th:last-child,
.quickview .product-features #cms dl.data-sheet tr th:last-child {
  background: #d71a21;
}
#cms table tr td:last-child, #cms body#product #content .product-features dl.data-sheet tr td:last-child, body#product #content .product-features #cms dl.data-sheet tr td:last-child,
#cms .quickview .product-features dl.data-sheet tr td:last-child,
.quickview .product-features #cms dl.data-sheet tr td:last-child, #cms table tr th:last-child, #cms body#product #content .product-features dl.data-sheet tr th:last-child, body#product #content .product-features #cms dl.data-sheet tr th:last-child,
#cms .quickview .product-features dl.data-sheet tr th:last-child,
.quickview .product-features #cms dl.data-sheet tr th:last-child {
  text-align: left;
}

.table-bordered {
  border: none;
}
.table-bordered tr {
  border: 0;
  border-bottom: 1px solid #ececec;
}
.table-bordered tr td, .table-bordered tr th {
  border: 0;
  border-bottom: 1px solid #ececec;
}

#order-products td {
  vertical-align: middle;
}

body#product #content .product-add-to-cart .product-quantity,
.quickview .product-add-to-cart .product-quantity, body#product #content .product-customization ul,
.quickview .product-customization ul {
  display: grid;
  grid-gap: 0 30px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 991px) {
  body#product #content .product-add-to-cart .product-quantity,
  .quickview .product-add-to-cart .product-quantity, body#product #content .product-customization ul,
  .quickview .product-customization ul {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: minmax(0, 344px);
    justify-content: center;
  }
}

.contact-left h2.h2, .contact-form h2.h2, body#product .tab-content h2, #featured-category-products-block-center h3, #index .pts-container-wrap.seo-section .row-level-2 > div div.heading h2 {
  position: relative;
}
.contact-left h2.h2::before, .contact-form h2.h2::before, body#product .tab-content h2::before, #featured-category-products-block-center h3::before, #index .pts-container-wrap.seo-section .row-level-2 > div div.heading h2::before {
  content: "";
  position: absolute;
  left: -100px;
  width: 100px;
  top: 0;
  bottom: 0;
  background: url(../img/index/before01.jpg) no-repeat left center;
  background-size: 65px;
}
@media (min-width: 992px) {
  .contact-left h2.h2::before, .contact-form h2.h2::before, body#product .tab-content h2::before, #featured-category-products-block-center h3::before, #index .pts-container-wrap.seo-section .row-level-2 > div div.heading h2::before {
    left: -5.2083333333vw;
  }
}
@media (min-width: 992px) {
  .contact-left h2.h2::before, .contact-form h2.h2::before, body#product .tab-content h2::before, #featured-category-products-block-center h3::before, #index .pts-container-wrap.seo-section .row-level-2 > div div.heading h2::before {
    width: 5.2083333333vw;
  }
}
@media (min-width: 992px) {
  .contact-left h2.h2::before, .contact-form h2.h2::before, body#product .tab-content h2::before, #featured-category-products-block-center h3::before, #index .pts-container-wrap.seo-section .row-level-2 > div div.heading h2::before {
    background-size: 3.3854166667vw;
  }
}

body#product #main .page-content {
  padding-top: 57px;
}
@media (min-width: 992px) {
  body#product #main .page-content {
    padding-top: 2.96875vw;
  }
}
@media (max-width: 575px) {
  body#product #main .page-content {
    border: 0;
    padding: 20px 0;
  }
}

body#product #content,
.quickview {
  /* left */
  /* right */
  /* bottom */
}
body#product #content .product-content,
.quickview .product-content {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  body#product #content .product-content,
  .quickview .product-content {
    flex-direction: column;
  }
}
body#product #content .product-content .product-left,
.quickview .product-content .product-left {
  position: relative;
  width: 49%;
}
@media (min-width: 992px) {
  body#product #content .product-content .product-left,
  .quickview .product-content .product-left {
    width: 29.9479166667vw;
  }
}
@media (max-width: 991px) {
  body#product #content .product-content .product-left,
  .quickview .product-content .product-left {
    width: 100%;
    padding: 0 15px;
  }
  body#product #content .product-content .product-left .images-container,
  .quickview .product-content .product-left .images-container {
    position: relative;
  }
}
body#product #content .product-content .product-right,
.quickview .product-content .product-right {
  width: 50%;
  margin-left: 20px;
}
@media (min-width: 992px) {
  body#product #content .product-content .product-right,
  .quickview .product-content .product-right {
    margin-left: 2.0833333333vw;
    width: 34.6354166667vw;
  }
}
@media (max-width: 991px) {
  body#product #content .product-content .product-right,
  .quickview .product-content .product-right {
    width: 100%;
    margin: 20px 0 0;
  }
}
@media (max-width: 767px) {
  body#product #content .product-content .product-right,
  .quickview .product-content .product-right {
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
  }
}
body#product #content .product-cover,
.quickview .product-cover {
  overflow: hidden;
  width: 100%;
}
body#product #content .product-cover img,
.quickview .product-cover img {
  max-width: none;
  transition: opacity 1s, transform 1s;
  backface-visibility: hidden;
  transform-origin: center;
}
body#product #content .product-cover:hover img,
.quickview .product-cover:hover img {
  transform: scale3d(1.1, 1.1, 1);
}
body#product #content .product-cover .layer,
.quickview .product-cover .layer {
  background: none;
}
body#product #content .product-cover .layer i,
.quickview .product-cover .layer i {
  display: none;
}
body#product #content .product-cover button.extra-nav,
.quickview .product-cover button.extra-nav {
  border: none;
  position: absolute;
  top: 50%;
  width: 46px;
  height: 46px;
  background-color: #cccccc;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  z-index: 1;
}
@media (min-width: 992px) {
  body#product #content .product-cover button.extra-nav,
  .quickview .product-cover button.extra-nav {
    width: 2.3958333333vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-cover button.extra-nav,
  .quickview .product-cover button.extra-nav {
    height: 2.3958333333vw;
  }
}
body#product #content .product-cover button.extra-nav:hover,
.quickview .product-cover button.extra-nav:hover {
  background-color: #bbb;
}
body#product #content .product-cover button.extra-nav.photo-prev,
.quickview .product-cover button.extra-nav.photo-prev {
  background-image: url(../img/svg/white/arrow-point-to-left.svg);
  left: 15px;
}
body#product #content .product-cover button.extra-nav.photo-next,
.quickview .product-cover button.extra-nav.photo-next {
  background-image: url(../img/svg/white/arrow-point-to-right.svg);
  right: 15px;
}
body#product #content .product-images,
.quickview .product-images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(99px, 1fr));
  grid-gap: 7px;
}
@media (max-width: 767px) {
  body#product #content .product-images,
  .quickview .product-images {
    grid-template-columns: repeat(auto-fill, minmax(65px, 1fr));
  }
}
@media (min-width: 992px) {
  body#product #content .product-images,
  .quickview .product-images {
    grid-template-columns: repeat(4, 7.0833333333vw);
    grid-gap: 0.5208333333vw;
  }
}
body#product #content .product-images .thumb-container .thumb,
.quickview .product-images .thumb-container .thumb {
  box-shadow: none;
  border: solid 1px #ececec;
  margin: 0;
  width: auto;
  max-width: 100%;
  border-radius: 5px;
}
@media (min-width: 992px) {
  body#product #content .product-images .thumb-container .thumb,
  .quickview .product-images .thumb-container .thumb {
    max-width: 100%;
  }
}
body#product #content .product-images .thumb-container .thumb.selected,
.quickview .product-images .thumb-container .thumb.selected {
  border-color: #d71a21;
}
body#product #content .product-block,
.quickview .product-block {
  padding: 20px 15px 16px 15px;
  border-bottom: 1px solid #ececec;
  position: relative;
}
@media (min-width: 992px) {
  body#product #content .product-block,
  .quickview .product-block {
    padding: 1.0416666667vw 1.5625vw 0.8333333333vw 1.5625vw;
  }
}
body#product #content .product-block.block-two-columns,
.quickview .product-block.block-two-columns {
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  align-content: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  body#product #content .product-block.block-two-columns,
  .quickview .product-block.block-two-columns {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  body#product #content .product-block.block-two-columns,
  .quickview .product-block.block-two-columns {
    padding-top: 0.625vw;
    padding-bottom: 0.625vw;
  }
}
body#product #content .product-block.block-two-columns > div,
.quickview .product-block.block-two-columns > div {
  padding: 10px 0;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 992px) {
  body#product #content .product-block.block-two-columns > div,
  .quickview .product-block.block-two-columns > div {
    padding: 0.5208333333vw 0;
  }
}
@media (min-width: 992px) {
  body#product #content .product-block.block-two-columns > div + div,
  .quickview .product-block.block-two-columns > div + div {
    padding-left: 1.25vw;
    width: 11.3020833333vw;
  }
}
body#product #content .product-block.block-two-columns > div.hidden,
.quickview .product-block.block-two-columns > div.hidden {
  display: none;
}
body#product #content .product-block.block-two-columns.block-with-separator > div,
.quickview .product-block.block-two-columns.block-with-separator > div {
  padding: 12px 0;
}
@media (min-width: 992px) {
  body#product #content .product-block.block-two-columns.block-with-separator > div,
  .quickview .product-block.block-two-columns.block-with-separator > div {
    padding: 0.625vw 0;
  }
}
@media (max-width: 991px) {
  body#product #content .product-block.block-two-columns.block-with-separator > div + div,
  .quickview .product-block.block-two-columns.block-with-separator > div + div {
    border-top: 1px solid #ececec;
  }
}
@media (min-width: 992px) {
  body#product #content .product-block.block-two-columns.block-with-separator > div + div,
  .quickview .product-block.block-two-columns.block-with-separator > div + div {
    border-left: 1px solid #ececec;
    padding-left: 1.1979166667vw;
  }
}
body#product #content .product-block.heading,
.quickview .product-block.heading {
  display: grid;
  grid-template-columns: auto auto;
  padding-right: 0;
  align-items: center;
}
@media (max-width: 767px) {
  body#product #content .product-block.heading,
  .quickview .product-block.heading {
    padding-right: 15px;
  }
}
@media (max-width: 575px) {
  body#product #content .product-block.heading,
  .quickview .product-block.heading {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
body#product #content .product-block.heading .right,
.quickview .product-block.heading .right {
  text-align: right;
}
@media (max-width: 575px) {
  body#product #content .product-block.heading .right,
  .quickview .product-block.heading .right {
    text-align: left;
    margin: 10px 0;
  }
}
body#product #content .product-block.block-same-columns,
.quickview .product-block.block-same-columns {
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  align-content: center;
  gap: 0 30px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  body#product #content .product-block.block-same-columns,
  .quickview .product-block.block-same-columns {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  body#product #content .product-block.block-same-columns,
  .quickview .product-block.block-same-columns {
    padding-top: 0.625vw;
    padding-bottom: 0.625vw;
  }
}
body#product #content .product-block.block-same-columns > div,
.quickview .product-block.block-same-columns > div {
  padding: 14px 0 12px;
  width: 100%;
}
@media (min-width: 992px) {
  body#product #content .product-block.block-same-columns > div,
  .quickview .product-block.block-same-columns > div {
    padding: 0.7291666667vw 0 0.625vw;
    width: 15.625vw;
  }
}
body#product #content .product-block.block-same-columns > div.color-type,
.quickview .product-block.block-same-columns > div.color-type {
  width: 100%;
}
body#product #content .product-block .h4,
.quickview .product-block .h4 {
  color: #d71a21;
  margin-bottom: 0.5729166667vw;
  display: inline-block;
}
@media (min-width: 992px) {
  body#product #content .product-block .h4,
  .quickview .product-block .h4 {
    margin-bottom: 11px;
  }
}
body#product #content .product-block .control-label,
.quickview .product-block .control-label {
  color: #d71a21;
}
body#product #content .product-right > .product-block:last-child,
.quickview .product-right > .product-block:last-child {
  border: 0;
  padding-bottom: 0;
}
body#product #content .product-name,
.quickview .product-name {
  font-size: 29px;
  font-weight: 600;
  line-height: 125%;
}
@media (min-width: 992px) {
  body#product #content .product-name,
  .quickview .product-name {
    font-size: 1.5104166667vw;
  }
}
body#product #content .product-manufacturer-image,
.quickview .product-manufacturer-image {
  text-align: right;
}
@media (min-width: 992px) {
  body#product #content .product-manufacturer-image,
  .quickview .product-manufacturer-image {
    position: absolute;
    top: -0.7291666667vw;
    bottom: 0;
    right: 0.625vw;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  body#product #content .product-manufacturer-image,
  .quickview .product-manufacturer-image {
    text-align: left;
  }
}
body#product #content .product-manufacturer-image .manufacturer-name,
.quickview .product-manufacturer-image .manufacturer-name {
  font-weight: 600;
  padding-right: 5px;
}
body#product #content .product-manufacturer-image img,
.quickview .product-manufacturer-image img {
  max-width: 91px;
}
@media (min-width: 992px) {
  body#product #content .product-manufacturer-image img,
  .quickview .product-manufacturer-image img {
    max-width: 4.7395833333vw;
  }
}
body#product #content .product-reference,
.quickview .product-reference {
  font-size: 14px;
  line-height: 30px;
  font-weight: 900;
  text-transform: uppercase;
  color: #c0c0c0;
}
@media (min-width: 992px) {
  body#product #content .product-reference,
  .quickview .product-reference {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-reference,
  .quickview .product-reference {
    line-height: 1.5625vw;
  }
}
body#product #content .product-delivery-time,
.quickview .product-delivery-time {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
@media (min-width: 992px) {
  body#product #content .product-delivery-time,
  .quickview .product-delivery-time {
    font-size: 0.8333333333vw;
    line-height: 0.9895833333vw;
  }
}
body#product #content .product-delivery-time i,
.quickview .product-delivery-time i {
  color: #d71a21;
  font-size: 25px;
  margin-right: 12px;
  vertical-align: text-bottom;
}
@media (min-width: 992px) {
  body#product #content .product-delivery-time i,
  .quickview .product-delivery-time i {
    font-size: 1.3020833333vw;
    margin-right: 0.625vw;
  }
}
body#product #content .product-quantities,
.quickview .product-quantities {
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
}
@media (min-width: 992px) {
  body#product #content .product-quantities,
  .quickview .product-quantities {
    font-size: 0.8333333333vw;
    line-height: 0.8854166667vw;
  }
}
body#product #content .product-quantities::before,
.quickview .product-quantities::before {
  content: "";
  display: inline-block;
  height: 50px;
  margin: 0 20px;
  border-right: 1px solid #e8e8e8;
  vertical-align: middle;
}
@media (min-width: 992px) {
  body#product #content .product-quantities::before,
  .quickview .product-quantities::before {
    height: 2.6041666667vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-quantities::before,
  .quickview .product-quantities::before {
    margin: 0 1.0416666667vw;
  }
}
@media (max-width: 575px) {
  body#product #content .product-quantities::before,
  .quickview .product-quantities::before {
    content: none;
  }
}
body#product #content .product-quantities p,
.quickview .product-quantities p {
  display: inline-block;
  margin: 0;
}
body#product #content .product-prices .product-price-details,
.quickview .product-prices .product-price-details {
  flex-direction: column;
  align-items: start !important;
}
body#product #content .product-prices .product-price-extras,
.quickview .product-prices .product-price-extras {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
}
body#product #content .product-prices .product-flags,
.quickview .product-prices .product-flags {
  position: relative;
  display: inline-block;
  top: unset;
  left: unset;
  width: auto;
  padding-right: 20px;
  margin: 0;
}
@media (min-width: 992px) {
  body#product #content .product-prices .product-flags,
  .quickview .product-prices .product-flags {
    padding-right: 1.0416666667vw;
  }
}
body#product #content .product-prices .product-flags li,
.quickview .product-prices .product-flags li {
  margin: 0;
  font-size: 16px;
}
@media (min-width: 992px) {
  body#product #content .product-prices .product-flags li,
  .quickview .product-prices .product-flags li {
    font-size: 0.8333333333vw;
  }
}
body#product #content .product-prices .product-flags li:not(.discount),
.quickview .product-prices .product-flags li:not(.discount) {
  display: none;
}
body#product #content .product-prices .comments_note,
.quickview .product-prices .comments_note {
  width: auto;
  margin: 0 -1.5625vw 0 0;
}
body#product #content .product-price,
.quickview .product-price {
  font-size: 29px;
  color: #000;
  line-height: 35px;
  font-weight: 800;
}
@media (min-width: 992px) {
  body#product #content .product-price,
  .quickview .product-price {
    font-size: 0.5833333333vw;
    font-size: 1.5104166667vw;
    line-height: 1.8229166667vw;
  }
}
body#product #content .product-price label, body#product #content .product-price .current-price,
.quickview .product-price label,
.quickview .product-price .current-price {
  color: #d71a21;
}
body#product #content .product-variants ul,
.quickview .product-variants ul {
  margin-bottom: -0.5729166667vw;
}
body#product #content .product-variants ul li,
.quickview .product-variants ul li {
  margin: 0 0.5208333333vw 0.3645833333vw 0;
  position: relative;
}
body#product #content .product-variants ul li .hover-magnitude,
.quickview .product-variants ul li .hover-magnitude {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
body#product #content .product-variants ul li .hover-magnitude span.color,
.quickview .product-variants ul li .hover-magnitude span.color {
  width: 120px;
  height: 120px;
}
@media (min-width: 992px) {
  body#product #content .product-variants ul li .hover-magnitude span.color,
  .quickview .product-variants ul li .hover-magnitude span.color {
    width: 6.25vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-variants ul li .hover-magnitude span.color,
  .quickview .product-variants ul li .hover-magnitude span.color {
    height: 6.25vw;
  }
}
body#product #content .product-variants ul li .hover-magnitude span.desc,
.quickview .product-variants ul li .hover-magnitude span.desc {
  display: block;
  text-align: center;
  font-weight: 600;
  margin-top: 3px;
}
body#product #content .product-variants ul li:hover .hover-magnitude,
.quickview .product-variants ul li:hover .hover-magnitude {
  display: block;
}
body#product #content .product-customization label,
.quickview .product-customization label {
  margin: 0.5208333333vw 0 0.5729166667vw;
}
body#product #content .product-customization ul li,
.quickview .product-customization ul li {
  width: 100%;
}
body#product #content .product-customization .product-message,
.quickview .product-customization .product-message {
  width: 100%;
  resize: none;
  padding: 7px 24px;
}
@media (min-width: 992px) {
  body#product #content .product-customization .product-message,
  .quickview .product-customization .product-message {
    padding: 0.3645833333vw 1.25vw;
  }
}
body#product #content .product-customization .btn-tertiary,
.quickview .product-customization .btn-tertiary {
  border-radius: 25px;
  padding: 13px 15px 14px;
}
@media (min-width: 992px) {
  body#product #content .product-customization .btn-tertiary,
  .quickview .product-customization .btn-tertiary {
    padding: 0.6770833333vw 0.78125vw 0.7291666667vw;
  }
}
@media (max-width: 991px) {
  body#product #content .product-customization .btn-tertiary,
  .quickview .product-customization .btn-tertiary {
    float: none !important;
    margin: 0 auto 10px;
  }
}
body#product #content .product-add-to-cart,
.quickview .product-add-to-cart {
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart,
  .quickview .product-add-to-cart {
    margin-bottom: 0.4166666667vw;
  }
}
@media (max-width: 991px) {
  body#product #content .product-add-to-cart,
  .quickview .product-add-to-cart {
    text-align: center;
  }
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .product-quantity div,
  .quickview .product-add-to-cart .product-quantity div {
    max-width: 15vw;
  }
}
body#product #content .product-add-to-cart .product-quantity div + div,
.quickview .product-add-to-cart .product-quantity div + div {
  text-align: right;
}
body#product #content .product-add-to-cart .product-quantity .input-group-btn-vertical,
.quickview .product-add-to-cart .product-quantity .input-group-btn-vertical {
  display: block;
  position: static;
}
body#product #content .product-add-to-cart .product-quantity .qty,
.quickview .product-add-to-cart .product-quantity .qty {
  margin: 0;
}
body#product #content .product-add-to-cart .product-quantity .qty > .input-group,
.quickview .product-add-to-cart .product-quantity .qty > .input-group {
  padding: 0 50px;
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .product-quantity .qty > .input-group,
  .quickview .product-add-to-cart .product-quantity .qty > .input-group {
    padding: 0 2.6041666667vw;
  }
}
body#product #content .product-add-to-cart .product-quantity .qty > .input-group button,
.quickview .product-add-to-cart .product-quantity .qty > .input-group button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .product-quantity .qty > .input-group button,
  .quickview .product-add-to-cart .product-quantity .qty > .input-group button {
    width: 2.34375vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .product-quantity .qty > .input-group button,
  .quickview .product-add-to-cart .product-quantity .qty > .input-group button {
    height: 2.34375vw;
  }
}
body#product #content .product-add-to-cart .product-quantity .qty > .input-group button.bootstrap-touchspin-up,
.quickview .product-add-to-cart .product-quantity .qty > .input-group button.bootstrap-touchspin-up {
  right: 0;
}
body#product #content .product-add-to-cart .product-quantity .qty > .input-group button.bootstrap-touchspin-down,
.quickview .product-add-to-cart .product-quantity .qty > .input-group button.bootstrap-touchspin-down {
  left: 0;
}
body#product #content .product-add-to-cart .add-to-cart,
.quickview .product-add-to-cart .add-to-cart {
  width: 100%;
  margin-bottom: 0;
  border-radius: 25px;
  line-height: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  padding: 0 30px;
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .add-to-cart,
  .quickview .product-add-to-cart .add-to-cart {
    height: 2.5vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .add-to-cart,
  .quickview .product-add-to-cart .add-to-cart {
    line-height: 2.5vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .add-to-cart,
  .quickview .product-add-to-cart .add-to-cart {
    font-size: 0.78125vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .add-to-cart,
  .quickview .product-add-to-cart .add-to-cart {
    padding: 0 1.5625vw;
  }
}
body#product #content .product-add-to-cart .add-to-cart i,
.quickview .product-add-to-cart .add-to-cart i {
  vertical-align: middle;
  position: relative;
  padding-right: 17px;
  font-size: 34px;
  top: -4px;
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .add-to-cart i,
  .quickview .product-add-to-cart .add-to-cart i {
    padding-right: 0.8854166667vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .add-to-cart i,
  .quickview .product-add-to-cart .add-to-cart i {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 992px) {
  body#product #content .product-add-to-cart .add-to-cart i,
  .quickview .product-add-to-cart .add-to-cart i {
    top: -0.2083333333vw;
  }
}
body#product #content .product-additional-info,
.quickview .product-additional-info {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 9px;
}
@media (min-width: 992px) {
  body#product #content .product-additional-info,
  .quickview .product-additional-info {
    margin-top: 0.46875vw;
  }
}
body#product #content .product-additional-info .social-sharing,
.quickview .product-additional-info .social-sharing {
  margin: 0;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 575px) {
  body#product #content .product-additional-info .social-sharing,
  .quickview .product-additional-info .social-sharing {
    flex-direction: column;
  }
}
body#product #content .social-sharing,
.quickview .social-sharing {
  width: auto;
}
body#product #content .social-sharing .h3,
.quickview .social-sharing .h3 {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  body#product #content .social-sharing .fb-share-button,
  .quickview .social-sharing .fb-share-button {
    margin-left: 1.8229166667vw;
  }
}
@media (min-width: 576px) {
  body#product #content .social-sharing .fb-share-button,
  .quickview .social-sharing .fb-share-button {
    margin-left: 35px;
  }
}
@media (max-width: 575px) {
  body#product #content .social-sharing .fb-share-button,
  .quickview .social-sharing .fb-share-button {
    margin-top: 15px;
  }
}
body#product #content .product-variants-item .fav-button,
.quickview .product-variants-item .fav-button {
  margin: 0;
}
body#product #content .product-informations,
.quickview .product-informations {
  margin-top: 75px;
}
@media (min-width: 992px) {
  body#product #content .product-informations,
  .quickview .product-informations {
    margin-top: 3.90625vw;
  }
}
body#product #content .product-description,
.quickview .product-description {
  margin: 30px 0 40px;
  font-size: 18px !important;
  font-family: inherit !important;
  line-height: 30px !important;
}
@media (min-width: 992px) {
  body#product #content .product-description,
  .quickview .product-description {
    margin: 1.5625vw 0 2.0833333333vw;
    font-size: 0.9375vw !important;
    line-height: 1.5625vw !important;
  }
}
body#product #content .product-description img,
.quickview .product-description img {
  max-width: 100%;
  height: auto;
}
body#product #content .product-description p,
.quickview .product-description p {
  margin: 10px 0;
}
@media (min-width: 992px) {
  body#product #content .product-description p,
  .quickview .product-description p {
    margin: 0.5208333333vw 0;
  }
}
body#product #content .product-description *,
.quickview .product-description * {
  line-height: inherit !important;
}
body#product #content .product-description ul,
.quickview .product-description ul {
  list-style-position: inside;
  list-style-type: initial;
}
body#product #content .product-description .video-container,
.quickview .product-description .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
body#product #content .product-description .video-container iframe,
body#product #content .product-description .video-container object,
body#product #content .product-description .video-container embed,
.quickview .product-description .video-container iframe,
.quickview .product-description .video-container object,
.quickview .product-description .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 575px) {
  body#product #content .product-description .product-table-responsive,
  .quickview .product-description .product-table-responsive {
    width: 100%;
    overflow-x: scroll;
  }
}
body#product #content .product-attachments,
.quickview .product-attachments {
  margin: 2.0833333333vw 0 2.6041666667vw;
}
body#product #content .product-features,
.quickview .product-features {
  min-width: 100%;
  width: auto;
  overflow-x: auto;
}
body#product #content .product-features dl.data-sheet,
.quickview .product-features dl.data-sheet {
  width: 100%;
  display: grid;
  grid-template-columns: 65% 1fr;
  margin: 10px 0;
}
@media (min-width: 992px) {
  body#product #content .product-features dl.data-sheet,
  .quickview .product-features dl.data-sheet {
    margin: 0.5208333333vw 0;
  }
}
@media (max-width: 575px) {
  body#product #content .product-features dl.data-sheet,
  .quickview .product-features dl.data-sheet {
    grid-template-columns: auto 1fr;
  }
}
body#product #content .product-features dl.data-sheet dd.value,
body#product #content .product-features dl.data-sheet dt.name,
.quickview .product-features dl.data-sheet dd.value,
.quickview .product-features dl.data-sheet dt.name {
  margin: 1px;
  background: #eee;
  padding: 17px 40px 19px;
}
@media (min-width: 992px) {
  body#product #content .product-features dl.data-sheet dd.value,
  body#product #content .product-features dl.data-sheet dt.name,
  .quickview .product-features dl.data-sheet dd.value,
  .quickview .product-features dl.data-sheet dt.name {
    padding: 0.8854166667vw 2.0833333333vw 0.9895833333vw;
  }
}
@media (max-width: 575px) {
  body#product #content .product-features dl.data-sheet dd.value,
  body#product #content .product-features dl.data-sheet dt.name,
  .quickview .product-features dl.data-sheet dd.value,
  .quickview .product-features dl.data-sheet dt.name {
    padding: 15px 10px 15px;
    font-size: 16px;
  }
}
body#product #content .product-features dl.data-sheet dd.value:nth-child(4n), body#product #content .product-features dl.data-sheet dd.value:nth-child(4n-1),
body#product #content .product-features dl.data-sheet dt.name:nth-child(4n),
body#product #content .product-features dl.data-sheet dt.name:nth-child(4n-1),
.quickview .product-features dl.data-sheet dd.value:nth-child(4n),
.quickview .product-features dl.data-sheet dd.value:nth-child(4n-1),
.quickview .product-features dl.data-sheet dt.name:nth-child(4n),
.quickview .product-features dl.data-sheet dt.name:nth-child(4n-1) {
  background: #f5f5f5;
}
.circle {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 13px;
  vertical-align: bottom;
}
@media (min-width: 992px) {
  .circle {
    width: 0.78125vw;
    height: 0.78125vw;
    margin-right: 0.6770833333vw;
  }
}
.circle.circle-green {
  background: #4ebf10;
}
.circle.circle-orange {
  background: #ffb12a;
}
.circle.circle-red {
  background: #df1838;
}

.input-group.bootstrap-touchspin > input {
  border: 1px solid #bfbfbf;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  padding: 12px 22px 17px;
  background: #fff;
  text-align: center;
  height: auto;
}
@media (min-width: 992px) {
  .input-group.bootstrap-touchspin > input {
    font-size: 1.0416666667vw;
    line-height: 1.5625vw;
    padding: 0.625vw 1.1458333333vw 0.8854166667vw;
  }
}
.input-group.bootstrap-touchspin .input-group-btn-vertical {
  margin-left: 5px;
}
@media (min-width: 992px) {
  .input-group.bootstrap-touchspin .input-group-btn-vertical {
    margin-left: 0.2604166667vw;
  }
}
.input-group.bootstrap-touchspin .input-group-btn-vertical .btn {
  width: 28px;
  height: 28px;
  background: #d71a21;
  border: 1px solid #d71a21;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .input-group.bootstrap-touchspin .input-group-btn-vertical .btn {
    width: 1.4583333333vw;
    height: 1.4583333333vw;
  }
}
.input-group.bootstrap-touchspin .input-group-btn-vertical .btn i {
  color: #fff;
  font-size: 13px;
  line-height: 28px;
  position: relative;
  top: auto;
  left: auto;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .input-group.bootstrap-touchspin .input-group-btn-vertical .btn i {
    font-size: 0.6770833333vw;
    line-height: 1.4583333333vw;
  }
}
.input-group.bootstrap-touchspin .input-group-btn-vertical .btn:hover {
  background: #fff;
}
.input-group.bootstrap-touchspin .input-group-btn-vertical .btn:hover i {
  color: #d71a21;
}
.input-group.bootstrap-touchspin .input-group-btn-vertical .btn + .btn {
  margin-top: 5px;
}
@media (min-width: 992px) {
  .input-group.bootstrap-touchspin .input-group-btn-vertical .btn + .btn {
    margin-top: 0.2604166667vw;
  }
}

#block-reassurance {
  margin-top: 30px;
  box-shadow: none;
}
@media (min-width: 992px) {
  #block-reassurance {
    margin-top: 1.5625vw;
  }
}
.product-block #block-reassurance {
  margin-left: -1.5625vw;
  margin-right: -1.5625vw;
}
@media (max-width: 991px) {
  #block-reassurance ul {
    display: flex;
    flex-direction: column;
  }
}
#block-reassurance ul li {
  border: 0;
  background: #f5f5f5;
}
@media (max-width: 991px) {
  #block-reassurance ul li {
    min-height: 50px;
  }
}
#block-reassurance ul li:nth-child(2n) {
  background: #eee;
}
#block-reassurance ul li .block-reassurance-item {
  display: flex;
  align-items: center;
  padding: 9px 50px 13px 30px;
}
@media (min-width: 992px) {
  #block-reassurance ul li .block-reassurance-item {
    padding: 0.46875vw 2.6041666667vw 0.6770833333vw 1.5625vw;
  }
}
#block-reassurance ul li .block-reassurance-item i {
  color: #d71a21;
  font-size: 28px;
  display: block;
  margin: 0;
  line-height: 1;
}
@media (min-width: 992px) {
  #block-reassurance ul li .block-reassurance-item i {
    font-size: 1.5625vw;
    margin-top: -0.15625vw;
  }
}
#block-reassurance ul li .block-reassurance-item span {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
@media (min-width: 992px) {
  #block-reassurance ul li .block-reassurance-item span {
    font-size: 0.9375vw;
  }
}

#myprestacommentsBlock {
  padding: 1.0416666667vw 0 0.8333333333vw 0;
  margin-top: 1.0416666667vw;
  border-top: 1px solid #ececec;
}
#myprestacommentsBlock .product_comments_block_tab {
  margin-bottom: 1.5625vw;
}
#myprestacommentsBlock a.open-comment-form {
  border-radius: 25px;
}

.tab-pane #myprestacommentsBlock {
  margin-top: 0;
  border-top: 0;
}
.tab-pane #myprestacommentsBlock .products-section-title, .tab-pane #myprestacommentsBlock .comments-title {
  display: none;
}

.products-section-title, .comments-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 900;
  margin: 18px 0 30px;
}
@media (min-width: 992px) {
  .products-section-title, .comments-title {
    font-size: 1.25vw;
    line-height: 1.4583333333vw;
    margin: 0.9375vw 0 1.5625vw;
  }
}

.comment {
  display: grid;
  grid-template-columns: 120px auto;
  grid-column-gap: 20px;
  margin: 40px 0;
}
@media (min-width: 992px) {
  .comment {
    grid-template-columns: 6.25vw auto;
    grid-column-gap: 1.0416666667vw;
    margin: 2.0833333333vw 0;
  }
}
@media (max-width: 575px) {
  .comment {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
    margin: 20px 0;
  }
}
.comment:first-of-type {
  margin-top: 0;
}
.comment .comment-title,
.comment .comment-author,
.comment p {
  font-size: 16px;
  line-height: 21px;
  color: #000;
}
@media (min-width: 992px) {
  .comment .comment-title,
  .comment .comment-author,
  .comment p {
    font-size: 0.8333333333vw;
    line-height: 1.09375vw;
  }
}
.comment p {
  padding: 0;
  margin: 0;
}
.comment .comment-title,
.comment .comment-author {
  font-weight: 900;
  margin: 0 0 0.5208333333vw 0;
}
.comment .comment-author {
  color: #000;
  margin: 0 0 0.78125vw;
}
.comment .comment-date {
  margin: 0.5208333333vw 0 0;
}
.comment .comment-date em {
  color: #c0c0c0;
  font-weight: 900;
  font-size: 14px;
  line-height: 21px;
  font-style: normal;
}
@media (min-width: 992px) {
  .comment .comment-date em {
    font-size: 0.7291666667vw;
    line-height: 1.09375vw;
  }
}

#product_comments_block_tab .alert {
  margin-bottom: 2.0833333333vw !important;
}

.navigation-buttons {
  margin: 30px 0;
}
@media (min-width: 992px) {
  .navigation-buttons {
    margin: 2.2916666667vw 0;
  }
}
.navigation-buttons .btn {
  border-radius: 25px;
}
@media (max-width: 767px) {
  .navigation-buttons .btn {
    width: 100%;
    margin-top: 10px;
  }
}
.navigation-buttons .btn i {
  display: none;
}

#featured-category-products-block-center {
  margin: 70px 0 -30px;
}
@media (min-width: 992px) {
  #featured-category-products-block-center {
    margin: 3.6458333333vw 0 -1.5625vw;
  }
}
#featured-category-products-block-center h3 {
  color: #d71a21;
  overflow: hidden;
  text-align: left;
  font-size: 29px;
  padding-left: 70px;
  margin: 45px 0 35px;
}
@media (min-width: 992px) {
  #featured-category-products-block-center h3 {
    font-size: 1.5104166667vw;
  }
}
@media (min-width: 992px) {
  #featured-category-products-block-center h3 {
    padding-left: 3.6458333333vw;
  }
}
@media (min-width: 992px) {
  #featured-category-products-block-center h3 {
    margin: 2.34375vw 0 1.8229166667vw;
  }
}
#featured-category-products-block-center h3::before {
  left: 0;
  background-position: right;
  width: 45px;
}
@media (min-width: 992px) {
  #featured-category-products-block-center h3::before {
    width: 2.34375vw;
  }
}

.product-accessories {
  margin-top: 98px;
}
@media (min-width: 992px) {
  .product-accessories {
    margin-top: 5.1041666667vw;
  }
}
.product-accessories .products-section-title, .product-accessories .comments-title {
  text-align: left;
  margin-top: 45px;
  margin-bottom: 45px;
}
@media (min-width: 992px) {
  .product-accessories .products-section-title, .product-accessories .comments-title {
    margin-top: 2.34375vw;
    margin-bottom: 2.34375vw;
  }
}

/* szybki podgląd */
.quickview .modal-dialog {
  margin: auto;
  width: calc(100% - 30px);
}
@media (min-width: 992px) {
  .quickview .modal-dialog {
    max-width: 62.5vw;
    width: calc(100% - 1.5625vw);
  }
}
.quickview .modal-content {
  padding: 1.5625vw;
}
.quickview .modal-header {
  margin: 0;
  padding: 0;
}
.quickview .images-container {
  display: flex;
  z-index: 1;
  min-height: 21.88rem;
}
.quickview .images-container .product-images {
  grid-template-columns: 90px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .quickview .images-container .product-images {
    grid-template-columns: 4.6875vw;
    margin-left: 0.5208333333vw;
  }
}
.quickview .images-container .product-images > li.thumb-container > .thumb {
  max-width: 100%;
}
.quickview .images-container .jcarousel-wrapper {
  display: none;
}
.quickview .product-name {
  margin-top: 0;
}
.quickview .product-add-to-cart .product-quantity {
  flex-direction: column;
  grid-template-columns: 1fr;
  justify-content: center;
  justify-items: center;
}
.quickview .product-add-to-cart .product-quantity div + div {
  margin: 10px 0 0;
}
@media (min-width: 992px) {
  .quickview .product-add-to-cart .product-quantity div + div {
    margin-top: 1.0416666667vw;
  }
}
@media (max-width: 991px) {
  .quickview .product-add-to-cart .product-quantity .add-to-cart i {
    display: none;
  }
}

/* dodawanie komentarza */
body#product .fancybox-skin {
  background: #fff;
  border-radius: 15px;
}

#new_comment_form {
  width: 585px;
  color: #000;
  text-align: left;
  padding: 0 25px;
}
@media (min-width: 992px) {
  #new_comment_form {
    padding: 0 1.3020833333vw;
  }
}
@media (min-width: 992px) {
  #new_comment_form {
    width: 30.46875vw;
    color: #000;
    text-align: left;
  }
}
@media (max-width: 575px) {
  #new_comment_form {
    width: 100%;
  }
}
#new_comment_form button#submitNewMessage {
  border-radius: 25px;
}
#new_comment_form input[type=text] {
  height: 48px;
  border-radius: 5px;
}
@media (min-width: 992px) {
  #new_comment_form input[type=text] {
    height: 2.5vw;
  }
}
#new_comment_form textarea {
  height: 100px;
  border-radius: 5px;
}
@media (min-width: 992px) {
  #new_comment_form textarea {
    height: 5.2083333333vw;
  }
}
#new_comment_form .product-name {
  text-align: center;
}
#new_comment_form .product-name.h2 {
  margin: 15px 0 20px;
}
@media (min-width: 992px) {
  #new_comment_form .product-name.h2 {
    margin: 0.78125vw 0 1.0416666667vw;
  }
}
#new_comment_form .submit {
  margin-top: 20px;
  padding: 0;
  font-size: 13px;
  text-align: right;
}
@media (min-width: 992px) {
  #new_comment_form .submit {
    margin-top: 1.0416666667vw;
    font-size: 0.6770833333vw;
  }
}
#new_comment_form ul.alert {
  margin-top: 15px;
}
@media (min-width: 992px) {
  #new_comment_form ul.alert {
    margin-top: 0.78125vw;
  }
}
#new_comment_form #criterions_list {
  list-style-type: none;
  margin: 0;
}
#new_comment_form #criterions_list label {
  float: left;
  text-align: right;
  margin-right: 10px;
}
@media (min-width: 992px) {
  #new_comment_form #criterions_list label {
    margin-right: 0.5208333333vw;
  }
}
#new_comment_form .rodo_formfooter .custom-checkbox .label {
  font-size: 12px;
}
@media (min-width: 992px) {
  #new_comment_form .rodo_formfooter .custom-checkbox .label {
    font-size: 0.625vw;
  }
}

.modal-body figure {
  display: block;
  margin: auto !important;
  padding-top: 5vh;
}

.jcarousel-wrapper {
  position: relative;
}
.jcarousel-wrapper .jcarousel {
  position: relative;
  overflow: hidden;
}
.jcarousel-wrapper .jcarousel ul {
  width: 10000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.jcarousel-wrapper .jcarousel ul li {
  float: left;
}
.jcarousel-wrapper .jcarousel-control-prev,
.jcarousel-wrapper .jcarousel-control-next {
  position: absolute;
  bottom: 45%;
  z-index: 1020;
  color: #000;
  font-size: 3rem;
  font-family: Arial, sans-serif;
  visibility: hidden;
}
.jcarousel-wrapper .jcarousel-control-prev.inactive,
.jcarousel-wrapper .jcarousel-control-next.inactive {
  opacity: 0.8;
}
.jcarousel-wrapper .jcarousel-control-prev {
  left: -20px;
}
.jcarousel-wrapper .jcarousel-control-next {
  right: -20px;
}

body#product #content .product-images, .quickview .product-images {
  grid-template-columns: repeat(auto-fill, minmax(99px, 1fr));
  grid-gap: 10px;
}
@media (max-width: 991px) {
  body#product #content .product-images, .quickview .product-images {
    grid-template-columns: repeat(auto-fill, 99px);
  }
}
@media (max-width: 420px) {
  body#product #content .product-images, .quickview .product-images {
    grid-template-columns: repeat(auto-fill, 70px);
  }
}

body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 1;
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
}

.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}

.sl-wrapper button:hover {
  opacity: 0.7;
}

.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}

.sl-wrapper .sl-close:focus {
  outline: none;
}

.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem;
}

.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}

.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}

.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}

.sl-wrapper .sl-navigation button:focus {
  outline: none;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper .sl-image {
  position: fixed;
  touch-action: none;
  z-index: 10000;
}

.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: transform ease 200ms;
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
body#product #content.page-product {
  overflow: hidden;
}
@media (max-width: 991px) {
  body#product #content.page-product {
    padding: 40px;
  }
}
body#product .tab-content > .tab-pane {
  display: block;
  opacity: 1;
  margin: 30px 0 55px;
}
@media (min-width: 992px) {
  body#product .tab-content > .tab-pane {
    margin: 1.5625vw 0 2.8645833333vw;
  }
}
body#product .tab-content > .tab-pane#comments {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  body#product .tab-content > .tab-pane#comments {
    margin-bottom: 2.6041666667vw;
  }
}
body#product .tab-content h2 {
  font-size: 28px;
}
@media (min-width: 992px) {
  body#product .tab-content h2 {
    font-size: 1.4583333333vw;
  }
}
}
@media (max-width: 991px) {
  body#product .tab-content h2::before {
    content: none;
  }
}

/* Slick Slider Core CSS */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.images-container {
  position: relative;
}
.images-container .slider-nav .thumb-container {
  margin: 0 3px;
}
.images-container .slider-nav .thumb-container .thumb {
  border: solid 1px #ececec;
  cursor: pointer;
}
.images-container .slider-nav .thumb-container.slick-current.slick-active .thumb {
  border-color: #d71a21;
}
.images-container .slick-prev, .images-container .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.images-container .slick-prev {
  left: -25px;
}
.images-container .slick-next {
  right: -25px;
}
.images-container .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 30px auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.images-container .slick-prev:before, .images-container .slick-next:before {
  font-family: "icofont";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.images-container .slick-next:before {
  content: "\e802";
}
.images-container .slick-prev:before {
  content: "\e801";
}
.images-container .slick-dots {
  font-family: "FontAwesome";
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.images-container .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.images-container .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.images-container .slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "\f111";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.images-container .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #d71a21;
}

/* blog */
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social {
  text-align: right;
}
@media (max-width: 767px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social {
    width: 100%;
    margin: 10px 0;
    text-align: center;
    border-top: 1px solid #efefef;
    padding-top: 15px;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 991px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share {
    display: block;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share::before, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #eaeaea;
  height: 30px;
  margin: 0 35px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share::before, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share::before {
    height: 1.5625vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share::before, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share::before {
    margin: 0 1.8229166667vw;
  }
}
@media (max-width: 991px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share::before, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share::before {
    content: none;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul {
  display: inline-block;
  vertical-align: middle;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li {
  float: none;
  display: block;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a {
  margin-bottom: 0;
  font-size: 14px;
  text-transform: capitalize;
  width: auto;
  min-width: 0;
  background: #3a5695;
  font-family: "Lato";
  line-height: 100%;
  height: auto;
  border-radius: 5px;
  float: none;
  padding: 8px 11px 9px 10px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a {
    padding: 0.4166666667vw 0.5729166667vw 0.46875vw 0.5208333333vw;
  }
}
@media (max-width: 991px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a {
    margin: 0;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a::before, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a::before {
  position: relative;
  top: 1px;
  background: none;
  height: auto;
  margin-right: 0;
  padding: 0;
  line-height: 100%;
  font-size: 16px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a::before, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a::before {
    font-size: 0.8333333333vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a:hover, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog-extra-item.blog-extra-facebook-share ul li a:hover {
  color: #fff !important;
  background: #2e5dc5;
}

.ybc-blog-form-comment .blog-submit .button, #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest .view_all_link_custom.btn-secondary, #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest .view_all_link_custom.btn-tertiary {
  font-weight: 800;
  border-radius: 25px;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .ybc-blog-form-comment .blog-submit .button, #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest .view_all_link_custom.btn-secondary, #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest .view_all_link_custom.btn-tertiary {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 992px) {
  .ybc-blog-form-comment .blog-submit .button, #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest .view_all_link_custom.btn-secondary, #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest .view_all_link_custom.btn-tertiary {
    font-size: 0.7291666667vw;
  }
}
.ybc-blog-form-comment .blog-submit .button:hover, #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest .view_all_link_custom.btn-secondary:hover, #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest .view_all_link_custom.btn-tertiary:hover {
  background: #fff;
  color: #d71a21;
  border-color: #d71a21;
}

.blog-item {
  font-size: 18px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .blog-item {
    padding: 1.0416666667vw 0;
    font-size: 0.9375vw;
  }
}
.blog-item .blog-image {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.blog-item .blog-image img {
  max-width: 100%;
  transition: opacity 1s, transform 1s;
  backface-visibility: hidden;
  transform-origin: top right;
}
.blog-item .blog-image:hover img {
  opacity: 0.4;
  transform: scale3d(1.1, 1.1, 1);
}
.blog-item .blog-ctncomment {
  position: absolute;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  background: #d71a21;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  top: 15px;
  right: 15px;
}
@media (min-width: 992px) {
  .blog-item .blog-ctncomment {
    font-size: 0.9375vw;
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.0208333333vw;
    top: 1.5625vw;
    right: 1.5625vw;
  }
}
.blog-item .blog-ctncomment::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #d71a21 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 15px;
}
@media (min-width: 992px) {
  .blog-item .blog-ctncomment::after {
    border-width: 0.5208333333vw 0.4947916667vw 0 0.4947916667vw;
    left: 1.0677083333vw;
  }
}
.blog-item h5 {
  font-size: 22px;
  line-height: 30px;
  color: #000;
  font-weight: 900;
  min-height: 60px;
}
@media (min-width: 992px) {
  .blog-item h5 {
    font-size: 1.1458333333vw;
    line-height: 1.5625vw;
    min-height: 3.125vw;
  }
}
.blog-item h5 a:hover {
  color: #d71a21;
}
.blog-item .blog-shortinfo {
  font-size: 18px;
  line-height: 30px;
}
@media (min-width: 992px) {
  .blog-item .blog-shortinfo {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}

/* page listing */
.list_blog .blog-item {
  display: flex;
  padding: 30px 0 30px;
  margin: 0;
  border-bottom: 1px solid #ececec;
  max-width: 100%;
}
@media (min-width: 992px) {
  .list_blog .blog-item {
    padding: 4.1666666667vw 0 4.1666666667vw;
  }
}
@media (max-width: 575px) {
  .list_blog .blog-item {
    flex-direction: column;
  }
}
.list_blog .blog-item:first-child {
  padding-top: 0;
}
@media (min-width: 768px) {
  .list_blog .blog-item:nth-child(2n) .blog-image {
    order: 2;
    margin-left: 3.125vw;
    margin-right: 0;
  }
  .list_blog .blog-item:nth-child(2n) .blog-text {
    order: 1;
  }
}
.list_blog .blog-item .blog-image {
  width: 40%;
  margin-right: 3.125vw;
}
@media (min-width: 992px) {
  .list_blog .blog-item .blog-image {
    width: 26.0416666667vw;
  }
}
@media (max-width: 575px) {
  .list_blog .blog-item .blog-image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .list_blog .blog-item .blog-image img {
    height: 15.625vw;
  }
}
.list_blog .blog-item .blog-text {
  width: 59%;
}
@media (min-width: 992px) {
  .list_blog .blog-item .blog-text {
    width: 37.5vw;
  }
}
@media (max-width: 575px) {
  .list_blog .blog-item .blog-text {
    width: 100%;
    margin-right: 0;
  }
}
.list_blog .blog-item .blog-meta {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .list_blog .blog-item .blog-meta {
    margin-top: 1.40625vw;
  }
}

.blog-meta {
  font-size: 14px;
  font-weight: 900;
  color: #c0c0c0;
  margin: 1.5625vw 0 1.40625vw;
}
@media (min-width: 992px) {
  .blog-meta {
    font-size: 0.7291666667vw;
  }
}
.blog-meta span {
  line-height: 37px;
  display: inline-block;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .blog-meta span {
    line-height: 1.9270833333vw;
  }
}
.blog-meta span + span {
  margin-left: 1.5625vw;
}
.blog-meta span a {
  color: #c0c0c0;
}
.blog-meta span a:hover {
  color: #d71a21;
}
.blog-meta span i {
  color: #d71a21;
  padding-right: 0.625vw;
  vertical-align: top;
}

@media (max-width: 575px) {
  .blog-description .blog-table-responsive {
    width: 100%;
    overflow-x: scroll;
  }
}

.blog-author i {
  font-size: 35px;
}
@media (min-width: 992px) {
  .blog-author i {
    font-size: 1.8229166667vw;
  }
}

.blog-created i {
  font-size: 25px;
}
@media (min-width: 992px) {
  .blog-created i {
    font-size: 1.3020833333vw;
  }
}

.blog-cat i {
  font-size: 30px;
}
@media (min-width: 992px) {
  .blog-cat i {
    font-size: 1.5625vw;
  }
}

.blog-title {
  margin-bottom: 0;
}

.blog-detail .blog-meta {
  padding-bottom: 0.2604166667vw;
}
.blog-detail .social-share {
  margin: 0;
  padding: 0;
  line-height: 30px;
}
@media (min-width: 992px) {
  .blog-detail .social-share {
    line-height: 1.5625vw;
  }
}
.blog-detail p {
  font-size: 18px;
  line-height: 30px;
}
@media (min-width: 992px) {
  .blog-detail p {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}
.blog-detail .blog-video-code {
  margin: 20px auto;
  max-width: 720px;
}
@media (min-width: 992px) {
  .blog-detail .blog-video-code {
    margin: 1.0416666667vw auto;
    max-width: 37.5vw;
  }
}
.blog-detail .blog-video-code .inner {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.blog-detail .blog-video-code .inner iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.blog-detail .blog-tags {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  padding: 8px 0 14px;
  margin: 42px 8px 37px;
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .blog-detail .blog-tags {
    padding: 0.4166666667vw 0 0.7291666667vw;
    margin: 2.1875vw 0.4166666667vw 1.9270833333vw;
  }
}
.blog-detail .blog-tags i {
  font-size: 33px;
  color: #bfbfbf;
  margin-right: 1.0416666667vw;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .blog-detail .blog-tags i {
    font-size: 1.71875vw;
    margin-right: 1.0416666667vw;
    margin-top: 0.4166666667vw;
  }
}
.blog-detail .blog-tags h4 {
  font-weight: 900;
  color: #000;
  margin-right: 13px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .blog-detail .blog-tags h4 {
    margin-right: 0.6770833333vw;
  }
}
.blog-detail .blog-tags a {
  margin: 0;
}
.blog-detail .blog-tags a span {
  display: block;
  background: #f5f5f5;
  padding: 4px 14px 6px;
  margin: 4px 5px 0 0;
  line-height: 20px;
  font-size: 16px;
  color: #d71a21;
  font-weight: 400;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .blog-detail .blog-tags a span {
    padding: 0.2083333333vw 0.7291666667vw 0.3125vw;
    margin: 0.2083333333vw 0.2604166667vw 0 0;
    line-height: 1.0416666667vw;
    font-size: 0.8333333333vw;
  }
}
.blog-detail .blog-tags a:hover span {
  color: #fff;
  background: #d71a21;
}
.blog-detail .blog-tags .pull-right {
  margin-left: auto;
}

.comments .alert {
  margin-bottom: 20px !important;
}
@media (min-width: 992px) {
  .comments .alert {
    margin-bottom: 1.0416666667vw !important;
  }
}

.blog-detail .navigation-buttons {
  padding: 0;
  margin: 80px 0 5px;
}
@media (min-width: 992px) {
  .blog-detail .navigation-buttons {
    margin: 4.1666666667vw 0 0.2604166667vw;
  }
}

.blog-link {
  position: relative;
  font-size: 18px;
  width: 50%;
  background: #eeeeee;
  display: flex;
  flex-direction: column;
  padding: 30px 50px 45px 50px;
  min-height: 240px;
  transition: color 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .blog-link {
    width: 100%;
    min-height: 0;
  }
}
@media (min-width: 992px) {
  .blog-link {
    font-size: 0.9375vw;
    padding: 1.5625vw 2.6041666667vw 2.34375vw 2.6041666667vw;
    min-height: 12.5vw;
  }
}
.blog-link + .blog-link::before {
  content: "";
  display: block;
  width: 2px;
  background: #e2e2e2;
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 0;
}
@media (min-width: 992px) {
  .blog-link + .blog-link::before {
    top: 1.5625vw;
  }
}
@media (min-width: 992px) {
  .blog-link + .blog-link::before {
    bottom: 1.5625vw;
  }
}
@media (max-width: 575px) {
  .blog-link + .blog-link::before {
    height: 2px;
    width: auto;
    top: 0;
    bottom: unset;
    right: 30px;
    left: 30px;
  }
}
.blog-link .blog-title span {
  font-weight: 900;
  font-size: 20px;
  width: 400px;
  max-width: 100%;
  display: inline-block;
  line-height: 120%;
}
@media (min-width: 992px) {
  .blog-link .blog-title span {
    font-size: 1.25vw;
  }
}
@media (min-width: 992px) {
  .blog-link .blog-title span {
    width: 20.8333333333vw;
  }
}
.blog-link:hover {
  color: #d71a21 !important;
}
.blog-link:hover .blog-title span {
  text-decoration: underline;
}
.blog-link:hover i {
  color: #fbbf28;
}
.blog-link i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
}
@media (min-width: 992px) {
  .blog-link i {
    font-size: 1.1458333333vw;
  }
}
.blog-link.prev {
  padding-left: 75px;
}
@media (min-width: 992px) {
  .blog-link.prev {
    padding-left: 5.9895833333vw;
  }
}
.blog-link.prev i {
  left: 20px;
}
@media (min-width: 992px) {
  .blog-link.prev i {
    left: 2.0833333333vw;
  }
}
.blog-link.next {
  text-align: right;
  padding-right: 75px;
}
@media (min-width: 992px) {
  .blog-link.next {
    padding-right: 5.9895833333vw;
  }
}
.blog-link.next i {
  right: 20px;
}
@media (min-width: 992px) {
  .blog-link.next i {
    right: 2.0833333333vw;
  }
}
.blog-link .link-name {
  margin-top: auto;
  text-transform: uppercase;
  font-weight: 900;
  display: block;
  font-size: 14px;
}
@media (min-width: 992px) {
  .blog-link .link-name {
    font-size: 0.9375vw;
  }
}
@media (max-width: 575px) {
  .blog-link .link-name {
    margin-top: 20px;
  }
}

body[id*=module-psblog] #left-column > .block-categories:not([id]) {
  display: none;
}

/* ======= YBC BLOG ======= */
@media (max-width: 991px) {
  #ybc_blog_page .page-heading {
    font-size: 26px;
  }
}
#ybc_blog_page #content-wrapper {
  margin-top: 0;
}
#ybc_blog_page #content-wrapper.single-post {
  margin-top: 120px;
}
#ybc_blog_page #content-wrapper.single-post {
  width: 75%;
}
@media (max-width: 767px) {
  #ybc_blog_page #content-wrapper.single-post {
    width: 100%;
  }
}
#ybc_blog_page .ybc_blog_sidebar .ybc-blog-sidear-post-meta {
  display: none;
  color: #d71a21;
}
#ybc_blog_page .ybc_blog_sidebar .title_blog_description {
  display: none;
}
#ybc_blog_page .ybc_blog_sidebar .blog_read_more {
  display: none;
}
#ybc_blog_page .ybc_blog_sidebar .blog_description {
  display: none;
}
#ybc_blog_page .ybc_blog_sidebar .post-date {
  color: #d71a21;
  position: absolute;
  left: 56%;
  font-weight: 800;
  bottom: 20px;
  font-size: 15px;
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc_blog_sidebar .post-date {
    bottom: 1.0416666667vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc_blog_sidebar .post-date {
    font-size: 0.78125vw;
  }
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc_blog_sidebar .post-date {
    position: relative;
    bottom: unset;
    left: 0;
  }
}
#ybc_blog_page .ybc_blog_sidebar .ybc_item_img {
  border-radius: 7px;
}
#ybc_blog_page .ybc_blog_sidebar .ybc_item_img img {
  border-radius: 7px;
}
#ybc_blog_page .ybc_blog_sidebar .ybc_block_latest ul li {
  position: relative;
  clear: both;
  float: left;
  padding: 26px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest ul li {
    padding: 1.3541666667vw 0;
  }
}
#ybc_blog_page .ybc_blog_sidebar .ybc_block_latest ul li .ybc_item_img {
  float: left;
  overflow: hidden;
  position: relative;
  background-color: #eee;
  width: 50%;
  padding-bottom: 31%;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest ul li .ybc_item_img {
    width: 100%;
    padding-bottom: 50%;
    margin-bottom: 10px;
  }
}
#ybc_blog_page .ybc_blog_sidebar .ybc_block_latest ul li .ybc-blog-latest-post-content {
  width: 44%;
  margin-left: 6%;
  float: left;
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest ul li .ybc-blog-latest-post-content {
    width: 100%;
    margin-left: 0%;
    float: left;
  }
}
#ybc_blog_page .ybc_blog_sidebar .ybc_block_latest ul li .ybc-blog-latest-post-content .ybc_title_block {
  font-size: 18px;
  line-height: 120%;
  margin-top: 0;
  padding-top: 0;
  font-weight: 800;
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc_blog_sidebar .ybc_block_latest ul li .ybc-blog-latest-post-content .ybc_title_block {
    font-size: 0.9375vw;
  }
}
#ybc_blog_page .ybc_blog_sidebar .ybc_block_latest ul li .ybc-blog-latest-post-content .ybc_title_block:hover {
  color: #d71a21;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list > li {
  margin-bottom: 45px;
  width: 32.33%;
  margin-left: 0.5%;
  margin-right: 0.5%;
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list > li {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list > li {
    width: 98%;
    margin-bottom: 35px;
  }
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .ybc-blog-sidear-post-meta {
  position: absolute;
  background: #fff;
  width: auto;
  padding: 5px;
  border-radius: 20px;
  right: 10px;
  top: 10px;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .ybc-blog-sidear-post-meta .ybc-blog-categories {
  margin: 0;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .ybc-blog-sidear-post-meta .ybc-blog-categories .be-label {
  display: none;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .ybc-blog-sidear-post-meta .ybc-blog-categories a {
  background-image: url("../img/blog/idea.svg");
  background-size: 20px 30px;
  background-repeat: no-repeat;
  color: #d71a21;
  padding: 7px 10px 7px 30px;
  border-radius: 7px;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .blog_description {
  padding: 25px 0;
  position: relative;
  font-size: 16px;
}
@media (min-width: 992px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .blog_description {
    font-size: 0.8333333333vw;
  }
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .blog_description .read_more {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #d71a21;
  /*
  background-image: url('../img/svg/arrow-point-to-right.svg'); 
  background-repeat: no-repeat; 
  background-size: 15px 15px; 
  background-position: center center; 
  */
  color: #fff;
  display: inline-block;
  border: 0;
  border-radius: 1.5625vw;
  bottom: -1.0416666667vw;
  font-size: 20px;
  width: auto;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  max-width: 80px;
  margin: auto;
}
#ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .blog_description .read_more:hover {
  background-color: #fff;
  color: #d71a21;
}
@media (max-width: 991px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .blog_description .read_more {
    padding: 0.78125vw;
  }
}
@media (max-width: 767px) {
  #ybc_blog_page .ybc-blog-wrapper-blog-list .ybc-blog-list .blog_description .read_more {
    padding: 2.34375vw;
    max-width: 50%;
    border-radius: 25px;
    bottom: -15px;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail {
  margin-top: 0;
  margin-bottom: 100px;
  background-color: #fff;
  border: 1px solid #ececec;
  padding: 30px 80px;
  box-shadow: 0 0 19px #eaeaea;
  border-radius: 25px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail {
    margin-bottom: 5.2083333333vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail {
    padding: 1.5625vw 4.1666666667vw;
  }
}
@media (max-width: 991px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail {
    padding: 25px;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content h2.page-heading {
  margin: 32px 0 0px;
  font-size: 30px;
  color: #000;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content h2.page-heading {
    margin: 1.6666666667vw 0 0vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content h2.page-heading {
    font-size: 1.5625vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content h2.page-heading .title_cat {
  text-transform: none;
  float: none;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat {
  margin: 30px 0;
  padding: 8px 0;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  display: grid;
  grid-template-columns: 1fr 28%;
  align-items: center;
  float: none;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat {
    margin: 1.5625vw 0;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat {
    padding: 0.4166666667vw 0;
  }
}
@media (max-width: 991px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat {
    grid-template-columns: 1fr 40%;
  }
}
@media (max-width: 767px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat {
    grid-template-columns: 1fr;
  }
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar > div, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar > div {
    float: none !important;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar {
  color: #d71a21;
  float: none;
  text-transform: uppercase;
  font-size: 15px;
  margin: 0;
  font-weight: 800;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar {
    font-size: 0.78125vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .ybc-blog-categories, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .ybc-blog-categories {
  float: none;
  display: inline-block;
  background-image: url(../img/blog/idea.svg);
  background-size: 28px;
  background-repeat: no-repeat;
  padding: 8px 0 8px 22px;
  background-position: left center;
  line-height: 100%;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .ybc-blog-categories, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .ybc-blog-categories {
    background-size: 1.4583333333vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .ybc-blog-categories, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .ybc-blog-categories {
    padding: 0.4166666667vw 0 0.4166666667vw 1.1458333333vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .ybc-blog-categories .be-categories, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .ybc-blog-categories .be-categories {
  display: inline-block;
  color: #000;
  background: transparent;
  padding: 5px 10px;
  font-size: inherit;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .ybc-blog-categories .be-categories .be-label, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .ybc-blog-categories .be-categories .be-label {
  display: none;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .ybc-blog-categories .be-categories a, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .ybc-blog-categories .be-categories a {
  color: #d71a21;
  background: transparent;
  padding: 5px 10px;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .post-date, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .post-date {
  display: inline-block;
  background-image: url("../img/blog/calendar.svg");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center left;
  float: none;
  margin: 0 2.0833333333vw;
  padding: 8px 0 8px 38px;
  font-weight: inherit;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .post-date, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .post-date {
    background-size: 1.25vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .post-date, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .post-date {
    padding: 0.4166666667vw 0 0.4166666667vw 1.9791666667vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .post-date .be-label, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .post-date .be-label {
  display: none;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .author-block, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .author-block {
  display: inline-block;
  background-image: url(../img/blog/user2.svg);
  background-size: 34px;
  padding: 8px 0 8px 50px;
  background-repeat: no-repeat;
  background-position: left center;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .author-block, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .author-block {
    background-size: 1.7708333333vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .author-block, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .author-block {
    padding: 0.4166666667vw 0 0.4166666667vw 2.6041666667vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .author-block .post-author-label, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .author-block .post-author-label {
  display: none;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .author-block a, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-latest-toolbar .author-block span.post-author-name, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .author-block a, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-latest-toolbar .author-block span.post-author-name {
  font-weight: inherit;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog_rating_wrapper, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog_rating_wrapper {
  min-height: 0;
  float: none;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog_rating_wrapper .star::after, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog_rating_wrapper .star::after {
  font-size: 20px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog_rating_wrapper .star::after, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog_rating_wrapper .star::after {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 991px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog-extra .ybc-blog-tags-social .blog_rating_wrapper, #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags-social .blog_rating_wrapper {
    margin-bottom: 10px;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description {
  line-height: 160%;
  margin-top: 40px;
  font-size: 18px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description {
    font-size: 0.9375vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description blockquote {
  background-image: url(../img/blog/right-quotation-sign.svg);
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: 5% center;
  background-color: #fff;
  border: 1px solid #ececec;
  padding: 75px 50px 75px 14%;
  box-shadow: 0 0 19px #eaeaea;
  border-radius: 20px;
  font-style: italic;
  margin: 80px 0;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description blockquote {
    background-size: 2.6041666667vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description blockquote {
    padding: 3.90625vw 2.6041666667vw 3.90625vw 14%;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description blockquote {
    margin: 4.1666666667vw 0;
  }
}
@media (max-width: 991px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description blockquote {
    background-size: 7%;
    background-position: 3.5%;
  }
}
@media (max-width: 575px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description blockquote {
    background-position: center 32px;
    padding-top: 90px;
    background-size: 35px;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description blockquote p {
  margin: 0;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description img[style*="float: left"],
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description img[style*="float:left"],
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description img[align=left] {
  margin: 5px 20px 5px 0;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description img[style*="float: right"],
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description img[style*="float:right"],
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description img[align=left] {
  margin: 5px 0 5px 20px;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description h2 {
  color: #d71a21;
  line-height: 120%;
  font-size: 24px;
  margin: 0 0 30px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description h2 {
    font-size: 1.25vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description h2 {
    margin: 0 0 1.5625vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description p {
  font-size: inherit;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description p {
    margin-bottom: 1.5625vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description ul.blog-description-gallery {
  list-style: none;
  margin: 30px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description ul.blog-description-gallery li {
  list-style: none;
  width: 33.33%;
  margin-bottom: 10px;
  padding: 10px;
}
@media (max-width: 767px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description ul.blog-description-gallery li {
    width: 100%;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description ul.blog-description-gallery li a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0px;
  position: relative;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description ul.blog-description-gallery li a img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description ul.blog-description-gallery li a:after {
  display: none;
  content: "";
  position: absolute;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description ul.blog-description-gallery li a:before {
  display: none;
  content: "";
  position: absolute;
  z-index: 5;
  background-color: #fff;
  width: 80px;
  height: 80px;
  background-image: url("../img/svg/search.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description ul.blog-description-gallery li:hover:before {
  display: block;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description ul.blog-description-gallery li:hover:after {
  display: block;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery {
  margin: 40px 0 35px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 15px;
  align-items: center;
  justify-items: center;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery {
    margin: 3.6458333333vw 0 3.3854166667vw;
    grid-template-columns: repeat(auto-fill, minmax(15.625vw, 1fr));
    grid-gap: 1.8229166667vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery a {
  padding: 0;
  position: relative;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery a::before {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  transition: transform 0.3s, opacity 0.3s;
  transition-delay: 0.1s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery a::after {
  opacity: 0;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #d71a21;
  color: #fff;
  font-size: 35px;
  border-radius: 50%;
  transition: transform 0.3s, opacity 0.3s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e824";
  display: block;
  width: 80px;
  height: 80px;
  line-height: 78px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery a::after {
    font-size: 1.8229166667vw;
    width: 4.1666666667vw;
    height: 4.1666666667vw;
    line-height: 4.0625vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery a:hover span {
  opacity: 0;
  transition-delay: 0s;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery a:hover::before {
  opacity: 1;
  transition-delay: 0.1s;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery a:hover::after {
  opacity: 1;
  transition-delay: 0.1s;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery img {
  width: 100% !important;
  height: auto !important;
  margin: 0;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery span {
  opacity: 1;
  z-index: 2;
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 24px 14px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2) 50%, transparent);
  transition: transform 0.3s, opacity 0.3s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .blog_description .cms-gallery span {
    font-size: 0.9375vw;
    line-height: 1.1979166667vw;
    padding: 1.5625vw 1.25vw 0.7291666667vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat {
  float: none;
  margin: 0;
  padding: 20px 0;
  border-top: 1px #efefef solid;
  border-bottom: 1px #efefef solid;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat {
    padding: 1.0416666667vw 0;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags {
  color: #000;
  margin: 0;
  line-height: 2.25em;
  min-height: 1px;
}
@media (max-width: 767px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags {
    width: 100%;
    margin: 10px 0;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags a {
  color: #000;
  background: #f5f5f5;
  padding: 7px 15px;
  font-weight: 600;
  margin: 0 2px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags a {
    padding: 0.3645833333vw 0.78125vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags .be-label {
  font-weight: 800;
  background-image: url(../img/blog/comment.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 32px;
  padding: 7px 10px 7px 45px;
  margin-right: 10px;
  font-size: 16px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags .be-label {
    background-size: 1.6666666667vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags .be-label {
    padding: 0.3645833333vw 0.5208333333vw 0.3645833333vw 2.34375vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags .be-label {
    margin-right: 0.5208333333vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .extra_tag_cat .ybc-blog-tags .be-label {
    font-size: 0.8333333333vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment {
  margin-top: 80px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment {
    margin-top: 4.1666666667vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment::after {
  content: "";
  display: block;
  clear: both;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list {
  border: none;
  margin-top: 40px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list {
    margin-top: 2.0833333333vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .title_blog {
  font-size: 16px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .title_blog {
    font-size: 0.8333333333vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-rating,
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-content,
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-by,
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-by > b,
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .ybc-blog-replied-by > b,
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-time,
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-subject {
  color: inherit;
  font-size: inherit;
  line-height: 150%;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-reply {
  font-size: 16px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-reply {
    font-size: 0.8333333333vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-reply .ybc-blog-replied-by,
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .comment-reply .ybc-blog-reply-content {
  color: inherit;
  font-size: inherit;
  line-height: 150%;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .star {
  color: #f9b002;
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .ybc-blog-detail-comment {
  font-size: 16px;
}
@media (min-width: 992px) {
  #ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .post-details .ybc-blog-wrapper-comment .ybc_blog-comments-list .ybc-blog-detail-comment {
    font-size: 0.8333333333vw;
  }
}
#ybc_blog_page .single-post .ybc-blog-wrapper-detail .ybc-blog-wrapper-content .navigation-buttons {
  float: left;
  width: 100%;
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
}

/* .ybc-blog-form-comment .blog-submit .button, */
.blog-managament-information button[type=submit],
.ybc-blog-slider.carousel .slick-dots .slick-active button,
.blog_view_all,
.form-polls-body button,
.form_reply input.btn.btn-primary.btn-default[name=addReplyComment],
.form_reply input.btn.btn-default[name=addReplyComment].btn-small,
.form_reply input.btn.btn-default[name=addReplyComment].btn-invers,
.form_reply .slideshow .slide__title-wrap .slider-btn-container input.btn.btn-default[name=addReplyComment],
.slideshow .slide__title-wrap .slider-btn-container .form_reply input.btn.btn-default[name=addReplyComment],
.add_new_post_blog a,
#form_blog button[type=submit],
#form_blog .btn.edit_view_post,
.form_reply_comment input[type=submit],
.ets_blog_loading .squaresWaveG {
  background: #d71a21 !important;
}

@media (max-width: 420px) {
  #ybc_blog_page.ybc-blog .ybc-blog-wrapper {
    padding: 30px 0;
  }
}
#ybc_blog_page.ybc-blog .ybc-blog-wrapper .page-heading {
  text-transform: none;
  font-size: 39px;
  margin: 1px 0 40px;
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc-blog-wrapper .page-heading {
    font-size: 2.03125vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc-blog-wrapper .page-heading {
    margin: 0.0520833333vw 0 2.0833333333vw;
  }
}
#ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list {
  width: 1650px;
  max-width: 100%;
  margin: auto;
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list {
    width: 85.9375vw;
  }
}
#ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper {
  position: absolute;
}
#ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i1 {
  left: -250px;
  top: 40px;
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i1 {
    left: -13.0208333333vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i1 {
    top: 2.0833333333vw;
  }
}
#ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i1 .circle-fx {
  width: 800px;
  height: 800px;
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i1 .circle-fx {
    width: 41.6666666667vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i1 .circle-fx {
    height: 41.6666666667vw;
  }
}
#ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i2 {
  left: 30%;
  top: -190px;
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i2 {
    top: -9.8958333333vw;
  }
}
#ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i2 .circle-fx {
  width: 250px;
  height: 250px;
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i2 .circle-fx {
    width: 13.0208333333vw;
  }
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog .ybc_blog_layout_grid ul.ybc-blog-list .circle-wrapper.i2 .circle-fx {
    height: 13.0208333333vw;
  }
}
#ybc_blog_page.ybc-blog .pagebuilder > .whyus-bg {
  margin-top: 0;
}
#ybc_blog_page.ybc-blog #left-column {
  margin-top: 0;
  width: 20%;
}
@media (max-width: 991px) {
  #ybc_blog_page.ybc-blog #left-column {
    width: 30%;
  }
}
@media (max-width: 767px) {
  #ybc_blog_page.ybc-blog #left-column {
    width: 100%;
    padding: 0 10px !important;
  }
  #ybc_blog_page.ybc-blog #left-column .ybc-navigation-blog {
    background: #d71a21;
    border-radius: 25px;
    color: #fff;
  }
  #ybc_blog_page.ybc-blog #left-column .ybc-navigation-blog::before {
    border-color: #fff;
  }
}
#ybc_blog_page.ybc-blog #left-column .title_blog {
  font-size: 22px;
  text-transform: none;
  margin: -15px 0 30px;
}
@media (min-width: 992px) {
  #ybc_blog_page.ybc-blog #left-column .title_blog {
    font-size: 1.1458333333vw;
  }
}
@media (max-width: 767px) {
  #ybc_blog_page.ybc-blog #left-column .block {
    border: 1px solid #ececec;
    padding: 45px;
    border-radius: 25px;
    box-shadow: 0 0 19px #eaeaea;
  }
}
#ybc_blog_page.ybc-blog #right-column, #ybc_blog_page.ybc-blog #left-column + #content-wrapper-2 {
  width: 80%;
}
@media (max-width: 991px) {
  #ybc_blog_page.ybc-blog #right-column, #ybc_blog_page.ybc-blog #left-column + #content-wrapper-2 {
    width: 70%;
  }
}
@media (max-width: 767px) {
  #ybc_blog_page.ybc-blog #right-column, #ybc_blog_page.ybc-blog #left-column + #content-wrapper-2 {
    width: 100%;
  }
}
#ybc_blog_page.ybc-blog #left-column .block, #ybc_blog_page.ybc-blog #right-column .block {
  background: none;
}
#ybc_blog_page.ybc-blog .page-header {
  position: static;
}
@media (max-width: 991px) {
  #ybc_blog_page.ybc-blog .page-header {
    padding: 40px 0;
  }
}

.post-wrapper {
  background: #fff;
  border: 1px #e7ecee solid;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}
.post-wrapper:hover {
  background: #f0f0f0;
  border-color: #d71a21 !important;
}
.post-wrapper .blog-image {
  margin: -1px -1px 0;
}
.post-wrapper .blog-image a.link.blog-tile-img {
  border-radius: 10px;
  padding-bottom: 59%;
  display: block;
  background-size: cover;
  background-position: center;
}
.post-wrapper .ybc-blog-wrapper-content {
  overflow: hidden;
  padding: 30px 40px 20px;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content {
    padding: 1.5625vw 2.0833333333vw 1.0416666667vw;
  }
}
.post-wrapper .ybc-blog-wrapper-content a.ybc_title_block {
  text-transform: none;
  font-size: 24px;
  margin: 0 0 12px;
  color: #000;
  font-weight: 800;
  line-height: 100%;
  position: relative;
  padding: 5px 0 9px;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content a.ybc_title_block {
    font-size: 1.25vw;
  }
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content a.ybc_title_block {
    margin: 0 0 0.625vw;
  }
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content a.ybc_title_block {
    padding: 0.2604166667vw 0 0.46875vw;
  }
}
.post-wrapper .ybc-blog-wrapper-content a.ybc_title_block::before {
  content: "";
  position: absolute;
  background: #d71a21;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  left: -44px;
  top: 8px;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content a.ybc_title_block::before {
    width: 0.8333333333vw;
  }
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content a.ybc_title_block::before {
    height: 0.8333333333vw;
  }
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content a.ybc_title_block::before {
    left: -2.2916666667vw;
  }
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content a.ybc_title_block::before {
    top: 0.4166666667vw;
  }
}
.post-wrapper .ybc-blog-wrapper-content .blog-shortinfo {
  font-size: 18px;
  line-height: 175%;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content .blog-shortinfo {
    font-size: 0.9375vw;
  }
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 30%;
  align-items: center;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content .blog-bottom {
    margin-top: 1.0416666667vw;
  }
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom .btn.read_more {
  width: 40px;
  line-height: 40px;
  margin-right: -20px;
  display: inline-block;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content .blog-bottom .btn.read_more {
    width: 2.0833333333vw;
  }
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content .blog-bottom .btn.read_more {
    line-height: 2.0833333333vw;
  }
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content .blog-bottom .btn.read_more {
    margin-right: -1.0416666667vw;
  }
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom .btn.read_more::before {
  border-color: #000;
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom .btn.read_more:hover {
  background: #000;
  color: #fff;
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom .blog_rating_wrapper {
  margin: 0;
  min-height: 0;
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star {
  color: #f9b002;
  display: inline-block;
  font-size: 20px;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star {
    font-size: 1.0416666667vw;
  }
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star::before {
  display: none !important;
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star::after {
  content: "\f006";
  display: inline-block;
  font-family: "FontAwesome";
  padding: 0;
  font-size: inherit;
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star.star_on::after {
  content: "\f005";
}
.post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star.star_on_1::after, .post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star.star_on_2::after, .post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star.star_on_3::after, .post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star.star_on_4::after, .post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star.star_on_5::after, .post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star.star_on_6::after, .post-wrapper .ybc-blog-wrapper-content .blog-bottom .ybc_blog_review .star.star_on_7::after {
  content: "\f123";
}
.post-wrapper .ybc-blog-wrapper-content .ybc-blog-latest-toolbar {
  margin: -15px 0 10px;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content .ybc-blog-latest-toolbar {
    margin: -0.78125vw 0 0.5208333333vw;
  }
}
.post-wrapper .ybc-blog-wrapper-content .ybc-blog-latest-toolbar .blog-meta {
  color: #d71a21;
  margin: 0;
}
.post-wrapper .ybc-blog-wrapper-content .ybc-blog-latest-toolbar .blog-meta .blog-author i {
  font-size: 28px;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content .ybc-blog-latest-toolbar .blog-meta .blog-author i {
    font-size: 1.4583333333vw;
  }
}
.post-wrapper .ybc-blog-wrapper-content .ybc-blog-latest-toolbar .blog-meta span a {
  color: inherit;
}
.post-wrapper .ybc-blog-wrapper-content .ybc-blog-latest-toolbar .blog-meta span i {
  padding-right: 6px;
}
@media (min-width: 992px) {
  .post-wrapper .ybc-blog-wrapper-content .ybc-blog-latest-toolbar .blog-meta span i {
    padding-right: 0.3125vw;
  }
}

.ybc_comment_form_blog .title_blog {
  font-size: 16px;
}
@media (min-width: 992px) {
  .ybc_comment_form_blog .title_blog {
    font-size: 0.8333333333vw;
  }
}
.ybc_comment_form_blog .blog-comment-row label {
  font-size: 14px;
}
@media (min-width: 992px) {
  .ybc_comment_form_blog .blog-comment-row label {
    font-size: 0.7291666667vw;
  }
}
.ybc_comment_form_blog .blog-comment-row .star {
  line-height: 125%;
}
.ybc_comment_form_blog .blog-comment-row .star::after {
  font-size: inherit;
}

/* cart */
#cart .anti-container {
  background: #eeeeee;
  margin-bottom: 80px;
  padding-top: 20px;
}
@media (min-width: 992px) {
  #cart .anti-container {
    margin-bottom: 4.1666666667vw;
    padding-top: 1.0416666667vw;
  }
}

.cart-head {
  padding: 0 30px;
  font-size: 18px;
  line-height: 35px;
  font-weight: 600;
  color: #000;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .cart-head {
    padding: 0 1.5625vw;
    font-size: 0.9375vw;
    line-height: 1.8229166667vw;
    margin-bottom: 1.3020833333vw;
  }
}
@media (max-width: 767px) {
  .cart-head {
    margin-bottom: 10px;
    padding: 0;
  }
}
.cart-head i {
  color: #d71a21;
  font-size: 34px;
  margin-right: 28px;
  vertical-align: bottom;
}
@media (min-width: 992px) {
  .cart-head i {
    font-size: 1.7708333333vw;
    margin-right: 1.4583333333vw;
  }
}
@media (max-width: 767px) {
  .cart-head i {
    display: none;
  }
}

.cart-container {
  overflow-x: auto;
}

@media (min-width: 768px) {
  .cart-items {
    display: table;
    min-width: 100%;
  }
}
.cart-items .cart-item {
  border-bottom: 1px solid #e3e3e3;
  padding: 14px 0 16px;
}
@media (min-width: 992px) {
  .cart-items .cart-item {
    padding: 0.7291666667vw 0 0.8333333333vw;
  }
}
.cart-items .cart-header {
  background: #e3e3e3;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  padding: 0;
}
@media (min-width: 992px) {
  .cart-items .cart-header {
    font-size: 0.9375vw;
    line-height: 1.3541666667vw;
  }
}
@media (max-width: 767px) {
  .cart-items .cart-header {
    display: none;
  }
}
.cart-items .cart-header .product-line-grid-cell {
  padding: 16px 10px 17px;
  text-align: center;
}
@media (min-width: 992px) {
  .cart-items .cart-header .product-line-grid-cell {
    padding: 0.8333333333vw 0.5208333333vw 0.8854166667vw;
  }
}
.cart-items .cart-header .product-line-grid-cell:not(:first-child) {
  border-left: 1px solid #eeeeee;
}
.cart-items .cart-header .product-line-grid-cell:last-child {
  background: #000;
  color: #fff;
}
.cart-items .product-line-grid {
  overflow: hidden;
  display: grid;
  align-items: center;
  grid-template-columns: 12% 1fr 17% 14% 10% 8% 14%;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid {
    grid-template-columns: 13.9583333333vw 1fr 11.71875vw 7.9166666667vw 7.9166666667vw 3.6458333333vw 9.8958333333vw;
  }
}
@media (max-width: 767px) {
  .cart-items .product-line-grid {
    grid-template-columns: repeat(4, auto);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
}
@media (max-width: 575px) {
  .cart-items .product-line-grid {
    grid-template-columns: repeat(2, auto);
  }
}
.cart-items .product-line-grid > div {
  text-align: center;
  padding: 0;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid > div {
    padding: 0 0.78125vw;
  }
}
@media (max-width: 767px) {
  .cart-items .product-line-grid > div.product-line-grid-left {
    grid-area: 1/1/2/2;
    justify-self: start;
  }
}
@media (max-width: 575px) {
  .cart-items .product-line-grid > div.product-line-grid-left {
    grid-area: 1/1/2/2;
  }
}
@media (max-width: 767px) {
  .cart-items .product-line-grid > div.product-line-grid-body.description {
    grid-area: 1/2/2/4;
  }
}
@media (max-width: 575px) {
  .cart-items .product-line-grid > div.product-line-grid-body.description {
    grid-area: 1/2/2/3;
  }
}
@media (max-width: 767px) {
  .cart-items .product-line-grid > div.product-line-grid-body.availability {
    grid-area: 1/4/2/5;
  }
}
@media (max-width: 575px) {
  .cart-items .product-line-grid > div.product-line-grid-body.availability {
    grid-area: 2/1/3/3;
    justify-self: start;
  }
}
@media (max-width: 767px) {
  .cart-items .product-line-grid > div.product-line-grid-body.price {
    grid-area: 2/1/3/4;
    justify-self: start;
  }
}
@media (max-width: 575px) {
  .cart-items .product-line-grid > div.product-line-grid-body.price {
    grid-area: 3/1/4/3;
  }
}
@media (max-width: 767px) {
  .cart-items .product-line-grid > div.product-line-grid-body.summary {
    grid-area: 3/3/4/5;
    justify-self: end;
  }
}
@media (max-width: 575px) {
  .cart-items .product-line-grid > div.product-line-grid-body.summary {
    grid-area: 4/2/5/3;
  }
}
@media (max-width: 767px) {
  .cart-items .product-line-grid > div.product-line-grid-right.quantity {
    grid-area: 3/1/4/3;
    justify-self: start;
  }
}
@media (max-width: 575px) {
  .cart-items .product-line-grid > div.product-line-grid-right.quantity {
    grid-area: 4/1/5/2;
  }
}
@media (max-width: 767px) {
  .cart-items .product-line-grid > div.product-line-grid-right.product-line-actions {
    grid-area: 2/3/3/5;
    justify-self: end;
  }
}
@media (max-width: 575px) {
  .cart-items .product-line-grid > div.product-line-grid-right.product-line-actions {
    grid-area: 3/2/4/3;
  }
}
.cart-items .product-line-grid .img {
  border: 1px solid #ececec;
}
.cart-items .product-line-grid .product-line-info {
  text-align: left;
  font-size: 18px;
  line-height: 23px;
  padding: 0 18px;
}
@media (max-width: 767px) {
  .cart-items .product-line-grid .product-line-info {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .product-line-info {
    font-size: 0.9375vw;
    line-height: 1.1979166667vw;
    padding: 0 0.9375vw;
  }
}
.cart-items .product-line-grid .availability .circle {
  width: 20px;
  height: 20px;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .availability .circle {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
}
.cart-items .product-line-grid .availability span {
  font-size: 18px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .availability span {
    font-size: 0.9375vw;
    line-height: 1.0416666667vw;
  }
}
.cart-items .product-line-grid .current-price,
.cart-items .product-line-grid .product-discount {
  font-size: 18px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .current-price,
  .cart-items .product-line-grid .product-discount {
    font-size: 0.9375vw;
    line-height: 1.0416666667vw;
  }
}
.cart-items .product-line-grid .product-discount {
  color: #b1bbca;
}
.cart-items .product-line-grid .qty {
  padding-top: 3px;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .qty {
    padding-top: 0.15625vw;
  }
}
.cart-items .product-line-grid .input-group.bootstrap-touchspin {
  float: none;
}
.cart-items .product-line-grid .input-group.bootstrap-touchspin > input {
  padding: 0 0 3px;
  font-size: 16px;
  line-height: 30px;
  width: 40px;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .input-group.bootstrap-touchspin > input {
    padding: 0 0 0.15625vw;
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
    width: 2.0833333333vw;
  }
}
.cart-items .product-line-grid .input-group.bootstrap-touchspin .input-group-btn-vertical .btn {
  width: 17px;
  height: 16px;
  line-height: 10px;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .input-group.bootstrap-touchspin .input-group-btn-vertical .btn {
    width: 0.8854166667vw;
    height: 0.8333333333vw;
    line-height: 0.5208333333vw;
  }
}
.cart-items .product-line-grid .input-group.bootstrap-touchspin .input-group-btn-vertical .btn i {
  font-size: 8px;
  line-height: 10px;
  vertical-align: top;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .input-group.bootstrap-touchspin .input-group-btn-vertical .btn i {
    font-size: 0.4166666667vw;
    line-height: 0.5208333333vw;
  }
}
.cart-items .product-line-grid .input-group.bootstrap-touchspin .input-group-btn-vertical .btn + .btn {
  margin-top: 3px;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .input-group.bootstrap-touchspin .input-group-btn-vertical .btn + .btn {
    margin-top: 0.15625vw;
  }
}
.cart-items .product-line-grid .cart-line-product-actions .remove-from-cart {
  width: 35px;
  height: 35px;
  line-height: 32px;
  font-size: 20px;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .cart-line-product-actions .remove-from-cart {
    width: 1.8229166667vw;
    height: 1.8229166667vw;
    line-height: 1.6666666667vw;
    font-size: 1.0416666667vw;
  }
}
.cart-items .product-line-grid .product-price {
  font-size: 24px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .cart-items .product-line-grid .product-price {
    font-size: 1.25vw;
    line-height: 1.25vw;
  }
}
.cart-items .product-line-grid .product-line-label {
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  text-transform: none;
  font-weight: 400;
  vertical-align: baseline;
}
.cart-items .product-line-grid .product-line-label::after {
  content: ":";
}
@media (max-width: 767px) {
  .cart-items .product-line-grid .product-line-label + div {
    display: inline-block;
  }
  .cart-items .product-line-grid .product-line-label + div.qty {
    vertical-align: middle;
  }
}

.cart-detailed-totals .cart-summary-line {
  border-bottom: 1px solid #e3e3e3;
  padding: 12px 0 12px;
  font-size: 18px;
  line-height: 1;
  height: 60px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1fr 190px;
}
@media (min-width: 992px) {
  .cart-detailed-totals .cart-summary-line {
    padding: 0.625vw 0 0.625vw;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    height: 3.125vw;
    grid-template-columns: 1fr 9.8958333333vw;
  }
}
.cart-detailed-totals .cart-summary-line .label {
  text-align: right;
  padding: 0 13.8020833333vw 0 0.78125vw;
}
@media (max-width: 575px) {
  .cart-detailed-totals .cart-summary-line .label {
    padding: 0 5.2173913043vw 0 0;
  }
}
.cart-detailed-totals .cart-summary-line#cart-subtotal-products .value {
  font-size: 24px;
}
@media (min-width: 992px) {
  .cart-detailed-totals .cart-summary-line#cart-subtotal-products .value {
    font-size: 1.25vw;
  }
}
.cart-detailed-totals .cart-summary-line .value {
  padding: 0 15px;
  text-align: center;
}
@media (min-width: 992px) {
  .cart-detailed-totals .cart-summary-line .value {
    padding: 0 0.78125vw;
  }
}
@media (max-width: 767px) {
  .cart-detailed-totals .cart-summary-line .value {
    text-align: right;
    padding-right: 0;
  }
}
.cart-detailed-totals .cart-summary-line .value strong {
  font-weight: 900;
  font-size: 30px;
}
@media (min-width: 992px) {
  .cart-detailed-totals .cart-summary-line .value strong {
    font-size: 1.5625vw;
  }
}
.cart-detailed-totals .cart-summary-line#cart-subtotal-shipping .value span {
  line-height: 12px;
}
@media (min-width: 992px) {
  .cart-detailed-totals .cart-summary-line#cart-subtotal-shipping .value span {
    line-height: 0.625vw;
  }
}
.cart-detailed-totals .cart-summary-line.cart-total .label, .cart-detailed-totals .cart-summary-line.cart-total .value {
  line-height: 36px;
}
@media (min-width: 992px) {
  .cart-detailed-totals .cart-summary-line.cart-total .label, .cart-detailed-totals .cart-summary-line.cart-total .value {
    line-height: 1.875vw;
  }
}
.cart-detailed-totals .cart-summary-line.cart-total .label strong {
  line-height: 20px;
  display: block;
}
@media (min-width: 992px) {
  .cart-detailed-totals .cart-summary-line.cart-total .label strong {
    line-height: 1.0416666667vw;
  }
}

.cart-summary-line.cart-summary-subtotals .value,
.cart-summary-totals .cart-summary-line .value {
  font-weight: 900;
}

.cart-navigation {
  margin: 50px 0 0;
  overflow: hidden;
}
@media (min-width: 992px) {
  .cart-navigation {
    margin: 2.6041666667vw 0 0;
  }
}
@media (max-width: 575px) {
  .cart-navigation {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .cart-navigation > * {
    width: 100%;
  }
  .cart-navigation > * + * {
    margin-top: 15px;
  }
}

#ajax_cart_loader {
  background: rgba(0, 0, 0, 0.3) url(/themes/ibif/assets/img/loading.gif) center center no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: none;
}

/*******************/
/*******************/
#supercheckout_html_content_header {
  margin-top: -6.25vw;
  padding-top: 50px;
  padding-bottom: 20px;
}
#supercheckout_html_content_header h1 {
  text-align: center;
}

.supercheckout-threecolumns label[for] {
  padding-top: 0;
  padding-bottom: 0;
}
.supercheckout-threecolumns .checkbox, .supercheckout-threecolumns .custom-checkbox input[type=checkbox] + span, .custom-checkbox .supercheckout-threecolumns input[type=checkbox] + span {
  width: auto;
  height: auto;
  border: none;
  background: none;
}
.supercheckout-threecolumns .radio, .supercheckout-threecolumns .custom-radio {
  width: auto;
  border: none;
  height: auto;
}
.supercheckout-threecolumns .quantity-section .btn-primary, .supercheckout-threecolumns .quantity-section .btn-small, .supercheckout-threecolumns .quantity-section .btn-invers, .supercheckout-threecolumns .quantity-section .slideshow .slide__title-wrap .slider-btn-container .btn, .slideshow .slide__title-wrap .slider-btn-container .supercheckout-threecolumns .quantity-section .btn {
  min-width: 0;
}
.supercheckout-threecolumns .opc-container .checkbox a, .supercheckout-threecolumns .opc-container .custom-checkbox input[type=checkbox] + span a, .custom-checkbox .supercheckout-threecolumns .opc-container input[type=checkbox] + span a {
  z-index: 0;
}
.supercheckout-threecolumns #confirmCheckout .remove-from-cart {
  color: #fff;
}
.supercheckout-threecolumns .form-group label[for="shipping_address[postcode]"] {
  font-size: 18px;
}
@media (min-width: 992px) {
  .supercheckout-threecolumns .form-group label[for="shipping_address[postcode]"] {
    font-size: 0.9375vw;
  }
}

#module-supercheckout-supercheckout #header .header-nav {
  padding: 0;
  margin: 0 !important;
}
#module-supercheckout-supercheckout .opc-container .custom-panel h2 {
  background: none;
  border: none;
  position: relative;
  text-transform: none;
  padding-left: 100px;
  font-size: 30px;
  padding: 20px 0 45px 95px;
  margin: 30px 0;
  color: #000;
  border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .opc-container .custom-panel h2 {
    padding-left: 5.2083333333vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .opc-container .custom-panel h2 {
    font-size: 1.5625vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .opc-container .custom-panel h2 {
    padding: 1.0416666667vw 0 2.34375vw 4.9479166667vw;
  }
}
@media (max-width: 575px) {
  #module-supercheckout-supercheckout .opc-container .custom-panel h2 {
    padding-left: 80px;
  }
}
#module-supercheckout-supercheckout .opc-container .custom-panel h2::before {
  counter-increment: headings;
  content: counter(headings) ". ";
}
#module-supercheckout-supercheckout .opc-container .custom-panel h2::after {
  content: none;
}
#module-supercheckout-supercheckout .opc-container .custom-panel h2 i {
  background: #d71a21;
  color: #fff;
  width: 78px;
  line-height: 78px;
  font-size: 40px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .opc-container .custom-panel h2 i {
    width: 4.0625vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .opc-container .custom-panel h2 i {
    line-height: 4.0625vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .opc-container .custom-panel h2 i {
    font-size: 2.0833333333vw;
  }
}
@media (max-width: 575px) {
  #module-supercheckout-supercheckout .opc-container .custom-panel h2 i {
    width: 60px;
    line-height: 60px;
    font-size: 30px;
    top: 5px;
  }
}
#module-supercheckout-supercheckout .opc-container .custom-panel h2 i.icofont-delivery::before {
  position: relative;
  top: 8px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .opc-container .custom-panel h2 i.icofont-delivery::before {
    top: 0.4166666667vw;
  }
}
#module-supercheckout-supercheckout .coupon-section {
  margin: 10px 0;
  text-align: right;
}
#module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row {
  display: inline-block;
  width: 55%;
}
@media (max-width: 991px) {
  #module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row {
    width: 100%;
  }
}
#module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row #voucher-form {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr 150px;
  grid-gap: 25px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row #voucher-form {
    grid-template-columns: 1fr 7.8125vw;
  }
}
@media (max-width: 600px) {
  #module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row #voucher-form {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
#module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row #voucher-form button#button-coupon {
  min-height: 0px !important;
  padding: 0 25px;
  font-size: 14px;
  line-height: 48px;
  font-weight: 800;
  min-width: 0;
  border-radius: 25px;
  width: 100%;
  border: none !important;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row #voucher-form button#button-coupon {
    padding: 0 1.3020833333vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row #voucher-form button#button-coupon {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row #voucher-form button#button-coupon {
    line-height: 2.5vw;
  }
}
#module-supercheckout-supercheckout .coupon-section #supercheckout_voucher_input_row #voucher-form button#button-coupon:hover {
  color: #d71a21 !important;
  background-color: #fff;
}
#module-supercheckout-supercheckout #supercheckout-agree a {
  color: #4862a3;
  text-decoration: underline;
}
#module-supercheckout-supercheckout #x13recieptorinvoice_wrapper .custom-radio input[type=radio] + span {
  position: relative;
}
#module-supercheckout-supercheckout #x13recieptorinvoice_wrapper .custom-radio input[type=radio]:checked + span {
  position: relative;
}
#module-supercheckout-supercheckout #x13recieptorinvoice_wrapper .radio-inline + .radio-inline {
  margin-left: 0;
}
#module-supercheckout-supercheckout #supercheckout-fieldset .orangebutton,
#module-supercheckout-supercheckout #supercheckout-fieldset #button-login,
#module-supercheckout-supercheckout #supercheckout-fieldset #supercheckout_save_address {
  width: 100%;
  margin: 30px 0;
}
#module-supercheckout-supercheckout #supercheckout-fieldset .orangebuttonapply,
#module-supercheckout-supercheckout #supercheckout-fieldset .orangebuttonsmall {
  background-color: #d71a21;
  border-color: #d71a21 !important;
  border-radius: 25px;
}
#module-supercheckout-supercheckout #supercheckout-fieldset #supercheckout_save_address {
  font-weight: 900;
  font-size: 15px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout-fieldset #supercheckout_save_address {
    font-size: 0.78125vw;
  }
}
#module-supercheckout-supercheckout #supercheckout-fieldset .accountOptions li a,
#module-supercheckout-supercheckout #supercheckout-fieldset .actionAddress .btn {
  border-radius: 25px;
  border: 2px #d71a21 solid !important;
  background-color: #d71a21 !important;
  font-weight: 600;
  line-height: 100%;
  padding: 12px;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout-fieldset .accountOptions li a,
  #module-supercheckout-supercheckout #supercheckout-fieldset .actionAddress .btn {
    padding: 0.625vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout-fieldset .accountOptions li a,
  #module-supercheckout-supercheckout #supercheckout-fieldset .actionAddress .btn {
    font-size: 0.7291666667vw;
  }
}
#module-supercheckout-supercheckout #supercheckout-fieldset .accountOptions li a:focus, #module-supercheckout-supercheckout #supercheckout-fieldset .accountOptions li a:hover,
#module-supercheckout-supercheckout #supercheckout-fieldset .actionAddress .btn:focus,
#module-supercheckout-supercheckout #supercheckout-fieldset .actionAddress .btn:hover {
  outline: none;
}
#module-supercheckout-supercheckout #supercheckout-fieldset .accountOptions li a:hover,
#module-supercheckout-supercheckout #supercheckout-fieldset .actionAddress .btn:hover {
  background-color: #fff !important;
  border-color: #d71a21 !important;
  color: #d71a21 !important;
}

#velsof_supercheckout_form {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  #velsof_supercheckout_form {
    margin-bottom: 1.0416666667vw;
  }
}
#velsof_supercheckout_form .row.cart_list_item {
  border: none;
}

.shopping-cart-description .product-title {
  white-space: normal;
  max-width: 100%;
}
.shopping-cart-description .product-title a {
  color: inherit;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 10px;
  display: inline-block;
}
@media (min-width: 992px) {
  .shopping-cart-description .product-title a {
    font-size: 0.9375vw;
  }
}
@media (min-width: 992px) {
  .shopping-cart-description .product-title a {
    margin-bottom: 0.5208333333vw;
  }
}

#velsof_supercheckout_form .shopping-cart-totals > .row {
  display: grid;
  grid-template-columns: 11% 30% 1fr 1fr 130px 70px 200px;
  margin: 0;
  align-items: center;
}
#velsof_supercheckout_form .shopping-cart-totals > .row::before {
  content: none;
}
@media (min-width: 992px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row {
    grid-template-columns: 11% 30% 1fr 1fr 6.7708333333vw 70px 10.4166666667vw;
  }
}
@media (max-width: 991px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row {
    display: block;
    border: 1px solid #bbb !important;
    text-align: center;
    margin-bottom: 15px;
    padding: 30px;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row > .item {
  padding: 5px;
  text-align: left;
  margin: 0;
}
@media (max-width: 991px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row > .item {
    text-align: center;
  }
}
@media (max-width: 991px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_total {
    font-weight: 600;
    margin-top: 15px;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_description {
  font-size: 17px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  align-self: center;
}
@media (min-width: 992px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_description {
    font-size: 0.8854166667vw;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_description p,
#velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_description .product-title,
#velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_description .product-title span {
  display: block;
  font-size: inherit;
}
@media (max-width: 991px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_description p,
  #velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_description .product-title,
  #velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_description .product-title span {
    width: 100%;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row > .item.cart_description + .clear-mobile-div {
  display: none;
}
@media (max-width: 991px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row > .item.shopping-product-price {
    margin: 13px 0 !important;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row.th {
  background-color: #e3e3e3;
}
@media (max-width: 991px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row.th {
    display: none;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row.th > .item {
  background-color: #e3e3e3;
  color: inherit;
  text-align: center;
  font-size: 18px;
  border: 1px solid #fff;
  padding-top: 18px;
  padding-bottom: 18px;
  font-weight: 900;
  border-width: 0 0 0 1px;
}
@media (min-width: 992px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row.th > .item {
    font-size: 0.9375vw;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row.th > .item.cart_total.item {
  background-color: #d71a21;
  color: #fff;
  text-transform: uppercase;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .Cart-product-Image {
  width: 110px;
  margin: 15px auto;
  padding: 0;
  max-width: 90%;
}
@media (min-width: 992px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row .Cart-product-Image {
    width: 5.7291666667vw;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row .Cart-product-Image img {
  border: 1px solid #eeeeee;
  max-height: auto;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .product_stock_status {
  font-size: 17px;
  display: block;
  text-align: center;
}
@media (min-width: 992px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row .product_stock_status {
    font-size: 0.8854166667vw;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row .product_stock_status > p {
  background: none;
  margin: 0;
  white-space: nowrap;
  font-weight: 600;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .product_stock_status > p::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #ddd;
  border-radius: 50%;
  margin-right: 13px;
  vertical-align: middle;
}
@media (min-width: 992px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row .product_stock_status > p::before {
    width: 1.0416666667vw;
  }
}
@media (min-width: 992px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row .product_stock_status > p::before {
    height: 1.0416666667vw;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row .product_stock_status > p.label-danger::before {
  background-color: #ff2020;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .product_stock_status > p.label-success::before {
  background-color: #31bc1b;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .shopping-product-price span.cart-product-price {
  font-size: 18px;
  text-align: center;
}
@media (min-width: 992px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row .shopping-product-price span.cart-product-price {
    font-size: 0.9375vw;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row .shopping-product-price span.cart-product-price span {
  font-size: inherit;
  font-weight: 600;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity .input-group {
  display: block;
  position: static;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity > .input-group {
  margin: 0;
  position: relative;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity > .input-group .input-group-btn {
  position: static;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity > .input-group .input-group-btn button.qty-btn {
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  margin-right: 0;
  border-radius: 0;
  padding: 0 !important;
  min-width: 17px !important;
  min-height: 17px;
  background: #d71a21 !important;
  color: #fff;
  border: none;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity > .input-group .input-group-btn button.qty-btn::before {
  content: none;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity > .input-group .input-group-btn button.qty-btn.quantity-left-minus {
  top: auto;
  bottom: 0;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity > .input-group .input-group-btn button.qty-btn.quantity-left-minus > span::before {
  content: "\f068";
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity > .input-group .input-group-btn button.qty-btn.quantity-right-plus {
  top: 0;
  bottom: auto;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity > .input-group .input-group-btn button.qty-btn.quantity-right-plus > span::before {
  content: "\f067";
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_quantity input#quantity {
  width: 36px !important;
  height: 36px;
  position: static;
  margin-right: 20px;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_delete .remove-from-cart {
  border: none;
  display: inline-block;
  padding: 0px 9px;
  width: auto;
  height: auto;
  float: none;
  line-height: 34px;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_delete .remove-from-cart:hover {
  background-color: #d71a21;
  color: #fff;
}
@media (max-width: 991px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row .cart_delete .remove-from-cart {
    margin: 15px 0;
  }
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_delete .remove-from-cart > i {
  font-family: "icofont";
  font-weight: 500;
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_delete .remove-from-cart > i::before {
  content: "\e80d";
}
#velsof_supercheckout_form .shopping-cart-totals > .row .cart_total > span {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}
@media (min-width: 992px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row .cart_total > span {
    font-size: 0.9375vw;
  }
}
@media (max-width: 991px) {
  #velsof_supercheckout_form .shopping-cart-totals > .row .cart_total > span {
    font-weight: 800;
    font-size: 22px;
  }
}

body:not(#index) table.supercheckout-totals, body#product #content .product-features dl.supercheckout-totals.data-sheet,
body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet,
.quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet {
  border-collapse: collapse;
  margin: 0;
}
body:not(#index) table.supercheckout-totals tr, body#product #content .product-features dl.supercheckout-totals.data-sheet tr,
body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr,
.quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
body:not(#index) table.supercheckout-totals tr.totalAmount, body#product #content .product-features dl.supercheckout-totals.data-sheet tr.totalAmount,
body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr.totalAmount,
.quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr.totalAmount {
  padding: 0;
}
body:not(#index) table.supercheckout-totals tr td, body#product #content .product-features dl.supercheckout-totals.data-sheet tr td,
body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr td,
.quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr td {
  margin: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 19px;
}
@media (min-width: 992px) {
  body:not(#index) table.supercheckout-totals tr td, body#product #content .product-features dl.supercheckout-totals.data-sheet tr td,
  body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr td,
  .quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr td {
    padding-top: 0.7291666667vw;
  }
}
@media (min-width: 992px) {
  body:not(#index) table.supercheckout-totals tr td, body#product #content .product-features dl.supercheckout-totals.data-sheet tr td,
  body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr td,
  .quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr td {
    padding-bottom: 0.7291666667vw;
  }
}
@media (min-width: 992px) {
  body:not(#index) table.supercheckout-totals tr td, body#product #content .product-features dl.supercheckout-totals.data-sheet tr td,
  body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr td,
  .quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr td {
    font-size: 0.9895833333vw;
  }
}
body:not(#index) table.supercheckout-totals tr td #supercehckout_total_products_value, body#product #content .product-features dl.supercheckout-totals.data-sheet tr td #supercehckout_total_products_value,
body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr td #supercehckout_total_products_value,
.quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr td #supercehckout_total_products_value {
  font-weight: 800;
  font-size: 24px;
}
@media (min-width: 992px) {
  body:not(#index) table.supercheckout-totals tr td #supercehckout_total_products_value, body#product #content .product-features dl.supercheckout-totals.data-sheet tr td #supercehckout_total_products_value,
  body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr td #supercehckout_total_products_value,
  .quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr td #supercehckout_total_products_value {
    font-size: 1.25vw;
  }
}
body:not(#index) table.supercheckout-totals tr td #total_price, body#product #content .product-features dl.supercheckout-totals.data-sheet tr td #total_price,
body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr td #total_price,
.quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr td #total_price {
  font-weight: 800;
  font-size: 24px;
  color: #d71a21;
}
@media (min-width: 992px) {
  body:not(#index) table.supercheckout-totals tr td #total_price, body#product #content .product-features dl.supercheckout-totals.data-sheet tr td #total_price,
  body:not(#index) .quickview .product-features dl.supercheckout-totals.data-sheet tr td #total_price,
  .quickview .product-features body:not(#index) dl.supercheckout-totals.data-sheet tr td #total_price {
    font-size: 1.25vw;
  }
}

body:not(#index) table#customer_person_information_table td, body#product #content .product-features dl#customer_person_information_table.data-sheet td,
body:not(#index) .quickview .product-features dl#customer_person_information_table.data-sheet td,
.quickview .product-features body:not(#index) dl#customer_person_information_table.data-sheet td {
  padding-left: 0;
  padding-right: 0;
}

body:not(#index) #supercheckout-new-customer-form table, body#product #supercheckout-new-customer-form #content .product-features dl.data-sheet, body#product #content .product-features #supercheckout-new-customer-form dl.data-sheet,
body:not(#index) #supercheckout-new-customer-form .quickview .product-features dl.data-sheet,
.quickview .product-features body:not(#index) #supercheckout-new-customer-form dl.data-sheet {
  margin: 0;
}
body:not(#index) #supercheckout-new-customer-form table #new_customer_password td, body#product #supercheckout-new-customer-form #content .product-features dl.data-sheet #new_customer_password td, body#product #content .product-features #supercheckout-new-customer-form dl.data-sheet #new_customer_password td,
body:not(#index) #supercheckout-new-customer-form .quickview .product-features dl.data-sheet #new_customer_password td,
.quickview .product-features body:not(#index) #supercheckout-new-customer-form dl.data-sheet #new_customer_password td {
  background: none;
  padding: 0;
}
body:not(#index) #supercheckout-new-customer-form table #new_customer_password td input, body#product #supercheckout-new-customer-form #content .product-features dl.data-sheet #new_customer_password td input, body#product #content .product-features #supercheckout-new-customer-form dl.data-sheet #new_customer_password td input,
body:not(#index) #supercheckout-new-customer-form .quickview .product-features dl.data-sheet #new_customer_password td input,
.quickview .product-features body:not(#index) #supercheckout-new-customer-form dl.data-sheet #new_customer_password td input {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-weight: 500;
}

#module-supercheckout-supercheckout .form-group.login-options .radio-inline label {
  border-radius: 10px;
  background: #fff;
  border: 1px solid #cac8c8;
}
#module-supercheckout-supercheckout .form-group.login-options .radio-inline [type=radio]:checked + label {
  color: #d71a21;
  border-color: #d71a21;
}
#module-supercheckout-supercheckout #supercheckout-fieldset .permanent-warning,
#module-supercheckout-supercheckout .supercheckout-empty-page-content .permanent-warning {
  border-radius: 0 !important;
}
#module-supercheckout-supercheckout .opc-container input[type=checkbox] + label:before {
  border-radius: 5px;
  border-color: #c5c5c5;
  background-color: #fff;
}
#module-supercheckout-supercheckout .opc-container input[type=checkbox]:checked + label:before {
  color: #000;
}
#module-supercheckout-supercheckout .opc-container input[type=radio]:checked + label::before, #module-supercheckout-supercheckout .opc-container input[type=radio]:not(:checked) + label::before {
  border-color: #000;
}
#module-supercheckout-supercheckout .opc-container input[type=radio]:checked + label::after, #module-supercheckout-supercheckout .opc-container input[type=radio]:not(:checked) + label::after {
  background: #000;
}
#module-supercheckout-supercheckout .opc_shipping_method li.alert-info,
#module-supercheckout-supercheckout .opc_payment_method li.alert-info {
  background: #e3e3e3;
}
@media (max-width: 767px) {
  #module-supercheckout-supercheckout .form-group.form-coupon .input-group {
    max-width: 100%;
    display: block;
  }
  #module-supercheckout-supercheckout .form-group.form-coupon .input-group > span {
    display: block;
  }
}
#module-supercheckout-supercheckout .smallViewSection .quantity-section,
#module-supercheckout-supercheckout .smallViewSection .shopping-cart-description,
#module-supercheckout-supercheckout .smallViewSection .productTotalSection,
#module-supercheckout-supercheckout .smallViewSection .shopping-product-price {
  width: 100%;
}
#module-supercheckout-supercheckout #supercheckout-fieldset .actionAddress .btn i {
  font-size: inherit;
}
#module-supercheckout-supercheckout #delivery_address_detail {
  padding: 15px 30px;
  background: #f4f4f4;
  line-height: 150%;
  font-size: 13px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #delivery_address_detail {
    padding: 0.78125vw 1.5625vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #delivery_address_detail {
    font-size: 0.6770833333vw;
  }
}

@media (max-width: 768px) {
  #confirmCheckout span.cart-product-price span {
    text-align: center;
  }
}
@media (max-width: 680px) {
  #confirmCheckout span.cart-product-price span.unit-price-text.d-block {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .opc-container #checkoutShippingAddress select.supercheckout-large-field.form-control {
    height: auto;
  }
}
.opc-container #checkoutShippingAddress input[type=checkbox] + label {
  padding: 0;
}
.opc-container #checkoutShippingAddress input[type=checkbox] + label b {
  font-weight: 500;
}

/*******************/
/*******************/
#module-supercheckout-supercheckout {
  counter-reset: headings;
  padding: 0;
  display: block;
}
#module-supercheckout-supercheckout .opc-container .custom-panel {
  min-width: 100%;
  max-width: 100% !important;
}
#module-supercheckout-supercheckout label.form-control-label, #module-supercheckout-supercheckout label.control-label {
  padding-left: 20px;
  position: relative;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout label.form-control-label, #module-supercheckout-supercheckout label.control-label {
    padding-left: 1.0416666667vw;
  }
}
#module-supercheckout-supercheckout label.form-control-label[for*="[postcode]"], #module-supercheckout-supercheckout label.control-label[for*="[postcode]"] {
  font-size: 14px !important;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout label.form-control-label[for*="[postcode]"], #module-supercheckout-supercheckout label.control-label[for*="[postcode]"] {
    font-size: 0.7291666667vw !important;
  }
}
#module-supercheckout-supercheckout label.form-control-label .supercheckout-required, #module-supercheckout-supercheckout label.control-label .supercheckout-required {
  color: inherit !important;
  position: absolute;
  right: 0;
  top: 100%;
  font-size: 26px;
  margin: 15px -15px 0 0;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout label.form-control-label .supercheckout-required, #module-supercheckout-supercheckout label.control-label .supercheckout-required {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout label.form-control-label .supercheckout-required, #module-supercheckout-supercheckout label.control-label .supercheckout-required {
    margin: 0.78125vw -0.78125vw 0 0;
  }
}
#module-supercheckout-supercheckout #checkoutLogin #forgotpasswordlink {
  margin-top: 10px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #checkoutLogin #forgotpasswordlink {
    margin-top: 0.5208333333vw;
  }
}
#module-supercheckout-supercheckout #checkoutLogin #forgotpasswordlink a.label-link {
  color: #d71a21;
  font-size: inherit;
}
#module-supercheckout-supercheckout #checkoutLogin ul.accountOptions li .fa, #module-supercheckout-supercheckout #checkoutLogin ul.accountOptions li .fas {
  display: inline-block;
}
@media (max-width: 575px) {
  #module-supercheckout-supercheckout #checkoutLogin ul.accountOptions li {
    width: 100%;
    margin-top: 10px;
  }
}
#module-supercheckout-supercheckout #checkoutLogin .login-options [type=radio] + label {
  font-size: 14px;
  line-height: 150%;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #checkoutLogin .login-options [type=radio] + label {
    font-size: 0.7291666667vw;
  }
}
#module-supercheckout-supercheckout #supercheckout-comments {
  margin: 40px 0 20px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout-comments {
    margin: 2.0833333333vw 0 1.0416666667vw;
  }
}
#module-supercheckout-supercheckout #supercheckout-comments textarea {
  min-height: 210px;
  font-size: 14px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout-comments textarea {
    min-height: 10.9375vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout-comments textarea {
    font-size: 0.7291666667vw;
  }
}
#module-supercheckout-supercheckout #placeorderButton {
  margin: 75px 0 20px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #placeorderButton {
    margin: 3.90625vw 0 1.0416666667vw;
  }
}
#module-supercheckout-supercheckout #placeorderButton .btn {
  width: auto;
  display: inline-block;
  border-radius: 30px;
  font-size: 16px;
  padding: 22px 10px;
  min-width: 320px;
  max-width: 100%;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #placeorderButton .btn {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #placeorderButton .btn {
    padding: 1.1458333333vw 0.5208333333vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #placeorderButton .btn {
    min-width: 16.6666666667vw;
  }
}
#module-supercheckout-supercheckout #supercheckout-columnleft {
  padding: 15px 45px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout-columnleft {
    padding: 0.78125vw 2.34375vw;
  }
}
@media (max-width: 767px) {
  #module-supercheckout-supercheckout #supercheckout-columnleft {
    padding: 0;
  }
}
#module-supercheckout-supercheckout #supercheckout_html_content_header .cart-summary-products {
  float: right;
  margin-top: -45px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout_html_content_header .cart-summary-products {
    margin-top: -2.34375vw;
  }
}
@media (max-width: 991px) {
  #module-supercheckout-supercheckout #supercheckout_html_content_header .cart-summary-products {
    float: none;
    margin: 20px 0 10px;
    text-align: center;
  }
}
#module-supercheckout-supercheckout #supercheckout_html_content_header .cart-summary-products .cart-head {
  margin: 0;
  font-weight: 800;
  font-size: 16px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout_html_content_header .cart-summary-products .cart-head {
    font-size: 0.8333333333vw;
  }
}
#module-supercheckout-supercheckout #supercheckout_html_content_header .cart-summary-products .cart-head i {
  margin-right: 15px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #supercheckout_html_content_header .cart-summary-products .cart-head i {
    margin-right: 0.78125vw;
  }
}
#module-supercheckout-supercheckout #supercheckout_html_content_header .cart-summary-products .cart-head .label.js-subtotal {
  color: inherit;
  font-size: inherit;
  padding: 0;
  font-weight: inherit;
}
#module-supercheckout-supercheckout #complete_cart_summary .supercheckout-totals tr {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: auto 200px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #complete_cart_summary .supercheckout-totals tr {
    grid-template-columns: auto 10.4166666667vw;
  }
}
#module-supercheckout-supercheckout #complete_cart_summary .supercheckout-totals tr td {
  width: 100%;
}
#module-supercheckout-supercheckout #complete_cart_summary .supercheckout-totals tr td:last-child {
  text-align: center;
}
#module-supercheckout-supercheckout .opc_shoppingcart.custom-panel h2 {
  display: none;
}
@media (max-width: 767px) {
  #module-supercheckout-supercheckout .opc_shoppingcart .product_img {
    max-height: none;
  }
}
@media (max-width: 991px) {
  #module-supercheckout-supercheckout #column-1-inside, #module-supercheckout-supercheckout #column-2-inside, #module-supercheckout-supercheckout #columnleft-3 {
    height: auto !important;
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#module-supercheckout-supercheckout #column-1-inside {
  padding-right: 50px;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #column-1-inside {
    padding-right: 2.6041666667vw;
  }
}
#module-supercheckout-supercheckout #column-1-inside .opc_billing_address .form-group,
#module-supercheckout-supercheckout #column-1-inside .opc_shipping_address .form-group {
  margin: 0;
}
#module-supercheckout-supercheckout #column-1-inside .opc_billing_address .col-sm-6,
#module-supercheckout-supercheckout #column-1-inside .opc_shipping_address .col-sm-6 {
  width: 100%;
}
#module-supercheckout-supercheckout #column-1-inside #button-login,
#module-supercheckout-supercheckout #column-1-inside #supercheckout_save_address {
  display: inline-block;
  background-color: #fff;
  border-radius: 25px;
  border: 2px solid #000 !important;
  width: auto;
  letter-spacing: 0;
  min-width: 120px;
  padding: 13px 30px;
  font-size: 16px;
  color: #000 !important;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #column-1-inside #button-login,
  #module-supercheckout-supercheckout #column-1-inside #supercheckout_save_address {
    min-width: 6.25vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #column-1-inside #button-login,
  #module-supercheckout-supercheckout #column-1-inside #supercheckout_save_address {
    padding: 0.6770833333vw 1.5625vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #column-1-inside #button-login,
  #module-supercheckout-supercheckout #column-1-inside #supercheckout_save_address {
    font-size: 0.8333333333vw;
  }
}
#module-supercheckout-supercheckout #column-1-inside #button-login:hover,
#module-supercheckout-supercheckout #column-1-inside #supercheckout_save_address:hover {
  background-color: #000;
  color: #fff !important;
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li {
  background-color: #f4f4f4;
  color: inherit;
  padding: 0;
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li img,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li img,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li img,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li img {
  width: 100%;
  max-width: 130px;
  margin: 0 10px;
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li .radio, #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li .custom-radio,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li .radio,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li .custom-radio,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li .radio,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li .custom-radio,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li .radio,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li .custom-radio {
  padding: 0;
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for],
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for],
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for],
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] {
  display: grid;
  align-items: center;
  grid-template-columns: 200px auto 130px;
  padding: 15px 40px 15px 10%;
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] {
    grid-template-columns: 10.4166666667vw auto 6.7708333333vw;
  }
}
@media (min-width: 992px) {
  #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] {
    padding: 0.78125vw 2.0833333333vw 0.78125vw 10%;
  }
}
@media (max-width: 600px) {
  #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] {
    grid-template-columns: 80px auto 130px;
  }
}
@media (max-width: 600px) and (min-width: 992px) {
  #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] {
    grid-template-columns: 4.1666666667vw auto 6.7708333333vw;
  }
}
@media (max-width: 575px) {
  #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for],
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] {
    grid-template-columns: 1fr;
    grid-gap: 15px;
    text-align: center;
    padding: 15px 15px 15px 42px;
  }
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for]::before, #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for]::after,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for]::before,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for]::after,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for]::before,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for]::after,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for]::before,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for]::after {
  margin: auto;
  left: 5%;
}
@media (max-width: 575px) {
  #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for]::before, #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for]::after,
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for]::before,
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for]::after,
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for]::before,
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for]::after,
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for]::before,
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for]::after {
    left: 20px;
  }
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for]::before,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for]::before,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for]::before,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for]::before {
  bottom: 0;
  margin-left: -9px;
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for]::after,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for]::after,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for]::after,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for]::after {
  bottom: 3px;
  margin-left: -6px;
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for] > .photo,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for] > .photo,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for] > .photo,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] > .photo {
  border-left: 1px solid #dadada;
  text-align: center;
}
@media (max-width: 575px) {
  #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for] > .photo,
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for] > .photo,
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for] > .photo,
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] > .photo {
    border: none;
  }
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for] > .name,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for] > .name,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for] > .name,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] > .name {
  font-weight: 600;
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for] > .name .shippingInfo, #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for] > .name .paymentInfo,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for] > .name .shippingInfo,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for] > .name .paymentInfo,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for] > .name .shippingInfo,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for] > .name .paymentInfo,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] > .name .shippingInfo,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] > .name .paymentInfo {
  padding: 0;
  margin: 5px 0 0;
  text-align: inherit;
  font-size: inherit;
  font-weight: 500;
}
#module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for] > .price,
#module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for] > .price,
#module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for] > .price,
#module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] > .price {
  text-align: right;
  font-weight: 600;
}
@media (max-width: 575px) {
  #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for] > .price,
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for] > .price,
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for] > .price,
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] > .price {
    text-align: center;
  }
  #module-supercheckout-supercheckout #column-2-inside #shipping-method ul li label[for] > .price .shippingPrice,
  #module-supercheckout-supercheckout #column-2-inside #payment-method ul li label[for] > .price .shippingPrice,
  #module-supercheckout-supercheckout #supercheckout-columnleft #shipping-method ul li label[for] > .price .shippingPrice,
  #module-supercheckout-supercheckout #supercheckout-columnleft #payment-method ul li label[for] > .price .shippingPrice {
    float: none;
  }
}
#module-supercheckout-supercheckout #columnleft-2 {
  min-width: 100%;
  padding: 0;
}

/* checkout */
#checkout a:hover {
  color: #d71a21;
}
#checkout #content {
  display: grid;
  grid-row-gap: 45px;
}
@media (min-width: 992px) {
  #checkout #content {
    grid-template-columns: minmax(0, 1fr) 36.4583333333vw;
    grid-column-gap: 3.90625vw;
    grid-row-gap: 0;
  }
}
@media (max-width: 575px) {
  #checkout .custom-checkbox .text-muted {
    margin-left: 37px;
    display: block;
  }
}

.checkout-step {
  padding: 18px 0;
  border-bottom: 1px solid #e3e3e3;
  position: relative;
}
@media (min-width: 992px) {
  .checkout-step {
    padding: 0.9375vw 0;
  }
}
.checkout-step:first-child {
  padding-top: 0;
}
.checkout-step:not(.-current) .step-title .step-description {
  display: none;
}
.checkout-step.-current.-with-description .step-title .title-text {
  padding-top: 13px;
}
@media (min-width: 992px) {
  .checkout-step.-current.-with-description .step-title .title-text {
    padding-top: 0.6770833333vw;
  }
}
.checkout-step .step-title {
  display: flex;
  align-items: center;
}
.checkout-step .step-title i {
  flex-shrink: 0;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 40px;
  line-height: 78px;
  text-align: center;
  color: #d71a21;
  background: #f5f5f5;
  margin-right: 18px;
}
@media (min-width: 992px) {
  .checkout-step .step-title i {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
    font-size: 2.0833333333vw;
    line-height: 4.0625vw;
    margin-right: 0.9375vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .step-title i {
    width: 60px;
    height: 60px;
    font-size: 35px;
    line-height: 57px;
    margin-right: 10px;
  }
}
.checkout-step .step-title i[class*=-delivery]::before {
  vertical-align: sub;
}
.checkout-step .step-title .step-number {
  display: none;
}
.checkout-step .step-title .title-text {
  margin-top: 5px;
  display: block;
  position: relative;
}
@media (min-width: 992px) {
  .checkout-step .step-title .title-text {
    margin-top: 0.2604166667vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .step-title .title-text {
    font-size: 24px;
    line-height: 1;
  }
}
.checkout-step .step-title .step-description {
  display: block;
  font-size: 18px;
  line-height: 19px;
  font-style: italic;
  color: #d71a21;
  margin-top: 7px;
}
@media (min-width: 992px) {
  .checkout-step .step-title .step-description {
    font-size: 0.9375vw;
    line-height: 0.9895833333vw;
    margin-top: 0.3645833333vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .step-title .step-description {
    font-size: 16px;
    line-height: 18px;
  }
}
.checkout-step .content {
  margin: 17px 0 15px;
  padding-top: 10px;
  border-top: 1px solid #e3e3e3;
}
@media (min-width: 992px) {
  .checkout-step .content {
    margin: 0.8854166667vw 0 0.78125vw;
    padding-top: 0.5208333333vw;
  }
}
.checkout-step .content .nav {
  margin: 2px 0 0;
}
@media (min-width: 992px) {
  .checkout-step .content .nav {
    margin: 0.1041666667vw 0 0;
  }
}
.checkout-step .content .nav-item {
  border-bottom: 1px solid #e3e3e3;
  padding: 0 0 12px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 992px) {
  .checkout-step .content .nav-item {
    padding: 0 0 0.625vw 0;
  }
}
@media (max-width: 575px) {
  .checkout-step .content .nav-item {
    flex-direction: column;
    align-items: start;
  }
}
.checkout-step .content .nav-item .h3 {
  padding-left: 25px;
  margin: 0;
}
@media (min-width: 992px) {
  .checkout-step .content .nav-item .h3 {
    padding-left: 1.3020833333vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .content .nav-item .h3 {
    padding-left: 0;
  }
}
.checkout-step .content .nav-item .btn-primary, .checkout-step .content .nav-item .btn-small, .checkout-step .content .nav-item .btn-invers, .checkout-step .content .nav-item .slideshow .slide__title-wrap .slider-btn-container .btn, .slideshow .slide__title-wrap .slider-btn-container .checkout-step .content .nav-item .btn {
  min-width: 170px;
}
@media (min-width: 992px) {
  .checkout-step .content .nav-item .btn-primary, .checkout-step .content .nav-item .btn-small, .checkout-step .content .nav-item .btn-invers, .checkout-step .content .nav-item .slideshow .slide__title-wrap .slider-btn-container .btn, .slideshow .slide__title-wrap .slider-btn-container .checkout-step .content .nav-item .btn {
    min-width: 8.8541666667vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .content .nav-item .btn-primary, .checkout-step .content .nav-item .btn-small, .checkout-step .content .nav-item .btn-invers, .checkout-step .content .nav-item .slideshow .slide__title-wrap .slider-btn-container .btn, .slideshow .slide__title-wrap .slider-btn-container .checkout-step .content .nav-item .btn {
    margin-top: 10px;
  }
}
.checkout-step .content .nav-item .btn-primary i, .checkout-step .content .nav-item .btn-small i, .checkout-step .content .nav-item .btn-invers i, .checkout-step .content .nav-item .slideshow .slide__title-wrap .slider-btn-container .btn i, .slideshow .slide__title-wrap .slider-btn-container .checkout-step .content .nav-item .btn i {
  font-size: 20px;
  line-height: 10px;
  padding-right: 4px;
  vertical-align: bottom;
  display: inline-block;
  margin: -6px 0 -3px;
}
@media (min-width: 992px) {
  .checkout-step .content .nav-item .btn-primary i, .checkout-step .content .nav-item .btn-small i, .checkout-step .content .nav-item .btn-invers i, .checkout-step .content .nav-item .slideshow .slide__title-wrap .slider-btn-container .btn i, .slideshow .slide__title-wrap .slider-btn-container .checkout-step .content .nav-item .btn i {
    font-size: 1.0416666667vw;
    line-height: 0.5208333333vw;
    padding-right: 0.2083333333vw;
    margin: -0.3125vw 0 -0.15625vw;
  }
}
.checkout-step .content #customer-form {
  margin: 0;
}
.checkout-step .content #customer-form hr {
  margin: 23px 0 11px;
}
@media (min-width: 992px) {
  .checkout-step .content #customer-form hr {
    margin: 1.1979166667vw 0 0.5729166667vw;
  }
}
.checkout-step .content #customer-form hr + .special-color {
  margin: 11px 0 4px 48px;
}
@media (min-width: 992px) {
  .checkout-step .content #customer-form hr + .special-color {
    margin: 0.5729166667vw 0 0.2083333333vw 2.5vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .content #customer-form .continue {
    margin: 10px auto 0;
    float: none;
  }
}
@media (max-width: 575px) {
  .checkout-step .content .address-selector {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .checkout-step .content .address-selector .address-item {
    flex: 0 0 100% !important;
    width: 100%;
  }
}
.checkout-step .content .cancel-address {
  margin-right: 10px;
  min-width: 40px;
}
@media (min-width: 992px) {
  .checkout-step .content .cancel-address {
    margin-right: 0.5208333333vw;
    min-width: 7.2916666667vw;
  }
}
.checkout-step .content .delivery-options-list,
.checkout-step .content .payment-options {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .checkout-step .content .delivery-options-list,
  .checkout-step .content .payment-options {
    margin-top: 0.78125vw;
  }
}
.checkout-step .content #conditions-to-approve {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 25px 0;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .checkout-step .content #conditions-to-approve {
    padding: 1.3020833333vw 0;
    margin-top: 2.0833333333vw;
  }
}
.checkout-step .content #conditions-to-approve ul {
  margin: 0;
}
.checkout-step .content #conditions-to-approve ul li + li {
  margin-top: 25px;
  border-top: 1px solid #e3e3e3;
  padding-top: 25px;
}
@media (min-width: 992px) {
  .checkout-step .content #conditions-to-approve ul li + li {
    margin-top: 1.3020833333vw;
    padding-top: 1.3020833333vw;
  }
}
.checkout-step .content #conditions-to-approve .custom-checkbox input[type=checkbox] + span {
  margin-right: 25px;
}
@media (min-width: 992px) {
  .checkout-step .content #conditions-to-approve .custom-checkbox input[type=checkbox] + span {
    margin-right: 1.3020833333vw;
  }
}
.checkout-step .content #conditions-to-approve .label a {
  text-decoration: underline;
}
.checkout-step .content #conditions-to-approve .label a:hover {
  text-decoration: none;
}
.checkout-step .address {
  margin-left: 40px;
}
@media (min-width: 992px) {
  .checkout-step .address {
    margin-left: 2.0833333333vw;
  }
}
.checkout-step .checkout-option {
  display: grid;
  align-content: center;
  grid-template-columns: 99px minmax(0, 1fr);
  grid-column-gap: 30px;
  padding: 20px 0;
  margin-bottom: 10px;
  background: #f5f5f5;
}
@media (min-width: 992px) {
  .checkout-step .checkout-option {
    grid-template-columns: 5.15625vw minmax(0, 1fr);
    grid-column-gap: 1.5625vw;
    padding: 1.0416666667vw 0;
    margin-bottom: 0.5208333333vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .checkout-option {
    grid-template-columns: 70px minmax(0, 1fr);
    grid-column-gap: 15px;
  }
}
.checkout-step .checkout-option .checkout-radio {
  min-height: 70px;
  border-right: 1px solid #e3e3e3;
  display: grid;
  justify-content: center;
  align-content: center;
}
@media (min-width: 992px) {
  .checkout-step .checkout-option .checkout-radio {
    min-height: 3.6458333333vw;
  }
}
.checkout-step .checkout-option .checkout-radio .custom-radio {
  margin: 0 !important;
}
.checkout-step .checkout-option .delivery-option-2 {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) 140px;
  grid-column-gap: 30px;
  padding: 0;
}
@media (min-width: 992px) {
  .checkout-step .checkout-option .delivery-option-2 {
    grid-template-columns: minmax(0, 1fr) 7.2916666667vw;
    grid-column-gap: 1.5625vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .checkout-option .delivery-option-2 {
    grid-template-columns: minmax(0, 1fr) 80px;
    grid-column-gap: 15px;
  }
}
.checkout-step .checkout-option .delivery-option-2.with-logo {
  grid-template-columns: 100px minmax(0, 1fr) 140px;
}
@media (min-width: 992px) {
  .checkout-step .checkout-option .delivery-option-2.with-logo {
    grid-template-columns: 5.2083333333vw minmax(0, 1fr) 7.2916666667vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .checkout-option .delivery-option-2.with-logo {
    grid-template-columns: minmax(0, 1fr) 80px;
    grid-column-gap: 15px;
  }
}
.checkout-step .checkout-option .delivery-option-2 .delivery-logo {
  justify-content: center;
}
.checkout-step .checkout-option .delivery-option-2 .delivery-logo img {
  max-width: 100%;
}
.checkout-step .checkout-option .delivery-option-2 .carrier-name {
  display: block;
}
.checkout-step .checkout-option .delivery-option-2 .delivery-price {
  padding-right: 30px;
  text-align: right;
}
@media (min-width: 992px) {
  .checkout-step .checkout-option .delivery-option-2 .delivery-price {
    padding-right: 1.5625vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .checkout-option .delivery-option-2 .delivery-price {
    padding-right: 10px;
  }
}
.checkout-step .checkout-option .payment-name {
  text-align: left;
  display: flex;
  align-content: center;
  align-items: center;
}
.checkout-step .checkout-option .payment-name img {
  height: auto;
  max-width: 100%;
  margin-right: 30px;
}
@media (min-width: 992px) {
  .checkout-step .checkout-option .payment-name img {
    margin-right: 1.5625vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .checkout-option .payment-name img {
    margin-right: 15px;
  }
}
.checkout-step .checkout-option .payment-name .h3 {
  margin: 0;
  font-size: 20px;
}
@media (min-width: 992px) {
  .checkout-step .checkout-option .payment-name .h3 {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 575px) {
  .checkout-step .checkout-option .payment-name .h3 {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  html:not(.wf-active) .checkout-step .checkout-option div.payment-name {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 575px) {
  html:not(.wf-active) .checkout-step .checkout-option .payment-name img {
    width: auto;
  }
}

.block-promo .promo-code {
  padding: 20px 0 0;
  font-size: 18px;
  line-height: 30px;
  max-width: 670px;
}
@media (min-width: 992px) {
  .block-promo .promo-code {
    padding: 1.0416666667vw 0 0;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    max-width: 34.8958333333vw;
  }
}
@media (max-width: 767px) {
  .block-promo .promo-code {
    max-width: unset;
  }
}
.block-promo .promo-code .h3 {
  font-size: 18px;
  text-transform: uppercase;
  color: #d71a21;
  padding-left: 23px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .block-promo .promo-code .h3 {
    font-size: 0.9375vw;
    padding-left: 1.1979166667vw;
    margin-bottom: 0.5208333333vw;
  }
}
.block-promo .promo-code form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 155px;
}
@media (min-width: 992px) {
  .block-promo .promo-code form {
    grid-template-columns: minmax(0, 1fr) 8.0729166667vw;
  }
}
@media (max-width: 575px) {
  .block-promo .promo-code form {
    grid-template-columns: auto;
  }
}
.block-promo .promo-code .btn {
  margin-left: 10px;
  min-width: unset;
  font-size: 16px;
}
@media (max-width: 575px) {
  .block-promo .promo-code .btn {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .block-promo .promo-code .btn {
    margin-left: 0.5208333333vw;
    font-size: 0.8333333333vw;
  }
}

.block-promo.promo-highlighted {
  padding: 30px 0 0;
}
@media (min-width: 992px) {
  .block-promo.promo-highlighted {
    padding: 1.5625vw 0 0;
  }
}

.promo-discounts {
  margin: 0;
}

#order-detail .card {
  max-width: 700px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  #order-detail .card {
    max-width: 36.4583333333vw;
  }
}
@media (max-width: 991px) {
  #order-detail .card {
    margin-bottom: 20px;
  }
}

.checkout-right > .card {
  padding: 35px 35px 30px;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .checkout-right > .card {
    padding: 1.8229166667vw 1.8229166667vw 1.5625vw;
    margin-bottom: 3.125vw;
  }
}
@media (max-width: 575px) {
  .checkout-right > .card {
    padding: 25px 25px 20px;
    margin-bottom: 30px;
  }
}
.checkout-right > .card .cart-summary-products {
  padding-bottom: 40px;
  border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 992px) {
  .checkout-right > .card .cart-summary-products {
    padding-bottom: 2.0833333333vw;
  }
}
.checkout-right > .card .cart-summary-products .cart-head {
  padding: 0;
  margin: 0;
}
@media (max-width: 575px) {
  .checkout-right > .card .cart-summary-products .cart-head .btn {
    float: none;
    margin: 10px auto 0;
    display: block;
  }
}
.checkout-right > .card .cart-summary-products #cart-summary-product-list {
  padding-top: 30px;
}
@media (min-width: 992px) {
  .checkout-right > .card .cart-summary-products #cart-summary-product-list {
    padding-top: 1.5625vw;
  }
}
.checkout-right > .card .cart_summary_subtotals {
  padding: 15px 0;
}
@media (min-width: 992px) {
  .checkout-right > .card .cart_summary_subtotals {
    padding: 0.78125vw 0;
  }
}
.checkout-right > .card .cart-summary-line {
  padding: 5px 0 5px 30px;
  font-size: 18px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .checkout-right > .card .cart-summary-line {
    padding: 0.2604166667vw 0 0.2604166667vw 1.5625vw;
    font-size: 0.9375vw;
    line-height: 1.0416666667vw;
  }
}
.checkout-right > .card .cart-summary-line .value {
  font-weight: 900;
}
.checkout-right > .card > .block-promo {
  padding: 20px 0 30px 0;
  border-top: 1px solid #e3e3e3;
}
@media (min-width: 992px) {
  .checkout-right > .card > .block-promo {
    padding: 1.0416666667vw 0 1.5625vw 0;
  }
}
.checkout-right > .card > .block-promo .cart-summary-line {
  padding: 0;
}
.checkout-right > .card .cart-summary-totals {
  padding: 15px 0;
  border-top: 1px solid #e3e3e3;
}
@media (min-width: 992px) {
  .checkout-right > .card .cart-summary-totals {
    padding: 0.78125vw 0;
  }
}

@media (max-width: 575px) {
  .btn.continue {
    width: 100%;
  }
}

/* new style radio delivery option by Artur :) */
.checkout-step .checkout-option {
  cursor: default !important;
}

.delivery-option-2 {
  position: relative;
  cursor: pointer;
}

.delivery-option-2 .checkout-radio-2 {
  position: absolute;
  top: 35%;
  left: -16%;
}

.delivery-option-2 .checkout-radio-2 input[type=radio] {
  opacity: 0;
  cursor: pointer;
  position: absolute;
}

.delivery-option-2 .checkout-radio-2 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px #ba3960 solid;
  cursor: pointer;
}

.delivery-option-2:hover .checkout-radio-2 input ~ .checkmark,
.delivery-option-2 .checkout-radio-2:hover input ~ .checkmark {
  background: #fff;
}

.delivery-option-2:hover .checkout-radio-2 input ~ .checkmark:after,
.delivery-option-2 .checkout-radio-2:hover input ~ .checkmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ba3960;
}

.delivery-option-2 .checkout-radio-2 input:checked ~ .checkmark {
  background-color: #fff;
}

.delivery-option-2 .checkout-radio-2 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.delivery-option-2 .checkout-radio-2 input:checked ~ .checkmark:after {
  display: block;
}

.delivery-option-2 .checkout-radio-2 input:hover:not(:checked) ~ .checkmark:after {
  display: block;
  background: #fff;
  border: 1px #ba3960 solid;
}

.delivery-option-2 .checkout-radio-2 .checkmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ba3960;
}

/* new style radio payment option by Artur :) */
body#checkout section.checkout-step .payment-options .payment-option {
  cursor: default !important;
}

.payment-name {
  position: relative;
  cursor: pointer;
  width: 100%;
}

.payment-name .checkout-radio-2 {
  position: absolute;
  top: 35%;
  left: -16%;
}

.payment-name .checkout-radio-2 input[type=radio] {
  opacity: 0;
  cursor: pointer;
  position: absolute;
}

.payment-name .checkout-radio-2 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px #ba3960 solid;
  cursor: pointer;
}

.payment-name:hover .checkout-radio-2 input ~ .checkmark,
.payment-name .checkout-radio-2:hover input ~ .checkmark {
  background: #fff;
}

.payment-name:hover .checkout-radio-2 input ~ .checkmark:after,
.payment-name .checkout-radio-2:hover input ~ .checkmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ba3960;
}

.payment-name .checkout-radio-2 input:checked ~ .checkmark {
  background-color: #fff;
}

.payment-name .checkout-radio-2 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.payment-name .checkout-radio-2 input:checked ~ .checkmark:after {
  display: block;
}

.payment-name .checkout-radio-2 input:hover:not(:checked) ~ .checkmark:after {
  display: block;
  background: #fff;
  border: 1px #ba3960 solid;
}

.payment-name .checkout-radio-2 .checkmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ba3960;
}

/* authentication */
#authentication #content > section.register-form, #password form.forgotten-password, .authentication-two-rows .card {
  height: 100%;
}
#authentication #content > section.register-form > div, #password form.forgotten-password > div, .authentication-two-rows .card > div {
  width: 80%;
  margin: auto;
}
@media (max-width: 420px) {
  #authentication #content > section.register-form > div, #password form.forgotten-password > div, .authentication-two-rows .card > div {
    width: 100%;
  }
}
#authentication #content > section.register-form i.card-icon, #password form.forgotten-password i.card-icon, .authentication-two-rows .card i.card-icon {
  float: right;
  color: #d71a21;
  font-size: 46px;
  margin-top: -15px;
}
@media (min-width: 992px) {
  #authentication #content > section.register-form i.card-icon, #password form.forgotten-password i.card-icon, .authentication-two-rows .card i.card-icon {
    font-size: 2.3958333333vw;
  }
}
@media (min-width: 992px) {
  #authentication #content > section.register-form i.card-icon, #password form.forgotten-password i.card-icon, .authentication-two-rows .card i.card-icon {
    margin-top: -0.78125vw;
  }
}
#authentication #content > section.register-form h3.h2, #password form.forgotten-password h3.h2, .authentication-two-rows .card h3.h2 {
  color: #000;
  font-weight: 600;
  font-size: 28px;
}
@media (min-width: 992px) {
  #authentication #content > section.register-form h3.h2, #password form.forgotten-password h3.h2, .authentication-two-rows .card h3.h2 {
    font-size: 1.4583333333vw;
  }
}
#authentication #content > section.register-form p, #password form.forgotten-password p, .authentication-two-rows .card p {
  font-size: 20px;
  margin: 38px 0;
  font-style: italic;
}
@media (min-width: 992px) {
  #authentication #content > section.register-form p, #password form.forgotten-password p, .authentication-two-rows .card p {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 992px) {
  #authentication #content > section.register-form p, #password form.forgotten-password p, .authentication-two-rows .card p {
    margin: 1.9791666667vw 0;
  }
}
#authentication #content > section.register-form .btn, #password form.forgotten-password .btn, .authentication-two-rows .card .btn {
  width: 100%;
  border-radius: 25px;
}

.page-authentication #content.card,
#password #content.card {
  padding: 25px 40px;
  max-width: 700px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .page-authentication #content.card,
  #password #content.card {
    padding: 1.3020833333vw 4.4270833333vw;
    max-width: 36.4583333333vw;
  }
}
.page-authentication #content.card .card-icon,
#password #content.card .card-icon {
  font-size: 46px;
  line-height: 56px;
  vertical-align: bottom;
  color: #d71a21;
  display: block;
  text-align: center;
}
@media (min-width: 992px) {
  .page-authentication #content.card .card-icon,
  #password #content.card .card-icon {
    font-size: 2.3958333333vw;
    line-height: 2.9166666667vw;
  }
}
.page-authentication #content.card .h2,
#password #content.card .h2 {
  margin: 18px auto 23px;
  text-align: center;
}
@media (min-width: 992px) {
  .page-authentication #content.card .h2,
  #password #content.card .h2 {
    margin: 0.9375vw auto 1.1979166667vw;
  }
}
.page-authentication #content.card .btn,
#password #content.card .btn {
  max-width: 210px;
  margin: 20px auto 9px;
}
@media (min-width: 992px) {
  .page-authentication #content.card .btn,
  #password #content.card .btn {
    max-width: 10.9375vw;
    margin: 1.0416666667vw auto 0.46875vw;
  }
}
.page-authentication #content.card + .page-footer .navigation-buttons,
#password #content.card + .page-footer .navigation-buttons {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .page-authentication #content.card + .page-footer .navigation-buttons,
  #password #content.card + .page-footer .navigation-buttons {
    max-width: 36.4583333333vw;
  }
}

#content.card {
  padding: 25px 50px;
  max-width: 900px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  #content.card {
    padding: 1.3020833333vw 4.4270833333vw;
    max-width: 46.875vw;
  }
}
@media (max-width: 575px) {
  #content.card {
    padding: 15px 20px 15px;
  }
}
#content.card + .page-footer .navigation-buttons {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  #content.card + .page-footer .navigation-buttons {
    max-width: 46.875vw;
  }
}
#content.card.page-order-confirmation {
  max-width: unset;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  #content.card.page-order-confirmation {
    margin-bottom: 2.0833333333vw;
  }
}
@media (max-width: 575px) {
  #content.card.page-order-confirmation {
    padding: 0;
  }
}
@media (max-width: 575px) {
  #content.card.page-order-confirmation .order-confirmation-table table, body#product #content.card.page-order-confirmation .order-confirmation-table .product-features dl.data-sheet, body#product #content.card.page-order-confirmation .product-features .order-confirmation-table dl.data-sheet,
  #content.card.page-order-confirmation .order-confirmation-table .quickview .product-features dl.data-sheet,
  .quickview .product-features #content.card.page-order-confirmation .order-confirmation-table dl.data-sheet {
    margin: 0;
  }
}
@media (max-width: 575px) {
  #content.card.page-order-confirmation .order-confirmation-table table td, body#product #content.card.page-order-confirmation .order-confirmation-table .product-features dl.data-sheet td, body#product #content.card.page-order-confirmation .product-features .order-confirmation-table dl.data-sheet td,
  #content.card.page-order-confirmation .order-confirmation-table .quickview .product-features dl.data-sheet td,
  .quickview .product-features #content.card.page-order-confirmation .order-confirmation-table dl.data-sheet td, #content.card.page-order-confirmation .order-confirmation-table table th, body#product #content.card.page-order-confirmation .order-confirmation-table .product-features dl.data-sheet th, body#product #content.card.page-order-confirmation .product-features .order-confirmation-table dl.data-sheet th,
  #content.card.page-order-confirmation .order-confirmation-table .quickview .product-features dl.data-sheet th,
  .quickview .product-features #content.card.page-order-confirmation .order-confirmation-table dl.data-sheet th {
    padding: 15px 10px 15px;
    font-size: 16px;
  }
}

body[id^=module-x13privacymanager] #content.card {
  max-width: 100%;
}
body[id^=module-x13privacymanager] #content.card + .page-footer .navigation-buttons {
  max-width: 100%;
}
body[id^=module-x13privacymanager] #content.card .btn {
  max-width: 300px;
  line-height: 1.0416666667vw;
}
body[id^=module-x13privacymanager] .pm_block {
  padding: 20px 30px 65px;
}
@media (min-width: 992px) {
  body[id^=module-x13privacymanager] .pm_block {
    padding: 1.0416666667vw 1.5625vw 3.3854166667vw;
  }
}
@media (max-width: 575px) {
  body[id^=module-x13privacymanager] .pm_block {
    padding: 10px 15px 10px;
  }
}
@media (max-width: 575px) {
  body[id^=module-x13privacymanager] .pm_block .btn {
    position: relative;
    margin-top: 10px;
    left: unset;
    bottom: unset;
    transform: unset;
  }
}

.card-link, .checkout-step .content .forgot-password, .page-authentication #content.card .forgot-password, .page-authentication #content.card .no-account,
#password #content.card .forgot-password,
#password #content.card .no-account {
  padding-left: 24px;
  margin: 15px 0;
}
@media (min-width: 992px) {
  .card-link, .checkout-step .content .forgot-password, .page-authentication #content.card .forgot-password, .page-authentication #content.card .no-account,
  #password #content.card .forgot-password,
  #password #content.card .no-account {
    padding-left: 1.25vw;
    margin: 0.78125vw 0;
  }
}
.card-link a, .checkout-step .content .forgot-password a, .page-authentication #content.card .forgot-password a, .page-authentication #content.card .no-account a,
#password #content.card .forgot-password a,
#password #content.card .no-account a {
  text-transform: lowercase;
  color: #979797;
  outline: none;
}
.card-link a:hover, .checkout-step .content .forgot-password a:hover, .page-authentication #content.card .forgot-password a:hover, .page-authentication #content.card .no-account a:hover,
#password #content.card .forgot-password a:hover,
#password #content.card .no-account a:hover {
  color: #d71a21;
}
.card-link a i, .checkout-step .content .forgot-password a i, .page-authentication #content.card .forgot-password a i, .page-authentication #content.card .no-account a i,
#password #content.card .forgot-password a i,
#password #content.card .no-account a i {
  color: #d71a21;
  padding-right: 15px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .card-link a i, .checkout-step .content .forgot-password a i, .page-authentication #content.card .forgot-password a i, .page-authentication #content.card .no-account a i,
  #password #content.card .forgot-password a i,
  #password #content.card .no-account a i {
    font-size: 0.7291666667vw;
    padding-right: 0.78125vw;
  }
}

#content a[class=""] i,
.card-block a[class=""] i,
.card-block a:not([class]) i {
  color: #d71a21;
  padding-right: 15px;
  font-size: 14px;
}
@media (min-width: 992px) {
  #content a[class=""] i,
  .card-block a[class=""] i,
  .card-block a:not([class]) i {
    padding-right: 0.78125vw;
    font-size: 0.7291666667vw;
  }
}

.card-block a i.material-icons {
  font-size: 35px;
}
@media (min-width: 992px) {
  .card-block a i.material-icons {
    font-size: 1.8229166667vw;
  }
}

/* customer */
#my-account.page-my-account #content .links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 30px;
  padding: 0;
  margin: auto;
  width: 1450px;
  max-width: 100%;
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .links {
    width: 75.5208333333vw;
  }
}
@media (max-width: 991px) {
  #my-account.page-my-account #content .links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 30px;
  }
}
@media (max-width: 575px) {
  #my-account.page-my-account #content .links {
    grid-template-columns: 1fr;
  }
}
#my-account.page-my-account #content .card {
  padding: 30px;
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card {
    padding: 1.5625vw;
  }
}
@media (max-width: 575px) {
  #my-account.page-my-account #content .card {
    text-align: center;
  }
}
#my-account.page-my-account #content .card i {
  color: #fff;
  background: #d71a21;
  width: 70px;
  line-height: 70px;
  font-size: 32px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card i {
    width: 3.6458333333vw;
  }
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card i {
    line-height: 3.6458333333vw;
  }
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card i {
    font-size: 1.6666666667vw;
  }
}
#my-account.page-my-account #content .card .h3 {
  font-size: 28px;
  max-width: 220px;
  margin: 30px 0;
  min-height: 105px;
  line-height: 125%;
  font-weight: 600;
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card .h3 {
    font-size: 1.4583333333vw;
  }
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card .h3 {
    max-width: 11.4583333333vw;
  }
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card .h3 {
    margin: 1.5625vw 0;
  }
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card .h3 {
    min-height: 5.46875vw;
  }
}
@media (max-width: 575px) {
  #my-account.page-my-account #content .card .h3 {
    min-height: 0;
    max-width: 100%;
  }
}
#my-account.page-my-account #content .card .btn {
  font-size: 13px;
  min-width: 165px;
  padding: 11px;
  margin-bottom: 10px;
  display: inline-block;
  border-radius: 25px;
  line-height: 100%;
  font-weight: 600;
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card .btn {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card .btn {
    min-width: 8.59375vw;
  }
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card .btn {
    padding: 0.5729166667vw;
  }
}
@media (min-width: 992px) {
  #my-account.page-my-account #content .card .btn {
    margin-bottom: 0.5208333333vw;
  }
}
#my-account.page-my-account #content .card .btn::before {
  content: none;
}
#my-account.page-my-account #content .card .btn:hover {
  background-color: #000;
  color: #fff;
}
@media (max-width: 575px) {
  #my-account.page-my-account #content .card .btn {
    padding: 15px;
    width: 200px;
  }
}

.page-footer .navigation-buttons {
  padding: 0;
}

#address form footer.form-footer, #identity form footer.form-footer, #order-detail form footer.form-footer {
  margin: 30px 0;
}
@media (min-width: 992px) {
  #address form footer.form-footer, #identity form footer.form-footer, #order-detail form footer.form-footer {
    margin: 1.5625vw 0;
  }
}
#address form footer.form-footer .btn, #identity form footer.form-footer .btn, #order-detail form footer.form-footer .btn {
  border-radius: 25px;
}
@media (max-width: 575px) {
  #address form footer.form-footer .btn, #identity form footer.form-footer .btn, #order-detail form footer.form-footer .btn {
    width: 100%;
  }
}

.address a, .address-item a {
  color: #000;
}
.address a:hover, .address-item a:hover {
  color: #d71a21;
}
.address a span, .address-item a span {
  vertical-align: text-bottom;
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 992px) {
  .address a span, .address-item a span {
    font-size: 0.8333333333vw;
    line-height: 0.9375vw;
  }
}
.address a i, .address-item a i {
  vertical-align: text-bottom;
  color: #d71a21;
  font-size: 18px;
  line-height: 18px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .address a i, .address-item a i {
    font-size: 0.9375vw;
    line-height: 0.9375vw;
    margin-right: 0.2604166667vw;
  }
}
.address .address-body, .address-item .address-body {
  padding: 16px;
}
@media (min-width: 992px) {
  .address .address-body, .address-item .address-body {
    padding: 0.8333333333vw;
  }
}
.address .address-footer, .address-item .address-footer {
  border-top: 1px solid #ececec;
  padding: 10px 16px;
}
@media (min-width: 992px) {
  .address .address-footer, .address-item .address-footer {
    padding: 0.5208333333vw 0.8333333333vw;
  }
}

.addresses-footer a span {
  vertical-align: text-bottom;
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 992px) {
  .addresses-footer a span {
    font-size: 0.8333333333vw;
    line-height: 0.9375vw;
  }
}

.add-address i {
  font-size: 12px;
  line-height: 18px;
  margin-right: 5px;
  vertical-align: text-bottom;
}
@media (min-width: 992px) {
  .add-address i {
    font-size: 0.625vw;
    line-height: 0.9375vw;
    margin-right: 0.2604166667vw;
  }
}

.addresses .card {
  padding: 30px 30px;
}
@media (min-width: 992px) {
  .addresses .card {
    padding: 1.5625vw 1.5625vw;
  }
}

#addresses .addresses-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 30px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  #addresses .addresses-list {
    margin-bottom: 1.0416666667vw;
  }
}
@media (max-width: 991px) {
  #addresses .addresses-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  #addresses .addresses-list {
    grid-template-columns: 1fr;
  }
}
#addresses .addresses-list > div {
  width: 100%;
  margin: 0;
}

#history .orders .order {
  padding: 30px 30px;
  margin: 0 20px;
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 991px) {
  #history .orders .order {
    margin: 20px 10px;
  }
}
#history .orders .order h3 {
  color: #d71a21;
}
#history .orders .order i:hover {
  color: #d71a21;
}

.page-order-detail table, .page-order-detail body#product #content .product-features dl.data-sheet, body#product #content .product-features .page-order-detail dl.data-sheet,
.page-order-detail .quickview .product-features dl.data-sheet,
.quickview .product-features .page-order-detail dl.data-sheet, .page-order-detail .box {
  margin: 20px 0;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .page-order-detail table, .page-order-detail body#product #content .product-features dl.data-sheet, body#product #content .product-features .page-order-detail dl.data-sheet,
  .page-order-detail .quickview .product-features dl.data-sheet,
  .quickview .product-features .page-order-detail dl.data-sheet, .page-order-detail .box {
    margin: 1.0416666667vw 0;
    font-size: 0.9375vw;
    line-height: 1.1458333333vw;
  }
}
.page-order-detail .order-items, .page-order-detail .order-totals {
  border: 1px solid #ececec;
  border-bottom: 0;
  margin: 20px 0;
}
.page-order-detail .order-items .row, .page-order-detail .order-totals .row {
  font-size: 18px;
  margin: 0;
  border-bottom: 1px solid #ececec;
}
.page-order-detail .order-items .row > *, .page-order-detail .order-totals .row > * {
  padding: 17px 40px 19px;
}
@media (min-width: 992px) {
  .page-order-detail .order-items .row > *, .page-order-detail .order-totals .row > * {
    padding: 0.8854166667vw 2.0833333333vw 0.9895833333vw;
  }
}
@media (max-width: 575px) {
  .page-order-detail .order-items .row > *, .page-order-detail .order-totals .row > * {
    padding: 15px 10px 15px;
  }
}
.page-order-detail .order-items .row > *:first-child, .page-order-detail .order-totals .row > *:first-child {
  text-align: left;
}
.page-order-detail .shipping-lines {
  margin: 20px 0;
  border: 1px solid #ececec;
  border-bottom: 0;
}
.page-order-detail .shipping-lines ul {
  margin: 0;
}
.page-order-detail .shipping-lines ul li {
  font-size: 18px;
  margin: 0;
  border-bottom: 1px solid #ececec;
  padding: 17px 40px 19px;
}
@media (min-width: 992px) {
  .page-order-detail .shipping-lines ul li {
    padding: 0.8854166667vw 2.0833333333vw 0.9895833333vw;
  }
}
@media (max-width: 575px) {
  .page-order-detail .shipping-lines ul li {
    padding: 15px 10px 15px;
  }
}
.page-order-detail .shipping-lines ul li:first-child {
  text-align: left;
}
.page-order-detail #order-infos .btn {
  border-radius: 25px;
}
@media (max-width: 767px) {
  .page-order-detail #order-infos .btn {
    margin: 20px 0;
  }
}

body#order-detail table thead th:nth-child(2):last-child, body#order-detail body#product #content .product-features dl.data-sheet thead th:nth-child(2):last-child, body#product #content .product-features body#order-detail dl.data-sheet thead th:nth-child(2):last-child,
body#order-detail .quickview .product-features dl.data-sheet thead th:nth-child(2):last-child,
.quickview .product-features body#order-detail dl.data-sheet thead th:nth-child(2):last-child {
  background: #f2f2f2;
  color: #000;
}

.authentication-two-rows {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;
  margin: 0 0 -35px;
}
@media (min-width: 992px) {
  .authentication-two-rows {
    margin: 0 0 -1.8229166667vw;
  }
}
@media (max-width: 991px) {
  .authentication-two-rows {
    grid-template-columns: 1fr;
  }
}
.authentication-two-rows::after {
  content: none;
}
.authentication-two-rows > .col-md-6 {
  padding: 0;
  width: 100%;
}
.authentication-two-rows #login-form footer {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .authentication-two-rows #login-form footer {
    margin-bottom: 0.78125vw;
  }
}
.authentication-two-rows #login-form footer .forgot-password {
  text-transform: lowercase;
}
.authentication-two-rows #login-form footer .forgot-password a:hover {
  color: #d71a21;
}
.authentication-two-rows #login-form footer .forgot-password i.icofont-arrow-right {
  color: #d71a21;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .authentication-two-rows #login-form footer .forgot-password i.icofont-arrow-right {
    margin-right: 0.5208333333vw;
  }
}
.authentication-two-rows #register-form footer::before {
  content: "";
  height: 1px;
}
.authentication-two-rows #login-form footer, .authentication-two-rows #register-form footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  align-items: center;
}
@media (max-width: 620px) {
  .authentication-two-rows #login-form footer, .authentication-two-rows #register-form footer {
    grid-template-columns: 1fr;
  }
}

#password form.forgotten-password {
  width: 50%;
  margin: auto;
  padding: 35px 5%;
}
@media (min-width: 992px) {
  #password form.forgotten-password {
    padding: 1.8229166667vw 5%;
  }
}
@media (max-width: 991px) {
  #password form.forgotten-password {
    width: 100%;
  }
}
#password form.forgotten-password p.send-renew-password-link {
  padding: 0;
}
#password form.forgotten-password section.form-fields {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  #password form.forgotten-password section.form-fields {
    margin-bottom: 1.0416666667vw;
  }
}

#authentication #content > section.register-form {
  width: 50%;
  margin: auto;
  padding-left: 5%;
  padding-right: 5%;
}
@media (max-width: 991px) {
  #authentication #content > section.register-form {
    width: 100%;
  }
}

#my-account.page-my-account .pts-container-wrap.whyus-bg,
#addresses .pts-container-wrap.whyus-bg,
#history .pts-container-wrap.whyus-bg,
#identity .pts-container-wrap.whyus-bg,
#module-ps_emailalerts-account .pts-container-wrap.whyus-bg,
#module-supercheckout-supercheckout .pts-container-wrap.whyus-bg {
  display: none;
}

.contact-grid {
  display: grid;
  /*@include breakpoint('medium') {
    @include breakpoint('gtsmall') {
      grid-template-rows: 1fr auto;
      grid-template-columns: 30% 1fr;
      grid-column-gap: get-vw(50px);
      grid-row-gap: get-vw(45px);
    }
  }*/
  grid-gap: 35px;
  width: 1450px;
  max-width: 100%;
  margin: auto;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 992px) {
  .contact-grid {
    width: 75.5208333333vw;
  }
}
@media (max-width: 991px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}
.contact-grid .contact-left {
  background: url(../img/contact/contact-bg-cropped.png) no-repeat right bottom;
}
.contact-grid .contact-left .circle-wrapper {
  position: absolute;
  right: -35px;
  top: 130px;
}
@media (min-width: 992px) {
  .contact-grid .contact-left .circle-wrapper {
    right: -1.8229166667vw;
  }
}
@media (min-width: 992px) {
  .contact-grid .contact-left .circle-wrapper {
    top: 6.7708333333vw;
  }
}
.contact-grid .contact-left .circle-wrapper .circle-fx {
  width: 80px;
  height: 80px;
}
@media (min-width: 992px) {
  .contact-grid .contact-left .circle-wrapper .circle-fx {
    width: 4.1666666667vw;
  }
}
@media (min-width: 992px) {
  .contact-grid .contact-left .circle-wrapper .circle-fx {
    height: 4.1666666667vw;
  }
}
.contact-grid .pagebuilder {
  grid-column: 1/3;
}
@media (max-width: 991px) {
  .contact-grid .pagebuilder {
    grid-column: 1;
  }
}
@media (max-width: 767px) {
  .contact-grid .contact-form > i {
    display: none;
  }
}
.contact-grid .pagebuilder div.container {
  padding: 0;
}

.contact-left, .contact-form {
  padding: 35px 80px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .contact-left, .contact-form {
    padding: 1.8229166667vw 4.1666666667vw;
  }
}
@media (max-width: 575px) {
  .contact-left, .contact-form {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.contact-left h2.h2, .contact-form h2.h2 {
  text-align: left;
  font-weight: 600;
  color: #000;
  font-size: 29px;
  margin: 0 0 30px;
}
@media (min-width: 992px) {
  .contact-left h2.h2, .contact-form h2.h2 {
    font-size: 1.5104166667vw;
  }
}
@media (min-width: 992px) {
  .contact-left h2.h2, .contact-form h2.h2 {
    margin: 0 0 1.5625vw;
  }
}

.contact-info .info-block:first-of-type {
  margin-top: 75px;
}
@media (min-width: 992px) {
  .contact-info .info-block:first-of-type {
    margin-top: 3.90625vw;
  }
}
.contact-info .info-block .wrapper {
  padding-left: 55px;
  margin-bottom: 20px;
  position: relative;
}
@media (min-width: 992px) {
  .contact-info .info-block .wrapper {
    padding-left: 2.8645833333vw;
  }
}
@media (min-width: 992px) {
  .contact-info .info-block .wrapper {
    margin-bottom: 1.0416666667vw;
  }
}
.contact-info .info-block i {
  color: #d71a21;
  position: absolute;
  font-size: 32px;
  top: 5px;
  left: 0;
}
@media (min-width: 992px) {
  .contact-info .info-block i {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 992px) {
  .contact-info .info-block i {
    top: 0.2604166667vw;
  }
}
.contact-info .info-block i[class*=placeholder] {
  font-size: 36px;
}
@media (min-width: 992px) {
  .contact-info .info-block i[class*=placeholder] {
    font-size: 1.875vw;
  }
}
.contact-info .info-block i[class*=email] {
  top: 0;
}
.contact-info .info-block .h3 {
  text-align: left;
  line-height: 100%;
  color: #d71a21;
  font-size: 18px;
  margin: 25px 0;
}
@media (min-width: 992px) {
  .contact-info .info-block .h3 {
    font-size: 0.9375vw;
  }
}
@media (min-width: 992px) {
  .contact-info .info-block .h3 {
    margin: 1.3020833333vw 0;
  }
}
.contact-info .info-block p {
  padding: 0;
  margin: 0;
  font-size: 20px;
  line-height: 25px;
}
@media (min-width: 992px) {
  .contact-info .info-block p {
    font-size: 1.0416666667vw;
    line-height: 1.3020833333vw;
  }
}
.contact-info .info-block p a {
  color: #000;
  position: relative;
}
.contact-info .info-block p a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 100%;
  left: 0;
  height: 1px;
  background: #d71a21;
  transition: all 0.3s ease-in-out;
}
.contact-info .info-block p a:hover:after {
  right: 0;
}
.contact-info .info-block p a:hover {
  color: #d71a21;
}

.contact-form {
  position: relative;
}
.contact-form > i {
  display: none;
}
.contact-form .h2 {
  text-align: center;
  margin-bottom: 23px;
}
@media (min-width: 992px) {
  .contact-form .h2 {
    margin-bottom: 1.1979166667vw;
  }
}
.contact-form .btn {
  border-radius: 25px;
  float: right;
  border: 1px solid;
  min-width: 155px;
}
@media (min-width: 992px) {
  .contact-form .btn {
    min-width: 8.0729166667vw;
  }
}
@media (max-width: 575px) {
  .contact-form .btn {
    width: 100%;
  }
}

.pagebuilder .widget-map {
  position: relative;
  padding-bottom: 35%;
}
@media (max-width: 991px) {
  .pagebuilder .widget-map {
    height: 350px;
    padding: 0;
  }
}
.pagebuilder .widget-maps {
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  width: 100vw;
  left: -25vw;
  right: -25vw;
  margin: auto;
}
@media (max-width: 991px) {
  .pagebuilder .widget-maps {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.pagebuilder .widget-maps .iframe-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
.pagebuilder .widget-maps .iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#contact .pagebuilder > .whyus-bg {
  margin-top: 60px;
}
@media (min-width: 992px) {
  #contact .pagebuilder > .whyus-bg {
    margin-top: 3.125vw;
  }
}

/* footer */
.footer .container {
  padding: 0 100px;
}
@media (min-width: 992px) {
  .footer .container {
    padding: 0 5.2083333333vw;
  }
}
.footer-before {
  background: #f5f5f5;
  padding: 0;
}
.footer-before .block_newsletter {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .footer-before .block_newsletter {
    max-width: 44.0104166667vw;
  }
}
.footer-before .block_newsletter .block-newsletter-label {
  margin: 0 0 34px;
  padding: 0;
  font-size: 18px;
  line-height: 21px;
}
@media (min-width: 992px) {
  .footer-before .block_newsletter .block-newsletter-label {
    margin-bottom: 1.7708333333vw;
    font-size: 1.1979166667vw;
    line-height: 1.3020833333vw;
  }
}
.footer-before .block_newsletter .form-inputs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 575px) {
  .footer-before .block_newsletter .form-inputs {
    flex-direction: column;
  }
}
.footer-before .block_newsletter .form-inputs .input-wrap {
  margin-right: 10px;
  flex: 1 0 50%;
  position: relative;
}
@media (max-width: 575px) {
  .footer-before .block_newsletter .form-inputs .input-wrap {
    margin: 0 0 10px;
  }
}
.footer-before .block_newsletter .form-inputs .input-wrap:before {
  content: "\e810";
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 11px;
  right: 23px;
  color: #d71a21;
  font-size: 35px;
}
@media (min-width: 992px) {
  .footer-before .block_newsletter .form-inputs .input-wrap:before {
    top: 0.5729166667vw;
    right: 1.1979166667vw;
    font-size: 1.8229166667vw;
  }
}
.footer-before .block_newsletter .form-inputs input {
  width: 100%;
  border: 1px solid #bfbfbf;
  padding: 15px 80px 18px 28px;
  font-size: 20px;
  line-height: 25px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: italic;
}
@media (min-width: 992px) {
  .footer-before .block_newsletter .form-inputs input {
    padding: 0.78125vw 4.1666666667vw 0.9375vw 1.4583333333vw;
    font-size: 1.0416666667vw;
    line-height: 1.3020833333vw;
  }
}
.footer-before .block_newsletter .form-inputs input.error {
  border: 1px solid #cd6760 !important;
  box-shadow: 0 0 5px #cd6760 !important;
}
.footer-before .block_newsletter .form-inputs button {
  min-width: 200px;
  font-size: 16px;
  line-height: 30px;
}
@media (min-width: 992px) {
  .footer-before .block_newsletter .form-inputs button {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
}
@media (max-width: 575px) {
  .footer-before .block_newsletter .form-inputs button {
    width: 200px;
    margin: 0 auto;
  }
}
.footer-before .block_newsletter .form-inputs + .alert {
  margin-top: 1.0416666667vw;
}
.footerbuilder {
  margin-bottom: 2.6041666667vw;
}
.footer-content {
  background: #eeeeee url(../img/index/ellipsis_dark.png) no-repeat right -270px;
  color: #000;
  overflow: hidden;
  position: relative;
  padding: 113px 40px 102px;
}
@media (min-width: 992px) {
  .footer-content {
    padding: 5.8854166667vw 2.0833333333vw 5.3125vw;
  }
}
@media (max-width: 767px) {
  .footer-content {
    text-align: center;
  }
}
.footer-content strong {
  color: #d71a21;
  display: block;
  font-weight: 800;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .footer-content strong {
    margin-bottom: 0.5208333333vw;
  }
}
.footer-content > .row {
  margin: 0;
}
.footer-content > .row *[class*=col-] {
  padding: 0;
}
@media (max-width: 991px) and (min-width: 768px) {
  .footer-content > .row *[class*=col-].col-md-6:nth-child(2) {
    padding-left: 31px;
  }
  .footer-content > .row *[class*=col-]:nth-child(3) {
    clear: left;
    padding-top: 40px;
  }
}
.footer-content a {
  position: relative;
  color: inherit;
}
.footer-content a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 100%;
  left: 0;
  height: 1px;
  background: #d71a21;
  transition: all 0.3s ease-in-out;
}
.footer-content a:hover:after {
  right: 0;
}
.footer-content a:hover {
  color: #d71a21;
}
.footer-content ul {
  margin: 0;
}
.footer-content .h3.title_block {
  color: #000;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 35px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .footer-content .h3.title_block {
    margin-top: 0.2604166667vw;
    margin-bottom: 1.8229166667vw;
  }
}
@media (max-width: 991px) {
  .footer-content .h3.title_block {
    margin-top: 40px;
  }
}
.footer-content .widget-html {
  color: #cbcbcb;
  font-size: 16px;
  line-height: 30px;
}
@media (min-width: 992px) {
  .footer-content .widget-html {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .footer-content .widget-html .block_content {
    margin: 0 auto;
  }
}
.footer-content .widget-html p + p {
  margin: 29px 0 20px;
}
@media (min-width: 992px) {
  .footer-content .widget-html p + p {
    margin: 1.5104166667vw 0 1.0416666667vw;
    padding-right: 2.0833333333vw;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .footer-content .widget-html p + p {
    padding-right: 30px;
  }
}
.footer-content .widget-html.footer-logo {
  margin: 5rem 0;
}
.footer-content .widget-html.payment-methods .block_content > p {
  display: grid;
  grid-template-columns: 39% 17% 1fr;
  grid-gap: 20px;
  width: 100%;
  margin: 45px 0;
}
@media (min-width: 992px) {
  .footer-content .widget-html.payment-methods .block_content > p {
    margin: 2.34375vw 0;
  }
}
.footer-content .widget-html.payment-methods .block_content > p img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.footer-content .nav-links > li {
  position: relative;
  line-height: 150%;
  padding: 4px 0;
}
@media (min-width: 992px) {
  .footer-content .nav-links > li {
    padding: 0.2083333333vw 0;
  }
}
.footer-content .nav-links > li:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 13px;
  left: -28px;
  background: #d71a21;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .footer-content .nav-links > li:before {
    width: 0.2604166667vw;
    height: 0.2604166667vw;
    top: 0.6770833333vw;
    left: -1.4583333333vw;
  }
}
@media (max-width: 767px) {
  .footer-content .nav-links > li:before {
    display: none;
  }
}
.footer-content .widget-links,
.footer-content .widget-subcategories {
  padding: 0;
}
@media (min-width: 768px) {
  .footer-content .widget-links.block,
  .footer-content .widget-subcategories.block {
    padding-left: 29px;
  }
}
@media (min-width: 992px) {
  .footer-content .widget-links.block,
  .footer-content .widget-subcategories.block {
    padding-left: 1.5104166667vw;
  }
}
@media (max-width: 767px) {
  .footer-content .widget-links:not(.block):first-child {
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  .footer-content .block-contactinfo {
    padding-left: 30px;
  }
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo {
    padding-left: 1.5625vw;
  }
}
.footer-content .block-contactinfo ul {
  margin: 40px 0 0 0;
  padding: 0;
}
@media (max-width: 991px) and (min-width: 768px) {
  .footer-content .block-contactinfo ul {
    margin: 40px 0 0 -18px;
  }
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo ul {
    margin: 0;
  }
}
.footer-content .block-contactinfo ul.nav {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px 30px;
}
@media (max-width: 575px) {
  .footer-content .block-contactinfo ul.nav {
    grid-template-columns: 1fr;
  }
}
.footer-content .block-contactinfo ul.nav a.red {
  color: #d71a21;
}
.footer-content .block-contactinfo li {
  position: relative;
  font-size: 18px;
  line-height: 30px;
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo li {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}
.footer-content .block-contactinfo li[class^=icofont-], .footer-content .block-contactinfo li[class*=" icofont-"] {
  padding-left: 40px;
  margin-bottom: 20px;
  font-size: inherit;
  line-height: 125%;
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo li[class^=icofont-], .footer-content .block-contactinfo li[class*=" icofont-"] {
    padding-left: 2.0833333333vw;
  }
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo li[class^=icofont-], .footer-content .block-contactinfo li[class*=" icofont-"] {
    margin-bottom: 1.0416666667vw;
  }
}
@media (max-width: 767px) {
  .footer-content .block-contactinfo li[class^=icofont-], .footer-content .block-contactinfo li[class*=" icofont-"] {
    padding-left: 0;
  }
}
.footer-content .block-contactinfo li[class^=icofont-]::before, .footer-content .block-contactinfo li[class*=" icofont-"]::before {
  left: 0;
  position: absolute;
  color: #d71a21;
}
@media (max-width: 767px) {
  .footer-content .block-contactinfo li[class^=icofont-]::before, .footer-content .block-contactinfo li[class*=" icofont-"]::before {
    display: none;
  }
}
.footer-content .block-contactinfo li[class^=icofont-].icofont-placeholder::before, .footer-content .block-contactinfo li[class*=" icofont-"].icofont-placeholder::before {
  font-size: 27px;
  top: 8px;
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo li[class^=icofont-].icofont-placeholder::before, .footer-content .block-contactinfo li[class*=" icofont-"].icofont-placeholder::before {
    font-size: 1.40625vw;
    top: 0.4166666667vw;
  }
}
.footer-content .block-contactinfo li[class^=icofont-].icofont-phone::before, .footer-content .block-contactinfo li[class*=" icofont-"].icofont-phone::before {
  font-size: 21px;
  top: 7px;
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo li[class^=icofont-].icofont-phone::before, .footer-content .block-contactinfo li[class*=" icofont-"].icofont-phone::before {
    font-size: 1.09375vw;
    top: 0.3645833333vw;
  }
}
.footer-content .block-contactinfo li[class^=icofont-].icofont-email::before, .footer-content .block-contactinfo li[class*=" icofont-"].icofont-email::before {
  font-size: 21px;
  top: 6px;
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo li[class^=icofont-].icofont-email::before, .footer-content .block-contactinfo li[class*=" icofont-"].icofont-email::before {
    font-size: 1.09375vw;
    top: 0.3125vw;
  }
}
.footer-content .block-contactinfo li[class^=icofont-].icofont-clock::before, .footer-content .block-contactinfo li[class*=" icofont-"].icofont-clock::before {
  font-size: 22px;
  top: 4px;
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo li[class^=icofont-].icofont-clock::before, .footer-content .block-contactinfo li[class*=" icofont-"].icofont-clock::before {
    font-size: 1.1458333333vw;
    top: 0.2083333333vw;
  }
}
.footer-content .block-contactinfo li[class^=icofont-].icofont-clock, .footer-content .block-contactinfo li[class*=" icofont-"].icofont-clock {
  grid-row: 2;
}
@media (max-width: 991px) {
  .footer-content .block-contactinfo li {
    margin-left: 48px;
  }
}
@media (max-width: 767px) {
  .footer-content .block-contactinfo li {
    margin-left: 0;
    text-align: center;
  }
}
.footer-content .block-contactinfo p {
  margin: 0 0 5px;
}
@media (min-width: 992px) {
  .footer-content .block-contactinfo p {
    margin: 0 0 0.2604166667vw;
  }
}
.footer-content .widget-social {
  margin: 0;
}
@media (min-width: 992px) {
  .footer-content .widget-social {
    margin: -0.2083333333vw -0.8854166667vw 0 0;
  }
}
@media (max-width: 991px) {
  .footer-content .widget-social {
    margin-top: 40px;
  }
}
.footer-content .widget-social ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .footer-content .widget-social ul {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .footer-content .widget-social ul {
    justify-content: center;
  }
}
.footer-content .widget-social ul li {
  margin: 0 7px;
  line-height: 27px;
  font-size: 20px;
}
.footer-content .widget-social ul li.instagram {
  font-size: 19px;
}
.footer-content .widget-social ul li.facebook {
  font-size: 16px;
}
@media (min-width: 992px) {
  .footer-content .widget-social ul li {
    line-height: 1.40625vw;
    margin: 0 0 0 0.3645833333vw;
    font-size: 1.0416666667vw;
  }
  .footer-content .widget-social ul li.instagram {
    font-size: 0.9895833333vw;
  }
  .footer-content .widget-social ul li.facebook {
    font-size: 0.8333333333vw;
  }
}
.footer-content .widget-social ul li a {
  transition: color 0.3s ease-in-out;
  padding: 7px;
  display: block;
}
@media (min-width: 992px) {
  .footer-content .widget-social ul li a {
    padding: 0.3645833333vw;
  }
}
.footer-content .widget-social ul li a span {
  font-size: 18px;
  display: none;
}
.footer-content .widget-social ul li a::after {
  display: none;
}
.footer-content .circle-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 140px;
  height: 140px;
  margin: 0 0 -55px -55px;
}
@media (min-width: 992px) {
  .footer-content .circle-container {
    width: 7.2916666667vw;
  }
}
@media (min-width: 992px) {
  .footer-content .circle-container {
    height: 7.2916666667vw;
  }
}
@media (min-width: 992px) {
  .footer-content .circle-container {
    margin: 0 0 -2.8645833333vw -2.8645833333vw;
  }
}
.footer-content .circle-container .circle-fx {
  width: 100%;
  height: 100%;
}
.footer-content .col-lg-9 > .col-inner {
  padding-right: 2%;
}
.footer-content .col-lg-9 > .col-inner .col-lg-3 {
  width: 21%;
}
@media (max-width: 767px) {
  .footer-content .col-lg-9 > .col-inner .col-lg-3 {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .footer-content .col-lg-9 > .col-inner .col-lg-3 {
    width: 100%;
  }
}
.footer-content .col-lg-9 > .col-inner .col-lg-6 {
  width: 58%;
}
@media (max-width: 767px) {
  .footer-content .col-lg-9 > .col-inner .col-lg-6 {
    width: 100%;
  }
}
.footer-row {
  padding: 0;
}
.footer-row .container {
  padding: 0;
}
@media (min-width: 992px) {
  .footer-row *[class*=lg-3]:first-child {
    width: 28%;
  }
  .footer-row *[class*=lg-2] {
    width: 20%;
  }
  .footer-row *[class*=lg-3] {
    width: 30%;
  }
  .footer-row *[class*=lg-1] {
    width: 10%;
  }
}
.footer-copyright {
  font-weight: 900;
  text-transform: uppercase;
  color: #b2b2b2;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 13px;
  margin-right: 140px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .footer-copyright {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 992px) {
  .footer-copyright {
    margin-right: 7.2916666667vw;
  }
}
@media (min-width: 992px) {
  .footer-copyright {
    margin-bottom: 4.1666666667vw;
  }
}
.footer-copyright::after {
  content: "";
  display: block;
  width: 48%;
  margin: 18px 0 0 auto;
  height: 5px;
  background: #d71a21;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .footer-copyright::after {
    margin: 0.9375vw 0 0 auto;
  }
}
@media (min-width: 992px) {
  .footer-copyright::after {
    height: 0.2604166667vw;
  }
}
@media (max-width: 991px) {
  .footer-copyright::after {
    max-width: 100px;
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .footer-copyright {
    margin-right: 0;
    text-align: center !important;
    width: 100%;
    margin-bottom: 40px;
  }
}
.footer-copyright a {
  position: relative;
  color: #d71a21;
}
.footer-copyright a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 100%;
  left: 0;
  height: 1px;
  background: #d71a21;
  transition: all 0.3s ease-in-out;
}
.footer-copyright a:hover:after {
  right: 0;
}
.footer-copyright a:hover {
  color: #d71a21;
}

#footer {
  font-size: 16px;
}
@media (min-width: 992px) {
  #footer {
    font-size: 0.8333333333vw;
  }
}
#footer .footer-content h4.title_block {
  font-size: 18px;
  margin: 0 0 30px;
  text-align: left;
  text-transform: none;
  font-weight: 800;
  line-height: 120%;
}
@media (min-width: 992px) {
  #footer .footer-content h4.title_block {
    font-size: 0.9375vw;
  }
}
@media (min-width: 992px) {
  #footer .footer-content h4.title_block {
    margin: 0 0 1.5625vw;
  }
}
@media (max-width: 767px) {
  #footer .footer-content h4.title_block {
    text-align: center;
    margin-top: 20px;
  }
}

#tidio-chat-iframe {
  inset: auto 9px 0px auto !important;
}

.grecaptcha-badge {
  bottom: 98px !important;
  z-index: 999 !important;
}

.footer-content .rodo {
  z-index: 9999999999 !important;
}

a#CybotCookiebotDialogPoweredbyCybot {
  display: none;
}

div#CybotCookiebotDialogPoweredByText {
  display: none;
}

.favorite-product {
  display: none;
  cursor: pointer;
  top: 11px;
}

.favorite-active-icon {
  display: none;
}

.favorite-active .favorite-active-icon {
  display: block;
  float: left;
  transition: all 0.55s ease;
}

.favorite-active .favorite-standart-icon {
  display: none;
}

.active_e {
  transition: all 0.25s ease;
  transform: scale(1.2);
}

.favorite-product_item {
  display: flex;
  align-items: center;
  cursor: pointer;
  display: none;
}

#fav_mess .iziToast-cover {
  background-color: rgba(0, 0, 0, 0);
  padding: 18px;
  margin-left: 14px;
}

#fav_mess .iziToast-body {
  margin-left: 56px !important;
}

#fav_mess .iziToast-message {
  line-height: 23px;
}

.favorite-standart-icon_item, .favorite-active-icon_item {
  width: 27px;
}

.tit_f {
  padding-top: 2px;
}

.button_right {
  cursor: pointer;
  position: fixed;
  right: 0;
  top: 40%;
  padding: 0.6rem;
  background-color: white;
}

.mobile_favorite {
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  padding: 1rem;
  background-color: white;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.231372549);
  z-index: 9;
}

.button_right:hover {
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.231372549);
}

.button_left:hover {
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.231372549);
}

.button_left {
  cursor: pointer;
  position: fixed;
  left: 0;
  top: 40%;
  padding: 0.6rem;
  background-color: white;
}

.close-favorite {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}

#favorite_widget {
  padding: 7px 17px;
  margin-bottom: 75px;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.favoriteproduct .product-title a {
  color: #7a7a7a;
  font-size: 0.875rem;
  text-decoration: none;
  text-align: center;
  font-weight: 400;
}

.cbutton--effect-ivana.cbutton--click::before {
  animation: anim-effect-ivana-1 0.5s forwards;
}

.cbutton--effect-ivana.cbutton--click::after {
  animation: anim-effect-ivana-2 0.5s forwards;
}

.product-variants-item {
  cursor: pointer;
}

.favorite-standart-icon svg {
  stroke-width: 2px;
  fill: none;
  width: 27px;
  height: auto;
  vertical-align: middle;
}
@keyframes anim-effect-ivana-1 {
  0% {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
  100% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes anim-effect-ivana-2 {
  0% {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
  50%, 100% {
    opacity: 0;
    transform: scale3d(1.2, 1.2, 1);
  }
}
@media (max-width: 700px) {
  .button_left {
    display: none;
  }
  .button_right {
    display: none;
  }
  .favorite-top {
    display: none;
  }
  .mobile_favorite {
    display: block;
  }
}
.bottom_panel_f {
  display: none;
  clear: both;
  text-align: center;
  position: absolute;
  bottom: 0;
  background: white;
  right: 0;
  left: 0;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.2);
  padding: 0.78125vw 1.5625vw;
}

.sidebarjs--is-visible .bottom_panel_f {
  display: block !important;
}

.fav-count {
  top: 50%;
  left: 50%;
  transform: translate(-32px, -29px);
}
@media (min-width: 992px) {
  .fav-count {
    transform: translate(-2.03125vw, -1.5104166667vw);
  }
}
@media (max-width: 575px) {
  .fav-count {
    transform: translate(-26px, -23px);
  }
}
#favorite_widget .btn {
  min-width: 100%;
}

body .iziToast {
  border-radius: 0 !important;
  background-color: #f2f2f2 !important;
  border: 0 !important;
}

.favoriteproducts_grid {
  display: grid;
  grid-gap: 20px;
}
@media (min-width: 992px) {
  .favoriteproducts_grid {
    grid-gap: 1.0416666667vw;
  }
}
.favoriteproducts_grid .favoriteproducts_item .favoriteproduct {
  margin: 0;
  height: 100%;
}
.favoriteproducts_grid .favoriteproducts_item .product_img_link {
  display: block;
  width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .favoriteproducts_grid {
    grid-template-columns: 1fr 1fr;
  }
}

.mobile_favorite {
  display: none !important;
}

.see_price.btn {
  font-size: 13px;
  line-height: 22px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto;
  min-width: unset;
  box-shadow: none;
  text-align: left;
  position: relative;
  padding: 6px 18px 7px 12px;
}
@media (min-width: 992px) {
  .see_price.btn {
    font-size: 0.6770833333vw;
    line-height: 1.1458333333vw;
  }
}
@media (min-width: 992px) {
  .see_price.btn {
    padding: 0.3125vw 0.9375vw 0.3645833333vw 0.625vw;
  }
}
.see_price.btn::before {
  border-color: #d71a21;
}
.see_price.btn:hover {
  color: #d71a21;
}
.see_price.btn i {
  font-size: 21px;
  line-height: 18px;
  vertical-align: text-bottom;
}
@media (min-width: 992px) {
  .see_price.btn i {
    font-size: 1.09375vw;
    line-height: 0.9375vw;
  }
}
@media (max-width: 575px) {
  .see_price.btn i {
    display: none;
  }
}
.see_price.btn .name {
  padding-left: 8px;
}
@media (min-width: 992px) {
  .see_price.btn .name {
    padding-left: 0.4166666667vw;
  }
}
.see_price .cloud {
  height: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  background: #f9f9f9;
  color: #000;
  border: 1px solid #d71a21;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  white-space: pre-wrap;
  line-height: 15px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .see_price .cloud {
    bottom: 2.0833333333vw;
    font-size: 0.7291666667vw;
    line-height: 0.78125vw;
    bottom: 2.0833333333vw;
  }
}
.see_price .cloud span {
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  height: 0;
  display: block;
}
.see_price .cloud::before, .see_price .cloud::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  border: solid transparent;
}
.see_price .cloud::before {
  border-color: rgba(215, 26, 33, 0);
  border-top-color: #d71a21;
  border-width: 8px;
  margin-left: -8px;
}
@media (min-width: 992px) {
  .see_price .cloud::before {
    border-width: 0.4166666667vw;
    margin-left: -0.4166666667vw;
  }
}
.see_price .cloud::after {
  border-color: rgba(238, 238, 238, 0);
  border-top-color: #eeeeee;
  border-width: 7px;
  margin-left: -7px;
}
@media (min-width: 992px) {
  .see_price .cloud::after {
    border-width: 0.3645833333vw;
    margin-left: -0.3645833333vw;
  }
}
.see_price:hover .cloud {
  opacity: 1;
  height: 50px;
  padding: 8px 15px;
  bottom: 50px;
  width: 310px;
}
@media (min-width: 992px) {
  .see_price:hover .cloud {
    height: 2.6041666667vw;
    padding: 0.4166666667vw 0.78125vw;
    bottom: 2.6041666667vw;
    width: 16.1458333333vw;
  }
}
.see_price:hover .cloud span {
  height: 32px;
}
@media (min-width: 992px) {
  .see_price:hover .cloud span {
    height: 1.6666666667vw;
  }
}

.page-content .see_price.btn {
  background: #d71a21;
  padding: 7px 20px;
  width: 285px;
  font-size: 16px;
  border-radius: 25px;
  text-align: center;
}
@media (min-width: 992px) {
  .page-content .see_price.btn {
    padding: 0.3645833333vw 1.0416666667vw;
  }
}
@media (min-width: 992px) {
  .page-content .see_price.btn {
    width: 14.84375vw;
  }
}
@media (min-width: 992px) {
  .page-content .see_price.btn {
    font-size: 0.8333333333vw;
  }
}
.page-content .see_price.btn:hover {
  background: #fff;
}
.page-content .see_price.btn i {
  font-size: 35px;
  line-height: 100%;
  vertical-align: middle;
  margin: 0 10px 0 -30px;
}
@media (min-width: 992px) {
  .page-content .see_price.btn i {
    font-size: 1.8229166667vw;
  }
}
@media (min-width: 992px) {
  .page-content .see_price.btn i {
    line-height: 100%;
  }
}
@media (min-width: 992px) {
  .page-content .see_price.btn i {
    margin: 0 0.5208333333vw 0 -1.5625vw;
  }
}
.page-content .see_price.btn .name {
  position: relative;
  top: 2px;
}
.page-content .see_price.btn .cloud {
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  .page-content .see_price.btn .cloud {
    bottom: 3.90625vw;
  }
}
.page-content .see_price.btn:hover .cloud {
  height: 50px;
  bottom: 85px;
}
@media (min-width: 992px) {
  .page-content .see_price.btn:hover .cloud {
    height: 2.6041666667vw;
    bottom: 4.4270833333vw;
  }
}
.page-content .see_price.btn:hover .cloud span {
  height: 32px;
}
@media (min-width: 992px) {
  .page-content .see_price.btn:hover .cloud span {
    height: 1.6666666667vw;
  }
}
.page-content .see_price.btn-gray {
  margin: 12px 0 -6px;
  padding: 10px 7px;
}
@media (min-width: 992px) {
  .page-content .see_price.btn-gray {
    margin: 0.625vw 0 -0.3125vw;
    padding: 0.5208333333vw 0.3645833333vw 0.5208333333vw;
  }
}

#form_show_price {
  background: #eee;
  position: absolute;
  z-index: 9999;
  border-radius: 15px;
  max-width: 80%;
  transition: all 0.6s ease-in-out;
}
@media (min-width: 992px) {
  #form_show_price {
    max-width: 36.4583333333vw;
    width: 40%;
  }
}
#form_show_price :focus {
  outline: none !important;
}
#form_show_price .qty_text {
  line-height: 41px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #form_show_price .qty_text {
    line-height: 2.1354166667vw;
    margin-right: 0.5208333333vw;
  }
}
#form_show_price sup.required {
  color: #cd6760;
  font-weight: bolder;
  font-size: 15px;
  font-weight: bolder;
}
@media (min-width: 992px) {
  #form_show_price sup.required {
    font-size: 0.78125vw;
  }
}
#form_show_price .wrapp_form_content {
  padding: 30px 80px;
}
@media (min-width: 992px) {
  #form_show_price .wrapp_form_content {
    padding: 1.5625vw 4.1666666667vw;
  }
}
@media (max-width: 767px) {
  #form_show_price .wrapp_form_content {
    padding: 1.0416666667vw 4.1666666667vw;
  }
}
#form_show_price .content_form {
  background: transparent;
  border: 0;
  position: relative;
  padding: 1px 0;
}
#form_show_price .title {
  padding: 0;
  font-size: 22px;
  color: #000;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 0;
  position: relative;
  text-align: center;
  padding-top: 20px;
  line-height: 34px;
  border-bottom: 0;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #form_show_price .title {
    font-size: 1.1458333333vw;
    margin-bottom: 0.78125vw;
    padding-top: 1.0416666667vw;
    line-height: 1.7708333333vw;
  }
}
#form_show_price .footer {
  padding: 10px 10px;
  text-align: left;
  margin-top: 10px;
  color: #eeeeee;
}
@media (min-width: 992px) {
  #form_show_price .footer {
    padding: 0.5208333333vw;
    margin-top: 0.5208333333vw;
  }
}
#form_show_price .hlp {
  width: 100%;
  text-align: left;
}
#form_show_price .errorShowPrice {
  margin: 5px auto;
  color: #d71a21;
  padding: 5px 10px 5px 0;
  font-size: 13px;
  display: none;
}
@media (min-width: 992px) {
  #form_show_price .errorShowPrice {
    margin: 0.2604166667vw auto;
    padding: 0.2604166667vw 0.5208333333vw 0.2604166667vw 0;
    font-size: 0.6770833333vw;
  }
}
#form_show_price .row_field input.not_valid, #form_show_price .row_field textarea.not_valid {
  border: 1px solid #cd6760 !important;
  box-shadow: 0 0 5px #cd6760 !important;
}
#form_show_price .row_field input.not_valid + .errorShowPrice, #form_show_price .row_field textarea.not_valid + .errorShowPrice {
  display: block;
}
#form_show_price .row_field input.valid, #form_show_price .row_field textarea.valid {
  border: 1px solid #62a75d !important;
  box-shadow: 0 0 5px #62a75d !important;
}
#form_show_price .form-control {
  display: inline-block;
  border-radius: 5px;
}
#form_show_price input.form-control {
  height: 48px;
}
@media (min-width: 992px) {
  #form_show_price input.form-control {
    height: 2.5vw;
  }
}
#form_show_price textarea.form-control {
  height: 100px;
}
@media (min-width: 992px) {
  #form_show_price textarea.form-control {
    height: 5.2083333333vw;
  }
}
#form_show_price #sendShowPrice {
  border-radius: 25px;
  margin: 20px auto 40px;
}
@media (min-width: 992px) {
  #form_show_price #sendShowPrice {
    margin: 1.0416666667vw auto 2.0833333333vw;
  }
}
#form_show_price .btn_shop_price {
  float: right;
  border-left: 1px solid #515151;
}
#form_show_price #openShowPrice {
  display: block;
  color: white;
  font-weight: bold;
  padding: 8px 10px 11px 10px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  line-height: 18px;
}
@media (min-width: 992px) {
  #form_show_price #openShowPrice {
    padding: 0.4166666667vw 0.5208333333vw 0.5729166667vw 0.5208333333vw;
    line-height: 0.9375vw;
  }
}
#form_show_price * {
  box-sizing: border-box;
}
#form_show_price .box-cart-bottom {
  text-align: center;
}
#form_show_price #cancelShowPrice:hover {
  opacity: 0.7;
}
#form_show_price .quantity_field .wrapp_action_quantity .action_quantity:hover {
  opacity: 0.7;
}

#cancelShowPrice, .x13popup .x13popup-close {
  display: block;
  position: absolute;
  right: -15px;
  top: 7px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  z-index: 3;
  line-height: 15px;
  font-size: 15px;
  color: #000;
  background: transparent;
  text-align: center;
}
@media (min-width: 992px) {
  #cancelShowPrice, .x13popup .x13popup-close {
    right: -0.78125vw;
    top: 0.3645833333vw;
    line-height: 0.78125vw;
    font-size: 0.78125vw;
  }
}
#cancelShowPrice:hover, .x13popup .x13popup-close:hover {
  color: #d71a21;
}

#cancelShowPrice, .x13popup .x13popup-close {
  right: 15px;
  top: 15px;
}
@media (min-width: 992px) {
  #cancelShowPrice, .x13popup .x13popup-close {
    right: 0.78125vw;
    top: 0.78125vw;
  }
}

.stage_sp {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.success_stage_sp {
  z-index: 10000;
  font-size: 30px;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.6s ease;
  visibility: visible;
}

.quickview button.see_price {
  display: none;
}

/* moduł x13 paragon czy faktura */
.x13recieptorinvoice {
  color: inherit;
  background-color: #f5f5f5;
  border: 1px solid #ececec;
  margin: 20px 0;
  padding: 20px;
}
@media (min-width: 992px) {
  .x13recieptorinvoice {
    padding: 1.0416666667vw;
    margin: 1.0416666667vw 0;
  }
}
.x13recieptorinvoice label {
  padding: 0;
}
.x13recieptorinvoice-error {
  color: #fff;
  background: #d71a21;
  padding: 10px 15px;
  margin: 10px 0 0;
  display: block;
}
@media (min-width: 992px) {
  .x13recieptorinvoice-error {
    margin-top: 0.5208333333vw;
    padding: 0.5208333333vw 0.78125vw;
  }
}

.rodo_formfooter, div[class^=x13privacymanager_agreements] {
  color: #7a7a7a;
}
.rodo_formfooter a, div[class^=x13privacymanager_agreements] a {
  text-decoration: underline;
}
.rodo_formfooter a:hover, div[class^=x13privacymanager_agreements] a:hover {
  color: #d71a21;
}
.rodo_formfooter .custom-checkbox, div[class^=x13privacymanager_agreements] .custom-checkbox {
  margin: 20px 0 25px !important;
}
@media (min-width: 992px) {
  .rodo_formfooter .custom-checkbox, div[class^=x13privacymanager_agreements] .custom-checkbox {
    margin: 1.0416666667vw 0 1.3020833333vw !important;
  }
}
.rodo_formfooter .custom-checkbox input[type=checkbox] + span, div[class^=x13privacymanager_agreements] .custom-checkbox input[type=checkbox] + span {
  float: left;
}
.rodo_formfooter .custom-checkbox .label, div[class^=x13privacymanager_agreements] .custom-checkbox .label {
  text-align: justify;
  padding: 0 0 0 33px;
  font-size: 14px;
  line-height: 17px;
  display: block;
}
@media (min-width: 992px) {
  .rodo_formfooter .custom-checkbox .label, div[class^=x13privacymanager_agreements] .custom-checkbox .label {
    padding: 0 0 0 1.71875vw;
    font-size: 0.7291666667vw;
    line-height: 0.8854166667vw;
  }
}
.rodo_formfooter .custom-checkbox .label p, div[class^=x13privacymanager_agreements] .custom-checkbox .label p {
  margin: 0;
  padding: 0;
}

.block_newsletter .rodo_formfooter .custom-checkbox .label {
  padding-right: 0;
}

.rodo {
  min-height: unset;
  padding: 20px;
  animation: 1s fadeIn;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  visibility: hidden;
}
@media (min-width: 992px) {
  .rodo {
    min-height: 6.25vw;
    padding: 1.0416666667vw;
  }
}
@media (max-width: 991px) {
  .rodo {
    left: 2%;
    right: 30%;
  }
}
@media (max-width: 767px) {
  .rodo {
    left: 2%;
    right: 20%;
  }
}
@media (max-width: 575px) {
  .rodo {
    left: 15px;
    right: 15px;
  }
}
.rodo h4 {
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 992px) {
  .rodo h4 {
    font-size: 0.7291666667vw;
    line-height: 0.9375vw;
  }
}
.rodo p {
  font-size: 13px;
  line-height: 17px;
  margin: 14px 0;
}
@media (min-width: 992px) {
  .rodo p {
    font-size: 0.6770833333vw;
    line-height: 0.8854166667vw;
    margin: 0.7291666667vw 0 0;
  }
}
.rodo__button button {
  width: 150px;
  min-width: 50px;
  height: 40px;
  margin: 26px 10px 0 0;
}
@media (min-width: 992px) {
  .rodo__button button {
    width: 7.8125vw;
    min-width: 2.6041666667vw;
    height: 2.0833333333vw;
    margin: 1.3541666667vw 0.5208333333vw 0 0;
  }
}
@media (max-width: 991px) {
  .rodo__button button {
    margin: 0 auto 1.0416666667vw;
    float: none;
  }
}
@media (max-width: 991px) {
  .rodo__content {
    max-width: 100%;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
body#module-x13privacymanager-agreements table, body#module-x13privacymanager-agreements body#product #content .product-features dl.data-sheet, body#product #content .product-features body#module-x13privacymanager-agreements dl.data-sheet,
body#module-x13privacymanager-agreements .quickview .product-features dl.data-sheet,
.quickview .product-features body#module-x13privacymanager-agreements dl.data-sheet {
  color: #000;
  margin: 0;
}
body#module-x13privacymanager-agreements table tr, body#module-x13privacymanager-agreements body#product #content .product-features dl.data-sheet tr, body#product #content .product-features body#module-x13privacymanager-agreements dl.data-sheet tr,
body#module-x13privacymanager-agreements .quickview .product-features dl.data-sheet tr,
.quickview .product-features body#module-x13privacymanager-agreements dl.data-sheet tr {
  margin: 0;
}
body#module-x13privacymanager-agreements table tr td, body#module-x13privacymanager-agreements body#product #content .product-features dl.data-sheet tr td, body#product #content .product-features body#module-x13privacymanager-agreements dl.data-sheet tr td,
body#module-x13privacymanager-agreements .quickview .product-features dl.data-sheet tr td,
.quickview .product-features body#module-x13privacymanager-agreements dl.data-sheet tr td {
  margin: 0;
  padding: 0.75rem;
}
body#module-x13privacymanager-agreements table tr td p, body#module-x13privacymanager-agreements body#product #content .product-features dl.data-sheet tr td p, body#product #content .product-features body#module-x13privacymanager-agreements dl.data-sheet tr td p,
body#module-x13privacymanager-agreements .quickview .product-features dl.data-sheet tr td p,
.quickview .product-features body#module-x13privacymanager-agreements dl.data-sheet tr td p {
  margin: 0;
}

.x13privacymanager_agreements--newsletterForm .label {
  color: inherit;
  white-space: inherit;
  font-weight: 400;
}

.comments_note div.star,
#productCommentsBlock div.star,
.star_content div.star {
  line-height: 20px;
}
@media (min-width: 992px) {
  .comments_note div.star,
  #productCommentsBlock div.star,
  .star_content div.star {
    line-height: 1.0416666667vw;
  }
}
.comments_note div.star + .star,
#productCommentsBlock div.star + .star,
.star_content div.star + .star {
  margin-left: 1px;
}

.comments_note div.star::before,
#productCommentsBlock div.star::before,
.star_content div.star::before {
  font-family: "icofont";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e82b";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  font-size: 20px;
}
@media (min-width: 992px) {
  .comments_note div.star::before,
  #productCommentsBlock div.star::before,
  .star_content div.star::before {
    font-size: 1.0416666667vw;
  }
}

#new_comment_form #criterions_list {
  margin: 15px 0 0;
}
@media (min-width: 992px) {
  #new_comment_form #criterions_list {
    margin: 0.78125vw 0 0;
  }
}
#new_comment_form #criterions_list label {
  color: #000;
  font-size: 20px;
  line-height: 20px;
}
@media (min-width: 992px) {
  #new_comment_form #criterions_list label {
    font-size: 1.0416666667vw;
    line-height: 1.0416666667vw;
  }
}
#new_comment_form #criterions_list .star:hover {
  cursor: pointer;
}

/* czater */
body #e3D18r_czater #czater-contener {
  right: 80px !important;
  min-height: 43px !important;
}

body #czater-input-area .safill,
body #czater-input-area path.afill {
  fill: #d71a21;
}

body #chatInsideBody .czater-main-bg,
body #e3D18r_czater .czater-main-bg {
  background-color: #d71a21 !important;
}

body #chatInsideBody .czater-main-txt,
body #e3D18r_czater .czater-main-txt {
  color: #fff !important;
}

body #chatInsideBody .czater-main-bg-to-txt,
body #e3D18r_czater .czater-main-bg-to-txt {
  color: #d71a21 !important;
}

body #chatInsideBody .czater-leftMessage,
body .czater-sections ul li,
body .czater-sections ul li a {
  background-color: #d71a21 !important;
  color: #fff !important;
}

body #chatInsideBody .czater-leftMessage:before {
  border-color: transparent #d71a21 !important;
}

body #advertHeader,
body .czater-header {
  background-color: #d71a21 !important;
}

body #advertHeader,
body #czater-contener:not(.contener-lower) .czater-header {
  height: 43px !important;
}

body #advertFooter a {
  background-color: #d71a21 !important;
}

body #advertClose {
  color: #fff !important;
}

body #teaser {
  background-color: #d71a21;
  right: 0;
}

body #teaser:after {
  border-color: transparent #d71a21;
}

body #advert {
  box-shadow: none;
  border-radius: 0px;
}

body #advertHeader {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

body #e3D18r_czater #teaser_caption,
body #e3D18r_czater .czater-headerMSG,
body #e3D18r_czater .czater-headerMSG > div {
  color: #fff !important;
}

body #chatInsideBody .czater-button {
  background-color: #d71a21;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
}

body #chatInsideBody .czater-button:hover {
  background-color: #d71a21 !important;
}

body #chatInsideBody .czater-leftMessage,
body .czater-sections .czater-layout-name,
body .czater-sections .czater-layout-status {
  background-color: #d71a21;
  color: #fff;
}

body #sendEmail .form .small:before {
  border-color: transparent #d71a21;
}

body #sendEmail .form .small {
  background: #d71a21;
  color: #fff;
}

body #e3D18r_czater .czater-button .czater-status-offline,
body #e3D18r_czater .czater-button .czater-status-online {
  width: 29px;
  height: 27px;
  margin: 9px 11px 7px 14px;
  top: 0;
  left: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAbCAYAAACAyoQSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlNJREFUeNq0lk9IFVEUxtXENBeuchHWQpQ0jUQXhpkJglgQgbQI97o02giCqxaKFCEhLdoVlVRamhS40IiEElFRRDNFMcRcCmX4B5y+C9+Fj8vM+N7zzYEf896ZO+c75869d06q53kpMdgFcB1UgQJwBmSBPbAFVsAEGAFTR0YzoiG0gDEvPvsOWsPipgZUeg10g0rxLYNJsA42wT+QyarPgnJQKuMXQTsYiqXSu07mw6D+iBmxVIEXzvOd7jj3oS4ZvACqYxRzqQDjEutZkGirDHoDTiQoqPRKzAeuaLHc/JgEMeWpxK5T0Qk6N5MsaJln/A0rel4yaYxItEKrNY6H/LMckaDF7veBNOyaWu6elynR2mtey4xovmx+10q5yb+AHPE3g5+gQ3wZoB8sgas+sX7xetqUfRDyPp8HvO+/4re+S+Ib84lVw3v7ptIdZpDpk91j8AN8BePib+PM3BffCo88MwOdPrFO8bpnMphmBh0RL6Rm6qym8X0Za4p4Id3mdc49jW5EVOVF0WiwzilbekSik4y/pcegZvIWpCdRsMedSb3ZLjdzkyT4SGL2+n3aWuRQPu5nrdhpc/qCvqeD8i1NVOyynOXWnrjj0rmMzdap4e9XssxzQTW4AwrZI82BDfCHGz4PlLCv0h5pnT1SX1CPdIVZbYM8cAu8A7te/LYG7oUtRlvpTcnjG7NX+wBm2P8WsQPMBrvgN4++ac6E6X0Pw04J24KaqTgnfvPQJzDK83TNec58UU6CAwrHZbbSz+zgZ8EgeM8KgmyfJGT/BRgAQ52JnLdREn8AAAAASUVORK5CYII=") !important;
}

body #e3D18r_czater .czater-button .czater-headerMSG {
  font-size: 16px;
  padding-left: 0px;
}

body #czater-contener[data-display=off][data-status=online][data-lang=pol],
body #czater-contener[data-display=off][data-status=offline][data-lang=pol] {
  width: 335px !important;
}

body #e3D18r_czater #teaser {
  bottom: 65px !important;
  padding: 9px 20px 9px 14px !important;
}

body #e3D18r_czater .czater-button.czater-header {
  border-radius: 0 !important;
}

body #e3D18r_czater #czater-contener[data-display=off] #headerMSG {
  left: 61px !important;
  padding: 0;
  top: 10px;
}

body #e3D18r_czater #chatHeader {
  position: relative;
}

body #e3D18r_czater #czater-contener[data-display=off] #chatHeader::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpi+v//PwMO7A7Ez6DYHZc6BjwGXPmPAFdwqWNiwA14cbBRAD4DiAIDbwAjMCCcgHQ/EMuiyfEjWfAPiD+iyT8G4kKQAU+BDCkyHfCMUi/8pcQLT4C4AF9CeoiUkB6Sk5CGSDrAZ8BnHGxUQCA7Pwfix/iyM0CAAQB/auHNtNrdbgAAAABJRU5ErkJggg==");
  position: absolute;
  top: 13px;
  right: 16px;
}

@media (max-width: 769px) {
  body #e3D18r_czater #czater-contener[data-display=off] .headerContener #headerMSG {
    left: 61px !important;
  }
  body #e3D18r_czater #czater-contener[data-display=off] {
    bottom: 0;
  }
  body #e3D18r_czater #czater-contener[data-display=on] {
    right: 0;
    left: 0;
    width: auto;
  }
}
@media (max-width: 495px) {
  body #e3D18r_czater #czater-contener {
    width: auto !important;
    left: 0;
    right: 0 !important;
  }
}
#ceneo-content-injected {
  /*overflow: hidden;
  // Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)
  padding-top: 56.25%;
  position: relative;
  iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }*/
}

#ceneo_widget_embed iframe {
  width: 100%;
}

/* Fix for Checkout page header */
body#checkout #header,
body#order #header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

body#checkout #header .header-nav,
body#order #header .header-nav {
  display: block !important;
  visibility: visible !important;
}

body#checkout #header .header-top,
body#order #header .header-top {
  display: block !important;
  padding: 10px 0 !important;
}

body#checkout #wrapper,
body#order #wrapper {
  padding-top: 20px !important;
}

/* ==========================================================================
   MOBILE-FIRST & VISUAL EXCELLENCE ENHANCEMENTS
   ========================================================================== */

/* Global Smooth Rendering */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  overflow-x: hidden !important;
  color: #1e293b;
}

/* --------------------------------------------------------------------------
   1. TABLET & MOBILE BREAKPOINTS (max-width: 991px)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  /* Header Mobile Bar */
  #header .header-top {
    padding: 10px 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
  }

  #header .header-top .flex.flex-full {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  #header .header-logo .logo {
    max-height: 42px !important;
    width: auto !important;
  }

  /* Hamburger Menu Button */
  #menu-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    font-size: 22px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
  }

  #menu-icon:hover,
  #menu-icon:active {
    background: #d71a21 !important;
    border-color: #d71a21 !important;
    color: #ffffff !important;
  }

  /* Mobile Cart Icon */
  #header .shopping-cart {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
  }

  #header .shopping-cart .cart-products-count {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    background: #d71a21 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    border-radius: 10px !important;
    text-align: center !important;
    padding: 0 4px !important;
    box-shadow: 0 2px 5px rgba(215, 26, 33, 0.4) !important;
  }

  /* Mobile Drawer Menu */
  #header .header-top #mobile_top_menu_wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 85% !important;
    max-width: 360px !important;
    height: 100vh !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.2) !important;
    padding: 24px 20px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #header .header-top #mobile_top_menu_wrapper #top-menu > li > a {
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: all 0.2s ease !important;
  }

  #header .header-top #mobile_top_menu_wrapper #top-menu > li:hover > a,
  #header .header-top #mobile_top_menu_wrapper #top-menu > li a.current {
    background: rgba(215, 26, 33, 0.06) !important;
    color: #d71a21 !important;
  }

  /* Announcement ribbon on mobile */
  #header #block-reassurance {
    display: block !important;
    margin: 0 !important;
    text-align: center !important;
  }

  #header #block-reassurance ul li {
    border-radius: 0 !important;
    padding: 6px 12px !important;
    justify-content: center !important;
  }

  #header #block-reassurance ul li .block-reassurance-item span {
    font-size: 11px !important;
    letter-spacing: 0.2px !important;
  }
}

/* --------------------------------------------------------------------------
   2. SMARTPHONE BREAKPOINTS (max-width: 767px)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  /* Product Catalog Grids */
  .products,
  .products.row,
  #products .products {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
  }

  .products .product-miniature,
  .products .product-miniature-default,
  .products .item-inner {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
  }

  .product-miniature .thumbnail-container {
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 12px !important;
    padding: 10px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  }

  .product-miniature .thumbnail-container:active {
    transform: scale(0.98) !important;
  }

  .product-miniature .product-thumbnail img {
    aspect-ratio: 1/1 !important;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
  }

  .product-miniature .product-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1e293b !important;
    margin: 8px 0 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 34px !important;
  }

  .product-miniature .product-price-and-shipping {
    margin-top: auto !important;
    padding-top: 6px !important;
  }

  .product-miniature .product-price-and-shipping .price {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #d71a21 !important;
  }

  /* Product Page Mobile Layout */
  #product .product-cover img {
    max-height: 340px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  #product .product-prices .current-price span[itemprop="price"] {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #d71a21 !important;
  }

  #product .product-add-to-cart .btn-add-to-cart,
  #product .product-add-to-cart .add-to-cart {
    width: 100% !important;
    height: 50px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    background: #d71a21 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(215, 26, 33, 0.35) !important;
  }

  /* Mobile Footer */
  #footer {
    padding: 30px 0 20px !important;
    background: #0f172a !important;
    color: #cbd5e1 !important;
  }

  #footer .footer-block {
    margin-bottom: 24px !important;
  }

  #footer .footer-block h4,
  #footer .footer-block .h4 {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  #footer a {
    color: #94a3b8 !important;
    font-size: 13px !important;
    line-height: 2 !important;
    transition: color 0.2s ease !important;
  }

  #footer a:hover {
    color: #d71a21 !important;
  }

  #footer .footer-copyright {
    text-align: center !important;
    margin-top: 20px !important;
    font-size: 12px !important;
    color: #64748b !important;
  }
}

/* --------------------------------------------------------------------------
   3. MOBILE CHECKOUT (ONEPAGECHECKOUTPS) OPTIMIZATIONS
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  body#checkout,
  body#order {
    background: #f8fafc !important;
  }

  #opc_main input.form-control,
  #opc_main select.form-control,
  #opc_main textarea.form-control {
    font-size: 16px !important; /* Prevents iOS auto-zoom on focus */
    height: 48px !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
  }

  #opc_main .delivery-option,
  #opc_main .payment-option {
    padding: 14px !important;
    min-height: 52px !important;
    margin-bottom: 10px !important;
  }

  #opc_main #btn_place_order,
  #opc_main .btn-place-order {
    height: 52px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    position: sticky !important;
    bottom: 15px !important;
    z-index: 999 !important;
    box-shadow: 0 6px 20px rgba(215, 26, 33, 0.45) !important;
  }
}

/* ==========================================================================
   BOOTSTRAP 4 -> 5 COMPATIBILITY SHIM & CORE UTILITIES
   ========================================================================== */
.ps-hidden,
.ps-hidden-by-js,
.hidden-xs-up {
  display: none !important;
}

/* col-xs-* compatibility for BS5 */
@media (max-width: 575.98px) {
  .col-xs-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xs-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xs-3 { flex: 0 0 auto; width: 25%; }
  .col-xs-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xs-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xs-6 { flex: 0 0 auto; width: 50%; }
  .col-xs-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xs-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xs-9 { flex: 0 0 auto; width: 75%; }
  .col-xs-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xs-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xs-12 { flex: 0 0 auto; width: 100%; }
}

/* float and text alignment compatibility */
.float-xs-left { float: left !important; }
.float-xs-right { float: right !important; }
.float-xs-none { float: none !important; }
.text-xs-left { text-align: left !important; }
.text-xs-right { text-align: right !important; }
.text-xs-center { text-align: center !important; }

/* Responsive visibility compatibility with exact BS breakpoints */
@media (max-width: 575.98px) {
  .hidden-xs-down { display: none !important; }
}
@media (min-width: 576px) {
  .hidden-sm-up { display: none !important; }
}
@media (max-width: 767.98px) {
  .hidden-sm-down { display: none !important; }
}
@media (min-width: 768px) {
  .hidden-md-up { display: none !important; }
}
@media (max-width: 991.98px) {
  .hidden-md-down { display: none !important; }
}
@media (min-width: 992px) {
  .hidden-lg-up { display: none !important; }
}
@media (max-width: 1199.98px) {
  .hidden-lg-down { display: none !important; }
}
@media (min-width: 1200px) {
  .hidden-xl-up { display: none !important; }
}
@media (max-width: 1399.98px) {
  .hidden-xl-down { display: none !important; }
}

.payment-options .payment-option-wrapper {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  margin-bottom: 12px !important;
  transition: all 0.2s ease !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.payment-options .payment-option-wrapper:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

.payment-options .payment-option-wrapper.selected {
  border-color: #d71a21 !important;
  box-shadow: 0 0 0 1px #d71a21, 0 4px 14px rgba(215, 26, 33, 0.08) !important;
}

.payment-options .payment-option {
  display: flex !important;
  align-items: center !important;
  padding: 16px 20px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.payment-options .payment-label {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  cursor: pointer !important;
  gap: 14px !important;
}

.payment-options .custom-radio {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 4px !important;
}

.payment-options .custom-radio input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  accent-color: #d71a21 !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.payment-options .payment-logo-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 45px !important;
  max-width: 65px !important;
}

.payment-options .payment-logo-wrap img {
  max-height: 28px !important;
  max-width: 60px !important;
  object-fit: contain !important;
}

.payment-options .payment-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: 0.2px !important;
}

.payment-options .additional-information {
  padding: 16px 22px !important;
  background: #f8fafc !important;
  border-top: 1px solid #edf2f7 !important;
  font-size: 13px !important;
  color: #334155 !important;
  line-height: 1.6 !important;
}

.payment-options .additional-information.ps-hidden {
  display: none !important;
}

#payment-confirmation {
  margin-top: 24px !important;
}

#payment-confirmation .btn-primary {
  background-color: #d71a21 !important;
  border-color: #d71a21 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 16px 32px !important;
  border-radius: 10px !important;
  width: 100% !important;
  box-shadow: 0 4px 14px rgba(215, 26, 33, 0.35) !important;
  transition: all 0.2s ease !important;
}

#payment-confirmation .btn-primary:hover {
  background-color: #b9151b !important;
  border-color: #b9151b !important;
  box-shadow: 0 6px 20px rgba(215, 26, 33, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   CHECKOUT STEPS & DELIVERY/PAYMENT CARD POLISH (COMPACT & SMART UX)
   ========================================================================== */

/* Hide heavy distractions, banners and pagebuilder blocks on checkout */
body#checkout #wrapper .pagebuilder,
body#checkout #footer .footer-row,
body#checkout .aeuc_cart_custom_text,
body#checkout .aeuc_scart {
  display: none !important;
}

body#checkout #wrapper {
  padding-top: 15px !important;
  padding-bottom: 40px !important;
}

body#checkout .page-header {
  margin-bottom: 15px !important;
  border-bottom: none !important;
}

body#checkout .page-header h1 {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
}

body#checkout #content {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 30px !important;
}

body#checkout .checkout-content {
  flex: 1 1 62% !important;
  max-width: 62% !important;
  min-width: 0 !important;
}

body#checkout .checkout-right {
  flex: 0 0 35% !important;
  max-width: 35% !important;
  min-width: 320px !important;
  position: sticky !important;
  top: 90px !important;
}

@media (max-width: 991px) {
  body#checkout #content {
    flex-direction: column !important;
    gap: 20px !important;
  }
  body#checkout .checkout-content,
  body#checkout .checkout-right {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    position: static !important;
  }
}

.checkout-step {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  margin-bottom: 14px !important;
  padding: 20px 24px !important;
  transition: all 0.2s ease !important;
}

/* Compact completed steps */
.checkout-step.-complete:not(.-current) {
  padding: 12px 20px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

.checkout-step.-complete:not(.-current) .content {
  display: none !important;
}

.checkout-step.-complete:not(.-current) .step-title {
  margin: 0 !important;
  font-size: 15px !important;
  color: #334155 !important;
}

.checkout-step .step-title {
  display: flex !important;
  align-items: center !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 15px 0 !important;
  gap: 12px !important;
}

.checkout-step .step-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  background: #d71a21 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.checkout-step.-complete .step-number {
  background: #16a34a !important;
}

.checkout-step .step-edit {
  margin-left: auto !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  cursor: pointer !important;
}

.checkout-step .step-edit:hover {
  color: #d71a21 !important;
}

/* Delivery Options List */
.delivery-options-list .delivery-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

.delivery-options-list .delivery-option {
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.delivery-options-list .delivery-option:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

.delivery-option-2 {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 16px !important;
  cursor: pointer !important;
}

.delivery-option-2 .checkout-radio-2 {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.delivery-option-2 .checkout-radio-2 input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  accent-color: #d71a21 !important;
  margin: 0 !important;
  cursor: pointer !important;
  position: static !important;
  opacity: 1 !important;
}

.delivery-option-2 .checkout-radio-2 .checkmark {
  display: none !important;
}

.delivery-option-2 .delivery-text {
  flex-grow: 1 !important;
}

.delivery-option-2 .carrier-name {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.delivery-option-2 .carrier-delay {
  font-size: 12px !important;
  color: #64748b !important;
  display: block !important;
  margin-top: 2px !important;
}

.delivery-option-2 .delivery-price .carrier-price {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #d71a21 !important;
}

/* PayU Grouped Fieldset */
#payu-methods-grouped {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#payu-methods-grouped legend {
  display: none !important;
}

/* Order Summary Details in Payment Step */
#order-summary-content {
  background: #f8fafc !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin: 20px 0 !important;
  border: 1px solid #e2e8f0 !important;
}

#order-summary-content table {
  width: 100% !important;
  margin-top: 15px !important;
}

#order-summary-content table td {
  padding: 8px 12px !important;
  border-bottom: 1px solid #edf2f7 !important;
  font-size: 14px !important;
}

#order-summary-content table tr.font-weight-bold td {
  border-bottom: none !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  color: #d71a21 !important;
}

/* Right Sidebar Cart Summary Card */
.checkout-right > .card {
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
  padding: 24px !important;
  background: #ffffff !important;
  position: sticky !important;
  top: 90px !important;
}

.checkout-right .cart-summary-totals .cart-total .value {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #d71a21 !important;
}

.checkout-right .block-promo .promo-code form {
  display: flex !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.checkout-right .block-promo .promo-input {
  flex-grow: 1 !important;
  height: 42px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
}

.checkout-right .block-promo .btn-primary {
  height: 42px !important;
  background: #d71a21 !important;
  border-color: #d71a21 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 0 16px !important;
}

/* ==========================================================================
   ELEGANT REVIEW SUMMARY BOX (INTELLIGENT CHECKOUT SUMMARY)
   ========================================================================== */
.order-summary-box {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 22px 24px !important;
  margin: 20px 0 !important;
}

.order-summary-box .summary-section-header {
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #edf2f7 !important;
}

.order-summary-box .summary-heading {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 !important;
}

.order-summary-box .summary-subheading {
  font-size: 12px !important;
  color: #64748b !important;
  margin: 4px 0 0 0 !important;
}

/* 2-Column Addresses Grid */
.order-summary-box .summary-cards-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

@media (max-width: 767px) {
  .order-summary-box .summary-cards-grid {
    grid-template-columns: 1fr !important;
  }
}

.order-summary-box .summary-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
}

.order-summary-box .summary-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.order-summary-box .summary-card-header i {
  color: #d71a21 !important;
  margin-right: 4px !important;
}

.order-summary-box .summary-card-body {
  font-size: 12px !important;
  color: #475569 !important;
  line-height: 1.5 !important;
}

/* Shipping pill row */
.order-summary-box .summary-shipping-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  margin-bottom: 14px !important;
}

.order-summary-box .summary-shipping-info {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.order-summary-box .summary-shipping-info i {
  color: #d71a21 !important;
  font-size: 16px !important;
}

.order-summary-box .summary-shipping-price {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #d71a21 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Order items line */
.order-summary-box .order-line {
  display: flex !important;
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin-bottom: 8px !important;
}

.order-summary-box .order-line .image img {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
  border-radius: 6px !important;
}

.order-summary-box .order-line .details a {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-decoration: none !important;
}

.order-summary-box .order-line .qty {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #d71a21 !important;
}

.order-summary-box .order-confirmation-table table {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-top: 10px !important;
}

.order-summary-box .order-confirmation-table table td {
  padding: 8px 14px !important;
  font-size: 13px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.order-summary-box .order-confirmation-table table tr.font-weight-bold td {
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #d71a21 !important;
  border-bottom: none !important;
  background: #fff8f8 !important;
}

/* ==========================================================================
   RIGHT SIDEBAR RICH ORDER SUMMARY (STICKY PANEL)
   ========================================================================== */
.cart-summary-panel {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  padding: 24px !important;
  margin-bottom: 25px !important;
}

.cart-summary-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  border-bottom: 1.5px solid #f1f5f9 !important;
}

.cart-summary-header .summary-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.cart-summary-header .summary-title i {
  color: #d71a21 !important;
  font-size: 18px !important;
}

.cart-summary-header .badge-products-count {
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
}

.product-summary-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.summary-product-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 10px !important;
}

.summary-product-img {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.summary-product-img img {
  max-width: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
}

.summary-product-meta {
  flex-grow: 1 !important;
  min-width: 0 !important;
}

.summary-product-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-decoration: none !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.summary-product-qty-price {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 4px !important;
}

.summary-product-qty {
  font-size: 12px !important;
  color: #64748b !important;
}

.summary-product-price {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #d71a21 !important;
}

.cart_summary_subtotals {
  border-top: 1px solid #f1f5f9 !important;
  padding: 14px 0 !important;
}

.cart-summary-line {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 6px 0 !important;
  font-size: 14px !important;
  color: #475569 !important;
}

.cart-summary-totals {
  border-top: 2px solid #f1f5f9 !important;
  padding-top: 14px !important;
  margin-top: 10px !important;
}

.cart-summary-totals .cart-total {
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
}

.cart-summary-totals .cart-total .value {
  color: #d71a21 !important;
  font-size: 22px !important;
}

/* Sidebar Address & Shipping Summaries */
.sidebar-addresses-summary {
  background: #f8fafc !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin-bottom: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.sidebar-address-item .sidebar-address-label {
  font-size: 13px !important;
  color: #0f172a !important;
  margin-bottom: 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.sidebar-address-item .sidebar-address-label i {
  color: #d71a21 !important;
}

.sidebar-address-item .sidebar-address-text {
  font-size: 12px !important;
  color: #64748b !important;
  line-height: 1.4 !important;
  padding-left: 20px !important;
}

.sidebar-shipping-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #f8fafc !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin-bottom: 14px !important;
}

.sidebar-shipping-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.sidebar-shipping-label i {
  color: #d71a21 !important;
  font-size: 16px !important;
}

.sidebar-shipping-price {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #d71a21 !important;
}

/* ==========================================================================
   PRODUCTION QUALITY REFINEMENTS: Product Cards, Reassurance & Header
   ========================================================================== */

/* 1. Header Top Bar & Reassurance Ribbon */
#header .header-nav {
  background: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  position: relative !important;
}
#header .header-nav .row {
  margin: 0;
}
#header .header-nav .right-nav {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-left: auto !important;
  padding: 0 !important;
}
#header #block-reassurance {
  margin: 0 !important;
  color: #fff !important;
  background: transparent !important;
}
#header #block-reassurance ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#header #block-reassurance ul li {
  background: #d71a21 !important;
  border-radius: 25px 0 0 25px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
#header #block-reassurance ul li .block-reassurance-item {
  display: flex !important;
  align-items: center !important;
  padding: 8px 24px 8px 18px !important;
}
#header #block-reassurance ul li .block-reassurance-item i.icofont-truck {
  margin: 0 10px 0 0 !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}
#header #block-reassurance ul li .block-reassurance-item i.icofont-truck::before {
  content: "" !important;
  background: url(../img/svg/white/free-delivery.svg) no-repeat center !important;
  background-size: contain !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0 !important;
  display: block !important;
}
#header #block-reassurance ul li .block-reassurance-item span {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  letter-spacing: 0.3px !important;
  line-height: 1.2 !important;
}

/* Desktop: Header Reassurance Tab flush against the right edge of viewport with ZERO gap */
@media (min-width: 992px) {
  #header .header-nav {
    position: relative !important;
  }
  #header .header-nav .row {
    position: static !important;
  }
  #header .header-nav .right-nav {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    z-index: 10 !important;
  }
  #header #block-reassurance {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
  }
  #header #block-reassurance ul {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
  }
  #header #block-reassurance ul li {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 25px 0 0 25px !important;
    padding-right: 25px !important;
  }
  #header #block-reassurance ul li .block-reassurance-item {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 24px 0 18px !important;
  }
}

@media (max-width: 991px) {
  #header .header-nav .container {
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
  }
  #header .header-nav .row {
    margin: 0 !important;
  }
  #header .header-nav .right-nav {
    padding: 0 !important;
  }
  #header #block-reassurance {
    display: block !important;
    width: 100% !important;
  }
  #header #block-reassurance ul li {
    border-radius: 0 !important;
    justify-content: center !important;
    padding: 6px 12px !important;
  }
  #header #block-reassurance ul li .block-reassurance-item {
    justify-content: center !important;
    padding: 0 !important;
  }
  #header #block-reassurance ul li .block-reassurance-item span {
    font-size: 11px !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/* 2. Product Miniature Cards Layout & Button Visibility */
/* 2. Product Miniature Cards Layout & Button Visibility */
#products .product-miniature,
.products .product-miniature,
.product-miniature {
  position: relative !important;
  border-radius: 25px !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 480px !important;
  background-color: #ffffff !important;
  border: 1px solid #f3f3f3 !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  box-sizing: border-box !important;
}

body.tax-display-enabled #products .thumbnail-container,
#products .thumbnail-container,
.product-miniature .thumbnail-container {
  position: relative !important;
  overflow: visible !important;
  border-radius: 25px !important;
  padding: 15px 15px 22px 15px !important;
  height: 100% !important;
  min-height: 480px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.product-miniature .product-thumbnail {
  width: 100% !important;
  margin: 0 auto !important;
  min-height: 220px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.product-miniature .product-thumbnail img {
  max-width: 100% !important;
  max-height: 240px !important;
  object-fit: contain !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
}

.product-miniature .product-description {
  height: auto !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  flex: 1 0 auto !important;
  padding: 10px 0 0 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.product-miniature .product-title {
  margin: 6px 0 10px !important;
  line-height: 1.35 !important;
  font-size: 15px !important;
  min-height: 38px !important;
}

/* Wishlist Button in Card: cleanly placed at top-right */
.product-miniature .wishlist-button-add,
.thumbnail-container .wishlist-button-add {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 10 !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #888 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all 0.2s ease !important;
}
.product-miniature .wishlist-button-add:hover,
.thumbnail-container .wishlist-button-add:hover {
  color: #d71a21 !important;
  border-color: #d71a21 !important;
  transform: scale(1.08) !important;
}
.product-miniature .wishlist-button-add i,
.thumbnail-container .wishlist-button-add i {
  font-size: 18px !important;
  color: inherit !important;
  line-height: 1 !important;
}

/* Bottom Price & Actions Row */
.product-miniature .product-price-and-shipping {
  margin-top: auto !important;
  padding-top: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.product-miniature .product-price-and-shipping > .grid {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.product-miniature .product-price-and-shipping > .grid .left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
}
.product-miniature .product-price-and-shipping > .grid .right {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin-left: 8px !important;
  align-self: flex-end !important;
}
.product-miniature .payu-installment-price-listing {
  display: block !important;
  margin-top: 4px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}
.product-miniature .payu-installment-price-listing > span {
  display: block !important;
  margin: 0 !important;
}
.product-miniature .product-list-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  position: static !important;
}
.product-miniature .product-list-actions .add-to-cart-or-refresh {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
}

/* Add to Cart button: reset any rogue absolute positioning from pagebuilder */
.grid .product-miniature .product-list-actions .add-to-cart,
.list2 .product-miniature .product-list-actions .add-to-cart,
.product-miniature .product-list-actions .add-to-cart,
.product-miniature .product-list-actions a.add-to-cart,
.product-miniature .product-list-actions button.add-to-cart {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  background: #d71a21 !important;
  color: #fff !important;
  border: 1px solid #d71a21 !important;
  border-radius: 50% !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 4px rgba(215, 26, 33, 0.25) !important;
  transition: all 0.2s ease-in-out !important;
  padding: 0 !important;
}
.product-miniature .product-list-actions .add-to-cart:hover,
.product-miniature .product-list-actions a.add-to-cart:hover,
.product-miniature .product-list-actions button.add-to-cart:hover {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}
.product-miniature .product-list-actions .add-to-cart i {
  font-size: 19px !important;
  color: inherit !important;
}

/* Quick View button */
.product-miniature .product-list-actions .quick-view {
  position: static !important;
  margin: 0 !important;
  border: 1px solid #d71a21 !important;
  background: #fff !important;
  color: #d71a21 !important;
  border-radius: 50% !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  padding: 0 !important;
}
.product-miniature .product-list-actions .quick-view:hover {
  background: #d71a21 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}
.product-miniature .product-list-actions .quick-view i {
  font-size: 19px !important;
  color: inherit !important;
}

/* Mobile Product Grid */
@media (max-width: 767px) {
  .products .product-miniature,
  .products-grid .product-miniature,
  #products .product-miniature {
    padding: 6px !important;
  }
  .product-miniature .thumbnail-container {
    padding: 10px 10px 18px 10px !important;
    min-height: 350px !important;
  }
  .product-miniature .product-title {
    font-size: 13px !important;
    line-height: 16px !important;
    min-height: 32px !important;
    margin: 8px 0 10px !important;
  }
  .product-miniature .product-price {
    font-size: 15px !important;
  }
  .product-miniature .product-list-actions .add-to-cart,
  .product-miniature .product-list-actions .quick-view {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
  .product-miniature .product-list-actions .add-to-cart i,
  .product-miniature .product-list-actions .quick-view i {
    font-size: 16px !important;
  }
}

/* 3. Contact Page Layout & Design */
body#contact #wrapper > .container {
  display: block !important;
  max-width: 1250px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
}
body#contact #content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}
body#contact .contact-grid {
  display: grid !important;
  grid-template-columns: 38% 1fr !important;
  gap: 35px !important;
  margin: 30px auto 50px !important;
  max-width: 1250px !important;
}
@media (max-width: 991px) {
  body#contact .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 25px !important;
  }
}
body#contact .contact-rich {
  background: #f8fafc !important;
  border-radius: 20px !important;
  padding: 30px !important;
  border: 1px solid #e2e8f0 !important;
  height: fit-content !important;
}
body#contact .contact-rich h4 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 25px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 2px solid #d71a21 !important;
  padding-bottom: 10px !important;
  display: inline-block !important;
}
body#contact .contact-rich .block {
  display: flex !important;
  align-items: flex-start !important;
  gap: 15px !important;
  margin-bottom: 22px !important;
}
body#contact .contact-rich .icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #fee2e2 !important;
  color: #d71a21 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  flex-shrink: 0 !important;
}
body#contact .contact-rich .data {
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
}
body#contact .contact-rich .data a {
  color: #0f172a !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
body#contact .contact-rich .data a:hover {
  color: #d71a21 !important;
}
body#contact .contact-form {
  background: #fff !important;
  border-radius: 20px !important;
  padding: 35px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
}
body#contact .contact-form h3 {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 25px !important;
}
body#contact .contact-form .form-control {
  border-radius: 12px !important;
  border: 1px solid #cbd5e1 !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
}
body#contact .contact-form .form-control:focus {
  border-color: #d71a21 !important;
  box-shadow: 0 0 0 3px rgba(215, 26, 33, 0.15) !important;
}
body#contact .contact-form .btn-primary {
  background: #d71a21 !important;
  border-color: #d71a21 !important;
  border-radius: 25px !important;
  font-weight: 700 !important;
  padding: 12px 30px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.2s ease !important;
}
body#contact .contact-form .btn-primary:hover {
  background: #111 !important;
  border-color: #111 !important;
  transform: translateY(-2px) !important;
}

/* 4. Blog Listing Modern Design */
#blog-listing {
  max-width: 1250px !important;
  margin: 0 auto !important;
  padding: 20px 0 50px !important;
}
.list_blog {
  display: flex !important;
  flex-direction: column !important;
  gap: 30px !important;
}
.list_blog .blog-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.list_blog .blog-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
}
.list_blog .blog-item:nth-child(2n) .blog-image {
  order: 2 !important;
  margin: 0 !important;
}
.list_blog .blog-item:nth-child(2n) .blog-text {
  order: 1 !important;
}
.list_blog .blog-item .blog-image {
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  background: #f1f5f9 !important;
}
.list_blog .blog-item .blog-image a.link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 240px !important;
}
.list_blog .blog-item .blog-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 240px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}
.list_blog .blog-item:hover .blog-image img {
  transform: scale(1.05) !important;
}
.list_blog .blog-item .blog-ctncomment {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  background: #d71a21 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  z-index: 2 !important;
}
.list_blog .blog-item .blog-text {
  flex: 1 1 auto !important;
  padding: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: auto !important;
}
.list_blog .blog-item .blog-text h2.h2 {
  font-size: 24px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  margin: 0 0 12px 0 !important;
}
.list_blog .blog-item .blog-text h2.h2 a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.list_blog .blog-item .blog-text h2.h2 a:hover {
  color: #d71a21 !important;
}
.list_blog .blog-item .blog-meta {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  font-size: 13px !important;
  color: #64748b !important;
  margin: 0 0 16px 0 !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
.list_blog .blog-item .blog-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.list_blog .blog-item .blog-meta i {
  color: #d71a21 !important;
}
.list_blog .blog-item .blog-shortinfo {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin-bottom: 20px !important;
}
.list_blog .blog-item .blog-text .readmore-btn {
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #d71a21 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 10px 22px !important;
  border-radius: 25px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.list_blog .blog-item .blog-text .readmore-btn:hover {
  background: #111 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 767px) {
  .list_blog .blog-item {
    flex-direction: column !important;
  }
  .list_blog .blog-item:nth-child(2n) .blog-image {
    order: 0 !important;
  }
  .list_blog .blog-item .blog-image {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
  }
  .list_blog .blog-item .blog-text {
    padding: 20px !important;
  }
  .list_blog .blog-item .blog-text h2.h2 {
    font-size: 19px !important;
  }
}

/* ==========================================================================
   DESKTOP & MOBILE HEADER SHOPPING CART ALIGNMENT FIX (CLEAN MINIMAL ICON)
   ========================================================================== */
#header #_desktop_cart {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

#header #_desktop_cart .blockcart {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header .shopping-cart-header {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 0 16px !important;
  margin: 0 !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.2s ease !important;
}

#header .shopping-cart-header-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header .cart-icon-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
}

#header .cart-icon-wrapper i.icofont-shopping-cart {
  font-size: 29px !important;
  color: #d71a21 !important;
  line-height: 1 !important;
  height: auto !important;
  width: auto !important;
  display: block !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

#header .shopping-cart-header:hover .cart-icon-wrapper i.icofont-shopping-cart {
  color: #000000 !important;
  transform: scale(1.08) !important;
}

#header .cart-icon-wrapper .cart-products-count {
  position: absolute !important;
  top: -8px !important;
  right: -10px !important;
  left: auto !important;
  bottom: auto !important;
  background: #000000 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  min-width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 0 3px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.25) !important;
  box-sizing: border-box !important;
}

#header .shopping-cart-header > a {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: block !important;
}

@media (min-width: 992px) {
  #header .header-top .flex.flex-full {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  #header .header-top .menu {
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }
  #header .header-top .menu .top-menu > li > a {
    padding: 30px 0.55vw !important;
    font-size: clamp(14px, 1.05vw, 18px) !important;
    white-space: nowrap !important;
  }
}

/* ==========================================================================
   Product Page Promo & Discount Rules Badge / Box
   ========================================================================== */
.product-promo-rules-wrapper {
  margin: 18px 0 22px 0;
  width: 100%;
}

.product-promo-card {
  background: linear-gradient(135deg, #fffefe 0%, #fff6f6 100%);
  border: 1.5px dashed #e88d92;
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 12px;
  box-shadow: 0 3px 12px rgba(215, 26, 33, 0.06);
  transition: all 0.25s ease-in-out;
  position: relative;
  box-sizing: border-box;
}

.product-promo-card:hover {
  border-color: #d71a21;
  box-shadow: 0 4px 16px rgba(215, 26, 33, 0.12);
  transform: translateY(-1px);
}

.product-promo-card .promo-card-main {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.product-promo-card .promo-badge-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #d71a21;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  box-shadow: 0 3px 10px rgba(215, 26, 33, 0.3);
  margin-top: 2px;
}

.product-promo-card .promo-card-body {
  flex: 1;
  min-width: 0;
}

.product-promo-card .promo-headline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}

.product-promo-card .promo-discount-pill {
  background: #d71a21;
  color: #ffffff;
  font-weight: 800;
  font-size: 13px;
  padding: 3px 10px;
  border-radius: 20px;
  letter-spacing: 0.3px;
  display: inline-block;
  line-height: 1.2;
}

.product-promo-card .promo-headline-text {
  font-weight: 700;
  font-size: 15px;
  color: #111111;
  line-height: 1.3;
}

.product-promo-card .promo-auto-description {
  font-size: 13px;
  color: #494949;
  line-height: 1.45;
  margin-bottom: 4px;
}

.product-promo-card .promo-auto-description strong {
  color: #111111;
  font-weight: 700;
}

.product-promo-card .promo-code-action-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 8px 0 6px 0;
}

.product-promo-card .promo-code-prefix {
  font-size: 13px;
  font-weight: 600;
  color: #555555;
}

.product-promo-card .promo-code-copy-wrapper {
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  border: 1.5px solid #d4d4d4;
  border-radius: 8px;
  padding: 3px 5px 3px 12px;
  cursor: pointer;
  user-select: all;
  transition: all 0.2s ease-in-out;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.03);
}

.product-promo-card .promo-code-copy-wrapper:hover {
  border-color: #d71a21;
  background: #fff9f9;
}

.product-promo-card .promo-code-value {
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-weight: 800;
  font-size: 15px;
  color: #d71a21;
  letter-spacing: 1px;
  margin-right: 10px;
}

.product-promo-card .promo-copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #f2f2f2;
  color: #222222;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 9px;
  border-radius: 6px;
  transition: all 0.2s ease;
  line-height: 1;
}

.product-promo-card .promo-copy-btn i {
  font-size: 13px;
}

.product-promo-card .promo-code-copy-wrapper:hover .promo-copy-btn {
  background: #d71a21;
  color: #ffffff;
}

.product-promo-card .promo-code-copy-wrapper.copied {
  border-color: #28a745 !important;
  background: #f2fff5 !important;
}

.product-promo-card .promo-code-copy-wrapper.copied .promo-code-value {
  color: #28a745 !important;
}

.product-promo-card .promo-code-copy-wrapper.copied .promo-copy-btn {
  background: #28a745 !important;
  color: #ffffff !important;
}

.product-promo-card .promo-conditions-list {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed rgba(215, 26, 33, 0.15);
  font-size: 12px;
  color: #555555;
  line-height: 1.35;
}

.product-promo-card .promo-cond-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.product-promo-card .promo-cond-item i {
  font-size: 14px;
  color: #777777;
}

.product-promo-card .promo-shipping-free {
  color: #198754;
  font-weight: 600;
}

.product-promo-card .promo-shipping-free i {
  color: #198754;
}

@media (max-width: 575px) {
  .product-promo-card {
    padding: 12px 14px;
  }
  .product-promo-card .promo-badge-icon {
    width: 34px;
    height: 34px;
    font-size: 17px;
  }
  .product-promo-card .promo-headline-text {
    font-size: 14px;
  }
  .product-promo-card .promo-code-action-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

/* ==========================================================================
   MOBILE & TABLET HEADER REFINEMENT (CLEAN, NO OVERLAPPING ELEMENTS)
   ========================================================================== */
@media (max-width: 991px) {
  /* Sticky Header on Mobile: Banner scrolls off, Header-Top stays pinned at top: 0 */
  #header {
    position: sticky !important;
    top: calc(-1 * var(--mobile-banner-height, 70px)) !important;
    z-index: 1000 !important;
  }

  #header .header-top {
    padding: 8px 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  }

  #header .header-top .flex.flex-full {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    position: relative !important;
    gap: 0 !important;
  }

  #header .header-logo {
    margin-right: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
  }

  #header .header-logo .logo {
    max-height: 38px !important;
    width: auto !important;
  }

  /* Right-side action items */
  #header #search_widget,
  #header #_desktop_user_info,
  #header #_desktop_cart,
  #header .hidden-lg-up.mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    height: 40px !important;
    padding: 0 !important;
  }

  #header #search_widget {
    margin: 0 2px !important;
  }

  #header #_desktop_user_info {
    margin: 0 2px !important;
  }

  #header #_desktop_cart {
    margin: 0 2px !important;
  }

  /* Separate the Hamburger button with plenty of breathing room */
  #header .hidden-lg-up.mobile {
    margin: 0 0 0 14px !important;
  }

  /* Triggers for Search, Account, and Cart */
  #header .search-trigger,
  #header .user-info-selector-trigger,
  #header .shopping-cart-header {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    position: relative !important;
  }

  /* Clean up cart containers on mobile */
  #header #_desktop_cart .blockcart,
  #header .shopping-cart {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
  }

  #header .shopping-cart-header-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #header .cart-icon-wrapper {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Icon sizes and colors */
  #header .search-trigger i,
  #header .user-info-selector-trigger i,
  #header .cart-icon-wrapper i.icofont-shopping-cart {
    font-size: 24px !important;
    color: #d71a21 !important;
    line-height: 1 !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
  }

  #header .search-trigger:hover i,
  #header .user-info-selector-trigger:hover i,
  #header .shopping-cart-header:hover .cart-icon-wrapper i.icofont-shopping-cart {
    color: #000000 !important;
    transform: scale(1.06) !important;
  }

  /* Cart Badge - Perfectly positioned, fully visible, never overlapped */
  #header .cart-icon-wrapper .cart-products-count {
    position: absolute !important;
    top: -5px !important;
    right: -7px !important;
    left: auto !important;
    bottom: auto !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    min-width: 17px !important;
    height: 17px !important;
    line-height: 17px !important;
    text-align: center !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 0 3px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
    pointer-events: none !important;
  }

  /* Hamburger Menu Button */
  #header #menu-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #d71a21 !important;
    font-size: 24px !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    z-index: 2 !important;
  }

  #header #menu-icon:hover,
  #header #menu-icon:active {
    background: #d71a21 !important;
    border-color: #d71a21 !important;
    color: #ffffff !important;
  }

  #header #menu-icon i.icofont-menu {
    font-size: 24px !important;
    line-height: 1 !important;
    display: block !important;
    color: inherit !important;
  }
}

/* Extra small devices (max-width: 380px) */
@media (max-width: 380px) {
  #header .header-logo .logo {
    max-height: 32px !important;
  }

  #header .search-trigger,
  #header .user-info-selector-trigger,
  #header .shopping-cart-header,
  #header #_desktop_cart .blockcart,
  #header .shopping-cart {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }

  #header .search-trigger i,
  #header .user-info-selector-trigger i,
  #header .cart-icon-wrapper i.icofont-shopping-cart {
    font-size: 22px !important;
  }

  #header .hidden-lg-up.mobile {
    margin: 0 0 0 10px !important;
  }

  #header #menu-icon {
    width: 36px !important;
    height: 36px !important;
    font-size: 20px !important;
  }
}

/*# sourceMappingURL=custom.css.map */