body {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px x(0, 0, 0, .004);
  width: 100%;
  font-size: 13px
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

html.no-scroll {
  margin: 0;
  height: 100%;
  overflow: hidden
}

html.no-scroll #fw-facade,
html.no-scroll #freshworks-container {
  display: none;
}

div[class*=" col-"] {
  margin-left: -.5px
}

.ul-reset {
  list-style: none;
  padding: 0;
  margin: 0;
}

.relative {
  position: relative
}

.body-wrap {
  position: relative;
  -webkit-transition: transform .15s ease-in-out;
  -o-transition: transform .15s ease-in-out;
  -webkit-transition: -webkit-transform .15s ease-in-out;
  transition: -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out;
  transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}

.body-wrap.cart-open {
  -ms-transform: translate(-400px, 0);
  -webkit-transform: translate(-400px, 0);
  transform: translate(-400px, 0)
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0
}

.line-height {
  line-height: 2em
}

a,
a:focus,
a:hover,
a:visited {
  color: inherit;
  text-decoration: none;
  outline: 0
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: 50px;
  padding: 0 30px;
  color: #fff;
  font-weight: 700;
  font-size: 1.231em;
  border: 0;
  border-radius: 0;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

.btn:active,
.btn:focus,
.btn:hover {
  color: #fff;
  -webkit-filter: brightness(90%);
  filter: brightness(90%)
}

.btn:visited {
  color: #fff
}

.btn.open {
  background: 0 0
}

.btn.open {
  border: 2px solid #000;
  color: #000
}

.btn.open:active,
.btn.open:focus,
.btn.open:hover {
  -webkit-filter: none;
  filter: none;
  color: #000
}

.btn i {
  font-size: 1.2em
}

.btn-small {
  height: 45px;
  font-size: 1em;
  padding: 0 25px
}

.text-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 700
}

.text-link i {
  margin-left: 10px;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

.add-wish.in-wishlist i:before {
  content: '\41'
}

.green-color {
  color: #00b36f
}

.green-color-bg {
  background: #00b36f
}

img.lazy {
  opacity: 0
}

.standard-input {
  height: 50px;
  padding: 0 16px;
  outline: 0;
  border-radius: 0;
  font-size: 1.077em;
  background: #f7f7f7;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none
}

input.standard-input::-webkit-input-placeholder {
  color: #999;
  font-weight: 500
}

input.standard-input:-moz-placeholder {
  color: #999;
  opacity: 1;
  font-weight: 500
}

input.standard-input::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-weight: 500
}

input.standard-input:-ms-input-placeholder {
  color: #999;
  font-weight: 500
}

input.standard-input::-ms-input-placeholder {
  color: #999;
  font-weight: 500
}

/* */
input.standard-input.white::-webkit-input-placeholder {
  color: #fff;
}

input.standard-input.white:-moz-placeholder {
  color: #fff;
}

input.standard-input.white::-moz-placeholder {
  color: #fff;
}

input.standard-input.white:-ms-input-placeholder {
  color: #fff;
}

input.standard-input.white::-ms-input-placeholder {
  color: #fff;
}

.icon:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

i.icon.icon-account {
  font-size: 260% !important
}

.fancybox-button.fancybox-button--arrow_left:before {
  background: 0 0 !important
}

.align {
  display: table;
  width: 100%
}

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

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

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse
}

.space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.align-center {
  -.dev .main-content.float-hea-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.align-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

.align {
  display: table;
  width: 100%
}

.align-100 {
  height: 100%
}

.align-middle {
  display: table-cell;
  vertical-align: middle
}

.align-bottom {
  display: table-cell;
  vertical-align: bottom
}

.align-top {
  display: table-cell;
  vertical-align: top
}

.block-padding {
  padding-top: 30px;
  padding-bottom: 30px
}

.block-padding-top {
  padding-top: 30px
}

.block-padding-bottom {
  padding-bottom: 30px
}

.block-margin {
  margin-top: 30px;
  margin-bottom: 30px
}

.block-margin-top {
  margin-top: 30px
}

.block-margin-bottom {
  margin-bottom: 30px
}

.block-grey {
  background: #f7f7f7
}

.block-border {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}

.block-border-top {
  border-top: 1px solid #eee
}

.block-border-bottom {
  border-bottom: 1px solid #eee
}

.image-wrap.grey {
  position: relative;
  background: #fff
}

.image-wrap.grey:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .03)
}

.image-wrap.border {
  border: 1px solid #eee
}

.image-wrap img {
  width: 100%;
  height: auto
}

i.before {
  margin-right: 7px
}

i.after {
  margin-left: 7px
}

.nothing-found {
  color: #aaa
}

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700
}

.price .price-old {
  color: #aaa;
  text-decoration: line-through;
  margin-left: 10px
}

.title-featured {
  text-align: center;
  position: relative;
  z-index: 0;
  margin-bottom: 20px;
  padding: 15px 0
}

.title-featured .title {
  font-size: 2.308em;
  font-weight: 700;
  z-index: 1
}

.title-featured .title.dark.white,
.title-featured .title.light.white,
.title-featured .title.white {
  color: #fff
}

.title-featured .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1
}

.title-featured .bg.dark {
  opacity: .08
}

.title-featured .bg.light {
  opacity: .2
}

.plusmin {
  position: relative;
  width: 20px;
  height: 20px
}

.plusmin span {
  width: 10px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

.plusmin span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.plusmin.active span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0)
}

.custom-dropdown {
  position: relative
}

.custom-dropdown .active-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.custom-dropdown .active-value .value-title {
  font-size: 1.231em;
  font-weight: 700;
  color: #777
}

.custom-dropdown select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  height: 100%;
  width: 100%;
  opacity: 0
}

.scroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4em;
  color: #ff3900;
  -webkit-transform: translateZ(0) translateY(calc(100% + 30px));
  transform: translateZ(0) translateY(calc(100% + 30px));
  visibility: hidden;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  z-index: 999
}

.scroll-top.active {
  -webkit-transform: translateZ(0) translateY(0);
  transform: translateZ(0) translateY(0);
  visibility: visible
}

.gui-account .gui-table table tr td:first-child p,
.gui-thankyou .gui-table table tr td:first-child p,
.gui-wishlist .gui-table table tr td:nth-child(2) p,
.order-summary table tr td small {
  display: none !important
}

.gui-thankyou .gui-spacer {
  display: inherit;
  height: 10px
}

.gui-thankyou .gui-block-subcontent .gui-table table thead,
.gui-thankyou .gui-block-title {
  display: none
}

#loyaltylion .lion-loyalty-widget_position_left {
  display: none !important
}

#header .alert-bar {
  z-index: 9999999999999
}

#header .alert-bar .alert-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  font-weight: 700;
  text-align: center;
  padding: 5px
}

#header .main-header-outer {
  z-index: 999;
  position: relative
}

#header .main-header .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#header .main-header .logo {
  padding: 15px 140px 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#header .main-header .logo img {
  width: auto;
  height: 130px
}

#header .main-header .content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#header .main-header .content .content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

#header .main-header .topbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  z-index: 99999999999;
}

#header .main-header .topbar .left-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#header .main-header .topbar .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#header .main-header .topbar .socials .text {
  font-weight: 500;
  margin-right: 10px
}

#header .main-header .topbar .socials a {
  font-size: 1.077em;
  margin-right: 15px
}

#header .kiyoh.topbar .kiyoh-rating,
#header .main-header .topbar .kiyoh-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 50px;
  font-weight: 700;
  text-transform: uppercase;
  align-items: center
}

#header .kiyoh.topbar .kiyoh-rating .stars,
#header .main-header .topbar .kiyoh-rating .stars {
  color: #ffac00;
  margin-left: 7px;
  display: flex;
  align-items: center
}

#header .kiyoh.topbar .kiyoh-rating .stars i,
#header .main-header .topbar .kiyoh-rating .stars i {
  margin-right: 2px;
  color: #fff;
  background-color: #ff4000;
  min-height: 20px;
  max-height: 20px;
  min-width: 20px;
  max-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

#header .main-header .topbar .topbar-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#header .main-header .topbar .loyalty-lion {
  font-weight: 500;
  cursor: pointer
}

#header .main-header .topbar .service-links,
#header .main-header .topbar .service-links li ul {
  list-style: none;
  padding: 0;
  margin: 0
}

#header .main-header .topbar .service-links {
  margin-left: 50px
}

#header .main-header .topbar .service-links .main-link {
  font-weight: 500;
  position: relative
}

#header .main-header .topbar .service-links .main-link>a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0
}

#header .main-header .topbar .languages .current-language .language-options,
#header .main-header .topbar .service-links li .sub-links {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .15s ease-in-out, visibility 0s;
  -o-transition: all .15s ease-in-out, visibility 0s;
  transition: all .15s ease-in-out, visibility 0s;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  padding: 10px 0;
  z-index: 1
}

#header .main-header .topbar .languages .current-language .language-options li a,
#header .main-header .topbar .service-links li .sub-links li a {
  padding: 5px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  color: #333
}

#header .main-header .topbar .languages {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

#header .main-header .topbar .languages img {
  width: 23px;
  height: 14px;
  -o-object-fit: cover;
  object-fit: cover
}

#header .main-header .topbar .languages .current-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 100%
}

#header .main-header .topbar .languages .current-language ul li a img {
  margin-right: 7px
}

#header .main-header .topbar .languages .current-language:hover>.language-options,
#header .main-header .topbar .service-links .main-link:hover>.sub-links {
  opacity: 1;
  visibility: visible
}

#header .main-header .topbar .languages .current-language .language-options {
  list-style: none
}

#header .main-header .topbar .languages .current-language .language-options li a {
  font-weight: 500
}

#header .main-header .search-wrap {
  width: 500px
}

#header .main-header .search-wrap form {
  position: relative;
  width: 100%
}

#header .main-header .search-wrap form input {
  width: 100%;
  padding-right: 180px
}

#header .main-header .search-wrap form a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 25px;
  font-size: 1.3em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

#header .main-header .search-wrap .ui.selection.dropdown .menu {
  max-height: 400px
}

#header .main-header .middle-section {
  padding: 15px 0
}

#header .main-header .middle-section .middle-section-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#header .main-header .header-icons {
  list-style: none;
  margin: 0;
  padding: 0
}

#header .main-header .header-icons,
#header .main-header .header-icons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#header .main-header .header-icons>li {
  margin-left: 50px;
  font-weight: 500
}

#header .main-header .header-icons>li>a i {
  font-size: 1.7em
}

#header .main-header .header-icons li.account a i.icon-account-alt {
  font-size: 1.9em
}

#header .main-header .header-icons li.cart {
  position: relative
}

#header .main-header .header-icons li.cart>a {
  padding: 0 15px;
  height: 50px;
  cursor: pointer
}

#header .main-header .header-icons li.cart a i.icon-cart {
  margin-right: 10px
}

#header .main-header .header-icons li.cart a i.fa-angle-down {
  font-size: 1em;
  margin-left: 15px
}

#header .main-header .header-icons li.cart a .amount {
  font-size: .923em
}

.cart-dropdown {
  border: 1px solid #eee;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  width: 600px;
  padding: 30px;
  background: #fff;
  -webkit-transition: all .15s ease-in-out, visibility 0s;
  -o-transition: all .15s ease-in-out, visibility 0s;
  transition: all .15s ease-in-out, visibility 0s;
  overflow: scroll;
}

.cart-dropdown.active {
  opacity: 1;
  visibility: visible;
  overflow: scroll;
  max-height: 800px;
}

.cart-dropdown .top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 15px
}

.cart-dropdown .top-wrap .cart-title {
  font-size: 1.231em;
  font-weight: 700;
  text-transform: uppercase
}

.cart-dropdown .top-wrap .amount {
  color: #888;
  font-size: .923em;
  font-weight: 700;
  text-transform: uppercase
}

.cart-dropdown .cart-products {
  padding: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  max-height: 450px;
  overflow-x: scroll
}

.cart-dropdown .cart-products::-webkit-scrollbar {
  display: none
}

.cart-dropdown .cart-products .cart-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #eee
}

.cart-dropdown .cart-products .cart-product:first-child {
  padding-top: 0
}

.cart-dropdown .cart-products .cart-product:last-child {
  padding-bottom: 0;
  border-bottom: 0
}

.cart-dropdown .cart-products .cart-product .image-wrap {
  width: 70px;
  padding: 10px
}

.cart-dropdown .cart-products .cart-product .product-info {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.cart-dropdown .cart-products .cart-product .product-info .brand-title {
  font-weight: 700;
  color: #aaa;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: .9em
}

.cart-dropdown .cart-products .cart-product .product-info .product-title {
  font-weight: 700
}

.cart-dropdown .cart-products .cart-product .product-info .product-variant {
  font-size: .8em;
  color: #888;
  margin-top: 3px
}

.cart-dropdown .cart-products .cart-product .product-info .bundle-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px
}

.cart-dropdown .cart-products .cart-product .product-info .bundle-item .plus {
  font-size: .7em;
  min-width: 15px;
  min-height: 15px;
  max-width: 15px;
  max-height: 15px;
  background: #ff3900;
  color: #fff;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px
}

.cart-dropdown .cart-products .cart-product .product-info .bundle-item .title {
  font-size: .8em
}

.cart-dropdown .cart-products .cart-product .stars {
  margin-top: 5px;
  color: #ffac00;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.cart-dropdown .cart-products .cart-product .stars i {
  margin-right: 2px
}

.cart-dropdown .cart-products .cart-product .stars i:last-child {
  margin-right: 0
}

.cart-dropdown .cart-products .cart-product .price {
  margin-top: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.cart-dropdown .cart-products .cart-product .price.mobile {
  display: none
}

.cart-dropdown .cart-products .cart-product .price.desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cart-dropdown .cart-products .cart-product .quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 30px;
  font-weight: 700
}

.cart-dropdown .cart-products .cart-product .quantity.empty {
  min-width: 125px;
}

.cart-dropdown .cart-products .cart-product .delete-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px
}

.cart-dropdown .cart-products .cart-product .delete-product a i {
  color: #aaa;
  font-size: 1.5em
}

.cart-dropdown .cart-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px
}

.cart-dropdown .cart-total .price-wrap {
  margin-right: 5px
}

.cart-dropdown .cart-total .price-wrap .total-price {
  font-weight: 700;
  font-size: 1.231em
}

.cart-dropdown .cart-total .price-wrap .shipping-costs {
  font-weight: 600;
  margin-top: 5px;
  font-size: 1.2em
}

.cart-dropdown .cart-total .price-wrap .shipping-costs span {
  text-transform: uppercase
}

.cart-dropdown .cart-total .price-wrap .shipping-costs.free span {
  color: #00b36f
}

.cart-dropdown .cart-total .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cart-dropdown .cart-total .btn-wrap .text-link {
  font-weight: 600;
  color: #7f7f7f;
  margin-right: 30px;
  font-size: 1.077em;
  text-decoration: underline;
  white-space: nowrap
}

.cart-dropdown .cart-total .btn-wrap .btn i {
  margin-left: 20px;
  font-size: 1.2em
}

#header .main-header .main-menu>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px
}

#header .main-header .main-menu>ul>li {
  /*     margin-right: 0 */
  margin-left: 5px;
  margin-right: 5px;
}

#header .main-header .main-menu>ul>li:last-child {
  margin-right: 0
}

#header .main-header .main-menu>ul>li>a {
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#header .main-header .main-menu ul li .subnav.active {
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0s ease-in-out, -webkit-all .2s ease-in-out;
  transition: all 0s ease-in-out, -webkit-all .2s ease-in-out;
  -o-transition: all .2s ease-in-out, all 0s ease-in-out;
  transition: all .2s ease-in-out, all 0s ease-in-out;
  transition: all .2s ease-in-out, all 0s ease-in-out, -webkit-all .2s ease-in-out;
  opacity: 1
}

#header .main-header .main-menu ul li .subnav {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  -webkit-transition: all .2s ease-in-out, all 0s, -webkit-all .2s ease-in-out;
  transition: all .2s ease-in-out, all 0s, -webkit-all .2s ease-in-out;
  -o-transition: all .2s ease-in-out, all 0s, all .2s ease-in-out;
  transition: all .2s ease-in-out, all 0s, all .2s ease-in-out;
  transition: all .2s ease-in-out, opacity .2s ease-in-out, all 0s, -webkit-all .2s ease-in-out;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  z-index: -1
}

#header .main-header .main-menu ul li .subnav {
  padding: 50px 0
}

#header .main-header .main-menu ul li .subnav .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  flex-direction: column;
}

#header .main-header .main-menu ul li .subnav .featured {
  width: 300px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #eee
}

#header .main-header .main-menu ul li .subnav .featured ul {
  list-style: none;
  margin: 0;
  padding: 0
}

#header .main-header .main-menu ul li .subnav .featured ul li {
  margin-bottom: 10px
}

#header .main-header .main-menu ul li .subnav .featured ul li:last-child {
  margin-bottom: 0
}

#header .main-header .main-menu ul li .subnav .featured ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  background: #f7f7f7;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  z-index: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out
}

#header .main-header .main-menu ul li .subnav .featured ul li a:hover {
  background-size: 110%
}

#header .main-header .main-menu ul li .subnav .featured ul li a:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6)
}

#header .main-header .main-menu ul li .subnav .categories-wrap {
  margin: -15px;
  width: 100%;
}

#header .main-header .main-menu ul li .subnav .categories-outer {
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 15px;
  flex: 1
}

#header .main-header .main-menu ul li .subnav .category {
  width: calc(100% / 5)
}

#header .main-header .main-menu ul li .subnav .service-text {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  font-weight: 700
}

.search-wrap .ui.selection.dropdown {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 15px;
  padding-right: 55px;
  font-size: 13px;
  background: rgba(0, 0, 0, .4);
  color: #fff;
  width: auto;
  min-width: 0
}

.search-wrap .ui.selection.dropdown>.dropdown.icon {
  width: 50px
}

.search-wrap select {
  display: none
}

.search-wrap .ui.dropdown>.text {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important
}

#header .main-header .search-wrap form a {
  right: auto;
  left: 0;
  width: 50px;
  text-align: left;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#header .main-header .search-wrap form input {
  padding-left: 50px
}

.search-wrap {
  position: relative
}

.search-wrap .autocomplete {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  color: #000;
  display: none;
  z-index: 9999
}

.search-wrap .search-products {
  margin: -10px 0;
  max-height: 335px;
  overflow-x: scroll
}

.search-wrap .search-products .search-product {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.search-wrap .search-products .search-product .image-wrap {
  width: 40px;
  padding: 5px
}

.search-wrap .search-products .search-product .brand-title {
  font-weight: 700;
  color: #aaa;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: .9em
}

.search-wrap .search-products .search-product .product-title {
  font-weight: 700
}

.search-wrap .search-products .search-product .product-info {
  margin-left: 10px;
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10
}

.autocomplete .more {
  padding-top: 10px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px
}

.autocomplete.noresults .more {
  display: none
}

.autocomplete .notfound {
  display: none;
  padding: 10px 0;
  font-size: 13px;
  font-style: italic
}

.autocomplete.noresults .notfound {
  display: block
}

.autocomplete.noresults .search-products {
  display: none
}

#header .header-overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

#header .header-overlay.active {
  opacity: 1;
  visibility: visible
}

@media(max-width: 1450px) {

  #header .kiyoh.topbar .inner a.kiyoh-rating .stars i,
  #header .main-header .topbar .kiyoh-rating .stars i {
    min-height: 17px;
    max-height: 17px;
    min-width: 17px;
    max-width: 17px;
    margin-right: 1px
  }

  #header .main-header .topbar .kiyoh-rating {
    margin-left: 15px
  }
}

@media(max-width: 1199px) {
  #header .kiyoh.topbar .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0
  }

  #header .kiyoh.topbar .inner a.kiyoh-rating {
    align-items: center;
    margin-left: unset
  }
}

@media(max-width: 991px) {
  #header .kiyoh.topbar .inner a.kiyoh-rating {
    font-size: .95em
  }
}

@media(max-width: 767px) {
  #header .kiyoh.topbar .inner a.kiyoh-rating {
    font-size: .9em
  }
}

.ham {
  width: 45px;
  margin-left: -12px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.hamRotate.active {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.hamRotate180.active {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.line {
  fill: none;
  -webkit-transition: stroke-dasharray .6s, stroke-dashoffset .6s;
  -o-transition: stroke-dasharray .6s, stroke-dashoffset .6s;
  transition: stroke-dasharray .6s, stroke-dashoffset .6s;
  stroke: #fff;
  stroke-width: 5.5;
  stroke-linecap: round
}

.ham4 .top {
  stroke-dasharray: 40 121
}

.ham4 .bottom {
  stroke-dasharray: 40 121
}

.ham4.active .top {
  stroke-dashoffset: -68px
}

.ham4.active .bottom {
  stroke-dashoffset: -68px
}

.menu-button ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.menu-button ul li {
  margin: 5px 0;
  height: 1px;
  display: block;
  background: #fff;
  width: 23px;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  cursor: pointer;
}

.menu-button .black-accent ul li {
  background: #131413;
}

.menu-button ul li:nth-child(2) {
  width: 28px
}

.menu-button .open-menu.active ul li {
  width: 25px
}

.menu-button .open-menu {
  background: none;
  border: none;
}

.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: 9999;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out
}

.mobile-menu-overlay.mobile-menu-open {
  opacity: 1;
  visibility: visible
}

.mobile-menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 300px;
  height: 100%;
  background: #fff;
  z-index: 99999;
  overflow-x: scroll;
  -ms-transform: translate(-300px, 0);
  -webkit-transform: translate(-300px, 0);
  transform: translate(-300px, 0);
  -webkit-transition: transform .15s ease-in-out;
  -o-transition: transform .15s ease-in-out;
  -webkit-transition: -webkit-transform .15s ease-in-out;
  transition: -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out;
  transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
  font-size: 14px;
  font-weight: 500
}

.mobile-menu.mobile-menu-open {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.body-wrap.mobile-menu-open {
  -ms-transform: translate(300px, 0);
  -webkit-transform: translate(300px, 0);
  transform: translate(300px, 0)
}

.mobile-menu ul.sub-menu li a i.icon-account-alt {
  font-size: 1.6em;
  margin-right: 15px
}

.mobile-menu ul.sub-menu a {
  color: #aaa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mobile-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 5px 0
}

.mobile-menu ul li {
  position: relative
}

.mobile-menu ul li a {
  display: block;
  padding: 9px 20px;
  padding-right: 41px
}

.mobile-menu ul.main-links>li>a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: .95em
}

.mobile-menu ul li .more-cats {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  width: 38px;
  font-size: 1.3em
}

.mobile-menu ul li .more-cats i {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.mobile-menu ul li.active>.more-cats i {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.mobile-menu ul ul li .more-cats {
  height: 23px;
  line-height: 23px
}

.mobile-menu ul ul.language-options li a {
  padding: 5px 0;
  padding-left: 20px
}

.mobile-menu ul ul.language-options li img,
.mobile-menu ul.sub-menu a img {
  width: 24px;
  margin-right: 10px
}

.mobile-menu ul ul {
  display: none;
  font-size: 12px;
  padding: 5px 0;
  padding-left: 24px
}

.mobile-menu ul ul li {
  border-left: 2px solid #eee
}

.mobile-menu ul ul li a {
  padding: 3px 0;
  padding-left: 22px;
  color: #999
}

.mobile-menu ul ul ul li a {
  padding-left: 10px
}

.mobile-menu ul ul.active {
  display: block
}

.mobile-menu ul li i.before:not(.icon-account) {
  font-size: 11px;
  margin-right: 10px;
  width: 15px
}

.mobile-menu .logo {
  padding: 20px;
  padding-bottom: 10px
}

.mobile-menu .logo.small img {
  height: 20px
}

.mobile-menu .logo.medium img {
  height: 25px
}

.mobile-menu .logo.large img {
  height: 30px
}

.mobile-menu .kiyoh-widget,
.mobile-menu-upsell {
  padding: 15px 20px;
  border-top: 1px solid #eee
}

.mobile-menu-upsell .title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.1em
}

.mobile-menu-upsell .mobile-upsell-product {
  display: block
}

.mobile-menu-upsell .mobile-upsell-product .inner {
  display: flex;
  align-items: flex-start;
  background: #f7f7f7;
  border: 1px solid #eee;
  padding: 10px
}

.mobile-menu-upsell .mobile-upsell-product .inner .image-wrap {
  min-width: 60px;
  max-width: 60px;
  padding: 5px;
  margin-right: 10px;
  border: 1px solid #eee;
  background: #fff
}

.mobile-menu-upsell .mobile-upsell-product .inner .info .brand {
  color: #aaa;
  text-transform: uppercase;
  font-size: .85em
}

.mobile-menu-upsell .mobile-upsell-product .inner .info .product-title {
  font-weight: 700;
  font-size: 1em;
  margin-top: 1px;
  margin-bottom: 5px
}

.mobile-menu-upsell .mobile-upsell-product .inner .info .price {
  font-size: .9em
}

.mobile-menu .kiyoh-widget .kiyoh-rating {
  font-size: .9em
}

.mobile-menu .kiyoh-widget .kiyoh-rating .stars {
  margin-top: 5px;
  font-size: 1.2em
}

.mobile-menu .kiyoh-widget .kiyoh-rating .stars i {
  margin-right: 2px
}

.headlines {
  overflow: hidden
}

.headlines .inner {
  position: relative
}

.headlines .headline-slider .owl-stage-outer {
  overflow: visible
}

.headlines .headline {
  height: 35vw;
  max-height: 600px
}

.headlines .headline:not(.video-headline) {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.headlines .owl-nav .owl-next,
.headlines .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  height: 100%;
  width: calc((100vw - 1600px)/ 2);
  color: rgba(255, 255, 255, .7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  font-size: 2.5em
}

.headlines .owl-nav .owl-next:hover,
.headlines .owl-nav .owl-prev:hover {
  color: #fff
}

.headlines .owl-nav .owl-prev {
  right: 100%;
  left: auto;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .6)));
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .6) 100%);
  background: -o-linear-gradient(right, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .6) 100%);
  background: linear-gradient(-90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .6) 100%);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.headlines .owl-nav .owl-next {
  left: 100%;
  right: auto;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .6)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .6) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .6) 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .6) 100%);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.headlines .headline .inner-wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px
}

