.slider{
            width: 100%;
            background-color: #232323;
            position: relative;
            margin-top: 60px;
            overflow: hidden;
        }
        .slide{
            /*display: none;*/
            width: 100%;
            -webkit-animation: fadeout 2s; 
            -moz-animation: fadeout 2s; 
            -ms-animation: fadeout 2s; 
            -o-animation: fadeout 2s; 
            animation: fadeout 2s;
            position: absolute;
            top: 0;
            z-index: 7;
            overflow: hidden;
            opacity: 0;
        }
    .cloned-pc{
        visibility: hidden;
    }
    .cloned-mobile{ display: none;}
        video {
            width: 100%!important;
            height: auto!important;
        }
        .slide.default{
            display: block;
        }
        .slider .slide.active{
            display: block;
            -webkit-animation: fadein 2s; 
            -moz-animation: fadein 2s; 
            -ms-animation: fadein 2s; 
            -o-animation: fadein 2s; 
            animation: fadein 2s;
            z-index: 8;
            opacity: 1;
        }
        .slider .slide.inactive{
            display: none;
        }
        #left,
        #right{
            display: inline-block;
            padding: 1px;
        }

        .banner-offer{
            position: absolute;
            left: 6vw;
            top: 25%;
        }
    .brand-logo{
        max-width: 12vw;
        position: absolute;
        left: 6vw;
        top: 0;
        width: 100%;
    }
    .brand-logo-line{
        position: absolute;
        top: 0;
        background-color: #FA6200;
        width: 0.22vw;
        height: 100%;
        left: -16px;
        display: none;
    }
    .sport-tag .brand-logo-line{background-color: #FA6200;}
    .casino-tag .brand-logo-line{background-color: #80ff00;}
    .poker-tag .brand-logo-line{background-color: #0080ff;}
        .banner-offer p,
        .banner-offer h2 span {
            text-align: left;
            color: #ffffff;
            font-size: 2vw;
            font-family: "888Medium";
            line-height: 1;
            margin: 0;
        }
        .banner-offer h2{
            text-align: left;
            font-size: 2.8vw;
            font-family: "888Ultra";
            line-height: 1;
            margin: 0;
        }
        .sport-tag .banner-offer h2{color: #FA6200;}
        .poker-tag .banner-offer h2{color: #0080ff;}
        .casino-tag .banner-offer h2{color: #80ff00;}
        .banner-cta-terms{
            position: absolute;
            max-width: 35%;
            left: 5%;
            top: 55%;
        }
        .banner-cta{
            display: block;
            background-color: #FCE403;
            color: #000000;
            text-align: center;
            margin: 5px 0px 25px 0px;
            font-family: "888Bold";
            border-color: #FCE403;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            -ms-border-radius: 100px;
            border-radius: 100px;
            line-height: 1;
            position: relative;
            cursor: pointer;
            font-size: 1.3vw;
            border-style: solid;
            border-width: 2px;
            padding: 0.8vw 2vw;
            font-weight: 500;
            text-decoration: none;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            max-width: 22vw;
            z-index: 998;
        }
        .banner-cta:hover{
            background-color: #000000;
            color: #FCE403;
        }
/**terms update in boxes under banner**/
.banner-box-wrapper .box-offer .pc p{
font-size: 10px;
padding-top:10px;
color: #ffffff;
}
.banner-box-wrapper .pc p .box-offer-terms-link{
display: inline;
padding: 0;
font-size: 10px;
    color: #ffffff;
}
/**terms update in boxes under banner**/
        .banner-terms{
            color: #ffffff;
            font-size: 0.75vw;
    position: relative;
    text-align: center;
    z-index: 998;
    cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
text-shadow: 1px 1px 1px #232323;
        }
        .banner-terms:hover{color: #FFF;}
        @keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        @-moz-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        @-webkit-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        @-ms-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        @-o-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        @keyframes fadeout {
            from { opacity: 1; }
            to   { opacity: 0; }
        }

        @-moz-keyframes fadeout {
            from { opacity: 1; }
            to   { opacity: 0; }
        }

        @-webkit-keyframes fadeout {
            from { opacity: 1; }
            to   { opacity: 0; }
        }

        @-ms-keyframes fadeout {
            from { opacity: 1; }
            to   { opacity: 0; }
        }

        @-o-keyframes fadeout {
            from { opacity: 1; }
            to   { opacity: 0; }
        }

        .dots-wrapper{
            width: 100%;
            background-color: #232323; 
            display: flex;
            flex-direction: row;
            justify-content: center;
            /* border-top: 3px solid #80ff00; */
            transition: 0.5s ease-in;
        }
        .dots-wrapper .dot{
            background-color: #fff;
            width: 8px;
            height: 8px;
            margin: 6px 5px;
            border-radius: 8px;
            cursor: default;
            transition: 0.5s ease-in;
            cursor: pointer;
        }
        .dots-wrapper .dot:nth-child(1).active{
            background-color: #80ff00;
        }
        .dots-wrapper .dot:nth-child(3).active{
            background-color: #0080ff;
        }
        .dots-wrapper .dot:nth-child(2).active{
            background-color: #ff6400;
        }
        #left,
        #right{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 9;
            cursor: pointer;
        }
        #left{
            left: 0px;
        }
        #right{
            right: 0px;
        }
        .banner-box-wrapper{
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            background-color: #232323;
        }
        .banner-box-wrapper .box-offer{
            color: #fff;
            width: 33.3%;
            padding: 20px 10px 10px 10px;
            background-color: #070707;
            opacity: 0.6;
            transition: 0.5s ease-in;
            cursor: pointer;
        }
        .banner-box-wrapper .box-offer h2{
            font-family: "888ultra";
            margin: 0;
            font-size: 2.2vw;
        }
        .banner-box-wrapper .box-offer p,
        .banner-box-wrapper .box-offer h2 span{
            margin: 0;
            font-size: 1.2vw;
        }
        .banner-box-wrapper .box-offer.casino-tag .box-offer-cta{
            color: #80ff00;
            border-color: #80ff00;
        }
        .banner-box-wrapper .box-offer.casino-tag .box-offer-cta:hover{
            background-color: #80ff00;
            color: #232323;
        }
        .banner-box-wrapper .box-offer.casino-tag h2{
            color: #80ff00;
        }
        .banner-box-wrapper .box-offer.poker-tag .box-offer-cta{
            color: #0080FF;
            border-color: #0080FF;
        }
        .banner-box-wrapper .box-offer.poker-tag .box-offer-cta:hover{
            background-color: #0080FF;
            color: #232323;
        }
        .banner-box-wrapper .box-offer.poker-tag h2{
            color: #0080FF;
        }
        .banner-box-wrapper .box-offer.sport-tag .box-offer-cta{
            color: #FA6200;
            border-color: #FA6200;
        }
        .banner-box-wrapper .box-offer.sport-tag .box-offer-cta:hover{
            background-color: #FA6200;
            color: #232323;
        }
        .banner-box-wrapper .box-offer.sport-tag h2{
            color: #FA6200;
        }
        .banner-box-wrapper .box-offer .box-offer-terms-link{
            text-decoration: underline;
            font-size: 12px;
            padding: 10px;
            text-align: center;
            color:#666666;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            font-family: '888Medium';
        }
        .banner-box-wrapper .box-offer .box-offer-terms-link:hover{
            color: #fff;
        }

        .banner-box-wrapper .box-offer .box-offer-cta {
            font-family: "888Bold";
            align-self: center;
            background-color: inherit;
            border-color: #ffffff;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            -ms-border-radius: 100px;
            border-radius: 100px;
            line-height: 1;
            text-align: center;
            position: relative;
            cursor: pointer;
            display: inline-block;
            font-size: 1vw;
            border-style: solid;
            border-width: 2px;
            padding: 0.6vw 1vw;
            font-weight: 500;
            text-decoration: none;
            min-width: 10vw;
            margin: 10px auto 0;
        }
        .mobile-v2{
            display: none;
        }
        .banner-box-wrapper .box-offer.active{
            background-color: #232323;
            opacity: 1;
        }
        .box-offer{
            text-align: center;
        }
        .box-offer a{
            display: block;
        }
        .pc{
            display: block;
        }
        .mobile{
            display: none;
        }

        section.seo{
            text-align: center;
            background-image: url("//images.images4us.com/888/EN/awards-background-resized-1592213770719.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            padding: 20px;
        }
       section.seo h2{font-family: '888Ultra';}
        .seo-icons-wrapper {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            flex-wrap: wrap;
        }
        .seo-icons-wrapper .seo-icon{
            max-width: 200px;
            margin: 0 10px;
        }
        .wrapper-icons-resp .seo-icons-wrapper:nth-child(2) .seo-icon{
            max-width: 130px;
        }

        /*seo*/
        .content-wrapper{
            max-width: 1200px;
            margin: 0 auto;
        }
        @media only screen and (max-width: 1024px) {
            .slider{
                margin-top: 45px;
            }
            .content-wrapper{
                width: 100%;
            }
            section.seo .content-wrapper{
                padding: 0 10px;
            }
            .banner-box-wrapper .box-offer .box-offer-cta {
                max-width: 80%;
            }
        }
        @media only screen and (max-width: 730px) {
            .wrapper-icons-resp{
                display: flex;
                flex-direction: row;
            }
            .seo-icons-wrapper{
                width: 50%;
                flex-direction: column;
                justify-content: space-around;
            }
            .seo-icons-wrapper .seo-icon{
                max-width: 80%;
                align-self: center;
            }
            .wrapper-icons-resp .seo-icons-wrapper:nth-child(2) .seo-icon{
                max-width: 80%;
                align-self: center;
            }
        }
.noVideo{position:absolute;}
        @media only screen and (max-width: 640px) {
            .banner-box-wrapper .box-offer{
                width: 100%;
                display: none;
                -webkit-animation: fadein 2s; 
                -moz-animation: fadein 2s; 
                -ms-animation: fadein 2s; 
                -o-animation: fadein 2s; 
                animation: fadein 2s;
            }
            .banner-box-wrapper .box-offer.active{
                display: block;
            }
            .banner-box-wrapper .box-offer .box-offer-cta {
                border-color: #FCE403!important;
                background-color: #FCE403!important;
                color: #000000!important;
                margin-bottom: 6px;
            }
            .banner-box-wrapper .box-offer .box-offer-cta:hover {
                border-color: #FCE403!important;
                background-color: #FCE403!important;
                color: #000000!important;
            }
            .banner-box-wrapper .box-offer p {
                font-size: 20px;
            }
            .banner-box-wrapper .box-offer h2 {
                font-size: 34px;
            }
            .banner-box-wrapper .box-offer .box-offer-cta {
                font-family: "888Bold";
                font-size: 18px;
                max-width: 300px;
                padding: 10px 25px;
            }
        }
        .mobile-v2,
        .arrow-mobile-v2{
            display: none;
        }
        @media only screen and (max-width: 640px) and (orientation: portrait) {
            .pc{
                display: none;
            }
            .mobile{
                display: block;
                width: calc(100% + 1px);
            }
    .brand-logo{
        max-width: 25vw;
        left: 5%;
        top: 5%;
    }
        .slide{position:relative; display: block; opacity: 1;}
    .cloned-pc{display:none;}
            .box-offer .mobile,
            .banner-box-wrapper .box-offer .box-offer-terms-link,
            .banner-box-wrapper .box-offer .box-offer-terms-link:hover{
                color: #666666;
                display: inline;
                padding: 0;
                font-size: 12px;
            }
            .box-offer .mobile{
                padding-top: 10px;
            }
            .banner-box-wrapper .box-offer .box-offer-terms-link{
                text-decoration: underline;
            }
        /*static mobile brands - to see first version comment those styles bellow*/
           .dots-wrapper{
                display: none;
            }
            #left,
            #right{
                display: none;
            }
            .banner-box-wrapper{
                display: none;
            }
            #slider .arrow-inactive{
                display: none;
            }
            .mobile-v2{
                display: block;
                width: 100%;
                background-color: #232323;
                color: #ffffff;
                padding-top: 5px;
                background-image: linear-gradient(#232323, #000000);
                padding-bottom: 20px;
            }
            .mobile-v2 p,
            .mobile-v2 h2{
                text-align: center;
                color: #fff;
                margin: 0;
                line-height: 1.1;
            }
            .mobile-v2 p {
                font-size: 16px;
            }
            .mobile-v2 h2 {
                font-size: 34px;
                font-family: '888Ultra';
            }
            .mobile-v2 .box-offer-cta {
                font-family: "888Bold";
                align-self: center;
                background-color: #FCE403;
                border-color: #FCE403;
                -webkit-border-radius: 100px;
                -moz-border-radius: 100px;
                -ms-border-radius: 100px;
                border-radius: 100px;
                line-height: 1;
                text-align: center;
                position: relative;
                cursor: pointer;
                display: block;
                font-size: 20px;
                border-style: solid;
                border-width: 2px;
                padding: 10px 25px;
                font-weight: 500;
                text-decoration: none;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                max-width: 70%;
                margin: 10px auto 20px;
                color: #000000;
                margin-bottom: 0;
            }
            .slider .slide.active, .slider .slide {animation: none;}
            .sport-tag .mobile-v2 .box-offer-cta{
                border-color: #ff6400;
                background-color: #ff6400;
            }
            .poker-tag .mobile-v2 .box-offer-cta{
                border-color: #0080FF;
                background-color: #0080FF;
            }
            .casino-tag .mobile-v2 .box-offer-cta{
                border-color: #80ff00;
                background-color: #80ff00;
            }
            .sport-tag .mobile-v2 h2 {
                color: #ff6400;
            }
            .poker-tag .mobile-v2 h2 {
                color: #0080FF;
            }
            .casino-tag .mobile-v2 h2 {
                color: #80ff00;
            }
            .mobile-v2 .mobile{
                text-align: center;
                font-size: 11px;
                padding: 5px 8px 0 8px;
            }
            .mobile-v2 .mobile a{
                display: inline-block;
                color: #ffffff;
            }
            .arrow-mobile-v2{
                display: block;
                position: fixed;
                bottom: 30px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 9;
            }
            video{min-height:170px}
        }
@media only screen and (max-width: 1024px) and (orientation: landscape) {
        .banner-cta{margin: 5px auto 10px;max-width: 24vw;}
}