.title-white, .elementor-widget-heading{
    z-index: 9;
}
.elementor-location-header{
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.fixed_head{
    animation: toshow 0.6s ease-in-out forwards;
}

/* @media(max-width:768){
    .elementor-location-header{
        min-height: 64px;
    }
} */

/* Анимация уходящего слайда */
@keyframes toshow {
  0% {
    margin-top: -220px;
    opacity: 0;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

.the_rul_block .elementor-shape-bottom{
    z-index: 9;
}

    .new_slider{
        height: 315px;
        overflow: hidden;
    }
    .new_slider .slick-list{
        overflow: visible !important;
        width: 470px;
        margin: 0 auto;
    }
    .new_slider .slick-slide{
        width: 470px;
        padding: 0 15px;
    }
    .new_slider .slick-slide img{
        width: 208px;
        border-radius: 12px;
        transition: 0.5s;
        display: inline-block;
    }
    .new_slider .sl0{
        opacity: 0;
    }
    .new_slider .slick-active{
        opacity: 1;
        margin-top: 0;
    }
    .new_slider .slick-active img{
        width: 440px;
    }
    .new_slider .slick-active.zoom img{
        /* width: 440px; */
    } 
    .new_slider .sl2{
        opacity: 0.75;
        margin-top: 140px;
    }
    .new_slider .sl2l{
        opacity: 0.75;
        margin-top: 140px; 
        text-align: right;
    }
    .new_slider .sl3{
        opacity: 0.5;
        margin-top: 218px;
    }
    .new_slider .sl3l{
        text-align: right;
        transform: translate(240px, 0%);
    }
    .new_slider .sl3r{
        transform: translate(-240px, 0%);
    }
    
    .new_slider .slick-arrow{
        position: absolute;
        bottom: 0;
        width: 33px;
        height: 33px;
        border-radius: 50%;
        padding: 0 !important;
        background: #CC3333;
        font-size: 0;
        background-image: url('/wp-content/themes/hello-elementor/assets/images/title-red.svg');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        z-index: 99;
    }
    .new_slider .slick-prev{
        right: calc(50% + 188px);
        transform: rotate(180deg);
    }
    .new_slider .slick-next{
        left: calc(50% + 188px);
        
    }
    
    .the_rul{
        margin-bottom: -75px;
    }
    .the_rul .rul{
        width: 650px;
        height: 650px;
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin: 0 auto;
        cursor: grab;
       transition: transform 0.3s ease-in-out;
    }
    
    
    /* Класс для текущего (активного) слайда */
.slick-current {
  z-index: 3; /* Помещаем активный слайд поверх остальных */
}

/* Класс для анимации уходящего слайда */
.slide-outr {
  animation: slideOutr 0.5s ease-in-out forwards;
}
.slide-outl {
  animation: slideOutl 0.5s ease-in-out forwards;
}
.slide-out2l {
  animation: slideOut2l 0.5s ease-in-out forwards;
}
.slide-out2r {
  animation: slideOut2r 0.5s ease-in-out forwards;
}
.slide-out3 {
  animation: slideOut3 0.5s ease-in-out forwards;
}

/* Класс для анимации появляющегося слайда */
.slide-in {
  animation: slideIn 0.5s ease-in-out forwards;
}
.slide-in2l {
  animation: slideIn2l 0.5s ease-in-out forwards;
}
.slide-in2r {
  animation: slideIn2r 0.5s ease-in-out forwards;
}
.slide-in3l {
  animation: slideIn3l 0.5s ease-in-out forwards;
}
.slide-in3r {
  animation: slideIn3r 0.5s ease-in-out forwards;
}

/* Анимация уходящего слайда */
@keyframes slideOutl {
  0% {
    margin-top: 0;
    opacity: 1;
    text-align: left;
  }
  100% {
    margin-top: 140px;
    opacity: 0.75;
    text-align: left;
  }
}
@keyframes slideOutr {
  0% {
    margin-top: 0;
    opacity: 1;
    text-align: right;
  }
  100% {
    margin-top: 140px;
    opacity: 0.75;
    text-align: right;
  }
}
/* Анимация уходящего слайда */
@keyframes slideOut2l {
  0% {
    margin-top: 140px; 
    opacity: 0.75;
    text-align: right;
    transform: translate(0px, 0%);
  }
  100% {
    margin-top: 218px;
    opacity: 0.5;
    text-align: right;
    transform: translate(240px, 0%);
  }
}
@keyframes slideOut2r {
  0% {
    margin-top: 140px;
    opacity: 0.75;
    text-align: left;
    transform: translate(0px, 0%);
  }
  100% {
    margin-top: 218px;
    opacity: 0.5;
    text-align: left;
    transform: translate(-240px, 0%);
  }
}
/* Анимация уходящего слайда */
@keyframes slideOut3 {
  0% {
    margin-top: 218px;
    opacity: 0.5;
  }
  100% {
    margin-top: 218px;
    opacity: 0;
  }
}

/* Анимация появляющегося слайда */
@keyframes slideIn {
  0% {
    margin-top: 140px;
    opacity: 0.75;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
/* Анимация появляющегося слайда */
@keyframes slideIn2l {
  0% {
    margin-top: 218px;
    opacity: 0.5;
    transform: translate(240px, 0%);
    text-align: right;
  }
  100% {
    margin-top: 140px;
    opacity: 0.75;
    transform: translate(0px, 0%);
    text-align: right;
  }
}
@keyframes slideIn2r {
  0% {
    margin-top: 218px;
    opacity: 0.5;
    transform: translate(-240px, 0%);
    text-align: left;
  }
  100% {
    margin-top: 140px;
    opacity: 0.75;
    transform: translate(0px, 0%);
    text-align: left;
  }
}
/* Анимация появляющегося слайда */
@keyframes slideIn3r {
  0% {
    margin-top: 218px;
    text-align: left;
    opacity: 0;
    transform: translate(0px, 0%);
  }
  100% {
    margin-top: 218px;
    text-align: left;
    opacity: 0.5;
    transform: translate(-240px, 0%);
  }
}
/* Анимация появляющегося слайда */
@keyframes slideIn3l {
  0% {
    margin-top: 218px;
    text-align: right;
    opacity: 0;
    transform: translate(0px, 0%);
  }
  100% {
    margin-top: 218px;
    text-align: right;
    opacity: 0.5;
    transform: translate(240px, 0%);
  }
}


@media(max-width:768px){
    .the_rul_block{
        min-height: 950px !important;
    }
    .new_slider{
        height: 193px;
    }
    .new_slider .slick-list{
        width: 306px;
    }
    .new_slider .sl2{
        margin-top: 90px;
    }
    .new_slider .sl2l{
        margin-top: 90px; 
    }
    
    .the_rul .rul{
        width: 305px;
        height: 305px;
    }
    .new_slider .slick-arrow{
        background-size: 60%; 
    }
    .new_slider .slick-slide {
      padding: 0 6px;
    }
   .new_slider .slick-prev{
        right: calc(50% + 100px) !important;
    }
    .new_slider .slick-next{
        left: calc(50% + 100px) !important;
    }
    
    @keyframes slideIn {
  0% {
    margin-top: 90px;
    opacity: 0.75;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
    @keyframes slideOutl {
  0% {
    margin-top: 0;
    opacity: 1;
    text-align: left;
  }
  100% {
    margin-top: 90px;
    opacity: 0.75;
    text-align: left;
  }
}
@keyframes slideOutr {
  0% {
    margin-top: 0;
    opacity: 1;
    text-align: right;
  }
  100% {
    margin-top: 90px;
    opacity: 0.75;
    text-align: right;
  }
}
    @keyframes slideIn2l {
  0% {
    margin-top: 218px;
    opacity: 0.5;
    transform: translate(240px, 0%);
    text-align: right;
  }
  100% {
    margin-top: 90px;
    opacity: 0.75;
    transform: translate(0px, 0%);
    text-align: right;
  }
}
@keyframes slideIn2r {
  0% {
    margin-top: 218px;
    opacity: 0.5;
    transform: translate(-240px, 0%);
    text-align: left;
  }
  100% {
    margin-top: 90px;
    opacity: 0.75;
    transform: translate(0px, 0%);
    text-align: left;
  }
}