.headlines .headline.overlay .inner-wrap {
  background: rgba(0, 0, 0, .5)
}

.headlines .headline .inner-wrap .content {
  max-width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-align: center
}

.headlines .headline .inner-wrap .content .title {
  font-weight: 700;
  font-size: 3.462em;
  margin-bottom: 20px
}

.headlines .headline .inner-wrap .content .text {
  font-weight: 500;
  max-width: 500px;
  margin-bottom: 50px
}

.headlines .headline .inner-wrap .content .btn {
  text-shadow: none
}

.headlines .slider-nav {
  position: absolute;
  bottom: 0;
  color: #fff;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  right: 0;
  left: 0;
  padding: 0 30px
}

.headlines .slider-nav .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.1em;
  font-weight: 700;
  color: rgba(255, 255, 255, .75);
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  padding-bottom: 20px;
  border-bottom: 5px solid transparent
}

.headlines .slider-nav .nav-item .number {
  margin-right: 5px
}

.headlines .slider-nav .nav-item .text {
  margin-left: 5px
}

.headlines .slider-nav .nav-item .divider {
  width: 0;
  height: 2px;
  background: #fff;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

.headlines .slider-nav .nav-item.active {
  color: #fff
}

.headlines .slider-nav .nav-item.active .divider {
  width: 40px
}

.headlines .item.video-headline .vid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  z-index: -1;
  overflow: hidden
}

.headlines .item.video-headline .vid video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden
}

.banner-timer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -3px;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 50px
}

.banner-timer .block {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: relative
}

.banner-timer .block .digit {
  width: 20px;
  height: 30px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1.5px;
  border-radius: 3px;
  color: #000;
  padding-top: 2px
}

.banner-timer .block .time-title {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 5px
}

.usp-bar .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 20px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-top: 15px
}

.usp-bar.custom-colors .inner {
  border: none
}

.usp-bar .usp-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.usp-bar .usp-item .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.usp-bar .usp-item .icon i {
  font-size: 2em;
  margin-right: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.usp-bar .usp-item .text {
  font-size: 1.077em;
  font-weight: 600
}

.popover {
  border-radius: 0;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
  font-family: inherit;
  font-size: 13px
}

.popover.bottom>.arrow {
  border-bottom-color: #eee
}

.home-banners .grid-row {
  margin: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.home-banners .grid-col {
  padding: 15px
}

.home-banners .banner-1,
.home-banners .banner-2 {
  width: 37.5%
}

.home-banners .banner-reviews {
  width: 25%
}

.home-banners .banner {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%
}

.home-banners .banner .overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  width: 100%;
  position: relative
}

.home-banners .banner .overlay.text-place-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.home-banners .banner .overlay.text-place-right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.home-banners .banner .overlay.text-place-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.home-banners .banner .overlay.align-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.home-banners .banner .overlay.align-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.home-banners .banner .overlay.align-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.home-banners .banner .overlay.align-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.home-banners .banner .overlay.top-to-bottom {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .59) 0, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .59)), color-stop(33%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, .59) 0, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, .59) 0, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%)
}

.home-banners .banner .overlay.bottom-to-top {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .59) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(66%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .59)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .59) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .59) 100%)
}

.home-banners .banner .overlay.left-to-right {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .7)), color-stop(60%, rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, 0) 100%)
}

.home-banners .banner .overlay.right-to-left {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .7) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .7)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .7) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .7) 100%)
}

.home-banners .banner .overlay.filling {
  background: rgba(0, 0, 0, .3)
}

.home-banners .banner .title {
  font-weight: 700;
  font-size: 25px
}

.home-banners .banner .subtitle {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase
}

.home-banners .banner .button {
  margin-top: 30px
}

.home-banners .banner .text-link {
  margin-top: 10px
}

.home-banners .banner .banner-btn {
  height: 45px;
  padding: 0 20px;
  font-size: 13px;
  text-transform: uppercase
}

.home-banners .banner .content {
  margin-top: 10px
}

.home-banners .banner .content ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.home-banners .banner .content ul li:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  margin-right: 7px;
  margin-top: -2px
}

.home-banners .banner-reviews .banner {
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .03);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .03);
  background: #f7f7f7;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.home-banners .banner-reviews .banner .kiyoh {
  position: absolute;
  right: 0;
  height: 125%;
  -webkit-transform: translate(50%, -12.5%) rotate(-15deg);
  -ms-transform: translate(50%, -12.5%) rotate(-15deg);
  transform: translate(50%, -12.5%) rotate(-15deg);
  right: 0;
  opacity: .25
}

.home-banners .banner-reviews .banner .stars {
  color: #ffac00;
  margin-top: 15px;
  font-size: 30px
}

.home-banners .banner-reviews .banner .stars i {
  margin: 3px
}

.home-banners .banner-reviews .banner .buttons {
  margin-top: 30px
}

.home-intro .intro-blocks .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px
}

.home-intro .intro-blocks .intro-block {
  padding: 10px
}

.home-intro .intro-blocks .intro-block a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.home-intro .intro-blocks .intro-block a .icon {
  width: 160px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  background: #fff;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .05);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .05);
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

.home-intro .intro-blocks .intro-block a .icon img {
  height: 60px;
  width: 100%;
  -o-object-fit: fill;
  object-fit: fill
}

.home-intro .intro-blocks .intro-block a .icon.large-icon {
  padding: 0;
  overflow: hidden;
}

.home-intro .intro-blocks .intro-block a .icon.large-icon img {
  height: 100%;
}

.home-intro .intro-blocks .intro-block a .text {
  font-size: 1.077em;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 12px
}

.home-products {
  position: relative;
  z-index: 0;
  overflow: hidden
}

.home-products .tiretrack {
  z-index: -1;
  position: absolute;
  bottom: 100px;
  right: 0;
  -webkit-transform: translateX(240px) rotate(-30deg);
  -ms-transform: translateX(240px) rotate(-30deg);
  transform: translateX(240px) rotate(-30deg);
  width: 800px;
  height: auto;
  opacity: .03
}

.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: -10px
}

.products .products-slider {
  width: 100%;
}

.products .product {
  padding: 10px
}

.products .product .inner {
  background: #fff;
  border: 1px solid #eee;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

.products .product.has-sec .inner .image-wrap .sec {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.labels-wrap {
  position: absolute;
  top: 25px;
  left: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
  margin: -2px;
  z-index: 2
}

.labels-wrap .product-label {
  padding: 0 10px;
  margin: 2px;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 1;
  height: 28px;
  display: flex;
  align-items: center
}

.labels-wrap .product-label.product-hallmark {
  background: #fff;
  color: #fff;
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 10px
}

.labels-wrap .product-label.product-hallmark.ece {
  width: 70px;
  height: auto;
}

.labels-wrap .product-label.product-hallmark img {
  width: 100%;
  height: auto
}

.products .product .product-image {
  overflow: hidden;
  margin: -1px;
  position: relative
}

.products .product .product-image .btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.products .product .image-wrap,
.products .product.has-sec .inner .image-wrap .sec {
  padding: 25px
}

.products .product .info {
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.products .product .info .brand {
  color: #aaa;
  font-size: .923em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1px
}

.products .product .info .product-title {
  font-size: 1.154em;
  font-weight: 700;
  max-height: 40px;
  overflow: hidden;
  line-height: 1.3em;
  margin-bottom: 5px
}

.products .product .info .bottom-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.products .product .info .stars {
  display: flex
}

.products .product .info .stars i {
  color: #ffac00;
  margin-right: 2px;
  font-size: 1.077em
}

.products .product .info .wishlist,
.products .product .info .wishlist-no-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #aaa;
  font-size: .923em;
  cursor: pointer
}

.products .product .info .wishlist i,
.products .product .info .wishlist-no-account i {
  font-size: 1.4em;
  margin-right: 5px
}

.products .product.related .info .wishlist i,
.products .product.related .info .wishlist-no-account i {
  margin-right: 0
}

.products-slider:not(.related-slider):not(.related-slider-small) {
  padding: 0 60px
}

.products-slider .owl-nav .owl-next,
.products-slider .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  transform: translateY(-50%)
}

.products-slider .owl-nav .owl-next {
  left: auto;
  right: 0
}

.products-slider .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.products-slider .owl-stage .product {
  height: 100%
}

.products .product.product-small .product-label {
  font-size: .9em
}

.products .product.product-small .labels-wrap {
  top: 15px;
  left: 15px
}

.products .product.has-sec.product-small .inner .image-wrap .sec,
.products .product.product-small .image-wrap {
  padding: 15px
}

.products .product.product-small .info {
  padding: 15px
}

.products .product.product-small .info .brand {
  font-size: .9em
}

.products .product.product-small .info .product-title {
  font-size: 1em;
  max-height: 35px
}

.products .product.product-small .info .price {
  font-size: .95em
}

.products .product.product-small .info .stars {
  font-size: .9em
}

.products .product.product-small .product-image .btn {
  height: 45px;
  font-size: 1em;
  padding: 0 25px
}

.products .product.collection-product-col {
  width: calc(100% / 6);
  margin-right: -.5px
}

.products .product.has-sec.related .inner .image-wrap .sec,
.products .product.related .image-wrap,
.products .product.related .info {
  padding: 15px
}

.hallmarks {
  margin: 0 -20px
}

.hallmarks .hallmarks-slider .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.hallmarks .hallmark {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.home-brands .btn-wrap {
  margin-top: 20px
}

.home-text .general-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto
}

.home-text .btn i {
  margin-left: 5px
}

.breadcrumbs {
  font-weight: 500;
  margin: 20px 0;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  color: #a1a1a1
}

.breadcrumbs i {
  font-size: .889em
}

.breadcrumbs .crumb,
.breadcrumbs a.home {
  display: inline
}

.breadcrumbs .crumb i {
  margin: 0 10px
}

.price-filter a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none
}

.collection-filter-price {
  height: 5px;
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.collection-filter-price .ui-slider-range {
  background-color: #756a55;
  border: none;
  margin: 0;
  position: absolute;
  height: 5px;
  top: 0;
  z-index: 1
}

.collection-filter-price .ui-slider-handle {
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 0;
  top: -7px;
  cursor: col-resize;
  border: none;
  outline: 0;
  z-index: 9
}

.collection-filter-price .ui-slider-handle:last-child {
  margin-left: -18px
}

.collection-filter-price:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: #eee
}

.price-filter-range {
  margin-top: 15px;
  font-size: .9em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.price-filter-range .max,
.price-filter-range .min {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 35px;
  padding: 0 15px;
  background: #f7f7f7;
  border: 1px solid #eee;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: #888;
  font-weight: 500
}

.price-filter-range .max {
  margin-left: 15px
}

.price-filter.filter-wrap,
.sort-filter.filter-wrap {
  margin-bottom: 30px
}

.filter-wrap.toggle-wrap {
  border-bottom: 1px solid #eee
}

.filter-wrap .filter-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 700;
  text-transform: uppercase;
  color: #777;
  padding-bottom: 15px
}

.toggle-wrap .filter-title {
  padding: 15px 0;
  cursor: pointer
}

.filter-wrap .filter-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 15px
}

.filter-wrap .filter-items.active {
  display: block
}

.filter-wrap .filter-items .filter-item:first-child {
  padding-top: 0
}

.filter-wrap .filter-items .filter-item:last-child {
  padding-bottom: 0
}

.filter-wrap .filter-items .filter-item label {
  color: #777
}

.filter-wrap .filter-items .filter-item.ui.checkbox input:checked~label {
  font-weight: 600
}

.small-dropdown .ui.selection.dropdown {
  height: 45px
}

.small-dropdown .ui.selection.dropdown>.dropdown.icon {
  width: 45px
}

.small-dropdown .ui.dropdown>.text {
  font-size: 1em;
  color: #777;
  font-weight: 500
}

.ui.selection.dropdown {
  height: 40px;
  min-height: unset;
  border: 1px solid #eee;
  line-height: 40px;
  border-radius: 0;
  padding: 0 20px
}

.ui.selection.dropdown>.dropdown.icon {
  padding: 0;
  margin: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  height: 100%;
  width: 40px;
  background: #eee;
  font-weight: 700;
  font-size: 1em;
  color: #797979;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000
}

.ui.dropdown>.dropdown.icon:before {
  content: '\f107';
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu,
.ui.selection.active.dropdown .menu:hover,
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown:hover .menu,
.ui.selection.dropdown:focus,
.ui.selection.dropdown:hover {
  border-color: #eee;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ui.selection.dropdown .menu {
  width: 100%;
  margin: 0 -1px;
  border-radius: 0;
  max-height: 20em
}

.ui.selection.dropdown .menu>.item {
  padding: 10px 20px !important;
  line-height: 2em;
  font-size: 1em
}

@media (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 14em
  }

  .labels-wrap .product-label.product-hallmark.ece {
    width: 60px;
  }
}

.checkbox {
  margin: 0
}

.ui.checkbox {
  font-size: .9em;
  display: block;
  padding: 7px 0
}

.ui.checkbox .box,
.ui.checkbox label {
  padding-left: 2.1em;
  cursor: pointer
}

.ui.checkbox .box:before,
.ui.checkbox label:before {
  border-radius: 0 !important
}

.ui.checkbox input:checked:focus~.box:before,
.ui.checkbox input:checked:focus~label:before,
.ui.checkbox input:checked~.box:before,
.ui.checkbox input:checked~label:before,
.ui.checkbox input:focus~.box:before,
.ui.checkbox input:focus~label:before,
.ui.checkbox input:indeterminate:focus~.box:before,
.ui.checkbox input:indeterminate:focus~label:before {
  border-color: #e4e4e4 !important
}

.ui.checkbox input[type=checkbox],
.ui.checkbox input[type=radio] {
  margin: 0;
  width: 16px;
  height: 16px
}

.ui.checkbox .box:before,
.ui.checkbox label:before {
  width: 16px;
  height: 16px
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
  font-family: iconsfont-caferaceronderdelen;
  content: '\6a';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  left: 3px;
  bottom: 1px;
}

#shipping-costs-popup .methods-block .ui.checkbox input:indeterminate~.box:after,
#shipping-costs-popup .methods-block .ui.checkbox input:indeterminate~label:after {
  content: '' !important;
  display: none;
  ;
}

#catalog,
#collection {
  overflow: hidden
}

.collection-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #000;
  position: relative;
  z-index: 0
}

.collection-banner .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.collection-banner .text-box {
  padding: 50px 0;
  background: #000;
  color: #fff;
  width: calc(50% - 250px);
  padding-right: 40px
}

.collection-banner .text-box .title {
  font-size: 1.923em;
  font-weight: 700
}

.collection-banner .text-box .text {
  margin: 20px 0;
  max-width: 600px
}

.collection-banner .text-box .text.one-line {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 16px 0 8px 0;
}

.collection-banner .text-box .text.one-line p {
  margin: 0;
}

.collection-banner .text-box .text-link {
  color: #fff
}

.collection-banner .image {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(50% + 250px);
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1
}

.collection-banner .image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, .3)));
  background: -webkit-linear-gradient(left, #000 0, rgba(0, 0, 0, .3) 100%);
  background: -o-linear-gradient(left, #000 0, rgba(0, 0, 0, .3) 100%);
  background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .3) 100%)
}

.collection-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.collection-row .sidebar-col {
  width: 380px;
  padding-right: 50px
}

.collection-row .main-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}

#collection .mobile-filters-wrap {
  margin-bottom: 15px
}

#collection .mobile-filters-wrap .sidebar-block {
  padding: 15px;
  border: 1px solid #eee;
  background: #fff;
  margin-top: 15px;
  display: none
}

.collection-wrap {
  position: relative;
  z-index: 0
}

.collection-wrap .tiretrack {
  z-index: -1;
  position: absolute;
  bottom: 30%;
  right: 0;
  -webkit-transform: translateX(240px) rotate(-30deg);
  -ms-transform: translateX(240px) rotate(-30deg);
  transform: translateX(240px) rotate(-30deg);
  width: 800px;
  height: auto;
  opacity: .03
}

.sale-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 55px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 30px;
  font-size: 1.154em;
  font-weight: 700;
  padding: 10px 30px
}

.sidebar .search-wrap {
  margin-bottom: 30px
}

.sidebar .search-wrap form {
  width: 100%;
  position: relative
}

.sidebar .search-wrap form input {
  width: 100%;
  color: #fff;
  padding-right: 50px;
  height: 55px
}

.sidebar .search-wrap form input::-webkit-input-placeholder {
  color: #fff
}

.sidebar .search-wrap form input:-ms-input-placeholder {
  color: #fff
}

.sidebar .search-wrap form input::-ms-input-placeholder {
  color: #fff
}

.sidebar .search-wrap form input::placeholder {
  color: #fff
}

.sidebar .search-wrap form a {
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2em;
  color: #fff
}

#blog .sidebar,
#blog-2023 .sidebar {
  padding: 20px;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07)
}

.sidebar .sidebar-block {
  background: #fff;
  border: 1px solid #eee;
  padding: 25px;
  margin-bottom: 30px
}

.sidebar .sidebar-block:last-child {
  margin-bottom: 0
}

.sidebar .sidebar-title {
  font-size: 1.538em;
  font-weight: 700;
  margin-bottom: 15px
}

.sidebar .sidebar-cats .category-wrap {
  border-bottom: 1px solid #eee
}

.sidebar .sidebar-cats .category-wrap .category-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 700;
  text-transform: uppercase;
  color: #777;
  height: 50px
}

.sidebar .sidebar-cats .category-wrap .category-title .plusmin {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.sidebar .sidebar-cats .category-wrap .category-title .plusmin span {
  left: auto;
  right: 0
}

.sidebar .sidebar-cats .category-wrap .subs {
  font-size: .923em;
  padding-left: 10px;
  margin-bottom: 15px;
  border-left: 3px solid #eee;
  display: none
}

.sidebar .sidebar-cats .category-wrap .subs .sub {
  color: #777;
  margin-bottom: 6px;
  display: block
}

.sidebar .sidebar-cats .category-wrap .subs .sub:last-child {
  margin-bottom: 0
}

.sidebar .sidebar-cats .category-wrap.active .subs {
  display: block
}

.sort {
  background: #fff;
  border: 1px solid #eee
}

.sort.top {
  margin-bottom: 30px
}

.sort.bottom {
  margin-top: 30px
}

.sort form .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 30px;
  min-height: 55px
}

.sort .sort-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.sort .custom-pager {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sort .custom-pager ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sort .custom-pager ul li.number a {
  padding: 0 5px;
  font-size: 1.231em;
  font-weight: 700;
  color: #aaa
}

.sort .custom-pager ul li.next a,
.sort .custom-pager ul li.prev a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7em;
  margin: 0 5px
}

.sort .custom-pager ul li.next.disabled a,
.sort .custom-pager ul li.prev.disabled a {
  pointer-events: none;
  color: #aaa
}

.sort .custom-pager .pager-input-wrap {
  display: flex;
  align-items: center;
  margin-left: 20px
}

.sort .custom-pager .pager-input-wrap .inner-wrap {
  position: relative
}

.sort .custom-pager .pager-input-wrap input {
  border: 1px solid #eee;
  background: #f7f7f7;
  width: 90px;
  height: 40px;
  outline: 0;
  -webkit-appearance: none;
  padding: 0 15px;
  padding-right: 40px
}

.sort .custom-pager .pager-input-wrap input.error {
  border: 1px solid #f70000
}

.sort .custom-pager .pager-input-wrap a {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center
}

.sort .per-page-wrap {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.sort .sort-title {
  font-weight: 700;
  text-transform: uppercase;
  color: #777;
  margin-right: 10px;
  font-size: 1em
}

.collection-content {
  width: 100%;
  margin-top: 60px;
  padding: 50px;
  background: #fff;
  border: 1px solid #eee
}

.collection-content h2 {
  word-break: break-word;
}

.collection-content .title {
  font-weight: 700;
  font-size: 2.308em;
  margin-bottom: 30px
}

.looks {
  margin: -15px
}

.looks .look {
  padding: 15px;
  cursor: pointer
}

.looks .look img {
  width: 100%;
  position: relative;
  z-index: -1
}

.looks .look .look-inner {
  position: relative
}

.looks .look .bottom-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: rgba(0, 0, 0, .7)
}

.looks .look .bottom-info .blur {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1
}

.looks .look .bottom-info .blur img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% + 10px);
  height: auto;
  -webkit-filter: blur(5px);
  filter: blur(5px)
}

.looks .look .bottom-info .title {
  font-weight: 700;
  font-size: 1.1em;
  color: #fff;
  padding-right: 10px
}

.looks .look .align {
  height: 100%
}

.looks .look .text-box {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.looks .look .text-box h3 {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0
}

.looks .look:hover .text-box h3 {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.looks .look .text-box h3:after {
  width: 30px;
  height: 2px;
  background-color: #7ab55c;
  content: '';
  display: block;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  margin-top: 10px
}

.looks .look .text-box .button {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  padding-top: 20px;
  display: block
}

.looks .look:hover .text-box .button {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.newsletter-block {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 0
}

.newsletter-block:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .85;
  z-index: -1
}

.newsletter-block .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.newsletter-block .newsletter-text {
  font-weight: 500;
  text-align: center;
  max-width: 550px;
  margin-bottom: 50px
}

.newsletter-block form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 600px;
  width: 100%
}

.newsletter-block form input {
  flex-grow: 10
}

.newsletter-block .btn {
  padding: 0 50px;
  margin-left: 10px
}

.newsletter-block .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 50px
}

