@media (min-width: 1024px) {
    .banner {
        position: relative;
        z-index: 0;
        width: 100%;
        height: 100vh;
        min-height: 600px;
        background-color: #000e1d;
    }

    .carousel-container{
        width: 100%;
        height: 100%;
    }

    .carousel-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .carousel-slide {
        position: absolute;
        //z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        opacity: 0;
    }

    .carousel-slide-current {
        visibility: visible;
        opacity: 1;
    }
    a {
        z-index: 2;
    }
    .carousel-slide-active {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
    .carousel-indicator-wrapper {
        position: absolute;
        z-index: 2;
        bottom: 228px;
        left: 50%;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        font-size: 0;
    }
    /*@media (max-height: @screen-height-medium-max), (max-width: @screen-width-medium-max) {
        bottom: 174px - 6px;
    }
    @media (max-height: @screen-height-small-max), (max-width: @screen-width-small-max) {
        bottom: 140px - 6px;
    }*/
    @media (max-height: 899px) and (min-width: 1024px), (max-width: 1599px) and (min-width: 1024px){
        .carousel-indicator-wrapper {
            bottom: 168px;
        }
    }
    .carousel-indicator {
        display: inline-block;
        width: 32px;
        height: 16px;
        margin: 0 7px;
        line-height: 16px;
        text-align: left;
        cursor: pointer;
    }
    .carousel-indicator div {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 4px;
        background-color: rgba(255, 255, 255, .4);
        transition: background-color .2s;
    }
    .carousel-indicator div span {
        display: block;
        background: #f66f6a;
        width: 0;
        height: 100%;
    }
    .carousel-indicator-active div {
        border-left: solid 2px #f66f6a;
    }
    .carousel-indicator-wrapper[data-theme="light"] .carousel-indicator div {
        background-color: rgba(255, 255, 255, .4);
    }
    .carousel-indicator-wrapper[data-theme="light"] .carousel-indicator div:hover {
        background-color: rgba(255, 255, 255, .8);
    }
    .carousel-indicator-wrapper[data-theme="dark"] .carousel-indicator div {
        background-color: rgba(160, 162, 168, .4);
    }
    .carousel-indicator-wrapper[data-theme="dark"] .carousel-indicator div:hover {
        background-color: rgba(160, 162, 168, .8);
    }
}

@keyframes indicatorProgress {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}