*{
    padding:0px;
    margin:0px;
    border:none
}
*,*::before,*::after{
    box-sizing:border-box
}
a,a:link,a:visited{
    text-decoration:none
}
a:hover{
    text-decoration:none
}
aside,nav,footer,header,section,main{
    display:block
}
h1,h2,h3,h4,h5,h6,p{
    font-size:inherit;
    font-weight:inherit
}
ul,ul li{
    list-style:none
}
img{
    vertical-align:top
}
img,svg{
    max-width:100%
}
address{
    font-style:normal
}
button{
    font-family:inherit;
    font-size:inherit;
    color:inherit;
    background-color:rgba(0,0,0,0);
    display:inline-block;
    box-shadow:none;
    background-color:rgba(0,0,0,0);
    background:none;
    cursor:pointer
}
button:focus,button:active{
    outline:none
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
label{
    cursor:pointer
}
:root{
    --color-main: #F22C00;
    --color-main-text: #F24822;
    --color-main-btn-h: #FF0D0B;
    --color-main-btn-f: #DA0000;
    --color-main-medium: #C01C00;
    --color-main-light: #FB2B02;
    --color-main-suplight: #EDD5C6;
    --color-main-suplight2: #FFF6F4;
    --color-second: #0099F5;
    --color-menu: #940000
}
body{
    font-family:"Montserrat",Arial,sans-serif;
    cursor:default
}
a{
    color:inherit
}
strong.important{
    color:var(--color-main)
}
strong.info{
    color:var(--color-second)
}
.container{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width:100%;
    padding-right:calc(var(--bs-gutter-x)*.5);
    padding-left:calc(var(--bs-gutter-x)*.5);
    margin-right:auto;
    margin-left:auto
}
@media(min-width: 768px){
    .container{
        max-width:720px
    }
}
@media(min-width: 992px){
    .container{
        max-width:960px
    }
}
@media(min-width: 1200px){
    .container{
        max-width:1140px
    }
}
@media(min-width: 1400px){
    .container{
        max-width:1320px
    }
}
.menu{
    display:flex;
    list-style:none;
    column-gap:40px;
    font-size:18px;
    font-weight:500
}
.menu a{
    color:inherit
}
.contact-item{
    --icon-size: 40px;
    display:flex;
    align-items:center;
    column-gap:5px
}
.contact-item:before{
    content:"";
    display:inline-block;
    width:var(--icon-size);
    max-width:var(--icon-size);
    height:var(--icon-size);
    flex:1 0 auto
}
.address:before{
    background:url(../img/sprite.svg#address) center/cover no-repeat
}
.phone_2:before{
    background:url(../img/sprite.svg#phone_2) center/cover no-repeat
}
.phone:before{
    background:url(../img/sprite.svg#phone) center/cover no-repeat
}
.mail:before{
    background:url(../img/sprite.svg#mail) center/cover no-repeat
}
.shedule:before{
    background:url(../img/sprite.svg#shedule) center/cover no-repeat
}
@property --lg-color-1{
    syntax:"<color>";
    initial-value:#ff6a15;
    inherits:false
}
@property --lg-color-2{
    syntax:"<color>";
    initial-value:#ed481c;
    inherits:false
}
@property --lg-color-3{
    syntax:"<color>";
    initial-value:#ec3a12;
    inherits:false
}
.btn{
    display:inline-flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    padding:40px 72px;
    background:linear-gradient(180deg, var(--lg-color-1) 9.72%, var(--lg-color-2) 43.88%, var(--lg-color-2) 99.72%);
    transition:all .2s,--lg-color-1 .2s,--lg-color-2 .2s,--lg-color-3 .2s;
    font-weight:700;
    font-size:42px;
    color:#fff;
    filter:drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.25));
    border-radius:100px
}
.btn svg{
    transition:all .2s
}
.btn:hover{
    --lg-color-1: #FF6E65;
    --lg-color-2: #FF2B26;
    --lg-color-3: #FF0000
}
.btn:active,.btn:focus{
    --lg-color-1: var(--color-main-btn-f);
    --lg-color-2: var(--color-main-btn-f);
    --lg-color-3: var(--color-main-btn-f);
    filter:drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.5))
}
.btn_sm{
    font-size:32px;
    padding-top:24px;
    padding-bottom:24px
}
.btn_spoiler{
    font-size:20px;
    padding-top:16px;
    padding-bottom:16px;
    background:#fff;
    border:1px solid var(--color-main);
    color:var(--color-main-text);
    column-gap:11px
}
.btn_spoiler svg{
    fill:var(--color-main-text)
}
.btn_spoiler:hover{
    --color-main-text: #fff;
    border-color:var(--color-main-btn-h);
    background:var(--color-main-btn-h)
}
.btn_spoiler:active,.btn_spoiler:focus{
    --color-main-text: #fff;
    border-color:var(--color-main-btn-f);
    background:var(--color-main-btn-f)
}
.title,.delivery h3{
    font-weight:700;
    font-size:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    column-gap:3.78%;
    margin-bottom:50px;
    padding-top:80px;
    position:relative
}
.title span,.delivery h3 span{
    display:inline-flex;
    background:linear-gradient(270deg, #951B00 2.62%, #000000 99%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:rgba(0,0,0,0);
    background-clip:text;
    text-fill-color:rgba(0,0,0,0)
}
.title:after,.delivery h3:after,.title:before,.delivery h3:before{
    content:"";
    display:block;
    background-color:var(--color-main);
    height:1px;
    flex:1 1 auto
}
.title_left{
    display:block;
    padding-top:0
}
.title_left:before{
    display:none
}
.title_left:after{
    width:100%;
    margin-top:30px
}
.title_invert span{
    background:none;
    color:#fff;
    -webkit-background-clip:initial;
    -webkit-text-fill-color:initial
}
.title_invert:after,.title_invert:before{
    background-color:var(--color-second)
}
.mob{
    display:none
}
@media(max-width: 1399px){
    .btn{
        font-size:38px;
        padding:30px 52px
    }
    .btn_sm{
        font-size:26px;
        padding:20px 52px
    }
    .btn_spoiler{
        font-size:20px;
        padding:16px 52px
    }
    .title,.delivery h3{
        font-size:60px
    }
}
@media(max-width: 1199px){
    .title,.delivery h3{
        font-size:50px
    }
    .btn_sm{
        font-size:20px
    }
    .contact-item{
        --icon-size: 35px
    }
    .menu{
        column-gap:15px;
        font-size:16px
    }
}
@media(max-width: 991px){
    .btn{
        font-size:30px
    }
    .btn_sm{
        font-size:18px;
        padding:16px 40px
    }
    .btn_spoiler{
        font-size:18px
    }
    .title,.delivery h3{
        font-size:40px;
        margin-bottom:30px
    }
    .title_left:after{
        margin-top:20px
    }
    .contact-item{
        --icon-size: 24px
    }
    .menu{
        font-size:14px
    }
}
@media(max-width: 767px){
    .btn{
        font-size:21px;
        padding:17px 30px
    }
    .btn_spoiler,.btn_sm{
        font-size:18px;
        padding:17px 26px
    }
    .title,.delivery h3{
        font-size:28px;
        text-align:center;
        display:block;
        padding-top:50px
    }
    .title:before,.delivery h3:before{
        display:none
    }
    .title_left:after,.title:after,.delivery h3:after{
        margin-top:14px
    }
    .contact-item{
        --icon-size: 25px
    }
    .mob{
        display:initial
    }
    .desk{
        display:none
    }
}
@property --mb-color-1{
    syntax:"<color>";
    initial-value:#ff650e;
    inherits:false
}
@property --mb-color-2{
    syntax:"<color>";
    initial-value:#ed4c1f;
    inherits:false
}
@property --mb-color-3{
    syntax:"<color>";
    initial-value:#ec3912;
    inherits:false
}
.logo{
    display:flex;
    align-items:center;
    column-gap:20px
}
.menu-btn{
    border-radius:8px;
    width:53px;
    height:53px;
    background:linear-gradient(163.3deg, var(--mb-color-1) 23.07%, var(--mb-color-2) 46.38%, var(--mb-color-3) 88.46%);
    transition:all .5s,--mb-color-1 .5s,--mb-color-2 .5s,--mb-color-3 .5s;
    font-size:36px
}
.menu-btn:hover{
    --mb-color-1: var(--color-main-btn-h);
    --mb-color-2: var(--color-main-btn-h);
    --mb-color-3: var(--color-main-btn-h)
}
.menu-btn:active,.menu-btn:focus{
    --mb-color-1: var(--color-main-btn-f);
    --mb-color-2: var(--color-main-btn-f);
    --mb-color-3: var(--color-main-btn-f)
}
.down-btn{
    font-size:0;
    display:inline-block
}
.down-btn:after{
    content:"";
    background:url(../img/sprite.svg#down) center/cover no-repeat;
    display:block;
    width:24px;
    height:42px
}
.header{
    font-size:38px;
    color:#fff;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:30px
}
.header__right{
    display:flex;
    align-items:center;
    column-gap:50px
}
.header__btn{
    text-align:center;
    margin:40px 0
}
.header-content__title{
    font-weight:600;
    font-size:84px;
    line-height:1.1;
    letter-spacing:.15em;
    white-space:nowrap;
    background:linear-gradient(270deg, #FF522C 2.62%, #FF8471 40.25%, #FFB5B5 67.24%, #FFFFFF 99%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:rgba(0,0,0,0);
    background-clip:text;
    text-fill-color:rgba(0,0,0,0);
    text-shadow:0px 3px 5px rgba(0,0,0,.2);
    display:block;
    margin:40px 0
}
.aquanova{
    font-size:0
}
.aquanova img{
    -webkit-mask-image:url(../img/aqua.svg);
    mask-image:url(../img/aqua.svg);
    -webkit-mask-size:100%;
    mask-size:100%;
    height:278px
}

/* #parallax{
    position:relative;
    width:100%;
    height:920px;
    background-image:url(../img/parallax.png),url(../img/header_squares.png),url(../img/header_bg.jpg);
    background-repeat:repeat;
    background-position:center center;
    background-size:cover,cover,cover
} */
/* -------------------------------- Паралакс главный начало ---------------------------- */
#parallax {
	position: relative;
	width: 100%;
	height: 920px;
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-size: cover, cover, cover;
}
#parallax .container {
	position: relative;
	z-index: 10;
}
#parallax::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/parallax.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 0;
	/* Используем CSS переменные для перемещения */
	transform: translate(var(--move-x, 0px), var(--move-y, 0px));
	will-change: transform;
}
/* -------------------------------- Паралакс главный конец ---------------------------- */


.popup-menu{
    --block-max-w: 519px;
    position:fixed;
    height:100dvh;
    width:100%;
    z-index:10;
    top:0;
    left:0
}
.popup-menu.close{
    width:0;
    overflow:hidden
}
.popup-menu.close .popup-menu-block{
    right:calc(var(--block-max-w)*-1)
}
.popup-menu .bg-shadow{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100lvh;
    z-index:1;
    background:rgba(0,0,0,.5);
    backdrop-filter:blur(7.85px)
}
.popup-menu-block{
    position:absolute;
    height:100lvh;
    display:flex;
    flex-flow:column;
    align-content:flex-start;
    width:100%;
    max-width:var(--block-max-w);
    right:0;
    top:0px;
    background:url(../img/bg-squares_1.png) top 25px left 25px no-repeat,url(../img/bg-squares_2.png) bottom 25px right 25px no-repeat,linear-gradient(270deg, #AC0606 0%, #B40B0B 53.2%, #C00A0A 96.72%);
    box-shadow:0px 4px 50px rgba(0,0,0,.3);
    padding:30px;
    z-index:10;
    transition:right .5s;
    overflow:auto
}
.popup-menu-block .menu-btn{
    margin-left:auto
}
.popup-menu__menu{
    display:grid;
    padding:30px;
    row-gap:20px;
    color:#fff;
    margin-top:100px
}
.popup-menu__menu li{
    font-size:28px
}
.popup-menu__menu li svg{
    fill:url(#paint0_linear) #fff;
    transition:fill .2s
}
.popup-menu__menu li a span{
    display:inline-block;
    position:relative;
    padding:11px 0
}
.popup-menu__menu li a span:after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:3px;
    opacity:0;
    background:linear-gradient(90deg, #FFFFFF 47.85%, #B20909 100%);
    border-radius:35px;
    transition:opacity .2s
}
.popup-menu__menu li:hover{
    font-weight:700
}
.popup-menu__menu li:hover svg{
    fill:url(#paint0_linear_hover) #ff7a00
}
.popup-menu__menu li:hover a span:after{
    opacity:1
}
.popup-menu__phone{
    color:#fff;
    background-color:var(--color-menu);
    margin:auto -16px -16px;
    padding:30px
}
.popup-menu__phone a{
    font-size:22px
}
.popup-menu .gradient{
    position:absolute;
    z-index:-1;
    height:0
}
#paint0_linear_hover{
    --color-stop: #FFFFFF;
    --color-bot: #B90D0D
}
#paint0_linear{
    --color-stop: #FF7A00;
    --color-bot: #B90D0D
}
@media(max-width: 1399px){
    .aquanova img{
        height:242px
    }
    .header{
        font-size:30px
    }
    .header__btn{
        margin:30px 0
    }
    .header-content__title{
        font-size:73px;
        margin:30px 0 25px
    }
    #parallax{
        height:768px
    }
    .popup-menu__menu{
        margin-top:50px
    }
}
@media(max-width: 1199px){
    .aquanova img{
        height:203px
    }
    .header-content__title{
        letter-spacing:initial;
        white-space:initial;
        font-size:61px;
        margin:30px 0
    }
    .header__btn{
        margin:20px 0
    }
    #parallax{
        height:675px
    }
    .popup-menu__menu{
        margin-top:30px;
        row-gap:15px
    }
}
@media(max-width: 991px){
    .menu-btn{
        width:50px;
        height:50px
    }
    .logo img{
        width:50px;
        height:auto
    }
    .header-content__title{
        font-size:45px
    }
    .header{
        font-size:20px
    }
    .aquanova img{
        height:150px
    }
    .header__btn{
        margin:10px 0
    }
    #parallax{
        height:570px
    }
}
@media(max-width: 767px){
    .header{
        padding-top:11px
    }
    .header__btn .btn{
        width:100%
    }
    .header-content__title{
        font-size:38px;
        text-align:center
    }
    .aquanova img{
        width:290px;
        height:63px;
        display:block;
        margin:0 auto
    }
    #parallax{
        height:533px;
        background-image:url(../img/parallax_m.png),url(../img/header_squares.png),url(../img/header_bg_m.jpg);
        background-size:auto,cover,cover;
        background-position:center bottom,center center,center center;
        background-repeat:no-repeat,repeat,repeat
    }
    .header__phone{
        display:none
    }
    .logo img{
        width:90px
    }
    .menu-btn{
        width:36px;
        height:30px;
        border-radius:5px;
        font-size:23px
    }
    .menu-btn svg{
        height:14px
    }
    .popup-menu{
        --block-max-w: 100%
    }
    .popup-menu-block{
        background-size:60px,60px,cover;
        padding:16px
    }
    .popup-menu__menu{
        padding:0;
        row-gap:8px
    }
    .popup-menu__menu li{
        font-size:18px
    }
    .popup-menu__menu li svg{
        height:15px
    }
    .header__btn{
        margin:12px 0
    }
    .down-btn:after{
        background-image:url(../img/sprite.svg#down_m);
        width:16px;
        height:21px
    }
}
.about-us{
    display:flex;
    padding-top:90px
}
.about-us__content p{
    line-height:1.3;
    font-size:20px;
    margin-bottom:26px
}
.about-us__image{
    flex:1 0 auto
}
.about-us__btn{
    text-align:center
}
.about-us__btn .down-btn:after{
    background-image:url(../img/sprite.svg#down_gray);
    height:80px
}
@media(max-width: 1399px){
    .about-us__image{
        flex:0 0 40%
    }
    .about-us__image img{
        height:auto
    }
}
@media(max-width: 991px){
    .about-us__content p{
        font-size:18px
    }
}
@media(max-width: 767px){
    .about-us{
        display:block;
        padding-top:0
    }
    .about-us__content p{
        font-size:14px
    }
    .about-us__btn{
        display:none
    }
}
#advantages{
    background:url(../img/squares.png),linear-gradient(256.9deg, #FFF1EA 0.76%, #F3F4F7 64.94%);
    mix-blend-mode:normal;
    margin-top:70px
}
.advantages{
    padding-bottom:60px
}
.advantages-list{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:1px;
    border-radius:10px;
    overflow:hidden
}
.advantages-item{
    display:grid;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    padding:61px;
    row-gap:30px;
    font-size:32px;
    text-align:center
}
@media(max-width: 1399px){
    .advantages-item{
        font-size:24px;
        padding:50px
    }
    .advantages-item__icon svg{
        width:75px;
        height:75px
    }
}
@media(max-width: 991px){
    .advantages-item{
        padding:30px;
        row-gap:15px;
        font-size:18px
    }
    .advantages-item__icon svg{
        width:60px;
        height:60px
    }
}
@media(max-width: 767px){
    .advantages-list{
        grid-template-columns:1fr;
        gap:5px
    }
    .advantages-item{
        display:flex;
        justify-content:flex-start;
        text-align:left;
        column-gap:20px;
        padding:15px 35px
    }
    .advantages-item__icon svg{
        width:48px;
        height:48px
    }
}
@property --pr-color-1{
    syntax:"<color>";
    initial-value:#b01f00;
    inherits:false
}
@property --pr-color-2{
    syntax:"<color>";
    initial-value:#9c1c00;
    inherits:false
}
.product-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:414px;
    border-radius:10px;
    overflow:hidden;
    color:#fff;
    background:linear-gradient(90deg, var(--pr-color-1) 2.18%, var(--pr-color-2) 95.16%);
    transition:--pr-color-1 .5s,--pr-color-2 .5s;
    position:relative
}
.product-card:hover{
    --pr-color-1: var(--color-main-light);
    --pr-color-2: var(--color-main-light)
}
.product-card__title{
    height:var(--pr-title-h);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 40px;
    font-weight:700;
    font-size:32px;
    line-height:1.25;
    letter-spacing:.03em
}
.product-card__title span{
    position:relative;
    z-index:1
}
.product-card__image{
    background-color:#fff;
    display:block;
    width:100%;
    height:100%
}
.product-card__image img{
    height:100%
}
.product-card svg{
    position:absolute;
    left:calc(50% - 12px);
    bottom:calc(var(--pr-title-h) - 7px)
}
#catalog{
    background-image:url(../img/catalog_bg.jpg);
    background-position:center center;
    background-size:cover;
    padding-bottom:80px;
    overflow:hidden
}
.catalog{
    position:relative
}
.catalog-list{
    --pr-title-h: 161px;
    display:flex;
    overflow-y:auto;
    max-width:100%;
    column-gap:20px;
    counter-reset:num;
    list-style-type:none;
    position:relative
}
.catalog-list::-webkit-scrollbar{
    width:0
}
.catalog-list__item{
    position:relative
}
.catalog-list__item:before{
    content:counter(num);
    counter-increment:num;
    display:inline;
    position:absolute;
    left:0;
    bottom:2px;
    font-weight:300;
    font-size:225px;
    line-height:var(--pr-title-h);
    color:var(--color-main-medium);
    z-index:1
}
.catalog-list__item:last-of-type:before{
    display:none
}
.catalog-list__item:last-of-type .product-card:hover{
    background:linear-gradient(90deg, #B01F00 2.18%, #9C1C00 95.16%)
}
.catalog-list-arrows{
    --slick-arrow-w: 40px;
    --slick-arrow-h: 74px;
    --slick-arrow-m: 70px
}
.catalog-list-arrows .slick-arrow{
    position:absolute;
    top:30%;
    z-index:1
}
.catalog-list-arrows .slick-arrow svg{
    fill:#fff;
    fill-opacity:.5;
    transition:fill .2s,fill-opacity .2s
}
.catalog-list-arrows .slick-arrow:hover svg{
    fill:var(--color-main);
    fill-opacity:1
}
.catalog-list-arrows .slick-prev{
    left:calc((var(--slick-arrow-w) + var(--slick-arrow-m))*-1)
}
.catalog-list-arrows .slick-next{
    right:calc((var(--slick-arrow-w) + var(--slick-arrow-m))*-1)
}
.catalog-list-dots .slick-dots{
    display:flex;
    column-gap:31px;
    justify-content:center;
    margin-top:50px
}
.catalog-list-dots button{
    font-size:0;
    display:block;
    height:6px;
    width:80px;
    border-radius:50px;
    background-color:#fff;
    opacity:.5;
    transition:opacity .2s
}
.catalog-list-dots button:hover{
    opacity:1
}
.catalog-list-dots .slick-active button{
    background-color:var(--color-main);
    opacity:1
}
@media(max-width: 1399px){
    .product-card{
        width:355px
    }
    .product-card__title{
        font-size:26px
    }
    .catalog-list{
        --pr-title-h: 130px
    }
    .catalog-list__item:before{
        font-size:181px
    }
    .catalog-list-arrows{
        --slick-arrow-m: 10px
    }
}
@media(max-width: 1199px){
    .product-card{
        width:300px
    }
}
@media(max-width: 991px){
    .product-card{
        width:220px
    }
    .product-card__title{
        font-size:20px;
        padding:0 10px
    }
    .catalog-list{
        --pr-title-h: 100px
    }
    .catalog-list__item:before{
        font-size:136px
    }
    .product-card svg{
        height:26px
    }
}
@media(max-width: 767px){
    #catalog{
        padding-bottom:50px
    }
    .product-card{
        width:96%;
        margin:2%
    }
    .product-card__title{
        font-size:14px
    }
    .catalog-list{
        --pr-title-h: 61px
    }
    .catalog__btn{
        display:flex;
        margin-top:30px;
        background-color:rgba(0,0,0,0);
        color:#fff
    }
    .catalog-list-dots .slick-dots{
        margin-top:25px;
        column-gap:10px
    }
    .product-card__title .btn{
        font-size:11px
    }
}
#delivery{
    background:url(../img/squares.png),linear-gradient(256.9deg, #FFF1EA 0.76%, #F3F4F7 64.94%);
    mix-blend-mode:normal;
    padding-bottom:71px
}
.area-list{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    padding-bottom:5px
}
.area-btn{
    border-radius:10px;
    background-color:#fff;
    display:flex;
    align-items:center;
    padding:15px 30px;
    column-gap:30px;
    color:#4b3f38;
    position:relative;
    box-shadow:0px 2.10526px 2.10526px rgba(0,0,0,.25);
    font-size:24px;
    font-weight:500;
    text-align:left;
    border:1px solid #fff;
    transition:all .2s
}
.area-btn img{
    filter:drop-shadow(0px 0px 1.8px rgba(0, 0, 0, 0.54))
}
.area-btn svg{
    position:absolute;
    bottom:10px;
    right:10px;
    fill:var(--color-main-suplight);
    transition:fill .2s
}
.area-btn.active,.area-btn:hover{
    font-weight:600;
    color:#000;
    border-color:var(--color-main);
    background-color:var(--color-main-suplight2)
}
.area-btn.active svg,.area-btn:hover svg{
    fill:var(--color-main-light)
}
.area-btn.active{
    background-color:var(--color-main-light);
    color:#fff
}
.area-btn.active svg{
    fill:#fff
}
.area{
    margin-bottom:60px
}
.area.close{
    display:none
}
.area-map{
    height:807px;
    margin-top:20px;
    background:#fff;
    border:2px solid var(--color-main);
    box-shadow:0px 2.10526px 2.10526px rgba(0,0,0,.25);
    border-radius:10px;
    overflow:hidden
}
.area-map__details{
    font-size:32px;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:center;
    column-gap:87px
}
.area-map__name{
    display:flex;
    justify-content:center;
    align-items:center;
    column-gap:42px;
    flex:0 0 100%;
    padding:33px 0;
    margin-bottom:40px;
    font-weight:700;
    font-size:42px;
    color:var(--color-main);
    border-bottom:1px solid #d7b7a5
}
.area-map__name .arrow{
    padding:15px
}
.area-map__name .arrow svg{
    fill:#cdb3a3;
    transition:all .2s
}
.area-map__name .arrow:hover svg{
    fill:var(--color-main)
}
.area-map__name .arrow.disallow{
    opacity:.2;
    cursor:not-allowed
}
.area-map__address{
    align-items:flex-start;
    font-weight:500;
    flex:0 0 45%
}
.area-map__phones{
    align-items:flex-start;
    font-weight:600;
    flex:0 0 30%
}
.map-frame{
    width:100%;
    height:498px
}
.area-spoiler{
    display:flex;
    align-items:center;
    column-gap:3.78%;
    position:relative;
    justify-content:space-between;
    align-items:center;
    margin-bottom:80px;
    margin-top:40px
}
.area-spoiler:after,.area-spoiler:before{
    content:"";
    display:block;
    background-color:var(--color-main);
    height:1px;
    flex:1 1 auto
}
.area-spoiler-content{
    overflow-y:hidden;
    max-height:2000px;
    transition:max-height .8s
}
.area-spoiler-content.close{
    max-height:132px
}
.area-spoiler__btn .t2{
    display:none
}
.area-spoiler__btn.close .t2{
    display:block
}
.area-spoiler__btn.close .t1{
    display:none
}
.area-spoiler__btn.close svg{
    transform:rotate(180deg)
}
.delivery{
    font-size:20px;
    line-height:1.4
}
.delivery h3{
    font-size:42px;
    justify-content:center;
    padding-top:20px
}
.delivery h3:after,.delivery h3:before{
    display:none
}
.delivery p{
    margin-bottom:40px
}
.delivery p.info{
    font-size:24px
}
.delivery ul{
    display:grid;
    row-gap:24px
}
.delivery ul li{
    padding-left:62px;
    position:relative
}
.delivery ul li:before{
    content:"";
    display:block;
    width:31px;
    height:29px;
    background:url(../img/sprite.svg#list) center/cover no-repeat;
    position:absolute;
    left:0;
    filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25))
}
@media(max-width: 1399px){
    .area-map__details{
        font-size:24px
    }
    .area-map__name{
        font-size:38px
    }
    .area-btn{
        font-size:18px;
        padding-top:10px;
        padding-bottom:10px
    }
    .area-btn img{
        width:75px;
        height:75px
    }
    .map-frame{
        height:420px
    }
    .area-spoiler-content.close{
        max-height:100px
    }
}
@media(max-width: 1199px){
    .area{
        margin-bottom:40px
    }
    .area-map{
        max-height:760px
    }
    .area-map__details{
        column-gap:20px
    }
    .area-map__phones{
        flex:0 0 40%
    }
    .area-map__address{
        flex:0 0 50%
    }
}
@media(max-width: 991px){
    .area-btn{
        font-size:16px;
        padding:10px;
        column-gap:10px
    }
    .area-btn img{
        width:50px;
        height:50px
    }
    .area-btn svg{
        height:15px
    }
    .area{
        margin-bottom:0px
    }
    .area-map{
        height:660px
    }
    .area-map__name{
        font-size:28px;
        column-gap:30px;
        margin-bottom:30px;
        padding:15px 0
    }
    .area-map__details{
        font-size:18px
    }
    .area-spoiler-content.close{
        max-height:85px
    }
}
@media(max-width: 767px){
    .map-frame{
        height:300px
    }
    .area-map{
        height:auto;
        padding-bottom:20px;
        border-top-left-radius:0;
        border-top-right-radius:0;
        border-top-color:#fff;
        border-width:1px;
        margin-top:-10px;
        position:relative
    }
    .area-map__name{
        display:none;
        font-size:21px;
        column-gap:15px;
        margin-bottom:10px
    }
    .area-map__name .arrow{
        padding:8px
    }
    .area-map__address,.area-map__phones{
        flex:0 0 100%;
        padding:20px 16px
    }
    .area-map__address{
        font-size:14px;
        border-bottom:1px solid #dad5d3
    }
    .area-spoiler{
        margin-bottom:45px
    }
    .area-list{
        grid-template-columns:1fr
    }
    .area-btn img{
        width:64px;
        height:64px
    }
    .area-btn{
        column-gap:20px;
        padding:10px 20px
    }
    .area-btn.active{
        background-color:#fff;
        color:var(--color-main);
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        border-bottom-color:#fff;
        box-shadow:none
    }
    .area-btn svg{
        height:30px;
        filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25))
    }
    .area-btn.active svg{
        display:none
    }
    .area-spoiler-content.close{
        max-height:285px
    }
    .area-list{
        gap:10px
    }
    .area-spoiler:before,.area-spoiler:after{
        display:none
    }
    .area-spoiler__btn{
        width:100%
    }
    .area-map__details .minus{
        position:absolute;
        bottom:6px;
        right:6px;
        filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25))
    }
    .delivery{
        font-size:14px
    }
    .delivery p.info{
        font-size:21px
    }
    .delivery p{
        margin-bottom:30px
    }
    .delivery h3{
        font-size:21px;
        margin-bottom:22px;
        padding-top:0
    }
    .delivery ul{
        row-gap:20px
    }
    .delivery ul li{
        padding-left:27px
    }
    .delivery ul li:before{
        width:20px;
        height:19px
    }
}
.contacts{
    background:linear-gradient(257.17deg, #FFF8F3 0.6%, #F6F7FA 96.32%),#fff;
    border-radius:10px;
    padding:20px
}
.contacts__list{
    border-radius:10px;
    border:1px solid #d7b7a5;
    background-color:#fff;
    font-size:28px;
    display:grid;
    row-gap:36px;
    padding:45px 15%;
    font-weight:500
}
.contacts__item{
    column-gap:30px;
    align-items:flex-start
}
.contacts__item.phone_2,.contacts__item.phone{
    font-size:36px;
    font-weight:600
}
.partners{
    --counter-size:48px;
    background:#003e82;
    border-radius:10px;
    position:relative;
    color:#fff;
    font-size:20px;
    overflow:hidden
}
.partners__bg{
    position:absolute;
    width:604px;
    height:242px;
    top:calc(50% - 121px);
    left:calc(50% - 302px);
    background:#0072d8;
    opacity:.5;
    filter:blur(75px)
}
.partners__item{
    position:relative;
    display:flex;
    column-gap:50px
}
.partners__item:before{
    content:counter(num);
    counter-increment:num;
    display:inline;
    font-size:32px;
    font-weight:600;
    border-radius:50%;
    background-color:#0099f5;
    width:var(--counter-size);
    max-width:var(--counter-size);
    height:var(--counter-size);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    position:relative;
    flex:1 0 auto
}
.partners__item:after{
    content:"";
    background:url(../img/sprite.svg#arrow_list) center/cover no-repeat;
    width:39px;
    height:24px;
    position:absolute;
    left:40px;
    top:11px;
    z-index:1
}
.partners__list{
    counter-reset:num;
    list-style-type:none;
    display:grid;
    grid-template-columns:1fr 1fr
}
.partners__list li{
    height:154px;
    padding:36px 36px 50px 50px;
    border-bottom:1px solid #0d79d5;
    border-right:1px solid #0d79d5
}
.partners__list li:first-child .btn_sm{
    margin-top:-18px
}
.partners__list li:first-child,.partners__list li:nth-child(2){
    padding-top:53px;
    padding-bottom:34px
}
.partners__list li:nth-child(n+3){
    border-bottom:none
}
.partners__list li:nth-child(2n){
    border-right:none
}
@media(max-width: 1199px){
    .partners{
        --counter-size: 40px;
        font-size:16px
    }
    .partners__item{
        column-gap:35px
    }
    .partners__item:before{
        font-size:28px
    }
    .partners__item:after{
        left:26px;
        top:7px
    }
    .partners__list li{
        height:auto;
        padding:25px 25px 30px 30px
    }
    .partners__list li:first-child .btn_sm{
        margin-top:-10px
    }
    .partners__list li:first-child,.partners__list li:nth-child(2){
        padding-top:40px;
        padding-bottom:30px
    }
    .contacts__list{
        font-size:24px;
        row-gap:30px
    }
    .contacts__item.phone_2,.contacts__item.phone{
        font-size:28px
    }
}
@media(max-width: 991px){
    .partners__item{
        column-gap:15px
    }
    .partners__item:after{
        display:none
    }
    .partners__list li{
        padding:25px 10px 20px 10px
    }
    .contacts__list{
        padding:45px;
        font-size:21px
    }
    .contacts__item.phone_2,.contacts__item.phone{
        font-size:24px
    }
}
@media(max-width: 767px){
    #cooperation{
        background-color:#004483
    }
    #cooperation .title span,#cooperation .delivery h3 span,.delivery #cooperation h3 span{
        background:none;
        color:#fff;
        -webkit-background-clip:initial;
        -webkit-text-fill-color:initial
    }
    .partners{
        margin-left:calc(var(--bs-gutter-x)*-0.5);
        margin-right:calc(var(--bs-gutter-x)*-0.5);
        background-color:initial;
        font-size:14px;
        padding-bottom:43px
    }
    .partners__list{
        grid-template-columns:1fr
    }
    .partners__list li:nth-child(3),.partners__list li{
        border:none;
        border-bottom:1px solid #0d79d5
    }
    .partners__bg{
        display:none
    }
    .partners__list li{
        padding:25px 15px
    }
    .partners__list li:first-child{
        padding-top:11px;
        padding-bottom:25px
    }
    .partners__list li:nth-child(2){
        padding-top:25px;
        padding-bottom:25px
    }
    .partners__item:before{
        font-size:24px;
        font-weight:400
    }
    .contacts{
        padding:0;
        background:initial
    }
    .contacts__item{
        font-size:16px;
        column-gap:20px
    }
    .contacts__list{
        border:none;
        background-color:initial;
        padding:0
    }
    .contacts__item.phone_2,.contacts__item.phone,.contacts__item.mail{
        font-size:21px
    }
    .contacts__item.phone_2 a,.contacts__item.phone a,.contacts__item.mail a{
        display:inline-block
    }
}
#catalog-link{
    background:url("../img/catalog-link_bg.jpg") center/cover no-repeat
}
.catalog-link{
    margin-top:100px;
    text-align:center;
    display:grid;
    row-gap:18px;
    padding-bottom:65px
}
@media(max-width: 767px){
    #catalog-link{
        background:url("../img/catalog-link_bg_m.jpg") center/cover no-repeat
    }
    .catalog-link{
        margin-top:70px;
        padding-bottom:162px
    }
    .catalog-link svg{
        height:30px
    }
    .catalog-link__btn{
        width:100%
    }
}
footer{
    background-color:#000;
    padding:41px 0 42px
}
.footer{
    display:flex;
    align-items:center;
    column-gap:37px
}
.footer__menu{
    color:#fff
}
.up-btn{
    margin-left:auto;
    border-radius:100%;
    border:3px solid var(--color-main);
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0;
    transition:all .2s
}
.up-btn:after{
    content:"";
    background:url(../img/sprite.svg#up) center/cover no-repeat;
    display:block;
    width:24px;
    height:42px
}
.up-btn:hover{
    border-color:var(--color-main-btn-h);
    background-color:var(--color-main-btn-h)
}
.up-btn:active,.up-btn:focus{
    border-color:var(--color-main-btn-f);
    background-color:var(--color-main-btn-f)
}
@media(max-width: 991px){
    .footer{
        column-gap:15px
    }
    .footer img{
        width:50px;
        height:auto
    }
    .up-btn{
        width:55px;
        height:55px
    }
    .up-btn:after{
        height:30px
    }
}
@media(max-width: 767px){
    .up-btn{
        display:none
    }
    .menu{
        font-size:16px
    }
    footer{
        padding:50px 0 0
    }
    .footer{
        margin:0 auto 50px;
        width:200px
    }
    .footer__menu{
        display:grid;
        row-gap:20px
    }
    .footer__menu li{
        display:flex;
        align-items:center;
        column-gap:9px
    }
    .footer__menu li:before{
        content:"";
        display:block;
        width:6px;
        height:8px;
        background:url(../img/sprite.svg#list_m) center/cover no-repeat
    }
    .footer__logo{
        background:linear-gradient(180deg, #1B1B1B 0%, #111111 59.39%, #000000 100%);
        text-align:center;
        display:flex;
        align-items:center;
        justify-content:space-between;
        column-gap:3.78%;
        padding:21px 0
    }
    .footer__logo:after,.footer__logo:before{
        content:"";
        display:block;
        background-color:#353535;
        height:1px;
        flex:1 1 auto
    }
}
/*# sourceMappingURL=style.css.map */
 
/* ====================адаптация для блока доставка============================= */


.banner-car {
    width: 100%; 
    height: 483px;

    background-image: url("/assets/img/catalog/cars-block.jpg");
    /* background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */

	background-repeat: no-repeat;
    background-position: center center;

}

@media (max-width: 768px) {
    .banner-car {
        background-image: url("/assets/img/catalog/cars_block_mobile.jpg");
        height: 250px;
    }
}
.car-image{
    padding-bottom: 40px;
}

/* --------------------------- стерлки слайдера для складов ------------------------------- */


/* ======================================= контакт форма НАЧАЛО ============================		 */
.d-none {
	display: none;
}
/* -------------------- контактная форма стили ----------------- */
.captcha-box {
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 4px;
	background: #f1f1f1;
	padding: 12px;
	text-align: center;
	border-radius: 6px;
	user-select: none;
}

#callback {
	width: 600px;
}

/* мобилка контакт формы */

/* ======================================= контакт форма конец  ============================		 */

/* моя кнопка для эффектов нужных для кнопки контактной формы НАЧАЛО */


/* ======================================= контакт форма конец  ============================		 */

/* моя кнопка для эффектов нужных для кнопки контактной формы НАЧАЛО */
.btn-1 {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 40px 72px;
	background: linear-gradient(
		180deg,
		var(--lg-color-1) 9.72%,
		var(--lg-color-2) 43.88%,
		var(--lg-color-2) 99.72%
	);
	transition:
		all 0.2s,
		--lg-color-1 0.2s,
		--lg-color-2 0.2s,
		--lg-color-3 0.2s;
	font-weight: 700;
	font-size: 40px;
	color: #fff;
	filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.25));
	border-radius: 100px;
}