.newsletter-block .socials li {
  margin-right: 20px;
  font-size: 1.5em
}

.newsletter-block .socials li:last-child {
  margin-right: 0
}

.newsletter-block.not-home {
  padding: 30px 0
}

.newsletter-block.not-home .title-featured {
  margin-bottom: 20px
}

.newsletter-block.not-home .newsletter-text {
  display: none
}

.newsletter-block.not-home .socials {
  margin-top: 30px
}

.footer-banners .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -15px
}

.footer-banners .footer-banner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 15px
}

.footer-banners .footer-banner .inner-wrap {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 300px;
  text-align: center;
  position: relative;
  z-index: 0;
  overflow: hidden
}

.footer-banners .footer-banner .inner-wrap .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: -webkit-transform .15s ease-in-out;
  transition: -webkit-transform .15s ease-in-out;
  -o-transition: transform .15s ease-in-out;
  transition: transform .15s ease-in-out;
  transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.footer-banners .footer-banner .inner-wrap .bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: -1
}

.footer-banners .footer-banner .inner-wrap .title {
  font-size: 2.5em;
  font-weight: 700;
  margin-bottom: 50px;
  color: #fff
}

.footer-banners .footer-banner .inner-wrap .btn {
  color: #fff;
  border-color: #fff
}

#footer .main-footer .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#footer .main-footer .footer-row {
  margin: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#footer .main-footer .footer-col {
  padding: 10px;
  flex: 1;
}

#footer .main-footer .footer-info-col {
  padding-right: 150px
}

#footer .main-footer .logo img {
  height: 130px
}

#footer .main-footer .footer-info .footer-text {
  font-weight: 500;
  max-width: 450px;
  margin: 30px 0
}

#footer .main-footer .footer-info .contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px
}

#footer .main-footer .footer-info .contact-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 13px;
  font-weight: 500
}

#footer .main-footer .footer-info .contact-info li:last-child {
  margin-bottom: 0
}

#footer .main-footer .footer-info .contact-info li .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px
}

#footer .main-footer .footer-info .contact-info li .icon-wrap i {
  font-size: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#footer .main-footer .footer-info .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0
}

#footer .main-footer .footer-info .socials li {
  margin-right: 20px;
  font-size: 1.5em
}

#footer .main-footer .footer-info .socials li:last-child {
  margin-right: 0
}

#footer .main-footer .footer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#footer .main-footer .footer-title i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 25px;
  margin-right: 10px
}

#footer .main-footer .footer-title .text {
  font-size: 1.231em;
  font-weight: 700
}

#footer .main-footer .footer-links-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 25px
}

#footer .main-footer .footer-links-wrap ul li {
  margin-bottom: 13px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#footer .main-footer .footer-links-wrap ul li:last-child {
  margin-bottom: 0
}

#footer .main-footer .footer-links-wrap ul li i {
  font-size: 1.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#footer .main-footer .footer-links-wrap ul.service-links li {
  margin-bottom: 10px
}

#footer .main-footer .kiyoh-widget-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 10px
}

#footer .main-footer .kiyoh-widget-wrap .kiyoh-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2em
}

#footer .main-footer .kiyoh-widget-wrap .kiyoh-rating .stars i {
  font-size: 1.3em;
  margin-right: 3px
}

#footer .main-footer .kiyoh-widget-wrap .kiyoh-rating .stars i:last-child {
  margin-right: 0
}

#footer .main-footer .kiyoh-widget-wrap .kiyoh-rating .text {
  font-weight: 500;
  font-size: 1.1em;
  margin-left: 10px
}

#footer .main-footer .kiyoh-widget-wrap .kiyoh-rating .text a {
  text-decoration: underline
}

#footer .footer-bottom {
  padding: 15px 0;
  font-weight: 500
}

#footer .footer-bottom .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#footer .footer-bottom .payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -3px
}

#footer .footer-bottom .payments a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 3px
}

#footer .footer-bottom .payments img {
  height: 35px;
  width: 50px;
  object-fit: contain;
  padding: 5px;
}

#footer .footer-bottom .payments a:last-child {
  margin-right: 0
}

.categories-wrap {
  margin-bottom: 25px;
}

.categories {
  margin: -7px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.categories .category {
  padding: 7px
}

.categories .category.category-col {
  width: calc(100% / 6)
}

.categories .category.category-col.catalog-category {
  width: calc(100% / 5)
}

.categories .category .inner-wrap {
  border-radius: 4px;
  padding: 10px;
  border: 1px solid #eee;
  border-color: #eee !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background: #fff;
  /*     -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out */
}

.categories .category.center-info .inner-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.categories .category .image-wrap {
  width: 90px;
  margin-right: 15px;
  padding: 0
}

.categories .category .info .title {
  font-weight: 700;
  font-size: 1.1em
}

.categories .category .info .title a {
  word-break: break-word
}

.categories .category .info ul.sub-subs {
  list-style: none;
  margin-top: 10px;
  padding: 0;
  font-size: .846em
}

.categories .category .info ul.sub-subs li {
  margin-bottom: 2px
}

.categories .category .info ul.sub-subs li:last-child {
  margin-bottom: 0
}

.categories .category .info ul.sub-subs li a {
  color: #777;
  font-weight: 500;
  white-space: break-word
}

.categories .category .info ul.sub-subs li:before {
  content: '\f105';
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px
}

.categories .category .info a.view-all {
  font-weight: 700;
  font-size: .846em;
  margin-top: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.categories .category .info a.view-all i {
  margin-left: 5px;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

.categories .category .info a.view-all:hover i {
  margin-left: 8px
}

.search-brands-wrap {
  margin-bottom: 30px;
  position: relative
}

.search-brands-wrap i {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3em
}

.search-brands-wrap input {
  padding-left: 50px;
  min-width: 380px;
  border: 1px solid #eee
}

.brands {
  margin: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.brands .brand {
  padding: 10px
}

.brands .brand .image-wrap {
  padding: 10%;
  position: relative;
  border: 1px solid #eee
}

.brands .brand .brand-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  width: 100%;
  text-align: center;
  font-weight: 700;
  border-top: 1px solid #eee;
  background: #fff
}

.brands .brand img {
  width: 100%
}

.textpage-title {
  font-size: 2.5em;
  font-weight: 700;
  margin-bottom: 40px
}

#tags-page .tags {
  margin: -7px
}

#tags-page .tags a {
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  color: #333;
  padding: 0 20px;
  background: #f7f7f7;
  margin: 7px
}

.message-container {
  z-index: 9999999;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  margin-bottom: 20px
}

.fixed-content .message-container {
  margin-top: 0;
  margin-bottom: 20px
}

.message-container .messages {
  margin: 0;
  position: relative
}

.message-container .messages .message ul {
  padding: 0;
  border: none;
  margin: 0;
  background: 0 0;
  color: #fff;
  text-align: left
}

.message-container .messages .message {
  color: #fff;
  padding: 20px;
  background-color: #fff;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: inline-block;
  padding: 10px;
  width: 100%
}

.message-container .messages .message.error .icon {
  color: #cd3b3b
}

.message-container .messages .message.success .icon {
  color: #2ecc71
}

.message-container .messages .message.info .icon {
  color: #3ca1cd
}

.message-container .messages .message.error {
  background: #cd3b3b
}

.message-container .messages .message.success {
  background: #2ecc71
}

.message-container .messages .message.info {
  background: #3ca1cd
}

.message-container .messages .message .icon {
  width: 35px;
  display: table-cell
}

.message-container .messages .message .icon i {
  font-size: 16px;
  background: #fff;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 26px 3px rgba(0, 0, 0, .08);
  box-shadow: 0 0 26px 3px rgba(0, 0, 0, .08);
  text-align: center
}

.message-container .messages .message .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5em;
  padding-left: 20px
}

.message-container .messages .message .button {
  padding-left: 10px;
  text-align: right
}

.message-container .messages .message .button .btn {
  background: 0 0;
  color: #fff;
  border: 2px solid #fff
}

.gui-messages {
  display: none !important
}

.cart-wrap {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cart-wrap .totals-wrap {
  min-width: 420px;
  max-width: 420px
}

.cart-wrap .totals {
  padding: 44px 50px;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07)
}

.cart-wrap .totals .amount {
  color: #888;
  font-size: .923em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center
}

.cart-wrap .totals table {
  font-size: 1.15em;
  font-weight: 600;
  width: 100%
}

.cart-wrap .totals table tr td {
  padding-top: 10px
}

.cart-wrap .totals table tr td:last-child {
  text-align: right
}

.cart-wrap .totals table tr:last-child td {
  padding-top: 20px;
  border-top: 1px solid #eee;
  font-size: 1.1em
}

.cart-wrap .totals table tr:nth-last-child(2) td {
  padding-bottom: 20px
}

.cart-wrap .totals .buttons {
  margin-top: 120px;
  margin-top: 80px;
  text-align: center
}

.cart-wrap .totals .buttons .btn {
  margin-bottom: 10px;
  width: 100%
}

.cart-wrap .totals .buttons .btn.paypal {
  background: #ffc43a;
  color: #012a7c
}

.cart-wrap .totals .buttons .btn.paypal i {
  color: #0099e2
}

.cart-wrap .totals .buttons .btn:last-child {
  margin-bottom: 0
}

.cart-wrap .totals .buttons .text-link {
  margin-top: 15px;
  text-decoration: underline;
  color: #999
}

.cart-wrap .totals .buttons .loyalty-points-total {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 15px;
  font-weight: 700;
  color: #00bc7a
}

.cart-wrap .totals .buttons .loyalty-points-total i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #00bc7a;
  color: #fff;
  border-radius: 100%;
  font-size: 14px;
  margin-right: 10px
}

.cart-wrap .totals-wrap .payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 35px
}

.cart-wrap .totals-wrap .payments {
  margin: -3px;
  padding-top: 20px
}

.cart-wrap .totals-wrap .payments a {
  margin: 3px
}

.cart-wrap .totals-wrap .payments img {
  height: 35px
}

.cart-wrap .table {
  padding-right: 80px
}

.cart-wrap .table table {
  width: 100%
}

.cart-wrap .table table .price-td {
  text-align: right;
  white-space: nowrap
}

.cart-wrap .table table .image-wrap img {
  width: 100%
}

.cart-wrap .table table .image-wrap {
  position: relative;
  width: 100px;
  overflow: hidden;
  padding: 5px;
  background: #fff
}

.cart-wrap .table table .image-wrap:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .03)
}

.cart-wrap .table table td {
  padding: 25px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.cart-wrap .table table .info-td {
  width: 100%
}

.cart-wrap .table table .info {
  padding-left: 30px
}

.cart-wrap .table table .info .title {
  font-size: 1.15em;
  font-weight: 600
}

.cart-wrap .table table .info .stars {
  margin-top: 5px;
  color: #ffac00;
  display: flex
}

.cart-wrap .table table .info .stars i {
  margin-right: 2px
}

.cart-wrap .table table .info .extra-info ul li {
  font-weight: 500;
  margin-top: 3px;
  color: #888
}

.cart-wrap .table table .cart-delete {
  font-size: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
  color: #aaa;
  font-size: 1.5em
}

.cart-wrap .table table .info .extra-info ul {
  font-size: 90%;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 5px;
  line-height: 1.5em
}

.cart-wrap .table table .info .brand {
  font-weight: 700;
  color: #aaa;
  text-transform: uppercase;
  margin-bottom: 3px
}

.cart-wrap .table table .bundled ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -3px 0;
  padding-top: 10px
}

.cart-wrap .table table .bundled ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 0
}

.cart-wrap .table table .bundled .plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px
}

.cart-wrap .table table .bundled .title {
  font-size: .95em
}

.cart-wrap .table table .bundled img {
  width: 50px;
  margin: 0 5px;
  border-radius: 3px
}

.cart-wrap .table table .price {
  padding-left: 50px;
  font-size: 1.3em;
  font-weight: 600
}

.cart-dropdown .input-wrap,
.cart-wrap .table .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cart-dropdown .input-wrap input,
.cart-wrap .table .input-wrap input {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  background: #f7f7f7;
  outline: 0;
  font-size: 15px;
  font-weight: 700;
  text-align: center
}

.cart-dropdown .input-wrap input {
  width: 40px;
  height: 40px;
  font-size: 13px
}

.cart-dropdown .input-wrap .change,
.cart-wrap .table .input-wrap .change {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-left: 5px;
  background: #f7f7f7;
  border: 1px solid #eee;
  line-height: 18px
}

.cart-dropdown .input-wrap .change {
  width: 20px;
  height: 40px
}

.cart-dropdown .input-wrap .change a,
.cart-wrap .table .input-wrap .change a {
  display: block;
  width: 100%;
  height: 50%;
  position: relative
}

.cart-dropdown .input-wrap .change a span,
.cart-wrap .table .input-wrap .change a span {
  width: 10px;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.cart-dropdown .input-wrap .change a span {
  width: 8px
}

.cart-dropdown .input-wrap .change a span:nth-child(2),
.cart-wrap .table .input-wrap .change a span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.cart-wrap .totals table .delete-discount {
  font-size: 70%;
  opacity: .5;
  display: block;
  margin-top: -1px
}

#shipping-costs-popup {
  display: none
}

#shipping-costs-popup .ui.search.selection.dropdown>input.search {
  height: 100%
}

.fancybox-slide #shipping-costs-popup {
  height: 400px;
  margin: 30px 0;
  padding: 30px 50px;
  background: #fff;
  width: 100%;
  max-width: 500px;
  text-align: center;
  -webkit-box-shadow: 0 2px 40px 8px rgba(0, 0, 0, .08);
  box-shadow: 0 2px 40px 8px rgba(0, 0, 0, .08)
}

#shipping-costs-popup .fancybox-close-small {
  display: none
}

#shipping-costs-popup .close-popup a {
  margin-top: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 700;
  opacity: .5;
  text-decoration: underline;
  font-size: .9em
}

#shipping-costs-popup .input-wrap {
  display: none;
  /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px
}

#shipping-costs-popup .input-wrap input {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  margin-right: 10px
}

#shipping-costs-popup .title-small {
  margin-bottom: 50px
}

#shipping-costs-popup .methods-block,
#shipping-costs-popup .no-shipments {
  margin-top: 20px
}

#shipping-costs-popup .methods-title {
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: 10px
}

.cart-wrap .shipping-discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee
}

.cart-wrap .shipping-discount .btn.btn-shipping {
  height: 50px;
  color: #aaa;
  font-size: 15px;
  background: #f7f7f7;
  border: 1px solid #eee;
  margin-right: 10px;
}

.cart-wrap .discount-block .btn {
  margin-left: 5px;
  width: 45px;
  padding: 0;
  background-color: #ff4500;
}

.cart-wrap .discount-block input {
  border: 1px solid rgba(0, 0, 0, .07)
}

.upsell-products {
  width: 100%
}

.gui-checkout .gui-form a.gui-button-small {
  border: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  height: 40px !important;
  padding: 0 25px !important;
  line-height: 40px !important
}

.gui-form-billing_address-region {
  display: none
}

.gui-checkout .gui-form a.gui-button-action,
.gui-checkout .gui-form a.gui-button-primary {
  border: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 1.2em !important
}

.gui-checkout .gui-form a.gui-button-action {
  height: 55px !important;
  line-height: 55px !important;
  width: 100%
}

.btn.fastcheckout {
  background: #1ba5de;
  color: #fff
}

.gui-payment-method-service .gui-payment-method-icon {
  opacity: 0;
  background: #fff;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .07)
}

.gui-payment-method-service .gui-payment-method-icon.updated {
  opacity: 1
}

.gui-form .gui-checkbox label,
.gui-form .gui-radio label {
  position: relative;
  padding-left: 30px !important;
  padding-top: 4px
}

.gui-form .gui-checkbox label:before,
.gui-form .gui-radio label:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #000
}

.gui-form .gui-checkbox input:checked~label:before,
.gui-form .gui-radio input:checked~label:before {
  border: 2px solid #000
}

.gui-form .gui-checkbox label:before {
  border-radius: 0
}

.gui-form .gui-checkbox input,
.gui-form .gui-radio input {
  display: none
}

.gui-form .gui-radio input:checked~label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #f78d76;
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 100%
}

.gui-form .gui-checkbox input:checked~label:after {
  content: "\f00c";
  display: block;
  position: absolute;
  left: 4px;
  top: 4px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.gui-checkout-one-step .gui-payment-method-service>label {
  padding: 15px !important;
  background: #fff;
  border-radius: 5px;
  margin: 0;
  margin-bottom: 10px;
  border: 2px solid transparent
}

.gui-checkout-one-step .gui-payment-method-service.gui-is-selected>label {
  border: 2px solid #f88b71
}

.gui-checkout-one-step .gui-payment-method-service>label input {
  display: none
}

.gui-checkout-one-step .gui-block {
  padding: 7%;
  border-radius: 0
}

.gui-checkout-one-step .gui-block {
  background: rgba(0, 0, 0, .04)
}

.gui-input,
.gui-number,
.gui-select,
.gui-text {
  background-color: #fff !important;
  border: 1px solid #ccc !important
}

.gui-block-subtitle,
.gui-content-subtitle {
  font-size: 1.5em
}

.gui-block-subtitle a {
  font-size: 12px;
  line-height: 2em;
  text-transform: none
}

.gui-form .gui-checkout-steps {
  margin: -15px
}

.gui-checkout-one-step .gui-checkout-steps {
  width: auto !important
}

.gui-form .gui-checkout-steps.gui-col3-equal>.gui-col3-equal-col1,
.gui-form .gui-checkout-steps.gui-col3-equal>.gui-col3-equal-col2,
.gui-form .gui-checkout-steps.gui-col3-equal>.gui-col3-equal-col3 {
  width: 33.3333% !important;
  padding: 15px !important;
  margin: 0 !important
}

.gui-form .gui-field>label {
  font-size: .9em
}

.gui-checkout #gui-block-review .gui-product-image {
  display: block !important;
  border: none;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 15px
}

.order-summary .gui-table tbody tr td:first-child {
  padding-left: 0
}

.order-summary .gui-table tbody tr td:last-child {
  padding-right: 0;
  color: #404040
}

.order-summary .gui-table thead {
  display: none
}

.order-summary .gui-table tbody tr td {
  font-size: 14px
}

.gui-cart-sum .gui-item .gui-desc {
  font-size: 12px;
  text-align: left !important
}

.gui-cart-sum .gui-line {
  background: #eee !important
}

body .gui-table tbody tr:last-child td {
  border-color: #eee
}

.gui-checkout .gui-confirm-buttons a.gui-button-action {
  padding: 0 40px !important;
  height: 45px;
  line-height: 45px;
  font-size: 13px
}

input#gui-form-discount_code {
  font-size: 1em
}

.gui-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0 !important;
  padding: 0 10px !important
}

body .gui-select {
  background: #fff !important;
  color: #000;
  font-size: 13px;
  position: relative;
  z-index: 0;
  border-radius: 5px;
  overflow: hidden
}

body .gui-select:after {
  font-family: fontawesome;
  content: "\f107";
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  z-index: -1;
  font-size: .9em
}

.gui-form .gui-radio input {
  margin: 0;
  margin-right: 10px
}

.gui-checkout .gui-form .gui-input,
.gui-checkout .gui-form .gui-text,
body .gui-select {
  border: none !important
}

.gui-select select {
  height: 40px !important;
  -webkit-appearance: none;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .07) !important
}

.gui-checkout .gui-form input[type=email],
.gui-checkout .gui-form input[type=text],
.gui-checkout .gui-form textarea {
  height: 40px;
  padding: 0 20px;
  outline: 0;
  border: 1px solid rgba(0, 0, 0, .07);
  border-radius: 5px;
  font-size: .85em;
  font-weight: 700;
  letter-spacing: .05em;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none
}

.gui-checkout .gui-form textarea {
  padding: 13px 20px;
  max-width: 100%;
  min-height: 100px
}

.gui-checkout .gui-form input::-webkit-input-placeholder,
.gui-checkout .gui-form textarea::-webkit-input-placeholder {
  color: #aaa;
  color: rgba(0, 0, 0, .4)
}

.gui-checkout .gui-form input:-moz-placeholder,
.gui-checkout .gui-form textarea:-moz-placeholder {
  color: #aaa;
  color: rgba(0, 0, 0, .4);
  opacity: 1
}

.gui-checkout .gui-form input::-moz-placeholder,
.gui-checkout .gui-form textarea::-moz-placeholder {
  color: #aaa;
  color: rgba(0, 0, 0, .4);
  opacity: 1
}

.gui-checkout .gui-form input:-ms-input-placeholder,
.gui-checkout .gui-form textarea:-ms-input-placeholder {
  color: #aaa;
  color: rgba(0, 0, 0, .4)
}

.gui-checkout .gui-form input::-ms-input-placeholder,
.gui-checkout .gui-form textarea::-ms-input-placeholder {
  color: #aaa;
  color: rgba(0, 0, 0, .4)
}

.gui-input input:focus,
.gui-text textarea:focus,
body .gui-input.gui-focus,
body .gui-text.gui-focus {
  border: 1px solid rgba(0, 0, 0, .07) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

body .gui-select.gui-focus {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.gui-checkout .gui-progressbar {
  display: none
}

.status-bar {
  margin-bottom: 50px;
  margin-top: 50px
}

.status-bar.checkout {
  margin-bottom: 30px;
  margin-top: 30px
}

.status-bar .bar {
  height: 5px;
  background: rgba(0, 0, 0, .03);
  margin: 0 50px;
  position: relative;
  margin-bottom: 30px
}

.status-bar .bar .dot {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  font-size: 23px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid rgba(0, 0, 0, .07);
  background: #fff
}

.status-bar .bar .dot i.icon-account {
  font-size: 150% !important
}

.status-bar .bar .dot:nth-child(1) {
  left: 0
}

.status-bar .bar .dot:nth-child(2) {
  left: 33.3333%
}

.status-bar .bar .dot:nth-child(3) {
  left: 66.6666%
}

.status-bar .bar .dot:nth-child(4) {
  left: 100%;
  font-size: 30px
}

.status-bar .bar .active-bar {
  float: left;
  width: 0;
  height: 5px;
  -webkit-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out
}

.status-bar .bar .active-bar.done-2 {
  width: 33.3333%
}

.status-bar .bar .active-bar.done-3 {
  width: 66.6666%
}

.status-bar .bar .active-bar.done-4,
.status-bar .bar .active-bar.done-all {
  width: 100%
}

.status-bar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.status-bar ul li {
  width: 100px;
  text-align: center;
  opacity: .7;
  font-size: .95em
}

.status-bar ul li.active {
  opacity: 1
}

.status-bar ul li.done {
  opacity: 1
}

#service-page .service-banner {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.float-header #service-page .service-banner {
  height: 500px;
}

/* .float-header #service-page .service-banner .overlay {
    padding-top: 220px;
} */

#service-page .service-banner .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#service-page .service-banner .title {
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 3.462em
}

#service-page .service-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -15px
}

#service-page .service-blocks .service-block {
  padding: 15px
}

#service-page .service-blocks .service-block .inner {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
  padding: 30px 40px;
  height: 100%
}

#service-page .service-blocks .service-block.email-block .inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#service-page .service-blocks .service-block.email-block .title-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#service-page .service-blocks .service-block.email-block .title-wrap .icon-wrap {
  color: #fff;
  border-color: #fff
}

