:root {
  --block_spacing: 100px;
  --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.7;
  --accent: #e8e8e8;
  --disable: #aaa;
  --grey_border: #DCDCDC;
  --grey_block: #E9E9E9;
  --body: #222222;
  --black: #000000;
  --green: #00820D;
  --red: #CD0000;
  --border_radius: 14px;
  --border_radius_lg: 20px;
  --btn_height: 52px;
  --btn_font_size: 16px;
  --btn_lg_height: 66px;
  --btn_lg_font_size: 18px;
  --btn_sm_height: 46px;
  --btn_sm_font_size: 14px;
  --btn_icon_font_size: 1.4em;
  --btn_icon_spacing: 7px;
  --btn_padding: 24px;
  --btn_lg_padding: 32px;
  --btn_sm_padding: 20px;
  --input_height: 55px;
  --input_padding: 0px;
  --input_bg: transparent;
  --input_border: 2px solid var(--grey_border);
  --title_featured_title: var(--font_h2);
  --checkbox_padding: 5px 0;
  --checkbox_size: 20px;
  --checkbox_icon: 14px;
  --checkbox_border_radius: 4px;
  --header_height: 100px;
  --container_width: 1760px;
  --container_fixed_width: 1460px;
  --container_padding: 30px;
  --container_fluid_padding: 8vw;
  --transition_default: .15s ease-in-out;
  --transition_large: .35s cubic-bezier(.29,.58,.32,1);
  --shadow_lg:  0px 0px 8px 2px rgba(0, 0, 0, 0.15);
  --shadow_md: 0px 4px 4px rgba(0, 0, 0, 0.1);
  --shadow_sm: 2px 2px 2px rgba(0, 0, 0, 0.1);
  --arrow_animation: arrowAnimation 0.4s ease-in-out;
}

[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);
  font-family: "IBM Plex Sans", Helvetica, sans-serif;
  line-height: var(--line_height);
}

h1, h2, h3, h4, h5, h6, .gui-page-title, .title-font {
  font-family: "Inter", Helvetica, sans-serif;
  line-height: 1.3;
}

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,
.owl-nav button {
	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;
  font-weight: bold;
  color: var(--black);
}

.title-shadow {
	color: #fff;
  text-shadow: var(--shadow_sm);
}

.line-height {
	line-height: var(--line_height);
}

.wsa-demobar {
	display: none !important;
}

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

h1 {
	font-size: var(--font_h1);
}

h2 {
	font-size: var(--font_h2);
}

h3 {
	font-size: var(--font_h3);
}

h4 {
	font-size: var(--font_h4);
}

h5 {
	font-size: var(--font_h5);
}

h6 {
	font-size: var(--font_h6);
}

.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:underline;
  color: var(--black);
  font-weight: bold;
}

.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(--black);
  color: #fff;
  font-weight: normal;
  font-size: var(--btn_font_size);
  border-radius: var(--input_height);
  -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.add-loader:hover,
.btn.add-loader {
  position: relative;
  overflow: hidden;
	background: #11ab7321 !important;
  cursor: progress;
  color: #659a6b !important;
}

.btn.add-loader:before {
  -webkit-animation: is-loading 1s infinite;
          animation: is-loading 1s infinite;
  background-color: var(--green);
  content: "";
  display: block;
  height: 4px;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 1rem;
}

@-webkit-keyframes is-loading {
  0% {
  	left: 0;
    right: 100%;
    width: 1rem;
  }
  50% {
  	left: 0;
    right: 0;
    width: 100%;
  }
  100% {
  	left: 100%;
    right: 0;
    width: 1rem;
  }
}

@keyframes is-loading {
  0% {
  	left: 0;
    right: 100%;
    width: 1rem;
  }
  50% {
  	left: 0;
    right: 0;
    width: 100%;
  }
  100% {
  	left: 100%;
    right: 0;
    width: 1rem;
  }
}

.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:focus,
.btn:active {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.btn-white {
	background: #fff;
  color: var(--black);
}

.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: 0;
  font-size: 1em;
  background: var(--input_bg);
  border: none;
  border-bottom: var(--input_border);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.standard-input:not(:-moz-placeholder-shown) {
	border-color: var(--black);
}

.standard-input:not(:-ms-input-placeholder) {
	border-color: var(--black);
}

.standard-input:not(:placeholder-shown),
.standard-input:focus {
	border-color: var(--black);
}

.standard-input.standard-input-dark {
	color: #fff;
}

.standard-input.standard-input-dark:focus {
	border-color: #fff;
}

textarea.standard-input {
	padding: var(--input_padding);
}

.standard-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: var(--body);
}

.standard-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: var(--body);
  opacity: 1;
}

.standard-input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: var(--body);
  opacity: 1;
}

.standard-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--body);
}

.standard-input::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--body);
}

.standard-input.standard-input-dark::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #fff;
}

.standard-input.standard-input-dark:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity: 1;
}

.standard-input.standard-input-dark::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 1;
}

.standard-input.standard-input-dark:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}

.standard-input.standard-input-dark::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
}

.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, -webkit-transform 1s ease-in-out;
	transition: -webkit-filter .15s ease-in-out, -webkit-transform 1s ease-in-out;
	-o-transition: filter .15s ease-in-out, transform 1s ease-in-out;
	transition: filter .15s ease-in-out, transform 1s ease-in-out;
	transition: filter .15s ease-in-out, transform 1s ease-in-out, -webkit-filter .15s ease-in-out, -webkit-transform 1s ease-in-out;
}

.lazy-blur.lazy {
	-webkit-filter: blur(20px);
	        filter: blur(20px);
}

.lazy-zoom.lazy {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.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 var(--grey_border);
  border-bottom: 1px solid var(--grey_border);
}

.block-border-top {
	border-top: 1px solid var(--grey_border);
}

.block-border-bottom {
	border-bottom: 1px solid var(--grey_border);
}

.block-grey {
	background: var(--grey_block);
}

.block-dark {
	background: var(--black);
}

.overflow-hidden {
	overflow: hidden;
}

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

.image-wrap img {
	width: 100%;
  display: block;
}

.sm-tabs-block .page {
	display: none;
}

.sm-tabs-block .page.active {
	display: block;
}

.title-featured.title-margin {
	margin-bottom: calc(var(--block_spacing) / 2);
}

.title-featured .title {
  font-size: var(--title_featured_title);
  font-weight: bold;
  color: var(--black);
}

.title-featured .text {
	margin-top: 10px;
  max-width: 600px;
}

.title-featured .btn {
	margin-top: 30px;
}

.title-featured.title-featured-headline .title {
	color: #fff;
  text-shadow: var(--shadow_sm);
  font-size: var(--font_h1);
}

.text-container {
	width: 100%;
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.ti:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-0.05em);
      -ms-transform: translateY(-0.05em);
          transform: translateY(-0.05em);
}

#powrIframeLoader {
  display: none !important;
}

@-webkit-keyframes arrowAnimation {
  0% {
  	-webkit-transform: translateX(0);
  	        transform: translateX(0);
    opacity: 1;
  }
  40% {
  	-webkit-transform: translateX(50%);
  	        transform: translateX(50%);
    opacity: 0;
  }
  60% {
  	-webkit-transform: translateX(-50%);
  	        transform: translateX(-50%);
    opacity: 0;
  }
  100% {
  	-webkit-transform: translateX(0);
  	        transform: translateX(0);
    opacity: 1;
  }
}

@keyframes arrowAnimation {
  0% {
  	-webkit-transform: translateX(0);
  	        transform: translateX(0);
    opacity: 1;
  }
  40% {
  	-webkit-transform: translateX(50%);
  	        transform: translateX(50%);
    opacity: 0;
  }
  60% {
  	-webkit-transform: translateX(-50%);
  	        transform: translateX(-50%);
    opacity: 0;
  }
  100% {
  	-webkit-transform: translateX(0);
  	        transform: translateX(0);
    opacity: 1;
  }
}

