/* Copyright (C) 2012-2019 Kodmyran AB All Rights Reserved */ #mobilecheck { display: block; } .flex { display: flex; } .flex-wrap { flex-wrap: wrap; } .justify-center { justify-content: center; } .align-center { align-items: center; } .leading-6 { line-height: 1.5rem; } .overflow-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bg-white { background-color: white; } .p-5 { padding: 5px; } .p-15 { padding: 15px; } .mr-8 { margin-right: 8px; } .font-normal { font-weight: normal; } .font-bold { font-weight: bold; } .text-sm { font-size: 14px; } .bottom-subcategories-header { margin: 15px; font-size: 1.2em; font-weight: 600; text-align: center; } .bottom-subcategories > div { width: 100%; } @media (min-width: 500px) { .bottom-subcategories > div { width: 50%; } } @media (min-width: 750px) { .bottom-subcategories > div { width: 33%; } } @media (min-width: 950px) { .bottom-subcategories > div { width: 25%; } } .bottom-subcategories .info-text { width: calc(100% - 58px); } .bottom-subcategories a:hover, .bottom-subcategories a:focus { text-decoration: none; color: inherit; } #menu.mobile .menu .menu-link.js-top:after { float: right; padding-right: 7px; color: #000; font-size: 15px; margin-top: 5px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; content: " "; width: 25px; height: 12px; font-size: 20px; font-weight: 600; order: 2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center center; transition: transform 0.3s ease; transform: rotate(-90deg); position: absolute; right: 10px; } @media print { .noprint { display: none;} } @page { margin: 0.5cm; } 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; } #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; } #categorySubCategories { overflow:hidden; position: relative; padding: 0; } .collapsed2 { max-height: 110px; transition: max-height 0.5s ease-in-out; } .collapsed2 .categories, .collapsed2 h2 { } .collapsed2.expand { max-height: 9999px; transition: max-height 0.5s ease-in-out; } .collapsed2.expand .categories, .collapsed2.expand h2 {} .styled-select select { display: block; font-size: 16px; font-family: sans-serif; font-weight: 700; color: #444; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #aaa; /*box-shadow: 0 1px 0 1px rgba(0,0,0,.04);*/ border-radius: .5em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } .styled-select select::-ms-expand { display: none; } .styled-select select:hover { border-color: #888; } .styled-select select:focus { border-color: #aaa; box-shadow: 0 0 1px 2px rgba(59, 153, 252, .7); color: #222; outline: none; } .styled-select select option { font-weight:normal; } h1, h2, h3, h4 { font-family: 'Poppins','Trebuchet MS', sans-serif; } h1 { font-size: 1.2em; font-weight: 600;} h2 { color: #484848; display: block; font-size: 1.1em; margin: 0; padding: 0 0 5px; font-weight: 400;} h1.styled, h2.styled { text-align: center; font-size: 1.6em; font-weight: 600; padding: 0; margin: 15px; } h3 { clear: left; margin:0; padding:0 0 3px 0; display:block; font-size:1em; font-weight: 400; } h3.styled { text-align: center; background-color: transparent; font-size: 1.2em; font-weight: 400; padding: 15px 0 13px 0; border-bottom: 1px solid #d1d1d1; margin-bottom: 13px; } p { line-height: 1.6em; } p a { text-decoration: none; } ul.checked { list-style-type: none !important; margin-left: 0 !important; } ul.checked li { display: flex; align-items: center; position: relative; padding: 0 0 2px 20px; } ul.checked li:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 408.576 408.576' style='enable-background:new 0 0 408.576 408.576;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%2359b94e' d='M204.288,0C91.648,0,0,91.648,0,204.288s91.648,204.288,204.288,204.288s204.288-91.648,204.288-204.288 S316.928,0,204.288,0z M318.464,150.528l-130.56,129.536c-7.68,7.68-19.968,8.192-28.16,0.512L90.624,217.6 c-8.192-7.68-8.704-20.48-1.536-28.672c7.68-8.192,20.48-8.704,28.672-1.024l54.784,50.176L289.28,121.344 c8.192-8.192,20.992-8.192,29.184,0C326.656,129.536,326.656,142.336,318.464,150.528z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } ul.checked li:before { content: ''; margin-right: 4px; color: #59b94d; width: 15px; height: 15px; background-size: 13px; background-repeat: no-repeat; background-position: center center; display: inline-block; } 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; } .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: 1px; top: -5px; width: 0; } .ribbon3:after { border-bottom: 12px solid transparent; border-left: 9px solid #cac6ba; border-top: 13px solid transparent; height: 0; right: -8.5px; width: 0; } .spot3for2 { background-color: #0099d5; color: #fff; border: 5px solid #fff; line-height: 50px; padding: 0; position: absolute; text-align: center; z-index: 1; width: 82px; height: 82px; border-radius: 100%; font-size: 1em; text-transform: uppercase; top: 5px; right: 5px; transform: scale(.8); } @media (min-width: 900px) { .spot3for2 { top: 9px; right: 9px; transform: scale(1); } } .productImageContainer .spot3for2 { right: 5px; left: auto; } .spot3for2 .line1 { cursor: default; position: absolute; left: 14px; font-size: 11px; font-weight: 600; top: -4px; } .spot3for2 .line2 { cursor: default; position: absolute; top: -4px; right: 19px; font-size: 28px; font-weight: 600; } .spot3for2 .line3 { cursor: default; position: absolute; top: 34px; font-size: 10px; width: 36px; left: 6px; line-height: 11px; text-align: right; font-weight: 600; } .spot3for2 .line4 { cursor: default; font-size: 28px; font-weight: 600; position: absolute; top: 19px; right: 9px; } .productListContainerSmall .spot3for2 { right: 0; left: auto; transform: scale(.7); top: -8px; } .info, .error { position: relative; padding: 20px 10px 20px 50px; border: 1px solid #ccc; background: #fff; margin: 15px 0; } .info { border: 1px solid #9ac39d; background: #e7f6e8; color: #02830b; /*border-radius: 2px;*/ } .info:before { content: '\2713'; font-size: 32px; font-weight: 400; left: 10px; position: absolute; top: 10%; color: #02830b; } .error { border: 1px solid #993333; background: #f2e7e7; color: #993333; } .error:before { content: '!'; font-size: 40px; font-weight: 400; left: 17px; position: absolute; top: 7%; color: #993333; } .observe { color: #993333; border: 1px dashed #993333;} #ajaxNL { text-align: center;} #ajaxNL .newsletter-field { height: 38px; background-color: #f7f7f7; vertical-align: middle; padding: 5px; border: 0; max-width: 300px; width: 30%; display: inline-block; *display: inline; zoom: 1; } #ajaxNL .button { height: 38px; margin-top: 3px; } .nlText { text-align: center; } .nlText p { text-transform: none; } #categorySubCategories.big h2 { display: block; position: relative; } .categoryDescription { overflow:hidden; position: relative; padding: 0; font-size: .9rem; } .fadeout { visibility: visible; height: 11em; left: 0; position: absolute; bottom: 0; width: 100%; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255) 100%) } #cpToggle, #cpToggle2 { /*visibility: hidden;*/ /*text-align: center; */ z-index: 2; position: relative;} #cpToggle2 { display: none; } #cpToggle button, #cpToggle2 button { /*margin-bottom: 13px; font-size: 1em; background-color: #fff; color: #000; padding: 7px 17px; border: 1px solid #ccc; border-radius: 35px;*/ margin-bottom: 0; font-size: 1em; background-color: #fff; color: #0e80b0; padding: 7px 0; border: 0; /* border-radius: 35px;*/ } #cpToggle button i, #cpToggle2 button i{ font-size: .8em; } #cpToggle button:hover, #cpToggle button:focus, #cpToggle2 button:hover, #cpToggle2 button:focus{ cursor: pointer; background-color: #f7f7f7; } #cpToggle.active_button, #cpToggle2.active_button{ margin-top: 0; } #cpToggle:hover button, #cpToggle:hover #cpToggle button:focus, #cpToggle2:hover button, #cpToggle2:hover #cpToggle button:focus{ outline: 0;} .collapsed { max-height:54px; transition: max-height 300ms ease-in-out; } #pageIndex .collapsed { max-height:150px; transition: max-height 300ms ease-in-out; } .expand, #pageIndex .expand { max-height: 9999px; transition: max-height 300ms ease-in-out; } #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; } #notice_bar { background-color: #7bc18f; color: #fff; font-weight: 600; text-align: center; padding: 5px; } .doublediagonal { position: relative; z-index: 1; } #header { position: relative; margin: 0 auto 0; color: #333; } /* Top user and currency NOTE: Not in use, but keep ... */ #topCurr { display: table-cell; position: relative; vertical-align: middle; text-align: center; width: 85px; border: 0; border-style: solid; border-width: 0 1px 0 0; -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#e0e0e0), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #e0e0e0, rgba(0, 0, 0, 0)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #e0e0e0, rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(bottom, #e0e0e0, rgba(0, 0, 0, 0)) 1 100%; border-image: linear-gradient(to top, #e0e0e0, rgba(0, 0, 0, 0)) 1 100%; } #topCurr a { display: block; height: 100%; vertical-align: middle; font-size: 1.3em; } #toppCurr { padding-left: 7px; } #topCurr a > i:first-of-type { position: absolute; top: 26%; left: 0; right: 0; } #topCurr a .btnlabel{ position: absolute; bottom: 5px; left: 0; font-size: 10px; text-transform: uppercase; font-weight: 600; right: 0; overflow: hidden; height: 10px; line-height: 14px; text-overflow: ellipsis; } #countryChoose img:first-of-type{ max-height: 23px; position: absolute; top: 26%; left: 0; right: 0; margin: 0px auto; } #countryList { position: absolute; right: 0; } #countryList ul {} #countryList li { font-size: .8em; text-align: left; display: block !important;} #countryList li a { padding: 10px; border-bottom: 1px solid #dfdfdf; font-size: 1em; } #countryList li a:hover, #countryList li a:focus { background: #e9e9e9; } #countryList li a:focus { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } #countryList li.active a { background: #59b94e; } #countryList li.active a { color: #fff; } #countryList li img { display: inline-block; vertical-align: middle; margin-right: 9px; } #countryList li span { display: inline-block; vertical-align: middle; } #countryList a { display: block; padding: 2px 6px; text-decoration: none; color: #000; } #countryList #countryDiv { min-width: 255px; } #countryChoose { height: 45px; font-size: .7em; border: 0; background-color: transparent; /*color: #fff;*/ } #countryChoose:focus, #countryChoose:hover{ outline: none; } #countryChoose .countryHeadImage {vertical-align: middle; max-width: 25px; margin-left: 4px; margin-right: 4px; } #countryChoose .countryHead { display: inline-block; vertical-align: middle; margin-top: 0; } #countryChoose span { display: inline-block; vertical-align: middle; margin-top: 0; float: none; margin-right: 0px; } #countryToggle { cursor: pointer; color: #0496ce; border: 0; background-color: transparent; vertical-align: middle; margin-left: 5px; } #countryDiv { position: absolute; top: 1px; right: 0; display: none; overflow: auto; background-color: #fff; box-shadow: 3px 6px 9px -4px rgba(0,0,0,0.5); } #countryDiv .cShort { font-weight: 600; padding-right: 8px; } #countryDiv .cName { font-size: .9em; color: #9b9b9b; } #countryArrow { line-height: inherit; font-size: 1.2em; margin-left: 5px; } .arrowRotate { transform: rotate(180deg); } .sitemapLine { background:url(../images/line.png); background-repeat:repeat-y; } .sitemapHline { background:url(../images/hline.png); background-repeat:repeat-x; } .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); } } #miniCart { display: none; position: absolute; top: 104%; right: 1px; width: 450px; padding: 5px; background-color: #fff; box-shadow: 0 1px 4px rgba(50, 50, 50, 0.3); max-height: 547px; overflow-y: auto; z-index: 10001; } #miniCart .cashier-form { } #miniCart .cashier-form .cartPlus a, #miniCart .cashier-form .cartMinus a { height: 17px; line-height: 17px; width: 17px; border-radius: 30px; font-size: 11px; } #miniCart .cashier-form .cartMinus a { margin-right: 15px;} #miniCart .cashier-form .cartPlus a:focus, #miniCart .cashier-form .cartMinus a:focus { opacity: .7; outline: thin dotted !important; } #miniCart .cashier-form .cartQty { margin: 0 3px; text-align: center; width: 25px; color: #757575; display: inline-block; *display: inline; zoom: 1; } #miniCart .cashier-form .name { line-height: 16px; font-size: .9em; padding: 0; height: 40px; } #miniCart .cashier-form .name a { font-size: .9em; font-weight: 600; overflow: hidden; display: block; text-overflow: ellipsis; max-height: 35px; } #miniCart .cashier-form tr { border-bottom: 1px solid #efefef; } #miniCart .cashier-form td { padding: 5px 0; } #miniCart .cashier-form .cartQtyWrapper { margin-top: 0; float: left; width: 35%; } #miniCart .cashier-form .tableInfo .name { width: 64%; } #miniCart .cashierProducts .vat { font-size: .9em; padding: 3px 0; } #miniCart .cashierProducts .total { font-size: 1.2em; padding: 3px 0; } #miniCart .cashierProducts .vat td { padding: 0; } #miniCart .button-confirm { margin: 10px 0 5px 0; font-size: 1.1em; } .maxQty { font-size: .8em; color: #a62d33; font-weight: 100; font-style: italic; } #footer { text-align: center; background-color: #fbfbfb; overflow: hidden; font-size: .9em; border-top: 8px solid #FBB716; padding-bottom: 5px;} #footer a { padding: 1px 0; margin: 2px 0; } #footer a:hover, #footer a:focus { text-decoration: underline; color: #59b94e; } #footer a:focus { outline-offset:2px; outline: thin dotted; color: #59b94e; text-decoration: underline;} #footer h4 { cursor: pointer; font-size: 1em; font-weight: 600; margin-bottom: 0; text-transform: uppercase; border-top: 1px solid #bababa; padding: 14px 6%; text-align: left; /*background-color: #f2f2f2;*/ } #footerColumns h4:after { float: right; padding-right: 7px; color: #000; margin-top: 3px; content: ""; width: 25px; height: 12px; font-size: 20px; font-weight: 600; order: 2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center center; transition: transform 0.3s ease; transform: rotate(0deg); } #footerColumns h4.active:after { transform: rotate(180deg); } #footer ul { line-height: 1.4em; } #footer li { margin: 2px 0; } #footerColumns .col1, #footerColumns .col2, #footerColumns .col3, #footerColumns .col4, #footerColumns .col5 {padding: 0;} #footerColumns .col1 .inner, #footerColumns .col2 .inner, #footerColumns .col3 .inner, #footerColumns .col4 .inner, #footerColumns .col5 .inner {padding: 0 0 10px 0;} #footerColumns .col4 .inner { padding: 20px 0 15px 35px; } #footer .footerText { padding: 0 15px 20px 15px; text-align: center; } #footer .footerText img { /*margin: 10px 40px;*/} #footer .footerText .specCont { display: inline-block; width: 80%; margin: 1px 0px; } #footerColumns ul li a { display: block; } #footerColumns ul li { padding: 5px 0; } /*#footer ul.checked li:before { color: #59b94e; content: '\f05d'; font-size: 1.5em; vertical-align: text-bottom; display: inline-block; margin-right: 14px; position: relative; }*/ #footer ul.checked li:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 408.576 408.576' style='enable-background:new 0 0 408.576 408.576;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%2359b94e' d='M204.288,0C91.648,0,0,91.648,0,204.288s91.648,204.288,204.288,204.288s204.288-91.648,204.288-204.288 S316.928,0,204.288,0z M318.464,150.528l-130.56,129.536c-7.68,7.68-19.968,8.192-28.16,0.512L90.624,217.6 c-8.192-7.68-8.704-20.48-1.536-28.672c7.68-8.192,20.48-8.704,28.672-1.024l54.784,50.176L289.28,121.344 c8.192-8.192,20.992-8.192,29.184,0C326.656,129.536,326.656,142.336,318.464,150.528z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } #footer ul.checked li:before { content: ''; margin-right: 4px; color: #59b94d; width: 15px; height: 15px; background-size: 13px; background-repeat: no-repeat; background-position: center center; display: inline-block; } #footer .col4 ul { margin-left: -15px !important; } .footer_h4_mobile { } #footerColumns .col3 { border-bottom: 1px solid #dfdfdf; } #footer .col5 img { max-width: 35px; } #footer {isolation: isolate;} #footer img {/*mix-blend-mode: multiply;*/} #footerNewsletter { margin-bottom: 20px; padding: 20px 0; color: #4c4c4c; font-weight: 400;} #footerNewsletter h4 { font-size: 1.4em; margin-bottom: 5px !important; text-align: center !important; color: #6e6e6e;} #footerNewsletter .highlight { color: #474747;} #footerNewsletter .colLabel { float: left; width: 150px;} #footerNewsletter .colInput { float: left; width: 150px;} #footerNewsletter strong { text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #a6a6a6; } #footerNewsletter label { text-transform: uppercase; font-weight: 600; font-size: .9em; } #footer .footerPartner { min-height: 70px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 1px; } #footer .footerPartner img { max-height: 18px; width: auto; } #footerToTop { text-align: center; text-transform: uppercase; background-color: #eaebef; } #footerToTop a { cursor: pointer; display: block; margin: 10px 0 20px; color: #000; } #footerToTop a:hover, #footerToTop a:focus { color: #59b94e; } #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; } .standardPageContainer {} .standardPageContainer ul { list-style-type: disc; margin: 10px 5px 10px 20px; } .standardPageContainer ul ul { list-style-type: circle; } .standardPageContainer ol { margin: 10px 5px 10px 20px; } .standardPageContainer li { position: relative; padding: 8px 0 2px 0; } .standardPageContainer .pageContent { background-color: #fff; padding: 10px; } .standardPageContainer .pageContent p, .categoryDescription p { line-height: 1.3em; margin: 1em 0; } .standardPageContainer .pageContent p, .categoryDescription > p { margin-top: 0; } .standardPageContainer .pageContent h2 { line-height: 1.3em; } .spotSale { display: flex; background-color: #eb1616; border-radius: 4px; color: white; font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 13px; padding: 7px 12px; z-index: 2; position: absolute; left: 0; top: 0px; font-weight: 700; line-height: normal; } /* .spotSale:before { content: ""; position: absolute; display: block; right: -17px; width: 0; height: 0; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 19px solid #eb1616; } .spotSale:after { content: ""; background-color: white; border-radius: 50%; width: 4px; height: 4px; display: block; position: absolute; right: -9px; top: 17px; } */ .productListContainer [class*='grid-'] { position: relative; } .productListContainer li:hover { z-index: 2 } .productListContainer li article { /*content-visibility: auto; contain-intrinsic-size: 300px;*/ background-color: #fff; position: relative; height: 300px; /*height: 357px;*/ /*outline: 1px solid #e7e7e7;*/ /*transition: all 0.3s ease; -webkit-transition: all 0.3s ease;*/ } .productListContainer li:hover a, .productListContainer li article h3 a:hover { color: #25aae5; } .productListContainer li article .jsChangeAssoc { position: relative; z-index: 1; } .productListContainer li article h3 { height: 100%; padding: 0; position: absolute; text-align: left; top: 0; left: 0; width: 100%; z-index: 1; font-size: .85em; } .productListContainer li article h3 a { display: block; height: 100%; padding-top: 195px; padding-left: 5px; padding-right: 5px; } .productListContainer li:hover article h3 a, .productListContainer li article h3 a:focus { height: 100%; color: #25aae5; text-decoration: none; } .productListContainer li article h3 a:focus { outline: 1px solid grey; outline-offset: 2px; height: 100%; color: #25aae5; text-decoration: none; } .productListContainer li article h3 a:focus span, .productListContainer li article h3 a:active span{ outline: none; } .productListContainer li article h3 a span { font-weight: 600; display: block; height: 36px; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; } .productListContainer li article .rating { bottom: 37%; font-size: 1em; height: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); position: absolute; } .productListContainer li article .rating li:hover { transform: none; } .productListContainer li article .rating li { font-size: 1em; } .productListContainer li article .productPrice { font-weight: 600; position: absolute; top: 235px; left: 5px; font-size: 1.4em; width: 94%; text-align: center; } .productListContainer li article .priceNew, .productListContainer li article .priceOld { display: inline-block; *display: inline; zoom: 1; } .productListContainer li article .priceOld { margin-right: 10px; } .productListContainer li article .productPrice .installmentCost { font-size: .6em; height: 15px; font-weight: normal; padding-top: 3px; color: #666; display: none; } .productListContainer li article .shortText { text-align: center;} .productListContainer li article .productBuy .qtyWrap { position: absolute; bottom: 90px; width: 100%; } .productListContainer li article .productBuy .qtyWrap p { position: absolute; top: 10px; left: 0; right: 0; width: 100%; text-align: center; font-size: .8em; } .productListContainer li article .productBuy input.quant { position: absolute; top: 2px; width: 50px; text-align: center; border-radius: 4px; height: 35px; padding: 6px; background-color: #f5f5f5; font-size: .9em; font-weight: 600; z-index: 100; left: 0; right: 0; margin: 0 auto; } .productListContainer li article .productBuy input.quant:focus { background-color: #fff; } .productListContainer li article .productBuy .button { font-size: .9rem; text-align: center; margin: 0 auto; padding: 6px 5px !important; width: 80%; position: absolute; bottom: 34px; left: 0; right: 0; } .productListContainer li article .productBuy .button i { margin-right: 7px; } .productListContainer li article .bottom-facts { font-size: .7rem; font-weight: 600; position: absolute; width: 100%; bottom: 7px; left: 0; text-align: center; } .productListContainer li article .lowStock, .productListContainer li article .orderitem, .productListContainer li article .instock, .productListContainer li article .unavailable, .productListContainer li article .delivery-time { display: inline-block; vertical-align: bottom; font-weight: 500; } .productListContainer li article .delivery-time span:before { content: ''; margin-right: 4px; color: #59b94d; width: 15px; height: 15px; background-size: 13px; background-repeat: no-repeat; background-position: center center; display: inline-block; } .productListContainer li article .delivery-time span:before { background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 443.294 443.294' height='512' viewBox='0 0 443.294 443.294' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230e80b0' d='m221.647 0c-122.214 0-221.647 99.433-221.647 221.647s99.433 221.647 221.647 221.647 221.647-99.433 221.647-221.647-99.433-221.647-221.647-221.647zm0 415.588c-106.941 0-193.941-87-193.941-193.941s87-193.941 193.941-193.941 193.941 87 193.941 193.941-87 193.941-193.941 193.941z'/%3E%3Cpath fill='%230e80b0' d='m235.5 83.118h-27.706v144.265l87.176 87.176 19.589-19.589-79.059-79.059z'/%3E%3C/svg%3E"); } .bottom-facts .delivery-time span { display: flex; align-items: center; justify-content: center;} .productListContainer li article h3 a { padding-top: 175px; /*padding-top: 239px;*/ } .productListContainer li article .productPrice { top: 199px; /*top: 262px;*/ font-size: 1.1em;} .productListContainer li article h3 a span { padding: 0 5px; } .productListContainer li article .catProdImage { height: 160px; /*height: 235px;*/ max-width: 100%; position: relative; } .productListContainer li article .catProdImage img { max-height: 160px; width: auto; /*max-height: 235px;*/ position: absolute; top: 0; left: 0; right: 0; /*bottom: 0;*/ margin: auto; /*transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;*/ } .productListContainer li article .subscriptionSpot { background-color: #333; border-radius: 2px; bottom: 10px; color: #fff; font-size: 0.8em; left: 50%; margin-left: -47px; padding: 4px 10px; position: absolute; line-height: 13px; } .productListContainer li article .button-confirm { padding: 3px 20px !important; } .productListContainer li article .button-confirm-black { padding: 3px 10px !important; width: 50px; } .productListContainer li article .button:active, .productListContainer li article .button:focus {-webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; outline: none; } span.movieicon svg { width: 20px; height: 20px; fill: #fbb716; } span.movieicon { position: absolute; top: 5px; right: 5px; z-index: 1; pointer-events: none; } li.special article { } li.special article a { background-color: #ff6d6d; color: #fff; text-align: center; border-radius: 10px; display: flex; height: 290px; position: absolute; align-items: center; justify-content: center; flex-direction: column; width: 100%; font-weight: bold; font-size: 1.6rem; transition: background-color .3s ease-in-out; } li.special article a:focus-visible, li.special article a:hover { background-color: #bf4242; } li.special article span { display: block; } li.special article i { font-size: 3.5em; padding-top: 15px; } .productListContainer li.bigProduct { float: left; } .productListContainer li.bigProduct article { height: 360px; } .productListContainer li.bigProduct article h3 a span { height: 60px; line-height: 27px; } .productListContainer li.bigProduct article .rating { bottom: 35%; } .productListContainer ul [class~='bigProduct']:nth-child(even) { float: right; } #cashierProducts { display: none; } #cashierProducts .productListContainerSmall .listProduct { width: 100%; display: block; } #cashierProducts .productListContainerSmall .priceOld { display: none; } .productListContainerSmall [class*='grid-'] { position: relative;} .productListContainerSmall ul { display: flex; flex-direction: column; gap: 10px; } .productListContainerSmall .listProduct { width: 100%; display: flex; justify-content: space-between; padding: 0; } .productListContainerSmall h3 { margin: 0; } .productListContainerSmall li article { position: relative; display: flex; justify-content: flex-start; border-bottom: 1px solid #f1f1f1; align-items: center; /* padding-bottom: 10px; */ flex: 1; padding: 0 0 5px 0; } .productListContainerSmall li article header { /* order: 2; flex: 0 0 34%;*/ order: 2; flex-basis: 50%; display: flex; height: 100%; align-items: center; } .productListContainerSmall li:hover article { position: relative; outline: 3px solid #dbdbdb; } .productListContainerSmall li article:after { content: ""; display: table; clear: both; } .productListContainerSmall .ribbon-wrap { display: none; } .productListContainerSmall li .catProdImage { order: 1; flex: 0 0 50px; align-items: center; display: flex; margin-right: 12px; isolation: isolate;} .productListContainerSmall li .catProdImage img { max-height: 50px; width: auto; /*mix-blend-mode: multiply;*/ } .productListContainerSmall li .catProdImage .spotSale { right: 7px; font-size: .8em; height: 40px; line-height: 40px; width: 40px; padding: 0; transform: scale(.8) rotate(20deg); left: -11px; } .productListContainerSmall li .button-confirm { width: 85%; font-size: .8em; } .productListContainerSmall li .button-confirm-black { width: 100%; font-weight: 500; } .productListContainerSmall li article .productBuy .button { opacity: 1; transition: all .1s ease; -webkit-transition: all .1s ease; padding: 8px 25px !important; font-size: 1em; width: auto !important; } .productListContainerSmall li article .instock, .productListContainerSmall li article .unavailable, .productListContainerSmall li article .orderitem, .productListContainerSmall li article .lowStock { position: absolute; bottom: 8px; font-size: .8em; } .productListContainerSmall li article .lowStock {color: #ff4300;} .productListContainerSmall li article .instock:before { font-size: 13px; vertical-align: middle; } .productListContainerSmall li:hover .productBuy .button, .productListContainerSmall li .productBuy .button:focus { /*text-align: center; margin-top: 0px; max-height: 100px; overflow: none; padding: 3px 10px !important;*/ } .productListContainerSmall li article h3 { /*height: 16px; padding: 10px 10px 0 0; font-weight: 500;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */ font-size: .9rem; padding: 0; margin: 0; height: 100%; display: flex; width: 100%; } .productListContainerSmall li article h3 a { /*display: block; height: 100%; padding-top: 0; position: absolute; left: 0; width: 100%; z-index: 2; margin-top: -14px; */ display: flex; height: 100%; width: 100%; align-items: center; } .productListContainerSmall li article h3 a span { /*display: block; font-weight: 600; height: 75px; left: 0; overflow: hidden; width: 100%; padding-right: 25px; position: absolute; padding-left: 100px;*/ } #prodSimilarsSmall .productListContainerSmall li article h3 { font-size: .8rem; } .productListContainerSmall li article .h3spacer { display: none;} .productListContainerSmall li article .rating { display: none; } .productListContainerSmall li article .rating li { font-size: 1.3em; } .productListContainerSmall li article .productPrice { font-size: .9em; font-weight: 600; height: 100%; order: 3; display: flex; align-items: center; margin: 0 10px; text-align: right; flex: 1 1 86px; justify-content: center; } .productListContainerSmall li article .priceNew, .productListContainerSmall li article .priceOld { display: inline-block; *display: inline; zoom: 1; } .productListContainerSmall li article .priceOld { margin-right: 10px; text-decoration: line-through;} .productListContainerSmall li article .productPrice .installmentCost { display: none; font-size: .6em; height: 15px; font-weight: normal; padding-top: 3px; color: #666; } .productListContainerSmall li article .productBuy { /* float: right; */ min-height: 30px; text-align: right; /* width: 60%; */ order: 4; flex: 1; } #productInfo .productListContainerSmall li article .productBuy * { width: 100%; } .productListContainerSmall li article .bottom-facts { display: none; font-size: .7em; font-weight: 600; } @media (min-width: 900px) { /* .productListContainerSmall li article header { flex: 0 0 43%; }*/ } #trustSymbols { background-color: #f9f9f9; } #reviewTargets { margin: 30px 0; } #reviewTargets ul { display: flex; justify-content: center; margin: 20px 0; overflow: hidden; } #reviewTargets ul li { display: flex; flex-wrap: wrap; justify-content: center; transform: scale(.6) } #reviewTargets ul li .reviews { display: flex; flex-wrap: wrap; flex-basis: 100%; justify-content: center; margin-top: 15px; } #reviewTargets ul li .grade { margin-top: 10px; color: #868686; font-size: .9rem; } #reviewTargets img { max-height: 65px; width: auto; } .reviewTargetIntro { display: flex; justify-content: center; flex-wrap: wrap; } .reviewTargetIntro > h3 { display: none; } .reviewTargetIntro h3 { flex-basis: 100%; justify-content: center; text-align: center; font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; } .reviewTargetIntro p { max-width: 95ch; text-align: center; font-size: .9rem;} @media (min-width: 900px) { #reviewTargets ul li { transform: scale(1) } } .stars { position: relative; white-space: nowrap; display: inline-flex; gap: 7px; isolation: isolate;} .stars svg { width: 20px; height:20px;} .cover { background: #f9f9f9; height: 100%; overflow: hidden; mix-blend-mode: color; isolation: isolate; position: absolute; top: 0; right: 0; } #productPage .cover { background-color: #fff; } #productPage .lRev .cover { background-color: #fafafa; } .stars svg { fill: gold;} #topFlag { position: relative; display: flex; align-items: center; justify-content: center; order: 15; background-color: #fff; margin:10px 20px 20px;} #topFlag #btnFlag { position: relative; display: flex; align-items: center; height: 100%; cursor: pointer; background-color: transparent; width: 100%; font-size: 1rem; border-radius: 40px; border: 1px solid #c9c9c9; padding: 5px 20px; } } #topFlag #btnFlag .btnlabel { font-size: .9em; } #topFlag #btnFlag svg { width: 25px; height: 25px; fill: var(--default-text-color); transition: fill .4s ease; } #topFlag #btnFlag[aria-expanded="true"] svg { fill: #C72D25; } #topFlagInner { display: none; position: absolute; width: 88%; left: 50%; background-color: #fff; top: 99%; box-shadow: 5px 12px 18px -4px #333; max-height: 0; overflow: hidden; transition: max-height .3s; will-change: max-height; transform: translateX(-50%); } #topFlagInner.open { display: block; max-height: 80vh; transition: max-height .3s; z-index: 1; } #topFlagInner ul { display: flex; flex-direction: column; justify-content: center; } #topFlagInner li { display: flex; flex-basis: 100%;} #topFlagInner li a { display: inline-flex !important;} #topFlagInner li.active a { background-color: #f0f0f0; opacity: 1; } #topFlagInner a { display: flex; align-items: center; flex-basis: 100%; padding: 10px; font-size: .9em; opacity: .7; margin: 0; } #topFlagInner a:hover { text-decoration: none; background-color: #f7f7f7; opacity:1; color: #000; } #topFlagInner a:focus-visible { outline: 1px solid #000; background-color: #f7f7f7; opacity:1; color: #000;} #topFlagInner img { margin-right: 10px; } #topFlagInner .cName { margin-right: 0; margin-left: auto; font-weight: 300; } #topFlagInner .cShort {} #topFlag .flagImg { width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; margin-right: 11px; border-radius: 100%; } #topFlag .flagImg.sub { margin-right: 10px; } #topFlag #btnFlag:after { -webkit-transition: all .2s ease-in-out; content: " "; width: 25px; height: 12px; order: 2; background-size: 15px; background-repeat: no-repeat; background-position: center center; transition: transform 0.3s ease; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A"); } #topFlag #btnFlag[aria-expanded="true"]:after { transform: translateY(-50%) rotate(180deg); } .reviewPage ul { margin: 10px 5px 10px 0px; } .padFix { padding: 0 5px; } .pReview { position: relative; } /*.lRevGrade { position: absolute; right: 37px; top: 17px; }*/ .productReviewWrite { background-color: #f7f7f7; margin-top: 5px !important; } #divAllReviews {} #prodLatestReviews {} #footerReviews { background-color: transparent; } #prodLatestReviews .lRev, #footerReviews .lRev { background-color: rgba(0,0,0,.02); padding: 10px; } #prodLatestReviews .lRevName { display: flex; align-items: center; margin-top: 5px; } #prodLatestReviews .lRevName h3, #footerReviews .lRevName h3 { overflow: hidden; font-size: .9em; color: #848484; margin: 0; padding: 0; } .rimg img { display: block; } .rimg { display: inline-block; border: 5px solid #fff; outline: 1px solid #9e9e9e; margin: 3px; } #prodLatestReviews .lRevGrade, #footerReviews .lRevGrade { font-size: .7em; padding-top: 4px; } #prodLatestReviews .lRevText, #footerReviews .lRevText { line-height: 1.3em; position: relative; padding: 5px 10px 5px 0; } #prodLatestReviews .lRevText:before, #footerReviews .lRevText:before { content: ""; left: -35px; top: -22px; color: rgba(0, 0, 0, 0.1); position: absolute; font-size: 1.5em; } #prodLatestReviews .lRevDate, #footerReviews .lRevDate { font-size: .8em; color: #848484; } #jsShowMoreRev {margin-bottom: 13px; font-size: 1em; background-color: #fff; color: #000; padding: 7px 17px; border: 1px solid #ccc; border-radius: 35px; display: inline-block; margin-top: 10px; } #jsShowMoreRev i { font-size: .8em; } #jsShowMoreRev:hover, #jsShowMoreRev:focus{ cursor: pointer; background-color: #f7f7f7; } #productReviewBtn { margin: 20px 0; } #jsRevWriteBtn {margin-bottom: 13px; font-size: 1em; background-color: #fff; color: #000; padding: 7px 17px; border: 1px solid #ccc; border-radius: 35px; } #jsRevWriteBtn i { font-size: .8em; } #jsRevWriteBtn:hover, #jsRevWriteBtn:focus{ cursor: pointer; background-color: #f7f7f7; } #prodSellMore { } #prodSellMore .grid-d-15 { width: 50%; margin-top: -5px; } /* #prodRelCat li { display: inline-block;} #prodRelCat li:first-child { margin-left: 0; } #prodRelCat li a { display: block; color: #fff; font-size: .9em; font-weight: 600; background-color: #23a8e8; padding: 4px 10px; margin: 4px; border-radius: 30px; } #prodRelCat li a:hover, #prodRelCat li a:focus { color: #fff; background-color: #2297cf;} #prodRelCat li a:active { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } */ #prodRelCat ul { display: flex; flex-wrap: wrap;} #prodRelCat .catPill li:first-of-type { margin-left: -10px; } #jsShowMoreCat { background-color: #0e80b0; color: #fff; font-weight: 600;font-size: 1rem; } #jsShowMoreCat:hover, #jsShowMoreCat:focus{ cursor: pointer; background-color: #075c7f;} #jsShowMoreCat.active_button { margin-top: 0; } #jsShowMoreCat:hover button, #jsShowMoreCat:hover #cpToggle button:focus { outline: 0;} #jsShowMoreCat:hover {} #prodFunctions { top: 0px; position: absolute; right: 0px; text-align: right; } #divTellAFriend { background-color: #f7f7f7; } #subscriptionText {} #productEmail {} #wishList {} /* Reviews */ .reviewGroup { /* remove inline-block whitespace */ font-size: 0; /* flip the order so we can use the + and ~ combinators */ unicode-bidi: bidi-override; direction: rtl; /* the hidden clearer */ } .reviewGroup * { font-size: 1.7rem; } .reviewGroup > input { display: none; } .reviewGroup > input + label { overflow: hidden; text-indent: 9999px; width: .9em; white-space: nowrap; cursor: pointer; display: inline-block; *display: inline; zoom: 1; } .reviewGroup > input + label:before { text-indent: -9999px; content: "\2606"; color: #888; display: inline-block; *display: inline; zoom: 1; } .reviewGroup > input:checked ~ label:before, .reviewGroup > input + label:hover ~ label:before, .reviewGroup > input + label:hover:before { content: "\2605"; color: #f9d100; } .reviewGroup > .star-cb-clear + label { text-indent: -9999px; width: .5em; margin-left: -.5em; } .reviewGroup > .star-cb-clear + label:before { width: .5em; } .reviewGroup:hover > input + label:before { content: "\2606"; color: #888; text-shadow: none; } .reviewGroup:hover > input + label:hover ~ label:before, .reviewGroup:hover > input + label:hover:before { content: "\2605"; color: #f9d100; } /* Rating */ .rating li { position: relative; width: .9em; color: #dfddd0; 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: #ffbb15; } .rating.grade-2 li:nth-child(-n+2){ color: #ffbb15; } .rating.grade-3 li:nth-child(-n+3){ color: #ffbb15; } .rating.grade-4 li:nth-child(-n+4){ color: #ffbb15; } .rating.grade-5 li:nth-child(-n+5){ color: #ffbb15; } /* Swipe/Slider */ .swipe-wrap { overflow: hidden; position: relative; display: flex; align-items: center; flex-flow: wrap; } .swipe-wrap .video-container { display: flex; align-items: center; height: 100%; justify-content: center; } .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; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } #sliderPosNav1 li.active {-webkit-animation: fadein .8s; -moz-animation: fadein .8s; -ms-animation: fadein .8s; -o-animation: fadein .8s; animation: fadein .8s;} #sliderPosNav { max-height: 500px; overflow: auto; } #sliderPosNav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } #sliderPosNav::-webkit-scrollbar { width: 4px; background-color: #F5F5F5; } #sliderPosNav::-webkit-scrollbar-thumb { background-color: #808080; } #sliderPosNav.thumbs li a:hover { border-color: #dddddd; } #sliderPosNav.thumbs li { text-align: center; height: 75px; padding: 3px; margin-bottom: 5px; } #sliderPosNav.thumbs li a { display: flex; width: 100%; height: 100%; border: 1px solid #f5f5f5; background-color: #fff; align-items: center; justify-content: center; } #sliderPosNav.thumbs li img { max-height: 60px; width: auto; vertical-align: middle; -webkit-animation: fadein .8s; -moz-animation: fadein .8s; -ms-animation: fadein .8s; -o-animation: fadein .8s; animation: fadein .8s; } #sliderPosNav.thumbs li a div { display: table-cell; vertical-align: middle; } #sliderPosNav.thumbs li a svg { width: 40px; height: 40px; } .lowStock:before, .instock:before, .orderitem:before, .unavailable:before { content: ''; color: #59b94d; width: 20px; height: 15px; background-size: 13px; background-repeat: no-repeat; background-position: center center; display: inline-block; } .instock:before { background-image: url("data:image/svg+xml,%3Csvg height='417pt' viewBox='0 -46 417.81333 417' width='417pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2359b94d' d='m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0'/%3E%3C/svg%3E"); } .orderitem:before { background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 443.294 443.294' height='512' viewBox='0 0 443.294 443.294' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23e6c937' d='m221.647 0c-122.214 0-221.647 99.433-221.647 221.647s99.433 221.647 221.647 221.647 221.647-99.433 221.647-221.647-99.433-221.647-221.647-221.647zm0 415.588c-106.941 0-193.941-87-193.941-193.941s87-193.941 193.941-193.941 193.941 87 193.941 193.941-87 193.941-193.941 193.941z'/%3E%3Cpath fill='%23e6c937' d='m235.5 83.118h-27.706v144.265l87.176 87.176 19.589-19.589-79.059-79.059z'/%3E%3C/svg%3E"); } .unavailable:before { background-image: url("data:image/svg+xml,%3Csvg height='365.696pt' viewBox='0 0 365.696 365.696' width='365.696pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23d82f2f' d='m243.1875 182.859375 113.132812-113.132813c12.5-12.5 12.5-32.765624 0-45.246093l-15.082031-15.082031c-12.503906-12.503907-32.769531-12.503907-45.25 0l-113.128906 113.128906-113.132813-113.152344c-12.5-12.5-32.765624-12.5-45.246093 0l-15.105469 15.082031c-12.5 12.503907-12.5 32.769531 0 45.25l113.152344 113.152344-113.128906 113.128906c-12.503907 12.503907-12.503907 32.769531 0 45.25l15.082031 15.082031c12.5 12.5 32.765625 12.5 45.246093 0l113.132813-113.132812 113.128906 113.132812c12.503907 12.5 32.769531 12.5 45.25 0l15.082031-15.082031c12.5-12.503906 12.5-32.769531 0-45.25zm0 0'/%3E%3C/svg%3E"); } .lowStock:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23f9941d' d='M446.906,299.769c-5.865-76.359-41.417-124.21-72.781-166.436C345.083,94.241,320,60.483,320,10.685 c0-4-2.24-7.656-5.792-9.489c-3.563-1.844-7.844-1.542-11.083,0.812c-47.104,33.706-86.406,90.515-100.135,144.719 c-9.531,37.737-10.792,80.161-10.969,108.18c-43.5-9.291-53.354-74.359-53.458-75.068c-0.49-3.375-2.552-6.312-5.552-7.916 c-3.031-1.583-6.594-1.698-9.667-0.177c-2.281,1.104-55.99,28.394-59.115,137.355C64.01,312.726,64,316.362,64,319.997 c0,105.857,86.135,191.987,192,191.987c0.146,0.01,0.302,0.031,0.427,0c0.042,0,0.083,0,0.135,0 C362.167,511.681,448,425.667,448,319.997C448,314.674,446.906,299.769,446.906,299.769z M256,490.652 c-35.292,0-64-30.581-64-68.172c0-1.281-0.01-2.573,0.083-4.156c0.427-15.853,3.438-26.675,6.74-33.873 c6.188,13.291,17.25,25.509,35.219,25.509c5.896,0,10.667-4.771,10.667-10.666c0-15.186,0.313-32.706,4.094-48.518 c3.365-14.02,11.406-28.936,21.594-40.893c4.531,15.52,13.365,28.081,21.99,40.341c12.344,17.54,25.104,35.675,27.344,66.6 c0.135,1.833,0.271,3.677,0.271,5.656C320,460.07,291.292,490.652,256,490.652z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .cashierProducts .summary { padding: 10px; background-color: #efeeea; } .cashier-form { display: block; overflow:hidden; } .cashier-form table { clear:both; border-collapse: collapse; table-layout: fixed; width: 100%; white-space: nowrap; word-wrap: break-word; text-align: left; } .cashier-form table td { white-space: normal; text-overflow: ellipsis; } .cashier-form table tr.cashierRow { border-bottom: 1px solid #e6e6e6; } .cashier-form table tr.cashierRow th, .cashier-form table tr.cashierRow td { padding: 4px 0; vertical-align: middle;} .cashier-form .col_1 {width: 10%;} .cashier-form .col_2 {width: 28%;} .cashier-form .col_3 {width: 26%;} .cashier-form .col_4 {width: 15%;} .cashier-form .col_5 {width: 15%;} .cashier-form .col_6 {width: 5%;} .cashier-form td.tableImage { text-align: center; font-size: .5em; vertical-align: top !important; } .cashier-form td.tableImage a { display: block; } .cashier-form td.tableInfo { padding: 0 5px; } .cashier-form td.tableInfo .name { font-weight: 600; font-size: .9em; width: 100%; padding: 0 10px; } .cashier-form td.tableInfo .name a { display: block; padding: 3px 0; font-size: .8em; } .cashier-form td.tableInfo .prodno { font-weight: 400; padding: 3px 0px; font-size: .8em; color: #6a6a6a;} .cashier-form td.tableAdjust { text-align: center; } .cashier-form td.tablePrice { display: none; text-align: right; font-weight: 400; font-size: .8em; } .cashier-form td.tableTotal { text-align: right; font-weight: 600; font-size: 0.9em;} .cashier-form td.tableRemove { display: none; text-align: center; } .cashier-form td.tableRemove button { cursor: pointer; font-size: 1.2em; color: #ccc; background-color: transparent; border: 0; } .cashier-form td.tableRemove button:hover, .cashier-form td.tableRemove button:focus { color: #e05709; } .cashier-form td.tableRemove button:active { color: #e05709; } .cashier-form tr.vat th, .cashier-form tr.vat td, .cashier-form tr.total th, .cashier-form tr.total td { padding: 3px 0; vertical-align: top; } .cashierProducts tr.total { padding: 10px 0; font-weight: bold; border-bottom: 0; font-size: 1.3em; color: #000; } .cashier-form tr.vat .freefreightlimit {font-size: .8em; color: #4e4e4e; } .cashier-form tr.vat .freefreightlimit .limit {color: #59b94e; font-weight: 600; } .cashierProducts .greyColor, .cashierProducts .greyColor .name { color: #777777; font-weight: normal; } .cashierProducts .discount { padding: 10px 0; font-size: 15px;} .cashier-form .cartQtyWrapper .cartQty { margin: 0 3px; padding: 2px; text-align: center; width: 25px; display: -moz-inline-stack; display: inline-block; zoom: 1; font-size: 16px; } .cashier-form .cartQtyWrapper .cartMinus, .cashier-form .cartQtyWrapper .cartPlus { display: -moz-inline-stack; display: inline-block; zoom: 1; vertical-align: top;} .cashier-form .cartQtyWrapper .cartMinus svg, .cashier-form .cartQtyWrapper .cartPlus svg { width: 10px; height: 10px; } .cashier-form .cartPlus button, .cashier-form .cartMinus button { height: 25px; width: 25px; background-color: #f3f3f3; border: 0; cursor: pointer; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .cashier-form .cartPlus button:focus, .cashier-form .cartMinus button:focus, .cashier-form .cartPlus button:hover, .cashier-form .cartMinus button:hover { background-color: #333; fill: #fff; } .cashier-form .cartPlus button:active, .cashier-form .cartMinus button:active, .cashier-form .cartPlus button:active, .cashier-form .cartMinus button:active { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } /*.cashier-form .specialFlow_1 { float: right; } .cashier-form .specialFlow_2 { float: left; background-color: #eaebef; }*/ /* Category page */ #categoryContent {} #categoryPage .flexslider { min-height: auto; } #categoryHeader h1 , #categoryPage h1{ } #categoryHeader h1:first-letter { text-transform: none; } #categoryBigImage img { object-fit: contain; width: 100%; min-height: 300px; height: auto; } .bigImageCat img:first-child { display: none; } .bigImagePage img:first-child { display: none; } /* Sub categories */ /* .categories {} .categories.slim li { padding: 1px; display: inline-block; *display: inline; zoom: 1; } .categories.slim li a { display: block; padding: 8px 5px; background-color: #fff; border: 1px solid #e9e9e9; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; font-size: 1em; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 4px; border: 1px solid #d2d3d7; } .categories.slim li a:hover, .categories.slim li a:focus { background-color: #a6ddf5; color: #000; -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; outline: 1px solid #3bbcf6; outline-offset: 1px; } .categories.slim li a.active { border: 1px solid #3bbcf6; background-color: #3bbcf6; color: #fff; } .categories.slim li .count { background-color: #e3e3e3; border-radius: 10px; color: #818181; margin-bottom: 7px; margin-top: 8px; padding: 4px 8px; vertical-align: top; font-size: 0.7em; text-align: center; display: inline-block; *display: inline; zoom: 1; } .categories.slim li .catProdImage { height: 65px; } */ /* Categories - big (image and text) */ .categories.big > ul { display:flex; flex-wrap:wrap; } .categories.big > ul > li { vertical-align: top; display: inline-block; *display: inline; zoom: 1; width: 50%; padding: 5px; background: transparent; } .categories.big > ul > li:hover .inner { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); outline: 1px solid #e6e6e6; } .categories.big ul li .inner { background-color: #fff; padding: 8px 12px; height:100%; outline: 1px solid #f3f3f3; } .categories.big ul li a { display: block; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; } .categories.big ul li a:hover, .categories.big ul li a:focus { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out;} .categories.big .catCTA { text-align: center; background-color: #59b94e; color: #fff; padding: 6px; margin-top: 10px; } .categories.big ul li a.active { background-color: #555555; color: #fff; } .categories.big .catImage { height: 130px; line-height: 130px; text-align: center; margin-bottom: 10px; } .categories.big .catImage img { max-height: 130px; vertical-align: middle;} .categories.big .catText { display: block; text-align: center; padding: 4px 0; font-weight: 600; } .categories.big .subLinks ul { text-align: left; margin-top: 5px; border-top: 1px solid #efefef; padding-top: 7px; } .categories.big .subLinks ul li { display: block; position: relative; padding-left: 20px; border: 0; margin-bottom: 6px; } .categories.big .subLinks ul li a { display: block; padding: 2px 0; text-transform: none; } .categories.big .subLinks ul li a:hover, .categories.big .subLinks ul li a:focus { background-color: #f7f7f7; -webkit-animation: none; -moz-animation: none; animation: none; padding-left: 10px; } /*.categories.big .subLinks ul li a:after { font-family: FontAwesome; content: "\f054"; left: 6px; top: 6px; color: #e39614; position: absolute; font-size: .8em; }*/ /* Paging */ .paging-sort { padding: 4px !important; margin-left: -5px; } .paging-sort .onlyBig { padding-top: 6px; } .paging-sort label { margin-right: 10px; } .paging-sort input[type="radio"] { margin-top: -1px; vertical-align: middle; } .paging { margin-top: 15px; } .pagination { text-align: center; margin-bottom: 20px;} #paging-count { font-size: .8em; /*text-align: center;*/ color:#777; padding: 5px 0; } #paging {} #paging select, div[class*='paging'] select { height: 40px; padding: 0 10px; width: 100%; text-transform: uppercase; font-size: .9em; } #paging:after, div[class*='paging']:after { content:''; display:block; clear: both; } #paging .paging-list, div[class*='paging'] .paging-list { text-align: center; padding-right: 0; justify-content: center; } #paging .paging-list li, div[class*='paging'] .paging-list li { margin-left: .5em; display: inline-block; *display: inline; zoom: 1; } #paging .paging-list li:first-child, div[class*='paging'] .paging-list li:first-child { margin-left: 0; } #paging .paging-list li a i, div[class*='paging'] .paging-list li a i { vertical-align: middle; } #paging .paging-list li.active span, div[class*='paging'] .paging-list li.active span { display: block; background-color: #ddd; color: #000; height: 35px; line-height: 35px; text-align: center; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; width: 35px; border-radius: 4px; border: 1px solid #d2d3d7; } #sort-select-wrapper {} #sort-select-wrapper label { display: inline-block; } #sort-select-wrapper .sort-select { display: inline-block; } #sort-select-wrapper select { background: none; background-color: transparent; border: 0; color: #0a9ab8; border-bottom: 1px dashed #0a9ab8;} /* Filter */ #attributes { position: relative; display: block; margin-bottom: 15px;} #attributes .styled-select { border: 0; background-color: #f9f9f9; } #attributes label { font-weight: 600; font-size: .9em; text-align: center; } #attributes .col .filterSign { } .resetFilter { margin-left: 20px; display: inline; } /* Category and filters */ @keyframes easyfade { 0% { opacity: 0; } 100% { opacity: 0.3; } } @keyframes slide-down { 0% { opacity: 0; transform: translateY(-40%); } 100% { opacity: 0.9; transform: translateY(0); } } @keyframes slide-up { 0% { transform: translateY(40%); } 100% { transform: translateY(0); } } body.filteropen { overflow: hidden; position: relative; width: calc(100%); } .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } #axFilterMask.open { opacity: .3; width: 100%; height: 100%; animation: easyfade 0.3s cubic-bezier(.59,.12,.64,.58); transition: none; z-index: 111; } #axFilterMask { background: #000; opacity: 0; width: 0; height: 0; position: fixed; top: 0; transition: opacity 0.3s cubic-bezier(.59,.12,.64,.58), width 0s ease 0.3s, height 0s ease 0.3s; } .axmobilebuttons { display: block; padding: 5px; box-shadow: 2px 1px 3px 2px #f1f1f1; } #btnExitFilterWrapper { height: 70px; background-color: #fff; border-top: 1px solid #d3d3d3; bottom: 0; position: absolute; width: 100%; text-align: center; z-index: 10;} #btnExitFilterWrapper button { width: 100%; z-index: 10; height: 100%; border-radius: 0; } #btnAxCategoriesClose, #btnAxFilterClose { position: absolute; right: 5px; top: 5px; font-size: 25px; transition: all 200ms ease 0s; width: 50px; height: 50px; line-height: 49px; text-align: center; border-radius: 100%; color: #5d5d5d; } #btnAxCategoriesClose:hover i, #btnAxCategoriesClose:focus i, #btnAxFilterClose:hover i, #btnAxFilterClose:focus i { outline: 0; color: red; border-color: red; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); transition: all 200ms ease 0s; } #btnAxFilterShow, #btnAxCategoriesShow { animation:slide-up 0.4s; transition: background-color 0.3s ease; display: inline-block; border: 0; position: relative; width: 49.4%; background-color: #23a9e8; text-align: center; padding: 13px 0; color: #fff; font-weight: 600; font-size: 1em; } #btnAxFilterShow:focus, #btnAxCategoriesShow:focus { outline: none; } #btnAxFilterShow.fullwidth, #btnAxCategoriesShow.fullwidth, #btnAxFilterShow.fixed.fullwidth, #btnAxCategoriesShow.fixed.fullwidth{ width: 100%; } #btnAxCategoriesShow i, #btnAxFilterShow i { color: #fff; padding-right: 4px; font-size: 17px; } #btnAxFilterShow.fixed i, #btnAxCategoriesShow.fixed i { color: #fff; } #btnAxFilterShow.fixed, #btnAxCategoriesShow.fixed { animation:slide-down 0.4s; position: fixed; z-index: 1111; right: 0; transform: translateZ(0); -webkit-transform: translateZ(0); top:60px; /* top shuld be same as #menuTop height and the jumpfix class */ width: 50%; border-radius: 0; margin: 0; background-color: #23a9e8; color: #fff; font-weight: normal; font-weight: 600; } #btnAxCategoriesShow.fixed { display: block; border-right: 1px solid #383838; left: 0; right: auto; } .jumpfix { height: 70px; } #filtercount { position: absolute; top: 13px; right: 18%; background-color: #333; color: #fff; width: 20px; height: 20px; border-radius: 100%; font-size: 13px; line-height: 20px; display: none; } #btnAxFilterShow.fixed #filtercount { position: absolute; top: 14px; right: 18%; background-color: #333; width: 20px; height: 20px; border-radius: 100%; font-size: 13px; line-height: 20px; display: none; } #axcategories { display: none; } /* body.mobile #axcategories { display: block; margin: 0; padding: 0; transform: translateX(-114%); max-width:90%; min-width:90%; position: fixed; top: 0; left: 0; background-color: #fff; height: 100%; opacity: 0; z-index: 4111; transition: all 0.45s ease; visibility: hidden; } body.mobile #axcategories, body.mobile #axcategories > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shaow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } body.mobile #axcategories.active { max-width: 90%; min-width: 90%; opacity: 1; transform: translateX(0%); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); visibility: visible; } body.mobile #axcategories .inner{ height: 100%; padding: 0; overflow-y: auto; padding-bottom: 70px; } body.mobile #axcategories h2 { display: block; background-color: #f7f7f7; height: 60px; line-height: 42px; text-align: left; border-bottom: 0; font-size: .9em;} body.mobile #axcategories h2 i { display: inline-block; padding-left: 6px; } body.mobile #axcategories h2.styled { font-size: 1em; background: #ebebeb; color: #000; font-weight: 600; border-bottom: 1px solid #a1a1a1 !important; } body.mobile #axcategories ul { list-style-type: none; } body.mobile #axcategories ul li { display: flex; color: #000; width: 100%; outline: none; cursor: pointer; text-align: left; margin: 0; border-bottom: 1px solid #d1d1d1; overflow: hidden; text-overflow: ellipsis; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; background-color: transparent; padding: 10px 28px 10px 15px; } body.mobile #axcategories ul li a { margin-left: 10px; display: block; width: 100%; } body.mobile #axcategories ul li.maincat { background-color: #e5e5e5; } body.mobile #axcategories ul li.maincat i { margin-right: 5px; padding-left: 4px; } body.mobile #axcategories ul li span.check { display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 20px; height: 20px; border-radius: 100%; border: 2px solid rgba(0, 0, 0, .3); cursor: pointer; overflow: hidden; color: #fff; text-align: center; -webkit-transition: background .25s linear; transition: background .25s linear; background-color: rgba(0, 0, 0, 0); } body.mobile #axcategories ul li.current span.check { border-color: #159b57; background: #1fbb6c; transition: background .25s linear; -webkit-transition: background .25s linear; } body.mobile #axcategories ul li.current span::before { content: ""; box-sizing: content-box; position: absolute; top: 2px; left: 5px; width: 3px; height: 8px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: opacity .25s linear; -webkit-transition: opacity .25s linear; opacity: 1; } body.mobile #axcategories ul li.check::before { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 20px; height: 20px; border-radius: 7px; border: 2px solid rgba(0,0,0,.3); cursor: pointer; overflow: hidden; color: #fff; text-align: center; margin: 0; -webkit-transition: background .25s linear; transition: background .25s linear; } #attributes { margin: 10px 0; } #attributes h2 { display: none; } body.mobile #attributes, body.mobile #attributes > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shaow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } body.mobile #attributes { margin: 0; padding: 0; transform: translateX(114%); max-width:90%; min-width:90%; position: fixed; top: 0; right: 0; background-color: #fff; height: 100%; opacity: 0; z-index: 4111; transition: all 0.45s ease; visibility: hidden; } body.mobile #attributes .inner{ height: 100%; padding: 0; overflow-y: auto; padding-bottom: 70px; } body.mobile #attributes.active { max-width: 90%; min-width: 90%; opacity: 1; transform: translateX(0%); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); visibility: visible; } body.mobile #attributes h2 { display: block; background-color: #ebebeb; height: 60px; line-height: 42px; text-align: left; border-bottom: 0; font-size: .9em;} body.mobile #attributes h2 i { display: inline-block; vertical-align: middle; } body.mobile #attributes h2.styled { font-size: 1em; color: #000; font-weight: 600; display: flex; align-items: center; } body.mobile #active_filters_clones { margin-top: 10px; padding: 0 15px} body.mobile .combobox-container { width: 100%; margin-bottom: 0; } body.mobile .combobox ul { position: fixed; height: 100%; max-height: none; top: 61px; border: 0; overflow-y: auto; width: 100%; padding-top: 5px; padding-bottom: 130px; } body.mobile .combobox li { padding-left: 15px; font-size:16px;} body.mobile .combobox input { font-size: 16px; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; border-width: 1px; background-color: transparent; padding: 10px 28px 10px 15px; } body.mobile .combobox button.toggle { top: 18px; } body.mobile .combobox .active_options { top: 11px; right: 26px;} body.mobile .chevron.bottom:before { transform: rotate(45deg); } body.mobile #axFilter .resetFilter { margin: 5px 5px 0 0; } body.mobile #filterheader, body.mobile .filterheader { padding-left: 12px; } body.mobile #filterheader i, body.mobile .filterheader i{ display: inline-block; background-color: #23a9e8; width: 28px; height: 28px; line-height: 28px; border-radius: 100%; color: #fff; padding-left: 7px; font-size: 16px; margin-right: 5px; cursor: pointer; } body.mobile #filtername { display: none; border-left: 1px solid #ccc; margin-left: 8px; padding-left: 8px; color: #1f98bb; } body.mobile #active_filters_clones .head { display: block;padding-left: 15px; } body.mobile #active_filters_clones ul#li_clones { margin-top: 5px; } body.mobile #active_filters_clones li { margin: 5px 5px 5px 0; } */ @media (min-width: 900px) { #btnExitFilterWrapper { display: none; } #btnAxFilterShow { display: none; } #btnAxCategoriesShow { display: none !important; } #btnAxFilterClose { display: none; } .axmobilebuttons { display: none; } } .combobox-container { width: 180px; display: inline-block; vertical-align: top; margin-bottom: 5px; } .combobox-container input:focus { box-shadow: none; margin: 0; } .combobox { width: 100%; display: inline-block; position: relative; } .combobox input { border-radius: 9px; color: #000; width: 100%; outline: none; cursor: pointer; padding: 8px 28px 8px 10px; margin: 0; border: 2px solid #d1d1d1; overflow: hidden; text-overflow: ellipsis; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .combobox input:focus { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;border: 2px solid #d1d1d1; } .combobox input.selections { color: #000; background-color: #f7f7f7; transition: none; } .combobox .role_combobox[aria-expanded="false"] { transition: none; } .combobox .role_combobox[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: none; border-bottom-color: #ccc !important;} .combobox .role_combobox:focus, .combobox .role_combobox:hover{ border-color: #1f98bb; background-color: #ebf4f7; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);} .combobox button.toggle { cursor: pointer; border:0; background: transparent; position: absolute; right: 14px; top: 12px; } .combobox button.toggle:focus { outline: none; box-shadow: none; } .combobox ul { display: none; list-style: none; background-color: #fff; font-size: 1em; width: 100%; margin: 0; padding: 0; border: 2px solid #c5c5c5; position: absolute; z-index:3; margin-top: 0; max-height: 300px; overflow-y: auto; border-top:0; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; } .combobox ul:focus { outline: none; } .combobox li { padding: 7px 0 7px 7px; position: relative; cursor: pointer; display: flex; align-items: center; -webkit-box-align: center; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); font-size:.9em; } .combobox li.activedescendant, .combobox li:hover{ background-color: #f3f3f3; color: #000; } .combobox li[aria-selected="true"] {color: #000;} .combobox li[aria-selected="true"].activedescendant {color: #069;} .combobox li span.check { display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 20px; height: 20px; border-radius: 100%; border: 2px solid rgba(0, 0, 0, .3); cursor: pointer; overflow: hidden; color: #fff; text-align: center; -webkit-transition: background .25s linear; transition: background .25s linear; background-color: rgba(0, 0, 0, 0); } .combobox li span.name { display: flex; width: 77%; padding-left: 10px; font-size: 1em; } .combobox li[aria-selected="true"] span.check { border-color: #159b57; background: #1fbb6c; transition: background .25s linear; -webkit-transition: background .25s linear; } .combobox li.activedescendant[aria-selected="false"] span.check, .combobox li[aria-selected="false"]:hover span.check{ border-color: #159b57; background: #fff; transition: background .25s linear; -webkit-transition: background .25s linear; } .combobox li span.check::before { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 20px; height: 20px; border-radius: 7px; border: 2px solid rgba(0,0,0,.3); cursor: pointer; overflow: hidden; color: #fff; text-align: center; margin: 0; -webkit-transition: background .25s linear; transition: background .25s linear; } .combobox li[aria-selected="true"] span.check::before { content: ""; box-sizing: content-box; position: absolute; top: 2px; left: 5px; width: 3px; height: 8px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: opacity .25s linear; -webkit-transition: opacity .25s linear; opacity: 1; } .combobox input.dropdown-search { display: block; border: 1px solid #e6e6e6; width: 94%; padding-right: 10px; font-size: .9em; font-style: italic; border-radius: 7px; } .combobox .c_selections { display: none; } .combobox .active_options { display: none; position: absolute; top: -9px; right: 6px; cursor: pointer; background-color: #23a8e8; height: 20px; width: 20px; line-height: 19px; border-radius: 100%; text-align: center; font-size: 12px; color: #fff; border: 1px solid #23a8e8; font-weight: 600; } .chevron::before { transition: all 0.2s ease; transform-origin: center center; border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 0.6em; left: 0.15em; position: relative; top: 0.15em; transform: rotate(-45deg); vertical-align: top; width: 0.6em; } .chevron.right:before { left: 0; transform: rotate(45deg); } .chevron.bottom:before { top: 0; transform: rotate(135deg); } .chevron.left:before { left: 0.25em; transform: rotate(-135deg); } .chevron.bottom[aria-expanded="true"]::before {transform: rotate(-45deg); transition: all 0.2s ease; top: 2px;} #axFilter .resetFilter { margin: 3px 5px 3px 0; display: inline-block; min-width: 105px; } #axFilter .resetFilter a { cursor: pointer; display: inline-block; font-size: .8em; border: 1px solid #4e4e4e; padding: 2px 7px; margin-right: 5px; background-color: #656565; border-radius: 18px; color: #fff; } #axFilter .resetFilter a:focus, #axFilter .resetFilter a:hover { background-color: #000; text-decoration: none; } #active_filters_clones { margin: 15px 0 0; } #active_filters_clones li { margin: 3px 5px 3px 0; display: inline-block; } #active_filters_clones li a { color: #fff; cursor: pointer; display: inline-block; font-size: .8em; border: 1px solid #4e4e4e; padding: 2px 10px; margin-right: 5px; background-color: #656565; border-radius: 18px; } #active_filters_clones li a .name { margin-right: 5px; } #active_filters_clones li a:focus, #active_filters_clones li a:hover { background-color: #000; text-decoration: none; } /*#active_filters_clones li a:after { content: "\f056"; font-family: FontAwesome; display: inline-block; color: #e4e4e4; }*/ #active_filters_clones li a:hover:after { color: #fff; } #active_filters_clones .small {font-size: .8em; display: inline-block;} /*#active_filters_clones #resetFilter:after { content: "\f00d"; font-family: FontAwesome; display: inline-block; padding-left: 5px; color: #e4e4e4; }*/ #active_filters_clones .fa-filter { color: #888; font-size: 1.2em; display: inline-block; vertical-align: middle; } #active_filters_clones h4 { display: inline-block; font-size: .9em; font-weight: 600; } #active_filters_clones .head { display: inline-block; } #active_filters_clones ul#li_clones { display: inline-block; } #btnFilterToggle { display: none; } /*@media (min-width: 720px) {*/ #attribForm[aria-expanded="false"] { max-height: 0; overflow: hidden; transition: all 0.2s ease; animation: fadeout .8s;} #attribForm[aria-expanded="true"] { max-height: 800px; overflow: visible; transition: all 0.2s ease; animation: fadein .8s;} #btnFilterToggle { display: flex; background-color: #23a8e8; color: #fff; font-weight: 600; width: 100%; border: 0; justify-content: center; align-items: center; padding: 10px; cursor: pointer;} #btnFilterToggle:hover, #btnFilterToggle:focus{ background-color: #2297cf; outline: none;} #axFilter { background-color: #fff; display: flex; flex-direction: row; flex-wrap: wrap; padding: 10px; } .combobox-container { display: flex; max-width: 100%; width: 100%; } .combobox-container.twocol { flex: 1; max-width: 475px; } .combobox ul { display: block; position: relative; border: 0; max-height: 500px; } .combobox input { border: 0; border-radius: 0; font-weight: 600;font-size: 1em; cursor: default; border-bottom: 1px solid #ccc; margin-bottom: 5px; } .combobox .role_combobox:focus, .combobox .role_combobox:hover { border: 0; border-bottom: 1px solid #ccc; background-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); margin-bottom: 5px; } .combobox input.selections { background-color: transparent; } .combobox button.toggle { display: none; } .combobox li.activedescendant, .combobox li:hover {background-color: #f7f7f7; border-radius: 30px;} .combobox .active_options { top: 8px; } #active_filters_clones { display: flex; width: 100%; } .combobox ul::-webkit-scrollbar { width: 6px; height: 6px; } .combobox ul::-webkit-scrollbar-track { border-radius: 10px; background: rgba(0, 0, 0, 0.1); } .combobox ul::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0, 0, 0, 0.2); } .combobox ul::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.4); } .combobox ul::-webkit-scrollbar-thumb:active { background: rgba(0, 0, 0, 0.9); } .combobox ul.twocol { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .combobox ul.twocol li { list-style-position: inside; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } #combobox-container-sort { position: absolute; right: 6px; bottom: -33px; margin-right: 0; width: auto; } #combobox-container-sort .combobox { width: 173px; } #combobox-container-sort svg { position: absolute; right: 15px; top: 50%; pointer-events: none; width: 15px; height: 15px; transform: translateY(-50%); } #combobox-container-sort label { display: none; } #combobox-container-sort.hasfilters { bottom: -42px; } #combobox-container-sort ul { /*display: none;*/ position: absolute; box-shadow: 2px 2px 2px #e8e8e8; max-width: 200px; right: 0; top: 35px; border-radius: 4px; } #combobox-sort { background: #fff; color: #000; border-bottom: 0; margin: 0; font-size: 16px; cursor: pointer; font-weight: bold; border-radius: 4px; text-align: right; padding: 5px 40px 5px 0; display: flex; align-items: center;} #ul_sort { display: none; } #combobox-container-sort ul span.check { display: none; } #combobox-container-sort ul span.name { padding-left: 3px; } #combobox-container-sort ul li[aria-selected="true"] span.check { display: flex; position: absolute; right: 6px; transform: scale(.8); } #combobox-container-sort li:hover {border-radius: 0px;} /*}*/ @media (min-width: 900px) { #combobox-sort { font-size: 13px; } #combobox-container-sort { bottom: -40px; left: auto; right: 10px; } .combobox-container { min-width: 180px; display: flex; max-width: 250px; margin-right: 25px;} #combobox-container-sort { right: 5px; display: flex; align-items: center; font-weight: normal;} #combobox-container-sort ul { max-width: none; right: auto; } #combobox-container-sort label { display: flex; font-weight: 500; color: #aaa; font-size: 1rem; } } #filterheader { display: none; } /* Contact/FAQ-page */ #contactForm label { font-weight: normal; } #toggleFaq {} #faqWrapper .faqHeader { font-size: .9em; } #faqWrapper .faqQuestionFold { font-size: 0.88em; } #faqWrapper ul { list-style: none; margin-left: 0; } #faqWrapper li { margin-bottom: 4px; } #faqWrapper h3 { padding: 0 0 5px; margin-left: 13px; } #faqWrapper h3 a { font-weight: normal; position: relative; display: block; } #faqWrapper h3 a:before { color: #ff9f00; content: "+"; font-size: 1.5em; left: -14px; position: absolute; top: -4px; font-weight: 500; } .faqQuestionFold { background: #eaeaea none repeat scroll 0 0; margin-bottom: 10px; margin-top: 13px; padding: 10px; position: relative; border-radius: 10px; } .faqQuestionFold:after, .faqQuestionFold:before { bottom: 100%; left: 5%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .faqQuestionFold:after { border-color: rgba(247, 247, 247, 0); border-bottom-color: #eaeaea; border-width: 10px; margin-left: -10px; } #faqSubHeader { font-weight: 600; padding-top: 10px; } .toggleFaqDiv { margin-top: 5px; } .faqBack { padding: 8px 0; display: block; } .faqList ul { list-style-type: none; margin-left: 0;} .faqList ul li { margin-bottom: 10px; } .faqList ul li h3 { display: inline-block; *display: inline; zoom: 1; background-color: #f7f7f7; padding: 10px 15px; border-radius: 17px;} .faqList ul li a { display: block;} /*.faqList ul li a:before { content: '\f054'; font-family: FontAwesome; display: inline; font-size: .8em; padding-right: 9px; }*/ #contactPage p img:first-child { display: none; } /* Tab set / "Accordion" */ #aTabs {} ul.tabs { /*display: none;*/ background-color: #f5f5f5; overflow: auto; } ul.tabs li { color: #333; cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 10px 19px; position: relative; background-color: #f2f2f2; text-transform: uppercase; } ul.tabs li i { color: #626262; display: block; font-size: 1.5em; padding-bottom: 5px; text-align: center; } ul.tabs li:hover, ul.tabs li:hover i { background-color: #e8e8e8; color: #333;} ul.tabs li.active, ul.tabs li.active:hover, ul.tabs li.active:hover i { background-color: #3e3d40; } ul.tabs li.active i, ul.tabs li.active a { color: #fff; } ul.tabs a:focus { outline: none; /*background-color: #ff9f00;*/ } .tab_container { border: 1px solid #e5e5e5; clear: both; float: left; overflow: auto; width: 100%; } .tab_container h2 { margin-top: 5px; } .tab_content { padding: 8px; position: relative; background-color: #fff; border-bottom: 1px dotted #b2b2b2; } .tab_content label { height: 30px; line-height: 26px; vertical-align: middle; } ul.tabs li.active:after { bottom: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(246, 246, 246, 0); border-bottom-color: #f6f6f6; border-width: 7px; margin-left: -10px; } .tab_drawer_heading { display: none; } /*@media screen and (max-width: 720px) {*/ @media screen and (max-width: 900px) { .tabs { display: none; } .tab_drawer_heading { -moz-user-select: none; border-bottom: 1px solid #e5e5e5; color: #333; cursor: pointer; display: block; height: 46px; line-height: 45px; padding: 0 10px; position: relative; text-transform: uppercase; } /*.tab_drawer_heading:after { content: "\f107"; font-family: FontAwesome; font-weight: 500; position: absolute; right: 11px; color: #818181; font-size: 1.4em; }*/ .tab_drawer_heading.d_active { border-bottom: 0 none; } .tab_drawer_heading.d_active:after { content: "\f106"; color: #333; } .tab_drawer_heading:hover:after { color: #44ca87; } .tab_drawer_heading:hover, .tab_drawer_heading:hover i { color: #333; background-color: #f4f4f4; } .tab_drawer_heading i { color: #626262; text-align: center; width: 20px; margin-right: 7px; } .d_active, .d_active i, .d_active:hover, .d_active:hover i { color: #333; } .tab_container { clear: both; float: left; overflow: auto; width: 100%; } .tab_content { border-top: none; } .tab_content:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(246, 246, 246, 0); border-bottom-color: #f6f6f6; border-width: 7px; margin-left: -10px; } } /* Form row */ .formRow { display: block; margin: 0; } .formRow:after { content:''; display:block; clear: both; } .formRow label { display: block; margin: 3px 0; } .formRow input[type="text"], .formRow input[type="password"], .formRow input[type="email"], textarea { padding: 10px 3px;} .formRow select { background-color:#fff; } .formRow .left { float: left; } .formRow .right { float: left; } #prodSimilarsSmall { background-color: #f6f6f6; position: relative; margin-bottom: 10px;} #prodSimilarsSmall { /*overflow: auto;*/ } #prodSimilarsSmall h2 { font-size: 1.1em; padding: 0 0 4px 0; text-transform: none; font-weight: 600; text-align: center; margin-bottom: 0;} #prodSimilarsSmall .instock, #prodSimilarsSmall .unavailable, #prodSimilarsSmall .lowStock { display: none; } #prodSimilarsSmall .productPrice { /*height: auto; min-height: auto;*/ } #prodSimilarsSmall article h3 { font-size: .9em; } .count input { border-radius: 2px; text-align: center; padding: 2px; } input[type="radio"].styled:checked { } /*input[type="radio"].styled:checked:before { content: '\f00c'; font-size: 22px; font-family: FontAwesome; vertical-align: initial; color: #000; }*/ input[type="radio"].styled:checked:before { content: ''; color: #000; background-size: 15px; background-repeat: no-repeat; background-position: center center; width: 15px; height: 15px; z-index: 111111111; z-index: 1; position: absolute; left: 1px; top: 1px; background-image: url("data:image/svg+xml,%3Csvg height='417pt' viewBox='0 -46 417.81333 417' width='417pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0'/%3E%3C/svg%3E"); } input[type="radio"].styled { position: relative; float: left; width: 19px; height: 19px; line-height: 14px; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; text-align: center; outline: none; border: 1px solid #e6e6e6; background-color: white; background-color: #f6fbff; border: 1px solid #ccc;} /* Popup - Notify */ #notifyPopup { display: none; position:fixed; background-color: #fff; padding:10px; top: 33%; right: 0; left: 0; margin-right: auto; margin-left: auto; min-height: 10em; width: 40%; max-width: 600px; min-width: 300px; max-height: 50%; overflow-y: auto; overflow-x: hidden; } #notifyPopupPane { margin:15px; padding-bottom: 8px; } #notifyPopupPane em { font-weight:600; font-style:normal; display:block; text-transform: uppercase; } #notifyPopupPane p { margin-top:10px; } #notifyPopupPane #notifyEmail { display: block; height: 38px; margin: auto; width: 100%; padding: 5px; margin-top: 5px; } #notifyPopupPane #notifyPopupPaneButtonBar { margin:auto; margin-top:20px; text-align: center; } #notifyPopupPane #notifyPopupPaneButtonBar input { margin-left:3px; margin-right:3px; } #notifyPopupPane #notifyPopupOk { padding: 0 20px; } /* NEW NOT POPUP */ #notifyPopupPane { margin: 0; background-color: #fff; padding: 10px; } #notifyPopupPane h3 { font-weight: bold; } #notifyPopupPane #notifyPopupPaneButtonBar { text-align: left; margin-top:10px; } #notifyPopupPane #notifyPopupPaneButtonBar .button { width: 48%; margin-bottom: 10px; padding: 5px 10px !important; font-size: 1em; } /* Target: 500- */ @media only screen and (max-width : 500px) { #notifyPopupPane #notifyPopupPaneButtonBar .button { width: 100%; margin-bottom: 10px; padding: 5px 10px !important; font-size: .9em; } } #notifyPopupPane p { margin-top: 0; } #notifyPopupPane #notifyEmail { text-align: left; } /* transparencyLayer */ #transparencyLayer { width: 100%; height: 100%; position:fixed; z-index: 4000; background-color: rgba(0,0,0, .6); display: none; top: 0; } /* ajaxPopupWindow */ #ajaxPopupWindow { display: none; position:fixed; background-color: #fff; padding:10px; top: 33%; right: 0; left: 0; margin-right: auto; margin-left: auto; min-height: 10em; width: 90%; max-width: 700px; min-width: 300px; max-height: 50%; overflow-y: auto; overflow-x: hidden; } #ajaxPopupClose { border: 1px solid #dbdbdb; background-color: #fff; border-radius: 100%; height: 30px; line-height: 30px; position: absolute; right: 2px; text-align: center; top: 2px; width: 30px; z-index: 10000; cursor: pointer; } #ajaxPopupClose:hover:after, #ajaxPopupClose:focus:after{ color: #000; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #ajaxPopupClose:after { position: absolute; top: 4px; cursor: pointer; content: ""; transition: all 200ms ease 0s; width: 20px; height: 20px; right: 4px; background-size: 15px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg height='365.696pt' viewBox='0 0 365.696 365.696' width='365.696pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m243.1875 182.859375 113.132812-113.132813c12.5-12.5 12.5-32.765624 0-45.246093l-15.082031-15.082031c-12.503906-12.503907-32.769531-12.503907-45.25 0l-113.128906 113.128906-113.132813-113.152344c-12.5-12.5-32.765624-12.5-45.246093 0l-15.105469 15.082031c-12.5 12.503907-12.5 32.769531 0 45.25l113.152344 113.152344-113.128906 113.128906c-12.503907 12.503907-12.503907 32.769531 0 45.25l15.082031 15.082031c12.5 12.5 32.765625 12.5 45.246093 0l113.132813-113.132812 113.128906 113.132812c12.503907 12.5 32.769531 12.5 45.25 0l15.082031-15.082031c12.5-12.503906 12.5-32.769531 0-45.25zm0 0'/%3E%3C/svg%3E"); } .ajaxPopupHeader { font-weight: 500; margin-bottom: 5px; margin-top: 5px; text-align: center; text-transform: uppercase; } .ajaxPopupContent { padding:5px; overflow: auto; } .ajaxPopupContent table { width: 100% !important; } .ajaxPopupContent td, .ajaxPopupContent th { padding: 5px; font-size: .9em; } #ajaxPopupProductInfo { display: none; position: fixed; background-color: #fff; padding: 10px; top: 20%; right: 0; left: 0; margin-right: auto; margin-left: auto; min-height: 10em; width: 100%; max-width: 1080px; min-width: 300px; max-height: 60%; overflow-y: auto; overflow-x: hidden; } #ajaxPopupProductInfo:focus { outline: none; } #ajaxPopupProductInfo .col2 { padding-left: 20px; } /* ajaxPopupNotify */ #ajaxPopupNotify { display: none; position:fixed; background-color: #fff; padding:10px; top: 33%; right: 0; left: 0; margin-right: auto; margin-left: auto; min-height: 10em; width: 40%; max-width: 600px; min-width: 300px; max-height: 50%; overflow-y: auto; overflow-x: hidden; } .ajaxPopupContent p:first-child { padding:0; margin:0; } /* Ajax loader */ #ajaxLoader { display: none; z-index:9000; background-color: transparent; width:200px; height:200px; border-radius: 400px; text-align:center; position:fixed; top: 33%; right: 0; left: 0; margin-right: auto; margin-left: auto; } #ajaxLoader .spinner-loader { margin-top: 75px; } .loader { position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px; border-radius: 50%; perspective: 800px; background-color: rgba(103, 204, 102, 0); /*border: 3px solid #67cc66;*/ } .loader { position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px; border-radius: 50%; perspective: 800px; background-color: rgba(103, 204, 102, 0); /*border: 3px solid #67cc66;*/ } .loader .inner { position: absolute; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; } .loader .inner.one { left: 0%; top: 0%; animation: rotate-one 1s linear infinite; border-bottom: 5px solid #59b94e; } .loader .inner.two { right: 0%; top: 0%; animation: rotate-two 1s linear infinite; border-right: 5px solid #59b94e; } .loader .inner.three { right: 0%; bottom: 0%; animation: rotate-three 1s linear infinite; border-top: 5px solid #59b94e; } @keyframes rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @keyframes rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @keyframes rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } #ajaxLoaderSmall { left: -32px; padding-left: 10px; padding-top: 1px; position: absolute; top: 12px; } #jsCashierForm { /*font-weight: 700;*/ height: 70px; padding: 20px !important; background-color: #67cc66; width: 50%; box-shadow: 0 2px 0 #4fac4e; margin: 20px 0 25px; font-size: 1.8em; } /* Widths em */ .w_9em {width:.9em;} .w2em {width:2em;} .w3em {width:3em;} .w4em {width:4em;} .w5em {width:5em;} .w6em {width:6em;} .w7em {width:7em;} .w8em {width:8em;} .w9em {width:9em;} .w10em {width:10em;} .w19em {width:1.9em;} .w12em {width:12em;} .w13em {width:13em;} .w14em {width:14em;} .w15em {width:15em;} .w16em {width:16em;} .w17em {width:17em;} .w18em {width:18em;} .w19em {width:19em;} .w20em {width:20em;}.w29em {width:29em;} .w22em {width:22em;} .w23em {width:23em;} .w24em {width:24em;} .w25em {width:25em;} .w30em {width:30em;} .w35em {width:35em;} .w40em {width:40em;}/* Widths % */ .w1p {width:1%;} .w2p {width:2%;} .w3p {width:3%;} .w4p {width:4%;} .w5p {width:5%;} .w6p {width:6%;} .w7p {width:7%;} .w8p {width:8%;} .w9p {width:9%;} .w10p {width:10%;} .w11p {width:11%;} .w12p {width:12%;} .w13p {width:13%;} .w14p {width:14%;} .w15p {width:15%;} .w16p {width:16%;} .w17p {width:17%;} .w18p {width:18%;} .w19p {width:19%;} .w20p {width:20%;} .w21p {width:21%;} .w22p {width:22%;} .w23p {width:23%;} .w24p {width:24%;} .w25p {width:25%;} .w26p {width:26%;} .w27p {width:27%;} .w28p {width:28%;} .w29p {width:29%;} .w30p {width:30%;} .w31p {width:31%;} .w32p {width:32%;} .w33p {width:33%;} .w34p {width:34%;} .w35p {width:35%;} .w36p {width:36%;} .w37p {width:37%;} .w38p {width:38%;} .w39p {width:39%;} .w40p {width:40%;} .w41p {width:41%;} .w42p {width:42%;} .w43p {width:43%;} .w44p {width:44%;} .w45p {width:45%;} .w46p {width:46%;} .w47p {width:47%;} .w48p {width:48%;} .w49p {width:49%;} .w50p {width:50%;} .w51p {width:51%;} .w52p {width:52%;} .w53p {width:53%;} .w54p {width:54%;} .w55p {width:55%;} .w56p {width:56%;} .w57p {width:57%;} .w58p {width:58%;} .w59p {width:59%;} .w60p {width:60%;} .w61p {width:61%;} .w62p {width:62%;} .w63p {width:63%;}.w64p {width:64%;} .w65p {width:65%;} .w66p {width:66%;} .w67p {width:67%;} .w68p {width:68%;} .w69p {width:69%;} .w70p {width:70%;}.w71p {width:71%;} .w72p {width:72%;} .w73p {width:73%;} .w74p {width:74%;} .w75p {width:75%;} .w76p {width:76%;} .w77p {width:77%;}.w78p {width:78%;} .w79p {width:79%;} .w80p {width:80%;} .w81p {width:81%;} .w82p {width:82%;} .w83p {width:83%;} .w84p {width:84%;}.w85p {width:85%;} .w86p {width:86%;} .w87p {width:87%;} .w88p {width:88%;} .w89p {width:89%;} .w90p {width:90%;} .w91p {width:91%;}.w92p {width:92%;} .w93p {width:93%;} .w94p {width:94%;} .w95p {width:95%;} .w96p {width:96%;} .w97p {width:97%;} .w98p {width:98%;}.w99p {width:99%;} .w100p {width:100%;} /* Buttons: Same style for input, button and link */ .button { background-color: #eee; background-repeat: repeat-x; background-size: 100% auto; border-color: #c8c8c8 #c8c8c8 #bbb; border-style: solid; border-width: 1px; color: #fff !important; cursor: pointer; line-height: 24px; padding: 6px 10px !important; text-align: center; text-decoration: none; vertical-align: middle; text-shadow: none; border: 0; border-radius: 30px; -webkit-appearance: none; /*font-family: 'Poppins', Trebuchet MS, sans-serif;*/ font-family: 'Poppins','Trebuchet MS', 'Poppins', Arial, sans-serif; outline:none; position: relative; z-index: 2; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; display: inline-block; *display: inline; zoom: 1;} .button:focus { /*outline: thin dotted;*/ } .button:active { outline: none; -moz-user-select: none; } .button:active { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } .button.bigBuy { width: 100%; height: 50px; position: relative; overflow: hidden; font-size: 1em; transition: all .2s ease; -webkit-transition: all .2s ease; } .button.bigBuy a { padding-top: 15px !important; } .notifyme.button.bigBuy { background: #808080; } .button.button-confirm.jsAddOk:after { /*border-radius: 30px; background-color: #59b94e; 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%;*/ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #59b94e; transition: all 200ms ease 0s; background-image: url("data:image/svg+xml,%3Csvg height='417pt' viewBox='0 -46 417.81333 417' width='417pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0'/%3E%3C/svg%3E"); background-size: 15px; background-repeat: no-repeat; background-position: center center; border-radius: 30px; } .productListContainer li article .productBuy .button.button-confirm.jsAddOk:after { line-height: 36px; } .button.button-confirm.bigBuy.jsAddOk:after { /*border-radius: 30px; content: ""; 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: #59b94e;*/ background-image: url("data:image/svg+xml,%3Csvg height='417pt' viewBox='0 -46 417.81333 417' width='417pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0'/%3E%3C/svg%3E"); background-size: 27px; background-repeat: no-repeat; background-position: center center; } .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%;*/ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #cc4c3f; transition: all 200ms ease 0s; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.76 511.76' style='enable-background:new 0 0 511.76 511.76;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M436.896,74.869c-99.84-99.819-262.208-99.819-362.048,0c-99.797,99.819-99.797,262.229,0,362.048 c49.92,49.899,115.477,74.837,181.035,74.837s131.093-24.939,181.013-74.837C536.715,337.099,536.715,174.688,436.896,74.869z M361.461,331.317c8.341,8.341,8.341,21.824,0,30.165c-4.16,4.16-9.621,6.251-15.083,6.251c-5.461,0-10.923-2.091-15.083-6.251 l-75.413-75.435l-75.392,75.413c-4.181,4.16-9.643,6.251-15.083,6.251c-5.461,0-10.923-2.091-15.083-6.251 c-8.341-8.341-8.341-21.845,0-30.165l75.392-75.413l-75.413-75.413c-8.341-8.341-8.341-21.845,0-30.165 c8.32-8.341,21.824-8.341,30.165,0l75.413,75.413l75.413-75.413c8.341-8.341,21.824-8.341,30.165,0 c8.341,8.32,8.341,21.824,0,30.165l-75.413,75.413L361.461,331.317z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 15px; background-repeat: no-repeat; background-position: center center; border-radius: 30px; } .button.button-confirm.bigBuy.jsAddFail:after { background-size: 27px; background-repeat: no-repeat; background-position: center center; } .button.big { padding: 15px 20px !important; font-weight: 500; font-size: 1.3em; } .button.toCashier { background-color: #42b84b; } .button.toCashier:hover { background-color: #39a642; } .button:focus:-moz-focus-inner, .button:active:-moz-focus-inner { border-color: #000; } .button:hover, .button:focus { background-color: #333333; color: #fff !important; background-position: 0 -15px; outline-offset: -6px; text-decoration: none; transition: background-position 0.1s linear 0s; -webkit-transition: background-position 0.1s linear 0s; } .button.button-disabled, .button:disabled { background-color: #eee; border-color: #e1e1e1; background: none repeat scroll 0 center transparent; box-shadow: none; cursor: default; font-style: italic; text-shadow: none; } a.button { padding-bottom: 6px !important; padding-top: 6px !important; } input.button-confirm, button.button-confirm, a.button-confirm { background-size: 100% auto; color: #fff !important; /*background-color: #474747;*/ background-color: #59b94e; font-size: 1em; font-weight: 600; } input.button-confirm:hover, input.button-confirm:focus, button.button-confirm:hover, button.button-confirm:focus, a.button-confirm:hover, a.button-confirm:focus { /*background-color: #363636;*/ background-color: #358e2b; /*-webkit-animation: none; -moz-animation: none; animation: none;*/ transition: all .2s ease; -webkit-transition: all .2s ease; } input.button-confirm:focus::-moz-focus-inner, input.button-confirm:active::-moz-focus-inner, button.button-confirm:focus::-moz-focus-inner, button.button-confirm:active::-moz-focus-inner, a.button-confirm:focus::-moz-focus-inner, a.button-confirm:active::-moz-focus-inner { border-color: white; } input.button-confirm.button-disabled, input.button-confirm:disabled, button.button-confirm.button-disabled, button.button-confirm:disabled, a.button-confirm.button-disabled, a.button-confirm:disabled { background-color: #f1630e; border-color: #165b16; } input.button-confirm-black, button.button-confirm-black, a.button-confirm-black { background-size: 100% auto; background-color: gray; font-size: 1.03em; font-weight: 600; } a.button-confirm-black{ /*font-size: .85em;*/ } @-moz-document url-prefix() { .productListContainer li .button-confirm-black { padding-bottom: 4px !important; padding-top: 4px !important; } .productListContainer li a.button-confirm { padding-bottom: 4px !important; padding-top: 4px !important; } } input.button-confirm-black:hover, input.button-confirm-black:focus, button.button-confirm-black:hover, button.button-confirm-black:focus, a.button-confirm-black:hover, a.button-confirm-black:focus { background-color: #515151; } input.button-confirm-black:focus:-moz-focus-inner, input.button-confirm-black:active:-moz-focus-inner, button.button-confirm-black:focus:-moz-focus-inner, button.button-confirm-black:active:-moz-focus-inner, a.button-confirm-black:focus:-moz-focus-inner, a.button-confirm-black:active:-moz-focus-inner { border-color: white; } input.button-confirm-black.button-disabled, input.button-confirm-black:disabled, button.button-confirm-black.button-disabled, button.button-confirm-black:disabled, a.button-confirm-black.button-disabled, a.button-confirm-black:disabled { background-color: #f1630e; border-color: #000; } /* Medium button */ .mediumButton { background-color: #3e3d40; color: #fff; cursor: pointer; font-size: 0.9em; font-weight: 500; padding: 8px; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; display: inline-block; *display: inline; zoom: 1; } .mediumButton:hover, .mediumButton:focus { color: #fff; background-color: #363636; } .mediumButton.dark { background-color: #636363;} .mediumButton.dark:hover, .mediumButton.dark:focus { color: #fff; background-color: #333;} /* Small button */ .smallButton { margin-left: 3px; display: inline-block; *display: inline; zoom: 1; } .smallButton a span { display: none; } .smallButton a { background-color: #ffffff; display: block; height: 35px; line-height: 35px; text-align: center; width: 30px; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; font-size: .9em; border-radius: 4px; border: 1px solid #d2d3d7; } .smallButton a:hover, .smallButton a:focus { color: #fff; background-color: #363636; } .smallButton a:active { -webkit-animation: kiss-in 0.25s ease-out; -moz-animation: kiss-in 0.25s ease-out; animation: kiss-in 0.25s ease-out; } .smallButton a.wishList:hover, .smallButton a.wishList:focus { color: red; } .smallButton a.quest:hover, .smallButton a.quest:focus { color: #04c0b1; } .smallButton a svg { height: 10px; width: 10px; } .smallButton a:hover svg, .smallButton a:focus svg { fill: #fff; } /* Search suggest */ div.suggest { font-size:12px; padding:6px; border-top:1px solid #e4e4e4; background: #fff; margin:0; clear:both; height:auto; overflow:auto;} div.suggest:first-child { border-top: 0; } div.suggest:last-child { border-bottom:none; } div.suggest em { float: right; font-size: 12px; } div.suggest div.image { display:block; padding-right:4px; width:10%; float:left; text-align:center; } div.suggest div.data { display:block; margin-right:4px; width:85%; float:left; } div.suggest div.data a { display: block; } div.suggest:hover { background-color: #ecfdff; border-top: 1px solid #cee7ea; } p.empty { margin:0; padding:3px; background: rgba( 233,241,17,0.87 );} .typeahead, .tt-query, .tt-hint { width: 396px; height: 30px; padding: 8px 12px; line-height: 30px; border: 2px solid #ccc; outline: none; } .tt-hint { display: none; } .typeahead { background-color: #fff; } .typeahead:focus { border: 2px solid #20659f; } .tt-menu { width: 100%; border:1px solid #ccc; text-align: left; } p.fullsearch { background:#fff; padding:5px; margin:0; font-size: 12px; } p.suggestHead { background:#3e3d40; color: #fff; padding:5px; margin:0; font-size: 12px; text-align:left; } .suggest.tt-suggestion.tt-selectable > a { display: block; width: 100%; } /* Target: 480- */ @media only screen and (max-width : 480px) { input, select, textarea { border: 1px solid #ccc; font-family: inherit; font-size: 16px; } } /* Target: 600- */ @media only screen and (max-width : 600px) { } /* Target: 720+*/ /*@media (min-width: 720px) {*/ @media (min-width: 900px) { #mobilecheck { display: none; } #categorySubCategories { margin-bottom:0; } .pagerspecial { height: 35px; } #catContent > .container .paging { margin-top: -25px; } .cashier-form .cartPlus button, .cashier-form .cartMinus button { width: 25px; } .cashier-form td.tablePrice { display: table-cell;} #miniCart .cashier-form .cartPlus button, #miniCart .cashier-form .cartMinus button { width: 20px; } ul.customWidth .grid-d-15 { width: 33.33333%; } #countryChoose:focus, #countryChoose:hover{ outline: none; color: #000; } #topCurr { right: 0; position: absolute; vertical-align: middle; text-align: center; width: 90px; border-left: 1px solid #c1c1c1; border-right: none; -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#4b4b4b), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #4b4b4b, rgba(0, 0, 0, 0)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #4b4b4b, rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(bottom, #4b4b4b, rgba(0, 0, 0, 0)) 1 100%; border-image: linear-gradient(to top, #4b4b4b, rgba(0, 0, 0, 0)) 1 100%; display: block; height: 44px; } #topCurr:hover, #topCurr:focus{ background-color: #2b2b2c; } #topCurr > a { color: #fff; } #topCurr > a:focus, #topCurr > a:hover{ color: #fff; } #topCurr a > i:first-of-type { top: 13%; } #countryChoose:focus { background-color: #2b2b2c; } #countryChoose img:first-of-type{ top: 13%; } .sticky-topbar #wrapper { margin-top: 0; } .fadeout { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))} h1.styled, h2.styled { /*border-bottom: none; margin-bottom: 0*/ } .onlyBig {display: block !important; } th.onlyBig, td.onlyBig{display: table-cell !important;} .onlySmall {display: none !important; } #footer {text-align: left; padding-top: 20px;} #footer h4 {text-align: left; margin-bottom: 10px; padding: 10px 0; background-color: transparent; } #footer ul.checked { margin-top: -15px; } #footerColumns ul li { padding: 0; } #footer h4 { cursor: default; border: 0; padding: 0; float: none; margin-bottom: 12px;} #footerColumns h4:after { display: none; } #footerColumns .col1, #footerColumns .col2, #footerColumns .col3, #footerColumns .col4, #footerColumns .col5 {padding: 5px; } #footerColumns .col5 { float: right; } #footerColumns .col5 p { text-align: center; } #footerColumns .col4 .inner {padding: 0 0 10px 0;} #footer .footerText .specCont { border-top: 1px solid #eaebef; padding-top: 20px; } #footer .col5 img { max-width: 100%; } #footer .col4 { text-align: left; font-size: 1em; padding-top: 20px;} #footer .col4 ul { margin-left: 0 !important; } #footer .footerPartner img { max-height: 35px; width: auto; } #footerColumns .col3 { border: 0; } #ajaxNL .newsletter-field { width: 30%;} /* Category */ #categoryPage .flexslider { min-height: 150px;} .categories.slim li .count { width: auto; text-align: left; } .categories.big > ul > li { width: 20%; } /* Category product */ .productListContainer li:hover { box-shadow: 0px 2px 11px 2px #ccc; } .productListContainer li article { /*height: 300px;*/ } .productListContainer li article .catProdImage { height: 175px; } .productListContainer li article h3 a { padding-top: 175px; } .productListContainer li article .catProdImage img { max-height: 175px; } .productListContainer li article .productPrice { top: 200px; } .productListContainer li article .delivery-time{ margin-right: 0; display: inline-block; } .productListContainer li article .button-confirm-black { padding: 3px 20px !important;} .productListContainer li article .productBuy .button { margin-top: -15px;} /* Category product BIG */ .productListContainer li.bigProduct article .rating { bottom: 21.2%; right: 45%; width: 100px;} .productListContainer li.bigProduct article { height: 850px; } .productListContainer li.bigProduct article .catProdImage { height: 700px; } .productListContainer li.bigProduct article .catProdImage img { max-height: 700px; bottom: 0; } .productListContainer li.bigProduct article h3 a { padding-top: 715px; } .productListContainer li.bigProduct article h3 { font-size: 1.5em;} .productListContainer li.bigProduct article .productPrice { height: 2.5em; font-size: 1.6em; top: 750px; } .productListContainer ul [class~='bigProduct']:nth-child(even) { float: right; } /* li.special article a { display: flex; height: 290px; position: absolute; align-items: center; justify-content: center; flex-direction: column; } */ #vatContainer .vatInner { margin: 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%; } } /* Target: 940- */ @media (max-width : 1200px) and (min-width: 800px) { #footerColumns .col5 { text-align: center; } } /* Target: 1200px+ */ @media only screen and (min-width: 1200px) { } /* Print */ @media print { .divToPrint { page-break-after: always; } .noPrint { display: none; } .productListContainer li article .productBuy { display: none; } } /* Full-width-test */ /* @media only screen and (min-width: 1700px) { .container { max-width: none; margin:0 auto; } .productListContainer li.listProduct { width: 270px; } #uspIndex .uspPlate img { width: 100%; } } */ /* Animations and effects */ .blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } /*.easing { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }*/ /* kiss-in */ @-webkit-keyframes kiss-in { 0% { -webkit-transform: scale(1); } 66% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); }} @-moz-keyframes kiss-in { 0% {-moz-transform: scale(1); } 66% { -moz-transform: scale(0.9);} 100% { -moz-transform: scale(1); }} @keyframes kiss-in { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 66% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; /*padding: 10px 0;*/ } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*@charset 'UTF-8';*/ /* Slider */ .slick-loading .slick-list { /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/ background-color: #fff; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 46%; display: block; width: 45px; height: 65px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; /*background-color: rgba(0,0,0,.1);*/ } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background-color: rgba(0,0,0,.3);} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: FontAwesome; content: '\f00c'; font-size: 20px; line-height: 1; opacity: .75; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; /*border-left: 2px solid #b7b7b7;*/ } [dir='rtl'] .slick-prev { /*right: -25px;*/ right: 0; left: auto; } .slick-prev:before { content: '\f053'; } [dir='rtl'] .slick-prev:before { content: '\f053'; } .slick-next { right: 0; /*border-right: 2px solid #b7b7b7;*/ } [dir='rtl'] .slick-next { right: auto; left: 0; border-left: 2px solid #b7b7b7; } .slick-next:before { content: '\f054'; } [dir='rtl'] .slick-next:before { content: '\f054'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; *display: inline; zoom: 1; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: FontAwesome; content: '\f111'; font-size: 15px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* 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; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../images/fancybox_loading2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* .list { display: grid; overflow: hidden; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; grid-column-gap: 5px; grid-row-gap: 5px; } */ .list-item { /*display: flex;*/ padding: 0.5em; /* margin-bottom: 20px; */ /*width: 100%;*/ text-align: center; } .list-content { width: 100%; background-color: #fff; display: inline-block; } .list-content .image { height: 215px; position: relative; } .list-content .image img { max-height: 200px; width: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; /* border-radius: 100%;*/ } .list-content .head { margin: 10px; display: block; background-color: #23a8e8; padding: 8px; color: #fff; border-radius: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; text-align: center; } .list-content a:hover .head, .list-content a:focus .head{ background-color: #2297cf; text-decoration: none; } .list-content a:hover, .list-content a:focus{ text-decoration: none; } @media (min-width: 900px) { .list { grid-template-columns: repeat(5, 1fr); } } /* 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:#7aa93c!important}.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-warning-o label:before,.pretty.p-toggle .state.p-warning-o label:before{border-color:#7aa93c}.pretty input:checked~.state.p-warning-o label:after,.pretty.p-toggle .state.p-warning-o label:after{background-color:transparent}.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg{color:#7aa93c;stroke:#7aa93c}.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after{background-color:#7aa93c!important}.pretty.p-switch input:checked~.state.p-warning:before{border-color:#7aa93c}.pretty.p-switch.p-fill input:checked~.state.p-warning:before{background-color:#7aa93c!important}.pretty.p-switch.p-slim input:checked~.state.p-warning:before{border-color:#c77c11;background-color:#c77c11!important}.pretty input:checked~.state.p-danger label:after,.pretty.p-toggle .state.p-danger label:after{background-color:#d9534f!important}.pretty input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger .svg,.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-danger-o label:before,.pretty.p-toggle .state.p-danger-o label:before{border-color:#d9534f}.pretty input:checked~.state.p-danger-o label:after,.pretty.p-toggle .state.p-danger-o label:after{background-color:transparent}.pretty input:checked~.state.p-danger-o .icon,.pretty input:checked~.state.p-danger-o .svg,.pretty input:checked~.state.p-danger-o svg,.pretty.p-toggle .state.p-danger-o .icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o svg{color:#d9534f;stroke:#d9534f}.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after{background-color:#d9534f!important}.pretty.p-switch input:checked~.state.p-danger:before{border-color:#d9534f}.pretty.p-switch.p-fill input:checked~.state.p-danger:before{background-color:#d9534f!important}.pretty.p-switch.p-slim input:checked~.state.p-danger:before{border-color:#a02622;background-color:#a02622!important}.pretty.p-bigger .icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger label:after,.pretty.p-bigger label:before{font-size:1.2em!important;top:calc((0% - (100% - 1em)) - 35%)!important}.pretty.p-bigger label{text-indent:1.7em}@media print{.pretty .state .icon,.pretty .state label:after,.pretty .state label:before,.pretty .state:before{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}} /*@font-face{font-family:'flexslider-icon';src:url(fonts/flexslider-icon.eot);src:url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"),url(fonts/flexslider-icon.woff) format("woff"),url(fonts/flexslider-icon.ttf) format("truetype"),url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");font-weight:400;font-style:normal}*/ .flex-container a:hover,.flex-slider a:hover{outline:none} .slides,.slides > li,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none} .flex-pauseplay span{text-transform:capitalize} .flexslider{margin:0;padding:0} .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden} .flexslider .slides img{width:100%;display:block} .flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .flexslider .slides{display:block} * html .flexslider .slides{height:1%} .no-js .flexslider .slides > li:first-child{display:block} .flexslider{margin:0;background:#fff;position:relative;zoom:1;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);-o-box-shadow:0 1px 4px rgba(0,0,0,0.2);box-shadow:0 1px 4px rgba(0,0,0,0.2)} .flexslider .slides{zoom:1} .flexslider .slides img{height:auto;-moz-user-select:none} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .loading .flex-viewport{max-height:300px} .carousel li{margin-right:5px} .flex-direction-nav{*height:0} .flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3)} .flex-direction-nav a.flex-next:before{content:'\f002'} .flex-direction-nav .flex-prev{left:-50px} .flex-direction-nav .flex-next{right:-50px;text-align:right} .flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px} .flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1} .flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px} .flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1} .flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1} .flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000} .flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004'} .flex-pauseplay a:hover{opacity:1} .flex-pauseplay a.flex-play:before{content:'\f003'} .flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center} .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline} .flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px} .flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)} .flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default} .flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden} .flex-control-thumbs li{width:25%;float:left;margin:0} .flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .flex-control-thumbs img:hover{opacity:1} .flex-control-thumbs .flex-active{opacity:1;cursor:default} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev{opacity:1;left:10px} .flex-direction-nav .flex-next{opacity:1;right:10px} } .cookie-banner { display: none; align-items: center; padding: 5px 15px; position: fixed; left: 0; bottom: 0; right: 0; background-color: white; border-top: 1px solid #eaeaea; z-index: 9999999999; } .cookie-banner p { font-size: 14px; } .cookie-banner a { text-decoration: underline; } .cookie-banner button { padding: 5px 20px; margin-left: 20px; color: white; background-color: #a0a0a0; border: 1px solid #888888; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease-in-out; } .cookie-banner button:hover { background-color: #909090; border-color: #999999; } @media (min-width: 720px) { .cookie-banner p { font-size: 16px; } } /*** iPhone and iOS Form Input Zoom Fixes ***/ /* Fix Input Zoom on devices older than iPhone 5: */ @media screen and (device-aspect-ratio: 2/3) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"]{ font-size: 16px; } } /* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */ @media screen and (device-aspect-ratio: 40/71) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"]{ font-size: 16px; } } /* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7 */ @media screen and (device-aspect-ratio: 375/667) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"]{ font-size: 16px; } } /* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max */ @media screen and (device-aspect-ratio: 9/16) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"]{ font-size: 16px; } }