
.swiper-wrapper{
    height: auto!important;
}



.banner_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner_bg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.4;
}


/*  ANIMATIONS   */


.animation--fadeBottomBI {
    opacity: 0;
    transform: translateY(50px);
  }
  
  .animate.animation--fadeBottomBI {
    animation-name: fadeBottomBI;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
  }

@media screen and (max-width: 768px){
    .animate.animation--fadeBottomBI {
        animation-name: fadeBottomBIMob;
    }
}

@keyframes fadeBottomBIMob {
    0% {
        opacity: 0;
        transform: translateY(50px) translateX(-50%) ;
    }
    50% {
        opacity: 0.7;
        transform: translateY(35px) translateX(-50%);
    }
    100% {
        opacity: 1;
        transform: translateY(0) translateX(-50%);
    }
}
@keyframes fadeBottomBI {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    50% {
        opacity: 0.7;
        transform: translateY(35px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}



.section_benefits .benefits_list .item img,
.section_effects .item img{
    transition: .3s ease all;
}
.section_effects .item {
    overflow: hidden;
}
.section_tech .item .title{
    cursor: pointer;
    transition: .3s ease all;
}


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

    .section_benefits .benefits_list .item:hover img{
        transform: scale(1.1);
    }

    .section_effects .item:hover img{
        transform: scale(1.1);
    }

    .section_tech .item .title:hover{
        color: #9B1921;
    }

}

.section_comfort .img img{
    animation-name: updown;
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

@keyframes updown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(2rem);
    }
    100% {
        transform: translateY(0);
    }
}

.certificates_list .bg_img{
    display: block;
}


.section_tech .item .ico{
    cursor: pointer;
}


@media screen and (max-width: 768px){
    .section_radio .section_title {
        margin-bottom: 320px;
    }

    .section_tech .item .title,
    .section_tech .item .text,
    .section_tech .item .list_item_text{
        text-align: center;
    }
}