.fancybox-content {
	border-radius: var(--border_radius);
}

.fixed-pages {
	padding-top: calc(var(--block_spacing) / 2);
  padding-bottom: var(--block_spacing);
}

@media (min-width: 1200px) {
  .container {
  	width:100%;
    max-width: calc(var(--container_width) + (var(--container_padding) * 2));
  }
  
  .container.container-fixed {
    max-width: calc(var(--container_fixed_width) + (var(--container_padding) * 2));
  }
  
  .container {
  	padding-left: var(--container_padding);
    padding-right: var(--container_padding);
  }
  
  .btn:hover {
    -webkit-filter: brightness(90%);
            filter: brightness(90%);
  }
  
  .fancybox-content {
    border-radius: var(--border_radius_lg);
  }
}

@media (min-width: 992px) {
	.container-fluid {
    padding-left: var(--container_fluid_padding);
    padding-right: var(--container_fluid_padding);
  }
}

@media (max-width: 1500px) {
	:root {
    --header_height: 80px;
    --block_spacing: 80px;
  }
}

@media (max-width: 1199px) {
	:root {
  	--block_spacing: 70px;
    --font_base: 14px;
    --font_h1: 2.429em;
    --font_h2: 1.714em;
    --font_h3: 1.286em;
    --font_h4: 1.250em;
    --font_h5: 1em;
    --font_h6: 0.8em;
    --block_spacing: 60px;
  }
}

@media (max-width: 767px) {
	:root {
    --block_spacing: 50px;
    --header_height: 60px;
    --block_spacing: 56px;
    --btn_height: 46px;
    --btn_font_size: 14px;
    --btn_lg_height: 54px;
    --btn_lg_font_size: 16px;
    --btn_sm_height: 40px;
    --btn_padding: 20px;
    --btn_lg_padding: 24px;
    --btn_sm_padding: 16px;
    --border_radius_lg: 10px;
    --container_padding: 15px;
    --input_height: 46px;
  }
  
  .title-featured .title {
    font-size: var(--title_featured_title);
    font-weight: bold;
    color: var(--black);
  }
  
  .title-featured .btn {
    margin-top: 20px;
  }
  
  .title-featured.title-small .title {
  	font-size: var(--font_h3);
  }
  
  .title-featured.title-small .btn {
    margin-top: 16px;
  }
}

@media (max-width: 499px) {
	:root {
    --block_spacing: 40px;
  } 
}
/* End general styles */

/* Header */
#header {
  --header_bg: #fff;
  --header_color: var(--black);
  --cart_bg: #000;
  --cart_color: #fff;
  --cart_qty_bg: #fff;
  --cart_qty_color: #000;
  --cart_qty_size: 16px;
  --cart_qty_font_size: 10px;
  --main_header_padding: 20px;
  --logo_height: calc(var(--header_height) * 0.8);
  --logo_filter: none;
  --icons_spacing: 12px;
  --icons_size: 22px;
}

#header * {
	-webkit-transition: all var(--transition_default);
	-o-transition: all var(--transition_default);
	transition: all var(--transition_default);
}

#header.transparent-styling:not(.overwrite-transparent-styling) {
  --header_bg: transparent;
  --header_color: #fff;
  --cart_bg: rgba(255,255,255,0.2);
  --cart_color: #fff;
  --cart_qty_bg: #000;
  --cart_qty_color: #fff;
  --logo_filter: grayscale(1) invert(1);
}

#header.accent-styling:not(.overwrite-transparent-styling) {
  --header_bg: var(--accent);
}

#header:not(.transparent) {
	padding-top: var(--header_height);
}

#header .header-fixed-wrap {
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

#header .main-header {
  background: var(--header_bg);
}

#header .main-header .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: var(--header_height);
}

#header .main-header .header-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#header.in-checkout .main-header .header-col.logo-col,
#header .main-header .header-col.logo-col {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#header .main-header .header-col.icons-col {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

#header .main-header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	padding: 0 var(--main_header_padding);
}

#header .main-header .logo img {
	height: var(--logo_height);
  -webkit-filter: var(--logo_filter);
	filter: var(--logo_filter);
}

#header .main-header .header-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--icons_spacing);
}

#header .main-header .header-icons li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--header_color);
}

#header .main-header .header-icons li a i {
	font-size: var(--icons_size);
}

#header .main-header .open-menu,
#header .main-header .header-icons li.cart a {
  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;
  height: var(--header_height);
  min-width: var(--header_height);
  max-width: var(--header_height);
}

#header .main-header .open-menu.active {
  background: var(--cart_bg);
  border-bottom-right-radius: var(--border_radius);
}

#header .main-header .open-menu.active i:before {
	content: '\eb55';
}

#header .main-header .header-icons li.cart a {
	background: var(--cart_bg);
  border-bottom-left-radius: var(--border_radius);
}

#header .main-header .header-icons li.cart a i {
	color: var(--cart_color);
}

#header .main-header .open-menu i {
	font-size: var(--icons_size);
  color: var(--header_color);
}

#header .main-header .header-icons li a .qty {
	position: absolute;
  top: -5px;
  right: -5px;
  min-width: var(--cart_qty_size);
  max-width: var(--cart_qty_size);
  height: var(--cart_qty_size);
  line-height: var(--cart_qty_size);
  text-align: center;
  font-weight: bold;
  color: var(--cart_qty_color);
  background: var(--cart_qty_bg);
  border-radius: 50%;
  font-size: var(--cart_qty_font_size);
}

#header .subnav {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: -1;
  -webkit-transition: all var(--transition_large);
  -o-transition: all var(--transition_large);
  transition: all var(--transition_large);
}

#header .subnav .subnav-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

#header .subnav .subnav-links {
  padding: 4vw 8vw;
}

#header .subnav .subnav-links .title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
}

#header .subnav .subnav-links ul li:not(:last-child) {
	margin-bottom: 4px;
}

#header .subnav .subnav-links ul li.active a,
#header .subnav .subnav-links ul li a:hover {
	text-decoration: underline;
}

#header .subnav .subnav-links ul li.active a {
	font-weight: bold;
  color: var(--black);
}

#header .subnav .subnav-images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

#header .subnav .subnav-images .cat {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#header .subnav .subnav-images .cat .image-wrap {
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
}

#header .subnav .subnav-images .cat .image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

#header .subnav .subnav-images .cat:hover .image-wrap img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.header-subnav-overlay {
	position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  -webkit-transition: all var(--transition_large);
  -o-transition: all var(--transition_large);
  transition: all var(--transition_large);
  background: rgba(0,0,0,0.6);
}

.header-subnav-overlay:not(.active) {
	opacity: 0;
  visibility: hidden;
}

@media (min-width: 1200px) {
  #header {
  	--nav_spacing: 20px;    
    --logo_height: calc(var(--header_height) * 0.7);
    --icons_spacing: 24px;
    --icons_size: 24px;
    --cart_qty_size: 20px;
    --cart_qty_font_size: 14px;
  }
  
  #header .main-header .header-col.logo-col {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  
  #header .main-header .header-col.nav-col {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  
  #header .main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: var(--nav_spacing);
  }

  #header .main-nav > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  #header .main-nav > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    font-size: var(--nav_font_size);
    color: var(--header_color);
  }
  
  #header .main-nav > li > a:hover,
  #header .main-nav > li.active > a {
  	text-decoration: underline;
  }
  
  #header .main-nav li:hover > .subnav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: .15s;
         -o-transition-delay: .15s;
            transition-delay: .15s;
  }
  
  #header .main-header .header-icons li a .text {
    font-weight: bold;
    font-size: 0.875em;
    margin-left: 8px;
  }
  
  #header .main-header .header-icons li a:hover .text {
  	text-decoration: underline;
  }
  
  #header .main-header .header-icons li a .qty {
  	position: relative;
    top: auto;
    right: auto;
    margin-left: 2px;
  }
}

