@charset "UTF-8";

.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: .4s all ease;
}
.woocommerce-form-coupon-toggle{
}
.models-row{
flex-wrap: wrap;
}
.fancybox__content{
padding: 0px!important;
}
.cart-empty-block svg path{
fill: #005EFF;
}
.cart-modal-hidden .cart-modal{
display: none;
}
.models-block__year{
color: #17191D;
font-family: Roboto;
font-size: 28px;
font-style: normal;
font-weight: 300;
line-height: 39px;
letter-spacing: 0.28px;
margin-bottom: -20px;
}
.fancybox__content :focus:not(.carousel__button.is-close){
outline: none!important;
}
.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;
}
.stamps__subtitle span{
color: #FFF;
}
.models-row{
margin-top: 150px;
display: flex;
align-items: flex-start;
gap: 70px;
margin-bottom: -30px;
}
.models-block{
margin-bottom: 30px;
width: 259.073px;
height: 270.525px;
border-radius: 25.483px;
background: #FFF;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding-bottom: 20px;
}
.models-block__span{
color: #17191D;
text-align: center;
font-family: Roboto;
font-size: 24.502px;
font-style: normal;
font-weight: 500;
line-height: 40px; letter-spacing: 0.245px;
}
.models-block__img{
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -37px;
width: 292px;
height: 219px;
}
.models-block{
position: relative;
}
.models-block__span, .models-block__name{
position: relative;
z-index: 100;
}
.models-block{
}
.models-block:hover{
background: linear-gradient(rgb(2, 91, 253), rgb(8, 41, 224));
}
.models-block:hover .models-block__name{
color: #fff;
}
.models-block:hover .models-block__span{
color: #fff;
}
.models-block:hover .models-block__year{
color: #fff;
}
.models-block__name{
color: #17191D;
font-family: Roboto;
font-size: 18px;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.4px;
margin-bottom: 10px;
padding-right: 5px;
padding-left: 5px;
}
.models-block__year{
font-size: 18px;
margin-top: -5px;
}
.bid-block{
border-radius: 30px;
border: 12px solid rgba(3, 88, 237, 0.70);
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-block{
position: relative;
}
.bid-form__img{
position: absolute;
width: 1132.389px;
pointer-events: none;
right: -98px;
bottom: -132px;
}
.stamps{
padding-bottom: 90px;
padding-top: 53px;
}
.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;
}
.stamps__title{
color: #FFF;
font-family: Roboto;
font-size: 56.448px;
font-style: normal;
font-weight: 700;
line-height: 55.88px; text-transform: uppercase;
margin-bottom: 30px;
}
.stamps__subtitle{
color: #025EFF;
font-family: Roboto;
font-size: 44.763px;
font-style: normal;
font-weight: 700;
line-height: 54.717px;
text-transform: uppercase;
}
.bid-form input::placeholder{
color: #FFF;
font-family: Roboto;
}
.cart-empty-block svg{
height: unset;
width: 200px;
}
.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;
}
.stamps-wrapper{
margin-top: 64px;
}
.stamps-search{
height: 62px;
margin-top: 16px;
position: relative;
}
.stamps-search input{
width: 100%;
height: 100%;
border-radius: 10px;
background: #EAE9E9;
padding-left: 99px;
color: #202124;
font-family: Roboto;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
border: none;
}
.stamps-help{
transition: .4s all ease;
opacity: 0;
pointer-events: none;
}
.stamps-search.active .stamps-help{
opacity: 1;
pointer-events: all;
}
.stamps-help__item a{
color: rgba(118, 117, 117, 1);
}
.stamps-search input::placeholder{
color: #202124;
font-family: Roboto;
}
.stamps-search__icon{
display: flex;
align-items: center;
justify-content: center;
width: 47px;
height: 47px;
background: unset;
box-shadow: unset;
position: absolute;
left: 48px;
top: 50%;
transform: translateY(-50%);
border: none;
}
.stamps-search__icon img{
max-width: 100%;
}
.stamps-wrapper__title{
color: #FFF;
font-family: Roboto;
font-size: 36px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.stamps-row{
margin-top: 36px;
}
.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;
}
.stamps-block__letter{
color: #FFF;
font-size: 36px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.stamps-block{
display: flex;
flex-direction: column;
align-items: flex-start;
width: 33%;
margin-bottom: 20px;
}
.stamps-items{
display: flex;
flex-direction: column;
align-items: flex-start;
color: #FFF;
margin-left: 33px;
font-family: Inter;
font-size: 24.49px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.stamps-row{
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.stamps-item img{
width: 40px;
margin-right: 15px;
}
.stamps-item{
display: flex;
align-items: center;
margin-bottom: 10px;
}
.stamps-item:last-child{
margin-bottom: 0;
}
.stamps-items a{
color: #fff;
}
.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;
transition: .4s all ease;
}
.cart-empty-block__link:hover{
background: linear-gradient(to bottom, #003c8f, #061b9d);
}
.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: .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: 12px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.21;
letter-spacing: -0.24px;
text-align: center;
color: #77787b;
margin-top: 38px;
}
#order_review .product-quantity, #order_review .product-price, #order_review .product-subtotal{
display: none!important;
}
#order_review .woocommerce-shipping-totals{
display: none!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;
}
.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: .4s all ease;
background-image: url(//savaks.ru/wp-content/themes/savaks/images/checked.png);
}
.chekout-block.active .chekout-block__check{
background-color: #025afa;
}
.chekout-blocks{
gap: 35px;
}
.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: #77787b;
}
.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: 80px;
border-radius: 15px;
background-color: #fff;
margin-right: 23px!important;
margin-left: 0px;
flex-shrink: 0;
position: relative;
}
#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;
}
#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: 60px;
}
#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;
}
.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: 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-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;
}
.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;
}
.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: 49px;
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;
}
#shipping_method{
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;
font-size: 17px!important;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.79!important;
letter-spacing: -0.34px!important;
text-align: left;
color: #17191d;
width: 100%!important;
}
.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.73;
letter-spacing: -0.44px;
text-align: left;
color: #fff!important;
width: unset;
height: unset;
}
.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 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;
}
.stamps--models{
padding-bottom: 260px;
}
.crumbs__item-nobg{
}
.stamps-item:hover{
color: #005EFF;
}
.stamps-search:hover input{
background-color: #025eff;
color: #fff;
}
.stamps-search:hover input::placeholder{
color: #fff;
}
.stamps-search:hover .stamps-search__icon{
opacity: 0;
}
.stamps-help__item a:hover{
color: #025eff;
}
.crumbs__border{
display: flex;
}
.crumbs__item:last-child{
background: transparent!important;
padding: 0px!important;
}
.glow_up-component{
z-index: -1!important;
pointer-events: none;
}
.contacts{
background-color: transparent!important;
}
@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: .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: #2cb742;
display: flex;
justify-content: center;
align-items: center;
transition: box-shadow 0.3s;
}
.header__messenger-icons__whatsapp:hover {
box-shadow: 0 0 10px rgba(44, 183, 66, 0.8);
}
.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%;
background-color: #17191d;
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: -169px;
}
@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 {
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;
}
}
@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;
}
@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 {
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;
}
@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 {https://savaks.ru/
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: -169px;
}
@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{
width: 100%;
}
.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-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;
}
}
@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: 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, .privacy-content ul{
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, .privacy-content ul{
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 ul li{
margin-bottom: 10px;
padding-left: 15px;
position: relative;
}
.privacy-content ul li:after{
left: 1px;
position: absolute;
top: 1px;
content: '•';
}
.privacy-content ul li:last-child{
margin-bottom: 0;
}
.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, .privacy-content ul {
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, .privacy-content ul {
margin-top: 20px;
font-size: 20px;
}
}
@media (max-width: 600px) {
.privacy-content p, .privacy-content ul {
font-size: 17px;
}
}
@media (max-width: 490px) {
.privacy-content p, .privacy-content ul {
margin-top: 15px;
font-size: 15px;
line-height: 21px;
}
}
@media (max-width: 370px) {
.privacy-content p, .privacy-content ul {
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;
}
}
@media (max-width: 450px) {
.spasibo__title {
font-size: 30px;
}
}
@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) {
.glow__up-component_right{
display: none;
}
.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;
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{
}
.bottom-text__button{
margin-top: 50px;
display: block;
}
.bottom-text__content.open{
}
@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;
}
.bottom-text{
padding-bottom: 30px;
}
.navbar{
z-index: 100;
}
.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;
}