html {
    margin-left: auto;
    margin-right: auto;
}

main {
    position: relative;
}

@media (min-width: 1024px) {
    .promo-fw .left img {
        width: 100%;
    }

    .map .region-container {
        height: 0;
    }

    .burger {
        border: none;
    }
}

.with-cookie-delete {
    display: flex;
    justify-content: space-between;
}

.remove-cookies {
    text-decoration: none;
}

.collapse-wrap.single-hover .collapse-link {
    color: #2a54a4;
}

.collapse-wrap.single-hover .collapse-link:hover {
    color: #416EC3;
}

.doc-links.doc-pdf.file-type-zip a:before {
    content: url("/assets/img/docs-icons/icon-zip.png");
}

.doc-links.doc-pdf.file-type-excel a:before {
    content: url("/assets/img/docs-icons/icon-excel.png");
}

.doc-links.doc-pdf.file-type-word a:before {
    content: url("/assets/img/docs-icons/icon-word.png");
}

.news .news-item {
    gap: 6px
}

.news .news-item .date {
    font-weight: 400;
    color: #757575;
    font-size: 14px;
}
/*video slider*/
.video-block .small-items{
    overflow-y:visible;
}
.videos {
    position: relative;
}

.videos .video-nav-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    bottom: -26px;
    padding: 0 4px;
    left: 0;
    width: 100%;
    z-index: 999;

}
.video-swiper-button-next,.video-swiper-button-prev{
    position:absolute;
    top:-77px;
}
.video-swiper-button-next{
    right:6px;
}
.video-swiper-button-prev{
    left:6px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .video-swiper-button-next,.video-swiper-button-prev{
        top:-85px;
    }
}
@media screen and (min-width: 320px) and (max-width: 600px) {
    .video-swiper-button-next,.video-swiper-button-prev{
        top:-41px;
    }
}

.videos .video-nav-wrap img {
    opacity: 0.7;
}

.videos .video-nav-wrap img:hover {
    opacity: 1;
}
.detail-video{
    max-width: 100%;
    margin-top:24px;
}
input#cookieListAccepted {
    border: 1px solid black;
}

#video-slider .small-item {
    max-height: 83px;
}

.price {
    overflow: hidden;
}

@media screen and (min-width: 1200px) and (max-width: 4000px) {
    .price.slider-lg-md .top-lg-md-nav {
        display: none;
    }
}


@media screen and (min-width: 701px) and (max-width: 900px) {
    .why .why-list .why-item {
        min-height: 187px;
    }
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
    header {
        width: 100%;
        position: fixed;
        top: 0;
        z-index:9999999;
    }

    .burger {
        padding-top: 66px;
        position: fixed;
        height: 100%;
        overflow-y: scroll;

        top:0;
    }

    body {
        padding-top: 66px;
    }

}
.photogallery{
    overflow: hidden;
}
.photogallery-item{
    margin-bottom:16px
}
.photogallery-item img{
   width:100%;
    max-height: 300px;
    overflow:hidden;
    object-fit: cover;
}

@media screen and (min-width: 300px) and (max-width: 768px) {

    #video-slider{
        display: block!important;
    }
    #video-slider .videos .video-nav-wrap{
        bottom:8px;
    }
    .form-6 .container{
        padding-top:48px!important;
        padding-bottom: 48px!important;
    }
}

@media screen and (min-width: 458px) and (max-width: 768px) {
    .benefit-item{
        width:100%;
    }
}
@media (max-width: 1023.98px) {
    .benefits-list-3 .benefit-item {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .green-top .green-plashka-list .item {
        flex-grow: 1;
        min-width: 230px;
    }
}

/*fw block fix*/
@media screen and (min-width: 300px) and (max-width: 767px) {
    .fw-block{
        position: relative;
    }
    .fw-block{
        width: 100vw;
        margin-left: -16px;
    }
    .fw-lk .lk-inner {
        position: relative;
        top: 114px;
    }
}
.agency .agency-list .agency-item{
    overflow: hidden;
}
#lightbox{
    display:flex;
    flex-direction:column;
}
.lb-outerContainer{
    order:1;
}
.lb-dataContainer{
    order:0;
}
/*promo banners*/

@media (max-width: 767.98px) {
    .promo-bnr .content {
        padding-top:48px!important;
        padding-bottom: 48px!important;
    }
    .promo-bisnes{
        padding-top:48px!important;
        padding-bottom: 48px!important;
    }
    .promo-bnr .content .first .header{
        line-height: 100%;
    }
    .promo-bnr .content .first{
        gap:16px
    }
}