/* Copyright (C) 2012-2023 Kodmyran AB All Rights Reserved */ /* Print */ @media print { .noprint { display: none;} } @page { margin: 0.5cm; } #mobilecheck { display: block; } /* Form controls */ input, select, textarea { border: 1px solid #ccc; font-family: inherit; } 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 { -webkit-border-radius: 0; } 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 {} caption { text-align: left; border-bottom: 1px solid #ccc; padding-bottom: 3px; } label { font-weight: 500; } form, fieldset { margin:0; padding:0; border:none; clear: both; } /* Skip link */ #skiplinks { left: 10px; position: absolute; top: 6px; z-index: 9999; } #skiplinks a { display: block; position: absolute; top: -500px; } #skiplinks a:focus, #skiplinks a:hover, #skiplinks a:active { background-color: #000; color: #fff; font-weight: bold; left: 0; padding: 10px; position: absolute; top: 0; white-space: nowrap; display: inline-block; *display: inline; zoom: 1; } /* Styled select */ .styled-select select { display: block; font-size: 16px; font-family: sans-serif; font-weight: 500; color: #444; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #aaa; border-radius: .5em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } .styled-select select::-ms-expand { display: none; } .styled-select select:hover { border-color: #888; } .styled-select select:focus { border-color: #aaa; box-shadow: 0 0 1px 2px rgba(59, 153, 252, .7); box-shadow: 0 0 0 2px -moz-mac-focusring; color: #222; outline: none; } .styled-select select option { font-weight: 500; } /* Model selector */ #model-select-wrapper { background-color: #e7e7e7; padding: 10px 0 25px 0; margin-bottom: 5px; background: #e7e7e7 url(../images/bg_wood_opt.jpg) no-repeat; background-size: auto; background-size: auto; background-position: 0 0; background-size: 100%; background-repeat: repeat-y; } #model-select-container { } #model-select-wrapper h2 { font-weight: 600; text-align: center; padding: 25px 0; font-size: 1.7em; color: #fff; } #model-select-wrapper label { position: absolute; top: -8px; left: -16px; font-size: .7em; font-weight: 600; color: #ffffff; background-color: rgba(48, 57, 45, 0.82); border-radius: 14px; padding: 2px 7px; transform: rotate(-9deg); } #model-select-wrapper .select-dropdown label{ display: none; } #model-select-wrapper .select-dropdown.passed label { display: block; } #chooserBtn { background-color: #00afe4; width: 55%; margin: 0px auto; display: block; text-align: center; padding: 12px 10px; color: #fff; border-radius: 7px; margin-top: 12px; font-size: 1.4em; } #chooserBtn.inactive { background-color: #c8c8c8; } .select-dropdown { position: relative; background-color: #f8f8f8; border: 2px solid #f8f8f8; border-radius: 7px; width: 90%; max-width: 100%; margin: 0px auto; } .select-dropdown select { width: 100%; font-family: 'Quicksand', sans-serif; font-size: 1rem; color: #ccc; font-weight: 500; max-width: 100%; padding: 14px 24px 14px 10px; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-dropdown select:active, .select-dropdown select:focus { outline: none; box-shadow: none; } .select-dropdown:focus-within {border: 2px solid #34a810;} .select-dropdown.active:focus-within {border: 2px solid #34a810;} .select-dropdown select option[value="-1"][disabled] { display: none; } .select-dropdown::after { content: " "; position: absolute; top: 50%; margin-top: -2px; right: 8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #aaa; } .select-dropdown select option { font-weight: 500; } .select-dropdown.active { border: 2px solid #00afe4; background-color: #fff; color: #000; } .select-dropdown.passed { border: 2px solid #aeaeae; color: #333; } .select-dropdown.active select { color: #000; } .select-dropdown.passed select { color: #646464; } .select-dropdown.noitems select { color: #ccc; } /* Typography */ h1, h2, h3, h4 { font-family: 'Quicksand', 'Lato','Trebuchet MS', 'Lato', sans-serif; } h1 { font-size: 1.5em; font-weight: 600;} h2 { color: #484848; display: block; font-size: 1.1em; margin: 0; padding: 0 0 5px; font-weight: 400;} h1.styled, h2.styled { text-align: center; font-size: 1.8em; font-weight: 500; padding: 10px 0; margin: 10px 0; color: #000; border-bottom: 2px solid #30392d; } h3 { clear: left; margin:0; padding:0 0 3px 0; display:block; font-size:1.2em; font-weight: 600; } h3.styled { text-align: center; background-color: transparent; font-size: 1.2em; font-weight: 400; padding: 15px 0 13px 0; border-bottom: 1px solid #d1d1d1; margin-bottom: 13px; } p { line-height: 1.6em; } p a { text-decoration: none; } /* Support classes */ .floatLeft {float:left;} .floatRight {float:right !important;} .ib { vertical-align: top; display: inline-block; *display: inline; zoom: 1; } .clear {clear:both;} .col {float: left;} .justifyCenter {text-align: center;} .textSmall {font-size: 84%;} .textBig {font-size: 130%;} .textUnderline {text-decoration: underline;} .textItalic {font-style: italic;} .textBold {font-weight: 600;} .textNormal {font-weight: 300;} .textSmallLight {font-size: 85%; color: #666;} .textLightItalic {color: #7c7c7c;font-style: italic;} .textRight {text-align: right;} .textLeft {text-align: left;} .textCenter {text-align: center;} /*.dispNone {display: none;}*/ .highlight {color: #35cb08;} .grey {color: #6b6b6b;} .green {color: #009900} .onlyBig {display: none !important; } .onlySmall {display: block !important; } th { text-align: left; font-weight: 600; } .close {display: none !important;} .open {display: block !important;} .relative {position: relative;} ul.checked { list-style-type: none !important; margin-left: 0 !important; } ul.checked li { display: list-item; position: relative; padding: 0 0 2px 20px; } ul.checked li::before { content: '\f00c'; font-family: FontAwesome; position: absolute; left: 5px; top: 3px; height: inherit; color: #333; } ul.checked.green li::before { color: #44ca87; } ul.checked.green li { padding-left: 25px; color: #333; } .tableRow { display: table; height: 100%; } .tableRow > [class*='grid-'] { display: table-cell; float: none; vertical-align: top; height: 100%; } .white-box { background-color: #fff; padding: 15px; } /* Ribbons */ .ribbon-wrap { width: 100%; height: 188px; position: absolute; top: -4px; left: 4px; overflow: hidden; } .ribbon-wrap::before, .ribbon-wrap::after { content: ""; position: absolute; } .ribbon-wrap::before { width: 25px; height: 4px; right: 100px; background: #333; border-radius: 8px 8px 0 0; } .ribbon-wrap::after { width: 4px; height: 25px; right: 0; top: 100px; background: #333; border-radius: 0 8px 8px 0; } .ribbon1 { width: 200px; height: 32px; line-height: 32px; position: absolute; top: 30px; right: -50px; z-index: 2; overflow: hidden; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: rgb(240,240,240); background: rgba(240,240,240,.8); text-align: center; color: #000; -webkit-transform-origin: 50% 51%; } .ribbon3 { background: #cac6ba none repeat scroll 0 0; color: #595037; font-size: 0.75em; height: 25px; left: 0; line-height: 25px; padding-left: 15px; position: absolute; top: 53%; width: 111px; z-index: 2; } .ribbon3::before, .ribbon3::after { content: ""; position: absolute; } .ribbon3::before { border-bottom: 6px solid #9e957c; border-left: 7px solid transparent; height: 0; left: 1px; top: -5px; width: 0; } .ribbon3::after { border-bottom: 12px solid transparent; border-left: 9px solid #cac6ba; border-top: 13px solid transparent; height: 0; right: -8.5px; width: 0; } .spots .spot3for2 { position: relative; top: 0; right: 0; } /* 3for2 spot */ .spot3for2 { pointer-events: none; background-color: #163ceb; color: #fff; border: 5px solid #1130bc; line-height: 50px; padding: 0; position: absolute; text-align: center; z-index: 1; width: 82px; height: 82px; border-radius: 100%; font-size: 1em; text-transform: uppercase; top: 5px; right: 5px; transform: scale(.8); } @media (min-width: 900px) { .spot3for2 { top: 9px; right: 9px; transform: scale(1); } } .productImageContainer .spot3for2 { right: 5px; left: auto; } .spot3for2 .line1 { cursor: default; position: absolute; left: 14px; font-size: 11px; font-weight: 600; top: -4px; } .spot3for2 .line2 { cursor: default; position: absolute; top: -4px; 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; } .productListContainerSmall .spot3for2 { right: 0; left: auto; transform: scale(.7); top: -8px; } .productListContainerSmall .spotNew { transform: scale(.5); top: -15px; left: -15px; opacity: .9;} /* Error and info boxes */ .info, .error { position: relative; padding: 20px 10px 20px 50px; border: 1px solid #ccc; background: #fff; margin: 15px 0; } .info { border: 1px solid #9ac39d; background: #e7f6e8; color: #02830b; /*border-radius: 2px;*/ } .info::before { content: '\2713'; font-size: 32px; font-weight: 400; left: 10px; position: absolute; top: 10%; color: #02830b; } .error { border: 1px solid #993333; 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;} /* Newsletter */ #ajaxNL { text-align: center;} #ajaxNL .newsletter-field { height: 38px; background-color: #f7f7f7; vertical-align: middle; padding: 5px; border: 0; max-width: 300px; width: 30%; display: inline-block; *display: inline; zoom: 1; } #ajaxNL .button { height: 38px; margin-top: 3px; } .nlText { text-align: center; } .nlText p { text-transform: none; } /* Category page */ #categorySubCategories.big h2 { display: block; } .categoryDescription { overflow:hidden; position: relative; padding: 0; } .fadeout { visibility: visible; height: 11em; 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%,rgb(255, 255, 255) 100%); } /* cpToggle */ #cpToggle, #cpToggle2 { visibility: hidden; text-align: center; z-index: 2; position: relative; margin-top: -20px; } #cpToggle button, #cpToggle2 button {margin-bottom: 13px; font-size: 1em; background-color: #fff; color: #000; padding: 7px 17px; border: 1px solid #ccc; border-radius: 7px; } #cpToggle button i, #cpToggle2 button i { font-size: .8em; } #cpToggle button:hover, #cpToggle button:focus, #cpToggle2 button:hover, #cpToggle2 button:focus { cursor: pointer; background-color: #f7f7f7; } #cpToggle.active_button, #cpToggle2.active_button { margin-top: 0; } #cpToggle:hover button, #cpToggle:hover #cpToggle button:focus, #cpToggle2:hover button, #cpToggle2:hover #cpToggle2 button:focus { outline: 0;} .collapsed { max-height:155px; transition: all 300ms; -webkit-transition: all 300ms; } #pageIndex .collapsed { max-height:350px; transition: all 300ms; -webkit-transition: all 300ms;} .expand, #pageIndex .expand { max-height: 9999px; transition: all 300ms; -webkit-transition: all 300ms; } /* VAT-area */ #vatContainer .vatInner { width: 150px; text-align: left; margin: 10px auto 0; } .vatInner .vatText { vertical-align: top; font-size: .9em; line-height: 30px; width: 55%; color: #333 !important; padding-left: 6px; position: relative; display: inline-block; *display: inline; zoom: 1; } .vatInner .vatSwitch { vertical-align: top; width: 40%; display: inline-block; *display: inline; zoom: 1; } /* Styled radio button or checkbox */ /* input.styledChk { display:none; } input.styledChk + label { font-weight: normal; font-size: 1em; cursor: pointer; margin-right: 10px; } input.styledChk + label span { display:inline-block; width:19px; height:19px; margin:-1px -1px 0 0; vertical-align:middle; cursor:pointer; font-weight: normal; } input.styledChk + label span::after { content:"\f10c"; font-family: FontAwesome; color: #a3a3a3; } input.styledChk:checked + label span {} input.styledChk:checked + label span::after { font-family: FontAwesome; content:"\f00c"; color: green; } */ /* Wrapper */ #wrapper { background: #fff; min-height: 40%; margin-top: 0px; /*transition: margin-top .2s ease-in-out; -webkit-transition: margin-top .2s ease-in-out;*/ padding-top: 60px;} .fullWidth { /*max-width: 1350px;*/ margin: 0 auto; position: relative; padding: 0 10px; } /* Notice bar */ #notice_bar { background-color: #7bc18f; color: #fff; font-weight: 600; text-align: center; padding-bottom: 5px; } /* Double diagonal */ .doublediagonal { position: relative; z-index: 1; } /* Header */ #header { position: relative; margin: 0 auto 0; color: #333; } /* Top user and currency NOTE: Not in use, but keep ... */ #topCurr { display: table-cell; position: relative; vertical-align: middle; text-align: center; width: 85px; border: 0; border-style: solid; border-width: 0 1px 0 0; -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#e0e0e0), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #e0e0e0, rgba(0, 0, 0, 0)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #e0e0e0, rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(bottom, #e0e0e0, rgba(0, 0, 0, 0)) 1 100%; border-image: linear-gradient(to top, #e0e0e0, rgba(0, 0, 0, 0)) 1 100%; } #topCurr a { display: block; height: 100%; vertical-align: middle; font-size: 1.3em; } #toppCurr { padding-left: 7px; } #topCurr a > i:first-of-type { position: absolute; top: 26%; left: 0; right: 0; } #topCurr a .btnlabel{ position: absolute; bottom: 5px; left: 0; font-size: 10px; text-transform: uppercase; font-weight: 600; right: 0; overflow: hidden; height: 10px; line-height: 14px; text-overflow: ellipsis; } #countryChoose img:first-of-type{ max-height: 23px; position: absolute; top: 26%; left: 0; right: 0; margin: 0px auto; } #countryList { position: absolute; right: 0; } #countryList ul {} #countryList li { font-size: .8em; text-align: left; display: block !important;} #countryList li a { padding: 10px; border-bottom: 1px solid #dfdfdf; font-size: 1em; } #countryList li a:hover, #countryList li a:focus { background: #e9e9e9; } #countryList li a:focus { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } #countryList li.active a { background: #35cb08; } #countryList li.active a { color: #fff; } #countryList li img { display: inline-block; vertical-align: middle; margin-right: 9px; } #countryList li span { display: inline-block; vertical-align: middle; } #countryList a { display: block; padding: 2px 6px; text-decoration: none; color: #000; } #countryList #countryDiv { min-width: 255px; } #countryChoose { height: 45px; font-size: .7em; border: 0; background-color: transparent; /*color: #fff;*/ } #countryChoose:focus, #countryChoose:hover{ outline: none; } #countryChoose .countryHeadImage {vertical-align: middle; max-width: 25px; margin-left: 4px; margin-right: 4px; } #countryChoose .countryHead { display: inline-block; vertical-align: middle; margin-top: 0; } #countryChoose span { display: inline-block; vertical-align: middle; margin-top: 0; float: none; margin-right: 0px; } #countryToggle { cursor: pointer; color: #0496ce; border: 0; background-color: transparent; vertical-align: middle; margin-left: 5px; } #countryDiv { position: absolute; top: 1px; right: 0; display: none; overflow: auto; background-color: #fff; box-shadow: 3px 6px 9px -4px rgba(0,0,0,0.5); } #countryDiv .cShort { font-weight: 600; padding-right: 8px; } #countryDiv .cName { font-size: .9em; color: #9b9b9b; } #countryArrow { line-height: inherit; font-size: 1.2em; margin-left: 5px; } .arrowRotate { transform: rotate(180deg); } /* Sitemap */ .sitemapLine { background:url(../images/line.png); background-repeat:repeat-y; } .sitemapHline { background:url(../images/hline.png); background-repeat:repeat-x; } /* Shake animation */ .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; } @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); } } /*@media (max-width: 899.99999px) {*/ /*}*/ #miniCart { position: fixed; top: 0; right: 0; padding: 0; background-color: #fff; box-shadow: 0 1px 4px rgb(50 50 50 / 30%); overflow-y: auto; opacity: .4; z-index: 10001; width: 85vw; height: 100vh; max-height: 100%; transform: translate3d(100%,0,0); transition: all ease-in-out .3s; } #miniCart.openMini { transform: translate3d(0,0,0); opacity: 1; } #miniCart h3 { text-align: center; padding: 10px 0 15px; background-color: #f7f7f7; margin-bottom: 8px; } #miniCart .miniCartInner { position: relative; height: 100%; display: flex; flex-direction: column; align-items: stretch; } #miniCart .miniCartButtns { margin-top: auto; margin-bottom: 0; background-color: #dfdfdf; height: 100px; align-items: center; display: flex; justify-content: space-between; padding: 0 13px; width: 100%; } #miniCart .cashierProducts.cashier-form { background-color: #fff; height: 100%; } #miniCart .cashierProducts.cashier-form table { display: flex; flex-direction: column; gap: 20px; height: 100%; } #miniCart .cashierProducts.cashier-form tbody { overflow-y: auto;} #miniCart .cashierProducts.cashier-form tr { display: flex; } #miniCart .cashierProducts.cashier-form tr.total td { border-bottom: 0; } #miniCart .cashierProducts.cashier-form tr > td { padding: 15px 0; } #miniCart .cashierProducts.cashier-form table tfoot { margin-top: auto; margin-bottom: 0; display: flex; justify-content: flex-end; background-color: #f7f7f7; padding: 0 10px; } .miniCartButtns .button { font-size: .9em; padding: 14px 6px !important; min-width: 129px; } @media (min-width: 900px) { #miniCart { max-width: 500px; } .miniCartButtns .button { min-width: 155px; font-size: 1.1em; } } /* @media (min-width: 900px) { #miniCart { display: none; position: absolute; top: 104%; right: 1px; width: 450px; padding: 5px; background-color: #fff; box-shadow: 0 1px 4px rgba(50, 50, 50, 0.3); max-height: 547px; overflow-y: auto; z-index: 10001; } #miniCart .cashier-form { } #miniCart .cashier-form .cartPlus a, #miniCart .cashier-form .cartMinus a { height: 17px; line-height: 17px; width: 17px; border-radius: 30px; font-size: 11px; } #miniCart .cashier-form .cartMinus a { margin-right: 15px;} #miniCart .cashier-form .cartPlus a:focus, #miniCart .cashier-form .cartMinus a:focus { opacity: .7; outline: thin dotted !important; } #miniCart .cashier-form .cartQty { margin: 0 3px; text-align: center; width: 25px; color: #757575; display: inline-block; *display: inline; zoom: 1; } #miniCart .cashier-form .name { line-height: 16px; font-size: .9em; padding: 0; height: 40px; } #miniCart .cashier-form .name a { font-size: .9em; font-weight: 600; overflow: hidden; display: block; text-overflow: ellipsis; max-height: 35px; } #miniCart .cashier-form tr { border-bottom: 1px solid #efefef; } #miniCart .cashier-form td { padding: 5px 0; } #miniCart .cashier-form .cartQtyWrapper { margin-top: 0; float: left; width: 35%; } #miniCart .cashier-form .tableInfo .name { width: 64%; } #miniCart .cashierProducts .vat { font-size: .9em; padding: 3px 0; } #miniCart .cashierProducts .total { font-size: 1.2em; padding: 3px 0; } #miniCart .cashierProducts .vat td { padding: 0; } #miniCart .button-confirm { margin: 10px 0 5px 0; font-size: 1em; } } */ .maxQty { font-size: .8em; color: #a62d33; font-weight: 100; font-style: italic; } /* Footer */ #footer { text-align: center; background-color: #30392d; overflow: hidden; font-size: .9em; /*padding-top: 20px;*/ color: #fff; } #footer a { padding: 5px 0; margin: 5px 0; color: #3ca5f2;} #footer a:hover, #footer a:focus { text-decoration: underline; color: #35cb08; } #footer a:focus { outline-offset:2px; outline: thin dotted; color: #35cb08; text-decoration: underline;} #footer h4 { font-size: 1.1em; font-weight: 600; margin-bottom: 0; text-transform: uppercase; padding: 10px 14%; } #footer ul { line-height: 1.4em; } #footer li { display: block; margin: 2px 0; } #footerColumns .col1, #footerColumns .col2, #footerColumns .col3, #footerColumns .col4, #footerColumns .col5 {padding: 0;} #footerColumns .col5 { padding-top: 40px; } #footerColumns .col1 .inner, #footerColumns .col2 .inner, #footerColumns .col3 .inner, #footerColumns .col4 .inner, #footerColumns .col5 .inner {padding: 0 0 10px 0;} #footer .footerText { padding: 0 15px 20px 15px; text-align: center; } #footer .footerText img { /*margin: 10px 40px;*/} #footer .footerText .specCont { display: inline-block; width: 80%; } #footer .social { margin-bottom: 15px;} #footer .social img { vertical-align: middle; margin-right: 10px;} #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 ul.checked li::before { color: #35cb08; content: '\f05d'; font-size: 1.5em; vertical-align: text-bottom; display: inline-block; margin-right: 14px; position: relative; } #footer .col4 { padding-top: 10px; font-size: .9em; } #footer .col4 ul { margin-left: -15px !important; } #footer .col5 img { max-width: 35px; } /*#footer .footerPartner { min-height: 70px; padding: 15px 0; width: 100%; background-color: #191f17; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap;}*/ #footer .footerPartner { /* min-height: 90px; padding: 15px 0; width: 100%; background-color: #fdfdfd; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 25px; box-shadow: inset -1px 4px 4px #000; padding-top: 35px; border-bottom: 27px solid #30392d; padding-bottom: 28px;*/ min-height: 90px; padding: 15px 0; width: 100%; background-color: #fdfdfd; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 25px; /* box-shadow: inset -1px 4px 4px #000; */ /* padding-top: 35px; */ /* border-bottom: 27px solid #30392d; */ /* padding-bottom: 28px;*/ } /*#footer .footerPartner img { max-height: 18px; width: auto; filter: brightness(0) invert(1); }*/ #footer .footerPartner img { max-height: 18px; width: auto; } @media (min-width: 900px) { #footer .footerPartner img { max-height: 30px; } } /* Footer - newsletter */ #footerNewsletter { padding: 20px 0; color: #fff; font-weight: 400; box-shadow: inset 2px 10px 12px #272d25; } #footerNewsletter h4 { font-size: 1.4em; margin-bottom: 5px !important; text-align: center !important; color: #fff;} #footerNewsletter .highlight { color: #474747;} #footerNewsletter .colLabel { float: left; width: 150px;} #footerNewsletter .colInput { float: left; width: 150px;} #footerNewsletter strong { text-transform: uppercase; font-weight: 600; /*border-bottom: 1px solid #a6a6a6;*/ } #footerNewsletter label { text-transform: uppercase; font-weight: 600; font-size: .9em; } /* Footer - to top */ #footerToTop { text-align: center; text-transform: uppercase; background-color: #fff; } #footerToTop a { cursor: pointer; display: block; margin: 10px 0 20px; color: #000; } #footerToTop a:hover, #footerToTop a:focus { color: #35cb08; } /* Footer - logos*/ #footerLogos { background-color: #434343; } #footerLogos [class*='grid-'] { text-align: center; } /* My-page */ .wishlist ul { margin:0; padding:0; list-style:none; } .wishlist li { margin-right:20px; float:left; } .wishContainer { width: 450px; float: left; border: 1px dashed #ccc; min-height: 180px; position: relative; } .wishContainer .inner { margin: 10px; } .wishContainer .image { float: left; width: 100px; } .wishContainer .infobox { float: left; 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; } /* Breadcrumbs */ /*#wrapper #breadcrumbs { display: none; }*/ #mBreadcrumb { font-size: .8em; background-color: #eaebef; } #mBreadcrumb h2 { text-align: center; background-color: transparent; text-transform: uppercase; font-weight: 600; padding: 15px 0 13px 0; border-bottom: 1px solid #d1d1d1; margin-bottom: 13px; } #breadcrumbs { font-weight: 500; /*overflow: auto;*/ position: relative; font-size: .7em; /*display: none;*/ } #jsBreadcrumb li, #mBreadcrumb li { display: inline; padding: 5px 0; } #jsBreadcrumb li.arrow, #mBreadcrumb li.arrow { padding:0 0 0 2px; color: #828282; } #jsBreadcrumb li.arrow::before, #mBreadcrumb li.arrow::before { content:"\f105"; font-family: FontAwesome; padding-right:2px; } /* StandardPageContainer */ .standardPageContainer {} .standardPageContainer ul { list-style-type: disc; margin: 10px 5px 10px 20px; } .standardPageContainer ul ul { list-style-type: circle; } .standardPageContainer ol { margin: 10px 5px 10px 20px; } .standardPageContainer li { position: relative; padding: 8px 0 2px 0; } .standardPageContainer .pageContent { background-color: #fff; padding: 10px; } .standardPageContainer .pageContent p, .categoryDescription p { line-height: 1.3em; margin: 1em 0; } .standardPageContainer .pageContent h2 { line-height: 1.3em; } .spots { position: absolute; top: -12px; left: -12px; scale: 70%; z-index: 1; } @media (min-width: 400px) { .spots { top: 0; left: 0; scale: 100%; } } /* Spot sale */ .spotSale { /*position: absolute; left: 5px; top: 5px; width: 60px; height: 60px; line-height: 52px; display: inline-block; background-color: #eb1616; border-radius: 100%; border: 3px solid #d50a0a; color: white; font-weight: 600; font-size: 20px; z-index: 2; text-align: center;*/ position: relative; width: 80px; height: 35px; line-height: 35px; display: block; background-color: #eb1616; /* border-radius: 100%; */ /* border: 3px solid #29a903; */ color: white; font-weight: 600; font-size: 14px; z-index: 2; text-align: center; pointer-events: none; margin-bottom: 5px; } .spotNew { /*position: absolute; left: 5px; top: 5px; width: 60px; height: 60px; line-height: 52px; display: inline-block; background-color: #35cb07; border-radius: 100%; border: 3px solid #29a903; color: white; font-weight: 600; font-size: 14px; z-index: 2; text-align: center;*/ position: relative; width: 80px; height: 35px; line-height: 35px; display: block; background-color: #35cb07; /* border-radius: 100%; */ /* border: 3px solid #29a903; */ color: white; font-weight: 600; font-size: 14px; z-index: 2; text-align: center; text-transform: uppercase; pointer-events: none; margin-bottom: 5px; } .spotAssoc { /*position: absolute; left: 5px; top: 5px; width: 60px; height: 60px; line-height: 52px; display: inline-block; background-color: #35cb07; border-radius: 100%; border: 3px solid #29a903; color: white; font-weight: 600; font-size: 14px; z-index: 2; text-align: center;*/ position: relative; width: auto; padding: 0 10px; height: 35px; line-height: 35px; display: block; background-color: #757575; /* border-radius: 100%; */ /* border: 3px solid #29a903; */ color: white; font-weight: 600; font-size: 14px; z-index: 2; text-align: center; text-transform: uppercase; pointer-events: none; margin-bottom: 5px; } /*.spotSale.hasnew { left: 70px; }*/ /* Product list container (category-view) */ .productListContainer [class*='grid-'] { position: relative; } .productListContainer li { -webkit-animation: fadein .8s; -moz-animation: fadein .8s; -ms-animation: fadein .8s; -o-animation: fadein .8s; animation: fadein .8s; /* transition: all 0.2s ease; -webkit-transition: all 0.2s ease; */ } .productListContainer li img { -webkit-animation: fadein .8s; -moz-animation: fadein .8s; -ms-animation: fadein .8s; -o-animation: fadein .8s; animation: fadein .8s; /* transition: all 0.2s ease; -webkit-transition: all 0.2s ease; */ } .productListContainer li:hover { z-index: 2 } .productListContainer li article { background-color: #fff; position: relative; height: 290px; /*outline: 1px solid #e7e7e7;*/ /*transition: all 0.3s ease; -webkit-transition: all 0.3s ease;*/ } .productListContainer li:hover a, .productListContainer li article h3 a:hover { color: #25aae5; } .productListContainer li article .jsChangeAssoc { position: relative; z-index: 1; } .productListContainer li article h3 { height: 100%; padding: 0; position: absolute; text-align: left; top: 0; left: 0; width: 100%; z-index: 1; font-size: .95em; } .productListContainer li article h3 a { display: block; height: 100%; padding-top: 195px; padding-left: 5px; padding-right: 5px; color: #30392d; } .productListContainer li:hover article h3 a, .productListContainer li article h3 a:focus { height: 100%; color: #25aae5; text-decoration: none; } .productListContainer li article h3 a:focus { outline: 1px dashed grey; outline-offset: 2px; height: 100%; color: #25aae5; text-decoration: none; } .productListContainer li article h3 a:focus span, .productListContainer li article h3 a:active span{ outline: none; } .productListContainer li article h3 a span { font-weight: 500; display: block; height: 36px; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; } .productListContainer li article .rating { bottom: 37%; font-size: 1em; height: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); position: absolute; } .productListContainer li article .rating li:hover { transform: none; } .productListContainer li article .rating li { font-size: 1em; } .productListContainer li article .productPrice { height: 40px; font-weight: 600; position: absolute; /*top: 235px;*/ left: 5px; font-size: 1.4em; width: 90px; text-align: left; display: flex; flex-direction: column; justify-content: center; } .productListContainer li article .priceNew, .productListContainer li article .priceOld { /*display: inline-block; *display: inline; zoom: 1;*/ } .productListContainer li article .priceOld { margin-right: 10px; } .productListContainer li article .productPrice .installmentCost { font-size: .6em; height: 15px; font-weight: normal; padding-top: 3px; color: #666; display: none; } .productListContainer li article .shortText { text-align: center;} .productListContainer li article .productBuy .qtyWrap { position: absolute; bottom: 90px; width: 100%; } .productListContainer li article .productBuy .qtyWrap p { position: absolute; top: 10px; left: 0; right: 0; width: 100%; text-align: center; font-size: .8em; } .productListContainer li article .productBuy input.quant { display: none; position: absolute; top: 2px; width: 50px; text-align: center; border-radius: 4px; height: 35px; padding: 6px; background-color: #f5f5f5; font-size: .9em; font-weight: 600; z-index: 100; left: 0; right: 0; margin: 0 auto; } .productListContainer li article .productBuy input.quant:focus { background-color: #fff; } .productListContainer li article .productBuy .button { text-align: center; margin: 0 auto; padding: 6px 5px !important; width: 33px; height: 33px; background-color: transparent; /*border-radius: 37px;*/ } .productListContainer li article .productBuy .button.select { background-color: #08b1cb; } .productListContainer li article .productBuy .button.select:hover { background-color: #0c8496; } .productListContainer li article .productBuy .button.jsAddOk::after { background-color: #34a811; border-radius: 100%; font-size:12px; font-weight: 200; line-height: 22px !important; } .productListContainer li article .productBuy .button.jsAddFail::after { background-color: #cc4c3f; border-radius: 100%; font-size: 1em; font-weight: 200; line-height: 32px !important; } .productListContainer li article .productBuy .button:hover, .productListContainer li article .productBuy .button:focus{ /*background-color: #358e2b;*/ } .productListContainer li article .productBuy .button:hover img, .productListContainer li article .productBuy .button:focus img { transform: rotate(-13deg); transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } .productListContainer li article .productBuy .button img { max-width: 30px; height: 37px; /*filter: brightness(.2) invert(.8) sepia(.8) hue-rotate(42deg) saturate(167%);*/} .productListContainer li article .productBuy .button i { margin-right: 1px; color: #a2e9f4; } .productListContainer li article .bottom-facts { font-size: .8em; font-weight: 600; position: absolute; width: 100%; bottom: 7px; left: 0; text-align: center; } .productListContainer li article .lowStock, .productListContainer li article .instock, .productListContainer li article .unavailable, .productListContainer li article .delivery-time { display: inline-block; /*margin-right: 12px;*/ vertical-align: bottom; } .productListContainer li article .delivery-time span::before { display: inline; content: '\f017'; font-family: FontAwesome; padding-right: 2px; color: #0e80b0; } .productListContainer li article h3 a { padding-top: 182px; } .productListContainer li article .productPrice { bottom: 35px; font-size: 1em;} .productListContainer li article .stockstat { position: absolute; bottom: 10px; left: 3px; font-size: .8em; font-weight: 600; height: 40px; display: flex; flex-direction: column; justify-content: center; } .productListContainer li article .stockstat span { display: inline-block; vertical-align: middle; } .productListContainer li article .stockstat .exsStock .span1 { /*font-size: .8em;*/ display: inline-block; } .productListContainer li article .stockstat .exsStock .span2 { display: block; padding-left: 18px; } .productListContainer li article .productBuy { position: absolute; height: 40px; bottom: 22px; right: 15px; display: flex; flex-direction: column; justify-content: center;} .productListContainer li article h3 a span { padding: 0 5px; } .productListContainer li article .catProdImage { height: 160px; max-width: 100%; position: relative; } .productListContainer li article .catProdImage img { max-height: 180px; position: absolute; top: 0; left: 0; right: 0; /*bottom: 0;*/ margin: auto; /*transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;*/ } .productListContainer li article .subscriptionSpot { background-color: #333; border-radius: 2px; bottom: 10px; color: #fff; font-size: 0.8em; left: 50%; margin-left: -47px; padding: 4px 10px; position: absolute; line-height: 13px; } .productListContainer li article .button-confirm { padding: 3px 20px !important; } .productListContainer li article .button-confirm-black { padding: 3px 10px !important; width: 50px; } .productListContainer li article .button:active, .productListContainer li article .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; } /* Big product */ .productListContainer li.bigProduct { float: left; } .productListContainer li.bigProduct article { height: 360px; } .productListContainer li.bigProduct article h3 a span { height: 60px; line-height: 27px; } .productListContainer li.bigProduct article .rating { bottom: 35%; } .productListContainer ul [class~='bigProduct']:nth-child(even) { float: right; } /* Product list container (category-view) with Flexslider */ .productListContainer .flexslider { margin: 0; border: 1px; overflow: hidden; } .productListContainer .flexslider .slides img { width: auto; } .productListContainer .flexslider .flex-control-nav { display: none; } .productListContainer .flexslider li article { position: relative; background-color: #fff; border: 1px dashed #e4e4e4; height: 378px; } .productListContainer .flexslider .slides > li { height: 325px; } .productListContainer .flexslider li article .rating { bottom: 70%; left: 57%; } .productListContainer .flexslider .catProdImage { float: left; width: 50%; height: 372px; background-color: #fff; } .productListContainer .flexslider article { float: left; width: 49%; padding-left: 12px; } .productListContainer .flexslider article h3 { position: relative; } .productListContainer .flexslider article h3 a { padding-top: 10px; font-size: 1.4em; } .productListContainer .flexslider article h3 a span { line-height: 1.2em; text-align: left; height: 65px; } .productListContainer .flexslider article .button-confirm-black { background-color: #dcdcdc;} #cashierProducts { display: none; } #cashierProducts .productListContainerSmall .listProduct { width: 100%; display: block; } #cashierProducts .productListContainerSmall .priceOld { display: none; } .productListContainerSmall [class*='grid-'] { position: relative;} .productListContainerSmall .listProduct { width: 100%; display: block; } .productListContainerSmall h3 { margin: 0; } .productListContainerSmall li article { position: relative; outline: 3px solid #efefef; /*background-color: #fafafa;*/ border: 3px solid #fff; padding-left: 100px; } .productListContainerSmall li:hover article { position: relative; outline: 3px solid #dbdbdb; border: 3px solid #fff; } .productListContainerSmall li article::after { content: ""; display: table; clear: both; } .productListContainerSmall .ribbon-wrap { display: none; } .productListContainerSmall li .catProdImage { height: 70px; width: 70px; position: absolute; left: 9px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); /*border-radius: 100%; border: 1px solid #dbdbdb;*/ overflow: hidden; background-color: #fff;} .productListContainerSmall li .catProdImage img { max-height: 100px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .productListContainerSmall li .catProdImage .spotSale { font-size: .8em; height: 40px; line-height: 35px; width: 40px; padding: 0; transform: scale(.8); left: -2px; top: -1px; } .productListContainerSmall li .button-confirm { width: 110px; font-size: .8em; } .productListContainerSmall li .button-confirm-black { width: 100%; font-weight: 500; } .productListContainerSmall li article .productBuy .button { background-color: #34a811; /*text-align: center; max-height: 0; overflow: hidden;*/ opacity:1; transition: all .1s ease; -webkit-transition: all .1s ease; padding: 4px 0 !important; font-size: 1em; bottom: 6px; right: 5px; border-radius: 100%; width: 30px; height: 30px;} .productListContainerSmall li article .productBuy .button.jsAddOk::after { background-color: #34a811; border-radius: 100%; font-size: 1em; font-weight: 200; line-height: 32px !important; } .productListContainerSmall li article .productBuy .button img { max-width: 20px; } #productInfo .productListContainerSmall .productBuy input.quant { width: 50px; height: 31px; /* vertical-align: middle; */ /* line-height: 30px; */ /* display: inline-block; */ position: absolute; bottom: 6px; right: 125px; z-index: 11; } .productListContainerSmall li article .instock, .productListContainerSmall li article .unavailable, .productListContainerSmall li article .orderitem, .productListContainerSmall li article .lowStock { position: absolute; bottom: 8px; font-size: .8em; } .productListContainerSmall li article .lowStock {color: #ff4300;} .productListContainerSmall li article .instock::before { font-size: 13px; vertical-align: middle; } .productListContainerSmall li:hover .productBuy .button, .productListContainerSmall li .productBuy .button:focus { /*text-align: center; margin-top: 0px; max-height: 100px; overflow: none; padding: 3px 10px !important;*/ } .productListContainerSmall li article h3 { height: 16px; padding: 10px 10px 0 0; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .productListContainerSmall li article h3 a { display: block; height: 100%; padding-top: 0; position: absolute; left: 0; width: 100%; z-index: 2; margin-top: -20px; } .productListContainerSmall li article h3 a span { display: block; font-weight: 600; height: 75px; left: 0; overflow: hidden; width: 100%; padding-right: 25px; position: absolute; padding-left: 100px; } .productListContainerSmall li article .h3spacer { display: none;} .productListContainerSmall li article .rating { display: none; } .productListContainerSmall li article .rating li { font-size: 1.3em; } .productListContainerSmall li article .productPrice { font-size: 1.1em; font-weight: 600; height: 30px; min-height: 30px; text-align: left; /*width: 40%;*/ } .productListContainerSmall li article .priceNew, .productListContainerSmall li article .priceOld { display: inline-block; *display: inline; zoom: 1; } .productListContainerSmall li article .priceOld { margin-right: 10px; text-decoration: line-through;} .productListContainerSmall li article .productPrice .installmentCost { display: none; font-size: .6em; height: 15px; font-weight: normal; padding-top: 3px; color: #666; } .productListContainerSmall li article .productBuy { float: right; min-height: 30px; text-align: right; width: 60%; } .productListContainerSmall li article .bottom-facts { font-size: .7em; font-weight: 600; } .reviewPage ul { margin: 10px 5px 10px 0px; } .padFix { padding: 0 5px; } .pReview { position: relative; padding: 10px 0px 10px 15px !important; } /*.lRevGrade { position: absolute; right: 37px; top: 17px; }*/ .productReviewWrite { background-color: #f7f7f7; margin-top: 5px !important; } #divAllReviews {} #prodLatestReviews {} #footerReviews { background-color: transparent; } #prodLatestReviews .lRev, #footerReviews .lRev { background-color: rgba(0,0,0,.02); padding: 10px; } #prodLatestReviews .lRevName h3, #footerReviews .lRevName h3 { height: 20px; overflow: hidden; font-size: .9em; color: #848484; } #prodLatestReviews .lRevGrade, #footerReviews .lRevGrade { font-size: .7em; padding-top: 4px; } #prodLatestReviews .lRevText, #footerReviews .lRevText { line-height: 1.3em; position: relative; padding: 5px 10px 5px 0; } #prodLatestReviews .lRevText::before, #footerReviews .lRevText::before { font-family: FontAwesome; content: "\f10d"; left: -35px; top: -22px; color: rgba(0, 0, 0, 0.1); position: absolute; font-size: 1.5em; } #prodLatestReviews .lRevDate, #footerReviews .lRevDate { font-size: .7em; color: #8f8f8f; } #jsShowMoreRev {margin-bottom: 13px; font-size: 1em; background-color: #fff; color: #000; padding: 7px 17px; border: 1px solid #ccc; border-radius: 35px; } #jsShowMoreRev i { font-size: .8em; } #jsShowMoreRev:hover, #jsShowMoreRev:focus{ cursor: pointer; background-color: #f7f7f7; } #productReviewBtn { margin: 20px 0; } #jsRevWriteBtn {margin-bottom: 13px; font-size: 1em; background-color: #fff; color: #000; padding: 7px 17px; border: 1px solid #ccc; border-radius: 35px; } #jsRevWriteBtn i { font-size: .8em; } #jsRevWriteBtn:hover, #jsRevWriteBtn:focus{ cursor: pointer; background-color: #f7f7f7; } #prodSellMore { } #prodSellMore .grid-d-15 { width: 50%; margin-top: -5px; } #speci { padding-top: 27px; margin-bottom: 20px;} #prodRelCat { } #prodRelCat li { display: inline-block;} #prodRelCat li:first-child { margin-left: 0; } #prodRelCat li a { display: block; color: #2c2c2c; font-size: .9em; background-color: #ccc; padding: 4px 10px; margin: 4px; border-radius: 7px; } #prodRelCat li a:hover, #prodRelCat li a:focus { color: #fff; background-color: #333;} #prodRelCat li 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; } #jsShowMoreCat { text-align: center; background-color: transparent!important; } #jsShowMoreCat span {margin-bottom: 13px; font-size: 1em; background-color: #fff; color: #000; padding: 7px 17px; border: 1px solid #ccc; border-radius: 35px; } #jsShowMoreCat span i { font-size: .8em; } #jsShowMoreCat span:hover, #jsShowMoreCat span:focus{ cursor: pointer; background-color: #f7f7f7; } #jsShowMoreCat.active_button { margin-top: 0; } #jsShowMoreCat:hover button, #jsShowMoreCat:hover #cpToggle button:focus { outline: 0;} #jsShowMoreCat:hover {} #prodFunctions { top: 0px; position: absolute; right: 0px; text-align: right; } #divTellAFriend { background-color: #f7f7f7; } #subscriptionText {} #productEmail {} #wishList {} /* Reviews */ .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; } /* Rating */ .rating li { position: relative; width: .9em; color: #e5e5e5; font-size: 1.6em; line-height: .9em; vertical-align: bottom; display: inline-block; *display: inline; zoom: 1; } .rating.grade-1 li:nth-child(-n+1){ color: #35cb08; } .rating.grade-2 li:nth-child(-n+2){ color: #35cb08; } .rating.grade-3 li:nth-child(-n+3){ color: #35cb08; } .rating.grade-4 li:nth-child(-n+4){ color: #35cb08; } .rating.grade-5 li:nth-child(-n+5){ color: #35cb08; } /* Swipe/Slider */ .swipe-wrap { overflow: hidden; position: relative; } .swipe-wrap > div { float: left; width: 100%; position: relative; overflow: hidden; } .swipe .nav { position: absolute; width: 80px; height: 38px; z-index: 10; text-align: center; line-height: 40px; color: #fff; top: 45%; cursor: pointer; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); display: inline-block; *display: inline; zoom: 1; } .swipe .nav.next { right: 0; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .swipe .nav.prev { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } #sliderPosNav1 ul { list-style:none; margin:0; padding: 0; margin-top: 12px;} #sliderPosNav1 li { padding-left: 0 !important; } #sliderPosNav1 li.active {} #sliderPosNav { max-height: 500px; overflow: auto; } #sliderPosNav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } #sliderPosNav::-webkit-scrollbar { width: 4px; background-color: #F5F5F5; } #sliderPosNav::-webkit-scrollbar-thumb { background-color: #808080; } #sliderPosNav.thumbs li a:hover { border-color: #dddddd; } #sliderPosNav.thumbs li { text-align: center; height: 75px; padding: 3px; margin-bottom: 5px; } #sliderPosNav.thumbs li a { display: table; width: 100%; height: 100%; border: 1px solid #f5f5f5; background-color: #fff; } #sliderPosNav.thumbs li img { max-height: 60px; width: auto; vertical-align: middle; -webkit-animation: fadein .8s; -moz-animation: fadein .8s; -ms-animation: fadein .8s; -o-animation: fadein .8s; animation: fadein .8s; } #sliderPosNav.thumbs li a div { display: table-cell; vertical-align: middle; } /* kund-3599 */ .listProduct .instock::before { padding-right: 6px; } .listProduct .instock span { padding-bottom: 3px; } .instock::before { padding-bottom: 3px; } /* kund-3599, Design steg 4*/ @media (min-width: 900px) { .listProduct .instock span { padding-bottom: 5px; } .instock::before { padding-bottom: 5px;} } #prodPageForm .instock::before { padding-right: 2px; } /* on android phones, '\25CF has a different size, known "bug", changed the dot char to \2022, and increased size tp 30px*/ .instock::before, .orderitem::before, .unavailable::before, .exsStock::before{ font-size: 34px; vertical-align: initial; /*line-height: 21px;*/ font-family: FontAwesome; vertical-align: middle;} .instock:not(.few)::before { content: '\2022'; font-family: FontAwesome; display: inline; color: #59b94d;} .orderitem::before { content: '\2022'; font-family: FontAwesome; display: inline; color: #e6c937; } .unavailable::before { content: '\2022'; font-family: FontAwesome; display: inline; color: #d82f2f; } .lowStock::before { content: '\f06d'; font-family: FontAwesome; display: inline; color: #f9941d; } .exsStock::before { content: '\25CF'; font-family: FontAwesome; display: inline; color: #f9941d; } #productBuyArea .instock.few { height: 39px; vertical-align: middle; line-height: 39px; } #productBuyArea .instock.few svg { width: 14px; height: 14px; fill: #ed6700; position: relative; top: 1px; } .priceRegular { color: #272a25; } .priceNew { color: #e90601; display: block; } .priceOld { color: #878787; display: block; font-size: .8em; text-decoration: line-through; font-weight: 500; } .yousave { display: block; font-size: .8em; font-weight: 500; color: #878787; text-align: center; } .cashierProducts .summary { margin: 10px 0; } .cashier-form { display: block; overflow:hidden; } .cashier-form table { clear:both; border-collapse: collapse; table-layout: fixed; width: 100%; white-space: nowrap; word-wrap: break-word; text-align: left; } .cashier-form table td { white-space: normal; text-overflow: ellipsis; } .cashier-form table tr.cashierRow { border-bottom: 1px solid #e6e6e6; } .cashier-form table tr.cashierRow th, .cashier-form table tr.cashierRow td { padding: 10px 0; vertical-align: middle;} .cashier-form .col_1 {width: 10%;} .cashier-form .col_2 {width: 32%;} .cashier-form .col_3 {width: 22%;} .cashier-form .col_4 {width: 15%;} .cashier-form .col_5 {width: 15%;} .cashier-form .col_6 {width: 5%;} .cashier-form td.tableImage { text-align: center; font-size: .5em; vertical-align: top !important; } .cashier-form td.tableImage a { display: block; } .cashier-form td.tableInfo { padding: 0 5px; } .cashier-form td.tableInfo .name { font-weight: 600; font-size: .9em; width: 100%; padding: 0 10px; } .cashier-form td.tableInfo .name a { display: block; padding: 0 0 3px 0; } .cashier-form td.tableInfo .prodno { font-weight: 400; padding: 7px 0px; font-size: .85em; } .cashier-form td.tableAdjust { text-align: center; } .cashier-form td.tablePrice { display: none; text-align: right; font-weight: 600; } .cashier-form td.tableTotal { text-align: right; font-weight: 600; font-size: 0.9em;} .cashier-form td.tableRemove { display: none; text-align: center; } .cashier-form td.tableRemove button { cursor: pointer; font-size: 1.2em; color: #ccc; background-color: transparent; border: 0; } .cashier-form td.tableRemove button:hover, .cashier-form td.tableRemove button:focus { color: #e05709; } .cashier-form td.tableRemove button:active { color: #e05709; } .cashier-form tr.vat th, .cashier-form tr.vat td, .cashier-form tr.total th, .cashier-form tr.total td { padding: 3px 0; vertical-align: top; font-size: .9em;} .cashierProducts tr.total { padding: 10px 0; font-weight: bold; border-bottom: 0; font-size: 1.5em; color: #000; } .cashierProducts tr.vat { color: #c1c1c1; } .cashier-form tr.freight .freefreightlimit {font-size: .9em; color: #858585; font-weight: 600;} .cashier-form tr.freight .freefreightlimit .limit {color: #000; font-weight: 600; } .cashier-form tr.freight td { vertical-align: top; } .cashierProducts .greyColor, .cashierProducts .greyColor .name { color: #777777; font-weight: normal; } .cashierProducts .discount { padding: 10px 0; font-size: 15px;} .cashier-form .cartQtyWrapper .cartQty { margin: 0 3px; padding: 2px; text-align: center; width: 35px; display: -moz-inline-stack; display: inline-block; zoom: 1; font-size: 16px; } .cashier-form .cartQtyWrapper .cartMinus, .cashier-form .cartQtyWrapper .cartPlus { display: -moz-inline-stack; display: inline-block; zoom: 1; } .cashier-form .cartPlus button, .cashier-form .cartMinus button { color: #fff; font-size: .6em; height: 25px; width: 20px; background-color: #b9b9b9; border: 0; cursor: pointer; vertical-align: middle; } .cashier-form .cartPlus button:focus, .cashier-form .cartMinus button:focus, .cashier-form .cartPlus button:hover, .cashier-form .cartMinus button:hover { color: #000; } .cashier-form .cartPlus button:active, .cashier-form .cartMinus button:active, .cashier-form .cartPlus button:active, .cashier-form .cartMinus button:active { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } .cashier-form .specialFlow_1 { float: right; } .cashier-form .specialFlow_2 { float: left; /*background-color: #e4e4e4;*/ } /* KUND-3599, design steg 4*/ @media screen and (max-width: 900px) { .cashierProducts .cashierRow .tableInfo .name { font-weight: 400; font-size: .8em; } .cashierProducts .cashierRow .tableInfo .name a { font-weight: 600; font-size: .9em; } } div#stop_times { background-color: #d1f1ef; font-size: .9em; padding: 2px 5px 9px 4px; border-radius: 8px; top: 0; margin-top: 10px; } div#stop_times::after { right: 100%; top: 17px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(209, 241, 239, 0); border-right-color: #d1f1ef; border-width: 7px; margin-top: -7px; } div#stop_times caption { text-align: center; font-size: .9em; font-weight: 600; border-bottom: 1px solid #9fd8d4; padding-bottom: 3px; margin-bottom: 4px; } div#stop_times table { margin: 5px 0; font-size: .9em; } @media (min-width: 900px) { div#stop_times { position: absolute; right: -12px; width: 210px; top: 10px; margin-top: 0; } } /* Category page */ #categoryContent {} #categoryPage .flexslider { min-height: auto; } #categoryHeader h1 , #categoryPage h1{ text-align: center; color: white; background-color: #30392d; padding: 10px; border-radius: 7px; } #categoryHeader h1:first-letter { text-transform: none; } #categoryBigImage img { object-fit: contain; width: 100%; min-height: 300px; height: auto; } .bigImageCat img:first-child { display: none; } .bigImagePage img:first-child { display: none; } /* Sub categories */ .categories {} .categories.slim li { padding: 1px; display: inline-block; *display: inline; zoom: 1; } .categories.slim li a { font-weight: 700; display: block; padding: 8px 5px; background-color: #fff; border: 2px solid #c6c6c6; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; font-size: 1em; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .categories.slim li a:hover, .categories.slim li a:focus { background-color: #a6ddf5; color: #000; -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; outline: 1px solid #3bbcf6; outline-offset: 1px; } .categories.slim li a.active { border: 2px solid #3bbcf6; background-color: #3bbcf6; color: #fff; } .categories.slim li .count { background-color: #e3e3e3; border-radius: 10px; color: #818181; margin-bottom: 7px; margin-top: 8px; padding: 4px 8px; vertical-align: top; font-size: 0.7em; text-align: center; display: inline-block; *display: inline; zoom: 1; } .categories.slim li .catProdImage { height: 65px; } /* Categories - big (image and text) */ .categories.big > ul { display:flex; flex-wrap:wrap; } .categories.big > ul > li { vertical-align: top; display: inline-block; *display: inline; zoom: 1; width: 50%; padding: 5px; background: transparent; } .categories.big > ul > li:hover .inner { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); outline: 1px solid #e6e6e6; } .categories.big ul li .inner { background-color: #fff; padding: 8px 12px; height:100%; outline: 1px solid #f3f3f3; } .categories.big ul li a { display: block; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; } .categories.big ul li a:hover, .categories.big ul li a:focus { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out;} .categories.big .catCTA { text-align: center; background-color: #35cb08; color: #fff; padding: 6px; margin-top: 10px; } .categories.big ul li a.active { background-color: #555555; color: #fff; } .categories.big .catImage { height: 130px; line-height: 130px; text-align: center; margin-bottom: 10px; } .categories.big .catImage img { max-height: 130px; vertical-align: middle;} .categories.big .catText { display: block; text-align: center; padding: 4px 0; font-weight: 600; } .categories.big .subLinks ul { text-align: left; margin-top: 5px; border-top: 1px solid #efefef; padding-top: 7px; } .categories.big .subLinks ul li { display: block; position: relative; padding-left: 20px; border: 0; margin-bottom: 6px; } .categories.big .subLinks ul li a { display: block; padding: 2px 0; text-transform: none; } .categories.big .subLinks ul li a:hover, .categories.big .subLinks ul li a:focus { background-color: #f7f7f7; -webkit-animation: none; -moz-animation: none; animation: none; padding-left: 10px; } .categories.big .subLinks ul li a::after { font-family: FontAwesome; content: "\f054"; left: 6px; top: 6px; color: #e39614; position: absolute; font-size: .8em; } /* Paging */ .paging-sort { padding: 4px !important; margin-left: -5px; } .paging-sort .onlyBig { padding-top: 6px; } .paging-sort label { margin-right: 10px; } .paging-sort input[type="radio"] { margin-top: -1px; vertical-align: middle; } .pagination { text-align: center; } .pagination .dots { display: inline-block; padding: 0 5px; } #paging-count { font-size: .8em; text-align: center; color:#777; padding: 5px 0; } #paging {} #paging select, div[id*='paging'] select { height: 40px; padding: 0 10px; width: 100%; text-transform: uppercase; font-size: .9em; } #paging::after, div[id*='paging']::after { content:''; display:block; clear: both; } #paging .paging-list, div[id*='paging'] .paging-list { text-align: center; padding-right: 0; justify-content: center; line-height: 300%; } #paging .paging-list li, div[id*='paging'] .paging-list li { margin-left: .5em; display: inline-block; *display: inline; zoom: 1; } #paging .paging-list li:first-child, div[id*='paging'] .paging-list li:first-child { margin-left: 0; } #paging .paging-list li a i, div[id*='paging'] .paging-list li a i { vertical-align: middle; } #paging .paging-list li.active span, div[id*='paging'] .paging-list li.active span { display: block; border-radius: 7px; background-color: #ddd; color: #000; height: 35px; line-height: 35px; text-align: center; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; width: 35px; } /* Filter */ #attributes { position: relative; display: block; } #attributes .styled-select { border: 0; background-color: #f9f9f9; } #attributes label { font-weight: 600; font-size: .9em; text-align: center; } #attributes .col .filterSign { } .resetFilter { margin-left: 20px; display: inline; } /* Contact/FAQ-page */ #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: '\f054'; font-family: FontAwesome; display: inline; font-size: .8em; padding-right: 9px; } #contactPage p img:first-child { display: none; } /* Tab set / "Accordion" */ #aTabs {} ul.tabs { /*display: none;*/ background-color: #f5f5f5; overflow: auto; } ul.tabs li { color: #333; cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 10px 19px; position: relative; background-color: #f2f2f2; text-transform: uppercase; } ul.tabs li i { color: #626262; display: block; font-size: 1.5em; padding-bottom: 5px; text-align: center; } ul.tabs li:hover, ul.tabs li:hover i { background-color: #e8e8e8; color: #333;} ul.tabs li.active, ul.tabs li.active:hover, ul.tabs li.active:hover i { background-color: #3e3d40; } ul.tabs li.active i, ul.tabs li.active a { color: #fff; } ul.tabs a:focus { outline: none; /*background-color: #ff9f00;*/ } .tab_container { border: 1px solid #e5e5e5; clear: both; float: left; overflow: auto; width: 100%; } .tab_container h2 { margin-top: 5px; } .tab_content { padding: 8px; position: relative; background-color: #fff; border-bottom: 1px dotted #b2b2b2; } .tab_content label { height: 30px; line-height: 26px; vertical-align: middle; } ul.tabs li.active::after { bottom: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(246, 246, 246, 0); border-bottom-color: #f6f6f6; border-width: 7px; margin-left: -10px; } .tab_drawer_heading { display: none; } /*@media screen and (max-width: 720px) {*/ @media screen and (max-width: 900px) { .tabs { display: none; } .tab_drawer_heading { -moz-user-select: none; border-bottom: 1px solid #e5e5e5; color: #333; cursor: pointer; display: block; height: 46px; line-height: 45px; padding: 0 10px; position: relative; text-transform: uppercase; } .tab_drawer_heading::after { content: "\f107"; font-family: FontAwesome; font-weight: 500; position: absolute; right: 11px; color: #818181; font-size: 1.4em; } .tab_drawer_heading.d_active { border-bottom: 0 none; } .tab_drawer_heading.d_active::after { content: "\f106"; color: #333; } .tab_drawer_heading:hover::after { color: #44ca87; } .tab_drawer_heading:hover, .tab_drawer_heading:hover i { color: #333; background-color: #f4f4f4; } .tab_drawer_heading i { color: #626262; text-align: center; width: 20px; margin-right: 7px; } .d_active, .d_active i, .d_active:hover, .d_active:hover i { color: #333; } .tab_container { clear: both; float: left; overflow: auto; width: 100%; } .tab_content { border-top: none; } .tab_content::after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(246, 246, 246, 0); border-bottom-color: #f6f6f6; border-width: 7px; margin-left: -10px; } } /* Form row */ .formRow { display: block; margin: 0; } .formRow::after { content:''; display:block; clear: both; } .formRow label { display: block; margin: 3px 0; } .formRow input[type="text"], .formRow input[type="password"], .formRow input[type="email"], textarea { padding: 10px 3px;} .formRow select { background-color:#fff; } .formRow .left { float: left; } .formRow .right { float: left; } #prodSimilarsSmall { position: relative;} #prodSimilarsSmall { /*overflow: auto;*/ } #prodSimilarsSmall h2 { font-size: 1.1em; padding: 0 0 4px 0; text-transform: none; font-weight: 600; text-align: center; margin-bottom: 0;} #prodSimilarsSmall .instock, #prodSimilarsSmall .unavailable, #prodSimilarsSmall .lowStock { display: none; } #prodSimilarsSmall .productPrice { height: auto; min-height: auto; } #prodSimilarsSmall article h3 { font-size: .9em; } .count input { border-radius: 2px; text-align: center; padding: 2px; } input[type="radio"].styled:checked { background-color: #35cb06; border: 1px solid #35cb06; } input[type="radio"].styled::before { content: '\f00c'; color: white; font-size: 10px; margin-left: -1px; font-family: FontAwesome; } input[type="radio"].styled { float: left; width: 19px; height: 19px; line-height: 14px; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; text-align: center; outline: none; border-radius: 10px; border: 1px solid #e6e6e6; background-color: white; } /* Popup - Notify */ #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; } /* NEW NOT POPUP */ #notifyPopupPane { margin: 0; background-color: #fff; padding: 10px; } #notifyPopupPane h3 { font-weight: bold; } #notifyPopupPane #notifyPopupPaneButtonBar { text-align: left; margin-top:10px; } #notifyPopupPane #notifyPopupPaneButtonBar .button { width: 48%; margin-bottom: 10px; padding: 5px 10px !important; font-size: 1em; } /* Target: 500- */ @media only screen 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; } /* transparencyLayer */ #transparencyLayer { width: 100%; height: 100%; position:fixed; /*z-index: 4000;*/ z-index: 100; background-color: rgba(0,0,0, .6); display: none; top: 0; } /* ajaxPopupWindow */ #ajaxPopupWindow { 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: 90%; max-width: 700px; min-width: 300px; max-height: 50%; overflow-y: auto; overflow-x: hidden; } #ajaxPopupClose { border: 1px solid #dbdbdb; background-color: #fff; border-radius: 100%; height: 30px; line-height: 30px; position: absolute; right: 2px; text-align: center; top: 2px; width: 30px; z-index: 10000; cursor: pointer; } #ajaxPopupClose:hover::after, #ajaxPopupClose:focus::after{ color: #000; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #ajaxPopupClose::after { color: #767676; content: "\f00d"; font-family: FontAwesome; font-size: 1.2em; height: 100%; left: 0; line-height: 27px; position: absolute; top: 0; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; width: 100%; cursor: pointer; } .ajaxPopupHeader { font-weight: 500; margin-bottom: 5px; margin-top: 5px; text-align: center; text-transform: uppercase; } .ajaxPopupContent { padding:5px; overflow: auto; } .ajaxPopupContent table { width: 100% !important; } .ajaxPopupContent td, .ajaxPopupContent th { padding: 5px; font-size: .9em; } #ajaxPopupProductInfo { display: none; position: fixed; background-color: #fff; padding: 10px; top: 20%; right: 0; left: 0; margin-right: auto; margin-left: auto; min-height: 10em; width: 100%; max-width: 1080px; min-width: 300px; max-height: 60%; overflow-y: auto; overflow-x: hidden; } #ajaxPopupProductInfo:focus { outline: none; } #ajaxPopupProductInfo .col2 { padding-left: 20px; } /* ajaxPopupNotify */ #ajaxPopupNotify { 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; } .ajaxPopupContent p:first-child { padding:0; margin:0; } .horizontalScroll { display: grid; grid-template-columns: unset !important; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; grid-auto-flow: column; grid-auto-columns: 50%; padding: 1rem 1rem; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scroll-padding-inline: 1rem; background-color: #f7f7f7; } .horizontalScroll * > {scroll-snap-align: start;} .productListContainer .horizontalScroll li.listProduct { width: auto; max-width: 300px; } @media screen and (min-width: 900px) { .horizontalScroll { grid-auto-columns: 36%; } } #slideUp { display: none; position:fixed; background-color: #fff; /*padding:10px;*/ top: 50%; transform: translateY(-50%); right: 0; left: 0; margin-right: auto; margin-left: auto; min-height: 10em; width: 90%; max-width: 900px; min-width: 300px; max-height: 70%; overflow-y: auto; overflow-x: hidden; } #slideUp h3.popupHeader { text-align: center; padding: 10px 0; font-size: .8em; display: flex; margin-left: 20px; color: #35cb08; flex-wrap: wrap; } #slideUp h3.popupHeader .popupProdName { max-width: 254px; overflow: hidden; text-overflow: ellipsis; display: block; max-height: 18px; white-space: nowrap; color: black; margin-right: 5px; } #slideUp .cashier-button { text-align: center; margin: 20px 0; display: flex; justify-content: space-around; align-items: center; padding: 0 15px; } #slideUp .popupName { flex-basis: 66%; height: 100%; padding: 10px; overflow: hidden; text-overflow: ellipsis; border-radius: 0; font-size: .7em; font-weight: bold; text-align: left; } #slideUp #ajaxPopupClose { top: 7px; right: 8px; } #slideUp .popupscroller { cursor: grab; position: relative; scrollbar-color: #201c29; scrollbar-width: 10px; scrollbar-gutter: always; padding: 9px 1rem 8px 1rem; /*display: -webkit-box; display: -ms-flexbox; display: flex;*/ -webkit-overflow-scrolling: touch; } #slideUp .popupscroller { /*position: relative;*/ overflow-x: auto; overscroll-behavior-inline: contain;scroll-snap-type: inline mandatory;scroll-padding-inline: 1rem;} #slideUp .popupscroller * > {scroll-snap-align: start;} #slideUp .popupscroller::-webkit-scrollbar { background-color:transparent; width: 6px; height: 10px; } #slideUp .popupscroller::-webkit-scrollbar-track { background-color:transparent; } #slideUp .popupscroller::-webkit-scrollbar-track:hover { background-color:#f4f4f4 } #slideUp .popupscroller::-webkit-scrollbar-thumb { background-color:#babac0; border-radius:16px; border:2px solid #fff; } #slideUp .popupscroller::-webkit-scrollbar-thumb:hover { background-color:#a0a0a5; border:2px solid #f4f4f4 } #slideUp .popupscroller::-webkit-scrollbar-button {display:none} @media (min-width: 900px) { #slideUp #ajaxPopupClose { top: 15px; right: 15px; } #slideUp h3.popupHeader { text-align: center; padding: 15px 0; font-size: 1em; } #slideUp .popupscroller { padding: 28px 3rem 2rem 2rem; } #slideUp h3.popupHeader .popupProdName { max-width: 500px; } #slideUp .popupName { font-size: .9em; } } #ajaxPopupClose { border: 1px solid #dbdbdb; background-color: #fff; border-radius: 100%; height: 30px; line-height: 30px; position: absolute; right: 2px; text-align: center; top: 2px; width: 30px; z-index: 10000; cursor: pointer; } #ajaxPopupClose:hover::after, #ajaxPopupClose:focus::after{ color: #000; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #ajaxPopupClose::after { color: #767676; content: "\f00d"; font-family: FontAwesome; font-size: 1.2em; height: 100%; left: 0; line-height: 27px; position: absolute; top: 0; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; width: 100%; cursor: pointer; } /* Ajax loader */ #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; } .loader { position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px; border-radius: 50%; perspective: 800px; background-color: rgba(103, 204, 102, 0); /*border: 3px solid #67cc66;*/ } .loader { position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px; border-radius: 50%; perspective: 800px; background-color: rgba(103, 204, 102, 0); /*border: 3px solid #67cc66;*/ } .loader .inner { position: absolute; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; } .loader .inner.one { left: 0%; top: 0%; animation: rotate-one 1s linear infinite; border-bottom: 5px solid #35cb08; } .loader .inner.two { right: 0%; top: 0%; animation: rotate-two 1s linear infinite; border-right: 5px solid #35cb08; } .loader .inner.three { right: 0%; bottom: 0%; animation: rotate-three 1s linear infinite; border-top: 5px solid #35cb08; } @keyframes rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @keyframes rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @keyframes rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } #ajaxLoaderSmall { left: -32px; padding-left: 10px; padding-top: 1px; position: absolute; top: 12px; } #jsCashierForm { /*font-weight: 700;*/ height: 70px; padding: 20px !important; background-color: #67cc66; width: 80%; box-shadow: 0 2px 0 #4fac4e; margin: 20px 0 25px; font-size: 1.8em; } .spinner { margin: 100px auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #333; border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* Widths em */ .w_9em {width:.9em;} .w2em {width:2em;} .w3em {width:3em;} .w4em {width:4em;} .w5em {width:5em;} .w6em {width:6em;} .w7em {width:7em;} .w8em {width:8em;} .w9em {width:9em;} .w10em {width:10em;} .w19em {width:1.9em;} .w12em {width:12em;} .w13em {width:13em;} .w14em {width:14em;} .w15em {width:15em;} .w16em {width:16em;} .w17em {width:17em;} .w18em {width:18em;} .w19em {width:19em;} .w20em {width:20em;}.w29em {width:29em;} .w22em {width:22em;} .w23em {width:23em;} .w24em {width:24em;} .w25em {width:25em;} .w30em {width:30em;} .w35em {width:35em;} .w40em {width:40em;}/* Widths % */ .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%;} /* Buttons: Same style for input, button and link */ .button { background-color: #eee; background-repeat: repeat-x; background-size: 100% auto; border-color: #c8c8c8 #c8c8c8 #bbb; border-style: solid; border-width: 1px; color: #fff !important; cursor: pointer; line-height: 24px; padding: 6px 10px !important; text-align: center; text-decoration: none; vertical-align: middle; text-shadow: none; border: 0; border-radius: 7px; -webkit-appearance: none; /*font-family: 'Lato', Trebuchet MS, sans-serif;*/ font-family: 'Quicksand','Trebuchet MS', 'Lato', Arial, sans-serif; outline:none; position: relative; z-index: 2; 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; } .button:active { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } .button.bigBuy { width: 100%; height: 50px; position: relative; overflow: hidden; font-size: 1.4em; transition: all .2s ease; -webkit-transition: all .2s ease; } .button.bigBuy a { padding-top: 15px !important; } .notifyme.button.bigBuy { background: #808080; } .button.button-confirm.jsAddOk::after { /*border-radius: 7px; background-color: #35cb08; 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%; */ border-radius: 7px; background-color: #35cb08; content: "\f00c"; font-family: FontAwesome; font-size: 1.5em; height: 20px; right: -5px; line-height: 32px; position: absolute; bottom: -11px; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; width: 20px; } .productListContainer li article .productBuy .button.button-confirm.jsAddOk::after { line-height: 36px; } .button.button-confirm.bigBuy.jsAddOk::after { border-radius: 7px; 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: #35cb08; } .button.button-confirm.jsAddFail::after { border-radius: 7px; 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 { border-radius: 7px; 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:focus:-moz-focus-inner, .button:active:-moz-focus-inner { border-color: #000; } .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 { background-color: #eee; border-color: #e1e1e1; background: none repeat scroll 0 center transparent; box-shadow: none; cursor: default; font-style: italic; text-shadow: none; } a.button { padding-bottom: 6px !important; padding-top: 6px !important; } input.button-confirm, button.button-confirm, a.button-confirm { background-size: 100% auto; color: #fff !important; /*background-color: #474747;*/ background-color: #35cb08; font-size: 1em; font-weight: 600; } 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: #363636;*/ background-color: #2c9e0a; /*-webkit-animation: none; -moz-animation: none; animation: none;*/ transition: all .2s ease; -webkit-transition: all .2s ease; } input.button-confirm:focus::-moz-focus-inner, input.button-confirm:active::-moz-focus-inner, button.button-confirm:focus::-moz-focus-inner, button.button-confirm:active::-moz-focus-inner, a.button-confirm:focus::-moz-focus-inner, a.button-confirm:active::-moz-focus-inner { border-color: white; } input.button-confirm.select, button.button-confirm.select, a.button-confirm.select { background-color: #08b1cb; } 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: #f1630e; border-color: #165b16; } input.button-confirm-black, button.button-confirm-black, a.button-confirm-black { background-size: 100% auto; background-color: gray; font-size: 1.03em; font-weight: 600; } a.button-confirm-black{ /*font-size: .85em;*/ } @-moz-document url-prefix() { .productListContainer li .button-confirm-black { padding-bottom: 4px !important; padding-top: 4px !important; } .productListContainer li a.button-confirm { padding-bottom: 4px !important; padding-top: 4px !important; } } 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: #515151; } input.button-confirm-black:focus:-moz-focus-inner, input.button-confirm-black:active:-moz-focus-inner, button.button-confirm-black:focus:-moz-focus-inner, button.button-confirm-black:active:-moz-focus-inner, a.button-confirm-black:focus:-moz-focus-inner, a.button-confirm-black:active:-moz-focus-inner { border-color: white; } 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: #f1630e; border-color: #000; } /* Medium button */ .mediumButton { background-color: #3e3d40; 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: #363636; } .mediumButton.dark { background-color: #636363;} .mediumButton.dark:hover, .mediumButton.dark:focus { color: #fff; background-color: #333;} /* Small button */ .smallButton { margin-left: 3px; display: inline-block; *display: inline; zoom: 1; } .smallButton a span { display: none; } .smallButton a { background-color: #f6f6f6; border-radius: 7px; display: block; height: 35px; line-height: 35px; text-align: center; width: 30px; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; font-size: .9em; } .smallButton a:hover, .smallButton a:focus { color: #fff; background-color: #363636; } .smallButton 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; } .smallButton a.wishList:hover, .smallButton a.wishList:focus { color: red; } .smallButton a.quest:hover, .smallButton a.quest:focus { color: #04c0b1; } /* Search suggest */ 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:#3e3d40; color: #fff; padding:5px; margin:0; font-size: 12px; text-align:left; } .suggest.tt-suggestion.tt-selectable > a { display: block; width: 100%; } /* Target: 480- */ @media only screen and (max-width : 480px) { input, select, textarea { border: 1px solid #ccc; font-family: inherit; font-size: 16px; } } /* Target: 600- */ @media only screen and (max-width : 600px) { } /* Target: 720+*/ /*@media (min-width: 720px) {*/ @media (min-width: 900px) { #mobilecheck { display: none; } #chooserBtn { background-color: #00afe4; width: 100%; margin-top: 0; } ul.customWidth .grid-d-15 { width: 33.33333%; } #countryChoose:focus, #countryChoose:hover{ outline: none; color: #000; } #topCurr { right: 0; position: absolute; vertical-align: middle; text-align: center; width: 90px; border-left: 1px solid #c1c1c1; border-right: none; -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#4b4b4b), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #4b4b4b, rgba(0, 0, 0, 0)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #4b4b4b, rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(bottom, #4b4b4b, rgba(0, 0, 0, 0)) 1 100%; border-image: linear-gradient(to top, #4b4b4b, rgba(0, 0, 0, 0)) 1 100%; display: block; height: 44px; } #topCurr:hover, #topCurr:focus{ background-color: #2b2b2c; } #topCurr > a { color: #fff; } #topCurr > a:focus, #topCurr > a:hover{ color: #fff; } #topCurr a > i:first-of-type { top: 13%; } #countryChoose:focus { background-color: #2b2b2c; } #countryChoose img:first-of-type{ top: 13%; } .doublediagonal, .fullWidth { /*background-color: #fff; BGFIX */ } #wrapper { padding: 0; margin-top: 145px; } .fadeout { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)) } .fullWidth { /*padding: 0 5px;*/ } .fullWidth::after { display: none; } h1.styled, h2.styled { /*border-bottom: none; margin-bottom: 0*/ } .onlyBig {display: block !important; } th.onlyBig, td.onlyBig{display: table-cell !important;} .onlySmall {display: none !important; } .yousave { text-align: left; } #footer {text-align: left;} #footer h4 {text-align: left; margin-bottom: 10px; padding: 10px 0} #footer ul.checked { margin-top: -15px; } #footer h4 { cursor: default; border: 0; padding: 0; float: none; margin-bottom: 12px;} #footerColumns h4::after { display: none; } #footerColumns .col1, #footerColumns .col2, #footerColumns .col3, #footerColumns .col4, #footerColumns .col5 {padding: 5px;} #footerColumns .col5 { float: right; padding-top: 36px; } #footer .footerText .specCont { border-top: 1px solid #1e2b1a; padding-top: 20px; } #footer .col5 img { max-width: 100%; } #footer .col4 { text-align: left;/* padding-top: 18px !important;*/ font-size: 1em; } #footer .col4 ul { margin-left: 0px !important; } #footerColumns .col3 { border: 0; } #ajaxNL .newsletter-field { width: 30%;} /* Breadcrumb */ #wrapper #breadcrumbs { display: block; } #breadcrumbs { font-size: .95em; } /* Category */ #categoryPage .flexslider { min-height: 150px;} .categories.slim li .count { width: auto; text-align: left; } .categories.big > ul > li { width: 20%; } /* Category product */ .productListContainer li:hover { box-shadow: 0px 2px 11px 2px #ccc; } .productListContainer li article { height: 380px; } .productListContainer li article .catProdImage { height: 270px; } .productListContainer li article h3 a { padding-top: 273px; } .productListContainer li article .catProdImage img { max-height: 270px; } .productListContainer li article .productPrice { bottom: 35px; /*text-align: center;*/ left: 15px; right: 0; } .productListContainer li article .delivery-time{ margin-right: 0px; display: inline-block; } .productListContainer li article .button-confirm-black { padding: 3px 20px !important;} /* kund 3599*/ .productListContainer li article .productBuy { bottom: 45px; } .productListContainer li article .productBuy .button { } /* Category product BIG */ .productListContainer li.bigProduct article .rating { bottom: 21.2%; right: 45%; width: 100px;} .productListContainer li.bigProduct article { height: 850px; } .productListContainer li.bigProduct article .catProdImage { height: 700px; } .productListContainer li.bigProduct article .catProdImage img { max-height: 700px; bottom: 0; } .productListContainer li.bigProduct article h3 a { padding-top: 715px; } .productListContainer li.bigProduct article h3 { font-size: 1.5em;} .productListContainer li.bigProduct article .productPrice { height: 2.5em; font-size: 1.6em; top: 750px; } .productListContainer ul [class~='bigProduct']:nth-child(even) { float: right; } .productListContainer li article .stockstat {bottom: 35px; left: 128px; } .productListContainer li article .stockstat .exsStock .span1 { /*font-size: .8em;*/ display: inline-block; } .productListContainer li article .stockstat .exsStock .span2 { display: inline-block; padding-left: 5px; } #vatContainer .vatInner { margin: 0; } #prodSimilarsSmall { padding: 0; margin-top: 20px;} #prodSimilarsSmall ul li:nth-child(1n+3) { display: block; } } /* } Target: 1024px+ */ @media only screen and (min-width: 1024px) { .productListContainer li[class~='bigProduct']:nth-child(even) { float: right; } #prodSellMore .grid-d-15 { width: 33.33333%; } } /* Target: 940- */ @media (max-width : 1200px) and (min-width: 800px) { #footerColumns .col5 { text-align: center; } } /* Target: 1200px+ */ @media only screen and (min-width: 1200px) { } /* Print */ @media print { .divToPrint { page-break-after: always; } .noPrint { display: none; } .productListContainer li article .productBuy { display: none; } } /* Full-width-test */ /* @media only screen and (min-width: 1700px) { .container { max-width: none; margin:0 auto; } .productListContainer li.listProduct { width: 270px; } #uspIndex .uspPlate img { width: 100%; } } */ /* Animations and effects */ .blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } .easing { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } /* kiss-in */ @-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); }} /* fadein */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; /*padding: 10px 0;*/ } .slick-track::before, .slick-track::after { display: table; content: ''; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*@charset 'UTF-8';*/ /* Slider */ .slick-loading .slick-list { /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/ background-color: #fff; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 46%; display: block; width: 45px; height: 65px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; /*background-color: rgba(0,0,0,.1);*/ } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background-color: rgba(0,0,0,.3);} .slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: .25; } .slick-prev::before, .slick-next::before { font-family: FontAwesome; content: '\f00c'; font-size: 20px; line-height: 1; opacity: .75; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; /*border-left: 2px solid #b7b7b7;*/ } [dir='rtl'] .slick-prev { /*right: -25px;*/ right: 0; left: auto; } .slick-prev::before { content: '\f053'; } [dir='rtl'] .slick-prev::before { content: '\f053'; } .slick-next { right: 0; /*border-right: 2px solid #b7b7b7;*/ } [dir='rtl'] .slick-next { right: auto; left: 0; border-left: 2px solid #b7b7b7; } .slick-next::before { content: '\f054'; } [dir='rtl'] .slick-next::before { content: '\f054'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; *display: inline; zoom: 1; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; } .slick-dots li button::before { font-family: FontAwesome; content: '\f111'; font-size: 15px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button::before { opacity: .75; color: black; } /* FontAwesomme The FontAwesome fonts, only the ones in use, and in "compressed" format. (Add new classes to the end of the line) */ @font-face{font-family:'FontAwesome';src:url(../fonts/fontawesome-webfont.eot?v=4.6.3);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul > li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-thumbs-up::before{content:"\f164"}.fa-info::before{content:"\f129"}.fa-arrow-circle-o-right::before{content:"\f18e"}.fa-arrow-circle-o-left::before{content:"\f190"}.fa-angle-left::before{content:"\f104"}.fa-angle-right::before{content:"\f105"}.fa-angle-up::before{content:"\f106"}.fa-angle-down::before{content:"\f107"}.fa-shopping-basket::before{content:"\f291"}.fa-info-circle::before{content:"\f05a"}.fa-heart::before{content:"\f004"}.fa-envelope::before{content:"\f0e0"}.fa-plus::before{content:"\f067"}.fa-minus::before{content:"\f068"}.fa-chevron-up::before{content:"\f077"}.fa-chevron-down::before{content:"\f078"}.fa-search::before{content:"\f002"}.fa-star::before{content:"\f005"}.fa-check::before{content:"\f00c"}.fa-picture-o::before{content:"\f03e"}.fa-arrow-left::before{content:"\f060"}.fa-arrow-right::before{content:"\f061"}.fa-arrow-up::before{content:"\f062"}.fa-arrow-down::before{content:"\f063"}.fa-pencil::before{content:"\f040"}.fa-chevron-left::before{content:"\f053"}.fa-chevron-right::before{content:"\f054"}.fa-comment::before{content:"\f075"}.fa-bars::before{content:"\f0c9"}.fa-gift::before{content:"\f06b"}.fa-times::before{content:"\f00d"}.fa-clock-o::before{content:"\f017"}.fa-tag::before{content:"\f02b"}.fa-pencil-square-o::before{content:"\f044"}.fa-shopping-cart::before {content: "\f07a";}.fa-fire::before{content:"\f06d"}.fa-plane::before{content:"\f072"}.fa-lock::before{content:"\f023"}.fa-smile-o::before{content:"\f118"}.fa-envelope-o::before{content:"\f003"} .fa-user::before{content:"\f007"}.fa-clock::before{content:"\f017"}.fa-money::before{content:"\f0d6"}.fa-window-maximize::before{content:"\f2d0"}.fa-undo::before{content:"\f0e2"}.fa-home::before{content:"\f015"}.fa-key::before{content:"\f084"}.fa-angle-double-up::before{content:"\f102"}.fa-minus-circle::before{content:"\f056 "}.fa-info::before{content:"\f129"}.fa-filter::before { content: "\f0b0";}.fa-sort::before { content: "\f0dc";}.fa-sitemap::before {content: "\f0e8";}.fa-sliders::before { content: "\f1de";} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } /* kund-3599*/ .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; /*visibility: hidden;*/ } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../images/fancybox_loading2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* .list { display: grid; overflow: hidden; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; grid-column-gap: 5px; grid-row-gap: 5px; } */ .list-item { /*display: flex;*/ padding: 0.5em; /* margin-bottom: 20px; */ width: 100%; text-align: center; } .list-content { width: 100%; background-color: #fff; display: inline-block; } .list-content .image { height: 215px; position: relative; } .list-content .image img { max-height: 200px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .list-content .head { margin: 10px; display: block; background-color: #23a8e8; padding: 8px; color: #fff; border-radius: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } .list-content a:hover .head, .list-content a:focus .head { background-color: #2297cf; text-decoration: none; } .list-content a:hover, .list-content a:focus{ text-decoration: none; } @media (min-width: 900px) { .list { grid-template-columns: repeat(5, 1fr); } } #topBar, body.fixed #topBar, .search-form .text{ background-color:#fff; } #loginarea a{ color: #000; } #search-01::placeholder{ color: #000; } /* 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); } } body.filteropen { overflow: hidden; position: relative; width: calc(100%); } .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } #axFilterMask.open { left: 0; opacity: .3; width: 100%; height: 100%; animation: easyfade 0.3s cubic-bezier(.59,.12,.64,.58); transition: none; z-index: 111; } #axFilterMask { background: #000; opacity: 0; width: 0; height: 0; position: fixed; top: 0; transition: opacity 0.3s cubic-bezier(.59,.12,.64,.58), width 0s ease 0.3s, height 0s ease 0.3s; } .axmobilebuttons { display: block; padding: 5px; /*box-shadow: 2px 1px 3px 2px #f1f1f1;*/ } #btnExitFilterWrapper { height: 70px; 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; } #btnAxCategoriesClose, #btnAxFilterClose { position: absolute; right: 5px; top: 5px; font-size: 25px; transition: all 200ms ease 0s; width: 50px; height: 50px; line-height: 49px; text-align: center; border-radius: 100%; color: #5d5d5d; } #btnAxCategoriesClose:hover i, #btnAxCategoriesClose:focus i, #btnAxFilterClose:hover i, #btnAxFilterClose:focus i { 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; } #btnAxFilterShow, #btnAxCategoriesShow { border-radius: 7px; font-family: 'Quicksand','Trebuchet MS', 'Lato', Arial, sans-serif; animation:slide-up 0.4s; transition: background-color 0.3s ease; display: inline-block; border: 0; position: relative; width: 49%; background-color: #23a8e8; text-align: center; padding: 13px 0; color: #fff; font-weight: 600; font-size: 1em; } #btnAxFilterShow:focus, #btnAxCategoriesShow:focus { outline: none; } #btnAxFilterShow.fullwidth, #btnAxCategoriesShow.fullwidth, #btnAxFilterShow.fixed.fullwidth, #btnAxCategoriesShow.fixed.fullwidth{ width: 100%; } #btnAxCategoriesShow i, #btnAxFilterShow i { color: #2684b2; padding-right: 4px; font-size: 19px; } #btnAxFilterShow.fixed i, #btnAxCategoriesShow.fixed i { /*color: #a7a7a7;*/ } #btnAxFilterShow.fixed, #btnAxCategoriesShow.fixed { animation:slide-down 0.4s; position: fixed; z-index: 1111; right: 0; transform: translateZ(0); -webkit-transform: translateZ(0); top:60px; /* top shuld be same as #menuTop height and the jumpfix class */ width: 50%; border-radius: 0; margin: 0; /*background-color: #464646; color: #fff; font-weight: normal;*/ } #btnAxCategoriesShow.fixed { display: block; border-right: 1px solid #383838; left: 0; right: auto; } .jumpfix { height: 70px; } #filtercount, #subcategoriesactive { position: absolute; top: 13px; right: 18%; background-color: #333; color: #fff; width: 20px; height: 20px; border-radius: 100%; font-size: 13px; line-height: 20px; display: none; } #subcategoriesactive { display: block; right: 10%;} #btnAxFilterShow.fixed #filtercount { position: absolute; top: 14px; right: 18%; background-color: #333; width: 20px; height: 20px; border-radius: 100%; font-size: 13px; line-height: 20px; display: none; } #axcategories { display: none; } body.mobile #axcategories { display: block; margin: 0; padding: 0; transform: translateX(-114%); max-width:90%; min-width:90%; position: fixed; top: 0; left: 0; background-color: #fff; height: 100%; opacity: 0; z-index: 4111; transition: all 0.45s ease; visibility: hidden; } body.mobile #axcategories, body.mobile #axcategories > * { 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); } body.mobile #axcategories.active { max-width: 90%; min-width: 90%; opacity: 1; transform: translateX(0%); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); visibility: visible; } body.mobile #axcategories .inner{ height: 100%; padding: 0; overflow-y: auto; padding-bottom: 70px; } body.mobile #axcategories h2 { display: block; background-color: #f7f7f7; height: 60px; line-height: 42px; text-align: left; border-bottom: 0; font-size: .9em;} body.mobile #axcategories h2 i { display: inline-block; padding-left: 6px; } body.mobile #axcategories h2.styled { margin: 0; font-size: 1em; background: #eaeaea; color: #000; font-weight: 600; border-bottom: 1px solid #a1a1a1 !important; } body.mobile #axcategories ul { list-style-type: none; } body.mobile #axcategories ul li { display: flex; color: #000; width: 100%; outline: none; cursor: pointer; text-align: left; margin: 0; border-bottom: 1px solid #d1d1d1; 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; font-size: 16px; background-color: transparent; padding: 10px 28px 10px 15px; } body.mobile #axcategories ul li a { margin-left: 10px; display: block; width: 100%; } body.mobile #axcategories ul li.maincat { /*background-color: #e5e5e5;*/ } body.mobile #axcategories ul li.maincat i { margin-right: 5px; padding-left: 4px; } body.mobile #axcategories ul li span.check { flex: 0 0 20px; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 20px; height: 20px; border-radius: 100%; border: 2px 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); } body.mobile #axcategories ul li.current span.check { border-color: #35cb08; background: #35cb08; transition: background .25s linear; -webkit-transition: background .25s linear; } body.mobile #axcategories ul li.current span::before { content: ""; box-sizing: content-box; position: absolute; top: 2px; left: 5px; width: 3px; height: 8px; 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; } body.mobile #axcategories ul li.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; } /* kund 3599*/ body.mobile #attributes {transform: translate(0);} #attributes { margin: 10px 0; } #attributes h2 { display: none; } 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); } body.mobile #attributes { margin: 0; padding: 0; transform: translateX(0); max-width:90%; min-width:90%; position: fixed; top: 0; right: 0; background-color: #fff; height: 100%; opacity: 0; z-index: 4111; transition: all 0.45s ease; visibility: hidden; } body.mobile #attributes .inner{ height: 100%; padding: 0; overflow-y: auto; padding-bottom: 70px; } body.mobile #attributes.active { max-width: 90%; min-width: 90%; opacity: 1; transform: translateX(0%); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); visibility: visible; } body.mobile #attributes h2 { display: block; background-color: #eaeaea; height: 60px; line-height: 42px; text-align: left; border-bottom: 0; font-size: .9em;} body.mobile #attributes h2 i { display: inline-block; } body.mobile #attributes h2.styled { margin: 0; font-size: 1em; color: #000; font-weight: 600; border-bottom: 1px solid #a1a1a1 !important; } body.mobile #active_filters_clones { margin-top: 10px; padding: 0 15px} body.mobile .combobox-container { width: 100%; margin-bottom: 0; } body.mobile .combobox ul { position: fixed; height: 100%; max-height: none; top: 61px; border: 0; overflow-y: auto; width: 100%; padding-top: 5px; padding-bottom: 130px; } body.mobile .combobox li { padding-left: 15px; font-size:16px;} body.mobile .combobox input { font-size: 16px; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; border-width: 1px; background-color: transparent; padding: 10px 28px 10px 15px; } body.mobile .combobox button.toggle { top: 18px; } body.mobile .combobox .active_options { top: 11px; right: 26px;} body.mobile .chevron.bottom::before { transform: rotate(45deg); } body.mobile #axFilter .resetFilter { margin: 5px 5px 0 0; } body.mobile #filterheader, body.mobile .filterheader { padding-left: 12px; } body.mobile #filterheader i, body.mobile .filterheader i { display: inline-block; background-color: #23a8e8; width: 28px; height: 28px; line-height: 28px; border-radius: 100%; color: #fff; padding-left: 7px; font-size: 16px; margin-right: 5px; cursor: pointer; } body.mobile #filtername { display: none; border-left: 1px solid #ccc; margin-left: 8px; padding-left: 8px; color: #1f98bb; } body.mobile #active_filters_clones .head { display: block;padding-left: 15px; } body.mobile #active_filters_clones ul#li_clones { margin-top: 5px; } body.mobile #active_filters_clones li { margin: 5px 5px 5px 0; } @media (min-width: 720px) { #btnExitFilterWrapper { display: none; } #btnAxFilterShow { display: none; } #btnAxCategoriesShow { display: none !important; } #btnAxFilterClose { display: none; } .axmobilebuttons { display: none; } } .combobox-container { width: 180px; display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 5px; } .combobox-container input:focus { box-shadow: none; margin: 0; } .combobox { width: 100%; display: inline-block; position: relative; } .combobox input { border-radius: 9px; color: #000; width: 100%; outline: none; cursor: pointer; padding: 8px 28px 8px 10px; margin: 0; border: 2px solid #d1d1d1; 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; background-color: #ebf4f7; border-color: #1f98bb; } .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: #f7f7f7; 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; transition: none; border-bottom-color: #ccc !important;} .combobox .role_combobox:focus, .combobox .role_combobox:hover{ border-color: #1f98bb; background-color: #ebf4f7; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);} .combobox button.toggle { cursor: pointer; border:0; background: transparent; position: absolute; right: 14px; top: 12px; } .combobox button.toggle:focus { outline: none; box-shadow: none; } .combobox ul { display: none; list-style: none; background-color: #fff; font-size: 1em; width: 100%; margin: 0; padding: 0; border: 2px solid #c5c5c5; position: absolute; z-index:3; margin-top: 0; max-height: 300px; overflow-y: auto; border-top:0; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; border-color: #1f98bb;} .combobox ul:focus { outline: none; } .combobox li { padding: 7px 0 7px 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-radius: 100%; border: 2px 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: 5px; width: 3px; height: 8px; 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: -9px; right: 6px; cursor: pointer; background-color: #9f9f9f; height: 20px; width: 20px; line-height: 19px; border-radius: 100%; text-align: center; font-size: 12px; color: #fff; border: 1px solid #9f9f9f; } .chevron::before { transition: all 0.2s ease; transform-origin: center center; border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 0.6em; left: 0.15em; position: relative; top: 0.15em; transform: rotate(-45deg); vertical-align: top; width: 0.6em; } .chevron.right::before { left: 0; transform: rotate(45deg); } .chevron.bottom::before { top: 0; transform: rotate(135deg); } .chevron.left::before { left: 0.25em; transform: rotate(-135deg); } .chevron.bottom[aria-expanded="true"]::before {transform: rotate(-45deg); transition: all 0.2s ease; top: 2px;} #axFilter .resetFilter { margin-left: 0px; display: inline-block;; } #axFilter .resetFilter a { cursor: pointer; display: inline-block; font-size: .9em; border: 1px solid #bd0000; padding: 2px 7px; margin-right: 5px; background-color: #bd0000; border-radius: 18px; color: #fff; } #axFilter .resetFilter a:focus, #axFilter .resetFilter a:hover { background-color: #940101; text-decoration: none; } #active_filters_clones { margin: 15px 0; } #active_filters_clones li { margin: 0; display: inline-block; } #active_filters_clones li a { color: #fff; cursor: pointer; display: inline-block; font-size: .9em; border: 1px solid #1f98bb; padding: 2px 7px; margin-right: 5px; background-color: #1f98bb; border-radius: 18px; color: #fff; } #active_filters_clones li a:focus, #active_filters_clones li a:hover { background-color: #13708a; text-decoration: none; } #active_filters_clones li a::after { content: "\f056"; font-family: FontAwesome; display: inline-block; color: #0c5c73; } #active_filters_clones li a:hover::after { color: #fff; } #active_filters_clones .small {font-size: .8em; display: inline-block;} #active_filters_clones #resetFilter::after { content: "\f00d"; font-family: FontAwesome; display: inline-block; padding-left: 5px; color: #fff; } #active_filters_clones .fa-filter { color: #888; font-size: 1.2em; display: inline-block; vertical-align: middle; } #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; } /* Pretty CSS */ /** * pretty-checkbox.css * * A pure CSS library to beautify checkbox and radio buttons * * Source: https://github.com/lokesh-coder/pretty-checkbox * Demo: https://lokesh-coder.github.io/pretty-checkbox * * Copyright (c) 2017 Lokesh rajendran */ .pretty *{box-sizing:border-box}.pretty input:not([type=checkbox]):not([type=radio]){display:none}.pretty{position:relative;display:inline-block;margin-right:1em;white-space:nowrap;line-height:1}.pretty input{position:absolute;left:0;top:0;min-width:1em;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}.pretty .state label{position:initial;display:inline-block;font-weight:400;margin:0;text-indent:1.5em;min-width:calc(1em + 2px)}.pretty .state label::after,.pretty .state label::before{content:'';width:calc(1em + 2px);height:calc(1em + 2px);display:block;box-sizing:border-box;border-radius:0;border:1px solid transparent;z-index:0;position:absolute;left:0;top:calc((0% - (100% - 1em)) - 8%);background-color:transparent}.pretty .state label::before{border-color:#767676}.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{display:none}@-webkit-keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}.pretty.p-default.p-fill .state label::after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pretty.p-default .state label::after{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.pretty.p-default input:checked~.state label::after{background-color:#bdc3c7!important}.pretty.p-default.p-thick .state label::after,.pretty.p-default.p-thick .state label::before{border-width:calc(1em / 7)}.pretty.p-default.p-thick .state label::after{-webkit-transform:scale(.4)!important;-ms-transform:scale(.4)!important;transform:scale(.4)!important}.pretty.p-icon .state .icon{position:absolute;font-size:.85em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1.1em)) - -6%);border:1px solid transparent;opacity:0}.pretty.p-icon .state .icon::before{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-icon input:checked~.state .icon{opacity:1}.pretty.p-icon input:checked~.state label::before{border-color:#5a656b}.pretty.p-svg .state .svg{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-svg .state svg{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-svg input:checked~.state .svg{opacity:1}.pretty.p-image .state img{opacity:0;position:absolute;width:calc(1em + 2px);height:calc(1em + 2px);top:0;top:calc((0% - (100% - 1em)) - 8%);left:0;z-index:0;text-align:center;line-height:normal;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-image input:checked~.state img{opacity:1}.pretty.p-switch input{min-width:2em}.pretty.p-switch .state{position:relative}.pretty.p-switch .state::before{content:'';border:1px solid #bdc3c7;border-radius:60px;width:2em;box-sizing:unset;height:calc(1em + 2px);position:absolute;top:0;top:calc((0% - (100% - 1em)) - 16%);z-index:0;transition:all .5s ease}.pretty.p-switch .state label{text-indent:2.5em}.pretty.p-switch .state label::after,.pretty.p-switch .state label::before{transition:all .5s ease;border-radius:100%;left:0;border-color:transparent;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-switch .state label::after{background-color:#bdc3c7!important}.pretty.p-switch input:checked~.state::before{border-color:#5a656b}.pretty.p-switch input:checked~.state label::before{opacity:0}.pretty.p-switch input:checked~.state label::after{background-color:#5a656b!important;left:1em}.pretty.p-switch.p-fill input:checked~.state::before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-switch.p-fill input:checked~.state label::before{opacity:0}.pretty.p-switch.p-fill input:checked~.state label::after{background-color:#fff!important;left:1em}.pretty.p-switch.p-slim .state::before{height:.1em;background:#bdc3c7!important;top:calc(50% - .1em)}.pretty.p-switch.p-slim input:checked~.state::before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-has-hover input:hover~.state:not(.p-is-hover){display:none}.pretty.p-has-hover input:hover~.state.p-is-hover{display:block}.pretty.p-has-hover input:hover~.state.p-is-hover .icon{display:block}.pretty.p-has-focus input:focus~.state label::before{box-shadow:0 0 3px 0 #bdc3c7}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){display:none}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate{display:block}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon{display:block;opacity:1}.pretty.p-toggle .state.p-on{opacity:0;display:none}.pretty.p-toggle .state .icon,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img,.pretty.p-toggle .state.p-off{opacity:1;display:inherit}.pretty.p-toggle .state.p-off .icon{color:#bdc3c7}.pretty.p-toggle input:checked~.state.p-on{opacity:1;display:inherit}.pretty.p-toggle input:checked~.state.p-off{opacity:0;display:none}.pretty.p-plain input:checked~.state label::before,.pretty.p-plain.p-toggle .state label::before{content:none}.pretty.p-plain.p-plain .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pretty.p-round .state label::after,.pretty.p-round .state label::before{border-radius:100%}.pretty.p-round.p-icon .state .icon{border-radius:100%;overflow:hidden}.pretty.p-round.p-icon .state .icon::before{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-curve .state label::after,.pretty.p-curve .state label::before{border-radius:20%}.pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label::after,.pretty.p-smooth label::before{transition:all .5s ease}.pretty.p-smooth input:checked+.state label::after{transition:all .3s ease}.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-default input:checked+.state label::after{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-plain input:checked+.state label::before{content:'';-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .5s ease}.pretty.p-tada:not(.p-default) input:checked+.state .icon,.pretty.p-tada:not(.p-default) input:checked+.state .svg,.pretty.p-tada:not(.p-default) input:checked+.state img,.pretty.p-tada:not(.p-default) input:checked+.state label::after,.pretty.p-tada:not(.p-default) input:checked+.state label::before{-webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state .icon,.pretty.p-jelly:not(.p-default) input:checked+.state .svg,.pretty.p-jelly:not(.p-default) input:checked+.state img,.pretty.p-jelly:not(.p-default) input:checked+.state label::after,.pretty.p-jelly:not(.p-default) input:checked+.state label::before{-webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);animation:jelly .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state label::before{border-color:transparent}.pretty.p-rotate:not(.p-default) input:checked~.state .icon,.pretty.p-rotate:not(.p-default) input:checked~.state .svg,.pretty.p-rotate:not(.p-default) input:checked~.state img,.pretty.p-rotate:not(.p-default) input:checked~.state label::after,.pretty.p-rotate:not(.p-default) input:checked~.state label::before{-webkit-animation:rotate .7s cubic-bezier(.25,.46,.45,.94);animation:rotate .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-rotate:not(.p-default) input:checked~.state label::before{border-color:transparent}.pretty.p-pulse:not(.p-switch) input:checked~.state label::before{-webkit-animation:pulse 1s;animation:pulse 1s}.pretty input[disabled]{cursor:not-allowed;display:none}.pretty input[disabled]~*{opacity:.5}.pretty.p-locked input{display:none;cursor:not-allowed}.pretty input:checked~.state.p-primary label::after,.pretty.p-toggle .state.p-primary label::after{background-color:#35cb08!important}.pretty input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary .svg,.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-primary-o label::before,.pretty.p-toggle .state.p-primary-o label::before{border-color:#428bca}.pretty input:checked~.state.p-primary-o label::after,.pretty.p-toggle .state.p-primary-o label::after{background-color:transparent}.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg{color:#428bca;stroke:#428bca}.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label::after{background-color:#428bca!important}.pretty.p-switch input:checked~.state.p-primary::before{border-color:#428bca}.pretty.p-switch.p-fill input:checked~.state.p-primary::before{background-color:#428bca!important}.pretty.p-switch.p-slim input:checked~.state.p-primary::before{border-color:#245682;background-color:#245682!important}.pretty input:checked~.state.p-info label::after,.pretty.p-toggle .state.p-info label::after{background-color:#5bc0de!important}.pretty input:checked~.state.p-info .icon,.pretty input:checked~.state.p-info .svg,.pretty.p-toggle .state.p-info .icon,.pretty.p-toggle .state.p-info .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-info-o label::before,.pretty.p-toggle .state.p-info-o label::before{border-color:#5bc0de}.pretty input:checked~.state.p-info-o label::after,.pretty.p-toggle .state.p-info-o label::after{background-color:transparent}.pretty input:checked~.state.p-info-o .icon,.pretty input:checked~.state.p-info-o .svg,.pretty input:checked~.state.p-info-o svg,.pretty.p-toggle .state.p-info-o .icon,.pretty.p-toggle .state.p-info-o .svg,.pretty.p-toggle .state.p-info-o svg{color:#5bc0de;stroke:#5bc0de}.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label::after{background-color:#5bc0de!important}.pretty.p-switch input:checked~.state.p-info::before{border-color:#5bc0de}.pretty.p-switch.p-fill input:checked~.state.p-info::before{background-color:#5bc0de!important}.pretty.p-switch.p-slim input:checked~.state.p-info::before{border-color:#2390b0;background-color:#2390b0!important}.pretty input:checked~.state.p-success label::after,.pretty.p-toggle .state.p-success label::after{background-color:#5cb85c!important}.pretty input:checked~.state.p-success .icon,.pretty input:checked~.state.p-success .svg,.pretty.p-toggle .state.p-success .icon,.pretty.p-toggle .state.p-success .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-success-o label::before,.pretty.p-toggle .state.p-success-o label::before{border-color:#5cb85c}.pretty input:checked~.state.p-success-o label::after,.pretty.p-toggle .state.p-success-o label::after{background-color:transparent}.pretty input:checked~.state.p-success-o .icon,.pretty input:checked~.state.p-success-o .svg,.pretty input:checked~.state.p-success-o svg,.pretty.p-toggle .state.p-success-o .icon,.pretty.p-toggle .state.p-success-o .svg,.pretty.p-toggle .state.p-success-o svg{color:#5cb85c;stroke:#5cb85c}.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label::after{background-color:#5cb85c!important}.pretty.p-switch input:checked~.state.p-success::before{border-color:#5cb85c}.pretty.p-switch.p-fill input:checked~.state.p-success::before{background-color:#5cb85c!important}.pretty.p-switch.p-slim input:checked~.state.p-success::before{border-color:#357935;background-color:#357935!important}.pretty input:checked~.state.p-warning label::after,.pretty.p-toggle .state.p-warning label::after{background-color:#7aa93c!important}.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-warning-o label::before,.pretty.p-toggle .state.p-warning-o label::before{border-color:#7aa93c}.pretty input:checked~.state.p-warning-o label::after,.pretty.p-toggle .state.p-warning-o label::after{background-color:transparent}.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg{color:#7aa93c;stroke:#7aa93c}.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label::after{background-color:#7aa93c!important}.pretty.p-switch input:checked~.state.p-warning::before{border-color:#7aa93c}.pretty.p-switch.p-fill input:checked~.state.p-warning::before{background-color:#7aa93c!important}.pretty.p-switch.p-slim input:checked~.state.p-warning::before{border-color:#c77c11;background-color:#c77c11!important}.pretty input:checked~.state.p-danger label::after,.pretty.p-toggle .state.p-danger label::after{background-color:#d9534f!important}.pretty input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger .svg,.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-danger-o label::before,.pretty.p-toggle .state.p-danger-o label::before{border-color:#d9534f}.pretty input:checked~.state.p-danger-o label::after,.pretty.p-toggle .state.p-danger-o label::after{background-color:transparent}.pretty input:checked~.state.p-danger-o .icon,.pretty input:checked~.state.p-danger-o .svg,.pretty input:checked~.state.p-danger-o svg,.pretty.p-toggle .state.p-danger-o .icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o svg{color:#d9534f;stroke:#d9534f}.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label::after{background-color:#d9534f!important}.pretty.p-switch input:checked~.state.p-danger::before{border-color:#d9534f}.pretty.p-switch.p-fill input:checked~.state.p-danger::before{background-color:#d9534f!important}.pretty.p-switch.p-slim input:checked~.state.p-danger::before{border-color:#a02622;background-color:#a02622!important}.pretty.p-bigger .icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger label::after,.pretty.p-bigger label::before{font-size:1.2em!important;top:calc((0% - (100% - 1em)) - 35%)!important}.pretty.p-bigger label{text-indent:1.7em}@media print{.pretty .state .icon,.pretty .state label::after,.pretty .state label::before,.pretty .state::before{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}} button.needsclick { z-index: 99 !important; }