@media (min-width: 1700px) {
  #header {
    --nav_font_size: 1.1em;
  }
  
  #header .main-header .header-col.logo-col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

	#header .main-header .header-col.nav-col {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
    -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
            flex: 1.5;
  }
}
/* End header */

/* Live search */
.live-search,
.live-search-overlay {
	position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all var(--transition_large);
  -webkit-transition: -webkit-all var(--transition_large);
  -o-transition: all var(--transition_large);
  transition: all var(--transition_large);
}

.live-search-overlay {
	background: rgba(0,0,0,0.6);
}

.live-search {
  --product_width: 100%;
  --product_image_width: 70px;
  --product_padding: 14px;
  --product_spacing: 14px;
  color: #fff;
  overflow-y:scroll;
  background: var(--black);
}

.live-search.active,
.live-search-overlay.active {
	opacity: 1;
  visibility: visible;
}

.live-search .inner {
  padding: calc(var(--header_height) + 30px) 30px var(--header_height) 30px;
  margin: 0 auto;
  max-width: 800px;
}

.live-search .popup-title {
	font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  font-size: var(--font_h4);
}

.live-search .close-search {
  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;
  height: var(--header_height);
  min-width: var(--header_height);
  max-width: var(--header_height);
  border-bottom-left-radius: var(--border_radius);
  background: rgba(255,255,255,0.2);
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
}

.live-search form {
	position: relative;
}

.live-search form input[type="search"] {
	width: 100%;
  padding-right: var(--input_height);
  font-size: 16px;
}

.live-search 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: 20px;
}

.live-search .search-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0;
}

.live-search .search-products li {
	width: var(--product_width);
  -webkit-animation: searchProductIn .5s ease-in-out;
          animation: searchProductIn .5s ease-in-out; 
}

.live-search .search-products li:nth-child(n+6) {
  display: none;
}

.live-search .search-products li:not(:first-child) {
	padding-top: var(--product_spacing);
  margin-top: var(--product_spacing);
  border-top: 1px solid rgba(255,255,255,0.2);
}

.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 .image-wrap {
	min-width: var(--product_image_width);
  max-width: var(--product_image_width);
  background: #fff;
}

.live-search .search-products .info {
	padding-left: var(--product_padding);
}

.live-search .search-products .info .title {
	font-weight: bold;
  font-size: 1em;
}

.live-search .search-products .info .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-top: 5px;
  font-weight: 500;
}

.live-search .search-products .info .price .price-old {
	text-decoration: line-through;
}

.live-search .search-products .info .price .price-new.sale {
	color: var(--red);
}

.live-search .search-products .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  font-size: 14px;
  font-weight: bold;
}

.live-search .search-products .link i {
  font-size: 1.3em;
  margin-left: 5px;
}

.live-search .btn {
	width: 100%;
}

@-webkit-keyframes searchProductIn {
  from {
  	-webkit-transform: translateY(10%);
  	        transform: translateY(10%);
    opacity: 0;
  } to {
  	-webkit-transform: translateY(0);
  	        transform: translateY(0);
    opacity: 1;
  }
}

@keyframes searchProductIn {
  from {
  	-webkit-transform: translateY(10%);
  	        transform: translateY(10%);
    opacity: 0;
  } to {
  	-webkit-transform: translateY(0);
  	        transform: translateY(0);
    opacity: 1;
  }
}

@media (min-width: 1200px) {
  .live-search {
  	height: auto;
  }
  
  .live-search:not(.active) {
  	-webkit-transform: translateY(-100%);
  	    -ms-transform: translateY(-100%);
  	        transform: translateY(-100%);
  }
  
  .live-search .popup-title {
  	font-size: var(--font_h3);
  }
}

@media (max-width: 767px) {
	.live-search .search-products li:nth-child(n+4) {
    display: none;
  }
}
/* End live search */

/* Mobile menu */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--black);
  z-index: 9999;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: -webkit-transform var(--transition_large);
  transition: -webkit-transform var(--transition_large);
  -o-transition: transform var(--transition_large);
  transition: transform var(--transition_large);
  transition: transform var(--transition_large), -webkit-transform var(--transition_large);
}

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

.mobile-menu .mobile-menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	padding: calc(var(--header_height)*2) 10vw;
  min-height: 100%;
}

.mobile-menu .mobile-nav-wrap {
  font-size: 2em;
  font-weight: bold;
  color: #fff;
  width: 100%;
  position: relative;
}

.mobile-menu .mobile-nav li {
  line-height: 1.2;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);	
}

.mobile-menu .mobile-nav li:not(:last-child) {
	margin-bottom: 0.5em;
}

.mobile-menu .mobile-nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-menu .mobile-nav li.active a > span {
	text-decoration: underline;
} 

.mobile-menu .mobile-nav li a.hide-mobile-subs span {
  font-size: .5em;
}

.mobile-menu .mobile-nav li a i.before {
	margin-right: .5em;
}

.mobile-menu .mobile-nav li a i.after {
	margin-left: .5em;
}

.mobile-menu .mobile-nav.subs {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(20%, -50%);
      -ms-transform: translate(20%, -50%);
          transform: translate(20%, -50%);
}
/* End mobile menu */

/* Breadcrumbs */
.breadcrumbs {
  padding: 10px 0;
  text-transform: lowercase;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  color: #858585;
}

.section-categories-carousel .breadcrumbs {
	padding: 0;
  padding-bottom: 6px;
}

.breadcrumbs span{
  display: inline-block;
	margin: 0 .6em;
}

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

.breadcrumbs .crumb:last-child a {
	color: initial;
}
/* End breadcrumbs */

/* Dropdown */
 .ui.selection.dropdown {
 	--btn_sm_height: 46px;
 	--btn_sm_padding: 16px;
	height: var(--btn_sm_height);
  min-height: unset;
  border: 1px solid var(--grey_border);
  line-height: var(--btn_sm_height);
  border-radius: 5px;
  padding: 0 var(--btn_sm_padding);
 	min-width: unset;
  padding-right: var(--btn_sm_height);
}

.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: var(--btn_sm_height);
  background: transparent;
  font-weight: 700;
  font-size: 1.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #858585;
}

.ui.dropdown>.dropdown.icon:before {
	content: "\ea5f";
  font-family: "tabler-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.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: var(--black);
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

.ui.selection.dropdown .menu>.item {
  padding: 0 var(--btn_sm_padding) !important;
  line-height: var(--btn_sm_height);
  height: var(--btn_sm_height);
  font-size: .9em;
}

.ui.selection.dropdown .menu>.item.active {
	display: none;
}

.ui.dropdown .menu>.item>.image, .ui.dropdown .menu>.item>img, .ui.dropdown>.text>.image, .ui.dropdown>.text>img {
  max-height: calc(var(--btn_sm_height) * 0.6);
  margin-top: -0.3em;
  margin-left: -0.5em;
}
/* End dropdown */

/* Checkbox */
 .checkbox {
	margin: 0;
}

.ui.checkbox {
	font-size: .9em;
  display: block;
  padding: var(--checkbox_padding);
}

.ui.checkbox .box,
.ui.checkbox label {
  padding-left: 1.8em;
  cursor: pointer;
  font-size: var(--font_base);
  line-height: var(--checkbox_size);
  color: var(--body) !important;
	font-weight: normal;
}

.ui.checkbox input:checked ~ label,
.ui.checkbox label:hover,
.ui.checkbox+label:hover {
	color: var(--black) !important;
}

.ui.checkbox label span {
	font-size: calc(var(--font_base) - 2px);
  color: var(--disable);
}

.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: var(--checkbox_size);
  height: var(--checkbox_size);
  line-height: var(--checkbox_size);
  font-size: 14px;
  content: "\ea5e";
  font-family: "tabler-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 2px;
}