#service-page .service-blocks .service-block.email-block .title-wrap .title {
  color: #fff
}

#service-page .service-blocks .service-block.email-block .text {
  color: #fff;
  font-weight: 500;
  text-align: center
}

#service-page .service-blocks .service-block.email-block .btn {
  border-color: #fff;
  color: #fff
}

#service-page .service-blocks .service-block .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px
}

#service-page .service-blocks .service-block .title-wrap .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 60px;
  min-height: 60px;
  border-radius: 50%;
  border: 1px solid #eee;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2em;
  margin-right: 10px
}

#service-page .service-blocks .service-block .title-wrap .icon-wrap i img {
  min-width: 26px;
  max-width: 26px;
  min-height: 26px;
  max-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#service-page .service-blocks .service-block .title-wrap .title {
  font-size: 1.6em;
  font-weight: 700
}

#service-page .service-blocks .service-block ul {
  list-style: none;
  padding: 0;
  margin: 0
}

#service-page .service-blocks .service-block .service-column-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#service-page .service-blocks .service-block .service-column-wrap ul.service-links {
  width: 50%;
  padding: 15px;
}

#service-page .service-blocks .service-block ul li {
  font-weight: 500;
  margin-bottom: 10px;
  /*     max-width: 350px */
}

#service-page .service-blocks .service-block ul li:last-child {
  margin-bottom: 0
}

#service-page .service-blocks .service-block ul.contact-info li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#service-page .service-blocks .service-block ul.contact-info li .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#service-page .service-blocks .service-block ul.contact-info li i {
  font-size: 1.3em;
  margin-right: 13px
}

#service-page .service-blocks .service-block ul.contact-info li:first-child i {
  font-size: 1.5em
}

#service-page .service-blocks .service-block ul.contact-info li:last-child {
  border-bottom: none
}

#service-page .service-blocks .service-block ul.contact-info li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#service-page .service-blocks .service-block .btn-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#service-page .service-blocks .service-block .btn {
  /*   margin-top: 30px; */
  background-color: var(--main_accent);
  color: #fff;
}

#contact-popup {
  display: none;
  max-width: 400px;
  min-width: 400px
}

#contact-popup form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#contact-popup form input,
#contact-popup form textarea {
  margin-bottom: 10px
}

#contact-popup form textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 200px;
  padding: 20px 25px
}

#contact-popup form .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#contact-popup form .btn-wrap .required-notifcation {
  font-weight: 600;
  color: #777
}

#service-page .faq .faq-wrap {
  margin: -25px 0
}

#service-page .faq .faq-wrap .faq-block {
  padding: 25px 0
}

#service-page .faq .faq-block .faq-title {
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .2em;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, .07)
}

#service-page .faq .faq-block .faq-items .faq-item {
  border-bottom: 1px solid rgba(0, 0, 0, .07)
}

#service-page .faq .faq-block .faq-items .faq-item .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  padding: 30px 0;
  cursor: pointer
}

#service-page .faq .faq-block .faq-items .faq-item .tab i {
  font-size: 15px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  margin-left: 15px
}

#service-page .faq .faq-block .faq-items .faq-item.active .tab i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

#service-page .faq .faq-block .faq-items .faq-item .page {
  padding: 30px;
  background: rgba(0, 0, 0, .03);
  margin-bottom: 30px;
  display: none
}

#service-page .faq .faq-block .faq-items .faq-item .page p:last-child {
  margin-bottom: 0
}

.search-faq-wrap {
  margin-bottom: 30px;
  position: relative
}

.search-faq-wrap i {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3em
}

.search-faq-wrap input {
  padding-left: 50px;
  width: 100%;
  border: 1px solid #eee
}

.general-content.faded .text {
  position: relative;
  height: 200px;
  overflow: hidden
}

.general-content.faded .text.active {
  height: auto;
  overflow: visible
}

.general-content.faded .text:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, .3) 0, #fff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .3)), to(#fff));
  background: -o-linear-gradient(top, rgba(255, 255, 255, .3) 0, #fff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, .3) 0, #fff 100%)
}

.general-content.faded .text.active:after {
  display: none
}

.general-content .toggle-text {
  display: none;
  font-weight: 700
}

.general-content.faded .toggle-text {
  display: block
}

.general-content.faded .toggle-text i {
  margin-left: 7px
}

@media(max-width: 991px) {
  #service-page .service-blocks .service-block .service-column-wrap {
    margin: -5px;
  }

  #service-page .service-blocks .service-block .service-column-wrap ul.service-links {
    width: 100%;
    padding: 5px;
  }
}

#msn_container {
  display: none !important
}

#productpage .productpage-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#productpage .product-images {
  min-width: 700px;
  max-width: 700px;
  margin-right: 115px
}

#productpage .product-images .images-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -10px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#productpage .product-images .btn-wrap {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 30px;
  bottom: 30px
}

#productpage .product-images .zoom {
  min-width: 50px;
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #eee;
  background: #fff;
  font-size: 20px;
  color: #aaa;
  border-radius: 100%
}

#productpage .product-images .zoom.video {
  background: red;
  margin-left: 15px;
  color: #fff
}

#productpage .product-images .thumbs {
  max-height: 530px;
  overflow-x: scroll;
  padding: 10px;
  position: relative
}

#productpage .product-images .thumbs .thumb.youtube a {
  display: flex;
  width: 100%;
  height: 65px;
  align-items: center;
  justify-content: center;
  font-size: 3em;
  color: #ff0001
}

#productpage .product-images .thumbs-wrap {
  position: relative
}

#productpage .product-images .thumbs-wrap.faded:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
  content: '';
  display: block;
  height: 80px;
  width: 100%;
  bottom: 0;
  position: absolute;
  left: 0
}

#productpage .product-images .thumbs-wrap .thumbs-scroll {
  position: relative;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2em;
  width: 30px;
  height: 30px;
  text-align: center;
  z-index: 1;
  display: block
}

#productpage .product-images .thumbs-wrap .thumbs-scroll.prev {
  bottom: auto;
  top: 0
}

#productpage .product-images .thumbs .thumb {
  width: 107px;
  border: 1px solid #eee;
  padding: 20px;
  margin-bottom: 20px
}

#productpage .product-images .thumbs .thumb.active {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
  border-color: transparent
}

#productpage .product-images img {
  width: 100%;
  height: auto
}

#productpage .product-images .images {
  width: calc(100% - 127px);
  padding: 10px
}

#productpage .product-images .slider-wrap {
  position: relative;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07)
}

/* #productpage .product-images .images .image-wrap {
    padding: 7.5%
} */

#productpage .product-images .thumbs::-webkit-scrollbar {
  display: none
}

#productpage .product-info {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10
}

#productpage .info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#productpage .info-top .brand {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #aaa;
  text-transform: uppercase;
  color: #ff4000
}

#productpage .info-top .brand span a {
  text-transform: initial;
  font-weight: 600;
  font-size: 13px;
  text-decoration: underline
}

#productpage .product-info .spacer {
  width: 100%;
  height: 1px;
  background: #eee;
  margin: 15px 0
}

#productpage .info-top .product-title {
  font-size: 21px;
  font-weight: 700;
  margin: 0
}

#productpage .product-info .brand-logo {
  min-width: 160px;
  max-width: 160px
}

#productpage .product-info .brand-logo img {
  width: 100%
}

#productpage .info-top .reviews-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px
}

#productpage .info-top .reviews-top .score-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#productpage .info-top .reviews-top .stars {
  color: #ffac00;
  font-size: 1.2em;
  margin: -1px
}

#productpage .info-top .reviews-top .stars i {
  padding: 1px;
  width: 1.05em;
  display: inline-block;
}

#productpage .info-top .reviews-top .qty,
#productpage .info-top .reviews-top .write {
  font-weight: 500;
  color: #888;
  margin-left: 10px;
  font-size: 1.1em
}

#productpage .info-top .reviews-top .write {
  text-decoration: underline;
  padding-left: 10px;
  border-left: 1px solid #eee
}

#productpage .product-info .price-shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin: -10px
}

#productpage .product-info .price-shipping .shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: #00b36f;
  padding: 10px
}

#productpage .product-info .price-shipping .shipping i {
  font-size: 1.6em;
  margin-right: 7px
}

#productpage .product-info .price-shipping .shipping .text {
  font-size: 13px
}

#productpage .product-info .price {
  font-size: 21px;
  font-weight: 700;
  padding: 10px
}

#productpage .product-info .price .price-old {
  margin-left: 20px;
  color: #aaa;
  text-decoration: line-through
}

#productpage .product-info .price .price-msrp {
  margin-left: 10px;
  font-size: 13px;
  opacity: .6
}

#productpage .product-info .loyalty-points {
  font-weight: 500;
  padding: 10px;
  color: #00bc7a
}

#productpage .product-info .loyalty-points i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #00bc7a;
  color: #fff;
  border-radius: 100%;
  font-size: 14px;
  margin-right: 10px
}

#productpage .product-info .description {
  max-width: 650px
}

#productpage .product-info .description.description-mobile {
  margin-top: 15px
}

#productpage .product-info .description a {
  font-weight: 700;
  color: #001e3b
}

#productpage .product-content .blog-btn,
#productpage .product-content .product-content-btn a {
  background: #f7f7f7;
  color: #777;
  border: 1px solid #eee;
  margin: 10px 0;
  display: inline-flex
}

#productpage .product-info .blog-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px
}

#productpage .product-info .delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: #00b36f;
  padding: 10px
}

#productpage .product-info .product-code {
  margin-left: auto;
  font-size: 13px;
  font-weight: 400
}

#productpage .product-info .product-code.desktop {
  margin-top: 10px
}

#productpage .product-info .delivery .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #00bc7a;
  color: #fff;
  border-radius: 100%;
  font-size: 11px;
  margin-right: 10px
}

#productpage .product-info .delivery .product-code {
  color: #333
}

#productpage .product-info .discount-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: -5px
}

#productpage .product-info .discount-wrap .discount-col {
  padding: 5px;
  width: 50%
}

#productpage .product-info .discount-wrap .discount {
  padding: 10px;
  background: #f7f7f7;
  border: 1px solid #eee;
  width: 100%
}

#productpage .product-info .discount-wrap .discount:last-child {
  margin-bottom: 0
}

#productpage .product-info .discount-wrap .discount form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#productpage .product-info .discount-wrap .discount .title {
  text-transform: uppercase;
  font-weight: 700;
  color: #606060;
  font-size: .95em;
  padding-right: 10px
}

#productpage .product-info .discount-wrap .discount a.add-live {
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 10px
}

#productpage .product-info .discount-wrap .discount a.add-live i {
  font-size: 20px;
  margin-right: 5px
}

#productpage .product-info .discount-wrap .discount a.add-live .qty {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  font-size: .9em
}

#productpage .order-form .ui.selection.dropdown {
  height: 50px
}

#productpage .order-form .ui.selection.dropdown>.dropdown.icon {
  width: 50px
}

#productpage .order-form .ui.dropdown>.text {
  font-size: 14px
}

#productpage .product-info label {
  display: block
}

#productpage .product-configure .product-configure-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px
}

#productpage .product-configure .product-configure-options-option {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 300px;
  padding: 5px
}

#productpage .product-configure .product-configure-options-option:first-child {
  min-width: 100%
}

#productpage .product-configure {
  margin: 10px 0
}

#productpage .product-configure select {
  height: 50px;
  width: 100%;
  opacity: 0
}

.ui.selection.dropdown {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  background: #f7f7f7;
  padding: 0 25px
}

.ui.selection.dropdown>.dropdown.icon {
  width: 50px;
  background: 0 0
}

.ui.dropdown>.text {
  font-size: 14px;
  font-weight: 700
}

#productpage .product-info .cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px
}

#productpage .product-info .cart .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px
}

#productpage .product-info .cart .input-wrap input {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  background: #f7f7f7;
  outline: 0;
  font-size: 15px;
  font-weight: 700;
  text-align: center
}

#productpage .product-info .cart .input-wrap .change {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-left: 5px;
  background: #f7f7f7;
  border: 1px solid #eee;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px
}

#productpage .product-info .cart .input-wrap .change a {
  display: block;
  width: 100%;
  height: 50%;
  position: relative
}

#productpage .product-info .cart .input-wrap .change a span {
  width: 11px;
  height: 3px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#productpage .product-info .cart .input-wrap .change a span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

#productpage .product-info .cart .btn-wrap {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  position: relative
}

.fancybox-navigation .fancybox-button--arrow_left {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center;
}

.fancybox-navigation .fancybox-button--arrow_right {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
}

.fancybox-button svg {
  width: 40px !important
}

.fancybox-navigation button:before {
  background: 0 0
}

.fancybox-navigation button {
  top: 10vh !important;
  width: 40% !important;
  height: 80vh !important;
  margin: 0 !important
}

#productpage .cart .btn-wrap .btn-label {
  position: absolute;
  bottom: 100%;
  right: 0;
  background: #000;
  font-size: 12px;
  padding: 5px 7px;
  border-radius: 3px;
  margin-bottom: 6px;
  color: #fff;
  font-weight: 700
}

#productpage .cart .btn-wrap .btn-label:after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000
}

#productpage .product-info .cart .add-cart {
  width: 100%;
  height: 50px
}

#productpage .product-info .cart .add-cart.btn-grey {
  background: #555555;
}

#productpage .product-info .cart .add-wishlist {
  height: 50px;
  width: 50px;
  padding: 0;
  color: #aaa;
  font-size: 15px;
  background: #f7f7f7;
  color: red;
  border: 1px solid #eee;
  margin-right: 10px
}

#productpage .product-info .cart .add-wishlist.in-wishlist {
  color: red !important
}

#productpage .product-video {
  position: relative
}

#productpage .product-video:after {
  content: '';
  display: block;
  padding-top: 56.25%;
  background: #eee;
  margin-top: 60px
}

#productpage .product-video iframe {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute
}

#productpage .product-usp-no-video {
  margin-top: 40px
}

#productpage .product-usp ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

#productpage .product-usp ul li {
  margin-bottom: 15px
}

#productpage .product-usp ul li:last-child {
  margin-bottom: 0
}

#productpage .product-usp ul li a {
  display: flex;
  align-items: center
}

#productpage .product-usp ul li a i {
  display: flex;
  font-size: 1.5em;
  margin-right: 10px
}

#productpage .product-usp .usps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: -10px
}

#productpage .product-usp .usps .usp {
  padding: 10px;
  width: 33.3333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  max-width: 33.3333%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 250px;
  width: auto
}

#productpage .product-usp .usps .usp-inner {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .07);
  padding: 30px 15px;
  width: 100%;
  text-align: center
}

#productpage .product-usp .usps .usp-inner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#productpage .product-usp .usps .usp .icon {
  font-size: 30px
}

#productpage .product-usp .usps .usp .text {
  font-weight: 500;
  margin-top: 10px;
  font-size: 14px
}

.icon {
  display: inline-block
}

#productpage .product-contents {
  padding: 30px 0
}

#productpage .product-contents .read-more {
  font-weight: 700
}

#productpage .product-contents .read-more i {
  margin-left: 5px
}

#productpage .product-contents .spacer {
  height: 1px;
  width: 100%;
  background: #eee;
  margin: 30px 0
}

#productpage .productpage-title {
  font-size: 25px;
  font-weight: 700;
  color: #001e3b;
  margin-bottom: 20px
}

.products .product.related {
  font-size: 12px
}

.bundles {
  margin: -10px
}

.bundles .bundle {
  padding: 10px
}

.bundle .bundle-inner {
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, .07);
  border-radius: 0;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column
}

.bundle .bundle-title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.4em
}

.bundle-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -7px
}

.bundle-products .bundle-product {
  padding: 7px
}

.bundle-products .bundle-product .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bundle-products .image-wrap {
  width: 80px;
  position: relative
}

.bundle-products .image-wrap.img-gray {
  padding: 10px;
  border-radius: 0;
  overflow: hidden
}

.bundle-products .image-wrap.img-gray:after {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .03)
}

.bundle-products .image-wrap img {
  width: 100%
}

.bundle-products .bundle-product .plus {
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  color: #fff;
  border-radius: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 11px
}

.bundle .bundle-info {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, .07)
}

.bundle .discount {
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  border-radius: 0;
  background: #00bc7a;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-bottom: 10px;
  margin-bottom: 15px
}

.bundle .discount:empty {
  opacity: 0
}

.bundle .products-sum {
  font-weight: 700
}

.bundle .bundle-info .btn {
  width: 100%
}

.bundle .bundle-info .price-stock {
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.bundle .bundle-info .stock {
  font-size: .9em;
  text-transform: uppercase;
  font-weight: 900
}

.bundle .bundle-info .stock .green {
  color: #00bc7a
}

.bundle .bundle-info .stock .red {
  color: #cd0000
}

.bundle .bundle-info .stock i {
  margin-right: 5px
}

.bundle .bundle-info .price-box {
  font-size: 1em;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bundle .bundle-info .price-box .price {
  font-size: 1em !important
}

.bundle .bundle-info .price-box .old-price {
  margin-right: 7px;
  text-decoration: line-through;
  color: #aaa
}

.bundle .bundle-option {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
  background: #fff;
  padding: 25px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  background: #f7f7f7
}

.bundle .bundle-option.active {
  opacity: 1;
  visibility: visible
}

.bundle .bundle-option-inner {
  max-width: 270px;
  width: 100%
}

.bundle .bundle-option:empty {
  display: none
}

.bundle .bundle-option label {
  font-size: .85em;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .1em;
  margin-bottom: 7px;
  display: block
}

.bundle .bundle-option .ui.selection.dropdown {
  width: 100%;
  background: #fff
}

.bundle .open-bundle-options {
  display: block;
  width: 80px;
  text-align: center;
  margin-top: 10px;
  font-size: .85em;
  font-weight: 500;
  text-decoration: underline
}

.bundle .product-configure-options-option,
.bundle .product-configure-variants {
  padding: 10px 0
}

.bundle .bundle-option .title-small {
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 20px;
  font-weight: 700
}

.bundle .bundle-option .button {
  margin-top: 20px
}

.bundles-slider .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px
}

.bundles-slider .owl-dots .owl-dot {
  padding: 2px
}

.bundles-slider .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  display: block;
  background: rgba(0, 0, 0, .07);
  border-radius: 100%
}

.product-reviews .summary {
  min-width: 360px;
  max-width: 360px;
  margin-right: 20px
}

.product-reviews .overview {
  width: calc(100% - 450px)
}

.product-reviews .summary .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px
}

.product-reviews .summary .stars {
  font-size: 1em;
  width: 90px;
  font-weight: 700;
  color: #aaa;
  text-transform: uppercase;
  margin: -1px
}

.product-reviews .summary .bar {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  height: 8px;
  background: #eee;
  border-radius: 8px;
  overflow: hidden
}

.product-reviews .summary .bar .fill {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  border-radius: 8px;
  transition: transform 1s ease-in-out;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
}

.product-reviews .summary .score {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.product-reviews .summary .score .qty {
  font-size: 1.077em;
  color: #888;
  font-weight: 500;
  margin-left: 10px
}

.product-reviews .summary .score .stars {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.product-reviews .summary .score .stars i {
  color: #ffac00;
  margin-right: 2px;
  font-size: 1.308em
}

.product-reviews .summary .score .stars i:last-child {
  margin: 0
}

.product-reviews .summary .btn {
  margin-top: 30px
}

.product-reviews .summary .btn i {
  margin-left: 10px
}

.product-reviews .reviews-outer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.product-reviews .reviews-outer-wrap .reviews-fade-wrap {
  flex: 1
}

.product-reviews .reviews-wrap {
  margin: -10px
}

@media (min-width: 767px) {
  .product-reviews .reviews-wrap.faded {
    overflow-y: scroll;
    max-height: 500px
  }

  .product-reviews .reviews-fade-wrap.faded {
    position: relative;
    height: 500px
  }

  .product-reviews .reviews-fade-wrap.faded:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 70%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, .7)), to(#fff));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 70%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 70%, #fff 100%)
  }
}


.product-reviews .reviews-wrap .review-item {
  padding: 10px
}

.product-reviews .reviews-wrap .review-item .inner {
  padding: 25px 20px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .07);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .07)
}

.product-reviews .reviews-wrap .review-item .top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: unset
}

.product-reviews .reviews-wrap .review-item .top-wrap .name {
  font-size: 1.077em;
  font-weight: 700
}

.product-reviews .reviews-wrap .review-item .top-wrap .stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.product-reviews .reviews-wrap .review-item .top-wrap .stars i {
  font-size: 1.154em;
  margin-left: 2px;
  color: #ffac00
}

.product-reviews .reviews-wrap .review-item .text {
  font-size: .923em;
  color: #555
}

.product-reviews .reviews-wrap .review-item .text a {
  font-weight: 700
}

.product-reviews .reviews-wrap .review-item.hidden-review {
  display: none
}

.review-popup {
  display: none;
  max-width: 400px;
  min-width: 400px;
  padding: 30px
}

#add-review-popup form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#add-review-popup .ui.dropdown,
#add-review-popup form input,
#add-review-popup form textarea {
  margin-bottom: 10px
}

#add-review-popup form textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 200px;
  padding: 20px 25px
}

#add-review-popup input.error,
#add-review-popup textarea.error {
  border-color: #1dbeb8
}

#add-review-popup form .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#add-cart-popup {
  display: none;
  background: #f7f7f7;
  padding: 50px;
  max-width: 1100px;
  width: 100%
}

#add-cart-popup .title-wrap {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e4e4e4
}

#add-cart-popup .title-wrap.related {
  margin-top: 60px
}

#add-cart-popup .title-wrap .title {
  font-size: 1.538em;
  font-weight: 700
}

#add-cart-popup .main-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#add-cart-popup .main-product .image-wrap {
  width: 200px;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
  background: #fff
}

#add-cart-popup .main-product .info {
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

#add-cart-popup .main-product .info .brand {
  font-size: 1.077em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #aaa
}

#add-cart-popup .main-product .info .product-title {
  font-weight: 700;
  font-size: 1.538em;
  margin-bottom: 10px
}

#add-cart-popup .main-product .info .stars i {
  color: #ffac00;
  font-size: 1.154em;
  margin-right: 2px
}

#add-cart-popup .main-product .info .stars i:last-child {
  margin-right: 0
}

#add-cart-popup .main-product .info .description {
  margin-top: 20px
}

#add-cart-popup .main-product .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#add-cart-popup .main-product .btn-wrap .btn i {
  margin-left: 20px;
  font-size: 1.2em
}

#add-cart-popup .main-product .btn-wrap .text-link {
  margin-top: 20px;
  font-size: 1.077em;
  color: #7f7f7f;
  text-decoration: underline
}

#add-cart-popup .shipping-notification {
  background: #00b36f;
  margin-top: 30px;
  color: #fff;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 50px;
  padding: 10px 20px;
  font-size: 1.2em;
  text-align: center
}

#add-cart-popup .shipping-notification span {
  font-weight: 700
}

#login-b2b-popup,
#login-wishlist-popup,
.added-wishlist-popup {
  display: none;
  max-width: 500px;
  min-width: 500px;
  padding: 30px
}

#login-b2b-popup .fancybox-close-small,
#login-wishlist-popup .fancybox-close-small,
.added-wishlist-popup .fancybox-close-small {
  display: none
}

#login-b2b-popup .title-wrap,
#login-wishlist-popup .title-wrap,
.added-wishlist-popup .title-wrap {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e4e4e4
}

#login-b2b-popup .title-wrap .title,
#login-wishlist-popup .title-wrap .title,
.added-wishlist-popup .title-wrap .title {
  font-size: 1.538em;
  font-weight: 700
}