.btn-1 svg {
	transition: all 0.2s;
}

.btn-1:hover {
	--lg-color-1: #ff0000;
	--lg-color-2: #ff0000;
	--lg-color-3: #ff0000;
}

.btn-1:active,
.btn-1:focus {
	--lg-color-1: var(--color-main-btn-f);
	--lg-color-2: var(--color-main-btn-f);
	--lg-color-3: var(--color-main-btn-f);
	filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.5));
}

.btn-1 {
	transition: all 0.2s;
}

.btn-1:hover {
	--lg-color-1: #ff0000;
	--lg-color-2: #ff0000;
	--lg-color-3: #ff0000;
}

.btn-1:active,
.btn-1:focus {
	--lg-color-1: var(--color-main-btn-f);
	--lg-color-2: var(--color-main-btn-f);
	--lg-color-3: var(--color-main-btn-f);
	filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.5));
}

.btn-1 {
	font-size: 32px;
	padding-top: 24px;
	padding-bottom: 24px;
}
/* кнопка с перекатывающимся градиентом который следит за перемещением мыши   */
.btn-1 {
	font-size: 25px;
	padding-top: 16px;
	padding-bottom: 16px;
	background: #ff2929;
	color: #ffffff;
	background: linear-gradient(180deg, var(--lg-color-1) 9.72%, var(--lg-color-2) 43.88%, var(--lg-color-2) 99.72%);
	transition: all 0.2s, --lg-color-1 0.2s, --lg-color-2 0.2s, --lg-color-3 0.2s;
}



