@charset "UTF-8";

.chekout-blocks .chekout-block__check {
display: flex;
align-items: center;
justify-content: center;
}
.chekout-blocks .chekout-block__check img {
max-width: 60%;
}
.page-checkout .woocommerce form.checkout_coupon {
display: none;
}
.page-checkout .woocommerce form.checkout_coupon.active {
display: block;
} .savaks-thankyou-page {
padding: 91px 20px 73px;
background: #fcfbfc;
border-radius: 20px;
border: 1px solid #575757;
} .savaks-breadcrumb {
margin-bottom: 20px;
font-size: 14px;
color: #555;
}
.savaks-breadcrumb a {
color: #035af4;
text-decoration: none;
}
.savaks-breadcrumb span {
margin: 0 5px;
}
.savaks-thankyou-card {
width: 891px;
margin: 0 auto;
}
.savaks-order-summary__block {
border-right: 1px solid #b3b3b3;
}
.savaks-order-summary__block:last-child {
border: none;
}
.savaks-thankyou-card.error {
border: 1px solid #e74c3c;
}
.savaks-thankyou-card h1 {
display: block;
width: fit-content;
color: #035af4;
text-align: center;
margin: 0 auto 30px;
font-size: 68px;
padding: 51px 125px;
border: 3px dashed #035af4;
border-radius: 20px;
}
.savaks-thankyou-card h2 {
font-weight: 400;
font-size: 36px;
line-height: 36px;
color: #333333;
margin-bottom: 57px;
margin-top: 90px;
} .savaks-order-summary {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.savaks-order-summary > div {
flex: 1;
text-align: center;
}
.savaks-order-summary .label {
font-size: 20px;
color: #191919;
margin-bottom: 15px;
}
.savaks-order-summary .value {
font-size: 14px;
color: #17191d;
font-weight: bold;
} .savaks-order-items {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.savaks-order-items th,
.savaks-order-items td {
border-bottom: 3px solid #ddd;
padding: 12px 0;
text-align: left;
}
.savaks-order-items th {
font-weight: 500;
font-size: 29px;
line-height: 29px;
text-transform: uppercase;
color: #333333;
}
.savaks-order-items th:nth-child(2) {
text-align: center;
}
.savaks-order-items th:last-child {
text-align: right;
}
.savaks-order-items .savaks-product {
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: #17191d;
}
.savaks-order-items .savaks-product.savaks-product_r {
text-align: right;
}
.savaks-order-items .savaks-qty {
font-weight: 700;
font-size: 20px;
line-height: 20px;
color: #17191d;
text-align: center;
}
.savaks-order-items .savaks-sum {
font-weight: 500;
font-size: 22px;
line-height: 22px;
color: #17191d;
text-align: right;
} .savaks-final-total {
display: flex;
align-items: center;
justify-content: space-between;
}
.savaks-final-total span {
font-weight: 500;
font-size: 29px;
line-height: 29px;
text-transform: uppercase;
color: #333333;
}
.savaks-final-total strong {
font-weight: 500;
font-size: 21.24px;
line-height: 21.24px;
color: #17191d;
}
.header {
position: relative;
z-index: 5;
}
.header__content {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px;
}
.reviews__slider {
max-width: 1055px !important;
}
body {
background-color: #17191d;
overflow: hidden;
}
body,
html {
overflow-x: hidden;
}
.reviews__slide-wrapper {
display: flex !important;
justify-content: center;
}
.info__information h2,
.info__information h3,
.info__information h4,
.info__information h5,
.info__information h6 {
margin-top: 50px;
margin-bottom: 20px;
font-size: 27px;
letter-spacing: 0px;
color: #025eff;
font-weight: 600;
}
.slick-arrow {
transition: 0.4s all ease;
}
.stamps-search {
position: relative;
}
.stamps-help {
position: absolute;
bottom: 0;
left: 0;
transform: translateY(98%);
width: 100%;
background: rgba(234, 234, 234, 1);
border: 1px solid rgba(7, 50, 229, 1);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
z-index: 2;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 0 25px;
}
.stamps-help__item {
font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 20.41px;
line-height: 56px;
letter-spacing: 0%;
color: rgba(118, 117, 117, 1);
border-bottom: 1px solid rgba(142, 137, 137, 1);
padding-left: 50px;
cursor: pointer;
transition: all 0.2s ease;
}
.stamps-help__item:hover {
color: rgba(7, 50, 229, 1);
}
.stamps-help__item:last-child {
border: none;
}
.woocommerce-form-coupon-toggle {
}
.cart-modal-hidden .cart-modal {
display: none;
}
.cart-modal-hidden .cart-empty-modal {
display: flex;
}
.page-cart .woocommerce {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.wc-empty-cart-message {
display: none;
}
.bid-block {
border-radius: 30px;
border: 12px solid rgba(3, 88, 237, 0.7);
padding-top: 50px;
padding-left: 50px;
padding-right: 25px;
padding-bottom: 320px;
}
.bid-block__title {
color: #fff;
font-family: Roboto;
font-size: 58px;
font-style: normal;
font-weight: 700;
line-height: 68px; text-transform: uppercase;
}
.bid-block__subtitle {
color: #fff;
font-family: Roboto;
font-size: 42.527px;
font-style: normal;
font-weight: 600;
line-height: 80.33px;
margin-top: 10px;
margin-bottom: 10px;
}
.cart-empty-block {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.bid-block__text {
color: #fff;
font-family: Roboto;
font-size: 36px;
font-weight: 400;
line-height: 68px;
}
.bid-form {
display: flex;
align-items: center;
margin-top: 50px;
width: 100%;
justify-content: space-between;
}
.bid {
padding-bottom: 200px;
}
.bid-form input {
width: 430px;
height: 96px;
border-radius: 12px;
border: 2px solid #fff;
background: unset;
padding-left: 25px;
color: #fff;
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 68px;
}
.bid-form .bid-form__btn {
border-radius: 12px;
background: linear-gradient(174deg, #025afd 42.87%, #0732e5 93.39%);
color: #fff;
width: 300px;
font-family: Roboto;
font-size: 33.552px;
font-style: normal;
font-weight: 700;
line-height: 39.337px; text-transform: uppercase;
border: none;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.bid-form input::placeholder {
color: #fff;
font-family: Roboto;
}
.cart-empty-block svg {
height: unset;
width: 276px;
}
.cart-empty-block__title {
font-family: Roboto;
font-size: 50px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: -0.7px;
text-align: center;
color: #fff;
margin-top: 15px;
margin-bottom: 5px;
}
.cart-empty-block__subtile {
color: #bfbfbf;
font-family: Roboto;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 120%;
text-align: center;
max-width: 500px;
margin-right: auto;
margin-left: auto;
}
.cart-empty-block {
margin-top: -50px;
}
.cart-empty-block svg {
position: relative;
right: 20px;
}
.cart-empty-block svg path {
stroke: #005eff;
}
.cart-empty-modal {
position: relative;
width: 310px;
height: 55px;
display: none;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #012ae4;
font-family: Roboto;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: -0.51px;
text-align: left;
color: #fff;
}
.cart-empty-block__link {
display: flex;
align-items: center;
justify-content: center;
width: 318px;
height: 68px;
text-align: center;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
color: rgb(255, 255, 255);
font-weight: 500;
cursor: pointer;
border-radius: 11px;
background: linear-gradient(rgb(2, 91, 253), rgb(8, 41, 224));
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
margin-top: 25px;
}
.cart-empty-modal::after {
content: "";
position: absolute;
right: 2px;
top: -66px;
display: inline-block;
border: 50px solid transparent;
border-bottom: 30px solid #012ae4;
}
.checkout_coupon__name {
font-family: Roboto;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.32px;
text-align: left;
color: #17191d;
margin-bottom: 16px;
}
.cart-modal {
right: 0px;
border: solid 1px #025afd;
background-color: #101217;
border-radius: 19px;
padding-top: 20px;
padding-bottom: 20px;
width: 310px;
padding-right: 15px;
padding-left: 15px;
color: #fff;
}
.cart-modal-abc {
position: absolute;
opacity: 0;
visibility: hidden;
pointer-events: none;
top: 0px;
right: -38px;
transition: 0.4s all ease;
}
.cart-modal-block {
position: relative;
}
.page-checkout .woocommerce {
display: block !important;
}
.cart-modal-block__remove {
position: absolute;
width: 20px;
height: 20px;
font-family: Roboto;
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 100%;
letter-spacing: -0.42px;
text-align: left;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #025afa;
cursor: pointer;
left: -7px;
top: -7px;
z-index: 100;
}
.navbar__basket:hover .cart-modal-abc {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.cart-modal-abc {
padding-top: 70px;
}
.cart-modal__name {
font-family: Roboto;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.08;
letter-spacing: -0.4px;
text-align: center;
color: #f2f2f2;
margin-bottom: 20px;
}
.cart-modal__price {
margin-bottom: 10px;
border: solid 1px #025afd;
margin-top: 30px;
border-radius: 12px;
padding-left: 15px;
height: 45px;
display: flex;
align-items: center;
padding-right: 15px;
justify-content: space-between;
}
.cart-modal__price strong {
font-family: Roboto;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 100%;
letter-spacing: -0.51px;
text-align: left;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
}
.cart-modal__price span {
margin-left: 0px;
font-family: Roboto;
font-size: 17px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.55;
letter-spacing: -0.42px;
text-align: left;
color: #fff;
display: flex;
align-items: center;
}
.cart-modal-block {
display: flex;
align-items: stretch;
margin-bottom: 15px;
}
.cart-modal-block:last-child {
margin-bottom: 0;
}
.cart-modal-photo {
border-radius: 20px;
width: 100px;
height: 100px;
background-color: #fff;
flex-shrink: 0;
margin-right: 20px;
position: relative;
overflow: hidden;
}
.cart-modal-photo img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
}
.cart-modal-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.cart-modal__title {
font-size: 14px;
}
.cart-modal__count {
font-size: 16px;
font-weight: 600;
}
.cart-modal__btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 45px;
border-radius: 12px;
background-image: linear-gradient(to top, #025afd, #072ee3, #072ee3);
margin-bottom: 10px;
font-family: Roboto;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: -0.51px;
text-align: left;
color: #fff;
}
.cart-modal__price span bdi {
display: flex;
align-items: center;
}
.cart-modal__btn:last-child {
margin-bottom: 0;
}
.page-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
background: unset;
border: none;
padding: 0px;
margin-bottom: 14px;
font-family: Roboto;
font-size: 19.5px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.39px;
text-align: left;
color: #fff;
}
.page-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
font-family: Roboto;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.24px;
text-align: left;
color: #025afa;
margin-left: 6px;
display: inline-block;
text-decoration: underline;
text-decoration-skip-ink: none;
position: relative;
bottom: 3px;
}
.page-checkout .woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
margin-bottom: 42px;
margin-top: 14px;
padding-left: 15px;
padding-right: 20px;
padding-bottom: 28px;
padding-top: 24px;
width: 100%;
border-radius: 19px;
box-shadow: 0 0 9.6px 0.4px rgba(0, 0, 0, 0.46);
border: solid 1px #191919;
background-color: #fcfbfc;
max-width: 425px;
}
.checkout_coupon .button {
width: 178px;
height: 35px;
border-radius: 8px !important;
border: solid 1px #025afd !important;
background-image: linear-gradient(to top, #025afd, #072ee3, #072ee3) !important;
cursor: pointer;
outline: none;
margin-left: 6px !important;
font-family: Roboto !important;
font-size: 14px !important;
font-weight: 500 !important;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.28px !important;
text-align: center !important;
color: #fff !important;
display: flex;
align-items: center;
justify-content: center;
}
.checkout_coupon .form-row {
padding: 0px !important;
margin: 0px !important;
}
.checkout_coupon #coupon_code {
margin-bottom: 0px;
width: 206px;
height: 35px;
font-family: Roboto !important;
font-size: 14px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal;
line-height: normal;
letter-spacing: -0.28px !important;
text-align: left;
color: #8b8c8d !important;
box-shadow: none;
}
.woocommerce-info::before {
display: none;
}
.chekout-blocks--main {
margin-bottom: 61px;
}
.chekout-blocks-wrapper {
margin-bottom: 51px;
}
.chekout-blocks-wrapper:last-child {
margin-bottom: 0;
}
.order_review__send {
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background-image: linear-gradient(to top, #0355fa, #0359fc, #0634e6);
width: 100%;
height: 60px;
margin-top: 47px;
border: none;
cursor: pointer;
box-shadow: none;
font-family: Roboto;
font-size: 27px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.74;
letter-spacing: -0.54px;
text-align: left;
color: #f2f2f2;
}
.order_review__policy {
font-family: Roboto;
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.15;
letter-spacing: -0.24px;
text-align: center;
color: #77787b;
margin-top: 38px;
}
.order_review__policy a {
color: #0145ff !important;
}
#order_review .product-quantity,
#order_review .product-price,
#order_review .product-subtotal {
display: none !important;
}
#order_review .woocommerce-shipping-totals {
display: block !important;
}
#order_review .cart-subtotal {
display: none !important;
}
#order_review thead {
display: block;
}
#order_review .order-total {
padding-top: 32px;
margin-top: 53px;
border-top: 1px solid #d5d5d5;
}
#order_review .cart_item {
margin-bottom: 15px;
}
.chekout-block__title {
font-family: Roboto;
font-size: 28.5px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.57px;
text-align: left;
color: #191919;
margin-bottom: 16px;
}
.chekout-block {
border-radius: 9px;
border: solid 1px #025afa;
background-color: #fff;
display: flex;
align-items: center;
padding-left: 89px;
height: 109px;
width: 100%;
font-family: Roboto;
font-size: 19.5px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.39px;
text-align: left;
color: #1e1e1e;
position: relative;
cursor: pointer;
flex: 1 0 30%;
}
.chekout-block__check {
width: 49px;
height: 46px;
border-radius: 4px;
content: "";
display: block;
left: 20px;
top: 50%;
transform: translateY(-50%);
background-color: #d5d5d5;
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: 27px;
transition: 0.4s all ease;
background-image: url(//savaks.ru/wp-content/themes/images/checked.png);
}
.chekout-block.active .chekout-block__check {
background-color: #025afa;
}
.chekout-blocks {
gap: 35px;
flex-wrap: wrap;
}
.chekout-blocks-three {
gap: 25px;
}
.chekout-blocks-three .chekout-block {
padding-left: 85px;
}
.chekout-blocks {
display: flex;
align-items: stretch;
justify-content: space-between;
}
#order_review .cart_item:last-child {
margin-bottom: 0;
}
#order_review thead .product-name {
width: 100% !important;
text-align: left !important;
padding: 0px !important;
font-family: Roboto;
font-size: 22px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 20px;
letter-spacing: -0.44px;
text-align: left;
color: #17191d;
margin-bottom: 25px;
}
#order_review table.shop_table td.product-name {
font-family: Roboto;
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.36;
letter-spacing: -0.28px;
text-align: left;
color: #17191d;
max-width: 170px;
}
#order_review .woocommerce-Price-amount {
font-family: Roboto;
font-size: 17px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: -0.34px;
text-align: left;
color: #17191d;
}
#order_review thead .product-name::after {
content: "ы:";
}
#order_review .order-total th::after {
content: ":";
}
.page-checkout .page-cart__title {
margin-bottom: 61px;
}
#order_review thead .product-total {
display: none;
}
#order_review tbody {
display: block;
}
#order_review tfoot {
display: block;
}
#order_review {
padding-right: 45px;
padding-left: 45px;
}
#order_review_heading {
display: none;
}
.customer_details__title {
font-family: Roboto;
font-size: 34.5px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.69px;
text-align: left;
color: #17191d;
margin-bottom: 42px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: 100%;
}
.billing__title {
font-family: Roboto;
font-size: 33.5px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.67px;
text-align: left;
color: #191919;
margin-bottom: 23px;
}
.woocommerce-billing-fields__field-wrapper label {
}
.woocommerce-billing-fields__field-wrapper .form-row {
width: 100% !important;
padding: 0px !important;
margin: 0px !important;
}
body .woocommerce form .form-row .input-text,
body .woocommerce form .form-row select {
padding: 0px;
border-radius: 9px;
border: solid 1px #025afa !important;
background-color: #fff;
margin-bottom: 28px;
padding-left: 16px;
height: 61px;
}
textarea {
outline: none !important;
}
#billing__field textarea {
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
resize: none;
height: 199px;
margin-bottom: 0px;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
font-family: Roboto !important;
font-size: 20px !important;
font-weight: 500 !important;
font-stretch: normal;
font-style: normal;
line-height: 0.73 !important;
letter-spacing: -0.4px !important;
text-align: left;
color: #000000;
}
.woocommerce form .form-row .input-text::placeholder,
.woocommerce form .form-row select::placeholder {
color: #77787b;
}
#order_review tbody .product-name {
display: flex;
align-items: center;
}
#order_review tbody .product-thumbnail {
width: 87px;
height: fit-content;
border-radius: 15px;
background-color: #fff;
margin-right: 23px !important;
margin-left: 0px;
flex-shrink: 0;
position: relative;
}
#order_review tbody .product-thumbnail img {
border-radius: 8px;
}
#order_review tbody .product-thumbnail::after {
position: absolute;
width: 14px;
height: 14px;
background-color: #025afa;
border-radius: 50%;
content: "";
display: block;
top: -5px;
left: -1px;
}
@media (max-width: 880px) {
#order_review {
width: 100% !important;
}
}
@media (max-width: 560px) {
#order_review .cart_item .product-details {
font-size: 15px !important;
}
}
@media (max-width: 425px) {
#order_review .cart_item .product-details {
font-size: 12px !important;
}
.woocommerce form.checkout dl.variation {
font-size: 10px !important;
}
.woocommerce form.checkout dt.variation- {
font-size: 10px !important;
}
#order_review .cart_item .product-details dd.variation- {
margin: 5px 0 !important;
}
#order_review .woocommerce td.product-name .wc-item-meta,
.woocommerce dl.variation span {
font-size: 10px !important;
line-height: inherit !important;
}
#order_review tbody .product-total {
font-size: 11px !important;
}
#order_review .woocommerce-Price-amount {
font-size: 11px !important;
}
}
#order_review table.shop_table td.product-name {
width: 100%;
max-width: unset;
}
#order_review tbody .product-total {
flex-shrink: 0;
font-family: Roboto;
font-size: 17px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: -0.34px;
text-align: left;
color: #17191d;
margin-left: 10px;
}
#payment {
display: none;
}
.order_review__title {
font-family: Roboto;
font-size: 28.5px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 21px;
letter-spacing: -0.57px;
text-align: left;
color: #252525;
padding-bottom: 26px;
margin-bottom: 26px;
width: 100%;
display: block;
border-bottom: 1px solid #d5d5d5;
}
input {
outline: none !important;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
display: none !important;
}
.col-2 .shipping_address {
}
#ship-to-different-address {
}
.col-2 #shipping_country_field {
}
.col-2 #shipping_address_2_field {
}
.woocommerce-checkout {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#customer_details {
border-radius: 19px;
box-shadow: 0 0 9.6px 0.4px rgba(0, 0, 0, 0.46);
border: solid 1px #191919;
background-color: #fcfbfc;
padding-left: 35px;
padding-right: 34px;
padding-bottom: 64px;
padding-top: 58px;
width: 811px;
flex-shrink: 0;
margin-right: 30px;
}
#order_review {
border-radius: 13px;
box-shadow: 0 0 9.6px 0.4px rgba(0, 0, 0, 0.46);
background-color: #fcfbfc;
padding-top: 36px;
padding-bottom: 69px;
width: 100%;
}
.woocommerce-notices-wrapper {
display: none !important;
}
.coupon .button {
font-family: Roboto !important;
font-size: 15px !important;
font-weight: 500 !important;
font-stretch: normal;
font-style: normal;
letter-spacing: -0.3px;
text-align: center;
color: #fff !important;
width: 185px !important;
height: 37px !important;
display: flex !important;
align-items: center;
justify-content: center;
border-radius: 10px !important;
border: unset !important;
background-image: linear-gradient(to top, #025afd, #072ee3, #072ee3) !important;
padding: 0px !important;
}
.cart-others .products {
display: flex;
justify-content: space-between;
gap: 40px;
flex-wrap: nowrap;
align-items: stretch;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
border: solid 2px #025afa;
border-radius: 15px;
width: 100%;
margin: 0px;
padding-left: 55px;
padding-right: 55px;
padding-bottom: 35px;
padding-top: 50px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-family: Roboto;
font-size: 17px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: -0.34px;
text-align: left;
color: #fff;
padding: 0px;
min-height: 75px;
}
.savaks-thankyou-card .savaks-item-meta .wc-item-meta li {
margin: 6px 0;
}
.woocommerce .woocommerce-cart-form table.shop_table td.wooc-about {
max-width: 50%;
}
.woocommerce.columns-3.custom-upsell a.added_to_cart.wc-forward {
display: none !important;
}
.woocommerce.columns-3.custom-upsell ul.products li.product a img {
max-width: 100%;
height: auto;
margin: 0 auto 1em;
max-height: 300px;
width: auto;
}
.woocommerce ul.products li.product .button {
border-radius: 8px;
border: unset;
background-image: linear-gradient(to top, #025afd, #072ee3, #072ee3);
width: 100%;
height: 49px;
display: flex;
align-items: center;
justify-content: center;
font-family: Roboto;
font-size: 23.5px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: -0.55px;
text-align: left;
color: #fff;
margin-top: 0px;
}
.woocommerce ul.products li.product .price {
margin: 0px;
font-family: Roboto;
font-size: 27.5px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: -0.55px;
text-align: left;
color: #fff;
margin-bottom: 35px;
margin-top: 22px;
}
.coupon {
float: none !important;
display: flex;
align-items: center;
bottom: -68px;
left: 0px;
position: absolute;
}
.coupon-error-notice {
color: red;
font-size: 13px;
padding-left: 10px;
}
.woocommerce-cart-form {
position: relative;
}
.page-cart__title {
font-family: Roboto;
font-size: 35px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: -0.7px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 115px;
}
.page-cart__title a {
color: #fff !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
.page-cart__title a:hover {
color: #0145ff !important;
}
.page-cart__title .active a {
color: #0145ff !important;
}
.woocommerce-shipping-totals form {
display: none !important;
}
.page-cart__title span {
margin-right: 87px;
position: relative;
}
.page-cart__title span::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 55px;
height: 37px;
background-size: cover;
background-position: center;
content: "";
display: block;
background-image: url(//savaks.ru/wp-content/themes/savaks/images/arrow-title.png);
right: -73px;
}
.page-cart__title .active {
color: #0145ff;
text-decoration: underline;
text-decoration-skip-ink: none;
}
.page-cart__title span:last-child {
margin-right: 0;
}
.page-cart__title span:last-child:after {
display: none;
}
.cart-others {
margin-top: 104px;
}
.cart-others__title {
font-family: Roboto;
font-size: 35px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: -0.7px;
text-align: center;
color: #fff;
margin-bottom: 83px;
}
.header__adress-text {
max-width: 150px;
}
.page-delivery__container {
margin-bottom: 50px;
}
.woocommerce-cart-form {
border: solid 1px #191919;
background-color: #fbfbfb;
padding-left: 23px;
padding-right: 22px;
padding-top: 36px;
padding-bottom: 65px;
border-radius: 19px;
}
.basket-wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: nowrap;
gap: 18px;
}
.woocommerce-cart-form {
width: 100%;
flex-shrink: 1;
}
.page-cart {
margin-top: 115px;
margin-bottom: 110px;
}
.cart-collaterals {
width: 460px !important;
flex-shrink: 0;
border: solid 1px #191919;
background-color: #fbfbfb;
border-radius: 19px;
padding-left: 21px;
padding-top: 38px;
padding-right: 21px;
padding-bottom: 25px;
}
.checkout-button {
width: 100%;
display: flex !important;
align-items: center;
justify-content: center;
height: 53px;
border-radius: 12px !important;
background-image: linear-gradient(to top, #025afd, #072ee3, #072ee3) !important;
font-family: Roboto;
font-size: 25.5px !important;
font-weight: 500 !important;
font-stretch: normal;
font-style: normal;
line-height: 3.08 !important;
letter-spacing: -0.51px !important;
text-align: left;
color: #fff !important;
}
.cart_totals {
width: 100% !important;
}
.cart_totals h2 {
font-family: Roboto;
font-size: 21.5px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 100%;
letter-spacing: -0.43px;
text-align: left;
color: #17191d;
margin-bottom: 30px;
}
#order_review #shipping_method {
display: block !important;
padding-top: 10px;
}
#order_review #shipping_method::before {
content: "Выберите способ доставки";
text-align: center;
font-size: 22px;
line-height: 120%;
color: #191919;
display: block;
margin-bottom: 10px;
}
.woocommerce #order_review ul#shipping_method li input {
display: none;
visibility: hidden;
}
.woocommerce #order_review ul#shipping_method li label {
position: relative;
border-radius: 9px;
border: solid 1px #025afa;
background-color: #fff;
display: flex;
align-items: center;
padding-left: 70px;
padding-right: 14px;
height: 84px;
width: 100%;
font-family: Roboto;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.39px;
text-align: left;
color: #1e1e1e;
position: relative;
cursor: pointer;
gap: 10px;
font-size: 19px;
margin-bottom: 10px;
}
#order_review .woocommerce-shipping-totals.shipping th {
display: none;
}
#order_review .cart_item.shipping-item {
display: none !important;
}
.woocommerce #order_review ul#shipping_method li label::before {
content: "";
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 46px;
height: 42px;
border-radius: 4px;
background: #d5d5d5 url(https://savaks.ru/wp-content/uploads/2025/06/check.png) center / cover no-repeat;
background-size: 29px 29px;
transition: all 0.2s ease;
}
.woocommerce #order_review ul#shipping_method li .shipping_method:checked + label::before,
.woocommerce #order_review ul#shipping_method li .shipping_method.active + label::before {
background: #025afa url(https://savaks.ru/wp-content/uploads/2025/06/check.png) center / cover no-repeat;
background-size: 29px 29px;
}
.woocommerce-shipping-fields {
display: none;
}
.woocommerce table.shop_table {
display: block;
}
.woocommerce table.shop_table tr {
display: flex;
align-items: center;
justify-content: space-between;
}
.woocommerce table.shop_table td {
padding: 0px;
border: none;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
padding: 0px;
border: none;
}
.woocommerce table.shop_table td {
font-family: Roboto;
font-size: 21.5px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: -0.43px;
text-align: left;
color: #17191d;
}
.woocommerce .cart_totals tr {
border-bottom: 1px solid #0145ff;
padding-bottom: 0px;
margin-bottom: 30px;
padding-left: 4px;
padding-right: 4px;
}
.basket-wrapper .actions {
}
#coupon_code {
border-radius: 10px;
box-shadow: 0 0 17.2px 3.8px rgba(0, 0, 0, 0.4);
border: solid 1px #191919;
background-color: #fbfbfb;
width: 214px;
height: 39px;
padding-left: 15px;
margin-right: 6px;
font-family: Roboto;
font-size: 15px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.9;
letter-spacing: -0.3px;
text-align: left;
color: #787879;
}
[name="update_cart"] {
display: none !important;
}
.product-remove {
display: none;
}
.product-thumbnail {
display: none;
}
tbody .product-remove {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 24px;
border-radius: 5px;
background-color: #025afa;
}
tbody .product-thumbnail {
width: 87px;
height: 80px;
margin-left: 10px;
display: block;
margin-right: 18px;
}
tbody .product-thumbnail img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
}
.woocommerce table.shop_table td.product-name {
font-family: Roboto;
width: 230px;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: -0.4px;
text-align: left;
display: block;
color: #17191d !important;
}
.woocommerce table.shop_table td.product-name a {
display: block;
color: #17191d !important;
}
.woocommerce-cart-form .woocommerce-Price-amount {
font-family: Roboto;
font-size: 21.5px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: -0.43px;
text-align: left;
color: #17191d;
}
.product-name {
text-align: center !important;
width: 380px;
}
.woocommerce-cart-form thead tr {
padding-right: 20px;
}
body .qib-button-wrapper button.qib-button {
width: 21px;
height: 21px;
font-family: Roboto;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 0.98;
letter-spacing: -0.58px;
text-align: left;
color: #fff;
background-color: #025afa !important;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.qib-button-wrapper button.qib-button,
.qib-button-wrapper div.quantity.wqpmb_quantity {
height: 21px !important;
width: 44px;
}
.woocommerce a.remove:hover {
background: transparent !important;
}
.woocommerce-cart-form__cart-item .product-quantity {
position: relative;
right: 5px;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
display: none;
}
.qib-button-wrapper .quantity input.input-text.qty.text {
height: 100% !important;
padding: 0px !important;
text-align: center;
border-radius: 0px;
outline: none;
background: transparent !important;
border: none !important;
font-size: 23px !important;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.79 !important;
letter-spacing: -0.34px !important;
text-align: left;
color: #17191d;
width: 100% !important;
}
@media (max-width: 1400px) {
.basket-wrapper {
scale: 0.9;
width: 100%;
}
.page-cart .page-cart__title {
margin-bottom: 30px;
}
}
@media (max-width: 1200px) {
.basket-wrapper {
scale: 0.8;
}
.page-cart .page-cart__title {
margin-bottom: 0;
}
}
@media (max-width: 770px) {
.basket-wrapper {
scale: none;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item {
justify-content: center !important;
align-items: center;
flex-wrap: wrap;
padding: 20px 0;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-thumbnail { width: 40%;
display: flex !important;
align-items: center;
justify-content: center;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-thumbnail a {
width: fit-content;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-name {
width: 40%; padding: 0;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-price {
position: static;
transform: none;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-quantity {
margin: 30px 10px;
width: 200px;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-quantity .qib-button-wrapper.qib-button-wrapper-0 {
width: 200px;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-price,
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-subtotal {
width: 25%;
text-align: center !important;
}
}
.order_review__policy label {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
cursor: pointer;
margin-bottom: 10px;
}
.order_review__policy {
font-size: 16px;
}
@media (max-width: 510px) {
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-price {
display: none;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-quantity {
margin: 30px 20px 30px 0;
width: 150px;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-quantity .qib-button-wrapper.qib-button-wrapper-0 {
width: 150px;
}
}
.woocommerce form.checkout .blockUI.blockOverlay {
opacity: 0 !important;
}
.wpcf7-spinner {
display: none;
}
.error-close-btn {
position: absolute;
top: 8px;
right: 10px;
background: none;
border: none;
font-size: 30px;
line-height: 1;
cursor: pointer;
color: #666;
}
.error-close-btn:hover {
color: rgb(161, 0, 0);
}
@media (max-width: 430px) {
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
width: 100%;
margin-bottom: 15px;
margin-right: 0;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-name {
width: 100%;
}
}
.woocommerce-cart-form tbody {
display: block;
width: 100%;
}
.woocommerce-cart-form table.shop_table th {
width: 140px;
}
thead .product-name {
width: 365px !important;
}
.product-quantity,
.product-price,
.product-subtotal {
display: flex;
justify-content: center;
width: 140px;
}
.product-price {
}
.woocommerce-cart-form tbody tr {
justify-content: flex-start !important;
}
.woocommerce table.shop_table td.product-name {
text-align: left !important;
}
.woocommerce tbody a.remove {
font-family: Roboto;
font-size: 22px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: -0.44px;
color: #fff !important;
width: 100%;
height: 100%;
text-align: center;
}
.woocommerce-cart-form table.shop_table th {
padding: 0px;
font-family: Roboto;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.72;
letter-spacing: -0.36px;
text-align: left;
color: #17191d;
}
.woocommerce-cart-form thead {
display: block;
width: 100%;
margin-bottom: 27px;
}
.woocommerce-cart-form thead tr {
padding-bottom: 8px;
border-bottom: 1px solid #0256fa;
}
.checkout-button {
margin-top: 5px !important;
}
.woocommerce table.shop_table .woocommerce-shipping-totals td {
padding-left: 100px;
}
.woocommerce #order_review table.shop_table .woocommerce-shipping-totals td {
padding-left: 0;
width: 100%;
display: block;
max-width: 100%;
}
.woocommerce #order_review .cdek-office-info {
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
line-height: 110%;
text-align: center;
padding: 10px;
}
.woocommerce #order_review .cdek-office-info:before {
height: 14px;
top: -5px;
width: 15px;
}
@media (max-width: 480px) {
.woocommerce #order_review .cdek-office-info {
font-size: 14px;
}
}
.woocommerce table.shop_table .woocommerce-shipping-totals td {
text-align: right;
font-family: Roboto;
font-size: 11px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.27;
letter-spacing: -0.22px;
text-align: right;
color: #17191d;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
font-family: Roboto;
font-size: 22px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.41;
letter-spacing: -0.44px;
text-align: left;
color: #17191d;
}
.woocommerce table.shop_table {
border: unset;
margin: 0px;
border-radius: unset;
}
.wc-block-components-sidebar {
background: #fff;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
background: #fff;
}
.page-cart {
margin-top: 90px;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge {
display: none;
}
.wc-block-components-totals-item__description {
display: none;
}
.wc-block-components-sale-badge {
display: none !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block {
display: none !important;
}
.reviews.page .bottom-text {
margin-top: 80px;
}
.promo__rating__photo {
background-size: contain;
background-position: left;
background-repeat: no-repeat;
width: 230px;
height: 70px;
display: block;
margin-right: -50px;
}
.info .bottom-text {
margin-top: 100px;
}
html {
margin-top: 0 !important;
}
.contacts__content {
margin-bottom: 100px;
}
.bottom-text h2,
.bottom-text h3,
.bottom-text h4,
.bottom-text h5,
.bottom-text h1 {
font-size: 40px;
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 0.899;
position: relative;
z-index: 4;
text-align: center;
margin-bottom: 50px;
}
.works-gallery__slider .slick-slide {
margin: 0 20px;
}
.works-gallery__slider .slick-list {
margin: 0 -20px;
}
.single-product__h1 {
font-weight: 700;
font-size: 44.03px;
line-height: 52.88px;
text-transform: uppercase;
color: #fff;
margin-top: 49px;
margin-bottom: 40px;
}
.single-product__h1 span {
color: rgba(2, 94, 255, 1);
}
.single-product__articul {
font-weight: 700;
font-size: 24px;
line-height: 55.88px;
text-transform: uppercase;
color: #fff;
}
.single-product__subtitle {
font-weight: 700;
font-size: 42.95px;
line-height: 75px;
text-transform: uppercase;
color: #fff;
}
.single-product__h2 {
font-weight: 700;
font-size: 56px;
line-height: 68px;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
color: #fff;
margin-bottom: 77px;
}
.single-product-form-wrap {
display: flex;
gap: 75px;
margin-bottom: 63px;
}
.single-product-form__left {
width: 555px;
flex-shrink: 0;
}
.single-product-form__right {
width: 100%;
}
.single-product-form__photo {
width: 100%;
height: 421px;
margin-bottom: 30px;
border-radius: 39px;
overflow: hidden;
border: 9px solid rgba(58, 60, 64, 1);
}
.single-product-form__photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single-product-form__photos {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 22px;
margin-bottom: 36px;
}
.single-product-form__photo-mini {
position: relative;
width: 169px;
height: 169px;
cursor: pointer;
border: 4.23px solid rgba(58, 60, 64, 1);
transition: all 0.2s ease;
border-radius: 22px;
overflow: hidden;
}
.single-product-form__photo-mini img {
object-fit: cover;
}
.single-product-form__photo-mini:hover {
box-shadow: 6px 6px 4px 2px #00000098;
transform: scale(1.0125);
border-color: #fff;
}
.single-product-form__photo-mini_video {
border-color: rgba(7, 50, 229, 1);
}
.single-product-form__photo-mini_video:hover {
border-color: #0541ee;
}
.single-product-form__photo-mini:hover .play-icon {
background: linear-gradient(132.24deg, #0541ee 48.2%, #0541ee 95.39%);
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
width: 77px;
height: 77px;
border-radius: 50%;
background: linear-gradient(132.24deg, #216fff 48.2%, #0541ee 95.39%);
box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease;
}
.play-icon span {
display: block;
width: 0;
height: 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 17px solid rgba(217, 217, 217, 1);
margin-left: 6px;
}
.single-product-form__photo-mini img {
width: 100%;
height: 100%;
}
.single-product-form__form {
position: relative;
margin-bottom: 260px;
}
.single-product-form__form-img {
display: flex;
justify-content: center;
height: 362px;
border: 7px solid rgba(105, 105, 105, 0.29);
border-radius: 18px;
padding-top: 20px;
padding-bottom: 20px;
}
.single-product-form__form-img img {
height: 100%;
}
.single-product-form__form-car {
position: absolute;
bottom: -295px;
left: 50%;
transform: translateX(-47%);
width: 543px;
height: 385px;
}
.single-product-form__form h3 {
font-weight: 500;
font-size: 32px;
line-height: 34px;
text-align: center;
color: #fff;
margin-bottom: 10px;
}
.single-product-form__form h3 span {
font-weight: 700;
font-size: 32px;
line-height: 34px;
}
.single-product-form__color {
margin-bottom: 82px;
}
.single-product-form__color h3 {
font-weight: 500;
font-size: 36.07px;
line-height: 29.04px;
letter-spacing: 1%;
color: #fff;
margin-bottom: 16px;
}
.single-product-form__color .color-options {
display: flex;
justify-content: flex-start;
}
.single-product-form__color .color-options input {
width: 0;
height: 0;
visibility: hidden;
pointer-events: none;
}
.single-product-form__color .color-options label {
display: block;
width: 92px;
height: 92px;
border-radius: 10px;
border: 2px solid #fff;
cursor: pointer;
margin-right: 29px;
transition: all 0.2s ease;
overflow: hidden;
}
.single-product-form__color.single-product-form__color_mini .color-options label {
width: 75px;
height: 75px;
margin-right: 20px;
}
.single-product-form__color .color-options.with_text_inside label {
background: rgba(38, 38, 38, 1);
display: flex;
align-items: center;
justify-content: center;
}
.single-product-form__color .color-options.with_text_inside label .text-inside {
font-weight: 500;
font-size: 43.64px;
line-height: 33px;
text-align: center;
color: #fff;
}
.single-product-form__color .color-options.with_text_inside label .text-inside span {
display: block;
font-weight: 500;
font-size: 24px;
line-height: 18px;
text-align: center;
color: #fff;
}
.single-product-form__color .color-options .with_text {
margin-top: 12px;
margin-right: 29px;
}
.single-product-form__color .color-options .with_text label {
margin-right: 0;
}
.text-option {
color: #fff;
font-weight: 500;
font-size: 23px;
line-height: 0.2px;
text-align: center;
}
.single-product-form__color .color-options label:hover {
box-shadow: 6px 6px 4px 2px #00000098;
transform: scale(1.025);
}
.single-product-form__color .color-options label:hover .text-option {
transform: translateY(100%);
}
.single-product-form__color .color-options label img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single-product-form__color .color-options input:checked + label {
border-color: rgba(7, 50, 229, 1);
}
.single-product-form__color .color-options.with_text_inside input:checked + label {
background: rgb(54, 81, 190);
}
.single-product-form__border {
margin-bottom: 82px;
}
.single-product-form__border h3 {
font-weight: 500;
font-size: 36.07px;
line-height: 29.04px;
color: #fff;
margin-bottom: 16px;
}
.single-product-form__border .border-options {
display: flex;
justify-content: flex-start;
}
.single-product-form__border .border-options input {
width: 0;
height: 0;
visibility: hidden;
pointer-events: none;
}
.single-product-form__border .border-options label {
width: 74px;
height: 74px;
border-radius: 9px;
border: 2px solid #fff;
cursor: pointer;
margin-right: 28px;
transition: all 0.2s ease;
overflow: hidden;
}
.single-product-form__border .border-options label:hover {
box-shadow: 5px 5px 4px 2px #00000098;
transform: scale(1.025);
}
.single-product-form__border .border-options label img {
width: 100%;
height: 100%;
}
.single-product-form__border .border-options input:checked + label {
border-color: rgba(7, 50, 229, 1);
}
.single-product-form__complect {
margin-bottom: 74px;
}
.single-product-form__complect h3 {
font-weight: 500;
font-size: 36.07px;
line-height: 29.04px;
letter-spacing: 1%;
color: #fff;
margin-bottom: 0;
}
.single-product-form__complect .complect-options {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 20px 43px;
}
.single-product-form__complect .complect-options input {
width: 0;
height: 0;
visibility: hidden;
pointer-events: none;
}
.complect-item {
max-width: 182px;
}
.complect-break {
display: none;
width: 100%;
}
.single-product-form__complect .complect-options label {
display: flex;
align-items: center;
justify-content: center;
width: 182px;
height: 182px;
border-radius: 26px;
border: 3.33px solid rgba(58, 60, 64, 1);
cursor: pointer;
transition: all 0.2s ease;
overflow: hidden;
}
.single-product-form__complect .complect-options label img {
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
.single-product-form__complect .complect-options label:hover {
box-shadow: 6px 6px 4px 2px #00000098;
border-color: #fff;
}
.single-product-form__complect .complect-options h4 {
font-weight: 300;
font-size: 16.78px;
line-height: 21.2px;
letter-spacing: 1%;
color: #fff;
padding-left: 14px;
margin-top: 6px;
}
.single-product-form__complect .complect-options h4 span {
display: block;
font-weight: 500;
font-size: 22.16px;
line-height: 21.2px;
letter-spacing: 1%;
margin-top: 4px;
}
.single-product-form__complect .complect-options input:checked + label {
border-color: rgba(7, 50, 229, 1);
}
.single-product-form__accessory h3 {
font-weight: 500;
font-size: 39.93px;
line-height: 41.65px;
text-align: center;
color: #fff;
margin-bottom: 30px;
}
.single-product-form__accessory .carpet-accessory {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 37px;
}
.single-product-form__accessory .carpet-accessory input {
position: absolute;
bottom: 272px;
right: 30px;
width: 30px;
height: 30px;
border-radius: 6px;
background: #fff;
border: none;
outline: none;
}
.single-product-form__accessory .carpet-accessory label,
.single-product-form__accessory .carpet-accessory .label {
display: flex;
align-items: center;
justify-content: center;
width: 304px;
height: 324px;
border-radius: 29px;
border: 3px solid rgba(90, 91, 94, 1);
cursor: pointer;
transition: all 0.2s ease;
overflow: hidden;
}
.single-product-form__accessory .carpet-accessory .label {
flex-direction: column;
cursor: default;
}
.single-product-form__accessory .carpet-accessory label:hover {
box-shadow: 6px 6px 4px 2px #00000098;
border-color: #fff;
}
.single-product-form__accessory .carpet-accessory .label img {
margin-bottom: 15px;
}
.single-product-form__accessory .carpet-accessory .label input {
position: relative;
bottom: unset;
right: unset;
display: inline-block;
width: 19px;
height: 19px;
margin-right: 15px;
cursor: pointer;
}
.single-product-form__accessory .carpet-accessory .label input:hover + p {
color: #b6b6b6;
}
.single-product-form__accessory .carpet-accessory .label p {
display: flex;
justify-content: space-between;
width: 100%;
font-family: Roboto;
font-weight: 500;
font-size: 15.46px;
line-height: 12.44px;
color: #fff;
padding-right: 27px;
transition: all 0.2s ease;
}
.single-product-form__accessory .carpet-accessory .label div {
width: 100%;
display: flex;
align-items: center;
padding-left: 37px;
margin-bottom: 13px;
}
.single-product-form__accessory .carpet-accessory .label p span {
display: inline-block;
font-weight: 300;
font-size: 15.46px;
line-height: 12.44px;
letter-spacing: 1%;
}
.single-product-form__accessory .carpet-accessory .accessory-item {
width: 324px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.single-product-form__accessory .carpet-accessory h4 {
font-weight: 500;
font-size: 31.57px;
line-height: 29.29px;
text-align: center;
color: #fff;
margin-bottom: 11px;
}
.single-product-form__accessory .carpet-accessory h4 span {
display: block;
font-weight: 500;
font-size: 22.16px;
line-height: 21.2px;
letter-spacing: 1%;
margin-top: 4px;
}
.single-product-form__accessory .carpet-accessory input:checked + label,
.single-product-form__accessory .carpet-accessory .label:has(input:checked) {
border-color: rgba(7, 50, 229, 1);
}
.single-product-form-cart.single-product-form-cart_old {
display: flex;
justify-content: flex-start;
gap: 190px;
}
.single-product-form-cart__left {
width: 556px;
background: #fff;
border-radius: 49px;
padding: 33px;
flex-grow: 0;
flex-shrink: 0;
height: fit-content;
}
.single-product-form-cart__right {
display: flex;
justify-content: space-between;
align-items: center;
}
.single-product-form-cart.single-product-form-cart_old .single-product-form-cart__right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.single-product-form-cart.single-product-form-cart_old .single-product-form-cart__about {
width: 484px;
display: flex;
align-items: center;
padding: 38px 80px 33px 115px;
}
.single-product-form-cart.single-product-form-cart_old .single-product-form-cart__about img {
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
}
.single-product-form-cart-item {
margin-bottom: 30px;
}
.single-product-form-cart-item__title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 74px;
}
.single-product-form-cart-item__title h4 {
font-weight: 600;
font-size: 27.82px;
line-height: 29px;
letter-spacing: 0%;
color: rgba(37, 37, 37, 1);
}
.single-product-form-cart-item__title span {
display: block;
width: fit-content;
font-weight: 600;
font-size: 50px;
line-height: 52.12px;
letter-spacing: 0%;
color: rgba(37, 37, 37, 1);
white-space: nowrap;
flex-shrink: 0;
}
.single-product-form-cart__left .hr {
display: block;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 1);
margin-bottom: 11px;
}
.single-product-form-cart-item__counter {
width: 116px;
height: 38px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px;
border-radius: 4px;
background: rgba(242, 242, 242, 1);
border: 0.87px solid rgba(0, 0, 0, 0.21);
font-weight: 600;
font-size: 22px;
line-height: 22px;
letter-spacing: 0%;
}
.single-product-form-cart-item__counter button {
display: flex;
align-items: center;
justify-content: center;
border: none;
background: none;
outline: none;
font-weight: 600;
font-size: 27px;
line-height: 27px;
cursor: pointer;
transition: all 0.2s ease;
}
.single-product-form-cart-item__counter button:hover {
text-shadow: 1px 1px 1px #9c9c9c;
}
.single-product-form-cart__summ {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 38px;
}
.single-product-form-cart__summ h4 {
font-weight: 600;
font-size: 27.82px;
line-height: 29px;
letter-spacing: 0%;
color: rgba(37, 37, 37, 1);
}
.single-product-form-cart__summ span {
font-weight: 600;
font-size: 50px;
line-height: 52.12px;
letter-spacing: 0%;
color: rgba(37, 37, 37, 1);
}
.button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 96px;
border-radius: 12px;
background: linear-gradient(173.51deg, #025afd 42.87%, #0732e5 93.39%);
font-weight: 600;
font-size: 40px;
line-height: 41.7px;
letter-spacing: 0%;
color: #fff;
cursor: pointer;
border: none;
outline: none;
transition: all 0.2s ease;
}
.button:hover {
background: linear-gradient(173.51deg, #0732e5 42.87%, #0732e5 93.39%);
}
.single-product-form-cart__about {
position: relative;
width: 387px;
height: 115px;
font-weight: 600;
font-size: 22.28px;
line-height: 20.61px;
color: rgba(23, 25, 29, 1);
padding: 38px 0 33px 172px;
background: rgba(246, 246, 246, 1);
border-radius: 31px;
margin-bottom: 48px;
}
.single-product-form-cart__about img {
width: 230px;
height: 230px;
}
.addition__text {
width: 90%;
margin: 0 auto;
font-weight: 500;
font-size: 48px;
leading-trim: NONE;
line-height: 46px;
letter-spacing: 1%;
text-align: center;
margin-bottom: 50px;
color: #fff;
} .single-product-form-cart__about img {
position: absolute;
left: -35px;
top: 50%;
transform: translateY(-50%);
}
.single-product-form {
margin-bottom: 98px;
}
.single-product__looks {
margin-bottom: 177px;
}
.single-product__content {
position: relative;
}
.single-product__looks-slider {
}
.single-product__looks-slide {
position: relative;
height: fit-content;
width: 100%;
background: #17191d;
border: 7px solid #3a3c40;
padding: 93px 140px;
border-radius: 15px;
overflow: hidden;
z-index: 1;
box-shadow: 0px 0px 20px 7px rgba(0, 0, 0, 0.18);
}
.single-product__looks-slider .slick-slide {
margin: 0 20px;
}
.single-product__looks-slider .slick-list {
padding: 20px 0;
margin: 0 -20px;
}
.single-product__looks-slide h3 {
font-weight: 700;
font-size: 51.82px;
line-height: 62.92px;
text-transform: uppercase;
color: #fff;
margin-bottom: 9px;
}
.single-product__looks-slide h4 {
font-weight: 500;
font-size: 34.88px;
line-height: 42.35px;
color: #fff;
margin-bottom: 31px;
}
.single-product__looks-slide p {
font-weight: 700;
font-size: 17px;
line-height: 25px;
color: #fff;
}
.single-product__looks-slide-price {
font-weight: 500;
font-size: 24px;
line-height: 42.35px;
color: #fff;
margin-top: 70px;
margin-bottom: 30px;
}
.single-product-also {
margin-bottom: 177px;
}
.single-product-also__wrapper {
position: relative;
}
.single-product-also__slider {
width: 1095px;
margin: 0 auto;
z-index: 7;
}
.single-product-also__slide {
z-index: 7;
position: relative;
width: 537px;
height: 358px;
border-radius: 30px;
overflow: hidden;
padding: 13px 0 19px 27px;
}
.single-product-also__slider .slick-slide {
margin: 0 11px;
}
.single-product-also__slider .slick-list {
margin: 0 -11px;
}
.single-product-also__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.single-product-also__slide h3 {
display: block;
font-weight: 600;
font-size: 40.12px;
line-height: 34.9px;
color: #fff;
width: 65%;
text-transform: uppercase;
text-shadow: 1px -1px 1.5px rgba(0, 0, 0, 1);
}
.single-product-also__slide .single-product-button {
position: absolute;
bottom: 19px;
left: 27px;
font-weight: 500;
font-size: 28.12px;
line-height: 59.04px;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
padding: 1px 16px;
border-radius: 8px;
}
.single-product-also__slide:hover .single-product-button {
background: #0732e5;
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce dl.variation {
font-size: 14px;
line-height: 16px;
color: #787879;
padding-left: 10px;
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce dl.variation span {
font-size: 14px;
line-height: 16px;
color: #787879;
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce dt.variation- {
font-size: 14px;
line-height: 16px;
color: #000;
}
.wooc-wrapper {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item {
align-items: flex-start;
}
.woocommerce .cart_item .product-thumbnail {
flex-shrink: 0;
height: 150px;
width: 150px;
}
.woocommerce .cart_item .product-thumbnail a {
display: block;
width: 100%;
height: 100%;
border-radius: 17px;
overflow: hidden;
}
.woocommerce .cart_item .product-thumbnail a img {
width: 100%;
height: 100%;
object-fit: unset;
}
.woocommerce .cart_item .product-name {
color: #000;
width: fit-content;
}
.woocommerce .cart_item .product-name a {
color: #000;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-remove,
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-price,
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-quantity,
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-subtotal {
margin-top: 75px;
transform: translateY(-50%);
}
.single-product-also__video {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 102%;
height: 102%;
z-index: -1;
}
.single-product__looks-slide-price span {
font-weight: 500;
font-size: 34.88px;
line-height: 42.35px;
}
.single-product__looks-slide-arrows {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0 26px;
z-index: 5;
}
.single-product__looks-slide-arrow {
display: flex;
align-items: center;
justify-content: center;
width: 62px;
height: 56px;
border-radius: 6px;
background: linear-gradient(180deg, #025afd 0%, #0732e5 100%);
cursor: pointer;
transition: all 0.2s ease;
}
.single-product__looks-slide-arrow:hover {
background: linear-gradient(180deg, #0732e5 0%, #0732e5 100%);
}
.bid-form .bid-form__btn {
cursor: pointer;
transition: all 0.2s ease;
}
.bid-form .bid-form__btn:hover {
background: linear-gradient(180deg, #0732e5 0%, #0732e5 100%);
}
.single-product__looks-slide-arrow img {
width: 17px;
height: 30px;
}
.single-product__looks-slide-wrapper {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 375px;
}
.single-product__looks-slide-img {
position: absolute;
top: 50%;
right: 50px;
transform: translateY(-50%);
z-index: -1;
max-height: 100%;
}
.single-product-button {
width: fit-content;
font-weight: 500;
font-size: 31.92px;
line-height: 56.33px;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
color: #fff;
padding: 8px 48px;
background: linear-gradient(180deg, #025afd 0%, #0732e5 100%);
border-radius: 6px;
border: none;
cursor: pointer;
flex-grow: 0;
flex-shrink: 0;
}
.characteristics-gallery {
margin-bottom: 186px;
}
.characteristics-gallery .works-gallery__tabs {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 28px;
}
.characteristics-gallery .works-gallery__tab {
font-weight: 500;
font-size: 40.69px;
line-height: 32.75px;
letter-spacing: 1%;
color: rgba(255, 255, 255, 0.56);
background: none;
outline: none;
border: none;
padding: 6px 0;
cursor: pointer;
transition: color 0.2s ease;
}
.characteristics-gallery .works-gallery__tab:hover {
color: rgba(255, 255, 255, 0.9);
}
.characteristics-gallery .works-gallery__tab--active {
color: rgba(255, 255, 255, 1);
border-bottom: 2px solid #fff;
} .characteristics-card {
background: #f7f7f7;
border-radius: 16px;
padding: 84px 107px;
width: 100%;
aspect-ratio: 1.67;
z-index: 2;
}
.characteristics-card p {
font-weight: 400;
font-size: 28px;
line-height: 42px;
}
.characteristics-card img {
max-width: 100%;
} .characteristics-card__title {
font-weight: 846;
font-size: 32px;
line-height: 42px;
color: rgba(37, 37, 37, 1);
margin-bottom: 50px;
} .characteristics-grid {
display: grid;
grid-template-columns: 1fr 2fr;
row-gap: 12px;
}
.characteristics-grid__label,
.characteristics-grid__value {
padding: 8px 0;
font-size: 14px;
color: rgba(37, 37, 37, 1);
} .characteristics-grid__label {
font-weight: 400;
font-size: 28px;
line-height: 42px;
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
.characteristics-grid__value {
font-weight: 400;
font-size: 28px;
line-height: 42px;
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
} .single-body {
position: relative;
}
.thanks-popup {
position: absolute;
width: 325px;
top: 0;
right: calc((100% - 1330px) / 2);
background-color: #f6f3f3;
border-radius: 10px;
z-index: 6;
padding: 30px 40px;
font-size: 20px;
line-height: 32px;
color: #232324;
text-align: center;
transform: translateY(150%);
box-shadow: inset 0px 0px 20px 3px #cccccc;
pointer-events: none;
opacity: 0;
transition: all 0.4s ease;
}
.thanks-popup.active {
opacity: 1;
pointer-events: all;
transform: translateY(190%);
}
.single-product-form__form_mb {
display: none;
}
.characteristics-card img {
max-width: 100%;
height: auto;
margin-top: 15px;
}
.slick-slide .characteristics-card img {
min-width: 75%;
height: auto;
margin: 0 auto;
}
.order_review__policy input {
width: 16px;
height: 16px;
}
.models-row {
margin-top: 100px;
} @media (max-width: 1400px) {
.single-product-form__complect .complect-options {
justify-content: flex-start;
gap: 43px;
}
.single-product-form__accessory .carpet-accessory {
gap: 60px 10px;
}
.single-product-form__accessory .carpet-accessory h4 {
font-size: 26.57px;
line-height: 27.29px;
}
.single-product-form__accessory .carpet-accessory .accessory-item {
width: 264px;
}
.single-product-form__accessory .carpet-accessory label,
.single-product-form__accessory .carpet-accessory .label {
width: 264px;
height: 280px;
}
.single-product-form__accessory .carpet-accessory input {
bottom: 230px;
right: 25px;
}
.single-product-form__accessory .carpet-accessory .label p {
padding-right: 9px;
}
.single-product-also__slider {
width: 80%;
}
.single-product-also__slide {
height: unset;
aspect-ratio: 1.45;
}
.bid-block__subtitle {
line-height: 50px;
margin-top: 25px;
margin-bottom: 25px;
}
#customer_details {
width: 100%;
margin-right: 0;
}
#order_review {
width: 489px;
flex-shrink: 0;
}
form.checkout .col2-set-left {
width: 100%;
}
form.checkout {
gap: 30px;
}
}
@media (max-width: 1350px) {
.single-product__looks-slide-img {
max-height: 90%;
max-width: 45%;
}
}
@media (max-width: 1330px) {
.single-product-form__complect .complect-options {
gap: 10px;
}
.single-product-form__border .border-options label {
margin-right: 10px;
}
.single-product-form-wrap {
gap: 35px;
}
.bid-form {
gap: 15px;
}
.thanks-popup {
right: calc((100% - 95%) / 2);
}
.single-product-form-cart.single-product-form-cart_old {
gap: 140px;
}
}
@media (max-width: 1238px) {
.bid-block__subtitle {
font-size: 38px;
}
.models-row {
margin-top: 75px;
justify-content: center;
}
}
@media (max-width: 1230px) {
.single-product-form-wrap {
justify-content: space-between;
gap: 35px;
}
.single-product-form__left {
width: 470px;
}
.single-product-form__photo-mini {
width: 142px;
height: 142px;
}
.single-product-form__form-car {
bottom: -257px;
width: 470px;
height: auto;
}
.single-product-form-cart__left {
width: 470px;
}
.single-product-form__form {
margin-bottom: 225px;
}
.single-product-form-cart__about {
width: 350px;
padding: 38px 0 33px 140px;
}
.single-product-form-cart__about img {
left: -65px;
}
}
@media (max-width: 1180px) {
.single-product__looks-slide {
padding: 70px 110px;
}
.single-product-also__slide h3 {
font-size: 32.12px;
line-height: 30.9px;
width: 90%;
}
.bid-form__img {
width: 100%;
bottom: -10%;
}
.single-product-form-cart__right {
flex-direction: column;
}
}
@media (max-width: 1160px) {
.single-product-form-cart.single-product-form-cart_old .single-product-form-cart__about {
width: 100%;
}
}
@media (max-width: 1116px) {
.bid-block__subtitle {
font-size: 34px;
}
}
@media (max-width: 1100px) {
.single-product-form__accessory .carpet-accessory .accessory-item {
width: 230px;
}
.single-product-form__accessory .carpet-accessory h4 {
font-size: 22.57px;
line-height: 23.29px;
}
.single-product-form__accessory .carpet-accessory label,
.single-product-form__accessory .carpet-accessory .label {
width: 230px;
height: 260px;
}
.single-product-form__accessory .carpet-accessory input {
bottom: 215px;
right: 15px;
}
.single-product-form__accessory .carpet-accessory .label div {
padding-left: 10px;
}
.single-product-form__accessory .carpet-accessory .label input {
margin-right: 9px;
}
.characteristics-gallery .works-gallery__tab {
font-size: 32px;
line-height: 32px;
}
form.checkout {
zoom: 0.8;
}
}
@media (max-width: 1070px) {
.single-product__looks-slide-img {
max-height: 90%;
max-width: 45%;
}
}
@media (max-width: 1040px) {
.addition__text {
display: none;
}
.savaks-thankyou-card {
width: 100%;
}
.savaks-thankyou-page {
padding: 91px 40px 73px;
}
.single-product__h2 {
font-size: 52px;
}
.thanks-popup {
width: 187px;
padding: 20px 16px;
font-size: 13px;
line-height: 21px;
transform: translateY(215%);
}
.thanks-popup.active {
transform: translateY(255%);
}
.characteristics-card {
padding: 40px;
}
.single-product-form-wrap {
flex-direction: column;
margin-bottom: 590px;
}
.single-product-form__left {
width: 100%;
}
.single-product-form__photo {
width: 550px;
margin: 0 auto 30px;
}
.single-product-form-cart__left {
width: 100%;
}
.single-product-form__color {
text-align: center;
}
.single-product-form__color .color-options {
justify-content: center;
gap: 25px;
}
.single-product-form__color.single-product-form__color_mini .color-options {
justify-content: center;
gap: 15px;
}
.single-product-form__color.single-product-form__color_mini .color-options label {
margin: 0;
}
.single-product-form__color .color-options label {
margin: 0;
}
.single-product-form__border {
text-align: center;
}
.single-product-form__border .border-options {
justify-content: center;
gap: 20px;
}
.single-product-form__border .border-options label {
margin: 0;
}
.single-product-form__complect {
text-align: center;
}
.single-product-form__complect .complect-options {
justify-content: center;
gap: 60px;
text-align: left;
padding: 0 40px;
}
.single-product-form__accessory .carpet-accessory {
justify-content: space-evenly;
padding: 0 150px;
}
.single-product-form-cart__left {
position: absolute;
bottom: 570px;
}
.single-product-also__slider {
z-index: 5;
}
.single-product-also__video {
display: none;
}
.single-product-form__form {
display: none;
}
.single-product-form__form_mb {
display: block;
width: 550px;
margin: 0 auto 260px;
}
.single-product-form-wrap {
gap: 0;
}
.single-product-form-cart.single-product-form-cart_old .single-product-form-cart__about,
.single-product-form-cart__about {
width: 100%;
display: flex;
align-items: center;
padding: 38px 0 33px 180px;
}
.single-product-form-cart.single-product-form-cart_old .single-product-form-cart__about img,
.single-product-form-cart__about img {
left: -35px;
transform: translateY(-50%);
}
.single-product-form-cart.single-product-form-cart_old .single-product-form-cart__right {
width: 100%;
}
.single-product-also .single-product__looks-slide-arrows {
z-index: 5;
}
form.checkout {
zoom: 0.75;
}
}
#order_review tbody .product-thumbnail.product-thumbnail_noafter::after {
display: none;
}
form.checkout {
position: relative !important;
}
.woocommerce-error {
position: absolute;
right: 0;
top: 97%;
z-index: 5;
border: none;
border-radius: 13px;
width: calc(100% - 841px);
}
.woocommerce-error li {
margin: 5px 0;
}
@media (max-width: 1400px) {
.woocommerce-error {
width: 489px;
}
}
@media (max-width: 880px) {
.woocommerce-error {
width: 100%;
top: 98%;
}
}
@media (max-width: 560px) {
.woocommerce-error {
top: 99%;
}
.woocommerce-error li {
margin: 2px 0;
font-size: 15px;
}
}
@media (max-width: 425px) {
.woocommerce-error li {
margin: 2px 0;
font-size: 12px;
}
}
@media (max-width: 1024px) {
.single-product__h2 {
font-size: 50px;
}
}
@media (max-width: 1010px) {
.bid-block__subtitle {
font-size: 28px;
}
}
@media (max-width: 1000px) {
.single-product__looks-slide {
padding: 25px;
}
.single-product__looks-slide h3 {
font-size: 38px;
line-height: 46px;
}
.single-product__looks-slide h4 {
font-size: 30px;
line-height: 38px;
}
.single-product__looks-slide p {
margin-bottom: 400px;
}
.single-product__looks-slide p,
.characteristics-card p {
font-size: 20px;
line-height: 27px;
}
.single-product__looks-slide-img {
height: 400px;
width: auto;
top: unset;
right: 50%;
transform: translateX(50%);
bottom: 25px;
max-width: unset;
max-height: unset;
}
.single-product__looks-slide-wrapper {
max-width: 100%;
}
.bid-block {
padding-right: 50px;
}
.bid-form {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.bid-block__title {
font-size: 45px;
line-height: 52px;
}
.bid-block__text {
font-size: 30px;
line-height: 45px;
}
.bid-form input {
width: 100%;
}
.bid-form .bid-form__btn {
width: 100%;
}
.bid-form__img {
width: 1111px;
bottom: -11%;
right: -250px;
}
.single-product__content .single-product__looks-slide-arrows {
justify-content: center;
gap: 30px;
top: unset;
bottom: 0;
transform: translateY(100%);
}
}
@media (max-width: 964px) {
.savaks-thankyou-card h1 {
font-size: 46px;
padding: 44px 94px;
}
}
@media (max-width: 900px) {
.single-product-also__slide h3 {
font-size: 40.12px;
line-height: 41.9px;
width: 90%;
}
.characteristics-gallery .works-gallery__tab {
font-size: 26px;
line-height: 26px;
}
.single-product-form__complect .complect-options {
justify-content: center;
gap: 20px;
}
.characteristics-card {
aspect-ratio: 1;
}
.bid-form__img {
right: -350px;
}
}
@media (max-width: 880px) {
.thanks-popup {
transform: translateY(195%);
}
.thanks-popup.active {
transform: translateY(235%);
}
.single-product__h2 {
font-size: 44px;
line-height: 54px;
margin-bottom: 40px;
}
.bid-block__subtitle {
font-size: 24px;
line-height: 36px;
}
form.checkout {
zoom: 1;
flex-direction: column;
align-items: center;
}
#customer_details {
padding: 35px 35px 54px;
}
.customer_details__title {
font-size: 30px;
margin-bottom: 32px;
}
.chekout-block__title {
font-size: 25px;
}
.chekout-block {
font-size: 18px;
height: 95px;
}
.chekout-blocks-wrapper {
margin-bottom: 40px;
}
.chekout-blocks--main {
margin-bottom: 45px;
}
.billing__title {
font-size: 28px;
margin-bottom: 18px;
}
}
@media (max-width: 800px) {
.bid-form__img {
width: 1025px;
bottom: -7%;
right: -300px;
}
}
@media (max-width: 843px) {
.single-product-form__accessory .carpet-accessory {
padding: 0 95px;
}
.stamps__title {
font-size: 38px;
line-height: 45px;
margin-bottom: 10px;
}
.stamps__subtitle {
font-size: 34px;
line-height: 42px;
}
.stamps-wrapper {
margin-top: 45px;
}
.stamps-wrapper__title {
font-size: 30px;
}
.models-row {
margin-top: 55px;
}
}
@media (max-width: 782px) {
.bid-block__title {
font-size: 40px;
line-height: 46px;
}
.bid-block__subtitle {
font-size: 20px;
line-height: 26px;
}
.bid-block__text {
font-size: 25px;
line-height: 30px;
}
}
@media (max-width: 770px) {
.woocommerce form.checkout table.shop_table td.product-name {
padding-right: 0;
}
.cart-empty-block {
margin-top: -50px;
}
.cart-empty-block svg {
transform: scale(0.6);
margin-bottom: -60px;
right: 15px;
}
.cart-empty-block__title {
font-size: 35px;
line-height: 160%;
}
.cart-others__title {
font-size: 28px;
}
}
@media (max-width: 760px) {
.thanks-popup {
transform: translateY(160%);
}
.thanks-popup.active {
transform: translateY(200%);
}
.single-product__h2 {
font-size: 40px;
}
.savaks-thankyou-card h2 {
font-size: 30px;
line-height: 30px;
margin-bottom: 40px;
margin-top: 67px;
}
.savaks-order-items th {
font-size: 24px;
line-height: 24px;
}
.savaks-final-total span {
font-size: 24px;
line-height: 24px;
}
.savaks-final-total strong {
font-size: 24px;
line-height: 24px;
}
.savaks-order-summary .label {
font-size: 16px;
margin-bottom: 10px;
}
.savaks-thankyou-card h1 {
font-size: 30px;
padding: 34px 75px;
}
.savaks-order-summary .value {
font-size: 13px;
}
.savaks-order-summary__block:nth-child(2),
.savaks-order-summary__block:nth-child(3) {
flex: 0.5;
}
}
@media (max-width: 560px) {
.cart-empty-block__title {
font-size: 27px;
}
.cart-empty-block__subtile {
font-size: 16px;
}
.cart-others__title {
font-size: 25px;
line-height: 150%;
}
}
@media (max-width: 425px) {
.cart-empty-block__link {
width: 100%;
}
.cart-empty-block__title {
font-size: 24px;
}
.cart-empty-block__subtile {
font-size: 15px;
}
.cart-others__title {
font-size: 22px;
}
}
@media (max-width: 730px) {
.characteristics-gallery .works-gallery__tabs {
margin-bottom: 15px;
}
.characteristics-gallery .works-gallery__tab {
font-size: 20px;
line-height: 20px;
}
.characteristics-grid__label,
.characteristics-grid__value {
font-size: 22px;
line-height: 36px;
}
.single-product-form__photo-mini {
width: 119px;
height: 119px;
}
.play-icon {
width: 57px;
height: 57px;
}
.single-product-form__border .border-options,
.single-product-form__color .color-options {
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.single-product__h1 {
font-size: 38.03px;
line-height: 45.88px;
}
.single-product__subtitle {
font-size: 30.95px;
line-height: 40px;
}
.single-product-form__accessory .carpet-accessory {
padding: 0;
justify-content: center;
}
.single-product__looks-slide-img {
height: auto;
max-height: 380px;
max-width: 100%;
}
.bid-form__img {
width: auto;
height: 450px;
right: unset;
left: 0;
}
.single-product-also .single-product__looks-slide-arrows {
padding: 0;
}
.single-product-also .single-product__looks-slide-arrow {
width: 37px;
height: 37px;
}
.single-product-also .single-product__looks-slide-arrow img {
width: 13px;
height: 24px;
}
}
@media (max-width: 720px) {
.stamps-block {
width: 50%;
}
}
@media (max-width: 710px) {
.single-product-form__border .border-options,
.single-product-form__color .color-options {
gap: 15px;
}
}
@media (max-width: 700px) {
.bid {
padding-bottom: 100px;
}
.bid-form__img {
width: auto;
height: 400px;
right: unset;
left: 0;
bottom: -1%;
}
.characteristics-gallery .works-gallery__tabs {
display: none;
}
.characteristics-gallery .gallery__selector {
margin-bottom: 50px;
}
.characteristics-gallery .gallery__selector-modal__content .works-gallery__tab {
display: block;
}
}
@media (max-width: 675px) {
.thanks-popup {
transform: translateY(135%);
}
.thanks-popup.active {
transform: translateY(175%);
}
.single-product__h2 {
font-size: 36px;
line-height: 46px;
margin-bottom: 30px;
}
.single-product-also__slide h3 {
font-size: 27px;
line-height: 34px;
}
}
@media (max-width: 645px) {
.single-product-form__border .border-options {
gap: 10px;
}
}
@media (max-width: 620px) {
.models-row {
gap: 45px;
}
.models-block {
width: 40%;
height: auto;
aspect-ratio: 0.9;
padding-bottom: 20px;
}
.models-block .models-block__name,
.models-block .models-block__year {
font-size: 15px;
}
.models-block img {
max-width: 120%;
height: auto;
}
}
@media (max-width: 600px) {
.savaks-order-summary {
flex-wrap: wrap;
}
.savaks-order-summary__block {
flex-shrink: 0;
flex: unset;
width: 50%;
padding: 10px 0;
border-bottom: 1px solid #b3b3b3;
}
.savaks-order-summary__block:nth-child(2),
.savaks-order-summary__block:nth-child(3) {
flex: unset;
}
.savaks-order-summary__block:nth-child(4),
.savaks-order-summary__block:nth-child(2) {
border-right: none;
}
.savaks-order-summary__block:nth-child(4),
.savaks-order-summary__block:nth-child(3) {
border-bottom: none;
}
}
@media (max-width: 585px) {
.single-product-form__border .border-options {
width: 300px;
margin: 0 auto;
}
.single-product-form__border .border-options label {
width: 75px;
height: auto;
aspect-ratio: 1;
}
}
@media (max-width: 580px) {
.single-product-form__form {
width: 100%;
}
.single-product-form__photo {
width: 100%;
}
}
@media (max-width: 560px) {
.single-product__h1 {
font-size: 24px;
line-height: 120%;
}
.stamps__title {
font-size: 26px;
line-height: 120%;
}
.stamps__subtitle {
font-size: 24px;
line-height: 120%;
}
.stamps-wrapper__title {
font-size: 22px;
}
.stamps-search input {
padding-left: 45px;
font-size: 18px;
}
.stamps-wrapper {
margin-top: 20px;
}
.stamps-search__icon {
left: 0;
}
.single-product__subtitle {
font-size: 20px;
line-height: 120%;
margin-bottom: 10px;
}
.single-product__articul {
font-size: 18px;
line-height: 120%;
margin-bottom: 30px;
}
.single-product-form__photo {
height: 280px;
}
.single-product-form__photo-mini {
width: 28%;
height: auto;
aspect-ratio: 1;
}
.play-icon {
width: 50%;
height: auto;
aspect-ratio: 1;
}
.single-product-form__border .border-options,
.single-product-form__color .color-options {
gap: 10px;
}
.single-product-form__color .color-options label {
width: 75px;
height: auto;
aspect-ratio: 1;
}
.single-product-form__form-img img {
max-height: 90%;
max-width: 95%;
height: auto;
}
.single-product-form__form {
margin-bottom: 155px;
}
.single-product-form__form h3 {
font-size: 24px;
line-height: 120%;
margin-bottom: 10px;
}
.single-product-form__form h3 span {
font-size: 24px;
line-height: 120%;
}
.single-product-form__color h3 {
font-size: 24px;
line-height: 120%;
margin-bottom: 10px;
}
.single-product-form__color {
margin-bottom: 50px;
}
.single-product-form__border h3 {
font-size: 24px;
line-height: 120%;
margin-bottom: 10px;
}
.single-product-form__border {
margin-bottom: 50px;
}
.single-product-form__complect h3 {
font-size: 24px;
line-height: 120%;
margin-bottom: 0;
}
.single-product-form__complect {
margin-bottom: 50px;
}
.single-product-form__accessory h3 {
font-size: 24px;
line-height: 120%;
margin-bottom: 10px;
}
.single-product-form__accessory {
margin-bottom: 50px;
}
.single-product-form__form-car {
width: 300px;
height: auto;
bottom: 0;
transform: translate(-47%, 70%);
}
.single-product-form-cart__left {
border-radius: 25px;
}
.single-product-form-cart-item__title h4,
.single-product-form-cart__summ h4 {
font-size: 24px;
line-height: 24px;
}
.single-product-form-cart-item__title span,
.single-product-form-cart__summ span {
font-size: 35px;
line-height: 35.12px;
}
.single-product-form-cart__left .button {
font-size: 30px;
line-height: 33.7px;
}
.single-product-form__accessory .carpet-accessory label,
.single-product-form__accessory .carpet-accessory .label {
width: 155px;
height: 175px;
border-radius: 13px;
}
.single-product-form__accessory .carpet-accessory label img,
.single-product-form__accessory .carpet-accessory .label img {
width: 90%;
max-height: 80%;
object-fit: contain;
}
.single-product-form__accessory .carpet-accessory .label img {
margin-bottom: 0;
}
.single-product-form__accessory .carpet-accessory .label div {
padding-left: 8px;
margin-bottom: 6px;
}
.single-product-form__accessory .carpet-accessory .label input {
width: 12px;
height: 12px;
margin-right: 5px;
}
.single-product-form__accessory .carpet-accessory {
justify-content: center;
gap: 30px 10px;
padding: 0 40px;
}
.single-product-form__accessory .carpet-accessory .accessory-item {
width: 155px;
}
.single-product-form__accessory .carpet-accessory h4 {
font-size: 15.57px;
line-height: 15.29px;
margin-bottom: 10px;
}
.single-product-form__accessory .carpet-accessory input {
bottom: 145px;
right: 10px;
width: 20px;
height: 20px;
}
.single-product-form__accessory .carpet-accessory .label p {
display: flex;
align-items: flex-end;
justify-content: space-between;
padding-right: 9px;
font-size: 12.46px;
line-height: 11.44px;
padding-right: 4px;
}
.single-product-form__accessory .carpet-accessory .label p span {
font-size: 12px;
line-height: 1;
white-space: nowrap;
}
.single-product__h2 {
font-size: 33px;
line-height: 120%;
margin-bottom: 20px;
}
.characteristics-gallery {
margin-bottom: 60px;
}
.characteristics-gallery .works-gallery__tabs {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.characteristics-gallery .slick-slide {
height: 100%;
min-height: 100%;
}
.characteristics-gallery .gallery__selector-modal__content .works-gallery__tab {
display: block;
font-size: 17px;
color: #ffffff;
font-weight: 500;
padding-bottom: 7px;
cursor: pointer;
text-decoration: none;
border: none;
}
.characteristics-gallery .gallery__selector {
margin-bottom: 35px;
}
.characteristics-gallery .works-gallery__tab.works-gallery__tab--active {
text-decoration: none;
border: none;
}
.characteristics-grid__label,
.characteristics-grid__value {
font-size: 16px;
line-height: 28px;
}
.single-product__looks {
margin-bottom: 80px;
}
.single-product-also {
margin-bottom: 100px;
}
.single-product-also__slider {
width: 100%;
}
.single-product-also .single-product-also__slider .slick-slide {
width: 100%;
}
.single-product-also__slide {
width: 100%;
height: unset;
aspect-ratio: 1.45;
}
.bid-block {
padding-left: 25px;
padding-top: 25px;
padding-right: 25px;
}
.bid-form {
flex-direction: column;
align-items: flex-start;
gap: 30px;
padding-top: 0;
margin-top: 30px;
}
.bid-form input {
width: 100%;
height: 85px;
font-size: 22px;
}
.bid-block__title {
font-size: 33px;
line-height: 120%;
}
.bid-block__subtitle {
font-size: 28px;
line-height: 110%;
}
.bid-block__text {
font-size: 24px;
line-height: 110%;
}
.bid-form .bid-form__btn {
width: 100%;
font-size: 30px;
}
.bid-form__img {
width: 150%;
height: unset;
right: unset;
left: 0;
bottom: -1%;
}
.single-product__content .single-product__looks-slide-arrows {
gap: 20px;
transform: translateY(75%);
}
.single-product__looks-slide-arrows {
padding: 0;
}
.single-product__looks-slide-arrow {
width: 37px;
height: 37px;
}
.single-product__looks-slide-arrow img {
width: 13px;
height: 24px;
}
.single-product__looks-slide {
height: fit-content;
}
.single-product__looks-slide h3 {
font-size: 28px;
line-height: 38px;
}
.single-product__looks-slide h4 {
font-size: 24px;
line-height: 32px;
}
.characteristics-card p {
font-size: 16px;
line-height: 24px;
}
.single-product__looks-slide p {
font-size: 16px;
line-height: 24px;
}
.single-product-also .single-product__looks-slide-arrows {
top: unset;
justify-content: center;
gap: 20px;
bottom: 0;
transform: translateY(125%);
}
.customer_details__title {
font-size: 25px;
margin-bottom: 24px;
}
.chekout-block__title {
font-size: 19px;
}
.billing__title {
font-size: 21px;
margin-bottom: 15px;
}
.woocommerce form.checkout .form-row .input-text {
font-size: 16px !important;
border-radius: 7px;
margin-bottom: 20px;
padding-left: 14px;
height: 55px;
}
#order_review {
width: 100%;
padding-bottom: 35px;
}
#order_review tbody .product-total {
margin-left: 10px;
}
#order_review tbody .product-thumbnail {
margin-right: 10px !important;
}
#billing__field textarea {
height: 125px;
}
.chekout-block__check {
width: 39px;
height: 36px;
left: 15px;
}
.chekout-block,
.chekout-blocks-three .chekout-block {
font-size: 15px;
height: 75px;
padding-left: 69px;
}
.order_review__title {
font-size: 23px;
padding-bottom: 10px;
margin-bottom: 15px;
}
#order_review thead .product-name {
font-size: 18px;
margin-bottom: 18px;
}
.product-thumbnail {
width: 75px;
height: 70px;
}
#order_review tbody .product-thumbnail::after {
width: 12px;
height: 12px;
top: -4px;
left: -4px;
}
.woocommerce form.checkout dl.variation {
font-size: 12px;
}
form.checkout .product-details {
font-size: 12px;
}
.woocommerce form.checkout dt.variation- {
font-size: 12px;
}
#order_review .woocommerce-Price-amount {
font-size: 13px;
}
#order_review tbody .product-total {
font-size: 13px;
}
#order_review .order-total th {
font-size: 18px;
}
#order_review .order-total td .woocommerce-Price-amount {
font-size: 18px;
}
#order_review .order-total {
padding-top: 15px;
margin-top: 35px;
}
.order_review__send {
margin-top: 35px;
font-size: 24px;
}
.order_review__policy {
font-size: 13px;
margin-top: 18px;
}
.single-product__looks-slide p {
margin-bottom: 330px;
}
.single-product__looks-slide-img {
height: auto;
max-height: 320px;
max-width: 100%;
}
.single-product-form__color .color-options.with_text_inside label .text-inside {
font-size: 32px;
}
.single-product-form__color .color-options.with_text_inside label .text-inside span {
font-size: 20px;
line-height: 11px;
}
}
@media (max-width: 540px) {
.savaks-thankyou-page {
padding: 50px 30px 50px;
}
.savaks-thankyou-card h1 {
font-size: 24px;
padding: 26px 65px;
border-radius: 15px;
}
.savaks-thankyou-card h2 {
font-size: 23px;
line-height: 23px;
margin-bottom: 30px;
margin-top: 45px;
}
.savaks-order-items th {
font-size: 18px;
line-height: 18px;
}
.savaks-final-total span,
.savaks-final-total strong {
font-size: 18px;
line-height: 18px;
}
.savaks-order-items .savaks-qty {
font-size: 16px;
line-height: 16px;
}
.savaks-order-items .savaks-sum {
font-size: 17px;
line-height: 17px;
}
.savaks-order-items .savaks-product {
font-size: 14px;
line-height: 18px;
}
}
@media (max-width: 515px) {
.models-block {
width: 42%;
padding-bottom: 20px;
}
}
@media (max-width: 490px) {
.single-product-form__complect .complect-options label {
width: 132px;
height: 132px;
border-radius: 18px;
}
.complect-item {
max-width: 132px;
}
.single-product-form__complect .complect-options label img {
width: 100%;
max-height: 100%;
object-fit: contain;
}
.single-product-form__complect .complect-options h4 {
font-size: 14.78px;
line-height: 17.2px;
padding-left: 4px;
}
.single-product-form__complect .complect-options h4 span {
font-size: 19.16px;
line-height: 18.2px;
}
.single-product-form__accessory .carpet-accessory {
padding: 0;
}
}
@media (max-width: 485px) {
.models-block .models-block__name,
.models-block .models-block__year {
font-size: 13px;
}
}
@media (max-width: 480px) {
.stamps-row {
justify-content: center;
}
.stamps-block {
width: 270px;
}
}
.models-block {
padding-bottom: 5px;
}
.models-block__span {
line-height: 1.5;
}
@media (max-width: 590px) {
.models-block__span {
font-size: 16px;
line-height: 26px;
}
}
@media (max-width: 460px) {
.models-row {
gap: 30px;
}
.models-block__span {
font-size: 14px;
line-height: 22px;
}
.models-block__name {
font-size: 15px;
}
}
@media (max-width: 450px) {
.thanks-popup {
transform: translateY(115%);
}
.thanks-popup.active {
transform: translateY(155%);
}
.bid {
padding-bottom: 50px;
}
.savaks-order-items th {
font-size: 15px;
line-height: 15px;
padding: 5px;
}
.savaks-thankyou-card h1 {
font-size: 20px;
padding: 23px 55px;
border-radius: 10px;
}
.savaks-thankyou-card h2 {
font-size: 19px;
line-height: 19px;
}
.savaks-final-total span,
.savaks-final-total strong {
font-size: 15px;
line-height: 15px;
}
.page-checkout .page-cart__title {
margin-bottom: 30px;
}
.page-cart__title span.active {
font-size: 35px;
}
.page-checkout .woocommerce form.checkout_coupon {
max-width: 100%;
}
.checkout_coupon__name {
font-size: 14px;
margin-bottom: 10px;
}
.woocommerce form.checkout_coupon .form-row-first,
.woocommerce form.checkout_coupon .form-row-last {
width: 100%;
}
.woocommerce form.checkout_coupon .form-row-last button.button {
margin-left: 0 !important;
margin-top: 10px;
}
}
.models-block .models-block__name {
margin-bottom: 20px;
}
.models-block .models-block__year {
line-height: 120%;
margin-bottom: 0;
}
@media (max-width: 425px) {
.models-block .models-block__name,
.models-block .models-block__year {
font-size: 12px;
line-height: 120%;
}
.models-block .models-block__name {
margin-bottom: 10px;
}
.models-block {
width: 45%;
padding-bottom: 15px;
margin-bottom: 20px;
}
.models-row {
gap: 20px;
}
.models-block img {
max-width: 110%;
}
.page-cart__title .active a {
font-size: 25px;
}
.page-cart__title span.active {
font-size: 25px;
}
.page-checkout .page-cart__title {
margin-bottom: 9px;
}
#customer_details {
padding: 22px 20px 35px;
}
.customer_details__title {
font-size: 22px;
margin-bottom: 20px;
}
.chekout-block__title {
font-size: 16px;
margin-bottom: 10px;
}
.chekout-blocks-wrapper {
margin-bottom: 25px;
}
.chekout-blocks--main {
margin-bottom: 30px;
}
.billing__title {
font-size: 19px;
margin-bottom: 13px;
}
.woocommerce form.checkout .form-row .input-text {
font-size: 14px !important;
margin-bottom: 15px;
padding-left: 11px;
height: 50px;
}
#billing__field textarea {
height: 95px;
}
form.checkout {
gap: 20px;
}
#order_review {
padding: 30px 20px;
}
.order_review__title {
font-size: 20px;
}
.order_review__send {
margin-top: 25px;
font-size: 22px;
}
.single-product__h2 {
font-size: 31px;
line-height: 40px;
}
.single-product-form__photo-mini span {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 12px solid rgba(217, 217, 217, 1);
margin-left: 5px;
}
.single-product-form__color .color-options label {
width: 55px;
height: auto;
aspect-ratio: 1;
border-radius: 10px;
}
.single-product-form__color .color-options.with_text_inside label .text-inside {
font-size: 27px;
line-height: 27px;
}
.single-product-form__color .color-options.with_text_inside label .text-inside span {
font-size: 18px;
line-height: 10px;
}
.single-product-form__border .border-options {
width: 250px;
margin: 0 auto;
}
.single-product-form__border .border-options label {
width: 55px;
height: auto;
aspect-ratio: 1;
border-radius: 4px;
}
.single-product-form {
margin-bottom: 39px;
}
.characteristics-card__title {
font-size: 26px;
line-height: 32px;
margin-bottom: 25px;
}
.characteristics-card p {
font-size: 15px;
line-height: 17px;
}
.single-product__looks-slide p {
margin-bottom: 270px;
}
.single-product__looks-slide-img {
height: 260px;
}
.single-product-also__slide h3 {
width: 100%;
font-size: 25px;
line-height: 28px;
}
.single-product-also__slide .single-product-button {
font-size: 23.12px;
line-height: 47.04px;
}
.single-product-form__border .border-options {
gap: 10px;
}
.single-product__looks-slide {
height: fit-content;
}
.single-product__looks-slide h3 {
font-size: 22px;
line-height: 29px;
margin-bottom: 10px;
}
.single-product__looks-slide h4 {
font-size: 20px;
line-height: 26px;
margin-bottom: 15px;
}
.single-product__looks-slide p {
font-size: 15px;
line-height: 17px;
}
.bid-block {
padding-bottom: 210px;
}
.bid-block__title {
font-size: 24px;
line-height: 120%;
margin-bottom: 5px;
}
.bid-block__subtitle {
font-size: 20px;
line-height: 110%;
margin-bottom: 15px;
margin-top: 10px;
}
.bid-block__text {
font-size: 18px;
line-height: 110%;
}
.bid-form input {
height: 70px;
font-size: 16px;
}
.bid-form .bid-form__btn {
font-size: 25px;
}
}
.wpcf7-response-output {
display: none !important;
}
@media (max-width: 400px) {
.single-product-form__complect .complect-options {
padding: 0;
}
.single-product-form-cart__about,
.single-product-form-cart.single-product-form-cart_old .single-product-form-cart__about {
display: flex;
align-items: center;
width: 310px;
height: 90px;
padding: 28px 0 28px 128px;
border-radius: 13px;
font-size: 19px;
}
.single-product-form-cart__about img,
.single-product-form-cart.single-product-form-cart_old .single-product-form-cart__about img {
width: 180px;
height: 180px;
}
.single-product-form-cart__left {
bottom: 490px;
padding: 30px 20px;
}
.single-product-form-cart-item__title h4,
.single-product-form-cart__summ h4 {
font-size: 21px;
line-height: 22px;
}
.single-product-form-cart-item__title span,
.single-product-form-cart__summ span {
font-size: 30px;
line-height: 30.12px;
}
}
@media (max-width: 385px) {
.single-product__h2 {
font-size: 28px;
line-height: 36px;
margin-bottom: 20px;
}
.single-product-also__slide h3 {
width: 90%;
font-size: 22px;
line-height: 25px;
}
.single-product-also__slide .single-product-button {
font-size: 20.12px;
line-height: 40.04px;
}
}
@media (max-width: 370px) {
.savaks-thankyou-page {
padding: 30px 20px 35px;
}
.savaks-thankyou-card h1 {
font-size: 17px;
padding: 20px 45px;
}
.savaks-order-summary .label {
font-size: 14px;
margin-bottom: 5px;
}
.savaks-order-summary .value {
font-size: 11px;
}
.savaks-thankyou-card h2 {
font-size: 16px;
line-height: 14px;
margin-bottom: 30px;
margin-top: 30px;
}
.savaks-order-items th {
font-size: 14px;
line-height: 14px;
}
.savaks-order-items .savaks-product {
font-size: 12px;
line-height: 14px;
}
.savaks-order-items .savaks-qty {
font-size: 14px;
line-height: 14px;
}
.savaks-order-items .savaks-sum {
font-size: 14px;
line-height: 14px;
}
.savaks-final-total span,
.savaks-final-total strong {
font-size: 14px;
line-height: 14px;
}
.savaks-order-items th,
.savaks-order-items td {
border-bottom: 1px solid #ddd;
}
#order_review tbody .product-thumbnail {
margin-right: 5px !important;
}
#order_review tbody .product-total {
margin-left: 5px;
}
#order_review tbody .product-thumbnail {
width: 70px;
height: fit-content;
}
.order_review__policy {
font-size: 11px;
}
.order_review__policy input {
width: 13px;
height: 13px;
}
.models-block {
border-radius: 18px;
margin-bottom: 18px;
}
}
@media (max-width: 360px) {
.single-product-also__slide h3 {
width: 100%;
font-size: 22px;
line-height: 22px;
}
}
@media (max-width: 340px) {
.single-product-form__accessory .carpet-accessory .accessory-item {
width: 145px;
}
.single-product-form__accessory .carpet-accessory h4 {
font-size: 14.57px;
}
.single-product-form__accessory .carpet-accessory label,
.single-product-form__accessory .carpet-accessory .label {
width: 145px;
height: 160px;
}
.single-product-form__accessory .carpet-accessory input {
bottom: 134px;
right: 8px;
width: 18px;
height: 18px;
}
.single-product-form__accessory .carpet-accessory .label p {
font-size: 11px;
line-height: 10.44px;
}
.bid-block {
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
}
.stamps-search input {
font-size: 17px;
}
}
@media screen and (max-width: 767px) {
.cart-modal-abc {
display: none;
}
.navbar__basket-circle {
box-sizing: border-box !important;
}
[data-aos] {
opacity: 1 !important; transform: translate(0) scale(1) !important; transition: none !important; }
.bottom-text h2,
.bottom-text h3,
.bottom-text h4,
.bottom-text h5,
.bottom-text h1 {
font-size: 20px;
margin-bottom: 30px;
}
.navbar {
z-index: 2 !important;
}
}
.promo__bottom-information__button {
display: flex;
align-items: center;
justify-content: center;
}
.promo__information-title strong {
color: #025eff;
}
.slick-arrow.slick-disabled {
opacity: 0;
pointer-events: none;
}
.delivery__container strong {
font-weight: 700;
color: #ffffff;
}
.reviews__slider .slick-dots li {
width: 71px;
height: 8px;
cursor: pointer;
border-radius: 3px;
background: linear-gradient(rgb(2, 42, 128), rgb(4, 44, 110));
margin: 0px 5px;
transition: 0.4s all ease;
}
.about__information-text-wrapper {
margin-top: 30px;
width: 600px;
font-size: 15px;
letter-spacing: 0px;
color: #ffffff;
margin-bottom: -20px;
}
.about__information-text-wrapper p {
margin-bottom: 20px;
}
.reviews__slider .slick-dots li.slick-active {
background: linear-gradient(rgb(4, 96, 245), rgb(8, 78, 203));
}
.reviews .slick-dots {
bottom: -75px;
}
.slick-dots li button {
display: none;
}
.slick-dots li button:before {
display: none;
}
.info__information p {
font-size: 19px;
letter-spacing: 0px;
color: #f6f3f3;
margin-bottom: 20px;
font-weight: 400;
}
.info__information {
margin-bottom: -20px;
}
.photo-bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.gallery__slide__new {
width: 32%;
height: 229px;
margin-bottom: 25px;
display: block;
border-radius: 20px;
}
.gallery__slider {
width: 100%;
}
.gallery__slide {
width: 100%;
}
.gallery__slider .gallery__slide-content {
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
margin-left: 0;
max-width: 1120px;
margin-right: auto;
margin-left: auto;
position: relative;
right: 6px;
}
@media (max-width: 980px) {
.header__content {
padding-top: 30px;
}
.promo__rating__photo {
width: 200px;
height: 75px;
background-size: 100%;
margin-right: -20px;
}
}
@media (max-width: 760px) {
.header__content {
padding-top: 25px;
}
}
@media (max-width: 675px) {
.header__content {
padding-top: 20px;
}
}
.header__logo {
display: flex;
}
.header__logo-icon img {
width: 95%;
}
@media (max-width: 880px) {
.header__logo-icon img {
width: 90%;
}
}
.gallery__slide__new.stable {
opacity: 0;
margin: 0px;
pointer-events: none;
height: 1px;
}
.reviews__video-card {
display: block;
}
.reviews__slider {
width: 100%;
}
@media (max-width: 768px) {
.header__logo-icon img {
width: 134px;
}
}
@media (max-width: 760px) {
.gallery__slide__new {
width: 48%;
margin-bottom: 15px;
height: 110px;
border-radius: 10px;
}
.gallery__slide__new.stable {
display: none;
}
.gallery__slider .gallery__slide-content {
right: 0px;
}
.header__logo-icon img {
width: 120px;
}
.gallery__slider .gallery__slide-content {
padding-right: 5px;
padding-left: 5px;
}
.delivery__case-item {
position: static !important;
}
.delivery__case-map {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.delivery__case-title {
margin-bottom: 20px;
}
}
@media (max-width: 450px) {
.header__logo-icon img {
width: 100px;
}
}
@media (max-width: 350px) {
.header__logo-icon img {
width: 90px;
}
}
.header__logo-information {
margin-left: 10px;
}
@media (max-width: 880px) {
.header__logo-information {
margin-left: 0px;
}
}
@media (max-width: 768px) {
.header__logo-information {
margin-left: 8px;
}
}
@media (max-width: 760px) {
.header__logo-information {
display: none;
}
}
.header__logo-information__up {
font-size: 17px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
}
@media (max-width: 1300px) {
.header__logo-information__up {
font-size: 15px;
}
.about__information h6 span {
display: block;
text-align: center;
}
}
@media (max-width: 768px) {
.header__logo-information__up {
font-size: 13px;
}
}
.header__logo-information__down {
font-size: 17px;
font-weight: 500;
color: #ffffff;
}
.header__adress {
display: flex;
}
@media (max-width: 1160px) {
.header__adress {
display: none;
}
}
.header__adress-icon {
border-radius: 9px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.header__adress-icon img {
width: 40px;
height: 40px;
transition: box-shadow 0.3s;
border-radius: 12px;
}
.header__adress-icon img:hover {
box-shadow: 0 0 10px rgba(246, 243, 243, 0.8);
}
.header__adress-text__up {
font-size: 17px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
}
.header__adress-text__down {
font-size: 17px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
}
.header__messenger {
display: flex;
}
@media (max-width: 1080px) {
.header__messenger {
margin-left: 20px;
}
}
@media (max-width: 980px) {
.header__messenger {
display: none;
}
}
.header__messenger-icons {
display: flex;
margin-right: 10px;
}
.header__messenger-icons__telegram {
width: 40px;
height: 40px;
border-radius: 9px;
background-color: #27a7e7;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
transition: box-shadow 0.3s;
}
.header__messenger-icons__telegram:hover {
box-shadow: 0 0 10px rgba(39, 167, 231, 0.8);
}
.header__messenger-icons__whatsapp {
width: 40px;
height: 40px;
border-radius: 9px;
background-color: #435bed;
display: flex;
justify-content: center;
align-items: center;
transition: box-shadow 0.3s;
}
.header__messenger-icons__whatsapp:hover {
box-shadow: 0 0 10px rgb(0, 205, 255);
}
.header__messenger-text__up {
font-size: 17px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
}
.header__messenger-text__down {
font-size: 17px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
}
.header__phone {
display: flex;
}
.header__phone-icon {
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
margin-top: 5px;
transition: box-shadow 0.3s;
}
@media (max-width: 880px) {
.header__phone-icon {
margin-top: 0px;
margin-right: 8px;
}
}
@media (max-width: 760px) {
.header__phone-icon {
margin-right: 5px;
margin-top: 4px;
}
}
@media (max-width: 450px) {
.header__phone-icon {
display: none;
}
}
.header__phone-icon img {
width: 40px;
height: 40px;
transition: box-shadow 0.3s;
border-radius: 12px;
}
@media (max-width: 768px) {
.header__phone-icon img {
width: 38px;
height: 38px;
}
}
@media (max-width: 760px) {
.header__phone-icon img {
width: 30px;
height: 30px;
}
}
.header__phone-icon img:hover {
box-shadow: 0 0 10px rgba(246, 243, 243, 0.8);
}
.header__phone-information {
padding-top: 9px;
}
@media (max-width: 880px) {
.header__phone-information {
padding-top: 1px;
}
}
@media (max-width: 760px) {
.header__phone-information {
padding-top: 3px;
}
}
@media (max-width: 450px) {
.header__phone-information {
padding-top: 0px;
}
}
.header__phone-information__number {
font-size: 31px;
letter-spacing: -1px;
color: #ffffff;
font-weight: 900;
display: block;
text-align: right;
transition: color 0.3s;
}
@media (max-width: 1300px) {
.header__phone-information__number {
font-size: 27px;
}
}
@media (max-width: 880px) {
.header__phone-information__number {
font-size: 26px;
}
}
@media (max-width: 760px) {
.header__phone-information__number {
font-size: 20px;
}
}
@media (max-width: 450px) {
.header__phone-information__number {
font-size: 19px;
}
}
@media (max-width: 350px) {
.header__phone-information__number {
font-size: 17px;
}
}
.header__phone-information__number:hover {
color: #025eff;
}
.header__phone-information__time {
display: flex;
align-items: center;
margin-top: -5px;
}
.header__phone-information__time .dot {
display: flex;
align-items: center;
}
@media (max-width: 760px) {
.header__phone-information__time .dot img {
width: 20px;
height: 20px;
}
}
@media (max-width: 450px) {
.header__phone-information__time .dot img {
width: 15px;
height: 15px;
}
}
.header__phone-information__time .time__text {
font-size: 17px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
}
@media (max-width: 1300px) {
.header__phone-information__time .time__text {
font-size: 14px;
}
}
@media (max-width: 880px) {
.header__phone-information__time .time__text {
font-size: 13px;
}
}
@media (max-width: 760px) {
.header__phone-information__time .time__text {
font-size: 10px;
}
}
@media (max-width: 350px) {
.header__phone-information__time .time__text {
font-size: 9px;
}
}
.header__logo-burger {
display: none;
}
@media (max-width: 675px) {
.header__logo-burger {
display: block;
margin-right: 5px;
cursor: pointer;
z-index: 9;
}
}
.border-one {
display: block;
width: 35px;
height: 3px;
background-color: #025eff;
margin: 4px 0px;
border-radius: 25px;
}
@media (max-width: 450px) {
.border-one {
width: 25px;
height: 2px;
}
}
.border-three {
display: block;
width: 26px;
height: 3px;
background-color: #025eff;
margin: 4px 0;
border-radius: 25px;
}
@media (max-width: 450px) {
.border-three {
width: 16px;
height: 2px;
}
}
.header__logo-burger__menu {
position: fixed;
top: 0;
left: -100%; width: 40%;
height: 100%;
transition: left 0.6s ease-in-out; z-index: 10; }
@media (max-width: 650px) {
.header__logo-burger__menu {
width: 50%;
}
}
@media (max-width: 520px) {
.header__logo-burger__menu {
width: 100%;
}
}
.header__logo-burger__menu li {
list-style: none;
padding-bottom: 14px;
}
.header__logo-burger__menu li a {
color: #ffffff;
font-size: 22px;
}
.header__logo-burger__menu li a:hover {
color: #025eff;
}
.header__logo-burger.active + .header__logo-burger__menu {
left: 0; }
.burger__menu-content {
padding: 60px 30px;
}
.burger__menu-bottom {
margin-top: 25px;
}
.burger__menu-phone {
display: flex;
justify-content: left;
align-items: center;
}
.burger__menu-phone__icon img {
width: 10px;
}
.burger__menu-phone__number {
font-size: 17px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
margin-left: 15px;
}
.burger__menu-phone__number:hover {
color: #025eff;
}
.burger__menu-time {
display: flex;
align-items: center;
margin-top: 3px;
}
.burger__menu-time__text {
font-size: 13px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
}
.burger__menu-adress {
display: flex;
justify-content: left;
align-items: center;
margin-top: 15px;
}
.burger__menu-adress__icon img {
width: 14px;
}
.burger__menu-adress__adress {
font-size: 17px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
margin-left: 15px;
}
.burger__menu-social {
display: flex;
justify-content: left;
align-items: center;
margin-top: 15px;
}
.burger__menu-social__whatsapp {
margin-left: 7px;
}
.burger__menu-social__whatsapp img {
width: 30px;
height: 30px;
}
.burger__menu-social__telegram img {
width: 30px;
height: 30px;
}
.close-burger {
font-size: 28px;
color: #ffffff;
display: block;
right: 10px;
position: absolute;
top: 10px;
cursor: pointer;
transition: transform 0.5s ease;
}
.close-burger:hover {
scale: 1.2;
}
.main {
overflow: hidden;
}
.section {
flex: 1;
position: relative;
}
.up-component,
.middle-component,
.down-component {
position: relative;
}
.glow_up-component {
position: absolute;
width: 250px;
height: 574px;
filter: blur(180px);
background: #025eff;
transform: translate3d(0, 0, 0);
z-index: 1;
}
@media (max-width: 675px) {
.glow_up-component {
width: 150px;
height: 374px;
}
}
@media (max-width: 550px) {
.glow_up-component {
width: 165px;
height: 500px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_up-component::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__up-component_right {
top: 425px;
right: 0;
}
@media (max-width: 675px) {
.glow__up-component_right {
top: 50px;
}
}
@media (max-width: 550px) {
.glow__up-component_right {
top: 400px;
}
}
.glow__up-component_left {
top: 18px;
left: -169px;
}
@media (max-width: 550px) {
.glow__up-component_left {
top: 70px;
}
}
.container {
width: 1330px;
margin: 0 auto;
}
@media (max-width: 1400px) {
.container {
width: 1300px;
}
}
@media (max-width: 1330px) {
.container {
width: 95%;
}
}
.screen-reader-text {
width: 0px !important;
} ::-webkit-scrollbar {
width: 12px; }
::-webkit-scrollbar-track {
background-color: #17191d; }
::-webkit-scrollbar-thumb {
background-color: #035af4; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover {
background-color: #024aa1; }
.navbar {
padding-top: 35px;
position: relative;
z-index: 2;
}
@media (max-width: 675px) {
.navbar {
padding-top: 20px;
}
}
.navbar__container {
width: 100%;
height: 85px;
padding: 10px 15px;
border-radius: 8px;
background-color: #f6f3f3;
border: 1px solid #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1400px) {
.navbar__container {
height: auto;
}
}
@media (max-width: 880px) {
.navbar__container {
padding: 10px 10px;
}
}
@media (max-width: 760px) {
.navbar__container {
padding: 8px 8px;
}
}
@media (max-width: 575px) {
.navbar__container {
padding: 7px 7px;
}
}
.navbar__left {
display: flex;
}
.navbar__button {
display: flex;
align-items: center;
justify-content: center;
width: 228px;
height: 57px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border: none;
text-align: center;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
cursor: pointer;
}
@media (max-width: 1400px) {
.navbar__button {
width: 210px;
height: 50px;
font-size: 18px;
}
}
@media (max-width: 1080px) {
.navbar__button {
width: 200px;
height: 50px;
font-size: 18px;
}
}
@media (max-width: 980px) {
.navbar__button {
width: 180px;
height: 40px;
font-size: 16px;
}
}
@media (max-width: 880px) {
.navbar__button {
width: 160px;
font-size: 15px;
}
}
@media (max-width: 768px) {
.navbar__button {
width: 165px;
font-size: 15px;
}
}
@media (max-width: 760px) {
.navbar__button {
width: 140px;
height: 35px;
font-size: 13px;
}
}
@media (max-width: 575px) {
.navbar__button {
width: 140px;
height: 30px;
font-size: 12px;
}
}
@media (max-width: 350px) {
.navbar__button {
width: 130px;
}
}
.navbar__button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d);
}
.navbar__button a {
color: #ffffff;
}
.navbar__items {
display: flex;
margin-left: 75px;
align-items: center;
}
@media (max-width: 1080px) {
.navbar__items {
margin-left: 50px;
}
}
@media (max-width: 980px) {
.navbar__items {
margin-left: 30px;
}
}
@media (max-width: 880px) {
.navbar__items {
margin-left: 20px;
}
}
@media (max-width: 768px) {
.navbar__items {
margin-left: 35px;
}
}
@media (max-width: 760px) {
.navbar__items {
margin-left: 20px;
}
}
@media (max-width: 675px) {
.navbar__items {
display: none;
}
}
.navbar__item {
font-size: 22px;
letter-spacing: 0px;
line-height: 41px;
color: #ffffff;
font-weight: 400;
transition: color 0.3s;
cursor: pointer;
}
@media (max-width: 1400px) {
.navbar__item {
font-size: 20px;
}
}
@media (max-width: 1180px) {
.navbar__item {
font-size: 18px;
}
}
@media (max-width: 880px) {
.navbar__item {
font-size: 14px;
line-height: 38px;
}
}
.navbar__item:hover {
color: #025eff;
}
.navbar__items li a {
font-size: 22px;
letter-spacing: 0px;
color: #232324;
font-weight: 500;
margin-right: 33px;
cursor: pointer;
text-decoration: none;
transition: color 0.3s;
}
@media (max-width: 1400px) {
.navbar__items li a {
font-size: 20px;
}
}
@media (max-width: 1330px) {
.navbar__items li a {
margin-right: 25px;
}
}
@media (max-width: 1300px) {
.navbar__items li a {
margin-right: 15px;
font-size: 20px;
}
}
@media (max-width: 988px) {
.navbar__items li a {
font-size: 18px;
}
}
@media (max-width: 885px) {
.navbar__items li a {
font-size: 16px;
margin-right: 10px;
}
}
@media (max-width: 768px) {
.navbar__items li a {
font-size: 15px;
}
}
@media (max-width: 760px) {
.navbar__items li a {
font-size: 14px;
}
}
.navbar__items li a:hover {
color: #025eff;
}
.navbar .navbar__item.active a {
color: rgb(34, 100, 251);
}
.navbar__basket {
display: flex;
position: relative;
margin-right: 20px;
}
@media (max-width: 768px) {
.navbar__basket {
margin-right: 15px;
}
}
@media (max-width: 980px) {
.navbar__basket img {
width: 30px;
height: 30px;
}
}
@media (max-width: 880px) {
.navbar__basket img {
width: 27px;
height: 27px;
}
}
@media (max-width: 760px) {
.navbar__basket img {
width: 24px;
height: 24px;
}
}
@media (max-width: 575px) {
.navbar__basket img {
width: 23px;
height: 23px;
}
}
.navbar__basket-circle {
position: absolute;
border-radius: 50%;
padding: 3px;
box-sizing: content-box;
background-color: #f1f0f0;
border: 1px solid #ffffff;
display: flex;
align-items: center;
justify-content: center;
top: -12px;
right: -17px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7);
}
@media (max-width: 980px) {
.navbar__basket-circle {
}
}
@media (max-width: 880px) {
.navbar__basket-circle {
}
}
@media (max-width: 760px) {
.navbar__basket-circle {
}
}
@media (max-width: 575px) {
.navbar__basket-circle {
}
}
.navbar__basket-circle {
min-width: 18px;
min-height: 18px;
}
.navbar__basket-circle__number {
font-size: 12px;
font-weight: 500;
color: #232324;
}
@media (max-width: 980px) {
.navbar__basket-circle__number {
}
}
@media (max-width: 880px) {
.navbar__basket-circle__number {
}
}
@media (max-width: 768px) {
.navbar__basket-circle__number {
}
}
@media (max-width: 760px) {
.navbar__basket-circle__number {
}
}
.promo-top {
display: none;
}
@media (max-width: 550px) {
.promo-top {
display: flex;
justify-content: left;
padding-top: 40px;
position: relative;
z-index: 3;
}
}
.promo-top__title {
font-size: 28px;
width: 100%;
letter-spacing: -1px;
color: #f6f9ff;
font-weight: 500;
line-height: normal;
}
.promo-top__title__span {
color: #025eff;
}
.promo {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
z-index: 1;
}
@media (max-width: 675px) {
.promo {
padding-top: 40px;
padding-bottom: 25px;
}
}
@media (max-width: 550px) {
.promo {
padding-top: 35px;
}
}
.promo__content {
display: flex;
}
.woocommerce-cart-form__cart-item {
margin-bottom: 20px;
}
.woocommerce-cart-form__cart-item:last-child {
margin-bottom: 0;
}
.woocommerce-cart-form {
padding-bottom: 30px;
}
.promo__information.organizer {
margin-right: 90px;
}
@media (max-width: 1330px) {
.promo__information.organizer {
margin-right: 75px;
}
}
@media (max-width: 1300px) {
.promo__information.organizer {
margin-right: 140px;
}
}
@media (max-width: 1275px) {
.promo__information.organizer {
margin-right: 90px;
}
}
@media (max-width: 1220px) {
.promo__information.organizer {
margin-right: 60px;
}
}
@media (max-width: 1190px) {
.promo__information.organizer {
margin-right: 40px;
}
}
@media (max-width: 1160px) {
.promo__information.organizer {
margin-right: 20px;
}
}
@media (max-width: 980px) {
.promo__information.organizer {
margin-right: 70px;
}
}
@media (max-width: 950px) {
.promo__information.organizer {
margin-right: 20px;
}
}
@media (max-width: 675px) {
.promo__information.organizer {
margin-right: 40px;
}
}
@media (max-width: 620px) {
.promo__information.organizer {
margin-right: 20px;
}
}
.promo__information.capes {
margin-right: 300px;
}
@media (max-width: 1180px) {
.promo__information.capes {
margin-right: 240px;
}
}
@media (max-width: 1080px) {
.promo__information.capes {
margin-right: 210px;
}
}
@media (max-width: 880px) {
.promo__information.capes {
margin-right: 170px;
}
}
@media (max-width: 768px) {
.promo__information.capes {
margin-right: 120px;
}
}
@media (max-width: 760px) {
.promo__information.capes {
margin-right: 40px;
}
}
@media (max-width: 1330px) {
.promo__information.vors {
margin-right: 125px;
}
}
@media (max-width: 1300px) {
.promo__information.vors {
margin-right: 180px;
}
}
@media (max-width: 1250px) {
.promo__information.vors {
margin-right: 125px;
}
}
@media (max-width: 1090px) {
.promo__information.vors {
margin-right: 70px;
}
}
@media (max-width: 885px) {
.promo__information.vors {
margin-right: 100px;
}
}
@media (max-width: 827px) {
.promo__information.vors {
margin-right: 70px;
}
}
@media (max-width: 768px) {
.promo__information.vors {
margin-right: 40px;
}
}
@media (max-width: 760px) {
.promo__information.vors {
margin-right: 80px;
}
}
@media (max-width: 675px) {
.promo__information.vors {
margin-right: 120px;
}
}
@media (max-width: 665px) {
.promo__information.vors {
margin-right: 110px;
}
}
@media (max-width: 655px) {
.promo__information.vors {
margin-right: 100px;
}
}
@media (max-width: 645px) {
.promo__information.vors {
margin-right: 90px;
}
}
@media (max-width: 635px) {
.promo__information.vors {
margin-right: 80px;
}
}
@media (max-width: 625px) {
.promo__information.vors {
margin-right: 70px;
}
}
@media (max-width: 615px) {
.promo__information.vors {
margin-right: 60px;
}
}
@media (max-width: 605px) {
.promo__information.vors {
margin-right: 50px;
}
}
@media (max-width: 595px) {
.promo__information.vors {
margin-right: 40px;
}
}
@media (max-width: 585px) {
.promo__information.vors {
margin-right: 30px;
}
}
.promo__information {
margin-right: 170px;
}
.cart-collaterals {
flex-shrink: 1;
}
.woocommerce-cart-form {
max-width: 852px;
}
@media (max-width: 1300px) {
.checkout-button {
font-size: 18px !important;
}
.cart-collaterals {
padding-right: 20px;
padding-left: 20px;
}
.woocommerce-cart-form {
max-width: 750px;
}
.product-quantity,
.product-price,
.product-subtotal {
width: 154px;
}
.woocommerce table.shop_table .woocommerce-shipping-totals td {
padding-left: 10px;
}
.promo__information {
margin-right: 200px;
}
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
display: flex !important;
flex-direction: column;
}
.woocommerce-page.columns-3 ul.products li.product a.woocommerce-loop-product__link,
.woocommerce.columns-3 ul.products li.product a.woocommerce-loop-product__link {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.woocommerce-page.columns-3 ul.products li.product .woocommerce-loop-product__title,
.woocommerce.columns-3 ul.products li.product .woocommerce-loop-product__title {
margin-top: auto;
}
@media (max-width: 1130px) {
.woocommerce-cart-form {
max-width: 689px;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 32.3%;
}
}
@media (max-width: 1050px) {
.basket-wrapper {
flex-direction: column;
gap: 0px;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 49%;
}
.woocommerce.columns-3 ul.products li.product:last-child {
display: none !important;
}
.page-cart__title {
font-size: 25px;
}
.woocommerce-cart-form {
max-width: 100%;
margin-bottom: 20px;
}
.cart-collaterals {
width: 100% !important;
}
.page-cart__title {
margin-bottom: 60px;
}
.cart-collaterals table tbody {
display: block;
width: 100%;
}
.coupon {
left: unset;
right: 20px;
bottom: -82px;
}
#coupon_code {
box-shadow: unset;
}
}
@media (max-width: 1250px) {
.promo__information {
margin-right: 140px;
}
}
@media (max-width: 1200px) {
.cart-others .products {
gap: 0px;
}
.woocommerce ul.products li.product .button {
width: 100%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
padding-left: 20px;
padding-right: 20px;
}
.promo__information {
margin-right: 120px;
}
}
@media (max-width: 1180px) {
.promo__information {
margin-right: 100px;
}
}
@media (max-width: 1080px) {
.promo__information {
margin-right: 80px;
}
}
@media (max-width: 980px) {
.promo__information {
margin-right: 150px;
}
}
@media (max-width: 967px) {
.promo__information {
margin-right: 140px;
}
}
@media (max-width: 957px) {
.promo__information {
margin-right: 130px;
}
}
@media (max-width: 947px) {
.promo__information {
margin-right: 120px;
}
}
@media (max-width: 937px) {
.promo__information {
margin-right: 110px;
}
}
@media (max-width: 927px) {
.promo__information {
margin-right: 100px;
}
}
@media (max-width: 917px) {
.promo__information {
margin-right: 90px;
}
}
@media (max-width: 907px) {
.promo__information {
margin-right: 80px;
}
}
@media (max-width: 897px) {
.promo__information {
margin-right: 70px;
}
}
@media (max-width: 887px) {
.promo__information {
margin-right: 60px;
}
}
@media (max-width: 880px) {
.promo__information {
margin-right: 120px;
}
}
@media (max-width: 848px) {
.promo__information {
margin-right: 110px;
}
}
@media (max-width: 838px) {
.promo__information {
margin-right: 100px;
}
}
@media (max-width: 828px) {
.promo__information {
margin-right: 90px;
}
}
@media (max-width: 818px) {
.promo__information {
margin-right: 80px;
}
}
@media (max-width: 808px) {
.promo__information {
margin-right: 70px;
}
}
@media (max-width: 798px) {
.promo__information {
margin-right: 60px;
}
}
@media (max-width: 788px) {
.promo__information {
margin-right: 50px;
}
}
@media (max-width: 778px) {
.promo__information {
margin-right: 40px;
}
}
@media (max-width: 768px) {
.promo__information {
margin-right: 35px;
}
}
@media (max-width: 760px) {
.promo__information {
margin-right: 60px;
}
}
@media (max-width: 675px) {
.promo__information {
margin-right: 120px;
}
}
@media (max-width: 665px) {
.promo__information {
margin-right: 110px;
}
}
@media (max-width: 655px) {
.promo__information {
margin-right: 100px;
}
}
@media (max-width: 645px) {
.promo__information {
margin-right: 90px;
}
}
@media (max-width: 635px) {
.promo__information {
margin-right: 80px;
}
}
@media (max-width: 625px) {
.promo__information {
margin-right: 70px;
}
}
@media (max-width: 615px) {
.promo__information {
margin-right: 60px;
}
}
@media (max-width: 605px) {
.promo__information {
margin-right: 50px;
}
}
@media (max-width: 595px) {
.promo__information {
margin-right: 40px;
}
}
@media (max-width: 585px) {
.promo__information {
margin-right: 30px;
}
}
@media (max-width: 550px) {
.promo__information {
margin-right: 0px;
margin-top: 50px;
}
}
@media (max-width: 460px) {
.promo__information {
margin-top: 30px;
}
}
.promo__information-title {
width: 536px;
font-size: 49px;
letter-spacing: -1px;
color: #f6f9ff;
font-weight: 500;
line-height: 49px;
}
@media (max-width: 1400px) {
.promo__information-title {
font-size: 45px;
line-height: 44px;
}
}
@media (max-width: 1300px) {
.promo__information-title {
font-size: 42px;
width: 456px;
}
}
@media (max-width: 1180px) {
.promo__information-title {
font-size: 38px;
width: 410px;
}
}
@media (max-width: 1080px) {
.promo__information-title {
font-size: 30px;
width: 320px;
line-height: 35px;
}
}
@media (max-width: 880px) {
.promo__information-title {
font-size: 28px;
width: 297px;
line-height: normal;
}
}
@media (max-width: 675px) {
.promo__information-title {
font-size: 27px;
width: 286px;
}
}
@media (max-width: 575px) {
.promo__information-title {
font-size: 25px;
width: 263px;
}
}
@media (max-width: 550px) {
.promo__information-title {
display: none;
}
}
.promo__information-title__span {
color: #025eff;
}
.promo__information-subtitle {
font-size: 42px;
letter-spacing: -1px;
color: #f6f9ff;
font-weight: 500;
margin-top: 15px;
}
@media (max-width: 1400px) {
.promo__information-subtitle {
font-size: 38px;
}
}
@media (max-width: 1300px) {
.promo__information-subtitle {
font-size: 37px;
}
}
@media (max-width: 1160px) {
.promo__information-subtitle {
font-size: 35px;
}
}
@media (max-width: 1080px) {
.promo__information-subtitle {
font-size: 34px;
}
}
@media (max-width: 980px) {
.promo__information-subtitle {
font-size: 27px;
}
}
@media (max-width: 880px) {
.promo__information-subtitle {
font-size: 25px;
}
}
@media (max-width: 768px) {
.promo__information-subtitle {
font-size: 26px;
}
}
@media (max-width: 675px) {
.promo__information-subtitle {
font-size: 24px;
margin-top: 15px;
}
}
@media (max-width: 575px) {
.promo__information-subtitle {
font-size: 23px;
}
}
@media (max-width: 550px) {
.promo__information-subtitle {
font-size: 25px;
margin-top: 0px;
}
}
.promo__information-delivery {
width: 400px;
font-size: 30px;
letter-spacing: -1px;
color: #f6f9ff;
font-weight: 400;
margin-top: 35px;
}
@media (max-width: 1400px) {
.promo__information-delivery {
font-size: 29px;
}
}
@media (max-width: 1300px) {
.promo__information-delivery {
font-size: 25px;
}
}
@media (max-width: 1080px) {
.promo__information-delivery {
font-size: 24px;
}
}
@media (max-width: 980px) {
.promo__information-delivery {
width: 325px;
}
}
@media (max-width: 880px) {
.promo__information-delivery {
margin-top: 20px;
width: 298px;
font-size: 23px;
}
}
@media (max-width: 768px) {
.promo__information-delivery {
font-size: 22px;
width: 320px;
}
}
@media (max-width: 675px) {
.promo__information-delivery {
font-size: 20px;
width: 255px;
margin-top: 15px;
}
}
@media (max-width: 575px) {
.promo__information-delivery {
width: 242px;
}
}
@media (max-width: 550px) {
.promo__information-delivery {
width: 300px;
font-size: 22px;
}
}
.promo__information-sale {
width: 420px;
font-size: 26px;
letter-spacing: -1px;
color: #f6f9ff;
font-weight: 500;
margin-top: 35px;
}
@media (max-width: 1400px) {
.promo__information-sale {
font-size: 25px;
}
}
@media (max-width: 1080px) {
.promo__information-sale {
font-size: 24px;
width: 325px;
}
}
@media (max-width: 880px) {
.promo__information-sale {
font-size: 23px;
width: 302px;
}
}
@media (max-width: 768px) {
.promo__information-sale {
font-size: 22px;
width: 289px;
}
}
@media (max-width: 675px) {
.promo__information-sale {
font-size: 20px;
width: 261px;
margin-top: 25px;
}
}
@media (max-width: 575px) {
.promo__information-sale {
font-size: 20px;
width: 252px;
}
}
@media (max-width: 550px) {
.promo__information-sale {
font-size: 22px;
width: 280px;
margin-top: 20px;
}
}
.promo__information-sale__span {
font-size: 46px;
font-weight: 600;
color: #025eff;
}
@media (max-width: 1400px) {
.promo__information-sale__span {
font-size: 44px;
}
}
@media (max-width: 1300px) {
.promo__information-sale__span {
font-size: 39px;
}
}
@media (max-width: 1080px) {
.promo__information-sale__span {
font-size: 36px;
}
}
@media (max-width: 880px) {
.promo__information-sale__span {
font-size: 32px;
}
}
@media (max-width: 768px) {
.promo__information-sale__span {
font-size: 30px;
}
}
@media (max-width: 675px) {
.promo__information-sale__span {
font-size: 28px;
}
}
@media (max-width: 575px) {
.promo__information-sale__span {
font-size: 25px;
}
}
@media (max-width: 550px) {
.promo__information-sale__span {
font-size: 27px;
}
}
.promo__information-sale__rub {
font-size: 32px;
font-weight: 600;
color: #f6f9ff;
}
@media (max-width: 880px) {
.promo__information-sale__rub {
font-size: 30px;
}
}
@media (max-width: 675px) {
.promo__information-sale__rub {
font-size: 27px;
}
}
@media (max-width: 575px) {
.promo__information-sale__rub {
font-size: 25px;
}
}
@media (max-width: 550px) {
.promo__information-sale__rub {
font-size: 26px;
}
}
.promo__information-sale__oldprice {
font-size: 28px;
font-weight: 600;
color: #f6f9ff;
text-decoration: line-through;
}
@media (max-width: 880px) {
.promo__information-sale__oldprice {
font-size: 26px;
}
}
@media (max-width: 675px) {
.promo__information-sale__oldprice {
font-size: 25px;
}
}
@media (max-width: 575px) {
.promo__information-sale__oldprice {
font-size: 24px;
}
}
@media (max-width: 550px) {
.promo__information-sale__oldprice {
font-size: 26px;
}
}
.promo__constructor {
display: flex;
}
@media (max-width: 550px) {
.promo__constructor {
display: none;
}
}
.promo__constructor-image {
position: relative;
}
.promo__constructor-image-flex {
display: flex;
}
@media (max-width: 1400px) {
.promo__constructor-image__left {
width: 260px;
}
}
@media (max-width: 1160px) {
.promo__constructor-image__left {
width: 240px;
}
}
@media (max-width: 1080px) {
.promo__constructor-image__left {
width: 220px;
}
}
@media (max-width: 880px) {
.promo__constructor-image__left {
width: 190px;
}
}
@media (max-width: 768px) {
.promo__constructor-image__left {
width: 180px;
}
}
@media (max-width: 760px) {
.promo__constructor-image__left {
width: 200px;
}
}
@media (max-width: 675px) {
.promo__constructor-image__left {
width: 170px;
}
}
@media (max-width: 550px) {
.promo__constructor-image__left {
width: 180px;
}
}
@media (max-width: 460px) {
.promo__constructor-image__left {
width: 160px;
}
}
@media (max-width: 340px) {
.promo__constructor-image__left {
width: 150px;
}
}
@media (max-width: 1400px) {
.promo__constructor-image__right {
width: 260px;
}
}
@media (max-width: 1160px) {
.promo__constructor-image__right {
width: 240px;
}
}
@media (max-width: 1080px) {
.promo__constructor-image__right {
width: 220px;
}
}
@media (max-width: 880px) {
.promo__constructor-image__right {
width: 190px;
}
}
@media (max-width: 768px) {
.promo__constructor-image__right {
width: 180px;
}
}
@media (max-width: 760px) {
.promo__constructor-image__right {
display: none;
}
}
@media (max-width: 550px) {
.promo__constructor-image__right {
display: block;
width: 180px;
}
}
@media (max-width: 460px) {
.promo__constructor-image__right {
width: 160px;
}
}
@media (max-width: 340px) {
.promo__constructor-image__right {
width: 150px;
}
}
.promo__constructor-sale {
position: absolute;
width: 85px;
height: 85px;
border-radius: 50%;
background-color: rgb(232, 30, 34);
display: flex;
justify-content: center;
padding-top: 10px;
right: 220px;
top: 30%;
}
@media (max-width: 1400px) {
.promo__constructor-sale {
width: 75px;
height: 75px;
right: 208px;
}
}
@media (max-width: 1160px) {
.promo__constructor-sale {
right: 194px;
}
}
@media (max-width: 1080px) {
.promo__constructor-sale {
width: 75px;
height: 75px;
right: 175px;
}
}
@media (max-width: 880px) {
.promo__constructor-sale {
width: 65px;
height: 65px;
right: 148px;
top: 29%;
}
}
@media (max-width: 768px) {
.promo__constructor-sale {
width: 55px;
height: 55px;
right: 147px;
}
}
@media (max-width: 760px) {
.promo__constructor-sale {
right: -27px;
top: 25%;
}
}
@media (max-width: 675px) {
.promo__constructor-sale {
width: 50px;
height: 50px;
right: -27px;
top: 21%;
}
}
@media (max-width: 575px) {
.promo__constructor-sale {
right: -25px;
}
}
@media (max-width: 550px) {
.promo__constructor-sale {
width: 55px;
height: 55px;
right: 147px;
}
}
@media (max-width: 460px) {
.promo__constructor-sale {
right: 128px;
top: 27%;
width: 50px;
height: 50px;
}
}
@media (max-width: 340px) {
.promo__constructor-sale {
right: 119px;
}
}
.promo__constructor-sale__text .procent {
font-size: 31px;
letter-spacing: -1px;
color: rgb(255, 255, 255);
line-height: 1.2;
font-weight: 800;
margin-top: 7px;
}
@media (max-width: 1400px) {
.promo__constructor-sale__text .procent {
font-size: 28px;
}
}
@media (max-width: 1080px) {
.promo__constructor-sale__text .procent {
font-size: 26px;
}
}
@media (max-width: 880px) {
.promo__constructor-sale__text .procent {
font-size: 21px;
margin-top: 4px;
}
}
@media (max-width: 768px) {
.promo__constructor-sale__text .procent {
font-size: 22px;
margin-top: 0px;
}
}
@media (max-width: 675px) {
.promo__constructor-sale__text .procent {
font-size: 18px;
text-align: center;
}
}
@media (max-width: 550px) {
.promo__constructor-sale__text .procent {
font-size: 22px;
margin-top: 0px;
}
}
@media (max-width: 460px) {
.promo__constructor-sale__text .procent {
font-size: 19px;
}
}
.promo__constructor-sale__text .sale {
font-size: 18px;
letter-spacing: 0px;
color: rgb(255, 255, 255);
line-height: 1.2;
margin-top: -12px;
font-weight: 300;
}
@media (max-width: 1400px) {
.promo__constructor-sale__text .sale {
font-size: 16px;
}
}
@media (max-width: 1080px) {
.promo__constructor-sale__text .sale {
margin-top: -10px;
}
}
@media (max-width: 1080px) {
.promo__constructor-sale__text .sale {
margin-top: -6px;
font-size: 12px;
}
}
@media (max-width: 550px) {
.promo__constructor-sale__text .sale {
margin-top: -6px;
font-size: 12px;
}
}
@media (max-width: 460px) {
.promo__constructor-sale__text .sale {
margin-top: -7px;
}
}
.promo__constructor-material {
position: absolute;
right: 225px;
top: 80%;
z-index: 1;
}
@media (max-width: 1400px) {
.promo__constructor-material {
right: 221px;
top: 83%;
}
}
@media (max-width: 1160px) {
.promo__constructor-material {
right: 200px;
top: 81%;
}
}
@media (max-width: 1080px) {
.promo__constructor-material {
right: 182px;
top: 79%;
}
}
@media (max-width: 880px) {
.promo__constructor-material {
right: 158px;
top: 76%;
}
}
@media (max-width: 768px) {
.promo__constructor-material {
right: 151px;
}
}
@media (max-width: 760px) {
.promo__constructor-material {
right: -31px;
top: 76%;
}
}
@media (max-width: 675px) {
.promo__constructor-material {
right: -27px;
top: 72%;
}
}
@media (max-width: 575px) {
.promo__constructor-material {
right: -25px;
}
}
@media (max-width: 550px) {
.promo__constructor-material {
right: 144px;
top: 79%;
}
}
@media (max-width: 460px) {
.promo__constructor-material {
right: 132px;
top: 81%;
}
}
@media (max-width: 340px) {
.promo__constructor-material {
right: 120px;
}
}
.promo__constructor-material .img-material {
border-radius: 44px;
width: 89px;
height: 89px;
border: 2px solid rgb(255, 255, 255);
}
@media (max-width: 1400px) {
.promo__constructor-material .img-material {
width: 80px;
height: 80px;
}
}
@media (max-width: 1080px) {
.promo__constructor-material .img-material {
width: 75px;
height: 75px;
}
}
@media (max-width: 880px) {
.promo__constructor-material .img-material {
width: 65px;
height: 65px;
}
}
@media (max-width: 768px) {
.promo__constructor-material .img-material {
width: 60px;
height: 60px;
}
}
@media (max-width: 675px) {
.promo__constructor-material .img-material {
width: 50px;
height: 50px;
}
}
@media (max-width: 575px) {
.promo__constructor-material .img-material {
width: 55px;
height: 55px;
}
}
@media (max-width: 550px) {
.promo__constructor-material .img-material {
width: 60px;
height: 60px;
}
}
@media (max-width: 460px) {
.promo__constructor-material .img-material {
width: 50px;
height: 50px;
}
}
.promo__constructor-material .img-triangle {
position: absolute;
top: 0%;
right: 75%;
z-index: -1;
}
@media (max-width: 1400px) {
.promo__constructor-material .img-triangle {
right: 74%;
}
}
@media (max-width: 1080px) {
.promo__constructor-material .img-triangle {
width: 29px;
}
}
@media (max-width: 880px) {
.promo__constructor-material .img-triangle {
width: 25px;
right: 73%;
}
}
@media (max-width: 768px) {
.promo__constructor-material .img-triangle {
width: 22px;
}
}
@media (max-width: 675px) {
.promo__constructor-material .img-triangle {
width: 20px;
}
}
@media (max-width: 550px) {
.promo__constructor-material .img-triangle {
width: 22px;
}
}
.promo__constructor-organizer {
position: relative;
}
@media (max-width: 550px) {
.promo__constructor-organizer {
display: flex;
justify-content: center;
}
}
.promo__constructor-organizer__image {
display: flex;
position: relative; margin-top: 90px;
}
@media (max-width: 1160px) {
.promo__constructor-organizer__image {
margin-top: 110px;
}
}
@media (max-width: 880px) {
.promo__constructor-organizer__image {
margin-top: 100px;
}
}
@media (max-width: 760px) {
.promo__constructor-organizer__image {
margin-top: 60px;
}
}
@media (max-width: 550px) {
.promo__constructor-organizer__image {
display: none;
}
}
.promo__constructor-organizer #center {
width: 510px;
height: 310px;
position: absolute;
right: 15%;
top: -5%;
}
@media (max-width: 1400px) {
.promo__constructor-organizer #center {
width: 470px;
height: 270px;
}
}
@media (max-width: 1160px) {
.promo__constructor-organizer #center {
width: 420px;
height: 220px;
}
}
@media (max-width: 1030px) {
.promo__constructor-organizer #center {
width: 380px;
height: 190px;
}
}
@media (max-width: 895px) {
.promo__constructor-organizer #center {
width: 300px;
height: 170px;
}
}
@media (max-width: 800px) {
.promo__constructor-organizer #center {
width: 270px;
height: 150px;
}
}
@media (max-width: 760px) {
.promo__constructor-organizer #center {
width: 300px;
height: 180px;
margin-top: 20px;
right: auto;
top: auto;
}
}
@media (max-width: 675px) {
.promo__constructor-organizer #center {
width: 225px;
height: 130px;
}
}
@media (max-width: 550px) {
.promo__constructor-organizer #center {
right: 19%;
top: -5%;
width: 235px;
height: 145px;
margin-top: 0px;
}
}
@media (max-width: 385px) {
.promo__constructor-organizer #center {
top: -7%;
width: 215px;
height: 125px;
}
}
@media (max-width: 340px) {
.promo__constructor-organizer #center {
top: -5%;
width: 200px;
height: 110px;
}
}
.promo__constructor-organizer #left {
width: 350px;
}
@media (max-width: 1400px) {
.promo__constructor-organizer #left {
width: 310px;
}
}
@media (max-width: 1160px) {
.promo__constructor-organizer #left {
width: 280px;
}
}
@media (max-width: 1030px) {
.promo__constructor-organizer #left {
width: 255px;
}
}
@media (max-width: 895px) {
.promo__constructor-organizer #left {
width: 220px;
}
}
@media (max-width: 800px) {
.promo__constructor-organizer #left {
width: 190px;
}
}
@media (max-width: 760px) {
.promo__constructor-organizer #left {
display: none;
}
}
@media (max-width: 550px) {
.promo__constructor-organizer #left {
width: 190px;
}
}
@media (max-width: 385px) {
.promo__constructor-organizer #left {
width: 170px;
}
}
@media (max-width: 340px) {
.promo__constructor-organizer #left {
width: 155px;
}
}
.promo__constructor-organizer #right {
width: 350px;
}
@media (max-width: 1400px) {
.promo__constructor-organizer #right {
width: 310px;
}
}
@media (max-width: 1160px) {
.promo__constructor-organizer #right {
width: 280px;
}
}
@media (max-width: 1030px) {
.promo__constructor-organizer #right {
width: 255px;
}
}
@media (max-width: 895px) {
.promo__constructor-organizer #right {
width: 220px;
}
}
@media (max-width: 800px) {
.promo__constructor-organizer #right {
width: 190px;
}
}
@media (max-width: 760px) {
.promo__constructor-organizer #right {
display: none;
}
}
@media (max-width: 550px) {
.promo__constructor-organizer #right {
width: 190px;
}
}
@media (max-width: 385px) {
.promo__constructor-organizer #right {
width: 170px;
}
}
@media (max-width: 340px) {
.promo__constructor-organizer #right {
width: 155px;
}
}
.promo__constructor-organizer__black {
transition: transform 0.5s ease;
position: absolute;
right: 10%;
}
.promo__constructor-organizer__black.active {
transform: scale(1.2);
}
.promo__constructor-organizer__sale {
position: absolute;
width: 84px;
height: 84px;
border-radius: 42px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
background-color: #e81e22;
display: flex;
justify-content: center;
padding-top: 10px;
right: 109px;
top: -20%;
}
@media (max-width: 1400px) {
.promo__constructor-organizer__sale {
width: 80px;
height: 80px;
}
}
@media (max-width: 991px) {
.promo__constructor-organizer__sale {
width: 75px;
height: 75px;
right: 80px;
top: -23%;
}
}
@media (max-width: 800px) {
.promo__constructor-organizer__sale {
width: 65px;
height: 65px;
right: 65px;
top: -20%;
}
}
@media (max-width: 768px) {
.promo__constructor-organizer__sale {
right: 60px;
top: -23%;
}
.navbar__basket-circle {
min-width: 23px !important;
}
}
@media (max-width: 760px) {
.promo__constructor-organizer__sale {
right: -300px;
top: auto;
}
}
@media (max-width: 675px) {
.promo__constructor-organizer__sale {
right: -242px;
width: 50px;
height: 50px;
}
}
@media (max-width: 550px) {
.promo__constructor-organizer__sale {
right: 73px;
width: 55px;
height: 55px;
top: -23%;
}
}
@media (max-width: 460px) {
.promo__constructor-organizer__sale {
width: 50px;
height: 50px;
}
}
@media (max-width: 340px) {
.promo__constructor-organizer__sale {
right: 56px;
}
}
.promo__constructor-vors {
display: flex;
}
.promo__constructor-vors__image {
position: relative;
}
@media (max-width: 885px) {
.promo__constructor-vors__image {
margin-top: 35px;
}
}
@media (max-width: 795px) {
.promo__constructor-vors__image {
margin-top: 50px;
}
}
@media (max-width: 550px) {
.promo__constructor-vors__image {
display: none;
}
}
@media (max-width: 1190px) {
.promo__constructor-vors__left,
.promo__constructor-vors__right {
width: 240px;
}
}
@media (max-width: 1005px) {
.promo__constructor-vors__left,
.promo__constructor-vors__right {
width: 220px;
}
}
@media (max-width: 885px) {
.promo__constructor-vors__left,
.promo__constructor-vors__right {
width: 190px;
}
}
@media (max-width: 795px) {
.promo__constructor-vors__left,
.promo__constructor-vors__right {
width: 175px;
}
}
@media (max-width: 760px) {
.promo__constructor-vors__left,
.promo__constructor-vors__right {
width: 210px;
}
}
@media (max-width: 675px) {
.promo__constructor-vors__left,
.promo__constructor-vors__right {
width: 180px;
}
}
@media (max-width: 760px) {
.promo__constructor-vors__right {
display: none;
}
}
.promo__constructor-vors__sale {
position: absolute;
width: 84px;
height: 84px;
border-radius: 42px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
background-color: #e81e22;
display: flex;
justify-content: center;
padding-top: 10px;
right: 43px;
top: 7%;
}
@media (max-width: 1400px) {
.promo__constructor-vors__sale {
width: 80px;
height: 80px;
}
}
@media (max-width: 1190px) {
.promo__constructor-vors__sale {
top: 4%;
}
}
@media (max-width: 991px) {
.promo__constructor-vors__sale {
right: 40px;
width: 70px;
height: 70px;
top: 2%;
}
}
@media (max-width: 880px) {
.promo__constructor-vors__sale {
right: 35px;
width: 65px;
height: 65px;
top: 1%;
}
}
@media (max-width: 768px) {
.promo__constructor-vors__sale {
top: 2%;
}
}
@media (max-width: 760px) {
.promo__constructor-vors__sale {
top: 15%;
right: -30px;
}
}
@media (max-width: 675px) {
.promo__constructor-vors__sale {
width: 50px;
height: 50px;
}
}
@media (max-width: 550px) {
.promo__constructor-capes {
display: flex;
justify-content: center;
}
}
.promo__constructor-capes__images {
position: relative;
margin-top: 10px;
}
@media (max-width: 550px) {
.promo__constructor-capes__images {
display: none;
}
}
.promo__constructor-capes__new {
position: absolute;
top: -12%;
right: 2%;
}
@media (max-width: 1180px) {
.promo__constructor-capes__new img {
width: 320px;
}
}
@media (max-width: 880px) {
.promo__constructor-capes__new img {
width: 265px;
}
}
@media (max-width: 675px) {
.promo__constructor-capes__new img {
width: 218px;
}
}
.promo__constructor-capes__image {
width: 320px;
}
@media (max-width: 1330px) {
.promo__constructor-capes__image {
width: 317px;
}
}
@media (max-width: 1180px) {
.promo__constructor-capes__image {
width: 300px;
}
}
@media (max-width: 880px) {
.promo__constructor-capes__image {
width: 245px;
}
}
@media (max-width: 675px) {
.promo__constructor-capes__image {
width: 200px;
}
}
.promo__constructor-bottom {
display: none;
}
@media (max-width: 550px) {
.promo__constructor-bottom {
margin-top: 30px;
display: flex;
justify-content: center;
}
}
@media (max-width: 460px) {
.promo__constructor-bottom.organizer {
margin-top: 50px;
}
}
.promo__constructor-navigation {
display: none;
}
@media (max-width: 550px) {
.promo__constructor-navigation {
display: flex;
justify-content: space-between;
margin-top: 40px;
align-items: end;
}
}
.promo__bottom {
margin-top: 25px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 575px) {
.promo__bottom {
margin-top: 5px;
}
}
@media (max-width: 550px) {
.promo__bottom {
margin-top: 15px;
}
}
.promo__bottom-information {
display: flex;
justify-content: left;
align-items: center;
}
@media (max-width: 1080px) {
.promo__bottom-information {
margin-top: 20px;
}
}
@media (max-width: 880px) {
.promo__bottom-information {
margin-top: 0px;
flex-direction: column-reverse;
align-items: flex-start;
}
}
.promo__bottom-information__button {
width: 273px;
height: 68px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
padding: 7px 0px;
border: none;
text-align: center;
font-size: 19px;
letter-spacing: 0px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
cursor: pointer;
transition: background 0.3s;
}
@media (max-width: 1400px) {
.promo__bottom-information__button {
width: 250px;
height: 50px;
font-size: 18px;
}
}
@media (max-width: 1300px) {
.promo__bottom-information__button {
width: 230px;
height: 58px;
font-size: 18px;
}
}
@media (max-width: 1160px) {
.promo__bottom-information__button {
width: 223px;
height: 50px;
font-size: 17px;
}
}
@media (max-width: 1080px) {
.promo__bottom-information__button {
width: 190px;
height: 50px;
font-size: 14px;
}
}
@media (max-width: 980px) {
.promo__bottom-information__button {
width: 180px;
font-size: 15px;
height: 40px;
font-size: 14px;
}
}
@media (max-width: 768px) {
.promo__bottom-information__button {
width: 190px;
height: 50px;
font-size: 14px;
}
}
@media (max-width: 675px) {
.promo__bottom-information__button {
width: 190px;
height: 50px;
font-size: 14px;
}
}
@media (max-width: 575px) {
.promo__bottom-information__button {
width: 190px;
height: 50px;
font-size: 14px;
}
}
.promo__bottom-information__button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d);
}
@media (max-width: 991px) {
.promo__bottom-information__button.organizer {
width: 190px;
}
}
.promo__bottom-information__present {
font-size: 22px;
letter-spacing: 0px;
line-height: 23px;
color: #f6f9ff;
font-weight: 400;
margin-left: 25px;
width: 350px;
}
@media (max-width: 1400px) {
.promo__bottom-information__present {
font-size: 21px;
line-height: 21px;
}
}
@media (max-width: 1300px) {
.promo__bottom-information__present {
font-size: 20px;
margin-left: 20px;
width: 320px;
}
}
@media (max-width: 1160px) {
.promo__bottom-information__present {
font-size: 18px;
margin-left: 15px;
width: 286px;
}
}
@media (max-width: 1080px) {
.promo__bottom-information__present {
font-size: 18px;
margin-left: 15px;
width: 309px;
}
}
@media (max-width: 980px) {
.promo__bottom-information__present {
font-size: 16px;
margin-left: 15px;
width: 254px;
}
}
@media (max-width: 880px) {
.promo__bottom-information__present {
font-size: 16px;
margin-left: 0px;
width: 254px;
margin-bottom: 15px;
}
}
@media (max-width: 675px) {
.promo__bottom-information__present {
font-size: 15px;
width: 238px;
}
}
@media (max-width: 575px) {
.promo__bottom-information__present {
font-size: 15px;
width: 238px;
}
}
@media (max-width: 450px) {
.promo__bottom-information__present {
font-size: 18px;
width: 300px;
line-height: normal;
}
}
.promo__bottom-constructor.vors {
margin-right: 180px;
}
@media (max-width: 1290px) {
.promo__bottom-constructor.vors {
margin-right: 170px;
}
}
@media (max-width: 1280px) {
.promo__bottom-constructor.vors {
margin-right: 160px;
}
}
@media (max-width: 1270px) {
.promo__bottom-constructor.vors {
margin-right: 150px;
}
}
@media (max-width: 1260px) {
.promo__bottom-constructor.vors {
margin-right: 140px;
}
}
@media (max-width: 1250px) {
.promo__bottom-constructor.vors {
margin-right: 180px;
}
}
@media (max-width: 1240px) {
.promo__bottom-constructor.vors {
margin-right: 170px;
}
}
@media (max-width: 1230px) {
.promo__bottom-constructor.vors {
margin-right: 160px;
}
}
@media (max-width: 1220px) {
.promo__bottom-constructor.vors {
margin-right: 150px;
}
}
@media (max-width: 1210px) {
.promo__bottom-constructor.vors {
margin-right: 140px;
}
}
@media (max-width: 1200px) {
.promo__bottom-constructor.vors {
margin-right: 135px;
}
}
@media (max-width: 1190px) {
.promo__bottom-constructor.vors {
margin-right: 160px;
}
}
@media (max-width: 1180px) {
.promo__bottom-constructor.vors {
margin-right: 150px;
}
}
@media (max-width: 1170px) {
.promo__bottom-constructor.vors {
margin-right: 140px;
}
}
@media (max-width: 1160px) {
.promo__bottom-constructor.vors {
margin-right: 130px;
}
}
@media (max-width: 1150px) {
.promo__bottom-constructor.vors {
margin-right: 120px;
}
}
@media (max-width: 1140px) {
.promo__bottom-constructor.vors {
margin-right: 110px;
}
}
@media (max-width: 1130px) {
.promo__bottom-constructor.vors {
margin-right: 100px;
}
}
@media (max-width: 1120px) {
.promo__bottom-constructor.vors {
margin-right: 90px;
}
}
@media (max-width: 1110px) {
.promo__bottom-constructor.vors {
margin-right: 80px;
}
}
@media (max-width: 1100px) {
.promo__bottom-constructor.vors {
margin-right: 70px;
}
}
@media (max-width: 1090px) {
.promo__bottom-constructor.vors {
margin-right: 160px;
}
}
@media (max-width: 1070px) {
.promo__bottom-constructor.vors {
margin-right: 150px;
}
}
@media (max-width: 1060px) {
.promo__bottom-constructor.vors {
margin-right: 140px;
}
}
@media (max-width: 1050px) {
.promo__bottom-constructor.vors {
margin-right: 130px;
}
}
@media (max-width: 1040px) {
.promo__bottom-constructor.vors {
margin-right: 120px;
}
.page-delivery__item {
margin-bottom: 50px;
}
.page-delivery__item:last-child {
margin-bottom: 0;
}
}
@media (max-width: 1030px) {
.promo__bottom-constructor.vors {
margin-right: 110px;
}
}
@media (max-width: 1020px) {
.promo__bottom-constructor.vors {
margin-right: 100px;
}
}
@media (max-width: 1010px) {
.promo__bottom-constructor.vors {
margin-right: 90px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor.vors {
margin-right: 80px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor.vors {
margin-right: 180px;
}
}
@media (max-width: 970px) {
.promo__bottom-constructor.vors {
margin-right: 170px;
}
}
@media (max-width: 960px) {
.promo__bottom-constructor.vors {
margin-right: 160px;
}
}
@media (max-width: 950px) {
.promo__bottom-constructor.vors {
margin-right: 150px;
}
}
@media (max-width: 940px) {
.promo__bottom-constructor.vors {
margin-right: 140px;
}
}
@media (max-width: 930px) {
.promo__bottom-constructor.vors {
margin-right: 130px;
}
}
@media (max-width: 920px) {
.promo__bottom-constructor.vors {
margin-right: 120px;
}
}
@media (max-width: 910px) {
.promo__bottom-constructor.vors {
margin-right: 110px;
}
}
@media (max-width: 900px) {
.promo__bottom-constructor.vors {
margin-right: 100px;
}
}
@media (max-width: 890px) {
.promo__bottom-constructor.vors {
margin-right: 90px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor.vors {
margin-right: 160px;
}
}
@media (max-width: 870px) {
.promo__bottom-constructor.vors {
margin-right: 150px;
}
}
@media (max-width: 860px) {
.promo__bottom-constructor.vors {
margin-right: 140px;
}
}
@media (max-width: 850px) {
.promo__bottom-constructor.vors {
margin-right: 130px;
}
}
@media (max-width: 840px) {
.promo__bottom-constructor.vors {
margin-right: 120px;
}
}
@media (max-width: 830px) {
.promo__bottom-constructor.vors {
margin-right: 110px;
}
}
@media (max-width: 820px) {
.promo__bottom-constructor.vors {
margin-right: 100px;
}
}
@media (max-width: 810px) {
.promo__bottom-constructor.vors {
margin-right: 90px;
}
}
@media (max-width: 800px) {
.promo__bottom-constructor.vors {
margin-right: 80px;
}
}
@media (max-width: 760px) {
.promo__bottom-constructor.vors {
margin-right: 100px;
}
}
@media (max-width: 750px) {
.promo__bottom-constructor.vors {
margin-right: 90px;
}
}
@media (max-width: 740px) {
.promo__bottom-constructor.vors {
margin-right: 80px;
}
}
@media (max-width: 730px) {
.promo__bottom-constructor.vors {
margin-right: 70px;
}
}
@media (max-width: 720px) {
.promo__bottom-constructor.vors {
margin-right: 60px;
}
}
@media (max-width: 710px) {
.promo__bottom-constructor.vors {
margin-right: 50px;
}
}
@media (max-width: 700px) {
.promo__bottom-constructor.vors {
margin-right: 40px;
}
}
@media (max-width: 690px) {
.promo__bottom-constructor.vors {
margin-right: 30px;
}
}
@media (max-width: 680px) {
.promo__bottom-constructor.vors {
margin-right: 20px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor.vors {
margin-right: 55px;
}
}
@media (max-width: 575px) {
.promo__bottom-constructor.vors {
margin-right: 70px;
}
}
@media (max-width: 565px) {
.promo__bottom-constructor.vors {
margin-right: 60px;
}
}
@media (max-width: 555px) {
.promo__bottom-constructor.vors {
margin-right: 50px;
}
}
.promo__bottom-constructor.organizer {
margin-right: 193px;
}
@media (max-width: 1400px) {
.promo__bottom-constructor.organizer {
margin-right: 206px;
}
}
@media (max-width: 1300px) {
.promo__bottom-constructor.organizer {
margin-right: 185px;
}
}
@media (max-width: 1250px) {
.promo__bottom-constructor.organizer {
margin-right: 200px;
}
}
@media (max-width: 1200px) {
.promo__bottom-constructor.organizer {
margin-right: 163px;
}
}
@media (max-width: 1080px) {
.promo__bottom-constructor.organizer {
margin-right: 125px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor.organizer {
margin-right: 80px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor.organizer {
margin-right: 115px;
}
}
@media (max-width: 895px) {
.promo__bottom-constructor.organizer {
margin-right: 70px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor.organizer {
margin-right: 95px;
}
}
@media (max-width: 760px) {
.promo__bottom-constructor.organizer {
margin-right: 100px;
}
}
@media (max-width: 750px) {
.promo__bottom-constructor.organizer {
margin-right: 90px;
}
}
@media (max-width: 740px) {
.promo__bottom-constructor.organizer {
margin-right: 80px;
}
}
@media (max-width: 730px) {
.promo__bottom-constructor.organizer {
margin-right: 70px;
}
}
@media (max-width: 720px) {
.promo__bottom-constructor.organizer {
margin-right: 60px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor.organizer {
margin-right: 100px;
}
}
@media (max-width: 665px) {
.promo__bottom-constructor.organizer {
margin-right: 90px;
}
}
@media (max-width: 655px) {
.promo__bottom-constructor.organizer {
margin-right: 80px;
}
}
@media (max-width: 645px) {
.promo__bottom-constructor.organizer {
margin-right: 70px;
}
}
@media (max-width: 635px) {
.promo__bottom-constructor.organizer {
margin-right: 60px;
}
}
.promo__bottom-constructor.capes {
display: flex;
margin-right: 168px;
}
@media (max-width: 1400px) {
.promo__bottom-constructor.capes {
margin-right: 147px;
}
}
@media (max-width: 1330px) {
.promo__bottom-constructor.capes {
margin-right: 116px;
}
}
@media (max-width: 1300px) {
.promo__bottom-constructor.capes {
margin-right: 160px;
}
}
@media (max-width: 1290px) {
.promo__bottom-constructor.capes {
margin-right: 150px;
}
}
@media (max-width: 1280px) {
.promo__bottom-constructor.capes {
margin-right: 140px;
}
}
@media (max-width: 1270px) {
.promo__bottom-constructor.capes {
margin-right: 130px;
}
}
@media (max-width: 1260px) {
.promo__bottom-constructor.capes {
margin-right: 120px;
}
}
@media (max-width: 1250px) {
.promo__bottom-constructor.capes {
margin-right: 110px;
}
}
@media (max-width: 1240px) {
.promo__bottom-constructor.capes {
margin-right: 100px;
}
}
@media (max-width: 1230px) {
.promo__bottom-constructor.capes {
margin-right: 90px;
}
}
@media (max-width: 1220px) {
.promo__bottom-constructor.capes {
margin-right: 80px;
}
}
@media (max-width: 1210px) {
.promo__bottom-constructor.capes {
margin-right: 70px;
}
}
@media (max-width: 1180px) {
.promo__bottom-constructor.capes {
margin-right: 140px;
}
}
@media (max-width: 1170px) {
.promo__bottom-constructor.capes {
margin-right: 130px;
}
}
@media (max-width: 1160px) {
.promo__bottom-constructor.capes {
margin-right: 120px;
}
}
@media (max-width: 1150px) {
.promo__bottom-constructor.capes {
margin-right: 110px;
}
}
@media (max-width: 1140px) {
.promo__bottom-constructor.capes {
margin-right: 100px;
}
}
@media (max-width: 1130px) {
.promo__bottom-constructor.capes {
margin-right: 90px;
}
}
@media (max-width: 1120px) {
.promo__bottom-constructor.capes {
margin-right: 80px;
}
}
@media (max-width: 1110px) {
.promo__bottom-constructor.capes {
margin-right: 70px;
}
}
@media (max-width: 1100px) {
.promo__bottom-constructor.capes {
margin-right: 60px;
}
}
@media (max-width: 1090px) {
.promo__bottom-constructor.capes {
margin-right: 50px;
}
}
@media (max-width: 1080px) {
.promo__bottom-constructor.capes {
margin-right: 110px;
}
}
@media (max-width: 1070px) {
.promo__bottom-constructor.capes {
margin-right: 100px;
}
}
@media (max-width: 1060px) {
.promo__bottom-constructor.capes {
margin-right: 90px;
}
}
@media (max-width: 1050px) {
.promo__bottom-constructor.capes {
margin-right: 80px;
}
}
@media (max-width: 1040px) {
.promo__bottom-constructor.capes {
margin-right: 70px;
}
}
@media (max-width: 1030px) {
.promo__bottom-constructor.capes {
margin-right: 60px;
}
}
@media (max-width: 1020px) {
.promo__bottom-constructor.capes {
margin-right: 50px;
}
}
@media (max-width: 1010px) {
.promo__bottom-constructor.capes {
margin-right: 40px;
}
}
@media (max-width: 1000px) {
.promo__bottom-constructor.capes {
margin-right: 30px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor.capes {
margin-right: 40px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor.capes {
margin-right: 110px;
}
}
@media (max-width: 970px) {
.promo__bottom-constructor.capes {
margin-right: 100px;
}
}
@media (max-width: 960px) {
.promo__bottom-constructor.capes {
margin-right: 90px;
}
}
@media (max-width: 950px) {
.promo__bottom-constructor.capes {
margin-right: 80px;
}
}
@media (max-width: 940px) {
.promo__bottom-constructor.capes {
margin-right: 70px;
}
}
@media (max-width: 930px) {
.promo__bottom-constructor.capes {
margin-right: 60px;
}
}
@media (max-width: 920px) {
.promo__bottom-constructor.capes {
margin-right: 50px;
}
}
@media (max-width: 910px) {
.promo__bottom-constructor.capes {
margin-right: 40px;
}
}
@media (max-width: 900px) {
.promo__bottom-constructor.capes {
margin-right: 30px;
}
}
@media (max-width: 890px) {
.promo__bottom-constructor.capes {
margin-right: 20px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor.capes {
margin-right: 110px;
}
}
@media (max-width: 870px) {
.promo__bottom-constructor.capes {
margin-right: 100px;
}
}
@media (max-width: 860px) {
.promo__bottom-constructor.capes {
margin-right: 90px;
}
}
@media (max-width: 850px) {
.promo__bottom-constructor.capes {
margin-right: 80px;
}
}
@media (max-width: 840px) {
.promo__bottom-constructor.capes {
margin-right: 70px;
}
}
@media (max-width: 830px) {
.promo__bottom-constructor.capes {
margin-right: 60px;
}
}
@media (max-width: 820px) {
.promo__bottom-constructor.capes {
margin-right: 50px;
}
}
@media (max-width: 810px) {
.promo__bottom-constructor.capes {
margin-right: 40px;
}
}
@media (max-width: 700px) {
.promo__bottom-constructor.capes {
margin-right: 30px;
}
}
@media (max-width: 790px) {
.promo__bottom-constructor.capes {
margin-right: 20px;
}
}
@media (max-width: 780px) {
.promo__bottom-constructor.capes {
margin-right: 10px;
}
}
@media (max-width: 768px) {
.promo__bottom-constructor.capes {
margin-right: 50px;
}
}
@media (max-width: 760px) {
.promo__bottom-constructor.capes {
margin-right: 110px;
}
}
@media (max-width: 750px) {
.promo__bottom-constructor.capes {
margin-right: 100px;
}
}
@media (max-width: 740px) {
.promo__bottom-constructor.capes {
margin-right: 90px;
}
}
@media (max-width: 730px) {
.promo__bottom-constructor.capes {
margin-right: 80px;
}
}
@media (max-width: 720px) {
.promo__bottom-constructor.capes {
margin-right: 70px;
}
}
@media (max-width: 710px) {
.promo__bottom-constructor.capes {
margin-right: 60px;
}
}
@media (max-width: 700px) {
.promo__bottom-constructor.capes {
margin-right: 50px;
}
}
@media (max-width: 690px) {
.promo__bottom-constructor.capes {
margin-right: 40px;
}
}
@media (max-width: 680px) {
.promo__bottom-constructor.capes {
margin-right: 30px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor.capes {
margin-right: 110px;
}
}
@media (max-width: 665px) {
.promo__bottom-constructor.capes {
margin-right: 100px;
}
}
@media (max-width: 655px) {
.promo__bottom-constructor.capes {
margin-right: 90px;
}
}
@media (max-width: 645px) {
.promo__bottom-constructor.capes {
margin-right: 80px;
}
}
@media (max-width: 635px) {
.promo__bottom-constructor.capes {
margin-right: 70px;
}
}
@media (max-width: 625px) {
.promo__bottom-constructor.capes {
margin-right: 60px;
}
}
@media (max-width: 615px) {
.promo__bottom-constructor.capes {
margin-right: 50px;
}
}
@media (max-width: 605px) {
.promo__bottom-constructor.capes {
margin-right: 40px;
}
}
@media (max-width: 595px) {
.promo__bottom-constructor.capes {
margin-right: 30px;
}
}
@media (max-width: 585px) {
.promo__bottom-constructor.capes {
margin-right: 20px;
}
}
@media (max-width: 575px) {
.promo__bottom-constructor.capes {
margin-right: 40px;
}
}
@media (max-width: 565px) {
.promo__bottom-constructor.capes {
margin-right: 30px;
}
}
@media (max-width: 555px) {
.promo__bottom-constructor.capes {
margin-right: 20px;
}
}
@media (max-width: 550px) {
.promo__bottom-constructor.capes {
display: none;
}
}
.promo__bottom-constructor {
display: flex;
margin-right: 90px;
}
@media (max-width: 1330px) {
.promo__bottom-constructor {
margin-right: 65px;
}
}
@media (max-width: 1300px) {
.promo__bottom-constructor {
margin-right: 90px;
}
}
@media (max-width: 1250px) {
.promo__bottom-constructor {
margin-right: 105px;
}
}
@media (max-width: 1200px) {
.promo__bottom-constructor {
margin-right: 80px;
}
}
@media (max-width: 1160px) {
.promo__bottom-constructor {
margin-right: 55px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor {
margin-right: 10px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor {
margin-top: 37px;
margin-right: 40px;
}
}
@media (max-width: 860px) {
.promo__bottom-constructor {
margin-right: 15px;
}
}
@media (max-width: 768px) {
.promo__bottom-constructor {
margin-right: 10px;
margin-top: 54px;
}
}
@media (max-width: 550px) {
.promo__bottom-constructor {
display: none;
}
}
.promo__bottom-constructor__black {
width: 74px;
height: 74px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__black {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__black {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__black {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__black {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__black {
width: 45px;
height: 45px;
}
}
.promo__bottom-constructor__black img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #000000;
cursor: pointer;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__black img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__black img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.promo__bottom-constructor__black img {
border: 2px solid #000000;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__black img {
width: 37px;
height: 37px;
}
}
.promo__bottom-constructor__black img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__black img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__black img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__black img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__black img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__black img.active {
width: 45px;
height: 45px;
}
}
.promo__bottom-constructor__beige {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__beige {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__beige {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__beige {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__beige {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__beige {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.promo__bottom-constructor__beige img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #f5f5dc;
cursor: pointer;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__beige img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__beige img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.promo__bottom-constructor__beige img {
border: 2px solid #f5f5dc;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__beige img {
width: 37px;
height: 37px;
}
}
.promo__bottom-constructor__beige img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__beige img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__beige img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__beige img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__beige img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__beige img.active {
width: 45px;
height: 45px;
}
}
.promo__bottom-constructor__brown {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__brown {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__brown {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__brown {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__brown {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__brown {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.promo__bottom-constructor__brown img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #2a1a0c;
cursor: pointer;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__brown img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__brown img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.promo__bottom-constructor__brown img {
border: 2px solid #2a1a0c;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__brown img {
width: 37px;
height: 37px;
}
}
.promo__bottom-constructor__brown img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__brown img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__brown img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__brown img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__brown img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__brown img.active {
width: 45px;
height: 45px;
}
}
.promo__bottom-constructor__grey {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__grey {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__grey {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__grey {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__grey {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__grey {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.promo__bottom-constructor__grey img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #4f5052;
cursor: pointer;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__grey img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__grey img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.promo__bottom-constructor__grey img {
border: 2px solid #4f5052;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__grey img {
width: 37px;
height: 37px;
}
}
.promo__bottom-constructor__grey img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__grey img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__grey img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__grey img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__grey img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__grey img.active {
width: 45px;
height: 45px;
}
}
.promo__bottom-constructor__blue {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__blue {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__blue {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__blue {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__blue {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__blue {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.promo__bottom-constructor__blue img {
width: 55px;
height: 55px;
border-radius: 37px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #1410d3;
cursor: pointer;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__blue img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__blue img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.promo__bottom-constructor__blue img {
border: 2px solid #1410d3;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__blue img {
width: 37px;
height: 37px;
}
}
.promo__bottom-constructor__blue img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__blue img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__blue img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__blue img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__blue img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__blue img.active {
width: 45px;
height: 45px;
}
}
.promo__bottom-constructor__red {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__red {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__red {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__red {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__red {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__red {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.promo__bottom-constructor__red img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #e81e22;
cursor: pointer;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__red img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__red img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.promo__bottom-constructor__red img {
border: 2px solid #e81e22;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__red img {
width: 37px;
height: 37px;
}
}
.promo__bottom-constructor__red img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.promo__bottom-constructor__red img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.promo__bottom-constructor__red img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.promo__bottom-constructor__red img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.promo__bottom-constructor__red img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.promo__bottom-constructor__red img.active {
width: 45px;
height: 45px;
}
}
.promo .slider {
position: relative;
max-width: 100%;
overflow: hidden;
}
.promo .slide {
display: none;
}
.promo .slide.active {
display: block;
}
.promo__navigation {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
@media (max-width: 880px) {
.promo__navigation {
margin-top: 35px;
}
}
@media (max-width: 675px) {
.promo__navigation {
margin-top: 30px;
}
}
@media (max-width: 550px) {
.promo__navigation {
display: none;
}
}
@media (max-width: 880px) {
.promo__rating {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
}
.promo__rating img {
width: 100%;
border-radius: 11px;
}
@media (max-width: 991px) {
.promo__rating img {
width: 90%;
}
}
@media (max-width: 991px) {
.promo__rating img {
width: 135px;
}
}
@media (max-width: 675px) {
.promo__rating img {
width: 120px;
}
}
.promo__arrow {
display: flex;
justify-content: right;
margin-top: 30px;
}
@media (max-width: 768px) {
.promo__arrow {
margin-top: 20px;
}
}
.promo__arrow-next {
width: 46px;
height: 45px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border: none;
cursor: pointer;
margin-left: 10px;
transition: background-image 0.3s;
}
@media (max-width: 880px) {
.promo__arrow-next {
width: 41px;
height: 40px;
}
}
@media (max-width: 675px) {
.promo__arrow-next {
width: 35px;
height: 35px;
}
}
.promo__arrow-next:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.promo__arrow-prev {
width: 46px;
height: 45px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border: none;
cursor: pointer;
transition: background-image 0.3s;
}
#shipping_method.show-message li:first-child::before {
content: "Доставка СДЭК рассчитывается после заполнения адреса";
display: block;
margin-bottom: 10px;
color: #025afa;
text-align: center;
font-size: 20px;
line-height: 1.1;
font-weight: 700;
}
@media (max-width: 480px) {
#shipping_method.show-message li:first-child::before {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.page-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
margin-top: 20px;
}
}
@media (max-width: 880px) {
.promo__arrow-prev {
width: 41px;
height: 40px;
}
}
@media (max-width: 675px) {
.promo__arrow-prev {
width: 35px;
height: 35px;
}
}
.promo__arrow-prev:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.promo__arrow-prev img {
transform: rotate(180deg);
}
.promo .promo__dot {
width: 71px;
height: 8px;
border-radius: 3px;
background: linear-gradient(to bottom, #022a80, #042c6e);
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s;
}
@media (max-width: 991px) {
.promo .promo__dot {
width: 65px;
}
}
@media (max-width: 880px) {
.promo .promo__dot {
width: 55px;
height: 7px;
}
}
@media (max-width: 675px) {
.promo .promo__dot {
width: 45px;
height: 5px;
}
}
@media (max-width: 575px) {
.promo .promo__dot {
width: 40px;
}
}
.promo .promo__dot:hover {
background: linear-gradient(to bottom, #0460f5, #084ecb);
}
.promo .promo__dot.active {
background: linear-gradient(to bottom, #0460f5, #084ecb);
}
.promo__dots {
display: flex;
justify-content: center;
margin-top: 60px; }
@media (max-width: 768px) {
.promo__dots {
margin-top: 45px;
}
}
.promo__next {
width: 46px;
height: 45px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border: none;
cursor: pointer;
margin-left: 10px;
transition: background-image 0.3s;
}
@media (max-width: 880px) {
.promo__next {
width: 41px;
height: 40px;
}
}
@media (max-width: 675px) {
.promo__next {
width: 35px;
height: 35px;
}
}
.promo__next:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.promo__prev {
width: 46px;
height: 45px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border: none;
cursor: pointer;
transition: background-image 0.3s;
}
@media (max-width: 880px) {
.promo__prev {
width: 41px;
height: 40px;
}
}
@media (max-width: 675px) {
.promo__prev {
width: 35px;
height: 35px;
}
}
.promo__prev:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.promo__prev img {
transform: rotate(180deg);
}
.track {
padding-top: 50px;
padding-bottom: 50px;
overflow: hidden;
position: relative;
z-index: 1;
}
@media (max-width: 760px) {
.track {
padding-top: 25px;
padding-bottom: 25px;
}
}
.track__content {
position: relative;
height: 54px;
overflow: hidden;
background-color: rgb(2, 94, 255);
}
@media (max-width: 1180px) {
.track__content {
height: 40px;
}
}
@media (max-width: 675px) {
.track__content {
height: 35px;
}
}
.track__content::before,
.track__content::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 100px; background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); pointer-events: none; }
@media (max-width: 675px) {
.track__content::before,
.track__content::after {
width: 50px;
}
}
@media (max-width: 550px) {
.track__content::before,
.track__content::after {
width: 25px;
}
}
.track__content::before {
left: 0;
}
.track__content::after {
right: 0;
transform: scaleX(-1); }
.track__slider {
animation: scroll 30s linear infinite;
white-space: nowrap;
display: flex;
justify-content: space-between;
align-items: center;
}
.track__slider-brand {
font-size: 29px;
letter-spacing: -1px;
color: #fdfdfd;
font-weight: 400;
min-width: 150px;
text-align: center;
padding-top: 10px;
}
@media (max-width: 1180px) {
.track__slider-brand {
width: 130px;
font-size: 22px;
padding-top: 5px;
}
}
@media (max-width: 675px) {
.track__slider-brand {
min-width: 80px;
font-size: 19px;
}
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.benefits {
padding-top: 250px;
padding-bottom: 50px;
}
@media (max-width: 1024px) {
.benefits {
padding-top: 200px;
}
}
@media (max-width: 880px) {
.benefits {
padding-top: 170px;
}
}
@media (max-width: 675px) {
.benefits {
padding-bottom: 25px;
}
}
@media (max-width: 595px) {
.benefits {
padding-top: 200px;
}
}
@media (max-width: 570px) {
.benefits__container {
display: flex;
justify-content: center;
align-items: center;
}
}
.benefits__navigation {
display: none;
}
@media (max-width: 595px) {
.benefits__navigation {
display: flex;
justify-content: center;
align-items: center;
margin-top: 25px;
}
}
.benefits-prev {
display: none;
}
@media (max-width: 595px) {
.benefits-prev {
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
width: 35px;
height: 35px;
margin-right: 25px;
}
}
.benefits-prev img {
width: 25px;
}
.benefits-next {
display: none;
}
@media (max-width: 595px) {
.benefits-next {
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
width: 35px;
height: 35px;
}
}
.benefits-next img {
width: 25px;
transform: rotate(180deg);
}
.benefits__content {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}
@media (max-width: 991px) {
.benefits__content {
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 150px;
}
}
@media (max-width: 675px) {
.benefits__content {
grid-row-gap: 190px;
grid-column-gap: 15px;
}
}
.benefits__card {
width: 303px;
height: 279px;
border-radius: 10px;
box-shadow: 0px 1px 6.72px 0.28px rgba(0, 0, 0, 0.13);
border: 4px solid rgb(30, 30, 30);
position: relative;
}
@media (max-width: 1330px) {
.benefits__card {
width: 273px;
height: 230px;
}
}
@media (max-width: 1195px) {
.benefits__card {
width: 220px;
height: 225px;
}
}
@media (max-width: 1024px) {
.benefits__card {
height: 195px;
}
}
@media (max-width: 991px) {
.benefits__card {
display: block;
margin: 0 auto;
width: 280px;
height: 264px;
}
}
@media (max-width: 595px) {
.benefits__card {
transition: left 0.6s ease-in-out;
}
}
.benefits__card-hand,
.benefits__card-car,
.benefits__card-finger,
.benefits__card-calculator {
position: absolute;
top: -161px;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 1330px) {
.benefits__card-hand,
.benefits__card-car,
.benefits__card-finger,
.benefits__card-calculator {
width: 300px;
height: 300px;
top: -146px;
}
}
@media (max-width: 1024px) {
.benefits__card-hand,
.benefits__card-car,
.benefits__card-finger,
.benefits__card-calculator {
width: 250px;
height: 250px;
top: -125px;
}
}
@media (max-width: 991px) {
.benefits__card-hand,
.benefits__card-car,
.benefits__card-finger,
.benefits__card-calculator {
top: -161px;
left: 50%;
width: 327px;
height: 327px;
}
}
.benefits__card-hand__logo {
position: absolute;
left: 42%;
top: -19%;
width: 46px;
}
@media (max-width: 1330px) {
.benefits__card-hand__logo {
left: 43%;
width: 41px;
}
}
@media (max-width: 1195px) {
.benefits__card-hand__logo {
left: 41%;
}
}
@media (max-width: 1024px) {
.benefits__card-hand__logo {
top: -20%;
width: 35px;
left: 42%;
}
}
@media (max-width: 991px) {
.benefits__card-hand__logo {
left: 42%;
top: -19%;
width: 46px;
}
}
.benefits__card-title {
margin-top: 125px;
font-size: 23px;
letter-spacing: 0px;
text-transform: uppercase;
color: #025eff;
font-weight: 700;
text-align: center;
}
@media (max-width: 1330px) {
.benefits__card-title {
margin-top: 115px;
font-size: 22px;
}
}
@media (max-width: 1024px) {
.benefits__card-title {
margin-top: 90px;
font-size: 20px;
}
}
@media (max-width: 991px) {
.benefits__card-title {
font-size: 23px;
margin-top: 125px;
}
}
.benefits__card-text {
font-size: 19px;
line-height: 1.368;
letter-spacing: 0px;
color: #f6f9ff;
font-weight: 400;
text-align: center;
padding-top: 15px;
}
@media (max-width: 1330px) {
.benefits__card-text {
font-size: 16px;
}
}
@media (max-width: 1195px) {
.benefits__card-text {
font-size: 14px;
}
}
@media (max-width: 1024px) {
.benefits__card-text {
font-size: 13px;
}
}
@media (max-width: 991px) {
.benefits__card-text {
font-size: 17px;
}
}
.categories.page {
padding-top: 120px;
}
@media (max-width: 760px) {
.categories.page {
padding-top: 60px;
}
}
@media (max-width: 675px) {
.categories.page {
padding-bottom: 120px;
}
}
.categories {
padding-top: 80px;
padding-bottom: 200px;
position: relative;
}
@media (max-width: 1024px) {
.categories {
padding-top: 60px;
}
}
@media (max-width: 880px) {
.categories {
padding-top: 50px;
}
}
@media (max-width: 760px) {
.categories {
padding-top: 25px;
}
}
@media (max-width: 675px) {
.categories {
padding-bottom: 25px;
}
}
.categories__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
position: relative;
z-index: 2;
}
@media (max-width: 1380px) {
.categories__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.categories__title {
font-size: 50px;
}
}
@media (max-width: 880px) {
.categories__title {
font-size: 44px;
}
}
@media (max-width: 760px) {
.categories__title {
font-size: 40px;
}
}
@media (max-width: 675px) {
.categories__title {
font-size: 36px;
}
}
@media (max-width: 490px) {
.categories__title {
font-size: 33px;
line-height: normal;
}
}
@media (max-width: 385px) {
.categories__title {
font-size: 28px;
}
}
.categories__container {
margin-top: 140px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
@media (max-width: 760px) {
.categories__container {
margin-top: 50px;
}
}
@media (max-width: 670px) {
.categories__container {
margin-top: 40px;
}
}
@media (max-width: 385px) {
.categories__container {
margin-top: 40px;
}
}
@media (max-width: 355px) {
.categories__container {
margin-top: 20px;
}
}
.categories__navigation {
display: none;
}
@media (max-width: 570px) {
.categories__navigation {
display: flex;
justify-content: center;
align-items: center;
margin-top: 25px;
}
}
.categories-prev {
display: none;
}
@media (max-width: 570px) {
.categories-prev {
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
width: 35px;
height: 35px;
margin-right: 25px;
}
}
.categories-prev img {
width: 25px;
}
.categories-next {
display: none;
}
@media (max-width: 570px) {
.categories-next {
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
width: 35px;
height: 35px;
}
}
.categories-next img {
width: 25px;
transform: rotate(180deg);
}
.categories__content {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 80px;
grid-row-gap: 30px;
position: relative;
z-index: 4;
}
@media (max-width: 1280px) {
.categories__content {
grid-column-gap: 60px;
}
}
@media (max-width: 1150px) {
.categories__content {
grid-column-gap: 30px;
}
}
@media (max-width: 920px) {
.categories__content {
grid-column-gap: 25px;
}
}
@media (max-width: 670px) {
.categories__content {
grid-column-gap: 20px;
grid-row-gap: 15px;
}
}
@media (max-width: 570px) {
.categories__content {
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 20px;
grid-template-rows: repeat(1, 1fr);
}
}
.categories__card {
width: 573px;
height: 283px;
border-radius: 39px;
background-image: -moz-linear-gradient(90deg, rgb(236, 237, 234) 0%, rgb(248, 248, 246) 50%, rgb(220, 219, 216) 100%);
background-image: -webkit-linear-gradient(90deg, rgb(236, 237, 234) 0%, rgb(248, 248, 246) 50%, rgb(220, 219, 216) 100%);
background-image: -ms-linear-gradient(90deg, rgb(236, 237, 234) 0%, rgb(248, 248, 246) 50%, rgb(220, 219, 216) 100%);
border: 2px solid #244bae;
padding-bottom: 15px;
position: relative;
overflow: hidden;
}
@media (max-width: 1280px) {
.categories__card {
width: 515px;
height: 250px;
}
}
@media (max-width: 1150px) {
.categories__card {
width: 420px;
height: 220px;
}
}
@media (max-width: 950px) {
.categories__card {
width: 360px;
height: 200px;
}
}
@media (max-width: 760px) {
.categories__card {
width: 310px;
height: 180px;
}
}
@media (max-width: 670px) {
.categories__card {
width: 260px;
height: 160px;
}
}
@media (max-width: 570px) {
.categories__card {
width: 515px;
height: 250px;
}
}
@media (max-width: 540px) {
.categories__card {
width: 420px;
height: 220px;
}
}
@media (max-width: 440px) {
.categories__card {
width: 370px;
height: 210px;
border-radius: 25px;
}
}
@media (max-width: 385px) {
.categories__card {
width: 340px;
height: 200px;
}
}
@media (max-width: 355px) {
.categories__card {
width: 315px;
height: 190px;
}
}
.categories__card-content {
display: flex;
justify-content: left;
align-items: center;
height: 280px;
padding-left: 60px;
}
@media (max-width: 1280px) {
.categories__card-content {
height: 250px;
padding-left: 50px;
}
}
@media (max-width: 1150px) {
.categories__card-content {
height: 220px;
padding-left: 30px;
}
}
@media (max-width: 950px) {
.categories__card-content {
height: 200px;
padding-left: 25px;
}
}
@media (max-width: 760px) {
.categories__card-content {
height: 180px;
padding-left: 15px;
}
}
@media (max-width: 670px) {
.categories__card-content {
height: 160px;
padding-left: 15px;
}
}
@media (max-width: 570px) {
.categories__card-content {
height: 250px;
padding-left: 50px;
}
}
@media (max-width: 540px) {
.categories__card-content {
height: 220px;
padding-left: 30px;
}
}
@media (max-width: 440px) {
.categories__card-content {
height: 205px;
padding-left: 20px;
}
}
.categories__card-title {
font-size: 30px;
letter-spacing: 0px;
color: rgb(69, 69, 70);
font-weight: 500;
}
@media (max-width: 1380px) {
.categories__card-title {
font-size: 27px;
}
}
@media (max-width: 950px) {
.categories__card-title {
font-size: 20px;
}
}
@media (max-width: 670px) {
.categories__card-title {
font-size: 18px;
}
}
@media (max-width: 570px) {
.categories__card-title {
font-size: 27px;
}
}
@media (max-width: 440px) {
.categories__card-title {
font-size: 25px;
}
}
@media (max-width: 355px) {
.categories__card-title {
font-size: 23px;
}
}
.categories__card-subtitle {
font-size: 30px;
letter-spacing: 0px;
color: rgb(69, 69, 70);
font-weight: 500;
margin-top: -7px;
margin-bottom: 22px;
}
@media (max-width: 950px) {
.categories__card-subtitle {
font-size: 20px;
}
}
@media (max-width: 670px) {
.categories__card-subtitle {
font-size: 18px;
}
}
@media (max-width: 570px) {
.categories__card-subtitle {
font-size: 30px;
}
}
@media (max-width: 440px) {
.categories__card-subtitle {
font-size: 25px;
}
}
@media (max-width: 355px) {
.categories__card-subtitle {
font-size: 23px;
}
}
.categories__card-subtitle.remark {
margin-bottom: 0px;
}
.categories__card-remark {
font-size: 31px;
color: rgb(69, 69, 70);
font-weight: 600;
margin-top: -5px;
margin-bottom: 5px;
}
@media (max-width: 1380px) {
.categories__card-remark {
font-size: 28px;
}
}
@media (max-width: 950px) {
.categories__card-remark {
font-size: 21px;
}
}
@media (max-width: 670px) {
.categories__card-remark {
font-size: 19px;
}
}
@media (max-width: 570px) {
.categories__card-remark {
font-size: 28px;
}
}
@media (max-width: 440px) {
.categories__card-remark {
font-size: 26px;
}
}
@media (max-width: 355px) {
.categories__card-remark {
font-size: 24px;
}
}
.categories__card-information.remark {
margin-top: -15px;
}
.categories__card-button {
display: block;
width: 146px;
height: 37px;
border-radius: 6px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
font-size: 24px;
letter-spacing: 0px;
color: #fdfdfd;
font-weight: 400;
text-align: center;
border: none;
cursor: pointer;
transition: background-image 0.3s ease, transform 0.3s ease;
}
@media (max-width: 1380px) {
.categories__card-button {
width: 140px;
font-size: 22px;
}
}
@media (max-width: 950px) {
.categories__card-button {
width: 110px;
font-size: 19px;
height: 35px;
}
}
@media (max-width: 670px) {
.categories__card-button {
width: 90px;
font-size: 17px;
height: 33px;
}
}
@media (max-width: 570px) {
.categories__card-button {
width: 140px;
font-size: 22px;
height: 37px;
}
}
@media (max-width: 440px) {
.categories__card-button {
width: 110px;
font-size: 17px;
height: 33px;
}
}
.categories__card-button:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.categories__card-image__eva {
position: absolute;
bottom: -5px !important;
right: 0 !important;
pointer-events: none;
}
.categories__card {
overflow: hidden;
}
@media (max-width: 1280px) {
.categories__card-image__eva {
bottom: -159px;
right: 99px;
width: auto;
}
}
@media (max-width: 1150px) {
.categories__card-image__eva {
bottom: -123px;
right: 74px;
}
}
@media (max-width: 950px) {
.categories__card-image__eva {
bottom: -114px;
right: 64px;
}
}
@media (max-width: 760px) {
.promo__information-delivery br {
display: none;
}
.categories__card-image__eva {
bottom: -94px;
right: 50px;
}
}
.categories__card-subtitle {
line-height: 100%;
}
.categories__card-button {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 670px) {
.categories__card-image__eva {
bottom: -71px;
right: 42px;
}
.categories__card-image__eva img {
max-width: 210px;
max-height: 150px;
width: auto !important;
height: auto !important;
}
.categories__card-button {
display: flex !important;
justify-content: center;
align-items: center;
}
}
@media (max-width: 570px) {
.categories__card-image__eva {
bottom: -159px;
right: 99px;
width: auto;
}
}
@media (max-width: 540px) {
.categories__card-image__eva {
bottom: -123px;
right: 74px;
}
}
@media (max-width: 440px) {
.categories__card-image__eva {
bottom: -115px;
right: 64px;
}
}
@media (max-width: 385px) {
.categories__card-image__eva {
bottom: -97px;
right: 61px;
}
}
@media (max-width: 355px) {
.categories__card-image__eva {
bottom: -89px;
right: 52px;
}
}
@media (max-width: 1280px) {
.categories__card-image__eva img {
max-width: 100%;
max-height: 100%;
}
.categories__card-image__eva {
max-width: 50%;
max-height: 100%;
}
}
@media (max-width: 1150px) {
.categories__card-image__eva img {
}
}
@media (max-width: 950px) {
.categories__card-image__eva img {
}
}
@media (max-width: 760px) {
.categories__card-image__eva img {
}
}
@media (max-width: 670px) {
.categories__card-image__eva img {
}
}
@media (max-width: 570px) {
.categories__card-image__eva img {
}
}
@media (max-width: 540px) {
.categories__card-image__eva img {
}
}
@media (max-width: 440px) {
.categories__card-image__eva img {
}
}
@media (max-width: 385px) {
.categories__card-image__eva img {
}
}
@media (max-width: 355px) {
.categories__card-image__eva img {
}
}
.categories__card-image__3d {
position: absolute;
bottom: -113px;
right: -138px;
width: 150%;
transform: translateX(50%);
}
@media (max-width: 1280px) {
.categories__card-image__3d {
bottom: -101px;
right: 105px;
width: auto;
}
}
@media (max-width: 1150px) {
.categories__card-image__3d {
bottom: -86px;
right: 91px;
}
}
@media (max-width: 950px) {
.categories__card-image__3d {
bottom: -75px;
right: 82px;
}
}
@media (max-width: 760px) {
.categories__card-image__3d {
bottom: -63px;
right: 68px;
}
}
@media (max-width: 670px) {
.categories__card-image__3d {
bottom: -52px;
right: 58px;
}
}
@media (max-width: 570px) {
.categories__card-image__3d {
bottom: -101px;
right: 105px;
}
}
@media (max-width: 540px) {
.categories__card-image__3d {
bottom: -85px;
right: 94px;
}
}
@media (max-width: 440px) {
.categories__card-image__3d {
right: 86px;
}
}
@media (max-width: 385px) {
.categories__card-image__3d {
right: 81px;
bottom: -74px;
}
}
@media (max-width: 355px) {
.categories__card-image__3d {
bottom: -65px;
right: 70px;
}
}
@media (max-width: 1280px) {
.categories__card-image__3d img {
width: 300px;
}
}
@media (max-width: 1150px) {
.categories__card-image__3d img {
width: 260px;
}
}
@media (max-width: 950px) {
.categories__card-image__3d img {
width: 230px;
}
}
@media (max-width: 760px) {
.categories__card-image__3d img {
width: 200px;
}
}
@media (max-width: 670px) {
.categories__card-image__3d img {
width: 170px;
}
}
@media (max-width: 570px) {
.categories__card-image__3d img {
width: 300px;
}
}
@media (max-width: 540px) {
.categories__card-image__3d img {
width: 260px;
}
}
@media (max-width: 440px) {
.categories__card-image__3d img {
width: 245px;
}
}
@media (max-width: 385px) {
.categories__card-image__3d img {
width: 230px;
}
}
@media (max-width: 355px) {
.categories__card-image__3d img {
width: 200px;
}
}
.categories__card-image__vors {
position: absolute;
bottom: -177px;
right: -106px;
width: 150%;
transform: translateX(50%);
}
@media (max-width: 1280px) {
.categories__card-image__vors {
bottom: -129px;
right: 100px;
width: auto;
}
}
@media (max-width: 1150px) {
.categories__card-image__vors {
bottom: -110px;
right: 88px;
}
}
@media (max-width: 950px) {
.categories__card-image__vors {
bottom: -104px;
right: 76px;
}
}
@media (max-width: 760px) {
.categories__card-image__vors {
bottom: -64px;
right: 63px;
}
}
@media (max-width: 670px) {
.categories__card-image__vors {
bottom: -49px;
right: 55px;
}
}
@media (max-width: 570px) {
.categories__card-image__vors {
bottom: -129px;
right: 100px;
width: auto;
}
}
@media (max-width: 540px) {
.categories__card-image__vors {
bottom: -110px;
right: 88px;
}
}
@media (max-width: 385px) {
.categories__card-image__vors {
bottom: -88px;
right: 70px;
}
}
@media (max-width: 355px) {
.categories__card-image__vors {
bottom: -75px;
right: 67px;
}
}
@media (max-width: 1280px) {
.categories__card-image__vors img {
width: 320px;
}
}
@media (max-width: 1150px) {
.categories__card-image__vors img {
width: 280px;
}
}
@media (max-width: 950px) {
.categories__card-image__vors img {
width: 250px;
}
}
@media (max-width: 760px) {
.categories__card-image__vors img {
width: 200px;
}
}
@media (max-width: 670px) {
.categories__card-image__vors img {
width: 170px;
}
}
@media (max-width: 570px) {
.categories__card-image__vors img {
width: 320px;
}
}
@media (max-width: 540px) {
.categories__card-image__vors img {
width: 280px;
}
}
@media (max-width: 440px) {
.categories__card-image__vors img {
width: 260px;
}
}
@media (max-width: 385px) {
.categories__card-image__vors img {
width: 230px;
}
}
@media (max-width: 355px) {
.categories__card-image__vors img {
width: 210px;
}
}
.categories__card-image__organizer {
position: absolute;
bottom: -100px;
right: 70px;
width: 150%;
transform: translateX(50%);
}
@media (max-width: 1280px) {
.categories__card-image__organizer {
bottom: -110px;
right: 60px;
}
}
@media (max-width: 1150px) {
.categories__card-image__organizer {
bottom: -100px;
right: 50px;
}
}
@media (max-width: 950px) {
.categories__card-image__organizer {
bottom: -85px;
right: 85px;
}
}
@media (max-width: 760px) {
.categories__card-image__organizer {
bottom: -72px;
right: 57px;
}
}
@media (max-width: 670px) {
.categories__card-image__organizer {
bottom: -58px;
right: 43px;
}
}
@media (max-width: 570px) {
.categories__card-image__organizer {
right: 34px;
bottom: -82px;
}
}
@media (max-width: 540px) {
.categories__card-image__organizer {
bottom: -91px;
right: 36px;
}
}
@media (max-width: 440px) {
.categories__card-image__organizer {
bottom: -78px;
right: 49px;
}
}
@media (max-width: 410px) {
.categories__card-image__organizer {
bottom: -67px;
}
}
@media (max-width: 385px) {
.categories__card-image__organizer {
right: 33px;
bottom: -64px;
}
}
@media (max-width: 355px) {
.categories__card-image__organizer {
right: 21px;
bottom: -60px;
}
}
.categories__card-image__organizer img {
width: 730px;
height: 470px;
transform: scale(-1, 1);
}
@media (max-width: 1280px) {
.categories__card-image__organizer img {
width: 700px;
height: 450px;
}
}
@media (max-width: 1150px) {
.categories__card-image__organizer img {
width: 650px;
height: 400px;
}
}
@media (max-width: 950px) {
.categories__card-image__organizer img {
width: 600px;
height: 350px;
}
}
@media (max-width: 760px) {
.categories__card-image__organizer img {
width: 550px;
height: 310px;
}
}
@media (max-width: 670px) {
.categories__card-image__organizer img {
width: 460px;
height: 260px;
}
}
@media (max-width: 570px) {
.categories__card-image__organizer img {
width: 600px;
height: auto;
}
}
@media (max-width: 440px) {
.categories__card-image__organizer img {
width: 550px;
}
}
@media (max-width: 410px) {
.categories__card-image__organizer img {
width: 520px;
}
}
@media (max-width: 385px) {
.categories__card-image__organizer img {
width: 480px;
}
}
@media (max-width: 355px) {
.categories__card-image__organizer img {
width: 430px;
}
}
.categories__card-image__capes {
position: absolute;
bottom: -30px;
right: -166px;
width: 150%;
transform: translateX(50%);
}
@media (max-width: 1280px) {
.categories__card-image__capes {
bottom: -26px;
right: 95px;
width: auto;
}
}
@media (max-width: 1150px) {
.categories__card-image__capes {
bottom: -18px;
right: 78px;
}
}
@media (max-width: 950px) {
.categories__card-image__capes {
bottom: -12px;
right: 68px;
}
}
@media (max-width: 760px) {
.categories__card-image__capes {
bottom: -12px;
right: 58px;
}
}
@media (max-width: 670px) {
.categories__card-image__capes {
bottom: -4px;
right: 52px;
}
}
@media (max-width: 570px) {
.categories__card-image__capes {
bottom: -26px;
right: 95px;
width: auto;
}
}
@media (max-width: 540px) {
.categories__card-image__capes {
bottom: -18px;
right: 78px;
}
}
@media (max-width: 440px) {
.categories__card-image__capes {
bottom: -5px;
}
}
@media (max-width: 385px) {
.categories__card-image__capes {
right: 63px;
}
}
@media (max-width: 1280px) {
.categories__card-image__capes img {
width: 270px;
}
}
@media (max-width: 1150px) {
.categories__card-image__capes img {
width: 230px;
}
}
@media (max-width: 950px) {
.categories__card-image__capes img {
width: 200px;
}
}
@media (max-width: 760px) {
.categories__card-image__capes img {
width: 180px;
}
}
@media (max-width: 670px) {
.categories__card-image__capes img {
width: 150px;
}
}
@media (max-width: 570px) {
.categories__card-image__capes img {
width: 270px;
}
}
@media (max-width: 540px) {
.categories__card-image__capes img {
width: 230px;
}
}
@media (max-width: 440px) {
.categories__card-image__capes img {
width: 200px;
}
}
@media (max-width: 385px) {
.categories__card-image__capes img {
width: 180px;
}
}
.categories__card-image__home {
position: absolute;
bottom: -58px;
right: 162px;
transform: translateX(50%);
}
@media (max-width: 1280px) {
.categories__card-image__home {
bottom: -56px;
right: 149px;
}
}
@media (max-width: 1150px) {
.categories__card-image__home {
bottom: -40px;
right: 115px;
}
}
@media (max-width: 950px) {
.categories__card-image__home {
bottom: -23px;
right: 99px;
}
}
@media (max-width: 760px) {
.categories__card-image__home {
bottom: -17px;
right: 82px;
}
}
@media (max-width: 670px) {
.categories__card-image__home {
bottom: -26px;
right: 50px;
}
}
@media (max-width: 570px) {
.categories__card-image__home {
bottom: -51px;
right: 145px;
}
}
@media (max-width: 540px) {
.categories__card-image__home {
bottom: -36px;
right: 115px;
}
}
@media (max-width: 480px) {
.categories__card-image__home {
bottom: -32px;
right: 111px;
}
}
@media (max-width: 440px) {
.categories__card-image__home {
bottom: -32px;
right: 105px;
}
}
@media (max-width: 385px) {
.categories__card-image__home {
right: 93px;
bottom: -27px;
}
}
@media (max-width: 355px) {
.categories__card-image__home {
right: 82px;
bottom: -24px;
}
}
@media (max-width: 1280px) {
.categories__card-image__home img {
width: 460px;
}
}
@media (max-width: 1150px) {
.categories__card-image__home img {
width: 350px;
}
}
@media (max-width: 950px) {
.categories__card-image__home img {
width: 300px;
}
}
@media (max-width: 760px) {
.categories__card-image__home img {
width: 250px;
}
}
@media (max-width: 570px) {
.categories__card-image__home img {
width: 450px;
}
}
@media (max-width: 540px) {
.categories__card-image__home img {
width: 350px;
}
}
@media (max-width: 480px) {
.categories__card-image__home img {
width: 340px;
}
}
@media (max-width: 440px) {
.categories__card-image__home img {
width: 325px;
}
}
@media (max-width: 410px) {
.categories__card-image__home img {
width: 320px;
}
}
@media (max-width: 385px) {
.categories__card-image__home img {
width: 280px;
}
}
@media (max-width: 355px) {
.categories__card-image__home img {
width: 250px;
}
}
.scroll-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none; width: 70px;
height: 68px;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
z-index: 5;
}
@media (max-width: 1380px) {
.scroll-to-top {
width: 60px;
height: 58px;
}
}
@media (max-width: 768px) {
.scroll-to-top {
width: 55px;
height: 52px;
}
}
@media (max-width: 760px) {
.scroll-to-top {
width: 45px;
height: 43px;
}
}
.scroll-to-top img {
transform: rotate(90deg);
}
@media (max-width: 880px) {
.scroll-to-top img {
width: 31px;
}
}
@media (max-width: 760px) {
.scroll-to-top img {
width: 25px;
}
}
.scroll-to-top:hover {
background-color: #024aa1; }
.scroll-to-top:hover:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.glow_categories {
position: absolute;
width: 250px;
height: 500px;
filter: blur(180px);
background: #025eff;
z-index: 2;
transform: translate3d(0, 0, 0);
}
@media (max-width: 675px) {
.glow_categories {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_categories {
width: 140px;
height: 374px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_categories::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__categories_right {
top: 18px;
right: -169px;
height: 574px;
}
@media (max-width: 675px) {
.glow__categories_right {
top: 50px;
}
}
@media (max-width: 460px) {
.glow__categories_right {
top: 200px;
}
}
.glow__categories_left {
top: 280px;
left: -169px;
}
@media (max-width: 760px) {
.glow__categories_left {
top: 75px;
}
}
@media (max-width: 460px) {
.glow__categories_left {
top: -75px;
}
}
.glow_categorypage {
position: absolute;
width: 250px;
height: 500px;
filter: blur(180px);
background: #025eff;
z-index: 1;
transform: translate3d(0, 0, 0);
}
@media (max-width: 675px) {
.glow_categorypage {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_categorypage {
width: 140px;
height: 374px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_categorypage::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__categorypage_right {
top: 500px;
right: -169px;
height: 574px;
}
@media (max-width: 675px) {
.glow__categorypage_right {
top: 50px;
}
}
.glow__categorypage_left {
top: 18px;
left: -169px;
}
.products {
margin-top: 25px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-column-gap: 20px;
grid-row-gap: 25px;
justify-items: center;
align-items: center;
}
.products__card {
width: 100%;
height: auto;
padding: 10px 0px 0px 0px;
border: 2px solid #03142e;
cursor: pointer;
transition: box-shadow 0.3s, transform 0.3s;
position: relative;
}
.products__card img {
width: 100%; height: auto; object-fit: cover; border-radius: 5px;
}
.about {
padding-top: 30px;
padding-bottom: 150px;
position: relative;
}
@media (max-width: 1024px) {
.about {
padding-bottom: 70px;
}
}
@media (max-width: 980px) {
.about {
padding-bottom: 40px;
}
}
@media (max-width: 675px) {
.about {
padding-top: 50px;
}
}
@media (max-width: 450px) {
.about {
padding-top: 70px;
}
}
.about__flex {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.about__container {
width: 90%;
border-radius: 32px;
border: 4px solid #1e1e1e;
padding: 40px 35px 30px 30px;
position: relative;
z-index: 4;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}
@media (max-width: 980px) {
.about__container {
padding: 40px 30px;
}
}
@media (max-width: 676px) {
.about__container {
width: 100%;
padding: 30px;
}
}
@media (max-width: 550px) {
.about__container {
padding: 20px 10px;
}
}
.about__content {
display: flex;
justify-content: space-between;
}
@media (max-width: 980px) {
.about__content {
flex-direction: column-reverse;
}
}
.about__image {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
margin-left: 20px;
margin-top: 70px;
}
@media (max-width: 1280px) {
.about__image {
margin-left: 10px;
}
}
@media (max-width: 1024px) {
.about__image {
margin-left: 25px;
}
}
@media (max-width: 980px) {
.about__image {
margin-left: 0px;
justify-content: center;
margin-top: 160px;
}
}
@media (max-width: 540px) {
.about__image {
margin-top: 140px;
}
}
@media (max-width: 460px) {
.about__image {
margin-top: 120px;
}
}
.about__image-circle {
width: 350px;
height: 350px;
border-radius: 50%;
background-color: rgb(2, 94, 255);
border: 2px solid #025eff;
box-shadow: 0 0 80px rgba(2, 94, 255, 0.9);
position: relative;
z-index: 1;
}
@media (max-width: 1260px) {
.about__image-circle {
width: 320px;
height: 320px;
}
}
@media (max-width: 1180px) {
.about__image-circle {
width: 300px;
height: 300px;
}
}
@media (max-width: 1060px) {
.about__image-circle {
width: 260px;
height: 260px;
}
}
@media (max-width: 540px) {
.about__image-circle {
width: 200px;
height: 200px;
}
}
@media (max-width: 460px) {
.about__image-circle {
width: 160px;
height: 160px;
}
}
.about__image-icon {
position: absolute;
top: 32%;
left: 46%;
transform: translate(-50%, -50%);
z-index: 2;
}
@media (max-width: 1180px) {
.about__image-icon {
top: 26%;
}
}
@media (max-width: 1060px) {
.about__image-icon {
top: 22%;
}
}
@media (max-width: 980px) {
.about__image-icon {
top: 30%;
left: 48%;
}
}
@media (max-width: 540px) {
.about__image-icon {
top: 33%;
}
}
.about__image-icon img {
width: 500px;
}
@media (max-width: 1260px) {
.about__image-icon img {
width: 450px;
}
}
@media (max-width: 1180px) {
.about__image-icon img {
width: 430px;
}
}
@media (max-width: 1060px) {
.about__image-icon img {
width: 360px;
}
}
@media (max-width: 540px) {
.about__image-icon img {
width: 300px;
}
}
@media (max-width: 460px) {
.about__image-icon img {
width: 260px;
}
}
.about__image-button {
margin-top: 60px;
width: 228px;
height: 50px;
border-radius: 11px;
background: linear-gradient(to bottom, #0354f8, #072ede);
border: none;
text-align: center;
font-size: 20px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
cursor: pointer;
}
@media (max-width: 1260px) {
.about__image-button {
margin-top: 100px;
}
}
@media (max-width: 1180px) {
.about__image-button {
margin-top: 150px;
}
}
@media (max-width: 1060px) {
.about__image-button {
margin-top: 200px;
}
}
@media (max-width: 980px) {
.about__image-button {
margin-top: 80px;
}
}
@media (max-width: 540px) {
.about__image-button {
margin-top: 50px;
width: 190px;
height: 40px;
font-size: 18px;
}
}
@media (max-width: 460px) {
.about__image-button {
margin-top: 30px;
width: 160px;
height: 35px;
font-size: 16px;
}
}
.about__image-button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d);
}
.about__image-button a {
color: #ffffff;
}
.about__main {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 675px) {
.about__main-stars img {
width: 120px;
}
}
@media (max-width: 550px) {
.about__main-stars img {
width: 100px;
}
}
@media (max-width: 480px) {
.about__main-stars img {
width: 70px;
}
}
.about__main-title {
font-size: 38px;
letter-spacing: -1px;
color: #ffffff;
text-align: center;
font-weight: 400;
}
@media (max-width: 1400px) {
.about__main-title {
font-size: 36px;
}
}
@media (max-width: 1180px) {
.about__main-title {
font-size: 34px;
}
}
@media (max-width: 675px) {
.about__main-title {
font-size: 32px;
}
}
@media (max-width: 575px) {
.about__main-title {
font-size: 30px;
}
}
@media (max-width: 550px) {
.about__main-title {
font-size: 26px;
}
}
@media (max-width: 480px) {
.about__main-title {
font-size: 23px;
}
}
.about__main-text {
margin-top: -2px;
font-size: 18px;
letter-spacing: 0px;
color: #ffffff;
text-align: center;
}
@media (max-width: 550px) {
.about__main-text {
padding-top: 1px;
font-size: 16px;
}
}
@media (max-width: 480px) {
.about__main-text {
font-size: 14px;
}
}
.about__information {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 550px) {
.about__information {
padding-top: 25px;
}
}
@media (max-width: 480px) {
.about__information {
padding-top: 0px;
}
}
@media (max-width: 480px) {
.about__information {
align-items: normal;
}
}
.about__information-items {
margin-top: 35px;
display: flex;
width: 600px;
justify-content: space-between;
}
@media (max-width: 1220px) {
.about__information-items {
width: 500px;
}
}
@media (max-width: 1180px) {
.about__information-items {
width: 450px;
}
}
@media (max-width: 1060px) {
.about__information-items {
width: 430px;
}
}
@media (max-width: 980px) {
.about__information-items {
width: 100%;
}
}
@media (max-width: 430px) {
.about__information-items {
margin-top: 30px;
justify-content: space-between;
}
}
@media (max-width: 360px) {
.about__information-items {
width: 100%;
}
}
@media (max-width: 573px) {
.about__information-item.experience {
width: 60px;
}
}
@media (max-width: 430px) {
.about__information-item.experience {
width: 50px;
}
}
.about__information-item {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 980px) {
.about__information-item {
display: block;
width: 180px;
}
}
@media (max-width: 573px) {
.about__information-item {
width: 100px;
}
}
@media (max-width: 480px) {
.about__information-item {
width: 100px;
}
}
@media (max-width: 430px) {
.about__information-item {
width: 90px;
}
}
.about__information-item__number {
font-size: 36px;
letter-spacing: -1px;
color: #035bf6;
transition: all 0.5s ease;
font-weight: 900;
text-align: center;
}
@media (max-width: 675px) {
.about__information-item__number {
font-size: 35px;
}
}
@media (max-width: 550px) {
.about__information-item__number {
font-size: 28px;
}
}
@media (max-width: 480px) {
.about__information-item__number {
font-size: 23px;
}
}
@media (max-width: 370px) {
.about__information-item__number {
font-size: 20px;
}
}
.about__information-item__text {
margin-top: -6px;
font-size: 18px;
letter-spacing: 0px;
color: #ffffff;
text-align: center;
}
@media (max-width: 980px) {
.about__information-item__text {
margin-top: 0px;
}
}
@media (max-width: 712px) {
.about__information-item__text {
font-size: 17px;
}
}
@media (max-width: 604px) {
.about__information-item__text {
font-size: 16px;
}
}
@media (max-width: 550px) {
.about__information-item__text {
font-size: 18px;
}
}
@media (max-width: 480px) {
.about__information-item__text {
font-size: 17px;
}
}
@media (max-width: 430px) {
.about__information-item__text {
font-size: 14px;
}
}
.about__information-text {
padding-top: 30px;
width: 600px;
font-size: 15px;
letter-spacing: 0px;
color: #ffffff;
}
@media (max-width: 1220px) {
.about__information-text-wrapper {
width: 500px;
}
}
@media (max-width: 1180px) {
.about__information-text-wrapper {
width: 450px;
}
}
@media (max-width: 1060px) {
.about__information-text-wrapper {
width: 400px;
}
}
@media (max-width: 980px) {
.about__information-text-wrapper {
width: auto;
font-size: 19px;
}
}
@media (max-width: 675px) {
.about__information-text-wrapper {
width: 100%;
font-size: 17px;
}
}
@media (max-width: 550px) {
.about__information-text-wrapper {
padding-top: 0px;
}
}
@media (max-width: 480px) {
.about__information-text-wrapper {
padding-top: 0px;
font-size: 16px;
}
}
@media (max-width: 430px) {
.about__information-text-wrapper {
font-size: 14px;
}
}
@media (max-width: 370px) {
.about__information-text-wrapper {
padding-top: 0;
font-size: 12px;
}
}
.about__information-text.second {
padding-top: 20px;
}
@media (max-width: 1180px) {
.about__information-text.second {
padding-top: 15px;
}
}
@media (max-width: 980px) {
.about__information-text.second {
padding-top: 25px;
}
}
@media (max-width: 480px) {
.about__information-text.second {
padding-top: 20px;
}
}
@media (max-width: 370px) {
.about__information-text.second {
padding-top: 15px;
}
}
.about__information-rating {
padding-top: 35px;
display: flex;
justify-content: space-between;
}
.about__information .ozon {
width: 195px;
border-radius: 8px;
filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, 0.34));
background-color: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 5px;
margin-right: 15px;
}
@media (max-width: 1300px) {
.about__information .ozon {
width: 170px;
}
}
@media (max-width: 1180px) {
.about__information .ozon {
width: 150px;
}
}
@media (max-width: 1060px) {
.about__information .ozon {
width: 130px;
}
}
@media (max-width: 980px) {
.about__information .ozon {
width: 195px;
margin-right: 20px;
}
}
@media (max-width: 760px) {
.about__information .ozon {
width: 130px;
margin-right: 15px;
}
}
@media (max-width: 675px) {
.about__information .ozon {
margin-right: 10px;
}
}
@media (max-width: 575px) {
.about__information .ozon {
width: 130px;
}
}
@media (max-width: 550px) {
.about__information .ozon {
width: 120px;
padding: 5px;
}
}
@media (max-width: 342px) {
.about__information .ozon {
width: 130px;
margin-right: 5px;
}
}
@media (max-width: 330px) {
.about__information .ozon {
padding: 2px;
}
}
.about__information .ozon__title {
font-size: 14px;
letter-spacing: 0px;
color: #525252;
}
@media (max-width: 1180px) {
.about__information .ozon__title {
font-size: 13px;
}
}
@media (max-width: 1060px) {
.about__information .ozon__title {
text-align: center;
}
}
@media (max-width: 980px) {
.about__information .ozon__title {
text-align: left;
}
}
@media (max-width: 760px) {
.about__information .ozon__title {
font-size: 13px;
text-align: center;
}
}
@media (max-width: 450px) {
.about__information .ozon__title {
font-size: 12px;
}
}
.about__information .ozon__title-span {
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
color: #005bff;
}
@media (max-width: 550px) {
.about__information .ozon__title-span {
font-weight: 600;
}
}
@media (max-width: 450px) {
.about__information .ozon__title-span {
font-size: 12px;
}
}
.about__information .ozon__number {
padding-top: 5px;
font-size: 44px;
letter-spacing: -1px;
color: #343434;
font-weight: bold;
}
@media (max-width: 1400px) {
.about__information .ozon__number {
font-size: 38px;
}
}
@media (max-width: 1300px) {
.about__information .ozon__number {
padding-top: 21px;
}
}
@media (max-width: 1060px) {
.about__information .ozon__number {
font-size: 26px;
padding-top: 10px;
}
}
@media (max-width: 980px) {
.about__information .ozon__number {
font-size: 44px;
padding-top: 5px;
}
}
@media (max-width: 760px) {
.about__information .ozon__number {
font-size: 26px;
padding-top: 10px;
}
}
@media (max-width: 675px) {
.about__information .ozon__number {
font-size: 27px;
}
}
@media (max-width: 575px) {
.about__information .ozon__number {
font-size: 27px;
padding-top: 15px;
}
}
@media (max-width: 550px) {
.about__information .ozon__number {
font-size: 24px;
padding-top: 10px;
}
}
@media (max-width: 480px) {
.about__information .ozon__number {
font-size: 20px;
padding-top: 9px;
}
}
@media (max-width: 430px) {
.about__information .ozon__number {
font-size: 18px;
padding-top: 13px;
}
}
.about__information .ozon__text {
font-size: 9px;
letter-spacing: 0px;
color: #212121;
}
@media (max-width: 430px) {
.about__information .ozon__text {
display: none;
}
}
@media (max-width: 550px) {
.about__information .ozon__stars img {
width: 75px;
}
}
@media (max-width: 430px) {
.about__information .ozon__stars img {
width: 70px;
}
}
.about__information .wb {
width: 195px;
border-radius: 8px;
filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, 0.34));
background-color: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 5px;
margin-right: 15px;
}
@media (max-width: 1300px) {
.about__information .wb {
width: 170px;
}
}
@media (max-width: 1180px) {
.about__information .wb {
width: 150px;
}
}
@media (max-width: 1060px) {
.about__information .wb {
width: 130px;
}
}
@media (max-width: 980px) {
.about__information .wb {
width: 195px;
margin-right: 20px;
}
}
@media (max-width: 760px) {
.about__information .wb {
width: 130px;
margin-right: 15px;
}
}
@media (max-width: 675px) {
.about__information .wb {
margin-right: 10px;
}
}
@media (max-width: 575px) {
.about__information .wb {
width: 130px;
}
}
@media (max-width: 550px) {
.about__information .wb {
width: 120px;
padding: 5px;
}
}
@media (max-width: 342px) {
.about__information .wb {
width: 130px;
margin-right: 5px;
}
}
@media (max-width: 330px) {
.about__information .wb {
padding: 2px;
}
}
.about__information .wb__title {
font-size: 14px;
letter-spacing: 0px;
color: #525252;
}
@media (max-width: 1060px) {
.about__information .wb__title {
text-align: center;
}
}
@media (max-width: 980px) {
.about__information .wb__title {
text-align: left;
}
}
@media (max-width: 760px) {
.about__information .wb__title {
text-align: center;
}
}
@media (max-width: 450px) {
.about__information .wb__title {
font-size: 12px;
}
}
.about__information .wb__title-span {
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
color: #a73afd;
}
@media (max-width: 550px) {
.about__information .wb__title-span {
font-weight: 600;
}
}
@media (max-width: 450px) {
.about__information .wb__title-span {
font-size: 13px;
}
}
@media (max-width: 429px) {
.about__information .wb__title-span {
font-size: 12px;
}
}
.about__information .wb__number {
padding-top: 5px;
font-size: 44px;
letter-spacing: -1px;
color: #343434;
font-weight: bold;
}
@media (max-width: 1400px) {
.about__information .wb__number {
font-size: 38px;
}
}
@media (max-width: 1300px) {
.about__information .wb__number {
padding-top: 21px;
}
}
@media (max-width: 1060px) {
.about__information .wb__number {
font-size: 26px;
padding-top: 7px;
}
}
@media (max-width: 980px) {
.about__information .wb__number {
font-size: 44px;
padding-top: 5px;
}
}
@media (max-width: 760px) {
.about__information .wb__number {
font-size: 26px;
padding-top: 7px;
}
}
@media (max-width: 675px) {
.about__information .wb__number {
font-size: 27px;
}
}
@media (max-width: 575px) {
.about__information .wb__number {
font-size: 27px;
padding-top: 15px;
}
}
@media (max-width: 550px) {
.about__information .wb__number {
font-size: 24px;
padding-top: 10px;
}
}
@media (max-width: 480px) {
.about__information .wb__number {
font-size: 20px;
padding-top: 7px;
}
}
@media (max-width: 430px) {
.about__information .wb__number {
font-size: 18px;
padding-top: 12px;
}
}
@media (max-width: 429px) {
.about__information .wb__number {
padding-top: 13px;
}
}
.about__information .wb__text {
font-size: 9px;
letter-spacing: 0px;
color: #212121;
}
@media (max-width: 430px) {
.about__information .wb__text {
display: none;
}
}
@media (max-width: 550px) {
.about__information .wb__stars img {
width: 75px;
}
}
@media (max-width: 430px) {
.about__information .wb__stars img {
width: 70px;
}
}
.about__information .ym {
width: 195px;
border-radius: 8px;
filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, 0.34));
background-color: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 5px;
}
@media (max-width: 1300px) {
.about__information .ym {
width: 170px;
}
}
@media (max-width: 1180px) {
.about__information .ym {
width: 150px;
}
}
@media (max-width: 1060px) {
.about__information .ym {
width: 130px;
}
}
@media (max-width: 980px) {
.about__information .ym {
width: 195px;
}
}
@media (max-width: 760px) {
.about__information .ym {
width: 130px;
}
}
@media (max-width: 575px) {
.about__information .ym {
width: 130px;
}
}
@media (max-width: 550px) {
.about__information .ym {
width: 120px;
padding: 5px;
}
}
@media (max-width: 342px) {
.about__information .ym {
width: 130px;
}
}
@media (max-width: 330px) {
.about__information .ym {
padding: 2px;
}
}
.about__information .ym__title {
font-size: 14px;
letter-spacing: 0px;
color: #525252;
}
@media (max-width: 1300px) {
.about__information .ym__title {
text-align: center;
}
}
@media (max-width: 980px) {
.about__information .ym__title {
text-align: left;
}
}
@media (max-width: 760px) {
.about__information .ym__title {
text-align: center;
}
}
@media (max-width: 450px) {
.about__information .ym__title {
font-size: 12px;
}
}
.about__information .ym__title-span {
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
color: #ff0000;
}
@media (max-width: 550px) {
.about__information .ym__title-span {
font-weight: 600;
}
}
@media (max-width: 450px) {
.about__information .ym__title-span {
font-size: 12px;
}
}
.about__information .ym__number {
padding-top: 5px;
font-size: 44px;
letter-spacing: -1px;
color: #343434;
font-weight: bold;
}
@media (max-width: 1400px) {
.about__information .ym__number {
font-size: 38px;
}
}
@media (max-width: 1060px) {
.about__information .ym__number {
font-size: 26px;
padding-top: 7px;
}
}
@media (max-width: 980px) {
.about__information .ym__number {
font-size: 44px;
padding-top: 5px;
}
}
@media (max-width: 760px) {
.about__information .ym__number {
font-size: 26px;
padding-top: 7px;
}
}
@media (max-width: 675px) {
.about__information .ym__number {
font-size: 27px;
}
}
@media (max-width: 575px) {
.about__information .ym__number {
font-size: 27px;
padding-top: 16px;
}
}
@media (max-width: 550px) {
.about__information .ym__number {
font-size: 24px;
padding-top: 10px;
}
}
@media (max-width: 480px) {
.about__information .ym__number {
font-size: 20px;
padding-top: 7px;
}
}
@media (max-width: 450px) {
.about__information .ym__number {
padding-top: 9px;
}
}
@media (max-width: 430px) {
.about__information .ym__number {
font-size: 18px;
padding-top: 12px;
}
}
.about__information .ym__text {
font-size: 9px;
letter-spacing: 0px;
color: #212121;
}
@media (max-width: 430px) {
.about__information .ym__text {
display: none;
}
}
@media (max-width: 550px) {
.about__information .ym__stars img {
width: 75px;
}
}
@media (max-width: 430px) {
.about__information .ym__stars img {
width: 70px;
}
}
.glow_about {
position: absolute;
width: 250px;
height: 400px;
filter: blur(180px);
background: #025eff;
z-index: 2;
overflow: hidden;
}
@media (max-width: 675px) {
.glow_about {
width: 150px;
height: 374px;
}
}
@media (max-width: 570px) {
.glow_about {
display: none;
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_page-about::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(180px); z-index: -1; }
}
.glow__about_left {
top: 20px;
right: -169px;
}
.works {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
@media (max-width: 575px) {
.works {
padding-bottom: 30px;
}
}
.works__content {
position: relative;
z-index: 4;
}
.works__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
position: relative;
z-index: 3;
}
@media (max-width: 1400px) {
.works__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.works__title {
font-size: 50px;
}
}
@media (max-width: 880px) {
.works__title {
font-size: 44px;
}
}
@media (max-width: 575px) {
.works__title {
font-size: 40px;
}
}
@media (max-width: 450px) {
.works__title {
font-size: 33px;
}
}
.works__categories {
margin-top: 150px;
display: flex;
margin-right: 35px;
justify-content: center;
}
@media (max-width: 1300px) {
.works__categories {
margin-left: 20px;
}
}
@media (max-width: 768px) {
.works__categories {
margin-left: 10px;
}
}
@media (max-width: 950px) {
.works__categories {
margin-top: 60px;
margin-right: 20px;
}
}
@media (max-width: 880px) {
.works__categories {
margin-right: 30px;
}
}
@media (max-width: 700px) {
.works__categories {
display: none;
}
}
@media (max-width: 670px) {
.works__categories {
margin-top: 40px;
}
}
@media (max-width: 430px) {
.works__categories {
margin-top: 25px;
}
}
.works__category {
width: 239px;
height: 61px;
border-radius: 8px;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-right: -20px;
position: relative;
font-size: 16px;
letter-spacing: 0px;
text-transform: uppercase;
color: #025eff;
text-align: center;
font-weight: 500;
transition: color 0.3s;
box-shadow: 2px 0 25px rgba(0, 0, 0, 0.5);
z-index: 1;
}
@media (max-width: 1050px) {
.works__category {
width: 200px;
margin-right: -10px;
font-size: 15px;
}
}
@media (max-width: 950px) {
.works__category {
width: 180px;
height: 50px;
margin-right: -9px;
font-size: 14px;
}
}
@media (max-width: 870px) {
.works__category {
width: 150px;
font-size: 15px;
}
}
@media (max-width: 700px) {
.works__category {
font-size: 14px;
}
}
@media (max-width: 670px) {
.works__category {
width: 125px;
height: 40px;
font-size: 13px;
margin-right: -10px;
}
}
@media (max-width: 600px) {
.works__category {
width: 110px;
font-size: 11px;
margin-right: -12px;
}
}
@media (max-width: 520px) {
.works__category {
width: 90px;
font-size: 9px;
margin-right: -10px;
height: 30px;
}
}
@media (max-width: 430px) {
.works__category {
width: 80px;
font-size: 8px;
margin-right: -11px;
padding-left: 10px;
}
}
@media (max-width: 360px) {
.works__category {
font-size: 7px;
height: 25px;
}
}
.works__category:hover {
background-color: #025eff;
color: #ffffff;
}
.works__category.active {
background-color: #025eff;
color: #ffffff;
}
.works__category:nth-child(1) {
z-index: 5; }
.works__category:nth-child(2) {
z-index: 4; }
.works__category:nth-child(3) {
z-index: 3; }
.works__category:nth-child(4) {
z-index: 2; }
.works__category:nth-child(5) {
z-index: 1; }
.works .works__selector {
display: none;
}
@media (max-width: 700px) {
.works .works__selector {
display: flex;
margin-top: 40px;
margin-bottom: 80px;
position: relative;
justify-content: center;
}
}
@media (max-width: 675px) {
.works .works__selector {
margin-top: 25px;
}
}
@media (max-width: 490px) {
.works .works__selector {
margin-bottom: 60px;
}
}
.works .works__selector-button {
width: 250px; height: 50px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
padding: 15px;
border: none;
text-align: center;
font-size: 16px;
letter-spacing: 0px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
cursor: pointer;
}
@media (max-width: 675px) {
.works .works__selector-button {
width: 220px;
height: 40px;
padding: 7px;
font-size: 14px;
}
}
.works .works__selector-button img {
transform: rotate(0deg);
width: 15px;
margin-left: 5px;
height: 12px;
}
@media (max-width: 675px) {
.works .works__selector-button img {
width: 13px;
margin-left: 3px;
height: 11px;
}
}
.works .works__selector-modal {
max-width: 250px; width: 100%; height: auto;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border-radius: 15px;
display: none;
position: absolute;
z-index: 10;
top: 115%;
}
@media (max-width: 675px) {
.works .works__selector-modal {
max-width: 220px;
}
}
.works .works__selector-modal__content {
padding: 15px;
}
.works .works__selector-modal__category {
font-size: 17px;
color: #ffffff;
font-weight: 500;
padding-bottom: 7px;
cursor: pointer; }
.works .works__selector-modal__category:hover {
text-decoration: underline; }
.works .works__selector-modal.active {
display: block; }
.works__slider {
margin-top: 25px;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 120px;
}
@media (max-width: 880px) {
.works__slider {
justify-content: center;
}
}
@media (max-width: 700px) {
.works__slider {
position: relative;
}
}
.works__slide-eva.active,
.works__slide-vors.active,
.works__slide-capes.active,
.works__slide-home.active,
.works__slide-organizer.active {
display: block;
}
.works__slide-eva,
.works__slide-vors,
.works__slide-capes,
.works__slide-home,
.works__slide-organizer {
display: none;
}
.works .sliders__photos {
position: relative;
max-width: 100%;
overflow: hidden;
}
.works .slide__photos {
display: none;
}
.works .slide__photos.active {
display: block;
}
.works .photos {
display: flex;
width: 1133px;
}
@media (max-width: 1300px) {
.works .photos {
width: 1080px;
}
}
@media (max-width: 1280px) {
.works .photos {
width: 1040px;
}
}
@media (max-width: 1230px) {
.works .photos {
width: 970px;
}
}
@media (max-width: 1170px) {
.works .photos {
width: 925px;
}
}
@media (max-width: 1110px) {
.works .photos {
width: 880px;
}
}
@media (max-width: 1070px) {
.works .photos {
width: 820px;
}
}
@media (max-width: 1000px) {
.works .photos {
width: 770px;
}
}
@media (max-width: 950px) {
.works .photos {
width: 700px;
}
}
@media (max-width: 880px) {
.works .photos {
width: 710px;
}
}
@media (max-width: 865px) {
.works .photos {
width: 660px;
}
}
@media (max-width: 800px) {
.works .photos {
width: 600px;
}
}
@media (max-width: 720px) {
.works .photos {
width: 570px;
}
}
@media (max-width: 700px) {
.works .photos {
width: 100%;
}
}
.works .photos__left {
margin-right: 30px;
}
@media (max-width: 1300px) {
.works .photos__left {
margin-right: 15px;
}
}
@media (max-width: 575px) {
.works .photos__left {
margin-right: 10px;
}
}
.works .photos__left-up {
display: flex;
margin-bottom: 10px;
}
.works .photos__center {
margin-right: 40px;
}
@media (max-width: 1300px) {
.works .photos__center {
margin-right: 15px;
}
}
@media (max-width: 575px) {
.works .photos__center {
margin-right: 10px;
}
}
.works .photos__right-up {
display: flex;
margin-bottom: 10px;
}
@media (max-width: 575px) {
.works .photos__right-up {
margin-bottom: 18px;
}
}
.works .photos-1up,
.works .photos-4up {
margin-right: 25px;
}
@media (max-width: 575px) {
.works .photos-1up,
.works .photos-4up {
margin-right: 10px;
}
}
.works .photos-3up {
margin-bottom: 10px;
}
@media (max-width: 1300px) {
.works .photos-3up {
margin-bottom: 2px;
}
}
.works .photos-1up,
.works .photos-2up,
.works .photos-3up,
.works .photos-4up,
.works .photos-5up,
.works .photos-6up,
.works .photos-7up,
.works .photos-8up {
cursor: pointer;
}
.works .photos-1up img,
.works .photos-2up img,
.works .photos-3up img,
.works .photos-4up img,
.works .photos-5up img,
.works .photos-6up img,
.works .photos-7up img,
.works .photos-8up img {
border-radius: 20px;
}
@media (max-width: 800px) {
.works .photos-1up img,
.works .photos-2up img,
.works .photos-3up img,
.works .photos-4up img,
.works .photos-5up img,
.works .photos-6up img,
.works .photos-7up img,
.works .photos-8up img {
border-radius: 10px;
}
}
.works .photos-8up {
margin-left: 25px;
}
@media (max-width: 1300px) {
.works .photos-8up {
margin-left: 16px;
}
}
@media (max-width: 575px) {
.works .photos-8up {
margin-left: 10px;
}
}
@media (max-width: 1300px) {
.works .photos-1up img,
.works .photos-2up img {
width: 100%;
}
}
@media (max-width: 1300px) {
.works .photos-3up img {
width: 100%;
}
}
@media (max-width: 1300px) {
.works .photos-4up img,
.works .photos-5up img {
width: 100%;
}
}
@media (max-width: 1300px) {
.works .photos-6up img {
width: 100%;
}
}
@media (max-width: 575px) {
.works .photos-6up img {
width: 93%;
}
}
@media (max-width: 1300px) {
.works .photos-7up img {
width: 100%;
}
}
@media (max-width: 1300px) {
.works .photos-8up img {
width: 100%;
}
}
.works__dots {
display: flex;
justify-content: center;
margin-top: 80px;
}
@media (max-width: 575px) {
.works__dots {
margin-top: 60px;
}
}
.works__dot {
width: 71px;
height: 8px;
border-radius: 3px;
background: linear-gradient(to bottom, #022a80, #042c6e);
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s;
}
@media (max-width: 980px) {
.works__dot {
width: 55px;
height: 7px;
}
}
@media (amx-width: 760px) {
.works__dot {
width: 50px;
height: 6px;
}
}
@media (max-width: 675px) {
.works__dot {
width: 45px;
height: 5px;
}
}
@media (max-width: 575px) {
.works__dot {
width: 40px;
height: 5px;
}
}
@media (max-width: 550px) {
.works__dot {
width: 35px;
}
}
.works__dot:hover {
background: linear-gradient(to bottom, #0460f5, #084ecb);
}
.works__dot.active {
background: linear-gradient(to bottom, #0460f5, #084ecb);
}
#prevImage {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1400px) {
#prevImage {
width: 60px;
height: 58px;
}
}
@media (max-width: 880px) {
#prevImage {
position: absolute;
z-index: 3;
left: 0;
width: 50px;
height: 48px;
}
}
@media (max-width: 790px) {
#prevImage {
left: -5px;
}
}
@media (max-width: 775px) {
#prevImage {
left: -7px;
}
}
@media (max-width: 768px) {
#prevImage {
width: 50px;
height: 48px;
}
}
@media (max-width: 760px) {
#prevImage {
width: 45px;
height: 43px;
}
}
@media (max-width: 700px) {
#prevImage {
top: inherit;
bottom: -50%;
left: 40%;
}
}
@media (max-width: 670px) {
#prevImage {
width: 35px;
height: 35px;
}
}
@media (max-width: 460px) {
#prevImage {
bottom: -55%;
left: 38%;
}
}
@media (max-width: 430px) {
#prevImage {
bottom: -60%;
left: 37%;
}
}
@media (max-width: 390px) {
#prevImage {
bottom: -65%;
}
}
@media (max-width: 350px) {
#prevImage {
bottom: -70%;
left: 35%;
}
}
@media (max-width: 330px) {
#prevImage {
bottom: -75%;
}
}
#prevImage:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
@media (max-width: 760px) {
#prevImage img {
width: 27px;
}
}
@media (max-width: 670px) {
#prevImage img {
width: 25px;
}
}
#nextImage {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1400px) {
#nextImage {
width: 60px;
height: 58px;
}
}
@media (max-width: 880px) {
#nextImage {
position: absolute;
z-index: 3;
right: 0;
width: 50px;
height: 48px;
}
}
@media (max-width: 790px) {
#nextImage {
right: -5px;
}
}
@media (max-width: 775px) {
#nextImage {
right: -7px;
}
}
@media (max-width: 768px) {
#nextImage {
width: 50px;
height: 48px;
}
}
@media (max-width: 760px) {
#nextImage {
width: 45px;
height: 43px;
}
}
@media (max-width: 700px) {
#nextImage {
top: inherit;
bottom: -50%;
right: 40%;
}
}
@media (max-width: 670px) {
#nextImage {
width: 35px;
height: 35px;
}
}
@media (max-width: 460px) {
#nextImage {
bottom: -55%;
right: 38%;
}
}
@media (max-width: 430px) {
#nextImage {
bottom: -60%;
right: 37%;
}
}
@media (max-width: 390px) {
#nextImage {
bottom: -65%;
}
}
@media (max-width: 350px) {
#nextImage {
bottom: -70%;
right: 35%;
}
}
@media (max-width: 330px) {
#nextImage {
bottom: -75%;
}
}
#nextImage:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
#nextImage img {
transform: rotate(180deg);
}
@media (max-width: 760px) {
#nextImage img {
width: 27px;
}
}
@media (max-width: 670px) {
#nextImage img {
width: 25px;
}
}
@media (max-width: 355px) {
#nextImage img {
width: 18px;
}
}
.works-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.96);
justify-content: center;
align-items: center;
z-index: 10;
}
.works-popup__modal {
position: absolute;
justify-content: center;
align-items: center;
width: 85%;
}
@media (max-width: 820px) {
.works-popup__modal {
width: 100%;
}
}
.works-popup__content {
position: relative;
}
.works-popup__close {
position: absolute;
top: -40px;
right: 60px;
color: white;
font-size: 50px;
cursor: pointer;
}
@media (max-width: 768px) {
.works-popup__close {
top: -40px;
right: 65px;
}
}
@media (max-width: 575px) {
.works-popup__close {
top: -35px;
right: 35px;
font-size: 40px;
}
}
@media (max-width: 500px) {
.works-popup__close {
top: -10px;
}
}
@media (max-width: 460px) {
.works-popup__close {
font-size: 30px;
top: 10px;
}
}
@media (max-width: 400px) {
.works-popup__close {
top: 40px;
}
}
@media (max-width: 360px) {
.works-popup__close {
top: 70px;
}
}
.works-popup__slider {
display: flex;
justify-content: space-around;
align-items: center;
}
.works-popup__card {
min-height: 520px;
display: flex;
align-items: center;
}
.works-popup__image {
width: 350px;
}
@media (max-width: 520px) {
.works-popup__image {
width: 300px;
}
}
@media (max-width: 400px) {
.works-popup__image {
width: 250px;
}
}
@media (max-width: 360px) {
.works-popup__image {
width: 220px;
}
}
@media (max-width: 340px) {
.works-popup__image {
width: 200px;
}
}
#prevImageEvo {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1300px) {
#prevImageEvo {
width: 60px;
height: 58px;
}
}
@media (max-width: 768px) {
#prevImageEvo {
width: 50px;
height: 48px;
}
}
@media (max-width: 575px) {
#prevImageEvo {
width: 40px;
height: 38px;
}
}
#prevImageEvo:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
@media (max-width: 575px) {
#prevImageEvo img {
width: 25px;
}
}
#nextImageEvo {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1300px) {
#nextImageEvo {
width: 60px;
height: 58px;
}
}
@media (max-width: 768px) {
#nextImageEvo {
width: 50px;
height: 48px;
}
}
@media (max-width: 575px) {
#nextImageEvo {
width: 40px;
height: 38px;
}
}
#nextImageEvo:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
#nextImageEvo img {
transform: rotate(180deg);
}
@media (max-width: 768px) {
#nextImageEvo img {
width: 30px;
}
}
@media (max-width: 575px) {
#nextImageEvo img {
width: 25px;
}
}
.glow_works {
will-change: transform, filter;
position: absolute;
width: 250px;
height: 574px;
filter: blur(180px);
background: #025eff;
z-index: 2;
transform: translate3d(0, 0, 0);
}
@media (max-width: 675px) {
.glow_works {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_works {
width: 165px;
height: 374px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_works::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__works_right {
top: 245px;
right: -169px;
}
@media (max-width: 675px) {
.glow__works_right {
top: 50px;
}
}
@media (max-width: 460px) {
.glow__works_right {
top: 300px;
}
}
.glow__works_left {
top: 18px;
left: -169px;
}
.reviews.page {
padding-top: 50px;
padding-bottom: 200px;
}
@media (max-width: 1024px) {
.reviews.page {
padding-top: 60px;
}
}
@media (max-width: 720px) {
.reviews.page {
padding-bottom: 120px;
}
}
@media (max-width: 490px) {
.reviews.page {
padding-top: 60px;
}
}
.reviews {
padding-top: 150px;
padding-bottom: 150px;
position: relative;
}
@media (max-width: 1024px) {
.reviews {
padding-bottom: 100px;
}
}
@media (max-width: 760px) {
.reviews {
padding-bottom: 60px;
padding-top: 80px;
}
}
@media (max-width: 700px) {
.reviews {
padding-bottom: 120px;
}
}
@media (max-width: 490px) {
.reviews {
padding-bottom: 70px;
}
}
.reviews__content {
position: relative;
z-index: 4;
}
.reviews__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
position: relative;
z-index: 3;
}
@media (max-width: 1400px) {
.reviews__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.reviews__title {
font-size: 50px;
}
}
@media (max-width: 980px) {
.reviews__title {
font-size: 45px;
}
}
@media (max-width: 880px) {
.reviews__title {
font-size: 44px;
}
}
@media (max-width: 760px) {
.reviews__title {
font-size: 40px;
}
}
@media (max-width: 675px) {
.reviews__title {
font-size: 36px;
}
}
@media (max-width: 490px) {
.reviews__title {
font-size: 33px;
line-height: normal;
}
}
@media (max-width: 420px) {
.reviews__title {
font-size: 31px;
}
}
@media (max-width: 390px) {
.reviews__title {
font-size: 29px;
}
}
@media (max-width: 370px) {
.reviews__title {
font-size: 27px;
}
}
@media (max-width: 350px) {
.reviews__title {
font-size: 25px;
}
}
@media (max-width: 330px) {
.reviews__title {
font-size: 23px;
}
}
.reviews__up {
display: flex;
flex-direction: column;
}
.reviews__container {
margin-top: 45px;
width: 1035px;
height: 75px;
border-radius: 16px;
background-color: #ffffff;
display: flex;
justify-content: left;
align-items: center;
padding: 10px 20px;
}
@media (max-width: 1400px) {
.reviews__container {
height: 65px;
}
}
@media (max-width: 1300px) {
.reviews__container {
width: 935px;
}
}
@media (max-width: 1180px) {
.reviews__container {
width: 800px;
}
}
@media (max-width: 980px) {
.reviews__container {
width: 100%;
padding: 10px 15px;
}
}
@media (max-width: 760px) {
.reviews__container {
height: auto;
padding: 7px 10px;
}
}
@media (max-width: 675px) {
.reviews__container {
margin-top: 25px;
}
}
.reviews__container-blue {
width: 210px;
height: 56px;
border-radius: 8px;
background-color: #035bf6;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
}
@media (max-width: 1400px) {
.reviews__container-blue {
height: 45px;
}
}
@media (max-width: 980px) {
.reviews__container-blue {
width: 200px;
height: auto;
}
}
@media (max-width: 760px) {
.reviews__container-blue {
width: 180px;
padding: 10px;
}
}
@media (max-width: 675px) {
.reviews__container-blue {
width: 160px;
padding: 8px;
}
}
.reviews__container-blue__score {
display: flex;
align-items: center;
}
.reviews__container-blue__number {
font-size: 19px;
letter-spacing: 0px;
color: #ffffff;
margin-right: 7px;
}
@media (max-width: 980px) {
.reviews__container-blue__number {
font-size: 17px;
}
}
@media (max-width: 760px) {
.reviews__container-blue__number {
font-size: 15px;
}
}
.reviews__container-blue__text {
font-size: 19px;
letter-spacing: 0px;
color: #ffffff;
}
@media (max-width: 980px) {
.reviews__container-blue__text {
font-size: 17px;
}
}
@media (max-width: 760px) {
.reviews__container-blue__text {
font-size: 15px;
}
}
@media (max-width: 760px) {
.reviews__container-blue__star {
display: flex;
justify-content: center;
align-items: center;
}
}
@media (max-width: 980px) {
.reviews__container-blue__star img {
width: 20px;
}
}
@media (max-width: 760px) {
.reviews__container-blue__star img {
width: 15px;
}
}
.reviews__container-text {
margin-left: 25px;
font-size: 19px;
letter-spacing: 0px;
color: #212121;
font-weight: 400;
}
@media (max-width: 980px) {
.reviews__container-text {
font-size: 17px;
}
}
@media (max-width: 760px) {
.reviews__container-text {
font-size: 15px;
}
}
.reviews__content-slider {
width: 1015px;
margin-right: -5px;
display: flex;
justify-content: space-between;
}
@media (max-width: 1219px) {
.reviews__content-slider {
width: 970px;
margin-right: 0px;
}
}
@media (max-width: 1180px) {
.reviews__content-slider {
width: 940px;
}
}
@media (max-width: 1140px) {
.reviews__content-slider {
width: 900px;
}
}
@media (max-width: 1100px) {
.reviews__content-slider {
width: 850px;
}
}
@media (max-width: 1040px) {
.reviews__content-slider {
width: 800px;
}
}
@media (max-width: 980px) {
.reviews__content-slider {
width: 750px;
}
}
@media (max-width: 910px) {
.reviews__content-slider {
width: 700px;
}
}
@media (max-width: 850px) {
.reviews__content-slider {
width: 650px;
}
}
@media (max-width: 820px) {
.reviews__content-slider {
width: 570px;
}
}
@media (max-width: 720px) {
.reviews__content-slider {
width: 490px;
}
}
@media (max-width: 700px) {
.reviews__content-slider {
width: 100%;
}
}
.reviews__video {
margin-top: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 720px) {
.reviews__video {
margin-top: 15px;
}
}
@media (max-width: 700px) {
.reviews__video {
display: block;
margin-top: 60px;
}
}
.reviews__video-prev {
width: 80px;
height: 78px;
border-radius: 11px;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1400px) {
.reviews__video-prev {
width: 60px;
height: 58px;
}
}
@media (max-width: 980px) {
.reviews__video-prev {
width: 50px;
height: 48px;
}
}
@media (max-width: 760px) {
.reviews__video-prev {
width: 45px;
height: 43px;
}
}
@media (max-width: 700px) {
.reviews__video-prev {
display: none;
top: initial;
bottom: -70px;
position: absolute;
left: 30px;
}
}
@media (max-width: 675px) {
.reviews__video-prev {
width: 35px;
height: 35px;
}
}
.reviews__video-prev:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
@media (max-width: 980px) {
.reviews__video-prev img {
width: 30px;
}
}
@media (max-width: 760px) {
.reviews__video-prev img {
width: 27px;
}
}
@media (max-width: 675px) {
.reviews__video-prev img {
width: 25px;
}
}
.reviews__video-next {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1400px) {
.reviews__video-next {
width: 60px;
height: 58px;
}
}
@media (max-width: 980px) {
.reviews__video-next {
width: 50px;
height: 48px;
}
}
@media (max-width: 760px) {
.reviews__video-next {
width: 45px;
height: 43px;
}
}
@media (max-width: 700px) {
.reviews__video-next {
display: none;
top: initial;
bottom: -70px;
position: absolute;
right: 30px;
}
}
@media (max-width: 675px) {
.reviews__video-next {
width: 35px;
height: 35px;
}
}
.reviews__video-next:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.reviews__video-next img {
transform: rotate(180deg);
}
@media (max-width: 980px) {
.reviews__video-next img {
width: 30px;
}
}
@media (max-width: 760px) {
.reviews__video-next img {
width: 27px;
}
}
@media (max-width: 675px) {
.reviews__video-next img {
width: 25px;
}
}
.reviews__video-card {
width: 271px;
height: 412px;
border-radius: 24px;
position: relative;
}
@media (max-width: 1180px) {
.reviews__video-card {
width: 230px;
height: auto;
}
}
@media (max-width: 960px) {
.reviews__video-card {
width: 340px;
}
}
@media (max-width: 910px) {
.reviews__video-card {
width: 310px;
}
}
@media (max-width: 820px) {
.reviews__video-card {
width: 265px;
}
}
@media (max-width: 720px) {
.reviews__video-card {
width: 220px;
}
}
@media (max-width: 700px) {
.reviews__video-card {
width: 310px;
}
}
@media (max-width: 670px) {
.reviews__video-card {
width: 280px;
}
}
@media (max-width: 610px) {
.reviews__video-card {
width: 260px;
}
}
@media (max-width: 610px) {
.reviews__video-card {
width: 240px;
}
}
@media (max-width: 610px) {
.reviews__video-card {
width: 230px;
}
}
@media (max-width: 500px) {
.reviews__video-card {
width: 220px;
}
}
@media (max-width: 490px) {
.reviews__video-card {
width: 48%;
}
}
.reviews__video-card {
overflow: hidden;
}
.reviews__video-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1180px) {
.reviews__video-card img {
width: 100%;
height: auto;
}
}
.reviews__video-card__circle {
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
background: linear-gradient(to bottom, #025dfc, #0849bc);
top: 45%;
left: 42%;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 490px) {
.reviews__video-card__circle {
width: 35px;
height: 35px;
top: 41%;
left: 39%;
}
}
.reviews__video-card__circle:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
cursor: pointer;
}
.reviews__video-card__arrow {
width: 0;
height: 0;
border-left: 15px solid #ffffff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
margin-left: 4px;
}
@media (max-width: 490px) {
.reviews__video-card__arrow {
border-left: 13px solid #ffffff;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
}
}
.reviews__navigation {
display: none;
}
@media (max-width: 700px) {
.reviews__navigation {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.reviews__video-card {
width: 100%;
margin-right: 7px;
margin-left: 7px;
}
.reviews__slider {
margin-right: auto;
margin-left: auto;
}
}
.reviews__navigation-prev {
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
width: 45px;
height: 43px;
margin-right: 25px;
}
@media (max-width: 675px) {
.reviews__navigation-prev {
width: 35px;
height: 35px;
}
}
.reviews__navigation-prev img {
width: 27px;
}
@media (max-width: 675px) {
.reviews__navigation-prev img {
width: 25px;
}
}
.reviews__navigation-next {
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
width: 45px;
height: 43px;
}
@media (max-width: 675px) {
.reviews__navigation-next {
width: 35px;
height: 35px;
}
}
.reviews__navigation-next img {
transform: rotate(180deg);
width: 27px;
}
@media (max-width: 675px) {
.reviews__navigation-next img {
width: 25px;
}
}
.reviews__slider {
position: relative;
max-width: 100%;
}
@media (max-width: 1024px) {
.reviews__slider {
overflow: auto;
}
}
@media (max-width: 960px) {
.reviews__slider {
overflow: hidden;
}
}
.reviews__slide {
display: none;
}
.reviews__slide.active {
display: block;
}
.reviews__dots {
display: flex;
justify-content: center;
margin-top: 60px; }
@media (max-width: 760px) {
.reviews__dots {
margin-top: 40px;
}
}
@media (max-width: 700px) {
.reviews__dots {
display: none;
}
}
.reviews__dot {
width: 71px;
height: 8px;
border-radius: 3px;
background: linear-gradient(to bottom, #022a80, #042c6e);
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s;
}
@media (max-width: 980px) {
.reviews__dot {
width: 55px;
height: 7px;
}
}
@media (amx-width: 760px) {
.reviews__dot {
width: 50px;
height: 6px;
}
}
@media (max-width: 675px) {
.reviews__dot {
width: 45px;
height: 5px;
}
}
@media (max-width: 575px) {
.reviews__dot {
width: 40px;
height: 5px;
}
}
@media (max-width: 550px) {
.reviews__dot {
width: 35px;
}
}
.reviews__dot:hover {
background: linear-gradient(to bottom, #0460f5, #084ecb);
}
.reviews__dot.active {
background: linear-gradient(to bottom, #0460f5, #084ecb);
}
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
justify-content: center;
align-items: center;
z-index: 10;
}
.popup-content {
padding: 20px;
border-radius: 5px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.close-popup {
position: absolute;
top: -25px;
right: -15px;
cursor: pointer;
font-size: 50px;
color: #ffffff;
}
@media (max-width: 700px) {
.close-popup {
font-size: 45px;
}
}
@media (max-width: 490px) {
.close-popup {
top: -15px;
right: 2px;
font-size: 30px;
}
}
@media (max-width: 410px) {
.close-popup {
top: -10px;
right: 8px;
font-size: 25px;
}
}
#videoPlayer {
width: 900px;
height: 500px;
background-color: #000000;
}
@media (max-width: 700px) {
#videoPlayer {
width: 500px;
height: 330px;
}
}
@media (max-width: 600px) {
#videoPlayer {
width: 450px;
height: 280px;
}
}
@media (max-width: 550px) {
#videoPlayer {
width: 400px;
height: 280px;
}
}
@media (max-width: 490px) {
#videoPlayer {
width: 350px;
height: 250px;
}
}
@media (max-width: 410px) {
#videoPlayer {
max-width: 100%;
max-height: 90%;
}
}
.glow_reviews {
position: absolute;
width: 250px;
height: 350px;
filter: blur(190px);
background: #025eff;
z-index: 1;
transform: translate3d(0, 0, 0);
}
@media (max-width: 1100px) {
.glow_reviews {
width: 200px;
height: 560px;
}
}
@media (max-width: 675px) {
.glow_reviews {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_reviews {
width: 165px;
height: 374px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_reviews::before {
content: "";
position: absolute;
top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__reviews_right {
top: 720px;
right: -169px;
}
.glow__reviews_left {
top: 350px;
left: -169px;
}
.glow_reviewspage {
position: absolute;
width: 250px;
height: 350px;
filter: blur(190px);
background: #025eff;
z-index: 1;
transform: translate3d(0, 0, 0);
}
@media (max-width: 1100px) {
.glow_reviewspage {
width: 200px;
height: 560px;
}
}
@media (max-width: 675px) {
.glow_reviewspage {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_reviewspage {
width: 165px;
height: 374px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_reviewspage::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(180px); z-index: -1; }
}
.glow__reviewspage_right {
top: 720px;
right: -169px;
}
@media (max-width: 460px) {
.glow__reviewspage_right {
top: 609px;
}
}
.glow__reviewspage_left {
top: 350px;
left: -169px;
}
@media (max-width: 460px) {
.glow__reviewspage_left {
top: -10px;
}
}
.step {
padding-top: 150px;
padding-bottom: 150px;
position: relative;
display: flex;
justify-content: center; align-items: center;
}
@media (max-width: 1024px) {
.step {
padding-top: 100px;
}
}
@media (max-width: 980px) {
.step {
padding-top: 30px;
}
}
@media (max-width: 960px) {
.step {
padding-bottom: 80px;
}
}
@media (max-width: 760px) {
.step {
padding-bottom: 70px;
}
}
@media (max-width: 675px) {
.step {
padding-top: 25px;
}
}
@media (max-width: 450px) {
.step {
padding-bottom: 40px;
}
}
.step__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
position: relative;
z-index: 4;
}
@media (max-width: 1400px) {
.step__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.step__title {
font-size: 50px;
}
}
@media (max-width: 980px) {
.step__title {
font-size: 45px;
}
}
@media (max-width: 880px) {
.step__title {
font-size: 44px;
}
}
@media (max-width: 760px) {
.step__title {
font-size: 40px;
}
}
@media (max-width: 675px) {
.step__title {
font-size: 36px;
line-height: normal;
}
}
@media (max-width: 575px) {
.step__title {
font-size: 36px;
}
}
@media (max-width: 550px) {
.step__title {
font-size: 32px;
}
}
@media (max-width: 490px) {
.step__title {
font-size: 30px;
}
}
@media (max-width: 450px) {
.step__title {
font-size: 26px;
}
}
@media (max-width: 381px) {
.step__title {
font-size: 24px;
}
}
@media (max-width: 349px) {
.step__title {
font-size: 23px;
}
}
@media (max-width: 334px) {
.step__title {
font-size: 22px;
}
}
.step__navigation {
display: none;
}
@media (max-width: 570px) {
.step__navigation {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
}
.step-prev {
display: none;
}
@media (max-width: 570px) {
.step-prev {
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
width: 35px;
height: 35px;
z-index: 6;
margin-right: 25px;
}
}
.step-prev img {
width: 25px;
}
.step-next {
display: none;
}
@media (max-width: 570px) {
.step-next {
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
width: 35px;
height: 35px;
z-index: 5;
}
}
.step-next img {
width: 25px;
transform: rotate(180deg);
}
.step__content {
margin-top: 200px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 180px;
align-items: center;
position: relative;
z-index: 4;
margin-left: 155px;
}
@media (max-width: 1270px) {
.step__content {
margin-left: 60px;
}
}
@media (max-width: 1140px) {
.step__content {
margin-left: 30px;
}
}
@media (max-width: 1060px) {
.step__content {
margin-left: 15px;
margin-top: 160px;
}
}
@media (max-width: 1040px) {
.step__content {
margin-left: 10px;
}
}
@media (max-width: 1020px) {
.step__content {
margin-left: 0px;
}
}
@media (max-width: 960px) {
.step__content {
grid-row-gap: 120px;
margin-left: 30px;
}
}
@media (max-width: 860px) {
.step__content {
margin-left: 15px;
}
}
@media (max-width: 830px) {
.step__content {
margin-left: 0px;
}
}
@media (max-width: 820px) {
.step__content {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-row-gap: 150px;
margin-left: 45px;
}
}
@media (max-width: 750px) {
.step__content {
margin-left: 30px;
}
}
@media (max-width: 730px) {
.step__content {
margin-left: 15px;
}
}
@media (max-width: 720px) {
.step__content {
margin-left: 0px;
}
}
@media (max-width: 710px) {
.step__content {
margin-left: 10px;
}
}
@media (max-width: 570px) {
.step__content {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-row-gap: 70px;
margin-left: 0px;
}
}
@media (max-width: 460px) {
.step__content {
margin-top: 110px;
}
}
.step__item {
display: flex;
}
@media (max-width: 570px) {
.step__item {
flex-direction: column;
align-items: center;
}
}
.step__card {
width: 260px;
height: 235px;
border-radius: 16px;
background-color: rgba(200, 200, 200, 0.051);
padding: 10px 7px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
@media (max-width: 1270px) {
.step__card {
width: 260px;
}
}
@media (max-width: 960px) {
.step__card {
width: 220px;
height: 230px;
}
}
@media (max-width: 820px) {
.step__card {
width: 280px;
height: 270px;
}
}
@media (max-width: 710px) {
.step__card {
width: 250px;
height: 240px;
}
}
@media (max-width: 630px) {
.step__card {
width: 220px;
height: 230px;
}
}
@media (max-width: 570px) {
.step__card {
width: 280px;
height: 270px;
}
}
@media (max-width: 375px) {
.step__card {
width: 220px;
height: 230px;
}
}
.step__card-notebook {
width: 340px;
position: absolute;
right: -11%;
top: -42%;
z-index: 1;
}
@media (max-width: 1270px) {
.step__card-notebook {
right: -15%;
}
}
@media (max-width: 960px) {
.step__card-notebook {
width: 320px;
top: -39%;
}
}
@media (max-width: 820px) {
.step__card-notebook {
right: -9%;
top: -35%;
width: auto;
}
}
@media (max-width: 710px) {
.step__card-notebook {
right: -14%;
top: -37%;
width: 330px;
}
}
@media (max-width: 630px) {
.step__card-notebook {
top: -39%;
width: 310px;
right: -18%;
}
}
@media (max-width: 570px) {
.step__card-notebook {
right: -9%;
top: -35%;
width: auto;
}
}
@media (max-width: 375px) {
.step__card-notebook {
top: -39%;
width: 310px;
right: -18%;
}
}
.step__card-mobile {
width: 340px;
position: absolute;
right: -15%;
top: -43%;
z-index: 1;
}
@media (max-width: 1270px) {
.step__card-mobile {
right: -15%;
}
}
@media (max-width: 960px) {
.step__card-mobile {
width: 320px;
top: -39%;
}
}
@media (max-width: 820px) {
.step__card-mobile {
right: -13%;
top: -35%;
width: auto;
}
}
@media (max-width: 710px) {
.step__card-mobile {
right: -17%;
top: -39%;
width: 330px;
}
}
@media (max-width: 630px) {
.step__card-mobile {
width: 310px;
top: -39%;
right: -21%;
}
}
@media (max-width: 570px) {
.step__card-mobile {
right: -13%;
top: -35%;
width: auto;
}
}
@media (max-width: 375px) {
.step__card-mobile {
width: 310px;
top: -39%;
right: -21%;
}
}
.step__card-man {
width: 340px;
position: absolute;
right: -16%;
top: -40%;
z-index: 1;
}
@media (max-width: 960px) {
.step__card-man {
width: 320px;
top: -38%;
}
}
@media (max-width: 820px) {
.step__card-man {
right: -16%;
top: -36%;
width: auto;
}
}
@media (max-width: 710px) {
.step__card-man {
right: -16%;
top: -37%;
width: 330px;
}
}
@media (max-width: 630px) {
.step__card-man {
width: 310px;
top: -38%;
}
}
@media (max-width: 570px) {
.step__card-man {
right: -16%;
top: -36%;
width: auto;
}
}
@media (max-width: 375px) {
.step__card-man {
width: 310px;
top: -38%;
}
}
.step__card-production {
width: 340px;
position: absolute;
right: -16%;
top: -40%;
z-index: 1;
}
@media (max-width: 1270px) {
.step__card-production {
right: -17%;
top: -40%;
}
}
@media (max-width: 960px) {
.step__card-production {
width: 320px;
right: -18%;
top: -39%;
}
}
@media (max-width: 820px) {
.step__card-production {
right: -16%;
top: -34%;
width: auto;
}
}
@media (max-width: 710px) {
.step__card-production {
right: -17%;
top: -37%;
width: 330px;
}
}
@media (max-width: 630px) {
.step__card-production {
width: 310px;
right: -18%;
top: -37%;
}
}
@media (max-width: 570px) {
.step__card-production {
right: -16%;
top: -34%;
width: auto;
}
}
@media (max-width: 375px) {
.step__card-production {
width: 310px;
right: -18%;
top: -37%;
}
}
.step__card-car {
width: 340px;
position: absolute;
right: -14%;
top: -42%;
z-index: 1;
}
@media (max-width: 1270px) {
.step__card-car {
right: -15%;
top: -43%;
}
}
@media (max-width: 960px) {
.step__card-car {
width: 320px;
right: -20%;
top: -44%;
}
}
@media (max-width: 820px) {
.step__card-car {
right: -15%;
top: -39%;
width: auto;
}
}
@media (max-width: 710px) {
.step__card-car {
right: -18%;
top: -41%;
width: 330px;
}
}
@media (max-width: 630px) {
.step__card-car {
width: 310px;
right: -20%;
top: -42%;
}
}
@media (max-width: 570px) {
.step__card-car {
right: -15%;
top: -39%;
width: auto;
}
}
@media (max-width: 375px) {
.step__card-car {
width: 310px;
right: -20%;
top: -42%;
}
}
.step__card-women {
width: 340px;
position: absolute;
right: -15%;
top: -40%;
z-index: 1;
}
@media (max-width: 960px) {
.step__card-women {
width: 320px;
right: -17%;
top: -40%;
}
}
@media (max-width: 820px) {
.step__card-women {
right: -14%;
top: -36%;
width: auto;
}
}
@media (max-width: 710px) {
.step__card-women {
right: -15%;
top: -37%;
width: 330px;
}
}
@media (max-width: 630px) {
.step__card-women {
width: 310px;
right: -16%;
top: -37%;
}
}
@media (max-width: 570px) {
.step__card-women {
right: -14%;
top: -36%;
width: auto;
}
}
@media (max-width: 375px) {
.step__card-women {
width: 300px;
right: -16%;
top: -36%;
}
}
.step__card-text {
padding-top: 160px;
font-size: 19px;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
color: #ffffff;
text-align: center;
z-index: 2;
}
@media (max-width: 1270px) {
.step__card-text {
font-size: 18px;
line-height: 28px;
}
}
@media (max-width: 960px) {
.step__card-text {
font-size: 16px;
line-height: 20px;
padding-top: 150px;
}
}
@media (max-width: 820px) {
.step__card-text {
padding-top: 172px;
font-size: 20px;
line-height: 31px;
}
}
@media (max-width: 710px) {
.step__card-text {
padding-top: 170px;
font-size: 17px;
line-height: 20px;
}
}
@media (max-width: 630px) {
.step__card-text {
font-size: 16px;
padding-top: 165px;
}
}
@media (max-width: 570px) {
.step__card-text {
padding-top: 172px;
font-size: 20px;
line-height: 31px;
}
}
@media (max-width: 375px) {
.step__card-text {
padding-top: 160px;
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 570px) {
.step__arrow {
display: none;
}
}
.step__arrow img {
margin-top: 88px;
}
@media (max-width: 1020px) {
.step__arrow img {
width: 50px;
}
}
@media (max-width: 960px) {
.step__arrow img {
width: 45px;
margin-top: 90px;
}
}
@media (max-width: 820px) {
.step__arrow img {
margin-top: 107px;
width: 50px;
}
}
@media (max-width: 710px) {
.step__arrow img {
margin-top: 95px;
width: 45px;
}
}
@media (max-width: 630px) {
.step__arrow img {
margin-top: 85px;
width: 35px;
}
}
@media (max-width: 570px) {
.step__arrow img {
margin-top: 35px;
width: auto;
transform: rotate(90deg);
}
}
.step__item-text {
font-size: 27px;
letter-spacing: 0px;
line-height: 26px;
color: #ffffff;
font-weight: 900;
text-align: center;
padding-top: 15px;
}
@media (max-width: 1270px) {
.step__item-text {
font-size: 25px;
}
}
@media (max-width: 960px) {
.step__item-text {
font-size: 22px;
}
}
@media (max-width: 820px) {
.step__item-text {
font-size: 25px;
}
}
@media (max-width: 710px) {
.step__item-text {
font-size: 22px;
}
}
.glow_step {
will-change: transform, filter;
position: absolute;
width: 250px;
height: 350px;
filter: blur(190px);
background: #025eff;
z-index: 1;
transform: translate3d(0, 0, 0);
}
@media (max-width: 460px) {
.glow_step {
width: 165px;
height: 374px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_step::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__step_right {
top: 520px;
right: -169px;
}
.glow__step_left {
top: -15px;
left: -169px;
}
.delivery {
padding-top: 150px;
padding-bottom: 50px;
position: relative;
}
@media (max-width: 675px) {
.delivery {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (max-width: 575px) {
.delivery {
padding-bottom: 40px;
}
}
@media (max-width: 550px) {
.delivery {
padding-bottom: 25px;
}
}
.delivery__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
position: relative;
z-index: 3;
}
@media (max-width: 1400px) {
.delivery__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.delivery__title {
font-size: 50px;
}
}
@media (max-width: 880px) {
.delivery__title {
font-size: 45px;
}
}
@media (max-width: 760px) {
.delivery__title {
font-size: 40px;
}
}
@media (max-width: 675px) {
.delivery__title {
font-size: 36px;
line-height: normal;
}
}
@media (max-width: 490px) {
.delivery__title {
font-size: 33px;
}
}
@media (max-width: 450px) {
.delivery__title {
font-size: 29px;
}
}
@media (max-width: 390px) {
.delivery__title {
font-size: 26px;
}
}
@media (max-width: 345px) {
.delivery__title {
font-size: 24px;
}
}
.delivery__content {
margin-top: 80px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 4;
}
@media (max-width: 430px) {
.delivery__content {
margin-top: 40px;
}
}
@media (max-width: 345px) {
.delivery__content {
margin-top: 30px;
}
}
.delivery__case {
width: 100%;
border-radius: 16px;
background-color: #ffffff;
padding: 90px 0px 60px 60px;
margin-top: 45px;
}
@media (max-width: 980px) {
.delivery__case {
padding: 60px 0px 60px 60px;
}
}
@media (max-width: 880px) {
.delivery__case {
padding: 50px 0px 60px 30px;
}
}
@media (max-width: 675px) {
.delivery__case {
margin-top: 35px;
padding: 30px 0px 30px 20px;
}
}
@media (max-width: 580px) {
.delivery__case {
margin-top: 25px;
padding: 20px 0px 20px 20px;
}
}
.delivery__case-content {
position: relative;
}
.delivery__case-flex {
display: flex;
}
@media (max-width: 1230px) {
.delivery__case-map {
margin-bottom: 25px;
}
}
@media (max-width: 1200px) {
.delivery__case-map {
margin-bottom: 50px;
}
}
@media (max-width: 1180px) {
.delivery__case-map {
margin-bottom: 80px;
}
}
@media (max-width: 1099px) {
.delivery__case-map {
margin-bottom: 100px;
}
}
@media (max-width: 980px) {
.delivery__case-map {
margin-bottom: 60px;
}
}
@media (max-width: 880px) {
.delivery__case-map {
margin-bottom: 40px;
}
}
@media (max-width: 815px) {
.delivery__case-map {
margin-bottom: 80px;
}
}
@media (max-width: 760px) {
.delivery__case-map {
margin-bottom: 60px;
}
}
@media (max-width: 740px) {
.delivery__case-map {
margin-bottom: 80px;
}
}
@media (max-width: 580px) {
.delivery__case-map {
margin-bottom: 45px;
}
}
@media (max-width: 450px) {
.delivery__case-map {
margin-bottom: 20px;
}
}
@media (max-width: 415px) {
.delivery__case-map {
margin-bottom: 40px;
}
}
@media (max-width: 345px) {
.delivery__case-map {
margin-bottom: 70px;
}
}
.delivery__case-map img {
width: 90%;
opacity: 0.5;
}
@media (max-width: 1400px) {
.delivery__case-map img {
margin-top: -59px;
}
}
@media (max-width: 1024px) {
.delivery__case-map img {
width: 95%;
}
}
@media (max-width: 980px) {
.delivery__case-map img {
margin-top: 0px;
}
}
@media (max-width: 880px) {
.delivery__case-map img {
width: 90%;
}
}
@media (max-width: 760px) {
.delivery__case-map img {
width: 100%;
margin-top: -29px;
}
}
@media (max-width: 580px) {
.delivery__case-map img {
margin-top: -5px;
}
}
.delivery__case-title {
font-size: 59px;
letter-spacing: -1px;
color: #0b54d6;
font-weight: 900;
}
@media (max-width: 1400px) {
.delivery__case-title {
font-size: 50px;
}
}
@media (max-width: 980px) {
.delivery__case-title {
font-size: 45px;
}
}
@media (max-width: 880px) {
.delivery__case-title {
font-size: 40px;
}
}
@media (max-width: 760px) {
.delivery__case-title {
font-size: 37px;
}
}
@media (max-width: 675px) {
.delivery__case-title {
font-size: 33px;
}
}
@media (max-width: 580px) {
.delivery__case-title {
font-size: 26px;
}
}
@media (max-width: 530px) {
.delivery__case-title {
font-size: 23px;
}
}
@media (max-width: 345px) {
.delivery__case-title {
font-size: 21px;
}
}
.delivery__case-item {
position: absolute;
top: 60px;
}
@media (max-width: 1400px) {
.delivery__case-item {
top: 50px;
}
}
@media (max-width: 980px) {
.delivery__case-item {
top: 35px;
}
}
@media (max-width: 760px) {
.delivery__case-item {
top: 30px;
}
}
@media (max-width: 580px) {
.delivery__case-item {
top: 20px;
}
}
@media (max-width: 530px) {
.delivery__case-item {
top: 15px;
}
}
@media (max-width: 450px) {
.delivery__case-item {
top: 10px;
}
}
.delivery__case-item__title {
font-size: 31px;
letter-spacing: -1px;
color: #17191d;
font-weight: 900;
}
@media (max-width: 1400px) {
.delivery__case-item__title {
font-size: 29px;
}
}
@media (max-width: 880px) {
.delivery__case-item__title {
font-size: 25px;
}
}
@media (max-width: 685px) {
.delivery__case-item__title {
font-size: 23px;
}
}
@media (max-width: 580px) {
.delivery__case-item__title {
font-size: 21px;
}
}
@media (max-width: 530px) {
.delivery__case-item__title {
font-size: 20px;
}
}
@media (max-width: 450px) {
.delivery__case-item__title {
font-size: 18px;
}
}
@media (max-width: 385px) {
.delivery__case-item__title {
font-size: 16px;
}
}
.delivery__case-item__text {
font-size: 26px;
letter-spacing: -1px;
color: #17191d;
font-weight: 400;
padding-bottom: 35px;
}
@media (max-width: 1400px) {
.delivery__case-item__text {
font-size: 24px;
padding-bottom: 30px;
}
}
@media (max-width: 880px) {
.delivery__case-item__text {
padding-bottom: 15px;
}
}
@media (max-width: 760px) {
.delivery__case-item__text {
font-size: 22px;
}
}
@media (max-width: 685px) {
.delivery__case-item__text {
font-size: 20px;
}
}
@media (max-width: 580px) {
.delivery__case-item__text {
font-size: 18px;
}
}
@media (max-width: 530px) {
.delivery__case-item__text {
font-size: 16px;
}
}
@media (max-width: 450px) {
.delivery__case-item__text {
font-size: 14px;
padding-bottom: 10px;
}
}
@media (max-width: 385px) {
.delivery__case-item__text {
font-size: 13px;
}
}
@media (max-width: 359px) {
.delivery__case-item__text {
font-size: 12px;
}
}
@media (max-width: 345px) {
.delivery__case-item__text {
font-size: 13px;
}
}
.delivery__case-item__text span {
font-weight: 700;
}
.delivery__case-item__text.post {
width: 456px;
}
@media (max-width: 980px) {
.delivery__case-item__text.post {
width: 418px;
}
}
@media (max-width: 685px) {
.delivery__case-item__text.post {
width: 400px;
}
}
@media (max-width: 630px) {
.delivery__case-item__text.post {
width: 95%;
}
}
@media (max-width: 389px) {
.delivery__case-item__text.post {
width: 97%;
}
}
.delivery__case-item__text.cdek {
width: 341px;
}
@media (max-width: 1400px) {
.delivery__case-item__text.cdek {
width: 313px;
}
}
@media (max-width: 760px) {
.delivery__case-item__text.cdek {
width: 284px;
}
}
@media (max-width: 685px) {
.delivery__case-item__text.cdek {
width: 253px;
}
}
@media (max-width: 580px) {
.delivery__case-item__text.cdek {
width: 228px;
}
}
@media (max-width: 530px) {
.delivery__case-item__text.cdek {
width: 198px;
}
}
@media (max-width: 450px) {
.delivery__case-item__text.cdek {
width: 170px;
}
}
@media (max-width: 385px) {
.delivery__case-item__text.cdek {
width: 155px;
}
}
.delivery__case-car img {
position: absolute;
right: 0%;
top: 25%;
}
@media (max-width: 1400px) {
.delivery__case-car img {
top: 20%;
}
}
@media (max-width: 1300px) {
.delivery__case-car img {
width: 844px;
top: 27%;
}
}
@media (max-width: 1260px) {
.delivery__case-car img {
top: 23%;
}
}
@media (max-width: 1230px) {
.delivery__case-car img {
width: 820px;
top: 24%;
}
}
@media (max-width: 1200px) {
.delivery__case-car img {
width: 800px;
top: 28%;
}
}
@media (max-width: 1180px) {
.delivery__case-car img {
width: 780px;
}
}
@media (max-width: 1160px) {
.delivery__case-car img {
width: 760px;
top: 29%;
}
}
@media (max-width: 1140px) {
.delivery__case-car img {
width: 700px;
top: 37%;
}
}
@media (max-width: 1099px) {
.delivery__case-car img {
width: 650px;
top: 37%;
}
}
@media (max-width: 1024px) {
.delivery__case-car img {
width: 600px;
top: 40%;
}
}
@media (max-width: 990px) {
.delivery__case-car img {
width: 545px;
top: 45%;
}
}
@media (max-width: 930px) {
.delivery__case-car img {
width: 500px;
top: 51%;
}
}
@media (max-width: 880px) {
.delivery__case-car img {
width: 510px;
top: 46%;
}
}
@media (max-width: 865px) {
.delivery__case-car img {
width: 460px;
top: 53%;
}
}
@media (max-width: 815px) {
.delivery__case-car img {
width: 410px;
top: 54%;
}
}
@media (max-width: 760px) {
.delivery__case-car img {
width: 410px;
top: 52%;
}
}
@media (max-width: 740px) {
.delivery__case-car img {
width: 370px;
top: 56%;
}
}
@media (max-width: 695px) {
.delivery__case-car img {
width: 360px;
top: 58%;
}
}
@media (max-width: 685px) {
.delivery__case-car img {
width: 338px;
top: 55%;
}
}
@media (max-width: 630px) {
.delivery__case-car img {
width: 290px;
top: 58%;
}
}
@media (max-width: 580px) {
.delivery__case-car img {
width: 271px;
top: 55%;
}
}
@media (max-width: 530px) {
.delivery__case-car img {
width: 250px;
top: 54%;
}
}
@media (max-width: 475px) {
.delivery__case-car img {
width: 225px;
top: 60%;
}
}
@media (max-width: 450px) {
.delivery__case-car img {
width: 245px;
top: 50%;
}
}
@media (max-width: 445px) {
.delivery__case-car img {
width: 235px;
top: 52%;
}
}
@media (max-width: 435px) {
.delivery__case-car img {
width: 225px;
top: 54%;
}
}
@media (max-width: 425px) {
.delivery__case-car img {
width: 215px;
top: 58%;
}
}
@media (max-width: 415px) {
.delivery__case-car img {
width: 200px;
top: 57%;
}
}
@media (max-width: 405px) {
.delivery__case-car img {
width: 195px;
top: 58%;
}
}
@media (max-width: 395px) {
.delivery__case-car img {
width: 185px;
top: 62%;
}
}
@media (max-width: 385px) {
.delivery__case-car img {
width: 185px;
top: 54%;
}
}
@media (max-width: 375px) {
.delivery__case-car img {
width: 175px;
top: 56%;
}
}
@media (max-width: 365px) {
.delivery__case-car img {
width: 170px;
top: 58%;
}
}
@media (max-width: 355px) {
.delivery__case-car img {
width: 160px;
top: 62%;
}
}
@media (max-width: 345px) {
.delivery__case-car img {
width: 150px;
top: 64%;
}
}
@media (max-width: 335px) {
.delivery__case-car img {
width: 140px;
top: 66%;
}
}
@media (max-width: 325px) {
.delivery__case-car img {
width: 133px;
top: 68%;
}
}
.delivery__case-man img {
position: absolute;
top: 8%;
right: 16%;
}
@media (max-width: 1400px) {
.delivery__case-man img {
top: -1%;
right: 14%;
}
}
@media (max-width: 1300px) {
.delivery__case-man img {
height: 515px;
top: 15%;
right: 13%;
}
}
@media (max-width: 1260px) {
.delivery__case-man img {
height: 545px;
top: 7%;
}
}
@media (max-width: 1200px) {
.delivery__case-man img {
top: 13%;
height: 510px;
right: 14%;
}
}
@media (max-width: 1140px) {
.delivery__case-man img {
top: 22%;
height: 481px;
right: 14%;
}
}
@media (max-width: 1099px) {
.delivery__case-man img {
top: 24%;
height: 435px;
}
}
@media (max-width: 1024px) {
.delivery__case-man img {
height: 435px;
top: 24%;
right: 15%;
}
}
@media (max-width: 990px) {
.delivery__case-man img {
height: 380px;
top: 34%;
right: 13%;
}
}
@media (max-width: 930px) {
.delivery__case-man img {
height: 350px;
top: 41%;
}
}
@media (max-width: 880px) {
.delivery__case-man img {
height: 342px;
top: 35%;
}
}
@media (max-width: 865px) {
.delivery__case-man img {
height: 310px;
top: 40%;
right: 12%;
}
}
@media (max-width: 815px) {
.delivery__case-man img {
height: 270px;
top: 44%;
right: 11%;
}
}
@media (max-width: 760px) {
.delivery__case-man img {
height: 250px;
top: 45%;
right: 10%;
}
}
@media (max-width: 740px) {
.delivery__case-man img {
height: 230px;
top: 48%;
right: 10%;
}
}
@media (max-width: 695px) {
.delivery__case-man img {
top: 51%;
}
}
@media (max-width: 685px) {
.delivery__case-man img {
top: 46%;
}
}
@media (max-width: 630px) {
.delivery__case-man img {
height: 200px;
top: 50%;
}
}
@media (max-width: 580px) {
.delivery__case-man img {
height: 180px;
top: 47%;
right: 11%;
}
}
@media (max-width: 530px) {
.delivery__case-man img {
height: 150px;
top: 47%;
right: 11%;
}
}
@media (max-width: 475px) {
.delivery__case-man img {
height: 135px;
top: 52%;
right: 11%;
}
}
@media (max-width: 450px) {
.delivery__case-man img {
height: 145px;
top: 43%;
right: 12%;
}
}
@media (max-width: 435px) {
.delivery__case-man img {
height: 140px;
top: 44%;
}
}
@media (max-width: 425px) {
.delivery__case-man img {
height: 130px;
top: 49%;
}
}
@media (max-width: 415px) {
.delivery__case-man img {
height: 125px;
top: 50%;
right: 11%;
}
}
@media (max-width: 395px) {
.delivery__case-man img {
height: 115px;
top: 54%;
}
}
@media (max-width: 385px) {
.delivery__case-man img {
top: 48%;
}
}
@media (max-width: 375px) {
.delivery__case-man img {
top: 47%;
}
}
@media (max-width: 365px) {
.delivery__case-man img {
height: 110px;
top: 49%;
}
}
@media (max-width: 355px) {
.delivery__case-man img {
height: 100px;
top: 54%;
}
}
@media (max-width: 345px) {
.delivery__case-man img {
height: 90px;
top: 59%;
}
}
@media (max-width: 335px) {
.delivery__case-man img {
height: 80px;
top: 64%;
right: 10%;
}
}
.delivery__case-box img {
position: absolute;
top: 64%;
right: 1%;
}
@media (max-width: 1400px) {
.delivery__case-box img {
top: 61%;
}
}
@media (max-width: 1300px) {
.delivery__case-box img {
width: 220px;
top: 69%;
right: 1%;
}
}
@media (max-width: 1260px) {
.delivery__case-box img {
top: 68%;
}
}
@media (max-width: 1200px) {
.delivery__case-box img {
height: 200px;
top: 67%;
right: 1%;
}
}
@media (max-width: 1140px) {
.delivery__case-box img {
height: 190px;
width: 200px;
top: 75%;
right: 1%;
}
}
@media (max-width: 1099px) {
.delivery__case-box img {
top: 68%;
}
}
@media (max-width: 1024px) {
.delivery__case-box img {
width: 200px;
height: 200px;
top: 69%;
right: 1%;
}
}
@media (max-width: 990px) {
.delivery__case-box img {
width: 160px;
height: 160px;
top: 74%;
}
}
@media (max-width: 930px) {
.delivery__case-box img {
width: 150px;
height: 150px;
top: 80%;
}
}
@media (max-width: 880px) {
.delivery__case-box img {
width: 150px;
height: 150px;
top: 75%;
}
}
@media (max-width: 865px) {
.delivery__case-box img {
width: 130px;
height: 130px;
top: 81%;
}
}
@media (max-width: 815px) {
.delivery__case-box img {
width: 110px;
height: 110px;
top: 79%;
}
}
@media (max-width: 760px) {
.delivery__case-box img {
width: 100px;
height: 99px;
top: 79%;
}
}
@media (max-width: 740px) {
.delivery__case-box img {
width: 90px;
height: 90px;
top: 81%;
}
}
@media (max-width: 695px) {
.delivery__case-box img {
top: 83%;
}
}
@media (max-width: 685px) {
.delivery__case-box img {
top: 80%;
}
}
@media (max-width: 630px) {
.delivery__case-box img {
width: 80px;
height: 80px;
top: 82%;
}
}
@media (max-width: 580px) {
.delivery__case-box img {
width: 70px;
height: 70px;
top: 79%;
right: 2%;
}
}
@media (max-width: 530px) {
.delivery__case-box img {
width: 50px;
height: 50px;
top: 79%;
right: 4%;
}
}
@media (max-width: 475px) {
.delivery__case-box img {
width: 45px;
height: 45px;
top: 84%;
right: 4%;
}
}
@media (max-width: 450px) {
.delivery__case-box img {
width: 50px;
height: 50px;
top: 80%;
right: 4%;
}
}
@media (max-width: 435px) {
.delivery__case-box img {
width: 48px;
height: 48px;
top: 81%;
}
}
@media (max-width: 425px) {
.delivery__case-box img {
width: 45px;
height: 45px;
top: 84%;
}
}
@media (max-width: 415px) {
.delivery__case-box img {
width: 43px;
height: 43px;
top: 82%;
}
}
@media (max-width: 395px) {
.delivery__case-box img {
width: 38px;
height: 38px;
top: 85%;
}
}
@media (max-width: 385px) {
.delivery__case-box img {
top: 79%;
}
}
@media (max-width: 365px) {
.delivery__case-box img {
width: 36px;
height: 36px;
top: 81%;
}
}
@media (max-width: 355px) {
.delivery__case-box img {
width: 33px;
height: 33px;
top: 84%;
}
}
@media (max-width: 345px) {
.delivery__case-box img {
width: 30px;
height: 30px;
top: 84%;
}
}
@media (max-width: 335px) {
.delivery__case-box img {
width: 27px;
height: 27px;
top: 85%;
}
}
.delivery__case-button {
display: flex;
align-items: center;
justify-content: center;
font-size: 37px;
letter-spacing: -1px;
text-transform: uppercase;
color: #ffffff;
font-weight: 900;
text-align: center;
width: 376px;
height: 84px;
border-radius: 16px;
background: linear-gradient(90deg, rgb(3, 91, 246) 0%, rgb(0, 123, 255) 100%); border: none;
transition: background-color 0.3s ease;
cursor: pointer;
}
@media (max-width: 1400px) {
.delivery__case-button {
width: 320px;
height: 65px;
font-size: 30px;
}
}
@media (max-width: 1024px) {
.delivery__case-button {
width: 300px;
height: 60px;
}
}
@media (max-width: 980px) {
.delivery__case-button {
width: 220px;
height: 50px;
font-size: 25px;
}
}
@media (max-width: 880px) {
.delivery__case-button {
width: 180px;
height: 50px;
font-size: 22px;
}
}
@media (max-width: 760px) {
.delivery__case-button {
width: 150px;
height: 40px;
font-size: 18px;
}
}
@media (max-width: 675px) {
.delivery__case-button {
width: 135px;
height: 35px;
font-size: 16px;
}
}
@media (max-width: 575px) {
.delivery__case-button {
width: 150px;
height: 40px;
font-size: 18px;
}
}
@media (max-width: 490px) {
.delivery__case-button {
width: 130px;
height: 35px;
font-size: 16px;
}
}
@media (max-width: 450px) {
.delivery__case-button {
width: 120px;
height: 30px;
font-size: 15px;
}
}
@media (max-width: 385px) {
.delivery__case-button {
width: 110px;
height: 25px;
font-size: 14px;
}
}
.delivery__case-button:hover {
background: linear-gradient(90deg, rgb(0, 123, 255) 0%, rgb(3, 91, 246) 100%);
}
.delivery__container {
margin-top: 50px;
width: 100%;
}
.delivery__container-text {
text-align: center;
font-size: 30px;
letter-spacing: -1px;
line-height: 38px;
color: #bfbfbf;
font-weight: 400;
position: relative;
z-index: 4;
}
@media (max-width: 1300px) {
.delivery__container-text {
font-size: 29px;
}
}
@media (max-width: 900px) {
.delivery__container-text {
font-size: 27px;
}
}
@media (max-width: 880px) {
.delivery__container-text {
font-size: 24px;
}
}
@media (max-width: 760px) {
.delivery__container-text {
font-size: 22px;
}
}
@media (max-width: 675px) {
.delivery__container-text {
line-height: 30px;
}
}
@media (max-width: 575px) {
.delivery__container-text {
font-size: 19px;
}
}
@media (max-width: 490px) {
.delivery__container-text {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 400px) {
.delivery__container-text {
font-size: 16px;
}
}
.delivery__container-text__bold {
font-weight: 700;
color: #ffffff;
}
.glow_delivery {
will-change: transform, filter;
position: absolute;
width: 250px;
height: 700px;
filter: blur(180px);
background: #025eff;
z-index: 2;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
@media (max-width: 675px) {
.glow_delivery {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_delivery {
width: 165px;
height: 374px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_delivery::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__delivery_left {
left: -169px;
}
@media (max-width: 460px) {
.glow__delivery_left {
top: 430px;
}
}
.glow__delivery_right {
top: 750px;
right: -169px;
}
@media (max-width: 550px) {
.glow__delivery_right {
display: none;
}
}
.questions {
padding-top: 150px;
padding-bottom: 150px;
margin: 0 auto;
position: relative;
}
@media (max-width: 1024px) {
.questions {
padding-bottom: 80px;
}
}
@media (max-width: 768px) {
.questions {
padding-bottom: 50px;
}
}
@media (max-width: 675px) {
.questions {
padding-top: 50px;
}
}
@media (max-width: 550px) {
.questions {
padding-top: 25px;
}
}
@media (max-width: 490px) {
.questions {
padding-bottom: 30px;
}
}
.questions__container-title {
text-align: center;
width: 100%;
margin: 0 auto;
}
@media (max-width: 491px) {
.questions__container-title {
width: 76%;
}
}
@media (max-width: 364px) {
.questions__container-title {
width: 100%;
}
}
.questions__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
position: relative;
z-index: 4;
}
@media (max-width: 1400px) {
.questions__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.questions__title {
font-size: 50px;
}
}
@media (max-width: 980px) {
.questions__title {
line-height: normal;
}
}
@media (max-width: 940px) {
.questions__title {
font-size: 49px;
}
}
@media (max-width: 921px) {
.questions__title {
font-size: 48px;
}
}
@media (max-width: 901px) {
.questions__title {
font-size: 47px;
}
}
@media (max-width: 880px) {
.questions__title {
font-size: 42px;
}
}
@media (max-width: 880px) {
.questions__title {
font-size: 42px;
}
}
@media (max-width: 784px) {
.questions__title {
font-size: 40px;
}
}
@media (max-width: 760px) {
.questions__title {
font-size: 36px;
}
}
@media (max-width: 675px) {
.questions__title {
font-size: 32px;
}
}
@media (max-width: 589px) {
.questions__title {
font-size: 30px;
}
}
@media (max-width: 550px) {
.questions__title {
font-size: 29px;
}
}
@media (max-width: 530px) {
.questions__title {
font-size: 28px;
}
}
@media (max-width: 511px) {
.questions__title {
font-size: 27px;
}
}
.questions__content {
padding-top: 80px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 4;
}
.questions__item {
min-height: 63px;
border-radius: 12px;
background-color: #292c33;
border: 1px solid #025dfd;
width: 81.5%;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.questions__item {
width: 100%;
}
}
@media (max-width: 420px) {
.questions__item {
min-height: 50px;
}
}
.questions__item-content {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 25px;
}
@media (max-width: 460px) {
.questions__item-content {
padding-left: 10px;
}
}
.questions__item-text {
font-size: 30px;
letter-spacing: -1px;
line-height: 42px;
color: #ffffff;
font-weight: 400;
cursor: pointer;
}
@media (max-width: 1100px) {
.questions__item-text {
font-size: 27px;
}
}
@media (max-width: 1000px) {
.questions__item-text {
font-size: 25px;
}
}
@media (max-width: 920px) {
.questions__item-text {
font-size: 23px;
}
}
@media (max-width: 880px) {
.questions__item-text {
line-height: normal;
}
}
@media (max-width: 640px) {
.questions__item-text {
width: 80%;
}
}
@media (max-width: 480px) {
.questions__item-text {
font-size: 21px;
}
}
@media (max-width: 450px) {
.questions__item-text {
font-size: 19px;
}
}
@media (max-width: 420px) {
.questions__item-text {
font-size: 17px;
}
}
.questions__item-answer {
display: none;
font-size: 24px;
letter-spacing: -1px;
line-height: 36px;
color: #bbb8b8;
font-weight: 400;
cursor: pointer;
margin-bottom: 13px;
width: 80%;
padding-left: 25px;
}
@media (max-width: 1400px) {
.questions__item-answer {
font-size: 22px;
line-height: 30px;
}
}
@media (max-width: 880px) {
.questions__item-answer {
font-size: 22px;
width: 80%;
line-height: normal;
padding-top: 10px;
}
}
@media (max-width: 675px) {
.questions__item-answer {
font-size: 20px;
}
}
@media (max-width: 460px) {
.questions__item-answer {
padding-left: 10px;
}
}
@media (max-width: 450px) {
.questions__item-answer {
font-size: 17px;
}
}
@media (max-width: 420px) {
.questions__item-answer {
font-size: 16px;
}
}
.questions__item-button {
width: 64px;
height: 63px;
border-radius: 11px;
background-color: #0145ff;
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
letter-spacing: -1px;
line-height: 45px;
color: #ffffff;
font-weight: 400;
cursor: pointer;
transition: background-image 0.3s ease;
}
@media (max-width: 880px) {
.questions__item-button {
font-size: 28px;
}
}
@media (max-width: 420px) {
.questions__item-button {
width: 50px;
height: 50px;
font-size: 25px;
}
}
.questions__item-button:hover {
background-image: -moz-linear-gradient(-90deg, rgb(11, 7, 195) 0%, rgb(14, 9, 221) 49%, rgb(17, 11, 246) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(11, 7, 195) 0%, rgb(14, 9, 221) 49%, rgb(17, 11, 246) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(11, 7, 195) 0%, rgb(14, 9, 221) 49%, rgb(17, 11, 246) 100%);
}
.questions-form {
margin-top: 200px;
width: 81.5%;
border-radius: 16px;
border: 2px solid #0145ff;
padding: 50px 0px 90px 70px;
display: flex;
position: relative;
}
@media (max-width: 1040px) {
.questions-form {
padding: 50px 0px 90px 35px;
}
}
@media (max-width: 880px) {
.questions-form {
width: 100%;
}
}
@media (max-width: 675px) {
.questions-form {
margin-top: 60px;
padding: 40px 0px 60px 20px;
}
}
@media (max-width: 550px) {
.questions-form {
padding: 30px 0px 40px 20px;
}
}
@media (max-width: 520px) {
.questions-form {
flex-direction: column;
padding: 30px 20px 40px 20px;
}
}
@media (max-width: 450px) {
.questions-form {
margin-top: 60px;
}
}
@media (max-width: 680px) {
.questions-form__form {
display: flex;
flex-direction: column;
}
}
.questions-form__title {
font-size: 53px;
letter-spacing: -1px;
color: #ffffff;
text-align: left;
}
@media (max-width: 940px) {
.questions-form__title {
font-size: 45px;
}
}
@media (max-width: 880px) {
.questions-form__title {
font-size: 42px;
}
}
@media (max-width: 675px) {
.questions-form__title {
font-size: 30px;
}
}
@media (max-width: 550px) {
.questions-form__title {
font-size: 27px;
}
}
@media (max-width: 450px) {
.questions-form__title {
font-size: 23px;
}
}
.questions-form__subtitle {
font-size: 31px;
letter-spacing: -1px;
color: #ffffff;
font-weight: 400;
margin-bottom: 35px;
}
@media (max-width: 940px) {
.questions-form__subtitle {
font-size: 28px;
}
}
@media (max-width: 880px) {
.questions-form__subtitle {
font-size: 26px;
}
}
@media (max-width: 675px) {
.questions-form__subtitle {
font-size: 22px;
}
}
@media (max-width: 550px) {
.questions-form__subtitle {
font-size: 20px;
margin-bottom: 25px;
}
}
@media (max-width: 450px) {
.questions-form__subtitle {
font-size: 18px;
}
}
@media (max-width: 335px) {
.questions-form__subtitle {
font-size: 16px;
}
}
.questions-form__input {
width: 561px;
height: 70px;
border-radius: 16px;
padding: 15px 25px;
border: 2px solid #ffffff;
font-size: 24px;
letter-spacing: -1px;
background-color: transparent;
margin-bottom: 15px;
color: #ffffff;
}
@media (max-width: 1330px) {
.questions-form__input {
width: 500px;
}
}
@media (max-width: 1260px) {
.questions-form__input {
width: 460px;
}
}
@media (max-width: 1230px) {
.questions-form__input {
width: 440px;
}
}
@media (max-width: 1180px) {
.questions-form__input {
width: 420px;
}
}
@media (max-width: 1060px) {
.questions-form__input {
width: 400px;
height: 60px;
border-radius: 13px;
}
}
@media (max-width: 1040px) {
.questions-form__input {
width: 410px;
}
}
@media (max-width: 1010px) {
.questions-form__input {
width: 390px;
}
}
@media (max-width: 930px) {
.questions-form__input {
width: 380px;
}
}
@media (max-width: 900px) {
.questions-form__input {
height: 55px;
}
}
@media (max-width: 880px) {
.questions-form__input {
width: 420px;
}
}
@media (max-width: 790px) {
.questions-form__input {
width: 390px;
}
}
@media (max-width: 740px) {
.questions-form__input {
width: 370px;
}
}
@media (max-width: 700px) {
.questions-form__input {
width: 360px;
padding: 10px;
height: auto;
font-size: 21px;
padding: 10px 15px;
}
}
@media (max-width: 675px) {
.questions-form__input {
width: 340px;
font-size: 18px;
}
}
@media (max-width: 630px) {
.questions-form__input {
width: 315px;
}
}
@media (max-width: 630px) {
.questions-form__input {
width: 300px;
}
}
@media (max-width: 550px) {
.questions-form__input {
width: 270px;
}
}
@media (max-width: 520px) {
.questions-form__input {
width: 100%;
}
}
.questions-form__input::placeholder {
color: #ffffff;
}
.questions-form__button {
width: 561px;
height: 70px;
border-radius: 16px;
background: linear-gradient(to bottom, #035af4, #023ca2);
font-size: 24px;
letter-spacing: -1px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
text-align: center;
border: none;
cursor: pointer; transition: background-image 0.3s ease, transform 0.3s ease;
}
@media (max-width: 1330px) {
.questions-form__button {
width: 500px;
}
}
@media (max-width: 1260px) {
.questions-form__button {
width: 460px;
}
}
@media (max-width: 1230px) {
.questions-form__button {
width: 440px;
}
}
@media (max-width: 1180px) {
.questions-form__button {
width: 420px;
}
}
@media (max-width: 1060px) {
.questions-form__button {
width: 400px;
height: 60px;
border-radius: 13px;
}
}
@media (max-width: 1040px) {
.questions-form__button {
width: 410px;
}
}
@media (max-width: 1010px) {
.questions-form__button {
width: 390px;
}
}
@media (max-width: 930px) {
.questions-form__button {
width: 380px;
}
}
@media (max-width: 900px) {
.questions-form__button {
height: 55px;
}
}
@media (max-width: 880px) {
.questions-form__button {
width: 420px;
}
}
@media (max-width: 790px) {
.questions-form__button {
width: 390px;
}
}
@media (max-width: 740px) {
.questions-form__button {
width: 370px;
}
}
@media (max-width: 700px) {
.questions-form__button {
width: 360px;
padding: 10px;
height: auto;
font-size: 21px;
}
}
@media (max-width: 675px) {
.questions-form__button {
width: 340px;
font-size: 18px;
}
}
@media (max-width: 630px) {
.questions-form__button {
width: 315px;
}
}
@media (max-width: 630px) {
.questions-form__button {
width: 300px;
}
}
@media (max-width: 550px) {
.questions-form__button {
width: 270px;
}
}
@media (max-width: 520px) {
.questions-form__button {
width: 100%;
}
}
.questions-form__button:hover {
transform: scale(1.05);
}
.questions-form__button:hover:hover {
background: linear-gradient(90deg, #003d99, #025eff);
}
@media (max-width: 520px) {
.questions-form__image {
display: flex;
justify-content: center;
margin-top: 35px;
}
}
.questions-form__image img {
position: absolute;
top: 36%;
right: 0;
}
@media (max-width: 1330px) {
.questions-form__image img {
top: 39%;
}
}
@media (max-width: 1190px) {
.questions-form__image img {
width: 450px;
top: 40%;
}
}
@media (max-width: 1150px) {
.questions-form__image img {
width: 430px;
top: 42%;
}
}
@media (max-width: 1120px) {
.questions-form__image img {
width: 410px;
top: 43%;
}
}
@media (max-width: 1090px) {
.questions-form__image img {
width: 390px;
top: 45%;
}
}
@media (max-width: 1060px) {
.questions-form__image img {
width: 380px;
top: 44%;
}
}
@media (max-width: 991px) {
.questions-form__image img {
width: 360px;
top: 45%;
}
}
@media (max-width: 960px) {
.questions-form__image img {
width: 340px;
top: 48%;
}
}
@media (max-width: 930px) {
.questions-form__image img {
top: 45%;
}
}
@media (max-width: 900px) {
.questions-form__image img {
width: 320px;
}
}
@media (max-width: 880px) {
.questions-form__image img {
width: 400px;
top: 37%;
}
}
@media (max-width: 840px) {
.questions-form__image img {
width: 380px;
top: 39%;
}
}
@media (max-width: 820px) {
.questions-form__image img {
width: 360px;
top: 41%;
}
}
@media (max-width: 768px) {
.questions-form__image img {
width: 340px;
top: 43%;
}
}
@media (max-width: 740px) {
.questions-form__image img {
width: 325px;
top: 45%;
}
}
@media (max-width: 700px) {
.questions-form__image img {
width: 290px;
top: 46%;
}
}
@media (max-width: 675px) {
.questions-form__image img {
width: 300px;
top: 43%;
}
}
@media (max-width: 650px) {
.questions-form__image img {
width: 280px;
top: 46%;
}
}
@media (max-width: 630px) {
.questions-form__image img {
top: 45%;
}
}
@media (max-width: 600px) {
.questions-form__image img {
width: 275px;
top: 46%;
}
}
@media (max-width: 570px) {
.questions-form__image img {
width: 250px;
top: 49%;
}
}
@media (max-width: 550px) {
.questions-form__image img {
width: 250px;
top: 48%;
}
}
@media (max-width: 525px) {
.questions-form__image img {
width: 225px;
top: 51%;
}
}
@media (max-width: 520px) {
.questions-form__image img {
position: relative;
width: 290px;
}
}
.glow_questions {
will-change: transform, filter;
position: absolute;
width: 250px;
height: 700px;
filter: blur(180px);
background: #025eff;
z-index: 2;
transform: translate3d(0, 0, 0);
}
@media (max-width: 675px) {
.glow_questions {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_questions {
width: 165px;
height: 500px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_questions::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__questions_left {
left: -169px;
top: 10px;
height: 350px;
width: 350px;
}
@media (max-width: 460px) {
.glow__questions_left {
display: none;
}
}
.glow__questions_right {
top: 750px;
right: -169px;
}
@media (max-width: 460px) {
.glow__questions_right {
top: 300px;
}
}
.contacts {
padding-top: 50px;
padding-bottom: 170px;
min-height: 650px;
position: relative;
}
@media (max-width: 980px) {
.contacts {
padding-bottom: 100px;
}
}
@media (max-width: 768px) {
.contacts {
padding-bottom: 70px;
}
}
@media (max-width: 490px) {
.contacts {
padding-top: 30px;
}
}
.contacts__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
position: relative;
z-index: 2;
}
@media (max-width: 1400px) {
.contacts__title {
font-size: 52px;
}
}
@media (max-width: 1180px) {
.contacts__title {
font-size: 50px;
}
}
@media (max-width: 880px) {
.contacts__title {
font-size: 42px;
}
}
@media (max-width: 768px) {
.contacts__title {
font-size: 40px;
}
}
@media (max-width: 675px) {
.contacts__title {
font-size: 36px;
}
}
@media (max-width: 490px) {
.contacts__title {
font-size: 33px;
line-height: normal;
}
}
.contacts__content {
margin-top: 80px;
display: flex;
justify-content: left;
position: relative;
z-index: 4;
}
@media (max-width: 880px) {
.contacts__content {
flex-direction: column-reverse;
margin-top: 30px;
}
}
@media (max-width: 675px) {
.contacts__content {
margin-top: 20px;
}
}
.contacts__map {
position: relative;
border-radius: 30px;
overflow: hidden;
}
.contacts__information {
margin-left: 70px;
}
@media (max-width: 880px) {
.contacts__information {
margin-left: 13px;
margin-bottom: 30px;
}
}
.contacts__phone,
.contacts__adress,
.contacts__time {
margin-bottom: 30px;
}
@media (max-width: 991px) {
.contacts__phone,
.contacts__adress,
.contacts__time {
margin-bottom: 20px;
}
}
.contacts__phone-title,
.contacts__adress-title,
.contacts__time-title {
font-size: 36px;
letter-spacing: -1px;
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.157;
}
@media (max-width: 1005px) {
.contacts__phone-title,
.contacts__adress-title,
.contacts__time-title {
font-size: 30px;
line-height: normal;
}
}
@media (max-width: 880px) {
.contacts__phone-title,
.contacts__adress-title,
.contacts__time-title {
font-size: 35px;
}
}
@media (max-width: 768px) {
.contacts__phone-title,
.contacts__adress-title,
.contacts__time-title {
font-size: 30px;
}
}
@media (max-width: 575px) {
.contacts__phone-title,
.contacts__adress-title,
.contacts__time-title {
font-size: 28px;
}
}
@media (max-width: 490px) {
.contacts__phone-title,
.contacts__adress-title,
.contacts__time-title {
font-size: 26px;
}
}
@media (max-width: 450px) {
.contacts__phone-title,
.contacts__adress-title,
.contacts__time-title {
font-size: 22px;
}
}
.contacts__phone-number,
.contacts__adress-number,
.contacts__time-number {
font-size: 30px;
letter-spacing: -1px;
line-height: 1.2;
color: rgb(255, 255, 255);
font-weight: 400;
}
@media (max-width: 1180px) {
.contacts__phone-number,
.contacts__adress-number,
.contacts__time-number {
font-size: 28px;
}
}
@media (max-width: 1080px) {
.contacts__phone-number,
.contacts__adress-number,
.contacts__time-number {
font-size: 26px;
}
}
@media (max-width: 880px) {
.contacts__phone-number,
.contacts__adress-number,
.contacts__time-number {
font-size: 23px;
}
}
@media (max-width: 490px) {
.contacts__phone-number,
.contacts__adress-number,
.contacts__time-number {
font-size: 21px;
}
}
@media (max-width: 450px) {
.contacts__phone-number,
.contacts__adress-number,
.contacts__time-number {
font-size: 19px;
}
}
.contacts__phone-text,
.contacts__adress-text,
.contacts__time-text {
font-size: 30px;
letter-spacing: -1px;
line-height: 1.2;
color: rgb(255, 255, 255);
font-weight: 600;
}
@media (max-width: 1180px) {
.contacts__phone-text,
.contacts__adress-text,
.contacts__time-text {
font-size: 28px;
}
}
@media (max-width: 980px) {
.contacts__phone-text,
.contacts__adress-text,
.contacts__time-text {
font-size: 27px;
}
}
@media (max-width: 880px) {
.contacts__phone-text,
.contacts__adress-text,
.contacts__time-text {
font-size: 26px;
}
}
@media (max-width: 575px) {
.contacts__phone-text,
.contacts__adress-text,
.contacts__time-text {
font-size: 23px;
}
}
@media (max-width: 450px) {
.contacts__phone-text,
.contacts__adress-text,
.contacts__time-text {
font-size: 19px;
}
}
.contacts__phone-number.phone:hover,
.contacts__adress-number.phone:hover,
.contacts__time-number.phone:hover {
color: #025eff;
}
.contacts__market-title {
font-size: 36px;
letter-spacing: -1px;
line-height: 41px;
color: #ffffff;
font-weight: 700;
}
@media (max-width: 991px) {
.contacts__market-title {
font-size: 32px;
}
}
@media (max-width: 768px) {
.contacts__market-title {
font-size: 30px;
}
}
@media (max-width: 575px) {
.contacts__market-title {
font-size: 28px;
}
}
@media (max-width: 490px) {
.contacts__market-title {
font-size: 26px;
line-height: normal;
}
}
@media (max-width: 450px) {
.contacts__market-title {
font-size: 22px;
}
}
.contacts__market-icons {
display: flex;
margin-top: 20px;
}
@media (max-width: 450px) {
.contacts__market-icons {
margin-top: 15px;
}
}
.contacts__market-wb img {
width: 70px;
margin-right: 40px;
cursor: pointer;
}
@media (max-width: 880px) {
.contacts__market-wb img {
width: 50px;
margin-right: 25px;
}
}
@media (max-width: 575px) {
.contacts__market-wb img {
width: 40px;
margin-right: 15px;
}
}
.contacts__market-wb img:hover {
scale: 1.1;
}
.contacts__market-ozon img {
width: 70px;
margin-right: 40px;
cursor: pointer;
}
@media (max-width: 880px) {
.contacts__market-ozon img {
width: 50px;
margin-right: 25px;
}
}
@media (max-width: 575px) {
.contacts__market-ozon img {
width: 40px;
margin-right: 15px;
}
}
.contacts__market-ozon img:hover {
scale: 1.1;
}
.contacts__market-ya img {
width: 70px;
cursor: pointer;
}
@media (max-width: 880px) {
.contacts__market-ya img {
width: 50px;
}
}
@media (max-width: 575px) {
.contacts__market-ya img {
width: 40px;
}
}
.contacts__market-ya img:hover {
scale: 1.1;
}
.contacts__bottom {
text-align: center;
width: 100%;
margin: 0 auto;
}
@media (max-width: 635px) {
.contacts__bottom {
width: 65%;
}
}
@media (max-width: 486px) {
.contacts__bottom {
width: 80%;
}
}
@media (max-width: 373px) {
.contacts__bottom {
width: 100%;
}
}
.contacts__text {
margin-top: 170px;
font-size: 30px;
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 0.899;
position: relative;
z-index: 4;
}
@media (max-width: 1180px) {
.contacts__text {
font-size: 27px;
}
}
@media (max-width: 980px) {
.contacts__text {
margin-top: 100px;
font-size: 25px;
}
}
@media (max-width: 882px) {
.contacts__text {
margin-top: 80px;
font-size: 21px;
}
}
@media (max-width: 768px) {
.contacts__text {
margin-top: 70px;
font-size: 21px;
}
}
@media (max-width: 760px) {
.contacts__text {
font-size: 19px;
}
}
@media (max-width: 670px) {
.contacts__text {
font-size: 18px;
}
}
@media (max-width: 395px) {
.contacts__text {
font-size: 17px;
}
}
.ymaps-2-1-79-ground-pane {
filter: grayscale(1) !important;
}
#map {
width: 600px;
height: 500px;
}
@media (max-width: 1180px) {
#map {
width: 500px;
height: 500px;
}
}
@media (max-width: 980px) {
#map {
width: 470px;
height: 470px;
}
}
@media (max-width: 880px) {
#map {
width: 100%;
height: 400px;
}
}
@media (max-width: 400px) {
#map {
width: 100%;
height: 300px;
}
}
.contacts__page {
position: relative;
}
.glow_contacts {
position: absolute;
width: 250px;
height: 700px;
filter: blur(180px);
background: #025eff;
z-index: 2;
transform: translate3d(0, 0, 0);
}
@media (max-width: 1100px) {
.glow_contacts {
width: 200px;
height: 560px;
}
}
@media (max-width: 675px) {
.glow_contacts {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_contacts {
width: 165px;
height: 374px;
filter: blur(123px);
}
}
.glow_up-component {
position: absolute;
width: 250px;
height: 574px;
filter: blur(180px);
background: #025eff;
transform: translate3d(0, 0, 0);
z-index: 1;
}
@media (max-width: 675px) {
.glow_up-component {
width: 150px;
height: 374px;
}
}
@media (max-width: 550px) {
.glow_up-component {
width: 165px;
height: 500px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_contacts::before {
content: "";
position: absolute;
top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__contacts_left {
top: -20px;
left: -169px;
}
.glow__contacts_right {
top: 450px;
right: -169px;
}
.bottom__container {
background-color: #035af4;
height: 70px;
display: flex;
align-items: center;
}
@media (max-width: 1400px) {
.bottom__container {
height: 55px;
}
}
@media (max-width: 675px) {
.bottom__container {
height: 40px;
}
}
@media (max-width: 490px) {
.bottom__container {
height: 30px;
}
}
@media (max-width: 390px) {
.bottom__container {
height: 40px;
}
}
.bottom__content {
display: flex;
justify-content: space-between;
}
@media (max-width: 390px) {
.bottom__content {
display: contents;
}
}
.bottom__item {
font-size: 23px;
letter-spacing: 0px;
line-height: 35px;
color: #ffffff;
font-weight: 400;
}
@media (max-width: 1400px) {
.bottom__item {
font-size: 19px;
}
}
@media (max-width: 768px) {
.bottom__item {
font-size: 18px;
}
}
@media (max-width: 675px) {
.bottom__item {
font-size: 15px;
}
}
@media (max-width: 460px) {
.bottom__item {
font-size: 12px;
}
}
@media (max-width: 390px) {
.bottom__item {
line-height: normal;
}
}
.bottom__item.link {
cursor: pointer;
}
.bottom__item.link:hover {
color: #17191d;
}
.footer {
padding-top: 50px;
padding-bottom: 50px;
border-top: 2px solid #ffffff;
position: relative;
z-index: 4;
}
.footer__content {
display: flex;
justify-content: space-between;
position: relative;
}
@media (max-width: 620px) {
.footer__content {
flex-direction: column;
margin-left: 15px;
}
}
@media (max-width: 900px) {
.footer__item-left {
display: none;
}
}
.footer__logo img {
width: 210px;
}
@media (max-width: 1400px) {
.footer__logo img {
width: 200px;
}
}
@media (max-width: 950px) {
.footer__logo img {
display: block;
margin: 0 auto;
width: 160px;
}
}
@media (max-width: 880px) {
.footer__logo img {
width: 150px;
}
}
.footer__subtitle {
font-size: 13px;
letter-spacing: 0px;
line-height: 21px;
color: #ffffff;
font-weight: 400;
}
@media (max-width: 880px) {
.footer__subtitle {
font-size: 12px;
}
}
.footer__rating {
display: flex;
justify-content: center;
margin-top: 10px;
}
.footer__payment {
margin-top: 15px;
}
@media (max-width: 880px) {
.footer__payment-card img {
width: 150px;
}
}
.footer__payment-electro {
display: flex;
justify-content: center;
margin-top: 7px;
}
.footer__payment-electro__sbp {
margin-right: 15px;
}
@media (max-width: 880px) {
.footer__payment-electro__sbp img {
width: 45px;
}
}
@media (max-width: 880px) {
.footer__payment-electro__ymoney img {
width: 30px;
}
}
.footer__items {
display: flex;
justify-content: space-between;
}
.footer__item {
margin-top: -6px;
}
@media (max-width: 880px) {
.footer__item {
margin-top: -10px;
}
}
@media (max-width: 620px) {
.footer__item {
margin-top: 0px;
margin-bottom: 20px;
}
}
.footer__item-title {
font-size: 31px;
letter-spacing: -1px;
line-height: 41px;
color: #ffffff;
font-weight: 700;
}
@media (max-width: 1400px) {
.footer__item-title {
font-size: 27px;
}
}
@media (max-width: 720px) {
.footer__item-title {
font-size: 23px;
}
}
@media (max-width: 620px) {
.footer__item-title {
font-size: 25px;
}
}
@media (max-width: 460px) {
.footer__item-title {
font-size: 22px;
}
}
.footer__item ul a {
font-size: 22px;
letter-spacing: 0px;
line-height: 41px;
color: #ffffff;
font-weight: 400;
transition: color 0.3s;
cursor: pointer;
}
.works-home .gallery__slide__new {
}
.works-home .slick-slide {
margin-right: 10px;
margin-left: 10px;
}
.works-slider-home {
margin-top: 50px;
}
.works-slider-home {
max-width: 1150px;
margin-right: auto;
margin-left: auto;
right: 5px;
}
.works-slider-home-wrapper {
position: relative;
}
.works-slider-arrows {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 1330px;
display: flex;
align-items: center;
justify-content: space-between;
pointer-events: none;
z-index: 10;
}
.works-next {
transform: scale(-1, 1);
}
.works-slider-arrow {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
pointer-events: all;
}
.works-slider-arrow:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.works-slider-home .gallery__slide-content {
margin-left: 0;
margin-bottom: 0;
}
.works-home .slick-dotted.slick-slider {
margin-bottom: 0;
}
.works-home .slick-list {
width: 100%;
}
@media (max-width: 1400px) {
.footer__item ul a {
font-size: 20px;
}
}
@media (max-width: 1180px) {
.footer__item ul a {
font-size: 18px;
}
}
@media (max-width: 900px) {
.footer__item ul a {
font-size: 19px;
}
}
@media (max-width: 720px) {
.footer__item ul a {
font-size: 17px;
line-height: 37px;
}
}
.gallery__slide__new img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery__slide__new {
overflow: hidden;
}
@media (max-width: 760px) {
.works-slider-home-wrapper {
margin-top: 50px;
}
.works-slider-home {
margin-top: 0;
right: 0;
max-width: 100%;
}
.works-slider-arrows {
}
.works-home .gallery__selector {
margin-bottom: 40px;
}
.works-slider-arrow {
width: 35px;
height: 35px;
}
.works-slider-arrow img {
width: 25px;
}
.works-slider-arrows {
max-width: 95px;
transform: translateX(-50%);
top: unset;
bottom: -50px;
}
}
@media (max-width: 620px) {
.footer__item ul a {
font-size: 18px;
line-height: 35px;
}
}
@media (max-width: 460px) {
.footer__item ul a {
font-size: 15px;
}
}
.footer__item ul a:hover {
color: #025eff;
}
.footer__item-phone {
display: flex;
justify-content: left;
align-items: center;
margin-top: 5px;
}
@media (max-width: 620px) {
.footer__item-phone {
margin-top: 20px;
}
}
.footer__item-phone__number {
font-size: 22px;
letter-spacing: 0px;
line-height: 41px;
color: #ffffff;
font-weight: 400;
margin-left: 7px;
transition: color 0.3s;
cursor: pointer;
}
@media (max-width: 1400px) {
.footer__item-phone__number {
font-size: 20px;
}
}
@media (max-width: 1180px) {
.footer__item-phone__number {
font-size: 18px;
}
}
@media (max-width: 900px) {
.footer__item-phone__number {
font-size: 19px;
}
}
@media (max-width: 720px) {
.footer__item-phone__number {
font-size: 17px;
line-height: 35px;
}
}
@media (max-width: 620px) {
.footer__item-phone__number {
font-size: 18px;
line-height: normal;
}
}
@media (max-width: 460px) {
.footer__item-phone__number {
font-size: 15px;
}
}
.footer__item-phone__number:hover {
color: #025eff;
}
.footer__item-adress {
display: flex;
justify-content: left;
align-items: center;
margin-top: 37px;
}
@media (max-width: 620px) {
.footer__item-adress {
margin-top: 20px;
}
}
.footer__item-adress__adress {
font-size: 22px;
letter-spacing: 0px;
line-height: 41px;
color: #ffffff;
font-weight: 400;
margin-left: 7px;
}
@media (max-width: 1400px) {
.footer__item-adress__adress {
font-size: 20px;
}
}
@media (max-width: 1180px) {
.footer__item-adress__adress {
font-size: 18px;
width: 170px;
line-height: 20px;
}
}
@media (max-width: 900px) {
.footer__item-adress__adress {
font-size: 19px;
}
}
@media (max-width: 720px) {
.footer__item-adress__adress {
font-size: 16px;
line-height: 17px;
}
}
@media (max-width: 620px) {
.footer__item-adress__adress {
font-size: 18px;
line-height: normal;
width: auto;
}
}
@media (max-width: 460px) {
.footer__item-adress__adress {
font-size: 15px;
}
}
.footer__item-email {
display: flex;
justify-content: left;
align-items: center;
margin-top: 41px;
}
@media (max-width: 620px) {
.footer__item-email {
margin-top: 20px;
}
}
.footer__item-email__email {
font-size: 22px;
letter-spacing: 0px;
line-height: 41px;
color: #ffffff;
font-weight: 400;
margin-left: 7px;
transition: color 0.3s;
cursor: pointer;
}
@media (max-width: 1400px) {
.footer__item-email__email {
font-size: 20px;
}
}
@media (max-width: 1180px) {
.footer__item-email__email {
font-size: 18px;
}
}
@media (max-width: 900px) {
.footer__item-email__email {
font-size: 19px;
}
}
@media (max-width: 720px) {
.footer__item-email__email {
font-size: 17px;
}
}
@media (max-width: 620px) {
.footer__item-email__email {
font-size: 18px;
line-height: normal;
}
}
@media (max-width: 460px) {
.footer__item-email__email {
font-size: 15px;
}
}
.footer__item-email__email:hover {
color: #025eff;
}
.footer__bottom {
display: none;
}
@media (max-width: 900px) {
.footer__bottom {
display: block;
margin-top: 50px;
}
}
.footer__bottom-content {
display: flex;
justify-content: space-between;
}
@media (max-width: 620px) {
.footer__bottom-content {
flex-direction: column;
margin-left: 15px;
}
}
.footer__bottom-information__logo img {
width: 190px;
}
@media (max-width: 720px) {
.footer__bottom-information__logo img {
width: 140px;
}
}
@media (max-width: 460px) {
.footer__bottom-information__logo img {
width: 110px;
}
}
.footer__bottom-information__subtitle {
font-size: 13px;
letter-spacing: 0px;
line-height: 21px;
color: #ffffff;
font-weight: 400;
}
@media (max-width: 460px) {
.footer__bottom-information__subtitle {
font-size: 12px;
}
}
@media (max-width: 620px) {
.footer__bottom-rating {
margin-top: 15px;
}
}
.crumbs {
padding-top: 30px;
}
@media (max-width: 768px) {
.crumbs {
padding-top: 25px;
}
}
.crumbs__content {
display: flex;
justify-content: left;
align-items: center;
position: relative;
z-index: 4;
}
.crumbs__item {
border-radius: 7px;
background-color: #025eff;
width: auto;
padding: 10px 12px;
font-size: 22px;
font-family: "Roboto";
color: rgb(246, 249, 255);
line-height: 1.2;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
cursor: pointer;
}
.gallery .bottom-text {
margin-top: 100px;
}
.crumbs a.crumbs__item,
.crumbs .crumbs__item {
white-space: nowrap;
}
.crumbs .crumbs__content {
overflow-x: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.crumbs .crumbs__content::-webkit-scrollbar {
display: none; }
@media (max-width: 1040px) {
.crumbs__item {
white-space: nowrap;
}
}
@media (max-width: 1024px) {
.crumbs__item {
font-size: 18px;
}
}
@media (max-width: 7668px) {
.crumbs__item {
padding: 8px;
}
}
@media (max-width: 575px) {
.crumbs__item {
font-size: 16px;
margin-right: 10px;
padding: 7px 10px;
}
}
@media (max-width: 450px) {
.crumbs__item {
font-size: 14px;
}
}
@media (max-width: 370px) {
.crumbs__item {
font-size: 12px;
}
}
.crumbs__item.active:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
color: rgb(255, 255, 255); }
.crumbs__item.delivery {
width: auto;
}
.crumbs__item.gallery {
width: auto;
}
.crumbs__border {
margin-right: 15px;
}
@media (max-width: 575px) {
.crumbs__border {
margin-right: 10px;
}
}
.info {
padding-top: 50px;
padding-bottom: 200px;
position: relative;
}
.info__title {
font-size: 59px;
font-family: "Roboto";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.788;
text-align: center;
position: relative;
z-index: 2;
}
@media (max-width: 1400px) {
.info__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.info__title {
font-size: 50px;
}
}
@media (max-width: 880px) {
.info__title {
font-size: 45px;
}
}
@media (max-width: 760px) {
.gallery .bottom-text {
margin-top: 50px;
}
.info__title {
font-size: 40px;
}
.info {
padding-bottom: 80px;
}
}
@media (max-width: 675px) {
.info__title {
font-size: 36px;
line-height: normal;
}
}
@media (max-width: 490px) {
.info__title {
font-size: 33px;
}
}
@media (max-width: 450px) {
.info__title {
font-size: 29px;
}
}
.info__content {
margin-top: 80px;
display: flex;
justify-content: space-between;
position: relative;
z-index: 2;
}
@media (max-width: 1200px) {
.info__content {
flex-direction: column;
margin-top: 60px;
}
}
@media (max-width: 1100px) {
.info__content {
margin-top: 50px;
}
}
.info__information {
margin-right: 80px;
}
@media (max-width: 1200px) {
.info__information {
margin-right: 0px;
margin-bottom: 110px;
}
}
.info__information h2,
.info__information h3,
.info__information h4,
.info__information h5,
.info__information h6 {
margin-top: 50px;
margin-bottom: 20px;
font-size: 27px;
letter-spacing: 0px;
color: #025eff;
font-weight: 600;
}
@media (max-width: 1200px) {
.info__information h2,
.info__information h3,
.info__information h4,
.info__information h5,
.info__information h6 {
font-size: 30px;
}
}
@media (max-width: 768px) {
.info__information h2,
.info__information h3,
.info__information h4,
.info__information h5,
.info__information h6 {
font-size: 27px;
}
}
@media (max-width: 590px) {
.info__information h2,
.info__information h3,
.info__information h4,
.info__information h5,
.info__information h6 {
font-size: 25px;
}
}
.info__information p {
font-size: 19px;
letter-spacing: 0px;
color: #f6f3f3;
font-weight: 400;
}
@media (max-width: 1200px) {
.info__information p {
font-size: 24px;
}
}
@media (max-width: 768px) {
.info__information p {
font-size: 20px;
}
}
@media (max-width: 590px) {
.info__information p {
font-size: 18px;
}
}
.info__information-text__span {
font-weight: 600;
}
.info__information-text.paragraph {
margin-top: 20px;
}
.info__image {
margin-right: 12px;
}
@media (max-width: 1200px) {
.info__image {
margin-right: 0px;
display: flex;
justify-content: space-between;
}
}
@media (max-width: 830px) {
.info__image {
flex-direction: column-reverse;
align-items: center;
}
}
.info__image-logo {
border-radius: 16px;
background-color: rgb(2, 94, 255);
width: 596px;
height: 376px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1200px) {
.info__image-logo {
width: 420px;
height: 360px;
}
}
@media (max-width: 1100px) {
.info__image-logo {
width: 400px;
height: 345px;
}
}
@media (max-width: 980px) {
.info__image-logo {
height: 334px;
}
}
@media (max-width: 830px) {
.info__image-logo {
width: 540px;
margin-top: 50px;
}
}
@media (max-width: 590px) {
.info__image-logo {
height: 280px;
width: 440px;
}
}
@media (max-width: 460px) {
.info__image-logo {
height: 200px;
width: 350px;
}
}
@media (max-width: 370px) {
.info__image-logo {
height: 160px;
width: 280px;
}
}
@media (max-width: 1200px) {
.info__image-logo img {
width: 370px;
}
}
@media (max-width: 1100px) {
.info__image-logo img {
width: 350px;
}
}
@media (max-width: 880px) {
.info__image-logo img {
width: 320px;
}
}
@media (max-width: 590px) {
.info__image-logo img {
width: 290px;
}
}
@media (max-width: 460px) {
.info__image-logo img {
width: 260px;
}
}
@media (max-width: 370px) {
.info__image-logo img {
width: 210px;
}
}
.info__image-rating {
margin-top: 90px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 85px;
grid-row-gap: 90px;
}
@media (max-width: 1200px) {
.info__image-rating {
grid-column-gap: 40px;
grid-row-gap: 84px;
margin-top: 0px;
}
}
@media (max-width: 1100px) {
.info__image-rating {
grid-column-gap: 30px;
grid-row-gap: 70px;
}
}
@media (max-width: 980px) {
.info__image-rating {
margin-top: 0px;
grid-column-gap: 15px;
}
}
@media (max-width: 830px) {
.info__image-rating {
grid-column-gap: 30px;
grid-row-gap: 70px;
}
}
@media (max-width: 590px) {
.info__image-rating {
grid-column-gap: 35px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-row-gap: 40px;
}
}
@media (max-width: 370px) {
.info__image-rating {
grid-row-gap: 25px;
grid-column-gap: 20px;
}
}
.info__image-item:nth-child(1) {
padding-top: 5px;
}
.info__image-item {
border-radius: 16px;
background-color: rgb(255, 255, 255);
width: 255px;
display: flex;
flex-direction: column;
align-items: center;
padding: 25px 0px 6px 0px;
height: 137px;
padding-top: 0;
justify-content: space-between;
padding-bottom: 0px;
padding-top: 20px;
padding-bottom: 16px;
}
@media (max-width: 1100px) {
.info__image-item {
width: 240px;
}
}
@media (max-width: 980px) {
.info__image-item {
width: 200px;
}
}
@media (max-width: 880px) {
.info__image-item {
width: 170px;
}
}
@media (max-width: 830px) {
.info__image-item .wb-icon {
max-height: 20px;
width: auto !important;
max-width: 130px;
}
.info__image-item {
width: 255px;
}
.info__image-item:nth-child(1) .wb-icon {
max-height: 30px;
}
}
@media (max-width: 590px) {
.info__image-item {
width: 200px;
}
}
@media (max-width: 460px) {
.info__image-item {
width: 160px;
}
}
@media (max-width: 370px) {
.info__image-item {
width: 130px;
}
}
.info__image-item__score {
font-size: 51px;
letter-spacing: -1px;
color: #343434;
font-weight: bold;
}
@media (max-width: 880px) {
.info__image-item__score {
font-size: 35px;
}
}
@media (max-width: 880px) {
.info__image-item__score {
font-size: 30px;
}
}
@media (max-width: 830px) {
.info__image-item__score {
font-size: 51px;
}
}
@media (max-width: 590px) {
.info__image-item__score {
font-size: 40px;
}
}
@media (max-width: 460px) {
.info__image-item__score {
font-size: 35px;
}
}
@media (max-width: 370px) {
.info__image-item__score {
font-size: 33px;
}
}
.info__image-item__score.yandex {
margin-top: -10px;
}
@media (max-width: 880px) {
.info__image-item__score.yandex {
margin-top: 10px;
}
}
@media (max-width: 830px) {
.info__image-item__score.yandex {
margin-top: -10px;
}
}
@media (max-width: 590px) {
.info__image-item__score.yandex {
margin-top: 2px;
}
}
@media (max-width: 880px) {
.info__image-item__score.wb {
margin-top: 16px;
}
}
@media (max-width: 830px) {
.info__image-item__score.wb {
margin-top: 0px;
}
}
@media (max-width: 460px) {
.info__image-item__score.wb {
margin-top: 8px;
}
}
@media (max-width: 880px) {
.info__image-item__score.ozon {
margin-top: 19px;
}
}
@media (max-width: 830px) {
.info__image-item__score.ozon {
margin-top: 0px;
}
}
@media (max-width: 370px) {
.info__image-item__score.ozon {
margin-top: 12px;
}
}
@media (max-width: 880px) {
.info__image-item__score.ym {
margin-top: 20px;
}
}
@media (max-width: 830px) {
.info__image-item__score.ym {
margin-top: 0px;
}
}
@media (max-width: 590px) {
.info__image-item__score.ym {
margin-top: 18px;
}
}
@media (max-width: 460px) {
.info__image-item__score.ym {
margin-top: 13px;
}
}
@media (max-width: 590px) {
.info__image-item__stars img {
width: auto;
}
}
@media (max-width: 370px) {
.info__image-item__stars img {
width: 80px;
}
}
.info__image-item.yandex {
padding: 14px 0px 6px 0px;
}
@media (max-width: 590px) {
.info__image-item.yandex {
padding: 14px 0px 6px 0px;
}
}
@media (max-width: 370px) {
.info__image-item.yandex {
padding: 20px 0px 6px 0px;
}
}
.info__image-item.ozon {
padding: 20px 0px 6px 0px;
}
@media (max-width: 590px) {
.info__image-item.ozon {
padding: 20px 0px 6px 0px;
}
}
@media (max-width: 370px) {
.info__image-item.ozon {
padding: 27px 0px 6px 0px;
}
}
.info__image-item.ym {
padding: 19px 0px 6px 0px;
}
@media (max-width: 590px) {
.info__image-item.ym {
padding: 19px 0px 6px 0px;
}
}
@media (max-width: 370px) {
.info__image-item.ym {
padding: 26px 0px 6px 0px;
}
}
@media (max-width: 980px) {
.info .yandex-icon,
.info .wb-icon {
width: 150px;
}
}
@media (max-width: 880px) {
.info .yandex-icon,
.info .wb-icon {
width: 140px;
}
}
@media (max-width: 830px) {
.info .yandex-icon,
.info .wb-icon {
width: auto;
}
}
@media (max-width: 590px) {
.info .yandex-icon,
.info .wb-icon {
width: auto;
}
}
@media (max-width: 460px) {
.info .yandex-icon,
.info .wb-icon {
width: 130px;
}
}
@media (max-width: 370px) {
.info .yandex-icon,
.info .wb-icon {
width: 105px;
}
}
@media (max-width: 980px) {
.info .ozon-icon {
width: 90px;
}
}
@media (max-width: 880px) {
.info .ozon-icon {
width: 80px;
}
}
@media (max-width: 830px) {
.info .ozon-icon {
width: auto;
}
}
@media (max-width: 590px) {
.info .ozon-icon {
width: auto;
}
}
@media (max-width: 460px) {
.info .ozon-icon {
width: 75px;
}
}
@media (max-width: 370px) {
.info .ozon-icon {
width: 68px;
}
}
@media (max-width: 980px) {
.info .ym-icon {
width: 150px;
}
}
@media (max-width: 830px) {
.info .ym-icon {
width: auto;
}
}
@media (max-width: 590px) {
.info .ym-icon {
width: 160px;
}
}
@media (max-width: 460px) {
.info .ym-icon {
width: 138px;
}
}
@media (max-width: 370px) {
.info .ym-icon {
width: 115px;
}
}
.info__bottom {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 120px;
}
@media (max-width: 500px) {
.info__bottom {
margin-top: 80px;
}
}
.info__bottom-title {
font-size: 59px;
font-family: "Roboto";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.788;
text-align: center;
position: relative;
z-index: 2;
}
@media (max-width: 1400px) {
.info__bottom-title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.info__bottom-title {
font-size: 50px;
}
}
@media (max-width: 880px) {
.info__bottom-title {
font-size: 45px;
}
}
@media (max-width: 760px) {
.info__bottom-title {
font-size: 40px;
}
}
@media (max-width: 675px) {
.info__bottom-title {
font-size: 36px;
line-height: normal;
}
}
@media (max-width: 490px) {
.info__bottom-title {
font-size: 33px;
}
}
@media (max-width: 450px) {
.info__bottom-title {
font-size: 29px;
}
}
.info__bottom-content {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 25px;
grid-row-gap: 25px;
}
@media (max-width: 600px) {
.info__bottom-content {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
}
@media (max-width: 470px) {
.info__bottom-content {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
}
.info__bottom-card {
border: 1px solid rgb(2, 91, 253);
border-radius: 16px;
width: 613px;
height: 365px;
overflow: hidden;
cursor: pointer;
}
@media (max-width: 1280px) {
.info__bottom-card {
width: 550px;
height: 340px;
}
.categories__card-image__eva {
}
}
@media (max-width: 1200px) {
.info__bottom-card {
width: 100%;
height: 100%;
}
}
.info__bottom-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.glow_info {
position: absolute;
width: 250px;
height: 574px;
filter: blur(180px);
background: #025eff;
transform: translate3d(0, 0, 0);
z-index: 1;
}
@media (max-width: 1100px) {
.glow_info {
width: 200px;
height: 560px;
}
}
@media (max-width: 675px) {
.glow_info {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_info {
width: 165px;
height: 600px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_info::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(180px); z-index: -1; }
}
.glow__info_right {
top: 1300px;
right: -169px;
}
.glow__info_left {
top: 18px;
left: -169px;
}
.info-popup {
display: none; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.96);
justify-content: center;
align-items: center;
z-index: 15;
}
.info-popup__modal {
position: absolute;
justify-content: center;
align-items: center;
width: 60%;
}
@media (max-width: 1280px) {
.info-popup__modal {
width: 100%;
}
}
.info-popup__content {
position: relative;
}
.info-popup__slider {
display: flex;
justify-content: space-around;
align-items: center;
}
.info-popup__image {
width: 500px;
height: 375px;
}
@media (max-width: 700px) {
.info-popup__image {
width: 450px;
height: 350px;
}
}
@media (max-width: 575px) {
.info-popup__image {
width: 400px;
height: 300px;
}
}
@media (max-width: 530px) {
.info-popup__image {
width: 350px;
height: 270px;
}
}
@media (max-width: 450px) {
.info-popup__image {
width: 310px;
height: 250px;
}
}
@media (max-width: 410px) {
.info-popup__image {
width: 280px;
height: 240px;
}
}
@media (max-width: 380px) {
.info-popup__image {
width: 260px;
height: 230px;
}
}
@media (max-width: 360px) {
.info-popup__image {
width: 240px;
height: 220px;
}
}
@media (max-width: 340px) {
.info-popup__image {
width: 230px;
height: 210px;
}
}
.info-popup__close {
position: absolute;
top: -80px;
right: 95px;
color: white;
font-size: 50px;
cursor: pointer;
}
@media (max-width: 767px) {
.info-popup__close {
right: 65px;
}
}
@media (max-width: 700px) {
.info-popup__close {
right: 30px;
}
}
@media (max-width: 600px) {
.info-popup__close {
right: 15px;
}
}
@media (max-width: 575px) {
.info-popup__close {
top: -45px;
font-size: 40px;
}
}
@media (max-width: 460px) {
.info-popup__close {
font-size: 30px;
}
}
#prevInfoPhotos {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1300px) {
#prevInfoPhotos {
width: 60px;
height: 58px;
}
}
@media (max-width: 768px) {
#prevInfoPhotos {
width: 50px;
height: 48px;
}
}
@media (max-width: 575px) {
#prevInfoPhotos {
width: 40px;
height: 38px;
}
}
#prevInfoPhotos:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
@media (max-width: 575px) {
#prevInfoPhotos img {
width: 25px;
}
}
#nextInfoPhotos {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1300px) {
#nextInfoPhotos {
width: 60px;
height: 58px;
}
}
@media (max-width: 768px) {
#nextInfoPhotos {
width: 50px;
height: 48px;
}
}
@media (max-width: 575px) {
#nextInfoPhotos {
width: 40px;
height: 38px;
}
}
#nextInfoPhotos:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
#nextInfoPhotos img {
transform: rotate(180deg);
}
@media (max-width: 768px) {
#nextInfoPhotos img {
width: 30px;
}
}
@media (max-width: 575px) {
#nextInfoPhotos img {
width: 25px;
}
}
.page-delivery {
position: relative;
padding-bottom: 85px;
z-index: 2;
}
.page-delivery::before {
content: "";
background-image: url(https://savaks.ru/wp-content/uploads/2025/01/Монтажная-область-1-копия-7-2.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (max-width: 768px) {
.page-delivery {
padding-bottom: 60px;
}
}
.page-delivery__container {
margin-top: 45px;
}
.page-delivery__title {
position: relative;
font-size: 59px;
text-align: center;
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.788;
z-index: 3;
}
@media (max-width: 1400px) {
.page-delivery__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.page-delivery__title {
font-size: 50px;
}
}
@media (max-width: 880px) {
.page-delivery__title {
font-size: 45px;
}
}
@media (max-width: 760px) {
.page-delivery__title {
font-size: 40px;
}
}
@media (max-width: 675px) {
.page-delivery__title {
font-size: 36px;
line-height: normal;
}
}
@media (max-width: 490px) {
.page-delivery__title {
font-size: 33px;
}
}
@media (max-width: 450px) {
.page-delivery__title {
font-size: 29px;
}
}
.page-delivery__content {
position: relative;
margin-top: 50px;
display: flex;
justify-content: space-around;
align-items: flex-end;
}
@media (max-width: 1040px) {
.page-delivery__content {
flex-direction: column;
align-items: center;
margin-top: 30px;
}
}
.page-delivery__item {
position: relative;
z-index: 2;
}
@media (max-width: 1040px) {
.page-delivery__item {
width: 600px;
}
}
@media (max-width: 670px) {
.page-delivery__item {
width: 500px;
}
}
@media (max-width: 620px) {
.page-delivery__item {
margin-bottom: 60px;
}
.page-delivery__item:last-child {
margin-bottom: 0;
}
.page-delivery__item {
width: 100%;
}
}
.page-delivery__item-icon.sv img {
display: block;
margin: 0 auto;
}
@media (max-width: 1040px) {
.page-delivery__item-icon.sv img {
width: auto;
}
}
@media (max-width: 460px) {
.page-delivery__item-icon.sv img {
width: 120px;
}
}
.page-delivery__item-icon.cdek {
margin-left: 45px;
}
@media (max-width: 1040px) {
.page-delivery__item-icon.cdek {
margin-left: 0px;
}
}
@media (max-width: 1040px) {
.page-delivery__item-icon.cdek img {
width: auto;
display: block;
margin: 0 auto;
}
}
@media (max-width: 460px) {
.page-delivery__item-icon.cdek img {
width: 130px;
}
}
.page-delivery__item-icon.post {
margin-left: 57px;
}
@media (max-width: 970px) {
.page-delivery__item-icon.post {
margin-left: 0px;
}
}
@media (max-width: 1040px) {
.page-delivery__item-icon.post img {
width: auto;
display: block;
margin: 0 auto;
}
}
@media (max-width: 460px) {
.page-delivery__item-icon.post img {
width: 150px;
}
}
.page-delivery__item-title {
margin-top: 20px;
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 0.963;
font-size: 28px;
}
@media (max-width: 1270px) {
.page-delivery__item-title {
font-size: 23px;
}
}
@media (max-width: 1100px) {
.page-delivery__item-title {
font-size: 21px;
}
}
@media (max-width: 1040px) {
.page-delivery__item-title {
font-size: 24px;
text-align: center;
line-height: normal;
}
}
@media (max-width: 970px) {
.page-delivery__item-title {
font-size: 21px;
}
}
.page-delivery__item-text {
margin-top: 30px;
text-align: left;
font-size: 21px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
}
@media (max-width: 1270px) {
.page-delivery__item-text {
font-size: 19px;
}
}
@media (max-width: 1100px) {
.page-delivery__item-text {
font-size: 18px;
}
}
@media (max-width: 1040px) {
.page-delivery__item-text {
font-size: 20px;
}
}
@media (max-width: 460px) {
.page-delivery__item-text {
font-size: 18px;
}
}
@media (max-width: 1040px) {
.page-delivery__item-text br {
display: none;
}
}
.page-delivery__item-text.span {
font-size: 25px;
font-weight: bold;
}
@media (max-width: 1024px) {
.page-delivery__item-text.span {
font-size: 23px;
}
}
@media (max-width: 460px) {
.page-delivery__item-text.span {
font-size: 21px;
}
}
@media (max-width: 1040px) {
.page-delivery__item-text.sv {
margin-top: 40px;
}
}
@media (max-width: 1040px) {
.page-delivery__item-text.cdek {
margin-top: 40px;
}
}
@media (max-width: 1040px) {
.page-delivery__item-text.post {
margin-top: 40px;
}
}
.page-delivery__item.cdek {
margin-top: 25px;
}
@media (max-width: 1040px) {
.page-delivery__item.cdek {
margin-top: 50px;
}
}
@media (max-width: 570px) {
.page-delivery__item.cdek {
margin-top: 60px;
}
}
.page-delivery__item.post {
margin-top: 25px;
}
@media (max-width: 1040px) {
.page-delivery__item.post {
margin-top: 50px;
}
}
@media (max-width: 570px) {
.page-delivery__item.post {
margin-top: 60px;
}
}
.page-delivery__bottom {
text-align: center;
width: 100%;
margin: 0 auto;
}
@media (max-width: 635px) {
.page-delivery__bottom {
width: 65%;
}
}
@media (max-width: 486px) {
.page-delivery__bottom {
width: 80%;
}
}
@media (max-width: 373px) {
.page-delivery__bottom {
width: 100%;
}
}
.page-delivery__text {
position: relative;
font-size: 30px;
letter-spacing: -1px;
line-height: 27px;
color: #ffffff;
font-weight: 700;
margin-top: 90px;
text-align: center;
z-index: 3;
}
@media (max-width: 1180px) {
.page-delivery__text {
font-size: 27px;
}
}
@media (max-width: 980px) {
.page-delivery__text {
margin-top: 100px;
font-size: 25px;
}
}
@media (max-width: 882px) {
.page-delivery__text {
margin-top: 80px;
font-size: 21px;
}
}
@media (max-width: 768px) {
.page-delivery__text {
margin-top: 70px;
font-size: 21px;
}
}
@media (max-width: 760px) {
.page-delivery__text {
font-size: 19px;
}
}
@media (max-width: 670px) {
.page-delivery__text {
font-size: 18px;
}
}
@media (max-width: 395px) {
.page-delivery__text {
font-size: 17px;
}
}
.page-delivery__case {
margin-top: 100px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 768px) {
.page-delivery__case {
margin-top: 70px;
}
}
@media (max-width: 500px) {
.page-delivery__case-image img {
width: 400px;
}
}
@media (max-width: 520px) {
.page-delivery__case-image img {
width: 370px;
}
}
@media (max-width: 400px) {
.page-delivery__case-image img {
width: 350px;
}
}
@media (max-width: 360px) {
.page-delivery__case-image img {
width: 300px;
}
}
.glow_page-delivery {
position: absolute;
width: 250px;
height: 574px;
filter: blur(180px);
background: #025eff;
z-index: 1;
transform: translate3d(0, 0, 0);
}
@media (max-width: 1100px) {
.glow_page-delivery {
width: 200px;
height: 560px;
}
}
@media (max-width: 675px) {
.glow_page-delivery {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_page-delivery {
width: 165px;
height: 661px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_page-delivery::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__page-delivery_right {
top: 425px;
right: 0;
}
@media (max-width: 460px) {
.glow__page-delivery_right {
top: 810px;
}
}
.glow__page-delivery_left {
top: 18px;
left: -169px;
}
@media (max-width: 460px) {
.glow__page-delivery_left {
top: 217px;
}
}
.gallery {
padding-top: 50px;
padding-bottom: 200px;
position: relative;
z-index: 1;
}
@media (max-width: 670px) {
.gallery {
padding-bottom: 150px;
}
}
@media (max-width: 430px) {
.gallery {
padding-bottom: 100px;
}
}
.gallery__content {
position: relative;
z-index: 2;
}
.gallery__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
position: relative;
z-index: 2;
}
@media (max-width: 1400px) {
.gallery__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.gallery__title {
font-size: 50px;
}
}
@media (max-width: 880px) {
.gallery__title {
font-size: 45px;
}
}
@media (max-width: 760px) {
.gallery__title {
font-size: 40px;
}
}
@media (max-width: 675px) {
.gallery__title {
font-size: 36px;
line-height: normal;
}
}
@media (max-width: 490px) {
.gallery__title {
font-size: 33px;
}
}
@media (max-width: 450px) {
.gallery__title {
font-size: 29px;
}
}
.gallery__categories {
margin-top: 70px;
display: flex;
margin-right: 35px;
justify-content: center;
}
@media (max-width: 950px) {
.gallery__categories {
margin-top: 60px;
margin-right: 20px;
}
}
@media (max-width: 700px) {
.gallery__categories {
display: none;
}
}
.gallery__category {
width: 239px;
height: 61px;
border-radius: 8px;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-right: -20px;
position: relative;
font-size: 16px;
letter-spacing: 0px;
text-transform: uppercase;
color: #025eff;
text-align: center;
font-weight: 500;
transition: color 0.3s;
box-shadow: 2px 0 25px rgba(0, 0, 0, 0.5);
z-index: 1;
}
@media (max-width: 1050px) {
.gallery__category {
width: 200px;
margin-right: -10px;
font-size: 15px;
}
}
@media (max-width: 950px) {
.gallery__category {
width: 180px;
height: 50px;
margin-right: -9px;
font-size: 14px;
}
}
@media (max-width: 870px) {
.gallery__category {
width: 150px;
font-size: 15px;
}
}
@media (max-width: 700px) {
.gallery__category {
font-size: 14px;
}
}
@media (max-width: 670px) {
.gallery__category {
width: 125px;
height: 40px;
font-size: 13px;
margin-right: -10px;
}
}
@media (max-width: 600px) {
.gallery__category {
width: 110px;
font-size: 11px;
margin-right: -12px;
}
}
@media (max-width: 520px) {
.gallery__category {
width: 90px;
font-size: 9px;
margin-right: -10px;
height: 30px;
}
}
@media (max-width: 430px) {
.gallery__category {
width: 80px;
font-size: 8px;
margin-right: -11px;
padding-left: 10px;
}
}
@media (max-width: 360px) {
.gallery__category {
font-size: 7px;
height: 25px;
}
}
.gallery__category:hover {
background-color: #025eff;
color: #ffffff;
}
.gallery__category.active {
background-color: #025eff;
color: #ffffff;
}
.gallery__category:nth-child(1) {
z-index: 5; }
.gallery__category:nth-child(2) {
z-index: 4; }
.gallery__category:nth-child(3) {
z-index: 3; }
.gallery__category:nth-child(4) {
z-index: 2; }
.gallery__category:nth-child(5) {
z-index: 1; }
.gallery__selector {
display: none;
}
@media (max-width: 700px) {
.gallery__selector {
display: flex;
margin-top: 40px;
margin-bottom: 80px;
position: relative;
justify-content: center;
}
}
@media (max-width: 675px) {
.gallery__selector {
margin-top: 25px;
}
}
.gallery__selector-button {
width: 250px; height: 50px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
padding: 15px;
border: none;
text-align: center;
font-size: 16px;
letter-spacing: 0px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
cursor: pointer;
}
@media (max-width: 675px) {
.gallery__selector-button {
width: 220px;
height: 40px;
padding: 7px;
font-size: 14px;
}
}
.gallery__selector-button img {
transform: rotate(0deg);
width: 15px;
margin-left: 5px;
height: 12px;
}
@media (max-width: 675px) {
.gallery__selector-button img {
width: 13px;
margin-left: 3px;
height: 11px;
}
}
.gallery__selector-modal {
max-width: 250px; width: 100%; height: auto;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border-radius: 15px;
display: none;
position: absolute;
z-index: 10;
top: 115%;
}
@media (max-width: 675px) {
.gallery__selector-modal {
max-width: 220px;
}
}
.gallery__selector-modal__content {
padding: 15px;
}
.gallery__selector-modal__category {
font-size: 17px;
color: #ffffff;
font-weight: 500;
padding-bottom: 7px;
cursor: pointer; }
.gallery__selector-modal__category:hover {
text-decoration: underline; }
.gallery__selector-modal.active {
display: block; }
.gallery__slider {
margin-top: 25px;
display: flex;
justify-content: center;
align-items: center;
}
.gallery__slide-eva.active,
.gallery__slide-vors.active,
.gallery__slide-capes.active,
.gallery__slide-home.active,
.gallery__slide-organizer.active {
display: block;
}
.gallery__slide-eva,
.gallery__slide-vors,
.gallery__slide-capes,
.gallery__slide-home,
.gallery__slide-organizer {
display: none;
}
.gallery__slide-content {
display: grid;
grid-template-columns: repeat(3, calc(33.3333333333% - 25px)); grid-template-rows: repeat(4, calc(25% - 20px));
grid-column-gap: 0px; grid-row-gap: 0px;
margin-left: 36px;
}
@media (max-width: 950px) {
.gallery__slide-content {
grid-template-columns: repeat(3, calc(33.3333333333% - 20px));
margin-left: 25px;
}
}
@media (max-width: 870px) {
.gallery__slide-content {
grid-template-columns: repeat(3, calc(33.3333333333% - 10px));
margin-left: 15px;
}
}
@media (max-width: 770px) {
.gallery__slide-content {
grid-template-rows: repeat(3, calc(25% - 10px));
}
.page-cart__title {
flex-direction: column;
align-items: center;
}
.page-cart__title span::after {
display: none;
}
.page-cart__title span {
margin-right: 0;
display: none;
}
.page-cart__title span.active {
font-size: 30px;
display: block;
}
.page-cart__title {
margin-bottom: 20px;
}
.woocommerce .products ul,
.woocommerce ul.products {
flex-direction: column;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 100%;
}
.cart_totals td {
text-align: right !important;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: unset;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
display: none;
}
.cart_totals th {
display: block !important;
}
.woocommerce table.shop_table .woocommerce-shipping-totals td {
font-size: 16px;
max-width: 300px;
}
.woocommerce #order_review table.shop_table .woocommerce-shipping-totals td {
font-size: 18px;
max-width: 100%;
}
.woocommerce-cart-form table.shop_table tr {
flex-wrap: wrap;
position: relative;
}
.woocommerce-cart-form .product-thumbnail {
display: block !important;
}
.woocommerce-cart-form {
padding-right: 15px;
padding-left: 15px;
padding-top: 20px;
padding-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
}
.woocommerce-cart-form .product-price {
position: absolute;
right: 14px;
top: 61px;
}
.product-quantity,
.product-subtotal {
width: 49%;
}
.woocommerce-cart-form__cart-item .product-quantity {
right: unset;
}
.woocommerce-cart-form table.shop_table tr {
margin-bottom: 0;
}
body .qib-button-wrapper {
width: 100%;
}
body .qib-button-wrapper button.qib-button {
width: 40px;
height: 40px !important;
flex-shrink: 0;
display: flex !important;
}
.qib-button-wrapper button.qib-button,
.qib-button-wrapper div.quantity.wqpmb_quantity {
width: 100%;
height: 40px !important;
}
tbody .product-remove {
display: none !important;
background-color: #025afa !important;
}
.page-cart {
margin-top: 50px;
margin-bottom: 50px;
}
.cart-others__title {
margin-bottom: 30px;
}
.cart-others {
margin-top: 60px;
}
.page-cart__title span.active {
font-size: 40px;
}
tbody .product-thumbnail {
width: 150px;
height: 150px;
margin-left: 0;
}
.woocommerce-cart-form table.shop_table tr {
border-bottom: 1px solid #0145ff;
padding-bottom: 15px;
}
.woocommerce-cart-form table.shop_table tr:last-child {
display: none;
}
.woocommerce-cart-form .woocommerce-Price-amount {
font-size: 24px;
}
.woocommerce table.shop_table td.product-name {
width: calc(100% - 168px);
padding-right: 90px;
}
.cart-others__title {
line-height: 120%;
}
}
@media (max-width: 600px) {
.gallery__slide-content {
margin-left: 13px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
min-height: unset;
}
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
tbody .product-thumbnail {
width: 110px;
height: 110px;
}
.woocommerce table.shop_table td.product-name {
font-size: 16px;
}
.woocommerce-cart-form .woocommerce-Price-amount {
font-size: 20px;
}
.woocommerce-cart-form .product-price {
top: 43px;
}
.woocommerce table.shop_table td.product-name {
width: calc(100% - 128px);
}
.woocommerce table.shop_table td.product-name {
padding-top: 10px;
padding-bottom: 10px;
}
.woocommerce #order_review ul#shipping_method li label {
font-size: 14px;
}
}
@media (max-width: 380px) {
tbody .product-thumbnail {
width: 90px;
height: 90px;
margin-right: 10px;
}
.woocommerce table.shop_table td.product-name {
width: calc(100% - 100px);
font-size: 14px;
}
.woocommerce-cart-form {
padding-top: 10px;
padding-bottom: 10px;
}
.woocommerce-cart-form .product-price {
top: 34px;
}
.woocommerce-cart-form .woocommerce-Price-amount {
font-size: 16px;
}
.woocommerce-cart-form table.shop_table tr {
margin-bottom: 10px;
}
body .qib-button-wrapper button.qib-button {
width: 30px;
height: 30px !important;
}
.qib-button-wrapper button.qib-button,
.qib-button-wrapper div.quantity.wqpmb_quantity {
height: 30px !important;
}
.woocommerce table.shop_table .woocommerce-shipping-totals td {
font-size: 14px;
}
}
@media (max-width: 340px) {
.woocommerce #order_review ul#shipping_method li label {
padding-left: 54px;
height: 76px;
}
.woocommerce #order_review ul#shipping_method li label::before {
width: 38px;
height: 35px;
background-size: 24px 24px;
left: 8px;
}
.woocommerce #order_review ul#shipping_method li .shipping_method:checked + label::before,
.woocommerce #order_review ul#shipping_method li .shipping_method.active + label::before {
background-size: 24px 24px;
}
#order_review #shipping_method::before {
font-size: 18px;
}
}
@media (max-width: 520px) {
.gallery__slide-content {
margin-left: -8px;
grid-template-columns: repeat(3, calc(33.3333333333% - 2px));
}
}
@media (max-width: 460px) {
.gallery__slide-content {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(1, 1fr);
}
}
@media (max-width: 400px) {
.gallery__slide-content {
margin-left: -3px;
}
}
.gallery__slide-card {
width: 390px;
cursor: pointer;
}
@media (max-width: 1120px) {
.gallery__slide-card {
width: 360px;
}
}
@media (max-width: 1050px) {
.gallery__slide-card {
width: 320px;
}
}
@media (max-width: 950px) {
.gallery__slide-card {
width: 290px;
}
}
@media (max-width: 870px) {
.gallery__slide-card {
width: 250px;
}
}
@media (max-width: 770px) {
.gallery__slide-card {
width: 230px;
}
}
@media (max-width: 670px) {
.gallery__slide-card {
width: 210px;
}
}
@media (max-width: 620px) {
.gallery__slide-card {
width: 200px;
}
}
@media (max-width: 600px) {
.gallery__slide-card {
width: 180px;
}
}
@media (max-width: 520px) {
.gallery__slide-card {
width: 140px;
}
}
@media (max-width: 460px) {
.gallery__slide-card {
width: 200px;
}
}
@media (max-width: 400px) {
.gallery__slide-card {
width: 180px;
}
}
@media (max-width: 360px) {
.gallery__slide-card {
width: 160px;
}
}
.gallery__slide-img {
width: 100%;
height: auto;
}
.gallery-popup {
display: none; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.96);
justify-content: center;
align-items: center;
z-index: 15;
}
.gallery-popup__modal {
position: absolute;
justify-content: center;
align-items: center;
}
.gallery-popup__content {
position: relative;
}
.gallery-popup__slider {
display: flex;
justify-content: space-around;
align-items: center;
}
.gallery-popup__image {
width: 400px;
}
@media (max-width: 520px) {
.gallery-popup__image {
width: 300px;
}
}
@media (max-width: 400px) {
.gallery-popup__image {
width: 250px;
}
}
@media (max-width: 360px) {
.gallery-popup__image {
width: 220px;
}
}
@media (max-width: 340px) {
.gallery-popup__image {
width: 200px;
}
}
.gallery-popup__close {
position: absolute;
top: -40px;
right: 60px;
color: white;
font-size: 50px;
cursor: pointer;
}
@media (max-width: 768px) {
.gallery-popup__close {
top: -40px;
right: 30px;
}
}
@media (max-width: 575px) {
.gallery-popup__close {
top: -35px;
right: 35px;
font-size: 40px;
}
}
@media (max-width: 460px) {
.gallery-popup__close {
font-size: 30px;
}
}
#prevGalleryPhotos {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1300px) {
#prevGalleryPhotos {
width: 60px;
height: 58px;
}
}
@media (max-width: 768px) {
#prevGalleryPhotos {
width: 50px;
height: 48px;
}
}
@media (max-width: 575px) {
#prevGalleryPhotos {
width: 40px;
height: 38px;
}
}
#prevGalleryPhotos:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
@media (max-width: 575px) {
#prevGalleryPhotos img {
width: 25px;
}
}
#nextGalleryPhotos {
width: 80px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
background: linear-gradient(to bottom, #025dfc, #0849bc);
border: none;
cursor: pointer;
}
@media (max-width: 1300px) {
#nextGalleryPhotos {
width: 60px;
height: 58px;
}
}
@media (max-width: 768px) {
#nextGalleryPhotos {
width: 50px;
height: 48px;
}
}
@media (max-width: 575px) {
#nextGalleryPhotos {
width: 40px;
height: 38px;
}
}
#nextGalleryPhotos:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
#nextGalleryPhotos img {
transform: rotate(180deg);
}
@media (max-width: 768px) {
#nextGalleryPhotos img {
width: 30px;
}
}
@media (max-width: 575px) {
#nextGalleryPhotos img {
width: 25px;
}
}
.glow_gallery {
position: absolute;
width: 250px;
height: 574px;
filter: blur(180px);
background: #025eff;
z-index: 1;
transform: translate3d(0, 0, 0);
}
@media (max-width: 1100px) {
.glow_gallery {
width: 200px;
height: 560px;
}
}
@media (max-width: 675px) {
.glow_gallery {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_gallery {
width: 165px;
height: 374px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_gallery::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__gallery_right {
top: 425px;
right: -169px;
}
@media (max-width: 460px) {
.glow__gallery_right {
top: 774px;
right: -169px;
}
}
.glow__gallery_left {
top: 18px;
left: -169px;
}
.wave-container {
position: fixed;
bottom: 120px;
right: 30px;
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
cursor: pointer;
}
@media (max-width: 760px) {
.wave-container {
bottom: 80px;
right: 18px;
}
}
.wave {
position: absolute;
width: 100px; height: 100px; border-radius: 50%; background-color: rgba(2, 93, 252, 0.8); animation: wave-animation 1.5s infinite; z-index: 11; }
@media (max-width: 880px) {
.wave {
width: 90px;
height: 90px;
}
}
@media (max-width: 880px) {
.wave {
width: 75px;
height: 75px;
}
} .widget__call {
width: 60px;
height: 60px;
border-radius: 50%; background: linear-gradient(to bottom, #025bfd, #0829e0);
border: none;
cursor: pointer;
position: relative; z-index: 10; transition: transform 0.3s ease; animation: heartbeat 1.5s infinite;
}
@media (max-width: 880px) {
.widget__call {
width: 55px;
height: 55px;
}
}
@media (max-width: 760px) {
.widget__call {
width: 50px;
height: 50px;
}
}
.widget__call:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d);
}
@media (max-width: 760px) {
.widget__call img {
width: 27px;
}
}
.widget__call:active {
transform: scale(0.95); } .widget__call img {
transition: transform 0.3s ease; }
.widget__call:hover img {
transform: rotate(15deg); } @keyframes heartbeat {
0%,
20%,
40%,
60%,
100% {
transform: scale(1);
}
10% {
transform: scale(1.1);
}
30% {
transform: scale(0.9);
}
} @keyframes wave-animation {
0% {
transform: scale(0);
opacity: 0.5; }
50% {
transform: scale(1);
opacity: 0; }
100% {
transform: scale(0);
opacity: 0; }
}
.call-popup {
max-width: 250px;
height: auto;
background-color: #ffffff;
border-radius: 15px;
position: fixed;
bottom: 200px;
right: 30px;
z-index: 12;
display: none;
}
@media (max-width: 760px) {
.call-popup {
bottom: 150px;
right: 20px;
}
}
.call-popup__close {
position: absolute;
top: -2px;
right: 8px;
font-size: 30px;
cursor: pointer;
color: #023ca2;
}
.call-popup__content {
display: flex;
flex-direction: column;
align-items: center;
padding: 25px 25px 15px 25px;
}
.call-popup__title {
font-weight: 600;
font-size: 24px;
margin-bottom: 20px;
text-align: center;
color: #023ca2;
}
.call-popup__form {
margin-bottom: 15px;
}
.call-popup__form-input {
width: 100%;
border-radius: 16px;
padding: 10px 15px;
border: 2px solid #023ca2;
font-size: 15px;
background-color: transparent;
margin-bottom: 10px;
color: #023ca2;
}
.call-popup__form-input::placeholder {
color: #023ca2;
}
.call-popup__form-button {
width: 100%;
height: auto;
border-radius: 16px;
background: linear-gradient(to bottom, #035af4, #023ca2);
font-size: 15px;
padding: 10px 15px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
text-align: center;
border: none;
cursor: pointer; transition: background-image 0.3s ease, transform 0.3s ease;
}
.call-popup__form-button:hover {
background: linear-gradient(90deg, #003d99, #025eff);
}
.call-popup__agreement {
margin-bottom: 15px;
}
.call-popup__agreement-text {
font-size: 13px;
color: #023ca2;
font-weight: 400;
cursor: pointer;
}
.call-popup__text {
font-size: 18px;
color: #023ca2;
font-weight: 500;
margin-bottom: 7px;
}
.call-popup__phone {
font-size: 16px;
color: #023ca2;
font-weight: 500;
cursor: pointer;
}
.call-popup__phone:hover {
color: #025eff;
}
.call-popup .checkbox *,
.call-popup .checkbox ::after,
.call-popup .checkbox ::before {
box-sizing: border-box;
}
.call-popup .checkbox [type="checkbox"].substituted {
margin: 0;
width: 0;
height: 0;
display: inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.call-popup .checkbox [type="checkbox"].substituted + label:before {
content: "";
display: inline-block;
vertical-align: top;
height: 1.15em;
width: 1.15em;
margin-right: 0.6em;
color: rgba(0, 0, 0, 0.275);
border: solid 0.06em;
box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em inset, 0 0 0 0.07em transparent inset;
border-radius: 0.2em;
background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="white" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>') no-repeat center, white;
background-size: 0;
will-change: color, border, background, background-size, box-shadow;
transform: translate3d(0, 0, 0);
transition: color 0.1s, border 0.1s, background 0.15s, box-shadow 0.1s;
}
.call-popup .checkbox [type="checkbox"].substituted:enabled:active + label:before,
.call-popup .checkbox [type="checkbox"].substituted:enabled + label:active:before {
box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset;
background-color: #f0f0f0;
}
.call-popup .checkbox [type="checkbox"].substituted:checked + label:before {
background-color: #3b99fc;
background-size: 0.75em;
color: rgba(0, 0, 0, 0.075);
}
.call-popup .checkbox [type="checkbox"].substituted:checked:enabled:active + label:before,
.call-popup .checkbox [type="checkbox"].substituted:checked:enabled + label:active:before {
background-color: #0a7ffb;
color: rgba(0, 0, 0, 0.275);
}
.call-popup .checkbox [type="checkbox"].substituted:focus + label:before {
box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}
.call-popup .checkbox [type="checkbox"].substituted:focus:active + label:before,
.call-popup .checkbox [type="checkbox"].substituted:focus + label:active:before {
box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}
.call-popup .checkbox [type="checkbox"].substituted:disabled + label:before {
opacity: 0.5;
}
.call-popup .checkbox [type="checkbox"].substituted.dark + label:before {
color: rgba(255, 255, 255, 0.275);
background-color: #222;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="rgba(34, 34, 34, 0.999)" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>');
}
.call-popup .checkbox [type="checkbox"].substituted.dark:enabled:active + label:before,
.call-popup .checkbox [type="checkbox"].substituted.dark:enabled + label:active:before {
background-color: #444;
box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(255, 255, 255, 0.1) inset;
}
.call-popup .checkbox [type="checkbox"].substituted.dark:checked + label:before {
background-color: #a97035;
color: rgba(255, 255, 255, 0.075);
}
.call-popup .checkbox [type="checkbox"].substituted.dark:checked:enabled:active + label:before,
.call-popup .checkbox [type="checkbox"].substituted.dark:checked:enabled + label:active:before {
background-color: #c68035;
color: rgba(0, 0, 0, 0.275);
}
.call-popup .checkbox [type="checkbox"].substituted + label {
-webkit-user-select: none;
user-select: none;
}
.call-popup .checkbox {
display: flex;
}
.privacy-content {
margin-top: 50px;
position: relative;
z-index: 5;
}
.privacy-content p {
margin-bottom: 50px;
}
.privacy {
padding-top: 50px;
padding-bottom: 200px;
position: relative;
}
@media (max-width: 768px) {
.privacy {
padding-top: 35px;
padding-bottom: 50px;
}
}
@media (max-width: 600px) {
.privacy-content p {
margin-bottom: 30px;
}
.privacy {
padding-top: 30px;
}
}
@media (max-width: 490px) {
.privacy {
padding-top: 35px;
}
}
@media (max-width: 370px) {
.privacy {
padding-top: 30px;
}
}
.privacy__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
position: relative;
z-index: 2;
}
@media (max-width: 1024px) {
.privacy__title {
font-size: 50px;
}
}
@media (max-width: 768px) {
.privacy__title {
font-size: 40px;
}
}
@media (max-width: 600px) {
.privacy__title {
font-size: 30px;
}
}
@media (max-width: 490px) {
.privacy__title {
line-height: normal;
font-size: 25px;
}
}
@media (max-width: 370px) {
.privacy__title {
line-height: normal;
font-size: 20px;
}
}
.privacy__item {
margin-top: 50px;
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.privacy__item {
margin-top: 30px;
}
}
@media (max-width: 490px) {
.privacy__item {
margin-top: 35px;
}
}
@media (max-width: 370px) {
.privacy__item {
margin-top: 30px;
}
}
.privacy-content h2,
.privacy-content h3,
.privacy-content h4,
.privacy-content h5,
.privacy-content h6 {
font-size: 28px;
letter-spacing: -1px;
line-height: 1.2;
color: rgb(2, 94, 255);
font-weight: 700;
}
@media (max-width: 768px) {
.privacy-content h2,
.privacy-content h3,
.privacy-content h4,
.privacy-content h5,
.privacy-content h6 {
font-size: 26px;
}
}
@media (max-width: 600px) {
.privacy-content h2,
.privacy-content h3,
.privacy-content h4,
.privacy-content h5,
.privacy-content h6 {
font-size: 24px;
}
}
@media (max-width: 490px) {
.privacy-content h2,
.privacy-content h3,
.privacy-content h4,
.privacy-content h5,
.privacy-content h6 {
font-size: 20px;
}
}
@media (max-width: 393px) {
.privacy-content h2,
.privacy-content h3,
.privacy-content h4,
.privacy-content h5,
.privacy-content h6 {
font-size: 18px;
}
}
@media (max-width: 370px) {
.privacy-content h2,
.privacy-content h3,
.privacy-content h4,
.privacy-content h5,
.privacy-content h6 {
font-size: 17px;
}
}
.privacy-content p {
margin-top: 25px;
font-size: 22px;
letter-spacing: -1px;
line-height: 1.2;
color: rgb(246, 249, 255);
font-weight: 400;
}
@media (max-width: 768px) {
.privacy-content p {
margin-top: 20px;
font-size: 20px;
}
}
@media (max-width: 600px) {
.privacy-content p {
font-size: 17px;
}
}
@media (max-width: 490px) {
.privacy-content p {
margin-top: 15px;
font-size: 15px;
line-height: 21px;
}
}
@media (max-width: 370px) {
.privacy-content p {
margin-top: 13px;
font-size: 12px;
}
}
.glow_privacy {
position: absolute;
width: 250px;
height: 574px;
filter: blur(180px);
background: #025eff;
z-index: 1;
transform: translate3d(0, 0, 0);
}
@media (max-width: 991px) {
.glow_privacy {
width: 200px;
}
}
@media (max-width: 600px) {
.glow_privacy {
width: 150px;
}
}
@media (max-width: 460px) {
.glow_privacy {
width: 165px;
height: 570px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_privacy::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__privacy_right {
top: 425px;
right: -169px;
}
@media (max-width: 460px) {
.glow__privacy_right {
top: 500px;
}
}
.glow__privacy_left {
top: 18px;
left: -169px;
}
.garantee {
padding-top: 50px;
padding-bottom: 200px;
position: relative;
}
@media (max-width: 768px) {
.garantee {
padding-top: 35px;
padding-bottom: 90px;
}
}
@media (max-width: 600px) {
.garantee {
padding-top: 30px;
}
}
@media (max-width: 490px) {
.garantee {
padding-top: 35px;
}
}
@media (max-width: 370px) {
.garantee {
padding-top: 30px;
}
}
.garantee__item {
margin-top: 50px;
padding-left: 15px;
padding-right: 15px;
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.garantee__item {
margin-top: 35px;
}
}
@media (max-width: 490px) {
.garantee__item {
padding-right: 7px;
padding-left: 7px;
}
}
@media (max-width: 550px) {
.garantee__item {
margin-top: 30px;
}
}
.garantee__item h3 {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: center;
}
@media (max-width: 1024px) {
.garantee__item h3 {
font-size: 50px;
}
}
@media (max-width: 768px) {
.garantee__item h3 {
font-size: 33px;
}
}
@media (max-width: 550px) {
.garantee__item h3 {
font-size: 30px;
line-height: normal;
}
}
@media (max-width: 390px) {
.garantee__item h3 {
font-size: 27px;
}
}
@media (max-width: 350px) {
.garantee__item h3 {
font-size: 24px;
}
}
.garantee__item p {
margin-top: 25px;
font-size: 22px;
line-height: 1.2;
color: rgb(246, 249, 255);
font-weight: 400;
}
@media (max-width: 768px) {
.garantee__item p {
margin-top: 20px;
font-size: 20px;
}
}
@media (max-width: 600px) {
.garantee__item p {
font-size: 17px;
}
}
@media (max-width: 490px) {
.garantee__item p {
margin-top: 15px;
font-size: 15px;
}
}
@media (max-width: 370px) {
.garantee__item p {
margin-top: 13px;
font-size: 12px;
}
}
.garantee__item p.first {
margin-top: 70px;
}
@media (max-width: 768px) {
.garantee__item h3 {
margin-bottom: 30px !important;
}
.garantee__item p.first {
margin-top: 35px;
}
}
@media (max-width: 550px) {
.garantee__item p.first {
margin-top: 30px;
}
}
.garantee__item-container__subtitle {
text-align: center;
width: 100%;
margin: 0 auto;
}
@media (max-width: 634px) {
.garantee__item-container__subtitle {
width: 428px;
}
}
@media (max-width: 500px) {
.garantee__item-container__subtitle {
width: 389px;
}
}
@media (max-width: 420px) {
.garantee__item-container__subtitle {
width: 350px;
}
}
.garantee__item h3 {
margin-bottom: 70px;
}
@media (max-width: 390px) {
.garantee__item-container__subtitle {
width: 320px;
}
}
.garantee__item h4 {
margin-top: 60px;
color: rgb(2, 94, 255);
line-height: 1.2;
font-size: 30px;
font-weight: 30px;
text-align: center;
}
@media (max-width: 893px) {
.garantee__item h4 {
font-size: 29px;
}
}
@media (max-width: 864px) {
.garantee__item h4 {
font-size: 27px;
}
}
@media (max-width: 808px) {
.garantee__item h4 {
font-size: 24px;
}
}
@media (max-width: 768px) {
.garantee__item h4 {
margin-top: 30px;
font-size: 23px;
}
}
@media (max-width: 693px) {
.garantee__item h4 {
font-size: 21px;
}
}
@media (max-width: 634px) {
.garantee__item h4 {
font-size: 22px;
}
}
@media (max-width: 500px) {
.garantee__item h4 {
font-size: 20px;
}
}
@media (max-width: 340px) {
.garantee__item h4 {
font-size: 17px;
}
}
.garantee__item h4.return {
margin-top: 110px;
}
@media (max-width: 768px) {
.garantee__item h4.return {
margin-top: 80px;
}
}
@media (max-width: 550px) {
.garantee__item h4.return {
margin-top: 60px;
}
}
.garantee__item.return {
margin-top: 110px;
}
@media (max-width: 768px) {
.garantee__item.return {
margin-top: 80px;
}
}
@media (max-width: 550px) {
.garantee__item.return {
margin-top: 60px;
}
}
.glow_garantee {
position: absolute;
width: 250px;
height: 574px;
-webkit-filter: blur(180px);
filter: blur(180px);
background: #025eff;
z-index: 1;
transform: translate3d(0, 0, 0);
}
@media (max-width: 991px) {
.glow_garantee {
width: 200px;
}
}
@media (max-width: 600px) {
.glow_garantee {
width: 150px;
}
}
@media (max-width: 460px) {
.glow_garantee {
width: 165px;
height: 760px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_garantee::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__garantee_right {
top: 856px;
right: -169px;
}
@media (max-width: 460px) {
.glow__garantee_right {
top: 800px;
}
}
.glow__garantee_left {
top: 18px;
left: -169px;
}
.coockie {
width: 1197px;
height: auto;
padding: 15px;
background-color: #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
border-radius: 5px;
z-index: 1000;
}
@media (max-width: 1400px) {
.coockie {
width: 90%;
}
}
@media (max-width: 1280px) {
.coockie {
width: 97%;
padding: 10px;
}
}
.coockie__content {
display: flex;
justify-content: left;
}
@media (max-width: 1280px) {
.coockie__content {
justify-content: space-between;
}
}
@media (max-width: 1120px) {
.coockie__content {
align-items: center;
}
}
.coockie__text {
font-size: 15px;
font-weight: 400;
color: #17191d;
width: 90%;
}
@media (max-width: 1280px) {
.coockie__text {
font-size: 13px;
width: 80%;
}
}
@media (max-width: 760px) {
.coockie__text {
font-size: 12px;
}
}
@media (max-width: 480px) {
.coockie__text {
width: 70%;
}
}
.coockie__text-link {
color: #023ca2;
}
.coockie__button {
width: 130px;
height: auto;
padding: 10px;
border-radius: 5px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border: none;
color: #ffffff;
text-align: center;
font-size: 16px;
font-weight: 400;
cursor: pointer;
}
@media (max-width: 1280px) {
.coockie__button {
width: 120px;
font-size: 14px;
}
}
@media (max-width: 1120px) {
.coockie__button {
height: 35px;
}
}
@media (max-width: 760px) {
.coockie__button {
width: 90px;
font-size: 12px;
height: 30px;
padding: 0px;
}
}
@media (max-width: 380px) {
.coockie__button {
width: 80px;
font-size: 10px;
height: 25px;
}
}
.coockie__button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d);
}
.spasibo {
padding-top: 100px;
padding-bottom: 150px;
min-height: 100vh;
}
.spasibo::before {
content: "";
background-image: url(https://savaks.ru/wp-content/uploads/2025/01/13012_30_2_1000x1000-3.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (max-width: 900px) {
.spasibo {
padding-bottom: 0px;
}
}
@media (max-width: 450px) {
.spasibo {
padding-top: 70px;
}
}
.spasibo__title {
font-size: 59px;
font-weight: bold;
background: linear-gradient(to bottom, #035bf6, #023288);
-webkit-background-clip: text; background-clip: text; color: transparent;
text-align: center;
position: relative;
}
@media (max-width: 1330px) {
.spasibo__title {
font-size: 50px;
}
}
@media (max-width: 593px) {
.spasibo__title {
font-size: 36px;
}
body .spasibo__image {
margin-bottom: -25px;
}
}
@media (max-width: 450px) {
.spasibo__title {
font-size: 30px;
}
body .spasibo__image {
margin-bottom: -21px;
}
}
@media (max-width: 360px) {
.spasibo__title {
font-size: 27px;
}
}
.spasibo__text {
font-size: 30px;
color: rgb(246, 249, 255);
text-align: center;
font-weight: 400px;
margin-top: 15px;
position: relative;
}
@media (max-width: 1330px) {
.spasibo__text {
font-size: 25px;
}
}
@media (max-width: 593px) {
.spasibo__text {
font-size: 20px;
margin-top: 12px;
}
}
@media (max-width: 450px) {
.spasibo__text {
font-size: 16px;
margin-top: 10px;
}
}
@media (max-width: 360px) {
.spasibo__text {
font-size: 14px;
margin-top: 8px;
}
}
.spasibo__image {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 70px;
position: relative;
}
@media (max-width: 1330px) {
.spasibo__image {
margin-top: 50px;
}
}
@media (max-width: 593px) {
.spasibo__image {
margin-top: 40px;
}
}
@media (max-width: 450px) {
.spasibo__image {
margin-top: 30px;
}
}
.spasibo__image-group img {
width: 600px;
}
@media (max-width: 1330px) {
.spasibo__image-group img {
width: 500px;
}
}
@media (max-width: 593px) {
.spasibo__image-group img {
width: 400px;
}
}
@media (max-width: 450px) {
.spasibo__image-group img {
width: 350px;
}
}
@media (max-width: 360px) {
.spasibo__image-group img {
width: 280px;
}
}
.spasibo__image-car {
position: absolute;
top: 40%;
left: 36%;
z-index: 2;
}
@media (max-width: 1150px) {
.spasibo__image-car {
left: 35%;
}
}
@media (max-width: 1050px) {
.spasibo__image-car {
left: 33%;
}
}
@media (max-width: 950px) {
.spasibo__image-car {
left: 31%;
}
}
@media (max-width: 850px) {
.spasibo__image-car {
left: 29%;
}
}
@media (max-width: 770px) {
.spasibo__image-car {
left: 28%;
}
}
@media (max-width: 730px) {
.spasibo__image-car {
left: 27%;
}
}
@media (max-width: 700px) {
.spasibo__image-car {
left: 26%;
}
}
@media (max-width: 670px) {
.spasibo__image-car {
left: 24%;
}
}
@media (max-width: 630px) {
.spasibo__image-car {
left: 23%;
}
}
@media (max-width: 600px) {
.spasibo__image-car {
left: 21%;
}
}
@media (max-width: 593px) {
.spasibo__image-car {
left: 27%;
}
}
@media (max-width: 570px) {
.spasibo__image-car {
left: 25%;
}
}
@media (max-width: 530px) {
.spasibo__image-car {
left: 23%;
}
}
@media (max-width: 500px) {
.spasibo__image-car {
left: 21%;
}
}
@media (max-width: 470px) {
.spasibo__image-car {
left: 19%;
}
}
@media (max-width: 450px) {
.spasibo__image-car {
left: 23%;
}
}
@media (max-width: 435px) {
.spasibo__image-car {
left: 22%;
}
}
@media (max-width: 425px) {
.spasibo__image-car {
left: 21%;
}
}
@media (max-width: 410px) {
.spasibo__image-car {
left: 20%;
}
}
@media (max-width: 400px) {
.spasibo__image-car {
left: 19%;
}
}
@media (max-width: 385px) {
.spasibo__image-car {
left: 18%;
}
}
@media (max-width: 375px) {
.spasibo__image-car {
left: 17%;
}
}
@media (max-width: 365px) {
.spasibo__image-car {
left: 16%;
}
}
@media (max-width: 360px) {
.spasibo__image-car {
left: 24%;
}
}
@media (max-width: 355px) {
.spasibo__image-car {
left: 23%;
}
}
@media (max-width: 345px) {
.spasibo__image-car {
left: 22%;
}
}
@media (max-width: 340px) {
.spasibo__image-car {
left: 21%;
}
}
@media (max-width: 330px) {
.spasibo__image-car {
left: 20%;
}
}
@media (max-width: 320px) {
.spasibo__image-car {
left: 19%;
}
}
.spasibo__image-car img {
width: 430px;
}
@media (max-width: 1330px) {
.spasibo__image-car img {
width: 350px;
}
}
@media (max-width: 593px) {
.spasibo__image-car img {
width: 280px;
}
}
@media (max-width: 450px) {
.spasibo__image-car img {
width: 250px;
}
}
@media (max-width: 360px) {
.spasibo__image-car img {
width: 200px;
}
}
.spasibo__button {
display: block;
margin: 0 auto;
width: 535px;
height: auto;
padding: 20px;
border-radius: 11px;
color: rgb(246, 249, 255);
font-size: 40px;
font-weight: 600;
text-align: center;
background: linear-gradient(to bottom, #025bfd, #0829e0);
box-shadow: 0 0 15px rgba(2, 91, 253, 0.7);
border: none;
line-height: 1.133;
cursor: pointer;
position: relative;
}
@media (max-width: 1200px) {
.spasibo__button {
width: 460px;
font-size: 35px;
padding: 15px;
}
}
@media (max-width: 593px) {
.spasibo__button {
width: 350px;
font-size: 27px;
padding: 10px;
}
}
@media (max-width: 450px) {
.spasibo__button {
width: 300px;
font-size: 25px;
padding: 8px;
}
}
@media (max-width: 360px) {
.spasibo__button {
width: 250px;
font-size: 20px;
padding: 8px;
}
}
.spasibo__button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d);
}
.error-404 {
height: 100vh;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.error-404__content {
display: flex;
flex-direction: column;
align-items: center;
}
.error-404__title {
display: flex;
justify-content: center;
}
.error-404__number {
font-size: 350px;
background: linear-gradient(to right, #171e2a, #025eff);
-webkit-background-clip: text; background-clip: text; color: transparent;
font-weight: bold;
}
@media (max-width: 2000px) {
.error-404__number {
font-size: 223px;
}
}
@media (max-width: 1200px) {
.error-404__number {
font-size: 185px;
}
}
@media (max-width: 600px) {
.error-404__number {
font-size: 160px;
}
}
.error-404__image {
z-index: 2;
}
@media (max-width: 2000px) {
.error-404__image img {
width: 300px;
}
}
@media (max-width: 1200px) {
.error-404__image img {
width: 250px;
}
}
@media (max-width: 600px) {
.error-404__image img {
width: 230px;
}
}
.error-404__number.left {
margin-right: -143px;
z-index: 3;
}
@media (max-width: 2000px) {
.error-404__number.left {
margin-right: -91px;
}
}
@media (max-width: 1200px) {
.error-404__number.left {
margin-right: -72px;
}
}
@media (max-width: 600px) {
.error-404__number.left {
margin-right: -64px;
}
}
.error-404__number.right {
margin-left: -161px;
}
@media (max-width: 2000px) {
.error-404__number.right {
margin-left: -102px;
}
}
@media (max-width: 1200px) {
.error-404__number.right {
margin-left: -75px;
}
}
@media (max-width: 600px) {
.error-404__number.right {
margin-left: -67px;
}
}
.error-404__information {
width: 600px;
margin-top: -90px;
margin-bottom: 70px;
}
@media (max-width: 2000px) {
.error-404__information {
width: 375px;
margin-top: -60px;
margin-bottom: 50px;
}
}
@media (max-width: 1200px) {
.error-404__information {
width: 305px;
margin-top: -50px;
margin-bottom: 40px;
}
}
@media (max-width: 600px) {
.error-404__information {
width: 280px;
margin-top: -35px;
margin-bottom: 35px;
}
}
.error-404__error {
font-size: 160px;
text-transform: lowercase;
text-align: center;
background: linear-gradient(to right, #171e2a, #025eff);
-webkit-background-clip: text; background-clip: text; color: transparent;
font-weight: bold;
}
@media (max-width: 2000px) {
.error-404__error {
font-size: 100px;
}
}
@media (max-width: 1200px) {
.error-404__error {
font-size: 82px;
}
}
@media (max-width: 600px) {
.error-404__error {
font-size: 74px;
}
}
@media (max-width: 460px) {
.error-404__error {
font-size: 72px;
}
}
.error-404__text {
font-size: 28px;
color: rgb(246, 249, 255);
line-height: 1.432;
text-align: right;
margin-top: -25px;
}
@media (max-width: 2000px) {
.error-404__text {
font-size: 20px;
}
}
@media (max-width: 1200px) {
.error-404__text {
font-size: 17px;
margin-top: -17px;
}
}
@media (max-width: 600px) {
.error-404__text {
font-size: 16px;
margin-top: -16px;
}
}
.error-404__button {
display: block;
margin: 0 auto;
width: 535px;
height: auto;
padding: 20px;
border-radius: 11px;
color: rgb(246, 249, 255);
font-size: 40px;
font-weight: 600;
text-align: center;
background: linear-gradient(to bottom, #025bfd, #0829e0);
box-shadow: 0 0 15px rgba(2, 91, 253, 0.7);
border: none;
line-height: 1.133;
cursor: pointer;
position: relative;
}
@media (max-width: 2000px) {
.error-404__button {
width: 330px;
font-size: 25px;
}
}
@media (max-width: 1200px) {
.error-404__button {
width: 270px;
font-size: 20px;
padding: 15px;
}
}
@media (max-width: 600px) {
.error-404__button {
width: 230px;
font-size: 18px;
padding: 10px;
}
}
.error-404__button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d);
}
.sitemap {
padding-top: 70px;
padding-bottom: 100px;
position: relative;
z-index: 1;
}
@media (max-width: 490px) {
.sitemap {
padding-top: 30px;
}
}
.sitemap__title {
font-size: 59px;
letter-spacing: -1px;
line-height: 87px;
color: #ffffff;
font-weight: 700;
text-align: left;
position: relative;
z-index: 2;
}
@media (max-width: 1400px) {
.sitemap__title {
font-size: 52px;
}
}
@media (max-width: 1024px) {
.sitemap__title {
font-size: 50px;
}
}
@media (max-width: 980px) {
.sitemap__title {
font-size: 45px;
}
}
@media (max-width: 880px) {
.sitemap__title {
font-size: 44px;
}
}
@media (max-width: 760px) {
.sitemap__title {
font-size: 40px;
}
}
@media (max-width: 675px) {
.sitemap__title {
font-size: 36px;
}
}
@media (max-width: 490px) {
.sitemap__title {
font-size: 33px;
line-height: normal;
}
}
@media (max-width: 420px) {
.sitemap__title {
font-size: 31px;
}
}
@media (max-width: 390px) {
.sitemap__title {
font-size: 29px;
}
}
@media (max-width: 370px) {
.sitemap__title {
font-size: 27px;
}
}
@media (max-width: 350px) {
.sitemap__title {
font-size: 25px;
}
}
@media (max-width: 330px) {
.sitemap__title {
font-size: 23px;
}
}
.sitemap__content {
margin-left: 45px;
position: relative;
z-index: 1;
}
@media (max-width: 490px) {
.sitemap__content {
margin-top: 20px;
margin-left: 25px;
}
}
.sitemap__chapter {
margin-top: 10px;
position: relative;
padding-left: 25px;
}
.sitemap__chapter::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background-color: white;
}
@media (max-width: 500px) {
.sitemap__chapter::before {
width: 8px;
height: 8px;
}
}
.sitemap__chapter a {
color: #ffffff;
font-size: 25px;
font-weight: 500;
text-align: left;
}
@media (max-width: 768px) {
.sitemap__chapter a {
font-size: 23px;
}
}
@media (max-width: 650px) {
.sitemap__chapter a {
font-size: 21px;
}
}
@media (max-width: 500px) {
.sitemap__chapter a {
font-size: 20px;
}
}
@media (max-width: 360px) {
.sitemap__chapter a {
font-size: 17px;
}
}
.sitemap__chapter a:hover {
color: #025eff;
}
.sitemap__subsection {
margin-top: 10px;
margin-left: 50px;
position: relative;
padding-left: 25px;
}
.sitemap__subsection::before { content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 8px; height: 8px; border-radius: 50%;
background-color: white;
}
@media (max-width: 500px) {
.sitemap__subsection::before {
width: 6px;
height: 6px;
}
}
.sitemap__subsection a {
color: #ffffff;
font-size: 21px;
font-weight: 400;
text-align: left;
}
@media (max-width: 768px) {
.sitemap__subsection a {
font-size: 19px;
}
}
@media (max-width: 650px) {
.sitemap__subsection a {
font-size: 18px;
}
}
@media (max-width: 500px) {
.sitemap__subsection a {
font-size: 16px;
}
}
@media (max-width: 360px) {
.sitemap__subsection a {
font-size: 15px;
}
}
.sitemap__subsection a:hover {
color: #025eff;
}
.glow_sitemap {
position: absolute;
width: 250px;
height: 574px;
filter: blur(180px);
background: #025eff;
z-index: -1;
}
@media (max-width: 1100px) {
.glow_sitemap {
width: 200px;
height: 560px;
}
}
@media (max-width: 675px) {
.glow_sitemap {
width: 150px;
height: 374px;
}
}
@media (max-width: 460px) {
.glow_sitemap {
width: 165px;
height: 374px;
filter: blur(123px);
}
}
@supports (-webkit-overflow-scrolling: touch) {
.glow_sitemap::before {
content: "";
position: absolute;
top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(2, 94, 255, 0.5); filter: blur(20px); z-index: -1; }
}
.glow__sitemap_right {
top: 425px;
right: -169px;
}
.glow__sitemap_left {
top: 18px;
left: -169px;
}
.uppromo {
display: none;
}
@media (max-width: 550px) {
.uppromo {
display: flex;
padding-top: 60px;
position: relative;
z-index: 3;
}
}
@media (max-width: 460px) {
.uppromo {
padding-top: 50px;
}
}
.uppromo__constructor {
display: flex;
justify-content: center;
}
.uppromo__constructor-image {
position: relative;
height: 280px;
}
@media (max-width: 460px) {
.uppromo__constructor-image {
height: 230px;
}
}
.uppromo__constructor-image-flex {
display: flex;
}
@media (max-width: 550px) {
.uppromo__constructor-image__left {
width: 180px;
}
}
@media (max-width: 460px) {
.uppromo__constructor-image__left {
width: 150px;
}
}
@media (max-width: 550px) {
.uppromo__constructor-image__right {
width: 180px;
}
}
@media (max-width: 460px) {
.uppromo__constructor-image__right {
width: 150px;
}
}
.uppromo__constructor-sale {
position: absolute;
width: 85px;
height: 85px;
border-radius: 50%;
background-color: rgb(232, 30, 34);
display: flex;
justify-content: center;
padding-top: 10px;
right: 220px;
top: 30%;
}
@media (max-width: 550px) {
.uppromo__constructor-sale {
width: 55px;
height: 55px;
right: 147px;
}
}
@media (max-width: 460px) {
.uppromo__constructor-sale {
right: 128px;
top: 27%;
width: 50px;
height: 50px;
}
}
.uppromo__constructor-sale__text .procent {
font-size: 31px;
letter-spacing: -1px;
color: rgb(255, 255, 255);
line-height: 1.2;
font-weight: 800;
margin-top: 7px;
}
@media (max-width: 550px) {
.uppromo__constructor-sale__text .procent {
font-size: 22px;
margin-top: 0px;
text-align: center;
}
}
@media (max-width: 460px) {
.uppromo__constructor-sale__text .procent {
font-size: 19px;
}
}
.uppromo__constructor-sale__text .sale {
font-size: 18px;
letter-spacing: 0px;
color: rgb(255, 255, 255);
line-height: 1.2;
margin-top: -12px;
font-weight: 300;
}
@media (max-width: 550px) {
.uppromo__constructor-sale__text .sale {
margin-top: -6px;
font-size: 12px;
}
}
@media (max-width: 460px) {
.uppromo__constructor-sale__text .sale {
margin-top: -7px;
}
}
.uppromo__constructor-material {
position: absolute;
right: 225px;
top: 80%;
z-index: 1;
}
@media (max-width: 550px) {
.uppromo__constructor-material {
right: 144px;
top: 79%;
}
}
@media (max-width: 460px) {
.uppromo__constructor-material {
right: 120px;
top: 81%;
}
}
.uppromo__constructor-material .img-material {
border-radius: 44px;
width: 89px;
height: 89px;
border: 2px solid rgb(255, 255, 255);
}
@media (max-width: 550px) {
.uppromo__constructor-material .img-material {
width: 60px;
height: 60px;
}
}
@media (max-width: 460px) {
.uppromo__constructor-material .img-material {
width: 50px;
height: 50px;
}
}
.uppromo__constructor-material .img-triangle {
position: absolute;
top: 0%;
right: 77%;
z-index: -1;
}
@media (max-width: 550px) {
.uppromo__constructor-material .img-triangle {
width: 22px;
right: 75%;
}
}
@media (max-width: 460px) {
.uppromo__constructor-material .img-triangle {
right: 73%;
}
}
@media (max-width: 455px) {
.uppromo__constructor-material .img-triangle {
right: 72%;
}
}
.uppromo__constructor-organizer {
position: relative;
}
@media (max-width: 550px) {
.uppromo__constructor-organizer {
display: flex;
justify-content: center;
}
}
.uppromo__constructor-organizer__image {
display: flex;
position: relative; height: 280px;
padding-top: 70px;
}
@media (max-width: 460px) {
.uppromo__constructor-organizer__image {
height: 230px;
}
}
.uppromo__constructor-organizer #up-center {
width: 510px;
height: 310px;
position: absolute;
right: 15%;
top: -5%;
}
@media (max-width: 550px) {
.uppromo__constructor-organizer #up-center {
right: 19%;
top: -5%;
width: 235px;
height: 145px;
margin-top: 70px;
}
}
@media (max-width: 385px) {
.uppromo__constructor-organizer #up-center {
top: -3%;
width: 215px;
height: 125px;
}
}
@media (max-width: 340px) {
.uppromo__constructor-organizer #up-center {
width: 200px;
height: 110px;
}
}
.uppromo__constructor-organizer #up-left {
display: block;
width: 190px;
}
@media (max-width: 385px) {
.uppromo__constructor-organizer #up-left {
width: 170px;
}
}
@media (max-width: 340px) {
.uppromo__constructor-organizer #up-left {
width: 155px;
}
}
.uppromo__constructor-organizer #up-right {
display: block;
width: 190px;
}
@media (max-width: 385px) {
.uppromo__constructor-organizer #up-right {
width: 170px;
}
}
@media (max-width: 340px) {
.uppromo__constructor-organizer #up-right {
width: 155px;
}
}
.uppromo__constructor-organizer__black {
transition: transform 0.5s ease;
position: absolute;
right: 10%;
}
.uppromo__constructor-organizer__black.active {
transform: scale(1.2);
}
.uppromo__constructor-organizer__sale {
position: absolute;
width: 84px;
height: 84px;
border-radius: 42px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
background-color: #e81e22;
display: flex;
justify-content: center;
padding-top: 10px;
right: 109px;
top: -20%;
}
@media (max-width: 1400px) {
.uppromo__constructor-organizer__sale {
width: 80px;
height: 80px;
}
}
@media (max-width: 991px) {
.uppromo__constructor-organizer__sale {
width: 75px;
height: 75px;
right: 80px;
top: -23%;
}
}
@media (max-width: 800px) {
.uppromo__constructor-organizer__sale {
width: 65px;
height: 65px;
right: 65px;
top: -20%;
}
}
@media (max-width: 768px) {
.uppromo__constructor-organizer__sale {
right: 60px;
top: -23%;
}
}
@media (max-width: 760px) {
.uppromo__constructor-organizer__sale {
right: -300px;
top: auto;
}
}
@media (max-width: 675px) {
.uppromo__constructor-organizer__sale {
right: -242px;
width: 50px;
height: 50px;
}
}
@media (max-width: 550px) {
.uppromo__constructor-organizer__sale {
right: 75px;
width: 55px;
height: 55px;
top: 13%;
}
}
@media (max-width: 460px) {
.uppromo__constructor-organizer__sale {
width: 50px;
height: 50px;
top: 16%;
}
}
@media (max-width: 340px) {
.uppromo__constructor-organizer__sale {
right: 56px;
}
}
.uppromo__constructor-vors {
display: flex;
justify-content: center;
}
.uppromo__constructor-vors__image {
position: relative;
height: 280px;
}
@media (max-width: 460px) {
.uppromo__constructor-vors__image {
height: 230px;
}
}
@media (max-width: 1190px) {
.uppromo__constructor-vors__left,
.uppromo__constructor-vors__right {
width: 240px;
}
}
@media (max-width: 1005px) {
.uppromo__constructor-vors__left,
.uppromo__constructor-vors__right {
width: 220px;
}
}
@media (max-width: 885px) {
.uppromo__constructor-vors__left,
.uppromo__constructor-vors__right {
width: 190px;
}
}
@media (max-width: 795px) {
.uppromo__constructor-vors__left,
.uppromo__constructor-vors__right {
width: 175px;
}
}
@media (max-width: 760px) {
.uppromo__constructor-vors__left,
.uppromo__constructor-vors__right {
width: 210px;
}
}
@media (max-width: 675px) {
.uppromo__constructor-vors__left,
.uppromo__constructor-vors__right {
width: 180px;
}
}
@media (max-width: 460px) {
.uppromo__constructor-vors__left,
.uppromo__constructor-vors__right {
width: 160px;
}
}
@media (max-width: 340px) {
.uppromo__constructor-vors__left,
.uppromo__constructor-vors__right {
width: 150px;
}
}
.uppromo__constructor-vors__sale {
position: absolute;
width: 84px;
height: 84px;
border-radius: 42px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
background-color: #e81e22;
display: flex;
justify-content: center;
padding-top: 10px;
right: 43px;
top: 7%;
}
@media (max-width: 1400px) {
.uppromo__constructor-vors__sale {
width: 80px;
height: 80px;
}
}
@media (max-width: 1190px) {
.uppromo__constructor-vors__sale {
top: 4%;
}
}
@media (max-width: 991px) {
.uppromo__constructor-vors__sale {
right: 40px;
width: 70px;
height: 70px;
top: 2%;
}
}
@media (max-width: 550px) {
.uppromo__constructor-vors__sale {
right: 35px;
width: 55px;
height: 55px;
top: 1%;
}
}
@media (max-width: 550px) {
.uppromo__constructor-capes {
display: flex;
justify-content: center;
}
}
.uppromo__constructor-capes__images {
position: relative;
height: 300px;
}
@media (max-width: 460px) {
.uppromo__constructor-capes__images {
height: 250px;
}
}
.uppromo__constructor-capes__new {
position: absolute;
top: -12%;
right: 2%;
}
@media (max-width: 1180px) {
.uppromo__constructor-capes__new img {
width: 320px;
}
}
@media (max-width: 880px) {
.uppromo__constructor-capes__new img {
width: 265px;
}
}
@media (max-width: 675px) {
.uppromo__constructor-capes__new img {
width: 218px;
}
}
.uppromo__constructor-capes__image {
width: 320px;
}
@media (max-width: 1330px) {
.uppromo__constructor-capes__image {
width: 317px;
}
}
@media (max-width: 1180px) {
.uppromo__constructor-capes__image {
width: 300px;
}
}
@media (max-width: 880px) {
.uppromo__constructor-capes__image {
width: 245px;
}
}
@media (max-width: 675px) {
.uppromo__constructor-capes__image {
width: 200px;
}
}
@media (max-width: 550px) {
.uppromo__constructor-capes__image {
width: 220px;
}
}
@media (max-width: 460px) {
.uppromo__constructor-capes__image {
width: 200px;
}
}
.uppromo__constructor-bottom {
display: none;
}
@media (max-width: 550px) {
.uppromo__constructor-bottom {
margin-top: 30px;
display: flex;
justify-content: center;
}
}
@media (max-width: 460px) {
.uppromo__constructor-bottom.organizer {
margin-top: 50px;
}
}
.uppromo__constructor-navigation {
display: none;
}
@media (max-width: 550px) {
.uppromo__constructor-navigation {
display: flex;
justify-content: center;
margin-top: 30px;
align-items: end;
}
}
.uppromo__bottom-constructor {
display: flex;
justify-content: center;
margin-top: 50px;
}
.uppromo__bottom-constructor__black {
width: 74px;
height: 74px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__black {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__black {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__black {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__black {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__black {
width: 45px;
height: 45px;
}
}
.uppromo__bottom-constructor__black img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #000000;
cursor: pointer;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__black img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__black img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.uppromo__bottom-constructor__black img {
border: 2px solid #000000;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__black img {
width: 37px;
height: 37px;
}
}
.uppromo__bottom-constructor__black img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__black img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__black img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__black img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__black img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__black img.active {
width: 45px;
height: 45px;
}
}
.uppromo__bottom-constructor__beige {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__beige {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__beige {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__beige {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__beige {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__beige {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.uppromo__bottom-constructor__beige img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #f5f5dc;
cursor: pointer;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__beige img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__beige img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.uppromo__bottom-constructor__beige img {
border: 2px solid #f5f5dc;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__beige img {
width: 37px;
height: 37px;
}
}
.uppromo__bottom-constructor__beige img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__beige img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__beige img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__beige img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__beige img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__beige img.active {
width: 45px;
height: 45px;
}
}
.uppromo__bottom-constructor__brown {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__brown {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__brown {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__brown {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__brown {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__brown {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.uppromo__bottom-constructor__brown img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #2a1a0c;
cursor: pointer;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__brown img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__brown img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.uppromo__bottom-constructor__brown img {
border: 2px solid #2a1a0c;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__brown img {
width: 37px;
height: 37px;
}
}
.uppromo__bottom-constructor__brown img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__brown img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__brown img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__brown img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__brown img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__brown img.active {
width: 45px;
height: 45px;
}
}
.uppromo__bottom-constructor__grey {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__grey {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__grey {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__grey {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__grey {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__grey {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.uppromo__bottom-constructor__grey img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #4f5052;
cursor: pointer;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__grey img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__grey img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.uppromo__bottom-constructor__grey img {
border: 2px solid #4f5052;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__grey img {
width: 37px;
height: 37px;
}
}
.uppromo__bottom-constructor__grey img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__grey img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__grey img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__grey img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__grey img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__grey img.active {
width: 45px;
height: 45px;
}
}
.uppromo__bottom-constructor__blue {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__blue {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__blue {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__blue {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__blue {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__blue {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.uppromo__bottom-constructor__blue img {
width: 55px;
height: 55px;
border-radius: 37px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #1410d3;
cursor: pointer;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__blue img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__blue img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.uppromo__bottom-constructor__blue img {
border: 2px solid #1410d3;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__blue img {
width: 37px;
height: 37px;
}
}
.uppromo__bottom-constructor__blue img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__blue img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__blue img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__blue img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__blue img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__blue img.active {
width: 45px;
height: 45px;
}
}
.uppromo__bottom-constructor__red {
width: 74px;
height: 74px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: end;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__red {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__red {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__red {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__red {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__red {
width: 45px;
height: 45px;
margin-right: 3px;
}
}
.uppromo__bottom-constructor__red img {
width: 55px;
height: 55px;
border-radius: 28px;
filter: drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.56));
border: 4px solid #e81e22;
cursor: pointer;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__red img {
width: 50px;
height: 50px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__red img {
width: 45px;
height: 45px;
}
}
@media (max-width: 760px) {
.uppromo__bottom-constructor__red img {
border: 2px solid #e81e22;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__red img {
width: 37px;
height: 37px;
}
}
.uppromo__bottom-constructor__red img.active {
width: 74px;
height: 74px;
border-radius: 37px;
}
@media (max-width: 1400px) {
.uppromo__bottom-constructor__red img.active {
width: 69px;
height: 69px;
}
}
@media (max-width: 991px) {
.uppromo__bottom-constructor__red img.active {
width: 65px;
height: 65px;
}
}
@media (max-width: 980px) {
.uppromo__bottom-constructor__red img.active {
width: 60px;
height: 60px;
}
}
@media (max-width: 880px) {
.uppromo__bottom-constructor__red img.active {
width: 55px;
height: 55px;
}
}
@media (max-width: 675px) {
.uppromo__bottom-constructor__red img.active {
width: 45px;
height: 45px;
}
}
.uppromo__next {
width: 46px;
height: 45px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border: none;
cursor: pointer;
transition: background-image 0.3s;
}
@media (max-width: 880px) {
.uppromo__next {
width: 41px;
height: 40px;
}
}
@media (max-width: 675px) {
.uppromo__next {
width: 35px;
height: 35px;
}
}
.uppromo__next:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.uppromo__prev {
width: 46px;
height: 45px;
border-radius: 11px;
background: linear-gradient(to bottom, #025bfd, #0829e0);
border: none;
cursor: pointer;
transition: background-image 0.3s;
margin-right: 25px;
}
@media (max-width: 880px) {
.uppromo__prev {
width: 41px;
height: 40px;
}
}
@media (max-width: 675px) {
.uppromo__prev {
width: 35px;
height: 35px;
}
}
.uppromo__prev:hover {
background-image: -moz-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -webkit-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(14, 9, 221) 0%, rgb(11, 7, 195) 49%, rgb(8, 5, 160) 100%);
}
.uppromo__prev img {
transform: rotate(180deg);
}
.uppromo .uppromo__dot {
width: 71px;
height: 8px;
border-radius: 3px;
background: linear-gradient(to bottom, #022a80, #042c6e);
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s;
}
@media (max-width: 991px) {
.uppromo .uppromo__dot {
width: 65px;
}
}
@media (max-width: 880px) {
.uppromo .uppromo__dot {
width: 55px;
height: 7px;
}
}
@media (max-width: 675px) {
.uppromo .uppromo__dot {
width: 45px;
height: 5px;
}
}
@media (max-width: 575px) {
.uppromo .uppromo__dot {
width: 40px;
}
}
.uppromo .uppromo__dot:hover {
background: linear-gradient(to bottom, #0460f5, #084ecb);
}
.uppromo .uppromo__dot.active {
background: linear-gradient(to bottom, #0460f5, #084ecb);
}
.uppromo__dots {
display: none;
}
@media (max-width: 550px) {
.uppromo__dots {
margin-top: 45px;
display: none;
display: flex;
justify-content: center;
}
}
.up-slider {
position: relative;
max-width: 100%;
overflow: hidden;
}
.up-slide {
display: none;
transition: opacity 0.4s ease-in-out;
}
.up-slide.active {
display: block;
height: 390px;
transition: opacity 0.5s ease-in-out;
}
@media (max-width: 460px) {
.up-slide.active {
height: 340px;
}
}
.bottom-text {
position: relative;
padding-bottom: 0px;
}
.garantee .bottom-text {
margin-top: 100px;
}
@media (max-width: 980px) {
.bottom-text {
padding-bottom: 0;
}
}
@media (max-width: 768px) {
.bottom-text {
padding-bottom: 0;
}
}
.bottom-text__content {
position: relative;
z-index: 2;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 768px) {
.bottom-text__content {
padding-left: 0px;
padding-right: 0px;
}
}
.bottom-text__content p {
color: #fff;
font-weight: bold;
line-height: 1.618;
font-size: 22px;
overflow: hidden;
transition: max-height 0.7s linear;
margin-bottom: 50px;
}
@media (max-width: 1200px) {
.bottom-text__content p {
font-size: 22px;
}
}
@media (max-width: 980px) {
.bottom-text__content p {
font-size: 22px;
}
}
@media (max-width: 882px) {
.bottom-text__content p {
font-size: 20px;
}
}
@media (max-width: 768px) {
.bottom-text__content p {
font-size: 20px;
margin-bottom: 15px;
}
}
@media (max-width: 760px) {
.bottom-text__content p {
font-size: 18px;
}
.garantee .bottom-text {
margin-top: 60px;
}
}
@media (max-width: 670px) {
.bottom-text__content p {
font-size: 18px;
}
}
@media (max-width: 395px) {
.bottom-text__content p {
font-size: 18px;
}
}
.bottom-text__button {
margin-top: 50px;
}
.footer__bottom-rating iframe .RatingBadgeWidget {
width: 200px !important;
}
.bottom-text__button {
color: #fff;
line-height: 0.899;
font-size: 29px;
font-weight: 400;
padding-left: 30px;
cursor: pointer;
transition: opacity 0.3s ease;
}
.bottom-text__content {
overflow: hidden;
max-height: 6.5em;
transition: max-height 0.7s linear;
}
.bottom-text__button {
margin-top: 50px;
display: block;
}
.bottom-text__content.open {
max-height: 5000px;
transition: max-height 1s ease-in-out;
}
@media (max-width: 1200px) {
.bottom-text__button {
font-size: 28px;
}
}
@media (max-width: 980px) {
.bottom-text__button {
font-size: 26px;
}
}
@media (max-width: 882px) {
.bottom-text__button {
font-size: 22px;
}
}
@media (max-width: 768px) {
.bottom-text__button {
font-size: 22px;
padding-left: 0px;
}
}
@media (max-width: 760px) {
.coockie__content {
flex-direction: column;
}
.coockie__text {
width: 100%;
}
.coockie__button {
width: 100%;
height: 37px;
font-size: 14px;
margin-top: 14px;
}
.bottom-text__button {
font-size: 20px;
}
}
@media (max-width: 670px) {
.bottom-text__button {
font-size: 19px;
}
.bottom-text__content p {
margin-bottom: 35px;
}
.bottom-text__content {
max-height: 462px;
}
}
@media (max-width: 395px) {
.bottom-text__button {
font-size: 18px;
}
}
.bottom-text__button:hover {
opacity: 0.8;
}
#order_review .cart_item .product-details {
font-weight: 900;
font-size: 18px;
line-height: 105%;
letter-spacing: 0%;
}
#order_review .cart_item .product-details dl.variation {
padding-left: 0;
font-weight: 500;
}
#order_review .cart_item .product-details dd.variation- {
margin: 10px 0;
}
#order_review .cart_item .product-details .woocommerce-Price-amount {
font-size: inherit;
}
.woocommerce-cart-form .cart_item .product-name dl.variation {
padding-left: 0;
}
.woocommerce-cart-form .cart_item .product-name dd.variation- {
margin: 6px 0;
}
.woocommerce-cart-form .cart_item .product-name a {
line-height: 110%;
margin-bottom: 10px;
font-weight: 900;
letter-spacing: 0.25px;
}
.woocommerce-cart-form .cart_item .woocommerce-Price-amount {
font-weight: 900;
}
.woocommerce-cart-form th.product-name {
width: 300px !important;
}
.woocommerce-cart-form table.shop_table th.product-thumbnail {
padding-left: 80px;
}
.bottom-text {
padding-bottom: 40px;
}
.navbar {
z-index: 100;
}
.open-pvz-btn {
background-color: #025afa;
}
.cart-modal-row {
overflow-y: auto;
max-height: 340px;
}
.cart-modal-block__remove {
left: 0px;
top: 0px;
}
.navbar__basket-circle {
pointer-events: none;
}
.cart-link {
position: relative;
z-index: 10;
}
.navbar__basket-circle {
z-index: 11;
}
.cart-modal__btn:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d) !important;
}
.checkout-button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d) !important;
}
.woocommerce ul.products li.product .button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d) !important;
}
.coupon .button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d) !important;
}
.woocommerce ul.products li.product .button {
border: none !important;
outline: none !important;
}
.checkout_coupon .button {
border: none !important;
}
.checkout_coupon .button:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d) !important;
}
.order_review__send:hover {
background: linear-gradient(to bottom, #003c8f, #061b9d) !important;
}
.spasibo__image {
margin-top: 0;
margin-bottom: -45px;
position: relative;
z-index: 10;
pointer-events: none;
}