#login-b2b-popup .btn-wrap,
#login-wishlist-popup .btn-wrap,
.added-wishlist-popup .btn-wrap {
  display: flex;
  flex-direction: column;
  align-items: center
}

#login-b2b-popup .btn-wrap .text-link,
#login-wishlist-popup .btn-wrap .text-link,
.added-wishlist-popup .btn-wrap .text-link {
  font-weight: 600;
  color: #7f7f7f;
  margin-top: 15px;
  font-size: 1em;
  text-decoration: underline
}

#productpage .product-repeat .inner-wrap {
  display: flex;
  align-items: flex-start
}

#productpage .product-repeat .inner-wrap .image-wrap {
  width: 25%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);
  padding: 30px;
  margin-right: 25px
}

#productpage .product-repeat .inner-wrap .info-wrap {
  width: 40%;
  margin-right: 50px
}

#productpage .product-repeat .inner-wrap .info-wrap .description {
  margin-top: 10px
}

#productpage .product-repeat .inner-wrap .order-wrap {
  flex: 1
}

#productpage .product-repeat .inner-wrap .info-wrap .brand {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #aaa;
  text-transform: uppercase
}

#productpage .product-repeat .inner-wrap .info-wrap .title {
  font-size: 21px;
  font-weight: 700;
  margin: 0
}

#productpage .product-repeat .inner-wrap .info-wrap .stars {
  color: #ffac00;
  margin-top: 10px;
  font-size: 1.2em;
  margin: -1px
}

#productpage .product-repeat .inner-wrap .info-wrap .stars i {
  padding: 1px
}

#productpage .product-repeat .inner-wrap .cart {
  display: flex;
  align-items: center
}

#productpage .product-repeat .inner-wrap .cart .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px
}

#productpage .product-repeat .inner-wrap .cart .input-wrap input {
  order: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  background: #f7f7f7;
  outline: 0;
  font-size: 15px;
  font-weight: 700;
  text-align: center
}

#productpage .product-repeat .inner-wrap .cart .input-wrap .change {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-left: 5px;
  background: #f7f7f7;
  border: 1px solid #eee;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px
}

#productpage .product-repeat .inner-wrap .cart .input-wrap .change a {
  display: block;
  width: 100%;
  height: 50%;
  position: relative
}

#productpage .product-repeat .inner-wrap .cart .input-wrap .change a span {
  width: 11px;
  height: 3px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#productpage .product-repeat .inner-wrap .cart .input-wrap .change a span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

#productpage .product-repeat .inner-wrap .cart .btn-wrap {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  position: relative
}

#productpage .product-repeat .inner-wrap .cart .add-cart {
  width: 100%;
  height: 50px
}

#productpage .product-repeat .inner-wrap .cart .add-wishlist {
  height: 50px;
  width: 50px;
  padding: 0;
  color: #aaa;
  font-size: 15px;
  background: #f7f7f7;
  border: 1px solid #eee;
  margin-left: 10px
}

#productpage .product-repeat .inner-wrap .summary {
  margin-bottom: 10px;
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid #eee
}

#productpage .product-repeat .inner-wrap .summary .summary-title {
  font-weight: 700;
  margin-bottom: 10px
}

#productpage .product-repeat .inner-wrap .summary ul {
  padding: 0;
  margin: 0;
  padding-left: 15px;
  line-height: 21px
}

#productpage .product-repeat .inner-wrap .summary .change-variants-links {
  margin-top: 10px;
  color: #888;
  text-decoration: underline;
  font-weight: 700;
  display: inline-block
}

#productpage .product-usp {
  display: flex;
  flex-wrap: wrap;
  margin: -20px;
  justify-content: space-between
}

#productpage .product-usp ul {
  padding: 20px
}

#productpage .bundels-top {
  margin-top: 30px
}

#productpage .scroll-bundles-link {
  margin-top: 15px
}

.sticky-cart {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, .07);
  box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, .07);
  z-index: 999;
  -webkit-transform: translateY(100%) translateZ(0);
  transform: translateY(100%) translateZ(0);
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  opacity: 0
}

.sticky-cart.active {
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
  opacity: 1
}

.sticky-cart .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0
}

.sticky-cart .inner .left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.sticky-cart .inner .cart {
  display: flex;
}

.sticky-cart .inner .cart .add-cart {
  border-radius: 4px;
  background: #ff4000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  padding: 0 16px;
}

.aw-load-more-cta {
  display: flex;
  justify-content: center;
}

.aw-load-more-cta button {
  border-radius: 4px;
  background: #ff4000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  padding: 0 16px;
}

#fw-facade {
  display: none;
}

.sticky-cart .sticky-product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sticky-cart .sticky-product-info .image-wrap {
  border: 1px solid #eee;
  padding: 10px;
  width: 80px
}

.sticky-cart .sticky-product-info .info-wrap {
  padding: 0 15px
}

.sticky-cart .sticky-product-info .info-wrap .product-title {
  font-weight: 700;
  font-size: 1.2em
}

.sticky-cart .sticky-product-info .info-wrap .stars {
  margin: 5px 0
}

.sticky-cart .sticky-product-info .info-wrap .stars i {
  margin-right: 2px;
  font-size: 1.154em;
  color: #ffac00
}

.sticky-cart .sticky-product-info .info-wrap .price {
  font-size: 1.1em
}

.sticky-cart .sticky-product-info .info-wrap .price .price-old {
  color: #aaa;
  text-decoration: line-through;
  margin-left: 10px
}

.sticky-cart .info-wrap .info-details-wrap {
  display: flex;
  gap: 16px;
  align-items: center;
}

.sticky-cart .btn-wrap .add-wish {
  background: #f7f7f7;
  border: 1px solid #eee;
  padding: 0;
  width: 50px;
  margin-left: 20px;
  color: #aaa
}

.sticky-cart .btn-wrap .add-wish:active,
.sticky-cart .btn-wrap .add-wish:focus,
.sticky-cart .btn-wrap .add-wish:visited {
  color: #aaa
}


@media(max-width:500px) {
  .sticky-cart .inner .left {
    display: none;
  }

  .sticky-cart .order-form,
  .sticky-cart .order-form .cart,
  .sticky-cart .order-form .cart a,
  .sticky-cart .inner .right {
    width: 100%;
  }

  .sticky-cart .btn-wrap .add-cart span.hidden-xs {
    display: flex !important;
  }

  .sticky-cart .btn-wrap .add-cart {
    width: 100%;
  }

  .sticky-cart .btn-wrap .add-wish {
    display: none;
  }
}

#cadeau-popup {
  display: none;
  max-width: 450px;
  width: 100%;
  background: #f7f7f7;
  padding: 0
}

#cadeau-popup .cadeau-popup-banner {
  width: 100%;
  height: 240px;
  background-image: url(cadeau-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

#cadeau-popup .cadeau-popup-banner .inner {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background: rgba(0, 0, 0, .7)
}

#cadeau-popup .cadeau-popup-banner .inner .title {
  font-weight: 700;
  color: #fff;
  font-size: 2.5em
}

#cadeau-popup .cadeau-popup-inner {
  padding: 30px;
  padding-top: 0
}

#cadeau-popup .cadeau-popup-inner .products-wrap {
  margin-left: -5px;
  margin-right: -5px
}

#cadeau-popup .cadeau-popup-inner .cadeau-title {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
  width: calc(100% - 10px);
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 1.2em
}

#cadeau-popup .cadeau-popup-inner .product-wrap {
  padding: 5px
}

#cadeau-popup .cadeau-popup-inner .product-wrap .image-wrap {
  padding: 10%;
  position: relative;
  background: #fff
}

#cadeau-popup .cadeau-popup-inner .product-wrap .image-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #fff
}

#cadeau-popup .cadeau-popup-inner .product-wrap .product.added .image-wrap .overlay {
  opacity: 1;
  visibility: visible
}

#cadeau-popup .cadeau-popup-inner .product-wrap .info {
  text-align: center
}

#cadeau-popup .cadeau-popup-inner .product-wrap .title {
  margin-top: 10px;
  font-size: .9em;
  font-weight: 700;
  height: 2.7em;
  line-height: 1.4em;
  overflow: hidden
}

#cadeau-popup .cadeau-popup-inner .product-wrap .btn-wrap {
  margin-top: 10px
}

#cadeau-popup .cadeau-popup-inner .product-wrap .btn-wrap .btn {
  height: 37px;
  font-size: .9em
}

#cadeau-popup .cadeau-popup-inner .product-wrap .btn-wrap .btn.remove {
  display: none;
  background: #dc0f0f
}

#cadeau-popup .verder {
  margin-left: -10px;
  margin-right: -10px
}

#cadeau-popup .btn.verder-button {
  width: 100%;
  margin-top: 10px;
  background: #00b36f
}

#thankyou-page .text .title-featured {
  display: inline-block;
  margin-bottom: 15px
}

#thankyou-page .text .content {
  font-size: 15px
}

#thankyou-page .content-row {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#thankyou-page .video {
  min-width: 40%;
  max-width: 40%;
  margin-left: 50px
}

.thankyou-video {
  position: relative
}

.thankyou-video:after {
  content: '';
  display: block;
  padding-top: 56.25%;
  background: #eee
}

.thankyou-video iframe {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute
}

.fixed-pages.thankyou .gui-page-title {
  display: none
}

#thankyou-page a {
  text-decoration: underline
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
    max-width: 1560px;
    padding: 0 30px
  }

  .container.productpage-container {
    max-width: 1560px
  }

  #service-page .service-page-container {
    max-width: 1460px
  }

  .cart-dropdown .cart-total .btn-wrap .text-link:hover {
    color: #999
  }

  .home-intro .intro-blocks .intro-block a:hover .icon {
    -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .05)
  }

  .categories .category .inner-wrap:hover {
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
    border: 1px solid transparent
  }

  .products .product .inner:hover {
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
    border: 1px solid transparent
  }

  .products .product .inner:hover .product-image .btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  .products .product.has-sec .inner:hover .image-wrap .sec {
    opacity: 1;
    visibility: visible
  }

  .hallmarks .hallmark {
    opacity: .7;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
  }

  .hallmarks .hallmark:hover {
    opacity: 1
  }

  .hallmarks .hallmark img {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out
  }

  .hallmarks .hallmark:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }

  .btn.open:hover {
    background: #000;
    color: #fff
  }

  #footer .newsletter .socials li a:hover {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
  }

  .footer-banners .footer-banner .inner-wrap .btn:hover {
    color: #000;
    background: #fff
  }

  .footer-banners .footer-banner .inner-wrap:hover .bg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .text-link:hover i {
    margin-left: 15px
  }

  .collection-banner {
    min-height: 150px
  }

  .sidebar .sidebar-cats .category-wrap .subs .sub:hover {
    color: #555
  }

  #service-page .service-blocks .service-block.email-block .btn:hover {
    background: #fff
  }
}

@media (max-width: 1799px) {
  .headlines .container {
    max-width: 100%;
    width: 100%;
    padding: 0 100px
  }

  .headlines .owl-nav .owl-next,
  .headlines .owl-nav .owl-prev {
    width: 100px
  }
}

@media (max-width: 1599px) {
  #header .main-header .main-menu ul li .subnav .category {
    width: calc(100% / 4)
  }

  .headlines .headline {
    height: 30vw
  }

  .headlines .headline .inner-wrap .content .title {
    font-size: 3em;
    margin-bottom: 15px
  }

  .categories .category.category-col {
    width: calc(100% / 4)
  }

  .products .product.collection-product-col {
    width: calc(100% / 5)
  }

  .categories .category.category-col.catalog-category {
    width: calc(100% / 4)
  }

  #productpage .product-images {
    min-width: 600px;
    max-width: 600px;
    margin-right: 30px
  }

  #productpage .product-images .thumbs {
    max-height: 445px
  }
}

@media (max-width: 1499px) {
  #header .main-header .main-menu ul li .subnav .categories {
    max-height: 500px
  }

  #productpage .product-usp .usps {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .product-reviews .reviews-outer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .product-reviews .summary {
    min-width: 100%;
    max-width: 100%
  }

  .product-reviews .reviews-fade-wrap {
    margin-top: 30px
  }

  .products .product.related-col {
    width: 33.33%
  }

  #productpage .product-images {
    min-width: 500px;
    max-width: 500px
  }

  #productpage .product-images .images {
    width: calc(100% - 104px)
  }

  #productpage .product-images .thumbs .thumb {
    width: 84px
  }

  #productpage .product-images .thumbs .thumb.youtube a {
    height: 42px;
    font-size: 2em
  }

  #productpage .product-images .thumbs {
    max-height: 417px
  }
}

@media (max-width: 1450px) {
  .home-banners .banner {
    height: 350px
  }

  .home-banners .banner-1,
  .home-banners .banner-2 {
    width: 35%
  }

  .home-banners .banner-reviews {
    width: 30%
  }
}

@media (max-width: 1399px) {
  #header .main-header .logo {
    padding-right: 50px
  }

  #header .main-header .header-icons>li {
    margin-left: 30px
  }

  #header .main-header .header-icons>li>a .text {
    display: none
  }

  #header .main-header .header-icons>li>a i {
    margin: 0
  }

  #header .main-header .header-icons li.cart a i.fa-angle-down {
    margin-left: 5px
  }

  #header .main-header .main-menu ul li .subnav .sub-category {
    width: calc(100% / 3)
  }

  .headlines .slider-nav .nav-item {
    padding-bottom: 15px;
    font-size: .95em
  }

  .headlines .headline .inner-wrap .content .title {
    font-size: 2.6em;
    margin-bottom: 15px
  }

  .headlines .headline .inner-wrap .content .text {
    margin-bottom: 30px;
    font-size: .95em
  }

  .headlines .slider-nav .nav-item.active .divider {
    width: 20px
  }

  .usp-bar {
    padding: 0 15px
  }

  .usp-bar.mobile-hidden .inner {
    opacity: 0
  }

  .usp-bar .owl-nav .owl-next,
  .usp-bar .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
  }

  .usp-bar .owl-nav .owl-next {
    left: auto;
    right: 0
  }

  .usp-bar .inner {
    padding: 15px
  }

  .usp-bar .usp-item .icon i {
    font-size: 1.5em;
    margin-right: 10px
  }

  .usp-bar .usp-item .text {
    font-size: 1em
  }

  .usp-bar .usp-item a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .categories .category.category-col {
    width: calc(100% / 4)
  }

  #footer .main-footer .footer-info-col {
    padding-right: 20px
  }

  #footer .footer-bottom .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  #footer .footer-bottom .copyright {
    margin-bottom: 20px
  }

  .collection-banner .text-box {
    width: calc(50% + 100px)
  }

  .collection-banner .image {
    width: calc(50% - 100px)
  }

  .products .product.collection-product-col {
    width: calc(100% / 4)
  }

  .categories .category.category-col.catalog-category {
    width: calc(100% / 3)
  }
}

.grecaptcha-badge {
  display: none !important
}

@media (max-width: 1299px) {
  #header .main-header .logo {
    padding-right: 30px
  }

  #header .main-header .logo img {
    height: 90px
  }
}

@media (max-width: 1199px) {

  body,
  html {
    max-width: 100%;
    overflow-x: hidden
  }

  #header .main-header .main-menu,
  #header .main-header .topbar {
    display: none
  }

  #header .main-header .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  #header .main-header .middle-section {
    padding: 0;
    border: none !important
  }

  #header .main-header .search-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 100px;
    width: auto
  }

  #header .main-header .search-wrap form input {
    padding-right: 15px
  }

  #header .main-header .header-icons li.cart a .amount-mobile {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: .85em;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
  }

  #header .main-header .header-icons li.cart>a {
    background: 0 0;
    padding: 0
  }

  #header .main-header .header-icons li.cart a i.icon-cart {
    margin-right: 3px
  }

  #header .main-header .inner {
    padding: 15px 0
  }

  #header .main-header .middle-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  #header .main-header .logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
  }

  #header .main-header .logo img {
    height: 80px
  }

  #header .main-header .menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  #header .main-header .search-wrap-mobile {
    width: 100%
  }

  #header.collection .main-header .search-wrap-mobile {
    transition: opacity .15s ease-in-out
  }

  #header.collection .main-header-outer.fixed .main-header .search-wrap-mobile {
    opacity: 0;
    visibility: hidden;
    height: 0
  }

  #header .main-header .search-wrap-mobile form input {
    height: 45px
  }

  #header .main-header .header-icons li.cart {
    position: unset
  }

  .cart-dropdown {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 400px;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 10000
  }

  .cart-dropdown.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  .cart-dropdown .cart-products {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    border-bottom: 0
  }

  .cart-dropdown .close-cart {
    display: flex;
    width: 100%;
    align-items: center;
    color: #aaa;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 10px
  }

  .cart-dropdown .close-cart span {
    background: #ddd;
    height: 1px;
    flex: 1;
    margin-right: 10px;
    display: inline-block
  }

  .cart-dropdown .close-cart span:last-child {
    margin-left: 10px;
    margin-right: 0
  }

  .cart-dropdown .cart-total {
    border-top: 1px solid #eee
  }

  .cart-dropdown .cart-total .btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .cart-dropdown .cart-total .btn-wrap .text-link {
    margin-right: 0;
    margin-top: 15px
  }

  .cart-dropdown .cart-products .cart-product .product-info {
    padding: 0 15px 0 10px
  }

  .cart-dropdown .cart-products .cart-product .price {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .cart-dropdown .cart-products .cart-product .price.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .cart-dropdown .cart-products .cart-product .price.desktop {
    display: none
  }

  .cart-dropdown .cart-products .cart-product .quantity {
    padding: 0 10px;
    font-size: .9em
  }

  .cart-dropdown .cart-products .cart-product .delete-product {
    padding-left: 10px;
    font-size: .9em
  }

  .categories .category.category-col {
    width: calc(100% / 3)
  }

  .cart-dropdown .nothing-found {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: 1px solid #eee;
    padding-top: 20px
  }

  .headlines .slider-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .headlines .slider-nav .nav-item {
    padding-bottom: 10px
  }

  .headlines .slider-nav .nav-item .number {
    margin-right: 15px
  }

  .headlines .slider-nav .nav-item.active .divider {
    margin-right: 15px;
    width: 40px
  }

  #footer .main-footer .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  #footer .main-footer .footer-info-col {
    padding: 0;
    padding-bottom: 30px
  }

  .collection-banner .text-box {
    width: 100%;
    background: 0 0;
    padding-right: 0
  }

  .collection-banner .image {
    width: 100%
  }

  .collection-banner .image:after {
    background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(left, #000 0, rgba(0, 0, 0, .8) 100%);
    background: -o-linear-gradient(left, #000 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .8) 100%)
  }

  .cart-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .cart-wrap .table {
    padding: 0;
    padding-bottom: 20px
  }

  #productpage .info-top .reviews-top .qty,
  #productpage .info-top .reviews-top .write {
    font-size: 1em
  }

  #productpage .product-info .info-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  #productpage .product-info .discount-wrap .discount {
    padding: 7px
  }

  #productpage .product-info .discount-wrap .discount .title {
    font-size: .9em
  }

  #productpage .order-form .ui.selection.dropdown {
    height: 45px
  }

  #productpage .order-form .ui.dropdown>.text {
    font-size: 13px
  }

  #productpage .product-info .brand-logo {
    margin-top: 10px;
    min-width: 80px;
    max-width: 80px
  }

  #productpage .product-images .images {
    width: 100%;
    padding: 0
  }

  #productpage .product-images {
    min-width: 40%;
    max-width: 40%
  }

  #productpage .product-images .thumbs-wrap {
    display: none
  }

  #productpage .product-images .images-wrap {
    margin: 0
  }

  #productpage .product-usp .usps .usp {
    min-width: calc(100% / 3);
    max-width: calc(100% / 3)
  }

  #productpage .product-usp {
    margin-top: 30px
  }

  #productpage .product-usp .usps .usp-inner {
    padding: 15px
  }

  #productpage .product-usp .usps .usp .icon {
    font-size: 2em
  }

  #productpage .productpage-slider {
    position: relative
  }

  #productpage .productpage-slider .owl-nav .owl-next,
  #productpage .productpage-slider .owl-nav .owl-prev {
    font-size: 1.5em;
    color: #888;
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
  }

  #productpage .productpage-slider .owl-nav .owl-next {
    left: auto;
    right: 0
  }

  #productpage .productpage-slider .owl-item .products .product.related-col {
    width: 50%
  }

  #productpage .product-repeat .inner-wrap .image-wrap {
    margin: 0
  }

  #productpage .product-repeat .inner-wrap .info-wrap {
    width: 75%;
    padding: 0 20px;
    margin: 0
  }

  #productpage .product-repeat .inner-wrap {
    flex-wrap: wrap
  }

  #productpage .product-repeat .inner-wrap .order-wrap {
    margin-top: 20px
  }

  .home-banners .grid-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .home-banners .banner-1,
  .home-banners .banner-2 {
    width: 50%
  }

  .home-banners .banner-reviews {
    width: 100%
  }

  .home-banners .banner {
    height: 350px
  }

  .home-banners .banner-reviews .banner {
    height: auto
  }

  .home-banners .banner-reviews .banner .overlay {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .home-banners .banner-reviews .banner .stars {
    margin-top: 5px;
    font-size: 25px
  }

  .home-banners .banner-reviews .banner .buttons {
    margin-top: 0;
    text-align: right
  }
}