.ui.checkbox:not(.radio) .box:before, 
.ui.checkbox:not(.radio) label:before {
	border-radius: var(--checkbox_border_radius) !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: var(--grey_border) !important;
  width: var(--checkbox_size);
  height: var(--checkbox_size);
  line-height: var(--checkbox_size);
}

.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: var(--black);
  border-color: var(--black) !important;
}

.ui.checkbox .box:hover:before,
.ui.checkbox label:hover:before {
	border-color: var(--black) !important;
}
/* End checkbox */

/* Banners */

/* Banner general */
.banner {
  --content_box_spacing: 24px;
	width: 100%;
}

.banner .visual-wrap {
	position: relative;
  width: 100%;
  z-index: 0;
}

.banner picture img,
.banner video {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  -webkit-transition: -webkit-transform 1.5s ease-in-out;
  transition: -webkit-transform 1.5s ease-in-out;
  -o-transition: transform 1.5s ease-in-out;
  transition: transform 1.5s ease-in-out;
  transition: transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out;
}

.banner .content-inner {
	text-align: center;
}

.banner .content-inner .title {
	font-size: var(--font_h2);
}

.banner .content-inner .btn {
	margin-top: 1.8em;
}

.banner .content-box {
  position: relative;
  display: inline-block;
	background: #fff;
  padding: calc(var(--content_box_spacing)/2);
  border-radius: var(--border_radius_lg);
}
/* End banner general */

/* Banner headline */
.headline-banners {
	position: relative;
}

