/* Copyright (C) 2012-2018 Kodmyran AB All Rights Reserved - Grid system is at the bottom of the file */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800;900&display=swap'); html, body { border: none; background-color: #fff; } body { height: 100%; padding: 0; margin: 0; color: #333; font: 16px 'Open Sans', 'Trebuchet MS' ,Arial,Helvetica,sans-serif; } img,object,video { border: none; height: auto; max-width: 100%; } iframe { border: none; max-width: 100%; } a { text-decoration:none; color:#000; outline: 0; transition: color 0.2s ease; -webkit-transition: color 0.2s ease; } a:active, a:hover { outline: 0; } a:focus { text-decoration:underline; outline: thin dotted; color: #ccc; } a:hover { text-decoration:none; color: #1d578c; } a:active { background-color:transparent; outline:none } strong { font-weight: 700; } ul { list-style-type: none; margin:0; padding: 0; } ul.checked { list-style-type: none !important; margin-left: 0 !important; } .standardformat ul { list-style-type: disc; line-height: 1.6em; margin: 10px 0 10px 22px; } /* 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; } .cashierComment { display: none; } .clearfix::after { content: ""; clear: both; display: table; } .gray { background-color: #f7f7f7!important; } .bgBlue { background-color: #eef1f5!important; } #aw-box-k5d89e1a95675f30a67fc047e { margin-top: 50px;} #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; } @media print { .noprint { display: none;} } @page { margin: 0.5cm; } .styled-select select { display: block; font-size: 14px; 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; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; border: 1px solid #d0d0d0; /*border-radius: 29px;*/ } .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:normal; } h1, h2, h3, h4 { font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', sans-serif; } h1 { font-size: 1.6em; font-weight: 700;} h2 { color: #484848; display: block; font-size: 1.4em; margin: 0; padding: 0 0 5px; font-weight: 400;} h1.styled, h2.styled { font-family: 'Montserrat', sans-serif; text-align: left; text-transform: uppercase; color: black; font-weight: 700; padding: 10px 0 13px 5px; margin-bottom: 10px; margin-top: 5px; } h3 { margin:0; padding:0 0 3px 0; display:block; font-size:1.3em; font-weight: 600; } h3.styled { text-align: center; background-color: transparent; font-size: 1.2em; font-weight: 700; padding: 15px 0 13px 0; border-bottom: 1px solid #d1d1d1; margin-bottom: 13px; } p { line-height: 1.6em; } p a { text-decoration: underline; } .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: 700;} .textNormal {font-weight: 300;} .textSmallLight {font-size: 80%; color: #666;} .textLightItalic {color: #7c7c7c;font-style: italic;} .textRight {text-align: right;} .textCenter {text-align: center;} .dispNone {display: none;} .hidden {visibility: hidden;} .highlight {color: #1d578c;} .grey {color: #6b6b6b;} .green {color: #009900} .onlyBig {display: none !important; } .onlySmall {display: block !important; } th { text-align: left; font-weight: 500; } .close {display: none !important;} .open {display: block !important;} .relative {position: relative;} ul.checked li { display: list-item; position: relative; padding: 2px 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;*/ } .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; } .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: 0.1px; top: -5.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; } .spot3for2 { background-color: #2ebde6; color: #fff; border: 3px solid #fff; line-height: 50px; padding: 0; position: absolute; text-align: center; z-index: 1; width: 76px; height: 76px; border-radius: 100%; font-size: 1em; top: 44px; right: 5px; transform: scale(.8); } @media (min-width: 900px) { .spot3for2 { top: 5px; left: 5px; transform: scale(1); } } @media (max-width: 900px) { .dWoiXd.dWoiXd { padding: 10px 100px !important; } .bmgntL.bmgntL { padding: 10px 100px !important; } .row-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; } } .productImageContainer .spot3for2 { right: 5px; left: auto; } .spot3for2 .line1 { cursor: default; position: absolute; left: 10px; font-size: 11px; font-weight: 700; top: -4px; } .spot3for2 .line2 { cursor: default; position: absolute; top: -4px; right: 19px; font-size: 28px; font-weight: 700; } .spot3for2 .line3 { cursor: default; position: absolute; top: 38px; font-size: 10px; width: 36px; left: 4px; line-height: 11px; text-align: right; font-weight: 700; } .spot3for2 .line4 { cursor: default; font-size: 28px; font-weight: 700; position: absolute; top: 21px; right: 11px; } .productListContainerSmall .spot3for2 { right: 0; left: auto; transform: scale(.7); top: 22px; } .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; } .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;} .nav-wrapper { height: 60px; } #topMenu { height: 100%; display: table; width: 100%; border-bottom: 1px solid #e7e7e7; } @media(max-width:900px){ #topMenu { padding: 10px 0; background: #fff;} .nav-wrapper { height: 80px; } } #supertop { display: none; top:0px;z-index: 9999;} #menuTop, #menuTop.fixed { top:0; left: 0; position: fixed; width: 100%; z-index: 10000; background-color: #fff; transition: top 0.2s ease-in-out; -webkit-transition: top 0.2s ease-in-out; } #menuTop.fixed { margin-top: 0; } #menuTop > .container { height: 100%; position: relative; } #menuTop { height: 60px; width: 100%; z-index: 9998; } .m_shadow { box-shadow: rgba(0, 0, 0, 0.05) 0 2px 10px 0, rgba(0, 0, 0, 0.2) 0 0 3px 0; transition: box-shadow 0.2s linear 0s; } #countrySelect { padding: 10px; } #countrySelect img { padding: 0 5px; } #countrySelect .active img { background-color: #a9db67; border: 1px solid #75a733; } #countrySelect ul { float: right; } #countrySelect ul { display: table; height: 100%; } #countrySelect li { display: table-cell !important; vertical-align: bottom; } #countrySelect li:hover img { background-color: #e3f6ca; } #jsSearchField {width: 50%; margin: 0px auto; float:right;} #jsSearchField legend { display: none; } #jsSearchField.fixed { display: none; } .search-form .searchContainer { position: relative; } .searchContainer style { display: none !important; /* Fix because style tag showed up from addwish */ } .searchContainer script { display: none !important; /* Fix because style tag showed up from addwish */ } .search-form .text { font-size: 14px; font-weight: bold; color: #949494; height: 55px; padding: 3px 50px 5px 15px; margin: 0; width: 100%; background-color: rgb(255, 255, 255) !important; text-align: left; border: 0!important;} .search-form .text:focus { outline: none; background-color: rgb(255, 255, 255); } .search-form .text:active { outline: none; } .search-form .icon { background-color: transparent; color: #727272; height: 55px; position: absolute; right: 0; top: 0; width: 55px; border: 0; cursor: pointer; font-size: 1.3em; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } @media (max-width: 900px) { .search-form .icon { background-color: #727272; color: #fff; } } .search-form .icon span { display: none; } .search-form .icon:focus, .search-form .icon:hover { color: #000; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .search-form .icon:active { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } .search-form .text::-webkit-input-placeholder { color: #333; font-style: normal; font-size: .9em; } .search-form .text::-moz-placeholder { color: #333; font-style: normal; font-size: .9em; } .search-form .text:-ms-input-placeholder { color: #333; font-style: normal; font-size: .9em; } .search-form .text:-moz-placeholder { color: #333; font-style: normal; font-size: .9em; } /* #jsMenuList li.category > a:after { display: inline-block; margin-left: 1em;font-size: 10px;text-rendering: auto; border: 7px solid transparent;border-top:8px solid white; border-bottom:0 none;content:"";} */ #jsMenuList .c_advancer { z-index: 10; background-color: rgba(255,255,255,0.9); border: 2px solid #111; border-radius: 100%; height: 30px; width: 30px; top: -3px; } #jsMenuList li.category > a:before{content: "";float:right; color:white;} #jsMenuList { background-color: #fff; box-shadow: 0 7px 5px -5px #d0d0d0; color: #fff; display: none; left: 0; /*max-height: 87%;*/ height: 92%; overflow-x: hidden; overflow-y: auto; position: fixed; top: 60px; width: 100%; z-index: 40; } #jsMenuList li { display: block; } #jsMenuList a { display: block; font-size: .8em; height: 100%; } #jsMenuList a:active { text-decoration: none !important; color: #333333; } #jsMenuList a:focus, #jsMenuList.desktop li.category > a:focus { } #jsMenuList li.category > a { word-wrap: break-word; padding: 15px 0 15px 15px; position: relative; z-index: 1; /*background-color: #f7f7f7;*/ border-bottom: 1px solid #e1e1e1; font-weight: 600; font-size: 1em; } #jsMenuList li.category > a:after { content: '\f078'; font-family: FontAwesome; display: inline-block; zoom: 1; font-size: 10px; padding-left: 5px; color: #777;} #jsMenuList li.category:first-of-type > a { border-top: 1px solid #e1e1e1; } #jsMenuList li.category i { font-weight: 600; float: right; margin-right: 5px; font-size: 1.5em; padding: 10px 20px; margin-top: -12px; border-left: 1px solid #ccc; /* outline: 1px solid; */ } @media(max-width:900px){ #jsMenuList li.category i { border-left: none !important; } } #jsMenuList li.category.changed a > i:before {display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #jsMenuList .level-1 li .menuTxt { padding-top: 10px; padding-bottom: 10px; } #jsMenuList .level-1 li .menuTxt i { font-size: 1.1em; line-height: normal; /*padding-right: 6px;*/ transform: rotate(0deg); margin-right:0; } #jsMenuList .subMenuWrapper ul:not(:first-child) { margin-top: -12px; } #jsMenuList .subMenuWrapper .subMenuWrapper ul { padding-left: 15px; } #jsMenuList li.category > a:hover { color: #999;} #jsMenuList li.category.hasSub.jsEvent.changed { color: #999; } #jsMenuList li.category.special a { /*background-color: #5d4422; color: #fff;*/ border-right: 1px solid #d0c6b8; } #jsMenuList li.category.special.changed a { color: #000; } #jsMenuList li.child { padding: 0px; } #jsMenuList li.child:hover { /*background-color: #e8e8e8;*/ } #jsMenuList.topLevel > li.changed > a { background-color: #fff; color: #000; } #jsMenuList .menuImg { display: none; height: 60px; line-height: 60px; line-height: 0; margin-bottom: 0; text-align: center; background-color: #fff; } #jsMenuList .menuImg .menuImgScale { height: 50px; overflow: hidden; } #jsMenuList .menuImg .menuImgScale img { max-height: 100%; width: auto; } #jsMenuList .menuTxt { text-align: left; text-transform: inherit ; word-wrap: break-word; padding: 0 3px 0 20px; position: relative; } #jsMenuList .menuTxt i { line-height: 32px; /* Also look at #jsMenuList li .subMenuWrapper a */ font-size: 1.3em; } #jsMenuList .menuTxt a { padding-left: 10px; } #jsMenuList li .subMenuWrapper { display: none; border: 0; overflow: auto; box-shadow: none; width: 100%; background-color: #f7f7f7; z-index: 2; } #jsMenuList li .subMenuWrapper a { color: #000; /*line-height: 32px;*/ /* Also look at #jsMenuList .menuTxt i */ } #jsMenuList li.currentMenu a { color: #55b019; } #jsMenuList li .subMenuWrapper li.changed > a { background-color: #e2e2e2; color: #000; border-bottom: 1px solid #ccc; } #jsMenuList li .subMenuWrapper li { position: relative; } #jsMenuList li .subMenuWrapper li.changed { /*background-color: #f7f7f7;*/ } #jsMenuList li .subMenuWrapper li.changed a > i:before {display: inline-block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #jsMenuList .subMenuWrapper .subMenuWrapper { background-color: #f2f2f2; } #jsMenuList .subMenuWrapper .subMenuWrapper li.child { border-left: 1px dotted #ccc; } #jsMenuList .level-1 .menuTxt {/*margin-left: 15px;*/ /*font-weight: 600;*/ font-size: 1.1em; font-weight: 600} #jsMenuList .subMenuWrapper .subMenuWrapper .subMenuWrapper { background-color: #d4d4d4; } #jsMenuList.subMenuInner.level-1.container ul { margin: 11px 0; } #navBarTop > ul.topLevel > li.category:last-child .subMenuInner.level-1 > ul > li > div.subMenuWrapper{ display: none !important; } #navBarTop > ul.topLevel > li.category:nth-last-child(2) .subMenuInner.level-1 > ul > li > div.subMenuWrapper{ display: none !important; } #navBarTop > ul.topLevel > li.category:nth-child(3) .subMenuInner.level-1 > ul > li > div.subMenuWrapper{ display: none !important; } #navBarTop > ul.topLevel > li.category:nth-child(4) .subMenuInner.level-1 > ul > li > div.subMenuWrapper{ display: none !important; } #navBarTop > ul.topLevel > li.category:nth-child(5) .subMenuInner.level-1 > ul > li > div.subMenuWrapper{ display: none !important; } #navBarTop > ul.topLevel > li.category:nth-child(6) .subMenuInner.level-1 > ul > li > div.subMenuWrapper{ display: none !important; } #navBarTop > ul.topLevel > li.category:nth-child(7) .subMenuInner.level-1 > ul > li > div.subMenuWrapper{ display: none !important; } #navBarTop > ul.topLevel > li.category:nth-last-child(2) > .subMenuWrapper{ left:unset !important; width:600px; } #navBarTop > ul.topLevel > li.category:last-child > .subMenuWrapper, #navBarTop > ul.topLevel > li.category:nth-child(3) > .subMenuWrapper, #navBarTop > ul.topLevel > li.category:nth-child(4) > .subMenuWrapper, #navBarTop > ul.topLevel > li.category:nth-child(5) > .subMenuWrapper, #navBarTop > ul.topLevel > li.category:nth-child(6) > .subMenuWrapper, #navBarTop > ul.topLevel > li.category:nth-child(7) > .subMenuWrapper{ left:unset !important; width:200px; } #navBarTop > ul.topLevel > li.category:nth-last-child(2) .subMenuInner.level-1 > ul > li{ width:33.3% !important; } #navBarTop > ul.topLevel > li.category:last-child .subMenuInner.level-1 > ul > li, #navBarTop > ul.topLevel > li.category:nth-child(3) .subMenuInner.level-1 > ul > li, #navBarTop > ul.topLevel > li.category:nth-child(4) .subMenuInner.level-1 > ul > li, #navBarTop > ul.topLevel > li.category:nth-child(5) .subMenuInner.level-1 > ul > li, #navBarTop > ul.topLevel > li.category:nth-child(6) .subMenuInner.level-1 > ul > li, #navBarTop > ul.topLevel > li.category:nth-child(7) .subMenuInner.level-1 > ul > li{ width:100% !important; border-left: 0; } /* #navBarTop > ul.topLevel > li.category:last-child, #navBarTop > ul.topLevel > li.category:nth-last-child(2), #navBarTop > ul.topLevel > li.category:nth-child(3), #navBarTop > ul.topLevel > li.category:nth-child(4){ position: relative; } */ #ajaxNL { text-align: center;} #ajaxNL .newsletter-field { height: 38px; 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; } .categoryDescription { overflow:hidden; position: relative; padding: 0; } #categoryDescription, .categoryHeaderIntro { background-color: none; padding: 0 0 15px 0; } .categoryHeaderIntro { text-transform: uppercase; } #categoryDescription { padding: 0 15px 15px 15px; background-color: #fff; } .categoryImage { float: left; margin: 0 10px 10px 0; } .fadeout { display: none; height: 4em; left: 0; position: absolute; bottom: 0; width: 100%; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); } #cpToggle,#cpToggle2 { display: none; text-align: center; } #cpToggle button, #cpToggle2 button { /*margin-bottom: 13px; font-weight: 700; border: 0; border-bottom: 1px solid #1d578c; padding-bottom: 2px; background-color: transparent; font-size: .9em;*/ margin-bottom: 13px; font-weight: 700; border: 0; border: 1px solid #78b12f; padding-bottom: 2px; background-color: rgba(120, 177, 47, .2); font-size: .8em; border-radius: 30px; padding: 6px 10px; } #cpToggle button i, #cpToggle2 button i { font-size: .8em; } #cpToggle button:hover, #cpToggle2 button:hover{ color: #1d578c; cursor: pointer; } #cpToggle:hover button, #cpToggle:hover #cpToggle button:focus, #cpToggle2:hover #cpToggle2 button:focus { outline: 0; color: #1d578c;} .collapsed { max-height:80px; transition: all 300ms; -webkit-transition: all 300ms; } .collapsed.expand { max-height:9999px; transition: all 300ms; -webkit-transition: all 300ms; } /*#pageIndex .collapsed { max-height:325px; transition: all 300ms; -webkit-transition: all 300ms;} .expand, #pageIndex .expand { max-height: 9999px; transition: all 300ms; -webkit-transition: all 300ms; } #pageIndex .fadeout { display: none; height: 4em; left: 0; position: absolute; bottom: 0; width: 100%; background-image: linear-gradient(rgba(245, 245, 245, 0) 0%,rgba(245, 245, 245, 1) 100%); background-image: -webkit-linear-gradient(rgba(245, 245, 245, 0), rgba(245, 245, 245, 1)); } */ #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; } .onoffswitch { position: relative; width: 99%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; margin-bottom: 5px; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 12px; color: white; /*font-family: 'Montserrat', 'Open Sans', Trebuchet, Arial, sans-serif;*/ font-family: 'Montserrat', 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; font-weight: 400; box-sizing: border-box; } .onoffswitch-inner:before { content: "P\c5"; background-color: #1a74e9; border-radius: 5px; color: #fff; padding-left: 7px; } .onoffswitch-inner:after { content: "AV"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 18px; margin: 6px; background: #fff; position: absolute; top: 0; bottom: 0; right: 33px; border-radius: 2px; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0; } /* 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; } */ @media(max-width:900px){ #mainBody #wrapper{ margin-top: 0px !important; } } #wrapper { min-height: 40%; margin-top: 100px !important; /*padding: 0 5px;*/} .fullWidth { margin: 0 auto; background-color: #fff; position: relative; padding-top: 55px; } body.index .fullWidth { padding-top: 0; } .fullWidth.padfix { padding-top: 0; } .fullWidth .container.inner { padding: 0; background-color: #fff; } @media(max-width:680px){ .fullWidth .container.inner { padding: 20px 0 0 0 } } /* Double diagonal */ .doublediagonal { /*background-color: #fbfbfb; BGFIX*/ position: relative; z-index: 1; /*margin-top: 1em;*/ } .doublediagonal-dark { /*background-color: #3f3f3f;*/ /*position: relative; z-index: 1;*/ /*margin-top: 3em;*/ } /* Index - misc */ #indexBottomText { padding: 50px 0; } #indexTopText, #indexBottomText { text-align: center; word-break: break-word; } #indexTopText .container { position: relative; } @media(min-width:1300px){ #indexTopText .toptext { position: absolute; background-color: #f7f7f7; padding: 60px; left: 40%; top: 70px; } #indexTopText .toptextImage { height: 580px; } #indexTopText .toptextImage img { width: 100%; height: auto; } } @media(max-width:1100px){ #indexTopText .toptext { position: relative; right: auto; top: auto; background-color: #fff; padding: 5px; left: auto; right: auto; } #indexTopText .toptextImage { height: 500px; } #indexTopText .toptextImage img { width: 100%; height: auto; } } @media(max-width:700px){ #indexTopText .toptextImage img { display: none; } #indexTopText .toptextImage { display: none; } } body.index #catDesc #categoryUpper { display: none; } body.index .bottomDesc { margin-top: 30px; } #indexTopText p:not(:first-child), #indexBottomText p:not(:first-child) { margin-top: 10px; } #indexUsp { padding: 5px 0; background-color: #e9e9e9; overflow: auto; /*margin: 10px -5px 5px;*/} #indexUsp > ul > li { /*width: 25%;*/} #indexUsp i { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; font-size: 2em; color: #fff; background-color: #1d578c; border-radius: 100%; width: 65px; height: 65px; line-height: 65px; } #indexUsp h3, #indexUsp h4{ font-weight: 700; cursor: default; font-size: .8em; } #indexUsp p { text-transform: none; font-size: .7em; cursor: default;} #indexUsp > ul { display:flex; flex-wrap:wrap; } #indexUsp > ul > li { vertical-align: top; display: inline-block; *display: inline; zoom: 1; /*width: 50%;*/ padding: 5px; background: transparent; } #indexUsp > ul > li:hover i { transform: scale(1.1); color: #fff; } #indexUsp ul li .inner { background-color: transparent; /*padding: 8px 12px;*/ height:100%; } #indexUsp .name { text-align: center; } #indexUsp .name img { max-height: 65px; margin-bottom: 10px; } #indexUsp .uspText { display: block; text-align: center; padding: 4px 0; font-size: .95em; min-height: 72px;} #indexUspArea { background-color: #fff; } #indexTopSellersFromCategories .catLink { font-size: .9em; margin-top: -6px; margin-bottom: 5px; } #indexTopSellersFromCategories .catLink a { background-color: #474747; border-radius: 10px; padding: 2px 9px; color: #fff; } #indexTopSellersFromCategories .catLink a:hover { background-color: #363636; } #indexTopText { margin-top: 50px; text-align: left; } #pageIndex {} #pageIndex .flex-control-nav { position: absolute; bottom: -2px; right: 9px; width: auto; } #pageIndex .flexslider { min-height: 117px; } #pageIndex .flexslider .slides img { width: auto; margin: 0 auto; } #pageIndex .box1 { width: 100%; background-color: #e8e8e8; margin-top: 5px; } #pageIndex .box2 { padding: 10px; outline: 1px solid #e8e8e8; width: 100%; text-align: center; } #pageIndex .box2 p { line-height: 0; } #uspIndex {} #uspIndex [class*='grid-'] { /*padding: 0;*/ } #uspIndex [class*='grid-']:first-child, #uspIndex [class*='grid-']:nth-child(2) {} #uspIndex [class*='grid-']:nth-child(2){ border-right: 0; } #uspIndex [class*='grid-']:last-of-type { border-right: 0; } #uspIndex .uspPlate { text-align: center; min-height: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #uspIndex .uspPlate:hover, #uspIndex .uspPlate:focus { cursor: pointer; opacity: .8; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #uspIndex .uspPlate 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; } #uspIndex .uspPlate i { font-size: 4em; } #uspIndex .uspPlate p { margin: 0; padding: 0; line-height: 0; } #uspIndex .uspPlate img { width: 100%; height: auto; } #indexImagesFromCategories a { display: block; height: 100%; } #indexImagesFromCategories a:focus h2 { color: #1a74e9; outline: thin dotted; } #indexImagesFromCategories .image { height: 125px; margin-bottom: 10px; } #indexImagesFromCategories h2 { border: medium none; font-size: 1.1em; font-weight: 500; height: 60px; overflow: hidden; text-align: center; } #model-select-wrapper { padding-top: 37px; padding-bottom: 30px; min-height: 350px; background: #f1f1f1 url(../images/bg_valjare_opt_89.jpg) no-repeat; background-attachment: fixed; /*background-size: contain; background-position: 0 -33px;*/ background-size: auto; background-size: auto; background-position: 0 0; background-position: 95% -300px; margin: 0 0; transition: all .3s ease; } #model-select-wrapper .inner { background-color: transparent; } #model-select-container { position: relative; padding: 0 0% 0% 0%; } #model-select-container h2 { color: #fff; font-weight: 700; font-size: 1.5em; margin-bottom: 0; letter-spacing: 0; /*text-shadow: -3px 4px 4px #333;*/ padding: 25px 8px; padding-bottom: 0; width: 100%; text-align: center; } #model-select-container .model-select-subhead { position: relative; top: -19px; left: 0px; width: auto;} #model-head { font-size: 1.3em; margin-bottom: -24px; color: #fff; font-weight: 600; margin-top: 15px; padding-left: 8px; text-align: left; /* background-color: #fff; */ display: table; padding: 4px 10px; } .model-select-header-info { } #model-restart { margin-top: 5px; z-index: 1; position: absolute; right: 2%; top: auto; border: 0; padding: 6px 13px; color: #606060; font-size: 13px; cursor: pointer; background-color: #ffffff; border-radius: 27px; display: none; } #model-restart:focus { outline: none;} #model-guide { position: relative; height: 60px; } #model-guide hr { background: rgba(240, 240, 245, 1); height: 9px; width: 94%; display: block; border-top: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgba(255, 255, 255, 1); position: absolute; z-index: 0; top: 0; left: 8px; bottom: 0; margin: auto; } #model-guide .step {} #model-guide .step.active { background: none; border: none;} #model-guide .step.active button { background-color: #70c9d1; color: #fff;} #model-guide .step1 { left: 0; } #model-guide .step2 { left: 50%; margin-left: -24px; } #model-guide .step3 { right: 0; } #model-guide .step button { letter-spacing: 1px; background-color: #fff; border-radius: 100%; width: 40px; height: 40px; line-height: 38px; text-align: center; background: -webkit-linear-gradient(90deg, rgb(255, 255, 255), rgb(249, 249, 249)); background: linear-gradient(90deg, rgb(255, 255, 255), rgb(249, 249, 249)); border: 1px solid #e2e2e2; margin-right: 6%; color: #c3c3c3; font-weight: 600; display: block; transition: all .2s ease; cursor: pointer; font-size: 1em; } #model-guide .step button:focus, #model-guide .step button:hover { text-decoration: none; background: none; background-color: #ccc; color: #fff;outline: none; } #model-guide .step 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; } #model-guide .step button:focus { background: none; background-color: #70c9d1; color: #fff;} #model-guide ol { counter-reset: li; list-style: none; font-size: 1.1em; padding: 0; text-shadow: 0 1px 0 rgba(255,255,255,.5); z-index: 1; position: relative; } #model-guide ol li { background-color: #f0f0f5; padding: 3px; border-radius: 100%; border: 1px solid #eaeaea; position: absolute; top: 6px; height: 48px; width: 48px; } .model-chooser {} .model-chooser label { display: block; } .model-chooser .buttonstyle {margin-bottom: -9px;} .model-chooser [class*='grid-']:hover label { color: #fff !important; } .model-chooser select { padding: 5px 0 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 600; } .model-chooser option { border-bottom: 1px solid #ccc; padding: 10px; } .model-chooser-btn {background-color: #ffa000; border: 0 none; border-radius: 3px; color: #fff; display: block; font-size: 1em; font-weight: bold; padding: 10px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%;} .model-chooser-btn:active, .model-chooser-btn:focus { text-decoration: none; } .model-chooser-btn:active { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } .model-chooser-btn:hover { text-decoration: none; background-color: #ffb400; color: #fff; -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } #model-step-1 {opacity: 1; z-index: 1; width: 100%; } #model-step-2 {position: absolute; width: 100%; opacity: 0; max-height: 0; z-index: -1; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; width: 100%;} #model-step-3 {position: absolute; margin: 0 auto; width: 98%; opacity: 0; max-height: 0; z-index: -1; padding-top: 8px; } #model-step-1.inactive { position: absolute; /*width: 100%;*/ /*transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;*/ opacity: 0; z-index: -1;} #model-step-2.active, #model-step-3.active {position: relative; display: block; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; opacity: 1; z-index: 1;} #model-step-3 ul:not(:first-child) { } .model-content li { margin: 4px 0; } .model-chooser { position: relative; } .model-chooser button { border: 0; background-color: #fff; color: #353535; width: 100%; font-size: 1em; cursor: pointer; display: block; font-weight: 600; transition: all .3s ease; /* border: 5px solid rgba(255,255,255,.2);*/ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', sans-serif; } @media(max-width:1200px){ .model-chooser button { font-size: 12px; } } .model-chooser button span, .linkwrapper { display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,.8); /*background-image: linear-gradient(to bottom, rgba(255,255,255,.7), rgba(255,255,255,1)); */ padding: 20px 0; text-align: left; padding-left: 37px; position: relative; } .model-chooser button img { max-height: 44px; display: inline-block; margin: 0px auto; transition: all .3s ease; vertical-align: middle; width: auto; position: absolute; right: 30px; top: 8px; opacity: 1; } .model-chooser button.btn-supplier { font-size: .9em; } .model-chooser button:hover, .model-chooser button:focus, .model-chooser button:active { transition: all .3s ease; outline: none; border-color: rgba(255,255,255,.6); transform: scale(1.03);} .model-chooser 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; } .model-chooser button:focus img, .model-chooser button:hover img { opacity: 1; transition: all .3s ease; } .model-chooser button:hover span, .model-chooser button:focus span{background-color: #78af32; color: #fff; /*background-color: rgba(255,255,255,1);*/} .model-chooser a { display: block; transition: all .2s ease; -webkit-transition: all .2s ease; background-color: rgba(255,255,255,.7); padding: 12px 5px; font-weight: 500; } .model-chooser a:before{content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-right: 5px; color: black;} #jsMenuList.desktop .subMenuWrapper .subMenuWrapper li a:before{ content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-right: 5px; color: black; } #navBarTop > ul.topLevel > li.category:last-child .subMenuWrapper li a:before{ content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-right: 5px; color: black; } #navBarTop > ul.topLevel > li.category:nth-last-child(2) .subMenuWrapper li a:before{ content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-right: 5px; color: black; } #navBarTop > ul.topLevel > li.category:nth-child(3) .subMenuWrapper li a:before{ content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-right: 5px; color: black; } #navBarTop > ul.topLevel > li.category:nth-child(4) .subMenuWrapper li a:before{ content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-right: 5px; color: black; } #navBarTop > ul.topLevel > li.category:nth-child(5) .subMenuWrapper li a:before{ content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-right: 5px; color: black; } #navBarTop > ul.topLevel > li.category:nth-child(6) .subMenuWrapper li a:before{ content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-right: 5px; color: black; } #navBarTop > ul.topLevel > li.category:nth-child(7) .subMenuWrapper li a:before{ content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-right: 5px; color: black; } .model-chooser button span:after{ float: right; content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-left: 4px; margin-right: 15px; font-size: 15px; color: black; } .styled-select select{ -webkit-appearance: button; -moz-appearance: button; appearance: button; } .button.bigBuy:after{ content: '\f054'; font-family: FontAwesome; display: inline-block; zoom: 1; padding-left: 10px; font-size: 15px; color: white; } #jsMenuList li.currentMenu a:before{ display:none !important; } #jsMenuList #navBarTopContents > li > .subMenuWrapper > .subMenuInner > ul > li > a{ border-bottom: 1px solid #f1f1f1; } #jsMenuList #navBarTopContents > li > .subMenuWrapper > .subMenuInner > ul > li > a > .menuTxt{ border-bottom: none !important; display:inline-block !important; } #jsMenuList.desktop li .subMenuWrapper .level-2 .menuTxt{ display:inline-block !important; } .model-chooser a:hover, .model-chooser a:focus, .model-chooser a:active { padding-left: 20px; } /*.model-chooser a:before { content: '\f054'; font-family: FontAwesome; display: inline-block; *display: inline; zoom: 1; padding-right: 5px; color: #70c9d1; }*/ @media (min-width: 900px) { #model-step-1 {display: flex; justify-content: center; opacity: 1; z-index: 1; width: 100%; } #model-step-2.active > div, #model-step-3.active > div.row-wrapper{ display:flex; margin: 0px 0px; } #model-step-3.active{ padding: 0px 0px; z-index: 9999; padding-top: 20px; bottom: 0px; } } #model-select-wrapper { /* background-size: 121%;*/ padding-bottom: 34px; /*background-size: none;*/ background-size: cover;} #model-select-wrapper { padding-top: auto; } #model-head { font-size: 1.3em; margin-bottom: -24px; color: #fff; font-weight: 600; margin-top: 15px; padding-left: 8px; text-align: left; /* background-color: #fff;*/ display: table; padding: 4px 10px; } .model-select-header-info { text-align: center; color: #fff;} #model-select-container h2 { padding-bottom: 25px; font-size: 2em; width: 100%; text-align: center; } .model-chooser .buttonstyle {margin-bottom:0} .model-chooser button { border-width: 10px; } .model-chooser button span {padding: 19px 0; text-align: center } .model-chooser button img { max-height: 65px; display: block; margin-bottom: 15px; width: auto; opacity: .6; position: relative; right: auto; top: auto; } /* #model-restart { top: auto; bottom: -21px; right: 0; left: 0; margin: 0px auto; }*/ } #header { position: relative; margin: 0 auto 0; color: #333; } #topArea { display: none; } #topBar { height: 0;} #topBar, #topBar.fixed { width: 100%; /*z-index:99999;*/ z-index:999; color: #000; /*background-color: #eae7dc;*/ background-color: #f7f7f7; position: fixed; top: 32px;} #buttonMenu { background-color: #fff; color: #444; font-size: 1.7em; cursor: pointer; display: table-cell; z-index: 5; vertical-align: middle; width: 75px; text-align: center; border: 0; height: 60px; } #buttonMenu:focus { color: #54b017; outline: thin dotted; outline-offset:-2px; } #buttonMenu.active { background-color: #fff; color: #54b017; -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } #buttonMenu i { padding: 0 15px; position: relative; padding-bottom: 4px; } #buttonMenu .menuText { font-size: .35em; font-weight: 500; margin-top: -4px; display: block; /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif;*/ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; } #topLogo {text-align: center;} #topLogo img { max-height: 60px; margin-top: 7px; margin-left: -25px; vertical-align: middle; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #topLogoFixed { display: table-cell; position: relative; vertical-align: middle; text-align: left; width: 65%; } #topLogoFixed a { display: block; height: 100%; vertical-align: middle; line-height: 56px; } #topLogoFixed.center { text-align: center; } #topLogoFixed img { height: auto; max-height: 40px; vertical-align: middle; max-width: none;} #countryList { position: absolute; left: 0; margin-top: 1px; z-index: 22222; } #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:active { -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: #1d578c; } #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: baseline; 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; /*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: 700; padding-right: 8px; } #countryDiv .cName {} .arrowRotate { transform: rotate(180deg); } #countryArrow { line-height: inherit; font-size: 1.2em; font-weight: 700; margin-left: 5px; } #topCartFiller { display: table-cell; /*width: 15%;*/ vertical-align: middle; text-align: center; position: relative; /*background-color: #61bdc5;*/ background-color: #fff; width: 20%; } #topCartFiller a { color: #fff; display: block; height: 100%; } #topCartFiller .icon { font-size: 2.2em; /*line-height: 60px;*/ /*padding-top: 9px;*/ } #topCartFiller .icon i {padding-top: 15px; font-size: .8em; color: #54b017;} #topCartFiller a:focus, #topCartFiller a:hover { text-decoration: none; color: #fff; outline: thin dotted; } #topCartFiller 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; } #topCartFiller .qty { background-color: #4e4e4e; border-radius: 40px; color: #fff; font-size: 0.9em; font-weight: 700; height: 24px; right: 6px; line-height: 24px;padding-right: 1px; position: absolute; top: 8px; min-width: 24px; /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; */ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; } #buttonSearch { position: relative; /*height: 100%;*/ height: 55px; font-size: 1.7em; cursor: pointer; color: #272727; display: table-cell; z-index: 0; vertical-align: middle; min-width: 60px; background-color: transparent; /*background-color: #61bdc5;*/ text-align: center; border: 0; } #buttonSearch:focus { color: #fff; outline: thin dotted; outline-offset:-2px; } #buttonSearch.active { color: #36a7b1; background-color: rgba(255,255,255,.2); -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } #mSearch { height: 56px; background-color: #fff; text-align: center; position: fixed; width: 100%; z-index: 20; border-bottom: 1px solid #ddd;} #mSearch legend { display: none; } #mSearch input { background-color: #f7f7f7 !important; text-align: left; border: 0; border-bottom: 1px solid #ededed; } #buttonSearch.active:after { bottom: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(248, 248, 248, 0); border-bottom-color: #f8f8f8; border-width: 10px; margin-left: -10px; } .sitemapLine { background:url(../images/line.png); background-repeat:repeat-y; } .sitemapHline { background:url(../images/hline.png); background-repeat:repeat-x; } #vatSelect { display: block; text-align: center; margin: 20px 0;} #vatSelect ul { list-style: none; display: inline; } #vatSelect ul li {display: inline; padding-right: 5px;} #vatSelect ul li:last-child { border-left: 1px solid #ccc; padding-left: 8px;} #vatSelect ul li a {color: #fff;} #vatSelect ul li a:hover {color: #1d578c;} #vatSelect ul li.active { font-weight: 700; color: #ff9f00;} #vatSelect ul li.active:before { content: '\f00c'; font-family: FontAwesome; display: inline-block; *display: inline; zoom: 1; color: #ff9f00; padding-right: 7px; } #topCartContent { margin-bottom: 0;} #topCartContent a { color: #fff; } #topCartContent.fixed { margin-top: 0; } #topCartContent { /*height: 40px;*/ text-align: right; } #topCartContent div { vertical-align: middle; /*overflow: hidden;*/ display: inline-block; *display: inline; zoom: 1; } .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); } } #basketItems { position: relative; cursor: pointer; padding: 20px 10px; padding-right: 10px; /*margin-top: -4px;*/ text-align: center; } #basketItems i { font-size: 2em; padding: 0 7px; vertical-align: sub; color: #a9a9a9; } #basketItems.active i { color: #fff; } #basketItems i:before { margin-left: -5px; } #basketItems i span { display: block; font-size: .3em; /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif;*/ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; text-align: center; font-weight: 700; padding-top: 2px; } #basketItems .basketTotal { display: none; } #basketItems .basketQty { font-size: 13px; font-weight: 700; line-height: 20px; width: 21px; height: 21px; background-color: #79b032; border-radius: 100%; color: #fff; position: absolute; right: 6px; bottom: 6px; } .jsShakeArea.activeshake #basketItems:hover { opacity: 0.8; } .jsShakeArea { background-color: transparent; } .jsShakeArea.activeshake { } .jsShakeArea.activeshake #basketItems i { color: #333; } #btnToCashier {display: none!important;} #btnToCashier a { color: #fff; font-size: 1em; font-weight: 700; background-color: #54b018; height: 75px; line-height: 75px; padding: 0 15px; display: block; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } #btnToCashier a:after { right: 99%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(130, 180, 64, 0); border-right-color: #54b018; border-width: 6px; margin-top: -6px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } #btnToCashier a:hover, #btnToCashier a:focus { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background-color: #3c820e; text-decoration: none; } #btnToCashier 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; } #btnToCashier a:hover:after, #btnToCashier a:focus:after { border-right-color: #3c820e; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } #miniCart { display: none; position: absolute; top: 85px; 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; font-size: .7em; } #miniCart .cashier-form .name { line-height: 16px; font-size: .9em; } #miniCart .cashier-form .name a { font-size: .9em; font-weight: 700; overflow: hidden; display: block; text-overflow: ellipsis; max-height: 30px; } #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%; } .maxQty { font-size: .8em; color: #a62d33; font-weight: 100; font-style: italic; } #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; } #footer { text-align: center; /*background-color: #f3f1ef;*/ background-color: #1f304c; /*background-color: #292929;*/ color: #fff; /*overflow: hidden;*/ padding-bottom: 40px;} #footer a { color: #fff; padding: 5px 0; margin: 5px 0; } #footer a:hover, #footer a:focus { text-decoration: underline; color: #0080FF; } #footer a:focus { outline-offset:2px; outline: thin dotted; color: #0080FF; text-decoration: underline;} #footer p, #footer a, #footer ul{ color: #cacaca; font-size: .9em; color: #fff;font-weight: normal;} #footer h4 { font-size: 1em; font-weight: 700; text-transform: uppercase; padding: 4px 0; position: relative; color: #000; margin-bottom: 12px; margin-top: 5px; /*font-family: 'coolveticaregular'; font-weight: 100; letter-spacing: 1px;*/ color: #fff; } #footer ul { line-height: 1.4em; } #footer li { display: block; margin: 10px 0; } #footer .footerText { padding: 20px 0; text-align: center; color: #e8e8e8; font-size: .8em; } #footer .footerText img { margin: 10px 40px;} #footer .footerText .specCont { display: inline-block; padding-top: 20px; position: relative;} #footer .col { padding-right: 2em; } @media only screen and (max-width: 600px) { #footer .col { padding-right: 0; } } #footer .trustlogos-footer img { position: absolute; bottom: 10%; right: 0; width: 40%; } @media only screen and (max-width: 600px) { #footer .trustlogos-footer img { margin: 0; position: relative; width: 95%; } } #footer .padding-40 { padding: 40px 10%; } #footer .logo-and-certified { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #687998!important; } #footer .logo-and-certified .footer-logo img { width: 260px; margin-top: 25px; } #footer .logo-and-certified .footer-certified p { text-align: right!important; } @media only screen and (max-width : 600px) { #footer .logo-and-certified .footer-certified p { text-align: center!important; } } #footer .lastFooter { background-color: #f7f7f7; text-align: center; color: #222; } @media only screen and (max-width : 600px) { #footer .lastFooter { padding: 0 15px; } } #footer .lastFooter .footerText, #footer .lastFooter .footerText .specCont h3, #footer .lastFooter .footerText .specCont p { text-align: left!important; color: #222; } @media only screen and (max-width : 600px) { #footer .lastFooter .footerText, #footer .lastFooter .footerText .specCont h3, #footer .lastFooter .footerText .specCont p { text-align: center!important; } } #footer .footer-social { margin-top: 7px; } #footer .footer-social ul { display: inline-block; } @media only screen and (max-width : 600px) { #footer .footer-social ul { margin: 0!important; } } #footer .footer-social li { float: left; margin: 0 4px; } .footer-social a.social-facebook:before, .footer-social a.social-googleplus:before, .footer-social a.social-instagram:before, .footer-social a.social-pinterest:before, .footer-social a.social-twitter:before, .footer-social a.social-youtube:before { content: " "; } .footer-social a.social-facebook, .footer-social a.social-googleplus, .footer-social a.social-instagram, .footer-social a.social-pinterest, .footer-social a.social-twitter, .footer-social a.social-youtube { background: url(../images/social_facebook.png) no-repeat center center; width: 50px; height: 50px; float: left; } .footer-social a.social-facebook:hover { opacity: .8; } .footer-social a.social-googleplus { background: url(../images/social_googleplus.png) no-repeat center center; width: 50px; height: 50px; float: left; } .footer-social a.social-googleplus:hover { opacity: .8; } .footer-social a.social-instagram { background: url(../images/social_instagram.png) no-repeat center center; width: 50px; height: 50px; float: left; } .footer-social a.social-instagram:hover { opacity: .8; } .footer-social a.social-pinterest { background: url(../images/social_pinterest.png) no-repeat center center; width: 50px; height: 50px; float: left; } .footer-social a.social-pinterest:hover { opacity: .8; } .footer-social a.social-twitter { background: url(../images/social_twitter.png) no-repeat center center; width: 50px; height: 50px; float: left; } .footer-social a.social-twitter:hover { opacity: .8; } .footer-social a.social-youtube { background: url(../images/social_youtube.png) no-repeat center center; width: 50px; height: 50px; float: left; } .footer-social a.social-youtube:hover { opacity: .8; } .last-newsletter { padding-right: 0!important; } #footerNewsletter .cmdAiH.cmdAiH, #footerNewsletter .MrZhR.MrZhR { padding: 0!important; } #footerNewsletter .MrZhR.MrZhR button { width: auto!important; background-color: #78af32!important; color: #fff!important; width: 100%!important; margin-top: 5px!important; border: 0!important; border-radius: 0!important; } #footerNewsletter { color: #fff;} #footerNewsletter .container { padding: 0;} #footerNewsletter .inner { padding: 0; } #footerNewsletter h4 { font-size: 1em; margin-bottom: 5px !important; text-align: right !important; color: #fff;} #footerNewsletter .highlight { color: #474747;} #footerNewsletter p { color: #fff; text-align: right;} @media only screen and (max-width : 600px) { #footerNewsletter h4, #footerNewsletter p { text-align: center!important; } } #footerToTop { text-align: center; } #footerToTop > .container { /*background-color: #fff;*/ } #footerToTop a { cursor: pointer; display: block; margin: 10px 0 20px; color: #000; } #footerToTop a:hover, #footerToTop a:focus { color: #1d578c; } #footerLogos { background-color: #434343; } #footerLogos [class*='grid-'] { text-align: center; } .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{ padding: 6px 0 1px; margin-top: 18px; overflow: auto; position: relative; font-size: 14px;} @media only screen and (max-width : 900px) { #breadcrumbs {display: none}; } #jsBreadcrumb li { display: inline; padding: 5px 0; line-height: 16px; } #jsBreadcrumb li a { font-weight: bold; } #jsBreadcrumb li.arrow { padding:0 0 0 5px; color: #000; } #jsBreadcrumb li.arrow:before { content:"\f105"; font-family: FontAwesome; padding-right:5px; } .standardPageContainer {} .standardPageContainer ul { list-style-type: disc; margin: 10px 5px 10px 20px; } .standardPageContainer ol { margin: 10px 5px 10px 20px; } .standardPageContainer li { position: relative; padding: 8px 0 2px 0; } #categoryBigImage { margin: 0 -5px; } #pageBigImage { margin: 0 -5px; } .spotSale:before { background-color: transparent !important; color: #fff; font-size: 1.3em; font-weight: 500; padding-top: 0; display: inline-block; *display: inline; zoom: 1; } .spotSale { background-color: rgb(50, 50, 50); background-color: #e82b15; color: #fff; font-weight: 700; right: 0; line-height: 60px; padding: 0; position: absolute; text-align: center; top: 0; z-index: 1; width: 60px; height: 60px; border-radius: 140px; font-size: 1.2em; } .spotNew { position: absolute; left: 5px; top: 5px; width: 60px; height: 60px; line-height: 60px; display: inline-block; background-color: #c1d1e1; border-radius: 100%; /*border: 3px solid #ccc716;*/ color: #000; font-weight: 600; font-size: 13px; z-index: 2; text-align: center; } .productListContainer li .spotSale { background-color: rgb(50, 50, 50); background-color: #e82b15; color: #fff; font-weight: 700; right: 5px; line-height: 50px; padding: 0; position: absolute; text-align: center; top: 7px; z-index: 1; width: 50px; height: 50px; border-radius: 140px; font-size: 1.1em; } .spotPopular { color: #333; font-size: 0.9em; font-weight: 700; right: 12px; line-height: 38px; position: absolute; text-align: center; top: 0; z-index: 1; display: none; } .spotPopular i { font-size: 1.6em; padding-right: 6px; vertical-align: middle; margin-top: -5px; } .spotSale em {display: none;} .productListContainer [class*='grid-'] { position: relative; padding: 3px; } @media (min-width: 900px){ .productListContainer [class*='grid-'] { position: relative; padding: 0 20px; margin-bottom: 30px;} } @media (min-width: 900px) and (max-width: 1100px){ .productListContainer [class*='grid-']{width: 33%; } .productListContainer .innerContainer [class*='grid-']{height: 360px; } } .productListContainerSmall.popupList ul li.listProduct { width: 50% } @media (min-width: 900px) { .productListContainerSmall.popupList ul li.listProduct { width: 33% } } @media (min-width: 900px) { .productListContainer [class*='grid-m-15 grid-t-15 grid-tl-15 grid-d-15']:not(.listProduct) .productImage img { max-height: 192px; } } .productListContainer li { /*-webkit-animation: fadein .8s; -moz-animation: fadein .8s; -ms-animation: fadein .8s; -o-animation: fadein .8s; animation: fadein .8s;*/ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .productListContainer li:hover { /*-ms-transform:scale(1.05) translateY(-2px); -webkit-transform: scale(1.05) translateY(-2px); transform:scale(1.05) translateY(-2px);*/ z-index: 2 } .productListContainer li heading { padding: 0 5px 10px; } .productListContainer li:hover a, .productListContainer li .catProdInner h3 a:hover { color: #70c9d1; } .productListContainer li .catProdInner .jsChangeAssoc { position: relative; z-index: 1; } .productListContainer li .catProdInner h3 { height: 100%; padding: 0; position: relative; text-align: left; top: 0; left: 0; width: 100%; z-index: 1; font-size: 16px; font-weight: 500; font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; } @media (min-width: 900px) { .productListContainer li .catProdInner h3 {padding: 0; position: relative; text-align: left; top: 0; left: 0; width: 100%; z-index: 1; font-size: .85em; font-weight: 500; font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; margin-top: 15px; } } .productListContainer li .catProdInner h3 a { display: block; height: 300px; padding-top: 230px; padding-left: 5px; padding-right: 5px; color: #484848; } .productListContainer li .catProdInner h3 a:focus { border: 1px solid #ccc; height: 100%; outline: none; color: #70c9d1; text-decoration: none; } .productListContainer li .catProdInner h3 a:focus span { /*outline: thin dotted;*/ outline: none; } .productListContainer li .catProdInner h3 a:active span { outline: none; } .productListContainer li .catProdInner h3 a span { line-height: 16px; white-space: normal; display: block; height: 33px; overflow: hidden; text-align: center; /*background-color: #fff;*/ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .productListContainer li .catProdInner .rating { bottom: 23%; font-size: 1em; height: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); position: absolute; } .productListContainer li .catProdInner .rating li:hover { transform: none; } .productListContainer li .catProdInner .rating li { font-size: 1em; } .productListContainer li .catProdInner .productPrice { font-weight: 500; text-align: left; font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; text-align: center; width: 100%; } .productListContainer li .catProdInner .cpCatProductRowL { display: none; } .productListContainer li .catProdInner .lowStock, .productListContainer li .catProdInner .instock, .productListContainer li .catProdInner .unavailable { position: absolute; z-index: 0; font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; font-size: .8em; width: 100%; margin: 0px auto; text-align: center; } .productListContainer li .catProdInner .lowStock i { padding-right: 5px; } .productListContainer li .catProdInner .stockquant { font-size: .8em; font-weight: 700; } .productListContainer li .catProdInner .priceNew, .productListContainer li .catProdInner .priceOld { display: inline-block; *display: inline; zoom: 1; } /*.productListContainer li .catProdInner .priceOld { margin-right: 10px; }*/ .productListContainer li .catProdInner .priceOld { /*position: absolute; left: 0; top: -14px;*/ } .productListContainer li .catProdInner .productPrice .installmentCost { font-size: .6em; height: 15px; font-weight: normal; padding-top: 3px; color: #666; display: none; } .productListContainer li .catProdInner .shortText { text-align: center;} .productListContainer li .catProdInner .productBuy { /*position: absolute; width: 100%; bottom: 0; height: 120px; left: 0; background-color: #ececec; */ text-align: center;} .productListContainer li .catProdInner .productBuy .incart { background: linear-gradient(to bottom, rgb(235, 235, 235) 48%,rgb(218, 218, 218) 100%); text-align: center; font-size: .7em; padding: 4px; } .productListContainer li .catProdInner .productBuy .incart:after { top: 21px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(219, 219, 219, 0); border-top-color: #d9d9d9; border-width: 8px; margin-left: -8px; } .productListContainer li .catProdInner .productBuy .incart .amount { font-weight: 700; } .productListContainer li .catProdInner .productBuy .qtyWrap { position: absolute; bottom: 90px; width: 25%; } .productListContainer li .catProdInner .productBuy .qtyWrap p { position: absolute; top: 10px; left: 0; right: 0; width: 100%; text-align: center; font-size: .8em; } .productListContainer li .catProdInner .productBuy input.quant { position: absolute; top: 2px; width: 50px; text-align: center; border-radius: 4px; height: 35px; padding: 6px; background-color: #f5f5f5; font-size: .9em; font-weight: 700; z-index: 100; left: 0; right: 0; margin: 0px auto; } .productListContainer li .catProdInner .productBuy input.quant:focus { background-color: #fff; } .productListContainer li .catProdInner .productBuy .btnQtyPlus, .productListContainer li .catProdInner .productBuy .btnQtyMinus { position: absolute; top: 4px; right: 15%; border-radius: 100%; background-color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 100; border: 0; font-size: 1.3em; color: #6f6f6f; cursor: pointer; } .productListContainer li .catProdInner .productBuy .btnQtyPlus:focus, .productListContainer li .catProdInner .productBuy .btnQtyPlus:hover, .productListContainer li .catProdInner .productBuy .btnQtyMinus:focus, .productListContainer li .catProdInner .productBuy .btnQtyMinus:hover { background-color: #1d578c; color: #fff; } .productListContainer li .catProdInner .productBuy .btnQtyMinus { top: 4px; left: 15%; } .productListContainer li .catProdInner .productBuy .button { font-weight: 700; text-align: center; font-size: 1em; margin: 0px auto; padding: 4px 5px !important; width: 36%; position: absolute; bottom: 10px; right: 10px; } .productListContainer li .catProdInner .productBuy .button i { margin-right: 7px; } .productListContainer li .innerContainer { background-color: #fff; outline: 0px solid #eae7dc; /*outline: 3px solid #fff;*/ /*outline: 1px solid #ededed;*/ padding: 0; position: relative;} .productListContainer li .catprodlogin {text-align: center; width: 100%; display: block; font-size: .8em; padding-top: 40px; position: relative; z-index: 1; } .productListContainer li:hover .innerContainer { box-shadow: none; outline: 1px solid #e6e6e6; z-index: 1; } .productListContainer li .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 .catProdImage { height: 220px; max-width: 100%; position: relative; /* Test with h3 before image in category ... */ } @media screen and (max-width: 700px) { .productListContainer li .catProdImage { padding: 15px; } } .productListContainer li .catProdImage img { max-height: 230px; position: absolute; top: 0; /*bottom: 0;*/ left: 0; right: 0; margin: auto; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .productListContainer li .catProdInner .h3spacer { /*height: 45px;*/ /* Test with h3 before image in category ... */ } .productListContainer li .button-confirm { padding: 3px 20px !important; /*width: 99%;*/ /*width: 50px;*/ } .productListContainer li .button-confirm-black { padding: 3px 10px !important; /*width: 99%;*/ width: 50px; /*font-weight: 700;*/ } .productListContainer li .button:active, .productListContainer li .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; } .productListContainer li .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; } .productListContainer .productListContainer li .spot { color: #fff; font-size: 16px; font-weight: 500; height: 25px; left: 4px; line-height: 25px; position: absolute; text-align: center; top: 4px; width: 30px; z-index: 1; } .productListContainer li.bigProduct { float: left; } .productListContainer li.bigProduct .innerContainer { height: 340px; } .productListContainer li.bigProduct .catProdImage { height: 200px; } .productListContainer li.bigProduct .catProdImage img { max-height: 190px; transform: scale(1.03); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .productListContainer li.bigProduct .catProdInner h3 a { padding-top: 211px; } .productListContainer li.bigProduct .catProdInner h3 a span { height: 60px; line-height: 27px; } .productListContainer li.bigProduct .catProdInner .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 .innerContainer { position: relative; background-color: #fff; border: 1px dashed #e4e4e4; height: 378px; } .productListContainer .flexslider .slides > li { height: 325px; } .productListContainer .flexslider li .catProdInner .rating { bottom: 70%; left: 57%; } .productListContainer .flexslider .catProdImage { float: left; width: 50%; height: 372px; background-color: #fff; } .productListContainer .flexslider .catProdInner { float: left; width: 49%; padding-left: 12px; } .productListContainer .flexslider .catProdInner h3 { position: relative; } .productListContainer .flexslider .catProdInner h3 a { padding-top: 10px; font-size: 1.4em; } .productListContainer .flexslider .catProdInner h3 a span { line-height: 1.2em; text-align: left; height: 65px; } .productListContainer .flexslider .catProdInner .productPrice { font-size: 1.8em; margin-bottom: 60px; } .productListContainer .flexslider .catProdInner .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 li .innerContainer { position: relative; border: 1px solid #efefef; padding: 5px; background-color: #fff; } .productListContainerSmall li .innerContainer:after { content: ""; display: table; clear: both; } .productListContainerSmall li:hover .innerContainer { border: 1px solid #e9e9e9; } .productListContainerSmall .ribbon-wrap { display: none; } .productListContainerSmall li .catProdImage { height: 100px; width: 19%; position: absolute; left: 9px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .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: 40px; width: 40px; padding: 0; } .productListContainerSmall li .button-confirm { width: 85%; font-size: .8em; } .productListContainerSmall li .button-confirm-black { width: 100%; font-weight: 500; } .productListContainerSmall li .catProdInner .productBuy .button { /*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: .8em; bottom: 0px; right: 5px; } .productListContainerSmall li .catProdInner .instock, .productListContainerSmall li .catProdInner .unavailable, .productListContainerSmall li .catProdInner .orderitem, .productListContainerSmall li .catProdInner .lowStock { position: absolute; bottom: 8px; font-size: .8em; } .productListContainerSmall li .catProdInner .lowStock {color: #ff4300;} .productListContainerSmall li .catProdInner .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 .catProdInner { float: right; width: 80%; padding-left: 15px; } .productListContainerSmall li .cpCatProductRowL { display: none; } .productListContainerSmall li .catProdInner h3 { font-weight: 300; height: 60px; padding: 0; padding-right: 10px; font-weight: 500; } .productListContainerSmall li .catProdInner h3 a { display: block; height: 100%; padding-top: 5px; position: absolute; left: 0; width: 100%; z-index: 2; } .productListContainerSmall li .catProdInner h3 a span { display: block; font-weight: 100; height: 102px; left: 0; overflow: hidden; width: 100%; padding-right: 25px; position: absolute; padding-left: 23%; } .productListContainerSmall li .catProdInner .h3spacer { display: none;} .productListContainerSmall li .catProdInner .rating { display: none; } .productListContainerSmall li .catProdInner .rating li { font-size: 1.3em; } .productListContainerSmall li .catProdInner .productPrice { /*float: left;*/ font-size: 1.3em; font-weight: 400; height: 30px; min-height: 30px; text-align: left; /*width: 40%;*/ } .productListContainerSmall li .catProdInner .priceNew, .productListContainerSmall li .catProdInner .priceOld { display: inline-block; *display: inline; zoom: 1; } .productListContainerSmall li .catProdInner .priceOld { margin-right: 10px; text-decoration: line-through;} .productListContainerSmall li .catProdInner .productPrice .installmentCost { display: none; font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; ; font-size: .6em; height: 15px; font-weight: normal; padding-top: 3px; color: #666; } .productListContainerSmall li .catProdInner .productBuy { float: right; min-height: 30px; text-align: right; width: 60%; } /*body.qcashier .productListContainer li .catProdInner h3 a { padding-top: 160px; } body.qcashier .productListContainer li .catProdInner .productPrice { top: 230px; } body.qcashier .productListContainer li .catProdInner .lowStock, body.qcashier .productListContainer li .catProdInner .instock, body.qcashier .productListContainer li .catProdInner .unavailable { top: 200px; } body.qcashier .productListContainer li .catProdInner .productBuy .button { position: relative; margin-top: 40px; bottom: auto; width: auto; padding: 3px 15px!important; }*/ /* Product page */ #productPage { position: relative; margin-top: 30px;} #productPageUpper { background-color: #fff; padding: 0; } /*#prodDesc .container { padding: 0!important; }*/ #prodDesc h2 { text-align: left; font-size: 1.3em; position: relative; background-color: transparent; } #prodDesc .colDesc p { padding-left: 5px; line-height: 1.9em; margin: 15px 0; } /* KUND-1854 Added line-height: 1.9em; margin: 15px 0; */ #prodDesc .colDesc {padding: 30px 60px 30px 0!important;} @media screen and (max-width: 900px) { #prodDesc .colDesc {padding: 30px 15px!important;} } #productPage .white-box { background-color: transparent; } #prodImage { float: right; } .productImage { background-color: #fff; display: block; position: relative; width: 100%; overflow: hidden; max-width: 700px; margin: 0 auto 0; height: 230px; line-height: 230px; } @media only screen and (max-width : 600px) { .productImage { height: 295px; } } .productImage img { vertical-align: middle; /*width:70%;*/ height: auto; max-height: 230px; -webkit-animation: fadein .8s; -moz-animation: fadein .8s; -ms-animation: fadein .8s; -o-animation: fadein .8s; animation: fadein .8s; } @media only screen and (max-width : 600px) { .productImage img { max-height: 290px; } } .productImage .spotSale { right: 8px; margin: 0px auto; } .productImageContainer { text-align: center; position: relative; overflow: hidden; } .productImageContainer .next, .productImageContainer .prev { cursor: pointer; font-size: 50px; font-weight: 500; position: absolute; color: gray; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .productImageContainer .next { right: 0; } .productImageContainer .prev { left: 0; } .productImageContainer .next:hover, .productImageContainer .prev:hover { color: #787878; } .productThumbs { margin-bottom: 10px; margin-top: 7px; width: 100%; } .productThumbs ul { list-style:none; margin:0; padding: 0; } .productThumbs li { float: left; line-height: 65px; width: 20%; } .productThumbs li a { display: block; } .productThumbs li img { margin: 0 auto; vertical-align: middle; } .productThumbs li .innerContainer { background-color: #fff; border: 1px solid #dfdfdf; margin-right: 5px; margin-top: 5px; padding: 5px; } /* prodLatestReviews */ #prodLatestReviews .productReview { border-bottom: 1px dotted #ccc; padding: 4px 0; margin-bottom: 10px; } #prodLatestReviews .productReview .revDate { color: #484848; font-size: 0.8em; } #prodLatestReviews .productReview .revAuthor { font-size: 0.8em; } #prodLatestReviews .productReview .revText { padding: 3px 0; } #prodLatestReviews, #prodAssoc, #prodSimilars, #prodOthers, #prodRecent { /*overflow: auto;*/ padding-bottom: 10px; padding-top: 0; /*background-color: #fff;*/ padding: 30px;} #prodLatestReviews:after, #prodAssoc:after, #prodSimilars:after, #prodOthers:after, #prodRecent:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } #prodAssoc .productListContainerSmall { margin-top: -5px; } #slider { visibility: hidden; overflow: hidden; } .dots li { display: inline-block; *display: inline; zoom: 1; } .dots a { background-color: #ccc; width: 10px; height: 10px; border-radius: 50%; display: inline-block; *display: inline; zoom: 1; } .dots li.active a { background-color: #333; } /* productInfo */ #productInfo .pRating { display: none; } #productInfo .pHeader, #productInfo .pRating, #productInfo .pOffers { float: right; width: 100%; } #productInfo .pImage { float: left; width: 100%; } #productInfo .pImage .col1 { float: right; } #productInfo .pImage .col2 { float: left; } #productInfo { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} @media only screen and (max-width : 600px) { #productInfo {margin-top: -5px;} } #productInfo .rating { cursor: pointer; } #productInfo p { padding: 8px 0; } #productInfo .assoc { margin-top: 10px; } #productInfo .assocText { font-weight: bold; } #productInfo .selProdAssoc { width: 100%; margin-bottom: 10px; margin-top: 10px; } #productInfo .selProdAssocImg { min-height: 68px; margin-top: 5px; padding: 3px 0; } #productInfo .selProdAssocImg .assocChoiceLabel { display: inline-block; height: 66px; max-width: 66px; } #productInfo .selProdAssocImg .assocChoiceLabel input[type="radio"].assocChoice { opacity: 0; position: absolute; } #productInfo .selProdAssocImg .assocChoiceLabel img { cursor:pointer; border: 3px solid transparent; margin-bottom: -3px; } #productInfo .selProdAssocImg .assocChoiceLabel img:hover { border: 3px solid #ccc; transition: border-color 0.3s ease; } #productInfo .selProdAssocImg .assocChoiceLabel.selected img { border: 1px solid #ddd; } #productInfo h1 { padding: 0; text-align: center; font-size: 1.4em; } @media only screen and (max-width : 600px) { #productInfo h1 {text-align: center; font-size: 1.2em;} } #productInfo .subscriptSpot { margin-top: 10px; font-size: .8em; text-align: center; } #productInfo .subscriptSpot span { background-color: #333; padding: 4px 10px; color: #fff; border-radius: 2px; } #productInfo .shortDesc { text-align: center; display: none; } #productInfo .innerBox { position: relative; } #productInfo .innerBox ul { line-height: 1.4em; } #productInfo .innerBox:after { clear:both; content:""; display:block; } #productInfo select { /* background: #f1f1f1; */ width: 98%; } #productInfo .prices { font-weight: 700; font-size: 1.8em; position: relative; /*height: 50px;*/ vertical-align: bottom; display: table-cell; padding: 10px;} #productInfo .priceOld { font-size: .8em; margin-top: -7px; } #productInfo .prices { display: block; text-align: center; } @media only screen and (max-width : 600px) { #productInfo .prices { padding: 0;} } #productInfo .priceNew, #productInfo .priceOld { display: inline-block; *display: inline; zoom: 1; } #productInfo .stockStatus { text-align: center; margin: 20px 0 4px 0; /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; */ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; font-size: .9em; } #productInfo .stockquant { font-size: .8em; font-weight: 700; } #productInfo .stockStatus .delDays {} #productInfo .bracketPrices { background-color: #efefef; clear: both; padding: 7px; position: relative; margin-top: 5px; } #productInfo .bracketPrices .col1 { width: 25%; } #productInfo .bracketPrices:after { top: 100%; left: 45%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(247, 247, 247, 0); border-top-color: #efefef; border-width: 10px; margin-left: 5px; } #productInfo .innerBox .installment { margin-top: 32px; } #productInfo .innerBox .productOptions { margin-top: 20px; padding-top: 4px; border-top: 1px dashed #ccc; } #productInfo .innerBox .productBuy {padding: 0; transition: all 0.5s ease;} @media only screen and (max-width : 600px) { #productInfo .innerBox .productBuy { position: fixed; bottom: 0; z-index: 999; padding: 10px; background-color: rgba(255,255,255,0.9); } } #productInfo #maxQty { /*border: 1px dotted #c10000;*/ padding: 10px; padding-left: 0; margin-right: 9px; margin-top: -14px; color: #c10000; font-weight: 700; font-size: .9em; } #productInfo .innerBox .productBuy .col1 { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: auto; } #productInfo .innerBox .productBuy .col2 { display: inline-block; *display: inline; zoom: 1; width: 83%; } @media only screen and (max-width : 600px) { #productInfo .innerBox .productBuy .col1 { width: auto; float: left; } #productInfo .innerBox .productBuy .col2 { width: 83%; float: right; } } #more-desc { cursor: pointer; } .newProductDescription h1, .newProductDescription h2, .newProductDescription h3, .newProductDescription img { display: none; } #productInfo .innerBox .productBuy .incart { position: relative; background-color: #d9d9d9; text-align: center; font-size: .7em; padding: 4px; } #productInfo .innerBox .productBuy .incart:after { top: -12px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(219, 219, 219, 0); border-bottom-color: #d9d9d9; border-width: 8px; margin-left: -8px; z-index: 2; } #productInfo .innerBox .productBuy .incart .amount { font-weight: 700; } #productInfo .innerBox .productBuy input { border: none; line-height: 50px; height: 50px; text-align: center; font-weight: 500; width: 50px; font-size: 1.1em; background-color: #f7f7f7; color: #222;} #productInfo .innerBox .buttonProdCashier { /*background-color: #333;*/ background-color: #1a8e54; height: 50px; color: #fff; line-height: 41px; display: none;} #productInfo .innerBox .buttonProdCashier:hover {background-color: #2ab36f;} #productInfo .innerBox .productBuy .bigBuy.addedItem { width: 65%; line-height: 20px; } #productInfo .innerBox .productBuy .buttonProdCashier.addedItem { display: inline-block; *display: inline; zoom: 1; width: 34%; float: right; } #productInfo #prodSimilarsSmall { background-color: transparent; clear: right; } #similar-products-container { padding: 30px 0 0!important; } #similar-products-container li.listProduct { width: 95%!important; } #similar-products-container li.listProduct a { padding: 30px 15px; background: #fff; } #similar-products-container li.listProduct p.aw-alt-title { font-weight: bold!important; font-size: 13px!important; } #similar-products-container li.listProduct .aw-img-box img { margin-bottom: 15px!important; } #similar-products-container h3.aw-alt-heading { text-align: left!important; padding: 0!important; margin: 0!important; margin-bottom: 0px!important; margin-top: 0px!important; text-transform: uppercase!important; color: #000!important; font-weight: 700!important; } #similar-products-container .productListContainer { padding: 0; } #similar-products-container h3.aw-alt-heading span { background: transparent!important; padding: 0important; } #similar-products-container h3.aw-alt-heading:before { content: ''!important; background: transparent!important; height: 0!important; } #similar-products-container .productListContainer { background-color: transparent!important; } #productInfo .innerBox .screenProtectWrapper { background-color: #f7f7f7; padding: 15px; margin: 0 0 16px 0; border-radius: 11px; font-size: .9em; width: 91%;} #productInfo .innerBox .screenProtectWrapper input { width: 19px; height: 19px; line-height: 12px;} #productInfo .innerBox .screenProtectWrapper .optionRow { margin: 12px 0px; } #productInfo .innerBox .screenProtectWrapper h3 { font-size: 1em; } /* pManufacturer */ #pManufacturer { color: #727272; padding: 0px 0; font-size: .9em; margin: 5px 0; text-align: center;} /*#pManufacturer:before { float: left; width: 0; white-space: nowrap; content: "........................................................................................................................................................................"; color: #eaeaea; }*/ #pManufacturer span { /*background-color: #fff;*/ /* */ padding: 0 5px; font-weight: 100; } #pManufacturer span:first-child { padding-left: 0; /*float: left;*/ } #pManufacturer span:last-child { /*float: right;*/ margin-right: -5px; } /* productBuyArea */ #productBuyArea { position: relative; padding: 0; } #productBuyArea [class*='grid-'] { padding-left: 0; padding-right: 0; } /* pDesc / pToggle */ #pDesc { position: relative; clear: both; transition: all 300ms; -webkit-transition: all 300ms; font-size: .9em; } #pDesc h2 { font-size: 1em; padding: 0; font-weight: 700; } #pDesc ul { list-style-type: disc; margin: 10px 10px 10px 20px; } #pDesc ol { margin-left: 20px; } #pDesc.collapsed { max-height:100px; overflow: hidden; clear: both; } #pDesc.expand { max-height:999px; } #pDesc .fadeout { display: none; height: 4em; left: 0; position: absolute; bottom: 0; width: 100%; background-image: linear-gradient( rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));} #pToggle { font-weight: 700; display: none; } #pToggle button { border: none; border-bottom: 1px solid #1d578c; padding-bottom: 2px; background: transparent; font-weight: 700; /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif;*/ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; font-size: 1em; cursor: pointer; display: inline-block; *display: inline; zoom: 1; } #pToggle i { font-size: .8em; } /* pManufacturer */ #pManufacturer {} #pUsp { position: relative; color: #5a5a5a; font-weight: 400; margin: 10px 0; /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; */ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; font-size:.7em; } body.product #pUsp { font-size: 14px; } #pUsp .usp1:before, #pUsp .usp2:before, #pUsp .usp3:before { font-family: FontAwesome; content: "\f00c"; display: inline; padding-right: 5px; font-size: 1em; color: #6cb54a; } #pUsp .usp2:before { content: "\f00c"; } #pUsp .usp3:before { content: "\f00c"; } #pUsp i { color: #44ca87; font-weight: 300; font-size: 1.3em; margin-right: 5px; display: inline-block; *display: inline; zoom: 1;} #pUsp div { display: block; padding: 3px 0; margin-right: 5px; } #pUsp p { padding: 0; display: inline; } #pSpec iframe { width: 100%; } #jsRatingsBtn { text-align: center; clear: both; margin: 10px 0; display: block; float: left; width: 100%; } #jsRatingsBtn ul { display: inline; } #jsRatingsBtn span { font-size: .8em; color: #7f7f7f; } #pExtra { margin-top: 10px; margin-bottom: 3px;} #tellAFriend { margin-top: 20px; } #prodLatestReviews .total { text-align: center; font-size: 1.5em; margin-bottom: 15px; cursor: default; } .pReview { margin-bottom: 20px; position: relative; } .lRevGrade { position: absolute; right: 0; top: -2px; } .productReviewWrite { background-color: #f7f7f7; margin-top: 5px !important; } #divAllReviews {} #prodLatestReviews {} #footerReviews { background-color: transparent; } #prodLatestReviews .lRev, #footerReviews .lRev { padding-left: 35px; } #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 { font-size: 0.9em; 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: -20px; color: rgba(0, 0, 0, 0.1); position: absolute; font-size: 1.5em; } /*#prodLatestReviews .lRevText:after { font-family: FontAwesome; content: "\f10e"; right: 6px; bottom: -22px; color: #ededed; position: absolute; font-size: 1.3em; }*/ #prodLatestReviews .lRevDate, #footerReviews .lRevDate { font-size: .7em; color: #666; } #prodSellMore { /*background-color: #fff;*/ } #prodSellMore .grid-d-15 { width: 50%; margin-top: -5px; } #prodRelCat { clear: both; } #prodRelCat li { margin: 3px 0 3px 5px; padding: 2px; } #prodRelCat li a { display: block; } #prodRelCat li a:hover, #prodRelCat li a:focus { color: #1d578c; } #prodRelCat li i { font-size: .6em; vertical-align: middle;} #jsShowMoreCat {} #jsShowMoreCat:hover {} #prodFunctions { bottom: 21px; position: absolute; right: 0; text-align: right; } #divTellAFriend { background-color: #f7f7f7; } #subscriptionText {} #productEmail {} #wishList {} .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 li { position: relative; width: .9em; color: #ccc; font-size: 1.6em; line-height: .9em; vertical-align: bottom; display: inline-block; *display: inline; zoom: 1; } .rating.grade-1 li:nth-child(-n+1){ color: #f9d100; } .rating.grade-2 li:nth-child(-n+2){ color: #f9d100; } .rating.grade-3 li:nth-child(-n+3){ color: #f9d100; } .rating.grade-4 li:nth-child(-n+4){ color: #f9d100; } .rating.grade-5 li:nth-child(-n+5){ color: #f9d100; } .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; 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: 40px; 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; } #product-features-content li, #productInfo .innerBox .screenProtectWrapper .optionRow{ font-size:13px !important; } .instock:before, .orderitem:before, .unavailable:before { font-size: 15px; vertical-align: initial; line-height: 21px; font-family: FontAwesome; } .instock:before { color: #78b12f; content: "\f111"; margin-left: 3px; } .orderitem:before { color: #e6c937; content: "\f111"; margin-left: 3px; } .unavailable:before { color: #808080; content: "\f111"; margin-left: 3px; } .priceRegular { color: #000; } .priceNew { color: #e82b15; display: block; } .priceOld { color: #a5a5a5; display: block; text-decoration: line-through; font-size: .8em; text-decoration: line-through; font-weight: 400; } .recprice { display: block; font-size: .55em; color: #939393; } #categoryContent { padding: 10px 0; background-color: #f7f7f7;} #categoryPage { background-color: #f7f7f7; margin-bottom: 30px; padding-bottom: 30px;} #categoryPage h2 { text-align: center; font-size: 1.6em; position: relative; background-color: transparent; } #categoryPage .flexslider { min-height: auto; } #categoryHeader h1 { text-align: center; } #categoryHeader h1:first-letter { text-transform: none; } #categoryBigImage img { object-fit: contain; width: 100%; min-height: 300px; height: auto; } #pageBigImage img { object-fit: contain; width: 100%; min-height: 300px; height: auto; } .bigImageCat img:first-child { display: none; } .bigImagePage img:first-child { display: none; } #categoryUpper { background-color: #eef1f5; padding: 30px 0; } @media screen and (max-width: 900px) { #categoryUpper { background-color: transparent; padding: 0; } body.category #categoryUpper { background-color: #eef1f5; } body.category #categoryUpper .fadeout { background-image: linear-gradient(rgba(238, 241, 245, 0) 0%,rgba(238, 241, 245, 1) 100%); } #indexTopText #categoryDescription { padding: 0; background-color: transparent; } #categoryUpper .categoryDescription { text-align: center; padding: 15px; } #categoryUpper #categoryHeader h1 { text-align: center; margin-top: 15px; margin-bottom: 5px; } } /* Sub categories */ #categorySubCategories { background-color: #eef1f5; padding: 15px 0; } #categorySubCategories li a:hover { border: 0; opacity: 0.65; color: ; } body.category div { border: 0!important; } body.category .productListContainer { background-color: #f7f7f7!important; margin-bottom: 0!important; } body.category .aw-category-headline { font-family: 'Montserrat', sans-serif; text-align: left; text-transform: uppercase; color: black; font-weight: 700; padding: 10px 0 13px 5px; margin-bottom: 10px; margin-top: 5px; } .categories {} .container.categories.slim { padding: 0; } .categories.slim ul { display: flex; flex-wrap: wrap; } .categories.slim ul li { display: flex; } .categories.slim li a { display: block; padding: 10px; background-color: #fff; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; font-size: .9em; text-align: center; height: 100%; width: 100%;} .categories.slim .catImage { height: 135px; line-height: 135px; text-align: center; margin-bottom: 10px; margin: 15px;} .categories.slim span.head { font-family: 'Montserrat', sans-serif!important; font-weight: bold; text-transform: uppercase;} .categories.slim li a:hover, .categories.slim li a:focus { color: #58881b; } .categories.slim 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; } .categories.slim li a.active { border: 1px solid #78b12f; background-color: #78b12f; 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: 3px solid #f5f5f5; } .categories.big ul li a { display: block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .categories.big ul li a:hover { opacity: .8; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .categories.big ul 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;} .categories.big .catCTA { text-align: center; background-color: #1d578c; color: #fff; padding: 6px; margin-top: 10px; } .categories.big ul li a.active { background-color: #555555; color: #fff; } .categories.big .catImage { height: 90px; lm: uppercase;} .categories.slim li a:hover, .categories.slim li a:focus { color: #58881b; } .categories.slim 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; } .categories.slim li a.active { border: 1px solid #78b12f; background-color: #78b12f; 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: 3px solid #f5f5f5; } .categories.big ul li a { display: block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .categories.big ul li a:hover { opacity: .8; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .categories.big ul 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;} .categories.big .catCTA { text-align: center; background-color: #1d578c; color: #fff; padding: 6px; margin-top: 10px; } .categories.big ul li a.active { background-color: #555555; color: #fff; } .categories.big .catImage { height: 90px; line-height: 90px; text-align: center; margin-bottom: 10px; } .categories.big .catImage img { max-height: 90px; vertical-align: middle;} .categories.big .catText { display: none; text-align: center; padding: 4px 0; font-weight: 700; } .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: 10px !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; } #paging-count { font-size: .8em; text-align: center; color:#777; padding: 5px 0; } #paging {} .pagination-container { background-color: #fff!important; } #paging select, div[id*='paging'] select { height: 40px; padding: 0 10px; width: 100%; 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: .7em; 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; background-color: #ccc; border-radius: 40px; color: #fff; height: 35px; line-height: 35px; text-align: center; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; width: 35px; } div.doublediagonal>div[id*='paging']:nth-child(1) .paging-list, div.doublediagonal>div[id*='paging']:nth-child(2) .paging-list { display: none !important; } /* .doublediagonal div:nth-child(2) .paging-list { display: none !important; } */ /* Filter */ #attributes { padding: 15px; } #attributes .styled-select { border: 0; background-color: transparent; } #attributes label { font-weight: 600; font-size: .7em; width: 94%; text-align: left; display: block; padding: 0; top: -5px; position: relative; left: 0; } #attributes .col .filterSign { } .resetFilter { margin-left: 20px; display: inline; } #attribForm .container { padding: 0; } #attributes input,#attributes select { border: 0; } /* Contact/FAQ-page */ #contactForm label { font-weight: 700; } #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: 700; 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: #e3e3e3; } 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: #343c54; } ul.tabs li.active i, ul.tabs li.active a { color: #fff; } ul.tabs a:focus { outline: none; background-color: transparent; } .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; } .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; } } #loginPage .createForm { background-color: #f2f2f2; outline: 3px solid #fff; } #loginPage .createForm h2 { text-align: center; } /* Form row */ .formRow { display: block; margin: 0; } #loginPage hr { margin: 20px 0; border: 1px solid #dfdfdf; } .formRow:after { content:''; display:block; clear: both; } .formRow label {display: block; margin: 3px 0; font-weight: 700; font-size: .7em; } .formRow input[type="text"], .formRow input[type="password"], textarea { padding: 10px 3px;} .formRow select { background-color:#fff; } .formRow .left { float: left; } .formRow .right { float: left; } #qcashierAddressPane .formRow { padding: 5px 0 10px;} #qcDeliveryOther { float: left; } #qcDeliveryOtherLabel, #qcDeliveryOther { width: auto; display: inline-block; *display: inline; zoom: 1; } #qcDeliveryAddressBox { padding: 10px; background-color: #fbfbfb; } #lblqcDeliveryOther { font-size: .9em;font-weight: 700;} /*#checkSpecialCont{ font-size: 1.5em; }*/ .checkoutToggle, .jsToggleComment, .jsToggleCoupon { cursor: pointer; display: block; padding: 4px 0; margin: 10px 0; font-size: .9em; } .checkoutToggled, .jsToggleCommentContent, .jsToggleCouponContent { display:none; width:100%;} .jsToggleCouponContent input, .jsToggleCouponContent button { height: auto;font-size: 12px!important; padding: 3px 12px!important; } .jsToggleCouponContent input.button-confirm {padding: 0 12px!important;} .jsToggleCouponContent button { text-transform: none; padding: 4px 11px !important; } .checkoutCoupon, .checkoutComment { margin:15px 0; background-color: #f6f6f6; padding:15px; } .firstLetterUppercase:first-letter { } #qcFetchAddr { padding: 7px 0 !important; margin-top: 5px; } #cashierPage { background-color: #fff; padding: 0 3%; } #cashierPage h1 { padding-top: 10px; } #cashierPage h2 { text-align: left; background-color: transparent; font-size: 1.2em; text-transform: uppercase; font-weight: 800; padding: 10px 0 7px 0; margin-bottom: 13px; text-align: center; font-size: 17px!important; margin-bottom: 10px!important; } #cashierPage .cashier-form thead { display: none; } #cashierPage .cashierNewsletter { padding-left: 4px; margin: 0; font-size: 13px;} /* Tabbed menu for payment methods */ .cashierAdress { padding: 2%; } .cashierAdress h3 { font-weight: 700; margin-bottom: 13px; background-color: #1d578c; padding: 10px; color: #fff; } .cashierAdress input:-moz-read-only { /* For Firefox */ background-color: yellow; border: 0; } .cashierAdress input:read-only { background-color: transparent; border: 0; } #prodSimilarsSmall { background-color: #f6f6f6; position: relative; margin-top: 25px;} #prodSimilarsSmall:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(246, 246, 246, 0); border-top-color: #f6f6f6; border-width: 15px; margin-left: -15px; } #prodSimilarsSmall { float: right; width: 100%; } #prodSimilarsSmall h2 { font-size: 1.1em; padding: 0 0 4px 0; text-transform: none; font-weight: 700; text-align: center; margin-bottom: 0;} #prodSimilarsSmall h3 { font-size: .9em; } #prodSimilarsSmall h3 a span { padding-left: 25%; } #prodSimilarsSmall ul li:nth-child(1n+3) { display: none; } #prodSimilarsSmall .instock, #prodSimilarsSmall .unavailable, #prodSimilarsSmall .lowStock { display: none; } #prodSimilarsSmall .productPrice { height: auto; min-height: auto; } .cashierProducts .greyColor, .cashierProducts .greyColor .name { color: #777777; font-weight: normal; } .cashierProducts .discount { padding: 10px 0; font-size: 15px;} .cashier-form { display: block; overflow:hidden; } .cashier-form table tr.cashierRow:last-child { border-bottom: 1px solid #ddd; } .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 .col10 { width: 29%; } .cashier-form .col20 { width: 48%; } .cashier-form .col30 { width: 22%; text-align: right; } .cashier-form table td { white-space: normal; text-overflow: ellipsis; } .cashier-form .cashierRow { border-bottom: 1px solid #ddd; } .cashier-form .cashierRow th, .cashier-form .cashierRow td { padding: 20px 0; vertical-align: middle; position: relative;} .cashier-form .tableImage { text-align: center; width: 18%; font-size: .7em; } .cashier-form td.tableInfo { width: 55%; padding: 0 5px; padding-bottom: 10px; } .cashier-form .tableInfo .name { /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; */ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; font-weight: 700; font-size: .9em; width: 100%; float: left; padding-right: 20px; margin-bottom: 12px; } .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: 20px; width: 20px; background-color: #b9b9b9; border-radius: 40px; border: 0; cursor: pointer; } .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 { -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 .cartQtyWrapper .cartQty { margin: 0 3px; text-align: center; width: 22px; display: -moz-inline-stack; display: inline-block; zoom: 1; font-size: .9em;} .cashier-form .tableTotal { font-weight: 800; text-align: right; } .cashier-form .priceTotal { font-size: 1.1em; font-weight: 400; position: absolute; top: 3px; right: 0;} .cartQtyWrapper {position: absolute; top: 10px;} tr.mob-qty { display: none; } @media (max-width: 600px) { tr.mob-qty { display: block; padding: 0 0 10px 0; } .cashier-form .tableQuantity { display: none; } .cashier-form tr.mob-qty .tableQuantity { display: block; width: 180px; } } tr.mob-qty .cartQtyWrapper {position: relative; top: auto;} .cashier-form .priceSingle { font-weight: 400; font-size: .7em; } .cashier-form .tableRemove { text-align: right; width: 5%; } .cashier-form .tableRemove button { cursor: pointer; font-size: 1em; color: #ccc; background-color: transparent; border: 0; position: absolute; top: 0; right: 0;} .cashier-form .tableRemove button:hover, .cashier-form .tableRemove 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; color: #1d578c; } .cashier-form .tableRemove 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 .vat th, .cashier-form .vat td, .cashier-form .total th, .cashier-form .total td { padding: 3px 0; vertical-align: middle; font-size: .9em;} .cashierProducts .total { /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; */ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; padding: 10px 0; font-weight: bold; border-bottom: 0; font-size: 1em; color: #000; } tr.vat { font-size: 14px; } #qcTypeChoice {} #qcTypeChoice ul { padding-left: 0; display: block; margin-top: 0; } #qcTypeChoice li a { background-color: gray; margin-left: 0; margin-right: 30px; position: relative; padding: 10px 0; text-align: center; text-decoration: none; font-weight: 500; display: inline-block; *display: inline; zoom: 1; } #qcTypeChoice li a:hover, #qcTypeChoice li a:focus { outline: 2px solid #55b018;} #qcTypeChoice 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; } #qcTypeChoice li.active a { background-color: #55b018; border-color: #ccc; border: 0; } #qcTypeChoice li a:after { border-radius: 7px; color: #ccc; content: "\f00c"; font-family: FontAwesome; font-weight: normal; height: 25px; left: 11px; line-height: 25px; position: absolute; text-align: center; top: 20%; width: 25px;} #qcTypeChoice li > a { display: block; height: 100%; width: 100%; color: #fff; } #qcTypeChoice li.active a:after { background-color: #fff; border-radius: 40px;color: #55b018; } .count input { border-radius: 2px; text-align: center; padding: 2px; } /* KCOLike cashier */ #cashierPage .cashierAdress.kcoLike, #cashierPage .cashierDelivery.kcoLike, #cashierPage .cashierPay.kcoLike{ /*max-width: 640px;*/ margin: 0 auto; padding: 0 .5% 0; overflow: hidden; } #cashierPage .cashierDelivery.kcoLike li, #cashierPage .cashierPay.kcoLike li{ display: block; overflow: auto; color: #000; border: 1px solid #ddd; margin: 0 0 15px 0;} #cashierPage .cashierDelivery.kcoLike li:hover, #cashierPage .cashierPay.kcoLike li:hover{ background-color: #f9f9f9; display: block; overflow: auto; color: #000; border: 1px solid #ddd; margin: 0 0 15px 0;} #cashierPage .cashierDelivery.kcoLike li.active, #cashierPage .cashierPay.kcoLike li.active{ display: block; overflow: auto; color: #000; border: none; margin: 0 0 15px 0;} #cashierPage .cashierPay.kcoLike li:last-child{ border-bottom: none;} #cashierPage .cashierDelivery.kcoLike li.active label, #cashierPage .cashierPay.kcoLike li.active label{ } #cashierPage .cashierAdress.kcoLike .innerContainer, #cashierPage .cashierPay.kcoLike .innerContainer { border: 1px solid #ccc; border-radius: 3px; padding: 2px; } #cashierPage .cashierDelivery.kcoLike li .labelText, #cashierPage .cashierPay.kcoLike li .labelText{ text-align: left; font-weight: 700; font-size: .92em; } #cashierPage .cashierDelivery.kcoLike li.active label, #cashierPage .cashierPay.kcoLike li.active label{ color: #000; } #cashierPage .cashierDelivery.kcoLike .infotext, #cashierPage .cashierPay.kcoLike .infotext{ padding: 10px 0; text-align: left; color: rgb(120, 120, 120); font-size: .8em; } #cashierPage .cashierAdress.kcoLike h2.styled, #cashierPage .cashierDelivery.kcoLike h2.styled, #cashierPage .cashierPay.kcoLike h2.styled{ border: 0; padding: 0; font-size: 1.2em; color: #000; margin-bottom: 6px; } #cashierPage .cashierDelivery.kcoLike .fPrice, #cashierPage .cashierPay.kcoLike .fPrice{ float: right; } #cashierPage .cashierDelivery.kcoLike .qcrow, #cashierPage .cashierPay.kcoLike .qcrow{ margin-top: 10px; } #cashierPage .cashierDelivery.kcoLike .labelImage, #cashierPage .cashierPay.kcoLike .labelImage{ float: right; width: 100px; line-height: normal; padding: 0 10px 0 0; height: 30px; line-height: 30px; text-align: right; } #cashierPage .cashierDelivery.kcoLike .labelImage img, #cashierPage .cashierPay.kcoLike .labelImage img{ max-height: 35px; } #cashierPage .cashierAdress.kcoLike input { width: 90%; } #cashierPage .cashierAdress.kcoLike label { font-size: .8em; font-weight: 700; } @media (min-width: 900px) { #cashierPage .cashierDelivery.kcoLike, #cashierPage .cashierPay.kcoLike{ padding: 0 0 20px; } } input[type="radio"].styled:checked { background-color: #54b018; border: 1px solid #409f00; } 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: 16px; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; text-align: center; outline: none; border-radius: 10px; border: 1px solid #373737; background-color: white; } .cashierDelivery li .inner, .cashierPay li .inner { } .cashierDelivery li .inner, .cashierPay li .inner { } .cashierDelivery li:hover .inner, .cashierPay li:hover .inner { } .cashierPay .innerContainer { border: 1px solid #ccc; border-radius: 8px; padding: 2px; } .cashierDelivery ul li.active .inner, .cashierPay ul li.active .inner { background-color: #f9f9f9; border-radius: 3px; } .cashierDelivery ul li .inner input[type="radio"], .cashierPay ul li .inner input[type="radio"] { margin-top: 20px; margin-left: 20px; } .cashierDelivery ul li label.label, .cashierPay ul li label.label { cursor: pointer; position: relative; display: block; padding: 18px 30px 18px 50px; } .cashierDelivery ul li .labeltext, .cashierPay ul li .labeltext { font-size: 1.1em; } .cashierDelivery li.active label , .cashierPay li.active label { color: #fff; } .cashierDelivery li.active label:before, .cashierPay li.active label:before { color: #44ca87; background-color: #fff; border-radius: 40px; } .cashierDelivery li span, .cashierPay li span { position: relative; } .cashierDelivery li img, .cashierPay li img { max-height: 55px; } .cashierDelivery li label, .cashierPay li label{ cursor: pointer; display: block; } .cashierDelivery li label span, .cashierPay li label span { display: inline-block; *display: inline; zoom: 1; } .cashierDelivery li.active label span, .cashierPay li.active label span {} .cashierDelivery li .labelImage, .cashierPay li .labelImage { width: 100%; text-align: center; height: 60px; line-height: 60px; padding-top: 5px; } .cashierDelivery li .labelText, .cashierPay li .labelText { width: 100%; text-align: center; } .qccashier-pay-info { padding: 10px; position: relative; /*background-color: #fafafa;*/ } .qccashier-pay-info label { color: #333 !important; } .cashierDelivery li.active .qccashier-pay-info:after, .cashierPay li.active .qccashier-pay-info:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(250, 250, 250, 0) rgba(250, 250, 250, 0) #f5f5f5; border-image: none; border-style: solid; border-width: 9px; content: " "; height: 0; left: 20px; margin-left: -15px; pointer-events: none; position: absolute; top: -17px; width: 0; } .cashierComment textarea { width:925px; height:80px; } .cashier-form a {} .conditions { font-size: 0.8em; text-align: center; } .minus { float: left; margin-top: 3px; } .plus { float: left; margin-top: 3px; } .plus a, .minus a { border-radius: 22px; color: #000; display: block; font-size: 8px; height: 16px; line-height: 16px; text-align: center; text-decoration: none; width: 16px; background-color: #333333; } .plus a:focus, .minus a:focus { color: #fff !important;} .plus a:hover, .minus a:hover { opacity: .7; } .qccashier-bonus {} .qcBonusLevels {} .qcBonusLevels ul {} .qcBonusLevels li {} .qcBonusLevels li:hover { background: #fff; } .qcBonusProduct { border-bottom: 1px dotted #e3e3e3; } .qcBonusProduct .f1 {} .qcBonusProduct .f1 img { display:block; margin:auto;} .qcBonusProduct .f2 {} .qcBonusProduct .f3 {} .qcBonusProduct .f3 select {} .qcBonusProduct .f4 { font-weight:500; } .qcBonusProduct .f5 {} .qcCartTbl .plus, .qcCartTbl .minus { display: inline-block; *display: inline; zoom: 1; } .login-for-price-text { font-size: 0.9em; } /* qcGiftWrapSelection */ #qcGiftWrapSelection { margin-top:10px; } #qcGiftWrapSelection ul { list-style: none; padding:0; margin:0; overflow:auto; height:auto; } #qcGiftWrapSelection li { margin:5px; display:block; float:left; height:160px; width:120px; padding:1px; border:1px solid #ccc; background:#fff; cursor: pointer; position: relative; } #qcGiftWrapSelection li:hover { border: 1px solid #b2e5b2; } #qcGiftWrapSelection img { display:block; margin-left:auto; margin-right:auto; min-height: 85px;} #qcGiftWrapSelection li.active { border: 2px solid #44ca87; } #qcGiftWrapSelection li.active:before { font-family: FontAwesome; content: '\f00c'; padding-right: 5px; position: absolute; bottom: 2px; left: 50%; font-size: 120%; color: #44ca87; font-weight: 500; transform: translate(-50%); -webkit-transform: translateX(-50%); } #qcGiftWrapSelection li strong { display:block; margin-left:3px; margin-right:3px; margin-top:3px; text-align:center; clear:both; font-size:12px; height:14px; overflow:hidden; } #qcGiftWrapSelection li i { display:block; margin-left:3px; margin-right:3px; margin-top:3px; text-align:center; clear:both; font-style: normal; } /* 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; } #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: .9em; } /* 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; 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: 40%; max-width: 600px; 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: 30px; 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; } .ajaxPopupContent { padding:5px; } /* 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; } /* 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; } /* axloader */ .axloader, .axloader:before, .axloader:after { border-radius: 50%; } .axloader { color: transparent; font-size: 11px; text-indent: -99999em; margin: 55px auto; position: relative; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .axloader:before, .axloader:after { position: absolute; content: ''; } .axloader:before { width: 5.2em; height: 10.2em; background: #1d578c; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } .axloader:after { width: 5.2em; height: 10.2em; background: #1d578c; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0 5.1em; transform-origin: 0 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; } .p3selectbox {} #ajaxLoaderSmall { left: -32px; padding-left: 10px; padding-top: 1px; position: absolute; top: 12px; } #jsCashierForm { font-weight: 700; height: 70px; padding: 20px !important; background-color: #7ec440; box-shadow: 0 2px 0 #67a92d; margin: 20px 0 25px; font-size: 1.5em; } /* 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; -webkit-appearance: none; /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif;*/ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', 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; transform: translateY(2px); -webkit-transform: translateY(2px); } .button:active, .button:focus { outline: 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 { font-weight: 700; height: 50px; position: relative; overflow: hidden; font-size: 1.2em; width: 99%; text-transform: uppercase; /*background-color: #474747;*/ } a.button.bigBuy { line-height: 37px;} .button.bigBuy a { padding-top: 15px !important; } @media only screen and (max-width : 600px) { .button.bigBuy { width: 100%!important; } } .notifyme.button.bigBuy { background: #808080; } .button.button-confirm.jsAddOk:after { border-radius: 30px; background-color: #ff7f05; 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%; } .productListContainer li .catProdInner .productBuy .button.button-confirm.jsAddOk:after { border-radius: 30px; line-height: 33px; } .button.button-confirm.bigBuy.jsAddOk:after { border-radius: 30px; 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: #ff7f05; } .button.button-confirm.jsAddFail:after { border-radius: 30px; 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: 30px; 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: #78af32; font-size: 1em; } input.button-confirm:hover, input.button-confirm:focus, button.button-confirm:hover, button.button-confirm:focus, a.button-confirm:hover, a.button-confirm:focus { /*background-color: #363636;*/ background-color: #ee7400; /*-webkit-animation: none; -moz-animation: none; animation: none;*/ } 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.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: #c6c6c6; border-color: #c6c6c6; } input.button-confirm-black, button.button-confirm-black, a.button-confirm-black { background-size: 100% auto; font-weight: 500; background-color: gray; font-size: 1em; } 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: #787878; } 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: #7c7c7c; color: #fff; cursor: pointer; font-size: 0.9em; font-weight: 500; padding: 8px 10px; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; display: inline-block; *display: inline; zoom: 1; border-radius: 30px; } .mediumButton:hover, .mediumButton:focus { color: #fff; background-color: #595959; } .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: #577f7f;*/ background-color: #78b12f; color: #fff; border-radius: 40px; display: block; height: 30px; line-height: 30px; 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: #58881b; } .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 { color: red; } /* 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:#5d4422; color: #fff; padding:5px; margin:0; font-size: 12px; font-weight:300; text-align:left; } .suggest.tt-suggestion.tt-selectable > a { display: block; width: 100%; } /* btnMenuDesktop */ #btnMenuDesktop { transition: all .3s ease; -webkit-transition: all .3s ease; position: relative; /*max-width: 240px;*/ display: block; height: 45px; border: 0; color: #fff; font-size: .9em; /*font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif;*/ font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, sans-serif; cursor: pointer; /*width: 100%;*/ text-align: left; padding-left: 50px; padding-right: 40px; background: #577f7f; font-weight: 700;} #btnMenuDesktop:hover, #btnMenuDesktop:focus { background: #577f7f; transition: all .3s ease; -webkit-transition: all .3s ease; } #btnMenuDesktop.active { background: #3b6464; transition: all .3s ease; -webkit-transition: all .3s ease; } #btnMenuDesktop:focus { outline: 1px solid #000; outline-offset: 1px; } #btnMenuDesktop i { margin-right: 10px; position: absolute; left: 15px; top: 50%; transform:translateY(-50%); -webkit-transform: translateY(-50%); font-size: 1.4em; } /* Menu - Desktop navigation */ #superTopMenu { display: none; } body.menuOpen { overflow: hidden; } #menu { font-family: 'Montserrat', 'Open Sans', Trebuchet MS, sans-serif; } /* 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: 940- */ @media only screen and (max-width : 940px) { } /* KMFIX-OVERFLOW Overflow in top menu fix */ .c_advancer { display: none; } @media (min-width: 900px) { #topMenu { display: block; } #navBarTop{ overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; /*position: relative; font-size: 0;*/ /*width: 95%; margin: 0px auto;*/} #navBarTop { -ms-overflow-style: -ms-autohiding-scrollbar; } #navBarTop li { font-size: 15px !important; padding-left: 6px;} #navBarTop li.child {border: 0;} #navBarTop::-webkit-scrollbar { display: none; } #jsMenuList.desktop li.category > a { padding: 0 25px; /* Most for test purpose to fill out width ... */ } .c_navBarTopContents { float: left; transition: transform .2s ease-in-out; } .c_navBarTopContents-no-transition { transition: none; } .c_advancer { display: block; height: 45px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(0,0,0,.7); padding: 0; border: 0; position: absolute; top: 0; bottom: 0; opacity: 0; transition: opacity .3s; width: 30px; } .c_advancer:focus { outline: 0; } .c_advancer:hover { cursor: pointer; } .c_advancer_left { left: 0; } [data-overflowing="both"] ~ .c_advancer_left, [data-overflowing="left"] ~ .c_advancer_left { opacity: 1; } .c_advancer_right { right: 0; } [data-overflowing="both"] ~ .c_advancer_right, [data-overflowing="right"] ~ .c_advancer_right { opacity: 1; } .c_advancer_Icon { width: 7px; height: 25px; fill: #78af32; } } .all-pages.header-usps { display: none; } @media (max-width: 700px) { .cashier-usps .cash-usp { display: inline-block; margin: 0 5px 0 5px; text-align: center; padding-bottom: 2px; font-size: 12px; } .all-pages.header-usps { display: block; z-index: 20; position: fixed; width: 100%; background-color: #222; color: #fff; padding-bottom: 3px; } .all-pages.header-usps.cashier-usps .cash-usp { display: inline; margin: 0 auto; text-align: center; } .all-pages.header-usps.cashier-usps .cash-usp i.fa { color: #54b017; display: inline; margin-right: 5px; } .all-pages.header-usps.cashier-usps .cash-usp p { display: inline; } } /* Target: 720+*/ /*@media (min-width: 720px) {*/ @media (min-width: 900px) { ul.customWidth .grid-d-15 { width: 33.33333%; } .collapsed { max-height:100px; } .expand { max-height:9999px; } #countryChoose:focus, #countryChoose:hover{ outline: none; color: #000; } #topMenu { border-bottom: 0; } .doublediagonal, .fullWidth { /*background-color: #fff; BGFIX */ } .fullWidth { padding-top: 0; } #wrapper { padding: 0; } .fadeout { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); } #footerToTop > .container { /*background-color: #fff;*/ } .fullWidth { /*padding: 0 5px;*/ } .fullWidth::after { display: none; } h1.styled, h2.styled { /*border-bottom: none; margin-bottom: 0*/ } .onlyBig {display: block !important; } .onlySmall {display: none !important; } #footer {text-align: left;} #footer h4 {text-align: left; margin-bottom: 4px; } /*#footer .col2 { text-align: center; } #footer .col2 h4 { text-align: center; } #footer .col3 { padding-left: 10%; }*/ #ajaxNL .newsletter-field { width: 15%;} #vatSelect { display: inline-block; *display: inline; zoom: 1; margin: 0 20px 0 0; } #vatSelect ul li a {color: #333;} #vatSelect ul li.active { color: #333;} #countrySelect { padding: 0; } /* Breadcrumb */ #wrapper #breadcrumbs { display: block; padding: 3px 0; } /* Index */ #pageIndex .flexslider {margin-bottom: 0; /*min-height: 304px;*/ } #uspIndex .uspPlate { min-height: 105px; } #uspIndex [class*='grid-']:nth-child(2) {} #uspIndex [class*='grid-']:first-child, #uspIndex [class*='grid-']:nth-child(2) { /*border-bottom: 0; padding-bottom: 0;*/ } #uspIndex .uspPlate img { /*width: auto;*/ } #indexUsp > ul > li { /*width: 25%;*/ } #indexUsp .uspText {min-height: 0; } /* Category */ #categoryPage .flexslider { min-height: 150px;} .categories.slim li .count { width: auto; text-align: left; } .categories.big .catImage { height: 130px; line-height: 130px; text-align: center; margin-bottom: 10px; } .categories.big .catImage img { max-height: 130px; vertical-align: middle;} .productListContainer li:hover { -ms-transform:scale(1.03) translateY(-2px); -webkit-transform: scale(1.03) translateY(-2px); transform:scale(1.03) translateY(-2px); } .productListContainer li .catProdInner .productBuy .btnQtyPlus { right: 25%; } .productListContainer li .catProdInner .productBuy .btnQtyMinus { left: 25%; } .productListContainer li .catProdInner .productPrice { height: 2.25em;} .productListContainer li .catProdInner h3 a span { padding: 0 5px; } .productListContainer li .button-confirm-black { padding: 3px 20px !important;} .productListContainer li .catProdInner .productBuy .button { } .productListContainer li .catProdInner .productPrice { width: 100%; } .productListContainer li.bigProduct .catProdInner .rating { bottom: 21.2%; right: 45%; width: 100px;} .productListContainer li.bigProduct .innerContainer { height: 646px; } .productListContainer li.bigProduct .catProdImage { height: 510px; } .productListContainer li.bigProduct .catProdImage img { max-height: 500px; } .productListContainer li.bigProduct .catProdInner h3 a { padding-top: 520px; } .productListContainer li.bigProduct .catProdInner h3 { font-size: 1.5em;} .productListContainer li.bigProduct .catProdInner .productPrice { height: 2.5em; font-size: 1.6em; top: 603px; } .productListContainer li.bigProduct .catProdInner .lowStock, .productListContainer li.bigProduct .catProdInner .instock, .productListContainer li.bigProduct .catProdInner .unavailable { top: 565px; } .productListContainer ul [class~='bigProduct']:nth-child(even) { float: right; } /* Product page */ #productPage .white-box { background-color: #fff; } #productPageUpper { /*padding: 10px 0; */} #productInfo h1 { font-size: 1.5em; text-align: left; margin-bottom: 20px; font-weight: bold;} #productInfo .bracketPrices:after { left: 20px; } #productInfo .shortDesc { text-align: left; display: block; } #productInfo .subscriptSpot { text-align: left; } #productInfo .stockStatus { text-align: left; margin: 0; } #productInfo .pRating { margin: 2px 0 5px 0; display: block;} #productInfo .pHeader, #productInfo .pRating, #productInfo .pOffers { float: right; width: 45%; } #productInfo .pImage { float: left; padding-right: 20px; width: 55%; } #productInfo .prices { font-size: 1.8em; display: table-cell; text-align: left; padding: 0; } #productInfo .priceNew, #productInfo .priceOld { } #productInfo .productListContainerSmall .priceNew, #productInfo .productListContainerSmall .priceOld { display: inline; } .productImage .spotSale { right: 13px; top: 84px; } .productImage .spotSale:after { left: 97%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(232, 43, 21, 0); border-left-color: #e82b15; border-width: 10px; margin-top: -10px; } .revFix .pReview { width: 50%; margin-left: 23%;} #pUsp { margin: 5px 0; } .installment { margin: 12px 0; } #pManufacturer { text-align: left; padding-right: 10px; font-size: 12px;} #prodFunctions { position: relative; bottom: auto; } #jsRatingsBtn { text-align: left; display: inline; clear: both; margin: 0; float: none; width: auto; } #jsRatingsBtn span { display: inline; } #productBuyArea { padding: 10px 0 0 0; } #productBuyArea .container { padding: 0; } .productImageContainer { margin-top: 0; } .productImage { height: 500px; line-height: 500px; } .productImage img { max-height: 500px; } #cashierPage { padding: 0 15%; } #cashierPage #prodSimilarsSmall { margin-left: 25px; padding: 10px; overflow: visible; } #prodSimilarsSmall { width: 45%; } /* Misc. */ .search-form .text { height: 45px; border-radius: 0; font-style: normal; } .search-form .icon {height: 44px; right: 9px; top: 0px; width: 44px; border-radius: 100%; } #vatContainer .vatInner { margin: 0; } #buttonSearch { display: none; } #mSearch { display: none; } .pagination { text-align: center; } #wrapper.fixed { margin-top: 85px; } .nav-wrapper { height: 145px; } #supertop { z-index: 222; display: block; position: fixed; width: 100%; background-color: #fff; font-size: .7em; height: auto; } #supertop li { font-weight: 500; margin-right: 15px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; line-height: 25px; } #supertop img { display: inline-block; vertical-align: middle; } #supertop .usp1, #supertop .usp2, #supertop .usp3 { display: inline-block; vertical-align: middle; margin-left: 18px; line-height: 25px; font-weight: 500; } #supertop p { color: #666; display: inline-block; padding-left: 5px; } #supertop .usp1:before, #supertop .usp2:before, #supertop .usp3:before { font-family: FontAwesome; content: "\f00c"; display: inline; padding-right: 5px; font-size: 1em; color: #6cb54a; } .cashier-usps .usp1, .cashier-usps .usp2, .cashier-usps .usp3 { font-size: 12px; margin-left: 0; display: inline-block; vertical-align: middle; margin-left: 18px; line-height: 25px; font-weight: 500; } .cashier-usps p { color: #666; display: inline-block; padding-left: 5px; } .cashier-usps .usp1:before, .cashier-usps .usp2:before, .cashier-usps .usp3:before { font-family: FontAwesome; content: "\f00c"; display: inline; padding-right: 5px; font-size: 1em; color: #6cb54a; } #supertop .cashier-trustpilot, #supertop .header-usps, #supertop .login-right { padding: 3px 5px 5px 5px!important; } #topArea { display: block; font-size: .9em; height: 30px; z-index:1000; background-color: #fff; } #topArea [class*='grid-'] { padding-bottom: 0; } #topBarLeft, #topBarLeft a { font-size: 1em; font-family: 'Trebuchet MS'; } #topBarLeft li { font-weight: 400; display: inline-block; *display: inline; zoom: 1; color: #6d6d6d; } #topBarLeft em {color: #1d578c; } #topBarRight { text-align: right; position: relative; font-size: .9em; } #topBarLeft .usp1, #topBarLeft .usp2, #topBarLeft .usp3 { vertical-align: super; font-weight: 400; margin-right: 3px; display: inline-block; *display: inline; zoom: 1; color: #6d6d6d; } #topBarLeft .usp1 p, #topBarLeft .usp2 p, #topBarLeft .usp3 p { display: inline; } #topBarLeft .usp1:before, #topBarLeft .usp2:before, #topBarLeft .usp3:before { display: inline; content: '\f00c'; font-family: FontAwesome; padding-right: 5px; color: #1d578c; } /* Top bar, logo search and cart in full screen */ #topBar { height: 95px; display: block; } #menuTop {top:127px !important;position: relative !important;} #topBar.fixed { position: fixed; top: 0; height: 55px; -webkit-transform: translateZ(0); transition: height 0.2s; -webkit-transition: height 0.2s;} #topBar.fixed #topLogo img { max-height: 45px; } #topUsp { padding-top: 19px; padding-left: 15px; font-size: .9em; text-align: center; } #topLogoFixed { display: none; } #buttonMenu, #topCartFiller { display: none; } #buttonMenu.fixed, #topCartFiller.fixed { display: table-cell; } /* Menu top */ #menuTop { /*position: relative;*/ background-color: #1d578c; /*z-index: 9998;*/ z-index: 500; position: fixed; top: 100px; } #menuTop, #menuTop.fixed { height: 45px; background-color: #fff; height: auto; padding: 20px 0; /*background-color: #d8c3a5;*/ /* background-color: #f15353; */ /* background-color: #1f304c;*/ border-bottom: 1px solid #f7f7f7; } #menuTop.fixed { top: 55px; -webkit-transform: translateZ(0); /* Fix for flicker when hover over product effects in category view ... */ } #menuTop.fixed #jsMenuList.desktop li.category > a {} #menuTop.fixed #jsMenuList.desktop li.category.active > a { color: #000; background-color: transparent; } #menuTop.fixed #jsMenuList.desktop li.category > .subMenuWrapper { left:0; width: 100%; } /* jsMenuList desktop */ #jsMenuList .subMenuWrapper .subMenuWrapper { background-color: #fff; } #jsMenuList { box-shadow: none; } #jsMenuList.desktop { background-color: transparent; display: block; position: relative; top: 0px; max-height: none; overflow: visible; width: 100%; max-width: 1350px; text-align: center; } #menuTop.fixed #jsMenuList { border-bottom: 0; } #menuTop.fixed #jsMenuList.desktop li.category.active > a { border: none; } #jsMenuList.desktop li { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; text-align: left;} #jsMenuList.desktop li.category { font-family: 'Montserrat', sans-serif; font-weight: 700!important; font-size: 14px; /*border-left: 6px solid #78af32;*/ vertical-align: middle; display:-moz-inline-stack; zoom:1; *display:inline; text-align: left;} #jsMenuList.desktop li:first-child { margin-left: 0; } #jsMenuList.desktop .menuTxt { padding-left: 0; } #jsMenuList.desktop li.category > a { padding: 0 12px 0 0; line-height:20px; border-bottom: 0; position: inherit; transition: background 0.1s linear; font-weight: 500; display: flex; align-items: center; flex-direction: row;} #jsMenuList.desktop li.category i { font-weight: 600; float: right; margin-right: 15px; font-size: 1.5em; padding: 5px 12px; margin-top: -5px; border-left: 1px solid #ccc; padding-left: 23px; } #jsMenuList.desktop.textSmall li.category > a { padding: 0 1px; } #jsMenuList.desktop.textSmall li.category i { padding-left: 3px; padding-right: 9px; } #jsMenuList.desktop li.category.hasSub > a { } #jsMenuList.desktop li.category.changed > a, #jsMenuList.desktop li.category > a:focus { background-color: #fff; } #jsMenuList.desktop li.category.initialChanged > a { color: #000; } #jsMenuList.desktop li.category.changed i { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #jsMenuList.desktop li.category.active > a { position: relative; color: #000; /* Also check #menuTop.fixed #jsMenuList.desktop li.category.active > a */ background-color: transparent; } #jsMenuList.desktop li.category > a:hover { } #jsMenuList.desktop li.category i { padding-left: 8px; font-weight: 600; float: none; margin-right: 0px; font-size: 1.2em; display: none; } #jsMenuList .level-1 .menuTxt { border-bottom: 1px solid #f1f1f1; } #jsMenuList.desktop li > .subMenuWrapper { top: 39px; left: 0; max-width: 1350px; position: absolute; overflow: visible; text-align: left; } #jsMenuList.desktop .subMenuWrapper ul:not(:first-child) { margin-top:0; } #jsMenuList.desktop .subMenuWrapper .subMenuInner.level-1 ul { margin: 0; } #jsMenuList.desktop .subMenuWrapper .subMenuInner.level-1 > ul:nth-child(5) { float: right; } #jsMenuList.desktop .subMenuWrapper .subMenuWrapper ul { padding-left: 0; } #jsMenuList.desktop li > .subMenuWrapper .subMenuWrapper { max-width: 1180px; position: relative; overflow: visible; text-align: left; top: 0;} #jsMenuList.desktop li.category > a { border-bottom: none; color: #191919; font-weight: bold; } #jsMenuList.desktop li.category > a:hover { color: #78af32;} #jsMenuList li.desktop .subMenuWrapper [class*='grid-'] { width: 100%; } #jsMenuList li .subMenuWrapper li.changed > a { background-color: #fff; color: #333; border: 0;} #jsMenuList li .subMenuWrapper li.changed i { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #jsMenuList.desktop li .subMenuInner.level-1 { box-shadow: -1px 6px 4px -2px rgba(1, 1, 1, 0.2); /*height: 100%;*/ padding: 0 10px 10px 10px; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-top: 3px solid #dbdbdb; background-color: #fff; } #jsMenuList.desktop li .subMenuWrapper li a { padding: 2px; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; } #jsMenuList.desktop li .subMenuWrapper li a:hover { padding-left: 12px; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out;} #jsMenuList.desktop .subMenuWrapper .subMenuWrapper li.child { border: 0; } #jsMenuList.desktop li .subMenuInner.level-3 { display: none; } #jsMenuList li.category:first-of-type > a { border-top: 0; } .subMenuInner .container { padding: 0; } /* #jsMenuList li .subMenuWrapper li AND #jsMenuList.desktop .subMenuWrapper .subMenuWrapper has to "play together" according to width, and left-position/width! */ #jsMenuList.desktop li .subMenuWrapper li { display: block; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } #jsMenuList.desktop li .subMenuWrapper li.hasSub.level-2 i { float: right; display: none; float: right; transform: rotate(-90deg); border: none; } /* Level 1 */ #jsMenuList.desktop li .subMenuWrapper li.level-1 { margin-left: 0px; } #jsMenuList.desktop li .subMenuWrapper .level-1 li:hover, #jsMenuList.desktop li .subMenuWrapper .level-1 li.changed { border: 0; /*background-color: gray;*/ } #jsMenuList.desktop li .subMenuWrapper .level-1 li:hover > a, #jsMenuList.desktop li .subMenuWrapper .level-1 li a:focus{ color: #000; } /* Level 2 */ #jsMenuList.desktop li .subMenuInner.level-2 { overflow: auto; height: 100%; } #jsMenuList.desktop li .subMenuWrapper .level-2 .menuImg, #jsMenuList.desktop li .subMenuWrapper .level-2 .menuTxt { background-color: #fff; display: table-cell; vertical-align: middle; padding-left: 3px; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } #jsMenuList.desktop li .subMenuWrapper .level-2 .menuTxt { font-size: 1.1em; word-break: break-word; font-weight: 400; padding-top: 1px; padding-bottom: 1px; border: none; display: block;} #jsMenuList.desktop li .subMenuWrapper .level-2 .menuImg { padding: 4px; width: 55px; line-height: 60px; } #jsMenuList.desktop li .subMenuWrapper .level-2 li { /*outline: 1px solid #e7e7e7;*/ } #jsMenuList.desktop li .subMenuWrapper .level-2 li:hover > a { /*outline: 1px solid #ffd11f;*/ } #jsMenuList.desktop li .subMenuWrapper .level-2 li:hover > a .menuTxt { color: #000; } #jsMenuList.desktop .subMenuWrapper .subMenuWrapper li.child:nth-child(n+6) { display:none; } #jsMenuList.desktop .subMenuWrapper .subMenuWrapper li.currentMenu { display:block !important; } #jsMenuList.desktop .subMenuWrapper .subMenuWrapper li.currentMenu .menuTxt { font-weight: 600; } /* #menu.desktop .root-menu li.level-2:nth-child(n+7) { display:none; }*/ /* #jsMenuList.desktop .subMenuWrapper .subMenuWrapper AND #jsMenuList li .subMenuWrapper li has to "play together" according to width, and left-position/width! */ #jsMenuList.desktop .subMenuWrapper .subMenuWrapper { display: block !important; } #jsMenuList.desktop .subMenuWrapper .subMenuWrapper li { background-color: transparent; margin: 10px 0; } #jsMenuList.desktop .subMenuWrapper .subMenuWrapper li a { background-color: #fff; padding: 0; } #countryList { /*float: right; margin-top: 10px;*/ } #countryList ul { /*float: right;*/ } #prodSimilarsSmall { padding: 0; margin-top: 0;} #prodSimilarsSmall:before {display: none;} #prodSimilarsSmall:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(250, 250, 250, 0); border-right-color: #f6f6f6; border-width: 30px; margin-top: -30px; } #prodSimilarsSmall ul li:nth-child(1n+3) { display: block; } #cashierProducts .productListContainerSmall .listProduct { width: 50%; display: block; } .cashierAdress .inner { /*width: 50%;*/ } .cashier-form .quantity { width: 41%; } .cashier-form .tableInfo .name { width: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px;} .cashier-form .tableInfo .cartQtyWrapper { width: auto; margin-top: -4px; float:left; } } .cashier-trust-icons { text-align: center; } .cashier-trust-icons img { width: 80px; margin-top: 20px; } @media only screen and (max-width: 850px) { .cashier-trust-icons img { width: 50%; margin-top: 20px; } } body.qcashier .productListContainer li .innerContainer { height: auto!important; } body.qcashier .productListContainer .slick-slide li .innerContainer { height: auto!important; padding-bottom: 75px; } @media only screen and (min-width: 980px) { body.qcashier .productListContainer .slick-slide .catProdInner { min-height: 260px; } } @media only screen and (min-width: 870px) { body.qcashier .productListContainer .slick-slide .catProdInner { min-height: 260px; } } @media only screen and (min-width: 780px) { body.qcashier .productListContainer .slick-slide .catProdInner { min-height: 300px; } } @media only screen and (min-width: 1100px) { body.qcashier .productListContainer .slick-slide .catProdInner { min-height: 190px; } } @media only screen and (min-width: 1300px) { body.qcashier .productListContainer .slick-slide .catProdInner { min-height: 255px; } } @media only screen and (min-width: 780px) { body.qcashier .productListContainer .slick-slide .catProdInner { min-height: 300px; } } @media only screen and (max-width: 600px) { body.qcashier .productListContainer .slick-slide .catProdInner { min-height: 240px; } } .productListContainer li .innerContainer { height: auto; padding: 15px; } @media only screen and (min-width: 1100px) { .productListContainer li .innerContainer { height: 280px; padding: 15px; } } @media only screen and (min-width: 1300px) { .productListContainer li .innerContainer { height: 355px; padding: 15px; } } .productListContainer li .catProdInner h3 a { height: auto; padding-top: 0; text-transform: uppercase; font-weight: bolder; } .productListContainer li .catProdImage { height: auto; text-align: center; } .productListContainer li .catProdImage img { max-height: 217px; width: auto; position: relative; } .productListContainer .innerContainer { display: flex; } .productListContainer .catProdInner { align-self: flex-end; } @media only screen and (max-width: 600px) { .productListContainer li .catProdImage img { height: 120px; max-height: 120px; } } .productListContainer li .catProdInner .productPrice { /*top: 323px; left: 0; right: 0;*/ position: relative; } .productListContainer li .catProdInner .lowStock, .productListContainer li .catProdInner .instock, .productListContainer li .catProdInner .unavailable { bottom: auto; left: 0; right: 0; top: auto; position: relative; } div#klarna-checkout-container { margin-bottom: 30px; } label.jsToggleCoupon { background-color: #e6e6e6; padding: 7px 15px; font-size: 11px; text-transform: uppercase; font-weight: bold; width: auto; display: inline-block; } body.qcashier .login-right, body.qcashier .header-usps { display: none; } body.qcashier .mobile-fa-check { display: none; } @media only screen and (max-width: 600px) { body.qcashier .mobile-fa-check { display: inline-block; color: #6cb54a; margin-right: 3px; } body.qcashier .header-usps p { display: inline; } } body.qcashier { background-color: #f7f7f7; } body.qcashier header#topBar, body.qcashier #supertop { position: relative; height: auto; margin-bottom: 0px; } body.qcashier .nav-wrapper { height: 55px!important; } body.qcashier .cashier-trustpilot { width: 100%; text-align: center; } #cashierPage { width: 65%; margin: 0 auto; padding: 0; background-color: transparent; } @media only screen and (max-width: 1100px) { #cashierPage { width: 100%; } #cashierPage { padding: 0; } } div#qcDynamicCashier, .productListContainer, .cashierDelivery .innerContainer { background-color: #fff; padding: 30px; position: relative; margin-bottom: 25px; } @media only screen and (max-width: 600px) { div#qcDynamicCashier, .productListContainer, .cashierDelivery .innerContainer { padding: 15px; } } .cashierProducts header { display: none; } #qcDynamicCashier:after, #cashierPage .productListContainer:after, .cashierDelivery .innerContainer:after { border-right: solid 20px transparent; border-left: solid 20px transparent; border-top: solid 20px #fff; transform: translateX(-50%); position: absolute; z-index: 2; content: ''; top: 100%; left: 50%; height: 0; width: 0; } /* } 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%; } .productListContainer li .catProdInner .productPrice { /*text-align: center;*/ } .productListContainer li .catProdInner .lowStock, .productListContainer li .catProdInner .instock, .productListContainer li .catProdInner .unavailable { /*text-align: center;*/ } } #cashierPage .container { padding: 0; } /* Target: 940- */ @media (max-width : 1200px) and (min-width: 800px) { #productInfo .prices { text-align: center; font-size: 1.7em;} #productInfo .innerBox .productBuy .bigBuy.addedItem { font-size: 1em; } } /* Target: 1200px+ */ @media only screen and (min-width: 1200px) { #cashierProducts { display: block; } #cashierPage { width: 60%; margin: 0 auto; padding: 0; background-color: transparent; margin-top: -30px; } div#qcDynamicCashier { background-color: #fff; padding: 30px; } } /* Print */ @media print { .divToPrint { page-break-after: always; } .noPrint { display: none; } .productListContainer li .catProdInner .productBuy { display: none; } } /********************************************************************************************* GRID SYSTEM *********************************************************************************************/ /* BASE */ *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [class*='grid-'] { float: left; padding: 5px; width:100%; } #topBar > .container { display: table;margin-top: 10px;} #topBar [class*="grid-"] { display: table-cell; vertical-align: middle; float: none; position: relative; padding: 0;} .clear-grid { clear:both; float:inherit; } .container { margin:0%; width: 100%;} .container:after, .container:before { display: table; clear:both; content: " "; } .nest { margin:0 -10px; padding:0; width:auto; } /* Mobile */ .grid-m-12 {width: 100%;} .grid-m-11 {width: 91.666663%;} .grid-m-10 {width: 83.33%;} .grid-m-9 {width: 74.999997%;} .grid-m-8 {width: 66.66666664%;} .grid-m-7 {width: 58.333%;} .grid-m-6 {width: 50%;} .grid-m-5 {width: 41.6665%;} .grid-m-4 {width: 33.33%;} .grid-m-3 {width: 24.99%;} .grid-m-2 {width: 16.66666%;} .grid-m-1 {width: 8.33%;} /* Five columns special */ .grid-m-15 { width: 50%;float: left;} /* 900px+ */ /*@media (min-width: 720px) { */ @media (min-width: 900px) { .grid-12 {width: 100%;} .grid-11 {width: 91.666663%;} .grid-10 {width: 83.33%;} .grid-9 {width: 74.999997%;} .grid-8 {width: 66.66666664%;} .grid-7 {width: 58.333%;} .grid-6 {width: 50%;} .grid-5 {width: 41.6665%;} .grid-4 {width: 33.33%;} .grid-3 {width: 24.99%;} .grid-2 {width: 16.66666%;} .grid-1 {width: 8.33%;} .grid-t-12 {width: 100%;} .grid-t-11 {width: 91.666663%;} .grid-t-10 {width: 83.33%;} .grid-t-9 {width: 74.999997%;} .grid-t-8 {width: 66.66666664%;} .grid-t-7 {width: 58.333%;} .grid-t-6 {width: 50%;} .grid-t-5 {width: 41.6665%;} .grid-t-4 {width: 33.33%;} .grid-t-3 {width: 24.99%;} .grid-t-2 {width: 16.66666%;} .grid-t-1 {width: 8.33%;} /* Five columns special */ .grid-t-15 { width: 24.99%; float: left; } } /* 1024px+ */ @media only screen and (min-width: 1024px) { .grid-tl-12 {width: 100%;} .grid-tl-11 {width: 91.666663%;} .grid-tl-10 {width: 83.33%;} .grid-tl-9 {width: 74.999997%;} .grid-tl-8 {width: 66.66666664%;} .grid-tl-7 {width: 58.333%;} .grid-tl-6 {width: 50%;} .grid-tl-5 {width: 41.6665%;} .grid-tl-4 {width: 33.33%;} .grid-tl-3 {width: 24.99%;} .grid-tl-2 {width: 16.66666%;} .grid-tl-1 {width: 8.33%;} /* Five columns special */ .grid-tl-15 { width: 20%; float: left;} .grid-tl-60 {width: 60%;float: left;} .grid-tl-40 {width: 40%;float: left;} } @media only screen and (min-width: 900px) { .container { max-width: 100%; margin:0 auto; padding: 0 5%; } } @media only screen and (min-width: 1000px) { .container { max-width: 100%; margin:0 auto; padding: 0 5%; } } /* 1370px+ */ /*@media only screen and (min-width: 1200px) {*/ @media only screen and (min-width: 1370px) { /*.container {max-width:1180px; margin:0 auto;}*/ .container { max-width: 100%; margin:0 auto; padding: 0 11%; } .container-fluid {max-width:90%; margin:0 5%;} .grid-d-12 {width: 100%;} .grid-d-11 {width: 91.666663%;} .grid-d-10 {width: 83.33%;} .grid-d-9 {width: 74.999997%;} /*.grid-d-8 {width: 66.66666664%;}*/ .grid-d-8 {width: 100%;} .grid-d-7 {width: 58.333%;} .grid-d-6 {width: 50%;} .grid-d-5 {width: 41.6665%;} .grid-d-4 {width: 33.33%;} .grid-d-3 {width: 24.99%;} .grid-d-2 {width: 16.666%;} .grid-d-1 {width: 8.33%;} /* Five columns special */ .grid-d-15 {width: 25%;float: left;} .grid-d-40 {width: 40%;float: left; } } /* Full-width-test */ /* @media only screen and (min-width: 1700px) { .container { max-width: none; margin:0 auto; } #topArea, #topBar, #menuTop, #footerToTop, #footer { padding: 0 2%; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; } .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.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s 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; } } /* load */ @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); }} /* 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; } /* Cloud Zoom CSS. (c)2012-2013 Star Plugins. */ /* CSS for lens */ .cloudzoom-lens { border:5px solid #888; width:100px; height:100px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40); cursor:crosshair; z-index: 10; } /* CSS for zoom window. */ .cloudzoom-zoom {border:1px solid #888; width:500px; height:200px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40);z-index:999; } /* CSS for zoom window in 'inside' mode. */ .cloudzoom-zoom-inside { border:none; box-shadow:none;z-index:999; } /* CSS for captions */ .cloudzoom-caption { display:none; /* CSS captions should be hidden initially */ text-align: left; background-color:#000; color:#fff; font-weight:bold; padding:10px; font-family: sans-serif; font-size:11px;} /* A blank image */ .cloudzoom-blank { background-image:url(blank.png);} /* The animated ajax loading image */ .cloudzoom-ajax-loader { background-image:url(../images/ajax-loader.gif); width:32px; height:32px; } /* 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-map-marker:before{content:"\f041"}.fa-phone:before{content:"\f095"}.fa-envelope:before{content:"\f0e0"}.fa-mobile:before{content:"\f10b"} /* 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:#bdc3c7}.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:.95em;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)) - 8%);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:#428bca!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:#55b018!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:#55b018}.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:#55b018;stroke:#55b018}.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after{background-color:#55b018!important}.pretty.p-switch input:checked~.state.p-warning:before{border-color:#55b018}.pretty.p-switch.p-fill input:checked~.state.p-warning:before{background-color:#55b018!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}} .selector-hero { /*background-image: url('https://www.themobilestore.se/upload/002/banner/bg-front-newz.jpg'); background-position: top right; background-size: cover; background-repeat: no-repeat;*/ /*width: 100%;*/ /*background-color: #ddd;*/ position: relative; } @media(max-width:900px){ .selector-hero { height: 400px; } } .selector-hero .textContent { position: absolute; left: 0; right: 0; top: 35%; width: 85%; margin: 0 auto; text-align: center; text-shadow: 0px 2px 3px #222; } @media(min-width:1300px){ .selector-hero .textContent { width: 55%; } } .selector-hero .textContent h1, .selector-hero .textContent h4{ color: #fff; } .selector-hero .textContent h1 { font-size: 3rem; text-transform: uppercase; } .selector-hero .textContent h4 { font-size: 1.8rem; margin-top: 30px; } @media(max-width:900px){ .selector-hero { height: 300px; background-image: url('https://www.themobilestore.se/upload/002/banner/bg-front-newz.jpg'); background-size: cover; background-repeat: no-repat; } .selector-hero img { display: none; } .selector-hero .textContent { top: 35%; } .selector-hero .textContent h1 { font-size: 2rem; text-transform: uppercase; } .selector-hero .textContent h4 { font-size: 19px; margin-top: 10px; font-weight: normal; } } #model-select-wrapper { padding-top: 0; padding-bottom: 30px; min-height: auto; background: transparent; background-attachment: fixed; background-size: auto; background-size: auto; background-position: 0 0; background-position: 95% -300px; margin: 0 0; transition: all .3s ease; } #model-select-container .opacityBlue { background-color: rgba(33,48,75,0.7); } #model-select-wrapper > .inner > .container { padding: 0; width: 100%; } #model-select-wrapper > .inner > .container > .grid-d-12 { padding: 0; } #model-select-wrapper .blue { background-color: rgba(33,48,75,1); } @media(min-width:1300px){ #model-select-wrapper .blue { padding-top: 40px; padding-bottom: 40px; padding: 40px; } } h3#model-head { padding: 10px 0; text-transform: uppercase; font-size: 16px; } #model-select-container .buttonstyle span { text-transform: uppercase; } .productPrice { margin-top: 15px; } @media(min-width:1100px){ .productListContainer .showPrice { float: left; width: 50%; } } @media(max-width:900px){ .productListContainer li .innerContainer { height: 355px; padding: 15px; } @media(max-width:600px){ .productListContainer li .innerContainer { height: 290px; } body.qcashier .header-usps { padding-top: 40px; font-size: 13px; } } /* New model selector styles */ /*#model-select-wrapper { background: transparent; position: relative; height: auto; min-height: auto; padding-top: 0; } @media(max-width:600px){ #model-select-wrapper { position: static; } } #model-select-container { position: absolute; left: 0; right: 0; bottom: 0; padding: 0; } @media(max-width:600px){ #model-select-container{ padding-bottom: 0; position: absolute; top: 20%; height: auto; bottom: auto; } .model-chooser button { border: 1px solid #ddd; } } #model-select-container .model-select-subhead { top: auto; left: auto; width: 100%; } #model-select-container #model-chooser { background-color: rgba(33,48,75,1); padding: 40px 0; } #model-select-wrapper .blue { background-color: rgba(33,48,75,1); } #model-select-container .opacityBlue { background-color: rgba(33,48,75,0.7); } @media(min-width:900px){ .model-chooser .buttonstyle { margin-bottom: 0; margin-right: 40px; width: 22%; } } @media(max-width:900px){ #model-select-wrapper .blue, #model-select-container .opacityBlue { background-color: transparent; } #model-select-container #model-chooser { background-color: transparent; padding: 10px 40px; } } .model-chooser .buttonstyle:last-child { margin-bottom: 0; margin-right: 0; } h3#model-head { margin: 0; display: block; font-size: 17px; font-family: 'Montserrat', sans-serif; padding: 8px 0; text-transform: uppercase; } @media(max-width:900px){ h3#model-head { text-align: center; } #model-step-3 { width: auto; } } .model-chooser button span { padding: 15px 0; text-align: center; text-transform: uppercase; } .model-chooser button span, .linkwrapper { background-color: #fff; } .model-chooser button span, .linkwrapper .model-chooser a { background-color: #fff; } @media(max-width:900px){ .fullWidth .container.inner { padding: 0; } .container { padding: 0 1%; } }*/