@keyframes firstSlideMotion {
    from, 7.3% {
        transform: translateX(11%);
        opacity: 0;
    }
    9.72%, 34.05% {
        transform: translateX(0%);
        opacity: 1;
    }
    36.47%, to {
        transform: translateX(11%);
        opacity: 0;
    }
}
@keyframes secondSlideMotion {
    from, 37.48% {
        transform: translateX(11%);
        opacity: 0;
    }
    39.9%, 63.02% {
        transform: translateX(0%);
        opacity: 1;
    }
    65.44%, to {
        transform: translateX(11%);
        opacity: 0;
    }
}
@keyframes thirdSlideMotion {
    from, 66.65% {
        transform: translateX(11%);
        opacity: 0;
    }
    69.07%, 97.03% {
        transform: translateX(0%);
        opacity: 1;
    }
    98.53%, to {
        transform: translateX(11%);
        opacity: 0;
    }
}
@keyframes fieldMotion {
    from, 1.21% {
        opacity: 0;
    }
    7.30%, 98.53% {
        opacity: 1;
    }
    100%, to {
        opacity: 0;
    }
}
@keyframes rightCrossMotion {
    from, 19.44% {
        opacity: 0;
    }
    21.86%, 97.03% {
        opacity: 1;
    }
    98.53%, to {
        opacity: 0;
    }
}
@keyframes centerCrossMotion {
    from, 17.02% {
        opacity: 0;
    }
    19.44%, 97.03% {
        opacity: 1;
    }
    98.53%, to {
        opacity: 0;
    }
}
@keyframes leftCrossMotion {
    from, 14.60% {
        opacity: 0;
    }
    17.02%, 97.03% {
        opacity: 1;
    }
    98.53%, to {
        opacity: 0;
    }
}
@keyframes rightCircleMotion {
    from, 48.41% {
        opacity: 0;
    }
    50.83%, 97.03% {
        opacity: 1;
    }
    98.53%, to {
        opacity: 0;
    }
}
@keyframes centerCircleMotion {
    from, 45.98% {
        opacity: 0;
    }
    48.41%, 97.03% {
        opacity: 1;
    }
    98.53%, to {
        opacity: 0;
    }
}
@keyframes leftCircleMotion {
    from, 43.57% {
        opacity: 0;
    }
    45.98%, 97.03% {
        opacity: 1;
    }
    98.53%, to {
        opacity: 0;
    }
}
@keyframes leftArrowMotion {
    from, 75.16% {
        opacity: 0;
    }
    77.58%, 97.03% {
        opacity: 1;
    }
    98.53%, to {
        opacity: 0;
    }
}
@keyframes rightArrowMotion {
    from, 77.58% {
        opacity: 0;
    }
    80.00%, 97.03% {
        opacity: 1;
    }
    98.53%, to {
        opacity: 0;
    }
}
@keyframes btnMotion {
    from, 92.19% {
        transform: scale(1.0);
    }
    93.40% {
        transform: scale(0.8);
    }
    94.61% {
        transform: scale(1.0);
    }
    95.82% {
        transform: scale(0.8);
    }
    97.03%, to {
        transform: scale(1.0);
    }
}
.sl-adapt-banner {
    width: 100%;
    min-width: 280px;
    max-width: 1920px;
    height: 90px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #135f90;
    background: #00294c;
    cursor: pointer;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    text-decoration: none;
    line-height: 1.2;
}
.abn-logo-wrap {
    width: 150px;
    height: 90px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background: url("../img/logo.png") center no-repeat;
    position: absolute;
    left: 237px;
}
.abn-wrap {
    width: 745px;
    height: 90px;
    position: relative;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}
