:root {
  --block_spacing: 70px;
  --font_base: 16px;
  --font_h1: 2.441em;
  --font_h2: 1.953em;
  --font_h3: 1.563em;
  --font_h4: 1.25em;
  --font_h5: 1em;
  --font_h6: 0.8em;
  --line_height: 1.875em;
  --accent: #000000;
  --grey_border: #E0E0E0;
  --grey_block: #F5F5F5;
  --body: #313F4A;
  --black: #000000;
  --green: #00701F;
  --orange: #DC8401;
  --red: #C80000;
  --shadow_small: 0px 0px 5px rgba(0, 0, 0, 0.1);
  --shadow_left_small: -2px 2px 5px rgba(0, 0, 0, 0.1);
  --shadow_right_small: 2px 2px 5px rgba(0, 0, 0, 0.1);
  --border_radius: 0px;
  --btn_height: 50px;
  --btn_font_size: 1em;
  --btn_lg_height: 60px;
  --btn_lg_font_size: 1em;
  --btn_sm_height: 40px;
  --btn_sm_font_size: 0.9375;
  --btn_icon_font_size: 1.4em;
  --btn_icon_spacing: 7px;
  --btn_padding: 25px;
  --btn_lg_padding: 30px;
  --btn_sm_padding: 20px;
  --input_height: 50px;
  --input_padding: 25px;
  --input_bg: #fff;
  --input_border: 1px solid var(--grey_border);
  --title_featured_spacing: 40px;
  --title_featured_title: var(--font_h2);
}

[v-cloak] {
	display: none !important;
}

@font-face {
	font-display: swap;
}

body {
  margin: 0 !important;
	color:var(--body);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-shadow: 1px 1px 1px x(0,0,0,0.004);
  width:100%;
  font-size: var(--font_base);
  overflow-x: hidden;
}

html.no-scroll {
  margin: 0; 
  height: 100%; 
  overflow: hidden;
}

div[class*=" col-"] {
	margin-left: -.5px;
}

i[class*="fi-rr"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

img {
	width: auto;
  height: auto;
}

table {
	border-spacing: 0;
 	border-collapse: collapse;
}

.relative {
	position:relative;
}

.owl-prev,
.owl-next,
.owl-dots,
.owl-dot {
	outline: none;
}

.body-wrap {
  position:relative;
  -webkit-transition: -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
  transition: -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
  -o-transition: transform .35s cubic-bezier(.29,.58,.32,1);
  transition: transform .35s cubic-bezier(.29,.58,.32,1);
  transition: transform .35s cubic-bezier(.29,.58,.32,1), -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
}

.body-wrap.cart-open {
  -webkit-transform: translate(-400px, 0px);
      -ms-transform: translate(-400px, 0px);
          transform: translate(-400px, 0px);
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
}

.line-height {
	line-height: var(--line_height);
}

a,
a:hover,
a:visited,
a:focus {
	color:inherit;
  text-decoration:none;
  outline:none;
}

.ul-reset {
	list-style: none;
  margin: 0;
  padding: 0;
}

.general-content {
  font-size: 1em;
  line-height: var(--line_height);
}

.general-content strong {
	color: var(--black);
  font-weight: bold;
}

.general-content *:first-child {
	margin-top: 0;
}

.general-content *:last-child {
	margin-bottom: 0;
}

.general-content h1,
.general-content h2,
.general-content h3,
.general-content h4,
.general-content h5,
.general-content h6 {
	font-weight: bold;
  color: var(--black);
}

.general-content h1 {
	font-size: var(--font_h1);
  margin-bottom: 20px;
}
.general-content h2 {
	font-size: var(--font_h2);
  margin-bottom: 20px;
}
.general-content h3 {
	font-size: var(--font_h3);
  margin-bottom: 20px;
}
.general-content h4 {
	font-size: var(--font_h4);
  margin-bottom: 15px;
}
.general-content h5 {
	font-size: var(--font_h5);
  margin-bottom: 10px;
}
.general-content h6 {
	font-size: var(--font_h6);
  margin-bottom: 10px;
}

.general-content a,
.general-content a:visited,
.general-content a:active,
.general-content a:hover {
	text-decoration:none;
  color: var(--accent);
}

.general-content ul {
	padding-left: 25px;
}

.general-content ul li {
	list-style: none;
  position: relative;
}

.general-content ul li:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  vertical-align: middle;
  margin-right: 15px;
}

.general-content img,
.general-content video {
	height: auto;
}

.general-content img,
.general-content video,
.general-content iframe {
	max-width: 100%;
}

.general-content table {
	width: 100%;
}

.general-content table tr td {
	padding: 5px 15px;
}

.responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.responsive-iframe iframe,
.responsive-iframe object,
.responsive-iframe embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn {
  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;
  text-align: center;
	height: var(--btn_height);
  padding: 0px var(--btn_padding);
  background: var(--accent);
  color: #fff;
  font-weight:bold;
  font-size: var(--btn_font_size);
  border-radius: var(--border_radius);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn.btn-large {
	height: var(--btn_lg_height);
  font-size: var(--btn_lg_font_size);
  padding: 0 var(--btn_lg_padding);
}

.btn.btn-small {
	height: var(--btn_sm_height);
  font-size: var(--btn_sm_font_size);
  padding: 0 var(--btn_sm_padding);
}

.btn i {
	font-size: var(--btn_icon_font_size);
}

.btn i.before {
	margin-right: var(--btn_icon_spacing);
}

.btn i.after {
	margin-left: var(--btn_icon_spacing);
}

.btn:active,
.btn:focus,
.btn:visited,
.btn:hover {
	color:#fff;
}

.btn.disabled {
  opacity: .5;
  pointer-events: none;
}

.btn:active {
	-webkit-box-shadow: inset 0 0 3px 3px rgb(0 0 0 / 20%);
	        box-shadow: inset 0 0 3px 3px rgb(0 0 0 / 20%);
}

.btn.error {
	background: var(--red);
}

.btn.success {
	background: var(--green);
}

.standard-input {
	height: var(--input_height);
  padding: 0px var(--input_padding);
  outline: none;
  border-radius: var(--border_radius);
  font-size: 1em;
  background: var(--input_bg);
  border:  var(--input_border);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.standard-input:focus {
	border-color: var(--accent);
}

textarea.standard-input {
	padding: var(--input_padding);
}

.standard-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #aaa;
}

.standard-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #aaa;
  opacity: 1;
}

.standard-input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #aaa;
  opacity: 1;
}

.standard-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #aaa;
}

.standard-input::-ms-input-placeholder { /* Microsoft Edge */
	color: #aaa;
}

.icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.icon:before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.lazy-bg-cover {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.lazy-blur {
	-webkit-transition: -webkit-filter .15s ease-in-out;
	transition: -webkit-filter .15s ease-in-out;
	-o-transition: filter .15s ease-in-out;
	transition: filter .15s ease-in-out;
	transition: filter .15s ease-in-out, -webkit-filter .15s ease-in-out;
}

.lazy-blur.lazy {
	-webkit-filter: blur(20px);
	        filter: blur(20px);
}

.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;
}

.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 {
	-webkit-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;
}

.block-padding {
	padding-top: var(--block_spacing);
  padding-bottom: var(--block_spacing);
}

.block-padding-top {
	padding-top: var(--block_spacing);
}

.block-padding-bottom {
  padding-bottom: var(--block_spacing);
}

.block-margin {
	margin-top: var(--block_spacing);
  margin-bottom: var(--block_spacing);
}

.block-margin-top {
	margin-top: var(--block_spacing);
}

.block-margin-bottom {
  margin-bottom: var(--block_spacing);
}

.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;
}

.block-grey {
	background: #f7f7f7;
}

.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,0.03);
}
.white-bg .image-wrap.grey:after{
	background: none;
}
.image-wrap img {
	width: 100%;
}

.sm-tabs-block .page {
	display: none;
}

.sm-tabs-block .page.active {
	display: block;
}

.title-featured {
	margin-bottom: var(--title_featured_spacing);
}

.title-featured .title {
  font-size: var(--title_featured_title);
  font-weight: bold;
  color: var(--black);
}

.title-featured .slider-nav {
	margin-top: 5px;
}

.title-featured .slider-nav li {
	display: inline-block;
}

.title-featured .slider-nav li a {
	display: inline-block;
  padding: 7px;
}

.title-featured .slider-nav li a i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  color: var(--black);
}

.title-featured .slider-nav li.disabled i {
	opacity: .3;
}

.title-featured .slider-nav.disabled,
.products-slider .owl-nav {
	display: none !important;
}

.text-container {
	width: 100%;
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.app-style-block {
  overflow: hidden;
}

.app-style-block .app-style-outer {
  margin-right: -25%;
}

#home.with-usp .block-padding-top:first-child {
	padding-top: 0;
}

.loop-slider-block {
	overflow: hidden;
}

.loop-slider {
	margin-bottom: var(--title_featured_spacing);
}

.loop-slider .item-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  white-space: nowrap;
}

.loop-slider .item-wrap .item {
	margin-right: 30px;
  font-size: var(--font_h2);
}

.general-overlay {
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 9999;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .35s cubic-bezier(.29,.58,.32,1);
  -o-transition: all .35s cubic-bezier(.29,.58,.32,1);
  transition: all .35s cubic-bezier(.29,.58,.32,1);
}

.general-overlay.active {
	opacity: 1;
  visibility: visible;
}

@media (min-width: 1200px) {
  .container {
  	width:100%;
    max-width:2000px;
    padding:0px 30px;
  }
  
  .btn:hover {
    -webkit-filter: brightness(90%);
            filter: brightness(90%);
  }
  
  .title-featured .slider-nav li[data-way="prev"] a:hover i {
    -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
            transform: translateX(-5px);
  }

  .title-featured .slider-nav li[data-way="next"] a:hover i {
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
  }
}

@media (max-width: 1199px) {
	:root {
  	--block_spacing: 60px;
  }
}

@media (max-width: 991px) {
  :root {
    --block_spacing: 50px;
  	--font_base: 14px;
  }
}

@media (max-width: 767px) {
	:root {
  	--block_spacing: 40px;
    --title_featured_spacing: 20px;
  }
}
/* End general styles */

/* Headlines */
.headline-wrap .headline.has-second {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
/*   margin: -15px; */
}

.headline-wrap .headline.has-second .image-col:empty {
	display: none;
}

.headline-wrap .headline.has-second .image-col {
	width: 50%;
/*   padding: 15px; */
}

.headline-wrap .video-wrap {
	position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.headline-wrap .video-wrap video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}

@media (max-width: 991px) {
	.headline-wrap .headline.has-second .image-col {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .headline-wrap .headline.has-second {
  	margin: -7px;
  }
	.headline-wrap .headline.has-second .image-col {
    padding: 7px;
  }
}
/* End headlines */

/* Banners grid */
.banners-grid .banner-wrap,
.banners-grid .banner-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.banners-grid .banner-wrap {
	margin: -15px;
}

.banners-grid .banner-wrap .banner-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	padding: 15px;
}

.banners-grid .banner-row.banner-left {
	-webkit-box-flex: 2;
	    -ms-flex: 2;
	        flex: 2;
}

.banners-grid .banner-row.banner-right {
	-webkit-box-flex: 4;
	    -ms-flex: 4;
	        flex: 4;
}

.banners-grid .banner-col-1 {
  width: 100%;
}

.banners-grid .banner-col-2,
.banners-grid .banner-col-3,
.banners-grid .banner-col-4 {
	width: calc(100% / 3);
}

.banners-grid .banner-col-5,
.banners-grid .banner-col-6 {
	width: calc(100% / 2);
}

.banners-grid .banner,
.banners-grid .banner video,
.banners-grid .banner img {
  width: 100%;
	height: auto;
}

@media (max-width: 1199px) {
	.banners-grid .banner-wrap {
    margin: -10px;
  }

  .banners-grid .banner-wrap .banner-col {
    padding: 10px;
  }
}

@media (max-width: 991px) {
	.banners-grid .banner-row.banner-left,
  .banners-grid .banner-row.banner-right {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 100%;
  }
}

@media (max-width: 767px) {
	.banners-grid .banner-col-2,
  .banners-grid .banner-col-3,
  .banners-grid .banner-col-4,
  .banners-grid .banner-col-5,
  .banners-grid .banner-col-6 {
    width: 100%;
  }
}
/* End banners grid */

/* Home brands */
.home-brands {
	overflow: hidden;
}

.home-brands .item-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home-brands .item-wrap .item {
	white-space: nowrap;
  margin-right: 30px;
  font-size: 2em;
  -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;
}

@media (min-width: 1200px) {
  .home-brands .item-wrap .item:hover {
    -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
            transform: translateY(-10%);
	}
}
/* End home brands */

/* Shop the look */
.home-looks .look-wrap {
	max-width: 1280px;
  margin: 0 auto;
}

.home-looks .look-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -15px;
}

.home-looks .look-wrap .col {
	padding: 15px;
}

.home-looks .look-wrap .col.no-padding {
	padding: 15px 0;
}
/* End shop the look */

