/* wejscie */
.slide-prev-enter-active {
    transition: transform 1s ease;
    transform: translateX(-200%);
}
.slide-prev-enter-to {
    transform: translateX(-100%);
}

/* wyjscie */
.slide-prev-leave-active {
    transition: transform 1s ease;
}
.slide-prev-leave-to {
    transform: translateX(100%);
}

/* wejscie */
.slide-next-enter-active {
    transition: transform 1s ease;
}
.slide-next-enter-to {
    transform: translateX(-100%);
}

/* wyjscie */
.slide-next-leave-active {
    transition: transform 1s ease;
}
.slide-next-leave-to {
    transform: translateX(-100%);
}

#tavingo__banner_slider {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.tavingo_banner {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.tavingo_banner_slides {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.navigation_next {
    color:white;
    font-size: xx-large;
    position:absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.navigation_prev {
    color:white;
    font-size: xx-large;
    position:absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.pagination {
    position: absolute;
    display: flex;
    flex-direction: row;
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
}

.circle {
    width:15px;
    height:15px;
    border-radius:50%;
    background-color: white;
    margin-left: 5px;
    cursor: pointer;
    margin-right: 5px;
    box-shadow: 0px 0px 1px 1px black;
    position:relative;
}

.circle-active {
    background-color: #f7b526;
}