/* моя кнопка для эффектов нужных для кнопки контактной формы КОНЕЦ */


.form-control{
   display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.btn_sm {
    font-size: 19px;
    padding-top: 24px;
    padding-bottom: 24px;
}


.partners__list li:first-child .btn_sm {
    margin-top: -20px;
}
/* моя кнопка для эффектов нужных для кнопки контактной формы НАЧАЛО */
.btn-1 {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 40px 72px;
	background: linear-gradient(
		180deg,
		var(--lg-color-1) 9.72%,
		var(--lg-color-2) 43.88%,
		var(--lg-color-2) 99.72%
	);
	transition:
		all 0.2s,
		--lg-color-1 0.2s,
		--lg-color-2 0.2s,
		--lg-color-3 0.2s;
	font-weight: 700;
	font-size: 40px;
	color: #fff;
	filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.25));
	border-radius: 100px;
}

.btn-1 svg {
	transition: all 0.2s;
}

.btn-1:hover {
	--lg-color-1: #ff0000;
	--lg-color-2: #ff0000;
	--lg-color-3: #ff0000;
}

.btn-1:active,
.btn-1:focus {
	--lg-color-1: var(--color-main-btn-f);
	--lg-color-2: var(--color-main-btn-f);
	--lg-color-3: var(--color-main-btn-f);
	filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.5));
}