/* Products */
.product-labels {
  position: absolute;
  top: 20px;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 9;
}

.product-labels .product-label:empty {
	display: none;
}

.product-labels .product-label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex; 
  -webkit-box-align: center; 
      -ms-flex-align: center; 
          align-items: center;
  border: 1px solid var(--black);
  color: var(--black);
  font-weight: bold;
  height: 34px;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 20px;
  -webkit-transform: skew(-10deg);
      -ms-transform: skew(-10deg);
          transform: skew(-10deg);
  margin: 0 10px 10px 0;
  z-index: 1;
}

.product-labels .product-label span {
	-webkit-transform: skew(10deg);
	    -ms-transform: skew(10deg);
	        transform: skew(10deg);
}

.product-labels .product-label.sale {
	color: var(--red);
  border-color: var(--red);
}

.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin: -15px;
}

.products .product {
	padding: 15px;
}

.products .product .inner {
	position: relative;
}

.products .product .image-wrap,
.products .product .sec {
	padding: 15%;
}

.products .product.white-bg .image-wrap,
.products .product.white-bg .sec {
	padding: 0%;
}

.products .product .sec {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}


.products .product .variants {
	position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  overflow-x: auto;
  background: #fff;
  padding: 0 20px;
  z-index: 1;
  white-space: nowrap;
}

.products .product .variants ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}

.products .product .variants ul li span {
	margin: 0 10px;
  color: rgba(0,0,0,0.3);
}

.products .product .variants ul li:last-child span {
	display: none;
}

.products .product .variants ul li.out-of-stock a {
	text-decoration: line-through;
}

.products .product .variants ul li a:hover {
	color: var(--black);
}

/* width */
.products .product .variants::-webkit-scrollbar {
  height: 5px;
}

/* Track */
.products .product .variants::-webkit-scrollbar-track {
  background: var(--grey_block);
}

/* Handle */
.products .product .variants::-webkit-scrollbar-thumb {
  background: var(--grey_border);
}

/* Handle on hover */
.products .product .variants::-webkit-scrollbar-thumb:hover {
  background: var(--black);
}

.products .product .info {
	margin-top: 20px;
}

.products .product .info .product-title {
	font-size: 0.9em;
}

.products .product .info .product-title:hover {
	color: var(--black);
}

.products .product .info .brand,
.products .product .info .price {
	margin-top: 10px;
}

.products .product .info .brand {
/* 	font-weight: bold; */
  color: var(--black);
  font-size: 0.9em;
}

.products .product .info .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.products .product .info .price .price-old {
	margin-right: 10px;
  text-decoration: line-through;
}

.products .product .info .price .price-old:empty {
	display: none;
}

.products .product .info .price .price-new {
	font-weight: bold;
}

.products .product .info .price .price-new.sale {
	color: var(--red);
}

#collection .products .product {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
}

#collection .products .product.inf-loading {
	opacity: 0;
  -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
          transform: translateY(10%);
}

#collection .show-next {
	margin-top: 30px;
}

#collection .show-next .collection-spinner {
	text-align: center;
}

#collection .show-next .collection-spinner .collection-viewed-count {
	opacity: .65;
}

#collection .show-next .collection-spinner .btn {
	margin-top: 15px;
}

.collection-spinner .status {
  width: 200px;
  background: #f3f3f3;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom:20px;
}
.collection-spinner .status .bar {
	background:#000;
  height:5px;
}

#collection .scroll-up {
  position: fixed;
  bottom: 10%;
  right: 30px;
  z-index: 999;
/*   min-width: var(--btn_height); */
/*   max-width: var(--btn_height); */
/*   height: var(--btn_height); */
/*   background: var(--black); */
/*   color: #ffff; */
  color: var(--black);
  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-size: 1.3em;
/*   -webkit-box-shadow: 0 0 10px 5px rgb(0 0 0 / 10%);
          box-shadow: 0 0 10px 5px rgb(0 0 0 / 10%); */
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#collection .scroll-up:not(.active) {
	opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
          transform: translateY(10%);
}

@media (min-width: 1200px) {
	.products .product.has-sec.product-loaded .inner:hover .sec,
  .products .product.has-variants.product-loaded .inner:hover .variants{
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 991px) {
	.products {
    margin: -15px -10px;
  }

  .products .product {
    padding: 15px 10px;
  }
}

@media (max-width: 767px) {
  .products {
    margin: -15px -7px;
  }

  .products .product {
    padding: 15px 7px;
  }
  
  .products .product .info {
    margin-top: 15px;
  }
  
  .products .product .info .brand,
  .products .product .info .price {
    margin-top: 5px;
  }
  
  .product-labels {
    top: 10px;
    left: 10px;
  }

  .product-labels .product-label {
    height: 30px;
    font-size: 12px;
    padding: 0 10px;
    margin: 0 7px 7px 0;
  }
  
  #collection .scroll-up {
    bottom: 30px;
    right: 30px;
  }
}
/* End products */

/* Productpage */
#productpage {
	--images_width: 60%;
  --info_width: 40%;
  --thumbs_width: 115px;
  --thumbs_spacing: 15px;
  --info_spacing: 50px;
}

#productpage .product-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#productpage .product-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: var(--images_width);
  max-width: var(--images_width);
  position: relative;
}

#productpage .product-images .thumbs-wrap {
	min-width: var(--thumbs_width);
  max-width: var(--thumbs_width);
  padding-right: var(--thumbs_spacing);
}

/* #productpage .product-images .productpage-slider-outer {	
	min-width: var(--images_width);
  max-width: var(--images_width);
} */

#productpage .product-images .productpage-slider-outer.slider-loading {
	width: 100%;
}

#productpage .product-images .productpage-slider-outer.slider-loading:after {
	content: '';
  display: block;
  padding-top: 100%;
}

#productpage .product-images .productpage-slider .image-wrap {
	padding: 15%;
}

#productpage .product-images .productpage-slider-outer.white-bg .productpage-slider .image-wrap {
	padding: 0%;
}

#productpage .product-images .productpage-slider .image-wrap.vid-wrap {
	padding: 0;
  position: relative;
  overflow: hidden;
}

#productpage .product-images .productpage-slider .image-wrap.vid-wrap video {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.products .product .image-wrap.vid-wrap video {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.products .product .image-wrap.vid-wrap:before {
	content: '';
  display: block;
  padding-top: 124%;
}

#productpage .product-images .productpage-slider .image-wrap.vid-wrap:before {
	content: '';
  display: block;
  padding-top: 126%;
}
#productpage .product-images .productpage-slider .image-wrap.vid-wrap video {
	padding-bottom: 5px;
}

#productpage .product-images .productpage-slider .owl-dots {
	position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#productpage .product-images .productpage-slider .owl-dots .owl-dot:not(:last-child) {
	margin-right: 7px;
}

#productpage .product-images .productpage-slider .owl-dots .owl-dot {
	width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--grey_border);
}

#productpage .product-images .productpage-slider .owl-dots .owl-dot.active {
	background: var(--black);
}

#productpage .product-images .thumbs {
	margin: -10px;
}

#productpage .product-images .thumbs .thumb {
	padding: 10px;
  cursor: pointer;
}

#productpage .product-images .thumbs .thumb .image-wrap {
	padding: 10%;
}

#productpage .product-images .thumbs .thumb .image-wrap img {
  opacity: .6;
}

#productpage .product-images .thumbs .thumb.active .image-wrap img {
	opacity: 1;
}

#productpage .product-images .thumbs .thumb.vid-thumb {
	position: relative;
}

#productpage .product-images .thumbs .thumb.vid-thumb i {
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--black);
  color: #fff;
  font-size: 30px;
  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;
}

#productpage .product-images .thumbs .thumb.vid-thumb img {
	opacity: 0 !important;
}

#productpage .product-info {
/* 	min-width: calc(100% - (var(--thumbs_width) + var(--thumbs_spacing) + var(--images_width)));
  max-width: calc(100% - (var(--thumbs_width) + var(--thumbs_spacing) + var(--images_width))); */
  min-width: var(--info_width);
  max-width: var(--info_width);
  padding-left: 30px;
}

#productpage .product-info .product-info-inner {
	position: sticky;
  text-align: center;
}

#productpage .product-detail .top-info .product-title {
	font-size: 1em;
  font-weight: normal;
}

#productpage .product-detail .top-info .brand {
	font-size: var(--font_h2);
  margin-top: 10px;
}

#productpage .product-detail .variants {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
}

#productpage .product-detail .variants li {
	padding: 5px;
}

#productpage .product-detail .variants li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  height: 45px;
  border: 1px solid var(--grey_border);
  font-weight: bold;
  position: relative;
}

#productpage .product-detail .variants li a i {
	position: absolute;
  top: 2px;
  right: 2px;
  font-size: 13px;
}

#productpage .product-detail .variants li:hover a,
#productpage .product-detail .variants li.active a {
	border-color: var(--black);
  color: var(--black);
}

#productpage .product-detail .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: var(--info_spacing);
  justify-content: center;
}

#productpage .product-detail .price-excl {
  font-weight: bold;
  font-size: 0.8em;
  margin-top: 2px;
  color: #aaa;
}

#productpage .product-detail .vat {
  display: block;
	font-size: 14px;
  margin-top: 7px;
  opacity: .8;
  margin-left: 70px;
  text-align: left;
  text-decoration:underline;
}

#vat-info {
	display: none;
  max-width: 900px;
  width: 100%;
}

#vat-info .title {
	font-size: var(--font_h3);
  margin-bottom: 20px;
}

#productpage .product-detail .price .price-old {
	margin-right: 10px;
  text-decoration: line-through;
}

#productpage .product-detail .price .price-new {
	font-weight: bold;
}

#productpage .product-detail .price .price-new.sale {
	color: var(--red);
}

#productpage .product-detail .usp-wrap {
	margin-top: var(--info_spacing);
  font-size: 14px;
}

#productpage .product-detail .usp-wrap li:not(:last-child) {
  margin-bottom: 15px;
}

#productpage .product-detail .usp-wrap li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#productpage .product-detail .usp-wrap li i {
	margin-right: 7px;
  font-size: .9em;
}

#productpage .product-detail .no-stock {
  width: 100%;
}
#productpage .product-detail .btn {
	height: 60px;
  width: 100%;
}
#productpage .product-detail .btn.add-wish{
	width: 60px;
  margin-right: 10px;
  background: #fff;
  border: 1px solid var(--black);
  color: var(--black);
}
#productpage .product-detail .btn.add-wish i{
	margin-right: 0;
}
#productpage .product-detail .product-content-right {
	margin-top: var(--info_spacing);
}

#productpage .product-detail .product-content-right label {
	margin-bottom: 10px;
  display: block;
}

#productpage .product-detail .product-content-right .general-content {
	font-size: 14px;
}

.white-bg .fancybox-bg {
	background: #fff;
}

.white-bg.fancybox-is-open .fancybox-bg {
	opacity: 1;
}

#productpage .brand-block {
  padding: var(--block_spacing);
  background: #f7f7f7;
  color: var(--black);
}

#productpage .brand-block .loop-slider .item-wrap .item .text {
	color: #fff;
}
  
#productpage .brand-block .text-wrap {
	max-width: 900px;
  margin: 0 auto;
}
#productpage .brand-block .text-wrap .title{
	margin-bottom: 15px;
}

#productpage .product-content .inner {
  padding: var(--block_spacing);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	background: var(--black);
  color: #fff;
}

#productpage .product-content .title-featured .title {
	color: #fff;
}

#productpage .product-content .general-content {
	max-width: 800px;
}
#productpage .product-info .product-tabs{
	margin-top: var(--info_spacing);
}
#productpage .product-info .product-tabs .tabs{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
#productpage .product-info .product-tabs .tabs li:not(:last-child){
	margin-right: 60px;
}
#productpage .product-info .product-tabs .tabs li a{
	font-weight: bold;
  text-transform: uppercase;
  opacity: 0.4;
  -webkit-transition: .15s all ease-in-out;
  -o-transition: .15s all ease-in-out;
  transition: .15s all ease-in-out;
}
#productpage .product-info .product-tabs .tabs li.active a{
	text-decoration: underline;
  opacity: 1;
}
#productpage .product-info .product-tabs .page{
	display: none;
  padding-top: 30px;
	text-align: left;
}
#productpage .product-info .product-tabs .page.active{
	display: block;
}
.toggle-text-wrap.closed .text-wrap{
	position: relative;
}
.toggle-text-wrap .page.closed .general-content{
	overflow-y: scroll;
  transition: .15s all ease-in-out;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.toggle-text-wrap .page:not(.closed) .general-content{
	max-height: unset !important;
}
.toggle-text-wrap .toggle-text{
  display: flex;
  align-items: center;
	text-align: left;
  font-weight: bold;
  margin-top: 10px;
}
.toggle-text-wrap .toggle-text i{
	margin-left: 7px;
  transition: .15s all ease-in-out;
}
.product-information {
  margin-top: var(--info_spacing);
}
.product-information .product-info-wrap:not(:last-child) {
  margin-bottom: 10px;
}
.product-information .product-info-title {
  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: 18px;
  border: 1px solid #000;
  cursor: pointer;
}
.product-information .product-info-title .plusmin:after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.product-information .product-info-wrap.active .product-info-title .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg)
}
.product-information .product-info-content {
  display: none;
  padding: 15px;
}
@media (min-width: 1200px) {
  #productpage .product-images .productpage-slider {
    margin: -5px;
  }

  #productpage .product-images .productpage-slider .image-col {
    padding: 5px;
	}
}

