.slide-name {
    position: absolute;
    display: block;
    z-index: 555;
    color: #fff;
    bottom: 0;
    left: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 125%;
    text-transform: uppercase;
    padding: 30px 3%;
    background: rgb(0 0 0 / 25%);
	width: 100%;
}

.slide-name-content {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    display: block;
    width: 100%;
}

.main_slider
{
    height: calc(90vh - 120px);
}

.main_slider .slick-list,
.main_slider .slick-track,
.main_slider .slick-slide,
.main_slider .slide,
.main_slider .img_anim
{
    height: 100%;
}

.main_slider .slide
{
    display: none;
}

.main_slider .slide:first-child,
.main_slider.slick-initialized .slide
{
    display: block;
}

.main_slider .slide img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.main_slider .animated-out
{
    z-index: 1001 !important;
}
.main_slider .animated-in
{
    z-index: 1000 !important;
}
.main_slider .slick-slide
{
    opacity: 1!important;
}

.wrap_anim
{
    overflow: hidden;

    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.62, .12, .52, .94);
            animation-timing-function: cubic-bezier(.62, .12, .52, .94);
}

.slick-active .wrap_anim
{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
}

.img_anim
{
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.62, .12, .52, .94);
            animation-timing-function: cubic-bezier(.62, .12, .52, .94);
}

.slick-active .img_anim
{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
}

.animated-in .wrap_anim
{
    -webkit-animation-name: rollInXNext;
            animation-name: rollInXNext;
}

.animated-in .img_anim
{
    -webkit-animation-name: rollInXPrev;
            animation-name: rollInXPrev;
}

.animated-out .wrap_anim
{
    -webkit-animation-name: rollOutXNext;
            animation-name: rollOutXNext;
}

.animated-out .img_anim
{
    -webkit-animation-name: rollOutXPrev;
            animation-name: rollOutXPrev;
}

@-webkit-keyframes rollInXNext
{
    from
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    to
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}

@keyframes rollInXNext
{
    from
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    to
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}

@-webkit-keyframes rollInXPrev
{
    from
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    to
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}

@keyframes rollInXPrev
{
    from
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    to
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}

@-webkit-keyframes rollOutXNext
{
    from
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    to
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}

@keyframes rollOutXNext
{
    from
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    to
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}

@-webkit-keyframes rollOutXPrev
{
    from
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    to
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}

@keyframes rollOutXPrev
{
    from
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    to
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}