﻿@font-face
{
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
}
:root
{
    --swiper-theme-color: #007aff;
}
.swiper-container
{
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.swiper-container-vertical>.swiper-wrapper
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper
{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%;
    z-index: 1;
}
.swiper-container-android .swiper-slide, .swiper-wrapper
{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.swiper-container-multirow>.swiper-wrapper
{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-multirow-column>.swiper-wrapper
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode>.swiper-wrapper
{
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-pointer-events
{
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical
{
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-slide
{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%;
}
.swiper-slide-invisible-blank
{
    visibility: hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide
{
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper
{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform;
}
.swiper-container-3d
{
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper
{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top
{
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left
{
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent);
}
.swiper-container-3d .swiper-slide-shadow-right
{
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent);
}
.swiper-container-3d .swiper-slide-shadow-top
{
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom
{
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent);
}
.swiper-container-css-mode>.swiper-wrapper
{
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none;
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar
{
    display: none;
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide
{
    scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper
{
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper
{
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}
#vue-slider-block
{
    height: 180px;
}
#vue-slider-block[v-cloak]
{
    background: -webkit-gradient(linear,left bottom,left top,from(#06ac06),to(#035d03));
    background: linear-gradient(0deg,#06ac06,#035d03);
    border-radius: 10px;
    height: 170px;
    margin: 10px 20px 0;
}
#vue-slider-block .swiper-container
{
    display: grid!important;
    height: 100%!important;
    overflow: visible!important;
    padding: 10px 20px 0;
    position: relative;
}
#vue-slider-block .swiper-container .swiper-wrapper
{
    height: 100%;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide
{
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    height: 170px;
    overflow: hidden;
    position: relative;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide picture img
{
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0;
    object-position: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .swiper-preloader
{
    -webkit-animation: none;
    animation: none;
    background: -webkit-gradient(linear,left bottom,left top,from(#06ac06),to(#035d03));
    background: linear-gradient(0deg,#06ac06,#035d03);
    border: none;
    border-radius: 10px;
    height: 100%;
    left: 0;
    margin: 0 54px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1!important;
    z-index: 0;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p
{
    -webkit-text-fill-color: #fff;
    color: #fff;
    font-family: PassionOne-Regular;
    font-size: 22px;
    left: 20px;
    line-height: 22px;
    margin: 0;
    max-width: 160px;
    pointer-events: none;
    position: relative;
    top: 20px;
    word-break: break-word;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-countdown-timestamp], #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-date-timestamp]
{
    -webkit-text-fill-color: #fff;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: roboto-medium-webfont,sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 14px;
    line-height: 14px;
    margin-bottom: 7px;
    position: relative;
    text-shadow: 0 2px 2px rgba(0,0,0,.15);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-countdown-timestamp]:after, #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-date-timestamp]:after
{
    background: linear-gradient(90.01deg,#ffe600 2.02%,#ffb800 99.99%);
    border-radius: 2px;
    bottom: -4px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-countdown-timestamp] span, #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-date-timestamp] span
{
    -webkit-text-fill-color: #fff;
    color: #fff;
    display: inline-block;
    margin-left: 8px;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-date-timestamp]
{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text .button--slider
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-text-fill-color: #1a1a1a;
    align-items: center;
    background: -webkit-gradient(linear,left top,left bottom,from(#ffe600),to(#ffb800));
    background: linear-gradient(180deg,#ffe600,#ffb800);
    border-radius: 50px;
    bottom: 15px;
    -webkit-box-shadow: inset 0 -2px 0 #f90;
    box-shadow: inset 0 -2px 0 #f90;
    color: #1a1a1a;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: roboto-medium-webfont,sans-serif;
    font-weight: 400;
    height: 35px;
    justify-content: center;
    left: 20px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 #ffe249;
    text-transform: uppercase;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    width: 110px;
}
@media(min-width: 1000px)
{
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text .button--slider
    {
        -webkit-box-shadow: inset 0 -5px 0 #f90;
        box-shadow: inset 0 -5px 0 #f90;
    }
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text .button--slider:hover
{
    background: -webkit-gradient(linear,left top,left bottom,from(#ffb800),to(#ffe600));
    background: linear-gradient(180deg,#ffb800,#ffe600);
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text .button--slider .button__text
{
    font-size: 10px;
    line-height: 35px;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text .button--slider .button__arrow
{
    background-image: url(../../bcgamebettingde/image/arrow-right.16cfca88.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 10px;
    margin-bottom: 1px;
    margin-left: 5px;
    padding-left: 10px;
    width: 10px;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    left: 152px;
    overflow-y: hidden;
    position: absolute;
    width: 150px;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20.32px;
    margin: 0 auto;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__left
{
    height: 100%;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__right
{
    height: 100%;
    position: relative;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider img
{
    height: 100%;
    width: auto;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__logo
{
    height: 100%;
    margin-right: 3px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__old
{
    height: 100%;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__old img
{
    display: block;
    height: 21.32px;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__old:before
{
    background-image: url(../../bcgamebettingde/image/egt-old.cbe97ca1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    -webkit-filter: blur(2px);
    filter: blur(2px);
    height: 100%;
    left: 0;
    position: absolute;
    top: -80px;
    width: 100%;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__new
{
    -ms-flex-item-align: center;
    align-self: center;
    height: 15px;
    position: absolute;
    top: -80px;
    -webkit-transform: translateX(-32%) translateY(-50%);
    transform: translateX(-32%) translateY(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide-active .provider__logo
{
    -webkit-animation: animateLogo .4s;
    animation: animateLogo .4s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.5,1.1,.27,.96);
    animation-timing-function: cubic-bezier(.5,1.1,.27,.96);
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide-active .provider__old img
{
    -webkit-animation: animateOldNameStart .15s linear .5s;
    animation: animateOldNameStart .15s linear .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide-active .provider__old:before
{
    -webkit-animation-delay: .6s,.8s,1.1s;
    animation-delay: .6s,.8s,1.1s;
    -webkit-animation-duration: .25s,.35s,.45s;
    animation-duration: .25s,.35s,.45s;
    -webkit-animation-name: animateOldNameMultiple,animateOldNameMultiple,animateOldNameMultiple;
    animation-name: animateOldNameMultiple,animateOldNameMultiple,animateOldNameMultiple;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
#vue-slider-block .swiper-container .swiper-wrapper .swiper-slide-active .provider__new
{
    -webkit-animation: animateNewName .5s ease-in-out 1.5s;
    animation: animateNewName .5s ease-in-out 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes animateOldNameStart
{
    to
    {
        -webkit-filter: blur(2px);
        filter: blur(2px);
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
    }
}
@keyframes animateOldNameStart
{
    to
    {
        -webkit-filter: blur(2px);
        filter: blur(2px);
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
    }
}
@-webkit-keyframes animateOldNameMultiple
{
    to
    {
        -webkit-filter: blur(2px);
        filter: blur(2px);
        top: 150%;
    }
}
@keyframes animateOldNameMultiple
{
    to
    {
        -webkit-filter: blur(2px);
        filter: blur(2px);
        top: 150%;
    }
}
@-webkit-keyframes animateNewName
{
    0%
    {
        -webkit-filter: blur(2px);
        filter: blur(2px);
        top: -100%;
    }
    80%
    {
        -webkit-filter: blur(1px);
        filter: blur(1px);
        top: 80%;
    }
    to
    {
        -webkit-filter: blur(0);
        filter: blur(0);
        top: 50%;
    }
}
@keyframes animateNewName
{
    0%
    {
        -webkit-filter: blur(2px);
        filter: blur(2px);
        top: -100%;
    }
    80%
    {
        -webkit-filter: blur(1px);
        filter: blur(1px);
        top: 80%;
    }
    to
    {
        -webkit-filter: blur(0);
        filter: blur(0);
        top: 50%;
    }
}
@-webkit-keyframes animateLogo
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    80%
    {
        -webkit-filter: blur(2px);
        filter: blur(2px);
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%);
    }
    to
    {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: translateX(-55%);
        transform: translateX(-55%);
    }
}
@keyframes animateLogo
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    80%
    {
        -webkit-filter: blur(2px);
        filter: blur(2px);
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%);
    }
    to
    {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: translateX(-55%);
        transform: translateX(-55%);
    }
}
#vue-slider-block .swiper-container .swiper-navigation
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    justify-content: space-between;
    left: 0;
    padding: 0 7px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    width: 100%;
    z-index: 1;
}
#vue-slider-block .swiper-container .swiper-navigation .swiper-button-next, #vue-slider-block .swiper-container .swiper-navigation .swiper-button-prev
{
    background-image: url(../../bcgamebettingde/image/slider-arrow-left.8007844c.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 20px;
    width: 8px;
}
#vue-slider-block .swiper-container .swiper-navigation .swiper-button-next:hover, #vue-slider-block .swiper-container .swiper-navigation .swiper-button-prev:hover
{
    -webkit-filter: invert(45%) sepia(89%) saturate(4083%) hue-rotate(98deg) brightness(105%) contrast(95%);
    filter: invert(45%) sepia(89%) saturate(4083%) hue-rotate(98deg) brightness(105%) contrast(95%);
}
#vue-slider-block .swiper-container .swiper-navigation .swiper-button-next
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media(min-width: 600px)
{
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p
    {
        max-width: 450px;
    }
}
@media(min-width: 700px)
{
    #vue-slider-block
    {
        height: 450px;
    }
    #vue-slider-block[v-cloak]
    {
        height: 420px;
        margin: 30px 30px 0;
    }
    #vue-slider-block .swiper-container
    {
        padding: 30px 30px 0;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide
    {
        background-position: 5%;
        height: 420px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide picture img
    {
        -o-object-position: 5%;
        object-position: 5%;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p
    {
        font-size: 50px;
        left: 44px;
        line-height: 55px;
        top: 60px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p:first-letter 
    {
        text-transform: capitalize;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-countdown-timestamp], #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-date-timestamp]
    {
        font-size: 25px;
        height: 29px;
        line-height: 29px;
        margin-bottom: 26px;
        text-shadow: 0 2px 2px rgba(0,0,0,.15);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-countdown-timestamp]:after, #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-date-timestamp]:after
    {
        border-radius: 4px;
        bottom: -10px;
        height: 4px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p span[data-date-timestamp]
    {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text .button--slider
    {
        bottom: 30px;
        -webkit-box-shadow: inset 0 -5px 0 #f90;
        box-shadow: inset 0 -5px 0 #f90;
        height: 70px;
        left: 44px;
        width: 230px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text .button--slider .button__text
    {
        font-size: 18px;
        line-height: 70px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text .button--slider .button__arrow
    {
        height: 19px;
        width: 15px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider
    {
        height: 72px;
        left: 380px;
        width: 300px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__old img, #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__wrapper
    {
        height: 55px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__new
    {
        height: 40px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide-active .provider__logo
    {
        -webkit-animation: animateLogo .4s;
        animation: animateLogo .4s;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(.5,1.1,.27,.96);
        animation-timing-function: cubic-bezier(.5,1.1,.27,.96);
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide-active .provider__old img
    {
        -webkit-animation: animateOldNameStart .08s linear .5s;
        animation: animateOldNameStart .08s linear .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide-active .provider__old:before
    {
        -webkit-animation-delay: .6s,.8s,1.1s;
        animation-delay: .6s,.8s,1.1s;
        -webkit-animation-duration: .15s,.25s,.35s;
        animation-duration: .15s,.25s,.35s;
        -webkit-animation-name: animateOldNameMultiple,animateOldNameMultiple,animateOldNameMultiple;
        animation-name: animateOldNameMultiple,animateOldNameMultiple,animateOldNameMultiple;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide-active .provider__new
    {
        -webkit-animation: animateNewName .5s ease-in-out 1.5s;
        animation: animateNewName .5s ease-in-out 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    #vue-slider-block .swiper-container .swiper-navigation .swiper-button-next, #vue-slider-block .swiper-container .swiper-navigation .swiper-button-prev
    {
        height: 35px;
        width: 15px;
    }
}
@media(min-width: 768px)
{
    #vue-slider-block
    {
        height: 450px;
    }
    #vue-slider-block[v-cloak]
    {
        margin: 30px 50px 0;
    }
    #vue-slider-block .swiper-container
    {
        padding: 30px 50px 0;
    }
    #vue-slider-block .swiper-container .swiper-navigation
    {
        padding: 0 20px;
    }
}
@media(min-width: 1024px)
{
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide
    {
        background-position: 50%;
        background-size: auto;
        border-radius: 10px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide--egt-promo
    {
        background-position: 0;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider
    {
        left: 465px;
    }
}
@media(min-width: 1300px)
{
    #vue-slider-block
    {
        height: 490px;
    }
    #vue-slider-block[v-cloak]
    {
        height: 420px;
        margin: 50px auto 40px;
        max-width: 1280px;
    }
    #vue-slider-block .swiper-container
    {
        max-width: 1320px;
        overflow: visible;
        padding: 30px 0 0;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide
    {
        height: 460px;
        opacity: .6;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text p
    {
        left: 100px;
        max-width: 500px;
        top: 81px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .slider__text .button--slider
    {
        bottom: 80px;
        left: 100px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active
    {
        opacity: 1;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-visible
    {
        display: block;
        opacity: 1;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .swiper-preloader
    {
        height: calc(100% - 40px);
        left: 19px;
        top: 20px;
        width: calc(100% - 40px);
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider
    {
        bottom: 22px;
        left: 644px;
    }
    #vue-slider-block .swiper-container .swiper-wrapper .swiper-slide .provider__new
    {
        -webkit-transform: translateX(-29%) translateY(-50%);
        transform: translateX(-29%) translateY(-50%);
    }
    #vue-slider-block .swiper-container .swiper-navigation
    {
        padding: 0;
    }
    #vue-slider-block .swiper-container .swiper-navigation .swiper-button-next
    {
        left: 25px;
        position: relative;
    }
    #vue-slider-block .swiper-container .swiper-navigation .swiper-button-prev
    {
        left: -25px;
        position: relative;
    }
}
#vue-slider-block
{
    overflow: hidden;
}
@media(min-width: 600px)
{
    #vue-slider-block
    {
        grid-area: slider;
    }
}