body, body *{margin:0;padding:0;border:0;} body,table{color:#8f8f8f;font-size:0.75em;font-family:'Open Sans'} body{padding:0;text-align:center;} .message {padding:30px;border:1px solid #e0e0e0;margin:50px 0 0;clear:both;display:inline-block;width:calc(100% - 62px)} .message h3 {font-weight:Normal;} .message#error {border:1px solid #dc4746;background-color: rgba(220,71,71,0.1);color:#dc4746;font-size:1.2em;} .submit, button {cursor:pointer;border:0;} .upper {text-transform: uppercase} input[type=number] { -moz-appearance: textfield; appearance: textfield; margin: 0; } a {text-decoration:none;color:#8f8f8f;} a:active, a:focus { outline: 0; border: none; outline-style: none; -moz-outline-style: none; } input { -webkit-appearance: none; border-radius: 0; } .mt-20 {margin-top:20px!important;} .displaynone {display:none;} ins {text-decoration: line-through;} .raquo {padding:0 5px;font-size:1.3em;} form, fieldset {margin:0;padding:0;border:0;} header, section, footer, main {float:left;width:100%;margin:0;padding:0;} .toggle-data {cursor:pointer} .input, textarea {font-size:1.366em;padding:5px 10px;border:1px solid #e4e4e4;background:#fff;} .container {width:100%;max-width:1360px;margin:0 auto;} header .container {max-width:1800px;} nav ul {list-style:none;margin:0;padding:0;} nav li {float:left;margin:0;padding:0;} nav label {display:none;} #head1 {border-bottom:1px solid #e1e1e1;} #head1 .infoline, #head1 .slogan {float:left;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding:15px 15px;font-size:0.933em;} #head1 strong {font-weight:600;color:#dc4746} #head1 .infoline {float:right;border-left:0;} #head1 nav {float:right;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding:15px 15px;} #head1 nav a {padding:5px 10px;font-size:0.933em;} #head1 nav a:hover {color:#222B34} #logo, .logo {float:left;line-height:90px;height:90px;font-size:1.533em;font-family:'Open Sans';} #logo img, .logo img {vertical-align: middle;height:40px;width:auto;} #logo a, .logo a {color:#222B34} #logo a span, .logo a span {color:#dc4746} #logo a:hover, .logo a:hover {text-decoration:none;} #fbLike {float:left;margin:-30px 20px 0 0;} #head2 {background:#fff;} .fixed {position:fixed;top:0px;z-index:101;transition-duration:0.7s;display:none;border-bottom:1px solid #e1e1e1;} #head2 nav {float:left;width:auto;margin:0 0 0 50px;padding:0;} #head2 nav ul li {position:relative;} #head2 nav ul li a {color:#222b34;padding:10px 10px;display:block;font-size:1.066em;text-transform: uppercase;font-family:'Open Sans';line-height:70px;height:70px;} #head2 nav ul li.main3.l8 a {color:#dc4746} #head2 nav ul .sub {position:absolute;background: #222B34;display:none;left:0;width:300px;text-align:left;z-index:101;} #head2 nav ul li.l7 .sub {width:300px;} #head2 nav ul li:hover .sub {display:block;} #head2 nav ul li ul {width:300px;display:block;margin:10px 0;padding:0px;float:left;} #head2 nav ul li ul li a {padding:2px 15px;color:#fff;line-height:40px;height:40px;text-transform: none;font-size:1.033em;} #head2 nav ul li:hover {background: #222B34} #head2 nav ul li:hover:before {content:'Lampy';position:absolute;color:#fff;left:10px;top:20px;} #head2 nav ul li.main3.l8:hover {color: #fff} #head2 nav ul li:hover a, #head2 nav ul li.l8:hover {color:#fff;} #head2 nav ul li ul li {width:100%;line-height:40px;height:40px;text-align:left;border-bottom:1px dotted rgb(23, 30, 37) } #head2 nav ul li ul li.lL {border:0;} #head2 nav ul li ul li:hover:before, #head2 nav ul li.l7:hover:before, #head2 nav ul li.l8:hover:before, #head2 nav ul li.l9:hover:before, #head2 nav ul li.l10:hover:before, #head2 nav ul li.lL:hover:before {content:'';} #head2 nav ul li li:hover, #head2 nav ul li li.l8:hover {background-color: #222222;} /* #head2 nav ul li.l1 .sub {background-image:url('../images/modern-1.jpg');background-repeat:no-repeat;background-position:300px 0;} #head2 nav ul li.l2 .sub {background-image:url('../images/classic-1.jpg');background-repeat:no-repeat;background-position:300px 0;} */ #head3{position:relative;height:480px;width:100%;margin:0px 0px 5px;overflow:hidden;} #search-data, #basket-data, #data-favorite {float:right;margin:0px 5px 0 5px;position:relative;} #basket-data span, #data-favorite span {position:absolute;border-radius:50%;background:#dc4746;color:#fff;padding:4px 7px;font-size:0.8em;right:-10px;top:25px;} #basket-data span.wide, #data-favorite span.wide {padding:4px 4px;} #basket-data {margin-right:20px;} #search-data i, #basket-data i, #data-favorite i {font-size:2.63em;line-height:90px;height:90px;} #tr-block {float:right;margin:0 40px 0 0;line-height:90px;height:90px;} #tr-block img {margin:0 5px;vertical-align: middle;height:40px;width:auto;} .aside {display:none;} #main-search {position:fixed;width:100%;z-index:1000;} #main-search form {width:100%;margin:0;position:relative;left:0;background:#fff;top:0;display:none;} #main-search form .input {border:1px solid #d0d0d0;width:calc(83% - 12px);padding:10px 5px;margin:0 3% 0 0;box-sizing:border-box;float:left;} #main-search form .input.highlight {width:calc(100% - 12px);margin:0;} #main-search form fieldset {width:60%;padding:50px 20%;} #main-search form button {background:#222b34;border:1px solid #222b34;color:#fff;width:14%;font-size:2.13em;padding:3px 0;margin:0;box-sizing:border-box;float:left;} #main-search #search-close {position:absolute;right:10px;top:10px;font-size:2.33em;margin:0;z-index:22;} #main-search.relative form {margin-top:90px;} .inspiracjeLinlk {display:none;background:#168600;color:#fff;padding:8px 0;position:relative;margin:0 2%;margin-top:60px;margin-bottom:0px;font-size:1.233em;} .inspiracjeLinlk {display:none;background:#000;color:#fff;padding:0px 0;position:relative;margin:0 2%;margin-top:60px;margin-bottom:-50px;font-size:1.233em;} .inspiracjeLinlk span {color:#dc4746;display:inline-block;padding:8px 0;width:calc(50% - 5px);text-align:left;padding-left:5px;} .inspiracjeLinlk span.black {background:#000;text-align:right;padding-right:5px;padding-left:0;color:#fff;} .blackWeek-baner {display:none;float:left;clear:both;margin:60px 2% 0;position:relative;margin-bottom:-50px;} .blackWeek-baner img {width:100%;} #main-search form .inputr {float:left;border:1px solid #d0d0d0;width:40%;padding:10px 5px;margin:0 1%;} #main-search form .input::-webkit-input-placeholder { /* Edge */ font-size:0.8em;} #main-search form .input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size:0.8em;} #main-search form .input::placeholder {font-size:0.8em;} #filter-menu-search {display:none;} #advancedSearch {float:left;width:100%;clear:both;margin:5px 0 0;} #main-search form button#advanced-search-button {float:right;clear:both;margin:20px 0 0;} #main-basket {position:fixed;width:500px;background:#fff;border-left:1px solid #e0e0e0;height:100%;right:0;top:0;z-index:101;text-align:left;color:#333;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);} #main-basket #basket-close {float:right;margin:0px 10px;padding:0;font-size:2.33em;height:50px;line-height:50px;} #main-basket #basket-content {width:100%;height:100%;} #main-basket .basket-content {margin:5px 2%;overflow: hidden;height:calc(100% - 230px);border-bottom:3px solid #e1e1e1;overflow-y: auto;width:96%;padding-right:10%;} #main-basket .basket-title {font-size:1.833em;font-family:'Open Sans';font-weight:600;padding:0 10px;float:left;height:50px;line-height:50px;} #main-basket .basket-info {padding:20px 0;font-size:1.033em;float:left;width:100%;} #main-basket table {width:100%;border-collapse: collapse;margin-top:0px;border-top:3px solid #e0e0e0;} #main-basket table img {max-height:60px;max-width:60px;vertical-align:middle;} #main-basket table th {text-align:center;height:90px;line-height:90px;} #main-basket table td {font-size:1.433em;vertical-align:top;padding:10px;} #main-basket table td a {color:#222b34;} #main-basket table td p {padding:10px 0 0;} #main-basket table td p strong {font-weight:300;color:#222b34;} #main-basket table td.delete {vertical-align: middle;width:30px;text-align:center;} #main-basket table td.delete a {font-size:1.833em;display:none;color:#dc4746;} #main-basket table tr:hover td.delete a {display:block;} #main-basket table tr {border-bottom:1px dotted #e0e0e0;} #main-basket #basket-summary {padding:10px;height:70px;} #main-basket #basket-links {height:80px;} #main-basket #basket-summary p {padding:5px;} #main-basket #basket-summary p em {font-style: normal;display:block;float:left;width:47%;text-align:right;padding-right:1%;margin-right:2%;} #main-basket #basket-summary p.basket-summary-value {font-size:1.133em;} #main-basket #basket-summary p.basket-summary-value span {color:#dc4746;font-weight:600;} #main-basket #basket-links a {display:block;padding:10px 0;margin:5px 10px;text-align:center;background:#222b34;text-transform:uppercase;color:#fff;font-size:1.033em;} #main-basket #basket-links a#basket-continue {background:#e4e4e4;color:#333;} #main-basket .basket-info {text-align:center;color:#8f8f8f;padding:20px 0;} #googleMap {float:left;width:100%;height:480px;} #mapa {width:100%;height:480px;} main header {background:#edeef1;padding:30px 0;float:left;width:100%;position: relative;overflow: hidden;} h1, #productHead h1 {font-size:2.33em;font-weight:400;color:#222;font-family:'Open Sans';} h2 {font-weight:300;font-family:'Open Sans';} main header h2 {font-size:1.166em;} .breadcumb {padding:10px 0 0;font-family:'Open Sans'} .justify {text-align: justify} #indexDescription {padding:10px 0;margin:20px 0 0;width:100%;display:inline-block;font-size:1.2em;line-height:1.8em;} #boxes {float:left;width:100%;position:relative;margin-bottom:5px;} #boxes .box { float: left; margin: 5px; width: -webkit-calc(33% - 10px); width: calc(33% - 10px); overflow: hidden; position: relative; display: block; } #boxes.boxes4 .box { width: -webkit-calc(25% - 10px); width: calc(25% - 10px); } #boxes .box {height:400px;} #boxes img {width: -webkit-calc(100% + 60px);width: calc(100% + 60px);} #boxes .abox {background: #222B34} .abox img {opacity: 0.9;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-30px,0,0) scale(1.12);transform: translate3d(-30px,0,0) scale(1.12);-webkit-backface-visibility: hidden;backface-visibility: hidden;} #products, #products .list, #products .products, #products .bestsellers {float:left;width:100%;} #products .list, #products .products, #products .bestsellers {text-align:left;} #products .product-cell {float:left;text-align:left;width:calc(22.5% - 2px);padding:30px 1.0% 20px;margin:3px 0.25%;position:relative;border:1px solid #e4e4e4;border-right-color: #fff;border-top-color: #fff;border-left-color: #fff} #products .product-cell:hover {border-color: #e4e4e4;} #products .product-cell .photo {height:300px;line-height:300px;text-align:center;margin-bottom:30px;overflow: hidden;} #products .product-cell .photo img {max-width:90%;max-height:260px;vertical-align: middle;transition: transform .2s;} #products .product-cell h2 {font-weight:300;height:60px;font-size:1.233em;color:#222B34} #products .product-cell .add {position:absolute;bottom:0px;right:0px;border:1px solid #e4e4e4;color:#222B34;padding:10px;display:none;} #products .product-cell .add i {font-size:2.133em;} #products .product-cell .add:hover {background:#222B34;color:#fff;} #products .product-cell .discount {position:absolute;left:-1px;padding:5px 10px;background: #dc4746;color:#fff;z-index:10;top:0;} #products .product-cell .shipping {position:absolute;padding:0px 5px;background:#fff;text-align:center;cursor:default;border:1px solid #e4e4e4;z-index:10;line-height:30px;height:30px;} #products .product-cell .shipping.h48, #products .list .product-cell .shipping.last {color:#168600;left:-1px;} #products .product-cell .shipping img {height:30px;vertical-align: middle;padding-right:3px;float:left;} #products .product-cell .shipping.free {top:65px;color: #ef7f1a;left:-1px} #products .product-cell .shipping span {display:none;padding-right:5px;padding-left:3px;} #products .product-cell .shipping em {font-style:normal;margin:5px 0 5px 0;} #products .product-cell .shipping i {font-size:1.433em;vertical-align: middle;padding:0 5px;} #products .product-cell .sale {position: absolute;right:1px;padding:5px 10px;background: #dc4746;color:#fff;z-index:15;} #products .product-cell .price {font-size:1.133em;color:#222B34;font-weight:300;} #products .product-cell .price strong {font-weight:300;} #products .product-cell .price ins {text-decoration:line-through;color:#8f8f8f} #products .product-cell.hover .add {display:block;} #products .product-cell:hover .photo img {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);z-index:1} .ltr {margin-bottom:20px;color:#333} .ltr ul {margin:0 0 0 20px;} .ltr ul li {padding:10px 0;} ol.ltr {margin-left:20px;margin-right:20px;} #products .product-cell .black, #product #box .black {position: absolute;right:0;padding:5px;background-color: #000;color:#fff;top:10px;} #product #box .black {position: relative;float:left;clear:both;margin:20px 0 -20px;font-size:1.133em;} #products .product-cell .black strong, #product #box .black strong {color:#f00;} #products .product-cell .black span, #product #box .black span {font-size:1.133em;font-weight:600;} /* BANERY */ #products .product-cell.product-cell-banner {font-family:'Open Sans';font-weight:700;border:0px solid #c7b99c;} #products .product-cell.product-cell-banner span {display:block;padding:80px 0 20px;font-weight:300;font-size:2.133em;} #products .product-cell.product-cell-banner p {padding:0 25px;} #products .product-cell.product-cell-banner strong {font-size:1.933em;} #products .product-cell.product-cell-banner#banner1 {background:#c7b99c;color:#fff;} #products .product-cell.product-cell-banner#banner2 {background:#f5f5f5;} #products .product-cell.product-cell-banner#banner4 {background:#b7c4cf;color:#444;} #products .product-cell.product-cell-banner#banner2 strong, #products .product-cell.product-cell-banner#banner4 strong {font-size:1.533em;} #products .product-cell.product-cell-banner#banner2 img {width:80%;margin-top:50px;} #products .product-cell.product-cell-banner#banner3 {background:#e1e1e1;overflow:hidden;} #products .product-cell.product-cell-banner .profile-lampa {position:absolute;left:-20px;top:-5px;width:270px;} #products .product-cell.product-cell-banner#banner3 span {margin-top:100px;font-size:1.833em;padding:90px 10px 20px;} #products .product-cell.product-cell-banner#banner3 strong {font-size:1em;color:#000;} #products .product-cell.product-cell-banner .profile-logo {width:160px;position:relative;left:50%;margin-left:-80px;} #products .product-cell.product-cell-banner a {display:block;background:#222b34;color:#fff;padding:10px 5px;margin:0 10px;text-align:center;font-weight:300;border-radius:2px;margin-top:30px;} #products .product-cell.product-cell-banner a:hover {background:#dc4746} #products .product-cell.product-cell-banner:hover {box-shadow: inset 0 0 0 0px #000;border:0;padding-bottom:20px;} #products .products {display:none;} #products .products#recommended-tab {display:block;} #products .tabs {float:left;width:100%;margin-bottom:10px;} #products .tabs h1 {float:left;border-left:2px solid #e4e4e4;padding:2px 0 2px 10px;margin:0 0 0 10px;position:relative;font-size:1.633em;line-height:30px;height:30px;} #products .tabs .menu {float:right;} #products .tabs h1:before, #products .tabs h1:after {height:25px;content:'';border-right:2px solid #e4e4e4;position:absolute;left:-5px;top:0px;} #products .tabs h1:after {height:20px;left:-8px;} #products .tabs span {float:left;padding:8px 10px;margin:0 5px;cursor:pointer;font-family:'Open Sans';font-size:1.133em;line-height:20px;height:20px;border-bottom:2px solid #e4e4e4;} #products .tabs span.active {color:#dc4746;border-color:#dc4746} #products .products {width:100%;} #products.bulbs .product-cell {width:calc(14.09% - 1px);height:310px;} #products.bulbs .product-cell .photo {height:200px;line-height:200px;} #products.bulbs .product-cell .photo img {max-width:90%;max-height:160px;} #products.bulbs .product-cell h2 {font-size:1.033em;} #products.bulbs .title {float:left;position:relative;padding:30px 1.0% 20px;margin:5px 0.25% 0;width:calc(14.09% - 1px);height:310px;background:#f5f5f5;overflow: hidden;} #products.bulbs .title i {position:absolute;font-size:30em;top:0;color:#eee;} #products.bulbs .title strong {position:relative;font-size:1.633em;font-family:'Open Sans';word-spacing: -0.05em;font-weight: 300;color:#222;display:inline-block;padding:10px 0 20px;z-index:10;} #products.bulbs .title span {font-weight:bold;font-size:0.933em;} #products.related .title {text-transform: uppercase;line-height:40px;height:40px;font-size:1.233em;font-weight:600;color:#222;} #products.related .title:before {content:' ';width:3px;height:30px;position:relative;border-right:4px solid #dc4746;margin:0 5px 0 3px;} figure figcaption::before, figure figcaption::after {pointer-events: none;} figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%; z-index: 10;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;} #products .main-img {width:24.5%;padding:0;margin:3px 0.25%;display:block;float:left;overflow:hidden;height:718px; background: #d0d0d0;position:relative;} #products .main-img img {max-height:100%;margin-left:-80px;opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-30px,0,0) scale(1.12);transform: translate3d(-30px,0,0) scale(1.12);-webkit-backface-visibility: hidden;backface-visibility: hidden;} #products .main-img figcaption, .abox figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;} #products .main-img:hover img, .abox:hover img {opacity: 0.9;-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1);} .abox:hover img {opacity: 0.6;-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1);} #products .main-img h2, .abox h2 {position: absolute;right: 0;bottom: 0;text-align:right;padding: 1em 1.2em;word-spacing: -0.15em;font-weight: 300;} #products .main-img h2 span, .abox h2 span {font-weight: 800;} #products .main-img p, .abox p {position: absolute;font-family:'Open Sans';padding: 0 10px 0 10px;width: 50%;bottom: 100px;left:0px;border-right: 1px solid #fff;text-align: right;opacity: 0;color:#333;font-size:1em;font-weight:300;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-40px,0,0);transform: translate3d(-40px,0,0);} #products .main-img#white p {color:#fff;} .abox p { position: absolute;color:#fff;} #products .main-img:hover p, .abox:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} #products #recommended-tab .main-img img {margin-left:-80px;} #products .products .product-cell .photo {height:200px;line-height:200px;} #products .products .product-cell .photo img {max-height:180px;} #favorite-list {float:left;width:100%;margin:20px 0 0;text-align:center;} #favorite-list .product-cell {float:left;width:calc(100% - 20px);padding:0 10px;box-shadow: inset 0 0 0 1px #e4e4e4;text-align:left;position:relative;margin:0 0 5px 0;} #favorite-list .product-cell .photo {height:160px;line-height:160px;text-align:center;margin-bottom:0px;overflow: hidden;float:left;width:200px;} #favorite-list .product-cell .photo img {max-width:90%;max-height:140px;vertical-align: middle;transition: transform .2s;} #favorite-list .product-cell h2 {font-weight:400;margin:20px 0 0 20px;font-size:1.133em;} #favorite-list .product-cell .price {float:right;font-size:1.333em;clear:right;margin:20px 0 10px;} #favorite-list .product-cell .price strong {color:#dc4746;font-size:1.133em;} #favorite-list .product-cell .add {float:right;clear:right;display:block;padding:10px;background:#dc4746;color:#fff;margin:10px 0 0;} #favorite-list .product-cell .add i {display:none;} #favorite-list .product-cell .add:after {content:'DODAJ DO KOSZYKA'} #favorite-list .product-cell .add:hover {display:block;background:#000;} #favorite-list .product-cell .shipping {position:absolute;top:5px;} #favorite-list .product-cell .shipping.free {margin-top:30px;} #favorite-list .product-cell .shipping span {display:none;} #favorite-list .product-cell .remove {float:right;font-size:1.633em;border:1px solid #d0d0d0;border-radius:5%;height:26px;line-height:26px;display:block;text-align:center;margin:10px 0 0;padding:2px 6px;cursor:pointer;} #favorite-list .product-cell .remove:after {content:'Usuń ze schowka';font-size:0.6em;} #favorite-list .product-cell .remove i {vertical-align:middle;} #favorite-list .product-cell .remove:hover {color:#dc4746;} .empty-favorite {padding:40px;font-size:1.333em;border:1px solid #e0e0e0;} /* FILTRY MODYFIKACJA */ #products .filters {width:100%;float:left;list-style:none;margin-bottom:10px;} #products .filters li {display: flex;align-items: center;justify-content: left;list-style: none;padding:2px 0 2px 5px;} #products .filters li span {display: block;width: 20px;height: 20px;border:1px solid #e0e0e0;margin-right:10px;position:relative;} #products .filters li.ftitle {border-bottom:1px solid #e0e0e0;font-weight:600;padding-bottom:10px;margin-bottom:10px;cursor:pointer;font-size:1.266em; color:#222} #products .filters li.ftitle::before, #filtersform .ftitle::before {content:"\42";font-family:'ElegantIcons';padding-right:5px;} #products .filters li.ftitle.minus::before, #filtersform .ftitle.minus::before { content: "\43"; } #filtersform .ftitle { border:0;border-bottom:1px solid #e0e0e0;font-weight:500;padding-bottom:10px;margin-bottom:10px;cursor:pointer;font-size:1.166em; color:#222;background:transparent;width:100%;text-align:left; } #filters #filtertitle {display:none;} #products .filters li.fclear {margin-bottom:10px;} #products .filters li label {color:#5e6a71;cursor:pointer;font-size:1.066em;font-weight:300;position: relative;} #products .filters li label:hover {color:#3f3f3f} #products .filters li, #products .filters li.ftitle {padding:8px 0;} #products .filters li input[type=checkbox] {float:left;position:relative;margin:0!important;display:block!important;} #products .filters li input + label:before {display:block;float:left;font-size:1.433em;height:16px;width:16px;content:"";border:1px solid #d0d0d0;border-radius: 4px;margin:0px 10px 0 5px;} #products .filters li input:checked + label:after {content: ''; position: absolute; width:5px; height:14px; border-bottom: 2px solid #dc4343; border-right: 2px solid #dc4343; transform: rotate(45deg); left:-22px; top:0; border-radius:2px; } #products .filters li span {width: 30px;height: 30px;} #products .filters li.ftitle {padding-bottom:10px;} #products .filters li a.active span::before {content:'✔';color:#0c860c;margin:0;position:absolute;top:-2px;left:3px;} #products #filters {float:left;width:17%;position:relative;} #products #filtercontent #factive {margin-bottom:10px;float:left;width:100%;} #products #filtercontent p.factive {font-size:1.133em;} #products #filtercontent p {display:block;margin:0px 2px;padding:4px 0px;float:left;} #products #filtercontent a {padding:4px 8px;border:1px solid #5f5f5f;color:#6f6f6f;display:block;float:left;margin:1px;} #products #filtercontent a strong {font-weight:400;color:#0f0f0f} #products #filtercontent a:hover i {color:#dc4343} #products #filtercontent form {float:left;margin:0;padding:0;width:100%;position:relative;} #products #filtercontent form div {clear:both;float:left;margin:10px 0 0;border-top:2px solid #e0e0e0;padding:10px 0 10px;bottom:5px;background:#fff;width:100%;} #products #filtercontent form div.fixed1 {position:sticky; position: -webkit-sticky; /* Safari */;bottom:0;} #products #filtercontent form div span {display:inline-block;padding:6px 14px;float:right;background:#3f3f3f;color:#fff;border-radius:2px;font-weight:300;min-width:100px;text-align:center;} #products #filtercontent form div span em {text-decoration:none;font-style:normal} #products #filtercontent form div a {border:2px solid #d0d0d0;padding:6px 15px;display:inline-block;border-radius:2px;} #products #filtercontent form div a:hover {border-color:#262634} #products #filtercontent form div span:hover {background:#000;cursor:pointer;} #sort-menu {list-style:none;margin:10px 0px 0;} #sort-menu li {font-size:1em;padding:6px 10px;border-bottom:1px solid #e0e0e0} #products .filters li { display: none; /* Ukryj wszystkie elementy */ } #products .filters li:nth-child(-n+6) { display: list-item; /* Pokaż pierwsze 6 elementów */ } #products .filters#fcolor li:nth-child(-n+10) { display: list-item; /* Pokaż pierwsze 6 elementów */ } #products .filters[data-limit="50"] li:nth-child(-n+50), #products .filters[data-limit="10"] li:nth-child(-n+10){ display: list-item; } #products .filters.collapsed li {display:none;} #products .filters li.filtersmore {display: list-item;} #products .closefilters {display:none;} #products .withfilters {float:left;width:82%;margin-left:1%;} /* Modyfikacja filtry */ #products .withfilters .product-cell {width:calc(30.83% - 2px);padding:30px 1.0% 20px;margin:3px 0.25%;} /* Modyfikacja filtry */ .show-all-btn {clear:both;float:left;width:calc(100% - 10px);margin:0px 0 10px;padding:5px 0;background-color: transparent;color:#dc4746;font-weight:600;text-align:left;margin-left:10px;} /* #products .title {float:left;width:100%;} */ #beforeOptions, #afterOptions {border-bottom:1px solid #e4e4e4;width:100%;padding:10px 0%;margin:10px 0;text-align:center;float:left;clear:both;} #afterOptions {border-top:1px solid #e4e4e4;border-bottom:0;} .pages {display:inline-block;} .pages ul, #userPage .pages-orders ul {margin:0;padding:0;list-style:none;} .pages li, #userPage .pages-orders li {display:inline-block;margin:2px;} .pages li a, #userPage .pages-orders li a {padding:10px;display:block;border:1px solid #e4e4e4;} .pages li a:hover, #userPage .pages-orders li a:hover {background:#efefef;} .pages li strong, #userPage .pages-orders li strong {padding:10px;display:block;border:1px solid #dc4746;color:#dc4746;font-weight:300;} #beforeOptions .count {float:left;padding:10px;display:block;border:1px solid #e4e4e4;} .sort {float:right;margin:0;position:relative;} .sort span {padding:10px;border:1px solid #e4e4e4;display:block;} .sort ul {display:none;list-style:none;position:absolute;z-index:100;right:0;background:#edeef1;} .sort li {padding:10px;width:200px;text-align:left;border-bottom:1px dotted #d0d0d0;} .sort li.lL {border:0;} .sort li a {color:#8f8f8f;} .sort li em {font-style:normal;color:#dc4746} #filters {float:left;width:100%;text-align:left;padding:0 0 10px 0;} #filters span {color:#dc4746;padding:6px 20px 6px 0;display:block;float:left;} #filters em {display:block;padding:5px 10px;border:1px solid #e0e0e0;font-weight:400;font-style: normal;float:left;margin:2px;} #filters em.main-title {border-color:transparent;color:#222B34;clear:both;text-align:left;padding:5px 10px 5px 0;} #filters em.title {border-color:transparent;color:#222B34;} #filter-menu {display:none;position:relative;padding:10px 10px 20px;border-bottom:1px solid #e4e4e4;float:left;clear:both;width:100%;} #filter-menu .submit {float:right;line-height:30px;height:30px;padding:0 20px;color:#222B34;background: #d0d0d0;border:0;} #filter-menu .clear {float:right;display:block;line-height:30px;height:30px;padding:0 20px;background: #222B34;color:#fff;} #filter-menu dl, #filter-menu-search dl {width:48%;float:left;margin:0 0.5%;} #filter-menu dl.small {width:15%;} #filter-menu-search dl.small {width:16%;} #filter-menu dt, #filter-menu dd, #filter-menu-search dt, #filter-menu-search dd {float:left;clear:none;text-align:left;padding:0;margin:0;} #filter-menu dt.l2, #filter-menu dd.l2, #filter-menu-search dt.l2, #filter-menu-search dd.l2 {padding-top:10px;margin-top:10px;border-top:1px solid #e4e4e4;} #filter-menu dt {width:100%;border-bottom:2px solid #e4e4e4;padding-bottom:5px;margin-bottom:5px;} #filter-menu-search dt {width:100%;padding:5px 0 5px 0px;margin-bottom:5px;color:#222B34;} #filter-menu dd, #filter-menu-search dd {width:100%;} #filter-menu-search dd {width:calc(100% - 10px);padding-left:10px;} #filter-menu .small2 dt {width:100%;} #filter-menu .small2 dd {width:100%;} #filter-menu .css-checkbox, #filter-menu-search .css-checkbox{width:25%;float:left;margin:0 0 5px 0} #filter-menu-search .css-checkbox {width:33%;} #filter-menu .css-radio, #filter-menu-search .css-radio {width:100%;float:left;margin:0 0 5px 0} #filter-menu .css-checkbox label, #filter-menu .css-radio label, #filter-menu-search .css-checkbox label, #filter-menu-search .css-radio label {cursor:pointer;padding:0px 0 0 10px;} #filter-menu .css-checkbox input, #filter-menu .css-radio input, #filter-menu-search .css-checkbox input, #filter-menu-search .css-radio input {-webkit-appearance: none;-moz-appearance: none;appearance: none;display: inline-block;position: relative;background-color: #fff;border:1px solid #e4e4e4;color: #666;height: 20px;top:5px;width: 20px;border-radius: 2px;cursor: pointer;margin-right: 7px;outline: none;} #filter-menu .css-radio input, #filter-menu-search .css-radio input {border-radius:50%;} #filter-menu .css-checkbox input:checked::before, #filter-menu .css-radio input:checked::before, #filter-menu-search .css-checkbox input:checked::before, #filter-menu-search .css-radio input:checked::before {position: absolute;font: 22px/1 'Open Sans', sans-serif;left: 4px;top: -5px;color:#dc4746;content: '\02143';transform: rotate(40deg);} #filter-menu .css-checkbox input:hover, #filter-menu .css-radio input:hover, #filter-menu-search .css-checkbox input:hover, #filter-menu-search .css-radio input:hover {background-color: #f7f7f7;border:1px solid #dc4746;} #filter-menu .css-checkbox input:checked, #filter-menu .css-radio input:checked, #filter-menu-search .css-checkbox input:checked, #filter-menu-search .css-radio input:checked {background-color: #f1f1f1;} #filter-menu dd.l2 .css-radio {width:25%;} #filter-menu .inputr {float:left;border:1px solid #d0d0d0;width:40%;padding:10px 5px;margin:0 1%;} .main-buttons {clear:both;} #amount, #main-amount {padding:5px 0;text-align:center;font-size:1.133em;color:#dc4746} .product-baner {float:left;display:block;text-align:right;width:94%;padding:20px 2%;position:relative;background:#e4e4e4;margin:10px 1%;} .product-baner.profile {background:#e4e4e4 url('../images/profile-banner.jpg') no-repeat top left;background-size: 700px auto;padding:60px 3% 60px 1%;font-size:1.633em;font-family:'Open Sans';word-spacing: -0.15em;font-weight: 300;font-family:'Open Sans'} .product-baner span {display:block;padding:8px 30px;font-size:0.6em;background: #dc4746;color:#fff;width:100px;float:right;text-align:center;position:absolute;bottom:-10px;right:200px;} #no-products {margin:50px 20px;text-align:center;float:left;width:calc(100% - 60px);padding:50px 10px;border:1px solid #e4e4e4;} #no-products a {color:#dc4343;display:block;} /* PRODUCT DETAILS PAGE */ #productAddInfo {position:fixed;width:600px;padding:40px 0 0;text-align:left;top:100px;left:50%;margin-left:-305px;text-align:center;border:5px solid #222B34;background:#fff;z-index:110;} #productAddInfo span, #productAddInfo a {display:inline-block;padding:10px 20px;background:#d0d0d0;margin:20px 10px 20px;cursor: pointer;color:#222B34;} #productAddInfo a {background:#dc4746;color:#fff;} #main-photo {float:left;width:600px;position:relative;margin:20px 0 20px;padding:20px 0;} #imagesList1.imagePreview {float:left;width:100%;height:500px;line-height:500px;text-align:center;} #imagesList1.imagePreview img {vertical-align: middle; max-width:500px;max-height:450px;width: auto;height: auto;} #imagesListPreview {float:left;list-style:none;position:absolute;top:10px;height:100%;overflow-y: hidden;} #imagesListPreview li {height:60px;width:60px;line-height:60px;background:#fff;text-align:center;} #imagesListPreview li img {vertical-align: middle;max-width:60px;max-height:60px;width: auto;height: auto;} #product {text-align:left;} #breadcrumb {width:100%;max-width:1360px;margin:0 auto;text-align:left;} .pagesLinks {float:left;margin:0;padding:0;} .back {float:right;margin:0px 0 0;padding:0;} #product #box {float:left;width:700px;border-left:1px solid #e4e4e4;margin:20px 0 20px;padding:0px 20px;position:relative;} #product #box h1 {font-size:2.033em;margin-left:0px;} #product #box h2 {font-size:1.033em;margin-left:0px;} #product #box dl {float:left;width:450px;margin:20px 0 0 40px;font-family:'Open Sans'} #product #box dt, #product #box dd {padding:4px 0;} #product #box dt {float:left;width:100px;text-align:left;} #product #box dd {float:left;width:340px;padding-left:10px;color:#444;} #product #box .stock {color:#168600;} #product #box dd.stock {font-weight:600;font-size:1.033em;} #product #box dd.stock span {font-weight:400;} #product #box dt.nostock {width:0px;} #product #box dd.nostock {color:#dc4746;;padding:20px 0 10px;font-weight:400;font-size:1.003em;} #product .icons {float:left;clear:left;margin:20px 0 0px 40px;line-height:20px;height:20px;font-family:'Open Sans'} #product .icons i {vertical-align:middle;font-size:1.333em;padding:0 10px 0 0;} #product .avaible {font-weight:600;padding:10px 0 10px;color:#dc4746;} #product #shippingfree {color:#ef7f1a;margin-bottom:2px;} #product #shippingh48 {color:#168600;} #cameleonProductError {list-style:none;margin:20px 0;} #cameleonProductError li {border:1px solid #e0e0e0;padding:10px;margin:5px 0 0} /* #product #box dt:nth-of-type(odd), #product #box dd:nth-of-type(odd) {background: #f7f7f7;} */ #product #box .producer {float:right;height:180px;line-height:180px;} #product #box .producer img {max-height:180px;max-width:200px;vertical-align: middle;} #price {float:left;clear:both;margin:40px 0;position:relative;width:100%;} #price .mainPrice strong {font-size:2.133em;font-weight:400;color:#323c46} #price .mainPrice ins {text-decoration: line-through;font-size:1.933em;} #price .mainPrice span {font-size:1.233em;} #rabat {float:left;clear:both;line-height:30px;height:30px;margin:-10px 0 20px;width:100%;} #rabat span {color:#fff;background: #dc4746;padding:0 10px;margin:0 10px 0 0;line-height:30px;height:30px;display:block;float:left;} #price #rabat {margin:30px 0 20px;} #product .lowestPrice {clear:both;float:left;position: relative;margin-top:-10px;margin-bottom:0px;color:#6f6f6f;} #product #clock {padding:10px;position: absolute;right:0;opacity:0;border:1px solid #e0e0e0;} #product #clock .clockTitle {color:#4f4f4f;padding:0 0 5px;font-size:1em;} .countdown {display: flex;justify-content: left;align-items: left;font-size: 1.4rem;float:left;} .countdown-box {display: flex;flex-direction: column;align-items: center;margin: 0 0.1rem;} .countdown-number {display: flex;justify-content: center;align-items: center;font-family:'open sans';width: 2.5rem;height: 2.5rem;font-weight:bold;background-color: #fff;color: #000;border-radius: 0.1rem;border: 1px solid #e0e0e0;letter-spacing: 0.1rem;} .countdown-label {font-size: 0.5rem;margin-top: 0.5rem;color: #222;text-transform: uppercase;letter-spacing: 0.0rem;} @media (max-width: 600px) { #product #clock {position: relative;float:left;margin:0 0 30px;} } #productHead {position:fixed;left:0;top:0;right:0;padding:20px 5%;background: #edeef1;display:none;z-index:100;} #productHead .container {max-width:1800px;} #productHead h2 {float:left;font-size:2.33em;font-weight:400;color:#222;} #productHead .productPrice {float:right;line-height:32px;padding:0;height:32px;} #productHead .productPrice span {font-size:1.633em;color:#222B34} #productHead .productPrice span ins {text-decoration: line-through;color:#666;font-size:0.833em;} #productHead .button {float:right;background: #dc4746;color:#fff;border-radius:3px;padding:0px 20px;margin:0 0 0 50px;border:1px solid #dc4746;cursor: pointer;} #productHead .button:hover {background: transparent;color:#dc4746;} #addBasket #quantity {float:left;} #addBasket #quantity input {float:left;border:1px solid #eee;width:50px;height:52px;padding:0;font-weight:300;font-size:1.366em;text-align:center;color:#6f6f6f;border-right:0;border-left:0;} #addBasket #quantity label {display:none;} #addBasket #quantity .button {float:left;padding:0;border:1px solid #eee;width:36px;text-align:center;background:#eeeeee;cursor:pointer;} #addBasket #quantity .button i {color:#000;font-size:1.333em;padding:18px 0;} #addBasket {float:left;width:100%;margin:0px 0 0;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:30px 0;} #addBasket .submit {float:left;padding:0 30px;text-transform:uppercase;position:relative;margin-left:10px;height:54px;line-height:54px;background:#dc4746;color:#fff;font-size:1.266em;font-weight:600;font-family:'Open Sans';-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;} #addBasket .submit:hover {background:#000;cursor:pointer} #addBasket .submit:disabled {background: #edeef1;color:#666;} #addBasket .submit i {font-size:1.333em;display:none;} .saleInfo {float:left;padding:5px;width:calc(100% - 12px);border:1px solid #e0e0e0;margin:10px 0 0;} #favoriteAdd {padding:16px;border:1px solid #dc4746;float:left;cursor:pointer;color:#dc4746;font-size:18px;margin-left:5px;height:52px;line-height:52px;padding:0 5px} #favoriteAdd:hover {color:#fff;background:#dc4746} #infoline {float:right;border:2px solid #f5f5f5;box-shadow: inset 0 0 0 2px #fff;background:#f5f5f5;color:#656565;padding:8px 5px;font-family:'Open Sans'} #product #infoline p {float:left;text-align:right;padding:0 10px 0 10px;} #product #infoline strong {float:left;font-size:1.43em;font-weight:400;color:#3f3f3f;padding:2px 0 0 0px;} #product #infoline i {float:left;color:#656565;-webkit-border-radius: 50px;border-radius: 50px;height:30px;width:30px;line-height:30px;text-align:center;font-size:2.23em;margin:0 0px 0 10px;} #productDescription {float:left;width:calc(100% - 32px);border:1px solid #e0e0e0;padding:15px;margin:10px 0;} #productDescription ul {list-style:none;margin:0;padding:0;font-size:1.133em;} #productDescription ul li {padding:0;line-height:40px;height:40px;float:left;width:48%;border-bottom:1px solid #e4e4e4;margin:0 1%;color:#444;font-family: 'Open Sans'} #productDescription ul li.source {font-weight:300;border:0px;} #productDescription ul li em {width:140px;display:block;float:left;text-align:right;padding-right:10px;color:#8f8f8f;font-style:normal;font-size:0.933em;} #productDescription span {font-weight:600;margin:0px 0 15px;display:block;font-family: 'Open Sans';color:#222222;font-size:1.166em;} #productDescription ul li strong {text-align:center;display:block;} #productDescription ul li.last {border:0;} #productDescription ul.lOdd li.source {width:100%;margin:0;line-height:50px;height:50px;} #product .opis {text-align:justify;padding:20px 0 0;float:left;width:100%;font-size:1.166em;border-top:1px solid #e0e0e0;color:#444;} #product .opis a {font-weight:600;color:#4f4f4f;} .sale-info {position:absolute;width:350px;padding:15px;border-radius:5px;border:1px solid #e4e4e4;right:20px;font-size:0.9em;top:150px;text-align:justify;} .sale-info:before {content:'%';border:2px solid #dc4746;background: #dc4746;color:#fff;position:absolute;height:30px;line-height:30px;width:30px;text-align:center;vertical-align: center;border-radius:50%;top:-17px;left:-17px;font-size:1.233em;} #discount, #mobile-discount {background:#f5f5f5;float:left;width:680px;clear:both;margin:0px 0 20px;padding:0px 10px;color:#333;line-height:50px;height:50px;} #mobile-discount {width: calc(100% - 20px);} #discount strong, #mobile-discount strong {color: #dc4746} #discount span, #mobile-discount span {font-weight:800;color: #dc4746} #discount a, #discount em, #mobile-discount a, #mobile-discount em {float:right;border:1px solid #e4e4e4;line-height:30px;height:30px;margin-top:9px;padding:0 20px;color:#fff;background: #222B34;cursor: pointer;font-style:normal;} #discount img, #mobile-discount img {width:30px;margin:0 10px 0 0;padding:0;vertical-align: middle;opacity: 0.4;} #discount a {display:none;} #mobile-discount em {display:none;} #rabat {float:left;clear:both;line-height:30px;height:30px;margin:-10px 0 20px;width:100%;} #rabat span {color:#fff;background: #dc4746;padding:0 10px;margin:0 10px 0 0;line-height:30px;height:30px;display:block;float:left;} .youtube-link {position:absolute;right:10px;top:10px;border:1px solid #e4e4e4;box-shadow: inset 0 0 0 2px #fff;border-radius:3px;padding:0 10px;font-size:1.133em;color:#dc4746;background: #dc4343;height:30px;line-height:30px;color:#fff} .youtube-link:hover {background: #fff;color: #dc4343;cursor: pointer} .youtube-link i {font-size:1.433em;padding:5px 5px 0 0;margin:0px 0 0;display:block;float:left;} #youtubeFilm {position:fixed;width:960px;background:#000;left:50%;margin-left:-490px;margin-top:100px;border:10px solid #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);z-index:20;} #youtubeFilm div.content {position:relative;width:100%;padding-top: 56.25%;} #youtubeFilm iframe {width:100%;height:100%;position:absolute;left:0;top:0;} .remove-link, .close-link {position:absolute;border-radius:50%;height:30px;line-height:30px;width:30px;background:#fff;color:#dc4343;z-index:1000;padding:0px 0 0 0;right:-25px;top:-25px;border:2px solid #dc4343;cursor: pointer;} .remove-link i , .close-link i {display:block;padding:5px 0 0;margin:0px 0 0;font-size:1.633em;} #share {position:absolute;bottom:-10px;right:10px;} #share img {width:24px;height:auto;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.4} #share img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1} #share a {border:1px solid #e0e0e0;display:inline-block;padding:5px;width:24px;} #discount-info {display:none;position:fixed;width:960px;background:#fff;left:50%;margin-left:-490px;margin-top:100px;border:10px solid #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);z-index:20;} #discount-info .info-discount {float:left;width:480px;overflow: hidden;height:360px;} #discount-info .info-discount img {max-width:100%;} #discount-info h4 {font-weight:300;font-size:1.833em;color:#222B34;margin:0 0 20px} #discount-info h4 span {color:#dc4343;font-weight:400;} #discount-info .details {text-align:left;padding:10px 20px;float:left;width:440px;font-family:'Open Sans';font-size:1.033em;} #discount-info .details small {font-size:1em;} #discount-info .details ul {list-style:none;margin:20px 40px;} #discount-info .details li {padding:5px 10px;border-bottom:1px dotted #e4e4e4;font-size:1.133em;} #discount-info .details li strong {padding:3px 10px;background: #dc4343;color:#fff;float:right;width:80px;text-align:center;font-weight:400;} #discount-info .details li strong small {text-transform: uppercase;font-weight:300;font-size:0.9em;} /* BANNER */ #banner-product-profile {float:left;background:#f5f5f5;width:100%;position:relative;overflow:hidden;height:180px;} #banner-product-profile div {float:left;width:100%;height:180px;z-index:2;position:relative;} #banner-product-profile .profile-eye {float:left;height:100%;margin-left:-50px;} #banner-product-profile .profile-lampa {float:left;height:180px;display:none} #banner-product-profile .profile-profil {float:right;height:160px;position:absolute;right:0;top:0;z-index:1;} #banner-product-profile .profile-logo {float:left;margin:40px 0 0 40px} #banner-product-profile span {font-size:1.633em;font-weight:300;font-family:'Open Sans';margin:90px 0 0 -100px;float:left;display:block;} #banner-product-profile span strong {color:#333;} #banner-product-profile a {background:#222b34;color:#fff;display:block;float:left;padding:8px 20px;margin:80px 0 0 50px;border-radius:2px;} /* B2B */ #loginForm {width:980px;padding:40px;margin:0 auto;font-family:'Open Sans';font-weight:300;} #loginForm div {float:left;width:50%;} #loginForm div.b2b-info {padding:20px 5% 20px 0;width:45%;text-align:left;font-size:1.133em;} #loginForm div.b2b-info strong {font-weight:600;color:#dc4343} #loginForm fieldset {float:left;margin:50px 0;border-bottom:2px solid #e0e0e0;padding:0 0 50px;} #loginForm fieldset legend {float:left;width:100%;padding:20px 0;text-align:left;border-bottom:2px solid #e0e0e0;margin:0 0 50px;font-size:1.233em;} #loginForm label {float:left;background: #e0e0e0;clear:both;line-height:36px;height:36px;border:2px solid #e0e0e0;padding:0 10px;font-size:1.633em;margin:0 0 10px 0;} #loginForm .input {float:left;line-height:36px;height:36px;padding:0 10px;border-width:2px;width:300px;} #loginForm .submit {background: #222B34;color:#fff;clear:both;height:36px;line-height:36px;width:370px;float:left;text-transform:uppercase;font-size:1.133em;} #loginForm input {font-family:'Open Sans';font-weight:300;} /* PROFIL B2B */ #userMenu {float:left;width:20%;text-align:left;margin:20px 0 0;} #userMenu a {display:block;font-family: 'Open Sans';padding:15px 10px;border:1px solid #e0e0e0;margin:0 0 -1px 0;font-size:1.033em;} #userMenu a.active {color:#dc4343} #userPage {float:right;width:76%;margin:0;padding:0;} #userPage form, #userPage fieldset {float:left;width:100%;} #userPage fieldset {border:1px solid #e0e0e0;padding:10px 0;} #userPage fieldset legend {padding:10px;margin:0 0 0 10px;font-family: 'Open Sans';color:#222B34;font-size:1.133em;font-weight:600;} #userPage label {float:left;clear:both;width:30%;text-align:right;font-family: 'Open Sans';line-height:36px;height:36px;padding-right:2%;margin:0 0 10px 0} #userPage .input {float:left;font-family: 'Open Sans';line-height:36px;height:36px;padding:0 10px;width:50%;font-size:1.033em;border-width:2px;} #userPage #osImie {width:20%;} #userPage #osNazwisko {width:26%;margin-left:calc(3% - 15px);} #userPage .readonly {border-color:#e5e5e5;background: #f5f5f5;} #userPage .submit {float:right;padding:10px 40px;margin:20px 0 0;background:#222B34;color:#fff;} #userPage .submit:hover {background:#dc4343} #userPage .ordersTable {float:left;width:100%;border-collapse: collapse;font-family:'Open Sans';font-weight:400;} #userPage .ordersTable td {border-bottom:1px solid #d0d0d0;padding:5px 10px;font-size:1.333em;color:#333;} #userPage .ordersTable thead td {font-weight:600;font-size:1.333em;color: #222B34;border-width:2px;} #userPage .ordersTable tbody .order a {background: #222B34;padding:2px 5px;border-radius:10%;color:#fff;float:left;} #userPage .ordersTable tbody img {height:22px;vertical-align: middle} #userPage .ordersTable tbody i {color:#dc4343;font-size:1.633em;} #userPage .ordersTable .netto {text-align:right;} #userPage .ordersTable tfoot td {border:0;} #userPage #userSearch {float:left;margin:20px 0 20px;} #userSearch .input {float:left;width:400px;font-family:'Open Sans';border:2px solid #d0d0d0;padding:0 10px;line-height:32px;height:32px;} #userPage #userSearch .submit {float:left;margin:0;line-height:28px;height:36px;display:block;padding:0 20px;border:2px solid #d0d0d0;background:#d0d0d0;color:#222B34} .opiekun {float:left;clear: left;width:calc(20% - 2px);border:1px solid #e0e0e0;font-family: 'Open Sans';font-weight:300;position:relative;padding:0px 0 20px;} .opiekun h4 {padding:10px;text-align: left;font-weight:600;color:#222B34;font-size:1.133em;margin:0;} .opiekun .img {height:200px;width:200px;border-radius:50%;overflow: hidden;text-align:center;margin:20px auto;} .opiekun img {width:100%;} .opiekun p strong, .opiekun p small, .opiekun p span {display:block;font-family: 'Open Sans';font-weight:300;font-size:1.033em;color:#555} .opiekun p strong {color:#222B34;font-size:1.133em;font-weight:600;} .opiekun p span em {font-style:normal;font-size:1.133em;color:#222B34;font-weight:600;} .opiekun p span {padding:10px 0 0;} .opiekun i {font-size:2.333em;padding:0px 2px;background: #dc4343;color:#fff;border-radius:10%;} .opiekun a {position:absolute;top:240px;right:20px;} .user-h3 {float:left;width:100%;margin:10px 0;text-align:left;color:#222B34;font-size:1.133em;font-weight:600;font-family: 'Open Sans';} #userOrder {float:left;text-align:left;font-family: 'Open Sans';width:100%;} #userOrder ul {list-style:none;margin:0;width:50%;float:left;} #userOrder ul li {padding:10px;border-bottom:1px dotted #d0d0d0;} #userOrder ul li span {display:block;float:left;text-align:right;width:40%;padding-right:5%;} #userOrder ul li strong {font-weight:600;color:#222B34} #userOrder ul li.suma {border:0;} .order-h3 {float:left;width:100%;padding:10px 0 20px;font-weight:400;} .order-h3 strong {font-weight:600;color:#222B34} #dokumenty {float:right;width:40%;} #dokumenty strong {font-weight:600;display:block;text-align:left;padding:0 0 20px;} #dokumenty img {height:30px;} #userOrder #delivery {clear:right;float:right;width:40%;padding:20px 0 0;margin:20px 0 0;border-top:1px solid #f0f0f0;} #userOrder #orderedProducts table {float:left;width:100%;clear:both;border:1px solid #f0f0f0;margin:20px 0 0;border-collapse: collapse;font-size:1.033em;color:#333;} #userOrder #orderedProducts table thead td {font-weight:400;color:#222B34;padding:10px;font-size:1.133em;} #userOrder #orderedProducts table td, #userOrder #orderedProducts table th {border-bottom:1px solid #f0f0f0;padding:4px 10px;} #userOrder #orderedProducts table th {font-weight:400;text-align:left;} #userOrder #orderedProducts table .photo, #userOrder #orderedProducts table .image {height:60px;width:60px;line-height:60px;text-align: center} #userOrder #orderedProducts table .photo img {max-width:55px;max-height:55px;vertical-align: middle;} #userOrder #orderedProducts table .price, #userOrder #orderedProducts table .quantity, #userOrder #orderedProducts table .summary {text-align:center;} #userOrder #orderedProducts table tbody tr:nth-child(odd) td, #userOrder #orderedProducts table tbody tr:nth-child(odd) th {background: #f5f5f5} .baseLinkerContent {text-align:left;margin:20px 0 0;} .baseLinkerContent img {float:left;margin:0 0 20px;} .baseLinkerContent dl {clear:both;border:1px solid #e0e0e0;padding:10px;font-size:1.033em;} .baseLinkerContent dl, .baseLinkerContent dd, .baseLinkerContent dt {float:left;} .baseLinkerContent dd, .baseLinkerContent dt {padding:10px;border-bottom:1px solid #e0e0e0;} .baseLinkerContent dt {clear:both;width:200px;} .baseLinkerContent dd {width:calc(100% - 240px)} .baseLinkerContent dd strong {font-weight:400;color:#222;} #product-table {float:left;width:100%;margin:20px 0 0;border-collapse: collapse;font-family:'Open Sans';} #product-table td, #product-table th {padding:0 5px;line-height:30px;height:30px;font-size:1.233em;color:#333;border-bottom:1px solid #e0e0e0;} #product-table th {text-align:left;font-weight:400;position:relative;} #product-table tbody tr:hover {background: #f5f5f5;} #product-table i {font-size:2.033em;cursor: pointer;vertical-align: middle;} #product-table th i {float:right;padding:4px 0 0;} #product-table th span {color:#dc4343;} #product-table td i {color:#dc4343;} #product-table thead td {font-weight:600;font-size:1.333em;color: #222B34;border-width:2px;} .legendOpis {padding:10px 1%;text-align:left;float:left;width:98%;font-family: 'Open Sans'} .legendOpis span {color:#dc4343;} #sProductSearch {float:left;width:100;margin:20px 0 0;line-height:40px;height:40px;} #sProductSearch div {float:left;} #sProductSearch .input {width:280px;margin:0 10px;} #sProductSearch .submit {float:left;margin:2px 0 0 10px;} select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; background: #fff; background-image: none; border:2px solid #e0e0e0; border-right:0; } /* Custom Select */ .select { position: relative; display: block; width: 15em; height: 40px; line-height: 40px; overflow: hidden; } .icount {border:1px solid #e0e0e0;padding:0 10px;line-height:38px;height:38px;} select { width: 100%; height: 100%; margin: 0; padding: 0 0 0 .5em; color: #333; cursor: pointer; background: #f5f5f5; } select::-ms-expand { display: none; } /* Arrow */ .select::after { content: '\25BC'; position: absolute; top: 0; right: 0; bottom: 0; padding: 0 1em; background: #fff; pointer-events: none; border:2px solid #e0e0e0; border-left:0; background: #f5f5f5; } #screenshot{ position:absolute; border:1px solid #333; background:#fff; padding:5px; display:none; color:#fff; height:300px; width:300px; line-height:300px; text-align: center; } #screenshot img {max-width:90%;max-height:90%;vertical-align: middle;} /* MSG */ #msg {padding:20px 0;margin:20px 20%;border:1px solid #e0e0e0;float:left;width:60%;} #msg i {margin-right:5px;font-size:1.433em;} #msg.isa_success {background:#dff0d8;border-color:#d6e9c6;color:#3d763e} #msg.isa_warning {background: #fcf8e3;border-color:#faebcc;color:#a86e39} #msg.isa_error {background: #f2dede;border-color: #ebccd1;color:#b84442} #msg.msg {padding:20px;width:calc(60% - 42px);font-size:1.133em;line-height:2em;margin:50px 20%;} #statusMessage {margin:20px 1%;width:calc(98% - 22px);padding:20px 10px;background:#dff0d8;border:1px solid #d6e9c6;color:#3d763e;font-family:Tahoma;} /* KALKULATOR */ #calcForm {float:left;width:100%;border-bottom:1px solid #e4e4e4;margin-bottom:30px;padding-bottom:10px;font-family:'Open Sans';font-size:1.033em;} #calcForm legend {font-size:1.233em;border-bottom:1px solid #e4e4e4;padding:5px;margin-bottom:5px;} #calcForm .profile-img {float:right;margin:20px 0 0;width:45%;} #calcForm .profile-pattern {float:left;margin:20px 0 0;width:45%;} #calcForm .lvm-pattern {float:left;margin:20px 0 0;width:40%;margin-right:5%;} #calcForm fieldset {float:left;width:50%;margin:0;padding:40px 0 0;} #calcForm fieldset div {float:left;width:100%;} #calcForm fieldset div.title-radio {text-align:left;padding:20px 0 10px 20%;width:80%;} #calcForm fieldset div.line {border-bottom:1px dotted #e4e4e4;padding-bottom:30px;} #calcForm fieldset div.content-radio div {margin:5px 0 5px 20%;text-align:center;width:80%;} #calcForm input[type=radio].input-radio {display:none;} #calcForm input[type=radio].input-radio + label.label-radio {border:1px solid #e0e0e0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ padding:10px 10px;width:300px;text-align:center; display:inline-block; vertical-align:middle; cursor:pointer;border-radius:5px;box-shadow: inset 0 0 0 2px #fff;} #calcForm input[type=radio].input-radio:checked + label.label-radio {border:1px solid #0e8700;background:#e6f5e5;color:#0e8700;} #calcForm input[type=radio].input-radio:disabled + label.label-radio {border:1px solid #e4e4e4;background:#e0e0e0;color:#a0a0a0;} #calcForm input[type=radio].input-radio + label.image {padding:0px 10px;} #calcForm .images-track {float:left;width:50%;} #calcForm .images-track .profile-pattern {width:100%;} .widoktrack {float:left;width:60%;clear:left;} #calcForm .submit, #calcSummary .submit, .errorbutton {float:right;margin:10px 0;background:#dc4746;border:1px solid #dc4746;padding:10px 20px;color:#fff;border-radius:2px;} #calcForm .submit:hover, #calcSummary .submit:hover, .errorbutton:hover {background:#fff;color:#dc4746;} #calcForm #allert {padding:10px 20px;text-align:center;border-radius:4px;border:1px solid #e0e0e0;display:block;float:left;width:calc(100% - 42px);margin:0 0 20px;} #calcForm #allert span {display:none;width:auto;} #calcForm #allert.allert {border-color:#dc4746;background:rgba(220,71,71,0.8);color:#fff;} #calcForm #allert.allert span {display:inline-block;} #calcForm div.dimensions {text-align:left;} #calcForm div.dimensions div {margin:5px 0 ;} #calcForm div.dimensions label, #calcForm div.dimensions input {display:inline-block;margin-right:10px;border-width:1px;} #calcForm .systemSelect {padding:10px 20px;text-align:center;border-radius:4px;border:1px solid #e0e0e0;display:block;float:left;width:calc(100% - 42px);margin:0 0 20px; border:1px solid #e0e0e0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ cursor:pointer;border-radius:5px;box-shadow: inset 0 0 0 2px #fff; } #calcForm .systemSelect:hover { border:1px solid #0e8700;background:#e6f5e5;color:#0e8700; } #calcSummary #ksztalt {float:left;width:40%;} #calcSummary .profile-dane {float:left;width:100%;list-style:none;margin:40px 0 0;padding:0;text-align:left;} #calcSummary .profile-dane li {float:left;width:100%;padding:5px 0;font-size:1.133em;color:#333333} #calcSummary .profile-dane .konfigname {text-transform:uppercase;padding:0 0 20px 0;} #calcSummary .profile-dane span {display:block;width:140px;text-align:right;padding-right:20px;float:left;color:#8f8f8f} #calcSummary #ksztalt img {width:90%;margin:0 5%;} #calcTable {border-collapse: collapse;width:60%;float:right;margin:40px 0 0;} #calcTable td, #calcTable th {border:1px solid #e4e4e4;padding:5px;font-size:1.333em;text-align:center;} #calcTable tbody th {width:80px;height:80px;line-height:80px;text-align:center;border-right:0;} #calcTable td.name {border-left:0;text-align:left;} #calcTable th img {max-width:60px;max-height:60px;vertical-align:middle;} #calcTable caption {text-align:left;padding:10px 0;font-family: 'Open Sans';text-transform: uppercase;font-size:1.633em;} #calcTable thead td {padding:10px 5px;background: #f5f5f5;text-align:left;} header p {padding:10px 0 0;font-family:'Open Sans'} #calcTable tfoot th {text-align:left;border:0;line-height:auto;font-weight:400;padding:10px 0 0;color:#dc4746} #produkty-konfigurator {float:left;clear:both;width:100%;border-top:1px solid #e4e4e4;} #produkty-konfigurator p {text-align:left;padding:10px 0;font-family: 'Open Sans';text-transform: uppercase;font-size:1.233em;} .products-konfigurator {float:left;border:1px solid #e0e0e0;width:calc(20% - 28px);height:320px;padding:10px;position:relative;margin:0px;margin:3px;text-align:center;} .products-konfigurator img {max-height:200px;max-width:100%;vertical-align:middle;} .products-konfigurator .photo {height:200px;line-height:200px;} .products-konfigurator .price {display:block;position:absolute;left:10px;bottom:10px;font-size:1.233em;font-weight:400;color:#222;} .products-konfigurator .price em {font-style:normal;color:#666;font-size:0.8em;} .products-konfigurator h3 {font-weight:300;height:60px;padding:30px 0 0;} .products-konfigurator .input {font-size:1.33em;position:absolute;right:30px;bottom:-1px;width:40px;text-align:center;padding:0;height:30px;line-height:30px;border-width:1px;} .products-konfigurator .buttonAdd {display:block;position:absolute;bottom:-1px;height:30px;line-height:30px;width:30px;text-align:30px;font-size:1.233em;cursor:pointer;border:1px solid #e0e0e0;background:#eeeeee} .products-konfigurator .buttonAdd.dec {right:71px;} .products-konfigurator .buttonAdd.inc {right:-1px;} .products-konfigurator .la-info {position:absolute;right:5px;top:5px;font-size:2.633em;cursor:pointer;} .products-konfigurator i.la-lightbulb-o {position:absolute;left:5px;top:5px;font-size:2.633em;cursor:pointer;color:#0e8700;} .tooltip1 { display:none; position:absolute; border:1px solid #0e8700; background-color:#0e8700; border-radius:5px; padding:10px; color:#f0f0f0; font-size:12px Arial; z-index:100; } #profileSummary {float:left;margin:10px 0px;font-size:1.233em;font-weight:300;padding:5px 0 0;width:100%;text-align:right;} #profileSummary strong {color:#dc4746;font-size:1.433em;font-family:'Open Sans'} .back-calc {float:left;background:#323c46;padding:10px 20px;color:#fff;border-radius:2px;margin:10px 0;} .products-details {width:900px;height:auto;border:1px solid #e0e0e0;position:fixed;z-index:101;top:140px;left:50%;margin-left:-470px;background:#fff;padding:20px;} .products-details .photo {float:left;width:50%;margin:0;padding:0;height:500px;line-height:500px;border-right:1px solid #e0e0e0;} .products-details .photo img {max-height:450px;width:90%;vertical-align:middle;} .products-details .product-detail {float:left;width:calc(49% - 20px);padding:10px;} .products-details ul {float:left;width:100%;margin:0;padding:0;clear:none;list-style:none;} .products-details ul li {padding:5px 0;border-bottom:1px solid #e0e0e0;text-align:left;color:#222;} .products-details ul li em {display:inline-block;width:calc(45% - 10px);text-align:right;float:left;padding-right:10px;font-style:normal;color:#666;} .products-details ul li.source {margin-top:20px;border:0;font-weight:400;text-align:center;} .products-details ul li.source strong {font-weight:400;} .products-details h2 {color:#222;margin:0 0 20px 0;text-align:left;font-weight:400;font-size:1.333em;} .products-details .price {text-align:left;margin:20px 0 20px;font-size:1.333em;color:#fff;background:#dc4746;float:left;padding:10px 20px;clear:both;} .products-details .price em {font-style:normal;color:#e0e0e0;font-size:0.8em;} .products-details #infoline {float:left;width:calc(47.5% - 14px);text-align:left;position:absolute;bottom:10px;right:10px;} .products-details #infoline i {font-size:3.633em;float:left;height:50px;line-height:50px;width:50px;text-align:center;} .products-details #infoline p {float:left;height:40px;font-size:1.033em;padding:7px 20px 0 10px;} .products-details #infoline strong {display:block;float:left;height:40px;line-height:40px;font-size:1.433em;} .products-details dl {float:left;margin:0 0 0 40px;padding:0;text-align:left;} .products-details dt, .products-details dd {float:left;clear:none;padding:2px 0;} .products-details dt {clear:left;width:100px;} .products-details .la-close {position:absolute;top:-14px;right:-14px;z-index:102;border:1px solid #dc4746;background:#fff;height:26px;line-height:26px;width:26px;text-align:center;font-size:1.333em;border-radius:50%;cursor:pointer;color:#dc4746;} /* DOSTAWA PŁATNOŚCI iPage 3 */ #page3 h4 {font-size:1.433em;font-weight:400;color:#222B34;line-height:30px;height:30px;font-family: 'Open Sans';float:left;width:100%;clear:both;margin:0 0 20px;} #page3 h4:before {content:' ';width:3px;height:30px;position:relative;border-right:4px solid #dc4746;margin:0 5px 0 3px;} #page3 #pageDescription p {padding:0;float:left;margin:0px 0 20px;width:100%;} #page3 #pageDescription {font-size:1.133em;font-family:'Open Sans';font-weight:300;color:#333;} #page3 #pageDescription strong {font-weight:600;} #page160 #pageDescription, #page167 #pageDescription, #page179 #pageDescription, #page189 #pageDescription, #page199 #pageDescription {margin-top:20px;float:left;width:100%;font-size:1.133em;} .blackweek-page .blog-text-p {margin-top:20px;} .konfiguratorLink { background: #222B34; color: #fff; padding: 16px 20px; display: block; width: fit-content; /* lub ustal konkretną szerokość */ margin: 0 auto 20px; } .konfiguratorLink:hover { background: #e03045; } #page3 .main-info {color:#333} #page3 p.other-info {padding:0 3%;width:94%;} #page3 .other-list {list-style:none;margin:0 5% 20px;padding:0;float:left;width:90%;clear:both;} #page3 .other-list li em {font-size:1.433em;line-height:22px;height:22px;vertical-align: middle;color:#dc4746;} #page3 .other-list li {line-height:22px;height:22px;} #page3 p.other-info strong {color:#222B34;} .shipping-green {color:#168600;} .deliveryTable {list-style:none;float:left;width:100%;margin:0;padding:0;} .deliveryTable li {height:300px;margin:0 -1px -1px 0;padding:0;border:1px solid #e0e0e0;float:left;width: calc(20% - 2px);text-align:center;} .deliveryTable li img {max-width:90%;max-height:270px;vertical-align: middle;} .deliveryTable li .photo {line-height:270px;height:270px;} #regulamin {font-size:1.033em;margin:20px 0;float:left;width:100%;clear:both;} #regulamin td {vertical-align: top;padding:4px 0;} #regulamin td strong {padding:10px 0;display:block;color:#222B34;text-transform: uppercase;font-weight:400;font-size:1.233em;} #regulamin a {color:#222B34} #regulamin1 {font-size:1.133em;margin:20px 0;float:left;width:100%;clear:both;color:#6f6f6f} #regulamin1 td {vertical-align: top;padding:4px 0;line-height:1.6em;} #regulamin1 td strong {padding:10px 0;color:#222B34;font-weight:600;font-size:1.033em;} #regulamin1 a {color:#222B34} #regulamin1 td[colspan="11"] {font-size:1.233em;padding:20px 0;color:#222B34;} #subList3 {float:left;width:100%;margin:0;padding:0;} #subList3 articel {float:left;width:49%;margin:10px 0.5%;height:500px;} #subList3 articel ul {list-style:none;float:left;width:100%;height:340px;overflow: hidden;margin:0 0 20px;} #subList3 articel ul img {max-width:100%;} #subList3 articel h2 {padding:20px 0;font-size:1.433em;color:#222B34;} #subList3 articel .description {text-align: justify;padding:0 40px;} #page36 #pageDescription p, #page121 #pageDescription p {padding:20px 0;float:left;width:100%;} #page121 #pageDescription p {font-size:1.133em;font-family:'Open Sans';font-weight:300;color:#333;} #page121 #pageDescription ul {list-style:none;margin:0;float:left;font-size:1.133em;font-family:'Open Sans';font-weight:400;color:#333;} #page121 #pageDescription li {border-bottom:1px solid #e0e0e0;width:400px;padding:5px 5px;float:left;clear:both;} #page121 #pageDescription li strong {font-weight:600;} #page121 #pageDescription li em {float:right;display:block;font-style:normal;background: #dc4343;color:#fff;padding:3px 10px;text-transform:uppercase;width:100px;text-align:center;} #page121 #pageDescription p strong a {color:#dc4343} /* STATUS PAGE status.php */ #orderStatus {width:90%;max-width:600px;background-color: #f5f5f5;border-radius: 0.5rem;margin:40px auto 10px;font-size:0.933rem;color:#444;padding:40px 0 40px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} #orderStatus .header {padding:30px 10px 40px;line-height:1.4rem;border-bottom:1px solid #e5e5e5;margin:0 60px;} #orderStatus .header .clientName {text-transform: capitalize;} #orderStatus .statusInfo {padding:40px 20px;line-height:1.4rem;border-bottom:1px solid #e5e5e5;margin:0 60px;} #orderStatus #image {margin:40px 0 0;} #orderStatus #image img {height:260px;} #statusPage #productTable {width:90%;max-width:600px;clear:both;border-collapse: collapse;margin:0px auto 20px;} #statusPage #productTable td {padding:6px 10px;border-bottom:1px solid #e0e0e0;font-size:0.866rem;} #statusPage #productTable td.productPhoto {padding:0;text-align:center;width:140px;height:120px;line-height:120px;} #statusPage #productTable td.productName {font-size:0.833rem;text-align:left;} #statusPage #productTable td img {max-width:110px;max-height:110px;vertical-align: middle;} #statusPage #productTable th {padding:0;} #statusPage #productTable th span {display:block;float:left;background-color: #168600;color:#fff;padding:2px 5px;font-weight:400;font-size:0.766rem;margin:5px 0 0;} #statusPage #productTable th span.missing {background:#ef7f1a;} #statusPage #productTable td .la-check {background:#168600;color:#fff;font-size:1rem;padding:6px;border-radius: 50%;} #statusPage #productTable td.ilosc {width:60px;font-weight:600;} #statusPage #productTable td .la-exclamation {background:#ef7f1a;color:#fff;font-size:1rem;padding:6px;border-radius: 50%;} #statusPage #productTable tr:last-child td {border:0;} #statusPage #nabywcaDane {margin:40px 60px 0;border-top:1px solid #e5e5e5;padding:40px 0 0;} #statusPage #nabywcaDane ul {list-style:none;} #statusPage #nabywcaDane ul li {padding:0.2rem 0;} #statusPage #nabywcaDane .title, #orderStatus small {font-weight:600;padding-bottom:15px;color:#222;} #orderStatus .paymentLink {display:block;background-color: #222B34;border-radius: 0.3rem;padding:10px 0;color:#fff;line-height:32px;margin:20px 0 0;} #orderStatus .paymentLink span {color: #fe0000;} #orderStatus .paymentLink em {font-style: normal;font-size:0.8em;} #orderStatus .paymentLink strong {font-weight:600;} #orderStatus .paymentLink i {font-size:1.4em;vertical-align: middle;} #orderStatus .paymentLink:hover {background: #000;} #orderStatus small {display:block;} #orderStatus #paymentData {list-style: none;} #orderStatus #paymentData .companyName {padding-bottom:8px;} #orderStatus #paymentData .account {padding-top:15px;} #statusInfoline {width:90%;max-width:600px;background-color: #3f3f3f;margin:0 auto;clear:both;color:#fff;padding:10px 0;} #statusInfoline strong {display:block;font-size:1.3rem;} #statusFooter {width:90%;max-width:600px;background-color: #f5f5f5;border-radius: 0.5rem;margin:0px auto 40px;font-size:0.933rem;color:#444;padding:40px 0 40px;border-top-left-radius: 0;border-top-right-radius: 0;} #statusFooter ul {list-style:none;margin:20px 0 0;} #statusFooter ul li.email {padding:10px 0 0;} #statusFooter ul li a {color:#262634} .trackingLink {display:block;border:1px solid #fe0000;background-color: #fff;float:left;width:calc(100% - 2px);line-height:50px;height:50px;margin:10px 0;} .trackingLink span {display:block;background-color: #fe0000;color:#fff;width:calc(100% - 90px);float:right;} .trackingLink img {width:70px;float:left;vertical-align: middle;margin:10px 0 0 10px;} .trackingLink.GLS {border-color:#061ab1} .trackingLink.GLS span {background-color: #061ab1;} .trackingLink.GLS img {margin:13px 0 0 10px;} #statusMedia {width:90%;max-width:600px;background-color: #f5f5f5;font-size:0.933rem;color:#444;padding:20px 0 20px;margin:0 auto;clear:both;font-size:1.666rem;border-bottom:1px solid #e0e0e0;} #statusMedia i {padding:0 10px;} /* KONTAKT PAGE */ #team ul, #team {float:left;width:100%;clear:both;margin:20px 0;} #team {border-top:1px dotted #e0e0e0;} #page div.content #team ul {margin:0;padding:0;list-style:none;} #team li {float:left;width:25%;text-align:center;font-family: 'Open Sans'} #team li p, #team li span, #team li em, #team li strong {display:block;width:100%;} #team li span {text-align:left;font-weight:400;height:40px;font-size:1.233em;} #team li p, #team li span {float:left;} #team li p {color:#dc4343;font-weight:400;font-size:1.166em;} #team li p em {font-weight:300;color:#666;font-style:normal;font-size:1.033em;} #team li p strong {color:#666;font-size:1.033em;font-weight:300;color:#000;} #team li img {margin:0px 0 20px;width:90%;} #team .departmentName {padding:20px 0 0;font-weight:400;font-size:1.433em;color:#222B34;float:left;width:100%;} #contactPage {float:left;width:100%;margin:40px 0 0;} #contactPage ul {float:left;width:50%;margin:0;padding:0;list-style:none;} #contactPage li {padding:5px 0;font-size:1.133em;font-family:'Open Sans';color:#222B34;} #contactPage li.strong, #contactPage li.cname {font-size:1.433em;color:#222B34;padding-bottom:20px;} #contactPage li.span {text-transform:uppercase;font-size:1.233em;color:#9f9f9f;} #contactPage li.opis {padding-bottom:20px;} #contactPage li.itel {font-weight:800;font-size:2.333em;color:#dc4343;padding:20px 0;} #contactPage li.email {padding-top:20px;} #contactPage li.cname {padding-top:20px;} #contactPage li.dbr {padding-top:20px;} #news {width:100%;max-width:1800px;margin:20px auto;position:relative;} #news .type {border-radius:50%;width:300px;font-size:1.633em;font-family:'Open Sans';word-spacing: -0.15em;font-weight: 300;color:#222;display:inline-block;width:100%;padding:10px 0 20px;} #news .type span {font-weight:bold;display:block;font-size:0.933em;} #news figure {width: 25%;float:left;height:290px;position:relative;overflow:hidden;margin:0px;background: #222B34;} #news figure img { max-width: none;width: 100%;float:left;opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;} #news figure:hover img {opacity: 0.4;} #news figure figcaption::before, #news figure figcaption::after {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;} #news figure figcaption::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);} #news figure figcaption::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);} #news figure figcaption {position:absolute;right:0;bottom:0;width:100%;height:100%;color:#fff;} #news figure h2 {font-family:'Open Sans';word-spacing: -0.05em;padding-top: 30%;opacity: 0;text-transform:uppercase;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);} #news figure div {padding: 20px 3em;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);} #news figure:hover figcaption::before, #news figure:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} #news figure:hover h2, #news figure:hover div {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} #pageDescription {text-align:justify;line-height:1.433em;} /* NOWY BLOG: START */ #blog, .producersList { position:relative;width:100%;margin:0 auto 25px;padding-bottom: 10px;} .producersList {float:left;} .blog, .producer-item { width:30%;min-height:100px;padding: 10px;background:#fff;margin:8px;font-size:12px;float:left;border:1px solid #e4e4e4;-webkit-transition: top 1s ease, left 1s ease;-moz-transition: top 1s ease, left 1s ease;-o-transition: top 1s ease, left 1s ease;-ms-transition: top 1s ease, left 1s ease;} .clearfix {clear:both;} .blog h2 {font-size:1.233em;font-weight:400;color:#262f36;padding-top:10px;} .blog .description {border-bottom:1px solid #e4e4e4;padding:10px 0;} .blog a {display:block;font-size:1em;font-weight:400;margin:10px 0 0;color:#262f36} .blog .photo img {max-width:100%;} .producer-item img {max-width:90%;} .blog #fb-comments-count {display:block;float:right;background:#4b67b1;border-radius:2px;padding:2px 10px;color:#fff;} .producer-item .rabat {position:absolute;right:-1px;top:-1px;background: #dc4343;color:#fff;padding:5px 10px;} #page.blogNewPage #pageDescription {border:0;margin:40px 0;float:left;width:100%;} #page.blogNewPage div.content p {display:block;float:left;width:100%;line-height:1.43em;} #page.blogNewPage div.content img {width:1400px;padding:10px;border:1px solid #e4e4e4;float:left;margin:10px 0;position:relative;left:-21px;} .blog-link-red{ color: #dc4343; } .blog-text-p{text-align: justify; font-size: 16px; color: #656565; } figure.banner-effect figcaption::before, figure.banner-effect figcaption::after { pointer-events: none; } figure.banner-effect figcaption, figure.banner-effect figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure.banner-effect figcaption > a { z-index: 100; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } figure.banner-effect h4 { text-transform:uppercase;font-weight:400;letter-spacing:2px;font-size:1.333em;padding:10px 0;margin:10px 0;float:left; } figure.banner-effect h4 span { font-weight: 800; } figure.banner-effect h4, figure.banner-effect p { margin: 0; } figure.banner-effect p { letter-spacing: 1px; font-size: 68.5%; margin:380px 0 0; } figure.banner-effect { position: relative; float: left; overflow: hidden; background: #f1f2f3; text-align: center; cursor: pointer; } figure.banner-effect figcaption { font-family:'Open Sans'; padding: 2em; color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.banner-effect img { opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); } figure.banner-effect figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } figure.banner-effect p { position: absolute; right: 120px; top: 90px; padding: 0 0 0 10px; max-width: 280px; text-align: left; opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; font-size:1.833em;font-family:'Open Sans'; } figure.banner-effect h4 { text-align: left; } figure.banner-effect:hover img { opacity: 0.8; transform: scale(1.1); } figure.banner-effect:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } figure.banner-effect:hover p { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } #inspirations {float:left;width:100%;margin:10px 0;} #inspirations figure {width:calc(33% - 20px);overflow:hidden;margin:10px;} #inspirations figure img {width:100%;} #inspirations figure h4 {color:#fff;left:0;text-shadow:1px 1px 0px #262634;} #aranzacja {width:49.5%;float:left;overflow:hidden;padding:0;border-bottom:0px solid #e0e0e0;margin:3px 0.25%;} #aranzacja img {width:100%;opacity:0;} /* CHAT BOT */ #chatBot {position: fixed;z-index:101;right:5px;bottom:80px;background-color: #222b34;height:60px;width:60px;line-height:60px;border-radius: 50%;-webkit-box-shadow: 2px 2px 24px 0px rgba(66, 68, 90, 1);-moz-box-shadow: 2px 2px 24px 0px rgba(66, 68, 90, 1);box-shadow: 2px 2px 24px 0px rgba(66, 68, 90, 1);cursor:pointer} #chatBot img {height:30px;vertical-align: middle;} #chatbot {display:none;width:500px;margin:100px auto 0;border:0px;position: relative;height:600px;position: fixed;right:10px;bottom:0;z-index:101;background-color: #fff;text-align: left;border-top-left-radius: 20px;border-top-right-radius: 20px; -webkit-box-shadow: 2px 2px 24px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 2px 2px 24px 0px rgba(66, 68, 90, 1); box-shadow: 2px 2px 24px 0px rgba(66, 68, 90, 1);} #chatbot .chatTitle {background: #343e48;color:#fff;width:calc(100% - 10px);line-height:50px;padding:0 0 0 10px;font-size:1.366em;border-top-left-radius: 20px;border-top-right-radius: 20px;} #chatbot .chatTitle .la {font-size:2em;float:right;margin:10px 10px 0 0;cursor: pointer;} #chatbot .chatTitle .la:hover {color: #dc4343;} #chatbot #result {width:100%;border-bottom:1px solid #e0e0e0;height:calc(100% - 151px);overflow-y:scroll;padding:10px 0;} #chatbot form {position: absolute;bottom:0;line-height:80px;width:100%;} #chatbot form input {width:calc(90% - 10px);font-size:1.3em;padding:0 0 0 10px;line-height:48px;height:48px;background-color: #ebf1f7;border-radius: 30px;margin-left:5%;} #chatbot form button {position: absolute;border-radius:50%;z-index: 101;height:40px;width:40px;line-height:40px;text-align: center;background-color: #0fb6cc;color:#fff;top:18px;right:20px;} #chatbot #result .answer {float:left;width:100%;} #chatbot #result .answer span {background: #0fb6cc;cursor:pointer;color:#fff;display:block;float:left;clear:both;border-radius: 20px;margin:0px 0 0 60px;padding:10px;} #chatbot h4 {float:right;border:1px solid #2787f5;background:#2787f5;color:#fff;border-radius:10px;border-bottom-right-radius: 0px;padding:10px;margin:5px 5px 30px 5px;width: 50%;font-weight:300;position: relative;font-size:13px;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;overflow: hidden;} #chatbot .answercontent {float:left;background:#f6f9fb;color:#6885b1;border:1px solid #f6f9fb;padding:15px;margin:5px 5px 30px 55px;width:60%;font-weight: 300;position: relative;font-size:13px;border-radius:10px;border-bottom-left-radius: 0px;} #chatbot .answercontent::after {content:" ";position: absolute;bottom:-30px;left:-45px;margin-left:-1px;background-image: url('images/chat-bot.png');height:40px;width:40px;border-radius: 50%;display:block;background-color: #f6f9fb;background-size: 70%;background-repeat: no-repeat;background-position: center;} #chatbot .answercontent em {display:block;width:100%;padding:10px 0;position: relative;} #chatbot .answercontent em::before {width:200px;height:1px;background: #D9DAEF;position: absolute;left:50%;margin-left:-100px;content:"";display:block;} #chatbot .answercontent strong {font-weight:600;} #chatbot .chatProducts {float:left;width:calc(100% - 120px);list-style:none;margin:0 60px 0 60px;} #chatbot .chatProducts li {float:left;clear:both;background-color: #fff;border:1px solid #e0e0e0;width:calc(100% - 10px);border-radius: 5px;padding:5px;margin-bottom:2px;} #chatbot .chatProducts li .photo {height:70px;width:70px;line-height: 70px;float:left;border-right:1px solid #e0e0e0} #chatbot .chatProducts li .photo img {max-width: 60px;max-height: 60px;vertical-align: middle;} #chatbot .chatProducts li .productinfo {float:left;width:calc(100% - 81px);padding-left:10px;} #chatbot .chatProducts li .productinfo h3 {font-size:1.066em;font-weight:400;color:#000;line-height:40px;text-overflow: ellipsis;width:100%;overflow: hidden;white-space: nowrap;} #chatbot .chatProducts li .productinfo strong {font-weight:400;color:#222;} #chatbot .trackingLink {float:left;width:calc(100% - 140px);list-style:none;margin:0 60px 0 60px;padding:0 10px;line-height:60px;font-size: 1.233em;font-weight: 600;border:1px solid #e0e0e0;border-radius: 10px;} #chatbot .trackingLink img {height:30px;vertical-align: middle;margin-right:10px;border-right:1px solid #e0e0e0;padding-right:10px;} /* END FULLHD */ .dostepnoscallert {background:rgba(220,71,71,0.1)} .dostepnoscallert p {font-weight:500;color:#000;} .dostepnoscallert ul {list-style:none;margin:10px;} .dostepnoscallert ul li {padding:5px 0;line-height:2em;} .dostepnoscallert ul li em {color:#dc4746} @media (max-width: 1500px){ #page.blogNewPage div.content img {width:calc(100% - 22px);padding:10px;border:1px solid #e4e4e4;float:left;margin:10px 0;position:relative;left:0;} } .signature {margin:20px 0 0;} #fb-comments {float:left;width:50%;} #blog-products {float:left;width:100%;clear:both;margin:20px 0;} #blog-products .blog-Product {float:left;width:15.8%;margin:5px 1%;padding:5px 1%;border:1px solid #e4e4e4;text-align:center;} #blog-products .photo {height:240px;line-height:240px;} #blog-products img {max-width:100%;max-height:200px;vertical-align:middle;} .resp-container { position: relative; overflow: hidden; padding-top: 56.25%; border:1px solid #e4e4e4; margin:20px 0; float:left;width:100%; } .resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } #imagesList1 {float:left;width:100%;list-style:none;margin:20px 0 0;} #imagesList1 li {float:left;margin:5px;} /* NOWY BLOG: END */ /* KOSZYK */ .basket fieldset {float:right;width:520px;} .basket #orderedProducts {float:left;width:820px;margin:20px 0 0;} .basket #orderedProducts table {width:800px;font-family:'Open Sans';font-weight:300;color:#333;font-size:1.033em;margin:0 20px 0 0;} .basket #orderedProducts caption {text-align:left;font-family:'Open Sans';font-weight:600;color:#222B34;text-align:left;border-bottom:1px solid #e0e0e0;padding:5px 10px;font-size:1.233em;} .basket #orderedProducts table tbody .photo {width:90px;height:90px;line-height:90px;text-align:center;} .basket #orderedProducts table tbody .photo img {max-width:80px;max-height:80px;vertical-align: middle;} .basket #orderedProducts table tbody td, .basket #orderedProducts table tbody th, #orderForm #orderedProducts table td, #orderForm #orderedProducts table th, #orderPrint #orderedProducts table td, #orderPrint #orderedProducts table th {border-bottom:1px solid #e0e0e0;padding:10px 5px;} .basket #orderedProducts table tbody th, #orderForm #orderedProducts table th, #orderPrint #orderedProducts table th {font-weight:400;text-align:left;} .basket #orderedProducts table tbody td .input {width:40px;text-align:center;font-size:1.233em;} .basket #orderedProducts table tbody td label {display:none;} .basket #orderedProducts table tbody th .stock {font-size:0.9em;} .basket #orderedProducts table tbody i {font-size:1.433em;} .basket #orderedProducts table tbody .del a:hover i {color:#dc4343} .basket #orderedProducts table tbody .del a {padding:10px 5px;} .basket #orderedProducts table thead {display:none;} .basket #orderedProducts .submit {padding:10px 20px;margin:10px 0 0;} .basket #orderedProducts .submit:hover {background: #222B34;color:#fff;} .basket #orderedProducts .continue {float:left;} .basket #orderedProducts .update {float:right;} #discounts-info {float:right;width:518px;margin:20px 0 0px;position:relative;padding-bottom:20px;text-align:left;font-family:'Open Sans';border:1px solid #dc4343;} #discounts-info div {padding:10px 20px 0;font-size:1.033em;} #discounts-info .title {text-align:center;font-weight:300;font-size:1.53em;padding:10px 0;background: #dc4343;color:#fff;} #discounts-info ul, #discounts-info li {float:left;width:100%;} #discounts-info ul {list-style:none;font-size:1.133em;margin:10px 0px 0;} #discounts-info li {padding:5px 2%;border-top:1px solid #e0e0e0;width:94%} #discounts-info li strong {color:#fff;background:#dc4343;float:right;display:block;width:90px;font-weight:300;text-align:center;} #discounts-info a {position:relative;display:block;bottom:-14px;background:#222B34;width:140px;position:absolute;left:50%;margin-left:-70px;color:#fff;text-align:center;padding:4px 0;border: 1px #222B34 solid;box-shadow: inset 0 0 0 2px #fff;} #discounts-info a:hover {text-decoration:none;background:#dc4343;border: 1px #dc4343 solid;} .ifo {padding:5px 0;border-top:1px solid #e0e0e0;display:block;margin:5px 0 0;float:left;width:100%;} #basketForm {float:left;} #basketForm #BasketSummary, #orderForm #BasketSummary {float:right;margin:20px 0 0;background: #f5f5f5;border:0;padding:20px 0;font-family:'Open Sans';font-weight: 300;clear:right;} #orderForm #BasketSummary {width:50%;} #basketForm #BasketSummary div, #orderForm #BasketSummary div {padding:0 20px;} #basketForm #BasketSummary p, #orderForm #BasketSummary p {border-bottom:1px dotted #e0e0e0;line-height:36px;height:36px;font-size:1.133em;text-align:left;color:#333;} #basketForm #BasketSummary p em, #orderForm #BasketSummary p em {display:block;float:left;width:48%;font-style:normal;} #basketForm #BasketSummary p span, #orderForm #BasketSummary p span {display:block;float:right;text-align:right;width:48%;} #basketForm #BasketSummary p span strong, #orderForm #BasketSummary p span strong {color:#dc4343;font-weight:600;} #basketForm #BasketSummary .submit {width:100%;padding:10px 0;font-family:'Open Sans';font-size:1.233em;margin:20px 0 0;background: #222B34;color: #fff;} #basketForm #BasketSummary .submit:hover {background: #dc4343;} #basketForm #BasketSummary p.basket-summary, #orderForm #BasketSummary p.basket-summary {font-size:1.333em;font-weight:400;} #orderForm #BasketSummary p.shipping-summary {border-bottom:2px solid #e0e0e0;} /* FORMULARZ ZAMÓWIENIA */ #orderForm {width:1100px;margin:20px auto 0;} #orderForm .legend, #orderForm #orderedProducts table caption {font-weight:400;color:#222B34;text-align:left;border-bottom:1px solid #e0e0e0;text-transform:uppercase;padding:5px 0;margin:10px 0 5px;font-size:1.133em;float:left;width:100%;} #personalDataBlock {float:left;width:48%;padding:0 1% 0 0;margin:0 1% 0 0;} #personalDataBlock .label label {display:none;} #companydata {display:none;} #setBasic div, #companydata div, .setExtend div, #setDelivery div {float:left;width:100%;margin:0 0 5px;} #orderForm .input {width:calc(100% - 14px);padding:10px 5px;font-size:1.133em;font-family:'Open Sans';border-width:2px;position:relative;} #setBasic div#firstName, #setBasic div#lastName {width:49%;} #setBasic div#lastName {float:right;} #oComment {width:calc(100% - 14px);padding:5px;font-size:1.133em;font-family:'Open Sans';border-width:2px;} .select-section {padding:0px 0;text-align:left;} .select-section input {display:none;} .select-section label {line-height:40px;height:40px;display:block;float:left;margin:0 10px 0 0;padding:0 0 0 0px;font-size:1.233em;font-family:'Open Sans';cursor: pointer;} .select-section input + label:before {content:"\f111";font-family:'Line Awesome Free';font-size:22px;margin:1px 5px 0 0;display:block;float:left;} .select-section input:checked + label:before {content:"\f058";color:#dc4343;} #orderForm .input::placeholder {font-size:0.9em;} .required {float:left;width:100%;text-align:left;padding:2px 0;} #orderForm #orderedProducts table {width:100%;display:none;font-size:0.933em;} #orderPrint #orderedProducts table {width:100%;font-size:0.933em;} #orderForm #orderedProducts table tbody .photo, #orderPrint #orderedProducts table tbody .photo {width:60px;height:60px;line-height:60px;text-align:center;} #orderForm #orderedProducts table tbody .photo img, #orderPrint #orderedProducts table tbody .photo img {max-width:50px;max-height:50px;vertical-align: middle;} #orderForm #orderedProducts table th, #orderForm #orderedProducts table td, #orderPrint #orderedProducts table th, #orderPrint #orderedProducts table td {padding:5px 10px;} #orderForm #orderedProducts table th a {color:#222B34;} #orderForm #orderedProducts .legend span {text-transform: lowercase;color:#3598d9;float:right;font-size:0.9em;cursor: pointer;} #orderForm #orderedProducts .legend span:after {content:'\f0fe';font-family:'Line Awesome Free';} #orderForm #orderedProducts .legend span.close:after {content:'\f146'} #orderForm .input#oStreet, #orderForm .input#oDeliveryStreet { width: calc(50% - 9px); /* padding:10px 0; */ margin:0; } #orderForm .input#oStreetNr, #orderForm .input#oStreetLoft, #orderForm .input#oDeliveryStreetNr, #orderForm .input#oDeliveryStreetLoft { width: calc(25% - 20px)!important; margin:0; /* padding:10px 0; */ } #shippingAndPayments div{padding:11px 0;position:relative;width:100%;float:left;text-align:left;} #shippingAndPayments div.dpd, #shippingAndPayments div.odbior {float:left;width:96%;border:0;padding:0 2%;margin:0;border:1px solid #e0e0e0;} #shippingAndPayments div .title {font-weight:600;font-size:1.03em;padding:10px 0 20px;display:block;color:#222B34;float:left;width:100%;} #shippingAndPayments div.odbior {margin-top:5px;} #shippingAndPayments div.odbior .title {padding-bottom:10px;} #shippingAndPayments div.odbior small {padding:0 0 10px 20px;font-size:1em;display:block;} #shippingAndPayments div.dpd .dpd_icon {height:30px;float:left;margin-right:10px;} #shippingAndPayments div .paymentBox {width:98%;border-bottom:1px solid #e0e0e0;float:left;line-height:40px;height:40px;padding:0 1%;margin-bottom:5px;} #shippingAndPayments div .paymentBox input {display:none;} #shippingAndPayments div .paymentBox label {font-size:1.033em;cursor: pointer;line-height:40px;height:40px;display:block;float:left;width:170px;} #shippingAndPayments div .paymentBox input + label:before {content:"\f111";font-family:'Line Awesome Free';font-size:22px;margin:-1px 5px 0 0;display:block;float:left;} #shippingAndPayments div .paymentBox input:checked + label:before {content:"\f058";color:#dc4343;} #shippingAndPayments div .paymentBox img {height:18px;margin:-2px 0 0;display:none;} #shippingAndPayments div .paymentBox span {display:block;float:right;line-height:40px;height:40px;padding-left:10px;font-family:'Open Sans';text-align:right;} #shippingAndPayments div .paymentBox span em {color:#dc4343;font-style:normal;font-size:1.033em} #rulesAccept {width:50%;margin:0px 0;float:right;clear:right;} #rulesAccept input[type=checkbox] {display:none;} #rulesAccept label { display: block; clear:both; position: relative; padding:0 0 0 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align:justify; float:left; font-size:0.9em; } #rulesAccept label a {color:#dc4343;} #rulesAccept input[type="checkbox"] + label {margin:0px 0 20px;} #rulesAccept input[type="checkbox"] + label:last-child { margin-bottom: 0; } #rulesAccept input[type="checkbox"] + label:before { content: ''; display: block; width: 14px; height: 14px; border: 1px solid #666; position: absolute; left: 0; top: 18px; opacity: .6; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; } #rulesAccept input[type="checkbox"]:checked + label:after { content: ''; display: block; height: 14px; position: absolute; width: 6px; top: 12px; left: 5px; border-radius: 0; border: 2px solid #168600; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #nextStep .submit {float:left;width:100%;margin:20px 0 0;padding:10px 0;font-size:1.233em;background: #dc4343;color:#fff;} #orderPrint {width:1100px;margin:20px auto 0;overflow: hidden;border-bottom:1px solid #e0e0e0;padding-bottom:20px;} .orderInfo, #printPaymentData {float:left;width:calc(100% - 40px);text-align:left;padding:20px 19px;font-size:1.233em;font-family:'Open Sans';border:1px solid #e0e0e0;margin:10px 0;} .orderInfo {margin-top:20px;} .orderInfo strong, #printPaymentData strong {font-weight:600;color:#222B34;} .orderInfo i, .orderInfo {color:#168600;} .orderInfo span {display:block;padding:5px 20px;font-size:0.9em;color:#8f8f8f} #printPaymentData {font-size:1.066em;background: #fff;border-color:#e0e0e0;margin:0 0 10px;} .orderdataLeft, .paymentContent {float:left;width:46%;margin:0;padding:20px 2%;} .orderdataLeft .legend, .paymentContent .legend, #orderData .legend, #orderPrint #orderedProducts .legend {font-weight:600;color:#222B34;padding:0 0 20px 0;font-size:1.133em;} .orderdataLeft ul {list-style:none;margin:10px;padding:0;} .orderdataLeft ul li {padding:4px 0;} .orderdataLeft ul li span {display:block;float:left;text-align:right;width:140px;margin-right:10px;} .orderdataLeft em {font-style:normal} #printPaymentData .orderdataLeft strong {font-size:1.166em;color:#dc4343} #printPaymentData img {margin:20px 0 0;} #orderData {float:left;width:calc(50% - 40px);text-align:left;font-family:'Open Sans';padding:20px 19px;font-size:1.033em;border-right:1px solid #e0e0e0;} #orderData dl {float:left;width:100%;margin:0 0 20px;} #orderData dt, #orderData dd {float:left;width:30%;} #orderData dt {text-align:right;padding:3px 0;} #orderData dd {text-align:left;padding:3px 0 3px 2%;width:68%;color:#4f4f4f;font-size:1.066em;} #orderPrint #orderedProducts {float:left;width:calc(50% - 40px);text-align:left;font-family:'Open Sans';padding:20px 19px;font-size:1.033em;border-left:1px solid #e0e0e0;margin-left:-1px;} #orderPrint #orderedProducts table {font-family:'Open Sans';font-weight:300;color:#333;font-size:0.933em;} #orderPrint #orderedProducts table tfoot th, #orderPrint #orderedProducts table tfoot td {background:#f5f5f5;padding:5px;font-size:1.133em;border-bottom:1px dotted #e0e0e0;} #orderPrint #orderedProducts table tfoot th {text-align:right;font-weight:300;} #orderPrint #orderedProducts table tfoot .summaryOrder th, #orderPrint #orderedProducts table tfoot .summaryOrder td {border:0;padding:10px 5px;font-size:1.233em;} #orderPrint #orderedProducts table tfoot .summaryOrder td {font-weight:400;color:#dc4343} /* PODSUMOWANIE */ #orderPotwierdzenie #personalDataBlock {float:left;width:100%;margin:20px 0 0;} #orderPotwierdzenie .dataPotwierdzenie { float: left; width: calc(25% - 41px); margin: 0 10px; padding: 10px 20px 0 0; border-right: 1px solid #e0e0e0; height: 200px; text-align:left; color:#333; } #orderPotwierdzenie .dataPotwierdzenie.infoOrderData {border:0;} #orderPotwierdzenie .dataPotwierdzenie legend { float: left; width: 100%; border-bottom: 1px solid #e0e0e0; font-family: 'Open Sans'; font-size: 1.266em; font-weight: 600; padding: 0 0 10px; color:#222; } #orderPotwierdzenie .dataPotwierdzenie legend a { float: right; font-size: 0.866em; font-weight: 300; color:blue; } #orderPotwierdzenie .dataPotwierdzenie ul { margin: 20px 0 0; float: left; list-style: none; padding: 0; } #orderPotwierdzenie .dataPotwierdzenie li { font-size: 1.1em; line-height: 1.6em; font-family: 'Open Sans' } #podsumowanieProducts { float: left; width: 100%; } #podsumowanieProducts table { float: left; width: 60%; border-collapse: collapse; color:#333333; } #podsumowanieProducts table td, #podsumowanieProducts table th { border-bottom: 1px solid #e0e0e0; padding: 10px; font-size: 1.433em; font-family: 'Open Sans' } #podsumowanieProducts table caption { font-size: 1.633em; padding: 10px 0; text-align: left; border-bottom: 1px solid #e0e0e0; } #podsumowanieProducts table td.image { width: 50px; line-height: 50px; } #podsumowanieProducts table td.image img { vertical-align: middle; width: 40px; max-height: 40px; height: auto; } #podsumowanieProducts table th { text-align: left; font-weight: 300; } #podsumowanieProducts table td.summary { display: none; } #podsumowanieProducts #ordersSummary { float: right; width: 35%; margin: 40px 0 0; background: #f0f0f0; padding: 20px; font-size: 1.233em; } #podsumowanieProducts #ordersSummary div { padding: 10px 0; text-align:left; color:#333333; } #podsumowanieProducts #ordersSummary div strong { float: right; font-family: 'Open Sans' } #podsumowanieProducts #ordersSummary .summaryOrder { border-top: 1px solid #e0e0e0; padding: 20px 0 0; } #podsumowanieProducts #ordersSummary .summaryOrder strong { font-weight: 600; } #orderPotwierdzenie #nextStep { float: right; clear: right; margin: 20px 0 0; width:calc(35% + 40px); } #orderPotwierdzenie #nextStep button { float: right; padding: 10px 20px; font-size: 1.433em; background: #e03045; border: 0; border-radius: 3px; color: #fff; cursor: pointer; width:100%; } /* MESSAGES */ .producterror svg {width:200px;height:260px;} .producterror {color:#333d47} .producterror a {color:#dc4746} #basketsmpty {margin:100px auto;width:978px;border:1px solid #e0e0e0;top:50px;position:relative;padding:100px 0;font-weight:300;font-family: 'Open Sans';color: #dc4343} #basketsmpty h3 {font-weight:300;font-size:1.633em;} footer {background:#f7f7f7;padding:40px 0 0px;margin:0px 0 0;position:relative;} .footer-contact {float:left;text-align:left;font-family:'Open Sans'} .footer-contact .content {float:left;margin-left:20px;padding:10px 0 0;} .footer-contact .info {float:left;} .logo {margin:0;line-height:40px;height:40px;} .footer-contact .contact-title {font-weight:600;padding:2px 0 2px 2px;color:#222B34;} .footer-contact .contact-title i {font-size:1.533em;color:#888;padding-right:10px;} .footer-contact .contact-content {border-left:1px solid #d0d0d0;padding:2px 0 2px 20px;float:left;width:100%;margin:5px 0 5px 10px;width: -webkit-calc(100% - 31px);width: calc(100% - 31px);} .footer-contact .contact-last-content {padding:2px 0 2px 20px;float:left;width:100%;margin:5px 0 5px 11px;width: -webkit-calc(100% - 31px);width: calc(100% - 31px);} .footer-info {float:left;text-align:left;width:100%;border-top:1px solid #e4e4e4;margin-top:20px;padding-top:20px;line-height:40px;} .footer-info img {height:40px;vertical-align: middle;margin:0 10px;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.4;} .footer-info img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;} .footer-info .rzetelna, .footer-info .siepomaga {float:right;opacity: 1;} .footer-info .rzetelna img {height:40px;} .footer-info img.dpd {height:30px;} .footer-menu {float:right;width:60%;} .footer-menu .menu {float:left;width:25%;} .footer-menu ul {list-style:none;margin:0;padding:0;text-align:left;font-family:'Open Sans'} .footer-menu li {padding:3px 10px;} .footer-menu li.type {font-weight:600;padding:5px 0 10px;color:#222B34} .footer-menu li.type a {color:#222B34;} .footer-menu li a:hover {color:#dc4746;} footer #copy {width:100%;background: #fff;clear:both;float:left;margin:40px 0 0;text-align:left;padding:5px 0;font-family: 'Open Sans'; font-weight:300;border-top:1px solid #e4e4e4;} .design {float:right;} .design span {color: #222B34} .totop {bottom:10px;right:10px;background:#222B34;padding:10px;font-size:2.33em;color:#fff;display:none;z-index:100;} .totop.fixed1 {position:fixed;} .sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1006}.sl-wrapper{z-index:1000}.sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:1015}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1015}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-align:center;display:block;z-index:1015;font-family:arial sans-serif}.sl-wrapper .sl-navigation button.sl-next{right:40px}.sl-wrapper .sl-navigation button.sl-prev{left:40px}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block}.sl-wrapper .sl-image iframe{border:0;background:#000}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:.8;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:1005}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} #mobile {display:none;float:left;width:98%;padding:0 1%;height:50px;background: #fff;position:relative;border-bottom:1px solid #e0e0e0} #mobile-logo {float:left;line-height:50px;height:50px;font-size:1.333em;font-family:'Open Sans';} #mobile-logo img {vertical-align: middle;height:26px;width:auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);} #mobile-logo a {color:#222B34} #mobile-logo a:hover {text-decoration:none;} #mobile-search-data, #mobile-basket-data, #mobile-data-favorite {float:right;margin:0px 0px 0;position:relative;} #mobile-basket-data span, #mobile-data-favorite span {position:absolute;color:#fff;padding:1px 4px;font-size:0.933em;right:2px;top:2px;border-radius:50%;background:#dc4746;} #mobile-basket-data span.wide, #mobile-data-favorite span.wide {padding:4px 4px;} #mobile-search-data i, #mobile-basket-data i, #mobile-data-favorite i {font-size:1.933em;line-height:50px;height:50px;color:#222B34;border-right:1px solid #e0e0e0;padding:0 6px;} #mobile-basket-data i {border:0px;} #mobile-search-data {padding:0 0px;} #mobilemenu3 {float:right;margin:0px 5px 0;padding:0;} #mobilemenu3 .mobile-menu-cn {display:none;margin:60px 0 0;padding:0;position:absolute;top:0;left:5%;width:100%;background:#222B34;z-index:1010;list-style:none;width:90%;} #mobilemenu3 .mobile-menu-cn li {width:100%;border-bottom:1px solid rgb(26, 33, 41);text-align:left;position:relative;} #mobilemenu3 .mobile-menu-cn li .la {position:absolute;right:0px;color:#fff;top:0px;cursor: pointer;padding:8px 12px;background: rgb(26, 33, 41);font-size:1.933em;} #mobilemenu3 .mobile-menu-cn li ul {display:none;position: relative;background:rgb(26, 33, 41);float:left;} #mobilemenu3 .mobile-menu-cn li ul li {border-color:rgb(13, 17, 22);} #mobilemenu3 .mobile-menu-cn li a {display:block;color:#fff;font-size:1.233em;font-family:'Open Sans';font-weight:300;padding:9px 10px;} #mobilemenu3 .mobile-menu-cn li li a {padding:8px 25px;} #mobilemenu3 .la-bars {font-size:1.933em;line-height:50px;height:50px;color:#222B34;cursor: pointer;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;padding:0 6px;} #mobile-discount {display:none;} /* BlackWeek */ #products .product-cell .black, #product #box .black {position: absolute;right:0;padding:5px;background-color: #000;color:#fff;top:10px;z-index:10} #product #box .black {position: relative;float:left;clear:both;margin:20px 0 -20px;font-size:1.133em;} #products .product-cell .black strong, #product #box .black strong {color:#f00;} #products .product-cell .black span, #product #box .black span {font-size:1.133em;font-weight:600;} .basket #orderedProducts table tbody .black {background-color: #000;color:#fff;padding:2px 5px;font-size:1.033em;text-transform: uppercase;} .basket #orderedProducts table tbody .black em {font-style: normal;color:#f00;font-weight:600;} /* Producenci */ .manufacturers-container { width:100%; clear:both; float:left; margin:10px 0 10px; display: flex; flex-wrap: wrap; /* Umożliwia zawijanie elementów w kolejne wiersze */ gap: 10px; /* Odstęp między kartami */ justify-content: space-between; /* Rozkłada elementy równomiernie */ } .manufacturer { border: 1px solid #efefef; border-radius: 5px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); background-color: #fff; padding: 5px; width: calc(33.33% - 10px); /* Pełna szerokość */ display: flex; /* Ustawienie poziomego układu */ align-items: center; /* Wyrównanie elementów w pionie */ gap: 5px; /* Odstęp między logo a treścią */ box-sizing: border-box; /* Uwzględnia padding w szerokości */ } .manufacturer .image { width:140px; } .manufacturer img { max-width: 120px; /* Maksymalna szerokość logo */ height: auto; object-fit: contain; /* Zapewnia proporcjonalne skalowanie obrazka */ } .manufacturer-content { flex: 1; /* Treść zajmuje resztę dostępnej szerokości */ text-align:left; padding-left:10px; } .manufacturer-content p { margin: 5px 0; font-size:0.966em; color: #333; } .manufacturer-content a { text-decoration: none; color: #007bff; } .manufacturer-content a:hover { text-decoration: underline; } @media (max-width: 990px){ .manufacturer { width: calc(50% - 10px); /* Pełna szerokość */ } .manufacturer .image { width:100px; } .manufacturer img { max-width: 90px; /* Maksymalna szerokość logo */ } } @media (max-width: 660px){ .manufacturer { width: calc(100% - 10px); /* Pełna szerokość */ } } @media (max-width: 660px){ .inspiracjeLinlk, .blackWeek-baner {display:block;} .basket #orderedProducts table {width:100%;float:left;display:block;margin:0;padding:0;} .basket #orderedProducts table caption {width:100%;padding:10px 0;border:0;} .basket #orderedProducts table tbody, .basket #orderedProducts table tfoot {width:100%;float:left;} .basket #orderedProducts table tbody tr {position:relative;height:90px;border:1px solid #e0e0e0;display:block;float:left;width:calc(100% - 2px)!important;margin-bottom:-1px;} .basket #orderedProducts table tbody th, .basket #orderedProducts table tbody td {display:block;float:left;border:0;padding:0;} .basket #orderedProducts table tbody th {width:calc(100% - 130px);padding:5px;} .basket #orderedProducts table tbody .del {width:30px;position:absolute;right:0;line-height:90px;height:90px;border-left:1px solid #e0e0e0;padding:0;} .basket #orderedProducts table tbody .photo {margin:0;padding:0;height:90px;} .basket #orderedProducts table tbody td .input {width:30px;} .basket #orderedProducts table tbody .quantity {width:60px;position:absolute;padding:0;bottom:5px;left:100px;} .basket #orderedProducts table tbody .del a {padding:10px 5px;font-size:1.233em;} .basket #orderedProducts table tbody td.price, .basket #orderedProducts table tbody td.summary {padding:0px;color:#dc4348;text-align:right;width:calc(100% - 200px);position:absolute;height:auto;top:0;left:140px;} .basket #orderedProducts table tbody td.price {top:50px;font-size:0.9em;color:#666} .basket #orderedProducts table tbody td.summary {top:70px;} .basket #orderedProducts table tbody td.price:after {content:"PLN / szt."} .basket #orderedProducts table tbody td.summary:after {content:"PLN"} .basket #orderedProducts table tbody th .stock {display:none;} .basket #orderedProducts table tfoot td, .basket #orderedProducts table tfoot tr {width:100%;display:block;float:left;} .basket #orderedProducts .submit {padding:10px 20px;margin:10px 0 0;} .basket #orderedProducts .submit:hover {background: #222B34;color:#fff;} .basket #orderedProducts .continue {float:left;} .basket #orderedProducts .update {float:right;} .basket #BasketSummary {margin-bottom:20px;} .basket {margin-bottom:40px;} #shippingAndPayments div.dpd, #shippingAndPayments div.odbior {width:96%;border:0;} /* Zmiana */ #banner-product-profile {float:left;background:#f5f5f5;width:92%;position:relative;overflow:hidden;height:400px;margin:5px 3% 0;} #banner-product-profile div {float:left;width:100%;height:400px;z-index:2;position:relative;} #banner-product-profile .profile-eye {display:none;} #banner-product-profile .profile-lampa {float:left;height:200px;display:block;} #banner-product-profile .profile-profil {display:none;} #banner-product-profile .profile-logo {float:left;margin:20px 0 0 20px;width:180px;} #banner-product-profile span {font-size:1.633em;font-weight:300;font-family:'Open Sans';margin:10px 0 0 40px;float:left;display:block;} #banner-product-profile a {margin:10px 20px 0 0;float:right;} #blog-products .blog-Product {width:calc(48% - 12px);padding:5px;} #discounts-info, #news {display:none;} #inspirations figure {width:calc(50% - 20px);overflow:hidden;margin:10px;} #inspirations figure h4 {font-size:1.1em;} #aranzacja {width:100%;float:left;overflow:hidden;padding:0;border-bottom:0px solid #e0e0e0;margin:3px 0.25%;} #aranzacja img {width:100%;opacity:0;} #orderPotwierdzenie .dataPotwierdzenie { width: calc(100% - 41px); padding: 10px 20px 20px 0; border:0; border-bottom: 1px solid #e0e0e0; height:auto!important; } #podsumowanieProducts table { width: 100%; } #podsumowanieProducts #ordersSummary { float: left; width: calc(100% - 40px); margin: 20px 0 0; } #orderPotwierdzenie #nextStep { float: left; clear: right; margin: 20px 0 0; width:100%; } #orderPotwierdzenie #nextStep button { float: left; padding: 10px 20px; width:100%; } } @media (min-width: 661px) and (max-width: 990px){ #orderPotwierdzenie .dataPotwierdzenie { width: calc(50% - 20px); padding: 10px 0px 20px 0; border:0; margin:0 10px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; height:200px!important; } #orderPotwierdzenie .dataPotwierdzenie.infoOrderData { border-bottom: 1px solid #e0e0e0; } #orderPotwierdzenie .dataPotwierdzenie.invoiceOrderData {border-top:0px;} #podsumowanieProducts table { width: calc(100% - 20px); margin: 0 10px; } #podsumowanieProducts #ordersSummary { float: left; width: calc(100% - 40px); margin: 20px 0 0; } #orderPotwierdzenie #nextStep { float: left; clear: right; margin: 20px 0 0; width:100%; } #orderPotwierdzenie #nextStep button { float: left; padding: 10px 20px; width:100%; } } @media (max-width: 900px) { /* KALKULATOR */ #calcTable {border-collapse: collapse;width:100%;float:right;} /* ZMIANA */ #calcTable td, #calcTable th {border:1px solid #e4e4e4;padding:5px;font-size:1.333em;text-align:center;} #calcTable tbody th {width:80px;height:80px;line-height:80px;text-align:center;border-right:0;} #calcTable td.name {border-left:0;text-align:left;} #calcTable th img {max-width:60px;max-height:60px;vertical-align:middle;} #calcTable caption {text-align:left;padding:10px 0;font-family: 'Open Sans';text-transform: uppercase;font-size:1.633em;} #calcTable thead td {padding:10px 0;background: #f5f5f5} header p {padding:10px 0 0;font-family:'Open Sans'} #calcTable tfoot th {text-align:left;border:0;line-height:auto;font-weight:400;padding:10px 0 0;color:#dc4746} #calcForm .profile-img {float:left;margin:20px 0 0;} .titleCalc {text-align:left;padding:20px 0 10px;font-family: 'Open Sans';text-transform: uppercase;font-size:1.433em;} .profile-dane {float:left;padding:0;margin:0px 0 0;list-style: none;text-align:left;width:100%;} .profile-dane li {padding:5px 0 5px 20px;font-size:1.133em;color:#333;width:calc(100% - 20px);} .profile-dane li span {width:100%;float:left;display:block;text-align:left;padding:0 20px 5px 0px;color:#8f8f8f;position:relative;margin-left:-20px;} /* ZMIANA */ .profile-dane li span.empty {display:none;} /* ZMIANA */ .profile-dane li.konfigname {display:none;} #calcForm {float:left;width:100%;border-bottom:1px solid #e4e4e4;margin-bottom:30px;padding-bottom:10px;} #calcForm p {text-align:left;padding:5px 0 5px 0px;float:left;width:100%;} #calcForm p.calcInfo {font-size:1.233em;padding-left:0;margin-bottom:20px;} .calcSummary {text-align:left;font-size:1.033em;padding:20px 1%;float:left;width:98%;} .calcSummary span {float:left;display:block;width:200px;text-align:right;padding-right:5px;} #calcSummary {float:left;width:100%;} /* ZMIANA */ #calcForm .submit, #calcSummary .submit, .errorbutton {float:right;margin:10px 0;background:#dc4746;border:1px solid #dc4746;padding:10px 20px;color:#fff;border-radius:2px;} #calcForm .submit:hover, #calcSummary .submit:hover, .errorbutton:hover {background:#fff;color:#dc4746;} #calcForm p span {width:100%;padding:10px 0 20px;text-align:center;} /* ZMIANA */ #calcForm p span.empty {display:none;} /* ZMIANA */ #calcForm p.line {border-top:1px dotted #e4e4e4;} #calcForm img {width:100%;float:left;margin:0;padding:0;} /* ZMIANA */ #calcForm fieldset {float:left;width:90%;margin:0;padding:40px 5% 0;} /* ZMIANA */ #calcSummary .uklad {width:100%;height:auto !important;} /* ZMIANA */ #calcSummary ul {float:left;clear:left;} #ksztalt {float:left;width:100%;text-align:left;} #ksztalt p {text-align:left;float:left;width:100%;font-size:1.133em;} #ksztalt p {color:#333;} .calcSummary #ksztalt p span {float:left;margin:0;padding:0;width:auto;color:#8f8f8f;} #calcForm .input {padding:5px 10px;} input[type=number] {-moz-appearance: textfield;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} #calcForm label.normal {padding:5px 0 0 10px;} #calcForm label.normal strong {font-size:1.233em;color:#555;} #calcForm #allert {padding:10px 20px;text-align:center;border-radius:4px;border:1px solid #e0e0e0;display:block;float:left;width:calc(100% - 42px);margin:0 0 20px;} #calcForm #allert span {display:none;width:auto;} #calcForm #allert.allert {border-color:#dc4746;background:rgba(220,71,71,0.8);color:#fff;} #calcForm #allert.allert span {display:inline-block;} #calcForm .systemSelect {padding:10px 20px;text-align:center;border-radius:4px;border:1px solid #e0e0e0;display:block;float:left;width:calc(100% - 42px);margin:0 0 20px;} #calcForm .images-track {float:left;width:100%;} #calcForm .images-track .profile-pattern {width:100%;} #calcForm fieldset div.title-radio {width:100%;padding-left:0;} #calcForm fieldset div.content-radio div { margin: 5px 0 5px 0%; text-align: center; width: 100%; } .widoktrack {float:left;width:60%;clear:left;} .back-calc {float:left;background:#323c46;padding:10px 20px;color:#fff;border-radius:2px;margin:10px 0;} #produkty-konfigurator {float:left;margin:10px 0 20px;} #produkty-konfigurator p {text-align:left;padding:10px 0;font-family: 'Open Sans';text-transform: uppercase;font-size:1.233em;} .products-konfigurator {float:left;border:1px solid #e0e0e0;width:calc(50% - 28px);height:330px;padding:10px;position:relative;margin:0px;margin:3px;} .products-konfigurator img {max-height:200px;max-width:100%;vertical-align:middle;} .products-konfigurator .photo {height:200px;line-height:200px;margin-top:20px;} .products-konfigurator span {display:block;position:absolute;right:10px;top:10px;font-size:1.233em;font-weight:400;color:#222;text-align:right;} .products-konfigurator span em {font-style:normal;color:#666;font-size:0.8em;} .products-konfigurator h3 {font-weight:300;height:60px;padding:30px 0 0;} .products-konfigurator .la-info {display:none;} .container {width:98%;max-width:98%;margin:0 auto;padding:0;} #mobile {display:block;position:fixed;z-index:100;} #head1 {display:none;} #head2 {display:none;} #head3 {display:none;} #products .main-img, #fmenu3, #fmenu4, #fmenu5, .footer-info, #discount, #breadcrumb .pagesLinks, #advancedSearch {display:none;} #mobile-discount {display:block;} #boxes {margin-top:50px;padding-bottom:10px;width:100%;float:left;} #boxes.boxes4 {margin-top:10px;} #boxes .box {width:100%;margin:5px;} #boxes #box2 {display:none;} #boxes .box, #boxes.boxes4 .box {height:240px;width:calc(50% - 10px);} .abox figcaption {font-size: 1.0em;} #products .product-cell {width:calc(46.5% - 2px);padding:20px 1.5% 20px;} #products .product-cell h2 {font-size:1.033em;} #products .product-cell .photo {height:250px;line-height:250px;margin-bottom:20px;} #products .product-cell .photo img {max-width:90%;max-height:240px;} #products .product-cell .shipping.free {top:55px;} #indexDescription {margin:20px 2% 0;width:96%;} .footer-menu {float:right;width:40%;} .footer-contact {float:left;width:50%;} .footer-contact:before {content:'ImperiumLamp.pl';padding:0 0 0 10px;font-size:1.233em;} .footer-contact .logo {display:none;} .footer-menu .menu {float:left;width:95%;margin-left:5%;} footer {position:relative;padding:20px 0 0;} #news .type {font-size:1.333em;} #news .type span {font-size:0.833em;} #news figure {width: calc(100% - 10px);float:left;height:230px;margin:5px;} #news figure h2 {margin:20% 10% 0;padding: 0 1em 0;opacity: 1;} #news figure div {padding: 20px 4em;} #main-photo {float:left;width:100%;} #imagesList1.imagePreview {width:100%;height:300px;line-height:300px;} #imagesList1.imagePreview img {max-width:100%;max-height:300px;width: auto;height: auto;} #imagesListPreview {float:left;list-style:none;position:absolute;top:10px;display:none;} #imagesListPreview li {height:100px;width:100px;line-height:100px;background:#fff;text-align:center;} #imagesListPreview li img {vertical-align: middle;max-width:90px;max-height:90px;width: auto;height: auto;} main header {margin-top:50px;} #page5 main header {margin-top:0px;} #breadcrumb {clear:both;float:left;width:100%;text-align:center;} #breadcrumb a.back {padding:20px 10px 0 0;display:inline-block;float:none;} #product #box {width: calc(100% - 20px);border:0;margin:10px 0 10px;padding:0px 10px;position:relative;} main header h1 {font-size:1.433em;width:100%;padding-left:5px;} .productPage main header {background:#edeef1;padding:20px 0;float:left;width:100%;position: relative;overflow: hidden;} #product #box h2 {font-size:0.933em;} #product #box dl {width:100%;margin:20px 0 0 10px;} #product #box dt {width:30%;} #product #box dd {width: calc(70% - 10px);} #product .icons {float:left;width:100%;clear:both;margin:0px 0 0px 10px;line-height:20px;height:20px;font-family:'Open Sans'} .producer {display:none;} #addBasket .submit {padding:0 20px;} #productDescription ul li {width:100%;font-size:1.033em;} .sale-info {position:relative;float:left;width:calc(100% - 32px);right:0;font-size:0.9em;top:0;margin:20px 0 5px;} .sale-info:before {display:none;} #main-basket {width:100%;border:0;right:0;top:0;} #main-basket #basket-summary p.basket-summary-value {font-size:1.033em;} #products.bulbs .title {float:left;position:relative;padding:30px 1.0% 20px;margin:5px 0.25%;width:47%;height:300px;background:#f5f5f5;overflow: hidden;} #products .bxsliderProduct .product-cell, #products .bxsliderProduct .product-cell:hover {border:0;padding:0;margin:0;padding:30px 5px 20px;width: calc(100% - 10px);height:300px;} #products .tabs .menu {float:left;width:100%;margin-top:10px;} #products .tabs span {width: calc(33% - 10px);padding:0;} #beforeOptions {position:relative;} #beforeOptions .pages {display:inline-block;clear:both;width:100%;margin-top:10px;} #beforeOptions .count {float:left;padding:10px;display:block;border:1px solid #e4e4e4;} .sort {float:right;margin:0;position:absolute;top:10px;right:0;} #filters {float:left;width:100%;text-align:left;padding:0 0 10px 0;margin:0;} #filters span {color:#dc4746;padding:5px 20px 5px 0;display:block;float:left;} #filters em {display:block;padding:5px 10px;border:1px solid #222B34;color:#222B34;font-weight:300;font-style: normal;float:left;margin:2px;} #filter-menu {width: calc(100% - 20px);} #filter-menu .submit {margin:10px 0 0;} #filter-menu .clear {float:left;margin:10px 0 0;} #filter-menu dl {width:98%;margin:0 0;padding:0 1%;} #filter-menu dd {padding-bottom:0px;margin-bottom:10px;} #filter-menu dl.small {width:98%;margin:0;padding:0 1%;} #filter-menu .css-checkbox {width:50%;float:left;margin:0 0 5px 0} #contactPage ul {float:left;width:90%;margin:0 5%;padding:0;list-style:none;} /* MODED */ #team li {width:100%;} /* MODED */ #page121 #pageDescription ul {width:100%;} #page121 #pageDescription li {width: calc(100% - 10px);} .deliveryTable li {width: calc(50% - 2px);} #products .product-cell .shipping {font-size:0.9em;} #product #box {padding-bottom:60px;} #infoline {position:absolute;bottom:0;width:calc(100% - 30px);} #productAddInfo {width:calc(88% - 4px);top:100px;left:5%;margin-left:0;padding:20px 1%;border-width:2px;} #productAddInfo a {margin-top:0;} #productAddInfo span, #productAddInfo a {margin-bottom:5px;} /* KOSZYK */ .basket {float:left;width:100%;} .basket fieldset {float:left;width:100%;} .basket #orderedProducts {width:100%;} #discounts-info {float:left;width:calc(100% - 2px);} #basketForm {float:left;} /* FORMULARZ ZAMÓWIENIA */ #orderForm {width:100%;margin:20px auto 0;} #orderForm #BasketSummary {width:100%;} #personalDataBlock {float:left;width:100%;padding:0 0 0 0;margin:0 0 0 0;} #rulesAccept {width:100%} #orderForm .input::placeholder {font-size:0.9em;} .required {float:left;width:100%;text-align:left;padding:2px 0;} #orderForm #orderedProducts table {width:100%;display:none;font-size:0.933em;} #orderPrint #orderedProducts table {width:100%;font-size:0.933em;} #orderForm #orderedProducts table tbody .photo, #orderPrint #orderedProducts table tbody .photo {width:60px;height:60px;line-height:60px;text-align:center;} #orderForm #orderedProducts table tbody .photo img, #orderPrint #orderedProducts table tbody .photo img {max-width:50px;max-height:50px;vertical-align: middle;} #orderForm #orderedProducts table th, #orderForm #orderedProducts table td, #orderPrint #orderedProducts table th, #orderPrint #orderedProducts table td {padding:5px 10px;} #orderForm #orderedProducts table th a {color:#222B34;} #orderForm #orderedProducts .legend span {text-transform: lowercase;color:#3598d9;float:right;font-size:0.9em;cursor: pointer;} #orderForm #orderedProducts .legend span:after {content:'\f10c';font-family:'Line Awesome Free';} #orderForm #orderedProducts .legend span.close:after {content:'\f10f'} #basketForm #BasketSummary p, #orderForm #BasketSummary p {font-size:1.033em;} #basketForm #BasketSummary .submit {font-size:1.133em;} #basketForm #BasketSummary p.basket-summary, #orderForm #BasketSummary p.basket-summary {font-size:1.233em;} #orderPrint {width:100%;} .orderInfo, #printPaymentData {float:left;width:calc(100% - 40px);} .orderInfo {font-size:1.033em;text-align:center;} .orderdataLeft, .paymentContent {float:left;width:98%;margin:0;padding:20px 2%;} /* ZMIANY */ #orderData {display:none;float:left;width:calc(100% - 40px);padding:20px 19px;} #orderPrint #orderedProducts {float:left;width:calc(100% - 40px);border:0;display:none;} /* MESSAGES */ #basketsmpty {margin:20px auto;width:90%;top:20px;padding:40px 10px;} #basketsmpty h3 {font-weight:300;font-size:1.333em;} #products .product-cell.product-cell-banner span {display:block;padding:40px 0 20px;font-weight:300;font-size:1.633em;} #products .product-cell.product-cell-banner p {padding:0 10px;} #products .product-cell.product-cell-banner strong {font-size:1.233em;font-weight:400;} #products .product-cell.product-cell-banner#banner1 {background:#c7b99c;color:#fff;} #products .product-cell.product-cell-banner#banner2 {background:#f5f5f5;} #products .product-cell.product-cell-banner#banner2 strong {font-size:1.233em;font-weight:400;} #products .product-cell.product-cell-banner#banner2 img {width:80%;margin-top:50px;} #products .product-cell.product-cell-banner#banner3 {background:#e1e1e1;overflow:hidden;} #products .product-cell.product-cell-banner .profile-lampa {position:absolute;left:-20px;top:-5px;width:90%;} #products .product-cell.product-cell-banner#banner3 span {margin-top:100px;font-size:1.233em;padding:50px 5px 20px;} #products .product-cell.product-cell-banner#banner3 strong {font-size:1em;color:#000;} #products .product-cell.product-cell-banner .profile-logo {width:80%;position:relative;left:10%;margin-left:0px;} #products .product-cell.product-cell-banner#banner3 a {display:block;background:#222b34;color:#fff;padding:10px 5px;margin:0 10px;text-align:center;font-weight:300;border-radius:2px;margin-top:30px;} #products .product-cell.product-cell-banner#banner3 a:hover {background:#dc4746} /** MOBILE FILTRY **/ #beforeOptions {min-height:64px;} #products #filters {position:absolute;top:20px;margin:0;left:0;width:40%;} #filters #filtertitle {background:#262634;color:#fff;padding:10px;min-width:120px;text-align:center;text-transform:uppercase;border:1px solid #262634;display:block;} #products .filters li:not(.ftitle) {display:none;} #filtercontent .closefilters {position:relative;top:0;right:5px;margin:5px 0px 10px 0;display:block;font-size:2em;z-index:101;padding:6px;float:right;} #products .filters {width:calc(100% - 40px);margin:20px;} #filtercontent {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;overflow-y: auto;z-index:1011;} #products .filters li {font-size:1.166em;padding-top:8px;padding-bottom:8px;} #products #filtercontent form {margin-top:0px;padding:0 10px;width:calc(100% - 20px)} #products #filtercontent form div {padding:10px 10px 10px;width:calc(100% - 20px);} #products #filtercontent form div span {padding:6px 14px;font-size:1.3em;} #products #filtercontent form div a {padding:6px 15px;font-size:1.3em;} #products #filtercontent p.factive {font-size:1.133em;} #products #filtercontent a {margin:2px 3px;padding:4px;font-size:1.266em;} #products #factive {float:left;margin:0px 0 0;border:0;width:100%;} #products .withfilters {float:left;width:100%;margin-left:0%;margin-top:0px;} /* Modyfikacja filtry */ #products .withfilters .product-cell {width:calc(50% - 22px);} /* Modyfikacja filtry */ html body#page16 main div#page.container div#products.productsList.withfilter div#beforeOptions div.count {display:none;} #products.withfilter #beforeOptions .pages {margin-top:50px;} #products.withfilter {position:relative;} #products .filters {margin-bottom:0px;} #products .filters.display {margin-bottom:20px;} #filtersform .ftitle { font-weight: 600; padding-bottom: 10px; margin-bottom: 0px; font-size:1.333em; } #products .filters li:nth-child(-n+6) { display: none; } #products .filters#fcolor li:nth-child(-n+10) { display: none; } #products .filters[data-limit="50"] li:nth-child(-n+50), #products .filters[data-limit="10"] li:nth-child(-n+10){ display: none; } } @media (max-width: 600px) { #productDescription ul li {height: auto !important;line-height:30px;padding:5px 0;padding-left:20px;width:calc(100% - 20px);overflow: hidden;font-size:1.033em;} #productDescription ul li em {width:calc(100% + 20px);font-size:0.9em;text-align:left;position: relative;margin-left:-20px;line-height:20px;} #productDescription ul li.source {height:50px;line-height:50px;text-align:left;} #productDescription ul li strong {width:auto!important;text-align:left;position: relative;margin-left:-20px;font-size:0.9em;} #chatbot {width:calc(100% - 20px);} } @media (max-width: 660px) and (min-width:440px) { .container {width:440px;margin:0 auto;padding:0;} #mobile .container {width:100%;} } @media (max-width: 900px) and (min-width:660px) { .container {width:660px;margin:0 auto;padding:0;} #mobile {top:45px;position:absolute;border-top:1px solid #e0e0e0;} #mobile .container, #head1 .container {width:100%;} #head1 {display:block;} #news .type {font-size:1.333em;} #news .type span {font-size:0.833em;} #news figure {width: calc(50% - 10px);float:left;height:220px;margin:5px;} #news figure h2 {margin:20% 10% 0;padding: 0 1em 0;opacity: 1;} #news figure div {padding: 20px 4em;} .basket #orderedProducts table {width:100%;} #discounts-info, .basket #BasketSummary {float:left;width:calc(50% - 2px);} #team li {float:left;width:50%;text-align:center;font-family: 'Open Sans'} #products .product-cell.product-cell-banner#banner2 strong, #products .product-cell.product-cell-banner#banner1 strong {font-size:1.533em;font-weight:600;} #products .product-cell.product-cell-banner#banner1 p {padding:0 30px;} #products .product-cell.product-cell-banner#banner3 span {margin-top:100px;font-size:1.233em;padding:70px 5px 20px;} #products .product-cell.product-cell-banner .profile-lampa {position:absolute;left:-20px;top:-5px;width:70%;} #products .product-cell.product-cell-banner .profile-logo {width:60%;position:relative;left:20%;margin-left:0px;} #banner-product-profile {float:left;background:#f5f5f5;width:92%;position:relative;overflow:hidden;height:180px;margin:0 3%;} #banner-product-profile div {float:left;width:100%;height:180px;z-index:2;position:relative;} #banner-product-profile .profile-eye {display:none} #banner-product-profile .profile-lampa {float:left;height:180px;display:block} #banner-product-profile .profile-profil {float:right;height:120px;position:absolute;right:0;top:0;z-index:1;opacity:0.8} #banner-product-profile .profile-logo {float:left;margin:20px 0 0 0px} #banner-product-profile span {font-size:1.633em;font-weight:300;font-family:'Open Sans';margin:20px 0 0 10px;float:left;display:block;} #banner-product-profile span strong {color:#333;} #banner-product-profile a {float:right;margin:10px 20px 0 0;} } @media (max-width: 1100px) and (min-width:901px){ .container {width:900px;margin:0 auto;padding:0;} #mobile {top:45px;position:absolute;display:block;z-index:100;} #mobile .container, #head1 .container {width:100%;} #head2, #advancedSearch, #discount {display:none;} #mobile-discount {display:block;} #head3 {margin-top:60px;} main header {margin-top:50px;padding:30px 1%;width:98%;} #page5 main header {margin-top:0px;} #boxes .box {height:360px;} .footer-contact {width:30%;} .logo {margin:0;line-height:30px;height:30px;font-size:1.133em;} .logo img {height:30px;} .footer-info img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;} .footer-info .rzetelna, .footer-info .siepomaga {float:right;opacity: 1;} .footer-info .rzetelna img {height:30px;} .footer-info img.dpd {height:20px;} .footer-menu {float:right;width:70%;} footer #copy {width:100%;background: #fff;clear:both;float:left;margin:40px 0 0;text-align:left;padding:5px 0;font-family: 'Open Sans'; font-weight:300;border-top:1px solid #e4e4e4;} .design {float:right;} .design span {color: #222B34} #main-photo {width:400px;} #imagesList1.imagePreview {height:360px;line-height:360px;} #imagesList1.imagePreview img {max-width:360px;max-height:350px;width: auto;height: auto;} #product #box {float:left;width:470px;padding:0px 10px;padding-bottom:60px;} #product #box h1 {font-size:1.833em;float:left;width:100%;} #product #box h2 {font-size:1.033em;float:left;width:100%;} #product #box dl {float:left;width:450px;margin:20px 0 0 40px;} #product .icons {float:left;clear:left;margin:0px 0 0px 40px;line-height:20px;height:20px;font-family:'Open Sans'} #product .icons i {vertical-align:middle;font-size:1.333em;padding:0 10px 0 0;} #product #box .producer {float:right;display:none;} #price {float:left;clear:both;margin:20px 0;} #price strong {font-size:2.133em;font-weight:400;color:#323c46} #price ins {text-decoration: line-through;font-size:1.933em;} #price span {font-size:1.233em;} #infoline {position:absolute;bottom:0;float:right;border:2px solid #f5f5f5;box-shadow: inset 0 0 0 2px #fff;background:#f5f5f5;color:#656565;padding:8px 5px;font-family:'Open Sans'} #product #infoline p {float:left;text-align:right;padding:0 10px 0 10px;} #product #infoline strong {float:left;font-size:1.43em;font-weight:400;color:#3f3f3f;padding:2px 0 0 0px;} #product #infoline i {float:left;color:#656565;-webkit-border-radius: 50px;border-radius: 50px;height:30px;width:30px;line-height:30px;text-align:center;font-size:2.23em;margin:0 0px 0 10px;} .sale-info {position:relative;width:calc(100% - 32px);padding:15px;right:0px;font-size:0.9em;top:0px;text-align:justify;float:left;margin:20px 0 10px;} .sale-info:before {display:none;} #discount, #mobile-discount {background:#f5f5f5;float:left;width:680px;clear:both;margin:0px 0 0;padding:0px 10px;color:#333;line-height:50px;height:50px;} #mobile-discount {width: calc(100% - 20px);} #discount strong, #mobile-discount strong {color: #dc4746} #discount span, #mobile-discount span {font-weight:800;color: #dc4746} #discount a, #discount em, #mobile-discount a, #mobile-discount em {float:right;border:1px solid #e4e4e4;line-height:30px;height:30px;margin-top:9px;padding:0 20px;color:#fff;background: #222B34;cursor: pointer;font-style:normal;} #discount img, #mobile-discount img {width:30px;margin:0 10px 0 0;padding:0;vertical-align: middle;opacity: 0.4;} #discount a {display:none;} #mobile-discount em {display:none;} #rabat {float:left;clear:both;line-height:30px;height:30px;margin:-10px 0 0;width:100%;} #rabat span {color:#fff;background: #dc4746;padding:0 10px;margin:0 10px 0 0;line-height:30px;height:30px;display:block;float:left;} #discount-info {display:none;position:fixed;width:960px;background:#fff;left:50%;margin-left:-490px;margin-top:100px;border:10px solid #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);z-index:20;} #discount-info .info-discount {float:left;width:480px;overflow: hidden;height:360px;} #discount-info .info-discount img {max-width:100%;} #discount-info h4 {font-weight:300;font-size:1.833em;color:#222B34;margin:0 0 20px} #discount-info h4 span {color:#dc4343;font-weight:400;} #discount-info .details {text-align:left;padding:10px 20px;float:left;width:440px;font-family:'Open Sans';font-size:1.033em;} #discount-info .details small {font-size:1em;} #discount-info .details ul {list-style:none;margin:20px 40px;} #discount-info .details li {padding:5px 10px;border-bottom:1px dotted #e4e4e4;font-size:1.133em;} #discount-info .details li strong {padding:3px 10px;background: #dc4343;color:#fff;float:right;width:80px;text-align:center;font-weight:400;} #discount-info .details li strong small {text-transform: uppercase;font-weight:300;font-size:0.9em;} .news-3 {display: none;} #news figure {width: 33.3%;float:left;height:220px;position:relative;overflow:hidden;margin:0px;background: #222B34;} #news figure div {display:none;} /* KOSZYK */ .basket fieldset {float:right;width:48%;} .basket #orderedProducts {width:100%;} .basket #orderedProducts table {width:100%;margin:00;} #discounts-info {float:left;width:48%;} /* FORMULARZ ZAMÓWIENIA */ #orderForm {width:100%;margin:20px auto 0;} #orderPrint {width:100%;margin:20px auto 0;overflow: hidden;border-bottom:1px solid #e0e0e0;padding-bottom:20px;} /* MESSAGES */ #basketsmpty {margin:100px auto;width:978px;border:1px solid #e0e0e0;top:50px;position:relative;padding:100px 0;font-weight:300;font-family: 'Open Sans';color: #dc4343} #basketsmpty h3 {font-weight:300;font-size:1.633em;} #filter-menu dl, #filter-menu-search dl {width:35%;float:left;margin:0 0.5%;} #filter-menu dl.small {width:20%;} #filter-menu .css-checkbox, #filter-menu-search .css-checkbox{width:50%;float:left;margin:0 0 5px 0} #products .product-cell.product-cell-banner#banner3 span {margin-top:100px;font-size:1.433em;padding:70px 5px 20px;} #products .product-cell.product-cell-banner .profile-lampa {position:absolute;left:-20px;top:-5px;width:100%;} #products .product-cell.product-cell-banner .profile-logo {width:80%;position:relative;left:10%;margin-left:0px;} #banner-product-profile {float:left;background:#f5f5f5;width:100%;position:relative;overflow:hidden;height:180px;margin:10px 0% 0;} #banner-product-profile div {float:left;width:100%;height:180px;z-index:2;position:relative;} #banner-product-profile .profile-eye {display:none} #banner-product-profile .profile-lampa {float:left;height:180px;display:block} #banner-product-profile .profile-profil {float:right;height:140px;position:absolute;right:0;top:0;z-index:1;} #banner-product-profile .profile-logo {float:left;margin:20px 0 0 0px} #banner-product-profile span {font-size:1.633em;font-weight:300;font-family:'Open Sans';margin:80px 0 0 -100px;float:left;display:block;} #banner-product-profile span strong {color:#333;} #banner-product-profile a {float:right;margin:120px 150px 0 0;} #productDescription ul {font-size:0.966em;} #productDescription ul li em {width:100px;} #products #filters {width:24%;} #products .withfilters {width:75%;margin-left:1%;} /* Modyfikacja filtry */ #products .withfilters .product-cell {width:calc(47.5% - 2px);} /* Modyfikacja filtry */ } @media (max-width: 1360px) and (min-width:1101px){ .container {width:1100px;margin:0 auto;padding:0;} #head1 .container, #head2 .container{width:100%;} #advancedSearch, #discount, #tr-block {display:none;} #mobile-discount {display:block;} #head2 nav {float:left;width:auto;margin:0 0 0 30px;padding:0;} #head2 nav ul li a {padding:10px 8px;font-size:1.033em;} #boxes .box {height:360px;} .footer-contact {width:30%;} .logo {margin:0;line-height:30px;height:30px;font-size:1.133em;} .logo img {height:30px;} .footer-info img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;} .footer-info .rzetelna, .footer-info .siepomaga {float:right;opacity: 1;} .footer-info .rzetelna img {height:30px;} .footer-info img.dpd {height:20px;} .footer-menu {float:right;width:70%;} footer #copy {width:100%;background: #fff;clear:both;float:left;margin:40px 0 0;text-align:left;padding:5px 0;font-family: 'Open Sans'; font-weight:300;border-top:1px solid #e4e4e4;} .design {float:right;} .design span {color: #222B34} #main-photo {width:500px;} #imagesList1.imagePreview {height:360px;line-height:360px;} #imagesList1.imagePreview img {max-width:460px;max-height:350px;width: auto;height: auto;} #product #box {float:left;width:570px;padding:0px 10px;padding-bottom:60px;} #product #box h1 {font-size:1.833em;float:left;width:100%;} #product #box h2 {font-size:1.033em;float:left;width:100%;} #product #box dl {float:left;width:450px;margin:20px 0 0 40px;} #product .icons {float:left;clear:left;margin:0px 0 0px 40px;line-height:20px;height:20px;font-family:'Open Sans'} #product .icons i {vertical-align:middle;font-size:1.333em;padding:0 10px 0 0;} #product #box .producer {float:right;display:none;} #price {float:left;clear:both;margin:20px 0;} #price strong {font-size:2.133em;font-weight:400;color:#323c46} #price ins {text-decoration: line-through;font-size:1.933em;} #price span {font-size:1.233em;} #infoline {position:absolute;width:calc(100% - 28px);bottom:0;float:right;border:2px solid #f5f5f5;box-shadow: inset 0 0 0 2px #fff;background:#f5f5f5;color:#656565;padding:8px 5px;font-family:'Open Sans'} #product #infoline p {float:left;text-align:right;padding:0 10px 0 10px;} #product #infoline strong {float:left;font-size:1.43em;font-weight:400;color:#3f3f3f;padding:2px 0 0 0px;} #product #infoline i {float:left;color:#656565;-webkit-border-radius: 50px;border-radius: 50px;height:30px;width:30px;line-height:30px;text-align:center;font-size:2.23em;margin:0 0px 0 10px;} .sale-info {width:260px;right:0px;font-size:0.9em;top:50px;text-align:justify;float:left;margin:20px 0 10px;} #discount, #mobile-discount {background:#f5f5f5;float:left;width:680px;clear:both;margin:0px 0 0;padding:0px 10px;color:#333;line-height:50px;height:50px;} #mobile-discount {width: calc(100% - 20px);} #discount strong, #mobile-discount strong {color: #dc4746} #discount span, #mobile-discount span {font-weight:800;color: #dc4746} #discount a, #discount em, #mobile-discount a, #mobile-discount em {float:right;border:1px solid #e4e4e4;line-height:30px;height:30px;margin-top:9px;padding:0 20px;color:#fff;background: #222B34;cursor: pointer;font-style:normal;} #discount img, #mobile-discount img {width:30px;margin:0 10px 0 0;padding:0;vertical-align: middle;opacity: 0.4;} #discount a {display:none;} #mobile-discount em {display:none;} #rabat {float:left;clear:both;line-height:30px;height:30px;margin:-10px 0 0;width:100%;} #rabat span {color:#fff;background: #dc4746;padding:0 10px;margin:0 10px 0 0;line-height:30px;height:30px;display:block;float:left;} #discount-info {display:none;position:fixed;width:960px;background:#fff;left:50%;margin-left:-490px;margin-top:100px;border:10px solid #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);z-index:20;} #discount-info .info-discount {float:left;width:480px;overflow: hidden;height:360px;} #discount-info .info-discount img {max-width:100%;} #discount-info h4 {font-weight:300;font-size:1.833em;color:#222B34;margin:0 0 20px} #discount-info h4 span {color:#dc4343;font-weight:400;} #discount-info .details {text-align:left;padding:10px 20px;float:left;width:440px;font-family:'Open Sans';font-size:1.033em;} #discount-info .details small {font-size:1em;} #discount-info .details ul {list-style:none;margin:20px 40px;} #discount-info .details li {padding:5px 10px;border-bottom:1px dotted #e4e4e4;font-size:1.133em;} #discount-info .details li strong {padding:3px 10px;background: #dc4343;color:#fff;float:right;width:80px;text-align:center;font-weight:400;} #discount-info .details li strong small {text-transform: uppercase;font-weight:300;font-size:0.9em;} .news-3 {display: none;} #news figure {width: 33.3%;float:left;height:220px;position:relative;overflow:hidden;margin:0px;background: #222B34;} #news figure div {display:none;} /* KOSZYK */ .basket fieldset {float:right;width:48%;} .basket #orderedProducts {width:100%;} .basket #orderedProducts table {width:100%;margin:00;} #discounts-info {float:left;width:48%;} /* FORMULARZ ZAMÓWIENIA */ #orderForm {width:100%;margin:20px auto 0;} #orderPrint {width:100%;margin:20px auto 0;overflow: hidden;border-bottom:1px solid #e0e0e0;padding-bottom:20px;} /* MESSAGES */ #basketsmpty {margin:100px auto;width:978px;border:1px solid #e0e0e0;top:50px;position:relative;padding:100px 0;font-weight:300;font-family: 'Open Sans';color: #dc4343} #basketsmpty h3 {font-weight:300;font-size:1.633em;} main header {padding:30px 1%;width:98%;} #filter-menu dl, #filter-menu-search dl {width:35%;float:left;margin:0 0.5%;} #filter-menu dl.small {width:20%;} #filter-menu .css-checkbox, #filter-menu-search .css-checkbox{width:50%;float:left;margin:0 0 5px 0} #banner-product-profile .profile-eye {margin:10px 0 0 -100px;} #productDescription ul {font-size:1.066em;} #products #filters {width:24%;} #products .withfilters {width:75%;margin-left:1%;} /* Modyfikacja filtry */ #logo {font-size:1em;} #head2 i {font-size:2em;} #head2 nav ul li a {font-size:1em;} } @media (max-width: 1410px) and (min-width:1360px){ #tr-block {display:none;} } @media (min-width:1800px){ #head2 nav ul li a {padding:10px 15px;font-size:1.166em;} #head2 nav {margin:0 0 0 100px;} } @media (max-width: 400px){ #addBasket .submit {font-size:1.133em;padding:0 10px;} #favorite-list .product-cell .photo {height:90px;line-height:90px;width:120px;} #favorite-list .product-cell .photo img {max-width:90%;max-height:90px;} #favorite-list .product-cell .price {float:left;clear:left;margin:20px 0 10px;} #favorite-list .product-cell .shipping.free {display:none;} #favorite-list .product-cell .remove:after {content:'';font-size:0.6em;} }