@charset "UTF-8"; /* ąś */ html {font-size: 16px;} /* 6px = 0.375rem | 7px = 0.4375rem | 8px = 0.5rem | 9px = 0.5625rem | 10px = 0.625rem | 11px = 0.6875rem | 12px = 0.75rem | 13px = 0.8125rem | 14px = 0.875rem | 15px = 0.9375rem | 16px = 1rem | 17px = 1.063rem | 18px = 1.125rem | 19px = 1.188rem | 20px = 1.25rem | 21px = 1.313rem | 22px = 1.375rem | 23px = 1.438rem | 24px = 1.5rem | 25px = 1.563rem | 26px = 1.625rem | 27px = 1.688rem | 28px = 1.75rem | 29px = 1.813rem | 30px = 1.875rem | 31px = 1.938rem | 32px = 2rem | 33px = 2.063rem | 34px = 2.125rem | 35px = 2.188rem | 36px = 2.25rem | 37px = 2.313rem | 38px = 2.375rem | 39px = 2.438rem | 40px = 2.5rem | */ .tk-proxima-nova {font-family: "proxima-nova", Helvetica, Arial, Tahoma, Verdana, sans-serif;} .tk-proxima-nova-condensed {font-family: "proxima-nova-condensed", Helvetica, Arial, Tahoma, Verdana, sans-serif;} .tk-proxima-nova-extra-condensed {font-family: "proxima-nova-extra-condensed", Helvetica, Arial, Tahoma, Verdana, sans-serif;} /* fix page shifting when modal is active */ body {overflow-y: scroll; word-wrap:break-word; color: #000000;} body, body * {letter-spacing: 0.05rem;} .badge, .fa, .icon, .productName, .productName * {letter-spacing: 0rem;} div.mainBody {} footer.mainFooter {} div.pp_overlay {z-index: 9402!important;} /* fix na różne skrypty z wysokim z-index */ div[style*="z-index: 2147483647"], .tm-lemur-container .tm-lemur-sticker, .tm-lemur-container .tm-lemur-reviews-card, div.bhr-notification-center--ready, div#ls-float-element-cnt, div[style*="z-index: 999999"] {z-index: 5999!important;} .form-control {background-color: #ffffff; border-color: #999999; color: #000000; padding: 12px 12px; height: 45px; font-size: 1rem;} .specialSelects .bootstrap-select.form-control {background-color: #ffffff; border: 0; padding: 0; height: auto; width: auto;} .specialSelects .bootstrap-select .dropdown-menu.open {max-height: 40vh!important; margin: 10px 0!important; padding: 0!important;} .specialSelects .bootstrap-select .dropdown-menu.open div.inner.open {max-height: 40vh!important; margin: 0!important; padding: 0!important;} .specialSelects .bootstrap-select .dropdown-menu {left: auto; right: 0;} #listOptions .specialSelects .bootstrap-select .dropdown-menu {} label.form-control {background-color: transparent; border: 0; color: #000000; padding: 0 0 0 20px; height: auto;} .form-control:focus {background-color: #ffffff; border-color: #000000; color: #555555;} textarea.form-control {background-color: #ffffff; border-color: #999999;} textarea.form-control:focus {background-color: #ffffff; border-color: #000000; color: #000000;} body.modal-open {overflow-y: scroll; margin: 0;} .modal {overflow: auto;} .clear {clear: both;} div.clear {display: block; width: 100%; margin: 0;} /* skalowanie wymuszone */ .box_ads img, .boxContents img, .box_contents img, .box_panel img {display: block; width: auto; max-width: 100%; height: auto;} /* skalowanie opcjonalne */ .value img, .catPicDesc img, .catExtDesc img, .manufacturer img, .productAttributes img, .detCard .tabs img, .conBody img, #section_custom img {display: block; width: auto; max-width: 100%; height: auto;} .productAttributes .value img {display: inline-block; margin: 5px 10px 5px 0; outline: 1px solid #f1f1f1; outline-offset: 1px; box-shadow: 0 0 5px 0px rgba(0,0,0,0.05);} img.img-normal {display: inline-block!important; max-width: none!important;} /* 1.25 dpr */ @media all and (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {} /* 1.3 dpr */ @media all and (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx), (min-resolution: 124.8dpi) {} /* 1.5 dpr */ @media all and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {} /* 2 dpr */ @media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {} /* 3 dpr */ @media all and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx), (min-resolution: 350dpi) {} /* reset */ .navbar-collapse, .navbar-form { border: 0px solid transparent; box-shadow: inset 0 0 0 rgba(255,255,255,0); } .navbar-fixed-top { top: 0; border: 0; } .container, .container-fluid, .navbar-collapse {padding-left: 5px; padding-right: 5px;} .row {margin-left: -5px; margin-right: -5px;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 5px; padding-right: 5px;} /* custom screen size */ .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-smx-1, .col-smx-2, .col-smx-3, .col-smx-4, .col-smx-5, .col-smx-6, .col-smx-7, .col-smx-8, .col-smx-9, .col-smx-10, .col-smx-11, .col-smx-12 {position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; float: left;} @media all and (max-width: 479px) { .mainList .col-xs-6 {width: 50%; clear: none;} .mainList .col-xs-6:nth-child(2n) {clear: right;} .mainList .col-xs-6:nth-child(2n+1) {clear: left;} } @media all and (min-width: 480px) and (max-width: 767px) { .mainList .col-smx-12 {width: 100%;} .mainList .col-smx-11 {width: 91.66666667%;} .mainList .col-smx-10 {width: 83.33333333%;} .mainList .col-smx-9 {width: 75%;} .mainList .col-smx-8 {width: 66.66666667%;} .mainList .col-smx-7 {width: 58.33333333%;} .mainList .col-smx-6 {width: 50%;} .mainList .col-smx-5 {width: 41.66666667%;} .mainList .col-smx-4 {width: 33.33333333%;} .mainList .col-smx-3 {width: 25%;} .mainList .col-smx-2 {width: 16.66666667%;} .mainList .col-smx-1 {width: 8.33333333%;} } /* Bootstrap Clearfix */ /* Horizontal-Mobile */ @media all and (min-width: 480px) and (max-width: 767px) { .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-smx-1:nth-child(12n+1), .col-smx-2:nth-child(6n+1), .col-smx-3:nth-child(4n+1), .col-smx-4:nth-child(3n+1), .col-smx-6:nth-child(2n+1){ clear: left; } } /* Tablet */ @media all and (min-width: 768px) { .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-smx-1:nth-child(12n+1), .col-smx-2:nth-child(6n+1), .col-smx-3:nth-child(4n+1), .col-smx-4:nth-child(3n+1), .col-smx-6:nth-child(2n+1){ clear: none; } .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: left; } } /* Medium Desktop */ @media all and (min-width: 992px) { .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1), .col-smx-1:nth-child(12n+1), .col-smx-2:nth-child(6n+1), .col-smx-3:nth-child(4n+1), .col-smx-4:nth-child(3n+1), .col-smx-6:nth-child(2n+1){ clear: none; } .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: left; } } /* Large Desktop */ @media all and (min-width: 1200px) { .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1), .col-smx-1:nth-child(12n+1), .col-smx-2:nth-child(6n+1), .col-smx-3:nth-child(4n+1), .col-smx-4:nth-child(3n+1), .col-smx-6:nth-child(2n+1){ clear: none; } .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1){ clear: left!important; } } /* 4K Desktop */ @media all and (min-width: 3200px) { .mainList .col-xlg-12 {width: 100%;} .mainList .col-xlg-11 {width: 91.66666667%;} .mainList .col-xlg-10 {width: 83.33333333%;} .mainList .col-xlg-9 {width: 75%;} .mainList .col-xlg-8 {width: 66.66666667%;} .mainList .col-xlg-7 {width: 58.33333333%;} .mainList .col-xlg-6 {width: 50%;} .mainList .col-xlg-5 {width: 41.66666667%;} .mainList .col-xlg-4 {width: 33.33333333%;} .mainList .col-xlg-3 {width: 25%;} .mainList .col-xlg-2 {width: 16.66666667%;} .mainList .col-xlg-1 {width: 8.33333333%;} .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1), .col-smx-1:nth-child(12n+1), .col-smx-2:nth-child(6n+1), .col-smx-3:nth-child(4n+1), .col-smx-4:nth-child(3n+1), .col-smx-6:nth-child(2n+1){ clear: none; } .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6 {clear: none!important;} .col-lg-4:nth-child(3n+1) {clear: none!important;} .col-lg-4:nth-child(4n+1) {clear: left!important;} } @media all and (min-width: 480px) { #prodListMain .col-lg-1:nth-child(12n+1), #prodListMain .col-lg-2:nth-child(6n+1), #prodListMain .col-lg-3:nth-child(4n+1), #prodListMain .col-lg-4:nth-child(3n+1), #prodListMain .col-lg-6:nth-child(2n+1), #prodListMain .col-md-1:nth-child(12n+1), #prodListMain .col-md-2:nth-child(6n+1), #prodListMain .col-md-3:nth-child(4n+1), #prodListMain .col-md-4:nth-child(3n+1), #prodListMain .col-md-6:nth-child(2n+1), #prodListMain .col-sm-1:nth-child(12n+1), #prodListMain .col-sm-2:nth-child(6n+1), #prodListMain .col-sm-3:nth-child(4n+1), #prodListMain .col-sm-4:nth-child(3n+1), #prodListMain .col-sm-6:nth-child(2n+1), #prodListMain .col-smx-1:nth-child(12n+1), #prodListMain .col-smx-2:nth-child(6n+1), #prodListMain .col-smx-3:nth-child(4n+1), #prodListMain .col-smx-4:nth-child(3n+1), #prodListMain .col-smx-6:nth-child(2n+1), #slideSaleList .col-lg-1:nth-child(12n+1), #slideSaleList .col-lg-2:nth-child(6n+1), #slideSaleList .col-lg-3:nth-child(4n+1), #slideSaleList .col-lg-4:nth-child(3n+1), #slideSaleList .col-lg-6:nth-child(2n+1), #slideSaleList .col-md-1:nth-child(12n+1), #slideSaleList .col-md-2:nth-child(6n+1), #slideSaleList .col-md-3:nth-child(4n+1), #slideSaleList .col-md-4:nth-child(3n+1), #slideSaleList .col-md-6:nth-child(2n+1), #slideSaleList .col-sm-1:nth-child(12n+1), #slideSaleList .col-sm-2:nth-child(6n+1), #slideSaleList .col-sm-3:nth-child(4n+1), #slideSaleList .col-sm-4:nth-child(3n+1), #slideSaleList .col-sm-6:nth-child(2n+1), #slideSaleList .col-smx-1:nth-child(12n+1), #slideSaleList .col-smx-2:nth-child(6n+1), #slideSaleList .col-smx-3:nth-child(4n+1), #slideSaleList .col-smx-4:nth-child(3n+1), #slideSaleList .col-smx-6:nth-child(2n+1){ clear: none!important; } .slideSaleList .col-lg-1:nth-child(12n+1), .slideSaleList .col-lg-2:nth-child(6n+1), .slideSaleList .col-lg-3:nth-child(4n+1), .slideSaleList .col-lg-4:nth-child(3n+1), .slideSaleList .col-lg-6:nth-child(2n+1), .slideSaleList .col-md-1:nth-child(12n+1), .slideSaleList .col-md-2:nth-child(6n+1), .slideSaleList .col-md-3:nth-child(4n+1), .slideSaleList .col-md-4:nth-child(3n+1), .slideSaleList .col-md-6:nth-child(2n+1), .slideSaleList .col-sm-1:nth-child(12n+1), .slideSaleList .col-sm-2:nth-child(6n+1), .slideSaleList .col-sm-3:nth-child(4n+1), .slideSaleList .col-sm-4:nth-child(3n+1), .slideSaleList .col-sm-6:nth-child(2n+1), .slideSaleList .col-smx-1:nth-child(12n+1), .slideSaleList .col-smx-2:nth-child(6n+1), .slideSaleList .col-smx-3:nth-child(4n+1), .slideSaleList .col-smx-4:nth-child(3n+1), .slideSaleList .col-smx-6:nth-child(2n+1){ clear: none!important; } .slideList .col-lg-1:nth-child(12n+1), .slideList .col-lg-2:nth-child(6n+1), .slideList .col-lg-3:nth-child(4n+1), .slideList .col-lg-4:nth-child(3n+1), .slideList .col-lg-6:nth-child(2n+1), .slideList .col-md-1:nth-child(12n+1), .slideList .col-md-2:nth-child(6n+1), .slideList .col-md-3:nth-child(4n+1), .slideList .col-md-4:nth-child(3n+1), .slideList .col-md-6:nth-child(2n+1), .slideList .col-sm-1:nth-child(12n+1), .slideList .col-sm-2:nth-child(6n+1), .slideList .col-sm-3:nth-child(4n+1), .slideList .col-sm-4:nth-child(3n+1), .slideList .col-sm-6:nth-child(2n+1), .slideList .col-smx-1:nth-child(12n+1), .slideList .col-smx-2:nth-child(6n+1), .slideList .col-smx-3:nth-child(4n+1), .slideList .col-smx-4:nth-child(3n+1), .slideList .col-smx-6:nth-child(2n+1){ clear: none!important; } } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xlg-15 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 25%; float: left; } } @media (min-width: 1515px) { .col-xlg-15 { width: 20%; float: left; } } /* @media all and (min-width: 992px) */ @media all and (min-width: 1200px) { .five-grid {margin-left: -2%; margin-right: -2%;} .five-col {float: left; min-height: 1px; width: 18.5%; margin-left: 0.7%; margin-right: 0.7%; display: none;} .five-col.five-col-c1 {display: block; margin-left: 1.9%; clear: left;} .five-col.five-col-c2 {display: block;} .five-col.five-col-c3 {display: block;} .five-col.five-col-c4 {display: block;} .five-col.five-col-c5 {display: block; clear: right; margin-right: 0%;} } /* @media all and (max-width: 991px) */ @media all and (max-width: 1199px) { .row.five-grid {margin-left: 0; margin-right: 0;} .five-col {float: left; min-height: 1px; margin-left: 0px; margin-right: 0px; clear: none; padding-left: 0; padding-right: 0; box-sizing: border-box;} } /* @media all and (min-width: 768px) and (max-width: 991px) */ @media all and (min-width: 992px) and (max-width: 1199px) { .row.five-grid {margin-left: -10px; margin-right: -1px;} .five-col {width: 25%; padding-left: 10px; padding-right: 10px;} .five-col:nth-of-type(4n+1){clear: left;} .five-col:nth-of-type(4n+2){} .five-col:nth-of-type(4n+3){} .five-col:nth-of-type(4n+0){clear: right; padding-right: 0px;} } /* @media all and (min-width: 480px) and (max-width: 767px) */ @media all and (min-width: 768px) and (max-width: 991px) { .row.five-grid {margin-left: -10px; margin-right: -1px;} .five-col {width: 33.33333%; padding-left: 10px; padding-right: 10px;} .five-col:nth-of-type(3n+1){clear: left;} .five-col:nth-of-type(3n+2){} .five-col:nth-of-type(3n+0){clear: right; padding-right: 0px;} } /* @media all and (min-width: 360px) and (max-width: 479px) */ @media all and (min-width: 480px) and (max-width: 767px) { .five-col {width: 50%; padding: 0 0;} .five-col:nth-child(odd) {clear: left; padding-right: 5px;} .five-col:nth-child(even) {clear: right; padding-left: 5px;} } /* @media all and (max-width: 359px) */ @media all and (max-width: 479px) { .row.five-grid {margin-left: 0; margin-right: 0;} .five-col {clear: both; width: 100%;} } .bezOdstepow, .bezOdstepow .col-md-1, .bezOdstepow .col-md-2, .bezOdstepow .col-md-3, .bezOdstepow .col-md-4, .bezOdstepow .col-md-5, .bezOdstepow .col-md-6, .bezOdstepow .col-md-7, .bezOdstepow .col-md-8, .bezOdstepow .col-md-9, .bezOdstepow .col-md-10, .bezOdstepow .col-md-11, .bezOdstepow .col-md-12, .bezOdstepow .col-sm-1, .bezOdstepow .col-sm-2, .bezOdstepow .col-sm-3, .bezOdstepow .col-sm-4, .bezOdstepow .col-sm-5, .bezOdstepow .col-sm-6, .bezOdstepow .col-sm-7, .bezOdstepow .col-sm-8, .bezOdstepow .col-sm-9, .bezOdstepow .col-sm-10, .bezOdstepow .col-sm-11, .bezOdstepow .col-sm-12 {padding-left: 0!important; padding-right: 0!important; margin-left: 0!important; margin-right: 0!important;} #prodListMain *:focus, #slideSaleList *:focus, .slideSaleList *:focus, .slideList *:focus, #thumbsSlick *:focus, #thumbsSlickVertical *:focus {outline: 0!important;} .nav > li > a {padding: 5px 5px;} .form-horizontal .form-group, .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: -5px; margin-left: -5px;} .form-horizontal .checkbox label.control-label {text-align: left;} @media all and (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: 0; margin-left: 0;} } @media all and (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: -5px;} } .navbar-toggle {margin-right: 5px;} .navbar-nav {margin: 5px -5px;} .navbar-form {padding: 5px 5px; margin-right: -5px; margin-left: -5px;} @media all and (min-width: 768px) { .navbar-right {margin-right: -5px;} .navbar-right ~ .navbar-right {margin-right: 0;} } @media all and (min-width: 768px) { .container {width: auto; min-width: 740px;} .twoColumnSet .container#page_detCard {min-width: auto;} /* .container#page_detCard {min-width: auto;} */ } @media all and (min-width: 992px) { .pagecontainer, .container {width: auto; min-width: 960px;} .twoColumnSet .container#page_detCard {min-width: auto;} } @media all and (min-width: 1200px) { .pagecontainer, .container {width: auto; max-width: /* 1200px */ 100%;} .twoColumnSet .container#page_detCard {max-width: 100%;} } @media all and (min-width: 1515px) { .pagecontainer, .container {width: auto; max-width: /* 1515px */ 100%;} .container#page_detCard {max-width: 100%; margin: 0; box-sizing: border-box;} } /* breakpoint od 992px zamiast 478px */ @media all and (max-width: 991px) { .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse, .navbar-form { border: 0px solid transparent; box-shadow: inset 0 0 0 rgba(255,255,255,0); } .navbar-fixed-top { top: 0; border: 0; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } } /* ***** special ***** */ body#wrapperPop {margin: 0; padding: 0;} body div#wrapperBackgroundPop {} .pageAdmin, .pageClient {position: fixed; display: block; width: 100%; box-sizing: border-box; text-align: center; font-family: Verdana, Tahoma, Arial, sans-serif; z-index: 99999; box-shadow: #000000 1px 1px 5px; font-weight: 700; border-top: 1px solid #000000; border-bottom: 1px solid #000000;} .pageAdmin {bottom: 60px; background-color: #df0000; color: #ffffff; font-size: 0.875rem; padding: 5px; opacity: 0.9;} .pageClient {top: 50px; background-color: #ffffff; color: #000000; font-size: 0.75rem; line-height: 1.3;} .pageClient .pageClientContent {max-width: 1000px; margin: 0 auto; text-align: left; /* text-shadow: 1px 1px 1px rgba(239,239,239,0.75); */} .pageClient * {font-size: inherit; color: inherit;} .pageClient a, .pageClient a:visited {text-decoration: none; color: blue;} .pageClient a:hover {text-decoration: underline; color: navy;} .pageClient.page404 .pageClientContent {} .pageClient.pageThank .pageClientContent {padding: 50px 0; text-align: center; font-size: 0.825rem; font-weight: 700;} @media all and (max-width: 991px) { .pageAdmin {top: auto; bottom: 10px; font-size: 0.875rem;} } @media all and (max-width: 767px) { .pageAdmin {font-size: 0.75rem;} } body.strona404 {} ul.lista404 {display: block; margin: 0 0 30px 0; padding: 0; list-style: none;} ul.lista404 li {display: block; margin: 0; padding: 0; font-size: 2rem; font-weight: 300; list-style: none;} ul.lista404 li ul {margin: 0; padding: 15px 0 15px 85px;} ul.lista404 li li {margin: 0; padding: 0; font-size: 1.125rem;} ul.lista404 a, ul.lista404 a:visited {color: #ffffff;} ul.lista404 a:hover {color: #f1f1f1;} ul.lista404 li a {display: block; padding: 11px 0 11px 75px; background-position: 0 0; background-repeat: repeat-y;} ul.lista404.damskie a {background-image: url(line-damskie.gif);} ul.lista404.meskie a {background-image: url(line-meskie.gif);} ul.lista404.bagaz a {background-image: url(line-bagaz.gif);} ul.lista404 li li a {display: inline-block; padding: 5px;} ul.lista404 li li a, ul.lista404 li li a:visited {background: transparent; background-image: none!important;} ul.lista404 li li a:hover {background: #e0e0e0; color: #473a3f} #mainMain {} .main404#main404 {margin-bottom: 50px;} .main404#mainMain {padding: 0 10px;} @media all and (max-width: 767px) { #informacjaOCiasteczkach {position: relative!important; top: 0!important; left: 0!important;} #informacjaOCiasteczkach a {display: block; margin: 10px auto 5px auto; clear: both;} } /* body */ body {font-family: "proxima-nova", Helvetica, Arial, Tahoma, Verdana, sans-serif;} .detCard .fullDescription, .con1.content, .con7.content, .con8.content, .catExtDesc, .catDescCMS, .catMoreDesc {} body {font-size: 1rem;} td {font-family: inherit; color: inherit; font-size: 1rem;} #wrapper {} #wrapperBackground {} a, a:visited {color: #000000;} a:hover {color: #e9373c;} a, a:visited, a:hover {text-decoration: none;} .catMenu a:hover, .catMenu li li a, .catMenu li li a:visited, .checkbox a, .checkbox a:visited, .checkbox a:hover, .breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:hover, .loginPage a, .loginPage a:visited, .loginPage a:hover, .conBody a, .conBody a:visited, .conBody a:hover {text-decoration: underline;} .loginPage a.btn, .loginPage a.btn:visited, .loginPage a.btn:hover, .catMenu a.selected, .catMenu a.selected:visited {text-decoration: none;} .underlineMe, a.underlineMe, a.underlineMe:visited {text-decoration: underline;} a.underlineMe:hover {text-decoration: underline;} /* Safari fixes */ * { -webkit-text-size-adjust: none;} textarea, input[type="search"], input[type="text"], input[type="button"], input[type="submit"] { -webkit-border-radius: 0; -webkit-appearance: none; border-radius: 0; } .hide {display: none;} .container-fluid#main {} .oneColumnSet #main {/* padding-left: 40px; padding-right: 40px; */ padding-left: 15px; padding-right: 15px;} .oneColumnSet.welcomePage #main {padding-left: 5px; padding-right: 5px;} .twoColumnSet #main {} .row.mainList {clear: both;} #main #sideColLeft {padding-top: 15px;} #main .side-blog#sideColLeft {padding: 0;} #main .side-blog#sideColLeft .colLeftWrap {margin-top: 15px; padding: 10px 10px; background-color: #f1f1f1;} #mainCol, #mainCol div.pageContent {padding-top: 15px; padding-bottom: 15px;} #mainCol div.row.pageContent {padding-top: 0; padding-bottom: 0;} @media (max-width: 991px) { .oneColumnSet #main {padding-left: 10px; padding-right: 10px;} .reorder#main { display: flex; display: -ms-flex; flex-direction: column; } .reorder#main #sideColLeft, .reorder#main #mainCol {margin: 0; padding: 0; width: 100%;} .reorder#main #mainCol {padding-top: 30px; padding-bottom: 30px;} .reorder#main .order-1, .reorder#main #sideColLeft {order: 1;} .reorder#main .order-2, .reorder#main #mainCol {order: 2;} #sideColLeft .panel {display: none;} #sideColLeft .panel#box_listFilters {display: block;} #sideColLeft .panel#box_listFilters {padding-top: 0; margin-bottom: 0px;} #sideColLeft .panel#box_listFilters .boxHead, #sideColLeft .panel#box_listFilters .boxTitle, #sideColLeft .panel#box_listFilters .boxTitle * {text-align: left;} #sideColLeft .panel#box_listFilters h3, #sideColLeft .panel#box_listFilters h5 {border: 1px solid #000000; color: #000000; padding: 0 10px; line-height: 36px;} #sideColLeft .panel#box_listFilters .boxHead .fa {float: right; width: 36px; height: 36px; line-height: 36px; padding-top: 0; padding-bottom: 0; text-align: center; margin: 0 -10px 0 0; cursor: pointer;} } @media (min-width: 992px) { #sideColLeft .panel#box_listFilters .panel-body.collapse, #sideColLeft .panel#box_listFilters .panel-body.collapse[aria-expanded="false"], #sideColLeft .panel#box_listFilters .panel-body.collapse.in, #sideColLeft .panel#box_listFilters .panel-body.collapse[aria-expanded="true"] {display: block!important;} #main .col-md-2.side-blog#sideColLeft {padding-right: 15px;} .side-blog#sideColLeft .panel {border-bottom: 1px solid #dddddd;} } /* patch */ #section_breadcrumbs {margin: 0; width: 100%; border-bottom: 0px solid #cccccc; background-color: #ffffff; min-height: 1px; clear: both;} #section_breadcrumbs li {white-space: nowrap; word-break: keep-all;} #section_breadcrumbs span.breadcrumbs {white-space: normal; word-break: break-word;} #section_breadcrumbs span.divide, #section_breadcrumbs span.breadcrumbs {display: inline;} #section_breadcrumbs .container-fluid, #section_breadcrumbs .row, #section_breadcrumbs .col-md-12 {margin: 0; padding: 0;} #section_breadcrumbs .breadcrumb {margin: 0; padding: 25px 40px; font-size: 0.875rem; font-weight: 400; text-transform: none;} .ukryjProces#section_breadcrumbs .breadcrumb {padding: 15px 15px;} .breadcrumbs.buyPath {margin: 0 0 0 0; padding: 30px 0 30px 0; border-top: 0;} @media all and (max-width: 991px) { #section_breadcrumbs .breadcrumb {padding: 25px 15px 0 15px;} .breadcrumbs.buyPath {padding-top: 15px; padding-bottom: 30px;} .mainBody .ukryjProces#section_breadcrumbs .breadcrumb {padding: 15px 0 0 0;} .ukryjProces#section_breadcrumbs .breadcrumb {padding: 0;} .ukryjProces .breadcrumbs.buyPath {padding-top: 0; padding-bottom: 15px;} .mainBody .ukryjProces .breadcrumbs.buyPath {padding: 30px 15px 0 15px;} } .blogList #section_breadcrumbs, .blogBody #section_breadcrumbs {} .blogList #section_breadcrumbs .breadcrumb, .blogBody #section_breadcrumbs .breadcrumb {padding: 25px 0;} @media all and (max-width: 991px) { .blogList #section_breadcrumbs .breadcrumb, .blogBody #section_breadcrumbs .breadcrumb {padding: 0 0 25px 0;} } #section_breadcrumbs .divide {padding-left: 3px; padding-right: 3px;} /* @media all and (min-width: 768px) { #section_breadcrumbs .row {width: 750px;} } @media all and (min-width: 992px) { #section_breadcrumbs .row {width: 970px;} } @media all and (min-width: 1200px) { #section_breadcrumbs .row {width: 1170px;} } @media all and (min-width: 1515px) { #section_breadcrumbs .row {width: 1485px;} } */ .breadcrumb {background-color: #ffffff;} .breadcrumb > li {display: inline; white-space: normal;} .breadcrumb > li + li:before {padding: 0 0px; content: ""; display: none;} .breadcrumb a, .breadcrumb a:visited {color: #000000;} .breadcrumb a:hover, .breadcrumb .active {color: #e9373c;} .breadcrumb li:last-child a.breadcrumbs, .breadcrumb li:last-child .breadcrumbs span.breadcrumb-name, .breadcrumb span.breadcrumbs {text-decoration: none;} .breadcrumb span.divide {} .breadcrumb .active, .breadcrumb li:last-child .breadcrumbs span.breadcrumb-name, .breadcrumb span.breadcrumbs span.breadcrumb-name {font-weight: 400;} .buyPath#buyTips {padding-top: 10px; margin-bottom: 10px; text-align: left;} .breadcrumbs.buyPath .breadcrumbs {line-height: 1; padding: 0; margin: 0; text-transform: uppercase; text-decoration: none; font-style: normal;} .breadcrumbs.buyPath .steps h3 {display: block; height: auto; line-height: 1; margin: 0; padding: 0; font-size: inherit; font-weight: 400;} .breadcrumbs.buyPath a.breadcrumbs, .breadcrumbs.buyPath a.breadcrumbs:visited {color: #000000;} .breadcrumbs.buyPath span.breadcrumbs {color: #adacac;} .breadcrumbs.buyPath .breadcrumbs:after, .breadcrumbs.buyPath .breadcrumbs:before {display: block; content: ""; height: 2px; width: 50%; position: absolute; top: 13px;} @media all and (max-width: 359px) { .breadcrumbs.buyPath .breadcrumbs:after, .breadcrumbs.buyPath .breadcrumbs:before {display: none;} } .breadcrumbs.buyPath li.active .breadcrumbs:before, .breadcrumbs.buyPath li.visited .breadcrumbs:after, .breadcrumbs.buyPath li.visited .breadcrumbs:before {background-color: #81d321;} .breadcrumbs.buyPath li.active .breadcrumbs:after, .breadcrumbs.buyPath li.unactive .breadcrumbs:after, .breadcrumbs.buyPath li.unactive .breadcrumbs:before {background-color: #adacac;} .breadcrumbs.buyPath .breadcrumbs:after {left: 50%; margin-left: 17px;} .breadcrumbs.buyPath .breadcrumbs:before {right: 50%; margin-right: 17px;} .breadcrumbs.buyPath .step-1 .breadcrumbs:before {display: none;} .breadcrumbs.buyPath .step-4 .breadcrumbs:after {display: none;} .breadcrumbs.buyPath li {position: relative;} .breadcrumbs.buyPath .nr {display: block; margin: 0 auto; font-size: 1.625rem; padding: 0; text-align: center; width: 26px; height: 26px; line-height: 1; overflow: hidden; text-align: center;} .breadcrumbs.buyPath a.breadcrumbs .nr {background: url(step-check.png) no-repeat 50% 50%; text-indent: -999px; text-align: left;} .breadcrumbs.buyPath a.breadcrumbs.selected .nr {background-image: none; text-indent: 0; text-align: center;} .breadcrumbs.buyPath .etykieta {display: block; margin: 5px auto; text-align: center; font-size: 1rem;} .breadcrumbs.buyPath li.active span {font-weight: 700;} .breadcrumbs.buyPath ul.content {margin: 0; padding: 0; overflow: hidden;} .breadcrumbs.buyPath ul.content li.steps {width: 25%; margin: 0; padding: 0; list-style: none; display: block; float: left; text-align: center; font-size: 1rem; text-transform: uppercase; height: auto; line-height: 1;} .breadcrumbs.buyPath ul.content li.steps .breadcrumbs {display: block; padding: 0;} .breadcrumbs.buyPath ul.content li.steps span.sep {display: none;} .breadcrumbs.buyPath ul.content li.steps span.sep.step1 {display: none;} @media all and (max-width: 991px) { .breadcrumbs.buyPath .etykieta {font-size: 0.75rem;} } @media all and (max-width: 767px) { .breadcrumbs.buyPath .etykieta {font-size: 0.5rem;} } @media all and (max-width: 359px) { .breadcrumbs.buyPath ul.content li.steps {width: 50%;} } #overHeader {background-color: #f3f4f6;} #overHeader, #overHeader li a, #overHeader li a:visited {color: #696969;} #overHeader li a:hover {color: #000000;} #mobi_clientMenu .badge {margin-top: -3px;} #overHeader .badge {} #overHeader .active a, #overHeader .active a:visited {color: #e9373c;} #overHeader .active a:hover {color: #000000;} footer {background-color: #efedee; padding: 10px;} footer, footer h3 {color: #000000;} footer a, footer a:visited {color: #000000;} footer a:hover {color: #777676;} footer a.active, footer a.active:visited {color: #777676;} footer a.active:hover {color: #000000;} #linksMenu_collapse .nav.navbar-nav.navbar-left {margin-left: 0;} #linksMenu_collapse .nav.navbar-nav.navbar-right {margin-right: 0;} #section_menuTop {} #section_indexTxt {margin-bottom: 30px; padding-left: 10px; padding-right: 10px; /* max-width: 1375px; */} #section_indexTxt .col-md-6 {text-align: center;} #section_indexTxt .col-md-6 img {margin: 0 auto; width: 100%; height: auto; display: block;} @media all and (max-width: 767px) { #section_indexTxt .col-md-6 {width: 100%; float: none; margin: 0; clear: both;} } @media all and (min-width: 768px) { #section_indexTxt .col-md-6 {width: 50%; float: left; clear: none;} #section_indexTxt .col-md-6:nth-child(2n+2) {clear: right;} } #section_indexTxt .banTit {display: block; width: 100%; font-size: 2.5rem; line-height: 40px; font-weight: 800; padding: 0 0 60px 0; margin: 40px 0 15px 0; text-transform: uppercase; text-align: center; position: relative;} #section_indexTxt .banTit .banSub {display: block; width: 100%; font-size: 1rem; line-height: 1; font-weight: 400; position: absolute; bottom: 35px; left: 0; padding: 0; text-transform: none;} #wyborPlci {margin-bottom: 20px;} #wyborPlci a {display: block; text-align: center; margin: 0 0 10px 0;} #wyborPlci img {margin: 0 auto; width: 100%; height: auto; display: block;} #section_additionalTxt, #section_catListMain, #section_news, #section_saleList, #section_prodListMain, #section_regForm, #section_regParForm, #section_userForm, #section_parForm, #filters_prodFilters, #filters_priceFilters, #filters_sortFilters, #filters_promotionTypes, #filters_availabilityStatus, #filters_resultsPerPage, #filters_buttons {margin-bottom: 15px;} #filters_availabilityStatus {text-align: right;} .table-responsive.no-border, .table-responsive.no-border th, .table-responsive.no-border td, .table-responsive.no-border tr {border: 0 solid;} .select_wrap.multiselect .table-responsive.f_tab {height: auto;} .select_wrap.multiselect .table-responsive.f_tab td {vertical-align: middle; padding: 5px 10px 5px 0; height: auto;} .select_wrap.multiselect .table-responsive.f_tab td .checkbox, .select_wrap.multiselect .table-responsive.f_tab td label, .select_wrap.multiselect .table-responsive.f_tab td img {display: inline-block; margin: 0; padding: 0; vertical-align: middle;} .select_wrap.multiselect .table-responsive.f_tab td .checkbox {margin-right: 10px;} /* @media all and (max-width: 991px) { .orders .table-responsive {border: 0;} .orders .table-responsive table.addedItems {width: 100%;} .orders .table-responsive table.addedItems tbody, .orders .table-responsive table.addedItems tr {display: block; width: 100%; margin: 0; padding: 0;} .orders .table-responsive table.addedItems tr {float: left; clear: both; padding: 30px 0 30px 0; border-bottom: 1px solid #dedede;} .orders .table-responsive table.addedItems tr:first-child {padding-top: 0;} .orders .table-responsive table.addedItems td {display: inline-block; padding: 0; float: left; border: 0;} .orders .table-responsive table.addedItems td.col-orderNr {display: none;} .orders .table-responsive table.addedItems td.col-image {width: 140px; clear: left; padding-right: 15px;} .orders .table-responsive table.addedItems td.col-image a {width: 125px;} .orders .table-responsive table.addedItems td.col-name {width: calc(100% - 140px); clear: right;} .orders .table-responsive table.addedItems td.col-price {width: calc(100% - 45px); clear: left;} .orders .table-responsive table.addedItems td.col-actions {width: 30px; clear: right; padding-left: 15px;} } @media all and (min-width: 992px) { .orders .table-responsive {overflow-x: visible;} } @media all and (max-width: 479px) { .orders .table-responsive table.addedItems td.col-image {width: 105px;} .orders .table-responsive table.addedItems td.col-image a {width: 90px;} .orders .table-responsive table.addedItems td.col-name {width: calc(100% - 105px);} .orders .table-responsive table.addedItems td.col-price {padding-left: 105px; text-align: left;} } */ @media all and (max-width: 991px) { .orders.zwroty .table-responsive table.addedItems td tbody {display: table-row-group;} .orders.zwroty .table-responsive table.addedItems td tr {display: table-row; width: 100%; margin: 0; padding: 0;} .orders.zwroty .table-responsive table.addedItems td tr {float: none; clear: unset; padding: 0; border: 0;} .orders.zwroty .table-responsive table.addedItems td td {display: table-cell; padding: 5px 0 5px 5px; float: none; border: 0;} .orders.zwroty .table-responsive table.addedItems td.col-orderNr {display: table-cell;} .orders.zwroty td .st-key {width: 100%; padding-right: 5px;} .orders.zwroty td .st-val {width: 100%; padding-left: 5px;} } footer {font-size: 0.75rem;} #section_copyrights {font-size: 0.75rem;} .menuFooter .links-header, footer h3 {font-size: 0.75rem; text-transform: uppercase; margin-top: 0; margin-bottom: 15px;} #section_copyrights .row {padding-top: 10px; padding-bottom: 100px;} #section_menuFooter .row, #section_menuFooterColumns .row {padding-top: 10px; padding-bottom: 45px;} #section_copyrights .row .row, #section_menuFooter .row .row, #section_menuFooterColumns .row .row {padding-top: 0px; padding-bottom: 0px;} #custom776, #custom777, #customTxt, #infoserwis {color: inherit;} #infoserwis {text-align: right;} #infoserwis a img {opacity: 0.5;} #infoserwis img {margin-left: 5px;} /* linia */ /* #section_copyrights .row {border-top: 1px solid #dddddd; margin-left: 0; margin-right: 0;} #section_copyrights .row .col-xs-12 {padding-left: 0; padding-right: 0;} #customTxt {padding-left: 0; padding-right: 5px;} #infoserwis {padding-left: 5px; padding-right: 0;} */ #infoserwis a:hover img, #custom776 a:hover img, #custom777 a:hover img {opacity: 0.9;} #custom776 {} #custom777 {padding-top: 15px; padding-bottom: 15px} #custom776 .icon_social {display: inline-block; width: 35px; height: 35px; line-height: 1; text-align: center; padding: 0; margin: 0 5px 5px 0; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%;} #custom776 .icon_social, #custom776 .icon_social:visited {} #custom776 .icon_social:hover {opacity: 0.75;} #custom776 a[href*="facebook"] .icon_social {background-image: url(icon-social-fb.png);} #custom776 a[href*="youtube"] .icon_social {background-image: url(icon-social-yt.png);} #custom776 a[href*="instagram"] .icon_social {background-image: url(icon-social-in.png);} #custom776 .icon_social i {display: none!important; margin-top: 0; color: inherit;} .menuFooter h3 {font-weight: 700;} @media all and (max-width: 991px) { #custom776 {margin-bottom: 30px; text-align: center;} .menuFooter .links-header, .menuFooter h3 {padding-top: 15px;} } .menuFooter ul {list-style: none; margin: 0 0 15px 0; padding: 0;} .menuFooter li {padding: 4px 0; margin: 0;} .menuFooter div.conLinks0 {margin: 0; padding: 0 0 15px 0;} .menuFooter div.conLinks0 a {display: inline-block; padding: 4px 5px 4px 5px;} .menuFooter div.conLinks0 .sep {display: inline-block; padding: 4px 5px 4px 5px;} .menuFooter ul.conLinks2 {margin: 0; padding: 0 0 0 0;} .menuFooter ul.conLinks2 li {display: inline-block; padding: 4px 10px 4px 0px;} .menuFooter .cursorHand {cursor: pointer;} .menuFooter.menuFooterMulti .links-header, .menuFooter.menuFooterMulti h3 {display: block;} .menuFooter.menuFooterMulti .links-header span.fa, .menuFooter.menuFooterMulti h3 span.fa {float: right; cursor: pointer; width: 30px; height: 30px; text-align: left; content: ""; overflow: hidden; text-indent: -999px; position: relative; margin-top: -8px; font-size: 1.5rem;} .menuFooter.menuFooterMulti ul.conLinks2 li {display: block; padding: 4px 0px 4px 0px;} .menuFooter.menuFooterMulti .links-header span.fa:after {content: ""; z-index: 2; display: inline-block; width: 30px; height: 30px; font-size: 2rem; margin: 0; position: absolute; top: 0; right: 0; background: url(sprite-nav-big.png) no-repeat -90px -30px;} .menuFooter.menuFooterMulti .links-header.collapsed span.fa:after, .menuFooter.menuFooterMulti .links-header[aria-expanded="false"] span.fa:after {background-position: -90px -30px;} .menuFooter.menuFooterMulti .links-header[aria-expanded="true"] span.fa:after {background-position: -60px -30px;} @media all and (max-width: 991px) { .menuFooter.menuFooterMulti .links-header, .menuFooter.menuFooterMulti h3 {padding-top: 8px; padding-bottom: 8px; margin: 0; cursor: pointer;} .menuFooter.menuFooterMulti ul.conLinks2 {padding-top: 0; padding-bottom: 0;} .menuFooter.menuFooterMulti ul.conLinks2 li {display: block; padding: 0 0px 0 0px;} .menuFooter.menuFooterMulti ul.conLinks2 li a {display: block; padding: 8px 0 8px 0; font-size: 0.875rem;} } @media all and (max-width: 991px) { footer, #infoserwis {text-align: center;} #infoserwis img {margin-left: 3px; margin-right: 3px;} #customTxt, #infoserwis {padding-top: 5px; padding-bottom: 5px;} .menuFooter.menuFooterMulti #menuDolne .col-xs-12 {text-align: left; border-top: 1px solid #cccccc; padding: 10px 15px; margin: 0 0 0 0;} } @media all and (min-width: 768px) { .menuFooter .collapse {display: block;} .menuFooter .links-header span, .menuFooter h3 span {display: none;} } .menuFooter .container, #section_custom .container {padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;} .menuFooter .row {padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;} #section_custom .row {padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; border-top: 1px solid #cccccc;} .menuFooter div#menuDolne, .menuFooter div#menuDolne div, .menuFooter div#subReqForm, #section_custom div#custom777 {padding-left: 0; padding-right: 0;} #section_copyrights {} #section_copyrights .container {padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;} #section_copyrights .row {padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; border-top: 1px solid #cccccc;} #section_copyrights .row div#customTxt, #section_copyrights .row div#infoserwis {padding-left: 0; padding-right: 0;} section#advice .container, section#popular_cat .container {padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;} section#advice .row, section#popular_cat .row {border-bottom: 1px solid #cccccc; padding: 15px 0 30px 0; margin: 0 auto 30px auto;} /* Boostrap extensions */ @media all and (max-width: 479px) { .hidden-xxs { display: none !important; } } @media all and (max-width: 479px) { .visible-xxs-block, .visible-xxs { display: block !important; } .visible-xxs-inline-block { display: inline-block !important; } .visible-xxs-inline { display: inline !important; } table.visible-xxs { display: table; } tr.visible-xxs { display: table-row !important; } th.visible-xxs, td.visible-xxs { display: table-cell !important; } } /* Bootstrap ovverride */ .alert-success {clear: both;} .alert-success hr {} .alert-success .alert-link {} .well.information.hint, .alert-info {clear: both; color: #555555; background-color: #f3f3f3; border-color: #dedede;} .alert-info hr {border-top-color: #a6e1ec;} .alert-info .alert-link {color: #245269;} .alert-warning {clear: both;} .alert-warning hr {} .alert-warning .alert-link {} .alert-danger {clear: both;} .alert-danger hr {} .alert-danger .alert-link {} .alert-success { background-image: none; } .well.information.hint, .alert-info { background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dedede 100%); background-image: -o-linear-gradient(top, #f3f3f3 0%, #dedede 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dedede)); background-image: linear-gradient(to bottom, #f3f3f3 0%, #dedede 100%); background-repeat: repeat-x; border-color: #dedede; background-image: none; } .alert-warning { background-image: none; } .alert-danger { background-image: none; } #section_slider {clear: both; margin-top: 0;} #mainCol #section_slider {margin-top: 0;} #section_slider .container, #section_slider .container-fluid, #section_slider .row, #section_slider .row .col-md-12 {margin: 0; padding: 0; width: 100%; max-width: 100%;} .button, .btn, .btn-lg, .btn-group-lg > .btn, .btn-sm, .btn-group-sm > .btn, .btn-xs, .btn-group-xs > .btn, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn, .form-control, .input-lg, .form-group-lg .form-control, .input-sm, .form-group-sm .form-control, .input-xs, .form-group-xs .form-control, .nav-tabs > li > a, .nav-tabs.nav-justified > li > a, .nav-pills > li > a, .nav-tabs-justified > li > a, .navbar, .navbar-toggle, .navbar-toggle .icon-bar, .dropdown-menu, .navbar-nav > li > .dropdown-menu, .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu, .breadcrumb, .pagination, .pager li > a, .pager li > span, .label, .container .jumbotron, .container-fluid .jumbotron, .thumbnail, .alert, .panel, .panel-heading, .panel-body, .panel-group .panel, .well, .well-lg, .well-sm, .well-xs, .modal-content {border-radius: 0;} .navbar-brand {padding: 10px 0 0 10px;} .navbar-brand img {width: 110px;} /* menu */ #overHeader {} #overHeader li {font-size: 0.688rem;} #header {width: 100%; /* height: 50px; */ position: relative;} @media all and (min-width: 992px) { .sticked {/*position: fixed;*/ width: 100%; top: 0; left: 0; background-color: rgba(255,255,255,1); z-index: 9400;} #header {/* height: 114px; */} } .sticked.sticky {/* border-bottom: 1px solid #cccccc; */} /* .sticked.sticky #mainTopWrap:after {content: ""; position: absolute; left: 0; bottom: 0px; z-index: 1; width: 100%; height: 1px; background-color: rgba(0,0,0,0.25);} */ .sticked.sticky #mainTopWrap {box-shadow: inset 0 -1px 1px #f1f1f1;} .outer-sticked, .sticky-transform, #header {z-index: 9399;} .sticky-transform {width: 100%;} .cartFull a.cart {} .cartEmpty a.cart {} .form-control:focus, .form-control:active, .has-error .form-control, .has-error .form-control:focus, .has-error .form-control:active {box-shadow: none;} #quickSearch form {width: 100%;} .findForm {background-color: #f1f1f1; height: 44px; width: 100%; position: relative; padding: 1px;} .side-blog#sideColLeft .findForm {background-color: #ffffff; margin-bottom: 15px;} .findForm .form-control {height: 44px; width: 100%; padding: 0 50px 0 15px; font-size: 0.875rem; font-weight: 400; background-color: transparent; color: #000000; border: 0; box-sizing: border-box; position: absolute; top: 1px; left: 0; text-transform: uppercase;} .side-blog#sideColLeft .findForm .form-control {background-color: #ffffff; color: #000000; border: 0;} .findForm .form-control::placeholder {color: #555555;} .findForm .form-control, .findForm .form-control:focus, .findForm .form-control:active {z-index: 19001;} .findForm .form-control:focus, .findForm .form-control:active {text-transform: none;} .findForm .btn.btn-default {width: 50px; height: 44px; position: absolute; top: 0px; right: 0px; background: #f1f1f1 url(icon-search44.png) no-repeat 50% 0%; border: 0; z-index: 19002;} .findForm .btn.btn-default:hover {background: #000000 url(icon-search44.png) no-repeat 50% 100%; border: 0;} .findForm.blogFindForm .form-control, .findForm.blogFindForm .form-control:focus, .findForm.blogFindForm .form-control:active {z-index: 1;} .findForm.blogFindForm .btn.btn-default {background: #ffffff url(icon-search44.png) no-repeat 50% 0%; z-index: 2;} .findForm.blogFindForm .btn.btn-default:hover {background: #000000 url(icon-search44.png) no-repeat 50% 100%;} .showSearch .findForm .btn.btn-default {width: 61px; height: 50px; float: none; top: 0; right: 61px; background: #000000 url(icon-search-sticky.png) no-repeat 50% 100%;} .showSearch .findForm .btn.btn-default:hover {background: #ffffff url(icon-search-sticky.png) no-repeat 50% 0%; border: 0;} .findForm .btn.search-change {display: none; position: absolute; top: 0px; right: 0; width: 61px; height: 61px; padding: 0; background-color: #f1f1f1; background-image: none; text-align: center; border: 0; cursor: pointer; z-index: 19003;} .findForm .btn.search-change:hover {background-color: #f1f1f1; background-image: none; border: 0;} .findForm .btn.search-change .fa {width: 36px; height: 36px; background: #000000 url(sprite-nav-big.png) no-repeat -117px 3px; border: 0; outline: 1px solid #000000; text-indent: -999px; overflow: hidden; text-align: left; margin-top: 5px; cursor: pointer; z-index: 19003;} .findForm .btn.search-change:hover .fa {background: #ffffff url(sprite-nav-big.png) no-repeat -117px -27px; border: 0; outline: 1px solid #000000} @media all and (max-width: 991px) { .findForm .btn.search-change {display: inline-block;} } #quickPanel {/* position: absolute; top: 32px; right: 82px; */} #quickPanel #quickWrap {position: relative; width: 100%; height: 82px;} #quickPanel .userIcon {display: inline-block; width: 100%; height: 82px; top: 0; right: 0; background: url(icon-user-large.png) no-repeat 50% 0; margin-left: 0; position: absolute;} #quickPanel:hover .userIcon {background: #8c8c8c url(icon-user-large.png) no-repeat 50% 100%;} #quickPanel .link-panel {width: 100%; height: 100%; display: flex;} /* pakiet jezykowy */ #curLan {display: none; width: 82px; box-sizing: border-box; margin: 0; padding: 0; text-transform: uppercase;} #quickPanel:hover #curLan {display: block; position: absolute; top: 82px; right: 0; background-color: #f1f1f1; width: auto; min-width: 140px; height: auto; white-space: nowrap;} #curLan li ul, #curLan li li {list-style: none;} #curLan li {margin: 0; padding: 0; height: auto; display: block; width: 100%; box-sizing: border-box; text-align: right; white-space: nowrap; min-width: 1px; max-width: 100%; text-align: left;} #curLan li a {padding: 0 5px; line-height: 16px; margin: 0; font-size: 0.875rem;} #curLan li li span.curLink, #curLan li li a {line-height: 1.3; padding: 5px 10px; display: block;} #curLan li li span.curLink {cursor: pointer;} #curLan li ul {box-shadow: none; min-width: 100px; padding: 0; left: auto; right: 0; z-index: 9400;} #curLan li img {margin-top: -3px; margin-right: 4px;} #curLan .selected {font-weight: 700;} .nav#curLan2 li span.curLink, .nav#curLan2 li a {display: block; padding: 5px 5px; cursor: pointer;} #curLan .dropdown-menu li {background-color: #f1f1f1;} #curLan .dropdown-menu li a:hover, #curLan .dropdown-menu li span.curLink:hover {background-color: #dbdbdb;} .mainLogo span {display: block; position: relative; width: 100%; height: 82px; overflow: hidden;} .mainLogo img {vertical-align: middle; display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} /* logo wyższej rozdzielczości */ /* @media all and (min-width: 360px) { .mainLogo, .mainLogo span {display: block; position: relative; overflow: hidden; width: 300px; height: 120px;} .mainLogo img {display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto;} } @media all and (max-width: 767px) { .mainLogo, .mainLogo span {margin-left: auto; margin-right: auto;} } @media all and (min-width: 768px) and (max-width: 991px) { .mainLogo, .mainLogo span {width: 250px; height: 100px;} } @media all and (min-width: 992px) { .mainLogo, .mainLogo span {} } */ #flex-fluid {display: flex; width: 100%; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: stretch;} #flex-fluid #mainOverTop {display: none; width: 100%; order: 0; flex: 1 0 auto; height: 32px; padding: 0 10px; width: 100%; background: #efeded;} #flex-fluid #mainTop {display: flex; width: 100%; order: 1; flex: 1 0 auto; position: relative; height: 82px; background: #000;} #mainOverTopWrap {display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: stretch;} #ourBrands {display: flex; order: 1; flex: 1 1 auto; width: auto; margin: 0; padding: 0; height: 32px;} #menuHeader {display: flex; order: 2; flex: 0 1 auto; width: auto; margin: 0; padding: 0; white-space: nowrap;} #mainTopWrap {display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap;} #mobiMenu {display: none; order: 1; flex: 0 1 auto; box-sizing: border-box; margin: 0; padding: 0;} #logo {display: flex; order: 2; flex: 0 1 auto; box-sizing: border-box; min-width: 170px; text-align: center; margin: 0; padding: 0;} #menuTop {display: flex; order: 3; flex: 1 1 auto; box-sizing: border-box; margin: 0; padding: 0; z-index: 19100;} #quickSearch {display: flex; order: 4; flex: 0 1 auto; box-sizing: border-box; width: 195px; text-align: right; margin: 0; padding: 19px 0 0 0;} #quickPanel {display: flex; order: 5; flex: 0 1 auto; box-sizing: border-box; width: 82px; text-align: right;} #mobiSearch {display: none; order: 6; flex: 0 1 auto; box-sizing: border-box; width: 61px; text-align: right; margin: 0; padding: 0;} #quickCart {display: flex; order: 7; flex: 0 1 auto; box-sizing: border-box; width: 82px; text-align: right; margin: 0; padding: 0; white-space: nowrap; z-index: 9400;} @media all and (max-width: 991px) { #mobiSearch, #mobiMenu {display: flex;} #logo {flex: 1 1 auto;} .ukryjProces #logo {margin-left: 15px;} #logo .mainLogo span {width: 170px;} #quickSearch, #flex-fluid #mainOverTop, #ourBrands, #menuTop {display: none;} #ourBrands ul {justify-content: center;} } #menuHeader a {padding: 1px 0 1px 0; line-height: 30px; font-size: 0.75rem; font-weight: 400; /* text-transform: uppercase; */} #menuHeader a, #menuHeader a:visited {background-color: transparent; background-image: none; color: #000000;} #menuHeader a:hover {background-color: transparent; background-image: none; color: #777676;} #menuHeader li {padding: 0 6px 0 0; line-height: 32px;} #menuHeader li:last-child {padding-right: 0; background-image: none;} #menuHeader li a:after {content: "/"; padding-left: 6px; color: #000000;} #menuHeader li:last-child a:after {content: ""; padding-left: 0; color: #000000;} #menuHeader .repLink a .badge {width: 16px; height: 14px; overflow: hidden; float: left; margin: 7px 5px 0 0; padding: 0; text-align: left; background: transparent url(icon-heart.png) no-repeat 50% 0%; text-indent: -999px; opacity: 0.5; border-radius: 0;} #menuHeader .repLink a:hover .badge {opacity: 1;} #ourBrands ul {/* display: flex; flex-direction: row; justify-content: flex-start; align-items: center; */ display: table; width: auto; margin: 0 auto 0 0; padding: 0; list-style: none; width: auto; height: 32px;} #ourBrands li {/* display: flex; flex: 0 1 auto; justify-content: space-around; align-self: center; padding: 0; margin: 0 10px; */ display: table-cell; height: 24px; padding: 4px 10px; box-sizing: border-box; text-align: center; vertical-align: middle; opacity: 0.65;} #ourBrands a {/* display: flex; flex-direction: row; justify-content: center; align-items: stretch; width: 100%; height: auto; */ display: block; width: 50px; height: 24px; position: relative; overflow: hidden; opacity: 0.5; cursor: default!important;} #ourBrands a img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} #ourBrands li.selected {opacity: 1;} /* #ourBrands li.selected a, #ourBrands a:hover {opacity: 1;} */ .navbar#stickyTop {margin-bottom: 0; border-top: 0;} .collapse { height: auto !important; overflow: visible !important; } a[data-toggle="collapse"]{ cursor:pointer; } .navbar#clientMenu {padding: 0; margin: 0; border: 0; text-align: right; min-height: 1px;} .navbar#clientMenu .navbar-right {margin-right: 0;} .navbar#clientMenu li {border: 0; padding: 0; margin: 0;} .navbar#clientMenu li a {padding: 9px 10px; border: 0; margin-left: 2px; text-align: center; font-size: 0.75rem; line-height: 1;} .navbar#clientMenu li .badge {float: right; display: inline-block; margin: -2px 0 0 5px; font-size: 0.625rem; padding: 3px 5px 4px 5px; line-height: 1;} .navbar#clientMenu li .delete {float: right; display: inline-block; width: 12px; height: 12px; margin: 7px 5px 0 -7px; padding: 9px 0; overflow: hidden; text-align: left; text-indent: -999px; background: transparent url(button_close.png) no-repeat 50% 50%;} .navbar#clientMenu li.comForm a {display: inline-block;} #mobiMenu {/* box-shadow: 0 0px 14px 0 rgba(204,204,204,0.75); */} #mobiMenu #specialLogo {width: 100px; height: 50px; float: left;} #mobiMenu #specialLogo .mainLogo span {width: 100px; height: 50px;} #mobi_underHeaderCat, #mobi_underHeader, #mobi_clientMenu, #mobi_search, #mobi_quickCart, #mobi_language {} .mobi .navbar-nav {margin-top: 0; margin-bottom: 0;} #mobi_clientMenu {border-top: 1px solid #dedede; padding: 0!important; margin: 0!important; width: 100%!important;} #mobi_clientMenu .navbar-nav {padding: 0px 0!important; margin: 0!important; width: 100%!important;} #mobi_clientMenu .navbar-collapse {overflow: hidden; height: auto;} #mobi_clientMenu .navbar-nav li.repLink, #mobi_clientMenu .navbar-nav li.link {display: inline-block;} #mobi_clientMenu .navbar-nav li.link.dropdown {display: block;} /* cart */ #quickCart {} #quickCart a.cart, #quickCart span.cart {display: inline-block; width: 82px; height: 82px; padding: 0; background: #000000 url(icon-basket-large.png) no-repeat 50% 0%;} #quickCart a.cart:hover, #quickCart span.cart:hover {background: #8c8c8c url(icon-basket-large.png) no-repeat 50% 100%;} #quickCart .cartEmpty a.cart {} #quickCart .cartFull a.cart {} #quickCart .cartHidden {white-space: normal;} #quickCart, div.cart .rows {height: 82px;} .cart .basket_free_delivery {padding: 5px 10px; text-align: center;} .cart .basket_free_delivery:empty {display: none;} #mobi_quickCart, #mobi_quickCart div.cart .rows {height: auto; line-height: 1.3; margin: 0; padding: 0; text-align: right;} #mobi_quickCart div.cart {padding: 15px;} div.cart {/* position: relative; overflow: hidden; */} div.cart.cartEmpty {} div.cart.cartFull {z-index: 19100!important;} div.cart .badge {display: inline-block; position: absolute; top: 15px; right: 15px; width: 22px; height: 22px; padding: 0; line-height: 22px; background-color: #ff0000; color: #ffffff; border-radius: 50%; font-size: 0.75rem; text-align: center;} div.cart span.icon {/* font-size: 1.125rem; color: #000000; margin-left: 10px; */} div.cart.cartFull span.icon {cursor: pointer;} div.cart span.sep {color: rgba(255,255,255,0.5);} div.cart .rows {display: inline-block; margin: 0; padding: 0; white-space: nowrap;} div.cart .tags {color: #000000; font-size: inherit;} div.cart .total {text-align: center; padding: 5px 0 10px 0;} div.cart .basketTotal {display: none;} div.cart .value, div.cart .price {color: #000000; font-size: inherit;} div.cart .basketItems {display: none;} /* div.cart .cartHidden {position: absolute; top: -1000px; right: 0; width: 100%; padding: 5px 0px 0 0; z-index: 19100; background-color: #000000; color: #000000; border: 1px solid #dedede; opacity: 0;} div.cart:hover {overflow: visible;} */ div.cart .cartHidden {background-color: #ffffff; line-height: 1.2; border: 1px solid #dedede; text-align: left; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } div.cart .total, div.cart .cartHidden, div.cart .cartHidden .price {color: #555555;} div.cart .cartScroll {display: block; padding: 10px 10px; clear: both; width: 100%; max-height: 70vh; overflow: hidden; overflow-y: auto; box-sizing: border-box; /* border-top: 1px solid #dedede; */ border-bottom: 1px solid #dedede;} div.cart .cartItem {clear: left; overflow: hidden; padding: 10px 0 10px 0; margin: 0 0 10px 0; position: relative; border-bottom: 1px solid #efeeec;} /* div.cart .cartScroll > *:nth-last-child(3) {border-bottom: 0!important;} */ div.cart .cartItem .cartPic {width: 25%; height: auto; padding: 0 0 25% 0; float: left; margin-left: 5%; position: relative; overflow: hidden;} div.cart .cartItem .cartValue {width: 60%; height: auto; float: left; margin-left: 5%; font-size: 0.688rem;} div.cart .cartItem .cartProduct {font-size: 0.825rem;} div.cart .cartItem .cartProduct a {display: block; font-weight: 700;} div.cart .cartItem .cartProduct, div.cart .cartItem .cartPrices, div.cart .cartItem .cartCounter {margin-bottom: 5px;} div.cart .cartItem .cartCounter span {padding-right: 2px;} div.cart .cartItem .price {font-size: 0.875rem;} div.cart .cartItem .delete {position: absolute; top: 5px; right: 5px;} div.cart .cartHidden {display: none; position: absolute; right: 0; width: 300px;} div.cart .cartHidden.collapse .buttons {display: block; text-align: center; padding: 0 10px 10px 10px;} @media all and (min-width: 992px) { div.cart.cartEmpty .basketTotal, div.cart .basketTotal {display: inline-block;} div.cart .basketItems .value {padding-left: 5px;} div.cart.cartFull .cartHidden {} div.cart.cartFull:hover .cartHidden {display: inline-block; top: 82px;} } #mobiMenu span.ico {float: left; color: #ffffff; font-size: 1.125rem;} #mobiMenu .text {padding-top: 7px; height: 33px;} #mobi_quickCart div.cart {font-size: 1.125rem; width: auto; color: #ffffff;} #mobi_quickCart div.cart .rows, #mobi_quickCart div.cart .tags, #mobi_quickCart div.cart .value, #mobi_quickCart div.cart .price {color: #ffffff;} #mobi_quickCart div.cart .tags {display: none;} /* underHeader */ #underHeader {z-index: 19100;} #underHeaderOuter {border: 0; padding: 0; margin: 0;} @media all and (max-width: 991px) { #underHeaderOuter {display: none!important;} } #underHeader, .sticky#underHeader, .navbar-inverse { background-color: #ffffff; background-image: none; } #mobiMenu {} #mobiSearch .navbar-toggle, #mobiMenu .navbar-toggle {width: 61px; height: 61px; margin: 0; padding: 0; float: left; text-align: center; display: inline-block; border: 0;} #mobiSearch .navbar-toggle .ico, #mobiMenu .navbar-toggle .ico {width: 61px; height: 61px; background-position: 50% 0%; background-repeat: no-repeat; background-color: transparent; display: inline-block;} #mobiMenu .icon-bars {background-image: url(icon-bars-sticky.png);} #mobiMenu .icon-user {background-image: url(icon-user-mobile.png);} #mobiMenu .icon-link {background-image: url(icon-link-mobile.png);} #mobiMenu .icon-flag {background-image: url(icon-bars-multi-mobile.png);} #mobiMenu .icon-search {background-image: url(icon-search-sticky.png);} #mobiMenu .icon-basket {background-image: url(icon-basket-mobile.png);} #mobiSearch .navbar-toggle .icon-search {background: #f1f1f1 url(icon-search-sticky.png) no-repeat 50% 0%;} #mobiSearch .navbar-toggle .icon-search:hover {background: #000000 url(icon-search-sticky.png) no-repeat 50% 100%;} /* normalny */ #mobiMenu .navbar-toggle.collapsed .ico, #mobiMenu .navbar-toggle[aria-expanded="false"] .ico {background-position: 50% 0px;} /* wybrany */ #mobiMenu .navbar-toggle .ico, #mobiMenu .navbar-toggle[aria-expanded="true"] .ico {background-position: 50% 100%;} /* normalny hover */ #mobiMenu .navbar-toggle.collapsed:hover .ico, #mobiMenu .navbar-toggle[aria-expanded="false"]:hover .ico {background-position: 50% 100%;} /* wybrany hover */ #mobiMenu .navbar-toggle:hover .ico, #mobiMenu .navbar-toggle[aria-expanded="true"]:hover .ico {background-position: 50% 100%;} #mobiMenu button.button-link, #mobiMenu button[data-target="#mobi_menuTop"] {} #mobiMenu button.button-user, #mobiMenu button.button-flag, #mobiMenu button.button-search, #mobiMenu button.button-basket, #mobiMenu button[data-target="#mobi_clientMenu"], #mobiMenu button[data-target="#mobi_language"], #mobiMenu button[data-target="#mobi_search"], #mobiMenu button[data-target="#mobi_quickCart"] {float: right;} /* normalny */ #mobiMenu .navbar-toggle.collapsed, #mobiMenu .navbar-toggle[aria-expanded="false"] {background-color: transparent;} #mobiMenu .navbar-toggle.button-flag {background-color: #ffffff;} #mobiMenu .navbar-toggle a#curListDrop2, #mobiMenu .navbar-toggle a#curListDrop2:visited, #mobiMenu .navbar-toggle a#curListDrop2:hover {text-decoration: none;} /* wybrany */ #mobiMenu .navbar-toggle, #mobiMenu .navbar-toggle[aria-expanded="true"] {background-color: #c8c9c7;} /* normalny hover */ #mobiMenu .navbar-toggle.button-flag:hover, #mobiMenu .navbar-toggle.button-flag[aria-expanded="false"]:hover, #mobiMenu .navbar-toggle.collapsed:hover, #mobiMenu .navbar-toggle[aria-expanded="false"]:hover {background-color: #000000;} /* wybrany hover */ #mobiMenu .navbar-toggle:hover, #mobiMenu .navbar-toggle[aria-expanded="true"]:hover {background-color: #000000;} #mobiMenu .navbar-toggle:hover a#curListDrop2, #mobiMenu .navbar-toggle[aria-expanded="true"]:hover a#curListDrop2 {background-color: transparent; color: #ffffff; } /* basket - normalny */ #mobiMenu .navbar-toggle.button-basket.collapsed, #mobiMenu .navbar-toggle.button-basket[aria-expanded="false"] {background-color: #000000;} #mobiMenu .navbar-toggle.button-basket.collapsed .ico, #mobiMenu .navbar-toggle.button-basket[aria-expanded="false"] .ico {background-position: 50% 0px;} /* basket - wybrany */ #mobiMenu .navbar-toggle.button-basket, #mobiMenu .navbar-toggle.button-basket[aria-expanded="true"] {background-color: #000000;} #mobiMenu .navbar-toggle.button-basket .ico, #mobiMenu .navbar-toggle.button-basket[aria-expanded="true"] .ico {background-position: 50% 0px;} /* basket - normalny hover */ #mobiMenu .navbar-toggle.button-basket.collapsed:hover, #mobiMenu .navbar-toggle.button-basket[aria-expanded="false"]:hover {background-color: #c8c9c7;} #mobiMenu .navbar-toggle.button-basket.collapsed:hover .ico, #mobiMenu .navbar-toggle.button-basket[aria-expanded="false"]:hover .ico {background-position: 50% -50px;} /* basket - wybrany hover */ #mobiMenu .navbar-toggle.button-basket:hover, #mobiMenu .navbar-toggle.button-basket[aria-expanded="true"]:hover {background-color: #c8c9c7;} #mobiMenu .navbar-toggle.button-basket:hover .ico, #mobiMenu .navbar-toggle.button-basket[aria-expanded="true"]:hover .ico {background-position: 50% -50px;} #underHeader .content {margin: 0 auto; padding: 0; width: 100%;} @media all and (max-width: 991px) { #logo {display: block; text-align: center;} #underHeader a.smallLogo {display: none;} } @media all and (min-width: 992px) { #logo {display: block;} #underHeader a.smallLogo {display: none;} } /* #menuTop .nav li x, #menuTop .nav li a, #menuTop .nav li li a {text-transform: uppercase;} #menuTop .nav li li li a {text-transform: none;} */ @media (min-width: 992px) { #menuTop .navbar-nav { float: left; margin: 0; } #menuTop .navbar-nav > li { float: left; } #menuTop .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } @media all and (max-width: 991px) { #menuTop .nav {margin: 0; padding: 0;} #menuTop .nav {border-bottom: 1px solid #cbcbcb;} #menuTop .nav li {border-top: 1px solid #cbcbcb;} #menuTop .nav li li {border-top: 0;} #menuTop .navbar-nav .open .dropdown-menu > li > a, #menuTop .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 15px 10px 25px; } #menuTop .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } #menuTop .navbar-nav .open .dropdown-menu > li > a:hover, #menuTop .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } #menuTop .nav li li li {padding-left: 15px;} #menuTop .navbar-nav li > .dropdown-menu, #menuTop .navbar-nav li.open > .dropdown-menu { display: block; position: static; width: 100%; margin: 0; background-color: #f6f6f6; padding: 0; border: 0; clear: both; float: none; -webkit-box-shadow: none; box-shadow: none; } #menuTop .navbar-nav li > .dropdown-menu { height: 0!important; overflow: hidden; } #menuTop .navbar-nav .open .dropdown-menu { height: auto!important; overflow: auto; /* max-height: 70vh; */ } #menuTop .navbar-nav .open .dropdown-menu .dropdown-menu {max-height: 100%;} #menuTop .nav li a.hidden-md {cursor: pointer; padding: 0;} #menuTop .nav li a.hidden-md strong {display: block; box-sizing: border-box; padding: 10px 30px 10px 15px; line-height: 20px; font-size: 0.875rem; font-weight: 400; position: relative;} #menuTop .nav li a.hidden-md b.caret {padding: 0; border: 0; min-width: 30px; height: 100%; position: absolute; top: 0; right: 0; text-align: center; letter-spacing: 0rem;} #menuTop .nav li a.hidden-md b.caret:before {display: inline-block; content: "\f078"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 12px auto 0 auto;} #menuTop .nav li.active a.hidden-md strong, #menuTop .nav li li a.selected {font-weight: 700;} #menuTop .nav li.active a.hidden-md {background-color: #eeeeee;} #menuTop .nav li li a #menuTop .nav li li a:visited {border: 0; color: #555555;} #menuTop .nav li li a:hover {border: 0;} #menuTop .nav li li a.selected, #menuTop .nav li li a:hover {color: #1d2c47; background-color: #f3f3f3; background-image: none;} #menuTop .nav li li a {padding: 8px 10px 8px 35px; font-size: 0.875rem;} } @media all and (min-width: 992px) { #menuTop ul {margin-bottom: 0;} #menuTop ul.nav.navbar-nav {width: 100%; min-height: 1px; margin: 0 auto 0 0; position: relative; display: flex; flex-wrap: nowrap;} #menuTop .nav li > ul {display: none;} #menuTop .nav li:hover > ul, #menuTop .nav li:hover > ul ul {display: block;} #menuTop .nav li:hover > ul ul ul {display: none;} #menuTop .nav li {display: inline-block; position: static;} #menuTop .nav li li {display: inline-block; clear: none; height: 100%; width: 20%; margin-bottom: 30px;} #menuTop .nav li li li {display: block; clear: both; height: auto; width: 100%; margin-bottom: 0;} #menuTop .nav li li:nth-child(6):before {content: ""; display: block; width: calc(100% - 30px); height: 1px; position: absolute; margin: -15px 0 0 0px; border-top: 1px solid #cccccc;} #menuTop .nav li li li:nth-child(6):before {display: none;} #menuTop .nav li x {display: block; padding: 0 0; width: 100%; height: 100%; text-align: center; line-height: 1; font-size: 0.875rem; font-weight: 700; white-space: normal; cursor: pointer;} #menuTop .nav li a {display: flex; padding: 0 25px; width: 100%; height: 100%; text-align: center; justify-content: center; align-items: center; line-height: 1; font-size: 0.75rem; font-weight: 700; white-space: normal;} #menuTop .nav li li a {display: block; padding: 5px 10px; height: auto; line-height: 1.3; white-space: normal; font-size: 0.875rem; text-align: left;} #menuTop .nav li li li a {font-weight: 400;} #menuTop .nav li ul {width: calc(100% + 144px); min-width: auto; position: absolute; top: 82px; left: 0; opacity: 0; height: auto; overflow: hidden; z-index: 20101; padding: 15px 15px 0 15px; box-sizing: border-box;} #menuTop .nav li:hover ul {opacity: 1; z-index: 20102;} #menuTop .nav li ul ul {width: 100%; position: static; padding: 0;} } @media all and (min-width: 992px) and (max-width: 1199px) { #mainTopWrap {position: relative;} #menuTop ul.nav.navbar-nav {position: static!important;} #menuTop .nav li ul {width: 100%;} } @media all and (min-width: 992px) and (max-width: 1399px) { #menuTop .nav li a {padding-left: 10px; padding-right: 10px;} #menuTop .nav li li a {padding-left: 10px; padding-right: 10px;} #menuTop .nav li ul {padding: 10px 10px 0 10px;} #menuTop .nav li ul ul {padding: 0;} } @media all and (min-width: 1399px) { #menuTop .nav li li {width: 16.6666%;} #menuTop .nav li li li {width: 100%;} #menuTop .nav li li:nth-child(6):before, #menuTop .nav li li li:nth-child(6):before {display: none;} #menuTop .nav li li:nth-child(7):before {content: ""; display: block; width: calc(100% - 30px); height: 1px; position: absolute; margin: -15px 0 0 0px; border-top: 1px solid #cccccc;} #menuTop .nav li li li:nth-child(7):before {display: none;} } @media all and (min-width: 992px) and (max-width: 1199px) { #menuTop .nav li x, #menuTop .nav li a {font-size: 0.875rem;} } @media all and (min-width: 992px) { #menuTop .nav li a.dropdown-toggle, #menuTop .nav .caret {display: none;} /* #menuTop .nav li.has-drops a {width: 100%; box-sizing: border-box; padding-right: 28px;} #menuTop .nav li.has-drops a.dropdown-toggle {display: inline-block; position: absolute; top: 0; right: 0; width: 28px; height: 100%; padding: 0; border: 0; margin: 0; text-align: center; background-color: inherit;} #menuTop .nav li.has-drops a.dropdown-toggle b.caret {display: block; width: 28px; height: 100%; line-height: 1; padding: 0; border: 0; margin: 0; text-align: left; overflow: hidden; text-indent: -999px; background: url(arrow-menu-down-white.png) no-repeat 50% 50%;} #menuTop .nav li.has-drops li a {padding-right: 28px;} #menuTop .nav li.has-drops li a.dropdown-toggle {width: 28px; height: 100%;} #menuTop .nav li.has-drops li a.dropdown-toggle b.caret {height: 100%; width: 28px; background: url(arrow-menu-right.png) no-repeat 50% 50%;} */ #menuTop .dropdown-menu {background-color: rgba(255,255,255,1); outline: 0px solid #cccccc; border: 0; border-top: 1px solid #cccccc; margin-top: 0; box-shadow: none;} .sticky #menuTop .dropdown-menu {border-top: 0;} #menuTop li li .dropdown-menu {outline: 0 solid #cccccc; border: 0;} #menuTop .nav li x, #menuTop .nav li a, #menuTop .nav li a:visited {background-color: transparent; color: #ffffff; background-image: none;} #menuTop .nav li:hover x, #menuTop .nav li:hover a {background-color: #000000; color: #ffffff;} #menuTop .nav li:hover li a {background-color: transparent; color: #000000;} #menuTop .nav li x:hover, #menuTop .nav li a:hover, #menuTop .nav li li a:hover {background-color: #000000; color: #ffffff; background-image: none;} #menuTop .nav li a[title="SALE"], #menuTop .nav li a[title="SALE"]:visited {color: #ff0000;} #menuTop .nav li a.selected, #menuTop .nav li a.selected:visited {/* background-color: #000000; color: #ffffff; */} #menuTop .nav li a.selected:hover {/* background-color: #000000; color: #f1f1f1; */} #menuTop .nav li.active x:after {content: ""; display: flex; position: relative; bottom: 7px; left: 0; width: 100%; height: 7px; background-color: #000000;} /* #menuTop .nav li li a.active:after {display: none; width: 7px; height: 100%;} */ #menuTop .nav li:hover a, #menuTop .nav li:hover a:visited {} #menuTop .nav li:hover a:hover {} #menuTop .nav li:hover li a, #menuTop .nav li:hover li a:visited {} #menuTop .nav li:hover li a:hover {} #menuTop .nav li li a.selected, #menuTop .nav li li a.selected:visited {background-color: #000000; color: #ffffff;} #menuTop .nav li li a.selected:hover {background-color: #000000; color: #f1f1f1;} #menuTop li a {/* border-right: 1px solid #2a2a2a; */} #menuTop li li a {/* border-right: 0; */} /* menu v2 */ #menuTop .dropdown-menu {} #menuTop .nav li:hover ul {} #menuTop .nav li li a {} } #mobi_underHeader, #mobi_underHeaderCat {margin: 0; padding: 0;} #mobi_underHeaderCat, #mobi_underHeader, #mobi_underHeader, #mobi_underHeaderCat {background-color: #f3f3f3;} #mobi_quickCart {background-color: #000000;} #mobi_underHeader .dropdown-menu, #mobi_underHeaderCat .dropdown-menu {background-color: #f3f3f3;} #mobi_underHeader .open .dropdown-menu, #mobi_underHeaderCat .open .dropdown-menu {background-color: #eeeeee;} #mobi_underHeader .navbar-nav, #mobi_underHeaderCat .navbar-nav {margin: 0;} #mobi_underHeader .container, #mobi_underHeaderCat .container {margin: 0; padding: 0;} .simplemodal-container #menuTop, #mobi_menuTop, #mobi_menuCat {color: #1d2c47; padding: 0; margin: 0;} /* @media all and (max-width: 991px) { .simplemodal-container #menuTop {width: calc(100% + 30px); margin: 0 -15px;} } */ .simplemodal-container #menuTop li a, #mobi_menuTop li a, #mobi_menuCat li a {font-size: 1rem; line-height: 20px; padding-top: 10px; padding-bottom: 10px;} #mobi_menuTop li a.dropdown-toggle, #mobi_menuCat li a.dropdown-toggle {font-size: 1.125rem; line-height: inherit; padding-top: 0; padding-bottom: 0;} .simplemodal-container #menuTop li li a, #mobi_menuTop li li a, #mobi_menuCat li li a {font-size: 0.875rem; padding-top: 8px; padding-bottom: 8px;} #mobi_menuTop li li a, #mobi_menuCat li li a, #mobi_menuTop li li a:visited, #mobi_menuCat li li a:visited {border: 0px solid #1d2c47; color: #555555;} #mobi_menuTop li li a:hover, #mobi_menuCat li li a:hover {border: 0px solid #ffffff;} #mobi_menuTop li li a.selected, #mobi_menuCat li li a.selected, #mobi_menuTop li li a:hover, #mobi_menuCat li li a:hover {color: #1d2c47; background-color: #f3f3f3; background-image: none;} #mobi_menuTop li.active > a, #mobi_menuCat li.active > a {font-weight: 700;} #mobi_menuTop li.dropdown a, #mobi_menuCat li.dropdown a {padding-right: 35px; position: relative;} #mobi_menuTop li.dropdown a.dropdown-toggle, #mobi_menuCat li.dropdown a.dropdown-toggle {display: inline-block; position: absolute; top: 0px; right: 0px; border: 0; width: auto; padding-left: 0; padding-right: 0; text-align: left; border-left: 0px solid rgba(222,222,222,0.2);} #mobi_menuTop li.dropdown a.dropdown-toggle.hidden-lg, #mobi_menuCat li.dropdown a.dropdown-toggle.hidden-lg {position: relative; display: block; width: 100%; font-size: 1rem; line-height: 20px; padding: 10px 15px 10px 15px; cursor: pointer;} #mobi_menuTop li.dropdown a.dropdown-toggle.hidden-lg .caret, #mobi_menuCat li.dropdown a.dropdown-toggle.hidden-lg .caret {position: absolute; top: 0; right: 0;} #mobi_menuTop li.dropdown li a, #mobi_menuCat li.dropdown li a {} #mobi_menuTop li.dropdown li a.dropdown-toggle, #mobi_menuCat li.dropdown li a.dropdown-toggle {border-left: 0px solid rgba(222,222,222,0.2);} #mobi_menuTop .caret, #mobi_menuCat .caret { /* glyphicon */ position: relative; text-align: center; top: 0px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: /* 1 */ 40px; width: 30px; border: 0; height: inherit; } #mobi_menuTop .caret:before, #mobi_menuCat .caret:before { content: "\e114"; } #mobi_menuTop .caret.less:before, #mobi_menuCat .caret.less:before { content: "\e113"; } #mobi_menuTop ul.nav li.dropdown:hover > ul.dropdown-menu, #mobi_menuCat ul.nav li.dropdown:hover > ul.dropdown-menu {} #mobi_menuTop ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu, #mobi_menuCat ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu {/* position: relative; */} #mobi_menuTop ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu ul, #mobi_menuCat ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu ul {/* display: block; */} #mobi_menuTop ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu:hover ul.dropdown-menu, #mobi_menuCat ul.nav ul.dropdown-menu li.dropdown.dropdown-submenu:hover ul.dropdown-menu {/* display: block; */ /* position: absolute; left: 100%; top: 0; margin-top: -6px; */} @media all and (max-width: 1199px) { #mobi_menuTop .navbar-nav .dropdown-menu, #mobi_menuCat .navbar-nav .dropdown-menu {} #mobi_menuTop .navbar-nav .open .dropdown-menu, #mobi_menuCat .navbar-nav .open .dropdown-menu { display: block; position: static; float: none; -webkit-box-shadow: none; box-shadow: none; /* margin-left: 15px; */ border: 0; } #mobi_menuTop .dropdown-menu, #mobi_menuCat .dropdown-menu {margin-top: 0; padding-top: 0; padding-bottom: 0;} #mobi_menuTop .navbar-nav .open .dropdown-menu .dropdown-menu, #mobi_menuCat .navbar-nav .open .dropdown-menu .dropdown-menu {padding-left: 10px;} #mobi_menuTop .navbar-nav .open .dropdown-menu .dropdown-toggle, #mobi_menuCat .navbar-nav .open .dropdown-menu .dropdown-toggle {display: none;} } @media all and (min-width: 992px) { .navbar-collapse.collapse#mobi_menuTop, .navbar-collapse.collapse#mobi_menuCat {display: none!important;} } #mobi_clientMenu, #mobi_menuTop #flagListMobile {clear: both; width: 100%; display: block; margin: 0; padding: 15px 0; text-align: center; border-top: 1px solid #dedede;} #mobi_clientMenu {border: 0;} #mobi_menuTop #flagListMobile {margin-top: 15px;} #mobi_clientMenu ul, #mobi_menuTop #flagListMobile ul {width: 100%; line-height: 1; display: block; padding: 0; margin: 0; text-align: center; list-style: none;} #mobi_clientMenu li, #mobi_menuTop #flagListMobile ul li {display: block; width: 100%; line-height: 1; padding: 0; margin: 0 0 15px 0; float: none; list-style: none;} #mobi_clientMenu a, #mobi_menuTop #flagListMobile ul li a {display: block; padding: 10px 15px; line-height: 1; text-transform: uppercase; font-size: 0.875rem;} #mobi_menuTop #flagListMobile ul li img {margin: -3px 5px 0 0;} #mobi_clientMenu a, #mobi_clientMenu a:visited, #mobi_menuTop #flagListMobile a, #mobi_menuTop #flagListMobile a:visited {border: 1px solid #000000; background-color: #ffffff; color: #222222;} #mobi_clientMenu a:hover, #mobi_menuTop #flagListMobile a:hover {border: 1px solid #000000; background-color: #000000; color: #ffffff;} #mobi_clientMenu a.selected, #mobi_clientMenu a.selected:visited, #mobi_menuTop #flagListMobile a.selected, #mobi_menuTop #flagListMobile a.selected:visited {border: 1px solid #000000; background-color: #000000; color: #ffffff;} #mobi_clientMenu a.selected:hover, #mobi_menuTop #flagListMobile a.selected:hover {border: 1px solid #000000; background-color: #000000; color: #f1f1f1;} button.button-flag ul.dropdown-menu.curList {min-width: 50px; margin: 0; padding: 0;} button.button-flag ul.dropdown-menu.curList a.curLink {display: block; padding: 5px 10px; font-weight: 400;} button.button-flag ul.dropdown-menu.curList a.curLink.selected {font-weight: 700;} /* catMenu */ #box_catMenu {} .catMenu {} .catMenu ul {list-style: none; margin: 0; padding: 0; width: 100%;} .catMenu li {list-style: none; margin: 0; padding: 0; display: block; text-transform: uppercase;} .catMenu li li {} .catMenu li li li {padding-left: 15px; text-transform: none;} .catMenu li a:before {font-family: 'FontAwesome'; /* content: "\f078"; */ content: "\f054"; display: inline-block; width: 17px; font-size: 1.063rem; margin: 0 -17px 0 0; position: relative; top: 1px; left: -40px; text-align: center;} /* .catMenu li a:hover:before {content: "\f054";} */ .catMenu li a.selected:before {content: "\f077";} .catMenu li li a:before, .catMenu li li a:hover:before {display: none;} .catMenu ul ul {padding-top: 0; padding-bottom: 15px;} .catMenu ul ul ul {padding-top: 0; padding-bottom: 15px;} .catMenu li a {display: inline-block; padding: 12px 0 12px 40px; font-size: 0.875rem; font-weight: 300;} .catMenu li li a {padding: 3px 0 4px 40px;} @media all and (min-width: 992px) and (max-width: 1199px){ .catMenu li a:before {margin-right: -17px; left: -25px;} .catMenu li a, .catMenu li li a {padding-left: 25px;} } .catMenu li li a:hover {} .catMenu li li li a {} .catMenu li li li a:hover {} .catMenu li li li li a {} .catMenu li li li li a:hover {} .catMenu li li li li li a {} .catMenu li li li li li a:hover {} .catMenu ul li a, .catMenu ul li a:visited {color: #000000;} .catMenu li a.selected, .catMenu li a.selected:visited {font-weight: 700;} .catMenu ul li a:hover {color: #000000;} .catMenu ul li a.selected, .catMenu ul li a.selected:visited {} .catMenu ul li a.selected:hover {} /* catMenu */ #box_conCatMenu {} .catMenu.conCatMenu {} /* slideShow */ .carousel-control {/*width: 15%; opacity: 0; */ width: 60px; text-align: center;} .carousel-control:hover {opacity: 1;} @media all and (min-width: 768px) { .carousel-control {width: 60px;} } @media all and (min-width: 1200px) { .carousel-control {width: 100px;} } .carousel {} .carousel .item {} .carousel .item img {width: 100%; display: block; height: auto;} .carousel-caption {left: 25px; bottom: 25px; right: auto; margin: 0; text-align: left; padding: 0; max-width: 80%; z-index: 10;} .carousel-control {z-index: 15;} .carousel-caption h3 {display: inline-block; font-weight: 400; margin: 0 auto 0 0; padding: 5px 10px; left: 0; font-size: 1.375rem; color: #ffffff; background-color: transparent; text-align: left; line-height: 22px; text-shadow: 0px 0px 5px rgba(0,0,0,1);} .carousel-caption p {margin: 10px auto 0 0; font-weight: 300; padding: 10px 20px; background-color: rgba(50,50,50,0.5); border-radius: 0; color: #ffffff; font-size: 0.875rem; text-align: left; width: auto; line-height: 1.3;/* border-radius: 10px; */} .carousel-indicators {width: 100%; max-width: 100%; left: 0; right: 0; bottom: 5px; margin: 0; text-align: center; z-index: 20;} .carousel-indicators li, .carousel-indicators li.active {margin: 0 5px 0 5px; border-radius: 50%; width: 19px; height: 19px; padding: 0; border: 2px solid #ffffff;} .carousel-indicators li {background-color: transparent; opacity: 0.71;} .carousel-indicators li.active {background-color: #ffffff; opacity: 1;} .carousel-indicators li:hover {background-color: #ffffff; opacity: 0.9;} @media all and (max-width: 767px) { .carousel-indicators {bottom: 10px; left: 50%; bottom: 0; right: auto; width: 60%; margin-left: -30%; text-align: center;} } /* fade for carousel */ .carousel[data-fx="fade"] .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel[data-fx="fade"] .item, .carousel[data-fx="fade"] .active.left, .carousel[data-fx="fade"] .active.right {opacity: 0;} .carousel[data-fx="fade"] .active, .carousel[data-fx="fade"] .next.left, .carousel[data-fx="fade"] .prev.right {opacity: 1;} .carousel[data-fx="fade"] .next, .carousel[data-fx="fade"] .prev, .carousel[data-fx="fade"] .active.left, .carousel[data-fx="fade"] .active.right {left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel[data-fx="fade"] .active.left {z-index:2;} .carousel[data-fx="fade"] .next {z-index:1;} /* .dropdown-menu li:hover {position: relative;} .dropdown-menu li:hover ul {position: absolute; left: 100%; top: 0; display: block;} */ * html .ui-autocomplete {width:1px;} .ui-autocomplete {position: absolute; cursor: default; z-index: 9400!important;} .ui-menu {list-style: none; display: block; box-sizing: border-box; width: 285px; margin: 0; padding: 0; float: left; background-color: rgb(255,255,255); color: #808080; overflow: auto; max-height: 600px; background: #ffffff none; border: 1px solid #dddddd; border-bottom: 0;} .ui-menu .ui-menu-item {list-style: none; display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 0 0 0 0; float: left; clear: left; text-decoration: none; line-height: 1.5; font-size: 0.688rem; cursor: pointer; background: #ffffff none; border: 0; border-bottom: 1px solid #dddddd; white-space: normal; overflow: hidden;} .ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item.ui-state-hover, .ui-menu .ui-menu-item.ui-state-focus, .ui-menu .ui-menu-item.ui-state-active {background: #efefef none; color: #000000;} .ui-menu .sugg, .ui-menu .sugHeader {display: block; box-sizing: border-box; width: 100%; padding: 6px 12px; color: inherit; text-decoration: none; overflow: hidden;} .ui-menu .sugg.hasPic {padding-left: 70px;} .ui-menu .sugg b {font-weight: 700; /* color: red; background-color: rgba(0,0,0,0.05); text-decoration: underline; */} .ui-menu .sugHeader {background-color: #efefef; color: #444444; text-transform: uppercase; font-weight: 600;} .ui-menu .pics {display: none; box-sizing: border-box; float: left; width: 50px; height: 50px; overflow: hidden; position: relative; background: #ffffff; border: 1px solid #dedede; outline: 1px solid #ffffff; outline-offset: 0px; margin: 5px 0 10px -60px;} .ui-menu .pics img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} .ui-menu .pics span.img {display: block; width: 50px; height: 50px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .ui-menu .names {display: block; box-sizing: border-box;} .ui-menu .names .name {} .ui-menu .names .price {padding-top: 5px; font-size: 0.688rem; color: inherit;} .ui-menu .names .price .currency {font-size: inherit; color: inherit;} @media all and (min-width: 480px) { .ui-menu .pics {display: block;} .ui-menu .sugg.hasPic {padding-left: 70px;} } /* @media all and (max-width: 991px) { .ui-menu {width: calc(100% - 20px); box-sizing: border-box;} } */ @media all and (max-width: 479px) { .ui-menu {width: 255px;} } @media all and (max-width: 359px) { .ui-menu {width: 225px;} } /* box default */ .panel { background-color: transparent; border: 0; box-shadow: none; } .panel.box { border-color: #dddddd; border: 0; margin-bottom: 30px; } .panel.box > .panel-heading { /* color: #333; */ background-color: transparent; border: 0px solid #dddddd; padding: 10px 0; } .panel.box > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; border: 0; } .panel.box > .panel-heading .badge { color: #f3f3f3; background-color: #333; } .panel.box > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dddddd; border: 0; } /* box-blue */ .panel.box1 { border-color: #337ab7; border: 0; } .panel.box1 > .panel-heading { /* color: #fff; */ /* background-color: #337ab7; */ border-color: #337ab7; border: 0; } .panel.box1 > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; border: 0; } .panel.box1 > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel.box1 > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; border: 0; } #sideColLeft .panel .panel-body {padding: 10px 0;} #sideColLeft #box_loginForm .panel-body {padding: 10px 0;} #sideColLeft #box_catMenu .panel-body, #sideColLeft #box_conCatMenu .panel-body {padding: 12px 0 15px 0;} #sideColLeft #box_loginPanel .panel-body {} /* headers */ .pageTitle {font-size: 2rem; font-weight: 800; margin: 0 0 30px 0; padding: 38px 5px 39px 30px; text-transform: uppercase; background-color: #f6f6f6;} .pageTitle.catTitle {background-color: transparent; padding: 0 0 20px 0; margin-bottom: 10px;} @media all and (max-width: 992px) { .pageTitle {font-size: 1.625rem;} .pageTitle.catTitle {padding-left: 10px;} } .text_ok .pageTitle {font-weight: 700;} .text_ok .pageTitle .nr {font-weight: 400;} .pageTitle.doubleTitle {background-color: transparent; padding: 20px 0 20px 0; margin-bottom: 10px;} @media all and (min-width: 992px) { .pageTitle {padding-left: 40px;} } @media all and (min-width: 1600px) { .pageTitle {/* padding-left: 115px; */} } .pageSubTitle {font-size: 1rem; font-weight: 700; margin: 0 0 15px 0; padding: 15px 0 15px 0; text-transform: uppercase;} .orders label.delivery-paczka, .orders .pageSubTitle {font-size: 2rem; font-weight: 800; margin-bottom: 0; padding: 38px 5px 39px 30px; background-color: #f6f6f6;} @media all and (max-width: 991px) { .orders label.delivery-paczka, .orders .pageSubTitle {font-size: 1.625rem;} } .orders h4.pageSubTitle.orders, .orders label.delivery-paczka, .orders .pageSubTitle.receiptPoint, .orders .pageSubTitle.smallSubTitle {font-size: 1rem; font-weight: 700; margin: 0 0; padding: 30px 0 15px 0; background-color: transparent;} .conBody #page_conForm .pageTitle, .tabs .pageTitle, .tabs .pageSubTitle {font-size: 1rem; font-weight: 700; margin: 0 0; padding: 15px 0 15px 0; background-color: transparent;} .orders .pageSubTitle.smallSubTitle.yourRebate {padding-bottom: 0;} .orders .flex-next label.delivery-paczka, .orders .flex-next .pageSubTitle {padding-top: 0;} .panel-heading, .panel-heading .panel-title, .moduleTitle {font-size: 1rem; font-weight: 700; margin: 0 0 0 0; padding: 10px 0; text-transform: uppercase;} .detCard .moduleTitle {font-size: 0.75rem; font-weight: 400;} .panel-heading .panel-title {padding: 0;} #sideColLeft .panel-heading {} #sideColLeft .panel-heading .panel-title {text-transform: uppercase; font-size: 1.125rem; font-weight: 500;} .side-blog#sideColLeft .panel {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dddddd;} .side-blog#sideColLeft .panel:last-child {padding-bottom: 0; border-bottom: 0;} .side-blog#sideColLeft .panel-heading {} .side-blog#sideColLeft .panel-heading .panel-title {text-transform: none; font-size: 16px;} .side-blog#sideColLeft .panel-body {padding: 5px 0 0 0;} .side-blog#sideColLeft #box_blogTags .panel-body {} .side-blog#sideColLeft #box_blogPopularTags .panel-body {} .components .rowTitle, .rowTitle.bigTitle, .bigTitle .col-md-12 {margin: 0; padding: 0; text-align: left;} .bigTitle .pageTitle {display: block; width: 100%; font-size: 2.5rem; line-height: 40px; font-weight: 800; padding: 0 0 15px 0; margin: 20px 0 0 0; text-transform: uppercase; text-align: left; background-color: transparent;} .bigTitle .pageTitle {padding-bottom: 60px; position: relative;} .bigTitle .pageTitle .sub {display: block; width: 100%; font-size: 1rem; line-height: 1; font-weight: 400; position: absolute; bottom: 35px; left: 0; padding: 0; text-transform: none;} #section_slider {margin-bottom: 30px; height: 100%} #accorCatMenu {/* margin-top: -30px; margin-bottom: 30px; */} .welcomePage .bigTitle {margin-bottom: 30px;} .welcomePage .reorder#main #mainCol {padding-top: 0;} .welcomePage .bigTitle .col-md-12, .welcomePage .bigTitle .pageTitle {text-align: center;} .components .rowTitle {margin-top: 40px;} .pageTitle.catTitle, #page_itemList .pageTitle {} #page_itemList .catDesc .pageTitle.catTitle {} @media all and (max-width: 991px) { .pageTitle.catTitle, #page_itemList .pageTitle {margin-bottom: 15px;} .components .bigTitle .pageTitle {font-size: 1.625rem; text-align: center;} .components .bigTitle .pageTitle .sub {font-size: 1rem; text-align: center;} } .panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4, .panel-heading h5, .panel-heading h6 {font-size: inherit; font-weight: inherit; color: inherit; margin: 0; padding: 0;} .orders .pageSubTitle {margin-top: -1px;} .orders .pageSubTitle.smallSubTitle {} #section_userPanel .pageSubTitle {margin-top: 15px;} .form-control {box-shadow: none;} /* buttons */ .btn-link, .btn, .button { display: inline-block; padding: 10px 12px; margin-bottom: 0; font-size: 1rem; font-weight: 700; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; /* -ms-touch-action: manipulation; touch-action: manipulation; */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 0; text-decoration: none; } .button:focus, .button:active:focus, .button.active:focus, .button.focus, .button:active.focus, .button.active.focus { outline: 0; outline-offset: -2px; -webkit-box-shadow: none; box-shadow: none; } .button:hover, .button:focus, .button.focus { color: #333; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; } .button:active, .button.active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .button.disabled, .button[disabled], fieldset[disabled] .button { /* pointer-events: none; */ cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .button.btn-big, .btn.btn-big {padding: 10px 20px; clear: both; width: 100%;} #reg_submit, .loginPage .btn.btn-default {font-size: 1.625rem; padding: 22px 10px; clear: both;} @media all and (max-width: 991px) { #reg_submit, .loginPage .btn.btn-default {font-size: 1.25rem;} } .loginPage .btn.btn-default, .limitMe #reg_submit {width: 100%;} .btn.btn-long, .btn.button-long {white-space: normal; word-wrap: break-word;} .btn.btn-filter {font-size: 0.75rem; padding: 13px 14px;} .item .btn {line-height: 1; font-size: 0.75rem; font-weight: 700; height: auto; padding: 10px 5px 10px 5px; text-align: center;} .item .btn.btn-see, .item .btn.btn-wish {} .item .btn span {display: inline-block;} .item .btn i {display: inline-block; width: 16px; height: 16px; margin: -3px 4px 0 -4px; float: left;} .item .btn .icon-eye {background: url(icon-btn.png) no-repeat 0 0;} .item .btn:hover .icon-eye {background-position: 0 -16px;} .item .btn .icon-heart {background: url(icon-btn.png) no-repeat -16px 0;} .item .btn:hover .icon-heart {background-position: -16px -16px;} .btn-cart .icon {margin-left: -5px; margin-right: 10px; font-size: 1.125rem;} .detCard .info-button {margin: 0; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center;} .detCard .info-button .btn.button-long {width: 100%; height: 83px; display: flex; justify-content: center; align-content: center; align-items: center; padding: 0;} .detCard .info-button .btn.button-long .text {display: flex; order: 1; flex: 0 1 auto; margin: 0; padding: 15px; line-height: 1;} .detCard .info-button .btn.button-long, .btn-cart#addToBasket {font-size: 1.625rem; font-weight: 700; line-height: 1;} @media all and (max-width: 991px) { .detCard .info-button .btn.button-long, .btn-cart#addToBasket {font-size: 1.25rem;} } .btn-cart#addToBasket {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: stretch; padding: 0 15px;} .btn-cart#addToBasket .text {display: flex; order: 1; flex: 0 1 auto; margin: 0; padding: 0; line-height: 81px;} .btn-cart#addToBasket .icon {display: flex; order: 2; flex: 0 1 auto; margin: 0 0 0 10px; width: 30px; line-height: 81px; position: relative;} .btn-cart#addToBasket .icon:after {content: ""; position: absolute; top: 50%; margin-top: -18px; display: block; width: 35px; height: 35px; background: url(icon-cart-big.png) no-repeat 0 0;} .btn-cart#addToBasket:hover .icon:after {background-position: 0 -35px;} @media all and (max-width: 479px) { .btn-cart#addToBasket .text {display: none;} .btn-cart#addToBasket .icon {flex: 1 1 auto; margin-left: -18px; left: 50%;} } .cartNav .btn-back .icon, .btn.btn-back .icon, .btn.adr-new .icon, .btn.adr-edit .icon, .btn.adr-del .icon, .btn.submit-btn .icon, .btn .fa.fa-chevron-left, .nav .fa-chevron-left, .lastLink .fa-chevron-left {margin-left: 0; margin-right: 10px;} .btn-link.adr-new .icon, .btn-link.adr-edit .icon, .btn-link.adr-del .icon {margin-left: 0; margin-right: 10px;} .btn .fa.fa-chevron-right, .nav .fa-chevron-right, .lastLink .fa-chevron-right {margin-left: 10px; margin-right: 0;} .btn-link {text-transform: uppercase;} .btn-link.btn-back {} .btn-link.adr-new {} .btn-link.adr-edit {} .btn-link.adr-del {} .btn-link, .btn-link:visited { text-decoration: none; color: #ffffff; background-color: #000000; background-image: none; border-color: #000000; text-shadow: none; box-shadow: none; } .btn-link:focus, .btn-link:hover { text-decoration: none; color: #000000; background-color: #ffffff; background-image: none; border-color: #000000; text-shadow: none; box-shadow: none; } .button, .button:visited, .btn, .btn:visited, .btn.btn-default, .btn.btn-default:visited { color: #ffffff; background-color: #000000; background-image: none; border-color: #000000; text-shadow: none; box-shadow: none; text-transform: uppercase; } .button:focus, .button:hover, .btn:focus, .btn:hover, .btn.btn-default:focus, .btn.btn-default:hover { color: #000000; background-color: #ffffff; background-image: none; border-color: #000000; text-shadow: none; box-shadow: none; } .btn.btn-primary, .btn.btn-primary:visited { color: #ffffff; background-color: #000000; background-image: none; border-color: #000000; text-shadow: none; box-shadow: none; } .btn.btn-primary:focus, .btn.btn-primary:hover { color: #000000; background-color: #ffffff; background-image: none; border-color: #000000; text-shadow: none; box-shadow: none; } .btn.btn-default#toTop, .btn.btn-default#toTop:visited { color: #000000; background-color: #ffffff; background-image: none; border-color: #000000; position: fixed; bottom: 5px; right: 5px; opacity: 0.75; } .btn.btn-default#toTop:focus, .btn.btn-default#toTop:hover { color: #ffffff; background-color: #000000; background-image: none; border-color: #000000; position: fixed; bottom: 5px; right: 5px; opacity: 1; } .btn#addToBasket, .btn#addToBasket:visited {background-color: #000000; color: #ffffff; border-color: #000000;} .btn#addToBasket:focus, .btn#addToBasket:hover {background-color: #ffffff; color: #000000; border-color: #000000;} #side_filters #buttonReset .btn, #side_filters #buttonReset .btn:visited { color: #000000; background-color: #ffffff; } #side_filters #buttonReset .btn:focus, #side_filters #buttonReset .btn:hover { color: #ffffff; background-color: #000000; } .btn-del, .btn-del:visited {color: #c60000; background-color: #ffffff; background-image: none; border: 1px solid #c60000;} .btn-del:focus, .btn-del:hover {color: #ffffff; background-color: #c60000; background-image: none; border: 1px solid #c60000;} .btn-google, .btn-google:visited {color: #ffffff; background-color: #CF4332; background-image: none; border: 1px solid #CF4332;} .btn-google:focus, .btn-google:hover {color: #ffffff; background-color: #ae3628; background-image: none; border: 1px solid #ae3628;} .btn-facebook {margin-bottom: 15px; font-size: 1.625rem; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: stretch; line-height: 1; padding-top: 0; padding-bottom: 0;} .btn-facebook, .btn-facebook:visited {color: #ffffff; background-color: #4666a0 /* #1877f2 */; background-image: none; border: 1px solid #4666a0 /* #1877f2 */;} .btn-facebook:focus, .btn-facebook:hover {color: #ffffff; background-color: #395382 /* #0c61d3 */; background-image: none; border: 1px solid #395382 /* #0c61d3 */;} .btn-facebook span.fa {display: flex; order: 2; flex: 0 1 auto; line-height: 81px; text-indent: -999px; overflow: hidden; text-align: left; background: url(icon-facebook-circle.png) no-repeat 50% 50%; width: 43px; height: 41px; margin: 18px 0 0 25px;} .btn-facebook span.fa:before {display: none;} .btn-facebook span.text {display: flex; order: 1; flex: 0 1 auto; width: auto; line-height: 81px;} /* ind btns */ .btn-google-facebook {display: flex; justify-content: center; align-items: center; font-size: 1rem; line-height: 1; gap:1rem} .loginPage .btn.btn-default.btn-google-facebook span {font-size: 1rem;} .loginPage .btn.btn-default.btn-google-facebook span.fa {font-size: 2rem; width: 28px; height: 32px;} .loginPage .btn.btn-default.btn-google-facebook span.fa.fa-google {background: url(logo-Google-G.svg) no-repeat 50% 50%; background-size: contain; padding: 0;} .loginPage .btn.btn-default.btn-google-facebook span.fa.fa-google:before {display: none;} .btn-google-facebook.disable-link, .btn-google-facebook.disable-link:visited, .btn-google-facebook.disable-link:focus, .btn-google-facebook.disable-link:hover {color: #ffffff; background-color: #d2d2d2; background-image: none; border: 1px solid #d2d2d2 /* #0c61d3 */;} /* ind btns */ @media all and (max-width: 479px) { .btn-facebook span.text {display: block; width: 100%; text-align: center;} .btn-facebook span.fa {display: block; width: 100%; text-align: center; margin: -10px auto 15px auto;} } /* przewijanie (slick) */ #prodListMain {overflow: hidden; position: relative; background-color: #ffffff; border-radius: 0; margin: 15px 0 15px 0; padding: 20px 15px; height: auto;} #slideSaleList, .slideSaleList, .slideList {overflow: hidden; position: relative; background-color: transparent; border-radius: 0; margin: 0 0 0 0; padding: 0 0; height: auto;} #section_mainList .row.mainList, #section_bestList .row.mainList, #section_saleList .row.mainList {margin-left: -10px; margin-right: -5px;} /* fix na slick.js i zakładki */ /* .tab-content > .tab-pane {display: block; visibility: hidden;} .tab-content > .tab-pane.active {visibility: visible;} .tab-content {position: relative;} .tab-pane:not (:first-child){position: absolute; width: 100%; height: 100%; top: 0; left: 0;} */ /* producenci */ .producer.thumbnail {margin: 0px 15px; padding: 0; height: auto; width: 100%; text-align: center; vertical-align: middle; border: 0; box-shadow: none; overflow: hidden; position: relative;} .producer.thumbnail a {display: block; padding: 0 0; text-align: center; font-size: 0.688rem;} .producer.thumbnail a.producerImage {height: auto; background-color: #f3f3f3; vertical-align: middle;} .producer.thumbnail a.producerImage img {vertical-align: middle; opacity: 0.9} .producer.thumbnail a.producerImage:hover img {opacity: 1;} .producer.thumbnail .caption {display: none; position: absolute; top: -100%; background-color: rgba(255,255,255,0.9); color: #555555; font-size: 0.688rem; width: 100%; padding: 0;} .producer.thumbnail:hover .caption {top: 0;} .producer.thumbnail .caption .producerName {font-size: inherit; margin: 0; padding: 0;} .producer.thumbnail .caption a {display: block; padding: 5px;} .producer.thumbnail .caption a span {} .producer.thumbnail a.producerImage {position: relative; height: 55px;} .producer.thumbnail a.producerImage img { max-width: 100%; max-height: 100%; display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; } /* prodList */ .prodList {overflow: hidden;} .prodList .brandItems {} .prodList ul.brands {width: 100%; margin: 0; padding: 0; overflow: auto; list-style: none;} .prodList ul.brands li.brands {width: 20%; text-align: center; margin: 0; padding: 0; list-style: none; display: inline-block; float: left; overflow: hidden;} .prodList div.producer {margin: 15px; padding: 0 0 45px 0; position: relative; overflow: hidden;} .prodList div.producer a {} .prodList .producer .producerImage {text-align: center; position: relative; padding: 10px;} .prodList .producer .producerImage a {display: block; margin: 0; padding: 0; overflow: hidden; position: relative;} .prodList .producer .producerImage .producerPic {display: block; width: 100%; height: 150px; position: relative;} .prodList .producer .producerImage .producerPic img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} .prodList .producer .producerImage .producerDesc {display: block; position: absolute; top: -100%; left: 0; width: 100%; opacity: 0;} .prodList .producer:hover .producerImage .producerDesc {top: 0%; opacity: 1;} .prodList .producer .producerImage .producerDesc a {display: block; padding: 10px; font-size: 0.75rem; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.9);} .prodList .producer .producerName {margin: 0; padding: 0; position: absolute; bottom: 0; display: block; width: 100%; background-color: rgb(255,255,255);} .prodList .producer .producerName a {display: block; padding: 15px; font-size: 0.875rem; text-align: center;} .prodList .producer .producerName a span {} .prodList div.producer {background-color: rgb(255,255,255); border: 1px solid #eeeeee;} .prodList div.producer:hover {background-color: rgb(255,255,255); border: 1px solid #e6e6e6;} @media all and (max-width: 991px) { .prodList ul.brands li.brands {width: 25%;} } @media all and (max-width: 767px) { .prodList ul.brands li.brands {width: 50%;} } @media all and (max-width: 479px) { .prodList ul.brands li.brands {width: 100%;} } /* Slider */ .slick-slider {position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box;} .slick-slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0 15px;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after {display: table; content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none; float: left; height: 100%; min-height: 1px;} [dir="rtl"] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-loading .slick-list { background: #fff url(ajax-loader.gif) center center no-repeat; /* background-image: url(ajax-loader-3x.png); background-size: 31px 31px; */ } /* Arrows */ .slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 2;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; background-color: transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 0.25;} .slick-prev:before, .slick-next:before {/* font-family: 'slick'; */ font-size: 1.25rem; line-height: 1; opacity: .75; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-prev span, .slick-next span {display: inline-block; font-size: 1.125rem; color: #000000; text-shadow: 1px 1px 1px #000000;} .slick-prev:hover span, .slick-next:hover span {color: #ffffff;} .slick-prev {left: 0px;} [dir='rtl'] .slick-prev {right: 0; left: auto;} .slick-prev:before {/* content: "‹"; */} [dir="rtl"] .slick-prev:before {/* content: "›"; */} .slick-next {right: 0px;} [dir='rtl'] .slick-next {right: auto; left: 0px;} .slick-next:before {/* content: "›"; */} [dir="rtl"] .slick-next:before {/* content: "‹"; */} .carousel-control .fa, .slick-arrow .fa {width: 30px; height: 30px; margin-top: -15px; overflow: hidden; padding: 0; text-indent: -999px; text-align: left; line-height: 1; position: absolute; top: 50%; z-index: 5; display: inline-block;} .slick-arrow .fa {margin-top: 0; top: 0;} .carousel-control .fa.fa-chevron-left, .slick-arrow.slick-prev .fa {background: transparent url(sprite-nav-big.png) no-repeat 0 -30px; margin-left: 0; left: 0;} .carousel-control .fa.fa-chevron-left:hover, .slick-arrow.slick-prev .fa:hover {background: transparent url(sprite-nav-big.png) no-repeat 0 0px;} .carousel-control .fa.fa-chevron-right, .slick-arrow.slick-next .fa {background: transparent url(sprite-nav-big.png) no-repeat -30px -30px; margin-right: 0; right: 0;} .carousel-control .fa.fa-chevron-right:hover, .slick-arrow.slick-next .fa:hover {background: transparent url(sprite-nav-big.png) no-repeat -30px 0px;} /* #bigSlick .slick-arrow.slick-prev .fa {background-position: 0 0px;} #bigSlick .slick-arrow.slick-prev .fa:hover {background-position: 0 -30px;} #bigSlick .slick-arrow.slick-next .fa {background-position: -30px 0px;} #bigSlick .slick-arrow.slick-next .fa:hover {background-position: -30px -30px;} */ .carousel-control.left, .carousel-control.right, .carousel-control:hover {opacity: 1; background-image: none;} /* Dots */ .slick-slider {margin-bottom: 30px;} .components .slick-slider {margin-left: -10px; margin-right: -10px;} @media (max-width: 991px) { .components .slick-slider {margin-left: -5px; margin-right: -5px;} } .slick-dots {position: absolute; bottom: 5px; list-style: none; display: none; text-align: center; padding: 0; width: 100%; margin: 0 auto;} .slick-dots li {position: relative; display: inline-block; height: 12px; width: 12px; margin: 0; padding: 0; cursor: pointer;} .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; text-shadow: 1px 1px 1px #000000; background-color: rgba(255,255,255,0.4); border-radius: 0;} .slick-dots li button:hover, .slick-dots li button:focus {outline: none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;} .slick-dots li button:before {/* font-family: 'slick'; */ font-size: 0.375rem; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; /* content: '•'; */ text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button {background-color: rgba(255,255,255,0.8);} .slick-dots li.slick-active button:before {color: black; opacity: 0.75;} .slick-dots li:hover button, .slick-dots li.slick-active:hover button {background-color: rgba(255,255,255,1);} .detCard .slick-dots {display: block; position: static; padding: 10px; width: auto; margin: 0 auto;} .detCard .slick-dots li {display: inline-block; position: relative; height: unset; width: auto; margin: 0 auto; padding: 0 5px; cursor: pointer;} .detCard .slick-dots li button {line-height: 1; display: block; width: 12px; height: 12px; border-radius: 50%; margin: 0; background: #000000; opacity: 0.5;} .detCard .slick-dots li.slick-active button {opacity: 1; background: #000000;} .detCard .slick-dots li:hover button {opacity: 0.75; background: #000000;} .detCard .slick-dots li button:before {display: none;} @media (max-width: 991px) { #thumbsSlickBig .slick-prev, #thumbsSlickBig .slick-next {top: auto; bottom: 3px;} } /* popup cart */ #modal {display: none;} #simplemodal-wrap {z-index: 9402!important;} #simplemodal-overlay {background-color: #000000; z-index: 9402!important;} #simplemodal-container {z-index: 9402!important;} #simplemodal-container .simplemodal-wrap {background-color: #ffffff; box-shadow: 0 0 30px #000000;} #simplemodal-container a.modalCloseImg {/* display: none; */} #simplemodal-container img {vertical-align: bottom;} .addToCartPopup {} .addToCartPopupWrapper {position: static;} .addToCartPopupWrapper h3.popupHead {display: block; clear: right; background-color: #efece9; color: #262b34; margin: 0; line-height: 1; padding: 15px 15px; font-weight: 700; font-size: 1.25rem;} @media all and (max-width: 991px) { .addToCartPopupWrapper h3.popupHead {font-size: 1rem;} } .addToCartPopupContent {overflow: hidden; padding: 10px;} .addToCartPopupContent div.image {display: none;} .addToCartPopupContent div.info {font-size: 0.688rem; padding: 0px; line-height: 1.2;} .addToCartPopupContent div.info .details {padding: 15px 15px 15px 15px; border-bottom-width: 1px; border-bottom-style: solid;} #simplemodal-container a.modalCloseImg {display: inline-block; border-width: 1px; border-style: solid; width: 20px; height: 20px; z-index: 9403; position: absolute; top: -25px; right: 0; cursor: pointer; background: #ffffff url(btn-close-3x.png) no-repeat 50% 50%; background-size: 16px 16px; } #simplemodal-container a.modalCloseImg:hover { background: #eeeeee url(btn-close-3x.png) no-repeat 50% 50%; background-size: 16px 16px; } @media all and (min-width: 992px) { .addToCartPopupContent div.image {display: block; float: left; width: 135px; height: 135px; border-width: 1px; border-style: solid; padding: 5px; text-align: center; overflow: hidden;} .addToCartPopupContent div.image a {display: block; margin: 0 auto 0 auto; width: 125px; height: 125px; overflow: hidden; text-align: center; position: relative;} .addToCartPopupContent div.image a img {max-width: 100%; max-height: 100%; display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto;} .addToCartPopupContent div.info {float: right; margin-left: 10px; width: 390px;} } .r-modalCloseImg {display: inline-block; border-width: 1px; border-style: solid; width: 30px; height: 30px; z-index: 9403; position: absolute; top: -5px; right: -5px; cursor: pointer; background: #ffffff url(btn-close-3x.png) no-repeat 50% 50%; background-size: 20px 20px; } .r-modalCloseImg:hover { background: #eeeeee url(btn-close-3x.png) no-repeat 50% 50%; background-size: 20px 20px; } .r-body img {display: inline-block; width: 100%; height: auto;} .addToCartPopupContent .productName {margin: 0; padding: 0 0 10px 0; font-size: 0.875rem;} .addToCartPopupContent .productPrice {font-size: 0.75rem;} .addToCartPopupContent .productPrice span {font-weight: 700;} .addToCartPopupContent .productPrice span.price {font-size: 0.875rem;} .addToCartPopupContent .productPrice span.currency {font-size: 0.75rem;} .addToCartPopupContent .productCode {display: none;} @media all and (min-width: 992px) { .addToCartPopupContent .productCode {display: block; padding: 10px 15px 10px 15px; border-bottom-width: 1px; border-bottom-style: solid;} .addToCartPopupContent .productCode span {} } .addToCartPopupButtons {width: 100%; clear: both; float: left; overflow: hidden; /* position: absolute; bottom: 0; left: 0px; */ border-top-width: 1px; border-top-style: solid;} .addToCartPopupButtons div {display: inline-block; padding: 15px 15px 15px 15px; float: left;} .addToCartPopupButtons div.productButton {float: right; text-align: right;} .addToCartPopupButtons div.continueBuyButton {} .addToCartPopupButtons .icon {margin-left: 0px; margin-right: 10px;} @media all and (max-width: 991px) { .addToCartPopupButtons div.productButton, .addToCartPopupButtons div.continueBuyButton {display: block; float: none; margin: 0; text-align: center; padding: 10px 10px 10px 10px;} .addToCartPopupButtons div.productButton {padding-bottom: 5px;} .addToCartPopupButtons div.continueBuyButton {padding-top: 5px;} } .addToCartPopupContent div.info .details, .addToCartPopupButtons {background-color: #f3f3f3;} #simplemodal-container a.modalCloseImg, .r-modalCloseImg, .addToCartPopupButtons, .addToCartPopupContent div.image, .addToCartPopupContent div.info .details, .addToCartPopupContent .productCode {border-color: #dedede;} /* catList, conList */ .catList {} .catList .information {padding: 0 0 15px 0;} .catList.conList {margin: 0 0 0 0;} .catList.conList table.catList.conList {width: 100%; margin: 0 auto 15px 0;} .catList.conList .categoryName {font-size: 0.875rem; display: inline-block; padding: 0; margin: 0 0 2px 0;} .catList.conList .categorySubject {font-size: 0.75rem; margin: 0 0 5px 0;} /* subCatList */ .subCatList {} .subCatItem {} .subCatItem .thumbnail {padding: 5px; position: relative; overflow: hidden;} .subCatItem .categoryImage {display: block;} .subCatItem .categoryImage img {max-width: 100%; display: block; height: auto;} .subCatItem .categoryDescription {display: block; position: absolute; top: -100%; font-size: 0.625rem; padding: 5px; background-color: rgba(255,255,255,0.9); color: #555555;} .subCatItem:hover .categoryDescription {top: 0;} .subCatItem .categoryDescription .content {} .subCatItem .caption {padding: 0;} .subCatItem .caption .categoryName {} /* catListMain */ #section_catListMain {} #section_catListMain .container {} #section_catListMain .row .catItems {} #section_catListMain .catItem {text-align: center; margin: 0 0 15px 0; width: 100%; height: auto; padding: 15px; border: 1px solid #dddddd; position: relative; overflow: hidden;} #section_catListMain .catItem:hover {border: 1px solid #dedede;} #section_catListMain .catItem .categoryImage {display: block; width: 100%; height: auto; padding: 0 0 100% 0; margin: 0; overflow: hidden; position: relative;} #section_catListMain .catItem .categoryImage img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} #section_catListMain .catItem .categoryImage .categoryName {display: block; position: absolute; bottom: -100%; left: 0; width: 100%; padding: 5px 10px; box-sizing: border-box;} #section_catListMain .catItem:hover .categoryName {bottom: 0%;} #box_listFilters {font-size: 0.75rem;} @media all and (max-width: 991px) { #box_listFilters {font-size: 0.875rem;} } #box_listFilters .panel-head, #box_listFilters .boxHead {} #box_listFilters .panel-title, #box_listFilters .boxTitle {} #box_listFilters .panel-body, #box_listFilters .boxContent {padding: 0;} .filterBox, #filters_priceFilters_range {margin: 0 0 30px 0; padding: 0;} .filterHead {} .filterContent, #filters_priceFilters_range .form {padding: 0 0 0 0; clear: both; width: 100%;} #side_filters .filterHead, #side_filters .control-label {font-size: 0.875rem; padding: 15px 0 15px 0; margin: 0; display: block; font-weight: 700; text-transform: uppercase; line-height: 1;} #side_filters .filterHead[data-toggle="collapse"], #side_filters .control-label[data-toggle="collapse"] {cursor: pointer;} /* #side_filters .filterHead:before, #side_filters .control-label:before {font-family: 'FontAwesome'; content: "\f078"; position: relative; top: -1px; left: 0; width: 16px; display: inline-block; font-size: 1rem; font-weight: 400; margin-right: 23px;} */ #side_filters .filterHead[aria-expanded="false"]:before, #side_filters .control-label[aria-expanded="false"]:before {content: "\f078";} #side_filters .filterHead[aria-expanded="true"]:before, #side_filters .control-label[aria-expanded="true"]:before {content: "\f077";} @media all and (min-width: 1px) and (max-width: 479px) { #side_filters .filterHead:before, #side_filters .control-label:before {margin-right: 10px;} } @media all and (min-width: 992px) and (max-width: 1199px){ #side_filters .filterHead:before, #side_filters .control-label:before {margin-right: 10px;} } #side_filters .filterHead:empty, #side_filters .control-label:empty {display: none;} #side_filters .group-button {margin-bottom: 25px;} #side_filters {overflow: hidden;} #side_filters div.multiselect {overflow: auto; /* max-height: 250px; */} #side_filters div.multiselect.obrazki-wartosc {margin: 0; padding: 0px; font-size: 0;} #side_filters .moreValue {display: block; width: 100%; clear: both; float: left; margin: 10px 0 0px 0; font-size: 0.825rem; text-align: center;} #side_filters .moreValue b, #side_filters .moreValue i {cursor: pointer; font-weight: 600; font-style: normal; position: relative;} #side_filters .moreValue b:after {font-family: 'FontAwesome'; content: "\f077"; position: relative; top: -2px; left: 5px; width: 16px; display: inline-block; font-size: 1rem; font-weight: 400;} #side_filters .moreValue i:after {font-family: 'FontAwesome'; content: "\f078"; position: relative; top: -2px; left: 5px; width: 16px; display: inline-block; font-size: 1rem; font-weight: 400;} #side_filters .multiselect .moreValue b {display: none} #side_filters .multiselect.showAll .moreValue b {display: block} #side_filters .multiselect.showAll .moreValue i {display: none} #side_filters div.multiselect .value {display: block; clear: both; padding: 2px 0; overflow: hidden;} #side_filters div.multiselect .value input.checkbox {/* float: left; margin: 2px 0 0 -20px; */} @media all and (max-width: 991px) { #side_filters div.multiselect .value {padding: 4px 0;} #side_filters div.multiselect .value input.checkbox {/* margin-top: 4px; */} } #side_filters div.multiselect .value label {/* float: left; display: inline-block; padding: 0 0 0 20px; */} #side_filters div.multiselect select.form-control {margin-top: 15px;} #side_filters div.multiselect select.form-control:first-child {margin-top: 0;} /* css checkboxes */ #show-filters {display: none;} @media all and (max-width: 991px) { /* #side_filters {padding: 0!important; box-sizing: border-box; margin: 0!important; position: relative;} */ #side_filters form {display: block; width: 100%;} #side_filters .filterBox {width: 100%; padding: 10px 0; box-sizing: border-box; margin: 0} #simplemodal-container #side_filters div.multiselect {max-height: 100%!important;} #side_filters .filterBox, #side_filters #filters_priceFilters_range, #side_filters .filterHead, #side_filters .control-label {padding: 10px 0 10px 0; margin: 0;} .simplemodal-wrap #sideColLeft {position: relative;} .simplemodal-wrap #filters_buttons {position: fixed; left: 0; bottom: 0px; display: block; box-sizing: border-box; background-color: #ffffff; margin: 0; z-index: 10; width: 100%; padding: 15px;} .simplemodal-wrap #sideColLeft #box_listFilters {margin: 0; padding: 0;} #sideColLeft #box_listFilters, #sideColLeft #box_listFilters .panel-heading {display: none;} } .specialLabels {} .specialLabels.oneColumn {} .specialLabels .form-control[disabled="disabled"], .specialLabels .form-control[disabled] {opacity: 1; color: #555555; background-color: #cccccc} .specialLabels .form-group.placeholders {position: relative; margin-top: -15px; padding-top: 15px; margin-bottom: 30px;} .specialLabels .form-group.placeholders label {opacity: 0.25; font-weight: 400; font-size: 0.688rem; height: 15px; line-height: 1; padding: 0; margin: 0; position: absolute; top: 0px; left: 10px;} .specialLabels .form-group.placeholders:hover label, .specialLabels .form-group.placeholders:focus label, .specialLabels .form-group.placeholders:active label {opacity: 1;} .specialLabels .btn#reg_submit {margin-bottom: 30px;} div.checkbox {margin: 10px 0; padding: 0;} div.checkbox.checkboxImg {margin: -15px 0 15px 0; padding: 15px 0;} section#page_loginPage .checkbox.checkboxImg, section#page_choose .checkbox.checkboxImg {margin-bottom: 0; padding-bottom: 5px;} div.checkbox.checkboxImg label {padding: 0;} div.checkbox.checkboxImg label, #side_filters div.multiselect label {position: relative; cursor: pointer; color: #000000; font-size: 1rem;} #section_subCon div.checkbox.checkboxImg label {color: #ffffff;} div.checkbox.checkboxImg input[type="checkbox"], #side_filters div.multiselect input[type="checkbox"] {position: absolute; right: 9000px;} div.checkbox.checkboxImg .label-text, #side_filters div.multiselect .label-text {display: inline-block; padding: 1px 0 1px 0; margin: 0;} #section_subCon div.checkbox.checkboxImg .label-text, .loginPage div.checkbox.checkboxImg .label-text {padding: 5px 0 5px 0; font-size: 0.75rem;} div.checkbox.checkboxImg.checkbox-check .label-text {color: #ff0000;} #side_filters div.multiselect label:hover {opacity: 0.75;} div.checkbox.checkboxImg input[type="checkbox"] + .label-text:before{content: ""; background: url(input_checkboxes26.png) no-repeat 0 0; display: inline-block; float: left; width: 26px; height: 26px; line-height: 1; display: inline-block; margin: 0 14px 0 0; position: relative; top: -2px;} .loginPage div.checkbox.checkboxImg input[type="checkbox"] + .label-text:before {margin-right: 6px; top: -7px;} #side_filters div.multiselect input[type="checkbox"] + .label-text:before{content: ""; background: url(input_checkboxes.png) no-repeat 0 0; display: inline-block; float: left; width: 17px; height: 17px; line-height: 1; display: inline-block; margin: 0 21px 0 0; position: relative; top: 2px;} div.checkbox.checkboxImg input[type="checkbox"]:checked + .label-text:before{content: ""; background-position: -26px 0;} #side_filters div.multiselect input[type="checkbox"]:checked + .label-text:before{content: ""; background-position: -17px 0;} div.checkbox.checkboxImg input[type="checkbox"]:disabled + .label-text:before{content: ""; background-position: -52px 0;} #side_filters div.multiselect input[type="checkbox"]:disabled + .label-text:before{content: ""; background-position: -34px 0;} div.checkbox.checkboxImg input[type="checkbox"]:checked + .label-text, #side_filters div.multiselect input[type="checkbox"]:checked + .label-text {font-weight: 700;} #side_filters div.multiselect .value {display: block; width: 100%; box-sizing: border-box;} #side_filters div.multiselect.obrazki-wartosc .value {margin: 0; padding: 1px;} #side_filters div.multiselect.colWa2 .value {display: inline-block; width: 50%;} #side_filters div.multiselect.colWa3 .value {display: inline-block; width: 33%;} #side_filters div.multiselect.colWa4 .value {display: inline-block; width: 25%;} #side_filters div.multiselect.colWa6 .value {display: inline-block; width: 16.6666%;} #side_filters div.multiselect.obrazki-wartosc .value.outOfLimit, #side_filters div.multiselect .value.outOfLimit {display: none} #side_filters div.multiselect.showAll .value.outOfLimit, #side_filters div.multiselect.showAll.obrazki-wartosc .value.outOfLimit {display: block;} #side_filters div.multiselect.showAll.colWa2 .value.outOfLimit {display: inline-block;} #side_filters div.multiselect.showAll.colWa3 .value.outOfLimit {display: inline-block;} #side_filters div.multiselect.showAll.colWa4 .value.outOfLimit {display: inline-block;} #side_filters div.multiselect.showAll.colWa6 .value.outOfLimit {display: inline-block;} #side_filters div.multiselect.obrazki-wartosc span.value input[type="checkbox"] + .label-text:before {display: none;} #side_filters div.multiselect.obrazki-wartosc span.value input[type="checkbox"] {display: none;} #side_filters div.multiselect.obrazki-wartosc span.value label {display: block; width: 100%; height: auto; padding: 0; text-align: center; margin: 0; overflow: hidden; position: relative;} #side_filters div.multiselect.obrazki-wartosc span.value {outline: 1px solid #d2d2d2; outline-offset: -3px;} #side_filters div.multiselect.obrazki-wartosc span.value label .label-text {display: block; width: 100%; height: auto; margin: 0; overflow: hidden; outline: 2px solid #ffffff; outline-offset: -4px; padding: 2px; line-height: 26px; box-sizing: border-box; font-size: 0.9375rem;} #side_filters div.multiselect.obrazki-wartosc span.value label .label-text b {display: block; font-weight: 400; white-space: normal; height: 30px; line-height: 28px; overflow: hidden;} #side_filters div.multiselect.obrazki-wartosc span.value label .label-text i {font-style: normal;} #side_filters div.multiselect.obrazki-wartosc span.value label .label-text img {display: block; width: 100%; height: auto; max-width: 100%; max-height: 30px; margin: 0 auto;} /* #side_filters div.multiselect.obrazki-wartosc span.value.checked {outline: 2px solid #222222; outline-offset: -3px;} #side_filters div.multiselect.obrazki-wartosc span.value.checked label .label-text { outline: 2px solid #ffffff; outline-offset: -4px; } */ span.radioImg {padding: 0; line-height: 1; position: relative; cursor: pointer; color: #000000; font-size: 1rem;} span.radioImg, span.radioImg span.label-img, span.radioImg input[type="radio"] + .label-img:before {width: 24px; height: 24px;} .col-flex span.radioImg, .col-flex span.radioImg span.label-img, .col-flex span.radioImg input[type="radio"] + .label-img:before {width: 17px; height: 17px;} span.radioImg label {position: relative; cursor: pointer; color: #000000; font-size: 1rem; padding: 0;} span.radioImg span.label-img {display: inline-block;} span.radioImg input[type="radio"] {position: absolute; left: -9000px;} span.radioImg input[type="radio"] + .label-img:before {content: ""; background: url(input_checkboxes24.png) no-repeat 0 -24px; display: inline-block; line-height: 1; display: inline-block; margin: 0 24px 0 0; position: relative;} .col-flex span.radioImg input[type="radio"] + .label-img:before {margin-right: 0; background: url(input_checkboxes.png) no-repeat 0 0px;} span.radioImg input[type="radio"]:checked + .label-img:before {content: ""; background-position: -24px -24px;} span.radioImg input[type="radio"]:disabled + .label-img:before {content: ""; background-position: -48px -24px;} .col-flex span.radioImg input[type="radio"]:checked + .label-img:before {background-position: -17px 0px;} .col-flex span.radioImg input[type="radio"]:disabled + .label-img:before {background-position: -34px 0px;} span.radioImg input[type="radio"]:hover + .label-img:before {opacity: 0.75;} /* css checkboxes */ #side_filters #promotionTypes {} #side_filters table.filters {width: 100%; margin: 0 auto; outline: 0 solid red;} #side_filters ul, #side_filters li {overflow: hidden; list-style: none; padding: 0; margin: 0;} #side_filters li {display: block;} #side_filters input, #side_filters select {vertical-align: middle;} #side_filters select {min-width: 120px;} #side_filters ul {width: 100%; clear: both;} #side_filters label, #side_filters .label.types {padding-left: 0; padding-right: 10px;} #side_filters .label.types {display: block;} #side_filters label {font-weight: 300; /* text-transform: uppercase; */} #side_filters #statusyDostepnosci label {padding-right: 0;} #side_filters a {display: inline-block;} #side_filters a.link, #side_filters span.label {padding: 8px 5px 0 0;} #side_filters a, #side_filters span {display: inline-block;} #side_filters ul.f_tab {width: 100%;} #side_filters ul.f_tab input[type="text"] {/* border-radius: 4px; border: 1px solid #cccccc; box-sizing: border-box; font-size: 0.75rem; line-height: 1.42857; padding: 6px 6px; height: 34px; */} #side_filters ul.f_tab span.labelFrom {padding-right: 5px;} #side_filters ul.f_tab input.labelFrom {} #side_filters ul.f_tab span.labelTo {padding-right: 5px;} #side_filters ul.f_tab input.labelTo {} #side_filters ul.f_tab span.unit {padding-left: 5px;} /* #side_filters ul.f_tab {width: 100%;} #side_filters div table.f_tab {margin: 0 auto 0 0;} #side_filters div table.f_tab td {padding: 8px 2px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: hidden; display: inline-block;} #side_filters div table.f_tab input, #side_filters div table.f_tab label {float: left; display: inline-block;} #side_filters div table.f_tab input {margin-top: 4px;} #side_filters div table.f_tab label {margin-top: 0px;} #side_filters div table.f_tab label img {vertical-align: middle; max-width: 25px; max-height: 25px; margin-top: -6px;} */ #side_filters li span.label {margin-top: -3px; /* fix */} #side_filters #filters_buttons {overflow: hidden; margin-top: 25px; text-align: left;} #side_filters #buttonReset {float: right; display: inline-block; margin-left: 10px;} #side_filters #buttonSet {float: left; display: inline-block;} #side_filters #linkMore {display: block; float: left; clear: both;} @media all and (min-width: 992px) and (max-width: 1299px) { #side_filters #buttonReset, #side_filters #buttonSet {width: 100%; margin: 0 0 10px 0;} } #side_filters span.select, #side_filters span.select_wrap {display: block;} #side_filters .form-control {width: 100%;} #filters_prodFilters {} #filters_priceFilters .form-control {min-width: 49%; width: 49%; margin-bottom: 5px; display: inline-block;} #filters_priceFilters .form-control:last-of-type {margin-left: 2%;} #filters_priceFilters span.select, #filters_priceFilters span.select_wrap {display: inline-block;} #filters_priceFilters_range {} #filters_priceFilters_range #priceRangeSlider {width: calc(100% - 24px); margin: 0 auto 0 auto; padding: 0; top: -45px;} #filters_priceFilters_range .ui-slider#priceRangeSlider {background-image: none; background-color: #d9d9d9; outline: 1px solid #d9d9d9; border: 0; border-radius: 0; height: 4px;} #filters_priceFilters_range .ui-slider-range.ui-widget-header {background-image: none; background-color: #000000; outline: 1px solid #000000; border: 0; border: 0; border-radius: 0; height: 4px;} #filters_priceFilters_range .ui-slider-handle {cursor: pointer; background-image: none; background-color: #000000; border: 0; border-radius: 0; width: 22px; height: 22px; top: -10px; margin: 0 0 0 -12px;} #filters_priceFilters_range .ui-slider-handle:last-child {} #filters_priceFilters_range .ui-slider-handle:focus {outline: 0;} #filters_priceFilters_range #priceRangeSliderValues {overflow: hidden; padding: 45px 0 0 0; margin: 0;} #filters_priceFilters_range .currentPrice {float: left; display: inline-block;} #filters_priceFilters_range .currentPrice#priceMax {float: right;} #filters_priceFilters_range .currentPrice .rangePrice {font-weight: 700; font-size: 1rem;} #filters_priceFilters_range .currentPrice .rangePrice .rangeCurrency {font-weight: 400; font-size: 1rem; padding-left: 3px;} /* zamiana miejsc */ /* #filters_priceFilters_range #priceRangeSlider {width: calc(100% - 5px); padding: 0; margin: -10px 0 45px 0;} #filters_priceFilters_range #priceRangeSliderValues {padding: 0; margin: 0; position: relative; top: 20px;} #filters_priceFilters_range .ui-slider#priceRangeSlider, #filters_priceFilters_range .ui-slider-range.ui-widget-header {height: 3px;} #filters_priceFilters_range .ui-slider-handle {width: 10px; height: 10px; margin-left: -1px; top: -3px;} #filters_priceFilters_range .ui-slider-handle:last-child {margin-left: -4px;} */ #page_ordList #side_filters {margin: 0 0 0 auto; text-align: right;} #page_ordList #side_filters #resultsPages {float: right; padding-right: 0px; clear: both;} #page_ordList #side_filters #resultsPerPage {float: right; padding-right: 0px; clear: both;} #page_ordList #side_filters #resultsPages span.label {} #page_ordList #side_filters #resultsPages span.value {} #page_ordList #side_filters #resultsPages span.value span {font-weight: 700;} #side_filters div.hr {margin: 0; padding: 2px 0; clear: both;} #side_filters button, #side_filters input.button {display: inline-block; width: auto; padding: 12px 15px; font-size: 0.75rem; font-weight: 700;} #side_filters #buttonSet span, #side_filters #buttonReset span {display: block; padding: 0; width: 100%;} #listOptions {clear: both; margin-bottom: 15px; padding: 0; width: 100%; float: left;} @media all and (min-width: 992px) { #lista_gora {float: left; width: 100%; clear: both; margin: 0; padding: 0;} #lista_gora .catPicDesc {float: left; clear: none; margin: 0 auto 0 0; padding: 0 0 30px 0; width: auto;} #lista_gora #listOptions {float: right; clear: none; margin: 0 0 0 auto; padding: 0 0 30px 0; width: auto;} } .specialSelects .bootstrap-select {width: auto!important; font-size: 14px; line-height: 1;} .specialSelects .form-group-sm .bootstrap-select .form-control {height: auto; line-height: 24px;} .specialSelects .bootstrap-select .dropdown-toggle {width: auto; font-weight: 400; padding: 0 0 0 0; text-transform: none;} .specialSelects .bootstrap-select .dropdown-toggle .filter-option {padding-left: 6px; padding-right: 12px;} .specialSelects .bootstrap-select .dropdown-toggle, .specialSelects .bootstrap-select .dropdown-toggle:visited {background-color: transparent; color: #000000; border: 0;} .specialSelects .bootstrap-select .dropdown-toggle:hover {background-color: transparent; color: #000000; border: 0;} .specialSelects .bootstrap-select .dropdown-toggle .bs-caret {display: inline-block; width: 16px; padding: 0; margin: 0; border: 0;} .specialSelects .bootstrap-select .dropdown-toggle .bs-caret .caret {border: 0; right: 5px; top: 0px; margin: 0; width: 100%; height: 24px; overflow: hidden;} .specialSelects .bootstrap-select .dropdown-toggle .bs-caret .caret:before {display: inline-block; width: 16px; height: 24px; padding: 0; margin: 0; font-size: 1rem; font-weight: 400; color: #000000; border: 0; font-family: 'FontAwesome'; content: "\f078"; position: relative; top: -2px;} #listOptions .form-group {margin-bottom: 0;} #listOptions #show-filters, #listOptions #listResults, #listOptions #listSort {clear: both; padding: 20px 15px;} #listOptions #show-filters {display: none;} #show-filters {background-color: #ffffff; cursor: pointer;} #show-filters label {width: 100%; float: none; cursor: pointer;} #show-filters label .fa {float: right; font-size: 1.125rem; margin: 3px 3px 0 0; font-weight: 400; width: 18px; height: 18px; line-height: 1; text-align: center;} .filtersBar {display: none; padding: 15px; background-color: #ffffff;} .filtersBar #show-filters {display: block; border: 1px solid #000000; padding: 5px 10px; margin: 0;} .filtersBar #show-filters label {font-weight: 700;} @media all and (max-width: 991px) { .sticked.sticky.mobile-hide .filtersBar {} .sticked.sticky.mobile-fixet .filtersBar {display: block;} } @media all and (min-width: 992px) { #listOptions #listResults, #listOptions #listSort {clear: none; display: inline-block; float: right; text-align: right; margin-left: 30px; padding: 0;} } @media all and (max-width: 991px) { #listOptions {margin-bottom: 30px;} #listOptions .form-inline, #listOptions .form-group {width: 100%; float: left; clear: both;} #listOptions label {font-weight: 700; float: left;} #listOptions .colon {display: none;} #listOptions .select_wrap {float: right; line-height: 18px;} #show-filters {display: block;} #listOptions #listResults .btn, #listOptions #listSort .btn {font-weight: 700;} #listOptions #show-filters, #listOptions #listResults, #listOptions #listSort {width: 100%; display: block; float: left; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-top: -1px;} } /* items */ .price {color: #000000; font-weight: 400;} .price.priceDiscount {color: #ff0000;} .price.priceOld {color: #000000; text-decoration: line-through;} .price .currency {padding-left: 3px;} .orders .col-price span.price, .orders .col-price span.priceDiscount {color: #000000; font-weight: 400;} .productPromotionIcons {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; line-height: 1; padding: 0; height: auto; margin: 0; width: 100%;} .productPromotionIcons span.icons {display: none; flex: 0 1 auto; padding: 3px 5px 3px 5px; margin: 2px 2px 0 0; width: auto; height: auto; line-height: 1; text-align: center; font-size: 0.625rem; text-transform: uppercase; font-weight: 400; color: #ffffff; -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .productPromotionIcons .iconNew {background-color: #2d35f7;} .productPromotionIcons .iconBestseller {background-color: #000000;} .productPromotionIcons .iconDiscount {background-color: #ff0000;} .productPromotionIcons .iconSale {background-color: #ff0000;} .productPromotionIcons .iconDelivery {background-color: #6ad700;} .productPromotionIcons .iconCollection {background-color: #000000;} .productPromotionIcons .iconSoon {background-color: #000000; color: #ffffff} .productPromotionIcons span.icons a {color: inherit; font-weight: inherit; font-size: inherit; padding: 0; margin: 0;} #page_itemList .row.rowTitle {margin: 0 -5px; padding: 0;} .catExtDesc, .catPicDesc, .catMoreDesc {padding: 0 0 15px 0; overflow: hidden; clear: both;} .catPicDesc {padding-bottom: 0;} .catPicDesc:empty {display: none;} .catPic {padding-top: 15px;} .catPic img {display: block; width: 100%; height: auto;} @media all and (min-width: 992px) { .catPicDesc .catDesc {float: left; max-width: 53%;} .catPicDesc .catPic {float: right; max-width: calc(47% - 15px); margin: 0 0 30px 15px;} } .catDesc {margin: 0 0 15px 0; padding-top: 15px;} .catMoreDesc {padding-top: 15px;} .prodDesc {margin-bottom: 30px;} .prodDesc.prodDescFull {} .prodDesc.prodDescShort {} .prodDesc.prodDescAdditional {margin-top: 0; margin-bottom: 0; padding-top: 30px;} .mainList .item {text-align: left; margin-top: 0px; margin-bottom: 40px; border-radius: 0 0 0 0;} .mainList .item:hover {} .slideList .slick-list {padding: 0; margin: 0 10px;} .slideList .slick-slide {padding: 0; margin: 0 -10px;} .slideList .slick-slide .item {margin: 0 15px;} .item .productImage {margin: 0 auto 15px 0; padding: 0; position: relative; overflow: hidden;} .item .productImage:hover {border: 0px solid #dedede;} .item .productImage, .item .otherView {width: 100%; height: auto;} .item .productImage .mainImage, .item .productImage .secondImage {background-color: #ffffff; width: 100%; padding: 0; aspect-ratio: 1 / 1; display: block; overflow: hidden;} .item .otherView {display: none; position: absolute; top: 0; background-color: #ffffff; overflow: hidden;} .item .productImage:hover .otherView {background-color: #ffffff;} /* @media (pointer: fine) { .item .productImage .otherView {display: none; opacity: 0;} .item .productImage:hover .otherView {display: block; opacity: 1;} } */ @media (hover) { .item .productImage .otherView {display: block; opacity: 0;} .item .productImage:hover .otherView {display: block; opacity: 1;} } @media (pointer: fine) { .gridList .item .productImage .otherView {display: none; opacity: 0;} .gridList .item .productImage:hover .otherView {display: flex; opacity: 1;} } @media (hover) { .gridList .item .productImage .otherView {display: flex; opacity: 0;} .gridList .item .productImage:hover .otherView {display: flex; opacity: 1;} } @media all and (max-width: 767px) { .subCatItem {max-width: 200px; margin-left: auto; margin-right: auto;} } @media all and (max-width: 991px) { .subCatItem {max-width: 250px;} } /* absoluteCenter */ .absoluteCenter, .cartItem .cartPic img, .item .productImage img {display: block; border: 0px solid #ffffff; border-radius: 0px; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto;} .item .productImage a {margin: 0;} .item .productImage .productText {display: block; position: absolute; max-height: 100%; bottom: -100%; width: 100%; padding: 0; background-color: transparent; color: #555555; font-size: 0.688rem; text-align: left;} .item .productDescription, .item .productAttributes {padding: 10px 0;} .item .productAttributes .attribute {display: block; font-weight: 400;} .item .productAttributes .attribute .attributeValue {font-weight: 700;} .item:hover .productImage .productText {bottom: 0; background-color: rgba(255,255,255,0.9);} @media all and (max-width: 359px) { .item .productImage .productText, .item:hover .productImage .productText {display: none;} } .item .caption {padding: 0; margin: 0;} .item .productNames {display: flex; flex-direction: column; flex-wrap: wrap;} .item .productName, .item .productBrand, .item .productCode {font-size: 0.75rem; line-height: 1; font-weight: 400; margin: 0; padding: 0 0 5px 0; color: #000000;} .item .productName {line-height: 1.3; font-weight: 700;} .item .productBrand, .item .productCode {text-transform: uppercase;} .item .productPromotionIcons {position: absolute; bottom: 0; left: 0;} .item .productPromotionIcons span.icons {margin: 0 1px 1px 0;} .item .productButtons {overflow: hidden;} .item .productButtons .btn {width: 45%; display: inline-block; float: left;} .item .productButtons .btn.btn-see {} .item .productButtons .btn.btn-wish {width: calc(55% - 1px); margin-left: 1px;} /* @media all and (max-width: 1199px) { .item .productButtons .btn.btn-see {width: 45%;} .item .productButtons .btn.btn-wish {width: calc(55% - 1px);} } */ .item .productPrices {padding: 5px 0 0 0;} @media all and (max-width: 991px) { .item .productPrices {padding-top: 0;} } .item .price {font-size: 0.75rem;} .item .price .currency {font-size: inherit;} .item .priceOld {display: inline-block; /* font-size: 0.75rem; line-height: 12px; margin-top: -14px; */} .item .priceOld .currency {} .item .productPrices .priceTax {} .item .productPrices .priceTax.priceNet {display: block; font-size: 0.75rem;} .item .productPrices .priceTax.priceGross {} .item .productPrices .priceTax.pricePromotion {} .adultWarning .item.adultOnly {} .adultWarning .item.adultOnly .productImage, .adultWarning .item.adultOnly .productImage .otherView { background-color: #ffffff!important; background-repeat: no-repeat!important; background-position: 50% 50%!important; background-image: url(adultOnly.png)!important; /* background-image: url(adultOnly-3x.png)!important; background-size: cover!important; */ } .adultWarning .item.adultOnly .productImage img {opacity: 0.10!important;} /* gridList */ .gridList {display: grid; margin: 0; padding: 0 0; float: none; grid-auto-rows: minmax(0, auto); grid-gap: 30px 30px;} #sideColLeft .gridList {grid-gap: 30px 30px;} /* klasyczne ilości w wierszu */ .gridList {grid-template-columns: repeat(3, 1fr);} .gridList.grid-per-1 {grid-template-columns: repeat(1, 1fr);} .gridList.grid-per-2 {grid-template-columns: repeat(2, 1fr);} .gridList.grid-per-3 {grid-template-columns: repeat(3, 1fr);} .gridList.grid-per-4 {grid-template-columns: repeat(4, 1fr);} .gridList.grid-per-5 {grid-template-columns: repeat(5, 1fr);} .gridList.grid-per-6 {grid-template-columns: repeat(6, 1fr);} .gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);} .gridList .block-info-1 {grid-row: 2; grid-column: 2/ span 2;} /* wiersz 2 / kolumna 2 i 3 na 2 */ .gridList .block-info-2 {grid-row: 5; grid-column: 1/ span 2;} /* wiersz 5 / kolumna 1 i 2 na 2 */ .gridList .block-info-3 {grid-row: 8; grid-column: 2/ span 2;} /* wiersz 8 / kolumna 2 i 3 na 2 */ .gridList.grid-per-4 .block-info-1 {grid-row: 2; grid-column: 3/ span 2;} /* wiersz 2 / kolumna 3 i 4 na 2 */ .gridList.grid-per-4 .block-info-3 {grid-row: 8; grid-column: 3/ span 2;} /* wiersz 8 / kolumna 3 i 4 na 2 */ @media all and (max-width: 479px) { .gridList {grid-template-columns: repeat(2, 1fr);} .gridList.grid-per-1 {grid-template-columns: repeat(1, 1fr);} .gridList.grid-per-2, .gridList.grid-per-3, .gridList.grid-per-4, .gridList.grid-per-5, .gridList.grid-per-6 {grid-template-columns: repeat(2, 1fr);} .gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);} } @media all and (min-width: 480px) and (max-width: 1199px) { .gridList {grid-template-columns: repeat(2, 1fr);} .gridList.grid-per-1 {grid-template-columns: repeat(1, 1fr);} .gridList.grid-per-2, .gridList.grid-per-3 {grid-template-columns: repeat(2, 1fr);} .gridList.grid-per-4 {grid-template-columns: repeat(3, 1fr);} .gridList.grid-per-5, .gridList.grid-per-6 {grid-template-columns: repeat(2, 1fr);} .gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);} } @media all and (max-width: 991px) { .gridList .block-info-1, .gridList .block-info-2, .gridList .block-info-3 {grid-column: 1/ span 2;} /* na cały wiersz */ } #sideColLeft .gridList, #sideColLeft .gridList.grid-per-1, #sideColLeft .gridList.grid-per-2, #sideColLeft .gridList.grid-per-3, #sideColLeft .gridList.grid-per-4, #sideColLeft .gridList.grid-per-5, #sideColLeft .gridList.grid-per-6, #sideColLeft .gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);} @media all and (min-width: 1600px) { #sideColLeft .gridList, #sideColLeft .gridList.grid-per-1 {grid-template-columns: repeat(1, 1fr);} #sideColLeft .gridList.grid-per-2, #sideColLeft .gridList.grid-per-3, #sideColLeft .gridList.grid-per-4, #sideColLeft .gridList.grid-per-5, #sideColLeft .gridList.grid-per-6 {grid-template-columns: repeat(2, 1fr);} #sideColLeft .gridList.grid-scroll {grid-template-columns: repeat(1, 1fr);} } /* automatyczne szerokości */ .gridList.grid-auto {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));} .gridList .gridCol {display: flex; flex: 0 1 auto; height: auto; box-sizing: border-box; width: 100%; float: none; padding: 0; margin: 0; /* outline: 1px solid blue; outline-offset: 3px; */} .gridList.list-itemList .gridCol {margin: 30px 0 40px 0;} .components .gridList .gridCol, .gridList.grid-scroll .gridCol {margin: 30px 15px 40px 15px;} #sideColLeft .gridList .gridCol, #sideColLeft .gridList.grid-scroll .gridCol {margin: 30px 0 40px 0;} .gridList.grid-scroll .slideList {overflow: hidden; position: relative; background-color: transparent; border-radius: 0; margin: 0 0px; padding: 0; height: auto;} /* slick-slider */ .gridList.grid-scroll .slick-list {margin: 0; padding: 0 15px;} .gridList.grid-scroll .slick-track {display: flex!important; flex-direction: row!important; flex-wrap: nowrap;} @media all and (max-width: 767px) { .gridList.grid-scroll .slideList {margin: 0 -15px;} /* slick-slider */ .gridList.grid-scroll .slick-list {padding: 0;} } @media all and (min-width: 1600px) { #mainCol .gridList.grid-scroll {position: relative;} #mainCol .gridList.grid-scroll .slideList {position: static; margin: 0 -15px;} /* slick-slider */ #mainCol .gridList.grid-scroll .slick-list {padding: 0;} #mainCol .gridList.grid-scroll .slick-prev {left: -30px;} #mainCol .gridList.grid-scroll .slick-next {right: -30px;} } .gridList div.inputHidden {display: none;} .gridList .item {/* display: flex; flex-direction: column; height: 100%; */ width: 100%; box-sizing: border-box; margin: 0; padding: 0; text-align: left; position: relative; /* outline: 1px solid red; outline-offset: 1px; */} .gridList .item.inBasket {} .gridList .item.itemOutOfStock {} .gridList .item.AjaxBasket {} .gridList .item:hover {} /* .item .varList {display: block; position: absolute; width: 100%; bottom: 45px; left: 0; box-sizing: border-box; text-align: center; background-color: rgba(255,255,255,0.75); padding: 5px; opacity: 0; z-index: 2; text-transform: uppercase; height: 0; overflow: hidden; user-select: none;} */ .item .varList {display: block; position: absolute; width: 100%; bottom: -100%; left: 0; box-sizing: border-box; text-align: center; background-color: rgba(255, 255, 255, 0.90); padding: 5px 0; opacity: 1; z-index: 2; } .item .varList .varListElem {display: inline-block; text-align: center; height: auto; margin: 0px 4px 2px 0px; padding: 7px 8px 2px 8px; line-height: 1; font-size: 14px; font-weight: 400; position: relative; color: #555555; cursor: pointer; text-decoration:none; } /* .item .varList .varListElem:after {position: absolute; top: 50%; left: -2px; margin-top: -4px; height: 10px; width: 1px; background-color: #dedede; content: ""; display: block;} .item .varList .varListElem:first-child:after {display: none;} */ .item .varList .varListElem {outline: 1px solid transparent; background-color: rgba(255, 255, 255, 1); } .item .varList .varListElem:hover {outline: 1px solid #d2d2d2;} .item .varList .varListElem:first-child:after {display: none;} .item .varList .varList-list {text-transform: uppercase;} .item .varList .varList-label {padding: 10px;} .item:hover .varList {opacity: 1; height: auto; bottom: 0; z-index: 0;} .item .varList:empty, .item .productAttributes:empty {display: none;} /* navs | listNav */ #navTop, #navBottom {text-align: center;} #navTop .pagination, #navBottom .pagination {text-align: center; margin-left: auto; margin-right: auto} .navItems {clear: both; margin: 10px 0; line-height: 1; border: 0; overflow: hidden;} .navItems#navTop {margin-top: 0;} .cartNav {clear: both; padding: 0 0 30px 0; text-align: center;} .cartNav .btn-back, .cartNav .btn-back:visited {background-color: #ffffff; color: #000000; border: 1px solid #000000;} .cartNav .btn-back:hover {background-color: #000000; color: #ffffff; border: 1px solid #000000;} @media all and (min-width: 992px) { .navItems.navList {padding: 0 0;} .navItems.navList#navTop {clear: none; margin: 0; border: 0; float: left; display: inline-block;} .cartNav {text-align: left;} } .navItems.navOrders {} .navItems.navOrders.navOrder {} .navItems.navRepo {} .navItems.navCart {border: 0; width: auto; margin: 0 0 30px auto;} .navItems.navNews {margin-top: 15px;} .navItems#navBottom {} .navItems ul, .navItems li, .navItems a, .navItems span {font-size: 1rem; line-height: 1; font-weight: 400;} .navItems .pager {width: 100%; font-size: 1rem; padding: 0; margin: 0; position: relative;} .navItems .pager ul {margin: 0 auto; border: 0;} .navItems.navList#navTop .pager, .navItems.navNews .pager {position: static;} .navItems .pager .previous {float: left; position: relative; text-align: left; z-index: 2;} .navItems .pager .next {float: right; position: relative; text-align: right; z-index: 2;} .navItems .pager .centered {position: absolute; left: 0; width: 100%; text-align: center; z-index: 1;} .navItems .pager li.previous, .navItems .pager li.centered, .navItems .pager li.next {display: inline-block; margin: 0; padding: 0; line-height: 1; border: 0;} .navItems .pager span, .navItems .pager a {font-size: 1rem; line-height: 34px; padding: 0 12px; margin: 0; border: 0; text-transform: uppercase;} .navItems .pager span.fa.fa-chevron-left {margin-left: -10px;} .navItems .pager span.fa.fa-chevron-right {margin-right: -10px;} .navItems .pager a, .navItems .pager a:visited, .navItems .pager a:hover {background-image: none; border: 0; outline: 1px solid transparent; outline-offset: -2px;} .navItems .pager .pagination li:first-child a, .navItems .pager .pagination li:first-child span, .navItems .pager .pagination li:last-child > a, .navItems .pager .pagination li:last-child > span {border-radius: 0;} .navItems .pager a, .navItems .pager a:visited { color: #000000; background-image: none; } .navItems .pager a:hover { color: #ffffff; background-color: #000000; background-image: none; outline-color: #000000; } .navItems .pager .selected a, .navItems .pager .selected a:visited { font-weight: 700; color: #ffffff; background-color: #000000; background-image: none; outline-color: #000000; } .navItems .pager .previous a, .navItems .pager .next a, .navItems .pager .previous a:visited, .navItems .pager .next a:visited { color: #ffffff; background-color: #000000; outline-color: #000000; } .navItems .pager .previous span.fa, .navItems .pager .previous span.icon {padding: 0; margin-left: -5px; margin-right: 10px;} .navItems .pager .next span.fa, .navItems .pager .next span.icon {padding: 0; margin-left: 10px; margin-right: -5px;} .navItems.navBlog {margin-bottom: 15px;} .navItems .pager .selected a:hover, .navItems .pager .previous a:hover, .navItems .pager .next a:hover { color: #000000; background-color: #ffffff; background-image: none; outline-color: #000000; } @media all and (max-width: 767px) { .navItems.navList ul, .navItems.navList li, .navItems.navList a, .navItems.navList .pager, .navItems.navList .pager a, .navItems.navList .pager span {font-size: 0.75rem;} .navItems.navList .pager span {padding: 0;} } @media all and (max-width: 479px) { .navItems.navList .pager .centered {display: block; float: none; text-align: center; width: 100%; clear: both; position: static;} } /* prettyPhoto */ .video-fb {display: block!important; width: 100%!important; height: auto!important; padding: 0 0 100% 0!important; position: relative!important; overflow: hidden!important;} video.bigFilm {display: block!important; width: auto!important; height: auto!important; max-width: 100%!important; max-height: 100%!important; margin: 0 auto!important;} .video-fb video.bigFilm {position: absolute!important; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; margin: auto!important; overflow: auto!important;} #pp_full_res .video-fb {display: flex!important; justify-content: center!important; align-items: flex-start!important; padding: 0!important; width: 80vh!important; height: 80vh!important; margin: 0 auto!important;} #pp_full_res .video-fb video.bigFilm {position: static!important; margin: 0 auto!important;} .pp_full_res .pp_inline {text-align: center!important;} a.pp_contract, a.pp_expand, a.pp_close {position: fixed!important; z-index: 9406!important; top: 11px!important;} a.pp_contract, a.pp_expand {left: 15px!important; right: auto!important;} a.pp_close {left: auto!important; right: 15px!important;} .pp_details {position: fixed!important; top: 0!important; width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #000000!important; color: #ffffff!important; margin-top: 0px!important; opacity: 0.9!important; height: 50px!important; box-sizing: border-box!important; z-index: 9405!important;} .pp_pic_holder {position: absolute!important; top: 50px!important; z-index: 20002!important;} .pp_hoverContainer {display: block!important; height: 80vh!important;} div.pp_gallery {display: none; justify-content: center; align-items: center; position: fixed!important; margin: 0!important; bottom: 15px!important; left: 50%!important; right: auto!important; text-align: center; transform: translate(-50%,-50%);} @media all and (max-width: 767px) { .pp_pic_holder {width: 100%!important; left: 0!important; overflow: hidden;} #pp_full_res img {width: auto!important; height: auto!important; max-width: 100%!important; max-height: 100%!important; margin: 0px auto 0 auto!important;} .pp_pic_holder[style*="top: 0"] {overflow: initial!important;} .pp_pic_holder[style*="top: 0"] #pp_full_res img {width: initial!important; height: initial!important; max-width: initial!important; max-height: initial!important;} a.pp_contract, a.pp_expand, .ppt, .pp_top, .pp_bottom, .pp_gallery {display: none!important;} .pp_pic_holder .pp_content_container .pp_left {padding-left: 0!important;} .pp_pic_holder .pp_content_container .pp_right {padding-right: 0!important;} .pp_hoverContainer {width: 100%!important; height: 100%!important; z-index: 2!important;} .pp_content {width: 100%!important; height: auto!important;} .pp_fade {width: 100%!important; height: 100%!important;} .pp_hoverContainer {width: 100%!important; padding: 0!important; background-color: transparent!important;} .currentTextHolder {color: #ffffff!important;} a.pp_close {right: 5px!important; top: 10px!important;} .pp_nav {margin-right: 0!important;} .pp_description {margin-right: 0!important;} } @media all and (min-width: 768px) { .pp_pic_holder {width: 100%!important; left: 0!important; overflow: initial; z-index: 9404!important;} .pp_content {background-color: transparent!important;} .pp_fade, .video-fb {background-color: transparent!important;} .pp_top, .pp_bottom, .pp_social {display: none!important;} .pp_content, .pp_hoverContainer, #pp_full_res {width: 100%!important;} #pp_full_res {text-align: center;} #pp_full_res img {margin: 0 auto!important;} .pp_content {height: 100vh!important;} .pp_content_container .pp_left {padding-left: 0!important; background-image: none!important;} .pp_content_container .pp_right {padding-right: 0!important; background-image: none!important;} .pp_details {position: fixed!important; top: 0!important; left: 0!important; width: 100%!important; padding: 0!important; background-color: #000000!important; color: #ffffff!important; margin-top: 0px!important; opacity: 0.9!important; height: 50px!important; z-index: 9405!important; box-sizing: border-box!important;} /* div.pp_gallery {margin-top: 15px!important;} */ div.pp_gallery ul {height: 52px!important;} div.pp_default .pp_gallery ul li.selected a {} div.pp_gallery ul li a {width: 50px!important; height: auto!important; padding: 0 0 100% 0!important; position: relative!important; overflow: hidden!important; display: block!important; background: #ffffff url(default_thumb.png) 50% 50% no-repeat!important; background-size: contain!important;} div.pp_gallery ul li a, div.pp_gallery ul li.default a {border: 1px solid #f1f1f1!important;} div.pp_gallery ul li.selected a {border: 1px solid #c0c0c0!important;} div.pp_gallery ul li a img {display: block!important; width: auto!important; height: auto!important; max-width: 100%!important; max-height: 100%!important; margin: auto!important; position: absolute!important; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; overflow: auto!important;} .pp_content:hover div.pp_gallery {display: flex!important;} div.pp_gallery div {float: none!important; margin: 0 auto!important; width: 100%!important} div.pp_gallery div ul {width: 100%!important; text-align: center!important; left: 0!important;} div.pp_gallery .pp_arrow_previous {display: none!important; margin: 0 15px 0 auto;} div.pp_gallery .pp_arrow_next {display: none!important; margin: 0 auto 0 15px;} } .pp_pic_holder .ppt, .pp_pic_holder .pp_nav {display: none!important;} .pp_pic_holder .pp_play, .pp_pic_holder .currentTextHolder {display: none!important;} .stickySection {display: flex; width: 100%; margin: 0; padding: 0; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start;} .stickySection form, .stickySection .sticky-content {width: 100%; clear: both;} .stickySection .sticky-column1, .stickySection .sticky-column2 {display: flex; flex: 0 1 auto; width: 50%; margin: 0; box-sizing: border-box;} .stickySection .sticky-column1 {order: 1; padding: 0 30px 0 0;} .stickySection .sticky-column2 {order: 2; padding: 0 0 0 30px; position: -webkit-sticky; position: sticky; top: 100px;} @media all and (max-width: 991px) { .stickySection {flex-direction: column;} .stickySection .sticky-column1, .stickySection .sticky-column2 {display: flex; width: 100%; margin: 0 0 30px 0; padding: 0;} .stickySection .sticky-column1 {order: 1;} .stickySection .sticky-column2 {order: 2;} } .cartForm .sticky-column1 {width: 58.33333333%;} .cartForm .sticky-column2 {width: 41.66666667%; top: 80px;} .content-grey {width: 100%; padding: 0; box-sizing: border-box; background-color: #f6f6f6;} .content-grey-wrap {width: 100%; padding: 30px;} @media all and (min-width: 1200px) { .content-grey-wrap {padding-left: 80px; padding-right: 80px;} .sticky-content .content-grey-wrap {padding-left: 30px; padding-right: 30px;} } .discountBar {background-color: #000000;} .discountBar div.orders.yourDiscount {width: 100%; margin: 0; padding: 0;} .discountBar table {margin: 0; width: 100%;} .discountBar table td {vertical-align: middle; color: #ffffff;} .discountBar td.icon {background: #81d321 url(icon-discount-big.png) no-repeat 50% 50%; width: 65px; padding: 0; line-height: 1;} .discountBar td.reszta {width: auto; padding: 9px 25px;} .discountBar .reszta .title {margin: 0; padding: 1px 0 1px 0; font-weight: 400; text-transform: uppercase;} .discountBar.discountCheck {position: relative; margin-top: -30px; margin-bottom: 30px;} .discountBar.discountCheck td.icon {background: #000000 url(icon-discount-check.png) no-repeat 50% 50%; width: 50px;} .discountBar.discountCheck td.reszta {padding-left: 0; padding-right: 15px} .discountBar.discountCheck .reszta .title {font-weight: 700;} .discountBar.discountCheck .reszta .price {padding-left: 5px;} .discountBar td.reszta table {margin: 0; width: auto;} .discountBar td.reszta table td {padding: 1px 10px 1px 0; font-weight: 700;} .discountBar .reszta .title .kod, .discountBar td.reszta .price, .discountBar td.reszta .priceDiscount {color: #81d321;} .content-grey .flex-total {display: flex; width: 100%; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: flex-start; align-items: flex-start;} .content-grey .flex-head, .content-grey .flex-content {display: flex; flex: 0 1 auto; width: 100%;} .content-grey .flex-head {order: 1;} .content-grey .flex-content {order: 2;} .content-grey div.paginator {display: flex; order: 3; flex: 0 1 auto; width: 100%; justify-content: flex-end; align-content: stretch; align-items: flex-start; align-self: flex-end;} .sticky-content .content-grey div.paginator {justify-content: center;} .content-grey .navigator .btn.big#reg_submit {width: auto; margin: 0 0 0 auto;} .sticky-content .content-grey .navigator .btn.big#reg_submit {margin-right: auto;} .content-grey td {text-transform: uppercase;} @media all and (max-width: 991px) { .content-grey div.paginator {justify-content: center;} } @media all and (min-width: 768px) { .content-grey .flex-total {flex-direction: row;} .content-grey .flex-head, .content-grey .flex-content {width: 50%;} .content-grey .navigator {text-align: right;} .sticky-content .content-grey div.paginator {justify-content: center;} .sticky-content .content-grey div.navigator {display: block; text-align: center;} } @media all and (min-width: 1200px) { .content-grey .navigator .btn.big#reg_submit {padding-left: 90px; padding-right: 90px;} } .content-grey .pageSubTitle {padding: 15px 0 15px 0; margin: 0; background-color: transparent;} .content-grey .paginator, .content-grey .navigator {margin: 0; padding: 0;} @media all and (max-width: 991px) { .cartForm .content-grey table.orders.summary.costTotal, .cartForm .content-grey table.orders.summary.costTotal tr, .cartForm .content-grey table.orders.summary.costTotal tbody, .cartForm .content-grey table.orders.summary.costTotal td {width: 100%; display: block; text-align: right;} .cartForm .content-grey table.orders.summary.costTotal td {padding: 0; margin: 10px 0 0 0;} .stickySection .sticky-column1, .stickySection .sticky-column2 {width: 100%;} .stickySection .sticky-column1 {order: 1;} .stickySection .sticky-column2 {order: 2;} } .orderPages .content-grey .orders.summary {margin-top: 0; margin-bottom: 30px; border-top: 1px solid #cccccc; border-bottom: 0;} .orderPages .content-grey .orders.summary td {padding: 10px 0 10px 0; font-weight: 400; vertical-align: text-bottom;} .orderPages .content-grey .orders.summary td.value {text-align: right;} .orderPages .content-grey .orders.summary .price {font-size: 2rem; font-weight: 700;} .orderPages .content-grey .orders.summary td, .orderPages .content-grey .orders.summary .currency {font-size: 1.25rem;} .cartForm .content-grey .orders.summary {width: auto; margin-left: auto; border-top: 0;} .cartForm .content-grey .orders.summary td {padding-left: 10px;} .sticky-content .content-grey .orders.summary {margin: -10px 0 0 0; margin-bottom: 0; border-top: 0;} .sticky-content .content-grey .orders.summary.summaryNet td {padding: 0 0 15px 0;} .sticky-content .content-grey .orders.summary.summaryNet td, .sticky-content .content-grey .orders.summary.summaryNet .price, .sticky-content .content-grey .orders.summary.summaryNet .currency {color: #909090; font-size: 0.75rem; font-weight: 400;} .sticky-content .content-grey .orders.summary td {padding: 10px 0 10px 0;} .sticky-content .content-grey .orders.summary .price {font-size: 1rem; font-weight: 400;} .sticky-content .content-grey .orders.summary td, .sticky-content .content-grey .orders.summary .currency {font-size: 1rem;} .sticky-content .content-grey .orders.summary.costTotal {margin-top: 15px; border-top: 1px solid #cccccc;} .sticky-content .content-grey .orders.summary.costTotal td {padding: 30px 0; font-weight: 700;} .sticky-content .content-grey .orders.summary.costTotal .price {font-weight: 700;} .sum .orders.adress {padding-top: 30px; padding-bottom: 15px;} .sum .orders.adress .buyer.smallSubTitle {padding-top: 0; padding-bottom: 5px;} .sum .orders.adress .col-md-6, .sum .orders.adress .col-md-4 {width: 50%; margin: 0; clear: none; float: left; padding: 15px 5px 15px 0;} .sum .orders.adress .col-md-6:nth-child(2n+1), .sum .orders.adress .col-md-4:nth-child(2n+1) {clear: left;} .sum .orders.adress .col-md-6:nth-child(2n+2), .sum .orders.adress .col-md-4:nth-child(2n+2) {clear: right;} @media all and (max-width: 479px) { .sum .orders.adress .col-md-6, .sum .orders.adress .col-md-4 {width: 100%; clear: both; padding: 15px 0;} .sum .orders.adress .col-md-6:nth-child(2n+1), .sum .orders.adress .col-md-4:nth-child(2n+1), .sum .orders.adress .col-md-6:nth-child(2n+2), .sum .orders.adress .col-md-4:nth-child(2n+2) {clear: both;} } /* detCard */ .detCard {} div.detCard {} /* .detCard div.row.offer {} .detCard #offerLeft, .detCard #offerRight {} .detCard #offerLeft {} .detCard #offerRight {top: 120px;} .detCard #offerLeft #offerLeftWrap, .detCard #offerLeft #offerRightWrap {width: 100%;} .detCard #offerThird {display: block; clear: both; margin: 0; padding: 30px 0 30px 0; box-sizing: border-box;} @media all and (min-width: 1600px) { .detCard #offerThird {padding-left: 131px;} } */ .stickyCard {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;} .stickyCard #offerLeft, .stickyCard #offerRight, .stickyCard #offerThird {display: flex; flex: 0 1 50%; padding: 0 15px; box-sizing: border-box; overflow: hidden;} .stickyCard #offerLeft {order: 1;} .stickyCard #offerRight {order: 2; position: -webkit-sticky; position: sticky; top: 120px; overflow: visible;} .stickyCard #offerThird {order: 3; flex-direction: column;} .stickyCard #offerLeftWrap {width: 100%; float: left; clear: both; overflow: hidden;} .stickyCard #offerRightWrap {width: 100%; float: left; clear: both; /* overflow: hidden; */} @media all and (max-width: 991px) { .stickyCard #offerLeft, .stickyCard #offerRight, .stickyCard #offerThird {width: 100%; flex: 0 1 auto; padding: 0; margin-bottom: 30px; position: static; clear: both;} } @media all and (min-width: 992px) { .stickyCard #offerThird {/* padding-left: 131px; */} .stickyCard #offerLeftWrap, .stickyCard #offerRightWrap {padding-bottom: 30px;} } .detCard .separator {margin-top: 0; margin-bottom: 30px; border-bottom: 1px solid #ffffff; clear: both; width: 100%;} .detCard .separator.to-productAttributes {display: none;} .detCard .separator.to-choosedAttributes {} .detCard .separator.to-manufacturer {} .detCard .separator.to-information {} .detCard .separator.to-basketSection {} .detCard .separator.to-cartprices {} .detCard .separator.to-prices {display: none;} .detCard .separator.to-addThis {} .detCard .separator.to-opinions {} .detCard #con1 .to-opisWrap {display: block; margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #cccccc;} .detCard .showVariants {} #offerRight .wrap {} .detCard .productName {margin: 0; padding: 0 0 5px 0; font-size: 1rem; font-weight: 700; /* text-transform: uppercase; */} @media all and (max-width: 991px) { .detCard .productName, .detCard #productInfoSmall .productName {font-size: 1rem; margin-bottom: 0;} } .detCard .productCode {font-size: 1rem; padding: 0; margin: 0 0 15px 0; font-weight: 400; text-transform: uppercase;} .detCard .productCode span {text-transform: none;} .detCard .productCode span.colon {color: inherit; font-weight: inherit;} .detCard .productCode.barCode {display: block; clear: both;} .detCard h2.productCode {margin: 0; font-weight: 300;} .detCard h2.productCode .colon {padding-right: 5px;} .detCard h2.productCode .txt {padding-right: 5px; font-weight: 500;} #productInfoSmall .productCode {} #productInfoSmall .productCode.barCode {} #offerRight .productPromotionIcons {flex-direction: row; margin: 0 0 15px 0;} #offerRight .productPromotionIcons span.icons {margin: 0 5px 0px 0; padding: 0;} #offerRight .productPromotionIcons span.icons .text {display: inline-block; padding: 3px 5px 3px 5px; height: auto; line-height: 1;} #upperInfo {position: relative;} #offerRight .wrap.brand {padding-right: 95px;} #offerRight .manufacturer {display: inline-block; position: absolute; top: 0; right: 0; text-align: right;} #offerRight .manufacturer a {display: inline-block; width: 80px; height: 40px; position: relative; overflow: hidden; margin: 0 0 0 auto;} #offerRight .manufacturer img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 0 auto auto; overflow: auto;} #offerLeft .productPromotionIcons {display: none;} @media all and (min-width: 992px) { #offerLeft .productPromotionIcons {display: flex; position: absolute; top: 0; left: 0; bottom: auto; right: 0; opacity: 1; z-index: 999;} #offerLeft .productPromotionIcons span.icons {margin: 0 0 5px 5px; padding: 5px; font-size: 0.75rem;} #offerLeft .productImage:hover .productPromotionIcons {opacity: 0;} } @media all and (max-width: 991px) { #offerRight {} #offerRight .productDetails.availability, #productInfoSmall .productDetails.availability {margin-bottom: 0;} #offerRight .availability, #productInfoSmall div.availability {padding-top: 5px; padding-bottom: 5px;} } #productInfoSmall {padding-top: 5px; margin-bottom: 15px;} /* #offerLeft .productImage {position: relative; margin-bottom: 15px;} #offerLeft .productImage a img {border: 0px solid #dedede;} #offerLeft .productImage img, #offerLeft .MoreZoom img {width: 100%; height: auto; display: block;} .detCard #offerLeft div.productThumbnails#thumbsSlick {display: block; clear: both; margin: 0; text-align: center; padding: 0 25px 15px 25px;} .detCard #offerLeft div.productThumbnails div.slick-list, .detCard #offerLeft div.productThumbnails div.slick-track {margin: 0; padding: 0;} .detCard #offerLeft div.productThumbnails div.pics {margin: 0 5px; padding: 0;} .detCard #offerLeft div.productThumbnails a {} .detCard #offerLeft div.productThumbnails a span {display: inline-block; position: relative; width: 121px; height: 121px; padding: 0; border: 0px solid #f1f1f1; background-color: #ffffff;} .detCard #offerLeft div.productThumbnails a:hover {} .detCard #offerLeft div.productThumbnails img { max-width: 100%; max-height: 100%; display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; } .detCard .foteczken {display: block;} .detCard .foteczken div.col-Fota {width: 100%; position: relative; padding: 0 0 0 0; margin: 0 0 30px 0;} @media all and (min-width: 768px) { .detCard .foteczken div.col-Fota.plus-Fotki {float: right; width: calc(100% - 131px);} } .detCard .foteczken div.col-Foty {float: left; width: 131px; position: relative; margin: 0 0 30px 0;} @media all and (max-width: 767px) { .detCard .foteczken div.col-Fota {width: 100%;} .detCard .foteczken div.col-Foty {display: none;} } .detCard #bigSlick {width: 100%; margin: 0;} .detCard #bigSlick img {cursor: pointer; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto;} .detCard #bigSlick button.scroll {z-index: 2; opacity: 1;} .detCard #bigSlick button.scroll:hover {opacity: 1;} .detCard #thumbsSlickVertical .slick-list, .detCard #bigSlick .slick-list {width: 100%; margin: 0; padding: 0!important;} .detCard #thumbsSlickVertical {margin: 0px 9px 0 0; padding: 0 0 10px 0; position: relative; text-align: center; float: right; z-index: 2;} .detCard #thumbsSlickVertical .slick-list.draggable {} .detCard #thumbsSlickVertical * {outline: 0;} .slick-vertical .slick-slide {clear: both; width: 100%;} .detCard #thumbsSlickVertical a {display: block; margin: 0 0 9px 0; padding: 0; z-index: 1; width: 100%; clear: both; background-color: #ffffff; border: 0px solid #f0f0f0; cursor: pointer; opacity: 1; height: auto;} .detCard #thumbsSlickVertical a:hover {opacity: 0.7;} .detCard #thumbsSlickVertical a span {display: block; width: 121px; height: 121px; padding: 0; overflow: hidden; position: relative;} .detCard #thumbsSlickVertical a span img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} .detCard #thumbsSlickVertical button.scroll {display: block; width: 100%; height: 15px; line-height: 1; margin: 0; cursor: pointer; padding: 0; border: 0; position: absolute; left: 0; text-shadow: none; background-color: transparent; background-image: none; z-index: 2; opacity: 0.15;} .detCard #thumbsSlickVertical button.scroll span {color: #000000; font-size: 0.875rem;} .detCard #thumbsSlickVertical button.scroll:hover {opacity: 1; background-color: transparent; background-image: none;} .detCard #thumbsSlickVertical button.scroll.up {top: -3px; color: #ffffff;} .detCard #thumbsSlickVertical button.scroll.down {bottom: 0px; color: #ffffff;} */ .detCard #thumbsSlick .slick-list, .detCard #thumbsSlick .div.slick-track, .detCard #thumbsSlickBig .slick-list {margin: 0; padding: 0!important;} .detCard #thumbsSlickBig {margin-top: 0; margin-bottom: 0;} .detCard #thumbsSlickBig img {border: 0; margin: 0 auto;} .detCard .duzaFotkaLink {cursor: default;} .detCard .openPicMobile {cursor: pointer;} @media screen and (min-width: 992px) { .detCard .duzaFotkaLink, .detCard #thumbsSlickBig img {cursor: pointer;} } .detCard .productImage {position: relative; margin-bottom: 15px; border: 0px solid #dedede; overflow: hidden;} .detCard .productImage #thumbsSlickBig img {display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%;} .detCard button.scroll {opacity: 1; text-shadow: none; background-color: transparent; background-image: none; z-index: 2;} .detCard button.scroll span {color: #000000; font-size: 18px;} .detCard button.scroll:hover {opacity: 1; background-color: transparent; background-image: none;} .detCard #thumbsSlickBig button.scroll span {font-size: 24px;} .detCard #offerLeft div.productThumbnails #thumbsSlick {display: block; clear: both; text-align: left; width: 100%; margin: 0; padding: 0 0 30px 0; position: relative;} .detCard #offerLeft div.productThumbnails div.slick-list, .detCard #offerLeft div.productThumbnails div.slick-track {margin: 0; padding: 0;} .detCard #offerLeft div.productThumbnails div.pics {display: block; padding: 0; width: 100%; margin: 0;} .detCard #offerLeft div.productThumbnails a {display: block; cursor: pointer; line-height: 1;} .detCard #offerLeft div.productThumbnails a span {display: inline-block; position: relative; width: 100%; height: 0; padding: 0 0 100% 0; border: 0px solid #dedede; background-color: #ffffff;} .detCard #offerLeft div.productThumbnails a:hover {} .detCard #offerLeft div.productThumbnails img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;} /* .detCard #offerLeft #thumbsSlick button.scroll {display: block; width: 60px; height: 20px; margin: 0; cursor: pointer; padding: 0; border: 0 solid; position: absolute; left: 17px;} .detCard #offerLeft #thumbsSlick button.scroll.up {top: 0px;} .detCard #offerLeft #thumbsSlick button.scroll.down {bottom: 0px;} */ .detCard .pics-block {padding: 0; margin: 0; clear: both; width: 100%; display: block;} .detCard .pics-block div.col-Main {width: 100%; display: block; box-sizing: border-box; position: relative; padding: 1px; margin: 0;} .detCard .pics-block div.col-Thumbs {width: 121px; display: block; box-sizing: border-box; position: relative; padding: 0; margin: 0 10px 0 0; float: left;} @media screen and (min-width: 992px) { .detCard .pics-block.has-thumbs div.col-Main {width: calc(100% - 131px); float: right;} } @media screen and (max-width: 991px) { .detCard .pics-block {margin-bottom: 30px;} .detCard .pics-block.has-thumbs div.col-Main {width: 100%;} .detCard .pics-block div.col-Thumbs {display: none;} } .detCard .col-Main .productImage, .detCard .col-Thumbs div.pics a {display: block; border: 1px solid var(--ramka1);} .slick-vertical .slick-slide {clear: both; width: 100%;} .detCard #thumbsSlick a {display: block; margin: 0 0 9px 0; padding: 0; z-index: 1; width: 100%; height: auto; clear: both; cursor: pointer; opacity: 1;} .detCard #thumbsSlick .slick-current a {opacity: 1;} .detCard #thumbsSlick a:hover {opacity: 0.5;} .detCard #thumbsSlick a span {display: block; width: 88px; padding: 0 0 100% 0; height: 0; overflow: hidden; position: relative;} .detCard #thumbsSlick a span img {display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;} .detCard #thumbsSlick button.scroll {display: block; width: 50%; height: 15px; line-height: 1; margin: 0; cursor: pointer; padding: 0; border: 0; position: absolute; text-shadow: none; background-color: transparent; background-image: none; z-index: 2; opacity: 1;} .detCard #thumbsSlick button.scroll span {color: #000000; font-size: 14px;} .detCard #thumbsSlick button.scroll:hover {opacity: 0.75; background-color: transparent; background-image: none;} .detCard #thumbsSlick button.scroll.slick-prev {top: auto; left: 0; right: auto; bottom: 0; color: #000000;} .detCard #thumbsSlick button.scroll.slick-prev .fa {background-position: -60px -30px;} .detCard #thumbsSlick button.scroll.slick-prev:hover .fa {background-position: -60px 0px;} .detCard #thumbsSlick button.scroll.slick-next {top: auto; left: auto; right: 0; bottom: 0; color: #000000;} .detCard #thumbsSlick button.scroll.slick-next .fa {background-position: -90px -30px;} .detCard #thumbsSlick button.scroll.slick-next:hover .fa {background-position: -90px 0px;} /* .pswp__ui {position: fixed; bottom: 50px; left: 0; width: 100%; margin: 0; padding: 30px; text-align: center;} .pswp__ui .pswp__button {display: flex; width: 40px; height: 40px; border-radius: 50%;} .pswp__ui .pswp__button.pswp__button--prev {opacity: 0;} .pswp__ui .pswp__button.pswp__button--next {opacity: 0;} */ .duzaFotkaLink:focus {outline: 0!important;} .pswp__bullets-indicator {display: flex; flex-direction: row; align-items: center; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0); gap: 5px; padding: 10px;} .pswp__bullets-indicator.pswp__hide-on-close {opacity: 0!important;} .pswp__bullets-indicator.pswp__hide-on-close:hover {opacity: 1!important;} .pswp__bullet {width: 12px; height: 12px; border-radius: 50%; margin: 0; background: #ffffff; opacity: 0.5;} .pswp__bullet--active {opacity: 1;} .pswp__bullet:hover {opacity: 0.75;} .openPicMobile, .pswp__button.pswp__button--arrow, .pswp__button.pswp__button--close, .pswp__button.pswp__button--zoom {display: flex; align-items: center; justify-content: center; border-radius: 50%; opacity: 0.85!important; background-color: #ffffff; color: #000000; border: 0px solid #ffffff; box-shadow: 0 0 5px #000000; overflow: visible; position: fixed;} .pswp__button.pswp__button--arrow:hover, .pswp__button.pswp__button--close:hover, .pswp__button.pswp__button--zoom:hover {opacity: 1!important; background-color: #000000; color: #ffffff; border: 0px solid #ffffff; box-shadow: 0 0 5px #ffffff;} .pswp__button.pswp__button--arrow {top: auto; bottom: 40px; width: 60px; height: 60px; scale: 0.8;} .pswp__button.pswp__button--close {top: auto; bottom: 40px; width: 60px; height: 60px; left: 50%; right: auto; transform: translate(-50%, 0); margin: 0 0 0 0px; scale: 1;} .pswp__button.pswp__button--zoom {top: 15px; bottom: auto; width: 60px; height: 60px; left: auto; right: 15px; scale: 0.8;} .pswp__button.pswp__button--arrow--prev {margin: 0 0px 0 -75px; left: 50%; right: auto; transform: translate(-50%, 0);} .pswp__button.pswp__button--arrow--next {margin: 0 -75px 0 0px; left: auto; right: 50%; transform: translate(50%, 0);} .fa.fa-search-plus:before {content:"\f00e";} .pswp--zoomed-in .fa.fa-search-plus:before, .fa.fa-search-minus:before {content:"\f010";} .pswp__button .fa {font-size: 32px;} .pswp__button--arrow--prev .fa {margin-left: -5px;} .pswp__button--arrow--next .fa {margin-right: -5px;} .openPicMobile {position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; opacity: 0.5!important;} .openPicMobile:hover {opacity: 1!important;} .openPicMobile .fa {font-size: 20px;} /* .openPicMobile .pswp__icn {position: static; scale: 2; color: #ffffff;} .openPicMobile #pswp__icn-zoom {fill: #000000;} .openPicMobile .pswp__zoom-icn-bar-h {color: inherit;} .openPicMobile .pswp__zoom-icn-bar-v {color: inherit;} .openPicMobile .pswp__icn-shadow {stroke: #ffffff; stroke-width: 1px; fill: none;} @media all and (max-width: 479px) { .openPicMobile .pswp__icn {scale: 1.5;} } */ @media all and (max-width: 479px) { .openPicMobile {top: 5px; right: 5px;} } @media all and (min-width: 992px) { .detCard .slick-dots, .openPicMobile {display: none;} } table.productDetails {width: auto;} .productDetails td {padding: 5px 10px 5px 0; vertical-align: middle; font-size: 0.875rem; line-height: 1.3;} @media all and (max-width: 991px) { table.productDetails {margin-left: 0; margin-right: auto;} } .productDetails.opinions {width: auto;} .productDetails.opinions .colon {display: none;} .productDetails.opinions td {} .productDetails.opinions td div.ratBar {display: inline-block; float: left;} .productDetails.opinions td div.div2, .productDetails.opinions td div.div3 {display: inline-block; margin-left: 10px; float: left;} .productDetails.opinions td div.div2 {padding-top: 8px;} .productDetails.opinions td div.div3 a {font-size: 0.825rem;} .productDetails.availability {margin-bottom: 15px;} div.productDetails.choosedAttributes {} .productDetails.choosedAttributes td {padding-top: 10px; padding-bottom: 10px;} .productDetails.choosedAttributes td select {padding: 5px;} div.productDetails.productAttributes {} .productDetails.productAttributes td {padding-top: 10px; padding-bottom: 10px;} .productDetails.productAttributes img {margin-right: 5px;} .productDetails.productAttributes img + .sep {display: none;} .detCard #con1 table.productDetails.productAttributes, .detCard #con1 table.productDetails.productAttributes tbody, .detCard #con1 table.productDetails.productAttributes tr {display: block; width: 100%;} .detCard #con1 table.productDetails.productAttributes td {display: inline-block; padding: 5px 20px 5px 0; width: auto; font-size: 0.875rem; text-transform: none;} .detCard #con1 .productDetails.productAttributes td.tag {float: left; clear: left; text-align: left;} .detCard #con1 .productDetails.productAttributes td.value {float: left; clear: right; text-align: left;} .detCard #con1 div.productDetails.productAttributes {clear: both; width: 100%; margin: 0; overflow: hidden;} .detCard #con1 .productCode {clear: both; width: 100%; padding: 5px 0 5px 0; margin: 0; font-size: 0.875rem; text-transform: none;} table.productDetails.prices {margin-bottom: 30px; margin-top: 15px;} .showVariants table.productDetails.prices {margin-bottom: 30px;} .detCard .cartprices, .detCard #sell-price, .detCard #sell-price-start {overflow: hidden;} .detCard .showVariants.selectVariants, .detCard .showVariants .sell-price-start {padding-top: 30px;} .detCard .showVariants .sell-price-start table.productDetails.prices {margin-top: 0; margin-bottom: 0;} .detCard .availability.availability-variant {position: relative; top: 0; height: 30px; margin: 0 0 -30px 0;} .detCard .availability.availability-variant:empty {display: none;} .showVariants table.productDetails.prices {width: auto;} /* Omnibus */ .item .price, .item .price .currency {font-size: 12px; font-weight: 400;} .item .productDetails.prices {display: flex; flex-wrap: wrap; gap: 5px 0; align-items: flex-start; justify-content: center; padding: 0; line-height: 1; flex-direction: column; font-size: 10px; line-height: 1;} .item .productDetails.prices div.priceTax {display: flex; flex-direction: row-reverse; align-items: center;} .item .productDetails.prices div.priceDiscount {order: 1;} .item .productDetails.prices div.priceOld {order: 3;} .item .productDetails.prices .tag {display: inline; font-size: 10px} .item .productDetails.prices .tag:empty {display: none;} .item .productDetails.prices .value {display: inline; padding: 0;} .item .productDetails.prices .price {padding-right: 5px;} .item .productDetails.prices .price .currency {} .item div.omnibusPrice {display: block; padding: 0; line-height: 1; order: 2; width: 100%; flex: 1 1 auto;} .item .productDetails.prices div.priceDiscount, .item .productDetails.prices div.priceDiscount .price {color: #ff0000;} .item .productDetails.prices div.priceOld, .item .productDetails.prices div.omnibusPrice .tag {color: #7b7b7b;} .item .productDetails.prices div.priceOld .price, .item .productDetails.prices div.omnibusPrice .price {color: #7b7b7b; text-decoration: line-through; font-weight: 400;} .item .productDetails.prices div.priceOld .price .currency, .item .productDetails.prices div.omnibusPrice .price .currency {font-weight: 400;} @media all and (min-width: 992px) { .item .productDetails.prices .tag {font-size: 12px} } .tagFrom:empty, #sell-price-start:empty, #sell-price:empty {display: none;} .detCard .tagFrom {display: none; padding: 15px 0 5px 0;} .detCard div.productDetails.prices {display: flex; flex-direction: column; line-height: 1; flex-wrap: nowrap; gap: 20px 0; padding: 15px 0 15px 0; color: #7b7b7b;} @media all and (min-width: 1400px) { .detCard div.productDetails.prices {flex-direction: row; flex-wrap: wrap; gap: 30px 40px;} } .detCard div.productDetails.prices .priceTax.pricePromotion {order: 1;} .detCard div.omnibusPrice {order: 2;} .detCard div.productDetails.prices .priceTax.pricePromotion.priceOld {order: 3;} .detCard div.productDetails.prices .priceTax .value {display: block; padding: 10px 0 0 0; font-size: 24px; font-weight: 600;} .detCard div.productDetails.prices .price {font-size: 24px; font-weight: 600; color: #7b7b7b;} .detCard div.productDetails.prices .priceDiscount .tag, .detCard div.productDetails.prices .priceDiscount .price {color: #e00000;} @media all and (max-width: 1139px) { .detCard div.productDetails.prices .priceDiscount .tag {display: none;} } .detCard div.omnibusPrice {display: flex; flex-direction: column-reverse; line-height: 1; flex-wrap: wrap; font-size: 14px;} .detCard div.productDetails.prices .priceTax .tag {font-size: 13px; font-weight: 400;} .detCard .omnibusPrice .tag {color: #7b7b7b; font-size: 13px; font-weight: 400;} .detCard .omnibusPrice .tag {display: block;} .detCard .omnibusPrice .value {display: block; padding: 10px 0 0 0;} .detCard .omnibusPrice .price {text-decoration: line-through;} .detCard .omnibusPrice .price .currency {} .komunikatORabacie {color: #7b7b7b; font-size: 14px; line-height: 1; position: relative; position: relative; margin: 0px 0 0px 0; padding: 0 0 10px 0;} /* Omnibus */ #selectVariants {} #selectVariants .dostepnoscWariantu#dw0 {} #selectVariants .dostepnoscWariantu, .detCard div.availability, #selectVariants .availability {margin-bottom: 10px;} .availability.availability-variant .colon, #selectVariants .availability .colon {margin-right: 5px;} .availability.availability-variant img, #selectVariants .availability img {vertical-align: middle; display: inline-block;} #selectVariants .forTable {} .detCard #sell-price:empty, .detCard #sell-price-start:empty, .detCard #selAtrs:empty, .detCard .productCode:empty, .detCard .wrap .availability:empty, #selectVariants .availability:empty, #selectVariants .dostepnoscWariantu:empty {display: none;} .basketSection {display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: stretch;} .basketSection .basketLeft {display: flex; order: 1; flex: 1 1 auto; width: auto; margin: 0; padding: 0;} .basketSection .basketRight {display: flex; order: 2; flex: 0 1 auto; width: auto; min-width: 83px; margin: 0 0 0 10px; padding: 0;} .basketRight a {width: 83px; height: 83px; text-align: left; background-color: #f1f1f1; position: relative;} .basketRight a:hover {background-color: #000000;} .basketRight a .icon {display: inline-block; width: 35px; height: 35px; background: url(icon-heart-big.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; margin: -17px auto 0 -18px;} .basketRight a:hover .icon {background-position: 0 -35px;} .basketSection .form, .basketSection .form-inline {text-align: center;} .basketSection label {padding-left: 3px; padding-right: 3px;} .basketSection .form-inline input.form-control {width: 60px; margin-left: auto; margin-right: auto;} .basketSection .labels, .basketSection .btn {} .basketSection .labels {padding-top: 8px; padding-right: 10px;} .basketSection .labels.quantity {padding-top: 0px;} .basketSection .labels.txt .colon {display: none;} .basketSection input#quantity {padding: 9px 10px 10px 5px; border: 1px solid #dedede; font-size: 0.875rem; line-height: 14px; width: 50px; text-align: right;} .basketSection #addToBasket {} .basketSection #addToBasket .icon {} .detCard #lastItem {margin-top: 15px;} /* specjalna klasa tworząca ilość z przyciskami plus/minus */ .bsPlusMinus {} .detCard .bsPlusMinus {} .orders .bsPlusMinus {} .detCard table.variants {margin: 0 0 10px 0; width: 100%;} .showVariants.selectVariants table.variants {width: auto;} .detCard table.variants td {padding: 5px 10px 5px 0; vertical-align: middle;} .detCard table.variants td table {width: 100%; margin: 0;} .detCard table.variants td td {padding: 5px 0px 5px 10px;} .detCard table.variants td td.name, .detCard table.variants td td.price {padding-left: 0;} .detCard table.variants td td.buttons, .detCard table.variants td td.price {padding-top: 0;} .detCard table.variants td td.name, .detCard table.variants td td.availability {padding-bottom: 0px;} .detCard table.variants td td.availability, .detCard table.variants td td.buttons {width: 200px; text-align: right;} .detCard table.variants td td.availability span.img {display: block;} .detCard table.variants td td.availability {font-size: 0.75rem;} .detCard table.variants td td.availability .colon {padding-right: 5px;} .detCard table.variants td td.availability.availability-cell {} .detCard table.variants .productName {font-weight: 300; font-size: 1.375rem; margin: 0; border: 0;} .detCard table.variants td .tag {display: none;} .detCard table.variants td span.price {font-size: 1.5rem;} .detCard table.variants td span.priceOld {font-size: 1.125rem;} .detCard table.variants td td.price table {width: auto; margin: 0 auto 0 0;} .detCard table.variants td td.price table td {vertical-align: text-bottom;} .detCard table.variants td td.price table td.tag {display: /* table-cell */ none; padding: 0 5px 0 0;} .detCard table.variants td td.price table td.value {padding: 0;} @media all and (max-width: 479px) { .detCard table.variants td table, .detCard table.variants td table tr, .detCard table.variants td table tbody, .detCard table.variants td table td {display: block; width: 100%; float: left; text-align: left; padding: 0;} .detCard table.variants td td.availability span.img {display: inline-block; margin-left: 10px;} .detCard table.variants td table td.name, .detCard table.variants td table td.availability, .detCard table.variants td table td.price, .detCard table.variants td table td.buttons {width: 100%; text-align: center; padding: 5px 0;} .detCard table.variants td table td.name {padding-top: 0; border-top: 1px solid #dedede;} } .detCard .variant-brick {clear: both; margin: 0 0 5px 0; padding: 0;} .detCard .variant-brick .moduleHead {margin: 0; padding: 0;} .detCard .variant-brick .moduleTitle {} .detCard .variant-brick .moduleContent {margin: 0; padding: 0; overflow: hidden;} .detCard .variant-brick span.brick {margin: 0 5px 10px 0; padding: 0; text-transform: uppercase;} .detCard .variant-brick label {margin: 0; padding: 5px 15px; min-width: 67px; height: 44px; font-size: 1rem; font-weight: 400; text-align: center; box-sizing: border-box;} .detCard .variant-brick span.brick.selected label {font-weight: 700;} .detCard .variant-brick input {display: none;} /* SSS */ .detCard .variant-brick .moduleContent {display: flex; flex-wrap: wrap; flex-direction: row;} .detCard .variant-brick span.brick {display: inline-flex; float: none;} .detCard .variant-brick label {display: inline-flex; justify-content: center; align-items: center;} /* OTH */ /* .detCard .variant-brick .moduleContent {} .detCard .variant-brick span.brick {display: inline-block; float: left;} .detCard .variant-brick label {display: inline-block;} */ .detCard .variant-brick span.brick {background-color: #f1f1f1; border: 1px solid #f1f1f1;} .detCard .variant-brick label {color: #1d1d1d; background-color: #f1f1f1; cursor: pointer} .detCard .variant-brick span.brick:hover, .detCard .variant-brick span.brick.selected {background-color: #1d1d1d; border-color: #1d1d1d;} .detCard .variant-brick span.brick:hover label, .detCard .variant-brick span.brick.selected label {color: #ffffff; background-color: #1d1d1d;} .detCard .variant-brick span.brick.disabled {background-color: #f1f1f1; border-color: #f1f1f1;} .detCard .variant-brick span.brick.disabled label {color: #000000; background-color: #f1f1f1; opacity: 0.2;} .detCard .variant-brick span.brick.disabled:hover {background-color: #f1f1f1; border-color: #f1f1f1;} .detCard .variant-brick span.brick.disabled.selected {background-color: #868686; border-color: #868686;} .detCard .variant-brick span.brick.disabled:hover label {background-color: #f1f1f1; opacity: 0.5;} .detCard .variant-brick span.brick.disabled.selected label {background-color: #868686;} .detCard .productGroup {clear: both; margin: 0 0 5px 0; padding: 0;} .detCard .productGroup .moduleHead {margin: 0; padding: 0;} .detCard .productGroup .moduleTitle {} .detCard .productGroup .moduleContent {margin: 0; padding: 0; overflow: hidden;} .detCard .productGroup ul {display: block; margin: 0; padding: 0; list-style: none;} .detCard .productGroup li {display: inline-block; float: left; margin: 0 10px 10px 0; padding: 0;} .detCard .productGroup a {display: block; width: 60px; height: 60px; position: relative; text-align: center; overflow: hidden;} .detCard .productGroup a img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} .detCard .productGroup a span {display: none; padding: 5px; font-size: 0.75rem; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; overflow: hidden;} .detCard .productGroup a {background-color: #ffffff; border: 1px solid #a8a8a8; cursor: pointer} .detCard .productGroup a span {color: #1a1a18; background-color: #ffffff;} .detCard .productGroup a:hover, .detCard .productGroup li.active a {background-color: #3A89C9; border-color: #3A89C9;} .detCard .productGroup a:hover span, .detCard .productGroup li.active a span {color: #ffffff; background-color: #3A89C9;} .detCard .productDetails.addThis {line-height: 1;} .detCard .addthis_toolbox {line-height: 1; padding: 0; margin: 0;} .detCard .addthis_toolbox a {line-height: 1; margin: 1px 0px 1px 2px; vertical-align: middle; float: none;} .detCard .addthis_default_style .addthis_separator {margin-right: 0;} .detCard #action_addThis {display: none;} @media all and (min-width: 768px) { .detCard #action_addThis {display: block;} } .detCard #con1 .panel-body, .detCard #opisGlowny .panel-body {width: 100%;} .detCard .tabs {float: left; clear: both; width: 100%; margin-bottom: 40px;} .detCard .tabs .panel {margin-bottom: 0; border-bottom: 1px solid #cccccc;} .detCard .tabs h2.tab, .detCard .tabs div.tab {padding: 0; margin: 0; border-top: 1px solid #cccccc; font-size: 16px; line-height: 1.42857143; clear: both;} .detCard .tabs h2.tab .zakladka, .detCard .tabs div.tab .zakladka {display: block; padding: 25px 50px; line-height: 1; font-weight: 700; width: 100%; text-transform: uppercase; box-sizing: border-box; position: relative; z-index: 1; cursor: pointer;} .detCard .tabs h2.tab .zakladka:after, .detCard .tabs div.tab .zakladka:after {content: ""; z-index: 2; display: inline-block; width: 30px; height: 30px; font-size: 2rem; margin: 0; position: absolute; top: 17px; right: 50px; background: url(sprite-nav-big.png) no-repeat -60px -30px;} .detCard .tabs h2.tab.collapsed .zakladka:after, .detCard .tabs div.tab.collapsed .zakladka:after {background-position: -90px -30px;} @media all and (max-width: 768px) { .detCard .tabs h2.tab .zakladka, .detCard .tabs div.tab .zakladka {padding-left: 15px; padding-right: 50px;} .detCard .tabs h2.tab .zakladka:after, .detCard .tabs div.tab .zakladka:after {right: 15px;} } .detCard .tabs div.content {padding: 0; border-bottom: 0px solid #cccccc;} .detCard .tabs div.content .panel-content {padding: 15px 15px 15px 15px;} .printOnly {display: none!important;} .moreQuestions {clear: both; width: 100%; float: left; margin-bottom: 40px; padding: 0 30px; background-color: #f6f6f6;} .moreQuestions a.link {display: inline-block; padding: 30px 0 30px 65px; background: url(icon-question.png) no-repeat 0 50%; line-height: 22px; text-transform: uppercase;} .moreQuestions a.link strong {text-decoration: underline;} #wish {} ul.actions {width: 100%; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 0 0 30px 0; padding: 26px 0 10px 0; overflow: hidden; text-transform: uppercase;} ul.actions li {display: inline-block; padding: 0; margin: 0 45px 15px 0; font-size: 0.875rem; vertical-align: top; text-align: left;} ul.actions a {display: inline-block; padding: 2px 0 2px 0; line-height: 20px;} ul.actions a img {display: inline-block; float: left; margin: 0 10px 0 0;} ul.actions a, ul.actions a:visited {color: #555555;} ul.actions a:hover {color: #1d1d1e;} ul.actions li a:after {/* content: "/"; padding-left: 6px; */} ul.actions li:last-child a:after {/* content: ""; padding-left: 0; */} @media all and (max-width: 991px) { ul.actions {text-align: center;} ul.actions li {width: 50%; float: left; margin: 0 0 5px 0; text-align: left;} } @media all and (max-width: 479px) { ul.actions li {width: 100%; text-align: center; clear: both;} } #action_social {margin: 10px 0 10px 0; float: right; display: inline-block; font-size: 0.75rem;} #action_social table td {padding: 5px 0 5px 5px;} /* contactForm - askForm, recForm */ .contactForm {} .contactForm .productImage {margin-bottom: 30px;} .contactForm .productName {font-size: 1.125rem;} @media all and (max-width: 767px) { .contactForm .productImage, .contactForm .productName {text-align: center; margin-bottom: 10px;} } /* sticky */ .sticky {position: fixed; top: 0;} .sticky#underHeader {position: fixed; width: 100%; top: 0px; left: 0; z-index: 19100; /* box-shadow: 0 0px 20px rgba(0,0,0,0.5); */} @media all and (max-width: 991px) { #flex-fluid #mainTop {height: 61px;} #quickPanel, #curLan, #quickCart, #quickCart a.cart, #quickCart span.cart {width: 61px;} #quickCart, #quickCart div.cart .rows, #quickPanel #quickWrap, #quickPanel .userIcon {height: 61px;} #quickPanel .userIcon {background: url(icon-user-sticky.png) no-repeat 50% 0;} #quickPanel:hover .userIcon, #quickPanel:hover .userIcon:hover {background: #000000 url(icon-user-sticky.png) no-repeat 50% 100%;} .showSearch {} .showSearch #logo, .showSearch #mobiMenu, .showSearch #menuTop, .showSearch #quickPanel, .showSearch #mobiSearch, .showSearch #quickCart {display: none;} .showSearch #quickSearch {display: flex; width: 100%; padding-top: 0;} .showSearch #quickSearch .navbar-form {width: 100%; padding: 0; margin: 0;} .showSearch #quickSearch input.form-control {width: 100%; text-transform: none;} .showSearch #quickSearch .findForm {height: 61px;} .showSearch #quickSearch .findForm .form-control {height: 61px;} .showSearch #quickSearch .findForm .btn {height: 61px;} #logo .mainLogo span {height: 61px;} #quickCart a.cart, #quickCart span.cart {height: 61px; padding: 0; background: #000000 url(icon-basket-sticky.png) no-repeat 50% 0%;} #quickCart a.cart:hover, #quickCart span.cart:hover {background: #f1f1f1 url(icon-basket-sticky.png) no-repeat 50% 100%;} #quickPanel:hover #curLan, div.cart.cartFull:hover .cartHidden {top: 61px;} div.cart .badge {top: 8px; right: 8px;} } @media all and (max-width: 430px) { #logo {min-width: 100px;} #logo .mainLogo span {width: 100px;} } @media all and (max-width: 359px) { #logo {min-width: 50px;} #logo .mainLogo span {width: 50px;} } @media all and (min-width: 992px) { .sticky #flex-fluid {/* box-shadow: 0 0px 20px rgba(0,0,0,0.5); */} .sticky #flex-fluid #mainOverTop {height: 32px;} .sticky #flex-fluid #mainTop {height: 61px;} .sticky #quickPanel, .sticky #curLan, .sticky #quickCart, .sticky #quickCart a.cart, .sticky #quickCart span.cart {width: 61px;} .sticky #quickCart, .sticky #quickCart div.cart .rows, .sticky #quickPanel #quickWrap, .sticky #quickPanel .userIcon {height: 61px;} .sticky #quickPanel .userIcon {background: url(icon-user-sticky.png) no-repeat 50% 0;} .sticky #quickPanel:hover .userIcon, .sticky #quickPanel:hover .userIcon:hover {background: #000000 url(icon-user-sticky.png) no-repeat 50% 100%;} .sticky #quickSearch {padding-top: 9px;} .sticky #quickSearch .findForm {height: 44px;} .sticky #quickSearch .findForm .form-control {height: 44px;} .sticky #quickSearch .findForm .btn {height: 44px;} #logo {min-width: 190px;} #logo .mainLogo span {width: 190px;} .sticky #logo .mainLogo span {height: 61px;} .sticky #quickCart a.cart, .sticky #quickCart span.cart {height: 61px; padding: 0; background: #000000 url(icon-basket-sticky.png) no-repeat 50% 0%;} .sticky #quickCart a.cart:hover, .sticky #quickCart span.cart:hover {background: #f1f1f1 url(icon-basket-sticky.png) no-repeat 50% 100%;} .sticky #quickPanel:hover #curLan, .sticky div.cart.cartFull:hover .cartHidden {top: 61px;} .sticky div.cart .badge {top: 8px; right: 8px;} .sticky #menuTop .nav li x, .sticky #menuTop .nav li a {/* height: 61px; line-height: 61px; */} .sticky #menuTop .nav li li a {height: auto; line-height: 1.3;} .sticky #menuTop .nav li ul {top: 61px;} } @media all and (min-width: 992px) and (max-width: 1080px){ #logo {min-width: 100px;} #logo .mainLogo span {width: 90px; margin-left: 5px;} #quickSearch {width: 130px;} #quickSearch input.form-control {/* width: 100px; */} } @media all and (min-width: 1199px) { #logo {min-width: 234px;} #logo .mainLogo span {width: 234px;} .sticky #logo .mainLogo span {height: 61px;} } div.information {margin-bottom: 30px;} #page_itemList div.information {font-size: 1rem;} #page_itemList div.information strong {} @media all and (min-width: 992px) { #page_itemList div.information {padding: 0 15px;} } .information.error {color: red; padding: 10px 0;} .has-error .information.error {display: block; padding: 5px 0 0 0; font-size: 0.75rem;} .orders .information.error {background-color: #ffffff; color: #ff0000; border: 2px solid #ff0000; font-size: 1.125rem; padding: 15px; margin: 0 0 15px 0; text-align: center;} .orders .has-error .information.error, .orders .forms .information.error {font-size: 0.75rem; border: 0; padding: 5px 0 0 0; margin: 0; text-align: left;} .p-container .has-error-info {display: none;} .p-container.has-error .has-error-info {display: block;} .subReqForm {} .subReqForm .form-group {padding: 10px 0; margin-bottom: 0;} .subReqForm .form-group input {} #sideColLeft .subReqForm {} #sideColLeft .subReqForm .description {padding: 0px 0px 10px 0px;} #sideColLeft .subReqForm input {margin-top: 5px; margin-bottom: 5px;} #subReqForm .description {padding: 4px 0px 19px 0px;} #subReqForm .buttons {width: 100%; height: 36px; position: relative; overflow: hidden; margin-bottom: 15px;} #subReqForm input.form-control {border: 0; background-color: #efeded; font-style: normal; font-weight: 400; color: #adacac; font-size: 1rem; width: calc(100% - 226px); height: 51px; line-height: 51px; padding: 0 10px 0 10px; box-sizing: border-box;} #subReqForm input.btn {border: 0; background-color: #ff0000; color: #ffffff; outline: 2px solid #ff0000; outline-offset: -2px; border: 0; width: 216px; height: 51px; line-height: 51px; padding: 0; box-sizing: border-box; margin-left: 10px;} #subReqForm input.btn:hover {background-color: #000000; color: #ffffff; outline: 2px solid #ff0000; border: 0;} @media all and (max-width: 991px) { #quickSearch input.form-control {width: 100px;} .subReqForm .form-group {width: 100%;} } @media all and (max-width: 767px) { .subReqForm .description {text-align: left; padding-top: 10px;} } .subReqForm.r-subReqForm {text-align: left; clear: both; margin-bottom: 15px;} .subReqForm.r-subReqForm .description {float: none; padding: 0; text-align: left;} .subReqForm.r-subReqForm .form-group {float: none; padding: 15px 0; margin-bottom: 0;} .subReqForm.r-subReqForm .form-group .form-control {} .subReqForm.r-subReqForm .form-group .btn {clear: both; margin-top: 15px;} /* loginPanel */ #section_userPanel {} .user-welcome {font-size: 1rem; padding: 5px 0;} .user-welcome span {font-weight: 700;} .user-welcome span.exclamation {font-weight: 400; padding-left: 3px;} .user-orders {} .user-data, .user-points {margin-bottom: 30px; line-height: 1.5;} .user-data div {} .user-data .user-links {padding-top: 10px;} .user-data .user-links .btn-link {margin-right: 15px;} /* loginForm */ .loginForm ul, .loginPage ul {display: block; width: 100%; list-style: none; margin: 0; padding: 0;} .loginForm li, .loginPage li {display: block; width: 100%; list-style: none; margin: 0; padding: 0;} @media all and (min-width: 992px) { .loginPage .col-md-6 {border-right: 1px solid #cccccc; padding-right: 100px;} .loginPage .col-md-6:last-child {border-left: 1px solid #cccccc; border-right: 0px solid #cccccc; margin-left: -1px; padding-left: 100px; padding-right: 0;} .loginPage .col-md-6 .col-md-6 {border-right: 0; padding-right: 15px;} .loginPage .col-md-6 .col-md-6:last-child {border-left: 0; border-right: 0; margin-left: -15px; padding-left: 15px; padding-right: 15px;} } @media all and (max-width: 991px) { .loginPage .col-md-6 {padding-bottom: 20px;} .loginPage .col-md-6:last-child {border-top: 1px solid #cccccc; padding-top: 50px;} .loginPage .col-md-6 .col-md-6 {padding-bottom: 0;} .loginPage .col-md-6 .col-md-6:last-child {border-top: 0; padding-top: 0;} } .loginPage .tags {padding-right: 20px;} #section_pasForm .pasForm .col-md-6 {/* width: 100%; */} table.paginator.paginatorBottom td.paginatorPrevious, table.paginator.paginatorBottom .navigator.paginatorPrevious {text-align: right;} table.paginator.paginatorBottom td.paginatorNext, table.paginator.paginatorBottom .navigator.paginatorNext {text-align: left;} @media all and (max-width: 991px) { table.paginator.paginatorBottom, table.paginator.paginatorBottom tbody, table.paginator.paginatorBottom tr, table.paginator.paginatorBottom td.paginatorPrevious, table.paginator.paginatorBottom td.paginatorNext, table.paginator.paginatorBottom .navigator.paginatorPrevious, table.paginator.paginatorBottom .navigator.paginatorNext {display: block; text-align: left;} } /* page choose */ /* .loginPage .linkiLogowania .btn, .loginPage .linkiLogowania {margin-bottom: 30px;} */ .loginPage .form-control {margin-bottom: 0;} .loginPage .info-please {margin: 0 0 30px 0; padding: 0;} .loginPage .checkbox-hint {font-size: 0.75rem; margin-bottom: 30px;} .linkiLogowania {clear: both; display: flex; flex-direction: column; gap:2rem} .line-or {display: block; z-index: 1; width: 100%; margin: -30px 0 0 0; text-align: center; position: relative; text-transform: uppercase; clear: both;} .line-or.line-over {} .line-or.line-under {display: none;} .line-or .line-or-text {display: inline-block; margin: 0 auto; z-index: 2; width: auto; height: auto; padding: 0 15px; text-align: center; background-color: #ffffff; border: 0px solid #cccccc;} .line-or:before {content: ""; display: block; position: absolute; top: 50%; left: 0; margin: 0px; width: 100%; border-top: 1px solid #cccccc; height: 1px; z-index: -1;} .regForm .linkiLogowania {padding: 15px 0;} .regForm .line-or.line-over {display: none;} .regForm .line-or.line-under {display: block;} .regForm .alt-login, .regForm .alt-login .fb, .regForm .alt-login .google {/* text-align: center; */} .alt-login {display: flex;gap: 2rem;} .alt-login .fb, .alt-login .google {width: 100%;} /* .linkiLogowania .google .g_id_signin iframe, .linkiLogowania .google .g_id_signin div[style="width: fit-content;"] {width: 100%!important; margin: 0!important; padding: 0!important;} .linkiLogowania .google .g_id_signin div[role="button"] {display: flex!important; align-items: center!important; justify-content: center; text-align: center!important; line-height: 1!important; min-height: 73px!important; padding: 5px 15px!important; border-radius: 0!important; font-weight: 700!important; font-size: 1.625rem!important; font-family: "proxima-nova", Helvetica, Arial, Tahoma, Verdana, sans-serif!important; white-space: normal!important; text-transform: uppercase!important;} .linkiLogowania .google .g_id_signin div[role="button"] * {width: auto!important; font-weight: inherit!important; font-size: inherit!important; font-family: inherit!important; text-transform: inherit!important; position: static!important; margin: 0!important; padding: 0!important; justify-content: center;} .linkiLogowania .google .g_id_signin div[role="button"] span {padding: 0 0 0 10px!important;} */ @media all and (min-width: 992px) { .limitWrap {display: flex; width: 100%; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: stretch; margin-left: 0; margin-right: 0;} .limitWrap .limitMe {display: flex; order: 2; flex: 1 1 auto; padding: 0 10px 0 10px!important; margin: 0!important;} .limitWrap .limitMe .row {margin-left: 0; margin-right: 0;} .limitWrap .limitMe .row .col-md-12 {padding-left: 0; padding-right: 0;} .limitWrap .form_wrap {width: 100%;} .limitWrap .col-md-6.limitMe:nth-of-type(2) {order: 1; padding-left: 0!important;} .oneColumn .limitWrap {flex-direction: row;} .oneColumn .limitWrap .limitMe {width: 50%!important; left: 50%!important; margin-left: -25%!important; padding: 0!important; clear: both;} } @media all and (min-width: 1600px) { .limitWrap {width: 66.66666667%; margin-left: 16.66666667%;} .oneColumn .limitWrap {width: 100%; margin-left: 0;} .oneColumn .limitWrap .limitMe {width: 33.33333333%!important; left: 50%!important; margin-left: -16.66666667%!important;} } @media all and (min-width: 992px) { .limitWidth {} } .panelWelcome div, .panelDiscount div {padding: 5px 10px; display: inline-block;} section#page_loginPage .btn-no-link, section#page_choose .btn-no-link {margin-bottom: 30px; display: inline-block;} section#page_loginPage .btn-link, section#page_choose .btn-link {display: inline-block; margin-bottom: 15px;} section#page_loginPage .list-unstyled, section#page_choose .list-unstyled {margin-bottom: 30px;} .box#box_loginPanel .userLinks li {padding: 0;} .box#box_loginPanel .panelWelcome div, .box#box_loginPanel .panelDiscount div {padding: 5px 0;} .box#box_loginPanel .nav > li > a {padding: 5px 0; border-top: 1px solid #dddddd;} .box#box_loginPanel .nav > li > a, .box#box_loginPanel .nav > li > a:visited {background-image: none; background-color: transparent;} .box#box_loginPanel .nav > li > a:hover {background-image: none; background-color: transparent;} .box#box_loginPanel li.selected a {font-weight: 700;} .box#box_loginForm .panelWelcome div, .box#box_loginForm .panelDiscount div, .box#box_loginForm .userLinks li {display: block; padding: 5px 0;} .visiblePanel .box#box_loginForm {display: none!important;} .checkList {} .checkList .checkListElem {margin: 0 0 10px 0;} .specialLabels .checkList .checkListElem {margin: 0 0 20px 0;} .checkList .checkListElem .fa {margin-right: 5px;} .checkList .checkListElem .fa.fa-check {} .checkList .checkListElem .fa.fa-times {} section#page_choose div.choose {} section#page_choose .firstBuy {} div.alert {margin-top: 15px; margin-bottom: 5px;} .specialLabels .alert.alert-danger {margin-bottom: 30px;} .page#page_itemList .alert {margin-left: 0; margin-right: 0;} /* adresy dostawy */ .adr-col-1 {width: 40%;} .adr-col-2 {width: 60%;} .adr-list-header .adr-col-1 {float: left; clear: left;} .adr-list-header .adr-col-2 {float: right; clear: right;} .adr-list {min-height: 0px; margin-bottom: 0px;} .deliAdr-list .adr-list {min-height: 400px; margin-bottom: 100px;} .adr-tag {padding: 8px 20px 8px 10px; vertical-align: top; border-top: 1px solid #dddddd; cursor: pointer; overflow: hidden;} .adr-tag:hover, .adr-tag.selected {font-weight: 700; background-color: #f5f5f5;} .adr-tag.selected:hover {background-color: #eaeaea;} .adr-tag .adr-default {font-weight: 400; padding-left: 5px; float: right; display: inline-block;} .adr-tag i.fa {float: right; font-size: 1.125rem; display: inline-block;} .adr-address, .adr-sel.adr-address {display: none;} .adr-address.selected, .adr-sel.adr-address.selected {display: block;} .adr-address .adr-wrap {} .adr-address .adr-wrap div {line-height: 1.42857143;} .adr-address .adr-wrap div:empty {display: none;} .deliAdr-list .adr-address {padding: 0px 0px 20px 40px; line-height: 1.42857143; position: absolute; right: 0px; top: 0px;} .adr-list-header {overflow: hidden; width: 100%; clear: both;} .adr-add {margin-bottom: 15px;} .adr-header-tag, .adr-header-address {padding: 0 0 15px 0; font-weight: 700;} .adr-header-address {padding-left: 40px;} .adr-list-body {position: relative;} .adr-empty-val {color: #444444; font-style: italic;} /* .bs-popup {min-width: 500px; min-height: 500px; padding: 10px 30px 50px 30px;} .bs-popup-info {min-width: 500px; min-height: 150px; padding: 10px 30px 50px 30px;} @media all and (max-width: 991px) { .bs-popup-info {min-width: 300px;} .bs-popup#simplemodal-data, .bs-popup-info#simplemodal-data {padding: 0 0 15px 0;} } */ #simplemodal-container {width: /* 100% */ auto!important; height: auto!important; max-width: calc(100vw - 60px); left: 50%!important; top: 50%!important; margin: 0!important; transform: translate(-50%, -50%)!important;} #simplemodal-container .simplemodal-wrap {width: 100%!important; height: 100%!important; overflow: auto!important;} @media all and (min-width: 992px) { #simplemodal-container {/* width: auto!important; */ max-width: 1340px;} } #simplemodal-container .modalCloseImg.simplemodal-close {position: fixed; top: -40px; right: 0; width: 30px; height: 30px; outline: 1px solid #ffffff; background: #ffffff url(sprite-nav.png) no-repeat -60px -30px; border: 0;} #simplemodal-container .modalCloseImg.simplemodal-close:hover {outline: 1px solid #1d1d1d; background: #1d1d1d url(sprite-nav.png) no-repeat -60px 0; border: 0;} #simplemodal-container .closeMe {position: absolute; top: 15px; right: 15px; display: inline-block; width: auto; padding: 0;} #simplemodal-container .closeMe span {display: block; width: 30px; height: 30px; outline: 1px solid transparent; background: transparent url(sprite-nav.png) no-repeat -60px -30px; border: 0;} #simplemodal-container .closeMe:hover span {outline: 1px solid #1d1d1d; background: #1d1d1d url(sprite-nav.png) no-repeat -60px 0; border: 0;} @media all and (max-width: 991px) { #simplemodal-container .closeMe {position: static; display: block; margin: 0 0 0 auto; padding: 10px 10px 0 0;} body.modalOn {overflow: hidden;} .modalOn #simplemodal-container {position: fixed!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; width: 100%!important; max-width: unset!important; max-height: 100%!important; background-color: #ffffff!important; padding: 0!important; transform: none!important;} .modalOn #simplemodal-container .modalCloseImg.simplemodal-close {top: 15px; right: 15px; outline: 1px solid #1d1d1d; background: #1d1d1d url(sprite-nav.png) no-repeat -60px 0;} .modalOn #simplemodal-container .modalCloseImg.simplemodal-close:hover {outline: 1px solid #1d1d1d; background: #ffffff url(sprite-nav.png) no-repeat -60px -30px;} .modalOn #simplemodal-container .simplemodal-wrap {position: fixed!important; top: 0; left: 0; right: 0; bottom: 0; width: 100%!important; height: 100%!important; padding: 60px 15px 15px 15px!important;} .modalOn #simplemodal-container .simplemodal-wrap #mobi_menuTop {max-height: 80vh; overflow: auto; width: 100%; padding: 0 0; box-sizing: border-box; margin: 0 0 0 0;} .modalOn #simplemodal-container .simplemodal-wrap #mobi_menuTop .nav.navbar-nav {margin: 0; width: 100%; padding: 0; box-sizing: border-box;} } .bs-popup, .bs-popup-info {min-width: 200px; max-height: calc(100vh - 120px)!important; min-height: 60px; padding: 15px 15px; box-sizing: border-box; max-width: 100%; overflow: auto;} @media all and (min-width: 992px) { .bs-popup, .bs-popup-info {min-width: 400px; padding: 30px 30px; max-width: 1340px;} } .bts-del {margin: 30px 0px 0px 0px;} .bts-edit {margin: 15px 0px 0px 0px;} .pods .bts-edit {margin: 0px 0px 0px 0px;} .adr-kraj {height: 150px;} .adr-del-info {font-size: 1rem; text-align: center; margin-top: 20px;} @media all and (max-width: 991px) { .adr-col-1, .adr-col-2 {width: 100%; float: none; clear: both; position: static;} .deliAdr-list .adr-address {position: static; padding: 15px 0 15px 0;} .adr-address .adr-wrap {} .adr-list-header {display: none} .adr-address.list {position: inherit; border-top: 1px solid #dddddd; padding: 10px;} .adr-header-address {padding-left: 0;} } /* order pages */ .char-plus {} .char-brackets {white-space: nowrap; padding: 0;} .char-bracket-left {padding-right: 1px; display: none;} .char-bracket-right {padding-left: 1px; display: none;} .weightInfo .weightTag {} .weightInfo .weight {font-weight: 700;} .weightInfo .weightUnit {padding-left: 2px; font-size: 80%;} table.orders {width: 100%;} .orders table {width: 100%;} .orders table td {vertical-align: top;} .orders table label {padding: 0; margin: 0 0 5px 0; font-size: 1rem; font-weight: 400;} .orders table .title {display: inline-block; padding: 0 0 5px 0; font-size: 1rem; font-weight: 400; text-transform: uppercase;} .orders table span.div.description, .orders table div.description {display: block; font-size: 0.725rem; font-weight: 400;} .orders table span.div.deliveryParameters {} .orders table .description.paymentTime {} .orders table .description.installments {} .orders table .description.installments img {display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto 5px 0;} .orders input[type="radio"] {margin: 0; padding: 0;} .orders .col-remove a {display: inline-block; width: 27px; height: 27px; text-indent: -999px; overflow: hidden; text-align: left; outline: 1px solid #ffffff;} .orders .btn-remove {width: 27px; height: 27px; margin: -3px auto 0 auto; outline: 1px solid #ffffff;} .orders .col-remove a, .orders .col-remove a:visited, .orders .btn-remove, .orders .btn-remove:visited {border: 0; background: #f6f6f6 url(btn-x-small.png) no-repeat 50% 0%;} .orders .col-remove a:hover, .orders .btn-remove:hover {border: 0; background: #000000 url(btn-x-small.png) no-repeat 50% 100%;} .orders .flex-content .information {padding: 15px 0; margin: 0;} .orders .cenaJednostkowa span {font-weight: 400;} .orders .wybory {display: block; width: 100%; float: left; clear: both; margin-top: 15px;} .orders .wybory .wybory-atrybuty, .orders .wybory .wybory-ilosc {display: inline-block; float: left; margin: 0; padding: 0 30px 11px 0;} #page_ordDet .orders .wybory, #page_sum .orders .wybory {float: none; margin: 0;} #page_ordDet .orders .wybory .wybory-atrybuty, #page_sum .orders .wybory .wybory-atrybuty, #page_ordDet .orders .wybory .wybory-ilosc, #page_sum .orders .wybory .wybory-ilosc {display: block; float: none; width: 100%;} #page_ordDet .orders .wybory .wybory-atrybuty, #page_sum .orders .wybory .wybory-atrybuty {padding: 0;} #page_ordDet .orders .wybory .wybory-atrybuty div, #page_sum .orders .wybory .wybory-atrybuty div, #page_ordDet .orders .wybory .wybory-ilosc, #page_sum .orders .wybory .wybory-ilosc {padding: 3px 0 0 0;} #page_ordDet .orders .wybory .wybory-ilosc .value, #page_sum .orders .wybory .wybory-ilosc .value {padding-left: 5px;} .orders .wybory .wybory-ilosc .value, .orders .wybory .wybory-atrybuty div[class*="atrs"] {font-weight: 700;} .orders .wybory .wybory-atrybuty div[class*="atrs"] span {font-weight: 400;} .orders .wybory .wybory-atrybuty.specialSelects {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; white-space: nowrap;} .orders .wybory .wybory-atrybuty.specialSelects .form-control-static, .orders .wybory .wybory-atrybuty.specialSelects .form-control {font-size: 16px;} .orders .wybory .wybory-atrybuty.specialSelects .bootstrap-select .dropdown-toggle .bs-caret .caret::before {top: -2px;} .orders .wybory .wybory-ilosc div.ilosc {float: left; margin-right: 8px;} .orders .wybory .wybory-ilosc .btn.przelicz {display: inline-block; float: left; padding: 0 10px; font-size: 0.75rem; height: auto; line-height: 25px; margin: 4px 0 5px 0;} .orders .wybory .wybory .tag {padding-right: 8px;} .orders .wybory .wybory-atrybuty:empty, .orders .wybory .wybory-ilosc:empty {display: none;} .wybory-ilosc .unit {padding-left: 4px;} .wybory-atrybuty.specialSelects .form-control-static, .wybory-ilosc .form-control-static {line-height: 27px; height: auto; min-height: 1px; padding: 4px 0; text-transform: uppercase; float: left; margin-right: 8px;} table.addedItems {margin: 0 auto 0 0;} .addedItems th {padding: 0 15px 0 15px;} .addedItems td {padding: 30px 15px 30px 15px;} .addedItems td table {margin: 0; width: auto;} .addedItems td td {padding: 0;} .addedItems th {border-bottom: 2px solid #dedede;} .addedItems td {border-bottom: 1px solid #dedede;} @media all and (max-width: 479px) { .addedItems tr {border-bottom: 1px solid #dedede;} .addedItems tr tr, .addedItems td {border-bottom: 0px solid #dedede;} } .addedItems td td {border-bottom: 0;} .addedItems .col-orderNr {display: none;} .addedItems td.image, .addedItems .col-image {width: 1px; padding-left: 0;} .addedItems .col-name {} .addedItems .col-quantity {width: 200px; text-align: right;} .addedItems .col-quantity a {display: block; width: 100%;} .addedItems .col-price {width: 120px; text-align: right; white-space: nowrap;} .addedItems .col-actions {width: 27px; text-align: right;} .addedItems.complaint {margin-bottom: 30px;} .addedItems.complaint .col-quantity {width: 80px;} .addedItems.complaint .col-quantity input {min-width: 40px; text-align: right;} .addedItems.complaint .col-actions {width: 20px; min-width: 40px; padding-right: 10px; text-align: center;} .addedItems.complaint .col-actions input {margin-top: 10px;} .addedItems .col-quantity table {width: auto; margin: 0 0 0 auto;} .addedItems .col-quantity table td {padding: 5px 5px;} .zwroty .addedItems td {vertical-align: middle;} .zwroty .addedItems .col-image {padding-left: 10px;} .addedItems .col-name a {font-size: 1rem; font-weight: 700; /* text-transform: uppercase; */} .addedItems .productCode {font-weight: 400; text-transform: uppercase;} .addedItems .productAuthor, .addedItems .productCategory, .addedItems .productCode, .addedItems .choosedAttributes {font-size: 1rem; padding: 5px 0 0 0; margin: 0;} .addedItems .choosedAttributes span {} .orders.delivery {} .orders.payments {} .orders.packages {} .orders.country {} .orders.deliveryTime {} .orders.summary {margin: 15px 0 15px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} .orders.yourRebate {} .sum .orders.summary {margin: -1px 0 0px 0; border-top: 0px solid #dedede;} .orders.delivery table {} .orders.payments table {} .orders.packages table {} .orders.deliveryTime table {} .orders.summary table {width: 100%;} .paginatorCart table.orders.summary {width: auto; border: 0; margin: 0 0 0 auto;} .orders.country table, .orders.yourRebate table {width: auto; margin-right: auto; margin-left: 0;} .orders.country table {margin-bottom: 30px;} .orders.delivery td, .orders.payments td, .orders.packages td, .orders.country td, .orders.deliveryTime td {padding: 10px 10px 10px 10px;} .orders.summary td {padding: 15px 0;} .paginatorCart table.orders.summary td {padding: 30px 10px 15px 0;} .orders.yourRebate td {padding: 10px; display: inline-block;} .orders.yourRebate .form-control {width: 195px; font-weight: 400; font-size: 1rem;} .orders.yourRebate .form-control::placeholder {font-weight: 300; font-size: 1rem;} .orders.yourRebate .btn {font-size: 0.75rem; font-weight: 700; padding: 12px 12px; height: 45px;} .orders.country .tag, .orders.yourRebate .tag {padding-left: 0; text-transform: uppercase; vertical-align: middle;} .orders.country .value, .orders.yourRebate .value {text-align: right;} .orders.country .buttons, .orders.yourRebate .buttons {padding-right: 0;} .orders.yourRebate .form-control-static {font-weight: 700;} .orders.country .form-control-static {padding: 0;} .orders td.col-radio {width: 30px; text-align: left; padding-left: 0; vertical-align: middle;} .orders td.col-icon {width: /* 1px */ 120px; vertical-align: middle;} .orders td.col-icon img {} .orders td.col-description {vertical-align: middle;} .orders .col-price, .orders td.cost, .orders th.cost {text-align: right;} .orders.delivery .col-icon {width: 100px;} .orders.delivery .col-icon img {width: 100%; height: auto;} .repForm table.orders {margin: 10px 0;} .repForm table.orders .col-orderNr {width: 30px; padding-left: 10px;} .repForm table.orders .col-image {width: 1px;} .repForm table.orders .col-name {} .repForm table.orders .col-buttons {width: 200px; text-align: right;} .repForm table.orders .col-remove {width: 100px; text-align: center;} .repForm .nav {margin-top: 15px;} @media all and (max-width: 479px) { .addedItems .col-orderNr, .addedItems .col-image, .orders td.col-icon {display: none;} .addedItems .col-quantity, .addedItems .col-price, .addedItems .col-actions {width: auto;} .addedItems .col-quantity table td {display: block; padding: 2px 0;} #page_sum .addedItems .col-name, #page_sum .addedItems .col-price {display: block; width: 100%; clear: both; float: left;} #page_sum .addedItems .col-name {padding-bottom: 5px;} #page_sum .addedItems .col-price {padding-top: 5px;} .orders td.col-radio {width: 20px; text-align: left;} .orders td.col-price {width: auto;} } #page_cartForm table.orders.summary {} .orders.summary td {font-size: 1rem; padding: 15px;} table.orders.summary .tag {} table.orders.summary .value {width: 100px; font-size: 1rem; white-space: nowrap;} .sum table.orders.summary, table.orders.summary.points {background-color: transparent;} table.orders.summary.points .value {font-size: 1rem;} table.orders.summary.priceTax.priceNet .value {font-size: 1rem;} #page_cartForm table.orders.summary.costTotal, table.orders.summary.costTotal {/* border-top: 1px solid #cccccc; */} table.orders.summary.costTotal td {font-weight: 700; font-size: 1rem; text-transform: uppercase;} table.orders.summary.costTotal td * {color: #000000;} table.orders.summary.costTotal td.tag {} table.orders.summary.costTotal td.value {font-size: 1rem;} table.orders.summary.costTotal td .price, table.orders.summary.costTotal td .currency {color: inherit;} .orders.yourRebate table, .orders.yourDiscount table {width: auto; margin-left: 0; margin-right: auto;} .orders.yourRebate table td {padding: 15px 10px 15px 0;} .orders.yourDiscount table td {padding: 15px 10px 15px 0;} .orders.yourRebate table td.tag, .orders.yourDiscount table td.tag {text-align: left;} .orders.yourRebate table td.value, .orders.yourDiscount table td.value {text-align: left;} @media all and (max-width: 767px) { .orders.yourRebate td.buttons {display: block; margin-top: 5px;} .orders.country .btn {margin-top: 5px; margin-bottom: 5px;} } @media all and (min-width: 992px) { .orders td.image .productImage, .orders td.col-image {width: 160px;} .orders td.image .productImage a, .orders td.col-image a {display: inline-block; width: 160px; height: 0px; padding: 0 0 100% 0; overflow: hidden; background-color: #ffffff; position: relative; border: 0;} .orders td.image img, .orders td.col-image a img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} } .orders td.col-icon label:empty, .orders td.image .productImage a:empty, .orders td.col-image a:empty, .orders td.col-image span:empty {display: none;} .orders td.name .productName a, .orders td.col-name a {font-size: 16px; font-weight: 700;} @media all and (max-width: 1199px) { .orders td.name .productName a, .orders td.col-name a {font-size: 14px;} } @media all and (max-width: 767px) { .orders td.name .productName a, .orders td.col-name a {font-size: 13px;} } /* flex version - koszyk i podsumowanie */ @media all and ((max-width: 768px) or ((min-width: 992px) and (max-width: 1399px))) { .addedItems > thead {display: none;} .addedItems > tbody {/* display: block; padding: 5px; width: 100%; box-sizing: border-box; */} .addedItems > tbody > tr {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; margin: 10px 0; position: relative;} .addedItems > tbody > tr:first-child {margin-top: 0;} .addedItems > tbody > tr:last-child {margin-bottom: 0;} .addedItems td.col-orderNr {display: none; width: auto; padding: 5px; font-size: 10px; line-height: 1; position: absolute; top: -1px; left: -1px; z-index: 1;} .addedItems td.image, .addedItems td.col-image {display: flex; flex: 1 1 110px; min-width: 110px; padding: 0 10px 0 0; align-items: flex-start; justify-content: center;} .addedItems td.image .productImage a, .addedItems td.col-image a {width: 100px; height: 100px; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;} .addedItems td.image img, .addedItems td.col-image img {margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .addedItems td.name, .addedItems td.col-name {display: flex; flex: 1 1 calc(100% - 112px); flex-direction: column; padding: 0; align-items: flex-start; justify-content: center;} .addedItems td.quantity, .addedItems td.col-quantity, .addedItems td.price, .addedItems td.col-price, .addedItems td.cost, .addedItems td.col-actions {display: flex; flex: 1; align-items: center; padding: 10px; white-space: nowrap;} .addedItems td.quantity {flex: 0; justify-content: flex-end;} .addedItems td.col-quantity {flex: 0; justify-content: flex-start; padding: 7px 5px;} .addedItems td.price {justify-content: flex-end;} .addedItems td.col-price {justify-content: flex-end; padding: 0;} .addedItems td.cost, .addedItems td.col-actions {flex: 0; justify-content: flex-end;} .addedItems td.col-price {} .addedItems td.col-price .lastItem {flex: 1 1 auto; text-align: left; padding: 0 10px 0 0;} .addedItems td.col-actions {position: absolute; top: 10px; right: 5px; width: auto; height: unset; padding: 0;} .addedItems td.price, .addedItems td.quantity {font-size: 12px;} .addedItems td.cost {font-size: 16px;} .addedItems td.quantity table, .addedItems td.col-quantity table {margin: 0 auto 0 0;} .addedItems td.quantity table tr, .addedItems td.col-quantity table tr {display: table-row;} .addedItems td.quantity table td, .addedItems td.col-quantity table td {display: table-cell; padding: 3px 5px;} .orderPages .cartForm .table-responsive, .addedItems tr tr, .addedItems td {border: 0;} .addedItems > tbody > tr {border: 1px solid #dedede; padding: 10px;} .addedItems td.col-orderNr {background-color: #eeeeee; border: 0px solid #dedede;} .addedItems td.image, .addedItems td.col-image, .addedItems td.quantity, .addedItems td.col-quantity, .addedItems td.price, .addedItems td.col-price {border-right: 0px solid #dedede;} .addedItems td.quantity, .addedItems td.col-quantity, .addedItems td.price, .addedItems td.col-price, .addedItems td.cost, .addedItems td.col-actions {border-top: 0px solid #dedede;} } @media all and (max-width: 767px) { .addedItems td.image, .addedItems td.col-image {flex: 1 1 70px; padding: 10px 5px; min-width: unset;} .addedItems td.image .productImage a, .addedItems td.col-image a {width: 60px; height: 60px;} .addedItems td.name, .addedItems td.col-name {flex: 1 1 calc(100% - 72px);} .orders.summary .tag {text-align: right;} } @media all and (max-width: 479px) { .addedItems td.cost, .addedItems td.quantity, .addedItems td.col-actions {flex: 1; /* min-width: 100%; */ justify-content: flex-end;} } /* omnibus */ .orders.addedItems .productDetails.prices {display: flex; flex-direction: column; line-height: 1.1; padding: 0; font-weight: 400; font-size: 12px; overflow: hidden;} #page_ordDet .orders.addedItems .productDetails.prices, #page_sum .orders.addedItems .productDetails.prices {margin: 0 0 10px 0;} /* .sum .orders.addedItems th.price, .sum .orders.addedItems td.price {text-align: right;} .sum .orders.addedItems .productDetails.prices {padding: 0;} @media all and (max-width: 991px) { .sum .orders.addedItems th.price, .sum .orders.addedItems td.price {width: 100%; white-space: normal;} .sum .orders.addedItems th.quantity, .sum .orders.addedItems td.quantity {min-width: 30px; flex: 0 1 auto; white-space: nowrap;} .sum .orders.addedItems th.cost, .sum .orders.addedItems td.cost {min-width: 90px; flex: 0 1 auto; white-space: nowrap;} } @media all and (min-width: 992px) { .sum .orders.addedItems th.price, .sum .orders.addedItems td.price {width: 250px;} .sum .orders.addedItems th.quantity, .sum .orders.addedItems td.quantity {width: 100px;} .sum .orders.addedItems th.cost, .sum .orders.addedItems td.cost {width: 150px;} } */ @media all and (min-width: 1200px) { .orders.addedItems .productDetails.prices {} .sum .orders.addedItems .productDetails.prices {} } .orders.addedItems .productDetails.prices, .orders.addedItems .productDetails.prices .omnibusPrice {color: #7b7b7b;} .orders.addedItems .productDetails.prices .priceDiscount {color: #e00000;} .orders.addedItems .productDetails.prices .tag {display: inline; padding: 0;} .orders.addedItems .productDetails.prices .value {float: left; display: inline; padding-right: 5px;} .orders.addedItems .productDetails.prices .price {color: inherit; font-size: 12px; font-weight: 500;} .orders.addedItems .productDetails.prices .price .currency {font-size: 12px; font-weight: 500;} .orders.addedItems .productDetails.prices .priceTax.priceDiscount {order: 1;} .orders.addedItems .productDetails.prices .priceTax.priceOld {order: 3;} .orders.addedItems .productDetails.prices .omnibusPrice {order: 2;} .orders.addedItems .productDetails.prices .priceTax, .orders.addedItems .productDetails.prices .omnibusPrice {display: block; padding: 5px 0 0 0; overflow: hidden;} .orders.addedItems .productDetails.prices .omnibusPrice .price {text-decoration: line-through;} /* omnibus */ .bsPlusMinusIOuter {display: inline-block; padding: 0 0;} .bsPlusMinusIOuter .input-group {display: inline-block; position: static; float: left;} .bsPlusMinusIOuter .input-group .input-group-btn {width: 27px; margin: 4px;} .bsPlusMinusIOuter .input-group .input-group-btn .btn {width: 27px; height: 27px; border: 0; padding: 0; text-indent: -999px; overflow: hidden;} .bsPlusMinusIOuter .input-group .input-group-less {float: right;} .bsPlusMinusIOuter .input-group .input-group-less .btn-less {background: #f6f6f6 url(btn-plus-minus.png) no-repeat 100% 0%;} .bsPlusMinusIOuter .input-group .input-group-less .btn-less:hover {background: #000000 url(btn-plus-minus.png) no-repeat 100% 100%;} .bsPlusMinusIOuter .input-group .form-control.bsPlusMinus {width: 35px; height: 27px; line-height: 27px; padding: 0; text-align: center; float: left; font-weight: 700; background-color: #ffffff; border-color: #f6f6f6; margin: 4px 4px 4px 0;} .bsPlusMinusIOuter .input-group .input-group-more {float: right;} .bsPlusMinusIOuter .input-group .input-group-more .btn-more {width: 27px; height: 27px; background: #f6f6f6 url(btn-plus-minus.png) no-repeat 0% 0;} .bsPlusMinusIOuter .input-group .input-group-more .btn-more:hover {background: #000000 url(btn-plus-minus.png) no-repeat 0% 100%;} .orders td.col-flex {padding: 0;} .orders .flex-cols {display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; padding: 0; margin: 0; border-bottom: 1px solid #cccccc;} .orders tr.row-flex:last-child .flex-cols {border-bottom: 0; margin-bottom: 30px;} .orders .flex-cols .flex-col1, .orders .flex-cols .flex-col2, .orders .flex-cols .flex-col3 {display: flex; box-sizing: border-box; margin: 0 30px 0 0; padding: 30px 0;} @media all and (max-width: 991px) { .orders .flex-cols .flex-col1, .orders .flex-cols .flex-col2 {margin-right: 15px;} } .orders .flex-cols .flex-col1 {order: 1; flex: 0 1 auto; min-width: 24px;} .orders .flex-cols .flex-col2 {order: 2; flex: 0 1 auto; min-width: 120px;} .orders .flex-cols .flex-col2 label {width: 120px;} .orders .flex-cols .flex-col2 label img {width: auto; height: auto; display: block; max-width: 100%;} .orders .flex-cols .flex-col3 {order: 3; flex: 1 1 auto; margin-right: 0;} .orders .flex-cols .flex-in-cols {display: flex; box-sizing: border-box; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center;} .orders .flex-cols .flex-in-col1 {display: flex; box-sizing: border-box; order: 1; flex: 1 1 auto; width: 100%; margin: 0; padding: 0; flex-direction: column;} .orders .flex-cols .flex-in-col2 {display: none; box-sizing: border-box; order: 2; flex: 0 1 auto; width: 200px; margin: 0; padding: 0; justify-content: flex-end;} @media all and (max-width: 359px) { .orders .flex-cols {display: block; width: 100%; clear: both;} .orders .flex-cols .flex-col1 {display: inline-block; float: left; padding: 40px 0 15px 0; margin: 0; width: 50px; clear: left; text-align: left;} .orders .flex-cols .flex-col2 {display: inline-block; float: left; padding: 15px 0 15px 0; margin: 0; width: calc(100% - 50px); text-align: left;} .orders .flex-cols .flex-col3 {display: block; float: left; width: 100%; padding: 15px 0 30px 0; margin: 0; clear: both;} } @media all and (min-width: 360px) and (max-width: 991px) { .orders .flex-cols .flex-col2 {min-width: 60px;} .orders .flex-cols .flex-col2 label {width: 60px;} } @media all and (min-width: 992px) { .orders .flex-cols .flex-in-col1 {flex-direction: row; } .orders .flex-cols .flex-in-col2 {display: flex;} .orders .flex-cols .flex-in-col1 .flex-in-in-col1 {display: flex; order: 1; flex: 0 1 auto; width: 50%; flex-direction: column; justify-content: center;} .orders .flex-cols .flex-in-col1 .flex-in-in-col2 {display: flex; order: 2; flex: 0 1 auto; width: 50%; flex-direction: column; justify-content: center;} } .orders .flex-cols .flex-col2 .radioImg {} .orders .flex-cols .flex-col2 label {width: 120px;} .orders .flex-cols .flex-col3 label {width: 100%; padding: 0 0; margin: 0; font-size: 1rem; font-weight: 400;} .orders .flex-cols .flex-col3 label .title {display: inline-block; padding: 0 0 0 0; font-size: 1rem; font-weight: 400; text-transform: uppercase;} .orders .flex-cols .flex-col3 .char-brackets {padding-left: 3px;} .orders .flex-cols .flex-col3 .char-brackets .cost.free {display: none;} .orders .flex-cols .flex-col3 .div.description, .orders .flex-cols .flex-col3 div.channels {display: block; width: 100%; clear: both; margin: 0; padding: 0;} .orders .flex-next {display: flex; width: 100%; background-color: #ffffff; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start; padding: 0 0 30px 15px; margin: -1px 0 0 0; border-bottom: 1px solid #cccccc;} @media all and (min-width: 992px) { .orders .flex-next {padding: 0 0 30px 204px;} } .orders .flex-next .input_wrap {width: 100%; margin-bottom: 15px;} .orders .flex-next div.headTitle {font-weight: 700; margin: 0; padding: 10px 0; text-transform: uppercase;} .orders .flex-next .select_wrap {} .orders .input_wrap {margin-bottom: 15px;} .orders .input_wrap label {padding: 0 0 5px 0;} /* channels */ div.channels {text-align: center; overflow: auto;} .channels#dotPayChannels {} div.channels .channels-wrapper {margin: 0 auto 0 0; max-width: 1170px;} div.channels .channels-wrapper .channel-container {width: 140px; min-width: 140px; max-width: 140px; height: 90px; position: relative; overflow: hidden; border: 1px solid #c0c0c0; margin: 0 5px 5px 0; float: left;} div.channels .channels-wrapper .channel-container img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} div.channels .channels-wrapper .image-container {width: 136px; height: 55px;} div.channels .channels-wrapper .label-container label {font-size: 11px;} div.channels .channels-wrapper .channel-container:hover, div.channels .channels-wrapper .channel-container.selected {border: 1px solid #000000;} div.channels .channels-wrapper .channel-container.not-online {border: 1px solid #e8e8e8;} div.channels .channels-wrapper .channel-container.not-online .tooltip {z-index: 99; opacity: 0.25; -webkit-transform: none; transform: none; top: 50%; margin-top: -10px;} div.channels .channels-wrapper .channel-container.not-online:hover .tooltip {opacity: 1;} div.channels .channels-wrapper .channel-container.not-online .image-container, div.channels .channels-wrapper .channel-container.not-online .label-container {opacity: 0.5;} @media all and (max-width: 991px) { div.channels .channels-wrapper .channel-container {width: 110px; min-width: 110px; max-width: 110px; height: 70px;} div.channels .channels-wrapper .image-container {width: 106px; height: 36px;} } .uwagi-formularz {margin-bottom: 60px;} .uwagi-formularz textarea.form-control {height: 110px; padding: 15px;} .uwagi-pomoc {margin-bottom: 60px; padding-top: 60px;} .userFiles .col-nr {width: 30px;} .userFiles .col-date {width: 150px;} .userFiles .col-name {font-weight: bold;} .userFiles .col-name .description {font-size: 0.688rem; padding: 5px 0; font-weight: normal;} .userFiles .col-actions {width: 130px; text-align: right;} .XpressCheck {border: 1px solid #dddddd; background-color: #f1f1f1; padding: 10px; margin: 10px 0 0 0;} .XpressCheck .XpressDescription {padding: 0 0 5px 0;} .XpressCheck .form-inline {overflow: hidden; display: block;} .XpressCheck .form-control {float: left;} .XpressCheck .btn {cursor: pointer; float: left;} .XpressCheck #xpressMes {padding: 5px 0 0 0;} .XpressCheck #xpressMes:empty {display: none;} .XpressCheck .xpressOK {color: green;} .XpressCheck .xpressError {color: red; font-weight: 700;} .XpressCheck .xpressError.notAllowed {} .XpressCheck .xpressError.formatError {} .XpressCheck .xpressError.fatalError {} div.printPage {display: none; text-align: right; padding-top: 15px; padding-bottom: 15px;} .orders div.printPage, .detCard div.printPage, .conBody div.printPage {/* display: none; */} /* div.navigator a, */ .navigator {margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px;} .navigator.paginatorPrevious {text-align: left;} .navigator.paginatorPrevious a {display: inline-block; margin-left: 0; margin-right: auto;} .navigator.paginatorNext {margin-top: 5px; margin-bottom: 5px; text-align: right;} .navigator.paginatorNext a {display: inline-block; margin-left: auto; margin-right: 0;} #action_continue {margin: 10px 0 10px 0;} .deliAdr-select .form-control {margin-bottom: 10px;} .deliAdr-select .btn-link {margin-top: 10px;} table.paginatorCart {margin-left: auto; margin-right: 0; width: 100%; overflow: hidden;} /* table.paginatorCart td {padding: 10px 0; display: inline-block; }*/ table.paginatorCart td.paginatorCartPrevious {} table.paginatorCart td.paginatorCartNext {} div.row.paginatorCart {padding: 0 0;} div.row.paginatorCart td {padding: 15px 10px 15px 0; vertical-align: middle; font-size: 1.125rem; text-transform: uppercase;} div.row.paginatorCart div.paginatorCartPrevious, div.row.paginatorCart div.paginatorCartNext {font-size: 1rem; font-weight: 700;} .navigator .btn-link.btn-back .icon, .navItems.navOrders .previous a .fa.fa-chevron-left, .navItems.navOrders .next a .fa.fa-chevron-right, a.btn.pull-left .fa.fa-chevron-left, a.btn.pull-left .fa.fa-chevron-right, .paginatorCart div.paginatorCartPrevious a .fa, .paginatorCart div.paginatorCartNext a .fa {display: none;} .navItems.navOrders .previous a, .navItems.navOrders .next a, a.btn.pull-left, .paginatorCart div.paginatorCartPrevious a, .navigator.paginatorPrevious a {display: inline-block; margin-left: 0; margin-right: auto; padding: 0 15px 0 30px; line-height: 30px; font-size: 0.875rem;} .navItems.navOrders .next a {margin-left: auto; margin-right: 0; padding-right: 30px; padding-left: 15px;} a.btn.pull-left, a.btn.pull-left:visited, .paginatorCart div.paginatorCartPrevious a, .paginatorCart div.paginatorCartPrevious a:visited, .navigator.paginatorPrevious a, .navigator.paginatorPrevious a:visited {background: #ffffff url(arrows-left.png) no-repeat 12px -30px; color: #000000; border: 1px solid #000000;} a.btn.pull-left:hover, .paginatorCart div.paginatorCartPrevious a:hover, .navigator.paginatorPrevious a:hover {background: #000000 url(arrows-left.png) no-repeat 12px 0; color: #ffffff; border: 1px solid #000000;} .navItems.navOrders .previous a, .navItems.navOrders .previous a:visited {background: #000000 url(arrows-left.png) no-repeat 12px 0; color: #ffffff; border: 1px solid #000000;} .navItems.navOrders .previous a:hover {background: #ffffff url(arrows-left.png) no-repeat 12px -30px; color: #000000; border: 1px solid #000000;} .navItems.navOrders .next a, .navItems.navOrders .next a:visited {background: #000000 url(arrows-right.png) no-repeat calc(100% - 12px) 0px; color: #ffffff; border: 1px solid #000000;} .navItems.navOrders .next a:hover {background: #ffffff url(arrows-right.png) no-repeat calc(100% - 12px) -30px; color: #000000; border: 1px solid #000000;} .orders .navigator.paginatorPrevious a.btn-cart-back {color: #000000!important; padding: 0!important; border: 0!important; background-color: transparent!important; background-image: none!important; text-decoration: underline!important; text-transform: none!important; font-weight: 400!important; font-size: 1rem!important;} .orders .navigator.paginatorPrevious a.btn-cart-back .icon {display: none;} .deliAdr-select .form-control {margin-bottom: 10px;} .deliAdr-select .btn-link {margin-top: 10px;} table.paginator.paginatorDetails, table.paginator.paginatorBottom {width: 100%; margin: 0 0 8px 0;} table.paginator.paginatorBottom td {width: 50%;} table.paginator.paginatorBottom td:first-child {} table.paginator.paginatorBottom td:last-child {text-align: right;} table.paginator.paginatorNews td, table.paginator.paginatorDetails td {width: 33%;} table.paginator.paginatorNews td:nth-child(2) a table.paginator.paginatorDetails td:nth-child(2) a {margin-left: 3px; margin-right: 3px;} table.paginator.paginatorNews td:nth-child(2) a, table.paginator.paginatorDetails td:nth-child(1) {} table.paginator.paginatorNews td:nth-child(2), table.paginator.paginatorDetails td:nth-child(2) {text-align: center;} table.paginator.paginatorNews td:nth-child(3), table.paginator.paginatorDetails td:nth-child(3) {text-align: right;} table.paginator.paginatorNews {width: 100%; margin: 15px 0;} .ordList .filters ul {width: 100%;} .ordList .filters li {text-align: right;} div.button-actions {margin: 0 0 15px 0;} /* ***** payFormLink ***** */ div.payFormLink {border-top: 1px solid #dedede; border-top: 1px solid #dedede; padding: 10px; margin: 10px 0; text-align: center;} .payFormLink span.image {display: block; margin: 0 auto; padding: 10px 0; text-align: center;} .payFormLink span.image img {vertical-align: bottom;} .payFormLink a, .payFormLink a:visited {} .payFormLink a:hover {/* link do formularza przelewu */ } .payFormLink img {} /* Przelewy24 */ .p24PayForm .p24_wfh940g {width: 100%!important; margin-left: auto; margin-right: auto;} .p24PayForm .p24_wfh940g table {width: 100%!important;} .p24PayForm .p24_wfh940g table td {padding: 3px 0; height: auto;} .p24PayForm .p24_wfh940g div {background-color: transparent!important; /* color: inherit!important; */ padding: 5px 0 5px 0!important; border: 0px solid!important;} .p24PayForm .p24_wfh940g div#p24_4j3j52 {padding: 0 0 5px 0!important;} .p24PayForm .p24_wfh940g input {display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;} .p24PayForm .p24_wfh940g label {width: 80%!important; padding: 15px 0 15px 55px!important; background-position: 0% 50%!important; background-repeat: no-repeat!important; background-size: 46px 46px!important; display: inline-block!important; font-size: 12px;} .p24PayForm .p24_wfh940g label[for=pf129] {background-image: url(plat_aliorraty.png);} /* raty */ .p24PayForm .p24_wfh940g label[for=pf85] {background-image: url(plat_milenium.png);} .p24PayForm .p24_wfh940g label[for=pf48] {background-image: url(plat_bos.png);} .p24PayForm .p24_wfh940g label[for=pf59] {background-image: url(plat_bankpocztowy.png);} .p24PayForm .p24_wfh940g label[for=pf114] {background-image: url(plat_brebank.png);} .p24PayForm .p24_wfh940g label[for=pf45] {background-image: url(plat_creditagricole.png);} .p24PayForm .p24_wfh940g label[for=pf103] {background-image: url(plat_dnb.png);} .p24PayForm .p24_wfh940g label[for=pf94] {background-image: url(plat_eurobank.png);} .p24PayForm .p24_wfh940g label[for=pf34] {background-image: url(plat_getinbank.png);} /* bank */ .p24PayForm .p24_wfh940g label[for=pf108] {background-image: url(plat_ideabank.png);} .p24PayForm .p24_wfh940g label[for=pf25] {background-image: url(plat_mbank_mtransfer.png);} .p24PayForm .p24_wfh940g label[for=pf27] {background-image: url(plat_mbank_multitransfer.png);} .p24PayForm .p24_wfh940g label[for=pf119] {background-image: url(plat_citi.png);} .p24PayForm .p24_wfh940g label[for=pf26] {background-image: url(plat_inteligo.png);} .p24PayForm .p24_wfh940g label[for=pf131] {background-image: url(plat_plusbank.png);} .p24PayForm .p24_wfh940g label[for=pf35] {background-image: url(plat_bph.png);} .p24PayForm .p24_wfh940g label[for=pf58] {background-image: url(plat_sgb.png);} .p24PayForm .p24_wfh940g label[for=pf121] {background-image: url(plat_tmobile.png);} .p24PayForm .p24_wfh940g label[for=pf111] {background-image: url(plat_trustpay.png);} .p24PayForm .p24_wfh940g label[for=pf1000] {background-image: url(plat_przelew.png);} .p24PayForm .p24_wfh940g label[for=pf56] {background-image: url(plat_bgz.png);} .p24PayForm .p24_wfh940g label[for=pf32] {background-image: url(plat_nordea.png);} .p24PayForm .p24_wfh940g label[for=pf65] {background-image: url(plat_pekao.png);} .p24PayForm .p24_wfh940g label[for=pf33] {background-image: url(plat_paribas.png);} .p24PayForm .p24_wfh940g label[for=pf20] {background-image: url(plat_bzwbk.png);} .p24PayForm .p24_wfh940g label[for=pf110] {background-image: url(plat_deutschebank.png);} .p24PayForm .p24_wfh940g label[for=pf105] {background-image: url(plat_eskok.png);} .p24PayForm .p24_wfh940g label[for=pf68] {background-image: url(plat_getbank.png);} .p24PayForm .p24_wfh940g label[for=pf79] {background-image: url(plat_getinbank.png);} /* online */ .p24PayForm .p24_wfh940g label[for=pf37] {background-image: url(plat_kredytbank.png);} .p24PayForm .p24_wfh940g label[for=pf113] {background-image: url(plat_meritumbank.png);} .p24PayForm .p24_wfh940g label[for=pf88] {background-image: url(plat_aliorbank.png);} /* bank */ .p24PayForm .p24_wfh940g label[for=pf135] {background-image: url(plat_placeziko.png);} .p24PayForm .p24_wfh940g label[for=pf31] {background-image: url(plat_placezipko.png);} .p24PayForm .p24_wfh940g label[for=pf112] {background-image: url(plat_ing.png);} .p24PayForm .p24_wfh940g label[for=pf62] {background-image: url(plat_raiffeisen.png);} .p24PayForm .p24_wfh940g label[for=pf87] {background-image: url(plat_skycash.png);} .p24PayForm .p24_wfh940g label[for=pf64] {background-image: url(plat_toyotabank.png);} .p24PayForm .p24_wfh940g label[for=pf69] {background-image: url(plat_volkswagenbank.png);} .p24PayForm .p24_wfh940g label[for=pf2000] {background-image: url(plat_przedplata.png);} .p24PayForm .p24_wfh940g label[for=pf90] {background-image: url(plat_fmbank.png);} .p24PayForm .p24_wfh940g label[for=pf153] {background-image: url(plat_getinonline.png);} .p24PayForm .p24_wfh940g label[for=pf66] {background-image: url(plat_paypal.png);} .p24PayForm .p24_wfh940g label[for=pf84] {background-image: url(plat_aliorraty.png);} .p24PayForm .p24_wfh940g label[for=pf43] {background-image: url(plat_pekao.png);} .p24PayForm .p24_wfh940g label[for=pf47] {background-image: url(plat_citi.png);} .p24PayForm .p24_wfh940g label[for=pf36] {background-image: url(plat_deutschebank.png);} .p24PayForm .p24_wfh940g label[for=pf49] {background-image: url(plat_ing.png);} .p24PayForm .p24_wfh940g label[for=pf102] {background-image: url(plat_raiffeisen.png);} .p24PayForm .p24_wfh940g label[for=pf89] {background-image: url(plat_meritumbank.png);} .p24PayForm .p24_wfh940g label[for=pf141] {background-image: url(plat_bankpocztowy.png);} @media all and (max-width: 767px) { .p24PayForm .p24_wfh940g input {margin-top: 0px; margin-bottom: 0px;} .p24PayForm .p24_wfh940g label {width: 80%!important; padding: 6px 0 6px 25px!important; font-size: 12px; background-size: 23px 23px!important;} } /* PaczkaWRUCHU */ div#PaczkawRuchu {margin: 0; padding: 10px 0; text-align: left; overflow: hidden;} div#PaczkawRuchu a.button {margin: 0 auto 0 0; font-size: 0.875rem; cursor: pointer;} div#PaczkawRuchu a.button .buttonLinkContent {padding-left: 20px; background-repeat: no-repeat; background-position: 0% 50%; background-image: url(select_point.png); /* background-image: url(select_point-3x.png); background-size: 10px 14px; */ } #PaczkawRuchu a.button {} div#receiptPointBlock {margin: 0 auto 10px auto; padding: 0;/* border: 1px solid #c7c8ca; */} div#receiptPointBlock .pageSubTitle {/* margin: 0; padding: 5px 0; background-color: #e8ecef; */} div#punktodbioru {/* padding: 5px 0; */} div#punktodbioru div {padding: 2px 0;} div#punktodbioru #street_name {font-weight: 700;} div#punktodbioru #location {} div#punktodbioru #opening_hours {font-style: italic;} div#paczkaWRuchuSelect label {margin-top: 10px; margin-bottom: 5px;} div#paczkaWRuchuSelect select {margin-bottom: 15px; width: 100%; box-sizing: border-box;} /* Paczkomaty */ #selectet-pacz {} #selectet-pacz div.sumInPost {margin: 0px auto 10px auto; padding: 0 0 5px 0;} #selectet-pacz div.sumInPost h4 {} #selectet-pacz div.sumInPost h5 {margin: 0; padding: 5px 0; font-weight: bold;} #selectet-pacz div.sumInPost div {margin: 0; padding: 0 0 5px 0;} #selectet-pacz .buyerPaczkomat {font-size: 1rem; padding: 15px 0; background-color: transparent;} /* aucSumForm */ div.center {margin: 0 auto;} /* aucSumForm after*/ table.aucSumForm {width: 100%;} table.aucSumForm div {width: 100%;} table.aucSumForm div.opisPowrotu {padding: 5px 0;} table.aucSumForm div.linkPowrotu {padding: 5px 0; text-align: right;} table.aucSumForm div.linkPowrotu img {margin-right: 5px;} table.aucSumForm div.etykieta {font-size: 0.875rem; font-weight: 700; padding-top: 10px;} table.aucSumForm div.sprzedajacy_nazwa {font-size: 0.875rem; padding: 5px 0 5px 10px;} table.aucSumForm div.sprzedajacy_linki {padding: 2px 0 10px 10px;} /* galleries */ .galleries ul, .galList ul {display: block; padding: 0; margin: 0;} .galleries li, .galList li {list-style: none; display: inline-block; padding: 0; margin: 0;} .galleries .gallery {display: block; padding: 0px; margin: 0 0 10px 0; text-align: center;} .galleries div.gallery div {padding: 0 0 10px 0; margin: 0;} .galleries .galleryName {font-size: 0.875rem; padding-top: 0; margin-top: 0;} .galleries h1.galleryName {font-size: 1.125rem;} .galleries .gallery .galleryDescription a {display: inline-block; float: left; margin: 0;} .galleries .gallery .galleryDescription img {vertical-align: bottom;} .galleries .gallery .galleryImage, .galleries .gallery .galleryImage a {display: block; text-align: center;} .galleries .gallery .galleryImage img {display: block; width: 100%; height: auto; margin: 0 auto;} .galleries.galList .gallery {padding: 15px;} .galleries.galCatList .gallery {padding: 15px 15px 15px 15px; overflow: hidden;} .galleries.galCatList .gallery h2.galleryName {margin: 0; padding: 0;} .galleries.galCatList .gallery .galleryDescription {display: block; margin-top: 5px; margin-bottom: -15px; font-size: 0.75rem; line-height: 15px; text-align: center;} .galleries.galCatList .gallery .galleryDescription a {display: block; margin: 0; float: none;} .galleries.galCatList .gallery .galleryDescription img {display: block; margin: 15px auto 5px auto; width: auto; height: auto;} .gallery #galleryWindow {padding: 15px; text-align: center;} .gallery #galleryWindow img {display: block; margin: 0 auto;} @media all and (max-width: 767px) { .gallery #galleryWindow img {width: 100%; height: auto;} } .gallery #galleryList {padding: 5px 0;} .gallery #galleryList ul {width: 100%; margin: 0; padding: 0; overflow: auto;} .gallery #galleryList li {padding: 0; margin: 10px 10px 0 0; list-style: none; float: left;} .gallery #galleryList li.lastChild {padding-right: 0;} .gallery #galleryList li:first-child, .gallery #galleryList li.first {clear: left;} .gallery #galleryList .galleryItem {padding: 0;} .gallery #galleryList .galleryItem span.image, .gallery #galleryList .galleryItem img {display: block; margin: 0 auto;} @media all and (max-width: 767px) { .gallery #galleryList .galleryItem img {width: 100%; height: auto;} } .gallery #galleryList a {text-decoration: none; display: block; padding: 0;} .gallery #galleryList a:hover {text-decoration: none;} .gallery #galleryList div {text-align: center;} .gallery #galleryList a span {display: block; padding: 0 0 5px 0;} .gallery #galleryList .image {padding-top: 10px;} .gallery #galleryList .image img {} .gallery #galleryList .name {font-size: 0.625rem; font-weight: 700;} .gallery #galleryList .description {font-size: 0.625rem;} .galeriaBrakZdjec {margin: 5px auto;} .galleries .paginator {width: 100%; margin: -5px auto 15px auto;} .galleries .paginator td {width: 33%; vertical-align: middle; text-align: center; font-size: 0.75rem;} .galleries .paginator.paginatorLists td {width: 33%;} .galleries #galleryWindow, .galleries #galleryList li, .galleries.galList .gallery, .galleries.galCatList .gallery {background-color: #ffffff; border: 1px solid #dedede; -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5); } .galleries #galleryList li:hover, .galleries.galList .gallery:hover, .galleries.galCatList .gallery:hover { -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.9); box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.9); } #galleryList a:hover {background-color: rgb(242,242,242); background-color: rgba(242,242,242,0.75);} div.newsShortList .newsItem {margin-bottom: 15px;} div.newsShortList .newsShort {display: block; margin: 0 0 5px 0; padding: 0;} div.newsShortList .newsLink {display: block; margin: 0 0 5px 0; padding: 0;} div.newsShortList .newsLink a, div.newsShortList .newsLink a:visited {} div.newsShortList .newsLink a:hover {} div.newsShortList .newsImage {display: block; margin: 0 0 10px 0; padding: 0;} div.newsShortList .newsWrap {display: block; position: relative; height: 150px; overflow: hidden; margin: 0 0 10px 0;} div.newsShortList .newsWrap .newsImage {margin: 0; position: relative;} div.newsShortList .newsWrap .newsImage img {width: 100%; height: auto; display: block; /* max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; */} div.newsShortList .newsDataPublikacji {display: block; margin: 0 0 10px 0; padding: 0; font-style: italic; color: #555555; font-size: 0.75rem;} div.newsShortList .newsWrap .newsDataPublikacji {margin: 0; padding: 5px; background-color: rgba(0,0,0,0.25); color: #dedede; position: absolute; top: 0; left: 0;} div.newsShortList .newsSkrot {display: block; margin: 0 0 10px 0; padding: 0;} div.newsShortList .newsArchLink {display: block; margin: 5px 0;} div.newsList {margin: 5px auto 20px auto; clear: both;} div.newsList .newsFull {margin-bottom: 10px; overflow: hidden;} div.newsList .newsFull p {} div.newsList div.newsLink {padding-bottom: 4px; font-size: 1rem;} div.newsList .newsLink a, div.newsList .newsLink a:visited {font-weight: 700;} div.newsList .newsLink a:hover {} div.newsList .newsDataPublikacji {font-weight: 400; font-style: italic; font-size: 0.688rem; padding: 0 0 4px 0;} div.newsList .newsTresc {padding-bottom: 20px; clear: both; overflow: hidden;} div.newsList .newsImage {display: inline-block; float: left; font-size: 0; margin: 0 10px 10px 0;} div.newsList .newsImage img {vertical-align: middle;} .newsBody {} /* pollForm - sondy */ div.pollForm#naglowek {} table.pollForm {width: 100%;} table.pollForm td {vertical-align: middle; padding: 1px 1px;} table.pollForm td.probeQuestion {} table.pollForm td.poleSondy {width: 18px; padding: 1px 0 4px 0; text-align: left;} table.pollForm td.poleSondy input {margin-left: 0;} table.pollForm td.opcjaSondy {width: 150px; padding: 2px 0 3px 0; font-weight: 700;} table.pollForm td.przyciskiSondy {text-align: right;} table.pollForm td.przyciskiSondy input {margin-left: auto; margin-right: 0;} table.pollForm input.button#glosuj {} table.pollForm input.button#wyniki {background-image: none; background-color: transparent; border: 0; font-weight: 700; text-align: center; margin-top: 5px;} table.pollForm a#wyniki {display: block; font-weight: 700; text-align: center; margin-top: 5px; cursor: pointer;} table.pollForm span.glosuj {display: block;} table.pollForm span.wyniki {display: block;} table.pollForm td.wynikSondy {padding: 0 0 8px 0; font-size: 0.688rem; vertical-align: middle;} table.pollForm td.wykresSondy {background-color: #3a89c9;} table.pollForm td.wynikSondy img {margin-top: 4px;} table.pollForm td.iloscGlosow {padding-top: 2px;} table.pollForm td.iloscGlosow span {font-weight: 700;} /* ratStarBar */ .ratBar {background-position: 0 100%;} .ratForm .ratBar, .ratForm #ratBar {} .ratForm .voteBarRating, .ratForm #voteBarRating {float:left;} .ratForm .voteBarCandidate, .ratForm #voteBarCandidate {float:left; padding: 0 0 0 10px; width:2em; margin-top: 3px;} .ratForm .voteBar, .ratForm #voteBar {overflow:hidden; float:left; background-position: 0 100%; margin-top: 3px;} .ratForm .voteBarCurrent, .ratForm #voteBarCurrent {overflow:hidden; position: relative;} .ratForm .voteBarSlider, .ratForm #voteBarSlider {overflow:hidden; position: relative; width: 100%;} .ratForm .voteBarSlider a, .ratForm #voteBarSlider a {display:block; float:left; margin: 0; overflow:hidden; padding: 0; background-repeat: no-repeat; background-position: 0 100%;} .ratForm .voteBarSlider img, .ratForm #voteBarSlider img {border: 0; margin: 0;} .ratForm .ratFormOption {margin:4px;} .ratBar, .ratBarCurrent, .ratForm .idRatBar, .ratForm #ratBar, .ratForm .voteBarCurrent, .ratForm #voteBarCurrent, .ratForm .voteBar, .ratForm #voteBar {height: 30px;} .ratForm .voteBarCandidate, .ratForm #voteBarCandidate {height: 30px; line-height: 30px;} .ratForm .voteBarSlider, .ratForm #voteBarSlider {height: 30px; top: -30px;} .ratForm .voteBarSlider a, .ratForm #voteBarSlider a {height: 30px; line-height: 30px; width: 30px;} .ratForm .voteBarSlider img, .ratForm #voteBarSlider img {width: 30px; height: 30px;} .ratBar, .ratBarCurrent, .ratForm .voteBar, .ratForm #voteBar, .ratForm .voteBarCurrent, .ratForm #voteBarCurrent, .ratForm .voteBarSlider a, .ratForm #voteBarSlider a { background-image: url(ratingStarBar30.png); } div.opiList div.ocena {width: 150px;} /* opiList, opiForm */ .opiForm {} .opiForm .form-group {padding-top: 10px; padding-bottom: 10px;} .row.opiList {padding: 0 0/* 25px */;} .row.opiForm .row .forms label.col-xs-12 {padding: 10px 10px 5px 0; text-transform: uppercase; font-weight: normal; white-space: nowrap;} .row.opiForm .row .forms div.col-xs-12 {padding: 0 0 0 0;} .row.opiForm .row .col-md-offset-2, .row.opiForm .row .col-xs-offset-2 {padding-left: 0; padding-right: 0;} .opiList table {width: 100%; margin: 0 0 15px 0;} .opiList td.col1 {width: 150px; padding: 10px 15px 10px 0; vertical-align: top;} .opiList td.col2 {padding: 10px 0 0 15px; vertical-align: top;} div.opiList {margin: 0 auto; padding: 0;} div.opiList table {margin: 0;} div.opiList table td {text-align: left; padding: 10px 10px 10px 0; vertical-align: top;} div.opiList table th {text-align: left; padding: 2px 10px 2px 0;} div.opiList a {} div.opiList div.who {padding-bottom: 5px; overflow: hidden;} div.opiList div.review {} div.opiList .rev-outer {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dddddd;} div.opiList .TrustMate {max-width: 100px;} div.opiList .TrustMate img {margin: 0 0 15px auto;} .rev-info {font-style: italic; padding: 3px 0; font-size: 12px; color: #7b7b7b;} .rev-info:empty {display: none;} div.opiList span.name, div.opiList span.date {font-size: 0.825rem; display: inline-block; padding: 2px 15px 0 0; float: left;} div.opiList div.rating {display: inline-block; margin: 3px 0 0 0; float: left; font-size: 0.825rem;} div.opiList span.name {font-weight: 600;} div.opiList span.review {font-size: 0.875rem; padding-bottom: 5px; font-weight: 300;} div.opiList span.shop {} div.opiList span.shop.review {} div.opiList span.shop.name {} .opiList .date, .opiForm .date {color: #808080;} .opiList.opiConList {} div.conBody {} div.conBody p.conBody {} .conBody .conForm {text-align: left;} /* blog */ section.blogList {} section.blogList.blogFeatured {} section.blogBody {} @media all and (max-width: 991px) { section.blogList, section.blogBody {padding-left: 10px; padding-right: 10px;} } .blogPost {} .blogPosts {border: 1px solid #dedede; margin: 15px 0; padding: 15px;} .blogFeatured .blogPosts {border: 0; margin: 0; padding: 0;} .blogFeatured .pageSubTitle {padding-top: 0;} .blogPicture {margin-top: 5px; margin-bottom: 10px; text-align: left;} .blogPicture img {display: block; margin: 0 auto; width: 100%; height: auto;} .blogEntry {} .blogEntry .tag {padding-right: 5px;} .blogEntry .sep {color: #808080;} .blogEntry .blogTitle {margin-top: 0;} .blogEntry .blogDate {font-size: 0.75rem; font-style: italic; margin-bottom: 5px; color: #808080;} .blogEntry .blogTags {font-size: 0.75rem; margin-bottom: 5px;} .blogEntry .blogLead {} .blogEntry .blogButtons {text-align: right;} /* tabele bardziej responsywne */ .stacktable {width: 100%;} .st-head-row {padding-top: 1em;} .st-head-row.st-head-row-main {font-size: 1.5em; padding-top: 0;} .st-key {width: 49%; text-align: right; padding-right: 1%;} .st-val {width: 49%; padding-left: 1%;} .stacktable.large-only {display: table;} .stacktable.small-only {display: none;} @media all and (max-width: 991px) { .stacktable.large-only {display: none;} .stacktable.small-only {display: table;} } .currencyToLeft span.price {} .currencyToLeft span.currency, .currencyToLeft span.rangeCurrency {padding-left: 0; display: none!important;} #fb-slide {float: right; overflow: hidden; padding-left: 0px; position: fixed; top: 220px; z-index: 2002; box-sizing: content-box;} #fb-slide-gfx {height: 111px; padding-left: 35px; position: fixed; top: 220px; z-index: 2002; background-repeat: no-repeat; background-position: 0 0; box-sizing: content-box;} #fb-slide #fb-frame {padding: 20px 5px 20px 12px; background-color: #5777b1; box-sizing: content-box;} #fb-slide #fb-frame #fb-back {background: white; box-sizing: content-box;} iframe div.fbDarkWidget {background: red;} #fb-slide-gfx, #fb-slide {display: none!important;} @media all and (min-width: 992px) { #fb-slide-gfx, #fb-slide {display: block!important;} /* #fb-slide-gfx, #fb-slide, #fb-slide-frame {width: 340px!important;} */ } .towaryTresc a, .linkiTresc a, .plikiTresc a, .flv a {display: block; padding: 5px 0;} .towaryTresc .description, .linkiTresc .description, .plikiTresc .description, .flv .description {margin-bottom: 10px;} .towaryTresc .description:empty, .linkiTresc .description:empty, .plikiTresc .description:empty, .flv .description:empty {display: none;} div.flv li a, div.flv .videoName {display: block; padding: 5px 0; font-weight: bold;} div.flv .videoDescription {padding: 0 0 15px 0; font-size: 0.75rem;} div.flv ul, div.flv li, .additional.itemFilms ul, .additional.itemFilms li, .additional.itemVideo ul, .additional.itemVideo li, .additional.itemMusic ul, .additional.itemMusic li {display: block; margin: 0; padding: 0; list-style: none; clear: both;} div.flv li, .additional.itemFilms li, .additional.itemVideo li {margin-bottom: 15px;} .additional.itemMusic li {margin-bottom: 25px;} div.flv video, .additional video, video.video-responsive {margin: 0; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%;} .itemMusic audio {} .itemMusic .songTitle {padding: 5px 0; font-weight: bold;} .itemMusic .songDescription {padding: 0 0; margin-bottom: 10px; font-size: 0.75rem;} video::-internal-media-controls-cast-button, audio::-internal-media-controls-cast-button {display:none;} video::-internal-media-controls-download-button, audio::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure, audio::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel, audio::-webkit-media-controls-panel {width: calc(100% + 30px);} table.banList, table.flashBanList {width: 100%; margin: 0 0 15px 0;} textarea.partnerCode {margin: 0 0 15px 0; width: 100%; display: block; box-sizing: border-box; padding: 10px; font-size: 0.75rem; clear: both;} div.partnerView {margin: 0 0 15px 0; clear: both;} div.partnerView img {display: block; margin: 0 auto 0 0; width: auto; height: auto; max-width: 100%; max-height: 100%;} /* animations */ #infoserwis a img, .menuFooter .subReqForm *, .detCard #thumbsSlickVertical *, .tabsHead *, #mobiMenu *, #mainTop *, div.cart.cartFull:hover .cartHidden, .catMenu ul li a:hover, .navigator.paginatorPrevious a:hover, .item:hover .varList, #ourBrands a, .repLink a .badge, .sticky, .sticky#quickCart div.cart, .pager a:hover, .pagination a:hover, #clientMenu a:hover, #headerMenu li:hover, #headerMenu a:hover, .menuFooter a:hover, footer a:hover, #box_catMenu a:hover, div.channels div.channel:hover span.name, #offerLeft .productImage:hover .productPromotionIcons, .subCatItem:hover .categoryDescription, .btn:hover, .button:hover, .producer:hover *, .catItem:hover, .catItem:hover *, .mainList .item:hover, .mainList .item:hover * { -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } /* Chrome fix dla position: fixed */ .pageAdmin, .pageClient, #fb-slide, #fb-slide-gfx, .btn.btn-default#toTop, .sticky-trasform { -webkit-transform: translateZ(0)!important; transform: translateZ(0)!important; -webkit-transform: none !important; transform: none !important; } @keyframes shadowPulse { 0% { -webkit-box-shadow: 0px 0px 15px 3px rgba(255,0,0,0); -moz-box-shadow: 0px 0px 15px 3px rgba(255,0,0,0); box-shadow: 0px 0px 15px 3px rgba(255,0,0,0); } 50% { -webkit-box-shadow: 0px 0px 15px 3px rgba(255,0,0,1); -moz-box-shadow: 0px 0px 15px 3px rgba(255,0,0,1); box-shadow: 0px 0px 15px 3px rgba(255,0,0,1); } 100% { -webkit-box-shadow: 0px 0px 15px 3px rgba(255,0,0,0); -moz-box-shadow: 0px 0px 15px 3px rgba(255,0,0,0); box-shadow: 0px 0px 15px 3px rgba(255,0,0,0); } } .shadow-pulse { animation-name: shadowPulse; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: linear; } .bs-popup-info.bs-error {padding: 0 30px;} .bs-popup-info.bs-error .bs-popup-info-inner {padding: 30px 0;} .bs-popup-info.bs-error .popup-info-content {padding: 20px 0 30px 0; text-align: center; font-size: 1.25rem;} .bs-popup-info.bs-error .buttonBlock {text-align: center; overflow: hidden; text-transform: uppercase; padding: 0;} @media all and (max-width: 991px) { .bs-popup-info.bs-error#simplemodal-data {padding: 0 30px;} } img {aspect-ratio: attr(width) / attr(height);} /* custom */ #advice #h1_main {display:inline;margin:0;padding:0;font-size:12px} #advice #main_desc{display:inline} #advice #main_desc>p:first-child{display:inline} #advice #main_desc>p:last-child{margin-top:15px} #sizes, #checkAva {display: none; padding:20px 25px; max-width:650px; max-height:80vh;} #sizes .title, #checkAva .title {font-size:18px;margin:0} #sizes .title2, #checkAva .title2 {color:#33abdb;text-transform:uppercase} #sizes .container-fluid, #checkAva .container-fluid {padding-left:0;padding-right:0} #sizes .gray_text, #checkAva .gray_text {font-size:24px} #sizes .blue_text3, #checkAva .blue_text3 {font-size:18px;margin-bottom:30px} #quick_view_product {} #quick_view_product .product_desc {padding: 15px;} #quick_view_product .pageTitle {font-size: 1.125rem; margin: 0; padding: 0 0 15px 0;} #quick_view_product .productName {font-size: 1rem; margin: 0; padding: 0 0 15px 0;} #quick_view_product .city_search {text-align: right; padding: 0;} #quick_view_product .city_search .form-control {width: 100%; clear: both; margin: 0 0 10px 0;} #quick_view_product .city_search .btn {margin: 0 0 0 auto;} #footer2{border-top:1px solid #33abdb;padding-top:12px} .pokazOcene .ratBar, .pokazOcene .div1, .pokazOcene .div2 {display: inline-block; margin: 0 0 0 5px;} .pokazOcene .div3 {display: none;} .pokazOcene .div1 {margin-top: -2px; margin-bottom: 2px;} .pokazOcene .ratBar {top: 2px; position: relative;} .pokazOcene.hidden-xs {padding-bottom: 5px;} .pokazOcene.visible-xs {padding-top: 10px;} .detCard .toRight {display: inline-block; float: right; margin: 0; font-size: 0.75rem; font-weight: 300; text-align: right;} .detCard .toRight .opinions, .detCard .toRight #wish {margin: 0 0 10px 0; display: inline-block; text-align: right;} @media all and (max-width: 991px) { .detCard .toRight {float: none;} .detCard .toRight, .detCard .toRight .opinions, .detCard .toRight #wish {text-align: center;} } .colors {margin-bottom: 0; clear: both; width: 100%; padding: 30px 0 0 0;} .colors .moduleTitle {} .colors .moduleContent {overflow: hidden;} .colors ul {margin:0 0 5px 0;padding:0; list-style-type:none; float: left; width: 100%; clear: both;} .colors ul li {float: left; display: inline-block; margin: 0 10px 10px 0;} @media all and (max-width: 991px) { .colors, .colors ul {margin-left: auto; margin-right: auto; width: auto;} } .colors li a {display: block; width: auto; height: auto; border: 0px solid #f1f1f1; outline: 1px solid #cccccc; outline-offset: -1px; padding: 2px;} .colors li a span {display: block; width: 87px; height: auto; padding: 0 0 100% 0; position: relative; overflow: hidden; text-transform: uppercase;} .colors li a:hover, .colors li.active a {outline: 2px solid #000000; outline-offset: -2px;} .colors li a img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} .wrapColors {display: inline-block; overflow: hidden;} @media (min-width: 992px) { .wrapColors {display: inline;} } .wrapBricks {display: block; overflow: hidden;} .linkRozmiarow {} .linkRozmiarow:before {display: inline-block; content: "/"; margin-left: 10px; padding-left: 0;} .linkRozmiarow .link-popup {font-size: inherit; cursor: pointer;} .linkRozmiarow .link-popup {margin-left: 10px; display: inline-block; clear: none;} #myaccount{padding-bottom: 30px} #menu2{margin-bottom:20px} #menu2 ul{margin:0;padding:0;list-style-type:none} #menu2 ul li{} #menu2 ul li.category .title {padding:10px 15px;color:#000;text-transform:uppercase;border:0;font-size:14px;outline:0;text-decoration:none;font-weight:700;} #menu2 ul li.category .title span{background:url(arrow4_bottom.png) top left no-repeat;height:8px;width:15px;display:inline-block;margin-left:10px;margin-bottom:1px;float:right;margin-top:5px} #menu2 ul li.category ul li a{color:#535353;font-size:13px;display:block;text-decoration:none;padding:9px 14px} #menu2 ul li.category ul li a span{display:none} #menu2 ul li.category ul li a:hover,#menu2 ul li.category ul li.active a{background-color:#f1f1f1} #menu2 .category ul{} #menu2 .category_active ul{} .stickyAlert {display:block;width:100%; z-index: 19001;} .stickyAlert .alert{display:block;padding:8px 10px;margin:0;background-image:none;background-color:#a3cb01;font-size:16px;text-align:center;border:0;border-radius:0;text-shadow:0 0 2px rgba(0,0,0,0.25)} .stickyAlert .alert,.stickyAlert .alert a,.stickyAlert .alert a:visited{color:#ffffff} .stickyAlert .alert a:hover{color:#000000} .stickyAlert .alert .close{margin:0 0 0 10px;opacity:.5} .stickyAlert .alert .close,.stickyAlert .alert .close:visited{color:#000000} .stickyAlert .alert .close:hover{opacity:1;color:#000000} .cat_sport{position:relative} .cat_sport .cat_sport_content{display:block;width:100%;height:396px;margin:0 auto;overflow:hidden} .cat_sport .cat_sport_content .cat_sport_width{width:200%} .cat_sport .cat_sport_content .cat_sport_width .cat_sport_item{float:left;width:375px} .cat_sport .cat_sport_content .cat_sport_width .cat_sport_item a{display:block;position:relative;overflow:hidden} .cat_sport .cat_sport_content .cat_sport_width .cat_sport_item a img{width:375px;height:396px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s} .cat_sport .cat_sport_content .cat_sport_width .cat_sport_item a span{position:absolute;width:100%;color:#5e5e5e;background-color:#f6f5f4;bottom:0;opacity:.95;font-size:18px;text-transform:uppercase;text-align:center;left:0;padding:6px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s} .cat_sport .cat_sport_content .arrows_sport{position:absolute;right:0;top:0;height:100%;display:none} .cat_sport .cat_sport_content .arrows_sport a{width:100px;height:50%;display:block;background:url(bg_arrow.jpg) top left no-repeat;padding-top:80px} .cat_sport .cat_sport_content .arrows_sport a span{width:22px;height:38px;display:block;margin:auto} .cat_sport .cat_sport_content .arrows_sport a.arrow_left span{background:url(arrow2_left.png) top left no-repeat} .cat_sport .cat_sport_content .arrows_sport a.arrow_right span{background:url(arrow2_right.png) top left no-repeat} .cat_sport .cat_sport_content .sport_item{float:left} .cat_sport .cat_sport_content .cat_sport_width .cat_sport_item{width:250px} .cat_sport .cat_sport_content .cat_sport_width .cat_sport_item a img{width:250px;height:264px} .cat_sport .cat_sport_content{height:264px} .cat_sport .cat_sport_content .arrows_sport a{width:60px;padding-top:45px} .no-touch .cat_sport .cat_sport_content .cat_sport_width .cat_sport_item a:hover img{-webkit-transform:rotate(0deg) scale(1.1) skew(1deg) translate(0px);-moz-transform:rotate(0deg) scale(1.1) skew(1deg) translate(0px);-o-transform:rotate(0deg) scale(1.1) skew(1deg) translate(0px);-ms-transform:rotate(0deg) scale(1.1) skew(1deg) translate(0px);transform:rotate(0deg) scale(1.1) skew(1deg) translate(0px)} .no-touch .cat_sport .cat_sport_content .cat_sport_width .cat_sport_item a:hover span{background-color:#0877d0;color:#fff} .popWindows .modal-header{min-height:34px;border-bottom:0} .popWindows .modal-header button.close{font-size:48px;font-weight:700;margin-top:-6px;opacity:.75;line-height:24px;width:24px;height:24px;padding:0;text-align:center} .popWindows .modal-header button.close:hover{opacity:1} .popWindows .modal-dialog{width:800px} .popWindows .modal-wrap{max-height:500px;overflow:auto;padding:0} .popWindows .modal-wrap img{display:block;max-width:100%;height:auto} @media all and (max-width: 991px) { .popWindows .modal-dialog{width:100%} .popWindows .modal-wrap{max-height:400px;width:100%;overflow:auto} } .popWindows .subReqForm{margin:0;padding:0} .popWindows .subReqForm h2{margin-top:0;padding-top:10px} .popWindows .subReqForm .description{padding-bottom:10px} .subReqForm div.popupNS{overflow:hidden;padding:10px 0;position:relative;width:100%;height:42px;clear:both} .subReqForm div.popupNS input.email{float:none;width:100%;box-sizing:border-box;padding:0 100px 0 12px;height:40px;line-height:36px;position:absolute;top:0;left:0} .subReqForm div.popupNS input.button{float:none;width:auto;padding:0 12px;height:40px;line-height:36px;border:0;background-color:#0877d0;color:#fff;font-size:13px;text-transform:uppercase;position:absolute;top:0;right:0} .orders .content_radio {} .orders .content_radio_2 {} .orders .content_radio .box_gray, .orders .content_radio_2 .box_gray {} #map_inpost, #googleMapVM {width: 100%!important; height: 400px!important; /* padding: 0 0 33.3333% 0!important; */ margin: 15px auto!important;} div.asterisk {padding: 15px 0;} .p-container .information {margin-bottom: 15px;} .p-container #easypack-map {width: 100%!important;} .p-container .has-error-info {display: none;} .p-container.has-error .has-error-info {display: block;} div#paczkaWRuchuSelect label {margin-top: 10px; margin-bottom: 5px; display: block; font-weight: bold;} div#paczkaWRuchuSelect select {margin-bottom: 15px; width: 100%; box-sizing: border-box;} .pp_ajaxBox {padding: 20px; margin-top: 100px;} .infoLanBtn {display: block; min-width: 200px; overflow: hidden; padding-top: 15px; text-transform: uppercase} .buttonBlock .btn, .infoLanBtn a {cursor:pointer} .buttonBlock .btn-l, .infoLanBtn .changeLanBtnLeft {float: left} .buttonBlock .btn-r, .infoLanBtn .changeLanBtnRight {float: right} .buttonBlock .btn, .infoLanBtn .button_big {line-height:41px;padding:0 25px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;font-size:14px; font-weight: 700;} .infoLanBtn .button_big:focus, .button_big:hover{opacity:.8;} .buttonBlock .btn, .buttonBlock .btn:visited {} .buttonBlock .btn:hover {} .buttonBlock .btn-r, .buttonBlock .btn-r:visited, .infoLanBtn .button_green {background: #9fe152; border-color: #9fe152; color: #ffffff;} .buttonBlock .btn-r:hover {background: #ffffff; border-color: #9fe152; color: #9fe152;} .buttonBlock .btn-l, .buttonBlock .btn-l:visited, .infoLanBtn .button_red {background: #ff2a00; border-color: #ff2a00; color: #ffffff;} .buttonBlock .btn-l:hover {background: #ffffff; border-color: #ff2a00; color: #ff2a00;} /* .customCode {margin-bottom: 30px;} */ .t-row {width: 100%; clear: both; display: table; margin: 0 0 0px 0; padding: 0;} .t-row .t-wrap {display: table-row; overflow: hidden;} .t-row .t-image {display: table-cell; box-sizing: border-box; vertical-align: middle; text-align: center; width: 215px; padding: 15px 15px 15px 0;} .t-row .t-image span {display: inline-block; width: 100%; height: 0px; padding: 0 0 100% 0; overflow: hidden; position: relative;} .t-row .t-image img {display: block; border: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: auto;} .t-row .t-desc {display: table-cell; box-sizing: border-box; vertical-align: middle; text-align: left; width: calc(100% - 215px); padding: 15px 0 15px 15px; font-size: 1rem; font-weight: 400; line-height: 1.42857; margin: 10px 0;} @media all and (max-width: 991px) { .t-row {display: block; margin-bottom: 30px;} .t-row .t-wrap {display: block;} .t-row .t-image, .t-row .t-desc {display: block; width: 100%;} .t-row .t-image {padding: 15px 0 5px 0;} .t-row .t-desc {padding: 5px 0 15px 0;} .t-row .t-image span {height: auto; padding: 0;} .t-row .t-image img {position: static; margin: 0 auto; width: auto; max-width: none; max-height: none;} } @media all and (max-width: 991px) { .detCard #obrazekGlowny {text-align: center;} .detCard #obrazekGlowny img {margin: 0 auto;} } #section_customSubCon, #section_subCon {display: block; color: #ffffff; background-color: #000000; margin: 0;} #section_customSubCon .container, #section_subCon .container {width: 100%; /* max-width: 1515px; */} #section_subCon .subCon {display: block; width: 100%; height: 100%; margin: 0; padding: 20px 0; box-sizing: border-box;} #section_subCon .col-naglowek, #section_subCon .col-tresc, #section_subCon .col-formularz {display: block; box-sizing: border-box; padding: 0 15px; margin: 10px 0;} #section_subCon .col-naglowek {order: 1; text-align: left;} #section_subCon .col-tresc {order: 3;} #section_subCon .col-formularz {order: 2;} #section_subCon .checkbox {text-align: left; font-weight: 400;} #section_subCon .checkbox a {text-decoration: underline; font-weight: 600;} #section_subCon .col-naglowek h3 {margin: 0; padding: 0; font-size: 1.625rem; line-height: 1; text-transform: uppercase; font-weight: 800;} #section_subCon .information {margin: 0; padding: 0 0 5px 0; font-style: italic; color: #ffffff; font-size: 0.75rem; text-align: left;} #section_subCon .information.success {} #section_subCon .information.error {color: #ffbfbf;} #section_subCon .information:empty {display: none;} #section_subCon .col-tresc div {margin: 10px 0; padding: 0; font-size: 1.125rem;} #section_subCon .col-tresc div span {font-size: 1.375rem; font-weight: 700;} #section_subCon .col-tresc p {margin: 10px 0 0 0; padding: 0;} #section_subCon .form-group {display: inline-block; width: 100%; clear: both; overflow: hidden; margin: 0 auto; padding: 10px 0;} #section_subCon .form-control {clear: none; float: left; display: inline-block; border: 0; background-color: #efeded; font-style: normal; font-weight: 400; color: #adacac; font-size: 1rem; width: calc(100% - 226px); height: 51px; line-height: 51px; padding: 0 10px 0 10px; box-sizing: border-box;} #section_subCon .btn {clear: none; float: right; display: inline-block; border: 0; background-color: #ff0000; color: #ffffff; outline: 2px solid #ff0000; outline-offset: -2px; border: 0; width: 216px; height: 51px; line-height: 51px; padding: 0; box-sizing: border-box; margin-left: 10px;} #section_subCon .btn:hover {background-color: #000000; color: #ffffff; outline: 2px solid #ff0000; border: 0;} @media all and (min-width: 1600px) { #section_subCon .col-naglowek, #section_subCon .col-tresc, #section_subCon .col-formularz {min-width: 100%;} #section_subCon .col-formularz .email-group {max-width: 41.66666667%;} } @media all and (max-width: 991px) { #section_subCon .subCon { flex-flow: column; justify-content: center; align-content: center; align-items: center; } #section_subCon .col-naglowek, #section_subCon .col-tresc, #section_subCon .col-formularz {text-align: left; align-self: stretch; flex: 1 1 auto; float: none;} } @media all and (max-width: 479px) { #section_subCon .col-formularz .form-control {width: 60%;} #section_subCon .col-formularz .btn {width: 40%; margin-left: 0;} } #mobi_clientMenu {display:none} #simplemodal-container #mobi_clientMenu {display:block} #mobi_menuTop {display:none} #simplemodal-container #mobi_menuTop {display:block;} #simplemodal-container #side_filters {display:block} /* #side_filters div.multiselect .value.outOfLimit {display: none} #side_filters div.multiselect.showAll .value.outOfLimit {display: block} */ @media all and (max-width: 991px) { .sticked {position: relative;} .sticked.mobile-fixet {position: fixed;} .sticked {top: 0;} .sticked.mobile-hide {top: -100%;} } .fa-square:before { content: "\f0c8"; } .fa-check-square:before { content: "\f14a"; } .fa-filter:before { content: "\f0b0"; } .fa-sliders:before { content: "\f1de"; } .popup-activ {/* filter:grayscale(100%); */} #edrone--main--pu--container .edrone--popup--overlay {background-color: rgba(0,0,0,0.5)!important;} .toolTip.in {z-index: 999999!important; left: 50px!important; margin-left: 50px!important; text-align: left!important;} #accorCatMenu .container {padding: 0; margin: 0;} #accorCatMenu .link-text {} #accorCatMenu .link-text-arrow {} #accorCatMenu .text {display: inline-block; padding: 15px 15px 15px 23px; font-size: 1rem; font-weight: 700; text-transform: uppercase; width: calc(100% - 45px); box-sizing: border-box; z-index: 1;} #accorCatMenu b.caret {border-radius: 0; border: 0; width: 30px; height: 30px; float: right; margin: 0 15px 0 0; overflow: hidden; position: relative; text-align: center; top: 6px; z-index: 2;} #accorCatMenu b.caret:before {display: inline-block; /* down: f078 | up: f077 */ content: "\f078"; font: normal normal normal 14px/1 FontAwesome; line-height: 30px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 0px auto 0 auto; color: inherit; z-index: 3;} #accorCatMenu a[aria-expanded="true"] b.caret:before {content: "\f077";} /* #accorCatMenu .panel-title.active {color: #ffffff; background-color: #000000;} #accorCatMenu .panel-title.active a, #accorCatMenu .panel-title.active a:visited, #accorCatMenu .panel-title.active .text {color: #ffffff;} #accorCatMenu .panel-title.active a:hover {color: #f1f1f1;} */ #accorCatMenu .panel-group, #accorCatMenu .panel-group .panel-body, #accorCatMenu .panel-group .panel + .panel {margin: 0; padding: 0; border: 0;} #accorCatMenu .panel-group.lvl_1 {border-bottom: 1px solid rgba(0,0,0,0.2);} #accorCatMenu .panel-group .panel .panel-heading {margin: 0; padding: 0; background-color: transparent; border-top: 1px solid rgba(0,0,0,0.2);} #accorCatMenu .panel-group .panel .panel .panel .panel-heading {border-top: 1px solid rgba(0,0,0,0.04); /* border-top: 0; */} #accorCatMenu .panel-group .panel-collapse .panel-body {background-color: #f1f1f1 /* rgba(0,0,0,0.04) */;} #accorCatMenu .panel .panel-heading .text {padding-left: 23px;} #accorCatMenu .panel .panel .panel-heading .text {padding-left: 23px; font-weight: 400;} #accorCatMenu .panel .panel .panel .panel-heading .text {padding-left: 53px; text-transform: none;} #accorCatMenu .panel .panel .panel .panel .panel-heading .text {padding-left: 63px;} #accorCatMenu .panel .panel .panel .panel .panel .panel-heading .text {padding-left: 73px;} #accorCatMenu .panel .panel .panel .panel .panel .panel {display: none!important;} #filters_priceFilters_range { margin: 0 0 30px 0; padding: 0; display: block; } #listOptions label.filterHead { padding: 7px 10px 6px 10px; } /* #side_filters .filterBox.showDropdownBig .filterHead.filterDropdown::after {content: "\f077";} */ #close_sm {display: none;} #side_filters label.filterHead input { display: none; } @media all and (min-width: 992px) { #listOptions { display: flex; flex-direction: row; float:none; } .moreFilters, .topLineFilters {display: inline-block;} .moreFilters, .filterBox { display: inline-block; margin: 5px; } .filterBox { position: relative; } .filterDropdownContent { display: none; position: absolute; min-width: 300px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 2; background-color: #fff; border: solid 1px black; margin-top: -1px; } .filterBox.showDropdownBig .filterDropdownContent { display: block; } #side_filters { overflow: visible; flex-grow: 1; } #listSortResults { overflow: visible; flex-grow: 2; } #side_filters .moreFiltersHead, #side_filters .filterHead, #listOptions label, #show-filters label { font-size: 0.875rem; padding: 5px 10px 6px 10px; margin: 0px; display: block; font-weight: 300; text-transform: uppercase; line-height: 1; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } #side_filters .filterHead { background-color: #eeeced; border: solid 1px #eeeced; border-bottom: 0px; } #side_filters .filterHead.filterDropdown::after {font-family: 'FontAwesome'; content: "\f078"; position: relative; top: -1px; left: 0; width: 16px; display: inline-block; font-size: 1rem; font-weight: 400; margin-left: 2px;} #side_filters .filterHead.filterDropdown::after {content: "\f078";} #filters_list .moreFiltersHead{ background-color: #fff; border: solid 1px #fff; } #filters_list .moreFilters .moreFiltersHead::before {font-family: 'FontAwesome'; content: "\f067"; position: relative; top: 2px; left: 0; width: 16px; display: inline-block; font-size: 1rem; font-weight: 300; margin-right: 5px;} #filters_list.bottomLineFilters .moreFilters .moreFiltersHead::before {content: "\f068";} #filters_list {display: flex; flex-direction: row; flex-wrap:wrap;} #filters_list .filterBox {order:1} #filters_list .filterBox.bottomLine {order:10} #filters_list .filterBox.price-Filter, #filters_list .filterBox.price-Filter.bottomLine {order:2} #filters_list .moreFilters {order:5} #filters_list .breakFlex {order:6; flex-basis: 100%} #filters_list .filterBox.filterEnd {order:20} #filters_list .moreFilters .moreFiltersHead span {display: none;} #filters_list .moreFilters .moreFiltersHead span.off {display: inline-block;} #filters_list.bottomLineFilters .moreFilters .moreFiltersHead span.on {display: inline-block;} #filters_list.bottomLineFilters .moreFilters .moreFiltersHead span.off {display: none;} #side_filters .moreFiltersHead span.on { text-decoration: underline; } #side_filters .filterBox.showDropdownBig .filterHead { background-color: #fff; border: solid 1px black; border-bottom: 0px; z-index: 2; position: relative; } #side_filters .filterBox.selectedFilters .filterHead { background-color:black; border: solid 1px black; border-bottom: 0px; color: #fff; } .bottomLineFilters {display: none;} .bottomLineFilters.showMoreFilters {display: block;} #filters_list .filterBox.bottomLine {display: none;} #filters_list.bottomLineFilters .filterBox.bottomLine {display: block;} #filters_list .filterBox.price-Filter {display: block;} #side_filters .filters_buttons {overflow: hidden; text-align: left; } #side_filters .buttonReset {float: right; display: inline-block; margin-left: 15px;} #side_filters .buttonSet {float: left; display: inline-block;} #filters_list .filters_buttons {overflow: hidden; margin-top: 10px; margin-bottom: 10px; text-align: left; display: flex;} #filters_list .buttonReset button, #filters_list .buttonSet button{ display: block; padding: 6px 10px; } #filters_list .buttonSet {} #filters_list .buttonReset { margin-left: 15px; color: #000000; background-color: #eeeced; } #filters_list .buttonReset button {border: 0;} #side_filters .buttonReset .btn, #side_filters .buttonReset .btn:visited { color: #000000; background-color: #eeeced; outline-color: #fff; } #side_filters .buttonReset .btn:focus, #side_filters .buttonReset .btn:hover { color: #ffffff; background-color: #000000; outline-color: #fff; } #side_filters .buttonSet span, #side_filters .buttonReset span {display: block; padding: 0; width: 100%;} #selectedFilters {display: flex; flex-direction: row; flex-wrap:wrap;} #selectedFilters .selectedFilterLabel {display: inline-flex; margin: 5px 15px 5px 5px; flex-direction: row; align-items:baseline; order: 1;} #selectedFilters .selectedFilterLabel input {display: none;} #selectedFilters .selectedFilterLabel .removeFilterValue {display: inline-block; order: 1; background-color: #fff; padding: 0.5em; width: 2.5em; text-align: center; } #selectedFilters .selectedFilterLabel .removeFilterValue:hover { background-color: #eeeced;} #selectedFilters .selectedFilterLabel .selectedFilterName {display: inline-block; order: 2; /*margin-left: 5px;*/ padding: 5px; font-weight: 400;} #selectedFilters #delAll.selectedFilterLabel .removeFilterValue:hover { background-color: #000;color:#fff} #selectedFilters #delAll .selectedFilterName {font-weight: 700;} #selectedFilters #delAll.show {display: block;} #priceFilter.selectedFilterLabel {order: 99;} #selectedFilters #delAll {display: none; order: 100} #sm_btn_filter {display: none;} #listSortResults .flex-form, #listSortResults form { display:flex; justify-content: flex-end; } #listSort {order: 1} #listResults {order: 2} #listSort .select_wrap button .filter-option-inner .filter-option-inner-inner {width: 0px;} #listResults .select_wrap button .filter-option-inner .filter-option-inner-inner {font-weight: 700;} .specialSelects .bootstrap-select .dropdown-toggle .filter-option { padding-left: 0px; padding-right: 8px; } #listSortResults label { padding: 5px 5px 3px 10px; } #listOptions #listResults { margin-left: 5px; } } @media all and (max-width: 991px) { #selectedFilters, .moreFilters , #side_filters {display: none;} #listOptions .form-group, #listOptions .form-inline, #listOptions label, #listOptions, #listOptions #show-filters, #listOptions #listResults, #listOptions #listSort { float: none; } .filterBox .filters_buttons {display: none;} .filterBox .filterDropdownContent {display: none;} .filterBox.showDropdownSmal .filterDropdownContent {display: block;} body.showSmFilter { height: 100vh; overflow: hidden; } body.showSmFilter #lista_gora, body.showSmFilter #listOptions #show-filters, body.showSmFilter #listOptions #listSortResults {display: none;} body.showSmFilter #side_filters { position: fixed; display: flex; flex-direction: column ; width: 100%; height: 100%; top:0; left: 0; background-color: #fff; z-index: 9999; padding: 60px 0px 0 0; } #filters_list {flex: 1 1 auto; overflow: auto; position: relative;} body.showSmFilter #sm_btn_filter {display: flex; flex: 0 1 auto;} #sm_btn_filter .buttonSet, #sm_btn_filter .buttonReset {flex-grow: 1 ; padding: 1em;} #sm_btn_filter .buttonSet {text-align: left;} #sm_btn_filter .buttonReset {text-align: right;} #side_filters .buttonReset .btn, #side_filters .buttonReset .btn:visited { color: #000000; background-color: #ffffff; } #side_filters .buttonReset .btn:focus, #side_filters .buttonReset .btn:hover { color: #ffffff; background-color: #000000; } #side_filters .dropdown .filterHead::before { font-family: 'FontAwesome'; content: "\f078"; position: relative; top: -1px; left: 0; width: 16px; display: inline-block; font-size: 1rem; font-weight: 400; margin-right: 23px; } #side_filters .filterBox.showDropdownSmal.dropdown .filterHead::before { content: "\f077"; } #side_filters .filterBox { padding: 10px 15px;} #close_sm { display: block; position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; color: #fff; outline: 1px solid #000000; background: #000000 url(sprite-nav.png) no-repeat -60px 0; border: 0; } #close_sm:hover { background: #ffffff url(sprite-nav.png) no-repeat -60px -30px; border: 0; } #side_filters label.filterHead input[type="checkbox"] + .label-text::before { content: ""; background: url(input_checkboxes.png) no-repeat 0 0; display: inline-block; float: left; width: 17px; height: 17px; line-height: 1; display: inline-block; margin: 0 21px 0 0; position: relative; top: 2px; } #side_filters label.filterHead input[type="checkbox"]:checked + .label-text:before{content: ""; background-position: -17px 0;} #side_filters input[type="checkbox"] + .label-text { font-weight: 300; } #side_filters input[type="checkbox"]:checked + .label-text { font-weight: 700; } #filters_list {display: flex; flex-direction: column;} #filters_list .filterBox {order:1} #filters_list .filterBox.price-Filter {order:2} #filters_list .breakFlex {display:none} #filters_list .filterBox.filterEnd {order:20} } #item-List { position: relative;} #loader-background { position: absolute; width: 100%; height: 100%; background: #fffa; top: 0; display: none; /* bottom: :0; */ } #loader-background.show { display: block; } #loader-contener { margin-top: 150px; display: flex; justify-content:center; } #side_filters div.multiselect.obrazki-wartosc span.value label.checked { outline: 3px solid #acacac; outline-offset: -3px; } #side_filters div.multiselect.obrazki-wartosc span.value label.filtered { outline: 3px dashed #222222; outline-offset: -3px; } #side_filters div.multiselect.obrazki-wartosc span.value label.filtered.checked { outline: 3px solid #222222; outline-offset: -3px; } /* {font-weight: 300; font-size: 0.875rem; line-height: 1.5rem; padding-right: 0; vertical-align: middle; margin-bottom: 0; text-transform: uppercase;} */ .loader { /* position: relative; */ display: grid; grid-template-columns: 33% 33% 33%; grid-gap: 2px; width: 100px; height: 100px; } .loader > div { /* position: relative; */ width: 100%; height: 100%; background: #000; transform: scale(0); transform-origin: center center; animation: loader 2s infinite linear; } .loader > div:nth-of-type(1), .loader > div:nth-of-type(5), .loader > div:nth-of-type(9) { animation-delay: 0.4s; } .loader > div:nth-of-type(4), .loader > div:nth-of-type(8) { animation-delay: 0.2s; } .loader > div:nth-of-type(2), .loader > div:nth-of-type(6) { animation-delay: 0.6s; } .loader > div:nth-of-type(3) { animation-delay: 0.8s; } @keyframes loader { 0% {transform: scale(0);} 40% {transform: scale(1);} 80% {transform: scale(1);} 100% {transform: scale(0);} } div.action_addThis {margin: 15px 0; padding-top: 0; border-top: 0px solid #dddddd;} .action_addThis.addThisTresc {} .action_addThis.addThisBlog {} .action_addThis table.addThis, .action_addThis .addThis tbody, .action_addThis .addThis tr, .action_addThis .addThis td {width: 100%; display: block; box-sizing: border-box;} .action_addThis .addThis td {padding: 5px 0;} .action_addThis .addThis .tag {font-weight: 700;} .action_addThis .separator.to-addThis {display: none;} .action_addThis .separator.to-addThis.to-addThisTresc {} .action_addThis .separator.to-addThis.to-addThisBlog {} .catBlogDesc {margin: 0 0 15px 0; font-size: 12px;} .catBlogMoreDesc {margin: 0 0 15px 0; font-size: 12px;} .blogCatMenu .blogCatMenuItem {} .blogCatMenu a {/* display: flex; flex-direction: row; flex-wrap: wrap; */ display: block; padding: 3px 0; font-size: 12px; font-weight: 400; text-transform: none;} .blogCatMenu .selected a {font-weight: 500;} .blogCatMenu a, .blogCatMenu a:visited {color: #1d1d1b;} .blogCatMenu a:hover {color: #000000;} .blogCatMenu .blogCatMenuName {/* display: flex; flex: 1 1 auto; */ display: inline-block;} .blogCatMenu .blogCount {/* display: flex; flex: 0 1 auto; */ display: inline-block; padding-left: 3px; font-weight: 300; font-size: 11px;} .blogCatMenu .blogCount .quaLeft {padding-right: 1px;} .blogCatMenu .blogCount .quaRight {padding-left: 1px;} #box_blogTags {} .blog-Tags {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: normal;} .blog-Tag {display: flex; margin: 5px 5px;} .blog-Tag a {display: inline-block; font-size: 11px; display: inline-block; padding: 6px 10px; line-height: 1; border-radius: 6px 6px 6px 6px;} .blog-Tag a, .blog-Tag a:visited {border: 1px solid #dddddd; background-color: transparent;} .blog-Tag a:hover {border: 1px solid #dddddd; background-color: #ffffff;} #box_blogPopularTags {} .blog-PopTags {} .blog-PopTag {} .blog-PopTag .name {font-size: 11px; line-height: 1.1; font-weight: 500; padding: 10px 0 5px 0;} .blog-PopTag .date {font-size: 11px; line-height: 1.1; font-weight: 400; padding: 0 0 10px 0;} #box_blogJoinUs {} #box_blogJoinUs .panel-body {display: flex; flex-direction: row; flex-wrap: wrap;} #box_blogJoinUs a {font-size: 18px; margin: 5px; display: flex; border-radius: 50%; background-color: #ffffff; width: 30px; height: 30px; align-items: center; justify-content: center;} .rev-outer {display: flex;} .rev-data {flex-grow: 1;} #addToCartPopup {height: 100%; width: 100%;} .addToCartPopupWrapper {display: flex; flex-wrap: wrap; width: 100%; min-width: 320px; height: 100%; flex-direction: column;} .popupTopInfo {width: 100%;} .ContentPopup {width: 100%; display: flex; flex-grow: 1; flex-direction: column; position: relative; max-height: 85vh; overflow: auto;} .PopupProdInfo, .PopupBasketButtons {display: flex; flex-direction: column; padding: 15px;} .PopupBasketButtons {border-top: 1px solid #000000;} @media all and (min-width: 480px) { .addToCartPopupWrapper {min-width: 380px;} } @media all and (min-width: 992px) { .addToCartPopupWrapper {min-width: 686px;} .ContentPopup {flex-direction: row;} .PopupProdInfo {width: 50%;} .PopupBasketButtons {width: 50%; background-color: #f6f6f6; border: 0;} } .prodInfodetailsWrapper {display: flex; justify-content: center; flex-direction: row;} .prodInfodetailsWrapper .image {display: flex; flex-grow: 1; width: 100%; min-width: 150px; max-width: 150px; margin: 0 0 0 auto;} .prodInfodetailsWrapper .image a {background-color: #ffffff; width: 100%; padding: 0 0 133.3333% 0; display: block; overflow: hidden; margin: 0 auto;} .prodInfodetailsWrapper .image img {display: block; border: 0px solid #ffffff; border-radius: 0px; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto;} .prodInfodetailsWrapper .prodInfodetails {display: flex; flex-direction: column; width: auto; justify-content: flex-end; padding: 0 0 0 15px; margin: 0 auto 0 0;} .popupTopInfo {display: flex; text-align: center; height: auto; min-height: 30px; padding: 5px 15px; font-size: 14px; justify-content: center; align-items: center;} .popupTopInfo.missFreeDelivery {background-color: #d5d5d5; color: #ff0000;} .popupTopInfo.achievedFreeDelivery {background-color: #3e87db; color: #ffffff;} .popupTopInfo .price {color: inherit; margin-left: 5px;} .PopupProdInfo .popupHead {font-size: 18px; font-weight: 500; text-align: center; padding: 0 30px 15px 30px;} .PopupProdInfo .productNamePopup {display: none; font-weight: 500; font-size: 14px; margin: 0 0 10px 0;} .PopupBasket {display: flex; flex-direction: column; justify-content: center; align-content: center; flex: 1 1 auto;} .PopupBasket div {padding: 3px 0; display: flex; justify-content: space-between; flex-wrap: nowrap; font-size: 12px;} .PopupBasket div .tag {} .PopupBasket div .value {text-align: right;} .PopupBasket .popSubHead {font-size: 20px; font-weight: 500; padding: 0 30px 10px 0;} .PopupBasket .popItems {} .PopupBasket .popDelivery {} .PopupBasket div.popTotal {padding: 20px 0; font-size: 14px; font-weight: 500;} .PopupButtons {display: flex; flex-direction: column; justify-content: center; align-content: center; flex: 1 1 auto;} .PopupButtons div {text-align: center; padding: 5px 0;} .PopupButtons .btn {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 200px; height: 40px; padding: 5px 10px; line-height: 1; margin: 0 auto; font-size: 12px; text-transform: none;} .PopupButtons .btn .icon {display: none;} @media all and (min-width: 992px) { .prodInfodetailsWrapper {flex-direction: column;} .prodInfodetailsWrapper .image {margin: 0 auto;} .prodInfodetailsWrapper .prodInfodetails {height: auto; padding: 15px 0 0 0; margin: 0 auto;} .PopupBasket .popSubHead {height: 100%; padding: 0 30px 20px 15px; align-items: flex-end;} .PopupBasket div {padding: 3px 15px;} .PopupBasket div.popTotal {padding: 10px 15px; margin: 7px 0 10px 0; border-top: 1px solid #000000;} .PopupButtons div {padding: 10px 0;} } .PopupButtons .btn, .PopupButtons .btn:visited {color: #000000; background-color: transparent; border: 1px solid #000000;} .PopupButtons .btn:hover {color: #ffffff; background-color: #000000; border: 1px solid #000000;} .PopupButtons .btn.btn-cart, .PopupButtons .btn.btn-cart:visited {color: #ffffff; background-color: #000000; border: 1px solid #000000;} .PopupButtons .btn.btn-cart:hover {color: #000000; background-color: #ffffff; border: 1px solid #000000;} .simplemodal-data#page_avaForm {padding: 0 15px 15px 15px; max-width: 500px;} .simplemodal-data#page_avaForm .col-sm-push-6 {display: none;} .simplemodal-data#page_avaForm .col-sm-pull-6 {width: 100%; max-width: 340px; margin: 0 auto 0 50%; right: 0; left: 50%; position: static; transform: translateX(-50%);} .simplemodal-data#page_avaForm .pageTitle {text-align: center; font-size: 20px; font-weight: 700; padding: 25px 0 25px 0; margin: 0; background-color: transparent;} .simplemodal-data#page_avaForm .pageSubTitle, .simplemodal-data#page_avaForm .productName {text-align: center; font-size: 14px; font-weight: 400; padding: 0 0 25px 0; margin: 0; display: none;} .simplemodal-data#page_avaForm .productName label {font-size: inherit; padding: 0; margin: 0; font-weight: inherit;} .simplemodal-data#page_avaForm .control-label[for="rec_email"] {font-size: 12px; font-weight: 300; display: none;} .simplemodal-data#page_avaForm .form-information {text-align: center; font-size: 14px; font-weight: 400; padding: 0 0 25px 0; margin: 0;} .simplemodal-data#page_avaForm .form-group {margin: 0 0 25px 0;} .simplemodal-data#page_avaForm .specialLabels .form-group.placeholders {position: relative; margin-top: 0; padding-top: 15px; margin-bottom: 30px;} .simplemodal-data#page_avaForm .specialLabels .control-label[for="rec_email"] {font-weight: 400; font-size: 0.688rem; display: inline-block;} .simplemodal-data#page_avaForm #i_dataAccept {margin-top: 2px;} .simplemodal-data#page_avaForm #check_dataAccept {font-size: 12px; margin: 0 0 25px 0;} .simplemodal-data#page_avaForm .checkboxImg #i_dataAccept {margin-top: 0;} .simplemodal-data#page_avaForm .checkboxImg#check_dataAccept {padding: 0 0 10px 0;} .simplemodal-data#page_avaForm .checkboxImg#check_dataAccept .label-text {font-size: 13px;} .simplemodal-data#page_avaForm table.paginatorBottom {margin: 0 auto; max-width: 340px;} .simplemodal-data#page_avaForm td.paginatorPrevious {display: none;} .simplemodal-data#page_avaForm td.paginatorNext {width: 100%; padding: 0;} .simplemodal-data#page_avaForm div.navigator.paginatorPrevious, .simplemodal-data#page_avaForm div.navigator.paginatorNext {text-align: center; margin: 0; padding: 0 0 10px 0;} .item div[style="color: #FFF; background-color: red; font-weight: 700; text-align: center;"] {position: absolute; bottom: 50px; right: 0; outline: 1px solid red; outline-offset: 2px; opacity: 0.75; padding: 5px; font-size: 10px; text-transform: uppercase;} .opi-btn-box {display: flex; gap: 2rem; align-items:flex-start; align-items: center;} .opi-agreement > label {display: flex;align-items: center; gap: 1rem; margin: 0; } .opi-agreement {display: flex; flex-direction: column;} .opi-agreement > label > input {margin: 0;} .error_input .opi-agreement > label {color: red;} .opi-agreement > label > .information.error {width: 100%; margin-bottom: 0px;} @media all and (max-width: 767px) { .opi-btn-box {flex-direction: column; gap: 1rem;} .opi-btn-box > input {order:1} .opi-btn-box > label {order:0} } /* zwroty - new*/ #page_zwrot {} .page.page-zwroty {width: 100%; max-width: 1200px; margin: 0 auto;} .page.page-zwroty .information {} .page.page-zwroty .information.error {color: red;} .page.page-zwroty .information.success {color: green;} .page-zwroty .pageTitle {text-align: center; font-size: 26px; color: #1D1D1B; font-weight: 500;} .page-zwroty .pageSubTitle {display: flex; flex-direction: column-reverse; align-items: space-between; justify-content: flex-start; font-size: 22px; font-weight: 500; margin: 0 0 30px 0;} .page-zwroty .pageSubTitle a {font-size: 14px; text-decoration: underline; margin: 0 0 0 auto;} @media all and (min-width: 768px) { .page-zwroty .pageSubTitle {flex-direction: row; align-items: center; justify-content: space-between;} .page-zwroty .pageSubTitle a {} } .page-zwroty .pageSubTitle.subStrong {font-size: 18px; font-weight: 700; margin: 0 0 5px 0;} .page-zwroty .orderItem.headerItem {font-weight: 700; border-bottom: 1px solid #000000; margin: 0 0 5px 0;} .page-zwroty .orderItem {display: flex; flex-direction: row; flex-wrap: wrap; font-size: 18px; font-weight: 500; padding: 15px 0; border-bottom: 1px solid #EEEEEE;} .page-zwroty .orderItem > div {padding: 10px;} .page-zwroty .orderItem .col-checkbox {min-width: 40px;} .page-zwroty .orderItem .col-image {min-width: 100px;} .page-zwroty .orderItem .col-image > a {display: block; width: 100%; height: auto; padding: 0 0 133.3333% 0; border: 1px solid #f1f1f1; margin: 0; overflow: hidden; position: relative;} .page-zwroty .orderItem .col-image > a img {display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; margin: auto;} .page-zwroty .orderItem .col-name {flex-grow: 1; width: calc(100% - 140px);} .page-zwroty .orderItem .col-name .productName {} .page-zwroty .orderItem .col-name .productCode {font-weight: 300;} .page-zwroty .orderItem .col-name .productPrice {margin: 15px 0 0 0;} .page-zwroty .orderItem .col-quantity {width: 140px; white-space: nowrap; padding-left: 50px;} .page-zwroty .orderItem .col-quantity .quant {display: flex; flex-wrap: nowrap; align-items: center; height: 34px; gap: 5px;} .page-zwroty .orderItem .col-quantity input {width: 34px; height: 34px; font-size: 18px; padding: 0 2px;} .page-zwroty .orderItem .col-reason {width: calc(100% - 140px);} .page-zwroty .orderItem .col-reason select {} @media all and (min-width: 992px) { .page-zwroty .orderItem {flex-direction: row; flex-wrap: nowrap;} .page-zwroty .orderItem .col-checkbox {} .page-zwroty .orderItem .col-image {min-width: 134px;} .page-zwroty .orderItem .col-name {width: auto;} .page-zwroty .orderItem .col-quantity {width: auto; min-width: 70px; padding-left: 10px;} .page-zwroty .orderItem .col-reason {width: auto; min-width: 300px;} } .page-zwroty input.has-error, .page-zwroty .errorValid input {outline: 2px solid rgba(255,0,0,0.2); outline-offset: 2px; box-shadow: 0 0 5px 5px rgba(255,0,0,0.2);} .page-zwroty .errorValid, .page-zwroty .errorValid label {color: red;} .page-zwroty .information-blue {color: #3E87DB; font-weight: 500; font-size: 14px; margin: 0 0 10px 0; padding: 0 0 0 28px; position: relative;} .page-zwroty .infos-center .information-blue {display: inline-block; margin: 0 auto 10px auto; clear: both;} .page-zwroty .information-blue:before {content: "i"; display: block; text-align: center; width: 15px; height: 15px; font-size: 12px; line-height: 15px; color: #3E87DB; border: 1px solid #3E87DB; border-radius: 50%; position: absolute; top: 2px; left: 0;} .page-zwroty .form.formEmail {width: 100%; max-width: 600px; margin: 0 auto; display: flex; flex-direction: column;} .page-zwroty .form-infos {padding: 15px 0 0 0;} .page-zwroty .form-errors {padding: 15px 0 0 0;} .page-zwroty .form-buttons {padding: 15px 0; display: flex; gap: 15px; flex-wrap: wrap; flex-direction: column;} .page-zwroty .form-buttons .btn-link, .page-zwroty .form-buttons .btn, .page-zwroty .form-buttons button {width: auto; min-width: 181px; margin: 0 auto 0 0;} .page-zwroty .form-infos.infos-center {text-align: center;} .page-zwroty .form-buttons.buttons-center {justify-content: center;} .page-zwroty .form-buttons.buttons-center .btn, .page-zwroty .form-buttons.buttons-center .btn-link, .page-zwroty .form-buttons.buttons-center button {margin: 0 auto;} .page-zwroty .form-buttons.buttons-center .form-infos {display: inline-block; margin: 0 auto;} .page-zwroty #return-div-1 .form-infos {padding: 0 0 15px 0;} .page-zwroty .form-buttons#return-div-2 {} .page-zwroty .form-infos:empty, .page-zwroty .form-errors:empty, .page-zwroty .form-buttons:empty {display: none;} .page-zwroty .zwroty .row-dane {} .page-zwroty .zwroty .col-dane {margin-bottom: 60px;} .page-zwroty .form-zwroty {display: flex; flex-direction: column; flex-wrap: nowrap; margin: 0;} .page-zwroty .form-zwroty .control-label {display: block; width: 100%; clear: both; margin: 0; font-weight: 600; padding: 8px 0 5px 0; white-space: nowrap;} .page-zwroty .form-zwroty .value {display: block; width: 100%; padding: 0 0 15px 0;} @media all and (min-width: 992px) { .page-zwroty .form-zwroty {flex-direction: row; flex-wrap: nowrap;} .page-zwroty .form-zwroty .control-label {display: flex; flex: 0 1 auto; clear: none; align-items: flex-start; justify-content: flex-end; width: auto; min-width: 200px; padding: 8px 15px 15px 0;} .page-zwroty .form-zwroty .value {display: flex; flex: 1 1 auto; clear: none; align-items: flex-start; justify-content: flex-start; flex-direction: column;} .page-zwroty .form-buttons.buttons-shift {padding-left: 200px;} } .page-zwroty .orders.steps.header {display: flex; gap: 15px 30px; margin: 0 0 30px 0; justify-content: space-between;} .page-zwroty .orders.steps.header .step-head {} .page-zwroty .data-row {display: flex; gap: 5px 15px; font-size: 16px; margin: 0 0 15px 0;} .page-zwroty .data-row .data-label {} .page-zwroty .data-row .data-val {} .page-zwroty .error-block:empty {display: none;} .page-zwroty .metody {margin: 0 0 15px 0;} .page-zwroty .metody .metoda {display: flex; gap: 5px; padding: 5px 0; align-items: center;} .page-zwroty .metoda label {margin: 0; padding: 0;} .page-zwroty input.check-form {margin: 2px 10px 16px 0;} .page-zwroty label.check-form {margin: 0 0 15px 0;} .page-zwroty .labelReturnBlocks {margin-top: 30px;} .page-zwroty .labelReturnBlock {} .page-zwroty .labelReturnBlock1 .numDelivery {display: none; flex-direction: column; width: 100%; clear: both;} .page-zwroty .labelReturnBlock1 input:checked ~ .numDelivery {display: flex;} .page-zwroty .labelReturnBlock2 .inpost {display: none; flex-direction: column; width: 100%; clear: both;} .page-zwroty .labelReturnBlock2 input:checked ~ .inpost {display: flex;} .page-zwroty .formOverwriteAdress, .page-zwroty .labelReturnBlock {display: flex; flex-wrap: wrap; align-items: flex-start;} .page-zwroty .formOverwriteAdress div, .page-zwroty .labelRerurnBlock1 div { width:100%} .page-zwroty .formVar {display: flex; gap: 10px; margin: 0 0 5px 0;} .page-zwroty .formVar .formLabel {display: flex; align-items: center; flex: 0 1 auto; justify-content: flex-end; text-align: right; font-weight: 500; width: 120px;} .page-zwroty .formVar .formValue {display: flex; align-items: center; flex: 1 1 auto;} .page-zwroty .formVar .form-control {display: flex; height: 34px; line-height: 1; padding: 0 15px; align-items: center;} .page-zwroty .formOverwriteAdress input ~ div.formList .formValueOrg{display: none;} .page-zwroty .formOverwriteAdress input:checked ~ div.formList .formValueOrg {display: flex; height: 34px; line-height: 1; padding: 0 15px 0 16px; align-items: center;} .page-zwroty .formOverwriteAdress input:checked ~ div.formList .form-control {display: none;} .page-zwroty button.step-btn {color: #1D1D1B; background-color: #ffffff; border: 0; border-bottom: 1px solid transparent; font-size: 24px; height: auto; line-height: 1; padding: 0 0 10px 0;} .page-zwroty button.step-btn:hover {color: #000000; background-color: #ffffff; border: 0; border-bottom-color: #000000;} .page-zwroty button.step-btn.marked {border-bottom-color: #1D1D1B;} .page-zwroty .txt-desktop {display: none;} .page-zwroty .txt-mobile {display: inline-block;} @media all and (min-width: 992px) { .page-zwroty .txt-desktop {display: inline-block;} .page-zwroty .txt-mobile {display: none;} } .page-zwroty .linkiLogowania {padding: 0;} .page-zwroty .linkiLogowania div.checkbox.checkboxImg {padding: 0; margin: 15px 0;} .page-zwroty .linkiLogowania div.checkbox-hint {padding: 0; margin: 0;} .page-zwroty .linkiLogowania .checkbox.checkboxImg input.checkbox {margin-top: 1px;} .linkiLogowania .btn-2, .page-zwroty .linkiLogowania .btn-2 {margin-bottom: 15px;} .page-zwroty #check_dataAccept {padding: 30px 0 0 0; margin: 15px 0; border-top: 2px solid #DCDCDC; font-size: 18px;} .rekDet .wrap_border {margin: 0 0 15px 0;} .rekDet .title5 {font-size: 18px; font-weight: 500; margin: 15px 0 12px 0;} .rekDet .box3_text_big div {padding: 0 0 3px 0;} .ring-loader-2 { position: relative; display: inline-block; height: 2em; width: 2em; background-color: white; overflow: hidden; } .ring-loader-2::before { position: absolute; content: ''; display: inline-block; top: 0; bottom: 0; left: 0; right: 0; border: 0.4em solid black; border-radius: 100%; margin: 0.2em; } .ring-loader-2>div { position: absolute; content: ''; display: inline-block; top:0; bottom: 0; left: 0; right: 0; animation: roll 1s infinite linear; } @keyframes roll { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .ring-loader-2>div::before { content: ''; width: 50%; height: 50%; display: inline-block; background-color: white; margin-bottom: 50%; } .ring-loader-2>div::after { content: ''; width: 50%; height: 50%; left: 0; bottom: 0; margin-top: 50%; display: inline-block; background-color: white; } @media all and (max-width: 991px) { .page-zwroty .orderItem .col-quantity, .page-zwroty .orderItem .col-reason {display: none;} .page-zwroty .orderItem.quantOnMobile .col-quantity, .page-zwroty .orderItem.quantOnMobile .col-reason {display: block;} } #page_zwrot .inpost .ring-loader-2 { font-size: 3rem; } #section_popularneTeraz .bigTitle {margin-top: 0; margin-bottom: 0;} #section_popularneTeraz .bigTitle .pageTitle {padding: 30px 0;} .grid-banners {display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-gap: 30px; margin: 0 auto 30px auto; max-width: 1920px;} .grid-banners div {text-align: center; margin: 0 auto;} .grid-banners a {transition: .3s ease-out;} .grid-banners a:hover {opacity: 0.7;} .grid-banners a span {display: block; margin: 10px auto 10px 0; font-size: 16px; font-weight: 700; text-align: left;} .grid-banners a img {margin: 0 auto;}