@media (max-width: 991px) {
  #header .main-header .logo img {
    height: 60px
  }

  .headlines .container {
    padding: 0 50px
  }

  .headlines .owl-nav .owl-next,
  .headlines .owl-nav .owl-prev {
    width: 50px;
    padding: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2em
  }

  .headlines .headline {
    height: 400px
  }

  .headlines .headline .inner-wrap .content,
  .headlines .headline .inner-wrap .content .text {
    max-width: unset
  }

  .headlines .headline .inner-wrap .content .title {
    font-size: 2em
  }

  .headlines .headline .inner-wrap .content .text {
    margin-bottom: 30px
  }

  .headlines .headline .inner-wrap {
    padding: 30px 50px
  }

  .categories-wrap {
    margin-bottom: 15px;
  }

  .categories {
    margin: -7px
  }

  .categories .category {
    padding: 7px
  }

  .categories .category.category-col {
    width: calc(100% / 2)
  }

  .products {
    margin: -7px
  }

  .products .product {
    padding: 7px
  }

  .products-slider:not(.related-slider):not(.related-slider-small) {
    padding: 0 50px
  }

  .products-slider .owl-nav .owl-next,
  .products-slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em
  }

  .products-slider .owl-nav .owl-next {
    left: auto;
    right: 0
  }

  .footer-banners .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -10px
  }

  .footer-banners .footer-banner .inner-wrap {
    padding: 20px;
    height: 200px
  }

  .footer-banners .footer-banner .inner-wrap .title {
    font-size: 2em;
    margin-bottom: 30px
  }

  .footer-banners .footer-banner {
    padding: 10px
  }

  #footer .main-footer .footer-col {
    width: 50%
  }

  #footer .main-footer .kiyoh-widget-wrap .kiyoh-rating {
    font-size: 1.1em
  }

  .products .product.collection-product-col {
    width: calc(100% / 3)
  }

  .sort form .inner {
    padding: 5px 20px;
    min-height: 45px
  }

  .sale-banner {
    font-size: 1em;
    padding: 10px 25px;
    min-height: 45px
  }

  .sort.top {
    margin-bottom: 14px
  }

  .sort.bottom {
    margin-top: 14px
  }

  .custom-dropdown .active-value .value-title,
  .sort .custom-pager ul li.number a {
    font-size: 1em
  }

  .sort .sort-title {
    display: none
  }

  .sort .custom-pager ul li.number a {
    padding: 0 3px
  }

  .sort .custom-pager ul li.next a,
  .sort .custom-pager ul li.prev a {
    font-size: 1.4em
  }

  .collection-content {
    padding: 30px
  }

  .products .product .product-image .btn {
    display: none
  }

  .upsell-products .products .product .product-image .btn {
    display: flex;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: 30px;
    font-size: .9em;
    position: relative
  }

  .upsell-products .products .product .info .stars i {
    margin-right: -1px
  }

  .gui-form .gui-checkout-steps.gui-col3-equal>.gui-col3-equal-col1,
  .gui-form .gui-checkout-steps.gui-col3-equal>.gui-col3-equal-col2,
  .gui-form .gui-checkout-steps.gui-col3-equal>.gui-col3-equal-col3 {
    width: 100% !important
  }

  .float-header #service-page .service-banner {
    height: 400px;
  }

  #service-page .service-banner {
    height: 300px
  }

  #service-page .service-banner .title {
    font-size: 2.5em
  }

  #service-page .service-blocks .service-block .inner {
    padding: 30px
  }

  #service-page .service-blocks {
    margin: -10px
  }

  #service-page .service-blocks .service-block {
    padding: 10px
  }

  #productpage .info-top-mobile .text {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    width: 100%
  }

  #productpage .info-top .brand {
    font-size: 13px;
    margin-bottom: 4px
  }

  #productpage .info-top .brand span a {
    font-size: 12px
  }

  #productpage .product-info .brand-logo {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: auto;
    min-width: 100px;
    max-width: 100px
  }

  #productpage .product-info .price {
    font-size: 1.4em
  }

  #productpage .info-top .product-title {
    font-size: 20px
  }

  #productpage .info-top .reviews-top {
    font-size: .9em;
    white-space: nowrap;
    padding-left: 10px;
    margin: 0;
    flex-direction: column;
    align-items: flex-end
  }

  #productpage .info-top .reviews-top .review-links {
    margin-top: 3px
  }

  #productpage .info-top .reviews-top .write:first-child {
    border-left: 0
  }

  /* #productpage .product-images .images .image-wrap {
        padding: 7.5% 35%
    } */

  #productpage .product-images {
    max-width: 100%;
    min-width: 100%;
    margin: 0;
    margin-bottom: 30px
  }

  #productpage .productpage-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  #productpage .product-images .btn-wrap {
    right: 20px;
    bottom: 20px
  }

  #productpage .product-images .zoom {
    min-width: 45px;
    min-height: 45px;
    font-size: 17px
  }

  #productpage .product-images .zoom.video {
    margin-left: 10px
  }

  #productpage .product-info .brand {
    font-size: 1em
  }

  #productpage .product-info .product-code {
    padding-left: 10px
  }

  #productpage .product-info .product-title {
    font-size: 1.5em
  }

  #productpage #product-bundles {
    padding-top: 30px
  }

  #productpage .product-contents .spacer {
    margin: 30px 0
  }

  #productpage .productpage-title {
    font-size: 2em;
    margin-bottom: 25px
  }

  #productpage .product-usp-no-video {
    margin-top: 20px
  }

  .product-reviews .summary {
    margin-right: 0;
    margin-bottom: 40px
  }

  .load-reviews-wrap {
    text-align: center;
    margin-top: 20px
  }

  .load-reviews-wrap .load-reviews {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f7f7f7;
    border: 1px solid #eee;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3em;
    color: #ff3900
  }

  .ui.selection.dropdown .menu {
    max-height: 14em
  }

  #productpage .product-info .discount-wrap .discount {
    width: 100%
  }

  #productpage .product-info .blog-btn {
    margin-top: 0
  }

  #add-cart-popup {
    padding: 50px 30px
  }

  #add-cart-popup .main-product {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  #add-cart-popup .main-product .info {
    padding-right: 0
  }

  #add-cart-popup .main-product .btn-wrap {
    width: 100%;
    margin-top: 30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  #add-cart-popup .title-wrap.related {
    margin-top: 40px
  }

  .brands {
    margin: -7px
  }

  .brands .brand {
    padding: 7px
  }

  .scroll-top {
    right: 50%;
    bottom: 20px;
    -webkit-transform: translateZ(0) translateY(calc(100% + 20px)) translateX(50%);
    transform: translateZ(0) translateY(calc(100% + 20px)) translateX(50%)
  }

  .scroll-top.active {
    -webkit-transform: translateZ(0) translateY(0) translateX(50%);
    transform: translateZ(0) translateY(0) translateX(50%)
  }

  #thankyou-page .content-row {
    display: block
  }

  #thankyou-page .video {
    margin: 0;
    margin-bottom: 50px;
    min-width: 100%;
    max-width: 100%;
    margin-top: 30px
  }

  .block-padding {
    padding-top: 25px;
    padding-bottom: 25px
  }

  .block-padding-top {
    padding-top: 25px
  }

  .block-padding-bottom {
    padding-bottom: 25px
  }

  .block-margin {
    margin-top: 25px;
    margin-bottom: 25px
  }

  .block-margin-top {
    margin-top: 25px
  }

  .block-margin-bottom {
    margin-bottom: 25px
  }

  .title-featured .title {
    font-size: 2em
  }

  .title-featured .bg {
    height: 45px
  }

  .home-banners .grid-row {
    margin: -10px
  }

  .home-banners .grid-col {
    padding: 10px
  }
}

@media (max-width: 767px) {
  #service-page .service-blocks .service-block ul.service-column {
    column-count: 1;
  }

  .title-featured {
    padding: 7px 0
  }

  .title-featured .title {
    font-size: 1.7em
  }

  .title-featured .bg {
    height: 30px
  }

  #header .alert-bar .alert-message {
    min-height: 30px;
    font-size: .9em
  }

  #header .main-header .header-icons li.cart {
    margin: 0
  }

  .cart-dropdown .cart-total .price-wrap .total-price {
    font-size: 1.1em
  }

  .cart-dropdown .cart-total .price-wrap .shipping-costs {
    font-size: 1em
  }

  .cart-dropdown .cart-total .btn-wrap .text-link {
    font-size: .9em;
    margin-top: 10px
  }

  .btn {
    height: 45px;
    font-size: 1em;
    padding: 0 25px
  }

  .standard-input {
    height: 45px
  }

  .cart-dropdown {
    width: 330px;
    padding: 20px 15px
  }

  .body-wrap.cart-open {
    -ms-transform: translate(-330px, 0);
    -webkit-transform: translate(-330px, 0);
    transform: translate(-330px, 0)
  }

  .cart-dropdown .cart-products .cart-product {
    font-size: .9em
  }

  .headlines .container {
    padding: 0
  }

  .headlines .owl-nav .owl-next,
  .headlines .owl-nav .owl-prev {
    background: 0 0;
    height: 25px;
    width: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .headlines .owl-nav .owl-prev {
    left: 15px;
    right: auto;
    top: 50%
  }

  .headlines .owl-nav .owl-next {
    right: 15px;
    left: auto;
    top: 50%
  }

  .headlines .headline {
    height: 320px
  }

  .headlines .headline .inner-wrap .content .title {
    font-size: 1.6em;
    margin-bottom: 10px
  }

  .headlines .headline .inner-wrap .content .text {
    margin-bottom: 10px;
    font-size: .9em
  }

  .headlines .headline .inner-wrap .content .btn {
    height: 40px;
    font-size: .9em;
    padding: 0 20px
  }

  .banner-timer .block {
    padding: 0 5px
  }

  .home-intro .intro-blocks .intro-block {
    width: calc(100% / 3)
  }

  .home-intro .intro-blocks .intro-block a .icon {
    width: 100%;
    height: unset;
    padding: 50% 0;
    position: relative
  }

  .home-intro .intro-blocks .intro-block a .icon img {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0
  }

  .home-intro .intro-blocks .intro-block a .text {
    font-size: .9em
  }

  .home-banners .banner .overlay {
    padding: 20px
  }

  .home-banners .banner .title {
    font-size: 1.6em;
    line-height: 1.3em
  }

  .home-banners .banner .subtitle {
    font-size: 12px
  }

  .home-banners .grid-row {
    flex-direction: column-reverse
  }

  .labels-wrap .product-label {
    font-size: .9em;
    top: 15px;
    left: 15px
  }

  .products-slider:not(.related-slider):not(.related-slider-small) {
    padding: 0 40px
  }

  .products-slider .owl-nav .owl-next,
  .products-slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em
  }

  .products-slider .owl-nav .owl-next {
    left: auto;
    right: 0
  }

  .labels-wrap {
    top: 10px;
    left: 10px
  }

  .labels-wrap .product-label.product-hallmark {
    width: 20px;
    height: 20px
  }

  .products {
    margin: -5px
  }

  .products .product {
    padding: 5px
  }

  .products .product .image-wrap,
  .products .product.has-sec .inner .image-wrap .sec {
    padding: 10px
  }

  .products .product .info {
    padding: 10px
  }

  .products .product .info .brand {
    font-size: .9em
  }

  .products .product .info .product-title {
    font-size: 1em;
    max-height: 32px
  }

  .products .product .info .price {
    font-size: .95em
  }

  .products .product .info .stars {
    font-size: .9em
  }

  .products .product .info .wishlist i.before,
  .products .product .info .wishlist-no-account i.before {
    margin: 0;
    font-size: 1.5em
  }

  .products .product .info .wishlist span,
  .products .product .info .wishlist-no-account span {
    display: none
  }

  .footer-banners .footer-banner .inner-wrap .title {
    font-size: 1.5em
  }

  .newsletter-block form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: unset;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .newsletter-block .btn {
    margin: 0;
    margin-top: 10px
  }

  #footer .main-footer .footer-row {
    margin: -15px 0
  }

  #footer .main-footer .footer-col {
    width: 100%;
    padding: 15px 0
  }

  #footer .main-footer .kiyoh-widget-wrap {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  #footer .main-footer .kiyoh-widget-wrap .kiyoh-rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  #footer .main-footer .kiyoh-widget-wrap .kiyoh-rating .text {
    margin: 0;
    margin-top: 10px
  }

  #footer .main-footer .footer-links-wrap ul:not(.service-links) {
    display: none
  }

  #footer .main-footer .footer-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .products .product.collection-product-col {
    width: calc(100% / 2)
  }

  .collection-content {
    margin-top: 40px
  }

  .collection-content {
    padding: 25px
  }

  .collection-content .title {
    font-size: 1.923em;
    margin-bottom: 25px
  }

  .categories .category.category-col.catalog-category {
    width: calc(100% / 2)
  }

  .cart-wrap .table table .price {
    font-size: .9em;
    padding: 0;
    margin-top: 3px
  }

  .cart-wrap .totals-wrap {
    min-width: 100%;
    max-width: 100%
  }

  .cart-wrap .totals {
    padding: 30px 25px
  }

  .cart-wrap .table {
    padding: 0;
    padding-bottom: 0
  }

  .cart-wrap .table .input-wrap input {
    width: 45px;
    height: 45px;
    font-size: 1em
  }

  .cart-wrap .table .input-wrap .change {
    height: 45px
  }

  .cart-wrap .table table .image-wrap {
    width: 70px
  }

  .cart-wrap .table table .cart-delete {
    font-size: 1.2em
  }

  .cart-wrap .table table .info {
    padding: 0 15px
  }

  .cart-wrap .table table .info .brand {
    font-size: .9em
  }

  .cart-wrap .table table .info .title {
    font-size: 1em
  }

  .cart-wrap .stars {
    margin-top: 5px;
    color: #ffac00;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }

  .cart-wrap .table table .stars i {
    margin-right: 2px
  }

  .cart-wrap .table table .info .stars i:last-child {
    margin-right: 0
  }

  .cart-wrap .table table td {
    padding: 15px 0
  }

  .cart-wrap .totals .buttons {
    margin-top: 30px
  }

  #contact-popup {
    min-width: 100%;
    max-width: 100%
  }

  .float-header #service-page .service-banner {
    height: 350px;
  }

  #service-page .service-banner {
    height: 150px
  }

  #service-page .service-banner .title {
    font-size: 2em
  }

  #service-page .service-blocks .service-block .inner {
    padding: 20px
  }

  #service-page .service-blocks .service-block .title-wrap .icon-wrap {
    min-width: 50px;
    min-height: 50px;
    font-size: 1.4em
  }

  #service-page .service-blocks .service-block .title-wrap .title {
    font-size: 1.3em
  }

  #login-wishlist-popup,
  .added-wishlist-popup {
    max-width: 100%;
    min-width: 100%;
    padding: 20px
  }

  .looks .look .bottom-info {
    padding: 15px
  }

  .sticky-cart .inner {
    padding: 8px 0
  }

  .sticky-cart .sticky-product-info .image-wrap {
    width: 70px
  }

  .sticky-cart .sticky-product-info .info-wrap .product-title {
    font-size: 1.1em
  }

  .sticky-cart .sticky-product-info .info-wrap .stars {
    margin: 5px 0
  }

  .sticky-cart .sticky-product-info .info-wrap .price,
  .sticky-cart .sticky-product-info .info-wrap .stars i {
    font-size: 1em
  }

  .sticky-cart .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .sticky-cart .btn-wrap .add-cart {
    padding: 0;
    width: 45px;
    font-size: 1.2em
  }

  .sticky-cart .btn-wrap .add-wish {
    width: 45px;
    margin-left: 10px
  }

  #productpage .info-top .product-title {
    font-size: 18px
  }

  #productpage .product-info .reviews-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: .8em;
    margin-top: 13px
  }

  #productpage .info-top .reviews-top .stars {
    font-size: 1.2em
  }

  #productpage .info-top .reviews-top .qty,
  #productpage .info-top .reviews-top .write {
    margin-left: 5px;
    font-size: 1em
  }

  #productpage .product-info .reviews-top .review-links {
    margin-top: 10px
  }

  #productpage .product-info .reviews-top .write:first-child {
    margin: 0;
    padding: 0;
    border: 0
  }

  #productpage .product-info .spacer {
    margin: 20px 0
  }

  #productpage .product-info .del-code {
    font-size: 14px
  }

  #productpage .product-info .delivery .icon {
    width: 20px;
    height: 20px;
    font-size: 8px;
    margin-right: 7px
  }

  .ui.selection.dropdown {
    height: 45px
  }

  .ui.selection.dropdown>.dropdown.icon {
    width: 45px
  }

  .ui.dropdown>.text {
    font-size: 14px
  }

  #productpage .product-info .cart .input-wrap .change {
    width: 25px
  }

  #productpage .product-info .cart .input-wrap .change a span {
    width: 9px;
    height: 2px
  }

  #productpage .product-info .cart .add-cart,
  #productpage .product-info .cart .input-wrap .change {
    height: 45px
  }

  #productpage .product-info .cart .add-wishlist,
  #productpage .product-info .cart .input-wrap input {
    width: 45px;
    height: 45px
  }

  #productpage .product-usp .usps {
    margin: -5px
  }

  #productpage .product-usp .usps .usp {
    min-width: 50%;
    max-width: 50%;
    padding: 5px
  }

  #productpage .product-usp .usps .usp .text {
    font-size: 13px
  }

  #productpage .product-usp .usps .usp-inner {
    padding: 13px 10px
  }

  #productpage .productpage-title {
    font-size: 1.6em;
    margin-bottom: 15px
  }

  .bundles {
    margin: -5px
  }

  .bundles .bundle {
    padding: 5px
  }

  .bundle .discount {
    padding: 0 10px
  }

  .bundle .bundle-title {
    font-size: 1.2em;
    margin-bottom: 10px
  }

  .bundle-products .image-wrap {
    width: 60px
  }

  .bundle .open-bundle-options {
    width: 60px
  }

  .bundle-products {
    margin: -7px
  }

  .bundle-products .bundle-product {
    padding: 5px
  }

  .bundle .bundle-info {
    margin-top: 10px;
    padding-top: 10px
  }

  .bundle .bundle-info .price-stock {
    margin: 15px 0
  }

  .product-reviews .summary .stars {
    font-size: .9em
  }

  .product-reviews .summary .score .qty {
    font-size: 1em;
    margin-left: 5px
  }

  .product-reviews .summary .score {
    margin-bottom: 20px
  }

  .product-reviews .summary .btn {
    margin-top: 20px
  }

  .breadcrumbs {
    font-size: .95em;
    margin: 15px 0
  }

  .breadcrumbs .crumb i {
    margin: 0 7px
  }

  #productpage .product-images .btn-wrap {
    right: 15px;
    bottom: 15px
  }

  #productpage .product-usp {
    margin-top: 20px
  }

  /*     #productpage .product-images .images .image-wrap {
        padding: 7.5% 30%
    } */
  #productpage .product-images .zoom {
    min-width: 40px;
    min-height: 40px;
    font-size: 14px
  }

  #productpage .product-info .discount-wrap .discount-col {
    width: 100%
  }

  #add-cart-popup {
    padding: 20px
  }

  #add-cart-popup .main-product .image-wrap {
    width: 100%;
    padding: 10px 33%
  }

  #add-cart-popup .title-wrap.related {
    margin-top: 20px
  }

  #add-cart-popup .main-product .info .description {
    display: none
  }

  #add-cart-popup .title-wrap {
    margin-bottom: 20px
  }

  #add-cart-popup .main-product .info {
    padding: 0;
    padding-top: 20px
  }

  #add-cart-popup .main-product .btn-wrap {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
  }

  #add-cart-popup .main-product .btn-wrap .btn {
    height: 40px;
    padding: 0 15px;
    font-size: .9em
  }

  #add-cart-popup .main-product .btn-wrap .btn i {
    display: none
  }

  #add-cart-popup .main-product .btn-wrap .text-link {
    margin-top: 0;
    margin-left: 10px;
    font-size: .9em
  }

  #add-cart-popup .main-product .btn-wrap {
    margin-top: 20px
  }

  #add-cart-popup .title-wrap .title {
    font-size: 1.4em
  }

  #add-cart-popup .shipping-notification {
    font-size: 1em
  }

  #add-cart-popup .main-product .info .brand {
    font-size: 1em
  }

  #add-cart-popup .main-product .info .product-title {
    font-size: 1.4em
  }

  #add-cart-popup .main-product .info .description {
    font-size: .95em;
    margin-top: 10px
  }

  .textpage-title {
    font-size: 2em;
    margin-bottom: 30px
  }

  #cadeau-popup .cadeau-popup-inner .product-wrap {
    padding: 10px
  }

  #cadeau-popup .cadeau-popup-banner {
    height: 150px
  }

  #cadeau-popup .cadeau-popup-banner .inner .title {
    font-size: 2em
  }

  #productpage .product-repeat .inner-wrap .image-wrap {
    width: 100%;
    padding: 5% 30%
  }

  #productpage .product-repeat .inner-wrap .info-wrap {
    padding: 20px 0 0 0;
    width: 100%
  }

  #productpage .product-repeat .inner-wrap .info-wrap .title {
    font-size: 17px
  }

  #productpage .product-repeat .inner-wrap .info-wrap .brand {
    font-size: 13px;
    margin-bottom: 1px
  }

  #productpage .product-repeat .inner-wrap .cart .add-cart {
    height: 45px
  }

  #productpage .product-repeat .inner-wrap .cart .add-wishlist,
  #productpage .product-repeat .inner-wrap .cart .input-wrap input {
    height: 45px;
    width: 45px
  }

  #productpage .product-repeat .inner-wrap .cart .input-wrap .change {
    height: 45px;
    width: 25px
  }

  #productpage .product-repeat .inner-wrap .cart .input-wrap .change a span {
    width: 9px;
    height: 2px
  }

  .home-banners .banner-1,
  .home-banners .banner-2 {
    width: 100%
  }

  .home-banners .banner {
    height: auto;
    min-height: 200px
  }

  .home-banners .banner-reviews .banner .overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .home-banners .banner-reviews .banner .buttons {
    text-align: left;
    margin-top: 20px
  }

  .home-banners .banner-reviews .banner .overlay {
    padding: 20px
  }

  .home-banners .banner .banner-btn {
    height: 40px;
    padding: 0 15px;
    font-size: 12px
  }

  .home-banners .banner-reviews .banner .stars {
    font-size: 20px
  }

  .home-banners .banner-reviews .banner .stars i {
    margin: 1.5px
  }

  #productpage .product-usp-no-video {
    margin-top: 0
  }

  #productpage .product-usp {
    flex-direction: column;
    margin: -5px
  }

  #productpage .product-usp ul {
    padding: 5px
  }

  #productpage .product-usp ul li {
    margin-bottom: 10px
  }

  #productpage .product-info .price-shipping {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -5px;
    padding-bottom: 10px
  }

  #productpage .product-info .delivery,
  #productpage .product-info .loyalty-points,
  #productpage .product-info .price,
  #productpage .product-info .price-shipping .shipping {
    padding: 5px
  }

  #productpage .product-images {
    margin-bottom: 15px
  }

  .search-brands-wrap {
    margin-bottom: 20px
  }

  .search-brands-wrap i {
    width: 45px;
    height: 45px
  }

  .search-brands-wrap input {
    min-width: 100%;
    max-width: 100%;
    padding-left: 45px
  }
}