.headline-banners .banner:after {
	content: '';
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.headline-banners.slider-loading {
  opacity: 0;
  min-height: 50vh;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.headline-banners .owl-stage,
.headline-banners .owl-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.headline-banners .owl-item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}

.headline-banners .owl-item:not(.active) .banner picture img {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

.headline-nav {
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 9;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.headline-nav .arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  font-size: 1.8em;
  padding: 10px;
  margin: -10px; 
}

.headline-nav .slides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  margin: -0.1em 10px 0 10px;
}

.headline-nav .slides li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.headline-nav .slides li a {
	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: bold;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.headline-nav .slides li span {
  display: inline-block;
  width: 0;
	height: 1px;
  background: #fff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: 0 10px;
}

.headline-nav .slides li:last-child span {
	margin-right: 0;
}

.headline-nav .slides li.active a {
  border-color: #fff;
}

.headline-nav .slides li.active span {
	width: 50px;
}

.banner.banner-headline .visual-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60vh;
  padding: 100px 0;
  width: 100%;
}

.banner.banner-headline .content-inner {
  z-index: 2;
}
/* End banner headline */

/* Banner products */
.banner .products-wrap {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner .banner-product {
	position: absolute;
  top: var(--position_top);
  left: var(--position_left);
  z-index: 2;
}

.banner .banner-product .banner-product-toggle {
	min-width: 50px;
  max-width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.15);
  position: relative;
  display: block;
  -webkit-transition: -webkit-transform var(--transition_default);
  transition: -webkit-transform var(--transition_default);
  -o-transition: transform var(--transition_default);
  transition: transform var(--transition_default);
  transition: transform var(--transition_default), -webkit-transform var(--transition_default);
}

.banner .banner-product.active .banner-product-toggle {
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.banner .banner-product .banner-product-toggle:after {
  content: '';
  display: block;
	min-width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.banner .banner-product .banner-product-toggle .toggle-icon {
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  z-index: 1;
}

.banner .banner-product .banner-product-toggle .toggle-icon span {
  display: block;
	width: 100%;
  height: 4px;
  border-radius: 4px;
  background: var(--black);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

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

.banner .banner-product .banner-product-details {
  --image_width: 140px;
  --inner_spacing: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  background: #fff;
  -webkit-box-shadow: var(--shadow_lg);
          box-shadow: var(--shadow_lg);
  border-radius: var(--border_radius);
  padding: var(--inner_spacing);
  position: absolute;
  left: var(--position_left);
  right: var(--position_right);
  top: 100%;
  min-width: 480px;
  -webkit-transition: all var(--transition_large);
  -o-transition: all var(--transition_large);
  transition: all var(--transition_large);
  -webkit-transform-origin: var(--transform_origin);
      -ms-transform-origin: var(--transform_origin);
          transform-origin: var(--transform_origin);
}

.banner .banner-product .banner-product-details .banner-product-details-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-transition: opacity var(--transition_default);
  -o-transition: opacity var(--transition_default);
  transition: opacity var(--transition_default);
  opacity: 0;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.banner .banner-product.active .banner-product-details .banner-product-details-inner {
	opacity: 1;
  -webkit-transition-delay: .35s;
       -o-transition-delay: .35s;
          transition-delay: .35s;
}

.banner .banner-product:not(.active) .banner-product-details {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  visibility: hidden;
}

.banner .banner-product .banner-product-details .image-wrap {
	min-width: var(--image_width);
  max-width: var(--image_width);
  margin-right: var(--inner_spacing);
}

.banner .banner-product .banner-product-details .info {
	-webkit-box-flex: 10;
	    -ms-flex-positive: 10;
	        flex-grow: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.banner .banner-product .banner-product-details .info .title {
	font-weight: bold;
  color: var(--black);
}

.banner .banner-product .banner-product-details .info .price {
	margin-top: 8px;
  gap: 8px;
}

.banner .banner-product .banner-product-details .info .price-old {
  text-decoration: line-through;
}

.banner .banner-product .banner-product-details .info .price-new {
  font-weight: 500;
}

.banner .banner-product .banner-product-details .info .price-new.sale {
	color: var(--red);
}

.banner .banner-product .banner-product-details .info .btn {
	margin-top: var(--inner_spacing);
  -ms-flex-item-align: end;
      align-self: flex-end;
}
/* End banner products */

/* Banner parallax */
.section-parallax-banners {
	overflow: hidden;
}

.banner.banner-parallax_banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.banner.banner-parallax_banner .visual-wrap {
	aspect-ratio: 10/7;
  width: calc(100% - var(--container_padding));
}

.section-parallax-banners .banner:first-child .visual-wrap,
.section-parallax-banners .banner:first-child {
	-ms-flex-item-align: end;
	    align-self: flex-end;
}

.banner.banner-parallax_banner .content-box {
	margin-top: calc(var(--content_box_spacing)*-1);
  margin-right: calc(var(--container_padding) * 2);
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: calc(100% - (var(--container_padding) * 2));
  border-radius: 0 var(--border_radius_lg) var(--border_radius_lg) 0;
}

.banner.banner-parallax_banner:nth-child(odd) .content-box {
	margin-left: calc(var(--container_padding) * 2);
  margin-right: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-radius: var(--border_radius_lg) 0 0 var(--border_radius_lg);
}

.banner.banner-parallax_banner .content-box .title-featured .text {
	max-width: 500px;
}
/* End banner parallax */

/* Banner full width */
.banner.banner-full_width_banner {
  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;
}

.banner.banner-full_width_banner .visual-wrap {
  aspect-ratio: 10/7;
  width: 100vw;
}

.banner.banner-full_width_banner .content-box {
	margin-top: calc(var(--content_box_spacing)*-1);
  width: calc(100% - (var(--container_padding) * 2));
  z-index: 1;
}

.banner.banner-full_width_banner .content-box .title-featured .text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* End banner full width */

/* Banner headline small */
.banner.banner-headline_small .visual-wrap {
	min-height: 60vh;
}

.banner.banner-headline_small .content-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner.banner-headline_small .title-frame-wrap {
	position: relative;
}

.banner.banner-headline_small .title-frame-wrap .title {
  color: #fff;
  padding: 0.3em 0;
  text-shadow: var(--shadow_sm);
  max-width: unset;
}

.banner.banner-headline_small .title-frame-wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 200%;
  width: 80%;
  -webkit-clip-path: polygon(30% 30%, 0 30%, 0 0, 100% 0, 100% 30%, 70% 30%, 70% 70%, 100% 70%, 100% 100%, 0 100%, 0 70%, 30% 70%);
          clip-path: polygon(30% 30%, 0 30%, 0 0, 100% 0, 100% 30%, 70% 30%, 70% 70%, 100% 70%, 100% 100%, 0 100%, 0 70%, 30% 70%);
}
/* End banner headline small */

/* Banner half */
.banners.banners-half {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  gap: 2vw;
}

.banner-half_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
  --title_featured_title: var(--font_h3);
  --link_size: 44px;
}

.banner-half_banner .visual-wrap {
  aspect-ratio: 10/7;
}

.banner-half_banner .content-box {
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 90%;
  min-width: 50%;
}

.banner-half_banner .content-box:after {
	content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 100vw;
  height: 100%;
  background: #fff;
}

.banner-half_banner:nth-child(even) .content-box:after {
	right: auto;
  left: 100%;
}

.banner-half_banner:nth-child(odd) .content-box {
	border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.banner-half_banner:nth-child(even) .content-box {
	-ms-flex-item-align: end;
	    align-self: flex-end;
	border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.banner-half_banner .arrow-link {
  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;
  overflow: hidden;
  border-radius: 50%;
  background: var(--black);
  min-width: var(--link_size);
  max-width: var(--link_size);
  height: var(--link_size);
  color: #fff;
  font-size: calc(var(--link_size)*0.7);
  margin-left: 10%;
}
/* End banner half */

/* Full width center */
.banner.banner-full_width_center {
	position: relative;
  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;
}

.banner.banner-full_width_center .visual-wrap {
	aspect-ratio: 10/7;
}

.banner.banner-full_width_center .content-box {
	margin-top: -20%;
  width: calc(100% - (var(--container_padding)*2));
}
/* End full width center */

/* Banner showroom */
.banner-showroom {
  height: 100%;
  width: 100%;
  position: relative;
  border-radius: var(--border_radius_lg);
  overflow: hidden;
  aspect-ratio: 16/9;
}

.banner-showroom iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* End banner showroom */

@media (min-width: 768px) {
  /* Banner parallax */
  .banner.banner-parallax_banner .content-box {
  	width: auto;
  }
  
  .banner.banner-parallax_banner .visual-wrap {
  	width: 100%;
  }
  
  .banner.banner-parallax_banner .content-box {
    margin-right: var(--content_box_spacing);
/*     width: calc(100% - var(--content_box_spacing)); */
    border-radius: var(--border_radius_lg);
  }

  .banner.banner-parallax_banner:nth-child(odd) .content-box {
    margin-left: var(--content_box_spacing);
    -ms-flex-item-align: start;
        align-self: flex-start;
    border-radius: var(--border_radius_lg);
  }
	/*   End banner parallax */
  
	/*   Banner full width */
  .banner.banner-full_width_banner .visual-wrap {
  	aspect-ratio: 10/4;
    width: 100%;
	}
  
  .banner.banner-full_width_banner .content-box {
  	width: auto;
  }
  
  .banner.banner-full_width_banner .content-box .title-featured .text {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: auto;
  }
  /*   End banner full width */
  
/*   Full width center */
  .banner.banner-full_width_center .content-box {
		margin-top: -5%;
  }
/*   End full width center */
}

@media (min-width: 992px) {
	/* Banner general */
  .banner {
  	--content_box_spacing: 5vw;
  }
  
  .banner .content-inner {
  	text-align: left;
  }
  
  .banner .content-inner .title {
    font-size: var(--font_h1);
    max-width: 600px;
  }
  /* End banner general */

	/* Banner headline   */
  .headline-banners.slider-loading,
	.banner.banner-headline .visual-wrap {
    min-height: 90vh;
  }
  
  .headline-banners .banner .visual-wrap:after {
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  }
  
  .headline-banners .owl-item:not(.active) .banner picture img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
	/*   End banner headline */
  
/*   Banner headline small */
  .banner.banner-headline_small .visual-wrap {
    min-height: 50vh;
  }
  
  .banner.banner-headline_small .title-frame-wrap svg {
  	min-width: 650px;
    min-height: 180px;
  }
/*   End banner headline small */
  
/*   Banner half */
  .banner-half_banner {
  	--content_box_spacing: 3vw;
    --link_size: 50px;
  }
  
  .banner-half_banner .content-box {
    max-width: 70%;
  }
/*   End banner half */
}

@media (min-width: 1200px) {
/*   Banner parallax */
  .section-parallax-banners {
  	padding: 0;
/*     margin-bottom: -5%; */
		margin-bottom:-10%;
  }
  
	.section-parallax-banners.home {
  	margin-top: -17%;
    z-index: 1;
  }
  
  .section-parallax-banners .banner:first-child {
  	-webkit-transform: translateX(5%);
  	    -ms-transform: translateX(5%);
  	        transform: translateX(5%);
  }
  
  .section-parallax-banners .banner:last-child {
  	-webkit-transform: translateX(-5%);
  	    -ms-transform: translateX(-5%);
  	        transform: translateX(-5%);
    margin-top: -10%;
  }
  
  .banner-parallax_banner {
    width: 50%;
  }
/*   End banner parallax */
  
/*   Banner full width */
  .banner.banner-full_width_banner .content-box {
    margin-top: -20%;
  }
  
  .banner.banner-full_width_banner .content-box .title-featured .text {
    max-width: 1000px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 4vw;
       -moz-column-gap: 4vw;
            column-gap: 4vw;
  }
/*   End banner full width */
  
/*   Banner half */
  .banners.banners-half {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  
  .banner-half_banner .arrow-link:hover i{
  	-webkit-animation: var(--arrow_animation);
  	        animation: var(--arrow_animation);
  }
/*   End banner half */
  
/*   Full width center */
  .banner.banner-full_width_center .visual-wrap {
    height: 60vh;
    aspect-ratio: unset;
  }
  
  .banner.banner-full_width_center .content-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 700px;
    margin: 0;
    padding: 4vw;
  }
/*   End full width center */
  
/*   Banner showroom */
  .banner-showroom {
    aspect-ratio: unset;
  }
/*   End banner showroom */
}
/* End banners */

/* Categories */
.section-categories-carousel {
	overflow: hidden;
}

.section-categories-carousel .section-col {
	width: 100%;
}

.section-categories-carousel .title-featured {
	margin-bottom: 30px;
}

.section-categories-carousel .categories-carousel-outer {
	margin-right: -50%;
}

.section-categories-carousel .categories {
  position: relative;
}

.section-categories-carousel .categories:before {
  content: '';
  position: absolute;
  bottom: 50%;
  left: -100vw;
  right: -100vw;
  top: -100vw;
  background: var(--accent);
	z-index: -1;
}

.categories {
  --spacing: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin: calc(var(--spacing)*-1);
}

.categories .category {
	padding: var(--spacing);
}

.categories .category .inner {
	display: block;
  position: relative;
  z-index: 0;
  -webkit-box-shadow: var(--shadow_sm);
          box-shadow: var(--shadow_sm);
  background: #fff;
	border-radius: var(--border_radius);
}

.categories .category .image-wrap {
  border-radius: var(--border_radius) var(--border_radius) 0 0;
}

.categories .category .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px;
}

.categories .category .title-wrap .title {
	font-size: 1em;
}

.categories .category .title-wrap i {
	font-size: 1.8em;
  -webkit-transition: -webkit-transform var(--trasition_default);
  transition: -webkit-transform var(--trasition_default);
  -o-transition: transform var(--trasition_default);
  transition: transform var(--trasition_default);
  transition: transform var(--trasition_default), -webkit-transform var(--trasition_default);
}

@media (min-width: 768px) {
	.categories {
  	--spacing: 15px;
  }
  
  .section-categories-carousel .categories-carousel-outer {
    margin-right: -25%;
  }
  
  .section-categories-carousel .title-featured {
    margin-bottom: var(--block_spacing);
  }
  
  .categories .category .inner {
    -webkit-box-shadow: var(--shadow_md);
            box-shadow: var(--shadow_md);
  }
  
  .categories .category .title-wrap {
    padding: 24px;
  }
  
  .categories .category .title-wrap .title {
    font-size: var(--font_h4);
  }
  
  .categories .category .title-wrap i {
		font-size: 2em;
  }
}

@media (min-width: 1200px) {
	.categories .category .title-wrap:hover i {
  	-webkit-animation: var(--arrow_animation);
  	        animation: var(--arrow_animation);
  }
  
  .section-categories-carousel .categories-carousel-outer {
    margin-right: -30%;
  }
  
  .section-categories-carousel .container-fluid {
    padding-right: 0;
  }
  
  .section-categories-carousel .section-col-left {
    width: 30%;
  }
  
  .section-categories-carousel .section-col-right {
    width: 70%;
  }
}

@media (min-width: 1500px) {
  .section-categories-carousel .categories-carousel-outer {
    margin-right: -5%;
  }
  
  .section-categories-carousel .section-col-left {
    width: 20%;
  }
  
  .section-categories-carousel .section-col-right {
    width: 80%;
  }
}

@media (min-width: 1700px) {
	.categories {
  	--spacing: 25px;
  }
}
/* End categories */

/* Slider nav */
.slider-nav {
  --nav_size: 40px;
  --nav_icon_size: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.slider-nav li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: var(--nav_size);
  max-width:  var(--nav_size);
  height:  var(--nav_size);
  border-radius: 50%;
  border: 2px solid var(--black);
  color: var(--black);
  font-size: var(--nav_icon_size);
}

.slider-nav li[data-way="next"] a {
	background: var(--black);
  color: #fff;
}

.slider-nav li.disabled a {
	border-color: var(--disable);
  color: var(--disable);
}

.slider-nav li.disabled[data-way="next"] a {
	background: var(--disable);
  color: #fff;
}

@media (min-width: 768px) {
	.slider-nav {
  	--nav_size: 50px;
    --nav_icon_size: 32px;
  }
}

@media (min-width: 1200px) {
	.slider-nav {
  	margin-top: 30px;
  }
  
  .slider-nav li a {
  	overflow: hidden;
  }
  
  .slider-nav li a:hover i {
  	-webkit-animation: var(--arrow_animation);
  	        animation: var(--arrow_animation);
  }
  
  .slider-nav li[data-way="prev"] a:hover i {
  	animation-direction: reverse;
  }
}
/* End slider nav */

/* Brands */
.brands {
	margin: -15px;
}

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

.brands .brand {
	padding: 15px;
}

.brands .brand .image-wrap img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  max-height: 160px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#brands .brand {
	padding: 20px;
}

.container-brands {
	max-width: 1500px;
  padding: 0;
}

@media (min-width: 1200px) {
  .section-brands {
  	--section_col_left: calc(430px + var(--container_fluid_padding));
  }
  
  .section-brands .section-col-left {
  	min-width: var(--section_col_left);
    max-width: var(--section_col_left);
  }
  
	.section-brands .section-col-right {
		min-width: calc(100% -  var(--section_col_left));
    max-width: calc(100% -  var(--section_col_left));
	}
}

@media (max-width: 1200px) {
	.section-brands .title-featured .text,
  .section-brands .title-featured .btn {
  	display: none;
  }
}

@media (max-width: 767px) {
	.section-brands .section-col-right {
    padding: 15px;
  }
  
  .section-brands-carousel-outer {
  	margin-right: -25%;
  }
  
  .section-brands .section-col-right {
    position: relative;
    margin-top: 30px;
    padding: 30px;
    border-radius: var(--border_radius) 0 0 var(--border_radius);
    background: var(--accent);
  }
  
  .section-brands .section-col-right:after {
  	content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 100vw;
    height: 100%;
    background: var(--accent);
  }
}
/* 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: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;
  font-size: 22px;
  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: var(--red);
}
.message-wrap .message.success .icon {
  background: var(--green);
}
.message-wrap .message.info .icon {
  background: var(--accent);
}

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

/* USP bar */
.usp-bar {
	background: #000;
  color: #fff;
  --usp_padding: 20px;
}

.usp-bar .usp-item .usp-inner {
	padding: var(--usp_padding);
  width: 100%;
}

.usp-bar .usp-item .usp-title {
	font-size: var(--font_h3);
  color: #fff;
  margin-bottom: .2em;
}

@media (max-width: 1199px) {
	.usp-bar-carousel.loading {
  	opacity: 0;
    height: 100px;
  }
}

@media (min-width: 768px) {
  .usp-bar {
    --usp_padding: 30px;
  }
  
  .usp-bar .usp-item:not(.last-item) .usp-inner {
    border-right: 1px solid rgba(255,255,255,0.25);
  }
}

@media (min-width: 1200px) {
  .usp-bar {
    --usp_padding: 50px;
  }
}
/* End USP bar */

/* products */
.products {
	--spacing: 16px;
  --padding: 16px;
  margin: calc(var(--spacing)/2*-1);
  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;
}

.products .product {
	padding: calc(var(--spacing)/2);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.products .product img {
	overflow:hidden;
  width:100%;
}

.products .product .inner {
	-webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
	        box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
  border-radius: var(--border_radius);
  overflow:hidden;
  width: 100%;
}

.products .product .info {
	padding: var(--padding);
}

.products .product .product-title {
	font-weight:bold;
  color: var(--black);
}

.products.related-products .product .product-title {
	font-size: 14px;
}

.products .product .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
	margin-top:8px;
}

.products .product .price {
	opacity:0;
  -webkit-transition: var(--transition_default);
  -o-transition: var(--transition_default);
  transition: var(--transition_default);
}

.products .product.json-loaded .price {
	opacity:1;
}

.products .product .price .price-old:empty {
	display: none;
}

.products .product .price .price-old span {
	text-decoration: line-through;
}

.products .product .price small {
	margin-left: .3em;
}

.products .product .price .price-new span {
	font-weight: 500;
}

.products .product .price .price-new.sale span {
	color: var(--red);
}

.products .product .image-wrap {
	position:relative;
}

.products .product .sec {
	opacity:0;
  -webkit-transition: var(--transition_default);
  -o-transition: var(--transition_default);
  transition: var(--transition_default);
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.products .product.has-sec:hover .sec {
	opacity:1;
}

.products .product .add-wishlist {
  --size: 36px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
          box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
  left: var(--padding);
  top: var(--padding);
  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:100%;
  width: var(--size);
  height: var(--size);
  font-size: calc(var(--size) / 2);
}

.products .product .add-wishlist.active {
	background: var(--red);
  color:#fff;
}

.products .product .add-wishlist.active:not(:hover) .delete,
.products .product .add-wishlist.active:hover .inactive,
.products .product .add-wishlist.active .active,
.products .product .add-wishlist:not(.active):hover .inactive,
.products .product .add-wishlist:not(.active):not(:hover) .active,
.products .product .add-wishlist:not(.active) .delete {
	display:none;
}

@media(min-width:768px) {
	.products {
    --spacing: 32px;
    --padding: 20px;
  }
  .products.related-products {
    --spacing: 16px;
    --padding: 16px;
  }
  .products .product .add-wishlist {
  	--size: 48px;
  }
  .products .product .price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
  }
}
@media(min-width:992px) {
	.products {
    
  }
}
@media(min-width:1200px) {
  
}
@media(min-width:1700px) {
	.products {
    --spacing: 40px;
  }
  
  #collection .products .product {
  	-webkit-box-flex: 0;
  	    -ms-flex: 0 0 25%;
  	        flex: 0 0 25%;
  }
  
  .products .product .product-title {
  	font-size: 1.1em;
  }
}
/* end products */

/* Betaalmethode */
.page-headline {
  background: #ECEBE1;
  padding-bottom: calc(var(--block_spacing) / 2);
  padding-top: calc(var(--block_spacing) / 2);
}

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

.page-headline .page-headline-inner .title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

/* .page-headline .icon {
	margin-bottom: 10px;
} */

.page-headline .icon i {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 38px;
  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;
}

.page-headline .textpage-faq-intro {
  text-align: center;
  font-weight: 600;
  margin-top: 20px;
  line-height: 2em;
}

.page-headline .textpage-faq-intro a:hover {
	text-decoration: underline;
}

#textpage .textpage-faq {
	margin-top: -20px;
  margin-bottom: -20px;
}

#textpage .textpage-faq .question {
  padding: 20px 0px;
}

