html,body{ margin:0; padding:0; width: 100%; height: 100%; position: relative; } html,body,input,textarea{ font-family: 'Work Sans', sans-serif; font-weight: 400; } body{ background-color: #fff; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="button"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lora{ font-family: 'Lora', serif; font-weight: 400; } a{ transition:All 333ms ease-in-out; -webkit-transition:All 333ms ease-in-out; -moz-transition:All 333ms ease-in-out; -o-transition:All 333ms ease-in-out; cursor: pointer; transition-delay: 0; } .transition333{ transition:All 333ms ease-in-out; -webkit-transition:All 333ms ease-in-out; -moz-transition:All 333ms ease-in-out; -o-transition:All 333ms ease-in-out; } .transition222{ transition:All 222ms ease-in-out; -webkit-transition:All 222ms ease-in-out; -moz-transition:All 222ms ease-in-out; -o-transition:All 222ms ease-in-out; } :focus{ outline: 0; } input:not([type="checkbox"]), textarea{ box-sizing: border-box; border-radius: 0; } img{ display: block; } .clear { clear: both; } .clearafter:after{ content: ''; display: block; clear: both; } .step_box, #subpage, .outer{ width: 100%; position: relative; box-sizing: border-box; } .protocol, #protocol, .inner{ width: 1000px; height: 100%; position: relative; margin-left: auto; margin-right: auto; box-sizing: border-box; } .step_box_content { padding: 0px 20px; } .subpage, .subpage .inner { height: auto;; } h2.title{ font-size: 14px; color: #000; text-transform: uppercase; text-align: center; line-height: 18px; position: relative; margin-bottom: 14px; letter-spacing: 0.1em; } h2.title:after{ content:''; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 0; width: 16px; height: 2px; background-color: #ffd600; } h2.markstitle{ font-size: 14px; color: #ffd600; text-transform: uppercase; text-align: center; line-height: 14px; position: relative; letter-spacing: 0.1em; } #top-bar{ height: 30px; background-color: #292929; z-index: 600; } #top-bar:after{ content: ''; display: block; width: 50%; position: absolute; right: 0; height: 30px; background-color: #ffd600; top: 0; z-index: 0; } #top-bar .inner{ background-color: #292929; z-index: 1; } .cart-stat{ height: 30px; line-height: 30px; float: right; background-color: #ffd600; padding-left: 10px; width: 130px; box-sizing: border-box; color: #373737; font-size: 14px; } .cart-stat span{ float: left; } .cart-stat span.icon-shop{ margin-right: 10px; font-size: 21px; margin-top: 2px; } .reg-login{ float: right; height: 30px; line-height: 30px; margin-right: 10px; } .reg-login a{ text-transform: uppercase; color: #cacaca; font-size: 14px; text-decoration: none; } .reg-login span{ color: #878787; font-size: 14px; font-style: italic; } .phone-contact{ float: left; height: 30px; line-height: 30px; font-size: 15px; color: #878787; letter-spacing: .1em; text-transform: uppercase; } .phone-contact a{ color: #878787; text-decoration: none; } #header{ position: relative; background-color: #373737; height: 150px; padding-top: 50px; box-sizing: border-box; } #logo{ display: block; width: 250px; height: auto; float: left; } #logo img{ width: 100%; height: auto; } #search{ float: right; font-size: 25px; color: #d0d0d0; margin-top: 11px; margin-left: 6px; } #searchinput{ float: right; width: 480px; height: 28px; border: 1px solid #bfbfbf; background: transparent; margin-top: 10px; color: #bfbfbf; padding-left: 10px; padding-right: 10px; font-size: 15px; } #menu{ height: 35px; line-height: 50px; text-align: center; cursor: default; } #menu a{ text-transform: uppercase; text-decoration: none; font-size: 15px; color: #000000; margin-left: 12px; margin-right: 12px; letter-spacing: .1em; display: inline-block; } #menu .noformobile a{ margin-left: 0.9em; margin-right: 0.9em; } #menu a:first-child{ margin-left: 0; } #menu a:last-child{ margin-right: 0; }     .header-top-menu { display: block;overflow: hidden; position: absolute;bottom: 0px;left: 0px; text-align: center; text-transform: uppercase; padding: 5px; width: 100%; } .header-top-menu a { position: relative; text-transform: uppercase; text-decoration: none; font-size: 15px; line-height: 23px; color: #000000; margin-left: 6px; margin-right: 6px; letter-spacing: .1em; display: inline-block; color: white; text-decoration: none; margin-bottom: 3px; } .header-top-menu a:hover:after{ content:''; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 0; width: 16px; height: 2px; background-color: #ffd600; } .header-top-menu a:first-child{ padding-left: 0; } .header-top-menu a:last-child{ padding-right: 0; }     #home-slider{ height: auto; } #home-slider .inner{  } #home-slider .sliderOuter{ width: 100%; height: auto; padding-right: 20px; padding-left: 20px; box-sizing: border-box; position: relative; top: 0px; } #home-slider .sliderOuter.active{ -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } #home-slider .sliderOuter.active.hidden{ -webkit-transition: all 0ms ease-in-out; -moz-transition: all 0ms ease-in-out; -ms-transition: all 0ms ease-in-out; -o-transition: all 0ms ease-in-out; transition: all 0ms ease-in-out; } #home-slider .sliderOuter img{ width: 100%; height: auto; } #home-slider .slider-navs{ width: 100%; height: 22px; position: relative; line-height: 20px; } #home-slider .slider-navs a{ position: relative; font-size: 14px; color: #ffd600; text-transform: uppercase; text-decoration: none; font-weight: 600; padding-bottom: 2px; } .nav-left{ float: left; padding-left: 6px; } .nav-left:before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 4px; height: 22px; background-color: #ffd600; } .nav-left:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 22px; height: 4px; background-color: #ffd600; } .nav-right{ float: right; padding-right: 6px; } .nav-right:before{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 4px; height: 22px; background-color: #ffd600; } .nav-right:after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 22px; height: 4px; background-color: #ffd600; } .list{ width: 100%; height: auto; text-align: center; margin-bottom: 40px; } .productitem{ width: 180px; height: 380px; text-align: left; position: relative; display: inline-block; margin-left: 9px; margin-right: 9px; margin-top: 15px; margin-bottom: 15px; } .list div:first-child{ margin-left: 0; } .list div:last-child{ margin-right: 0; } .productitem .imgcontainer{ width: 180px; height: 210px; position: relative; display: block; position: relative; } /*.productitem .imgcontainer.saleitemimg:before{ content: ""; background: transparent url('svg/novinka_akcia_star.svg') center center no-repeat;background-size: 120px auto; display: block;overflow: hidden; position: absolute; top: 0px;left: 10px; width: 90px; height: 90px; z-index: 5; } .productitem .imgcontainer.newitemimg:after{ content: ""; background: transparent url('svg/novinka_novinka_star.svg') center center no-repeat;background-size: 120px auto; display: block;overflow: hidden; position: absolute; top: 0px;right: 10px; width: 90px; height: 90px; z-index: 5; }*/ .productitem .imgcontainer.newitemimg:after { content: "NOVINKA"; display: block; overflow: hidden; position: absolute; bottom: 0px; left: 0px; width: auto; height: auto; z-index: 5; background: #373737; color: #FFD600; padding: 0px 3px; line-height: 1.3em; }  .productitem .imgcontainer.saleitemimg:before { content: "AKCIA"; display: block; overflow: hidden; position: absolute; bottom: 0px; left: 0px; width: auto; height: auto; z-index: 5; line-height: 1.3em; background: #FFD600; color: #373737; padding: 0px 3px; } /*.productitem.raritemimg:before { content: ""; display: block; overflow: hidden; position: absolute; top: 10px; left: 0px; width: 0px; height: 0px; z-index: 5; line-height: 1.3em; background: #373737; color: #FFD600; background-image: url(imgs/icon.png); padding: 14px; background-size: contain; background-position: center center; border-bottom: 2px solid #373737; border-left: 2px solid #373737; }*/ .productitem .imgcontainer.newitemimg.saleitemimg:before { left: 100px; } .productitem .imgcontainer img{ max-width: 90%; max-height: 85%; width: auto; height: auto; border: 0; margin-top: 5%; margin-left: auto; margin-right: auto; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 4; text-align: center;color: black;text-decoration: none; } .productitem .prodtitle{ font-weight: 700; font-weight: 14px; color: #000; text-decoration: none; display: inline-block; height: 40px; overflow: hidden; margin-bottom: 10px; letter-spacing: 0.1em; } .productitem .shortdesc{ font-size: 14px; color: #373737; letter-spacing: 0.1em; height: 32px; height: 38px; overflow: hidden; padding-bottom: 14px; border-bottom: 1px solid #000; } /*.productitem .shortdesc .hidden-descr { -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; display: block;overflow: hidden; z-index: 5; position: absolute; bottom: 40px;left: 0px; width: 100%;height: auto; max-height: 111px; min-height: 111px; background: rgba(255,255,255,0.9); } .productitem .shortdesc:hover .hidden-descr { -webkit-transition: all 600ms ease-in; -moz-transition: all 600ms ease-in; -ms-transition: all 600ms ease-in; -o-transition: all 600ms ease-in; transition: all 600ms ease-in; height: auto; max-height: 300px; } .productitem .shortdesc .hidden-descr a { font-size: 1.15em; } */ .smallbold { font-weight: 900; font-size: 0.9em; } .price{ font-weight: 700; color: #000; font-size: 18px; font-size: 16px; line-height: 15px; position: absolute; bottom: 20px; left: 0; letter-spacing: 0.05em; } .price span{ display: block; font-size: 14px; color: #bfbfbf; } .quantity{ position: absolute; bottom: 0; right: 0; height: 20px; margin-right: 40px; margin-bottom: 1px; width: 70px; } .counter .quantity{ margin-right: 0; } .quantity .inp{ width: 50px; height: 20px; } .quantity .inp input{ border: 1px solid #000; font-size: 14px; width: 30px; height: 20px; color: #000; background: transparent; float: left; padding-left: 5px; padding-right: 5px; } .quantity .inp span{ float: left; background-color: #000; color: #fff; font-size: 14px; line-height: 20px; width: 20px !important; height: 20px !important; text-align: center !important; } .quantity .inc-dec{ position: absolute; bottom: 0; right: 0; height: 20px; width: 11px; margin-bottom: 1px; font-size: 11px; } .quantity .inc-dec span{ cursor: pointer; width: 11px !important; height: 13px !important; margin: 0 !important; } .addtocart{ position: absolute; bottom: 0; right: 0; font-size: 26px; height: 29px; padding-top: 1px; padding-left: 1px; padding-right: 1px; box-sizing: border-box; } .addtocart.interme{ color: black; } .addtocart.interme:hover, .addtocart:hover{ background-color: #000; color: #fff; } .addtocart.icon-cart.loading:hover{background-color: #000;} .addtocart.icon-cart.loading:hover:before, .addtocart.icon-cart.loading:before{content:' ';background: #000 url(icons/loading.gif) 20% 20% no-repeat;background-size: 85%;width: 26px;height: 27px;} .addtocart.icon-cart.loaded:hover{background-color: green;} .addtocart.icon-cart.loaded:hover:before, .addtocart.icon-cart.loaded:before{content:'\0047';background: green;width: 26px;height: 27px;} .addtocart.icon-cart.badloaded:hover{background-color: red;} .addtocart.icon-cart.badloaded:hover:before, .addtocart.icon-cart.badloaded:before{content:'\0047';background: red;width: 26px;height: 27px;}  #marks{ background-color: #373737; padding-top: 45px; padding-bottom: 50px; } #marks .marklist{ margin-top: 35px; text-align: center; } #marks .marklist a{ width: 160px; height: auto; display: inline-block; margin-top: 5px; margin-bottom: 5px; } #marks .marklist a img{ width: 100%; height: auto; } #newsletter{ height: 200px; background-color: #292929; text-align: center; } #newsletter .inner{ padding-top: 35px; } #newsletter .inner span.smalltitle{ font-weight: 700; font-size: 15px; color: #bfbfbf; display: block; text-align: center; letter-spacing: 0.3em; font-variant-ligatures: no-common-ligatures; } #newsletter-email{ width: 480px; height: 28px; border: 1px solid #bfbfbf; background: transparent; font-size: 15px; color: #bfbfbf; text-align: center; margin-left: auto; margin-right: auto; display: block; margin-top: 35px; padding-left: 10px; padding-right: 10px; } #newsletter-submit{ display: inline-block; text-transform: uppercase; width: auto; height: 24px; line-height: 24px; font-size: 15px; color: #292929; margin-top: 22px; margin-left: auto; margin-right: auto; text-align: center; font-weight: 700; background-color: #ffd600; border: none; cursor: pointer; } #rarita{ margin-top: 20px; padding-bottom: 10px; background-image: url('imgs/design/rarita_bg.jpg'); background-repeat: no-repeat; background-position: bottom -1px center; } #rarita .rarita-bg{ position: relative; width: 100%; height: 186px; background-image: url('imgs/design/rarita.png'); /*background-image: url('imgs/facelift/ritkasagok.png');*/ background-size: auto 186px; background-position: center; background-repeat: no-repeat; margin-bottom: 25px; } #footer{ background-color: #373737; height: 200px; height: auto; padding-bottom: 20px; } #footer .inner{ height: auto;overflow: hidden; padding-top: 25px; cursor: default; } #footer .col3{ width: auto; float: right; } #footer .col1{ float: left; width: 250px; } #footer .col2{ position: absolute; width: 250px; margin-left: auto; margin-right: auto; left: 0; right: 0; } #footer .footer-title{ margin-top: 0; font-size: 14px; color: #ffd600; text-transform: uppercase; text-align: center; line-height: 14px; position: relative; letter-spacing: 0.1em; text-align: left; } #footer .links{ line-height: 22px; } #footer .links a{ display: inline-block; font-size: 15px; color: #fff; text-align: left; text-decoration: none; letter-spacing: 0.1em; } #footer .link-with-icons a{ display: inline-block; font-size: 15px; color: #fff; text-align: left; text-decoration: none; letter-spacing: 0.1em; margin-top: 3px; } #footer .link-with-icons a span{ float: left; width: 25px; height: 25px; text-align: center; line-height: 28px; background-color: #c7c7c7; color: #252525; font-size: 15px; } #footer .link-with-icons a:hover span{ color: #c7c7c7; background: transparent; } #footer .link-with-icons a span:before{ width: 15px; } #footer .link-with-icons a p{ float: left; margin: 0; padding: 0; margin-left: 8px; margin-top: 4px; } .step_box_content h1, #subpage h1, #subpage h2, .protocol h1, #protocol h1, .protocol h2, #protocol h2, h2.subpagetitle{ font-size: 16px; margin: 0; padding-top: 10px; padding-bottom: 10px; text-align: center; letter-spacing: 0.1em; font-weight: 700; margin-top: 28px; margin-bottom: 28px; position: relative; } h2.subpagetitle{ font-size: 19px; line-height: 25px; } .step_box_content span, .protocol span, #protocol span, h2.subpagetitle span{ font-weight: 400; } .step_box_content h1:before, #subpage h1:before, #subpage h2:before, .protocol h1:before, #protocol h1:before, .protocol h2:before, #protocol h2:before, h2.subpagetitle:before{ content: ''; position: absolute; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; width: 16px; height: 2px; top: 0; background-color: #ffd600; } .step_box_content h1:after, #subpage h1:after, #subpage h2:after, .protocol h1:after, #protocol h1:after, .protocol h2:after, #protocol h2:after, h2.subpagetitle:after{ content: ''; position: absolute; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; width: 16px; height: 2px; bottom: 0; background-color: #ffd600; } .step_box_title, .step_box_content, .protocol, #protocol, .contact-box{ width: 1200px; max-width: 95%; margin-left: auto; margin-right: auto; } .step_box_content input[type="text"], .step_box_content input[type="email"], .step_box_content input[type="password"], .step_box_content textarea, .protocol input[type="text"], .protocol input[type="email"], .protocol input[type="password"], .protocol textarea, #protocol input[type="text"], #protocol input[type="email"], #protocol input[type="password"], #protocol textarea, .contact-box input[type="text"], .contact-box input[type="email"], .contact-box input[type="password"], .contact-box textarea, select.large-field{ width: 100%; margin-bottom: 10px; box-sizing: border-box; border: 1px solid #00000c; background-color: transparent; color: #373737; text-align: left; font-size: 14px; height: 30px; } .step_box_content textarea, .protocol textarea, #protocol textarea, .contact-box textarea{ height: 170px; resize: none; } .button, a.button, .step_box_content input[type="button"], .protocol input[type="button"], .protocol input[type="submit"], #protocol input[type="button"], #protocol input[type="submit"], .contact-box input[type="button"], .contact-box input[type="submit"]{ padding-left: 50px; padding-right: 50px; height: 30px; text-transform: uppercase; text-align: center; color: #373737; font-size: 14px; font-weight: 700; border: 0; background-color: #ffd600; cursor: pointer; margin-left: auto; margin-right: auto; display: block; text-decoration: none; box-sizing: border-box; } .step_box_title form input[name="step_box_mod_button"]{ line-height: 10px; } a.button { line-height: 30px; } .step_box_content[name="step_box_mod_button"]{ width: auto !important; margin: 0px auto; float: right; } .step_box_content form{ width: 100%;box-sizing: border-box; } #K__send__ { width: auto !important; } .step_box_content label b{ color: black; } .step_box_content label, .protocol label, #protocol label { font-size: 0.8em; color: #949494; line-height: 1.2em; text-align: center; } .step_box_content h2 { display: block; /*width: 100%;*/ clear: both;padding-top: 20px; } .step_box_content label h2, .step_box_content label h4, .protocol label h4, #protocol label h4 { font-size: 1.2em; color: black; } .step_box_content label[for="_fakt_osobne_udaje_"], .protocol label[for="_fakt_osobne_udaje_"], #protocol label[for="_fakt_osobne_udaje_"] { color: black; } .step_box_content table, .protocol table, #protocol table{ width: 100%; } .step_box_content h4, .protocol h4, #protocol h4 { margin-top: 20px;margin-bottom: 10px; } .step_box_content td, .protocol td, #protocol td{ padding: 0; padding-top: 5px; padding-bottom: 5px; display: block; text-align: center; } .step_box_content tr, .protocol tr, #protocol tr{ padding: 0; margin: 0; display: block; overflow: hidden; } .step_box_content, .protocol, #protocol { padding-bottom: 40px; display: block;overflow: hidden; } .step_box_content table, .protocol table, #protocol table{ width: 100%; margin-bottom: 30px; } .step_box_content table td, .protocol table td, #protocol table td { padding: 0px; line-height: 1.4em; } .step_box_content td, .protocol td, #protocol td{ vertical-align: top; padding-top: 0.2em; padding-bottom: 0.2em; } .cena-a-doprava-btn { position: absolute; top: 0%; left: 80%; display: block;overflow: hidden; width: 300px; height: 150px; background-image: url('svg/delivery_van.svg'); background-repeat: no-repeat; background-size: auto 255px; background-position: 53% 75%; color: #FFD600;text-align: center; box-sizing: border-box; padding-top: 75px; text-decoration: none;font-size: 1em; } .cena-a-doprava-btn > div:nth-child(1){ display: inline-block; overflow: hidden; width: auto;height: auto; color: #373737; background: #FFD600; font-weight: 900; padding: 0px 5px; line-height: 0.9em;height: 1em; text-transform: uppercase; } .cena-a-doprava-btn > div:nth-child(1) > span { font-weight: 100;font-size: 0.9em; text-transform: lowercase; } .cena-a-doprava-btn > div:nth-child(2){ text-transform: uppercase; padding-top: 5px;letter-spacing: 7px; font-size: 0.8em; padding-left: 5px; } .cena-a-doprava-btn > div:nth-child(3){ font-size: 1.6em; font-weight: 900; line-height: 0.75em; } .cena-a-doprava-btn > div:nth-child(3) > span { display: inline-block; font-weight: 100; font-size: 0.5em; line-height: 1em; vertical-align: top; }  @media (max-width: 600px)  { .step_box_content, .protocol, #protocol{ width: 100%; } .step_box_content table, .protocol table, #protocol table{ margin-bottom: 30px;clear: both; width: 100%; } .step_box_content td, .protocol td, #protocol td{ display: block; } .button, .step_box_content input[type="button"], .step_box_content input[type="submit"], .protocol input[type="button"], .protocol input[type="submit"], #protocol input[type="button"], #protocol input[type="submit"], .contact-box input[type="button"], .contact-box input[type="submit"]{ width: 100%; } /*	.protocol .flot, .protocol input[type='text'], .protocol input[type='password']{ margin-left: 0; width: calc( 100% - 10px ); } */	.hide_at_small { display: block;height: 0px;overflow: hidden;margin-top: 10px;color: white; } } .required{ color: red; } .red_border{ border-bottom: 5px solid red !important; }  .error_box { color: red; }  .step_box_title { display: block; overflow: hidden; clear: both; border-bottom: 1px solid; box-sizing: border-box; padding: 5px; font-size: 22px; } .step_box_title > span { display: inline-block; max-width: calc(100% - 80px); } .step_box_title.selected { color: #FFD600; } .step_box_title form { float: right; } .step_box_title form input { line-height: 20px; height: auto; box-shadow: none; background: transparent none repeat scroll 0% 0%; color: black; background: #FFD600; border: medium none; padding: 8px; margin: 0px; display: inline-block; cursor: pointer; float: right; font-weight: normal; text-decoration: none; }     .cart-item span:nth-child(1){ width: 500px; } .cart-item span:nth-child(2){ width: 150px; } .cart-item span:nth-child(3){ width: 150px; } .cart-item span:nth-child(4){ width: 70px; } .cart-item span:nth-child(5){ width: 125px; } .cart-item{ height: 100px; margin-bottom: 50px; } .cart-item > span{ height: auto; display: block; float: left; text-align: left; position: relative; overflow: hidden; min-height: 100px; } .cart-item span .bottomaligned{ position: absolute; left: 0; width: 100%; height: 18px; line-height: 18px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .cart-item span .bottomaligned.counter{ height: 22px; } .cart-item span .bottomaligned.price{ font-size: 14px; height: auto; line-height: 16px; font-weight: 700; height: 30px; } .cart-item span .bottomaligned.price span{ color: #bfbfbf; font-size: 12px; display: inline-block; } .cart-item span .bottomaligned.price.price-right, .cart-item span .bottomaligned.price.price-right span{ text-align: right; width: 100% !important; } .cart-item span .bottomaligned input{ float: left; width: 30px; height: 20px; box-sizing: border-box; display: block; border: 1px solid #000; background: transparent; padding: 0; text-align: center; font-size: 12px; font-weight: 500; } .cart-item span .bottomaligned .increase{ float: left; } .cart-item span .bottomaligned a.plus{ height: 9px; line-height: 9px; display: block; margin-left: 4px; } .cart-item span .bottomaligned a.minus{ height: 9px; line-height: 9px; display: block; margin-left: 4px; } .cart-item span .bottomaligned.delete{ color: #FFD600; color: #be1e2e; font-size: 14px; display: inline-block; } .cart-item span .bottomaligned.delete i{ float: left; font-size: 14px; margin-top: 2px; margin-right: 5px; } .cart-item-info{ width: 500px; height: 100%; } .cart-item-info .img{ width: 100px; height: 100px; float: left; background-size: cover; background-position: center; background-repeat: no-repeat; } .cart-item-info .name{ height: 20px; height: auto; width: 330px; float: left; font-weight: 700; font-size: 16px; margin-left: 30px; line-height: 20px; letter-spacing: 0.1em; } .cart-item-info .desc{ margin-top: 5px; height: 16px; height: auto; width: 330px; float: left; font-weight: 700; font-size: 14px; margin-left: 30px; line-height: 16px; letter-spacing: 0.1em; color: black;text-decoration: none; } .cart-item-info .state{ margin-top: 5px; height: 16px; height: auto; width: 330px; float: left; font-weight: 400; font-size: 14px; margin-left: 30px; line-height: 16px; letter-spacing: 0.1em; } .cart-item-info a.view{ margin-top: 5px; display: inline-block; color: #000; font-size: 10px; margin-left: 30px; text-decoration: none; font-weight: 700; } #cart-summary{ width: 100%; border-top: 1px solid #868686; margin-top: 65px; padding-top: 20px; } #cart-summary .summarycontainer{ float: right; width: 400px; } #cart-summary .summarycontainer .total{ font-weight: 500; float: left; font-size: 18px; } #cart-summary .summarycontainer .totalprice{ font-weight: 500; float: right; font-size: 18px; } #update-cart{ font-weight: 300; float: left; font-size: 16px; text-decoration: underline; margin-top: 65px; } #checkout{ font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; float: right; font-size: 16px; margin-top: 65px; padding-left: 10px; padding-right: 10px; height: 38px; line-height: 38px; color: #fff; background-color: #000; } #cart-summary .vouchercontainer{ float: left; width: 540px; position: relative; } #cart-summary .voucher-title{ font-size: 19px; font-weight: 300; line-height: 19px; display: block; } #vouchercode{ width: 230px; height: 80px; box-sizing: border-box; border: 1px solid #000; text-align: center; font-size: 36px; font-weight: 100; background: transparent; line-height: 80px; text-transform: uppercase; margin-top: 8px; display: block; margin-bottom: 5px; } #validate{ font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: 0.2em; } #cart-summary .voucher-desc{ width: 260px; float: right; font-size: 14px; position: absolute; right: 0; top: 0; margin-top: 40px; height: 50px; } #cart-summary .openvoucherinfo, #cart-summary .closevoucherinfo{ display: none; } #product-view{ height: auto; min-height: 600px; } #left-filter{ width: 300px; height: auto; position: absolute; left: 0; top: 0; margin-left: -300px; margin-top: 90px; z-index: 2; background: white; } #center-filter{ box-sizing: border-box; width: 100%; height: auto; position: relative; margin: 25px 0px 10px 0px; z-index: 2; background: white; display: block; overflow: hidden; } #center-filter .ktitle, #left-filter .ktitle{ float: left; width: 54px; height: 205px; position: relative; float: left; padding-right: 14px; border-right: 1px solid #ffd600; } #center-filter .ktitle p, #left-filter .ktitle p{ float: left; position: relative; height: 54px; width: 190px; line-height: 54px; display: block; font-size: 60px; text-align: left; color: #ffd600; font-weight: 700; transform: rotate(-90deg); letter-spacing: .1em; margin: 0; left: 0; top: 0; margin-left: -68px; margin-top: 68px; } #left-filter form, #left-filter form.filter-contianer{ float: left; width: 220px; height: auto; display: block; overflow: hidden; box-sizing: border-box; margin: 0px; padding: 0px; padding-left: 15px; cursor: default; } #center-filter .filter-contianer h3 { margin: 10px 0px 5px 0px;width: 97%; } #center-filter .filter-row{ width: 30%;margin:0px;float: left;padding-left: 2%; } #center-filter .filter-contianer{ box-sizing: border-box; float: left; width: 100%; height: auto; padding-left: 15px; cursor: default; } #center-filter .filter-contianer .sort, #left-filter .filter-contianer .sort{ display: inline-block; padding-right: 18px; font-size: 14px; font-weight: 700; background-image: url('svg/font/arrow-up.svg'); background-repeat: no-repeat; background-size: 14px 9px; background-position: center right; margin-bottom: 14px; letter-spacing: 0.1em; } #center-filter .filter-contianer .sort.down, #left-filter .filter-contianer .sort.down{ background-image: url('svg/font/arrow-down.svg'); } #center-filter .filter-contianer .sort.up, #left-filter .filter-contianer .sort.up{ background-image: url('svg/font/arrow-up.svg'); } .price-range-title{ display: block; padding-right: 18px; font-size: 14px; font-weight: 700; margin-bottom: 14px; letter-spacing: 0.1em; } #_active_filter_box_{ display: block; overflow: hidden; width: 100%; text-align: left; } #_active_filter_box_ label, .scrollbox label, .scrollbox a{ display: inline-block; font-family: 'Lora', serif; font-weight: 400; font-size: 12px; line-height: 20px; color: #000; text-decoration: none; letter-spacing: 0.1em; cursor: pointer; } #_active_filter_box_ label{ float: left; } .scrollbox input[type="checkbox"]:checked + label, #_active_filter_box_ label.active, .scrollbox label.active, .scrollbox a.active{ position: relative; display: inline-block;overflow: hidden; padding-left: 13px; font-weight: 700; clear: both;width: 90%; } #_active_filter_box_ label:before, .scrollbox label:before, .scrollbox a:before{ content: " "; font-family: 'Work Sans', sans-serif; position: absolute; top: 0px; left: 0px; font-size: 16px;line-height: 18px; color: #FFD600; font-weight: 900; } .scrollbox input[type="checkbox"]:checked + label:before, #_active_filter_box_ label.active:before, .scrollbox label.active:before, .scrollbox a.active:before{ content: "x"; } .sex-scroll, .category-scroll { padding-bottom: 20px; } .ee-hidden label, .ee-hidden a, .ee-hidden br { display: none; } .ee-ekm-box h3 { cursor: pointer; } .ee-hidden h3 { display: inline-block; text-align: center;margin-left: 0px !important;margin-right: 15px !important; float: left; } .ee-ekm-box h3 { /*line-height: 20px;*/ margin-top: 10px; margin-bottom: 10px; } .ee-ekm-box h3:first-child{ margin-top: 0px; } .ee-ekm-box h3:hover, .ee-ekm-box.ee-hidden h3:hover { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .ee-ekm-box h3:hover{ margin-left: 20px; } .ee-ekm-box.ee-hidden h3{ margin-top: 10px !important; } .slimScrollDiv{ overflow: visible !important; margin-bottom: 15px; width: 190px !important;max-width: 100% !important; } .slimScrollRail{ border-radius: 0 !important; width: 2px !important; } .slimScrollBar{ border-radius: 0 !important; opacity: 1 !important; background: #252525 !important; width: 4px !important; right: -11px !important; } a.scrollbox-t{ color: inherit;text-decoration: none; } .slide-object{ width: 180px; margin-bottom: 38px; box-sizing: border-box; margin-top: 32px; } #price-range-slider{ background-color: #252525; height: 2px; } #price-range-slider .ui-slider-range{ background-color: #cfcfcf; } #price-range-slider .ui-slider-handle{ background-color: #252525; width: 10px; height: 10px; top: -4px; cursor: pointer; } #price-range-slider .ui-slider-handle .dynamic-tooltip{ font-weight: 400; color: #000; font-size: 10px; background-color: tansparent; position: absolute; top: 0; height: 12px; width: 50px; min-width: 30px; text-align: center; box-sizing: border-box; line-height: 12px; margin-top: 25px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); font-family: 'Lora', serif; font-weight: 700; } #price-range-slider .ui-slider-handle:nth-child(1) .dynamic-tooltip { margin-top: 45px !important; } #price-range-slider .ui-slider-handle .dynamic-tooltip:before{ content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: -11px; background-image: url('svg/font/range-pointer.svg'); width: 7px; height: 4px; background-size: 7px 4px; } #price-range-slider .ui-slider-handle:nth-child(1) .dynamic-tooltip:before { margin-top: 45px !important; } #price-range-slider .ui-slider-handle .static-tooltip{ top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); font-family: 'Lora', serif; font-weight: 700; font-size: 10px; background-color: tansparent; position: absolute; margin-top: -5px; } #left-filter form, #left-filter form.filter-contianer{ height: auto;padding-bottom: 40px; } #filter_submit_button { position: absolute; bottom: 0px; right: 25px; width: 205px; } .range-inputs{ margin-top: 15px; } .range-inputs .leftrange{ float: left; } .range-inputs .rightrange{ float: right; } .range-inputs span{ display: inline-block; font-size: 13px; font-weight: 400; color: #252525; } .range-inputs input{ display: inline-block; width: 60px; height: 20px; box-sizing: border-box; border: 1px solid #000; background-color: #f2f2f2; color: #969696; font-size: 13px; font-weight: 400; text-align: center; padding: 0; } #breadcrumbs{ position: absolute; top: 0; margin-top: 15px; cursor: default; } #breadcrumbs a, #breadcrumbs span{ font-size: 12px; color: #373737; text-decoration: none; font-weight: 400; } #breadcrumbs a:hover{ color: #000; } #breadcrumbs span{ display: inline-block; margin-left: 3px; margin-right: 3px; } #prod-view{ padding-top: 80px; } #prod-view h2.subpagetitle{ margin-top: 0; } #prod-view{  } #prod-view .prodviewdesc{ float: right; width: 570px; height: auto; } #prod-view .proviewdimg{ float: left; width: 300px; height: 300px; position: relative; display: block; margin-left: 20px; } #prod-view .proviewdimg img { max-width: 100%; max-height: 100%; width: auto; height: auto; border: 0; margin-left: auto; margin-right: auto; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #prod-view .prodviewdesc .code, #prod-view .prodviewdesc .intro{ font-weight: 700; font-size: 14px; display: block; letter-spacing: 0.1em; } #prod-view .prodviewdesc .intro{ margin-top: 25px; letter-spacing: 0.1em; } #prod-view .prodviewdesc .desc{ font-size: 14px; font-weight: 400; display: block; letter-spacing: 0.1em; margin-bottom: 10px; margin-top: 10px; } #prod-view .prodviewdesc .moreinfoabouttester{ font-size: 14px; font-weight: 400; display: block; letter-spacing: 0.1em; } #prod-view .prodviewdesc .moreinfoabouttester a{ text-decoration: underline; text-transform: uppercase; color: #000; font-weight: 700; } #prod-view .prodviewdesc .size{ font-weight: 700; font-size: 14px; display: block; margin-top: 25px; } #prod-view .prodviewdesc .size p{ margin: 0; padding: 0; display: inline-block; margin-left: 15px; background-image: url('svg/font/arrow-up-narrow.svg'); background-size: 9px 6px; background-repeat: no-repeat; background-position: center right; padding-right: 12px; } #prod-view .prodviewdesc .size p.down{ background-image: url('svg/font/arrow-down-narrow.svg'); } #prod-view .prodviewdesc .pricing-box{ margin-top: 25px; border-top: 1px solid #000; padding-top: 25px; position: relative; } #prod-view .prodviewdesc .pricing-box .price{ float: left; position: relative; } #prod-view .prodviewdesc .pricing-box .state{ font-size: 14px; letter-spacing: 0.1em; font-weight: 700; position: absolute; left: 0; bottom: 0; margin-left: 100px; } #variants{ margin-top: 52px; } #variants .cart-item-info .desc{ margin-top: 20px; } .variant-cart-item{ position: relative; } #variants .variants-price{ position: absolute; top: 0; right: 0; width: 200px; height: 30px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #variants .variants-price .price span{ width: auto; } #toggle-filter{ display: inline-block; padding-right: 12px; font-size: 16px; font-weight: 700; background-image: url('svg/font/arrow-right.svg'); background-repeat: no-repeat; background-size: 9px 14px; background-position: center right; text-transform: uppercase; position: absolute; left: 0; top: 0; margin-top: 0px; cursor: pointer; display: none; } .bg-overlay{ display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: 0; filter: alpha(opacity=0); cursor: pointer; z-index: -1; } .filter-bg{ width: 50%; background-color: #fff; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; opacity: 0; filter: alpha(opacity=0); min-width: 330px; -webkit-box-shadow: -20px 20px 62px 0px rgba(0,0,0,1); -moz-box-shadow: -20px 20px 62px 0px rgba(0,0,0,1); box-shadow: -20px 20px 62px 0px rgba(0,0,0,1); }  #mobilemenu{ display: none; } .noformobile { display: block; } .formobile { display: none; } #mobilemenu div{ position: absolute; left: 0; top: 0; margin-left: -70px; height: 40px; line-height: 40px; font-size: 20px; text-transform: uppercase; } .bt-menu-trigger { position: absolute; top: 5px; right: 20px; display: block; width: 40px; height: 40px; cursor: pointer; z-index: 5; }  .bt-menu-trigger span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 3px; margin-top: -2px; background-color: #000; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; /*border-radius: 4px;*/ }   .bt-menu-trigger.open span { background-color: transparent; }  .bt-menu-trigger span:before, .bt-menu-trigger span:after { position: absolute; left: 0; width: 100%; height: 100%; background: #000; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; /*border-radius: 4px;*/ }  .bt-menu-trigger span:before { -webkit-transform: translateY(-230%); transform: translateY(-230%); }  .bt-menu-trigger span:after { -webkit-transform: translateY(230%); transform: translateY(230%); }  .bt-menu-trigger.open span:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); }  .bt-menu-trigger.open span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); }     #search-result-content { position: absolute; top: 39px;right: 10px; box-sizing: border-box; padding: 5px;margin: 0px; width: 511px;max-width: 98%; height: auto; max-height: 450px; display: block;overflow: hidden; overflow-y: scroll; background: white; z-index: 800; font-size: 1em; border-bottom: 1px solid #C6C6C6; } #search-result-content .indigf { content: ''; display: block;overflow: hidden; width: 100%; height: 80px; /*	background: rgba(242,242,242,0.75) url('imgs/design/load.png') center center no-repeat;background-size: 45px 45px;	*/ background: white; display: none; z-index: 900; text-align: center; padding-top: 10px; padding-bottom: 10px; } #search-result-content.wait { height: 80px;overflow-y: hidden; padding-bottom: 80px; } #search-result-content .indigf, #search-result-content.wait:before { display: block; } .webshop-search-result_table { border-collapse: collapse; width: 100%; margin-top: 1px; } .webshop-search-result_table td { text-align: left;vertical-align: center; background: transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .webshop-search-result_table td a { color: inherit;font-size: 1em;text-decoration: none;font-weight: 400; } .webshop-search-result_table td.wsr-image { width: 10%;text-align: center; } .webshop-search-result_table td.wsr-title { width: 30%; } .webshop-search-result_table td.wsr-title span { font-weight: 900; } .webshop-search-result_table td.wsr-data { width: 30%;font-size: 0.8em; } .webshop-search-result_table td.wsr-data span { background: #FFD600;font-weight: 900; } .webshop-search-result_table td.wsr-price { width: 30%; } .webshop-search-result_table tr:hover td { background: whitesmoke; border-top: 1px solid #FFD600; border-bottom: 1px solid #FFD600; }   @media (max-width: 1670px)  { .cena-a-doprava-btn { display: none; } #product-view .inner{ overflow: hidden; } #left-filter{ margin-left: 0; /*transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);*/ opacity: 0; filter: alpha(opacity=0); z-index: -1; } body.open-filter .bg-overlay{ opacity: 0.4; filter: alpha(opacity=40); z-index: 50; } body.open-filter .filter-bg{ opacity: 1; filter: alpha(opacity=100); z-index: 51; } body.open-filter #left-filter{ /*transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);*/ opacity: 1; filter: alpha(opacity=100); z-index: 52; } #toggle-filter{ display: inline-block; } body.open-filter #toggle-filter{ z-index: 52; padding-right: 0; padding-left: 12px; background-image: url('svg/font/arrow-left.svg'); background-position: center left; }  } .contact-box.spec { display: block; overflow: hidden; } .spltbs { float: left; width: 50%; box-sizing: border-box; } .spltbs:nth-child(1) { padding-right: 20px; }  .brand-group { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } .brand-group a { color: black; display: inline-block; width: auto; min-width: 250px;width: 100%;max-width: 100%;line-height: 1.6em;text-decoration: none;box-sizing: border-box; } .brand-group a.selected-brand span { background: #FFD600;display: inline-block; } .brand-search-field { position: relative; width: 100%;height: auto; display: block; overflow: hidden; box-sizing: border-box; margin: 10px 0px;	padding: 0px; line-height: 30px; border: 1px solid black; } .brand-search-field-box.float-please {	position: fixed;top: 0px; left: 0px;width: 100%;height: auto;z-index: 9999;} .brand-search-field-box.float-please .brand-search-field{	margin: 0px;} .brand-search-field input { position: relative; width: 100%;height: auto; display: block; overflow: hidden; box-sizing: border-box; margin: 0px;	padding: 0px 30px 0px 130px; line-height: 30px; border: none; z-index: 400; } .brand-search-field:before { cursor: pointer; content: 'Keresés'; display: inline-block; line-height: 30px;text-align: center; font-size: 14px;color: #D0D0D0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0px;top: 0px; width: 120px; height: 100%; z-index: 500; background: #373737; } .brand-search-field:after { cursor: pointer; content: '\004f'; display: inline-block; font-family: 'icon'; font-style: normal; font-weight: normal; line-height: 30px;text-align: center; font-size: 24px;color: #D0D0D0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0px;top: 0px; width: 30px; height: 100%; z-index: 500; background: #373737; } @media (max-width: 1040px)  { .brand-group h2 { box-sizing: border-box; padding-left: 30px; } .brand-group { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } .brand-group a { width:100%; } .spltbs { width: 100%; } .inner{ width: 100%; padding-left: 10px; padding-right: 10px; } #left-filter, #toggle-filter{ margin-left: 10px; } #mobilemenu{ display: block; } .noformobile { display: none; } .formobile { display: block; } .header-top-menu { display: none; } #menu a { text-align: center; display: block; } #menu a.bigger { font-weight: 900;font-size: 1.2em;margin-top: 15px;margin-bottom: 5px; } #menu a.bigger:first-child{ margin-top: 0px; } #menu .inner { height: auto;overflow: hidden; } #menu{ height: auto; max-height: 50px; overflow: hidden; } #menu.open{ height: auto;overflow: hidden; max-height: 2000px; } #menu .inner{ padding-top: 50px; text-align: right; line-height: 24px; } #menu a{ display: block; margin: 0; margin-top: 5px; margin-bottom: 5px; } #toggle-filter{ margin-top: 55px; } #prod-view{ padding-top: 90px; } .cart-item{ width: 550px; margin-left: auto; margin-right: auto; height: auto; } .cart-item-info .img{ height: 100px; } .cart-item span:nth-child(1){ width: 320px; } .cart-item-info{ width: 100%; } .cart-item-info .name, .cart-item-info .desc{ width: 210px; height: auto; margin-left: 10px; } .cart-item-info a.view{ margin-left: 10px; } .cart-item-info .state{ float: right; width: auto; } .cart-item span:nth-child(2), .cart-item span:nth-child(3), .cart-item span:nth-child(4), .cart-item span:nth-child(5){ height: 30px; float: right; width: 230px; text-align: right; } .cart-item span:nth-child(3){ width: 82px; }  #cart-summary .vouchercontainer{ width: 230px; } #cart-summary .voucher-desc{ display: none; position: absolute; left: 0; top: 0; width: 230px; padding: 10px; box-sizing: border-box; margin-top: 28px; line-height: 16px; overflow: hidden; background-color: #000; color: #fff; height: 80px; } #cart-summary .closevoucherinfo{ display: block; position: absolute; top: 0; right: 0; color: #fff; font-size: 28px; margin-right: 2px; margin-top: 2px; line-height: 10px; height: 15px; cursor: pointer; z-index: 1; } #cart-summary .openvoucherinfo{ display: block; float: right; cursor: pointer; } #cart-summary .summarycontainer{ width: 300px; } #checkout{ letter-spacing: 0.1em; } #update-cart{ position: absolute; bottom: 0; right: 0; margin-right: 10px; margin-bottom: 60px; } #breadcrumbs{  } #top-bar .inner{ padding-right: 0; } .variant-cart-item .price{ height: 24px; text-align: left; } .variant-cart-item .price span{ float: left !important; } .variant-cart-item .cart-item-info{ min-height: 100px; height: auto; }  }  @media (max-width: 960px)  {  #prod-view .prodviewdesc{ width: calc( 100% - 340px ); }  }  @media (max-width: 850px)  { .variant-cart-item .cart-item-info { min-height: 130px; height: auto; } #center-filter .filter-row{ width: 280px;margin:0px auto;float: none;padding: 0%; }  .brand-group { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .brand-group a { width: 100%; } #header{ padding-top: 20px; } #logo{ margin-left: auto; margin-right: auto; float: none; } #searchinput{ margin-top: 40px; } #search{ margin-top: 41px; } #search-result-content { top: 108px; } .phone-contact{ display: none; }  }  @media (max-width: 750px)  {  #footer .col1, #footer .col2, #footer .col3{ width: 100%; text-align: center; float: none; position: relative; margin-bottom: 25px; } #footer .col3{ width: 250px; text-align: left; margin-left: auto; margin-right: auto; } #footer .footer-title{ text-align: center; }  }  @media (max-width: 730px)  {  #prod-view .prodviewdesc{ width: 100%; float: none; } #prod-view .proviewdimg{ float: none; margin-top: 20px; margin-left: auto; margin-right: auto; }  } /* @media (max-width: 700px)  {  #rarita .rarita-bg{ height: 100px; background-size: auto 100px; }  } */ @media (max-width: 630px)  {  #cart-summary .vouchercontainer, #cart-summary .summarycontainer{ float: none; margin-left: auto; margin-right: auto; } #cart-summary .summarycontainer{ margin-top: 25px; } #update-cart, #checkout{ float: right; position: relative; margin: auto; margin-top: 20px; } .productitem .quantity{ display: none; }  }  @media (max-width: 600px)  {  .cart-item{ width: 300px; } .cart-item span:nth-child(1){ width: 300px; float: none; display: block; margin-bottom: 10px; } .cart-item span:nth-child(2), .cart-item span:nth-child(4), .cart-item span:nth-child(5){ float: right; display: block; } .cart-item span:nth-child(2), .cart-item span:nth-child(5){ width: calc( 100% - 90px ); } .cart-item span:nth-child(3), .cart-item span:nth-child(4){ float: left; width: 82px; } .cart-item-info .name, .cart-item-info .desc{ width: 190px; height: auto; margin-left: 10px; } .bottomaligned .quantity{ left: 0; right: auto; } #variants .variants-price{ position: relative; width: 100%; height: 20px; margin-top: 30px; margin-top: 40px; } #variants .variants-price .quantity{ float: right; position: relative; }  }  @media (max-width: 570px)  {  #searchinput{ width: calc( 100% - 31px ); } .brand-group { -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; } .brand-group a { width: 100%; }  }  @media (max-width: 520px)  {  #newsletter-email{ width: 100%; }  }  @media (max-width: 440px)  { .contact-box{ width: 100%; } }  @media (max-width: 420px)  {  #left-filter .ktitle{ display: none; } #toggle-filter{ margin-top: 60px; } .filter-bg{ width: 260px; min-width: auto; } #prod-view .proviewdimg{ margin-left: auto; margin-right: auto; }  }  @media (max-width: 410px)  { #logo{ margin-top: 20px; } #search, #searchinput{ margin-top: 20px; } }           /*	UPDATE	*/  #menu { line-height: 15px;padding-top: 10px;padding-bottom: 10px; } .cart-stat{ width: auto;	} .cart-stat.float-please {	position: fixed;top: 0px; right: 0px;z-index: 9999;padding-right: 80px;	} .title, a.title {	font-size: 2em;line-height: 1.4em;color: black;text-decoration: none;font-weight: 700;display: block;margin: 2em 0em 1em 0em;padding-bottom: 3px;	}  .full-text-page h2 { display: block; margin: 0px; margin-top: 1.5em; padding-top: 1em; padding-bottom: 1em; background: whitesmoke; } .full-text-page h3 { display: block; margin: 0px; padding-top: 1em; } .full-text-page a { font-weight: 900;color: black;text-decoration: none; } .full-text-page table { margin-left: 25px; } .full-text-page th { text-align: left; padding-right: 80px; } .float-right {	float: right;text-align: left;	} .float-right a {	font-size: 2em;margin-left: 5px; line-height: 0.6em;display: inline-block;	} .float-right a.to-top {	margin-left: 10px;	} a.to-top {	color: black;text-decoration: none;	}        *.hidden { display: none !important; }           .links { display: block; overflow: hidden; clear: both; padding-top: 20px; } .links a, .links b { display: inline-block; padding: 0px 5px; text-decoration: none; font-weight: 400; font-size: 20px; line-height: 25px; margin: 0px; font-size: 22px; color: black; } .links b { font-weight: 900; } .results { display: block; margin: 20px 0px; width: 100%; box-sizing: border-box;  }  .brand-nav { display: block;width: 100%;text-align: center; } .brand-nav a { color: black; font-weight: 100; text-decoration: none; display: inline-block;overflow: hidden; width: 30px;height: 30px;line-height: 29px;font-size: 22px;margin: 0px 5px; }        .horror_box { display: block;overflow: hidden; margin: 30px auto; font-size: 13px; line-height: 1.6em; font-weight: 100; } .horror_box h2 { text-align: center; font-size: 16px; margin: 25px auto; } .horror_box h3 { text-align: left; font-size: 16px; margin: 0px auto; line-height: 1.6em; } .horror_box h4 { text-align: left; margin: 15px auto 0px auto; line-height: 1.6em; } .horror_box h2 img { width: 100px;height: auto; display: inline-block; margin: 0px auto 0px auto; } .horror_box p{ padding: 0px;margin: 0px; } .horror_box .bold{ font-weight: 900; } .horror_col_1 { box-sizing: border-box;width: 50%;float: left; padding-right: 20px; } .horror_col_2 { box-sizing: border-box;width: 50%;float: left; padding-left: 20px; } ul.info-table-box { float: left; width: 50%; height: auto; min-height: 60px; display: block; overflow: hidden; box-sizing: border-box; padding: 0px;margin: 0px;padding-right: 30px; list-style: none; } ul.info-table-box.marginleft	{	width: 100%;padding-left: 50%;	} ul.info-table-box a {	color: inherit;text-decoration: none;	} ul.info-table-box h2 {	margin-bottom: 5px;	} ul.info-table-box h3 {	margin-top: 5px;margin-bottom: 0px;	} ul.info-table-box h4 {	margin-top: 6px;margin-bottom: 0px;	} ul.info-table-box h5 {	margin-top: 4px;margin-bottom: 0px;	} ul.info-table-box h6 {	margin-top: 2px;margin-bottom: 0px;	}  @media (max-width: 900px)  { ul.info-table-box {		width: 100%;		padding: 20px 10px;	} ul.info-table-box.marginleft	{	padding: 20px 10px;	} .horror_col_1 { width: 100%;float: none;padding: 0px; } .horror_col_2 { width: 100%;float: none;padding: 0px;padding-top: 20px; } }   /*	<div class="loader loader_load"></div>	*/ .loader { position: relative; width: 39px;height: 39px; -webkit-border-radius: 80px 80px 80px 80px; border-radius: 80px 80px 80px 80px; border: 5px solid #FFD600; display: inline-block; padding: 0px; margin: 0px auto; } .loader_back.loader { display: inline-block; position: fixed; top: 50%;left: 50%; width: 39px;height: 39px; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 9999; background: white; cursor: wait; display: none; text-align: center; font-size: 2em; font-weight: 100; line-height: 38px; } .loader_back.loader:after, .loader:after{ content: "."; position: absolute; top: 50%;left: 30%; width: 0px;height: 0px; font-size: 42px; text-align: center;line-height: 20px; padding-right: 40%; } .loader_back.loader:after, .loader.loader_load:after{ -webkit-animation: loading 10s infinite; /* Chrome, Safari, Opera */ animation: loading 10s infinite; }  /* Chrome, Safari, Opera */ @-webkit-keyframes loading { 0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(2160deg); -webkit-transform: rotate(2160deg); -o-transform: rotate(2160deg); -ms-transform: rotate(2160deg); transform: rotate(2160deg); } }  /* Standard syntax */ @keyframes loading { 0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(2160deg); -webkit-transform: rotate(2160deg); -o-transform: rotate(2160deg); -ms-transform: rotate(2160deg); transform: rotate(2160deg); } }  .summary_box { max-width: 900px; margin: 0px auto; } .summary_box div { width: 100%; } .summary_box td { display: table-cell; }  @media (max-width: 600px)  { .summary_box td { display: block; } }   .info-container { font-size: 0.8em; float: left; color: black; text-decoration: none; margin-left: 10px; } #sort-by-container { display: block;overflow: hidden;width: 100%; margin-top: -45px; z-index: 2; } #sort-by-container a { font-size: 0.8em; float: right; color: black;text-decoration: none; margin-left: 10px; } #sort-by-container a.oi-text { letter-spacing: -1px; } #sort-by-container a.selected, #sort-by-container a.oi-selected { color: #be1e2e; font-weight: 900; } #sort-by-container a:before { display: none; float: right; margin-left: 4px; line-height: 1.3em; } #sort-by-container a.oi-selected:before { display: block; }  @media (max-width: 900px)  { #sort-by-container { margin-top: 0px; } .order-by-container { width: 100%; display: block;overflow: hidden; } }   #gray_back { display: block; overflow: hidden; position: fixed; top: 0px; left: 0px; width: 100%;height: 100%; background: rgba(255,255,255,0.75); z-index: 9999; display: none; content: " L O A D I N G . . . "; line-height: 50vh;text-align: center;font-size: 32px; } #white_back { display: block; overflow: hidden; position: fixed; top: 0px; left: 0px; width: 100%;height: 100%; background: rgba(0,0,0,0.75); z-index: 9999; display: none; } #white_back > div { position: absolute; top: 50%;left: 50%; width: 700px;max-width: 700px;min-width: 700px; background: white; border: 1px solid whitesmoke; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding: 10px; box-sizing: border-box; } #white_back * { text-align: center; } #white_back form { width: 43%; margin: 0px;padding: 10px;box-sizing: border-box;float: left; background: whitesmoke; } #white_back .ortext { width: 14%; margin: 0px;padding: 20px;box-sizing: border-box;float: left;padding-top: 80px; } #white_back .regtext { width: 43%; margin: 0px;padding: 0px;box-sizing: border-box;float: left; padding-top: 0px; } #white_back .regtext a { margin-top: 70px;height: 40px;line-height: 40px; font-size: 1.3em; } #white_back input,#white_back h3 { width: 96%; margin: 0% 2%; border: 1px solid black; float: left; line-height: 30px !important; height: 30px; box-sizing: border-box; padding: 0px;margin-bottom: 10px; } #white_back input[type="submit"], #white_back input[type="button"] { border: none;background: transparent;text-decoration: underline;padding-bottom: 0px; } #white_back h3 { padding: 0px;margin: 0px;display: block; border: none;margin-top: 5px;margin-bottom: 10px; font-weight: 100; }  @media (max-width: 750px), (max-height: 450px) { #white_back { overflow: auto; } #white_back > div { width: 90%;max-width: 90%;min-width: 90%; top: 10%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 10%; } #white_back .ortext, #white_back .regtext, #white_back form { width: 100%; padding-top: 0px; } #white_back .ortext { padding-top: 15px; } #white_back .regtext a { height: 40px;line-height: 40px; font-size: 1.3em; } } .buttons { display: block;overflow: hidden; } .step_box_content { box-sizing: border-box; } .search-result-content-close-button { display: none; } @media (max-width: 1100px) { .heurekaTabright { display: none; } }   /*	FACELIFT 2017	*/ .list_fc { display: block; overflow: hidden; width: 100%; height: 400px; }  a.small_log, a.small_reg, a.small_logout, a.small_user, .mobilemenu_fc, .mobilebanner_fc { display: none; } @media (max-width: 860px)  { .mobilebanner_fc { display: block; overflow: hidden; width: 100%;height: auto; } .mobilemenu_fc { position: realtive; display: block;overflow: hidden; width: 100%;height: auto; background: #2A2A2D url(imgs/facelift/mobile_menu_bg.png) center center no-repeat;background-size: cover; padding-top: 25px; padding-bottom: 25px; } .mobilemenu_fc a { display: block; overflow: hidden; color: white; text-decoration: none; text-align: center; line-height: 2.45em; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 333ms ease; -moz-transition: all 333ms ease; -ms-transition: all 333ms ease; -o-transition: all 333ms ease; transition: all 333ms ease; } .mobilemenu_fc a:hover { color: #FED600; } .mobilemenu_fc a:after { content: ""; display: block;overflow: hidden; width: 20px;height: 0px; border-top: 1px solid white; margin: 0px auto; } .mobilemenu_fc a:last-child:after { display: none; } html,body { min-width: 235px; } .outer { max-width: 100%; overflow: hidden; } span.lora, a.big_log, a.big_reg { display: none !important; } .reg-login { float: left; } a.small_user, a.small_reg { float: left;display: block;overflow: hidden; width: 27px;height: 27px; background: transparent url('imgs/icons/lock.png') center center no-repeat; background-size: auto auto; } a.small_user { background: transparent url('imgs/icons/user.png') center center no-repeat; background-size: auto auto; } a.small_log { float: left;display: block;overflow: hidden; width: 27px;height: 27px;background: transparent url('imgs/icons/user.png') center center no-repeat; background-size: auto auto; margin-left: 10px; } a.small_logout { float: left;display: block;overflow: hidden; width: 27px;height: 27px;background: transparent url('imgs/icons/logout.png') center center no-repeat; background-size: auto 22px; margin-left: 10px; } .cart-stat { background: transparent; letter-spacing: 0.085em; margin-right: 50px; color: white !important; } #cart-text{ color: white !important; } .cart-stat.float-please { background: #292929; padding-right: 10px; right: auto; left: 10px; } #top-bar:after { display: none; } #menu { position: absolute; top: 0px; right: 5px; z-index: 9000; height: 40px; width: 40px; } .bt-menu-trigger span { height: 4px; } #menu.open { top: 65px; width: 100%; background: white; } #menu #mobilemenu > div:nth-child(1) { display: none; } #menu #mobilemenu > div:nth-child(1) { display: none; } .bt-menu-trigger { top: 0px; left: auto;right: 5px; width: 25px;height: 30px; } .bt-menu-trigger span, .bt-menu-trigger span:before, .bt-menu-trigger span:after { background:white; } .bt-menu-trigger.open span:before, .bt-menu-trigger.open span:after { background:black; } #menu.open { right: 0px; } .bt-menu-trigger.open span { background:transparent; } #header { height: 35px; padding-top: 5px; padding-top: 5px; background: #373737; } #logo { width: 155px;float: left;margin-top: 0px; } #searchinput { display: none; } #header.opened_search { height: auto;overflow: hidden; } #header.opened_search #searchinput { display: block; float: left; width: calc( 100% - 40px ); height: 34px; line-height: 34px; border: none; background: white; margin-top: 10px; color: #bfbfbf; font-size: 15px; margin-left: 2px; margin-top: 10px; margin-bottom: 10px; } #search { margin-top: 0px; } #header.opened_search #search { margin-top: 39px;margin-right: 2px; } #search-result-content { position: relative; top: auto; right: auto; box-sizing: border-box; padding: 5px; margin: 0px; width: calc( 100% + 16px ); max-width: calc( 100% + 16px ); height: auto; max-height: calc( 100vh - 110px ); display: block; overflow: hidden; overflow-y: scroll; background: white; z-index: 800; font-size: 1em; margin-left: -8px; margin-right: -8px; border-bottom: 45px solid #313131; z-index: 7000; } #header.opened_search .search-result-content-close-button { position: absolute; display: block;overflow: hidden; width: 100%;height: 45px; z-index: 8000; color: white;background: #313131; bottom: 0px; left: 0px; text-align: left; line-height: 45px; cursor: pointer; } .search-result-content-close-button:before { content: '>>'; display: inline-block;overflow: hidden; width: 30px;height: 30px; margin-left: calc( 50% - 30px ); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); letter-spacing: -5px;font-weight: 100;font-size: 20px; -webkit-transition: all 333ms ease; -moz-transition: all 333ms ease; -ms-transition: all 333ms ease; -o-transition: all 333ms ease; transition: all 333ms ease; } .search-result-content-close-button:hover:before { letter-spacing: -4px; } #home-slider { padding: 0px;margin: 0px; } #home-slider .inner { margin: 0px;padding: 0px;padding-bottom: 22px; } #home-slider .inner > a { padding: 0px;margin: 0px; } .slider-navs { z-index: 2; position: absolute; display: block;overflow: hidden; bottom: 0px;left: 0px; width: 100%;height: 22px; } #menu .inner { padding-left: 0px;padding-right: 0px; padding-bottom: 15px; } h2.title.title_fc { margin-top: 0px;padding-top: 0px; margin-bottom: 0px; } h2.title.title_fc br { display: none; } #rarita .rarita-bg { margin-bottom: -40px; background-size: 210% auto; height: 160px; } #marks .marklist { box-sizing: border-box; display: block;overflow: hidden; width: 100%;height: 211px; padding-left: 50px; padding-right: 50px; } #marks .marklist a { margin-top: 0px;margin-bottom: 0px; } } @media (max-width: 750px)  { #footer .col { margin-left: auto; margin-right: auto; width: 250px; padding-left: 30px; } #footer .col * { text-align: left; } .links a { padding-left: 0px; } } @media (max-width: 510px)  { #rarita .rarita-bg { /* height: 170px; background-position: top center; background-size: 400% auto; margin-bottom: -40px; */ height: 120px; } } @media (max-width: 460px)  { .marklist.clearafter { display: block; overflow: hidden; width: 100%;height: 170px; } .productitem{ width: calc( 50% - 18px ); height: auto; padding-bottom: 40px; } .productitem .imgcontainer { width: 100%; height: 50vw; } .productitem .prodtitle { font-size: 13px; } .productitem .shortdesc { font-size: 12px; margin-bottom: 15px; } #rarita .rarita-bg { margin-bottom: -80px; } } @media (max-width: 460px) { .hasm { display: none !important; } } @media (max-width: 380px) { #footer .col { width: 100%;padding-left: 0px;padding-right: 0px; } #rarita .rarita-bg { margin-bottom: -90px; } } @media (min-width: 260px) and (max-width: 320px)  { .productitem .imgcontainer.newitemimg.saleitemimg:before { bottom: auto;left: 0px;top: 0px; } #rarita .rarita-bg { margin-bottom: -120px; } } @media (max-width: 250px)  { /*#logo { width: 100%; } #header { height: 60px; } #top-bar { overflow: visible;height: 30px; } #search { margin-top: -25vw; }*/ } @media (max-width: 260px)  { .productitem{ width: calc( 100% - 18px ); } .productitem .imgcontainer { width: 100%; height: 180px; } .productitem .prodtitle { font-size: 13px; } .productitem .shortdesc { font-size: 12px; } }  /*	FILTER FACELIFT	*/ #product_list_box { position: relative; } #breadcrumbs { top: 35px; } .filter_outer .filter_inner { height: auto;min-height: 800px;padding-top: 50px; } .scrollclosebutton { display: none; } @media (max-width: 1645px) { #product_list_box { margin-top: -40px; } .filter_outer { margin-top: -20px; } .filter_outer .filter_inner { height: auto;min-height: auto;padding-top: 0px; } /*#breadcrumbs { display: none; }*/  #left-filter { box-sizing: border-box; margin-left: 0; transform: translateX(0%); opacity: 1; filter: alpha(opacity=1); z-index: -1; width: 100%; height: auto; position: relative; left: auto; top: auto; margin: 0px; z-index: 2; background: white; min-height: 220px; } #left-filter form, #left-filter form.filter-contianer { box-sizing: border-box; float: none; width: 100%; height: auto; display: block; overflow: hidden; box-sizing: border-box; margin: 0px; padding: 0px; padding-top: 40px; } #_active_filter_box_ label, .scrollbox label, .scrollbox { box-sizing: border-box; display: block;overflow: hidden; width: 100%; } .slimScrollDiv { box-sizing: border-box; overflow: visible !important; margin-bottom: 15px; width: 100% !important; max-width: 100% !important; padding-bottom: 20px; } .slimScrollDiv.visibleeee { max-height: 350px !important;height: auto !important; } .slimScrollBar { right: 15px !important; } .slimScrollRail { right: 15px !important; } .scrollbox br { display: none; } .brand-scroll .ekm { float: left;clear: both;width: 100%; margin-left: 0px !important;; } .brand-scroll .ee-ekm{ float: left;width: 48%; } .ee-ekm-box h3:hover, .ee-ekm-box.ee-hidden h3:hover { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ee-hidden .ekm { width: auto;clear: none; } .ee-hidden .ee-ekm { display: none !important; } .slide-object, .slimScrollDiv, .scrollbox { display: none !important; } .slide-object.visibleeee, .slimScrollDiv.visibleeee, .scrollbox.visibleeee { display: block !important; position: absolute !important; top: 70px; background: #E1E1E1; padding: 10px 20px; z-index: 1000; } .slimScrollDiv.visibleeee { top: 110px } .scrollbox.brand-scroll.visibleeee { position: relative !important;top: auto;left: auto; } .scrollbox.category-scroll.visibleeee { top: 140px } .slide-object.price-slide-object.visibleeee { top: 150px; width: 100%; padding-left: 25px; padding-top: 30px; padding-bottom: 40px; } .scrollbox input[type="checkbox"]:checked + label, #_active_filter_box_ label.active, .scrollbox label.active, .scrollbox a.active { width: 48%;clear: none; } .scrollclosebutton.scrollclosebutton-sex.visibleeee, .scrollclosebutton.scrollclosebutton-brand.visibleeee, .scrollclosebutton.scrollclosebutton-category.visibleeee, .scrollclosebutton.scrollclosebutton-price.visibleeee { display: inline-block;overflow: hidden; position: absolute; right: 10px; background: #E1E1E1 url(imgs/icons/x_black.png) center center no-repeat; width: 30px;height: 30px; cursor: pointer; } .scrollclosebutton.scrollclosebutton-sex.visibleeee {		top: 42px;	} .scrollclosebutton.scrollclosebutton-brand.visibleeee {		top: 82px;		} .scrollclosebutton.scrollclosebutton-category.visibleeee {	top: 112px;		} .scrollclosebutton.scrollclosebutton-price.visibleeee {		top: 152px;		} #_active_filter_box_ { padding: 0px 10px; } #clear-filter-button { margin-top: 50px; } #toggle-filter { display: none; } #left-filter { background: transparent url(imgs/facelift/mobile_filter_bg.png) top center no-repeat; background-size: 100% 220px; margin-left: -13px; margin-right: -13px; width: calc( 100% + 26px ); } #left-filter .filter-contianer .sort.down { text-align: center; width: 95%; background-image: none; padding-top: 2px; padding-bottom: 2px; } #left-filter .filter-contianer .sort.down:after { content: ""; display: inline-block; vertical-align: middle; width: 14px;height: 14px; background: transparent url(svg/font/arrow-down.svg) center center no-repeat; background-size: 100% auto; margin-left: 10px; } #left-filter .ktitle { display: block !important; border-color: white; z-index: 700; position: absolute;top: 40px;left: 0px; width: 46px; height: 138px; } #left-filter .ktitle p { color: white; width: 85px; line-height: 169px; font-size: 44px; } }  #left-filter { z-index: 600; } @media (min-width: 1000px) and (max-width: 1645px) { #left-filter { background: transparent; } #left-filter .ktitle p { color: #FFD600; } #filter_box_price_range, .scrollbox, .slimScrollDiv.visibleeee	{ width: auto;min-width: 350px;left: auto;right: 10px; } .slimScrollDiv.visibleeee	{ width: 400px !important;min-width: 350px !important;max-width: 100% !important; } .slimScrollBar { width: 15px !important; } }  .newsletter-sale-box { position: fixed; top: 0vw;left: 0vw; width: 100vw; height: 100vh; z-index: 9999; cursor: pointer; background: rgba(65,65,65,0.6); text-align: center; vertical-align: middle; overflow-x: hidden; overflow-y: auto; font-family: 'Work Sans', sans-serif; font-weight: 400; } .newsletter-sale-box table tr { border-collapse: collapse; position: relative; width: 100vw; height: 100vh; z-index: 9999; cursor: pointer; background: rgba(255,255,255,.6); text-align: center; vertical-align: middle; } .newsletter-sale-box table tr td { width: 100vw; height: 100vh; text-align: center; vertical-align: middle; } .newsletter-sale-box-inner { position: relative; display: inline-block;	overflow: hidden; box-sizing: border-box; width: 880px; height: auto; max-width: 95vw; text-align: left; color: black; background: #ffd600; -webkit-box-shadow: 0 5px 10px 0 rgba(150,150,150,0.4); box-shadow: 0 5px 10px 0 rgba(150,150,150,0.4); } .newsletter-sale-box-content { display: block;overflow: hidden; box-sizing: border-box; width: 100%;height: auto; padding: 5px 20px 0px 30px; position: relative; } .newsletter-sale-box-cancel { position: absolute; top: 0px;right: 0px;display: block;overflow: hidden; width: 50px;height: 50px; background: transparent url("imgs/popup/popup_x.png") center center no-repeat; z-index: 3; } .newsletter-sale-box-fbg { position: absolute; top: 0px;right: 0px; display: block;overflow: hidden; width: 100%;height: 100%; z-index: 1; background-position: bottom center !important; } .newsletter-sale-box-content h1 { position: relative; margin-top: 0px; font-size: 23px; font-family: 'Lora', serif; font-weight: 400; text-align: left;width: 56%; margin-top: 40px; margin-bottom: 20px; z-index: 2; } .newsletter-sale-box-image { position: relative; float: right; display: block;overflow: hidden; width: 300px;height: 300px; z-index: 2; display: none; } .newsletter-sale-box-content h3 { margin-top: 0px; font-size: 16px; text-align: left; font-weight: 300; width: 58%; margin-bottom: 20px; position: relative; z-index: 2; } .newsletter-sale-box-content p { font-size: 12px; text-align: left; width: 62%; position: relative; z-index: 2; } .newsletter-sale-box-form { width: 60%; display: block; overflow: hidden; } .newsletter-sale-box-content h1 > span { } .newsletter-sale-box-content label { float: left; font-size: 15px; line-height: 20px; font-weight: 100; position: relative; z-index: 2; } .newsletter-sale-box-content input[type="text"] { width: calc( 100% - 300px ); width: 100%; padding: 0px 10px; line-height: 26px; color: black;background: transparent;font-size: 20px; border: 1px solid black; margin: 10px 0px; position: relative; z-index: 2; } .newsletter-sale-box-content input[type="submit"] { float: right; margin-top: 0px;margin-bottom: 10px; line-height: 28px !important; border: none; color: white;background: black; border-radius: 30px; padding: 0px 20px; font-size: 20px;font-weight: 400;letter-spacing: 2px; line-height: 0.9em; position: relative; z-index: 2; } .newsletter-sale-box a { color: black;font-weight: 500;text-decoration: none; }  @media (max-width: 900px) { .newsletter-sale-box-content h3, .newsletter-sale-box-content input[txpe="text"], .newsletter-sale-box-content p, .newsletter-sale-box-content h1{ width: 65%; } } @media (max-width: 800px) { .newsletter-sale-box-cancel { top: 10px; } .newsletter-sale-box h1{ font-size: 20px; margin-top: 20px; } .newsletter-sale-box-content h3, .newsletter-sale-box-content input[txpe="text"], .newsletter-sale-box-content p, .newsletter-sale-box-content h1{ width: 75%; } } @media (max-width: 600px) { .newsletter-sale-box-cancel { top: 5px; } .newsletter-sale-box h1{ font-size: 20px; margin-top: 10px; } .newsletter-sale-box-content h3, .newsletter-sale-box-content input[txpe="text"], .newsletter-sale-box-content p, .newsletter-sale-box-content h1{ width: 100%; } .newsletter-sale-box-content p, .newsletter-sale-box-content h1{ width: 75%; } .newsletter-sale-box-content p{ width: 65%; } } @media (max-width: 470px) { .newsletter-sale-box p, .newsletter-sale-box form{ width: 100%; } .newsletter-sale-box-fbg{ background-size: 1900px auto !important; } .newsletter-sale-box h3{ font-size: 14px; } .newsletter-sale-box-content { padding: 15px; } .newsletter-sale-box-image { margin-top: 15px; display: block;width: 85vw;height: 70vw; margin-bottom: -15px; } }    #page_info_box { display: inline-block;overflow: hidden; width: 1000px;height: auto; padding: 0px;margin: 0px auto; text-align: left; background: #e53959; margin-left: calc( 50% - 500px ); margin-bottom: -15px; margin-top: 8px; } #page_info_box:before { content: ""; display: inline-block;float: left; width: 77px;height: 44px; margin-right: 15px; background: transparent url(imgs/info/info_bg.png) center center no-repeat;background-size: auto auto; } #page_info_box > span { font-weight: inherit; color: white; line-height: 44px; color: black; box-sizing: border-box; } #page_info_box > span > strong { font-weight: inherit; color: white; } #menu { display: none; } @media (max-width: 1050px) { #menu { display: block; } #page_info_box { width: calc( 100% - 20px ); margin-left: 10px; } #page_info_box > span { display: block; clear: both; padding: 10px 15px; line-height: 1.5em; } #page_info_box > span > strong { display: inline-block; } } @media (max-width: 900px) { #page_info_box { margin-bottom: 8px; } }  .accept-cookie-box { z-index: 99999; display: block;overflow: hidden; position: fixed; bottom: 0px;left: 0px; width: 100%;height: auto; color: white; background: rgba(0,0,0,0.85); box-sizing: border-box; padding: 0px 10px; } .accept-cookie-box p { display: inline-block; float: left; } .accept-cookie-box a { color: #ffd600; } .accept-cookie-box form { float: right;padding: 10px 0px; } .accept-cookie-box form button { padding: 7px 10px; background: #ffd600; color: white; font-weight: 900; border: 2px solid transparent; } .accept-cookie-box:after { content: ""; display: block; width: 100%; clear: both; }.brand-scroll {position: relative;min-height: 0px;height: 250px;max-height: 250px;overflow: hidden !important;margin-bottom: 20px;}::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: #f1f1f1;}::-webkit-scrollbar-thumb {  background: #888;}::-webkit-scrollbar-thumb:hover {  background: #555;} .scroll-me-tender { height: auto;max-height: 230px;overflow-y: scroll;-webkit-overflow-scrolling: auto;}.productitem .imgcontainer .freedeliveryimg { content: "DOPRAVA ZDARMA"; display: block; overflow: hidden; position: absolute; bottom: 25px; left: 0px; width: auto; height: auto; z-index: 5; background: #373737; color: #FFD600; padding: 0px 3px; line-height: 1.3em;}