@media (max-width: 424px) {
  .categories.categories-row {
    margin: -4px
  }

  .categories.categories-row .category.category-col {
    padding: 4px
  }

  .categories.categories-row .category.category-col .inner-wrap {
    padding: 7px
  }

  .categories.categories-row .category.category-col .image-wrap {
    width: 50px;
    margin-right: 5px
  }

  .categories .category.category-col .info .title {
    font-size: .95em
  }

  .categories.categories-row .category.category-col .info a.view-all {
    font-size: .7em;
    margin-top: 5px
  }

  .sort .per-page-wrap.top,
  .sort .sort-dropdown-outer.bottom {
    display: none
  }

  .sort .sort-block {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }

  #productpage .product-usp .usps .usp {
    min-width: 100%;
    max-width: 100%
  }

  #productpage .product-info .cart .add-cart {
    font-size: 13px
  }

  .review-popup {
    min-width: 100%;
    max-width: 100%
  }

  #productpage .product-info .price {
    width: 100%
  }

  #productpage .product-info .price-shipping .shipping {
    margin-left: 0
  }

  .home-intro .intro-blocks .inner {
    margin: -5px
  }

  .home-intro .intro-blocks .intro-block {
    padding: 5px
  }

  .headlines .slider-nav .nav-item {
    padding-bottom: 4px;
    font-size: .9em
  }

  .headlines .slider-nav .nav-item.active {
    border-bottom: 3px solid #ff7400;
    border-bottom: 3px solid -moz-linear-gradient(left, #ff7400 0, #ff4000 100%);
    border-bottom: 3px solid -webkit-linear-gradient(left, #ff7400 0, #ff4000 100%);
    border-bottom: 3px solid linear-gradient(to right, #ff7400 0, #ff4000 100%)
  }

  .headlines .headline {
    height: 250px
  }

  .headlines .headline .inner-wrap .content .btn {
    height: 35px;
    padding: 0 15px
  }

  .banner-timer {
    margin-bottom: 40px
  }

  .usp-bar .inner {
    padding: 10px 15px;
    margin-top: 10px
  }

  .block-padding {
    padding-top: 15px;
    padding-bottom: 15px
  }

  .block-padding-bottom {
    padding-bottom: 15px
  }

  .block-padding-top {
    padding-top: 15px
  }

  .title-featured {
    margin-bottom: 10px
  }

  .title-featured .title {
    font-size: 1.5em
  }

  .cart-wrap .table table .image-wrap {
    width: 60px
  }

  .cart-wrap .table .input-wrap input {
    width: 40px;
    height: 40px
  }

  .cart-wrap .table .input-wrap .change {
    height: 40px;
    width: 20px
  }

  .cart-wrap .table table .info {
    padding: 0 10px
  }

  .cart-wrap .table table td {
    padding: 10px 0
  }
}

.ie-bar {
  display: none;
  background: red;
  font-size: 18px;
  text-align: center;
  padding: 20px 0;
  color: #fff;
  font-weight: 700
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  body .ie-bar {
    display: block
  }
}

@media(max-width: 767px) {
  .ie-bar {
    font-size: 16px
  }
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: -15px
}

.col-sidebar {
  min-width: 330px;
  max-width: 330px;
  padding: 15px;
  margin-right: 20px
}

.col-sidebar.on-right {
  margin-right: 0;
  margin-left: 20px
}

.col-main {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  padding: 15px
}

.tags {
  margin: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.tags .tag {
  padding: 3px
}

.tags .tag a {
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  border-radius: 0;
  background: rgba(0, 0, 0, .07);
  color: inherit;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

.sidebar-title {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 15px
}

.blog-articles {
  margin: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.blog-articles .blog-article {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.regular-articles .blog-articles .blog-article {
  display: block
}

.blog-articles .blog-article .image-wrap {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.blog-articles .blog-article .image {
  min-height: 280px;
  border-radius: 0;
  width: 100%
}

.blog-articles .blog-article .title {
  font-size: 2.5em;
  font-weight: 700;
  text-decoration: none
}

.blog-articles .blog-article .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

.blog-articles .blog-article .date,
.blog-articles .blog-article .image-wrap,
.blog-articles .blog-article .summary,
.blog-articles .blog-article .title {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.blog-articles .blog-article .image-wrap {
  margin-top: 40px
}

.blog-articles .blog-article:nth-child(even) .image-wrap,
.regular-articles .blog-articles .blog-article .image-wrap {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-top: 0;
  margin-bottom: 20px
}

.blog-articles .blog-article .date,
.complete-article .date,
#blog-2023 .date-author .date {
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-bottom: 10px
}

#blog .regular-articles {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee
}

.blog-articles .blog-article .title {
  line-height: 1.3em;
  margin-bottom: 10px
}

.blog-articles .blog-article .summary {
  font-size: .97em;
  color: #888
}

.blog-articles .blog-article .summary .content {
  line-height: 2.2em
}

.blog-articles .blog-article .read-more {
  font-weight: 700;
  font-size: .9em
}

.blog-articles .blog-article .read-more:hover {
  text-decoration: underline
}

.recent-articles {
  margin: -10px
}

.recent-articles .recent-article {
  padding: 10px
}

.recent-articles .recent-article .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.recent-articles .recent-article .image-wrap {
  min-width: 75px;
  max-width: 75px;
  border-radius: 0;
  margin-right: 15px;
  overflow: hidden;
  background: #fff
}

.recent-articles .recent-article .image-wrap .no-image {
  background: #f7f7f7
}

.recent-articles .recent-article .image-wrap .no-image:after {
  content: '';
  display: block;
  padding-top: 100%
}

.recent-articles .recent-article .info .title {
  font-weight: 700
}

.recent-articles .recent-article .info .date {
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 5px;
  opacity: .3
}

.complete-article .image,
.complete-article .no-image {
  border-radius: 0
}

.complete-article .no-image {
  background: #f7f7f7
}

.sidebar .blog-tags-wrap {
  margin-bottom: 30px
}

.complete-article .image:after,
.complete-article .no-image:after {
  content: '';
  display: block;
  padding-top: 40%
}

.complete-article .article-title {
  margin: 0;
  margin-bottom: 10px;
  font-weight: 700
}

.complete-article .image-wrap {
  margin-bottom: 30px;
  margin-top: 20px
}

.write-comment .fields {
  margin: -10px
}

.write-comment .fields .field {
  padding: 10px
}

.write-comment .standard-input {
  width: 100%
}

.write-comment textarea.standard-input {
  height: 150px;
  resize: none;
  border-radius: 0;
  padding: 20px 25px
}

#blog .comments-block .title,
.write-comment .title {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 1.5em
}

#blog .comments-block {
  margin-bottom: 50px
}

#blog .comments {
  margin: -10px
}

#blog .comments .comment {
  padding: 10px
}

#blog .comments .comment .comment-inner {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .07)
}

#blog .comments .comment .content {
  margin-top: 10px
}

#blog .comments .comment .date {
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  border-radius: 0;
  color: inherit;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff
}

#blog .comments .comment .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#blog .comments .comment .top .comment-title {
  font-weight: 700
}

#blog .share {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#blog .share .title {
  margin-right: 20px;
  font-weight: 700
}

#blog .share ul li {
  font-size: 20px;
  margin-right: 15px
}

#blog .share {
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  border-top: 1px solid rgba(0, 0, 0, .07)
}

#blog .share ul {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none
}

#blog .share ul li a.facebook {
  color: #3b5998
}

#blog .share ul li a.twitter {
  color: #55acee
}

#blog .share ul li a.google {
  color: #dd4b39
}

#blog .share ul li a.pinterest {
  color: #cb2027
}

#blog .complete-article {
  margin-bottom: 50px
}

#blog .complete-article .date-author,
#blog-2023 .date-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px
}

#blog .complete-article .date-author .date,
#blog-2023 .date-author .date {
  margin-right: 15px;
  margin-bottom: 0
}

#blog .complete-article .date-author .author,
#blog-2023 .date-author .author {
  font-size: .9em;
  text-transform: uppercase;
  font-weight: 500
}

#blog .complete-article .article-text img {
  max-width: 100%;
  height: auto
}

@media (max-width: 1199px) {
  .blog-articles .blog-article .title {
    font-size: 2em
  }
}

@media (max-width: 991px) {
  .blog-articles .blog-article .image-wrap {
    margin-top: 0;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

@media (max-width: 767px) {
  .blog-articles {
    margin: -5px
  }

  .blog-articles .blog-article {
    display: block;
    padding: 5px
  }

  .home-blog .blog-articles .blog-article .image {
    min-height: 100px
  }

  .blog-article-wrap.app-style {
    margin-right: -25%
  }

  .blog-articles .blog-article .title {
    font-size: 1.4em
  }

  .blog-articles .blog-article .title {
    margin-bottom: 10px
  }

  .blog-article-wrap.app-style .article-slider .owl-stage-outer {
    overflow: visible
  }

  #blog .complete-article .article-title {
    font-size: 1.7em
  }

  .complete-article .image-wrap {
    margin-bottom: 20px;
    margin-top: 10px
  }

  .complete-article .image,
  .complete-article .no-image {
    border-radius: 0
  }

  .complete-article .image:after,
  .complete-article .no-image:after {
    content: '';
    display: block;
    padding-top: 50%
  }

  #blog .comments-block,
  #blog .complete-article,
  #blog .share {
    margin-bottom: 30px
  }

  #blog .share {
    padding: 15px 0
  }

  .write-comment .fields {
    margin: -5px
  }

  .write-comment .fields .field {
    padding: 5px
  }

  #blog .blog-articles .blog-article .image {
    height: auto;
    min-height: 0
  }

  #blog .blog-articles .blog-article .image:after {
    content: '';
    display: block;
    padding-top: 45%
  }

  #blog .blog-articles .blog-article .image-wrap,
  #blog .blog-articles .blog-article:nth-child(even) .image-wrap,
  #blog .regular-articles .blog-articles .blog-article .image-wrap {
    margin-bottom: 15px
  }

  #blog .regular-articles {
    margin: 0;
    border: none
  }

  #blog .blog-articles {
    margin: -10px
  }

  #blog .blog-articles .blog-article {
    padding: 10px
  }
}

.blog-menu {
  margin-top: -30px;
  padding: 15px;
  background: rgba(0, 0, 0, .85);
  color: #fff
}

.blog-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 -10px;
  /*     overflow-y: scroll; */
  white-space: nowrap
}

.blog-menu ul li {
  padding: 0 10px
}

.blog-menu ul li a {
  position: relative
}

.blog-menu ul li.active a:after {
  display: block;
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 2px
}

.blog-menu-wrap {
  background: url(blog-menu-bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.headlines.blog-headlines .headline .inner-wrap {
  align-items: flex-end;
  justify-content: flex-start
}

.headlines.blog-headlines .headline .inner-wrap .content .text {
  margin-bottom: 0
}

.headlines.blog-headlines .headline .content {
  margin-bottom: 50px;
  background: rgba(0, 0, 0, .7);
  padding: 30px;
  text-align: left;
  align-items: flex-start
}

.headlines.blog-headlines .headline .date {
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-bottom: 0
}

.headlines.blog-headlines .headline .date-author {
  display: flex;
  align-items: center;
  margin-bottom: 10px
}

.headlines.blog-headlines .headline .author {
  margin-left: 10px;
  font-size: 12px;
  opacity: .7
}

.popular-blogs {
  background: #000
}

.popular-blogs .popular-article .image {
  padding-top: 56%;
  width: 100%
}

.popular-blogs .popular-article .inner {
  display: block;
  position: relative
}

.popular-blogs .popular-article .overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  display: flex;
  align-items: flex-end
}

.popular-blogs .popular-article .content {
  width: 100%;
  padding: 30px;
  padding-top: 50px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 17%, rgba(0, 0, 0, .6) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 17%, rgba(0, 0, 0, .6) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 17%, rgba(0, 0, 0, .6) 100%);
  color: #fff
}

.popular-blogs .popular-article .title {
  font-size: 2.5em;
  font-weight: 700
}

.popular-blogs .popular-article .subtitle {
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-bottom: 0
}

.popular-blogs .popular-article .read-more {
  margin-top: 10px;
  font-weight: 700
}

@media(max-width: 1199px) {

  .headlines.blog-headlines .headline .inner-wrap .content .title,
  .popular-blogs .popular-article .title {
    font-size: 1.8em
  }

  .headlines.blog-headlines .headline .content {
    padding: 25px 30px;
    margin-bottom: 30px
  }

  .popular-blogs .popular-article .content {
    padding: 20px;
    padding-top: 20px
  }
}

/* @media(max-width: 767px) {
    .headlines.blog-headlines {
        padding-top: 136px;
    }
} */

.blog-articles .blog-article .image-wrap {
  position: relative
}

.blog-articles .blog-article .image-wrap .play,
.blog-headlines .headline .play {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex
}

.blog-articles .blog-article .image-wrap .play i,
.blog-headlines .headline .play i {
  width: 70px;
  height: 70px;
  background: #ff400180;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  padding-left: 5px;
  color: #fff
}

.blog-vid {
  position: relative
}

.blog-vid:after {
  display: block;
  content: '';
  padding-top: 56.25%
}

.blog-vid iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.events-block {
  max-width: 700px;
  margin: 0 auto
}

.events-block .events {
  margin: -5px
}

.events-block .events .event {
  padding: 5px
}

.events-block .events .event .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background: #f7f7f7
}

.events-block .events .event .title {
  font-size: 1.2em;
  font-weight: 700;
  margin-right: 20px
}

.events-block .events .event .date {
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-bottom: 0
}

#submitpage .title-wrap {
  background-color: #eee;
  padding: 50px 0;
  text-align: center;
  text-transform: uppercase
}

#submitpage .title-wrap h1 {
  font-weight: 700;
  margin-bottom: 7px
}

#submitpage .title-wrap .subtitle {
  font-size: 1.5em
}

#submitpage .content-wrap .content {
  width: 800px;
  max-width: 100%;
  text-align: center;
  padding: 30px 0
}

#submitpage .content-wrap form {
  margin-top: 30px
}

#submitpage .content-wrap form .input-wrap label {
  display: block;
  font-size: 1.4em;
  margin-bottom: 15px
}

#submitpage .content-wrap form .input-wrap {
  margin-bottom: 30px
}

#submitpage .content-wrap form .input-wrap .standard-input {
  width: 100%
}

#submitpage .content-wrap form .input-wrap textarea.standard-input {
  height: 250px;
  resize: none;
  border-radius: 0;
  padding: 20px 25px
}

#submitpage .content-wrap form .input-wrap .error {
  border: 1px solid #ff4000
}

#submitpage .upload-image input {
  opacity: 0;
  visibility: hidden;
  height: 0
}

#submitpage .upload-image .btn {
  line-height: 50px
}

@media(max-width: 767px) {
  #submitpage .title-wrap h1 {
    font-size: 2em
  }

  #submitpage .title-wrap .subtitle {
    font-size: 1.2em
  }

  .blog-menu {
    margin-top: -15px
  }
}

#blog .sidebar,
#blog-2023 .sidebar {
  margin: 20px 0
}

#blog .complete-article .date-author .author span,
#blog-2023 .date-author .author span {
  margin-right: 15px
}

#blog .complete-article .date-author .author a,
#blog-2023 .date-author .author a {
  color: #337ab7
}

#thankyou-page .support-button {
  text-decoration: none;
  margin-top: 15px;
  color: white;
}

#header .main-header .header-icons .currencies .main-link {
  font-weight: 500;
  position: relative
}

#header .main-header .header-icons .currencies .main-link>a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0
}

#header .main-header .header-icons .currencies .service-links {
  list-style: none;
  padding: 0;
  margin: 0
}

#header .main-header .header-icons .currencies .service-links li .sub-links {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  padding: 10px 0;
  z-index: 1;
  list-style: none;
  margin: 0
}

#header .main-header .header-icons .currencies .service-links .main-link:hover .sub-links {
  opacity: 1;
  visibility: visible
}

#header .main-header .header-icons .currencies .service-links li .sub-links li a {
  padding: 5px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  color: #333
}

@media(max-width: 1499px) {
  #header .main-header .header-icons>li {
    margin-left: 30px
  }
}

/* ErwinHofman.com - 31/05/2022 */
div[id*="popup"],
.products.row.hidden,
.mobile-menu:not(.mobile-menu-open) .mobile-menu-inner,
.main-menu .subnav:not(.active) {
  content-visibility: hidden;
}

.fancybox-container div[id*="popup"] {
  content-visibility: visible;
}

form#product_configure_form {
  display: block !important;
}

div[id*="hr-recom"] {
  min-height: 410px;
}

@media (min-width: 425px) {
  div[id*="hr-recom"] {
    min-height: 440px;
  }
}

@media (min-width: 768px) {
  div[id*="hr-recom"] {
    min-height: 515px;
  }
}

@media (min-width: 992px) {
  div[id*="hr-recom"] {
    min-height: 530px;
  }
}

/* Justin@Shopmonkey - 31/08/2021 - Start */
#add-cart-popup .shipping-notification .text .order-for {
  padding: 0 4px;
}

#add-cart-popup .shipping-notification span {
  padding-left: 4px;
}

@media(max-width: 767px) {
  #add-cart-popup .shipping-notification .text {
    padding: 10px;
    word-break: break-word;
    flex-direction: row;
    flex-wrap: wrap;
    flex-grow: 10;
  }
}

@media(max-width: 1199px) {
  .cart-dropdown form {
    display: flex;
    flex-grow: 10;
  }
}

/* Add cart */
#add-cart-popup .shipping-notification {
  min-height: auto;
  padding: 0;
}

#add-cart-popup .shipping-notification .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px;
}

#add-cart-popup .shipping-notification .text .order-for {
  padding-right: 4px;
}

/* Footer */
@media(max-width: 991px) {
  #footer .main-footer .footer-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.dev #header .main-header {
  border: unset !important;
}

.dev #header .main-header .content {
  padding-right: 15px;
}

.dev #header .main-header .logo {
  padding: 15px;
  padding-right: 50px;
}

.dev #header .main-header .logo img {
  height: 100px;
}

@media(max-width: 1199px) {
  .dev #header .main-header .content {
    padding-right: unset;
  }

  .dev #header .main-header .logo {
    padding: 0;
  }

  .dev #header .main-header .inner {
    padding: 15px;
  }

  .dev #header .search-wrap form input {
    background: #fff;
    width: 100%;
    position: relative;
    padding-left: 50px;
    padding-right: 15px;
    border: 1px solid #eee;
    border-top: unset;
  }

  .dev #header .search-wrap form a {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
  }

  .dev #header .main-header .logo img {
    height: 80px;
  }
}

@media(max-width: 991px) {
  .dev #header .main-header .logo img {
    height: 60px;
  }
}

@media(max-width: 767px) {
  .dev #header .main-header .inner {
    padding: 15px 0;
  }

  .dev.blog .main-content.float-header {
    margin-top: 0 !important;
  }
}

/* Account registration */
.dev #gui-address #gui-form-details-streetname,
.dev #gui-address #gui-form-details-city,
.dev #gui-address #gui-form-details-region {
  background-color: #eee !important;
  pointer-events: none !important;
  cursor: none;
}

#account-login .gui-button-small {
  border: 1px solid #8d8d8d;
  color: #000000;
  background-color: #ffffff;
  padding: 3px 15px;
  line-height: 26px;
  display: inline-block;
}

#account-login form .gui-block {
  border: unset;
  -webkit-box-shadow: 0 2px 10px 2px rgb(0 0 0 / 7%);
  box-shadow: 0 2px 10px 2px rgb(0 0 0 / 7%);
  padding: 30px;
}

#account-login form .gui-block a.gui-button-link {
  text-decoration: underline;
  color: #888;
}

#account-login form .gui-block .gui-block-content {
  padding: unset;
}

#account-login form .gui-block .gui-block-title {
  padding: unset;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-color: #eee;
  text-transform: uppercase;
  color: #888;
}

#account-login form .gui-accept-terms a {
  text-decoration: underline;
  color: #888;
}

#account-login #gui-form-register .gui-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#account-login #gui-form-register .gui-buttons .register-full {
  margin-left: unset;
  margin-top: 10px;
  text-decoration: underline;
  color: #888;
}

@media(max-width: 1199px) {
  #account-login .gui-col2-big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
  }

  #account-login .gui-col2-big .gui-col2-big-col1,
  #account-login .gui-col2-big .gui-col2-big-col2 {
    width: 100%;
  }

  #account-login .gui-col2-big .gui-col2-big-col1 {
    margin-top: 30px;
  }
}

@media(max-width: 767px) {
  #account-login form .gui-block {
    padding: 30px 20px;
  }

  #account-login .gui-col2-big .gui-col2-big-col2 .gui-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #account-login .gui-col2-big .gui-col2-big-col2 .gui-buttons .gui-right {
    margin-top: 10px;
  }
}

/* Homepage headline */
.headlines.headlines-2021 {
  position: relative;
  height: 500px;
}

.headline__sale-banner {
  position: absolute;
  z-index: 99;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-end;
}

.headline__sale-banner img {
  width: 400px;
  margin-bottom: 30px;
}

@media(max-width:1200px) {
  .headline__sale-banner img {
    width: 325px;
    margin-bottom: 15px;
  }
}

@media(max-width:768px) {
  .headline__sale-banner img {
    width: 200px;
    margin-bottom: 15px;
  }
}

.hr-overlay-search {
  z-index: 999 !important;
}

.dev .headlines-2021 .headline {
  max-height: unset;
  height: 500px;
}

.img-cover-parent {
  overflow: hidden;
  position: relative;
}

.img-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

/* force all following sibling elements to be shown on top of the hero/cover image */
.img-cover~* {
  position: relative;
  z-index: 1;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  body .img-cover {
    height: auto !important;
  }
}

.dev .headlines-2021 .headline .inner-wrap .content {
  max-width: unset;
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media(max-width: 1199px) {
  .headlines.headlines-2021 {
    height: 450px;
  }

  .dev .headlines-2021 .headline {
    height: 450px;
  }
}

@media(max-width: 991px) {
  .headlines.headlines-2021 {
    height: 400px;
  }

  .dev .headlines-2021 .headline {
    height: 400px;
  }
}

@media(max-width: 767px) {
  .headlines.headlines-2021 {
    height: 350px;
  }

  .dev .headlines-2021 .headline {
    height: 350px;
  }

  .dev .headlines-2021 .headline .inner-wrap {
    padding: 15px;
  }
}

/* End homepage headline */
/* Homepage category slider */
.home-category-slider .intro-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -10px;
}

.home-categories-slider .owl-prev,
.home-categories-slider .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .15s all ease-in-out;
  -o-transition: .15s all ease-in-out;
  transition: .15s all ease-in-out;
  font-size: 2.5em;
  padding: 20px;
}

.home-categories-slider .owl-prev {
  left: 0;
}

.home-categories-slider .owl-next {
  right: 0;
}

.home-categories-slider .owl-prev.disabled,
.home-categories-slider .owl-next.disabled {
  opacity: 0;
  visibility: hidden;
}

.home-category-slider .intro-blocks .intro-block {
  width: 100%;
}

.home-categories-slider.owl-carousel:not(.owl-loaded) .intro-block {
  width: 33.33%;
}

@media(min-width: 992px) {
  .home-categories-slider.owl-carousel:not(.owl-loaded) .intro-block {
    width: 20%;
  }
}

@media(min-width: 1200px) {
  .home-categories-slider.owl-carousel:not(.owl-loaded) .intro-block {
    width: 16.66%;
  }
}

@media(min-width: 1500px) {
  .home-categories-slider.owl-carousel:not(.owl-loaded) .intro-block {
    width: 12.5%;
  }
}

/* End homepage category slider */
/* Homepage banners */
.bg-cover {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.home-banners .grid-col {
  width: 50%;
}

.home-banners .grid-col .main-inner {
  display: block;
  width: 100%;
  height: 100%;
  height: 400px;
  background-color: #eee;
  position: relative;
}

.home-banners .grid-col .subbanner {
  height: 400px;
  background-color: #eee;
  position: relative;
}

.home-banners .grid-col .text-overlay,
.home-banners .grid-col .subbanner .inner {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-banners .grid-col .text-overlay {
  padding: 20px;
}

.home-banners .grid-col .main-inner .title,
.home-banners .grid-col .subbanner .title {
  font-weight: 700;
  font-size: 1.8em;
}

.home-subbanner-slider .owl-prev,
.home-subbanner-slider .owl-next {
  position: absolute;
  top: 47%;
  -webkit-transform: translateY(-47%);
  -ms-transform: translateY(-47%);
  transform: translateY(-47%);
  -webkit-transition: .15s all ease-in-out;
  -o-transition: .15s all ease-in-out;
  transition: .15s all ease-in-out;
  font-size: 2.5em;
  padding: 20px;
  color: #fff;
}

.home-subbanner-slider .owl-dots .owl-dot.active {
  background: #ff4000;
}

.home-subbanner-slider .owl-prev {
  left: 0;
}

.home-subbanner-slider .owl-next {
  right: 0;
}

.home-subbanner-slider .owl-prev.disabled,
.home-subbanner-slider .owl-next.disabled {
  opacity: 0;
  visibility: hidden;
}

.home-subbanner-slider .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -4px;
  padding-top: 15px;
}

.home-subbanner-slider .owl-dots .owl-dot {
  min-height: 10px;
  max-height: 10px;
  min-width: 10px;
  max-width: 10px;
  background-color: #555;
  border-radius: 100%;
  margin: 4px;
}

@media(max-width: 1450px) {

  .home-banners .grid-col .subbanner,
  .home-banners .grid-col .main-inner {
    height: 350px;
  }
}

@media(max-width: 991px) {
  .home-banners .grid-col {
    width: 100%;
  }

  .home-subbanner-slider .owl-dots {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media(max-width: 767px) {

  .home-banners .grid-col .subbanner,
  .home-banners .grid-col .main-inner {
    height: 200px;
  }

  .home-banners .grid-col .main-inner .title,
  .home-banners .grid-col .subbanner .title {
    font-size: 1.5em;
  }
}

/* End homepage banners */
/* Justin@Shopmonkey - 31/08/2021 - End */
/* Justin@Shopmonkey 02/04/2021 - CLS fixes - Start */
.slider-loading {
  opacity: 0;
}

.headlines-outer-wrap.slider-loading {
  height: 35vw;
}

.products-slider-outer.slider-loading {
  height: 407px;
}

@media(max-width: 1599px) {
  .headlines-outer-wrap.slider-loading {
    height: 30vw;
  }

  .products-slider-outer.slider-loading {
    height: 451px;
  }
}

@media(max-width: 1499px) {
  .products-slider-outer.slider-loading {
    height: 432px;
  }
}

@media(max-width: 1399px) {
  .products-slider-outer.slider-loading {
    height: 478px;
  }
}

@media(max-width: 1199px) {
  .products-slider-outer.slider-loading {
    height: 452px;
  }
}

@media(max-width: 991px) {
  .headlines-outer-wrap.slider-loading {
    height: 400px
  }

  #header .alert-bar {
    max-height: 40px;
  }

  #header .alert-bar .alert-message {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow-x: scroll;
    word-break: break-word;
  }

  .products-slider-outer.slider-loading {
    height: 385px;
  }
}

@media(max-width: 767px) {
  .headlines-outer-wrap.slider-loading {
    height: 320px
  }

  #header .alert-bar {
    max-height: 35px;
  }

  #header .alert-bar .alert-message {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  #header .alert-bar .alert-message::-webkit-scrollbar {
    display: none;
    /* Chrome */
  }

  .products-slider-outer.slider-loading {
    height: 272px;
  }
}