#textpage .textpage-faq .question .question-content {
	margin-top: 10px;
}

#textpage .textpage-faq .question .question-content p {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
  .page-headline .page-headline-inner {
  	-webkit-box-align: start;
  	    -ms-flex-align: start;
  	        align-items: flex-start;
  }
  
  .page-headline .page-headline-inner .title-wrap {
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	    -ms-flex-direction: row;
  	        flex-direction: row;
    gap: 15px;
  }
  
  .page-headline .page-headline-inner .title-wrap .title {
  	font-size: var(--font_h2);
  }
  
  .page-headline .icon i {
  	width: 50px;
    height: 50px;
    font-size: 28px;
  }
  
  .page-headline .textpage-faq-intro {
    text-align: left;
  }
}
/* end Betaalmethode */

/* STYLING MAIN FOOTER */
#footer .main-footer {
  width: 100%;
  max-width: 100%;
  background-color: var(--black);
}

#footer .main-footer .inner{
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0;
}

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

#footer .main-footer .footer-col {
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

#footer .main-footer .footer-title{
  font-size: var(--font_h4);
	font-weight: bold;
	color: #fff;
}

#footer .main-footer .link-list,
#footer .main-footer .contact-list{
 	color: #fff;
}

#footer .main-footer .footer-links{
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
}