@media (max-width: 1199px) {
  #productpage .product-images .productpage-slider .image-col {
    padding: 0px;
  }
	#productpage {
		--images_width: 100%;
    --info_width: 100%;
    --thumbs_width: 95px;
    --thumbs_spacing: 15px;
    --info_spacing: 20px;
  }
  
  #productpage .product-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;
  }

  #productpage .product-content .general-content {
    max-width: unset;
  }
  
  #productpage .product-detail {
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	    -ms-flex-direction: column;
  	        flex-direction: column;
  }
  
  #productpage .product-images {
  	min-width: unset;
    max-width: unset;
    display: block;
  }
  
  #productpage .product-info {
    padding-top: 30px;
    padding-left: 0;
  }
}

@media (max-width: 991px) {
	#productpage {
    --info_spacing: 20px;
  }
  .product-information .product-info-title {
    padding: 15px;
  }
}

@media (max-width: 767px) {
  #productpage .product-content .inner {
    padding: var(--block_spacing);
  }
  #productpage .top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--black);
    color: #fff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 15px;
    margin: 0 -15px;
	}
  
  #productpage .product-detail .vat {
  	margin-left: 0px;
  }
  
  #productpage .product-detail .top-info .brand {
  	color: #fff;
  }
  
  #productpage {
  	overflow: hidden;
  }
  
  #productpage .product-images .productpage-slider-outer {
    min-width: unset;
    max-width: unset;
  }
  
  #productpage .product-info {
  	padding-top: 0;
  }
  
  #productpage .product-images {
  	display: unset;
    margin: 0 -15px;
  }
}
/* End productpage */

/* Product configure */
#productpage .product-detail .cart{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#productpage .product-detail .order-form,
#productpage .product-detail .cart{
	padding-top: var(--info_spacing);
}

#productpage .product-configure .product-configure-inner {
	margin: -20px 0;
}

#productpage .product-configure .product-configure-inner .option-wrap {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#productpage .product-configure .linked-options.loading {
  opacity: 0;
}

#productpage .product-configure .linked-options {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  justify-content: center;
}

#productpage .product-configure .linked-options .option {
	padding: 5px;
}

#productpage .product-configure .linked-options .option a {
	display: block;
}

#productpage .product-configure .linked-options .option.active a .image-wrap {
	border: 2px solid #000;
}

#productpage .product-configure .linked-options .option a .image-wrap {
	min-width: 80px;
  max-width: 80px;
  padding: 10%;
}

#productpage .product-configure .linked-options .option a .image-wrap img {
	width: 100%;
}

#productpage .product-configure label.label-title {
  display: block;
	font-size: 1em;
  margin-bottom: 10px;
}

#productpage .product-configure select {
	height: 50px;
  opacity: 0;
}

#productpage .product-configure .product-configure-inner .option-wrap.product-custom-text,
#productpage .product-configure .product-configure-inner .option-wrap.product-custom-textarea,
#productpage .product-configure .product-configure-inner .option-wrap.product-custom-date,
#productpage .product-configure .product-configure-inner .option-wrap.product-custom-datetime {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#productpage .product-configure input[type="text"],
#productpage .product-configure input[type="date"],
#productpage .product-configure input[type="datetime-local"],
#productpage .product-configure textarea {
	border: 2px solid rgba(0,0,0,0.07);
  height: 45px;
  border-radius: 3px;
  padding: 0 15px;
}

#productpage .product-configure textarea {
	padding: 15px;
  height: auto;
  min-height: 100px;
  min-width: 100%;
  max-width: 100%;
}
/* End product configure */

/* STOCKNOTIFY */
  @media (min-width: 768px) {
    #stocknotify-popup{
      -webkit-box-shadow: 0px -2px 5px rgb(0 0 0 / 5%);
              box-shadow: 0px -2px 5px rgb(0 0 0 / 5%);
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #fff;
      width: 100%;
      z-index: 9999;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: var(--block_spacing) 30px;
      opacity: 0;
      -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
              transform: translateY(100%);
      -webkit-transition: opacity 0s linear .35s, -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
      transition: opacity 0s linear .35s, -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
      -o-transition: transform .35s cubic-bezier(.29,.58,.32,1), opacity 0s linear .35s;
      transition: transform .35s cubic-bezier(.29,.58,.32,1), opacity 0s linear .35s;
      transition: transform .35s cubic-bezier(.29,.58,.32,1), opacity 0s linear .35s, -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
  /*     display: none;
      max-width: 600px;
      margin: 0;
      width: 100%; */
    }
    #stocknotify-popup:not(.page-loaded) {
    	display: none;
    }
    #stocknotify-popup.active {
      opacity: 1;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: opacity 0s, -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
      transition: opacity 0s, -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
      -o-transition: transform .35s cubic-bezier(.29,.58,.32,1), opacity 0s;
      transition: transform .35s cubic-bezier(.29,.58,.32,1), opacity 0s;
      transition: transform .35s cubic-bezier(.29,.58,.32,1), opacity 0s, -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
    }
  }
  #stock-notifier .input-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #stock-notifier .input-wrap input{
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
    margin-right: 10px;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
  }
  #stock-notifier .title{
    font-size: 1.5em;
    margin-bottom: 6px;
    text-transform: uppercase;
    line-height: 1.3em;
  }
  #stock-notifier .title span{
  	color: var(--accent);
  }
  #stock-notifier .general-content{
    font-size: 0.9em;
    color: #555;
    line-height: 1.7em;
    margin-bottom: 20px;
  }
  .product-actions2 .product-actions-items .add-to-cart-btn.notify-btn {
    background:#3c3c3c;
    color:#fff;
	} 
  .product-actions2 .product-actions-items .add-to-cart-btn a {
  	display:block;
  }
  .stocknotify-error {
  	color:red;
    margin-top:10px;
  }
  .stocknotify-success {
  	color:green;
    margin-top:20px;
    font-size:1.2em;
  }
  
  @media (max-width: 767px) {
    #stocknotify-popup {
      display: none;
    	padding: 0;
      padding-top: 20px;
    }
    
  	#stock-notifier .title {
      font-size: 1.4em;
    }
    
    #stock-notifier .input-wrap{
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	    -ms-flex-direction: column;
    	        flex-direction: column;
    }
    
    #stock-notifier .input-wrap input {
    	margin-right: 0;
      margin-bottom: 10px;
      height: 50px;
    }
  }
/* END STOCKNOTIFY */

/* Categories */
.categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin: -15px;
}

.categories .category {
	padding: 15px;
}

.categories .category .inner {
	display: block;
  position: relative;
  z-index: 0;
}

.categories .category .category-title {
	position: absolute;
  top: 0;
	left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  background: rgba(0,0,0,0.6);
  color: #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;
  font-size: 2em;
  font-weight: bold;
}
/* End categories */

/* Brands */
.brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin: -15px;
}

.brands .brand {
	padding: 15px;
}
/* End brands */

/* Tags */
#tags-page .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	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;
}
/* End tags */

/* messages */
.gui-messages {
	display:none !important;
}

.message-wrap {
	position:fixed;
  left:30px;
  bottom:30px;
  z-index:99999999999;
  display:none;
}

.message-wrap.active {
  display:block;
}

.message-wrap .message {
	background:#fff;
  border-radius:0px;
  padding:20px;
  width:350px;
  -webkit-box-shadow: 0px 2px 40px 8px rgba(0,0,0,0.08);
  box-shadow: 0px 2px 40px 8px rgba(0,0,0,0.08);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  font-size:1.1em;
  opacity:0;
  visibility:hidden;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.message-wrap.active .message {
	-webkit-animation: jump 1s ease 0s 1 normal ;
 	animation: jump 1s ease 0s 1 normal ;
  opacity:1;
  visibility:visible;
  -webkit-transform: translate(0px, 0);
      -ms-transform: translate(0px, 0);
          transform: translate(0px, 0);
}

.message-wrap .message .icon {
	min-width:40px;
  max-width:40px;
  height:40px;
  background:#000;
  color:#fff;
  border-radius:100%;
  text-align:center;
  line-height:40px;
  margin-right: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;
}

.message-wrap .message.error .icon {
  background: #cd3b3b;
}
.message-wrap .message.success .icon {
  background: #2ecc71;
}
.message-wrap .message.info .icon {
  background: #3ca1cd;
}

.message-wrap .text ul {
	margin:0;
  padding:0;
  list-style:none;
}

@-webkit-keyframes jump {
  0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  20%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  40%{
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
  }
  50%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  60%{
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
  }
  80%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}

@keyframes jump {
  0%{
	-webkit-transform: translateY(0);
	        transform: translateY(0);
  }
  20%{
	-webkit-transform: translateY(0);
	        transform: translateY(0);
  }
  40%{
	-webkit-transform: translateY(-30px);
	        transform: translateY(-30px);
  }
  50%{
	-webkit-transform: translateY(0);
	        transform: translateY(0);
  }
  60%{
	-webkit-transform: translateY(-15px);
	        transform: translateY(-15px);
  }
  80%{
	-webkit-transform: translateY(0);
	        transform: translateY(0);
  }
  100%{
	-webkit-transform: translateY(0);
	        transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .message-wrap {
    top: auto;
    bottom: 10px;
    z-index: 99999999999;
    left: 0;
    padding: 0px 10px;
  }
  .message-wrap .message {
    padding: 15px;
    width:100%;
  }
  .message-wrap .message .icon {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    line-height:30px;
    margin-right: 15px;
    font-size: 10px;
  }
}
/* End messages */

/* Cart */
#cart-page {
  --col_spacing: 80px;
  --cart_product_spacing: 15px;
  --cart_product_image: 60px;
  --cart_product_qty: 50px;
  --totals_width: 400px;
  --totals_padding: 40px;
  --totals_spacing: 25px;
}

#cart-page .page-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#cart-page .page-wrap .col-main {
  min-width: calc(100% - var(--totals_width));
  max-width: calc(100% - var(--totals_width));
  padding-right: var(--col_spacing);
}

#cart-page .page-wrap .col-totals {
  min-width: var(--totals_width);
  max-width: var(--totals_width);
}

#cart-page .cart-products {
  width: 100%;
}

#cart-page .cart-products tr th {
	color: var(--black);
}

#cart-page .cart-products tr th:first-child {
	text-align: left;
}

#cart-page .cart-products tr td {
	padding-top: var(--cart_product_spacing);
}

#cart-page .cart-products tr:not(:last-child) td {
  padding-bottom: var(--cart_product_spacing);
  border-bottom: 1px solid var(--grey_border);
}

#cart-page .cart-products tr td.image {
	width: var(--cart_product_image);
}
#cart-page .cart-products .image-wrap {
  background: #fff;
  border-radius: var(--border_radius);
  overflow: hidden;
  padding: 5%;
}

#cart-page .cart-products .info {
	padding-left: 15px;
}

#cart-page .cart-products .info .title {
	font-weight: bold;
  color: var(--black);
}

#cart-page .cart-products .info .extra-info {
	font-size: .9em;
  margin-top: 5px;
}

#cart-page .cart-products .info .quantity-mobile {
	margin-top: 5px;
}

#cart-page .cart-products .quantity {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#cart-page .cart-products .quantity input {
	min-width: var(--cart_product_qty);
  max-width: var(--cart_product_qty);
  height: var(--cart_product_qty);
  padding: 0;
  text-align: center;
}

#cart-page .cart-products .quantity {
	margin-left: -5px;
  margin-right: -5px;
}

#cart-page .cart-products .quantity a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  padding: 5px;
  font-size: 1.2em;
}

#cart-page .cart-products .delete {
	display: block;
  padding-left: 15px;
}

#cart-page .totals-wrap {
  padding: var(--totals_padding);
  border-radius: var(--border_radius);
}

#cart-page .totals-wrap:not(.block-grey) {
	background: #fff;
}

#cart-page .totals-wrap .gift-card {
	margin-bottom: var(--totals_spacing);
}

#cart-page .totals-wrap .add-discount,
#cart-page .totals-wrap .add-gift-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--totals_spacing);
}

#cart-page .totals-wrap .add-discount input,
#cart-page .totals-wrap .add-gift-card input {
	-webkit-box-flex: 10;
	    -ms-flex-positive: 10;
	        flex-grow: 10;
  background: #fff;
  margin-right: 10px;
}

