/* Magistral C font */ @font-face { font-family: 'magistralcregularh1'; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.eot'); src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.woff2') format('woff2'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.woff') format('woff'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.ttf') format('truetype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.svg#magistralcregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'magistralcregular'; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/mgs/mgs45.eot'); src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/mgs/mgs45.eot?#iefix') format('embedded-opentype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/mgs/mgs45.woff') format('woff'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/mgs/mgs45.ttf') format('truetype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/mgs/mgs45.svg#mgs45') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ * { margin:0; padding:0; } html { font-size:16px; /* Fix for Opera */ } body { font:75%/150% Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; } #root-wrapper {} img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#333; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; } h1 { font-size:2.6666em; line-height:1.25em; /*32px, 40px*/ margin-bottom:20px; } h2 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h3 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h4 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h5 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h6 { font-size:1em; line-height:1.1666em; /*12px, 14px*/ } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none !important; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper {} .page { text-align:left; background-repeat:repeat; background-position:center top; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .main-container { background-repeat:repeat; background-position:center top; } .main { padding:20px 0; min-height:370px; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* new checkout 2019 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body.checkout-cart-index .wrapper {border: none;} body.checkout-cart-index .main.container {border: none;} body.checkout-cart-index .block_checkout_header_ekwb {float: left; width: 100%; border-bottom: 3px #f89836 solid; margin-bottom: 20px;} body.checkout-cart-index .block_checkout_header_ekwb .logo-wrapper {float: left;} body.checkout-cart-index .block_checkout_header_ekwb .logo {margin-bottom:30px;} body.checkout-cart-index .block_checkout_header_ekwb .logo strong {position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden;} body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right {float: right; padding-top: 8px;} body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right div {float: left;} body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right div.checkout-header-titles {margin-right: 40px;} body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right h4 {margin-bottom: 0;} body.checkout-cart-index #footer { background-image: url(https://www.ekwb.com/wp-content/themes/enfold-child/images/footer_bg.jpg); background-repeat: repeat-x; background-position: center bottom; background-size: auto; border-top: none; font-size: 14px; line-height: 20px; padding: 15px 0 30px; z-index: 1; } body.checkout-cart-index #footer .certificateWrapper {text-align: center;} body.checkout-cart-index #footer .certificateWrapper a img{width: 120px;} body.checkout-cart-index .footer-bottom {background-color: #494949; color: #ddd;width: 100%;max-width: inherit; text-align: center; padding-bottom: 10px;} body.checkout-cart-index .footer-bottom p {color: #ddd !important;} @media (max-width: 768px) { body.checkout-cart-index .block_checkout_header_ekwb .logo-wrapper { float: left; width: 100%; text-align: center; } body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right { width: 100% } body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right div { width: 100%; text-align: center; margin-bottom: 10px; } body.checkout-cart-index .block_checkout_header_ekwb .logo img { width: 35%; } } /* new checkout 2019 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body.firecheckout-index-index .wrapper {border: none;} body.firecheckout-index-index .main.container {border: none;} body.firecheckout-index-index .block_checkout_header_ekwb {float: left; width: 100%; border-bottom: 3px #f89836 solid; margin-bottom: 20px;} body.firecheckout-index-index .block_checkout_header_ekwb .logo-wrapper {float: left;} body.firecheckout-index-index .block_checkout_header_ekwb .logo {margin-bottom:30px;} body.firecheckout-index-index .block_checkout_header_ekwb .logo strong {position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right {float: right; padding-top: 8px;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div {float: left;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div.checkout-header-titles {margin-right: 40px;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right h4 {margin-bottom: 0;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div.checkout-header-titles p {margin-bottom: 0;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div.checkout-header-titles li {padding-top: 0; padding-left: 10px; padding-bottom: 0; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/bullet.png) 0 7px no-repeat;} body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #billing-address-review, body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #shipping-address-review {width: 48.5% !important;} body.firecheckout-index-index #footer { background-image: url(https://www.ekwb.com/wp-content/themes/enfold-child/images/footer_bg.jpg); background-repeat: repeat-x; background-position: center bottom; border-top: none; font-size: 14px; line-height: 20px; padding: 15px 0 30px; z-index: 1; } body.firecheckout-index-index #footer .certificateWrapper {text-align: center;} body.firecheckout-index-index #footer .certificateWrapper a img {width:120px;} body.firecheckout-index-index .footer-bottom {background-color: #494949; color: #ddd;width: 100%;max-width: inherit; text-align: center; padding-bottom: 10px;} body.firecheckout-index-index .footer-bottom p {color: #ddd !important;} @media (max-width: 768px) { body.firecheckout-index-index .block_checkout_header_ekwb .logo-wrapper { float: left; width: 100%; text-align: center; } body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right { width: 100% } body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div { width: 100%; text-align: center; margin-bottom: 10px; } body.firecheckout-index-index .block_checkout_header_ekwb .logo img { width: 35%; } } #firecheckout-form .col2-set .col-2 .col-1, #firecheckout-form .col2-set .col-2 .col-2 { width: 100% !important; } #firecheckout-form #billing-address em {font-weight: normal; font-style: italic; font-size: 12px;} /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main { width:100%; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /**/ .preface { clear:both; } .postscript { clear:both; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea { background:#fff; border:1px solid #ddd; color:#888; /* Box model */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove default formatting, fix for iOS (rounded corners and shadow) */ -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; box-shadow:none; } input.input-text{ height: 36px; } select { height:36px; padding:8px; text-overflow:ellipsis; } select.multiselect { height: auto; } input.input-text, textarea { padding:8px; text-overflow:ellipsis; } select option { padding-right:10px; padding-left:5px; } select.multiselect option { border-bottom:1px solid #eee; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:3em !important; text-align:center; } /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { border-color:#aaa; color:#333; outline:none; } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ .button { display: inline-block; margin:0; border:0; overflow:visible; cursor:pointer; font-size:12px; font-weight: normal; white-space:nowrap; text-align:center; background-color:#ddd; color:#333; line-height:45px; padding:0 25px; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .button:hover { background-color:#333; color:#fff; } /* Smaller button - for inline display, e.g. with input boxes -------------------------------------------------------------- */ .button.btn-inline, .sidebar .block .button, /* Sidebar block button */ .product-view .box-tags .form-add .button, /* Customer tags form */ .title-buttons .button /* Heading buttons */ { padding:0 15px; line-height:36px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ .product-view .btn-cart, .btn-checkout { line-height:55px; font-size:1.1666em; /*14px*/ } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form lists */ /* Grouped fields */ .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width:275px; margin-bottom:5px; } .form-list input.input-text { width:262px; /*244px;*/ } .form-list textarea { width:244px; height:10em; } .form-list select { width:262px; } .form-list li.wide .input-box { /*width:535px;*/ } .form-list li.wide input.input-text { /*width:529px;*/ } .form-list li.wide textarea { /*width:529px;*/ } .form-list li.wide select { /*width:535px;*/ } .form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; margin-left: 0; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } /* Fieldset -------------------------------------------------------------- */ .fieldset + .fieldset { margin-top: 30px; } /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear: both; margin: 30px 0 0; padding-top: 10px; border-top: 1px solid #e5e5e5; } .buttons-set p.required { float: right; line-height: 1em; margin: -33px 0 0; } .buttons-set button.button { float: right; margin-left: 5px; min-width: 140px; } /* Back link */ .buttons-set .back-link { float: left; margin: 0; line-height: 36px; } .buttons-set .back-link small { display: none; } .buttons-set .back-link a:before { margin-right:7px; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; margin-bottom:5px; font-size: 12px; text-align: left; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#ee001c; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Selected buttons sets -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set .button, /* Create account */ .account-create .buttons-set .button, /* Forgot password */ .customer-account-forgotpassword .buttons-set .button, /* Advanced search */ .catalogsearch-advanced-index .buttons-set .button, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set .button, /* Contact us */ .contacts-index-index .buttons-set .button { min-width: 180px; } /* Selected forms -------------------------------------------------------------- */ #contactForm textarea { width: 100%; max-width: 535px; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages > li:last-child { margin-bottom:0; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; margin-bottom:15px; } .cms-index-index .messages, .cms-home .messages { margin:20px 0 20px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg { border-color:#c02230; background-color:#F5DAD3; background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/i_msg-error.png); color:#c02230; } .success-msg { border-color:#296a23; background-color:#e9ffca; background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/i_msg-success.png); color:#296a23; } .note-msg, .notice-msg { border-color:#7c622a; background-color:#FDEDA4; background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/i_msg-note.png); color:#7c622a; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li { float: left; font-size: 0.9166em; } .breadcrumbs li > * { display: inline-block; vertical-align: middle; } .breadcrumbs li .sep { margin-left: 6px; margin-right: 6px; } .breadcrumbs li .last-crumb {} /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin-bottom:0; } .page-title { margin-bottom:20px; } /*.category-title { margin-bottom:10px; }*/ /* Links in page title */ .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } /* Title with buttons */ .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:10px 0; } /* View mode */ .sorter .view-mode { float:right; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { margin-left: 1px; } .sorter .view-mode .grid {} .sorter .view-mode .list {} .sorter .view-mode a.grid:hover {} .sorter .view-mode a.list:hover {} /* Sort by */ .sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc {} .sorter .sort-by .category-asc {} .sorter .sort-by .category-desc {} .sorter .sort-by .category-asc:hover {} .sorter .sort-by .category-desc:hover {} /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:10px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; color:inherit; } .pager .pages a.previous, .pager .pages a.next { font-size:16px; } /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:-1px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; } .toolbar_notice_exposed .toolbarOrange { height: 40px; width: calc(100% - 30px); background: #f89828; position: relative; padding: 0 15px; } .toolbar_notice_exposed .toolbarOrange a { width: calc(100% - 30px); height: calc(100% - 10px); position: absolute; } .toolbar_notice_exposed .toolbarOrange a span { position: absolute; width: 100%; top: 10px; text-align: center; color: #fff; font-size: 17px; font-weight: 600; line-height: 20px; text-shadow: -1px 1px 1px #e78b21; -moz-text-shadow: -1px 1px 1px #e78b21; -webkit-text-shadow: -1px 1px 1px #e78b21; -moz-transition: all .22s ease-in-out; -o-transition: all .52s ease-in-out; -webkit-transition: all .52s ease-in-out; transition: all .52s ease-in-out; } .toolbar_notice_exposed .toolbarOrange a:hover span { letter-spacing: 0.5px; } @media (max-width: 650px) { .toolbar_notice_exposed .toolbarOrange { height: 60px; } .toolbar_notice_exposed .toolbarOrange a span { font-size: 15px; } } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:none; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Height */ .sorter, .pager { line-height:36px; } /* Important: the same as the height of the form elements */ /* Icons */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; vertical-align: middle; font-size:14px; } /* Icons and elements of pager */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages .current, .pager .pages li a { width:30px; height:30px; line-height:30px; text-align:center; } /* Amount */ .pager .amount, .sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:bold; vertical-align:bottom; border-right: none; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:1px solid #f5f5f5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd {} .data-table tr.odd.last { border-bottom:#eee solid 1px; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #f5f5f5; } .data-table tr.even td.last { border-right:none; } .data-table tr.even { background-color:#fbfbfb; } .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/ .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ .global-site-notice { background:#f5f5f5; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/i_notice.gif) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for many buttons -------------------------------------------------------------- */ .btn-remove, /* Generic "close" button */ .btn-remove2, /* Button "remove" on the cart page */ .map-popup-close, .remember-me-popup-head .remember-me-popup-close, /* "Remember me" pop-up, only the "close" button in the header */ .btn-edit { display:inline-block; width:18px; height:18px; line-height:18px; font-size:16px; text-align:center; /* Important: no overflow to hide the text inside the button */ overflow: hidden !important; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; margin: 0.5em 0; } .std dl dd { margin:0 0 0px 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:0 0 1em; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } ul.bullet li:hover { background-position:3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Lists inside ".std" %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container, .header-container2, .header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .header { padding:0; } /* Misc header elements -------------------------------------------------------------- */ .header .item {} .header .item-left { float: left; margin-right: 10px; text-align: left; } .header .item-right { float: right; margin-left: 10px; text-align: right; } /* User menu inside header top -------------------------------------------------------------- */ .header-top .item-left .user-menu > * { float: left; } .header-top .item-right .user-menu > * { float: right; } /* User menu and Top Links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear floats and override custom styles to avoid incorrect position of elements */ .user-menu { width:100%; float:none; margin:0; /* Clear floats of other elements */ clear: both; } .user-menu:before, .user-menu:after { display: table; content: " "; } .user-menu:after { clear: both; } /* Top Links - clear floats */ .top-links ul:before, .top-links ul:after { display: table; content: " "; } .top-links ul:after { clear: both; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper .logo { display:inline-block; /* TODO check */ max-width:94%; margin:10px 0; text-decoration:none !important; } .header .logo-wrapper h1.logo a { display: block; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #search_mini_form { clear:both; display:block; } .form-search { position:relative; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text { float:right; /* Float in the same direction as position of button */ width:100%; display: block; height:36px; line-height:36px; /*IE8*/ padding:0px 35px 0 7px; color:#bbb; background-color:#fff; overflow:hidden; text-overflow:ellipsis; } /* Button */ .form-search .button { position:absolute; right:0; top:0; margin:1px; padding:0; /*background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png) no-repeat transparent; background-position:-57px -108px;*/ background-color:transparent !important; color:#000; width:34px; height:34px; line-height:34px; text-align:center; } .form-search .button:hover { background-color:transparent; color:#000; } .form-search .button span { background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */ } .form-search .button span span { display:none; } /* Hide text label */ /* Search autocomplete */ .form-search .search-autocomplete { left:0 !important; /*Fix for IE*/ top:42px !important; position:relative; z-index:4100 !important; } .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: small box. Deprecated. -------------------------------------------------------------- */ .search-wrapper-small .form-search .input-text { height:28px; line-height:28px; /*IE8*/ } .search-wrapper-small .form-search .button { /*background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png) no-repeat transparent; background-position: -61px -111px;*/ width:28px; height:28px; line-height:28px; font-size:10px; } .search-wrapper-small .form-search .search-autocomplete { top:30px !important; } /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Search box in the top header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top #search_mini_form { display: inline-block; vertical-align: middle; } .header-top .form-search .input-text { height:28px; line-height:28px; } .header-top .form-search .button { width:28px; height:28px; line-height:28px; font-size:10px; } .header-top .form-search .search-autocomplete { top:30px !important; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .after-mini-cart { clear:both; } /* Mini-cart heading -------------------------------------------------------------- */ .mini-cart .mini-cart-heading .ic { font-size: 16px; line-height: 1em; } .mini-cart .mini-cart-heading .summary {} /* Mini-cart content -------------------------------------------------------------- */ /* If it is a dropdown */ .mini-cart.dropdown .mini-cart-content { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ overflow: auto; } /* Elements of the cart */ .mini-cart .mini-cart-content .empty { padding:10px 0; } .mini-cart .mini-cart-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .subtotal { margin:20px 0; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .incl-tax {} .mini-cart .mini-cart-content .mini-products-list li { padding: 0; margin: 0 0 5px; } .mini-cart .mini-cart-content .mini-products-list li.last { margin: 0; } .mini-cart .mini-cart-content .product-name {} .mini-cart .mini-cart-content .btn-remove, .mini-cart .mini-cart-content .btn-edit { float:right; } .mini-cart .mini-cart-content .product-details strong { font-weight:normal; } .mini-cart .mini-cart-content .actions { margin:10px 0 0; padding:0; border:none; text-align:left; } .mini-cart .mini-cart-content .actions button { float:left; margin-right:1px; } .mini-cart .mini-cart-content .truncated { margin-left:3px; } .mini-cart .mini-cart-content .truncated .item-options { -webkit-transform: translateZ(0); /* Fix disappearing mini-cart in Safari if product has options */ } /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-compare { margin:0; padding:0; border:none; } /* Mini-compare heading -------------------------------------------------------------- */ .mini-compare .mini-compare-heading .ic { font-size: 16px; line-height: 1em; } /* Mini-compare content -------------------------------------------------------------- */ .mini-compare.dropdown .mini-compare-content { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } .mini-compare .mini-compare-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; } .mini-compare .mini-compare-content .empty { padding:10px 0; } .mini-compare .mini-compare-content .product-name { padding-right:20px; } .mini-compare .mini-compare-content .btn-remove { float:right; } .mini-compare .mini-compare-content .actions { margin-top: 20px; } .mini-compare .mini-compare-content .actions a { float:right; line-height: 36px; /* The same height as button */ } .mini-compare .mini-compare-content .actions button { float:left; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:10px 0; } .block .block-content li.item { padding:5px 0; } .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin:10px 0 0 0; padding:10px 0 0; border-top:1px dotted #e5e5e5; } .block .actions a { float:left; } .block .actions .button { float:right; } .block .actions .button ~ a { margin-right: 5px; line-height: 36px; /* The same height as buttons */ } /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { list-style: outside disc none; padding-left: 20px; } .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li { padding: 3px 0; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:60px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .item .btn-remove, .mini-products-list .item .btn-edit { margin-left:7px; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title {} .block-account .block-content { padding: 10px 0; } .block-account .block-content ul { list-style: outside disc none; padding-left: 25px; } .block-account li > * { padding:4px; display:block; text-transform:uppercase; } .block-account li strong { font-weight:normal; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block subtitle -------------------------------------------------------------- */ .block-layered-nav .block-subtitle--filter { display: none; cursor: pointer; border-bottom: 1px solid #e5e5e5; padding: 7px 10px 7px 25px; margin-top: 10px; position: relative; /*text-transform: uppercase; font-weight: bold;*/ -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ddd; border-right: none; left: 6px; top: 50%; margin-top: -5px; } .block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; /*right: 10px;*/ top: 50%; margin-top: -3px; } /* Attributes -------------------------------------------------------------- */ .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { display: block; margin-top: 1px; position: relative; padding: 7px 0; font-weight: bold; text-rendering: optimizeSpeed; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .block-layered-nav .block-content > dl > dt:after { display: none; /* Hide on desktop */ content: ''; position: absolute; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content > dl > dt:hover { } .block-layered-nav .block-content > dl > dd { padding: 0 5px; margin: 0; } .block-layered-nav .block-content > dl > dd:last-child { } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } /* Single filter -------------------------------------------------------------- */ .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { position: relative; display: block; padding: 3px 0 3px 12px; } .block-layered-nav dl dd ol > li > a:before { display: block; /* Show on desktop */ content: ''; position: absolute; width: 0px; height: 0px; border-right: none; border-left: 4px solid #ddd; border-top: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(0, 0, 0, 0); left: 0px; top: 50%; margin-top: -5px; transition: left 150ms ease-in-out; -moz-transition: left 150ms ease-in-out; -webkit-transition: left 150ms ease-in-out; -o-transition: left 150ms ease-in-out; } .block-layered-nav dl dd ol > li > a:hover:before { left: 3px; } /* Currently selected filters %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .currently .block-subtitle { padding: 10px 10px 0; margin: 0 0 10px; font-size: 14px; font-weight: bold; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .currently ol li .value { color: #d90000; /* TODO: move to common.css */ } .block-layered-nav .currently .btn-remove { float: left; margin-right: 8px; } .block-layered-nav .actions { border-top: none; margin: 0 0 15px; padding: 0px 10px 10px; } .block-layered-nav .actions a { float: left; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.block-wishlist li.item .btn-remove { margin-left:5px; }*/ /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .product-image { float:left; margin-bottom:10px; } .block-related-thumbnails .product-details { margin-left:110px; } .block-related-thumbnails .product-details > * { margin-bottom:5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; } .block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; } .block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; } /* Add space above item */ .block-related-thumbnails .item { padding-top: 20px; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#e5e5e5; } .compare-table .product-shop-row { border-bottom:1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color:#eee !important; } .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display:block; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none; } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed {} /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* General product list styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: inherit; } /* Common styles for view types: list and grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are modified for different number of columns */ font-size:1.3333em; line-height:1.25em; /*16px 20px*/ } .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } /* Product image -------------------------------------------------------------- */ /* Product alternative image */ .products-list .product-image .alt-img, .products-grid .product-image .alt-img { position:absolute; top:0; left:0; display: none; } /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img /* Grid only in category view */ { -moz-transform: translateZ(0); } /* View type: list %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .item { border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; background-color:#fff; position:relative; /* For hover effect */ transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } .products-list .product-shop {} .products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px } .products-list .right-column { float:right; } .products-list .product-name { margin:0 0 15px; } .products-list .product-image-wrapper {position: relative;} .products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; } .products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; max-width:180px; } .products-list a.btn-cart { padding-left:0; padding-right:0; } .products-list .button span { float:none; } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0; } /* Hover effect -------------------------------------------------------------- */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* View type: grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For hover effect */ } .products-grid .product-name { margin:15px 0 10px; } .products-grid .product-image-wrapper { margin:0 auto; position:relative; } .product-image-wrapper img.al-icon { width: 30px; position: absolute; top: 0; left: 0; height: auto; z-index: 1; } .products-grid .product-image { display:block; } .order-desc .products-grid .product-image { display: inline; } .products-grid .price-box { margin:10px 0 10px; font-size:1em; } .products-grid .ratings { margin:10px 0; line-height:1.0833em; } /* If ratings wrapped, remove margin from ratings, leave maring in wrapper */ /*.products-grid .ratings-wrapper { margin:10px 0; } .products-grid .ratings-wrapper .ratings { margin-top:0; margin-bottom:0; }*/ .products-grid .actions { margin:10px 0 0; } .products-grid .availability { float:none; margin:5px 0; } .products-grid .add-to-links { margin:10px 0 0; } /* Prices old/special: inline */ /*.products-grid .old-price, .products-grid .special-price { display: inline-block; } .products-grid .old-price + .special-price { margin-left: 4px; }*/ /* Grid: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Equal height of items (buttons displayed at the bottom of items) -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */ /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover { display:none; } /* Display grid item elements only on hover: fade-in (for sliders) */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Product name in a single line -------------------------------------------------------------- */ .products-grid.single-line-name .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .products-grid.single-line-name .item:hover .product-name { overflow: visible; white-space: normal; } /* Align to the center -------------------------------------------------------------- */ .products-grid.centered .item { text-align: center; } .products-grid.centered .item .ratings .rating-box, .products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; } .products-grid.centered .item .ratings .amount { margin-left: 3px; } .products-grid.centered .item input.checkbox { float: none; } .products-grid.centered .item .actions .add-to-links li { float: none; margin:0; } /*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/ /* Grid: only in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-products-grid .item { border-top:1px solid #e5e5e5; border-left:none; border-right:none; zoom:1; padding-top:2%; padding-left:1%; padding-right:1%; background-color:#fff; transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } /* Hover effect -------------------------------------------------------------- */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* Grid: override grid elements to change size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name -------------------------------------------------------------- */ .products-grid.size-s .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } .products-grid.size-xs .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* Buttons -------------------------------------------------------------- */ .products-grid.size-s .item .btn-cart { line-height: 3em; padding-left: 15px; padding-right: 15px; } .products-grid.size-xs .item .btn-cart { line-height: 2.5em; padding-left: 8px; padding-right: 8px; } /* Product labels -------------------------------------------------------------- */ .products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; } .products-grid.size-s .item:hover .sticker { width:50px; height:50px; } .products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .products-grid.size-xs .item:hover .sticker { width:45px; height:45px; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height: 15px; margin: 15px 0 15px; } .ratings strong { float:left; margin:1px 5px 0 0; } /* For backward compatibility */ .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box, .ratings .amount, .ratings .rating-links { display: inline-block; vertical-align: middle; } .ratings .rating-box { margin-right:6px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings .rating-links .separator { display: inline-block; vertical-align: middle; text-indent: -9999px; border-left: 1px solid #e5e5e5; height: 13px; width: 1px; margin: 0 3px; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } /* Generic block for feature presentation on product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-action { display: block; margin: 10px 0; } .product-action .ic { vertical-align: middle; font-size: 16px; /* Fixed width of the icon container. Required because different icon widths can break the alignment. */ width: 24px; text-align: center; } .product-action .label { vertical-align: middle; margin-left: 3px; } /* Availability - only X left %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability-only {} a.availability-only { cursor:pointer; } /* It may also be a link to toggle more details */ /* Enlarge the icon */ .availability-only .ic { font-size: 20px; } /* Inside the label */ .availability-only strong { font-weight:normal; } .availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); } /* Table with details */ .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; } .availability-only-details td.last { border-right:none; } /* Product increments %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-pricing {} .extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price {} .alert-stock {} /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price {} .price-box .price-label {} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price {} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 10px; padding-left: 10px; } .tier-prices li { line-height:15px; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#ee001c; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */ /* Add-to links: simple icons (with no text) -------------------------------------------------------------- */ .addto-links-icons {} /* If displayed in a group: add margin between icons */ .addto-links-icons .link-compare { margin-left:3px; } .addto-links-icons a { display:block; } .addto-links-icons .ic { font-size:16px; } /* If displayed on product image */ .addto-links-icons.addto-onimage { float:right; margin-top:-40px; /* Move up */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */ padding-right:4px; } /* Add to Cart box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Display elements inline, no floating */ .product-view .add-to-cart { float:none; } .add-to-cart .qty-wrapper, .add-to-cart .button { display:inline-block; } .add-to-cart .qty-wrapper .qty { text-align:center; margin-right:10px; } /* PayPal -------------------------------------------------------------- */ .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Button "Add to cart" on product page */ .product-view .btn-cart { min-width: 200px; } /* Add class "left-side" to place the buttom at the left side of the quantity field -------------------------------------------------------------- */ .add-to-cart.left-side { float: none !important; /* In case floating is set in some other styles */ } .add-to-cart.left-side .button { float: left; } .add-to-cart.left-side .qty-wrapper { line-height: 55px; /* The same height as button */ } .add-to-cart.left-side .qty-wrapper label { padding-left: 7px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1 Column Layout -------------------------------------------------------------- */ /* Stretch content area (full page width) */ .catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; } /* 3 Columns Layout -------------------------------------------------------------- */ /* Uncomment if you're using 3-column layout on product page */ /*.catalog-product-view .col3-layout .product-img-column, .catalog-product-view .col3-layout .product-shop, .catalog-product-view .col3-layout .product-secondary-column, .catalog-product-view .col3-layout .box-additional { float: none; width: 100%; } .catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/ /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float:left; margin-bottom:10px; position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */ } .product-view .product-img-column .al-icon { width: 70px; height: auto; position: absolute; top: 15px; left: 30px; } .col3-layout .product-view .product-img-column { float:none; margin:0 auto; } /* Product primary column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } /* Product secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ } /* Product primary column's elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ } .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Add-to links */ .product-view .action-box { margin:20px 0; } /* Add-to links in different places of the product page */ .product-view .add-to-links li { margin-right: 10px; } .product-view .add-to-links a { display: block; } .product-view .add-to-links .ic { font-size: 16px; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* The same style as "item-options" in cart */ .product-type-data .item-options dd { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices - common for product view and MAP popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .price-box .special-price .price-label { white-space:normal; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } /* Main containers (e.g. for add-to-cart, product options) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type specific data */ .product-view .product-type-data { margin:10px 0 0; } /* Lower part of the container */ .product-view .container1-wrapper, .product-view .container2-wrapper, .product-view .add-to-box { padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e5e5e5; } .product-view .container2-wrapper { margin-bottom:30px; } /* Button container */ .product-view .add-to-box { margin-top:15px; } /* Background color for main containers */ /*.product-view .product-type-data, .container1-wrapper, .container2-wrapper, .product-view .add-to-box {}*/ /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description (for lists with no bullet class) */ .product-view .short-description .std ul:not(.ic-ul), .product-view .box-tabs .std ul:not(.ic-ul) { list-style:none outside none; } .product-view .short-description .std ul:not(.ic-ul) li, .product-view .box-tabs .std ul:not(.ic-ul) li { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; margin-bottom:15px; } .product-options dt { font-weight:normal; } .product-options dt label { display:inline-block; font-weight:bold; } .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 10px; } .product-options dl.last dd.last { border-bottom:0; } .product-options dd input.input-text { width:100%; /*98%*/ } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:100%; /*width:92%;*/ height:8em; } .product-options dd select { width:100%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; } .product-options ul.options-list input.checkbox { float:left; margin-top:2px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:0.9166em; } .product-options p.required { position:absolute; right:0; top:-15px; } /*bottom*/ .product-options-bottom { margin-top:20px; } .product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax {} .product-options-bottom .add-to-cart { clear:both; } /* To avoid floating after price */ .product-shop .product-options-bottom { margin:0; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0; clear:both; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:inherit; font-family:inherit; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:inherit; font-family:inherit; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0; } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top:15px; } .product-view .box-reviews dl { margin:30px 0 15px; } .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dt a { font-size:18px; margin-right:8px; } .product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; } .product-view .box-reviews dd:last-child { border-bottom: none; } .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; } .product-view .box-reviews .ratings-table { margin:5px 0; } .product-view .box-reviews .pager { margin-bottom:25px; } .product-view .box-reviews .form-add h2 {} /* Write your own review */ .product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add h4 { font-family:inherit; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box {} .product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; } .product-view .box-reviews .form-add .data-table { max-width:176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; } .product-view .box-reviews .form-add .data-table td .radio { margin:0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Product collateral data container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic wrapper for lower part of the product page */ .product-view .box-additional { margin-top: 20px; } /* Boxes for collateral data -------------------------------------------------------------- */ .product-view .box-collateral { margin-top: 0; margin-bottom: 30px; } /* Remove margin if box is inside one of the main sections of product page */ .product-view .product-img-column .box-collateral, .product-view .product-primary-column .box-collateral, .product-view .product-secondary-column .box-collateral { margin-bottom: 15px; } /* Remove margin if box is inside tabs */ .product-view .box-tabs .box-collateral { margin-bottom: 0; } /* Collateral container -------------------------------------------------------------- */ .product-view .collateral-container {} .product-view .collateral-container .collateral-block {} /* Headings -------------------------------------------------------------- */ .product-view .box-collateral > h2:first-child, .product-view .collateral-block > h2:first-child, /* Rule required in case a heading is not wrapped inisde "box-collateral" */ .product-view .section-title { margin-bottom: 15px; padding: 7px 0; border-bottom: 1px solid #e5e5e5; } /* Modify headings in specific cases -------------------------------------------------------------- */ /* Slider headings - no bottom margin (it would pull the navigation arrows down) -------------------------------------------------------------- */ .product-view .block-related .section-title, .product-view .block-upsell .section-title { margin-bottom: 0; } /* Headings if box is inside one of the main sections of product page -------------------------------------------------------------- */ /* Hide first heading (which is always the same as tab name) */ .product-view .box-tabs .panel > h2:first-child { display:none; } /* Hide first heading also if it is inside "box-collateral" */ .product-view .box-tabs .box-collateral > h2:first-child { display:none; } /* Headings inside one of the main sections of product page -------------------------------------------------------------- */ .product-view .product-img-column .box-collateral > h2:first-child, .product-view .product-primary-column .box-collateral > h2:first-child, .product-view .product-secondary-column .box-collateral > h2:first-child { font-size: 18px; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; font-size:1em; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:10px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; /* Complex form fields (e.g. price range) require floating for correct layout */ } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin-left: 0; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 5px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin:15px; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { clear:both; } /* RSS */ .rss-title h1 { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:168px; display:block; } .cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; } .cart-table tfoot td { padding:5px 10px; border:none; } .cart-table input.qty { width: 4em !important; } /* Table bottom - buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; } .cart-table tfoot button { padding:0; margin:0 0 15px 10px; } .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } /* Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:20px; } .cart .cart-right-column { float:right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell .product-image { float:left; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell .btn-cart { float:left; margin-right:10px; } .cart .crosssell .add-to-links { float:left; margin:12px 0 0; } .cart .crosssell .price-box { margin:7px 0; } .cart .crosssell li.item { padding:20px 0; } .cart .crosssell li.item.odd { margin-left:0; clear:left; } .cart .crosssell li.item.even { margin-right:0; float:right; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display:block; margin:0 0 5px; } .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color:#f5f5f5; } .cart .totals-inner { padding:20px; } .cart .totals table { width:100%; } .cart .totals td { padding:1px 0px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { display: inline-block; margin:10px 0; vertical-align: top; } /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options dt { float: left; clear: left; } .item-options dd { float: left; margin: 0 0 2px; padding-left: 7px; font-style: italic; } /* Item options in cart/checkout tables */ .data-table .item-options { line-height: 15px; margin:0 0 0 10px; } .data-table .item-options dt { background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat; padding-left: 10px; } .data-table .item-options dd { padding-left: 10px; /* The same left padding as "dt" in case "dd" drops to a new line */ } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:190px; padding:15px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; } .truncated .show .item-options { display: block; left: -210%; top: 20px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin:15px 0 0; } .sp-methods dt:first-child {margin-top: 0; } .sp-methods dt.a-center { text-align: left !important; } /* Heading "Credit Card Information" in the Order Review tab */ .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding:10px 10px 10px 22px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:5em !important; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:10px; } /* Tooltip with credit card security code explanation */ .tool-tip { margin-left: 22px; /* To align with ".sp-methods .form-list" */ } .tool-tip .btn-close a { display:block; margin:0 0 5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; } .gift-messages-form p { margin-bottom:10px; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight:bold; color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements li { display: block; padding:22px; background-color: #f5f5f5; margin:0 0 10px; } .checkout-agreements .agreement-content { overflow: auto; max-height: 144px; /* Height = 8 times 18px (default line height) */ } .checkout-agreements .agree input.checkbox { margin-right:8px; } .checkout-agreements .agree label { font-weight:bold; vertical-align:middle; } /* Centinel */ .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* Block - progress %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-progress dl { margin-top: 15px; } .block-progress dt { margin: 15px 0; line-height: 1.3em; /* Low line height to display the line near the heading text */ text-transform: uppercase; font-weight: bold; } .block-progress dd { margin-bottom: 25px; padding-left: 15px; font-style: italic; } .block-progress address { font-style: italic; } .block-progress dt a { /* Reset styles of the heading text */ text-transform: none; font-weight: normal; } .block-progress p { margin:0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:45px; line-height:45px; /* The same height as the button */ } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc .section { margin:0 0 10px; padding:0; } .opc .step-title { background:#f5f5f5; padding:10px; text-align:right; } .opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; } .opc .step-title h2 { float:left; margin:0; color:#999; font-size:1.3333em; line-height:2.125em; } .opc .step-title a { display:none; float:right; margin-top:8px; } .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background:#f5f5f5; } .opc .allow .step-title:hover { background-color:#e5e5e5; } .opc .allow .step-title h2 { color:#333; } .opc .allow .step-title a { display:block; } .opc .active .step-title { background-color:#e5e5e5; cursor:default; } .opc .active .step-title .number { color:#fff; background-color:#333; } .opc .active .step-title h2 {} .opc .active .step-title a { display:none; } .opc .step { padding:10px 20px; margin-top:10px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .buttons-set button { float:left; margin-left:0; } #opc-login .buttons-set a { float:right !important; } #opc-login h3 { margin-top:10px; } #opc-login h4 { font-family:inherit; font-weight:normal; } #opc-login .form-list { margin:15px 0 15px; } #opc-login .form-list li { margin:0 0 3px;} .opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;} .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .btn-checkout { min-width: 200px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:15px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:12px; font-weight:normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:13px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight:normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ce001a; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding:0 110px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; } .checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; } .multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; } .multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; } .multiple-checkout .data-table thead th { padding:10px; font-weight:normal; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .col2-set .col-1 { width:32%; } .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom:20px; } .account-login p { margin-bottom:20px; } .account-login p.required { margin:0; } /* Make top margin smaller - in log-in form "required" element is in different place then in other containers "buttons-set" */ .account-login .buttons-set { margin-top: 10px; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button { float:left; margin-left:0; } .account-login .buttons-set a { float:right !important; margin-bottom: 10px; } /* My Account Dashboard %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account {} .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 1.6666em; } .dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .dashboard .welcome-msg .hello strong { font-weight: normal; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; } .box-account .box-head a { float:right; margin-top:10px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; } .box-account.box-info .col-1 { border-right:1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right:10px; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 {} /* Block: Account Information */ .dashboard .box-info .box-head h2 {} .dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 {} .dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 {} .dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-tags .details { margin-left:38px; } .dashboard .box-tags .tags { margin:5px 0 0; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Add left padding if icons are displayed in headings */ /*.box-account .box-head h2, .order-items h2, .order-about h2 { padding-left:38px; }*/ /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; } .my-account .pager { margin-bottom:20px; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#ee001c; clear:both; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:5px 9px; } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:12px; } .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 {} .order-details h2 {} .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { background:#f8f8f8; } .my-wishlist .btn-cart { margin:10px 0 5px; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews TODO:deprecated %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { margin:0 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:12px; margin:5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup-head { position:relative; } .remember-me-popup-close-button { margin-top: 15px; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color:red; text-align:right; text-transform:uppercase; } .map-cart-sidebar-total { display:block; color:red; font-weight:normal; font-size:12px; line-height:1.5em; } .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { display:none; } .map-popup-content { overflow:hidden; text-align:left; } .map-popup-checkout { float:right; text-align:right; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; padding:20px; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; } .remember-me-popup-head, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:15px 45px 15px 20px; } .remember-me-popup-head h3, .map-popup-heading h2 { margin:0; font-size:16px; } .remember-me-popup-body, .map-popup-content { padding:20px; } .remember-me-popup-head .remember-me-popup-close, /* Only the "close" button in the header */ .map-popup-close { display:block; position:absolute; top:16px; right:16px; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .calendar { z-index:200; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container, .footer-container2 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .footer { margin:0 auto; padding:0; text-align:left; } .footer .item-left { float:left; margin-right:20px; } .footer .item-right { float:right; margin-left:20px; } /* Footer elements */ .footer .heading, #subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top {} /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary {} /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { padding-top:20px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-primary-bottom-spacing { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; padding-bottom:20px; } .footer-primary .social-links.ib-wrapper--square a { padding-bottom: 10px; display: inline-block; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-secondary {} /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container {} .footer-bottom { padding-top:10px; /* To counterbalance the bottom margin of footer elements */ } /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form {} #subscribe-form form { display:block; } #subscribe-form label { float:left; margin:0 5px 0 0; line-height:36px; font-weight:normal; position: relative; } #subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; } #subscribe-form .input-box .validation-advice { padding:10px 0; margin:0; width:140%; position:absolute; top:-103%; left:-20%; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.9); z-index:1; } #subscribe-form .input-text { float:left; width:auto; } #subscribe-form .input-text.validation-failed {} #subscribe-form .button { float:left; } /* Social services -------------------------------------------------------------- */ .social-links a > span.icon { display:inline-block; } /* For backward compatibility */ .social-links span.icon, /* For backward compatibility */ .social-links .ib { margin-bottom:3px; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px; } /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display:none; position:fixed; width:50px; height:50px; line-height:50px; text-align:center; font-size:32px; bottom:30px; right:30px; z-index:9999; border-radius:50%; background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */ } #scroll-to-top:hover { background-color:#333; } /* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling -------------------------------------------------------------- */ .swatch-link, .swatch-label { display: block; border-radius: 0; /*3px;*/ font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; margin: 0 0 3px; } .swatch-link img { border-radius: 0; /*2px*/ } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #f4f4f4; } /* Configurable swatch list -------------------------------------------------------------- */ .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } /* In layered navigation -------------------------------------------------------------- */ #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #000; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 0; /*3px;*/ display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 0; /*3px;*/ box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } /* Remove list arrow */ .block-layered-nav dd .configurable-swatch-list li, .block-layered-nav .currently ol.configurable-swatch-list li { background: none; padding-left: 0; } .block-layered-nav dd .configurable-swatch-list > li > a::before { display: none; } /* In layered navigation - current filter -------------------------------------------------------------- */ .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States -------------------------------------------------------------- */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #000; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 0; /*3px;*/ } /* Product page swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options .swatch-attr label, .product-view .product-options .swatch-attr .select-label { font-size: 12px; } .product-view .product-options .swatch-attr label { display: block; } .product-view .product-options .swatch-attr .select-label { display: inline; font-weight: normal; padding-left: 5px; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-view .product-options .select-label { display: none; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } /* Gallery %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-image-gallery { /*position: relative;*/ } .product-image-gallery .gallery-image { display: none !important; /* Added 'important' to override inline style of cloud zoom */ } .product-image-gallery .gallery-image.visible { display: block !important; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } /* Overlay and spinner */ .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/opc-ajax-loader.gif); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } /* Mark for required product options (next to option label) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ label.required:after, span.required:after { content: ' *'; color: #EE001C; font-weight: normal; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; } label.required em, span.required em { display: none; } /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display:none; } /* Magento widgets %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .widget-new-products .products-grid .item, .widget-viewed .products-grid .item, .widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; } .widget-new-products .products-list, .widget-viewed .products-list, .widget-compared .products-list { list-style-type: none; padding: 0; } .widget-new-products .products-list .product-image, .widget-viewed .products-list .product-image, .widget-compared .products-list .product-image { float: left; } /* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, /* Additional clearing */ .breadcrumbs:after, .product-type-data .item-options:after, .my-account .order-info:after, .mini-cart .mini-cart-content .mini-products-list li.item:after, .block-related-thumbnails .product:after, .cart .crosssell:after, .data-table .item-options:after, .section-line:after, .section-title:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /** custom styles **/ .checkout-order-share { margin-top: 30px; text-align: center; background: #eeeeee; padding: 30px; color: #2a2e31; } .checkout-order-share h2 { margin: 0; min-height: 1.3125em; color: #2a2e31; font-size: 24px; font-weight: bold; margin-bottom: 10px; } .checkout-order-share a { display: inline-block; padding: 10px 30px; background: #f89828; font-size: 16px; border-radius: 5px; color: #fff; margin: 0 5px; } .checkout-order-share a:hover { background: #2b2b2b !important; } .checkout-order-share a.facebook { background: #3B5998; } .checkout-order-share a.twitter { background: #1da1f3; } p.order-deny-product { margin: 5px 0; font-size: 0.9166em; font-weight: bold; color: #ee001c; } .firecheckout-section p.order-deny-product { margin-left: 55px; } .firecheckout-index-index .firecheckout-set a { color: #888; text-decoration: underline; } .firecheckout-index-index .firecheckout-set a:hover { color: #f89836; } .firecheckout-index-index .firecheckout-set .product-name a { text-decoration: none; color: #333333; } .firecheckout-index-index .firecheckout-set .product-name a:hover { color: #f89836; } .cms-partners-become-our-reseller h1 { text-align: center; } @media (max-width: 480px) { .firecheckout-section p.order-deny-product { margin-left: 0px; } } #creditcard-saved-accounts label .saved-card-info span { font-size: 9px !important; } #creditcard-saved-accounts label[for="other-creditcard"] { font-size: 14px !important; font-weight: normal !important; } #creditcard-saved-accounts label .saved-card-info, #paypal-saved-accounts label .saved-paypal-email { margin-left: 10px !important; float: left !important; width: calc(100% - 58px) !important; line-height: 16px !important; margin-top: 7px !important; } #creditcard-saved-accounts label img, #paypal-saved-accounts label img { width: 40px !important; height: auto !important; } #creditcard-saved-accounts label .saved-card-info span { line-height: 16px !important; } #creditcard-saved-accounts label .saved-card-info span.saved-expiry-date { margin-left: 5px !important; } #braintree-accepted-cards img { max-width: 45px !important; height: auto !important; } .searchautocomplete .searchautocomplete-placeholder ul li .highlight i { font-weight: bold; color: #f89836; font-style: normal; } #removal-card-request { color: #f89836; text-decoration: none; display: inline-block; padding: 1px 3px; border: 1px solid #f89836; border-radius: 5px; margin: 5px 0; } #removal-card-request:hover { background: #f89836; color: #fff; } .consent-news { text-align: left; } .block-subscribe .consent-news input { width: auto; } .consent-news label, .consent-news span { font-size: 13px; } .header-top-navigation .container { max-width: 1360px; } .manuals-landing { text-align: center; } .manuals-landing h1 { font-size: 48px; line-height: 48px; font-weight: normal; color: #f89828; margin-bottom: 40px; padding-top: 5px; } .manuals-landing .manual-search { margin-bottom: 20px; } .manuals-landing .manual-search span.informations { display: block; margin-bottom: 20px; font-size: 18px; } .manuals-landing .manual-search input { border: 1px solid #ddd; background-color: #f1f1f1; width: 100%; max-width: 400px; height: 40px; line-height: 40px; padding: 0 20px; } .manuals-landing .manual-search-results { max-height: 600px; overflow: auto; } .manuals-landing hr { display: block; width: 100%; height: 1px; background: #ddd; margin-bottom: 40px; margin-top: 40px; border: none; } .manuals-landing button#browse { background: none; background-color: #f89828; cursor: pointer; border: none; height: 55px; line-height: 55px; color: #fff; padding: 0 30px; font-weight: 600; font-size: 1.1666em; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .manuals-landing button#browse:hover { background-color: #333; } .manuals-landing .allfiles, .manuals-landing .manual-search-results { text-align: left; } .manuals-landing .allfiles .manual, .manuals-landing .manual-search-results .manual { margin-bottom: 15px; } .manuals-landing .allfiles .manual .manual-inner, .manuals-landing .manual-search-results .manual .manual-inner { padding-left: 35px; padding-top: 2px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/pdf-icon.png) left center no-repeat; background-size: 31px 30px; font-size: 16px; line-height: 26px; min-height: 30px; color: #333333; } .manual-eol { background: none !important; position: relative; } .manual-eol:before { content: "EOL"; text-transform: uppercase; position: absolute; left: 2px; top: 0px; font-size: 11px; font-weight: bold; display: block; width: 24px; line-height: 26px; text-align: center; height: 27px; border: 1px solid #5d5d5d; border-radius: 5px; } .manuals-landing .allfiles .manual .manual-inner a { color: #333333; font-size: 18px; } .manuals-landing .allfiles .manual .manual-inner a:hover { color: #f89828;; } .manuals-toolbar { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .manuals-toolbar:after { content: ""; display: block; clear: both; } .manuals-toolbar.bottomt { margi-bottom: 0px; margin-top: 20px; padding-bottom: 0px; padding-top: 10px; border-bottom: none; border-top: 1px solid #ddd; } .manuals-toolbar .manuals-toolbar-perpage { float: lefT; height: 35px; line-height: 35px; } .manuals-toolbar .manuals-toolbar-buttons { float: right; height: 35px; line-height: 35px; } .manuals-toolbar label { margin-right: 2px; } .manuals-toolbar select { height: 35px !important; line-height: 35px !important; } .manuals-toolbar .manuals-toolbar-perpage { margin-right: 10px; } .manuals-toolbar .manuals-toolbar-perpage:last-of-type { margin-right: 0px; } .manuals-toolbar button { height: 30px; line-height: 28px; background: #f89828; border: none; padding: 0 5px; border-radius: 5px; margin-right: 5px; color: #fff; cursor: pointer; display: inline-block; vertical-align: top; margin-top: 2px; } .manuals-toolbar button:hover { background-color: #333; } @media (max-width: 630px) { .manuals-toolbar:not(.bottomt) .manuals-toolbar-buttons { float: none; width: 100%; clear: both; padding-top: 10px; } } @media (max-width: 410px) { .manuals-toolbar:not(.bottomt) .manuals-toolbar-perpage:nth-of-type(2) { float: none; width: 100%; clear: both; padding-top: 10px; } } /** Toolbar Promotion Banner **/ .toolbar-promo * { font-size: 15px; } .toolbar-promo { height: 60px; width: 100%; background: #fff; overflow: hidden; cursor: default; color: #333333; } .toolbar-promo.toolbar-promo-black { background: #000; overflow: hidden; cursor: default; color: #FFF; border-bottom: 1px #333 solid; } .toolbar-promo.toolbar-promo-black span.countdown label { color: #FFF; } .toolbar-promo.toolbar-promo-black .button-toolbar-promo:hover { background: #FFF; color: #000; } .toolbar-promo.toolbar-promo-black .readmore-toolbar-promo:hover { color: #FFF; } /* dig-1707 */ /*.toolbar-promo .container { max-width: 1670px; }*/ .toolbar-sticky { position: fixed; top: 0px; z-index: 9991; } .toolbar-promo .toolbar-promo-inner { position: relative; height: 60px; width: 100%; padding-left: 100px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .toolbar-promo .promo-img-left { position: absolute; left: 0px; top: 0px; } .toolbar-promo .promo-img-right { position: absolute; right: 0px; top: 0px; } .toolbar-promo .toolbar-promo-left span { /*font-family: 'magistralcregular', 'Open Sans';*/ font-weight: bold; text-transform: uppercase; font-size: 15px; } .toolbar-promo .toolbar-promo-left span strong { color: #f79629; } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell { line-height: 16px; text-align: center; /*padding-right: 10px;*/ } .toolbar-promo .toolbar-promo-left { text-align: left; display: inline-block; height: 60px; vertical-align: top; margin-right: 30px; max-width: calc(50% - 20px); float: left; } .toolbar-promo .toolbar-promo-right { text-align: left; display: inline-block; height: 60px; vertical-align: top; max-width: calc(50% - 15px); float: left; } .toolbar-promo .toolbar-promo-table { display: table; width: 100%; height: 60px; vertical-align: middle; } .toolbar-promo .toolbar-promo-cell { display: table-cell; vertical-align: middle; text-align: center; } .toolbar-promo .toolbar-promo-inner a { -moz-transition: all 0.22s ease-in-out; -o-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; transition: all 0.22s ease-in-out; } .toolbar-promo .button-toolbar-promo { padding: 0px 40px; height: 40px; background: #f79629; font-size: 16px; color: #fff; display: inline-block; line-height: 40px; text-transform: uppercase; margin-right: 30px; } .toolbar-promo .button-toolbar-promo:hover { background: #000; color: #fff; } .toolbar-promo span.countdown { font-family: 'magistralcregular', 'Open Sans'; font-size: 16px; font-weight: bold; color: #F79629; margin-right: 30px; } .toolbar-promo span.countdown * { font-size: 16px; } .toolbar-promo span.countdown label { color: #333333; } .toolbar-promo span.countdown span.seconds { position: relative; } .toolbar-promo span.countdown span.seconds > span:first-of-type { visibility: hidden; } .toolbar-promo span.countdown span.seconds > span:last-of-type { position: absolute; left: 0; top: 0; } .toolbar-promo .readmore-toolbar-promo { color: #F79629; text-decoration: underline; position: relative; top: -2px; } .toolbar-promo .readmore-toolbar-promo:hover { color: #000; } .toolbar-promo .viewsmall { display: none; } @media (min-width: 1450px) { .toolbar-promo .toolbar-promo-left .toolbar-promo-cell:first-of-type { width: 30%; } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell:last-of-type { width: 40%; } } @media (max-width: 1450px) { .toolbar-promo .toolbar-promo-left .toolbar-promo-cell:nth-of-type(2n) { display: none; } .toolbar-promo .toolbar-promo-left span.viewlarge.text-1, .toolbar-promo .toolbar-promo-left span.viewlarge.text-2 { display: none; } .toolbar-promo .toolbar-promo-left span.viewsmall.text-1 { display: block; } } @media (max-width: 1280px) { .toolbar-promo .toolbar-promo-left { max-width: calc(70% - 20px); } .toolbar-promo .toolbar-promo-left span.viewlarge.text-3 { display: none; } .toolbar-promo .toolbar-promo-left span.viewsmall.text-3 { display: block; } .toolbar-promo .toolbar-promo-left span { /* font-size: 12px; line-height: 1em; */ } } @media (max-width: 1090px) { .toolbar-promo .toolbar-promo-inner { padding-right: 0px; } .toolbar-promo .promo-img-right { display: none; } } @media (max-width: 940px) { .toolbar-promo .readmore-toolbar-promo { display: none; } .toolbar-promo .button-toolbar-promo { margin-right: 0; } .toolbar-promo .button-toolbar-promo { padding: 0 15px; } .toolbar-promo .toolbar-promo-left span { font-size: 15px; line-height: 16px; } .toolbar-promo .toolbar-promo-left { margin-right: 15px; } .toolbar-promo span.countdown { margin-right: 15px; } } @media (max-width: 810px) { /* dig-1707 */ .toolbar-promo .toolbar-promo-inner { padding-left: 0px; } .toolbar-promo .promo-img-left { display: none; } .toolbar-promo .toolbar-promo-left { max-width: calc(50% - 10px); } .toolbar-promo .toolbar-promo-right { max-width: calc(50% - 10px); } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell { line-height: 1em; } } @media (max-width: 625px) { .toolbar-promo .button-toolbar-promo { padding: 0 10px; } .toolbar-promo .toolbar-promo-left { max-width: calc(100% - 190px); margin-right: 10px; } .toolbar-promo .toolbar-promo-right { max-width: none; width: 175px; } .toolbar-promo span.countdown { display: inline-block; vertical-align: top; text-align: center; margin-top: 2px; } .toolbar-promo .button-toolbar-promo { vertical-align: top; } .toolbar-promo span.countdown label { /*display: block;*/ line-height: 16px; } .toolbar-promo #countdown { margin-right: 0!important; } .toolbar-promo .container { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toolbar-promo .viewsmall { display: inline; } .toolbar-promo .viewlarge { display: none; } .toolbar-promo .toolbar-promo-left span.viewsmall.text-3 { display: none !important; } } @media (max-width: 500px) { .toolbar-promo .toolbar-promo-left span { font-size: 13px; line-height: 14px; } .toolbar-promo span.countdown { margin-right: 5px; margin-top: 4px; } .toolbar-promo .toolbar-promo-left { max-width: calc(100% - 170px); } .toolbar-promo .toolbar-promo-right { width: 155px; } .toolbar-promo span.countdown { font-size: 14px; } .toolbar-promo span.countdown * { font-size: 14px; line-height: 14px; } /*.toolbar-promo .button-toolbar-promo { height: 30px!important; line-height: 30px!important; }*/ .toolbar-promo span.countdown span.seconds > span:last-of-type { line-height: 16px; } } /* dig-1707 */ .toolbar-promo .toolbar-promo-inner { padding-left: 160px; padding-right: 0; } .toolbar-promo .toolbar-promo-inner .promo-img-left { height: 60px; width: auto; } .toolbar-promo .toolbar-promo-left span { font-weight: normal; text-transform: none; } .toolbar-promo .toolbar-promo-left { max-width: none; width: 230px; } .toolbar-promo .toolbar-promo-right { max-width: none; width: calc(100% - 260px); } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell { text-align: left; } .toolbar-promo .toolbar-promo-right .toolbar-promo-cell { text-align: right; padding-right: 175px; } .toolbar-promo .button-toolbar-promo { text-transform: none; margin-right: 0; font-weight: 700; width: 160px; padding: 0; text-align: center; position: absolute; top: 11px; right: 0; } @media (max-width: 940px) { .toolbar-promo .toolbar-promo-left { width: 120px; } .toolbar-promo .toolbar-promo-right { width: calc(100% - 150px); } } @media (max-width: 810px) { .toolbar-promo .toolbar-promo-inner { padding-left: 0; } .toolbar-promo .toolbar-promo-left { display: none; } .toolbar-promo .toolbar-promo-right { width: 100%; } .toolbar-promo .toolbar-promo-right .toolbar-promo-cell { text-align: left; } } /*@media (max-width: 625px) { .toolbar-promo .toolbar-promo-right { text-align: left; width: calc(100% - 122px); } } @media (max-width: 500px) { .toolbar-promo .toolbar-promo-right { text-align: left; width: calc(100% - 122px); } }*/ /* DIG-3001 */ .toolbar-promo.black-friday { /*background: url('/shop/skin/frontend/ultimo/optiweb/images/black-friday-2020.jpg') no-repeat center center;*/ /*background: url('/skin/frontend/ultimo/optiweb/images/black-friday-2020.jpg') no-repeat center center;*/ } .toolbar-promo.black-friday .toolbar-promo-inner { padding-left: 0; } .toolbar-promo.black-friday .toolbar-promo-left { width: calc(50% - 40px); margin-left: 10px; } .toolbar-promo.black-friday .toolbar-promo-left * { color: #000; } .toolbar-promo.black-friday .toolbar-promo-right { width: 50%; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell { padding-right: 0; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell .button-toolbar-promo { position: static; } .toolbar-promo.black-friday * { font-family: 'DINProRegular'!important; font-size: 30px!important; } .toolbar-promo.black-friday .button-toolbar-promo, .toolbar-promo.black-friday .button-toolbar-promo span { font-size: 16px!important; } .toolbar-promo.black-friday .toolbar-promo-left * { font-size: 18px!important; } .toolbar-promo.black-friday strong, .toolbar-promo.black-friday .countdown * { font-family: 'DINProBlack'!important; line-height: 30px; } .toolbar-promo.black-friday span.countdown { margin-right: 10px; } .toolbar-promo.black-friday span.countdown span.seconds > span:last-of-type { line-height: 39px; } .toolbar-promo.black-friday a:hover { color: #fff!important; } @media (max-width: 850px) { .toolbar-promo.black-friday .toolbar-promo-right .countdown, .toolbar-promo.black-friday .toolbar-promo-right span.countdown * { font-size: 18px!important; line-height: 20px!important; } .toolbar-promo.black-friday span.countdown span.seconds > span:last-of-type { line-height: 24px!important; } } @media (max-width: 810px) { .toolbar-promo.black-friday .toolbar-promo-left { display: block; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell { text-align: right; } } @media (max-width: 700px) { .toolbar-promo.black-friday * { font-size: 25px!important; } .toolbar-promo.black-friday .toolbar-promo-left { width: calc(40% - 30px); margin-right: 20px; } .toolbar-promo.black-friday .toolbar-promo-right { width: 60%; } .toolbar-promo.black-friday span.countdown span.seconds > span:last-of-type { line-height: 32px; } } @media (max-width: 600px) { .toolbar-promo.black-friday .container { padding-left: 0; padding-right: 0; } .toolbar-promo.black-friday .toolbar-promo-left * { font-size: 18px!important; } .toolbar-promo.black-friday .toolbar-promo-right .button-toolbar-promo { width: 100px; } } @media (max-width: 400px) { .toolbar-promo.black-friday .toolbar-promo-left { width: calc(50% - 30px); margin-right: 20px; } .toolbar-promo.black-friday .toolbar-promo-right { width: 50%; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell { display: block; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell .button-toolbar-promo { height: 30px; line-height: 30px; margin-top: 5px; } /*.toolbar-promo.black-friday { background-position: 51% center; } .toolbar-promo.black-friday * { font-size: 20px!important; } .toolbar-promo.black-friday .toolbar-promo-left { width: calc(70% - 30px); margin-right: 20px; } .toolbar-promo.black-friday .toolbar-promo-right { width: 30%; } .toolbar-promo.black-friday .toolbar-promo-right { .toolbar-promo.black-friday span.countdown span.seconds > span:last-of-type { line-height: 26px; }*/ } /* VueJs attribute for hidding elemsts while Vue is mounting */ [v-cloak] > * { display:none; } .is-overflown { max-height: 360px; overflow-y: scroll; } /** End Toolbar Promotion Banner **/ #confirmButtons .button { width: 180px !important; } .amcart-related-block .button.add-tocart { background: #FF9416 !important; border: none; background-color: #FF9416 !important; box-shadow: none !important; line-height: 20px; margin-top: 5px !important; color: #fff; } .cart .totals .checkout-types li > span { display: inline-block; margin: 0 10px; vertical-align: top; height: 55px; line-height: 55px; } .cart .totals .checkout-types li:last-of-type > span { display: none; } .paypal-express-btn { display: inline-block; vertical-align: top; } .paypal-express-btn { width: 200px !important; position: relative; top: 10px; } @media (max-width: 1030px) and (min-width: 767px) { .cart .totals .checkout-types li { display: block; width: 100%; } .paypal-express-btn { position: static; top: auto; } .cart .totals .checkout-types li > span { display:none; } } @media (max-width: 910px) and (min-width: 767px) { .cart-left-column ul#crosssell-products-list li { width: 100% !important; } } @media (max-width: 530px) { .cart .totals .checkout-types li { display: block; width: 100%; } .paypal-express-btn { position: static; top: auto; } .cart .totals .checkout-types li > span { display:none; } } #pp-express-modal { top: 100px !important; left: calc(50% - 300px) !important; width: 600px !important; height: calc(100% - 130px) !important; max-height: 800px !important; } #pp-express-modal .item-row { border-bottom: 1px solid #ccc !important; padding-bottom: 20px !important; margin-bottom: 20px !important; display: block !important; } #pp-express-modal .item-row:first-of-type { font-weight: 800 !important; font-size: 24px !important; line-height: normal !important; word-break: break-all !important; text-align: left !important; color: #F58C12 !important; } #pp-express-modal .item-row h2.product-name { margin-bottom: 10px !important; } #pp-express-modal .item-row.product-row { padding-bottom: 5px !important; margin-bottom: 5px !important; } #pp-express-modal .item-row.shipping-row { margin-top: 20px !important; text-align: left !important; } #pp-express-modal .item-row.shipping-row > strong { font-size: 18px !important; margin-bottom: 15px !important; display: block !important; } #pp-express-modal .item-row.coupon-row > strong { margin-bottom: 10px !important; display: block !important; } #pp-express-modal #paypal-express-coupon { height: 44px !important; line-height: 44px !important; padding: 0 10px !important; margin-right: 10px !important; } #pp-express-modal .button.coupon-submit { float: left !important; width: auto !important; } #pp-express-modal button#paypal-express-submit { background-color: #FF9416 !important; color: #fff !important; font-size: 16px !important; font-weight: bold !important; -webkit-transition: all .3s ease !important; transition: all .3s ease !important; } #pp-express-modal button#paypal-express-submit:hover { background-color: #333 !important; } #pp-express-modal .button2 { display: block !important; width: auto !important; margin-top: 20px !important; font-size: 0.9rem !important; border: none !important; padding: 10px 20px !important; -webkit-transition: all .3s ease !important; transition: all .3s ease !important; cursor: pointer !important; } #pp-express-modal .button2:hover { background-color: #333 !important; color: #fff !important; } #pp-express-modal .messages { margin-bottom: 20px !important; } #pp-express-modal .messages > li { padding: 10px 20px !important; border: 1px solid #cd4141 !important; color: #cd4141 !important; background: #fbefef !important; } #pp-express-modal .item-row.coupon-row { text-align: left !important; } #pp-express-modal #shopping-cart-totals-table { font-size: 16px !important; line-height: 30px !important; } #gene_braintree_paypal_express_pp .newsletter { font-weight: bold; text-align: left; } #gene_braintree_paypal_express_pp .newsletter input[type='checkbox'] { vertical-align: baseline; } .amcart-related-block .product p.product-name { min-height: 60px !important; padding: 0px !important; } #product-addtocart-button.disabled { background-color: #c0c0c0 !important; cursor: not-allowed !important; } #product-addtocart-button.disabled:hover { cursor: not-allowed !important; } .fc-form-compact .field.fc-dirty label, .fc-form-compact .field .fc-dirty label, .fc-form-compact .wide.fc-dirty label, .fc-form-compact .wide .fc-dirty label { color: #404040 !important; } #billing-address > .block-title::before, #shipping-method > .block-title::before, #payment-method > .block-title::before, #checkout-review > .block-title::before { background: #f89836 !important; color: #fff !important; } .firecheckout-set button.btn-checkout, .firecheckout-set button.btn-primary, .firecheckout-window button.button { background-color: #f89836 !important; padding: 5px 35px !important; border: none !important; } .firecheckout-set button.btn-checkout:hover, .firecheckout-set button.btn-primary:hover, .firecheckout-window button.button:hover { background-color: #333 !important; } .firecheckout-section.address-section > .form-list { border-top: 1px solid #e5e5e5 !important; padding: 10px 0 0 10px !important; margin: 10px 0px 0 0px !important; } #creditcard-saved-accounts, #paypal-saved-accounts, #creditcard-saved-accounts label, #paypal-saved-accounts label { font-size: 14px !important; font-weight: normal !important; } .firecheckout-index-index .checkout-title h1 { float: left; color: #000; background: none; border: none; } #checkout-additional > .block-title { display: none; } .discount-block #checkout-coupon-discount-load { padding-top: 10px; } .discount-block #checkout-coupon-discount-load #coupon-apply { background-color: #f89828; border: none; height: 36px; vertical-align: top; margin-top: 0px !important; padding-top: 0px; } .discount-block #checkout-coupon-discount-load #coupon-apply:hover { background-color: #333; } #checkout-review #checkout-checkoutfields-load label { position: static !important; visibility: visible !important; opacity: 1 !important; color: #333 !important; } #customer_id_number_notice_checkout { padding-top: 10px; } .alert-box.note-msg.al-warning { padding: 7px 5px 7px 45px!important; background-position: 8px center!important; background-color: #e6e6e6; border-color: #e6e6e6; color: #000; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2020 Magento, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.ekwb.com/shop/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.ekwb.com/shop/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.ekwb.com/shop/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.ekwb.com/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.ekwb.com/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.ekwb.com/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.ekwb.com/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.ekwb.com/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.ekwb.com/shop/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .postTitle h2 { margin-bottom: 10px; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #ed2324; font-size: 22px; line-height: 22px; } .postTitle h2 a { font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #ed2324; font-size: 22px; line-height: 22px; } .postTitle h2 a:hover { text-decoration: underline; } .postTitle h3 { font-size: 14px; font-family: "Aileron-Light"; line-height: 14px; margin: 0px; } .postTitle { margin-bottom: 20px; } .postWrapper { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .postWrapper:last-of-type { padding-bottom: 0px; border-bottom: none; margin-bottom: 40px; } a.aw-blog-read-more { display: inline-block; margin-left: 5px; text-decoration: underline; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } .block.block-blog .block-content { padding: 0px; } .block.block-blog .block-content > div { margin-bottom: 30px; } .block.block-blog .block-content > div:last-of-type { margin-bottom: 0px; } .block.block-blog .block-content li { margin-bottom: 10px; line-height: 16px; } .block.block-blog .block-content li a { line-height: 18px; } .block.block-blog .block-content h5 { margin-bottom: 15px; } .single-post-container .postTitle h1 { font-size: 32px; color: #ed2324; margin-bottom: 15px; } .single-post-container .postTitle { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .postBookmarks { background: #494848; padding: 10px; text-align: center; margin-bottom: 20px; border-radius: 10px; } .postBookmarks > a { display: inline-block; margin: 0 4px; border-radius: 50%; border: 1px solid #fff; height: 30px; width: 30px; line-height: 34px; text-align: center; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } .postBookmarks > a:hover { color: #ed1c24; border-color: #ed1c24; } .postContent { margin-bottom: 20px; } .postDetails { font-size: 14px; font-family: "Aileron-Light"; line-height: 14px; margin: 0px; } .postDetails h4 { display: inline-block; font-size: 14px; margin-left: 5px; } .left-image { float: left; width: 40%; margin-right: 15px; } .right-data { float: right; width: calc(60% - 15px); } .postImage { margin-bottom: 20px; } .news-item { margin: 0 3%; } .latest-news h2 { text-align: center; padding: 0px; margin-bottom: 40px; } .latest-news .main { padding: 60px 0 !important; } .blog-section .owl-pagination { display: none; } .blog-section .owl-buttons > div.owl-prev { background: url(/skin/frontend/ultimo/fluid/images/arrow_left.svg) center center no-repeat; left: -10px; } .blog-section .owl-buttons > div.owl-next { background: url(/skin/frontend/ultimo/fluid/images/arrow_right.svg) center center no-repeat; right: -10px; } .blog-section .owl-buttons > div { position: absolute; top: 50%; width: 16px; height: 30px; border: none; z-index: 40; cursor: pointer; background-size: contain; color: transparent; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -moz-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -ms-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -o-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); } .readmorearticles { margin-top: 30px; text-align: center; } .readmorearticles a { display: inline-block; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } .news-item .favorit-image { margin-bottom: 10px; } .news-item .favorit-desc { line-height: 20px; } .news-item h3 { margin-bottom: 10px; } .news-item h3, .news-item h3 a { font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #ed2324; font-size: 20px; line-height: 22px; } .news-item h3 a:hover { text-decoration: underline; } .postShortContent { margin-bottom: 20px; font-size: 22px; line-height: 28px; } .postWrapper table { margin-top: 20px; margin-bottom: 20px; } .postWrapper table td { padding: 5px 10px; border: 1px solid #939393; } @media (max-width: 1300px) { .left-image { width: 50%; } .right-data { width: calc(50% - 15px); } } @media (max-width: 1000px) { .left-image { float: none; width: 100%; margin-bottom: 15px; text-align: center; } .right-data { float: none; width: 100%; } } /** * Pre-Orders * * @category: Aitoc * @package: Aitoc_Aitpreorder * @version 1.2.9 * @license: n/a * @copyright: Copyright (c) 2015 AITOC, Inc. (http://www.aitoc.com) */ .product-options #canBePreorder p.required { margin-bottom:0; padding:15px 0 0; position:static } #confirmOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); z-index: 99999; } #confirmBox { position: fixed; width: 462px; max-height: 95vh; background-color: #fff; text-align: center; border: 1px solid #dadada; box-sizing: border-box; border-radius: 9px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.4); z-index: 10001; overflow: auto; } #confirmBox > .cross { position: absolute; top: 5px; right: 10px; color: rgba(0, 0, 0, 0.25); font-size: 21px; } #confirmBox > .cross:hover { cursor: pointer; color: rgba(0, 0, 0, 0.45); } #messageBox .amcart-title > a { display: block; margin: 0 15px 5px; font-weight: 800; font-size: 24px; line-height: normal; word-break: break-all; } #confirmBox .amcart-text { font-size: 16px; } .amcart-center-block { margin: 10px 0; } #confirmBox .amcart-product-image > img { width: 100%; display: inline; } #confirmBox .amcart-product-image { margin: auto; } .amcart-hide { width: 100%; height: 100%; z-index: 10; } #am-qty-button-update, #am-qty-button-up, #am-qty-button-down { width: 18px; cursor: pointer; } #am-qty-button-update { display: inline-block; height: 18px; vertical-align: middle; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MjYxIC0xMTU1KSI+PHVzZSB4bGluazpocmVmPSIjcGF0aDBfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODI2MSAxMTU1KSIgZmlsbD0iI0M0QzRDNCIvPjxtYXNrIGlkPSJhIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoMF9maWxsIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MjYxIDExNTUpIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgxX3N0cm9rZV8yeCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODI2MSAxMTU1KSIgZmlsbD0iI0M0QzRDNCIvPjwvZz48L2c+PHVzZSB4bGluazpocmVmPSIjcGF0aDJfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45OCAzLjQ2KSIgZmlsbD0iI0ZGRiIvPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgzX2ZpbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDggNi40MSkiIGZpbGw9IiNGRkYiLz48ZGVmcz48cGF0aCBpZD0icGF0aDBfZmlsbCIgZD0iTTE4IDlBOSA5IDAgMSAxIDAgOWE5IDkgMCAwIDEgMTggMHoiLz48cGF0aCBpZD0icGF0aDFfc3Ryb2tlXzJ4IiBkPSJNMTcgOWE4IDggMCAwIDEtOCA4djJjNS41MjMgMCAxMC00LjQ3NyAxMC0xMGgtMnptLTggOGE4IDggMCAwIDEtOC04aC0yYzAgNS41MjMgNC40NzcgMTAgMTAgMTB2LTJ6TTEgOWE4IDggMCAwIDEgOC04di0yQzMuNDc3LTEtMSAzLjQ3Ny0xIDloMnptOC04YTggOCAwIDAgMSA4IDhoMkMxOSAzLjQ3NyAxNC41MjMtMSA5LTF2MnoiLz48cGF0aCBpZD0icGF0aDJfZmlsbCIgZD0iTS43MjggMS45M2MuNzYtLjYgMS42NjMtLjkzMiAyLjYxNC0uOTMyIDIuMzc2IDAgNC4zMjUgMi4wMjkgNC4zMjUgNC41NCAwIC4yMTctLjAxNi40MzMtLjA0OC42NWwtLjQ0My0uNDgzYS40NDQuNDQ0IDAgMCAwLS42NjYgMGMtLjE5LjItLjE5LjUxNSAwIC42OThsMS41NTMgMS42NjRMOS43ODkgNi40MmEuNTE1LjUxNSAwIDAgMCAuMDMyLS42OTkuNDU4LjQ1OCAwIDAgMC0uNjY1LS4wMzNMOC42IDYuMjJjLjAzMi0uMjMyLjA0OC0uNDQ5LjA0OC0uNjgyQzguNjQ5IDIuNDk1IDYuMjg5IDAgMy4zNzQgMEE0Ljk2NSA0Ljk2NSAwIDAgMCAuMTg5IDEuMTMxYS41Mi41MiAwIDAgMC0uMDk1LjY5OWMuMTI3LjIxNi40MjguMjY2LjYzNC4xeiIvPjxwYXRoIGlkPSJwYXRoM19maWxsIiBkPSJNLjQ3IDIuNTExYS40OS40OSAwIDAgMCAuMzE3LS4xMzNsLjUzOC0uNTE1YTUuNDg5IDUuNDg5IDAgMCAwLS4wNDcuNzMyYzAgMy4wNDMgMi4zNiA1LjUzOCA1LjI3NSA1LjUzOCAxLjE4OCAwIDIuMzEzLS40MTYgMy4yNDgtMS4xOGEuNTE3LjUxNyAwIDAgMCAuMDc5LS43LjQ2MS40NjEgMCAwIDAtLjY2Ni0uMDgyIDQuMTQ1IDQuMTQ1IDAgMCAxLTIuNjYuOTY0Yy0yLjM3NyAwLTQuMzI2LTIuMDI5LTQuMzI2LTQuNTQgMC0uMjMzLjAxNi0uNDgzLjA0OC0uNzE2bC40NDMuNDgzYy4xOS4yLjQ5Mi4yLjY2NiAwIC4xOS0uMi4xOS0uNTE2IDAtLjY5OUwxLjgzMiAwIC4xNTMgMS42NDdhLjUxNS41MTUgMCAwIDAtLjAzMi42OTguNDQuNDQgMCAwIDAgLjM0OS4xNjZ6Ii8+PC9kZWZzPjwvc3ZnPg==); } #am-qty-button-up { margin-bottom: 5px; height: 11px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX2ZpbGwiIGZpbGw9IiNDNEM0QzQiLz48ZGVmcz48cGF0aCBpZD0icGF0aDBfZmlsbCIgZD0iTTE4IDExSDBMOSAwbDkgMTF6Ii8+PC9kZWZzPjwvc3ZnPg==); } #am-qty-button-down { margin-top: 10px; height: 11px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX2ZpbGwiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTEpIiBmaWxsPSIjQzRDNEM0Ii8+PGRlZnM+PHBhdGggaWQ9InBhdGgwX2ZpbGwiIGQ9Ik0xOCAxMUgwTDkgMGw5IDExeiIvPjwvZGVmcz48L3N2Zz4=); } .displayed-qty .child-block { display: inline-block; width: 45%; vertical-align: top; } .displayed-qty .amcart-qty-block { padding-top: 40px; } #am-input { margin-left: 20px; } #confirmBox .scroll { max-height: 80%; } #confirmButtons { margin: 22px auto 30px; width: 400px; text-align: center; clear: both; } #amcart-count { padding: 1px 0 3px 0; background: none; font-size: 16px; } #amcart-count .link { font-weight: bold; } .text { padding-bottom: 28px; background: none; font-size: 16px; } .text.subtotal { padding-bottom: 0; } .text.subtotal .price { font-weight: bold; } #confirmButtons .button { position: relative; display: inline-block; height: 50px; width: 45%; color: white; font-weight: normal; font-size: 20px; line-height: 23px; border-radius: 3px; cursor: pointer; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset; } #amprogress { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/css/amasty/amcart/ie.png'); z-index: 100000; } #amimg_container { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9999; } #am_minicart_container { position: absolute; right: 0; padding: 8px; width: 234px; background: url("https://www.ekwb.com/shop/skin/frontend/ultimo/default/css/amasty/amcart/header_bg.jpg") repeat-x scroll left bottom #f5f5f5; border-radius: 2px 2px 2px 2px; color: #555; text-align: left; z-index: 3000; overflow: hidden; box-shadow: 1px 1px 1px #d3d3d3; } #am_minicart_container .item { padding: 5px; width: 220px; background: none; } #am_minicart_container .item:hover { background-color: white; } #am_minicart_container .button span { border: none; border-radius: 2px; } #am_minicart_container .button { margin: 5px; } #am_minicart_container .btn-remove, #am_minicart_container .btn-edit { float: right; margin: 1px 0 2px 5px; } #confirmButtons .am-btn-right { background: #ff9416; box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.15); } #confirmButtons .am-btn-right:hover { background: #de8113; } #confirmButtons .am-btn-left { margin-right: 35px; padding: 0; background-color: #bbb; box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.15); } #confirmButtons .am-btn-left:hover { background: #e0e0e0; } #confirmButtons .am-btn-left .timer { font-family: "Helvetica", Arial, sans-serif; } .am-content { margin: auto; padding-bottom: 13px; width: 400px; border-bottom: 1px solid #e5e5e5; } .am-photo-container { margin-bottom: 13px; } .amcart-options form { text-align: left; color: black; } .am-top { top: 10%; left: 50%; -webkit-transform: translate(-50%, -10%); transform: translate(-50%, -10%); } .am-top-left { top: 10%; left: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); } .am-top-right { top: 10%; right: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); } .am-left { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .am-right { top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .am-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #messageBox { padding-top: 35px; } #messageBox .product { margin-left: 0; } #confirmBox .product-name a { display: inline-block; width: 200px; text-transform: uppercase; } div.product-details { position: relative; bottom: 3px; } #messageBox .block-related:after { display: block; content: ''; clear: both; } #messageBox .block-related p { padding: 5px 0 0 0; margin: 0; } #messageBox .block-related { padding: 0; margin: 22px auto; width: 400px; } .amcart-related-block .block-related .product { display: block; width: 50%; float: left; padding: 0 7.5px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; } #messageBox .block-related .price { font-size: 16px; } #messageBox p.block-related-p { border-bottom: 1px solid #C4C1BC; } #messageBox .product.one-related { float: none; display: inline; } #messageBox .price-box { display: inline; } .amcart-related-block .button.add-tocart { width: 114px; height: 30px; text-transform: none; background: #2d9Cdb; box-shadow: 0 2px 0 #1865cc; border-radius: 5px; } .amcart-related-block .button.add-tocart:hover { background: #1865cc; } #am-qty img { display: inline; } #am-qty, .am-qty { display: inline-block; } #am-input { text-align: center; vertical-align: top; } .product-table { width: 100%; } .amcart-options form { margin: 0 40px; text-align: left; font: 16px/1 'Cuprum', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color: #666; } .amcart-options form dd { margin: 0 0 5px 0; padding: 5px 0 15px 0; border-bottom: 1px solid white; } .amcart-options form input { padding: 6px 0 4px 0; border: 1px solid #cecece; background: #F6F6f6; } .amcart-options form select { border: 1px solid #cecece; background: #F6F6f6; } .amcart-options form textarea { resize: none; width: 300px; height: 50px; padding: 8px 0 8px 10px; background: #f6f6f6; border: 1px solid #cecece; border-radius: 8px 0 0 0; overflow: auto; } #am_minicart_container { position: absolute; right: 0; padding: 8px; width: 234px; background: url("https://www.ekwb.com/shop/skin/frontend/ultimo/default/css/amasty/amcart/header_bg.jpg") repeat-x scroll left bottom #F5F5F5; border-radius: 2px 2px 2px 2px; color: #555555; text-align: left; z-index: 3000; overflow: hidden; -webkit-box-shadow: 1px 1px 1px #D3D3D3; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#D3D3D3,direction=125,strength=1)"; box-shadow: 1px 1px 1px #D3D3D3; } #am_minicart_container li { width: 220px; padding: 5px; background: none; } #am_minicart_container button.button { margin: 5px; } #am_minicart_container li:hover { background-color: white; } #am_minicart_container .btn-remove, .btn-edit { float: right; margin: 1px 0 2px 5px; } .amcart-related-block .block-content { display: block; width: 100%; overflow: hidden; } .amcart-related-block .block-content .add-tocart { margin: 0 auto 5px; } .amcart-related-block .block-content .product-image:hover, .amcart-related-block .block-content .product-image { border: 0; } @media (max-width: 566px) { #confirmButtons { width: inherit; } #confirmButtons .am-btn-left { margin-right: 5%; } #confirmButtons .button { width: 40%; font-size: 16px; } #confirmBox { width: 100%; } .amcart-related-block .product-image > img { width: 100%; height: auto; } #confirmBox .amcart-related-block .product-name a { width: auto; } .amcart-related-block .block-related .product { margin: 0; } .amcart-related-block .block-content { padding: 0 5px; } } @media (max-width: 400px) { #confirmButtons button { margin: 0 2.5% 10px 2.5%!important } } @media (min-width: 768px), print { #confirmButtons .button { width: 42%; } } /* style for Amasty Giftcard compatibility*/ .calendar { z-index: 99999; } .am-related-title { margin: 40px; font-size: 15px; height: 1px; background: #cecccc; line-height: 0; } .am-related-title .am-title { padding: 0 20px; } #am-block-related { margin-bottom: 40px; } #messageBox .qty-holder { display: block; margin: 15px 0 0; } #product_addtocart_form > .amcart-title { margin-bottom: 25px; text-align: center; } .amcart-related-block .block-related { color: #000; } .amcart-go-checkout-container { padding: 0 0 30px; } .amcart-go-checkout { color: #f58c12; } .amcart-dialog-error { color: #df280a; font-weight: bold; } /* Block hints */ .amfpc-block-info { position:relative; border:1px dotted #008080; margin:6px 2px; padding:18px 2px 2px 2px; zoom: 1; } .amfpc-block-info:hover { border-color: orange !important; } .amfpc-block-info>.amfpc-block-handle, .amfpc-block-info>.amfpc-template-info { position:absolute; top:0; padding:2px 5px; background:#008080; color:white; font:normal 11px Arial; text-align:left !important; z-index:998; text-transform: none; } .amfpc-block-info>.amfpc-block-handle:hover, .amfpc-block-info>.amfpc-template-info:hover { z-index:999; } .amfpc-block-info>.amfpc-block-handle { cursor: default; left:0; white-space: nowrap; } .amfpc-block-info>.amfpc-template-info { right:0; } .amfpc-block-info>.amfpc-block-handle:hover { background-color: orange !important; } .amfpc-block-info.active { -webkit-animation: amfpc-blocks 1s linear .5s infinite alternate; animation: amfpc-blocks 1s linear .5s infinite alternate; } @-webkit-keyframes amfpc-blocks { from {opacity: 1;} to {opacity: .1;} } @keyframes amfpc-blocks { from {opacity: 1;} to {opacity: .1;} } /* Updated blocks */ .amfpc-block-info.updated { border-color: red; } .amfpc-block-info.updated>.amfpc-block-handle { top:0; background:red; } /* Status popup */ .amfpc-info { width: 350px; min-height: 95px; position: fixed; bottom: 10px; left: 10px; background: #008080; color: #fff; z-index: 99999; font-size: 32px; } .amfpc-info h1 { background: rgba(255, 255, 255, 0.1); color: #fff; padding: 2px 5px; font-size: 14px; font-weight: bold; } .amfpc-info h2 { margin-top: 12px; text-align: center; font-size: 30px; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .amfpc-info .amfpc-content { line-height: 48px; } .ekwb-bundle { margin: 25px 0; } .ekwb-bundle-header { margin-bottom: 24px; padding: 0 10px; } .ekwb-bundle-title { color: #2d2d2d; font-size: 22px; font-weight: bold; text-transform: none; } .ekwb-bundle-content { background-color: #f2f2f2; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding: 24px 24px 0 24px; text-align: center; position: relative; } .ekwb-bundle-products { position: relative; } .ekwb-bundle-products .flex-grid-item { margin-bottom: 24px; } .ekwb-bundle-product { background-color: #ffffff; border: 1px solid #e1e1e1; padding: 5px; position: relative; } .ekwb-bundle-flag { background-color: #ab4b3c; color: #ffffff; display: inline-block; font-size: 14px; font-weight: bold; padding: 8px 10px; } .ekwb-bundle-product .product-quantity { position: absolute; right: 0; top: 0; z-index: 100; } .ekwb-bundle-product .product-image { border: none; margin-bottom: 20px; position: relative; } .ekwb-bundle-product .product-image:hover { border: none !important; } .ekwb-bundle-product .product-thumbnail { border: 1px solid #ebebeb; position: relative; } .ekwb-bundle-product .product-thumbnail img { display: block; height: auto; width: 100%; } .ekwb-bundle-product .product-thumbnail img.placeholderchildimage { display: none; position: absolute; left: 0px; top: 0px; z-index: 1; } .ekwb-bundle-product .product-title { color: #000000; font-size: 14px; font-weight: normal; margin: 0; text-transform: none; } .ekwb-bundle-configurable-options { margin-top: 16px; } .ekwb-bundle-configurable-option:not(:last-child) { margin-bottom: 8px; } .ekwb-bundle-dropdown { padding: 0; position: relative; } .ekwb-bundle-dropdown.validation-error:after { border-color: #ff0037 transparent transparent transparent; } .ekwb-bundle-dropdown:after { border-color: #f78c22 transparent transparent transparent; border-style: solid; border-width: 6px 5px 0 5px; content: ''; height: 0; pointer-events: none; position: absolute; right: 10px; top: 14px; width: 0; } .ekwb-bundle-dropdown select { appearance: none; background-color: #ffffff; border: 1px solid #e7e7e7; border-radius: 0; color: #9c9c9c; font-size: 12px; margin: 0; outline: none; padding: 6px 30px 6px 6px; width: 100%; -webkit-appearance: none; } .ekwb-bundle-dropdown select.validation-failed { border-color: #ff0037; color: #ff0037; } .ekwb-bundle-dropdown .validation-advice { display: none; } .ekwb-bundle-discount-percent, .ekwb-bundle-price { margin-bottom: 20px; } .ekwb-bundle-price.bundle-no-discount { margin-top: 50px; } @media (max-width: 767px) { .ekwb-bundle-price.bundle-no-discount { margin-top: 0px; } } .ekwb-bundle-price-label, .ekwb-bundle-price-old { font-size: 12px; line-height: 16px; } .ekwb-bundle-price-label, .ekwb-bundle-price-value { color: #000000; } .ekwb-bundle-price-value { font-size: 22px; font-weight: bold; line-height: 26px; margin-bottom: 5px; } .ekwb-bundle-price-old { color: #a3a3a3; } .ekwb-bundle-message:not(:empty) { border-top: 1px solid #dcdcdc; font-size: 12px; font-weight: bold; padding: 14px 0; } .ekwb-bundle-message.is-error { color: #ff0037; } .ekwb-bundle-message.is-success { color: #11b400; } .ekwb-bundle-add-to-cart { margin-bottom: 24px; text-align: center; } .ekwb-bundle-add-to-cart.sticky { position: fixed; bottom: 0; left: 0; right: 0; background: #f2f2f2; margin: 0 15px; padding-top: 15px; } .ekwb-bundle-add-to-cart.sticky .ekwb-bundle-discount-percent {display: none;} .ekwb-bundle-add-to-cart-button { background: #f78d22; border: none; color: #ffffff; cursor: pointer; display: block; font-size: 14px; font-weight: bold; margin: 0; outline: none; padding: 15px; position: relative; text-align: center; transition: background .3s ease-in-out; width: 100%; } .ekwb-bundle-add-to-cart-button:hover { background: #333333; } .ekwb-bundle-add-to-cart-button.is-loading { background: #a3a3a3; color: transparent; cursor: not-allowed; pointer-events: none; user-select: none; } .ekwb-bundle-add-to-cart-button.is-loading:before { border: 2px solid #fff; border-radius: 100%; content: ''; height: 14px; left: 50%; margin: -7px 0 0 -7px; position: absolute; top: 50%; width: 14px; } .ekwb-bundle-add-to-cart-button.is-loading:after { animation: spin .5s infinite linear; border-color: #a3a3a3 transparent transparent; border-radius: 100%; border-style: solid; border-width: 2px; box-shadow: 0 0 0 1px transparent; content: ''; height: 14px; left: 50%; margin: -7px 0 0 -7px; position: absolute; top: 50%; width: 14px; } .ekwb-bundle-sign { color: #f78d22; font-size: 28px; font-weight: bold; margin: 24px 0; } .ekwb-bundle-sign-equals { color: #f78d22; font-size: 28px; font-weight: bold; margin-bottom: 24px; text-align: center; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media all and (min-width: 568px) { .ekwb-bundle-content { text-align: left; } .ekwb-bundle-products { margin-left: -38px; padding-right: 38px; } .ekwb-bundle-products .flex-grid { display: flex; flex-wrap: wrap; margin-left: 40px; } .ekwb-bundle-products .flex-grid-item { display: flex; } .ekwb-bundle-products .flex-grid-item:nth-child(2n+3) .ekwb-bundle-sign > span { display: none; } .ekwb-bundle-layout-horizontal .flex-grid-item { flex: 1 0 50%; } .ekwb-bundle-layout-vertical .flex-grid-item { flex: 0 0 50%; } .ekwb-bundle-sign-equals { transform: translateX(38px); } .ekwb-bundle-sign { margin: 0 12px; position: relative; width: 15px; } .ekwb-bundle-sign > span { left: 50%; position: absolute; top: 40%; transform: translateX(-50%) translateY(-40%); } } @media all and (min-width: 768px) { .flex-grid { display: flex; } .ekwb-bundle-content { display: flex; } .ekwb-bundle-content form { width: 100%; } .ekwb-bundle-products { flex: 2; } .ekwb-bundle-products .flex-grid { margin-left: 0; } .ekwb-bundle-add-to-cart { align-self: center; border-top: none; flex: 1; padding-top: 0; text-align: left; } .ekwb-bundle-sign-equals { position: absolute; right: 12px; top: 50%; transform: translateX(0) translateY(-50%); } } @media all and (min-width: 992px) { .ekwb-bundle-products { flex: 4; } .ekwb-bundle-products .flex-grid-item:nth-child(2n+3) .ekwb-bundle-sign > span { display: block; } .ekwb-bundle-products.is-columns-3 .flex-grid-item:nth-child(4n) .ekwb-bundle-sign > span { display: none; } .ekwb-bundle-products.is-columns-4 .flex-grid-item:nth-child(5n) .ekwb-bundle-sign > span { display: none; } .ekwb-bundle-layout-horizontal .flex-grid-item { flex: 1 0 50%; } .ekwb-bundle-layout-horizontal .ekwb-bundle-product { display: flex; width: 100%; } .ekwb-bundle-layout-horizontal .product-image { margin-bottom: 0; max-width: 185px; } .ekwb-bundle-layout-horizontal .product-details { display: flex; flex: 1; flex-direction: column; justify-content: center; padding: 0 12px 0 24px; } .ekwb-bundle-layout-vertical .flex-grid-item { flex: 1 0 25%; } .is-centered .is-columns-4 .flex-grid-item:nth-child(4), .is-centered .is-columns-3 .flex-grid-item:nth-child(3) { margin-bottom: 12px; transform: translateY(50%); } .ekwb-bundle-layout-vertical.is-columns-4 .flex-grid-item { flex: 0 0 25%; } .ekwb-bundle-layout-vertical.is-columns-3 .flex-grid-item { flex: 0 0 33.3333%; } .ekwb-bundle-add-to-cart { margin-top: 0; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchindex-results { *zoom: 1; margin-bottom: 10px; border-bottom: 1px solid #a0b3c3; } .searchindex-results:before, .searchindex-results:after { display: table; content: ""; line-height: 0; } .searchindex-results:after { clear: both; } .searchindex-results li { margin-bottom: -1px; float: left; *zoom: 1; margin: 0px 2px; } .searchindex-results li:before, .searchindex-results li:after { display: table; content: ""; line-height: 0; } .searchindex-results li:after { clear: both; } .searchindex-results li a { font-size: 12px; font-weight: bold; color: #333; display: block; cursor: pointer; padding: 2px 5px 1px 5px; line-height: 20px; border: 1px solid transparent; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-decoration: none; } .searchindex-results li a:hover { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-results li a span { font-weight: normal; font-size: 0.9em; } .searchindex-results li.active a { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); cursor: default; border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-result li { padding: 5px; } .searchindex-result li .title a { font-weight: bold; color: #203548; font-size: 13px; } .searchindex-result.searchindex-result-category { margin-bottom: 20px; } .searchindex-result.searchindex-result-category li { padding: 1px 0px; } .searchindex-result.searchindex-result-category li a { font-weight: bold; color: #203548; } .col-main .searchindex-highlight { background-color: #ff0; } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .microcenter-store.fancybox-content { background: #1a1a1a; border: 1px solid black; width: 95% !important; max-width: 700px !important; max-height: 95% !important; } .microcenter-store.fancybox-content h2 { font-size: 30px; line-height: 35px; color: #fff; display: block; text-align: left; margin-bottom: 20px; text-transform: uppercase; font-weight: 300; font-family: 'Roboto', sans-serif; } .microcenter-store.fancybox-content h3 { font-family: 'roboto', sans-serif; font-size: 22px; color: #ed1c24; text-align: left; border-bottom: 1px solid #ed1c24; margin-bottom: 14px; padding-bottom: 10px; font-weight: 400; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } .microcenter-store.fancybox-content p { margin-bottom: 10px; } .microcenter-store.fancybox-content iframe.embededmap { width: 100%; height: 300px; border: none; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 5px; right: 0; top: 0; background: black; } .fancybox-bg { background: black; } /* * Itemslider - based on Owl Carousel * * IMPORTANT: Flexslider was replaced by Owl Carousel. * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Necessary styles (Core Owl Carousel CSS File v1.24) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Additional styles for Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Preloading images */ .owl-item.loading { min-height: 60px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/ajax-loader.gif) no-repeat center center; } /* Pagination */ .owl-pagination { text-align: center; z-index: 1; /* z-index to show above other items */ } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider { margin-bottom: 20px; } /* Items */ .itemslider .item { padding-left:10px; padding-right:10px; } /* Lazy loading */ .itemslider .owl-item.loading { background-position: center 40px; } .itemslider .owl-item.loading .product-image { min-height: 70px; } /* If slider inside menu */ #nav .itemslider .price-box span { display: inline; } /** * Generic interface elements */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows1 .owl-controls .owl-buttons { position:absolute; } .slider-arrows1 .owl-controls .owl-buttons div { float:left; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color:#333; } .slider-arrows1 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .slider-arrows1 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; margin-right:1px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows1 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Position */ .slider-arrows1-pos-top-right .owl-controls .owl-buttons { top:-40px; right:0px; } .slider-arrows1-pos-top-left .owl-controls .owl-buttons { top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows2 .owl-controls .owl-buttons div { position:absolute; display:block; width:50px; height:50px; line-height:50px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; opacity:0; filter:alpha(opacity=0); } .slider-arrows2:hover .owl-controls .owl-buttons div { opacity:1; filter:alpha(opacity=100); } .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position:-2px 0; left:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-2px -50px; } .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position:-48px 0; right:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-48px -50px; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows3 .owl-controls .owl-buttons div { position:absolute; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows3 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .slider-arrows3 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; top:30%; left:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows3 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; top:30%; right:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Generic pagination 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination1 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination1 .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 7px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#eee; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; } .slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; } .slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; } /* Generic pagination 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination2 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination2 .owl-controls .owl-page span { display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width:10px; height:10px; margin:8px; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; /* transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/ } .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span { width:16px; height:16px; margin:5px; } .slider-pagination2 .owl-controls .owl-page.active { cursor:default; } /* Pagination position %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .pagination-pos-bottom-centered { padding-bottom: 50px; /* Additional space for bottom pagination */ } .pagination-pos-bottom-centered .owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; } .pagination-pos-bottom-right .owl-pagination { padding: 10px 0; float: right; } .pagination-pos-bottom-left .owl-pagination { padding: 10px 0; float: left; } /* Over the slider */ .pagination-pos-over-bottom-centered .owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; } .pagination-pos-over-bottom-right .owl-pagination { position:absolute; bottom:3.5%; right:1.5%; } .pagination-pos-over-bottom-left .owl-pagination { position:absolute; bottom:3.5%; left:1.5%; } /** * Brands */ /* Base %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-name { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 18px; text-align: center; } .brand-name-wrapper { display: table; min-height: 36px; /* Two lines of text */ margin: 0 auto; } .brand-name-wrapper .brand-name { display: table-cell; vertical-align: middle; } /* On product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand in secondary column on product page */ .product-secondary-column .box-brand .attribute { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ font-weight:bold; text-align:center; margin:10px 0; } /* Brand slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-slider .item { padding-bottom: 20px; padding-top: 20px; text-align: center; } .brand-slider .item a { display: block; } .brand-slider .owl-item.loading { min-height:60px; } /** * Ultra Slideshow */ /* Slideshow wrapper %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-wrapper {} .the-slideshow-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Slideshow %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow { margin:0 auto; } .the-slideshow .slides { display: none; } /* Banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-banners { -webkit-backface-visibility: hidden; /* Fix possible glitches during animation */ margin-bottom:0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */ } .the-slideshow-banners .banner { position:relative; /* Container for caption */ } .the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */ .the-slideshow-banners .banner a { display:block; } /* Additional effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow .fade-on-slideshow-hover, .the-slideshow-wrapper .fade-on-slideshow-wrapper-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .the-slideshow:hover .fade-on-slideshow-hover, .the-slideshow-wrapper:hover .fade-on-slideshow-wrapper-hover { opacity:0.75; filter:alpha(opacity=75); } /* * Product images gallery and zoom */ /* Basic zoom styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border:1px solid #ccc; margin:-1px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is the zoom window. */ .cloud-zoom-big { border:1px solid #e5e5e5; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:0.25em; border:1px solid #000; } #wrap { /* Decrease default z-index */ z-index:99 !important; } /* Zoom position: "inside" -------------------------------------------------------------- */ .product-image .mousetrap { z-index:100 !important; /* For responsive layout */ width:100% !important; height:100% !important; } .zoom-inside #wrap { overflow:hidden; } /* No borders if zoom position is "inside" */ .zoom-inside .cloud-zoom-big { border:none; } /* Display images without Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom area */ .simple-mode .cloud-zoom-big, .simple-mode .cloud-zoom-lens { display:none !important; } .simple-mode .cloud-zoom-lens { cursor:default !important; } /* Zoom button (enlarge the main image) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .zoom-btn-small { position:absolute; right:4px; bottom:4px; padding:0 1em; line-height:2.6666em; z-index:100; background-color:#fff; background-color:rgba(255,255,255, 0.7); color:#333; } .zoom-btn-small:hover { background-color:#fff; } /* Use lightbox without cloud zoom */ .zoom-btn-large { position:absolute; top:0; bottom:0; right:0; left:0; padding:0; z-index:100; cursor:pointer; text-indent:-9999px; overflow:hidden; } .zoom-btn-large:hover { background-color:rgba(255,255,255, 0.15); } /* Skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box { margin-bottom: 15px; } .img-box .product-image { margin: 0 auto; position:relative; /* Labels (e.g. "sale") are positioned relative to this box */ } .img-box .product-image.product-image-zoom { z-index:9; } /*TODO: obsolete*/ /* Image pop-up */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight:bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { margin:0 0 10px; } /* Thumbnails */ .img-box .more-images { margin-top:12px; } /*.img-box .more-images .thumbnails { width:80%; margin:0 auto; }*/ /*.img-box .more-images .thumbnails .item { float:left; }*/ /* Deprecated */ .img-box .more-images .thumbnails .item.last { margin-right:0; } /* Deprecated */ .img-box .more-images .thumbnails .item a { margin:0 3px; display:block; overflow:hidden; text-decoration:none; text-align:center; } /* Thumbnails - with slider */ .img-box .more-images .thumbnails.slides { display:none; } /* Minimum size of thumbnail if lazy loading enabled */ .img-box .more-images .thumbnails .owl-item.loading { min-height:50px; } .img-box .more-images .thumbnails .owl-item.loading a { min-height:36px; } /* Thumbnails - without slider */ .img-box .more-images .thumbnails.show-all { width:100%; text-align: center; } .img-box .more-images .thumbnails.show-all .item { float: none; display: inline-block; } /* Skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box-style1 .product-image { border:1px solid #eee; padding:5px; } /* Thumbnails */ /* Prevent cutting off thumbnails */ .img-box-style1 .more-images .thumbnails .owl-wrapper-outer { padding:1px 0; } .img-box-style1 .more-images .thumbnails .item a { margin:0 2px 4px; padding:4px; border:1px solid #eee; } .img-box-style1 .more-images .thumbnails .item a:hover { border-color:#999; /*position:relative; z-index:1;*/ /*TODO: Not needed if items not adjacent? */ } /* Thumbnails carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box .itemslider-thumbnails { margin-left: auto; margin-right: auto; } .itemslider-thumbnails { max-width:237px; } /* count-3 is default */ .itemslider-thumbnails.count-1 { max-width:79px; } .itemslider-thumbnails.count-2 { max-width:158px; } /** * Lightbox */ /* ColorBox Core Style -------------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; } .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* ColorBox skin. The following styles are ordered and tabbed in a way that represents the nesting of the generated HTML. -------------------------------------------------------------- */ #cboxOverlay{background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ } #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious, #cboxNext { position:absolute; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/slider-arrows.png) no-repeat #f5f5f5; width:30px; height:30px; line-height:30px; text-align:center; } #cboxPrevious:hover, #cboxNext:hover { background-color:#333; } #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;} #cboxPrevious:hover{background-position:-10px -60px;} #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;} #cboxNext:hover{background-position:-60px -60px;} #cboxLoadingOverlay{background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:10px; right:10px; background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/close-button.png) -10px -10px no-repeat #f5f5f5; width:30px; height:30px; line-height:30px; text-align:center; } #cboxClose:hover{background-position:-10px -60px; background-color:#333;} /* Captions */ #cboxTitle {position:absolute; bottom:17px; left:0; text-align:center; width:100%; color:#999;} /* Alternative position and style of image captions */ /* #cboxTitle { position: absolute; bottom: 50px; left: 10px; text-align: left; right: 10px; color: #000; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); padding: 10px; } */ #cboxNext, #cboxPrevious, #cboxClose { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { display:block; /*display:none;*/ float:left; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li p a { font-size: 18px; line-height: 23px; display: inline; padding: 0; } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .accordion .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .accordion li.item-active > .opener { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; line-height:28px; /*background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small.png);*/ background-color:rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color:rgba(0,0,0, 0.10); background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } /* Active */ /*.accordion-style1 li.item-active > .opener { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small-active.png); }*/ .accordion-style1 li.item-active > .opener:hover { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible .block-title { cursor: pointer; } .collapsible .block-title, .mobile-collapsible .block-title { padding-top:8px; /*padding-right:35px;*/ /* Rremoved space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Deprecated: opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; text-align:center; width:30px; height:30px; line-height:30px; background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png); background-position:center center; background-repeat:no-repeat; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } .collapsible.active .opener { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } .collapsible.active .opener:hover { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* * Main menu * * Old selector: New selector: * #nav --> .nav-regular * #nav.mobile --> .nav-mobile */ /* Common elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top: 1%; margin-bottom: 1%; } .nav-block--center { margin-top: 1%; margin-bottom: 1%; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color: #eee; } /* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown -------------------------------------------------------------- */ #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin: 10px 0; } /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .caret { display:inline-block; width:0; height:0; margin-bottom:2px; margin-left:2px; vertical-align:middle; content:""; border-color:#333 transparent transparent; border-style:solid solid none; border-width:4px 4px 0; } /* Only items with dropdown display the caret */ .nav-regular .caret { display: none; } .nav-regular .nav-item--parent > a .caret { display: inline-block; } /* Carets inside dropdowns - right side caret */ .nav-regular .nav-panel a .caret { border-color: transparent transparent transparent #333; border-style: solid none solid solid; border-width: 4px 0 4px 4px; margin-left: 5px; opacity: 0.2; } .nav-regular .nav-panel a:hover .caret { opacity: 1; } /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home link with icon inside a menu item -------------------------------------------------------------- */ /* Class "feature" inside an item */ .nav-regular .nav-item--home a {} .nav-regular .nav-item--home .ic { display: inline-block; font-size: 16px; padding: 0; width: 30px; text-align: center; vertical-align: middle; /* TODO: check for better option */ float: none; background-color: transparent !important; /* Remove default colors */ } /* Single icon as a home link -------------------------------------------------------------- */ #nav .nav-item--homeicon a { padding-left: 17px; /* The same as side padding of top-level items +5px */ padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important; opacity: 1; transition: opacity 450ms ease-in-out; -moz-transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; -o-transition: opacity 450ms ease-in-out; } #nav .nav-item--homeicon a:hover { opacity: 0.6; transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-transform:none; text-shadow:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-10px; /*-14px*/ right:0; padding:0 6px; font-size:14px; line-height:22px; } /* Add pin (1st level only) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:5px; vertical-align:middle; } /* labels: 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Category labels inside mobile menu / vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-mobile li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:5px; /* Label size: all levels */ font-size:14px; line-height:18px; } /* Hide pin */ .nav-mobile li > a > span > .pin-bottom:before { display:none; } /* Non-clickable links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav a.no-click { cursor: default; } /* Remove highlight color on tap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav, .mobnav-trigger, .nav-regular .nav-item.level0 > a { -webkit-tap-highlight-color: transparent; } /* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position: relative; /* Dropdown box position is relative to this container */ z-index: 2000; /* Without this dropdown goes under other elements */ -webkit-transform: translateZ(0); /* Fix possible glitches during animation */ } #nav.nav-mobile { display: none; } #nav.nav-mobile.show { display: block; } /* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Height of the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Top-level items and mobile menu trigger */ .mobnav-trigger, .nav-regular .nav-item.level0 > a { line-height:50px; } /* Additional classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu items centered within the menu bar -------------------------------------------------------------- */ .nav-regular.centered { text-align: center; } .nav-regular.centered li.level0 { float: none; display: inline-block; } .nav-regular.centered li.level0.right, .nav-regular.centered li.level0.left { float: none !important; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Openers */ .nav-regular .opener { display: none; } /* Hide elements */ .nav-regular .hide-in-desktop-menu { display: none !important; } /* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st-level links from the standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.mobnav-trigger-wrapper { display:none; } /* Important: added "div" to selector to make it more specific than grid units */ .mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ .mobnav-trigger .trigger-icon { display:block; float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } .mobnav-trigger .trigger-icon .line { display:block; background-color:#fff; height:3px; margin-bottom:2px; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns inside mobile menu */ .nav-mobile .nav-panel--dropdown { /* To override width which can be added to dropdowns of the regular menu */ width: 100% !important; /* Reset of dropdown's inline positioning */ left: 0 !important; top: 0 !important; } /* Remove background color of dropdown in items containing only subcategories */ .nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown { background-color: transparent !important; } /* Show category blocks on selected levels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide blocks on all levels */ .nav-mobile .nav-block { display: none; } /* Structure of the selectors below: menu.modifier [level] item > panel > innerPanel > categoryBlocks */ /* Show on 0 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } /* Remove dropdown shadow and background color */ .nav-mobile.opt-sb0 .nav-item > div > div { padding: 0 !important; } /* Remove padding of inner panel */ .nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } /* Stretch the central column */ .nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks { display: none; } /* Hide items containing only category blocks */ /* TODO: for top-level items: If "nav-item--only-blocks": hide only the dropdown and the opener, but not the item itself. Exception: if it's an item of "block_header_nav_dropdown", the item has to be hidden completely because it's not clickable so there is no sense to display it. */ /*.nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks > .opener { display: none; }*/ /* Show on 1 level -------------------------------------------------------------- */ .nav-mobile.opt-sb1 li.level0 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks { display: none; } /* Show on 2 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb2 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb2 li.level1 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks { display: none; } /* Show on 3 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb3 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level2 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks { display: none; } /* Show on 4 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb4 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level3 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks { display: none; } /* Show on 5 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb5 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level3 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level4 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks { display: none; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Carets -------------------------------------------------------------- */ .nav-mobile .caret { display: none !important; } /* Home link -------------------------------------------------------------- */ .nav-mobile .nav-item--home { display: none !important; } /* Hide elements -------------------------------------------------------------- */ .nav-mobile .hide-in-mobile-menu { display: none !important; } /* Hide containers for additional elements -------------------------------------------------------------- */ .nav-mobile .nav-holder { display: none !important; } /* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Containers for additional elements in the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav .nav-holder { float: right; } #nav .nav-holder > * { display: block; line-height: 50px; /* The same as height of the menu bar */ } /* Set max height (the same as height of the menu bar) to avoid issues with excessive height of the dropdown elements when dropdown is inserted inside the menu bar. */ #nav .nav-holder .dropdown-heading { max-height: 50px; line-height: 50px; } /* Other modules/components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item sliders -------------------------------------------------------------- */ .nav .itemslider { margin-top:0; margin-bottom:0; } .nav .itemslider .item { padding-top:5px; padding-bottom:0; } .nav .itemslider .product-name a { display: inline-block; } .nav .itemslider .product-name { margin-top: 8px; } /** * Mobile menu accordion */ .acco { list-style-type:none; } .acco li.nav-item { list-style-type:none; display:block; float:left; width:100% !important; /* Use "!important" to override grid units styling */ padding:0 !important; margin:0 !important; position:relative; /* For opener positioning */ } .acco ul.nav-panel { display:block; float:left; width:100%; padding:0; margin:0; } /* Items %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .acco li.parent > a { padding-right:54px; } /* All levels -------------------------------------------------------------- */ .acco .nav-item > a { display: block; padding: 15px 10px; /* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */ font-size: 16px; /*1.3333em*/ line-height: 19px; /*1.125em*/ } /* Level 1 -------------------------------------------------------------- */ .acco li.level0 > a { font-size: 18px; text-transform: uppercase; } /* Level 2 -------------------------------------------------------------- */ .acco li.level1 > a { padding-left: 30px; font-size: 16px; text-transform: uppercase; } /* Level 3 -------------------------------------------------------------- */ .acco li.level2 > a { padding-left: 50px; font-size: 16px; text-transform: none; } /* Level 4 -------------------------------------------------------------- */ .acco li.level3 > a { padding-left: 70px; font-size: 14px; text-transform: none; } /* Level 5+ -------------------------------------------------------------- */ .acco li.level3 .nav-item > a /* Level 5+ */ { padding-left: 90px; font-size: 12px; text-transform: none; } /* Opener %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .acco .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .acco .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .acco li.item-active > .opener { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /** * Main menu dropdown boxes */ /* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-item { text-align: left; } .nav-regular .nav-item > a { display: block; text-decoration: none; } /* Level 1 only -------------------------------------------------------------- */ .nav-regular li.level0 { float: left; } .nav-regular li.level0 > a { padding: 0 12px; } /*TODO:holders*/ .nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; } /* Top-level item on hover: pull up the link above the dropdown */ .nav-regular li.level0:hover > a { z-index: 2001; /* One level above the dropdown */ position: relative; } /* Caret */ .nav-regular li.level0 > a .caret { opacity: 0.3; } .nav-regular li.level0.active > a .caret { opacity: 1; } .nav-regular li.level0:hover > a .caret { opacity: 1; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-panel--dropdown { display:none; position:absolute; top:0; z-index:2000; /* Pull above top-level menu items */ background-color:#fff; /* To avoid transparent menu */ /* Uncomment below line to fix possible glitches during animation in webkit browsers */ /*-webkit-transform: translateZ(0);*/ } /* Inner wrapper of the dropdown (for additional padding etc.) -------------------------------------------------------------- */ #nav .nav-panel-inner { padding: 23px; } /* Required value in pixels to keep padding consistent in different dropdowns */ #nav .nav-panel-inner:before, #nav .nav-panel-inner:after { display: table; line-height: 0; content: ""; } #nav .nav-panel-inner:after { clear: both; } /* Full width dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .nav-panel.full-width { width:100%; } .nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */ /* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .mega > .nav-panel--dropdown { margin:0; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.mega { position: relative; } /* Container of the dropdown has to be relative (only on levels 2+) */ .nav-regular .nav-panel li.mega > .nav-panel--dropdown {} .nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown { display: block; left: 60px; top: 0; } /* Inside mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align submenu's content (grid) with the submenu */ .nav-regular .nav-submenu--mega { margin-left: -1%; margin-right: -1%; } /* Inside mega dropdown, level 1: item -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li { display: inline-block; float: none; vertical-align: top; padding-top: 0; padding-bottom: 5px; } .nav-regular .nav-submenu--mega > li > a { font-size: 16px; line-height: 1.25em; /*20px*/ } /* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */ .nav-regular .nav-submenu--mega > li.parent > a { margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li.nav-item--parent > a { margin-bottom: 0; } /* Inside mega dropdown, level 1: submenu -------------------------------------------------------------- */ /* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item). Also, add bottom margin to panel, but romove it if it's a dropdown. */ .nav-regular .nav-submenu--mega > li > .nav-panel { position: static; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-panel--dropdown { position: absolute; margin-bottom: 0; } /* Inside mega dropdown, level 1: category blocks -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li > .nav-block--top { margin-top: 0; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-block--bottom { margin-top: 10px; margin-bottom: 0; } /* Inside mega dropdown, level 2: item -------------------------------------------------------------- */ /* List bullets */ .nav-regular .nav-submenu--mega > li > ul > li { background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left: 15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .nav-submenu--mega > li > ul > li:hover { background-position:6px 6px; } /* Important: if item is inside a dropdown (e.g. if type "classic" was applied to the parent item), remove bullets */ .nav-regular .nav-submenu--mega > li > ul.nav-panel--dropdown > li { background: none; padding-left: 0; } /* Other */ .nav-regular .nav-submenu--mega > li > ul > li > a { line-height: 1.6666em; /*20px*/ } /* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Level 2+ -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown > li > a { line-height: 1.6666em; /*20px*/ } .nav-regular .classic > .nav-panel--dropdown > li > a .caret { float: right; margin-top: 6px; } /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown { margin:0; padding:20px; /*TODO:*/ width:16em; min-width:12em; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.classic { position: relative; } /* Container of the dropdown has to be relative */ .nav-regular .nav-panel li.classic > .nav-panel--dropdown {} .nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown { display:block; left:60px; top:0; } /* If classic dropdown is on the 1 level of mega dropdown, change positioning */ .nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown { left:60px; top:20px; } /* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If submenu has to be displayed not as a dropdown, but as a simple list (with slight left indent) */ /* List bullets */ .nav-regular .simple > ul { margin-top: 5px; margin-bottom: 5px; } .nav-regular .simple > ul > li { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet-mini.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .simple > ul > li:hover { background-position:6px 5px; } .nav-regular .simple > ul > li > a { opacity: 0.6; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; } .nav-regular .simple:hover > ul > li > a { opacity: 1; } /* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dd-itemgrid > .nav-item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns -------------------------------------------------------------- */ /* Clear first item in each row (row: group of n items) */ /* Item grid: 1 column */ .dd-itemgrid-1col > .nav-item { width:98%; } /* Item grid: 2 columns */ .dd-itemgrid-2col > .nav-item { width:48%; } .dd-itemgrid-2col > .nav-item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .dd-itemgrid-3col > .nav-item { width:31.3333%; } .dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .dd-itemgrid-4col > .nav-item { width:23%; } .dd-itemgrid-4col > .nav-item:nth-child(4n+1) { clear:left; } /* Item grid: 5 columns */ .dd-itemgrid-5col > .nav-item { width:18%; } .dd-itemgrid-5col > .nav-item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .dd-itemgrid-6col > .nav-item { width:14.6666%; } .dd-itemgrid-6col > .nav-item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .dd-itemgrid-7col > .nav-item { width:12.2857%; } .dd-itemgrid-7col > .nav-item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ .dd-itemgrid-8col > .nav-item { width:10.5%; } .dd-itemgrid-8col > .nav-item:nth-child(8n+1) { clear:left; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fade -------------------------------------------------------------- */ .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown { display: block; /* Important: has to be visible before hover */ left: -10000px; opacity: 0; -moz-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; -webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; -o-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; } .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown { opacity: 1; transition-delay: 50ms; -moz-transition-delay: 50ms; -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; } /** * Simple vertical menu (sidebar menu) */ .vertnav { float: left; width: 100%; } /* Number of products in category */ .vertnav .number { color: #aaa; margin-left: 3px; } /* Category labels inside vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels */ .vertnav li > a > span > .cat-label { position: static; display: inline-block !important; padding: 0 4px; margin-left: 3px; /* Label size */ font-size: inherit; line-height: inherit; } /* Hide pin */ .vertnav li > a > span > .pin-bottom:before { display: none; } @media only screen and (max-width: 319px) { .nav-mobile .nav-block { display: none !important; } .nav-mobile .nav-item > div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile .nav-item > div > div { padding: 0 !important; } .nav-mobile .nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; } .nav-mobile .nav-item.nav-item--only-blocks { display: none; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .rma-italic { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; } .rma-mute { color: #999; font-size: 11px; } .rma-view div.fieldset, .rma-new-step2 div.fieldset { margin: 30px 0px; } .rma-history div.fieldset { padding: 5px 10px; margin: 10px 0px; border-radius: 0px 5px 5px 0px; font-size: 13px; } .rma-history div.fieldset h2.legend { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-weight: bold; font-size: 14px; } .rma-history div.fieldset.user { border: 1px solid #8eb589; border-left: 5px solid #8eb589; background-color: #fefffe; background-image: -moz-linear-gradient(top, #fdfffd, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfffd), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fdfffd, #ffffff); background-image: -o-linear-gradient(top, #fdfffd, #ffffff); background-image: linear-gradient(to bottom, #fdfffd, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfffd', endColorstr='#ffffffff', GradientType=0); } .rma-history div.fieldset.customer { border: 1px solid #9cb4c5; border-left: 5px solid #9cb4c5; background-color: #fcfdff; background-image: -moz-linear-gradient(top, #fafcff, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafcff), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fafcff, #ffffff); background-image: -o-linear-gradient(top, #fafcff, #ffffff); background-image: linear-gradient(to bottom, #fafcff, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafcff', endColorstr='#ffffffff', GradientType=0); } .rma-confirmation-form { border: solid 1px #cccccc; background: #fff; position: fixed; top: 100px; left: 50%; margin-left: -215px; width: 630px; padding: 20px; z-index: 1001; } .rma-confirmation-form .close { width: 40px; float: right; display: block; color: #636363; text-decoration: none; font-weight: normal; font-size: 30px; position: absolute; top: -8px; right: -14px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; cursor: pointer; } .rma-confirmation-form h2 { font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; color: #50A4CF; font-size: 14px; font-weight: bold; margin-bottom: 20px; } .rma-confirmation-form .buttons { text-align: right; margin-bottom: 0px !important; } .rma-confirmation-form-overlay { position: fixed; left: 0px; top: 0px; width: 100000px; height: 100000px; background: rgba(0, 0, 0, 0.3); z-index: 1000; } .rma-items .rma-one-item { *zoom: 1; margin-bottom: 10px; } .rma-items .rma-one-item:before, .rma-items .rma-one-item:after { display: table; content: ""; line-height: 0; } .rma-items .rma-one-item:after { clear: both; } .rma-items .rma-one-item .item-description { width: 50%; float: left; border-right: 1px solid #ededed; } .rma-items .rma-one-item .item-description b { margin-left: 20px; } .rma-items .rma-one-item .item-description img { width: 150px; float: left; margin-left: 10px; } .rma-items .rma-one-item .item-description input { float: left; } .rma-items .rma-one-item .item-options { border-left: 1px solid #ededed; margin-left: -1px; padding-left: 20px; width: 50%; float: left; } .rma-items .rma-one-item .item-options > div { margin-bottom: 8px; position: relative; } .rma-items .rma-one-item .item-options > div label { width: 150px; } .rma-items .rma-one-item .item-options > div label em { color: #df280a; } .rma-items .rma-one-item .item-options > div .total-qty { position: absolute; left: 200px; top: 1px; } .rma-items .rma-one-item .item-options > div .validate-rma-quantity { font-size: 13px; text-align: center; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchautocomplete .search-autocomplete { position: absolute; } .searchautocomplete .form-search { overflow: none !important; position: relative; } .searchautocomplete .sprite { background: url('https://www.ekwb.com/shop/skin/frontend/base/default/images/mirasvit/sprite.png'); } .searchautocomplete .nav-search-in { position: absolute; top: 2px; left: 0px; z-index: 11; } .searchautocomplete .nav-search-in .category { opacity: 0; filter: alpha(opacity=0); background: white; border: 1px solid #DDD; color: black; cursor: pointer; height: 29px; left: 0; margin: 0; outline: 0; padding: 0; position: absolute; top: 0; visibility: visible; width: auto; } .searchautocomplete .nav-search-in .category-fake { height: 20px; color: #777; cursor: pointer; float: left; font-size: 11px; padding: 0px 25px 0px 10px; text-align: center; white-space: nowrap; margin-top: 6px; } .searchautocomplete .nav-search-in .nav-down-arrow { right: 10px; top: 16px; position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #000000 transparent transparent transparent; line-height: 0px; } .searchautocomplete .nav-search-in:hover .category-fake { color: #000; } .searchautocomplete .nav-search-in:hover .nav-down-arrow { background-position: -6px -34px; } .searchautocomplete .searchautocomplete-placeholder { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #FFF; border: 1px solid #ccc; position: absolute; z-index: 102; box-shadow: 0 10px 10px #5E5E5E; top: 30px; } .searchautocomplete .searchautocomplete-placeholder:before { border-color: transparent transparent #CCC transparent; content: ""; position: absolute; border-style: solid; border-width: 5px; height: 0; width: 0; top: -11px; left: 30px; } .searchautocomplete .searchautocomplete-placeholder ul { list-style: none; margin: 0; border: none!important; background: none!important; box-shadow: none; position: relative; padding: 5px; } .searchautocomplete .searchautocomplete-placeholder ul li { *zoom: 1; text-align: left; padding: 5px 5px; border: 1px solid #e2e2e2; margin-bottom: 5px; } .searchautocomplete .searchautocomplete-placeholder ul li:before, .searchautocomplete .searchautocomplete-placeholder ul li:after { display: table; content: ""; line-height: 0; } .searchautocomplete .searchautocomplete-placeholder ul li:after { clear: both; } .searchautocomplete .searchautocomplete-placeholder ul li a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li a .pull-right { float: right; } .searchautocomplete .searchautocomplete-placeholder ul li.active { background-color: #eeffee; box-shadow: 0 0 1px #525252; cursor: pointer; } .searchautocomplete .searchautocomplete-placeholder ul li.active a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image { float: left; margin: 0px 10px 5px 0px; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box { font-weight: bold; font-size: 13px; color: #C76200; float: right; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label { display: none; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label { font-weight: normal; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price { font-size: 0.9em; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .ratings { margin: 0; line-height: 14px; } .searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box { float: left; margin: 0 5px 0 0; } .searchautocomplete .searchautocomplete-placeholder .index-title { text-align: right; color: #0A263C; border-bottom: 1px solid #CCC; padding: 2px 5px; background-color: #F7F7F6; } .searchautocomplete .searchautocomplete-placeholder .index-title span { color: #666; font-size: 0.9em; } .searchautocomplete .searchautocomplete-placeholder .all { text-align: right; margin: 10px 10px 5px 10px; } .searchautocomplete .searchautocomlete-image { float: left; margin: 0px 5px 5px 0px; } .searchautocomplete .searchautocomplete-loader { position: absolute; width: 18px; height: 18px; top: 11px; right: 44px; z-index: 99; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); display: none; } .searchautocomplete .searchautocomplete-loader div { position: absolute; background-color: #FFFFFF; height: 3px; width: 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-animation-name: f_autocomplete_loader; animation-name: f_autocomplete_loader; -webkit-animation-duration: 0.64s; animation-duration: 0.64s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; } .searchautocomplete .searchautocomplete-loader div#g01 { left: 0px; top: 7px; -webkit-animation-delay: 0.24s; animation-delay: 0.24s; } .searchautocomplete .searchautocomplete-loader div#g02 { left: 2px; top: 2px; -webkit-animation-delay: 0.32s; animation-delay: 0.32s; } .searchautocomplete .searchautocomplete-loader div#g03 { left: 7px; top: 0px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .searchautocomplete .searchautocomplete-loader div#g04 { right: 2px; top: 2px; -webkit-animation-delay: 0.48s; animation-delay: 0.48s; } .searchautocomplete .searchautocomplete-loader div#g05 { right: 0px; top: 7px; -webkit-animation-delay: 0.56s; animation-delay: 0.56s; } .searchautocomplete .searchautocomplete-loader div#g06 { right: 2px; bottom: 2px; -webkit-animation-delay: 0.64s; animation-delay: 0.64s; } .searchautocomplete .searchautocomplete-loader div#g07 { left: 7px; bottom: 0px; -webkit-animation-delay: 0.72s; animation-delay: 0.72s; } .searchautocomplete .searchautocomplete-loader div#g08 { left: 2px; bottom: 2px; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } @-moz-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-webkit-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-ms-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-o-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } .approval-popup_ovelay{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.8); z-index:999;} #approval-popup { background: #fff none repeat scroll 0 0; border: 1px solid #999; border-radius: 0 0 5px 5px; height: 80%; left: 10%; max-height: 580px; overflow-x: hidden; overflow-y: auto; position: fixed; top: 10%; width: 80%; z-index: 9999; } #i_acknowledge_area{ padding: 10px 0 5px; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; } #i_acknowledge_area input{margin-right: 8px; position: relative; top:2px;} .i_acknowledge_lbl{font-size: 14px; display: inline; font-weight: normal; } .i_ack_err{font-size: 11px; color:#ff0000; } .close-btn{ height: 80%; left: 10%; max-height: 580px; position: fixed; top: 10%; width: 80%; z-index: 9999;} .approval-popup-logo{max-width: 80px;} .closeapprovalpopup_btn{width: 25px; height: 25px; position: absolute; overflow: hidden; top: 17px; right: 20px; cursor: pointer;} .closeapprovalpopup_btn{opacity: 0.5;} #main{ max-height: 530px; position: relative; z-index: 0; height:100%; } #main .mainHeader{background:#279dd8;} .tableResponsive{overflow:hidden; overflow-x: auto;} #wiz-header{} .wiz-header-left{width:45px; padding:20px;} .wiz-header-center{text-align:center; color:#fff; font-size:14px;} .currencySymbolIcon{font-size: 26px} .wiz-header-right{width:45px; padding:20px;} #payment-schedule{float:left; display:none; position: absolute; z-index: 99; top:60px; height: calc(100% - 60px);overflow: hidden; overflow-y: auto;} #termAndConditionpopup{display: none; height: calc(100% - 20px); overflow: hidden; overflow-y: scroll; position: absolute; top: 10px; left: 0; z-index: 9;} ._popup_overlay{position: absolute; top: 0;left: 0;width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; display: none;} #termAndConditionpopup a{text-decoration: underline;color:#fff;} .popup-content{background-color: #279dd8; border-color: #279dd8; border-radius: 5px 5px 0 0; border-style: solid; border-width: 10px 10px 0; color: white; font-size: 14px; margin: 10px 10px 0; max-height: calc(100% - 66px); overflow-y: auto; text-align: initial; padding-bottom: 20px;} .popupContentTable{table-layout: fixed; width: 100%; color: white; line-height: 25px; text-align: center;} .popupContentTable tr{border-bottom:1px dotted #fff; height:35px; } .popupContentTable tr td {text-align: center;} .popup-footer{background-color: #279dd8; border-radius: 0 0 5px 5px; margin: 0 10px;} .popup-btn{background-color: #279dd8; border-radius: 0 0 5px 5px; margin: 0 10px;} .popup-btn-area{color: white;font-size: 16px; line-height: 27px; text-align: center; white-space: nowrap;} .popup-btn-area-terms{color: white;font-size: 16px; line-height: 27px; text-align: right; white-space: nowrap;padding-bottom: 10px;} .popup-btn-icon{border: 1px solid; border-radius: 5px; display: inline-block; margin: 10px 0; padding: 1px 27px 3px; cursor: pointer;} .popup-btn-icon-terms{display: inline-block; cursor: pointer; } .form-block{float: left; vertical-align:top; width:50%;} .form-block-area{margin:0 20px;} .spacer15{height:15px; display:block;} .tablePage2{width:100%;} table.tablePage2 td{ width:50%; vertical-align: middle; } .tablePage2TD{height:48px; border-bottom:1px dotted #56565d;} .text-right{text-align: right;} #payment-schedule-link{color: #0392d6; float: left; line-height: 48px; cursor: pointer;} .form-block.right{float: right} .important_note_sec{padding-top: 10px; padding-bottom: 5px; font-weight: bold; text-align: left;} .pnlEula{text-align: justify; white-space: pre-wrap;} .iAgreeBtn{text-align:center;float:left;width:100%;margin-top:20px;padding-bottom:20px;} #iagree{background:#279dd8 none repeat scroll 0 0; border: 1px solid #279dd8; border-radius: 5px; color: #fff; padding: 4px 27px 6px;} .termAndConditionBtn{text-align: center; font-size: 12px; float: left; width: 100%; padding: 10px 0px 20px;} .termAndConditionBtn a{text-decoration:none; color:#000;padding:0 5px;} .payment-images{display: inline-block; float:right; padding-left: 20px; } .payment-images img{ height: auto; margin: 0 3px; width: 45px;} #approval-popup.overflowHidden, .overflowHidden > #main{overflow-y: hidden;} .apr-tc{display: inline-block; background: #2E8AB8; color: #fff; padding: 6px 15px; margin-top: 5px; width: 95px; cursor: pointer; border-radius: 12px;} .splitit-redirect{display: inline-block; background: #2E8AB8; color: #fff; padding: 6px 15px; margin-top: 5px; cursor: pointer; font-size: 12px;} .redirect-checkbox+div.validation-advice{font-size: 0;} .redirect-checkbox+div.validation-advice:before{ content:"Please click to pay with Splitit's secured payment."; color: #df280a; font-size: 13px; } .terms-condition-loader{display: none; vertical-align: middle;} .terms-conditions{ font-size: 0; } .terms-conditions div{font-size: 0; line-height: normal;} .terms-conditions div:before{content: 'Please approve terms and conditions.'; color: #df280a; font-size: 13px; margin: 10px 0 5px; display: block; } #opc-payment{position: relative;} #payment-tool-tip{position:absolute;top: 220px!important; right: -75px;} #payment-tool-tip img{max-width:100%;} .splitit-checkout-url{ float: left; margin-left: 0; margin-right: 10px; margin-bottom: 0; background: #3399cc; color: #ffffff!important; text-decoration: none!important;padding: 7px 15px; text-transform: uppercase;display: inline-block; min-width: 140px; text-align: center; font-weight: normal; line-height: 19px; font-size: 13px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;} @media only screen and (max-width: 1024px) {} @media only screen and (max-width: 900px) { .form-block{width:100%;} .popupContentTable{min-width: 580px;} .popup-content{overflow-y: auto; text-align: initial;} #payment-schedule{position: relative; width: 100%;} #payment-tool-tip {position: absolute; top: 220px!important; right: -200px; width: 100%; background: white; padding: 5px;} } @media only screen and (max-width: 767px) { #payment-tool-tip {right: 0;} } .logoWidthSrc{ height: 20px !important; display: inline-block !important; margin-bottom: -5px !important;} img.logoWidthSrc-helplog { display: inline-block; width: 15px; vertical-align: middle; margin-bottom: 4px; margin-left: 2px;} .product-options-bottom span.ins-text { display: none; } /** * Infortis themes styles */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Magento default helper classes -------------------------------------------------------------- */ /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .float-left { float:left; } /*deprecated*/ .float-right { float:right; } /*deprecated*/ /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display:inline-block; width:0; height:0; margin-bottom:2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } .dropdown .caret { opacity:0.3; filter:alpha(opacity=30); } .dropdown.open .caret { opacity:1; filter:alpha(opacity=100); } /* Product labels (stickers) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:99; /* On product page z-index greater than Cloud Zoom image */ } .product-view .product-img-column { position:relative; } /* Stickers are positioned relative to this container */ .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; line-height:1em; font-weight:bold; text-align:center; display:table-cell !important; /* Add "important" to override inherited styles of parent elements */ vertical-align:middle !important; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /* Colors */ .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } /* Effects */ .item:hover .sticker { width:65px; height:65px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { } .item:hover .sticker-wrapper.top-right { } .item:hover .sticker-wrapper.top-left { } /*Sizes*/ .sticker.size-s { width:45px; height:45px; font-size:1em; } .item:hover .sticker.size-s { width:50px; height:50px; } .sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .item:hover .sticker.size-xs { width:45px; height:45px; } /* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Video (embed) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "videoWrapper" - depracated class, left for backward compatibility */ .video-wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .banner-wrapper { position: relative; display: block; } .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } /* depracated styles, left for backward compatibility: */ .page-banners .banner { margin-bottom:2%; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; } .horizontal-section { margin-top:10px; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { display:block; position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Caption elements -------------------------------------------------------------- */ .caption > * { float:left; display:inline-block; margin-bottom:1px; } .caption .heading { padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { clear:left; padding:0.25em 0.5em; margin-bottom:1px; font-size: 1.3333em; line-height:1em; } .caption button { clear:left; } /* Caption layout -------------------------------------------------------------- */ .caption.centered { text-align: center; } .caption.centered > * { display:inline-block; float: none; } /* Floating (text alignment) */ .caption.right > * { text-align:right; float:right !important; } /* Caption additional styles -------------------------------------------------------------- */ /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow { width:38%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inline-block !important; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Disable transitions, fade effect applied with JS */ .fade-on-hover { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; margin:0; display:block; } .section-title.padding-right { padding-right:80px !important; } /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float:right !important; } .custom-sidebar-right .inner { padding-left:10px; border-left:1px solid #e5e5e5; } .custom-sidebar-left { float:left !important; } .custom-sidebar-left .inner { padding-right:10px; border-right:1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li, .links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/ .links > li > a { padding:0 0.5833em; } /* padding:0 7px; */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .links-wrapper-separators .links > li { margin-left:-1px; } .links-wrapper-separators .links > li > a { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .links-wrapper-separators-left .links > li { margin-left:-1px; } .links-wrapper-separators-left .links > li > a { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /** * Drop-down block */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading { display:inline-block; cursor:default; } /* In case a link ("a" tag) is used as a dropdown heading, inherit color from parent element */ .dropdown a.dropdown-heading { color: inherit; } .dropdown a.dropdown-heading:hover { color: inherit; } /* Inside dropdown heading -------------------------------------------------------------- */ /* Child elements of the heading have to be aligned vertically */ .dropdown .dropdown-heading > * { display:inline-block; vertical-align: middle; } /* If heading has additional inner wrapper (to cover the shadow of the dropdown), properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { display: block; vertical-align: baseline; } .dropdown .dropdown-heading.cover > span > *, .dropdown .dropdown-heading.cover > div > * { display:inline-block; vertical-align: middle; } /* Elements of the dropdown heading */ .dropdown .dropdown-heading .label {} .dropdown .dropdown-heading .value { margin-left: 2px; } .dropdown .dropdown-heading .dropdown-icon { /* e.g. for flags */ width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Cover shadow of "dropdown-heading" and "dropdown-content" with additional div inside the heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { padding:0 10px; } .dropdown.open > .dropdown-heading.cover > span, .dropdown.open > .dropdown-heading.cover > div { background-color:#fff; z-index:4001; position:relative; } /* Dropdown content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-content { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown .dropdown-content.left-hand { left:auto; right:0; } /* When dropdown content is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown .dropdown-content > li * { display:inline-block; } .dropdown .dropdown-content > li > a { display:block; } .dropdown .dropdown-content > li { white-space:nowrap; } .dropdown .dropdown-content > li .label { margin-right:8px; } .dropdown .dropdown-content .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col > li:nth-of-type(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.3333%; } .itemgrid-3col > li:nth-of-type(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } .itemgrid-4col > li:nth-of-type(4n+1) { clear:left; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } .itemgrid-5col > li:nth-of-type(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.6666%; } .itemgrid-6col > li:nth-of-type(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.2857%; } .itemgrid-7col > li:nth-of-type(7n+1) { clear:left; } /* Item grid: 8 columns */ .itemgrid-8col .item { width:10.5%; } .itemgrid-8col > li:nth-of-type(8n+1) { clear:left; } /** * Generic tabs */ /* Basic styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 10px; text-decoration:none; outline:none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:0; margin-bottom:1px; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; padding-bottom:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:10px 0; padding:15px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color:#333; background-color:#eee; line-height:3em; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#e5e5e5; } .gen-tabs .tabs a.current { background-color:#ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size:1.5em; line-height:2.7777em; background-color:#f5f5f5; color:#333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; } .gen-tabs.accor .tabs-panels .panel {} /* Tabs - skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Border exists but it is transparent. Except bottom border which has to be removed. Only the current tab need to have bottom border. */ .gen-tabs--style1 .tabs a { font-size:1.3333em; color:#333; background-color:#eee; border:1px solid transparent; border-bottom:none; } .gen-tabs--style1 .tabs a:hover /*, .gen-tabs--style1 .tabs a:focus */ { background-color:#e5e5e5; /* Border on hover has the same color as background of the tab */ border-color:#e5e5e5; } .gen-tabs--style1 .tabs a.current { background-color:#fff; /* Pull up the panels */ margin-bottom:-1px; /* Border of the active item has the same color as border of panels. Bottom border is transparent. */ border-color:#e5e5e5; border-bottom:1px solid transparent; /* Make a little bit higher than other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs--style1 .tabs a.current:hover { /* Bottom border is transparent. */ border-bottom-color: transparent; } .gen-tabs--style1 .tabs-panels { border-top:1px solid #e5e5e5; border-bottom:1px dashed #e5e5e5; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1.accor .tabs-panels { border-top:none; border-bottom:none; } .gen-tabs--style1 .acctab { border-bottom:1px solid #e5e5e5; } .gen-tabs--style1.gen-tabs.accor { margin-bottom: 25px; } /* Tabs - skin 1: smaller %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs--style1-small .tabs a { padding:0 7px; font-size: 14px; line-height: 32px; } /* Added main class to increase specificity of this rule to override font */ .gen-tabs--style1.gen-tabs--style1-small .tabs a { font-family: inherit; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1-small .acctab { font-size: 14px; line-height: 32px; } /* Added main class to increase specificity of this rule to override font */ .gen-tabs--style1.gen-tabs--style1-small .acctab { font-family: inherit; } /** * Icons and other styles related to icons. * Part of the font icon styles based on Font Awesome - http://fontawesome.io */ /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* If icon is applied to 'i' tag */ i.ic { font-style: normal; } /* Floating icons - with generic modifiers -------------------------------------------------------------- */ .ic.left { margin-right: .3em; } .ic.right { margin-left: .3em; } /* Size -------------------------------------------------------------- */ /* Makes the font 33% larger relative to the icon container */ .ic-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .ic-2x { font-size: 2em; } .ic-3x { font-size: 3em; } .ic-4x { font-size: 4em; } .ic-5x { font-size: 5em; } .ic-6x { font-size: 6em; } .ic-7x { font-size: 7em; } .ic-8x { font-size: 8em; } .ic-fw { width: 1.28571429em; text-align: center; } /* Lists -------------------------------------------------------------- */ .ic-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .ic-ul > li { position: relative; } .ic-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .ic-li.ic-lg { left: -1.85714286em; } .ic-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .ic.pull-left { margin-right: .3em; } .ic.pull-right { margin-left: .3em; } /* Stacking -------------------------------------------------------------- */ .ic-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .ic-stack-1x, .ic-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .ic-stack-1x { line-height: inherit; } .ic-stack-2x { font-size: 2em; } .ic-inverse { color: #ffffff; } /* Effects -------------------------------------------------------------- */ .ic-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .ic-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ic-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ic-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .ic-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .ic-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* Characters as icon (letters, numbers etc.) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-char { font-weight: bold; font-family: Arial, Helvetica, sans-serif !important; } /* Images as icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-img { font-family: inherit; /* Remove icon font to fix vertical alignment */ } /* Set max size for images displayed as icons */ .ic-img img, .icon img /* For backward compatibility */ { vertical-align: middle; } /* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility */ .social-links a > span.icon { vertical-align: middle; /* TODO: check in which cases it's required */ text-align: center; background-color: #e5e5e5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility: */ .feature > span.icon, .social-links a > span.icon { line-height: 36px; width: 36px; height: 36px; } .ib-size-l, /* For backward compatibility: */ .feature > span.icon.large { line-height: 48px; width: 48px; height: 48px; } .ib-size-xl { line-height: 60px; width: 60px; height: 60px; } .ib-size-xxl { line-height: 72px; width: 72px; height: 72px; } .ib-size-xxxl { line-height: 84px; width: 84px; height: 84px; } /* For backward compatibility: align center the content of the iconbox */ .feature > span.icon { text-align: center; } /* Labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Label which immediately follows the iconbox */ .ib + .label { line-height: 36px; display: inline-block; } .ib-size-l + .label { line-height: 48px; } .ib-size-xl + .label { line-height: 60px; } .ib-size-xxl + .label { line-height: 72px; } .ib-size-xxxl + .label { line-height: 84px; } /* Hover state %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib-hover:hover, /* Apply hover state color only when special class is present */ .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #333; color: #fff; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, .icon-hover, /* For backward compatibility */ .feature-icon-hover .ib, .feature-icon-hover .icon /* For backward compatibility */ { /* TODO: position animation deprecated */ transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Characters as icon - modify styles if inside iconbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib.ic-char, .ib.i-char /* For backward compatibility */ { /*font-size: 16px;*/ /* Important: do not add font size here, it would override standard classes such as "ic-2x" */ text-align: center; } /* Additional utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Background -------------------------------------------------------------- */ /* Icon without background color */ .ib-no-bg, .ib.no-bg-color /* For backward compatibility */ { background-color: transparent !important; } /* Shapes -------------------------------------------------------------- */ .ib-circle, .ib.circle /* For backward compatibility */ { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ib-rounded, .ib.rounded /* For backward compatibility */ { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ib-square, .ib.square /* For backward compatibility */ { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* All icons square */ .ib-wrapper--square .ib, .icon-wrapper-square .ib /* For backward compatibility */ { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .feature { margin: 10px 0; } .feature:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .feature.first { margin-top: 0; } .feature.last { margin-bottom: 0; } /* With top/bottom border line */ .feature.top-border { border-top: 1px solid #f5f5f5; padding-top: 10px; } .feature.bottom-border { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .feature-wrapper.top-border { border-top: 1px solid #f5f5f5; margin-top: 20px; padding-top: 20px; } .feature-wrapper.bottom-border { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; padding-bottom: 20px; } /* Feature headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size: 1.3333em; /*16px*/ line-height: 1.25em; /*20px*/ margin-bottom: 0.625em; /*10px*/ font-weight: normal; } .feature .above-heading { margin: 0 0 5px; font-size: 11px; line-height: 1.4545em; /*16px*/ text-transform: uppercase; color: #888; } .feature .below-heading { font-size: 1em; font-style: italic; line-height: 1.3333em; /*16px*/ color: #888; } /* Feature and icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Floating icons - additional margin -------------------------------------------------------------- */ .feature .ic.left { margin: 0 15px 10px 0; } .feature .ic.right { margin: 0 0 10px 15px; } /* Vertically centered icon -------------------------------------------------------------- */ .feature.v-centered-content .v-center .ic { margin: 0 5px 0 0; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IMPORTANT: inside indented feature, the first level icon automatically floats left */ .feature.indent > .ic, .feature.indent > .icon /* For backward compatibility */ { float: left; margin: 0 15px 0 0; } /* But override this behavior if an icon is explicitly floated right */ .feature.indent > .ic.right, .feature.indent > .icon.right /* For backward compatibility */ { float: right; margin: 0 0 0 15px; } /* Size of indentation -------------------------------------------------------------- */ /* Size of indentation = width of iconbox + right margin of the iconbox */ /* Default */ .feature.indent { padding-left: 51px; /* 36 + 15 */ } .feature.indent > .ic, .feature.indent > span.icon /* For backward compatibility */ { margin-left: -51px; } /* Large */ .feature.indent-size-l, .feature.indent.large /* For backward compatibility */ { padding-left: 63px; } .feature.indent-size-l > .ic, .feature.indent.large > .ic, /* For backward compatibility */ .feature.indent.large > span.icon.large /* For backward compatibility */ { margin-left: -63px; } /* X Large */ .feature.indent-size-xl { padding-left: 75px; } .feature.indent-size-xl > .ic { margin-left: -75px; } /* XX Large */ .feature.indent-size-xxl { padding-left: 87px; } .feature.indent-size-xxl > .ic { margin-left: -87px; } /* XXX Large */ .feature.indent-size-xxxl { padding-left: 99px; } .feature.indent-size-xxxl > .ic { margin-left: -99px; } /* Feature centered %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.centered { text-align: center; } .feature.centered .ic { margin: 0 0 10px; } /* Additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */ .feature .ic.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /** * Definitions of the font with icons and definitions of the icon glyphs */ @font-face { font-family: 'ThemeIcons'; src:url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?387osh'); src:url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* Icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-plane:before { content: "\e200"; } .ic-tag:before { content: "\e201"; } .ic-paint:before { content: "\e202"; } .ic-credit:before { content: "\e203"; } .ic-phone:before { content: "\e204"; } .ic-letter:before { content: "\e205"; } .ic-stopwatch:before { content: "\e206"; } .ic-bars:before { content: "\e207"; } .ic-truck:before { content: "\e208"; } .ic-download:before { content: "\e209"; } .ic-upload:before { content: "\e20a"; } .ic-warning:before { content: "\e20b"; } .ic-question:before { content: "\e20c"; } .ic-info:before { content: "\e20d"; } .ic-success:before { content: "\e20e"; } .ic-close2:before { content: "\e20f"; } .ic-reload:before { content: "\e210"; } .ic-scissors:before { content: "\e211"; } .ic-googleplus:before { content: "\e212"; } .ic-facebook:before { content: "\e213"; } .ic-twitter:before { content: "\e214"; } .ic-feed:before { content: "\e215"; } .ic-youtube:before { content: "\e216"; } .ic-vimeo:before { content: "\e217"; } .ic-flickr:before { content: "\e218"; } .ic-dribbble:before { content: "\e219"; } .ic-github:before { content: "\e21a"; } .ic-wordpress:before { content: "\e21b"; } .ic-blogger:before { content: "\e21c"; } .ic-tumblr:before { content: "\e21d"; } .ic-skype:before { content: "\e21e"; } .ic-home:before { content: "\e21f"; } .ic-edit2:before { content: "\e220"; } .ic-cart:before, .ic-cart1:before { content: "\e221"; } .ic-menu:before { content: "\e222"; } .ic-star-o:before { content: "\e223"; } .ic-star:before { content: "\e224"; } .ic-heart:before { content: "\e225"; } .ic-heart-o:before { content: "\e226"; } .ic-arrow-up:before { content: "\e227"; } .ic-arrow-right:before { content: "\e228"; } .ic-arrow-down:before { content: "\e229"; } .ic-arrow-left:before { content: "\e22a"; } .ic-filter:before { content: "\e22b"; } .ic-lastminute:before { content: "\e22c"; } .ic-close:before { content: "\e22d"; } .ic-edit:before { content: "\e22e"; } .ic-instagram:before { content: "\e22f"; } .ic-user:before { content: "\e230"; } .ic-mobile:before { content: "\e231"; } .ic-pin:before { content: "\e232"; } .ic-zoomin:before { content: "\e233"; } .ic-zoomout:before { content: "\e234"; } .ic-search:before { content: "\e235"; } .ic-gift:before { content: "\e236"; } .ic-anchor:before { content: "\e237"; } .ic-calendar:before { content: "\e238"; } .ic-remove:before { content: "\e239"; } .ic-compare:before { content: "\e23a"; } .ic-alarm:before { content: "\e23b"; } .ic-plus:before { content: "\e23c"; } .ic-minus:before { content: "\e23d"; } .ic-pinterest:before { content: "\e23e"; } .ic-call24:before { content: "\e23f"; } .ic-callcenter:before { content: "\e240"; } .ic-delivery:before { content: "\e241"; } .ic-package:before { content: "\e242"; } .ic-globe:before { content: "\e243"; } .ic-lightbulb:before { content: "\e244"; } .ic-microscope:before { content: "\e245"; } .ic-24hours:before { content: "\e246"; } .ic-coupon:before { content: "\e247"; } .ic-tshirt:before { content: "\e248"; } .ic-bag8:before { content: "\e249"; } .ic-bag6:before { content: "\e24a"; } .ic-bag4:before { content: "\e24b"; } .ic-bag3:before { content: "\e24c"; } .ic-bag7:before { content: "\e24d"; } .ic-bag2:before { content: "\e24e"; } .ic-bag5:before { content: "\e24f"; } .ic-cart2:before { content: "\e250"; } .ic-bag:before, .ic-bag1:before { content: "\e251"; } .ic-cart3:before { content: "\e252"; } .ic-smartphones:before { content: "\e253"; } .ic-grid:before { content: "\e254"; } .ic-list:before { content: "\e255"; } .ic-linkedin:before { content: "\e256"; } .ic-bell:before { content: "\e257"; } .ic-xing:before { content: "\e258"; } .ic-vk:before { content: "\e259"; } .ic-weibo:before { content: "\e25a"; } .ic-renren:before { content: "\e25b"; } .ic-behance:before { content: "\e25c"; } .ic-vine:before { content: "\e25d"; } .ic-share:before { content: "\e25e"; } .ic-lowstock:before { content: "\e25f"; } .ic-left:before { content: "\e260"; } .ic-down:before { content: "\e261"; } .ic-up:before { content: "\e262"; } .ic-right:before { content: "\e263"; } /** * Theme icons * Deprecated since 1.10.0 in favor of font icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon.i-wishlist-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* bw */ .icon.i-wishlist-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* wb */ .icon.i-wishlist-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } /* Compare */ .icon.i-compare { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon.i-compare-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* bw */ .icon.i-compare-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw, .open > .dropdown-toggle.cover .icon.i-compare-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* wb */ .icon.i-compare-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb, .open > .dropdown-toggle.cover .icon.i-compare-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } /* Share/recommend */ .icon.i-recommend { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* bw */ .icon.i-cart-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon-hover:hover.i-cart-bw, .feature-icon-hover:hover .icon.i-cart-bw, .open > .dropdown-toggle.cover .icon.i-cart-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* wb */ .icon.i-cart-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } .icon-hover:hover.i-cart-wb, .feature-icon-hover:hover .icon.i-cart-wb, .open > .dropdown-toggle.cover .icon.i-cart-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } /** * Social icons * Deprecated since 1.10.0 in favor of font icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Phone */ .icon.i-telephone { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-telephone-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -57px; } /* Skype */ .icon.i-skype { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-skype-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -57px; } /* Letter */ .icon.i-letter { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -7px; } .icon.i-letter-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -57px; } /* Location */ .icon.i-location { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -7px; } .icon.i-location-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -157px; } /* Linked in */ .icon.i-linkedin { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -157px; } /* Blogger */ .icon.i-blogger { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -107px; } .icon.i-blogger-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -157px; } /* Envato */ .icon.i-envato { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -107px; } .icon.i-envato-w { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -157px; } /** * Common styles for multiple elements */ /* Blocks and headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sizes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top, .dropdown .dropdown-heading { line-height: 36px; } .dropdown .dropdown-heading { max-height: 36px; } /* Set static height to improve layout of inline elements */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sidebar .block:first-child { margin-top:6px; } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */ /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading -------------------------------------------------------------- */ .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } /* Block titles and section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Filters */ .block-layered-nav .block-subtitle--filter, /* Section title */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { /* padding:13px 0 7px; */ /*TODO*/ padding-top:7px; padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ } /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ margin-bottom:15px; } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 {} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 {} /* Other headings -------------------------------------------------------------- */ /* Page title */ .category-title, /* Account */ .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color:#e5e5e5; } /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - standard -------------------------------------------------------------- */ /* Blocks */ .block .actions, /* CMS */ .section-line, /* Misc */ .buttons-set, .toolbar { border-color:#e5e5e5; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data, .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color:#f5f5f5; } /* Elements with vertical border - standard -------------------------------------------------------------- */ /* Ratings separator */ .product-view .ratings .rating-links .separator, /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner { border-color:#e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color:#f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, /* Availability */ .availability-only-details thead { border-color:#e5e5e5; /*Currently the same color as other borders*/ } /* Other elements with border -------------------------------------------------------------- */ .swatch-link { border-color:#cccccc; } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color:#f5f5f5; } /* Text color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with lighter text -------------------------------------------------------------- */ /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Layered navigation count */ .block-layered-nav dl dd ol > li > a .count, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note { color:#aaa; } /* Forms %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product options form colors -------------------------------------------------------------- */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; } /* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Price on product page and MSRP %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sticky header */ .sticky-header .sticky-container, /* Dropdowns */ .dropdown.open > .dropdown-heading.cover, .dropdown.open .dropdown-content, /* Mini cart options */ .truncated .truncated_full_value .item-options, /* Menu dropdowns - to have the same style of shadow as other dropdowns */ .nav-regular .nav-panel--dropdown, /* Search autocomplete */ .form-search .search-autocomplete ul, /* Pop-ups */ .remember-me-popup, .map-popup, #subscribe-form .input-box .validation-advice { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, .mobnav-trigger .trigger-icon .line, .opener, a > .ib, a.feature-icon-hover > .ib /*, .header-mobile .skip-link*/ { transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } a:hover, .mobnav-trigger:hover .trigger-icon .line, .opener:hover, .nav-item > a:hover + .opener, /* Opener following a link in mobile menu */ a:hover > .ib, a.feature-icon-hover:hover > .ib { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Carets - in menu -------------------------------------------------------------- */ .nav-regular a > .caret { transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; -moz-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; -webkit-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; -o-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; } .nav-regular a:hover > .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Carets - in dropdown-heading -------------------------------------------------------------- */ /*.dropdown > .dropdown-heading .caret { transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; -moz-transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; -webkit-transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; -o-transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; } .dropdown.open > .dropdown-heading .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; }*/ /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Add-to links */ .add-to-links.addto-icons a, /* Scroll to top */ #scroll-to-top { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Elements with animated color, background color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Search */ .form-search .button, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */ .drop-shadow, .shadow .show-bg, /* Conditional shadow for main menu bar */ .shadow .nav--bar-drop-shadow .mobnav-trigger, .shadow .nav--bar-drop-shadow #nav { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /** * Override CSS components */ /* Deprecated: accordion/collapsible openers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion .opener, .collapsible .opener, .acco .opener /* Menu opener */ { /* Override default background image */ background-image: none !important; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 12px; } .accordion .opener:before, .collapsible .opener:before, .acco .opener:before { content: "\e23c"; } /* Active opener */ .accordion li.item-active > .opener:before, .collapsible.active .opener:before, .acco li.item-active > .opener:before { content: "\e23d"; } /* Colorbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #cboxPrevious, #cboxNext, #cboxClose { /* Override default background image */ background-image: none !important; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 20px; } #cboxClose { font-size: 16px; } #cboxPrevious:before { content: "\e260"; } #cboxNext:before { content: "\e263"; } #cboxClose:before { content: "\e20f"; } /* Generic-nav %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles common for all direction controls */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div { /* Override default background image and remove text indent */ background-image: none !important; text-indent: 0; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 20px; } .owl-controls .owl-buttons .owl-prev:before { content: "\e260"; } .owl-controls .owl-buttons .owl-next:before { content: "\e263"; } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons aligned at the bottom */ .itemslider.equal-height .item { position: static; padding-bottom: 50px; } .itemslider.equal-height .actions { position: absolute; bottom: 0; } /** * Override modules */ /** * Override all Magento base styles. * Add theme-specific styles. */ /** * * * OVERRIDE/EXTEND styles.css * * */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:5px; } .main { padding:30px 0 40px; } /* Additional margin for main sidebars -------------------------------------------------------------- */ .col-left > * { margin-right: 32px; } .col-right > * { margin-left: 32px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom:0; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .skip-link { display: none; } /* Counter */ .skip-link .count { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: red; color: #fff; margin-left: -14px; margin-right: -7px; margin-top: -22px; position: relative; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Cart + compare -------------------------------------------------------------- */ /* Skip links has to be hidden except cart and compare */ .header-regular .mini-cart-heading, .header-regular .mini-compare-heading { display: block; } .header-regular .mini-cart-heading .label.no-display, .header-regular .mini-compare-heading .label.no-display { display: none; } /* Vertically aligned grid (in "Header Primary" section) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .hp-blocks-holder { display:table; width:100%; } .header-regular .hp-blocks-holder .hp-block { float:none; display:table-cell; vertical-align:middle; } .header-regular .hp-blocks-holder .hp-block:before, .header-regular .hp-blocks-holder .hp-block:after { display: table; content: " "; } .header-regular .hp-blocks-holder .hp-block:after { clear: both; } /* Selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ /* Let the search box have the same width as containing block */ .header-regular .form-search { width: 100%; } /* Header sections %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .left-column { text-align: left; } .header-regular .central-column { text-align: center; padding-left: 10px; padding-right: 10px; } .header-regular .right-column { text-align: right; } /* Left column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns -------------------------------------------------------------- */ /* Force left-aligned edge of dropdowns */ .header-regular .left-column .dropdown .dropdown-content { left: 0; right: auto; } /* Avoid dropdown heading stretched in containing block */ .header-regular .left-column .dropdown { display: inline-block; } /* Search box -------------------------------------------------------------- */ .header-regular .left-column .form-search { float: left; } /* Elements of User Menu -------------------------------------------------------------- */ .header-regular .left-column .user-menu .search-wrapper, .header-regular .left-column .user-menu .mini-cart, .header-regular .left-column .user-menu .mini-compare, .header-regular .left-column .user-menu .top-links, .header-regular .left-column .user-menu .top-links ul { float: left; } /* Right column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns -------------------------------------------------------------- */ /* Force right-aligned edge of dropdowns */ .header-regular .right-column .dropdown .dropdown-content { left: auto; right: 0; } .header-regular .right-column .dropdown .dropdown-content.mini-cart-content { /*border: 1px solid red !important;*/ overflow: auto; max-height: 500px; } .header-regular .right-column .dropdown .dropdown-content.mini-cart-content > div { position: relative; } /* Avoid dropdown heading stretched in containing block */ .header-regular .right-column .dropdown { display: inline-block; } /* Search box -------------------------------------------------------------- */ .header-regular .right-column .form-search { float: right; } /* Elements of User Menu -------------------------------------------------------------- */ .header-regular .right-column .user-menu .search-wrapper, .header-regular .right-column .user-menu .mini-cart, .header-regular .right-column .user-menu .mini-compare, .header-regular .right-column .user-menu .top-links, .header-regular .right-column .user-menu .top-links ul { float: right; } /* Central column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search box -------------------------------------------------------------- */ /* Centered search box */ .header-regular .central-column .form-search { margin:0 auto; } /* TODO: remove duplicated rule. Added temporarily to avoid conflicts with customized styles of search box. */ .header-regular .central-column .form-search .input-text { float:right; width:100%; } /* Elements of User Menu -------------------------------------------------------------- */ /* Elements of the central column are centered so the "user-menu" container also needs to be centered: so it needs to be inline-block, it can't float and can't have 100% width. */ .header-regular .central-column .user-menu { display: inline-block; float: none; width: auto; } .header-regular .central-column .user-menu .search-wrapper, .header-regular .central-column .user-menu #mini-cart-wrapper-regular, /* IMPORTANT: cart wrapper also needs to float */ .header-regular .central-column .user-menu .mini-cart, .header-regular .central-column .user-menu .mini-compare, .header-regular .central-column .user-menu .top-links, .header-regular .central-column .user-menu .top-links ul { float: right; } /* Hidden elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .logo-wrapper--mobile, .header-regular .logo--mobile, .header-regular .header-collateral, .header-regular .after-mobile-logo, .header-regular .skip-links-clearer, .header-regular #search-wrapper-mobile, .header-regular #user-menu-wrapper-mobile, .header-regular #account-links-wrapper-mobile, .header-regular #mini-cart-wrapper-mobile, .header-regular #mini-compare-wrapper-mobile { display: none; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.header-regular .header-top .lang-switcher, .header-regular .header-top .currency-switcher, */ .header-regular #lang-switcher-wrapper-regular, .header-regular #currency-switcher-wrapper-regular, .header-regular .header-top .dropdown { margin:0; } /* Mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Some skip links are also displayed in regular header so the styles specific to mobile header have to be applied with "header-mobile" class */ .header-mobile .skip-link { position: relative; float: left; width: 20%; height: 50px; line-height: 50px; text-align: center; cursor: pointer; } .header-mobile a.skip-link { text-decoration: none; } /*.header-mobile .skip-link:not(.skip-active):hover*/ .header-mobile .skip-link:hover { opacity: 0.7; } .header-mobile .skip-link.skip-active:hover { opacity: 1; } /* Elements -------------------------------------------------------------- */ .header-mobile .skip-link .icon { display: inline-block; vertical-align: middle; margin-right: 3px; font-size: 16px; line-height: 16px; } .header-mobile .skip-link .label { display: inline-block; vertical-align: middle; line-height: 16px; } .header-mobile .skip-link .count { display: inline-block; vertical-align: middle; } .header-mobile .skip-link .caret { display: none; } /* Active link -------------------------------------------------------------- */ .header-mobile .skip-link.skip-active, .header-mobile .skip-link:hover { color: inherit; } .header-mobile .skip-link.skip-active span { color: inherit; } .header-mobile .skip-link.skip-active .count { color: #fff; } /* Size -------------------------------------------------------------- */ .header-mobile .skip-links--1 .skip-link { width: 100%; } .header-mobile .skip-links--2 .skip-link { width: 50%; } .header-mobile .skip-links--3 .skip-link { width: 33.33%; } .header-mobile .skip-links--4 .skip-link { width: 25%; } .header-mobile .skip-links--5 .skip-link { width: 20%; } .header-mobile .skip-links--6 .skip-link { width: 16.66%; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Compare -------------------------------------------------------------- */ /* Hide compare block's heading (only heading) */ .header-mobile .mini-compare .mini-compare-heading { display: none; } .header-mobile .mini-compare .actions { border: none; padding-top: 0; } /* Cart + compare -------------------------------------------------------------- */ /* Important: possible value "relative" of the "position" property. In mobile header, we need to reset "position" of the dropdown container so that it doesn't cover other skip links. We also need to remove float. */ .header-mobile .mini-cart, .header-mobile .mini-compare { position: static; float: none; } .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /*.header-mobile .skip-cart { float: right; } .header-mobile .skip-compare { float: right; }*/ /* Skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content { display: none; } .header-mobile .skip-content.skip-active { display: block; } /* Styls required in skip-content blocks are added through special class so that we can control which blocks are styled -------------------------------------------------------------- */ .header-mobile .skip-content--style { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Skip content blocks have to be reset the same as all grid units because skip content blocks can have grid units */ width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin: 0; } .header-mobile .skip-content--style:before, .header-mobile .skip-content--style:after { display: table; content: " "; } .header-mobile .skip-content--style:after { clear: both; } /* Selected skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ .header-mobile .form-search { width: 100%; } .header-mobile .form-search .input-text { width: 100%; } /* Cart + compare -------------------------------------------------------------- */ .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /* Top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .top-links { float: none !important; clear: both; } .header-mobile .top-links ul { float: none !important; } /* Generic vertical inline links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content .links > li { float: none; } .header-mobile .skip-content .links > li > a { background-image: none; /* Remove link separators */ } /* Logo and collateral elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Regular logo */ .header-mobile .logo-wrapper--regular { display: none; } /* Mobile logo */ .header-mobile .logo-wrapper--mobile { width: 60%; margin-left: auto; margin-right: auto; text-align: center; } .header-mobile .logo-wrapper--mobile .logo { display: block; margin-top: 5px; margin-bottom: 5px; } /* Header collateral elements */ .header-mobile .header-collateral { float: right; text-align: right; } /* If collateral next to logo, logo floats left */ .header-mobile .header-collateral + .logo-wrapper--mobile { float: left; text-align: left; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .line-break-after { display: none !important; } /* User menu -------------------------------------------------------------- */ .header-mobile .user-menu { float: none !important; margin: 0; /* Important: remove margins to collapse the block completely */ } /* Language/currency switcher -------------------------------------------------------------- */ /*.header-mobile #lang-switcher-wrapper-regular, .header-mobile #currency-switcher-wrapper-regular { display: none; }*/ .header-mobile.move-switchers #lang-switcher-wrapper-regular, .header-mobile.move-switchers #currency-switcher-wrapper-regular { display: none; } /* Mobile menu inside mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide/show basic elements */ .header-mobile .mobnav-trigger-wrapper { display: none !important; } /* Always hidden */ .header-mobile .nav-mobile { display: block !important; } /* Always displayed */ /* Remove side padding from inner container when menu container has "simple" class TODO:check */ .header-mobile .nav.simple .inner-container { padding-left: 0; padding-right: 0; } /* Container -------------------------------------------------------------- */ /* Important: menu container is also a "skip-content" block */ .header-mobile .nav-container { /* Padding for menu container may be added via admin panel so we need to remove it here. We can reset here entire padding, because bottom padding is later re-applied in CSS generated via admin. Bottom padding is kept so that mobile header look more similar to regular header. */ padding: 0; /* If needed, reset also other styles which are added to standard "skip-content" blocks */ /* Remove background color */ background-color: transparent; } /* Menu bar -------------------------------------------------------------- */ /* Remove shadow */ .header-mobile .nav-container #nav { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Menu items -------------------------------------------------------------- */ /* Mobile menu - remove possible gap from the top of the very first item. Gaps are added as dividers between items of the mobile menu accordion. */ .header-mobile .nav-mobile .nav-item.nav-1 { margin-top: 0 !important; } /* Additional overrides for mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If inner container has a background color, it gets additional class "has-outline". Remove the background color and shadow. */ .header-mobile .nav.has-outline { background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .header-mobile .nav.has-outline > .inner-container {} .header-mobile .nav.stretched > .inner-container {} /* Hidden elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .container_header_primary_left_1, .header-mobile .container_header_primary_central_1, .header-mobile .container_header_primary_right_1 { display: none; } /* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sticky-header .sticky-container { /* .sticky-header .nav-container */ position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; background-color: #fff; } /* Reset selected styles of the menu bar in sticky header -------------------------------------------------------------- */ /* Remove additional padding above and below the menu container */ .sticky-header .nav-container { padding-top: 0; padding-bottom: 0; } /* Remove inner background color (outline of the menu bar) */ .sticky-header .nav-container .nav { background-color: transparent; } /* Remove vertical padding from the inner container when inner container has a background color (outline) */ .sticky-header .nav-container .nav > .inner-container { padding-top: 0; padding-bottom: 0; } .sticky-header .nav-container #nav { /* Deprecated. For backward compatibility. Menu has no margin in current version. */ margin-top: 0; margin-bottom: 0; } /* Remove shadow of menu bar container, also if menu bar itself has shadow */ .sticky-header .nav-container .nav, .sticky-header .nav-container #nav { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* Category labels -------------------------------------------------------------- */ /* Make top-level category labels invisible */ .sticky-header .nav-regular .nav-item.level0 > a .cat-label { display: none; } /* Alternatively, we can make the labels smaller */ /*.sticky-header .nav-regular .nav-item.level0 > a .cat-label { font-size: 11px; line-height: 15px; padding: 0 4px; top: 2px; } .sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/ /* Full width content -------------------------------------------------------------- */ .sticky-header .sticky-container--full-width .container { /* Stretch the container to take all available space */ max-width: none; width: 100%; } .sticky-header .sticky-container--full-width .inner-container { padding-left: 0; padding-right: 0; } /* Hide selected elements -------------------------------------------------------------- */ /* Label of the dropdown in sticky header */ .sticky-header .nav-holder .dropdown-heading .label { display: none; } /* Sticky header + mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.sticky-header .nav-container { height: 55px; } .sticky-header .nav-mobile { height: 300px; overflow-y: auto; overflow-x: hidden; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 3px 10px; padding-left:15px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ /*.block-related .section-title { padding-top: 19px; }*/ /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { -webkit-tap-highlight-color: transparent; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0 10px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { border-top-style:solid; border-top-width:1px; margin:15px 0 0; padding:10px 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku .label { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary .section { padding-top: 20px; padding-bottom: 20px; } /** * * * MISCELLANEOUS * * */ /* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Deprecated: opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Collapsible blocks. Set position and other properties of arrow icon. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Different types of collapsible blocks share the same styles */ /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible blocks */ .collapsible .block-title:after, .mobile-collapsible .block-title:after, /* Sidebar blocks */ .sidebar .block .block-title:after, /* Layered navigation */ .block-layered-nav .block-title:after { float: right; font-size: 22px; } /* Blocks collapsible only on mobile - hide arrow */ .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { display: none !important; } /* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons applied with icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* These icons needs to have the same basic styles as standard font icons. Except line height - it would override individual size of each icon. */ .form-search .button:before, .buttons-set .back-link a:before, .btn-remove:before, .btn-remove2:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before, .btn-edit:before, .breadcrumbs .sep, /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible block icon */ .collapsible .block-title:after, .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Apply icon codes -------------------------------------------------------------- */ .form-search .button:before { content: "\e235"; } .buttons-set .back-link a:before { content: "\e22a"; } .btn-remove:before, .btn-remove2:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before { content: "\e22d"; } .btn-edit:before { content: "\e22e"; } .breadcrumbs .sep:before { content: "\e228"; font-size: 8px; } .gen-tabs .acctab:after, .collapsible .block-title:after, .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { content: "\e261"; } .gen-tabs .acctab.current:after, .collapsible .block-title.active:after, .mobile-collapsible .block-title.active:after, .sidebar .block .block-title.active:after, .block-layered-nav .block-title.active:after { content: "\e262"; } /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu container: with outline (if menu has inner background color) or without outline (if menu is stretched) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* With outline -------------------------------------------------------------- */ /* Add padding, the same value as for side padding of all page sections. Padding is added via admin. Default value is for fallback in case side padding was set to zero. Important: use the same value as for side padding of all page sections to keep consistent padding. */ .nav.has-outline > .inner-container { /*padding: 15px;*/ padding-top: 15px; padding-bottom: 15px; } /* Trigger has no bottom margin */ .nav.has-outline .mobnav-trigger { margin-bottom: 0; } /* Without outline -------------------------------------------------------------- */ /* If menu container stretched, remove top and bottom padding Important: added class "container" to make the rule more specific. */ .container.nav.stretched > .inner-container { padding-top: 0; padding-bottom: 0; } /* Deprecated, for backward compatibility: */ .nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } /* With outline */ .container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /* Without outline */ /* Simple menu container - when container is not full-width but is narrow and placed in one of the header sections. Override the width of the "container" class. -------------------------------------------------------------- */ .nav.simple { width: 100%; } /* .nav.simple:not(.has-outline) .inner-container { padding-left: 0; padding-right: 0; }*/ /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - full width */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /** * * * BUILT-IN STATIC BLOCKS * * */ .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } .block_mini_cart_above_products { margin:0 0 10px; } .block_cms_page_top { margin:0 0 15px; } .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /** * * * HIGH-RESOLUTION READY IMAGES (RETINA-READY) * * */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/img/rating@2x.png); background-size:14px 43px; } /* Icons below are obsolete and will be removed in future releases. Icons created with image sprites were replaced with font icons. Font icons should be used instead of old sprite image icons. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Theme icons IMPORTANT: Deprecated: will be removed in next versions (sprite image icons were replaced with font icons). -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(https://www.ekwb.com/shop/skin/frontend/ultimo/default/images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /* 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; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .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; } .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; } /* * 12-column grid system */ /* Grid units %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* Alias for full-width unit */ /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { /*position:relative;*/ display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gutter.grid12-1 { margin-left:0; width:7.33%; } .no-left-gutter.grid12-2 { margin-left:0; width:15.66%; } .no-left-gutter.grid12-3 { margin-left:0; width:24%; } .no-left-gutter.grid12-4 { margin-left:0; width:32.33%; } .no-left-gutter.grid12-5 { margin-left:0; width:40.67%; } .no-left-gutter.grid12-6 { margin-left:0; width:49%; } .no-left-gutter.grid12-7 { margin-left:0; width:57.33%; } .no-left-gutter.grid12-8 { margin-left:0; width:65.67%; } .no-left-gutter.grid12-9 { margin-left:0; width:74%; } .no-left-gutter.grid12-10 { margin-left:0; width:82.33%; } .no-left-gutter.grid12-11 { margin-left:0; width:90.67%; } .no-left-gutter.grid12-12, .no-left-gutter.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gutter.grid12-1 { margin-right:0; width:7.33%; } .no-right-gutter.grid12-2 { margin-right:0; width:15.66%; } .no-right-gutter.grid12-3 { margin-right:0; width:24%; } .no-right-gutter.grid12-4 { margin-right:0; width:32.33%; } .no-right-gutter.grid12-5 { margin-right:0; width:40.67%; } .no-right-gutter.grid12-6 { margin-right:0; width:49%; } .no-right-gutter.grid12-7 { margin-right:0; width:57.33%; } .no-right-gutter.grid12-8 { margin-right:0; width:65.67%; } .no-right-gutter.grid12-9 { margin-right:0; width:74%; } .no-right-gutter.grid12-10 { margin-right:0; width:82.33%; } .no-right-gutter.grid12-11 { margin-right:0; width:90.67%; } .no-right-gutter.grid12-12, .no-right-gutter.grid-full { margin-right:0; width:99%; } /* Grid units without any gutter (margin) */ .no-gutter.grid12-1 { margin-left:0; margin-right:0; width:8.33%; } .no-gutter.grid12-2 { margin-left:0; margin-right:0; width:16.66%; } .no-gutter.grid12-3 { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid12-4 { margin-left:0; margin-right:0; width:33.33%; } .no-gutter.grid12-5 { margin-left:0; margin-right:0; width:41.67%; } .no-gutter.grid12-6 { margin-left:0; margin-right:0; width:50%; } .no-gutter.grid12-7 { margin-left:0; margin-right:0; width:58.33%; } .no-gutter.grid12-8 { margin-left:0; margin-right:0; width:66.67%; } .no-gutter.grid12-9 { margin-left:0; margin-right:0; width:75%; } .no-gutter.grid12-10 { margin-left:0; margin-right:0; width:83.33%; } .no-gutter.grid12-11 { margin-left:0; margin-right:0; width:91.67%; } .no-gutter.grid12-12, .no-gutter.grid-full { margin-left:0; margin-right:0; width:100%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } .no-gutter.grid-col2-sidebar { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid-col2-main { margin-left:0; margin-right:0; width:75%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } .no-gutter.grid-col3-sidebar { margin-left:0; margin-right:0; width:31.52%; } .no-gutter.grid-col3-main { margin-left:0; margin-right:0; width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Main container for page content. Max width of the page is applied to elements with this class. -------------------------------------------------------------- */ .container { margin-left:auto; margin-right:auto; } .nested-container { width:102%; margin-left:-1%; } /* Deprecated */ /* Inner container. Additional container, horizontal padding is applied to elements with this class. -------------------------------------------------------------- */ .inner-container { padding-left: 15px; padding-right: 15px; /* Clear floats */ *zoom: 1; clear: both; } /* Clear floats */ .inner-container:before, .inner-container:after { display: table; line-height: 0; content: ""; } .inner-container:after { clear: both; } /* Stretched container. If container is stretched, remove side padding from inner container. -------------------------------------------------------------- */ .container.stretched > .inner-container { padding-left: 0; padding-right: 0; } /* Deprecated, for backward compatibility: */ .container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; } /* Grid units containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Grid units container: clears floats (place grid units inside "div" with this class) -------------------------------------------------------------- */ .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid unit container: clears floats and adds vertical margin between units -------------------------------------------------------------- */ .grid-container-spaced { *zoom: 1; clear: both; } .grid-container-spaced:before, .grid-container-spaced:after { display: table; line-height: 0; content: ""; } .grid-container-spaced:after { clear: both; } .grid-container-spaced .grid12-1, .grid-container-spaced .grid12-2, .grid-container-spaced .grid12-3, .grid-container-spaced .grid12-4, .grid-container-spaced .grid12-5, .grid-container-spaced .grid12-6, .grid-container-spaced .grid12-7, .grid-container-spaced .grid12-8, .grid-container-spaced .grid12-9, .grid-container-spaced .grid12-10, .grid-container-spaced .grid12-11, .grid-container-spaced .grid12-12, .grid-container-spaced .grid-full { margin-bottom: 2%; } /* Grid presentation -------------------------------------------------------------- */ .show-grid [class*="grid12-"] { background-color: #eee; text-align: center; min-height: 40px; line-height: 40px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .show-grid [class*="grid12-"]:hover { background-color: #F08080; } /** * Override styles configured via admin panel */ /* Additional styles for interface icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons with no background -------------------------------------------------------------- */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Slider arrows (for zoom thumbnails) */ .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:transparent; } /* Other icons -------------------------------------------------------------- */ /* Add-to links icons in product grid - square, no rounding */ .products-grid .addto-links-icons span.icon { border-radius: 0; } /* Pager */ .pager .pages li a { background-color:#f5f5f5; } /* Add-to links */ .addto-links-icons .ic { background-color:#fff; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: 1px solid #4e4e4e; background: #747474; color: #dedede; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: 'Open Sans', sans-serif!important; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /* https://ekwbdoo.atlassian.net/browse/DIG-6185 */ /* design.css */ .button,.form-search .button:hover,.form-search .input-text:focus,.form-search .input-text:hover,.form-search .input-text:hover+.button,.header-container .dropdown .dropdown-content a,.header-container .dropdown.open>.dropdown-heading.cover a,.header-container .form-search .search-autocomplete li,.header-mobile .skip-link:hover,a,body{color:#333}body{font-size:13px;background-color:#f6f6f6}.price-as-configured .price,.price-box .price,.vertnav li.current>a,a:hover,h2.product-name a:hover,h3.product-name a:hover,h4.product-name a:hover,h5.product-name a:hover,p.product-name a:hover{color:#f89828}.caret,.header .caret,.header-container .dropdown.open>.dropdown-heading.cover .caret,.nav-holder .dropdown-heading .caret,.nav-holder .dropdown.open>.dropdown-heading.cover .caret,.nav-regular .nav-item.level0.parent>a .caret,.sticky-header .nav-regular .nav-holder .dropdown-heading .caret,.sticky-header .nav-regular .nav-item.level0.parent>a .caret{border-top-color:#333}.button{background-color:#eee}#nav.nav-mobile ul.level0 .nav-item>a:hover,.btn-checkout:hover,.button:focus,.button:hover,.cat-label-label1,.cat-label-label2,.feature>span.icon,.footer .accordion-style1 .opener:hover,.footer .collapsible .opener:hover,.footer .ib,.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,.footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,.footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span,.footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span,.footer span.icon,.ib,.mobnav-trigger.active,.mobnav-trigger:hover,.nav-mobile .nav-item.level0>a:hover,.nav-regular .nav-item.level0:hover>a,.nav-regular li.level0:hover>a>span>.cat-label,.product-view .btn-cart:hover,.sticker.new,li>a:hover>span>.cat-label{background-color:#f89828;color:#fff}#cboxClose:hover,#cboxNext:hover,#cboxPrevious:hover,#nav.nav-mobile ul.level0 .nav-item.current>a,#scroll-to-top:hover,.accordion-style1 .opener:hover,.add-to-links .feature-icon-hover:hover .ic,.add-to-links .ic:hover,.btn-checkout,.collapsible .opener:hover,.nav-mobile .nav-item.level0.current>a,.nav-regular .nav-item.level0.active>a,.pager .pages li a:hover,.product-view .btn-cart,.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,.slider-pagination1 .owl-controls.clickable .owl-page:hover span,.slider-pagination2 .owl-controls.clickable .owl-page:hover span,.sorter .sort-by .category-asc:hover,.sorter .sort-by .category-desc:hover,.sorter .view-mode a:hover{background-color:#333;color:#fff}.links>li>a:hover{background-color:#f89828;color:#fff!important}.sticker.sale{background-color:#b45545;color:#fff}.minimal-price-link .price,.special-price .price,.special-price .price-label{color:#ee001c!important}#map-popup-msrp,.header-container .dropdown .dropdown-content a:hover,.header-container .dropdown.open>.dropdown-heading.cover a:hover,.header-container .form-search .search-autocomplete li:hover,.map-popup-msrp .price,.old-price,.price-box .old-price .price,.price-notice .price{color:#F40009}.additional-bg-color,.block-layered-nav .actions,.block-layered-nav .currently,.cart .totals,.checkout-agreements li{background-color:#f5f5f5}#subscribe-form label,.accordion .heading,.block-layered-nav .block-subtitle--filter,.gen-tabs .tabs a,.main-font,.nav-mobile .nav-item.level0>a,.order-items .order-comments h2,.order-items h2.sub-title,.order-items h2.table-caption,.products-grid .product-name,.products-list .product-name,.section-title,/* Captions */ .caption .heading,/* Checkout headings */ #opc-login h3,/* Filters */ /* Generic */ .feature .heading,/* First level of mega dropdown */ /* Mobile mode */ .mobnav-trigger,/* Footer headings */ .footer .heading,/* Main menu */ /* Regular mode */ .nav-regular .nav-item.level0>a,/* Multiple checkout */ /.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2,/* Product page */ .product-view .box-reviews dt .heading,/* level 1 */ .nav-mobile .nav-item.level1>a,/* level 1 */ /* Mega dropdown */ .nav-regular .nav-submenu--mega>li>a,/* level 2 */ .nav-mobile .nav-item.level2>a,/* level 3 */ /* Block headings */ .block .block-title,h1,h2,h3,h3.product-name,h4,h5{font-family:"Open Sans",georgia,serif;font-weight:400,600,700}.block-layered-nav dd li,.container,.form-search .input-text,.grid-col2-main,.grid-col2-sidebar,.grid-full,.grid12-1,.grid12-10,.grid12-11,.grid12-12,.grid12-2,.grid12-3,.grid12-4,.grid12-5,.grid12-6,.grid12-7,.grid12-8,.grid12-9,.header .logo,.product-view .product-img-column{transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}#cboxClose,#cboxNext,#cboxPrevious,#scroll-to-top,.accordion-style1 .opener,.add-to-links .ic,.collapsible .opener,.footer .accordion-style1 .opener,.footer .collapsible .opener,.footer .slider-arrows1 .owl-controls .owl-buttons div,.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,.footer .slider-arrows2 .owl-controls .owl-buttons div,.footer .slider-arrows3 .owl-controls .owl-buttons div,.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,.footer .slider-pagination1 .owl-controls .owl-page span,.footer .slider-pagination2 .owl-controls .owl-page span,.gen-tabs .tabs a,.header-mobile .skip-content--style,.pager .pages .current,.pager .pages a,.slider-arrows1 .owl-controls .owl-buttons div,.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,.slider-arrows2 .owl-controls .owl-buttons div,.slider-arrows3 .owl-controls .owl-buttons div,.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,.slider-pagination1 .owl-controls .owl-page span,.slider-pagination2 .owl-controls .owl-page span,.sorter .sort-by .category-asc,.sorter .sort-by .category-desc,.sorter .view-mode a{background-color:#f5f5f5;color:#333}.pager .pages .current,.slider-pagination1 .owl-controls .owl-page.active span,.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span,.slider-pagination2 .owl-controls .owl-page.active span,.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span,.sorter .view-mode span.grid,.sorter .view-mode span.list{background-color:#e5e5e5;color:#333}.feature-icon-hover:hover .ib,.feature-icon-hover:hover>span.icon,.ib-hover:hover,.icon-hover:hover{background-color:#f89828!important;color:#fff!important}.ib.icon-color-productview,span.icon.icon-color-productview{background-color:#eee}.feature-icon-hover:hover .ib.icon-color-productview,.feature-icon-hover:hover span.icon.icon-color-productview,.ib-hover.icon-color-productview:hover{background-color:#f89828!important}.wrapper{border-top-color:#f89828;background-color:#fff}.inner-container{padding-left:12px;padding-right:12px}@media only screen and (max-width:479px){.container.stretched>.inner-container{padding-left:12px;padding-right:12px}}.form-search .input-text{background-color:#fff;border-color:#ddd}.form-search .input-text:focus,.form-search .input-text:hover{background-color:#fff;border-color:#eee}.form-search .button,.form-search .input-text{color:#bbb}#nav .nav-panel--dropdown,.header-container .dropdown .dropdown-content,.header-container .dropdown.open>.dropdown-heading.cover>*,.header-container .form-search .search-autocomplete,.header-container .truncated .truncated_full_value .item-options,.the-slideshow .owl-controls .owl-buttons div,.the-slideshow.slider-pagination1 .owl-controls .owl-page span,.the-slideshow.slider-pagination2 .owl-controls .owl-page span,.the-slideshow.slider-pagination2 .owl-controls .owl-page.active span,.the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span{background-color:#fff;color:#333}.header-primary{padding-top:10px;padding-bottom:10px}.header-mobile .skip-link{background-color:#fafafa;color:#333}.header-mobile .skip-link.skip-active{background-color:#f5f5f5;color:#f89828}.header-mobile .skip-content--style a{color:#333}#nav .nav-panel--dropdown a:hover,.footer-bottom a:hover,.header-mobile .skip-content--style a:hover{color:#f89828}.nav-regular li.level0:hover>a>span>.pin-bottom:before,li.level0>a:hover>span>.pin-bottom:before,li.level0>a>span>.cat-label-label1.pin-bottom:before,li.level0>a>span>.cat-label-label2.pin-bottom:before{border-top-color:#f89828}#nav .nav-item--homeicon a,#nav .nav-panel--dropdown a,.mobnav-trigger-wrapper,.nav-mobile .nav-item.level0>.opener,.nav-mobile ul.level0 .nav-item>.opener,.nav-regular .nav-item.level0>a,.sticky-header .nav-regular .nav-holder .dropdown-heading,.sticky-header .nav-regular .nav-item.level0>a{color:#333}#nav .nav-panel--dropdown a .caret{border-left-color:#333;border-right-color:#333}#nav .nav-panel--dropdown a:hover .caret{border-left-color:#f89828;border-right-color:#f89828}.nav-regular .nav-panel--dropdown{-moz-box-shadow:0 3px 10px rgba(0,0,0,.15);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.15);box-shadow:0 3px 10px rgba(0,0,0,.15)}.nav-mobile div.nav-panel--dropdown{-moz-box-shadow:0 3px 10px rgba(0,0,0,.15);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.15);box-shadow:0 3px 10px rgba(0,0,0,.15);z-index:1;position:relative}.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.nav-container,.nav-regular{background-color:#f4f4f4}.header-mobile .nav{margin-bottom:10px}.nav.has-outline>.inner-container{padding-top:12px;padding-bottom:12px}.footer-primary,.footer-top-container,.main,.mobnav-trigger.active .trigger-icon .line,.mobnav-trigger:hover .trigger-icon .line,.sticky-header .nav-regular,.sticky-header .sticky-container,.truncated .item-options{background-color:#fff}.sticky-header #nav.nav-regular{border-bottom:none}#nav.nav-mobile ul.level0 .nav-item>a,.mobnav-trigger,.nav-mobile .nav-item.level0>a{background-color:#f4f4f4;color:#333}.footer-bottom a,.footer-primary a:hover,.footer-secondary a:hover,.nav-mobile .nav-item.level0.current>.opener,.nav-mobile .nav-item.level0>a:hover+.opener,.nav-mobile ul.level0 .nav-item.current>.opener,.nav-mobile ul.level0 .nav-item>a:hover+.opener{color:#fff}#nav .nav-holder>*,.nav-regular .nav-item.level0>a{line-height:45px}#nav .nav-holder .dropdown-heading{max-height:45px;line-height:45px}.nav-regular .nav-item.level0.parent.active>a .caret,.nav-regular .nav-item.level0.parent:hover>a .caret{border-top-color:#fff}.nav-mobile .nav-item{margin-top:1px!important}.nav-mobile{background-color:#eee}.mobnav-trigger .trigger-icon .line{background-color:#333}.nav-regular .nav-item.level0>a{font-size:14px;text-transform:uppercase}.nav-regular .nav-submenu--mega>li>a{font-size:16px;text-transform:uppercase}.nav-mobile li.nav-item>a{font-size:16px}.mobnav-trigger,.nav-mobile .nav-item.level0>a{font-size:18px;text-transform:uppercase}.nav-mobile .nav-item.level1>a{font-size:18px;text-transform:none}.gen-tabs .tabs{background-color:transparent}.gen-tabs .tabs a:hover{background-color:#eee;color:#333;border-color:#eee #eee transparent}.gen-tabs .tabs-panels{background-color:#fff;border-top-color:#e5e5e5}.gen-tabs .tabs a.current{background-color:#fff;color:#f89828;border-color:#e5e5e5 #e5e5e5 transparent}.gen-tabs .tabs a.current:hover{border-bottom-color:transparent}.gen-tabs .acctab{background-color:#f5f5f5;color:#333;border-color:#e5e5e5;padding-left:.5em;padding-right:.5em}.gen-tabs .acctab.current,.gen-tabs .acctab:focus,.gen-tabs .acctab:hover{background-color:#eee;color:#f89828}.the-slideshow .owl-controls.clickable .owl-buttons div:hover,.the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span,.the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span{background-color:#000;color:#fff}.the-slideshow.slider-pagination1 .owl-controls .owl-page.active span,.the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span{background-color:#f89828}.footer-container{background-color:#838383}.footer,.footer a,.footer-bottom,.footer-top,.footer-top a{color:#dedede}.footer .button,.footer .button:focus,.footer .button:hover{background-color:#4e4e4e;color:#fff}.footer .feature-icon-hover:hover .ib,.footer .feature-icon-hover:hover span.icon,.footer .ib-hover:hover,.footer span.icon-hover:hover{background-color:#444!important;color:#fff!important}.footer-primary-container{padding-top:30px;padding-bottom:10px}.footer-bottom-container{background-color:#ebebeb}.social-links .ib,.social-links a>span.icon{background-color:#bbb;color:#fff}.social-links .ib-hover:hover,.social-links a>span.icon-hover:hover{background-color:#bbb!important;color:#fff!important} /* grid.css */ .container,.lte-ie8 .container{max-width:1164px}.container{width:96%}@media only screen and (max-width:1023px){.hide-below-1024{display:none!important}}@media only screen and (min-width:768px) and (max-width:959px){.hide-below-960{display:none!important}}@media only screen and (max-width:767px){.v-grid,.v-grid-container{display:block}.nested-container{width:100%;margin-left:auto}.nav.has-outline>.grid-full{margin-top:2%;margin-bottom:2%}.grid-col2-main,.grid-col2-sidebar,.grid-col3-main,.grid-col3-sidebar,.grid-full,.grid12-1,.grid12-10,.grid12-11,.grid12-12,.grid12-2,.grid12-3,.grid12-4,.grid12-5,.grid12-6,.grid12-7,.grid12-8,.grid12-9{width:100%!important;margin-left:0;margin-right:0}.v-grid{float:inherit;width:100%}}@media only screen and (min-width:480px) and (max-width:767px){.mobile-grid-half,.mobile-grid.grid12-1,.mobile-grid.grid12-2,.mobile-grid.grid12-3,.persistent-grid3-1,.persistent-grid3-2,.persistent-grid4-1,.persistent-grid4-3{margin-left:1%;margin-right:1%}.hide-below-768,.hide-below-960{display:none!important}.persistent-grid2-1,.persistent-grid4-2{width:48%;margin-left:1%;margin-right:1%}.persistent-grid3-1{width:31.33%}.persistent-grid3-2{width:64.67%}.persistent-grid4-1{width:23%}.persistent-grid4-3{width:73%}.mobile-grid.grid12-1{width:14.66%!important}.mobile-grid.grid12-2{width:31.33%!important}.mobile-grid-half,.mobile-grid.grid12-3{width:48%!important}}@media only screen and (max-width:479px){.container{max-width:none!important;width:100%}}@media only screen and (min-width:320px) and (max-width:479px){.hide-below-480,.hide-below-768,.hide-below-960{display:none!important}}@media only screen and (max-width:319px){.hide-below-320,.hide-below-480,.hide-below-768,.hide-below-960{display:none!important}} /* layout.css */ @media only screen and (min-width:960px){.cart-table .product-image{max-width:80px}.product-view .sticker{width:80px;height:80px}}@media only screen and (min-width:1024px) and (max-width:1279px){.nav-regular .nav-item.level0>a{padding:0 6px}}@media only screen and (min-width:960px) and (max-width:1023px){.nav-regular .nav-item.level0>a{padding:0 4px}}@media only screen and (max-width:959px){.nav-regular .nav-item.level0>a{padding:0 3px}.products-grid .sticker{width:45px;height:45px;font-size:1em}.products-grid .item:hover .sticker{width:50px;height:50px}#scroll-to-top,.toolbar .sorter .amount{display:none!important}#link-sign-up{display:none}}@media only screen and (min-width:768px) and (max-width:959px){.nobr{white-space:normal!important}.cart-table .product-name{font-size:1em;font-family:inherit}.cart-table .product-image{max-width:80px}.block-related-thumbnails .product-details{margin-left:0;margin-bottom:10px;clear:left}.itemslider-thumbnails.count-3,.itemslider-thumbnails.count-4,.itemslider-thumbnails.count-5,.itemslider-thumbnails.count-multi{max-width:158px!important}.itemslider-thumbnails.count-3 .direction-nav,.itemslider-thumbnails.count-4 .direction-nav,.itemslider-thumbnails.count-5 .direction-nav,.itemslider-thumbnails.count-multi .direction-nav{display:block}.img-box .thumbnails.show-all.auto-adjust-width .item{max-width:32%}.caption .heading{font-size:2.0833em}.caption p{font-size:1.1666em}.caption button.button span span{height:35px;line-height:35px;padding:0 15px}}@media only screen and (min-width:768px){.footer .mobile-collapsible .block-title{border-bottom:none}}@media only screen and (max-width:767px){.col-right>*,.footer-copyright,.user-menu{margin-left:0}.col-left>*,.user-menu{margin-right:0}.block-layered-nav,.col-left,.col-main,.col-right,.product-view .grid12-1,.product-view .grid12-10,.product-view .grid12-11,.product-view .grid12-2,.product-view .grid12-3,.product-view .grid12-4,.product-view .grid12-5,.product-view .grid12-6,.product-view .grid12-7,.product-view .grid12-8,.product-view .grid12-9,.product-view .grid2-1,.product-view .grid4-1,.product-view .grid4-2,.product-view .grid4-3{margin-bottom:30px}.data-table thead .nobr,.nobr{white-space:normal!important}.form-list .field,.form-list input.input-text,.form-list li.wide .input-box,.form-list li.wide input.input-text,.form-list li.wide select,.form-list li.wide textarea,.form-list select,.form-list textarea{max-width:100%}.data-table td,.data-table th{padding:5px}.block-layered-nav .block-title,.block-layered-nav dl dd ol>li>a:before,.cart .data-table thead,.control-nav.control-paging,.my-account .data-table thead,.my-wishlist .data-table thead,.opc .allow .step-title a,.order-review .data-table thead,.pager .per-page,.sorter .per-page,.the-slideshow-wrapper .owl-pagination{display:none}.cart .data-table tbody,.my-account .data-table tbody,.my-wishlist .data-table tbody,.order-review .data-table tbody{background:0 0!important}.cart .data-table td,.cart .data-table tr,.my-account .data-table td,.my-account .data-table tr,.my-wishlist .data-table td,.my-wishlist .data-table tr,.order-review .data-table td,.order-review .data-table tr{border:none!important;background:0 0!important;display:block;width:100%;text-align:left!important}.cart .data-table tr,.my-account .data-table tr,.my-wishlist .data-table tr,.order-review .data-table tr{border-bottom:1px solid #e5e5e5!important;margin-bottom:20px}.my-account .data-table tfoot tr td:first-child,.order-review .data-table tfoot tr td:first-child{font-weight:700}.data-table .cell-label{display:inline-block;width:30%;min-width:100px;max-width:140px;margin-right:10px;font-weight:700}.global-site-notice .notice-inner{background:0 0;padding:10px 0;text-align:center}.global-site-notice .notice-inner p{width:100%;padding:0 0 10px}.global-site-notice .notice-inner .actions{padding-bottom:5px}.header .item-left{margin-right:5px}.header .item-right{margin-left:5px}.user-menu{width:100%}.top-links{float:left}.after-mini-cart,.user-menu .line-break-after{clear:none}.block-layered-nav .block-content.accordion-open>dl>dd.current,.header-regular .hp-blocks-holder,.header-regular .search-wrapper-inline #search_mini_form{display:block}.header-regular .hp-blocks-holder .hp-block{float:inherit;display:block;width:100%;margin-left:0;margin-right:0}.catalog-product-view .breadcrumbs,.footer .mobile-inline-container,.footer-bottom,.footer-primary-bottom-spacing,.footer-primary-top-spacing,.footer-top .links,.header-regular .header .logo-wrapper,.pager,.product-view .add-to-links,.sorter{text-align:center}.header-regular .header .logo-wrapper .logo{width:70%;margin-left:auto;margin-right:auto}.header-regular .search-wrapper-mobile{display:block;clear:both;width:100%;margin:10px 0}.header-regular .search-wrapper-mobile .form-search{width:100%;max-width:440px;margin-left:auto;margin-right:auto}.header-regular .search-wrapper-mobile .form-search .input-text{width:100%;min-width:100%}.header-regular .header .search-wrapper-inline{display:block;clear:both;width:100%;margin:10px auto}.header-regular .header .item.search-wrapper-inline{margin-left:auto;margin-right:auto}.header-regular .search-wrapper-inline .form-search .input-text{width:100%}.footer .mobile-inline-container>*{float:none;display:inline-block;margin-left:5px;margin-right:5px}#subscribe-form,.footer-bottom .item,.footer-primary-bottom-spacing .item,.footer-primary-top-spacing .item,.footer-top .links li,.product-view .add-to-links li{float:none;display:inline-block}.footer-top .item{float:none}.footer .links-wrapper-separators .links li a,.footer .links-wrapper-separators-left .links li a{background-image:none}.footer-primary-bottom-spacing .item{width:100%;margin:0}.footer-bottom .item{margin-left:5px;margin-right:5px}.footer-primary>.grid-full>.section,.footer-secondary>.grid-full>.section{padding:15px 10px}.catalog-product-view .breadcrumbs>*{display:inline-block}.block-layered-nav{margin-top:30px}.block-layered-nav .block-content{font-size:14px;padding:0}#narrow-by-list,#narrow-by-list2{margin:0 15px}.block-layered-nav .block-content>dl>dt{cursor:pointer;padding:7px 10px 7px 25px;border-bottom:1px solid #f5f5f5;text-transform:uppercase}.block-layered-nav .block-content>dl>dt:after{display:block;content:'';position:absolute;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #ddd;border-right:none}.block-layered-nav .block-content>dl>dd{display:none;padding:10px 0}.block-layered-nav .block-content.accordion-open>dl>dt.current:after{content:'';position:absolute;width:0;height:0;display:block;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #ddd;border-bottom:none;left:6px;top:50%;margin-top:-3px}.block-layered-nav .block-subtitle--filter{margin:0;display:block}.block-layered-nav dl dd ol>li>a,.block-layered-nav dl dd ol>li>span{position:static;padding:7px 14px;margin-bottom:5px}.block-layered-nav dl dd ol>li>a{color:inherit;background-color:#f9f9f9;padding:5px 10px}.block-layered-nav dl dd ol>li>a:hover{text-decoration:none;background:#f5f5f5}.pager .amount,.pager .limiter,.pager .pages,.sorter .amount,.sorter .limiter,.sorter .sort-by,.sorter .view-mode{display:inline-block;float:none;padding-top:0;padding-bottom:0}.toolbar .sort-by,.toolbar .sorter .amount{border-right:none}.note-msg.empty-catalog{background-position:center 10px!important;color:inherit;padding:150px 10px 10px!important;text-align:center}.page-title{position:relative}.page-title .link-rss{float:none;display:block;position:static;margin:10px 0 0}.block-layered-nav .block-title:after,.caption .heading,.mobile-collapsible .block-title:after,.sidebar .block .block-title:after{display:inline-block!important}.product-view .custom-sidebar-left .inner,.products-list .product-shop-inner{padding-right:0;border-right:none}.products-grid .product-name{font-size:1.1666em;line-height:1.2307em}.product-view .box-additional{margin-top:0}.block-related-slider{margin-bottom:0}.product-view .custom-sidebar-right .inner{padding-left:0;border-left:none}.cart-table tfoot tr.first td{text-align:center!important;padding:0;margin-bottom:20px}.cart-table tfoot button{display:inline-block;float:none!important;margin:0 0 3px;padding:0}.my-wishlist .product-image{max-width:none}.itemslider.single-item .slides>li{margin:0 auto}.the-slideshow-wrapper-outer{margin-top:0!important}.the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev{top:10px;right:60px;left:auto}.the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next{top:10px;right:10px;left:auto}.the-slideshow .direction-nav .prev{top:4%;right:63px;left:auto}.the-slideshow .direction-nav .next{top:4%;right:2%}#cboxCurrent,#cboxTitle,.caption>*,.cloud-zoom-big,.cloud-zoom-lens{display:none!important}.caption .heading{font-size:2.0833em;margin-bottom:1px}.caption p{font-size:1.1666em;margin-bottom:1px}.caption button.button span span{height:30px;line-height:30px;padding:0 10px}.cloud-zoom-lens{cursor:default!important}.img-box .thumbnails.show-all.auto-adjust-width .item{max-width:16%}.accordion-style1 li a{padding:15px 10px;font-size:1.1666em;line-height:1.2857em}.accordion-style1 li.parent>a{padding-right:53px}.accordion-style1 .opener{width:48px;height:48px;line-height:48px}.sidebar .block{margin-bottom:20px}.block-layered-nav .block-title,.mobile-collapsible .block-title,.sidebar .block .block-title{cursor:pointer}}@media only screen and (min-width:480px) and (max-width:767px){.products-list .product-image-wrapper,.products-list .product-shop,.products-list .right-column{width:48%;margin-left:1%;margin-right:1%}.itemslider-thumbnails.count-4,.itemslider-thumbnails.count-5,.itemslider-thumbnails.count-multi{max-width:316px}.itemslider-thumbnails.count-4 .direction-nav{display:none}.img-box .product-image{width:60.4651%}}@media only screen and (min-width:640px) and (max-width:767px){.itemgrid.itemgrid-adaptive .item{width:31.3333%;clear:none!important}.itemgrid.itemgrid-adaptive>li:nth-of-type(3n+1){clear:left!important}}@media only screen and (max-width:639px){h1,h3{line-height:1.25em}h1{font-size:2em}h2{font-size:1.6666em;line-height:1.2em}h3{font-size:1.3333em}h4{font-size:1.1666em;line-height:1.1428em}h5,h6{font-size:1em;line-height:1em}.header-mobile .skip-link .label{display:none}.header-mobile .skip-link .count,.header-mobile .skip-link .icon{margin-right:0}.header-mobile .header-collateral .dropdown .dropdown-heading{line-height:24px}.img-box .thumbnails.show-all.auto-adjust-width .item{max-width:19%}}@media only screen and (min-width:480px) and (max-width:639px){.itemgrid.itemgrid-adaptive .item{width:48%;clear:none!important}.itemgrid.itemgrid-adaptive>li:nth-of-type(odd){clear:left!important}}@media only screen and (max-width:479px){.products-list.hover-effect .item:hover,.sorter .sort-by{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.caption .heading,.caption .permanent,.caption>*,.products-grid .item .add-to-links,.products-grid.category-products-grid.hover-effect .item .add-to-links{display:none!important}.buttons-set .button,.cart .btn-checkout,.mini-cart .actions .button,.mini-compare .actions .button,.title-buttons .button{float:none;width:100%;margin-left:0;margin-right:0;margin-bottom:7px}.buttons-set .button:last-child,.cart .btn-checkout:last-child,.mini-cart .actions .button:last-child{margin-bottom:0}.product-view .add-to-cart .btn-cart{display:block;width:100%;margin:0 0 7px}.product-view .add-to-cart{display:block;float:none}#zoom-btn,.buttons-set .back-link,.buttons-set .required,.itemslider .owl-pagination,.order-items .sub-title .separator,.pager .pages li,.sorter .view-mode,.the-slideshow .control-nav,.toolbar .limiter{display:none}#subscribe-form .button,#subscribe-form .input-box,#subscribe-form label,.header-regular .header .links li,.header-top .links li{display:inline-block;float:none}.col2-set .col-1,.col2-set .col-2{width:100%}.header .links-wrapper-separators .links li a,.header .links-wrapper-separators-left .links li a{background-image:none}.header .mobile-inline-container,.header-regular .header .links,.header-regular .user-menu,.header-top,.header-top .links{text-align:center}.header .mobile-inline-container>*,.header-top .item{float:none;display:inline-block;margin-left:5px;margin-right:5px}.header-regular .dropdown,.header-regular .user-menu .links,.header-regular .user-menu>*{float:none!important;display:inline-block!important}.products-list .item,.products-list .product-image{margin-bottom:20px}.products-list .item:first-child{margin-top:1px}.products-list.hover-effect .item{border-top:none}.products-list.hover-effect .item:hover{box-shadow:none!important}.products-grid .sticker{width:40px;height:40px;font-size:.9166em}.products-grid .item:hover .sticker{width:45px;height:45px}.product-view .box-reviews .form-add .data-table td,.product-view .box-reviews .form-add .data-table th{padding:6px 1px}.product-view .box-reviews .form-add .form-list input.input-text,.product-view .box-reviews .form-add .form-list textarea{width:90%}.product-view .add-to-links{text-align:inherit}.sorter .sort-by{background:0 0}.pager .pages li.current,.pager .pages li.next,.pager .pages li.previous{display:block}.my-account .col2-set .col-1{border-right:none;margin-bottom:20px}.my-account .col2-set .col-1 .box{padding-right:0}.opc .step-title h2{font-size:1em;line-height:2.8333em}.advanced-search-summary ul{width:100%;margin-right:0}#subscribe-form label{line-height:1em;margin:15px 0 2px}#subscribe-form .input-box{margin:5px 0;position:relative;width:100%}#subscribe-form .input-text{width:100%;max-width:100%}#subscribe-form .input-box .validation-advice{width:100%;left:0}.caption .heading.permanent{display:inline-block!important}.caption .heading{font-size:1.3333em}.caption p{font-size:1em}.img-box .thumbnails.show-all.auto-adjust-width .item{max-width:24%}}@media only screen and (min-width:320px) and (max-width:479px){.itemgrid.itemgrid-adaptive .item{width:48%;clear:none!important}.itemgrid.itemgrid-adaptive>li:nth-of-type(odd){clear:left!important}.itemslider-thumbnails.count-3,.itemslider-thumbnails.count-4,.itemslider-thumbnails.count-5,.itemslider-thumbnails.count-multi{max-width:237px}.itemslider-thumbnails.count-3 .direction-nav,.itemslider-thumbnails.count-4 .direction-nav,.itemslider-thumbnails.count-5 .direction-nav,.itemslider-thumbnails.count-multi .direction-nav{display:block}}@media only screen and (max-width:319px){.category-products-grid.hover-effect .item{border-top:none;margin-bottom:20px}.category-products-grid.hover-effect .item:hover{margin-left:0;margin-right:0;padding-left:1%;padding-right:1%;box-shadow:none!important}.category-products-grid.hover-effect .item .display-onhover{display:block!important}.products-grid.single-line-name .item .product-name{overflow:visible;white-space:normal}.header-mobile .header-collateral{float:none;text-align:center}.block-related-thumbnails .product-details .related-add-to-wishlist,.header-mobile .header-collateral>*{display:inline-block}.header-mobile .logo-wrapper--mobile{float:none!important;text-align:center!important}.block-related-thumbnails .product-details{margin-left:0;margin-bottom:10px;clear:left}.block-related-thumbnails .product-details .price-box{display:inline-block;margin-right:5px}.itemgrid.itemgrid-adaptive .item{width:98%;clear:none!important}.img-box .thumbnails.show-all.auto-adjust-width .item{max-width:32%}.the-slideshow .direction-nav,.the-slideshow-wrapper .owl-buttons{display:none}}@media only screen and (min-width:240px) and (max-width:319px){.itemslider-thumbnails.count-3,.itemslider-thumbnails.count-4,.itemslider-thumbnails.count-5,.itemslider-thumbnails.count-multi{max-width:158px}}@media only screen and (max-width:239px){.itemslider-thumbnails.count-2,.itemslider-thumbnails.count-3,.itemslider-thumbnails.count-4,.itemslider-thumbnails.count-5,.itemslider-thumbnails.count-multi{max-width:79px!important}.itemslider-thumbnails.count-2 .direction-nav,.itemslider-thumbnails.count-3 .direction-nav,.itemslider-thumbnails.count-4 .direction-nav,.itemslider-thumbnails.count-5 .direction-nav,.itemslider-thumbnails.count-multi .direction-nav{display:block}} /* /https://ekwbdoo.atlassian.net/browse/DIG-6185 */ /*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&subset=latin,latin-ext&display=swap');*/ /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2') format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2') format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2') format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2') format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2') format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2') format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2') format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2') format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2') format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Magistral C font */ @font-face { font-family: 'magistralcregularh1'; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/magistralc-bold-webfont.eot'); src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/magistralc-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/magistralc-bold-webfont.woff2') format('woff2'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/magistralc-bold-webfont.woff') format('woff'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/magistralc-bold-webfont.ttf') format('truetype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/magistralc-bold-webfont.svg#magistralcregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'magistralcregular'; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/mgs/mgs45.eot'); src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/mgs/mgs45.eot?#iefix') format('embedded-opentype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/mgs/mgs45.woff') format('woff'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/mgs/mgs45.ttf') format('truetype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/mgs/mgs45.svg#mgs45') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } a, button { -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } ::selection { background : #f89828; /* WebKit/Blink Browsers */ color : #fff; } ::-moz-selection { background : #f89828; /* Gecko Browsers */ color : #fff; } body, input, select, textarea, button, .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family : 'Open Sans', sans-serif !important; } .product-view .product-shop .detailPriceWishlistCont { display: table; width: 100%; } .product-view .product-shop .detailPriceWishlistCont .price-box{ float: left; } .product-view .product-shop .detailPriceWishlistCont .action-box{ float: right; margin-top: 18px; } .product-view .product-shop .splitit { margin: 10px 0; display: block; } .product-view .product-shop .splitit .splititText{ font-size: 10px; border: 1px solid #dedede; padding: 13px 10px 13px 70px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/splitit2.png) 8px center no-repeat; background-size: 50px auto; line-height: 1.3em; margin: 7px 0; font-weight: 600; } .splititCart { text-align: right; font-size: 12px; margin-top: 5px; font-weight: bold; } .splititCart .splititinfo { display: inline-block; width: 23px; height: 23px; border-radius: 50%; text-decoration: none; color: #333; background: #fff; text-align: center; line-height: 23px; font-weight: 700; margin-top: 0px; border: 1px solid #333; font-size: 17px; } .splititCart img{ display: inline-block; width: 50px; height: auto; position: relative; top: 2px; margin-top: 5px; } .sip_splitprice .ins-text { display: none!important; } .availability.out-of-stock { /*display : inline-flex;*/ } .availability { color : #989898; font-size : 13px; font-weight: 700; } .availability:before { /* content: "\2022"; */ content : "●"; font-size : 24px; /*float : left;*/ margin-right : 5px; line-height : 14px; } .ow_orange:before { color : #e3cb23; } .ow_yellow:before { color : #e3cb23; } .ow_red:before { /* color: red;*/ color : #da6a2b; } .ow_green:before { color : #539951; } .ow_question { background-color : #aeafb3; width : 12px; height : 18px; display : inline-block; color : #fff; border-radius : 25px; line-height : 18px; padding-left : 6px; margin-left : 4px; font-weight : bold; font-size : 11px; top : -2px; position : relative; /*display:none;*/ } .products-grid .ow_question, .itemslider .ow_question { width : 18px; padding-left : 0px; } .cart-table .item-msg { color : #f89828; position: relative; padding-left: 20px; } .cart-table .item-msg:before { content: ''; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/cart-i.svg) 0 0 no-repeat; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } .cart-table .product-name { margin: 0; } .cart-table .product-name a { color: #333333; font-size: 21px; font-weight: bold; line-height: 28px; } .cart-table p.cart-sku { color: rgba(51,51,51,0.5); font-size: 10px; line-height: 14px; margin-bottom: 10px; } .cart-table p.cart-sku span { font-weight: bold; } .cart-empty h2 { margin-bottom: 25px; } .cart-empty .button-cart { margin-top: 20px; } .cart-empty .owl-buttons { display: none; } #produkti ul li { display : inline; margin-right : 15px; } #produkti ul li img:hover { opacity : 0.7; filter : alpha(opacity=70); } .ow_manuals .grid12-4 { margin : 0; width : 33.33%; } .ow_manuals a:hover { color : #f89828; } .ow_manuals a { font-size : 13px; font-weight : normal; color : #555; height: 27px; line-height : 27px; display : inline-block; /*width: 100%; border-bottom: 1px solid #DDDDDF; */padding: 5px 0 10px 1px; margin-bottom: 10px; margin-right: 10px; } .ow_manual:before { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/manual.png) 0 0 no-repeat; background-size: 23px auto; padding-right : 40px; content : ""; height : 32px; display : inline-block; float : left; } .ow_spec_sheet:before, .ow_compat_list:before { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/compatibility.png) 0 0 no-repeat; background-size: 23px auto; padding-right : 40px; content : ""; height : 32px; display : inline-block; float : left; } .ow_manual img { margin-left : 5px; } .itemslider-wrapper .products-grid p.availability { display : inline-flex; } .nav-regular .nav-item.level0 > a { text-transform : none; } .product-view .action-box { margin : 0; /* 10px */ float : left; } .product-view .add-to-cart { float : left; } .add-to-box .or { display : inline; float : left; line-height : 35px; margin-right : 10px; } .add-to-box .add-to-links { float : left; } .cart-collaterals .crosssell .add-to-links { display : none; } .form-search .input-text { background-color : #f1f1f1; border-color : #ddd; } .form-search .input-text, .form-search .button { color : #646464; } .cms-index-index .nav-container { border-bottom : 1px solid #dddddf; } .nav-container { /* border-bottom: 1px solid #dddddf;*/ border-top : 1px solid #dddddf; } .header-container3 { background : #fff url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/backg.png) 0 0 repeat-x; } .page { background : #fff; } .special-price .price-label { /*display:none;*/ } .footer img { padding-right : 3px; } .footer-container { background-image : none; } .footer-top-container { font-size : 20px; font-weight : bold; color : #fff; padding: 32px 0; text-align: left; background: #252525 url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/customer-support.png) no-repeat center right; background-size: cover; } .footer-top-container .item { color : #fff; font-family: 'magistralcregularh1'; font-size: 32px; line-height: 48px; width: 50%; font-weight: 400; } .footer-top-container .item span { text-decoration: none!important; display: block; margin-top: 10px; } .footer-top-container .item a { font-size: 16px; line-height: 25px; padding: 12px 20px; border-radius: 8px; background: #fff; color: #252525; text-decoration: none; } .footer-top-container .item a img { position: relative; top: 17px; margin-left: 10px; } .footer-top-container .item p a:hover{ background: #e4e4e4; text-decoration: none; } @media only screen and (max-width: 1000px) { .footer-top-container .item { width: 100%; } } @media only screen and (max-width: 768px) { .footer-top-container { padding-bottom: 220px; background: #252525 url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/customer-support-mobile.png) no-repeat center right; background-size: cover; } } .footer-bottom-container { background-color : #747474; } .footer-primary { background : none; } .main.container { border-left : 1px solid #e7e7e7; border-right : 1px solid #e7e7e7; } .ow_banners_fp .inner_border .feature { border-left : 1px solid #e7e7e7; border-right : 1px solid #e7e7e7; } .ow_banners_fp { background : #f1f1f1; /*border-bottom : 1px solid #e2e1e2;*/ border-top : 1px solid #e2e1e2; text-align : center; font-size : 14px; padding : /*20px*/ 0; color : #717171; } .footer-container { background : #838383 url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/backg.png) 0% 100% repeat-x; } .ow_banners_fp h3 { text-transform : uppercase; text-align : center; font-size : 17px; font-weight : normal; color : #222228; } .ow_banners_fp a { text-align : center; font-size : 15px; font-weight : normal; color : #f89828; margin-top : 10px; display : inline-block; } .price-box .price, .price-as-configured .price { color : #2a2e31; font-size : 17px; font-weight : bold; } .special-price .price, .minimal-price-link .price { color : #2a2e31 !important; font-size : 17px; font-weight : bold; } .special-price .price-label { color : #2a2e31 !important; font-size : 15px; font-weight : bold; } .sticker.new { background-color : #74b445; color : #fff; font-size : 14px !important; font-weight : 600 !important; } .products-grid.size-s .sticker { width : 75px; height : 40px; border-radius : 0; } .products-grid.size-s .item:hover .sticker { width : 78px; height : 43px; } .sticker { width : 55px !important; height : 35px !important; border-radius : 0 !important; } .sticker { border-radius : 0 !important; } .products-grid.size-s .item:hover .sticker.sale { width : 58px; height : 58px; } .footer-container { font-size : 14px; } .footer-container .collapsible .block-title, .mobile-collapsible .block-title { color : #fff; font-size : 20px; font-weight : 600; } .sticker.sale { background-color : #F40009; color : #fff; font-size : 14px !important; font-weight : 600 !important; } .ow_start strong { color : #f89829; } .ow_start .container { line-height : 65px; } .ow_start .button:hover { background : #e68a1f; } .ow_start .button { font-size : 14px; background : #f89828; color : #fff; text-transform : uppercase; margin-left : 30px; height : 45px; vertical-align : middle; padding : 0 45px; } .ow_start { /*height:65px;*/ background : #505050; /*position:absolute; left:0; right:0;*/ color : #fff; font-size : 23px; text-align : center; margin-right : -12px; margin-left : -12px; } .pagination-pos-over-bottom-centered .owl-pagination { display : none; } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover, .social-links .ib, .social-links a > span.icon { background-color : #fff !important; border-radius : 50%; color : #838383 !important; } .social-links .ic-facebook:hover { color : #fff !important; background : #3b5998 !important; } .social-links .ic-twitter:hover { color : #fff !important; background : #55acee !important; } .social-links .ic-youtube:hover { color : #fff !important; background : #cd201f !important; } .social-links .ic-instagram:hover { color : #fff !important; background : #3f729b !important; } .ic-lg { font-size : 14px; width : 30px; height : 30px; line-height : 30px; } .block_footer_payment img { vertical-align : baseline; } .footer-copyright { font-size : 13px; line-height : 1.3636em; margin-bottom : 10px; margin-left : 10px; } .footer-primary .ow_newsletter h6 {margin-top: 20px; margin-bottom: 5px !important; padding: 0 !important;} .ow_newsletter p { padding-top : 0; padding-bottom : 0; font-size: 13px; line-height: 16px; } .ow_newsletter .button { font-size : 13px; padding : 0 10px; } .ow_newsletter #newsletter { background : #969696; color : #dedede; border-color : #969696; font-size : 12px; } ul.bullet li:hover { background-position : 0 5px; } ul.bullet li { background-position : 0 5px; padding-top : 4px; padding-bottom : 4px; } ul.bullet.black li { background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/infortis/_shared/cck/list/bullet-black.png) 0 8px no-repeat; } .section-title-description { /*width: calc(100% - 88px);*/ /*display: inline-block;*/ } .section-title-description-more { display: flex; margin-right: 88px; justify-content: space-between; align-items: flex-end; } .section-title.padding-right { color : #252525; font-size : 24px; font-weight : 400; font-family: 'magistralcregularh1'; border-bottom: none; padding-right: 0!important; } .section-badge { color: #fff; font-family : 'Open Sans', sans-serif !important; font-size: 14px; background: #F8961B; border-radius: 10px; line-height: 24px; padding: 0 5px; margin-right: 10px; display: inline-block; text-transform: uppercase; font-weight: 700; position: relative; top: -1px; } .section-description { color: #888; font-size: 14px; line-height: 20px; margin-bottom: 10px!important; } .section-title-description-more .ow_view_all { margin-bottom: 10px!important; min-width: 54px; } @media only screen and (max-width: 768px) { .section-title-description-more { flex-direction: column; margin-right: 0; align-items: flex-start; } .section-title-description-more .ow_view_all { margin-left: 0; } } .ow_customer_service .block-content { line-height : 20px; } .nav-regular .nav-item.level0 > a { position : relative; padding-top : 0px; } .nav-regular .nav-item.level0.active > a .ow_category_image, a.level-top:hover .ow_category_image, .nav-regular .nav-item.level0:hover > a .ow_category_image { background-position : -29px 10px; } a.level-top .ow_category_image { position : absolute !important; top : 0; left : 0; right : 0; margin : 0 auto; height : 30px; width : 25px; display : block; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/water_icon.png) 0 10px no-repeat; } .nav-mobile .nav-item.level1 > a { font-size : 15px; text-transform : none; } .nav.container { width : 100%; } .nav-mobile a.level-top .ow_category_image { margin : 0; margin-right : 10px; position : relative !important; float : left; background-position : 0 0; } .nav-regular li.level0 > a > span.ow_category_image { padding-top : 0; } a.level-top .ow_aio { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/classic_icon_2.png) 0 10px no-repeat; } a.level-top .ow_water-blocks { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/water_icon.png) 0 10px no-repeat; } a.level-top .ow_accessories { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/acces_icon.png) 0 10px no-repeat; } a.level-top .ow_pumps-accessories { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/icon_pumps.png) 0 10px no-repeat; } a.level-top .ow_clearance, a.level-top .ow_clearance-b2b { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/sale_icon.png) 0 10px no-repeat; } a.level-top .ow_reservoirs { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/reservoirs_icon.png) 0 10px no-repeat; } a.level-top .ow_radiators-fans { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/radiators_icon.png) 0 10px no-repeat; } a.level-top .ow_kits { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/kits_icon.png) 0 10px no-repeat; } a.level-top .ow_pumps { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/icon_pumps.png) 0 10px no-repeat; } a.level-top .ow_fittings { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/fittings_icon.png) 0 10px no-repeat; } a.level-top .ow_extreme { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/extreme_icon.png) 0 10px no-repeat; } .nav-regular li.level0.ow_configurator .ow_category_image { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/confi_icon.png) 0 10px no-repeat; } a.level-top .ow_quantum { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/classic_icon_2.png) 0 10px no-repeat; } a.level-top .ow_classic { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/classic_icon_2.png) 0 10px no-repeat; } a.level-top .ow_lignum { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/classic_icon_2.png) 0 10px no-repeat; } a.level-top .ow_pro, a.level-top .ow_gaming-pcs { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/classic_icon_2.png) 0 10px no-repeat; } .sticky-header .nav-regular .nav-item.level0.ow_configurator:hover > a .ow_category_image, .nav-regular .nav-item.level0.ow_configurator:hover > a .ow_category_image { background-position : -29px 10px; } .sticky-header .nav-regular .nav-item.level0.ow_configurator:hover > a, .nav-regular .nav-item.level0.ow_configurator:hover > a { color : #fff; } .nav-regular li.level0 > a > span { display : inline-block; white-space : nowrap; padding-top : 25px; line-height : 40px; } .nav-regular .nav-item.level0.parent > a .caret { display : none; } .skip-link .count { background-color : #f89828; } .sticky-header .nav-regular .nav-item.level0.ow_configurator > a, .nav-regular li.level0.ow_configurator > a { color : #f89828; } .nav-regular li.level0.ow_configurator { color : #f89828; } .nav-regular li.level0.ow_configurator { /*background:none;*/ } .nav-regular li.level0 { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/menu-sep.png) 99.3% 50% no-repeat; } .nav-regular li.level0 > a { /* padding: 0 28px; */ padding : 0 16px; } /* Onemogočen prikaz menija podkategorij AIO .category-aio .ow-store-default .block-vertnav, .ow-store-default .nav-1 .nav-panel { display : none !important; } */ .the-slideshow-wrapper { background : #fff url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/slider-bg.jpg) 0% 50% no-repeat; background-size: cover; } .cms-index-index .the-slideshow-wrapper { max-height:250px; } .block_header_top_right2 { /* background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/deliverybg.png) 0% 0% no-repeat; height:40px; width:121px; font-size:12px; color:#646464;*/ text-align:center; } .ow_delivery_header { padding-top : 3px; font-size : 12px; } .ow_delivery_header span:before { content : ""; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/checkbox.png) 0 50% no-repeat; display : inline-block; height : 10px; width : 12px; margin-right : 5px; } .header .item-right { text-align : center; } .currency-switcher .dropdown-heading span.value { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/currency.png) 0 50% no-repeat; padding-left : 20px; } .lang-switcher .dropdown-icon { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/languages.png) 50% 50% no-repeat !important; padding-left : 0px; } .ow_banners_fp .container { border-left : 1px solid #e7e7e7; border-right : 1px solid #e7e7e7; } /* .ow_banners_fp .grid12-6:first-child .feature { border-right : 1px solid #e7e7e7; }*/ .sorter .sort-by .category-desc:hover, .sorter .sort-by .category-asc:hover { background : none; color : #f89828; } #nav-holder1 { background : none !important; } #nav .nav-holder .dropdown-heading { line-height : 65px; max-height : 65px; } .form-search .input-text:hover, .form-search .input-text:focus { background-color : #f4f4f4; } #subscribe-form .input-box { float : left; margin : 0 5px 5px 0; position : relative; width : 67%; } #subscribe-form .input-text { width : 100%; } .block .block-title, .block-layered-nav .block-subtitle--filter, .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { background-color : #f4f4f4; color : #505050; font-weight : 600; font-size : 16px; text-transform : uppercase; padding : 10px 0 7px; padding-left : 10px; } .block-layered-nav .block-content > dl > dt { font-size : 15px; } .toolbar-bottom .toolbar { border-bottom : none; float : none; } .toolbar-bottom .toolbar .pager { border-top : none; text-align : right; } .toolbar .pager { margin : 0; border-bottom : none; border-top : none; text-align : right; } .pager .amount, .sorter .amount { background : none; } .sorter { padding : 10px; background : #f4f4f4; } .toolbar { border-top : none; } .sorter .limiter select, .sorter .sort-by select { border : none !important; height : 37px; } .sorter .limiter, .sorter .sort-by { background : #fff; padding : 0 7px; border-radius : 3px; } .sorter .view-mode span.grid, .sorter .view-mode span.list { background : #fff; } /*kategorije*/ .nav-regular .nav-item.level0.active > a, .nav-regular .nav-item.level0:hover > a { background-color : #aeafb3; color : #fff; } .cms-clearances .main-before-top-container, .cms-new-products .main-before-top-container, .cms-new-products-new .main-before-top-container, .catalog-category-view .main-before-top-container { min-height : 85px; background : #aeafb3 url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/ozadje_meni_kategorij.png) 100% 100% repeat-x; } .catalog-product-view .main-before-top-container { height : 15px; background : #aeafb3 /* url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/ozadje_meni_kategorij.png) 100% 100% repeat-x*/; } .ow-no-category .main-before-top-container { display : none !important; } .catalog-category-view.category-kits .main-before-top-container { display : block !important; } .cms-index-index .main-before-top-container { display : block !important; } /*.nav-regular .nav-item.level0.nav-5:hover > a, .ow-category-parent-reservoirs-accessories .main-before-top-container { background-color : #0091c6; }*/ .nav-regular .nav-item.level0.nav-9:hover > a, .ow-category-parent-accessories .nav-regular .nav-item.level0.active > a, .ow-category-parent-accessories .main-before-top-container { background-color : #d43983; } .nav-regular .nav-item.level0.nav-4:hover > a, .ow-category-parent-water-blocks .nav-regular .nav-item.level0.active > a, .ow-category-parent-water-blocks .main-before-top-container { background-color : #ea8e46; } .nav-regular .nav-item.level0.nav-5:hover > a, .ow-category-parent-reservoirs .nav-regular .nav-item.level0.active > a, .ow-category-parent-reservoirs .main-before-top-container { background-color : #0091c1; } .nav-regular .nav-item.level0.nav-99:hover > a, .ow-category-parent-gaming-pcs .nav-regular .nav-item.level0.active > a, .ow-category-parent-gaming-pcs .main-before-top-container{ background-color : #cf1939; } .nav-regular .nav-item.level0.nav-6:hover > a, .ow-category-parent-pumps .nav-regular .nav-item.level0.active > a, .ow-category-parent-pumps .main-before-top-container { background-color: #BFBEBE; } /*.nav-regular .nav-item.level0.nav-8:hover > a, .ow-category-parent-pumps .nav-regular .nav-item.level0.active > a, .ow-category-parent-pumps .main-before-top-container { background-color: #BFBEBE; }*/ .nav-regular .nav-item.level0.nav-8:hover > a, .ow-category-parent-radiators-fans .nav-regular .nav-item.level0.active > a, .ow-category-parent-radiators-fans .main-before-top-container { background-color : #80be55; } /*.nav-regular .nav-item.level0.nav-11:hover > a, .ow-category-parent-extreme .nav-regular .nav-item.level0.active > a, .ow-category-parent-extreme .main-before-top-container { background-color : #636464; }*/ .nav-regular .nav-item.level0.nav-7:hover > a, .ow-category-parent-fittings .nav-regular .nav-item.level0.active > a, .ow-category-parent-fittings .main-before-top-container { background-color : #d43983; } .nav-regular .nav-item.level0.nav-2:hover > a, .ow-category-parent-kits .nav-regular .nav-item.level0.active > a, .ow-category-parent-kits .main-before-top-container { background-color : #636464; } .nav-regular .nav-item.level0.nav-10:hover > a, .ow-category-parent-pro .nav-regular .nav-item.level0.active > a, .ow-category-parent-pro .main-before-top-container{ background-color : #00A1DE; } .nav-regular .nav-item.level0.nav-11:hover > a, .ow-category-parent-black-friday-deals .nav-regular .nav-item.level0.active > a, .ow-category-parent-black-friday-deals .main-before-top-container, .ow-category-parent-clearance .nav-regular .nav-item.level0.active > a, .ow-category-parent-clearance .main-before-top-container, .ow-category-parent-clearance-b2b .nav-regular .nav-item.level0.active > a, .ow-category-parent-clearance-b2b .main-before-top-container { background-color : #000; } .nav-regular .nav-item.level0.nav-3:hover > a, .ow-category-parent-aio .nav-regular .nav-item.level0.active > a, .ow-category-parent-aio .main-before-top-container { background-color: #bfbebe; } .nav-regular .nav-item.level0.nav-1:hover > a, .ow-category-parent-quantum .nav-regular .nav-item.level0.active > a, .ow-category-parent-quantum .main-before-top-container { background-color: #f89828; } /*.nav-regular .nav-item.level0.nav-8:hover > a, .ow-category-parent-fittings .nav-regular .nav-item.level0.active > a, .ow-category-parent-fittings .main-before-top-container { background-color: #D43983; }*/ /*.nav-regular .nav-item.level0.nav-3:hover > a, .ow-category-parent-classic .nav-regular .nav-item.level0.active > a, .ow-category-parent-classic .main-before-top-container { background-color: #686868; }*/ .main-before-top-container .category-title { text-align : center; } .main-before-top-container .category-title h1 { text-align : center; color : #fff; border : none; font-size : 24px; line-height : 24px; display : inline-block; overflow : visible; margin : 0 auto; padding-top : 15px; font-weight : 600; } .main-before-top-container h1:before { content : ""; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/ikona_znak.png) 0 0px no-repeat; height : 30px; width : 30px; overflow : visible; display : inline-block; float : left; /* margin-top: 6px;*/ margin-right : 10px; } .my-account .page-title, .category-title { border-bottom : none; } .main-before-top-container .breadcrumbs a, .main-before-top-container .breadcrumbs li, .main-before-top-container .breadcrumbs li .sep { color : #fff !important; } .main-before-top-container .breadcrumbs ul { text-align : center; } .main-before-top-container .breadcrumbs li { float : none; font-size : 13px; display : inline; } .collapsible .block-content img { -webkit-transition : all 300ms ease; -moz-transition : all 300ms ease; -o-transition : all 300ms ease; transition : all 300ms ease; } .product-view .product-shop .product-name { margin: 0!important; } .product-view .product-shop .product-name h1 { margin : 0; font-size : 24px; color: #333333; font-size: 30px; font-weight: bold; line-height: 35px; } .ow_manuals { overflow : hidden; } .ow_divider { margin : 15px 0 !important; } .product-view .short-description { border-bottom : 1px solid #e5e5e5; padding : 10px 0px; } .product-view .short-description span, .product-view .short-description { font-size : 13px; } .availability { float : none; margin : 0 0 10px; } input.qty { width : 55px !important; text-align : center; height : 55px; font-size : 15px; color : #505050; } .product-view .btn-cart { background-color : #f89828; color : #fff; } .product-view .btn-cart:hover { background-color : #333; color : #fff; } .product-view .product-type-data > .price-box { border-top-style : solid; border-top-width : 0px; margin : 0 0; padding-top : 0; padding-bottom : 3px; } .product-view .add-to-box { float : left; padding : 0; margin : 0; border-bottom : 0px solid #e5e5e5; } .feature { margin : 10px 0!important; } /* DIG-1176 */ .feature-icon-hover p:before { padding : 0; width : 50px; height : 50px; display : block; line-height : 50px; margin-right : 2px; content : ""; float : left; margin-top : -7px; margin-left : 0; } .ow_warranty p:before { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons_right/warranty-transparent.png) 50% 50% no-repeat; } .ow_step p:before { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons_right/step-transparent.png) 50% 50% no-repeat; } .ow_fast p:before { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons_right/fast-transparent.png) 50% 50% no-repeat; } .ow_payment p:before { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons_right/payment-transparent.png) 50% 50% no-repeat; } .ow_paypal p:before { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons_right/paypal-transparent.png) 50% 50% no-repeat; } .ow_made p:before { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons_right/made-transparent.png) 50% 50% no-repeat; } .nav-container .inner-container { padding-left : 0; padding-right : 0; } .product-view .box-collateral > h2:first-child, .product-view .collateral-block > h2:first-child, .product-view .section-title, .product-view .block-related .section-title { margin-bottom : 15px; padding : 7px 0; border-bottom : 1px solid #e5e5e5; font-size : 18px; font-weight : bold; color : #2a2e31; } .data-table tr.even td, .data-table tr.even th, .data-table tr.odd td, .data-table tr.odd th { border-right : 1px solid #dadadb; } .ow_product_bottom .data-table tr { border : 1px solid #dadadb; } .data-table tr.odd.last { border-bottom : #dadadb solid 1px; } .ow_product_bottom .data-table tr.odd { background : #f1f1f1; } .ow_product_bottom .data-table tr.even { background : #fbfbfb; } .ow_product_bottom { /* background-color: #fbfbfb; */ overflow : hidden; /* margin-top:20px;*/ margin: 15px 15px 0; } .ow_product_bottom > .box-additional { /*margin: 0 30px; box-sizing: border-box;*/ } .product-view .box-collateral > h2:first-child { border-bottom: 0; color: #333; font-size: 24px; } .ow_product_bottom > .box-additional .ow_manuals { margin-bottom: 10px; } .block_product_secondary_bottom { padding-bottom : 25px; } .product-view .box-additional { margin-top : 0; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size : 14px; line-height : 1.25em; font-family : inherit; font-weight : 600; display : inline-block; } #itemslider-related-multi li { margin-bottom : 10px; border-bottom : 1px solid #f1f1f1; } .slider-arrows1-pos-top-right #itemslider-related-multi .owl-controls .owl-buttons { top : -50px; right : 0px; } #itemslider-upsell .product-name { font-size : 1.1666em; line-height : 1.2307em; } .ow_price_stock .price { color : #2a2e31; font-size : 20px; font-weight : bold; } .block-upsell .msrp-price .price, .block-related .msrp-price .price { font-size : 13px !important; } .block-upsell .special-price .price, .block-related .special-price .price { font-size : 15px !important; } .ow_price_stock { float : left; margin-right : 0; } .product-view .product-type-data { margin : 5px 0 0; } .ow_bottom_cart .ow_price_stock .msrp-price { margin-top : -10px; } .ow_bottom_cart .ow_price_stock { margin-top : 10px; min-width: 100px; /*margin-bottom: 20px;*/ } /*.ow_bottom_cart .price-box {*/ /* margin-bottom: 20px;*/ /*}*/ .ow_bottom_title { font-size : 22px; font-weight : bold; color : #f89828; margin-bottom : 15px; padding-top : 5px; } .ow_bottom_cart .border { border-right : 1px solid #e5e5e5; /*overflow : hidden;*/ padding-right: 18px; position: relative; } .ow_bottom_cart .border p.availability { margin-bottom: 0; /*position: absolute; bottom: 20px; left: 0; display: inline-block;*/ } .ow_bottom_cart { background : #fff; border : 1px solid #e3e3e4; padding : 22px; overflow : hidden; margin-bottom : 20px; } .availability { float : none; /*margin : 0;*/ } #product-options-wrapper #canBePreorder { position: absolute; right: 0; top: 0; } .ow_bottom_cart_img b { display : block; font-size : 16px; } .ow_bottom_cart_img { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon_info.png) 0 5px no-repeat; min-height : 46px; padding-left : 56px; font-size : 13px; padding-top : 10px; } .ow_bottom_cart_img a { color : #979797; } .catalog-product-view .main { padding-bottom : 0; } .catalog-product-view .end_of_life { display: inherit; background: red; padding: 4px 8px; } .product-view .btn-cart { min-width : 170px; } .ow_b2b_product_view .btn-cart { min-width : 160px; } .cart-table thead tr.first { background-color : #fbfbfb; } .alert-box.hand-icon { background: #f6931e url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/hand-icon.svg) no-repeat 20px 50%; color: #000; margin-bottom: 15px; background-size: 35px 35px; padding: 20px 20px 20px 70px; font-weight: bold; font-size: 14px; line-height: 16px; } .cart .alert-box.note-msg { border-color: #e6e6e6; background-color: #e6e6e6; background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon-info-new.png); color: #000; margin-bottom: 15px; background-size: 30px 30px; } .cart .alert-box.note-msg.shipping-msg { border-color: #e6efbf; background-color: #e6efbf; background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon-free-shipping.png); color: #000; background-size: auto; } .cart .alert-box.note-msg.valentine-msg { border-color: #e6efbf; background-color: #e6efbf; background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/valentines_day_icon.png); color: #000; background-size: auto; } .cart .alert-box.note-msg.easter-msg { border-color: #e6efbf; background-color: #e6efbf; background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/easter_icon.png); background-repeat: no-repeat; background-size: 40px auto; color: #000; } .cart .alert-box.note-msg.expo-msg { border-color: #e6efbf; background-color: #e6efbf; background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/P-0324_EK_EXPO_2020_Icon.png); background-repeat: no-repeat; background-size: 40px auto; color: #000; } .cart .alert-box.note-msg.quantum-power { border-color: #e6efbf; background-color: #e6efbf; background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/ek_quantum_gift.png); background-repeat: no-repeat; background-size: 40px auto; color: #000; } .cart .alert-box.note-msg.back-school { border-color: #e6efbf; background-color: #e6efbf; background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/back-school.png); background-repeat: no-repeat; background-size: 43px auto; background-position: 20px center !important; color: #000; } .cart .alert-box.note-msg.promo-msg { border-color: #fdf4eb; background-color: #fdf4eb; background-image: none; color: #000; background-size: auto; position: relative; } .cart .alert-box.note-msg.promo-msg:before { content: "%"; font-weight: bold; font-size: 18px; padding-left: 1px; width: 25px; height: 26px; text-align: center; line-height: 26px; border: 2px solid #f89836; color: #f89836; position: absolute; top: 20px; left: 25px; border-radius: 50%; } .note-msg, .notice-msg { background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon-info-new.png); background-size: 30px 30px; } .cart .alert-box.note-msg.halloween { border-color: #f89836; background-color: #f89836; background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon-halloween.png); color: #FFF; background-size: auto; } .cart .alert-box.note-msg.halloween strong { color: #FFF; font-size: 16px; line-height: 14px; font-weight: 700; display: block; } .block-layered-nav .block-subtitle--filter { padding-left : 25px; } /*amasty add to cart*/ #confirmBox { background : #fff; border : 1px solid #939393; -moz-box-shadow : 0 0 2px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow : 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow : 0 0 2px rgba(255, 255, 255, 0.6) inset; max-height: 96%; overflow: auto; } #confirmBox #messageBox { padding-top: 15px; } #messageBox .amcart-title>a { margin: 0 15px 0; } #messageBox .amcart-center-block { margin: 0; } #confirmBox h1, #confirmBox p { background : #fff; padding : 6px 5px; margin : 0; text-shadow : none; color : #646464; font-family : 'Open Sans', sans-serif !important; font-size : 14px; font-weight : 600; } #confirmBox h1 { letter-spacing : 0; color : #505050; font-weight : bold; font-size : 20px; background : #f4f4f4; } .ow_cart_total span { font-weight : 600 !important; } .ow_cart_total { color : #000 !important; font-weight : bold !important; } #am-a-count { color : #000 !important; } #confirmButtons { margin: 10px auto 20px; } .am-related-title { margin: 30px; } #confirmBox #confirmButtons:after { content: ""; display: block; clear: both; } #confirmButtons .button { display : inline-block; background : #aeafb3; color : white; position : relative; height : 40px; width : 140px; line-height : 40px; overflow : hidden; padding : 0 30px 0 30px; text-decoration : none; font-size : 13px; border : none; font-family : 'Open Sans', sans-serif !important; } #confirmButtons .gray { background-position : inherit; text-shadow : none; } .button { font-weight : 600; } #confirmButtons .blue { background : #f89900; text-shadow : none; } #confirmButtons .blue:hover, #confirmButtons .gray:hover { background-color: #646464; } .btn-checkout { background : #f89836; } .btn-checkout:hover { background : #333; } @media only screen and (min-width: 1200px) { #confirmBox { width: 60%; max-width: 900px; } #messageBox .amcart-center-block { margin: 0 auto; width: 60%; } .amcart-related-block .block-content.relatered-num-10 .product, .amcart-related-block .block-content.relatered-num-9 .product, .amcart-related-block .block-content.relatered-num-8 .product, .amcart-related-block .block-content.relatered-num-7 .product, .amcart-related-block .block-content.relatered-num-6 .product, .amcart-related-block .block-content.relatered-num-5 .product, .amcart-related-block .block-content.relatered-num-4 .product { width: 25%; } .amcart-related-block .block-content.relatered-num-3 .product { width: 33%; } .amcart-related-block .block-content.relatered-num-1 .product { width: 50%; margin: 0 auto; float: none !important; } } .amcart-related-block .block-content .product { min-height: 304px; position: relative; } .amcart-related-block .block-content .add-tocart { width: 150px; position: absolute; bottom: 0; left: 50%; margin-left: -57px; } .firecheckout-set a { color: #888; text-decoration: underline; } .firecheckout-set .product-name a { text-decoration: none; } .firecheckout-index-index .firecheckout-section { background : #fff; border : 1px solid #e5e5e5; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; margin-bottom : 10px; } .firecheckout-index-index .firecheckout-section .block-title .num { border : 1px solid #f89836; -moz-border-radius : 50%; -webkit-border-radius : 50%; border-radius : 50%; padding : 0; margin : 0; color : #fff; background : #f89836; font-size : 11px; width : 20px; height : 20px; display : inline-block; text-align : center; margin-right : 10px; line-height : 20px; } .firecheckout-index-index .qty-wrapper .qty-less, .firecheckout-index-index .qty-wrapper .qty-more { right : 0; background : none; border : none; cursor : pointer; } .firecheckout-index-index .qty-wrapper .qty-less:hover, .firecheckout-index-index .qty-wrapper .qty-more:hover { color : #f89836; } .firecheckout-index-index .firecheckout-section .block-title { background : #f4f4f4; border-bottom : 1px solid #d8d8d8; border-width : 0 0 1px 0; height : 19px; font-size : 16px; font-weight : bold; text-transform : uppercase; padding : 11px 0 11px 8px; margin : 0 0 15px 0; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; color : #2a2e31; position : relative; line-height : 21px; } .firecheckout-index-index .firecheckout-set input.input-text:hover, .firecheckout-index-index .firecheckout-set select:hover, .firecheckout-index-index .firecheckout-set textarea:hover, .firecheckout-index-index .firecheckout-set input.input-text:focus, .firecheckout-index-index .firecheckout-set select:focus, .firecheckout-index-index .firecheckout-set textarea:focus { border-color : #ccc; } .firecheckout-index-index .firecheckout-set #shipping-method-reset, .firecheckout-index-index .firecheckout-set #payment-method-reset { text-transform : lowercase; font-weight : normal; text-shadow : none; color : #999; cursor : pointer; background : none; border-radius : 4px; border : 1px solid #ccc; padding : 0 3px; position : absolute; font-size : 11px; top : 5px; right : 5px; margin : 0; display : none; } .firecheckout-set .sp-methods .checkmo-list label { text-align : left !important; float : left; padding-right : 0 !important; width : 100% !important; } .firecheckout-index-index .checkout-title h1 { color : #2a2e31; background : none; border : none; text-align : center; font-size : 24px; font-weight : bold; } .firecheckout-index-index .firecheckout-set input.input-text, .firecheckout-index-index .firecheckout-set select, .firecheckout-index-index .firecheckout-set textarea { height : auto; width : 100%; border : 1px solid #e5e5e5; border-color : #e5e5e5; -moz-border-radius : 1px; -webkit-border-radius : 1px; border-radius : 1px; } #checkout-review-table-wrapper .notice { color : #f89836; } .page-title h1, .page-title h2 { margin : 0; min-height : 1.3125em; color : #2a2e31; font-size : 24px; font-weight : bold; } .box-account .box-head h2 { color : #2a2e31; font-size : 18px; font-weight : bold; } .box-account .box-head { border-bottom : 1px solid #e5e5e5; margin : 0 0 25px; padding-bottom : 5px; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { font-size : 16px; font-weight : normal; text-transform : uppercase; } .mini-cart .mini-cart-content .actions button.btn-checkout { float : right; } .category-products-grid.hover-effect .item:hover { box-shadow : 0 0 15px rgba(0, 0, 0, 0.1); } .cart-table input.qty { width : 35px !important; height : auto; padding : 2px; } #currency-switcher-wrapper-regular .currency-switcher { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/header-sep.png) 100% 60% no-repeat; } #currency-switcher-wrapper-regular { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/header-sep.png) 0 60% no-repeat; } .data-table#shopping-cart-table tr td { /*border-right: 1px solid #dadadb;*/ vertical-align : middle; } .tooltip { display : inline; cursor : help; } .products-grid .product-name, h3.product-name { min-height : 36px; } .footer-primary-container { padding-top : 30px; padding-bottom : 20px; } .footer .button:hover, .footer .button:focus { background-color : #2b2b2b; color : #fff; } .products-grid .availability { float : none; margin : 5px 0; margin-bottom : 10px; /*display : inline-flex;*/ } .ow_b2b_b2c { float : right; padding : 0 10px; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/header-sep.png) 100% 55% no-repeat; padding-top : 2px; } .ow_customer a { color: #f89828!important; font-weight: 700; } .breadcrumbs li { float : left; font-size : 13px; } .catalog-product-view .main .inner-container { padding-left : 10px; padding-right : 10px; } .form-search .search-autocomplete ul { -moz-box-shadow : none; -webkit-box-shadow : none; box-shadow : none; } .searchautocomplete .highlight { display : block; line-height : 18px; font-size : 12px; margin-top : 5px; } .searchautocomplete .searchautocomplete-placeholder ul li a { text-decoration : none; font-weight : 600; line-height : 18px; display : block; font-size : 13px; color: #333; } .searchautocomplete .special-price { float : left; margin-left : 5px; } .searchautocomplete .old-price { float : left; } .searchautocomplete .searchautocomplete-placeholder .index-title { text-align : right; color : #4e4e4e; border-bottom : 1px solid #ccc; padding : 5px; background-color : #f4f4f4; text-align : center; font-weight : bold; text-transform : uppercase; } .searchautocomplete .searchautocomplete-placeholder { -webkit-border-radius : 0; -moz-border-radius : 0; border-radius : 0; background : #fff; border : 1px solid #ccc; -moz-box-shadow : 0 3px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow : 0 3px 10px rgba(0, 0, 0, 0.15); box-shadow : 0 3px 10px rgba(0, 0, 0, 0.15); } .searchautocomplete .searchautocomplete-placeholder ul li.active { background-color : #f4f4f4; box-shadow : none; cursor : pointer; } .searchautocomplete .searchautocomplete-placeholder .all a { color : #f89828; } .searchautocomplete .searchautocomplete-placeholder .all { text-align : center; margin : 10px 10px 5px 10px; text-transform : uppercase; font-weight : bold; color : #f89828; } .searchindex-results li a { font-size : 13px; font-weight : bold; color : #333; display : block; cursor : pointer; padding : 5px 10px; line-height : 20px; border : 1px solid transparent; border-bottom : none; -webkit-border-radius : 0; -moz-border-radius : 0; border-radius : 0; text-decoration : none; } .searchindex-results { margin-bottom : 10px; border-bottom : 1px solid #e5e5e5; } .searchindex-results li a:hover { background-color : #f1f1f1; background-image : none; background-image : none; background-image : none; background-image : none; background-image : none; background-repeat : repeat-x; filter : none; border : 1px solid #e5e5e5; border-bottom : none; } .searchindex-results li.active a { background-color : #f4f4f4; background-image : none; background-image : none; background-image : none; background-image : none; background-image : none; background-repeat : repeat-x; filter : none; border : 1px solid #e5e5e5; border-bottom : none; } .searchindex-related-terms { display : block; margin-bottom : 10px; } .searchindex-results li { margin-bottom : 0; float : left; margin : 0; } .col-main .searchindex-highlight { background-color : #f1f1f1; /* color: #fff; */ } .searchindex-result.searchindex-result-category li a { font-weight : 600; } .searchindex-result.searchindex-result-category li a:last-child { font-weight : bold; } .form-search .search-autocomplete ul li { position: relative; } .form-search .search-autocomplete ul li a.name { padding-right: 45px; } .form-search .search-autocomplete ul li .sticker-wrapper.top-right { top: 0; right: 0; } .form-search .search-autocomplete ul li .sticker-wrapper.top-right span.sticker.sale { height: 30px!important; width: 50px!important; } .special-price .sticker-wrapper { display: none; } .form-search .search-autocomplete .special-price .sticker-wrapper { display: block; } .ow_text_availability { float : left; } .ow_b2b_stock .availability:before { margin-left : 5px; } .ow_b2b_stock .availability, .ow_b2b_stock { font-size : 12px; } .customforms-fields-izjava { } .customforms-fields-izjava { float : none !important; width : 100% !important; } .cms-page-view .main .col-main .customforms- h2.legend { display : none; } .cms-page-view .main .col-main .customforms- ul li { margin-left : 0; list-style-type : none; } .cms-page-view .main .col-main ul li { list-style-type : disc; margin-left : 30px; } .cms-clearances .main .col-main ul li, .cms-new-products .main .col-main ul li { list-style-type : none; margin-left : 00px; text-align : center; } .cms-new-products-new .main .col-main ul li { list-style-type : none; margin-left : 00px; text-align : center; } .ow_ship_warning { display : block; clear : both; padding-top : 5px; } .header-container .form-search .search-autocomplete li:hover { color : #333; } .welcome-msg { margin-right : 10px; float : right; } #checkout-shipping-method-load dt, #co-shipping-method-form dt { display : none; } .ow_switch_text .ic-info, .ow_register_text .ic-info, .ow_eu_vat_id_text .ic-info { font-family : 'ThemeIcons' !important; } .ow_eu_vat_id_text, .ow_it_vat_iva_text { font-weight : normal; } .ow_register_text { padding : 0 98px; background-color : rgb(238, 238, 238); display : inline-block; padding-top : 10px; margin-bottom : 15px; text-align : center; } .ow_switch_text { padding : 5px; background-color : rgb(238, 238, 238); display : inline-block; margin-top : 5px; text-align : center; } .account-create .button { background-color : #f89828; color : #fff; } .account-create .button:hover { background-color : #eee; color : #333; } .button { font-size : 13px; } .ow_current_currency { display : none; } .ow_current_currency.ow_logiran_1 { display : block; } .msrp-price .price { font-size : 15px !important; font-weight : bold !important; color : #505050 !important; } .block-related .special-price .price { color : #2a2e31 !important; font-size : 16px; font-weight : bold; } /*.product-view .sticker-wrapper { right: auto; position: relative; top: -5px; }*/ /*.product-view .sticker-wrapper .sticker { height: 26px!important; font-size: 12px!important; width: 45px!important; }*/ .product-view .sticker-wrapper { right: 18px; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size : 30px; } .regular-price { font-size : 17px; font-weight : bold; } .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .price-box.map-info .old-price .price, .product-view .ow_bottom_cart .old-price .price { font-size : 13px; font-weight: normal; color: #F40009; } .block-upsell .price, .block-related .price { white-space : initial !important; } #coupon-cancel, #coupon-apply, #giftcard-add { line-height : 27px; margin-top : 2px !important; } .firecheckout-section .discount-form label { margin-bottom : 5px; display : block; } #order-comment { resize : none; } .header-mobile a.skip-nav { text-decoration : none; color : #f89828; } .skip-link .count { background-color : #333; } .mini-cart .mini-cart-heading .ic { font-size : 16px; line-height : 1em; color : #f89829; } .ow_view_all { font-size : 14px; font-weight : normal; margin-left : 10px; display : inline-block; float: right; font-family : 'Open Sans', sans-serif !important; } .slider-arrows1 .owl-controls .owl-buttons { top: -35px; } .availability small { font-size : 11px; display : block; } .products-grid.size-s .item .btn-cart { margin-top : 5px; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width : auto; height : auto; } .widget-new-products .button { line-height : 3em; padding-left : 15px; padding-right : 15px; margin-top : 5px; } .widget-new-products .products-grid .item, .widget-viewed .products-grid .item, .widget-compared .products-grid .item { /* float: none; */ max-width : inherit; padding : 0px 0; padding-left : 1%; padding-right : 1%; /* padding: inherit; */ } .cms-new-products .pager { margin : 10px 0; padding : 0px 0; border-top : 0px solid #e5e5e5; border-bottom : 0px solid #e5e5e5; } /* Urejal Janez @Optiweb - forma za b2b registracijo */ #optiweb-form ul li, .cms-page-view .main .col-main ul.messages li { list-style-type : none; margin-left : 0px; } .widget-new-products-frontpage .first { clear : both; } .widget-new-products img, .widget-new-products-frontpage img { height : auto; } .products-list .product-name, .products-grid .product-name, h3.product-name, .products-grid.size-s .product-name { font-size : 1.1666em; line-height : 1.2307em; } .ow_support_page a.ow_rma_button_link { max-height : 38px; padding : 5px 15px; } /* Added by Janez @Optiweb 22.7.2015 - show express paypal button on product page */ .product-view .paypal-wrapper { padding-left : 20px; } .product-view .paypal-wrapper .paypal-logo { padding : 0px; } .product-view .paypal-wrapper .paypal-logo .paypal-or { margin : 0px 60px 0px 0; } .product-view .ow_bottom_cart .paypal-wrapper .paypal-logo { padding : 5px 0 0; } .product-view .ow_bottom_cart .paypal-wrapper { padding-left : 0px; } .product-view .ow_bottom_cart .paypal-wrapper .paypal-logo .paypal-or { margin : 5px 60px 5px 0; } #header-cart .ow_cart_shipping, #header-cart .shipping { font-weight : normal; } .cms-ek-predator-countdown .main.container, .cms-ek-predator-countdown .main-container { background : #000; border : none; padding : 100px 0; } .cms-ek-predator-countdown .header-regular .hp-blocks-holder .hp-block { padding-top : 25px; } .cms-ek-predator-countdown #Stage_jbeeb_3 { left : 23% !important; } .cms-ek-predator-countdown .ow_counter { margin : 125px auto; display : block; } .predator_text { margin-bottom : 50px; } .cms-ek-predator-countdown .wrapper { border : none; } .cms-ek-predator-countdown .header-primary-container, .cms-ek-predator-countdown .breadcrumbs, .cms-ek-predator-countdown .header-top-container, .cms-ek-predator-countdown .header-regular .right-column, .cms-ek-predator-countdown .header-regular .central-column, .cms-ek-predator-countdown .nav-container, .cms-ek-predator-countdown .footer-top-container, .cms-ek-predator-countdown .footer-primary-container { display : none !important; } #confirmButtons .button span { background : none !important; } .checkout-title .firecheckout-login-wrapper a { text-decoration: none; color: #fff; background: #f89828; display: inline-block; padding: 5px 15px; border-radius: 5px; font-size: 14px; line-height: 19px; } .checkout-title .firecheckout-login-wrapper a:hover { background: #333; } .checkout-title .firecheckout-login-wrapper { float: left; margin: 1px 0 0 15px; } /* rusia add text DIG-665 */ .small-text, .small-text p{ font-size: 9px; margin-bottom: 10px; } .form-checkoutfields #ow_checkout_tm_field2 { cursor: pointer; } .form-checkoutfields #ow_checkout_tm_field2:before { display: inline-block; content: " "; width: 16px; height: 16px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon-info-new-small.png) right 0 no-repeat; left: 5px; top: 2px; position: relative; } #customer_id_number_notice_checkout { display: none; } #customer_id_number_notice_checkout.on { display: block; } @media (max-width: 520px) { .checkout-title .firecheckout-login-wrapper { float: none; margin: 10px 0 10px 0; text-align: center; } .firecheckout-index-index .checkout-title h1 { float: none !important; } } sup { font-size : 11px; vertical-align : super; } .box-description ul li { list-style-type : disc; margin-left : 30px; } iframe { border : none; } .embed-container { position : relative; padding-bottom : 56.25%; height : 0; overflow : hidden; max-width : 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position : absolute; top : 0; left : 0; width : 100%; height : 100%; } .main-container { overflow-x : hidden; } .box-description a { text-decoration : underline; } /* Urejal Janez @Optiweb - EKWB Buy Offers START */ .ow-buy-offers .buy-offer-items .item .products .totals p.buy-offer-notice { font-size : 11px; font-weight : normal; } .ow-buy-offers .buy-offer-items .item { overflow : hidden; clear : both; border : 1px solid #e7e7e7; margin-bottom : 20px; } .ow-buy-offers .buy-offer-items .item .item-header { padding : 10px 20px; background : #838383; color : white; font-size : 14px; font-weight : 600; background : #000; border-bottom : 5px solid #ba9765; } .ow-buy-offers .buy-offer-items .item .item-header p.product-name { font-weight : 600; } .ow-buy-offers .buy-offer-items .item .item-header a:hover { color : white; text-decoration : underline; } .ow-buy-offers .buy-offer-items .item input, .ow-buy-offers .ow-base-product-price, .ow-buy-offers .buy-offer-items .item .products .product .price-label { display : none; } .ow-buy-offers .buy-offer-items .item .item-content p { text-align : center; margin-top : 10px; } .ow_testiram .ic-youtube { margin-right : 8px; vertical-align : middle; } .ow-buy-offers .buy-offer-items .item .item-content { padding : 10px 20px; overflow : hidden; clear : both; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/kvadratki_ekwb.png) 100% 100% no-repeat; background-size : contain; } .ow-buy-offers .buy-offer-items .item .products { overflow : hidden; clear : both; } .ow-buy-offers .buy-offer-items .item .products .product { float : left; text-align : right; margin-top : 30px; } .ow-buy-offers h3 { font-size : 14px; } .ow-buy-offers .buy-offer-items .item .products .product img { /*height: 100px;*/ border : 1px solid #e7e7e7; } .ow-buy-offers .buy-offer-items .item .products .product .product-price { text-align : center; padding : 5px 5px 0px 5px; } .ow-buy-offers .buy-offer-items .item .products .product .product-price .price-box .price { font-size : 14px; } .ow-buy-offers .buy-offer-items .item .products .product-delimiter { margin-left : 40px; margin-right : 40px; height : 100px; width : 26px; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/plus_ekwb.png) 50% 50% no-repeat; } .ow-buy-offers .buy-offer-items .item .products .product-delimiter p { font-size : 24px; font-weight : bold; line-height : 100px; text-align : center; } .ow-buy-offers .buy-offer-items .item .products .totals { float : none; margin-top : 35px; margin : 0 auto; display : block; text-align : center; padding-top : 10px; } .ow-buy-offers .buy-offer-items .item .products .totals p { font-size : 15px; font-weight : bold; color : #2a2e31; padding-top : 4px; display : inline; } .ow_totals_additional .price-box .price { color : #f89828; line-height : 30px; font-size : 16px; } .ow_totals_additional .price-box { display : inline; } .ow-buy-offers .buy-offer-items .item .products .totals p span { color : #f89828; line-height : 30px; font-size : 20px; } .product-view .btn-buy-offer { min-width : 170px; background-color : #f89828; color : #fff; line-height : 55px; font-size : 1.1666em; color : #fff; font-weight : 600; border : none; cursor : pointer; padding-left : 20px; padding-right : 20px; margin-top : 20px; transition : color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition : color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition : color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition : color 300ms ease-in-out, background-color 300ms ease-in-out; } .product-view .btn-buy-offer:hover { background : #333; } #scroll-to-top { bottom : 75px; } .ow_support_page .grid12-4 .inner { border : 1px solid #e5e5e5; padding : 20px; text-align : center; color : #848484; font-size : 14px; } .ow_dl_center .inner { border : 1px solid #e5e5e5; padding : 20px; text-align : left; color : #848484; overflow : hidden; font-size : 14px; } .ow_support_page a:hover { opacity : 0.8; } .ow_support_page a { color : #fff; text-decoration : none; background : #fdaa3d; padding : 15px; min-width : 150px; margin : 5px 0; display : inline-block; transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -moz-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -webkit-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -o-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; } .ow_dl_center h3 { padding-top : 15px; } .ow_dl_center h3:before { content : ""; display : inline-block; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/download-center.png) 0 0 no-repeat; width : 60px; margin-bottom : -4px; height : 27px; } .ow_dl_center a:hover { opacity : 0.8; } .ow_dl_center a { color : #fff; text-decoration : none; background : #4e4e4e; padding : 15px; min-width : 150px; margin : 5px 0; display : inline-block; transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -moz-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -webkit-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -o-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; min-width : 250px; float : right; text-align : center; } .ow_dl_center h3, .ow_support_page h2 { font-size : 20px; font-weight : normal; color : #424242; margin-top : 5px; margin-bottom : 15px; } .ow_support_page .grid12-4 img { margin-top : -55px; } .ow_dl_center, .ow_support_page .grid12-4 { background : #f4f4f4; border-radius : 2px; margin-top : 40px; } .cms-three-ways-to-order .page-title h1 { text-align : center; margin-top : 15px; } .cms-three-ways-to-order .blog_sidebar { margin: 0 0 20px; } .cms-three-ways-to-order .blog_sidebar li { list-style: none !important; margin: 0 !important; } .cms-three-ways-to-order .blog_sidebar li span.date { color: #848484; padding-right: 30px; min-width: 130px; display: inline-block; } .cms-three-ways-to-order .button-all-news { color: #fdaa3d; text-decoration: underline; } .cms-three-ways-to-order h2 { text-align : center; margin-top : 15px; min-height: 1.3125em; color: #2a2e31; font-size: 24px; font-weight: bold; } .cms-three-ways-to-order .main.container, .cms-support .main.container { border : none; } .ow_1column input.input-text, .ow_1column select, .ow_1column textarea { background : #eee; } .ow_1column .footer-copyright { text-align : center; color : #636363; } .ow_1column .inner-container { padding-left : 40px; padding-right : 40px; } .ow_1column .main.container { border : 1px solid #e7e7e7; } .ow_1column .buttons-set p.required { float : none; text-align : center; margin : 0; font-style : italic; padding-top : 10px; } .ow_1column .form-list .ow_field { margin-bottom : 20px; } .ow_1column .buttons-set .button:hover { opacity : 0.8; } .ow_1column .buttons-set .button { background-color : #f89828; color : #fff; float : none; margin : 0; font-size : 14px; transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -moz-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -webkit-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -o-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; } .ow_1column .buttons-set { text-align : center; border : none; } .ow_1column .form-list select, .ow_1column .form-list input.input-text, .ow_1column .form-list .field { width : 100%; } .customer-account-login.ow_1column .account-login .new-users p { margin-bottom : 96px; } .customer-account-forgotpassword.ow_1column .page, .customer-account-login.ow_1column .page { height : 93vh; } .ow_1column .page, .ow_1column .wrapper { background-color : #f4f4f4; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/1column_body_bg.png) 100% 100% repeat-x; } .ow_1column .ow_1column_header { text-align : center; margin : 40px 0; } .customer-account-login.ow_1column .grid12-6 { background : #fff; } .customer-account-login.ow_1column .registered-users .buttons-set .button { background-color : #4e4e4e; } .customer-account-login.ow_1column .account-login .buttons-set a { float : none !important; font-style : italic; text-decoration : underline; margin-left : 20px; color : #717171; } .customer-account-login.ow_1column .buttons-set p.required { text-align : left; } .customer-account-login.ow_1column .buttons-set { text-align : left; } .customer-account-login.ow_1column .account-login h2 { border : none; color : #333; size : 20px; } .customer-account-login.ow_1column .grid12-6 .content { border : 1px solid #e7e7e7; padding : 40px; min-height : 260px; font-size : 14px; color : #717171; } .customer-account-login.ow_1column .main.container { border : none; background : none; padding : 0; } .customer-account-login.ow_1column .inner-container { padding : 0; } @media only screen and (max-width : 767px) { .ow_1column .form-list textarea { max-width : 100%; width : 100%; } } /* Urejal Janez @Optiweb - EKWB Buy Offers END */ #payment-method .tool-tip { margin-left : 22px; position : absolute; z-index : 1000; background : #fff; padding : 10px; border : 1px solid #ccc; box-shadow : 0 3px 10px rgba(0, 0, 0, 0.15); } /*Urejal Anze @Optiweb - EKWB LiveSearch START*/ body .ui-corner-all { border-radius : 0; -moz-border-radius : 0; -webkit-border-radius : 0; } .form_section { width : 100%; min-height : 105px; padding : 0; margin-top : 0px; margin-bottom : 10px; font-size : 13px; background-color : #fff; } .form_section ul { padding : 5px; } .quick_search { border : none; margin-top : -18px; padding : 11px; margin-left : 20px; font-size : 13px; line-height : 20px; width : 450px; } .ow_ls_img { display : inline-block; margin-right : 15px; padding-top : 12px; } #jquery-live-search { background : #fff; padding : 0px; height : 250px; overflow : auto; position : absolute; z-index : 99; border : 1px solid #a9a9a9; border-width : 0 1px 1px 1px; -webkit-box-shadow : 5px 5px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow : 5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow : 5px 5px 5px rgba(0, 0, 0, 0.5); } .ow_newhardware:hover, .ow_newhardware { text-decoration : underline; } #jquery-live-search a { color : #333; } #jquery-live-search a:hover { color : #f79123; } #jquery-live-search .form_title a, #jquery-live-search .form_title a:hover, #jquery-live-search .form_title a:visited, #jquery-live-search .form_title a:link, #jquery-live-search .form_title a:active { color : #fff; } .form_title { background-color : #f29026; padding : 8px 5px; margin-bottom : 10px; color : white; font-weight : bold; font-size : 14px; background : #838383; } .form_section .form_title { background : #f89828; } /*Urejal Anze @Optiweb - EKWB LiveSearch START*/ .footer-top a:hover { text-decoration : underline; } .footer-top a { color : #fff; } /* RMA JANEZ INLINE*/ .order-input-sku, .order-input-qty { padding : 5px 10px; margin-bottom : 5px; } .input_fields_wrap { padding-bottom : 10px; border-bottom : 1px solid #e5e5e5; margin-bottom : 10px; } .input_fields_items { padding-bottom : 10px; border-bottom : 1px solid #e5e5e5; margin-bottom : 10px; } .input_fields_wrap span { font-weight : bold; margin-right : 5px; } .input_fields_wrap span.order-span-qty { margin-left : 10px; } .input_fields_wrap a { /* font-weight: bold; font-style: italic; margin-left: 10px; color: #EE001C; */ } .input_fields_wrap .ow_field_row { clear : both; overflow : hidden; padding-top : 10px; border-top : 1px solid #e5e5e5; } .input_fields_wrap .ow_field_row .ow_field.ow_remove { float : right !important; } .input_fields_wrap .ow_field_row .ow_field { /* width: 250px; */ } .input_fields_wrap .ow_field_row .rma-validate-notice { clear : both; display : block; font-weight : normal; background : #b94917; color : #fff; padding : 5px 10px; font-size : 12px; margin-bottom : 5px; margin-top : 5px; } .remove_field { /* padding: 5px; border: 1px solid red; overflow: hidden; clear: both; float: left; */ } .remove_field:hover { /* color: white; background: red; */ } /* END RMA JANEZ INLINE*/ /* RMA */ .ow_rma_proceed { display : inline-block; background : #616161; color : #fff; margin-left : 10px; margin-top : 21px; line-height : 40px; padding : 0 30px; } .ow_rma_select #order_id { height : 40px; } .ow_rma_select { float : left; } .ow_rma_purchase label input { margin-right : 5px; } .ow_rma_purchase label { display : block; font-weight : normal; float : none; cursor : pointer; font-size : 14px; line-height : 24px; } .ow_rma_number { margin-right : 10px; background : #c2c2c2; color : white; border-radius : 50%; width : 24px; height : 24px; padding : 4px; line-height : 24px; text-align : center; font-weight : bold; } .ow_rma_title { display : block; overflow : hidden; clear : both; padding-bottom : 5px; border-bottom : 1px solid #dbdbdb; margin-bottom : 20px; } .ow_rma_title h4 { color : #414141; font-weight : 600; line-height : 30px; } .ow_rma_title h4, .ow_rma_title .ow_rma_number { float : left; } .ow_rma_step1, .ow_rma_step1_substep, .ow_rma_step2, .ow_rma_step3 { background : #f4f4f4; padding : 15px; margin-bottom : 20px; } .ow_rma_date { background : #fff url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/rma_date.png) no-repeat scroll 95% 50% !important; min-width : 200px; } .ow_rma_step1 label { font-weight : bold; margin-bottom : 5px; display : block; font-size : 14px; } .ow_rma_inline #order_address_id { max-width : 350px; } .ow_rma_inline { display : inline-block; margin-right : 10px; vertical-align : top; } p.ow_rma_inline { margin-top : 33px; } .ow_rma_plus { display : inline-block; margin-right : 5px; font-weight : bold; color : #9e9e9e; margin-left : 15px; font-size : 19px; vertical-align : middle; } .ow_rma_step1_substep label { font-weight : bold; display : inline-block; margin-right : 5px; font-size : 14px; } .ow_rma_ext { display : inline-block; } .ow_rma_upload .ow_rma_files { background : #fff; padding : 10px; border : 1px solid #dbdbdb; display : inline-block; } .ow_rma_files_warning { display : inline-block; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/rma_klicaj.png) 0 50% no-repeat; padding-left : 25px; margin-left : 10px; font-weight : bold; line-height : 20px; } .ow_rma_upload { margin-top : 15px; } .ow_rma_remove span { margin : 0; font-size : 20px; } .ow_rma_remove { background : #616161; color : #fff; border-radius : 50%; padding : 5px; text-align : center; float : right; vertical-align : middle; width : 20px; height : 20px; line-height : 20px; } .order-input-qty { width : 50px !important; } .add_field_button .ow_rma_plus { display : inline-block; margin-right : 5px; font-weight : bold; color : #9e9e9e; margin-left : 0; font-size : 19px; vertical-align : middle; } .add_field_button:hover { color : #f89828; } .add_field_button { padding : 5px 10px; margin-bottom : 10px; background : none; border : none; font-weight : bold; font-size : 14px; cursor : pointer; } .ow_rma_step3 p { line-height : 45px; } .ow_rma_next { float : right; background : #f89828; font-size : 14px; color : #fff; } .rma-items .rma-one-item .item-description { width : 100%; float : none; border-right : 0px solid #ededed; } .rma-items .rma-one-item .item-options { border-left : 0px solid #ededed; margin-left : 0; padding-left : 0; width : 90%; float : none; background : #f4f4f4; padding : 15px; overflow : hidden; } .rma-items .rma-one-item .item-description .ow_name { margin-left : 20px; display : inline-block; font-size : 16px; margin-top : 42px; width : 60%; } .rma-items .rma-one-item .item-description b { margin-left : 0; } .rma-items .rma-one-item .item-description img { /* width: 150px; */ /* float: left; */ /* margin-left: 10px; */ float : none; display : inline-block; width : 100px; } .rma-items .rma-one-item .item-description input { float : none; display : inline-block; } .rma-items .rma-one-item .item-options select, .rma-items .rma-one-item .item-options input, .rma-items .rma-one-item .item-options textarea { width : 100%; } .rma-items .rma-one-item .item-options > div label { width : auto; display : block; float : none; margin : 0; margin-bottom : 5px; font-weight : 600; } .ow_rma_titles, .ow_rma_title_select_items { background : #f4f4f4; padding : 10px 15px; border : none; font-weight : bold; font-size : 16px; } .rma-items .rma-one-item .item-options > div .total-qty { position : relative; left : 5px; top : 2px; } .ow_rma_attachment .small { font-size : 12px; } .ow_rma_attachment { padding : 10px; border : 1px solid #dbdbdb; } .ow_rma_extra_notice { float : right !important; clear : none !important; line-height : 9px; margin-right : 10px; } .ow_rma_start_btn, .ow_rma_btn_set button.button { background-color : #f89828; color : #fff; } .ow_rma_btn_set { border : none; background : #f4f4f4; height : 45px; padding : 10px; } .rma-italic { font-family : 'Open Sans', sans-serif !important; font-style : italic; } .ow_rma_comment_area { width : 100% !important; } .rma-history div.fieldset h2.legend { font-family : 'Open Sans', sans-serif !important; font-style : italic; font-weight : bold; font-size : 14px; } .ow_rma_blok .ow_rma_titles { padding : 10px 0px; } .ow_rma_blok { background : #f5f5f5; padding : 15px; } .rma-items .rma-one-item:nth-child(even) { clear : left; } .rma-items .rma-one-item .item-description input[type=checkbox] { display : none; } .rma-items .rma-one-item .item-description input[type=checkbox] + label { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/rma-checkbox.png) 0 0 no-repeat; height : 35px; width : 35px; display : inline-block; padding : 0 0 0 0px; cursor : pointer; margin-top : 30px; } .rma-items .rma-one-item .item-description input[type=checkbox]:checked + label { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/rma-checkbox.png) -40px 0 no-repeat; height : 35px; width : 35px; display : inline-block; padding : 0 0 0 0px; margin-top : 30px; } .rma-history div.fieldset { padding : 5px 10px; margin : 10px 0px; border-radius : 0; font-size : 13px; } .rma-items .rma-one-item .item-options #another-rma { clear : both; } /* END RMA */ .rma-view .pull-right { float : none; } .rma-confirmation-form { z-index : 5000; } .rma-confirmation-form .close { top : 2px; } .rma-confirmation-form-overlay { z-index : 2000; } .rma-confirmation-form h2 { font-family : "Open Sans", georgia, serif; color : #f89828; font-size : 14px; font-weight : bold; margin-bottom : 20px; } /** Urejal Cankar - dodan nov blok START */ div.grid12-3.ow_kits { width : 15.25% } div.grid12-4.ow_kits { width: 20.3%; } div.grid12-4.ow_kits ul{ min-height: 132px; } .grid12-3.ow_kits4, .grid12-4.ow_kits4 { margin-right : 0 } .grid12-3.ow_kits section h3, .grid12-4.ow_kits section h3 { font-size : 18px; min-height: 50px; margin-bottom:15px; } .grid12-3.ow_kits section li, .grid12-4.ow_kits section li { list-style: disc; margin-left: 1.5em; font-size: 12.5px; } div.grid12-3.ow_kits section, div.grid12-4.ow_kits section { min-height : 260px } @media only screen and (max-width: 1230px) { div.grid12-3.ow_kits { width: 28.25%; } div.grid12-4.ow_kits { width: 19.8%; } } @media only screen and (max-width: 1100px) { div.grid12-3.ow_kits, div.grid12-4.ow_kits { width: 43.3% } div.grid12-3.ow_kits section, div.grid12-4.ow_kits section { min-height : 0 } } @media only screen and (max-width: 767px) { div.grid12-3.ow_kits ul, div.grid12-4.ow_kits ul { max-width: 90%; margin : auto; } } .nav-2 .dd-itemgrid-4col>.nav-item { width :18% } /** dodan nov block END */ /*harej 1.6.2016 - dodal stile za kits podstran*/ .grid12-3.ow_kits h3, .grid12-4.ow_kits h3 { font-size : 23px; text-transform : none; text-align : center; font-weight : bold; margin-bottom : 20px; } .grid12-3.ow_kits, .grid12-4.ow_kits { /* display: table-cell; */ margin-left : 0%; width : 20%; /* float: none; */ padding-top : 23px; padding-left : 22px; padding-right : 23px; position : relative; color : #fff; z-index : 1; margin-bottom : 25px; } .ow_kits1:before { background-color : #00a0dd; } .ow_kits2:before { background-color : #83a143; } .ow_kits3:before { background-color : #bb6b1a; } .ow_kits4:before { background-color : #ad0513; } .ow_kits5:before { /* gaming */ background-color : #873399; } .ow_kits:before { content : ""; display : block; position : absolute; width : 98%; height : 67%; top : 0; left : 1%; z-index : -1; visibility : visible; } .ow_heading_h4 { display : none; } .grid12-3.ow_kits section, .grid12-4.ow_kits section { /* min-height: 180px; */ min-height : 215px; } .grid12-3.ow_kits li, .grid12-4.ow_kits li { list-style : disc inside; margin-left : 1em; padding : 3px 0; } .grid12-3.ow_kits h4, .grid12-4.ow_kits h4 { font-size : 21px; color : #252525; text-align : center; float : none; } .grid12-3.ow_kits .ow_kits_button a, .grid12-4.ow_kits .ow_kits_button a { border-radius : 3px; padding : 10px; font-size : 12px; text-decoration : none; display : inline-block; border-bottom-style : solid; border-bottom-width : 1px; margin : 3px 0; line-height : 1.2em; position : relative; font-weight : normal; text-align : center; max-width : 100%; min-width : 100%; padding : 12px 0px 10px; font-size : 13px; } @media only screen and (max-width : 1720px) and (min-width : 1370px) { .grid12-3.ow_kits section, .grid12-4.ow_kits section { min-height : 215px; } } @media only screen and (max-width : 1196px) { .grid12-3.ow_kits, .grid12-4.ow_kits { margin-left : 0%; width : 44%; padding-left : 22px; padding-right : 23px; text-align : center; margin-bottom : 50px; } } @media only screen and (max-width : 962px) { .grid12-3.ow_kits, .grid12-4.ow_kits { width : 43%; padding-left : 20px; padding-right : 20px; } } @media only screen and (max-width : 767px) { .grid12-3.ow_kits, .grid12-4.ow_kits { padding-left : 0; padding-right : 0; } .grid12-3.ow_kits section, .grid12-4.ow_kits section { min-height : 180px; } } .category-kits .main .breadcrumbs { display : none; } /*harej end kits custom page*/ .ow_product_prefilled a { min-width : 170px; background-color : #dadadb; line-height : 40px; font-size : 1.1666em; color : #000; font-weight : 600; border : none; cursor : pointer; display : inline-block; text-align : center; padding : 0 20px; } .ow_product_prefilled { display : block; text-align : center; margin : 10px 0; } #billing-address label span { font-weight : normal; font-style : italic; font-size : 12px; } /*WISHLIST*/ .ow_wishlist { display : inline-block; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/wand-new.svg); width : 17px; height : 17px; margin-right : 5px; } .product-view .add-to-links a .label { text-decoration : underline; } .product-view .add-to-links a { display : block; margin : 0; font-weight : 600; } .my-wishlist .price-box { float : left; line-height : 50px; margin-right : 10px; } .my-wishlist .product-name { margin-bottom : 10px; min-width : 300px; } .my-wishlist .add-to-cart-alt { margin-bottom : 0; } .my-wishlist input.qty { padding : 5px; width : 40px !important; height : 40px; float : right; margin-top : 5px; } .my-wishlist .btn-add { background-color : #f89828; color : #fff; } .my-wishlist .data-table td { padding : 10px; vertical-align : middle; } .my-wishlist .product-image { display : block; margin : 0 0 5px; margin : 0 auto; min-width : 70px; max-width : 70px; } /*END WISHLIST*/ .ow_agree_btn:hover { color : #fff; } .ow_agree_btn { background : #f89828; color : #fff; text-align : center; font-size : 13px; padding : 5px 10px; } .ow_extra_msg{ display: block; border: 1px solid #f89828; padding: 15px; background: #fff; color: red; margin-top: 10px; font-size: 13px; } /* CLC Banner */ .ow_clc_banner_wrapper { padding: 30px 0px; /*background: #4f4f4f url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/backg.png) 0 0 repeat-x;*/ background: #F8961B url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/backg-orange.png) 0 0 repeat-x; background-position: bottom left; } .ow_clc_banner_wrapper .ow_clc_content_wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, auto)); } .ow_clc_banner_wrapper .ow_clc_title { display: inline-block; color: #fff; font-size: 30px; line-height: 40px; /*font-family: 'magistralcregular', 'Open Sans';*/ /*font-size: 40px;*/ /*line-height: 48px;*/ font-family: "DINProBold"; } .ow_clc_banner_wrapper .ow_clc_description { display: inline-block; color: #fff; margin-left: 30px; font-size: 18px; /*font-size: 24px;*/ /*line-height: 30px;*/ font-family: "DINProRegular"; font-weight: 600; display: flex; align-items: center; } .ow_clc_banner_wrapper .ow_clc_btn { display: inline-block; float: right; position: relative; } .ow_clc_banner_wrapper .ow_clc_btn a { padding: 10px 40px 10px 15px; display: inline-block; /*text-transform: uppercase;*/ /*background-color: #f89828;*/ /*color: #fff;*/ font-size: 16px; position: relative; background-color: #fff; color: #000; border-radius: 28px; /*font-size: 20px;*/ /*line-height: 30px;*/ font-family: "DINProBold"; } .ow_clc_banner_wrapper .ow_clc_btn a:hover { background: #e4e4e4; } .ow_clc_banner_wrapper .ow_clc_btn a:after { content: "\203A"; position: absolute; right: 20px; } /********** END CLC BANNER ***********/ .ow_alert_link:before{ background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/ow_notice.png) 0 0 no-repeat; background-size: 26px auto; padding-right: 40px; content: ""; height: 32px; display: inline-block; float: left; } .ow_alert_box .ow_alert_content{ display: block; overflow: hidden; } .ow_alert_box span.ow_alert_icon{ background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/caution_yellow.png) 0 0 no-repeat; background-size: 26px auto; padding-right: 40px; content: ""; height: 45px; display: inline-block; float: left; } .ow_alert_box .ow_al_txt{ display: block; margin-bottom: 11px; } .ow_alert_box{ background-color: #fccd01; color: black; padding: 20px; overflow: hidden; } /*responsive*/ @media only screen and (max-width : 1278px) { /* Buy Offers */ .ow-buy-offers .buy-offer-items .item .products .product-delimiter { margin-left : 20px; margin-right : 20px; height : 80px; } .ow-buy-offers .buy-offer-items .item .products .totals p { font-size : 14px; margin-right : 20px; } .ow-buy-offers .buy-offer-items .item .products .totals p span { font-size : 16px; } /* CLC Banner */ .ow_clc_banner_wrapper .ow_clc_btn { float: none; clear: both; display: block; text-align: center; margin-top: 20px; } /* END CLC Banner */ } @media only screen and (max-width : 1279px) and (min-width : 1101px) { .nav-regular .nav-item.level0 > a { padding : 0 14px; } } @media only screen and (max-width : 1100px) and (min-width : 1015px) { .nav-regular .nav-item.level0 > a { padding : 0 10px; } } @media only screen and (max-width : 1014px) and (min-width : 960px) { .nav-regular .nav-item.level0 > a { padding: 0 10px; font-size: 12.8px; } } @media only screen and (max-width : 1023px) { /* Buy Offers */ .product-view .btn-buy-offer { min-width : 140px; } } @media only screen and (max-width : 959px) { /* Buy Offers */ .ow-buy-offers .buy-offer-items .item .item-header { padding : 10px 20px; } .ow-buy-offers .buy-offer-items .item .products .product .product-price .price-box .price { font-size : 12px; } .product-view .btn-buy-offer { line-height : 40px; font-size : 1.1em; } .ow-buy-offers .buy-offer-items .item .products .product img { height : 80px; } .ow-buy-offers .buy-offer-items .item .products .totals-price { clear : right; } .ow-buy-offers .buy-offer-items .item .products .totals { margin-top : 10px; } /* CLC Banner */ .ow_clc_banner_wrapper .ow_clc_title { display: block; text-align: center; } .ow_clc_banner_wrapper .ow_clc_description { display: block; text-align: center; margin: 0px; margin-top: 10px; } .ow_clc_content_wrapper { padding: 0px 15px; } /* END CLC Banner */ } /* 768px <= width */ @media only screen and (min-width : 768px) { .header-primary { margin-top : -20px; padding-top : 0; padding-bottom : 15px; } .collapsible .block-title { cursor : default; } .ow_last_heading_delivery { /*margin-top:25px; */ margin-top : 15px; } .optiweb_become_our_reseller label, .optiweb_become_our_reseller textarea { width : 100%; } /* .optiweb_become_our_reseller textarea{ width: 540px; }*/ } @media only screen and (max-width : 768px) { a.level-top .ow_category_image { display : none; } .product-view .ow_bottom_cart .border { border : none; } .product-view .ow_bottom_cart .add-to-cart { float: left!important; } .product-view .ow_bottom_cart .add-to-cart .btn-cart { width: 100%; box-sizing: border-box; } #subscribe-form .input-box { width : 285px; } #subscribe-form { display : block; } .ow-buy-offers .buy-offer-items .item .products .product { float : none; text-align : center; display : block; margin : 0; margin-top : 15px; } .ow_clc_banner_wrapper .ow_clc_content_wrapper { grid-template-columns: 1fr; } } @media only screen and (max-width : 615px) { .ow_register_text { padding : 0 5px; width : 252px; background-color : rgb(238, 238, 238); display : inline-block; padding-top : 17px; margin-bottom : 15px; text-align : center; } .ow-buy-offers .buy-offer-items .item .products .product-delimiter { width : 15px; background-size : contain; margin-left : 15px; margin-right : 15px; height : 60px; } .ow-buy-offers .buy-offer-items .item .products .product img { height : 60px; } .product-view .btn-buy-offer { min-width : 120px; } } @media only screen and (max-width : 500px) { .welcome-msg { margin-right : 5px; text-align : center; margin : 0 auto; width : 100%; } .ow-buy-offers .buy-offer-items .item .products .totals p { padding-top : 0px; } .ow-buy-offers .buy-offer-items .item .products .totals-button { clear : both; } .ow-buy-offers .buy-offer-items .item .products .totals { margin-top : 20px; float : left; } .ow-buy-offers .buy-offer-items .item .products .totals-price { margin-left : 20px; } .ow-buy-offers .buy-offer-items .item .products .totals p span { line-height : 20px; } } @media only screen and (max-width : 550px) { .quick_search { width : 300px; } } @media only screen and (max-width : 479px) { .product-view .add-to-cart .btn-cart { display : inline-block; width : auto; } .header-top .item { /*float: right;*/ /* margin-left: 0; margin-right: 0;*/ } #currency-switcher-wrapper-regular, .ow_b2b_b2c, #currency-switcher-wrapper-regular .currency-switcher { background : none; } .footer-top-container .item { padding-top : 20px; } .header-container3 { background : #fff url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/backg.png) 0 35px repeat-x; } #confirmBox p { padding : 10px 5px; } } /* Urejal Janez @Optiweb - EKWB Quick order START */ .ow_b2b_quickorder table.excel { border-style : ridge; border-width : 1; border-collapse : collapse; font-family : sans-serif; font-size : 12px; } .ow_b2b_quickorder table.excel thead th, .ow_b2b_quickorder table.excel tbody th { background : #ccc; border-style : ridge; border-width : 1; text-align : center; vertical-align : bottom; } .ow_b2b_quickorder table.excel tbody th { text-align : center; width : 20px; } .ow_b2b_quickorder table.excel tbody td { vertical-align : bottom; } .ow_b2b_quickorder table.excel tbody td { padding : 0 3px; border : 1px solid #eee; } .ow_b2b_quickorder .ow_b2b_button { border : 0; background : #616161; padding : 10px 20px; margin-right : 20px; color : #333; color : white; font-size : 14px; text-decoration : none; display : block; float : left; line-height : 24px; } .ow_b2b_quickorder .ow_b2b_button:hover, .ow_b2b_quickorder .ow_b2b_button:hover { color : white; background : #f89828; text-decoration : none; cursor : pointer; } .ow_b2b_quickorder .ow_b2b_upload { padding : 10px 10px; line-height : 22px; background : white !important; border : 1px solid #dbdbdb; color : #7d7d7d !important; } .ow_b2b_quickorder { margin-top : 20px; } .ow_b2b_quickorder p { clear : both; overflow : hidden; } .ow_b2b_quickorder p.checkbox { color : #414141; padding-top : 10px; } .ow_b2b_quickorder p.checkbox input { margin-right : 5px; } .ow_b2b_quickorder_step { margin-bottom : 20px; display : block; overflow : hidden; clear : both; background : #f4f4f4; padding : 20px; } .ow_b2b_quickorder_title { display : block; overflow : hidden; clear : both; padding-bottom : 5px; border-bottom : 1px solid #dbdbdb; margin-bottom : 20px; } .ow_b2b_quickorder_title h4, .ow_b2b_quickorder_title .ow_b2b_quickorder_number { float : left; } .ow_b2b_quickorder_title h4 { color : #414141; font-weight : 600; line-height : 30px; } .ow_b2b_quickorder_step .ow_b2b_quickorder_number { margin-right : 10px; background : #c2c2c2; color : white; border-radius : 50%; width : 24px; height : 24px; padding : 4px; line-height : 24px; text-align : center; font-weight : bold; } .ow_b2b_quickorder p.msg { margin-bottom : 20px; font-size : 14px; color : white; background : #f89828; padding : 5px 10px; } .ow_b2b_quickorder_file_content { overflow : auto; max-height : 250px; border : 1px solid #ccc; padding : 10px; } .ow_b2b_quickorder_step p { font-size : 14px; font-weight : bold; color : #717171; } .ow_b2b_quickorder form { clear : both; overflow : hidden; display : block; } .ow_b2b_quickorder .loader .counter { text-align : center; } .ow_b2b_quickorder .show-cart { background-color : #f1f1f1; overflow : hidden; clear : both; } .ow_b2b_quickorder_step_last { border-top : 1px solid #dbdbdb; margin-top : 20px; } .ow_b2b_quickorder .show-cart .ow_b2b_button { float : right; } .ow_b2b_quickorder button#load { padding : 0 3em; outline : none; border : none; color : #fff; /*text-transform: uppercase;*/ /*font-weight: 700; letter-spacing: 1px; font-size: 1em;*/ line-height : 24px; font-size : 14px; overflow : hidden; padding : 10px 20px; /*border-radius: 5px; background: rgba(0,0,0,0.2);*/ background : #f89828; text-align : center; cursor : pointer; /*margin: 20px auto;*/ display : block; float : left; } .ow_b2b_quickorder button#load:hover { background-color : #f58708; } .ow_b2b_quickorder #loader-img { margin : 0 auto; display : block; } p.ow_b2b_quick_upload_notice, .ow_b2b_quickorder .log p { font-size : 12px; font-weight : normal; padding : 10px 10px; margin-bottom : 5px; color : #333; } p.ow_b2b_quick_upload_notice, .ow_b2b_quickorder .log p.success { background : #e1f4c7 url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon-success.png) 15px 50% no-repeat; padding-left : 40px; } .ow_b2b_quickorder .log p.error { background : #ffd8c7 url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon-error.png) 15px 50% no-repeat; padding-left : 40px; } .ow_b2b_quickorder .border { border : 3px solid #fff; border-radius : 5px; } .ow_b2b_quickorder_file_content table { border : 1px solid #dbdbdb; background : white; } .ow_b2b_quickorder_file_content table th { font-weight : bold; background : #c2c2c2; padding : 5px 20px; border : 1px solid #dbdbdb; } .ow_b2b_quickorder_file_content table td { padding : 5px 20px; border : 1px solid #dbdbdb; } /* Urejal Janez @Optiweb - EKWB Quick order END */ /* Urejal Janez @Optiweb - EKWB Estimate Delivery Date START */ p.ow_estimate_delivery_date { font-style : italic; color : #f89836; } p.ow_estimate_delivery_date.ow_with_padding { padding-left : 20px; } /* Urejal Janez @Optiweb - EKWB Estimate Delivery Date END */ /* Urejal Janez @Optiweb - EKWB Image auto height on product description START */ .ow_product_bottom img { height : auto; } /* Urejal Janez @Optiweb - EKWB Image auto height on product description END */ /* Urejal Janez @Optiweb - EKWB Footer payment image margin START */ .footer-primary .payments-content img { margin-bottom : 5px; } /* Urejal Janez @Optiweb - EKWB Footer payment image margin END */ /* Urejal Janez @Optiweb 5.2.2016 - podčrtovanje linkov znotraj CMS besedil START*/ .cms-page-view .col-main a { text-decoration : underline; } .cms-page-view .col-main .pager a, .cms-page-view .col-main .product-name a{ text-decoration : initial; } /*Izjema je stran three-ways-to-order ter support page*/ .col-main .ow_support_page a, .cms-three-ways-to-order .col-main a { text-decoration : none; } .catalog-category-view .category-description a { text-decoration : underline; } /* Urejal Janez @Optiweb 5.2.2016 - podčrtovanje linkov znotraj CMS besedil END*/ /* harej - quick order START */ .ow_icon-cart span.ic { font-size : 20px; margin-right : 10px; } .ow_b2b_button .ow_icon-file:before { content : ""; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon-xls.png) 0 0 no-repeat; display : inline-block; height : 16px; width : 12px; margin-right : 10px; margin-bottom : -2px; } .ow_b2b_button .ow_icon-upload:before { content : ""; background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icon-upload.png) 0 0 no-repeat; display : inline-block; height : 16px; width : 21px; margin-right : 10px; margin-bottom : -3px; } .ow_b2b_quickorder .ow_b2b_button.ow_qo_cart { background : #bcbdc0; } .ow_b2b_quickorder .ow_b2b_button.ow_qo_checkout { background : #fdaa3d; } .ow_quick_help { float : right; font-weight : bold; } /* harej - quick order END */ /* Habjan - bundled product - 31.3.2016 */ #product-options-wrapper { clear : left; } .price-box-bundle { clear : both; margin : 4px 0 15px; } /* Habjan - bundled product - 20.6.2016/21.6.2016 */ .ow_price_stock .ow-special-price { display : block; margin : 15px 0; clear : both; } #product-options-wrapper p.required { color : #d9595d; top : -25px; } #product-options-wrapper dt > label { font-size : 15px; color : #2a2e31; background-color : #f4f4f4; border-bottom : solid 1px #e5e5e5; display : block; padding : 10px 20px; margin-top : 25px; } #product-options-wrapper dt > label.required em { color : #d9595d; } #product-options-wrapper .ow-bundle-box { padding : 10px 0 10px 25px; } #product-options-wrapper .ow-bundle-box ul.options-list li { padding : 5px 0; } #product-options-wrapper .ow-bundle-box ul.options-list .label { margin-left : 30px; color : #464646; } #product-options-wrapper .ow-bundle-box ul.options-list .label .price-notice, #product-options-wrapper .ow-bundle-box ul.options-list .label .price-notice .price { color : #464646; margin-left : 0; float : right; font-style : italic; } #product-options-wrapper .ow-bundle-box ul.options-list .label.ow-selected label, #product-options-wrapper .ow-bundle-box ul.options-list .label.ow-selected .price-notice, #product-options-wrapper .ow-bundle-box ul.options-list .label.ow-selected .price-notice .price { font-weight : 600; font-style : normal; } #product-options-wrapper .ow-bundle-box .options-list input.radio, #product-options-wrapper .ow-bundle-box .options-list input.checkbox { visibility : hidden; } #product-options-wrapper .ow-bundle-box .options-list span.label { position : relative; } #product-options-wrapper .ow-bundle-box .options-list span.label > label { cursor : pointer; } /* Radio */ #product-options-wrapper .ow-bundle-box .options-list input.radio ~ span.label span.ow-radio-icon { display : block; position : absolute; height : 21px; width : 21px; left : -35px; top : calc(50% - 12px); background : #fff; border : solid 1px #ddd; -webkit-border-radius : 50%; -moz-border-radius : 50%; border-radius : 50%; transition : background 0.3s; } #product-options-wrapper .ow-bundle-box .options-list input.radio:checked ~ span.label span.ow-radio-icon { background : #f89828; border : solid 1px #f89828; } #product-options-wrapper .ow-bundle-box .options-list input.radio:checked ~ span.label span.ow-radio-icon:before { content : ""; position : absolute; height : 15px; width : 15px; left : 3px; top : 3px; background-image : url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/input-checked.png'); background-repeat : no-repeat; background-position : center center; } /* Checkbox */ #product-options-wrapper .ow-bundle-box .options-list input.checkbox ~ span.label span.ow-checkbox-icon { display : block; position : absolute; height : 21px; width : 21px; left : -35px; top : calc(50% - 12px); background : #fff; border : solid 1px #ddd; transition : background 0.3s; } #product-options-wrapper .ow-bundle-box .options-list input.checkbox:checked ~ span.label span.ow-checkbox-icon { background : #f89828; border : solid 1px #f89828; } #product-options-wrapper .ow-bundle-box .options-list input.checkbox:checked ~ span.label span.ow-checkbox-icon:before { content : ""; position : absolute; height : 15px; width : 15px; left : 3px; top : 3px; background-image : url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/input-checked.png'); background-repeat : no-repeat; background-position : center center; } #product-options-wrapper .qty-holder { margin-left : 20px; } #product-options-wrapper .qty-holder label { vertical-align : middle; line-height : 30px; border : solid 1px #ddd; border-right : none; display : inline-block; padding : 0 10px; } #product-options-wrapper .qty-holder input.qty { height : 32px; } /* Bundle product - 4.7.2016 */ .ow-product-type-bundle .price-as-configured .price-label { font-weight : normal; font-size : 1em; } .ow-product-type-bundle .price-as-configured .full-product-price .price { font-size : 1.4em; font-weight : normal; } .ow-product-type-bundle .ow-special-price .price-label { font-weight : bold; text-transform : uppercase; font-size : 1.3em; } .ow-product-type-bundle .availability { display : none; } .ow-span-tooltip > img { max-width : 350px; } @media only screen and (max-width : 1120px) { .ow-span-tooltip > img { max-width : 100%; } } .ow-bundle-box .ow-info-icon { font-family : monospace; font-weight : bold; color : #777; background : #fff; border : solid 1px #777; display : inline-block; width : 17px; height : 17px; line-height : 17px; text-align : center; border-radius : 50%; transition : background 0.3s, color 0.3s; } .ow-bundle-box .ow-info-icon:hover { background : #777; color : #fff; border : solid 1px #777; } /* User agent defined for Desktop app -- Habjan 8.4.2016 */ html[data-useragent*='EKWBLoop'] body.customer-account-create #top.header-container, html[data-useragent*='EKWBLoop'] body.customer-account-create div.footer-container, html[data-useragent*='EKWBLoop'] body.customer-account-create div.footer-bottom-container, html[data-useragent*='EKWBLoop'] body.customer-account-create .ow-cookie-wrapp, html[data-useragent*='EKWBLoop'] body.customer-account-create a.back-link { display : none !important; } /* Skrito dodatno polje v zaključku nakupa za shranjevanje Estimate delivery date */ #checkout-additional li#ow_checkout_tm_field4{ display: none; } /* skrit product description in textarea znotraj wishlist */ .my-wishlist .description, .my-wishlist textarea{ display: none; } .nav-regular li.level0.ow_fluidgaming .ow_fluidgaming_img { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/ek_fluid.png) center 10px no-repeat } .nav-regular li.level0.ow_fluidgaming span { color: #ec1d24 } .nav-regular li.level0.ow_fluidgaming:hover > a { background-color: #000 } .nav-regular li.level0.ow_fluidgaming:hover > a .ow_fluidgaming_img { background-position: center 10px } .social-links.ib-wrapper--square img { height: 28px; margin-right: 3px; margin-bottom: 0; } /* Mailer lite form in footer */ #mlb2-882826.ml-form-embedContainer { box-sizing: border-box; display: table; height: 100%; margin: 0 auto; position: static; width: 100% !important; } #mlb2-882826.ml-form-embedContainer h4, #mlb2-882826.ml-form-embedContainer p, #mlb2-882826.ml-form-embedContainer span, #mlb2-882826.ml-form-embedContainer button { text-transform: none !important; letter-spacing: normal !important; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper { box-sizing: border-box; display: inline-block !important; margin: 0; padding: 0; position: relative; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper.embedPopup, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 100%; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 100%; width: 100%; } #mlb2-882826.ml-form-embedContainer .ml-form-align-left { text-align: left; } #mlb2-882826.ml-form-embedContainer .ml-form-align-center { text-align: center; } #mlb2-882826.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; } #mlb2-882826.ml-form-embedContainer .ml-form-align-right { text-align: right; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img { border-top-left-radius: 0px; border-top-right-radius: 0px; height: auto; width: 100%; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { padding: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal { padding-bottom: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent { margin: 0 0 10px 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 { color: #fff; font-family: ThemeIcons, Open Sans, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 600; margin: 20px 0 10px 0; text-align: left; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p { color: #dedede; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; font-weight: 400; margin: 0 0 10px 0; text-align: left; padding: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a { color: #dedede; text-decoration: underline; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child { margin: 0; padding: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form { margin: 0; width: 100%; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow { margin: 0 0 20px 0; width: 100%; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm { margin: 0; padding: 0 0 20px 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow { margin: 0 0 10px 0; width: 100%; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item { margin: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal { margin: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { background-color: #969696; border: 1px solid #969696; color: #dedede; font-size: 12px; line-height: 20px; padding: 10px 10px; width: 100%; box-sizing: border-box; padding-right: 90px; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder { color: #333333; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder { color: #333333; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder { color: #333333; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder { color: #333333; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow { height: 42px; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { color: #333333; border-color: #cccccc; border-radius: 4px; border-style: solid; border-width: 1px; font-size: 14px; line-height: 20px; padding: 10px 10px; width: 100%; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background-color: #000000; border-color: #000000; border-style: solid; border-width: 1px; border-radius: 4px; box-shadow: none; color: #ffffff !important; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px !important; font-weight: 700; line-height: 20px; padding: 10px !important; width: 100%; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover { background-color: #333333; border-color: #333333; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] { display: inline-block; float: left; margin: 1px 0 0 0; opacity: 1; visibility: visible; appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: checkbox; height: 14px; width: 14px; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description { color: #000000; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; padding-left: 20px; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label { font-weight: normal; margin: 0; padding: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a { color: #dedede; text-decoration: underline; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p { color: #000000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 18px !important; margin: 0 5px 0 0; padding: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:first-letter { font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: normal !important; line-height: 18px !important; padding: 0 !important; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child { margin: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit { margin: 0 0 20px 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { background-color: #4e4e4e; border: none; box-shadow: none; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px !important; font-weight: 700; line-height: 20px; height: 42px; padding: 10px !important; width: 80px; position: absolute; top: 0; right: 0; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover { background-color: #2b2b2b; cursor: pointer; } .ml-subscribe-close { width: 30px; height: 30px; background: url(https://bucket.mlcdn.com/images/default/modal_close.png) no-repeat; background-size: 30px; cursor: pointer; margin-top: -10px; margin-right: -10px; position: absolute; top: 0; right: 0; } .ml-error input { background: #969696 url(https://bucket.mlcdn.com/images/default/error-icon.png) right 90px center no-repeat !important; background-size: 20px 20px !important; color: #fff !important; } .ml-error .label-description a{ color: #fff !important; background: url(https://bucket.mlcdn.com/images/default/error-icon.png) right center no-repeat !important; padding-right: 20px; background-size: 15px 15px !important; } #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a:hover {text-decoration: none;} #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder, #mlb2-882826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder {color: #dedede !important;} #mlb2-882826 form.ml-block-form .relative{position: relative;} @media only screen and (max-width: 400px){ .ml-form-embedWrapper.embedDefault { width: 100%!important; } .ml-form-formContent.horozintalForm { float: left!important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; } .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; } } /* END Mailer lite form in footer */ /*changing footer links*/ .footer-bottom a {color: #dedede;} .item.item-right.block_footer_payment {position: relative; display: block; padding-right: 0; line-height: 16px;} .block_footer_payment img {width: 60px; position: absolute; right: 0; top: 0;} .block_footer_payment img:hover {opacity: 0.6;} .item.item-right.block_footer_payment { display: flex !important; justify-content: center !important; left: 0 !important; float:initial !important; } .item.item-right.block_footer_payment > a {margin:0 0 0 5px} @media only screen and (max-width: 1450px){ .footer .item-right {position: relative; left: -50px;} } @media only screen and (max-width: 1350px){ .footer .item-right {position: relative; left: -100px;} } @media only screen and (max-width: 1250px){ .footer .item-right {position: relative; left: -120px;} } @media only screen and (max-width: 1120px){ .footer .item-left {float: none; text-align: center;} .item.item-right.block_footer_payment {float: none; width: 90px; display: block; left: 0; margin: 0 auto;} } @media only screen and (max-width: 1050px){ .footer-bottom-container {padding-bottom: 40px;} } @media only screen and (max-width: 450px){ .footer-bottom a {display: block; margin: 10px 0;} .footer-bottom span.sep {display: none;} } /*page table*/ table.pageTable {width: 100%; height: auto; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0;} table.pageTable thead tr th {background: #dddddd; color: #000; padding: 3px 5px; font-weight: 700; border-right: 1px solid #fff;} table.pageTable thead tr th:last-child {border-right: none;} table.pageTable tbody tr td {border: 1px solid #dddddd; color: #000; padding: 3px 5px;} /* hompeage section slider - coolingFirstTime, looking for compatible block*/ .ow_banners_fp .grid12-6 .feature {margin: 0;} .ow_banners_fp .grid12-6 .feature *{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .ow_banners_fp .grid12-6 .feature a.manIcons {min-height: 158px; margin: 0; text-align: left; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTime.png) no-repeat right 60px center; padding: 10px 0; padding-top: 15px; padding-right: 300px;} .ow_banners_fp .grid12-6 .feature a.manIcons:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTimeHover.png) no-repeat right 60px center; } .ow_banners_fp .grid12-6 .feature a.manIcons h3 {text-align: left; margin-bottom: 5px; font-weight: 600; font-family : 'Open Sans', sans-serif; font-size: 23px; text-transform: uppercase; color: #231f20;} .ow_banners_fp .grid12-6 .feature a.manIcons p {font-size: 17px; color: #2e2a2b; line-height: 22px;} .ow_banners_fp .grid12-6 .feature a.manIcons#coolingFirstTime p {padding-right: 40px;} .ow_banners_fp .grid12-6 .feature a.manIcons span {font-size: 17px; font-weight: 600; display: block; margin-top: 5px;} .ow_banners_fp .grid12-6 .feature a.manIcons:hover span {text-decoration: underline;} .ow_banners_fp .grid12-6 .feature #lookingFor {text-align: right; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingFor.png) no-repeat left 50px center; padding: 10px 0; padding-left: 300px;} .ow_banners_fp .grid12-6 .feature #lookingFor:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingForHover.png) no-repeat left 50px center; } .ow_banners_fp .grid12-6 .feature #lookingFor h3 {text-align: right;} .ow_banners_fp .grid12-6 .feature #lookingFor.slo {padding-left: 290px;} /*responsive*/ @media only screen and (max-width: 1200px){ .ow_banners_fp .grid12-6 .feature a.manIcons {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTime.png) no-repeat right 10px center; padding-right: 240px;} .ow_banners_fp .grid12-6 .feature #lookingFor {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingFor.png) no-repeat left 10px center;} .ow_banners_fp .grid12-6 .feature a.manIcons:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTimeHover.png) no-repeat right 10px center; } .ow_banners_fp .grid12-6 .feature #lookingFor:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingForHover.png) no-repeat left 10px center;} .ow_banners_fp .grid12-6 .feature #lookingFor {padding-left: 240px;} .ow_banners_fp .grid12-6 .feature a.manIcons#coolingFirstTime p {padding-right: 0;} } @media only screen and (max-width: 1100px){ .ow_banners_fp .grid12-6 .feature a.manIcons {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTime.png) no-repeat center top; padding-right: 0; padding-top: 160px;} .ow_banners_fp .grid12-6 .feature #lookingFor, .ow_banners_fp .grid12-6 .feature #lookingFor.slo {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingFor.png) no-repeat center top; padding-left: 0; padding-top: 160px;} .ow_banners_fp .grid12-6 .feature a.manIcons:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTimeHover.png) no-repeat center top;} .ow_banners_fp .grid12-6 .feature #lookingFor:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingForHover.png) no-repeat center top; } .ow_banners_fp .grid12-6 .feature a.manIcons p, .ow_banners_fp .grid12-6 .feature a.manIcons span, .ow_banners_fp .grid12-6 .feature a.manIcons h3, .ow_banners_fp .grid12-6 .feature #lookingFor h3, .ow_banners_fp .grid12-6 .feature a.manIcons {text-align:center;} } @media only screen and (max-width: 767px){ .ow_banners_fp .grid12-6 .feature a.manIcons { background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTime.png) no-repeat right center; padding: 10px 0; padding-top: 20px; padding-right: 300px;} .ow_banners_fp .grid12-6 .feature a.manIcons:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTimeHover.png) no-repeat right center; } .ow_banners_fp .grid12-6 .feature a.manIcons, .ow_banners_fp .grid12-6 .feature a.manIcons p, .ow_banners_fp .grid12-6 .feature a.manIcons span, .ow_banners_fp .grid12-6 .feature a.manIcons h3 {text-align: left;} .ow_banners_fp .grid12-6:last-child {margin-top: 20px;} .ow_banners_fp .grid12-6 .feature #lookingFor {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingFor.png) no-repeat left center; padding: 10px 0; padding-top: 20px; padding-left: 300px;} .ow_banners_fp .grid12-6 .feature #lookingFor:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingForHover.png) no-repeat left center; } .ow_banners_fp .grid12-6 .feature a.manIcons#lookingFor, .ow_banners_fp .grid12-6 .feature a.manIcons#lookingFor p, .ow_banners_fp .grid12-6 .feature a.manIcons#lookingFor span, .ow_banners_fp .grid12-6 .feature a.manIcons#lookingFor h3 {text-align: right;} } @media only screen and (max-width: 600px){ .ow_banners_fp .grid12-6 .feature a.manIcons {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTime.png) no-repeat center top; padding-right: 0; padding-top: 160px;} .ow_banners_fp .grid12-6 .feature #lookingFor, .ow_banners_fp .grid12-6 .feature #lookingFor.slo {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingFor.png) no-repeat center top; padding-left: 0; padding-top: 160px;} .ow_banners_fp .grid12-6 .feature a.manIcons:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTimeHover.png) no-repeat center top;} .ow_banners_fp .grid12-6 .feature #lookingFor:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingForHover.png) no-repeat center top; } .ow_banners_fp .grid12-6 .feature a.manIcons, .ow_banners_fp .grid12-6 .feature a.manIcons p, .ow_banners_fp .grid12-6 .feature a.manIcons span, .ow_banners_fp .grid12-6 .feature a.manIcons h3, .ow_banners_fp .grid12-6 .feature a.manIcons#lookingFor, .ow_banners_fp .grid12-6 .feature a.manIcons#lookingFor p, .ow_banners_fp .grid12-6 .feature a.manIcons#lookingFor span, .ow_banners_fp .grid12-6 .feature a.manIcons#lookingFor h3 {text-align:center;} } @media only screen and (max-width: 320px){ .ow_banners_fp .grid12-6 .feature a.manIcons {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTime.png) no-repeat center top; background-size: contain; padding-top: 190px;} .ow_banners_fp .grid12-6 .feature #lookingFor {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingFor.png) no-repeat center top;background-size: contain;} .ow_banners_fp .grid12-6 .feature a.manIcons:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/coolingFirstTimeHover.png) no-repeat center top;background-size: contain;} .ow_banners_fp .grid12-6 .feature #lookingFor:hover {background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/lookingForHover.png) no-repeat center top; background-size: contain;} } .page .av-toggle-switch.active { -webkit-animation: avia-fadein 1s 1 ease-in; animation: avia-fadein 1s 1 ease-in; opacity: 1; } .page .av-toggle-switch label { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page .av-toggle-switch input[type=checkbox] { display: none; } .page .av-toggle-switch label .toggle-track { box-sizing: border-box; display: block; height: 27px; width: 54px; background: rgba(0,0,0,.08); border-radius: 100px; position: relative; margin-right: 15px; border: 1px solid rgba(0,0,0,.15); clear: both; vertical-align: bottom; float: left; } .page .av-toggle-switch input[type=checkbox]:checked+.toggle-track:before { background: #5dceba; right: 27px; } .page .av-toggle-switch .toggle-track::before { content: ''; display: inline; height: 25px; width: 25px; background: #a2a2a2; border-radius: 100px; position: absolute; top: 0; right: 0; transition: right .1s ease-in; } .page .av-toggle-switch .toggle-label-content { color: inherit; font-weight: 700; display: block; overflow: hidden; font-size: inherit; } #catapult-cookie-bar { box-sizing: border-box; max-height: 0; opacity: 0; z-index: 99999; overflow: hidden; color: #ddd; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #464646; } #catapult-cookie-bar a { color: #fff; } button#catapultCookie { background: #fff; color: #000; border: 0; padding: 6px 9px; border-radius: 3px; } #catapult-cookie-bar h3 { color: #ddd; } .has-cookie-bar #catapult-cookie-bar { font-size: 14px; text-align: left; opacity: 1; max-height: 999px; min-height: 30px; padding: 15px 20px 15px; z-index: 1000000; } #catapult-cookie-bar .ctcc-inner { display: flex; } #catapult-cookie-bar .ctcc-right-side { float: right; } .cookie-bar-bar button#catapultCookie { margin: 0 0 0 20px; padding: 10px 20px; font-size: 17px; } .category-products .listing_note, .products-grid .listing_note, .product-view .listing_note { display: block; padding-top: 6px; line-height: 1.2em; font-weight: 400; } /** Coolant Up-Sells on cart page **/ .cart-upsells-items { opacity: 0; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cart-upsells { position: relative; margin-bottom: 40px; border: 2px solid #F5F5F5; } .cart-upsells.crosssell h2 { margin-bottom: 20px; text-align: center; font-size: 14px; padding: 0 0 2px 10px; line-height: 22px; color: #000; border: none; } .cart-upsells.crosssell h2 i.droplet { background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/tint-regular.svg) center center no-repeat; height: 20px; width: 20px; display: inline-block; position: relative; top: 3px; right: 10px; } .cart-upsells-item-image { float: left; position: relative; max-width: 650px; height: 200px; width: 60%; overflow: hidden; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cart-upsells-item-image .cart-upsells-item-image-inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; min-height: 100%; } .cart-upsells-item-image .cart-upsells-item-image-inner img { width: 100%; height: auto; display: block; max-height: none; min-height: 100%; } .cart-upsells-item-right { float: right; width: 40%; height: 200px; position: relative; } .cart-upsells-item-right h3 { margin: 0 0 10px; font-weight: normal; font-size: 1.6666em; line-height: 1.2em; } .cart-upsells-item-buttons { position: absolute; bottom: 0px; right: 0px; width: 100%; } .cart-upsells-item-color { position: absolute; left: 680px; bottom: 10px; } .cart-upsells-item-addto { float: right; } .cart-upsells-item-color label { display: inline-block; margin-bottom: 20px; } .cart-upsells-item-color > span { width: 25px; height: 25px; display: inline-block; margin-right: 2px; border-radius: 50%; border: 1px solid #050505; background-color: #fff; transition: box-shadow 0.3s ease-in-out; cursor: pointer; } .cart-upsells-item-color > span:hover { -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.45); -moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.45); box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.45); } .cart-upsells-item-color span.blue { background-color: #1a81c3; border-color: #1a81c3; } .cart-upsells-item-color span.red { background-color: #db3237; border-color: #db3237; } .cart-upsells-item-color span.green { background-color: #20d030; border-color: #20d030; } .cart-upsells-item-color span.yellow { background-color: #d6d231; border-color: #d6d231; } .cart-upsells-item-color span.mysticfog { background-color: #FFFFFA; } .cart .cart-upsells .cart-btn { background: #f89836; color: #fff; } .cart .cart-upsells .cart-btn:hover { background: #333; } .cart-upsells-item-addto .price-box { text-align: right; } .cart .crosssell.cart-upsells .cart-btn { margin-right: 0px; } @media (max-width: 1220px) { .cart-upsells-item-image { width: 60%; max-width: none; padding-right: 0; } .cart-upsells-item-right { width: calc(40% - 30px); } .cart-upsells-item-color { left: 60%; margin-left: 30px; } } @media (max-width: 930px) { .cart-upsells-item-image { width: 50%; max-width: none; } .cart-upsells-item-right { width: calc(50% - 30px); } .cart-upsells-item-color { left: 50%; margin-left: 30px; } } @media (max-width: 650px) { .cart-upsells-item-image { width: 100%; max-width: none; float: none; margin-bottom: 90px; } .cart-upsells-item-right { width: 100%; float: none; height: auto; text-align: center; } .cart-upsells-item-color { margin-left: 0px; top: 215px; left: 0; transform: translateX(0); bottom:auto; width: 100%; text-align: center; } .cart-upsells-item-buttons { position: static; } .cart-upsells-item-addto { float: none; } .cart-upsells-item-image { height: 150px; } .cart-upsells-item-addto .price-box { text-align: center; } } /** Konec coolant up-sells **/ .checkout-order-share { margin-top: 30px; text-align: center; background: #eeeeee; padding: 30px; } .checkout-order-share h2 { margin: 0; min-height: 1.3125em; color: #2a2e31; font-size: 24px; font-weight: bold; margin-bottom: 10px; } .checkout-order-share a { display: inline-block; padding: 10px 30px; background: #f89828; font-size: 16px; border-radius: 5px; color: #fff; margin: 0 5px; } .checkout-order-share a:hover { background: #2b2b2b !important; } .checkout-order-share a.facebook { background: #3B5998; } .checkout-order-share a.twitter { background: #1da1f3; } @media (max-width: 769px) { .header-mobile .skip-content--style { max-height: none !important; } } .toolbar_notice_exposed { width: 100%; height: auto; position: relative; /*margin-top: -5px;*/ } .toolbar_notice_exposed .christmas { height: 83px; width: calc(100% - 30px); background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/toolbar_banner_back.png) center 0 repeat-x; position: relative; padding: 5px 15px; } .toolbar_notice_exposed .christmas a { width: calc(100% - 30px); height: calc(100% - 10px); position: absolute; } .toolbar_notice_exposed .christmas a span { position: absolute; width: 100%; top: 10px; text-align: center; color: #fff; font-size: 17px; font-weight: 600; line-height: 20px; text-shadow: -1px 1px 1px #e78b21; -moz-text-shadow: -1px 1px 1px #e78b21; -webkit-text-shadow: -1px 1px 1px #e78b21; -moz-transition: all .22s ease-in-out; -o-transition: all .52s ease-in-out; -webkit-transition: all .52s ease-in-out; transition: all .52s ease-in-out; } .toolbar_notice_exposed .christmas a:hover span { letter-spacing: 0.5px; } /** Božični sticker **/ /*.sticker-wrapper:after { display: block; content: " "; width: 40px; height: 45px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/winter_price_badge_back.png) right 0px no-repeat; right: -14px; top: -12px; position: absolute; } .sticker.sale { background-color: #f6931e !important; -webkit-box-shadow: 2px 2px 10px -2px rgba(84,84,84,1); -moz-box-shadow: 2px 2px 10px -2px rgba(84,84,84,1); box-shadow: 2px 2px 10px -2px rgba(84,84,84,1); } .sticker-wrapper.top-right { right: 6px; }*/ /** Konec božični sticker **/ /** Quantum disable add to actions on category **/ /*.category-classic .products-grid.equal-height .item .actions { display: none !important; }*/ .under-add-to-cart-notice { margin: 20px 0; } .selling-fast { color: #C7282E; font-size: 15px; line-height: 17px; padding-left: 40px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/selling-fast-ico.png) 0 center no-repeat; min-height: 37px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; cursor: default; } .selling-fast strong { font-family: 'magistralcregular', 'Open Sans'; font-size: 18px; line-height: 20px; } .keep-me-inform-button { margin: 0; border: 0; overflow: visible; cursor: pointer; font-size: 12px; font-weight: normal; white-space: nowrap; text-align: center; color: #333; line-height: 45px; padding: 0 25px; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; background-color: #f8f8f8; color: #505050; display: inline-block; line-height: 55px; font-size: 1.1666em; font-weight: 600; border: 1px solid #c6c6c6; margin-top: 10px; } .keep-me-inform-button:hover { color: #fff; background-color: #c6c6c6; } .fancybox-is-open .fancybox-bg { opacity: .4; } .fancybox-slide--html .fancybox-close-small { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; background: #f89828; width: 35px; height: 35px; color: #fff; } .fancybox-content h2 { color: #f89828; } .fancybox-content p { margin-bottom: 10px; } .fancybox-content input { background-color: #fff; border: 1px solid #969696; font-size: 12px; height: 30px; line-height: 30px; padding: 0 15px; width: 100%; box-sizing: border-box; } .control-this-block-display { display: none; } .firecheckout-set .discount-form { padding: 0px !important; } .coupon-outer-section { padding: 11px; } .firecheckout-section .discount-form .control-next-block-toggle label { display: inline-block; position: relative; top: 1px; margin-bottom: 0px; padding-right: 30px; cursor: pointer; } .control-this-block-display { margin-top: 10px; } .firecheckout-set li.companyfield input { margin: 0 5px 0 0; } .firecheckout-set li.companyfield span { position: relative; display: inline-block; top: 1px; cursor: pointer; } .firecheckout-set li.companyfield { margin-bottom: 15px; } .top-links .b2b-home { background-image: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/img/link-separator.png); background-position: right center; background-repeat: no-repeat; display: inline-block; padding: 0 0.5833em; line-height: 3em; } .header-mobile .top-links .b2b-home { background-image: none; } .top-links .b2b-home:hover { background-color: #f89828; color: #ffffff !important; } /*EASTER PROMOTION*/ .easter-promotion { background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/easter-ban-bg.png) no-repeat; background-size: 100% 130px; width: 100%; height: 130px; } .easter-promotion * { color: #fff; } .easter-promotion .button { color: #333333; } .easter-promotion .button.main-btn { background-color: #f89828; color: #ffffff; } .easter-promotion .button:hover { background: #b45545; color: #fff; } .easter-left { width: 50%; float: left; position: relative; height: 100%; } .easter-left .easter-text { position: absolute; top: 50%; transform: translateY(-50%); } .easter-promotion img { display: inline-block; float: left; height: 130px; width: auto; margin-right: 20px; } .easter-right { float: right; margin-right: 35px; position: relative; top: 50%; transform: translateY(-50%); } .easter-right .avia-button.avia-color-theme-color{ margin-left: 25px; } .easter-color-sect h3 { color: #d58f3e; text-align: left; margin-bottom: 40px !important; } .easter-color-sect p { color: #c4c4c4; } .parent-easter-icon { margin-top: 20px; } .parent-easter-icon > section { float: left; width: 33.33%; text-align: center; height: 150px; color: #c4c4c4; } .easter-icon p:not(:first-child) { font-size: 16px; line-height: 18px; } .easter-icon p:first-child { height: 60px; } .easter-icon img { max-width: 55px; max-height: 60px; width: auto; height: auto; position: relative; top: 50%; transform: translateY(-50%); } .easter-color-sect { background-size: 63% auto !important; } .circled-easter .avia-image-container { position: absolute; display: inline-block; left: 0; top: 0; } .easter-promotion h2 { font-size: 20px; font-weight: 600; line-height: 20px; margin-bottom: 10px; } .easter-promotion h3 { font-size: 16px; font-weight: normal; line-height: 19px; margin-bottom: 0px; } @media only screen and (max-width: 1700px) { .easter-promotion img { margin-right: 0; } .easter-left { width: 40%; } } @media only screen and (max-width: 1500px) { .easter-promotion { position: relative; } .easter-promotion img { display: none; } .easter-left { padding-left: 150px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/easter-ban-img.png) no-repeat left bottom; height: 130px; width: 50%; } .easter-right a.avia-button { padding-left: 20px !important; padding-right: 20px !important; font-size: 12px !important; } .easter-left h2 { font-size: 20px; } .easter-left h3 { font-size: 16px; } } @media only screen and (max-width: 1050px) { .easter-left { width: 40%; } } @media only screen and (max-width: 850px) { .easter-left { width: 35%; } } @media only screen and (max-width: 800px) { .easter-promotion { padding: 0 20px; height: auto; background-size: cover; background: #000; float: left; } .easter-left { background: none; width: 100%; padding-left: 0; height: auto; } .easter-right { transform: unset; position: static; float: left; width: 100%; margin: 15px 0; } .easter-left .easter-text { position: relative; transform: none; margin-top: 20px; } } @media only screen and (max-width: 480px) { .easter-right { text-align: center; } } /* header top navigation css */ .wrapper { border-top: none; } .header-top-navigation { background: #000000; font-family: 'DINProRegular', 'Open Sans',sans-serif; border-bottom: 1px solid #3a3a3a; text-align: left; width: 100%; position: relative; z-index: 9; } .header-top-navigation .container { max-width: 1164px; } .header-top-navigation ul { margin: 0px; padding: 0px; } .header-top-navigation li { display: inline-block; } /* .header-top-navigation-inner { border-bottom: 1px solid #3a3a3a; } */ .header-top-navigation li a { font-size: 12px; color: #B9B9B9; line-height: 12px; padding: 13px 12px; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; text-transform: uppercase; } .header-top-navigation li.current a, .header-top-navigation li:hover a { color: #F79629; display: block; } .header-top-navigation .container { position: relative; } @media only screen and (max-width: 1450px) { .header-top-navigation .container { padding: 0 20px; } } @media (max-width: 989px) { .header-top-navigation .container { width: 100% !important; max-width: none !important; padding: 0px !important; } .header-top-navigation-inner { padding: 0 15px; } } @media (max-width: 800px) { .header-top-navigation-inner { overflow-x: scroll; width: 100%; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; position: relative; } .header-top-navigation .container:before { position: absolute; content: ""; display: block; z-index: 9; width: 65px; height: calc(100% - 1px); right: 0px; top: 0px; background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1)); } .header-top-navigation-inner::-webkit-scrollbar { display: none; width: 0px; background: transparent; } .header-top-navigation ul { white-space: nowrap; } .header-top-navigation li:last-of-type { padding-right: 50px; } } /* header top navigation css end */ .nav-regular .nav-submenu--mega>li>a { margin-bottom: 20px; } .companyfieldset { margin: 10px 0 20px 0; } .companyfieldset .companyfield span { position: relative; top: 3px; cursor: pointer; display: inline-block; } .main-banner-container { display: none; } .main-banner-container .owl-buttons { } .main-banner-container .owl-buttons > div { font-family: ThemeIcons; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; position: absolute; top: 50%; transform: translateY(-50%); width: 25px; height: 40px; line-height: 43px; text-align: center; background-color: rgba(255,255,255, 0.5); color: #333333; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } .main-banner-container .owl-buttons > div.owl-prev { left: 0px; } .main-banner-container .owl-buttons > div.owl-next { right: 0px; } .main-banner-container .owl-buttons > div:hover { color: #F79629; } .owl-stage-outer::after { width: 1px; content: " "; position: absolute; top: 0; left: 0; height: 100%; background-color: white; } .owl-carousel .owl-item { margin-left: 1px; } .main-banner-container .banner-item-inner img { width: 100%; } .main-banner-over { background: #fff url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/slider-bg.jpg) center top no-repeat; background-size: cover; background: #000; } .main-banner-container .full-width-link-banner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } @media (min-width: 721px) and (max-width: 800px) { .main-banner-container .banner-item-inner { height: 360px; position: relative; overflow: hidden; } .main-banner-container .owl-item .banner-item-inner img { position: absolute; top: 0px; width: auto; height: 100%; left: 50%; transform: translateX(-50%); max-width: none; } } @media (max-width: 510px) { .main-banner-container .banner-item-inner { height: 340px; position: relative; overflow: hidden; } .main-banner-container .owl-item .banner-item-inner img { position: absolute; top: 0px; width: auto; height: 100%; left: 50%; transform: translateX(-50%); max-width: none; } } .sp-methods dt label span { font-weight: normal; } .firecheckout-set #checkout-payment-method-load .sp-methods dd { border-bottom: 1px solid #e5e5e5; padding: 5px 0 0 26px; } .firecheckout-set #checkout-payment-method-load .sp-methods dt input { display: inline-block; vertical-align: top; width: 20px; margin-top: 3px; } .firecheckout-set #checkout-payment-method-load .sp-methods dt label { display: inline-block; vertical-align: top; width: calc(100% - 30px) !important; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_bitpay { padding-right: 100px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-bitcoin-icon.png) center right no-repeat;; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_pis_cc, .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_pis_paymentform { padding-right: 90px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/splitit_checkout2.png) center right no-repeat; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_gene_braintree_creditcard { padding-right: 98px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-credits-icon.png) center right no-repeat;; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_checkmo { padding-right: 90px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-bank-icon.png) center right no-repeat;; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_gene_braintree_googlepay { padding-right: 90px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-google-pay.png) center right no-repeat;; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_gene_braintree_paypal { padding-right: 100px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-paypal-icon.png) center right no-repeat;; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_cashondelivery { padding-right: 90px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-cashicon.png) center right no-repeat;; } .firecheckout-index-index .firecheckout-set a.splititinfo { display: inline-block; width: 23px; height: 23px; border-radius: 50%; text-decoration: none; color: #333333; background: #fff; text-align: center; line-height: 23px; font-weight: bold; margin-top: -5px; border: 1px solid #333333; font-size: 17px; } .firecheckout-index-index .firecheckout-set a.splititinfo:hover { color: #fff; background: #333333; } /* DIG-976 */ .btn-empty-catalog { background: #f89828; color: #fff; padding: 10px 20px; display: inline-block; margin-top: 10px; font-weight: bold; } .btn-empty-catalog i { position: relative; top: 1px; margin-right: 5px; } .btn-empty-catalog:hover { background: #333; color: #fff; } /* DIG-976 */ .cart-notification-product { border: 2px solid #F4F4F4; display: inline-block; } .cart-notification-product h2 { background: #F5F5F5; font-size: 14px; text-transform: uppercase; text-align: center; margin: 0 0 20px; padding: 10px 0; font-weight: 700; } .cart-notification-product h2 span { display: inline-block; position: relative; top: 5px; left: -10px; width: 22px; height: 25px; text-indent: -9999px; background : transparent url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/cart-limited-offer.png) center center no-repeat; } .cart-notification-product h3 { font-size: 20px; } .cart-notification-product p { margin-bottom: 15px; } .cart-notification-product button { margin: 10px 0 20px; } .cart-notification-product img { width: 70%; margin: 0 auto 20px; display: block; } .cart-notification-product.free-gift { background-color: #F4F4F4; } .cart-notification-product.free-gift h2 { background-color: #F89835; color: #FFF; } .cart-notification-product.free-gift h2 span { background : transparent url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/cart-limited-offer-white.png) center center no-repeat; } .cart-notification-product.free-gift h2 span.grey-heading { background: transparent url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/cart-limited-offer.png) center center no-repeat; } .cart-notification-product.free-gift button { float: right; margin-right: 20px; background-color: #F89835; color: #FFF; } .cart-notification-product.free-gift button.btn-left { float: left; } .cart-notification-product.free-gift button.btn-grey { background-color: #eee; color: #333; } .cart-notification-product.free-gift button.btn-grey:hover { background-color: #F89835; color: #FFF; } @media only screen and (max-width: 768px) { .cart-notification-product img { width: 30%; } .cart-notification-product h3, .cart-notification-product p { padding: 0 15px; } .cart-notification-product button { margin: 0 15px 15px; } } /*DIG-1079 */ .header-top-container, .header-primary-container { background: #000; color: #FFF; } .header-top-container a, .header-primary-container a { color: #FFF; } .currency-switcher .dropdown-heading span.value { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/currency-white.png) 0 50% no-repeat; } .lang-switcher .dropdown-icon { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/languages-white.png) 50% 50% no-repeat !important; } .currency-switcher.open .dropdown-heading span.value { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/currency.png) 0 50% no-repeat; } .lang-switcher.open .dropdown-icon { background : url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/languages.png) 50% 50% no-repeat !important; } span.gifticon { display: inline-block; color: #f89836; font-weight: bold; height: 21px; line-height: 21px; } /* header top navigation css */ .wrapper { border-top: none; } .header-top-navigation { background: #000000; font-family: 'DINProRegular', 'Open Sans',sans-serif; border-bottom: 1px solid #3a3a3a; text-align: left; width: 100%; position: relative; z-index: 9; } .header-top-navigation .container { max-width: 1164px; } .header-top-navigation ul { margin: 0px; padding: 0px; } .header-top-navigation li { display: inline-block; } /* .header-top-navigation-inner { border-bottom: 1px solid #3a3a3a; } */ .header-top-navigation li a { font-size: 12px; color: #B9B9B9; line-height: 12px; padding: 13px 12px; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; text-transform: uppercase; } .header-top-navigation li.current a, .header-top-navigation li:hover a { color: #F79629; display: block; } .header-top-navigation .container { position: relative; } @media only screen and (max-width: 1450px) { .header-top-navigation .container { padding: 0 20px; } } @media (max-width: 989px) { .header-top-navigation .container { width: 100% !important; max-width: none !important; padding: 0px !important; } .header-top-navigation-inner { padding: 0 15px; } } @media (max-width: 800px) { .header-top-navigation-inner { overflow-x: scroll; width: 100%; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; position: relative; } .header-top-navigation .container:before { position: absolute; content: ""; display: block; z-index: 9; width: 65px; height: calc(100% - 1px); right: 0px; top: 0px; background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1)); } .header-top-navigation-inner::-webkit-scrollbar { display: none; width: 0px; background: transparent; } .header-top-navigation ul { white-space: nowrap; } .header-top-navigation li:last-of-type { padding-right: 50px; } } /* header top navigation css end */ .nav-regular .nav-submenu--mega>li>a { margin-bottom: 20px; } .companyfieldset { margin: 10px 0 20px 0; } .companyfieldset .companyfield span { position: relative; top: 3px; cursor: pointer; display: inline-block; } .main-banner-container { display: none; } .main-banner-container .owl-buttons { } .main-banner-container .owl-buttons > div { font-family: ThemeIcons; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; position: absolute; top: 50%; transform: translateY(-50%); width: 25px; height: 40px; line-height: 43px; text-align: center; background-color: rgba(255,255,255, 0.5); color: #333333; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } .main-banner-container .owl-buttons > div.owl-prev { left: 0px; } .main-banner-container .owl-buttons > div.owl-next { right: 0px; } .main-banner-container .owl-buttons > div:hover { color: #F79629; } .owl-stage-outer::after { width: 1px; content: " "; position: absolute; top: 0; left: 0; height: 100%; background-color: white; } .owl-carousel .owl-item { margin-left: 1px; } .main-banner-container .banner-item-inner img { width: 100%; } .main-banner-over { background: #fff url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/slider-bg.jpg) center top no-repeat; background-size: cover; background: #000; } .main-banner-container .full-width-link-banner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } @media (min-width: 721px) and (max-width: 800px) { .main-banner-container .banner-item-inner { height: 360px; position: relative; overflow: hidden; } .main-banner-container .owl-item .banner-item-inner img { position: absolute; top: 0px; width: auto; height: 100%; left: 50%; transform: translateX(-50%); max-width: none; } } @media (max-width: 510px) { .main-banner-container .banner-item-inner { height: 340px; position: relative; overflow: hidden; } .main-banner-container .owl-item .banner-item-inner img { position: absolute; top: 0px; width: auto; height: 100%; left: 50%; transform: translateX(-50%); max-width: none; } } .sp-methods dt label span { font-weight: normal; } .firecheckout-set #checkout-payment-method-load .sp-methods dd { border-bottom: 1px solid #e5e5e5; padding: 5px 0 0 26px; } .firecheckout-set #checkout-payment-method-load .sp-methods dt input { display: inline-block; vertical-align: top; width: 20px; margin-top: 3px; } .firecheckout-set #checkout-payment-method-load .sp-methods dt label { display: inline-block; vertical-align: top; width: calc(100% - 30px) !important; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_bitpay { padding-right: 100px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-bitcoin-icon.png) center right no-repeat;; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_gene_braintree_creditcard { padding-right: 98px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-credits-icon.png) center right no-repeat;; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_checkmo { padding-right: 90px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-bank-icon.png) center right no-repeat;; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_gene_braintree_paypal { padding-right: 100px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-paypal-icon.png) center right no-repeat;; } .firecheckout-set #checkout-payment-method-load .sp-methods dt.ow_payment_method_cashondelivery { padding-right: 90px; max-width: 400px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/payment-cashicon.png) center right no-repeat;; } /** Gallery images **/ .product-images { position: relative; } .product-images .product-image { margin-bottom: 20px; display: flex; align-items: center; } .product-images .product-image.videoIcon:before { } .product-images .product-image .videoIconCont { background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/play-button-ekwb.png) no-repeat; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; content: ''; width: 185px; height: 147px; display: none; cursor: pointer; } .product-images .product-image.videoIcon .videoIconCont { display: block; } .product-images .product-image img { display: block; height: auto; margin: 0 auto; max-width: 550px; width: 100%; cursor: pointer; } .product-images .product-images-gallery .row { margin: 0 -5px; } .product-images .product-images-gallery .row div[class^="col-"] { padding: 0 5px; } .product-images .product-images-gallery a.active { border: 1px solid #f89828; } .product-images .product-images-gallery a { display: block; margin-bottom: 0px; padding: 5px; border: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-images .product-images-gallery a img { display: block; height: auto; max-width: 100%; } .product-image-wrapper .inner { width: 100%; left: auto; } .product-images-gallery.owl-carousel { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-images-gallery.owl-carousel .owl-item { margin-left: 0px; } .product-images .product-images-gallery .owl-controls .owl-buttons .owl-prev { position: absolute; left: -12px; top: 50%; line-height: 40px; color: #2a2e31; width: 20px; height: 40px; text-align: center; margin-top: -20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-indent: 0; display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; } .product-images .product-images-gallery .owl-controls .owl-buttons .owl-next { position: absolute; right: -8px; top: 50%; line-height: 40px; color: #2a2e31; width: 20px; height: 40px; font-family: 'Roboto', sans-serif; font-weight: 200; text-align: center; margin-top: -20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-indent: 0; display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; } .product-images .product-images-gallery .owl-controls .owl-buttons .owl-next:before, .product-images .product-images-gallery .owl-controls .owl-buttons .owl-prev:before { } .product-images .product-images-gallery .owl-controls .owl-buttons .owl-next:hover, .product-images .product-images-gallery .owl-controls .owl-buttons .owl-prev:hover { color: #f89828; } .product-images .owl-carousel .owl-wrapper-outer { padding-right: 3px; } .fancybox-button svg { color: #f89828; } .fancybox-button { background: rgba(255,255,255,0.9); } .zoomContainer { display: none !important; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { opacity: 0.5 !important; } /** Konec Gallery Images **/ /* DIG-976 */ .btn-empty-catalog { background: #f89828; color: #fff; padding: 10px 20px; display: inline-block; margin-top: 10px; font-weight: bold; } .btn-empty-catalog i { position: relative; top: 1px; margin-right: 5px; } .btn-empty-catalog:hover { background: #333; color: #fff; } /* DIG-976 */ span.gifticon { display: inline-block; padding-left: 30px; background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/icons/sale_icon.png) 0 1px no-repeat; color: #f89836; font-weight: bold; height: 21px; line-height: 21px; } /* DIG 1136 */ .eol-alt-list-text-placeholder { display: block; background-color: rgb(244, 244, 244); text-align: center; padding: 20px 10px; margin: 0 -5px -5px -5px; position: relative; } .text-hover { visibility: hidden; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: auto; min-height: 100%; background-color: rgb(244, 244, 244); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; box-sizing: border-box; padding: 10px; } .text1, .text2 { display: block; } .link-button { display: block; padding: 10px; color: white; background-color: #f79629; font-weight: bold; max-width: 170px; width: 100%; margin: 3px auto; box-sizing: border-box; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .link-button:hover { background-color: #333; color: white; } .item:hover > .eol-alt-list-text-placeholder > .text-hover { visibility: visible; opacity: 1; } .alternative-link { display: block; text-decoration: none; color: #333333; font-size: 11px; } .text-hover .alternative-link { color: #333333; } .eol-alt-product-text-placeholder { background-color: rgb(244, 244, 244); margin: 0 -10px 15px; padding: 15px 25px; box-sizing: border-box; } .link-button-product { display: block; padding: 10px; color: white; background-color: #f79629; font-weight: bold; max-width: 200px; text-align: center; width: 100%; box-sizing: border-box; margin-top: 10px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .link-button-product:hover { background-color: #333; color: white; } .eol-alt-search-text-placeholder { background-color: rgb(244, 244, 244); margin: 0 -5px -5px; padding: 10px 8px; } .eol-alt-text { text-align: right; } /* DIG 1136 */ /* DIG-1176 */ .catalog-product-view .breadcrumbs { padding: 0 30px; } .product-view .sku { margin: 3px 0 20px 0!important; color: #515151; } .product-view .sku .label { font-weight: normal; } .product-view .availability { margin-bottom: 15px; } .product-view .product-shop .price-box { margin: 15px 0 15px; } .product-view .product-shop .price-box .regular-price .price { color: #000000; font-size: 30px; font-weight: bold; line-height: 41px; } .product-view .ic-up, .product-view .ic-down { box-sizing: border-box; height: 26px; width: 100%; border: 1px solid #E7E7E7; display: block; text-align: center; line-height: 26px; margin: 10px 0; } .product-view .ic-up:before, .product-view .ic-down:before { height: 18px; width: 12px; color: #F89929; font-size: 18px; line-height: 18px; text-align: center; } .product-images .product-images-gallery .thumbnail-item { width: 100%; display: block; margin-bottom: 10px; } .product-images .product-images-gallery .thumbnail-item a { border: 1px solid #E7E7E7; } .product-images .product-images-gallery a.active { border: 1px solid #C5C5C5; } .product-images .product-images-gallery .thumbnail-item a img { margin: 0 auto; } .product-view .product-img-column { padding: 0 15px; box-sizing: border-box; } .fixed-left, .fixed-right { position: absolute; left: -400px; top: 0px; width: 400px; } .fixed-right { left: auto; right: -400px; } .fixed-inner { width: 400px; } .fixed-inner.fixed { position: fixed; } #main-container { position: relative; } @media (max-width: 1890px) { .fixed-left, .fixed-right { left: -350px; width: 350px; } .fixed-right { left: auto; right: -350px; } .fixed-inner { width: 350px; } } @media (max-width: 1780px) { .fixed-left, .fixed-right { left: -300px; width: 300px; } .fixed-right { left: auto; right: -300px; } .fixed-inner { width: 300px; } } @media (max-width: 1670px) { .fixed-left, .fixed-right { left: -250px; width: 250px; } .fixed-right { left: auto; right: -250px; } .fixed-inner { width: 250px; } } @media (max-width: 1600px) { .fixed-left, .fixed-right { display: none !important; } } /*.product-view .availability {*/ /* color : #525252;*/ /* font-size : 12px;*/ /* font-weight: 400;*/ /*}*/ .product-view .availability span { position: relative; top: -2px; } .product-view .add-to-box-cont { margin-bottom: 20px; display: table; width: 100%; } .product-view .add-to-box, .product-view .add-to-cart { display: block; width: 100%; position: relative; } .product-view .btn-cart { display: block; width: 100%; font-weight: 700; padding: 0 0 0 50px; height: 50px; line-height: 50px; } .add-to-cart .qty-wrapper { position: absolute; left: 0; top: 0; width: 50px; height: 50px; line-height: 48px; } .add-to-cart .qty-wrapper .qty { margin: 0; padding: 0; width: 48px!important; height: 48px; /*border: 1px solid #f89828; */box-sizing: border-box; position: absolute; left: 1px; top: 1px; padding-right: 5px; border: none; font-size: 22px; color: #959595; } .add-to-cart .qty-wrapper .qty[type=number]::-webkit-inner-spin-button, .add-to-cart .qty-wrapper .qty[type=number]::-webkit-outer-spin-button { opacity: 1; } .ow_bottom_cart .add-to-cart { width: auto; margin-top: 5px; float: right; min-width: 220px; margin-bottom: 5px; } .product-view .amazon-buy { background: #000; color: #fff; display: inline-block; margin-top: 10px; width: 100%; height: 50px; line-height: 20px; font-size: 1.1666em; text-align: center; padding: 15px 0; box-sizing: border-box; } .product-view .amazon-buy:hover { background: #333; } .product-view .product-secondary-column { background: #F4F4F4; padding: 10px 30px; margin: 0; width: 100%; box-sizing: border-box; } .product-view .product-secondary-column .inner { padding: 0; } .product-view .product-secondary-column .container_product_secondary_2 { display: table; width: 100%; padding-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; box-sizing: border-box; /*flex-wrap: wrap;*/ -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: nowrap; scroll-snap-type: x mandatory; -webkit-scroll-snap-type: x mandatory; /*overflow-x: scroll;*/ overflow-y: hidden; -webkit-overflow-scrolling: touch; } .product-view .product-secondary-column .container_product_secondary_2 > .feature { scroll-snap-align: center; -webkit-scroll-snap-align: center; } .product-view .product-secondary-column .feature { float: left; display: block; font-size: 12px; line-height: 17px; height: 43px; } .product-view .product-secondary-column .feature:after { content: none; } .product-view .product-secondary-column .ow_warranty p {width: 187px;} .product-view .product-secondary-column .ow_step p {width: 155px;} .product-view .product-secondary-column .ow_fast p {width: 150px;} .product-view .product-secondary-column .ow_payment p {width: 187px;} .product-view .product-secondary-column .ow_paypal p {width: 135px;} .product-view .product-secondary-column .ow_made p {width: 145px;} .product-view .short-description { border-bottom : none; margin: 0 30px; padding : 50px 0px 30px; } .ekwb-bundle .ekwb-bundle-header{ padding: 0 30px; } .ekwb-bundle .ekwb-bundle-content { padding: 20px 30px 0 30px; } .ekwb-bundle .ekwb-bundle-product { border: none; padding: 0; background-color: transparent; width: 100%; } .ekwb-bundle .ekwb-bundle-dropdown select { height: 30px; padding-top: 0; padding-bottom: 0; } .product-view .price-wishlist { display: table; width: 100%; margin: 15px 0; } .product-view .price-wishlist .action-box { float: right; } .product-view .price-wishlist .price-box { float: left; display: inline-block; margin: 0; } .product-view .ow_manuals.underPrice { padding-left: 0; } .product-view .ow_manuals a.ow_compat_list { border: 1px solid #f89828; padding: 0; display: block!important; box-sizing: border-box; font-weight: bold; color: #333; text-align: center; margin-right: 0!important; height: 48px; padding-left: 40px!important; line-height: 46px!important; position: relative; } .product-view .ow_manuals a.ow_compat_list:hover { border-color: #333; color: #333; } .product-view .ow_manuals a.ow_compat_list:before { background: url(https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/compatibility-orange.svg) 0 0 no-repeat; left: 10px!important; top: 7px!important; position: absolute; padding-right: 35px; } .product-view .box-additional .ow_manuals a.ow_compat_list { border: none; display: inline-block!important; padding-left: 60px!important; margin-left: 20px; } .product-view .box-additional .ow_manuals a.ow_compat_list:hover { color: #f89828!important; } @media all and (max-width: 1063px) { .product-view .product-secondary-column .container_product_secondary_2 { overflow-x: scroll; } .product-view .product-secondary-column .container_product_secondary_2 > .feature { min-width: 22%; } } @media all and (max-width: 950px) { .product-view .product-secondary-column .container_product_secondary_2 > .feature { min-width: 28%; } } @media all and (max-width: 700px) { .product-view .product-secondary-column .container_product_secondary_2 > .feature { min-width: 40%; } } @media all and (max-width: 500px) { .product-view .product-secondary-column .container_product_secondary_2 > .feature { min-width: 75%; } } /*@media all and (max-width: 1100px) { .product-view .product-secondary-column .feature { flex: 33.33%; } }*/ @media all and (max-width: 767px) { .catalog-product-view .main { border: none; } .catalog-product-view .main > .inner-container { padding: 0; } .product-view .product-img-column { padding: 0; } .product-view .product-secondary-column { padding: 10px; } .product-view .product-secondary-column .ow_fast { clear: right; } .product-view .short-description { padding: 30px 0; margin: 0; } .ekwb-bundle .ekwb-bundle-header { padding: 0; } .ekwb-bundle .ekwb-bundle-content { padding: 20px 0 0; } .ow_product_bottom { margin: 0; } .product-images .product-images-gallery { position: relative; } .product-images .product-images-gallery .slick-list { position: relative; margin: 0 40px; box-sizing: border-box; } .product-images .product-images-gallery .slick-track { margin-left: -10px; position: relative; } .product-images .product-images-gallery .thumbnail-item { display: block; margin-bottom: 0; margin-left: 10px; } .product-view .ic-up, .product-view .ic-down { position: absolute; width: 26px; height: 100%; line-height: 100%; margin: 0 10px 0 0; top: 0; left: 0; z-index: 1; background: #fff; } .product-view .ic-up:before, .product-view .ic-down:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); display: block; width: 100%; top: 43%; position: absolute; } .product-view .ic-down { float: right; margin: 0 0 0 10px; left: auto; right: 10px; } } @media all and (max-width: 479px) { .catalog-product-view .main > .inner-container { padding: 0 10px; } } /*@media all and (max-width: 400px) { .product-view .product-secondary-column .feature { flex: 100%; } }*/ .ow_start-home { display: table; margin: 0 auto; } .ow_start-home > * { float: left; display: inline-block; clear: none; margin: 0 15px 0 0!important; } .ow_start-home p { font-weight: 600; font-size: 20px; } .ow_start-home form { height: 42px; margin-top: 12px!important; } .ow_start-home form input { margin: 0!important; width: 300px; box-sizing: border-box; } .ow_start-home a.btn { color: #ddd; border: 1px solid #fff; font-size: 14px; padding: 10px; margin-right: 0!important; margin-top: 12px!important; line-height: initial; } .ow_start-home a.btn:hover { color: #ddd; border-color: #ddd; } @media all and (max-width: 955px) { .ow_start-home form { clear: left; } .ow_start-home p:first-child { width: 100%; } } @media all and (max-width: 590px) { .ow_start-home > * { clear: left; width: 100%; margin: 0 0 5px 0!important; line-height: initial; } .ow_start-home form input { width: 100%; box-sizing: border-box; } .ow_start-home p:first-child { margin-top: 10px!important; } .ow_start-home a.btn { margin-bottom: 10px!important; box-sizing: border-box; } } /** language Switcher **/ .header-top-navigation .header-top-navigation-inner { display: flex; width: calc(100% - 30px); } .header-top-switcher { margin-left: auto; } .header-top-switcher .dropdown .dropdown-icon { display: none !important; } .header-top-switcher a { color: #B9B9B9 !important; } .header-top-switcher .caret { color: #B9B9B9 !important; opacity: 1 !important; filter: none !important; border-top-color: #B9B9B9 !important; margin-bottom: 1px !important; vertical-align: middle !important; } .header-top-switcher .dropdown.open > .dropdown-heading.cover > span, .header-top-switcher .dropdown.open > .dropdown-heading.cover > div { background-color: transparent; } .header-top-switcher .dropdown.open .caret { border-top-color: #f89829 !important; color: #f89829 !important; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header-top-switcher .dropdown .dropdown-content > li.current { display: none !important; } .header-top-switcher .dropdown .dropdown-content { padding: 5px !important; background: #1a1a1a !important; border-top: 1px solid #3a3a3a; min-width: 100px !important; } .header-top-switcher li a { text-transform: none !important; padding: 10px !important; } .header-top-switcher li a:hover { color: #f89829 !important; } .header-top-switcher .lang-switcher { height: 38px !important; line-height: 38px !important; white-space: nowrap !important; } .header-top-switcher .dropdown .dropdown-heading.cover > span > * { vertical-align: top; } @media (max-width: 800px) { .header-top-switcher { padding-right: 75px; } .header-top-navigation .header-top-navigation-inner { position: static !important; } .header-top-switcher .lang-switcher { position: static !important; } .header-top-switcher .dropdown .dropdown-content { position: absolute; right: 0px; top: 38px; max-width: 150px; } } /** Konec language Switcher **/ .amcart-options + #confirmButtons { margin-top: 20px; } .amcart-options form { text-align: center; } .mixed-material-products { background: #ef2e25; padding: 20px 20px 20px 80px; font-size: 16px; position: relative; color: #fff; margin-bottom: 15px; } .mixed-material-products:before { content: "!"; display: block; position: absolute; left: 25px; top: 50%; width: 35px; height: 35px; border-radius: 50%; border: 2px solid #fff; font-size: 20px; text-align: center; font-weight: bold; line-height: 35px; margin-top: -17.5px; } /* black friday 2020 */ @font-face { font-family: 'DINProRegular'; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Regular.eot'); src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Regular.eot') format('embedded-opentype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Regular.woff2') format('woff2'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Regular.woff') format('woff'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Regular.ttf') format('truetype'); font-display: swap; } /*@font-face { font-family: 'DINProMedium'; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Medium.eot'); src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Medium.eot') format('embedded-opentype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Medium.woff') format('woff'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Medium.ttf') format('truetype'); font-display: swap; }*/ @font-face { font-family: 'DINProBold'; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Bold.eot'); src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Bold.eot') format('embedded-opentype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Bold.woff') format('woff'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Bold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'DINProBlack'; src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Black.eot'); src: url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Black.eot') format('embedded-opentype'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Black.woff') format('woff'), url('https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/fonts/din/DINPro-Black.ttf') format('truetype'); font-display: swap; } .black-friday-2020 .banner { width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; left: 50% !important; right: 50% !important; background: #202020; position: relative; /*background: url('/media/wysiwyg/blackFriday2020/bf20-banner.jpg') no-repeat center top;*/ background: url('/shop/media/wysiwyg/blackFriday2020/bf20-banner.jpg') no-repeat center top; background-size: contain; min-height: 800px; } .black-friday-2020 .banner .cont { max-width: 445px; top: 50%; transform: translateY(-50%); position: absolute; margin-left: 12px; } .black-friday-2020 .banner h1 { font-family: 'DINProBlack'; font-size: 48px; line-height: 50px; color: #000; } .black-friday-2020 .banner p { font-family: 'DINProRegular'; font-size: 18px; line-height: 22px; color: #000; } .black-friday-2020 a.btn { font-family: 'DINProBold'; font-size: 16px; line-height: 21px; color: #fff; display: block; background: #F79629; padding: 10px 20px; text-decoration: none; text-align: center; border-radius: 4px; } .black-friday-2020 a.btn:hover { background: #333; } .black-friday-2020 .content { width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; left: 50% !important; right: 50% !important; background: #202020; position: relative; } .black-friday-2020 .content .contentRow { /*display: table; */width: 100%; padding-top: 120px; display: flex; } .black-friday-2020 .content .contentRow:last-child { padding-bottom: 120px; } .black-friday-2020 .content .contentRow .content-left { float: left; flex: 20%; border-right: 2px solid #979797; box-sizing: border-box; position: relative; } .black-friday-2020 .content .contentRow .content-right { float: left; flex: 80%; margin-left: 40px; } .black-friday-2020 .content .contentRow .content-left .cont { top: 50%; transform: translateY(-50%); position: absolute; padding: 0 20px 0 12px; } .black-friday-2020 .content .contentRow .content-left h3 { font-family: 'DINProBlack'; font-size: 32px; line-height: 36px; color: #fff; margin-bottom: 20px; } .black-friday-2020 .content .contentRow .content-left .btn { display: inline-block; border-radius: 4px; padding: 10px 30px; } .black-friday-2020 .content .contentRow .content-left .btn:hover { background: #fff; color: #000; } .black-friday-2020 .content .contentRow .content-right > p, .black-friday-2020 .content .contentRow .content-right > .btn { display: none; } .black-friday-2020 .content .contentRow .content-right .item-wrap { width: 33.33%; padding: 0 20px; box-sizing: border-box; float: left; } .black-friday-2020 .content .contentRow .content-right .item { border-radius: 4px; background: #fff; position: relative; } .black-friday-2020 .content .contentRow .content-right .item .cont { padding: 20px 20px 10px; text-align: center; } .black-friday-2020 .content .contentRow .content-right .item .cont img { display: block; width: 100%; margin: 0 auto 20px; } .black-friday-2020 .content .contentRow .content-right .item .cont h5 { font-family: 'DINProBold'; font-size: 14px; line-height: 19px; color: #000; margin-bottom: 20px; } .black-friday-2020 .content .contentRow .content-right .item .cont p.black { background: #000; border-radius: 4px; padding: 20px; color: #fff; font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; position: relative; } .black-friday-2020 .content .contentRow .content-right .item .cont p.discount { background: #F79629; width: 68px; height: 68px; line-height: 68px; border-radius: 50%; font-size: 21px; color: #fff; margin: 0 auto 20px; } .black-friday-2020 .content .contentRow .content-right .item .cont p.black span.discount { position: absolute; background: #F79629; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; font-size: 12px; right: -10px; top: -10px; z-index: 1; } .black-friday-2020 .content .contentRow .content-right .item .price { text-align: center; } .black-friday-2020 .content .contentRow .content-right .item .price .old-price { font-family: 'DINProRegular'; font-size: 16px; line-height: 21px; margin: 0; text-decoration: line-through; color: #F79629; } .black-friday-2020 .content .contentRow .content-right .item .price .active-price { font-family: 'DINProRegular'; font-size: 21px; line-height: 27px; color: #000; } @media (max-width: 768px) { .black-friday-2020 .content .contentRow { flex-direction: column; padding-top: 60px; } .black-friday-2020 .content .contentRow .content-left { border: none; } .black-friday-2020 .content .contentRow .content-left .cont { position: static; transform: none; top: initial; margin-bottom: 20px; } .black-friday-2020 .content .contentRow .content-right { margin-left: 0; transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -moz-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -webkit-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -o-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; } .black-friday-2020 .content .contentRow .content-right.collapsed { display: none; flex: none; } .black-friday-2020 .content .contentRow .content-right .item-wrap { padding: 0 12px; } .black-friday-2020 .banner { background: url('/shop/media/wysiwyg/blackFriday2020/bf20-banner-mobile.jpg') no-repeat center top; background-size: cover; min-height: initial; position: relative; margin: 0 -12px; } .black-friday-2020 .banner .cont { max-width: 100%; transform: none; position: static; padding: 60px 48px 40px; margin: 0; } .black-friday-2020 .banner h1 { font-size: 28px; line-height: 30px; } .black-friday-2020 .banner p { font-size: 16px; } .black-friday-2020 .content { padding: 0 50px; width: calc(100% + 24px)!important; margin: 0 -12px!important; left: initial!important; right: initial!important; box-sizing: border-box; } .black-friday-2020 .content .contentRow { padding-top: 0; } .black-friday-2020 .content .contentRow .content-left .cont { margin-bottom: 0; } .black-friday-2020 .content .contentRow .content-left .btn { display: none; } .black-friday-2020 .content .contentRow .content-right > p { display: block; color: #fff; font-family: 'DINProRegular'; font-size: 16px; line-height: 22px; margin-bottom: 20px; text-align: center; } .black-friday-2020 .content .contentRow .content-right > .btn { margin: 0 12px; display: block; background: #fff; color: #000; } .black-friday-2020 .content .contentRow .content-right .item-wrap { width: 100%; float: none; margin-bottom: 30px; } .black-friday-2020 .content .contentRow .content-left h3 { position: relative; border-bottom: 1px solid #979797; margin-bottom: 0; padding-bottom: 45px; padding-right: 40px; padding-top: 45px; } .black-friday-2020 .content .contentRow .content-left h3:after { background: url('/shop/media/wysiwyg/blackFriday2020/icon-down.svg') no-repeat center right; position: absolute; content: ''; width: 36px; height: 36px; right: 0; transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -moz-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -webkit-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; -o-transition : opacity 300ms ease-in-out, opacity 300ms ease-in-out; } .black-friday-2020 .content .contentRow .content-left h3.expanded:after { background: url('/shop/media/wysiwyg/blackFriday2020/icon-x.svg') no-repeat center right; } .black-friday-2020 .content .contentRow:last-child { padding-bottom: 0; } } @media (max-width: 400px) { .black-friday-2020 .banner .cont { padding: 60px 0 40px; } .black-friday-2020 .content { padding: 0; width: calc(100% + 24px)!important; margin: 0 -12px!important; left: initial!important; right: initial!important; box-sizing: border-box; } } /* /black friday 2020 */ /* dig-3017 */ .ow_manuals.underPrice { padding-left: 25px; } .ow_manuals.underPrice a { position: relative; padding-left: 35px; min-height: 35px; display: flex; align-items: center; line-height: 1.3em; } .ow_manuals.underPrice a:before { top: 7px; position: absolute; left: 0; padding-right: 25px; } @media (max-width: 400px) { } /* dig-3017 */ .goog-text-highlight { background-color: inherit!important; -webkit-box-shadow: inherit!important; -moz-box-shadow: inherit!important; box-shadow: inherit!important; -webkit-box-sizing: inherit!important; -moz-box-sizing: inherit!important; box-sizing: inherit!important; position: inherit!important; } @media only screen and (min-width: 1280px) { body.lang-de #nav li.level0 > a { padding : 0 13px; } } @media only screen and (max-width: 1279px) and (min-width: 1101px) { body.lang-de #nav li.level0 > a { padding : 0 11px; } } @media only screen and (max-width : 1100px) and (min-width : 1015px) { body.lang-de #nav li.level0 > a { padding : 0 7px; } } @media only screen and (max-width : 1014px) and (min-width : 960px) { body.lang-de #nav li.level0 > a { padding: 0 8px; } } /* DIG-4777 */ .prod-specs { display: flex; padding: 0 0 70px 0; } .prod-specs:first-of-type { padding-top: 60px; } .prod-specs > img { margin-right: 30px; width: 70px; height: auto; } .prod-specs .line { width: 2px; background: #979797; } .prod-specs .text { padding: 40px 0 40px 40px; } @media only screen and (min-width : 768px) { .prod-specs .text li { list-style: '- '; margin-left: 10px; } } @media only screen and (max-width : 767px) { .prod-specs { padding: 0 0 40px 0; flex-wrap: wrap; } .prod-specs:first-of-type { padding-top: 40px; } .prod-specs > img { width: 40px; margin-right: 10px; } .prod-specs .line { width: 100%; height: 2px; flex: 1; margin-top: 19px; } .prod-specs .text { padding: 15px 0 0 0; flex: 0 0 100%; } .prod-specs .text ul { margin-bottom: 20px; } .prod-specs .text * { font-size: 14px; line-height: 23px; } } /* /DIG-4777 */ /*.product-view .ic-up, .product-view .ic-down { box-sizing: border-box; height: 26px; width: 100%; border: 1px solid #E7E7E7; display: block; text-align: center; line-height: 26px; margin: 10px 0; } .product-view .ic-up:before, .product-view .ic-down:before { height: 18px; width: 12px; color: #F89929; font-size: 18px; line-height: 18px; text-align: center; }*/ .cms-images-gallery-container { padding: 20px 0 30px; } .cms-images-gallery-container > img { display: block; margin: 20px auto; } .cms-images-gallery .slick-list { position: relative; margin: 0 40px 0 30px; box-sizing: border-box; } .cms-images-gallery .slick-list .slick-track { display: flex; align-items: stretch; margin: 0 auto; } .cms-images-gallery .thumbnail-item { margin-bottom: 0; margin-left: 10px; display: flex; height: initial; } .cms-images-gallery .thumbnail-item a { border: 1px solid #C5C5C5; display: flex; margin-bottom: 0px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; align-items: center; } .cms-images-gallery .ic-up, .cms-images-gallery .ic-down { position: absolute; width: 26px; height: 100%; line-height: 100%; margin: 0 10px 0 0; top: 0; left: 0; z-index: 1; background: #fff; border: 1px solid #E7E7E7; } .cms-images-gallery .ic-down { float: right; margin: 0 0 0 10px; left: auto; right: 0; } .cms-images-gallery .ic-up:before, .cms-images-gallery .ic-down:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); display: block; width: 100%; top: 43%; position: absolute; } /* https://ekwbdoo.atlassian.net/browse/DIG-5886 */ body.cms-page-view .page .main.container { border: none; } .text-center { text-align: center; } .box-left-right { display: flex; /*align-items: center;*/ gap: 40px; } .box-left-right .box-left, .box-left-right .box-right { width: 50%; } /*body.cms-page-view .page .inner-container .col-main h1 { font-family: DINProBlack!important; font-size: 48px; font-weight: 900; line-height: 56px; margin-bottom: 25px; } body.cms-page-view .page .inner-container .col-main h2 { font-family: DINProBold!important; font-size: 28px; font-weight: bold; line-height: 36px; margin-bottom: 20px; } body.cms-page-view .page .inner-container .col-main h3 { font-family: DINProBold!important; font-size: 21px; font-weight: bold; line-height: 27px; } body.cms-page-view .page .inner-container .col-main p, body.cms-page-view .page .inner-container .col-main p > a { font-family: DINProRegular!important; font-size: 18px; line-height: 23px; }*/ /*body.cms-page-view .page .inner-container .col-main ul { margin-bottom: 20px; }*/ /*body.cms-page-view .page .inner-container .col-main li { position: relative; padding-left: 15px; margin-left: 0; list-style: none; font-family: DINProRegular!important; font-size: 16px; line-height: 21px; }*/ /*body.cms-page-view .page .inner-container .col-main li:before { content: '-'; position: absolute; left: 0; }*/ body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap { text-align: center; overflow: hidden; padding: 70px 0; } body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap span { font-family: DINProRegular!important; font-size: 16px; line-height: 21px; color: #000; } body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap p { font-family: DINProBold!important; font-size: 24px; line-height: 31px } body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap .btn-line { position: relative; } body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap .btn-line:before { content: ''; height: 2px; background: #979797; position: absolute; padding-right: 30px; width: calc(50% - 235px); left: 0; top: 20px; } body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap .btn-line:after { content: ''; height: 2px; background: #979797; position: absolute; padding-left: 30px; width: calc(50% - 235px); right: 0; top: 20px; } body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap .ekwb-bundle-add-to-cart-button { position: relative; width: 350px; margin: 20px auto 0; font-size: 14px; line-height: 20px; padding: 10px; text-decoration: none; font-family: DINProBold!important; border-radius: 5px; box-sizing: border-box; } .cms-video-cont { position: relative; } .cms-video-image-overlay img { display: block; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; } .cms-video-image-overlay { position: absolute; width: 100%; height: 100%; display: block; content: " "; top: 0px; left: 0px; background-position: center; background-repeat: no-repeat; background-color: #010100; z-index: 9; cursor: pointer; background-size: cover; } .cms-video-full { position: relative; padding-top: 56.25%; pointer-events: initial; } .cms-video-full iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .cms-video-full-wrapper { background-color: #000; } @media only screen and (max-width : 768px) { .box-left-right { display: block; } .box-left-right .box-left, .box-left-right .box-right { width: 100%; } } @media only screen and (max-width : 550px) { body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap .btn-line:before, body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap .btn-line:after { content: none; } } @media only screen and (max-width : 480px) { body.cms-page-view .page .inner-container .col-main .shop-bundle-wrap .ekwb-bundle-add-to-cart-button { width: 100%; } } /* / https://ekwbdoo.atlassian.net/browse/DIG-5886 */ /* https://ekwbdoo.atlassian.net/browse/DIG-5917 */ body.cms-page-view .col-main ul.products-grid { display: flex; /*gap: 20px;*/ flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } body.cms-page-view .col-main ul.products-grid:after { content: none; } body.cms-page-view .col-main ul.products-grid li.item { margin-left: 0; list-style-type: none; margin-bottom: 0!important; height: auto!important; padding: 0 10px 0!important; width: 100%; flex: 0 0 25%; max-width: 25%; box-sizing: border-box; } body.cms-page-view .col-main ul.products-grid li.item .availability { margin-bottom: 50px!important; } body.cms-page-view .col-main ul.products-grid li.item .actions { width: 100%!important; padding-left: 0!important; position: static; } body.cms-page-view .col-main ul.products-grid li.item .actions a { background: #f78d22; color: #fff; box-sizing: border-box; display: block; text-decoration: none; padding: 13px; font-weight: 400; } body.cms-page-view .col-main ul.products-grid li.item .actions a:hover { background: #333333; } body.cms-page-view .col-main ul.products-grid li.item .actions.amazon a { background: #333333; color: #fff; display: none; } body.cms-page-view .col-main ul.products-grid li.item .actions.amazon a:hover { background: #eeeeee; color: #333; } body.cms-page-view.country-code-US .col-main ul.products-grid li.item .actions.amazon a.amazon-us, body.cms-page-view.country-code-DE .col-main ul.products-grid li.item .actions.amazon a.amazon-de, body.cms-page-view.country-code-IT .col-main ul.products-grid li.item .actions.amazon a.amazon-it, body.cms-page-view.country-code-FR .col-main ul.products-grid li.item .actions.amazon a.amazon-fr { display: block; } /*@media only screen and (min-width: 768px) and (max-width: 991px) { body.cms-page-view .col-main ul.products-grid li.item { width: 100%; flex: 0 0 33.33%; max-width: 33.33%; } }*/ @media only screen and (min-width: 380px) and (max-width: 767px) { body.cms-page-view .col-main ul.products-grid li.item { width: 100%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 379px) { body.cms-page-view .col-main ul.products-grid { flex-direction: column; } body.cms-page-view .col-main ul.products-grid li.item { width: 100%; flex: 0 0 100%; max-width: 100%; } } /* / https://ekwbdoo.atlassian.net/browse/DIG-5917 */ @media only screen and (max-width: 767px) { .catalog-category-view .main-container .main.container .inner-container { display: flex; flex-direction: column-reverse; } .catalog-category-view .main-container .main.container .inner-container .col-left.sidebar { margin-bottom: 0; } .catalog-category-view .main-container .main.container .inner-container .col-main .block-layered-nav { margin-top: 0; } .catalog-category-view .main-container .main.container .inner-container .col-left.sidebar .block.block-vertnav .block-title { padding-left: 25px; position: relative; } .catalog-category-view .main-container .main.container .inner-container .col-left.sidebar .block.block-vertnav .block-title:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ddd; border-right: none; left: 6px; top: 50%; margin-top: -5px; } .catalog-category-view .main-container .main.container .inner-container .col-left.sidebar .block.block-vertnav .block-title.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; top: 50%; margin-top: -3px; } } /* .catalog-category-view .main-container .main.container .inner-container .col-left.sidebar .block.block-vertnav li.level0:not(.item-active) { display: none; } */ #nav li#nav-887 { /* hide Black Friday 2022 category from main menu */ display: none!important; } /* https://ekwbdoo.atlassian.net/browse/DIG-6642 */ div#home > iframe, div[role="presentation"] > iframe { position: relative!important; } /* https://ekwbdoo.atlassian.net/browse/DIG-7126?filter=-1 */ .customer-support-cta { width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; background: #fff; bottom: -20px; text-align: center; padding-top: 60px; padding-bottom: 80px; } .customer-support-cta h3 { font-size: 48px; color: #252525; font-family: 'magistralcregularh1'; line-height: 120%; margin-bottom: 24px; } .customer-support-cta p { font-family: 'Open Sans'; font-size: 16px; color: #888; line-height: 24px; } .customer-support-cta .links { margin-top: 40px; display: flex; gap: 24px; justify-content: center; } .customer-support-cta .links a { background: #eee; color: #252525; font-size: 16px; font-family: 'Open Sans'; font-weight: 700; padding: 12px 20px; border-radius: 7px; transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out } .customer-support-cta .links a img { position: relative; margin-right: 10px; top: -1px; height: 20px; } .customer-support-cta .links a:hover { background: #ccc; } @media only screen and (max-width: 768px) { .customer-support-cta { padding-top: 10px; padding-bottom: 0; } .customer-support-cta .links { gap: 10px; flex-direction: column; width: 90%; margin: 40px auto 0; } } .sticker-wrapper.bf { width: 104px; height: 80px; } .catalog-product-view .sticker-wrapper.bf { right: 0; width: 153px; height: 117px; } .sticker.bf { background-image: url("https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/bf_picto.png"); background-size: contain; width: 100% !important; height: 100% !important; display: block !important; background-repeat: no-repeat; } .ekwb-bundle .ekwb-bundle-header.bf { background-image: url("https://www.ekwb.com/shop/skin/frontend/ultimo/optiweb/images/bf-product-banner.jpeg"); background-size: cover; color: white; height: 72px; } .ekwb-bundle .ekwb-bundle-header.bf .ekwb-bundle-title { line-height: 72px; color: white; font-weight: normal; } .ekwb-bundle.bf .ekwb-bundle-product { display: block; width: 100%; } .ekwb-bundle.bf .ekwb-bundle-product .product-image { max-width: 100%; } .ekwb-bundle.bf .ekwb-bundle-product .product-details { display: block; width: 185px; margin: 20px auto 0; padding: 0; } .ekwb-bundle.bf .ekwb-bundle-product .product-image .product-thumbnail { margin: 0 auto; width: 185px; } .catalog-product-view .product-images .product-image { margin-bottom: 0; position: relative; right: 0; } .product-view .sticker-wrapper { right: 0; } /* product page fix */ .catalog-product-view .amxnotif-block .amxnotif-block-label { background: transparent; color: #333; border: 1px solid #F89828; font-size: 13px; } .catalog-product-view .amxnotif-block .amxnotif-block-label:hover { background-color: transparent; border: 1px solid #333; } /*cart*/ .checkout-steps { display: flex; padding: 20px 0; margin-bottom: 30px; } .checkout-steps li { text-align: center; position: relative; } .checkout-steps li span { display: inline-block; width: 80px; height: 80px; line-height: 80px; border-radius: 100%; background-color: #dddddf; font-size: 30px; color: #fff; position: relative; z-index: 1; } .checkout-steps li:not(.checkout-line) { flex-basis: 20%; } .checkout-steps li.checkout-line { flex-grow: 1; } .checkout-steps li.checkout-line::after { content: ""; height: 1px; width: 140%; background-color: #ddd; position: absolute; top: 40px; left: -20%; } .checkout-steps li.checkout-step-active span { background-color: #f89836; } .checkout-steps li h6 { margin: 10px 0 0; } #shopping-cart-table .col-qty .col-qty-sub, #shopping-cart-table .col-qty .col-qty-add { display: none; } .newsletter-discount { padding-top: 6px; padding-bottom: 18px; } .newsletter-discount-icon { width: 40px; float: left; margin-right: 10px; } .newsletter-discount-text { font-weight: bold; } .sticker-wrapper.top-right { z-index: 1; } .product-image-wrapper img.bs-icon { width: 25px; position: absolute; top: 50%; left: auto; right: 0; height: auto; z-index: 0; transform: translateY(-50%); } .product-view .product-img-column .bs-icon { width: 70px; height: auto; position: absolute; top: 50%; transform: translateY(-50%); left: auto; right: 0; } .price-box .bs-icon { display: none; } .estimated-delivery-date { margin-bottom: 20px; font-size: 13px; height: 13px; } .estimated-delivery-date span { float: left; } .estimated-delivery-date .more-info { position: relative; } .estimated-delivery-date .more-info span { color: white; background-color: #989898; width: 20px; height: 20px; border-radius: 20px; display: block; text-align: center; margin-left:5px; cursor: pointer; } .estimated-delivery-date .more-info-popup { display: none; position: absolute; background: rgba(244, 244, 244, 0.9); padding: 10px; width: 300px; z-index: 1; border-radius: 5px; } @media (max-width: 768px) { /*cart*/ body.firecheckout-index-index .main.container, body.checkout-cart-index .main.container { padding-top: 15px; } body.firecheckout-index-index .checkout-header, body.checkout-cart-index .checkout-header { display: flex; align-items: center; } body.firecheckout-index-index .block_checkout_header_ekwb .logo-wrapper, body.checkout-cart-index .block_checkout_header_ekwb .logo-wrapper { width: 50%; text-align: left; } body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right, body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right { width: 50%; text-align: right; } body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div { text-align: right; } body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div, body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right div { text-align: right; } body.firecheckout-index-index .block_checkout_header_ekwb .logo, body.checkout-cart-index .block_checkout_header_ekwb .logo { margin-bottom: 10px; } body.firecheckout-index-index .block_checkout_header_ekwb .logo img, body.checkout-cart-index .block_checkout_header_ekwb .logo img { width: 100%; max-width: 150px; } } @media (max-width: 767px) { .header-mobile .skip-link .count { position: absolute; top: 30px; left: 40px; } .ekwb-bundle .ekwb-bundle-header.bf .ekwb-bundle-title { text-align: center; } .catalog-product-view .product-images .product-image { margin-bottom: 20px; } /* mobile header fix*/ .header-mobile .hp-blocks-holder { display: flex; align-items: center; position: relative; } .header-mobile .skip-link { background-color: transparent; } .header-mobile .skip-link { display: block; order: 1; } .header-mobile .skip-link .label { display: none; } .header-primary .mini-cart .mini-cart-heading .ic, .header-primary .skip-link .ic.icon::before { color: #fff; } .header-primary .skip-link.skip-nav { order: 2; } .header-primary #mini-cart-wrapper-mobile { order: 1; } .header-primary #header-cart.mini-cart-content, .header-mobile .skip-content.skip-active#header-account, .header-mobile .skip-content.skip-active#header-search { position: absolute; top: 65px; left: -11px; right: 0; z-index: 9; border: 1px solid #dbdbdb; width: calc(100% + 23px) !important; } .header-mobile .skip-link.skip-active { background: transparent; } .header-mobile .skip-link.skip-active .icon::before { color: #f89828; } .header-mobile .skip-links--4 .skip-link { width: auto; padding: 0 12px; } .header-mobile .skip-links--4 .skip-link.skip-nav { padding-right: 0; } .header-mobile .logo-wrapper--mobile { width: auto; margin: 0; text-align: left; flex-shrink: 0; } .header-mobile .logo-wrapper--mobile .logo img { max-width: 100px; } /* product page fix */ .catalog-product-view .breadcrumbs { padding: 0; text-align: left; } .product-view .add-to-cart .btn-cart { width: 100%; } .product-view .product-secondary-column .container_product_secondary_2 { overflow-y: unset; } .product-view .product-secondary-column .container_product_secondary_2>.feature { min-width: 25% !important; text-align: center; padding: 0 5px; } .product-view .product-secondary-column .ow_warranty p, .product-view .product-secondary-column .ow_step p, .product-view .product-secondary-column .ow_fast p, .product-view .product-secondary-column .ow_payment p, .product-view .product-secondary-column .ow_paypal p, .product-view .product-secondary-column .ow_made p { width: auto; } .feature-icon-hover p:before { margin: -7px auto 0 auto; float: none; } .product-view .product-secondary-column .feature { height: unset; } /*cart*/ .checkout-steps li span { width: 60px; height: 60px; line-height: 60px; } .checkout-steps li.checkout-line::after { width: 100%; left: 0; top: 30px; } #shopping-cart-table tbody > tr { display: flex; flex-wrap: wrap; position: relative; box-sizing: border-box; padding-bottom: 20px; } #shopping-cart-table tbody > tr * { box-sizing: border-box; } #shopping-cart-table tbody > tr td:first-child { width: 100%; display: flex; } #shopping-cart-table .product-image { width: auto; } #shopping-cart-table tbody > tr td:first-child .product-image img { width: 140px; max-width: 140px; } #shopping-cart-table tbody > tr h2.product-name { padding: 0 30px 0 20px; } #shopping-cart-table tbody > tr td:nth-child(2) { width: 100%; padding-bottom: 10px; } #shopping-cart-table tbody > tr .col-qty { position: relative; text-align: center !important; } #shopping-cart-table tbody > tr .col-qty .col-qty-wrapper { display: block; width: 100%; position: absolute; top: 0; right: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } #shopping-cart-table tbody > tr td.col-qty .cell-label { display: none; } #shopping-cart-table tbody > tr .col-delete { position: absolute; top: 0; right: 0; width: auto; display: inline-block; } #shopping-cart-table tbody > tr .col-unit-price, #shopping-cart-table tbody > tr .col-total { display: flex; } #shopping-cart-table tbody > tr .col-unit-price, #shopping-cart-table tbody > tr .col-qty, #shopping-cart-table tbody > tr .col-total { width: 50% !important; } #shopping-cart-table .col-qty .col-qty-sub, #shopping-cart-table .col-qty .col-qty-add { display: inline-block; width: 20px; height: 20px; text-align: center; background-color: #fff; border: 1px solid #dbdbdb; cursor: pointer; } .estimated-delivery-date .more-info-popup { left: 0; } } @media (max-width: 480px) { /*cart*/ body.firecheckout-index-index .block_checkout_header_ekwb .logo-wrapper, body.checkout-cart-index .block_checkout_header_ekwb .logo-wrapper { width: 40%; padding-right: 10px; } body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right, body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right { width: 60%; } body.firecheckout-index-index .block_checkout_header_ekwb .logo img, body.checkout-cart-index .block_checkout_header_ekwb .logo img { max-width: 120px; } .checkout-steps { margin-bottom: 10px; } .checkout-steps li.checkout-line::after { width: 90%; left: 5%; right: 5%; } .checkout-cart-index .page-title h1, .checkout-cart-index .page-title p { width: 100%; text-align: left; } #shopping-cart-table tbody > tr .col-qty { text-align: right !important; } #shopping-cart-table tbody > tr .col-qty .col-qty-wrapper { right: 10px; } .checkout-steps li h6 { font-size: 12px; } #shopping-cart-table tbody > tr td:first-child .product-image img { width: 80px; max-width: 80px; } } .cookies * { box-sizing: border-box; } .cookies { position: fixed; bottom: -1000px; left: 0; width: 100%; z-index: 9001; color: #fff; padding: 16px 0 0; background: #191919; } .display-none { display: none; } @media print, screen and (min-width: 64em) { .cookies { padding: 0; } } @media print, screen and (max-width: 64em) { .cookies .container { padding: 0 !important; } } .cookies .cookie-content { display: flex; flex-flow: column; align-items: stretch; position: relative; z-index: 2; margin-bottom: 16px; } @media print, screen and (min-width: 64em) { .cookies .cookie-content { flex-flow: row; align-items: center; margin-bottom: 0; } } @media print, screen and (max-width: 64em) { .cookies .cookie-content { align-items: center; } } .cookies .cookie-content .cookies_right { min-width: 240px; flex-shrink: 0; display: flex; flex-flow: column; align-items: center; padding: 1rem; } @media print, screen and (min-width: 64em) { .cookies .cookie-content .cookies_right { padding: 1rem 0 1rem 1rem; } } @media print, screen and (max-width: 64em) { .cookies .cookie-content .cookies_right { width: 100%; justify-content: center; align-items: center; } } .cookies .cookie-content .cookies_right .button_confirm { background-color: #f89829; border-radius: 0px; color: #fff; margin-bottom: 1rem; text-transform: uppercase; font-size: 18px; transition: all 0.3s ease-out; padding: 10px; cursor: pointer; width: 100%; text-align: center; } @media print, screen and (max-width: 64em) { .cookies .cookie-content .cookies_right .button_confirm { font-size: 15px; padding: 5px 12px 5px 12px; } } .cookies .cookie-content .cookies_right .button_settings { border: 0.5px solid #fff; background-color: #191919; color: #fff; font-size: 18px; text-align: center; text-transform: uppercase; transition: all 0.3s ease-out; padding: 10px; border-radius: 0px; width: 100%; cursor: pointer; } .cookies .cookie-content .cookies_right .button_settings::after { background-image: none !important; text-indent: 0; display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; content: "\e263"; vertical-align: bottom; } .cookies .cookie-content .cookies_right .button_settings.rotate::after { transform: rotate(90deg); } @media print, screen and (max-width: 64em) { .cookies .cookie-content .cookies_right .button_settings { font-size: 15px; padding: 5px 12px 5px 12px; } } .cookies .cookie-content .cookies_left { padding: 0 1rem; width: 100%; } @media print, screen and (min-width: 64em) { .cookies .cookie-content .cookies_left { padding: 0 2rem 0 0; } } .cookies .cookie-content .cookies_left .cookies_title { font-size: 22px !important; font-weight: 600 !important; } .cookies .cookie-content .cookies_left .cookies_text p { color: white !important; font-size: 14px !important; line-height: 23px !important; } .cookies .cookie-content .cookies_left .cookies_text a { color: #f89829; } .cookies .cookie_settings { background: black; position: relative; z-index: 2; } @media print, screen and (max-width: 64em) { .cookies .cookie_settings { padding: 2rem 1rem; position: absolute; top: 0; width: 100%; height: 100%; } } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .container { height: 100%; } } .cookies .cookie_settings .cookie_settings_wraper { display: flex; flex-flow: column; align-items: stretch; position: relative; z-index: 2; margin-bottom: 16px; } @media print, screen and (min-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper { flex-flow: row; align-items: center; margin-bottom: 0; padding: 2rem 0; } } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper { align-items: center; height: 100%; } } .cookies .cookie_settings .cookie_settings_wraper .form_left { padding: 0 1rem; width: 100%; } @media print, screen and (min-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_left { padding: 0 2rem 0 0; } .cookies .cookie_settings .cookie_settings_wraper .form_left .input_wrapper { margin-bottom: 10px; } } .cookies .cookie_settings .cookie_settings_wraper .form_left label { position: relative; padding-left: 30px; padding-top: 2px; font-family: 'DINPro', sans-serif !important; font-size: 18px !important; line-height: 23px !important; font-weight: 400 !important; } .cookies .cookie_settings .cookie_settings_wraper .form_left label:before { position: absolute; height: 21px; width: 21px; border: 1px solid white; border-radius: 0; content: ""; left: 0; top: 13px; transform: translateY(-50%); } .cookies .cookie_settings .cookie_settings_wraper .form_left label b { font-size: 14px !important; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[type="checkbox"] { opacity: 0; position: absolute; z-index: -9999; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[type="checkbox"]:checked + label::before { border: 1px solid #f89829; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[type="checkbox"]:checked + label::after { position: absolute; left: 4px; top: 6px; background: #f89829; width: 15px; height: 15px; display: block; content: ""; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[disabled="disabled"]:checked + label::before { border: 1px solid #b3b3b3; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[disabled="disabled"]:checked + label::after { background: #b3b3b3; } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_left .input_wrapper { margin-bottom: 10px; } .cookies .cookie_settings .cookie_settings_wraper .form_left label { font-size: 14px !important; } .cookies .cookie_settings .cookie_settings_wraper .form_left label b { font-size: 16px !important; } } .cookies .cookie_settings .cookie_settings_wraper .form_right { min-width: 240px; flex-shrink: 0; display: flex; flex-flow: column; align-items: center; padding: 1rem 1rem 0 1rem; } @media print, screen and (min-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_right { padding: 1rem 0 1rem 1rem; } } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_right { max-width: 100%; width: 100%; align-items: center; justify-content: center; margin-top: auto; } } .cookies .cookie_settings .cookie_settings_wraper .form_right .button_save_settings { background-color: #f89829; border-radius: 0px; color: #fff; margin-bottom: 1rem; text-transform: uppercase; font-size: 18px; transition: all 0.3s ease-out; padding: 10px; cursor: pointer; text-align: center; width: 100%; } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_right .button_save_settings { font-size: 15px; padding: 5px 12px 5px 12px; } } .cookies .cookie_settings .cookie_settings_wraper .form_right .button_hide_settings { border: 0.5px solid #fff; background-color: #000; color: #fff; font-size: 15px; text-align: center; text-transform: uppercase; transition: all 0.3s ease-out; padding: 5px 12px 5px 12px; border-radius: 0px; width: 100%; cursor: pointer; } @media print, screen and (min-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_right .button_hide_settings { /*display: none;*/ } } .subcribe-popup { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .subcribe-popup-content { background-color: #fefefe; margin: 15% auto; padding: 30px 20px; border: 1px solid #888; width: 40%; min-width: 515px; height: auto; position: relative; } .close-subcribe-popup { color: #aaa; position: absolute; right: 5px; top: 0; font-size: 28px; font-weight: bold; } .close-subcribe-popup:hover, .close-subcribe-popup:focus { color: black; text-decoration: none; cursor: pointer; } .amxnotif-block label { display: block; color: #2F2F2F; font-weight: bold; float:none; } .amxnotif-block { margin-bottom: 5px; clear: both; } .amxnotif-block-label { cursor: pointer; } .amxnotif-block.category button { margin-top: 5px; } .amxnotif-block-price { clear: both; margin-bottom: 5px; } .grouped-items-table .amxnotif-block [name="guest_email"] { width: 100%; margin: inherit; } @media only screen and (max-width: 520px) { .grouped-items-table .image .thumbnail { max-width: 70px; } } .amxnotif-button-container, .amxnotif-input-fields { display: inline-block; vertical-align: top; text-align: left; max-width: 100%; } .subcribe-popup.amxnotif-block label { font-size: 20px; margin-bottom: 10px; } .amgdpr-checkbox + .amgdpr-label { display: inline; width: 100%; padding: 5px; vertical-align: initial; } .amgdpr-checkbox { vertical-align: middle; } .subcribe-popup-content .amxnotif-input-fields { max-width: 50%; } @media only screen and (max-width: 768px) { .subcribe-popup-content { margin: 20% auto; padding: 30px 10px; width: 90%; min-width: inherit; } .subcribe-popup-content .amxnotif-input-fields { max-width: 90%; margin-bottom: 20px; } .subcribe-popup-content .amxnotif-button-container { display: block; text-align: center; } .amxnotif-email { display: block; margin: auto; } } .apple-pay-button-with-text{--apple-pay-scale:1;display:inline-block;font-size:12px;border-radius:5px;padding:0;box-sizing:border-box;min-width:200px;min-height:32px;max-height:64px;text-align:center;vertical-align:middle;font-size:0;border:0;min-height:40px}.apple-pay-button-black-with-text{background-color:#000;color:#fff}.apple-pay-button-white-with-text{background-color:#fff;color:#000}.apple-pay-button-white-with-line-with-text{background-color:#fff;color:#000;border:.5px solid #000}.apple-pay-button-with-text.apple-pay-button-black-with-text>.ap-logo{background-image:-webkit-named-image(apple-pay-logo-white);background-color:#000}.apple-pay-button-with-text.apple-pay-button-white-with-text>.ap-logo{background-image:-webkit-named-image(apple-pay-logo-black);background-color:#fff}.apple-pay-button-with-text.apple-pay-button-white-with-line-with-text>.ap-logo{background-image:-webkit-named-image(apple-pay-logo-black);background-color:#fff}.apple-pay-button-with-text>.text{font-family:-apple-system;font-size:12px;font-weight:300;align-self:center;margin-right:calc(2px * var(--apple-pay-scale));vertical-align:middle}.apple-pay-button-with-text>.ap-logo{background-size:100% 60%;background-repeat:no-repeat;background-position:0 50%;margin-left:calc(4px * var(--apple-pay-scale));border:none;width:42px;height:34px;vertical-align:middle;display:inline-block}.apple-pay-loading-overlay{transition:.5s;opacity:0;visibility:hidden}.apple-pay-loading-overlay.active{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);background-size:64px 64px;z-index:10001;opacity:1;visibility:visible}.apple-pay-loading-overlay .ball-scale-ripple-multiple{position:absolute;left:50%;top:50%}@-webkit-keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.ball-scale-ripple-multiple{position:relative;-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px)}.ball-scale-ripple-multiple>div:nth-child(0){-webkit-animation-delay:-.8s;animation-delay:-.8s}.ball-scale-ripple-multiple>div:nth-child(1){-webkit-animation-delay:-.6s;animation-delay:-.6s}.ball-scale-ripple-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.ball-scale-ripple-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ball-scale-ripple-multiple>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:-2px;left:-33px;width:64px;height:64px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8)}.product-view .add-to-cart-buttons.braintree-applepay-express-container .button{width:auto}.product-view .add-to-cart-buttons.braintree-applepay-express-container .button+.apple-pay-button-with-text{margin-left:5px}ul.checkout-types .braintree-applepay-express-container .apple-pay-button-with-text{height:33px;min-height:33px}@media (max-width:450px){.product-view .add-to-cart-buttons.braintree-applepay-express-container{width:100%}.product-view .add-to-cart-buttons.braintree-applepay-express-container .button{width:100%}.product-view .add-to-cart-buttons.braintree-applepay-express-container .apple-pay-button-with-text{width:100%;margin-bottom:10px}.product-view .add-to-cart-buttons.braintree-applepay-express-container .button+.apple-pay-button-with-text{margin-left:0}ul.checkout-types .braintree-applepay-express-container .apple-pay-button-with-text{width:100%;height:40px;min-height:40px}}.applepay-info-header{font-weight:700;padding:3px 0;text-align:left}.applepay-info{padding:3px 0} /* Accepted Cards */ #braintree-accepted-cards img { display: inline-block; margin-right: 4px; } /* Hosted Fields Loading State */ #credit-card-form.loading { position: relative; } #credit-card-form .braintree-hostedfield { opacity: 1; } #credit-card-form .credit-card-loading { display: none; } #credit-card-form .braintree-card-unsupported { color: darkred; font-weight: bold; padding: 6px 0 4px 0; } #credit-card-form.loading .credit-card-loading { position: absolute; top: 30%; left: 0; right: 0; width: 100%; height: 70%; text-align: center; display: block; } #credit-card-form.loading .credit-card-loading img { margin: 16px auto; } #credit-card-form.loading .braintree-hostedfield { opacity: 0; } #credit-card-form label { float: none; } /* Hosted Fields */ #braintree-hosted-submit { display: none; } .braintree-input-field { height: 42px; max-width: 340px; padding: 0 10px; border: 1px solid lightgrey; background: white; } .braintree-input-field.braintree-postal-code { width: 140px; } .braintree-card-input-field { height: 50px; width: 100%; max-width: 372px; border: 1px solid lightgrey; position: relative; background: white; } .braintree-card-input-field .card-type { position: absolute; top: 0; left: 0; bottom: 0; padding: 0 10px 0 8px; } .braintree-card-input-field .card-type img { height: 48px; } .braintree-card-input-field #card-number { float: left; height: 48px; width: 100%; padding-left: 66px; box-sizing: border-box; } #braintree-expiration-container { display: block; width: 100%; vertical-align: middle; font-size: 0; } .braintree-expiration { width: 70px; display: inline-block; *zoom: 1; *display: inline; } .braintree-expiration-seperator { vertical-align: top; line-height: 42px; display: inline-block; *zoom: 1; *display: inline; font-size: 30px; padding: 0 8px; } #checkout-review-submit .paypalbtn-rendered { max-width: 450px; margin: 0 auto; } .braintree-cvv { width: 80px; } .braintree-hostedfield .cvv-what-is-this { margin-left: 0; } #three-d-modal { position: fixed; top: 0; left: 0; display: flex; align-items: center; height: 100vh; width: 100vw; z-index: 100000; visibility: visible; transition: 0.4s; opacity: 1; } #three-d-modal.hidden { visibility: hidden; transition: 0.4s; opacity: 0; } #three-d-modal.hidden .bt-modal-frame { transition: 0.4s; transform: translateY(80px); } #three-d-modal .bt-modal-frame { height: 450px; width: 440px; margin: auto; background-color: #ffffff; z-index: 2; border-radius: 6px; transition: 0.4s; transform: translateY(0); } #three-d-modal .bt-modal-body { height: 380px; margin: 0 20px; background-color: white; border: 1px solid lightgray; } #three-d-modal .bt-modal-header { height: 40px; text-align: center; line-height: 40px; } #three-d-modal .bt-mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.75; } @media (max-width: 650px) { #three-d-modal .bt-modal-frame { width: 100%; } } #paypal-container iframe { display: none; } /* PayPal headless button */ button.braintree-paypal-button { background: #019cde; color: white; height: 46px; line-height: 46px; padding: 0 20px 0 18px; border: none; border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; float: left; cursor: pointer; } button.braintree-paypal-button.braintree-paypal-loading { background: #014c6b url('https://www.ekwb.com/shop/skin/frontend/base/default/images/gene/braintree/paypal-loading.gif') center center no-repeat; background-size: 32px; } button.braintree-paypal-button.braintree-paypal-loading > span { opacity: 0; } button.braintree-paypal-button.braintree-paypal-loading:hover { background: #014c6b url('https://www.ekwb.com/shop/skin/frontend/base/default/images/gene/braintree/paypal-loading.gif') center center no-repeat; background-size: 32px; } button.braintree-paypal-button:hover { background: #0175a6; } button.braintree-paypal-button > span { display: block; height: 46px; line-height: 46px; background: url('https://www.ekwb.com/shop/skin/frontend/base/default/images/gene/braintree/paypal.png') right center no-repeat; background-size: 80px; padding-right: 94px; } /* Saved Accounts */ #creditcard-saved-accounts, #paypal-saved-accounts { font-size: 0; width: 100%; } #creditcard-saved-accounts tr, #paypal-saved-accounts tr { border-bottom: 1px dotted lightgrey; } #creditcard-saved-accounts tr td, #paypal-saved-accounts tr td { vertical-align: middle; } #payment_form_gene_braintree_creditcard #creditcard-saved-accounts label, #payment_form_gene_braintree_paypal #paypal-saved-accounts label, #payment_form_gene_braintree_creditcard #creditcard-saved-accounts .label, #payment_form_gene_braintree_paypal #paypal-saved-accounts .label { width: 100%; padding: 0; text-align: left; float: none; } #payment_form_gene_braintree_creditcard p, #payment_form_gene_braintree_paypal p { padding: 0; } #creditcard-saved-accounts tr.other-row, #paypal-saved-accounts tr.other-row { border-bottom: 0; } #creditcard-saved-accounts label { float: left; padding: 10px 0; line-height: 40px; width: 100%; } #creditcard-saved-accounts tr.other-row label, #paypal-saved-accounts tr.other-row label { padding: 8px 0; } #paypal-saved-accounts label { padding: 6px 0; line-height: 40px; } #creditcard-saved-accounts label img, #paypal-saved-accounts label img { margin-left: 6px; height: 40px; float: left; } #creditcard-saved-accounts label .saved-card-info, #paypal-saved-accounts label .saved-paypal-email { margin-left: 14px; float: left; } #creditcard-saved-accounts label .saved-card-info span { line-height: 40px; } #creditcard-saved-accounts label .saved-card-info span.saved-expiry-date { font-size: 12px; font-weight: normal; margin-left: 14px; } #gene_braintree_creditcard_store_in_vault_div label, label[for="gene_braintree_paypal_store_in_vault"] { width: auto!important; } /* Multi shipping */ body.checkout-multishipping-billing #payment-continue.loading { padding-left: 12px; } body.checkout-multishipping-billing #payment-continue.loading > span { background: url('https://www.ekwb.com/shop/skin/frontend/base/default/images/gene/loader-white.gif') center left no-repeat; background-size: 15px 15px; padding-left: 22px; } body.checkout-multishipping-billing .buttons-set #paypal-complete { float: right; width: 400px; text-align: right; } body.checkout-multishipping-billing .buttons-set #paypal-complete > label { float: right; margin-right: 16px; } body.checkout-multishipping-billing .buttons-set #paypal-complete #paypal-container { float: right; } #pp-express-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0, 0, 0, 0.701961); } #pp-express-modal { box-sizing: border-box; display: none; position: fixed; top: 20%; left: 40%; left: calc(50% - 175px); z-index: 101; width: 350px; height: 390px; padding: 15px; background: #fff; border: 3px solid #ccc; border-radius: 4px; overflow: auto; } #pp-express-modal .button { display: block; width: 100%; margin-top: 30px; } #pp-express-modal .button.coupon-submit { margin: 0; float: right; width: 50%; box-sizing: border-box; } #pp-express-modal .button.loading { background-image: url('https://www.ekwb.com/shop/skin/frontend/base/default/images/gene/loader-transparent.gif'); background-repeat: no-repeat; background-position: center center; background-size: auto 60%; text-indent: -9999px; } #pp-express-modal #paypal-express-coupon { float: left; width: 50%; box-sizing: border-box; height: 33px; line-height: 33px; } #pp-express-modal #paypal-express-coupon-error { margin-bottom: 6px; } #pp-express-modal .button2 { display: block; width: 100%; margin-top: 6px; font-size: 0.9rem; } #pp-express-modal .product-row { min-height: 60px; margin: 0; } #pp-express-modal .item-row { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; display: block; } #pp-express-modal .item-row.coupon-row { float: left; width: 100%; } #pp-express-modal .item-subrow { margin-top: 5px; margin-bottom: 5px; display: block; } #pp-express-modal .product-image { float: left; width: 50px; height: 50px; margin: 0; overflow: hidden; } #pp-express-modal .product-image img { max-width: 100%; } #pp-express-modal .product-info { margin-left: 60px; padding-top: 5px; } #pp-express-modal .product-qty { font-size: 0.8rem; } #pp-express-modal #shopping-cart-totals-table { width: 100%; } #pp-express-modal #shopping-cart-totals-table td { padding-left: 10px; } #pp-express-modal.loading:before { content: " "; background: url('https://www.ekwb.com/shop/skin/frontend/base/default/images/gene/loader.gif') no-repeat; height: 48px; width: 48px; position: absolute; top: 30%; left: 44%; left: calc(50% - 24px); } @media (max-width: 770px) { #pp-express-modal { width: 70%; height: 80%; top: 10%; left: 15%; } } @media (max-width: 500px) { #pp-express-modal { width: 100%; height: 100%; top: 0; left: 0; border: none; border-radius: 0; padding: 25px; } } /* If the element contains a PayPal express button don't force the buttons to width 100% */ .product-view .add-to-cart-buttons.braintree-paypal-express-container .button { width: auto; } .paypal-express-btn { width: 200px; } .product-view .add-to-cart-buttons.braintree-paypal-express-container .paypal-express-btn { float: left; margin-left: 15px; margin-top: 2px; } @media (max-width: 599px) { .paypal-express-btn { width: 100%; } .product-view .add-to-cart-buttons.braintree-paypal-express-container { width: 100%; } .product-view .add-to-cart-buttons.braintree-paypal-express-container .button { width: 100%; } .product-view .add-to-cart-buttons.braintree-paypal-express-container .paypal-express-btn { float: none; margin: 15px 0; } } /* Cart Page */ .checkout-types.top li.braintree-paypal-express-container { display: block; float: left; margin-right: 15px; } .checkout-types.bottom li.braintree-paypal-express-container { margin-right: 10px; } .checkout-types.bottom li.braintree-paypal-express-container, .checkout-types.bottom li.braintree-paypal-express-container + li{ float: left; } @media (max-width: 740px) { .checkout-types.top li.braintree-paypal-express-container { float: none; margin-bottom: 10px; } .paypal-express-btn { width: 100%; } } @media (max-width: 770px) { .checkout-types.top li.braintree-paypal-express-container { margin-right: 0; } .checkout-types.bottom li.braintree-paypal-express-container, .checkout-types.bottom li.braintree-paypal-express-container + li{ float: none; } .checkout-types.bottom li.braintree-paypal-express-container { margin: 0; } }