html {
font-size: 62.5%}
body {
position: relative;
min-width: 320px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
overflow-x: hidden;
}
html, body {
/* overflow-x: hidden; */
}
ul, ol {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
font-family: sans-serif;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
a:focus {
outline: none;
}
button {
cursor: pointer;
border: none;
padding: 0;
background-color: transparent;
}
button:focus {
outline: none;
}
.container {
margin: 0 auto;
/* max-width: 1180px; */
max-width: 1400px;
padding: 0 20px;
}
@media (max-width: 1024px){
.container {
padding: 0px 15px;
}
}
.slick-slider {
cursor: pointer;
}
.slick-slider .slick-arrow {
cursor: pointer;
}
.slick-slider .slick-slide:focus {
outline: none;
}
.slick-slider .slick-arrow {
position: absolute;
z-index: 10;
}
input:focus {
outline: none;
}
input[type="search"]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
select::-ms-expand {
display: none;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
display: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="submit"] {
cursor: pointer;
}
.product-card-slick {
position: relative;
}
.product-card-slick .slick-list {
padding-top: 20px !important;
margin: 0 -15px;
}
.product-card-slick .slick-slide {
margin: 0 15px;
}
.product-card-slick .slick-arrow {
top: 42%;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 51px;
background: var(--color-gray-bg);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
border-radius: 60px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.product-card-slick .slick-arrow svg path {
fill: var(--color-primary-dark);
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
}
.product-card-slick .slick-arrow:hover {
background-color: var(--color-primary-dark);
}
.product-card-slick .slick-arrow:hover svg path {
fill: var(--color-white);
}
.product-card-slick .slick-prev {
left: -16.5px;
}
.product-card-slick .slick-prev svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.product-card-slick .slick-next {
right: -16.5px;
}
.buy-with-this .product-card-slick .slick-prev svg {
margin-right: 3px;
}
.buy-with-this .product-card-slick .slick-next svg {
margin-left: 3px;
}
@media (max-width: 1260px) {
.buy-with-this .product-card-slick .slick-prev {
left: 12px;
}
.buy-with-this .product-card-slick .slick-next {
right: 12px;
}
}
@media (max-width: 1024px){
.buy-with-this .product-card-slick .slick-arrow {
width: 40px;
height: 40px;
}
}
.product-card-slick .block {
cursor: pointer;
max-width: 263px;
background: var(--color-gray-bg);
border-radius: 5px 5px 0px 0px;
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
padding: 17px 12px;
position: relative;
color: var(--color-white);
}
.product-card-slick .block:hover .top-content .hover-button {
opacity: 1;
}
.product-card-slick .block .new-product {
padding-top: 9px;
padding-left: 12px;
position: absolute;
top: 0;
left: 0;
width: 86px;
height: 36px;
background: url("../img/base/newProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
z-index: 5;
}
.product-card-slick .block .hit-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -7px;
right: -13px;
width: 43px;
height: 43px;
background: url("../../img/base/hitProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
z-index: 5;
color: var(--color-white);
}
.product-card-slick .block .top-content {
height: 169px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-white);
border-radius: 5px;
position: relative;
}
.product-card-slick .block .top-content img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product-card-slick .block .top-content .hover-button {
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
background: var(--color-primary-light);
border-radius: 0px 0px 5px 5px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 18px;
width: 100%;
padding: 20px 54px 20px 30px;
color: var(--color-black);
-webkit-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.product-card-slick .block .top-content .hover-button:hover {
background-color: #dadabb;
}
.product-card-slick .block .top-content .hover-button:focus {
outline: none;
}
.product-card-slick .block .top-content .hover-button::before {
content: "";
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 21px;
height: 21px;
background: url("../../img/base/eyeIcon.svg") no-repeat;
-webkit-filter: invert(1);
filter: invert(1);
}
.product-card-slick .block .bottom-content .title-block {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-card-slick .block .bottom-content .title-block .title-block-wrapper .title {
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.product-card-slick .block .bottom-content .title-block .title-block-wrapper .sub-title {
margin-top: 7px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.product-card-slick .block .bottom-content .title-block .libre {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: var(--color-primary);
}
.product-card-slick .block .bottom-content .specifications-wrapper {
margin-top: 12px;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item, .product-card-slick .block .bottom-content .specifications-wrapper .specifications-item {
margin-top: 3px;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item {
background: var(--color-white);
border-radius: 5px;
padding: 7px 10px;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .title {
font-family: "Rubik", sans-serif;
font-size: 11px;
line-height: 13px;
color: var(--color-light-gray);
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .sub-title {
margin-top: 3px;
font-family: "Rubik", sans-serif;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .radio-content {
margin-top: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container ~ .label-container {
margin-left: 14px;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container {
display: block;
position: relative;
padding-left: 18px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Rubik", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 13px;
line-height: 12px;
color: var(--color-black);
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .radio-content .checkmark {
position: absolute;
top: 0;
left: 0;
height: 12px;
width: 12px;
background-color: transparent;
border-radius: 50%;
background: #f9f9ef;
border: 1px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .radio-content .checkmark::after {
content: "";
position: absolute;
display: none;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container input:checked ~ .checkmark:after {
display: block;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container .checkmark:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-primary);
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .color-pic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 3px;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .color-pic .color-pic__item ~ .color-pic__item {
margin-left: 4px;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .color-pic .color-pic__item {
width: 14px;
height: 14px;
border-radius: 50%}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .color-pic .color-orange {
background: #cd853f;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .color-pic .color-grey {
background: #cbcbcb;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .color-pic .color-purpule {
background: #c898ee;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item .color-pic .color-lemon {
background: #f5eabc;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item-2-row {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: transparent;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item-2-row .left-content, .product-card-slick .block .bottom-content .specifications-wrapper .specifications-item-2-row .right-content {
padding: 7px 10px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
background: var(--color-white);
border-radius: 5px;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item-2-row .left-content {
padding-right: 2px;
}
.product-card-slick .block .bottom-content .specifications-wrapper .specifications-item-2-row-sofas .left-content {
-ms-flex-preferred-size: 65%;
flex-basis: 65%}
.product-card-slick .block .bottom-content .select-size {
cursor: pointer;
margin-top: 10px;
background: var(--color-white);
position: relative;
}
.product-card-slick .block .bottom-content .select-size .title-select-size {
padding-top: 6px;
padding-left: 10px;
font-family: "Rubik", sans-serif;
font-size: 11px;
line-height: 13px;
margin-bottom: 4px;
color: var(--color-light-gray);
}
.product-card-slick .block .bottom-content .select-size select {
width: 100%;
padding: 0 10px 6px 10px;
border: none;
font-family: "Rubik", sans-serif;
font-size: 13px;
background: var(--color-white);
border-radius: 5px;
color: var(--color-black);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* background: url(../../img/base/arrowDown.svg) 94% 60% no-repeat; */
background-image: var(--img-arrow-down);
background-position: 94% 60%;
background-repeat: no-repeat;
}
.product-card-slick .block .bottom-content .select-size select:focus {
border: none;
outline: none;
}
.product-card-slick .block .bottom-content .price-buy-block {
margin-top: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-card-slick .block .bottom-content .price-buy-block .price-block .new-price {
font-family: "Rubik", sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: var(--color-primary);
}
.product-card-slick .block .bottom-content .price-buy-block .price-block .old-price {
font-family: "Rubik", sans-serif;
margin-top: 3px;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
position: relative;
}
.product-card-slick .block .bottom-content .price-buy-block .price-block .old-price::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 1.5px;
background-color: #e63a3a;
-webkit-transform: rotate(-6.63deg) translateY(-50%);
-ms-transform: rotate(-6.63deg) translateY(-50%);
transform: rotate(-6.63deg) translateY(-50%);
}
.product-card-slick .block .bottom-content .price-buy-block .buy {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
padding: 11px 30px 11px 20px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: var(--color-primary);
border-radius: 60px;
position: relative;
}
.product-card-slick .block .bottom-content .price-buy-block .buy::before {
content: "";
position: absolute;
right: 13px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px;
height: 14px;
background: url("../../img/base/basketIconWhite.svg") no-repeat;
}
.product-card-slick .block .bottom-content .price-buy-block .buy:hover {
background-color: var(--color-primary-dark);
}
.template-spespecifications-slide {
padding-bottom: 2px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.template-spespecifications-slide .title-block {
padding: 18px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.template-spespecifications-slide .title-block p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 17px;
max-width: 160px;
color: var(--color-black);
}
.template-spespecifications-slide .title-block img {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
-o-transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.template-spespecifications-slide .content {
margin-top: 2px;
}
.template-spespecifications-slide .content .label-container ~ .label-container {
margin-top: 16px;
}
.template-spespecifications-slide .content .label-container {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
display: block;
position: relative;
padding-left: 27px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.template-spespecifications-slide .content .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.template-spespecifications-slide .content .checkmark {
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border: 2px solid #e5e5e5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
}
.template-spespecifications-slide .content .label-container input:checked ~ .checkmark {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.template-spespecifications-slide .radio-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.template-spespecifications-slide .radio-content .label-container ~ .label-container {
margin-left: 14px;
}
.template-spespecifications-slide .radio-content .label-container {
display: block;
position: relative;
padding-left: 23px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Rubik", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.template-spespecifications-slide .radio-content .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.template-spespecifications-slide .radio-content .checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: transparent;
border-radius: 50%;
background: #f9f9ef;
border: 1px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.template-spespecifications-slide .radio-content .checkmark::after {
content: "";
position: absolute;
display: none;
}
.template-spespecifications-slide .radio-content .label-container input:checked ~ .checkmark:after {
display: block;
}
.template-spespecifications-slide .radio-content .label-container .checkmark:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--color-primary);
}
.template-spespecifications-slide-click .title-block img {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.block-view-3-col {
cursor: pointer;
margin-top: 25px;
-ms-flex-preferred-size: 31%;
flex-basis: 31%;
max-width: 263px;
background: var(--color-gray-bg);
border-radius: 5px 5px 0px 0px;
padding: 17px 12px;
position: relative;
color: var(--color-white);
}
.block-view-3-col:hover .top-content .hover-button {
opacity: 1;
}
.block-view-3-col .new-product {
padding-top: 9px;
padding-left: 12px;
position: absolute;
top: 0;
left: 0;
width: 86px;
height: 36px;
background: url("/img/base/newProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
z-index: 5;
}
.block-view-3-col .hit-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -7px;
right: -13px;
width: 43px;
height: 43px;
background: url("../../img/base/hitProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
z-index: 5;
color: var(--color-white);
}
.block-view-3-col .top-content {
height: 169px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-white);
border-radius: 5px;
position: relative;
}
.block-view-3-col .top-content img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.block-view-3-col .top-content .hover-button {
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
background: var(--color-primary-light);
border-radius: 0px 0px 5px 5px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 18px;
width: 100%;
padding: 20px 54px 20px 30px;
color: var(--color-black);
-webkit-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.block-view-3-col .top-content .hover-button:hover {
background-color: #dadabb;
}
.block-view-3-col .top-content .hover-button:focus {
outline: none;
}
.block-view-3-col .top-content .hover-button::before {
content: "";
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 21px;
height: 21px;
background: url("../../img/base/eyeIcon.svg") no-repeat;
-webkit-filter: invert(1);
filter: invert(1);
}
.block-view-3-col .bottom-content .title-block {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.block-view-3-col .bottom-content .title-block .title-block-wrapper .title {
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.block-view-3-col .bottom-content .title-block .title-block-wrapper .sub-title {
margin-top: 7px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.block-view-3-col .bottom-content .title-block .libre {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: var(--color-primary);
}
.block-view-3-col .bottom-content .specifications-wrapper {
margin-top: 12px;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item, .block-view-3-col .bottom-content .specifications-wrapper .specifications-item {
margin-top: 3px;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item {
background: var(--color-white);
border-radius: 5px;
padding: 7px 10px;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .title {
font-family: "Rubik", sans-serif;
font-size: 11px;
line-height: 13px;
color: var(--color-light-gray);
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .sub-title {
margin-top: 3px;
font-family: "Rubik", sans-serif;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .radio-content {
margin-top: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container ~ .label-container {
margin-left: 14px;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container {
display: block;
position: relative;
padding-left: 18px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Rubik", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 13px;
line-height: 12px;
color: var(--color-black);
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .radio-content .checkmark {
position: absolute;
top: 0;
left: 0;
height: 12px;
width: 12px;
background-color: transparent;
border-radius: 50%;
background: #f9f9ef;
border: 1px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .radio-content .checkmark::after {
content: "";
position: absolute;
display: none;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container input:checked ~ .checkmark:after {
display: block;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container .checkmark:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-primary);
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .color-pic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 3px;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-pic__item ~ .color-pic__item {
margin-left: 4px;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-pic__item {
width: 14px;
height: 14px;
border-radius: 50%;
overflow: hidden;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-orange {
background: #cd853f;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-grey {
background: #cbcbcb;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-purpule {
background: #c898ee;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-lemon {
background: #f5eabc;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item-2-row {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: transparent;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item-2-row .left-content, .block-view-3-col .bottom-content .specifications-wrapper .specifications-item-2-row .right-content {
-webkit-box-shadow: none;
box-shadow: none;
position: static;
padding: 7px 10px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
background: var(--color-white);
border-radius: 5px;
z-index: 10;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item-2-row .left-content {
padding-right: 2px;
margin-right: 4px;
}
.block-view-3-col .bottom-content .specifications-wrapper .specifications-item-2-row-sofas .left-content {
-ms-flex-preferred-size: 65%;
flex-basis: 65%}
.block-view-3-col .bottom-content .select-size {
cursor: pointer;
margin-top: 10px;
background: var(--color-white);
position: relative;
}
.block-view-3-col .bottom-content .select-size .title-select-size {
padding-top: 6px;
padding-left: 10px;
font-family: "Rubik", sans-serif;
font-size: 11px;
line-height: 13px;
margin-bottom: 4px;
color: var(--color-light-gray);
}
.block-view-3-col .bottom-content .select-size select {
width: 100%;
padding: 0 10px 6px 10px;
border: none;
font-family: "Rubik", sans-serif;
font-size: 13px;
background: var(--color-white);
border-radius: 5px;
color: var(--color-black);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* background: url(../../img/base/arrowDown.svg) 94% 60% no-repeat; */
background-image: var(--img-arrow-down);
background-position: 94% 60%;
background-repeat: no-repeat;
}
.block-view-3-col .bottom-content .select-size select:focus {
border: none;
outline: none;
}
.block-view-3-col .bottom-content .price-buy-block {
margin-top: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.block-view-3-col .bottom-content .price-buy-block .price-block .new-price {
font-family: "Rubik", sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: var(--color-primary);
}
.block-view-3-col .bottom-content .price-buy-block .price-block .old-price {
font-family: "Rubik", sans-serif;
margin-top: 3px;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
position: relative;
}
.block-view-3-col .bottom-content .price-buy-block .price-block .old-price::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 1.5px;
background-color: #e63a3a;
-webkit-transform: rotate(-6.63deg) translateY(-50%);
-ms-transform: rotate(-6.63deg) translateY(-50%);
transform: rotate(-6.63deg) translateY(-50%);
}
.block-view-3-col .bottom-content .price-buy-block .buy {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
padding: 11px 30px 11px 20px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: var(--color-primary);
border-radius: 60px;
position: relative;
}
.block-view-3-col .bottom-content .price-buy-block .buy::before {
content: "";
position: absolute;
right: 13px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px;
height: 14px;
background: url("../../img/base/basketIconWhite.svg") no-repeat;
}
.block-view-3-col .bottom-content .price-buy-block .buy:hover {
background-color: var(--color-primary-dark);
}
.block-view-2-col {
cursor: pointer;
margin-top: 25px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
background: var(--color-gray-bg);
border-radius: 5px 5px 0px 0px;
padding: 17px 12px;
position: relative;
color: var(--color-white);
}
.block-view-2-col:hover .top-content .hover-button {
opacity: 1;
}
.block-view-2-col .new-product {
padding-top: 9px;
padding-left: 12px;
position: absolute;
top: 0;
left: 0;
width: 86px;
height: 36px;
background: url("../img/base/newProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
z-index: 5;
}
.block-view-2-col .hit-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -7px;
right: -13px;
width: 43px;
height: 43px;
background: url("../../img/base/hitProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
z-index: 5;
color: var(--color-white);
}
.block-view-2-col .top-content {
height: 268px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-white);
border-radius: 5px;
position: relative;
}
.block-view-2-col .top-content img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.block-view-2-col .top-content .hover-button {
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
background: var(--color-primary-light);
border-radius: 0px 0px 5px 5px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 18px;
width: 100%;
padding: 20px 54px 20px 30px;
color: var(--color-black);
-webkit-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.block-view-2-col .top-content .hover-button:hover {
background-color: #dadabb;
}
.block-view-2-col .top-content .hover-button:focus {
outline: none;
}
.block-view-2-col .top-content .hover-button::before {
content: "";
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 21px;
height: 21px;
background: url("../../img/base/eyeIcon.svg") no-repeat;
-webkit-filter: invert(1);
filter: invert(1);
}
.block-view-2-col .bottom-content .title-block {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.block-view-2-col .bottom-content .title-block .title-block-wrapper .title {
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.block-view-2-col .bottom-content .title-block .title-block-wrapper .sub-title {
margin-top: 7px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.block-view-2-col .bottom-content .title-block .libre {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: var(--color-primary);
}
.block-view-2-col .bottom-content .specifications-wrapper {
margin-top: 12px;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item, .block-view-2-col .bottom-content .specifications-wrapper .specifications-item {
margin-top: 3px;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item {
background: var(--color-white);
border-radius: 5px;
padding: 7px 10px;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .title {
font-family: "Rubik", sans-serif;
font-size: 11px;
line-height: 13px;
color: var(--color-light-gray);
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .sub-title {
margin-top: 3px;
font-family: "Rubik", sans-serif;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .radio-content {
margin-top: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container ~ .label-container {
margin-left: 14px;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container {
display: block;
position: relative;
padding-left: 18px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Rubik", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 13px;
line-height: 12px;
color: var(--color-black);
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .radio-content .checkmark {
position: absolute;
top: 0;
left: 0;
height: 12px;
width: 12px;
background-color: transparent;
border-radius: 50%;
background: #f9f9ef;
border: 1px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .radio-content .checkmark::after {
content: "";
position: absolute;
display: none;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container input:checked ~ .checkmark:after {
display: block;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container .checkmark:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-primary);
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .color-pic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 3px;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-pic__item ~ .color-pic__item {
margin-left: 4px;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-pic__item {
width: 14px;
height: 14px;
border-radius: 50%}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-orange {
background: #cd853f;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-grey {
background: #cbcbcb;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-purpule {
background: #c898ee;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-lemon {
background: #f5eabc;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item-2-row {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: transparent;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item-2-row .left-content, .block-view-2-col .bottom-content .specifications-wrapper .specifications-item-2-row .right-content {
-webkit-box-shadow: none;
box-shadow: none;
position: static;
padding: 7px 10px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
background: var(--color-white);
border-radius: 5px;
z-index: 10;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item-2-row .left-content {
padding-right: 2px;
}
.block-view-2-col .bottom-content .specifications-wrapper .specifications-item-2-row-sofas .left-content {
-ms-flex-preferred-size: 65%;
flex-basis: 65%}
.block-view-2-col .bottom-content .select-size {
cursor: pointer;
margin-top: 10px;
background: var(--color-white);
position: relative;
}
.block-view-2-col .bottom-content .select-size .title-select-size {
padding-top: 6px;
padding-left: 10px;
font-family: "Rubik", sans-serif;
font-size: 11px;
line-height: 13px;
margin-bottom: 4px;
color: var(--color-light-gray);
}
.block-view-2-col .bottom-content .select-size select {
width: 100%;
padding: 0 10px 6px 10px;
border: none;
font-family: "Rubik", sans-serif;
font-size: 13px;
background: var(--color-white);
border-radius: 5px;
color: var(--color-black);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* background: url(../../img/base/arrowDown.svg) 94% 60% no-repeat; */
background-image: var(--img-arrow-down);
background-position: 94% 60%;
background-repeat: no-repeat;
}
.block-view-2-col .bottom-content .select-size select:focus {
border: none;
outline: none;
}
.block-view-2-col .bottom-content .price-buy-block {
margin-top: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.block-view-2-col .bottom-content .price-buy-block .price-block .new-price {
font-family: "Rubik", sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: var(--color-primary);
}
.block-view-2-col .bottom-content .price-buy-block .price-block .old-price {
font-family: "Rubik", sans-serif;
margin-top: 3px;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
position: relative;
}
.block-view-2-col .bottom-content .price-buy-block .price-block .old-price::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 1.5px;
background-color: #e63a3a;
-webkit-transform: rotate(-6.63deg) translateY(-50%);
-ms-transform: rotate(-6.63deg) translateY(-50%);
transform: rotate(-6.63deg) translateY(-50%);
}
.block-view-2-col .bottom-content .price-buy-block .buy {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
padding: 11px 30px 11px 20px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: var(--color-primary);
border-radius: 60px;
position: relative;
}
.block-view-2-col .bottom-content .price-buy-block .buy::before {
content: "";
position: absolute;
right: 13px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px;
height: 14px;
background: url("../../img/base/basketIconWhite.svg") no-repeat;
}
.block-view-2-col .bottom-content .price-buy-block .buy:hover {
background-color: var(--color-primary-dark);
}
.block-view-1-col {
cursor: pointer;
margin-top: 25px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background: var(--color-gray-bg);
border-radius: 5px 5px 0px 0px;
padding: 17px 197px 17px 12px;
position: relative;
color: var(--color-white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.block-view-1-col:hover .top-content .hover-button {
opacity: 1;
}
.block-view-1-col .new-product {
padding-top: 9px;
padding-left: 12px;
position: absolute;
top: 0;
left: 0;
width: 86px;
height: 36px;
background: url("../img/base/newProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
z-index: 5;
}
.block-view-1-col .hit-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -7px;
right: -13px;
width: 43px;
height: 43px;
background: url("../../img/base/hitProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
z-index: 5;
color: var(--color-white);
}
.block-view-1-col .top-content {
margin-right: 20px;
-ms-flex-preferred-size: 54%;
flex-basis: 54%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-white);
border-radius: 5px;
position: relative;
}
.block-view-1-col .top-content img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.block-view-1-col .top-content .hover-button {
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
background: var(--color-primary-light);
border-radius: 0px 0px 5px 5px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 18px;
width: 100%;
padding: 20px 54px 20px 30px;
color: var(--color-black);
-webkit-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.block-view-1-col .top-content .hover-button:hover {
background-color: #dadabb;
}
.block-view-1-col .top-content .hover-button:focus {
outline: none;
}
.block-view-1-col .top-content .hover-button::before {
content: "";
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 21px;
height: 21px;
background: url("../../img/base/eyeIcon.svg") no-repeat;
-webkit-filter: invert(1);
filter: invert(1);
}
.block-view-1-col .bottom-content {
-ms-flex-preferred-size: 43%;
flex-basis: 43%}
.block-view-1-col .bottom-content .title-block {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.block-view-1-col .bottom-content .title-block .title-block-wrapper .title {
font-family: "Rubik", sans-serif;
font-size: 17px;
line-height: 17px;
color: var(--color-light-gray);
}
.block-view-1-col .bottom-content .title-block .title-block-wrapper .sub-title {
margin-top: 12px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 23px;
line-height: 25px;
color: var(--color-black);
}
.block-view-1-col .bottom-content .title-block .libre {
margin-top: 22px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: var(--color-primary);
}
.block-view-1-col .bottom-content .specifications-wrapper {
margin-top: 12px;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item ~ .specifications-item {
margin-top: 3px;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item {
background: var(--color-white);
border-radius: 5px;
padding: 7px 10px;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .title {
font-family: "Rubik", sans-serif;
font-size: 11px;
line-height: 13px;
color: var(--color-light-gray);
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .sub-title {
margin-top: 3px;
font-family: "Rubik", sans-serif;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .radio-content {
margin-top: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container ~ .label-container {
margin-left: 14px;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container {
display: block;
position: relative;
padding-left: 18px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Rubik", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 13px;
line-height: 12px;
color: var(--color-black);
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .radio-content .checkmark {
position: absolute;
top: 0;
left: 0;
height: 12px;
width: 12px;
background-color: transparent;
border-radius: 50%;
background: #f9f9ef;
border: 1px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .radio-content .checkmark::after {
content: "";
position: absolute;
display: none;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container input:checked ~ .checkmark:after {
display: block;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .radio-content .label-container .checkmark:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-primary);
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .color-pic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 3px;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-pic__item ~ .color-pic__item {
margin-left: 4px;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-pic__item {
width: 14px;
height: 14px;
border-radius: 50%}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-orange {
background: #cd853f;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-grey {
background: #cbcbcb;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-purpule {
background: #c898ee;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item .color-pic .color-lemon {
background: #f5eabc;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item-2-row {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: transparent;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item-2-row .left-content, .block-view-1-col .bottom-content .specifications-wrapper .specifications-item-2-row .right-content {
-webkit-box-shadow: none;
box-shadow: none;
position: static;
padding: 7px 10px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
background: var(--color-white);
border-radius: 5px;
z-index: 10;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item-2-row .left-content {
padding-right: 2px;
}
.block-view-1-col .bottom-content .specifications-wrapper .specifications-item-2-row-sofas .left-content {
-ms-flex-preferred-size: 65%;
flex-basis: 65%}
.block-view-1-col .bottom-content .select-size {
cursor: pointer;
margin-top: 10px;
background: var(--color-white);
position: relative;
}
.block-view-1-col .bottom-content .select-size .title-select-size {
padding-top: 6px;
padding-left: 10px;
font-family: "Rubik", sans-serif;
font-size: 11px;
line-height: 13px;
margin-bottom: 4px;
color: var(--color-light-gray);
}
.block-view-1-col .bottom-content .select-size select {
width: 100%;
padding: 0 10px 6px 10px;
border: none;
font-family: "Rubik", sans-serif;
font-size: 13px;
background: var(--color-white);
border-radius: 5px;
color: var(--color-black);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* background: url(../../img/base/arrowDown.svg) 94% 60% no-repeat; */
background-image: var(--img-arrow-down);
background-position: 94% 60%;
background-repeat: no-repeat;
}
.block-view-1-col .bottom-content .select-size select:focus {
border: none;
outline: none;
}
.block-view-1-col .bottom-content .price-buy-block {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 17px;
margin-top: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.block-view-1-col .bottom-content .price-buy-block .price-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.block-view-1-col .bottom-content .price-buy-block .price-block .new-price {
font-family: "Rubik", sans-serif;
font-weight: 700;
font-size: 23px;
line-height: 18px;
color: var(--color-primary);
}
.block-view-1-col .bottom-content .price-buy-block .price-block .old-price {
font-family: "Rubik", sans-serif;
margin-top: 10px;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
position: relative;
}
.block-view-1-col .bottom-content .price-buy-block .price-block .old-price::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 1.5px;
background-color: #e63a3a;
-webkit-transform: rotate(-6.63deg) translateY(-50%);
-ms-transform: rotate(-6.63deg) translateY(-50%);
transform: rotate(-6.63deg) translateY(-50%);
}
.block-view-1-col .bottom-content .price-buy-block .buy {
margin-top: 51px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
padding: 16px 54px 16px 34px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: var(--color-primary);
border-radius: 60px;
position: relative;
}
.block-view-1-col .bottom-content .price-buy-block .buy::before {
content: "";
position: absolute;
right: 13px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px;
height: 14px;
background: url("../../img/base/basketIconWhite.svg") no-repeat;
}
.block-view-1-col .bottom-content .price-buy-block .buy:hover {
background-color: var(--color-primary-dark);
}
.black-out-filters {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 40;
}
.slider-block-lock-slick-track .view-slide-nav .view-slide-nav__wrapper .slick-track {
width: 100% !important;
}
.slider-block-lock-slick-track .pop-up-view-slide-nav .view-slide-nav__wrapper .slick-track {
width: 100% !important;
}
.header .header__wrapper .top-header {
background: var(--color-gray-bg);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.03);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.03);
}
.header .header__wrapper .top-header .top-header__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 70px;
}
.header .header__wrapper .top-header .top-menu {
margin-right: 20px;
}
.header .header__wrapper .top-header .top-menu ul li ~ li {
margin-left: 28px;
}
.header .header__wrapper .top-header .top-menu ul li {
display: inline-block;
}
.header .header__wrapper .top-header .top-menu ul li a {
font-family: "Raleway", sans-serif;
font-size: 14px;
line-height: 16px;
color: var(--color-light-gray);
-webkit-transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out, width 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out, width 0.2s ease-in-out;
transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out, width 0.2s ease-in-out;
}
.header .header__wrapper .top-header .top-menu ul li a:hover {
font-weight: 600;
color: var(--color-primary);
}
.header .header__wrapper .top-header .search-block {
margin-left: auto;
position: relative;
}
.header .header__wrapper .top-header .search-block::before {
content: "";
position: absolute;
top: 50%;
right: 17px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px;
height: 14px;
background: url("../../img/base/searchIcon.svg") no-repeat;
}
.header .header__wrapper .top-header .search-block input {
width: 292px;
height: 40px;
border: 1.2px solid var(--color-primary-dark);
border-radius: 60px;
background-color: transparent;
font-family: "Raleway", sans-serif;
font-style: italic;
font-size: 14px;
padding-left: 20px;
padding-right: 35px;
color: #b5b5b5;
}
.header .header__wrapper .top-header .search-block input ::-webkit-input-placeholder {
font-family: "Raleway", sans-serif;
font-style: italic;
font-size: 14px;
color: #b5b5b5;
}
.header .header__wrapper .top-header .search-block input ::-moz-placeholder {
font-family: "Raleway", sans-serif;
font-style: italic;
font-size: 14px;
color: #b5b5b5;
}
.header .header__wrapper .top-header .search-block input :-ms-input-placeholder {
font-family: "Raleway", sans-serif;
font-style: italic;
font-size: 14px;
color: #b5b5b5;
}
.header .header__wrapper .top-header .search-block input ::-ms-input-placeholder {
font-family: "Raleway", sans-serif;
font-style: italic;
font-size: 14px;
color: #b5b5b5;
}
.header .header__wrapper .top-header .search-block input ::placeholder {
font-family: "Raleway", sans-serif;
font-style: italic;
font-size: 14px;
color: #b5b5b5;
}
.header .header__wrapper .middle-header {
padding: 5px 0;
}
.header .header__wrapper .middle-header .middle-header__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__wrapper .middle-header .call-back {
margin-left: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__wrapper .middle-header .call-back .number {
font-family: "Rubik", sans-serif;
font-weight: 700;
font-size: 15px;
color: var(--color-black);
}
.header .header__wrapper .middle-header .call-back .call-back-button {
padding: 16px 29px;
margin-left: 16px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.header .header__wrapper .middle-header .call-back .call-back-button:hover {
background: var(--color-primary-dark);
}
.header .header__wrapper .middle-header .header-info {
margin-left: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 20px;
padding-right: 13px;
position: relative;
}
.header .header__wrapper .middle-header .header-info::before, .header .header__wrapper .middle-header .header-info::after {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 60px;
background-color: rgba(0, 0, 0, 0.08);
}
.header .header__wrapper .middle-header .header-info::before {
left: 0;
}
.header .header__wrapper .middle-header .header-info::after {
right: 0;
}
.header .header__wrapper .middle-header .header-info .left-content, .header .header__wrapper .middle-header .header-info .right-content {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__wrapper .middle-header .header-info .left-content .icon, .header .header__wrapper .middle-header .header-info .right-content .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32px;
height: 32px;
background: var(--color-gray-bg);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.header .header__wrapper .middle-header .header-info .left-content .icon svg .st0, .header .header__wrapper .middle-header .header-info .right-content .icon svg .st0 {
-webkit-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
}
.header .header__wrapper .middle-header .header-info .left-content .icon svg path, .header .header__wrapper .middle-header .header-info .right-content .icon svg path {
-webkit-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
}
.header .header__wrapper .middle-header .header-info .left-content .text-block, .header .header__wrapper .middle-header .header-info .right-content .text-block {
margin-left: 25px;
}
.header .header__wrapper .middle-header .header-info .left-content .text-block .title, .header .header__wrapper .middle-header .header-info .right-content .text-block .title {
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
color: var(--color-gray);
}
.header .header__wrapper .middle-header .header-info .left-content .text-block .sub-title, .header .header__wrapper .middle-header .header-info .right-content .text-block .sub-title {
border-bottom: 1px dashed var(--color-primary-dark);
margin-top: 4px;
font-family: "Raleway", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 16px;
padding-bottom: 4px;
color: var(--color-primary-dark);
}
.header .header__wrapper .middle-header .header-info .left-content .icon svg path {
stroke: var(--color-primary-dark);
fill: var(--color-primary-dark);
}
.header .header__wrapper .middle-header .header-info .left-content:hover .icon {
background-color: var(--color-primary-dark);
}
.header .header__wrapper .middle-header .header-info .left-content:hover .icon svg path {
fill: var(--color-white);
}
.header .header__wrapper .middle-header .header-info .right-content {
margin-left: 20px;
}
.header .header__wrapper .middle-header .header-info .right-content .icon svg .st0 {
fill: var(--color-primary-dark);
}
.header .header__wrapper .middle-header .header-info .right-content:hover .icon {
background-color: var(--color-primary-dark);
}
.header .header__wrapper .middle-header .header-info .right-content:hover .icon svg .st0 {
fill: var(--color-white);
}
.header .header__wrapper .middle-header .header-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
.header .header__wrapper .middle-header .header-buttons button svg path {
-webkit-transition: stroke 0.2s ease-in-out;
-o-transition: stroke 0.2s ease-in-out;
transition: stroke 0.2s ease-in-out;
stroke: #979797;
}
.header .header__wrapper .middle-header .header-buttons button:hover svg path,
.header .header__wrapper .middle-header .header-buttons a:hover svg path {
stroke: var(--color-primary);
}
.header .header__wrapper .middle-header .header-buttons .like {
margin-right: 15px;
}
.header .header__wrapper .middle-header .header-buttons .list {
margin-right: 12px;
}
.header .header__wrapper .middle-header .header-buttons .basket {
position: relative;
}
.header .header__wrapper .middle-header .header-buttons .basket .basket-count {
position: absolute;
top: -7px;
right: -7px;
font-family: "Raleway", sans-serif;
font-weight: 500;
font-size: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color-white);
width: 15px;
height: 15px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
}
.header .header__wrapper .bottom-header {
padding: 26px 0;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
}
.header .header__wrapper .bottom-header .bottom-menu {
height: 100%}
.header .header__wrapper .bottom-header .bottom-menu ul {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__wrapper .bottom-header .bottom-menu ul li a {
padding: 3px;
font-family: "Raleway", sans-serif;
font-weight: 500;
font-size: 15px;
position: relative;
-webkit-transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
color: var(--color-black);
}
.header .header__wrapper .bottom-header .bottom-menu ul li a::before {
content: "";
position: absolute;
bottom: -25px;
left: 0;
background: var(--color-primary);
border-radius: 5px;
width: 100%;
height: 3px;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.header .header__wrapper .bottom-header .bottom-menu ul li a:hover {
color: var(--color-primary);
font-weight: 700;
}
.header .header__wrapper .bottom-header .bottom-menu ul li a:hover::before {
opacity: 1;
}
.header .header__wrapper .bottom-header .bottom-menu ul .link-shares a {
padding-left: 30px;
}
.header .header__wrapper .bottom-header .bottom-menu ul .link-shares a::after {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 20px;
background: url("../img/base/sharesIcon.svg") no-repeat;
}
.header .header__wrapper .header-min {
position: relative;
display: none;
background: var(--color-gray-bg);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.03);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.03);
}
/*.header .header__wrapper .header-min .header-min__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 86px;
}*/
.header .header__wrapper .header-min .header-min-menu ul li ~ li {
margin-left: 15px;
}
.header .header__wrapper .header-min .header-min-menu ul li {
display: inline-block;
}
.header .header__wrapper .header-min .header-min-menu ul li a {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: var(--color-black);
position: relative;
-webkit-transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
}
.header .header__wrapper .header-min .header-min-menu ul li a::before {
content: "";
position: absolute;
bottom: -25px;
left: 0;
background: var(--color-primary);
border-radius: 5px;
width: 100%;
height: 3px;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.header .header__wrapper .header-min .header-min-menu ul li a:hover {
color: var(--color-primary);
font-weight: 700;
}
.header .header__wrapper .header-min .header-min-menu ul li a:hover::before {
opacity: 1;
}
.header .header__wrapper .header-min .header-min-call-back {
margin-left: auto;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.header .header__wrapper .header-min .header-min-call-back .number {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.header .header__wrapper .header-min .header-min-call-back .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 14px;
padding-bottom: 5px;
color: var(--color-primary);
border-bottom: 1px dashed var(--color-primary);
}
.header .header__wrapper .header-min .header-min-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
.header .header__wrapper .header-min .header-min-buttons button svg path {
-webkit-transition: stroke 0.2s ease-in-out;
-o-transition: stroke 0.2s ease-in-out;
transition: stroke 0.2s ease-in-out;
stroke: var(--color-light-gray);
}
.header .header__wrapper .header-min .header-min-buttons button:hover svg path {
stroke: var(--color-primary);
}
.header .header__wrapper .header-min .header-min-buttons .like {
margin-right: 15px;
}
.header .header__wrapper .header-min .header-min-buttons .list {
margin-right: 12px;
}
.header .header__wrapper .header-min .header-min-buttons .basket {
position: relative;
}
.header .header__wrapper .header-min .header-min-buttons .basket .basket-count {
position: absolute;
top: -7px;
right: -7px;
font-family: "Raleway", sans-serif;
font-weight: 500;
font-size: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color-white);
width: 15px;
height: 15px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
}
.header .header__wrapper .header-min .burger {
display: none;
margin-left: auto;
cursor: pointer;
position: relative;
z-index: 30;
}
.header .header__wrapper .header-min .burger:hover span {
background-color: var(--color-primary);
}
.header .header__wrapper .header-min .burger span ~ span {
margin-top: 7px;
}
.header .header__wrapper .header-min .burger span {
display: block;
width: 30px;
height: 1px;
background-color: var(--color-black);
-webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.header .header__wrapper .header-min .burger-active span {
background-color: var(--color-primary);
}
.header .header__wrapper .header-min .burger-active span:nth-child(2) {
opacity: 0;
}
.header .header__wrapper .header-min .burger-active span:nth-child(1) {
-webkit-transform: translate(0, 8px) rotate(45deg);
-ms-transform: translate(0, 8px) rotate(45deg);
transform: translate(0, 8px) rotate(45deg);
}
.header .header__wrapper .header-min .burger-active span:nth-child(3) {
-webkit-transform: translate(0, -8px) rotate(-45deg);
-ms-transform: translate(0, -8px) rotate(-45deg);
transform: translate(0, -8px) rotate(-45deg);
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper {
display: none;
padding: 90px 60px 40px 60px;
border-radius: 0 0 0 5px;
position: absolute;
top: 0;
right: 0;
z-index: 20;
background-color: var(--color-black);
color: var(--color-white);
-webkit-transform: translateX(500px);
-ms-transform: translateX(500px);
transform: translateX(500px);
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: -webkit-transform 0.5s ease-in-out;
-o-transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-menu ul li ~ li {
margin-top: 25px;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-menu ul li a {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-align: center;
color: var(--color-white);
position: relative;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-menu ul li a:hover {
color: var(--color-primary);
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-buttons {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-buttons button svg path {
-webkit-transition: stroke 0.2s ease-in-out;
-o-transition: stroke 0.2s ease-in-out;
transition: stroke 0.2s ease-in-out;
stroke: var(--color-light-gray);
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-buttons button:hover svg path {
stroke: var(--color-primary);
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-buttons .like {
margin-right: 15px;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-buttons .list {
margin-right: 12px;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-buttons .basket {
position: relative;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-buttons .basket .basket-count {
position: absolute;
top: -7px;
right: -7px;
font-family: "Raleway", sans-serif;
font-weight: 500;
font-size: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color-white);
width: 15px;
height: 15px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-call-back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-call-back .number {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 24px;
color: var(--color-white);
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-call-back .call-back-button {
margin-top: 15px;
padding: 16px 29px;
margin-left: 16px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.header .header__wrapper .header-min .header-mobile-menu-wrapper .header-mobile-call-back .call-back-button:hover {
background: var(--color-primary-dark);
}
.header .header__wrapper .header-min .header-mobile-menu-show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slider-block {
display: block;
margin-top: 28px;
}
@media (max-width: 1024px){
.slider-block.redesign {
margin-top: 0;
}
}
.slider-block .slider__wrapper {
position: relative;
padding-bottom: 39px;
}
@media (max-width: 1024px) {
.slider-block.redesign .slider__wrapper {
padding-bottom: 15px;
}
}
.slider-block .slider__wrapper .slick-dots {
position: absolute;
left: 50%;
bottom: 5px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.slider-block .slider__wrapper .slick-dots .slick-active {
background: var(--color-primary);
}
@media (max-width: 1024px){
.slider-block.redesign .slider__wrapper .slick-dots .slick-active {
background-color: var(--color-primary-dark);
}
}
.slider-block .slider__wrapper .slick-dots .slick-active::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 19px;
height: 19px;
border-radius: 50%;
border: 1.2px solid rgba(126, 179, 37, 0.5);
}
.slider-block .slider__wrapper .slick-dots li {
position: relative;
padding: 2px;
margin: 0 7px;
display: inline-block;
font-size: 0;
width: 11px;
height: 11px;
border-radius: 50%;
background: rgba(126, 179, 37, 0.2);
}
@media (max-width: 1024px){
.slider-block.redesign .slider__wrapper .slick-dots li {
padding: 0;
margin: 0 5px;
border-radius: 10px;
background-color: #E0E0E1;
}
}
.slider-block .slider__wrapper .slick-arrow {
top: 34%;
width: 52px;
height: 51px;
background: var(--color-gray-bg);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
border-radius: 60px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.slider-block .slider__wrapper .slick-arrow svg path {
fill: var(--color-primary-dark);
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
}
.slider-block .slider__wrapper .slick-arrow:hover {
background-color: var(--color-primary-dark);
}
.slider-block .slider__wrapper .slick-arrow:hover svg path {
fill: var(--color-white);
}
.slider-block .slider__wrapper .slick-prev {
left: -21.5px;
}
.slider-block .slider__wrapper .slick-prev svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.slider-block .slider__wrapper .slick-next {
right: -21.5px;
}
.slider-block .slider__wrapper .block .block-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.slider-block .slider__wrapper .block .block-wrapper .left-content {
padding: 68px 20px 32px 44px;
-ms-flex-preferred-size: 66%;
flex-basis: 66%;
background: url("../img/base/sliderBg1.jpg") no-repeat center/cover;
border-radius: 10px;
}
.slider-block .slider__wrapper .block .block-wrapper .left-content .title {
font-family: "Raleway", sans-serif;
font-weight: 800;
font-size: 57px;
color: var(--color-black);
}
.slider-block .slider__wrapper .block .block-wrapper .left-content .sub-title {
font-family: "Rubik", sans-serif;
font-size: 27px;
color: var(--color-black);
}
.slider-block .slider__wrapper .block .block-wrapper .left-content .sub-title span {
font-family: "Raleway", sans-serif;
font-weight: 800;
font-size: 27px;
}
.slider-block .slider__wrapper .block .block-wrapper .left-content .order {
padding: 15px 54px;
margin-top: 26px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.slider-block .slider__wrapper .block .block-wrapper .left-content .order:hover {
background-color: var(--color-primary-dark);
}
.slider-block .slider__wrapper .block .block-wrapper .right-content {
-ms-flex-preferred-size: 31.5%;
flex-basis: 31.5%;
padding: 86px 20px 32px 27px;
background: url("../img/base/sliderBg2.jpg") no-repeat center/cover;
border-radius: 10px;
}
.slider-block .slider__wrapper .block .block-wrapper .right-content .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
color: var(--color-black);
}
.slider-block .slider__wrapper .block .block-wrapper .right-content .sub-title {
margin-top: 6px;
font-family: "Rubik", sans-serif;
font-size: 23px;
max-width: 200px;
color: var(--color-black);
}
.slider-block .slider__wrapper .block .block-wrapper .right-content .sub-title span {
font-family: "Raleway", sans-serif;
font-weight: 800;
}
.main-links {
margin-top: 34px;
}
.main-links .main-links__wrapper {
background: var(--color-white);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-links .main-links__wrapper .block {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 27px 10px 23px 10px;
-webkit-transition: background-image 0.2s ease-in-out;
-o-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
position: relative;
}
.main-links .main-links__wrapper .block .icon {
position: relative;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 73px;
height: 73px;
border-radius: 50%;
background: var(--color-gray-bg);
border: 2px solid transparent;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.main-links .main-links__wrapper .block .icon svg path {
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
fill: var(--color-primary);
}
.main-links .main-links__wrapper .block .icon svg g path {
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
}
.main-links .main-links__wrapper .block .icon svg .stroke-color {
stroke: var(--color-primary);
}
.main-links .main-links__wrapper .block .title {
position: relative;
z-index: 10;
margin-top: 16px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: var(--color-black);
text-align: center;
}
.main-links .main-links__wrapper .block::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../../img/base/mainLinksBg.svg") no-repeat center/cover;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
z-index: 5;
opacity: 0;
}
.main-links .main-links__wrapper .block:hover::after {
opacity: 1;
}
.main-links .main-links__wrapper .block:hover .icon {
background: transparent;
border-color: var(--color-white);
}
.main-links .main-links__wrapper .block:hover .icon svg:not(.nonStrokeHover) {
fill: var(--color-white);
}
.main-links .main-links__wrapper .block:hover .icon svg:not(.nonStrokeHover) path {
stroke: var(--color-white);
fill: var(--color-white);
}
.main-links .main-links__wrapper .block:hover .icon .nonStrokeHover path {
fill: var(--color-white);
stroke: var(--color-primary);
}
.main-links .main-links__wrapper .block:hover .title {
color: var(--color-white);
}
.main-links .main-links__wrapper .block ~ .block::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 111px;
background-color: rgba(0, 0, 0, 0.08);
}
.main-links .main-links__wrapper .block1 {
border-radius: 5px 0 0 5px;
}
.main-links .main-links__wrapper .block6 {
border-radius: 0 5px 5px 0;
}
.main-links .main-links__wrapper .block-active::after {
opacity: 1;
}
.main-links .main-links__wrapper .block-active .icon {
background: transparent;
border-color: var(--color-white);
}
.main-links .main-links__wrapper .block-active .icon svg {
fill: var(--color-white);
}
.main-links .main-links__wrapper .block-active .icon svg path {
stroke: var(--color-white);
fill: var(--color-white);
}
.main-links .main-links__wrapper .block-active .title {
color: var(--color-white);
}
.product-card {
margin-top: 22px;
position: relative;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -100;
}
.product-card-active {
position: static;
opacity: 1;
visibility: visible;
z-index: 10;
}
.sale {
position: relative;
margin-top: 102px;
}
.sale .section-title {
font-family: "Raleway", sans-serif;
font-weight: 800;
font-size: 41px;
line-height: 49px;
text-align: center;
color: var(--color-black);
}
.sale .sale__wrapper {
margin-top: 26px;
}
.subscribe-one {
margin-top: 115px;
}
.subscribe-one .subscribe-one__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: url("../img/base/subscribeOneBg.jpg") no-repeat right/cover;
border-radius: 5px;
}
.subscribe-one .subscribe-one__wrapper .content {
padding: 72px 93px 79px 20px;
margin-left: auto;
}
.subscribe-one .subscribe-one__wrapper .content .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 35px;
color: var(--color-black);
}
.subscribe-one .subscribe-one__wrapper .content .sub-title {
margin-top: 8px;
font-family: "Rubik", sans-serif;
font-size: 17px;
color: var(--color-light-gray);
}
.subscribe-one .subscribe-one__wrapper .content form {
margin-top: 26px;
}
.subscribe-one .subscribe-one__wrapper .content form input[type="email"] {
width: 279px;
height: 50px;
padding-left: 16px;
padding-right: 20px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
border-radius: 5px;
border: 2px solid var(--color-light-gray);
background-color: transparent;
color: var(--color-light-gray);
}
.subscribe-one .subscribe-one__wrapper .content form input[type="email"]::-webkit-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-one .subscribe-one__wrapper .content form input[type="email"]::-moz-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-one .subscribe-one__wrapper .content form input[type="email"]:-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-one .subscribe-one__wrapper .content form input[type="email"]::-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-one .subscribe-one__wrapper .content form input[type="email"]::placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-one .subscribe-one__wrapper .content form input[type="submit"] {
margin-left: 14px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 15px;
padding: 16px 46px;
color: var(--color-white);
border-radius: 60px;
background-color: var(--color-primary);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none;
}
.subscribe-one .subscribe-one__wrapper .content form input[type="submit"]:hover {
background-color: var(--color-primary-dark);
}
.about-company-links .about-company-links__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.about-company-links .about-company-links__wrapper .left-content, .about-company-links .about-company-links__wrapper .right-content {
-ms-flex-preferred-size: 48.5%;
flex-basis: 48.5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 5px;
}
.about-company-links .about-company-links__wrapper .left-content .title, .about-company-links .about-company-links__wrapper .right-content .title {
font-family: "Rubik", sans-serif;
font-weight: 500;
font-size: 35px;
color: var(--color-white);
}
.about-company-links .about-company-links__wrapper .left-content .sub-title, .about-company-links .about-company-links__wrapper .right-content .sub-title {
margin-top: 10px;
font-family: "Rubik", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.3;
color: var(--color-white);
}
.about-company-links .about-company-links__wrapper .left-content .details, .about-company-links .about-company-links__wrapper .right-content .details {
display: inline-block;
margin-top: 30px;
padding: 10px 56px 9px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
border: 1.5px solid var(--color-white);
-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.15));
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.15));
border-radius: 60px;
color: var(--color-white);
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.about-company-links .about-company-links__wrapper .left-content .details:hover, .about-company-links .about-company-links__wrapper .right-content .details:hover {
color: var(--color-white);
background-color: var(--color-primary-dark);
}
.about-company-links .about-company-links__wrapper .left-content {
padding: 150px 24px 24px 260px;
/* background: url("../../img/base/aboutCompanyLinksBg1.jpg") no-repeat center/cover; */
}
.about-company-links .about-company-links__wrapper .left-content,
.about-company-links .about-company-links__wrapper .right-content{
position: relative;
height: 470px;
box-sizing: border-box;
}
.about-company-links .about-company-links__wrapper .left-content .sub-title {
max-width: 280px;
}
.about-company-links .about-company-links__wrapper .right-content {
padding: 150px 24px 24px 300px;
/* background: url("../../img/base/aboutCompanyLinksBg2.jpg") no-repeat center/cover; */
}
/* .about-company-links .about-company-links__wrapper .right-content .title {
color: var(--color-white);
} */
/* .about-company-links .about-company-links__wrapper .right-content .sub-title {
max-width: 175px;
color: var(--color-white);
} */
/* .about-company-links .about-company-links__wrapper .right-content .details {
color: var(--color-white);
border-color: var(--color-white);
} */
/* .about-company-links .about-company-links__wrapper .right-content .details:hover {
background-color: var(--color-white);
color: var(--color-primary-dark);
} */
.news {
margin-top: 103px;
}
.news .news__wrapper .section-title {
font-family: "Raleway", sans-serif;
font-weight: 800;
font-size: 41px;
color: var(--color-black);
}
.news .news__wrapper .buttons-filter {
margin-top: 57px;
}
.news .news__wrapper .buttons-filter button ~ button {
margin-left: 35px;
}
.news .news__wrapper .buttons-filter button {
padding: 9px 23px;
font-family: "Raleway", sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 19px;
border-radius: 60px;
color: var(--color-black);
}
.news .news__wrapper .buttons-filter .active-button {
color: var(--color-white);
background-color: var(--color-primary);
}
.news .news__wrapper .slick-wrapper {
margin-top: 38px;
position: relative;
}
.news .news__wrapper .slick-wrapper .slick-list {
margin: 0 -15px;
}
.news .news__wrapper .slick-wrapper .slick-slide {
margin: 0 15px;
}
.news .news__wrapper .slick-wrapper .slick-arrow {
top: 46%;
width: 52px;
height: 51px;
background: var(--color-gray-bg);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
border-radius: 60px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.news .news__wrapper .slick-wrapper .slick-arrow svg path {
fill: var(--color-primary-dark);
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
}
.news .news__wrapper .slick-wrapper .slick-arrow:hover {
background-color: var(--color-primary-dark);
}
.news .news__wrapper .slick-wrapper .slick-arrow:hover svg path {
fill: var(--color-white);
}
.news .news__wrapper .slick-wrapper .slick-prev {
left: -26.5px;
}
.news .news__wrapper .slick-wrapper .slick-prev svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.news .news__wrapper .slick-wrapper .slick-next {
right: -26.5px;
}
.news .news__wrapper .slick-wrapper .block {
display: block;
background: var(--color-gray-bg);
border-radius: 5px 5px 0px 0px;
padding: 14px;
max-width: 263px;
}
.news .news__wrapper .slick-wrapper .block:focus {
outline: none;
}
.news .news__wrapper .slick-wrapper .block:hover .bottom-content .show-more {
color: var(--color-primary);
}
.news .news__wrapper .slick-wrapper .block:hover .bottom-content .show-more::before {
opacity: 1;
}
.news .news__wrapper .slick-wrapper .block .top-content {
height: 169px;
overflow: hidden;
}
.news .news__wrapper .slick-wrapper .block .top-content img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news .news__wrapper .slick-wrapper .block .bottom-content .date {
margin-top: 18px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.news .news__wrapper .slick-wrapper .block .bottom-content .title {
margin-top: 13px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.news .news__wrapper .slick-wrapper .block .bottom-content .news-text {
margin-top: 10px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
max-height: 100px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
color: var(--color-light-gray);
}
.news .news__wrapper .slick-wrapper .block .bottom-content .show-more {
display: inline-block;
margin-top: 10px;
padding-right: 35px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #c4c4c4;
position: relative;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.news .news__wrapper .slick-wrapper .block .bottom-content .show-more::before {
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 28px;
height: 8px;
background: url("../../img/base/newsArrow.svg") no-repeat;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0;
}
.subscribe-two {
margin-top: 125px;
}
.subscribe-two .subscribe-two__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.subscribe-two .subscribe-two__wrapper .left-content, .subscribe-two .subscribe-two__wrapper .right-content {
position: relative;
border-radius: 5px;
-ms-flex-preferred-size: 48.5%;
flex-basis: 48.5%;
padding: 31px 26px;
}
.subscribe-two .subscribe-two__wrapper .left-content .title, .subscribe-two .subscribe-two__wrapper .right-content .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 23px;
line-height: 28px;
color: var(--color-black);
}
.subscribe-two .subscribe-two__wrapper .left-content .sub-title, .subscribe-two .subscribe-two__wrapper .right-content .sub-title {
max-width: 290px;
margin-top: 17px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: var(--color-light-gray);
}
.subscribe-two .subscribe-two__wrapper .left-content {
margin-right: 20px;
/* background: url("../../img/base/subscribeTwoBg1.jpg") no-repeat center/cover; */
}
.subscribe-two .subscribe-two__wrapper .left-content form {
margin-top: 26px;
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="email"] {
width: 279px;
height: 50px;
padding-left: 16px;
padding-right: 20px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
border-radius: 5px;
border: 2px solid var(--color-light-gray);
background-color: transparent;
color: var(--color-light-gray);
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="email"]::-webkit-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="email"]::-moz-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="email"]:-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="email"]::-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="email"]::placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-light-gray);
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="submit"] {
margin-left: 14px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 15px;
padding: 16px 46px;
color: var(--color-white);
border-radius: 60px;
background-color: var(--color-primary);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none;
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="submit"]:hover {
background-color: var(--color-primary-dark);
}
.subscribe-two .subscribe-two__wrapper .right-content {
/* background: url("../../img/base/subscribeTwoBg2.jpg") no-repeat center/cover; */
}
.subscribe-two .subscribe-two__wrapper .right-content .title {
color: var(--color-white);
}
.subscribe-two .subscribe-two__wrapper .right-content .sub-title {
color: var(--color-white);
}
.subscribe-two .subscribe-two__wrapper .right-content .social-links {
margin-top: 30px;
}
.subscribe-two .subscribe-two__wrapper .right-content .social-links .socil-links__item ~ .socil-links__item {
margin-left: 7px;
}
.subscribe-two .subscribe-two__wrapper .right-content .social-links .socil-links__item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(----color-primary-light);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
border-radius: 60px;
width: 42px;
height: 42px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.subscribe-two .subscribe-two__wrapper .right-content .social-links .socil-links__item svg path {
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
fill: var(--color-primary-dark);
}
.subscribe-two .subscribe-two__wrapper .right-content .social-links .socil-links__item:hover {
background: var(--color-primary-dark);
}
.subscribe-two .subscribe-two__wrapper .right-content .social-links .socil-links__item:hover svg path {
fill: var(--color-primary-light);
}
.footer {
margin-top: 108px;
padding-bottom: 55px;
background: var(--color-gray-bg);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.03);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.03);
}
.footer .footer__wrapper .top-footer {
padding-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer .footer__wrapper .top-footer .description {
margin-left: 20px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
max-width: 400px;
color: var(--color-black);
}
.footer .footer__wrapper .top-footer .call-back {
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
.footer .footer__wrapper .top-footer .call-back .title {
font-family: "Rubik", sans-serif;
font-weight: 700;
font-size: 19px;
color: var(--color-black);
}
.footer .footer__wrapper .top-footer .call-back .number {
font-family: "Rubik", sans-serif;
font-weight: 700;
font-size: 19px;
color: var(--color-black);
}
.footer .footer__wrapper .top-footer .call-back .call-back-button {
padding: 16px 29px;
margin-left: 16px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.footer .footer__wrapper .top-footer .call-back .call-back-button:hover {
background: var(--color-primary-dark);
}
.footer .footer__wrapper .middle-footer {
margin-top: 26px;
}
.footer .footer__wrapper .middle-footer .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .footer__wrapper .middle-footer .menu ul {
-ms-flex-preferred-size: 28%;
flex-basis: 28%}
.footer .footer__wrapper .middle-footer .menu ul li ~ li {
margin-top: 10px;
}
.footer .footer__wrapper .middle-footer .menu ul li:not(.list-title) a:hover {
color: var(--color-primary);
}
.footer .footer__wrapper .middle-footer .menu ul li a {
display: inline-block;
max-width: 170px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: var(--color-light-gray);
}
.footer .footer__wrapper .middle-footer .menu ul .list-title {
margin-bottom: 19px;
}
.footer .footer__wrapper .middle-footer .menu ul .list-title a {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 20px;
color: var(--color-black);
}
.footer .footer__wrapper .middle-footer .menu .list-two-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .footer__wrapper .bottom-footer {
margin-top: 69px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer .footer__wrapper .bottom-footer .pay-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer .footer__wrapper .bottom-footer .pay-icon .pay-icon__item ~ .pay-icon__item {
margin-left: 34px;
}
.footer .footer__wrapper .bottom-footer .copyright {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-light-gray);
}
.category {
margin-top: 25px;
}
.category .category__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.category .category__wrapper .left-content {
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
margin-right: 20px;
}
.category .category__wrapper .left-content .close-button {
display: none;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
width: 22px;
height: 22px;
background: rgba(58, 192, 79, 0.2);
border-radius: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.category .category__wrapper .left-content .close-button img {
width: 8px;
height: 8px;
-webkit-filter: contrast(30.5);
filter: contrast(30.5);
}
.category .category__wrapper .left-content .category-block {
background: var(--color-gray-bg);
border-radius: 3px;
padding: 22px 10px 22px 20px;
display: none;
}
.category .category__wrapper .left-content .category-block .title-block p {
display: inline-block;
cursor: pointer;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 20px;
color: var(--color-black);
}
.category .category__wrapper .left-content .category-block .content-block {
margin-top: 18px;
}
.category .category__wrapper .left-content .category-block .content-block .content-block__item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-primary);
}
.category .category__wrapper .left-content .category-block .content-block .content-block__item img {
margin-left: 4px;
}
.category .category__wrapper .left-content .category-block .content-block .content-block__list {
margin-top: 10px;
}
.category .category__wrapper .left-content .category-block .content-block .content-block__list .list-title {
cursor: pointer;
display: inline-block;
margin-left: 11px;
padding-bottom: 3px;
border-bottom: 1px dotted var(--color-primary);
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .category-block .content-block .content-block__list ul {
margin-top: 5px;
margin-left: 24px;
}
.category .category__wrapper .left-content .category-block .content-block .content-block__list ul li ~ li {
margin-top: 10px;
}
.category .category__wrapper .left-content .category-block .content-block .content-block__list ul li {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
position: relative;
padding-left: 12px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .category-block .content-block .content-block__list ul li::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px;
height: 9px;
background: url("../img/base/categoryBlockListIcon.svg") no-repeat;
}
.category .category__wrapper .left-content .category-block .content-block .content-block__list ul li:hover {
color: var(--color-primary);
}
.category .category__wrapper .left-content .specifications {
margin-top: 16px;
padding: 0 19px;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
padding-bottom: 21px;
}
.category .category__wrapper .left-content .specifications .size-block {
cursor: pointer;
padding: 18px 0 12px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.category .category__wrapper .left-content .specifications .size-block .title-block p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .size-block .select-size-block {
margin-top: 14px;
width: 100%;
background: var(--color-gray-bg);
position: relative;
}
.category .category__wrapper .left-content .specifications .size-block .select-size-block select {
padding: 10px 22px 10px 9px;
border: 2px solid var(--color-primary);
border-radius: 5px;
color: #b5b5b5;
font-family: "Raleway", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 16px;
width: 100%;
height: 100%;
/* background: url("../../img/base/selectSizeIcon.svg") 96% 43% no-repeat; */
background-image: var(--img-arrow-circle-down);
background-position: 96% 43%;
background-repeat: no-repeat;
background-size: 6%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.category .category__wrapper .left-content .specifications .size-block .select-size-block select:focus {
outline: none;
}
.category .category__wrapper .left-content .specifications .max-weight {
margin-top: 20px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.category .category__wrapper .left-content .specifications .max-weight .title-block p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 17px;
max-width: 200px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .range-block-wrapper {
margin-top: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .range-block-wrapper .from, .category .category__wrapper .left-content .specifications .max-weight .range-block .range-block-wrapper .to {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .range-block-wrapper .from span, .category .category__wrapper .left-content .specifications .max-weight .range-block .range-block-wrapper .to span {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .range-block-wrapper .from .count {
text-align: center;
border: none;
margin-left: 8px;
width: 75px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-gray-bg);
border-radius: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .range-block-wrapper .to {
margin-left: 28px;
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .range-block-wrapper .to .count {
text-align: center;
width: 75px;
height: 32px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color-black);
border: 1px dashed var(--color-primary);
margin-left: 8px;
border-radius: 3px;
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .slider {
margin-top: 22px;
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .slider.slider-horizontal {
width: 100%;
height: 20px;
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .slider.slider-horizontal .slider-track {
height: 3px;
border-radius: 2px;
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .slider-track-low, .category .category__wrapper .left-content .specifications .max-weight .range-block .slider-track-high {
background: rgba(0, 0, 0, 0.15);
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .slider-selection {
background: var(--color-primary);
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .slider-handle {
top: -3px;
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .slider-handle {
background: var(--color-primary);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}
.category .category__wrapper .left-content .specifications .max-weight .range-block .slider-handle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 7px;
height: 7px;
background-color: var(--color-white);
border-radius: 50%}
.category .category__wrapper .left-content .specifications .max-height {
margin-top: 20px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.category .category__wrapper .left-content .specifications .max-height .title-block p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 17px;
max-width: 200px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .max-height .range-block .range-block-wrapper {
margin-top: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.category .category__wrapper .left-content .specifications .max-height .range-block .range-block-wrapper .from, .category .category__wrapper .left-content .specifications .max-height .range-block .range-block-wrapper .to {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .left-content .specifications .max-height .range-block .range-block-wrapper .from span, .category .category__wrapper .left-content .specifications .max-height .range-block .range-block-wrapper .to span {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .max-height .range-block .range-block-wrapper .from .count {
text-align: center;
border: none;
margin-left: 8px;
width: 75px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-gray-bg);
border-radius: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .max-height .range-block .range-block-wrapper .to {
margin-left: 28px;
}
.category .category__wrapper .left-content .specifications .max-height .range-block .range-block-wrapper .to .count {
text-align: center;
width: 75px;
height: 32px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color-black);
border: 1px dashed var(--color-primary);
margin-left: 8px;
border-radius: 3px;
}
.category .category__wrapper .left-content .specifications .max-height .range-block .slider {
margin-top: 22px;
}
.category .category__wrapper .left-content .specifications .max-height .range-block .slider.slider-horizontal {
width: 100%;
height: 20px;
}
.category .category__wrapper .left-content .specifications .max-height .range-block .slider.slider-horizontal .slider-track {
height: 3px;
border-radius: 2px;
}
.category .category__wrapper .left-content .specifications .max-height .range-block .slider-track-low, .category .category__wrapper .left-content .specifications .max-height .range-block .slider-track-high {
background: rgba(0, 0, 0, 0.15);
}
.category .category__wrapper .left-content .specifications .max-height .range-block .slider-selection {
background: var(--color-primary);
}
.category .category__wrapper .left-content .specifications .max-height .range-block .slider-handle {
top: -3px;
}
.category .category__wrapper .left-content .specifications .max-height .range-block .slider-handle {
background: var(--color-primary);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}
.category .category__wrapper .left-content .specifications .max-height .range-block .slider-handle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 7px;
height: 7px;
background-color: var(--color-white);
border-radius: 50%}
.category .category__wrapper .left-content .specifications .price {
margin-top: 20px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.category .category__wrapper .left-content .specifications .price .title-block p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 17px;
max-width: 200px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .price .range-block .range-block-wrapper {
margin-top: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.category .category__wrapper .left-content .specifications .price .range-block .range-block-wrapper .from, .category .category__wrapper .left-content .specifications .price .range-block .range-block-wrapper .to {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .left-content .specifications .price .range-block .range-block-wrapper .from span, .category .category__wrapper .left-content .specifications .price .range-block .range-block-wrapper .to span {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .price .range-block .range-block-wrapper .from .count {
text-align: center;
border: none;
margin-left: 8px;
width: 75px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-gray-bg);
border-radius: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .price .range-block .range-block-wrapper .to {
margin-left: 28px;
}
.category .category__wrapper .left-content .specifications .price .range-block .range-block-wrapper .to .count {
text-align: center;
width: 75px;
height: 32px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color-black);
border: 1px dashed var(--color-primary);
margin-left: 8px;
border-radius: 3px;
}
.category .category__wrapper .left-content .specifications .price .range-block .slider {
margin-top: 22px;
}
.category .category__wrapper .left-content .specifications .price .range-block .slider.slider-horizontal {
width: 100%;
height: 20px;
}
.category .category__wrapper .left-content .specifications .price .range-block .slider.slider-horizontal .slider-track {
height: 3px;
border-radius: 2px;
}
.category .category__wrapper .left-content .specifications .price .range-block .slider-track-low, .category .category__wrapper .left-content .specifications .price .range-block .slider-track-high {
background: rgba(0, 0, 0, 0.15);
}
.category .category__wrapper .left-content .specifications .price .range-block .slider-selection {
background: var(--color-primary);
}
.category .category__wrapper .left-content .specifications .price .range-block .slider-handle {
top: -3px;
}
.category .category__wrapper .left-content .specifications .price .range-block .slider-handle {
background: var(--color-primary);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}
.category .category__wrapper .left-content .specifications .price .range-block .slider-handle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 7px;
height: 7px;
background-color: var(--color-white);
border-radius: 50%}
.category .category__wrapper .left-content .specifications .height-foundations, .category .category__wrapper .left-content .specifications .height-leg {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.category .category__wrapper .left-content .specifications .height-foundations .title-block p, .category .category__wrapper .left-content .specifications .height-leg .title-block p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 17px;
max-width: 200px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .height-foundations .content, .category .category__wrapper .left-content .specifications .height-leg .content {
padding-bottom: 16px;
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper {
margin-top: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .from, .category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .to, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .from, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .to {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .from span, .category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .to span, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .from span, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .to span {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .from .count, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .from .count {
border: none;
margin-left: 8px;
width: 75px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-gray-bg);
border-radius: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
text-align: center;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .from .count::-webkit-input-placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .from .count::-webkit-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .from .count::-moz-placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .from .count::-moz-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .from .count:-ms-input-placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .from .count:-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .from .count::-ms-input-placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .from .count::-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .from .count::placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .from .count::placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .to, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .to {
margin-left: 28px;
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .to .count, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .to .count {
width: 75px;
height: 32px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color-black);
border: 1px dashed var(--color-primary);
margin-left: 8px;
border-radius: 3px;
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .to .count::-webkit-input-placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .to .count::-webkit-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .to .count::-moz-placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .to .count::-moz-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .to .count:-ms-input-placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .to .count:-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .to .count::-ms-input-placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .to .count::-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .range-block-wrapper .to .count::placeholder, .category .category__wrapper .left-content .specifications .height-leg .content .range-block-wrapper .to .count::placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .slider, .category .category__wrapper .left-content .specifications .height-leg .content .slider {
margin-top: 22px;
}
.category .category__wrapper .left-content .specifications .height-foundations .content .slider.slider-horizontal, .category .category__wrapper .left-content .specifications .height-leg .content .slider.slider-horizontal {
width: 100%;
height: 20px;
}
.category .category__wrapper .left-content .specifications .height-foundations .content .slider.slider-horizontal .slider-track, .category .category__wrapper .left-content .specifications .height-leg .content .slider.slider-horizontal .slider-track {
height: 3px;
border-radius: 2px;
}
.category .category__wrapper .left-content .specifications .height-foundations .content .slider-track-low, .category .category__wrapper .left-content .specifications .height-foundations .content .slider-track-high, .category .category__wrapper .left-content .specifications .height-leg .content .slider-track-low, .category .category__wrapper .left-content .specifications .height-leg .content .slider-track-high {
background: rgba(0, 0, 0, 0.15);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .slider-selection, .category .category__wrapper .left-content .specifications .height-leg .content .slider-selection {
background: var(--color-primary);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .slider-handle, .category .category__wrapper .left-content .specifications .height-leg .content .slider-handle {
top: -3px;
}
.category .category__wrapper .left-content .specifications .height-foundations .content .slider-handle, .category .category__wrapper .left-content .specifications .height-leg .content .slider-handle {
background: var(--color-primary);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}
.category .category__wrapper .left-content .specifications .height-foundations .content .slider-handle:before, .category .category__wrapper .left-content .specifications .height-leg .content .slider-handle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 7px;
height: 7px;
background-color: var(--color-white);
border-radius: 50%}
.category .category__wrapper .left-content .specifications .button-block {
margin-top: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .left-content .specifications .button-block .apply {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
background: var(--color-primary);
border-radius: 60px;
color: var(--color-white);
padding: 11px 26px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.category .category__wrapper .left-content .specifications .button-block .apply:hover {
background-color: var(--color-primary-dark);
}
.category .category__wrapper .left-content .specifications .button-block .cancel {
margin-left: auto;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: var(--color-light-gray);
}
.category .category__wrapper .left-content .specifications .button-block .cancel img {
margin-right: 4px;
}
.category .category__wrapper .right-content {
-ms-flex-preferred-size: 74.5%;
flex-basis: 74.5%}
.category .category__wrapper .right-content .sort-view {
margin-top: 20px;
padding-top: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .right-content .sort-view .sort-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .right-content .sort-view .sort-block .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #000000;
}
.category .category__wrapper .right-content .sort-view .sort-block .sort-popular, .category .category__wrapper .right-content .sort-view .sort-block .sort-price, .category .category__wrapper .right-content .sort-view .sort-block .sort-rating {
padding: 7px 10px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
background: var(--color-gray-bg);
border-radius: 3px;
color: var(--color-light-gray);
}
.category .category__wrapper .right-content .sort-view .sort-block .sort-price {
margin-left: 19px;
}
.category .category__wrapper .right-content .sort-view .sort-block .sort-popular {
margin-left: 8px;
}
.category .category__wrapper .right-content .sort-view .sort-block .sort-rating {
margin-left: 8px;
}
.category .category__wrapper .right-content .sort-view .sort-block .sort-button-active {
color: var(--color-white);
background-color: var(--color-primary);
}
.category .category__wrapper .right-content .sort-view .view-block .view-2-col svg path, .category .category__wrapper .right-content .sort-view .view-block .view-3-col svg path, .category .category__wrapper .right-content .sort-view .view-block .view-1-col svg path {
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
}
.category .category__wrapper .right-content .sort-view .view-block .view-2-col:hover svg path, .category .category__wrapper .right-content .sort-view .view-block .view-3-col:hover svg path, .category .category__wrapper .right-content .sort-view .view-block .view-1-col:hover svg path {
fill: var(--color-primary);
}
.category .category__wrapper .right-content .sort-view .view-block .view-2-col {
margin-right: 7px;
}
.category .category__wrapper .right-content .sort-view .view-block .view-3-col {
margin-right: 8px;
}
.category .category__wrapper .right-content .sort-view .view-block .view-active svg path {
fill: var(--color-primary);
}
.category .category__wrapper .right-content .sort-view .filters {
cursor: pointer;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .right-content .sort-view .filters .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: #000000;
}
.category .category__wrapper .right-content .sort-view .filters .title:hover {
color: var(--color-primary);
}
.category .category__wrapper .right-content .sort-view .filters img {
margin-left: 5px;
width: 20px;
height: 20px;
}
.category .category__wrapper .right-content .new-product-banner {
padding: 25px 28px 25px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: url("../img/base/categoryNewProductBg.png") no-repeat center/cover;
border-radius: 10px;
}
.category .category__wrapper .right-content .new-product-banner .text-block {
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .right-content .new-product-banner .text-block .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 35px;
line-height: 42px;
color: var(--color-black);
}
.category .category__wrapper .right-content .new-product-banner .text-block .sub-title {
margin-left: 13px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 24px;
text-align: center;
max-width: 200px;
color: var(--color-black);
}
.category .category__wrapper .right-content .new-product-banner .text-block .sub-title span {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 27px;
line-height: 33px;
color: var(--color-black);
}
.category .category__wrapper .right-content .new-product-banner .order {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
padding: 14px 51px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.category .category__wrapper .right-content .new-product-banner .order:hover {
background-color: var(--color-primary-dark);
}
.category .category__wrapper .right-content .popular-search {
margin-top: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.category .category__wrapper .right-content .popular-search .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #000000;
}
.category .category__wrapper .right-content .popular-search .popular-search__item {
margin-left: 20px;
padding-bottom: 5px;
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
display: inline-block;
position: relative;
color: var(--color-primary);
border-bottom: 1px dashed var(--color-primary);
}
.category .category__wrapper .right-content .product-block {
margin-top: 4px;
}
.category .category__wrapper .right-content .product-block .new-product-banner {
margin-top: 80px;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.category .category__wrapper .right-content .product-block .pagingControls {
margin-top: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category .category__wrapper .right-content .product-block .pagingControls .arrowPrev, .category .category__wrapper .right-content .product-block .pagingControls .arrowNext {
cursor: pointer;
}
.category .category__wrapper .right-content .product-block .pagingControls .arrowPrev img, .category .category__wrapper .right-content .product-block .pagingControls .arrowNext img {
width: 5px;
height: 9px;
opacity: 0.5;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.category .category__wrapper .right-content .product-block .pagingControls .arrowPrev:hover img, .category .category__wrapper .right-content .product-block .pagingControls .arrowNext:hover img {
opacity: 1;
}
.category .category__wrapper .right-content .product-block .pagingControls .arrowPrev {
margin-right: 10px;
}
.category .category__wrapper .right-content .product-block .pagingControls .arrowPrev img {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.category .category__wrapper .right-content .product-block .pagingControls .arrowNext {
margin-left: 10px;
}
.category .category__wrapper .right-content .product-block .pagingControls ul li {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
width: 37px;
height: 37px;
border-radius: 50%;
background: var(--color-gray-bg);
color: var(--color-light-gray);
overflow: hidden;
}
.category .category__wrapper .right-content .product-block .pagingControls ul .active-element {
background-color: var(--color-primary);
color: var(--color-white);
}
.category .category__wrapper .right-content .product-block #pagingControls {
margin-top: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.category .category__wrapper .right-content .product-block #pagingControls li {
display: inline-block;
}
.category .category__wrapper .right-content .product-block #pagingControls .btn {
margin: 5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.category .category__wrapper .right-content .product-block #pagingControls .pagination-previos svg, .category .category__wrapper .right-content .product-block #pagingControls .pagination-next svg {
width: 5px;
height: 9px;
}
.category .category__wrapper .right-content .product-block #pagingControls .pagination-previos svg path, .category .category__wrapper .right-content .product-block #pagingControls .pagination-next svg path {
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
fill: rgba(58, 192, 79, 0.5);
}
.category .category__wrapper .right-content .product-block #pagingControls .pagination-previos:hover svg path, .category .category__wrapper .right-content .product-block #pagingControls .pagination-next:hover svg path {
fill: var(--color-primary);
}
.category .category__wrapper .right-content .product-block #pagingControls .disabled {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: none;
}
.category .category__wrapper .right-content .product-block #pagingControls .pagination-previos svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.how-right-select {
margin-top: 106px;
}
.how-right-select .how-right-select__wrapper .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 49px;
color: var(--color-black);
}
.how-right-select .how-right-select__wrapper .text {
margin-top: 31px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: var(--color-light-gray);
}
.how-right-select .how-right-select__wrapper .text span {
margin-top: 24px;
display: inline-block;
}
.how-right-select .how-right-select__wrapper .show-more {
margin-top: 42px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
border: 2px solid var(--color-primary);
padding: 14px 40px;
-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
border-radius: 60px;
color: var(--color-primary);
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.how-right-select .how-right-select__wrapper .show-more:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.product-block-page {
margin-top: 45px;
}
.product-block-page .product-block-page__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-block-page .product-block-page__wrapper .left-content {
-ms-flex-preferred-size: 74.5%;
flex-basis: 74.5%}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col {
margin-right: 31px;
-ms-flex-preferred-size: 40.5%;
flex-basis: 40.5%;
max-width: 457px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.02);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px 5px 0px 0px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .new-product {
padding-top: 9px;
padding-left: 12px;
position: absolute;
top: 0;
left: 0;
width: 86px;
height: 36px;
background: url("/img/base/newProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
z-index: 5;
color: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .hit-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -7px;
right: -13px;
width: 43px;
height: 43px;
background: url("../../img/base/hitProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
z-index: 5;
color: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide {
padding: 78px 60px 45px 60px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide .view-slide__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide .view-slide__wrapper .view-slide__item {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide .view-slide__wrapper .view-slide__item img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav {
padding: 22px 62px;
background: var(--color-gray-bg);
position: relative;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .slick-arrows {
cursor: pointer;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 50;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0.3;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .slick-arrows:hover {
opacity: 1;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .slick-prev {
left: 36px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .slick-prev img {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .slick-next {
right: 36px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .view-slide-nav__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .view-slide-nav__wrapper .slick-list {
width: 100%}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .view-slide-nav__wrapper .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .view-slide-nav__wrapper .slick-slide {
width: 101px;
height: 101px;
background: var(--color-white);
border: 1.5px solid transparent;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
border-radius: 5px;
position: relative;
z-index: 50;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .view-slide-nav__wrapper .slick-current {
border-color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .view-slide-nav__wrapper .view-slide-nav__item {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 101px;
height: 101px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .slider-block .view-slide-nav .view-slide-nav__wrapper .view-slide-nav__item img {
width: 69px;
height: 43px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications {
position: relative;
z-index: 10;
margin-top: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item ~ .specifications__item {
margin-left: 2px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item {
cursor: pointer;
background: var(--color-primary-lightest);
border: 1px solid rgba(0, 0, 0, 0.02);
border-radius: 0px 0px 5px 5px;
height: 75px;
width: 112px;
padding: 7px 5px 5px 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
position: relative;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item:hover .title {
color: var(--color-primary);
border-color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item:hover .description-block {
opacity: 1;
visibility: visible;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item .description-block {
visibility: hidden;
opacity: 0;
min-width: 192px;
position: absolute;
bottom: 77px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
text-align: center;
background: var(--color-white);
color: var(--color-black);
padding: 16px 10px 26px 10px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item .description-block::before {
content: "";
position: absolute;
bottom: -26px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border: 17px solid transparent;
border-top: 14px solid var(--color-white);
z-index: 100;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 26px;
border-bottom: 1px dashed var(--color-light-gray);
color: var(--color-light-gray);
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item .sub-title {
margin-top: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 30px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-size .sub-title {
padding-right: 6px;
position: relative;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-size .sub-title::before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: -7px;
width: 9px;
height: 6px;
/* background: url("../../img/base/arrowDown.svg") no-repeat center/contain; */
background-image: var(--img-arrow-down);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-rigidity .left-right-block {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 6px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-rigidity .left-right-block::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1px;
height: 30px;
background: rgba(0, 0, 0, 0.08);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-rigidity .left-right-block .left-block, .product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-rigidity .left-right-block .right-block {
text-align: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-rigidity .left-right-block .left-block .inner-block-title, .product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-rigidity .left-right-block .right-block .inner-block-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 11px;
color: var(--color-light-gray);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-rigidity .left-right-block .left-block .inner-block-sub-title, .product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-rigidity .left-right-block .right-block .inner-block-sub-title {
margin-top: 3px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications-rigidity .left-right-block .left-block {
margin-right: 15px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item-bads {
padding: 16px 19px;
-ms-flex-preferred-size: 49.5%;
flex-basis: 49.5%;
background: rgba(233, 233, 201, 0.3);
border: 1px solid rgba(0, 0, 0, 0.02);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0px 0px 5px 5px;
position: relative;
overflow: hidden;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item-bads .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
color: var(--color-light-gray);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item-bads .sub-title {
margin-top: 7px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item-bads-left::before {
content: "";
position: absolute;
top: 7px;
right: 0;
width: 41px;
height: 62px;
background: url("../../img/base/productPageSpecificationLeft.svg") no-repeat;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__one-col .specifications .specifications__item-bads-right::before {
content: "";
position: absolute;
top: 7px;
right: 0;
width: 64px;
height: 73px;
background: url("../../img/base/productPageSpecificationRight.svg") no-repeat;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 44%;
flex-basis: 44%}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .block-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 30px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .vendor-code p {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 12px;
color: var(--color-light-gray);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .vendor-code p span {
color: var(--color-black);
white-space: nowrap;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .rate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .rate .rate-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .rate .rate-icons .rate-icon ~ .rate-icon {
margin-left: 5px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .rate .rate-icons .rate-icon {
cursor: pointer;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .rate .rate-icons .rate-icon svg {
width: 16px;
height: 15px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .rate .rate-icons .rate-icon svg path {
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
stroke: #ffc107;
fill: transparent;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .rate .rate-icons .rate-icon:hover svg path {
fill: #ffc107;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .rate .rate-icons .rate-icon-active svg path {
fill: #ffc107;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .vendor-code-rate .rate p {
margin-left: 9px;
margin-right: 11px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 12px;
text-align: center;
color: var(--color-light-gray);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery {
margin-top: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 24px;
height: 24px;
background: var(--color-gray-bg);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery .text-wrapper {
margin-left: 17px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery .text-wrapper .top-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery .text-wrapper .top-text p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
color: var(--color-gray);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery .text-wrapper .top-text .change-city {
border-bottom: 1px dashed var(--color-primary);
margin-left: 5px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery .text-wrapper .bottom-text {
margin-top: 5px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery .text-wrapper .bottom-text p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: var(--color-gray);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery .text-wrapper .bottom-text p span {
font-style: italic;
font-weight: 500;
color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .delivery-sofas {
margin-top: 11px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition {
margin-top: 15px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 30px;
margin-top: 10px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper {
margin-top: 10px;
padding: 22px 10px 10px 15px;
background: var(--color-primary-lightest);
border: 1px solid rgba(0, 0, 0, 0.02);
border-radius: 5px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__item p {
margin-left: 14px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
position: relative;
color: var(--color-light-gray);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__item p .icon-span {
position: absolute;
width: 14px;
height: 14px;
top: 2px;
right: 0;
background: url("../img/base/infoIcon.svg") no-repeat;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__item p .icon-span span {
visibility: hidden;
opacity: 0;
min-width: 192px;
position: absolute;
bottom: 33px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
text-align: center;
background: var(--color-white);
color: var(--color-black);
padding: 16px 10px 26px 10px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__item p .icon-span span::before {
content: "";
position: absolute;
bottom: -26px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border: 17px solid transparent;
border-top: 14px solid var(--color-white);
z-index: 100;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__item p .icon-span:hover span {
visibility: visible;
opacity: 1;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__item .img-block.flip-vertical {
transform: scaleY(-1);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .item1 p .icon-span {
top: 2px;
right: 30px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .item2 p {
max-width: 95px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .item2 p .icon-span {
top: 2px;
right: 19px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .item3 p {
max-width: 100px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .item3 p .icon-span {
top: 2px;
right: 5px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .item4 p .icon-span {
top: 2px;
right: 12px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .item5 p {
max-width: 100px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .item5 p .icon-span {
top: 2px;
right: -19px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .item6 p .icon-span {
top: 2px;
right: 30px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications {
margin-top: auto;
padding: 28px 20px;
background: url("../../img/base/specificationBg.svg") no-repeat center/cover;
background-color: var(--color-primary-lighter);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .specifications__item .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .specifications__item .sizes-block {
padding: 0 27px 0 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 44px;
margin-top: 13px;
font-family: "Rubik", sans-serif;
font-style: italic;
font-weight: 500;
font-size: 14px;
line-height: 17px;
background: var(--color-primary-light);
border: 1px solid rgba(0, 0, 0, 0.08);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
margin-top: 30px;
position: relative;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth p {
margin-left: 12px;
border-bottom: 1px dashed var(--color-black);
padding-bottom: 4px;
color: var(--color-black);
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu {
display: none;
padding: 34px 23px 25px 23px;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
border-radius: 5px;
position: absolute;
width: 500px;
top: -329px;
left: -436px;
z-index: 50;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .zoom-cloth {
display: none;
z-index: 10;
padding: 16px 7px 7px 7px;
position: absolute;
top: 50%;
right: 43px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: var(--color-white);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
border-radius: 5px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .zoom-cloth .zoom-title {
border: none;
padding-bottom: 0;
margin-left: 0;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
text-align: center;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .zoom-cloth .img-block {
margin-top: 17px;
width: 220px;
height: 220px;
overflow: hidden;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
border-radius: 5px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .zoom-cloth .img-block img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .title-block .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 23px;
line-height: 28px;
padding-bottom: 0;
color: var(--color-black);
border: none;
margin-left: 0;
margin-bottom: 29px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .title-block .close-select-close-sub-menu {
position: absolute;
top: 17px;
right: 16px;
cursor: pointer;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block ~ .select-color-block {
margin-top: 13px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block {
padding: 22px 21px 25px 21px;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
border-radius: 5px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
margin-left: 0;
border: none;
padding-bottom: 0;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block .colors-block {
margin-top: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block .colors-block .colors-block__item ~ .colors-block__item {
margin-left: 14px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block .colors-block .colors-block__item {
cursor: pointer;
-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
width: 32px;
height: 32px;
border-radius: 50%;
position: relative;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block .colors-block .colors-block__item img {
width: 100%;
height: 100%}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block .colors-block .colors-block__item-active::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border: 1.5px solid var(--color-primary);
-webkit-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.15));
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.15));
border-radius: 50%}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block-bg {
background: rgba(233, 233, 201, 0.3);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block-bg .title-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block-bg .title-block .title {
margin-bottom: 0;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .select-cloth .select-close-sub-menu .select-color-block-bg .title-block .price {
border: none;
padding-bottom: 0;
margin-left: 0;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .specifications__item-select .select-block {
cursor: pointer;
position: relative;
margin-top: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 44px;
background: var(--color-white);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .specifications__item-select .select-block select {
border: none;
border-radius: 5px;
padding: 0 27px 0 14px;
font-family: "Rubik", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 17px;
width: 100%;
height: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: var(--color-black);
/* background: url("../../img/base/selectSizeIcon.svg") 95% 50% no-repeat; */
background-image: var(--img-arrow-circle-down);
background-position: 95% 50%;
background-repeat: no-repeat;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .specifications__item-select .select-block select:focus {
outline: none;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .specifications__item-complectation {
margin-top: 29px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications .specifications__item-sizes {
margin-top: 24px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas {
padding: 21px 20px;
margin-top: 11px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-type {
margin-top: 11px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-type .select-type {
margin-top: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-type .select-type .select-type__item {
margin: 2px;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
cursor: pointer;
padding: 12px 15px;
background: var(--color-white);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 5px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-type .select-type .select-type__item-active {
background-color: var(--color-primary-dark);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-type .select-type .select-type__item-active img {
-webkit-filter: invert(1) contrast(30.5);
filter: invert(1) contrast(30.5);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-radio-select {
margin-top: 11px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-radio-select .radio-select {
margin-top: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-radio-select .radio-select .label-container ~ .label-container {
margin-left: 14px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-radio-select .radio-select .label-container {
display: block;
position: relative;
padding-left: 18px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Rubik", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 13px;
line-height: 12px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-radio-select .radio-select .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-radio-select .radio-select .checkmark {
position: absolute;
top: 0;
left: 0;
height: 12px;
width: 12px;
background-color: transparent;
border-radius: 50%;
background: #f9f9ef;
border: 1px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-radio-select .radio-select .checkmark::after {
content: "";
position: absolute;
display: none;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-radio-select .radio-select .label-container input:checked ~ .checkmark:after {
display: block;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-radio-select .radio-select .label-container .checkmark:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-sizes {
margin-top: 11px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .select-cloth {
margin-top: 11px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .specifications-sofas .specifications__item-complectation {
margin-top: 11px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row {
margin-top: 37px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .block-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 30px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block {
margin-top: 20px;
cursor: pointer;
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
padding: 10px 10px 15px 10px;
background: var(--color-gray-bg);
border-radius: 5px;
border: 2px solid transparent;
-webkit-transition: border-color 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block:hover {
border-color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block:hover .bottom-content .add {
color: var(--color-white);
background-color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block:hover .bottom-content .add span {
color: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .top-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .top-content .img-block {
width: 68px;
height: 68px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
border-radius: 5px;
overflow: hidden;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .top-content .text-block {
margin-left: 9px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .top-content .text-block .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .top-content .text-block .sub-title {
margin-top: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .top-content .text-block .price {
margin-top: 13px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .bottom-content {
margin-top: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .bottom-content .add {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 8px 27px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 15px;
border: 2px solid var(--color-primary);
-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
border-radius: 60px;
color: var(--color-primary);
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .bottom-content .add span {
margin-left: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 19px;
line-height: 18px;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .left-content__two-row-wrapper-hide-block {
display: none;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .show-more-wrapper {
margin-top: 31px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .show-more-wrapper img {
width: 25px;
height: 21px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .show-more-wrapper .show-more {
padding-bottom: 5px;
text-align: center;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
padding-right: 7px;
color: var(--color-primary);
border-bottom: 1px dashed var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row {
padding: 20px;
border: 1px solid var(--color-gray-blue);
border-radius: 6px;
margin-top: 20px;
box-sizing: border-box;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row * {
box-sizing: border-box;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block {
position: relative;
display: flex;
align-items: center;
justify-self: center;
min-height: 30px;
padding: 6px 16px;
border-radius: 6px;
cursor: pointer;
overflow: hidden;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block:not(:last-child) {
margin-right: 10px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block .icon {
position: relative;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 54px;
height: 54px;
border-radius: 50%;
background: var(--color-gray-bg);
border: 2px solid transparent;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block .icon svg path {
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
fill: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block .title {
position: relative;
z-index: 10;
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 100%;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: var(--color-gray);
text-align: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--color-primary);
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
z-index: 5;
opacity: 0;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block:hover::after {
opacity: 1;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block:hover .icon {
background: transparent;
border-color: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block:hover .icon svg {
fill: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block:hover .icon svg path {
stroke: var(--color-white);
fill: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block:hover .title {
color: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block-active::after {
opacity: 1;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block-active .icon {
background: transparent;
border-color: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block-active .icon svg {
fill: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block-active .icon svg path {
stroke: var(--color-white);
fill: var(--color-white);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block-active .title {
color: var(--color-gray-bg);
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block5 {
border-radius: 0 5px 5px 0;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .template-sub-block {
margin-top: 20px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .template-sub-block p ~ p {
margin-top: 17px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .template-sub-block p {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: var(--color-light-gray);
}
.left-content__three-row .template-sub-block table tr td:not(:last-child) {
padding-right: 20px;
}
.product-block-page .product-block-page__wrapper .right-content {
padding: 22px 17px 17px 19px;
-ms-flex-preferred-size: 23%;
flex-basis: 23%}
.product-block-page .product-block-page__wrapper .right-content .price-block {
padding-bottom: 11px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.product-block-page .product-block-page__wrapper .right-content .price-block .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 30px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .right-content .price-block .price-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: end;
align-content: flex-end;
margin-top: 5px;
}
.product-block-page .product-block-page__wrapper .right-content .price-block .price-wrapper .new-price {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 28px;
color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .right-content .price-block .price-wrapper .old-price {
margin-top: 10px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: var(--color-black);
position: relative;
}
.product-block-page .product-block-page__wrapper .right-content .price-block .price-wrapper .old-price::before {
content: "";
position: absolute;
top: 6px;
left: 0;
width: 74px;
height: 1.5px;
background-color: #e63a3a;
-webkit-transform: rotate(-6.63deg);
-ms-transform: rotate(-6.63deg);
transform: rotate(-6.63deg);
}
.product-block-page .product-block-page__wrapper .right-content .select-size {
cursor: pointer;
margin-top: 23px;
padding: 12px 30px 12px 14px;
font-family: "Raleway", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 16px;
background: var(--color-gray-bg);
border: 2px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
color: #b5b5b5;
position: relative;
}
.product-block-page .product-block-page__wrapper .right-content .select-size::before {
content: "";
position: absolute;
top: 50%;
right: 13px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 18px;
height: 18px;
/* background: url("../../img/base/selectSizeIcon.svg") no-repeat; */
background-image: var(--img-arrow-circle-down);
background-repeat: no-repeat;
}
.product-block-page .product-block-page__wrapper .right-content .count-block {
margin-top: 11px;
}
.product-block-page .product-block-page__wrapper .right-content .count-block .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 30px;
color: var(--color-black);
}
.product-block-page .product-block-page__wrapper .right-content .count-block .count {
background: var(--color-gray-bg);
border-radius: 5px;
margin-top: 9px;
padding: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.product-block-page .product-block-page__wrapper .right-content .count-block .count .count-input {
border: none;
width: 51px;
height: 32px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #000000;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
border-radius: 5px;
}
.product-block-page .product-block-page__wrapper .right-content .count-block .count .number-arrows .arrow-num, .product-block-page .product-block-page__wrapper .right-content .count-block .count .number-arrows .arrow-minus {
position: absolute;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 19px;
height: 19px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
border-radius: 60px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: var(--color-white);
}
.product-block-page .product-block-page__wrapper .right-content .count-block .count .number-arrows .arrow-num {
right: 12px;
}
.product-block-page .product-block-page__wrapper .right-content .count-block .count .number-arrows .arrow-minus {
left: 12px;
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block {
margin-top: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .add-to-basket {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
width: 100%;
line-height: 16px;
padding: 16px 47px 20px 29px;
color: var(--color-white);
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
position: relative;
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .add-to-basket:hover {
background-color: var(--color-primary-dark);
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .add-to-basket::before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 22px;
width: 20px;
height: 19px;
background: url("../../img/base/basketIconWhite.svg") no-repeat;
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .buy {
margin-top: 14px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
padding: 16px 29px;
width: 100%;
color: var(--color-primary);
border: 1.5px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
background-color: transparent;
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .buy:hover {
color: var(--color-white);
background-color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .enother-size {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
text-align: center;
color: var(--color-light-gray);
padding-bottom: 3px;
margin-top: 15px;
border-bottom: 1px dashed var(--color-light-gray);
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper {
margin-top: 13px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .save, .product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .compare {
padding-top: 8px;
padding-bottom: 13px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--color-gray-bg);
border: 1px solid rgba(0, 0, 0, 0.02);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .save:hover, .product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .compare:hover {
background-color: var(--color-primary);
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .save:hover span, .product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .compare:hover span {
color: var(--color-white);
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .save:hover svg path, .product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .compare:hover svg path {
stroke: var(--color-white);
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .save svg, .product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .compare svg {
margin-top: 4px;
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .save svg path, .product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .compare svg path {
-webkit-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .save span, .product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .compare span {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 30px;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: var(--color-light-gray);
}
.product-block-page .product-block-page__wrapper .right-content .buttons-block .bottom-wrapper .compare:hover svg path {
fill: var(--color-white);
}
.buy-with-this {
margin-top: 100px;
}
.buy-with-this .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 49px;
text-align: center;
color: var(--color-black);
}
.buy-with-this .buy-with-this__wrapper {
margin-top: 20px;
}
.basket-section .basket-section__wrapper .section-title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 41px;
line-height: 49px;
color: var(--color-black);
}
.basket-section .container {
box-sizing: content-box;
}
.basket-section .basket-section__wrapper table {
margin-top: 29px;
border-collapse: collapse;
width: 100%}
@media (max-width: 1024px){
.basket-section .basket-section__wrapper table {
margin-top: 5px;
}
}
.basket-section .basket-section__wrapper table thead {
background: var(--color-gray-bg);
border-radius: 3px;
}
.basket-section .basket-section__wrapper table thead tr td {
padding: 0 10px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 12px;
height: 53px;
color: #000000;
}
@media (max-width: 1024px){
.basket-section .basket-section__wrapper table thead tr td {
font-size: 12px;
}
}
.basket-section .basket-section__wrapper table thead tr .thead-col1 {
padding: 0 24px;
width: 177px;
}
.basket-section .basket-section__wrapper table thead tr .thead-col2 {
width: 233px;
}
.basket-section .basket-section__wrapper table thead tr .thead-col3 {
text-align: center;
width: 128px;
}
.basket-section .basket-section__wrapper table thead tr .thead-col4 {
text-align: center;
width: 194px;
}
.basket-section .basket-section__wrapper table thead tr .thead-col5 {
text-align: center;
width: 189px;
}
.basket-section .basket-section__wrapper table thead tr .thead-col6 {
text-align: center;
}
.basket-section .basket-section__wrapper table tbody tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
position: relative;
}
.basket-section .basket-section__wrapper table tbody tr td {
padding: 4px 10px;
}
.basket-section .basket-section__wrapper table tbody tr .tbody-col2 {
width: 50%;
}
@media (max-width: 1280px){
.basket-section .basket-section__wrapper table tbody tr .tbody-col2 {
width: 45%;
}
}
@media (max-width: 1024px){
.basket-section .basket-section__wrapper table tbody tr td {
height: auto;
}
.basket-section .basket-section__wrapper table tbody tr .tbody-col2 {
width: 45%;
}
}
.basket-section .basket-section__wrapper table tbody tr td .img-block {
width: 94px;
height: 58px;
overflow: hidden;
}
.basket-section .basket-section__wrapper table tbody tr td .img-block img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.basket-section .basket-section__wrapper table tbody tr td .title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
@media (max-width: 1024px){
.basket-section .basket-section__wrapper table tbody tr td .title {
font-weight: 500;
}
}
.basket-section .basket-section__wrapper table tbody tr td .sub-title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.basket-section .basket-section__wrapper table tbody tr td .size {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-black);
}
.basket-section .basket-section__wrapper table tbody tr td .price1 {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
white-space: nowrap;
color: var(--color-black);
}
.basket-section .basket-section__wrapper table tbody tr td .count {
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.basket-section .basket-section__wrapper table tbody tr td .count .count-input {
border: none;
width: 51px;
height: 32px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #000000;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
border-radius: 5px;
}
.basket-section .basket-section__wrapper table tbody tr td .count .number-arrows .arrow-num, .basket-section .basket-section__wrapper table tbody tr td .count .number-arrows .arrow-minus {
position: absolute;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 19px;
height: 19px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
border-radius: 60px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-white);
}
.basket-section .basket-section__wrapper table tbody tr td .count .number-arrows .arrow-num {
right: 15px;
}
.basket-section .basket-section__wrapper table tbody tr td .count .number-arrows .arrow-minus {
left: 15px;
}
@media (max-width: 460px){
.basket-section .basket-section__wrapper table tbody tr td .count .number-arrows .arrow-num {
right: 0px;
}
.basket-section .basket-section__wrapper table tbody tr td .count .number-arrows .arrow-minus {
left: 0px;
}
}
.basket-section .basket-section__wrapper table tbody tr td .price2 {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-primary);
}
.basket-section .basket-section__wrapper table tbody tr .tbody-col1 {
padding-left: 20px;
}
.basket-section .basket-section__wrapper table tbody tr .tbody-col3 {
text-align: center;
}
.basket-section .basket-section__wrapper table tbody tr .tbody-col4 {
text-align: center;
}
.basket-section .basket-section__wrapper table tbody tr .tbody-col6 {
text-align: center;
}
.basket-section .basket-section__wrapper table tbody tr .delete-current-order {
text-align: center;
width: 47px;
}
.basket-section .basket-section__wrapper .total-count {
margin-top: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.basket-section .basket-section__wrapper .total-count p {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 23px;
color: var(--color-black);
}
.basket-section .basket-section__wrapper .total-count p span {
font-style: normal;
font-weight: 500;
color: var(--color-primary);
}
@media (min-width: 1025px) {
.basket-section {
margin: 50px 0;
padding: 0 !important;
}
}
.details-order {
margin-top: 50px;
}
@media (max-width: 1024px){
.details-order {
margin-top: 5px;
}
}
.details-order .section-title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 41px;
line-height: 49px;
color: var(--color-black);
}
.details-order .details-order__wrapper {
}
.details-order .details-order__wrapper .left-content {
-ms-flex-preferred-size: 53.5%;
flex-basis: 53.5%}
.details-order .details-order__wrapper .left-content form, .details-order .details-order__wrapper .left-content .form-header {
margin-top: 20px;
}
.details-order .details-order__wrapper .left-content form .form-header .title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 23px;
color: var(--color-black);
}
.details-order .details-order__wrapper .left-content form .form-body {
margin-top: 10px;
}
.details-order .details-order__wrapper .left-content form .form-body label {
display: block;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.details-order .details-order__wrapper .left-content form .form-body input {
width: 100%;
margin-top: 16px;
height: 45px;
background: var(--color-gray-bg);
border-radius: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
padding: 0 10px;
border: none;
color: var(--color-black);
box-sizing: border-box;
}
@media (max-width: 960px){
.details-order .details-order__wrapper .left-content form .form-body input {
box-sizing: border-box;
}
}
.details-order .details-order__wrapper .left-content form .form-body input::-webkit-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .left-content form .form-body input::-moz-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .left-content form .form-body input:-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .left-content form .form-body input::-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .left-content form .form-body input::placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .name-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .email-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .phone-wrapper {
flex: 1 1 33.333%;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .address-wrapper {
flex-grow: 1;
box-sizing: border-box;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .name-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .email-wrapper {
margin-right: 20px;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .phone-wrapper {
max-width: 293px;
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper {
margin-top: 21px;
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper label {
display: block;
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper textarea {
padding: 12px 12px;
margin-top: 16px;
width: 100%;
height: 136px;
resize: none;
background: var(--color-gray-bg);
border-radius: 5px;
border: none;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-black);
box-sizing: border-box;
}
@media (max-width: 1024px){
.basket-section .basket-section__wrapper table tbody tr .tbody-col1 {
padding-left: 10px;
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper textarea {
margin-top: 15px;
height: 60px;
}
.details-order .details-order__wrapper .left-content form .form-body {
margin-top: 15px;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer {
margin-top: 15px;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .name-wrapper,
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .email-wrapper {
margin-right: 0px;
}
}
@media (max-width: 960px){
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper textarea {
box-sizing: border-box;
}
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper textarea:focus {
outline: none;
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper textarea::-webkit-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper textarea::-moz-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper textarea:-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper textarea::-ms-input-placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .left-content form .form-body .comments-wrapper textarea::placeholder {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .right-content {
background: #fefdf8;
border: 1px solid rgba(0, 0, 0, 0.02);
border-radius: 5px;
margin-top: -30px;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
padding: 30px 28px;
overflow: hidden;
position: relative;
margin-top: 20px;
}
.details-order .details-order__wrapper .right-content::before {
content: "";
position: absolute;
bottom: -31px;
right: -95px;
width: 306px;
height: 275px;
background: url("../img/base/detailsOrdersRightContentBefore.png") no-repeat;
z-index: 1;
}
.details-order .details-order__wrapper .right-content .delivery, .details-order .details-order__wrapper .right-content .payment {
position: relative;
z-index: 10;
}
.details-order .details-order__wrapper .right-content .delivery .delivery-radio-button, .details-order .details-order__wrapper .right-content .delivery .payment-radio-button, .details-order .details-order__wrapper .right-content .payment .delivery-radio-button, .details-order .details-order__wrapper .payment .payment-radio-button {
margin-top: 16px;
margin-left: 8px;
}
.details-order .details-order__wrapper .left-content form .form-body .payment .payment-radio-button #payment_id input{
display: inline;
width: 0;
height: auto;
margin-top: 0;
margin-right: 20px;
}
.details-order .details-order__wrapper .right-content .delivery .delivery-radio-button .label-container ~ .label-container, .details-order .details-order__wrapper .right-content .delivery .payment-radio-button .label-container ~ .label-container, .details-order .details-order__wrapper .right-content .payment .delivery-radio-button .label-container ~ .label-container, .details-order .details-order__wrapper .right-content .payment .payment-radio-button .label-container ~ .label-container {
margin-top: 17px;
}
.details-order .details-order__wrapper .right-content .delivery .delivery-radio-button .label-container, .details-order .details-order__wrapper .right-content .delivery .payment-radio-button .label-container, .details-order .details-order__wrapper .right-content .payment .delivery-radio-button .label-container, .details-order .details-order__wrapper .right-content .payment .payment-radio-button .label-container {
display: block;
position: relative;
padding-left: 31px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.details-order .details-order__wrapper .right-content .delivery .delivery-radio-button .label-container input, .details-order .details-order__wrapper .right-content .delivery .payment-radio-button .label-container input, .details-order .details-order__wrapper .right-content .payment .delivery-radio-button .label-container input, .details-order .details-order__wrapper .right-content .payment .payment-radio-button .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.details-order .details-order__wrapper .right-content .delivery .delivery-radio-button .label-container span, .details-order .details-order__wrapper .right-content .delivery .payment-radio-button .label-container span, .details-order .details-order__wrapper .right-content .payment .delivery-radio-button .label-container span, .details-order .details-order__wrapper .right-content .payment .payment-radio-button .label-container span {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.details-order .details-order__wrapper .right-content .delivery .delivery-radio-button .checkmark, .details-order .details-order__wrapper .right-content .delivery .payment-radio-button .checkmark, .details-order .details-order__wrapper .right-content .payment .delivery-radio-button .checkmark, .details-order .details-order__wrapper .right-content .payment .payment-radio-button .checkmark {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
background-color: transparent;
border-radius: 50%;
border: 2px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1));
}
.details-order .details-order__wrapper .right-content .delivery .delivery-radio-button .label-container input:checked ~ .checkmark, .details-order .details-order__wrapper .right-content .delivery .payment-radio-button .label-container input:checked ~ .checkmark, .details-order .details-order__wrapper .right-content .payment .delivery-radio-button .label-container input:checked ~ .checkmark, .details-order .details-order__wrapper .right-content .payment .payment-radio-button .label-container input:checked ~ .checkmark {
background-color: var(--color-primary);
}
.details-order .details-order__wrapper .right-content .delivery .delivery-radio-button .label-container input:checked ~ span, .details-order .details-order__wrapper .right-content .delivery .payment-radio-button .label-container input:checked ~ span, .details-order .details-order__wrapper .right-content .payment .delivery-radio-button .label-container input:checked ~ span, .details-order .details-order__wrapper .right-content .payment .payment-radio-button .label-container input:checked ~ span {
color: var(--color-black);
}
.details-order .details-order__wrapper .right-content .delivery .delivery-title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 19px;
line-height: 23px;
color: var(--color-black);
}
.details-order .details-order__wrapper .right-content .delivery .delivery__wrapper {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.details-order .details-order__wrapper .right-content .delivery .delivery__wrapper .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-primary-dark);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
width: 35px;
height: 35px;
}
.details-order .details-order__wrapper .right-content .delivery .delivery__wrapper .icon img {
-webkit-filter: brightness(33.5) contrast(23.5);
filter: brightness(33.5) contrast(23.5);
width: 20px;
height: 13px;
}
.details-order .details-order__wrapper .right-content .delivery .delivery__wrapper .text {
margin-left: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.details-order .details-order__wrapper .right-content .delivery .delivery__wrapper .text p {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: var(--color-gray);
}
.details-order .details-order__wrapper .right-content .delivery .delivery__wrapper .text .change-city {
margin-left: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: var(--color-primary);
padding-bottom: 3px;
border-bottom: 1px dashed var(--color-primary);
}
.details-order .details-order__wrapper .right-content .payment {
margin-top: 33px;
}
.details-order .details-order__wrapper .right-content .payment .payment-title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 19px;
line-height: 23px;
color: var(--color-black);
margin-bottom: 32px;
}
.information-about-order {
margin-top: 111px;
}
.information-about-order .information-about-order__wrapper {
background: #fefefe;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
border-radius: 5px;
max-width: 750px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 17px;
}
.information-about-order .information-about-order__wrapper .left-content {
-ms-flex-preferred-size: 62%;
flex-basis: 62%;
margin-right: 20px;
}
.information-about-order .information-about-order__wrapper .left-content p {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: normal;
color: var(--color-black);
}
.information-about-order .information-about-order__wrapper .left-content .col ~ .col {
border-top: 1px solid rgba(0, 0, 0, 0.04);
margin-top: 10px;
}
.information-about-order .information-about-order__wrapper .left-content .col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 14px 12px;
}
.information-about-order .information-about-order__wrapper .left-content .col .title {
min-width: 194px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-light-gray);
}
.information-about-order .information-about-order__wrapper .left-content .col .selected {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.information-about-order .information-about-order__wrapper .right-content {
-ms-flex-preferred-size: 31%;
flex-basis: 31%}
.information-about-order .information-about-order__wrapper .right-content .total-block {
padding: 20px 18px;
background: var(--color-gray-bg);
border-radius: 5px;
}
.information-about-order .information-about-order__wrapper .right-content .total-block .title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.information-about-order .information-about-order__wrapper .right-content .total-block .total-count {
margin-top: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 23px;
color: var(--color-primary);
}
.information-about-order .information-about-order__wrapper .right-content .confirm-order {
margin-top: 16px;
padding: 16px 32px;
width: 100%;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.information-about-order .information-about-order__wrapper .right-content .confirm-order:hover {
background-color: var(--color-primary-dark);
}
.information-about-order .information-about-order__wrapper .right-content .call-me-after {
margin-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.information-about-order .information-about-order__wrapper .right-content .call-me-after .label-container {
display: block;
position: relative;
padding-left: 21px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.information-about-order .information-about-order__wrapper .right-content .call-me-after .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.information-about-order .information-about-order__wrapper .right-content .call-me-after .label-container span {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.information-about-order .information-about-order__wrapper .right-content .call-me-after .checkmark {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
background-color: transparent;
border-radius: 50%;
border: 2px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1));
}
.information-about-order .information-about-order__wrapper .right-content .call-me-after .label-container input:checked ~ .checkmark {
background-color: var(--color-primary);
}
.information-about-order .information-about-order__wrapper .right-content .call-me-after .label-container input:checked ~ span {
color: var(--color-black);
}
.shares {
margin-top: 32px;
}
.shares .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 49px;
color: var(--color-black);
}
@media (max-width: 1024px){
.information-about-order .information-about-order__wrapper .left-content p {
font-size: 15px;
}
.shares {
margin-top: 30px;
}
.shares .section-title {
font-weight: 600;
font-size: 19px;
line-height: 120%;
}
.details-order .details-order__wrapper .payment .payment-radio-button {
margin-top: 15px;
}
}
.shares .shares__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shares .shares__wrapper .block {
margin-top: 31px;
-ms-flex-preferred-size: 48.5%;
flex-basis: 48.5%}
.shares .shares__wrapper .block .top-content {
border-radius: 10px 10px 0px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 107px 14px 30px 11px;
min-height: 383px;
}
.shares .shares__wrapper .block .top-content .title {
max-width: 295px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 27px;
line-height: 33px;
color: var(--color-black);
}
.shares .shares__wrapper .block .top-content .sub-title {
margin-top: 24px;
max-width: 175px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: var(--color-light-gray);
}
.shares .shares__wrapper .block .bottom-content {
background: var(--color-gray-bg);
border-radius: 0px 0px 10px 10px;
padding: 26px 35px 22px 31px;
}
.shares .shares__wrapper .block .bottom-content .title {
max-width: 160px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 21px;
line-height: 26px;
color: var(--color-black);
}
.shares .shares__wrapper .block .bottom-content .sub-title {
margin-top: 15px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: var(--color-light-gray);
}
.shares .shares__wrapper .block-bg-1 {
background: url("../img/base/SharesBg1.png") no-repeat right/cover;
}
.shares .shares__wrapper .block-bg-2 {
background: url("../img/base/SharesBg2.png") no-repeat right/cover;
}
.shares .shares__wrapper .block-bg-2 .text-block .title {
color: var(--color-white);
}
.shares .shares__wrapper .block-bg-2 .text-block .sub-title {
color: var(--color-white);
}
.shares .shares__wrapper .block-order1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.shares .shares__wrapper .block-order2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.shares .shares__wrapper .block-order3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.shares .shares__wrapper .block-order4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.shares .shares__wrapper .block-order5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.shares .shares__wrapper .block-order6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.shares2 .shares__wrapper .block {
-ms-flex-preferred-size: 23.5%;
flex-basis: 23.5%}
.shares2 .shares__wrapper .block .top-content {
padding-top: 22px;
padding-left: 18px;
min-height: 268px;
border-radius: 5px;
}
.shares2 .shares__wrapper .block .top-content .text-block .title {
font-size: 21px;
line-height: 26px;
}
.shares2 .shares__wrapper .block .block-bg-1 {
background: url("../img/base/Shares2Bg1.png") no-repeat top/cover;
}
.shares2 .shares__wrapper .block .block-bg-2 {
background: url("../img/base/Shares2Bg2.png") no-repeat top/cover;
}
.shares2 .shares__wrapper .block .bottom-content {
margin-top: 22px;
padding: 0;
background-color: transparent;
}
.popular-product {
margin-top: 107px;
}
.popular-product .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 49px;
text-align: center;
color: var(--color-black);
}
.popular-product .popular-product__wrapper {
margin-top: 26px;
}
.text-page {
margin-top: 36px;
}
.text-page .text-page__wrapper .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 49px;
color: var(--color-black);
}
.text-page .text-page__wrapper .text-page__image {
margin: 20px 0;
}
.text-page .text-page__wrapper .text-page__image img {
width: 100%;
object-fit: cover;
vertical-align: top;
}
.text-page .text-page__wrapper .text-content {
margin-top: 39px;
}
.text-page .text-page__wrapper .text-content p ~ p {
margin-top: 35px;
}
.text-page .text-page__wrapper .text-content p {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 28px;
color: var(--color-light-gray);
}
.contacts {
margin-top: 32px;
}
.contacts .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 49px;
color: var(--color-black);
}
.contacts .contacts__wrapper {
margin-top: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contacts .contacts__wrapper .left-content {
-ms-flex-preferred-size: 49%;
flex-basis: 49%}
.contacts .contacts__wrapper .left-content .left-content__top, .contacts .contacts__wrapper .left-content .left-content__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contacts .contacts__wrapper .left-content .left-content__top .block, .contacts .contacts__wrapper .left-content .left-content__bottom .block {
overflow: hidden;
position: relative;
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
padding: 23px 23px 29px 23px;
}
.contacts .contacts__wrapper .left-content .left-content__top .block .title, .contacts .contacts__wrapper .left-content .left-content__bottom .block .title {
position: relative;
z-index: 5;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 21px;
color: var(--color-light-gray);
}
.contacts .contacts__wrapper .left-content .left-content__top .block .sub-title, .contacts .contacts__wrapper .left-content .left-content__bottom .block .sub-title {
display: block;
position: relative;
z-index: 5;
margin-top: 19px;
}
.contacts .contacts__wrapper .left-content .left-content__top .block-bg-1, .contacts .contacts__wrapper .left-content .left-content__bottom .block-bg-1 {
background: var(--color-primary-light);
border-radius: 5px;
}
.contacts .contacts__wrapper .left-content .left-content__top .block-bg-2, .contacts .contacts__wrapper .left-content .left-content__bottom .block-bg-2 {
background: var(--color-primary-dark);
border-radius: 5px;
}
.contacts .contacts__wrapper .left-content .left-content__top .block .sub-title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 24px;
color: var(--color-black);
}
.contacts .contacts__wrapper .left-content .left-content__top .block-bg-1::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 117px;
height: 127px;
background: url("../img/base/contactLeftContentTopBefore1.svg") no-repeat;
z-index: 1;
}
.contacts .contacts__wrapper .left-content .left-content__top .block-bg-2::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 153px;
height: 127px;
background: url("../img/base/contactLeftContentTopBefore2.svg") no-repeat;
z-index: 1;
}
.contacts .contacts__wrapper .left-content .left-content__top .block-bg-2 .title {
color: #eaeaea;
}
.contacts .contacts__wrapper .left-content .left-content__top .block-bg-2 .sub-title {
color: var(--color-white);
}
.contacts .contacts__wrapper .left-content .left-content__bottom {
margin-top: 30px;
}
.contacts .contacts__wrapper .left-content .left-content__bottom .block .sub-title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: var(--color-black);
}
.contacts .contacts__wrapper .left-content .left-content__bottom .block-bg-2 .title {
color: #eaeaea;
}
.contacts .contacts__wrapper .left-content .left-content__bottom .block-bg-2 .sub-title {
color: var(--color-white);
}
.contacts .contacts__wrapper .right-content {
border-radius: 5px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%}
.back-to-catalog {
margin-top: 25px;
}
.back-to-catalog a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
color: var(--color-primary);
}
.back-to-catalog a img {
width: 15px;
height: 9px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-right: 7px;
}
.product-comparsion {
margin-top: 31px;
}
.product-comparsion .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 49px;
color: var(--color-black);
}
.product-comparsion .product-comparsion__wrapper {
padding-top: 28px;
/* margin-top: 28px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-y: auto;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block {
margin-right: 27px;
-ms-flex-preferred-size: 23%;
flex-basis: 23%}
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block .top-content {
/* height: 371px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fefdf8;
border: 1px solid rgba(0, 0, 0, 0.04);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px 5px 0px 0px;
overflow: hidden;
position: relative;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block .top-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/base/productComprasionBlockBefore.svg") no-repeat;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block .top-content .label-container {
display: block;
position: relative;
padding-left: 27px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block .top-content .label-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block .top-content .label-container span {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 15px;
line-height: 19px;
color: var(--color-black);
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block .top-content .label-container span span {
color: var(--color-primary);
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block .top-content .checkmark {
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border: 2px solid #e5e5e5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block .top-content .label-container input:checked ~ .checkmark {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.product-comparsion .product-comparsion__wrapper .block {
min-width: 245px;
}
.product-comparsion .product-comparsion__wrapper .block .bottom-content {
margin-top: 24px;
}
.product-comparsion .product-comparsion__wrapper .block .bottom-content .bottom-content__item, .product-comparsion .product-comparsion__wrapper .block .bottom-content .bottom-content__item {
margin-top: 3px;
}
.product-comparsion .product-comparsion__wrapper .block .bottom-content .bottom-content__item {
min-height: 50px;
background: var(--color-gray-bg);
border-radius: 5px;
padding: 19px 27px;
}
.product-comparsion .product-comparsion__wrapper .block .bottom-content .bottom-content__item .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 12px;
color: #000000;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block ~ .product-comparsion-product-block {
margin-left: 27px;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block {
position: relative;
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
min-width: 300px;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .remove-product-comparsion-product-block, .remove-product-favorites-product-block {
cursor: pointer;
position: absolute;
z-index: 5;
top: -10px;
right: -10px;
width: 22px;
height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
border-radius: 60px;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0.5;
}
@media (any-hover: hover) {
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .clm-card:hover .remove-product-comparsion-product-block {
z-index: 16;
}
}
@media (any-hover: none) {
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .remove-product-comparsion-product-block, .remove-product-favorites-product-block {
opacity: 1;
}
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .remove-product-comparsion-product-block img, .remove-product-favorites-product-block img {
width: 8px;
height: 8px;
-webkit-filter: contrast(30);
filter: contrast(30);
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .remove-product-comparsion-product-block:hover , .remove-product-favorites-product-block:hover {
opacity: 1;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content {
padding: 14px 14px 27px 14px;
background: var(--color-gray-bg);
border-radius: 5px 5px 0px 0px;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .img-block {
height: 169px;
width: 100%;
background: var(--color-white);
border-radius: 5px;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .img-block img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .title-block-libre {
margin-top: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .title-block-libre .title-block .title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .title-block-libre .title-block .sub-title {
margin-top: 7px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .title-block-libre .libre {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: var(--color-primary);
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .price-block {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .price-block .new-price {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
color: var(--color-primary);
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .price-block .old-price {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: var(--color-black);
position: relative;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .price-block .old-price::before {
content: "";
position: absolute;
bottom: 8px;
left: 0;
-webkit-transform: rotate(-6.63deg);
-ms-transform: rotate(-6.63deg);
transform: rotate(-6.63deg);
width: 60px;
height: 1.5px;
background-color: #e63a3a;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .add-to-basket {
margin-top: 19px;
width: 100%;
padding: 16px 47px 16px 16px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
background-color: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
position: relative;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .add-to-basket:hover {
background-color: var(--color-primary-dark);
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .top-content .add-to-basket::before {
content: "";
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 19px;
background: url("../../img/base/basketIconWhite.svg") no-repeat;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block .bottom-content .bottom-content__item .title {
font-weight: 400;
font-family: "Rubik", sans-serif;
color: var(--color-light-gray);
}
.product-comparsion .product-comparsion__wrapper .block-bottom-color1 .bottom-content .bottom-content__item {
background: rgba(207, 232, 223, 0.5);
}
.product-comparsion .product-comparsion__wrapper .block-bottom-color2 .bottom-content .bottom-content__item {
background: #fefdf8;
}
.product-comparsion .buttons-block {
margin-top: 38px;
}
.product-comparsion .buttons-block .go-back {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
padding: 15px 26px;
color: var(--color-primary);
border: 2px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 60px;
background-color: transparent;
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.product-comparsion .buttons-block .go-back:hover {
color: var(--color-white);
background-color: var(--color-primary);
}
.product-comparsion .buttons-block .clear {
margin-left: 20px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
padding-left: 16px;
color: var(--color-light-gray);
position: relative;
}
.product-comparsion .buttons-block .clear::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 11px;
height: 11px;
background: url("../img/base/xIcon.svg") no-repeat;
}
.news-page {
margin-top: 32px;
}
.news-page .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 49px;
color: var(--color-black);
}
.news-page .news-page__wrapper {
margin-top: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-page .news-page__wrapper .left-content {
margin-right: 20px;
-ms-flex-preferred-size: 23%;
flex-basis: 23%}
.news-page .news-page__wrapper .left-content .filter-news-block ~ .filter-news-block {
margin-top: 30px;
}
.news-page .news-page__wrapper .left-content .filter-news-block {
min-width: 200px;
overflow: hidden;
padding: 22px 25px 30px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
background: var(--color-primary-dark);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
border-radius: 5px;
}
.news-page .news-page__wrapper .left-content .filter-news-block::before {
content: "";
position: absolute;
bottom: 0;
left: -99px;
width: 283px;
height: 269px;
background: url("../img/base/filterNewsBlockBefore.png") no-repeat;
z-index: 1;
}
.news-page .news-page__wrapper .left-content .filter-news-block .filter-news-button ~ .filter-news-button {
margin-top: 20px;
}
.news-page .news-page__wrapper .left-content .filter-news-block .filter-news-button {
position: relative;
z-index: 5;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
color: var(--color-gray-bg);
-webkit-transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
}
.news-page .news-page__wrapper .left-content .filter-news-block .filter-news-button:hover {
color: var(--color-white);
font-weight: 800;
}
.news-page .news-page__wrapper .right-content {
-ms-flex-preferred-size: 74%;
flex-basis: 74%}
.news-page .news-page__wrapper .right-content .news-block ~ .news-block {
margin-top: 30px;
}
.news-page .news-page__wrapper .right-content .news-block {
border-radius: 5px;
overflow: hidden;
padding: 19px 65px 17px 19px;
position: relative;
}
.news-page .news-page__wrapper .right-content .news-block .date {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
position: relative;
z-index: 5;
color: #a0a0a0;
}
.news-page .news-page__wrapper .right-content .news-block .filter-news {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
margin-top: 7px;
padding-left: 19px;
color: var(--color-black);
position: relative;
z-index: 5;
}
.news-page .news-page__wrapper .right-content .news-block .filter-news::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
height: 8px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
}
.news-page .news-page__wrapper .right-content .news-block .title {
margin-top: 20px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 19px;
line-height: 23px;
position: relative;
z-index: 5;
color: var(--color-black);
}
.news-page .news-page__wrapper .right-content .news-block .sub-title {
margin-top: 10px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
position: relative;
z-index: 5;
color: var(--color-light-gray);
}
.news-page .news-page__wrapper .right-content .news-block-bg-light-yellow {
background: var(--color-primary-light);
}
.news-page .news-page__wrapper .right-content .news-block-bg-light-gray {
background: #d4eee2;
}
.news-page .news-page__wrapper .right-content .news-block-bg-light-gray::before {
content: "";
position: absolute;
top: -7px;
right: -149px;
width: 350px;
height: 290px;
background: url("../img/base/newsBlockBefore.png") no-repeat;
z-index: 1;
}
.services {
margin-top: 32px;
}
.services .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
line-height: 49px;
color: var(--color-black);
}
.services .services__wrapper {
margin-top: 24px;
}
.services .services__wrapper .services__item ~ .services__item {
margin-top: 13px;
}
.services .services__wrapper .services__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.services .services__wrapper .services__item .left-content {
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
margin-right: 20px;
padding-right: 13px;
overflow: hidden;
}
.services .services__wrapper .services__item .left-content .left-content-wrapper {
cursor: pointer;
padding: 27px 26px 25px 27px;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
border-radius: 5px;
position: relative;
}
.services .services__wrapper .services__item .left-content .left-content-wrapper::before {
content: "";
position: absolute;
top: -4px;
left: -10px;
width: 287px;
height: 248px;
background: url("../img/base/servicesBeforeImgNotActive.png") no-repeat;
}
.services .services__wrapper .services__item .left-content .left-content-wrapper::after {
display: none;
content: "";
position: absolute;
right: -24px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: 17px solid transparent;
border-left: 10px solid var(--color-primary-dark);
}
.services .services__wrapper .services__item .left-content .title {
position: relative;
z-index: 10;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 24px;
color: var(--color-black);
}
.services .services__wrapper .services__item .right-content {
display: none;
padding: 24px 40px 24px 24px;
-ms-flex-preferred-size: 66%;
flex-basis: 66%;
background: var(--color-primary-light);
border-radius: 5px;
}
.services .services__wrapper .services__item .right-content .title {
padding-left: 20px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
color: var(--color-black);
position: relative;
}
.services .services__wrapper .services__item .right-content .title::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 8px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: var(--color-primary);
border-radius: 50%}
.services .services__wrapper .services__item .right-content .title span {
margin-left: 4px;
display: inline-block;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
color: var(--color-primary);
}
.services .services__wrapper .services__item .right-content .content {
margin-top: 11px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: var(--color-light-gray);
}
.services .services__wrapper .services__item-active .left-content .left-content-wrapper {
background: var(--color-primary-dark);
}
.services .services__wrapper .services__item-active .left-content .left-content-wrapper::before {
top: -49px;
left: -94px;
background: url("../img/base/servicesBeforeImg.png") no-repeat;
}
.services .services__wrapper .services__item-active .left-content .left-content-wrapper::after {
display: block;
}
.services .services__wrapper .services__item-active .left-content .title {
color: var(--color-gray-bg);
}
.services .services__wrapper .services__item-active .right-content {
display: block;
}
.services2 {
margin-top: 33px;
}
.services2 .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
color: var(--color-black);
}
.services2 .services2__wrapper .title-block {
margin-top: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.services2 .services2__wrapper .title-block .left-title, .services2 .services2__wrapper .title-block .middle-title, .services2 .services2__wrapper .title-block .right-title {
background: var(--color-primary-dark);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
border-radius: 5px;
padding: 18px 25px;
position: relative;
overflow: hidden;
}
.services2 .services2__wrapper .title-block .left-title::before, .services2 .services2__wrapper .title-block .middle-title::before, .services2 .services2__wrapper .title-block .right-title::before {
content: "";
position: absolute;
top: -141px;
left: -79px;
width: 300px;
height: 260px;
background: url("../img/base/services2TitleBefore.svg") no-repeat;
}
.services2 .services2__wrapper .title-block .left-title p, .services2 .services2__wrapper .title-block .middle-title p, .services2 .services2__wrapper .title-block .right-title p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 24px;
color: var(--color-gray-bg);
}
.services2 .services2__wrapper .title-block .left-title {
-ms-flex-preferred-size: 32%;
flex-basis: 32%}
.services2 .services2__wrapper .title-block .middle-title {
-ms-flex-preferred-size: 49%;
flex-basis: 49%}
.services2 .services2__wrapper .title-block .right-title {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.services2 .services2__wrapper .content-block {
margin-top: 31px;
}
.services2 .services2__wrapper .content-block .content-block__item, .services2 .services2__wrapper .content-block .content-block__item {
margin-top: 30px;
}
.services2 .services2__wrapper .content-block .content-block__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.services2 .services2__wrapper .content-block .content-block__item .left-content {
background: var(--color-white);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
border-radius: 5px;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
padding: 25px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 24px;
position: relative;
color: var(--color-black);
overflow: hidden;
}
.services2 .services2__wrapper .content-block .content-block__item .left-content::before {
content: "";
position: absolute;
top: -8px;
left: -7px;
width: 300px;
height: 347px;
background: url("../img/base/services2ContentLeftBefore.svg") no-repeat;
}
.services2 .services2__wrapper .content-block .content-block__item .left-content p {
position: relative;
z-index: 10;
}
.services2 .services2__wrapper .content-block .content-block__item .middle-content {
background: var(--color-primary-light);
border-radius: 5px;
padding: 17px 19px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 26px;
position: relative;
color: var(--color-light-gray);
overflow: hidden;
}
.services2 .services2__wrapper .content-block .content-block__item .middle-content::before {
content: "";
position: absolute;
top: 4px;
right: -17px;
width: 208px;
height: 401px;
background: url("../img/base/services2ContentMiddleBefore.svg") no-repeat top/contain;
}
.services2 .services2__wrapper .content-block .content-block__item .middle-content p {
position: relative;
z-index: 10;
}
.services2 .services2__wrapper .content-block .content-block__item .right-content {
background: rgba(58, 192, 79, 0.1);
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
color: var(--color-primary);
padding: 20px;
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
position: relative;
overflow: hidden;
}
.services2 .services2__wrapper .content-block .content-block__item .right-content::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 165px;
height: 192px;
opacity: 0.1;
background: url("../img/base/services2ContentRightBefore.svg") no-repeat;
}
.services2 .services2__wrapper .content-block .content-block__item .right-content p {
position: relative;
z-index: 10;
}
.services3 {
margin-top: 33px;
}
.services3 .section-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 41px;
color: var(--color-black);
}
.services3 .services3__wrapper .title-block {
margin-top: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.services3 .services3__wrapper .title-block .left-title, .services3 .services3__wrapper .title-block .middle-title, .services3 .services3__wrapper .title-block .right-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--color-primary-dark);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
border-radius: 5px;
padding: 18px 25px;
position: relative;
overflow: hidden;
}
.services3 .services3__wrapper .title-block .left-title::before, .services3 .services3__wrapper .title-block .middle-title::before, .services3 .services3__wrapper .title-block .right-title::before {
content: "";
position: absolute;
top: -141px;
left: -79px;
width: 300px;
height: 260px;
background: url("../img/base/services2TitleBefore.svg") no-repeat;
}
.services3 .services3__wrapper .title-block .left-title p, .services3 .services3__wrapper .title-block .middle-title p, .services3 .services3__wrapper .title-block .right-title p {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 24px;
color: var(--color-gray-bg);
}
.services3 .services3__wrapper .title-block .left-title {
-ms-flex-preferred-size: 32%;
flex-basis: 32%}
.services3 .services3__wrapper .title-block .middle-title {
-ms-flex-preferred-size: 49%;
flex-basis: 49%}
.services3 .services3__wrapper .title-block .right-title {
-ms-flex-preferred-size: 15%;
flex-basis: 15%}
.services3 .services3__wrapper .content-block {
margin-top: 31px;
}
.services3 .services3__wrapper .content-block .content-block__item, .services3 .services3__wrapper .content-block .content-block__item {
margin-top: 30px;
}
.services3 .services3__wrapper .content-block .content-block__item {
padding-bottom: 11px;
border-bottom: 1px solid var(--color-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.services3 .services3__wrapper .content-block .content-block__item .left-content {
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
padding: 25px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 24px;
position: relative;
color: var(--color-black);
overflow: hidden;
}
.services3 .services3__wrapper .content-block .content-block__item .left-content p {
position: relative;
z-index: 10;
}
.services3 .services3__wrapper .content-block .content-block__item .middle-content {
padding: 17px 19px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 26px;
position: relative;
color: var(--color-light-gray);
overflow: hidden;
}
.services3 .services3__wrapper .content-block .content-block__item .middle-content p {
position: relative;
z-index: 10;
}
.services3 .services3__wrapper .content-block .content-block__item .right-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
color: var(--color-primary);
padding: 20px;
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
position: relative;
overflow: hidden;
}
.services3 .services3__wrapper .content-block .content-block__item .right-content p {
position: relative;
z-index: 10;
}
.not-found-block {
margin-top: 47px;
}
.not-found-block .not-found-block__wrapper {
height: 554px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 10px;
background: url("../img/base/404Bg.jpg") no-repeat left/cover;
padding: 20px 50px 60px 50px;
}
.not-found-block .not-found-block__wrapper .content-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.not-found-block .not-found-block__wrapper .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 288px;
color: var(--color-primary-light);
}
.not-found-block .not-found-block__wrapper .sub-title {
margin-top: 30px;
font-family: "Rubik", sans-serif;
font-style: italic;
font-weight: 300;
font-size: 27px;
line-height: 33px;
color: #fefdf8;
text-align: center;
}
.not-found-block .not-found-block__wrapper .go-back {
margin-top: 40px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
padding: 14px 59px;
color: var(--color-white);
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.not-found-block .not-found-block__wrapper .go-back:hover {
background-color: var(--color-primary-dark);
}
.pop-up-product {
opacity: 0;
visibility: hidden;
background-color: var(--color-white);
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 100;
padding: 15px 18px 29px 18px;
width: 800px;
background: var(--color-white);
border: 2px solid var(--color-primary-light);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.pop-up-product .pop-up-product__wrapper {
padding-bottom: 28px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.pop-up-product .pop-up-product__wrapper .close-pop-up-products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 22px;
height: 22px;
background: rgba(58, 192, 79, 0.2);
border-radius: 60px;
align-items: center;
justify-content: center;
z-index: 100;
}
.pop-up-product .pop-up-product__wrapper .close-pop-up-products img {
width: 8px;
height: 8px;
-webkit-filter: contrast(30.5);
filter: contrast(30.5);
}
.pop-up-product .pop-up-product__wrapper .left-content {
margin-right: 31px;
-ms-flex-preferred-size: 40.5%;
flex-basis: 40.5%;
width: 342.03px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px 5px 0px 0px;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.02);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px 5px 0px 0px;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .new-product {
padding-top: 9px;
padding-left: 12px;
position: absolute;
top: 0;
left: 0;
width: 86px;
height: 36px;
background: url("../img/base/newProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
z-index: 5;
color: var(--color-white);
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .hit-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -7px;
right: -13px;
width: 43px;
height: 43px;
background: url("../../img/base/hitProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
z-index: 5;
color: var(--color-white);
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide {
padding: 50px 50px 45px 50px;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide .view-slide__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide .view-slide__wrapper .slick-slide {
max-width: 238px;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide .view-slide__wrapper .view-slide__item {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide .view-slide__wrapper .view-slide__item img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav {
padding: 22px 40px;
background: var(--color-gray-bg);
position: relative;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .slick-arrows {
cursor: pointer;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 50;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0.3;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .slick-arrows:hover {
opacity: 1;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .slick-prev {
left: 17px;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .slick-prev img {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .slick-next {
right: 17px;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .view-slide-nav__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .view-slide-nav__wrapper .slick-list {
width: 100%}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .view-slide-nav__wrapper .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .view-slide-nav__wrapper .slick-slide {
width: 75px;
height: 75px;
background: var(--color-white);
border: 1.5px solid transparent;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
border-radius: 5px;
position: relative;
z-index: 50;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .view-slide-nav__wrapper .slick-current {
border-color: var(--color-primary);
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .view-slide-nav__wrapper .view-slide-nav__item {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 75px;
height: 75px;
padding: 10px;
}
.pop-up-product .pop-up-product__wrapper .left-content .slider-block .pop-up-view-slide-nav .view-slide-nav__wrapper .view-slide-nav__item img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.pop-up-product .pop-up-product__wrapper .right-content {
position: relative;
}
.pop-up-product .pop-up-product__wrapper .right-content .right-content-title {
margin-top: 37px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 30px;
color: var(--color-black);
}
.pop-up-product .pop-up-product__wrapper .right-content .rate {
margin-top: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pop-up-product .pop-up-product__wrapper .right-content .rate .rate-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pop-up-product .pop-up-product__wrapper .right-content .rate .rate-icons .rate-icon ~ .rate-icon {
margin-left: 5px;
}
.pop-up-product .pop-up-product__wrapper .right-content .rate .rate-icons .rate-icon {
cursor: pointer;
}
.pop-up-product .pop-up-product__wrapper .right-content .rate .rate-icons .rate-icon svg {
width: 16px;
height: 15px;
}
.pop-up-product .pop-up-product__wrapper .right-content .rate .rate-icons .rate-icon svg path {
-webkit-transition: fill 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out;
stroke: #ffc107;
fill: transparent;
}
.pop-up-product .pop-up-product__wrapper .right-content .rate .rate-icons .rate-icon:hover svg path {
fill: #ffc107;
}
.pop-up-product .pop-up-product__wrapper .right-content .rate .rate-icons .rate-icon-active svg path {
fill: #ffc107;
}
.pop-up-product .pop-up-product__wrapper .right-content .rate p {
margin-left: 9px;
margin-right: 11px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 12px;
text-align: center;
color: var(--color-light-gray);
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications {
position: relative;
z-index: 10;
margin-top: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications__item ~ .specifications__item {
margin-left: 2px;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications__item {
cursor: pointer;
background: #fefdf8;
border: 1px solid rgba(0, 0, 0, 0.02);
border-radius: 0px 0px 5px 5px;
height: 75px;
width: 95px;
padding: 7px 5px 5px 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
position: relative;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications__item:hover .title {
color: var(--color-primary);
border-color: var(--color-primary);
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications__item:hover .description-block {
opacity: 1;
visibility: visible;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications__item .description-block {
visibility: hidden;
opacity: 0;
min-width: 192px;
position: absolute;
bottom: 77px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
text-align: center;
background: var(--color-white);
color: var(--color-black);
padding: 16px 10px 26px 10px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications__item .description-block::before {
content: "";
position: absolute;
bottom: -26px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border: 17px solid transparent;
border-top: 14px solid var(--color-white);
z-index: 100;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications__item .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 26px;
border-bottom: 1px dashed var(--color-light-gray);
color: var(--color-light-gray);
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications__item .sub-title {
margin-top: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: var(--color-black);
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-size .sub-title {
padding-right: 6px;
position: relative;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-size .sub-title::before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: -7px;
width: 9px;
height: 6px;
/* background: url("../../img/base/arrowDown.svg") no-repeat center/contain; */
background-image: var(--img-arrow-down);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 6px;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1px;
height: 30px;
background: rgba(0, 0, 0, 0.08);
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block .left-block, .pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block .right-block {
text-align: center;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block .left-block .inner-block-title, .pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block .right-block .inner-block-title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 9px;
color: var(--color-light-gray);
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block .left-block .inner-block-sub-title, .pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block .right-block .inner-block-sub-title {
margin-top: 3px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 9px;
color: var(--color-black);
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block .left-block {
margin-right: 15px;
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count {
margin-top: 23px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .price-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .price-block .new-price {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 28px;
color: var(--color-primary);
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .price-block .old-price {
margin-left: 9px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: var(--color-black);
position: relative;
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .price-block .old-price::before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 100%;
height: 1px;
background-color: #e63a3a;
-webkit-transform: rotate(-6.63deg);
-ms-transform: rotate(-6.63deg);
transform: rotate(-6.63deg);
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .count {
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .count .count-input {
border: none;
width: 25px;
height: 25px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #000000;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
border-radius: 5px;
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .count .number-arrows .arrow-num, .pop-up-product .pop-up-product__wrapper .right-content .price-block-count .count .number-arrows .arrow-minus {
position: absolute;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 19px;
height: 19px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
border-radius: 60px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: var(--color-white);
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .count .number-arrows .arrow-num {
right: 5px;
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .count .number-arrows .arrow-minus {
left: 5px;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block {
margin-top: 21px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-left {
-ms-flex-preferred-size: 57%;
flex-basis: 57%}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-left .add-to-basket {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
width: 100%;
line-height: 16px;
padding: 16px 47px 20px 29px;
color: var(--color-white);
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
position: relative;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-left .add-to-basket:hover {
background-color: var(--color-primary-dark);
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-left .add-to-basket::before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 22px;
width: 20px;
height: 19px;
background: url("../../img/base/basketIconWhite.svg") no-repeat;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-left .buy {
margin-top: 14px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
padding: 16px 29px;
width: 100%;
color: var(--color-primary);
border: 1.5px solid var(--color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
background-color: transparent;
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-left .buy:hover {
color: var(--color-white);
background-color: var(--color-primary);
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .save, .pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare {
min-width: 99px;
padding-top: 8px;
padding-bottom: 13px;
padding-left: 10px;
padding-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--color-gray-bg);
border: 1px solid rgba(0, 0, 0, 0.02);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .save:hover, .pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare:hover {
background-color: var(--color-primary);
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .save:hover span, .pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare:hover span {
color: var(--color-white);
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .save:hover svg path, .pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare:hover svg path {
stroke: var(--color-white);
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .save svg, .pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare svg {
margin-top: 4px;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .save svg path, .pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare svg path {
-webkit-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
-o-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .save span, .pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare span {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 30px;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: var(--color-light-gray);
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare {
margin-top: 9px;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare:hover svg path {
fill: var(--color-white);
}
.pop-up-product .bottom-content {
margin-top: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pop-up-product .bottom-content .bottom-content-left .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 30px;
color: var(--color-black);
}
.pop-up-product .bottom-content .bottom-content-left .sub-title {
margin-top: 10px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
max-width: 525px;
color: var(--color-light-gray);
}
.pop-up-product .bottom-content .bottom-content-right .details {
margin-top: 38px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
text-align: center;
color: var(--color-light-gray);
background: var(--color-gray-bg);
border: 1px solid rgba(0, 0, 0, 0.02);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
padding: 17px 49px;
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.pop-up-product .bottom-content .bottom-content-right .details:hover {
color: var(--color-white);
background-color: var(--color-primary);
}
.pop-up-product-active {
opacity: 1;
visibility: visible;
}
.pop-up-basket {
display: none;
padding-bottom: 21px;
position: absolute;
top: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 467px;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
border-radius: 5px;
z-index: 100;
}
.pop-up-basket .pop-up-basket__wrapper .top-title {
height: 73px;
background: var(--color-primary-light);
}
.pop-up-basket .pop-up-basket__wrapper .top-title .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 27px;
line-height: 72px;
text-align: center;
color: var(--color-black);
}
.pop-up-basket .pop-up-basket__wrapper .top-title .close-pop-up-basket {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
width: 22px;
height: 22px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
border-radius: 60px;
align-items: center;
justify-content: center;
z-index: 100;
}
.pop-up-basket .pop-up-basket__wrapper .top-title .close-pop-up-basket img {
width: 8px;
height: 8px;
-webkit-filter: contrast(30.5);
filter: contrast(30.5);
}
.pop-up-basket .pop-up-basket__wrapper .block {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin: 25px;
padding: 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.pop-up-basket .pop-up-basket__wrapper .block .like-block-button {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
.pop-up-basket .pop-up-basket__wrapper .block .like-block-button img {
width: 17px;
height: 14px;
}
.pop-up-basket .pop-up-basket__wrapper .block .delete-block-button {
cursor: pointer;
position: absolute;
top: 0px;
right: 4px;
}
.pop-up-basket .pop-up-basket__wrapper .block .left-content .img-block {
width: 94px;
height: 58px;
}
.pop-up-basket .pop-up-basket__wrapper .block .left-content .img-block img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content {
-ms-flex-preferred-size: 71%;
flex-basis: 71%;
margin-left: 27px;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count .block-title .title {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count .block-title .sub-title {
margin-top: 5px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-black);
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count .count {
margin-left: 20px;
width: 99px;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
flex-shrink: 0;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count .count .count-input {
border: none;
width: 25px;
height: 25px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #000000;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
border-radius: 5px;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count .count .number-arrows .arrow-num, .pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count .count .number-arrows .arrow-minus {
position: absolute;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 19px;
height: 19px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
border-radius: 60px;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: var(--color-white);
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count .count .number-arrows .arrow-num {
right: 5px;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count .count .number-arrows .arrow-minus {
left: 5px;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .size-price {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .size-price .size {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .size-price .size span {
color: var(--color-black);
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .size-price .price {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
color: var(--color-primary);
}
.pop-up-basket .pop-up-basket__wrapper .bottom-content {
margin-top: 27px;
padding: 0 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pop-up-basket .pop-up-basket__wrapper .bottom-content .finaly-count {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: #000000;
}
.pop-up-basket .pop-up-basket__wrapper .bottom-content .finaly-count span {
font-weight: 700;
font-size: 19px;
color: var(--color-primary);
}
.pop-up-basket .pop-up-basket__wrapper .bottom-content .go-to-backet {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
background-color: var(--color-primary);
border-radius: 60px;
color: var(--color-white);
padding: 16px 47px 16px 29px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
position: relative;
}
.pop-up-basket .pop-up-basket__wrapper .bottom-content .go-to-backet::before {
content: "";
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 19px;
background: url("../../img/base/basketIconWhite.svg") no-repeat;
}
.pop-up-basket .pop-up-basket__wrapper .bottom-content .go-to-backet:hover {
background-color: var(--color-primary-dark);
}
.pop-up-our-markets {
display: none;
position: absolute;
top: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 941px;
background: var(--color-white);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
border-radius: 5px;
z-index: 100;
}
.pop-up-our-markets .pop-up-our-markets__wrapper {
position: relative;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .close-pop-up-our-markets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
width: 22px;
height: 22px;
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
border-radius: 60px;
align-items: center;
justify-content: center;
z-index: 100;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .close-pop-up-our-markets img {
width: 8px;
height: 8px;
-webkit-filter: contrast(30.5);
filter: contrast(30.5);
}
.pop-up-our-markets .pop-up-our-markets__wrapper .title-block {
height: 98px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-primary-light);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
border-radius: 5px 5px 0 0;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .title-block .title {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 27px;
line-height: 72px;
text-align: center;
color: var(--color-black);
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block {
border-radius: 0 0 5px 5px;
border-left: 2px solid var(--color-primary-dark);
border-right: 2px solid var(--color-primary-dark);
border-bottom: 2px solid var(--color-primary-dark);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 31px 31px 39px 31px;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .left-content {
-ms-flex-preferred-size: 37%;
flex-basis: 37%;
min-height: 250px;
background-color: #000;
margin-right: 19px;
border-radius: 5px;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content {
-ms-flex-preferred-size: 61%;
flex-basis: 61%}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block .title .icon {
width: 32px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-primary-dark);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block .title .icon img {
-webkit-filter: brightness(16.5);
filter: brightness(16.5);
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block .title p {
margin-left: 12px;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block .select-block {
cursor: pointer;
width: 65%;
position: relative;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block .select-block select {
cursor: pointer;
border: none;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
padding: 0 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
background: var(--color-gray-bg);
border-radius: 5px;
font-family: "Raleway", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #b5b5b5;
/* background: url("../../img/base/selectSizeIcon.svg") 96%/3.5% no-repeat; */
background-image: var(--img-arrow-circle-down);
background-position: 96%;
background-size: 3.5%;
background-repeat: no-repeat;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block .select-block select:focus {
border: none;
outline: none;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info {
margin-top: 27px;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: var(--color-gray-bg);
border-radius: 5px;
padding: 21px 12px;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-header .address, .pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-header .location, .pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-header .phone {
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 12px;
color: #000000;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body {
height: 269px;
overflow-y: scroll;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body::-webkit-scrollbar {
width: 5px;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body::-webkit-scrollbar-track {
background: var(--color-gray-bg);
border-radius: 5px;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body::-webkit-scrollbar-thumb {
background: var(--color-primary);
border-radius: 5px;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body::-webkit-scrollbar-thumb:hover {
background: var(--color-primary-dark);
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item {
padding: 13px 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item .address {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
max-width: 192px;
color: var(--color-light-gray);
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item .address span {
padding-left: 25px;
margin-top: 11px;
display: inline-block;
position: relative;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item .address span::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 19px;
height: 16px;
background: url("../img/base/metroIcon.svg") no-repeat;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item .location {
-ms-flex-preferred-size: 28%;
flex-basis: 28%;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--color-light-gray);
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item .phone {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
color: var(--color-black);
}
.pop-up-enother-size {
display: none;
position: absolute;
top: 300px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 370px;
z-index: 100;
-webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
background-color: var(--color-white);
padding: 56px 55px 66px;
}
.pop-up-enother-size .close-pop-up-enother-size {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
.pop-up-enother-size .title {
font-family: "Raleway", sans-serif;
font-size: 23px;
font-weight: 700;
text-align: center;
}
.pop-up-enother-size .sub-title {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-weight: 400;
margin-top: 15px;
text-align: center;
color: var(--color-gray);
}
.pop-up-enother-size form {
margin-top: 15px;
}
.pop-up-enother-size form input {
border-radius: 3px;
width: 100%;
margin-top: 20px;
background: #F8F8F7;
border: none;
height: 46px;
padding: 0 15px;
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-enother-size form input::-webkit-input-placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-enother-size form input::-moz-placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-enother-size form input:-ms-input-placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-enother-size form input::-ms-input-placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-enother-size form input::placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-enother-size form .twice-col-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pop-up-enother-size form .twice-col-wrapper input {
width: 47%}
.pop-up-enother-size form input[type="submit"] {
font-weight: 700;
background-color: transparent;
color: var(--color-primary);
border: 2px solid var(--color-primary);
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.pop-up-enother-size form input[type="submit"]:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.pop-up-buy-for-one-click {
display: none;
position: absolute;
top: 300px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 370px;
z-index: 100;
-webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
background-color: var(--color-white);
padding: 56px 55px 66px;
}
.pop-up-buy-for-one-click .close-pop-up-buy-for-one-click {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
.pop-up-buy-for-one-click .title {
font-family: "Raleway", sans-serif;
font-size: 23px;
font-weight: 700;
text-align: center;
}
.pop-up-buy-for-one-click .sub-title {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-weight: 400;
margin-top: 15px;
text-align: center;
color: var(--color-gray);
}
.pop-up-buy-for-one-click form {
margin-top: 15px;
}
.pop-up-buy-for-one-click form input {
border-radius: 3px;
width: 100%;
margin-top: 20px;
background: #F8F8F7;
border: none;
height: 46px;
padding: 0 15px;
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-buy-for-one-click form input::-webkit-input-placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-buy-for-one-click form input::-moz-placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-buy-for-one-click form input:-ms-input-placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-buy-for-one-click form input::-ms-input-placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-buy-for-one-click form input::placeholder {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #555;
}
.pop-up-buy-for-one-click form input[type="submit"] {
font-weight: 700;
background-color: transparent;
color: var(--color-primary);
border: 2px solid var(--color-primary);
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.pop-up-buy-for-one-click form input[type="submit"]:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
line-height: 1.15;
-webkit-text-size-adjust: 100%}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"], [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
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);
-ms-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;
}
/*! =======================================================
VERSION 11.0.2
========================================================= *//*! =========================================================
* bootstrap-slider.js
*
* Maintainers:
* Kyle Kemp
* - Twitter: @seiyria
* - Github: seiyria
* Rohit Kalkur
* - Twitter: @Rovolutionary
* - Github: rovolution
*
* =========================================================
*
* bootstrap-slider is released under the MIT License
* Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
*
* Permission is hereby granted, free of charge, to any person
* obtaining a copy of this software and associated documentation
* files (the "Software"), to deal in the Software without
* restriction, including without limitation the rights to use,
* copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following
* conditions:
*
* The above copyright notice and this permission notice shall be
* included in all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
* OTHER DEALINGS IN THE SOFTWARE.
*
* ========================================================= */.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 210px;
height: 20px;
}
.slider.slider-horizontal .slider-track {
height: 10px;
width: 100%;
margin-top: -5px;
top: 50%;
left: 0;
}
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
height: 100%;
top: 0;
bottom: 0;
}
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
margin-left: -10px;
}
.slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-width: 0 10px 10px 10px;
width: 0;
height: 0;
/* border-bottom-color: #036fa5; */
border-bottom-color: var(--color-primary);
margin-top: 0;
}
.slider.slider-horizontal .slider-tick-container {
white-space: nowrap;
position: absolute;
top: 0;
left: 0;
width: 100%}
.slider.slider-horizontal .slider-tick-label-container {
white-space: nowrap;
margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
display: inline-block;
text-align: center;
}
.slider.slider-horizontal.slider-rtl .slider-track {
left: initial;
right: 0;
}
.slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle {
margin-left: initial;
margin-right: -10px;
}
.slider.slider-horizontal.slider-rtl .slider-tick-container {
left: initial;
right: 0;
}
.slider.slider-vertical {
height: 210px;
width: 20px;
}
.slider.slider-vertical .slider-track {
width: 10px;
height: 100%;
left: 25%;
top: 0;
}
.slider.slider-vertical .slider-selection {
width: 100%;
left: 0;
top: 0;
bottom: 0;
}
.slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {
width: 100%;
left: 0;
right: 0;
}
.slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle {
margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle {
border-width: 10px 0 10px 10px;
width: 1px;
height: 1px;
/* border-left-color: #036fa5; */
border-left-color: var(--color-primary);
margin-left: 0;
}
.slider.slider-vertical .slider-tick-label-container {
white-space: nowrap;
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
padding-left: 4px;
}
.slider.slider-vertical.slider-rtl .slider-track {
left: initial;
right: 25%}
.slider.slider-vertical.slider-rtl .slider-selection {
left: initial;
right: 0;
}
.slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle {
border-width: 10px 10px 10px 0;
}
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
padding-left: initial;
padding-right: 4px;
}
.slider.slider-disabled .slider-handle {
background-color: #cfcfcf;
background-image: -o-linear-gradient(top, #DFDFDF, #BEBEBE);
background-image: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#BEBEBE));
background-image: linear-gradient(to bottom, #DFDFDF, #BEBEBE);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#BEBEBE', GradientType=0);
}
.slider.slider-disabled .slider-track {
background-color: #e7e7e7;
background-image: -o-linear-gradient(top, #E5E5E5, #E9E9E9);
background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#E9E9E9));
background-image: linear-gradient(to bottom, #E5E5E5, #E9E9E9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#E9E9E9', GradientType=0);
cursor: not-allowed;
}
.slider input {
display: none;
}
.slider .tooltip-inner {
white-space: nowrap;
max-width: none;
}
.slider .bs-tooltip-top .tooltip-inner, .slider .bs-tooltip-bottom .tooltip-inner {
position: relative;
left: -50%}
.slider.bs-tooltip-left .tooltip-inner, .slider.bs-tooltip-right .tooltip-inner {
position: relative;
top: -100%}
.slider .tooltip {
pointer-events: none;
}
.slider .tooltip.bs-tooltip-top .arrow, .slider .tooltip.bs-tooltip-bottom .arrow {
left: -.4rem;
}
.slider .tooltip.bs-tooltip-top {
margin-top: -44px;
}
.slider .tooltip.bs-tooltip-bottom {
margin-top: 2px;
}
.slider .tooltip.bs-tooltip-left, .slider .tooltip.bs-tooltip-right {
margin-top: -14px;
}
.slider .tooltip.bs-tooltip-left .arrow, .slider .tooltip.bs-tooltip-right .arrow {
top: 8px;
}
.slider .hide {
display: none;
}
.slider-track {
background-color: #f7f7f7;
background-image: -o-linear-gradient(top, #f5f5f5, #F9F9F9);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#F9F9F9));
background-image: linear-gradient(to bottom, #f5f5f5, #F9F9F9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 4px;
position: absolute;
cursor: pointer;
}
.slider-selection {
background-color: #f7f7f7;
background-image: -o-linear-gradient(top, #F9F9F9, #f5f5f5);
background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#f5f5f5));
background-image: linear-gradient(to bottom, #F9F9F9, #f5f5f5);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
position: absolute;
}
.slider-selection.tick-slider-selection {
/* background-color: #46c1fe; */
/* background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
background-image: -webkit-gradient(linear, left top, left bottom, from(#52c5ff), to(#3abcfd));
background-image: linear-gradient(to bottom, #52c5ff, #3abcfd); */
background-color: var(--color-primary);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd', GradientType=0);
}
.slider-track-low, .slider-track-high {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
position: absolute;
background: transparent;
}
.slider-handle {
/* background-color: #0478b2; */
/* background-image: -o-linear-gradient(top, #0480BE, #036fa5);
background-image: -webkit-gradient(linear, left top, left bottom, from(#0480BE), to(#036fa5));
background-image: linear-gradient(to bottom, #0480BE, #036fa5); */
background-repeat: repeat-x;
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0480BE', endColorstr='#036fa5', GradientType=0); */
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
position: absolute;
top: 0;
width: 20px;
height: 20px;
/* background-color: #0480BE; */
background-color: var(--color-primary);
border: 0px solid transparent;
}
.slider-handle:hover {
cursor: pointer;
}
.slider-handle.round {
border-radius: 20px;
}
.slider-handle.triangle {
background: transparent none;
}
.slider-handle.custom {
background: transparent none;
}
.slider-handle.custom::before {
line-height: 20px;
font-size: 19px;
content: '\2605';
color: #726204;
}
.slider-tick {
background-color: #f7f7f7;
background-image: -o-linear-gradient(top, #f5f5f5, #F9F9F9);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#F9F9F9));
background-image: linear-gradient(to bottom, #f5f5f5, #F9F9F9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
cursor: pointer;
width: 20px;
height: 20px;
-webkit-filter: none;
filter: none;
opacity: 0.8;
border: 0px solid transparent;
}
.slider-tick.round {
border-radius: 50%}
.slider-tick.triangle {
background: transparent none;
}
.slider-tick.custom {
background: transparent none;
}
.slider-tick.custom::before {
line-height: 20px;
font-size: 19px;
content: '\2605';
color: #726204;
}
.slider-tick.in-selection {
background-color: #46c1fe;
background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
background-image: -webkit-gradient(linear, left top, left bottom, from(#52c5ff), to(#3abcfd));
background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd', GradientType=0);
opacity: 1;
}
@media (max-width: 1024px) {
.header .header__wrapper .top-header, .header .header__wrapper .middle-header, .header .header__wrapper .bottom-header {
display: none;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .email-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .address-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .email-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .phone-wrapper {
margin-top: 13px;
}
.header .header__wrapper .header-min {
display: block;
}
.header .header__wrapper .header-min .header-min__wrapper .logo img {
width: 150px;
}
.header .header__wrapper .header-min .header-min__wrapper .header-min-menu {
margin-left: 15px;
}
.subscribe-two .subscribe-two__wrapper .left-content form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="submit"] {
display: block;
margin-left: 0;
margin-top: 20px;
}
.product-block-page .product-block-page__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-block-page .product-block-page__wrapper .left-content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col {
-ms-flex-preferred-size: 57%;
flex-basis: 57%}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper .item1 p .icon-span {
right: -26px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper .item1 p .icon-span span {
left: -102px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper .item2 p .icon-span {
right: 17px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper .item3 p .icon-span {
right: 6px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper .item4 p .icon-span {
right: -26px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper .item4 p .icon-span span {
left: -84px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper .item5 p .icon-span {
right: -26px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper .item6 p .icon-span {
right: -26px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-col .composition .composition__wrapper .item6 p .icon-span span {
left: -97px;
}
.product-block-page .product-block-page__wrapper .right-content {
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.details-order .details-order__wrapper .left-content form .form-body input {
width: 100%;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .name-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .email-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .phone-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .address-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .name-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .email-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .phone-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .address-wrapper {
max-width: 240px;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .name-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .email-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .phone-wrapper {
max-width: none;
}
}@media (max-width: 1120px) {
.header .header__wrapper .header-min .header-min-menu {
display: none;
}
.header .header__wrapper .header-min .header-min-call-back {
display: none;
}
.header .header__wrapper .header-min .header-min-buttons {
display: none;
}
.header .header__wrapper .header-min .burger {
display: block;
}
.footer .footer__wrapper .top-footer .description {
font-size: 12px;
}
}@media (max-width: 1024px) {
.product-comparsion .product-comparsion__wrapper .product-comparsion-title-block {
display: none;
}
.basket-section .basket-section__wrapper table tbody tr td .count .count-input {
font-size: 14px;
}
.category .category__wrapper .left-content-pop-up {
display: none;
margin-right: 0;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 50;
background: var(--color-white);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
border-radius: 3px;
}
.category .category__wrapper .left-content-pop-up .specifications {
-webkit-box-shadow: none;
box-shadow: none;
}
.category .category__wrapper .left-content-pop-up .close-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.category .category__wrapper .right-content {
-ms-flex-preferred-size: 100%;
flex-basis: 100%}
.category .category__wrapper .right-content .sort-view .view-block {
display: none;
}
.category .category__wrapper .right-content .sort-view .filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col {
cursor: pointer;
margin-top: 25px;
-ms-flex-preferred-size: 31%;
flex-basis: 31%;
max-width: 263px;
background: var(--color-gray-bg);
border-radius: 5px 5px 0px 0px;
padding: 17px 12px;
position: relative;
color: var(--color-white);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col:hover .top-content .hover-button {
opacity: 1;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .new-product {
padding-top: 9px;
padding-left: 12px;
position: absolute;
top: 0;
left: 0;
width: 86px;
height: 36px;
background: url("../img/base/newProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
z-index: 5;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .hit-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -7px;
right: -13px;
width: 43px;
height: 43px;
background: url("../../img/base/hitProductIcon.svg") no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
z-index: 5;
color: var(--color-white);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .top-content {
-ms-flex-preferred-size: auto;
flex-basis: auto;
margin-right: 0;
height: 169px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-white);
border-radius: 5px;
position: relative;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .top-content img {
width: 100%}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .top-content .hover-button {
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
background: var(--color-primary);
border-radius: 0px 0px 5px 5px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 18px;
width: 100%;
padding: 20px 54px 20px 30px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .top-content .hover-button:hover {
background-color: var(--color-primary-dark);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .top-content .hover-button::before {
content: "";
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 21px;
height: 21px;
background: url("../../img/base/eyeIcon.svg") no-repeat;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .title-block {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .title-block .title-block-wrapper .title {
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 17px;
color: var(--color-light-gray);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .title-block .title-block-wrapper .sub-title {
margin-top: 7px;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--color-black);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .title-block .libre {
margin-top: 0;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: var(--color-primary);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper {
margin-top: 12px;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper .specifications-item, .category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper .specifications-item {
margin-top: 3px;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper .specifications-item {
background: var(--color-white);
border-radius: 5px;
padding: 7px 10px;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper .specifications-item .title {
font-family: "Rubik", sans-serif;
font-size: 11px;
line-height: 13px;
color: var(--color-light-gray);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper .specifications-item .sub-title {
margin-top: 3px;
font-family: "Rubik", sans-serif;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper .specifications-item-2-row {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: transparent;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper .specifications-item-2-row .left-content, .category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper .specifications-item-2-row .right-content {
-webkit-box-shadow: none;
box-shadow: none;
position: static;
padding: 7px 10px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
background: var(--color-white);
border-radius: 5px;
z-index: 10;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .specifications-wrapper .specifications-item-2-row .left-content {
padding-right: 2px;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .select-size {
cursor: pointer;
margin-top: 10px;
padding: 6px 10px;
font-family: "Rubik", sans-serif;
font-size: 13px;
background: var(--color-white);
border-radius: 5px;
color: var(--color-black);
position: relative;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .select-size::before {
content: "";
position: absolute;
right: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 15px;
height: 9px;
/* background: url("../../img/base/arrowDown.svg") no-repeat; */
background-image: var(--img-arrow-down);
background-repeat: no-repeat;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .price-buy-block {
position: static;
margin-top: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .price-buy-block .price-block {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .price-buy-block .price-block .new-price {
font-family: "Rubik", sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: var(--color-primary);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .price-buy-block .price-block .old-price {
font-family: "Rubik", sans-serif;
margin-top: 3px;
font-size: 13px;
line-height: 15px;
color: var(--color-black);
position: relative;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .price-buy-block .price-block .old-price::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 1.5px;
background-color: #e63a3a;
-webkit-transform: rotate(-6.63deg) translateY(-50%);
-ms-transform: rotate(-6.63deg) translateY(-50%);
transform: rotate(-6.63deg) translateY(-50%);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .price-buy-block .buy {
margin-top: 0;
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
padding: 11px 30px 11px 20px;
color: var(--color-white);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: var(--color-primary);
border-radius: 60px;
position: relative;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .price-buy-block .buy::before {
content: "";
position: absolute;
right: 13px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px;
height: 14px;
background: url("../../img/base/basketIconWhite.svg") no-repeat;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block-view-1-col .bottom-content .price-buy-block .buy:hover {
background-color: var(--color-primary-dark);
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 263px;
-ms-flex-preferred-size: 31%;
flex-basis: 31%}
.details-order .details-order__wrapper .right-content .delivery .delivery__wrapper .text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.details-order .details-order__wrapper .right-content .delivery .delivery__wrapper .text .change-city {
margin-left: 0;
margin-top: 10px;
}
.shares2 .shares__wrapper .block {
-ms-flex-preferred-size: 32%;
flex-basis: 32%}
.basket-section .basket-section__wrapper table tbody tr td {
padding: 3px;
}
.basket-section .basket-section__wrapper table thead tr .thead-col1 {
padding: 0 3px 0 10px;
}
.basket-section .basket-section__wrapper table thead tr td {
padding: 0 3px;
}
.delete-current-order-button img {
width: 15px;
height: 25px;
object-fit: contain;
}
}@media (max-width: 960px) {
.main-links .main-links__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: none;
box-shadow: none;
}
.main-links .main-links__wrapper .block ~ .block::before {
display: none;
}
.main-links .main-links__wrapper .block {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 3px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__one-col {
margin-right: 0;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col {
margin-top: 30px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper {
padding: 22px 35px 10px 15px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .specifications {
margin-top: 30px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .specifications .select-cloth .select-close-sub-menu {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-block-page .product-block-page__wrapper .right-content {
-ms-flex-item-align: center;
align-self: center;
}
.details-order .details-order__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.details-order .details-order__wrapper .left-content {
margin-right: 0;
}
.details-order .details-order__wrapper .left-content form .form-body input {
display: block;
width: 100%}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .name-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .email-wrapper {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
max-width: none;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .phone-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .address-wrapper {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
max-width: none;
}
.details-order .details-order__wrapper .right-content {
margin-top: 20px;
}
.contacts .contacts__wrapper {
/* -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; */
display: block;
}
.contacts .contacts__wrapper .right-content {
margin-top: 30px;
width: 100%;
height: 500px;
min-height: 300px;
}
.services .services__wrapper .services__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.services .services__wrapper .services__item .left-content {
padding-right: 0;
margin-right: 0;
padding-bottom: 10px;
width: 100%;
border-radius: 5px;
}
.services .services__wrapper .services__item-active .left-content {
margin-right: 0;
}
.services .services__wrapper .services__item-active .left-content .left-content-wrapper::after {
top: unset;
right: unset;
bottom: -29px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
border: 20px solid transparent;
border-top: 20px solid var(--color-primary);
}
.services .services__wrapper .services__item-active .right-content {
margin-top: 10px;
}
.pop-up-our-markets {
width: 90%}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .left-content {
margin-right: 0;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content {
margin-top: 30px;
}
}@media (max-width: 840px) {
.footer .footer__wrapper .top-footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer .footer__wrapper .top-footer .logo img {
width: 150px;
}
.footer .footer__wrapper .top-footer .description {
margin-left: 0;
margin-top: 20px;
text-align: center;
}
.footer .footer__wrapper .top-footer .call-back {
margin-top: 20px;
margin-left: 0;
}
.footer .footer__wrapper .middle-footer .menu {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer .footer__wrapper .middle-footer .menu ul {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
margin-top: 20px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper {
margin-top: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block {
margin-top: 20px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: none;
box-shadow: none;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 3px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
.sale .section-title {
font-size: 19px;
}
.news .news__wrapper .section-title {
font-size: 19px;
}
.buy-with-this .section-title {
font-size: 19px;
}
.basket-section .basket-section__wrapper .section-title {
font-size: 19px;
}
.basket-section .basket-section__wrapper table thead tr .thead-col3, .basket-section .basket-section__wrapper table thead tr .thead-col4 {
display: none;
}
.basket-section .basket-section__wrapper table thead tr .thead-col5 {
min-width: 86px;
}
.basket-section .basket-section__wrapper table tbody tr .tbody-col3, .basket-section .basket-section__wrapper table tbody tr .tbody-col4 {
display: none;
}
.basket-section .basket-section__wrapper .total-count p {
font-size: 15px;
}
.details-order .section-title {
font-size: 19px;
}
.shares .section-title {
font-size: 19px;
}
.popular-product .section-title {
font-size: 19px;
}
.text-page .text-page__wrapper .section-title {
font-size: 19px;
}
.contacts .section-title {
font-size: 19px;
}
.product-comparsion .section-title {
font-size: 19px;
}
.product-comparsion .product-comparsion__wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block {
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
min-width: 300px;
}
.news-page .section-title {
font-size: 19px;
}
.services .section-title {
font-size: 19px;
}
.services2 .section-title {
font-size: 19px;
}
.services2 .services2__wrapper .title-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.services2 .services2__wrapper .title-block .middle-title, .services2 .services2__wrapper .title-block .right-title {
margin-top: 20px;
}
.services2 .services2__wrapper .title-block .right-title {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.services2 .services2__wrapper .content-block .content-block__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.services2 .services2__wrapper .content-block .content-block__item .middle-content, .services2 .services2__wrapper .content-block .content-block__item .right-content {
margin-top: 10px;
}
.services3 .section-title {
font-size: 35px;
}
.services3 .services3__wrapper .title-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.services3 .services3__wrapper .title-block .middle-title, .services3 .services3__wrapper .title-block .right-title {
margin-top: 20px;
}
.services3 .services3__wrapper .content-block .content-block__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.services3 .services3__wrapper .content-block .content-block__item .middle-content, .services3 .services3__wrapper .content-block .content-block__item .right-content {
margin-top: 10px;
}
.pop-up-product {
width: auto;
}
.pop-up-product .pop-up-product__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pop-up-product .pop-up-product__wrapper .left-content {
margin-right: 0;
}
.pop-up-product .bottom-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}@media (max-width: 750px) {
.slider-block .slider__wrapper .block .block-wrapper .left-content {
-ms-flex-preferred-size: 100%;
flex-basis: 100%}
.slider-block .slider__wrapper .block .block-wrapper .left-content .title {
font-size: 35px;
}
.slider-block .slider__wrapper .block .block-wrapper .left-content .sub-title {
font-size: 19px;
}
.slider-block .slider__wrapper .block .block-wrapper .left-content .sub-title span {
font-size: 23px;
}
.slider-block .slider__wrapper .block .block-wrapper .right-content {
display: none;
}
.how-right-select .how-right-select__wrapper .title {
font-size: 35px;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block {
max-width: none;
-ms-flex-preferred-size: 49%;
flex-basis: 49%}
.details-order .details-order__wrapper .left-content form .form-header .title {
font-size: 15px;
}
.shares2 .shares__wrapper .block {
-ms-flex-preferred-size: 49%;
flex-basis: 49%}
.shares2 .shares__wrapper .block .top-content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}@media (max-width: 725px) {
.product-card-slick .block {
max-width: none;
}
.about-company-links .about-company-links__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about-company-links .about-company-links__wrapper .left-content {
margin-right: 0;
}
.information-about-order .information-about-order__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.information-about-order .information-about-order__wrapper .left-content {
margin-right: 0;
}
.information-about-order .information-about-order__wrapper .right-content {
margin-top: 20px;
}
}@media (max-width: 640px) {
.main-links .main-links__wrapper .block {
-ms-flex-preferred-size: 46%;
flex-basis: 46%}
.subscribe-one .subscribe-one__wrapper .content {
margin-left: 0;
padding-right: 20px;
}
.subscribe-one .subscribe-one__wrapper .content form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.subscribe-one .subscribe-one__wrapper .content form input[type="submit"] {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: 0;
margin-top: 20px;
}
.subscribe-two .subscribe-two__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.subscribe-two .subscribe-two__wrapper .left-content {
margin-right: 0;
}
.subscribe-two .subscribe-two__wrapper .right-content {
margin-top: 30px;
}
.footer .footer__wrapper .top-footer .call-back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer .footer__wrapper .top-footer .call-back .call-back-button {
margin-top: 20px;
}
.footer .footer__wrapper .middle-footer .menu {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .footer__wrapper .middle-footer .menu ul {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin-top: 20px;
}
.category .category__wrapper .right-content .new-product-banner .text-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.category .category__wrapper .right-content .new-product-banner .text-block .sub-title {
margin-left: 0;
}
.news-page .news-page__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.news-page .news-page__wrapper .left-content {
margin-right: 0;
}
.news-page .news-page__wrapper .right-content {
margin-top: 30px;
}
.news-page .news-page__wrapper .right-content .news-block {
padding-right: 19px;
}
.not-found-block .not-found-block__wrapper {
padding-left: 10px;
padding-right: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.not-found-block .not-found-block__wrapper .title {
font-size: 145px;
}
.not-found-block .not-found-block__wrapper .sub-title {
font-size: 23px;
}
.pop-up-our-markets {
width: 90%}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .select-city-block .select-block {
margin-top: 20px;
width: 100%}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-header .location, .pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-header .phone {
margin-top: 10px;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item .address {
max-width: none;
}
.pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item .location, .pop-up-our-markets .pop-up-our-markets__wrapper .content-block .right-content .company-info .company-info-body .company-info-body__item .phone {
margin-top: 10px;
}
}@media (max-width: 560px) {
.news .news__wrapper .buttons-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.basket-section .basket-section__wrapper table thead tr .thead-col2 {
width: 150px;
}
.news .news__wrapper .buttons-filter button ~ button {
margin-left: 0;
margin-top: 10px;
}
.footer .footer__wrapper .bottom-footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer .footer__wrapper .bottom-footer .copyright {
margin-top: 20px;
font-size: 12px;
text-align: center;
}
.product-block-page .product-block-page__wrapper .left-content__one-col {
width: 100%}
.product-block-page .product-block-page__wrapper .left-content__one-col .slider-block .view-slide .view-slide__item img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block {
-ms-flex-preferred-size: 42%;
flex-basis: 42%}
.basket-section .basket-section__wrapper table thead tr td {
padding: 0 3px;
/* font-size: 12px; */
}
.basket-section .basket-section__wrapper table tbody tr td {
padding: 2px 3px;
}
.basket-section .basket-section__wrapper table tbody tr .tbody-col2 {
width: 40%;
}
.basket-section .basket-section__wrapper table tbody tr td .img-block {
width: 55px;
}
.basket-section .basket-section__wrapper table thead tr .thead-col1 {
width: 95px;
}
.basket-section .basket-section__wrapper table tbody tr td .text-block .title, .basket-section .basket-section__wrapper table tbody tr td .text-block .sub-title {
/* font-size: 12px; */
}
.basket-section .basket-section__wrapper table tbody tr td .price2 {
font-size: 12px;
}
.shares .shares__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contacts .contacts__wrapper .left-content .left-content__top, .contacts .contacts__wrapper .left-content .left-content__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .specifications .select-cloth .select-close-sub-menu {
width: 90vw;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .specifications .select-cloth .select-close-sub-menu .zoom-cloth {
display: none;
}
}@media (max-width: 480px) {
.subscribe-one .subscribe-one__wrapper .content .title {
font-size: 27px;
}
.subscribe-one .subscribe-one__wrapper .content .sub-title {
font-size: 14px;
}
.subscribe-one .subscribe-one__wrapper .content form input[type="email"] {
width: 100%}
.about-company-links .about-company-links__wrapper .left-content, .about-company-links .about-company-links__wrapper .right-content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-position: right;
}
.about-company-links .about-company-links__wrapper .left-content .sub-title, .about-company-links .about-company-links__wrapper .right-content .sub-title {
font-size: 15px;
}
.news .news__wrapper .slick-wrapper .block {
max-width: none;
}
.subscribe-two .subscribe-two__wrapper .left-content .sub-title, .subscribe-two .subscribe-two__wrapper .right-content .sub-title {
font-size: 14px;
}
.subscribe-two .subscribe-two__wrapper .left-content form input[type="email"] {
width: 100%}
.category .category__wrapper .right-content .sort-view {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.category .category__wrapper .right-content .sort-view .filters {
margin-top: 20px;
}
.category .category__wrapper .right-content .new-product-banner {
padding: 25px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.category .category__wrapper .right-content .new-product-banner .text-block {
margin-right: 0;
}
.category .category__wrapper .right-content .new-product-banner .order {
margin-top: 20px;
}
.category .category__wrapper .right-content .product-block .product-block-wrapper .block {
-ms-flex-preferred-size: 100%;
flex-basis: 100%}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__one-col {
width: 100%}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__one-col .slider-block .view-slide-nav {
padding: 22px 33px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__one-col .slider-block .view-slide-nav .slick-next {
right: 13px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__one-col .slider-block .view-slide-nav .slick-prev {
left: 13px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col {
width: 100%}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper {
padding: 22px 15px 10px 15px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .composition__item {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .composition__item p {
margin-left: 0;
max-width: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .composition__item p .icon-span {
position: relative;
top: 0;
right: 0;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .composition__item p .icon-span span {
bottom: -20px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .item1 p .icon-span span, .product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .item2 p .icon-span span, .product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .item3 p .icon-span span, .product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .item4 p .icon-span span, .product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .item5 p .icon-span span, .product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .composition .composition__wrapper .item6 p .icon-span span {
left: 50%}
.product-block-page .product-block-page__wrapper .left-content .left-content__three-row .main-links__wrapper .block {
min-width: 134px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block {
-ms-flex-preferred-size: 100%;
flex-basis: 100%}
.product-block-page .product-block-page__wrapper .left-content .left-content__two-row .left-content__two-row-wrapper .block .top-content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.basket-section .basket-section__wrapper table thead tr .thead-col1 {
padding: 0 3px;
}
.basket-section .basket-section__wrapper table thead tr .thead-col5 {
min-width: 50px;
}
.basket-section .basket-section__wrapper table thead tr td {
/* font-size: 10px; */
}
.basket-section .basket-section__wrapper table tbody tr .tbody-col1 {
padding: 0 3px;
}
.basket-section .basket-section__wrapper table tbody tr td .count .count-input {
/* font-size: 12px; */
}
.basket-section .basket-section__wrapper table tbody tr td .img-block {
width: 35px;
}
.basket-section .basket-section__wrapper table tbody tr td .text-block .title, .basket-section .basket-section__wrapper table tbody tr td .text-block .sub-title {
/* font-size: 10px; */
}
.basket-section .basket-section__wrapper table tbody tr td .price2 {
font-size: 10px;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .email-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .address-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .email-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-phone-address-wrapeer .address-wrapper, .details-order .details-order__wrapper .left-content form .form-body .form-body-name-email-wrapeer .phone-wrapper {
margin-top: 13px;
}
.information-about-order .information-about-order__wrapper .left-content .col .title {
max-width: 120px;
min-width: 120px;
}
.product-comparsion .product-comparsion__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: visible;
}
.product-comparsion .product-comparsion__wrapper .product-comparsion-product-block ~ .product-comparsion-product-block {
margin-left: 0;
margin-top: 30px;
}
.product-comparsion .buttons-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-comparsion .buttons-block .clear {
margin-left: 0;
margin-top: 20px;
}
.pop-up-product {
width: 90%}
.pop-up-product .pop-up-product__wrapper .left-content {
width: 300px;
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pop-up-product .pop-up-product__wrapper .right-content .price-block-count .count {
margin-top: 20px;
width: 100px;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.pop-up-product .pop-up-product__wrapper .right-content .buttons-block .buttons-block-right .compare {
margin-top: 0;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block .left-block .inner-block-sub-title {
font-size: 7px;
}
.pop-up-product .pop-up-product__wrapper .right-content .specifications .specifications-rigidity .left-right-block .right-block .inner-block-sub-title {
font-size: 7px;
}
.pop-up-basket {
width: 90%}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .block-title-count .count {
margin-top: 10px;
margin-left: 0;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .size-price {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .size-price .price {
margin-top: 10px;
}
.pop-up-basket .pop-up-basket__wrapper .bottom-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pop-up-basket .pop-up-basket__wrapper .bottom-content .go-to-backet {
margin-top: 20px;
}
.pop-up-enother-size, .pop-up-buy-for-one-click {
width: 90%;
padding-left: 20px;
padding-right: 20px;
}
}@media (max-width: 380px) {
.category .category__wrapper .right-content .sort-view .sort-block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.category .category__wrapper .right-content .sort-view .sort-block .title {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
}
.category .category__wrapper .right-content .sort-view .sort-block .sort-popular {
margin-left: 0;
margin-top: 20px;
}
.category .category__wrapper .right-content .sort-view .sort-block .sort-price {
margin-top: 20px;
}
.category .category__wrapper .right-content .sort-view .sort-block .sort-rating {
margin-top: 20px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__one-col .specifications {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__one-col .specifications .specifications__item, .product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__one-col .specifications .specifications-item {
margin-left: 0;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__one-col .specifications .specifications__item {
margin-top: 7px;
-ms-flex-preferred-size: 49%;
flex-basis: 49%}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .vendor-code-rate {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .vendor-code-rate .rate {
margin-top: 20px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .delivery .top-text {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .delivery .top-text p {
margin-right: 10px;
}
.product-block-page .product-block-page__wrapper .left-content .left-content-wrapper .left-content__two-col .delivery .top-text .change-city {
margin-left: 0;
}
.shares .shares__wrapper .block .top-content {
min-height: 310px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.shares .shares__wrapper .block .bottom-content {
padding-left: 10px;
padding-right: 10px;
}
.not-found-block .not-found-block__wrapper .title {
font-size: 135px;
}
.not-found-block .not-found-block__wrapper .sub-title {
font-size: 17px;
margin-top: 15px;
}
.not-found-block .not-found-block__wrapper .go-back {
margin-top: 30px;
}
.pop-up-product {
width: 90%}
.pop-up-product .pop-up-product__wrapper .left-content {
width: 248px;
}
.pop-up-basket .pop-up-basket__wrapper .block .right-content .size-price .size {
font-size: 12px;
}
}
/* custom */
.table td:first-child{
width: 35%;
}
.table td{
font-family: "Rubik",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: var(--color-light-gray);
}
.certificates-block__row{
display: flex;
flex-wrap: wrap;
}
.certif{
width: 180px;
height: 300px;
background: rgb(57, 160, 104);
display: flex;
margin: 0 20px 20px 0;
}
.certif img{
width: 100%;
object-fit: cover;
}
.certif:last-child{
margin-right: 0;
}
.sticky-block{
position: sticky;
position: -webkit-sticky;
top: 0; /* required */
}
.reviews-block{
display: flex;
flex-wrap: wrap;
}
.comments-main{
flex: 0 0 60%;
}
.newreview {
font-family: "Rubik", sans-serif;
}
@media (min-width: 1025px){
.newreview {
flex: 0 0 35%;
border-left: 1px solid #F8F8F7;
padding: 0 0 0 15px;
}
}
.newreview input.has-error,
.newreview textarea.has-error {
border: 2px solid #F12323 !important;
}
.newrating__star-error {
color: #F12323;
font-size: 14px;
display: none;
}
.newrating__star-error.has-error {
display: inline;
}
.newreview__success {
font-weight: 500;
font-size: 15px;
}
.newreview .newreview-heading {
text-align: center;
color: #333333;
font-size: 14px;
margin-bottom: 30px;
}
.newrating__text {
font-size: 14px;
color: #333333;
}
.newreview-heading__title {
font-weight: 500;
font-size: 15px;
margin-bottom: 20px;
}
.form-review input:not(.rating-input) {
font-size: 14px;
color: #000;
background: #dbdbd9;
height: 46px;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 15px 2px;
width: 100%;
border: 0;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
margin-bottom: 20px;
box-sizing: border-box;
}
.form-review textarea{
box-sizing: border-box;
height: 140px;
padding-top: 12px;
padding-bottom: 12px;
resize: none;
font-size: 14px;
color: #000;
background: #dbdbd9;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 15px 15px 2px;
width: 100%;
border: 0;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
margin-bottom: 20px;
}
.rating-input{
display: flex;
}
input[type="file"]{
opacity: 0;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
padding: 0;
z-index: 10;
}
.form-group-attach{
position: relative;
text-align: center;
margin-bottom: 20px;
}
.selectphoto{
font-family: "Rubik", sans-serif;
font-size: 15px;
font-weight: 700;
color: #3D3D3D;
text-align: center;
}
.selectphoto::before{
content: '';
background: url('../img/base/attach.svg') center no-repeat;
width: 50px;
height: 50px;
display: inline-block;
vertical-align: middle;
}
.btn-comment{
font-family: "Raleway", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
width: 100%;
line-height: 16px;
padding: 16px 29px 20px 29px;
color: var(--color-white);
background: var(--color-primary);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
border-radius: 60px;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
position: relative;
text-align: center;
}
.newrating{
text-align: center;
}
.rating-input{
display: flex;
justify-content: center;
}
.star{
background-size: cover;
width: 15px;
height: 15px;
margin: 0 8px;
}
.comments-main h2{
font-family: "Rubik",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 23px;
line-height: 26px;
color: var(--color-light-gray);
margin-bottom: 20px;
}
.comment-form{
padding: 0 0 20px 20px;
font-family: "Rubik",sans-serif;
font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: var(--color-light-gray);
margin-bottom: 20px;
border-bottom: 1px solid var(--color-light-gray);
}
@media (max-width: 936px){
.reviews-block{
flex-direction: column;
}
}
.confirm-order:disabled {
background: #a3adc1!important;
}
.clm-favorites {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(270px,1fr));
gap: 20px;
}
.clm-favorites .item.block.product-card-pop-up.block-view-3-col.js-upProduct {
max-width: none;
}
.text-page .text-page__wrapper .text-content *,
.text-page .text-page__wrapper .text-content a,
.text-page .text-page__wrapper .text-content p
{
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 28px;
color: var(--color-gray);
text-align: left;
}
.text-page .text-page__wrapper .text-content a *,
.text-page .text-page__wrapper .text-content a {
color: var(--color-primary) !important;
}
.text-page .text-page__wrapper .text-content a,
.text-page .text-page__wrapper .text-content div,
.text-page .text-page__wrapper .text-content span,
.text-page .text-page__wrapper .text-content i,
.text-page .text-page__wrapper .text-content th,
.text-page .text-page__wrapper .text-content td,
.text-page .text-page__wrapper .text-content li {
font-size: 15px;
}
.text-page .text-page__wrapper .text-content ol,
.text-page .text-page__wrapper .text-content ul {
margin: 1em 0 1em 1.65em;
}
.text-page .text-page__wrapper .text-content ol li {
list-style: decimal;
}
.text-page .text-page__wrapper .text-content ul li {
list-style: disc;
}
.text-page .text-page__wrapper .text-content h1,
.text-page .text-page__wrapper .text-content h2,
.text-page .text-page__wrapper .text-content h3,
.text-page .text-page__wrapper .text-content h4,
.text-page .text-page__wrapper .text-content h5,
.text-page .text-page__wrapper .text-content h6,
.text-page .text-page__wrapper .text-content strong,
.text-page .text-page__wrapper .text-content b {
font-weight: 600;
font-family: "Rubik", sans-serif;
font-size: 15px;
}
.text-page .text-page__wrapper .text-content h1,
.text-page .text-page__wrapper .text-content h2,
.text-page .text-page__wrapper .text-content h3,
.text-page .text-page__wrapper .text-content h4,
.text-page .text-page__wrapper .text-content h5,
.text-page .text-page__wrapper .text-content h6 {
margin: 2em 0 1em 0;
}
.text-page .text-page__wrapper .text-content h1 {font-size:32px}
.text-page .text-page__wrapper .text-content h2 {font-size:24px}
.text-page .text-page__wrapper .text-content h3 {font-size:18px}
.text-page .text-page__wrapper .text-content h4 {font-size:16px}
.text-page .text-page__wrapper .text-content h5 {font-size:16px}
.text-page .text-page__wrapper .text-content h6 {font-size:16px}
.text-page .text-page__wrapper .text-content h1 a,
.text-page .text-page__wrapper .text-content h2 a,
.text-page .text-page__wrapper .text-content h3 a,
.text-page .text-page__wrapper .text-content h4 a,
.text-page .text-page__wrapper .text-content h5 a,
.text-page .text-page__wrapper .text-content h6 a {
font-size: inherit;
}
.text-page .text-page__wrapper .text-content h1 div,
.text-page .text-page__wrapper .text-content h2 div,
.text-page .text-page__wrapper .text-content h3 div,
.text-page .text-page__wrapper .text-content h4 div,
.text-page .text-page__wrapper .text-content h5 div,
.text-page .text-page__wrapper .text-content h6 div {
font-size: inherit;
}
.text-page .text-page__wrapper .text-content table {
width: 100%;
border-collapse: collapse;
}
.text-page .text-page__wrapper .text-content th {
background-color: #F8FAFC;
}
.text-page .text-page__wrapper .text-content th,
.text-page .text-page__wrapper .text-content td {
border: 1px solid #DDDDDD;
padding: 5px 10px;
}
.text-page .text-page__wrapper .text-content p ~ p {
margin: 1em 0;
}
/* * перестилизация существующего header */
.header .header__wrapper .bottom-header {
box-shadow: none;
}
.bottom-header__wrapper {
display: flex;
}
.bottom-header__open-menu {
flex-shrink: 0;
margin-right: 20px;
}
header .dm-menu {
flex-grow: 1;
border-radius: 6px;
background-color: var(--color-primary-dark);
font-weight: 500;
}
header .dm-menu>ul>li {
flex: 0 1 auto !important;
border: none !important;
text-transform: none !important;
font-weight: 500 !important;
font-size: 15px !important;
}
header #mega_menu>ul>li:hover {
border: none !important;
}
header .dm-menu>ul {
padding: 0 15px
}
header .dm-menu>ul>li>a {
padding-right: 25px !important;
padding-left: 25px !important;
color: var(--color-white) !important;
}
@media (max-width: 1430px){
header .dm-menu>ul>li>a {
padding-right: 15px !important;
padding-left: 15px !important;
}
}
@media (max-width: 1280px){
header .dm-menu>ul>li {
font-size: 14px !important;
}
header .dm-menu>ul>li>a {
padding-right: 8px !important;
padding-left: 8px !important;
}
.bottom-header__open-menu {
margin-right: 10px;
}
}
@media (max-width: 1100px){
header .dm-menu>ul>li>a {
padding-right: 6px !important;
padding-left: 6px !important;
}
.dm-menu_item-subindicator>ul>.dm-item_parent>a:after {
margin-left: 4px;
}
}
body .dm-menu_item-bg>ul>li.dm-item_open>a {
color: var(--color-white) !important;
}
body .dm-menu_item-subindicator>ul>.dm-item_parent>a:after,
body .dm-menu_submenu-arrow>ul>.dm-item_parent.dm-item_open>a:after {
background: url("/img/base/icons/arrow-white-down.svg") no-repeat !important;
}
body .dm-menu_item-bg>ul>li.dm-item_open {
border-top: none !important;
box-shadow: none !important;
}
body .dm-menu_item-subindicator>ul>.dm-item_parent>a:after {
width: 14px !important;
}
body .dm-menu_submenu-arrow>ul>.dm-item_parent.dm-item_open>a:after {
width: 14px !important;
}
header .dm-menu_item-bg>ul>li.dm-selected>a {
color: var(--color-white) !important;
}
header .dm-menu_item-subindicator>ul>.dm-item_parent>a:before, .dm-menu_item-subindicator>ul>.dm-item_parent>span:before {
display: none !important;
}
header .dm-menu_item-subindicator>ul>.dm-item_parent>a:after {
width: 14px !important;
background: url("/img/base/icons/arrow-white-down.svg") no-repeat !important;
}
header .dm-menu_item-bg>ul>li:hover>a {
color: var(--color-white) !important;
}
header .dm-menu_item-bg>ul>li:hover {
box-shadow: none !important;
}
/* * перестилизация существующих блоков после изменения ширины контейнера согласно редизайну */
.slider-block.redesign .container{
display: flex;
}
.redesign .slider-width {
margin-right: 40px;
}
.redesign #shopFilterForm {
float: none;
flex: 1 1 auto;
}
.redesign .parameter-select-block {
max-width: none;
}
body .slider-container .nav-tabs {
max-width: 1400px;
}
body .slick-slider .slick-track {
display: flex;
}
body .product-card-slick .block {
max-width: none;
}
body .product-card-slick .slick-slide {
margin: 0 15px;
}
body .slider-container .tab-content {
margin: 0;
}
body .slider.slider-horizontal {
width: 100%;
}
@media (min-width: 1025px) {
body .category .category__wrapper .right-content .product-block .product-block-wrapper.pagination_container-view-3-col .block-view-3-col {
flex: 1 1 28%;
max-width: none;
}
}
@media (max-width: 1024px) {
.category-banner {
margin-top: 20px;
}
}
@media (max-width: 490px) {
body .product-card-slick .slick-list {
margin: 0;
}
body .product-card-slick .slick-slide {
margin: 0 2px;
}
}
body .product-block-page .product-block-page__wrapper .left-content .left-content__two-col {
flex: 1 1 auto;
}
body .parameter-select-block .slider.slider-horizontal {
max-width: 95%;
}
@media (min-width: 560px) {
body .contacts .contacts__wrapper .left-content .left-content__top .block, body .contacts .contacts__wrapper .left-content .left-content__bottom .block {
flex-basis: 50%;
}
body .contacts .contacts__wrapper .left-content .left-content__top .block-bg-1, body .contacts .contacts__wrapper .left-content .left-content__bottom .block-bg-1 {
margin-right: 30px;
}
}
/* * перестилизация существующих блоков для корректного отображения */
body .slick-slide .clm-card .clm-card__content-block{
padding: 0;
}
@media(max-width: 1024px) {
.category__wrapper .right-content {
width: 100%;
}
body .b24-widget-button-position-bottom-right {
right: 30px !important;
bottom: 80px !important;
}
body .tb-modal-phone .modal-dialog {
bottom: 20px;
}
body .slick-slide .clm-card .clm-card__content-block{
padding: 0 20px 20px 20px;
}
}
.product-block-wrapper {
margin: -20px 0 0 -20px;
}
.product-block-wrapper .clm-card {
margin: 20px 0 0 19px;
width: calc(100% / 3 - 19px);
}
@media(max-width: 864px) {
.product-block-wrapper {
margin: -20px 0 0 -20px;
}
.product-block-wrapper .clm-card {
margin: 20px 0 0 20px;
width: calc(100% / 3 - 20px);
}
}
@media(max-width: 624px) {
.product-block-wrapper {
margin: 0;
}
.product-block-wrapper .clm-card {
margin: 0;
width: 100%;
}
.product-block-wrapper .clm-card:not(:last-child) {
margin-bottom: 15px;
}
}
.clm-card .specifications .specifications__item-select .select-block select {
padding-right: 0px;
padding-left: 20px;
padding-top: 12px;
padding-bottom: 10px;
border: 1px solid #316ccf;
border-radius: 26px;
margin-top: 8px;
}
.clm-card .specifications .specifications__item-select p,
.clm-card .specifications-item p {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
font-family: "Rubik",sans-serif;
line-height: 120%;
font-size: 14px;
color: var(--color-less-light-gray);
}
.clm-card .specifications-wrapper .specifications-item .color-pic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
margin-top: 4px;
}
.clm-card .specifications-wrapper .specifications-item .color-pic .color-pic__item {
flex: 0 0 14px;
width: 14px;
height: 14px;
border-radius: 50%;
overflow: hidden;
}
.clm-card .specifications .specifications__item-select {
padding-top: 0;
margin-top: 0;
}
.clm-card .specifications__item:not(:last-child) {
margin-bottom: 10px
}
.clm-card .specifications-wrapper:not(:last-child) {
margin-bottom: 10px
}
@media (any-hover: hover) {
.product-card-slick .clm-card:hover .clm-card__wrap {
position: static;
width: auto;
box-shadow: none;
}
.product-card-slick .clm-card__bottom {
display: flex;
}
.product-card-slick .clm-card__info {
display: flex;
align-items: center;
gap: 10px;
}
}
body .product-card-slick .slick-slide .clm-card__specifications {
display: block;
}
body .slick-list .slick-track .slick-slide {
display: flex;
height: auto;
}
body .slick-list .slick-track .slick-slide > div {
display: flex;
flex-grow: 1;
}
body .slick-list .slick-track .slick-slide .clm-card {
display: flex !important;
}
.template-sub-block.certificates-block {
}
.template-sub-block__wrap {
display: flex;
flex-wrap: wrap;
margin-top: -20px;
margin-right: -10px;
margin-right: -10px;
}
.template-sub-block.certificates-block .clm-certificat {
flex: 0 1 25%;
min-height: 300px;
padding: 20px 10px 0
}
@media (max-width: 1180px){
.template-sub-block.certificates-block .clm-certificat {
flex: 0 1 33.333%;
}
}
/*========================================================================================================================================================*/
@media (max-width: 1400px) {
.about-company-links .about-company-links__wrapper .left-content,
.about-company-links .about-company-links__wrapper .right-content{
padding-left: 200px;
}
}
@media (max-width: 1300px) {
.about-company-links .about-company-links__wrapper .left-content,
.about-company-links .about-company-links__wrapper .right-content{
padding-left: 150px;
}
}
@media (max-width: 1100px) {
.about-company-links .about-company-links__wrapper .left-content,
.about-company-links .about-company-links__wrapper .right-content{
padding-left: 100px;
}
}
@media (max-width: 1024px){
.about-company-links .about-company-links__wrapper .left-content,
.about-company-links .about-company-links__wrapper .right-content{
height: 235px;
padding: 50px 20px 20px 130px;
}
.about-company-links .about-company-links__wrapper .right-content {
margin-top: 15px;
}
.about-company-links .about-company-links__wrapper .left-content .title, .about-company-links .about-company-links__wrapper .right-content .title {
font-size: 17px;
}
.about-company-links .about-company-links__wrapper .left-content .sub-title, .about-company-links .about-company-links__wrapper .right-content .sub-title {
margin-top: 5px;
font-size: 14px;
}
}
.sort-popular,
.sort-rating {
display: none;
}
/* ============================================================ */
/* * slider video */
.clm-video-slider {
margin-top: 50px;
color: var(--color-primary-dark);
}
.clm-video-slider.container {
padding: 0;
}
.clm-video-slider__outer-wrap {
position: relative;
}
@media (max-width: 1024px) {
.ppl-content .clm-video-slider.container {
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
}
}
.clm-video-slider__wrap-inner {
}
.clm-video-slider__button {
position: absolute;
z-index: 10;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 60px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
background-color: #f9fbfb;
transform: translate(0px, -50%);
transition: background-color 0.2s ease-in-out;
color: inherit;
cursor: default;
}
.clm-video-slider__button--prev {
left: -10px;
}
.clm-video-slider__button--prev svg {
transform: rotate(-180deg);
}
.clm-video-slider__button--prev svg path{
transition: fill 0.2s ease-in-out;
}
.clm-video-slider__button--next {
right: -10px;
}
@media (any-hover: hover) {
.clm-video-slider__button:not(.swiper-button-disabled):hover {
background-color: var(--color-primary-dark);
cursor: pointer;
}
.clm-video-slider__button:not(.swiper-button-disabled):hover svg path {
fill: #fff;
}
}
@media (max-width: 1260px) {
.clm-video-slider__button {
width: 40px;
height: 40px;
}
.clm-video-slider__button--prev {
left: 12px;
}
.clm-video-slider__button--next {
right: 12px;
}
.pdp-wrapper__description .clm-video-slider__button--prev {
left: -15px;
}
.pdp-wrapper__description .clm-video-slider__button--next {
right: -15px;
}
}
.clm-video-slider .section-title {
margin-bottom: 50px;
font-family: "Raleway", sans-serif;
font-weight: 800;
font-size: 41px;
line-height: 120%;
text-align: center;
color: #313131;
}
@media (max-width: 840px) {
.clm-video-slider .section-title {
font-size: 19px;
}
}
@media (max-width: 522px) {
.clm-video-slider .section-title {
font-size: 29px;
}
.clm-video-slider {
margin-top: 20px;
}
.clm-video-slider .section-title {
margin-bottom: 20px;
}
}
.clm-video-slider__wrap {
}
.clm-video-slider__wrap-item {
}
.clm-video-slider__item {
position: relative;
padding-bottom: 56.25%;
}
.clm-video-slider__content {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
overflow: hidden;
cursor: pointer;
}
.clm-video-slider__play-btn {
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
cursor: pointer;
color: var(--color-primary-dark);
}
@media (max-width: 1024px) {
.ppl-content .clm-video-slider.container {
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
}
}
/* ======================================================================================================================================================== */