/*Standard animations*/
@keyframes rise {
    0% {transform: translateY(30px); opacity: 0;}
    100% {transform: translateY(0px); opacity: 1;}
}
@keyframes fall {
    0% {transform: translateY(-30px); opacity: 0;}
    100% {transform: translateY(0px); opacity: 1;}
}


/*My Slider Widget*/
.mySliderContainer {
    overflow: hidden;
    position: relative;
    min-height: 600px;
    width: calc(100% + 30px);
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: -15px;
}
.sliderContent {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sliderContent > div {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.mySlides,
.mySlides .slick-list,
.mySlides .slick-track {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mySlide {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mySlide > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


.mySlide.slick-slide:not(.slick-active) .sliderContent {
    display: none;
}
.lettersfall .sliderContent > div > * {
    transform: translateY(-30px);
    opacity: 0;
    animation: fall 0.6s forwards;
}
.sliderContent > div > *:nth-child(1) {animation-delay: 0.6s;}
.sliderContent > div > *:nth-child(2) {animation-delay: 1.2s;}
.sliderContent > div > *:nth-child(3) {animation-delay: 1.8s;}
.sliderContent > div > *:nth-child(4) {animation-delay: 2.4s;}
.sliderContent > div > *:nth-child(5) {animation-delay: 3.0s;}


/*My Accordion*/
.myAccordionText {
    display: none;
}
.myAccordion {
    cursor: pointer;
}