/** Base Styles **/ .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; } a, a:visited { color: #666; } a:hover, a:active, a:focus { color: #C91219; } a:hover, a:active, a:focus { 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: #858585; background-color: transparent; position: relative; } input:focus { outline-style: none; } textarea {width:100%; max-width: 100%; border-radius:5px; background: #f6f6f6; border: 2px solid #ddd; outline: 0px; padding: 10px; margin: 15px 0;} textarea:focus {border: 2px solid #C91219;} .form-control, body.no-material *:not(.product-input) > input{ background-color: #EBEBEB; 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:0px; 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 #e1e1e1; 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.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle { border-bottom: 1px solid #e6e6e6; padding: 10px; font-weight: 400; } 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: #f6f6f6; } h1.subtitle:first-of-type, 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; border-radius: 4px; padding: 13px 15px 11px; line-height: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .button-primary { background-color: #c91219; } .button-primary:hover, .button-primary.disabled { background-color: #df282f; } .button-success { background-color:#81b032; color:#fff; } .button-success:hover { background-color:#81b032; } .button-light { background-color: #fff; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.25); color: #000; } .button-dark { background-color: #252525; } .button-dark:hover { background-color: #414040; } .button-primary, .button-dark { color: #fff !important; box-shadow: 0px 2px 4px 0.25px rgba(0, 0, 0, 0.3); } .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 52px 12px; } .button-active.button-light { color: #c91219; } .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; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } .plain-btn a { text-decoration: underline; color:#444;padding-bottom: 10px;} /*********/ /* 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: 2px solid #e6e6e6; text-align:left; } body:not(.no-material) label.input-label.inline { display: inline-block; } body:not(.no-material) label.input-label .label-text { color: #888; 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: #C91219; 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: #C91219; } 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; background-color: transparent !important; 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: #C91219; color: #fff; padding: 2px 7px; position: absolute; left: 0; bottom: -18px; font-size: 10px; text-transform: none; } 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: 0px; } #h_token { width: 100px; margin-right: 20px; margin-top: 10px; } [class*="col-"].align-to-input { padding-top: 25px; font-size: 16px; } /** Radio & Checkbox **/ .rc-rc { display: block; position: relative; margin: 10px 0; font-size: 16px; text-align: left; } .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: 0px; bottom:0px; margin: inherit; border: 3px solid #e6e6e6; -webkit-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } .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 { border-radius: 50%; } .rc-rc input[type=radio] ~ span:after { background-color: transparent; border-radius: 50%; width: 10px; height: 10px; content: ""; position: absolute; left: 5px; bottom: 0px; 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: #C91219; } .rc-rc input[type=radio]:checked ~ span:after { background-color: #C91219; } .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; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .rc-rc input[type=checkbox] ~ span:after { font-family: 'MaterialDesignIcons'; content: '\f1f1'; position: absolute; text-transform: none; left: -5px; top: -11px; font-size: 32px; color: #00A14A; opacity: 0; -webkit-transition: transform 0.3s, opacity 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .rc-rc input[type=checkbox]:checked ~ span:after { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); 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 { color: #C91219; text-transform: none; position: absolute; bottom: -17px; left: 35px; } .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; } /**********/ /* Header */ /**********/ .header-main, .header-wrap { position: relative; z-index:70; } .header-wrap.oh { overflow: hidden; } .rc-header-logo img{ max-height: 110px; max-width: 100%; margin:20px 0px; } /* Header Top */ .header-top { border-bottom: 1px solid #e1e1e1; position: relative; z-index: 51; } .header-wrap.oh .header-top { z-index: 20; } .height-header-top{ height:35px; } .online, .languages, .currencies, .products_compare, .wishlist, .account-link { float: left; margin: 0 5px; } .products_compare, .wishlist{ padding: 5px 0; } .online span { margin: 6px 0; } .languages span { display: inline-block; margin: 0px 7px; } .languages img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; filter: grayscale(100%); /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .languages span.active img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(0%); -webkit-filter: grayscale(0%); } .currencies { padding-top: 4px; } .currencies select { padding: 4px 10px; font-size: 12px; } .currencies div.fancy-select div.trigger { padding: 5px 25px 5px 15px; font-size: 10px; width: 95%; } .currencies div.fancy-select ul.options { top: 28px; } .currencies div.fancy-select ul.options li { font-size: 10px; } .currencies div.fancy-select div.trigger:after { top: 10px; } .products_compare, .wishlist { position: relative; } .header-top, .header-top a:not(.button){ display: inline-block; color: #868686; font-size: 12px; } .account a:hover { color: #444; } .account a i { vertical-align: middle; margin-right: 5px; font-size: 16px; color: #D25257; } #toggle_mobile_menu{ color: #000; font-size: 34px; } #saveCartBt { margin-left: 12px;} /* Search */ .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; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); 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; -webkit-transition: all 0.25s; -o-transition: all 0.25s; 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; border-radius: 50%; 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 #ddd !important; padding: 0 !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); } #sugget_container > div:first-child { position: absolute; right: 0; top: 0; color: transparent; } #sugget_container > div:first-child:before { content: "\f216"; font-size: 16px; display: block; width: 26px; border-left: 1px solid #f6f6f6; height: 30px; text-align: left; padding-left: 5px; line-height: 30px; color: #333; position: absolute; right: -27px; top: 0; background-color: #fff; border-radius: 0 15px 15px 0; font-family:'MaterialDesignIcons'; } #sugget_container > div:first-child:hover:before { background-color: #f9f9f9; } #sugget_container .suggest-item { position: relative; } #sugget_container .suggest-item:hover a { background-color: #f9f9f9; } #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: 22px; font-weight: 400; line-height: 68px; } #sugget_container .suggest-separator { border-bottom: 1px solid #ddd !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 { display: inline-block; width: 26px; height: 26px; line-height: 26px; background-color: #d25257; font-size: 12px; font-weight: 400; color: #fff; text-align: center; border-radius: 50%; box-shadow: 0px 0px 4.25px 0.75px rgba(0, 0, 0, 0.36); } #ajax_header_cart_items{ position: absolute; right: 0px; top:50%; } .ajax-items-wishlist, .ajax-items-compare { position: static; height: 18px; width: 18px; line-height: 18px; margin-left:8px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.36); } .ajax-items-wishlist:empty, .ajax-items-compare:empty { display: none;} .wishlist .ajax-items-wishlist:empty { margin-left: 0px;} .product_quantity {font-size:13px; color:#939393; margin-bottom:5px; } .product_quantity span {color:#575757; font-weight: 700;} .shipping-photo { max-height: 50px;} #ajax_header_cart_items { pointer-events: none; cursor: default; } .show-cart i { font-size: 32px; line-height: 32px; } /* Cart Preview */ .cart-preview { position: absolute; right: 0; top: 100%; width: 340px; background-color: #fff; border: 1px solid #e1e1e1; z-index: 200; } .cart-preview-compare, .cart-preview-wishlist{ position: absolute; right:auto; left:0px; } .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; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist).visible { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); 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; } #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 { font-size: 16px; border-bottom: 1px solid #e6e6e6; padding: 15px; position: relative; } .cart-preview.cart-preview-sticky .products-list { position: absolute; left: 0; bottom: 69px; right: 0; overflow-x: hidden; overflow-y: auto; top: 54px; } .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 { float: left; } .cart-preview .product { border-bottom: 1px solid #e6e6e6; padding: 15px; position: relative; } .cart-preview .product:last-child { border-bottom: 0; } .cart-preview .preview-name { margin: 0; padding: 0; } .cart-preview .preview-options { font-size: 12px; color: #666; padding-top: 5px; } .cart-preview .preview-price { font-size: 16px; font-weight: bold; padding-top: 5px; } .cart-preview .preview-empty { padding: 25px 15px; text-align: center; color: #999; font-size: 16px; } .cart-preview .preview-empty i { font-size: 72px; margin-bottom: 15px; } .cart-preview .preview-button { text-align: right; padding: 15px; background-color: #f9f9f9; position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px solid #e6e6e6; } .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 { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background-color: #f6f6f6; position: relative; z-index: 50; } /* Kategorie */ .categories-button { margin-top: -1px; margin-bottom: -1px; position: relative; z-index: 5; } .categories-button > a { display: block; background-color: #c91219; color: #fff; font-size: 25px; font-weight: 400; padding: 19px 16px 18px; } .categories-button > a i { margin-right: 10px; opacity: 0.5; font-size: 25px; vertical-align: middle; margin-top: -5px; } .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: #c91219; } .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: 14px; font-weight: 400; color: #000; border: 1px solid #E1E1E1; padding: 10px 15px; display: block; } .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 ***/ .megamenu, .megamenu2 { list-style: none; margin: 0; padding: 0; position: relative; } .megamenu > li, .megamenu2 > li { display: inline-block; } .megamenu > li:not(.menuitem_fullwidth) { position: relative; } .megamenu > li > a, .megamenu2 > li > a { font-size: 16px; font-weight: 400; line-height: 1.40em; text-transform: uppercase; color: #262626; display: block; padding: 19px 23px; border-width: 0 1px; border-style: solid; border-color: transparent; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .megamenu > li:hover > a, .megamenu2 > li:hover > a { border-color: #e1e1e1; background-color: #fafafa; text-decoration: none; } .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 { color: #ee1c24; font-size: 18px; } .view_price_old { margin-left: 5px; color: #898989; text-decoration: line-through; } .price_sale{ font-weight: 700; } .small_cutdown_main{ background: #C91219; color: #FFFFFF; font-weight: 700; padding: 6px 10px; margin-left: 10px; } .view_price_shipping_text{ color: #C91219; } .view_price_def{ font-size:12px; } .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; } .title-message { color:#858585; font-size:18px; } /***/ .addComplementary{ background-color:#fff; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.25); color: #000; padding:15px; margin-bottom:16px; } .addComplementary.active{ background-color:#FDFDFD; } .product-input { display: inline-flex; justify-content: space-between; border:1px solid #e1e1e1; background-color: #fff; } .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; color: #010101; background-color: #fff; cursor: pointer; } .product-input a:first-child { border-right:1px solid #e1e1e1; } .product-input a:last-child { border-left:1px solid #e1e1e1; } .product-input a:hover { background-color: #f6f6f6; } .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: 16px; color: #ffffff; background-color: #C91219; display: inline-block; padding: 5px 10px; border-radius: 3px; 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: 5px; font-size: 18px; display: inline-block; vertical-align: middle; } .view_stock_info_text_ok { color: #00a650; } .view_stock_info_text_ok:before { content: "\f1f1"; } .view_stock_info_text_not { color: #C91219; } .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; font-size: 12px; } .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-radius: 22px; 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: #F2F2F2; } .conteiner-cms table.row-stripes td { border-bottom:none;} .product-inside { text-align: center; border-radius:5px; margin: 0px; padding-top: 10px; background-color: #fff; margin-bottom: 10px; } .product-inside:hover { box-shadow: 0px 2px 4px 0.25px rgba(0, 0, 0, 0.3); } .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 #e6e6e6; } .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 .one{ text-align: center; } .countdown-box .product-inside{ display: inline-block; } .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 img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }*/ .product-inside .product-photo > div { display: flex; align-items: center; justify-content: center; } .one-item .product-inside .product-photo, .one-item .product-inside .product-info { display: inline-block; vertical-align: top; } .product-inside .product-info { margin-top: 10px; padding-top: 10px; padding-bottom: 5px; -webkit-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; } .product-item:not(.one-item) .product-inside:hover .product-info { background-color: #f6f6f6; } .box-product .box-product-name, .product-inside .product-name { font-size: 14px; font-weight: normal; margin: 0 0 5px; padding: 0; } .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: #000; } .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: 0px auto 10px; padding: 0px; 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: 0px; padding: 0px; display: block; width: 84px; height: 20px; text-decoration: none; text-indent: -9000px; } .product-inside .product-buttons { position: absolute; top:0px ; right: 10px; width: 76px; text-align: center; } .one-item .product-inside .product-buttons { top: 0; right: 15px; bottom:auto; } .product-inside .product-buttons a { border-radius: 50%; text-align: center; display: inline-block; padding: 0; opacity: 0; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); } .product-inside:hover .product-buttons a { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(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.product-add-cart { width: 60px; height: 60px; } .product-inside .product-buttons a.product-add-cart i { line-height: 60px; font-size:25px; } .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: #fff; } .popup-header, .rc_windowTitle:not(:empty) { padding: 12px 70px 12px 20px; background-color: #C91219; } .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; /* font-size: 16px; */ box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); } #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: 0px 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: 0px 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: 0px 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; background-color: #f9f9f9; border-top: 1px solid #e6e6e6; } .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; } .window-buy .buy-button { display: inline-block; } .window-buy > * { vertical-align: top; } .window-buy .buy-button .button { padding: 16px 20px; margin-left: 5px; } .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: block; text-align: right; margin:20px 3px; } .pagination .active{ background-color: #c91219; color: #fff; } /***/ .container-title { margin: 30px 0 15px; text-align: center; } .container-fluid + .container-title { margin-top: 0; } .container-title span { min-width: 35%; display: inline-block; padding: 8px 30px; font-size: 24px; color: #190101; font-weight: 400; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .modal-container-title, .modal-container-title span { margin-top:0px !important; padding-left:0px !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: #C91219 !important; } /***********/ /* Sidebar */ /***********/ aside#side .box{ border: 1px solid #d7d7d7; margin-bottom: 20px; } aside#side .box-title{ font-size: 17px; font-weight: 400; text-transform: uppercase; margin: 8px; border-bottom: 1px solid #e1e1e1; padding: 2px 5px 9px; } aside#side .box-title, aside#side .box-title a { color: #131313; } aside#side .box-body{ padding: 15px; } 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 #e6e6e6; padding-bottom: 10px; } .box_menu li { border-bottom: 1px solid #e6e6e6; } .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; } .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 #e6e6e6; -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: #C91219; background: #C91219; color: #fff; } /** Kategorie **/ .rc-box-categories .box-title, .rc-box-categories-classic .box-title { display: none; } .rc-box-categories .box-title, .rc-box-categories-more .box-title { margin: 0 !important; padding: 10px 15px !important; font-size: 16px !important; line-height: 16px !important; } .rc-box-categories-more + .rc-box-categories .box-title { display: block; padding: 15px !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; border: 1px solid #e6e6e6; opacity: 0; visibility: hidden; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: all 0.3s; -o-transition: all 0.3s; 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-mob-ajax li ul.depth-2 > li { background-color: #f4f4f4; } .rc-box-categories-mob-ajax li ul.depth-3 > li { background-color: #ededed; } .rc-box-categories .categories-ajax li:hover > ul { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); 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 { color: #262626; font-size: 16px; display: block; padding: 10px 20px; position: relative; } .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: #fbfbfb; border-top: 1px solid #e1e1e1; } .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; } .rc-box-categories-mob-ajax .categories-tree li:hover > a, .rc-box-categories-more .categories-tree li:hover > a, .rc-box-categories .categories-tree li:hover > a, .classic-menu a:hover { background-color: #f6f6f6; } .rc-box-categories-mob-ajax li ul.depth-2 > li:hover > a { background-color: #f0f0f0; } .rc-box-categories-mob-ajax li ul.depth-3 > li:hover > a { background-color: #eaeaea; } .classic-level-2, .classic-level-3, .classic-level-4 { border-top: 1px solid #e1e1e1; position: relative; } .classic-level-2:before, .classic-level-3:before, .classic-level-4:before { position: absolute; content: ""; left: 15px; top: 0; height: 44px; border-left: 1px dotted #ccc; z-index: 2; } .classic-level-2:after, .classic-level-3:after, .classic-level-4:after { width: 13px; border-top: 1px dotted #ccc; content: ""; position: absolute; left: 15px; top: 22px; z-index: 2; } .classic-level-3:after { width: 28px; } .classic-level-4:after { width: 43px; } .classic-level-2 a { padding-left: 35px; } .classic-level-3 a { padding-left: 50px; } .classic-level-4 a { padding-left: 65px; } .classic-level-2 a:hover, .classic-level-3 a:hover, .classic-level-4 a:hover { background-color: #fbfbfb; } .classic-active a, .classic-level-active a { color: #c91219; } .producer-logo img { max-width: 70px; } /** Filtry **/ .rc-box-filter-search { border-width: 1px 0px 0px 0px !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 #e6e6e6; padding-top:15px; padding-bottom:15px; } .filter-box:first-child { border-top: 0; } .filter-title { font-size: 16px; margin: 0; position: relative; cursor:pointer; } .filter-collapse { color: #c91219; font-size: 24px; position: absolute; right: 0; top: -5px; } .filter-collapse:before { font-family: 'MaterialDesignIcons'; content: "\f207"; position: absolute; right: 0; top: 0; display: block; } .collapsed .filter-collapse:before { content: "\f204"; } .input-search { top: 24%; } .filter-content { padding: 10px 0 20px; } .filter-content input[type=checkbox] { display: none; } .filter-content label:not(.input-text) { padding-left: 20px; position: relative; padding: 3px 0 3px 25px; display: block; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .filter-content label:not(.input-text):before { content: ""; width: 18px; height: 18px; border-radius: 3px; border: 1px solid #e6e6e6; position: absolute; left: 0; top: 5px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .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: #ccc; } .filter-content input[type=checkbox]:checked + label { color: #ed1c24; } .filter-content input[type=checkbox]:checked + label:after { opacity: 1; } .filter-clear { text-align:right; } .filter-clear a { font-size:10px; text-decoration: underline; color:#323232; cursor: pointer; } #filter-prices { margin-top: 8px; color: #555; font-size: 12px; } 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: 0px !important; height: 0px !important; border-radius: 0px; border:0px solid #E6E6E6 !important; position: absolute; left: 0px; top: 5px; transition: all 0.2s ease 0s; } .filter-content input[type=checkbox]:checked + label:before { background-color: #ed1c24; border-color: #ed1c24; } .noUi-target{ background-color: #ebebeb; position: relative; border-radius: 0; border: 0; } .noUi-horizontal{ height: 6px; margin: 12px 10px; } .noUi-handle { width: 20px !important; height: 20px !important; border: 0; border-radius: 50%; left: -10px !important; top: -8px !important; background-color: #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); } .noUi-handle:before, .noUi-handle:after { display: none; } .noUi-connect { background-color: #ed1c24; } .filter-tags { padding-bottom: 15px; } .filter-tag { display: block; border-bottom: 1px solid #e6e6e6; padding: 4px 0; } .filter-tag:last-child { border-bottom: 0; } .filter-remove { float: right; } .filter-actions, .filter-tags { border-top: 1px solid #e6e6e6; } .filter-actions { padding-top: 20px; } .filter-button { float: left; } .filter-clear { float: right; margin-top: 5px; font-size: 12px; } /*************/ /* 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; } .breadcrumb { border-bottom: 1px solid #e1e1e1; } .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; color: #858585; } .breadcrumb > ul > li:last-child:after { display: none; } .breadcrumb > ul > li > a { padding: 0 15px 0 5px; display: block; color: #858585; } .breadcrumb > ul > li > a:hover, .breadcrumb > ul > li:last-child > a { color: #c91219; } .breadcrumb ul ul { visibility: hidden; opacity: 0; position: absolute; left: 2px; top: 100%; border: 1px solid #e1e1e1; background-color: #fff; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1); z-index:40; } .breadcrumb li:hover > ul { opacity: 1; visibility: visible; } .breadcrumb ul ul a { white-space: nowrap; padding: 7px 20px; display: block; border-top: 1px solid #e1e1e1; } .breadcrumb ul ul li:first-child a { border-top: 0; } .breadcrumb ul ul a:hover { background-color: #f9f9f9; } /********** /* Footer */ /**********/ footer#footer { margin-top: 30px; } .footer-bottom{ padding-top:15px; padding-bottom:15px; } /** Newsletter **/ .footer-newsletter { /* background-color: #d25257; // UGLY */ background-color: #960D11; padding: 35px 0px; } .fn-textblock { text-align: center; margin-top: 10px; margin-bottom: 10px; } .fn-title, .fn-description { color: #fff; font-weight: 400; } .fn-title { font-size: 29px; margin: 0px; text-transform: uppercase; } .fn-description { font-size: 14px; } .fn-form { position: relative; margin-top: 40px; float: none; } .s-inputs label.input-label{ margin-top:-20px !important; } body:not(.no-material) label.other-color.input-label{ border-bottom-color: #DB5559; } body:not(.no-material) label.other-color.input-label input { width: 100%; color: #fff; } body:not(.no-material) label.other-color.input-label .label-text{ color: #DB5559; } body:not(.no-material) label.other-color.input-label input, body:not(.no-material) label.other-color.input-label .label-text{ padding: 12px 15px; font-size: 18px; } body:not(.no-material) label.other-color.input-label.hasContent input:focus ~ .label-text { color: #fff; } body:not(.no-material) label.other-color.input-label .label-text:before { background-color: #fff; } .fn-button a { color: #DB5559; font-size: 28px; } .fn-button a#footer_newsletters_bt{ padding:0px; display:inline !important; } .fn-button a:hover { color: #fff; } /** Footer Boxes **/ .footer-informations { background-color: #f6f6f6; padding-top:15px; padding-bottom:30px; } .footer-informations .nav-header { color: #190101; font-size: 16px; font-weight: 400; margin: 0; padding: 10px 0; border-bottom: 1px solid #d7d7d7; } .footer-informations ul { margin: 0; padding: 5px 0 0; list-style: none; } .footer-informations li { margin-top: 5px; } /** social **/ a.social { font-size: 14px; padding: 6px; border: 2px solid #D7D7D7; height: 30px; width: 30px; display: inline-block; margin: 4px 2px; border-radius: 50%; line-height: 1; } .social-conteiner a:first-of-type{ margin-left: 0; } a.social[title~="google"]:hover{ border-color:#dd4b39; background: #dd4b39; color: #fff;} /** google **/ a.social[title~="facebook"]:hover{ border-color: #3b5998; background: #3b5998; color: #fff;} /** facebook **/ a.social[title~="pinterest"]:hover{ border-color: #cb2027; background: #cb2027; color: #fff;} /** pinterest **/ a.social[title~="dropbox"]:hover{ border-color: #007ee5; background: #007ee5; color: #fff;} /** dropbox **/ a.social[title~="flickr"]:hover{ border-color: #ff0084; background: #ff0084; color: #fff;} /** flickr **/ a.social[title~="linkedin"]:hover{ border-color: #007bb5; background: #007bb5; color: #fff;} /** linkedin **/ a.social[title~="skype"]:hover{ border-color: #12A5F4; background: #12A5F4; color: #fff;} /** skype **/ a.social[title~="tumblr"]:hover{ border-color: #32506d; background: #32506d; color: #fff;} /** tumblr **/ a.social[title~="twitter"]:hover{ border-color: #00aced; background: #00aced; color: #fff;} /** twitter **/ a.social[title~="youtube"]:hover{ border-color: #bb0000; background: #bb0000; color: #fff;} /** youtube **/ a.social[title~="dribbble"]:hover{ border-color: #ea4c89; background: #ea4c89; color: #fff;} /** dribbble **/ a.social[title~="myspace"]:hover{ border-color: #00349A; background: #00349A; color: #fff;} /** myspace **/ /** Copyright **/ .copyright { font-size: 12px; padding: 10px 0; display: block !important; } .copyright, .copyright a { color: #000; } /** Slider */ .owl-prev, .owl-next, .slick-prev, .slick-next { width: 25px; height: 50px; position: absolute; top: 50%; margin-top: -20px; text-indent: -9999px; border: 0; opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0; visibility: hidden; } .owl-prev:before, .owl-next:before, .slick-prev:before, .slick-next:before { font-family: 'MaterialDesignIcons'; position: absolute; top: 2px; text-indent: 0; font-size: 28px; line-height: 48px; } .owl-prev, .slick-prev { box-shadow: -3px 0 2px rgba(0, 0, 0, 0.1) inset; left: -25px; border-radius: 0 25px 25px 0; } .owl-prev:before, .slick-prev:before { left: -5px; content: "\f205"; } .owl-next, .slick-next { box-shadow: 3px 0 2px rgba(0, 0, 0, 0.1) inset; right: -25px; border-radius: 25px 0 0 25px; } .owl-next:before, .slick-next:before { content: "\f206"; right: -5px; } .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:15px; } .listing-classic{ display: flex; flex-wrap: wrap; } .one-item { border-bottom: 1px solid #ccc; } .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 { border: 1px solid #e1e1e1; padding:0 20px 20px 20px; text-align: justify; } .category-description-margin { margin: 20px 0; } .listing-sorting{ margin:20px 0; } .listing-sorting select { width: auto; } .listing-sorting > .row { padding-top:8px; padding-bottom:8px; margin: 0; background-color: #f2f2f2; color: #737373; } .listing-sorting > .row span + span { margin-left: 0px; } .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: 5px 25px 5px 15px; font-size: 12px; border-bottom: 1px solid #242424; background-color: transparent; width: auto; display: inline-block; color: #000; } .listing-sorting div.fancy-select ul.options { top: 28px; overflow: none; } .listing-sorting div.fancy-select ul.options li { font-size: 12px; color: #000; } .listing-sorting div.fancy-select ul.options li.selected { color: #fff; } .listing-sorting div.fancy-select div.trigger:after { top: 10px; color: #000; } .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-radius: 50%; width: 32px; display: inline-block; height: 32px; text-align: 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: #888; padding: 5px 10px; font-size: 12px; } /*********/ /* Pinfo */ /*********/ #pinfo-main { position: relative; } #pinfo-main img { max-width: 100%; } #pinfo-main .slide { text-align: center; width: inherit; } #pinfo-main .slideHref { display: block !important; width: inherit; } /* Gallery */ .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%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-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: 10px; left: 10px; z-index: 30; } .zoomLens { z-index: 10 !important; } #images > .slide:not(:first-child) img { display: none; } #img_Prev, #img_Next { display: block; position: absolute; top: 50%; margin-top: -35px; font-size: 32px; background-color: #fff; width: 35px; height: 70px; z-index: 10; } #img_Prev:hover, #img_Next:hover { cursor: pointer; } #img_Prev i, #img_Next i { line-height: 66px; } #img_Prev { border-radius: 0 70px 70px 0; left: 0; text-align: right; box-shadow: -4px 0 3px rgba(0, 0, 0, 0.1) inset; } #img_Prev i { margin-right: 18px; } #img_Next { border-radius: 70px 0 0 70px; right: 0; text-align: left; box-shadow: 4px 0 3px rgba(0, 0, 0, 0.1) inset; } #img_Next i { margin-left: 9px; } .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-size: 24px; font-weight: 400; margin:0px; } .pinfo-price .view_price, .quick-view-price .view_price { font-size: 28px; } .pinfo-price .view_price_old, .quick-view-price .view_price_old { font-size: 24px; } .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: #c91219; 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-label, .inventory-body { margin:10px 0; } .inventory-container{ margin-top: -10px; margin-bottom: -10px; } .pinfo-to-cart, .pinfo-complementary-to-cart, .modal-to-cart { height:48px; line-height: 38px; padding-top:5px; padding-bottom:5px; } .modal-to-cart { font-weight: 400; text-transform:uppercase;} .pinfo-to-cart i, .pinfo-complementary-to- i { vertical-align: text-top; margin-top: 0px; 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: 28px; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,0.2); 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: 2px solid #fff; content: ""; top: -4px; left: -4px; position: absolute; display: block; border-radius: 50%; -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: #C91219; } .zoomWindow { border-color: #e6e6e6 !important; } /** Rating **/ .pinfo-rating { padding: 5px 0; } .stars { background: url("../images/pinfo/stars.png") repeat transparent; } .moostar { margin:0px; padding:0px; overflow:hidden; width: 84px; height: 20px; float: left; } .moostar span { float: left; margin:0px; padding:0px; display: block; width: 84px; height: 20px; text-decoration: none; text-indent: -9000px; } .moostar .curr { background-position:left 25px; 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 { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ddd; } .tabs > li { float: left; } .tabs > li + li { margin-left: 5px; } .tabs > li a { padding: 7px 10px; display: block !important; text-transform: uppercase; color: #888; font-size: 16px; font-weight: 700; text-decoration: none; transition: color 0.3s ease-in-out; } .tabs > li.active a { color: #c91219; } .tab-content { border-bottom: 2px solid #c91219; } .tab-pane { padding: 30px 20px; } .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; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #e6e6e6; position: relative; } .tabs-container .panel-heading a:before { font-size: 12px; 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: #C91219; border-bottom: 2px solid #C91219; } .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 ul { text-align: center; } .index-tabs-container li { display: inline-block; } .index-tabs-container li a { min-width: 35%; display: inline-block !important; padding: 7px 30px; font-size: 20px; margin: 0 -2px; color: #190101; font-weight: 400; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .index-tabs-container li.active a { color: #c91219; } .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 */ .tabsLine { -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; background-color: #c91219; height: 2px; } .technical-row { width: 100%; display: table; } .technical-data { display: table-row; } .technical-title, .technical-desc { display: table-cell; vertical-align: middle; padding: 10px; height: 55px; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .technical-data:first-child p { border-top: 1px solid #e6e6e6; } .technical-title { min-width: 10%; font-weight: bold; border-left: 1px solid #e6e6e6; } .technical-desc { width: 90%; } .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: #f6f6f6; } .sitemap-tree h4, .sitemap-tree h5{ font-weight: 400; } .sitemap-tree h1{ font-size: 16px; border-bottom: 1px solid #e6e6e6; padding: 10px; margin: 5px 0; } .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 0px; } .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: 3px solid #e6e6e6; text-align: center; font-size: 16px; padding: 10px; color: #aaa; } .cart-steps .step.active, .cart-steps .step.done { font-weight: bold; } .cart-steps .step.active { border-bottom-color: #C91219; color: #C91219; } .cart-steps .step.done { border-bottom-color: #333; color: #333; } .changeOptions { margin-top:20px; font-weight: 700; text-transform:uppercase; color:#ebebeb;margin-top:0px;} .changeOptions a { font-weight: 700; text-transform:uppercase; color:#B0B0B0;} .changeOptions a:hover { color: #C91219; 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:0px; } .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: 16px; font-weight: 400; 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 #e6e6e6; z-index: 1; } .register-vat-icons { position: absolute; left: 19px; bottom: 21px; z-index: 1; font-size: 20px; color:#858585; } .changeOptions-xxs .changeOptions a { font-size:0px; } .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 #e6e6e6; height:1px; } .cart-table-item:after{ margin:0 } .changeOptions-xxs a:hover { cursor:pointer; color:rgb(190, 15, 15);} .cart-remove a { font-size: 18px; } .cart-name a { color: #000; 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:#C91219;} .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: #888; } .cart-shipping { border-radius: 5px; } .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; } .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 { border: 2px solid #e6e6e6; padding: 10px 20px 20px; margin-bottom: 15px; margin-top: 15px; } .step4.cart-sum-total { background:#F3F3F3;} .cart-sum-total-item { font-size: 16px; border-bottom: 1px solid #e6e6e6; 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; color: #ef3131; } .cart-sum-total-title { font-size: 18px; color: #161616; font-weight: 400; border-bottom:4px solid #C91219; padding-bottom: 8px; } /***/ .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 0px 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 0px 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 { border-radius: 50%; 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; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 .8s infinite linear; 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% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); 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 #e6e6e6; } .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-radius:5px; 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: #000; font-size: 28px; font-weight: 400; text-align: center; } .cart-mass-info, .cart-free-shipping { border: 1px solid #e6e6e6; padding: 15px 20px; margin-bottom:20px; } /** 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 0px 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: 0px !important; } @media screen and (max-width: 480px) { .widgets{ display:none; } .header-bottom{ margin:10px 0; } .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; } .product-one .product-buttons { display:none !important; } .footer-informations .nav-container ul{ opacity:0; height:0px; overflow:hidden; transition: all 0.2s linear 0s; } .footer-informations .nav-container .nav-header:after{ font-family:MaterialDesignIcons; content: "\f204"; float: right; } .footer-informations .nav-container.active .nav-header:after{ content: "\f207"; } .footer-informations .nav-container.active ul{ opacity:1; height:auto; overflow:hidden; } .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; } #ajax_header_cart_items { line-height: 23px; width: 24px; height: 24px; font-size: 10px; } .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 #e6e6e6 !important; } .technical-desc .button { position: absolute; top: 10px; right: 10px; } /* .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-2, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-2, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-2, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 15px; padding-right: 15px; } */ /**********/ /* Blog */ /**********/ .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; } } @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: 768px) { .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: 0px; padding-right: 0px; } .xs-logo-position img { max-width: 100%; } .xs-logo-position a img { max-width: 100%; min-width: 0px; } .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 #e6e6e6; } .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 0px 10px 0px; } .copyright{ margin: 10px 0px 20px 0px; } } /******************/ /* 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: #858585; 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: #000; 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 0px; 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: #F6F6F6 none repeat scroll 0% 0%; margin-bottom: 19px; padding: 14px; } /* .request label:berore { content:'*'; color:#C91219; content:'*';vertical-align: super; }*/ .vfat_panel .form-item input { border: 0; } #register_form .vfat_panel header span { background-color:#F6F6F6;} .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 #e6e6e6; border-bottom: 1px solid #e6e6e6; } .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 #E1E1E1; text-align:center; padding: 12px 24px 12px 12px; } #sticy-account i { font-size:30px; color:#D25257; } #sticy-account i ~ div { font-size:12px;} /*** Scrol to top ***/ #scrollToTop { position:fixed; bottom:20px; right:20px; height:55px; width: 55px; line-height:30px; text-align:center; color:#F44336; background-color:#F44336; padding: 0 5px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12); cursor: pointer; border-radius:50%; padding-top: 11px; 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 { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #c91219; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #c91219, 0 0 5px #c91219; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); 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: #c91219; border-left-color: #c91219; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } /**********/ /* Blog */ /**********/ .blog-site { padding-top: 20px; padding-bottom: 20px; } .blog-site-entry:not(:last-child) { border-bottom: 1px solid #ccc; 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: #C91219; } .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: 0px 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%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .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 0px; } .title_status { background: #f0f0f0; } /* komunikat o pelnoletnosci */ .container-alert{ text-align: center; } .image-adult-alert{ background-color: #C91219; display: inline-block; height: 64px; width: 64px; border-radius: 50%; 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 #e1e1e1; padding-bottom: 15px; margin-bottom: 10px; } #create_opinion .cat_opinion{ padding-bottom: 15px; } #create_opinion .user_nick{ color: #c91219; font-size: 16px; } .opinion-element { background: #F6F6F6; 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: 0px 0 15px 0; padding: 5px 0; } .opinion-element .pinfo_rate_summary .count{ color: #c91219; } .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: #c91219; } .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) { padding:15px 0px; border-bottom: 1px solid #E1E1E1; margin:0; } body .pinfo-description > div:last-child{ padding-top:15px; } body .pinfo-description > div:first-child{ padding-top:0px; } .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: initial; list-style-type: 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: initial; list-style-type: 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: #000; } /* 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: 0px; width: 0px; } 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: 0px; margin-inline-end: 0px; 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; } .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: 0px 10px; }