.btn-1 {
	transition: all 0.2s;
}

.btn-1:hover {
	--lg-color-1: #ff0000;
	--lg-color-2: #ff0000;
	--lg-color-3: #ff0000;
}

.btn-1:active,
.btn-1:focus {
	--lg-color-1: var(--color-main-btn-f);
	--lg-color-2: var(--color-main-btn-f);
	--lg-color-3: var(--color-main-btn-f);
	filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.5));
}

.btn-1 {
	font-size: 32px;
	padding-top: 24px;
	padding-bottom: 24px;
}
/* кнопка с перекатывающимся градиентом который следит за перемещением мыши   */
.btn-1 {
	font-size: 25px;
	padding-top: 16px;
	padding-bottom: 16px;
	background: #ff2929;
	color: #ffffff;
	background: linear-gradient(180deg, var(--lg-color-1) 9.72%, var(--lg-color-2) 43.88%, var(--lg-color-2) 99.72%);
	transition: all 0.2s, --lg-color-1 0.2s, --lg-color-2 0.2s, --lg-color-3 0.2s;
}



/* моя кнопка для эффектов нужных для кнопки контактной формы КОНЕЦ */


.form-control{
   display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.btn_sm {
    font-size: 19px;
    padding-top: 24px;
    padding-bottom: 24px;
}


.partners__list li:first-child .btn_sm {
    margin-top: -20px;
}

@media (max-width: 768px) {
.partners__list li:first-child .btn_sm {
    margin-top: -12px; 
}
.btn_sm {
    font-size: 19px;
    padding-top: 25px;
    padding-bottom: 24px;
    line-height: 20px;
}

}
/* ============================ Стили на склады ============================ */
.warehouse_row h2 {
	color: #f80005;
}
#warehouse {
	overflow: hidden;
}
.slider-container {
	max-width: 1500px;
	margin: 0 auto;
}