.abn-wrap_block{
    width: 100%;
    height: 100%;
    position: absolute;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0%;
}
.abn_field_wrap{
    width: 236px;
    height: 108px;
    position: absolute;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: -37px;
    top: 0px;
}
.abn-slide-wrap {
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 90px;
    width: 590px;
    overflow: hidden;
    white-space: nowrap;
    justify-content: center;
    left: -3px;
}
.abn-slide{
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    color: #ffffff;
    font-family: Roboto, sans-serif;
    font-style: italic;
    font-size: 34px;
    font-weight: 900;
    text-transform: uppercase;
    align-items: center;
    left: 3px;
}
.abn-slide-three-wrap{
    position: absolute;
    width: 100%;
}
.abn-slide-one {
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    justify-content: center;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    animation: firstSlideMotion 8.2s infinite linear;
}
.abn-slide-two {
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    justify-content: center;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    animation: secondSlideMotion 8.2s infinite linear;
}
.abn-slide-three{
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    justify-content: center;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    animation: thirdSlideMotion 8.2s infinite linear;
}
.know_text{
    position: absolute;
    top: 26px;
    left: 0;
    font-size: 34px;
}
.sport_text{
    position: absolute;
    top: 25px;
    left: 267px;
    font-size: 33.5px;
}
.blue_text{
    color: #00deff;
    position: absolute;
    top: 27px;
    left: 410px;
    font-size: 34px;
    letter-spacing: -1px;
}
.now_text{
    position: absolute;
    top: 25px;
    left: 253px;
    font-size: 33.5px;
}
.bonus_text{
    position: absolute;
    top: 27px;
    left: 0;
    font-size: 33px;
}
.betting_text{
    position: absolute;
    top: 25px;
    left: 0;
    font-size: 33.5px;
}
.players_text{
    position: absolute;
    top: 27px;
    left: 245px;
    font-size: 33.5px;
}
.abn_field{
    background: url("../img/field_1920.png") center no-repeat;
    height: 100%;
    width: 100%;
    position: relative;
    animation: fieldMotion 8.2s infinite linear;
}
.abn_field_cross{
    background: url("../img/cross.png") center no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
}
.abn_field_circle{
    background: url("../img/circle.png") center no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
}
.abn_cross_right{
    left: 24px;
    top: 5px;
    animation: rightCrossMotion 8.2s infinite linear;
}
.abn_cross_center{
    right: 24px;
    top: -13px;
    animation: centerCrossMotion 8.2s infinite linear;
}
.abn_cross_left{
    right: 58px;
    top: -8px;
    animation: leftCrossMotion 8.2s infinite linear;
}
.abn_circle_right{
    left: 55px;
    top: 6px;
    animation: rightCircleMotion 8.2s infinite linear;
}
.abn_circle_center{
    left: 12px;
    top: -21px;
    animation: centerCircleMotion 8.2s infinite linear;
}
.abn_circle_left{
    right: 35px;
    top: 7px;
    animation: leftCircleMotion 8.2s infinite linear;
}
.abn_arrow_left{
    background: url("../img/arrow_left.png") center no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    top: -2px;
    right: 11px;
    animation: leftArrowMotion 8.2s infinite linear;
}
.abn_arrow_right{
    background: url("../img/arrow_right.png") center no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 37px;
    top: -11px;
    animation: rightArrowMotion 8.2s infinite linear;
}
.abn-btn{
    background: #ef0000;
    border-radius: 3px;
    border: 1px solid #ef0000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    height: 52px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    z-index: 4;
    display: flex;
    align-items: center;
    animation: btnMotion 8.2s infinite linear;
}
.abn-btn-wrap{
    display: flex;
    position: absolute;
    right: 262px;
    width: 162px;
    height: 90px;
    top: 0px;
    align-items: center;
    text-align: center;
    overflow: hidden;
}
@media screen and (max-width: 1750px) {
    .abn-btn-wrap{
        right: 83px;
    }
    .abn-logo-wrap {
        left: 130px;
    }
    .abn-slide-two-wrap{
        top: 0px;
    }
}
@media screen and (max-width: 1470px) {
    .abn-logo-wrap {
        left: 35px;
    }
}
@media screen and (max-width: 1240px) {
    @keyframes firstSlideMotion {
        from, 7.3% {
            transform: translateX(33%);
            opacity: 0;
        }
        9.72%, 34.05% {
            transform: translateX(0%);
            opacity: 1;
        }
        36.47%, to {
            transform: translateX(33%);
            opacity: 0;
        }
    }
    @keyframes secondSlideMotion {
        from, 37.48% {
            transform: translateX(33%);
            opacity: 0;
        }
        39.9%, 63.02% {
            transform: translateX(0%);
            opacity: 1;
        }
        65.44%, to {
            transform: translateX(33%);
            opacity: 0;
        }
    }
    @keyframes thirdSlideMotion {
        from, 66.65% {
            transform: translateX(33%);
            opacity: 0;
        }
        69.07%, 97.03% {
            transform: translateX(0%);
            opacity: 1;
        }
        98.53%, to {
            transform: translateX(33%);
            opacity: 0;
        }
    }
    .abn-slide-two-wrap{
        top: 2px;
    }
    .abn-wrap{
        width: 437px;
    }
    .abn-slide-wrap{
        width: 274px;
    }
    .know_text {
        top: 18px;
        font-size: 26px;
    }
    .sport_text {
        top: 46px;
        left: 0;
        font-size: 25.5px;
    }
    .betting_text{
        top: 19px;
        font-size: 26px;
    }
    .now_text{
        top: 48px;
        left: 1px;
        font-size: 26px;
    }
    .bonus_text{
        top: 18px;
        font-size: 25.5px;
    }
    .players_text{
        top: 43px;
        left: 0;
        font-size: 26px;
    }
    .blue_text{
        top: 42px;
        left: 128px;
        font-size: 27px;
    }
    .abn-logo-wrap{
        background-size: 80%;
        left: 58px;
    }
    .abn_field_wrap{
        right: -31px;
    }
    .abn-slide-two-wrap{
        top: -2px;
    }
    .abn-slide{
        left: 8px;
    }
}
@media screen and (max-width: 995px) {
    .abn-logo-wrap{
        left: 25px;
    }
    .abn-btn-wrap{
        right: 35px;
    }
    .abn-wrap_block{
        left: -10%;
    }
}
@media screen and (max-width: 900px) {
    @keyframes btnMotion {
        from, 92.19% {
            transform: scale(1.0);
        }
        93.40% {
            transform: scale(0.8);
        }
        94.61% {
            transform: scale(1.0);
        }
        95.82% {
            transform: scale(0.8);
        }
        97.03%, to {
            transform: scale(1.0);
        }
    }
    .abn-logo-wrap{
        background-size: 65%;
        left: -14px;
    }
    .abn-btn-wrap{
        right: 14px;
        width: 100px;
        top: -1px;
    }
    .abn-btn{
        height: 42px;
        font-size: 14px;
        text-align: center;
    }
    .abn-wrap_block{
        left: -2%;
    }
}
@media screen and (max-width: 720px) {
    .abn-slide-three-wrap{
        top: 2px;
    }
    .abn_field_wrap{
        right: -21px;
    }
    .abn-wrap_block{
        left: -7%;
    }
    .abn-slide-wrap{
        width: 240px;
        left: 30px;
    }
    .abn-wrap{
        width: 456px;
    }
    .abn-slide{
        left: 2px;
    }
}
@media screen and (max-width: 700px) {
    .abn-slide-wrap{
        left: 66px;
    }
    .abn_field_wrap{
        right: -54px;
    }
    .abn-slide-three-wrap{
        top: 0px;
    }
}
@media screen and (max-width: 630px) {
    .abn-slide-two-wrap{
        top: -2px;
    }
    .abn-slide-wrap{
        width: 180px;
        left: 80px;
    }
    .know_text {
        top: 21px;
        font-size: 17.5px;
    }
    .sport_text {
        top: 50px;
        font-size: 17px;
    }
    .betting_text{
        font-size: 17.5px;
        top: 22px;
    }
    .now_text{
        font-size: 17.5px;
        top: 50px;
    }
    .bonus_text {
        font-size: 17.5px;
        top: 21px;
    }
    .players_text{
        font-size: 17.5px;
        top: 47px;
    }
    .blue_text{
        top: 46px;
        left: 86px;
        font-size: 20px;
    }
    .abn-wrap{
        width: 415px;
    }
    .abn_field{
        background-size: 75%;
    }
    .abn_field_cross{
        background-size: 4%;
    }
    .abn_cross_left{
        right: 43px;
        top: -10px;
    }
    .abn_cross_center{
        right: 19px;
        top: -11px;
    }
    .abn_cross_right{
        left: 20px;
        top: 3px;
    }
    .abn_field_circle{
        background-size: 4%;
    }
    .abn_circle_left{
        right: 29px;
        top: 8px;
    }
    .abn_circle_center{
        left: 12px;
        top: -16px;
    }
    .abn_circle_right{
        left: 54px;
        top: 12px;
    }
    .abn_arrow_left{
        background-size: 13%;
        top: -1px;
        right: 8px;
    }
    .abn_arrow_right{
        background-size: 13%;
        left: 32px;
        top: -4px;
    }
    .abn_field_wrap{
        right: -10px;
    }
}
@media screen and (max-width: 555px) {
    @keyframes logoMotion {
        from, 1.02% {
            transform: translateX(-150%);
        }
        3.06%, 25.54% {
            transform: translateX(0%);
        }
        27.58%, to {
            transform: translateX(-150%);
        }
    }
    @keyframes firstSlideMotion {
        from, 30.64% {
            transform: translateX(30%);
            opacity: 0;
        }
        32.68%, 51.08% {
            transform: translateX(0%);
            opacity: 1;
        }
        53.12%, to {
            transform: translateX(30%);
            opacity: 0;
        }
    }
    @keyframes secondSlideMotion {
        from, 54.14% {
            transform: translateX(30%);
            opacity: 0;
        }
        56.18%, 72.60% {
            transform: translateX(0%);
            opacity: 1;
        }
        74.64%, to {
            transform: translateX(30%);
            opacity: 0;
        }
    }
    @keyframes thirdSlideMotion {
        from, 75.66% {
            transform: translateX(30%);
            opacity: 0;
        }
        77.7%, 96.54% {
            transform: translateX(0%);
            opacity: 1;
        }
        98.56%, to {
            transform: translateX(30%);
            opacity: 0;
        }
    }
    @keyframes fieldMotion {
        from, 27.58% {
            transform: translateX(100%);
        }
        29.62%, 98.56% {
            transform: translateX(0%);
        }
        100%, to {
            transform: translateX(100%);
        }
    }
    @keyframes rightCrossMotion {
        from, 40.84% {
            opacity: 0;
        }
        42.88%, 96.54% {
            opacity: 1;
        }
        98.56%, to {
            opacity: 0;
        }
    }
    @keyframes centerCrossMotion {
        from, 38.8% {
            opacity: 0;
        }
        40.84%, 96.54% {
            opacity: 1;
        }
        98.56%, to {
            opacity: 0;
        }
    }
    @keyframes leftCrossMotion {
        from, 36.76% {
            opacity: 0;
        }
        38.8%, 96.54% {
            opacity: 1;
        }
        98.56%, to {
            opacity: 0;
        }
    }
    @keyframes rightCircleMotion {
        from, 65.36% {
            opacity: 0;
        }
        67.40%, 96.54% {
            opacity: 1;
        }
        98.56%, to {
            opacity: 0;
        }
    }
    @keyframes centerCircleMotion {
        from, 63.32% {
            opacity: 0;
        }
        65.36%, 96.54% {
            opacity: 1;
        }
        98.56%, to {
            opacity: 0;
        }
    }
    @keyframes leftCircleMotion {
        from, 61.28% {
            opacity: 0;
        }
        63.32%, 96.54% {
            opacity: 1;
        }
        98.56%, to {
            opacity: 0;
        }
    }
    @keyframes leftArrowMotion {
        from, 82.78% {
            opacity: 0;
        }
        84.82%, 96.54% {
            opacity: 1;
        }
        98.56%, to {
            opacity: 0;
        }
    }
    @keyframes rightArrowMotion {
        from, 84.82% {
            opacity: 0;
        }
        86.86%, 96.54% {
            opacity: 1;
        }
        98.56%, to {
            opacity: 0;
        }
    }
    @keyframes btnMotion {
        from, 1.02% {
            transform: translateX(150%);
        }
        3.06%, 12.26% {
            transform: translateX(0%) scale(1.0);
        }
        13.28% {
            transform: translateX(0%) scale(0.8);
        }
        14.30% {
            transform: translateX(0%) scale(1.0);
        }
        15.32% {
            transform: translateX(0%) scale(0.8);
        }
        16.34%, 25.54% {
            transform: translateX(0%) scale(1.0);
        }
        27.58%, to {
            transform: translateX(150%) scale(1.0);
        }
    }
    .abn-slide-two-wrap{
        top: 0px;
    }
    .abn-logo-wrap {
        width: 159px;
        background: url("../img/logo.png") center no-repeat;
        left: 10%;
        animation: logoMotion 9.8s infinite linear;
    }
    .abn-btn{
        font-size: 18px;
        height: 52px;
        width: 175px;
        animation: btnMotion 9.8s infinite linear;
    }
    .abn-btn-wrap{
        right: 0%;
        width: 215px;
    }
    .abn-wrap{
        width: 100%;
    }
    .abn-wrap_block{
        left: 0;
    }
    .abn-slide-wrap{
        width: 100%;
        left: 7%;
    }
    .abn-slide-one{
        animation: firstSlideMotion 9.8s infinite linear;
    }
    .abn-slide-two{
        animation: secondSlideMotion 9.8s infinite linear;
    }
    .abn-slide-three{
        animation: thirdSlideMotion 9.8s infinite linear;
    }
    .abn_field_wrap{
        width: 100%;
        max-width: 236px;
        right: 6%;
    }
    .bonus_text{
        font-size: 25.5px;
        top: 18px;
    }
    .players_text{
        font-size: 25.5px;
        top: 43px;
    }
    .blue_text{
        top: 42px;
        left: 124px;
        font-size: 28px;
    }
    .betting_text{
        top: 18px;
        font-size: 25.5px;
    }
    .now_text{
        top: 45px;
        font-size: 25.5px;
    }
    .know_text{
        top: 17px;
        font-size: 26px;
    }
    .sport_text{
        top: 46px;
        font-size: 25.5px;
    }
    .abn-slide{
        left: 9%;
    }
    .abn_field{
        animation: fieldMotion 9.8s infinite linear;
    }
    .abn_cross_right{
        animation: rightCrossMotion 9.8s infinite linear;
    }
    .abn_cross_center{
        animation: centerCrossMotion 9.8s infinite linear;
    }
    .abn_cross_left{
        animation: leftCrossMotion 9.8s infinite linear;
    }
    .abn_circle_right{
        animation: rightCircleMotion 9.8s infinite linear;
    }
    .abn_circle_center{
        animation: centerCircleMotion 9.8s infinite linear;
    }
    .abn_circle_left{
        animation: leftCircleMotion 9.8s infinite linear;
    }
    .abn_arrow_left{
        animation: leftArrowMotion 9.8s infinite linear;
    }
    .abn_arrow_right{
        animation: rightArrowMotion 9.8s infinite linear;
    }
}
@media screen and (max-width: 530px) {
    .abn-slide{
        left: 2px;
    }
    .abn-slide-three{
        left: 0px;
    }
}
@media screen and (max-width: 475px) {
    .abn_field_wrap{
        right: -21px;
    }
}
@media screen and (max-width: 450px) {
    .abn-logo-wrap {
        left: 5%;
    }
    .abn-slide-three{
        width: 170px;
        background-size: 100%;
        left: 0px;
    }
}
@media screen and (max-width: 420px) {
    .abn-logo-wrap{
        background-size: 60%;
    }
    .abn_field{
        background-size: 73%;
        background-position: 147% 31%;
    }
    .abn_cross_left{
        right: -20px;
        top: 0px;
    }
    .abn_cross_center{
        right: -43px;
        top: -2px;
    }
    .abn_cross_right{
        left: 79px;
        top: 10px;
    }
    .abn_circle_left{
        right: -34px;
        top: 16px;
    }
    .abn_circle_center{
        left: 71px;
        top: -7px;
    }
    .abn_circle_right{
        left: 101px;
        top: 13px;
    }
    .abn_arrow_left{
        background-size: 11%;
        top: 6px;
        right: -54px;
    }
    .abn_arrow_right{
        background-size: 9%;
        left: 88px;
        top: 0px;
    }
}
@media screen and (max-width: 380px) {
    @keyframes btnMotion {
        from, 1.02% {
            transform: translateX(150%);
        }
        3.06%, 12.26% {
            transform: translateX(0%) scale(1.0);
        }
        13.28% {
            transform: translateX(0%) scale(0.8);
        }
        14.30% {
            transform: translateX(0%) scale(1.0);
        }
        15.32% {
            transform: translateX(0%) scale(0.8);
        }
        16.34%, 25.54% {
            transform: translateX(0%) scale(1.0);
        }
        27.58%, to {
            transform: translateX(150%) scale(1.0);
        }
    }
    .abn-btn-wrap{
        width: 145px;
    }
    .abn-btn{
        height: 42px;
        width: 100px;
        font-size: 14px;
    }
    .know_text{
        top: 22px;
        font-size: 18px;
    }
    .sport_text{
        top: 49px;
        font-size: 17.5px;
    }
    .betting_text{
        top: 20px;
        font-size: 17.5px;
        left: 0px;
    }
    .now_text{
        top: 47px;
        font-size: 17.5px;
    }
    .bonus_text{
        font-size: 17.5px;
        top: 21px;
    }
    .players_text{
        font-size: 17.5px;
        top: 47px;
    }
    .blue_text{
        top: 46px;
        left: 86px;
        font-size: 20px;
    }
    .abn_field_wrap{
        right: 0;
    }
    .abn-slide-wrap{
        left: 5%;
    }
    .abn-slide{
        left: 3%;
    }
}
@media screen and (max-width: 335px) {
    .abn-btn-wrap{
        width: 122px;
    }
    .abn-logo-wrap{
        left: 0;
    }
}
@media screen and (max-width: 310px) {
    .abn-slide-wrap{
        left: 3%;
    }
    .abn_field_wrap{
        right: -30px;
    }
}