/* Colors */ /* Primary: var(--primary-color); Dark primary: var(--dark-primary-color); Light primary: var(--light-primary-color); Secondary: var(--secondary-color); Dark secondary: var(--dark-secondary-color); Light secondary: var(--light-secondary-color); Darkest: var(--darkest-color); */ /** Base Styles **/ :root { --primary-color: #88898C; --dark-primary-color: #3F3F40; --light-primary-color: #D2D4D9; --secondary-color: #A6A6A6; --dark-secondary-color: #595959; --light-secondary-color: #F2F2F2; --darkest-color: #0D0D0D; } .mdi { display: inline-block; font: normal normal normal 24px/1 MaterialDesignIcons; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } body { font-weight: 400; overflow-x: hidden; position: relative; color: var(--darkest-color); font-family: 'Source Sans Pro', sans-serif; } body::-webkit-scrollbar, body *::-webkit-scrollbar { width: 5px; height: 5px; background: #DFE0E3; } body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb { background: var(--primary-color); } a, a:visited { color: var(--darkest-color); } a:hover, a:active, a:focus { color: var(--primary-color); text-decoration: none; } select { cursor: pointer; background-color: #ebebeb; border: 0; font-size: 14px; text-transform: uppercase; padding: 7px 10px; width: 100%; outline: 0; -webkit-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } input { font-size: 16px; border: 0; color: var(--dark-secondary-color); background-color: transparent; position: relative; } input:focus { outline-style: none; } textarea { width: 100%; max-width: 100%; background: var(--light-secondary-color); outline: 0; padding: 10px; margin: 15px 0; border: none; } textarea:focus { border: 2px solid var(--primary-color); } .form-control, body.no-material *:not(.product-input) > input { background-color: var(--light-secondary-color); width: 100%; font-size: 14px; padding: 10px; color: #333; height: 45px; margin: 9px 0; } p, ul, ol, form { margin: 0; padding: 0; } ul, ol { list-style: none; } img { max-width: 100%; height: auto; } table { font-size: inherit; } .margin-top-small { margin-top: 10px; } .margin-bottom-small { margin-bottom: 10px; } .margin-top-big { margin-top: 20px; } .margin-bottom-big { margin-bottom: 20px; } .hide-option { height: 0; opacity: 0; transition: all 0.2s linear 0s; overflow: hidden; } .active .hide-option { height: auto; opacity: 1; overflow: visible; } .home-slider-container { padding: 0; } .home-slide img { max-width: 100%; } .row.equal { display: table; height: 100%; width: calc(100% + 15px); } .row.equal > .row-inner { display: table-row; height: 100%; width: 100%; } .row.equal > .row-inner > [class*="col-"] { display: table-cell; height: 100%; } .rc-carousel-classic { position: relative; } #loading { display: none; background-color: #fff; position: absolute; left: 50%; top: 50%; z-index: 200; margin: -50px 0 0 -80px; width: 160px; height: 100px; border: 1px solid var(--secondary-color); padding: 15px 20px 5px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .tooltip > .tooltip-inner { border-radius: 0; padding: 4px 10px 5px; } h1.subtitle2, h2.subtitle2, h3.subtitle2, h4.subtitle2, h5.subtitle2 { color: #444; text-transform: uppercase; position: relative; display: block; text-align: center; } h1.subtitle2 span, h2.subtitle2 span, h3.subtitle2 span, h4.subtitle2 span, h5.subtitle2 span { background-color: #fff; display: inline-block; padding-left: 10px; padding-right: 10px; position: relative; z-index: 5; } .vfat_panel h1.subtitle2 span, .vfat_panel h2.subtitle2 span, .vfat_panel h3.subtitle2 span, .vfat_panel h4.subtitle2 span, .vfat_panel h5.subtitle2 span { background-color: var(--light-secondary-color); } h2.subtitle:first-of-type, h3.subtitle:first-of-type, h4.subtitle:first-of-type, h5.subtitle:first-of-type { margin-top: 0; } .data-highlight { font-weight: bold; } .form-alert { color: rgb(191, 10, 10); } /*********/ /* Icons */ /*********/ .panel-animation { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ico-account, .ico-cart, .ico-cart-small, .ico-pen, .ico-cart-2 { background-image: url('../images/icons.png'); display: inline-block; } .ico-account { width: 12px; height: 12px; background-position: -15px 100%; } .ico-pen { width: 14px; height: 14px; background-position: 0 100%; } .ico-cart { width: 27px; height: 27px; background-position: -27px 0; } .ico-cart-2 { width: 23px; height: 24px; background-position: 0 0; } .ico-cart-small { width: 13px; height: 14px; background-position: 100% 100%; } /***********/ /* Buttons */ /***********/ .button { z-index: 1; position: relative; display: inline-block; padding: 13px 15px 11px; line-height: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid; } .button-primary { background-color: var(--primary-color); border-color: var(--primary-color); } .button-primary:hover, .button-primary.disabled { background-color: var(--dark-primary-color); border-color: var(--dark-primary-color); } .button-light { background-color: var(--secondary-color); color: var(--darkest-color); border-color: var(--secondary-color); } .button svg path { transition: all 0.3s; } .button-light:hover { color: var(--primary-color); border-color: var(--light-secondary-color); background-color: var(--light-secondary-color); } .button-dark { background-color: var(--dark-secondary-color); border-color: var(--dark-secondary-color); color: #fff; } .button-dark:hover { background-color: var(--darkest-color); } .button-primary, .button-dark { color: #fff !important; } .button-plain { font-size: 17px; color: #111; font-weight: bold; text-transform: uppercase; } .button-small { font-size: 12px; padding: 7px 15px; } .button-large { font-size: 16px; line-height: 16px; padding: 11px 26px 12px; } .button-active.button-light { color: var(--primary-color); } .button.with-icon > i:first-child { padding-right: 10px; } .button:active, .button:focus { outline-style: none; } .button-block { display: block; text-align: center; } .button-block + .button-block { margin-top: 15px; } .button-google, .button-facebook { padding: 15px 15px 15px 45px; font-size: 16px; font-weight: 700; color: #fff !important; } .button-google { background-color: #D34836 !important; } .button-facebook { background-color: #5972a7 !important; } .button-google i, .button-facebook i { color: rgba(255, 255, 255, 0.07); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); font-size: 42px; position: absolute; left: 8px; bottom: -7px; transform: rotate(-10deg); } .plain-btn a { text-decoration: underline; color: #444; padding-bottom: 10px; } .button i.mdi-chevron-right { margin-right: 14px; } /*********/ /* Forms */ /*********/ /** Inputs and labels **/ label { cursor: pointer; } body:not(.no-material) label.input-label { position: relative; padding-top: 20px; margin-bottom: 20px; display: block; border-bottom: 1px solid var(--secondary-color); text-align: left; } body:not(.no-material) label.input-label.inline { display: inline-block; } body:not(.no-material) label.input-label .label-text { color: var(--dark-secondary-color); position: absolute; z-index: 1; display: block; text-transform: none; top: 20px; left: 0; right: 0; bottom: 0; padding: 6px 10px; font-size: 16px; -webkit-transition: font 0.3s ease-in-out, top 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: font 0.3s ease-in-out, top 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: font 0.3s ease-in-out, top 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out; } body:not(.no-material) label.input-label .label-text:before { content: ""; position: absolute; left: 50%; width: 0; bottom: -2px; height: 2px; background-color: var(--primary-color); z-index: 5; -webkit-transition: left 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out, width 0.3s ease-in-out; transition: left 0.3s ease-in-out, width 0.3s ease-in-out; } body:not(.no-material) label.input-label:not(.label-fade).hasContent .label-text { top: 0; font-size: 85%; } body:not(.no-material) label.input-label.label-fade.hasContent .label-text { color: transparent; } body:not(.no-material) label.input-label:not(.label-fade).hasContent input:focus ~ .label-text { color: var(--primary-color); } body:not(.no-material) label.input-label.hasContent input:focus ~ .label-text:before { width: 100%; left: 0; } body:not(.no-material) label.input-label input { position: relative; z-index: 2; text-align: left; padding: 6px 10px; width: 100%; font-size: 16px; border: 0 !important; background: transparent !important; } body:not(.no-material) label.input-label input:disabled ~ .label-text { color: #ddd; } body:not(.no-material) label.input-label input::-webkit-input-placeholder { opacity: 0 !important; color: transparent; } body:not(.no-material) label.input-label input::-moz-placeholder { opacity: 0 !important; color: transparent; } body:not(.no-material) label.input-label input:-ms-input-placeholder { opacity: 0 !important; color: transparent; } body:not(.no-material) label.input-label .rc_div_alert { background-color: var(--primary-color); color: #fff; padding: 2px 7px; position: absolute; left: 0; bottom: -18px; font-size: 10px; text-transform: none; border-radius: 0 0 5px 5px; } body:not(.no-material) label.input-label .rc_div_alert .validator_arr { display: none; } label.fn-input.input-label .rc_div_alert { color: #fff; } .required-field { position: absolute; color: red; font-weight: bold; right: 0; top: 27px; font-size: 18px; } .required-field.info { position: relative; margin-right: 10px; top: 5px; } body.no-material .required-field { right: 5px; top: 0; } #h_token { width: 100px; margin-right: 20px; margin-top: 10px; } [class*="col-"].align-to-input { padding-top: 25px; font-size: 16px; } .adv-search-form { margin-top: 30px; } /** Radio & Checkbox **/ .rc-rc { display: block; position: relative; margin: 10px 0; font-size: 16px; text-align: left; line-height: 1.3; } .rc-rc.register-radio { display: inline-block !important; } .rc-rc.align-to-input { margin-top: 28px; } .rc-rc.inline { display: inline-block; } .rc-rc input[type=checkbox], .rc-rc input[type=radio] { display: none; } .rc-rc input[type=checkbox] ~ span, .rc-rc input[type=radio] ~ span { display: inline-block; padding-left: 35px; white-space: normal; } .rc-rc input[type=checkbox] ~ span:before, .rc-rc input[type=radio] ~ span:before { content: ""; width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: inherit; border: 1px solid var(--primary-color); -webkit-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; border-radius: 2px; } .rc-rc:hover input[type=checkbox] ~ span:before, .rc-rc:hover input[type=radio] ~ span:before { border-color: #bbb; } .rc-rc input[type=radio] ~ span:before { } .rc-rc input[type=radio] ~ span:after { background-color: transparent; width: 10px; height: 10px; content: ""; position: absolute; left: 5px; bottom: 0; margin: inherit; top: 5px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .rc-rc input[type=radio] ~ span.radio-correct:after { margin-top: 7px; } .rc-rc input[type=radio] ~ span.radio-correct:before { margin-top: 7px; } .rc-rc input[type=radio]:checked ~ span:before { border-color: var(--primary-color); } .rc-rc input[type=radio]:checked ~ span:after { background-color: var(--primary-color); } .rc-rc input[type=checkbox] ~ span:before { opacity: 1; -webkit-transition: transform 0.3s, opacity 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .rc-rc input[type=checkbox]:checked ~ span:before { opacity: 0; transform: rotate(-45deg); } .rc-rc input[type=checkbox] ~ span:after { font-family: 'MaterialDesignIcons'; content: '\f1f1'; position: absolute; text-transform: none; left: -3px; top: 0; font-size: 24px; color: var(--primary-color); opacity: 0; transition: transform 0.3s, opacity 0.3s; transform: rotate(45deg); } .rc-rc input[type=checkbox]:checked ~ span:after { opacity: 1; transform: rotate(0); } .rc-rc { pointer-events: none; } .rc-rc span::before, .rc-rc span::after { pointer-events: all !important; } .rc-rc .rc_div_alert { background-color: var(--primary-color); text-transform: none; position: absolute; bottom: -21px; left: 35px; color: #fff; padding: 2px 5px; font-size: 10px; } .rc-rc .rc_div_alert .validator_arr { display: none; } .rc-rc.adress-radio { margin-top: 41px; text-align: center; } .rc-rc.adress-radio > span:before { left: 30% !important; } .rc-rc.adress-radio ~ input[type="radio"] { display: none; text-align: center; margin-lefT: 40px; margin-top: 40px; } .rc-rc.adress-radio input[type=radio] ~ span:before { border-radius: 3px; } .rc-rc.adress-radio input[type=radio]:checked ~ span:before { border-color: #fff; } .rc-rc.adress-radio input[type=radio]:checked ~ span:after { content: '\f1f1'; font-size: 60px; color: #67d645; top: -38px; left: 21%; background-color: #fff; border: none; font-family: 'MaterialDesignIcons'; } .payment-box img { display: block; } .payment-box .rc-rc span:before, .payment-box .rc-rc span:after { top: 50% !important; } .payment-box .rc-rc span:before { margin-top: -10px !important; } .payment-box .rc-rc span:after { margin-top: -5px !important; } .d-flex, .button.d-flex { display: flex; } .container.d-flex::before, .container.d-inline-flex::before, .container.d-flex::after, .container.d-inline-flex::after, .row.d-flex::before, .row.d-inline-flex::before, .row.d-flex::after, .row.d-inline-flex::after { display: none; } .d-inline-flex, .button.d-inline-flex { display: inline-flex; } .align-items-center { align-items: center; } .align-items-end { align-items: flex-end; } .align-items-start { align-items: flex-start; } .justify-content-between { justify-content: space-between; } .justify-content-center { justify-content: center; } .justify-content-around { justify-content: space-around; } .justify-content-end { justify-content: flex-end; } .flex-wrap { flex-wrap: wrap; } .flex-column { flex-direction: column; } /**********/ /* Header */ /**********/ .header-main, .header-wrap { position: relative; z-index: 70; } .header-wrap.oh { overflow: hidden; } .header-top, .header-bottom { font-size: 13px; line-height: 16px; position: relative; } .header-bottom { z-index: 91; margin-bottom: 10px; } .header-top { z-index: 92; padding: 8px 0; border-bottom: 1px solid var(--secondary-color); } .header-top div.fancy-select div.trigger, .header-bottom div.fancy-select div.trigger { padding-top: 0; padding-bottom: 0; } .header-top div.fancy-select ul.options { left: auto; right: 0; top: calc(100% + 8px); } .rc-header-logo img { max-height: 110px; max-width: 100%; margin: 20px 0; } .account { position: relative; cursor: pointer; } .headerAccount__body { white-space: nowrap; display: flex; flex-direction: column; padding: 25px 15px; } .headerAccount__link i { display: none; } .contact { margin-right: auto !important; } .contact__content p > i { color: var(--primary-color); margin-right: 10px; font-size: 15px; } .contact__content p { margin-right: 20px; } .headerAccount__content .button i { margin-right: 14px; } .headerAccount__body > *:not(:first-child) { margin-top: 15px; } .headerAccount .headerAccount__content { opacity: 0; visibility: hidden; } .headerAccount:hover .headerAccount__content, .headerAccount__content:hover { opacity: 1; visibility: visible; } /* Header Top */ .header-wrap.oh .header-top { z-index: 20; } .online span { margin: 6px 0; } .languages span { display: inline-block; margin: 0 7px; } .languages div.fancy-select div.trigger { padding-left: 0; } .languages img { filter: grayscale(100%); } .languages span.active img { filter: grayscale(0%); } .products_compare, .wishlist { position: relative; } #saveCartBt { margin-left: 12px; } .header-bottom > .container > .row > *:not(:last-child), .header-top > .container > .row > *:not(:last-child) { margin-right: 25px; } /* Search */ .search { width: 33%; margin: 0 auto !important; } .search__form { background: var(--light-secondary-color); height: 40px; padding: 8px 13px 8px 29px; } .search__label { flex-grow: 1; } .search__label input, .search__label input::placeholder { font-size: 13px; line-height: 16px; color: #000000; width: 100%; } .input-search { position: relative; top: 0; left: 0; background-color: #960d11; opacity: 0; visibility: hidden; z-index: 30; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .button-margin, .elements-margin { margin-top: 10px; margin-bottom: 10px; } .input-search.visible { opacity: 1; visibility: visible; transform: translateX(0); } .s-inputs, .s-button { display: inline-block; position: relative; } .s-inputs:after { content: ""; border-bottom: 2px solid #fff; position: absolute; width: 0; height: 1px; left: 50%; bottom: 0; z-index: 30; transition: all 0.25s; } .s-inputs.hasContent:after { left: 0; width: 100%; } .s-button { position: relative; } .s-button span a { position: relative; display: block; margin-top: -5px; font-size: 26px; color: #db5559; -webkit-transition: color 0.28s; -o-transition: color 0.28s; transition: color 0.28s; } .s-inputs.hasContent + .s-button span a, .s-button span a:hover { color: #fff; } .search-trigger { display: block; position: relative; font-size: 32px; line-height: 32px; } .search-overlay { position: absolute; background-color: #960d11; width: 0; height: 0; z-index: 20; -webkit-transition: all .25s cubic-bezier(.41, .01, .99, 1.01); -o-transition: all .25s cubic-bezier(.41, .01, .99, 1.01); transition: all .25s cubic-bezier(.41, .01, .99, 1.01); } .search-overlay.visible { width: 3200px; height: 3200px; } .search-close { font-size: 28px; color: #db5559; line-height: 1; } .search-close:hover { color: #fff; } #sugget_container { width: 972px; z-index: 1000; margin-left: -8px; background-color: #fff; border: 1px solid var(--secondary-color); !important; padding: 0 !important; } #sugget_container > div:first-child { position: absolute; right: 0; top: 0; color: transparent; z-index: 1001; } #sugget_container > div:first-child:before { content: "\f216"; font-size: 16px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; color: var(--darkest-color); position: absolute; right: -15px; top: 0; background-color: var(--secondary-color); font-family: 'MaterialDesignIcons'; } #sugget_container > div:first-child:hover:before { background-color: var(--darkest-color); color: var(--secondary-color); } #sugget_container .suggest-item { position: relative; } #sugget_container .suggest-item:hover a { background-color: var(--light-secondary-color); } #sugget_container .suggest-photo { position: absolute; top: 5px; left: 10px; } #sugget_container .suggest-name { padding: 0 !important; } #sugget_container .suggest-name, #sugget_container .suggest-name a { width: 100% !important; height: 70px; overflow: hidden; } #sugget_container .suggest-name a { display: block; padding: 0 20px 0 85px; font-size: 13px; font-weight: 400; line-height: 68px; } #sugget_container .suggest-separator { border-bottom: 1px solid var(--secondary-color) !important; } #sugget_container .suggest-more { text-align: center !important; } #sugget_container .suggest-more a { display: block; padding: 8px; } /* Header Cart */ .cart { position: relative; z-index: 10; } #ajax_header_cart_items, .ajax-items-wishlist, .ajax-items-compare { position: absolute; right: -3px; top: -3px; width: 17px; height: 17px; background-color: var(--darkest-color); display: inline-flex; align-items: center; justify-content: center; pointer-events: none; cursor: default; color: #fff; font-weight: 700; font-size: 13px; line-height: 15px; } .ajax-items-wishlist:empty::before, .ajax-items-compare:empty::before { content: "0"; } .product_quantity { font-size: 13px; color: #939393; margin-bottom: 5px; } .product_quantity span { color: #575757; font-weight: 700; } .shipping-photo { max-height: 50px; } .show-cart__info { font-weight: 700; font-size: 13px; line-height: 16px; display: none; } .show-cart__icon, .headerAccount__icon, .logo__signature, .contact__icon, .wishlist__icon, .compare__icon { width: 40px; height: 40px; background-color: var(--secondary-color); position: relative; color: var(--darkest-color); font-weight: 400; } .logo__signature { margin-right: 20px; background-color: var(--primary-color); color: #fff; } .show-cart__icon svg, .headerAccount__icon svg, .contact__icon svg, .wishlist__icon svg, .compare__icon svg { width: 18px; height: 18px; } /* Cart Preview */ .cart-preview, .headerAccount__content { position: absolute; right: 0; top: 100%; width: 340px; background-color: #fff; border: 1px solid var(--secondary-color); z-index: 200; } .cart-preview:empty { display: none; } .cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist) { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07); opacity: 0; visibility: hidden; overflow: hidden; transform: translateY(-20px); transition: all 0.15s; } .cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist).visible { opacity: 1; visibility: visible; transform: translateY(0); } .cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist).basket { top: 75%; } .cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist):before { position: absolute; z-index: 15; top: -10px; right: 20px; content: ""; width: 10px; height: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; outline: none; } .cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist):after { z-index: 10; position: absolute; top: -11px; right: 20px; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ddd; } .cart-preview-sticky { display: block !important; position: fixed; right: -360px; top: 0; bottom: 0; width: 360px; padding: 0; z-index: 1000; border-width: 0 0 0 1px; border-radius: 5px 0 0 5px; } #wrapper { -webkit-transition: filter 0.3s; -o-transition: filter 0.3s; transition: filter 0.3s; } /* .cart-preview-open { overflow: hidden; }*/ .body-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0; z-index: 90; } .cart-preview .title, .headerAccount__title { font-size: 16px; border-bottom: 1px solid var(--secondary-color); padding: 15px; position: relative; font-weight: 600; background-color: var(--secondary-color); } .cart-preview.cart-preview-sticky .products-list { position: absolute; left: 0; bottom: 69px; right: 0; overflow-x: hidden; overflow-y: auto; top: 54px; } .cartSummary { margin-bottom: 15px; } .cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist) .products-list { overflow-x: hidden; overflow-y: auto; } .cart-preview .preview-photo { position: relative; margin-right: 20px; } .wishlist .cart-preview .remove-from-wishlist, .cart-preview .remove-from-cart { position: absolute; right: -10px; top: -10px; background-color: var(--light-secondary-color); width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; } .cart-preview .product { border-bottom: 1px solid var(--secondary-color); padding: 15px; position: relative; } .cart-preview .product:last-child { border-bottom: 0; } .cart-preview .preview-name { margin: 0 0 8px; padding: 0; font-weight: 400; } .cart-preview .preview-options { font-size: 12px; color: #666; padding-top: 5px; } .cart-preview .preview-price { font-size: 14px; font-weight: bold; padding-top: 5px; } .cart-preview .preview-empty { padding: 25px 15px; text-align: center; color: #999; font-size: 14px; } .cart-preview .preview-empty i { font-size: 72px; margin-bottom: 15px; } .cart-preview .preview-button { text-align: right; padding: 15px; position: absolute; bottom: 0; left: 0; right: 0; } .cart-preview .preview-button .button { width: 100%; text-align: center; } .cart-preview-compare .preview-button, .cart-preview-wishlist .preview-button, .cart-preview .preview-button { position: static; } .cart-preview-sticky .preview-button { position: absolute; } .cart-preview .preview-close { font-size: 24px; position: absolute; right: 20px; top: 50%; height: 24px; margin-top: -12px; } /*************/ /* Main Menu */ /*************/ #top_menu { position: relative; z-index: 50; border-top: 1px solid var(--secondary-color); border-bottom: 1px solid var(--secondary-color); } /* Kategorie */ .categories-button { margin-top: -1px; margin-bottom: -1px; position: relative; z-index: 5; padding: 0; } .categories-button > a { display: block; background-color: var(--primary-color); color: #fff; font-size: 25px; font-weight: 400; padding: 17px 20px; height: 60px; } .categories-button > a i.mdi-chevron-down { margin-left: 15px; } .categories-button > a .arrow { float: right; font-size: 24px; color: #fff; opacity: 1; } .rc-box-categories .box-title .toggle-categories a { float: right; font-size: 24px; position: relative; top: -3px; } .rc-box-categories .box-title .toggle-categories a i { color: var(--primary-color); } .categories-button .rc-box-categories-classic { border: 1px solid #d7d7d7; border-top: 0; opacity: 0; visibility: hidden; position: absolute; z-index: 40; left: 8px; right: 8px; top: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, .08); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .categories-button:hover .rc-box-categories-classic { visibility: visible; opacity: 1; } .s-cat-list-name a { font-size: 16px; font-weight: 400; color: var(--darkest-color); padding: 10px 15px; display: block; background-color: #fff; } .sub-category-item:hover .s-cat-list-foto { opacity: .7; } .sub-category-item:hover .s-cat-list-name a { background: #fbfbfb; } /**** Kategrie Mobilne ****/ .mobile-navigation { display: none; } /*** Menu ***/ #main { padding: 0; } .megamenu, .megamenu2 { list-style: none; margin: 0; padding: 0 !important; position: relative; } .megamenu > li, .megamenu2 > li { display: inline-block; margin: 0 20px; } .megamenu > li:not(.menuitem_fullwidth) { position: relative; } .megamenu > li > a, .megamenu2 > li > a { color: var(--darkest-color); display: block; padding: 20px 0; transition: all 0.2s; font-weight: 600; font-size: 15px; height: 60px; } .megamenu > li::after, .megamenu2 > li::after { content: ''; width: 100%; display: block; height: 3px; background-color: var(--primary-color); position: absolute; left: 0; bottom: 0; opacity: 0; transition: 0.3s ease; } .megamenu > li:hover > a, .megamenu2 > li:hover > a { text-decoration: none; color: var(--primary-color); } .megamenu > li:hover::after, .megamenu2 > li:hover::after { opacity: 1; } .dropdown { display: none; } /************/ /* Elements */ /************/ .visible-xxs, .visible-xxs-block, .visible-xxs-inline-block, .visible-xxs-inline { display: none !important; } .view_price, .view_price_old { font-weight: 400; display: inline-block; } .view_price { font-size: 18px; } .view_price_old { margin-left: 5px; text-decoration: line-through; } .small_cutdown_main { background: var(--primary-color); color: #FFFFFF; font-weight: 700; padding: 6px 10px; margin-left: 10px; } .view_price_shipping_text { color: var(--primary-color); } .view_price_def { font-size: 12px; } .product-inside .price_sale { display: none; } .product-inside .product-info > *:not(.product-add-cart) { margin-bottom: 8px; } .price_sale, .price_cutdown, .view_price_global .view_price_shipping, .view_price_def { margin: 5px 0; padding: 0; } .m_pinfo_text_price, .view_price_shipping, .view_price_def { color: #666; } .pinfo-rating__value { font-weight: 700; font-size: 13px; line-height: 16px; margin-right: 16px; } .pinfo-rating__text { font-size: 13px; line-height: 16px; margin-left: 16px; } .title-message { color: var(--dark-secondary-color); font-size: 18px; } /***/ .addComplementary { background-color: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25); color: var(--darkest-color); padding: 15px; margin-bottom: 16px; } .addComplementary.active { background-color: #FDFDFD; } .product-input { display: inline-flex; justify-content: space-between; background-color: var(--light-secondary-color); overflow: hidden; } .product-input input { background-color: transparent; height: 48px; width: 50px; text-align: center; color: #6c6c6c; font-size: 20px; } .product-input a { padding: 0 10px; line-height: 48px; font-size: 12px; cursor: pointer; } .product-input.flex { display: flex; } .product-input.flex input { width: calc(100% - 66px); } .product-input.mini a { line-height: 34px; font-size: 7px; padding: 0 5px; } .product-input.mini input { height: 36px; width: 34px; font-size: 14px; } /***/ .marker:not(:empty) { font-size: 13px; color: #ffffff; background-color: var(--primary-color); display: inline-block; padding: 5px 10px; z-index: 10; } /***/ .view_stock_info_text_ok, .view_stock_info_text_not { font-size: 14px; cursor: pointer; } .view_stock_info_text_ok:before, .view_stock_info_text_not:before { font-family: 'MaterialDesignIcons'; margin-right: 10px; font-size: 14px; display: inline-flex; vertical-align: middle; width: 20px; height: 20px; border: 1px solid; align-items: center; justify-content: center; color: var(--primary-color); } .view_stock_info_text_ok:before { content: "\f1f1"; } .view_stock_info_text_not:before { content: "\f371"; } .view_stock_info_text_ok, .view_stock_qauntity_info { display: inline-block; } .view_stock_qauntity_info { margin-left: 5px; } .view_stock_qauntity_info img { display: none; } .cross-container .view_stock_info_text_ok, .cross-container .view_stock_qauntity_info { display: block; text-align: center; } /** product box **/ .paralax { background-attachment: fixed !important; background-size: 100% auto !important; padding-top: 50px; padding-bottom: 50px; margin-bottom: 10px; } .ghoust-button { padding: 10px 20px; border: 1px solid #fff; color: #fff !important; font-weight: 700; } .ghoust-button:hover { background: #fff; color: #000 !important; } table.row-stripes > tbody > tr:nth-child(2n) { background: var(--light-secondary-color); } .conteiner-cms table.row-stripes td { border-bottom: none; } .product-inside { margin: 0; padding: 10px; background-color: #fff; border: 1px solid var(--secondary-color); position: relative; } .product-inside > .row { margin: 0; } .product-photo > .col-xs-24 > a { display: block; width: 100%; } .one-item .product-inside { text-align: left; } .rc-box-products .box-classic .box-product + .box-product { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--secondary-color); } .box-product .box-photo, .product-inside .product-photo { position: relative; text-align: center; } .countdown-box .product-photo a, .price-hit .product-photo a { display: block; } .countdown-box .one { text-align: center; } .countdown-box .product-inside { display: flex; align-items: center; justify-content: center; } .cross-container .box-photo { margin-bottom: 10px; } .box-product .box-photo img, .product-inside .product-photo img { display: inline-block; max-width: 100%; } .product-inside .product-photo > div { display: flex; align-items: center; justify-content: center; } .one { padding: 8px; } .one-item .product-inside .product-photo, .one-item .product-inside .product-info { display: inline-block; vertical-align: top; } .product-inside .product-info { margin-top: 8px; } .box-product .box-product-name, .product-inside .product-name { font-weight: 400; margin: 0 0 5px; padding: 0; font-size: 14px; line-height: 16px; display: inline; } .product-inside a.product-producer { font-size: 14px; line-height: 16px; text-transform: uppercase; font-weight: 700; margin-right: 5px; } .product-inside .view_price { font-weight: 700; font-size: 15px; line-height: 16px; color: var(--primary-color); } .product-inside .product-add-cart { padding: 8px 16px; } .one-item .product-inside .product-add-cart { width: 70%; } .one-item .product-inside .product-name { font-size: 18px; } .box-product .box-product-name, .box-product .box-product-name a, .product-inside .product-name, .product-inside .product-name a { color: var(--darkest-color); } .box-product .price_view_span, .product-inside .price_view_span { font-size: 18px; } .product-inside .producer-logo a, .product-inside .product-quantity .view_stock_info_text_ok, .product-inside .product-quantity .view_stock_qauntity_info { display: inline-block; } .box-product .box_text_price { display: none; } .box-product .view_price_shipping, .product-inside .view_price_shipping, .box-product .view_price_def, .product-inside .view_price_def, .box-product .view_price_suggest, .product-inside .view_price_suggest, .box-product .price_phone_text, .product-inside .price_phone_text { font-size: 12px; } .product-inside .product-rating .stars-container { margin: 0 auto 10px; padding: 0; overflow: hidden; width: 84px; height: 20px; } .one-item .product-inside .product-rating .stars-container { margin-left: 0; } .product-inside .product-rating .stars-value { background-position: left 25px; background-color: transparent; float: left; margin: 0; padding: 0; display: block; width: 84px; height: 20px; text-decoration: none; text-indent: -9000px; } .product-inside .product-buttons { position: absolute; top: 10px; right: 0; width: 76px; text-align: center; } .one-item .product-inside .product-buttons { top: 0; right: 15px; bottom: auto; } .product-inside .product-buttons a { text-align: center; display: inline-flex; padding: 0; opacity: 0; transform: scale(0.85); align-items: center; justify-content: center; } .product-inside:hover .product-buttons a, .one-item .product-inside .product-buttons a { opacity: 1; transform: scale(1); } .product-inside .product-buttons a:not(.product-add-cart) { width: 36px; height: 36px; font-size: 16px; margin-bottom: 5px; } .product-inside .product-buttons a:not(.product-add-cart) i { line-height: 36px; } .product-inside .product-buttons a:not(.product-add-cart) svg { height: 16px; width: 16px; } .product-inside .product-buttons a.product-add-cart { width: 60px; height: 60px; } .product-inside .product-buttons a.product-add-cart i { line-height: 60px; font-size: 25px; } .product-inside .product-buttons a.product-add-cart svg { height: 30px; width: 30px; } .product-inside .marker { font-size: 12px; position: absolute; top: 10px; left: 10px; } .one-item .product-inside .product-name, .one-item .product-inside .producer-logo a, .one-item .product-inside .product-quantity, .one-item .product-inside .view_price, .one-item .product-inside .view_price_shipping { padding-bottom: 7px; } .product-inside .product-input { margin-bottom: 7px; } .product-inside .product-input a { line-height: 32px; font-size: 8px; padding: 0 5px; } .product-inside .product-input input { height: 32px; width: 38px; font-size: 16px; } .rc-page-searcher .product-inside { margin-bottom: 30px; } .rc-page-searcher .one-item .product-inside { margin-bottom: 15px; } /***/ #OverlayContainer_rcw { opacity: 0.8 !important; z-index: 2500 !important; } .container:empty { display: none; } #OverlayContainer_rcw > div { background-color: #fff !important; } .rc_windowContainer { z-index: 3000; } .rc_windowHead { font-size: 18px; color: var(--darkest-color); } .popup-header, .rc_windowTitle:not(:empty) { padding: 12px 70px 12px 20px; background-color: var(--secondary-color); } .popup-container .closebtn, .rc_windowbtclose { position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 49px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.1); } .rc_windowTitle:empty + .rc_windowbtclose { border: 0; color: #666; } .popup-container .closebtn:hover, .rc_windowbtclose:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.05); } .rc_windowbtclose:before { font-family: 'MaterialDesignIcons'; content: '\f581'; font-size: 22px; } .rc_windowBody, .rc_windowBodyContainer > div, .cross-product-add { padding: 15px; border: 1px solid var(--secondary-color); } #rc_window_rma_body { padding: 20px; } .rc_windowbodyContainer .rc_windowBody { background-color: #fff; } .rc_windowBodyContainer .generic, .rc_salert_mini.generic { background-color: #D9EDF7; border: 1px solid #AFDEF6; text-align: center; color: #31708F; border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .rc_windowBodyContainer .warning, .rc_salert_mini.warning, #rc_window_opt_body #listing_msg { text-align: center; border-radius: 3px; background-color: #F9EDBE; border: 1px solid #F0C36D; color: #444; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .rc_windowBodyContainer .success, .rc_salert_mini.success, .cross-product-add { text-align: center; border-radius: 3px; background-color: #DFF0D8; border: 1px solid #D0E9C6; color: #3C763D; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } #rc_window_opt_body #listing_msg, .cross-product-add { box-shadow: none; } .cross-product-add { margin-bottom: 15px; } #listing_msg { padding: 5px; box-shadow: none; } #listing_msg:empty { display: none; } .window-foot { margin: 0 -15px -15px; padding: 15px; border-top: 1px solid var(--secondary-color); display: flex; align-items: center; justify-content: space-between; } .window-foot > .row { display: flex; align-items: center; justify-content: space-between; white-space: nowrap; width: 100%; } .window-foot::before, .window-foot::after { display: none; } .window-product-title { font-weight: 400; margin: 10px 0 0; text-align: center; } .window-price { float: left; } .window-price .view_price { font-size: 24px; margin-top: -4px; } .window-price .view_price > strong { color: #333; margin-right: 5px; font-weight: normal; } .window-price .view_price_shipping, .window-price .view_price_def { font-size: 14px; font-weight: normal; margin: 0 0 -5px; padding: 0; color: #999; } .window-buy { float: right; display: inline-flex; align-items: flex-start; } .window-buy .buy-button { display: inline-block; } .window-buy > * { vertical-align: top; } .window-buy .buy-button .button { padding: 16px 20px; margin-left: 5px; line-height: 18px !important; height: 50px; } .window-buy .buy-button .button i { display: none; } .rc-popups { position: relative; } .popup { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.7); z-index: 1000; transform: perspective(0px) rotate3d(0, 0, 0, 0deg); } .popup-dialog { display: table-cell; text-align: center; vertical-align: middle; } .popup-content { display: inline-block; text-align: left; background-color: #fff; position: relative; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: 1001; } .popup-header { font-size: 24px; } .popup-header .closebtn { color: #fff; } .popup-header h4 { font-size: 18px; margin: 0; padding: 0; color: #fff; } .popup-container:not(.popup-header) { padding: 15px; } .popup-container .fn-button { position: relative; left: 5px; top: 25px; } .popup-container .fn-button a:hover { color: inherit; } /***/ .pagination { display: flex; text-align: center; margin: 20px 3px; position: relative; align-items: center; justify-content: end; } .pagination a { display: inline-flex; align-items: center; justify-content: center; } a.pagination__next, a.pagination__prev { color: var(--primary-color); border: none; padding: 5px; } .pagination .active { width: 40px; height: 40px; background-color: var(--darkest-color); color: #fff; } .layout-choose form, .listing-sorting__content form { display: flex; align-items: center; } .pagination a { margin: 0 3px; } /***/ .container-title { margin: 30px 0; position: relative; } .container-title::before { content: ''; width: 40px; height: 3px; background-color: var(--primary-color); display: block; position: absolute; left: 0; bottom: 0; } .container-fluid + .container-title { margin-top: 0; } .container-title span { display: inline-block; font-weight: 600; font-size: 24px; line-height: 29px; position: relative; padding-bottom: 15px; } .modal-container-title, .modal-container-title span { margin-top: 0 !important; padding-left: 0 !important; } .rc-page-account .container-title { text-align: left; } .rc-page-account .container-title span { border-top: 0; padding-left: 15px; } .rc-page-cms .conteiner-cms { padding-top: 10px; } /*****************/ /** Tables **/ /*****************/ /*****************/ /** Home slider **/ /*****************/ .home-slider-container .container-fluid { padding-left: 0; padding-right: 0; } #bannercontainer_-1 { overflow: hidden !important; position: relative; } /** Banners below slider **/ .home-banners { margin-top: 5px; } .home-banner { float: left; width: 33%; } .home-banner a { display: block; height: 140px; background-size: cover; } .home-banner:not(:last-child) a { background-position: top center; } .home-banner:not(:first-child) { margin-left: 0.5%; } .tp-bullets { left: auto !important; right: 12px !important; bottom: 10px !important; } .tp-bullets .bullet { background-image: none !important; width: 50px !important; height: 7px !important; background-color: #c2c2c2 !important; display: inline-block !important; float: none !important; margin: 0 0 0 10px !important; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .tp-bullets .bullet.selected { background-color: var(--primary-color) !important; } /***********/ /* Sidebar */ /***********/ aside#side { padding: 0; } aside#side .box { margin-bottom: 20px; padding: 8px; border: 1px solid var(--secondary-color); } aside#side .box:first-child { margin-top: 0; } aside#side .box-title { font-weight: 700; font-size: 15px; line-height: 16px; margin-bottom: 25px; } aside#side .box-title, aside#side .box-title a { color: #131313; } aside#side .box-body { padding: 25px 0; } aside#side .box-body > div:first-child { font-size: 13px; } aside#side .box-body img { max-width: 100%; height: auto; } .box-body-button { margin-top: 10px; text-align: center; } .box-body .blog li { color: #555; margin-bottom: 10px; } .box-body .blog li:not(:last-child) { border-bottom: 1px solid var(--secondary-color); padding-bottom: 10px; } .box_menu li { border-bottom: 1px solid var(--secondary-color); } .box_menu li:last-child { border-bottom: 0; } .box_menu a { display: block; padding: 10px; } aside#side .rc-box-cms .box-body, aside#side .rc-box-account .box-body { padding-top: 0; padding-bottom: 10px; } aside#side .rc-infobox .box-title { display: none; } aside#side .rc-infobox .box-body { padding: 0; } .tags { text-align: center; } .tags li { display: inline-block; } .tags a { display: block; padding: 5px 10px; margin-bottom: 3px; font-size: 13px; border: 1px solid var(--secondary-color); -webkit-transition: color 0.3s, border-color 0.3s, background 0.3s; -o-transition: color 0.3s, border-color 0.3s, background 0.3s; transition: color 0.3s, border-color 0.3s, background 0.3s; } .tags a:hover { border-color: var(--primary-color); background: var(--primary-color); color: #fff; } /** Kategorie **/ .rc-box-categories .box-title, .rc-box-categories-classic .box-title { display: none; } .rc-box-categories-more + .rc-box-categories .box-title { display: block; padding: 15px 0 !important; } .rc-box-categories-more .categories-tree, .rc-box-categories .categories-tree, .classic-categories-tree { padding: 0 !important; } .rc-box-categories-more .categories-tree ul, .rc-box-categories .categories-tree ul, .classic-categories-tree ul { margin: 0; padding: 0; list-style: none; } .ajax-page-loader { margin-top: 20px; } .categories-ajax li > ul { position: absolute; left: 100%; z-index: 50; min-width: 220px; top: -1px; opacity: 0; visibility: hidden; transition: all 0.3s; } .rc-box-categories-mob-ajax li > ul { position: relative; opacity: 1; visibility: visible; top: auto; left: auto; margin-left: 9px; width: calc(100% + 2px); } .rc-box-categories-mob-ajax li > ul { border-bottom: 0; } .rc-box-categories .categories-ajax li:hover > ul { opacity: 1; visibility: visible; transform: translateX(0); } .rc-box-categories-mob-ajax .categories-tree a, .rc-box-categories-more .categories-tree a, .rc-box-categories .categories-tree a, .classic-categories-tree a { display: block; padding: 8px; position: relative; font-size: 14px; line-height: 16px; } .rc-box-categories-mob-ajax li ul.depth-2 > li > a { padding-left: 40px; } .rc-box-categories-mob-ajax li ul.depth-3 > li > a { padding-left: 60px; } .rc-box-categories-mob-ajax .categories-tree li, .rc-box-categories-more .categories-tree li, .rc-box-categories .categories-tree li, .classic-menu { position: relative; background-color: #fff; } .rc-box-categories-mob-ajax .categories-tree li:first-child, .rc-box-categories-more .categories-tree li:first-child, .rc-box-categories .categories-tree li:first-child, .classic-menu:first-child { border-top: 0; } .classic-level-2, .classic-level-3, .classic-level-4 { position: relative; } .classic-level-2 a { padding-left: 35px; } .classic-level-3 a { padding-left: 50px; } .classic-level-4 a { padding-left: 65px; } .classic-level-active a { color: var(--primary-color); font-weight: 600; } .producer-logo img { max-width: 70px; } /** Filtry **/ .rc-box-filter-search { border-width: 1px 0 0 0 !important; } .rc-box-filter-search .box-title { margin-bottom: 0 !important; } .rc-box-filter-search .box-body { padding-top: 0 !important; } .filter-box { border-top: 1px solid var(--secondary-color); padding-top: 15px; padding-bottom: 15px; } .filter-box:first-child { border-top: 0; } .filter-title { margin: 0; position: relative; cursor: pointer; font-weight: 700; font-size: 13px; line-height: 16px; display: inline-block; padding-right: 30px; } .filter-collapse { font-size: 21px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .filter-collapse:before { font-family: 'MaterialDesignIcons'; content: "\f207"; display: block; } .collapsed .filter-collapse:before { content: "\f204"; } .input-search { top: 24%; } .filter-content { padding: 15px 0 20px; } .filter-content input[type=checkbox] { display: none; } .filter-content label:not(.input-text) { position: relative; padding: 3px 0 3px 30px; display: block; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; line-height: 22px; } .filter-content label:not(.input-text):before { content: ""; width: 18px; height: 18px; position: absolute; left: 0; top: 5px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-color: var(--light-secondary-color); border-radius: 2px; } .filter-content label:after { color: #fff; font-family: 'MaterialDesignIcons'; content: '\f1f1'; font-size: 18px; position: absolute; left: 0; top: 1px; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .filter-content label:hover:before { border-color: var(--secondary-color); } .filter-content input[type=checkbox]:checked + label { color: var(--primary-color); } .filter-content input[type=checkbox]:checked + label:after { opacity: 1; } .filter-content li { margin: 8px 0; } .filter-clear { text-align: right; } .filter-clear a { cursor: pointer; color: var(--primary-color); } .filter-clear a i { display: none; } #filter-prices { margin-top: 5px; color: #828282; font-size: 13px; line-height: 16px; } input[name="prices[0]"], input[name="prices[1]"] { display: none; } #filter-prices .price-min { float: left; } #filter-prices .price-max { float: right; } .filter-color-element { display: inline-block; } .filter-content li.filter-color-element label { padding-left: 5px !important; } .filter-content li.filter-color-element label::after { content: ''; } .filter-content li.filter-color-element label::before { content: ""; width: 0 !important; height: 0 !important; border-radius: 0; border: 0 solid #E6E6E6 !important; position: absolute; left: 0; top: 5px; transition: all 0.2s ease 0s; } .filter-content input[type=checkbox]:checked + label:before { background-color: var(--primary-color); border-color: var(--primary-color); } .noUi-target { background-color: #ebebeb; position: relative; border-radius: 0; border: 0; } .noUi-horizontal { height: 4px; margin: 12px 10px; } .noUi-handle { width: 15px !important; height: 15px !important; left: -10px !important; top: -6px !important; background-color: var(--darkest-color); box-shadow: none; border: 3px solid var(--light-secondary-color); } .noUi-handle:before, .noUi-handle:after { display: none; } .noUi-origin { background: var(--light-secondary-color); } .noUi-connect { background-color: var(--primary-color); } .filter-tags { padding-bottom: 15px; } .filter-tag { display: block; border-bottom: 1px solid var(--secondary-color); padding: 4px 0; } .filter-tag:last-child { border-bottom: 0; } .filter-remove { float: right; } .filter-actions, .filter-tags { border-top: 1px solid var(--secondary-color); } .filter-actions { padding-top: 20px; display: flex; align-items: center; } .filter-button { float: left; margin-right: 30px; } .filter-button .button { font-weight: 700; font-size: 13px; line-height: 16px; padding: 15px 36px 15px 18px; } .filter-button .button i { display: none; } .filter-button .button::before { content: "\f206"; font-family: 'MaterialDesignIcons'; margin-right: 14px; display: inline-block; } .filter-clear { float: left; margin-top: 5px; font-size: 13px; line-height: 16px; } /*************/ /* Kontenery */ /*************/ #wrapper { position: relative; -webkit-transition: transform 0.15s ease-in; -o-transition: transform 0.15s ease-in; transition: transform 0.15s ease-in; } /***************/ /* Breadcrumbs */ /***************/ .breadcrumb-margin { margin-bottom: 20px; margin-top: 20px; } .breadcrumb { background-color: var(--light-secondary-color); } .breadcrumb ul { list-style: none; margin: 0; padding: 0; } .breadcrumb > ul > li { position: relative; display: inline-block; padding: 10px 0; } .breadcrumb > ul > li:after { content: ">"; position: absolute; right: 0; top: 10px; } .breadcrumb > ul > li:last-child:after { display: none; } .breadcrumb > ul > li > a { padding: 0 15px 0 5px; display: block; } .breadcrumb > ul > li > a:hover { color: var(--primary-color); } .breadcrumb ul ul { visibility: hidden; opacity: 0; position: absolute; left: 2px; top: 100%; border: 1px solid var(--secondary-color); background-color: #fff; z-index: 40; } .breadcrumb li:hover > ul { opacity: 1; visibility: visible; } .breadcrumb ul ul a { white-space: nowrap; padding: 7px 20px; display: block; } .breadcrumb ul ul li:first-child a { border-top: 0; } /********** /* Footer */ /**********/ footer#footer { margin-top: 30px; } .rc-page-start footer#footer { margin-top: 0; } .footer-bottom { padding-top: 15px; padding-bottom: 15px; background-color: var(--light-secondary-color); } /** Newsletter **/ .footer-newsletter { padding: 0 8px; } .fn-textblock { margin-top: 10px; margin-bottom: 10px; } .fn-title, .fn-description { margin: 0 0 16px; } .fn-title { color: var(--primary-color); font-size: 18px; line-height: 22px; position: relative; } .fn-description { font-size: 14px; line-height: 16px; } .footer-newsletter__label { box-sizing: border-box; width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; position: relative; background-color: var(--light-secondary-color); } .footer-newsletter__label input, .footer-newsletter__label input::placeholder { width: 100%; height: 100%; padding: 16px 19px; font-size: 13px; line-height: 16px; } .footer-newsletter .rc-rc { font-size: 13px; line-height: 21px; margin-top: 34px; margin-bottom: 34px; } .footer-newsletter .rc-rc a { color: var(--primary-color); } .footer-newsletter__label .rc_div_alert { position: absolute; top: 100%; background-color: var(--primary-color); padding: 5px; color: #fff; font-size: 12px; left: 0; } #footer_newsletters_bt { font-weight: 700; font-size: 13px; line-height: 16px; } /** Footer Boxes **/ .footer-columns { min-width: caLc(100% / 3 * 2); flex-grow: 1; } .footer-newsletter { width: calc(100% / 3); } .footer-informations > .container { padding-top: 65px; padding-bottom: 90px; } .footer-informations .nav-header { margin: 0 0 20px; padding: 10px 0; font-weight: 700; font-size: 15px; line-height: 16px; position: relative; } .footer-informations .nav-header::before { content: ''; width: 25px; height: 2px; background-color: var(--primary-color); display: block; position: absolute; left: 0; top: 100%; z-index: -1; } .footer-informations ul { margin: 0; list-style: none; font-size: 14px; line-height: 16px; } .footer-informations li:not(:first-child) { margin-top: 8px; min-height: 0.813em; } .shop-data__icons { margin: 26px 0; } .footer-informations .shop-data .nav-header { margin-bottom: 5px; } .shop-data__icons i { color: var(--primary-color); margin-right: 15px; } /** social **/ a.social, .additional-buttons-container .button { height: 40px; width: 40px; display: inline-flex; margin: 0 5px; line-height: 1; align-items: center; justify-content: center; font-size: 20px; background-color: #fff; } .social-conteiner a:first-of-type { margin-left: 0; } a.social:hover { background-color: var(--primary-color); color: #fff; } /** myspace **/ /** Copyright **/ .copyright { display: block !important; font-size: 13px; line-height: 16px; text-align: right; } /** Slider */ .owl-prev, .owl-next, .slick-prev, .slick-next, .speed-slider .owl-next, .speed-slider .owl-prev, #img_Prev, #img_Next { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; text-indent: -9999px; opacity: 1; visibility: visible; color: var(--darkest-color); background-color: var(--light-secondary-color); transition: opacity 0.3s, visibility 0.3s; display: flex !important; align-items: center; justify-content: center; border: 1px solid var(--light-secondary-color); } #img_Prev, #img_Next { text-indent: 0; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0; visibility: hidden; } .owl-prev:before, .owl-next:before, .slick-prev:before, .slick-next:before, .speed-slider .owl-next:before, .speed-slider .owl-prev:before, #img_Prev i, #img_Next i { font-family: 'MaterialDesignIcons'; text-indent: 0; font-size: 28px; line-height: 40px; color: var(--darkest-color); } #img_Prev i, #img_Next i { color: #fff; } .owl-prev, .slick-prev { left: 0; } .owl-prev:before, .slick-prev:before { content: "\f205"; } .owl-next, .slick-next { right: 0; } .owl-next:before, .slick-next:before { content: "\f206"; } .owl-controls .owl-page span { background: var(--light-secondary-color); border-radius: 2px; } .rc-box-products .owl-prev { left: -1px; } .rc-box-products .owl-next { right: -1px; } .gallery-horizontal #pinfo-thumbs .slick-prev { left: -35px; } .gallery-horizontal #pinfo-thumbs .slick-next { right: -35px; } .gallery-vertical #pinfo-thumbs .slick-prev, .gallery-vertical #pinfo-thumbs .slick-next { width: 50px; height: 25px; left: 50%; right: auto; margin-left: -25px; } .gallery-vertical #pinfo-thumbs .slick-prev:before, .gallery-vertical #pinfo-thumbs .slick-next:before { text-indent: 0; line-height: 25px; left: 0; right: 0; } .gallery-vertical #pinfo-thumbs .slick-prev { box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 0 0 25px 25px; top: -10px; } .gallery-vertical #pinfo-thumbs .slick-prev:before { content: "\f207"; top: -2px; } .gallery-vertical #pinfo-thumbs .slick-next { box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 25px 25px 0 0; bottom: -35px; top: auto; } .gallery-vertical #pinfo-thumbs .slick-next:before { content: "\f204"; top: auto; bottom: -3px; } /**********************/ /* Searcher / Listing */ /**********************/ .filter-select { display: inline-block; white-space: nowrap; margin-right: 10px; } .listing-classic { display: flex; flex-wrap: wrap; } .one-item.one { border-left: 0; border-right: 0; } .one-item article { display: flex; justify-content: space-around; flex-direction: row; align-items: center; } .one-item article > * { position: relative !important; width: 90%; } .one-item article > .product-photo { width: 200px; } .category-description { text-align: justify; font-size: 13px; color: #828282; } .category-description-margin { margin: 20px 0; } .category-title { padding: 0 8px; } .category-title__number { font-weight: 400; } .pageInfo { font-size: 15px; color: var(--dark-secondary-color); text-align: center; display: none; } .layout-choose a + a { margin-left: 8px; } .layout-choose a { width: 40px; height: 40px; padding: 10px; display: inline-flex; align-items: center; justify-content: center; } .listing-sorting { margin: 20px 0; padding: 0; } .listing-sorting select { width: auto; } .listing-sorting__content { padding-top: 14px; margin: 0; font-size: 13px; line-height: 16px; } .listing-sorting > .row span + span { margin-left: 0; } .listing-sorting > .row select { padding: 6px 5px; color: #242424; margin: 0 5px; display: inline-block; vertical-align: middle; border-bottom: 1px solid #242424; background-color: transparent; } .listing-sorting div.fancy-select { display: inline-block; vertical-align: middle; } .listing-sorting div.fancy-select div.trigger { padding: 11px 36px 11px 19px; font-size: 13px; line-height: 16px; width: auto; display: inline-block; margin: 0 10px; background-color: var(--secondary-color); } .listing-sorting div.fancy-select div.trigger:after { right: 13px; } .listing-sorting .layout-choose { text-align: right; } .listing-sorting .layout-choose a, .listing-sorting .layout-choose i { padding: 0; } .listing-sorting .layout-choose a { border: none; padding: 8px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; } .listing-sorting .layout-choose i { line-height: 32px; font-size: 24px; } .listing-sorting .layout-choose a + a { margin-left: 5px; } .rc_filter_result { color: var(--dark-secondary-color); padding: 5px 10px; font-size: 12px; } /*********/ /* Pinfo */ /*********/ #pinfo-main { position: relative; } #pinfo-main img { max-width: 100%; margin: auto; } #pinfo-main .slide { text-align: center; width: inherit; } #pinfo-main .slideHref { display: block !important; width: inherit; } /* Gallery */ #gallery { max-height: 570px; border: 1px solid var(--secondary-color); padding: 20px; } .slick-track { margin: auto; } .quick-view-gallery .slideHref:hover, .quick-view-gallery .slideHref, .quick-view-gallery .slideHref img { cursor: default !important; } .gallery-horizontal #pinfo-thumbs { margin: 0 35px; } .gallery-vertical #pinfo-thumbs { margin: 35px 0; width: 100px; } .gallery-horizontal.on-top #pinfo-main { margin-top: 15px; } .gallery-vertical.on-left #pinfo-main { margin-left: 120px; } .gallery-vertical.on-right #pinfo-main { margin-right: 120px; } .gallery-vertical.one-photo #pinfo-main { margin-left: 0; margin-right: 0; } .gallery-vertical #pinfo-main img { height: auto !important; } .gallery-vertical.on-left #pinfo-thumbs { float: left; } .gallery-vertical.on-right #pinfo-thumbs { float: right; } .gallery-horizontal.on-bottom #pinfo-thumbs { margin-top: 20px; } .gallery-horizontal #pinfo-thumbs .thumb { text-align: center; } .gallery-vertical #pinfo-thumbs .thumb { height: 140px; position: relative; text-align: center; padding: 0; margin: 0; } .gallery-vertical #pinfo-thumbs .thumb img { position: relative; top: 50%; transform: translateY(-50%); display: block; margin: 0 auto; padding: 0; max-height: 130px; } .gallery-horizontal #pinfo-thumbs .thumb img { display: inline-block; } .pinfo-gallery .marker { position: absolute; top: 0; left: 0; z-index: 30; } .zoomLens { z-index: 10 !important; } #images > .slide:not(:first-child) img { display: none; } #img_Prev, #img_Next { display: block; position: absolute; z-index: 10; background-color: var(--primary-color); border-color: var(--primary-color); } #img_Prev:hover, #img_Next:hover { cursor: pointer; } #img_Prev { left: 0; } #img_Next { right: 0; } .lb-dataContainer { position: absolute; top: -50px; left: 0; right: 0; } .zoomContainer, .zoomWindowContainer { z-index: 2; } /* Description */ .main-arrows { display: none; } .pinfo-prev-button, .pinfo-next-button { display: inline-block; width: 49%; padding: 5px 0; text-transform: capitalize; } .pinfo-prev-button { text-align: left; } .pinfo-next-button { text-align: right; } .quick-view { padding: 30px 15px 15px; } .pinfo-name, .quick-view-name a { font-weight: 400; margin: 0; font-size: 31px; line-height: 38px; } .pinfo-model { font-size: 13px; line-height: 16px; color: #BDBDBD; margin: 8px 0; } .pinfo-price .view_price, .quick-view-price .view_price { font-size: 24px; line-height: 29px; } .pinfo-price .view_price_old, .quick-view-price .view_price_old { font-size: 24px; margin-left: 16px; } .pinfo-options p, .quick-view-options p { margin: 0; } .pinfo-options-container { display: flex; flex-wrap: wrap; } .pinfo-options-item { color: #5a5a5a; } .pinfo-options div > span, .quick-view-options div > span { color: var(--primary-color); font-size: 14px; display: block; } .pinfo-options div > span a, .quick-view-options div > span a { color: inherit; } .installment { background: transparent url("../images/cart/discount-sprite.jpg") repeat scroll 0 0; width: 50px; height: 50px; transition: all 0.2s ease-in-out 0s; cursor: pointer; } .installment-icons { margin-bottom: 20px; } .installment-icons li { display: inline-block; list-style: none; } .credit-agricole { background-position: 0 0; } .santander { background-position: -50px 0; } .zagiel { background-position: -100px 0; } .grenke { background-position: -150px 0; width: 150px; } .platformaFinasowa { background-position: -300px 0; width: 40px; } .credit-agricole:hover { background-position: 0 -50px; } .santander:hover { background-position: -50px -50px; } .zagiel:hover { background-position: -100px -50px; } .grenke:hover { background-position: -150px -50px; } .platformaFinasowa:hover { background-position: -300px -50px; } .quick-view-button { padding-top: 15px; text-align: right; } .quick-view-product-info { font-size: 14px; font-weight: normal; } .pinfo-shipping-time span { font-weight: normal; } .pinfo-features td { display: block; } .pinfo-features td:first-child { text-align: left !important; font-size: 16px; padding: 15px 0 10px; } .pinfo-features select { font-size: 17px; font-weight: 400; color: #202020; padding: 10px 15px; } .pinfo-stock-info { padding: 15px 0 0 0; } .pinfo-container { margin-top: -8px; margin-bottom: -8px; } .pinfo-container-item { padding-top: 8px; padding-bottom: 8px; } .additional-buttons-container { margin-right: -8px; margin-left: -8px; } .additional-buttons-container .button { margin: 8px; } .inventory-option { margin: 10px 0; } .inventory-label, .inventory-body { font-size: 13px; line-height: 16px; } .inventory-container { margin-top: -10px; margin-bottom: -10px; } .pinfo-to-cart, .pinfo-complementary-to-cart, .modal-to-cart { height: 50px; padding-top: 5px; padding-bottom: 5px; font-weight: 700; font-size: 13px; line-height: 16px; } .pinfo-to-cart i, .pinfo-complementary-to-cart i { vertical-align: text-top; margin-top: 0; margin-right: 15px; font-size: 21px; } .additional-buttons a.link { color: #3c3c3c; display: block; font-size: 14px; text-align: center; } .additional-buttons a.link i { color: #8b8b8b; margin-right: 10px; font-size: 18px; vertical-align: middle; } .additional-buttons .top a.link { padding: 5px 0; font-size: 14px; } .additional-buttons .top a.link i { font-size: 22px; vertical-align: middle; margin-top: -2px; } .option-icon { position: relative; display: inline-block; box-sizing: border-box; vertical-align: top; text-align: center; line-height: 32px; margin-right: 5px; border: 4px solid #fff; width: 37px; height: 37px; margin-bottom: 5px; } .option-icon:hover { cursor: pointer; } .option-icon:before { width: 37px; height: 37px; border: 1px solid var(--secondary-color); content: ""; top: -4px; left: -4px; position: absolute; display: block; -webkit-transition: border-color 0.2s; -o-transition: border-color 0.2s; transition: border-color 0.2s; } .option-icon.selected:before, .filter-content input[type=checkbox]:checked + label span:before { border-color: var(--primary-color); } .inventory-body div.fancy-select div.trigger { border: 1px solid var(--darkest-color); border-radius: 40px; padding: 10px 44px 10px 20px; } .inventory-body div.fancy-select div.trigger:after { right: 20px; } .zoomWindow { border-color: #e6e6e6 !important; } /** Rating **/ .pinfo-rating { padding: 5px 0; } .stars { background: url("https://photos05.redcart.pl/templates/next/t_59209/images/stars.png") repeat transparent; } .moostar { margin: 0; padding: 0; overflow: hidden; width: 84px; height: 17px; float: left; } .moostar span { float: left; margin: 0; padding: 0; display: block; width: 84px; height: 20px; text-decoration: none; text-indent: -9000px; } .moostar .curr { background-position: left 17px; background-color: #fff; } .moostartval { display: none; left: 10px; top: 5px; position: relative; float: left; font-size: 12px; color: #666; } /* Tabs */ .tabs-container { position: relative; margin-top: 20px; } .tabs, .index-tabs-container ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--light-secondary-color); display: flex; } .tabs > li { float: left; } .tabs > li + li { margin-left: 5px; } .tab-pane { padding: 30px 0; } .tabs-animated-height.tahActivated .tab-content { -webkit-transition: height 0.15s ease-in-out; -o-transition: height 0.15s ease-in-out; transition: height 0.15s ease-in-out; position: relative; overflow: hidden; } .tabs-animated-height.tahActivated .tab-pane { width: 100%; position: absolute; z-index: 10; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .tabs-animated-height.tahActivated .tab-pane.active { z-index: 20; opacity: 1; } .tabs-container:not(.tahActivated) .tab-pane { display: none; } .tabs-container:not(.tahActivated) .tab-pane.active { display: block; } .tabs-container .panel-heading h4 { margin: 0; } .tabs-container .panel-heading a { padding: 10px 15px; font-size: 16px; display: block !important; font-weight: 600; border-bottom: 1px solid var(--light-secondary-color); position: relative; } .tabs-container .panel-heading a:before { position: absolute; right: 15px; top: 13px; content: "\f454"; font: normal normal normal 24px/1 MaterialDesignIcons; text-rendering: auto; -webkit-font-smoothing: antialiased; } .tabs-container .panel-heading a:not(.collapsed) { color: var(--primary-color); border-bottom: 2px solid var(--primary-color); } .tabs-container .panel-heading a:not(.collapsed):before { content: "\f3d0"; } .tabs-container .panel-body { padding: 15px 10px; } /* start tabs */ .index-tabs-container { padding-top: 35px; } .index-tabs-container li { display: inline-block; } .index-tabs-container li a, .tabs > li a { display: inline-block !important; padding: 28px 0; color: #BDBDBD; font-weight: 600; font-size: 24px; line-height: 29px; margin-right: 43px; margin-bottom: -1px; border-bottom: 1px solid transparent; } .index-tabs-container li.active a, .tabs > li.active a { color: var(--darkest-color); border-bottom: 2px solid var(--primary-color); } .index-tabs-container .tab-content { border: 0; } .index-tabs-container .tab-pane:not(.active) { opacity: 0; overflow: hidden; height: 0 !important; padding: 0 !important; margin: 0 !important; } /* start tabs end */ .technical-row { width: 100%; display: table; } .technical-data { display: table-row; } .technical-data:nth-child(2n+1) { background-color: var(--light-secondary-color); } .technical-title, .technical-desc { display: table-cell; vertical-align: middle; padding: 10px; height: 55px; width: 50%; } .technical-title { font-weight: bold; } .technical-desc .button { float: right; } /***********/ /* Sitemap */ /***********/ .sitemap-tree a { display: block; } .sitemap-tree h1, .sitemap-tree h2, .sitemap-tree h3, .sitemap-tree h4, .sitemap-tree h5 { margin: 0; } .sitemap-tree h2, .sitemap-tree h3, .sitemap-tree h4, .sitemap-tree h5 { font-size: 12px; } .sitemap-tree h2:hover, .sitemap-tree h3:hover, .sitemap-tree h4:hover, .sitemap-tree h5:hover { background: var(--light-secondary-color); } .sitemap-tree h4, .sitemap-tree h5 { font-weight: 400; } .sitemap-tree h1 { font-size: 16px; border-bottom: 1px solid var(--secondary-color); padding: 10px; margin: 5px 0; color: var(--primary-color); } .sitemap-tree h1 a { color: var(--primary-color); } .sitemap-tree h2 { padding: 5px 10px; } .sitemap-tree h3 { padding: 5px 20px; } .sitemap-tree h4 { padding: 5px 30px; } .sitemap-tree h5 { padding: 5px 40px; } /*********/ /* Cart */ /********/ .cart_step_5 .conteiner-title { margin-bottom: 25px; } .final-text { font-size: 20px; font-weight: 400; padding: 15px 0; } .final-icon { font-size: 90px; } /* TEMP */ .cart_outsider { width: 100%; margin: 0 auto; } /** END TEMP **/ /* Steps */ .cart-steps { margin-bottom: 40px; } .cart-steps .step { width: 33.3332%; float: left; display: inline-block; border-bottom: 1px solid var(--light-secondary-color); text-align: center; padding: 20px 0; color: #BDBDBD; font-weight: 400; font-size: 18px; line-height: 20px; margin-bottom: -1px; } .cart-steps .step.active { color: var(--darkest-color); border-bottom-color: var(--primary-color); font-weight: 600; } .cart-steps .step.done { border-bottom-color: #333; color: #333; } .changeOptions { font-weight: 700; text-transform: uppercase; color: #ebebeb; margin-top: 0; } .changeOptions a { font-weight: 700; text-transform: uppercase; color: #B0B0B0; } .changeOptions a:hover { color: var(--primary-color); cursor: pointer; } .cart_tab_icon i { font-size: 28px; } /* Products table do czyszczenia */ .cart-table { margin-bottom: 15px; } .first-title, .cart-photo { width: 120px; float: left; text-align: center; } .first-title + .row, .cart-photo + .row { margin-left: 120px; margin-right: 0; } .cart-table .table-header div { position: relative; } .first-title, .cart-table .table-header span, #register_form header span { display: inline-block; background-color: #fff; padding: 0 10px; margin-left: -10px; position: relative; z-index: 2; font-size: 13px; font-weight: 700; text-transform: uppercase; } .cart-table .table-header div:before, #register_form header:before { content: ""; width: 100%; height: 0; position: absolute; top: 50%; left: 0; border-bottom: 1px solid var(--secondary-color); z-index: 1; } .register-vat-icons { position: absolute; left: 19px; bottom: 21px; z-index: 1; font-size: 20px; color: var(--dark-secondary-color); } .changeOptions-xxs .changeOptions a { font-size: 0; } .changeOptions-xxs .changeOptions a::after { content: '\f1a4'; font-family: 'MaterialDesignIcons'; font-size: 30px; } .changeOptions-xxs .changeOptions, .changeOptions-xxs { margin-top: 4px !important; } .cart-table-item { padding: 15px 0; } .line-product { border-bottom: 1px solid var(--secondary-color); height: 1px; } .cart-table-item:after { margin: 0 } .changeOptions-xxs a:hover { cursor: pointer; } .cart-remove a { font-size: 18px; } .cart-name a { color: var(--darkest-color); font-size: 16px; font-weight: 400; } .cart-details { font-size: 12px; color: #888888; white-space: nowrap; margin-bottom: 8px; } .cart-details .cart-options-data { font-weight: bold; } .cart-price-one span { display: inline-block; font-size: 17px; color: #adadad; font-weight: 400; } .cart-price-one .old-price { text-decoration: line-through; color: #999; font-size: 14px; } .cart-price-full { font-size: 22px; font-weight: 400; } .del-item i { font-size: 30px !important; padding-top: 36px; color: #b4b4b4; } .del-item i:hover { color: var(--primary-color); } .step4.cart-shipping-body div:nth-child(1) { font-weight: 700; font-size: 16px; } .cart_continue a { text-align: center; margin-top: 5px; margin-bottom: 5px; } .cart-btn-group { text-align: center !important; } /**/ #shipping_ajax { margin-top: 30px; } .cart-shipping-title { border-width: 0 0 1px 0; border-style: solid; border-color: #757575; font-size: 18px; color: #161616; font-weight: 400; padding: 10px 20px; } .cart-shipping-body { padding: 15px 20px; } .cart-customer-country label, .cart-customer-country select { font-size: 18px; } .cart-customer-country label { color: #454545; } .cart-customer-country select { display: block; width: 100%; margin: 10px 0; padding: 10px; } .cart-shipping-desc { font-size: 12px; color: var(--dark-secondary-color); } .cart-shipping { } .cart-shipping .desc { min-height: 50px; display: table; } .cart-shipping .desc-no-img { margin-top: 15px; } .cart-shipping .desc span { display: table-cell; vertical-align: middle; } .cart-shipping .payments_element { margin-top: 3px; } .payments_element > * { display: inline-block; } .shipping-photo .align-photo { display: table-cell; vertical-align: middle; height: 50px; } .description-payment { margin-top: 5px; } .payments-choose li { list-style: none; } .cart-discount-input { margin: 0; display: flex; align-items: center; } .cart-discount-input .cart-discount-label { display: inline-block; font-size: 18px; color: #454545; line-height: 50px; } .cart-discount-input .input-label { padding-top: 0; } .cart-discount-input .input-label .label-text { top: 0; } .cart-discount-input .input-label input, .cart-discount-input .input-label .label-text { padding: 13px 45px 12px 10px; } .cart-sum-total { padding: 10px 20px 20px; margin-bottom: 15px; margin-top: 15px; background-color: var(--light-secondary-color); } .step4.cart-sum-total { background: var(--light-secondary-color); } .cart-sum-total-item { font-size: 16px; padding: 10px 0 0; } .cart-sum-total-item.total { padding-top: 20px; border-bottom: 0; font-weight: bold; } .cart-sum-total-item.total strong { font-size: 22px; } .cart-sum-total-title { font-size: 18px; padding-bottom: 8px; font-weight: 600; color: var(--primary-color); } /***/ .rc-dropdown { position: relative; } .rc-dropdown-menu:not(.box) { display: none; list-style: none !important; margin: 0 !important; position: absolute; top: 100%; left: 0; background-color: #fff; border: 1px solid #eee; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25); z-index: 5; padding: 3px 0; border-radius: 4px; } .rc-dropdown-menu--right { left: auto; right: 0; } .rc-dropdown--open .rc-dropdown-menu { display: block; } .rc-dropdown-menu__link { padding: 5px 10px; display: block; } .rc-dropdown-menu__link:hover { background-color: #f9f9f9; } .table-responsive .table { margin: 0; position: relative; } .cart-sum-delivery { font-size: 12px; font-weight: 400; } .confirmation_warning { margin-top: 10px; padding-top: 5px; border-top: 1px solid #ddd; } /***/ .rc-dropdown { position: relative; } .rc-dropdown-menu:not(.box) { display: none; list-style: none !important; margin: 0 !important; position: absolute; top: 100%; left: 0; background-color: #fff; border: 1px solid #eee; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25); z-index: 5; padding: 3px 0; border-radius: 4px; } .rc-dropdown-menu--right { left: auto; right: 0; } .rc-dropdown--open .rc-dropdown-menu { display: block; } .rc-dropdown-menu__link { padding: 5px 10px; display: block; } .rc-dropdown-menu__link:hover { background-color: #f9f9f9; } .table-responsive .table { margin: 0; position: relative; } /****/ .cart-is-loading { text-align: center; padding: 90px 0; } .cart-is-loading .loading-text { font-size: 18px; padding-top: 12px; } .cart-is-loading .loading-spinner { width: 48px; height: 48px; margin: 0 auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 5px solid rgba(0, 0, 0, 0.03); border-right: 5px solid rgba(0, 0, 0, 0.03); border-bottom: 5px solid rgba(0, 0, 0, 0.03); border-left: 5px solid #bbb; transform: translateZ(0); animation: load8 .8s infinite linear; } .cart-is-loading .loading-spinner { border-top-color: rgba(0, 0, 0, 0.2); border-right-color: rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.2); border-left-color: #555; } @-webkit-keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /** Cart - Login / Register **/ .cart-header h2, .cart-login-form h1 { font-size: 26px; text-align: center; font-weight: 400; margin: 0 0 20px; padding: 0; } .cart-login-form .no-account { padding-bottom: 40px; border-bottom: 1px solid var(--secondary-color); } .cart-login-form .yes-account { margin-top: 20px; } .cart-login-form .pass-forgot { margin-top: 10px; } .cart-new-address { display: none; } .pass-forgot a { font-size: 12px; display: inline-block; font-weight: bold; border-bottom: 1px solid #ddd; } /*************/ /* Adres form */ /*************/ .adress-item { border: 1px solid #ebebeb; margin-top: 10px; margin-bottom: 10px; padding: 20px; font-size: 17px; font-weight: 400; } .customers_first_name, .customers_last_name { font-weight: 400; } .al, .text-left { text-align: left; } .ac, .text-center { text-align: center; } .ar, .text-right { text-align: right; } .vat { vertical-align: top; } .vam { vertical-align: middle; } .nowrap, .nw { white-space: nowrap !important; } .w1p { width: 1%; } /****** Login Form *********/ .conteiner-title { color: var(--darkest-color); font-size: 28px; font-weight: 700; text-align: center; } .cart-mass-info, .cart-free-shipping { padding: 15px 20px; margin-bottom: 20px; background-color: var(--light-secondary-color); } /** CART **/ .previewOption { position: relative; z-index: 99; display: inline-block; } .previewOption__icon:hover + .previewOption__image { opacity: 1; } .previewOption__image { position: absolute; pointer-events: none; opacity: 0; z-index: 99; width: 450px; transition: 0.2s opacity linear } .previewOption__image img { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25); } .blog-mobile-boxes, .blog-mobile-boxes .box-title { margin-top: 10px; margin-bottom: 10px; } .blog-mobile-boxes .blog-items { margin-left: 0 !important; } .countdownOne__top { display: flex; align-items: center; width: 100%; } .countdownOne__name, .countdownOne__price { width: 50%; } .countdownOne__nameContent { font-weight: 400; } .countdownOne__quantity { display: flex; flex-wrap: wrap; align-items: center; padding: 15px; width: 50%; } .countdownOne__available, .countdownOne__sold { width: 50%; display: inline-flex; align-items: center; } .countdownOne__sold { justify-content: flex-end; } .countdownOne__available span, .countdownOne__sold span { font-size: 13px; } .countdownOne__available strong, .countdownOne__sold strong { color: var(--darkest-color); font-weight: 600; margin-left: 5px; } .countdownOne__line { width: 100%; display: flex; align-items: center; height: 10px; padding: 3px; margin-top: 8px; margin-bottom: 15px; background-color: var(--light-secondary-color); } .countdownOne__content { height: 4px; background-color: var(--primary-color); } .countdownOne__clockTitle { font-size: 13px; font-weight: 500; padding-bottom: 15px; } .countdownOne__clockContent { display: flex; align-items: center; justify-content: space-around; } .countdownOne__count { display: inline-flex; flex-direction: column; } .countdownOne__count span:not(.countdownOne__unit) { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; background-color: var(--light-secondary-color); border: 1px solid var(--light-secondary-color); } .countdownOne__count span.countdownOne__unit { font-size: 13px; margin-top: 8px; } .product-inside .product-buttons.countdownOne__buttons { position: static; opacity: 1; visibility: visible; width: 10%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .product-inside .product-buttons.countdownOne__buttons a { opacity: 1; transform: none; } .countdownOne__clock { width: 50%; padding: 15px; } .countdownOne__photo { width: 30%; } .countdownOne__photo img { } .countdownOne__info { width: 60%; } .product-inside .countdownOne__price .view_price, .product-inside .countdownOne__price .view_price_old { font-size: 16px; } .producers { background-color: var(--light-secondary-color); padding: 50px 0; } .producers img { filter: grayscale(1); mix-blend-mode: multiply; } .producers img:hover { filter: none; } .owl-carousel.producers-carusel .carusel-item { background-color: var(--light-secondary-color); } .preview-empty { text-align: center; } .homepage_categories__item { padding: 8px; } .homepage_categories__inside { border: 1px solid var(--secondary-color); width: 100%; } .homepage_categories__photo { overflow: hidden; width: 50%; position: relative; } .homepage_categories__name { font-size: 21px; font-weight: 600; transition: 0.3s ease; } .homepage_categories__content { width: 50%; padding: 16px; } .homepage_categories__content .categories_link { font-size: 15px; margin-top: 5px; } .profits { background-color: var(--light-secondary-color); padding: 50px 0; } .profits__one { padding: 8px; } .profits__content { display: flex; align-items: center; } .profits__img { width: 80px; display: inline-flex; align-items: center; justify-content: center; padding: 15px; margin-right: 15px; background-color: #fff; height: 80px; } .profits__img img { max-height: 100%; } .homepage-blog__one { padding: 8px; position: relative; } .homepage-blog__inside { display: flex; align-items: center; border: 1px solid var(--secondary-color); } .homepage-blog__date { display: inline-block; position: absolute; white-space: nowrap; left: 16px; top: 16px; padding: 5px 10px; background-color: #fff; font-weight: 500; color: var(--darkest-color); font-size: 14px; } .homepage-blog__text { padding: 8px; width: 55%; } .homepage-blog__title { font-weight: 700; font-size: 16px; margin-bottom: 8px; } .homepage-blog__description { font-size: 13px; } .homepage-blog__button { margin-top: 8px; padding: 8px 16px; font-size: 13px; font-weight: 500; } .homepage-blog__nophoto, .homepage-blog__photo { min-height: 189px; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 18px; padding: 30px; width: 45%; } .homepage-blog__photo { background-color: var(--light-secondary-color); text-align: center; border: 1px solid var(--secondary-color); border-bottom: none; padding: 0; } .sub-category-item { min-height: 300px; padding: 8px; } .s-cat-list-name { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; background-color: var(--light-secondary-color); } .home-speed-slider-container { padding: 0; } body:not(.rc-page-start) .footer-newsletter { display: none; } body:not(.rc-page-start) #content { margin-bottom: 50px; } .rc-page-searcher div#content > * { padding-left: 8px; } body.rc-page-register #content, body.rc-page-login #content { margin-top: 30px; } .homepage-blog { margin-bottom: 40px; } .adv-search-inputs .input-label input { width: 100% !important; } .finalize-button { margin-bottom: 16px; } .home-speed-slider-container .owl-carousel { width: 100%; margin: 0; padding: 0 8px; } .home-speed-slider-container .speed-slider .owl-controls .owl-pagination { display: none; } @media screen and (max-width: 480px) { .product-inside .marker { font-size: 8px; position: absolute; top: 0; left: 0; padding: 5px; } .widgets { display: none; } .pagination a.button { margin-top: 6px !important; } .visible-xxs { display: block !important; } table.visible-xxs { display: table !important; } tr.visible-xxs { display: table-row !important; } th.visible-xxs, td.visible-xxs { display: table-cell !important; } .visible-xxs-block { display: block !important; } .visible-xxs-inline-block { display: inline-block !important; } .visible-xxs-inline { display: inline !important; } .nav-container.active { height: auto !important; } .footer-informations .no-regular-f { margin: 0; } .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs-13, .col-xxs-14, .col-xxs-15, .col-xxs-16, .col-xxs-17, .col-xxs-18, .col-xxs-19, .col-xxs-20, .col-xxs-21, .col-xxs-22, .col-xxs-23, .col-xxs-24 { float: left; } .hidden-xxs { display: none; } .visible-xxs { display: block !important; } .col-xxs-24 { width: 100%; } .col-xxs-23 { width: 95.83333333%; } .col-xxs-22 { width: 91.66666667%; } .col-xxs-21 { width: 87.5%; } .col-xxs-20 { width: 83.33333333%; } .col-xxs-19 { width: 79.16666667%; } .col-xxs-18 { width: 75%; } .col-xxs-17 { width: 70.83333333%; } .col-xxs-16 { width: 66.66666667%; } .col-xxs-15 { width: 62.5%; } .col-xxs-14 { width: 58.33333333%; } .col-xxs-13 { width: 54.16666667%; } .col-xxs-12 { width: 50%; } .col-xxs-11 { width: 45.83333333%; } .col-xxs-10 { width: 41.66666667%; } .col-xxs-9 { width: 37.5%; } .col-xxs-8 { width: 33.33333333%; } .col-xxs-7 { width: 29.16666667%; } .col-xxs-6 { width: 25%; } .col-xxs-5 { width: 20.83333333%; } .col-xxs-4 { width: 16.66666667%; } .col-xxs-3 { width: 12.5%; } .col-xxs-2 { width: 8.33333333%; } .col-xxs-1 { width: 4.16666667%; } .col-xxs-pull-24 { right: 100%; } .col-xxs-pull-23 { right: 95.83333333%; } .col-xxs-pull-22 { right: 91.66666667%; } .col-xxs-pull-21 { right: 87.5%; } .col-xxs-pull-20 { right: 83.33333333%; } .col-xxs-pull-19 { right: 79.16666667%; } .col-xxs-pull-18 { right: 75%; } .col-xxs-pull-17 { right: 70.83333333%; } .col-xxs-pull-16 { right: 66.66666667%; } .col-xxs-pull-15 { right: 62.5%; } .col-xxs-pull-14 { right: 58.33333333%; } .col-xxs-pull-13 { right: 54.16666667%; } .col-xxs-pull-12 { right: 50%; } .col-xxs-pull-11 { right: 45.83333333%; } .col-xxs-pull-10 { right: 41.66666667%; } .col-xxs-pull-9 { right: 37.5%; } .col-xxs-pull-8 { right: 33.33333333%; } .col-xxs-pull-7 { right: 29.16666667%; } .col-xxs-pull-6 { right: 25%; } .col-xxs-pull-5 { right: 20.83333333%; } .col-xxs-pull-4 { right: 16.66666667%; } .col-xxs-pull-3 { right: 12.5%; } .col-xxs-pull-2 { right: 8.33333333%; } .col-xxs-pull-1 { right: 4.16666667%; } .col-xxs-pull-0 { right: auto; } .col-xxs-push-24 { left: 100%; } .col-xxs-push-23 { left: 95.83333333%; } .col-xxs-push-22 { left: 91.66666667%; } .col-xxs-push-21 { left: 87.5%; } .col-xxs-push-20 { left: 83.33333333%; } .col-xxs-push-19 { left: 79.16666667%; } .col-xxs-push-18 { left: 75%; } .col-xxs-push-17 { left: 70.83333333%; } .col-xxs-push-16 { left: 66.66666667%; } .col-xxs-push-15 { left: 62.5%; } .col-xxs-push-14 { left: 58.33333333%; } .col-xxs-push-13 { left: 54.16666667%; } .col-xxs-push-12 { left: 50%; } .col-xxs-push-11 { left: 45.83333333%; } .col-xxs-push-10 { left: 41.66666667%; } .col-xxs-push-9 { left: 37.5%; } .col-xxs-push-8 { left: 33.33333333%; } .col-xxs-push-7 { left: 29.16666667%; } .col-xxs-push-6 { left: 25%; } .col-xxs-push-5 { left: 20.83333333%; } .col-xxs-push-4 { left: 16.66666667%; } .col-xxs-push-3 { left: 12.5%; } .col-xxs-push-2 { left: 8.33333333%; } .col-xxs-push-1 { left: 4.16666667%; } .col-xxs-push-0 { left: auto; } .col-xxs-offset-24 { margin-left: 100%; } .col-xxs-offset-23 { margin-left: 95.83333333%; } .col-xxs-offset-22 { margin-left: 91.66666667%; } .col-xxs-offset-21 { margin-left: 87.5%; } .col-xxs-offset-20 { margin-left: 83.33333333%; } .col-xxs-offset-19 { margin-left: 79.16666667%; } .col-xxs-offset-18 { margin-left: 75%; } .col-xxs-offset-17 { margin-left: 70.83333333%; } .col-xxs-offset-16 { margin-left: 66.66666667%; } .col-xxs-offset-15 { margin-left: 62.5%; } .col-xxs-offset-14 { margin-left: 58.33333333%; } .col-xxs-offset-13 { margin-left: 54.16666667%; } .col-xxs-offset-12 { margin-left: 50%; } .col-xxs-offset-11 { margin-left: 45.83333333%; } .col-xxs-offset-10 { margin-left: 41.66666667%; } .col-xxs-offset-9 { margin-left: 37.5%; } .col-xxs-offset-8 { margin-left: 33.33333333%; } .col-xxs-offset-7 { margin-left: 29.16666667%; } .col-xxs-offset-6 { margin-left: 25%; } .col-xxs-offset-5 { margin-left: 20.83333333%; } .col-xxs-offset-4 { margin-left: 16.66666667%; } .col-xxs-offset-3 { margin-left: 12.5%; } .col-xxs-offset-2 { margin-left: 8.33333333%; } .col-xxs-offset-1 { margin-left: 4.16666667%; } .col-xxs-offset-0 { margin-left: 0; } .home-banner { width: 100%; margin: 0 0 5px !important; } .home-banner a { height: 40vw; } label.fn-input .input-label input, label.fn-input.input-label .label-text, .s-input label.input-label input, .s-input label.input-label .label-text { font-size: 14px; } .cart-preview-sticky { width: 270px; } .del-item { text-align: center; } .del-item i { padding-top: 10px; } .cart-photo { text-align: center; } /* Pinfo */ .gallery-vertical.on-left #pinfo-main, .gallery-vertical.on-right #pinfo-main { margin-left: 0; margin-right: 0; } .gallery-horizontal #pinfo-thumbs, .gallery-vertical #pinfo-thumbs { display: none; position: relative; left: auto; right: auto; width: 100%; } #pinfo-main .slideHref { width: 100%; } #pinfo-main .slideHref img { display: inline-block; max-width: 100%; } .pinfo-features #options_form_tab, .pinfo-features #options_form_tab select { width: 100%; } .pinfo-to-cart { margin-left: 3px; margin-bottom: 15px; } .pinfo-buy .product-input, .window-buy .product-input { margin-bottom: 15px; } .technical-row, .technical-data, .technical-data p { display: block; height: auto; border: 0 !important; width: 100%; } .technical-data { position: relative; } .technical-title { padding-bottom: 5px; } .technical-desc { padding-top: 5px; } .technical-data { border-bottom: 1px solid var(--secondary-color); !important; } .technical-desc .button { position: absolute; top: 10px; right: 10px; } .header-bottom .wishlist { display: none; } .blog-site-title, .blog-site-date { text-align: center !important; } .blog-site-entry .blog-site-date, .blog-site-entry .blog-site-image { margin-bottom: 15px; } .blog-site-entry .blog-site-image { text-align: center; } .blog-site-entry .blog-site-image a { display: inline-block; } .speed-slider .owl-controls .owl-buttons { display: none; } .header-bottom > .container > .row > *:not(:last-child), .header-top > .container > .row > *:not(:last-child) { margin-right: 15px; } .header-bottom .logo { max-width: 50% !important; } .logo__text h1 { font-size: 16px !important; white-space: nowrap; } .show-cart__icon, .headerAccount__icon, .logo__signature, .contact__icon, .wishlist__icon { width: 36px; height: 36px; } .show-cart__text, .headerAccount__text { display: none; } #topInfoProtect2 > div { width: 90% !important; } #topInfoProtect2 p { font-size: 14px !important; } .product-inside .product-buttons a:not(.product-add-cart) { display: none; } .listing-classic .one { width: 100% !important; } .homepage-blog__inside { flex-wrap: wrap; } .homepage-blog__nophoto, .homepage-blog__photo, .homepage-blog__text { width: 100%; } .homepage-blog__nophoto, .homepage-blog__photo { height: 200px; overflow: hidden; } } @media screen and (min-width: 480px) and (max-width: 768px) { .gallery-vertical.on-left:not(.one-photo) #pinfo-main { margin-left: 16vw; } .gallery-vertical #pinfo-thumbs { width: 14vw; } #pinfo-thumbs img { max-width: 100%; } } @media screen and (min-width: 400px) and (max-width: 768px) { .home-banner { margin-left: 0 !important; } .home-banner:first-child { margin-right: 2% !important; } .home-banner:not(:last-child) { width: 49%; margin-bottom: 8px; } .home-banner:last-child { width: 100%; } .home-banner a { height: 160px; } } @media screen and (max-width: 600px) { .currencies { display: none; } } @media screen and (max-width: 768px) { .homepage_categories__item { display: inline-flex; justify-content: center; } .homepage_categories__photo { height: auto; } .homepage_categories__name { font-size: 16px; } .header-bottom .logo { max-width: 40%; } #top_menu { padding: 0 8px; } .profits__content { flex-direction: column; align-items: flex-start; } .profits__img { margin-right: 0; margin-bottom: 8px; } .window-price, .window-buy { float: none; margin: 8px; width: auto; text-align: center; } .product-inside .product-buttons a:not(.product-add-cart) { pointer-events: none; } .hidden-on-xs { opacity: 0 !important; } .visible-on-xs { opacity: 1 !important; } .xs-padding-zero { padding-left: 0; padding-right: 0; } .xs-logo-position img { max-width: 100%; } .xs-logo-position a img { max-width: 100%; min-width: 0; } .cart-table .table-header { display: none; } .cart-table tr { border-bottom: 3px solid #e6e6e6; } .cart-table td { width: 100%; display: block; text-align: right !important; position: relative; border-bottom: 1px solid var(--secondary-color); } .cart-table td:before { content: attr(data-title); font-size: 14px; position: absolute; left: 20px; top: 20px; } .cart-table td:empty:after { content: "Brak"; position: absolute; top: 0; right: 0; } .cart-table td.cart-remove, .cart-table td.cart-photo, .cart-table td.cart-name { display: inline-block; height: 120px; } .cart-table td.cart-remove { width: 10%; } .cart-table td.cart-remove a { position: absolute; top: 50%; margin-top: -9px; } .cart-table td.cart-photo { width: 34%; } .cart-table td.cart-name { width: 50%; text-align: left !important; } .gallery-vertical.one-photo .slide a { width: 100%; } .rc_windowContainer:not(#sugget_container) { width: 95% !important; left: 2.5% !important; } .rc_windowTitle:not(:empty) { font-size: 14px; } .popup-content { width: 90% !important; } .popup-content img { width: 100% !important; max-width: 100% !important; height: auto !important; } .popup-dialog, .popup-container { width: 100% !important; } .paralax { background-attachment: scroll !important; background-size: cover !important; } /**********/ /* Blog */ /**********/ .blog-site-title { margin-bottom: 5px; font-size: 20px; } .blog-site-date { margin-bottom: 15px; } /**********/ /* footer */ /**********/ .social-conteiner, .copyright { text-align: center !important; } a.social { font-size: 18px; padding: 10px; height: 42px; width: 42px; } .social-conteiner { margin: 20px 0 10px 0; } .copyright { margin: 10px 0 20px 0; } .countdown-box .product-inside, .countdownOne__top { flex-direction: column; } .countdownOne__photo, .countdownOne__info, .countdownOne__name, .countdownOne__price, .countdownOne__quantity, .countdownOne__clock { width: 100%; } .product-inside .product-buttons.countdownOne__buttons { position: absolute; right: 15px; top: 15px; } .index-tabs-container li a, .tabs > li a { padding: 20px 0; font-size: 21px; line-height: 25px; margin-right: 20px; } .owl-prev, .owl-next, .slick-prev, .slick-next, .speed-slider .owl-next, .speed-slider .owl-prev, #img_Prev, #img_Next { width: 30px; height: 30px; } .producers { padding: 20px 8px; } .footer-newsletter { padding: 25px 15px; } .fn-title { font-size: 21px; line-height: 25px; padding: 0 0 20px; margin: 20px 0; } .fn-title, .fn-description { margin: 20px 0; } .listing-sorting { display: none; } .window-foot .row > div + div { margin-top: 15px; } .social-media { justify-content: center; } } /******************/ /* Login Form */ /******************/ .sub-title { font-size: 19px; font-weight: 400; margin: 25px auto; background: url('../images/one-pixel.png') repeat-x left center; text-align: center; } .sub-title span { background: #fff; padding: 5px 10px; } .lg-form-baner img, .lg-form-baner img a { width: 100%; display: block; } body:not(.no-material) .input-user > input, body:not(.no-material) .input-user > span.label-text, body:not(.no-material) .input-pass > input, body:not(.no-material) .input-pass > span.label-text { padding-left: 30px !important; } body:not(.no-material) .input-user > i, .input-pass > i { position: absolute; left: 0; bottom: 5px; color: var(--dark-secondary-color); font-size: 23px; } body:not(.no-material) .input-i > i { font-size: 20px; bottom: 8px; } body.no-material label { position: relative; } body.no-material label i { display: none !important; } .login-forms { margin-top: 40px; } #pass_user_text, .plain-text { text-align: center; font-size: 14px; color: #161616; font-weight: 400; margin-top: 10px; } .plain-text { padding-top: 10px; padding-bottom: 10px; } #login_bt { font-size: 16px; font-weight: 700; color: var(--darkest-color); text-transform: uppercase; padding: 15px 60px; margin-top: 18px; } .social-login-area a { padding: 15px 20px; font-size: 14px; color: #fff !important; margin: 10px auto; text-transform: uppercase; font-weight: 700; } /**** CMS *****/ .faq-question { border-bottom: 1px solid #dfdfdf; margin: 0 auto; position: relative; display: block !important; } .faq-question p { font-size: 16px; cursor: pointer; padding: 15px 5px; } .faq-question span { padding: 10px 20px 21px; line-height: 1.7; } .faq-question:after { content: "\f204"; font-family: 'MaterialDesignIcons'; color: #b8b8b8; font-size: 18px; position: absolute; right: 10px; top: 15px; } .custom-content p { margin: 16px 0; line-height: 1.8; } /*******************/ /* REGISTER FORM */ /*******************/ #register_form header { margin-top: 10px; margin-bottom: 5px; } .form-item input { background: rgb(249, 249, 249) none repeat scroll 0 0; border: 1px solid rgb(237, 237, 237); font-size: 16px; font-weight: 400; color: rgb(0, 0, 0); padding: 10px; } .form-item input:focus { background: #fff; } .form-sub { margin-top: 25px; } .vfat_panel { margin-top: 10px; background: var(--light-secondary-color) none repeat scroll 0 0; margin-bottom: 19px; padding: 14px; } /* .request label:berore { content:'*'; color:var(--primary-color); content:'*';vertical-align: super; }*/ .vfat_panel .form-item input { border: 0; } #register_form .vfat_panel header span { background-color: var(--light-secondary-color); } .home_responsive_baners img { margin-top: 10px; } #fs_currency div.fancy-select div.trigger, #f_producers div.fancy-select div.trigger { font-size: 12px; } #f_producers div.fancy-select, #fs_currency div.fancy-select { margin-top: 10px; } #fs_currency div.fancy-select div.trigger:after, #f_producers div.fancy-select div.trigger:after { top: 17px; } #f_producers div.fancy-select ul.options, #fs_currency div.fancy-select ul.options { top: 40px; } #f_producers div.fancy-select ul.options li { font-size: 12px !important; } .cart-steps { margin-bottom: 5px; } .compare-table td { padding: 15px; text-align: center; border-right: 1px solid var(--secondary-color); border-bottom: 1px solid var(--secondary-color); } .compare-table td:first-child { border-bottom: 0; } .compare-table tr:first-child td { border-width: 0 0 1px 0; } .compare-table tr:not(:first-child):hover td:not(:first-child) { background-color: #fbfbfb; } .finalize-button > a { float: none; font-size: 16px; text-transform: uppercase; font-weight: bold; padding-top: 15px; padding-bottom: 15px; } #sticy-account { background: #fff; border-bottom: 1px solid var(--secondary-color); text-align: center; padding: 12px 24px 12px 12px; } #sticy-account i { font-size: 30px; color: var(--primary-color); } #sticy-account i ~ div { font-size: 12px; font-weight: 500; } /*** Scrol to top ***/ #scrollToTop { position: fixed; bottom: 20px; right: 20px; height: 55px; width: 55px; line-height: 30px; text-align: center; background-color: var(--primary-color); cursor: pointer; padding: 11px 5px 0; z-index: 999; } #scrollToTop i { color: #fff; font-size: 30px; } .loading_bar { width: 100%; position: fixed; height: 3px; top: 0; left: 0; } .loading_bar_inner { width: 0; height: 3px; background-color: #D25257; transition-property: width; -webkit-transition-duration: 10s; -o-transition-duration: 10s; transition-duration: 10s; } .loading_bar.start .loading_bar_inner { width: 100%; } .loading_bar.end .loading_bar_inner { width: 100%; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .pace { pointer-events: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: var(--primary-color); position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px var(--primary-color), 0 0 5px var(--primary-color); opacity: 1.0; transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: var(--primary-color); border-left-color: var(--primary-color); border-radius: 10px; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /**********/ /* Blog */ /**********/ .blog-site { padding-top: 20px; padding-bottom: 20px; } .blog-site-entry:not(:last-child) { border-bottom: 1px solid var(--secondary-color); padding-bottom: 15px; margin-bottom: 15px; } .blog-site-title { font-size: 20px; margin-bottom: 15px; } .blog-site-title a { color: #161616; } .blog-site-title a:hover { color: var(--primary-color); } .blog-site-date { color: #666; font-size: 14px; padding-top: 3px; } .blog-site-date i { margin-right: 5px; } .blog-site-content h1 { font-size: 30px; font-weight: 400; margin-bottom: 0; } .blog-site-content .blog-site-date, .blog-site-content .blog-site-image { margin-bottom: 35px; } .blog-site-content .blog-site-description img { margin: 15px 0; } .blog-items li { cursor: pointer; } .nav-down .xs-logo-position .rc-header-logo img { max-height: 42px; margin: 5px 0; } .owl-carousel { width: calc(100% - 50px); margin: 0 25px; } .owl-carousel.producers-carusel .owl-item, .owl-carousel.producers-carusel .carusel-item { height: 80px; } .owl-carousel.producers-carusel .carusel-item > a { position: absolute; max-width: 90px; max-height: 80px; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: var(--light-secondary-color); } .owl-carousel .owl-wrapper-outer { padding: 10px 0; } .loyalty-points { padding: 20px 8px; } /* tabele moje konto */ .title_reclamation { font-size: 16px; color: #454545; margin: 15px 0; } .title_reclamation .number_reclamation, .red_reclamation { font-weight: 700; color: #ef3131; } .blue_reclamation { font-weight: 700; color: #318DEF; } .tabs-reclamation .tab-pane { padding: 20px 0; } .title_status { background: #f0f0f0; } /* komunikat o pelnoletnosci */ .container-alert { text-align: center; } .image-adult-alert { background-color: var(--primary-color); display: inline-block; height: 64px; width: 64px; box-sizing: border-box; color: #fff; font-size: 24px; font-weight: 700; margin: 15px 0; padding: 15px 0; } .description-alert { margin: 10px 0; } /* komunikat o trwajacych pracach na stronie under construction */ /* video player tab */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 15px; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* opinie tab */ #create_opinion .product-name { border-bottom: 1px solid var(--secondary-color); padding-bottom: 15px; margin-bottom: 10px; } #create_opinion .cat_opinion { padding-bottom: 15px; } #create_opinion .user_nick { color: var(--primary-color); font-size: 16px; } .opinion-element { background: var(--light-secondary-color); padding: 20px; margin: 8px 0; } .opinion-element .comment-title { font-size: 16px; } .opinion-element .pinfo_rate_text { line-height: 22px; padding: 15px 0; } .opinion-element .pinfo_rate_summary { font-size: 24px; border-bottom: 1px solid #757575; margin: 0 0 15px 0; padding: 5px 0; } .opinion-element .pinfo_rate_summary .count { color: var(--primary-color); } .opinion-element .pinfo_rate_group { background: #E6E6E6; padding: 5px 10px; font-size: 12px; margin-bottom: 10px; } .comment-advantage, .comment-defect { margin: 15px 0; } .comment-advantage .title, .comment-defect .title { color: #fff; font-weight: 700; padding: 2px 8px; margin-bottom: 2px; } .comment-advantage .title { background: #81b032; } .comment-defect .title { background: var(--primary-color); } .comment-advantage .right_column_text, .comment-defect .right_column_text { padding: 2px 8px; } #fb-root .fb_dialog { z-index: 1000 !important; } svg { fill: currentColor; } .active > .filter-title:after { content: "(" attr(data-checked) ")"; } .affix-top { position: fixed; top: 0; z-index: 999; width: 100%; border-bottom: 2px solid #F44336; background-color: #fff; } .affix-transition { transition: 0.5s top ease-in-out; } .affix-top .affix-none { display: none; } .delete-if-empty { direction: rtl; unicode-bidi: bidi-override; text-align: left; } .delete-if-empty * { direction: ltr; unicode-bidi: bidi-override; } .delete-if-empty .cart-options-data:empty, .delete-if-empty .cart-options-data:empty ~ * { display: none; } body .pinfo-description > div:not(:last-child), #options_form { padding: 15px 0; margin: 0; } body .pinfo-description > div:last-child { padding-top: 15px; } body .pinfo-description > div:first-child { padding-top: 0; } .pinfo-description .add-to-wishlist { line-height: 1; } .window-options { padding: 10px 0; } .flex-container { display: flex; flex-wrap: wrap; } .quick-view-description .pinfo-top-copy { display: none !important; } .datepicker_vista, .datepicker_vista * { box-sizing: content-box; } .box-shopping-cart-row { display: flex; justify-content: space-between; padding: 5px 0; } .box-shopping-cart-pay { text-align: right; font-size: 18px; padding: 15px 0; } .box-shopping-cart-row .name { padding-right: 16px; } aside#side .product-rating { display: none !important; } .no-regular-f { margin: 8px 0; } body:not(.rc-page-advanced_search) .conteiner-cms ul:not(.tabs), body:not(.rc-page-advanced_search) .custom-content ul, body:not(.rc-page-advanced_search) .product-description ul { list-style: disc; margin-left: 20px; } body:not(.rc-page-advanced_search) .conteiner-cms ol, body:not(.rc-page-advanced_search) .custom-content ol, body:not(.rc-page-advanced_search) .product-description ol { list-style: decimal; margin-left: 20px; } /**** poprawka rotator zaawansowany v4 (nie glówny rotator) ****/ .banner-container { position: relative; } .banner-container ul:first-of-type { position: relative; } /**** poprawka - dodanie listy punktowanej w opisie produktu ****/ .tab-content .product-description li { list-style: disc; margin-left: 15px; } /* START PUNKTY LOJALNOŚCIOWE */ .loyaltyProgram { margin-bottom: 5px; } .loyaltyProgramDef { font-size: 16px; font-weight: 600; } .loyaltyProgramPoints { color: #ee1c24; font-size: 16px; font-weight: 700; } /* END PUNKTY LOJALNOŚCIOWE */ /* produkty w zestawie karta produktu START */ h3.set-title { margin-top: 0; } .pinfo-set-products form > .row > div { padding-top: 8px; padding-bottom: 8px; } .set-product-info { font-size: 16px; } .set-quantity { color: #ee1c24; } .set-product-name { color: var(--darkest-color); } /* produkty w zestawie karta produktu KONIEC */ .conteiner-cms.custom-content .form_creator_class { padding: 20px; } .hand-cursor { cursor: pointer; } .box.rc-header-logo-footer { visibility: hidden; height: 0; width: 0; } ul.blog-items li { cursor: pointer; } .product-description p:empty, .product-description div:empty { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0; margin-inline-end: 0; height: 1rem; } .product-description p:not(:empty) { margin-block-start: 1em; margin-block-end: 1em; } body .product-description, .product-description * { line-height: 1.45 !important; } .item { text-align: center; } .countdown-time { display: flex; justify-content: center; flex-direction: column; } .countdown-text { padding-right: 5px; } .rc-box-categories-mob-ajax .categories-tree a { display: flex; justify-content: space-between; } .rc-box-categories-mob-ajax .categories-tree a span.toggle-submenu { padding: 0 0 0 10px; }