/* Justin@Shopmonkey 02/04/2021 - CLS fixes - End */
/* Service adjustments michellle@shopmonkey */
#footer .main-footer .footer-info-col {
  display: flex;
}

#footer .main-footer .footer-info-col .footer-info {
  margin-left: 30px;
}

#footer .main-footer .footer-info .footer-text {
  margin-top: 0px;
}

#footer .main-footer .kiyoh-widget-wrap .kiyoh-rating .text {
  font-size: 0.9em;
}

@media (max-width: 767px) {
  #footer .main-footer .footer-info-col {
    flex-direction: column;
  }

  #footer .main-footer .footer-info-col .logo {
    display: flex;
    align-items: center;
  }

  #footer .main-footer .footer-info-col .logo a {
    margin-right: 30px;
  }

  #footer .main-footer .footer-info-col .footer-info {
    margin-left: 0px;
    margin-top: 30px;
  }

  #header .main-header .header-icons li.cart {
    margin-left: 15px;
  }

  #login-b2b-popup,
  #login-wishlist-popup,
  .added-wishlist-popup {
    min-width: unset
  }
}

.products .product.product-small .product-image .btn.out-of-stock {
  background: #aaa;
  color: #fff;
}

.home-products .products .product .inner:hover .product-image .btn {
  transform: translateY(100%);
}

.app-style-block {
  overflow: hidden;
}

.app-style-block .app-style-wrap {
  margin-right: -25%;
}

.app-style-block .owl-nav .owl-next,
.app-style-block .owl-nav .owl-prev {
  display: none;
}

.app-style-block .owl-nav .owl-next {
  right: calc(12.5% + 55px);
}

.app-style-block .products-slider:not(.related-slider):not(.related-slider-small) {
  padding: 0;
}

/* Collection banner padding */
.collection-banner {
  padding-top: 180px;
}

@media(max-width: 1299px) {
  .collection-banner {
    padding-top: 200px;
  }
}

@media(max-width: 991px) {
  .collection-banner {
    padding-top: 180px;
  }
}

@media(max-width: 767px) {
  .collection-banner {
    padding-top: 174px;
  }
}

@media(max-width: 425px) {
  .collection-banner {
    padding-top: 190px;
  }
}

/* End */
@media(max-width: 991px) {
  .products .product.related-col {
    width: 50%;
  }
}

@media(max-width: 767px) {
  #productpage .product-repeat .inner-wrap .image-wrap {
    padding: 0 30%;
  }

  #productpage .product-repeat .inner-wrap .summary {
    padding: 15px;
  }

  .products .product .info {
    justify-content: flex-start;
  }

  .products .product .info .bottom-wrap {
    margin-top: 10px;
  }
}

@media(max-width: 424px) {
  .product-repeat .title-featured .title {
    font-size: 1.3em;
  }
}

.wsa-cookielaw {
  position: fixed;
  bottom: 0;
  left: 0;
  top: auto;
  z-index: 9999;
  width: 100%;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, .7);
  border-top: 1px solid #bbb;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: unset;
}

body {
  margin-top: 0 !important;
}

.products .product-list {
  padding: 15px;
}

.products .product-list .product-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  background: #fff;
  border: 1px solid #eee;
  position: relative;
  height: 100%;
  /*   -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out; */
}

@media (min-width: 1200px) {
  .products .product-list .product-inner:hover {
    -webkit-box-shadow: 0 0 10px 5px rgb(0 0 0 / 5%);
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 5%);
    border: 1px solid transparent;
  }
}

.products .product-list .stars {
  font-size: 1.15em;
  color: #ffac00;
  margin: 0px -2px;
}

.products .product-list .stars i {
  margin: 2px;
}

.products .product-list a {
  text-decoration: none;
}

.products .product-list .buttons {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -6px;
  font-size: 16px;
}

.products .product-list .buttons .button {
  padding: 6px;
  opacity: .5;
}

.products .product-list .buttons .button:hover {
  opacity: 1;
}

.products .product-list .buttons .button.text-button {
  display: none;
}

.products .product-list:hover .buttons .button.text-button {
  display: block;
}

.products .product-list:hover .buttons .button.text-button .show-btn {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 7px;
  background: #aaa;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
}

.products .product-list .add-to-wishlist.in-wishlist,
.products .product-list .add-to-wishlist.in-wishlist:hover {
  color: #ef5361;
}

.products .product-list .product-inner.border-allways {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.10);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.10);
}

.products .product-list:hover .product-inner.border-on-hover {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.10);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.10);
}

.products .product-list .img-gray .img-wrap {
  position: relative;
  display: block;
  padding: 10%;
  overflow: hidden;
  border-radius: 5px;
}

.products .product-list .img-gray .img-wrap:after {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
}

.products .product-list .image-wrap {
  min-width: 200px;
  max-width: 200px;
  margin-right: 15px;
  position: relative;
  background: #fff;
}

.products .product-list .image-wrap img {
  width: 100%;
}

.products .product-list .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  padding: 10px 0px;
  padding-left: 20px;
  width: 100%;
}

.products .product-list .info .product-brand {
  display: block;
  font-size: .9em;
  color: #aaa;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1px;
}

.products .product-list .info .title {
  margin-bottom: 5px;
  display: block;
  line-height: 1.5em;
  overflow: hidden;
  font-weight: 700;
  max-height: 40px;
  overflow: hidden;
  line-height: 1.3em;
  margin-bottom: 5px;
  font-size: 1.2em;
}

.products .product-list .info .title.one-line {
  height: 1.5em;
}

.products .product-list .info .title.two-lines {
  height: 3em;
}

.products .product .info-list .title.two-lines {
  height: 4.5em;
}

.products .product-list .info .description {
  font-size: .9em;
  line-height: 1.8em;
  overflow: hidden;
  height: 4.8em;
  margin-top: 15px;
}

.products .product-list .info .description {
  height: auto;
}

.products .product-list .info .price {
  margin-top: 10px;
  font-size: 1.2em;
  font-weight: bold;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.products .product-list .info .price .price-old .price-inner {
  margin-right: 10px;
  display: inline-block;
  text-decoration: line-through;
  font-size: 90%;
}

.products .product-list .info .price .price-old .price-inner:empty {
  display: none;
}

.products .product-list .info .price .legal {
  font-weight: normal;
  font-size: 11px;
  opacity: .5;
}

.products .product-list .info .price .srp {
  margin-left: 5px;
  font-weight: normal;
  font-size: 11px;
  opacity: .5;
}

.products .product-list .info .compare {
  margin-top: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.products .product-list .info .compare .ui.checkbox {
  padding: 0;
}

.products .product-list .info .bottom-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: start;
}

.products .product-list .info .wishlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #aaa;
  font-size: .923em;
  cursor: pointer;
  margin-left: 20px;
}

.products .product-list .info .wishlist i {
  font-size: 1.4em;
  margin-right: 5px;
}

.products .product-list a.btn {
  height: 35px;
  padding: 10px;
  font-size: 0.8em;
}

.products .product-list a.btn.out-of-stock {
  background: #aaa;
  color: #fff;
}

.products .product-list .labels-wrap {
  top: 0px;
  left: 0px;
}

.products .product-list .labels-wrap .product-label.product-hallmark {
  height: 28px;
  width: 28px;
}

.grid-list {
  margin-right: 25px;
}

.grid-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -5px;
}

.grid-list input[type="radio"] {
  display: none;
}

.grid-list ul li {
  padding: 5px;
}

.grid-list li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  display: flex;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 5px;
  cursor: pointer;
}

.grid-list li.active label {
  background-color: #396941;
  color: #fff;
}

.grid-list li label {
  border-radius: 0px;
}

.products .product-list {
  padding: 5px 10px;
}

#collection .mobile-filters-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#collection .mobile-filters-wrap .grid-list {
  margin-right: 0px;
}

#collection .mobile-filters-wrap .sidebar-block {
  width: 100%;
}

@media(max-width:767px) {
  .products .product-list {
    padding: 5px 5px;
  }

  .products .product-list .info .description,
  .products .product-list .info .bottom-wrap {
    display: none;
  }

  .products .product-list .image-wrap {
    min-width: 0px;
  }

  .products .product-list .info .price {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .products .product-list .info .bottom-wrap,
  .products .product-list a.btn {
    margin-top: 10px;
  }

  .products .product-list a.btn {
    font-size: 0.65em;
  }
}

@media(max-width:340px) {
  .products .product-list .product-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .products .product-list .image-wrap {
    margin-right: 0px;
    max-width: inherit;
  }
}

.collection-banner.new-style .image {
  width: 100%;
}

.collection-banner.new-style .image:after {
  display: none;
}

.collection-banner.new-style .text-box {
  background: none;
}

.collection-banner.new-style h1 {
  text-shadow: 1px 1px rgba(0 0 0 / 50%);
}

.wrap-order {
  display: flex;
  flex-direction: column;
}

.wrap-order .title-wrap {
  order: 1;
}

.wrap-order .main-product {
  order: 2;
}

.wrap-order .shipping-notification {
  order: 3;
}

.wrap-order .title-wrap.related {
  order: 4;
}

.wrap-order .products.row {
  order: 5;
}

.kiyoh-shop-snippets,
#powrIframeLoader {
  display: none !important;
}

/* New service page */
#service-page .faq-block .service-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#service-page .faq-block .page {
  display: none;
  padding: 25px;
  margin: 15px 0px;
  background-color: rgb(249, 249, 249);
  font-weight: normal;
}

#service-page .faq-block .page .read-more {
  margin-top: 10px;
  text-decoration: underline;
  color: var(--main_accent);
}

#service-page .faq-block li a i {
  transition: .15s all ease-in-out;
}

#service-page .faq-block li.active a i {
  transform: rotate(180deg);
}

/* Service textpage */
#service-page .textpage-wrap {
  display: flex;
  align-items: flex-start;
}

#service-page .service-sidebar {
  min-width: 300px;
  max-width: 300px;
  padding-right: 30px;
}

#service-page .textpage-content {
  width: calc(100% - 330px);
}

#service-page .service-sidebar .title {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 15px;
}

#service-page .service-sidebar ul li {
  font-size: 1.125em;
}

#service-page .service-questions ul li {
  padding: 3px 0;
}

#service-page .service-questions ul li>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.125em;
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

#service-page .service-questions ul li a.active i {
  transform: rotate(180deg);
}

#service-page .service-questions ul li a:hover {
  color: #ff4000;
}

#service-page .service-questions .service-content.unactive {
  display: none;
}

#service-page .service-questions .service-content {
  line-height: 2em;
  padding: 25px;
  margin: 15px 0px;
  background-color: rgb(249, 249, 249);
}

#service-page .service-questions .service-content p:empty {
  margin: 0;
}

#service-page .service-questions .service-content p:last-child {
  margin-bottom: 0;
}

@media(max-width: 991px) {
  #service-page .textpage-content {
    width: unset;
  }
}

@media(max-width: 767px) {
  #service-page .service-content {
    padding: 10px 0;
  }

  #service-page .service-questions .service-content {
    padding: 15px;
  }
}

/* New hover menu */
#header .megamenu.new {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  top: 100%;
  left: 100px;
  right: 100px;
  width: calc(100% - 200px);
  z-index: 9999;
  /*   min-height: 678px; */
  background-color: #fff;
  /* transition: opacity 0.2s ease-in; */
}

@media(max-width: 1600px) {
  #header .megamenu.new {
    left: 60px;
    right: 60px;
    width: calc(100% - 120px);
  }
}

.dev #header .main-header {
  position: relative;
}

#header .main-header .main-menu li.active>.megamenu.new {
  opacity: 1;
  visibility: visible;
}

#header .main-header .main-menu li.has-subs:hover .megamenu.new {
  opacity: 1;
  visibility: visible;
}

#header .megamenu.new {
  background-color: #fff;
  color: #000;
  border: 1px solid #eee;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
}

#header .megamenu.new .inner {
  flex-grow: 10;
  max-height: 50vh;
  overflow-y: scroll;
}

#header .main-header .main-menu .megamenu.new .nav-wrap {
  width: calc(100%/3);
}

#header .main-header .main-menu .megamenu.new .nav li:hover>.megamenu.new {
  display: block;
}

#header .main-header .main-menu .megamenu.new ul.nav.main {
  padding: 30px 0;
  border-right: 1px solid #eee;
}

#header .main-header .main-menu .megamenu.new .nav li .subwrapper {
  position: absolute;
  top: 0;
  left: 5px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  margin-left: 33%;
  padding: 30px 0;
  overflow: hidden;
  overflow-y: scroll;
}

#header .main-header .main-menu .megamenu.new .nav li .subwrapper.second {
  border-left: 1px solid #eee;
}

#header .main-header .main-menu .megamenu.new .nav li .subwrapper>.nav.subs {
  width: calc(100% - 66.6%);
}

#header .main-header .main-menu .megamenu.new .nav li .subwrapper.first {
  z-index: 2;
}

#header .main-header .main-menu .megamenu.new .nav li .subwrapper.second {
  z-index: 3;
  top: 0;
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small.hovered>.subwrapper,
#header .main-header .main-menu .megamenu.new .nav li:hover>.subwrapper {
  opacity: 1;
  visibility: visible;
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small {
  display: block;
  /* padding: 5px 30px; */
  position: unset;
  transition: .15s all ease-in-out;
  border: 1px solid white;
  cursor: pointer;
  border-radius: 4px;

}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-name {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 15px;
  padding: 0 30px;
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small a {
  display: flex;
  align-items: center;
  padding: 5px 30px;
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small.hovered,
#header .main-header .main-menu ul li .megamenu.new .nav li.category-small:not(.category-name):hover {
  /* background-color: #eee; */
  border: 1px solid #eee;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small a:hover {
  background: unset;
  color: #ff4000;

}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small .image {
  margin-right: 10px;
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small .image img {
  width: 40px;
  height: auto;
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small .title {
  display: flex;
  flex-grow: 10;
  font-weight: 500;
  justify-content: space-between;
  font-size: 1.125em;
  color: #333;
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small:hover a.title,
#header .main-header .main-menu ul li .megamenu.new .nav li.category-small.hovered>a .title,
#header .main-header .main-menu ul li .megamenu.new .nav li.category-small a:hover .title {
  color: #f70000 !important;
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small .title i {
  /* opacity: 0;
    visibility: hidden;
    transition: .15s all ease-in-out; */
}

#header .main-header .main-menu ul li .megamenu.new .nav li.category-small.hovered>a .title i,
#header .main-header .main-menu ul li .megamenu.new .nav li.category-small:hover>a .title i,
#header .main-header .main-menu ul li .megamenu.new .nav li.category-small a:hover .title i {
  opacity: 1;
  visibility: visible;
  color: #f70000;
}

#header .main-header .main-menu ul li .megamenu.new .nav {
  max-height: 500px;
  /* kies een geschikte hoogte */
  overflow-y: auto;
}

/* For WebKit-based browsers (Chrome, Edge, Safari) */
#header .main-header .main-menu ul li .megamenu.new .nav::-webkit-scrollbar {
  width: 8px;
}

#header .main-header .main-menu ul li .megamenu.new .nav::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#header .main-header .main-menu ul li .megamenu.new .nav::-webkit-scrollbar-thumb {
  background-color: #ff4000;
  border-radius: 4px;
}

.collection-wrap {
  min-height: 900px
}

@media(max-width:767px) {
  .collection-wrap {
    min-height: 600px
  }
}

[data-eur-price] {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 1;
}

/* [data-eur-price]:not(.price-loaded) {
    opacity: 0;
} */

/* New styling productpage slide product images */
@media(max-width: 767px) {
  #productpage .product-images .productpage-slider.owl-carousel {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  #productpage .product-images .productpage-slider.owl-carousel .owl-stage {
    display: flex;
    transition: transform 0.3s ease !important;
  }

  #productpage .product-images .productpage-slider.owl-carousel .product-images a {
    display: flex;
  }

  #productpage .product-images .productpage-slider.owl-carousel img {
    flex: 0 0 100% !important;
  }

  #productpage .product-images .images .productpage-slider.owl-carousel .image-wrap {
    padding: 10.5% 15%;
  }
}

/* New styling bundle products */
.bundle-products .image-wrap.img-gray a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 9;
}

.bundle-products .image-wrap.img-gray {
  padding: 0;
}

.bundle-products .bundle-product .inner-second {
  flex-direction: column;
}

/* Styling for 404 page */
.spacer-404 {
  height: 100px
}

#page-404 .wrap .inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 180px;
}

#page-404 .wrap .inner-content .title-wrap {
  margin-bottom: 20px;
}

#page-404 .wrap .inner-content .title-wrap .title-featured {
  margin-bottom: 0;
  display: flex !important;
  justify-content: center;
}

#page-404 .wrap .inner-content .title-wrap .subtitle {
  font-size: 16px;
}

#page-404 .wrap .inner-content .image-content,
#page-404 .wrap .inner-content .text-content {
  width: 100%;
  height: 100%;
}

#page-404 .wrap .inner-content .image-content img {
  width: 100%;
  height: auto;
  max-width: 450px;
  max-height: 450px;
}

#page-404 .wrap .inner-content .button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  width: 100%;
  height: 100%;
  margin-top: 20px;
}

#page-404 .wrap .inner-content .button-content .btn {
  background: #ff4000;
}

#page-404 .wrap .inner-content .button-content .btn--sec {
  background: #000;
  color: #fff;
}

@media(max-width:767px) {
  #page-404 .wrap .inner-content .button-content {
    flex-direction: column;
    align-items: stretch;
  }

  #page-404 .wrap .inner-content .title-wrap .title-featured {
    margin-bottom: 10px;
  }

  #page-404 .wrap .inner-content .button-content {
    gap: 10px;
  }
}

/* End styling for 404 page */

.support-button {
  color: white !important;
}

.add-cart.btn.disabled {
  background: #555555;
}

/* cadeau module  */
.cadeau-container:not(.cadeau-container-top) {
  padding: 24px;
  border-radius: 8px;
  margin-top: 32px;

  background: #fff;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .07);
  position: relative;
}

.dropdown-cadeau-container-top {
  margin: 32px 0;
}

.cadeau-container-top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cadeau-container-title {
  display: flex;
  gap: 8px;
  align-items: center;
}

.cadeau-container-title .text {
  font-weight: bold;
  font-size: 20px;
  white-space: nowrap;
}

.cadeau-container-icon {
  position: absolute;
  top: 14px;
  right: 14px;
  cursor: pointer;
}

.cadeau-container-icon i {
  font-weight: 400;
  font-size: 24px;
}

.cadeau-container-products {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.cadeau-container-products {
  overflow: hidden;
  height: 0;
}

#show-dropdown-cadeaus,
#show-cadeaus {
  display: none;
}

#show-cadeaus:checked~.cadeau-container-products {
  height: 100%;
}

.cadeau-container .cadeau-container-icon .bx-chevron-down,
.cadeau-container:has(#show-cadeaus:checked) .cadeau-container-icon .bx-chevron-up {
  display: none;
}

.cadeau-container:has(#show-cadeaus:checked) .cadeau-container-icon .bx-chevron-down {
  display: flex;
}

.dropdown-cadeau-container-products {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr 1fr;
}

@media(max-width: 991px) {
  .dropdown-cadeau-container-products {
    grid-template-columns: 1fr 1fr;

  }
}

.product-item-wrap {
  background: #f7f7f7;
  padding: 3px;
  border-radius: 11px;
}

.product-item {
  min-height: 140px;
  border-radius: 8px;
  overflow: hidden;
  background: white;
  padding: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-item.last-item {
  background: #f7f7f7;
  /* background: #cbcbcb; */
  color: #7E7E7E;
  position: relative;
  padding: 0;
  order: 1;
}

.product-item.last-item i {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  font-weight: 600;
  color: #BCBCBC;
}

.product-item.last-item>div {
  width: 100%;
  text-align: center;
  padding: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  font-size: 16px;
}

.dropdown-cadeau-container .image-wrap,
.cadeau-container .image-wrap {
  position: relative;
  margin-bottom: 8px;
}

.dropdown-cadeau-container .image-wrap i,
.cadeau-container .image-wrap i {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  color: #FF4000;
  font-size: 24px;
}

.dropdown-cadeau-container img,
.cadeau-container img {
  width: 100%;
  height: 92px;
  object-fit: contain;
}

.dropdown-cadeau-container .product-title,
.cadeau-container .product-title {
  color: black;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.product-item-wrap input {
  display: none;
}

.product-item-wrap label {
  display: block;
  cursor: pointer;
  margin-bottom: 0;
  width: 100%;
  height: 100%;
}

.product-item-wrap:hover,
.product-item-wrap:has(input.active-item),
.product-item-wrap:has(input[type="radio"]:checked) {
  background: linear-gradient(90deg, #FF7400, #FF4000);
}

.product-item-wrap:has(input.active-item) .image-wrap i,
.product-item-wrap:has(input[type="radio"]:checked) .image-wrap i {
  opacity: 1;
}

.cadeau-bar-outer {
  width: 100%;
  height: 16px;
  background: white;
  position: relative;
  height: 16p;
  border-radius: 16px;
  overflow: hidden;
}

.cadeau-bar-inner {
  border-radius: 16px;
  height: 100%;
  width: 0;
  max-width: 100%;
  transition: all 1s ease-in-out;
  transform-origin: left center;
}

.cadeau-bar-shadow {
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 16px;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 20px;
}

.cadeau-bar-thresholds {
  display: flex;
  width: 50%;
  margin-left: auto;
  gap: 16px;
  text-align: center;
  justify-content: space-between;
}

.cadeau-bar-threshold {
  position: relative;
}

.cadeau-bar-threshold span {
  color: #AFAFAF;
}

.cadeau-bar-threshold::before {
  content: '';
  display: block;
  height: 8px;
  width: 1px;
  background: black;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2px;
}

.cadeau-bar-threshold.checked-threshold span,
.cadeau-bar-threshold.checked-threshold div {
  color: #ff4500;
  font-weight: bold;
}

.cart-popup-cadeau {
  position: relative;
  border-top: 1px solid #eee;
  padding-top: 24px;
  margin-top: 24px;
}

#productpage .product-info .delivery.green {
  color: #00b36f;
}

#productpage .product-info .delivery.orange {
  color: #ff4000;
}

#productpage .product-info .delivery.grey {
  color: #555555;
}