#cart-page .totals-wrap .add-discount .submit-btn,
#cart-page .totals-wrap .add-gift-card .submit-btn {
	min-width: var(--input_height);
  max-width: var(--input_height);
  height: var(--input_height);
  background: var(--accent);
  border-radius: var(--border_radius);
  color: #fff;
  font-size: 1.4em;
  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;
}

#cart-page .totals-wrap .total-prices {
	margin-bottom: var(--totals_spacing);
  width: 100%;
}

#cart-page .totals-wrap .total-prices tr td {
	padding-bottom: 10px;
}

#cart-page .totals-wrap .total-prices tr td:first-child {
	font-weight: bold;
  color: var(--black);
}

#cart-page .totals-wrap .total-prices tr td:last-child {
	text-align: right;
}

#cart-page .totals-wrap .total-prices tr:not(:first-child) td {
	padding-top: 10px;
  border-top: 1px solid var(--grey_border);
}

#cart-page .totals-wrap .btn-wrap .btn {
	width: 100%;
}

#cart-page .totals-wrap .btn-wrap .btn:not(:last-child) {
	margin-bottom: 15px;
}

#cart-page .totals-wrap .btn-wrap .btn.to-checkout {
	background: var(--green);
}

#cart-page .totals-wrap .btn-wrap .btn.paypal {
	background: #ffc439;
  color: #003087;
}

@media (max-width: 1199px) {
	#cart-page {
    --col_spacing: 30px;
    --cart_product_spacing: 15px;
    --cart_product_image: 60px;
    --cart_product_qty: 40px;
    --totals_width: 350px;
    --totals_padding: 25px;
    --totals_spacing: 25px;
  }
}

@media (max-width: 991px) {
  #cart-page {
    --cart_product_spacing: 10px;
    --cart_product_image: 40px;
    --totals_width: 100%;
    --totals_padding: 25px;
    --totals_spacing: 25px;
  }
  
  #cart-page .page-wrap {
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	    -ms-flex-direction: column;
  	        flex-direction: column;
  }
  
  #cart-page .page-wrap .col-main {
    min-width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-bottom: var(--col_spacing);
  }
}

@media (max-width: 767px) {
  #cart-page .totals-wrap {
  	margin-left: -15px;
    margin-right: -15px;
  }
}
/* End cart */

/* general */
.plusmin {
  width: 10px;
  height: 10px;
  position: relative;
}

.plusmin:before,
.plusmin:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.filter-wrap .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.filter-wrap.open .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

.filter-wrap.open.active .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.filter-wrap.active .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

.btn i {
  margin-right: 10px;
}


/* Header */
#header {
  --nav_spacing: 30px;
}

#header.fixed .header-fixed-wrap {
	z-index: 9999;
}

#header.fixed .header-fixed-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

#header .main-header {
  background: #fff;
/*   -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); */
  z-index: 9999;
}

#header .main-header .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 90px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* 
#header .main-header .header-col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
} */
/* 
#header .main-header .header-col.search-col {
  justify-content: center;
}

#header .main-header .header-col.icons-col {
  justify-content: flex-end;
} */

#header .header-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#header .header-col.logo-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#header .header-col.search-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#header .main-header .logo {
  margin-right: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .main-header .logo img {
  height: 30px;
}

#header .main-header ul.main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 30px;
}

#header .main-header ul.main-nav > li,
#header .main-header ul.main-nav > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header .main-header ul.main-nav > li > a {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
  text-transform: uppercase;
  color: var(--black);
}

#header .main-header ul.main-nav > li > a:hover {
  color: var(--black);
  outline: none;
}

#header .main-header ul.main-nav > li > a span::before {
  content: '';
}

#header .main-header ul.main-nav > li > a span::before, 
#header .main-header ul.main-nav > li > a span::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
}

#header .main-header ul.main-nav > li > a:hover span::before {
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

#header .main-header ul.main-nav > li > a span::before {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#header .main-header ul.main-nav > li:not(:last-child) {
  margin-right: var(--nav_spacing);
}

#header .main-header ul.main-nav > li.active > a span:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--black);
}

#header .main-header ul.main-nav > li > a span {
  position: relative;
}

#header .main-header ul.main-nav > li:hover .subnav {
  opacity: 1;
  visibility: visible;
}

#header .subnav {
	position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0px 2px 5px rgb(0 0 0 / 5%);
          box-shadow: 0px 2px 5px rgb(0 0 0 / 5%);
  padding: 30px 0;
  border-top: 1px solid var(--grey_border);
}

#header .subnav .container {
	max-width: 1500px;
}


#header .subnav .subnav-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  margin: -25px;
}

#header .subnav .col {
	padding: 25px;
}

#header .subnav .col.col-links {
	-webkit-box-flex: 10;
	    -ms-flex-positive: 10;
	        flex-grow: 10;
}

#header .subnav .col.col-image {
	min-width: 450px;
  max-width: 450px;
}

#header .subnav .links-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -25px;
}

#header .subnav .links-wrap ul {
	padding: 25px;
  font-size: 14px;
}

#header .subnav .links-wrap ul li:not(:last-child) {
	margin-bottom: 10px;
}

#header .subnav .links-wrap ul li.sub-title {
	font-weight: bold;
  color: var(--black);
  text-transform: uppercase;
  font-size: 1.2em;
}

#header .subnav .links-wrap ul li.sub-title:not(:first-child) {
	margin-top: 30px;
}

#header .subnav .links-wrap ul li.active a,
#header .subnav .links-wrap ul li a:hover {
	text-decoration: underline;
  color: var(--black);
}

#header .subnav .image img {
	width: 100%;
  height: auto;
}

#header .main-header .header-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#header .main-header .search-wrap {
  width: 100%;
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header .main-header .search-wrap form {
  width: 100%;
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
          transform: skewX(-10deg);
  position: relative;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header .main-header .search-wrap form > * {
	-webkit-transform: skewX(10deg);
      -ms-transform: skewX(10deg);
          transform: skewX(10deg);
}

#header .main-header .search-wrap form input {
  width: 100%;
  padding-left: 15px;
  background: transparent;
  border: none;
  height: auto;
  font-style: italic;
  font-size: 14px;
}

#header .main-header .search-wrap form a {
  height: auto;
  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-size: 16px;
  padding-left: 30px;
}

#header .main-header .header-icons li:first-child {
  margin-left: 30px;
}

#header .main-header .header-icons li:not(:last-child) {
  margin-right: 40px;
}

#header .main-header .header-icons li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header .main-header .header-icons li a i {
  font-size: 20px;
  color: var(--black);
}

#header .main-header .header-icons li a .i-wrap {
  position: relative;
  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 a .i-wrap i {
  padding-right: 3px;
}

#header .main-header .header-icons li a .i-wrap .qty {
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #000;
  border-radius: 50%;
  font-size: 12px;
}

#header .open-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  padding: 15px;
  font-size: 30px;
}

#header .search-wrap-mobile {
  background: #fff;
  -webkit-box-shadow: 0px 2px 5px rgb(0 0 0 / 5%);
          box-shadow: 0px 2px 5px rgb(0 0 0 / 5%);
  z-index: 9999;
}

#header .search-wrap-mobile form {
  position: relative;
}

#header .search-wrap-mobile form,
#header .search-wrap-mobile form input {
  width: 100%;
}

#header .search-wrap-mobile form a {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--input_height);
  height: var(--input_height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 18px;
}

@media (max-width: 1699px) {
	#header {
  	--nav_spacing: 15px;
  }
  #header .main-header ul.main-nav {
  	font-size: 14px;
  }
  
  #header .main-header .header-icons li:not(:last-child) {
  	margin-right: 30px;
  }
  
  #header .main-header .logo {
  	margin-right: 30px;
  }
}

@media (max-width: 1199px) {
  #header .main-header {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 1px solid var(--grey_border);
  }
  
  #header .header-col.icons-col {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  
  #header .main-header .inner {
    height: 70px;
  }
  
  #header .main-header .logo {
    margin-left: 20px;
  }
  
  #header .search-wrap-mobile form input {
    font-style: italic;
    font-size: 14px;
    color: #333333;
    border: none;
    padding: 0px;
  }
}

@media (max-width: 991px) {
  #header .main-header .menu-col {
    background: var(--black);
    -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
    color: #fff;
  }
  #header .open-menu {
    -webkit-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
            transform: skewX(10deg);
    margin: 0px;
  }
  #header .main-header .menu-col:after {
    content: '';
    top: 0;
    width: 100vw;
    height: 100%;
    background-color: var(--black);
    position: absolute;
    right: calc(100% - 2px);
  }
}

@media (max-width: 767px) {
  #header .main-header .container {
    padding-left: 0px;
  }
  
  #header .main-header .logo img {
    height: 20px;
  }
  
  #header .main-header .header-icons li:not(:last-child) {
    margin-right: 20px;
  }
}

@media (max-width: 500px) {
  #header .main-header .logo {
    margin-left: 10px;
    margin-right: 0px;
  }
  #header .main-header .inner {
    height: 50px;
  }
}
/* End header */

/* Live search */
.live-search {
  --live_search_spacing: 30px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  border-top: 1px solid var(--grey_border);
  padding: var(--live_search_spacing) 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s cubic-bezier(.29,.58,.32,1);
  -o-transition: opacity .35s cubic-bezier(.29,.58,.32,1);
  transition: opacity .35s cubic-bezier(.29,.58,.32,1);
}

.live-search.active {
	opacity: 1;
  visibility: visible;
}

.live-search .search-query {
  font-size: var(--font_h3);
  margin-bottom: var(--live_search_spacing);
}

.live-search .results-btn {
	margin-top: var(--live_search_spacing);
  width: 100%;
}

.live-search .results-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.live-search .search-categories {
	min-width: 300px;
  max-width: 300px;
  padding-right: 50px;
}

.live-search .search-categories li.title {
	font-weight: bold;
  margin-bottom: 15px;
}

.live-search .search-categories li:not(:last-child) {
	margin-bottom: 10px;
}

.live-search .search-categories li a:hover {
 	text-decoration: underline; 
}

.live-search .search-categories li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.live-search .search-categories li a span {
  font-size: 12px;
  opacity: .8;
  margin-bottom: 2px;
}

.live-search .search-products {
	-webkit-box-flex: 10;
	    -ms-flex-positive: 10;
	        flex-grow: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -20px;
}

.live-search .search-products li {
	padding: 20px;
}

.live-search .search-products li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.live-search .search-products li a .image-wrap {
	min-width: 80px;
  max-width: 80px;
  margin-right: 15px;
}

.live-search .search-products li a .info .title {
	font-size: .9em;
}

.live-search .search-products li a .info .brand {
  font-size: 1em;
	font-weight: bold;
  margin-top: 5px;
}

.live-search .search-products li a .info .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	margin-top: 10px;
}

.live-search .search-products li a .info .price .price-old {
	text-decoration: line-through;
  margin-right: 10px;
}

.live-search .search-products li a .info .price .price-new {
	font-weight: bold;
}

.live-search .search-products li a .info .price .price-new.sale {
	color: var(--red);
}

.live-search .search-products li:nth-child(n+13) {
  display: none;
}

@media (max-width: 1199px) {
	.live-search .search-products li:nth-child(n+10) {
  	display: none;
  }
  
  .live-search .search-categories {
    min-width: 200px;
    max-width: 200px;
    padding-right: 30px;
	}
}

@media (max-width: 991px) {
  .live-search .search-categories li:nth-child(n+6) {
  	display: none;
  }
  
  .live-search .results-inner {
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	    -ms-flex-direction: column;
  	        flex-direction: column;
  }
  
  .live-search .search-categories {
    min-width: 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-bottom: 20px;
	}
}

@media (max-width: 767px) {
  .live-search {
  	--live_search_spacing: 20px;
  }
  
  .live-search .search-categories {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -5px;
  }
  
  .live-search .search-categories li {
    margin: 0 !important;
  	padding: 5px;
    width: 50%;
  }
  
  .live-search .search-categories li.title {
  	width: 100%;
  }
  
  .live-search .search-products li:nth-child(n+5) {
  	display: none;
  }
  
	.live-search .search-products {
    margin: -10px;
  }

  .live-search .search-products li {
    padding: 10px;
  }

  .live-search .search-products li a .image-wrap {
    min-width: 40px;
    max-width: 40px;
    margin-right: 15px;
  }
}
/* End live search */

/* Mobile menu */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 300px;
  background: #fff;
  z-index: 99999;
  overflow-x: hidden;
  -webkit-transform: translate(-300px, 0px);
      -ms-transform: translate(-300px, 0px);
          transform: translate(-300px, 0px);
  -webkit-transition: -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
  transition: -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
  -o-transition: transform .35s cubic-bezier(.29,.58,.32,1);
  transition: transform .35s cubic-bezier(.29,.58,.32,1);
  transition: transform .35s cubic-bezier(.29,.58,.32,1), -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
  --top_wrap_size: 70px;
  --spacing: 30px;
}