.warehouse_row .slick-slide {
	margin-left: 2px;
	margin-right: 2px;
}
/* --------------------------- стерлки слайдера для складов ------------------------------- */


#warehouse .slick-prev {
	font-size: 0;
	position: absolute;
	width: 22px;
	height: 39px;
	top: 36%;
	margin-top: -16px;
	display: block;
	padding: 0;
	z-index: 10;
	left: -30px;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: url(../img/left.svg);
	zoom: 3;
}

#warehouse .slick-next {
	font-size: 0;
	position: absolute;
	width: 22px;
	height: 39px;
	top: 36%;
	margin-top: -16px;
	display: block;
	padding: 0;
	z-index: 10;
	right: -30px;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: url(../img/left.svg);
	zoom: 3;
	transform: rotate(180deg);
}

/* мобилка для слайдера склады  */

@media (max-width: 1200px) {
	#warehouse .slick-prev {
		left: 30%;
		zoom: 1.5;
		top: 105%;
		margin-top: -25px;
	}

	#warehouse .slick-next {
		left: 67%;
		zoom: 1.5;
		top: 105%;
		margin-top: -25px;
	}

	.slick-dots {
		margin-top: 55px;
		scale: 1;
		margin-bottom: 80px;
	}
	#catalog .slick-slide {
		margin-left: 2px;
	}
	.warehouse_row .slick-slide {
		margin-left: 2px;
	}
	.warehouse_row .slick-slide {
		margin-right: 2px;
	}

}

