.banner-x {
    position: relative;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.timer {
    position: absolute;
    bottom: 0;
    height: 150px;
    width: 100%;
}

.timer__semisphere {
    width: 35%;
    background: black;
    position: absolute;
    height: 100%;
    bottom: -45%;
}

.timer__semisphere_left {
    border-top-left-radius: 100%;
    left: 15.5%;
}

.timer__semisphere_right {
    border-top-right-radius: 100%;
    right: 15.5%;
}

.timer__action-label {
    width: 125px;
    position: absolute;
    bottom: 15px;
    left: 35%;
    font-size: 13px;
}

.timer__action-label_white {
    color: #CACDCD;
}

.time-block {
    position: absolute;
    width: 20%;
    height: 30%;
    bottom: 15px;
    right: 35%;
}

.time-block.time-block-without-label {
    right: auto;
    left: 41%;
}

.time-block__time {
    position: relative;
    float: left;
    width: 36px;
    height: 100%;
}

.time-block__time:first-child {
    margin-left: 15px;
}

.time-block__time:not(:first-child) {
    margin-left: 10px;
}

.time-block__time:not(:last-child):after {
    content: ':';
    color: white;
    position: absolute;
    left: 36px;
    top: 5px;
}

.time-block__digital {
    font-size: 22px;
    font-weight: 600;
}

.time-block__label {
    font-size: 12px;
    color: #A0A3A3;
    float: left;
    margin-top: -5px;
}

.time-block__digital_white {
    color: white;
}

.time-block__digital_red {
    color: red;
}

.js-banners-wrapper .owl-nav {height:0; position:absolute; left:0; right:0; top:50%; margin-top: -25px}
.js-banners-wrapper .owl-nav span {display:none;}
.js-banners-wrapper .owl-prev {background: url(/Vkostume/images/slider-next.svg) !important; width:31px; height:49px; transform:rotate(180deg); cursor:pointer; font-size:0; display:block; border:0; position:absolute; left:30px; top:0;}
.js-banners-wrapper .owl-next {background:url(/Vkostume/images/slider-next.svg) !important; width:31px; height:49px; position:absolute; top:0; right:30px; font-size:0; display:block; border:0; cursor:pointer;}

.js-banners-wrapper .owl-prev:focus, .js-banners-wrapper .owl-next:focus {
    outline: none !important;
}

.js-banners-wrapper .owl-nav .disabled {opacity:.3;}
.js-banners-wrapper .owl-dots {text-align:center; margin:15px 0;}
.js-banners-wrapper .owl-dot {width:15px; height:15px; border-radius:50%; background:#656565 !important; display:inline-block; vertical-align:middle; margin:0 3px;}
.js-banners-wrapper .owl-dot.active {background:#e31e64 !important;}
.js-banners-wrapper .owl-dot {opacity: 0.5;}
.js-banners-wrapper .owl-dot:focus {
    outline: none !important;
}

@media (min-width: 1200px) {
    .banner-link__main > .image-desktop {
        max-height: 350px;
    }

    .banner-link__main .image-tablet {
        display: none !important;
    }

    .banner-link__main .image-mobile {
        display: none !important;
    }
}

@media (min-width: 767px) and (max-width: 1199px) {
    .banner-link__main > .image-desktop {
        display: none !important;
    }

    .banner-link__main > .image-mobile {
        display: none !important;
    }

    .banner-link__main > .image-tablet {
        max-height: 230px;
    }
}

@media (max-width: 767px) {
    .banner-link__main > .image-mobile {
        max-height: 330px;
    }

    .banner-link__main > .image-tablet {
        display: none !important;
    }

    .banner-link__main > .image-desktop {
        display: none !important;
    }
}

@media (max-width: 1199px) and (min-width: 999px) {
    .time-block {
        right: 33.5%;
    }

    .time-block.time-block-without-label {
        right: auto;
        left: 39%;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .timer {
        height: 110px;
    }

    .timer__semisphere {
        width: 60%;
    }

    .timer__semisphere_right {
        right: -9.5%;
    }

    .timer__semisphere_left {
        left: -9.5%;
    }

    .time-block {
        bottom: 23px;
        right: 28%;
        width: 27%;
    }

    .time-block.time-block-without-label {
        right: auto;
        left: 36%;
    }

    .timer__action-label {
        left: 30%;
        bottom: 10px;
    }
}

@media (max-width: 767px) {
    .owl-wrap-main-banner {
        margin: 0 -15px 0 -15px;
    }

    .timer {
        height: 100px;
    }

    .timer__semisphere {
        width: 65%;
    }

    .timer__semisphere_right {
        right: -14.5%;
    }

    .timer__semisphere_left {
        left: -14.5%;
    }

    .timer__action-label {
        left: 25%;
        bottom: 5px;
    }

    .time-block {
        width: 205px;
        right: auto;
        left: 48%;
        bottom: 20px;
    }

    .time-block.time-block-without-label {
        right: auto;
        left: 34%;
    }
}

@media (max-width: 520px) {
    .timer__action-label {
        display: none;
    }

    .time-block, .time-block.time-block-without-label {
        left: 30%;
    }
}

@media (max-width: 500px) {
    .time-block, .time-block.time-block-without-label {
        left: 25%;
    }
}

@media (max-width: 400px) {
    .time-block {
        left: 20%;
    }
}