.mobile-menu.mobile-menu-open {
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
.body-wrap.mobile-menu-open {
  -webkit-transform: translate(300px, 0px);
      -ms-transform: translate(300px, 0px);
          transform: translate(300px, 0px);
}

.mobile-menu-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  z-index:99999;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  -webkit-transition: all .35s cubic-bezier(.29,.58,.32,1);
  -o-transition: all .35s cubic-bezier(.29,.58,.32,1);
  transition: all .35s cubic-bezier(.29,.58,.32,1);
}

.mobile-menu-overlay.mobile-menu-open {
  opacity:1;
  visibility:visible;
}

.mobile-menu .top-wrap {
  background: var(--black);
  color: #fff;
  height: var(--top_wrap_size);
  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;
}

.mobile-menu .top-wrap .title {
  font-size: 1.3em;
  margin-left: var(--spacing);
  color: #fff;
}

.mobile-menu .top-wrap .close-menu {
  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: var(--top_wrap_size);
  height: var(--top_wrap_size);
  background: rgba(255, 255, 255, 0.15);
  font-size: 20px;
}

/* .mobile-menu .logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 80px;
  border-bottom: 1px solid #eee;
}

.mobile-menu .logo img {
  width: 100%;
  height: auto;
}

.mobile-menu .login-wrap {
  padding: 15px;
  border-bottom: 1px solid #eee;
}

.mobile-menu .login-wrap ul {
  margin: -5px 0;
}

.mobile-menu .login-wrap ul li {
  padding: 5px 0;
}

.mobile-menu .login-wrap ul li a {
  display: flex;
  align-items: center;
  height: 45px;
  background: #f7f7f7;
  padding: 10px;
  font-weight: bold;
}

.mobile-menu .login-wrap ul li a .icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  border-radius: 50%;
  background: rgba(0,0,0,0.07);
  margin-right: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

.mobile-menu .login-wrap ul li.loggedin {
  display: flex;
  align-items: center;
}

.mobile-menu .login-wrap ul li.loggedin a.account-link {
  flex-grow: 10;
}

.mobile-menu .login-wrap ul li.loggedin a.logout-link {
  padding: 0;
  background: none;
  margin-left: 15px;
}

.mobile-menu .login-wrap ul li.loggedin a.logout-link .icon-wrap {
  margin: 0;
} */

.mobile-menu .categories-wrap {
  padding: 15px;
}

.mobile-menu .categories-wrap > ul {
  margin: -7px 0;
}

.mobile-menu .categories-wrap > ul > li > .cat-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-weight: bold;
}

.mobile-menu .categories-wrap > ul > li > .cat-inner > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 0;
}

.mobile-menu .categories-wrap > ul > li > .cat-inner > a {
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

.mobile-menu .categories-wrap > ul > li > .cat-inner > a.more-cats {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  width: 30px;
}

.mobile-menu .categories-wrap a.more-cats .plusmin {
  width: 10px;
  height: 10px;
  position: relative;
}

.mobile-menu .categories-wrap a.more-cats .plusmin:before,
.mobile-menu .categories-wrap a.more-cats .plusmin:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.mobile-menu .categories-wrap a.more-cats .plusmin:after{
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.mobile-menu .categories-wrap li.active > .cat-inner > a.more-cats .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

.mobile-menu .categories-wrap ul.subs {
  display: none;
  padding-left: 15px;
  border-left: 2px solid #eee;
  font-size: .95em;
}

.mobile-menu .categories-wrap ul.subs.active {
  display: block;
}

.mobile-menu .categories-wrap ul.subs li {
  opacity: .8;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.mobile-menu .categories-wrap ul.subs li .plusmin {
  opacity: 0.6;
}

.mobile-menu .categories-wrap ul.subs li.active,
.mobile-menu .categories-wrap ul.subs li.active .plusmin {
  opacity: 1;
}

.mobile-menu .categories-wrap ul.subs li.active > .cat-inner > a {
  font-weight: bold;
}

.mobile-menu .categories-wrap ul.subs li .cat-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-menu .categories-wrap ul.subs li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

.mobile-menu .categories-wrap ul.subs li a.more-cats {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  width: 30px;
}

.mobile-menu .extra-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px;
  border-top: 1px solid #eee;
  font-weight: bold;
}

.mobile-menu ul.shop-settings .flag {
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #eee;
  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;
}

.mobile-menu ul.shop-settings .flag img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 30px;
  height: 30px;
}


.mobile-menu ul.shop-settings .icon-wrap {
  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;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  border-radius: 50%;
  background: rgba(0,0,0,0.07);
  margin-right: 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.mobile-menu ul.shop-settings > li > .inner,
.mobile-menu ul.shop-settings > li > .inner .cur-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-menu ul.shop-settings .flag,
.mobile-menu ul.shop-settings .icon-wrap {
  margin-right: 10px;
}

.mobile-menu ul.shop-settings > li > .inner > a {
  font-weight: bold;
  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%;
  padding: 15px;
  border-top: 1px solid #eee;
}

.mobile-menu ul.shop-settings > li > .inner .more-cats i {
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.mobile-menu ul.shop-settings > li.active > .inner .more-cats i {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.mobile-menu ul.shop-settings ul.subs {
  display: none;
  padding: 15px;
  padding-top: 0px;
}

.mobile-menu ul.shop-settings ul.subs li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
}

@media (max-width: 500px){
  .mobile-menu {
    --top_wrap_size: 50px;
    --spacing: 30px;
  }
}
/* End mobile menu */

/* Languages popup */
.languages-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 99999;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .35s cubic-bezier(.29,.58,.32,1);
  -o-transition: all .35s cubic-bezier(.29,.58,.32,1);
  transition: all .35s cubic-bezier(.29,.58,.32,1);
}
.languages-popup-overlay.language-open {
  opacity: 1;
  visibility: visible;
}

.languages-popup {
  --top_wrap_size: 90px;
  --spacing: 30px;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 400px;
  background: #fff;
  z-index: 99999;
  overflow-x: hidden;
  -webkit-transform: translate(400px, 0px);
      -ms-transform: translate(400px, 0px);
          transform: translate(400px, 0px);
  -webkit-transition: -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
  transition: -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
  -o-transition: transform .35s cubic-bezier(.29,.58,.32,1);
  transition: transform .35s cubic-bezier(.29,.58,.32,1);
  transition: transform .35s cubic-bezier(.29,.58,.32,1), -webkit-transform .35s cubic-bezier(.29,.58,.32,1);
}

.languages-popup.language-open {
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.languages-popup .top-wrap {
  background: var(--black);
  color: #fff;
  height: var(--top_wrap_size);
  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;
}

.languages-popup .top-wrap .title {
  font-size: 1.3em;
  margin-left: var(--spacing);
  color: #fff;
}

.languages-popup .top-wrap .close-popup-language {
  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: var(--top_wrap_size);
  height: var(--top_wrap_size);
  background: rgba(255, 255, 255, 0.15);
  font-size: 20px;
}

.languages-popup .main-wrap {
  padding: var(--spacing);
}

.languages-popup .main-wrap .text {
  padding-bottom: var(--spacing);
}

.languages-popup .shop-setting-dropdown {
  position: relative;
  margin-bottom: 20px;
  z-index: 0;
}

.languages-popup .shop-setting-dropdown.active {
  z-index: 1;
}

.languages-popup .shop-setting-dropdown .active-value {
  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;
  border: 2px solid #000;
  padding: 0 15px;
  height: 60px;
  cursor: pointer;
}

.languages-popup .shop-setting-dropdown .active-value i {
  font-size: 16px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.languages-popup .shop-setting-dropdown.active .active-value i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.languages-popup .shop-setting-dropdown .active-value .value-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.languages-popup .shop-setting-dropdown .options-wrap {
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  width: 100%;
  background: #fff;
  border: 2px solid #000;
  border-top: 0;
  z-index: 9;
  display: none;
}

.languages-popup ul.dropdown-options {
  max-height: 180px;
  overflow-y: scroll;
}

.languages-popup ul.dropdown-options li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-top: 1px solid #000;
}

.languages-popup ul.dropdown-options.currencies li a {
  padding: 10px 15px;
}

.languages-popup .shop-setting-dropdown .icon-val {
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  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-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  background: #262626;
}

.languages-popup .shop-setting-dropdown .icon-val span {
  color: #fff;
}

@media (max-width: 1199px) {
  .languages-popup {
    --top_wrap_size: 70px;
    --spacing: 30px;
  }
  .languages-popup .top-wrap {
    height: 70px;
  }
}
  

/* @media (max-width: 767px) {
  .languages-popup .top-wrap {
    padding-bottom: 30px;
  }
} */

@media (max-width: 500px) {
  .languages-popup {
  --top_wrap_size: 50px;
  --spacing: 20px;
    width: 80vw;
  }
  .languages-popup .top-wrap {
    padding-bottom: 0px;
    height: 50px;
  }
  
}
/* End Language popup */

/* Cart popup */
.cart-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s cubic-bezier(.29,.58,.32,1);
  -o-transition: opacity .35s cubic-bezier(.29,.58,.32,1);
  transition: opacity .35s cubic-bezier(.29,.58,.32,1); 
}

.cart-popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

.cart-popup {
  --top_wrap_size: 90px;
  --spacing: 30px;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 99999;
  background: #fff;
  width: 400px;
  height: 100%;
  transition: transform .35s cubic-bezier(.29,.58,.32,1), -webkit-transform .35s cubic-bezier(.29,.58,.32,1); 
}

.cart-popup.active {
  -webkit-transform: translateX(-400px);
      -ms-transform: translateX(-400px);
          transform: translateX(-400px);
}

.cart-popup .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.cart-popup .top-wrap {
  background: var(--black);
  color: #fff;
  height: var(--top_wrap_size);
  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;
}

.cart-popup .top-wrap .title {
  font-size: 1.3em;
  margin-left: var(--spacing);
  color: #fff;
}

.cart-popup .top-wrap .close-cart {
  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: var(--top_wrap_size);
  height: var(--top_wrap_size);
  background: rgba(255, 255, 255, 0.15);
  font-size: 20px;
}

.cart-popup .main-wrap {
  padding: var(--spacing);
  height: calc(100% - (var(--top_wrap_size)*2));
  overflow-y: scroll;
}

.cart-popup .main-wrap table {
  width: 100%;
}

.cart-popup .main-wrap table tr:not(:first-child) td {
  padding-top: 20px;
}

.cart-popup .main-wrap table tr .image,
.cart-popup .main-wrap table tr .image-wrap {
  width: 60px;
}

.cart-popup .main-wrap table tr .image-wrap {
  padding: 5%;
}

.cart-popup .main-wrap table tr .info {
  padding: 0 15px;
}

.cart-popup .main-wrap table tr .info .title {
  font-weight: bold;
  font-size: 13px;
  color: var(--black);
}

.cart-popup .main-wrap table tr .info .price {
  margin-top: 5px;
  font-weight: bold;
  font-size: 13px;
  color: var(--accent);
}

.cart-popup .main-wrap table tr .delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  height: 20px;
  font-size: 18px;
  color: #666;
}

.cart-popup .bottom-wrap {
  margin-top: auto;
  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;
  height: calc(var(--top_wrap_size) - 30px);
  min-height: 50px;
  background: var(--black);
  color: #fff;
}

.cart-popup .bottom-wrap .subtotal {
  font-size: 1.1em;
  font-weight: bold;
  padding-left: var(--spacing);
}

.cart-popup .bottom-wrap .subtotal span {
  font-size: 14px;
}

.cart-popup .bottom-wrap .continue {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 var(--spacing);
  font-weight: bold;
  font-size: 1em;
  background: var(--green);
  height: 100%;
}

.cart-popup .bottom-wrap .continue i {
  margin-left: 7px;
  font-size: 1.2em;
  line-height: 1em;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.cart-popup .bottom-wrap .continue:hover i {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

@media (max-width: 767px) {
    .cart-popup {
    --top_wrap_size: 70px;
    --spacing: 15px;
  }
}

@media (max-width: 499px) {
  .cart-popup {
    --top_wrap_size: 50px;
    --spacing: 15px;
    width: 80vw;
    height: 100%;
    transition: transform .35s cubic-bezier(.29,.58,.32,1), -webkit-transform .35s cubic-bezier(.29,.58,.32,1); 
  }

  .cart-popup.active {
    -webkit-transform: translateX(-80vw);
        -ms-transform: translateX(-80vw);
            transform: translateX(-80vw);
  }
  
  .cart-popup .main-wrap table tr .image,
  .cart-popup .main-wrap table tr .image-wrap {
    width: 50px;
  }
  
  .cart-popup .bottom-wrap {
    font-size: .9em;
  }
}
/* End cart popup */

/* Footer */
#footer {
  --small_spacing: 10px;
  --normal_spacing: 20px;
  --big_spacing: 40px;
  font-size: 0.875em;
}
#footer .main-footer {
  color: var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}

#footer .main-footer .footer-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footer .main-footer .footer-cols-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

#footer .main-footer .footer-col.logo {
  height: 90px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: rgba(0, 0, 0, 0.15);
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
          transform: skewX(-10deg);
  margin-left: -5px;
}