@media (max-width: 992px) {
	#warehouse .slick-prev {
		left: 30%;
		zoom: 1.2;
		top: 100%;
	}

	#warehouse .slick-next {
		left: 67%;
		zoom: 1.2;
		top: 100%;
	}
	.warehouse_row .slick-slide {
		margin-left: 2px;
	}
	#parallax {
		height: 580px;
	}
}

@media (max-width: 768px) {
	#warehouse .slick-prev {
		left: 17%;
		zoom: 1.2;
		top: 92%;
		margin-top: 4px;
		margin: 0;
	}

	#warehouse .slick-next {
		left: 76%;
		zoom: 1.2;
		top: 92%;
		margin-top: 4px;
		margin: 0;
	}
	#warehouse {
		padding-bottom: 30px;
	}
	#warehouse .slick-dots {
		margin-top: 40px;
		scale: 1.5;
		margin-bottom: 50px;
	}

	.catalog-list__item slick-slide {
		/* Вариант А: Уменьшаем ширину */

		margin: 0 auto;
	}

	.slider-block {
		width: 230px;
		margin-left: 1px;
		margin-right: 1px;
	}
	.warehouse_row .slick-slide {
		margin-left: 2px;
	}
	#parallax {
		height: 640px;
	}
}
@media (max-width: 468px) {
	#parallax {
		height: 533px;
	}
}

