html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, figure, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }  ol, ul { list-style: none; } blockquote, q { quotes: none; }  :focus { outline: 0; }  ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } html {  height:100%; width:100%; overflow-x:hidden; width: calc( 100% ); max-width: calc( 100vw ); }
 
 
body{ line-height: 1; width:100%; overflow-x:hidden;font-family: 'Inter', sans-serif;background:#fff; width: calc( 100% ); max-width: calc( 100vw ); }  
.noscroll { overflow: hidden; }
.visually-hidden{display:none;} 
.off-the-view, .assistive{position:fixed!important; top:0!important; left:-20000rem!important;} 
.clear{clear:both;}  
.the-page {padding-top:115px;}
.display-none {display:none}
h1{font-size:2rem;padding:1rem; font-weight:400} 
h2, h3, h4, p{line-height:1.5em;}
.anchore { display: block; position: relative; top: -160px; visibility: hidden;}
.wrapper {max-width:1728px;width:100%; margin:0 auto;}
.wrapper.basket-nav {width:96%; max-width:800px; margin:2rem auto 2rem auto ;}
.wrapper.widest { max-width:100%;width:100%; }
.wrapper.limited { max-width:1728px; box-sizing:border-box; padding:0 80px; padding-bottom:2rem;}
.wrapper.wider {max-width:1728px;width:100%; }
.wrapper.wider.checkout-area { box-sizing:border-box; padding:0 1rem; padding-bottom:2rem;}
.wrapper.wider-offset {max-width:1728px;width:100%; }
.wrapper.wrapper-wide-image {padding:1rem 0 0 0 }
.wrapper.packs {margin-top:3rem;margin-bottom:3rem; }
.short-wrapper { max-width:575px; }
.short-wrapper.left-side { max-width:575px; float:right}
.search-form-holder {display:none;}
.search-form-body {padding:1rem 0 0 0 ;position:relative; width:100%;box-sizing:border-box;}
.search-form-body .form-body {padding: 0; box-sizing:border-box;position:relative;}
.search-form-body .form-body .newsletter-inputs{ position:relative;}
.search-form-body .form-body .error{  font-size:0.875rem;font-weight:300; line-height:1rem; color:#d64b29; padding: 0.5rem 0;}
.search-form-body .form-body .newsletter-inputs .error{ position:absolute; left:1rem; top:-0.75rem;  padding:0.25rem 0.5rem; background:#fff; border-left:1px #d64b29 solid;border-right:1px #d64b29 solid;}
.search-form-holder .search-form-body .form-body .error{ position:absolute; left:1.25rem; top:-0.75rem; padding:0.25rem 0.5rem; background:#fff; border-left:1px #d64b29 solid;border-right:1px #d64b29 solid;}
.text-field .error{  font-size:0.675rem;font-weight:300; line-height:1em; color:#d64b29; padding: 0.25rem 0.5rem; position:absolute; right:1rem; top:-0.5rem;pointer-events:none; background:#fff; border-left:1px #d64b29 solid;border-right:1px #d64b29 solid;}

.textarea-field {position:relative;}
.textarea-field .error {
  font-size: 0.675rem;
  font-weight: 300;
  line-height: 1em;
  color: #d64b29;
  padding: 0.25rem 0.5rem;
  position: absolute;
  right: 1rem;
  top: -0.5rem;
  pointer-events: none;
  background: #fff;
  border-left: 1px #d64b29 solid;
  border-right: 1px #d64b29 solid;
}

.search-form-holder {padding:0 1rem}
.search-form-holder .search-form-body:after {height:1rem;width:100%;content:'';display:block}

.search-form-holder:after{ opacity:0.1;width:100%; display:block; height:1px; background: rgba(0,0,0,1); position:absolute;content:''; bottom:0; left:0;opacity:0;-moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.search-form-holder.isvisible:after{ opacity:0.1; }
.search-form-body input[type=text]{box-sizing:border-box; width:80%; height:60px; line-height:60px; font-size:1.115rem; padding:0.5rem;  border: 1px #8ea2a4 solid;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:none;cursor:pointer;border-radius: 0;display:block; float:left;} 
.search-form-body .error-label input[type=text]{ border: 1px #d64b29 solid;} 
.search-form-body input[type="submit"] { box-sizing:border-box;width:20%; border-radius:0; font-size:0.875rem;letter-spacing:1px; line-height:1.4rem;border: 1px #8ea2a4 solid; border-left:0;background:#ddd; color:#000; text-align:center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font-weight: 400; display: block; text-decoration:none;padding: 7px 3rem 7px 3rem ; margin-bottom:0; margin-top:0}
.newsletter-form .search-form-body input[type="submit"] { padding: 7px 1rem 7px 1rem ;width:auto; }

.nav-holder {float:right;} 
.main-header{background:#fff; width:100%; position:fixed; top:0; left:0; z-index:10000; width: calc( 100% ); text-align:right }
.main-header .top-bar{ width:100%; }
.main-header span.logo { width:280px;float:left; text-align:left;margin-left:1rem; }
.main-header .in-cell {display:inline-block; width:auto; text-align:right; }
.main-header ul.cell li {display:inline-block;margin: 0 }
.main-header ul.cell li a{color:#000; text-decoration:none; display:block; padding: 0  1.25rem; font-size:0.75rem;  font-weight:400;-moz-transition: color 0.2s ease-out; -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out;text-transform:uppercase;} 
.main-header ul.cell li.black-friday a{color:#fff; padding:0 1.25rem; background:#000;} 
.main-header ul.cell li.dzien-kobiet a{color:#fff; padding:0 1.25rem; background:#a7b7fd;} 
.main-header ul.cell li p a{color:#000; text-decoration:underline; display:inline-block; letter-spacing:0; padding: 0;} 
.main-header ul.cell li a:hover{color:#777; } 
.main-header ul.cell li.black-friday a:hover{color:#ddd; } 
.main-header ul.cell li.dzien-kobiet a:hover{color:#000; } 
.main-header ul.cell li a span{ display:block; padding:0; line-height:70px;position:relative} 
.main-header ul.cell li.has-sub a span:after{ display:block; bottom:0; left:0; width:0; height:3px; position:absolute;background:#000; content:'';-moz-transition: width 0.5s ease-out; -webkit-transition: width 0.5s ease-out; -o-transition: width 0.5s ease-out; transition: width 0.5s ease-out;} 
.main-header div.function {float:right;  text-align:right;margin-top:1rem;margin-right:1rem;}
.main-header span.logo a{display:block; background:url(/images/revisage.bebeauty.expert.png) left center no-repeat; background-size: 65% auto; width:280px; height:4.375rem; overflow:hidden; text-indent:-20000em;}

.input-common { box-sizing: border-box; height: 60px; line-height: 60px; font-size: 1rem; padding: 0 1rem; border: 1px #8ea2a4 solid; background: #8ea2a4; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: none; cursor: pointer; border-radius: 0; font-family: 'Inter', sans-serif; font-weight: 400; display: block; text-decoration:none; 
}
.main-header ul.cell li.has-sub .combo {background:#ffffff; width:100%; position:absolute; top:-200vh; left:0; min-height:200px;opacity:1; z-index:100000; }
.main-header ul.cell li.has-sub .combo:after{ opacity:0.1;width:100%; display:block; height:20px; background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );position:absolute;content:''; bottom:-20px; left:0;}
.main-header ul.cell li.has-sub .combo.show { left:0; top:112px;opacity:1; }
.main-header .nav-holder.moved ul.cell li.has-sub .combo.show {  top:236px; }
.main-header ul.cell li.has-sub .combo .columns{ width:calc(100% - 2rem); margin-left:1rem; display:table; position:relative;margin-bottom:1rem; box-sizing:border-box;} 
.main-header ul.cell li.has-sub .combo .columns .column{ width:15%; display:table-cell; text-align:left; vertical-align:middle;}
.main-header ul.cell li.has-sub .combo .columns .column:nth-child(2){ width:12%;}
.main-header ul.cell li.has-sub .combo .columns .column:nth-child(3){ width:12%;vertical-align:top;}
.main-header ul.cell li.has-sub .combo .columns .column:nth-child(4){ width:12%;vertical-align:top;}
.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column{ width:15%; display:table-cell; text-align:left;vertical-align:top;}
.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column:nth-child(2){ width:15%;vertical-align:top;}
.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column:nth-child(3){ width:15%;vertical-align:top;}
.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column:nth-child(4){ width:15%;vertical-align:top;}
.main-header ul.cell li.has-sub .combo .columns .column h3{  padding: 0 1.25rem 0 0; margin-bottom:0.5rem; font-size:0.875rem;font-weight:700;line-height:1.5em;text-transform:uppercase; letter-spacing:1px;}
.main-header ul.cell li.has-sub .combo .columns .column .txt{  padding: 1rem 0.5rem 0 0.5rem; font-size:0.875rem;font-weight:300; line-height:1.5em;}
.main-header ul.cell li.has-sub .combo .columns .column .txt img{ width:100%; height:auto; display:block;}
.main-header ul.cell li.has-sub .combo .columns .column ul { margin-top:1.5rem; margin-left:1rem}
.main-header ul.cell li.has-sub .combo .columns .column ul li {  display:block;margin-left:0; margin-bottom:0; }
.main-header ul.cell li.has-sub .combo .columns .column ul li a{ font-size:0.875rem; padding-left:0;  padding-bottom:0.3rem;  padding-top:0.3rem; letter-spacing:0;-moz-transition: color 0.2s ease-out; -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out;color:#777; letter-spacing:0.5px;} 
.main-header ul.cell li.has-sub .combo .columns .column ul li.dermaceutic a,
.main-header ul.cell li.has-sub .combo .columns .column ul li.dp-dermaceuticals a,
.main-header ul.cell li.has-sub .combo .columns .column ul li.p1p a,
.main-header ul.cell li.has-sub .combo .columns .column ul li.biosense a,
.main-header ul.cell li.has-sub .combo .columns .column ul li.sente a ,
.main-header ul.cell li.has-sub .combo .columns .column ul li.pure-story a,
.main-header ul.cell li.has-sub .combo .columns .column ul li.hydropeptide a, 
.main-header ul.cell li.has-sub .combo .columns .column ul li.exo-grow a, 
.main-header ul.cell li.has-sub .combo .columns .column ul li.dr-ivana a { -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;text-align:center; padding-right:0; text-align:center; padding-bottom: 130px; opacity:0.7; filter: grayscale(1);text-indent:-2000em; } 
.main-header ul.cell li.has-sub .combo .columns .column ul li.dermaceutic a:hover,
.main-header ul.cell li.has-sub .combo .columns .column ul li.dp-dermaceuticals a:hover,
.main-header ul.cell li.has-sub .combo .columns .column ul li.p1p a:hover,
.main-header ul.cell li.has-sub .combo .columns .column ul li.biosense a:hover,
.main-header ul.cell li.has-sub .combo .columns .column ul li.sente a:hover ,
.main-header ul.cell li.has-sub .combo .columns .column ul li.pure-story a:hover,
.main-header ul.cell li.has-sub .combo .columns .column ul li.hydropeptide a:hover, 
.main-header ul.cell li.has-sub .combo .columns .column ul li.exo-grow a:hover, 
.main-header ul.cell li.has-sub .combo .columns .column ul li.dr-ivana a:hover { opacity:1;  background-size: auto 110%;}
.main-header ul.cell li.has-sub .combo .columns .column ul li.dermaceutic a {background:url(/images/bb.logo_dermaceutic.grey.jpg) center center no-repeat; background-size: auto 100%;} 
.main-header ul.cell li.has-sub .combo .columns .column ul li.pure-story a {background:url(/images/bb.logo_pure-story.grey.jpg) center center no-repeat; background-size: auto 100%;} 
.main-header ul.cell li.has-sub .combo .columns .column ul li.dp-dermaceuticals a {background:url(/images/bb.logo_dp.dermaceuticals.grey.jpg) center center no-repeat; background-size: auto 100%;} 
.main-header ul.cell li.has-sub .combo .columns .column ul li.p1p a {background:url(/images/bb.logo_p1p.grey.jpg) center center no-repeat; background-size: auto 100%;} 
.main-header ul.cell li.has-sub .combo .columns .column ul li.biosense a {background:url(/images/bb.logo_biosense.grey.jpg) center center no-repeat; background-size: auto 100%;} 
.main-header ul.cell li.has-sub .combo .columns .column ul li.sente a {background:url(/images/bb.logo_sente.grey.jpg) center center no-repeat; background-size: auto 100%;} 
.main-header ul.cell li.has-sub .combo .columns .column ul li.hydropeptide a {background:url(/images/Hydro.Peptide.Logo.jpg) center center no-repeat; background-size: auto 100%;} 
.main-header ul.cell li.has-sub .combo .columns .column ul li.dr-ivana a {background:url(/images/bb.logo.dr.ivana.jpg) center center no-repeat; background-size: auto 100%;} 
.main-header ul.cell li.has-sub .combo .columns .column ul li.exo-grow a {background:url(/images/bb.logo.exo-grow.jpg) center center no-repeat; background-size: auto 100%;} 

 
.main-header ul.cell li.has-sub .combo .columns .column ul li:last-child a { }
.main-header ul.cell li.has-sub .combo .columns .column ul li a:hover{ color:#8ea2a4;filter:none; }
.main-header ul.cell li.has-sub:hover a span:after{width:100%;}
.main-header div.function ul {width:100%;}
.main-header div.function ul li{width:30px; height:40px; display:inline-block; position:relative; margin-left:10px}
.main-header div.function ul li:last-child{ margin-right:10px}
.main-header div.function ul li .counter{width:18px; height:18px; display:inline-block; position:absolute; bottom:0; right:-4px; background:#000; border-radius:9px; font-size:0.675rem; color:#fff; line-height:18px; text-align:center; font-family:arial, san-serif;pointer-events: none; text-indent:0; }
.main-header div.function ul li .counter.active{ background:#d64b29;  }
.main-header div.function ul li a, .main-header div.function ul li span { width:30px; height:40px; display:block; text-indent:-2000em; cursor:pointer; text-align:left;overflow:hidden;}
.main-header div.function ul li a.search-trigger, .main-header div.function ul li span.search-trigger { background:url(images/search-alt.svg) center center no-repeat; background-size: auto 20px;}
.main-header div.function ul li.menu-holder, .main-header div.function ul li.menu-holder  { margin-left:15px; width:30px;display:none;}
.main-header div.function ul li.menu-holder a.menu-trigger, .main-header div.function ul li.menu-holder span.menu-trigger { background:url(images/menu.svg) center center no-repeat; background-size: auto 18px;}
.main-header div.function ul li.menu-holder a.menu-trigger.toclose, .main-header div.function ul li.menu-holder span.menu-trigger.toclose { background:url(images/close.svg) center center no-repeat; background-size: auto 18px;}
.main-header div.function ul li a.search-trigger.active, .main-header div.function ul li span.search-trigger.active { background:url(images/search-on-alt.svg) center center no-repeat; background-size: auto 20px;}
.main-header div.function ul li a.login-trigger, .main-header div.function ul li span.login-trigger { background:url(images/user-alt.svg) center center no-repeat; background-size: auto 20px;}
.main-header div.function ul li a.login-trigger.active, .main-header div.function ul li span.login-trigger.active { background:url(images/user-on-alt.svg) center center no-repeat; background-size: auto 20px;}
.main-header div.function ul li a.basket-trigger, .main-header div.function ul li span.basket-trigger { background:url(images/basket.svg) center center no-repeat; background-size: auto 20px;}
.main-header div.function ul li a.basket-trigger.active, .main-header div.function ul li span.basket-trigger.active { background:url(images/basket-on.svg) center center no-repeat; background-size: auto 20px;}

.home-hero-container, 
.home-hero-container-half {width:100%;margin: 0 0 3rem 0 ;position:relative;} 
.wide-slider .home-hero-container, 
.wide-slider .home-hero-container-half {width:100%;margin: 0 ;position:relative;} 
.home-hero-container img {width:100%; height:auto;}
.home-hero-container .desktop-style {display:block;position:relative;height:100%}
.home-hero-container .mobile-style {display:none}
.desktop-style {display:block}
.mobile-style {display:none}

.fullscreen-video-section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none; }
.fullscreen-video-section video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); z-index: -1; }
 
.home-tag-line { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; box-sizing: border-box; }
.home-tag-line .wrapper { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 0 5%; max-width: 1728px; width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; }
.layout_1 .home-tag-line p.button-holder { position: absolute; bottom: 2rem; left: 5%; }
.layout_1 .home-tag-line p, .home-tag-line p { font-size: 1.25rem; font-weight: 300; line-height: 1.5em; text-align: left; max-width: 580px; letter-spacing: 1px; }

.home-tag-line h3 { font-size:4rem; font-weight:700; line-height:1.5em; text-align:left; max-width:580px;}
.home-tag-line p { font-size:1.25rem; font-weight:300; line-height:1.5em; text-align:left;max-width:580px;letter-spacing:1px; }
.home-tag-line p.button-holder{ font-size:1.25rem; font-weight:300; line-height:1.5em; text-align:left;max-width:50%;letter-spacing:1px; }
.home-tag-line p.button-holder span{ padding:0.875rem;  font-size:1rem; color:#000; display:inline-block;  text-transform:uppercase; margin:1rem 0;text-decoration:none; border:1px #000 solid; border-radius:7px;}

.layout_1 .home-tag-line .wrapper { }
.layout_1 .home-tag-line p.button-holder {position:absolute; bottom:2rem; left:5%}
.layout_1 .home-tag-line p.title-over {position:absolute; top:4rem; left:0;font-size:1rem; font-weight:300;}
.layout_1 .home-tag-line h3 { font-size:2rem; font-weight:300; font-style:italic; line-height:1.35em; text-align:left; max-width:480px;}
.layout_1 .home-tag-line p { font-size:1rem; font-weight:300; line-height:1.45em; text-align:left;max-width:480px;letter-spacing:1px; }
 

.layout_2 .home-tag-line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.layout_2 .home-tag-line .wrapper  { display: flex; flex-direction: column; align-items: center; height: 100%;  justify-content: center; }
.layout_2 .home-tag-line h3, .layout_2 .home-tag-line p { width: 100%;  text-align: center; }

.layout_2 .home-tag-line p.button-holder {position:relative; bottom:auto; left:auto}
.layout_2 .home-tag-line p.title-over {position:relative; top:auto; left:auto;font-size:1rem; font-weight:300;}
.layout_2 .home-tag-line h3 { font-size:3rem; font-weight:300; font-style:italic; line-height:1.5em; text-align:center; max-width:580px;display:inline-block}
.layout_2 .home-tag-line p { font-size:1.25rem; font-weight:300; line-height:1.5em; text-align:center;max-width:580px;letter-spacing:1px; display:inline-block}

.home-hero-container.no-text .home-tag-line {display:none; }
.slide-item a ,.wrapper-wide-image a {display:block; text-decoration:none;  color:#000 } 
.home-hero-container a {display:block;}
.home-hero-container a .home-tag-line ,.home-hero-container a .home-tag-line h2, .home-hero-container a .home-tag-line h3{ text-decoration:none;  color:#000}
.left-text-box {position:absolute; bottom:0; left:0;  background:#f6f8fa; padding:1.5rem 2.5rem 0.5rem 2.5rem ; width:100%;box-sizing:border-box;  text-align:center;}
.home-hero-container-half .tag-line-shadow,
.small-slider-container .tag-line-shadow{ text-align:center; } 
.small-slider-container h2,  
.grid-holder h2,  
.wide-slider-holder h2 {text-align:center; font-size:1.5rem; font-weight:300; line-height:1.5em; text-transform:uppercase; padding: 3rem 0 2rem 0;letter-spacing:2px;} 
.home-hero-container-half .home-tag-line h2 {text-align:center; font-size:1.5rem; font-weight:700; line-height:1.5em; text-align:left;} 
a .small-slider-container h2, 
a .small-slider-container h3, 
a .home-hero-container-half .home-tag-line h2 {text-decoration:none;  color:#000}
.left-big h2 { font-size:1.115rem; font-weight:300; line-height:1.5em;}
.home-hero-container-half .home-tag-line h2 { font-size:2.25rem; }
.home-hero-container-half .home-tag-line h2 span{display:block;}
.small-slider-container p.button-holder,
.left-big p.button-holder,
.home-hero-container-half .home-tag-line p.button-holder{ margin:1rem 0 0.5rem 0 ; font-size:0.75rem; letter-spacing:2px;text-align:center;} 
.left-big p.button-holder{ margin:1rem 0 0.5rem 0 ; } 
.home-hero-container-half .home-tag-line p.button-holder,
.small-slider-container p.button-holder{ text-align:center;display:inline-block;  } 
.home-hero-container-half .home-tag-line p,
.small-slider-container p { margin:1rem 0 1rem 0 ; font-size:1rem;letter-spacing:0;display: block;width:100%; box-sizing:border-box;}  
.home-hero-container-half.small-text .home-tag-line p { font-size:0.875rem;  text-align:justify; color:#444} 
.home-hero-container-half .home-tag-line h3 { font-size:1rem; font-weight:700;}  
.home-hero-container-half .home-tag-line ul { margin:1rem 0 1rem 0 ; } 
.home-hero-container-half .home-tag-line ul li { font-size:0.875rem; text-align:justify; margin:0.25rem 0 0.25rem 0 ; line-height:1.5em; position:relative} 
.home-hero-container-half.small-text .home-tag-line ul li {padding-left:1.5rem;}
.home-hero-container-half.small-text .home-tag-line ul li:before {background:#777; height:1px; width:1rem; position:absolute; left:0; top:0.6em; content:'';}
.home-hero-container-half.small-text .home-tag-line ul li { text-align:left; } 
.home-hero-container-half .home-tag-line p.over-title{ margin:1.5rem 0 1rem 0 ; font-size:0.75rem; line-height:1.5em; letter-spacing:2px;text-align:left;} 
.small-slider-container .tag-line-shadow p a,
.strech-cell.text-cell p a,
.left-big a,
.home-hero-container-half .home-tag-line p a{display:inline-block; border-bottom:1px #ccc solid; text-decoration:none; padding:1rem 1rem 0.75rem 0; color:#000000; transition: all 0.2s ease-out; position:relative;font-weight:700;} 
.home-hero-container-half .home-tag-line p a:before{display:inline-block;  position:absolute; right:0px; bottom:17px; content:'';border-top:1px #000 solid;border-right:1px #000 solid; width:10px; height:10px; transform:rotate(45deg);transition: all 0.2s ease-out; } 
.small-slider-container .tag-line-shadow p a:before,
.strech-cell.text-cell p a:before,
.left-big a:before{display:inline-block;  position:absolute; right:0px; top:20px; content:''; background:#000000; width:8px; height:1px; transform:rotate(45deg);transition: all 0.2s ease-out; } 
.small-slider-container .tag-line-shadow p a:after,
.strech-cell.text-cell p a:after,
.left-big a:after{display:inline-block;  position:absolute; right:0px; bottom:20px; content:''; background:#000000; width:8px; height:1px; transform:rotate(-45deg);transition: all 0.2s ease-out; }
 
.generic-text-holder.text-holder{margin-bottom:3rem;}
.small-slider-container {width:100%;margin:0 0 3rem 0 ;}
.small-slider-container header{width:20%; float:left; padding-top:1rem;}
.small-slider-container.marki header{ padding-top:0; text-align:center}
.small-slider-container header img{width:70%; height:auto;display:inline-block}
.small-slider {width:100%; float:left; margin-left:0;position:relative}
.small-slider.related {width:70%; float:none; margin-left:15%; }
.small-slider-container.rightsided header{ float:right; }
.rightsided .small-slider { float:right; margin-left:0; margin-right:0; }

.small-slider li,
.layout-right .layout-item,
ul.grid-items li,
.small-slider li .inner,
.layout-right .layout-item .inner,
ul.grid-items li .inner {   position: relative; }

.small-slider li .image-box,
.layout-right .layout-item .image-box,
ul.grid-items li .image-box { background: #f4f4f4; margin: 0 1px; }

.small-slider li .image-box a,
.layout-right .layout-item .image-box a,
ul.grid-items li .image-box a { display: block; }

.small-slider li .image-box a img,
.layout-right .layout-item .image-box a img,
ul.grid-items li .image-box a img { width: 100%; height: auto; display: block; transition: all 0.2s ease-out; }

.small-slider li:hover .image-box a img,
.layout-right .layout-item:hover .image-box a img,
ul.grid-items li:hover .image-box a img { transform: scale(1.05); }

.small-slider li .text-box,
.layout-right .layout-item .text-box,
ul.grid-items li .text-box { display: block; text-decoration: none; color: #000; text-align: left; position: relative; margin: 1rem; }
ul.grid-items li .text-box { margin: 1rem 1rem 4rem 1rem; }

.small-slider li .text-box h3,
.layout-right .layout-item .text-box h3,
ul.grid-items li .text-box h3 { font-size: 0.875rem; line-height: 1.8em; font-weight: 600; padding-left: 0; margin: 0.75rem 0 0 0; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; text-transform: uppercase; min-height: 1.8rem; }

.small-slider li .text-box p,
.layout-right .layout-item .text-box p,
ul.grid-items li .text-box p { font-size: 0.75rem; line-height: 1.3em; font-weight: 400; padding-left: 0; margin: 0; color: #777; }

.small-slider li .text-box p.item-lead,
.layout-right .layout-item .text-box p.item-lead,
ul.grid-items li .text-box p.item-lead { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 2rem; overflow: hidden; max-width: 80%; }

.small-slider li .text-box p.brand-holder,
.layout-right .layout-item .text-box p.brand-holder,
ul.grid-items li .text-box p.brand-holder { padding: 0; margin: 0; margin-top: 1em; text-transform: uppercase; padding-right: 40%; font-size: 0.675rem; }

.small-slider li p.badges,
.layout-right .layout-item p.badges,
ul.grid-items li p.badges { padding: 0; margin: 0; position: absolute; top: 1rem; left: 1rem; font-size: 0.675rem; }

.small-slider li p.badges span,
.layout-right .layout-item p.badges span,
ul.grid-items li p.badges span { display: inline-block; padding: 5px 1rem; background: #777; color: #fff; line-height: 1em; margin-right: 2px; }

.small-slider li .text-box p.price-message,
.layout-right .layout-item .text-box p.price-message,
ul.grid-items li .text-box p.price-message { font-size: 1rem; font-weight: 700; padding-top: 0.5rem; color: #000; }
 

.small-slider li .text-box p.price-message span,
.layout-right .layout-item .text-box p.price-message span,
ul.grid-items li .text-box p.price-message span { font-size: 0.675rem; font-weight: 400; display: inline-block; padding-left: 0.5rem; }

.small-slider li .text-box p.price-message em span,
.layout-right .layout-item .text-box p.price-message em span,
ul.grid-items li .text-box p.price-message em span { padding-left: 0.25rem; }

.small-slider li .text-box p.price-message em,
.layout-right .layout-item .text-box p.price-message em,
ul.grid-items li .text-box p.price-message em { font-size: 1rem; font-weight: 400; display: inline-block; padding-right: 0.5rem; text-decoration:line-through }


.section-side-header { padding: 0 1rem 1rem 1rem}
.section-side-header h2 { font-size:1.5rem; font-weight:400; line-height:1.5em;  padding: 1rem 0 1rem 0} 

.small-grid-next-button {position:absolute; right:0px; top:0; width:40px; height:100%; background: url(images/arrow-big-multi.svg) center 40% no-repeat; background-size:auto 24px; cursor:pointer;}
.small-grid-prev-button {position:absolute; left:0px; top:0; width:40px; height:100%; background: url(images/arrow-big-multi.svg) center 60% no-repeat; background-size:auto 24px; cursor:pointer; transform:rotate(180deg);} 

.home-hero-container-half {display:table;}
.home-hero-container-half figure {display:table-cell;width:50%;vertical-align:middle;}
.home-hero-container-half figure img{  }
.home-hero-container-half .home-tag-line {position:relative; top:auto; left:auto; height:auto;display:table-cell;width:50%;vertical-align:middle;box-sizing:border-box; padding:3rem; }
.home-hero-container-half .home-tag-line h2{ }

.grid-block-container { margin: 0; background:#f4f4f4;}
.grid-block-container.layout_1 { display: grid; grid-template-columns: 1fr 1fr ; grid-gap: 1.5rem; }
.grid-block-container.layout_2 {display: block; }
.grid-container-item {background:#f4f4f4;width: 30%;}
.grid-container-item a {color:#000;text-decoration:none;display:block; flex-grow: 1;}  
.item-image-box {margin-bottom:1rem;}
.item-image-box img{max-width:100%;height:auto;}
.item-text-box h3{font-size:1.25rem; font-weight:300; margin-bottom:1rem;margin-top:1rem; padding-right:1rem; padding-left:1rem;}
.item-text-box p {font-size:0.875rem; font-weight:300;margin-bottom:1rem; padding-right:1rem;  padding-left:1rem;}
.grid-container-item a .item-text-box p span.link{display:inline-block; text-decoration:none; position:relative; padding:1rem 0 0.5rem 0 } 
.grid-container-item a .item-text-box p span.link:after{display:inline-block; position:absolute; bottom:-2px; left:0; width:0; height:1px; background:#000;content:''; }
.grid-container-item a:hover .item-text-box p span.link:after{ width:100%; transition: all 0.2s ease-out;}

.left-big { background:#f6f8fa;  grid-row: span 2;position:relative; border:1px #ddd solid; box-sizing:border-box;}
.right-small {background:#f6f8fa; min-height:200px;border:1px #ddd solid; box-sizing:border-box;}  
.wide-slider{position:relative;  }
.limited .wide-slider{ padding-bottom:2rem; }
.wide-grid-next,.wide-grid-prev{position:absolute; top:0;width:3rem;height:100%; display:block; background:url(images/arrow-big-multi.svg) center center no-repeat; background-size:auto 24px; cursor:pointer;}
.wide-grid-next{right:0;}
.wide-grid-prev{left:0; transform:rotate(180deg);}

.limited .wide-grid-next{right:-75px;}
.limited .wide-grid-prev{left:-75px; }

.result-mesage p {padding:1rem ; font-size:0.875rem;line-height:1.3em; font-weight:400; }

.fore-footer { border-top:1px #ddd solid}

.personal-data td {padding:5px;}


.manual-icon {display:block;width:100%; box-sizing:border-box;padding:0 1rem }
.manual-icon a {display:table;width:100%;text-decoration:none; }
.manual-icon figure {display:table-cell;width:300px; background:#efb399;box-sizing:border-box; padding:1rem 2rem }
.manual-icon figcaption{display:table-cell;width:auto; vertical-align:middle; padding:0 2rem 0 0 ; text-align:center}
.manual-icon figcaption p{ padding:1rem 1.5rem; color:#444;font-size:1rem; font-weight:300; max-width:200px; background: #f4f3f1; display:inline-block;}
.manual-icon figure img{display:block;width:100%; height:auto;}

.wide-cells {display:table;width:100%; }
.wide-cells li {display:table-cell;width:20%; background:#fff;}
.wide-cells li a .img {display:block;width:98%;overflow:hidden; margin-left:1%;}
.wide-cells li a .img img {display:block;width:100%; height:auto;transition: all 0.2s ease-out;}
.wide-cells li a:hover .img img {transform:scale(1.05);}
.wide-cells li h3 {text-align:center; font-size:0.75rem;line-height:1.3em; font-weight:400; padding:0; margin:2rem 1rem; box-sizing:border-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 2.275rem; overflow:hidden;}
.wide-cells li h3 span{ display:inline-block; position:relative}
.wide-cells li h3 span:after{ display:inline-block; position:absolute; bottom:-10px; left:0;width:100%; height:1px; background:#777;content:'';}
.wide-cells li a {display:block;text-decoration:none;}
.wide-cells li a h3 {text-decoration:none; color:#000}


.row-cells {display:table;width:100%; margin-bottom:1rem;}
.row-cells li {display:table-cell;width:20%;box-sizing:border-box; text-align:center; vertical-align:top; padding: 1rem 0}
.row-cells li h3{  text-align:center; font-size:1rem;line-height:1.3em; font-weight:700; padding:5rem 1rem 1rem 1rem ;}
.row-cells li.delivery h3{ background: url(images/car.svg) center 10px no-repeat; background-size:60px auto;}
.row-cells li.clock h3{ background: url(images/clock.svg) center 10px no-repeat; background-size:60px auto;}
.row-cells li.phone h3{ background: url(images/phone.svg) center 10px no-repeat; background-size:60px auto;}
.row-cells li p{  text-align:center; font-size:0.875rem;font-weight:400; padding:1rem; display:inline-block;max-width:280px;}
.strech {display:table ;width:100%;height:100%}
.strech-cell{display:table-cell;width:50%;vertical-align:middle;height:100%; }
.strech-cell.text-cell {box-sizing:border-box; padding:1rem }
.strech-cell.text-cell h2{font-family: 'Inter', sans-serif; font-size:1.115rem; padding-top:1rem; font-weight:normal; text-align:center;box-sizing:border-box; padding-left: 1rem; padding-right: 1rem; }
.strech-cell.text-cell p{ margin:0 0 0.5rem 0 ; font-size:0.75rem; letter-spacing:2px;text-align:center;}
.strech-cell.text-cell p.button-holder{ margin:1.5rem 0 0.5rem 0 ; }


.help-desk {width:100%; background:#6d7b87; padding:0.75rem 0; font-size:0.75rem; box-sizing:border-box;color:#fff; text-transform:uppercase;}
.help-desk p {text-align:center; }
.help-desk p span{display:inline-block; } 
.help-desk p a{color:#fff; text-decoration:none;display:inline-block; }
.main-slider {width:100%; height:550px;}
.main-slider .item{width:100%; height:550px; } 
.main-slider .item .slider-content{height:550px;display:table; width:60%; }
.main-slider .item.right-align .slider-content{margin-left:40% }
.main-slider .item .slider-content .slider-content-text{display:table-cell; vertical-align:middle;box-sizing:border-box; }
.main-slider .item .slider-content .slider-content-text h2{ padding-bottom:0;font-family: 'Inter', sans-serif; font-size:3rem; font-weight:normal;}
.main-slider .item.right-align .slider-content .slider-content-text h2,
.main-slider .item.right-align .slider-content .slider-content-text p,
.main-slider .item.right-align .slider-content .slider-content-text p.generic-cta { text-align:right; }
.main-slider .item .slider-content .slider-content-text p{ padding-bottom:1em;font-family: 'Inter', sans-serif; font-size:1rem; font-weight:normal;margin:0; padding:0; color:#fff }
.main-slider .item .slider-content .slider-content-text p.generic-cta { font-family: 'Inter', sans-serif; text-align:left; margin-top:2rem}
.main-slider .item.white-text .slider-content h2{color:#fff } 

.home-video-container {  text-align:center }
.home-video-container .text-container{position:absolute; bottom:100px; left:20%; width:60%; z-index:2;}
.home-video-container h2{ padding-bottom:0; padding-top:1rem;font-family: 'Inter', sans-serif; font-size:3rem; font-weight:normal; color:#fff; text-align:center;background:rgba(0,0,0,0.4) }
.home-video-container p { padding-bottom:1em;font-family: 'Inter', sans-serif; font-size:1.25rem; font-weight:normal;color:#fff;text-align:center;background:rgba(0,0,0,0.4)  }
.home-video-container p strong {  font-weight:700; }

.main-slider-holder {position:relative;}
.main-slider-button {position:absolute; top:50%;width:50px; height:50px; z-index:2000; cursor:pointer; margin-top:-25px;}
.main-slider-button span{position:relative; width:50px; height:50px; display:block;}
.main-slider-button span:after{position:absolute; width:24px; height:1px; display:block; background:#000; content:'';top:24px; left:5px;}
.main-slider-button span:before{position:absolute; width:8px; height:8px; display:block; content:'';top:20px; left:5px; border-top:1px #000 solid; border-left:1px #000 solid;transform:rotate(-45deg)}
.main-slider-button.main-slider-next span { transform:rotate(180deg)}
.main-slider-prev { left:20px; }
.main-slider-next { right:20px; }


.wide-header {background:#fff; }
.wide-footer {background:#777;  padding-bottom:2rem }
.wide-footer.site-info {padding-left:1rem; padding-right:1rem;}
.wide-header h2{color:#777; font-size:2rem;font-family: 'Inter', sans-serif; padding:3rem 20%;font-weight:normal; text-align:center; }
.single-tag .wide-header .header-envelope{ padding:1rem 1rem 0 1rem; background:transparent; }
.single-tag .wide-header .header-envelope.with-description{ padding-bottom:0; }
.single-tag .wide-header h2{color:#777; font-size:1.25rem;font-family: 'Inter', sans-serif; padding:0 3rem 0 0 ;font-weight:300; text-align:left;border-bottom:1px #ccc solid;letter-spacing:2px; text-transform:uppercase;}
.category-description{ padding:0 1rem 60px 0 ; height:130px;overflow:hidden; position:relative; box-sizing:border-box;
-moz-transition: height 0.2s ease-out; -webkit-transition: height 0.2s ease-out; -o-transition: height 0.2s ease-out; transition: height 0.2s ease-out;} 
.category-description .more-trigger{position:absolute; bottom:0; right:0; width:40px; height:40px; content:''; background:url(images/arrow-white.svg) center center no-repeat;z-index:12;cursor:pointer;transform:rotate(90deg);}
.category-description:after{position:absolute; bottom:0; left:0; width:100%; height:110px; content:'';z-index:11; background: rgba(142,162,164,0); background: -moz-linear-gradient(top, rgba(142,162,164,0) 0%, rgba(142,162,164,0) 18%, rgba(142,162,164,1) 70%, rgba(142,162,164,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(142,162,164,0)), color-stop(18%, rgba(142,162,164,0)), color-stop(70%, rgba(142,162,164,1)), color-stop(100%, rgba(142,162,164,1))); background: -webkit-linear-gradient(top, rgba(142,162,164,0) 0%, rgba(142,162,164,0) 18%, rgba(142,162,164,1) 70%, rgba(142,162,164,1) 100%); background: -o-linear-gradient(top, rgba(142,162,164,0) 0%, rgba(142,162,164,0) 18%, rgba(142,162,164,1) 70%, rgba(142,162,164,1) 100%); background: -ms-linear-gradient(top, rgba(142,162,164,0) 0%, rgba(142,162,164,0) 18%, rgba(142,162,164,1) 70%, rgba(142,162,164,1) 100%); background: linear-gradient(to bottom, rgba(142,162,164,0) 0%, rgba(142,162,164,0) 18%, rgba(142,162,164,1) 70%, rgba(142,162,164,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ea2a4', endColorstr='#8ea2a4', GradientType=0 );}
.category-description.open{}
.category-description.open:after{ height:20px;}
.category-description.open .more-trigger{transform:rotate(-90deg) }
.single-tag .wide-header p{color:#fff; font-size:1.25rem;font-family: 'Inter', sans-serif; padding:0;font-weight:normal; text-align:left;margin:0; margin-top:0.75em; }
.single-tag .wide-header p a{color:#777;text-decoration:none   }
.single-tag .wide-header .header-envelope p{color:#777;  }
.single-tag .wide-header .header-envelope p a{color:#777;text-decoration:none  }
.wide-header ul li { display:table-cell; text-align:center; vertical-align:top; width:20%; }
.wide-header ul li a{ display:block; padding-top:110px; padding-bottom:30px;background-image: url(images/dry.svg); background-position-x: center; background-position-y: 20px; background-size: 60px auto; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial;color:#fff; font-weight:600;line-height:1.5em;-moz-transition: background 0.2s ease-out; -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out;text-decoration:none;}

.wide-header ul li.acne a,.single-tag .wide-header .header-envelope.acne{ background-image:url(images/acne.svg);}
.wide-header ul li.dry a,.single-tag .wide-header .header-envelope.dry{ background-image:url(images/dry.svg);}
.wide-header ul li.old a,.single-tag .wide-header .header-envelope.old{ background-image:url(images/old.svg);}
.wide-header ul li.eye a,.single-tag .wide-header .header-envelope.eye{ background-image:url(images/eye.svg);}
.wide-header ul li.eye_area a,.single-tag .wide-header .header-envelope.eye_area{ background-image:url(images/eye_dots.svg);}
.wide-header ul li.dots a,.single-tag .wide-header .header-envelope.dots{ background-image:url(images/dots.svg);}
.wide-header ul li.fragile a,.single-tag .wide-header .header-envelope.fragile{ background-image:url(images/fragile.svg);}
.wide-header ul li.clean a,.single-tag .wide-header .header-envelope.clean{ background-image:url(images/clean.svg);}
.wide-header ul li.moist a,.single-tag .wide-header .header-envelope.moist{ background-image:url(images/moist.svg);}
.wide-header ul li.sun a,.single-tag .wide-header .header-envelope.sun{ background-image:url(images/sun.svg);}
.wide-header ul li.regen a,.single-tag .wide-header .header-envelope.regen{ background-image:url(images/regen.svg);}
.wide-header ul li.stimulate a,.single-tag .wide-header .header-envelope.stimulate{ background-image:url(images/stimulate.svg);}
.wide-header ul li.protect a,.single-tag .wide-header .header-envelope.protect{ background-image:url(images/protect.svg);}
.wide-header ul li.pores a,.single-tag .wide-header .header-envelope.pores{ background-image:url(images/pores.svg);}

.wide-header ul li a:hover{ background-size:80px auto;background-position-y: 10px;}

.home-video-container {width:100%; height:100vh; background:#ccc;  z-index:100; }

.home-video-container video { position:relative; z-index:1; object-fit: cover; width: 100%; height:calc(100vh); display:block; }


.side-container {width:100%; margin: 0} 
.side-image-container a{width:100%;display:block;height:100%;} 

.side-container { display: grid; grid-template-columns: auto 40%;  }
.side-image-container { order: 1; }
.side-slide-container { order: 2;transform:translateX(1px) }


.fliped .side-container { display: grid; grid-template-columns: 40% auto; }
.fliped .side-image-container { order: 2; }
.fliped .side-slide-container { order: 1;transform:translateX(-1px) }

.small-grid-next-button {display:block;}
.side-slide-container .small-grid-prev-button {left:-2000px;}
.fliped .side-slide-container .small-grid-next-button {left:-2000px;}
.fliped .side-slide-container .small-grid-prev-button {left:0;}

.side-image-over {padding:0 2rem; position:relative;height:100%;}
.side-image-over p.button-holder { position:absolute; bottom: 1rem; right:1.5rem;}
.side-image-over p.button-holder{ font-size:1rem; font-weight:400; line-height:1.5em; text-align:left;max-width:50%;letter-spacing:1px; }
.side-image-over p.button-holder span{ padding:0.5rem 1rem; color:#fff; display:inline-block;  text-transform:uppercase; margin:1rem 0;border:1px #fff solid; border-radius: 7px;}

.icons-combo { }  
.icons-combo ul {width:100%; }
.icons-combo ul li { display:block; text-align:left; }
.icons-combo ul li:before { display:none; }
.icons-combo ul li a{ text-transform:uppercase; text-align:left;display:block; padding-left: 55px; padding-top:0;padding-bottom:0;background-image: url(images/deafult-icon.svg); background-position-x: 2px; background-position-y: 2px; background-size: 36px auto; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial;color:#fff; font-weight:300;line-height:1.5em;-moz-transition: background 0.2s ease-out; -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out;text-decoration:none; font-size:0.675rem; filter: invert(100%); opacity:0.65; height:42px; height:42px; box-sizing:border-box;}
.icons-combo ul li.acne a{ background-image:url(images/acne.svg);}
.icons-combo ul li.dry a{ background-image:url(images/dry.svg);}
.icons-combo ul li.old a{ background-image:url(images/old.svg);}
.icons-combo ul li.dots a{ background-image:url(images/dots.svg);}
.icons-combo ul li.fragile a{ background-image:url(images/fragile.svg);} 
.icons-combo ul li a:hover{ background-size:40px auto; background-position-x: left; background-position-y: 0;}
.single-product .description .icons-combo ul li {padding-left:0; display:table}
.single-product .description .icons-combo ul li a { display:table-cell; vertical-align:middle}

.main-columns {display: block; overflow:auto;} 
.grid-wrapper { position:relative;width:75%;display: flex; flex: 0 0 auto; flex-direction: column; min-height: 0; min-width: 0; float:right;}
.grid-wrapper.centered { margin-left:12.5%;margin-right:12.5%; }
.side-filters { position:relative;width:25%; display: block; float:left; min-height: 0; min-width: 0; padding-left:1rem;  padding-right:1rem; box-sizing:border-box;}
.side-filters ul.filters-combo { background:#fff; padding: 0 ; box-sizing:border-box;  z-index:301}
.side-filters ul.filters-combo li:first-child { margin-top:1rem; }
p.side-filters-head{cursor:pointer;margin-bottom:0;border-bottom: 1px #666 solid;position:relative} 


p.side-filters-head { font-weight:700; font-size:0.75rem; letter-spacing:1px; padding: 1rem 0 2px 0;margin-bottom:1rem; border-bottom:1px #666 solid;}
.grid-columns  {  align-items: stretch; display: grid; grid-auto-flow: row dense; position: relative; width: 100%; grid-template-columns: 1fr 1fr 1fr ; grid-gap:2px;  margin-bottom:10px;}
.grid-columns li { min-height:260px; position:relative;} 
.grid-items  {  align-items: stretch; display: grid; grid-auto-flow: row dense; position: relative; width: 100%; grid-template-columns: 1fr 1fr 1fr ; grid-gap:2px;  margin-bottom:10px;}
.grid-items li { min-height:260px; position:relative;} 
.grid li {width:25%; min-height:260px; float:left; margin-bottom:2rem; position:relative; box-sizing:border-box;} 
.grid-items li .inner{ position:relative; } 
.grid-items li .basket{ text-align:center; color:#fff;font-weight:400; font-size:0.675rem; background:#8ea2a4 ; padding: 12px 9px 12px 9px; display:block; box-sizing:border-box; cursor:pointer; overflow:auto; margin-bottom:10px;text-decoration:none; float:left; margin-left:1rem} 

.grid.text-only li {width:33.3333%; min-height:60px; float:left; margin-bottom:2rem; position:relative; box-sizing:border-box;} 
.grid.text-only li .inner-text{padding:2rem;} 
.grid.text-only li .inner-text h4{text-align:left; font-size:1.25rem;line-height:1.35em; font-weight:400; margin: 0 15px 15px 0; position:relative; z-index:100; text-transform:uppercase;} 
.grid.text-only li .inner-text p{text-align:left; font-size:1rem; font-weight:400; margin: 0 15px 15px 0; } 
.grid.text-only li .inner-text p.more-link-holder{text-align:right; } 
.grid.text-only li .inner-text p.more-link-holder a{color:#000} 
.grid.text-only li .inner-text h4 a { text-decoration:none; color:#000} 
.grid.text-only li .inner-text ol {  list-style-type:none; margin-bottom:1rem} 
.grid.text-only li .inner-text ol li{ list-style-type:none; display:inline-block; font-size:0.675rem; width:auto; float:none; margin:0; min-height:2px; margin-right:10px;} 
.grid.text-only li .inner-text ol li:after{ display:inline-block; font-size:0.875rem; content:'>'; margin-left:10px;color:#999; transform:scaleY(1.25)} 
.grid.text-only li .inner-text ol li:last-child:after{ display:none} 
.grid.text-only li .inner-text ol li:last-child a{ text-decoration:none;} 
.grid.text-only li .inner-text ol li a{color:#999} 
.grid.wide li {width:25%; } 

.grid li .inner{min-height:228px; position:relative; margin:0 30px; padding-bottom:20px; background:#fff;display:block; text-decoration:none; color:#777}  
.grid li .inner .bottomHolder{ text-align:center;}
.grid li .inner .bottomHolder .more{  text-align:center; color:#000; font-size:0.75rem;  padding:0 15px;font-weight:400; background:#fff; border-radius:8px; border:1px #555 solid;line-height:2em;  margin: 5px 5px 10px 15px;display:block; text-decoration:none; }
.grid li .inner .bottomHolder .basket{ text-align:center; color:#fff;font-weight:400; font-size:0.75rem; background:#8ea2a4 ; padding: 18px 15px 18px 15px; display:block; box-sizing:border-box; width:100%; cursor:pointer; overflow:auto; margin-bottom:10px;text-decoration:none;}
.grid li .inner .bottomHolder a.basket{  position:relative; padding-left:2rem;}
.grid li .inner .bottomHolder a.basket:before{  position:absolute; content:''; left:0.5rem; top:1rem; width:20px; height:20px; background:url(images/arrow-white.svg) center center no-repeat; background-size:100% auto;}
.grid li .inner .bottomHolder .basket.off{ background:#888; cursor:default;}
.grid li .inner .bottomHolder .basket:hover{ background:#6b8385; }
.grid li .inner .bottomHolder .basket.off:hover{ background:#888; }
.common-button{ text-align:center; color:#fff;font-weight:400; font-size:0.75rem;background:#8ea2a4 ; padding: 1rem; display:block; cursor:pointer; overflow:auto; float:right; margin-right:10px; margin-bottom:10px; box-sizing:border-box; }
.common-button:hover{ background:#6b8385; }
.grid li .inner .bottomHolder .basket.offlimits{ background:#bbb ; cursor:default; }
.grid li .inner .bottomHolder .basket.working{  text-align:center; color:#000; font-weight:400; background:#fff url(images/spin.gif) center center no-repeat ; }
.grid li .inner .bottomHolder .priceRight{  text-align:center; color:#000;  padding:0; margin: 5px 10px 1rem 10px;  display:block; line-height:1.5em; font-size:1.25em; }
.grid li .inner .bottomHolder .priceRight em{font-weight:400; display:inline-block; font-size:0.75em; line-height:1em; font-style:normal}
.grid li .inner .bottomHolder .priceRight span{font-weight:400;   display:block; font-size:0.5em; line-height:1em;}
.grid li .inner .imageHolder {padding-top:10px; text-align:center; width:100%;  position:relative; z-index:10;}
.grid li .inner .textHolder { width:100%; text-align:center;}
.grid li .inner .imageHolder img { width:100%;height:auto; display:inline;-moz-transition: transform 0.2s ease-out; -webkit-transition: transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;transform-origin: 50% 90% } 
.grid li:hover .inner .imageHolder a img {transform:scale(1.05)}
.grid li:hover .inner a {  text-decoration:none; color:#000;}
.grid li .inner .textHolder a h4 {text-align:center; font-size:1rem;line-height:1.3em; font-weight:700; padding-left:0; margin: 0 15px 0 15px;  position:relative; z-index:100; text-transform:uppercase;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 2.75rem; overflow:hidden;color:#000; text-decoration:none; }
.grid li .inner h4 {text-align:center; font-size:0.75rem;line-height:1.3em; font-weight:700; font-weight:normal; margin: 0 15px 0 190px; padding-left:1rem;  position:relative; z-index:100; text-transform:uppercase;}
.grid li .inner a {  text-decoration:none; color:#000;}
.grid li .inner a h4{  text-decoration:none; color:#000;}
.grid li .inner a:hover h4{  text-decoration:none; color:#777}
.grid li .inner a p {text-align:center; font-size:0.75rem;line-height:1.115em;font-weight:400; padding:1rem; margin: 0 15px 0 190px; position:relative;  z-index:100; text-transform:none; text-decoration:none; }
.grid li .inner p.tag-line { box-sizing:border-box;text-align:center; font-size:0.75rem;line-height:1.115em; padding:0; margin:0.5rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 1.75rem;  overflow:hidden;} 
 
.grid li .inner p.sml { font-size:0.75rem; margin:0; text-transform:uppercase; padding-top:0;}
.grid li .inner .stars {width:107px; position:relative;background:#ddd; margin-left:0;margin-top:8px; display:inline-block;}
.grid li .inner .stars img{width:90px;height:20px; position:relative; z-index:2; display:block;}
.grid li .inner .fill {position:absolute; z-index:1;width:100%;left:0; top:0; height:100%;background:#8ea2a4  }

.grid-columns li .inner{min-height:228px;height:100%; position:relative; margin:0; padding-bottom:120px; background:#fff; display:block; text-decoration:none; color:#777;box-sizing:border-box;}  
.grid-columns li .inner .bottomHolder{ text-align:center; position: absolute; bottom: 0; width: 100%;}
.grid-columns li .inner .bottomHolder .more{  text-align:center; color:#000; font-size:0.75rem;  padding:0 15px;font-weight:400; background:#fff; border-radius:8px; border:1px #555 solid;line-height:2em;  margin: 5px 5px 10px 15px;display:block; text-decoration:none; }
.grid-columns li .inner .bottomHolder .basket{ text-align:center; color:#fff;font-weight:400; font-size:0.75rem; background:#8ea2a4 ; padding: 18px 15px 18px 15px; display:block; box-sizing:border-box; width:100%; cursor:pointer; overflow:auto; margin-bottom:0;text-decoration:none;}
.grid-columns li .inner .bottomHolder .basket.off.notify-trigger { cursor:pointer}
.grid-columns li .inner .bottomHolder .basket span.fas, .grid-columns li .inner .bottomHolder .basket span.far{ display:inline-block; margin-left:10px; }
.grid-columns li .inner .bottomHolder a.basket{  position:relative; padding-left:2rem;}
.grid-columns li .inner .bottomHolder a.basket:before{  position:absolute; content:''; left:0.5rem; top:1rem; width:20px; height:20px; background:url(images/arrow-white.svg) center center no-repeat; background-size:100% auto;}
.grid-columns li .inner .bottomHolder .basket.off{ background:#888; cursor:default;}
.grid-columns li .inner .bottomHolder .basket:hover{ background:#6b8385; }
.grid-columns li .inner .bottomHolder .basket.off:hover{ background:#888; }
.grid-columns li .inner .bottomHolder .basket.off.notify-trigger:hover{ background:#6b8385; }
.common-button{ text-align:center; color:#fff;font-weight:400; font-size:0.75rem;background:#8ea2a4 ; padding: 1rem; display:block; cursor:pointer; overflow:auto; float:right; margin-right:10px; margin-bottom:10px; box-sizing:border-box; }
.common-button:hover{ background:#6b8385; }
.grid-columns li .inner .bottomHolder .basket.offlimits{ background:#bbb ; cursor:default; }
.grid-columns li .inner .bottomHolder .basket.working{  text-align:center; color:#000; font-weight:400; background:#fff url(images/spin.gif) center center no-repeat ; }
.grid-columns li .inner .bottomHolder .priceRight{  text-align:center; color:#000;  padding:0; margin: 5px 10px 1rem 10px;  display:block; line-height:1.5em; font-size:1.25em; }
.grid-columns li .inner .bottomHolder .priceRight em{font-weight:400; display:inline-block; font-size:0.75em; line-height:1em; font-style:normal;opacity:0.6;text-decoration: line-through}
.grid-columns li .inner .bottomHolder .priceRight span{font-weight:400;   display:block; font-size:0.5em; line-height:1em;}
.grid-columns li .inner .imageHolder .mark-new{ position:absolute; top:0; left:0; pointer-events:none;} 
.grid-columns li .inner .imageHolder .mark-category{ position:absolute; bottom:0; right:7px; pointer-events:none; width:50px; height:50px; background:url(images/bf.png) center center no-repeat; background-size:50px 50px;}  
.grid-columns li .inner .imageHolder .mark-new span{ display: block; background:#e2491d; color:#fff; font-size:0.75rem; font-weight:700;padding:0.25rem 1rem} 
.grid-columns li .inner .imageHolder .mark-new span.promo-bgcolor{ display: block; background:#ff8600; color:#fff; font-size:0.75rem; font-weight:700;padding:0.25rem 1rem 0.25rem 1rem ; position:relative;}  
.grid-columns li .inner .imageHolder .mark-set{ position:absolute; top:0; right:0; background:#27a7d8; color:#fff; font-size:0.75rem; font-weight:700;padding:0.25rem 1rem;pointer-events:none;} 
.grid-columns li .inner .imageHolder .mark-cat-promo{ position:absolute; top:65%; left:0; background:#a7b7fd; color:#fff; font-size:0.875rem; font-weight:500;padding: 0.5rem;pointer-events:none;width:100%; box-sizing:border-box; line-height:1.45em; text-align:left;} 
.priceSub .mark-cat-promo{ background:#a7b7fd; color:#fff; font-size:0.875rem; font-weight:500;padding: 0.5rem;pointer-events:none;width:100%; box-sizing:border-box; line-height:1.45em; text-align:left; display:block;} 
.grid-columns li .inner .imageHolder .mark-cat-promo span{  font-size:1.25rem;float:left; font-weight:700;display: block; margin-right:0.5rem;} 
.priceSub .mark-cat-promo span{  font-size:1.25rem;float:left; font-weight:700;display: block; margin-right:0.5rem;} 
.grid-columns li .inner .imageHolder { box-sizing:border-box;text-align:center; width:100%;  position:relative; z-index:10; background:#f4f4f4}
.grid-columns li .inner .imageHolder a{display: block;padding:30px; }
.grid-columns li .inner .textHolder { width:100%; text-align:center;}
.grid-columns li .inner .imageHolder img { width:100%;height:auto; display:inline;-moz-transition: transform 0.2s ease-out; -webkit-transition: transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;transform-origin: 50% 90% } 
.grid-columns li:hover .inner .imageHolder a img { }
.grid-columns li:hover .inner a {  text-decoration:none; color:#000;}
.grid-columns li .inner .textHolder a h4 {text-align:center; font-size:1rem;line-height:1.3em; font-weight:700; padding-left:0; margin: 0 15px 0 15px;  position:relative; z-index:100; text-transform:uppercase;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 2.75rem; overflow:hidden;color:#000; text-decoration:none; }
.grid-columns li .inner h4 {text-align:center; font-size:0.75rem;line-height:1.3em; font-weight:700; font-weight:normal; margin: 0 15px 0 190px; padding-left:1rem;  position:relative; z-index:100; text-transform:uppercase;}
.grid-columns li .inner a {  text-decoration:none; color:#000;}
.grid-columns li .inner a h4{  text-decoration:none; color:#000;}
.grid-columns li .inner a:hover h4{  text-decoration:none; color:#777}
.grid-columns li .inner a p {text-align:center; font-size:0.75rem;line-height:1.115em;font-weight:400; padding:1rem; margin: 0 15px 0 190px; position:relative;  z-index:100; text-transform:none; text-decoration:none; }
.grid-columns li .inner p.tag-line { box-sizing:border-box;text-align:center; font-size:0.75rem;line-height:1.115em; padding:0; margin:0.5rem 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 1.75rem;  overflow:hidden;} 
 
.grid-columns li .inner p.sml { font-size:0.75rem; margin:0; text-transform:uppercase; padding-top:0.5rem;}
.grid-columns li .inner .stars {width:107px; position:relative;background:#ddd; margin-left:0;margin-top:8px; display:inline-block;}
.grid-columns li .inner .stars img{width:90px;height:20px; position:relative; z-index:2; display:block;}
.grid-columns li .inner .fill {position:absolute; z-index:1;width:100%;left:0; top:0; height:100%;background:#8ea2a4  }

.side-filters-cover {width:100vw; height:100%; position:fixed; top:0; left:0; z-index:190}

.loose-box{ min-height:260px; margin-bottom:2rem; position:relative;}  
.loose-box .inner{min-height:228px; position:relative; margin:0 5px; padding-bottom:80px; background:#fff;display:block; text-decoration:none; color:#777}  
.loose-box .inner .bottomHolder{ text-align:center; }
.loose-box .inner .bottomHolder .more{  text-align:center; color:#000; font-size:0.75rem;  padding:0 15px;font-weight:400; background:#fff; border-radius:8px; border:1px #555 solid;line-height:2em;  margin: 5px 5px 10px 15px;display:block; text-decoration:none; }
.loose-box .inner .bottomHolder .basket{  text-align:center; color:#fff;font-weight:400; font-size:0.75rem;background:#8ea2a4 ; padding: 12px 15px 12px 15px; display:block; cursor:pointer; overflow:auto; width:100%;box-sizing:border-box; margin-bottom:10px;}
.loose-box .inner .bottomHolder .basket.off{ background:#888; cursor:default;}
.loose-box .inner .bottomHolder .basket:hover{ background:#146689; }
.loose-box .inner .bottomHolder .basket.off:hover{ background:#888; }
.common-button{  text-align:center; color:#fff;font-weight:400; font-size:0.75rem;background:#8ea2a4 ; padding: 1rem; display:block; cursor:pointer; overflow:auto; float:right; margin-right:10px; margin-bottom:10px;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:none;cursor:pointer;border-radius: 0; box-sizing:border-box; }
.common-button:hover{ background:#146689; }
.loose-box .inner .bottomHolder .basket.offlimits{ background:#bbb ; cursor:default; }
.loose-box .inner .bottomHolder .basket.working{  text-align:center; color:#000; font-weight:400; background:#fff url(images/spin.gif) center center no-repeat ; }
.loose-box .inner .bottomHolder .priceRight{  text-align:center; color:#000;  padding:0; margin: 5px 10px 10px 10px;  display:block; line-height:1.5em; font-size:1.4em; }
.loose-box .inner .bottomHolder .priceRight em{font-weight:400; display:inline-block; font-size:0.75em; line-height:1em; font-style:normal}
.loose-box .inner .bottomHolder .priceRight span{font-weight:400;   display:block; font-size:0.5em; line-height:1em;}
.loose-box .inner .imageHolder {padding-top:30px; text-align:center; float:left; width:45%;  position:relative; z-index:10;}
.loose-box .inner .textHolder { float:left; width:55%;text-align:center;}
.loose-box .inner .imageHolder img { width:100%;height:auto; display:inline;-moz-transition: transform 0.2s ease-out; -webkit-transition: transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;transform-origin: 50% 90% } 
.loose-box:hover .inner .imageHolder a {padding:0;}
.loose-box:hover .inner .imageHolder a img {transform:scale(1.05)}
.loose-box:hover .inner h4 a {  text-decoration:none; color:#000}
.loose-box .inner  .textHolder h4 {text-align:center; font-size:1em;line-height:1em; font-weight:400; font-weight:normal; margin: 0 0 0 0; position:relative; z-index:100; text-transform:uppercase;}
.loose-box .inner h4 {text-align:center; font-size:0.875rem;line-height:1.3em; font-weight:700; padding-left:0; margin: 0 15px 0 15px;  position:relative; z-index:100; text-transform:uppercase;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 1.875rem; overflow:hidden;color:#000;}
.loose-box .inner h4 a{ text-decoration:none; color:#777; }
.loose-box .inner h4 a:hover{  text-decoration:none; color:#000}
.loose-box .inner p.tag-line {box-sizing:border-box;text-align:center; font-size:0.75rem;line-height:1.115em; padding:0 1rem 0 1rem ; margin: 1rem 0.5rem 1rem 0.5rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 1.5rem;  overflow:hidden;}
.loose-box .inner .textHolder p {  }
.loose-box .inner p.sml { font-size:0.75rem; margin-top:2rem; margin-bottom:1rem; text-transform:uppercase;}
.loose-box .inner .stars {width:107px; margin-left:10px; position:relative;background:#ddd; margin-top:0;display:inline-block}
.loose-box .inner .stars img{width:90px;height:20px; position:relative; z-index:2; display:block;}
.loose-box .inner .fill {position:absolute; z-index:1;width:100%;left:0; top:0; height:100%;background:#1981ad  } 


.inner{}


.main-header ul.cell li .loose-box a{ padding: 0;overflow:hidden; letter-spacing:0;} 

.side-filters { }
.side-filters ul{width:100%;}
.side-filters ul li { font-size:0.875rem; line-height:1.5em; }
.side-filters ul li ul {margin-bottom:1rem;margin-top:0.75rem;}

.checkbox-socket{ font-size:0.875rem; line-height:1.5rem; cursor:pointer; } 
.checkbox-socket a{  color:#777; } 
.checkbox-socket.disabled{ cursor:default; } 
.checkbox-socket.error-label{ } 
.checkbox-socket span{ width:1rem; height:1rem; border:1px #8ea2a4 solid; display:inline-block; margin-right:10px;transform:translateY(0.25rem); position:relative; background:#8ea2a4; }
.newsletter-form .checkbox-socket span{ border:1px #666 solid; background:#666; }
.checkbox-socket.error-label span{ border:1px #d64b29 solid;  }
.newsletter-form .checkbox-socket.error-label span{  border-color: #d64b29 ;  }
.checkbox-socket.green-label {color:#666; }
.checkbox-socket.green-label span{ border:1px #8ea2a4 solid;  }
.newsletter-form .checkbox-socket.green-label span{ border-color: #666 ;  }
.checkbox-socket span:before{ width:1rem; height:1rem; position:absolute; top:0; left:0; background:url(images/check.svg) center center no-repeat; background-size:100% auto; content:''; transform:scale(0); transition: all 0.2s ease-out;z-index:10;}
.checkbox-socket span:after{ width:1rem; height:1rem; position:absolute; top:0; left:0; background:#ffffff; background-size:100% auto; content:''; transform:scale(1); transition: all 0.2s ease-out;z-index:9;}
.checkbox-socket.checked {color:#666; }
.newsletter-form .checkbox-socket.checked {color:#fff; }
.checkbox-socket.checked span{  border:1px #8ea2a4 solid; }
.newsletter-form .checkbox-socket.checked span{  border-color: #000000 ; }
.checkbox-socket.checked span:before { transform:scale(1);}
.checkbox-socket.checked span:after{ transform:scale(0);}
.checkbox-socket.disabled {color:#666; }
.newsletter-form .checkbox-socket.disabled {color:#ccc; }
.checkbox-socket.disabled span{  border:1px #8ea2a4 solid; opacity:0.5}
.newsletter-form  .checkbox-socket.disabled span{  border-color: #666 ; opacity:0.5}
.checkbox-socket.disabled span:before { transform:scale(1);}
.checkbox-socket.disabled span:after{ transform:scale(0);}

.side-filters ul li ul li.checkbox-socket{ font-size:0.75rem; line-height:1.5rem; cursor:pointer; }
.side-filters ul li ul li.checkbox-socket span{ width:1rem; height:1rem; border:1px #ccc solid; display:inline-block; margin-right:10px;transform:translateY(0.25rem); position:relative; background:#8ea2a4; }
.side-filters ul li ul li.checkbox-socket span:before{ width:1rem; height:1rem; position:absolute; top:0; left:0; background:url(images/check.svg) center center no-repeat; background-size:100% auto; content:''; transform:scale(0); transition: all 0.2s ease-out;z-index:10;}
.side-filters ul li ul li.checkbox-socket span:after{ width:1rem; height:1rem; position:absolute; top:0; left:0; background:#ffffff; background-size:100% auto; content:''; transform:scale(1); transition: all 0.2s ease-out;z-index:9;}
.side-filters ul li ul li.checkbox-socket.checked span:before { transform:scale(1);}
.side-filters ul li ul li.checkbox-socket.checked span:after{ transform:scale(0);}

.functional-holder { padding-bottom:2rem;border-top:1px #d2d8db solid; background:#6d7b87;padding-left:1rem; padding-right:1rem;}
.functional { display:table;width:100%;}
.functional-cell { display:table-cell;width:50%; color:#fff; text-align:left; box-sizing:border-box; padding:0;}
.functional-cell.right { text-align:right; }
.functional-cell .social { padding: 1rem 0.75rem 1rem 0.75rem; }
.functional-cell h3 { font-size: 0.875rem;font-weight: 700;letter-spacing: 1px; text-transform:uppercase; padding: 2rem 0 1rem 0 }
.functional-cell ul {width:100%; margin-top:0.5rem;}
.functional-cell ul li{display:inline-block; margin-right:0.5rem; margin-bottom:1rem;}
.functional-cell ul li:last-child{  margin-right:0;}
.functional-cell ul li span{display:block; height:24px; width:65px; overflow:hidden; text-indent:-2000em; background:rgba(0,0,0,0.2); text-align:left;overflow:hidden;}
.functional-cell ul li.ssl span{display:block; height:24px; width:25px; overflow:hidden; text-indent:-2000em; background:transparent url(icons/ssl.svg) left center no-repeat; background-size: auto 100%; }
.functional-cell ul li.in-post span{ height:34px; width:65px; background:transparent url(icons/in-post.svg) left center no-repeat; background-size: auto 100%; }
.functional-cell ul li.dhl span{ height:34px; width:90px; background:transparent url(icons/dhl.svg) left center no-repeat; background-size: auto 60%; }
.functional-cell ul li.dpd span{ height:34px; width:65px; background:transparent url(icons/dpd.svg) left center no-repeat; background-size: auto 70%; }
.functional-cell ul li.pay-u span{ width:55px; background:transparent url(icons/pay-u.svg) left center no-repeat; background-size: auto 100%; }
.functional-cell ul li.apple span{ width:55px; background:transparent url(icons/apple.svg) left center no-repeat; background-size: auto 100%; }
.functional-cell ul li.blik span{ width:43px; background:transparent url(icons/blik.svg) left center no-repeat; background-size: auto 100%; }
.functional-cell ul li.pay-po span{ width:75px; background:transparent url(icons/pay-po.svg) left center no-repeat; background-size: auto 100%; }
.functional-cell ul li.twisto span{ width:75px; background:transparent url(icons/twisto.svg) left center no-repeat; background-size: auto 100%; }
.functional-cell ul li.mc span{ width:43px; background:transparent url(icons/mc.svg) left center no-repeat; background-size: auto 100%; }
.functional-cell ul li.visa span{ width:55px; background:transparent url(icons/visa.svg) left center no-repeat; background-size: auto 65%; }

.customer-area {position:relative; }
.customer-area p.message-block{padding:2rem 0}
.customer-area .exit-link{position:absolute; right:0; top:0;}
.customer-area .exit-link a{display:block;text-decoration:none; color:#777; padding:1rem;}
.customer-area .exit-link a span{display:inline-block; margin-left:0.5rem; } 

.customer-area nav {width:30%;float:left;box-sizing:border-box; padding-left:1rem; }
.customer-area .tabs-wrapper nav { padding-left:0; }
.customer-area nav h3 {padding:0.5rem; background:#f4f4f4; font-weight:400;  text-transform:uppercase;}
.customer-area nav ul {margin-bottom:1rem;margin-top:0.5rem; }
.customer-area nav ul.tabs li {display:inline-block; }
.customer-area nav ul li {display:block; }
.customer-area nav ul li a{display:block;text-decoration:none; color:#000;font-size:0.75em; padding:0.5rem 0 0.5rem 0 ; text-transform:uppercase; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } 
.customer-area nav ul.tabs li a{  padding:0.5rem 1rem 0.5rem 0 ; } 
.customer-area nav ul li.current a{  position:relative;color:#000; font-weight:700;}
.customer-area nav ul li a:hover{color:#aaa}
.customer-area nav ul li.current a:after{display:inline-block;background:#fff; position:absolute; bottom:-2px; left:0; height:2px; width:100%; content:''; }
.customer-area article{width:70%;float:right;  min-height:120px; box-sizing:border-box; padding-left:1rem; padding-right:1rem; }
.customer-area article figure{margin-top:1rem;}
.customer-area article figure img{width:100%; height:auto;}
.customer-area article h4 {padding:0.5rem; background:#fff; font-weight:700;  text-transform:uppercase; margin-top:1rem;margin-bottom:1rem;font-size:0.875rem; }
.customer-area article .table-cell h4 { padding-left:0;margin-top:0; display:inline-block}
.customer-area article.static-info h4 {padding:0.5rem; background:#f4f4f4; font-weight:700;  text-transform:uppercase; margin-top:1rem;font-size:0.875rem; }
.customer-area article p {padding:0.5rem ; font-weight:400; font-size:0.875rem; position:relative; padding-right:2rem;}
.customer-area article .box-table-cell p { padding-right:0.5rem;}
.customer-area article.static-info ul li {padding:0.5rem ; font-weight:400;  text-transform:uppercase; margin-top:1rem;font-size:0.875rem; position:relative; padding-right:4rem;line-height:1.45em;}
.customer-area article.static-info ul li span{padding:0.5rem; font-weight:400;  background:#f4f4f4; font-weight:700;  text-transform:uppercase;  font-size:0.875rem; position:absolute; right:0; top:0;cursor:pointer }
.customer-area .tabs-wrapper{ padding-left:1rem; padding-right;1rem; }

.info-bar {background:#f4f4f4;padding-right:1rem; position:relative;}
.info-bar p{padding:0.5rem 0 0.5rem 0.5rem ; font-weight:400; text-align:right;background:url(/images/info.svg) right center no-repeat; background-size: 1.25rem auto;}
.info-bar h3{padding:0.5rem 0 0.5rem 0.5rem ; font-weight:400; text-align:left;}
.info-bar p a{text-decoration:none; display:inline-block; position:relative;color:#000; }
.layout { width:100%; display: grid; grid-template-columns: 3fr 2fr; gap:20px; align-items: stretch; box-sizing:border-box; margin-bottom:2rem; }
.layout-left { padding: 20px; }
.layout-right { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; /* two rows */ gap: 1px; height: 100%; /* allow to grow with content */ }
.layout-item { display: flex; align-items: center; justify-content: center; padding-bottom: 2rem; font-weight: bold; }
.indicator {display:inline-block; line-height:40px;position:absolute; right:1rem; top:0;}
.tab-item{border-top:1px #8ea2a4 solid;display:none; padding-top:1rem}
.tab-item.current{ display:block; }
.text-message {display:block;font-size:0.875em; line-height:1.5em;font-weight:400; }
.text-message a {color:#777; text-decoration:underline}

.result-message {padding:2rem; text-align:center;line-height:1.5em;}

.grid-holder {position:relative;}
.grid-holder h2{text-align:center; font-size:1.5rem; font-weight:300; line-height:1.5em; text-transform:uppercase; padding: 3rem 0 2rem 0;letter-spacing:2px;}
.grid-holder.related-grid h2{  font-weight:300; font-size:1.5rem; padding-top:2rem ; }
.grid-holder.related-grid h2 a{ color:#000; text-decoration:none }
.text-grid-holder h2{color:#777; font-size:2rem; padding:2rem 3rem 1rem 3rem ;font-weight:400; text-align:center;}
.text-holder { padding-bottom:3rem; }
.generic-text-holder { padding-bottom:3rem;  padding-top:3rem; }
.wrapper.generic-text-holder._narrow { padding-right:1rem; padding-left:1rem; box-sizing:border-box; }
.text-holder .generic-text-holder { margin-left:0; margin-right:0;padding-bottom:2rem;  padding-top:0;  } 
.text-holder .generic-text-holder._narrow {  }
.text-holder h2{color:#777; font-size:2rem; padding:2rem 2rem 1rem 2rem ;font-weight:400; text-align:center;}
.generic-text-holder h2{color:#777; font-size:2rem; padding:2rem 0 1rem 0 ;font-weight:400; text-align:center;}
.generic-text-holder h3{color:#000; font-size:1.115rem; padding:1rem 0  0 0 ;font-weight:700; text-align:left;}
.generic-text-holder h4{color:#000; font-size:1rem; padding:1rem 0 0 0 ;font-weight:700; text-align:left;}
.generic-text-holder p{color:#444; font-size:0.875rem; padding:0.5rem 0 0 0 ;font-weight:400; text-align:left;}
.generic-text-holder p a,.generic-text-holder ul li a,.generic-text-holder ol li a{color:#444; }
.generic-text-holder.wide-text-holder p{ padding:2rem 0; }
.generic-text-holder ul li{color:#444; font-size:0.875rem; padding:0.5rem 0 0 1rem ;font-weight:400; text-align:left;line-height:1.5em;position:relative;}
.generic-text-holder ul li:before{background:#777; height:1px; width:0.6rem; position:absolute; left:0; top:16px; content:'';}
.generic-text-holder ol li{color:#444; font-size:0.875rem; padding:0.5rem 0 0 0; margin-left:1rem;font-weight:400; text-align:left;line-height:1.5em;position:relative;list-style-type:decimal} 
.generic-text-holder ol li ol li{list-style-type:lower-alpha}
.generic-text-holder ol li ol li ul li {list-style-type:none}
.generic-text-holder ol li ol li ol li {list-style-type:decimal}
.generic-text-holder p img.alignleft{float:left; margin-right:1rem; margin-bottom:1rem;}
.generic-text-holder p img.alignright{float:right: margin-right:1rem; margin-bottom:1rem;}

.text-grid-wrapper { position:relative;}
.nav-button{position:absolute; top:50%; width:50px; height:50px; margin-top:-25px; background:url(images/arrow-big.svg) center center no-repeat; background-size:44px 44px;}
.next-button{right:-45px; top:50%; }
.prev-button{  left:-45px; top:50%; transform:rotate(180deg)}

.text-grid  {  overflow:auto; }
.text-grid li {width:25%; float:left; margin-bottom:4px; box-sizing:border-box; padding:0.5rem;}
.text-grid li .inner {margin:0.5rem; border:1px #ddd solid;padding:0.5rem 0 2rem 0;position:relative; }
.text-grid li .inner p {text-align:left; line-height:1.115em;font-weight:400; font-weight:normal;font-size:1rem;padding:0.5rem 1rem 0.5rem 1rem ; font-weight:400; position:relative;  z-index:100;}
.text-grid li .inner p.date { font-size:0.75rem;color:#777; position:absolute; bottom:0; left:0; }

.wide-cta { padding:20px 20px 40px 20px ; box-sizing:border-box; width:100%;text-align:center; }
.wide-cta a{ padding:20px; box-sizing:border-box; border:2px #8ea2a4 solid; color:#8ea2a4; text-decoration:none; display:inline-block;}
.wide-cta a:hover{  color:#ffffff; background:#8ea2a4;}

.generic-cta { padding:0 20px 0 20px ; box-sizing:border-box; width:100%;text-align:center; margin-bottom:2rem}
.generic-cta.white-label a { border:2px #fff solid; color:#fff;  }
.generic-cta a{ padding:20px; box-sizing:border-box; border:2px #8ea2a4 solid; color:#8ea2a4; text-decoration:none; display:inline-block;}
.generic-cta a:hover{  color:#ffffff; background:#8ea2a4;}

.site-info .col {width:20%; float:left; position:relative; margin-top:20px;box-sizing:border-box;}
.site-info .col h3{color:#fff; font-size:0.75rem; text-transform:uppercase; padding: 20px 0 15px 0;}
.site-info .col.last h3{ padding: 20px 0 15px 20px;}
.site-info .col.last {text-align:right; }
.site-info .col.last h4{color:#fff; font-size:1.115em;  padding: 0 0 0 20px;}
.site-info .col.last h4 a{color:#fff; text-decoration:none;}
.site-info .col.last h4 a:hover{color:#000; }
.site-info .col.last p{color:#fff; font-size:10px;  padding: 3px 0 15px 20px;}
.site-info .footer-menu li {width:50%; float:left;font-size:0.875em; margin-bottom:8px;}
.site-info .footer-menu li a{color:#fff; text-decoration:none; }
.site-info .footer-menu li a:hover{color:#000;}
.site-info .footer-menu-default li {width:100%; font-size:0.875em; margin-bottom:8px; padding-left:0;padding-right:10px;box-sizing:border-box;}
.site-info .footer-menu-default li a{color:#fff; text-decoration:none; }
.site-info .footer-menu-default li a:hover{color:#000;}
.paymentsLogo{position:absolute; bottom:0; left:20px;}
.paymentsLogo img{max-width:100%;}

.first-section.single-product { padding-top:0}
.single-product { }
.single-product, .single-tag {overflow:auto;}
.first-section {padding-top:0}
.first-section.single-tag {padding-top:0}
.single-product p.over-head {color:#000; font-size:1.25; margin:0 0 1rem 0 ; padding:0.25rem 0.5rem 0.25rem 0;font-weight:400;text-align:left; text-transform:uppercase; display:inline-block; }
.single-product p.floz {color:#000; font-size:1rem; margin:0.5rem 0 0.5rem 0 ; font-weight:400; text-align:left;  display: block; }
.single-product p.price {color:#000;font-size:1.5rem; margin:0 0 0 0 ; padding:0 0.25rem;font-weight:400; text-align:left; text-transform:uppercase; }
.single-product p.price .currency-holder { font-size:0.75rem; }
.stars {width:108px;height:25px; position:relative; float:left; padding:0; margin:1rem 0 0 0; overflow:hidden;}
.inner .stars {  float:none; margin-left:1.5rem; margin-bottom:0.5rem}
.text-grid .inner .stars {  float:none; margin-left:0.5rem; margin-bottom:0.5rem}
.stars-legend { float:left;color:#777; font-size:0.75rem;padding:0.5rem 0 0 0; margin:1rem 0 0 0; } 
.single-product p.stars-legend a { color:#000; display:inline-block;  }
.single-product p.stars-legend span { margin-right:0.5rem;display:inline-block; }
.single-product p.brand-legend {display:block; width:100%; padding:0 0 0.5rem 0; margin:0; clear:both; font-size:0.75rem; text-transform:uppercase}
.single-product p.brand-legend a { color:#aaa; text-decoration:none;}
.single-product p.brand-legend a:hover { color:#777; }
.stars .stars-bar{display:block;width:87%;height:25px; background:#1981ad;position:absolute; top:0; left:0;  z-index:9;box-sizing:border-box;}
.stars .stars-cover{display:block;width:110px;height:25px; background: url(images/stars.svg) left top no-repeat; background-size:102% auto;position:absolute; top:0; left:0; z-index:10;box-sizing:border-box; } 
.single-product h2 {color:#000; font-size:2.25rem; padding:0 0 0 0 ;font-weight:700; text-align:left; text-transform:uppercase;}
.single-product .description h2 {color:#000; font-size:1rem; padding:0 0 0 0 ;font-weight:700; text-align:left; text-transform:uppercase;}
.header-content { box-sizing:border-box; padding: 0 2rem 2rem 2rem;background:#fff;}
.header-content .priceSub.limited {line-height:1.5em; font-size:0.875rem; padding: 0;color:#2977d6; font-weight:700;}
.header-content p.marks{ margin-top:1rem; display:block; float:left;clear:both;  }
.header-content p.mark-new{ margin-top:1rem;padding:0.5rem 1rem;background:#e2491d; color:#fff; font-size:0.75rem; font-weight:700; display:inline-block; float:none;clear:both; text-align:center;}
.header-content p.mark-promo{ margin-top:1px;padding:0.5rem 1rem;background:#ff8600; color:#fff; font-size:0.75rem; font-weight:700; display:inline-block; float:none;clear:both; text-align:center;}
.header-content.wide-header {width:100%; float:none;box-sizing:border-box; padding: 0 2rem 2rem 2rem}
.single-tag .header-content.wide-header { padding: 1rem 0 0 0}
.single-tag .header-content.wide-header.e404 { padding: 1rem}
.single-tag p { color:#000; font-weight:400; margin: 1rem;line-height: 1.5em; font-size: 1rem;}
.single-product .wrapper {overflow:hidden;} 
 
 
.figure-group {
  float: left;
  width: 50%;
  box-sizing: border-box; 
}

/* Right top */
.main-product-info {
  float: right;
  width: 50%;
  box-sizing: border-box; 
}

/* Right bottom */
.detailed-product-info{
  float: right;
  clear: right;
  width: 50%;
  box-sizing: border-box; 
}

.table-row {width:100%;display:table; min-height:350px; }
.table-cell-row {width:50%;display:table-cell;box-sizing:border-box; padding: 4rem ; box-sizing:border-box;vertical-align:middle}
.right-side .table-cell-row .short-wrapper {float:right;}

.table-cell-row  h2 {color: #000; font-weight: 700; text-align: left; line-height: 1.5em; font-size: 2rem;  padding: 0 1rem 0 1rem; margin:0;}
.table-cell-row  p { color:#000; font-weight:400; margin: 1rem;line-height: 1.5em; font-size: 1rem;}

.figure-group .tumbnails{box-sizing:border-box; padding-left:0.5rem;} 
.figure-group .tumbnails ul { } 
.figure-group .tumbnails ul li {border:1px #ccc solid; margin-bottom:1rem; width:90px; height:90px; overflow:hidden;border-radius:50%;box-sizing:border-box;}  
.figure-group .tumbnails ul li a{ width:90px; height:90px; display:block;}  
.figure-group .main--image img{width:100%; display:block;height:auto;} 

.filters-holder {clear:both; float:none; margin-bottom:1rem; padding-left:1rem; padding-right:1rem;}
.filters {padding: 0 0 1em 0; float:right; box-sizing:border-box; } 
.filter {display:inline-block; font-size:0.75rem; color:#000;margin: 0 0 0 1em; position:relative; cursor:pointer; width:250px;  }
.filter .filter-selected { z-index:2; border-bottom:1px #666 solid; padding-right:2em; padding-bottom:0.5em;box-sizing:border-box; text-align:left; position:relative; }
.filter .filter-selected:after{position:absolute; right:0;top:0; content:''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #444;} 
.filters.on .filter-selected:after{ transform:rotate(90deg)}
.filters .filter-selected .selected-text{ text-transform:uppercase; font-weight:700;letter-spacing:1px}
.filter .filter-options { position:absolute;width:100%; left:-2000em; top:130%; opacity:0; z-index:300; background:#fff; text-align:left; box-sizing:border-box;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.17);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.17); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.17); line-height:1.5em; }
.filter .filter-options .filter-option { padding: 0.5em;}
.filter .filter-options .filter-option:hover { padding: 0.5em; background:#eee; color:#000}

.half {width:55%; float:left; transform: translateX(1rem); }
.tint {width:40%; float:left; box-sizing:border-box; color:#fff; padding:2rem; transform:translateY(3rem) translateX(-10%); margin-bottom:2rem}
.tint-bg { background:#738694; }
.grey-bg { background:#eeeeee; }
.reverse .half {width:55%; float:right; transform: translateX(1rem); }
.reverse .tint {width:40%; float:left;  transform:translateY(3rem) translateX(25%); margin-bottom:2rem}
.tint p {font-size:1rem; }
.tint p.small {font-size:0.75rem;  margin-top:1rem}
.tint ul li {font-size:1rem; line-height:1.5em; position:relative; padding-left:1rem}
.tint ul li:before {position:absolute; top:0.6rem; left:0; width:7px; height:7px; background:#fff; content:'';}
.tint h2 {font-size:1rem; line-height:1.25em; font-weight:300;margin-bottom:0.5rem;margin-top:0.5rem;}
.tint h3 {font-size:4rem; line-height:1.25em; font-weight:300;margin-bottom:0.5rem;margin-top:0.5rem;}
figure img {width:100%; height:auto;display:block;}

.product-slider li {overflow:hidden;box-sizing:border-box; padding:0 0 0 100px ;}
.product-slider .slick-dots li {overflow:hidden;box-sizing:border-box; padding:1rem 0 1rem 0 ;}
.product-slider li img{width:100%; display:block;height:auto;}
.main-image-table{width:100%; position:relative;} 
.main-image-holder{width:100%; overflow:hidden;float:left; display:block; position:relative;background:#f4f4f4}  
.badges-marks{  position:absolute;top:1rem; right:1rem;}  
.badges-marks span { display: inline-block; padding: 5px 1rem; background: #777; color: #fff; line-height: 1em; margin-right: 2px; font-size:0.75rem}

.product-slider{ }  
.text-grid-wrapper .slick-slider{  margin-left:0% }  
.main-image-holder .slick-dots{position:absolute; top:2rem; left:10px; width:25%;}  
.main-image-holder .slick-dots li {float:none; width:100%; height:auto;  }  
.main-image-holder .slick-dots li .round-thumb{float:none; width:70px; height:70px;  border:1px #ccc solid; }  
.main-image-holder .slick-dots li.slick-active .round-thumb{ border:1px #999 solid; }  

.main-image-holder .mark-category{ display:inline-block;position:absolute; top:10px; right:10px; pointer-events:none; width:80px; height:80px; background:url(images/bf.png) center center no-repeat; background-size:80px 80px;} 
.slick-dotted.slick-slider {margin-bottom:0;}

.priceHolder {padding: 15px 0 10px 0;}
.priceHolder .pricePart {display:inline-block; }
.priceHolder .pricePart.second { }
.priceHolder .pricePart .price{font-size:2rem; color:#444;font-weight:600} 
.priceHolder .pricePart.second .price{ color:#1981ad;display:inline-block;}
.priceHolder .pricePart .price .price-over{font-size:1.5rem; }
.priceHolder .pricePart .price .strike{font-size:1.5rem; text-decoration:line-through; opacity:0.5 }
.priceHolder .pricePart.second .price .strike{ color:#2977d6;opacity:0.5}
.priceHolder .pricePart .slash{font-size:2.5em; font-family: 'Inter', sans-serif; color:#444;display:inline-block;margin-left:5px;margin-right:5px;}
.priceHolder .pricePart .slash.small{font-size:1.5em; color:#ccc;  }
.priceHolder .pricePart .priceSub{font-size:0.8em; font-weight:400;color:#444; line-height:1.4em;}
.priceHolder .pricePart.second .priceSub{font-size:0.8em; font-weight:400;color:#2977d6; line-height:1.4em;display:inline-block; margin-left:5px;}
.priceHolder .pricePart.second .priceSub a{ color:#1981ad; text-decoration:underline;}
.priceHolder p.min{ font-size:0.75rem; font-weight:400;color:#aaa; line-height:1.4em; padding-top:0.5rem;}

.aligncenter {text-align:center}

.samples {width:100%; position:relative; box-sizing:border-box; border:1px #8ea2a4 solid; padding-bottom:1rem;}
.samples h3 { text-align:center; margin-bottom:2rem; padding-top:2rem; margin-top:0}
.samples p {  margin-top:1rem;} 
.samples.static {  padding:0 1rem 1rem 1rem ;}
.samples.static h3 { text-align:left; margin-bottom:0; margin-top:0;}
.samples ul.samples-list{width:100%; overflow:auto}
.samples.static ul.samples-list{margin-top:1rem;}
.samples ul.samples-list li{width:33.3333%; box-sizing:border-box; padding:2rem 0 ; margin: 0 0 0 0;display:block; cursor:pointer; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float:left; text-align:center} 
.samples ul.samples-list li:hover{background:#f4f3f1; }
.samples.static ul.samples-list li {cursor:default; height:100px; width:100%;text-align:left; display:table; padding:0 0 ; }
.samples.static ul.samples-list li ul li{cursor:default; height:auto;background:transparent;}
.samples.static ul.samples-list li:hover ul li {background:transparent;  }
.samples.static ul.samples-list li:hover ul li:hover{background:transparent;  }
.samples.static ul.samples-list li:hover{background:transparent; }
.samples ul.samples-list li.active{background:#8ea2a4;color:#fff }
.samples ul.samples-list li.active:hover ul li{background:transparent; }
.samples ul.samples-list li ul li {width:100%; box-sizing:border-box; padding:3px 0; margin:0; border-bottom:0;display:block; height:auto; font-size:0.75em; float:none;} 
.samples ul.samples-list li .s-radio-holder { display:inline-block; box-sizing:border-box;  width:60px; vertical-align:middle; margin-top:15px }
.samples ul.samples-list li .s-radio-holder .s-radio{display:inline-block; width:18px; height:18px; border:1px #aaa solid; background:#fff; border-radius:50%; position:relative;z-index:1; }
.samples ul.samples-list li .s-radio-holder .s-radio:before{ opacity:0;width:12px; height:12px; background:#aaa; border-radius:50%; top:3px; left:3px; position:absolute;z-index:2; content:''}
.samples ul.samples-list li.active .s-radio-holder .s-radio:before{ opacity:1;display:inline-block;width:12px; height:12px; background:#353a40; border-radius:50%; top:3px; left:3px; position:absolute;z-index:2; content:''}
.samples ul.samples-list li .samples-img { display:inline-block; border-bottom:1px #f4f3f1 solid; }
.samples.static ul.samples-list li .samples-img { display:table-cell; border-bottom:0; width:30%;}
.samples ul.samples-list li img { width:auto; height:140px;display:block; }
.samples ul.samples-list li .samples-text {width:100%; display:block; vertical-align:middle}
.samples.static ul.samples-list li img { height:100px; }
.samples.static ul.samples-list li .samples-text { height:100px; display:table-cell; width:70%;}
.text-holder .basket-short .samples .samples-text p {margin-top:0; padding-top:0; font-weight:700;}
.text-holder .basket-short .samples.static p{ padding-top:0}


.bonuses {width:100%; position:relative; box-sizing:border-box; border:1px #8ea2a4 solid; padding-bottom:1rem; margin-top:1rem;}
.bonuses h3 { text-align:center; margin-bottom:1rem; padding-top:2rem; margin-top:0}
.bonuses p {  margin-top:1rem;text-align:center;  margin-bottom:1rem;} 
.bonuses.slick-generic-content { padding-bottom:2rem;} 
.bonuses.slick-generic-content p {  margin-top:1rem;text-align:center;  margin-bottom:0;} 
.bonuses p img{ display: block; max-width:100%;height:auto;} 
.bonuses ul.bonuses-list li p {  margin-top:0;text-align:center;  margin-bottom:0;} 
.bonuses.static h3 { text-align:left; margin-bottom:0; margin-top:0;}
.bonuses ul.bonuses-list{width:100%; overflow:auto}
.bonuses.static ul.bonuses-list{margin-top:1rem;}
.bonuses ul.bonuses-list li{width:33.3333%; box-sizing:border-box; padding:2rem 0 ; margin: 0 0 0 0;display:block; cursor:pointer; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float:left; text-align:center} 
.bonuses ul.bonuses-list li:hover{background:#f4f3f1; }
.bonuses.static ul.bonuses-list li {cursor:default; height:100px; width:100%;text-align:left; display:table; padding:0 0 ; }
.bonuses.static ul.bonuses-list li ul li{cursor:default; height:auto;background:transparent;}
.bonuses.static ul.bonuses-list li:hover ul li {background:transparent;  }
.bonuses.static ul.bonuses-list li:hover ul li:hover{background:transparent;  }
.bonuses.static ul.bonuses-list li:hover{background:transparent; }
.bonuses ul.bonuses-list li.active{background:#8ea2a4;color:#fff }
.bonuses ul.bonuses-list li.active:hover ul li{background:transparent; }
.bonuses ul.bonuses-list li ul li {width:100%; box-sizing:border-box; padding:3px 0; margin:0; border-bottom:0;display:block; height:auto; font-size:0.75em; float:none;} 
.bonuses ul.bonuses-list li .s-radio-holder { display:inline-block; box-sizing:border-box;  width:60px; vertical-align:middle; margin-top:15px }
.bonuses ul.bonuses-list li .s-radio-holder .s-radio{display:inline-block; width:18px; height:18px; border:1px #aaa solid; background:#fff; border-radius:50%; position:relative;z-index:1; }
.bonuses ul.bonuses-list li .s-radio-holder .s-radio:before{ opacity:0;width:12px; height:12px; background:#aaa; border-radius:50%; top:3px; left:3px; position:absolute;z-index:2; content:''}
.bonuses ul.bonuses-list li.active .s-radio-holder .s-radio:before{ opacity:1;display:inline-block;width:12px; height:12px; background:#353a40; border-radius:50%; top:3px; left:3px; position:absolute;z-index:2; content:''} 
.bonuses ul.bonuses-list li .bonuses-img { display:inline-block; border-bottom:1px #f4f3f1 solid; }
.bonuses.static ul.bonuses-list li .bonuses-img { display:table-cell; border-bottom:0; width:30%;}
.bonuses ul.bonuses-list li img { width:auto; height:140px;display:block; }
.bonuses ul.bonuses-list li .bonuses-text {width:100%; display:block; vertical-align:middle;box-sizing:border-box; padding:0 1rem;}
.bonuses.static ul.bonuses-list li img { height:100px; }
.bonuses.static ul.bonuses-list li .bonuses-text { height:100px; display:table-cell; width:70%;}
.text-holder .basket-short .bonuses .bonuses-text p {margin-top:0; padding-top:0; font-weight:700;}
.text-holder .basket-short .bonuses.static p{ padding-top:0}

.slider-button {width:50px; height:100px; position:absolute; left:-25px; top:50%;margin-top:-50px; background:#f4f3f1 url(images/arrow-big.svg) center center no-repeat; background-size:auto 40px; cursor:pointer; }
.slider-button.prev { left:-25px; right:auto; transform:rotate(180deg); }
.slider-button.next { left:auto; right:-25px; }

.clear-slick{margin:0 50px;}

.taxonomy-header .breadcrumbs { }
.breadcrumbs {padding: 1rem 0 1rem 0; float:none; box-sizing:border-box; clear:both;} 
.single-tag .breadcrumbs {padding: 0.5rem 0 1rem 1rem; } 
.breadcrumbs ol li {display:inline-block; text-transform:uppercase;}
.breadcrumbs ol li:last-child { }
.breadcrumbs ol li.visible:last-child {display:inline-block;}
.breadcrumbs ol li a {font-size:0.75rem; line-height:1.3rem; font-weight:300; text-decoration:none; display:inline-block; color:#999; margin-right:1.25rem; position:relative;} 
.breadcrumbs ol li a:after {font-size:0.875em;line-height:1.115rem; font-weight:300;  position:absolute; right:-0.75rem; top:0; content:'>'} 
.breadcrumbs ol li:last-child a:after {display:none; } 
.breadcrumbs ol li a:hover {color:#000} 

.radio-holder { border:1px #ddd solid;overflow:auto;box-sizing:border-box;padding:1rem 10px 1rem 74px ; position:relative; margin-bottom:1rem;}
.radio-holder.cash { }
.radio-holder div.error { font-size:0.675rem;font-weight:300; line-height:1rem; color:#d64b29; padding: 0.5rem; position:absolute; right:0; top:0;pointer-events:none;}
div.error-main-message { font-size:0.875rem;font-weight:300; line-height:1rem; color:#d64b29; padding: 1rem 1rem 0 1rem; text-align:right}
.radio-holder:before { position:absolute; left:0; top:0; width:55px; height:100%; content:'';border-right:1px #ddd solid; }
.radio-holder.dpd:before, .green-label .radio-holder.dpd:before { background: url(images/ico_dpd.png) 9px center no-repeat;}
.radio-holder.dhl:before, .green-label .radio-holder.dhl:before { background: url(images/ico_dhl.png) 9px center no-repeat;}
.radio-holder.inpost-p:before, .green-label .radio-holder.inpost-p:before { background: url(images/inPost_logo_.png) 9px center no-repeat; background-size: auto 40px;}
.radio-holder.cash:before, .green-label .radio-holder.cash:before { background: url(images/ico_cash.png) 9px center no-repeat;}
.radio-holder.wired:before, .green-label .radio-holder.wired:before { background: url(images/ico_card.png) 9px center no-repeat;}

.green-label .radio-holder.inpost-p:before, .green-label .radio-holder.inpost-p:before { background: url(images/inPost_logo_.png) 9px center no-repeat; background-size: auto 40px;}
.radio-holder.cash:before, .green-label .radio-holder.cash:before { background: url(images/ico_cash.png) 9px center no-repeat;}
.radio-holder.wired:before, .green-label .radio-holder.wired:before { background: url(images/ico_card.png) 9px center no-repeat;}
.green-label .radio-holder.cash:before, .green-label .radio-holder.cash:before { background: url(images/ico_cash.png) 9px center no-repeat;}
.green-label .radio-holder.wired:before, .green-label .radio-holder.wired:before { background: url(images/ico_card.png) 9px center no-repeat;}

.point-selected-wrapper {clear:both;}
.radio-holder .point-selected-wrapper {padding-left:10px; font-size:0.875em;color:#666;}
.point-selected-wrapper p {padding-top:10px;}
.point-selected-wrapper p i {cursor:pointer}

.error-label .radio-holder.cash:before { background: url(images/ico_cash.png) -41px center no-repeat;}
.error-label .radio-holder.wired:before { background: url(images/ico_card.png) -41px center no-repeat;}
.error-label .radio-holder.dpd:before { background: url(images/ico_dpd.png) -41px center no-repeat;} 
.error-label .radio-holder.dhl:before { background: url(images/ico_dhl.png) -41px center no-repeat;}
.error-label .radio-holder.inpost-p:before  { background: url(images/inPost_logo_.png) -35px center no-repeat; background-size:auto 40px ;}

.form-column fieldset .radio-holder label {float:left; height:20px; line-height:20px; padding-left:10px; font-size:0.875em;box-sizing:border-box; position:relative;top:auto; left:0;}
.radio-holder .dummy-radio {float:left; width:20px;height:20px; border:1px #bbb solid;box-sizing:border-box; position:relative; cursor:pointer; border-radius:12px;}
.radio-holder .dummy-radio span{ position:relative; display:block;width:20px;height:20px;transform:scale(0);-webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.radio-holder .dummy-radio.checked span{transform:scale(1)}
.radio-holder .dummy-radio span:before{ position:absolute; display:block;width:13px;height:13px; border-radius:7px;background:#999;content:''; left:3px; top:3px; } 
.radio-holder label { height: 20px; line-height: 20px; padding-left: 10px; font-size: 0.875em; box-sizing: border-box; position: relative;  }
.delivery-message { }
.delivery-message p {display:none; font-size:0.875em; padding: 5px 0 0 0; color:#666;}
.delivery-message p.info {display:block;}

.overlay { position: fixed; overflow-y: scroll; top: 0; right: 0; bottom: 0; left: 0; background:  rgba(40,40,40, .75); z-index:1000000; display:none; opacity:0;} 
.overlay-inner { position: fixed; overflow-y: scroll; top: 0; right: 0; bottom: 0; left: 0; z-index:1000001; } 
.overlay.open-overlay { display:block;opacity:0;}
.overlay.open-overlay.show-it {opacity:1;}
 
.overlay-table {position: relative;width:100%; height:100vh; display:table; pointer-events: none; box-sizing:border-box;  z-index:1000002; }
.overlay-table-cell {width:100%; height:100vh; display:table-cell; vertical-align:middle; text-align:center; box-sizing:border-box;  padding:2rem }
.overlay-popup {width:50%; display:inline-block; background:#fff;pointer-events: all;  }
.overlay-popup.notify {width:50%;max-width:420px; display:inline-block; background:#fff;pointer-events: all;  }

.products-wrapper {padding:1rem 0 1rem 0 ; position:relative;}
.side-products-wrapper {padding:1rem 0 1rem 0 ;}
.basket-wrapper {padding:0 1rem 1rem 1rem ; }
.basket-wrapper {padding:0 1rem 1rem 1rem ; }
.basket-wrapper h3{padding:1rem 1rem 1rem 3rem ; background:#eee url(images/basket.svg) 1rem center no-repeat; background-size: auto 20px;}

.basket-side {width:340px; height:100vh; position:fixed; top:0; right:-341px; background:#fff; z-index:1000005; overflow-y:scroll }
.basket-side.slideIn { right:0; }

ul.basket li {display:table; border-bottom:1px #ccc solid;width:100%;}
ul.basket li:last-child { border-bottom:0;}
ul.basket li span {display:table-cell;font-size:0.875rem; box-sizing:border-box; padding:3px; vertical-align:middle; overflow:hidden;} 
ul.basket li span span{display:inline;font-size:0.675rem; padding:0; vertical-align:auto;overflow:visible;} 
ul.basket li span.image-cell  {width:46px;min-height:58px; }
ul.basket li span.name-cell  {width:154px; }
ul.basket li span.quantity-cell  {width:46px;text-align:center; }
ul.basket li span.total-cell  {width:100%; text-align:right;padding-top:1rem; font-weight:700;font-size:1.115rem;  }
ul.basket li span.total-cell span { font-weight:300;}
ul.basket li span.price-cell  {width:62px; text-align:right;}
ul.basket li span.price-cell  i {color:#aaa; font-style:normal;text-decoration: line-through; }
ul.basket li span.image-cell img {width:100%; height:auto;}

.close-button {display:block; cursor:pointer;width:100%; height:60px; overflow:hidden; text-indent:-2000em; background:url(images/x.svg) left center no-repeat; background-size:20px auto;}

.basket-side .link  { font-size:0.875rem; margin-top:1rem; display:block; text-align:center; color:#000; text-decoration:underline; cursor:pointer}
.basket-side .button { width:100%; margin-top:2rem; text-align:center; }
.text-holder .button { width:auto; text-align:center; margin-top:2rem; float:right; padding:0 2rem }
 .button:hover { background:#6c8486; border:1px #6c8486 solid; color:#fff;}
 .mid-button:hover { background:#6c8486; border:1px #6c8486 solid; color:#fff;}

.basket-nav {margin-top:2rem}
.basket-nav ul {display:table; width:100%; }
.basket-nav ul li{display:table-cell; width:25%; text-align:center; font-size:0.75rem; position:relative;}
.basket-nav ul li span,.basket-nav ul li a{width:36px; height:36px; display:block; margin:0 auto; border:1px #ccc solid; line-height:36px;margin-bottom:1rem; background:#fff;position:relative; z-index:10;text-decoration:none;}
.basket-nav ul li:after{  position:absolute; width:100%; height:1px; background:#ccc; content:''; top:18px; left:0; z-index:9;}
.basket-nav ul li:first-child:after{  position:absolute; width:50%; height:1px; background:#ccc; content:''; top:18px; left:50%; z-index:9;}
.basket-nav ul li:last-child:after{  position:absolute; width:50%; height:1px; background:#ccc; content:''; top:18px; right:50%; z-index:9;}
.basket-nav ul li.active span,.basket-nav ul li.active a{  background:#ddd; border:1px #ddd solid;}
 
.basket-short {width:50%; float:left; box-sizing:border-box; }
.basket-short.second { padding-left:0; }
.basket-short.full-width {width:100%; float:none; } 
.text-holder .basket-short h3{ padding:1rem 0 0 0 ; }
.text-holder .basket-short p{color:#444; font-size:0.875rem; padding:0.5rem 0 0 0;font-weight:400; text-align:left;margin-bottom:0}
.text-holder .basket-short p.modify-basket{display:inline-block; transform:translateY(-1rem); margin-bottom:0;}
.text-holder .basket-short p.total-holder {font-size:1.5rem; font-weight:700; text-align:right}
.text-holder .basket-short p.total-holder span{font-size:0.875rem; font-weight:400; }
.text-holder .basket-short .combo-text-field p{ margin-bottom:0.25rem;}
.text-holder .basket-short p a{color:#444; }
 
.customer-area .basket-short { padding-left:0;}
.customer-area .basket-short.second { padding-right:0;}
.customer-area .basket-short h3{ padding:1rem 0 0 0 ; }
.customer-area .basket-short p{color:#444; font-size:0.875rem; padding:0.5rem 0 0 0;font-weight:400; text-align:left;margin-bottom:0.5rem;}
.customer-area .basket-short ul { padding:0.5rem 0 0 0; }
.customer-area .basket-short ul li ul { padding:0 0 0 0; }
.customer-area .basket-short ul li{color:#444; font-size:0.875rem; padding:0.5rem 0 0 0;font-weight:400; text-align:left;line-height:1.5em; }  
.customer-area .basket-short ul.orders-list li{border-bottom:1px #aaa solid;  padding:0.5rem 0 1rem 0;} 
.customer-area .basket-short ul.orders-list li ul.products-items{width:100%;} 
.customer-area .basket-short ul.orders-list li ul.products-items li {width:100%; display:table} 
.customer-area .basket-short ul.orders-list li ul.products-items li.summary {border-bottom:0;} 
.customer-area .basket-short ul.orders-list li ul.products-items li span{ display:table-cell} 
.customer-area .basket-short ul.orders-list li ul.products-items li span:last-child{text-align:right} 
.customer-area .basket-short ul.orders-list li h5{font-weight:700; font-size:0.675rem;margin-top:0.25rem} 
.customer-area .basket-short ul li ul li{ padding:0 0 0.5rem 0; } 
.customer-area .basket-short ul li .order-table-row{width:100%; display:table; }
.customer-area .basket-short ul li .order-table-row .table-cell{width:20%; display:table-cell;vertical-align:top; }
.customer-area .basket-short ul li .order-table-row .table-cell.last-cell{width:15%;text-align:right; font-weight:700;position:relative; padding-bottom:2rem;}
.customer-area .basket-short ul li .order-table-row .table-cell.last-cell h5{cursor:pointer;position:absolute; bottom:0; right:0; }
.customer-area .basket-short ul li .order-table-row .table-cell.shorter{width:5%; display:table-cell; }
.customer-area .basket-short ul li .order-table-row .table-cell.short{width:15%; display:table-cell; }
.customer-area .basket-short ul li .order-table-row .table-cell.body-cell{width:65%; display:table-cell; } 
.order-hidden-table {padding:1rem 1rem 1rem 5%;}
.customer-area .basket-short ul li .hidden-row{width:100%; display:none; box-sizing:border-box; }
.customer-area .basket-short p.modify-basket{display:inline-block; transform:translateY(-2rem); margin-bottom:0;}
.customer-area .basket-short p.total-holder {font-size:1.5rem; font-weight:700; text-align:right}
.customer-area .basket-short p.total-holder span{font-size:0.875rem; font-weight:400; }
.customer-area .basket-short .combo-text-field p{ margin-bottom:0.25rem;}
.customer-area .basket-short p a{color:#444; }

.body-table-wrapper {margin:0 0.5rem; padding:0.5rem; background:#efefef}

.modal {width:100%; height:100%; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.7); z-index:100; overflow-y:scroll; display:none;}
.modal-wrapper { position:relative;}
.modal-wrapper.short {max-width:420px; margin:0 auto;}
.modal-wrapper.plain {max-width:560px; width:96%; margin:0 auto; background:#fff; border:0; margin-top:40px;margin-bottom:40px; }
.modal-content { padding:40px;text-align:center; }
.modal-wrapper.plain .modal-content { padding:0 60px 60px 60px ;text-align:center; }
.modal-content h2{text-align:center; display:inline-block;border-bottom:1px #666 solid; padding:10px 10px 6px 10px ;letter-spacing:2px; font-weight:700}
.modal-content ul {padding:30px;padding-top:50px}
.modal-wrapper.plain .modal-content ul {padding:30px;padding-top:20px} 
.modal-content ul.form {padding: 30px 0 30px 40px;padding-top:100px} 
.overlay-popup.notify .modal-content ul.form {padding: 30px 0 0 0; } 
.modal-content ul.form li{padding-bottom:15px; text-align:center }
.overlay-popup.notify .modal-content ul.form li{padding-bottom:15px; text-align:left; font-size:0.875rem; line-height:1.5em;}
.overlay-popup.notify .modal-content ul.form li a{color:#555 }
.overlay-popup.notify .modal-content ul.form li.error-label, .overlay-popup.notify .modal-content ul.form li.error-label a{color: #d64b29; }
.overlay-popup.notify .modal-content ul.form li.error-label input[type=checkbox]{border: 1px #d64b29 solid; }
.modal-content ul.form li.linked { padding-bottom:15px; text-align:center}
.modal-content ul.form li.linked a{color:#000; text-decoration:none;font-size:0.875em; }
.modal-content ul li {text-align:left; padding-bottom:35px;}
.modal-content h3 {color:#444; padding-bottom:8px; text-transform:uppercase; font-size:0.875em;letter-spacing:2px; font-weight:700}
.modal-content p {color:#444; font-size:0.875rem; }
.overlay-popup.notify .modal-content p {padding-top:1rem;}
.modal-left {width:50%; float:left; border-right:1px #ccc solid; min-height:420px; } 
.modal-right {width:49%; float:left; min-height:420px; }
.modal-content input.text {border: 1px solid #a5a5a5; padding: 0 3%;height: 35px; width:94%; }
.modal-content input.text.error-label, .modal-content input.text.error {border: 1px solid #d64b29; }
.modal-content input.sbm { font-size:1rem; padding: 0 2rem;height: 60px;line-height: 60px; background:#fff; border:2px #8ea2a4 solid; cursor:pointer;font-weight: 400; color:#000;box-sizing:border-box;-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.modal-content input.sbm:hover { background:#8ea2a4; border:2px #8ea2a4 solid;color:#fff}
.modal-content .button-like {padding:0 45px; margin-top:30px; text-align:center; }
.modal-content .button-like a {color:#fff; width:100%; display:inline-block }
.close-sign, .close-me-splash{position:absolute; top:5px; right:7px; cursor:pointer; font-size:1rem; transform:scaleX(1.3)}
.like-link {cursor:pointer; text-decoration:underline;}
fieldset {margin-top:1rem; clear:both;} 
fieldset.short {}
fieldset.short p {clear:both;}
fieldset.short label {float:left; padding:1rem 1rem 1rem 0 ;}
fieldset label {}
fieldset input { line-height:1.5rem; font-size:0.875rem; box-sizing:border-box; border:0; border-bottom:1px #777 solid; background:#f6f8fa; padding:0.25rem 0.5rem; }  
fieldset.short input {float:left; width:80px; margin-left:1rem;line-height:2rem; }  
fieldset.text-field { position:relative; }  
fieldset.combo-text-field { border-bottom:1px #777 solid; background:#f6f8fa; padding:1rem;}  
fieldset.text-field label{ position:absolute; top:0; left:0; padding:8px; font-size:0.75rem;pointer-events:none;}  
fieldset.text-field.error-label label{ color:#d64b29}  
fieldset.textarea-field { position:relative; }  
fieldset.textarea-field label{ position:absolute; top:0; left:0; padding:8px; font-size:0.75rem;pointer-events:none;}  
fieldset.textarea-field.error-label label{ color:#d64b29}  
fieldset.checkbox-field label{ font-size:0.875rem; display:block; color:#444; padding-bottom:0.5rem;line-height:1.5rem;cursor:pointer}  
fieldset.checkbox-field a{ color:#444;text-decoration:underline;}  
fieldset.checkbox-field .password-holder label{ line-height:1em; padding-bottom:8px; font-size:0.75rem;}  
fieldset.checkbox-field label.error-label{ color:#d64b29}  
fieldset.checkbox-field div.error { display:block; margin-right:0.5rem; margin-bottom:0.5rem; font-size:0.675rem; color:#d64b29}  
fieldset.text-field label.default-position{ top:0.8rem; left:0.4rem; padding:8px; font-size:1rem;line-height:1rem;}  
fieldset.textarea-field label.default-position{ top:0.8rem; left:0.4rem; padding:8px; font-size:1rem}  
fieldset.text-field input { width:100%; padding-top:1.5rem;}  
fieldset.textarea-field textarea {border:0; border-bottom:1px #777 solid; background:#f6f8fa; padding:0.25rem 0.5rem; width:100%; padding-top:1.5rem; font-size:0.875rem; box-sizing:border-box; height:100px; resize: vertical;}  
.customer-area fieldset.textarea-field textarea { height:258px; }  
.fieldset-group fieldset.text-field  { width:20%; float:left;clear:none;}  
.fieldset-group fieldset.text-field.mid  { width:60%; float:left;clear:none;}  
.fieldset-group fieldset.text-field.submid  { width:65%; float:left;clear:none;}  
.fieldset-group fieldset.text-field.double  { width:35%; float:left;clear:none;}  
 .div-spacer {padding:0 1rem;max-width: 100%;}
.disable{pointer-events:none; opacity:0.5}

.password-holder {display:none;}

.basket-short-wrapper {padding-right:1rem;}
.basket-short.second .basket-short-wrapper {padding-right:0; padding-left:1rem}

.radios-holder { } 
.radio-group { }
.radio-item { position:relative;}
.radio-group label { border:1px #fff solid; display:block; padding: 0.75rem 0.5rem 0.75rem 60px;margin-bottom:1rem;cursor:pointer }
.radio-group.error-label label { color:#d64b29 }
.radio-group span.dot { display:block; position:absolute; top:10px; left:10px; width:21px; height:21px; border-radius:50%; border:1px #aaa solid;overflow:hidden;cursor:pointer;background:#f6f8fa}
.radio-group span.dot span{ display:block; width:21px; height:21px;position:relative;cursor:pointer}
.radio-group .radio-item span.dot span:after{ display:block; width:15px; height:15px;position:absolute; top:3px; left:3px; border-radius:50%; background:#aaa; content:''; transform:scale(0);}
.radio-group .radio-item.active span.dot span:after{transform:scale(1);}
.radio-group input{position:fixed!important; top:0!important; left:-20000rem!important;}

.options-holder {clear:both; margin-top:1rem; }
.options-holder .radios-block {padding-top:0.5rem;}
.options-holder .radios-block p { color: #777; font-size: 0.75rem; padding: 0; margin: 0 0 0; overflow: hidden; height: 2rem; line-height: 2rem; box-sizing: border-box;}
.options-holder .select-block  { width:150px;display: block;float:left;position:relative; margin-right:1rem; margin-top:1rem;}
.options-holder .select-block p { color:#777; font-size:0.75rem;padding:0; margin: 0 0 0; overflow:hidden; height:2rem; line-height:2rem;box-sizing:border-box;}
.options-holder .select-holder {position:relative; cursor:pointer;}
.options-holder .select-holder .options{position:absolute; top:2.40rem; background:#fff;box-sizing:border-box; border:1px #ccc solid; border-top:1px #666 solid; width:100%; display:none;z-index:500;}
.options-holder .select-holder .options.show{ display:block;}
.options-holder .select-block ul li { height:2.4375rem; line-height:1.5em;box-sizing:border-box; width:100%; padding:0.5rem 1rem; font-size:0.875rem;overflow: hidden;white-space: nowrap;}
.options-holder .select-block ul li:hover {background:#eee}
.options-holder .select-block p.selected-option { color:#777; font-size:0.875rem;  height:2.4375rem; line-height:2.4375rem;padding:0 1rem; margin: 0 0 0 0;border:1px #666 solid;position:relative;}
.options-holder .select-block.error p.selected-option { border:1px #d64b29 solid;}
.options-holder .select-block .error-message { display:none;}
.options-holder .select-block .select-legend { position:absolute;left:0; top:-1.75rem;overflow: hidden;white-space: nowrap;}
.options-holder .select-block.error .select-legend { color:#d64b29; }
.options-holder .select-block.error .error-message { display:inline-block;}
.options-holder .select-block p.selected-option:after { position:absolute;right:0; top:0; width:39px; height:39px; content:''; background:url(images/arrow.svg) center center no-repeat; background-size:24px 24px;}
.options-holder .select-block p.show.selected-option:after {transform:rotate(90deg);}
.radios-block ul {display:table; border:0; border-left:0; border-right:0; }
.radios-block li {display:table-cell; padding:0.5rem 1rem ;color:#777; background:#fff; font-size:0.875rem;line-height:1.5em; border:1px #ccc solid;cursor:pointer;}
.radios-block li:hover { background:#eaeaea; }
.radios-block li.selected {border:1px #146689 solid;  background:#146689; color:#fff} 

.custom-select { box-sizing: border-box; appearance: none; background-color: transparent; border: none; padding: 0 1em 0 0; margin: 0; width: 100%; max-width: 350px; border: 1px solid #666; font-size: 0.875rem; height: 2.4375rem; line-height: 2.4375rem; padding: 0 1rem; cursor: pointer; background-color: #fff; display:none;}
.options-holder .select-holder:after{position:absolute;right:0; top:0; width:39px; height:39px; content:''; background:url(images/arrow.svg) center center no-repeat; background-size:24px 24px; display:none;}
.field { display:block; width:70px; position:relative; box-sizing:border-box; float:left; border:1px #666 solid; line-height:39px; height:39px; margin-top:0; margin-right:1rem;  }
.field .math-btn{ font-family:arial, sans-serif;height:19px;width:19px;display: block; position:absolute; top:auto; bottom:0;right:0; font-size:0.875rem; line-height:19px;color:#838182; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;text-align:center;font-weight:300;box-sizing:border-box;border-left:1px #666 solid;} 
.field .math-btn.up{ top:0;border-bottom:1px #666 solid;}
.field .math-btn:hover{font-weight:500;}
.field .value{font-family:arial, sans-serif; height:39px;width:calc(100% - 20px);display: block; margin:0;outline:0; float:left;font-size:0.875rem;  line-height:32px; padding-top:0;padding-bottom:0;color:#838182; border:0; background:transparent;text-align:center;box-sizing:border-box;}
.field .value:focus{  outline:0; border:0; }

.single-product .common-button{ width:200px; padding:0 ; line-height:39px; height:39px; display:block; cursor:pointer; overflow:auto; float:left; margin-right:0; margin-left:0; margin-bottom:0;  background:#000;color:#fff; }
.single-product .common-button.off{ width:auto; cursor:default; float:left; background:#888888;  padding:0 2rem;}
.single-product .common-button.off.notify-trigger:hover{ background:#6b8385; } 

.single-product .common-button.off.notify-trigger { cursor:pointer}
.single-product .common-button.off span.fas, .single-product .common-button.off span.far{ display:inline-block; margin-left:10px;}

.accordion-holder {margin-top:2rem}
.accordion-header{ line-height:1.4em; font-weight:400; text-align:left;font-size:1rem; padding:0.75rem 1rem 0.75rem 0 ; cursor:pointer; position:relative;}
.accordion-header:after{ position:absolute;right:-20px; top:0; width:50px; height:50px; content:''; background:url(images/arrow.svg) center center no-repeat; background-size:24px 24px;}
.accordion-header.active:after{ transform:rotate(90deg)}
.accordion-item{ border-bottom:1px #000 solid;max-width:740px; }
.accordion-content {display:none;}
.accordion-content p {color:#000;font-weight:400; text-align:left;font-size:0.875rem; margin-bottom:1rem;}
.accordion-content ul{  margin-bottom:1rem;}
.accordion-content ul li{font-weight:400; text-align:left;line-height:1.4em; font-size:0.875rem; margin-bottom:0.25rem;position:relative; padding-left:1rem;}
.accordion-content ul li:before { height:1px; border-bottom:1px #000 solid; width:0.6rem; position:absolute; left:0; top:8px; content:'';}

.cart-area{ float:left; box-sizing:border-box;  margin-top:1rem;}
.single-product-lead{ float:none; box-sizing:border-box; clear:both; padding: 0 0 0 0;max-width:740px;} 
.single-product-lead p { line-height:1.4em; font-weight:400; text-align:left;font-size:0.875rem;margin: 0.5em 0 }
.single-product-lead h5 { line-height:1.4em; font-weight:700; text-align:left;font-size:0.875rem;margin: 0.5em 0 }
.single-product-lead p a {color:#2977d6}

.description  {padding: 2rem 0}
.single-tag .description  {padding: 0}
.description.grey {background:#fff;position:relative;border-top:1px #ccc solid;}
/* .description.grey:before { opacity:0.05;width:100%; display:block; height:20px; background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );position:absolute;content:''; top:-20px; left:0; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; transform:rotate(180deg)} */
.description.light-grey {background:#f6f8fa}
.description.last-child {border-bottom:1px #ccc solid;}
.single-product .description h2 {color:#777; font-size:1rem; padding:1rem 0 1rem 0 ;font-weight:700; text-align:left;text-transform:uppercase;}
.single-product .description p {color:#777;font-weight:400; text-align:justify;font-size:0.875rem; margin-bottom:1rem;}
.single-product .description ul,.single-product-lead ul  { margin-bottom:1rem;}
.single-product .description ul li, .single-product-lead ul li {color:#777;font-weight:400; text-align:justify;line-height:1.4em; font-size:0.875rem; margin-bottom:0.25rem;position:relative; padding-left:1rem;}
.single-product .description.grey ul li, .single-product-lead ul li {color:#000;}
.single-product .description ul li:before, .single-product-lead ul li:before { height:1px; border-bottom:1px #777 solid; width:0.6rem; position:absolute; left:0; top:8px; content:'';}
.single-product .description.grey h2 {color:#000; }
.single-product .description.grey p {color:#000; }
sup{ transform:translateY(-0.25em); font-size:80% !important;display:inline-block;}
.box-table-row {display:block;width:100%; margin: 0; text-align:center;  padding:0; box-sizing:border-box;}
.brand-row .box-table-row {margin-bottom:2rem; padding:0;}
.box-table-cell {display:block;width:100%;box-sizing:border-box; padding:0 2rem 0 2rem ;vertical-align:top; float:left;} 
.brand-row .box-table-cell { padding:0 2rem 0 0;text-align:center;} 
.box-table-row.items_2 .box-table-cell{ width:50%; padding:0 3rem 0 3rem ;} 
.box-table-row.items_3 .box-table-cell { width:33.3333%; } 
.box-table-row.items_4 .box-table-cell { width:25%; } 
.box-table-row.items_5 .box-table-cell { width:20%; } 
.box-table-cell h3 {color:#000;font-weight:700; text-align:left; font-size:1.25rem;font-family: 'Inter', sans-serif;  margin-bottom:0.5rem;padding-left:0; padding-right:0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 3.75rem;  overflow:hidden; padding-top:0; margin-top:1rem;} 
.box-table-cell h4 {color:#000;font-weight:700; text-align:left; font-size:1.25rem;font-family: 'Inter', sans-serif;  margin-bottom:0.5rem;padding-left:0; padding-right:0; padding-top:0; margin-top:1rem;} 
.generic-text-holder.text-holder .box-table-cell h4 {color:#000;font-weight:700; font-size:1rem;font-family: 'Inter', sans-serif;  margin-bottom:0.5rem;padding-left:0; padding-right:0;  padding-bottom:0; padding-top:0; margin-top:1rem;margin-bottom:0.5rem; background:none;text-transform:none} 
.brand-row .box-table-cell h3 { padding:2rem 1rem 1rem 1rem ; text-align:center; } 
.brand-row .box-table-cell h4 { padding:2rem 1rem 1rem 1rem ; text-align:center; } 
.box-table-cell p {font-weight:400; text-align:left; font-size:0.875rem;padding-left:0; padding-right:0;} 
.brand-row .box-table-cell p { padding-right:0;padding-left:0;text-align:center;} 
.brand-row .box-table-cell p.link { padding-top:1rem;text-align:center;} 
.brand-row .box-table-cell p.link a{ border:1px #777 solid; color:#777; display:inline-block; padding:0.75rem; text-decoration:none; } 
.brand-row .box-table-cell p.link a:hover{ background:#777; color:#fff; display:inline-block; padding:0.75rem; text-decoration:none; } 
.box-table-cell img.aligncenter { text-align:center; display:inline-block;} 
.box-table-cell img.size-full {max-width:100%; height:auto; float:none; } 

.brand-row .box-table-cell a img {border:2px #ddd solid; width:60%; height:auto; border-radius:50%; display:inline-block; margin-top:2rem;} 
.brand-row .box-table-cell a:hover img {transform:scale(1.05);} 
.brand-row .box-table-cell img.size-full {max-width:100%; height:auto; float:none; } 

.table-like {display:table;width:100%;}
.table-cell-like {display:table-cell;width:43%;box-sizing:border-box; padding:0 2rem} 
.table-cell-like.icons-holder { width:20%;box-sizing:border-box; padding:0 2rem} 
.table-cell-like-plain {display:table-cell;width:50%;box-sizing:border-box;vertical-align:middle; padding-left:0; padding-right:0;  padding-top:1rem; padding-bottom:1rem; } 
.table-cell-like-plain.left-cell { padding-left:0; } 
.table-cell-like-plain.right-cell { padding-right:0; } 
figure.table-cell-like-plain { padding-left:0; } 
.table-cell-like-plain h2{color:#000;font-weight:700; text-align:left; font-size:2rem; padding: 0 2.5rem 0 2.5rem; margin: 1rem 0 1rem 0} 
.table-cell-like-plain h3{color: #000;  font-weight: 700; margin: 1rem; font-size:1.25rem;padding: 0 2.5rem 0 2.5rem; margin: 1rem 0 1rem 0} 
.table-cell-like-plain h4{color: #000;  font-weight: 700; margin: 1rem; font-size:1rem;padding: 0 2.5rem 0 2.5rem; margin: 1rem 0 1rem 0} 
.table-cell-like-plain p{color: #000;  font-weight: 400; margin: 1rem; font-size:0.875rem;padding: 0 2.5rem 0 2.5rem; margin: 0.5rem 0 0.5rem 0} 

.table-cell-like-plain ul li{color:#444; font-size:0.875rem; padding:0.25rem 2rem 0.25rem 3.5rem ;font-weight:400; text-align:left;line-height:1.5em;position:relative;}
.table-cell-like-plain ul li:before{background:#777; height:1px; width:1rem; position:absolute; left:2rem; top:1.25em; content:'';}
.table-cell-like-plain ol li{color:#444; font-size:0.875rem; padding:0 2rem 0 0;margin-top:0.5rem; margin-left:3rem;font-weight:400; text-align:left;line-height:1.5em;position:relative;list-style-type:decimal} 

.table-cell-like-plain.right-cell h2,
.table-cell-like-plain.right-cell h3,
.table-cell-like-plain.right-cell h4,
.table-cell-like-plain.right-cell p,
.table-cell-like-plain.right-cell ul,
.table-cell-like-plain.right-cell ol{margin-right:20%}
.table-cell-like-plain.left-cell h2,
.table-cell-like-plain.left-cell h3,
.table-cell-like-plain.left-cell h4,
.table-cell-like-plain.left-cell p,
.table-cell-like-plain.left-cell ul,
.table-cell-like-plain.left-cell ol {margin-left:20%}

.newsletter-form-holder {background:#000000; border-top:1px #ccc solid; width:100%; box-sizing:border-box; padding: 0;color:#fff;display: flex; justify-content: flex-end; }
.newsletter-form { width: 50%;box-sizing:border-box; background: #000000;background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 9%, rgba(0, 0, 0, 1) 100%); color:#fff;font-weight:300; text-align:left; font-size:1rem; padding: 1rem 1rem 3rem 0; }

.newsletter-form-holder {background:#000 url(/images/newsletter-image.wide.jpg) left center no-repeat; background-size:cover;}
.newsletter-form h2{color:#fff;font-weight:300; text-align:left; font-size:1rem; padding: 2rem 1rem 1rem 0; }
.newsletter-form p{color:#fff;font-weight:300; text-align:left; font-size:1rem; padding: 1rem 1rem 1rem 0; }
.newsletter-socket {margin-top:0.5rem;padding-bottom:1.5rem; position:relative;}
.newsletter-socket .checkbox-socket { font-size:0.75rem;max-width:630px;}
.newsletter-form-holder .search-form-body {padding: 2rem 2rem 2rem 2rem;max-width:1800px;}

.input-spacer {padding-bottom:1.5rem; position:relative;}
.search-form-body .form-body .input-spacer .error, .search-form-body .form-body .newsletter-socket .error{ position:absolute; bottom:0; left:0; padding-bottom:0; }
.newsletter-form .search-form-body .form-body .input-spacer .error { padding-top:0;top:2px; bottom:auto; padding-left:0.25rem;font-size:0.675rem;}
 .search-form-body .form-body .newsletter-socket .error{ padding-top:0;top:auto; bottom:5px; padding-left:0;font-size:0.675rem;}
.search-form-body .error-label input[type="text"] {border:1px #d64b29 solid;}


.wide-foto{background:#fff; margin-top:3rem; margin-bottom:3rem;}
 
.table-cell-row  h2 {color:#000;font-weight:700; text-align:left;font-size:2rem; padding: 0 2.5rem 0 2.5rem; margin: 1rem 0 1rem 0} 

.table-cell-row h3{color: #000;  font-weight: 700; margin: 1rem; font-size:1.25rem; line-height: 1.5em;padding: 0 2.5rem 0 2.5rem; margin: 1rem 0 1rem 0} 
.table-cell-row h4{color: #000;  font-weight: 700; margin: 1rem; font-size:1rem; line-height: 1.5em;padding: 0 2.5rem 0 2.5rem; margin: 1rem 0 1rem 0} 
.table-cell-row p{color: #000;  font-weight: 400; margin: 1rem; font-size:0.875rem; line-height: 1.5em;padding: 0 2.5rem 0 2.5rem; margin: 0.5rem 0 0.5rem 0} 

.table-cell-row ul li{color:#444; font-size:0.875rem; padding:0.25rem 2rem 0.25rem 4rem ;font-weight:400; text-align:left;line-height:1.5em;position:relative;}
.table-cell-row ul li:before{background:#777; height:1px; width:1rem; position:absolute; left:2.5rem; top:1.25em; content:'';}
.table-cell-row ol li{color:#444; font-size:0.875rem; padding:0 2rem 0 0;margin-top:0.5rem; margin-left:3.5rem;font-weight:400; text-align:left;line-height:1.5em;position:relative;list-style-type:decimal} 
 
.rating-popup-cover {width:100%; position:fixed; top: 0; left:0; height:100%; background:rgba(0,0,0,0.4);z-index:1000000}
.rating-popup  {width:600px; height:300px; position:fixed; top: 50%; left:50%; margin-left:-300px; margin-top:-150px;background:#fff;z-index:1000001}

.left-rating-form {width:50%; display:block; box-sizing:border-box; padding:20px; float:left;}  
.score-form-wrapper  .left-rating-form p {padding:10px 0 10px 0 ; font-size:1.5em; font-weight:300;}
.rating-form-message {padding:2rem}
.score-form-wrapper h3 {padding:10px 0 10px 0 ; font-size:1.5em;  font-weight:300;}
.score-form-wrapper p {font-size:0.875em; color:#000; padding: 5px 0;font-weight:300;}
.score-form-wrapper ul li {font-size:0.875em; color:#000; padding: 5px 0;font-weight:300; line-height:1.5em;}
.left-rating-form h3 {padding:10px 0 10px 0 ; font-size:1.5em; font-weight:300;}
.right-rating-form {width:50%; display:block; padding:40px 30px 10px 0 ; box-sizing:border-box;float:left;}
.right-rating-form p.blank { padding: 0 0 15px 0 }
.right-rating-form p a{color:#555}
.right-rating-form input[type=text]{width:100%; padding:0 10px; height:40px; line-height:40px; border:1px #ccc solid; box-sizing:border-box; color:#555;font-size:0.875em;font-family: 'Inter', sans-serif; margin-bottom:10px;font-weight:700;}
.right-rating-form input.error-label{ border:1px #d64b29 solid;}
.right-rating-form input[type=submit]{ cursor:pointer; border:0; width:100%; box-sizing:border-box;margin:0; }
.rating-stars {overflow:auto; margin:10px; box-sizing:border-box; border:1px #eee solid;}
.rating-stars.error-label { border:1px #d64b29 solid;}
.rating-stars span{display:block; float:left;width:30px; height:30px;cursor:pointer;}
.rating-stars span.silver{ background:url(images/star-sprite.png) left -30px no-repeat;}
.rating-stars span.silver.gold{ background:url(images/star-sprite.png) left top no-repeat;} 
.rating-stars span.static-silver{ background:url(images/star-sprite.png) left -30px no-repeat;cursor:default;}
.rating-stars span.static-silver.gold{ background:url(images/star-sprite.png) left top no-repeat;cursor:default;} 
.close-rating-popup {padding:35px 55px; background:#1981ad; color:#fff; margin-top:100px; margin-right:50px; display:inline-block;cursor:pointer;}

.score-form { background:#eee; margin:2rem auto}
.score-form-wrapper {margin: 0 auto; max-width:800px}
.rating-area { padding:20px 10px 10px 10px ;}
.rating-area textarea { box-sizing:border-box; padding:10px; width:100%; height: 120px; min-height: 120px; border:1px #ccc solid; color:#555;font-size:0.875em;font-family: 'Inter', sans-serif;resize: vertical;font-weight:700;}
.score-form-holder {display:none;overflow:hidden; }
.progress-bar {width:100%; text-align:center;}

.brand-row { padding:2rem 0 0 0 ; } 
.brand-row h2 {color:#777; font-size:2rem; padding:1rem 0 0 0 ;font-weight:300; text-align:left; text-transform:uppercase;}
.brand-row h2 a{color:#777; text-decoration:none;}

.clean-row { padding:1rem 0 2rem 0 ; }
.clean-row h2 {color:#777; font-size:2rem; padding:1rem 0 1rem 0 ;font-weight:300; text-align:left; text-transform:uppercase;}
.clean-row p {color:#777; font-size:1rem; padding:1rem 0 1rem 0 ;font-weight:300; text-align:left; }
 
 
.fixed-slider { width: 100%; overflow: hidden; box-sizing: content-box; margin-bottom:3rem}
.fixed-slider .slider-wrapper { width: 100%; position: relative; }
.fixed-slider .slider { margin: 0; }
.fixed-slider .slick-list { transition: margin 0.3s ease; }
.fixed-slider .slick-track { display: flex !important; }
.fixed-slider .slick-slide { display: flex !important; height: auto !important; }
.fixed-slider .slide { background: #f2f2f2;  display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;  }
 
.fixed-slider .slide {background:#f4f4f4; }
.fixed-slider .slide a {color:#000;text-decoration:none;display:block; flex-grow: 1;border-left:1px #fff solid;border-right:1px #fff solid;}  
.fixed-slider .slide .item-image-box {margin-bottom:1rem;}
.fixed-slider .slide .item-image-box img{max-width:100%;height:auto;}
.fixed-slider .slide .item-text-box h3{font-size:1.25rem; font-weight:300; margin-bottom:1rem;margin-top:1rem; padding-right:1rem; padding-left:1rem;}
.fixed-slider .slide .item-text-box p {font-size:0.875rem; font-weight:300;margin-bottom:1rem; padding-right:1rem;  padding-left:1rem;}
.fixed-slider .slide a .item-text-box p span.link{display:inline-block; text-decoration:none; position:relative; padding:1rem 0 0.5rem 0 } 
.fixed-slider .slide a .item-text-box p span.link:after{display:inline-block; position:absolute; bottom:-2px; left:0; width:0; height:1px; background:#000;content:''; }
.fixed-slider .slide a:hover .item-text-box p span.link:after{ width:100%; transition: all 0.2s ease-out;}
 
    .fixed-slider .slider-arrow {
      position: absolute;
      top: 0; 
      background: url(images/arrow-big-multi.svg) center center no-repeat; background-size:auto 24px;
	  width:20px; height:100%;
      cursor: pointer;
      z-index: 2; border:0;
    }

    .fixed-slider .prev-arrow {
      left: 0;
	 transform: rotate(180deg);
    }

    .fixed-slider .next-arrow {
      right: 0;
    }
 
    @media (min-width: 1025px) {
      .fixed-slider .slide {
        width: 100%;
        margin-right: 0;
      }
    } 
    @media (max-width: 1024px) {
      .fixed-slider {
        padding-right: 60px;
      }

      .fixed-slider .slick-list {
        margin-right: -60px;
      }

      .fixed-slider .slide {
        width: 300px; 
      }
    }
 
    @media (max-width: 600px) {
      .fixed-slider .slide {
        width: 300px; 
      }
    }

 
/*/ cookies /*/ 
.cookie-consent-banner {width:100%;height:100vh; bottom:auto; position:fixed; top:0; left:0; overflow-y:scroll; box-shadow:none; max-height:100%; padding:0; background:transparent;z-index:2000000; box-sizing:border-box;}
.cookie-consent-banner h3{ font-size:1.5em;  font-weight:300; padding-bottom:1rem}
.cookie-consent-banner p{ font-size:0.875em;  font-weight:300; padding:0 0 1rem 0 ;}
.cookie-consent-banner p a{ color:#444;}
.cookie-consent-banner p.follow-up{padding:1rem 0 0 0 ;}
.cookie-consent-banner ul { padding:0 0 0.5rem 0 ;}
.cookie-consent-banner ul li{ line-height: 1.5em;font-size:0.875em;  font-weight:300; padding:0 0 0.5rem 1.5rem ;position:relative;}
.cookie-consent-banner ul li:before{background:#777; height:1px; width:1rem; position:absolute; left:0; top:9px; content:'';}
.cookie-consent-wrapper {position:relative;}
.cookie-consent-close {position:absolute; top:10px; right:10px; cursor:pointer}
.cookie-consent-close span{display:block; width:20px; height:20px; position:relative;}
.cookie-consent-close span:before{ width:20px; height:3px; position:absolute; top:10px; left:0; transform:rotate(45deg); content:''; background:#8ea2a4}
.cookie-consent-close span:after{ width:20px; height:3px; position:absolute; top:10px; left:0; transform:rotate(-45deg); content:''; background:#8ea2a4}
.cookie-consent-banner button { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; }
.cookie-consent-banner button.cookie-consent-button {  font-size:1rem; font-weight:300;  padding: 1rem; color:#fff;  border: 1px #698183 solid; background: #698183; border-radius:0; display:inline-block; margin-right:5px;margin-bottom:5px;}
.cookie-consent-banner button.cookie-consent-button.btn-grayscale { padding: 1rem; color:#444;  border: 1px #8ea2a4 solid; background:transparent; border-radius:0; display:inline-block; margin-right:5px}
.cookie-consent-banner button.cookie-consent-button:hover { background:#8ea2a4} 
.cookie-consent-banner button.cookie-consent-button.btn-grayscale:hover { background:#c0d6d2} 
.cookie-consent-options {  font-weight:300; padding:1rem; background:#c0d6d2; margin-top:1rem;font-size:0.875rem; }
.cookie-consent-options label{display:inline-block; margin-right:0.5rem;color:#444}
.cookie-consent-options div{display:inline-block; margin-right:0.5rem;color:#444}
.cookie-consent-options label input {display:inline-block; margin-right:0.5rem;}

.cookie-consent-table {width:100%;height:100%; display:table; }
.cookie-consent-cell {width:100%;height:100%; display:table-cell; text-align:center; vertical-align:middle; }
.cookie-consent-wrapper {width:60%; overflow-y:auto;background:#f4f3f1;text-align:left;  color:#444;box-sizing:border-box; padding:2rem;display:inline-block;box-shadow:0 0 10px rgba(0,0,0,0.4);}

	
.cookies-settings {width:100%; padding:0; background:#f4f3f1; }
.cookies-settings p{ padding:1rem; color:#6d7b87; cursor:pointer;display:inline-block;}

/*/ dp-4 /*/ 
.dermapen-home-section{width:100%;  }
.dermapen-home-image{width:100%; height:80vh;background:url(images/dermapen-home-hero-image.jpg) center center no-repeat; background-size:cover;position:relative;}
.dp-4-logo{position:absolute; right:3vw; top:3vh; width:350px; height:120px; background:url(images/dermapen.HOME.logo.svg) left top no-repeat; background-size: 100% auto; text-indent:-2000rem;overflow:hidden;}

.grid-3-col {display:grid;  width: 100%; grid-template-columns: 1fr 1fr 1fr ; grid-gap:20px; }
.grid-col {min-height:200px;padding:1rem 1rem 0 1rem ; }
.pink .grid-col {background:#ebcdc2 }

.grid-col h4{ text-align:center; font-weight:300;padding-bottom:1.5rem; font-size:1rem; }
.grid-col h5{ text-align:left; font-weight:300;  font-size:0.75rem;letter-spacing:2px;padding-bottom:1rem; line-height:1.4em;}
.grid-tab{ width:100%; display:table;margin-bottom:2rem;}
.grid-tab.half-tab{ width:50%; display:table;}
.grid-tab-cell{ width:50%; display:table-cell;vertical-align:bottom;position:relative}
.grid-tab-cell.alternative-item:after{position:absolute; right:0;bottom:1rem; content:'LUB'; font-weight:300;  font-size:0.75rem; }
.grid-tab-cell.suplementive-item:after{position:absolute; right:0;bottom:1rem; content:'ORAZ'; font-weight:300;  font-size:0.75rem; }
.grid-tab-cell p{  text-align:left; font-weight:300;  font-size:0.75rem; padding-bottom:0.5rem}
.grid-tab-cell .p{ max-width:70px; width:40%; display:inline-block;}
.grid-tab-cell .t{ width:40%; display:inline-block;margin-right:5%}
.grid-tab-cell .p img{max-width:62px; width:100%; height:auto; display:block; }

.dermapen-home-header {background:#f5f2ef;padding:1rem 2rem ;}
.dermapen-home-header h2 {color:#000; font-size:1.5rem; padding:1rem 0 0 0 ;font-weight:600; text-align:center; }
.dermapen-home-header p {color:#000; font-size:1.115rem; padding:0.5rem 0 1rem 0 ;font-weight:300; text-align:center; }
.dermapen-home-section h3{ font-size:2rem;  padding:1rem; font-weight:300; text-align:center; font-family: 'Inter', sans-serif;}

/* select */

.styled-select {
  appearance: none;
  -webkit-appearance: none; /* Safari */
  -moz-appearance: none;    /* Firefox */

  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  padding: 0.75rem 2rem 0.75rem 0.5rem;
  background: #fff;
  border: none;
  width: 100%;
  color: #000;
  cursor: pointer;
	box-sizing:border-box;
	border:1px #ccc solid;
  /* Position for custom arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolygon fill='%231d1d1b' points='4.1 1.1 7.5 4.9 4.1 8.7 4.1 1.1'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1rem auto;
}

/* Firefox fix to align arrow */
@-moz-document url-prefix() {
  .styled-select {
    padding-right: 2rem;
  }
}

/* Wrap select in a container to detect open state */
.select-wrapper {
	margin:1rem 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
 

/* Detect :focus to simulate open and rotate the arrow */
.select-wrapper select:focus,
.select-wrapper select:focus-visible {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolygon fill='%231d1d1b' points='8.8 4.3 5 7.7 1.2 4.3 8.8 4.3'/%3E%3C/svg%3E");

  background-position: right 0.5rem  center;
}

/* select */

/*/ appearance /*/ 

.search-form-body input[type=text],
.input-common,
.common-button,
.modal-content input.sbm,
.custom-select{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:none; }

/*/ transition /*/ 
.input-common,
.home-hero-container .home-tag-line p a,
.small-slider-container .tag-line-shadow p a,
.strech-cell.text-cell p a,
.left-big a,
.home-hero-container-half .home-tag-line p a,
.home-hero-container .home-tag-line p a:before,
.small-slider-container .tag-line-shadow p a:before,
.strech-cell.text-cell p a:before,
.left-big a:before,
.home-hero-container-half .home-tag-line p a:before,
.home-hero-container .home-tag-line p a:after,
.small-slider-container .tag-line-shadow p a:after,
.strech-cell.text-cell p a:after,
.left-big a:after,
.home-hero-container-half .home-tag-line p a:after,
.wide-cells li a .img img,
.category-description .more-trigger,
.category-description:after,
.grid li .inner,
.grid li .inner .bottomHolder .basket, 
.common-button, 
.grid li .inner a, 
.grid li .inner a h4,
.grid-columns li .inner,
.grid-columns li .inner .bottomHolder .basket,
.common-button,
.grid-columns li .inner a,
.grid-columns li .inner a h4,
.loose-box .inner,
.loose-box .inner .bottomHolder .basket,
.common-button,
.loose-box .inner h4,
.loose-box .inner h4 a,
.checkbox-socket span:before, 
.checkbox-socket span:after,
.side-filters ul li ul li.checkbox-socket span:before, 
.side-filters ul li ul li.checkbox-socket span:after,
.customer-area .exit-link a,
.customer-area nav ul li a,
.wide-cta a,
.generic-cta a,
.site-info .footer-menu-default li a,
.single-product p.brand-legend a,
.filter .filter-selected:after, 
.main-image-holder .slick-dots li .round-thumb,
.breadcrumbs ol li a,
.radio-holder .dummy-radio span,
.overlay,
.basket-side,
.modal-content input.sbm,
fieldset label,
fieldset.text-field label,
fieldset.textarea-field label,
.radio-group .radio-item span.dot span:after,
.options-holder .select-block p.selected-option:after,
.radios-block li,
.options-holder .select-holder:after,
.brand-row .box-table-cell p.link a,
.brand-row .box-table-cell a img ,
.right-rating-form input[type=text],
.cookie-consent-banner button.cookie-consent-button,
.accordion-header:after,
.rating-stars { -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

/*/ loading.io /*/ 
.lds-ellipsis { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #ccc; animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; }
.lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; }
.lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; }
.lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; }
@keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } }
@keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } }
@keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } }


.tablet {display:none;}
.mobile {display:none;}

@media (max-width: 1728px) {
	
.generic-text-holder._narrow { padding-left:1rem; padding-right:1rem; box-sizing:border-box; }
}
@media (max-width: 1400px) {
.overlay-popup, .overlay-popup.notify {width:60%}
}	
@media (max-width: 1150px) {
	
	.wide-foto{ margin-top:0; margin-bottom:0;}
	.home-hero-container-half figure {vertical-align:top;padding-top:1rem}
	.home-hero-container-half .home-tag-line {padding: 1rem 3rem}
}

@media (max-width: 1100px) { 
	.grid li {  width: 50%; }
	.single-tag .wide-header .header-envelope {background-position-x: 30px;}
	.box-table-row { text-align:center} 
	.box-table-row.items_2 .box-table-cell{ width:100%; float:none;clear:both;} 
	.box-table-row.items_3 .box-table-cell { float:none;clear:both; display:inline-block; width:48%; } 
	.box-table-row.items_4 .box-table-cell { float:none;clear:both;display:inline-block; width:32.3333%; } 
	.box-table-row.items_5 .box-table-cell { float:none;clear:both; display:inline-block; width:24%; } 
	
	.box-table-cell h3, .box-table-cell h4 { margin-top:2rem;} 

	.wide-header ul { display:block; width:100%; box-sizing:border-box; text-align:center}
	.wide-header ul li { display:inline-block; width:19%;}
	.overlay-popup, .overlay-popup.notify {width:80%}
	.table-cell-row p {padding:0;}
	
	.slider-button.prev { left:-20px; right:auto; }
	.slider-button.next { left:auto; right:-20px; }
	
	.the-page {padding-top:172px;} 
	.main-header ul.cell li.has-sub .combo.show { top:169px;opacity:1; }
}


@media (max-width: 1000px) { 
.grid-columns{grid-template-columns: 1fr 1fr;}
.grid-col {margin-bottom:20px;}
.grid-3-col {display:block; width:100%}
.grid-tab {margin-bottom:0;}
.grid-tab-cell {padding-bottom:1rem}
.grid-tab-cell.suplementive-item:after,.grid-tab-cell.alternative-item:after { bottom:4rem; }
}
@media (max-width: 960px) { 
	.tablet {display:block;} 
	.mobile {display:block;}

	.main-header .top-bar{display:block; width:100%;}
 
	.main-header .in-cell {display:block;clear:both;text-align:left; }
	.main-header div.function {display:block;float:none; position:absolute; top:30px; right:0;}

	.main-header ul.cell li a span {padding-top:0.75rem; padding-bottom:0.75rem; padding-left:0.75rem; line-height:1.45em;}
	.main-header ul.cell li.has-sub a span { padding-left:1.75rem; background-position: 10px center;background-repeat:no-repeat;background-size:15px auto;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolygon fill='%231d1d1b' points='4.1 1.1 7.5 4.9 4.1 8.7 4.1 1.1'/%3E%3C/svg%3E");}
	.main-header ul.cell li.has-sub.opened a span { padding-left:1.75rem; background-position: 10px center;background-repeat:no-repeat;background-size:15px auto;  
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolygon fill='%231d1d1b' points='8.8 4.3 5 7.7 1.2 4.3 8.8 4.3'/%3E%3C/svg%3E");}

	.main-header ul.cell li a.top-link[href]:not([href="#"]) span {padding-top:0.75rem; padding-bottom:0.75rem; padding-left:0.75rem; line-height:1.45em;}
	.main-header ul.cell li.has-sub a.top-link[href]:not([href="#"]) span { padding-left:0.75rem; background:transparent;}
	.main-header ul.cell li.has-sub.opened a.top-link[href]:not([href="#"]) span { padding-left:0.75rem;background:transparent}

	.main-header ul.cell li.has-sub .combo  {height:calc(100vh - 124px); overflow-y:scroll; top:124px;  left:-2000rem;opacity:1;}
	.main-header ul.cell li.has-sub .combo.show { left:0; top:130px;opacity:1; }
	.main-header ul.cell li.has-sub .combo:after {display:none;}
	.main-header ul.cell li.has-sub .combo .columns {display:block;padding-bottom:2rem;padding-top:1rem; padding-left:1.25rem;}
	.main-header ul.cell li.has-sub .combo .columns .column,
	.main-header ul.cell li.has-sub .combo .columns .column:nth-child(2), 
	.main-header ul.cell li.has-sub .combo .columns .column:nth-child(3), 
	.main-header ul.cell li.has-sub .combo .columns .column:nth-child(4){ display:block; width:100%; float:none; clear:both;padding-top:0;}
	.main-header ul.cell li.has-sub .combo .columns .column .txt {padding-left:0;}
	.main-header ul.cell li.has-sub .combo .columns .column ul {margin-top:0; margin-left:0;}
	.main-header ul.cell li.has-sub .combo .columns .column ul li a {padding-top:0.5rem;padding-bottom:0.5rem;}
	.wide-header ul li { width:32.3333%;}

	.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column {display:inline-block;width:33%;}
	.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column ul li {padding-left:0;}
	.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column:nth-child(2),
	.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column:nth-child(3),
	.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column:nth-child(4),
	.main-header ul.cell li.has-sub .combo[data-target="Marki"] .columns .column:nth-child(5) {display:inline-block;width:33%;}

	.main-header ul.cell li.has-sub .combo .columns .column ul li.dermaceutic a, .main-header ul.cell li.has-sub .combo .columns .column ul li.dp-dermaceuticals a, .main-header ul.cell li.has-sub .combo .columns .column ul li.p1p a, .main-header ul.cell li.has-sub .combo .columns .column ul li.biosense a, .main-header ul.cell li.has-sub .combo .columns .column ul li.sente a, .main-header ul.cell li.has-sub .combo .columns .column ul li.pure-story a, .main-header ul.cell li.has-sub .combo .columns .column ul li.hydropeptide a, .main-header ul.cell li.has-sub .combo .columns .column ul li.exo-grow a, .main-header ul.cell li.has-sub .combo .columns .column ul li.dr-ivana a {padding-bottom:0; height:100px;opacity:1;}


	.main-header div.function ul li:last-child{ margin-right:0; } 
	.main-header div.function ul li.menu-holder{ display:inline-block;} 
	.nav-holder { height:calc(100vh - 98px); overflow-y:scroll;box-sizing: border-box; position: absolute; background: #fff;left: 100vw; width:100vw;top: 112px; }
	.nav-holder.in-view { left: 0; }
	.main-header {border-bottom:1px #ccc solid;}
	.main-header ul.cell li {display:block;}
	.main-header ul.cell li a{font-size:1rem;}
	.main-header ul.cell li.has-sub .combo {position:relative; top:auto; left:auto; height:auto;display:none;border-top:0;}
	.main-header ul.cell li.has-sub .combo.show {top:auto;}
	.main-header ul.cell li.has-sub.opened .combo.show{display:block;top:auto;} 
	.main-header .in-cell {}
	.main-header ul.cell li.has-sub a span:after{ display:none;}
	.main-header ul.cell li.has-sub .combo:after{ display:none;}
	.main-header ul.cell li.has-sub .combo .columns {padding-top:0; padding-left:0; padding-bottom:0}
	.main-header ul.cell li a{padding-right:0; padding-left:0;}
	.main-header span.logo { }
	.main-header .in-cell {padding-top:0.5rem;}
	.main-header ul.cell li.has-sub a{position:relative;width:100%; box-sizing:border-box; }
	.main-header ul.cell li.has-sub a[href="#"] { padding-left:0; display:inline-block;} 
	.main-header ul.cell li.has-sub a[href="#"]:after{display:none; } 
	.main-header ul.cell li.has-sub.opened a[href="#"]:after{ } 
	.main-header .combo .wrapper {width:100%;}
	.main-header ul.cell li.has-sub .combo .columns .column ul li {padding-left:12px;} 

	.first-section.single-tag { }
	.the-page { padding-top: 113px; }
	.home-video-container .text-container{position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; }
	.home-video-container p ,.home-video-container h2{ box-sizing:border-box;padding-left:2rem;padding-right:2rem; }
	.home-video-container p.generic-cta {margin-bottom:0;}

	.home-video-container h2{font-size:2rem;  }
	.home-video-container p { font-size:1rem; }
	
	.home-tag-line p.button-holder span{ padding:0.5rem;  font-size:0.875rem;  margin-bottom:0;}
	.home-tag-line p.button-holder { bottom:0.5rem;}
	
	.layout_1 .home-tag-line p.button-holder { bottom:1rem;}
	
	.grid-items { grid-template-columns: 1fr 1fr ; }
	.generic-cta a {padding: 10px 20px 10px 20px; }

	.site-info  { text-align:left;}
	.site-info .col { width: 32.3333%; float:none; display:inline-block; vertical-align:top;}
	.site-info .col ul li{text-align:left;}
	.site-info .col h3{text-align:left;}
	.priceHolder .pricePart.second .priceSub {max-width:180px;}
	
	.basket-short {width:80%;float:none;clear:both; margin-left:10%}
	.basket-short.full-width { margin-left:0}
	.basket-short-wrapper {padding-left:0;padding-right:0;}
	.basket-short-wrapper.second {padding-left:0;padding-right:0;}
	.basket-short.second .basket-short-wrapper {padding-left:0}
	.customer-area {padding:0;}
		
	.customer-area nav {width:100%; margin-top:1rem;float:none;padding-right:1rem;}
	.customer-area nav ul {margin-left:0} 
	.customer-area nav ul li {float:none; display:inline-block;}
	.customer-area nav ul li a{ border:0;border-bottom:2px transparent solid;}
	.customer-area nav ul li.current a{ border:0; border-bottom:2px  #8ea2a4 solid;} 
	.customer-area nav ul li.current a:after{display:none}
	.customer-area article{ border-top:none;width:100%;float:none; }

	.customer-area .basket-short ul li .order-table-row {display: inline-block;}
	.customer-area .basket-short ul li .order-table-row .table-cell.shorter {display:inline-block; width: 24%; padding-bottom:0.5rem;}
	.customer-area .basket-short ul li .order-table-row .table-cell.short {display:inline-block; width: 74%; padding-bottom:0.5rem;}
	.customer-area .basket-short ul li .order-table-row .table-cell.body-cell {display:inline-block; width: 100%; margin-bottom:0.5rem;}
	.customer-area .basket-short ul li .order-table-row .table-cell.last-cell{display:inline-block; width: 100%}
	.body-table-wrapper { margin:0; padding:0.5rem 1rem;}
	.customer-area nav ul {margin-right:6rem}
	.table-like{display:block;width:100%;}
	.table-cell-like-plain{display:block;width:100%;}
	figure.table-cell-like-plain {padding-left:2.5rem;padding-right:2.5rem; padding-bottom:2.5rem; background:none !important;}
	figure.table-cell-like-plain img{opacity:1 !important;}
	
	.home-hero-container .home-tag-line {top:0; left:0; width:100%; background:rgba(255,255,255,0.5); padding-bottom:0;}
	.home-hero-container .home-tag-line h2, .small-slider-container h2, .home-hero-container-half .home-tag-line h2 ,.home-hero-container .home-tag-line h3, .small-slider-container h3, .home-hero-container-half .home-tag-line h3 {font-size:1.25rem}
	.home-hero-container .home-tag-line p.button-holder, .small-slider-container p.button-holder, .left-big p.button-holder, .home-hero-container-half .home-tag-line p.button-holder {margin-top:0;margin-bottom:1rem}
	.home-hero-container-half .home-tag-line h2{padding:2rem 0 0 0;}
	.site-info .col.last {text-align:left;}
	.site-info .col.last h3 {padding:20px 0 15px 0 }
	.site-info .col.last h4,.site-info .col.last p {padding-left:0;}
	
	.small-slider-container header {width:30%;}
	.small-slider {width:100%;}
	.side-slide-container .small-slider {width:100%;}
	.small-slider.related {width:60%; margin-left:20%}
	
	.box-table-cell h3, .box-table-cell h4 {font-weight:400; }
	.cookie-consent-banner {width:100%;height:100vh;}
	.cookie-consent-wrapper {width:70%; }
	 
	.newsletter-form-holder .search-form-body{padding:2rem 0 2rem 2rem ;}
	.newsletter-form  .search-form-body input[type="text"] {width:100%;}
	.newsletter-form .search-form-body input[type="submit"] {width:auto;}
	

	.wrapper.limited { padding: 0; width:100%;}
	
	.row-cells li.delivery h3,.row-cells li.clock h3,.row-cells li.phone h3{ background-size: 45px auto; }
	.row-cells li h3 {  padding: 4rem 1rem 1rem 1rem; font-size:0.875rem;}
	.row-cells li p { font-size:0.75rem;padding-top:0;padding-bottom:0;}
	
}


@media (max-width: 900px) {
	.half{width:35%; }
	.tint{width:55%;transform: translateY(3rem) translateX(0);}

	.wide-cells{ display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-column: 15px;
		column-gap: 1px;
		grid-auto-rows: auto;
		grid-row-gap: 1px;
		grid-template-areas:
		"box1 box1 box3 box3 box2 box2"
		"box1 box1 box3 box3 box2 box2"
		"box1 box1 box3 box3 box2 box2"
		"box4 box4 box4 box5 box5 box5"
		"box4 box4 box4 box5 box5 box5"
		"box4 box4 box4 box5 box5 box5";
	}  
	.wide-cells li { width:100%;}  
	.wide-cells li:nth-child(1){grid-area: box1; }
	.wide-cells li:nth-child(2){grid-area: box2; }
	.wide-cells li:nth-child(3){grid-area: box3; }
	.wide-cells li:nth-child(4){grid-area: box4; }
	.wide-cells li:nth-child(5){grid-area: box5; }
}	
@media (max-width: 840px) { 
	.main-columns {display:block; position:relative;}
	.grid-wrapper , .grid-wrapper.centered {display:block;width:100%; margin-left: auto;  margin-right: auto; } 
	p.side-filters-head{padding-top:0; position:relative;}
	p.side-filters-head:after {
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #444;-moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
	p.side-filters-head.on:after { transform:rotate(90deg)} 
	.filters-holder {position:absolute; top:0; right:0;}
	.side-filters ul.filters-combo {position:absolute; top:1.5rem; left:0; display:none; padding: 0 0.5rem;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.17);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.17); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.17); }
	.filter .filter-options {opacity:1;}
	.side-filters ul.filters-combo li:first-child {margin-top:0.5rem}
	.side-filters { position: relative;left:auto; top:auto; right:auto; z-index:200;width:calc(100% - 2rem);padding:0;margin: 0 1rem}
	.filters-holder {position:relative;left:auto; top:auto; right:auto; padding-bottom:0; margin-bottom:0.5rem;}
	.filters {float:none;width:100%; padding-top:0.5rem; padding-bottom:0.5rem}
	.filter {margin:0; width:100%;}
	.filter .filter-selected span.selected-text{text-transform:uppercase;font-weight:700; letter-spacing:1px;} 
	
}
@media (max-width: 800px) { 
	.overlay-popup, .overlay-popup.notify {width:100%}
	.table-cell-row {padding:2rem;}
	.grid-columns { grid-template-columns: 1fr 1fr; position:relative; z-index:10;}
	
	.search-form-body input[type="submit"] {padding-left:1rem;padding-right:1rem;}
}
@media (max-width: 760px) {
	.select-visual{display:none;}
	.custom-select,.options-holder .select-holder:after{display:block;} 
	.box-table-row.items_3 .box-table-cell { width:100%; float:none;clear:both;} 
	.box-table-row.items_4 .box-table-cell { width:49%; } 
	.box-table-row.items_5 .box-table-cell { width:32.3333%; } 

	.wide-header h2 {font-size:1.5rem; padding: 2rem;}
	.grid li { width: 100%; float:none; clear:both; }
	.grid li:hover .inner .imageHolder a img {transform:scale(1.05)}
	
	.header-content {width:100%;float:none;clear:both; padding-left:0; padding-right:0;}
	.figure-group {width:100%;float:none;clear:both;}
	.table-like {display:block; vertical-align:top;}
	.table-cell-like {display:inline-block; width:69%; vertical-align:top;}
	.table-cell-like.icons-holder {width:29%;}
	.table-cell-row {display:block;width:100%;} 
	.table-cell-row.has-photo {height:50vh} 
	.table-cell-row h3 {padding-left:0;}
	
	.box-table-cell h3, .box-table-cell h4 { min-height: 1.75rem;-webkit-box-orient: vertical; -webkit-line-clamp: none; display: block; min-height: auto;padding-bottom:0 } 

	.half{width:100%;float:none; margin-left:0%;transform: translateX(0); }
	.tint{width:100%;float:none; transform: translateY(-5px) translateX(0); margin-left:0%; }
	.short-wrapper {max-width:1000px;}
	.table-cell-like-plain.right-cell h2, .table-cell-like-plain.right-cell h3, .table-cell-like-plain.right-cell h4, .table-cell-like-plain.right-cell p, .table-cell-like-plain.right-cell ul, .table-cell-like-plain.right-cell ol {margin-right:0}
	.wrapper.packs{box-sizing:border-box; padding-left:2.5rem;padding-right:2.5rem;} 
	.small-slider-container header {width:45%;}
	.small-slider {width:100%;}
	.small-slider.related {width:80%; margin-left:10%;}
	.small-grid-next-button {right:-30px;}
	.small-grid-prev-button {left:-30px;}
	 .single-product .wrapper {
	  flex-direction: column; 
	  align-items: flex-start; 
	  justify-content: flex-start;  }
	  
	  .main-product-info,.detailed-product-info { width:100%; float:none; padding-left:1rem;padding-right:1rem;}
	 .main-product-info .header-content {padding-bottom:1rem;}
}
 
@media (max-width: 720px) {
	.help-desk p span.splash { left: 0; width: auto; margin-left: 2vw; text-align: left; }
	
	.site-info .col { width: 49%; }
	 .home-hero-container-half .home-tag-line {padding:1rem ;}
	 .box-table-row { width:100%; margin:0 auto;}
	 .box-table-row .box-table-cell{ padding:0 1rem;}
	 .box-table-row.items_2 .box-table-cell{ padding:0 1rem; }
	 
	 .box-table-cell h3, .box-table-cell h4 {margin-top:1rem}
	  
	.left-big {min-height:70vh;}
	.small-slider-container header {box-sizing:border-box; padding-left:1rem;padding-right:1rem;}
	.newsletter-form { width: 100%; max-width: 750px; margin: 0 auto; padding:0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 100%);
	}
	.newsletter-form form{ padding:0 1rem }
	.newsletter-form-holder .search-form-body{padding:2rem 0 2rem 0 ;}
	.newsletter-form-holder {padding-top:400px;background: #000 url(/images/newsletter-image.wide.jpg) 10% top no-repeat; background-size:250% auto;}
	.customer-area nav ul li a {padding-left:0}
	.customer-area {padding:0}
	 .first-section.single-product {padding-top:0;}
	 
	.grid-columns li .inner .imageHolder .mark-cat-promo{ top:50%; font-size:0.75rem; font-weight:500;padding: 0.25rem; }  
	.grid-columns li .inner .imageHolder .mark-cat-promo span{  font-size:1rem;float:left; font-weight:700;display: block; margin-right:0.5rem;} 
	
	.layout { grid-template-columns: 1fr; grid-template-rows: auto auto; }
}
@media (max-width: 660px) {
	.row-cells {display:block;}
	.row-cells li {display:block; width:50%; margin:0 auto;} 
	.cookie-consent-banner {width:100%;height:100vh;}
	.cookie-consent-wrapper {width:100%; height:100vh;} 
}
	
@media (max-width: 600px) {
	 
	.box-table-row.items_4 .box-table-cell { width:100%; float:none;clear:both; } 
	.box-table-row.items_5 .box-table-cell { width:49%; } 
	 
	.home-video-container h2{font-size:1.5rem; line-height:1.35em}
	.home-video-container p { font-size:0.875rem; line-height:1.65em;padding-bottom:2rem } 
	.site-info .col { width:49%; }
	
	.grid li .inner .imageHolder {width:50%; float:none; margin-left:25%;}
	.grid li .inner .textHolder {width:100%; float:none;}
	.grid li .inner {padding-bottom:80px; margin:0 4rem;}
	 
	.search-form-body { padding:0; } 
	.search-form-body input[type=text]{ width:100%; } 
	.search-form-body input[type=submit]{ width:30%; }
	.search-form-body {position:relative}
	#search-submit {position:absolute; top:0; right:0; }
	.search-form-holder .search-form-body:after { display:none;}
	.modal-left,.modal-right {width:100%; float:none;clear:both;}
	.modal-left {border-right: 0;min-height: 120px;}
	.modal-right { padding-top:30px;min-height: 120px;}
	.modal-content ul {padding:0; padding-top:20px}
	.modal-content ul li {padding-bottom:10px;}
	.modal-content ul.form { padding-top:20px;padding-left:45px;padding-right:45px;}
	
	.table-like {text-align:center}
	.table-cell-like {display:inline-block; width:100%;  }
	.table-cell-like.icons-holder {width:100%;}
	.icons-combo ul { }
	.grid li .inner { margin:0 3rem;}
	 
	.basket-short {width:100%; margin-left:0%}
	.basket-short.second {padding-top:0;}
	 .wrapper.packs { padding-left:20px;padding-right:20px;}
	 figure.table-cell-like-plain{ padding-left:20px;padding-right:20px;}
	 .table-cell-like-plain p {padding-left:20px;padding-right:20px;}
	 .table-cell-row {padding-left:20px;padding-right:20px;}
	 .tint h3 {font-size:2rem;}  
	 .main-header {border-bottom: 1px #ccc solid;}
	 .nav-holder {border-top: 1px #ccc solid;} 
	.main-image-holder .slick-dots {right:-30%; }
	.help-desk p span.splash { margin-left: 2vw;  }
	.home-hero-container.wide-image figure { }
	.home-hero-container.wide-image.no-text figure {margin-top:0;}
	.wide-footer.site-info { padding:0 1rem}
	.functional {padding-left: 1rem;padding-right:1rem}
	.functional-holder{padding-left: 0;padding-right:0}
	.home-hero-container-half {display:block;}
	.home-hero-container-half figure {display:block;width:100%; margin:0 auto;}
	.home-hero-container-half .home-tag-line {display:block;width:100%; margin:0 auto; padding:1rem ;}
	.box-table-row {width:100%; margin:0 auto;}
	.box-table-row .box-table-cell{padding:0;} 
	.box-table-row.items_2 .box-table-cell{padding:0;}
	
	.breadcrumbs {width:100%; margin:auto; max-width:100%; }
	.single-tag .breadcrumbs { padding-left:1rem;}
	
	.search-form-body input[type=submit]{ font-size:0.875rem;  }
	.search-form-body .newsletter-inputs input[type=submit]{ padding: 0 0.5rem }
	
	.newsletter-form-holder {padding-top:300px; background-size:250% auto;}
	
	
	.small-slider.related {width:60%; margin-left:20%;}
	.small-slider li .text-box p.brand-holder, .layout-right .layout-item .text-box p.brand-holder, ul.grid-items li .text-box p.brand-holder {padding-right:0;}
	
	.main-columns { }
	
	
	.single-product .description ul li, .single-product-lead ul li, .single-product .description p, .single-product-lead p, .home-hero-container-half.small-text .home-tag-line p, .home-hero-container-half .home-tag-line ul li { text-align:left; }  
	
	.wide-slider .home-hero-container, 
	.wide-slider .home-hero-container-half { margin: 1rem 0 1rem 0 ; } 
	.wide-slider-holder .home-hero-container { margin: 0 0 0 0 ; } 
	
	.layout_1 .home-tag-line .wrapper {padding-top:5rem;justify-content: start;}
	.layout_1 .home-tag-line h3, .layout_1 .home-tag-line p { width: 100%;  text-align: center;margin-top:1rem;max-width:600px; }
	.layout_1 .home-tag-line p.button-holder {position:relative; bottom:auto; left:auto;margin-top:1rem}
	.layout_1 .home-tag-line p.title-over{top:2rem;}
	
	.side-container { grid-template-columns: 100%; }
	.side-image-container {height:70vh}
	.fliped .side-image-container {order:1;}
	.fliped .side-container { grid-template-columns: 100%; order:2;}
	.fliped .side-slide-container .small-grid-next-button {left:auto; right:0}
	.side-slide-container .small-grid-prev-button {left:0;}
	.side-slide-container .small-grid-next-button {left:auto;right:0;}
	.grid-columns li {margin-bottom:1rem;}
	
	
	.desktop-style {display:none}
	.mobile-style {display:block}
	.home-hero-container .desktop-style {display:none}
	.home-hero-container .mobile-style {display:block}
	
	.generic-text-holder.text-holder {padding-top:2rem;padding-bottom:2rem;padding-left:1rem; padding-right:1rem; box-sizing:border-box;}
	.home-hero-container-half .home-tag-line p.over-title {padding-bottom:0;margin-bottom:0;}
	.home-hero-container-half .tag-line-shadow{text-align:left}
	.home-tag-line p.button-holder {max-width:100%;}
}


@media (max-width: 560px) {
	 
	
	.left-rating-form {width:100%; float:none; clear:both;}
	.right-rating-form {width:100%; float:none; clear:both; padding:0 30px 30px 30px; }
	.right-rating-form .common-button {float:none; clear:both;}
	.table-cell-like, .table-cell-like.icons-holder { padding:0 1rem}
	.description{padding-top:1rem;} 
	
	.cookie-consent-banner {bottom:auto; top:0; max-height:100%}
	.cookie-consent-banner button.cookie-consent-button {width:100%; font-size:0.875rem; }
	.cookie-consent-banner h3 { padding-bottom:0.5rem;font-size:1rem}
	.cookie-consent-banner p, .cookie-consent-banner ul li { padding-bottom:0.5rem;font-size:0.75rem}
	.cookie-consent-button { padding-bottom:0.5rem;font-size:0.75rem}
	.search-form-holder {padding:0;}
	.search-form-body input[type="submit"] {padding-left:1rem;padding-right:1rem;}
}
@media (max-width: 500px) {
	.wrapper.limited {padding:0 1rem;}
	.small-slider-container header {width:100%;float:none; clear:both;} 
	.small-grid-next-button {right:0;}
	.small-grid-prev-button {left:0;}
	
	.limited .wide-grid-next{right:-25px;}
	.limited .wide-grid-prev{left:-25px; }
	
	.small-slider-container h2, .grid-holder h2, .wide-slider-holder h2 {padding-top:2rem;}
	.product-slider li{padding-left:0;}
	.row-cells li {width:60%;}
	.grid-columns {width:100%;    grid-template-columns: 1fr 1fr; grid-gap: 1rem;}
	
	.grid-holder h2 {font-size:1.25rem; padding: 1rem; }
	.text-grid-holder h2 {font-size:1.25rem; padding: 1rem; }
	.generic-cta {margin-bottom:1rem;}
	.grid-columns li .inner p.sml{box-sizing: border-box; text-align: center; font-size: 0.75rem !important; line-height: 1.115em; padding: 0; margin: 0.5rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; min-height: 2.5rem;overflow: hidden;}
	
	.products-wrapper ul.basket li  {display:block;clear:both; overflow:auto}
	.products-wrapper ul.basket li span  {display:block; float:left;}
	.products-wrapper ul.basket li span.image-cell {width:30%; }
	.products-wrapper ul.basket li span.name-cell {width:70%; padding-top:1rem;}
	.products-wrapper ul.basket li span.quantity-cell {width:30%;  padding-top:1rem;}
	.products-wrapper ul.basket li span.price-cell {width:30%;  padding-top:1.5rem;}
	.products-wrapper ul.basket li span.total-cell span {float:none}
	
	.single-product h2{font-size:1.75rem}
	.single-product p.over-head {font-size:0.875rem}
	
	.the-page { padding-top: 98px; }
	.wide-slider {width:100%; margin-left:auto; margin-right:auto;}
	.limited .wide-slider {padding-bottom:0}
	.main-header span.logo a { background-size: 65% auto; width: 220px; height: 56px; }
	.nav-holder  {top:98px;}
	.small-slider li p.badges, .layout-right .layout-item p.badges, ul.grid-items li p.badges { left:2px; top:2px}
	.small-slider li p.badges span, .layout-right .layout-item p.badges span, ul.grid-items li p.badges span{margin-bottom:2px}
}
@media (max-width: 480px) {
	.help-desk p span.splash {letter-spacing:0; }
	.modal-content ul.form { padding-left:15px;padding-right:15px;}
	.single-tag .wide-header p {font-size:1rem}
	.single-tag .header-content.wide-header {padding-top:0; }
	
	.main-header ul.cell li.has-sub .combo .columns .column{ width:100%; margin-left:0;}
	.main-image-holder .slick-dots {position:relative; top:auto; left:auto; right:auto;bottom:auto;width:100%;}
	.main-image-holder .slick-dots li { width:auto; }
	.product-slider {margin-left:0; margin-right:0;}
	 
	.site-info .col {display:block; width:100%; margin-top:0; padding-top:20px;}
	.functional,.functional-cell {display:block; width:100%;}
	.functional-cell.right {text-align:left;}
	.functional-cell ul li {margin-bottom:0}
	.grid-columns li .inner {margin:0;}
	.dp-4-logo{top:1rem; right:auto; left:1rem; width:250px; height:80px; background:url(images/dermapen.HOME.logo.svg) left top no-repeat; background-size: 100% auto; text-indent:-2000rem;overflow:hidden;}

	.newsletter-form-holder {padding-top:250px; } 

}
@media (max-width: 450px) {
	.strech {display:block;}
	.strech-cell {display:block;width:100%;min-height:50vh;height:auto;}
	.strech-cell.text-cell { min-height:20vh; }
	.strech-cell.text-cell p.button-holder {margin-top:0;}
	.home-hero-container-half .home-tag-line {padding-top:0;padding-bottom:0; padding-left:1rem;padding-right:1rem;} 
	
	.home-hero-container-half .home-tag-line p.button-holder {margin-bottom:2rem;}
	.generic-text-holder {padding-bottom:2rem;}
	
	.generic-text-holder h2{ font-size:1.75rem; padding:1rem 0 1rem 0 ;}
}
@media (max-width: 400px) {
	.main-header ul.cell li a {padding:0 0 0 0 }
	 .main-header ul.cell li.has-sub .combo .columns .column h3 {padding-left:0.5rem} 
	.box-table-row.items_5 .box-table-cell { width:100%; float:none;clear:both;} 
	.wide-header ul li { width:100%;}
	.site-info .col { width:100%; }
	.grid li .inner .imageHolder {width:70%; float:none; margin-left:15%;}
	.icons-combo ul { }  
	.priceHolder .pricePart.second .priceSub {max-width:320px;}
	.priceHolder .pricePart.second  {margin-top:0.5rem}
	.priceHolder .pricePart .price {font-size:1.875rem}
	.priceHolder .pricePart .slash {display:none;}
	
	.newsletter-form-holder {padding-top:200px; }
}


@media (max-width: 340px) {
	.main-header ul.cell li a {letter-spacing:0;}
}