#footer .main-footer .footer-col.logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: skewX(10deg);
      -ms-transform: skewX(10deg);
          transform: skewX(10deg);
}

#footer .main-footer .logo img {
  padding: 0px 20px 0px 25px;
  height: 30px;
}

#footer .main-footer ul.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
/*   margin-left: var(--normal_spacing); */
}

#footer .main-footer .socials li i {
  height: 45px;
  width: 45px;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  color: var(--black);
  font-size: 20px;
  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;
}

#footer .main-footer .socials li:not(:last-child) {
  margin-right: var(--small_spacing);
}

#footer .main-footer .footer-col.contact {
  margin-left: var(--big_spacing);
}

#footer .main-footer .footer-col.links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#footer .main-footer .footer-col.links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
/*   padding: 0px 30px; */
}

#footer .main-footer .footer-col.links ul li:not(:last-child) {
  margin-right: var(--small_spacing);
}

#footer .footer-mobile .footer-col-mobile {
  border-bottom: 1px solid var(--grey_border);
}

#footer .footer-mobile .footer-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-family: 'Montserrat', sans-serif;
  text-transform: none;
  font-weight: bold;
  padding-top: var(--normal_spacing);
  margin-bottom: var(--normal_spacing);
}

#footer .footer-mobile .footer-title .plusmin {
  width: 12px;
  height: 12px;
  position: relative;
}

#footer .footer-mobile .footer-title .plusmin:before,
#footer .footer-mobile .footer-title .plusmin:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

#footer .footer-mobile .footer-title .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

#footer .footer-mobile .footer-links-wrap.active .footer-title .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

#footer .footer-mobile .footer-content {
  display: none;
  margin-bottom: var(--small_spacing);
}

#footer .footer-mobile ul li:not(:last-child) {
  padding-bottom: var(--small_spacing);
}

#footer .footer-bottom {
  padding: 20px 0;
}

#footer .footer-bottom .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;
}

#footer .footer-bottom .newsletter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footer .footer-bottom .newsletter-wrap .footer-title {
  font-weight: bold;
}

#footer .footer-bottom .newsletter-wrap form {
  border-bottom: 1px solid var(--grey_border);
  margin-left: var(--small_spacing);
}

#footer .footer-bottom .newsletter-wrap form i {
  font-size: 16px;
}

#footer .footer-bottom .newsletter-wrap input {
  height: 30px;
  border: none;
  padding: 0px;
  width: 250px;
}

#footer .footer-bottom .payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: -2px;
}

#footer .footer-bottom .payments li {
  padding: 2px;
}

#footer .footer-bottom .payments li a {
  display: inline-block;
}

#footer .footer-bottom .payments li img {
  height: 30px;
}

@media(max-width:1599px) {
/*   #footer .main-footer .footer-col.links {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  } */
/*     #footer .main-footer .footer-col.links ul {
    padding: 0 20px;
  } */
  
    #footer .main-footer .footer-col.logo {
    height: 100px;
  }
  #footer .main-footer .footer-col.contact{
  	margin-left: var(--small_spacing);
  }
}
@media(max-width: 1299px) and (min-width: 1200px){
  #footer .main-footer .socials li i{
  	height: 35px;
    width: 35px;
  }
  #footer .main-footer .footer-col.contact{
  	font-size: 90%;
  }
  #footer .main-footer .footer-col.links{
  	font-size: 90%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 10px;
  }
}
@media(max-width:1199px) {
  #footer .main-footer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #footer .main-footer ul.socials {
    margin-right: var(--normal_spacing);
  }
  #footer .main-footer .footer-col.logo {
    height: 90px;
  }
  #footer .main-footer .footer-cols-wrap {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
  }
}

@media (max-width: 991px) {
  #footer {
    --small_spacing: 7px;
    --normal_spacing: 20px;
    --big_spacing: 40px;
    font-size: 1em;
  }
  #footer .main-footer .footer-col.logo {
    height: 60px;
  }
  
  #footer .main-footer .logo img {
    height: 20px;
  }
  
  #footer .main-footer .socials li i {
    height: 40px;
    width: 40px;
  }
  
  #footer .main-footer .footer-links-wrap {
    border-bottom: 1px solid #e4e4e4;
    padding: 15px 0;
  }
  
  #footer .main-footer .footer-title {
    margin: 0;
  }
  
  #footer .footer-bottom .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  
  #footer .footer-bottom {
    padding: 20px 0px 15px;
  }
  
  #footer .footer-bottom .newsletter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  #footer .footer-bottom .newsletter-wrap form {
    padding: 5px 0px;
    margin-left: 0;
    width: 100%;
    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 .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  #footer .footer-bottom .payments {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 15px 0px;
  }
}

@media (max-width: 767px){
  #footer .main-footer ul.socials {
    margin-right: 10px;
  }
}
/* End footer */

/* Usp bar */
/* .uspbar {
  padding: 30px 0px;
} */
.uspbar .inner {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
}

.uspbar .inner .usp-text {
  text-align: center;
}
@media(max-width: 991px){
	.uspbar{
  	padding: 0;
  }
}
@media (max-width: 767px) {
  .uspbar .inner {
    padding: 15px 0;
  }
}
/* End usp bar */

/* Breadcrumbs */
.breadcrumbs {
  font-weight: 500;
  margin: 20px 0px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  font-size: 0.9em;
  color: var(--black);
  opacity: 0.8;
  text-transform: lowercase;
}

.breadcrumbs a.home,
.breadcrumbs .crumb {
  display: inline;
}

.breadcrumbs .crumb span {
  margin: 0 10px;
  color: var(--black);
}
/* End breadcrumbs */

/* Collection filters */
.price-filter {
  max-width:200px;
}

.price-filter a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.collection-filter-price {
  height: 5px;
  border: none;
  margin: 0px;
  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: 15px;
  height: 15px;
  border-radius: 100%;
  border: 0;
  top: -5px;
  cursor: col-resize;
  border: none;
  background-color: #fff;
  border: 2px solid #756A55;
  outline: none;
  z-index:9;
}

.collection-filter-price .ui-slider-handle:last-child {
  margin-left:-10px;
}

.collection-filter-price:after {
  display:block;
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:5px;
  background:#eee;
}

.price-filter-range {
  margin-top: 10px;
  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 .min,
.price-filter-range .max {
  display: inline-block;
}

.price-filter-range .min span,
.price-filter-range .max span {
  font-weight: 600;
}

.price-filter-range .max {
  margin-left: 15px;
}

.filter-wrap {
  border-bottom: 1px solid var(--grey_border);
  margin-bottom: 20px;
}

.filter-wrap:last-child {
  margin-bottom: 0;
}

.filter-wrap .filter-title {
  margin-bottom: 20px;
}

.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;
  margin: -10px 0;
}

#collection .sidebar .filter-item:last-child {
  margin-bottom: 20px;
}
/* End collection filters */

/* Dropdown */
.ui.selection.dropdown {
  height: 50px;
  min-height: unset;
  border: 1px solid var(--black);
  line-height: 50px;
  border-radius: 0px;
  padding: 0 20px;
}

.ui.dropdown>.text {
  font-weight: bold;
}

.ui.selection.visible.dropdown>.text:not(.default) {
  font-weight: bold;
  color: rgba(0,0,0,.8);
}

.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;
  font-weight: 700;
  font-size: 1em;
  color: var(--black);
  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;
}

.ui.dropdown>.dropdown.icon:before {
  content: "\f119";
  font-family: uicons-regular-rounded!important;
  font-style: normal;
  font-weight: 400!important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.ui.selection.dropdown:hover,
.ui.selection.active.dropdown,
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown .menu,
.ui.selection.active.dropdown .menu:hover,
.ui.selection.active.dropdown:hover .menu,
.ui.selection.dropdown:focus {
  border-color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu {
  border-color: #000;
}

.ui.selection.dropdown .menu {
  width: 100%;
  margin: 0 -1px;
  border-radius: 0;
  max-height: 14em;
}

.ui.selection.dropdown .menu>.item {
  padding: 10px 20px !important;
  line-height: 2em;
  font-size: .8em;
  border-top: 1px solid #000;
}
/* End dropdown */

/* Checkbox */
.checkbox {
  margin: 0;
}

.ui.checkbox {
  font-size: .9em;
  display: block;
  padding: 8px 0;
}

.ui.checkbox .box,
.ui.checkbox label {
  padding-left: 1.8em;
  cursor: pointer;
  font-size: 15px;
  line-height: 18px;
  color: #000 !important;
  font-weight: 300;
}

.ui.checkbox input:checked ~ label,
.ui.checkbox label:hover,
.ui.checkbox+label:hover {
  color: #000 !important;
}

.ui.checkbox label span {
  font-size: 12px;
  color: #aaa;
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after,
.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after{
  color: #fff !important;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
}

.ui.checkbox:not(.radio) .box:before, 
.ui.checkbox:not(.radio) label:before {
  border-radius: 2px !important;
}

.ui.checkbox label:before,
.ui.checkbox input:checked:focus~.box:before,
.ui.checkbox input:checked:focus~label:before,
.ui.checkbox input:indeterminate:focus~.box:before,
.ui.checkbox input:indeterminate: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 {
  border-color: #000 !important;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.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 {
  background: #000;
  border-color: #000 !important;
}

.ui.checkbox .box:hover:before,
.ui.checkbox label:hover:before {
  border-color: #000 !important;
}
/* End checkbox */

/* Collection */
#collection .page-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#collection .main-col {
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

#collection .sidebar {
  min-width: 250px;
  max-width: 250px;
  margin-right: 70px;
  position: relative;
}

#collection .sidebar .top-wrap {
  display: none;
}

#collection .sidebar .filter-title {
  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;
  text-transform: uppercase;
  font-weight: bold;
/*   border-bottom: 1px solid var(--grey_border);
  padding-bottom: 15px;
  margin-bottom: 20px; */
  cursor: pointer;
}

#collection .sidebar .filter-items .filter-item input {
  display: none;
}

#collection .sidebar .filter-wrap.open .open-close-box {
  display: block;
}

#collection .sidebar .open-close-box {
  padding: 10px 0px;
  display: none;
}

#collection .sidebar .filter-item {
  margin-bottom: 8px;
  font-size: 0.8em;
}

#collection .sidebar .filter-item label {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

#collection .sidebar .filter-item label:hover {
  padding-left: 5px;
  font-weight: bold;
}
#collection .sidebar .filter-item input:checked ~ label {
  padding-left: 5px;
  font-weight: bold;
}

#collection .sort .custom-select{
	border: unset;
}
#collection .main-col .collection-content.top{
  margin-bottom: 30px;
  text-align: center;
}
.collection-top {
  color: var(--black);
  background: #fff;
  margin-bottom: 30px;
}

.collection-top .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;
}

/* .collection-top .breadcrumbs,
.collection-top .breadcrumbs .crumb span {
    color: #fff;
} */

.collection-top .breadcrumbs {
  margin-bottom: 10px;
  margin-top:0px;
}

.collection-top .title-featured {
  margin-bottom: 0px;
}

.collection-top .title-featured .title {
  font-size: 1.7em;
}
  
.collection-top .top-right {
  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;
  padding: 30px 0px;
}

.collection-top .top-left {
  padding: 30px 0px;
}

#collection .collection-top .top-right .filter-btn {
  display: none;
  cursor: pointer;
}

#collection .main-col .sort-bottom {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--grey_border);
}

#collection .main-col .sort-bottom .title-featured {
  margin-bottom: 20px;
}

#collection .main-col .sort-bottom .general-content { 
  margin-bottom: 40px;
}

@media (max-width: 1199px) {
  #collection .sidebar {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 300px;
    max-width: 300px;
    background: #fff;
    z-index: 9999;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: scroll;
    --top_wrap_size: 70px;
    --spacing: 30px;
  }
  
  #collection .sidebar .main-wrap {
    padding: var(--spacing);
  }
  
  #collection .collection-top .top-right .filter-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    margin-right: 10px;
  }
  
  #collection .collection-top .top-right .filter-btn i {
    font-size: 14px;
  }
  
  #collection .collection-top .top-righ .btn.white {
    border: 1px solid var(--black);
  }
  
  #collection .sidebar.active {
  -webkit-box-shadow: 5px 0 10px 0 rgba(0,0,0,0.05);
          box-shadow: 5px 0 10px 0 rgba(0,0,0,0.05);
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  }
  
  #collection .sidebar-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: 9999;
  }
  
  #collection .sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  
  #collection .sidebar .top-wrap {
    background: var(--black);
    color: #fff;
    height: var(--top_wrap_size);
    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;
  }
  
  #collection .sidebar .top-wrap .title {
    font-size: 1.3em;
    margin-left: var(--spacing);
    color: #fff;
  }
  
  #collection .sidebar .top-wrap .close-sidebar {
    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: var(--top_wrap_size);
    height: var(--top_wrap_size);
    background: rgba(255, 255, 255, 0.15);
    font-size: 20px;
  }
}