/* === СТИЛИЗАЦИЯ ТОЧЕК === */

/* Контейнер точек */
.slick-dots {
	bottom: -50px;
	/* Отступ снизу от слайдера */
}

/* Сама точка (li) */
.slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 5px;
}

/* Кнопка внутри точки (button) */
.slick-dots li button {
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	border-radius: 50%;
	/* Делает точку круглой */
	background: #ccc;
	/* Цвет неактивной точки */
	cursor: pointer;
	text-indent: -9999px;
	/* Скрывает текст внутри button */
}

/* Активная точка */
.slick-dots li.slick-active button {
	background: #3498db;
	/* Цвет активной точки */
	transform: scale(1.2);
	/* Увеличение активной точки */
}

/* Убираем стандартный отступ у button */
.slick-dots li button:before {
	display: none;
}

.slick-dots {
	display: flex;
	justify-content: center;
	margin-top: 50px;
	margin-bottom: 80px;
	scale: 2;
    margin-right: 40px;
}

/* --------------------- Блок частые вопросы  НАЧАЛО -------------------------- */

.faq-row{
        display: flex;
    justify-content: center;
    align-items: center;
}

#faq2{
	/* padding-top: 40px; */
	/* padding-bottom: 40px; */
}

.faq-item{
padding-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1400px;
}

