/*
MINIFIER: https://cssminifier.com/
*/
#main { animation: fadein 1s; }
html {scroll-behavior: smooth;}
#main.fadetest { /*animation: bodyfadeout 1s; animation-iteration-count: 1; animation-fill-mode: forwards;*/ }
img,object,video { border: none; height: auto; max-width: 100%;flex-shrink: 0; }
iframe { border: none; max-width: 100%; }
ol, ul { list-style-type: none; margin:0; padding: 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
input[type=number] {-moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input, textarea, button, number { font-family: 'Open Sans', 'Trebuchet MS' , Arial,Helvetica,sans-serif; box-shadow: none !important; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=text], textarea { transition: all 0.30s ease-in-out; outline: none; padding: 3px 0 3px 3px; margin: 5px 1px 3px 0; border: 1px solid #ddd; }
input[type=text]:focus, textarea:focus {}
label { font-weight: 500; }
form, fieldset { margin:0; padding:0; }
input,
textarea,
button,
select,
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.noSelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.info,
.error { position: relative; padding: 20px 10px 20px 50px; background: #fff; }
.info { background: #e7f6e8; color: #02830b; }
.info:before { content: '\2713'; font-size: 32px; font-weight: 400; left: 10px; position: absolute; top: 10%; color: #02830b; }
.error {background: #f2e7e7; color: #993333; }
.error:before { content: '!'; font-size: 40px; font-weight: 400; left: 17px; position: absolute; top: 7%; color: #993333; }
.observe { color: #993333; border: 1px dashed #993333;}
.fadeout { display: none; height: 4em; left: 0; position: absolute; bottom: 0; width: 100%; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(247, 247, 247, 1) 100%); }
#error-page .circle-404 { width: 200px; height: 200px; background-color: #fff; border-radius: 100%; line-height: 200px; text-align: center; font-size: 4em; font-weight: 100; margin: 1em auto .5em auto; }
#error-page .error-info { width: 415px; margin: 0 auto 5em auto; text-align: center; }
#error-page .error-info h1 { border: 0; margin-bottom: 0; font-size: 1.2em; font-weight: 700;}
#error-page .error-info a { font-weight: 100; padding: 15px 40px; display: inline-block; }
@media print { .noprint { display: none;} }
@page { margin: 0.5cm; }
#top-banner .inner a h3::after { content: " "; display: inline-block; width: 15px; height: 15px; transform: rotate(180deg); margin-left: 18px; background-position: 0 -3px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25px' height='25px' viewBox='0 0 31.494 31.494' style='enable-background:new 0 0 31.494 31.494;' xml:space='preserve'%3E%3Cpath style='fill:%23ffffff;' d='M10.273,5.009c0.444-0.444,1.143-0.444,1.587,0c0.429,0.429,0.429,1.143,0,1.571l-8.047,8.047h26.554 c0.619,0,1.127,0.492,1.127,1.111c0,0.619-0.508,1.127-1.127,1.127H3.813l8.047,8.032c0.429,0.444,0.429,1.159,0,1.587 c-0.444,0.444-1.143,0.444-1.587,0l-9.952-9.952c-0.429-0.429-0.429-1.143,0-1.571L10.273,5.009z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: 15px;
}
#nav-bottom { -webkit-tap-highlight-color: rgba(0,0,0,0); }
#nav-bottom ul li a.focused::after { background-color: rgba(255,255,255,.4); background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23f7f7f7' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; animation: fadein 1s; }
#main .text-style li { display: list-item; position: relative; padding: 2px 0 2px 20px; }
/*#main .text-style li:before { display: inline-block; content: ""; margin-right: 10px; transform: rotate(45deg); height: 12px; width: 6px; border-bottom: 2px solid #21bfc0; border-right: 2px solid #21bfc0; position: absolute; left: 5px; top: 6px;}*/
/* Fix for different checkmarks, for example on this page, checkmarks added manually in editor not a correct list ... https://www.teknikdelar.se/sign-universalt-iphone-batteriskal-svart*/
#main .text-style li:before { display: inline-block; content: "\2713"; position: absolute; left: 2px; top: 2px; font-size: 17px; color: #21bfc0; font-weight: 600; }
#prod_lower .text-style p span span strong { color: #21bec0; }
#nav-bottom-search { position: fixed; bottom: 190px; right: 15px; z-index: 1; border: 1px solid #f2f2f2; -webkit-transform: translate3d(0,0,0);}
#nav-bottom-search { width: 60px; height: 60px; border-radius: 100%; cursor: pointer; background-color: #fff; background-size: 25px; background-image:url("../images/svg/icon_search_2.svg"); background-repeat: no-repeat; background-position: center center;}
.expand-container { margin-bottom: 10px; /*padding: 0 10px;*/ background-color: #fff; position: relative; overflow: hidden;}
.expand-container.expand_bonus { margin-top: 10px; }
.expandable_button { display: flex; align-items: center; border: 0; padding: 15px 10px; width: 100%; background-color: transparent; font-size: .9em; font-weight: 600; cursor: pointer;}
.expandable_button:after { content: ""; margin: auto; margin-right: 0; width: 20px; height: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: center center; }
.expandable_button.special:after { margin-left: 35px; }
.expandable_button[aria-expanded="true"] {}
.expandable_button[aria-expanded="true"]:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.expandable_button[aria-expanded="false"] {}
.expandable_section[aria-hidden="true"] { max-height: 0; overflow: hidden; /*transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), padding 0.2s ease-out; padding: 0;*/}
.expandable_section[aria-hidden="false"] { padding: 20px 10px; /*max-height: 500px;*/ max-height: none; /*padding: 20px 0;*/ /*transition: max-height .7s ease-in-out, padding .4s ease-in-out;*/ }
.expandable_button:disabled { color: #000; }
.expandable_button:disabled:after { display: none; }
.expandable_button .sum { margin-right: 0; margin-left: auto; font-weight: 700;}
.expandable_button .active_bonus { position: absolute; right: 60px; font-size: .8em; background-color: #6a6a6a; color: #fff; padding: 2px 10px; border-radius: 30px; }
#expand_coupon input { height: 50px; }
#expand_coupon input.text { width: 70%; padding: 0 15px; }
#expand_coupon input.submit { width: 28%; font-size: .9em; }
#expand_coupon .active-coupon { display: block; font-size: .9em; font-weight: 700; }
#expand_coupon .active-coupon span { color: #58ef92 }
#expand_coupon .active-coupon span.le-checkbox { margin-left: 0; }
.active-coupon .le-checkbox { transform: scale(.7); margin: 0; }
.circle { border: 1px solid #f2f2f2; width: 25px; height: 25px; border-radius: 100%; position: relative; margin: 4px; display: inline-block; vertical-align: middle; background: rgba(255, 255, 255, 0); }
.circle:hover{ }
.circle:active{ background: #6363634f; }
.circle:before,
.circle:after{ content:'';position:absolute;top:0;left:0;right:0;bottom:0; }
.circle.plus:before,
.circle.plus:after { background:#000; }
.circle.plus:before{ width: 2px; margin: 5px auto; }
.circle.plus:after{ margin: auto 5px; height: 2px; box-shadow: none; }
.circle.minus:before{ background:#000; margin: auto 3px; height: 2px; }
.circle.cross:after,
.circle.cross:before{ background:#000; margin: auto 4px; height: 2px; transform:rotateZ(45deg); }
.circle.cross:after{ transform:rotateZ(-45deg); }
.circle.round { background-color: #58ef92; }
.circle.round:after { border: 1px solid #fff; border-top: none; border-right: none; content: ""; height: 5px; left: 5px; position: absolute; top: 6px; transform: rotate(-45deg); width: 10px; }
.circle.instock { background: #58ef92; border: 0; transform: scale(.5); margin: 0; }
.circle.orderitem { background: #58ef92; border: 0; transform: scale(.5); margin: 0; }
.circle.unavailable { background: #333; border: 0; transform: scale(.5); margin: 0; }
.le-checkbox { -webkit-appearance: none; position: relative; background-color: #fff; width: 35px; height: 35px; border-radius: 40px; margin: 0 0 0 15px; outline: none; transition: background-color .5s; border: 1px solid #ececec; display: inline-block; vertical-align: middle; animation: fadein 1s; }
.le-checkbox.active { opacity: 1; background-color: #58ef92; border-color: #58ef92; transition: background-color .5s; }
.le-checkbox:before,
.le-checkbox:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(0deg); background-color: #000; width: 15px; height: 2px; border-radius: 40px; transition: all .5s; }
.le-checkbox:after { transform: translate(-50%,-50%) rotate(-90deg); }
.le-checkbox.active:before { top: 46%; left: 50%; transform: translate(-50%,-50%) translate(-4px,3px) rotate(45deg); background-color: #ffffff; width: 8px; height: 2px; }
.le-checkbox.active:after { top: 45%; left: 50%; transform: translate(-50%,-50%) translate(3px,2px) rotate(-45deg); background-color: #ffffff; width: 15px; height: 2px; }
/* height test ... */
#page-menu nav { height: 100%; /*overscroll-behavior: none; -webkit-overflow-scrolling: touch;*/ }
#page-menu nav > .menu { height: 100%; }
#page-menu [role="menu"] { /*height: 100%;*/ }
#slide-in-left .inner { background-color: #fff; overflow: hidden; }
#page-menu { overflow: auto; /*overscroll-behavior: none; -webkit-overflow-scrolling: touch;*/ }
#page-menu [role="menu"] { position: relative; /*overscroll-behavior: none; -webkit-overflow-scrolling: touch;*/}
/*
#page-menu [role="menu"] li.top:nth-of-type(1n+5){ background-color: #f7f7f7; }
#page-menu [role="menu"] li.top:nth-of-type(1n+5) a { padding: 15px; }
#page-menu [role="menu"] li.top:nth-of-type(1n+5) .menu-icon { display: none; }
*/
#page-menu { position: relative; margin-top: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0,0,0);}
#page-menu.active { /* margin-top: 64px;*/ height: 100vh; }
#page-menu .menu { z-index: 1; background: #fff; transform: translate3d(350px, 0, 0); -webkit-transform: translate3d(350px,0,0); /*transition: transform 250ms, opacity 250ms ease-in-out;*/ opacity: 0; overscroll-behavior: none; }
#page-menu .sub-menu { position: absolute; top: 0; height: 0; overflow: hidden; /*overscroll-behavior: none; -webkit-overflow-scrolling: touch;*/}
#page-menu .menu.sub-menu.open { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0,0,0); /*transition: transform 350ms, opacity 350ms ease-in-out;*/ opacity: 1;}
#page-menu .menu.sub-menu.open {/* only for active sub maybe?! */ position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: auto; /*overflow-y: auto; overflow-x: hidden;*/ overflow: auto; -webkit-transform: translate3d(0,0,0);}
#page-menu .menu.sub-menu.open[data-menu-level="0"] { overflow-y: scroll; scrollbar-width: 0; /*overflow: visible;*/ /*min-height: 150vh;*/ }
#page-menu .menu.sub-menu.open[data-menu-level="1"] { overflow-y: scroll; scrollbar-width: 0; /*min-height: 150vh;*/ }
#page-menu .menu.sub-menu.open[data-menu-level="2"] { overflow-y: scroll; scrollbar-width: 0; /*min-height: 150vh;*/ }
/* T1:1 MENU TESTING (to avoid "double" scroll) */
#page-menu { overflow: auto; /*overscroll-behavior: none; -webkit-overflow-scrolling: touch;*/}
#page-menu .menu.sub-menu.open.invis[data-menu-level="0"] { overflow: auto; }
#page-menu .menu.sub-menu.open[data-menu-level="0"] { overflow: visible; }
#page-menu .menu.sub-menu.open[data-menu-level="1"] { overflow: visible; }
#page-menu .menu.sub-menu.open[data-menu-level="2"] { overflow: visible; }
#page-menu .menu.sub-menu.open.invis[data-menu-level="0"] { overflow: auto; }
#page-menu .menu.sub-menu.open.invis[data-menu-level="1"] { overflow: auto; }
#page-menu .menu.sub-menu.open.invis[data-menu-level="2"] { overflow: auto; }
@media all and (min-width: 900px) {
#page-menu .menu.sub-menu.open[data-menu-level="0"] { scrollbar-width: thin; /*overflow: visible;*/ /*min-height: 150vh;*/ }
#page-menu .menu.sub-menu.open[data-menu-level="1"] { scrollbar-width: thin; /*min-height: 150vh;*/ }
#page-menu .menu.sub-menu.open[data-menu-level="2"] { scrollbar-width: thin; /*min-height: 150vh;*/ }
}
#page-menu .menu.sub-menu.open ul { }
#page-menu .menu.sub-menu.open .sub-menu-header { opacity: 1;}
#page-menu nav > .menu { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0,0,0); opacity: 1; }
#page-menu .menu ul li:after { content: ""; display: block; width: 94%; margin: 0 auto; height: 1px; background-color: #d7d7d7;}
#page-menu .menu ul li.standard { background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 10%, rgba(247,247,247,1) 90%, rgba(255,255,255,1) 100%); }
#page-menu .menu ul li.all { /*display: none;*/ }
#page-menu .menu ul li > a.submenu { background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: right 10px center; }
#page-menu .menu ul li > a.submenu:hover { stroke-width: 3; background-image:url('data:image/svg+xml;charset=UTF-8,');}
#page-menu .menu ul li > a.submenu.directlink { background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: right 10px center; }
#page-menu .menu ul li > a.submenu.directlink.focused,
#page-menu .menu ul li > a.model_link.noSelect:active { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23ccc' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E"); animation: fadein 1s; background-size: 40px; background-position: right 2px center; background-repeat: no-repeat; }
#page-menu .menu ul li a { display: flex; align-items: center; /*line-height: 70px;*/ padding: 25px 15px; /*transition: padding-left 250ms ease-out;*/ font-weight: 700; font-size: .9em;}
#page-menu .menu ul li a .menu-icon { display: flex; min-height: 35px; min-width: 45px; padding-left: 12px; }
#page-menu .menu ul li a .menu-icon img { max-height: 35px; animation:fadein 1s; }
#page-menu .menu ul li a .menu-text { padding-left: 20px; }
#page-menu .menu ul li a.menu-toggle,
#mdl-select a.menu-toggle{ width: 65px; text-align: center; color: #fff; line-height: normal; }
#page-menu .menu ul li a:hover { /*color: #21bfc0; padding-left: 20px ; transition: padding-left 250ms ease-in;*/ }
#mdl-select a:hover { padding: 0; }
#page-menu .menu ul li a:focus { /*color: #21bfc0;*/ outline: 0; }
#page-menu .menu ul li a.menu-toggle .ico_back,
#mdl-select a.menu-toggle .ico_back { fill: white; width: 25px; }
#page-menu .menu ul li a.menu-toggle:hover .ico_back { fill: #21bfc0; }
#page-menu .menu ul li a.menu-toggle:hover { padding-left: 15px; }
#page-menu .menu.sub-menu .sub-menu-header,
#mdl-select .sub-menu-header { height: 64px; background-color: #000; color: #fff; display: flex; align-items: center; justify-content: left; opacity: 0; }
#page-menu .menu.sub-menu .sub-menu-header strong,
#mdl-select .sub-menu-header { opacity: 1; }
#mdl-select .sub-menu-header strong { font-size: .9em; }
#mdl-select .sub-menu-header a { color: #fff; }
#page-menu .menu.sub-menu .sub-menu-header strong a,
#mdl-select .sub-menu-header h3 a {color: #fff; font-weight: 700;}
#mdl-select h3 a:focus,
#mdl-select h3 a:hover { text-decoration: underline; padding-left: 10px; }
#page-menu .menu.sub-menu .sub-menu-header strong a:focus,
#page-menu .menu.sub-menu .sub-menu-header strong a:hover { text-decoration: underline; }
#page-menu .menu-panel-links { background-color: #000; padding: 30px 0; }
#page-menu .menu-panel-links ul li a,
#page-menu .menu-panel-links ul li a:hover { color: #cacaca; }
#page-menu .menu-panel-links ul li:after { background-color: transparent; }
#page-menu .menu li.menu-inspiration-links:after,
#page-menu .menu li.menu-panel-links:after { display: none; }
#page-menu .menu-panel-links img { height: 20px; margin: 30px 0 0 17px; }
/* This can maybe be removed beacause of T1:1 */
#page-menu.active li.top:not(.current) { opacity: 0; }
#page-menu.active li.top.current > a { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; pointer-events: none;}
#page-menu .menu ul li.current:after { opacity: 0; }
#page-menu.active .sub-menu.open ul li > a { color: #fff; background-image: none; }
/* ---- */
#page-menu.active .sub-menu.open.invis ul li > a { color: #000;}
#page-menu.active .sub-menu.open.invis ul li > a.submenu { color: #000; background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: right 10px center;}
#page-menu.active .sub-menu.open ul li:after { background-color: #fff; }
#page-menu.active .sub-menu.open.invis ul li:after { background-color: #d7d7d7; }
.ico_forward { transform: rotateY(180deg); }
#page-menu .menu-inspiration-links { padding: 30px 15px; }
#mini-cart .menu-inspiration-links { padding: 0 15px 30px 15px; }
#page-menu .menu-inspiration-links h4,
#mini-cart .menu-inspiration-links h4 { padding: 10px 0; }
#page-menu .menu-inspiration-links ul,
#mini-cart .menu-inspiration-links ul { display: flex; flex-wrap: wrap; }
#page-menu .menu-inspiration-links ul li,
#mini-cart .menu-inspiration-links ul li { border: 0; flex: 0 31.33333333%; margin: 1%; text-align: center; font-size: .8em; font-weight: 600; }
#page-menu .menu-inspiration-links ul li:after,
#mini-cart .menu-inspiration-links ul li:after { display: none; }
#page-menu .menu-inspiration-links ul li a,
#mini-cart .menu-inspiration-links ul li a { display: flex; flex-direction: column; padding: 0; line-height: normal; }
#page-menu .menu-inspiration-links ul li a:hover,
#mini-cart .menu-inspiration-links ul li a:hover { padding-left: 0; transition: none;}
#page-menu .menu-inspiration-links ul li.seall a,
#mini-cart .menu-inspiration-links ul li.seall a { height: 100%; align-items: center; justify-content: center; color: #fff; font-weight: 400; font-size: 1em; background-color: #21bfc0; }
#mdl-select { width: 100%; height: 64px; z-index: 1; padding: 0; background-color: #000; color: #fff; /*transition: height 250ms linear 0s;*/ }
#mdl-select.closed { height: 0; overflow: hidden; /* position: fixed;*/ }
#mdl-select.active { height: 100%; position: fixed; }
#mdl-select.closed #mdl-list { display: none; }
#mdl-select #mdl-list { position: relative; border: 0; }
#mdl-select #mdl-list legend { display: none; }
#mdl-select #mdl-list button.mdl-choose { position: relative; line-height: 64px; width: 100%; background: #000; color: #fff; outline: 0; border: 0; font-size: .75em; text-align: left; cursor: pointer; z-index: 2; padding-left: 10px; }
#mdl-select #mdl-list button.mdl-choose:focus { color: #fff; text-decoration: underline; }
body:not(.tab-user) #mdl-select #mdl-list button.mdl-choose:focus { outline: none; text-decoration: none; }
#mdl-select #mdl-list button.mdl-choose .header { font-weight: 600; }
#mdl-select #mdl-list button.mdl-choose .name { font-size: 1.1em; font-weight: 600; }
#mdl-select #mdl-list button.mdl-choose .name.active:before { content: " "; display: inline-block; width: 20px; height: 30px; margin-right: 4px; background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: 1px 4px; vertical-align: middle; }
#mdl-select #mdl-list button.mdl-choose:focus .header { border-bottom: 1px solid #21bfc0; }
#mdl-select #mdl-list button.mdl-choose:hover:before { background-image:url('data:image/svg+xml;charset=UTF-8,'); }
#mdl-select #mdl-list button.mdl-choose:before { content: ""; width: 25px; height: 25px; position: absolute; z-index: 3; color: #fff; right: 15px; top: 50%; transform-origin: center center; transform: rotate(90deg) translateX(-50%); pointer-events: none; transition: all 200ms linear; background-image:url('data:image/svg+xml;charset=UTF-8,'); background-size: 25px; background-repeat: no-repeat; }
#mdl-select #mdl-list ul.mdl-types { max-height: 0; overflow: hidden; transition: all 150ms ease; z-index: 1; background: #000; color: #fff; }
#mdl-select #mdl-list ul.mdl-types h3 { font-weight: 700; font-size: .8em; padding-top: 15px; }
#mdl-select #mdl-list ul.mdl-types input:checked ~ label { font-weight: 700; }
#mdl-select #mdl-list ul.mdl-types label { display: block; width: 100%; line-height: 40px; height: 40px; font-weight: 100; padding: 0 5px 0 15px; cursor: pointer; font-size: .9em; letter-spacing: .02em; transition: all 0.20s ease-in-out; }
#mdl-select #mdl-list ul.mdl-types label:focus { background: #1d1d1d; font-weight: 100; padding-left: 25px; }
#mdl-select #mdl-list ul.mdl-types li { padding-left: 10px; }
#mdl-select #mdl-list ul.mdl-types li.cleardevice { padding-left: 0; }
#mdl-select #mdl-list ul.mdl-types li.noneactive,
#mdl-select #mdl-list ul.mdl-types li.checked {
background-repeat: no-repeat;
background-size: 18px;
background-position: 93% 12px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M497.4,70c-7.5-7.5-19.8-7.6-27.3,0L238.6,300.8l-83.5-90.7c-7.2-7.8-19.4-8.3-27.3-1.1 c-7.8,7.2-8.3,19.4-1.1,27.3l97.1,105.5c3.6,3.9,8.5,6.1,13.8,6.2c0.1,0,0.3,0,0.4,0c5.1,0,10-2,13.6-5.6L497.3,97.3 C504.9,89.8,504.9,77.5,497.4,70z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M492.7,236.7c-10.7,0-19.3,8.6-19.3,19.3c0,119.9-97.5,217.4-217.4,217.4c-119.9,0-217.4-97.5-217.4-217.4 c0-119.9,97.5-217.4,217.4-217.4c10.7,0,19.3-8.6,19.3-19.3C275.3,8.6,266.7,0,256,0C114.8,0,0,114.8,0,256 c0,141.2,114.8,256,256,256c141.2,0,256-114.8,256-256C512,245.3,503.4,236.7,492.7,236.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
#mdl-select #mdl-list ul.mdl-types li[role="presentation"]:hover { /*background: #1d1d1d;*/ }
#mdl-select #mdl-list ul.mdl-types li[role="presentation"]:hover label { /*padding-left: 25px;*/ }
#mdl-select #mdl-list ul.mdl-types label span.mdl-selected { font-weight: 600; font-size: .7em; }
#mdl-select #mdl-list ul.mdl-types input:focus ~ label { background: #1d1d1d; padding-left: 25px; font-weight: 500; }
#mdl-select #mdl-list ul.mdl-types input { /*display: none;*/ position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
#mdl-select #mdl-list.active ul.mdl-types { /*max-height: calc(100vh - 55px);*/ max-height: calc(100vh - 200px); overflow-y: visible; }
#mdl-select #mdl-list.active ul.mdl-types input { display: block; position: absolute; opacity: 0; }
#mdl-select #mdl-list.active button.mdl-choose:before { transform: rotate(-90deg) translateY(-8%); top: 34%; }
#mdl-select #mdl-list ul.mdl-types button { cursor: pointer; font-weight: 700; font-size: .9em; width: 100%; display: block; border: 0; text-align: left; padding: 13px 0; background-color: transparent; color: #fff; border-bottom: 1px solid #1f1f1f; }
#mdl-select #mdl-list ul.mdl-types button[aria-expanded="true"] { border-bottom: 0; }
#mdl-select ul[aria-hidden="true"] { max-height: 0; overflow: hidden; transition: all 150ms ease;}
#mdl-select ul[aria-hidden="false"] { max-height: 2000px; overflow: hidden; transition: all 150ms ease;}
#mini-cart { display: flex; height: 100%; flex-direction: column; position: relative; z-index: 2; }
.mini-cart-header { display: flex; justify-content: center; align-items: center; width: 100%; height: 64px; z-index: 1; padding: 0; background-color: #000; color: #fff; }
.mini-cart-header h3 { font-weight: 600; height: 64px; line-height: 64px; }
.mini-cart-header h3 span { font-size: .8em; color: #ccc; }
.mini-cart-content { display: flex; flex-direction: column; position: relative; height: 100%; flex-grow: 1; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #fff; }
.mini-cart-content-inner { display: flex; flex-grow: 1; flex-direction: column; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; }
.mini-cart-content-inner .section { display: block; width: 100%; padding: 15px; text-align: center; }
.mini-cart-content-inner .section.border:after { content: ""; display: block; width: 100%; margin: 0 auto; height: 1px; background-color: #d7d7d7; }
.mini-cart-content-inner .icon-empty{ min-width: 195px; max-width: 150px; display: inline-block; border-style: none; color: white; background-color: #f8f8f8; border-radius: 100%; overflow: hidden; text-align: center; padding: 0; margin-top: 25px; }
.mini-cart-content-inner .icon-empty:before { content:''; display:inline-block; vertical-align:middle; padding-top:100%; }
.mini-cart-content-inner .icon-empty span { display:inline-block; vertical-align:middle; max-width:90%; }
.mini-cart-content-inner .icon-empty span img { width: 70%; vertical-align: bottom; min-width: 85px; margin-left: -20px; margin-top: 11px;}
.mini-cart-content-inner #mini-cart-continue { background-color: #000; padding: 15px 40px; color: #fff; width: 200px; display: flex; justify-content: center; align-items: center; margin: 15px auto 43px auto; border: 0; }
.mini-cart-content-inner ol { }
.mini-cart-content-inner ol li { padding: 10px; border-bottom: 1px solid #f8f8f8; }
.mini-cart-content-inner ol li.focused { background-color: #f7f7f7; }
/*.mini-cart-content-inner ol li:after { content: ""; display: block; width: 94%; margin: 0 auto; height: 1px; background-color: #f1f1f1; }*/
.mini-cart-content-inner .product-container { display: flex; flex-wrap: nowrap; width: 100%; align-items: center; }
.mini-cart-content-inner .product-container .thumb,
.mini-cart-content-inner .product-container .information,
.mini-cart-content-inner .product-container .price { display: flex; flex-direction: column; justify-content: center; }
.mini-cart-content-inner .product-container .thumb { width: 20%; height: 65px; text-align: center; margin-right: 15px; }
.mini-cart-content-inner .product-container .thumb span { font-size: .6em; }
.mini-cart-content-inner .product-container .information { display: flex; flex-grow: 1; flex-wrap: wrap; justify-content: space-between; margin: 0 30px 0 0; /*overflow: hidden;*/ width: 40%;}
.mini-cart-content-inner .product-container .information a { min-height: 34px; }
.mini-cart-content-inner .product-container .price { flex-direction: column; white-space: nowrap; font-size: .8em; }
.mini-cart-content-inner .actions .maxQty { font-size: .7em; padding-left: 25px; }
.mini-cart-content-inner .product-container .bonusprod { color: #fff; font-weight: 600; font-size: .9em; background-color: #22bfc0; align-self: flex-start; padding: 2px 5px; margin-top: 10px;}
.mini-cart-content-inner .product-container h3 { font-size: .8em; }
.mini-cart-content-inner .product-container h4 { font-size: .75em; font-weight: 400; }
.mini-cart-content-inner .product-container .quant { font-size: .9em; font-weight: 400; }
.mini-cart-content-inner .actions { display: flex; flex-wrap: nowrap; width: 100%; align-items: center; padding: 15px 0; }
.mini-cart-content-inner .actions .addremove,
.mini-cart-content-inner .actions .total { display: flex; }
.mini-cart-content-inner .actions .total { flex-direction: column; white-space: nowrap; font-size: 1.1em; font-weight: 700; margin-right: 0; margin-left: auto; }
#cashierPage.cashier .mini-cart-content-inner .actions .total { /*font-weight: normal; font-size: .9em;*/ }
#cashierPage.cashier .coupon_wrapper { background-color: #f7f7f7; padding: 15px 10px; margin: 0 -10px; }
#cashierPage.cashier .coupon_wrapper .head{ display: block; font-size: .9em; font-weight: 600; }
#cashierPage.cashier .coupon_wrapper .active-coupon { font-size: .8em; }
#cashierPage.cashier .coupon_wrapper .active-coupon .le-checkbox { transform: scale(.5); }
#cashierPage.cashier .coupon_wrapper input { height: 50px; }
#cashierPage.cashier .coupon_wrapper input:first-of-type { width: 72%; }
.mini-cart-content-inner .actions.discount { width: 20%; margin-right: 0; margin-left: auto; }
#cashierPage.cashier .mini-cart-content-inner .actions.discount { margin-top: -59px; }
.mini-cart-content-inner .actions.discount .total { color: #e72e00; }
#slide-in-right .mini-cart-content-inner .actions.discount .total { margin-top: -95px; }
.mini-cart-content-inner .actions .addremove { flex-grow: 1; width: 65%; }
.mini-cart-content-inner .actions .addremove .group { display: flex; align-items: center; width: 230px; }
.mini-cart-content-inner .actions .addremove .plus,
.mini-cart-content-inner .actions .addremove .minus,
.mini-cart-content-inner .actions .addremove .quant { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #fff; border: 1px solid #d1d1d1; font-size: 1.5em; font-weight: 700; cursor: pointer; }
.mini-cart-content-inner .actions .addremove .quant { border: 0; font-size: 1em; background-color: transparent; cursor: default; }
.mini-cart-content-inner .actions .addremove .minus { justify-content: end; line-height: 25px; }
.mini-cart-content-inner .actions .addremove .removeall { position: absolute; top: 15px; right: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 17px; height: 17px; border: 0; margin-left: 30px; background-color: transparent; color: red; cursor: pointer; opacity: .5; }
.mini-cart-content-inner .actions .addremove .removeall:hover::before,
.mini-cart-content-inner .actions .addremove .removeall:hover::after,
.mini-cart-content-inner .actions .addremove .removeall:focus::before,
.mini-cart-content-inner .actions .addremove .removeall:focus::after{ transition: transform 500ms; }
.mini-cart-content-inner .actions .addremove .removeall::before, .mini-cart-content-inner .actions .addremove .removeall::after { pointer-events: none; content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #000; transition: transform 500ms; }
.mini-cart-content-inner .actions .addremove .removeall::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: transform 500ms; }
.mini-cart-content-inner .actions .addremove .removeall::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: transform 500ms; }
.mini-cart-content-inner .actions .addremove .removeall:hover,
.mini-cart-content-inner .actions .addremove .removeall:focus { outline: 0; color: red; border-color: red; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); transition: all 200ms ease 0s; }
.mini-cart-content-inner .actions .addremove .plus:hover,
.mini-cart-content-inner .actions .addremove .plus:focus,
.mini-cart-content-inner .actions .addremove .minus:hover,
.mini-cart-content-inner .actions .addremove .minus:focus { background-color: #ececec; color: #21bfc0; }
.mini-cart-content-inner .stockStatus { flex-direction: column; /*white-space: nowrap;*/ font-size: .7em; }
.mini-cart-content-inner .stockStatus .inner { white-space: nowrap; }
.mini-cart-content-inner::-webkit-scrollbar { width: 0.5em; height: 0.5em; }
.mini-cart-content-inner::-webkit-scrollbar-thumb { background: #333; }
.mini-cart-content-inner::-webkit-scrollbar-track { background: #5f5f5f; }
.btncontinue { position: fixed; bottom: 0; display: block; background-color: #20bec0; color: #fff; border: 0; padding: 25px 60px; font-size: 1.2em; cursor: pointer; width: 100%; height: 75px; z-index: 1111; text-align: center; }
.btncontinue:hover { color:#fff; }
.btncontinue.hide { display: none; }
.btncontinue svg:first-of-type,
.btncontinue svg:last-of-type { transform: rotate(-90deg) translateY(-50%); position: absolute; left: 25px; top: 30%; }
.btncontinue svg:last-of-type { right: 0; left: auto; }
@media all and (min-width: 900px) {
.btncontinue { position: relative; right: auto; top: auto; transform: none; display: block; margin: 0 auto 10px auto; background-color: #20bec0; color: #fff; border: 0; padding: 15px 60px; font-size: 1.2em; cursor: pointer; z-index: 1; width: 40%; }
#cashier-upper .btncontinue { display: none; }
}
#cashierPage #confirmPage section.category-listing header { margin-right: auto; margin-left: 0; margin-bottom: 10px; }
#cashier_usp { display: block; margin-top: 18px; }
#cashier_usp .usp_inner { display: flex; color: #000; font-size: .7em; margin-top: 10px; justify-content: center; }
#cashier_usp .usp_inner .usp { display: flex; flex-direction: column; align-items: center; margin: 0 10px; }
#cashier_usp .usp_inner .usp p { padding: 0; line-height: normal; text-align: center; }
#cashier_usp .usp_inner .usp img { max-height: 20px; width: auto; }
#cashierPage .mini-cart-content { flex-direction: row; }
#cashierPage .mini-cart-content-inner ol li { border-bottom: 1px solid rgba(0,0,0,0.1); }
#cashierPage .btn-to-cashier { position: fixed; bottom: 0; width: 100%; height: 90px; z-index: 15; left: 0; -webkit-transform: translate3d(0,0,0); padding: 33px; text-transform:uppercase; font-weight: bold; }
#cashierPage .mini-cart-footer { position: fixed; bottom: 90px; width: 100%; z-index: 15; left: 0; -webkit-transform: translate3d(0,0,0); }
#cashierPage #slide-in-right-bg { position: absolute; top: 26px; z-index: 1; max-width: 250px;}
#cashierPage .category-listing { display: flex; align-items: center; margin: 0; }
#cashierPage .category-listing .header-trail { display: flex; align-items: center; font-size: .8em; }
#cashierPage .category-listing .header-trail .ico_forward { width: 20px; margin: 0 10px; transform: rotate(0deg); }
#cashierPage .category-listing .header-trail .ico_forward.inactive { opacity: .2 }
#cashierPage .category-listing .inactive { opacity: .6 }
#cashierPage .category-listing h1.inactive { font-size: 1em; font-weight: 100; }
#cashierPage .category-listing h2.inactive { font-weight: 100; }
#cashierPage .category-listing h1.inactive a { color: #000; font-size: .9em; font-weight: 300; }
#cashierPage .category-listing .current { letter-spacing: -.04em; font-weight: 700; font-size: 1.1em; }
#cashierPage .category-listing h2 { padding: 0; margin: 0; font-size: 1em; }
#cashierPage.cashier .mini-cart-content-inner ol li { flex-wrap: wrap; display: flex; padding: 20px 75px 20px 10px; position: relative; }
#cashierPage.cashier .mini-cart-content-inner .product-container { /*width: 80%;*/ }
#cashierPage.cashier .mini-cart-content-inner .actions { /*width: 19%; align-items: baseline;*/ }
#cashierPage.cashier .mini-cart-content { flex-direction: column; }
#cashierPage.cashier .mini-cart-footer { justify-content: center; position: relative; display: flex; /*flex: 1 100%;*/ bottom: auto; }
#cashierPage.cashier #cart-delivery { background-color: transparent; width: 100%; display: flex; justify-content: center; align-items: center; padding: 10px 0; font-size: .9em; }
#cashierPage #expand_postal { justify-content: center; background-color: #eaeaea; background-color: #fff;}
#cashierPage .expandable_button.cashier-style { justify-content: center; text-transform: uppercase; font-size: 1.1em; font-weight: 700; }
#cashierPage #expand_postal .expandable_section { text-align: center; flex-direction: column; padding-top: 0; }
#cashierPage #expand_postal .input_wrapper { display: inline-flex; }
#cashierPage #postal_zip { width: 100%; background-color: #eaeaea; }
#cashierPage #cashier_others { animation: fadein 1s; }
#cashier_others h2 { text-transform: uppercase; }
#cashierPage #cashier_others header { justify-content: center; }
#cashierPage #cashier_others section.product-listing .products { flex-wrap: nowrap; overflow-x: auto; z-index:30; }
#cashierPage #cashier_others section.product-listing .products::-webkit-scrollbar { width: 0.5em; height: 0.5em; }
#cashierPage #cashier_others section.product-listing .products::-webkit-scrollbar-thumb { background: #333; }
#cashierPage #cashier_others section.product-listing .products::-webkit-scrollbar-track { background: #5f5f5f; }
#cashierPage #qcDynamic { margin-top: 5px; margin-bottom: -5px; }
#cashierPage .cashierPay { margin-top: 10px; }
#cashierPage .cashier-two-col .col-2 { display: none; }
#cashierPage #expand_coupon,
#cashierPage .expand_bonus { /*box-shadow: 0px 1px 0px #a4a4a4;*/ }
#cashierPage #qcPostOfficeSelector {
/* This font size is used to avoid safari on iPhone zooming when selecting post office in cashier mode. */
font-size: 16px;
}
.hiddenCashierContent { visibility: hidden !important; opacity: 0 !important; transition: opacity 0.3s, visibility 0.3s !important; height: 0; overflow: hidden; }
#final_cashier { max-width: 640px; margin: 0 auto; margin-top: 35px; margin-bottom: 35px; }
/*#addressInput { max-width: 640px; margin: 0 auto; display: none; margin-top: -25px; }*/
#addressInput .adrinner { border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; position: relative; background-color: rgba(255, 255, 255, 0); border-color: rgb(209, 209, 208); padding: 12px; }
#addressInput input[type="radio"] { float: left; width: 14px; height: 14px; position: relative; top: 17px; left: 8px; }
#addressInput input[type="radio"] { display: inline; background-color: #fff; border: 1px solid #a4a4a4; width: 14px; height: 14px; appearance: none; -webkit-appearance: none; border-radius: 10px !important; text-align: center; }
#addressInput input[type="radio"]:focus { outline: none; }
#addressInput input[type="radio"]:checked { background-color: #0074c8; border: 1px solid #0074c8; }
#addressInput input[type="radio"]:checked:before { font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; content: '\2022'; color: white; font-size: 21px; line-height: 13px; }
#contentFull .h2-klarna { max-width: 640px; margin-left: 0; margin-bottom: 3px; font-weight: bold; }
#contentFull .h2-klarna { font-size: 15px; color: #434343; font-family: Helvetica,Arial,sans-serif; }
.button-continue { display: block; margin: 0 auto; background-color: #20bec0; color: #fff; border: 0; padding: 15px 125px; font-size: 1.2em; position: relative; cursor: pointer; }
.button-continue svg:first-of-type,
.button-continue svg:last-of-type { transform: rotate(-90deg) translateY(-50%); position: absolute; left: 35px; top: 30%; }
.button-continue svg:last-of-type { right: 35px; left: auto; }
.form_input,
input[type=text].form_input { display: block; margin: 0; padding: 1.4rem .75rem 0.5rem .75rem !important; border-radius: 5px !important; font-size: 1rem; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15) !important; border-radius: .25rem; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.form_input:focus { outline: none; border-color: #000; }
.input_wrapper { display: flex; position: relative; margin-bottom: 1.5rem; }
.input_wrapper:last-of-type { margin-bottom: 0; }
label.form_input_placeholder { letter-spacing: .04em; position: absolute; top: 0; left: 0; padding: 7px 0 0 13px; transition: all 200ms; transform: translate3d(0, -1px, 0); color: rgb(143, 134, 128); max-width: 100%; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 11px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: auto; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; text-size-adjust: none; }
/*#postal_input { max-width: 640px; margin: 0 auto; }*/
#postal_input { margin-top: 10px; }
#postal_input .button-klarna { float: left; margin-top: 1px; margin-left: 10px; }
#postal_input input[type="radio"] { float: left; width: 14px; height: 14px; position: relative; top: 0; left: -2px; }
#postal_input input[type="radio"] { display: inline; background-color: #fff; border: 1px solid #a4a4a4; width: 14px; height: 14px; appearance: none; -webkit-appearance: none; border-radius: 10px !important; text-align: center; }
#postal_input input[type="radio"]:focus { outline: none; }
#postal_input input[type="radio"]:checked { background-color: #0074c8; border: 1px solid #0074c8; }
#postal_input input[type="radio"]:checked:before { font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; content: '\2022'; color: white; font-size: 21px; line-height: 13px; }
.rdo_horizontal_wrapper { margin-bottom: 1em; }
.rdo_horizontal { display: inline-block; margin-right: 20px; }
.rdo_horizontal label { display: inline-block; font-size: 14px; font-weight: 400; }
.rdo_horizontal_wrapper input[type="checkbox"] { float: left; width: 17px; height: 17px; position: relative; top: 0; left: -2px; padding: 0;}
.rdo_horizontal_wrapper input[type="checkbox"] { display: inline; background-color: #fff; border: 1px solid #a4a4a4; width: 17px; height: 17px; appearance: none; -webkit-appearance: none; border-radius: 0 !important; text-align: center; }
.rdo_horizontal_wrapper input[type="checkbox"]:focus { outline: none; }
.rdo_horizontal_wrapper input[type="checkbox"]:checked { background-color: #0074c8; border: 1px solid #0074c8; }
.rdo_horizontal_wrapper input[type="checkbox"]:checked:before { font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; content: '\2714'; color: white; font-size: 15px; line-height: 13px; }
.qccashier .qcrow input[type=checkbox], .qccashier .qcrow input[type=radio] { width:17px !important; }
/*#qcDynamicFreight label { font-size: 15px; display: inline-block; width: 96%; padding: 20px 0px 20px 40px; margin-top: -18px; position: relative; top: 0; left: 0; cursor: pointer; }*/
.form_input.email,
.form_input.postal { width: 50%; float: left; }
.input_error input { background-color: rgba(255,0,0,0.05); border-color: #be1010; }
.input_error .form_input_placeholder { color: #be1010; }
.input_error input.postal { background-color: rgb(254, 237, 237) !important; border-color: #ef9090 !important; }
#qcDynamicFreight .cont { border: 1px solid rgba(0,0,0,.15); border-radius: .25rem;}
span.labelImage { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); width: 100px; }
#postal_input #btnFreightNext { float: right; margin-top: 10px; }
#pickupPointSelWrapper { clear: both; padding: 12px;background: #f7f7f7; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; }
#pickupPointSelWrapper label { padding: 0 0 0 40px; }
#qcDynamicPayment #qcashierAddressPane { border: 0; }
#qcDynamicPayment #qcashierAddressPane h3 { }
#qcDynamicPayment #qcashierAddressPane { max-width: none; background-color: transparent; padding: 0; clear: none; border-radius: 0; }
.qccashier .qcrow { clear: both; margin-bottom: 8px; position: relative; }
.qccashier .qcrow input,
#lastname, input#firstname{ max-width: 95%; width: 95%; }
.bonus_inner { padding: 15px; }
.bonus_level { border: 1px dotted #ccc; margin-bottom: 10px; padding: 10px; }
.bonus_product { margin-bottom: 13px; background-color: #f7f7f7; padding: 5px; }
.bonus_product .col_1 { display: inline-block; width: 75px; text-align: center; height: 90px; vertical-align: top; }
.bonus_product .col_2 { width: 40%; display: inline-block; vertical-align: top; }
.bonus_product .col_4 { width: 20%; display: inline-block; vertical-align: top; }
.bonus_product .col_5 { display: inline-block; text-align: right; width: 24%; vertical-align: top; }
.bonus_inactive .expandable_button { color: #a9a9a9; }
.bonus_left { color: #a9a9a9; font-style: italic;}
.mini-cart-content-inner-bonus { display: flex; flex-grow: 1; flex-direction: column; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; }
.mini-cart-content-inner-bonus .section { display: block; width: 100%; padding: 15px; text-align: center; }
.mini-cart-content-inner-bonus .section.border:after { content: ""; display: block; width: 100%; margin: 0 auto; height: 1px; background-color: #d7d7d7; }
.mini-cart-content-inner-bonus .icon-empty{ min-width: 197px; max-width: 125px; display: inline-block; border-style: none; color: white; background-color: #f8f8f8; border-radius: 100%; overflow: hidden; text-align: center; padding: 0; margin-top: 25px; }
.mini-cart-content-inner-bonus .icon-empty:before { content:''; display:inline-block; vertical-align:middle; padding-top:100%; }
.mini-cart-content-inner-bonus .icon-empty span { display:inline-block; vertical-align:middle; max-width:90%; }
.mini-cart-content-inner-bonus .icon-empty span img { width: 80%; vertical-align: bottom; }
.mini-cart-content-inner-bonus #mini-cart-continue { background-color: #21bfc0; padding: 15px 40px; color: #fff; width: 200px; display: flex; justify-content: center; align-items: center; margin: 15px auto 43px auto; border: 0; }
.mini-cart-content-inner-bonus ol { }
.mini-cart-content-inner-bonus ol li { padding: 10px; border-bottom: 1px solid #f8f8f8; }
.mini-cart-content-inner-bonus .product-container { display: flex; flex-wrap: nowrap; width: 100%; align-items: center; }
.mini-cart-content-inner-bonus .product-container .thumb,
.mini-cart-content-inner-bonus .product-container .information,
.mini-cart-content-inner-bonus .product-container .price { display: flex; flex-direction: column; justify-content: center; }
.mini-cart-content-inner-bonus .product-container .thumb { width: 20%; height: 65px; text-align: center; margin-right: 15px; align-items: center; }
.mini-cart-content-inner-bonus .product-container .thumb img { max-height: 60px; }
.mini-cart-content-inner-bonus .product-container .thumb span { font-size: .6em; }
.mini-cart-content-inner-bonus .product-container .information { display: flex; flex-grow: 1; flex-wrap: wrap; justify-content: space-between; margin: 0 30px 0 0; overflow: hidden; width: 40%; font-size: .8em; }
.mini-cart-content-inner-bonus .product-container .price { flex-direction: column; white-space: nowrap; font-size: .8em; }
.mini-cart-content-inner-bonus .actions .maxQty { font-size: .7em; color: red; }
.mini-cart-content-inner-bonus .product-container h3 { font-size: .8em; }
.mini-cart-content-inner-bonus .product-container h4 { font-size: .75em; font-weight: 400; }
.mini-cart-content-inner-bonus .product-container .quant { font-size: .9em; font-weight: 400; }
.mini-cart-content-inner-bonus .actions { display: flex; flex-wrap: nowrap; width: 100%; align-items: center; padding: 15px 0; }
.mini-cart-content-inner-bonus .actions .addremove,
.mini-cart-content-inner-bonus .actions .total { display: flex; }
.mini-cart-content-inner-bonus .price .total { flex-direction: column; white-space: nowrap; font-size: 1.1em; font-weight: 700; margin-right: 0; margin-left: auto; }
.mini-cart-content-inner-bonus .actions.discount { width: 20%; margin-right: 0; margin-left: auto; margin-top: -59px; }
.mini-cart-content-inner-bonus .actions.discount .total { color: #e72e00; }
.mini-cart-content-inner-bonus .actions .addremove { flex-grow: 1; width: 65%; justify-content: flex-end; }
.mini-cart-content-inner-bonus .actions .addremove .group { display: flex; width: 115px; }
.mini-cart-content-inner-bonus .actions .addremove .plus,
.mini-cart-content-inner-bonus .actions .addremove .minus,
.mini-cart-content-inner-bonus .actions .addremove .quant { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #fff; border: 1px solid #d1d1d1; font-size: 1.5em; font-weight: 700; cursor: pointer; }
.mini-cart-content-inner-bonus .actions .addremove .quant { border: 0; font-size: 1em; background-color: transparent; cursor: default; }
.mini-cart-content-inner-bonus .actions .addremove .removeall { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0; margin-left: 30px; background-color: transparent; color: red; cursor: pointer; }
.mini-cart-content-inner-bonus .actions .addremove .plus:hover,
.mini-cart-content-inner-bonus .actions .addremove .plus:focus,
.mini-cart-content-inner-bonus .actions .addremove .minus:hover,
.mini-cart-content-inner-bonus .actions .addremove .minus:focus { background-color: #ececec; color: #21bfc0; }
.mini-cart-content-inner-bonus .stockStatus { flex-direction: column; white-space: nowrap; font-size: .7em; }
.mini-cart-content-inner-bonus::-webkit-scrollbar { width: 0.5em; height: 0.5em; }
.mini-cart-content-inner-bonus::-webkit-scrollbar-thumb { background: #333; }
.mini-cart-content-inner-bonus::-webkit-scrollbar-track { background: #5f5f5f; }
.mini-cart-footer { background-color: #f0f0f0; padding: 5px 15px; }
.mini-cart-icons { display: flex; align-items: center; justify-content: center; padding: 10px 0; }
.mini-cart-icons p { padding: 0; line-height: normal; }
.mini-cart-totals { /*display: flex;*/ flex-wrap: wrap; width: 100%; align-items: center; flex-direction: row; font-size: .9em; }
.mini-cart-totals .discount,
.mini-cart-totals .freight,
.mini-cart-totals .total { display: flex; flex-direction: row; justify-content: left; width: 100%; }
.mini-cart-totals .discount span, .mini-cart-totals .freight span, .mini-cart-totals .total span { display: flex; flex-direction: column; text-align: right; padding: 2px 0; }
.mini-cart-totals .discount span:first-of-type, .mini-cart-totals .freight span:first-of-type, .mini-cart-totals .total span:first-of-type { flex-grow: 1; text-align: left; }
.mini-cart-totals .freight { font-size: .9em; }
.mini-cart-totals .freight.vat { font-size: .7em; }
.mini-cart-totals .total.big { font-size: 1.1em; font-weight: 700; margin: 15px 0; padding-top: 15px; border-top: 1px solid #000;}
.mini-cart-totals .discount { color: #e72e00; font-size: .9em; font-weight: 600; }
.btn-to-cashier { position: relative; background-color: #21bfc0; color: #fff; text-align: center; padding: 30px; cursor: hand; font-weight: bold; text-transform: uppercase;}
.btn-to-cashier:hover,
.btn-to-cashier:focus,
.btn-to-cashier:active { color: #fff; background-color: #1fb9ba; }
.btn-to-cashier svg { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
#cart-loader { background: rgba(245,245,245,.7); position: absolute; width: 100%; height: 100%; min-height: 100px; bottom: 0; left: 0; z-index: 10; display: flex; justify-content: center; align-items: center; margin: 0; transition: all 250ms ease; opacity: 0; visibility: hidden; }
#cart-loader.active { opacity: 1; visibility: visible; transition: all 250ms ease; }
#cart-loader svg { z-index: 3; }
.cart-loader-cashier { background: rgba(245,245,245,.7); position: absolute; width: 100%; height: 100%; min-height: 100px; bottom: 0; left: 0; z-index: 1; display: flex; justify-content: center; align-items: center; margin: 0; transition: all 250ms ease; opacity: 0; visibility: hidden; }
.cart-loader-cashier.active { opacity: 1; visibility: visible; transition: all 250ms ease; }
.cart-loader-cashier svg { z-index: 3; }
#cashierPage #loader-bg {position: absolute; top: 50%; z-index: 1; max-width: 250px; transform: translateY(-50%); }
.priceRegular { color: #000; }
.priceNew { color: #d91f50; font-weight: 700; }
.priceOld { color: #a5a5a5; text-decoration: line-through; font-size: 0.8em; }
/*.spotSale { position: absolute; left: 0; bottom: 0; width: 50px; height: 45px; padding: 0; background-color: rgba(0, 0, 0, 1); color: #fff; font-weight: 600; text-align: center; font-size: 1em; }*/
/*.spotSale .text { display: block; background-color: #21bfc0; width: 100%; padding: 2px; font-size: .7em; }*/
/*.spotSale .percent { display: block; padding-top: 4px; font-size: .9em; font-weight: 700; }*/
/*.spotSale { position: absolute; right: 10px; top: 10px; width: 55px; height: 55px; padding: 0; background-color: rgb(33, 190, 192); color: #000; font-weight: 700; text-align: center; font-size: 1em; border-radius: 100%; line-height: 55px; }*/
.spotSale { position: absolute; right: 10px; top: 10px; width: 55px; height: 55px; padding: 0; background-color: rgb(217, 30, 80); color: #fff; font-weight: 600; text-align: center; font-size: 1em; border-radius: 100%; line-height: 55px; }
.spotNew { position: absolute; left: 10px; top: 10px; background-color: #f6a7d8; padding: 8px 20px; border-radius: 30px; border-top-left-radius: 0; font-size: .8em; color: #fff; font-weight: 600; z-index: 1; }
#prod_image .spotNew { left: auto; right: 10px; }
.product-image .spotSale { right: 0; }
.product-image .spotNew { left: 0; }
.come-in { transform: translateY(150px); animation: come-in 0.6s ease forwards; }
.come-in:nth-child(odd) { animation-duration: 0.4s; }
.already-visible { transform: translateY(0); animation: none; }
img.lazy { animation: fadein 1s; }
section.product-listing { overflow: hidden; position: relative; }
section.product-listing header { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 15px 15px; }
section.product-listing header h2 { font-size: 1.3em; font-weight: 700; color: #000; letter-spacing: -.04em; }
section.product-listing header a { color: #21bfc0; font-weight: 700; font-size: .8em; }
section.product-listing .products { display: flex; flex-wrap: wrap; margin: 0 -5px; }
section.product-listing .products.scroller .paddle { display: none; }
section.product-listing .products.scroller article.product-card:nth-of-type(n+5) { display: none; }
#prod_recent section.product-listing .products {overflow: hidden; }
article.product-card { position: relative; display: flex; flex-direction: column; flex: 0 0 49%; flex-shrink: 0; background-color: #fff; box-shadow: 0 0 1px 0 rgba(0,0,0,0.25); margin: .5%; padding: 1% 2%;}
article.product-card .product-image { position: relative; min-height: 190px; max-height: 190px; display: flex; justify-content: center; }
article.product-card .product-image img { width: auto; max-height: 190px; align-self: center; object-fit: contain; }
article.product-card .product-info { padding: 10px 0; }
article.product-card .product-info h3 { height: 38px; font-size: .8em; font-weight: 400; word-break: break-word; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
article.product-card .product-info h3 a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
article.product-card .product-info h3 a.focused::after{ background-color: rgba(255,255,255,.4); background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23f7f7f7' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E"); animation: fadein 1s; background-repeat: no-repeat; }
article.product-card .product-info h3 a:hover,
article.product-card .product-info h3 a:focus,
article.product-card .product-info h3 a:active { outline: none; border: 0; }
article.product-card .product-info h3 a:hover::after,
article.product-card .product-info h3 a:focus::after { color: #000; outline: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: all 250ms ease; }
article.product-card .product-info .price { display: flex; justify-content: left; align-items: baseline; margin: 10px 0; font-weight: 700; font-size: 1.1em; }
article.product-card .product-info .price .priceOld { margin-left: 15px; font-weight: 300;}
body.tab-user article.product-card a:focus { outline: 1px solid #21bfc0; outline-offset: -1px; color: #21bfc0; text-decoration: none; }
article.product-card .product-buy { z-index: 1; border-bottom: 1px solid #f0f0f0; }
article.product-card .product-buy button,
article.product-card .product-buy a.infolink { display: flex; justify-content: center; align-items: center; height: 45px; font-size: .85em; border: 0; text-align: center; padding: 5px 0; font-family: 'Open Sans', 'Trebuchet MS' , Arial,Helvetica,sans-serif; width: 100%; background-color: #fff; font-weight: 700; cursor: pointer; margin-bottom: 5px; }
article.product-card .product-buy button .text { opacity: 1; transition: all 250ms ease; }
article.product-card .product-buy button.disabled .text { opacity: .5; }
article.product-card .product-buy-standard { z-index: 1; }
article.product-card .product-buy .stockstatus { font-size: .7em; position: absolute; bottom: 67px; right: 10px; font-weight: 400; }
#productPage #prod_info section.product-listing .products article.product-card .product-buy .stockstatus { font-size: .7em; position: absolute; bottom: 17px; left: 153px; font-weight: 400; }
article.product-card .product-buy-standard .stockstatus { font-size: .7em; position: absolute; bottom: 67px; right: 10px; font-weight: 400; }
article.product-card .stockstatus.instock:before,
article.product-card .stockstatus.lowStock:before,
article.product-card .stockstatus.unavailable:before { color: #58ef92; content: "\25CF"; font-size: 1.6em; position: absolute; left: -16px; top: -6px; }
article.product-card .stockstatus.lowStock:before { color: #ff4300; }
article.product-card .stockstatus.unavailable:before { color: #808080; }
@media all and (min-width: 900px) {
article.product-card .product-buy-standard .stockstatus { bottom: 75px; }
}
article.product-card .product-buy-standard button,
article.product-card .product-buy-standard a.infolink { animation: fadein 1s; animation-iteration-count: 1; height: 45px; width: 45px; border-radius: 100%; border: 1px solid #efefef; font-size: .85em; text-align: center; padding: 5px 0; background-color: #fff; font-weight: 700; cursor: pointer; position: absolute; bottom: 2%; right: 3%; background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m452 120h-60.946c-7.945-67.478-65.477-120-135.054-120s-127.109 52.522-135.054 120h-60.946c-11.046 0-20 8.954-20 20v352c0 11.046 8.954 20 20 20h392c11.046 0 20-8.954 20-20v-352c0-11.046-8.954-20-20-20zm-196-80c47.484 0 87.019 34.655 94.659 80h-189.318c7.64-45.345 47.175-80 94.659-80zm176 432h-352v-312h40v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h192v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h40z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 17px; background-position: center center; }
article.product-card .product-buy-standard button:hover,
article.product-card .product-buy-standard button:focus { border-color: #333; outline: none; }
article.product-card .product-buy-standard button.disabled { opacity: 1; border-color: transparent; }
article.product-card .product-buy-standard button .le-checkbox { visibility: hidden; width: 45px; height: 45px; margin: 0; top: -5px; top: -6px; left: -1px; }
article.product-card .product-buy-standard button .le-checkbox.active { visibility: visible; opacity: 1; }
article.product-card .product-buy-standard button .le-checkbox:before,
article.product-card .product-buy-standard button .le-checkbox:after { background-color: transparent; }
article.product-card .product-buy-standard button .le-checkbox.active:before,
article.product-card .product-buy-standard button .le-checkbox.active:after { background-color: #fff; }
article.product-card .product-buy-standard a.infolink { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
article.product-card .product-buy-standard button .text { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
article.product-card.small { flex: 0 19%; }
article.product-card.small .product-image { position: relative; min-height: auto; max-height: 65px; min-height: 65px; }
article.product-card.small .product-image img { max-height: 65px; }
section.category-listing { overflow: hidden; }
section.category-listing header { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0px 15px; }
#cashierPage section.category-listing header { padding-left: 7px; padding-top: 0; padding-bottom:0; }
#cashierPage section.category-listing .desk-header { display: none; }
section.category-listing header h1 { /*font-size: .9em;*/ font-size: 1.1em; font-weight: 700; color: #000; letter-spacing: -.04em; border: 0; margin: 0; padding: 0;}
section.category-listing header a { color: #21bfc0; font-weight: 700; font-size: .8em; }
section.category-listing .categories { display: flex; flex-wrap: wrap; margin: 0 5px;}
article.category-card { position: relative; display: flex; flex-direction: column; flex: 0 49%; flex-shrink: 0; background-color: #fff; box-shadow: 0 0 1px 0 rgba(0,0,0,0.25); margin: .5%; }
article.category-card .category-image { position: relative; padding: 5%; margin-top: 15px; min-height: 190px; max-height: 190px; display: flex; justify-content: center; }
article.category-card .category-image img { max-height: 140px; width: auto; align-self: center; object-fit: contain; }
article.category-card .category-info { margin-top: auto; text-align: center; font-weight: 700; }
article.category-card.withimage .category-info { margin-bottom: 13px; }
article.category-card.noimage .category-info { padding: 5px 0; font-size: .8em; }
article.category-card a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
article.category-card a.focused::after { background-color: rgba(255,255,255,.4); background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23f7f7f7' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; animation: fadein 1s; }
article.category-card .category-info h3 { text-align: center; max-height: 45px; overflow: hidden; font-size: 1em; font-weight: 700; }
article.category-card a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; padding: 4% 2% 4% 2%; transition: all 250ms ease; }
article.category-card a.active,
article.category-card a.active:hover { background-color: #21bec0; color: #fff; }
article.category-card a:hover,
article.category-card a:focus { color: #000; outline: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: all 250ms ease; }
article.category-card a:active { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; }
body.tab-user article.category-card a:focus { outline: 1px solid #21bfc0; outline-offset: -1px; color: #21bfc0; text-decoration: none; }
#categoryPage.image-sub-categories {}
#categoryPage.image-sub-categories .bodytext { text-align: center; margin-bottom: 0; }
#categoryPage.image-sub-categories.inspopage #top-banner .category-listing { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
#categoryPage.image-sub-categories .category-listing { margin-top: -10px; }
#categoryPage.image-sub-categories .category-listing header { justify-content: center; }
article.inspiration-card { position: relative; display: flex; flex-direction: column; flex: 0 0 100%; flex-shrink: 0; margin: .5%; background-size: cover; background-position: center center; min-height: 250px; max-height: 400px; height: 370px; overflow: hidden; }
article.inspiration-card .category-image { visibility: hidden; /*position: relative; padding: 5%; margin-top: 15px; min-height: 190px; max-height: 190px; display: flex; justify-content: center;*/ }
article.inspiration-card .category-image img { /*max-height: 140px; width: auto;*/ align-self: center; object-fit: contain; }
article.inspiration-card .category-info { /*background-color: rgba(0,0,0,.2);*/ width: 100%; padding: 15px 10px; }
article.inspiration-card .category-info { margin-top: auto; }
article.inspiration-card .category-info h3 { text-align: left; max-height: 45px; overflow: hidden; font-size: 1em; font-weight: 600; max-width: 280px; }
article.inspiration-card .category-info .text { font-size: .8em; max-width: 170px; }
article.inspiration-card .category-info .fakelink { display: flex; position: absolute; right: 15px; bottom: 10px; background-color: #000; padding: 5px 10px; font-size: .8em; }
article.inspiration-card .category-info .fakelink::after { content: " "; display: inline-block; width: 15px; height: 15px; transform: rotate(180deg); margin-left: 12px; background-position: 0 -2px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25px' height='25px' viewBox='0 0 31.494 31.494' style='enable-background:new 0 0 31.494 31.494;' xml:space='preserve'%3E%3Cpath style='fill:%23ffffff;' d='M10.273,5.009c0.444-0.444,1.143-0.444,1.587,0c0.429,0.429,0.429,1.143,0,1.571l-8.047,8.047h26.554 c0.619,0,1.127,0.492,1.127,1.111c0,0.619-0.508,1.127-1.127,1.127H3.813l8.047,8.032c0.429,0.444,0.429,1.159,0,1.587 c-0.444,0.444-1.143,0.444-1.587,0l-9.952-9.952c-0.429-0.429-0.429-1.143,0-1.571L10.273,5.009z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 15px; }
article.inspiration-card.guidepage { height: 250px; flex: 0 0 48%; text-align: center; overflow: visible; margin-bottom: 70px; background-size: contain; background-repeat: no-repeat; }
article.inspiration-card.guidepage h3 { display: inline-flex; position: relative; background-color: #000; padding: 5px 10px; font-size: .8em; margin-bottom: -50px; }
article.inspiration-card.guidepage h3::after { content: " "; display: inline-block; width: 15px; height: 15px; transform: rotate(180deg); margin-left: 12px; background-position: 0 -2px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25px' height='25px' viewBox='0 0 31.494 31.494' style='enable-background:new 0 0 31.494 31.494;' xml:space='preserve'%3E%3Cpath style='fill:%23ffffff;' d='M10.273,5.009c0.444-0.444,1.143-0.444,1.587,0c0.429,0.429,0.429,1.143,0,1.571l-8.047,8.047h26.554 c0.619,0,1.127,0.492,1.127,1.111c0,0.619-0.508,1.127-1.127,1.127H3.813l8.047,8.032c0.429,0.444,0.429,1.159,0,1.587 c-0.444,0.444-1.143,0.444-1.587,0l-9.952-9.952c-0.429-0.429-0.429-1.143,0-1.571L10.273,5.009z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 15px; }
article.inspiration-card.guidepage a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; color: #fff; transition: background-color 200ms ease 0s; background-color: rgba(0,0,0,0); }
article.inspiration-card.guidepage a:hover,
article.inspiration-card.guidepage a:focus { background-color: transparent; }
article.inspiration-card a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; color: #fff; transition: background-color 200ms ease 0s; background-color: rgba(0,0,0,0.1); }
article.inspiration-card a:hover,
article.inspiration-card a:focus { background-color: rgba(0,0,0,0.2); color: #fff; }
body.tab-user article.inspiration-card a:focus { outline: 1px solid #21bfc0; outline-offset: -1px; color: #fff; text-decoration: none; }
body.tab-user article.inspiration-card a:focus .fakelink { background-color: #21bfc0; }
@media all and (min-width : 600px) and (max-width: 900px){
article.inspiration-card { flex: 0 0 49%; }
article.inspiration-card .category-info h3 { max-width: 215px; }
}
@media all and (min-width: 900px) {
article.inspiration-card { flex: 0 0 32.33%; }
article.inspiration-card .category-info .text { max-width: 135px; }
article.inspiration-card.guidepage { height: 370px; flex: 0 0 32%; }
#categoryPage.image-sub-categories .bodytext { padding: 15px 20% 0 20%; text-align: center; }
#categoryPage.image-sub-categories .bodytext.information { padding: 30px 15px; text-align: left; }
#categoryPage.image-sub-categories .category-listing header { padding: 15px 20%; justify-content: center; }
}
section.sitemap-listing { overflow: hidden;}
section.sitemap-listing header { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 15px 15px; }
section.sitemap-listing header h1 { font-size: .9em; font-weight: 700; color: #000; letter-spacing: -.04em; border: 0; margin: 0; padding: 0;}
section.sitemap-listing header a { color: #21bfc0; font-weight: 700; font-size: .8em; }
section.sitemap-listing .categories { display: flex; flex-wrap: wrap; margin: 0 -5px;}
section.sitemap-listing .categories article.sitemap-card { position: relative; display: flex; flex-direction: column; flex: 0 100%; flex-shrink: 0; background-color: #fff; box-shadow: 0 0 1px 0 rgba(0,0,0,0.25); margin: .5%; padding: 15px; }
section.sitemap-listing .categories article.sitemap-card ul {}
section.sitemap-listing .categories article.sitemap-card ul li { display: block; padding: 5px 0; }
section.sitemap-listing .categories article.sitemap-card ul li a { font-size: .9em; }
.index-banners { display: flex; flex-direction: column; flex-wrap: wrap; margin: 5px 0; }
.index-banners .banner { /*display: flex;*/ flex: 1; justify-content: space-around; margin: 5px 0; }
.index-banners .banner p { display: block; padding: 0; line-height: normal; }
.index-banners .banner:nth-child(2) { margin-left: 0; /*flex: 1 1 100%;*/ }
@media all and (min-width : 600px) and (max-width: 900px){
.index-banners .banner { flex: 1 1 50%; margin-right: 5px; }
.index-banners { flex-direction: row; flex-wrap: nowrap; margin: 5px 0; }
.index-banners .banner:nth-child(2) { flex: 0 1 50%; margin-right: 0; margin-left: 5px; }
}
@media all and (min-width: 900px) {
.index-banners { flex-direction: row; }
.index-banners .banner:nth-child(2) { margin-left: 9px; /*flex: 0 0 50%;*/ }
}
#index-inspiration .menu-inspiration-links { }
#index-inspiration .menu-inspiration-links h4 { font-size: 1.4em; font-weight: 700; color: #000; letter-spacing: -.04em; padding: 15px; }
#index-inspiration .menu-inspiration-links ul { display: flex; flex-wrap: wrap; justify-content: center; }
#index-inspiration .menu-inspiration-links ul li { border: 0; flex: 0 94%; margin-bottom: 15px; text-align: center; font-size: .8em; font-weight: 600; }
#index-inspiration .menu-inspiration-links ul li:after { display: none; }
#index-inspiration .menu-inspiration-links ul li a { display: block; flex-direction: column; padding: 0; line-height: normal; background-color: #fff; /*box-shadow: 0 0 1px 0 rgba(0,0,0,0.25);*/ transition: all 250ms ease; }
#index-inspiration .menu-inspiration-links ul li a img { flex-shrink: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; }
#index-inspiration .menu-inspiration-links ul li > a:hover,
#index-inspiration .menu-inspiration-links ul li > a:focus{ padding-left: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: all 250ms ease;}
#index-inspiration .menu-inspiration-links ul li a h4 { padding: 15px; }
#index-inspiration .menu-inspiration-links ul li:first-of-type .catprods { display: none; }
#index-inspiration .menu-inspiration-links ul li:last-child { display: none; }
body.tab-user #index-inspiration .menu-inspiration-links ul li a:focus { outline: 1px solid #21bfc0; outline-offset: -1px; color: #21bfc0; text-decoration: none; }
#tp-wrapper { margin: 35px 0; }
#footer { background-color: #ededed; color: #252525; padding: 40px 10px 86px 10px; margin-top: 30px; }
#footer.mobile_special {display: none;}
#cashier_footer { display: flex; justify-content: center; align-items: center; height: 75px; }
#cashier_footer a { color: #989898; }
#cashier_footer ul { display: flex; justify-content: space-between; width: 100%; font-size: .85em;}
#cashier_footer ul li { display: flex; }
#cashier_footer ul li:first-child { margin-left: 20px;}
#cashier_footer ul li:last-child { margin-right: 20px;}
#footer a { color: #252525; display: block; font-size:14px;}
#footer a:hover,
#footer a:focus { text-decoration: underline; color: #21bfc0; }
body.tab-user #footer a:focus { text-decoration: underline;}
#footer ul li { padding: 7px 0; }
#footer h4 { font-size: 1.2em; font-weight: 700; margin-bottom: 12px; margin-top: 70px; padding: 0; /*font-family: 'coolveticaregular'; font-weight: 100; letter-spacing: 1px;*/}
#footer .col:first-of-type h4 { margin-top: 0 ;}
#footer .footerText { padding: 20px 0; text-align: center; color: #fff; font-size: .8em; display: block; align-items: center; justify-content: center; }
#footer .footerText img { margin: 10px 20px; max-height: 25px; width: auto; filter:invert(1); }
#footer .footerText .specCont { }
#footer .social { display: block; text-align: left; color: #252525; }
#footer .social h4 { margin: 0; font-size: 1.5em; text-align: left; margin-bottom: 20px; color: #252525; }
#footer .social img { vertical-align: middle; margin-right: 30px; margin-left: 13px; }
#footer .social a { padding: 0; display: inline-block; }
#footer .social a:focus img,
#footer .social a:hover img {-webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; outline: none; }
#footer-logos { margin: 45px 0 -10px 0; }
.footer-logos-inner { display: flex; justify-content: left; align-items: center;/*padding-left: 15px;*/ }
.footer-logos-inner p { display: flex; justify-content: space-around; align-items: center; padding: 0; margin: 0; }
.footer-logos-inner img { max-width: 65px; margin-right: 17px; }
.footer-logos-inner a { display: none !important; }
.jtcffs.jtcffs { float: none !important; }
.collapsed { position: relative; max-height:150px; overflow: hidden; padding-bottom: 15px; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); }
.bodytext { padding: 15px; }
.bodytext.collapsed.expand { max-height: 9999px; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); }
.bodytext a { text-decoration: underline; color: #21bfc0; }
.bodytext p:first-of-type { padding-top: 0; }
.bodytext .cpToggle { display: none; position: absolute; right: 17px; bottom: -3px; }
.bodytext .cpToggle button { margin-bottom: 10px; font-weight: 600; border: 0; border-bottom: 1px solid #21bfc0; background-color: rgba(255, 255, 255, .8); font-size: .9em; padding: 5px 10px; }
.bodytext .cpToggle button i { font-size: .8em; }
.bodytext .cpToggle button:hover{ color: #21bfc0; cursor: pointer; }
.bodytext .cpToggle:hover button,
.bodytext .cpToggle:hover #cpToggle button:focus { outline: 0; color: #21bfc0;}
.bodytext.index { background-color: #fff; padding: 30px 15px; margin: 15px 0; }
.bodytext.category { /*border-top: 1px solid #ededed;*/ margin-bottom: 0px; }
.bodytext.column-fix {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 2em; }
.bodytext.information { background-color: #fff; border: 1px solid #ededed; }
#info-bodytext.bigImagePage img:first-child { display: none; }
#deal_container { position: relative; width: 100%; color: #fff; transition: background-color 200ms ease 0s, height 200ms ease 0s; }
#deal_container .c_inner { min-height: 80px; display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; padding: 10px 0; background: linear-gradient(117deg, #1c788d 48%, #21bfc0 48%); transition: background-color 200ms ease 0s, height 200ms ease 0s;}
#deal_container .c_inner a { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; color: #fff; max-width: 1182px; margin: 0 auto; }
#deal_container .c_inner a:hover,
#deal_container .c_inner a:focus,
#deal_container .c_inner a:active { text-decoration: none; }
#deal_container .c_content { display: flex; width: 100%; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; }
#deal_container .c_content .header { display: flex; justify-content: center; font-size: .8em; font-weight: 600; margin-bottom: -3px; }
#deal_container .c_content .opendeal { display: flex !important; }
#deal_container .c_col { display: flex; -webkit-box-align: center; align-items: center; padding: 0 25px 0 12px; }
#deal_container .c_col.col_header { font-size: 1.2em; text-transform: uppercase; font-weight: 700; font-style: italic; }
#deal_container .c_col.col_header p { display: inline-block; line-height: 23px; padding: 0; }
#deal_container .c_col.col_header img { width: 30px; height: 30px; margin: 0 15px 0 10px; }
#deal_container .c_col.col_link { display: none; }
#deal_container #deal_countdown { }
#deal_container #deal_countdown .inner { text-align: center; position: relative; padding: 0; }
#deal_container #deal_countdown .inner p { line-height: 20px; padding: 0; margin: 0; font-size: .9em; }
#deal_container #deal_countdown a { padding: 2px 5px; }
#deal_container #deal_countdown a span { padding: 2px 2px;}
#deal_container #deal_countdown.cp_css_1 { }
#deal_container #deal_countdown.cp_css_1 #deal_clock .smalltext { color: #fff; }
#deal_container #deal_clock { font-weight: 100; display: flex; height: 40px;}
#deal_container #deal_clock > div { padding: 0; display: flex; flex: 0 0 27px; position: relative; text-align: center; }
#deal_container #deal_clock div > span { font-size: 1.8em; border-radius: 3px; display: inline-block; width: 47px; animation: fadein 2s; }
#deal_container #deal_clock div > span.seconds { width: 36px }
#deal_container #deal_clock div > span:after { content: ":"; display: inline; padding: 0 3px; }
#deal_container #deal_clock div > span.seconds:after,
#deal_container #deal_clock div > span.days:after{ display: none; }
#deal_container #deal_clock .smalltext { display: none; }
#deal_container #deal_clock .daycont {display: none; color: #ebebeb; font-size: 12px; padding-top: 2px; }
#deal_container #deal_clock .text_days {display: none; position: absolute; bottom: 2px; font-size: .7em; left: 2px; right: 0; letter-spacing: .02em; }
@media only screen and (max-width: 805px){
.global-usp-inner {font-size:1em;justify-content:space-evenly;}
#global-usp > div > div:nth-child(2) {
display: none;
}
.global-usp-inner .usp:before{
height: 16px;
width: 8px;
border-bottom: 4px solid #fff;
border-right: 4px solid #fff;
}
}
.opened { display: block !important }
#promo_container { position: relative; width: 100%; color: #fff; transition: background-color 200ms ease 0s, height 200ms ease 0s; }
#promo .p_inner { min-height: 35px; display: flex; -webkit-box-pack: justify; justify-content: center; flex-direction: row; width: 100%; padding: 10px 0; background: #2d2d2d; transition: background-color 200ms ease 0s, height 200ms ease 0s;}
#promo .p_inner a { display: inline-block; }
#promo .p_inner a span { padding: 2px 2px; }
#promo .p_inner a:hover,
#promo .p_inner a:focus,
#promo .p_inner a:active { text-decoration: none; }
#promo .p_inner .header { display: flex; justify-content: center; font-size: .8em; font-weight: 600; margin-bottom: -5px; }
#promo .p_inner .opendeal { display: flex !important; }
#promo .p_col { padding: 0 7px 0 7px; }
#promo .p_col.col_header {}
#promo .p_col.col_header p { display: block; line-height: 23px; padding: 0; }
#promo .p_col.col_header img { width: 30px; height: 30px; margin: 0 15px 0 10px; }
#promo #promo_countdown { }
#promo #promo_countdown .inner { text-align: center; position: relative; padding: 0; }
#promo #promo_countdown .inner p { line-height: 20px; padding: 0; margin: 0; font-size: .9em; }
#promo #promo_countdown a { padding: 2px 5px; }
#promo #promo_countdown a span { padding: 2px 2px;}
#promo #promo_countdown.cp_css_1 { }
#promo #promo_countdown.cp_css_1 #deal_clock .smalltext { color: #fff; }
#promo #promo_clock { font-weight: 100; display: flex; height: 40px;}
#promo #promo_clock > div { padding: 0; display: flex; flex: 0 0 27px; position: relative; text-align: center; }
#promo #promo_clock div > span { font-size: 1.8em; border-radius: 3px; display: inline-block; width: 47px; }
#promo #promo_clock div > span.seconds { width: 36px }
#promo #promo_clock div > span:after { content: ":"; display: inline; padding: 0 3px; }
#promo #promo_clock div > span.seconds:after,
#promo #promo_clock div > span.days:after{ display: none; }
#promo #promo_clock .smalltext { display: none; }
#promo #promo_clock .daycont {display: none; color: #000000; font-size: 12px; padding-top: 2px; }
#promo #promo_clock .text_days {display: none; position: absolute; bottom: 2px; font-size: .7em; left: 2px; right: 0; letter-spacing: .02em; }
nav.breadcrumb { display: none; padding: 0.8em 0; font-size: .8em; }
#productPage #prod_image { /*min-height: 400px;*/ min-height: 290px; max-height: 600px; animation: fadein 1000ms; position: relative;}
#prod_info .product-listing { overflow: visible; }
#productPage #bracketPrices table { width: 100%; background-color: #f7f7f7; padding: 10px; }
#productPage #bracketPrices table caption { text-align: left; font-weight: 700; font-size: .9em; background-color: #f1f1f1; padding: 10px; }
#productPage #bracketPrices table th { text-align: left; font-size: .9em; }
#productPage .prices { font-size: 1.8em; display: flex; justify-content: left; align-items: baseline; font-weight: 700; }
#productPage .priceRegular { }
#productPage .priceNew { font-weight: 700; }
#productPage .priceOld { text-decoration: line-through; font-size: 0.8em; font-weight: 400; margin-left: 20px; }
#productPage .maxQty { display: flex; align-items: flex-start; font-weight: 600; font-size: .8em; margin-top: -10px; font-weight: 700; }
#productPage .maxQty:before { font-size: 2em; content: "\2022"; margin-right: 10px; color: #22c0c1; margin-top: -10px; }
#productPage .productBuy { display: flex; flex-direction: row; }
#productPage .productBuy .col1,
#productPage .productBuy .col2 { display: flex; flex-direction: column; }
#productPage .productBuy .col1 { align-self: stretch; width: 37px; margin-right: 15px; }
#productPage .productBuy .col1 input { height: 100%; text-align: center; font-size: 1.2em; width: 100%; }
#productPage .productBuy .col2 { flex: 1; }
#productPage .productBuy .col2 .button.bigBuy { padding: 20px 0; transition:0.3s; text-transform: uppercase; font-size: 1.2em; }
#productPage .prodno { display: block; font-size: .8em; color: #8d8d8d; padding: 15px 35px; background-color: white; margin: 0px; }
@media only screen and (max-width: 599px){#productPage .prodno { text-align: center; } }
#sticky-buy { position: fixed; bottom: 0; left: 0; right: 0; box-shadow: 0 -2px 14px 0 rgba(0,0,0,.15); transform: scaleY(0); transition: transform .2s ease; transform-origin: bottom; z-index: 6; background-color: #fff; }
#sticky-buy.show { transform: scaleY(1); transition: transform .4s ease; transform-origin: bottom; z-index: 6; }
#sticky-buy .inner { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 10px; height: 100px; }
#sticky-buy .buy-image { height: 100%; }
#sticky-buy .buy-brand { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 20px 0 10px; min-width: 160px; }
#sticky-buy .buy-brand h3 { font-size: .7em; font-weight: 400; margin-bottom: 3px; }
#sticky-buy .buy-brand h4 { max-height: 45px; font-size: .7em; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#sticky-buy .buy-actions { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 100px; }
#sticky-buy .buy-actions .button { font-size: .9em; width: 100%; }
#sticky-buy .buy-actions .priceRegular { font-size: .9em; font-weight: 600; padding-top: 3px; }
.super_deal_top { background-color: #1c788d; text-align: center; color: #fff; margin-bottom: -20px; position: relative; }
.super_deal_top h1 { padding: 15px 0; }
.super_deal_top:after { display: none; top: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 70, 255, 0); border-top-color: #21bfc0; border-width: 15px; margin-left: -15px;}
.pReview { margin-bottom: 20px; position: relative; }
.lRevGrade { /*position: absolute; right: 0; top: -2px;*/ }
.productReviewWrite { background-color: #f7f7f7; margin-top: 5px !important; }
#divAllReviews {}
#prodLatestReviews {}
#prodLatestReviews .lRev { display: flex; justify-content: space-between; flex-wrap: wrap; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding-left: 15px; }
#prodLatestReviews .lRev:before { content: '\201C'; left: -11px; top: -5px; color: rgba(0, 0, 0, 0.2); position: absolute; font-size: 2.4em; font-family: sans-serif; font-weight: 700; }
#prodLatestReviews .lRevName { display: flex; width: 60%; }
#prodLatestReviews .lRevName h3 { font-weight: 500; font-size: .8em; color: #666; }
#prodLatestReviews .lRevGrade { font-size: .7em; display: flex; width: 40%; flex-direction: column; flex: 1; text-align: right; }
#prodLatestReviews .lRevText { font-size: .8em; position: relative; padding: 5px 10px 5px 0; font-weight: 600; display: flex; width: 100%; }
#prodLatestReviews .lRevDate { font-size: .7em; color: #666; display: flex; width: 100%; }
#prodLatestReviews .lRev .rating { }
.reviewGroup { /* remove inline-block whitespace */ font-size: 0; /* flip the order so we can use the + and ~ combinators */ unicode-bidi: bidi-override; direction: rtl; /* the hidden clearer */ }
.reviewGroup * { font-size: 1.7rem; }
.reviewGroup > input { display: none; }
.reviewGroup > input + label { overflow: hidden; text-indent: 9999px; width: .9em; white-space: nowrap; cursor: pointer; display: inline-block; *display: inline; zoom: 1; }
.reviewGroup > input + label:before { text-indent: -9999px; content: "\2606"; color: #888; display: inline-block; *display: inline; zoom: 1; }
.reviewGroup > input:checked ~ label:before,
.reviewGroup > input + label:hover ~ label:before,
.reviewGroup > input + label:hover:before { content: "\2605"; color: #f9d100; }
.reviewGroup > .star-cb-clear + label { text-indent: -9999px; width: .5em; margin-left: -.5em; }
.reviewGroup > .star-cb-clear + label:before { width: .5em; }
.reviewGroup:hover > input + label:before { content: "\2606"; color: #888; text-shadow: none; }
.reviewGroup:hover > input + label:hover ~ label:before, .reviewGroup:hover > input + label:hover:before { content: "\2605"; color: #f9d100; }
.accordion-tabs { background-color: transparent; margin: 5px 0 20px 0; }
.tabs-tab-list { display: flex; list-style: none; margin: 0; padding: 0; }
.tabs-tab-list li { margin: 0; }
.tabs-trigger { border-bottom: none; color: #9a9a9a; display: none; margin: 0 5px 0 1px; padding: 15px 20px; text-decoration: none; font-weight: 700; }
.tabs-trigger:hover { border-bottom: none; color: #000; }
.tabs-trigger.is-selected, .tabs-trigger.is-selected:hover, .tabs-trigger.is-selected:focus { color: #000; }
.tabs-trigger:active { outline: none; }
.tabs-panel { display: block; margin: 0; background-color: #fff; padding: 10px; border-bottom: 1px solid #ededed; }
.tabs-panel:first-of-type { border-top: 1px solid #ededed; }
.tabs-panel:not(:first-of-type) { /*border-top: 2px solid #eee;*/ }
.tabs-panel:not(:last-child) { /*border-bottom: 1px solid #eee;*/ }
.tabs-panel:not(:last-child) { /*border-bottom: none;*/ }
.tabs-panel .content { margin-top: 10px; /*padding: 20px;*/ padding: 20px 10px;}
.tabs-panel.is-hidden .content { display: none; }
.tabs-panel:active, .tabs-panel:focus { outline: none; }
.is-initialized.tabs-allowed .tabs-panel { display: inherit; }
.accordeon-trigger { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 15px 10px; font-weight: 700; cursor: pointer; }
.accordeon-trigger:focus { outline: none; }
body.tab-user .accordeon-trigger:focus { outline: 1px solid #21bfc0; }
.accordeon-trigger h2 { font-size: 1em; font-weight: 700; cursor: pointer; }
.accordeon-trigger-icon { pointer-events: none; }
.accordeon-trigger-icon { display: inline-block; float: right; width: 15px; height: 15px; margin-top: -5px; }
.accordeon-trigger-icon svg { margin: 0; }
[aria-expanded="true"] .vert { display: none; }
.label--open, .label--close { display: block; border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.label--close { display: none; }
.is-open .label--open { display: none; }
.is-open .label--close { display: block; }
#paging-count { display: flex; justify-content: center; font-size: .9em; padding: 15px 0; }
#paging-count #nrofproducts,
#paging-count .span { font-weight: 700; }
.paging { margin: 10px 0; }
.paging ul { display: flex; justify-content: center; align-items: center; }
.paging ul li { display: flex; justify-content: center; align-items: center; padding: 10px 6px; }
.paging ul li.nextpage,
.paging ul li.prevpage{ font-weight: 700; font-size: .8em; }
.paging ul li.nextpage a { display: block; padding: 10px 15px 10px 10px; width: 100%; }
.paging ul li.prevpage a { display: block; padding: 10px 10px 10px 15px; width: 100%; }
.paging ul li.active{ color: #21bfc0; font-weight: 700; text-decoration: underline; }
.paging ul li.nextpage:after { margin-left: -20px; pointer-events:none; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: center 9px; width: 30px; height: 30px; content: ""; }
.paging ul li.prevpage:before { margin-right: -20px; pointer-events:none; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: center 7px; width: 30px; height: 30px; content: ""; transform: rotate(180deg); }
#slideup { position: fixed; z-index: 9001; /*height: calc(100vh - 20vh);*/ min-height: auto; width: 100%; transform: translate3d(0, calc(100vh - 10vh), 0); -webkit-transform: translate3d(0, calc(100vh - 10vh), 0); transition: transform 450ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; display: none; background-size: cover; top: auto; left: 0; bottom: 0; background-position: 50% 50%; color: #000; }
#slideup.open { transform: translate3d(0, 0, 0); }
#slideup .inner { display: flex; flex-direction: column; background-size: cover; pointer-events: all; position: relative; height: 100%; width: 100%; }
#slideup .products { flex-wrap: nowrap; overflow-x: auto;}
#slideup article.product-card .product-image {min-height: 150px; max-height: 150px; }
#slideup article.product-card .product-image img {min-height: 150px; max-height: 150px; }
body.mobile #slideup header.first { display: flex; align-items: center; justify-content: space-between; background-color: #f8f8f8; border-top-left-radius: 30px; border-top-right-radius: 30px; height: 65px; padding: 15px; }
body.mobile #slideup h2 { display: flex; text-align: left; padding: 0; font-size: 1em; font-weight: 700; align-items: center; }
body.mobile #slideup h2 span { margin: 0 20px 0 0; }
body.mobile #slideup .content { background-color: #fff; /*padding-bottom: 40px;*/ }
body.mobile #slideup #prod_accessories { margin-bottom: 10px; }
body.mobile #slideup .cashier-button { display: flex; }
body.mobile #slideup .btn-to-cashier { width: 100%; }
body.mobile #slideup .btn-to-cashier .cart-count { position: relative; background-color: #fff; width: 20px; height: 20px; z-index: 2; border-radius: 100%; color: #1fb9ba; text-align: center; line-height: 20px; top: -1px; right: -10px; font-size: 11px; display: inline-block; font-weight: 600; }
/* Category and filters */
@keyframes easyfade { 0% { opacity: 0; } 100% { opacity: 0.3; } }
@keyframes slide-down { 0% { opacity: 0; transform: translateY(-40%); } 100% { opacity: 0.9; transform: translateY(0); } }
@keyframes slide-up { 0% { transform: translateY(40%); } 100% { transform: translateY(0); } }
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
.axmobilebuttons { display: flex; justify-content: center; align-items: center; box-shadow: 0 0 1px 0 rgba(0,0,0,0.25); }
.jumpfix { height: 50px; }
#btnAxFilterShow { height: 70px; display: flex; border: 0; position: relative; background-color: #fff; text-align: center; font-weight: 700; font-size: .9em; align-items: center; justify-content: space-around; }
#btnAxFilterShow { padding-left: 85px; background-image: url("data:image/svg+xml,%3Csvg id='Filter' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.2 26.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2321bfc0;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon_filter_35x35%3C/title%3E%3Cpath class='cls-1' d='M32.7,32.29a1.64,1.64,0,1,0,1.64,1.63A1.64,1.64,0,0,0,32.7,32.29Zm0,4.91A3.28,3.28,0,1,1,36,33.92,3.28,3.28,0,0,1,32.7,37.2Z' transform='translate(-9.77 -11)'/%3E%3Cpath d='M32.7,32a.82.82,0,0,1-.82-.82V11.81a.82.82,0,0,1,1.64,0V31.17A.82.82,0,0,1,32.7,32Z' transform='translate(-9.77 -11)'/%3E%3Cpath class='cls-1' d='M22.87,12.63a1.64,1.64,0,1,0,1.64,1.64A1.65,1.65,0,0,0,22.87,12.63Zm0,4.92a3.28,3.28,0,1,1,3.28-3.28A3.28,3.28,0,0,1,22.87,17.55Z' transform='translate(-9.77 -11)'/%3E%3Cpath d='M22.87,37.2a.82.82,0,0,1-.82-.82V17a.82.82,0,0,1,1.64,0V36.38A.82.82,0,0,1,22.87,37.2Z' transform='translate(-9.77 -11)'/%3E%3Cpath class='cls-1' d='M13.05,22.46a1.64,1.64,0,1,0,1.64,1.64A1.63,1.63,0,0,0,13.05,22.46Zm0,4.91a3.28,3.28,0,1,1,3.27-3.27A3.28,3.28,0,0,1,13.05,27.37Z' transform='translate(-9.77 -11)'/%3E%3Cpath d='M13.05,37.2a.82.82,0,0,1-.82-.82V26.84a.82.82,0,1,1,1.64,0v9.54A.82.82,0,0,1,13.05,37.2Z' transform='translate(-9.77 -11)'/%3E%3Cpath d='M13.05,22.46a.82.82,0,0,1-.82-.82V11.81a.82.82,0,0,1,1.64,0v9.83A.82.82,0,0,1,13.05,22.46Z' transform='translate(-9.77 -11)'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 30px 30px; background-position: 30px; }
#btnAxFilterShow:focus { outline: none; }
#btnAxFilterShow.fullwidth,
#btnAxFilterShow.fixed.fullwidth { width: 100%; }
#btnAxFilterShow.fixed { animation:slide-down 0.4s; position: fixed; z-index: 1111; right: 0; transform: translateZ(0); -webkit-transform: translateZ(0); top:50px; /* top shuld be same as #menuTop height and the jumpfix class */ width: 50%; border-radius: 0; margin: 0; background-color: rgba(255, 255, 255, 0.9); display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 1px 0 rgba(0,0,0,0.25); }
#btnAxFilterShow svg { display: none; }
#filtercount { width: 30px; height: 30px; display: flex; justify-content: center; align-items:center; margin-left: auto; margin-right: 20px; background-color: #21bfc0; color: #fff; font-weight: 600; border-radius: 100%; opacity: 0; }
#filtercount.active { opacity: 1; animation: fadein 1s; }
#attributes { position: fixed; z-index: 9001; height: calc(100vh - 20vh); min-height: auto; width: 100%; transform: translate3d(0, calc(100vh - 20vh), 0); -webkit-transform: translate3d(0, calc(100vh - 20vh), 0); transition: transform 450ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; display: flex; background-size: cover; top: auto; left: 0; bottom: 0; background-position: 50% 50%; }
#attributes.open { transform: translate3d(0, 0, 0);}
#attributes .inner { display: flex; flex-direction: column; background-size: cover; pointer-events: all; position: relative; height: 100%; width: 100%; }
#attributes h2 { display: none; }
body.mobile #attributes form { height: 100%; }
#axFilter { /*height: 100%;*/ height: calc(100vh - 20vh); background-color: #fff; padding: 10px; padding-bottom: 170px; overflow: auto; }
#btnExitFilterWrapper { height: 85px; background-color: #fff; border-top: 1px solid #d3d3d3; bottom: 0; position: absolute; width: 100%; text-align: center; z-index: 10; }
#btnExitFilterWrapper button { width: 100%; z-index: 10; height: 100%; border-radius: 0; background-color: #21bfc0; border: 0; color: #fff; font-weight: 100; font-size: 1em; cursor: pointer; }
#btnExitFilterWrapper #exitfiltertotal { font-size: .8em; color: #fff; }
.btnSlideupClose { position: relative; display: inline-block; width: 30px; height: 30px; overflow: hidden; border: 0; background-color: transparent;cursor: pointer; transition: transform 500ms;}
.btnSlideupClose:hover::before,
.btnSlideupClose:hover::after,
.btnSlideupClose:focus::before,
.btnSlideupClose:focus::after{ transition: transform 500ms; }
.btnSlideupClose::before, .btnSlideupClose::after { pointer-events: none; content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #000; transition: transform 500ms; }
.btnSlideupClose::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: transform 500ms; }
.btnSlideupClose::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: transform 500ms; }
.btnSlideupClose:hover,
.btnSlideupClose:focus { outline: 0; color: red; border-color: red; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); transition: all 200ms ease 0s; }
#btnAxFilterReset { border: 0; color: #bdbdbd; background: transparent; cursor: pointer; font-weight: 600; margin-right: 5px; }
#btnAxFilterReset.active { color: #21bfc0; }
body.mobile #attributes,
body.mobile #attributes > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shaow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }
#attributes header { display: flex; align-items: center; justify-content: space-between; background-color: #f8f8f8; border-top-left-radius: 30px; border-top-right-radius: 30px; height: 65px; padding: 15px; }
#attributes h2 { display: flex; flex-direction: column; text-align: center; padding: 0; font-size: 1em; font-weight: 700; }
#attributes h2 .catname { font-size: .6em; font-weight: 500; text-align: center; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#active_filters_clones { margin-top: 10px; padding: 0; }
body.mobile .combobox-container { width: 100%; margin-bottom: 15px;}
.combobox ul { /*position: fixed; height: 100%; max-height: none; top: 61px; border: 0; overflow-y: auto; width: 100%; padding-top: 5px; padding-bottom: 130px;*/ }
.combobox li { padding-left: 10px; font-size:16px;}
.combobox input { font-size: 16px; border-radius: 0; border: 1px solid #f0f0f0; height: 50px; background-color: transparent; padding: 10px 28px 10px 10px; font-weight: 400;}
.combobox button.toggle { top: 18px; }
.combobox .active_options { top: 16px; right: 42px; animation: fadein 1s;}
#attributes .combobox-container.boxes .active_options { display: none !important; }
.chevron.bottom:before { transform: rotate(45deg); }
#active_filters_clones .head { display: block;padding-left: 15px; }
/*#active_filters_clones ul#li_clones { margin-top: 5px; }*/
#active_filters_clones li { margin: 5px 5px 5px 0; }
.combobox-container { width: 180px; display: inline-block; vertical-align: top; }
.combobox-container input:focus { box-shadow: none; margin: 0; }
.combobox { width: 100%; display: inline-block; position: relative; }
.combobox input { text-align: left; color: #000; width: 100%; outline: none; cursor: pointer; font-weight: 600; padding: 8px 28px 8px 10px; margin: 0; border: 1px solid #f0f0f0; overflow: hidden; text-overflow: ellipsis; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.combobox input:focus { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*border: 2px solid #d1d1d1;*/ }
.combobox input.selections { color: #000; background-color: #fff; transition: none; }
.combobox .role_combobox[aria-expanded="false"] { transition: none; }
.combobox .role_combobox[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #fff; transition: none;}
.combobox .role_combobox:hover{ /*border-color: #1f98bb;*/ /*background-color: #f8f8f8;*/ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.combobox .role_combobox:focus {}
.combobox button.toggle { cursor: pointer; border:0; background: transparent; position: absolute; right: 15px; top: 18px; }
.combobox button.toggle:focus { outline: none; box-shadow: none; }
.combobox button.toggle.open:before { transform: rotate(135deg); }
.combobox ul { display: none; list-style: none; background-color: #f8f8f8; font-size: 1em; width: 100%; margin: 0; padding: 0; /*border: 2px solid #c5c5c5;*/ /*position: absolute;*/ z-index:3; max-height: none; /*overflow-y: auto;*/ overflow-y: visible; border-top:0; }
.combobox ul:focus { outline: none; }
.combobox li { padding: 10px 0 10px 7px; position: relative; cursor: pointer; display: flex; align-items: center; -webkit-box-align: center; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); font-size:.9em; }
.combobox li.activedescendant,
.combobox li:hover{ background-color: #f3f3f3; color: #000; }
.combobox li[aria-selected="true"] {color: #000;}
.combobox li[aria-selected="true"].activedescendant {color: #069;}
.combobox li span.check { display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, .3); cursor: pointer; overflow: hidden; color: #fff; text-align: center; -webkit-transition: background .25s linear; transition: background .25s linear; background-color: rgba(0, 0, 0, 0); }
.combobox li span.name { display: flex; width: 77%; padding-left: 10px; font-size: .9em; }
.combobox li[aria-selected="true"] span.check { border-color: #159b57; background: #1fbb6c; transition: background .25s linear; -webkit-transition: background .25s linear; }
.combobox li.activedescendant[aria-selected="false"] span.check,
.combobox li[aria-selected="false"]:hover span.check{ border-color: #159b57; background: #fff; transition: background .25s linear; -webkit-transition: background .25s linear; }
.combobox li span.check::before { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 20px; height: 20px; border-radius: 7px; border: 2px solid rgba(0,0,0,.3); cursor: pointer; overflow: hidden; color: #fff; text-align: center; margin: 0; -webkit-transition: background .25s linear; transition: background .25s linear; }
.combobox li[aria-selected="true"] span.check::before { content: ""; box-sizing: content-box; position: absolute; top: 2px; left: 6px; width: 4px; height: 9px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: opacity .25s linear; -webkit-transition: opacity .25s linear; opacity: 1; }
.combobox input.dropdown-search { display: block; border: 1px solid #e6e6e6; width: 94%; padding-right: 10px; font-size: .9em; font-style: italic; border-radius: 7px; }
.combobox .c_selections { display: none; }
.combobox .active_options { display: none; position: absolute; top: 16px; right: 40px; cursor: pointer; background-color: #21bfc0; height: 20px; width: 20px; line-height: 19px; border-radius: 100%; text-align: center; font-size: 12px; color: #fff; }
.combobox-container.boxes .combobox input { border: 0; }
.combobox-container.boxes ul { display: flex; flex-wrap: wrap; background-color: transparent; }
.combobox-container.boxes ul li { background-color: #fff; border: 1px solid #ccc; padding: 10px 16px; margin-right: 15px; }
.combobox-container.boxes ul li[aria-selected="true"] { background-color: #21bfc0; color: #fff; border-color: #21bfc0; }
.combobox-container.boxes ul li .name { width: 100%; padding: 10px 0; }
.combobox-container.boxes ul li .check { display: none; }
.combobox-container.boxes button.toggle { display: none;}
.chevron::after { transition: all 0.2s ease; pointer-events: none; content: " "; width: 15px; height: 15px; position: absolute; right: 0; top: 0; transform: translateY(0) rotate(90deg); background-color: transparent; background-repeat: no-repeat; background-position: center center; transform-origin: center center; background-color: transparent; background-image:url('data:image/svg+xml;charset=UTF-8,'); }
.chevron.bottom[aria-expanded="true"]::after {transform: rotate(-90deg); transition: all 0.2s ease; top: 2px;}
#axFilter .resetFilter { margin-left: 0; display: inline-block;; }
#axFilter .resetFilter a { cursor: pointer; display: inline-block; font-size: .9em; border: 1px solid #20667a; padding: 2px 7px; margin-right: 5px; background-color: #20667a; border-radius: 18px; color: #fff; }
#axFilter .resetFilter a:focus,
#axFilter .resetFilter a:hover { background-color: #13708a; text-decoration: none; }
#active_filters_clones { margin: 15px 0; }
#active_filters_clones li { margin: 0; display: inline-block; }
#active_filters_clones li a { cursor: pointer; position: relative; display: inline-block; font-size: .9em; padding: 3px 35px 3px 15px; margin-right: 5px; background-color: #21bfc0; border-radius: 18px; color: #fff; }
#active_filters_clones li a::before, #active_filters_clones li a::after { content: ''; position: absolute; height: 1px; width: 13px; top: 13px; right: 10px; background: #fff; transition: transform 500ms; }
#active_filters_clones li a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: transform 500ms; }
#active_filters_clones li a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: transform 500ms; }
#active_filters_clones li a:focus,
#active_filters_clones li a:hover { background-color: #21bfc0; text-decoration: none; }
#active_filters_clones li a:hover:after { color: #fff; }
#active_filters_clones .small {font-size: .8em; display: inline-block;}
#active_filters_clones h4 { display: inline-block; font-size: .9em; font-weight: 600; }
#active_filters_clones .head { display: inline-block; }
#active_filters_clones ul#li_clones { display: inline-block; }
#rev_cont, .rev_inner { display: flex; align-items: center; padding: 0px 15px; }
.rev_amount { margin-left: 15px; font-weight: 700; font-size: .8em; }
/*.rating { margin-top: -4px; }*/
.rating li { position: relative; width: .9em; color: #ccc; font-size: 1.6em; line-height: .9em; vertical-align: bottom; display: inline-block; *display: inline; zoom: 1; }
.rating li { width: 27px; height: 25px; background-size: 20px 20px; background-repeat: no-repeat; background-position: 0 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23cccccc' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E");}
.rating.grade-1 li:nth-child(-n+1){ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23ffe200' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E");}
.rating.grade-2 li:nth-child(-n+2){ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23ffe200' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E"); }
.rating.grade-3 li:nth-child(-n+3){ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23ffe200' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E"); }
.rating.grade-4 li:nth-child(-n+4){ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23ffe200' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E"); }
.rating.grade-5 li:nth-child(-n+5){ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23ffe200' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E"); }
.lRev .rating li { width: 16px; height: 19px; background-size: 14px 14px; background-repeat: no-repeat; background-position: 0 4px; }
#guidePage h2 { font-size: 1.1em; }
#guidePage.guidePageStart h2 { padding-left: 15px; font-size: 1.1em; }
#guidePage h3 { margin-bottom: 7px; }
#guidePage #info-bodytext { margin-bottom: 2em; }
#guidePage #info-bodytext p img:first-child { float: left; padding: 10px; display: none; }
#guidePage.guidePageArticle { display: flex; flex-direction: column;}
/*#guidePage.guidePageArticle h1 { display: flex; align-items: center; }*/
#guidePage.guidePageArticle h1 { display: flex; align-items: center; background-color: #f8f8f8; margin-top: -16px; margin-right: -16px; margin-left: -16px; letter-spacing: -.04em; padding: 30px 15px; }
#guidePage.guidePageArticle h1 img { display: none; }
#guidePage.guidePageArticle h1 img { margin-right: 15px; }
#guidePage.guidePageArticle .guideText { padding: 15px; background-color: #fff; border: 1px solid #ededed; }
#guidePage.guidePageArticle .guideProducts { }
#guidePage.guidePageArticle .guideProducts article.product-card { flex: 0 49%; }
#guidePage .textContent > p:first-child { display: none; }
#guidePage .textContent > h2:first-child { display: none; }
#guidePage .textContent > p:first-child img { display: none; }
#guidePage.guidePageStart section p img:first-child { float: left; padding: 10px; display: none; }
#guidePage .guideProducts h2 { text-align: center; }
#guidePage .guideProducts h2 { text-align: center; margin-bottom: 8px; }
#inspirationPage h2 { font-size: 1.1em; }
#inspirationPage.guidePageArticle .guideText { padding: 15px; background-color: #fff; border: 1px solid #ededed; }
#product-link { position: sticky; top: 217px; display: block; text-align: right; transform: rotate(90deg); transform-origin: right; margin-right: 17px; z-index: 2; }
#product-link a { display: inline-block; background-color: #21bfc0; color: #fff; font-size: .8em; padding: 5px; }
/* ---------START (uncontrolled ... )---------- */
.select-wrapper.device { margin-bottom: 30px; }
.select-wrapper label,
.filter-header label { font-weight: 700; font-size: 1em; margin: 15px 0; display: block; }
.styled-select { overflow: hidden; height: 55px; position: relative; background-color: #fff; }
.styled-select:after { pointer-events: none; content: " "; width: 15px; height: 15px; position: absolute; right: 11px; top: 55%; transform: translateY(-50%) rotate(90deg); background-color: transparent; background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: center center; transform-origin: center center; }
.styled-select select { width: 100%; height: 100%; border: 1px solid #f0f0f0; background-color: #fff; line-height: 1.5; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; padding: 0 10px; padding-right: 35px !important; font-size: 16px; }
.styled-select select option { }
.styled-select select:focus { outline: 1px solid red;}
.textRight {text-align: right;}
.textCenter {text-align: center;}
.dispNone {display: none;}
.onlyBig {display: none !important; }
.onlySmall {display: block !important; }
.onlySmall.rating {display: flex !important; }
.close {display: none !important;}
.open {display: block !important;}
.wishlist ul { margin:0; padding:0; list-style:none; }
.wishlist li { margin-right:20px; }
.wishContainer { width: 450px; border: 1px dashed #ccc; min-height: 180px; position: relative; }
.wishContainer .inner { margin: 10px; }
.wishContainer .image { width: 100px; }
.wishContainer .infobox { padding-left: 15px; width: 250px; }
.wishContainer .infobox h3 { min-height: 40px; }
.wishContainer .infobox .observe { margin-bottom: 10px; padding: 5px; }
.wishContainer .infobox .price { padding-left: 0; font-weight: 500; }
.wishContainer .infobox .actions { position: absolute; bottom: 10px; margin-right: 15px; }
.wishContainer .infobox .actions input { margin-right: 20px; }
.standardPageContainer {}
.standardPageContainer ul { list-style-type: disc; margin: 10px 5px 10px 20px; }
.standardPageContainer ol { margin: 10px 5px 10px 20px; }
.standardPageContainer li { position: relative; padding: 8px 0 2px 0; }
#contactForm label { font-weight: normal; }
#toggleFaq {}
#faqWrapper .faqHeader { font-size: .9em; }
#faqWrapper .faqQuestionFold { font-size: 0.88em; }
#faqWrapper ul { list-style: none; margin-left: 0; }
#faqWrapper li { margin-bottom: 4px; }
#faqWrapper h3 { padding: 0 0 5px; margin-left: 13px; }
#faqWrapper h3 a { font-weight: normal; position: relative; display: block; }
#faqWrapper h3 a:before { color: #ff9f00; content: "+"; font-size: 1.5em; left: -14px; position: absolute; top: -4px; font-weight: 500; }
.faqQuestionFold { background: #eaeaea none repeat scroll 0 0; margin-bottom: 10px; margin-top: 13px; padding: 10px; position: relative; border-radius: 10px; }
.faqQuestionFold:after,
.faqQuestionFold:before { bottom: 100%; left: 5%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.faqQuestionFold:after { border-color: rgba(247, 247, 247, 0); border-bottom-color: #eaeaea; border-width: 10px; margin-left: -10px; }
#faqSubHeader { font-weight: 600; padding-top: 10px; }
.toggleFaqDiv { margin-top: 5px; }
.faqBack { padding: 8px 0; display: block; }
.faqList ul { list-style-type: none; margin-left: 0;}
.faqList ul li { margin-bottom: 10px; }
.faqList ul li h3 { display: inline-block; *display: inline; zoom: 1; background-color: #f7f7f7; padding: 10px 15px; border-radius: 17px;}
.faqList ul li a { display: block;}
.faqList ul li a:before { content: '-'; display: inline; font-size: .8em; padding-right: 9px; }
#contactPage p img:first-child { display: none; }
.formRow-wrapper { display: flex; flex-direction: column; }
.formRow { display: block; margin: 0 0 10px 0; }
.formRow.flexRow { display: flex; flex-direction: row; }
.formRow.flexRow .formCol { margin-right: 15px; }
.formRow.topmargin { margin-top: 15px; }
.formRow label { display: block; font-size: .8em; font-weight: 600; }
.formRow input[type="text"],
.formRow input[type="password"],
textarea { padding: 10px 3px;}
.formRow select { background-color:#fff; }
.formRow .left { float: left; }
.formRow .right { float: left; }
#qcashierAddressPane .formRow { padding: 5px 0 10px;}
#qcDeliveryOther { float: left; }
#qcDeliveryOtherLabel,
#qcDeliveryOther { width: auto; display: inline-block; *display: inline; zoom: 1; }
#qcDeliveryAddressBox { padding: 10px; background-color: #fbfbfb; }
.firstLetterUppercase:first-letter { text-transform: uppercase; }
#qcFetchAddr { padding: 7px 0 !important; margin-top: 5px; }
.count input { border-radius: 2px; text-align: center; padding: 2px; }
#cashierPage { /*padding-bottom: 200px;*/ position: relative; }
.cashier_radio_list ul { list-style-type: none; margin: 0; padding: 0; }
.cashier_radio_list li { display: flex; border-bottom: 1px solid #eeeeee; padding: 0 10px 0 0;}
.cashier_radio_list li:last-child { border: 0; }
/* .cashier_radio_list li:last-child label{ padding-bottom: 0; } */
.cashier_radio_list li.active { background-color: #eaeaea; }
.cashier_radio_list li .col_rdo { width: 50px; justify-content: center; display: flex; align-items: center; }
.cashier_radio_list li.active .col_rdo { align-items: flex-start; padding-top: 10px; }
.cashier_radio_list li .col_label { flex: 1; justify-content: center; align-items: center; }
.cashier_radio_list li label { display: flex; cursor: pointer; flex-wrap: wrap; padding: 10px 0; align-items: center;}
@media all and (min-width: 900px) {
.cashier_radio_list li .col_rdo {
align-items: normal;
padding-top: 27px;
}
.cashier_radio_list li.active .col_rdo {
padding-top: 27px;
}
.cashier_radio_list li label {
padding: 25px 0;
}
.onlySmall.rating {
display: none;
}
}
.cashier_radio_list li label .collapsed { display: flex; flex: 1; padding-bottom: 0; }
.cashier_radio_list li.active label .collapsed { overflow: visible; }
.cashier_radio_list li label .expanded { display: none; flex-wrap: wrap; width: 100%; }
.cashier_radio_list li.active label .expanded { display: block; }
.cashier_radio_list li label .labelText { display: flex; flex-direction: column; justify-content: center; width: 100%; font-size: 14px; font-weight: 600; padding-right: 15px; }
.cashier_radio_list li label .labelText .infotext { font-weight: 200; }
.cashier_radio_list li label .labelText .infotext p { padding: 5px 0; }
.cashier_radio_list li label .labelText .infotext .qcrow { padding: 5px 0; }
.cashier_radio_list li label .labelText .infotext label { font-weight: 600; font-size: .8em; }
.cashier_radio_list li label .labelText .infotext select { width: 100%; }
.cashier_radio_list li label .labelFree { display: flex; width: 100%; font-size: .8em; font-weight: 100; padding-top: 10px; }
.cashier_radio_list li label .labelImage { display: flex; width: 100%; justify-content: flex-end; }
.cashier_radio_list li label .labelImage img { max-height: 40px; }
.cashier_radio_list li label .labelPrice { display: flex; flex: 1; justify-content: flex-end; font-size: 14px; font-weight: 600; white-space: nowrap; }
@media all and (min-width: 900px) {
.cashier_radio_list li label .labelPrice { display: flex; flex: 1 1 10%; justify-content: flex-end; font-size: 1.2em; font-weight: 600; }
.cashier_radio_list li label .labelImage { display: flex; width: 15%; justify-content: center; }
.cashier_radio_list li label .labelText { width: 50%; }
.cashier_radio_list li label .labelFree { align-items: center; padding-top: 0; width: 25%;}
}
input[type="radio"].styled:checked { background-color: #21bfc0; border: 1px solid #21bfc0; }
input[type="radio"].styled:before { content: '\2022'; color: white; font-size: 36px; }
input[type="radio"].styled { float: left; width: 22px; height: 22px; line-height: 19px; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; text-align: center; outline: none; border-radius: 10px; border: 1px solid #838383; background-color: white; }
#customertypelinks { margin: 0 0 20px 0; padding: 10px; font-size:0.7em; }
#customertypelinks a { margin-right: 20px; }
#customertypelinks .radiolikelink span { width: 15px; height: 15px; line-height: 13px; }
#customertypelinks { margin-bottom: 0; margin-top:-20px; }
.radiolikelink[aria-current] span,
.radiolikelink[aria-current]:focus span { background-color: #21bfc0; border: 1px solid #21bfc0; }
.radiolikelink:focus span { background-color: #eaeaea; border: 1px solid #ccc; }
.radiolikelink span:before { content: '\2022'; color: white; font-size: 36px; }
.radiolikelink span { display: inline-block; vertical-align: bottom; width: 22px; height: 22px; line-height: 19px; margin-right: 7px; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; text-align: center; outline: none; border-radius: 10px; border: 1px solid #838383; background-color: white; }
.cashierComment textarea { width:925px; height:80px; }
.conditions { font-size: 0.8em; text-align: center; }
.qccashier-bonus {}
.qcBonusLevels {}
.qcBonusLevels ul {}
.qcBonusLevels li {}
.qcBonusLevels li:hover { background: #fff; }
.qcBonusProduct {}
.qcBonusProduct .f1 {}
.qcBonusProduct .f1 img { display:block; margin:auto;}
.qcBonusProduct .f2 {}
.qcBonusProduct .f3 {}
.qcBonusProduct .f3 select {}
.qcBonusProduct .f4 { font-weight:500; }
.qcBonusProduct .f5 {}
.qcCartTbl .plus, .qcCartTbl .minus { display: inline-block; *display: inline; zoom: 1; }
#notifyPopup { display: none; position:fixed; background-color: #fff; padding:10px; top: 33%; right: 0; left: 0; margin-right: auto; margin-left: auto; min-height: 10em; width: 40%; max-width: 600px; min-width: 300px; max-height: 50%; overflow-y: auto; overflow-x: hidden; }
#notifyPopupPane { margin:15px; padding-bottom: 8px; }
#notifyPopupPane em { font-weight:600; font-style:normal; display:block; text-transform: uppercase; }
#notifyPopupPane p { margin-top:10px; }
#notifyPopupPane #notifyEmail { display: block; height: 38px; margin: auto; width: 100%; padding: 5px; margin-top: 5px; }
#notifyPopupPane #notifyPopupPaneButtonBar { margin:auto; margin-top:20px; text-align: center; }
#notifyPopupPane #notifyPopupPaneButtonBar input { margin-left:3px; margin-right:3px; }
#notifyPopupPane #notifyPopupOk { padding: 0 20px; }
#notifyPopupPane { margin: 0; background-color: #f7f7f7; padding: 10px; }
#notifyPopupPane h3 { font-weight: bold; }
#notifyPopupPane #notifyPopupPaneButtonBar { text-align: left; margin-top:10px; }
#notifyPopupPane #notifyPopupPaneButtonBar .button { width: 49%; margin-bottom: 10px; padding: 5px 10px !important; font-size: .9em; }
@media all and (max-width : 500px) {
#notifyPopupPane #notifyPopupPaneButtonBar .button { width: 100%; margin-bottom: 10px; padding: 5px 10px !important; font-size: .9em; }
}
#notifyPopupPane p { margin-top: 0; }
#notifyPopupPane #notifyEmail { text-align: left; }
.ajaxPopupHeader { font-weight: 600; padding: 10px; }
#ajaxPopupClose { background-color: transparent; height: 30px; line-height: 30px; position: absolute; right: 2px; text-align: center; top: 2px; width: 30px; z-index: 10000; cursor: pointer; background-size: 16px; background-image:url("../images/svg/icon_close_35x35.svg"); background-repeat: no-repeat; background-position: center center; }
#ajaxPopupClose:hover,
#ajaxPopupClose:focus { color: #000; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; }
#ajaxPopupNotify { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 630px; min-width: 320px; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#ajaxPopupNotify #ajaxPopupClose { opacity: 0; }
#ajaxPopupNotify.mopen #ajaxPopupClose { animation: fadein 1s; -webkit-animation-fill-mode: forwards; animation-iteration-count: 1; }
#ajaxPopupNotify .ajaxPopupContent { color: #000; background: #fff; position: relative; padding: 10px; opacity: 0; margin: 0 auto; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#ajaxPopupNotify.mopen { visibility: visible; opacity: 1; }
#ajaxPopupNotify.mopen .ajaxPopupContent { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; }
.ajaxPopupContent p:first-child { padding:0; margin:0; }
#dynPopup .spinner { position: fixed; top: 33%; right: 0; left: 0; margin-right: auto; margin-left: auto; }
.spinner { margin: 0 auto 0; width: 70px; text-align: center; }
.spinner > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.button { background-color: #eee; background-repeat: repeat-x; background-size: 100% auto; border-color: #c8c8c8 #c8c8c8 #bbb; color: #fff; cursor: pointer; line-height: 24px; padding: 6px 10px; text-align: center; text-decoration: none; vertical-align: middle; text-shadow: none; border: 0; -webkit-appearance: none; font-family: 'Open Sans', 'Trebuchet MS', Arial, sans-serif; outline:none; position: relative; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; display: inline-block; *display: inline; zoom: 1;}
.button:focus { outline: thin dotted; }
.button:active { outline: none; -moz-user-select: none; transform: translateY(2px); -webkit-transform: translateY(2px); }
.button:active,
.button:focus { /*-webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; outline: none; */ }
.button.button-confirm.jsAddOk:after { background-color: #ffa000; content: "\f00c"; font-family: FontAwesome; font-size: 1.5em; height: 100%; left: 0; line-height: 32px; position: absolute; top: 0; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; width: 100%; }
.button.button-confirm.bigBuy.jsAddOk:after { content: "\f00c"; font-family: FontAwesome; font-size: 1.5em; height: 105%; left: 0; line-height: 57px; position: absolute; top: -4px; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; width: 100%; background-size: 100% auto; color: #fff !important; font-weight: 500; background-color: #ffa000; }
.button.button-confirm.jsAddFail:after { background-color: #cc4c3f; color: #fff; content: "\f00d"; font-family: FontAwesome; font-size: 1.5em; height: 100%; left: 0; line-height: 37px; position: absolute; top: 0; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; width: 100%; }
.button.button-confirm.bigBuy.jsAddFail:after { line-height: 48px; }
.button.big { padding: 15px 20px !important; font-weight: 500; font-size: 1.3em; }
.button.toCashier { background-color: #42b84b; }
.button.toCashier:hover { background-color: #39a642; }
.button:hover,
.button:focus { background-color: #333333; color: #fff !important; /*background-position: 0 -15px; outline-offset: -6px; text-decoration: none; transition: background-position 0.1s linear 0s; -webkit-transition: background-position 0.1s linear 0s; */}
.button.button-disabled,
.button:disabled { border-color: #e1e1e1; background: none repeat scroll 0 center transparent; box-shadow: none; cursor: default; font-style: italic; text-shadow: none; }
input.button-confirm,
button.button-confirm,
a.button-confirm { background-size: 100% auto; color: #fff; background-color: #21bfc0; font-size: 1.1em; }
input.button-confirm:hover,
input.button-confirm:focus,
button.button-confirm:hover,
button.button-confirm:focus,
a.button-confirm:hover,
a.button-confirm:focus { background-color: #21bfc0; }
input.button-confirm.button-disabled,
input.button-confirm:disabled,
button.button-confirm.button-disabled,
button.button-confirm:disabled,
a.button-confirm.button-disabled,
a.button-confirm:disabled { background-color: #9e9e9e; }
input.button-confirm-black,
button.button-confirm-black,
a.button-confirm-black { background-size: 100% auto; font-weight: 500; background-color: gray; font-size: 1em; }
input.button-confirm-black:hover,
input.button-confirm-black:focus,
button.button-confirm-black:hover,
button.button-confirm-black:focus,
a.button-confirm-black:hover,
a.button-confirm-black:focus { background-color: #787878; }
input.button-confirm-black.button-disabled,
input.button-confirm-black:disabled,
button.button-confirm-black.button-disabled,
button.button-confirm-black:disabled,
a.button-confirm-black.button-disabled,
a.button-confirm-black:disabled { background-color: #9e9e9e; }
button.disabled,
button[disabled] { box-shadow: none; cursor: not-allowed; opacity: 0.9; pointer-events: none; }
button.button-confirm.bigBuy { transition: none; -webkit-transition: none; }
button.button-confirm.bigBuy .loader,
.btn-to-cashier .loader { opacity: 0; transition: all 0.5s ease; }
button.button-confirm.bigBuy.disabled .loader,
.btn-to-cashier.disabled .loader { position: absolute; right: 15%; top: 50%; height: 15px; width: 15px; background-color: transparent; box-sizing: border-box; border-radius: 50%; border-top: 2px solid #fff; border-left: 2px solid #fff; border-bottom: 2px solid #fff; border-right: 2px solid rgba(255, 255, 255, 0.35); animation-name: spin; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: linear; opacity: 1; transition: all 0.28s ease; transition-delay: 0.1s; }
button.button-confirm.bigBuy span { animation: fadein 500ms; opacity: 1; cursor: pointer;}
button.button-confirm.bigBuy.addok span { animation: fadeout 500ms; opacity: 0;}
button.button-confirm.bigBuy.addok:before,
button.button-confirm.bigBuy.addok:after { animation: fadein 500ms; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(0deg); background-color: #fff; width: 15px; height: 2px; border-radius: 40px; transition: all .5s; }
button.button-confirm.bigBuy.addok:before { top: 46%; left: 50%; transform: translate(-50%,-50%) translate(-4px,3px) rotate(45deg); background-color: #ffffff; width: 8px; height: 2px; }
button.button-confirm.bigBuy.addok:after { top: 45%; left: 50%; transform: translate(-50%,-50%) translate(3px,2px) rotate(-45deg); background-color: #ffffff; width: 15px; height: 2px; }
button.button-confirm.fixedbuy.addok span { animation: fadeout 500ms; opacity: 0;}
button.button-confirm.fixedbuy.addok:before,
button.button-confirm.fixedbuy.addok:after { animation: fadein 500ms; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(0deg); background-color: #fff; width: 15px; height: 2px; border-radius: 40px; transition: all .5s; }
button.button-confirm.fixedbuy.addok:before { top: 46%; left: 50%; transform: translate(-50%,-50%) translate(-4px,3px) rotate(45deg); background-color: #ffffff; width: 8px; height: 2px; }
button.button-confirm.fixedbuy.addok:after { top: 45%; left: 50%; transform: translate(-50%,-50%) translate(3px,2px) rotate(-45deg); background-color: #ffffff; width: 15px; height: 2px; }
.mediumButton { background-color: #1a74e9; color: #fff; cursor: pointer; font-size: 0.9em; font-weight: 500; padding: 8px; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; display: inline-block; *display: inline; zoom: 1; }
.mediumButton:hover,
.mediumButton:focus { color: #fff; background-color: #20659f; }
.mediumButton.dark { background-color: #636363;}
.mediumButton.dark:hover,
.mediumButton.dark:focus { color: #fff; background-color: #333;}
div.suggest { font-size:12px; padding:6px; border-top:1px solid #e4e4e4; background: #fff; margin:0; clear:both; height:auto; overflow:auto;}
div.suggest:first-child { border-top: 0; }
div.suggest:last-child { border-bottom:none; }
div.suggest em { float: right; font-size: 12px; }
div.suggest div.image { display:block; padding-right:4px; width:10%; float:left; text-align:center; }
div.suggest div.data { display:block; margin-right:4px; width:85%; float:left; }
div.suggest div.data a { display: block; }
div.suggest:hover { background-color: #ecfdff; border-top: 1px solid #cee7ea; }
p.empty { margin:0; padding:3px; background: rgba( 233,241,17,0.87 );}
.typeahead,
.tt-query,
.tt-hint { width: 396px; height: 30px; padding: 8px 12px; line-height: 30px; border: 2px solid #ccc; outline: none; }
.tt-hint { display: none; }
.typeahead { background-color: #fff; }
.typeahead:focus { border: 2px solid #20659f; }
.tt-menu { width: 100%; border:1px solid #ccc; text-align: left; }
p.fullsearch { background:#fff; padding:5px; margin:0; font-size: 12px; }
p.suggestHead { background:#ffd11f; color: #fff; padding:5px; margin:0; font-size: 12px; font-weight:300; text-align:left; }
.suggest.tt-suggestion.tt-selectable > a { display: block; width: 100%; }
.spot3for2 { background-color: #ea4f36; color: #fff; border: 3px solid #fff; line-height: 50px; padding: 0; position: absolute; text-align: center; z-index: 1; width: 76px; height: 76px; border-radius: 100%; font-size: 1em; text-transform: uppercase; top: 0px; left: 5px; transform: scale(.8); }
@media all and (min-width: 900px) {
.spot3for2 { background-color: #ea4f36; color: #fff; border: 3px solid #fff; line-height: 50px; padding: 0; position: absolute; text-align: center; z-index: 1; width: 76px; height: 76px; border-radius: 100%; font-size: 1em; text-transform: uppercase; top: 5px; left: 5px; transform: scale(1); }
}
.spot3for2 .line1 { cursor: default; position: absolute; left: 10px; font-size: 11px; font-weight: 600; top: -5px; }
.spot3for2 .line2 { cursor: default; position: absolute; top: -7px; right: 19px; font-size: 28px; font-weight: 600; }
.spot3for2 .line3 { cursor: default; position: absolute; top: 34px; font-size: 10px; width: 36px; left: 6px; line-height: 11px; text-align: right; font-weight: 600; }
.spot3for2 .line4 { cursor: default; font-size: 28px; font-weight: 600; position: absolute; top: 19px; right: 9px; }
/* --------END----------- */
.swiper-wrapper-index { overflow: hidden; position: relative; height:290px; max-height:290px; }
.swiper-container-index .swiper-slide h2 { font-size: .5em !important; bottom: 40px !important;}
.swiper-container-index .swiper-slide h3 { font-size: .7em !important;}
.swiper-container-index { width: 100%; height: 100%; }
.swiper-container-index .swiper-slide { background-size: contain; text-align: center; font-size: 18px; background: #fff; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-size: cover; min-height: auto !important; /* Overrrides default #topBanner */ animation: none !important; /* Overrrides default #topBanner */ background-position: bottom; }
/* .swiper-container-index .swiper-pagination { right: 10px !important; left: auto !important; width: auto !important; transform: rotate(90deg) translate3d(14px, -50%, 0) !important; top: 36% !important; bottom: auto !important; } */
.swiper-container-index .swiper-pagination { z-index: 8; }
.swiper-container-index .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; opacity: 1; }
.swiper-container-index .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #21bfc0; opacity: 1; }
@media all and (min-width: 900px) {
.swiper-wrapper-index { height:420px; max-height: none; margin-bottom: 10px; }
.swiper-container-index .swiper-slide { /*background-size: cover !important;*/ background-position: center center; background-size: cover;}
.swiper-container-index .swiper-slide h2 { font-size: .8em !important; bottom: 50px !important;}
.swiper-container-index .swiper-slide h3 { font-size: 1.1em !important;}
}
@media all and (min-width: 900px) and (max-width: 1080px) {
#header_desktop_menu .inner .content #nav-bottom #icon-nav .menu-icon { flex: 1 1 100%; }
#header_desktop_menu .inner .content #nav-bottom #icon-nav a { flex-direction: column; }
#header_desktop_menu .inner .content #nav-bottom #icon-nav .menu-icon img { max-height: 25px; }
#header_desktop_menu .inner .content #nav-bottom #icon-nav a .menu-text { font-size: .7em; padding-top: 4px; padding-left: 0; white-space: nowrap;}
#header_desktop_menu .inner .content #nav-bottom #icon-nav li { margin-right: 34px; }
}
@media all and (min-width : 600px) and (max-width: 900px){
section.product-listing .product-card { flex: 0 0 31.333333%; margin: 1%; }
section.product-listing .product-card.small { flex: 0 0 19%; margin: 1%; }
.swiper-wrapper-index { overflow: hidden; position: relative; height:250px; max-height:250px; }
#guidePage.guidePageArticle .guideProducts article.product-card { flex: 0 0 31.333333%; margin: 1%; }
}
#slideup:active { display: block !important; }
#nav-bottom .icon-nav-btn { display: none; }
@media all and (min-width: 900px) {
.onlyBig {display: block !important; }
.onlySmall {display: none !important; }
.onlySmall.rating {display: none !important; }
.pagination { text-align: right; }
.cashierAdress .inner { width: 50%; }
.paging ul li { padding: 10px; }
.paging ul li.nextpage a { padding: 10px 35px 10px 10px; }
.paging ul li.prevpage a { padding: 10px 10px 10px 35px; }
#main-index section.product-listing header { justify-content: center; font-size: 1.3em; text-transform: uppercase; }
section.product-listing header a { position: absolute; right: 100px; top: 23px; font-size: .7em; text-transform: none; color: #000; }
section.product-listing .products.scroller { flex-wrap: nowrap; overflow-x: hidden; flex-direction: row; -webkit-overflow-scrolling: touch; }
section.product-listing .products.scroller .paddle { display: block; position: absolute; top: 17px; right: 0; width: 30px; height: 30px; border: 2px solid #000; border-radius: 100%; font-weight: 700; font-size: 1em; background-color: transparent; cursor: pointer; }
section.product-listing .products.scroller .paddle.left-paddle,
section.product-listing .products.scroller .paddle.right-paddle { display: none; }
section.product-listing .products.scroller .paddle.left-paddle { right: 50px; }
section.product-listing .products.scroller .paddle.left-paddle { background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: 9px 7px; transform: rotate(180deg); background-size: 11px; }
section.product-listing .products.scroller .paddle.right-paddle { background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: 8px 8px; background-size: 11px; }
section.product-listing .products.scroller .paddle.show { display: block; }
section.product-listing .products.scroller .paddle.hidden { box-shadow: none; cursor: not-allowed; opacity: 0.2; pointer-events: none; }
section.product-listing .products.scroller article.product-card:nth-of-type(n+5) { display: flex; }
#top-banner .inner a h3::after { width: 20px; height: 20px; background-size: 20px; }
#nav-bottom { cursor: default; }
#mdl-select #mdl-list.active ul.mdl-types { max-height: calc(100vh - 290px); }
/* Desktop overflow test ... */
/*
#nav-bottom { white-space: nowrap; }
#nav-bottom .icon-nav-btn { position: absolute; background-color: #f7f7f7; left: 115px; width: 30px; height: 48px; top: 4px; }
#nav-bottom .icon-nav-btn.visible { display: block; }
#nav-bottom #icon-nav-right.icon-nav-btn { right: 10px; left: auto; }
#icon-nav-parent { overflow: scroll !important; -ms-overflow-style: none;}
#icon-nav-parent::-webkit-scrollbar { display: none; }
*/
#slideup { width: 30%; min-width: 550px; left: 50%; transform: translate3d(-50%, calc(100vh - 10vh), 0); -webkit-transform: translate3d(-50%, calc(100vh - 10vh), 0);}
#slideup.open { transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); top: 50%; /*left: 50%;*/ }
body #slideup header.first { background-color: #fff; border-radius: 0; }
#slideup .content { padding: 10px; }
#slideup .btnSlideupClose { background-color: #fff; border-radius: 0; position: absolute; right: 17px;}
body.desktop #slideup header.first { display: block; background-color: #fff; height: 65px; padding: 15px; margin-bottom: -1px;}
body.desktop #slideup h2 { display: block; text-align: center; padding: 0; font-size: 1em; font-weight: 700; margin-top: 25px; }
body.desktop #slideup h2 span { margin: 0 20px 0 0; }
body.desktop #slideup .content { background-color: #fff; /*padding-bottom: 40px;*/ }
body.desktop #slideup .cashier-button { display: flex; margin-top: 10px; }
body.desktop #slideup .btn-to-cashier { width: 100%; margin-top: 10px;}
body.desktop #slideup .btn-to-cashier .cart-count { position: relative; background-color: #fff; width: 20px; height: 20px; z-index: 2; border-radius: 100%; color: #1fb9ba; text-align: center; line-height: 20px; top: -1px; right: -10px; font-size: 11px; display: inline-block; font-weight: 600; }
body.desktop #slideup .btn-to-cashier .le-checkbox { transform: scale(.8); }
#page-menu .menu.sub-menu.open[data-menu-level="0"] { overflow: visible; }
#page-menu .menu.sub-menu.open[data-menu-level="1"] { overflow: visible; }
#page-menu .menu-panel-links { background-color: #fff; }
#page-menu .menu-panel-links ul li a, #page-menu .menu-panel-links ul li a:hover { color: #000; font-weight: 400; padding: 15px 0 15px 70px; }
#page-menu .menu-panel-links img { display: none; }
#mdl-select { width: 450px; }
#search { position: relative; transform: none; padding: 0; margin: 0; margin-right: 35px; opacity: 1; }
#search form { margin: 0; }
#search .text { order: 1; width: 420px; height: 45px; border-radius: 0; min-width:420px; }
#search .text::-webkit-search-cancel-button{ position:relative; right:45px; }
#search .icon { order: 2; border-radius: 0; margin-left: -62px; background-color: transparent; border: 0; }
.super_deal_top:after { display: none; }
#deal_container { /*margin: 25px 0;*/ font-size: .9em; }
#deal_container .c_content { flex-direction: row; }
#deal_container .c_inner { padding: 0; background: linear-gradient(117deg, #1c788d 38%, #21bfc0 38%); min-height: 61px; }
#deal_container .c_col { padding: 0 10px 0 0; }
#deal_container .c_col.col_header { font-size: 1.3em; letter-spacing: -0.03em;}
#deal_container .c_content .header { align-items: center; margin-right: 28px; font-weight: 700; font-size: 1em; }
#deal_container #deal_clock div > span { width: 60px; }
#deal_container #deal_clock div > span:after { padding: 0 7px; }
#deal_container .c_col.col_link { display: flex; }
#deal_container .c_col.col_link svg { transform: rotate(180deg); margin-left: 15px; }
nav.breadcrumb { display: block; }
/*article.product-card { flex: 0 0 24.1%; margin: .5% 5px 2% 5px; }*/
article.product-card { /*flex: 0 0 24%;*/ /*flex: 1 0 20%;*/ flex: 0 0 24%; margin: .5% .5% 2% .5%; }
article.product-card .product-image { min-height: 260px; }
article.product-card.small { flex: 0 9%; }
body:not(.tab-user) article.product-card .product-info h3 a:focus::after{ /*background-color: transparent; background-image: none;*/ }
article.category-card { flex: 0 24%; margin: .5%; }
article.category-card .product-image { min-height: 260px; }
body:not(.tab-user) article.category-card a:focus::after{ background-color: transparent; background-image: none; }
section.sitemap-listing .categories article.sitemap-card { flex: 0 24%; margin: .5%; }
#index-inspiration .menu-inspiration-links h4 { font-size: 1.4em; text-transform: uppercase; text-align: center; }
#index-inspiration .menu-inspiration-links ul { justify-content: space-around; /*justify-content: space-between;*/}
#index-inspiration .menu-inspiration-links .product-info ul {
display: block;
}
#index-inspiration .menu-inspiration-links ul li { flex-direction: row; flex: 0 32.333333%; margin:1% .5% .5% .5%; font-size: .8em; font-weight: 600; background-color: #fff; }
#index-inspiration .menu-inspiration-links ul li:nth-last-child(2) { margin-right: 0; }
#index-inspiration .menu-inspiration-links ul li:first-of-type { flex: 0 100%; display: inline-flex; background-color: transparent;}
#index-inspiration .menu-inspiration-links ul li:first-of-type > a { display: flex; flex: 0 0 47%; /*width: 38%;*/ text-align: left; /*float: left;*/ position: relative; margin-right: .5%; justify-content: center; align-items: center; overflow: hidden; max-height: 386px; }
#index-inspiration .menu-inspiration-links ul li:first-of-type > a h4 { position: absolute; top: 50%; transform: translateY(-50%) translateX(50%); right: 50%; background-color: rgba(255,255,255,0); color: #fff; font-size: 1.8em; letter-spacing: initial; }
#index-inspiration .menu-inspiration-links ul li:first-of-type .catprods { display: flex; width: 62%; text-align: left; font-size: 1.3em; flex-direction: column; }
#index-inspiration .menu-inspiration-links ul li:first-of-type .catprods .products { /*display: flex; flex: 0 0 100%;*/ display: flex; flex: 0 0 100%; align-items: center; justify-content: right; }
#index-inspiration .menu-inspiration-links ul li:first-of-type .catprods .products article { flex: 0 0 49%; margin: 0 1%; }
#index-inspiration .menu-inspiration-links ul li:first-of-type .catprods .products article.product-card .product-info { padding-bottom: 20px; }
#index-inspiration .menu-inspiration-links ul li:first-of-type .catprods .products article:last-of-type { margin-right: 0; }
.bodytext { padding: 15px; /*column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;*/ }
#index-bodytext .bodytext { border: 1px solid #ededed; }
#index-bodytext .bodytext.index2 { border: 0; }
.bodytext.information { background-color: #fff; border: 1px solid #ededed; }
.bodytext.category { /*margin-bottom: 0;*/ }
#deal_container #deal_countdown { margin: 0; padding: 10px 0; }
#deal_container #deal_countdown .inner p { font-size: 1em; }
#deal_container #deal_clock { padding-top: 2px; }
#promo_container #promo_countdown { margin: 0; padding: 10px 0; }
#promo_container #promo_countdown .inner p { font-size: 1em; }
#promo_container #promo_clock {
padding-top: 2px;
margin-left:auto;
margin-right:auto;
font-weight: 500;
}
.tabs-panel { border: 1px solid #ededed; }
.tabs-panel .content { margin-top: 0; padding:0 20px 0 20px; }
.tabs-panel .content.column-fix { margin-top: 0; padding:0 20px 0 20px; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 2em; }
.tabs-allowed .accordeon-trigger { display: none; }
.tabs-allowed .tabs-trigger { display: block; }
.tabs-allowed .tabs-panel { display: none; }
.tabs-allowed .tabs-panel.is-hidden { display: none; }
.tabs-allowed .tabs-panel { border-top: 2px solid #eee; }
.tabs-allowed .tabs-tab-list { margin-bottom: -2px; }
#footer.mobile_special {display: block;}
#cashier_footer {display: none;}
#footer .footer_inner { max-width: 1182px; margin: 0 auto; }
#footer .columns { text-align: left; display: flex; justify-content: space-between; }
#footer .col:first-of-type ul { /*column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 5em;*/ }
#footer h4 { margin-top: 5px; }
#footer .footerText { display: flex; }
#footer .footerText .specCont { display: flex; width: 65%; /*justify-content: flex-end;*/ }
#footer .social { display: flex; align-items: center; margin-right: 0; margin-left: auto; justify-content: center; }
#footer .social h4 { margin: 0; font-size: 1.5em; }
#footer .social img { vertical-align: middle; margin-right: 10px; margin-left: 45px;}
.footer-logos-inner img { max-width: 141px; margin-right: 17px; max-height: 40px !important; }
#footer .specCont img:first-of-type { margin-left: 0; }
#productPage h1 { margin-top: 30px; }
#productPage .productBuy .col2 .button.bigBuy { width: 100%;}
.rev_inner { margin-bottom: 15px; animation: fadein 1s; margin-bottom: -19px; }
.stockStatus .stock_status { display: none; }
#prod_usp .usp_inner { display: none; }
.stock_status { margin-top: -20px; animation: fadein 1s; }
#productPage .prices { margin-bottom: 15px; }
#prodLatestReviews .lRevName { order: 2; width: 80%;}
#prodLatestReviews .lRevGrade { order: 1; width: 20%; text-align: left; }
#prodLatestReviews .lRevText { order: 3; padding-left: 20%; }
#prodLatestReviews .lRevDate { order: 4; padding-left: 20%; }
#prodLatestReviews .lRev:before { display: none; }
.mini-cart-content-inner-bonus .actions.discount { margin-top: 0; }
.mini-cart-content-inner-bonus { background-color: transparent; flex-direction: column; }
.mini-cart-content-inner-bonus { background-color: #fff; }
.mini-cart-content-inner-bonus .product-container { flex-wrap: wrap; }
.mini-cart-content-inner-bonus .product-container .thumb { width: 120px; }
.mini-cart-content-inner-bonus .actions { width: 37%; align-items: end; }
.mini-cart-content-inner-bonus .product-container .price {display: flex; width: 15%; text-align: right; margin-top: -20px; }
.mini-cart-content-inner-bonus .product-container .stockStatus .circle { margin: 0 -5px 0 -5px; }
.mini-cart-content-inner-bonus .product-container { width: 100%; flex-wrap: nowrap; }
.mini-cart-content-inner-bonus .information { flex-grow: 0; width: 70%; margin: 0; }
.mini-cart-content-inner-bonus .actions { width: 19%; align-items: baseline; }
#postal_input { margin-top: 0; }
#upperexpands #expand_coupon { display: none; }
#cashier_usp { margin-bottom: -35px; margin-top: 0; }
#cashier_usp .usp_inner { font-size: .8em; font-weight: 600; }
#cashier_usp .usp_inner .usp { margin: 0 35px; }
#cashier_usp .usp_inner .usp img { max-height: 30px; }
#cashier-upper #expand_coupon { margin-top: 10px; }
#cashierPage #mini-cart { z-index: 0; }
#cashierPage .mini-cart-content { background-color: transparent; flex-direction: column; }
#cashierPage .mini-cart-content-inner { background-color: #fff; animation: none; }
#cashierPage .mini-cart-content-inner .product-container { flex-wrap: wrap; }
#cashierPage .mini-cart-content-inner .product-container .thumb { width: 120px; }
#cashierPage .mini-cart-content-inner .actions { width: 37%; align-items: end; }
#cashierPage .mini-cart-content-inner .product-container .price {display: flex; width: 100%; text-align: right; margin-top: -20px; }
#cashierPage .mini-cart-content-inner .product-container .stockStatus .circle { margin: 0 -5px 0 -5px; }
/*#cashierPage .mini-cart-footer { display: flex; flex-direction: row; align-items: center;position: relative; bottom: auto; background-color: #fff; }*/
#cashierPage .mini-cart-footer { display: flex; flex-direction: column; align-items: flex-end;position: relative; bottom: auto; background-color: #fff; padding-right: 72px; }
#cashierPage.change #cashier-upper #expand_coupon{ display: none; }
#cashierPage .mini-cart-totals { width: 34%; flex-direction: column; font-size: 1.1em; padding-top: 13px;}
#cashierPage .btn-to-cashier { position: relative; width: 390px; margin: 20px 0 30px auto; padding: 32px 0 20px 0; }
#cashierPage #slide-in-right-bg { width: 200px; }
#cashierPage.cashier .mini-cart-content-inner .product-container { width: 100%; }
#cashierPage.cashier .mini-cart-content-inner .information { /*flex-grow: 0; width: 70%; margin: 0;*/ }
#cashierPage.cashier .mini-cart-content-inner .actions { /*width: 19%; align-items: baseline;*/ }
#cashierPage.cashier #expand_coupon { /*display: none;*/ }
#cashierPage .category-listing { display: flex; align-items: flex-end; }
#cashierPage section.category-listing header { padding-left: 7px; margin-right: 0; margin-left: auto; }
#cashierPage section.category-listing .desk-header { display: flex; padding: 27px 0; font-size: 1.5em; font-weight: 600; }
#cashierPage.cashier .mini-cart-content-inner .actions.discount { margin-top: 0; }
#cashierPage .cashier-two-col { display:flex; }
#cashierPage .cashier-two-col .col-1 { display: flex; flex: 0 67%; }
#cashierPage .cashier-two-col .col-1 form { width: 96%; }
#cashierPage .cashier-two-col .col-2 { display: flex; flex: 1; }
#cashierPage .cashier-two-col .col-2 article.product-card { flex: 0 0 49%; margin: .5% .5% 2% .5%; }
#cashierPage #cashier_others section.product-listing .products { flex-wrap: wrap; }
#guidePage.guidePageArticle { display: flex; flex-direction: row;}
#guidePage.guidePageArticle .guideText { width: 70%; }
#guidePage.guidePageArticle .guideProducts { width: 45%; margin-left: 40px; padding-top: 15px; }
#guidePage.guidePageArticle .guideProducts article.product-card { flex: 0 47%; }
#guidePage.guidePageArticle .guideProducts section.product-listing .products { margin: 0; }
#inspirationPage.guidePageArticle { display: flex; flex-direction: row;}
#inspirationPage.guidePageArticle .guideText { width: 70%; }
#inspirationPage.guidePageArticle .guideText.full { width: 100%; padding-left: 15%; padding-right: 15%; }
#inspirationPage.guidePageArticle .guideProducts { width: 45%; margin-left: 40px; margin-top: -20px;}
#inspirationPage.guidePageArticle .guideProducts article.product-card { flex: 0 47%; }
#inspirationPage.guidePageArticle .guideProducts section.product-listing .products { margin: 0; }
#product-link { display: none; }
#btnExitFilterWrapper { display: none; }
.btnSlideupClose { /*position: absolute; margin-bottom: -19px;*/ }
#catFilters .btnSlideupClose { z-index: 1; width: 20px; height: 20px; top: 0; right: 0; position: absolute; }
#paging-count-wrapper { display: none; }
#catFilters { position: relative; margin-bottom: 25px;}
#catFilters #paging-count { position: absolute; right: 0; top: 10px; }
.axmobilebuttons { box-shadow: none; }
#filtercount { margin-left: 25px; margin-right: auto; }
#attributes { max-height: 0; overflow: hidden; transform: translate3d(0, 0, 0); }
#attributes.open { position: relative; height: auto; max-height: fit-content; background-color: #fff; padding: 7px 15px; overflow: visible; z-index: auto; }
#attributes header { height: 0; padding: 0; }
/*#attributes header .btnSlideupClose,*/
#attributes header #filterheader { display: none; }
#attributes .combobox-container.boxes { width: 100%; margin-bottom: 15px; }
#attributes .combobox-container.boxes ul { border: 0; }
#attributes .combobox-container.boxes .combobox input { font-weight: 700; padding-left: 0; }
#attributes .combobox-container.boxes .combobox input:hover { background-color: transparent; }
#btnAxFilterShow { background-color: transparent; background-position: 5px; padding-left: 60px; }
#btnAxFilterShow svg { display: block; width: 17px; height: 15px; margin-left: 15px; }
#btnAxFilterShow[aria-expanded="true"] svg { display: none; }
#attributes .combobox ul { background-color: #fff; border: 2px solid #f0f0f0; border-top: 0; max-height: 300px; overflow: auto; }
#btnAxFilterReset { position: absolute; bottom: 10px; right: 10px; color: #bdbdbd; }
#axFilter { display: flex; flex-wrap: wrap; height: auto; padding-bottom: 0; overflow: visible; padding-top: 0; }
#axFilter .select-wrapper { display: inline-block; width: 100%; }
#axFilter #filter-col-1 { width: 300px; display: flex; flex-direction: column; margin-bottom: 7px; }
#axFilter #filter-col-1.flexrow { flex-direction: row; width: 40%; }
#axFilter #filter-col-1.flexrow .device { display: inline-block; width: 100%;margin-right: 30px; }
#axFilter #filter-col-2 { display: flex; flex-direction: column; padding-left: 30px; flex: 0 0 60%; }
#axFilter #filter-col-3 { display: flex; width: 100%; flex-wrap: wrap; }
#axFilter #filter-col-3 .filter-header, #axFilter #filter-col-3 #active_filters_clones { display: flex; flex: 1 1 100%; }
#axFilter #filter-col-3 .filter-header label{ margin: 0 }
#axFilter #filter-col-3 .select-wrapper { display: flex; width: auto; flex: 0; margin-right: 10px; margin-bottom: 7px; }
#axFilter #active_filters_clones { margin: 2px 0 7px }
#axFilter #filter-col-4 .select-wrapper { display: block; }
#axFilter #filter-col-1 .select-wrapper label, #axFilter #filter-col-2 .select-wrapper label, #axFilter #filter-col-4 .select-wrapper label { margin: 0 0 7px }
.select-wrapper.device { margin-bottom: 7px; }
.combobox ul { position: absolute; }
.combobox .active_options { top: 16px; right: 38px; }
#attributes.open { z-index: 1; }
.attributes-categories li { display: inline-block; margin: 0 10px 10px 0; background-color: #fff; border: 1px solid #f0f0f0; font-size: .9em;}
.attributes-categories li.current { background-color: #21bfc0; border: 1px solid #21bfc0; }
.attributes-categories li.current a { color: #fff; }
.attributes-categories li a { color: #000; padding: 10px; display: block; }
.combobox input { font-weight: 400; }
.combobox button.toggle { top: 18px; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#page-menu .menu.sub-menu.open {
max-width: 450px;
top: 213px;
}
body.scrollUp #page-menu .menu.sub-menu.open {
top: 83px;
}
}
@-webkit-keyframes slide-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes slide-down { 0% { opacity: 0; -moz-transform: translateY(-100%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } }
@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } }
.lds-dual-ring { display: inline-block; width: 64px; height: 64px; background-color: rgba(255,255,255,.8); border: 1px solid #b2b2b2; border-radius: 100%; }
/*.lds-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #c1c1c1; border-color: #7d7d7d transparent #666 transparent; animation: lds-dual-ring 1.2s linear infinite; }*/
.lds-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; border-radius: 50%; border: 5px solid #c1c1c1; border-color: #000 transparent #000 transparent; animation: lds-dual-ring 1.2s linear infinite; margin: 0 auto; margin-top: 8px; }
@keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
#ajaxLoader { display: none; z-index:9000; background-color: transparent; width:200px; height:200px; border-radius: 400px; text-align:center; position:fixed; top: 33%; right: 0; left: 0; margin-right: auto; margin-left: auto; }
#ajaxLoader .spinner-loader { margin-top: 75px; }
#ajaxLoaderSmall { left: -32px; padding-left: 10px; padding-top: 1px; position: absolute; top: 12px; }
#cashierConfirm { text-align: center; }
#jsCashierForm { font-weight: 700; height: 70px; padding: 20px !important; background-color: #21bfc0; margin: 20px 0 25px; font-size: 1.8em; }
@media print {
.divToPrint { page-break-after: always; }
.noPrint { display: none; }
}
@-webkit-keyframes kiss-in { 0% { -webkit-transform: scale(1); } 66% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); }}
@-moz-keyframes kiss-in { 0% {-moz-transform: scale(1); } 66% { -moz-transform: scale(0.9);} 100% { -moz-transform: scale(1); }}
@keyframes kiss-in { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 66% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }}
@keyframes fadein { from { opacity: .4; } to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: .4; } to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: .4; } to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: .4; } to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: .4; } to { opacity: 1; } }
@keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@keyframes bodyfadeout { from { opacity: 1; } to { opacity: .4; } }
@-moz-keyframes bodyfadeout { from { opacity: 1; } to { opacity: .4; } }
@-webkit-keyframes bodyfadeout { from { opacity: 1; } to { opacity: .4; } }
@-ms-keyframes bodyfadeout { from { opacity: 1; } to { opacity: .4; } }
@-o-keyframes bodyfadeout { from { opacity: 1; } to { opacity: .4; } }
.shake_animation { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; -moz-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; }
#btnCart #cart-count.shake_animation { /*background-color: #58ef92;*/ }
@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); }}
@-moz-keyframes spin { from { -moz-transform: translateY(-50%) rotate(0deg); } to { -moz-transform: translateY(-50%) rotate(360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: translateY(-50%) rotate(0deg); } to { -webkit-transform: translateY(-50%) rotate(360deg); } }
@keyframes spin { from { transform: translateY(-50%) rotate(0deg); } to {transform: translateY(-50%) rotate(360deg); } }
.no_click_overlay, .no_click_overlay2 { background-color: #fff; opacity: 0.4; pointer-events: none; position: relative; }
.no_click_overlay2 { opacity: 0.9; }
.no_click_overlay:before, .no_click_overlay2:before { position: absolute; top: 32%; left: 45%; -webkit-animation: spiner 1s linear infinite; animation: spiner 1s linear infinite; border: 3px solid #ddd; border-top: 3px solid #42a5f5; border-radius: 50%; height: 80px; width: 80px; display: block; content: ' '; z-index: 22; }
@-webkit-keyframes spiner { to { border-top-color: #ec407a; -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spiner { to { border-top-color: #ec407a; -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/**
* Swiper 5.3.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2020 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 29, 2020
*/
.w0p {width:0%;} .w1p {width:1%;} .w2p {width:2%;} .w3p {width:3%;} .w4p {width:4%;} .w5p {width:5%;} .w6p {width:6%;} .w7p {width:7%;} .w8p {width:8%;} .w9p {width:9%;} .w10p {width:10%;} .w11p {width:11%;} .w12p {width:12%;} .w13p {width:13%;} .w14p {width:14%;} .w15p {width:15%;} .w16p {width:16%;} .w17p {width:17%;} .w18p {width:18%;} .w19p {width:19%;} .w20p {width:20%;} .w21p {width:21%;} .w22p {width:22%;} .w23p {width:23%;} .w24p {width:24%;} .w25p {width:25%;} .w26p {width:26%;} .w27p {width:27%;} .w28p {width:28%;} .w29p {width:29%;} .w30p {width:30%;} .w31p {width:31%;} .w32p {width:32%;} .w33p {width:33%;} .w34p {width:34%;} .w35p {width:35%;} .w36p {width:36%;} .w37p {width:37%;} .w38p {width:38%;} .w39p {width:39%;} .w40p {width:40%;} .w41p {width:41%;} .w42p {width:42%;} .w43p {width:43%;} .w44p {width:44%;} .w45p {width:45%;} .w46p {width:46%;} .w47p {width:47%;} .w48p {width:48%;} .w49p {width:49%;} .w50p {width:50%;} .w51p {width:51%;} .w52p {width:52%;} .w53p {width:53%;} .w54p {width:54%;} .w55p {width:55%;} .w56p {width:56%;} .w57p {width:57%;} .w58p {width:58%;} .w59p {width:59%;} .w60p {width:60%;} .w61p {width:61%;} .w62p {width:62%;} .w63p {width:63%;}.w64p {width:64%;} .w65p {width:65%;} .w66p {width:66%;} .w67p {width:67%;} .w68p {width:68%;} .w69p {width:69%;} .w70p {width:70%;}.w71p {width:71%;} .w72p {width:72%;} .w73p {width:73%;} .w74p {width:74%;} .w75p {width:75%;} .w76p {width:76%;} .w77p {width:77%;}.w78p {width:78%;} .w79p {width:79%;} .w80p {width:80%;} .w81p {width:81%;} .w82p {width:82%;} .w83p {width:83%;} .w84p {width:84%;}.w85p {width:85%;} .w86p {width:86%;} .w87p {width:87%;} .w88p {width:88%;} .w89p {width:89%;} .w90p {width:90%;} .w91p {width:91%;}.w92p {width:92%;} .w93p {width:93%;} .w94p {width:94%;} .w95p {width:95%;} .w96p {width:96%;} .w97p {width:97%;} .w98p {width:98%;}.w99p {width:99%;} .w100p {width:100%;}
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}/*:root{--swiper-theme-color:#21bfc0}*/.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#productPage .gallery-thumbs .swiper-slide { outline: 1px solid #ccc; outline-offset: -1px; height: auto; }
#productPage .gallery-thumbs .swiper-slide.swiper-slide-active { outline: 1px solid #21bfc0; }
.product-info-btn {
width: 100%;
margin-top: 15px;
color: #000;
}
@media all and (min-width: 900px) {
img.man_img {
position: absolute;
width: 50px !important;
z-index: 5;
bottom: 108px;
left: 4px;
}
img.pr_img {
position: absolute;
z-index: 10;
bottom: 108px;
right: 34px;
}
.product-info-btn {
width: 40%;
}
#prodLatestReviews {
width: 50%;
}
.product-description {
width:50%;
float:right;
padding-left:15px;
padding-top: 15px;
background-color:white;
}
}
.content.column-fix {
padding: 20px;
}
button.read-more {
background-color: grey;
z-index: 5;
margin-top: -174px;
}
#productPage .fadeout {
height: 6em;
left: 0;
position: relative;
bottom: 86px;
width: 100%;
background-image: linear-gradient( rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.treviews {
text-align: center;
padding: 20px;
font-size: 1.7em;
}
.collapsed{
max-height: 150px;
overflow: hidden;
clear: both;
}
button#jsBuyBtn:hover {
background-color: #2bcbcc;
border-radius: 5px;
}
@media only screen and (max-width: 480px) {
.product-listing {
}
.product-description {
padding: 10px;
}
}
#all-filters {
display:flex;
-webkit-user-select: text !important;
-khtml-user-select: initial !important;
-moz-user-select: initial !important;
-ms-user-select: initial !important;
user-select: initial !important;
}
@media only screen and (max-width: 899px) {
#all-filters { display:block !important; }
img.man_img {
position: absolute;
width: 45px !important;
z-index: 10;
bottom: -16px;
left: 4px;
}
img.pr_img {
position: absolute;
z-index: 10;
width: 100px !important;
bottom: -16px;
right: 12px;
}
/* Paging: */
#paging-count {
display: block;
font-size: .8em;
padding: 18px 8px;
}
.paging ul {
font-size: .8em;
justify-content: flex-end;
margin-top: -55px;
}
/* Timmy fixar sticky sökruta */
#btnSearch {
display : none;
}
#search {
position : inherit;
display : unset;
padding : 2px;
}
div#search-wrapper {height: 49px;}
.aw-search-popper {
position : absolute;
z-index : 10;
width : 95%;
}
.aw-instant-search-results {
display : block !important;
top : 130px !important;
left: 50%;
margin-left: calc((-100% + 20px)/2);
position: fixed !important;
}
header#h_header {
z-index : 11;
}
#search .text {
order : 1;
height: 48px;
flex: 1;
border-radius: 0px;
padding: 0 15px;
font-size: 16px;
width: 100%;
}
#search .icon {
margin-right : 5px;
}
.global-usp-inner {
padding-top: 4px;
padding-bottom: 4px;
}
#search .text, #search .icon {
z-index: 100;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
border: 1px solid #f2f2f2;
left: 50%;
margin-left: -50%;
top: 60px;
}
#search .icon {
width: 48px;
height: 48px;
left: unset;
right: 0px;
background:black;
background-size: 25px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("/templates/a_teknikdelar_2020_011/images/svg/icon_search_3.svg");
}
.aw-search-input {
box-shadow: 5px 2px 11px 2px #0000009c !important;
}
.qcashier #search-wrapper {
display: none;
}
.qcashier .global-usp-inner {
display:none;
}
}
/*END Timmy fixar sticky sökruta ^ */
/*Upsell på produktsidan (smalare element mobilvy)*/
#productPage .product-listing .products {
flex-wrap: wrap;
border: 1px solid #ededed;
margin: 0;
-webkit-animation: fadein .8s;
-moz-animation: fadein .8s;
-ms-animation: fadein .8s;
-o-animation: fadein .8s;
animation: fadein .8s;
}
#productPage .product-listing article.product-card {
flex: 1 100%;
margin: 0 .5% 0 .5%;
align-items: center;
flex-direction: row;
justify-content: space-between;
box-shadow: none;
border-bottom: 1px solid #ededed;
}
#productPage .product-listing article.product-card:last-child {
border: 0;
}
#productPage .product-listing article.product-card .product-buy {
width: 28%;
order: 3;
border: 0;
margin: 0;
}
#productPage .product-listing article.product-card .product-image {
width: 100px;
min-height: 100px;
order: 1;
}
#productPage .product-listing article.product-card .product-image img {
height: 100px;
width: auto;
}
#productPage .product-listing article.product-card .spotNew {
transform: scale(.7) translateX(-31px) translateY(-9px);
}
#productPage .product-listing article.product-card .spotSale {
transform: scale(.6) translateX(23px) translateY(-30px);
}
#productPage .product-listing article.product-card .product-info {
width: 200px;
order: 2;
padding: 0;
margin-top: 0;
padding-left: 30px;
margin-left: 0;
margin-right: auto;
}
#productPage .product-listing article.product-card .product-info h3 {
text-align: left;
padding-right: 0;
}
#productPage .product-listing article.product-card .product-info .price {
justify-content: left;
margin-top: -5px;
margin-bottom: 2px;
}
#productPage .product-listing article.product-card .product-info h3 a:hover::after,
#productPage .product-listing article.product-card .product-info h3 a:focus::after {
box-shadow: none;
}
#productPage .product-listing .products article.product-card .product-buy .stockstatus {
font-size: .7em;
position: absolute;
bottom: 10px;
left: 153px;
font-weight: 400;
}
@media only screen and (max-width: 412px) {
.product-card span.text {
display: none;
}
}
/* END TIMMY Produktsidan */
/* START TIMMY KATEGORISIDA 1 produkt per rad mobil */
/* Symplify kod */
#categoryPage article.product-card {
padding: 1% 15px;
padding-bottom: 70px;
}
#categoryPage article.product-card .product-info h3 {
height: auto;
padding-right: 0;
display: block;
}
#categoryPage article.product-card .product-info .rating li {
width: 22px;
height: 24px;
background-size: 17px 17px;
}
#categoryPage article.product-card .product-buy-standard {
position: absolute;
width: 100%;
padding: 0 15px;
bottom: 10px;
min-height: 40px;
left: 0;
}
#categoryPage article.product-card .product-buy-standard .stockstatus {
font-size: .7em;
font-weight: 400;
bottom: auto;
right: 15px;
left: auto;
position: absolute;
top: -20px;
}
#categoryPage article.product-card .product-buy-standard button {
width: 100%;
border-radius: 0;
background-image: none;
border: 1px solid #21bfc0;
color: #21bfc0;
height: 40px;
padding: 0;
font-size: 0.85em;
position: relative;
bottom: auto;
right: auto;
left: auto;
top: auto;
-webkit-transition: border 250ms ease, color 250ms ease;
transition: border 250ms ease, color 250ms ease;
}
.desktop #categoryPage article.product-card .product-buy-standard button:hover {
color: #333;
border: 1px solid #333;
}
#categoryPage article.product-card .product-buy-standard button.disabled {
border: 1px solid #21bfc0;
}
#categoryPage article.product-card .product-buy-standard button .text {
clip: auto;
white-space: normal;
width: 100%;
height: auto;
position: static !important;
line-height: 38px;
display: block;
}
#categoryPage article.product-card .product-buy-standard button .le-checkbox {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 0;
}
#categoryPage article.product-card .product-buy-standard button .le-checkbox.active {
border: 1px solid #21bfc0;
background: #21bfc0;
}
/********** golden path **********/
#goldenPath-wrapper {
display: block;
min-height: 200px;
width: 100%;
}
#goldenPath-wrapper h2 {
text-align: center;
text-transform: uppercase;
}
#goldenPath-wrapper .inner {
padding: 3% 15px 25px 6%;
}
.goldenPath-choose-select {
font-size: 1em;
}
.goldenPath-choose-select select {
width: 100%;
padding: 14px 40px 14px 15px;
display: block;
font-size: 1em;
}
.goldenPath-choose-select select.active {
font-weight: 700;
}
@media only screen and (min-width: 900px){
.grid-tl-13 {
width: 33%;
float: left;
}
}
/********** end golden path **********/
@media screen and (min-width: 600px) {
#categoryPage article.product-card .product-info {
display: flex;
flex-wrap: wrap;
}
#categoryPage article.product-card .product-info > * {
width: 100%;
}
#categoryPage article.product-card .product-info .price {
order: 1;
}
#categoryPage article.product-card .product-info h3 {
order: 3;
}
#categoryPage article.product-card .product-info .rating {
order: 2;
margin-bottom: 5px;
}
}
/* WORKINPROGRESS: */
@media screen and (max-width: 599px) {
#categoryPage article.product-card {
padding: 1% 15px;
padding-bottom: 1%;
margin: 0;
}
#categoryPage article.product-card .product-info {
margin-bottom: 80px;
margin-top: 20px;
width: calc(100% - 160px);
}
#categoryPage article.product-card .product-buy-standard {
width: calc(100% - 190px);
padding: 0;
left: auto;
right: 15px;
padding-left: 30px;
bottom: 20px;
}
#categoryPage article.product-card .product-buy-standard .stockstatus {
right: 0px !important;
}
}
@media screen and (max-width: 365px) {
#categoryPage article.product-card .product-info {
width: calc(100% - 110px) !important;
}
#categoryPage article.product-card .product-buy-standard {
width: calc(100% - 140px) !important;
}
}
@media only screen and (max-width: 599px) {
#slideup .content {
border-radius: 0px 0px 30px 30px;
padding-bottom: 37px;
}
#slideup {
margin-bottom: 15%;
}
#categoryPage .product-listing .products,
#slideup .product-listing .products {
flex-wrap: wrap;
border: 1px solid #ededed;
-webkit-animation: fadein .8s;
-moz-animation: fadein .8s;
-ms-animation: fadein .8s;
-o-animation: fadein .8s;
animation: fadein .8s;
}
#categoryPage .product-listing article.product-card,
#slideup .product-listing article.product-card {
flex: 1 100%;
align-items: center;
flex-direction: row;
justify-content: space-between;
box-shadow: none;
border-bottom: 1px solid #ededed;
}
#categoryPage .product-listing article.product-card:last-child,
#slideup .product-listing article.product-card:last-child {
border: 0;
}
#categoryPage .product-listing article.product-card .product-buy,
#slideup .product-listing article.product-card .product-buy {
width: 28%;
order: 3;
border: 0;
margin: 0;
}
#categoryPage .product-listing article.product-card .product-image,
#slideup .product-listing article.product-card .product-image {
height:160px;
width:160px;
order: 1;
}
#categoryPage .product-listing article.product-card .product-image img,
#slideup .product-listing article.product-card .product-image img {
height: 160px;
width: auto;
}
/*
.product-listing article.product-card .spotNew {
transform: scale(.7) translateX(-31px) translateY(-9px);
}*/
#categoryPage .product-listing article.product-card .spotSale,
#slideup .product-listing article.product-card .spotSale {
margin-right:-20px;
}
#categoryPage .product-listing article.product-card .product-info,
#slideup .product-listing article.product-card .product-info {
width: 200px;
order: 2;
padding: 0;
padding-left: 30px;
margin-left: 0;
margin-right: auto;
}
#categoryPage .product-listing article.product-card .product-info h3,
#slideup .product-listing article.product-card .product-info h3 {
text-align: left;
padding-right: 0;
font-size: 0.9em;
}
#categoryPage .product-listing article.product-card .product-info .price,
#slideup .product-listing article.product-card .product-info .price {
justify-content: left;
margin-top: -5px;
margin-bottom: 2px;
font-size: 1.3em;
}
#categoryPage .product-listing article.product-card .product-info h3 a:hover::after,
.product-listing article.product-card .product-info h3 a:focus::after {
box-shadow: none;
}
#categoryPage .product-listing .products article.product-card .product-buy .stockstatus,
#slideup .product-listing .products article.product-card .product-buy .stockstatus {
font-size: .7em;
position: absolute;
bottom: 10px;
right: 15px;
font-weight: 400;
}
#slideup article.product-card .product-buy-standard .stockstatus {
font-size: .7em;
bottom: 60px;
font-weight: 400;
right:15px;
}
}
@media only screen and (max-width: 540px) {
#prod_image {
margin-top: 78px;
}
#productPage .gallery-top img {
max-height: 315px;
}
#productPage #prod_image {
max-height: 282px;
}
#prodPageForm {
padding-top: 22px;
}
#productPage .title_reviews {
position: absolute;
margin-top:-363px;
z-index:10;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 320px;
text-align:center; /* Need a specific value to work */
}
#productPage #prod_rating_top {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 140px;
margin-top: -8px;
}
}
@media only screen and (max-width: 365px){
#categoryPage .product-listing article.product-card .product-image {
height: 110px;
width: 110px;
}
div#prod_recent .products .product-card.small {
flex: 0;
width: 70px
}
}
#productPage {
scroll-behavior: smooth;
}
.hide {
display:none !important;
}
div#prod_recent .products .product-card.small {
flex: 0 9%;
}
.grade-0 {
display: none;
}
#selected-device-pop {
display: none;
}
@media screen and (max-width: 600px) {
.sg-search-in-header-mob #h_header .col_logo img {
display: none;
}
#search .aw-search-input {
left: 0;
margin: 0;
transition: all 0.35s;
}
.sg-search-in-header-mob #search .aw-search-input {
top: 10px;
width: calc(100% - 160px);
left: 80px;
height: 40px;
border-radius: 100px;
}
#search .icon {
transition: all 0.35s;
left: auto;
margin: 0;
right: 5px;
}
.sg-search-in-header-mob #search .icon {
top: 12px;
right: 82px;
background-size: 20px;
width: 36px;
height: 36px;
}
.sg-search-in-header-mob .aw-instant-search-results {
top: 60px;
}
}
.foot img {
height: 24px;
}
/*B2B form!*/
.bulkorder input {
height: 47px;
width: 300px;
margin-top: 10px;
padding-left: 10px;
}
.bulkorder input[name=fullname] {
margin-bottom:12px;
}
.bulkorder {
text-align:center;
}
.bulktitle {
text-align:center;
}
.bulkorder button {
background: #21bfc0;
color:white;
font-size: 1.2em;
padding:10px 40px;
border: 0px;
margin-top:10px;
}
/*END b2b form*/