@media (max-width: 767px){
  .collection-top {
    margin-bottom: 0px;
    --title_featured_title: 18px;
    --btn_icon_font_size: 1.2em;
  }
  
  #collection .sidebar {
    --top_wrap_size: 50px;
  }
  
  #collection .sidebar .main-wrap {
    padding: 20px;
  }
  
  .collection-top .top-left {
    padding: 0px 0px;
  }
  
  .collection-top .top-right {
    background: #000;
    -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
    color: #fff;
    padding: 0px 0px;
    height: 45px;
    margin-right: -20px;
  }
  
  .collection-top .top-right .filter-btn {
    -webkit-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
            transform: skewX(10deg);
    background: transparent;
    cursor: pointer;
  }
  
  .sidebar .sort-block {
    padding-bottom: 30px;
  }
  
  .sidebar .sort-block .ui.selection.dropdown {
    width: 100%;
  }
} 
/* End collection */

/* Service */
#service-page {
  --spacing: 30px;
}

#service-page .service-title {
  background: var(--black);
  margin-bottom: var(--spacing)
}

#service-page .service-title .title-featured {
  margin: var(--spacing) 0px;
}

#service-page .service-title .title-featured .title {
  color: #fff;
}

#service-page .gmap_canvas {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

#service-page .text-block {
  margin: var(--spacing) 0;
}

#service-page .info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#service-page .info-block .form-wrap {
  width: 66%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid var(--black);
  padding: 30px 30px 30px 15px;
}

#service-page .info-block #contact-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 70%;
}

#service-page .info-block .form-wrap input {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 10px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid var(--grey_border);
  padding: 0px;
  height: 40px;
  width: 100%;
  background: transparent;
}

#service-page .info-block .form-wrap .form-input textarea {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0px;
  height: 100px;
  outline: none;
  border: 0;
  border-bottom: 1px solid var(--grey_border);
  width: 100%;
  -webkit-appearance: none;
  margin-top: 10px;
}

#service-page .form-wrap .btn-wrap {
  padding-left: 15px;
  padding-top: 15px;
}

#service-page .required-notification {
  font-size: 0.7em;
  color: var(--body);
  margin-top: 5px;
}

#service-page .form-wrap .contact-information {
  padding-left: var(--spacing);
}

#service-page .form-wrap .contact-information .title {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--black);
  padding-bottom: 10px;
}

#service-page .form-wrap .contact-information ul span {
  font-weight: bold;
  padding-right: 10px;
}

#service-page .form-wrap .contact-information ul li:not(:last-child) {
  padding-bottom: 10px;
}

#service-page .info-block .opening-hours {
  width: 33%;
  border: 2px solid var(--black);
  padding: var(--spacing);
  margin-left: 30px;
}

#service-page .info-block .opening-hours table {
  width: 100%;
}

#service-page .info-block .opening-hours table tr td {
  padding-bottom: 10px;
}

#service-page .info-block .opening-hours table tr td:first-child {
  color: var(--black);
  font-weight: bold;
}

@media (max-width: 1199px) {
  #service-page {
    --spacing: 20px;
  }
  
  #service-page .info-block .form-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: var(--spacing) var(--spacing) var(--spacing) 5px;
  }
  
  #service-page .info-block #contact-form {
    width: 100%;
  }
  
  #service-page .form-wrap .contact-information {
    padding-top: var(--spacing);
    padding-left: 20px;
  }
  #service-page .form-wrap .btn-wrap {
    padding-bottom: var(--spacing);
  }
}

@media (max-width: 767px) {
  #service-page .service-title {
    height: 70px;
  }
  
  #service-page .info-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  #service-page .info-block .form-wrap {
    width: 100%;
  }
  
  #service-page .info-block .opening-hours {
    width: 100%;
    margin-left: 0px;
    margin-top: var(--spacing);
  }
  
  #service-page .info-block .form-wrap .form-input textarea {
    height: 50px;
  }
}

/* End service page */

/* about page */
#about-page {
  --spacing: 30px;
}

#about-page .about-us-headline {
  height: 500px;
  margin-top: var(--spacing);
  position: relative;
  overflow: hidden;
}

#about-page .about-us-headline .about-overlay {
  background: rgba(0, 0, 0,0.3);
  width: 100%;
  height: 100%;
}

#about-page .about-us-headline .about-overlay .loop-slider {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#about-page .about-us-headline .loop-slider .item .text {
  color: #fff;
}

#about-page .info-block {
  margin: 0px -30px;
}

#about-page .info-block .info-block-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 30px 0px;
}

#about-page .info-block .block-left {
  width: 30%;
  padding: var(--spacing);
  background: var(--black);
  margin-right: 15px;
}

#about-page .info-block .block-left .inner {
  width: 100%;
  height: 100%;
  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;
}

#about-page .info-block .block-left .inner .title-featured {
  margin-bottom: 0px;
}

#about-page .info-block .block-left .inner .title-featured .title {
  color: #fff;
}

#about-page .block-right {
  width: 70%;
  padding: var(--spacing);
  margin-left: 15px;
}

@media (max-width: 991px) {
  #about-page {
    --spacing: 20px;
  }
  
  #about-page .about-us-headline {
    height: 300px;
  }
  
  #about-page .info-block .block-left {
    display: none;
  }
  #about-page .info-block .block-right {
    width: 100%;
    padding: 0;
    margin-right: 0px;
  }
  
}
/* end about us */
/* Voor style 1 */
.title-featured.white .title {
  color: #fff;
}

.btn.white {
  background: #fff;
  color: var(--accent);
  border: 2px solid #000;
}

.read-more {
  font-weight: 600;
  text-decoration: underline;
}

/* Home banners x3 */
.grid-row {
  margin: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grid-col {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .grid-row {
    margin: -7px;
  }
  .grid-col {
    padding: 7px;
  }
}

.home-banners .banner-1,
.home-banners .banner-2,
.home-banners .banner-3 {
  width: calc(100% / 3);
  overflow: hidden;
}
.home-banners .banner-1 img,
.home-banners .banner-2 img,
.home-banners .banner-3 img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .home-banners .banner-1,
  .home-banners .banner-2,
  .home-banners .banner-3 {
    width: 100%;
  }
}

/* END | Home banners x3 */
/* Homepage text */

.home-text .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home-text .inner .image-wrap,
.home-text .inner .text-wrap {
  min-width: 50%;
  max-width: 50%;
}
.home-text .inner .image-wrap {
  overflow: hidden;
  position: relative;
}
.home-text .inner .image-wrap img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%)
}
.home-text .inner .text-wrap {
  padding: 90px 0 90px 150px; 
}
.home-text .inner .text-wrap .inner {
  max-width: 700px;
}
.home-text .inner .text-wrap .title {
  font-size: var(--font_h2);
  margin-bottom: 20px;
}
.home-text .inner .text-wrap .text {
  margin-bottom: 40px;
}

@media (max-width: 1300px) {
  .home-text .inner .image-wrap,
  .home-text .inner .text-wrap {
    min-width: 100%;
    max-width: 100%;
  }
  .home-text .inner .image-wrap {
    height: 280px;
    margin-bottom: 30px;
  }
  .home-text .inner .image-wrap img {
    width: 100%;
    height: auto;
  }
  .home-text .inner .text-wrap {
    padding: 0;
  }
.home-text .inner .text-wrap .inner {
    max-width: unset;
  }
}

@media (max-width: 991px) {
  .home-text .inner .text-wrap .title {
    font-size: var(--font_h3);
    margin-bottom: 10px;
  }
  .home-text .inner .text-wrap .text {
    margin-bottom: 25px;
  }
}

/* END | Homepage text */
/* Blog */

.home-blog .blog-article-wrap {
  background: #000;
  padding: 60px 0 70px 0;
  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;
}
.home-blog .title-featured {
  margin-bottom: 30px;
}
.blog-articles {
  margin:-15px;
  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;
  width: 75%;
}
.blog-articles .blog-article {
  padding:15px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
}
.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;
  width:100%;
}
.blog-articles .blog-article .title {
  color: #fff;
  font-size: var(--font_h3);
  margin-bottom: 10px;
}
.blog-articles .blog-article .summary {
  color: #fff;
}
.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 .title,
.blog-articles .blog-article .summary,
.blog-articles .blog-article .date,
.blog-articles .blog-article .image-wrap {
  -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
          order:2;
}
.blog-articles .blog-article .image-wrap {
  margin-top:30px;
}
.blog-articles .blog-article:nth-child(even) .image-wrap {
  -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
          order:1;
  margin-top:0;
  margin-bottom:30px;
}
.blog-articles .blog-article .date {
  -webkit-transform:skew(-10deg);
      -ms-transform:skew(-10deg);
          transform:skew(-10deg);
  background: #fff;
  text-align: center;
  padding: 7px 20px;
  color: #000;
  font-size: 1em;
  font-weight: 600;
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 15px;
}
.blog-articles .blog-article .date span{
  -webkit-transform:skew(10deg);
      -ms-transform:skew(10deg);
          transform:skew(10deg);
}
.blog-btn-wrap {
  margin-top: 60px;
}

@media (max-width:1199px) {
  .home-blog .blog-article-wrap {
    padding: 50px 0 60px 0;
  }
  .blog-articles {
    width: 90%;
  }
  .blog-btn-wrap {
    margin-top: 50px;
  }
}

@media (max-width:991px) {
  .home-blog .blog-article-wrap {
    padding: 40px 0 50px 0;
  }
  .home-blog .title-featured {
    margin-bottom: 20px;
  }
  .blog-articles .blog-article .title {
    font-size: var(--font_h4);
  }
  .home-blog .blog-articles .blog-article:nth-child(even) .image-wrap{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
    margin-bottom: 40px;
  }
  .home-blog .blog-articles .blog-article .image-wrap {
    margin-top: 0;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .blog-articles .blog-article .date {
    position: absolute;
    top: 30px;
    left: 30px;
    padding: 7px 15px;
  }
  .blog-articles .blog-article .image {
    min-height: 220px;
  }
  .blog-btn-wrap {
    margin-top: 40px;
  }
}

@media (max-width:767px) {
  .home-blog .blog-article-wrap {
    padding: 35px 0 40px 0;
  }
  .blog-articles {
    width: 100%;
  }
  .blog-articles .blog-article .image {
    min-height: 175px;
  }
  .blog-btn-wrap {
    margin-top: 30px;
  }
}

/* Blog */
#blog,
.blog-articles {
	--articles_spacing: 15px;
}
.overview-articles,
.blog-articles {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  margin: calc(var(--articles_spacing) * -1);
}

.overview-articles .blog-article,
.blog-articles .blog-article {
	padding: var(--articles_spacing);
}

.blog-article .image-wrap .image,
#blog .full-article .article-image .image {
  display: block;
	border-radius: var(--border_radius);
  overflow: hidden;
}

#blog .full-article .article-image .image:after {
	content:'';
  display:block;
  padding-top:60%;
}

.blog-article .info,
.blog-article .info .summary {
	margin-top: var(--articles_spacing);
}

.blog-article .info .summary {
	font-size: 14px;
}

.blog-article .info .title {
	color: var(--black);
  font-weight: bold;
  font-size: var(--font_h4);
}

.blog-article .info .author,
.blog-article .info .date {
	margin-top: 5px;
}

.blog-article .info .date,
#blog .full-article .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-article .info .date i,
#blog .full-article .date i {
	font-size: 1.2em;
  margin-right: 5px;
}

.blog-article .info .summary a {
	font-weight: bold;
  text-decoration: underline;
  color: var(--accent);
}

#blog .blog-spinner {
	margin-top: 50px;
}

#blog .full-article .top-content {
	padding: 50px 0;
  background: #000;
  color: #fff;
}

#blog .full-article .article-title {
	color: #fff;
  font-size: var(--font_h2);
  margin-bottom: 30px;
  text-align: center;
}

#blog .full-article .date-author {
	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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#blog .full-article .date {
	margin-top: 10px;
}

#blog .full-article .article-text {
	font-size: 1.1em;
}

#blog .full-article .share {
	margin-top: 30px;
  color: var(--black);
}

#blog .full-article .share .title {
	font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

#blog .full-article .share ul {
  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: -5px;
}

#blog .full-article .share ul li {
  padding: 5px;
}

#blog .full-article .share ul li a {
  height: 40px;
  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;
  background: #aaa;
  color: #fff;
  padding: 0px 20px;
  min-width: 120px;
  font-weight: bold;
  border-radius: var(--border_radius);
}

#blog .full-article .share ul li a i {
  margin-right: 10px;
}

#blog .full-article .share ul li a.facebook {
	background:#3b5999;
}

#blog .full-article .share ul li a.twitter {
	background:#55acee;
}

#blog .full-article .share ul li a.pinterest {
	background:#bd081c;
}

#blog .full-article .comments-block .title {
	font-size: var(--font_h3);
  margin-bottom: 30px;
  color: var(--black);
  font-weight: bold;
}

#blog .full-article .comments .comment:not(:first-child) {
	margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid var(--grey_border);
}

#blog .full-article .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;
  margin-bottom: 15px;
}

