.slider, .slide {@media (min-width: 992px) {height: 80vh;}}.slide {position: relative;.slide__img {@media (min-width: 992px) {position: absolute;top: 50%;left: 0;transform: translateY(-50%);}width: 100%;height: auto;overflow: hidden;img {max-width: 100%;height: auto;opacity: 1 !important;animation-duration: 3s;transition: all 1s ease;}}.slide__content {position: absolute;top: -11%;left: -2%;transform: translate(-50%, -50%);&--headings {text-align: center;color: #FFF;h2 {font-size: 4.5rem;margin: 10px 0;}.animated {transition: all .5s ease;}}}}.slider [data-animation-in] {opacity: 0;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;}.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%;li {position: relative;display: inline-block;margin: 0 5px;padding: 0;cursor: pointer;button {border: 0;display: block;outline: none;line-height: 0px;font-size: 0px;color: transparent;padding: 5px;cursor: pointer;transition: all .3s ease;&:hover, &:focus {outline: none;}}}}.simple-dots {.slick-dots {li {width: 20px;height: 20px;button {border-radius: 50%;background-color: white;opacity: 0.25;width: 20px;height: 20px;&:hover, &:focus {opacity: 1;}}&.slick-active button {color: white;opacity: 0.75;}}}}.stick-dots {.slick-dots {li {height: 3px;width: 50px;button {position: relative;background-color: white;opacity: 0.25;width: 50px;height: 3px;padding: 0;&:hover, &:focus {opacity: 1;}}&.slick-active button {color: white;opacity: 0.75;&:hover, &:focus {opacity: 1;}}}}}@keyframes zoomInImage {from {transform: scale3d(1, 1, 1);}to {transform: scale3d(1.1, 1.1, 1.1);}}.zoomInImage {animation-name: zoomInImage;}@keyframes zoomOutImage {from {transform: scale3d(1.1, 1.1, 1.1);}to {transform: scale3d(1, 1, 1);}}.zoomOutImage {animation-name: zoomOutImage;}