.banner__slider{
    padding-top: 0px !important;
}
 @media (min-width: 992px) {
     .slider, .slide {
         height: 100vh;
         top: -5px;
    }
}
 .slide {
     position: relative;
     transition: 1s;
}
 .slide .slide__img {
     width: 100%;
     height: auto;
     overflow: hidden;
}
 @media (min-width: 992px) {
     .slide .slide__img {
         position: absolute;
         top: 50%;
         left: 0;
         transform: translateY(-50%);
    }
}
 .slide .slide__img img {
     max-width: 100%;
     height: auto;
     opacity: 1 !important;
     animation-duration: 3s;
     transition: all 1s ease;
}
 .slide .slide__content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .slide .slide__content.slide__content__left {
     left: 15%;
     transform: translate(-15%, -50%);
}
 .slide .slide__content.slide__content__right {
     right: 15%;
     left: auto;
     transform: translate(5%, -50%);
}
 .slide .slide__content--headings {
     color: #fff;
}
 .slide .slide__content--headings h2 {
     font-size: 4.5rem;
     margin: 10px 0;
}
 .slide .slide__content--headings .animated {
     transition: all 0.5s ease;
}
 .slide .slide__content--headings .top-title {
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: center;
    line-height: 83px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 42px;
    font-weight: 900;
    font-size: 83px;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    color: rgba(255, 255, 255, 0);
    opacity: 1;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    position: relative;
    display: inline-block;
    visibility: inherit;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #a3a3a3;
}
 .slide .slide__content--headings .title {
     visibility: inherit;
    transition: none 0s ease 0s;
    text-align: left;
    line-height: 34px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 200;
    font-size: 38px;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    color: rgb(255, 255, 255);
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}
 .slide .slide__content--headings .button-custom {
     font-size: 13px;
    line-height: 25px;
    padding: 15px 36px;
    border-color: transparent;
    color: #fff;
    background-color: #000;
    text-transform: uppercase;
    margin-top: 2em;
}
 .slider [data-animation-in] {
     opacity: 0;
     animation-duration: 1.5s;
     transition: opacity 0.5s ease 0.3s;
     transition: 1s;
}
 .slick-dotted .slick-slider {
     margin-bottom: 30px;
}
 .slick-dots {
     position: absolute;
     bottom: 25px;
     list-style: none;
     display: block;
     text-align: center;
     padding: 0;
     margin: 0;
     width: 100%;
}
 .slick-dots li {
     position: relative;
     display: inline-block;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;
}
 .slick-dots li button {
     border: 0;
     display: block;
     outline: none;
     line-height: 0px;
     font-size: 0px;
     color: transparent;
     padding: 5px;
     cursor: pointer;
     transition: all 0.3s ease;
}
 .slick-dots li button:hover, .slick-dots li button:focus {
     outline: none;
}
 .simple-dots .slick-dots li {
     width: 20px;
     height: 20px;
}
 .simple-dots .slick-dots li button {
     border-radius: 50%;
     background-color: white;
     opacity: 0.25;
     width: 20px;
     height: 20px;
}
 .simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
     opacity: 1;
}
 .simple-dots .slick-dots li.slick-active button {
     color: white;
     opacity: 0.75;
}
 .stick-dots .slick-dots li {
     height: 3px;
     width: 50px;
}
 .stick-dots .slick-dots li button {
     position: relative;
     background-color: white;
     opacity: 0.25;
     width: 50px;
     height: 3px;
     padding: 0;
}
 .stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
     opacity: 1;
}
 .stick-dots .slick-dots li.slick-active button {
     color: white;
     opacity: 0.75;
}
 .stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
     opacity: 1;
}
/* /////////// IMAGE ZOOM /////////// */
 @keyframes zoomInImage {
     from {
         transform: scale3d(1, 1, 1);
         transition: 1s;
    }
     to {
         transform: scale3d(1.1, 1.1, 1.1);
         transition: 1s;
    }
}
 .zoomInImage {
     animation-name: zoomInImage;
}
 
 .slick-nav {
     --active: #fff;
     --border: rgba(255, 255, 255, .12);
     width: 44px;
     height: 44px;
     position: absolute;
     cursor: pointer;
     top: calc(50% - 44px);
}
 .slick-nav.prev-arrow {
     left: 3%;
     transform: scaleX(-1);
     z-index: 999;
}
 .slick-nav.next-arrow {
     left: auto;
     right: 3%;
}
 .slick-nav i {
     display: block;
     position: absolute;
     margin: -10px 0 0 -10px;
     width: 20px;
     height: 20px;
     left: 50%;
     top: 50%;
}
 .slick-nav i:before, .slick-nav i:after {
     content: '';
     width: 10px;
     height: 2px;
     border-radius: 1px;
     position: absolute;
     left: 50%;
     top: 50%;
     background: var(--active);
     margin: -1px 0 0 -5px;
     display: block;
     transform-origin: 9px 50%;
}
 .slick-nav i:before {
     transform: rotate(-40deg);
}
 .slick-nav i:after {
     transform: rotate(40deg);
}
 .slick-nav:before, .slick-nav:after {
     content: '';
     display: block;
     position: absolute;
     left: 1px;
     right: 1px;
     top: 1px;
     bottom: 1px;
     border-radius: 50%;
     border: 2px solid var(--border);
}
 .slick-nav svg {
     width: 44px;
     height: 44px;
     display: block;
     position: relative;
     z-index: 1;
     color: var(--active);
     stroke-width: 2px;
     stroke-dashoffset: 126;
     stroke-dasharray: 126 126 0;
     transform: rotate(0deg);
}
 .slick-nav.animate svg {
     animation: stroke 1s ease forwards 0.3s;
}
 .slick-nav.animate i {
     animation: arrow 1.6s ease forwards;
}
 .slick-nav.animate i:before {
     animation: arrowUp 1.6s ease forwards;
}
 .slick-nav.animate i:after {
     animation: arrowDown 1.6s ease forwards;
}
 @keyframes stroke {
     52% {
         transform: rotate(-180deg);
         stroke-dashoffset: 0;
    }
     52.1% {
         transform: rotate(-360deg);
         stroke-dashoffset: 0;
    }
     100% {
         transform: rotate(-180deg);
         stroke-dashoffset: 126;
    }
}
 @keyframes arrow {
     0%, 100% {
         transform: translateX(0);
         opacity: 1;
    }
     23% {
         transform: translateX(17px);
         opacity: 1;
    }
     24%, 80% {
         transform: translateX(-22px);
         opacity: 0;
    }
     81% {
         opacity: 1;
         transform: translateX(-22px);
    }
}
 @keyframes arrowUp {
     0%, 100% {
         transform: rotate(-40deg) scaleX(1);
    }
     20%, 80% {
         transform: rotate(0deg) scaleX(0.1);
    }
}
 @keyframes arrowDown {
     0%, 100% {
         transform: rotate(40deg) scaleX(1);
    }
     20%, 80% {
         transform: rotate(0deg) scaleX(0.1);
    }
}