#footer .main-footer .social-col,
#footer .main-footer .social-col .social-inner{
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 45px;
}

#footer .main-footer .social-col .social-inner{
  gap: 20px;
}

#footer .main-footer .social-col ul{
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
  gap: 12px;
}

#footer .main-footer .social-col .social-list li{
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  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;
}

#footer .main-footer .contact-col .contact-list a:hover, 
#footer .main-footer .info-col .link-list a:hover{
 text-decoration: underline; 
}

#footer .main-footer .info-col i{
  display: none;
}

#footer .main-footer .social-col i{
    font-size: 28px;
    color: var(--black);
}

#footer .main-footer .social-col .footer-payments{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

#footer .main-footer .social-col .footer-payments .payment-methods{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

#footer .main-footer .social-col .footer-payments .payment-methods li{
 	background: #333;
	border-radius: 4px;
  max-height: 40px;
  max-width: 65px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#footer .main-footer .social-col .footer-payments .payment-methods img{
  width: auto;
  height: auto;
 	max-width: 100%;
  max-height: 100%
}

/* STYLING BOTTOM FOOTER */
#footer .footer-bottom{
  width: 100%;
  max-width: 100%;
  background: #fff;
}

#footer .footer-bottom .inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
}

#footer .footer-bottom .inner .copyright{
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
  gap: 8px;
}

#footer .footer-bottom .inner .copyright p{
  font-weight: 400;
	font-size: 14px;
	line-height: 170%;
	text-align: center;
	color: #7D7D7D;
  margin: 0;
}

#footer .toggle-icon{
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

/* MEDIA QUERIES FOOTER */
@media(max-width: 991px){
  #footer .main-footer .inner{
    padding: 32px 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  #footer .main-footer .inner .footer-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    width: 100%;
  }
  #footer .main-footer .inner .footer-row .footer-col{
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  #footer .main-footer .inner .footer-row .contact-col{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    gap: 12px;
  }
  #footer .main-footer .social-col{
   	-webkit-box-orient: vertical;
   	-webkit-box-direction: normal;
   	    -ms-flex-direction: column;
   	        flex-direction: column;
    gap: 32px;
  }
  #footer .main-footer .footer-links{
		font-size: 14px;
		line-height: 170%;
  }
  #footer .main-footer .link-list{
   	display: none; 
  }
  #footer .main-footer .social-col ul{
    gap: 8px;
  }
  #footer .main-footer .social-col .social-list li{
    width: 40px;
    height: 40px
  }
  #footer .main-footer .social-col i{
    font-size: 24px;
  }
  #footer .main-footer .social-col .social-inner{
   gap: 16px; 
  }
  #footer .main-footer .social-col .footer-payments{
   	gap: 16px; 
  }
  #footer .main-footer .social-col .footer-payments .payment-methods li{
   	max-height: 32px; 
  }
  #footer .main-footer .social-col .footer-payments .payment-methods img{
    height: auto;
    max-height: 32px;
  }
  #footer .footer-bottom .inner{
    padding: 12px 0;
  }
  #footer .footer-bottom .inner .copyright{
   	-webkit-box-orient: vertical;
   	-webkit-box-direction: normal;
   	    -ms-flex-direction: column;
   	        flex-direction: column;
  }
  #footer .footer-bottom .inner .copyright p{
		font-size: 12px;
		line-height: 100%;
  }
  #footer .main-footer .info-col{
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    gap: 0;
  }
  #footer .main-footer .info-inner{
  	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;
	}
  #footer .main-footer .info-col .link-list{
   padding-bottom: 16px; 
  }
  #footer .main-footer .info-col .footer-title{
    padding: 16px 0;
  }
  #footer .main-footer .info-col i{
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 28px;
  color: #fff;
	}
}
/* END STYLING FOOTER */

/* STYLING FOR CONTACT SECTION */
.contact-section .inner{
  gap: 32px;
}

.contact-section .inner .title-col{
  width: 100%;
	max-width: 472px;
}

.contact-section .inner .contact-col{
 	width: 100%;
  max-width: 800px;
}

.contact-section .inner .title-col .contact-info{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 56px;
}

.contact-section .inner .title-col .contact-info a{
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}

.contact-section .inner .title-col .contact-info i{
	background: #000;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  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: 28px;
  color: var(--white);
}

.contact-section .inner .title-col .contact-info span{
 	font-size: var(--font_h4);
  font-weight: bold;
  color: #000;
}

.contact-section .contact-col form{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px 30px;
  padding: 60px;
  -webkit-box-shadow: var(--shadow_md);
          box-shadow: var(--shadow_md);
  border-radius: var(--border_radius_lg);
}

.contact-section .contact-col .form-title{
  font-size: var(--font_h4);
	font-weight: bold;
	color: #000;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.contact-section .contact-col form textarea,
.contact-section .contact-col .btn-wrap{
 -ms-grid-column: 1;
 -ms-grid-column-span: 2;
 grid-column: 1 / 3; 
}

.contact-section .contact-col form textarea{
  min-height: 145px;
}

.contact-section .contact-col .form-wrap .mobile-btn{
	display: none; 
}

@media(max-width: 1200px){
  .contact-section .inner{
   	display: -webkit-box;
   	display: -ms-flexbox;
   	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contact-section .inner .title-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: none;
  }
  .contact-section .inner .title-col .contact-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
   	margin-top: 0; 
  }
}