#blog .full-article .comments .comment .name {
	font-weight: bold;
  color: var(--black);
}

#blog .full-article .write-comment {
	padding: 30px;
  margin-top: 30px;
  border-radius: var(--border_radius);
}

#blog .full-article .write-comment .title {
  font-size: var(--font_h5);
  margin-bottom: 30px;
  color: var(--black);
  font-weight: bold;
}

#blog .full-article .write-comment .inputs-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -7px;
}

#blog .full-article .write-comment .input-col {
	padding: 7px;
  width: 100%;
}

#blog .full-article .write-comment input {
	width: 100%;
}

#blog .full-article .write-comment textarea {
	min-height: 150px;
  min-width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  #blog .full-article .write-comment .input-col.col-50 {
    width: 50%;
  }
}

@media (max-width: 991px) {
	#blog .full-article .article-title {
    font-size: 2.5em;
  }
}

@media (max-width: 767px) {
  #blog .full-article .top-content {
  	padding: 30px 0;
  }
  
	#blog .full-article .article-title {
    font-size: 2em;
    margin-bottom: 20px;
  }
  
  #blog .full-article .share ul li a {
  	min-width: 90px;
    padding: 0 15px;
  }
}

/* END | Blog  */
/* Home socials  */
.socials-wrap .container {
  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;
}
.socials-wrap .title-featured {
  margin-bottom: 20px;
}
.socials-wrap .text {
  max-width: 450px;
  margin-bottom: 40px;
}
.socials-wrap .button-wrap .btn {
  margin: 0 7px;
  width: 200px;
}

@media (max-width: 767px) {
  .socials-wrap .title-featured {
    margin-bottom: 10px;
  }
  .socials-wrap .text {
  margin-bottom: 5px;
  }
  .socials-wrap .button-wrap {
    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%;
  }
  .socials-wrap .button-wrap .btn {
    width: 100%;
    margin: 5px 0;
  }
}

/* END | Home socials */
/* Home Instagram */
.home-instagram .inner {
  background: #000;
  padding: 70px 30px;
}

.home-instagram .insta-wrap {
  margin: -45px -30px -15px -30px;
}
.btn.insta-btn {
  color: #e23089;
}
.home-instagram .insta-btn-border {
  margin-left: 50%;
  margin-bottom: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
 .insta-btn-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: -o-linear-gradient(
356.81deg
, #A73DAF 6.78%, #E23089 31.15%, #FF326E 53.62%, #FF6538 77.04%, #FFA036 98.54%);
  background: linear-gradient(
93.19deg
, #A73DAF 6.78%, #E23089 31.15%, #FF326E 53.62%, #FF6538 77.04%, #FFA036 98.54%);
  padding: 2px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1200px) {
  .home-instagram .inner {
    padding: 55px 20px;
  }
  .home-instagram .insta-wrap {
    margin: -36px -20px -4px -20px;
  }
}
@media (max-width: 991px) {
  .home-instagram .inner {
    padding: 45px 20px;
  }
  .home-instagram .insta-btn-border {
    margin-bottom: 0;
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .home-instagram .inner {
    padding: 35px 15px 40px 15px;
  }
  .home-instagram .insta-wrap {
    margin: -30px -15px 0px -15px;
  }
}

/* END | Home instagram */
/* Textpage sidebar */

#textpage .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#textpage .sidebar {
  min-width: 250px;
  max-width: 250px;
  margin-right: 70px;
}
#textpage .sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  text-transform:uppercase;
}
.#textpage sidebar ul li {
  position:relative;
}
#textpage .sidebar ul li a {
  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;
  text-transform: uppercase;
  border-bottom: 1px solid var(--grey_border);
  padding-bottom: 15px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 0.875em;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#textpage .sidebar ul li:hover a {
  font-weight: bold;
  padding-left: 5px;
}
#textpage .sidebar ul li.active-link a {
  font-weight: bold;
}
#textpage .main-col {
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

.get-faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.get-faq .title-wrap {
  background: #000;
  padding: 15px 25px;
  margin:0;
}
.get-faq .title-wrap .title {
  color: #fff;
  font-weight: bold;
  font-size: 1.563em;
}
.get-faq .faq-inner {
  padding: 25px;
  margin-bottom: 30px;
  min-height: 200px;
  background: #f9f9f9;
}
.get-faq .faq-content {
  overflow: hidden;
  display: none;
  margin: 10px 0 10px 10px;
  padding: 20px;
  background: #FFF;
}
.faq-wrap .faq-item:not(:last-child) {
  margin-bottom: 15px;
}
.faq-wrap .faq-item .faq-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.faq-wrap .faq-item.active .faq-toggle {
  text-decoration:underline;
  color: #000;
}
.faq-wrap .faq-item .plusmin {
  margin-left: 10px;
}
.faq-item .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.faq-item.active .plusmin:after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

@media (max-width: 991px) {
  #textpage .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #textpage .sidebar {
    min-width: 100%;
    max-width: 100%;
    margin-right: unset;
  }
  #textpage .sidebar ul li a {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .get-faq .faq-inner {
    padding: 20px;
    margin-bottom: 25px;
  }
  .get-faq .faq-content {
    margin: 10px 0;
    padding: 15px;
  }
}
/* END | Textpage sidebar */
/* Brands page */
#brands .tab-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
  font-size: 1em;
}
.tab-links li:not(:last-child) {
  margin-right: 10px;
}
.tab-links li {
  -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;
}
.tab-links li.active {
  color: #000;
  font-weight: 600;
  text-decoration: underline;
}
.tab-links li:hover {
  color: #000;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
}
.brand-filter {
  font-size: var(--font_h2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.brand-filter li:not(:last-child) {
  margin-right: 10px;
}
.brand-filter li {
  -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;
  
}
.brand-filter li:hover {
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
}
.brands-wrap .letter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.brands-wrap .letter-wrap .letter {
  width: 20%;
  font-size: var(--font_h2);
}
.brands-wrap .letter-wrap .brands-list {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
  margin-bottom: -15px;
}
.brands-wrap .letter-wrap li {
  margin-bottom: 15px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.brands-wrap .letter-wrap li:hover {
  padding-left:5px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .brands-wrap .letter-wrap .brands-list {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media (max-width: 500px) {
  .brands-wrap .letter-wrap .brands-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
/* End brands page */
/* Cart */


.cart-products-block .product .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.cart-products-block .product .cart-btn-wrap {    
  margin-top: auto;
  padding-top: 10px;
}
.cart-products-block .product .cart-btn-wrap a {
  width: 100%;
}
.cart-products-block .product {
  width: 20%;
}

@media (max-width: 1300px) {
  .cart-products-block .product {width: 25%;}
}
@media (max-width: 991px) {
  .cart-products-block .product {width: 33%;}
}
@media (max-width: 767px) {
  .cart-products-block .product {width: 50%;}
}
/* END | Cart */

#tags-page .tags {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#tags-page .tags a span {
  margin-left: 3px;
  font-size: 0.75em;
}

body .gui-checkout .gui-shipment-method-form {
	display:block !important;
  padding:0;
  margin-top:5px;
  opacity:.5;
}

body .gui-checkout .del-img {
	margin-bottom:10px;
}

body .gui-checkout .del-img {
	display:none;
}

body .gui-checkout .del-img {
	display:block;
}

body .gui-checkout .del-img img {
	max-height:40px;
  max-width:90px;
  width:auto;
}

body .gui-checkout .del-img.ups img {
  max-width:unset;
  max-height:unset;
	height:40px;
  width:auto;
}

body #gui-checkout-shipment-methods .gui-block-option {
	padding:20px;
  border:1px solid #eee;
  cursor:pointer;
}

body #gui-checkout-shipment-methods .gui-block-option:hover {
	background:#f9f9f9;
}

body #gui-checkout-shipment-methods .gui-block-option.active {
	border-color:#000;
  background:#f9f9f9;
}

body #gui-checkout-shipment-methods .gui-block-option input[type="radio"] {
	display:none;
}

body #gui-checkout-shipment-methods .gui-field > .gui-radio > label {
	font-weight:bold;
}

.status-bar {
	margin-bottom:30px;
}
.status-bar .bar {
	height:3px;
  background:#fff;
  margin:0px 50px;
  position:relative;
  margin-bottom:20px;
}
.status-bar .bar .dot {
	position:absolute;
  display:block;
  width:20px;
  height:20px;
  border:1px solid #eee;
  border-radius:100%;
  top:50%;
  margin-top:-10px;
  background:#fff;
  margin-left:-10px;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  color: #fff;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.status-bar .bar .dot.active {
	border-color:#000;
}
.status-bar .bar .dot.done {
  border-color:#000;
	background-color:#000;
}
.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%;
}
.status-bar .bar .active-bar {
	float:left;
	width:0;
  background:#000;
  height:3px;
  -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;
}
.status-bar ul li.active {
	opacity:1;
}
.status-bar ul li.done {
	color:#000;
  opacity:1;
}
body .gui-progressbar {
	display:none;
}
.gui-checkout .gui-checkout-login {
	text-decoration: underline;
  color: var(--black) !important;
}
.gui-input,
.gui-text,
.gui-select,
.gui-number{
	border: 1px solid var(--grey_border) !important;
  border-radius: 0 !important;
}
.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus,
.gui-number.gui-focus {
	border-color: var(--black) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.gui-input input {
	height: 45px !important;
  border: none !important;
}
.gui-select select {
	height: 45px;
  border-color: var(--grey_border);
}
.gui-input-phone-number .gui-input-phone-number-code-wrapper {
	top: 6px;
}

.gui a.gui-button-small {
  line-height: unset;
  padding: 0 20px;
  height: 45px;
  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;
  background: var(--accent) !important;
  color: #fff !important;
  border: none;
  font-weight: bold;
  font-size: 14px;
}

.gui-checkout .gui-form a.gui-button-action {
	width: 100%;
  background: var(--green) !important;
  height: 60px;
  font-size: 1em;
}

#productpage .timer-wrap {
  width: 100%;
  margin: 0;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#productpage .timer-wrap .product-title {
  font-size: 1em;
  font-weight: normal;
}
#productpage .timer-wrap .brand {
  font-size: var(--font_h2);
  margin-top: 10px;
  display: block;
}

#productpage .timer-block {
  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;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 30px;
  border-top: 1px solid var(--grey_border);
  border-bottom: 1px solid var(--grey_border);
}
#productpage .timer-block .title {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 10px;
      font-size: var(--font_h3);
    margin-top: 10px;
}

.product-timer {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin:0px -4px;
  font-size:22px;
  font-weight:bold;
  padding-top: 5px;
  padding-bottom: 15px;
}

.product-timer .block {
	padding:0px 4px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  position:relative;
}

.product-timer .block .digit {
	width:30px;
  height:40px;
  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;
  color:#000;
  border: 1px solid #000;
  padding-top:2px;
  -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
}

.product-timer .block .time-title {
	position:absolute;
  top:100%;
  left:0;
  width:100%;
  text-align:center;
  text-transform:uppercase;
  font-size:10px;
  margin-top:3px;
}
@media (max-width: 991px) {
  .product-timer {
    font-size:18px;
  }

  .product-timer .block .digit {
    width:25px;
    height:35px;
  }
}

/* .gui-form .gui-radio input,
.gui-form .gui-checkbox input {
	display:none;
} */

body #gui-checkout-shipment-methods .gui-block-option input[type="radio"] {
	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;
  background: #fff;
  margin: 0;
  margin-bottom: 10px;
  border: 2px solid transparent;
 
}
.gui-checkout-one-step .gui-payment-method-service > label span {
 color: var(--black) !important;
}

.gui-checkout-one-step .gui-payment-method-service.gui-is-selected > label {
  border: 2px solid var(--black);
}

.gui-checkout-one-step .gui-payment-method-service > label input {
	display:none;
}

#brands .text-box { 
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
}

/* PRODUCT PAGE OUT OF STOCK NOTICE */
#productpage .out-of-stock-notice .container {
	display: flex;
  align-items: center;
  justify-content: center;
}

#productpage .out-of-stock-notice .content {
	background: #818C79;
  color: white;
  
  padding-top: calc(var(--block_spacing) / 2);
  padding-bottom: calc(var(--block_spacing) / 2);
  padding-left: calc(var(--block_spacing) / 3);
  padding-right: calc(var(--block_spacing) / 3);
}

#productpage .out-of-stock-notice .content p {
  margin-top: 0;
	margin-bottom: 1em;
  
  font-weight: 500;
}

#productpage .out-of-stock-notice .content a {
	text-decoration: underline;
}

/* INTERNAL LINKS */
#productpage .internal-links {
	display: flex;
	flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

#productpage .internal-links .internal-links__link:hover {
	text-decoration: underline;
}

/* CART PAGE USPS */
#cart-page .cart-usps {
  padding-top: 8px;
	list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  
  padding-left: 0;
}

#cart-page .cart-usps .cart-usps__usp:hover {
	text-decoration: underline;
}

@media(max-width: 992px){
  .desktop-trustbox-footer{
    margin-top: 25px;
  }
}