@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Goldman:wght@400;700&display=swap');
.font-default {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.font-alt {
  font-family: "Goldman", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/*colors:*/
:root {
  --color-0: #fff;
  --color-1: #B2DCF0;
  --color-2: #CD6431;
  --color-3: #9ABA12;
  --color-4: #DEE64C;
  --color-5: #37520B;
  --color-6: #DDA703;
  --color-7: #CD6431;
  --color-8: #217DA7;
  --color-9: #484B36;
  --color-10: #9F9F9F;
  --color-11: #0F394C;
  --color-12: #F5F5F5;
  --color-13: #66930C;
}
img[src="/img/"] {
  display: none;
}
body{font-family: "Figtree", sans-serif;font-style: normal;color:var(--color-9);font-size:1rem;}
a{transition:color ease-out .3s;color:var(--color-9);text-decoration:none;position:relative}
a:hover,a:active{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5,h6,.form-label{font-weight: 300;}
h1{font-size:3rem;line-height:120%}
h2{font-size:2rem;line-height:120%}
h3{font-size:2rem;line-height:130%}
h4{font-size:1rem;line-height:130%}
h5{font-size:1rem;line-height:140%}
p{line-height: 140%;}
b, strong {font-weight: 800;}
small {font-weight: 500;}
img {max-width: 100%;height: auto!important;}
.img-fluid img {min-width: 100%;}
.img-fit img {object-fit: cover;width: 100%!important;height: 100%!important;}
.img-100 img {width: 100%!important;height: auto!important;}
.bg-image {background-repeat: no-repeat;}
.bg-cover {background-size: cover;}
.bg-100 {background-size: 100%;}
.bg-center {background-position: center;}
/*-> bg-colors, text-colors*/
.bg-none {background: none;}
.bg-grad-1 {background-image: linear-gradient(0deg, #22231A, #484B36);}
.bg-grad-2 {background-image: linear-gradient(0deg, var(--color-7), var(--color-6));}
.bg-grad-3 {background: linear-gradient(90deg, var(--color-10), var(--color-13));}
.bg-overlay-1 {background-color: rgba(72,75,54,.77);}
.bg-0 {background-color: #fff;transition: all ease-in .1s;}
.bg-1 {background-color: var(--color-1);transition: all ease-in .1s;}
.bg-2 {background-color: var(--color-2);transition: all ease-in .1s;}
.bg-3 {background-color: var(--color-3);transition: all ease-in .1s;}
.bg-4 {background-color: var(--color-4);}
.bg-5 {background-color: var(--color-5);}
.bg-6 {background-color: var(--color-6);}
.bg-7 {background-color: var(--color-7);}
.bg-8 {background-color: var(--color-8);}
.bg-9 {background-color: var(--color-9);}
.bg-10 {background-color: var(--color-10);}
.bg-11 {background-color: var(--color-11);}
.bg-12 {background-color: var(--color-12);}
.bg-13 {background-color: var(--color-13);}
.color-0:not(.btn), .color-0 a:not(.btn), a.color-0 {color: #fff!important;}
.color-0 a:hover:not(.btn), a.color-0:hover {color: #fff!important;}
.color-0.hover-1 a:hover:not(.btn) {color: var(--color-6)!important;}
.color-1:not(.btn):not(.btn), .color-1 a:not(.btn), a.color-1, .color-1 svg path {color:  var(--color-1)!important;}
.color-1 a:hover, a.color-1:hover, a:hover .color-1 svg path {color:var(--color-1)!important;}
.color-2:not(.btn):not(.btn), .color-2 a:not(.btn), a.color-2, .color-2 svg path {color:var(--color-2)!important;}
.color-2 a:hover, a.color-2:hover {color:var(--color-2)!important;}
.color-3:not(.btn), .color-3 a:not(.btn), a.color-3, .color-3 svg path {color: var(--color-3)!important;}
.color-3 a:hover:not(.btn), a.color-3:hover {color: var(--color-3)!important;}
.color-4:not(.btn), .color-4 a:not(.btn), a.color-4 {color: var(--color-4)!important;}
.color-4 a:hover:not(.btn), a.color-4:hover {color: var(--color-4)!important;}
.color-5:not(.btn), .color-5 a:not(.btn), a.color-5 {color: var(--color-5)!important;}
.color-5 a:hover:not(.btn), a.color-4:hover {color: var(--color-5)!important;}
.color-6:not(.btn), .color-6 a:not(.btn), a.color-6 {color: var(--color-6)!important;}
.color-6 a:hover:not(.btn), a.color-6:hover {color:var(--color-3)!important;}
.color-7:not(.btn), .color-7 a:not(.btn), a.color-7, .color-7 svg path {color: var(--color-7)!important;}
.color-7 a:hover:not(.btn), a.color-7:hover {color: var(--color-7)!important;}
.color-8:not(.btn), .color-8 a:not(.btn), a.color-8 {color: var(--color-8)!important;}
.color-8 a:hover:not(.btn), a.color-4:hover {color: var(--color-11)!important;}
.color-9:not(.btn), .color-9 a:not(.btn), a.color-9 {color: var(--color-9)!important;}
.color-9 a:hover:not(.btn), a.color-9:hover {color: var(--color-9)!important;}
.color-10:not(.btn), .color-10 a:not(.btn), a.color-10 {color: var(--color-10)!important;}
.color-10 a:hover:not(.btn), a.color-10:hover {color:var(--color-10)!important;}
.color-11:not(.btn), .color-11 a:not(.btn), a.color-11, .color-11 svg path {color: var(--color-11)!important;}
.color-11 a:hover:not(.btn), a.color-11:hover {color: var(--color-11)!important;}
.color-12:not(.btn), .color-12 a:not(.btn), a.color-12 {color: var(--color-12)!important;}
.color-12 a:hover:not(.btn), a.color-12:hover {color: var(--color-12)!important;}
.color-13:not(.btn), .color-13 a:not(.btn), a.color-13 {color: var(--color-13)!important;}
.color-13 a:hover:not(.btn), a.color-13:hover {color: var(--color-13)!important;}
.btn-outline-success {color: var(--color-1); border-color: var(--color-1);}
.btn-outline-success:hover { color: #fff; background-color: var(--color-3); border-color: var(--color-3);}
.btn-outline-dark { color: var(--color-1); border-color: var(--color-3);}
.btn-outline-danger { color: var(--color-7); border-color: var(--color-7);}
.btn-outline-danger:hover { color: #fff; background-color: var(--color-7); border-color: var(--color-7);}

/*site*/
.gutter-1 > * {margin: 0 1rem;}
.color-variation-1 h2 {color: var(--color-10);margin-bottom: 1rem;}
.color-variation-1 p {color: var(--color-9);}
.color-variation-1 p strong {color: var(--color-3);}
.color-variation-2 h2 {color: var(--color-0);}
.color-variation-2 p {color: var(--color-0);}
.color-variation-2 a {color: var(--color-0);}
.color-variation-2 strong {color: var(--color-4);}
.landing-text-1 h3, .landing-text-1 h4, .landing-text-1 h5 {font-size: 1.33rem; font-weight: 600;}
.landing-gallery-1 img {border-radius: 1.2rem;object-fit: cover;width: 100%;height: 100%!important;aspect-ratio: 1/1;}
.bordered-nav-items .nav-item {margin: .5rem;}
.bordered-nav-items .nav-link {border: 1px solid var(--color-10);padding: 1rem;}
.oldPrice {display: block;font-size: 1rem;opacity: .7;text-decoration: line-through;line-height: 1.1rem;}
footer h4 {margin-bottom: 3rem;}
footer, footer a {color: var(--color-0);}
footer a:not(.nav-link):hover {box-shadow: 0 2px 0 var(--color-0);}
footer .color-0 .nav-link {border-bottom: 1px solid transparent;position: relative;}
footer .color-0 .nav-link:hover {border-bottom: 1px solid #fff;top: -1px;}
.blog-item {position: relative;}
.blog-item:after {transition: all ease-in-out .5s;background-color: var(--color-0);width: 100%;height: 0;content: '';position: absolute;top: 0;left: 0;z-index: -1;border-radius: .75rem;box-shadow: 0 4px 15px rgba(0,0,0,.1);}
.blog-item:hover:after {transition: all ease-in-out .1s;height: 100%;content: '';}
.cmon-be-nice img {position: absolute;top: 0;left: 0;}
.item-img {background:url('../../art/logo.png') no-repeat center;min-height: 150px;}
.item-img img {width: 100%;}
.cta-image img {position: absolute;bottom: 0;right: auto;width: auto!important;max-height: 250px;}
.cta-icon img {width: auto!important;max-height: 70px;}
.backdrop-filter-blur {backdrop-filter: blur(3px);}
.home-featured-swiper {height: 540px;}
.home-featured-swiper .swiper-slide {height: 100%!important;}
.wildest-thing {line-height: 110%;}
.p-m-off p {margin-bottom: 0!important;}
.img-overlap {height: 100%!important;width: 100%!important;object-fit: contain;transform: scale(1.18,1.18);}
.color-7 b, .color-7 strong {color: var(--color-0);}
.skew-me {transform: skew(-12deg, 0deg) scale(1.01,1.01);}
.slider-decoration {position: absolute;top: 0;right: 0;height: 100%;width: 33%;background: url('../../art/slider-decoration.png') no-repeat left;background-size: cover;}
.swiper-1 .swiper-slide {min-height: 75vh;}
.card {border: none;border-bottom: 1px solid var(--color-2);border-radius: 0;transition: all ease-in .2s;}
.card:hover {box-shadow: 0 5px 22px rgba(0,0,0,.2);transition: all ease-out .3s;}
.card-img, .card-img-top {border-radius: 0;opacity: .95;transition: all ease-in .2s;}
.card:hover .card-img, .card:hover .card-img-top {opacity: 1;}
.berry {width: 16px;height: 16px;background: url('../../art/berry.svg') no-repeat center;background-size: 100%; display: inline-block;}
.berry-lg {width: 24px;height: 24px;}
.icons-mf a {display: flex;align-items: center; margin: 0 .5rem 0 0; padding: 0 .5rem;}
.icons-mf .iamicon {display: block;width: 32px;height: 32px;border: 1px solid var(--color-3);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 1rem;}
.icons-mf .iamtooltip {display: none;}
.icons-mf.flex-column .iamtooltip {display: inline;}
.hero {min-height: 50vh;}
.hero-text {text-shadow: 2px 2px 15px rgba(0,0,0,.5), 2px 12px 33px rgba(0,0,0,.33);}
.hero-img {left: 0;top: 0;}
.hero-img img {width:100%;height: 100%!important;object-fit: cover;}
/* header {box-shadow: 0 2px 4px rgba(0,0,0,.2);} */
.header-img-decoration {position: absolute;right: 0;top: 0;width: auto!important;height: 100%!important;display: none;}
#fly-me-to-the-moon {bottom: -100px;transform: rotate(90deg);transition: all ease-in-out .2s;}
#fly-me-to-the-moon.show {bottom: 15px;transform: rotate(0);transition: all ease-in-out .5s;}
.video-169 {aspect-ratio: 16/9;}
.video-169 iframe {width: 100%;height: 100%;}
.iframe-shadow iframe {box-shadow: 5px 15px 33px rgba(0,0,0,.2);}
.mw-200 {max-width: 200px;}
.ar-11 {aspect-ratio: 1 / 1;}
.ar-108 {aspect-ratio: 100 / 88;}
.ar-43 {aspect-ratio: 4 / 3;}
.ar-34 {aspect-ratio: 3 / 4;}
.img-34 img {aspect-ratio:3/4;object-fit:cover;width:100%;height:100%;}
.swiper-slide {height: auto!important;}
.img-cover img {object-fit: cover!important;width:100%!important;height:100%!important}
.arrow-right {background-image: url('../../art/arrow-right.svg');background-position: right center;background-repeat: no-repeat;}
.arrow-right.arrow-white {background-image: url('../../art/arrow-white.svg');}
.article-text-1 p {font-size: 1rem;margin-bottom: 1.6rem;font-weight: 400;line-height: 150%;}
.article-text-1 h1 {font-size: 2.5rem;font-weight: 300;margin-bottom: 1.5rem;text-transform: uppercase;}
.article-text-1 h2 {font-size: 2.5rem;font-weight:300;margin-bottom: 1.5rem;text-transform: uppercase;}
.article-text-1 h3 {font-size: 2rem;margin-bottom: 1.5rem;text-transform: uppercase;}
.article-text-1 h4 {font-size: 1.5rem;margin-bottom: 1.5rem;}
.article-text-1 h5 {font-size: 1rem;margin-bottom: 1.5rem;}
.article-text a {color:#073d6b;}
.article-text a:hover {color:#000;}
.img-responsive img {width: 100%;}
/*override BS default styles*/
.rounded-bottom {border-bottom-left-radius: 3rem!important;border-bottom-right-radius: 3rem!important;}
.form-check {margin-bottom: .5rem;}
.form-check-input:checked {background-color: var(--color-2);border-color: var(--color-2);}
.nav-tabs .nav-item {position: relative;width: auto;flex: auto;}
.nav-tabs .nav-item:not(:last-child):after {content: '';height: 100%;width: 1px;position: absolute;background-color: rgba(0,0,0,.1);top: 0;right: 0;}
.nav-tabs .nav-link:hover {background-color: rgba(255,255,255,.5);}
.accordion-button:focus {border-color: #fff;box-shadow: none;}
.accordion-button {font-size: 1.5rem;color: #fff;background-color: #968c83;}
.accordion-button::after {background-image: url('../../art/accordion-collapsed.svg');}
.accordion-button:not(.collapsed) {background-color: #fff;color: #7d746d;}
.accordion-button:not(.collapsed)::after {background-image: url('../../art/accordion-open.svg');transform: none;}
.accordion-body {color: #57514b;background-color: #d6d2c4;}
.form-control {border-color: var(--color-10);border-radius: .25rem;color:var(--color-2);font-weight: 800;}
.form-control:focus {background-color: #fff;box-shadow: none;outline: none;border-color: var(--color-3);}
.form-label {font-size: 1.25rem;}
.container-xl {max-width:1364px;}
.container-xxl {max-width:1800px;}
/* .border-bottom {border-bottom:1px solid var(--color-7)!important;} */
.border-bottom-light {border-bottom:1px solid #d3d3d3!important;}
.border-dark {border-color: var(--color-10)!important;}
.navbar-dark .navbar-nav .nav-link {color: var(--color-0);font-size: 1rem;font-weight: 300;}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {color: var(--color-2);position: relative;box-shadow: 0 1px 0 var(--color-0);}
.color-7 .nav-link.active {color: var(--color-9)!important;}
/*shop pickers*/
.OneStepCheckout input#business, .OneStepCheckout label[for="business"] {display: none;}
.picker {display: flex;flex-wrap: wrap;}
.picker em:not(.colorClear):not(.sizeClear) {display: block;min-width: 25px;height:25px;cursor: pointer;box-shadow: inset  0 0 0 2px rgba(255,255,255,1), 0 0 0 1px #d3d3d3;margin-right:10px;opacity: .8;transition: all ease-in .2s;}
.picker em.color, .picker em.colorActive {border-radius: 50%;}
.picker em.size, .picker em.sizeActive {border-radius: 2px;padding-left:5px;padding-right:5px;}
.picker em.colorActive {box-shadow: 0 0 0 4px rgba(255,255,255,1), 0 0 0 5px rgba(0,0,0,.4)!important;opacity: 1!important;background-color: var(--color-0)!important;}
.picker em.sizeActive {box-shadow: 0 0 0 2px rgba(255,255,255,1), 0 0 0 3px rgba(0,0,0,.4)!important;opacity: 1!important;background-color: var(--color-0)!important;}
.sizeClear, .colorClear {cursor:pointer;}
.sizeClear:before, .colorClear:before {content: 'összes';font-style: normal;}
.searchFeaturePickerSep {margin-bottom:2rem;}
.searchFeaturePickerTitle {}
.featureCategory  {display:block;}
#cmsShopOrderByPicker {cursor: pointer;}

/*shop messages*/
.dialog {display: none;position:fixed;z-index: 9999;left:50%;top:50%;width:100%;max-width:480px;transform: translate(-50%,-50%);box-shadow: 0 0 0 4800px rgba(0,0,0,.75);}

/*shop images*/
.mainPhoto {position: relative;overflow: hidden;border-radius: .75rem;}
.mainPhoto, .otherPhotos a {transition: all ease-out .2s;box-shadow: 0 3px 15px 0 rgba(0,0,0,.1), 0 0 0 1px #d3d3d3;}
.mainPhoto:hover {transform: scale(1.01,1.01);box-shadow: 0 3px 15px 0 rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.1);}
.otherPhotos a:hover {box-shadow: 0 0 0 1px rgba(0,0,0,0.2);transform: scale(1.015,1.015);}
.otherPhotos a {width: 50%;border-radius: .5rem;padding: .5rem;box-shadow: none;}
.otherPhotos img {border-radius: .5rem;}
.cartOverview .thumb img {width: 80px;max-width: 80px;margin-right: 15px;}

/*shop UI*/
.cartOverview h2 {font-size: 1.2rem;font-weight: 600;margin-bottom: 0;}
.cartOverview .change-link.remove {font-size: .9rem;}
.cartOverview .subtotal.freeshipping {font-size: 1.2rem;color: var(--color-2);}

/*reg UI*/
#regFormContent h2 {font-size: 1.5rem;}
.choice {display: flex;flex-direction: column;padding: 1rem 0;}
.choice .clear {display: none;}


/*override swiper styles*/
/* .pagination-end .swiper-pagination {bottom:6rem!important;text-align: end!important;max-width: 80%;} */
/* .swiper-button-next, .swiper-button-prev {width: 115px!important;height: 200px!important;} */
/* .swiper-button-next, .swiper-rtl .swiper-button-prev {background: url('../../art/next.png');right: 0!important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {background: url('../../art/prev.png');left: 0!important;} */
.swiper-button-next, .swiper-button-prev {color: var(--color-10)!important;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 12px!important;}
.swiper-pagination-bullet {
  width: 15px!important;
  max-width:15px!important;
  height: 15px!important;
  /* display: inline-block!important; */
  border-radius: 3px!important;
  background: var(--swiper-pagination-bullet-inactive-color,#fff)!important;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .6)!important;
  box-shadow: 0 2px 5px rgba(0,0,0,.2) ;
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 15px 0!important;
}
.swiper-pagination-bullet-active {background: var(--color-3)!important;opacity: 1!important;transform: scale(1.6,1.6);border: 4px solid var(--color-0);}
.btn{font-size:1rem;outline:none;box-shadow:none;position:relative;transition:all ease-out .1s;border-radius:.75rem;font-weight:600;padding:.75rem;text-transform: uppercase;box-shadow: 0 1px 2px rgba(0,0,0,.3);}
.btn-sm {padding: .2rem 1rem;}
/* .btn svg {margin-left: 1rem;transform: translate(0,0);transition: all ease-in-out .2s;} */
.btn.hover-end:hover svg {transform: translateX(5px);transition: all ease-in .1s;}
.btn.hover-down:hover svg {transform: translateY(5px);transition: all ease-in .1s;}
.btn-primary{color:#fff;background-color:var(--color-3);border-color:var(--color-3);box-shadow:0 3px 0 rgba(0,0,0,0);}
.btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus{color:#fff;background-color:var(--color-5);border-color:var(--color-5);box-shadow:0 1px 0 rgba(0,0,0,0)}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#000}
.btn-secondary{color:var(--color-10);background-color:var(--color-0);border-color: var(--color-10);}
.btn-secondary:hover, .btn-check:focus+.btn-secondary, .btn-secondary:focus{color:#fff;background-color:var(--color-2);border-color:var(--color-2);}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333}
.btn-info{background-color:#fff;border:1px solid var(--color-3);color:var(--color-1);}
.btn-info:hover{color:#fff;background-color:var(--color-8);border-color:var(--color-1)}
.btn-success{color:var(--color-0);background-color:var(--color-2);border:0 solid var(--color-2);}
.btn-success:hover, .btn-check:focus+.btn-success, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{color:#fff;background-color:var(--color-1);border-color:var(--color-1);}
.btn.focus,.btn:focus{box-shadow:none;border-color: none;}
/*font-weight + sizes*/
.font-weight-200 > * {font-weight: 200!important;}
.font-weight-300 > * {font-weight: 300!important;}
.font-weight-400 > * {font-weight: 400!important;}
.font-weight-500 > * {font-weight: 500!important;}
.font-weight-600 > * {font-weight: 600!important;}
.font-weight-700 > * {font-weight: 700!important;}
.font-weight-800 > * {font-weight: 800!important;}
.font-weight-200 {font-weight: 200!important;}
.font-weight-300 {font-weight: 300!important;}
.font-weight-400 {font-weight: 400!important;}
.font-weight-500 {font-weight: 500!important;}
.font-weight-600 {font-weight: 600!important;}
.font-weight-700 {font-weight: 700!important;}
.font-weight-800 {font-weight: 800!important;}
.xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:.84rem!important;}
.s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:.9rem!important;line-height: 120%;}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:1.25rem!important;line-height: 120%;}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.75rem!important;line-height: 120%;}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:2.3rem!important;line-height: 120%!important;font-weight: 300;}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:3rem!important;line-height: 130%;font-weight: 700;}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:4.3rem!important;line-height: 110%;}
/*UX - animations*/
.hover-move-icon svg {left:0;position: relative;transition: all ease-out .2s;}
.hover-move-icon:hover svg {left:5px;}
.hover-underline a {
  background: 
    linear-gradient(to right, var(--color-0), var(--color-0)) /*, linear-gradient(to right, var(--color-1), var(--color-1), var(--color-3))*/;
  background-size: 0 0.1em, 100% 0.1em; /*100% 0.1em, 0 0.1em;*/
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

.hover-underline a:hover,
.hover-underline a:focus {
  background-size: 100% 0.1em, 0 0.1em;/*0 0.1em, 100% 0.1em;*/
}
.animated-underline .animate-me {
  transition: all .2s ease-in-out;
  position: relative;
  padding-left: 0;
  padding-right: 0
}
.animated-underline .animate-me:before,.animated-underline .animate-me:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 0;
  height: 2px;
  transition: all .4s ease-out;
  background-color: var(--color-0)
}
.animated-underline .animate-me:hover:before,.animated-underline .animate-me:hover:after {
  width: 100%;
  left: 0;
}
.hover-scale-1 a {transform: scale(1,1);transition: all ease-in .2s;display: block;}
.hover-scale-1 a:hover {transform: scale(1.05,1.05);transition: all ease-out .3s;}
.hover-scale-2 a {transform: scale(1.02,1.02);transition: all ease-in .2s;display: block;}
.hover-scale-2 a:hover {transform: scale(1,1);transition: all ease-out .3s;}
.hover-lift-1 a {transform: translateY(0);transition: all ease-in .2s;display:block;}
.hover-lift-1 a:hover {transform: translateY(-5px);transition: all ease-out .3s;}
.animate-1 {
  animation-name: animation-1-in;
  animation-duration: .7s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
.animate-1:hover {
  animation-name: animation-1-out;
  animation-duration: .25s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes animation-1-in {
  from {bottom:0;}
  to {bottom:-10px;}
}
@keyframes animation-1-out {
  from {bottom:0;}
  to {bottom:-5px}
}
.appear-from-bottom{position:relative;opacity:0;bottom:-100px;transition:all .8s ease-out}
.appear-from-bottom.active{opacity:1;bottom:0}
.scale-up {transition:all ease-in .25s;opacity:1;transform:scale(.93)}
.scale-up.animated,.scale-up:hover{transform:scale(1);opacity:1}
.from-bottom{transform:translateY(45px)}
.active .from-bottom,.active-hover:hover .from-bottom{transform:translateY(0);opacity:1}
.delay-1{transition-delay:.5s}
.animated{animation-delay:1s}
.button-animated{background:none;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .25rem;padding:1em 2em;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,0);box-shadow:inset 0 0 0 2px rgba(0,0,0,0);font-size:inherit;font-weight:700;position:relative;vertical-align:middle}
.button-animated::before,.button-animated::after{-webkit-box-sizing:inherit;box-sizing:inherit;content:'';position:absolute;width:100%;height:100%}
.draw{-webkit-transition:color .45s;transition:color .45s}
.draw::before,.draw::after{border:2px solid transparent;width:0;height:0}
.draw::before{top:0;left:0}
.draw::after{bottom:0;right:0}
.draw:hover{color:inherit}
.draw:hover::before,.draw:hover::after{width:100%;height:100%}
.draw:hover::before{border-top-color:#121212;border-right-color:#121212;-webkit-transition:width .45s ease-out,height .45s ease-out .25s;transition:width .45s ease-out,height .45s ease-out .45s}
.draw:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s;transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s}
.meet:hover{color:#121212}
.meet::after{top:0;left:0}
.meet:hover::before{border-top-color:#121212;border-right-color:#121212}
.meet:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:height .55s ease-out,width .25s ease-out .45s;transition:height .2s ease-out,width .65s ease-out .15s}
.border-me-before,.border-me-after,.z-1{position:relative;z-index:1}
.border-me-before:before,.border-me-after:after{content:'';width:100%;height:100%;position:absolute;top:100%;border:1px solid #d5d6da;z-index:-1}
.border-me-before:before{height:33%;right:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
.border-me-after:after{left:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}
/*UI*/
.text-underline {text-decoration: underline;}
/*range slider*/
.ui-widget-content {background: #fff!important;z-index: 120000!important;}
.ui-corner-all {border-radius: 1rem;}
.ui-slider .ui-slider-handle {width: 26px;height: 26px;}
.ui-widget.ui-widget-content {border:none;}
.ui-state-active,
.ui-state-focus,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #afa59e;
	background: #fff;
	font-weight: normal;
	color: #ddd;
  outline-width: 0;
  outline-color: #afa59e;
}
.b-rad-0 {border-radius: 0;}
.b-rad-1 {border-radius: .25rem;}
.b-rad-2 {border-radius: .75rem;}
.b-rad-3 {border-radius: 1.2rem;}
.b-rad-50 {border-radius: 50%;}
.b-rad-img img {border-radius: 3rem;}
/*shadows*/
.shadow-ext{box-shadow:0 10px 0 rgba(0,0,0,.1)}
.shadow-ext-2{box-shadow:0 10px 33px rgba(0,0,0,.10)}
.shadow-ext-3{box-shadow:0 28px 43px rgba(0,0,0,.2)}
.text-shadow{text-shadow: 1px 1px 0 rgba(0,0,0,.25);}

/*placeholders*/
::-webkit-input-placeholder, ::placeholder {color:var(--color-2)!important;font-size:1rem!important;font-weight:600;line-height: 100%;}
::-moz-placeholder{color:var(--color-2)!important;font-size:1rem;font-weight:600;line-height: 100%;}
:-ms-input-placeholder{color:var(--color-2)!important;font-size:1rem;font-weight:600;line-height: 100%;}
:-moz-placeholder{color:var(--color-2)!important;font-size:1rem;font-weight:600;line-height: 100%;}

.overflow-item {display: none!important}

#chain {display: none;}
.register main, .cartCheckout main, .cartDetails main, .cartShipping main, .cartOverview main, .cart main, .orders main, .profile main, .loginerror main, .lostpassword main, .wishlist main {max-width: 1200px;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;padding-top: 2rem; background-color: #fff;}
.loginerror main {padding-top:3rem;padding-bottom:3rem}
.orderComplete .btn {margin-bottom:15px}
.bg-over {background-color:rgba(0,0,0,.14)}
.lh-n {line-height:normal}
.prop.quantity input {max-width:calc(100% - 26px)}
.article .text a {color:var(--color-2)}
.article .text a:hover {color:var(--color-6)}
.home-featured-swiper .emp:empty + .gomb {display:none !important}

@media (min-width: 992px) {
  .register main, .cartCheckout main, .cartDetails main, .cartShipping main, .cartOverview main, .cart main, .orders main, .profile main, .loginerror main, .lostpassword main, .wishlist main {padding: 3rem;}
}


@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {padding-left: 1rem;padding-right: 1rem;}
}
@media (min-width: 1200px) {
  .row-variable .row:nth-child(odd) {flex-direction: row-reverse;}
  .row-variable .row:nth-child(odd) .skew-me {left:-20%!important}
  .section-bubbles .col-md-6:nth-child(even) {margin-left: -3rem;}
  .skew-you .variable-skew:nth-child(even) {padding-left: 3rem;}
  .skew-you .variable-skew:nth-child(odd) {padding-right: 3rem;}
  .skew-you .variable-skew:nth-child(even) {text-align: end;}
  .skew-you .variable-skew:nth-child(even) .the-skewed {transform: skew(12deg, 0);left: 0%!important;box-shadow: -15px 0 0 var(--color-10);}
  .skew-you .variable-skew:nth-child(odd) .the-skewed {box-shadow: 15px 0 0 var(--color-10);}
  .skew-you .variable-skew:nth-child(even) .the-square {left: auto!important;right: 0;}
} 
@media (min-width: 1440px) {
  .header-img-decoration {display: block;}
  .hero-overlay {width: 33%;}
  .hero-overlay-sm {width: 20%;}
  .hero-overlay img {width: 100%;}
  .icons-mf .iamtooltip {display: inline;}
  .margin-top--200 {margin-top: -200px;position: relative;z-index: 3;}
} 
@media (min-width: 1800px) {
  .overflow-item {display: flex!important;}
}
@media (max-width: 1700px) {
.wildest-thing img {width:80px;top:-4px !important}
}
@media (min-width: 480px) {
  .otherPhotos a {width: 25%;}
  .choice {flex-direction: row;justify-content: space-between;}
}
@media (max-width: 1399px) {
.xs-font p {font-size:.8rem !important}
}
@media (max-width: 1199px) {
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:2rem!important;line-height: 100%!important;}
  #mit {width:auto;}
}
@media (max-width: 768px) {
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1rem!important;line-height: 120%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:1.2rem!important;line-height: 120%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:2rem!important;line-height: 120%;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:2rem!important;line-height: 120%;}
header .btn {font-size:.8rem}
h1 {font-size:2.6rem}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px!important;}
header .xs-font .hicons p {font-size:0 !important}
}
@media (max-width: 575px) {
  .cta-image img {right: auto;z-index: 0;position: relative!important;display: block;margin:auto;}
  .cta-text {z-index:1}
header .icons {font-size:0}
header #cartItemCount1 {font-size:.84rem !important}
}
@media (max-width: 414px) {
  .otherPhotos a {width: 20%;}
  h2 {font-size: 1.56rem;}
  .m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:1rem!important;line-height: 120%!important;}
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.4rem!important;line-height: 120%!important;}
}

@media (orientation: portrait) {.hero-height {min-height: 45vh;} }

/*cookie popup css*/
.popup-cookieconsent-div-footer {background-color: transparent!important;}
.popup-cookieconsent-div {background-color: #333!important;overflow-y: auto!important;}
.popup-cookieconsent-div-content {background-color: #333!important;color:#fff!important;}
.cook.active {color: #fff!important;}
.cookies-allowed-title {color: #fff !important;}
.popup-cookieconsent-div a {color: #d3d3d3!important;}
.popup-cookieconsent-div .row, .popup-cookieconsent-down .row {max-width: 1240px;margin-left:auto!important;margin-right: auto!important;}
.popup-cookieconsent-down {background-color: #333!important;border-top:none!important;position: fixed;bottom:0;left:0;width:100%;}
.popup-cookieconsent-down a {color: #fff;}
.popup-cookieconsent-down p {color: #fff;}
.popup-cookieconsent-button a {border:solid 3px #fff!important;border-radius: 0!important;padding-left: 24px!important;padding-right:24px!important;background-color:#fff!important;}
.popup-cookieconsent-button a:hover {color:#333!important;}
.popup-cookieconsent-button.save a, .popup-cookieconsent-button.allow a {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-button.cancel a, .popup-cookieconsent-close-button a {color: #333!important;}
.popup-cookieconsent-close-button a:after {line-height: 24px;}

@media (max-width: 767px) {
  .popup-cookieconsent-button  {display: block!important;}
  .cookies-allowed-title {margin-top: 1rem!important;}
}

.termsUrl:after {content: '*';}
.btn-info {background-color: var(--color-10);color: var(--color-0);box-shadow: none;border:none;}
.btn-info:hover {background-color: var(--color-3);color: var(--color-0);box-shadow: none;}
.btn-osc-checkout {background-color: var(--color-3)!important;}
#os-checkout .title h2 {color: var(--color-5)!important;}
.ml-3 {margin-left: 15px;}
.mr-3 {margin-right: 15px;}
#os-checkout input {font-weight: 400;}
#os-checkout input::placeholder {color: #7d746d!important;font-weight: 400;}
.regFormTable h2 {font-weight: 700}
.n1028211 .teaser-featured-swiper .swiper-slide > .col-12 {flex:0 0 100%;width:100%}