@media(max-width: 991px){
  .contact-section .inner{
   	display: -webkit-box;
   	display: -ms-flexbox;
   	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contact-section .inner .title-col{
    max-width: none;
    width: 100%;
  }
  .contact-section .inner .title-col .contact-info{
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contact-section .inner .title-col .contact-info a {
    gap: 12px;
  }
  .contact-section .inner .title-col .contact-info i{
   	max-width: 40px;
    max-height: 40px;
    font-size: 20px;
  }
  .contact-section .inner .title-col .contact-info li:last-child{
    padding-top: 16px;
    border-top: 1px solid #EEE;
  }
  .contact-section .contact-col form{
   	display: none;
    padding: 20px;
    border: 2px solid #EEE;
  }
  .contact-section .contact-col .form-wrap .mobile-btn{
   	display: block;
    width: 100%;
  }
  .contact-section .contact-col .form-wrap .mobile-btn a{
    width: 100%;
  }
}

/* END STYLING CONTACT SECTION */

/* 	STYLING SERVICE PAGE */
#service-page .block-container {
	margin: -10px;
}

#service-page .block-container.block-container-large {
	margin: -15px;
  padding-top: 30px;
}

#service-page .block-container .service-block {
  padding: 10px;
}

#service-page .block-container.block-container-large .service-block {
	padding: 15px;
}

#service-page .block-container .block-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  border-radius: var(--border_radius);
  font-size: var(--font_h3);
  font-weight: bold;
  color: var(--black);
  -webkit-box-shadow: var(--shadow_md);
          box-shadow: var(--shadow_md);
  background: #FFF;
  gap: 10px;
  padding: 20px;
  min-height: 200px;
  -webkit-transition: all var(--transition_default);
  -o-transition: all var(--transition_default);
  transition: all var(--transition_default);
  border: 1px solid transparent;
}

#service-page .block-container .service-block.last-blocks .block-inner {
  background: var(--accent);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: center;
  padding: 30px 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#service-page .block-container .service-block.last-blocks .block-inner .btn {
	margin-top:18px;
}

#service-page .block-container .block-inner span {
 	font-size: 16px;
  font-weight: 400;
  max-width: 450px;
  text-align: center;
  margin-top:8px;
}

#service-page .block-container .block-inner i {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 38px; 
  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;
}

#service-page .block-container .service-block.last-blocks .block-inner p{
 	text-decoration: underline;
  margin: 0;
  padding: 0;
  font-size: 18px;
  margin-top:16px;
}

@media (min-width: 1200px) {
	#service-page .block-container .service-block:not(.last-blocks) .block-inner:hover{
    -webkit-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
            transform: translateY(-5%);
  }
}

@media(max-width: 992px){
  #service-page .block-container .block-inner{
    min-height: unset;
  }
   #service-page .block-container .first-blocks a{
     -webkit-box-pack: start;
         -ms-flex-pack: start;
             justify-content: start;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     gap: 15px;
     padding: 10px;
  }
  #service-page .block-container .block-inner i{
    width: 50px;
    height: 50px;
    font-size: 28px;
  }
  #service-page .block-container .block-inner span{
   font-size: 14px; 
  }
}
/* 	END STYLING SERVICE PAGE */

/* STYLING FOR LOGIN PAGE */

.gui a.gui-button-small{
  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(--black);
  color: #fff;
  font-weight: normal;
  font-size: var(--btn_font_size);
  border-radius: var(--input_height);
}

.gui-content-title, .gui-block-title{
 color: var(--black); 
}

.gui-page-title{
  font-size: var(--title_featured_title);
  font-weight: bold;
  color: var(--black);
}

.gui-account-loyalty-content{
  font-size: 1em;
  line-height: var(--line_height);
}

.gui-login #gui-form{
  padding: 30px;
  -webkit-box-shadow: var(--shadow_md);
          box-shadow: var(--shadow_md);
  border-radius: var(--border_radius_lg);
}

.gui-block{
  border: none;
}

.gui-block-title{
  background: none;
  border: none;
  padding: 0;
}

.gui-block-title strong{
  color: #000;
  font-size: var(--font_h4);
  font-weight: bold;
}

.gui-block-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  padding: 0;
}

.gui-form{
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.gui-input input{
  color: var(--black);
  height: var(--input_height);
  padding: 0px var(--input_padding);
  outline: none;
  border-radius: 0;
  font-size: 1em;
  background: var(--input_bg);
  border-bottom: var(--input_border);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}


.gui-input input:not(:-moz-placeholder-shown) {
/* 	border-color: var(--black); */
  border-bottom: 2px solid #000;
}


.gui-input input:not(:-ms-input-placeholder) {
/* 	border-color: var(--black); */
  border-bottom: 2px solid #000;
}


.gui-input input:not(:placeholder-shown),
.gui-input input:focus {
/* 	border-color: var(--black); */
  border-bottom: 2px solid #000;
}

.gui-input{
  border: none;
}

.gui-field label{
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  color: var(--black);
}

/* REGISTER */
.gui-register .gui-block .gui-block-title{
  margin-bottom: 20px;
}

.gui-input-phone-number .gui-input-phone-number-code-wrapper{
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.gui-input-phone-number{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

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

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

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

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

.gui-form .gui-checkbox input:checked ~ label:after {
  content: "\ea5e";
  position: absolute;
  left: 2px;
  top: 2px;
  display: inline-block;
  font-family: "tabler-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.3em;
}

.gui-select {
	margin-top: 10px;
}

.gui-select .ui.selection.dropdown {
	width: 100%;
}

/* ACCOUNT */
#gui-account-recent-orders-block-title, .gui-account .gui-block .gui-block-title{
  margin-bottom: 12px;
}

.gui-account .gui-block-content .gui-table .gui-button-small{
  font-size: 14px;
  height: var(--btn_sm_height);
  padding: var(--btn_sm_padding);
}

.gui-account .gui-col2-equal-col1 .gui-block-subcontent{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.gui-col2-left-col2{
  padding: 60px;
  -webkit-box-shadow: var(--shadow_md);
          box-shadow: var(--shadow_md);
  border-radius: var(--border_radius_lg);
}

.gui-block-productlist li .gui-block-productlist-option{
  right: 0;
}

.gui-block-productlist li {
  padding: 0;
}

.gui ul.gui-products li .gui-products-image, .gui-block-productlist li .gui-block-productlist-image {
  margin-right: 5px;
}

.gui-block-productlist-text a, .gui-block-productlist-text p{
  font-size: 12px;
}

.gui-table thead tr th {
  color: var(--black);
}

.gui-account #gui-form-message{
  min-height: 145px;
}

.gui-account .gui-text{
  border: none;
  border-bottom: 2px solid #DCDCDC;
}

.gui-account .gui-buttons{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gui-account .gui-buttons .gui-left{
  margin-right: auto;
}

.gui-account .gui-buttons .gui-clear{
  display: none;
}

.gui-account .gui-block-inner{
  padding: 0;
}

.gui-account .gui-col2-equal{
  padding-top: 15px;
}

@media(max-width: 992px){
  .gui-col2-big .gui-col2-big-col1{
    width: 100%; 
  }
  .gui-col2-big .gui-col2-big-col2 {
  	width: 100%;
  }
  .fixed-pages .container{
    max-width: none; 
  }
  .gui-account .gui-col2-left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 30px;
	}
  .gui-col2-equal-col1, .gui-col2-equal-col2{
   	width: 100%; 
  }
  .gui-account .gui-block-content{
    gap: 0;
  }
  .gui-col2-left .gui-col2-left-col2, .gui-col2-left-col1, .gui-col2-equal .gui-col2-equal-col1, .gui-col2-equal .gui-col2-equal-col2 {
   	width: 100%;
  }
  .gui-block-linklist, .gui-block-productlist{
   	display: -ms-grid;
   	display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .gui-block-linklist li:last-child{
    border-bottom: 1px solid #DDD;
  }
  .gui-col2-left .gui-col2-left-col1{
  	width: 100%;
	}
   .gui-col2-left-col2{
    padding: 20px;
  }
}

@media(max-width: 767px){
  .gui-block-linklist{
   	display: -ms-grid;
   	display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
   .gui-block-productlist{
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
  }
  .gui-account .gui-buttons{
    gap: 20px;
  }
}
/* END STYLING FOR LOGIN PAGE */