/* z pliku leayout1.css */
.consentsList, .consentsList li {
list-style: none;
margin: 0;
padding: 0;
}
.consentsList ul {
list-style: none;
}
.breadcrumbs {
list-style: none;
display: inline-flex;
margin: 0;
padding: 50px 0;
width: 100%
}
@media only screen and (max-width: 599px) {
.breadcrumbs {
padding:14px 0
}
}
@media only screen and (max-width: 768px) and (min-width: 600px) {
.breadcrumbs {
padding:50px 20px 45px;
width: calc(100% - 40px)
}
}
.newsletter1 {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1400px;
margin: 0 auto;
width: 100%;
transition: .4s;
box-sizing: border-box;
padding: 42px 0
}
@media only screen and (max-width: 599px) {
.newsletter1 {
justify-content:center;
flex-wrap: wrap
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.newsletter1 {
justify-content:center;
flex-wrap: wrap
}
}
.newsletter1 .consentsList__li{
display: flex;
}
.newsletter1 .checkBoxes__container input{
display: block;
}
.newsletter1 .checkBoxes__container input+label {
margin-left: -10px
}
.newsletter1 .newsletter1__form>.form__validation-info-js {
margin: 5px 0 0
}
.newsletter1-wrapper {
width: 100%;
background-color: #FFFFFF
}
.newsletter1-wrapper .page-padding {
box-sizing: border-box
}
.newsletter1__title {
font-weight: normal;
color: #191616;
font-size: 24px
}
@media only screen and (max-width: 599px) {
.newsletter1__title {
text-align:center;
font-size: 18px
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.newsletter1__title {
text-align:center;
font-size: 18px
}
}
.newsletter1__text {
font-size: 14px;
font-weight: 300;
color: rgba(25,22,22,1.00)
}
@media only screen and (max-width: 599px) {
.newsletter1__text {
font-size:14px;
text-align: center
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.newsletter1__text {
font-size:14px;
text-align: center
}
}
.newsletter1__text-content {
line-height: .9
}
.newsletter1__form {
width: 65%
}
.newsletter1__form .newsletter1__input-container {
max-width: 495px;
width: calc(100% - 205px);
height: 50px;
padding: 25px;
box-sizing: border-box
}
.newsletter1__input-container input[type=email] {
color: #888888;
font-size: 14px;
border: 1px solid #888888;
box-sizing: border-box;
margin: 0;
outline: none;
max-width: 495px;
width: calc(100% - 245px);
padding: 15px 20px 14px;
background-color: #FFFFFF;
text-align: left;
float: right
}
.newsletter1__btn-subscribe {
padding: 15px 12px;
height: 50px;
min-width: 200px;
display: inline-block;
box-sizing: border-box;
font-size: 14px;
float: right;
margin-left: 10px
}
.newsletter1-warning {
color: red;
font-size: 12px;
display: block;
z-index: -1;
margin: 5px 0
}
.newsletter1-warning.email {
z-index: 1;
position: absolute
}
@media only screen and (max-width: 599px) {
.newsletter1-warning.email {
text-align:left;
position: relative;
width: 80%;
padding-left: 0
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.newsletter1-warning.email {
padding-left:6%
}
}
@media only screen and (min-width: 2400px) {
.newsletter1-warning.email {
padding-left:1%
}
}
.newsletter1__consents {
margin-top: 15px;
font-size: 14px;
transition: max-height .2s ease-out;
overflow: hidden;
color: rgba(25,22,22,1.00);
max-width: 700px;
float: right
}
.newsletter1__consents .consentsList a,.newsletter1__consents .checkBoxes__container input+label {
color: rgba(25,22,22,1.00)
}
.newsletter1__consents-list {
list-style-type: none;
padding: 0
}
.newsletter1__consents__channels-list {
list-style-type: none;
margin-top: 5px
}
.newsletter1__consents-required {
font-size: 12px;
font-weight: 300;
margin: 6px 0 6px 42px
}
.newsletter1__consents__checkbox-label {
cursor: pointer
}
@media only screen and (max-width: 599px) {
.newsletter1__consents {
font-size:12px;
margin: 0
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.newsletter1__consents {
font-size:12px
}
}
@media screen and (max-width: 970px) {
.newsletter1 {
flex-direction:column
}
.newsletter1>div {
margin-bottom: 20px
}
.newsletter1 .newsletter1__form {
display: grid;
margin: 0 auto;
grid-auto-rows: auto
}
.newsletter1 .newsletter1__form .newsletter1__input-container {
width: 100%;
display: block;
margin: 0 auto
}
.newsletter1 .newsletter1__btn-subscribe {
display: block;
margin: 20px auto 0;
width: 200px;
order: 2;
float: right
}
.newsletter1 .newsletter1__form>.form__validation-info-js {
margin: 5px auto 0;
width: 100%;
max-width: 495px
}
}
@media screen and (max-width: 360px) {
.newsletter1 {
padding:42px 5px
}
}
.pagination {
list-style: none;
padding: 40px 0 10px 0;
display: inline-flex;
justify-content: center
}
@media only screen and (max-width: 599px) {
.pagination {
width:80%
}
}
.pagination__link {
border: 1px solid #f2f2f2;
width: 25px;
height: 25px;
display: flex;
margin: 0 10px
}
.pagination__link:hover span {
border-color: rgba(234, 179, 8,1);
color: rgba(234, 179, 8,1);
background-color: #FFFFFF
}
@media only screen and (max-width: 599px) {
.pagination__link {
width:20px;
height: 20px
}
}
.pagination__link a,.pagination__link span {
text-decoration: none;
color: #888888;
background-color: #FFFFFF;
width: 24px;
height: 25px;
display: flex;
justify-content: center;
align-items: center
}
.pagination__link span {
font-size: 0.75rem
}
.pagination__link--disabled {
opacity: 0.4
}
.pagination__link--prev {
opacity: 1;
border: none;
margin-right: auto;
background-color: transparent
}
.pagination__link--next {
opacity: 1;
border: none;
margin-left: auto;
background-color: transparent
}
.pagination__link--active {
opacity: 1;
color: #191616;
background-color: #FFFFFF;
border-color: #191616
}
* {
line-height: 1.5em
}
.brand1-slider {
margin: 20px auto;
background-color: #FFFFFF;
height: auto
}
.brand1-slider .slick-track {
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.product-item {
display: inline-block;
height: 350px;
width: 250px;
position: relative;
text-align: center;
font-size: 18px;
color: #191616
}
.product-item .red-price {
color: #C20F0E
}
.product-item .price {
color: #191616
}
.product-item .old-price {
color: #191616;
font-size: 14px;
opacity: 1;
font-weight: 400;
white-space: nowrap
}
.product-item .red-price,.product-item .price {
font-weight: 600;
font-size: 18px
}
.product-item .loginToSeePrice {
font-size: 14px
}
.product-item .product-item__description {
white-space: nowrap
}
.product-item__link {
display: flex;
height: 80%;
width: 100%;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: relative
}
.product-item .product-flags {
position: absolute;
top: 15px;
right: 0;
z-index: 1;
text-align: left
}
.product-item .product-flags span {
margin: 0 5px 5px 0;
display: inline-block;
height: 25px;
font-size: 9px;
font-weight: 400;
width: max-content;
padding: 8px 10px;
box-sizing: border-box;
text-transform: uppercase
}
.product-item__image {
margin: 0;
display: inline-block
}
.product-item__image img {
max-height: 279px;
max-width: 220px
}
.product-item__description {
width: 100%;
height: 20%;
bottom: 0
}
.product-item__description p {
padding: 5px;
margin: 0
}
.product-item__description p:first-child {
font-size: 14px;
padding-top: 12px;
color: #191616;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-bottom: 10px
}
.product-item__description h2 {
font-size: 14px;
padding: 17px 5px 15px 5px;
color: #191616;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0
}
@media only screen and (max-width: 599px) {
.product-item__description p:first-child {
padding-top:8px
}
.product-item__description h2 {
padding-top: 13px
}
}
@media only screen and (max-width: 599px) {
.product-item {
height:250px;
font-size: 14px
}
.product-item .price,.product-item .red-price {
font-size: 15px
}
.product-item__image img {
max-height: 199px;
max-width: 120px
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.product-item {
height:270px;
width: 177px;
font-size: 14px
}
.product-item .price,.product-item .red-price {
font-size: 15px
}
.product-item__image img {
max-height: 215px;
max-width: 140px
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-item {
height:300px;
width: 200px
}
.product-item .price,.product-item .red-price {
font-size: 15px
}
.product-item__image img {
max-height: 239px;
max-width: 150px
}
}
.product-item .product-item__noImage {
width: 100%;
height: 100%;
background-color: #f4f4f4;
padding: 45% 40%;
fill: #dbdbdb;
box-sizing: border-box
}
@media only screen and (max-width: 600px) {
.product-item .product-item__noImage {
height:80%;
padding: 24% 40%
}
}
.product-details__image-list .slick-track{
transform: none!important;
}
.product-item .product-item__noImage svg {
width: 50px;
height: 50px
}
.product-item.hover img:nth-child(1) {
display: block
}
.product-item.hover img:nth-child(2) {
display: none
}
.product-item.hover:hover img:nth-child(1) {
display: none
}
.product-item.hover:hover img:nth-child(2) {
display: block
}
.product-item .price.notify-about-availability {
white-space: normal
}
@media screen and (max-width: 480px) {
.product-item .old-price {
font-size:10px;
margin-left: 2px
}
.product-item__description p:first-child,.product-item .red-price,.product-item .price {
font-size: 12px
}
}
.productsList a {
text-decoration: none
}
.productsList__showFilterMenu {
display: none
}
.productsList__container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
height: fit-content;
width: 100%
}
@media screen and (min-width: 769px) {
.productsList__container {
flex-direction:row
}
}
.productsList__filters {
height: 100%
}
@media screen and (min-width: 769px) {
.productsList__filters {
display:block !important
}
}
@media screen and (min-width: 1361px) {
.productsList__filters {
flex:0 1 25%;
max-width: 335px
}
}
.productsList__filters--header {
display: block;
height: auto;
width: 100%;
position: relative
}
.productsList__filters--title {
font-size: 14px;
font-weight: 600;
letter-spacing: 1.2px;
color: #191616;
text-transform: uppercase
}
@media screen and (min-width: 769px) {
.productsList__filters--close {
display:none
}
}
.productsList__filters--showFilters {
width: calc(100% - 2px);
display: block;
margin: 20px 0;
padding: 8px 0;
letter-spacing: 1.5px;
font-size: 13px
}
.productsList__filters--container {
width: calc(100% - 30px);
height: auto;
border: 1px solid #D0D0D0;
padding: 15px;
display: block;
margin: 20px 0;
position: relative
}
.productsList__filters--allFilters {
position: absolute;
top: 6px;
right: 0
}
.productsList__filters--allFilters label {
position: relative !important;
width: 0 !important
}
.productsList__filters--allFilters .checkBoxes__checkIcon {
background-color: rgba(0, 85, 163,1);
border: 1px solid rgba(0, 85, 163,1);
display: none;
position: absolute;
top: 10px;
right: 17px;
width: 14px;
height: 14px;
border-radius: 3px
}
.productsList__filters--price {
border: 1px solid #D0D0D0;
display: inline-block;
height: 40px;
margin-top: 15px;
position: relative
}
@media screen and (min-width: 769px) {
.productsList__filters--price {
width:45%
}
}
.productsList__filters--price:last-of-type {
float: right
}
.productsList__filters--price input {
width: auto;
font-size: 14px;
color: rgba(25,22,22,1.00);
padding: 0 10px;
line-height: 40px;
width: 60%
}
.productsList__filters--price-currency {
font-size: 14px;
color: #191616;
font-weight: 500;
float: right;
line-height: 40px;
width: unset !important;
padding: 0 10px 0 0 !important;
position: absolute;
right: -6px
}
.productsList__filters--category {
color: #191616;
display: block;
width: 100%;
margin-bottom: 8px;
font-size: 14px;
transition: 200ms;
letter-spacing: 1.2px
}
.productsList__filters--category__list {
padding-inline-start:0;margin-block-start:0;margin-block-end:0}
.productsList__filters--category__return svg {
margin: 0 -2px -4px -5px
}
.productsList__filters--category-current {
font-weight: 600
}
.productsList__filters--hiddenFilter {
display: none
}
.productsList__activeFilters--container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap
}
.productsList__activeFilters--button {
display: block;
height: 40px;
line-height: 40px;
width: auto;
letter-spacing: normal;
font-weight: normal;
margin-right: 15px;
margin-bottom: 20px;
position: relative
}
.productsList__activeFilters--button-removeAll {
font-size: 14px;
color: rgba(0, 85, 163,1)
}
.productsList__products {
height: 100%;
margin-left: 24px
}
.productsList__products--top {
width: 100%;
display: block
}.productsList__products--top {
width: 100%;
display: block
}
.productsList__products--top .productsList__sorting {
position: relative;
width: fit-content;
display: inline-block;
padding-right: 20px
}
.productsList__products--top .productsList__sorting--title {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.2px;
color: #191616;
margin-right: 5px;
display: inline-block;
line-height: 1.71
}
.productsList__products--top .productsList__sorting--current {
font-size: 14px;
display: inline-block;
font-weight: normal;
line-height: 1.71;
letter-spacing: 1.2px;
color: #191616
}
.productsList__products--top .productsList__sorting--dropdown {
width: fit-content;
min-width: 230px;
background-color: #FFFFFF;
box-shadow: 0 10px 30px 10px rgba(0,0,0,0.12);
margin-top: 18px;
padding: 10px 15px;
position: absolute;
display: none;
z-index: 3;
color: #191616
}
.productsList__products--top .productsList__sorting--icon {
fill: rgba(0, 85, 163,1);
width: 18px;
height: 18px;
position: absolute;
top: 5px;
right: 0
}
.productsList__products--top .productsList__counter {
float: right;
line-height: 1.71;
margin-top: -2px
}
.productsList__products--top .productsList__counter--text {
font-size: 14px;
letter-spacing: 1.2px;
font-weight: 500;
color: #191616
}
.productsList__products--top .productsList__counter--pipe {
color: rgba(25,22,22,1.00);
padding: 0 20px;
font-size: 14px
}
.productsList__products--top .productsList__counter--icon {
fill: rgba(0, 85, 163,1);
width: 20px;
height: 18px;
transition: 200ms;
margin-bottom: -4px
}
.productsList__products--top .productsList__counter--icon:first-of-type {
margin-right: 10px
}
.productsList__products--top .productsList__counter--icon-active {
fill: rgba(25,22,22,1.00) !important;
opacity: 0.5
}
.productsList__products--bottom {
display: block;
flex-direction: row;
width: 100%
}
.productsList__products--bottom-row {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start
}
.productsList__products--bottom-row:first-of-type {
height: 50px;
justify-content: space-between;
margin-bottom: 60px
}
.productsList__products--bottom-row:last-of-type {
flex-direction: row
}
.productsList__products--bottom-counter {
font-size: 14px;
line-height: 1.71;
letter-spacing: 1.2px;
color: #191616;
font-weight: normal
}
.productsList__products--bottom .product-list__paginationSelect {
position: relative
}
.productsList__products--bottom--currentPage {
width: 60px;
height: 40px;
border: 1px solid #D0D0D0;
color: #191616;
font-size: 14px;
font-weight: normal;
line-height: 1.71;
letter-spacing: 1.2px;
text-align: center;
padding: 8px 30px 8px 15px;
margin-left: 15px;
position: relative;
cursor: pointer
}
.productsList__products--bottom--currentPage svg {
fill: rgba(25,22,22,1.00);
position: absolute;
top: 10px;
transform: rotate(90deg);
right: 5px
}
.productsList__products--bottom--selectPage {
display: none;
list-style-type: none;
transition: opacity 600ms, visibility 600ms;
z-index: 10;
position: absolute;
right: 0;
max-height: 500px;
background-color: #FFFFFF;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
z-index: 1;
overflow-y: auto;
width: 70px;
padding: 10px 15px
}
.productsList__products--bottom .product-list__pagination .pagination__link {
border: none;
margin: 0 5px
}
.productsList__products--bottom .product-list__pagination .pagination__link--active {
background-color: unset !important
}
.productsList__products--bottom .product-list__pagination .pagination__link--active a span {
font-weight: 900
}
.productsList__products--bottom .product-list__pagination .pagination__link a span {
color: rgba(0, 85, 163,1);
font-size: 14px;
line-height: 1.71;
letter-spacing: 1.2px
}
.productsList__products--bottom .product-list__pagination .pagination__link-dots {
color: rgba(0, 85, 163,1)
}
.productsList__products--container {
width: 100%;
height: fit-content;
margin-top: 18px;
margin-bottom: 50px;
background-color: #FFFFFF;
display: flex;
flex-wrap: wrap
}
.productsList__products--container:not(.productsList__listView-js) {
flex-direction: row;
justify-content: space-between
}
.productsList__products--container:not(.productsList__listView-js)::after {
content: "";
flex: 0 1 33%
}
.productsList__products .pagination {
padding: 0;
margin: 0
}
@media screen and (min-width: 769px) {
.productsList__products .pagination__desktopHide {
display:none
}
}
@media screen and (max-width: 768px) {
.productsList__products .pagination__desktopHide {
width:fit-content
}
}
.productsList__title {
font-size: 14px;
color: #191616;
text-transform: uppercase;
text-align: left;
width: 100%;
letter-spacing: 1.2px;
font-weight: bold;
display: block;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(25,22,22,1.00)
}
.productsList__title--dropdownArrow {
display: none
}
.productsList .filter-group__noMargin {
margin-left: 0 !important
}
.productsList .filter-group {
margin-left: -10px;
list-style-type: none;
padding-left: 0
}
.productsList .filter-group .checkBoxes__container input:checked+label:before {
background-color: rgba(0, 85, 163,1);
border: 1px solid rgba(0, 85, 163,1)
}
.productsList .filter-group svg {
fill: #FFFFFF
}
.productsList .filter-group label {
width: calc(100% - 30px);
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
color: #191616
}
.productsList .filter-group label:before {
top: 15px
}
.productsList .filter-group label .filter-label {
padding-left: 10px;
letter-spacing: 1.2px
}
.productsList .filter-group label .checkBoxes__checkIcon {
top: 5px !important
}
.productsList .filter-group .filter--toggle {
display: none
}
.productsList .filter-group .filter-showMore {
color: rgba(0, 85, 163,1);
font-size: 14px;
display: block;
width: 100%;
margin: 5px 0 10px 15px;
line-height: 1.71;
letter-spacing: 1.2px
}
.productsList .filter-group .filter-showMore:hover {
cursor: pointer
}
.productsList .filter-group .filter-showMore .less {
display: none
}
.productsList .addToComparePopup {
position: fixed;
z-index: 100;
right: 10%;
bottom: 51px;
width: 400px;
height: 62px;
box-shadow: 0 3px 8px #616060;
background-color: #FFFFFF
}
.productsList .addToComparePopup .comparisonIcons {
margin-left: 25px;
display: inline-block
}
.productsList .addToComparePopup .comparisonIcons .comparerItemIcon {
width: 5px;
height: 5px;
margin-right: 10px;
-webkit-mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/regular/box.svg) no-repeat 50% 50%;
mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/regular/box.svg) no-repeat 50% 50%;
background-color: rgba(25,22,22,1.00);
display: inline-block;
padding: 10px
}
.productsList .addToComparePopup .comparisonIcons .addedToCompare {
background-color: rgba(0, 85, 163,1) !important
}
.productsList .addToComparePopup .comparisonInfo {
width: 100%;
position: relative;
margin-top: 6px;
line-height: 24px;
display: block
}
.productsList .addToComparePopup .addToCompare {
display: inline-block;
font-size: 14px;
line-height: 24px;
margin-left: 25px;
color: #191616;
font-weight: 500
}
.productsList .addToComparePopup .closeComparePopup {
position: absolute;
top: 0;
right: 0;
margin-right: 25px;
background-color: #191616;
-webkit-mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/light/times.svg) no-repeat 50% 50%;
mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/light/times.svg) no-repeat 50% 50%;
width: 14px;
height: 14px
}
.productsList .addToComparePopup .closeComparePopup:hover {
cursor: pointer
}
.productsList .addToComparePopup .comparisonIcon {
float: right;
margin-top: 5px;
margin-right: 2px
}
.productsList .addToComparePopup .comparisonIcon .svgIcon {
fill: rgba(0, 85, 163,1);
margin: 0 5px -3px 0;
width: 15px;
height: 15px
}
.productsList .addToComparePopup .goToComparisonTool {
color: rgba(0, 85, 163,1);
line-height: 24px;
font-size: 14px;
font-weight: 400;
margin-right: 25px
}
.productsList .product-item__cartPopup {
width: 100vw;
height: 100%;
position: fixed;
background-color: rgba(0,0,0,0.5);
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 101
}
.productsList .product-item__cartPopup--container {
position: fixed;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
width: 800px;
height: auto;
padding: 20px
}
@media screen and (min-width: 769px) {
.productsList .product-item__cartPopup--container {
top:50%;
left: 50%;
right: unset;
transform: translate(-50%, -50%);
width: auto;
height: auto;
min-height: 450px
}
}
@media screen and (min-width: 961px) {
.productsList .product-item__cartPopup--container {
min-width:900px
}
}
@media screen and (min-width: 769px) and (max-width: 960px) {
.productsList .product-item__cartPopup--container {
min-width:750px
}
}
.productsList .product-item__cartPopup--closePopup {
position: absolute;
width: 20px;
height: 20px;
top: 30px;
right: 30px;
fill: #191616
}
.productsList .product-item__cartPopup--closePopup:hover {
cursor: pointer;
fill: rgba(0, 85, 163,1)
}
.productsList .product-item__cartPopup .product-details {
width: 100%
}
.productsList .product-item__cartPopup .product-details-wrapper {
margin: 20px auto;
display: block;
min-height: 350px
}
.productsList .product-item__cartPopup .product-details__add-to-cart {
display: block;
margin: 0 auto
}
@media screen and (min-width: 769px) {
.productsList .product-item__cartPopup .product-details__add-to-cart {
width:calc(100% - 100px);
padding-left: 0
}
}
@media screen and (max-width: 768px) {
.productsList .product-item__cartPopup .product-details__add-to-cart {
width:100%;
padding-left: 20px;
padding-right: 20px
}
}
.productsList .product-item__cartPopup .product-details__button-group {
padding: 25px 0;
border: none;
width: 100%;
flex-wrap: nowrap;
justify-content: space-between
}
@media screen and (min-width: 601px) {
.productsList .product-item__cartPopup .product-details__button-group {
flex-direction:row;
align-items: baseline
}
}
@media screen and (max-width: 600px) {
.productsList .product-item__cartPopup .product-details__button-group {
flex-direction:column
}
}
.productsList .product-item__cartPopup .product-details__actionButtons {
width: 100%;
display: flex
}
@media screen and (min-width: 601px) {
.productsList .product-item__cartPopup .product-details__actionButtons {
justify-content:flex-end
}
}
@media screen and (max-width: 600px) {
.productsList .product-item__cartPopup .product-details__actionButtons {
justify-content:center
}
}
.productsList .product-item__cartPopup .product-details__actionButtons .add-to-cart {
padding: 14px 0 16px !important;
max-width: unset
}
@media screen and (max-width: 768px) {
.productsList .product-item__cartPopup .product-details__prices {
margin-top:0
}
}
@media screen and (max-width: 768px) {
.productsList .product-item__cartPopup .product-details .dropdown {
left:0;
right: 0;
margin: auto
}
}
.productsList .product-item__cartPopup .product-details .input-group {
width: 100%
}
.productsList .product-item__cartPopup .product-details .price {
width: 100% !important;
text-align: left !important;
max-width: unset !important
}
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
position: relative;
min-height: 250px
}
@media screen and (min-width: 769px) {
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--addToCart {
width:70%
}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--addToCart {
width:55%
}
}
@media screen and (max-width: 499px) {
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--addToCart {
width:100%
}
}
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--productImage {
position: relative;
display: block
}
@media screen and (min-width: 769px) {
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--productImage {
width:25%
}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--productImage {
width:40%
}
}
@media screen and (max-width: 499px) {
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--productImage {
display:none
}
}
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--productImage img,.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--productImage svg {
margin: auto;
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
display: block
}
.productsList .product-item__cartPopup .product-details .product-details__detailsWrapper--productImage svg {
fill: #d2d2d2
}
.productsList .product-item__cartPopup .product-details__name {
font-size: 24px
}
.productsList .product-item__cartPopup .product-details__actionButtons .add-to-cart {
width: 300px
}
.productsList__wrongPrices {
color: #ce283e;
font-size: 10px;
text-align: left;
margin-top: 15px;
width: 100%;
display: none
}
.productsList__products--container:not(.productsList__listView-js) .product-item__placeholder {
margin-bottom: 25px
}
@media screen and (max-width: 1600px) {
.productsList__products--container:not(.productsList__listView-js) .product-item__placeholder {
position:relative
}
}
@media screen and (min-width: 1361px) {
.productsList__products--container:not(.productsList__listView-js) .product-item__placeholder {
flex:0 1 33%;
max-width: 330px
}
}
@media screen and (max-width: 1600px) {
.productsList__products--container:not(.productsList__listView-js) .product-item:hover {
position:absolute;
left: -10px !important
}
}
.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-cartAndInfo:hover {
height: 530px;
top: -70px
}
.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-cartAndInfo:hover .product-item__shortDescription {
visibility: visible
}
.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-cartAndInfo:hover .product-item__addToCart-grid {
visibility: visible;
opacity: 1
}
.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-cart:hover {
height: 430px;
top: -20px
}
.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-cart:hover .product-item__addToCart-grid {
visibility: visible;
opacity: 1
}
.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-info:hover {
height: 580px!important;
top: -45px
}
.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-info:hover .product-item__shortDescription {
visibility: visible
}
.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-cartAndInfo:hover,.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-info:hover,.productsList__products--container:not(.productsList__listView-js) .product-item__extraHeight-cart:hover {
z-index: 2;
box-shadow: 0 10px 30px 10px rgba(0,0,0,0.12);
left: -5px;
width: 320px
}
.productsList__products--container:not(.productsList__listView-js) .product-item {
height: calc(100% - 10px);
width: calc(100% - 20px);
padding: 0 10px 10px 10px;
transition: all 0.3s linear;
top: 0;
left: 0;
background-color: #FFFFFF
}
.productsList__products--container:not(.productsList__listView-js) .product-item:hover .product-item__shortDescription,.productsList__products--container:not(.productsList__listView-js) .product-item:hover .product-item__addToCart-grid,.productsList__products--container:not(.productsList__listView-js) .product-item:hover .product-item__comparer,.productsList__products--container:not(.productsList__listView-js) .product-item:hover .product-item__rating {
transition: 10ms;
transition-delay: 0.3s
}
.productsList__products--container:not(.productsList__listView-js) .product-item .product-flags {
top: 15px
}
.productsList__products--container:not(.productsList__listView-js) .product-item__link {
margin: 0 auto 15px auto;
height: 250px
}
@media screen and (min-width: 769px) {
.productsList__products--container:not(.productsList__listView-js) .product-item__link {
width:calc(100% - 60px)
}
}
.productsList__products--container:not(.productsList__listView-js) .product-item__image {
width: auto;
height: 100%;
max-width: 100%;
max-height: 475px;
display: block;
margin: auto
}
.productsList__products--container:not(.productsList__listView-js) .product-item__image img {
max-height: 100%
}
@media screen and (min-width: 1361px) {
.productsList__products--container:not(.productsList__listView-js) .product-item__image img {
max-width:220px
}
}
.productsList__products--container:not(.productsList__listView-js) .product-item__shortDescription {
visibility: hidden;
display: block;
height: 92px;
width: 100%;
overflow: hidden
}
.productsList__products--container:not(.productsList__listView-js) .product-item__shortDescription-descriptionText {
font-size: 14px;
font-weight: normal;
line-height: 1.71;
letter-spacing: 1.2px;
color: #191616;
text-align: left;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 100%;
z-index: 2
}
.productsList__products--container:not(.productsList__listView-js) .product-item__shortDescription .product-item__attr {
font-size: 11.5px;
font-weight: normal;
line-height: 1.71;
letter-spacing: 1.2px;
color: #191616;
width: 100%;
text-align: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.productsList__products--container:not(.productsList__listView-js) .product-item__description {
width: 100%;
height: calc(30% - 20px)
}
.productsList__products--container:not(.productsList__listView-js) .product-item__description h2 {
display: block;
margin-bottom: 15px;
letter-spacing: 1.8px;
height: 50px;
margin-bottom: 0;
margin-top: 0;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: center;
width: 100%
}
.productsList__products--container:not(.productsList__listView-js) .product-item__description .normalPrice {
left: 15px;
bottom: 15px;
z-index: 2;
color: #191616;
display: flex;
}
.productsList__products--container:not(.productsList__listView-js) .product-item__description .productsList3__prices {
left: 15px;
bottom: 15px;
z-index: 2
}
.productsList__products--container:not(.productsList__listView-js) .product-item__comparer {
bottom: 15px;
z-index: 2
}
.productsList__products--container:not(.productsList__listView-js) .product-item__rating {
bottom: 8px;
right: 15px;
z-index: 2
}
.productsList__products--container:not(.productsList__listView-js) .product-item__addToCart {
display: none
}
.productsList__products--container:not(.productsList__listView-js) .product-item__addToCart-grid {
visibility: hidden;
display: block;
width: calc(100% - 36px);
padding: 10px 16px;
z-index: 2;
margin: 10px 0;
opacity: 0
}
.productsList__products--container:not(.productsList__listView-js) .product-item .askForPrice {
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px !important
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
.productsList__products--container:not(.productsList__listView-js) .product-item .askForPrice {
max-width:45%
}
}
@media screen and (min-width: 1201px) {
.productsList__products--container:not(.productsList__listView-js) .product-item .askForPrice {
max-width:55%
}
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__placeholder {
display: block;
width: 100%;
margin-bottom: 20px
}
@media screen and (min-width: 1361px) {
.productsList__products--container:not(.productsList__gridView-js) .product-item__placeholder {
height:178px
}
}
.productsList__products--container:not(.productsList__gridView-js) .product-item {
width: calc(100% - 40px);
max-width: unset;
padding: 0 20px 10px 20px;
transition: all 0.3s linear;
background-color: #FFFFFF
}
@media screen and (min-width: 1361px) {
.productsList__products--container:not(.productsList__gridView-js) .product-item {
height:166px;
max-height: 166px
}
}
.productsList__products--container:not(.productsList__gridView-js) .product-item:hover {
box-shadow: 0 10px 30px 10px rgba(0,0,0,0.12)
}
.productsList__products--container:not(.productsList__gridView-js) .product-item .product-flags {
top: 0
}
.productsList__products--container:not(.productsList__gridView-js) .product-item .product-url {
display: flex;
flex-direction: row;
height: 166px;
width: 100%
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__link {
height: 100%;
width: 166px;
margin: 0
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__image {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
display: block;
margin: auto
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__image img {
max-width: 166px;
max-height: 166px
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__noImage {
width: 100% !important;
height: 100% !important
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__noImage svg {
width: 50px;
height: 50px;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__shortDescription {
display: flex;
flex-direction: column;
flex: 2;
justify-content: flex-start;
flex-basis: 100%;
flex-wrap: wrap;
max-width: calc(70% - 40px);
height: 50px;
margin: 10px 0 20px;
text-align: left
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__shortDescription .product-item__attr {
font-size: 14px;
font-weight: normal;
line-height: 1.71;
letter-spacing: 1.2px;
color: #191616;
flex: 0 1 50%;
margin-right: 20px
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__shortDescription-attributes {
display: grid;
grid-template-columns: 50% 50%;
max-width: calc(100% - 40px);
text-align: left;
margin: 10px 0 20px;
height: 50px;
overflow: hidden
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__shortDescription-attributes .product-item__attr {
height: 23px;
white-space: normal;
overflow: hidden
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__shortDescription-descriptionText {
font-size: 11px;
font-weight: normal;
line-height: 1.71;
letter-spacing: 1.2px;
color: #191616;
margin-right: 20px;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 100%;
width: 100%;
height: 52px
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__description {
width: calc(100% - 210px);
margin-top: 18px;
margin-bottom: 18px;
margin-left: 44px;
position: relative
}
@media screen and (min-width: 1361px) {
.productsList__products--container:not(.productsList__gridView-js) .product-item__description {
height:calc(166px - 36px)
}
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__description h2 {
margin: 0;
letter-spacing: 1.2px;
height: 24px;
text-align: left;
width: calc(100% - 30px);
overflow: clip
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__description .normalPrice {
left: 0;
z-index: 2;
color: #191616;
}
@media screen and (min-width: 1361px) {
.productsList__products--container:not(.productsList__gridView-js) .product-item__description .normalPrice {
bottom:-2px;
}
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__description .productsList3__prices {
left: 0;
z-index: 2;
}
@media screen and (min-width: 1361px) {
.productsList__products--container:not(.productsList__gridView-js) .product-item__description .productsList3__prices {
bottom:-2px
}
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__comparer {
bottom: 0;
right: 260px;
z-index: 2
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__comparer-withoutCartButton {
right: 0 !important
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__comparer-withoutCartButton .product-item__comparer--icon {
bottom: -16px
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__rating {
bottom: -8px;
right: 260px;
z-index: 2
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__rating-withoutCartButton {
right: 0 !important
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__addToCart {
width: 200px;
padding: 10px 16px;
float: right;
margin-top: -7px;
z-index: 2;
position: absolute;
bottom: -10px;
right: 0
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__addToCart-grid {
display: none
}
.productsList__products--container .product-item {
border: 1px solid #D0D0D0;
display: inline-block;
position: relative;
text-align: center;
font-size: 18px;
color: #191616
}
.productsList__products--container .product-item>* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.productsList__products--container .product-item .loginToSeePrice {
font-size: 14px
}
.productsList__products--container .product-item__image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto
}
.productsList__products--container .product-item__noImage {
background-color: #FFFFFF;
fill: #dbdbdb;
box-sizing: border-box
}
@media screen and (min-width: 1361px) {
.productsList__products--container .product-item__noImage {
width:100%;
height: 100%;
padding: 45% 40%
}
}
.productsList__products--container .product-item__noImage svg {
width: 50px;
height: 50px
}
.productsList__products--container .product-item__link {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: relative
}
.productsList__products--container .product-item__heartIcon {
position: absolute;
right: 15px;
top: 15px;
fill: rgba(0, 85, 163,1);
width: 27px;
height: 24px;
z-index: 1
}
.productsList__products--container .product-item__heartIcon:hover {
cursor: pointer
}
.productsList__products--container .product-item__description {
display: block;
white-space: nowrap;
bottom: 0
}
.productsList__products--container .product-item__description h2 {
width: 100%;
display: block;
color: #191616;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
padding: 0;
margin: 0
}
.productsList__products--container .product-item__description .productsList3__prices {
/* position: absolute; */
font-size: 18px;
font-weight: 500;
line-height: 1.44;
letter-spacing: normal;
display: flex;
flex-direction: row;
align-items: start;
}
.productsList__products--container .product-item__description .productsList3__prices .redPrice {
font-size: 18px;
font-weight: 500;
letter-spacing: normal;
line-height: 1.44;
display: inline-block;
margin-right: 10px;
color: #C20F0E
}
.productsList__products--container .product-item__description .productsList3__prices .oldPrice {
font-size: 14px;
text-decoration: line-through;
display: inline-block;
line-height: 1.71;
letter-spacing: 1.2px;
font-weight: normal;
position: initial;
color: #191616
}
.productsList__products--container .product-item__description .normalPrice {
font-size: 18px;
font-weight: 500;
line-height: 1.44;
letter-spacing: normal;
color: #191616
}
.productsList__products--container .product-item__description .askForPrice {
font-weight: 600 !important
}
@media screen and (min-width: 531px) {
.productsList__products--container .product-item__description .askForPrice {
font-size:17px !important
}
}
.productsList__products--container .product-item .product-flags {
left: 0;
right: unset;
position: absolute;
z-index: 1;
text-align: left
}
.productsList__products--container .product-item .product-flags span {
display: block;
margin: 0 0 5px 0;
padding: 5px 10px;
height: 22px;
line-height: 12px;
font-size: 12px;
text-transform: none;
font-weight: 400;
width: max-content;
box-sizing: border-box
}
.productsList__products--container .product-item__rating {
display: block !important;
visibility: visible !important;
position: absolute;
right: 15px;
bottom: 15px
}
.productsList__products--container .product-item__rating--icon {
fill: rgba(0, 85, 163,1);
width: 14px;
height: 14px
}
.productsList__products--container .product-item__rating--rates {
font-size: 14px;
text-align: right;
color: #191616;
letter-spacing: 1.2px;
line-height: 1.71;
margin-left: 5px;
display: block
}
.productsList__products--container .product-item__rating--counter {
color: rgba(0, 85, 163,1);
text-align: right;
font-size: 12px;
line-height: 1.5;
display: block
}
.productsList__products--container .product-item__comparer {
display: block !important;
visibility: visible !important;
position: absolute;
right: 15px;
z-index: 2;
background-color: #FFFFFF
}
.productsList__products--container .product-item__comparer--container {
font-size: 14px;
text-align: right;
color: #191616;
letter-spacing: 1.2px;
line-height: 1.71;
margin-left: 5px;
display: block;
position: relative;
padding-left: 20px
}
.productsList__products--container .product-item__comparer--icon {
fill: rgba(0, 85, 163,1);
width: 14px;
height: 14px;
position: absolute;
right: 0;
bottom: 6px
}
.productsList__products--container .product-item.hover img:nth-childnth-child(1) {
display: block
}
.productsList__products--container .product-item.hover img:nth-child(2) {
display: none
}
.productsList__products--container .product-item.hover:hover img:nth-child(1) {
display: none
}
.productsList__products--container .product-item.hover:hover img:nth-child(2) {
display: block
}
.productsList__products--container .product-item .notify-about-availability {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block
}
.productsList__products--container .product-item .add-to-cart-text {
text-overflow: ellipsis;
overflow: hidden;
display: block
}
.productsList .wishListInfoPopup {
position: fixed;
height: 40px;
width: auto;
padding: 10px 20px;
background-color: #FFFFFF;
border: 1px solid #D0D0D0;
z-index: 100;
box-shadow: 2px 2px 3px 0 #b0b0b0;
color: #191616;
font-size: 15px;
line-height: 40px
}
.productsList .wishListInfoPopup span {
color: rgba(0, 85, 163,1)
}
.productsList .productListNameTooltip {
display: none;
background-color: #FFFFFF;
position: fixed;
width: auto;
min-height: 25px;
max-width: 200px;
padding: 5px 10px;
z-index: 100;
border: 1px solid #D0D0D0;
box-shadow: 2px 2px 3px 0 #b0b0b0;
font-size: 14px;
color: #191616;
line-height: 25px
}
.product-details {
max-width: 1400px;
margin: 0 auto
}
.product-details-wrapper {
margin: 40px 0 100px;
display: flex
}
.product-details span.button-option.active {
border: 1px solid #D0D0D0
}
.product-details .attributes-select.dropdown span.button-option.active {
border: none
}
.product-details .not-clickable {
font-weight: 400 !important;
border: none !important;
cursor: default !important
}
.product-details__images {
width: 50%;
display: flex;
flex-wrap: wrap;
position: relative
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.product-details__images {
width:100%
}
}
@media only screen and (max-width: 599px) {
.product-details__images {
width:100%
}
}
.product-details__images .product-flags {
position: absolute;
top: 0;
left: 145px;
z-index: 1
}
.product-details__images .product-flags span {
height: 38px;
padding: 13px;
box-sizing: border-box;
position: relative;
margin-bottom: 10px;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
width: max-content;
text-transform: uppercase
}
.product-details__images .product-flags span:after {
width: 0;
content: '';
height: 0;
bottom: 0;
position: absolute;
right: -16px;
border-style: solid;
border-width: 18px 8px 19px
}
.product-details__images .product-flags span.NewProduct:after {
border-color: transparent transparent transparent #54A574
}
.product-details__images .product-flags span.RecommendedProduct:after {
border-color: transparent transparent transparent #193E75
}
.product-details__images .product-flags span.Promotion:after,.product-details__images .product-flags span.Sale:after {
border-color: transparent transparent transparent #C20F0E
}
.product-details__images .product-flags span.ExtraPrice:after,.product-details__images .product-flags span.GreatPrice:after {
border-color: transparent transparent transparent #B1B1B1
}
.product-details__images .product-flags span.BestReviews:after,.product-details__images .product-flags span.BestRated:after {
border-color: transparent transparent transparent #B1B1B1
}
.product-details__images .product-flags span.ExtraQuality:after,.product-details__images .product-flags span.GreatQuality:after {
border-color: transparent transparent transparent #B1B1B1
}
.product-details__images .product-flags span.PromotionalProduct:after,.product-details__images .product-flags span.NewsletterProduct:after {
border-color: transparent transparent transparent #B1B1B1
}
.product-details__images .product-flags span.Reward:after {
border-color: transparent transparent transparent #B1B1B1
}
.product-details__images .product-flags span.SellerRecommendation:after,.product-details__images .product-flags span.VendorRecomendation:after,.product-details__images .product-flags span.VendorRecommendation:after {
border-color: transparent transparent transparent #B1B1B1
}
.product-details__images .slider-hidden {
display: none
}
.product-details__images .opened-gallery {
position: fixed;
margin: 0;
justify-content: center;
display: flex;
z-index: 20;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #ffffff;
width: 100%
}
.product-details__images .opened-gallery .slick-slide {
position: relative;
height: 100vh;
width: 100vw
}
.product-details__images .opened-gallery .slick-slide img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-height: 100vh !important
}
.product-details__images .opened-gallery .slick-next:last-child {
right: 20px
}
.product-details__images .opened-gallery .slick-next:first-child {
left: 20px
}
.product-details__images .opened-gallery .slick-next {
height: 35px;
width: 35px
}
.product-details__images .opened-gallery img {
max-height: 100vh
}
.product-details__image-list {
list-style-type: none;
padding: 0;
display: inline-block;
width: 115px;
margin: 0 30px 0 0;
text-align: center
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.product-details__image-list {
width:120px
}
}
.product-details__image-list li {
cursor: pointer
}
.product-details__image-list li img {
max-width: 110px;
max-height: 110px;
align-self: center
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.product-details__image-list li img {
max-width:120px;
max-height: 120px
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product-details__image-list li img {
max-width:480px;
max-height: 540px;
margin: 0 auto
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details__image-list li img {
max-width:400px;
max-height: 500px;
margin: 0 auto
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.product-details__image-list li img {
max-width:350px;
max-height: 400px;
margin: 0 auto
}
}
@media only screen and (max-width: 599px) {
.product-details__image-list li img {
max-width:250px;
/* max-height: 320px; */
margin: 0 auto
}
.product-details__image-list .slick-list{
height: auto!important;
}
}
@media only screen and (max-width: 1199px) {
.product-details__image-list {
width:100%;
align-items: center
}
.product-details__image-list .slick-track {
display: flex;
align-items: center
}
}
.product-details__image-list .slick-list {
padding: 0 !important
}
.product-details__image {
width: calc(100% - 150px);
position: relative;
display: inline-block;
min-height: 430px
}
.product-details__image img {
width: auto;
max-width: 100%;
height: auto;
margin: 0 auto;
max-height: 640px;
min-height: auto
}
.product-details__add-to-cart {
width: 49%;
padding-left: 40px;
box-sizing: border-box
}
.product-details__add-to-cart .secondary-action-button {
margin-left: 0;
display: inline-block;
margin-bottom: 20px
}
.product-details__data {
display: flex;
align-items: center;
width: 100%;
padding: 25px 0 15px
}
.product-details__data a {
font-size: 14px;
font-weight: 400;
text-decoration: none;
color: #191616
}
.product-details__data .attribute-name {
font-size: 16px;
font-weight: 500;
color: #191616;
margin: 0 30px 0 0
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details__data {
flex-wrap:wrap;
padding: 0 0 15px 0
}
.product-details__data .rating {
width: 100%;
margin-top: 10px
}
}
@media only screen and (max-width: 599px) {
.product-details__data {
flex-wrap:wrap;
padding: 0 0 15px 0
}
.product-details__data .rating {
width: 100%;
margin-top: 10px;
font-size: 14px
}
.product-details__data .rating__count {
font-size: 14px
}
}
.product-details__additionalInfo {
position: absolute;
width: 100%;
box-sizing: border-box;
bottom: 0;
margin: 0 0 -50px;
padding: 10px 0 10px 10px;
justify-content: space-evenly;
align-items: center;
display: flex;
background-color: #FFFFFF;
font-size: 12px
}
.product-details__additionalInfo>div {
white-space: nowrap;
margin: 0 5px;
display: flex;
align-items: center;
color: rgba(25,22,22,1.00)
}
.product-details__additionalInfo .delivery-cost-container {
color: rgba(0, 85, 163,1)
}
.product-details__additionalInfo .value {
text-transform: lowercase
}
.product-details__additionalInfo .line {
color: #f0f0f0
}
.product-details__additionalInfo .availability-container img,.product-details__additionalInfo .stock-container img {
margin: 0 0 0 10px;
max-height: 28px
}
.product-details .close-gallery-button {
position: fixed;
right: 0;
top: 0;
background: transparent;
color: #656565;
z-index: 20;
border: 0;
font-size: 20px;
width: 50px;
height: 50px;
cursor: pointer
}
.product-details__name {
margin: 0 0 18px;
font-size: 24px;
font-weight: 500;
color: #191616
}
.product-details__info-container {
display: inline-block;
width: 100%;
margin-top: 8px
}
.product-details__info-container .stock-label,.product-details__info-container .availability-label {
color: #191616;
font-size: 18px;
font-weight: 500
}
.product-details__info-container .stock-container,.product-details__info-container .availability-container,.product-details__info-container .delivery-cost-container {
margin-bottom: 31px
}
.product-details__info-container .stock-value {
align-self: center;
margin: 10px;
width: 100px
}
.product-details__info-container .value {
font-size: 14px;
color: rgba(25,22,22,1.00);
text-transform: lowercase
}
@media only screen and (max-width: 599px) {
.product-details__info-container {
margin-top:0
}
.product-details__info-container .stock-label,.product-details__info-container .availability-label {
font-size: 14px
}
}
.product-details__reviewsContainer {
color: #D0D0D0
}
.product-details__reviewsContainer>span {
font-size: 13px;
padding: 0
}
.product-details__reviewsContainer>span:first-of-type {
padding: 0 6px 0 0
}
.product-details__reviewsContainer.goToAddReviewSection {
cursor: pointer
}
.product-details__prices {
display: flex;
flex-direction: row;
margin-top: 35px;
align-items: center;
justify-content: space-between;
position: relative;
padding-left: 0
}
.product-details__prices div.input-group {
margin: 0 20px 0 0;
align-self: center
}
.product-details__prices div.input-group.product-details__quantity {
display: flex
}
.product-details .input-group {
margin: 0 0 20px
}
.product-details .input-group.min-js .button-minus-add-product svg {
fill: #dddddd;
transition: 200ms
}
.product-details .input-group.max-js .button-plus-add-product svg {
fill: #dddddd;
transition: 200ms
}
.product-details .input-group .attribute-name {
color: #191616;
font-size: 16px;
font-weight: 500;
margin: 20px 18px 0 0;
display: inline-block
}
.product-details .input-group span {
color: #191616;
margin-right: 15px
}
.product-details .input-group .button-minus-add-product,.product-details .input-group .button-plus-add-product {
cursor: pointer;
outline: none;
background-color: #FFFFFF;
border: 2px solid #eeeeee;
color: #191616;
width: 55px;
height: 55px;
display: flex;
font-weight: 700;
margin: 0;
flex-direction: column;
justify-content: center;
align-items: center;
}
.product-details .input-group .button-minus-add-product {
font-size: 23px
}
.product-details .input-group .button-minus-add-product svg {
transition: 200ms;
margin-bottom: -2px;
fill: #191616
}
.product-details .input-group .button-plus-add-product {
font-size: 20px
}
.product-details .input-group .button-plus-add-product svg {
margin-bottom: -2px;
transition: 200ms;
fill: #191616
}
.product-details .input-group .quantity-field {
border: 2px solid #eeeeee;
background-color: #FFFFFF;
color: #191616;
width: 70px;
height: 55px;
text-align: center;
padding: 0;
box-sizing: border-box;
font-size: 17px;
font-weight: 500;
left: -2px;
margin-right: -4px;
display: inline-block;
position: relative
}
.product-details .input-group input[name="attributeEditable"] {
margin: 30px 0 15px;
padding-bottom: 10px
}
.product-details .input-group .attributes-select {
display: inline-block
}
.product-details .product-details__info-container .prices.noWishListButton {
justify-content: flex-end
}
.product-details .product-details__info-container .prices .price {
width: 80%;
text-align: center;
max-width: 330px
}
.product-details .product-details__info-container .prices .price span {
font-size: 24px;
margin: 0;
display: inline-block;
font-weight: 500;
color: #191616
}
.product-details .product-details__info-container .prices .red-price {
width: 100%;
text-align: right;
}
.product-details .product-details__info-container .prices .red-price span {
font-size: 24px;
margin: 0;
display: inline-block;
font-weight: 500;
color: #C20F0E
}
.product-details .product-details__info-container .prices .old-price {
width: 100%;
text-align: right
}
.product-details .product-details__info-container .prices .old-price span {
font-size: 14px;
font-weight: 400;
text-decoration: line-through;
color: #191616
}
.product-details .product-details__info-container .prices .unit-price {
width: 80%;
text-align: center
}
.product-details .product-details__info-container .prices .unit-price span {
font-size: 18px;
margin: 0;
font-weight: 400
}
.product-details .product-details__squareBtn {
height: 55px;
width: 55px;
margin: 0 15px 0 0;
box-sizing: border-box;
position: relative;
left: 0
}
.product-details__button-group {
margin-top: 30px;
display: flex;
justify-content: space-between;
width: 100%
}
.product-details__button-group .input-group {
display: flex;
flex-wrap: wrap
}
.product-details__button-group .product-details__quantity {
width: 312px;
margin: 0 30px 0 0
}
.product-details__button-group .product-details__quantity .stock-value {
margin-top: 10px
}
.product-details__button-group .primary-action-button {
text-decoration: none;
fill: #FFFFFF
}
.product-details__button-group .primary-action-button.add-to-cart {
font-weight: normal;
margin: 0;
width: 100%;
height: 55px;
padding: 18px 0 16px;
box-sizing: border-box
}
.product-details__button-group .primary-action-button.open-popup-notify-about-availability {
width: 100%;
padding: 18px 0 16px
}
.product-details__other-options {
width: 100%;
display: flex;
justify-content: space-around;
margin-top: 25px;
padding: 35px 0;
border-top: 1px solid #F2F2F2;
border-bottom: 1px solid #F2F2F2;
color: #191616;
font-size: 15px
}
.product-details__other-options svg {
fill: rgba(34, 114, 188,1);
margin: 0 5px -3px 0;
width: 15px;
height: 15px
}
.product-details .addToComparePopup {
display: none;
position: fixed;
z-index: 100;
right: 10%;
bottom: 51px;
transition: 200ms;
width: 400px;
height: 62px;
box-shadow: 0 3px 8px #616060;
background-color: #FFFFFF
}
.product-details .addToComparePopup .comparisonIcons {
margin-left: 25px;
display: inline-block
}
.product-details .addToComparePopup .comparisonIcons .comparerItemIcon {
width: 5px;
height: 5px;
margin-right: 10px;
-webkit-mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/regular/box.svg) no-repeat 50% 50%;
mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/regular/box.svg) no-repeat 50% 50%;
background-color: rgba(25,22,22,1.00);
display: inline-block;
padding: 10px
}
.product-details .addToComparePopup .comparisonIcons .addedToCompare {
background-color: rgba(0, 85, 163,1) !important
}
.product-details .addToComparePopup .comparisonInfo {
width: 100%;
position: relative;
margin-top: 6px;
line-height: 24px;
display: block
}
.product-details .addToComparePopup .addToCompare {
display: inline-block;
font-size: 14px;
line-height: 24px;
margin-left: 25px;
color: #191616;
font-weight: 500
}
.product-details .addToComparePopup .closeComparePopup {
position: absolute;
top: 0;
right: 0;
margin-right: 25px;
background-color: #191616;
-webkit-mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/light/times.svg) no-repeat 50% 50%;
mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/light/times.svg) no-repeat 50% 50%;
width: 14px;
height: 14px
}
.product-details .addToComparePopup .closeComparePopup:hover {
cursor: pointer
}
.product-details .addToComparePopup .comparisonIcon {
float: right;
margin-top: 5px;
margin-right: 2px
}
.product-details .addToComparePopup .comparisonIcon .svgIcon {
fill: rgba(0, 85, 163,1);
margin: 0 5px -3px 0;
width: 15px;
height: 15px
}
.product-details .addToComparePopup .goToComparisonTool {
color: rgba(0, 85, 163,1);
line-height: 24px;
font-size: 14px;
font-weight: 400;
margin-right: 25px
}
.product-details__other-option {
display: inline-block;
cursor: pointer;
color: #191616
}
.product-details__other-option:hover span {
color: rgba(59, 130, 246,1)
}
.product-details__other-option:hover svg {
fill: rgba(234, 179, 8,1)
}
.product-details__full-details {
margin-bottom: 30px
}
.product-details__full-details .product-description {
width: 55%;
box-sizing: border-box;
margin-bottom: 10px;
color: rgba(25,22,22,1.00);
font-family: Roboto,Verdana !important;
font-size: 14px;
font-weight: 300
}
.product-details__full-details .product-description * {
color: rgba(25,22,22,1.00);
font-family: Roboto,Verdana !important
}
.product-details__full-details .product-attributes {
display: flex
}
.product-details__full-details .product-attributes>ul {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 14px;
color: rgba(25,22,22,1.00);
width: 40%
}
.product-details__full-details .product-attributes>ul li {
padding: 20px 0;
max-width: 100%
}
.product-details__full-details .product-attributes>ul li span {
display: inline-block;
vertical-align: top;
width: 45%
}
.product-details__full-details .product-attributes>ul li span:first-child {
margin-left: 5%;
text-align: left;
font-weight: 500
}
.product-details__full-details .product-attributes>ul li span:last-child {
text-align: right;
color: rgba(25,22,22,1.00);
font-weight: 300
}
.product-details__full-details .product-attributes>ul li:nth-child(odd) {
background: #FFFFFF
}
.product-details__full-details .product-reviews {
display: flex
}
.product-details__full-details .product-reviews .current-reviews__verifiedPurchase {
font-size: 13px;
color: rgba(0, 85, 163,1);
font-weight: 300
}
.product-details__full-details .product-reviews .new-review {
width: 35%;
box-sizing: border-box;
padding-right: 15px
}
.product-details__full-details .product-reviews .new-review .rating {
margin-bottom: 50px
}
.product-details__full-details .product-reviews .new-review .rating svg {
width: 19px;
height: 19px;
cursor: pointer;
transition: 200ms
}
.product-details__full-details .product-reviews .new-review .rating svg.reviewStar__active,.product-details__full-details .product-reviews .new-review .rating svg:hover {
transition: 200ms;
fill: rgba(0, 85, 163,1)
}
.product-details__full-details .product-reviews .new-review .input-group textarea {
resize: none;
width: 80%;
height: 150px;
margin-bottom: 20px;
box-sizing: border-box;
padding: 12px
}
.product-details__full-details .product-reviews .new-review .input-group input[name="author"] {
padding: 12px 0;
width: 80%;
margin-bottom: 10px;
box-sizing: border-box
}
.product-details__full-details .product-reviews .new-review .add-review {
display: block;
width: 70%;
max-width: 230px;
margin: 50px 0
}
.product-details__full-details .product-reviews .current-reviews {
width: 62%;
font-size: 14px;
color: #191616
}
.product-details__full-details .product-reviews .current-reviews ul {
list-style-type: none;
padding: 0
}
.product-details__full-details .product-reviews .current-reviews ul li {
margin-bottom: 45px;
display: flex
}
.product-details__full-details .product-reviews .current-reviews__author-and-comment {
display: inline-block;
width: calc(100% - 80px);
word-wrap: break-word;
color: #191616
}
.product-details__full-details .product-reviews .current-reviews__author-and-comment .review-author {
font-weight: 500
}
.product-details__full-details .product-reviews .current-reviews__author-and-comment .review-content {
margin-top: 8px;
line-height: 1.5;
font-weight: 300
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating {
text-align: right
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating>span {
display: block;
margin-bottom: 10px;
color: rgba(25,22,22,1.00)
}
.product-details__full-details .product-reviews .required-fields-info {
font-size: 14px;
color: #191616
}
.product-details__full-details .product-videos ul {
padding: 0;
display: flex;
justify-content: flex-start;
list-style-type: none;
flex-wrap: wrap
}
.product-details__full-details .product-videos li {
margin-right: 25px
}
.product-details__full-details .product-attachments svg {
margin: 0 8px -3px 0;
fill: #888
}
.product-details__full-details .product-attachments ul {
padding: 0;
list-style-type: none
}
.product-details__full-details .product-attachments li {
margin-bottom: 12px;
padding: 0
}
.product-details__full-details .product-attachments li a {
color: rgba(25,22,22,1.00);
font-weight: 300;
font-size: 14px;
text-decoration: none
}
@media only screen and (max-width: 1400px) {
.product-details__full-details {
margin-top:20px
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details__full-details .product-attributes ul {
font-size:14px
}
.product-details__full-details .product-reviews .new-review .input-group textarea {
width: 80%
}
.product-details__full-details .product-reviews .new-review .rating {
font-size: 18px;
margin-bottom: 20px
}
.product-details__full-details .product-reviews .required-fields-info {
font-size: 12px
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.product-details__full-details .product-attributes ul {
margin-top:20px;
font-size: 14px
}
.product-details__full-details .product-attributes ul li {
padding: 12px 0 8px
}
.product-details__full-details .product-reviews {
margin-top: 20px
}
.product-details__full-details .product-reviews .new-review .rating {
font-size: 18px;
margin-bottom: 20px
}
.product-details__full-details .product-reviews .new-review .input-group {
margin-bottom: 5px
}
.product-details__full-details .product-reviews .new-review .input-group textarea {
height: 100px
}
.product-details__full-details .product-reviews .current-reviews {
font-size: 14px
}
.product-details__full-details .product-reviews .current-reviews ul li {
margin-bottom: 0
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating {
margin-right: 0
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating .rating {
font-size: 14px
}
.product-details__full-details .product-reviews .required-fields-info {
font-size: 12px
}
.product-details__full-details .product-attachments ul li a {
font-size: 14px
}
}
@media only screen and (max-width: 599px) {
.product-details__full-details .product-attributes ul {
margin-top:15px;
font-size: 14px
}
.product-details__full-details .product-attributes ul li {
padding: 8px 0
}
.product-details__full-details .product-attributes ul li span {
width: 48%
}
.product-details__full-details .product-attributes ul li span:first-child {
margin-left: 1%
}
.product-details__full-details .product-reviews {
margin-top: 10px
}
.product-details__full-details .product-reviews .new-review {
width: 90%;
margin-left: 1%
}
.product-details__full-details .product-reviews .new-review .rating {
font-size: 18px;
margin-bottom: 10px
}
.product-details__full-details .product-reviews .new-review .input-group {
margin-bottom: 5px
}
.product-details__full-details .product-reviews .new-review .input-group textarea {
width: 80%;
height: 80px;
margin-bottom: 10px
}
.product-details__full-details .product-reviews .current-reviews {
width: 95%;
margin-left: 1%;
font-size: 14px
}
.product-details__full-details .product-reviews .current-reviews ul li {
margin-bottom: 0
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating {
margin-right: 0
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating .rating {
font-size: 14px
}
.product-details__full-details .product-reviews .required-fields-info {
font-size: 12px
}
.product-details__full-details .product-attachments ul li a {
font-size: 14px
}
}
.product-details__headers {
list-style-type: none;
display: flex;
padding: 0;
margin: 0 0 60px 0;
border-bottom: 1px solid #e6e6e6
}
.product-details__headers li {
display: inline;
padding: 25px 0 12px;
margin: 0 50px;
max-width: 180px
}
.product-details__headers li:hover {
opacity: 1.0
}
.product-details__headers li:first-child {
padding: 25px 0;
margin-left: 0
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product-details__headers li {
margin:0 30px;
max-width: 150px
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details__headers li {
margin:0 30px;
max-width: 120px
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.product-details__headers {
display:block;
border-bottom: none;
padding: 0 10px;
margin: 0
}
.product-details__headers li {
display: block;
margin: 0;
max-width: 100%;
padding: 10px 0
}
.product-details__headers li:first-child {
padding: 10px 0
}
}
@media only screen and (max-width: 599px) {
.product-details__headers {
display:block;
border-bottom: none
}
.product-details__headers li {
display: block;
margin: 0;
max-width: 100%;
padding: 10px 0
}
.product-details__headers li:first-child {
padding: 8px 0
}
}
.product-details__header {
color: #191616;
font-size: 14px;
cursor: pointer;
word-wrap: break-word;
white-space: normal;
opacity: 0.5;
font-weight: 500;
text-transform: uppercase
}
.product-details__header.active-header {
opacity: 1.0;
border-bottom: 2px solid rgba(0, 85, 163,1)
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.product-details__header.active-header {
border:none
}
}
@media only screen and (max-width: 599px) {
.product-details__header.active-header {
border:none
}
}
.product-details .slick-vertical .slick-slide {
display: flex;
height: 115px;
width: 115px;
outline: none;
justify-content: center;
overflow: hidden;
box-sizing: border-box;
border: 1px solid transparent;
margin-bottom: 15px;
transition: 300ms
}
.product-details .slick-vertical .slick-slide.slick-current {
border: 1px solid #e9e9e9;
transition: 300ms
}
.product-details .slick-next {
background: #D5D5D5;
border: none;
cursor: pointer;
border-radius: 50%;
color: #FFFFFF;
fill: #FFFFFF;
position: absolute;
top: 50%;
z-index: 1;
outline: none;
height: 27px;
width: 27px
}
.product-details .slick-prev {
background: #D5D5D5;
border: none;
cursor: pointer;
border-radius: 50%;
color: #FFFFFF;
fill: #FFFFFF;
position: absolute;
top: 50%;
z-index: 1;
outline: none;
height: 27px;
width: 27px
}
.product-details .slick-next svg {
margin: -5px
}
.product-details .slick-next:hover {
background: #FFFFFF
}
.product-details .slick-next:hover svg {
fill: #D5D5D5
}
.product-details .slick-next.slick-disabled {
display: none !important
}
.product-details .slick-next:first-child {
left: 0
}
.product-details .slick-next:last-child {
right: 0
}
.product-details .product-details__related-products.slick-slider .slick-arrow,.product-details .product-details__related-products.slick-slider .slick-prev,.product-details .product-details__set-list .slick-slider .slick-prev,.product-details .product-details__set-list .slick-slider .slick-arrow {
height: 27px;
width: 27px
}
.product-details .slick-prev:before,.product-details .slick-next:before {
width: 9px;
height: 9px;
top: 6px;
left: 9px
}
.product-details .product-details__set-list .slick-slider .slick-arrow.slick-prev {
left: 20px
}
.product-details .product-details__set-list .slick-slider .slick-arrow.slick-arrow:last-child {
right: 20px
}
.product-details .slick-vertical .slick-next {
position: initial
}
.product-details .slick-vertical .slick-next:first-child {
left: 50%;
top: 0;
margin-bottom: 15px
}
.product-details .slick-vertical .slick-next:last-child {
left: 50%;
top: unset;
bottom: 0
}
.product-details .dropdown .dropdown-content {
display: none;
position: absolute;
background-color: #FFFFFF;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
z-index: 1;
overflow-y: auto;
max-height: 190px;
min-width: 220px;
padding: 10px 15px
}
.product-details .dropdown .dropdown-content span,.product-details .dropdown .dropdown-content input,.product-details .dropdown .dropdown-content input.button-option[type='button'] {
padding: 12px 12px;
text-decoration: none;
display: block;
text-align: left;
border: none;
margin: 0
}
.product-details .dropdown .dropdown-content span:hover,.product-details .dropdown .dropdown-content input:hover,.product-details .dropdown .dropdown-content input.button-option[type='button']:hover {
background-color: #FFFFFF
}
.product-details .dropdown .dropdown-content input {
width: 100%
}
.product-details .dropdown.attr-poly>input[type='button'].active,.product-details .dropdown .button-option.active,.product-details .dropdown .button-option-sets.active {
background-color: #FFFFFF;
color: #191616;
border: none;
font-weight: 400;
padding: 8px 20px 7px
}
.product-details .dropdown svg {
fill: rgba(0, 85, 163,1);
margin-bottom: -3px;
cursor: pointer
}
.product-details__set-list {
padding-top: 10px;
padding-bottom: 10px
}
.product-details__set-list .set {
display: flex;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #D0D0D0
}
.product-details__set-list .set:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none
}
.product-details__set-list .set-name {
text-align: center;
width: 100%;
padding-bottom: 25px;
color: #191616;
font-weight: 600;
text-transform: uppercase;
display: block;
font-size: 15px
}
.product-details__set-list .set .product-set {
width: calc(100% - 260px);
display: inline-block;
padding: 0;
margin: 0 0 0 35px
}
.product-details__set-list .set .product-set .slick-arrow {
z-index: 1;
top: 140px
}
.product-details__set-list .set .product-set .slick-arrow:hover {
opacity: 1
}
.product-details__set-list .set .product-set .slick-arrow:last-child {
right: -20px
}
.product-details__set-list .set .product-set .slick-track {
align-items: unset
}
.product-details__set-list .set .product-set__item {
height: auto;
margin: 0;
padding: 0 10px 10px 10px;
border-bottom: none;
outline: none;
position: relative
}
.product-details__set-list .set .product-set__item:after {
content: '+';
font-size: 35px;
position: absolute;
right: 0;
top: 120px
}
.product-details__set-list .set .product-set__item:last-child:after {
display: none
}
.product-details__set-list .set .product-set__item-link {
color: #191616;
outline: none;
text-decoration: none;
font-size: 18px;
text-align: center;
display: block
}
.product-details__set-list .set .product-set__item-link .figcaption .free-label {
color: #C20F0E;
font-weight: bold
}
.product-details__set-list .set .product-set__item-link .quantity {
font-weight: 700
}
.product-details__set-list .set .product-set__item-image {
height: 280px;
display: inline-flex
}
.product-details__set-list .set .product-set__item-image img {
max-height: 280px;
max-width: 220px;
margin: auto
}
.product-details__set-list .set .product-set__item-name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 14px
}
.product-details__set-list .set .product-set__item-attribute {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 14px
}
.product-details__set-list .set .product-set__item .add {
color: #191616;
padding-top: 5px;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.5px
}
.product-details__set-list .set .product-set__item .button-option-sets {
font-size: 11px
}
.product-details__set-list .set .product-set__item .set-attributes {
text-align: left;
display: inline-block
}
.product-details__set-list .set .product-set__item .dropdown-content {
position: relative;
max-height: 75px
}
.product-details__set-list .set .product-set.slick-initialized .product-set__item:after {
content: ''
}
.product-details__set-list .set .prices-wrapper {
width: 250px;
align-self: center
}
.product-details__set-list .set .prices-wrapper .prices {
text-align: center
}
.product-details__set-list .set .prices-wrapper .prices .discount {
display: block;
border: 1px solid #D0D0D0;
color: #191616;
padding: 10px;
margin-bottom: 50px;
font-size: 18px
}
.product-details__set-list .set .prices-wrapper .prices .discount strong {
margin-top: 10px;
display: block
}
.product-details__set-list .set .prices-wrapper .prices .old-price,.product-details__set-list .set .prices-wrapper .prices .red-price,.product-details__set-list .set .prices-wrapper .prices .price {
display: block;
margin: 10px 0
}
.product-details__set-list .set .prices-wrapper .prices .red-price,.product-details__set-list .set .prices-wrapper .prices .price {
font-size: 24px;
font-weight: 600
}
.product-details__set-list .set .prices-wrapper .primary-action-button {
display: block;
min-width: 230px;
box-sizing: border-box
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product-details__set-list .set .product-set {
width:70%
}
.product-details__set-list .set .prices-wrapper {
width: 23%
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details__set-list .set .product-set {
width:68%;
margin-left: 20px
}
.product-details__set-list .set .product-set__item-link .figcaption {
margin-left: 20px
}
.product-details__set-list .set .product-set__item-image {
height: 240px
}
.product-details__set-list .set .product-set__item-image img {
max-height: 240px;
max-width: 160px
}
.product-details__set-list .set .product-set__item .add,.product-details__set-list .set .product-set__item .set-attributes {
margin-left: 20px
}
.product-details__set-list .set .prices-wrapper {
width: 25%
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.product-details__set-list .set-name {
font-size:14px
}
.product-details__set-list .set .product-set {
width: 55%;
margin-left: 25px
}
.product-details__set-list .set .product-set__item-link .figcaption {
margin-left: 30px
}
.product-details__set-list .set .product-set__item-image {
height: 260px
}
.product-details__set-list .set .product-set__item-image img {
max-height: 260px;
max-width: 180px
}
.product-details__set-list .set .product-set__item .add,.product-details__set-list .set .product-set__item .set-attributes {
margin-left: 30px
}
.product-details__set-list .set .prices-wrapper {
width: 34%
}
.product-details__set-list .set .prices-wrapper .prices .discount {
font-size: 14px
}
.product-details__set-list .set .prices-wrapper .prices .red-price,.product-details__set-list .set .prices-wrapper .prices .price {
font-size: 18px
}
}
@media only screen and (max-width: 599px) {
.product-details__set-list .set-name {
font-size:14px
}
.product-details__set-list .set .product-set {
width: 100%;
margin-left: 5px
}
.product-details__set-list .set .product-set .slick-arrow:last-child {
right: 12px
}
.product-details__set-list .set .product-set__item {
text-align: center
}
.product-details__set-list .set .product-set__item:after {
right: 15px
}
.product-details__set-list .set .product-set__item-image {
height: 260px
}
.product-details__set-list .set .product-set__item-image img {
max-height: 260px;
max-width: 180px
}
.product-details__set-list .set .prices-wrapper {
width: 100%;
margin-top: 0;
text-align: center;
margin-bottom: 20px
}
.product-details__set-list .set .prices-wrapper .prices .discount {
font-size: 14px;
width: 50%;
margin: 0 auto 20px auto
}
.product-details__set-list .set .prices-wrapper .prices .red-price,.product-details__set-list .set .prices-wrapper .prices .price {
font-size: 18px
}
}
.product-details__related-products {
text-align: center;
padding: 0;
margin: 20px 50px 100px
}
@media only screen and (max-width: 599px) {
.product-details__related-products {
margin:10px 25px
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.product-details__related-products {
margin:10px 30px
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details__related-products {
margin:15px 30px
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product-details__related-products {
margin:20px 40px
}
}
.product-details__wishListAdd.active-js svg {
fill: rgba(0, 85, 163,1)
}
.product-details .input-group:not(.product-details__quantity) input[type='button'],.product-details .input-group .attributes-select .button-option,.product-details .set .button-option,.product-details .set .button-option-sets {
background-color: #FFFFFF;
transition: all 300ms ease;
color: #191616;
cursor: pointer;
font-size: 14px;
font-weight: 400;
text-align: center;
margin-top: 5px;
border: 1px solid #fff
}
.product-details .input-group:not(.product-details__quantity) input[type='button']:hover,.product-details .input-group .attributes-select .button-option:hover,.product-details .set .button-option:hover,.product-details .set .button-option-sets:hover {
color: rgba(234, 179, 8,1)
}
.product-details .input-group input[type='button'].active,.product-details .input-group .attributes-select .button-option.active,.product-details .set .button-option.active,.product-details .set .button-option-sets.active {
border: 2px solid #191616;
color: #191616;
background-color: #FFFFFF
}
.product-details .attributes-select.dropdown>span.button-option.active {
color: #191616;
background-color: unset
}
.product-details .input-group .button-option {
margin: 0 0 5px 0;
font-weight: 300;
padding: 3px 5px;
display: inline-block;
cursor: pointer
}
.product-details .delivery-cost-container a {
color: rgba(0, 85, 163,1);
text-decoration: none;
font-size: 12px;
font-weight: 400
}
.product-details__titleBorder {
border-bottom: 1px solid #D0D0D0;
padding: 0 20px;
margin: 40px 0;
text-align: center
}
.product-details__titleBorder>span {
background-color: #FFFFFF;
color: #191616;
padding: 0 20px;
bottom: -17px;
position: relative;
font-size: 30px;
display: inline-block;
text-transform: none;
font-weight: 300
}
.product-details .login-to-see-prices svg {
margin: 0 7px -4px 0
}
.product-details .form__header {
opacity: 1;
text-align: left;
font-size: 18px;
font-weight: 500;
margin-bottom: 55px
}
.product-details .form-container {
background-color: #FFFFFF
}
.product-details .form__input-textareaInfo {
top: -14px
}
.product-details .form__input-textareaWrapper {
margin-top: 32px
}
.product-details .form__input-textareaWrapper textarea {
padding: 15px 20px
}
.product-details .form__required-fields-info {
font-size: 12px;
text-align: left;
color: #191616;
opacity: .5
}
.product-details .form__input-wrapper--quantity .button-minus-add-product,.product-details .form__input-wrapper--quantity .button-plus-add-product {
padding: 10px;
display: inline-block;
width: 40px;
text-align: center;
height: 40px;
box-sizing: border-box;
cursor: pointer;
background-color: #FFFFFF
}
.product-details .form__input-wrapper--quantity {
border-bottom: none
}
.product-details .form__input-wrapper--buttonOptions {
border-bottom: none;
text-align: left;
padding-left: 90px;
width: calc(100% - 90px)
}
.product-details .form__input-wrapper--buttonOptions .button-option {
display: inline-block;
position: relative;
width: auto;
padding: 10px 20px;
margin: 0 5px 0 0;
border-radius: 30px;
background-color: #FFFFFF;
border: none;
cursor: pointer
}
.product-details .form__input-wrapper--buttonOptions input:checked+label {
border: 1px solid #d6d6d6
}
.product-details .recommend-product-popup .form-container {
max-width: 700px;
width: 80%
}
.product-details .recommend-product-popup .form-container .form__inputGroup {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.product-details .recommend-product-popup .form-container .form__inputGroup .form__input-wrapper {
width: 48%
}
.product-details .recommend-product-popup .form-container .primary-action-button {
max-width: 400px
}
.product-details .input-group .attr-poly.button-option {
padding-left: 0
}
.product-details .product-details__image .slick-slide {
min-height: 309px
}
.product-details .product-details__image .slick-slide img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-height: 95%;
max-width: 95%
}
.product-details .product-details__image.product-details__image__single .slick-slide {
min-height: auto;
max-height: 100%
}
.product-details .manufacturer-name {
margin-right: 30px
}
.product-details .currentReviews__pagination {
text-align: center
}
.product-details .product-details__image__archival {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
font-size: 18px;
background: rgba(204,204,204,0.9);
color: #fff;
text-align: center
}
.product-details .product-details__archivalProductInfo {
background: #F2F2F2;
color: #888888;
padding: 30px;
margin-bottom: 30px;
text-align: center
}
.product-details .parent-category-link {
color: rgba(0, 85, 163,1);
margin-top: 50px;
display: inline-block
}
.product-details .parent-category-link svg {
fill: rgba(0, 85, 163,1);
height: 19px;
width: 19px;
vertical-align: middle
}
@media only screen and (max-width: 1200px) {
.product-details__image-list {
display:none
}
.product-details__image {
width: 100%
}
.product-details__images .product-flags {
left: 0
}
.product-details__additionalInfo {
padding: 10px 0
}
}
@media only screen and (max-width: 1190px) {
.product-details__button-group {
flex-wrap:wrap
}
.product-details__button-group .primary-action-button.add-to-cart {
margin: 30px 0 0
}
.product-details__button-group .input-group {
align-items: center
}
.product-details__button-group .input-group .stock-value {
margin: 10px
}
.product-details__additionalInfo {
justify-content: space-around
}
.product-details__additionalInfo>div {
display: flex;
flex-wrap: wrap
}
}
@media only screen and (max-width: 1080px) {
.product-details__additionalInfo {
justify-content:space-around;
padding: 0 15px;
margin-bottom: -5px;
align-items: flex-start;
flex-direction: column;
position: relative
}
.product-details__additionalInfo .line {
display: none
}
}
@media only screen and (min-width: 641px) {
.product-flags span:nth-child(n+4) {
display:none
}
}
/* koniec */
body{
overflow-x: hidden;
}
.linesBG{
background-image: repeating-linear-gradient( -45deg, transparent, transparent 29px, #d8d8d8ad 1px, #d8d8d8ad 30px );
}
.main__page {
margin: 40px 0;
}
.container__bg {
background-color: #fff;
border: 1px solid #333;
}
.main__page__title {
background-color: #333;
padding: 10px 20px;
position: relative;
}
.main__page__title h1, .main__page__title h2, .main__page__title span {
color: #fff;
font-size: 1.4rem;
font-weight: 600;
}
.main__page__title::after {
content: "";
position: absolute;
display: block;
width: 10px;
height: 10px;
border-top: 45px solid white;
border-left: 50px solid #333;
top: 0;
right: 35%;
}
.about__background,
.quality__background {
padding: 20px 0;
}
.about__background img,
.quality__background img {
width: 100%;
}
.subsidies__description__title {
font-size: 2rem;
font-weight: 600;
}
.subsidies__description__title2 {
font-weight: 600;
font-size: 1rem;
}
.subsidies__img {
width: 80%;
}
.subsidies__gallery {
padding: 10px;
height: 200px;
}
.subsidies__gallery img {
width: 100%;
max-height: 100%;
}
.news__first__column__title {
position: relative;
padding-left: 90px;
margin: 20px 0;
font-size: 1.3rem;
}
.news__second__column__title {
position: relative;
padding-left: 70px;
margin: 20px 0;
font-size: 1.3rem;
}
.news__first__column__title::before {
content: "";
position: absolute;
height: 1.8rem;
width: 70px;
background-color: #2272bc;
left: -12px;
top: -1px;
}
.news__first__column__title::after {
content: "";
position: absolute;
display: block;
width: 1.8rem;
height: 1.8rem;
border-top: 1.8rem solid #2272bc;
border-right: 1.8rem solid white;
top: -1px;
left: 58px;
}
.news__second__column__title::before{
content: "";
position: absolute;
height: 1.8rem;
width: 20px;
background-color: #2272bc;
left: 15px;
top: -1px;
}
.news__second__column__title::after{
content: "";
position: absolute;
display: block;
width: 1.8rem;
height: 1.8;
border-top: 1.8rem solid #2272bc;
border-right: 1.8rem solid white;
top: -1px;
left: 35px;
}
.article__row {
position: relative;
margin-bottom: 30px;
}
.article__row::after {
content: "";
display: block;
position: absolute;
height: 1px;
width: 80%;
background-color: grey;
top: 100%;
left: 50px;
}
.article__title {
position: relative;
font-size: 1.3rem;
}
.article__title::after {
content: "";
position: absolute;
height: 7px;
width: 100px;
background-color: #2272bc;
right: calc(100% - 105px);
top: 130%;
transform: skew(-35deg);
}
.article__title a,
.read__more a,
.newest__article a,
.read__more__second__column a {
text-decoration: none;
}
.article__title a {
font-size: 1.3rem;
color: #333;
font-weight: 600;
padding-bottom: 5px;
}
.article__title a::first-letter {
text-transform: uppercase;
}
.second__column__article__title a{
font-size: 1.2rem;
}
.article__title a:hover,
.newest__article a:hover {
color: #2272bc;
}
.newest__article a {
font-size: 1.5rem;
color: #2272bc;
font-weight: 600;
padding-bottom: 5px;
}
.read__more {
margin-top: 50px;
}
.read__more a {
font-size: 1rem;
color: #fff;
background-color: #2272bc;
padding: 7px 15px;
}
.read__more__second__column{
padding-top: 30px;
}
.read__more__second__column a{
font-size: 0.8rem;
color: #fff;
background-color: #2272bc;
padding: 3px 10px;
}
.read__more a:hover,
.read__more__second__column a:hover{
color: #191616;
}
.article__picture img {
max-width: 100%;
max-height: 180px;
}
.vademecum__article span {
z-index: 1;
}
.vademecum__article__col {
padding-left: 20px;
}
.post__image img {
width: 100%;
}
.allPosts,
.nextPost {
text-decoration: none;
color: #2272bc;
}
.allPosts:hover,
.nextPost:hover {
color: var(--bs-link-hover-color);
}
.form input:focus,
form select:focus {
border-bottom: 1px solid #eab308;
}
.form input:focus::placeholder,
.form select:focus::placeholder,
.form .form__input-info:focus,
.form .form__input-wrapper:focus-within > .form__input-info {
color: #2272bc;
}
.primary-action-button{
background-color: #0055a3;
border-color: #0055a3;
}
.secondary-action-button{
border-color: #0055a3;
}
.primary-action-button:hover {
color: black;
background-color:  rgb(234 179 8);;
border: 2px solid rgb(234 179 8);
}
.go-to-top__btn-js:hover {
background: #0055a3;
}
.pro-line a {
text-decoration: none;
color: white;
}
.pro-line a:hover {
color: #eab308;
}
.line__box {
border: 1px solid #2272bc;
}
.line__picture {
padding: 5px;
}
.line__picture img {
width: 100%;
}
.line__name {
background-color: #2272bc;
padding: 15px 0;
text-align: center;
font-size: 1rem;
}
.line__name h2 {
font-size: 1rem;
}
.pro__section a {
text-decoration: none;
color: #191616;
font-weight: 600;
}
.pro__section table {
font-size: 0.8rem;
border: 1px solid rgb(223, 223, 223);
}
.pro__section td {
padding: 5px 10px 5px 5px;
}
.pro__section tr:nth-child(even) {
background-color: rgb(223, 223, 223);
}
.pro__section tr:hover {
background-color: #2272bc;
}
.products img {
max-width: 100%;
}
.table table tr:nth-child(even) {
background-color: lightgray;
}
.table table tr:hover {
background-color: gray;
}
.blog-wrapper .readMore:hover {
font-weight: 600;
}
.blog-wrapper .text-container .title a {
color: #2272bc;
}
.blog-wrapper .text-container .title:hover {
font-weight: 700;
}
.customer__flexboxContainer{
background-color: #fff;
border: 1px solid black;
margin-bottom: 50px;
}
.cartSteps__container .cartStep__number{
padding: 0;
}
.cartContainer{
width: auto;
padding: 0;
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__qty-col{
padding: 0;
}
.cartContainer .form__invoiceCheck input{
display: inline-block;
}
.reg-container .checkBoxes__container input,
.cartContainer .checkBoxes__container input{
display: inline-block;
}
.cartContainer .finishOrder__showProducts{
transform: rotate(90deg);
}
.cartContainer .finishOrder__orderDetails__title .showDetails{
transform: rotate(90deg);
}
.productsList {
margin: 0 auto;
}
.product-details__images .product-flags {
left: 0;
}
.product-details__additionalInfo .stock-label,
.product-details__additionalInfo .availability-label {
font-weight: 500;
}
.add__to__cart .product__informations li {
width: 100%;
display: flex;
justify-content: space-between;
padding-bottom: 15px;
}
.add__to__cart .product__informations {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 15px;
color: rgba(25, 22, 22, 1);
}
.main__page__title__product {
background-color: #333;
padding: 10px 20px;
}
.main__page__title__product h2 {
color: #fff;
font-size: 1.4rem;
font-weight: 600;
}
.product-details {
margin: 0 30px;
}
.product-details__add-to-cart {
align-items: flex-end;
}
.product-details .product-details__other-option {
margin-right: 20px;
margin-top: 0;
border-top: none;
display: flex;
}
.product-details .product-details__other-option:nth-child(4) {
margin-right: 0;
}
.product-details__additionalInfo .product-details__data {
padding: 0;
width: auto;
}
.product-details
.product-details__additionalInfo
.product-details__data
.attribute-name,
.product-details .product-details__additionalInfo .product-details__data a {
font-size: 0.75rem;
}
.product-details
.product-details__additionalInfo
.product-details__data
.attribute-name {
margin-right: 5px;
}
.product-details__button-group .product-details__quantity {
width: 100%;
}
.product-attributes {
justify-content: space-between;
}
.product-details__button-group .product-details__quantity {
margin: 0 0 20px 0;
justify-content: end;
}
.product-details .product-details__info-container .prices .price {
text-align: end;
}
.product-details__other-options svg {
margin-bottom: 0;
}
.product-details__full-details .product-description {
width: 100%;
}
.advancedSearch .search .searchButton {
height: auto;
}
.advancedSearch .search .searchButton:hover {
color: #191616;
}
.product-details .addToComparePopup{
bottom: 200px;
}
.comparerContainer .topSection-productInfo .buttons .addToCartButton{
height: auto;
}
.cart__button--submit{
display: block;
}
.info__about__limits{
display: block;
color: red;
font-weight: 600;
}
.cartContainer .cartError .closeMessage{
top: 2px;
}
@media (max-width: 560px) {
.main__page__title::after {
display: none;
}
}
@media (max-width: 768px) {
.headerSection .headerSection__mainMenu .mainNavigation ul ul {
display: inline-block;
}
.vademecum__article__row::before {
width: 90%;
right: 5%;
}
.article__title a {
font-size: 1.2rem;
}
.product-details__add-to-cart {
align-items: center;
padding-top: 50px;
width: 100%;
}
.product-details-wrapper {
margin: 20px 0 0 0;
}
.product-details__prices {
margin-top: 5px;
}
.main__page__title::after {
right: 5%;
}
.product-details__add-to-cart > ul {
align-self: flex-start;
padding-left: 10px;
}
.cartContainer .productsList .cart__qty-box .cart__qty-col {
width: auto;
height: auto;
padding: 0;
}
}
@media (min-width: 768px) {
.product-details .product-details__button-group {
flex-direction: column;
}
}
@media (max-width: 990px) {
.product-details .product-details__other-option {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
}
.regulations ul li, .regulations ol li{
list-style-type: disc;
}
/*  */
.product-slider{
position: relative;
}
.product-slider .slick-next {
top: 1px;
display: inline-block;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
border-right: 5px solid #2272bc;
border-top: 5px solid #2272bc;
border-left: 5px solid transparent;
border-bottom: 5px solid transparent;
background-color: transparent;
font-size: 0;
line-height: normal;
padding: 0;
cursor: pointer;
width: 34px;
height: 34px;
text-align: center;
left: calc(100% - 50px);
transform: rotate(0.12turn);
}
.product-slider .slick-next:hover{
background-color: transparent;
border-right: 5px solid black;
border-top: 5px solid black;
}
.product-slider .slick-prev{
top: 1px;
display: inline-block;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
background-color: transparent;
border-right: 5px solid transparent;
border-top: 5px solid transparent;
border-left: 5px solid #2272bc;
border-bottom: 5px solid #2272bc;
font-size: 0;
line-height: normal;
padding: 0;
cursor: pointer;
width: 34px;
height: 34px;
text-align: center;
left: 15px;
transform: rotate(0.12turn);
}
.product-slider .slick-prev:hover{
background-color: transparent;
border-left: 5px solid black;
border-bottom: 5px solid black;
}
.product-slider .slick-dots{
display: none;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}