/* Responsive --------- */ @media only screen and (max-width: 87.5em) { /* 1400 */ #top, #content, #footer, #cookie, #compare section, .popup-product .box-inner, .product-sticky { width: 1180px; } #top, #cookie, #compare header, .product-sticky { margin-left: -590px; } #compare footer { margin-right: -590px; } #top { } #nav > form { } #nav > form input { width: 250px; } #nav > form .list-cart { width: 417px; } #top .nav-main > ul > li > ul { left: auto; right: 0; } #footer { } #footer > form input { width: 280px; } #footer .usp-container { padding-left: 180px; } #cookie { padding-right: 190px; } #cookie .link-btn { padding: 0; } .cols-a, .cols-a.a, .cols-a.d { padding-left: 280px; } .cols-a > header:first-child, .cols-a > aside, .cols-a.a > header:first-child, .cols-a.a > aside, .cols-a.d > header:first-child, .cols-a.d > aside { width: 250px; margin: 0 0 0 -280px; } .cols-a.inv, .cols-a.a.inv, .cols-a.d.inv { padding-right: 280px; } .cols-a.inv > header:first-child, .cols-a.inv > aside, .cols-a.a.inv > header:first-child, .cols-a.a.inv > aside, .cols-a.d.inv > header:first-child, .cols-a.d.inv > aside { margin-right: -280px; } .double.h, .list-sliders { margin-left: -30px; } .double.h > *, .list-sliders li { border-left-width: 30px; } .double.e { } .double.e > * { width: 51%; } .double.e > *:first-child { width: 49%; } .gui-checkout-one-step { } #root .gui-checkout-one-step .gui-col3-equal, #root .gui-checkout-review .gui-col2-equal { margin-left: -60px; } #root .gui-checkout-one-step .gui-col3-equal > *, #root .gui-checkout-review .gui-col2-equal > * { border-left-width: 60px; } #root .gui-checkout-one-step .gui-col3-equal > *, #root .gui-checkout-one-step .gui-col3-equal > *:first-child, #root .gui-checkout-one-step .gui-col3-equal > *:first-child + * + * { width: 33.33333333333333%; } #root .gui-checkout-review .gui-buttons .gui-button-action { min-width: 280px; } .list-b { } .list-b li { padding-left: 13px; } .list-bulk { margin-top: 24px; } .list-cart-main { } .list-cart-main li { padding-left: 170px; padding-right: 280px; } .list-cart-main figure { width: 150px; } .list-cart-main footer { padding-right: 0; } .list-cart-main footer p.triple { padding-right: 105px; } .list-cart-main .price.shrink-1 { font-size: 13px; } .list-collection { } .list-collection .info { right: 10px; top: 10px; } .list-collection .usp ul { padding: 32px 16px 32px 32px; } .list-collection .usp ul li { font-size: 12px; } .list-collection .usp ul li:before { top: 2px; } .list-collection.horizontal { } .list-collection.horizontal > li { padding-left: 200px; } /*.list-collection.is-slider .item { width: 215.75px !important; }*/ .list-collection.horizontal.boxed { } #root .list-collection.horizontal.boxed > li { padding-left: 204px; } .list-collection.horizontal.boxed .img { left: -194px; } .list-collection.horizontal.boxed .extra { margin-left: -203px; padding-left: 20px; } .list-collection.horizontal.boxed .extra form button { width: 61px; } .list-collection.horizontal.boxed .extra .tools-wrapper { right: 156px; } .list-collection.horizontal.boxed .label { left: -203px; } .list-collection.horizontal.boxed .label.circle { left: -78px; } .list-comment { } .list-comment li { padding-right: 0; } .list-comment h1, .list-comment h2, .list-comment h3, .list-comment h4, .list-comment h5, .list-comment h6 { overflow: hidden; padding-right: 255px; text-overflow: ellipsis; white-space: nowrap; } .list-comment .date { top: 1px; } .list-compare { } .list-compare li { padding-left: 0; padding-right: 0; } .list-compare figure { margin-left: 0; margin-right: 0; } .list-gallery { margin-left: -12px; word-wrap: break-word; } .list-gallery li { border-left-width: 12px; } .list-gallery .img { max-width: 100%; } .list-related { } .list-related li { min-height: 132px; padding-left: 260px; } .list-related figure { width: 230px; } .list-related.a { margin-bottom: 24px; margin-left: -20px; } .list-related.a li { padding: 0; border-left-width: 20px; } .list-related.a figure { position: relative; top: 0; width: auto; margin: 0 0 21px; } .list-sliders { margin-left: -30px; } .list-sliders li { min-height: 233px; padding-left: 24px; padding-right: 24px; border-left-width: 30px; } .list-sliders li.w57 { padding-left: 27px; padding-right: 27px; } .list-sliders h1, .list-sliders h2, .list-sliders h3, .list-sliders h4, .list-sliders h5, .list-sliders h6 { margin: 0 0 11px; font-size: 18px; } .list-sliders p.btn { margin-bottom: 12px; font-size: 12px; } .list-sliders p.btn > * { padding: 7px 8px; } .list-sliders .bx-pager, .slider-a .bx-pager, .list-sliders .owl-dots, .slider-a .owl-dots { left: 27px; bottom: 15px; } #root .slider-a .module-featured { min-height: 233px; } .module-combine { } .module-combine .list-collection > li { width: 238.6px; } .module-combine.full .list-checks { width: 232px; } .module-combine.full .list-checks li { float: none; width: auto; } .module-contact { padding-left: 17px; padding-right: 17px; } .module-contact p a { margin: 0; } .module-entry { } .module-entry figure { max-height: 285px; } .module-featured.a { padding-left: 317px; } .module-featured.a figure { width: 277px; } .module-featured.a .link-btn a { min-width: 200px; } .module-featured.c { padding-left: 199px; padding-top: 18px; padding-bottom: 0; } .module-featured.c figure { left: 0; width: 199px; max-width: none; padding: 0 20px; } .module-featured.d { padding-left: 20px; text-align: center; } .module-featured.d figure { position: relative; top: 0; width: auto; margin: 0 0 34px; } .module-featured.e { min-height: 235px; } .module-featured.e h1, .module-featured.e h2, .module-featured.e h3, .module-featured.e h4, .module-featured.e h5, .module-featured.e h6 { font-size: 18px; } .module-featured-bg { margin-bottom: 20px; } .module-rating { } .module-rating figure, .cols-a.d .module-rating figure { font-size: 24px; } .module-scrolled.a { padding: 24px 40px 14px; } .module-scrolled.a .jspPane { padding: 24px 40px 14px !important; } .module-welcome { min-height: 380px; } .module-welcome p { font-size: 22px; } .nav-main { } .nav-main > ul { margin-right: -14px; } .nav-main > ul > li, .nav-main > ul > li:first-child { margin-right: 10px; } .has-cols-a .nav-main > ul > li:first-child { margin-right: 12px; } .nav-main > ul > li > a { padding-left: 14px; padding-right: 14px; } .price-a { } .price-a.extended span.shipping { position: absolute; right: 0; top: 0; left: auto; bottom: auto; padding-left: 7px; font-size: 13px; } .price-a .text-right { position: absolute; right: 0; bottom: 0; } .product-slider { } .product-slider .label { right: 0; } .product-slider .label.left { left: 0; } .product-sticky { } .product-sticky p { margin-left: 13px; } .product-sticky .select, .product-sticky select, .product-sticky button { width: 320px; } .usp-container { padding-right: 170px; } .usp-container > * { margin-right: -170px; } .usp-container .link-inline { margin-bottom: 0; } .usp-container .link-inline img { margin: 0; } table { } th, td, #root .table-compare th { padding-left: 21px; padding-right: 21px; } .form-comment { } .form-comment input { max-width: 460px; } .list-related.a figure { -webkit-transform: none; -ms-transform: none; transform: none; } .usp-container .link-inline a + a, .usp-container .link-inline img + a, #footer .usp-container figure, .module-contact .icon-pin, .price-a.extended span.shipping:before { position: absolute; left: -30000px; top: -30000px; bottom: auto; right: auto; } } @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer, #cookie, #compare section, .popup-newsletter .box-inner, .popup-product .box-inner, .product-sticky { width: 980px; } #top, #cookie, #compare header, .product-sticky { margin-left: -490px; } #compare footer { margin-right: -490px; } #top { } #nav { left: 210px; } #nav > ul > li.br { padding-left: 16px; } #nav > ul > li + li.has-icon { padding-left: 20px; } #nav > form { } #nav > form input { width: 160px; padding-left: 12px; } #nav > form select { width: 160px; padding-left: 12px; } .gecko #nav > form select { padding-left: 8px; } #nav > form .semantic-select-wrapper{ width: 160px; } #nav > form .semantic-select .input { padding-left: 12px; } #nav > form .list-cart { width: 319px; padding-top: 0; } #nav > form .list-cart li { padding: 14px 83px 14px 77px; font-size: 14px; } #nav > form .list-cart .img { width: 54px; } #nav > form .list-cart .desc { padding: 4px 0 0; font-size: .92857142857em; } #nav > form .list-cart .price { width: 50px; font-size: 1.14285714286em; } #nav > form .list-cart .price span { margin: 0 0 -1px; font-size: .75em; } #root .list-cart li.btn:last-child { padding-bottom: 14px; } #top .nav-main { } #top .nav-main > ul > li > ul { width: 298px; } #top .nav-main > ul > li > ul ul { width: 227.3333333333px; } #footer { } #footer .usp-container { padding-left: 0; } #footer > form, #footer > nav { margin-bottom: 43px; margin-left: -30px; } #footer > form > *, #footer > nav > * { border-left-width: 30px; } #footer > nav { margin-bottom: 20px; padding-bottom: 0; } #footer > form > * { max-width: 38%; } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6, #footer .size-c { font-size: 18px; } #footer > form input { width: calc(100% - 138px); } #footer > form button { width: 130px; padding: 0 20px; } #footer > .double > div figure { width: auto; } #footer > .double > div { padding: 0; } .cols-a, .gui-account > .gui-col2-left { padding-left: 290px; } .cols-a > header:first-child, .cols-a > aside, .gui-account > .gui-col2-left .gui-col2-left-col1 { margin: 0 0 0 -290px; } .cols-a.c { padding-left: 370px; } .cols-a.c > header:first-child, .cols-a.c > aside { width: 330px; margin: 0 0 0 -370px; } .cols-a.c.inv { padding-right: 370px; } .cols-a.c.inv > header:first-child, .cols-a.c.inv > aside { margin-right: -370px; } h1 .sep, h2 .sep, h3 .sep, h4 .sep, h5 .sep, h6 .sep { margin: 0; } .countdown { float: left; } .double.h, .double.g, .list-sliders { margin-left: -12px; } .double.h > *, .double.g > *, .list-sliders li { border-left-width: 12px; } .gui-account { } .gui-account .gui-col2-left-col2 > .gui-block .gui-block-title { } .gui-account .gui-col2-left-col2 > .gui-block .gui-col2-equal, #root .gui-checkout-review .gui-col2-equal { max-width: none; margin-left: -50px; } .gui-account .gui-col2-left-col2 > .gui-block .gui-col2-equal > *, #root .gui-checkout-review .gui-col2-equal > * { border-left-width: 50px; } .gui-checkout-default { } .gui-checkout-default .gui-col2-equal { margin-left: -50px; } #root .gui-checkout-default .gui-col2-equal > * { border-left-width: 50px; } .gui-checkout-one-step { } #root .gui-checkout-one-step .gui-col3-equal { margin-left: -30px; } #root .gui-checkout-one-step .gui-col3-equal > * { border-left-width: 30px; } .gui-checkout-one-step .order-summary.gui-block-highlight .gui-table { margin-bottom: 0; } .gui-checkout-one-step .gui-block-highlight .gui-table .has-product { padding-left: 10px; } .gui-checkout-one-step .gui-block-highlight .gui-table .is-product { padding: 0; } .gui-checkout-one-step .gui-block-highlight .gui-confirm-buttons .button-holder:first-child { margin-bottom: 60px; } .gui-checkout-review { } #root .gui-checkout-review .gui-buttons { margin-top: 0; padding: 10px 0 0; } #root .gui-checkout-review .gui-buttons .gui-button-action { min-width: 390px; } .list-b { } .list-b li, .list-b li:nth-child(3n-2), .list-b li:nth-child(3n-0){ width: 50%; border-radius: 0; border-width: 1px; } .list-b li:nth-child(2n-1) { border-radius: 4px 0 0 4px; border-right-width: 0; } .list-b li:nth-child(2n-0) { border-radius: 0 4px 4px 0; } .list-b li:nth-child(2n-1):last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right-width: 1px; } .list-box { } .list-box li { width: 33.33333333333%; } .list-bulk { padding-left: 22px; } .list-bulk li { padding-left: 0; padding-right: 0; } .list-bulk li.header { right: 8px; } .list-bulk.a { } .list-bulk.a li.header { left: 8px; } .list-cart-main { } .list-cart-main li { min-height: 123px; padding-left: 80px; padding-right: 245px; } .list-cart-main figure { width: 63px; } .list-cart-main h1, .list-cart-main h2, .list-cart-main h3, .list-cart-main h4, .list-cart-main h5, .list-cart-main h6 { margin: 0 0 3px; font-size: 14px; } .list-cart-main p { font-size: 12px; } .list-cart-main footer { padding: 0 93px 0 0; } .list-cart-main footer p { margin: 0; } .list-cart-main footer p.triple { padding: 0; } .list-cart-main footer p.triple > * { border-left-width: 0; } .list-cart-main footer p.triple > *:first-child { float: right; padding: 0 0 0 8px; } .list-cart-main footer .remove, .list-cart-main footer .close, .list-cart-main footer .triple a.has-icon-heart { margin: 0 0 0 8px; } #root .list-cart-main footer .remove, #root .list-cart-main footer .triple a.has-icon-heart { width: 42px; height: 42px; } .list-cart-main footer .remove { font-size: 13px; } .list-cart-main footer .price { position: absolute; right: 0; top: 50%; left: auto; padding: 0; } .list-cart-main footer .select, .list-cart-main .semantic-select .input { width: 48px; } .list-cart-main footer select, .list-cart-main .semantic-select .input { height: 42px; padding: 0 16px 0 13px; font-size: 11px; text-align: left; } .gecko .list-cart-main footer select { padding-left: 8px; } .list-cart-main .semantic-select .input { line-height: 40px; } .list-cart-main footer .select:before, .list-cart-main .semantic-select .ticker:before { right: 8px; width: auto; font-size: 4px; } .list-cart-main .semantic-select ul { top: 43px; min-width: 100%; width: auto; padding: 3px 0; } #root .list-cart-main .semantic-select ul li { font-size: 11px; } #root .list-cart-main .semantic-select ul li a { padding: 2.5px 13px; } .list-cart-main .price.shrink-1 { font-size: 12px; } .list-collection { } .list-collection li { width: 25%; } .list-collection li:nth-child(5n-4):after { width: auto; } .list-collection li:nth-child(4n-3):after { width: calc(400% + 39px); } .list-collection.compact li { width: 50%; } .list-collection .usp ul { display: block; } .list-collection .usp ul li { margin: 0 0 15px; font-size: 14px; } .list-collection .usp ul li:last-child { margin-bottom: 0; } .list-collection .usp ul li:before { top: 1px; } /*.list-collection.is-slider .item { width: 222px !important; }*/ [class^="cols"] .list-collection > li { width: 33.33333333333%; } [class^="cols"] .list-collection li:nth-child(4n-3):after { width: auto; } [class^="cols"] .list-collection li:nth-child(3n-2):after { width: calc(300% + 26px); } #root .list-collection .featured { width: 66.66666666666%; min-height: 392px; } #root .list-collection .featured figure { top: 0; } .list-collection.horizontal { } .list-collection.horizontal > li { padding-left: 40px; padding-right: 300px; } .list-collection.horizontal .img { position: relative; top: 0; width: auto; } .list-collection.horizontal .extra .tools-wrapper { position: relative; right: 0; bottom: 0; width: auto; margin-top: auto; } .list-collection.horizontal.boxed { } #root .list-collection.horizontal.boxed > li { float: none; width: 100%; padding-left: 224px; } .list-collection.horizontal.boxed .img { left: -214px; } .list-collection.horizontal.boxed .extra { margin-left: -223px; padding-left: 40px; } .list-collection.horizontal.boxed .extra form button { width: 89px; } .list-collection.horizontal.boxed .extra .tools-wrapper { right: 184px; } .list-collection.horizontal.boxed .label { left: -224px; } .list-collection.horizontal.boxed .label.circle { left: -93px; } .list-compare { } .list-compare li { min-height: 275px; } .list-compare figure { min-height: 145px; } .list-compare li.empty { padding-left: 30px; padding-right: 30px; } .list-gallery { } .list-gallery li { max-width: 33.3333333333%; } #root .list-gallery:after { content: ""; position: relative; left: 0; top: 0; flex: auto; } .list-info { margin-top: -13px; } .list-info li { padding-left: 230px; } .list-info li > span:first-child { margin: 0 0 0 -230px; } .list-info li.more { padding-left: 30px; } .list-info li > span:first-child { padding-left: 30px; } .list-related.c { } .list-related.c figure { width: 308px; top: 0; bottom: 0; margin: 0; background: center center no-repeat; background-size: cover; } .list-related.c li { margin-bottom: 27px; padding-left: 348px; } .list-submit, #root .cols-a > .list-submit { margin-left: -15px; } .list-submit li { border-left-width: 15px; } .list-submit li.form { width: 240px; } .list-submit button { min-width: 0; } .list-usp { } .double > .list-usp { float: none; width: 100%; } .module-combine { } .module-combine .list-collection > li { width: 198.6px; } .module-combine.full .label { right: 15px; top: 15px; } .module-entry { } .module-entry figure { max-height: 274px; } .module-featured { } .module-featured .rating-a { display: inline-block; } .module-featured .link-btn .price { font-size: 30px; } .module-featured.a { padding: 50px 20px 12px; text-align: center; } .module-featured.a figure { position: relative; left: 0; top: 0; bottom: 0; width: auto; margin: 0 0 34px; } .module-featured.a .link-btn { margin-top: 0; } .module-featured.c { padding-left: 193px; padding-right: 16px; } .module-featured-bg { } .module-featured-bg header { padding-bottom: 15px; } .module-info { margin: 0 0 26px; padding: 30px 30px 28px; } .module-info .list-info { margin-left: -30px; margin-right: -30px; } .module-reviews { margin: 20px 0 30px; } .module-reviews ul { margin-bottom: 30px; } .module-reviews li { min-height: 0; padding-left: 0; } .module-reviews .rating-a { position: relative; top: auto; bottom: 0; height: 15px; margin: 8px 0; padding: 0; } .module-reviews h1, .module-reviews h2, .module-reviews h3, .module-reviews h4, .module-reviews h5, .module-reviews h6 { padding-left: 0; } .module-scrolled, .module-scrolled.a { padding-left: 30px; padding-right: 30px; } .module-scrolled .jspPane, .module-scrolled.a .jspPane { padding-left: 30px !important; padding-right: 30px !important; } .module-scrolled.scrolled { height: 467px; } .module-welcome { min-height: 300px; } .module-welcome p { font-size: 18px; } #root .module-welcome .link-btn a { min-width: 188px; } .nav-main { } .nav-main > ul > li, .has-cols-a .nav-main > ul > li:first-child { font-size: 13px; } .nav-main > ul > li > ul { width: 280px; } .nav-main > ul > li > ul ul { width: 233.3333333333px; } .nav-main > ul > li:first-child { width: auto; } .price-a { } .price-a span.shipping.text-right { float: none; } .price-a .br + .text-right { position: relative; float: none; text-align: left; } .product-slider { } .product-slider .bx-controls-direction .bx-next, .product-slider .owl-nav .owl-next { right: 0; } .product-slider .bx-controls-direction .bx-prev, .product-slider .owl-nav .owl-prev { left: 154px; } .product-sticky { } .product-sticky .select, .product-sticky select, .product-sticky button { width: 280px; } .usp-container { padding-right: 0; } .usp-container > * { float: none; margin-right: 0; } .usp-container .link-inline { margin-bottom: 0; } .form-account { } .form-account button, .gui-register .gui-buttons a.gui-button-small { min-width: 200px; } .form-comment { } .form-comment input { float: none; max-width: 100%; } .form-comment input + span { display: block; float: none; padding: 6px 0 0; text-align: right; } .form-product { margin-top: 0; padding-bottom: 3px; } #root .form-product .double > * { float: none; width: auto; } #root .form-product .double > .text-right { text-align: left !important; } .form-product .after-countdown { float: right; margin-top: 12px; } .list-submit { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module-featured.a .link-btn { -webkit-justify-content: center; justify-content: center; } .form-product .countdown { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .list-product-rating li.favorites { display: block; } .list-related.c figure, .list-collection.horizontal .img { -webkit-transform: none; -ms-transform: none; transform: none; } #root .list-cart-main footer .triple a.has-icon-heart, .list-cart-main footer p.triple { position: relative; left: 0; top: 0; } .usp-container .link-inline, .list-cart-main footer .close, .list-cart-main footer > p, .list-submit i, .list-collection.limit > li:nth-child(n+5), .form-product div.submit > p .btn, .module-reviews .author, .list-bulk li:before, #root .list-related.c figure img, #footer > .double > div figure, [class^="cols-"] .list-collection.limit > li:nth-child(n+4), .list-gallery:after, .form-sort .check-b, #root .gui-checkout-one-step .gui-block-highlight .gui-table .gui-product-image { position: absolute; left: -30000px; top: -30000px; bottom: auto; right: auto; } } @media only screen and (max-width: 75em) and (min-width: 62.5em) { /* 1000 */ .list-countdown { display: block; } .list-countdown li + li { margin-top: 14px; } .list-countdown li:before { background: none; } .list-countdown li > span { display: inline; } .list-countdown li > span.countdown { display: block; text-align: left; } .module-featured.c { } .module-featured.c figure { width: 186px; margin-top: -20px; padding: 0 16px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer, #cookie, #compare section, .popup-product .box-inner, .product-sticky { width: 720px; } #top, #cookie, #compare header, .product-sticky { margin-left: -360px; } #compare footer, #cookie:after, #nav > form .close, #compare > a.hide { margin-right: -360px; } #notify a.close { top: 50%; transform: translateY(-50%); right: 10px; } /*#root { padding-top: 75px; } #top { min-height: 75px; padding-bottom: 75px; }*/ #logo { left: 50%; z-index: 99; width: 225px; /*height: 75px;*/ margin: 0 0 0 -112.5px; } .cart-active #nav, .favorites-active #nav, .user-active #nav { z-index: 100; } #nav { display: block; left: 0; right: 0; } #nav > ul { float: none; } #root #nav > ul > li { margin: 0 0 0 18px; padding: 0; } #root #nav > ul > li > a { padding: 0; } #root #nav > ul > li.br { margin-left: 25px; } #root #nav > ul > li.logged + li.br, #root #nav > ul > li.logged + li.menu + li.br { margin-left: 18px; } #nav > ul > li.language > a { margin: 0; padding: 0 12px 0 0; white-space: nowrap; } #root #nav > ul > li.language > a, #root #nav > ul > li.sub.currency > a { padding-right: 12px; } #nav > ul > li.user > a i { position: absolute; left: 0; top: 0; text-indent: 0; } #nav > ul > li.language > a img { top: 50%; } #root #nav > ul > li.sub.language > a:before, #root #nav > ul > li.sub.currency > a:before { left: auto; right: 0; top: 0; } #root #nav > ul > li.currency { position: absolute; left: 140px; top: 0; } #nav > ul > li.currency > a { position: relative; left: 0; top: 0; } #nav > ul > li.user > a { width: 25px; text-align: left; text-indent: -3000em; } #root #nav > ul > li.logged > a { width: auto; padding-top: 8px; } #nav > ul > li > a { height: 60px; line-height: 60px; } #nav > ul > li > a i { color: #000; font-size: 20px; line-height: 60px; } #nav > ul > li > a i.icon-cart, #nav > ul > li > a i.icon-bag { color: #FF6602; font-size: 24px; } #nav > ul > li > a span.qty { top: 16px; } #nav > ul > li.has-icon, #nav > ul > li + li.has-icon { margin: 0; padding: 0; } #nav > ul > li.favorites > a:after { left: -13px; right: -13px; } #nav > ul > li.favorites > div { right: -13px; } #nav > ul > li.user > div { width: 625px; } #nav > form { display: block; overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; top: 60px; right: 0; bottom: 0; z-index: 100; padding-top: 30px; border-top-width: 1px; background: #fafafa; opacity: 0; } #nav > form > * { width: 720px; margin-left: auto; margin-right: auto; } #nav > form p { float: none; margin-bottom: 20px; padding: 0 262px 0 0; } #nav > form input { width: 100%; height: 45px; margin: 0; padding: 0 45px 0 15px; border-radius: 4px !important; border-color: #F0F0F0; color: #757575; } #nav > form .remove { right: 262px; width: 45px; height: 45px; } #root #nav > form button { overflow: visible; position: absolute; right: 0; top: 0; left: auto; z-index: 999; width: 252px; min-width: 0; height: 45px; border-radius: 4px; border-color: #ff6602; background: #ff6602; color: #fff; text-indent: 0; text-align: center; } #nav > form button:before { left: -55px; width: 45px; color: #ff6602; font-size: 15px; } #nav > form.typing button:before { visibility: hidden; opacity: 0; } #nav > form .close { display: block; position: absolute; right: 50%; top: 27px; z-index: 9999; width: 26px; height: 26px; border: 1px solid #C4C4C4; border-radius: 99px; color: #828282; font-size: 8px; text-decoration: none; text-align: left; } #nav > form .close:before { content: "\e901"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-size: 400; line-height: 20px; text-align: center; } #top .nav-toggle { left: 0; } .menu-active #top:before { box-shadow: none; } .aside-active #shadow, .filter-active #shadow, .menu-active .menu-slide, .search-active #nav > form { visibility: visible; opacity: 1; } .not-top.no-mobile #top .nav-main, .search-active #cookie, #root #nav form .desktop-only { visibility: hidden; opacity: 0; } #content { padding-top: 23px; } #content > *:last-child, #content > #gui-form { margin-bottom: 40px; } .aside-active #content, .filter-active #content, .filter-active #content .cols-a > aside, .aside-active #content .cols-a > aside { position: static; } #root .aside-menu { position: fixed !important; } #content.static > *, #content.static .cols-a > * { z-index: 2; } #content.static .cols-a > *:first-child + * { z-index: 1; } #footer { } #footer .usp-container { padding: 26px 0 26px /*282px*/; } #footer .list-usp { float: none; width: auto; max-width: none; text-align: center; } #footer .usp-container figure { left: 0; top: 50%; } #footer > form { margin-bottom: 6px; padding: 26px 0 1px; } #footer > form > * { max-width: none; padding: 0 0 22px; } #footer > form > *:first-child { max-width: 530px; padding-left: 0; padding-right: 130px; } #footer > form > *:first-child figure { left: auto; right: 0; top: auto; bottom: 0; width: 76px; } #footer > form > *:last-child { width: 100%; padding: 27px 0 0; } #footer > form > *:last-child:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; height: 1px; background: #ff7c26; } #footer > form input { width: 100%; max-width: 358px; } #footer > form button { width: auto; padding: 0 27px; } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6, #footer .size-c { font-size: 20px; } #footer > nav { display: block; margin: 0 0 35px; padding: 0 20px; border-bottom-width: 1px; } #footer > nav > * { margin: 0; padding: 0; border-width: 0; } #footer > nav h1, #footer > nav h2, #footer > nav h3, #footer > nav h4, #footer > nav h5, #footer > nav h6 { position: relative; margin: 0 -20px; padding: 12.5px 40px 12.5px 20px; border-top-width: 1px; cursor: pointer; } #footer > nav > *:first-child h1, #footer > nav > *:first-child h2, #footer > nav > *:first-child h3, #footer > nav > *:first-child h4, #footer > nav > *:first-child h5, #footer > nav > *:first-child h6 { border-top-width: 0; } #footer > nav .header { } #footer > nav .header:before { content: "\e92d"; left: auto; right: 0; width: 40px; font-size: 13px; } #footer > nav > .toggle .header { color: #FF6602; } #footer > nav > .toggle .header:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #footer > nav ul { margin: 0; padding: 2px 0 16px; } #footer > .double { position: relative; padding: 0; border-width: 0; line-height: 1.28571428571; } #footer > .double > *, #footer > .double > *:first-child { display: block; float: none; width: 100%; } #footer > .double > div { padding: 28px 0; border-top-width: 1px; } #footer > .double > div figure { position: absolute; left: 0; top: 50%; } #footer > .double > div p { margin: 0 -10px; text-align: center; } #footer > .double > ul { position: relative; margin: 0 0 42px; } #footer > .double > ul li { margin: 0 0 0 14px; } #footer > .double > ul li.logo { left: 0; top: 50%; width: 130px; margin: 0; } #footer > .double > ul li.logo img { display: block; margin: 0 auto; } #footer > .double > ul.payments { margin: 0 0 19px; padding: 0; } #footer > .double > ul.payments li { position: relative; left: 0; top: 0; right: 0; margin: 0 5.5px 0 0; } #footer > .double > ul.payments li { -webkit-transform-origin: 100% center; -ms-transform-origin: 100% center; transform-origin: 100% center; -webkit-transform: scale(.88); -ms-transform: scale(.88); transform: scale(.88); } #root #footer > nav > *, #footer > nav .toggle ul, #footer > .double li.has-link, #footer .usp-image { position: relative; left: 0; top: 0; } #footer > nav:before, #footer > nav ul, #footer > .double li { position: absolute; left: -30000px; top: -30000px; bottom: auto; right: auto; } #cookie { padding: 42px 0 25px; } #cookie:after { content: ""; display: block; position: absolute; top: 29px; right: 50%; z-index: 1; width: 60px; height: 45px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NCA0NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDQgNDUiPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiM2QTMzMTEiIGQ9Ik0yOS4xIDExLjFDMjcuMyA0LjYgMjEuNCAwIDE0LjkgMCA2LjcgMCAuMSA2LjguMSAxNS4zYzAgNyA0LjYgMTMgMTEuMSAxNC44bDEuMS4zLS4xLTEuMWMwLS41LS4xLTEtLjEtMS41IDAtOC42IDctMTUuNyAxNS43LTE1LjcuMSAwIC4yIDAgLjMgMCAuMSAwIC4yIDAgLjMgMGgxLjFsLS40LTF6Ii8+PGc+PHBhdGggZmlsbD0iIzhDNTcyQyIgZD0iTTI4ODk4LjItMzE4LjMzYy41LTEuMiAxLjEtMi40IDEuOS0zLjQtLjMtMS4yLTEuNC0yLjEtMi43LTIuMS0xLjYgMC0yLjggMS4zLTIuOCAyLjhzMS4zIDIuOCAyLjggMi44Yy4zIDAgLjYtLjEuOC0uMXoiLz48L2c+PGc+PHBhdGggZmlsbD0iI0E0NkYzRSIgZD0iTTI4ODgwLjItMzMwLjI1czEuNCAxLjMgNCAxLjZsLTQtMS42eiIvPjwvZz48Zz48cGF0aCBmaWxsPSIjQTQ2RjNFIiBkPSJNMjg4ODUuOC0zMzMuNTVjMCAxLjMtMS4xIDIuNC0yLjQgMi40bDIuNC0yLjR6Ii8+PC9nPjxnPjxwYXRoIGZpbGw9IiNBNDZGM0UiIGQ9Ik0yODkxOC0zNDkuNnMuMyAzLjYtMi40IDQuOGMwIDAtMS43LjQtMS42IDEuNiIvPjwvZz48Zz48cGF0aCBmaWxsPSIjQTQ2RjNFIiBkPSJNMjg5MTcuMi0zNDRzLTIuOS0xLTMuMi0uOGwzLjIuOHoiLz48L2c+PGcgZmlsbD0iI0E0NkYzRSI+PHBhdGggZD0iTTYuNCAxMS4yYzAtLjQtLjQtLjgtLjgtLjhzLS44LjQtLjguOGMwIC45LS43IDEuNi0xLjYgMS42IDAgMC0uMSAwLS4xIDAtLjYtLjMtMS0uNi0xLS42LS4zLS4zLS44LS4zLTEuMS4xLS4zLjMtLjMuOC4xIDEuMS4xLjEgMS42IDEuNCA0LjQgMS44IDAgMCAuMSAwIC4xIDAgLjQgMCAuNy0uMy44LS43LjEtLjQtLjItLjgtLjctLjktLjEgMC0uMiAwLS40LS4xLjctLjUgMS4xLTEuMyAxLjEtMi4zek0xNy43IDkuN2MwIC40LjQuOC44LjhzLjgtLjQuOC0uOGMwLS41IDEtLjggMS0uOGwuMi0uMWMzLjEtMS40IDIuOS01LjQgMi45LTUuNiAwLS40LS40LS44LS45LS43LS40IDAtLjguNC0uNy45IDAgMCAuMSAxLjEtLjMgMi4yLTIuNy0uOS0zLS43LTMuMy0uNS0uNC4yLS41LjctLjIgMS4xLjIuMy41LjQuOS4zLjMgMCAxIC4yIDEuOC41LS4yLjItLjQuMy0uNi40LTEuMS4xLTIuNS44LTIuNCAyLjN6TTQyLjggMzMuNGMtLjMgMC0uNi0uMS0uOS0uMi0uNy0uMy0xLjItLjgtMS41LTEuNS0uMy0uNy0uMy0xLjUgMC0yLjIuMy0uNy44LTEuMiAxLjQtMS41bDEuNC0uNi0xLjMtLjhjLTEuMS0uNi0xLjUtMS45LTEtMy4xLjEtLjIuMi0uNC40LS43bC45LTEuMS0xLjQtLjJjLS4zIDAtLjYtLjEtLjktLjItMS45LS44LTIuOC0yLjktMi4xLTQuOC4yLS40LjQtLjguNy0xLjFsLjYtLjYtLjctLjVjLS45LS43LTEuOS0xLjQtMy0xLjktNC4xLTIuMS04LjgtMi40LTEzLjItMS00LjQgMS40LTcuOSA0LjUtMTAgOC42LTIuMSA0LjEtMi40IDguOC0xIDEzLjIgMS40IDQuNCA0LjUgNy45IDguNiAxMCAyLjUgMS4yIDUuMSAxLjkgNy44IDEuOSAxLjggMCAzLjYtLjMgNS40LS45IDQuNC0xLjQgNy45LTQuNSAxMC04LjYuMS0uMy4zLS41LjQtLjhsLjUtMS4zLTEuMS0uMXoiLz48L2c+PGc+PHBhdGggZmlsbD0iIzZBMzMxMSIgZD0iTTI4OTI3LjQtMzE0LjIzYzEuNiAwIDIuOC0xLjMgMi44LTIuOCAwLTEuNi0xLjMtMi44LTIuOC0yLjgtMS42IDAtMi44IDEuMy0yLjggMi44IDAgMS41IDEuMyAyLjggMi44IDIuOHoiLz48L2c+PGcgZmlsbD0iIzRDMzEyQyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4ODc3IDM1NikiPjxjaXJjbGUgY3g9IjI4ODg5LjQiIGN5PSItMzQ4LjQiIHI9IjIuOCIvPjxjaXJjbGUgY3g9IjI4ODk4LjYiIGN5PSItMzI1LjEiIHI9IjIuOCIvPjxwYXRoIGQ9Ik0yODkwOS42LTM0MC42Yy0xLjItLjYtMS43LTIuMS0xLjEtMy4yLjItLjQgMC0uOS0uNC0xLjEtLjQtLjItLjkgMC0xLjEuNC0xIDItLjIgNC40IDEuOCA1LjQuMS4xLjIuMS40LjEuMyAwIC42LS4yLjctLjQuMy0uNi4xLTEtLjMtMS4yeiIvPjwvZz48ZyBmaWxsPSIjOEM1NzJDIj48cGF0aCBkPSJNMzIgMzAuN2MtMS42IDAtMi44IDEuMy0yLjggMi44IDAgMS42IDEuMyAyLjggMi44IDIuOCAxLjYgMCAyLjgtMS4zIDIuOC0yLjggMC0xLjYtMS4yLTIuOC0yLjgtMi44ek0yOS42IDM5Yy0uNC0uMi0uOSAwLTEuMS40LS4yLjQgMCAuOS40IDEuMSAxLjYuOCAyLjUgMi4yIDIuMSAyLjktLjIuNCAwIC45LjQgMS4xLjEuMS4yLjEuNC4xLjMgMCAuNi0uMi43LS40LjctMS43LS41LTMuOS0yLjktNS4yek0xNy4xIDI0LjZjLjEuMS4yLjEuNC4xLjMgMCAuNi0uMi43LS40LjItLjQgMC0uOS0uNC0xLjEtLjgtLjQtMS4xLTEuNC0uNy0yLjIuMi0uNCAwLS45LS40LTEuMS0uNC0uMi0uOSAwLTEuMS40LS4zLjYtLjggMS0xLjQgMS4yLS42LjItMS4zLjItMS44LS4xLS40LS4yLS45IDAtMS4xLjQtLjIuNCAwIC45LjQgMS4xIDEgLjUgMiAuNiAzLjEuMi4yLS4xLjUtLjIuNy0uMy4zLjcuOCAxLjQgMS42IDEuOHpNMjQuNyAzNS43Yy0uMSAwLTMuMS0uMy00LjQgMi4xLS4xLjEtMS41IDIuMi0zLjIgMS4yLS40LS4yLS45LS4xLTEuMS4zLS4yLjQtLjEuOS4zIDEuMS42LjQgMS4yLjUgMS44LjUgMS43IDAgMy0xLjMgMy42LTIuMy44LTEuNiAyLjctMS40IDIuOC0xLjQuNC4xLjgtLjMuOS0uNy4xLS4zLS4yLS43LS43LS44eiIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=') 100% 0 no-repeat; background-size: auto 100%; } #cookie h1, #cookie h2, #cookie h3, #cookie h4, #cookie h5, #cookie h6 { margin: 0 0 19px; } #cookie .link-btn { position: relative; bottom: 0; margin-top: 24px; } #cookie .link-btn a { float: right; } #compare { background: #fafafa; } #compare header:before { border-bottom-width: 1px; } #compare section { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 150px); padding-top: 22px; padding-bottom: 0; } #compare .list-compare { margin-top: 0; } #compare > a.hide { right: 50%; top: -75px; } .cols-a, .cols-a.a, .cols-a.inv, .cols-a.a.inv, .cols-a.c.inv, .cols-a.d, .cols-a.d.inv { padding-left: 0; padding-right: 0; } #root .cols-a > *, #root .form-account > *, #root .double.b > *, #root .double.g > *, #root .product-info.double > * { float: none; width: auto; margin-right: 0; margin-left: 0; } #root .cols-a.va { } #root .cols-a.va > * { float: right; width: 350px; } #root .cols-a.va > *:first-child { float: left; } .form-contact .submit > span + button, .double-tablet > * { margin-top: 0; } .accordion-a { margin-top: 20px; margin-left: -15px; margin-right: -15px; } .aside-menu-header { margin-top: -6px; } #root .aside-menu { overflow-x: hidden; overflow-y: auto; position: fixed; left: -294px; top: 0; bottom: 0; z-index: 99999999; width: calc(100% - 20px); max-width: 294px; padding: 31px 24px 1px; background: #fff; } .aside-active #root .aside-menu { left: 0; } .cols-a.b, .cols-a.b.inv { padding-left: 0; padding-right: 0; } .cols-a.b > header:first-child, .cols-a.b > aside, .cols-a.b.inv > header:first-child + *, .cols-a.b.inv > *:first-child, .cols-a.b.inv > header:first-child, .cols-a.b.inv > aside { float: none; width: auto; margin-left: 0; margin-right: 0; } .countdown, .form-product .after-countdown { margin-top: 4px; } .double.c { margin-left: -80px; } .double.c > * { z-index: 2; width: 45%; border-left-width: 80px; } .double.c > *:first-child { width: 55%; } .double.c:before { width: 100px; margin-left: -50px; } /*.double.d { margin-left: 0; padding-left: 368px; } .double.d > * { float: right; width: 100%; border-left-width: 0; } .double.d > *:first-child { float: left; width: 348px; margin-left: -368px; }*/ .double.d { } .double.d > *, .double.d > .left:first-child + .right { clear: none; float: right; width: calc(100% - 348px); } .double.d > *:first-child, .double.d > .left:first-child { float: left; width: 348px; } .double.d > .left, .double.d > .right { float: none; width: auto; clear: both; } .double.f { } .double.f > *, .double.f > *:first-child, .double.h > *, .double.h > *:first-child { float: none; width: auto; } .double.h { display: block; } .double-combine { margin: 40px 0 40px -58px; } .double-combine > * { float: left; width: 50%; border-left-width: 58px; } .double-combine:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; width: 58px; margin: 0 0 0 -29px; border-right: 1px solid #ebebeb; } .double-tablet { } .double-tablet > * { float: right; max-width: calc(100% - 278px); margin-bottom: 25px; } .double-tablet > *:first-child { width: 278px; float: left; } .double-tablet .module-contact { padding-left: 77px; } .double-tablet .list-contact { padding: 4px 0 3px; } .double-tablet + .double-tablet { margin-top: 25px; } .double-tablet.a { padding-left: 278px; } .double-tablet.a > * { width: 100%; max-width: none; } .double-tablet.a > *:first-child { margin-left: -278px; padding-right: 20px; } .double-tablet.b { margin-top: 40px; margin-left: -58px; } .double-tablet.b > * { float: left; width: 50%; border-left-width: 58px; } .double-tablet.b > *:first-child { float: right; } .gui-account { } * + .gui-account, * + form > .gui-account:first-child { margin-top: 40px; padding: 0; border-top-width: 0; } * + form > .gui-account:first-child { margin-top: 0; } .gui-account .gui-col2-left-col2 > .gui-block .gui-col2-equal { margin-bottom: 40px; } .gui-account .gui-col2-left-col2 > .gui-block .gui-col2-equal > * { float: none; width: auto; } .gui-account .gui-col2-left-col2 > .gui-block .gui-col2-equal > * + * { margin-top: 40px; } form .gui-account .gui-col2-left-col2 > .gui-block .gui-col2-equal > * + * { margin-top: 21px; } #root form .gui-account .gui-col2-left-col2 .gui-buttons .gui-button-small { min-width: 200px; } .gui-checkout-default { } .gui-checkout-default .gui-col2-equal, #root .gui-checkout-review .gui-col2-equal { margin-left: -36px; } #root .gui-checkout-default .gui-col2-equal > *, #root .gui-checkout-review .gui-col2-equal > * { border-left-width: 36px; } #root .gui-checkout-default .gui-col2-equal-col2 .gui-right .gui-button-small { min-width: 150px; } .gui-checkout-one-page { } .gui-checkout-one-page #gui-form-login .gui-block-subcontent .gui-form a.gui-button-block, .gui-checkout-one-page #gui-form-login .gui-buttons a.gui-button-small, .gui-checkout-one-page #gui-form-login .gui-buttons a.gui-button-outline { min-width: 0; } .gui-checkout-one-page .messages { padding: 12px 24px !important; } .gui-checkout-one-page .gui-block { padding: 0; } .gui-checkout-one-page .gui-block-title, #root .gui-checkout-one-page #gui-block-shipment-method .gui-block-option, #root .gui-checkout-one-page #gui-block-payment-method .gui-block-option { margin-left: 0; margin-right: 0; } .gui-checkout-one-step { } #root .gui-checkout-one-step .gui-col3-equal { margin-left: -50px; } #root .gui-checkout-one-step .gui-col3-equal > * { border-left-width: 50px; } #root .gui-checkout-one-step .gui-col3-equal > *:first-child, #root .gui-checkout-one-step .gui-col3-equal > *:first-child + *, .gui-checkout-one-page #gui-block-method .gui-col2-equal > * { width: 50%; } #root .gui-checkout-one-step .gui-col3-equal > *:first-child + * + * { clear: both; width: 100%; /*padding-top: 40px;*/ } .gui-checkout-one-step .gui-block-highlight .gui-table th, .gui-checkout-one-step .gui-block-highlight .gui-table td, .gui-checkout-one-step .gui-block-highlight .gui-table .has-product { padding-left: 12px; padding-right: 12px; } .gui-checkout-one-step .gui-block-highlight .gui-table .has-product { padding-left: 0; } .gui-checkout-one-step .gui-block-highlight .gui-table .is-product { position: relative; padding-left: 70px; } #root .gui-checkout-one-step .gui-block-highlight .gui-table .is-product .gui-product-image { position: absolute; left: 0; top: 50%; } .gui-checkout-payment { } .gui-checkout-payment label { padding-right: 90px; } #root .gui-checkout-payment .gui-payment-methods .gui-payment-method .gui-right { right: 24px; } .gui-checkout-review { } .gui-checkout-review table, .gui-checkout-one-page #gui-block-review table { margin-bottom: 40px; } #root .gui-checkout-review tr > *:first-child, .gui-checkout-one-page #gui-block-review tr > :first-child { padding-left: 20px; } #root .gui-checkout-review tr > *:last-child, .gui-checkout-one-page #gui-block-review tr > :last-child { padding-right: 20px; } #root .gui-checkout-review .gui-cart-sum .gui-item .gui-price, .gui-checkout-one-page #gui-block-review .gui-cart-sum .gui-item .gui-price { width: 120px; } .gui-checkout-shipment { } .gui-checkout-shipment .gui-block-option, .gui-checkout-payment .gui-payment-method-wrapper { margin-bottom: 40px; } .gui-modal-wrapper { } #root .gui-modal-wrapper .gui-col2-equal { margin-left: -60px; } #root .gui-modal-wrapper .gui-col2-equal:before { width: 60px; margin: 0 0 0 -30px; border-right-width: 1px; background: none; } #root .gui-modal-wrapper .gui-col2-equal > * { width: 50%; border-left-width: 60px; } .gui-register { margin-left: 0; } .gui-register .gui-block, .gui-register .gui-buttons, .gui-register .gui-block:first-child, .gui-register p + .gui-block, .gui-register .gui-page-title + .gui-block, .gui-register .gui-page-title, .gui-register > p { float: none; width: auto; border-left-width: 0; } .gui-register .gui-block + .gui-block { margin-top: 40px; } .gui-register .gui-required { float: right; } .gui-thankyou { } .gui-thankyou .gui-cart-sum .gui-item, #root .gui-thankyou .gui-cart-sum .gui-line { max-width: 500px; } .has-anchor { } .has-anchor .anchor { top: -175px; } .module-info.has-anchor .anchor { top: -155px; } .header-tablet { font-weight: 700; font-family: Muli, Arial, Helvetica, sans-serif; font-size: 18px; } .heading-product { margin-bottom: 18px; } .heading-product h1, .heading-product h2, .heading-product h3, .heading-product h4, .heading-product h5, .heading-product h6 { margin-bottom: 14px; } .input-rating { margin-bottom: 24px; line-height: 32px; } .input-rating li { margin: 0 17px/*6px*/ 0 0; } .input-rating label { line-height: 32px; } .input-rating .star-rating { width: 32px; height: 32px; margin: 0 3px 0 0; /*width: 13px; height: 13px; margin: 0 1px 0 0;*/ } .list-b { } .list-b li { font-size: 12px; } .list-box { } .list-box li { width: 25%; margin: 0 0 12px; padding: 23px 10px 15px; font-size: 12px; } .list-box i { margin: 0 0 18px; font-size: 30px; line-height: 34px; } .list-box i.icon-truck, .list-box i.icon-phone { font-size: 23px; } .list-box i.icon-id { font-size: 26px; } .list-box i.icon-document, .list-box i.icon-documents, .list-box i.icon-credit-cards { font-size: 32px; } .list-box i.icon-lock { font-size: 34px; } .list-box span { padding: 0; font-size: .83333333333em; } .list-brands { } .list-brands li { width: 33.3333333333%; } .list-brands.a { margin-left: -10px; margin-bottom: 90px; } .list-brands.a li { border-left-width: 10px; border-bottom-width: 0; border-color: rgba(0,0,0,0); font-size: 0; } .list-brands.a li, .list-brands.a a, .list-brands .img { overflow: hidden; width: auto; height: 72px; margin: 0; padding: 0; } .list-cart-main { margin-bottom: 15px; } .list-cart-main li:last-child { border-bottom-width: 0; } .list-checks { } .list-checks li.has-countdown { padding-right: 120px; } .list-checks .countdown { position: absolute; right: 0; top: 50%; height: auto; } .list-checks .countdown .count { position: relative; left: 0; bottom: 0; } .list-collection { } .list-collection li { width: 33.3333333333%; } #root .list-collection li:before { visibility: hidden; opacity: 0; } .list-collection li:nth-child(4n-3):after { width: auto; } .list-collection li:nth-child(3n-2):after { width: calc(300% + 26px); } .list-collection .label.circle { width: 50px; height: 50px; font-size: 11px; } .list-collection .label.circle.big, .product-slider .label.circle.big { width: 70px; height: 70px; font-size: 14px; } .list-collection .label.circle.bigger, .product-slider .label.circle.bigger { width: 80px; height: 80px; font-size: 16px; line-height: 1; } .list-collection .usp ul { padding-bottom: 17px; } /*.list-collection.is-slider .item { width: 229px !important; }*/ .list-collection .owl-carousel { margin: 0; padding: 0; } .list-collection.combine { } .list-collection.combine li { padding: 0 0 0 100px; } .list-collection.combine .img { position: absolute; left: 0; top: 0; bottom: 0; width: 120px; } .list-collection.combine li:before, .list-collection .usp ul li:nth-child(n+3) { display: none; } .list-collection-reviews { } .list-collection-reviews li { min-height: 161px; } .list-comment { } .list-comment li { padding-left: 0; } .list-compare { margin-left: -18px; } .list-compare li { width: 33.3333333333333%; min-height: 225px; margin: 0 0 22px; padding: 0 19px; border-left-width: 18px; } .list-compare li:before { box-shadow: 0 4px 4px rgba(0,0,0,.05); background: #fff; } .list-compare figure { min-height: 0; height: 105px; margin-bottom: 10px; } .list-compare figure img { width: auto !important; max-height: 78px !important; margin-top: 24px; } .list-compare li.empty { padding-left: 50px; padding-right: 50px; } .list-compare li.empty span { padding: 0; } .list-compare h1, .list-compare h2, .list-compare h3, .list-compare h4, .list-compare h5, .list-compare h6 { margin-bottom: 4px; font-size: 15px; } .list-compare .close { width: 42px; height: 48px; color: #EB5757; font-size: 8px; } .list-contact { } .cols-a > form + * > .list-contact:first-child { margin-top: 0; } .list-gallery { margin-left: 0; } #root .list-gallery li { position: relative; left: 0; top: 0; width: 33.3333333333333%; border-left-width: 27px; } #root .list-gallery li:first-child { border-left-width: 0; } .link-inline { font-size: 13px; } .list-product-rating { color: #828282; } .list-product-rating a { color: #828282; } .list-product-rating .check-a label { color: #000; text-decoration: none; } .list-related { } .list-related li { min-height: 155px; padding-left: 310px; } .list-related figure { width: auto; } .list-related h1, .list-related h2, .list-related h3, .list-related h4, .list-related h5, .list-related h6 { margin: 0 0 7px; font-size: 18px; } .list-related .small { margin-bottom: 12px; } .list-related p { line-height: 1.6; } .list-related.b { margin-bottom: 20px; } .list-related.b figure { margin-bottom: 21px; } .list-related.b li { float: none; width: auto; margin: 0 0 24px; padding: 0; } .list-related.b .small { margin: 0 0 6px; font-size: 12px; } .list-related.b ul { margin-right: 0; } .list-related.b ul li { float: none; margin: 0 0 2px; } .list-submit { } .list-submit i { position: relative; left: 0; top: -1px; } .list-total { } .list-total li { margin-left: -77px; } .list-total li.strong { margin-left: 0; } .list-usp { max-width: 412px; margin-left: auto; margin-right: auto; padding: 0 20px; border-width: 0; text-align: center; } .usp-container + .nav-main.desktop-only + h1, .usp-container + .nav-main.desktop-only + h2, .usp-container + .nav-main.desktop-only + h3, .usp-container + .nav-main.desktop-only + h4, .usp-container + .nav-main.desktop-only + h5, .usp-container + .nav-main.desktop-only + h6 { margin-top: 40px; } .module-combine { } .module-combine .list-collection { float: none; margin: 0; } .module-combine .list-collection > li, .module-combine.full .list-collection > li { float: none; width: auto; } #root .module-combine footer { float: none; width: auto; margin: 0; padding: 18px 19px 0; } .module-combine.full footer h1, .module-combine.full footer h2, .module-combine.full footer h3, .module-combine.full footer h4, .module-combine.full footer h5, .module-combine.full footer h6 { float: none; width: auto; max-width: 190px; margin: 0 0 12px; } .module-combine.full .list-checks { float: none; width: auto; margin: 0 0 14px; } .module-combine.full .list-checks li { float: none; width: auto; } .module-combine footer .list-checks li:first-child, .module-combine.full footer .list-checks li:first-child { padding-right: 75px; } #root .module-combine.full .list-total { float: none; width: auto; margin: 0 0 17px; padding: 20px 0 0; border-top-width: 1px; } .module-combine.full footer .link-btn { float: none; margin: 0 0 24px; padding: 0; } .module-combine.full .label { right: 15px; top: 15px; } .module-contact { } .module-contact p a { margin-left: 11px; } .module-entry { margin-bottom: 45px; /*padding-bottom: 16px;*/ } .module-entry figure { max-height: none; margin-bottom: 21px; } .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6 { margin: 0 0 10px; font-size: 22px; } .module-entry ul { margin-right: -15px; } .module-entry ul li { margin-right: 15px; font-size: 14px; } .module-featured { } .module-featured .rating-a { display: block; } .module-featured.a { margin-left: -1000px; margin-right: -1000px; padding: 63px 1000px 35px 1353px; text-align: left; } .module-featured.a figure { position: absolute; left: 1000px; top: 20px; bottom: 20px; width: 250px; margin: 0; } .module-featured.a h1, .module-featured.a h2, .module-featured.a h3, .module-featured.a h4, .module-featured.a h5, .module-featured.a h6 { margin: 0 0 15px; font-size: 22px; } .module-featured.a h1 span, .module-featured.a h2 span, .module-featured.a h3 span, .module-featured.a h4 span, .module-featured.a h5 span, .module-featured.a h6 span { padding: 23px 0 0; font-weight: 700; font-size: .81818181818em; } .module-featured.a .link-btn { display: block; } .module-featured.c { padding-left: 388px; padding-right: 80px; } .module-featured.c figure { position: absolute; left: 80px; top: 50%; width: 230px; } .module-featured.d { padding-left: 172px; text-align: left; } .module-featured.d figure { position: absolute; left: 10px; top: 0; bottom: 0; width: 136px; margin: 0; } .module-featured.d .link-btn { display: block; margin-top: 10px; } .module-featured-bg { } .module-featured-bg header { bottom: -5px; max-width: 400px; padding: 0 25px 0; } .module-featured-bg h1, .module-featured-bg h2, .module-featured-bg h3, .module-featured-bg h4, .module-featured-bg h5, .module-featured-bg h6 { margin: 0 0 8px; font-size: 25px; } .module-featured-bg .small { margin: 0 0 5px; font-size: 12px; } .module-featured-bg ul { margin-right: -15px; } .module-featured-bg li { margin-right: 15px; font-size: 13px; } .module-featured-bg i { margin-right: 2px; font-size: 9px; } .module-info.b { padding-left: 0; padding-right: 0; } .module-rating { } .module-rating figure, .cols-a.d .module-rating figure { font-size: 29px; } .module-reviews { } .module-reviews ul { margin-bottom: 30px; } .module-reviews li { min-height: 102px; padding-left: 92px; } .module-reviews h1, .module-reviews h2, .module-reviews h3, .module-reviews h4, .module-reviews h5, .module-reviews h6 { padding-left: 42px; } .module-reviews .rating-a { position: absolute; left: 0; top: 0; width: 118px; margin: 0; } .module-reviews li:last-child { min-height: 0; margin-bottom: 0; padding-bottom: 12px; border-bottom-width: 0; } .module-reviews li:last-child p:last-child { margin-bottom: 0; min-height:45px; } .module-reviews .author { left: 0; bottom: 14px; top: auto; } .module-reviews ul.scrolled { height: 324px; } .module-scrolled.scrolled { height: 545px; } .module-summary { padding-bottom: 30px; } .module-summary header { position: relative; float: right; width: 288px; } #root .module-summary header h1, #root .module-summary header h2, #root .module-summary header h3, #root .module-summary header h4, #root .module-summary header h5, #root .module-summary header h6 { margin: 0 0 13px; padding-right: 0; } .module-summary header .payments { margin-top: 37px; } .module-summary header .payments li { margin: 0 3px; } .module-summary header .payments li { -webkit-transform-origin: 100% center; -ms-transform-origin: 100% center; transform-origin: 100% center; -webkit-transform: scale(.88); -ms-transform: scale(.88); transform: scale(.88); } .module-summary footer { float: left; width: 300px; margin: 0; padding: 16px 0 0; } .module-summary figure { margin-top: 0; padding-top: 0; border-width: 0; } .module-summary .tip > span { width: 303px; } .module-welcome { min-height: 280px; padding: 0 50px; } .module-welcome header { padding-top: 15px; } .module-welcome h1, .module-welcome h2, .module-welcome h3, .module-welcome h4, .module-welcome h5, .module-welcome h6 { font-size: 60px; } .module-welcome p { font-size: 17px; } .popup-a { } .popup-a .box-inset > .close { width: 51px; height: 51px; } .popup-a .box-inner { width: 696px; } .popup-a .box-inset { padding: 20px 25px 1px; } .popup-a .list-total li { margin-left: 0; } .popup-a h1, .popup-a h2 { margin: 0 0 14px; } .popup-cart .link-btn a, .popup-cart .submit a, .popup-cart button { padding: 12.5px 25px; } .popup-a .double .product-small:first-child { margin-top: auto; margin-bottom: 0; } .popup-a .list-collection { margin: 0 0 11px -60px; } .popup-a * + .list-collection { margin-top: -15px; } .popup-a .list-collection li { padding-left: 0; padding-right: 0; padding-bottom: 0; border-left-width: 60px; } .popup-a .list-collection ul li { border-left-width: 0; } .popup-a .list-collection h1, .popup-a .list-collection h2, .popup-a .list-collection h3, .popup-a .list-collection h4, .popup-a .list-collection h5, .popup-a .list-collection h6 { margin-bottom: 2px; font-size: 14px; } .popup-a .list-collection .img { margin-bottom: 9px; } .popup-a .list-collection .img li { min-height: 0; height: 116px; } .popup-a .list-collection .img li img { } .popup-a .list-collection .img li img { width: auto !important; max-height: 116px !important; } .popup-a .list-collection .btn { width: 46px; height: 34px; } .popup-a .list-collection .btn i { font-size: 17px; } .popup-a .list-collection .btn i.icon-cart-plus { margin-top: -20px; } .popup-newsletter { } .popup-newsletter .box-inner { width: 696px; } .popup-newsletter .box-inset { min-height: 331px; padding: 30px 33px 23px 383px; } .popup-newsletter header, .popup-newsletter footer { font-weight: 400; } .popup-newsletter h1, .popup-newsletter h2, .popup-newsletter h3, .popup-newsletter h4, .popup-newsletter h5, .popup-newsletter h6 { margin-bottom: 18px; font-size: 20px; font-family: Muli, Arial, Helvetica, sans-serif; } .popup-newsletter header p, .popup-newsletter footer p { margin: 0; font-size: 12px; } #root .popup-newsletter figure { width: 350px; } .popup-rating .list-checks, .popup-newsletter .list-checks { margin-bottom: 18px; margin-right: -20px; } .popup-rating .list-checks li, .popup-newsletter .list-checks li { margin: 0 0 1px; padding: 0 0 0 16px; font-size: 12px; } .popup-rating .list-checks li:before, .popup-newsletter .list-checks li:before { top: 5px; font-size: 10px; line-height: 10px; } .popup-newsletter p { margin: 0 0 13px; } .popup-newsletter input, .popup-newsletter select, .popup-newsletter textarea { font-weight: 400; } .popup-newsletter .link-btn a { display: block; float: none; min-width: 0; width: 100%; margin-top: 0; } .popup-newsletter footer h1:after, .popup-newsletter footer h2:after, .popup-newsletter footer h3:after, .popup-newsletter footer h4:after, .popup-newsletter footer h5:after, .popup-newsletter footer h6:after { margin: 11px 0 0; font-size: 24px; line-height: 24px; } .popup-newsletter footer * + .link-btn { margin-top: 44px; } .popup-product { } .popup-product .form-product { padding: 0 0 0 293px; } .popup-product .form-product > * { float: right; width: 100%; } .popup-product .form-product > .product-info { float: left; width: 269px; margin-left: -293px; } .popup-product .product-info { padding: 22px 0 0; line-height: 2; } .popup-product .heading-product { margin-bottom: 14px; } .popup-product .heading-product h1, .popup-product .heading-product h2, .popup-product .heading-product h3, .popup-product .heading-product h4, .popup-product .heading-product h5, .popup-product .heading-product h6 { margin-bottom: 5px; font-size: 26px; } .popup-product .input-inline { display: block; padding-right: 118px; } .popup-product .input-inline label { float: none; padding: 0; } .popup-product .input-inline input, .popup-product .input-inline .select, .popup-product .input-inline .semantic-select-wrapper, .popup-product .input-inline textarea { float: none; width: 100%; } .popup-product .price-a { margin-bottom: 14px; } .popup-product .form-product .submit { margin-top: 0; } .popup-product .form-product p { margin-bottom: 13px; } .popup-product .form-product p + .price-a { margin-top: 0; } #root .popup-product .input-inline a.btn { left: auto; right: 0; top: auto; bottom: -4px; } .popup-rating { } .popup-rating .box-inner { width: 440px; } .popup-rating .box-inset { padding: 33px 27px 6px; } .popup-rating header p { margin: 0 0 -4px; font-size: 14px; } .popup-rating h1, .popup-rating h2, .popup-rating h3, .popup-rating h4, .popup-rating h5, .popup-rating h6 { margin-bottom: 8px; } .popup-rating p { margin: 0 0 15px; } .popup-rating label { margin: 0 0 1px; } .price-a { position: relative; } .price-a span.shipping { display: block; position: absolute; right: 0; left: auto; top: auto; bottom: 4px; } .product-info { margin: 30px 0; } #root .product-info .double { padding-left: 0; } #root .product-info .double > * { float: none; width: auto; margin-left: 0; } .product-slider { padding: 0; } .product-slider li { display: block; height: auto } .product-slider li a { position: relative; height: auto; padding: 55px 0 0; } .product-slider li a + * { display: block; margin-top: 27px; } /*.product-slider li a img { width: auto !important; height: 235px !important; }*/ .product-slider .label { right: 0; } .product-slider .label.left { left: 0; } .product-slider .pager.custom { overflow-x: auto; overflow-y: hidden; position: relative; min-width: 0; padding: 26px 0 12px; } .product-slider .pager.custom a { width: 67px; height: 67px; margin: 0 3px 0 0; } .product-slider .bx-controls-direction a, .product-slider .owl-nav button { top: 55px; height: 235px; margin: 0; color: #FF6602; font-size: 20px; } .product-slider .bx-controls-direction .bx-prev, .product-slider .owl-nav .owl-prev { left: 0; } .product-slider .bx-controls-direction .bx-next, .product-slider .owl-nav .owl-next { right: 0; } .product-slider .bx-controls-direction .bx-prev:before, .product-slider .owl-nav .owl-prev:before { text-align: left; } .product-slider .bx-controls-direction .bx-next:before, .product-slider .owl-nav .owl-next:before { text-align: right; } .list-collection .label.circle { width: 70px; height: 70px; padding: 0 5px; border-radius: 70px; line-height: 1; text-align: center; } .list-collection .label.circle span { left: 0; float: none; height: auto; padding: 0; background: none; color: rgba(255,255,255,.5); } .product-slider.a { margin-bottom: 31px; padding: 0 20px 26px 75px; border-right-width: 0; border-bottom-width: 1px; } .product-slider.a .pager.custom { display: block; overflow-x: hidden; overflow-y: auto; position: absolute; padding: 0; } .product-slider.a li { height: 287px; } .product-slider.a li a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0; } .product-slider.a .pager.custom a { width: 55px; height: 55px; } .product-small { padding-left: 144px; } .product-small h1, .product-small h2, .product-small h3, .product-small h4, .product-small h5, .product-small h6 { font-size: 18px; } .product-small p { margin: 0 0 6px; font-size: 12px; } .product-small .price { font-size: 20px; } .product-small .price span { font-size: .6em; } .product-sticky { top: 60px; } .product-sticky p { margin-left: 13px; } .product-sticky .select, .product-sticky select, .product-sticky button { width: auto; } .table-compare, .table-compare-wrapper { margin-top: 40px; } .table-compare-wrapper { overflow-x: scroll; overflow-y: hidden; } .table-compare th, .table-compare td { width: 290px; } .tip { } .tip > .toggle { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 9; cursor: pointer; } .to-fixed { position: relative !important; left: 0 !important; top: 0 !important; right: 0 !important; z-index: 0 !important; width: auto !important; } .ui-slider-a, #root .ui-slider-a { margin-bottom: 37px; } .usp-container { margin-bottom: 25px; } .usp-container .list-usp { margin-bottom: 0; } .usp-container .link-inline { position: static; margin-bottom: 0; } .usp-container .link-inline img { display: block; position: absolute; left: 0; top: 50%; } .usp-container .link-inline a { position: absolute; left: auto; right: 0; top: 1px; bottom: 0; } .usp-container .link-inline a img { position: relative; } .usp-container .link-inline a:first-child { left: 0; right: auto; } .usp-container .link-inline a + a, .usp-container .link-inline img + a { position: absolute; left: auto; right: 0; top: 1px; } .wrapper-reviews { margin: 32px 0; padding: 33px 28px 0; border-width: 1px; } .wrapper-reviews > h1, .wrapper-reviews > h2, .wrapper-reviews > h3, .wrapper-reviews > h4, .wrapper-reviews > h5, .wrapper-reviews > h6 { margin-bottom: 37px; } .wrapper-reviews .module-reviews { margin: 0; padding: 0; border-width: 0; } .wrapper-reviews h1 .small, .wrapper-reviews h2 .small, .wrapper-reviews h3 .small, .wrapper-reviews h4 .small, .wrapper-reviews h5 .small, .wrapper-reviews h6 .small { margin: 0 0 0 38px; } .wrapper-reviews h1 .strong, .wrapper-reviews h2 .strong, .wrapper-reviews h3 .strong, .wrapper-reviews h4 .strong, .wrapper-reviews h5 .strong, .wrapper-reviews h6 .strong { margin: 0 0 0 13px; font-weight: 700; font-size: 1.11111111111em; line-height: 1px; } .wrapper-reviews .module-reviews .link-btn { margin: 0 -29px -1px; padding: 18px 0 0; border-top: 1px solid #e0e0e0; background: #fff; } .form-account { } .form-account > * + * { margin-top: 70px; } .form-account .submit > span { float: right; padding-left: 0; } .form-cart { margin-bottom: 10px; } #root .form-cart header .sticky { position: absolute; left: auto; right: 0; top: -5px; } .form-cart header h1, .form-cart header h2, .form-cart header h3, .form-cart header h4, .form-cart header h5, .form-cart header h6 { max-width: none; margin-bottom: 25px; padding-right: 350px; } .form-contact { margin: 0 0 30px; } .form-contact .submit > span { width: auto; padding: 19px 25px; line-height: 1.2; } #root .form-filter { position: fixed; left: -294px; top: 0; bottom: 0; z-index: 99999999; width: calc(100% - 20px); max-width: 294px; margin: 0; padding: 31px 24px 1px; background: #fff; } .form-filter > div { overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 96px; z-index: 2; padding: 31px 24px 1px; } #root .form-filter > .submit { position: absolute; left: 0; right: 0; bottom: 0; top: auto; z-index: 9999 !important; padding: 30px 24px 1px; border-width: 0; background: #fff; } #root .form-filter > .submit:before { content: ""; display: block; position: absolute; left: 24px; right: 24px; top: 0; height: 1px; background: #ebebeb; } #root .form-filter > .submit button, #root .form-filter > .submit .scheme-btn > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filter-active #root .form-filter { left: 0; } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6, .form-filter hr { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .form-filter .header:before, .nav-a .header:before { right: 0; } .form-filter h1 a, .form-filter h2 a, .form-filter h3 a, .form-filter h4 a, .form-filter h5 a, .form-filter h6 a { right: 25px; } .form-filter hr { width: 100%; } .form-login, #root .gui-checkout-method .gui-block-content { margin-top: 44px; margin-bottom: 44px; } .form-login:before, #root .gui-checkout-method .gui-block-content:before { top: -5px; bottom: 23px; } .form-login > *, #root .gui-checkout-method .gui-block-content .gui-col2-equal > * { width: 333px; } .form-login h1:first-child, .form-login h2:first-child, .form-login h3:first-child, .form-login h4:first-child, .form-login h5:first-child, .form-login h6:first-child, #root .gui-checkout-method .gui-block-content .gui-block-subtitle { margin-bottom: 34px; } .form-login .desktop-only + .link-btn { margin-top: 62px; } #content > .form-login:last-child { margin-bottom: 40px; } .form-product { margin-top: 0; } .form-product .submit > p span { margin-right: 10px; } .form-product p + .price-a { margin-top: 12px; } .form-product .submit { margin: 26px 0 0; } .form-sort { margin-bottom: 17px; padding-bottom: 0; border-bottom-width: 0; } .form-sort > div { float: none; clear: both; width: 100%; padding-top: 10px; border-top-width: 1px; } .form-sort p { margin-bottom: 10px; } .form-sort > h1, .form-sort > h2, .form-sort > h3, .form-sort > h4, .form-sort > h5, .form-sort > h6 { position: relative; left: 0; } .list-usp .item, #nav > ul, .double-tablet, .double-tablet .module-contact, .form-contact .submit, .product-slider .pager.custom, .list-collection .usp ul, #footer > .double, #footer > .double > ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer > form { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-brands.a { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .list-compare { -webkit-justify-content: flex-start; flex-justify-content: flex-start; } .list-brands.a { -webkit-justify-content: space-between; flex-justify-content: space-between; } #footer > form > *:last-child { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .product-slider .pager.custom a { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .product-slider.a li a, .list-brands .img, #footer .list-usp { -webkit-justify-content: center; flex-justify-content: center; } .product-slider.a li a, .list-brands .img { -webkit-align-items: center; flex-jalign-items: center; } .usp-container .link-inline img, .module-featured.c figure, #footer > .double > div figure, #footer > .double > ul li.logo { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .aside-menu, .form-filter { -webkit-transition: all .4s cubic-bezier(.4,0,.2,1) 0s; transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -0.1s; } .compare-initialize #compare { -webkit-transform: none; -ms-transform: none; transform: none; } .menu-active .menu-slide { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .list-collection .img.desktop-only { display: none; } #root .desktop-hide, #root .desktop-hide.list-submit, #root .tablet-only, #nav > ul > li.search, #nav .user i, #nav > form .tags, #nav > form h1, #nav > form h2, #nav > form h3, #nav > form h4, #nav > form h5, #nav > form h6, .form-sort .check-b, .js .module-entry figure img { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, #nav > ul:first-child, #nav .language > a span, #nav .user > a span, #footer nav > *:nth-child(n+4), #root #top .nav-main, #root #top .nav-main *, #root #nav > ul > li.sub > a:before, #nav > form .list-cart, .nav-main.desktop-only + hr, .list-comment figure, .list-related.b li:before, .list-collection.limit > li:nth-child(n+4), .module-summary:before, #compare header h1 span, #compare header h2 span, #compare header h3 span, #compare header h4 span, #compare header h5 span, #compare header h6 span, .list-compare li:after, .list-compare [class*="overlay"], .popup-product .form-product a.btn, .js .product-slider:before, .js .product-slider:after, #root .list-total li.shipping span.label, .list-brands.a li:nth-child(n+6), #footer > .double.mobile-only, .list-collection p.link, .list-collection .tools, .list-collection .img img + img, #footer > .double > ul.payments:before, .gui-checkout-one-page #gui-block-method .gui-block-content:before { position: absolute; left: -30000px; top: -30000px; bottom: auto; right: auto; } } @media only screen and (min-width: 62.5em) { #root { padding-top: 60px !important; } } @media only screen and (min-width: 47.5em) and (max-width: 62.5em) { #root { padding-top: 75px !important; } } @media only screen and (min-width: 47.5em) { #root { padding-bottom: 0 !important; } } @media only screen and (max-width: 47.5em) { /* 760 */ #cookie, #content, #footer, #top, #nav > form > *, #compare section { width: auto; } #cookie, #content, #footer, #top, #notify, #nav > form, #compare section { padding-left: 20px; padding-right: 20px; } .cart-active, .favorites-active, .search-active, .menu-active { overflow: hidden; } #root, body { padding-top: 0 !important; } #top { position: static; left: 0; top: 0 !important; min-height: 0; margin: 0; padding: 40px 0 0; } #logo { position: fixed; left: 0; right: 0; top: 0; bottom: auto; z-index: 999; height: 40px; width: auto; margin: 0; box-shadow: 0 4px 4px rgba(0,0,0,.05); background: #fff; } #logo a { max-width: calc(100% - 40px); width: 240px; margin: 0 auto; } .menu-active #logo { box-shadow: none; } .theme-dark #logo { background: #000; } .compare-initialize #logo, .popup-shown .product-sticky { visibility: hidden; opacity: 0; } .scrolled-down #logo, .scrolled-down #top .usp-image { box-shadow: none; } .scrolled-down #logo, .scrolled-down #top .usp-image { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } #top .usp-image { position: fixed; right: 20px; bottom: auto; z-index: 9; height: 32px; } #nav { position: fixed; left: 0; top: auto; right: 0; bottom: -75px; z-index: 99999; height: 65px; border-width: 0; background: #f2f2f2; } /* .iphone #nav, .ipad #nav, .mobile.webkit #nav, .mobile.mac #nav { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } */ .menu-shown #nav { bottom: 0; } #nav > ul { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; } #root #nav > ul > li { z-index: 22; height: auto; margin: 0; padding: 0; border-left-width: 1px; border-top-width: 1px; background: #f2f2f2; font-size: 10px; } #root #nav > ul > li:first-child { border-left-width: 0; } #root #nav > ul > li.br, #root #nav > ul > li.logged + li.br, #root #nav > ul > li.logged + li.menu + li.br { margin: 0; } #root #nav > ul > li.menu { min-width: 96px; max-width: 96px; width: 96px; } #root #nav > ul > li.menu:before { content: ""; display: block; position: absolute; left: -1px; top: -9px; right: -1px; height: 9px; border-radius: 3px 3px 0 0; border: 1px solid #e0e0e0; border-bottom: 0; background: #f2f2f2; } .search-active #root #nav > ul > li.search, .search-active #root #nav > ul > li.search > a, .user-active #root #nav > ul > li.user, .user-active #root #nav > ul > li.user > a, .cart-active #root #nav > ul > li.cart, .cart-active #root #nav > ul > li.cart > a, .favorites-active #root #nav > ul > li.favorites, .favorites-active #root #nav > ul > li.favorites > a { border-top-color: #fafafa; background: #fafafa; } #root #nav > ul > li.currency { position: relative; left: 0; } #root #nav > ul > li > a { display: block; width: 100%; height: auto; padding: 14px 0 7px; border-radius: 0; background: none; color: #000; font-family: Muli, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; text-align: center; text-indent: 0; text-decoration: none; text-transform: lowercase; } #root #nav > ul > li > a i { display: block; position: relative; left: 0; top: 0; float: none; margin: 0 0 7px; color: #000; font-size: 23px; line-height: 25px; text-align: center; } #root #nav > ul > li > a i.icon-menu { font-size: 19px; } #root #nav > ul > li > a i.icon-chart { font-size: 21px; } #root #nav > ul > li > a i.icon-heart { font-size: 23px; } #root #nav > ul > li > a i.icon-cart, #root #nav > ul > li > a i.icon-bag { font-size: 25px; } #nav > ul > li.cart > a:after, #nav > ul > li.favorites > a:after, #nav > ul > li.user > a:after { left: -1px; right: -1px; top: -1px; } #root #nav > ul > li.logged .strong { display: block; width: 35px; height: 35px; margin: 0 auto 3px; border-radius: 35px; background: #56ccf2; color: #fff; font-family: Montserrat, Muli, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 35px; text-transform: uppercase; text-align: center; } #root #nav > ul > li.logged > a { width: 100%; padding-top: 8.5px; } .theme-dark #root #nav > ul > li > a, .theme-dark #root #nav > ul > li > a i, .favorites-active #root #nav li.favorites > a i, .user-active #root #nav li.user > a i, .cart-active #root #nav > ul > li.cart > a i { color: #000; } .menu-active #root #nav > ul > li.menu { background: #fafafa; } .menu-active #root #nav > ul > li.menu:before { border-width: 0; background: #fafafa; } #root #nav > ul > li > a span.qty { position: absolute; left: auto; right: 50%; top: 5px; width: auto; min-width: 23px; height: 23px; margin: 0 -26px 0 0; border-radius: 23px; background: #ff6602; font-size: 10px; line-height: 23px; } .menu-up #nav { position: fixed; top: 40px; bottom: auto; z-index: 500; height: 66px; border-top-width: 1px; } .menu-up #root #nav > ul > li.menu { position: absolute; left: 0; top: 1px; } .menu-up #nav > ul { position: relative; width: 100%; padding-left: 96px; } .menu-up #root #nav > ul > li { border-top-width: 0; border-bottom-width: 1px; } .menu-shown.menu-up #nav { top: 40px; bottom: auto; } .menu-shown.menu-up.scrolled-down #nav { top: -1px; } .menu-up #nav > form, .menu-up #nav > ul > li.cart > div, .menu-up #nav > ul > li.favorites > div, .menu-up #nav > ul > li.user > div { top: 107px; bottom: 0; border-top-width: 0; } .menu-up.scrolled-down #nav > form, .menu-up.scrolled-down #nav > ul > li.cart > div, .menu-up.scrolled-down #nav > ul > li.favorites > div, .menu-up.scrolled-down #nav > ul > li.user > div { top: 66px; } #nav > form { top: 40px; bottom: 66px; z-index: 9; padding-top: 20px; } #nav > form h1, #nav > form h2, #nav > form h3, #nav > form h4, #nav > form h5, #nav > form h6 { margin-bottom: 24px; font-size: 18px; } #nav > form p { padding: 0; } #root #nav > form button { position: relative; float: none; width: 100%; margin: 15px 0 0; } #nav > form button:before { left: auto; right: 0; top: -60px; margin: 0; line-height: 45px; } #nav > form .remove { right: 0; } #nav > form .close { right: 20px; top: 18px; margin: 0; } #nav > form .tags { margin-top: 31px; } #nav > form .tags h1, #nav > form .tags h2, #nav > form .tags h3, #nav > form .tags h4, #nav > form .tags h5, #nav > form .tags h6 { margin-bottom: 12px; font-size: 13px; } #nav > ul > li.cart > span.toggle, #nav > ul > li.favorites > span.toggle, #nav > ul > li.user > span.toggle { position: relative; width: 100%; height: 65px; margin: 0 0 0 -100%; } #root #nav > ul > li.cart, #root #nav > ul > li.favorites, #root #nav > ul > li.user { position: static; z-index: 1; } #nav > ul > li.cart > div, #nav > ul > li.favorites > div, #nav > ul > li.user > div { overflow-x: hidden; overflow-y: auto; position: fixed; right: 0; left: 0; top: 40px; bottom: 66px; z-index: 9; width: auto; padding-left: 20px; padding-right: 20px; box-shadow: none; border-radius: 0; border-width: 0; border-top-width: 1px; background: #fafafa; } #nav > ul > li.cart > div { overflow: hidden; } #nav > ul > li.cart > div > div { overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 74px; padding: 21px 20px 0; } /*#nav > ul > li.cart > div > p { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 0 20px 8px; }*/ #nav > ul > li.cart h1, #nav > ul > li.cart h2, #nav > ul > li.cart h3, #nav > ul > li.cart h4, #nav > ul > li.cart h5, #nav > ul > li.cart h6, #nav > ul > li.favorites h1, #nav > ul > li.favorites h2, #nav > ul > li.favorites h3, #nav > ul > li.favorites h4, #nav > ul > li.favorites h5, #nav > ul > li.favorites h6, #nav > ul > li.user h1, #nav > ul > li.user h2, #nav > ul > li.user h3, #nav > ul > li.user h4, #nav > ul > li.user h5, #nav > ul > li.user h6 { font-size: 18px; } #nav > ul > li.cart .link-btn a, #nav > ul > li.favorites .link-btn a, #nav > ul > li.user .link-btn a { float: none; width: 100%; } #root #nav > ul > li.cart > div > .close, #root #nav > ul > li.favorites > div > .close, #root #nav > ul > li.user > div > .close { right: 20px; border-color: #C4C4C4; color: #828282; } #nav > ul > li.user { } #nav > ul > li.user .list-checks { margin-right: 0; } #nav > ul > li.user .double { margin: 0; } #nav > ul > li.user .double > * { float: none; width: auto; border-left-width: 0; } #nav > ul > li.user .double > * + * { margin-top: 40px; padding: 21px 0 0; border-top-width: 1px; } #notify { padding-top: 0; padding-bottom: 0; line-height: 60px; } #notify { -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } #notify a.close { width: 30px; height: 30px; font-size: 13px; } #back { top: 0; } .menu-slide, #nav-mobile.menu-slide { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 9999; border-top-width: 0; background: #fafafa; } .menu-slide .title { height: 49px; padding-top: 0; padding-bottom: 0; background: #fff; line-height: 49px; text-align: center; } .menu-slide .title > a { right: 100px; } .menu-slide ul li.sub > a:after { background: #f5f5f5; } .not-top.no-mobile #top .nav-main, #nav > ul:first-child, .menu-active #cookie, .search-active #cookie, .login-active #cookie, .menu-active #cookie, .favorites-active #cookie, .cart-active #cookie { visibility: hidden; opacity: 0; } #content { padding-top: 24px; } #content > *:last-child, #content > #gui-form { margin-bottom: 20px; } .menu-up #content { padding-top: 90px; } #footer { } #footer p, #footer ul { margin-bottom: 8px; } #footer > form { display: block; margin: 0; padding: 30px 0 21px; } #footer > form > * { margin: 0; padding: 0; border-width: 0; } #footer > form > * + * { padding-top: 10px; } #footer > form > *:first-child { max-width: none; padding-bottom: 3px; border-bottom: 1px solid #ff7c26; } #footer > form > *:first-child figure { left: auto; right: 0; top: auto; bottom: 0; } #footer > form > *:last-child { margin-top: 0; padding-top: 7px; } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6 { margin: 0 0 13px; font-size: 18px; } #footer h1 + .size-c, #footer h2 + .size-c, #footer h3 + .size-c, #footer h4 + .size-c, #footer h5 + .size-c, #footer h6 + .size-c { margin-top: -15px; } #footer > form input { width: calc(100% - 124px); max-width: none; margin-right: 4px; border-color: #fff; } #footer > form button { min-width: 0; width: 120px; padding: 0; } #footer .size-c { font-size: 18px; } #footer > nav { display: block; margin: 0 -20px 35px; padding: 0 20px; border-bottom-width: 1px; } #footer > nav > * { margin: 0; padding: 0; border-width: 0; } #footer > nav h1, #footer > nav h2, #footer > nav h3, #footer > nav h4, #footer > nav h5, #footer > nav h6 { position: relative; margin: 0 -20px; padding: 12.5px 40px 12.5px 20px; border-top-width: 1px; cursor: pointer; } #footer > nav > *:first-child h1, #footer > nav > *:first-child h2, #footer > nav > *:first-child h3, #footer > nav > *:first-child h4, #footer > nav > *:first-child h5, #footer > nav > *:first-child h6 { border-top-width: 0; } #footer > nav .header { } #footer > nav .header:before { content: "\e92d"; left: auto; right: 0; width: 40px; font-size: 13px; } #footer > nav > .toggle .header { color: #FF6602; } #footer > nav > .toggle .header:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #footer > nav ul { margin: 0; padding: 2px 0 16px; } #footer > .double { } #footer > form > :first-child { padding-left: 0; } #root #footer > .double > div { width: calc(100% + 40px); margin: 0 -20px; padding: 22px 20px; } #footer > .double > div figure { position: relative; left: 0; top: 0; margin-top: 10px; } #footer > .double > div figure img { display: block; margin: 0 auto; } #footer > .double > ul { margin: 0 -20px 17px; padding: 0 12.5px 0; } #footer > .double > ul li { margin: 0 7.5px; } #footer > .double > ul li.logo { position: relative; top: 0; width: 100%; margin: 0 7.5px 20px; } #footer > .double > ul:before { left: 20px; right: 20px; bottom: 0; background-position: center center; } #footer > .double > ul.payments { margin-bottom: 27px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-size: 15px; } #cookie { left: 0; right: 0; margin-left: 0; padding-bottom: 18px; } #cookie h1, #cookie h2, #cookie h3, #cookie h4, #cookie h5, #cookie h6 { margin: 0 0 11px; font-size: 16px; } #cookie p { font-size: 10px; } #cookie .link-btn { margin-top: 35px; } .menu-shown #cookie { bottom: 65px; } .menu-shown.menu-up #cookie { bottom: 0; } #compare { top: 75px; padding-bottom: 95px; } #compare header { left: 20px; margin: 0; } #compare header:before { border-width: 0; } #compare header h1, #compare header h2, #compare header h3, #compare header h4, #compare header h5, #compare header h6 { font-size: 16px; } #compare footer { right: 20px; margin: 0; } #compare footer .remove { overflow: hidden; width: 30px; padding: 0; text-align: left; text-indent: -3000em; } #compare section { /*max-height: calc(100vh - 170px);*/ padding-top: 0; text-align: center; } #root #compare section p, #root #compare section .link-btn a { display: block; float: none; width: auto; min-width: 0; margin: 0; } #root #compare section .link-btn a { height: auto; padding-top: 12px; padding-bottom: 13px; line-height: 1.2; } #compare > a.hide { right: 0; top: -75px; margin: 0; } #compare .list-compare { /*min-height: 371px;*/ } #root #compare .list-compare + *, #root #compare .list-compare + * + * { margin-top: 10px; } .menu-up #compare { padding-bottom: 0; } .menu-up #compare section { max-height: calc(100vh - 182px); } .menu-up #compare section > *:last-child { padding-bottom: 20px; } body:after { width: 30px; height: 30px; margin: -15px 0 0 -15px; } #root .double > *, #root .triple > *, #root .cols-a.va > *, #root .cols-a.va > :first-child, #root .double.c > *, #root .double.d > *, #root .gui-checkout-default .gui-col2-equal > *, #root .gui-checkout-default .gui-col2-rightm > *, .gui-register .gui-buttons .gui-right, .gui-checkout-one-page .gui-col2-equal > *, #root .gui-checkout-one-page .gui-col2-rightm > * { float: none; width: auto; } .gui-checkout-one-page .gui-col2-equal:first-child > .gui-col2-equal-col1 + * { margin-top: 40px; } .triple.a { } #root .triple.a > * { float: left; width: 33.33333333333%; } #footer h1 + ul, #footer h2 + ul, #footer h3 + ul, #footer h4 + ul, #footer h5 + ul, #footer h6 + ul, .usp-container + .nav-main.desktop-only + h1, .usp-container + .nav-main.desktop-only + h2, .usp-container + .nav-main.desktop-only + h3, .usp-container + .nav-main.desktop-only + h4, .usp-container + .nav-main.desktop-only + h5, .usp-container + .nav-main.desktop-only + h6, #root #compare .list-compare.is-max + *, .gui-checkout-default .gui-buttons .gui-required:first-child, .gui-checkout-review .gui-cart-sum, * + .gui-account { margin-top: 0; } #root .gui-checkout-one-page .gui-step:last-child, #compare .list-compare, #compare .list-compare li { margin-bottom: 0; } .size-d, .gui-checkout-default .gui-block-title, .gui-checkout-default .gui-block-subtitle, .gui-checkout-one-step .gui-block-subtitle { font-size: 22px; } .heading-collection h1, .heading-collection h2, .heading-collection h3, .heading-collection h4, .heading-collection h5, .heading-collection h6, #root .gui-checkout-default .gui-block-subtitle { font-size: 18px; } /*h1, h2, .gui-page-title { font-size: 18px; }*/ .size-a, .heading-blog ul li { font-size: 14px; } #root .list-total.b li.shipping, .list-product-rating .check-a { font-size: 13px; } .accordion-a p, .accordion-a li { font-size: 12px; } figure { margin: 40px 0 36px; } .accordion-a { margin-left: -16px; margin-right: -16px; } .accordion-a > h1, .accordion-a > h2, .accordion-a > h3, .accordion-a > h4, .accordion-a > h5, .accordion-a > h6 { padding: 18px 32px 0 16px; font-size: 16px; } .accordion-a > .header:before { width: 38px; } .accordion-a > div { padding: 17px 16px 1px; } .accordion-a > div > *:last-child { margin-bottom: 20px } #root .aside-menu { padding-top: 42px; padding-left: 28px; padding-right: 18px; } .aside-menu-header { margin-top: -2px; margin-bottom: 19px; } .article-a { } .article-a > footer { margin-top: 33px; } .article-a figure { margin-left: -20px; margin-right: -20px; } .countdown-container { margin-top: -3px; } .countdown { float: right; margin: -3px 0 0; padding: 6px 16px 5px; font-size: 1em; } .double.c, .double.d { display: block; margin-left: 0; padding-left: 0; } .double.c > *, .double.d > * { border-left-width: 0; } .double.c > * + * { padding-top: 15px; border-top-width: 1px; } .double.d > *:first-child { margin-left: 0; } .double-combine { margin: 0 0 43px; } #root .double-combine > * { float: none; width: auto; border-left-width: 0; } #root .double-tablet { display: block; padding-left: 0; padding-right: 0; } #root .double-tablet > * { float: none; width: auto; max-width: none; margin-bottom: 28px; margin-left: 0; margin-right: 0; } .double-tablet .list-contact { padding: 0; } .double-tablet .module-contact { padding-left: 30px; } .double-tablet > * + * { margin-top: 50px; } .gui-account > .gui-col2-left { padding: 0; } .gui-account .gui-page-title { margin-bottom: 20px; } .gui-account > .gui-col2-left .gui-col2-left-col1, .gui-account > .gui-col2-left .gui-col2-left-col2 { float: none; width: auto; margin: 0 0 40px; } #root form .gui-account .gui-col2-left-col2 .gui-buttons .gui-right, #root form .gui-account .gui-col2-left-col2 .gui-buttons .gui-button-small, #root form .gui-account .gui-col2-left-col2 .gui-buttons .gui-required, #root .gui-checkout-details .gui-buttons .gui-required, #root .gui-checkout-default .gui-button-small, #root .gui-checkout-default .gui-col2-equal-col2 .gui-right .gui-button-small, #root .gui-checkout-default .gui-form .gui-right { float: none; width: 100%; } #root form .gui-account .gui-col2-left-col2 .gui-buttons .gui-required { padding-left: 0; } .gui-checkout-default { } .gui-checkout-details .gui-buttons .gui-required, .gui-checkout-default .gui-buttons .gui-required { position: relative; margin: 11px 0 0; text-align: center; } #root .gui-checkout-default .gui-buttons .gui-left a { margin: 0; padding-top: 0; padding-bottom: 0; } #root .gui-checkout-default .gui-buttons .gui-left .gui-button-facebook { padding: 19px 38px; } #root .gui-checkout-default .gui-button-small, #root .gui-checkout-default .gui-block-subtitle { margin-bottom: 11px; } #root .gui-checkout-default .gui-buttons { margin-top: 30px; } .gui-checkout-one-page { } #root .gui-checkout-one-page .gui-position-bottom { margin-top: 30px; } .gui-checkout-one-page .gui-block-title { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; border-left-width: 0; border-right-width: 0; } #root .gui-checkout-one-page .gui-section + .gui-buttons { padding-top: 10px; } #root .gui-checkout-one-page .gui-buttons a.gui-button-outline, .gui-checkout-one-page .gui-buttons a.gui-button-small { width: 100%; margin: 0 0 5px; } #root .gui-checkout-one-page .gui-col2-equal:first-child .gui-buttons a.gui-button-link { display: block; width: 100%; padding: 13px 0 0; text-align: left; } #root .gui-checkout-one-page .strict-submit a.gui-button-large { float: none; min-width: 0; width: 100%; } /* custom view */ .gui-checkout-one-page #gui-block-method { } .gui-checkout-one-page #gui-block-method .gui-col2-equal > *, .gui-checkout-one-page #gui-block-method .gui-col2-equal > *:first-child { float: none; width: auto; } .gui-checkout-one-page #gui-block-method .gui-col2-equal > * + * { margin-top: 26px; padding-top: 22px; border-top: 1px solid #ececec; } /* end of custom view */ .gui-checkout-one-step { } #root .gui-checkout-one-step .gui-col3-equal { padding: 0; } /* .gui-checkout-one-step .order-summary .gui-table { margin-left: -20px; margin-right: -20px; } */ .gui-checkout-one-step .gui-block-subtitle, .gui-checkout-one-step .order-summary table { margin-bottom: 20px; } .gui-checkout-one-step .gui-block-subtitle, .gui-checkout-one-step .order-summary table, .gui-checkout-one-step .gui-block-highlight .gui-cart-sum { margin-bottom: 20px; } .gui-checkout-one-step .order-summary .gui-table tr > *:first-child, #root .gui-checkout-one-page #gui-block-review tr > td:first-child + * { padding-left: 20px; } .gui-checkout-one-step .order-summary .gui-table tr > *:last-child, #root .gui-checkout-one-page #gui-block-review tr > td:last-child { padding-right: 20px; } .gui-checkout-one-step .order-summary th, .gui-checkout-one-step .order-summary td, .gui-checkout-one-page #gui-block-review td, .gui-checkout-one-page #gui-block-review th { padding: 10px; font-size: 12px; } .gui-checkout-one-step .gui-div-cart-coupons .gui-button-small { width: 110px; } .gui-checkout-one-step .gui-block-highlight .gui-table .is-product { padding-left: 0; } .gui-checkout-one-step .gui-block-highlight .gui-cart-sum .gui-item { margin-bottom: 15px; } .gui-checkout-one-step .gui-block-highlight .gui-confirm-buttons .button-holder:first-child { margin-bottom: 30px; } .gui-checkout-review { } .gui-checkout-review .gui-table, .gui-checkout-one-page #gui-block-review .gui-table { margin-left: -20px; margin-right: -20px; } .gui-checkout-review table, .gui-checkout-one-page #gui-block-review table { margin-bottom: 20px; } .gui-checkout-one-page #gui-block-review tr > td:first-child { padding: 0; } #root .gui-checkout-review td, .gui-checkout-review td span, .gui-checkout-one-page #gui-block-review td span, .gui-checkout-one-page #gui-block-review td { font-size: 14px; } .gui-checkout-review td span, .gui-checkout-one-page #gui-block-review td span { font-size: 1em; } #root .gui-checkout-review tr > *:first-child, #root .gui-checkout-review tr > *:first-child + * { padding-left: 20px; } .gui-checkout-review .gui-buttons .gui-right { float: none; } #root .gui-checkout-review tr > td:first-child { padding: 0; } #root .gui-checkout-review .gui-buttons .gui-button-action { width: 100%; max-width: 390px; min-width: 0; } .gui-checkout-review .gui-cart-sum .gui-item.gui-big, .gui-checkout-one-page #gui-block-review .gui-cart-sum .gui-item.gui-big { padding: 0; } #root .gui-checkout-review .gui-cart-sum .gui-item .gui-desc, .gui-checkout-one-page #gui-block-review .gui-cart-sum .gui-item .gui-desc { width: auto; text-align: left; } #root .gui-checkout-review .gui-cart-sum .gui-item .gui-price, .gui-checkout-one-page #gui-block-review .gui-cart-sum .gui-item .gui-price { width: auto;text-align: right; } .gui-checkout-one-page .gui-block-subcontent .gui-form .gui-position-bottom a.gui-button-block { max-width: none; } .gui-checkout-shipment { } .gui-checkout-shipment .gui-block-title, .gui-checkout-payment .gui-block-title, .gui-checkout-review .gui-block-title, .gui-checkout-payment .gui-payment-method-wrapper { margin-bottom: 20px; } .gui-checkout-shipment .gui-buttons > *, .gui-checkout-payment .gui-buttons > * { width: 100%; margin: 0; } #root .gui-checkout-shipment .gui-buttons a.gui-button-link, #root .gui-checkout-shipment .gui-buttons .gui-button-small, #root .gui-checkout-payment .gui-buttons a.gui-button-link, #root .gui-checkout-payment .gui-buttons .gui-button-small { display: block; width: 100%; margin-left: 0; } .gui-popover, .gui-modal-wrapper, #root .gui-modal-wrapper, #root .gui-popover { left: 0; right: 0; } .gui-popover > .inner, .gui-modal-wrapper > .inner { padding: 20px; } .gui-popover > .inner .inset, .gui-modal-wrapper > .inner .inset { width: 100%; max-width: none; } .gui-modal-wrapper { } .gui-modal-wrapper .gui-modal { padding: 20px 20px 1px; } #root .gui-modal-wrapper .gui-col2-equal { margin-left: 0; } #root .gui-modal-wrapper .gui-col2-equal > *, #root .gui-modal-wrapper .gui-col2-equal > *:first-child { float: none; width: auto; border-left-width: 0; } #root .gui-modal-wrapper .gui-col2-equal > * + * { margin-top: 26px; padding-top: 22px; border-top: 1px solid #ececec; } .gui-register { } .gui-register .gui-col2-rightm, .gui-register .gui-address-row-1, .gui-register .gui-address-row-2, .gui-register .gui-address-row-3, .gui-register .gui-col2-equal.has-password { margin-left: -20px; } #root .gui-register .gui-col2-rightm > *, #root .gui-register .gui-address-row-1 > *, #root .gui-register .gui-address-row-2 > *, #root .gui-register .gui-address-row-3 > *, #root .gui-register .gui-col2-equal.has-password > * { border-left-width: 20px; } #root .gui-register .gui-address-row-1 > *, #root .gui-register .gui-address-row-1 > *:first-child { float: none; width: 100%; } .gui-register .gui-buttons { margin-top: 32px; } .gui-thankyou { } .gui-thankyou .gui-page-title { margin-bottom: 16px; font-size: 22px; } .gui-thankyou .gui-block-title { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; border-left-width: 0; border-right-width: 0; } .gui-thankyou .gui-col2-equal { padding: 0; } .gui-thankyou .gui-table { margin-left: -20px; margin-right: -20px; } #root .gui-thankyou th, #root .gui-thankyou td { padding: 16px; font-size: 14px; } #root .gui-thankyou tr > *:first-child { padding-left: 20px; } #root .gui-thankyou tr > *:last-child { padding-right: 20px; } .gui-thankyou .gui-cart-sum { overflow: visible; margin: 0 0 30px; padding: 0; } .gui-thankyou .gui-cart-sum .gui-item { float: none; width: auto; max-width: none; padding: 0; } .gui-thankyou .gui-cart-sum .gui-desc { width: auto; text-align: left; } #root .gui-thankyou .gui-cart-sum .gui-line { float: none; width: auto; max-width: none; margin: 0 -20px 11px; } .header-a { margin-bottom: 24px; padding-bottom: 14px; } .heading-blog { position: relative; } .heading-blog h1, .heading-blog h2, .heading-blog h3, .heading-blog h4, .heading-blog h5, .heading-blog h6 { margin: 0 0 9px; font-size: 18px; font-weight: 800; } .heading-blog ul { position: relative; margin-bottom: 15px; margin-right: 0; padding: 0 15px 0 0; } .heading-blog .link-chat { display: block; position: absolute; right: 0; top: 2px; margin: 0; } .heading-product { margin-bottom: 16px; } .heading-product h1, .heading-product h2, .heading-product h3, .heading-product h4, .heading-product h5, .heading-product h6 { margin: 0 0 7px; font-size: 18px; } .input-inline { display: block; } .input-inline label { float: none; padding: 0; white-space: normal; } .input-inline input, .input-inline .select, .input-inline .semantic-select-wrapper, .input-inline textarea { float: none; width: 100%; } .input-rating { margin: 0 -17px 7px 0; line-height: 32px; } .input-rating li { margin: 0 17px 0 0; font-size: 13px; } .input-rating label { line-height: 32px; } .input-rating .star-rating { width: 32px; height: 32px; margin: 0 3px 0 0; } .list-box { margin: 0 0 43px -8px; } .list-box li { width: 50%; margin: 0 0 8px; border-left-width: 8px; font-size: 11px; } .list-brands { margin-top: -30px; } .list-brands li { width: 50%; border-top-width: 1px; border-bottom-width: 0; } .list-brands li:first-child, .list-brands li:first-child + * { border-top-width: 0; } .list-brands .img { height: 72px; } #content > .list-brands:last-child { margin-bottom: 30px; } .list-brands + .link-more { margin-top: -30px; } .list-brands.b { display: block; margin: 0 -20px 40px; padding: 0; text-align: left; } .list-brands.b li { float: none; width: auto; margin: 0; padding: 0; border-width: 0; font-size: 15px; } .list-brands.b a { display: block; overflow: hidden; position: relative; padding: 13px 40px 13px 10px; border-bottom: 1px solid #dcdcdc; background: #fafafa; color: #4F4F4F; font-weight: 700; } .list-brands.b a:after { content: "\e92d"; display: block; position: absolute; right: 0; top: 0; width: 34px; color: #000; font-weight: 400; font-family: i; font-size: 12px; line-height: 50px; text-align: center; } #root .m30 + .list-brands.b { margin-top: -16px; } .list-brands.is-a { } .list-brands.is-a li { border-width: 0; } #top .cart .list-cart, #top .favorites .list-cart { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 400px); } #top .favorites .list-cart { max-height: calc(100vh - 244px); } .list-cart-main { z-index: 99999 !important; margin-top: 41px; } .list-cart-main li { min-height: 79px; padding: 14px 0 14px 80px; } #root .list-collection li:before { visibility: visible; opacity: 1; } .list-cart-main figure { top: 0; bottom: auto; width: 70px; height: 78px; } .list-cart-main h1, .list-cart-main h2, .list-cart-main h3, .list-cart-main h4, .list-cart-main h5, .list-cart-main h6 { margin: 0 0 1px; font-size: 14px; } .list-cart-main footer { position: relative; top: 0; margin: 13px 0 0 -8px; padding: 0; } .list-cart-main footer p.triple { margin: 0 0 3px; } #root .list-cart-main footer p.triple > * { float: left; } #root .list-cart-main footer p.triple > *:first-child { float: left; } .list-cart-main .price.shrink-1 { font-size: 20px; } .list-cart-main { } .list-cart-main footer .price { padding-bottom: 5px; } .list-checks { } .list-checks li.has-countdown:first-child { margin: 0 0 22px; padding-left: 0; } .list-collection { margin-top: -9px; margin-bottom: 25px; } .list-collection, .mobile .list-collection { margin-left: -20px; margin-right: -22px; color: #000; } .list-collection li { width: 50%; margin: 0 0 9px; padding: 9px 20px; border-left-width: 2px; background: #fff; } #root .list-collection li { z-index: 2 !important; } .list-collection li:before { visibility: visible; left: 0; right: 0; box-shadow: 0 4px 4px rgba(0,0,0,.08); border-radius: 0; border-width: 0; background: none; opacity: 1; } .list-collection .img { margin: 0 0 10px; } .list-collection .img li { min-height: 0; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin: 0 0 6px; font-size: 14px; } .list-collection .desc { margin: 0 0 9px; } .list-collection .price { min-height: 0; margin: 0 0 13px; font-size: 19px; } .list-collection .price span { top: -1px; color: #ABABAB; font-size: .63157894736em; } .list-collection .check-a { padding-top: 4px; } .list-collection .label { right: 20px; top: 9px; } .list-collection .label.circle, .list-collection .label.circle.big, .product-slider .label.circle.big, .list-collection .label.circle.bigger, .product-slider .label.circle.bigger { width: 50px; height: 50px; font-size: 11px; line-height: 1.1; } #root .list-collection .featured { width: 100%; min-height: 0; margin: 9px 18px; } #root .list-collection .featured figure, .js #root .list-collection .featured figure img { position: relative; top: 0; bottom: 0; } #root .list-collection .featured h1, #root .list-collection .featured h2, #root .list-collection .featured h3, #root .list-collection .featured h4, #root .list-collection .featured h5, #root .list-collection .featured h6 { left: 10px; bottom: 10px; width: 100%; max-width: 230px; padding: 11px 20px 7px; font-size: 15px; line-height: 1.53333333333; } #root .list-collection .featured h1 span, #root .list-collection .featured h2 span, #root .list-collection .featured h3 span, #root .list-collection .featured h4 span, #root .list-collection .featured h5 span, #root .list-collection .featured h6 span { padding: 1px 0 0; font-size: 1.33333333333em; } #content > .list-collection:last-child { margin-bottom: 50px; } .list-collection + .link-more { margin-top: -20px; } .list-collection .owl-stage-outer { overflow: hidden; } .list-collection .owl-item { visibility: visible; opacity: 1; } /*.list-collection > .bx-wrapper, .list-collection.is-slider > .bx-wrapper > .bx-viewport, .list-collection.is-slider > .bx-wrapper > .bx-viewport > .inner, .list-collection.is-slider > .bx-wrapper > .bx-viewport > .inner > .item { overflow: visible !important; visibility: visible !important; left: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0; opacity: 1 !important; }*/ [class^="cols"] .list-collection > li { width: 50%; } .list-collection.is-slider { margin: -20px -20px 20px; } .list-collection .owl-item > .item { padding: 10px 0; } .list-collection.horizontal { margin-left: -20px; margin-top: -7px; color: #000; font-weight: 400; } .list-collection.horizontal + .link-more { margin-top: 0; } .list-collection.horizontal > li { min-height: 165px; padding: 18px 20px 18px 50%; } .list-collection.horizontal h1, .list-collection.horizontal h2, .list-collection.horizontal h3, .list-collection.horizontal h4, .list-collection.horizontal h5, .list-collection.horizontal h6 { margin-bottom: 3px; } .list-collection.horizontal p { margin: 0 0 3px; } #root .list-collection.horizontal .img { position: absolute; left: 17px; top: 50%; width: calc(50% - 34px); } .list-collection.horizontal .img li { max-width: 115px; margin: 0 auto; } .list-collection.horizontal .label { position: absolute; right: calc(50% + 27px); left: auto; top: 12px; } .list-collection.horizontal .label span { left: 5px; min-width: 0; padding: 0; background: none; } .list-collection.horizontal .price { margin: 0 0 9px; } .list-collection.horizontal .rating { margin-bottom: 8px; } .list-collection.horizontal .rating .rating-a { margin: 0; padding-top: 0; } .list-collection.horizontal .rating .rating-a .rating { overflow: visible; height: 13px; padding: 1px 0 0; } .list-collection.horizontal .rating .rating-a .rating > * { width: 13px; height: 13px; } .list-collection.horizontal form { position: absolute; left: 23px; bottom: 7px; } .list-collection.horizontal form .check-a { position: relative; margin: 0; font-size: 12px; } .list-collection.horizontal form .check-a .input, .list-collection.horizontal form .check-a input { top: 1px; } .list-collection.horizontal .extra, .list-collection.horizontal p[class^="overlay"], .list-collection.horizontal .check-a .unit { position: absolute; left: -3000em; top: 0; } .list-collection.horizontal .price { position: relative; left: 0; top: 0; } .list-collection.horizontal + .pagination-a { margin-top: 0; } .list-checks { } .module-chat + .list-checks { margin-top: 30px; } .list-comment { margin: 0 0 28px; } .list-comment li { min-height: 0; margin-bottom: 34px; padding: 0 0 29px; } .list-comment li:last-child { margin-bottom: 0; padding-bottom: 0; } .list-comment h1, .list-comment h2, .list-comment h3, .list-comment h4, .list-comment h5, .list-comment h6 { margin: 0 0 -3px; padding: 0; } .list-comment .date { position: relative; top: 0; } .list-comment p { margin-bottom: 5px; } .list-compare { display: block; } .list-compare li { float: none; width: auto; min-height: 117px; margin: 10px 0 0; padding: 20px 30px 20px 107px; } .list-compare figure { position: absolute; left: 0; top: 0; bottom: 0; width: 90px; min-height: 0; height: auto; margin: 0; } .list-compare .price { margin: 0; } .list-compare .close { width: 32px; height: 72px; } .list-compare li.empty { padding: 20px; } .list-countdown { display: block; margin-bottom: 7px; margin-left: 0; } .list-countdown li { float: none; width: auto; margin: 0 0 16px; border-left-width: 0; text-align: left; } .list-countdown .countdown { padding: 0; font-size: 22px; text-align: left; } .list-info { } .list-info li { padding-left: 50%; padding-right: 20px; } .list-info li.more { padding-left: 20px; } .list-info li > span:first-child { width: 96%; margin-left: -100%; padding-left: 0; text-align: left; } .list-info li.has-icon { text-align: right; } .list-product-rating { margin-right: -28px; } .list-product-rating li { margin-right: 14px; font-size: 13px; } .list-product-rating .check-a input, .list-product-rating .check-a .input { top: 0; } #root .list-related { margin: 0 0 34px; } #root .list-related li { float: none; width: auto; min-height: 124px; margin: 0 0 20px; padding: 0 0 0 192px; border-width: 0; } #root .list-related figure { position: absolute; left: 0; top: 50%; width: 174px; height: 124px; background-position: center center; } #root .list-related h1, #root .list-related h2, #root .list-related h3, #root .list-related h4, #root .list-related h5, #root .list-related h6 { margin: 0 0 9px; font-size: 16px; } #root .list-related .small { margin: 0 0 9px; font-size: 12px; } #root .list-related ul { margin-right: 0; } #root .list-related ul li { float: none; width: auto; min-height: 0; margin: 0 0 7px; padding: 0; font-size: 12px; } #root .list-related ul li i { margin-right: 5px; } .list-related p { line-height: 1.6; } #root .list-related.c { } #root .list-related.c li { padding: 0 0 10px 120px; } .list-related.c li:after { left: -30px; right: -30px; box-shadow: 0 4px 4px rgba(0,0,0,.05); } #root .list-related.c ul li { padding: 0; } #root .list-related.c figure { overflow: hidden; position: absolute; left: 0; top: 0; width: 105px; height: 60px; } #root .list-related.c figure a { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #root .list-related.c h1, #root .list-related.c h2, #root .list-related.c h3, #root .list-related.c h4, #root .list-related.c h5, #root .list-related.c h6 { min-height: 60px; margin: 0 0 11px; padding: 3px 0 0; font-size: 20px; line-height: 1; white-space: normal; } #root .list-related.c ul { margin: 0 0 0 -120px; padding: 0; } #root .list-related.c ul li { margin: 0; padding: 0; } #root .list-related.c p { margin-left: -120px; } #root .list-related.is-slider { margin: 0 -20px 44px; padding: 17px 20px 3px; border-top-width: 1px; border-bottom-width: 1px; } #root .list-related.is-slider li { margin: 0; } #root .list-related.is-slider p { max-width: 290px; } #root .m40 + .list-related + .list-related.is-slider { margin-top: -27px; } #root .m30 + .list-related + .list-related.is-slider { margin-top: -17px; } #root .m20 + .list-related + .list-related.is-slider { margin-top: -7px; } .list-sliders { margin-left: 0; } #root .list-sliders li { float: none; width: 100%; min-height: 190px; padding: 20px; border-left-width: 0; } #root .slider-a .list-sliders li { padding-bottom: 45px; } #root .list-sliders figure { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #root .list-sliders header { position: relative; left: 0; top: 0; bottom: auto; max-width: 260px; padding: 0; } #root .list-sliders header > *:last-child, #root .slider-a .module-featured > *:last-child { margin-bottom: 0; } .list-sliders p { font-size: 13px; } .list-sliders p.btn { overflow: hidden; margin: 0 0 8px; font-size: 13px; } .list-sliders p.btn > * { float: left; padding: 5px 4px; } .list-total { } .list-total li { margin-left: 0; } .list-total li.strong + li.shipping { margin-top: 14px; } .list-total li.strong > span:first-child, .list-total.b li.strong > span:first-child { font-size: .53333333333em; } .list-total.b { } .list-total.b li.strong { font-size: 22px; } .list-usp { } .list-usp li { padding: 0 /*18px*/; } .list-usp li:before { display: inline-block; position: relative; left: 0; top: 2px; margin-right: 7px; } .module-block, .module-block.img { overflow: hidden; margin: 0 0 40px; padding: 20px 20px 1px; } .module-block.img figure { position: relative; left: 0; top: 0; z-index: 2; margin-left: -20px; margin-right: -20px; margin-top: -20px; } .module-block.img figure:before { content: ""; display: block; position: absolute; left: 0; top: 50%; right: 0; z-index: 8; height: 3000em; background: rgba(0,0,0,.04); } .module-block h1, .module-block h2, .module-block h3, .module-block h4, .module-block h5, .module-block h6 { margin-bottom: 22px; } .module-block + .module-block { margin-top: 40px; } .module-border { margin: 33px 0 28px; padding: 21px 0 17px; } .module-entry { color: #fff; } .module-entry a { color: #fff; } .module-featured { min-height: 190px; } .module-featured .link-btn .price { margin-right: 10px; } aside .tablet-hide + .module-featured { margin-top: 33px; } .module-featured.a { margin-top: 50px; margin-left: 0; margin-right: 0; padding: 0; background: none; } .module-featured:before { margin: 0; padding: 0; } .module-featured.a figure { position: relative; left: 0; top: 0; bottom: 0; width: auto; margin: 0 0 44px; } .module-featured.a h1, .module-featured.a h2, .module-featured.a h3, .module-featured.a h4, .module-featured.a h5, .module-featured.a h6 { margin: 0 0 14px; font-size: 18px; } .module-featured.a h1 span, .module-featured.a h2 span, .module-featured.a h3 span, .module-featured.a h4 span, .module-featured.a h5 span, .module-featured.a h6 span { padding: 5px 0 0; font-size: .88888888888em; } .module-featured.a .rating-a { padding: 0 0 0 104px; line-height: 18px; } .module-featured.a .rating-a .rating { top: 0; width: 104px; height: 18px; } .module-featured.a .rating-a .rating > * { width: 18px; } .module-featured.a .link-btn a { float: right; min-width: 205px; } .module-featured.b, .module-featured.d { margin-bottom: 30px; padding-top: 20px; padding-bottom: 20px; } .module-featured.b .last-child, .module-featured.c .last-child, .module-featured.d .last-child, .module-featured.b > *:last-child, .module-featured.c > *:last-child, .module-featured.d > *:last-child { margin-bottom: 0; } .module-featured.c { min-height: 270px; margin-bottom: 30px; padding: 20px 24px 20px 50%; } .module-featured.c figure { left: 0; width: 50%; max-width: none; text-align: center; } .module-featured.c h1, .module-featured.c h2, .module-featured.c h3, .module-featured.c h4, .module-featured.c h5, .module-featured.c h6 { margin: 0 0 5px; font-size: 16px; line-height: 1.125; } .module-featured.c > * { max-width: 170px; } .module-featured.c .link-btn a, .module-featured.d .link-btn a { display: block; float: none; min-width: 0; padding-left: 12.5px; padding-right: 12.5px; } .module-featured.c.align-left, .module-featured.d.align-left { padding-left: 24px; padding-right: 50%; } .module-featured.c.align-left figure { left: auto; right: 0; } .module-featured.d { min-height: 190px; padding: 20px 24px 20px 50%; } .module-featured.d h1, .module-featured.d h2, .module-featured.d h3, .module-featured.d h4, .module-featured.d h5, .module-featured.d h6 { font-size: 22px; } .module-featured.d .link-btn { margin-top: 0; } .module-featured-bg, .module-entry { margin: 0 -20px 13px; padding: 0; border-width: 0; } .module-featured-bg figure, .module-entry figure { height: 160px; margin: 0; background: center center no-repeat; background-size: cover; } .module-featured-bg header, .module-entry header { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; max-width: none; padding: 0 20px 1px; } .module-featured-bg h1, .module-featured-bg h2, .module-featured-bg h3, .module-featured-bg h4, .module-featured-bg h5, .module-featured-bg h6, .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6 { margin: 0 0 13px; color: #fff; font-family: Montserrat, Muli, Arial, Helvetica, sans-serif; font-size: 24px; line-height: 1.325; } .module-featured-bg ul, .module-entry ul { margin: 0 -10px 24px 0; } .module-featured-bg ul li, .module-entry ul li { margin-right: 10px; font-size: 10px; } .module-featured-bg i, .module-entry ul li i { top: -1px; margin: 0 3px 0 0; font-size: 7px; } .module-info { margin: 0 0 9px; padding: 0; background: none; } .module-info p, .module-info ul, .module-info ol, .module-info.a p, .module-info.a ul, .module-info.a ol { margin-bottom: 24px; } .module-info .list-info, .module-info.a .list-info { margin-left: -20px; margin-right: -20px; margin-bottom: 6px; } .module-rating { position: relative; margin-top: 68px; max-width:unset; } .module-rating:before { top: -42px; height: 1px; } .module-reviews, .wrapper-reviews .module-reviews { padding: 0 14px 0 24px; border-width: 1px; } .module-reviews h1, .module-reviews h2, .module-reviews h3, .module-reviews h4, .module-reviews h5, .module-reviews h6 { padding-left: 0; } .module-reviews ul { margin: 0 -14px 0 0; } .module-reviews li:first-child { padding-top: 19px; } .module-reviews li { min-height: 0; padding: 0; } .module-reviews ul::-webkit-scrollbar { width: 7px; } .module-reviews ul.scrolled .jspPane { padding-right: 14px !important; } .module-reviews ul.scrolled .jspVerticalBar { width: 7px; } .module-reviews ul a.more { display: block; } .module-reviews .rating-a { float: none; width: auto; margin: 0 0 12px; padding: 0 0 0 93px; font-size: 14px; text-indent: 0; } .module-reviews .rating-a { position: relative; top: auto; bottom: 0; height: 15px; margin: 8px 0; padding: 0; } .module-scrolled, .module-scrolled.scrolled, .module-scrolled.a { overflow: visible !important; height: auto; margin: 0 0 30px; padding: 0 0 10px !important; border-width: 0; } .module-scrolled:before { content: ""; display: block; position: absolute; left: -10px; top: 15px; right: -100px; bottom: 0; box-shadow: 0 4px 4px rgba(0,0,0,.05); } .module-scrolled .jspContainer, .module-scrolled .jspPane, .module-scrolled.a .jspPane { position: relative; left: 0 !important; top: 0 !important; width: auto !important; height: auto !important; padding: 0 !important; } .module-scrolled h1, .module-scrolled h2, .module-scrolled h3, .module-scrolled h4, .module-scrolled h5, .module-scrolled h6 { max-width: none; margin-bottom: 35px; font-size: 20px; } .module-scrolled .size-a { max-width: none; } .module-summary { margin: 0; padding: 0; border-width: 0; border-radius: 0; background: none; } .module-summary header, .module-summary footer { float: none; width: auto; } .module-summary header { margin: 0 -10px 14px; padding: 17px 17px 0; border-radius: 4px; border-width: 1px; background: #fafafa; } .module-summary header:before { left: 17px; right: 17px; bottom: 18px; } .module-summary header .payments li { margin: 0 8px; } .module-welcome { min-height: 415px; padding: 20px; } .module-welcome h1, .module-welcome h2, .module-welcome h3, .module-welcome h4, .module-welcome h5, .module-welcome h6 { margin: 0 0 10px; font-size: 30px; } .module-welcome p { margin: 0 0 24px; font-size: 18px; } .module-welcome .link-btn { font-size: 15px; } .pagination-a { margin: 0 -40px 24px; padding: 0 40px 19px; box-shadow: 0 4px 4px rgba(0,0,0,.08); border-width: 0; } .list-collection + .pagination-a { margin-top: -9px } .popup-small, .popup-a { left: 0; right: 0; } .popup-small .box-outer, .popup-a .box-outer { padding: 15px; } .popup-small .box-inner, .popup-a .box-inner { width: 100%; } .popup-small .box-inset, .popup-a .box-inset { padding: 22px 16px 0; } .popup-small .box-inset > .close, .popup-a .box-inset > .close { width: 33px; height: 23px; font-size: 11px; } .popup-a { } .popup-a h1, .popup-a h2 { margin: 0 0 27px; font-size: 16px; } .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { margin: 0 0 2px; padding: 0; border-width: 0; font-size: 16px; } .popup-a * + .list-total.b { margin-top: 0; padding-top: 0; border-width: 0; } .popup-a .list-total { margin-bottom: 23px; } .popup-small .box-inset, .popup-a .box-inset { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .popup-a { } .popup-a .box-outer { display: block; padding: 0; } .popup-a .box-inset { padding: 26px 28px 0; border-radius: 0; border-width: 0; } .popup-a h1, .popup-a h2 { padding-right: 30px; text-align: left; } .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { margin-bottom: 12px; } .popup-a .double.c > * + * { padding: 0; border-top-width: 0; } .popup-a .list-total { margin-bottom: 11px; } .popup-cart { } .popup-cart h1, .popup-cart h2 { text-align: left; } .popup-cart h1:before, .popup-cart h2:before { content: "\e92a"; display: inline-block; position: relative; top: -1px; margin-right: 6px; color: #27ae60; font-family: i; font-weight: 400; font-size: 8px; line-height: 1px; } .popup-cart .link-btn a, .popup-cart .submit a, .popup-cart button, .popup-login .link-btn a, .popup-login button { min-width: 0; padding: 17.5px 5px; } .popup-cart div.submit > * { min-width: 0; } .popup-cart div.submit > * + * { margin-left: 10px; } .popup-rating { } .popup-rating .box-outer, .popup-newsletter .box-outer, .popup-login .box-outer { display: block; padding: 0; } .popup-rating .box-inset { padding: 36px 28px 14px; border-radius: 0; } #root .popup-a .box-inset > .close, #root .popup-newsletter .box-inset > .close, #root .popup-login .box-inset > .close { left: auto; right: 21px; top: 38px; z-index: 99; width: 28px; height: 28px; border-radius: 99px; color: #fff; font-size: 25px; } .icon-circle:before { content: "\e93e"; } #root .popup-login .box-inset > .close { right: 18px; top: 27px; color: #D4D4D4; } #root .popup-a .box-inset > .close { right: 15px; top: 24px; color: #D4D4D4; } #root .popup-newsletter .box-inset > .close { right: 15px; top: 19px; background: #56ccf2; color: #fff; } .popup-rating .box-inset > .close:before, .popup-newsletter .box-inset > .close:before, .popup-a .box-inset > .close:before, .popup-login .box-inset > .close:before { content: "\e900"; } .popup-rating header { } .popup-rating h1, .popup-rating h2, .popup-rating h3, .popup-rating h4, .popup-rating h5, .popup-rating h6, .popup-newsletter h1, .popup-newsletter h2, .popup-newsletter h3, .popup-newsletter h4, .popup-newsletter h5, .popup-newsletter h6 { margin: 0 0 17px; padding: 0; font-size: 16px; } .popup-rating header p, .popup-newsletter header p, .popup-newsletter footer p { margin: 0 0 4px; font-size: 13px; } .popup-rating p { margin: 0 0 11px; font-size: 13px; } .popup-rating label { margin: 0 0 7px; } .popup-rating button { margin-top: 16px; } .popup-rating button, .popup-newsletter button, .popup-rating .link-btn a, .popup-newsletter .link-btn a { float: right; width: auto; min-width: 170px; padding-top: 17.5px; padding-bottom: 17.5px; } .popup-rating .list-checks, .popup-newsletter .list-checks { margin-bottom: 13px; } .popup-rating .list-checks li, .popup-newsletter .list-checks li { margin-bottom: 8px; font-size: 13px; } .popup-login { } .popup-login .box-inset { padding: 34px 22px 20px; border-radius: 0; border-width: 0; } .popup-login h1, .popup-login h2, .popup-login h3, .popup-login h4, .popup-login h5, .popup-login h6 { margin-bottom: 16px; padding: 0; } .popup-login label { font-size: 13px; } .popup-login .double > * + * { margin-top: 35px; } .popup-newsletter { } .popup-newsletter .box-inset { display: block; min-height: 495.5px; padding: 182px 22px 13px; border-radius: 0; } .popup-newsletter .box-inset > .close { } #root .popup-newsletter figure { position: absolute; left: 0; top: 0; right: 0; bottom: auto; width: auto; height: 167px; } .popup-newsletter h1, .popup-newsletter h2, .popup-newsletter h3, .popup-newsletter h4, .popup-newsletter h5, .popup-newsletter h6 { margin-bottom: 23px; } .popup-newsletter button { float: right; margin-top: 3px; } .popup-newsletter footer h1:after, .popup-newsletter footer h2:after, .popup-newsletter footer h3:after, .popup-newsletter footer h4:after, .popup-newsletter footer h5:after, .popup-newsletter footer h6:after { margin: 14px 0 0; font-size: 33px; line-height: 33px; } .popup-newsletter footer * + .link-btn { margin-top: 23px; } .popup-newsletter .link-btn a { float: left; } .popup-product { } .popup-product .box-inner { width: 40px; } .popup-product .box-inset { height: 40px; padding: 0; } #root .popup-product .box-inset > .close { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 40px; height: 40px; } .price-a { } .price-a span, .price-a .small, .price-a span.old { font-size: .4em; } #root .price-a .small { display: block; padding: 0; } #root .price-a span.old { margin: 0; white-space: nowrap; } .product-info { margin-top: 0; } .product-info .header { display: block; position: relative; margin: -1px -20px 0; padding: 15px 40px 15px 20px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size: 15px; font-weight: 700; font-family: Muli, Arial, Helvetica, sans-serif; cursor: pointer; } .product-info .header:before { content: "\e92d"; display: block; position: absolute; right: 20px; top: 50%; margin: -10px 0 0; color: #000; font-size: 13px; font-family: i; font-weight: 400; line-height: 20px; } .product-info .header.toggle { margin-bottom: 14px; border-bottom-color: rgba(0,0,0,0); color: #FF6602; } .product-info .header.toggle:before { color: #FF6602; } .product-info .header.toggle:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .product-info .list-a + .header { border-top-width: 0; } .product-info > * { margin-top: 40px; } .product-info > .left + .right, .product-info > .right + .left { margin-top: 0; } .product-slider { margin: 0 0 25px; } .product-slider li a { padding: 0; } .product-slider li a img { width: auto !important; height: auto !important; max-height: 180px !important; } .product-slider li a.big img { max-height: none !important; } .product-slider .bx-controls-direction a, .product-slider .owl-nav button { top: 50%; width: 40px; height: 40px; margin: -20px 0 0; color: #000; font-size: 18px; } /*.product-small { max-width: none; min-height: 79px; padding: 17px 56px 0 112px; } #root .product-small { margin-bottom: 18px; } .product-small figure { left: 20px; max-width: 83px; } .product-small h1, .product-small h2, .product-small h3, .product-small h4, .product-small h5, .product-small h6 { margin: 0 0 -2px; font-size: 13px; line-height: 1.15384615385; } .product-small .price { margin-right: -56px; text-align: right; }*/ .product-small { max-width: none; min-height: 107.4px; padding: 0 0 0 153px; } .product-small, .popup-a .double .product-small:first-child { margin: 0 0 22px; } .product-small figure { left: 0; max-width: 117px; } .product-small h1, .product-small h2, .product-small h3, .product-small h4, .product-small h5, .product-small h6 { margin: 0 0 4px; font-size: 16px; line-height: 1.5; } .product-small p { position: relative; left: 0; top: 0; margin: 0 0 3px; font-size: 14px; } .product-small .price { margin-right: 0; font-size: 22px; font-weight: 800; line-height: 1.2; text-align: left; } .product-small .price span { position: relative; top: -2px; color: #828282; font-weight: 600; font-size: .63636363636em; text-decoration: line-through; } .product-sticky { left: 0; right: 0; top: 0; width: auto; z-index: 99999; margin: 0; padding: 14px 12px 0; } .product-sticky, .show-product-sticky.compare-initialize #root .product-sticky, .show-product-sticky.compare-initialize.scrolled-down #root .product-sticky, .show-product-sticky.menu-active #root .product-sticky, .show-product-sticky.cart-active #root .product-sticky, .popup-shown #root .product-sticky { -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); } .scrolled-down .product-sticky { top: 0; } .product-sticky header { float: none; margin-bottom: 15px; padding: 0 0 0 80px; } .product-sticky .price { padding-right: 12px; padding-top: 8px; font-size: 30px; } .product-sticky .price span { display: block; margin: -8px 0 2px; font-size: .5em; } .product-sticky p { max-width: 167px; margin: 0 0 15px; } .product-sticky p { -webkit-flex-grow: 3; flex-grow: 3; } #root .product-sticky button { width: 100%; padding: 0; } .product-sticky .select { width: auto; } .product-sticky select { width: 64px; padding: 0 25px 0 17px; font-weight: 400; } .gecko .product-sticky select { padding-left: 12px; } .product-sticky .select:after { border-radius: 4px; background: #fafafa; } .rating-a { padding-left: 76px; line-height: 1.2; } .rating-a .rating { top: 1px; width: 80px; height: 13px; } .rating-a .rating > * { width: 13px; margin-right: 1px; } .rating-a.b { height: 14px; } .slider-a { margin: 0 0 20px; } #root .slider-a .module-featured, #root .slider-a .list-sliders, #root .slider-a .list-sliders li { margin-bottom: 0; } #root .slider-a .module-featured { min-height: 190px; padding: 20px 20px 45px; } #root .slider-a .module-featured .price { font-size: 22px; } .slider-a .module-featured .price span { margin-bottom: 0; font-size: 10px; } #root .slider-a h1, #root .slider-a h2, #root .slider-a h3, #root .slider-a h4, #root .slider-a h5, #root .slider-a h6 { max-width: 260px; margin-bottom: 11px; font-size: 18px; line-height: 1.22222222222; } #root .slider-a h1 span, #root .slider-a h2 span, #root .slider-a h3 span, #root .slider-a h4 span, #root .slider-a h5 span, #root .slider-a h6 span { display: block; margin: 0 0 8px; padding: 5px 0; font-size: 10px; } .slider-a .bx-pager, .slider-a .owl-dots, .list-sliders .bx-pager, .list-sliders .owl-dots { left: 17px; bottom: 8px; margin: 0; padding: 0; } .tip { } .tip > .toggle { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 9; cursor: pointer; } .usp-container { margin: -12px 0 7px; padding: 0; } .usp-container .list-usp { max-width: none; padding: 0; } .wrapper-reviews { margin: 0 0 36px; padding: 0; border-width: 0; } .wrapper-reviews > h1, .wrapper-reviews > h2, .wrapper-reviews > h3, .wrapper-reviews > h4, .wrapper-reviews > h5, .wrapper-reviews > h6 { margin-bottom: 21px; } .wrapper-reviews > h1 .rating-a, .wrapper-reviews > h2 .rating-a, .wrapper-reviews > h3 .rating-a, .wrapper-reviews > h4 .rating-a, .wrapper-reviews > h5 .rating-a, .wrapper-reviews > h6 .rating-a { display: block; margin: 13px 0 0; padding: 0 0 0 122px; color: #000; font-size: 14px; font-weight: 700; line-height: 21px; } .wrapper-reviews > h1 .rating-a span, .wrapper-reviews > h2 .rating-a span, .wrapper-reviews > h3 .rating-a span, .wrapper-reviews > h4 .rating-a span, .wrapper-reviews > h5 .rating-a span, .wrapper-reviews > h6 .rating-a span { display: block; line-height: 21px; } .wrapper-reviews > h1 .rating-a .rating, .wrapper-reviews > h2 .rating-a .rating, .wrapper-reviews > h3 .rating-a .rating, .wrapper-reviews > h4 .rating-a .rating, .wrapper-reviews > h5 .rating-a .rating, .wrapper-reviews > h6 .rating-a .rating { top: 0; width: 120px; height: 21px; } .wrapper-reviews > h1 .rating-a .rating > *, .wrapper-reviews > h2 .rating-a .rating > *, .wrapper-reviews > h3 .rating-a .rating > *, .wrapper-reviews > h4 .rating-a .rating > *, .wrapper-reviews > h5 .rating-a .rating > *, .wrapper-reviews > h6 .rating-a .rating > * { width: 21px; margin: 0 2px 0 0; } .wrapper-reviews .module-reviews .link-btn { margin: 0 -15px -1px -25px; padding: 29px 0 0; } .wrapper-reviews .link-btn a { display: block; float: none; } #root .wrapper-reviews .m60, #root .wrapper-reviews .m40, #root .wrapper-reviews .m30 { margin-bottom: 24px; } /*button, input[type="button"], input[type="reset"], input[type="submit"] { padding-top: 12.5px; padding-bottom: 12.5px; }*/ .form-account { } .form-account > * + * { margin-top: 12px; } .form-account button, .gui-register .gui-buttons a.gui-button-small { display: block; float: none; width: 100%; min-width: 0; } .form-account .submit > span, .gui-register .gui-required { float: none; width: 100%; margin: 12px 0 0; padding: 0; text-align: left; } .form-account .triple { margin-left: -20px; } .form-account .triple > * { border-left-width: 20px; } #root .form-account .triple > * { float: left; width: 50%; } #root .form-account .triple > *:last-child { clear: both; float: none; width: 100%; } .form-cart { } .form-cart header { } .form-cart header h1, .form-cart header h2, .form-cart header h3, .form-cart header h4, .form-cart header h6, .form-cart header h5 { margin: 0; font-size: 18px; } #root .form-cart header .sticky { top: 50%; width: auto; } #root .form-cart header .sticky { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-comment { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .form-comment input + span { position: absolute; right: 0; top: -3px; padding: 0; } .form-comment .submit > span { float: left; padding-top: 11px; padding-bottom: 11px; } .form-comment .submit > span + button { margin: 0; } .form-contact { } .form-contact .submit { display: block; } .form-contact .submit button { float: right; } .form-contact .submit > span { float: left; padding-left: 0; padding-right: 0; } .form-filter { } .form-filter .close { display: block; overflow: hidden; position: absolute; top: 0; z-index: 99; text-align: left; text-indent: -3000em; cursor: pointer; } .form-filter .close.a { left: 0; width: 115px; height: 70px; } .form-filter .close.b { right: 0; width: 68px; height: 62px; color: #e0e0e0; font-size: 26px; } .form-filter .close.b:before { content: "\e93e"; } .form-filter .close.b:after { content: "\e944"; color: #828282; } .form-filter header h1, .form-filter header h2, .form-filter header h3, .form-filter header h4, .form-filter header h5, .form-filter header h6 { padding-left: 30px; } .form-filter header .header:before { content: "\e92c"; left: 0; right: auto; color: #007aff; font-size: 16px; } .form-login, #root .gui-checkout-method .gui-block-content { display: block; margin-top: 0; margin-bottom: 44px; } #root .form-login > *, #root .gui-checkout-method .gui-block-content .gui-col2-equal > *, #root .gui-checkout-method .gui-block-content .gui-col2-equal > .gui-col2-equal-col2 { float: none; width: auto; } #root .form-login > * + *, #root .gui-checkout-method .gui-block-content .gui-col2-equal > .gui-col2-equal-col1 { margin-top: 26px; padding-top: 22px; border-top-width: 1px; } .form-login h1:first-child, .form-login h2:first-child, .form-login h3:first-child, .form-login h4:first-child, .form-login h5:first-child, .form-login h6:first-child, #root .gui-checkout-method .gui-block-content .gui-block-subtitle, #root .gui-checkout-method .gui-block-content .gui-block-subtitle:first-child, .gui-modal-wrapper .gui-block-subtitle { margin-bottom: 28px; font-size: 22px; } .form-login .desktop-only + .link-btn { margin-top: 22px; } #root .gui-checkout-default .gui-buttons, #root .gui-checkout-method .gui-spacer + .gui-field .gui-radio { margin-top: 0; } .form-product { margin-bottom: 20px; } .form-product .select, .form-product select, .form-product .semantic-select, .form-product input { max-width: none; } .form-product p .price-a + .qty { margin-left: -30px; } .form-product p .price-a.extended span.old { display: block; position: absolute; left: 0; bottom: 100%; top: auto; padding: 0 0 4px; } #root .form-product .list-bulk + .submit { margin-top: 38px; } .form-product * + [class*="overlay-"] { margin-top: 15px; } .form-product .submit { margin-top: 20px; } .form-product .submit > p span.select { margin-right: 0; } .form-product .submit.is-extended { margin-top: 38px; } .form-product .submit > p button { padding-left: 5px; padding-right: 5px; } .form-product:before { left: -30px; right: -30px; box-shadow: 0 4px 4px rgba(0,0,0,.05); } .form-sort { margin: 0 0 16px; padding-top: 0; border-width: 0; } .form-sort > h1, .form-sort > h2, .form-sort > h3, .form-sort > h4, .form-sort > h5, .form-sort > h6 { min-width: 0; padding: 0 46px 0 12px; background: none; font-weight: 400; } .form-sort > h1 i, .form-sort > h2 i, .form-sort > h3 i, .form-sort > h4 i, .form-sort > h5 i, .form-sort > h6 i { right: 12px; } .form-sort select { min-width: 102px; width: 132px; } .heading-collection + .form-sort { margin-top: -17px; } #root #nav > ul > li, .module-border, .list-compare figure, .list-compare li, .product-small, .product-sticky header, .popup-product .box-outer, .popup-cart div.submit, #root .list-sliders li, .double.g, #root #footer > .double > div, .gui-account > .gui-col2-left, .gui-checkout-method .gui-buttons, .gui-checkout-details .gui-buttons, #root .gui-checkout-method .gui-col2-equal, #root .gui-checkout-shipment .gui-buttons, #root .gui-checkout-payment .gui-buttons, #root .gui-checkout-review .gui-cart-sum .gui-item, .gui-checkout-one-page .gui-col2-equal:first-child .gui-buttons, .gui-checkout-one-page #gui-block-review .gui-cart-sum .gui-item { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer > .double > ul { -webkit-justify-content: center; justify-content: center; } .gui-checkout-method .gui-buttons, .gui-checkout-details .gui-buttons, #root .gui-checkout-method .gui-col2-equal, #root .gui-checkout-one-page .gui-buttons .gui-right, .gui-checkout-one-page .gui-col2-equal:first-child .gui-buttons { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } #root #nav > ul > li, .popup-cart div.submit > * { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } #root #nav > ul > li, .popup-cart div.submit > * { -webkit-flex-grow: 3; flex-grow: 3; } #root .list-related figure, #root .list-collection.horizontal .img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .list-cart-main footer, .show-product-sticky.scrolled-down #root .product-sticky, #root .list-related.c figure, #footer > .double > ul li.logo, #footer > .double > div figure, .scrolled-down #notify, .module-block.img figure, .module-summary header .payments li { -webkit-transform: none; -ms-transform: none; transform: none; } .notify-active.show-product-sticky .product-sticky { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .list-collection.mobile-hide, .gui-checkout-review table .gui-image { display: none; } #nav, #top .usp-image, #logo, #notify { -webkit-transition: all .4s cubic-bezier(.4,0,.2,1) 0s; transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -0.1s; } #root .tablet-hide, #root .mobile-only, #root #footer > nav > *, #footer > nav .toggle ul, #footer > .double li.has-link, #footer .usp-image, #nav li.menu, #nav li.search, #root #nav > ul > li > a span, .menu-slide .title, #root .list-collection li, .form-cart .module-summary header p, .list-compare li.empty:last-child, .list-compare li.empty:nth-child(n+6), #root #compare.is-max .max, .product-small p.price, #root .product-info .header + .toggle, #footer > .double.mobile-only, #root .home .usp-container { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #cookie:after, .usp-container, #footer .usp-container, #footer > nav:before, #footer > nav ul, #footer > form > *:last-child:before, #footer > .double li, #root #top:before, #top .nav-toggle, .not-top.no-mobile #root #top .nav-main, #nav li.language, .menu-slide.active .title, .menu-up #root #nav > ul > li.menu:before, #root #nav > ul > li.logged .strong span, #root #mobile, #nav > ul > li.cart > a:after, #nav > ul > li.favorites > a:after, #nav > ul > li.user > a:after, .menu-up #nav > ul > li.cart > div.bg, .menu-up #nav > ul > li.favorites > div.bg, .menu-up #nav > ul > li.user > div.bg, #nav > ul > li.user > span.toggle, #nav > ul > li.user .double:before, .list-brands:before, .list-brands a:before, .usp-container + .nav-main.desktop-only + hr, .form-login:before, .module-featured-bg .small, #root .list-related figure img, .module-featured-bg figure img, .module-entry .small, .module-entry img, #root .usp-container, .form-cart header p, #root .list-collection li:after, .list-collection .btn, .list-collection p.link, .list-collection .pager, .list-collection .tools, #root .list-collection .img img + img, .list-compare li.empty + li.empty, .list-compare li.empty:nth-child(n+6), #root #compare .max, #root #compare.is-empty .link-btn, .double.c:before, .popup-small .box-inset > .close, .popup-a .box-inset > .close, .product-slider .pager.custom, .price-a span.shipping, .form-product .after-countdown, #root .product-info .header + *, .module-featured .link-btn i, .double-combine:before, .product-sticky h1, .product-sticky h2, .product-sticky h3, .product-sticky h4, .product-sticky h5, .product-sticky h6, .price-a.extended span.shipping, .form-sort > h1:before, .form-sort > h2:before, .form-sort > h3:before, .form-sort > h4:before, .form-sort > h5:before, .form-sort > h6:before, #root .list-collection .after-featured, #root .list-collection .usp, #root .list-collection .after-usp, .popup-product .box-inset > *, .popup-login .double:before, .popup-a .list-collection, #root #top .bg, #root .list-collection.limit > li:nth-child(n+5), #root #nav > ul:first-child, .module-scrolled .jspVerticalBar, #root .list-related.c ul:before, #root .list-related.c ul li:after, .list-brands.b img, .list-brands.b .img, .list-brands.b a span, #root .list-related.c figure a:before, #root .list-related.is-slider li:after, #root .usp-container figure, #root .usp-container p, .list-usp .bx-controls-direction a, #root #nav > ul > li.sub.currency > a:before, #root #nav > ul > li.sub.language > a:before, #root #nav > ul > li > a span.mobile-hide, #root #nav > ul > li.currency, .module-featured.a:before, .module-reviews .author, #root .list-usp .owl-prev, #root .list-usp .owl-next, .list-checks li.has-countdown:first-child:before, .form-sort .check-b, .module-block.img figure:after, .module-block.img:before, .list-bulk .label, .list-bulk.a .label, #root .product-sticky *[class*="overlay"], #root .gui-checkout-method .gui-block-content:before, .gui-checkout-review .gui-cart-sum .gui-item:after, .gui-checkout-review .gui-cart-sum .gui-clear, #root .gui-checkout-one-page .gui-clear, .gui-checkout-one-page #gui-block-review table .gui-image, .gui-checkout-one-page #gui-block-review .gui-cart-sum .gui-item:after, #root .gui-modal-wrapper .gui-col2-equal:before, #root .gui-checkout-one-step .gui-block-highlight .gui-table .is-product .gui-product-image, .product-sticky button:after { position: absolute; left: -30000px; top: -30000px; bottom: auto; right: auto; } .list-collection .bx-clone { position: absolute !important; left: -30000px !important; top: -30000px !important; bottom: auto !important; right: auto !important; } { position: absolute; left: -3000em; top: 0; } } @media only screen and (max-width: 31.25em) { /* 500 */ .list-cart-main { } .list-cart-main .price.shrink-1 { font-size: 13px; } .list-total { padding: 0; } .gui-account { } form .gui-account .gui-col2-rightm > .gui-col2-rightm-col2, form .gui-account .gui-col2-rightm > .gui-col2-rightm-col1, #root .gui-checkout-one-step .gui-col2-equal > * { float: none; width: 100%; } .gui-checkout-one-step { } .gui-checkout-one-step .gui-block-subtitle a { position: relative; right: 0; bottom: 0; } .gui-checkout-payment { } .gui-checkout-payment .gui-payment-method-wrapper { margin-bottom: 20px; } .gui-checkout-payment .gui-block-subtitle, .gui-checkout-one-page .gui-payment-method-wrapper .gui-block-subtitle { padding: 13px 20px 14px; font-size: 16px; } .gui-checkout-payment .gui-payment-methods .gui-payment-method label, .gui-checkout-one-page .gui-payment-method-wrapper .gui-payment-methods .gui-payment-method label { padding: 10px 70px 10px 86px; font-size: 14px; } .gui-checkout-payment .gui-payment-methods .gui-payment-method img, .gui-checkout-one-page .gui-payment-method-wrapper .gui-payment-methods .gui-payment-method img { left: 46px; width: 30px !important; } #root .gui-checkout-payment .gui-payment-methods .gui-payment-method .gui-right, .gui-checkout-one-page .gui-payment-method-wrapper .gui-payment-methods .gui-payment-method-subtitle .gui-right { left: auto; right: 24px; top: 10px; } #root .gui-checkout-payment .gui-payment-methods .gui-payment-method input, #root .gui-checkout-payment .gui-payment-methods .gui-payment-method .input, #root .gui-checkout-one-page .gui-payment-method-wrapper .gui-payment-methods .gui-payment-method .input, .gui-checkout-payment .gui-payment-methods .gui-payment-method input ~ .gui-payment-method-subtitle:before, .gui-checkout-payment .gui-payment-methods .gui-payment-method input ~ .gui-payment-method-subtitle:after, .gui-checkout-one-page input ~ .gui-payment-method-subtitle:before, .gui-checkout-one-page input ~ .gui-payment-method-subtitle:after { left: 20px; top: 50%; margin: -8px 0 0; } .gui-checkout-shipment { } .gui-checkout-shipment .gui-block-option, #root .gui-checkout-one-page #gui-block-shipment-method .gui-block-option { margin: 0 0 20px; padding: 20px 20px 1px; } #root .gui-checkout-shipment .gui-radio, #root .gui-checkout-one-page #gui-block-shipment-method .gui-radio, #root .gui-checkout-one-page #gui-block-shipment-method .gui-field { position: relative; font-size: 14px; } #root .gui-checkout-shipment .gui-radio label, #root .gui-checkout-one-page #gui-block-shipment-method label { padding-left: 26px; } #root .gui-checkout-shipment .gui-radio .input, #root .gui-checkout-one-page #gui-block-shipment-method .input, #root .gui-checkout-one-page #gui-block-shipment-method .gui-radio .input, .gui-checkout-shipment .gui-radio input ~ label:before, .gui-checkout-shipment .gui-radio input ~ label:after, .gui-checkout-one-page #gui-block-shipment-method input ~ label:before, .gui-checkout-one-page #gui-block-shipment-method input ~ label:after { left: 0; top: 3px; margin: 0; } #root .gui-checkout-shipment .gui-form .gui-radio .gui-right, #root .gui-checkout-one-page #gui-checkout-shipment-methods .gui-right { right: 0; top: 0; } #root .gui-checkout-one-page #gui-block-shipment-method .is-radio { margin-bottom: 21px; } .gui-checkout-one-step .gui-block-subtitle { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 480px) { /* 480 */ #root .gui-checkout-review tbody tr:first-child > td { padding-top: 0; } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } #top { } #logo a { right: 0; width: auto; max-width: none; } #cookie { padding-top: 20px; } #cookie .link-btn { margin-top: 15px; } #cookie .link-btn a { float: none; width: 100%; } .gui-register { } #root .gui-register .gui-col2-rightm > *, #root .gui-register .gui-address-row-1 > *, #root .gui-register .gui-address-row-2 > *, #root .gui-register .gui-address-row-3 > *, #root .gui-register .gui-col2-equal.has-password > *, #root .gui-checkout-one-step .gui-col2-rightm > * { float: none; width: auto; } .list-checks { } .list-checks li.has-countdown { padding-right: 99px; } .list-checks .countdown, .list-checks .countdown .count { width: 99px; } .popup-rating .box-inset, .popup-newsletter .box-inset, .popup-login .box-inset, .popup-a .box-inset { padding-left: 20px; padding-right: 20px; } .product-small { padding-left: 137px; } .form-cart { } .form-cart header h1, .form-cart header h2, .form-cart header h3, .form-cart header h4, .form-cart header h6, .form-cart header h5 { padding-right: 0; } .form-comment { } .form-comment input + span { position: relative; top: 0; padding: 6px 0 0; } #top .usp-image, #root .form-cart header .sticky, .list-product-rating li.favorites { position: absolute; left: -30000px; top: -30000px; bottom: auto; right: auto; } } @media only screen and (max-height: 31.25em) { /* 500h */ #nav > ul > li.cart > div { overflow-y: auto; } #top .cart .list-cart { max-height: none; } } @media only screen and (max-height: 25em) { /* 400h */ #nav > ul > li.favorites > div { overflow-y: auto; } #top .favorites .list-cart { max-height: none; } } @media only screen and (max-width: 47.5em) { #top .usp-image { display: none; } }