.faq-item details {
	width: 49%;
}

.faq-item summary{
	margin-bottom: 20px !important;
}

.faq-item summary{
	
}

.faq-item li{
	list-style-type: disc;
	font-size: 18px;
}
.faq-item p {
font-size: 18px;
}
.faq-item details summary {
	display: block;
	outline-style: none;
	cursor: pointer;
}

.faq-item summary:hover{
	/* color: #1ca327; */
	color: #E01010;
}
.faq-item summary{
	padding: 18px 20px;
	font-weight: 600;
	font-size: 18px;
	line-height: 130%;
	color: #1A1A1A;
	background: #F4F4F4;
	border-radius: 4px;
}
.faq-item details[open]  summary {
	background:#ff0000 ;
	color: #fff;
}

/* кресты */


.faq-item details {
	position: relative;
}

.faq-item details:after {
	content: "";
	background: url(../img/ddown.svg);
	width: 32px;
	height: 32px;
	position: absolute;
	right: 20px;
	top: 17px;
}



.faq-item details[open]:after {
	content: "";
	background: url(../img/uup.svg);
	width: 32px;
	height: 32px;
	position: absolute;
	right: 20px;
	top: 17px;
}
/* крутой блок для разукраски  блока  */
.faq-item summary {
	padding: 22px 20px;
	font-weight: 600;
	font-size: 19px;
	line-height: 130%;
	color: #1A1A1A;
	border-radius: 10px;
	background: linear-gradient(257.17deg, #fff8f3 0.6%, #f6f7fa 96.32%), #fff;
	padding-right: 60px;
}

/* --------------------- Блок частые вопросы  КОНЕЦ  -------------------------- */


.faq-row{
	display: flex;
	justify-content: center;
	align-items: center;

}



@media (max-width: 1200px) {
.faq-row details {
		width: 100%;
		/* padding: 15px 15px; */
		font-size: 16px;
		padding-left: 5px;
	}
.faq-item  summary{
	padding-left: 5px;
}
.faq-item summary {
	padding: 15px 15px;
	padding-right: 60px;
}

.faq-item li {
	list-style-type: disc;
	font-size: 16px;
}

.faq-item details:after {

	right: 15px;
	top: 14px;
}
.faq-item details:after{
        right: 15px;
        top: 14px;
    
}

}

/* ------------ */
@media (max-width: 991px) {
    .catalog-list {
        
        padding: 0;
    }
}