.popup-header {

    background-color: #424242;

    border: 2px solid #a9a9a9;

    transition: all .2s linear;

    z-index: 655;

    border-radius: 4px;

    position: absolute;

    width: 400px;

    height: 170px;

    top: 54px;

    right: 0;

    border-color: #24ba9d;

    border-radius: 4px;

    display: none
}



.popup-header__close {

    position: absolute;

    width: 16px;

    height: 16px;

    background-image: url(../img/popup/popup-close.svg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    cursor: pointer;

    z-index: 44;

    display: block;

    top: 10px;

    right: auto;

    left: 10px
}



.popup-bonus {

    display: inline-block;

    width: 35px;

    height: 35px;

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    top: 60%;

    left: 28px
}



.popup-bonus__img {

    display: block;

    position: absolute;

    width: 80px;

    left: -22px;

    top: -22px
}



.popup-header-content {

    position: absolute;

    width: 250px;

    height: 100%;

    right: auto;

    top: 0;

    transition: right .2s;

    display: flex;

    flex-direction: column;

    justify-content: center;

    right: 60px;

    top: 0;

    opacity: 1;

    text-align: center;

    color: #fff
}



.popup-header-content p {

    font-size: .8em
}



.popup-header__link {

    color: #fff
}



.popup-header__btn {

    align-self: center;

    margin-top: 5px
}



.popup-header-arrow--hide {

    position: absolute;

    display: inline-block;

    width: 80px;

    height: 50px;

    cursor: pointer;

    right: -39px;

    top: 2px
}



.popup-header-arrow--hide::before {

    content: "";

    position: absolute;

    height: 35px;

    border: 1px solid #a9a9a9;

    top: 6px;

    right: 88px
}



.arrow--hide {

    position: absolute;

    width: 12px;

    height: 12px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 18px;

    left: 5px;

    border-left: 2px solid #fff;

    border-top: 2px solid #fff;

    -webkit-transition: border .2s linear;

    transition: border .2s linear;

    -webkit-animation-name: arrowShining;

    animation-name: arrowShining;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    animation-direction: alternate-reverse;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease
}



.arrow--hide1,

.arrow--hide2 {

    -webkit-animation: none;

    animation: none;

    border-color: #24ba9d
}



.arrow--hide2 {

    left: 15px
}



.gift__wrapper {

    width: 53px;

    height: 53px;

    left: -9px;

    top: -8px;

    position: relative
}



.gift__line {

    position: absolute;

    border: 1px solid #dc1f00;

    background-color: #424242
}



.gift__line-1,

.gift__line-2,

.gift__line-3 {

    width: 50%;

    height: 50%;

    border-radius: 10%;

    top: 55%;

    left: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%);

    z-index: 2
}



.gift__line-2,

.gift__line-3 {

    width: 10%;

    z-index: 4
}



.gift__line-3 {

    width: 60%;

    height: 13%;

    border-radius: 2px;

    top: 36.5%;

    z-index: 3
}



.gift__line-4 {

    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-40deg);

    transform: translateY(-50%) translateX(-50%) rotate(-40deg)
}



.gift__line-4,

.gift__line-5 {

    width: 30%;

    height: 8%;

    border-radius: 40px;

    border: 1px solid #dc1f00;

    top: 32%;

    z-index: 1
}



.gift__line-4 {

    left: 53%
}



.gift__line-5 {

    left: 47%;

    -webkit-transform: translateY(-50%) translateX(-50%) rotate(40deg);

    transform: translateY(-50%) translateX(-50%) rotate(40deg)
}



.popup-hide {

    position: absolute;

    right: 0;

    top: 50vh;

    width: 100px;

    height: 50px;

    background-color: #424242;

    border: 2px solid #a9a9a9;

    -webkit-transition: all .2s ease-out;

    transition: all .2s ease-out;

    overflow: visible;

    z-index: 655;

    border-radius: 4px;

    border-color: #24ba9d;

    border-radius: 4px;

    visibility: hidden
}



.popup-hide .popup-header-arrow--hide::before {

    top: 3px
}



.popup-hide .arrow--hide1 {

    left: -40px
}



.popup-hide .arrow--hide {

    top: 15px
}



.popup-hide .arrow--hide2 {

    left: -30px
}



.popup-hide .gift__wrapper {

    top: -13px;

    left: 18px
}



@media screen and (max-width:450px) {

    .popup-header {

        max-width: 400px;

        width: 100%;

        height: 250px
    }



    .popup-header-content__title {

        margin-bottom: 60px
    }



    .popup-bonus {

        left: 50%;

        transform: translateX(-50%);

        top: 36%
    }



    .popup-header-content {

        right: 50%;

        transform: translateX(50%)
    }



    .popup-bonus img {

        width: 65px;

        left: -18px;

        top: -18px
    }



    .gift__wrapper {

        left: -12px;

        top: -12px
    }



    .popup-hide .gift__wrapper {

        top: -20px;

        left: 16px
    }



    .page-modal_shadow {

        overflow: hidden;

        position: relative
    }



    .page-modal_shadow::after {

        content: '';

        display: block;

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 650;

        background-color: rgba(0, 0, 0, .7)
    }

}



.logo__rays {

    position: absolute;

    top: 0;

    left: 5%;

    transform: translateX(-50%);

    width: 170px;

    height: 170px;

    margin: 0 auto;

    pointer-events: none;

    background-size: 100% 100%;

    -webkit-animation: circle 8s linear infinite;

    animation: circle 8s linear infinite;

    background-image: url(../img/animation/start-bonus-bg.webp);

    z-index: -1
}



.logo__rays--static {

    -webkit-animation: none;

    animation: none
}



.afterSlider_left-top:hover .logo__rays {

    -webkit-animation-play-state: paused;

    animation-play-state: paused
}



@-webkit-keyframes circle {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)
    }



    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)
    }

}



@keyframes circle {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)
    }



    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)
    }

}



.afterSlider_left-btn {

    animation: scaleBtn 2s linear .4s infinite;

    max-width: 145px;

    display: inline-block;

    margin-top: -12px
}



@keyframes scaleBtn {



    0%,

    30% {

        -webkit-transform: scale(1);

        transform: scale(1)
    }



    20% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)
    }

}



.btn_link.btn_link__animation {

    position: relative;

    display: block;

    margin: 8px 0
}



.btn_link__animation::before {

    position: absolute;

    content: '';

    background-image: url(../img/animation/glow-lights.gif);

    width: calc(100% + 26px);

    height: 65px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: -13px;

    background-size: 100% 100%, 0, 0;

    mix-blend-mode: screen;

    z-index: 1
}



#betting-info {

    width: 100%;

    margin: 20px 0
}



#betting-info img {

    border-radius: 0;

    box-shadow: none;

    margin-top: 0;

    margin-bottom: 0
}



#betting-info tr td {

    padding: 10px 0;

    border: none
}



.betting-info-item {

    border-bottom: 1px solid #afafaf;

    display: flex;

    justify-content: space-between;

    align-items: center
}



.betting-info-item__left {

    display: flex;

    align-items: center
}



.betting-info-item__left svg {

    margin-right: 10px;

    fill: #dc1f00
}



.betting-info-item__right p {

    display: flex;

    align-items: center;

    margin: 0
}



.betting-info-item__right_icons {

    display: flex;

    align-items: center
}



.betting-info-item__right_bonus a {

    background-color: #2f6bcb;

    padding: 5px 8px;

    border-radius: 5px;

    color: #fff;

    text-decoration: none
}



.icon {

    margin-right: 10px
}



.icon:last-child {

    margin-right: 0
}



.green-color {

    color: #24ba9d;

    transition: all .2s linear
}



.green-color svg {

    fill: #24ba9d;

    transition: all .2s linear
}



.green-color:hover {

    color: #fff
}



.green-color:hover svg {

    fill: #fff
}



.betting-info-item__right_payment {

    position: relative;

    max-width: 45%;

    width: fit-content
}



.payment-list {

    margin-bottom: 0;

    position: relative;

    display: flex;

    flex-wrap: wrap
}



.pm-wrapper {

    display: flex;

    align-items: center
}



.pm-wrapper span {

    display: inline-block
}



.hidden-payment {

    border-radius: 5px;

    border: 1px solid #fbd92c;

    background: 0 0;

    padding: .05556rem .44444rem;

    color: #000;

    max-width: 5rem;

    transition: all .3s ease-out;

    margin-top: -2px
}



.payments-tooltip {

    display: none
}



.content__1win__bonus {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr
}



.content__1win__bonus .slots-btns {

    justify-content: center
}



.content__1win__bonus p {

    text-align: center
}



.content__1win__bonus h2 {

    text-align: center
}



.content__1win__exemplo {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 20px;

    border: 1px dashed rgba(0, 0, 0, .8);

    border-radius: 5px
}



.content__1win__exemplo__left {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-between;

    margin-right: 20px
}



.content__1win__exemplo__left .content__1win__exemplo__label {

    display: inline-block;

    padding: 8px;

    background-color: #eff0f2;

    border-radius: 5px;

    line-height: 1;

    margin-bottom: 10px
}



.content__1win__exemplo__left p {

    margin: 0
}



.content__1win__exemplo__right {

    width: 100%;

    height: 100%;

    max-width: 200px
}



.content__1win__exemplo__right img {

    width: 100%;

    height: 100%
}



.green__item {

    width: 10px;

    height: 10px;

    background-color: #0f9d49;

    border-radius: 50%;

    margin-right: 10px
}



.yellow__item {

    width: 10px;

    height: 10px;

    background-color: #fbd92c;

    border-radius: 50%;

    margin-right: 10px
}



.content__1win__exemplo__left__list {

    display: flex;

    align-items: center;

    margin-top: 10px
}



.content__bonus__image {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-column-gap: 20px;

    padding: 20px;

    border: 1px solid rgba(0, 0, 0, .8);

    border-radius: 5px
}



.content__bonus__image picture {

    border-radius: 14px;

    transition: all .2s linear
}



.content__bonus__image picture:hover {

    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}



@media (max-width:500px) {

    #betting-info {

        width: 100%;

        display: table
    }

}



.content__structure {

    padding: 20px;

    background-color: #232330;

    max-width: 400px;

    margin: 15px auto;

    border: 1px solid #969696;

    border-radius: 5px
}



.content__structure__title {

    display: flex;

    align-items: center;

    justify-content: space-between
}



.content__structure__title p {

    margin: 0
}



#structure {

    cursor: pointer;

    width: 20px;

    transition: all .3s linear
}



#structure img {

    box-shadow: none;

    margin: 0
}



.structure__icon__rotate {

    transform: rotate(180deg)
}



.structure__list li.structure__list__item {

    list-style: none;

    margin-left: 0
}



.structure__list li.structure__list__item:last-child {

    margin-bottom: 0
}



.structure__list__link {

    font-size: 14px;

    color: #969696;

    transition: all .2s linear;

    text-decoration: none
}



.structure__list__link:hover {

    color: #24ba9d
}



.structure__hidden {

    display: none
}



.nested__list {

    padding: 0
}



.breadcrumbs {

    list-style: none;

    display: flex;

    align-items: center;

    width: 100%;

    margin-top: 30px
}



.breadcrumbs li.breadcrumbs-item {

    margin-left: 0;

    margin-bottom: 0
}



.breadcrumbs li.breadcrumbs-item:after {

    content: ">";

    margin-right: 2px;

    font-size: 12px;

    color: #969696
}



.breadcrumbs li.breadcrumbs-item--main {

    margin-left: 0;

    margin-bottom: 0
}



.breadcrumbs li.breadcrumbs-item--main:after {

    content: ""

}



.breadcrumbs li.breadcrumbs-item:last-child:after {

    content: "";

    display: none
}



.breadcrumbs-item__link {

    text-decoration: none;

    color: #969696;

    font-size: 12px
}



.breadcrumbs span {

    font-size: 12px;

    color: #969696
}



@font-face {

    font-family: "400";

    src: url("../fonts/400.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "400";

    src: url("") format("woff2");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "700";

    src: url("../fonts/700.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "700";

    src: url() format("woff2");

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



* {

    box-sizing: border-box
}



#is-service-frame {

    display: none
}



body {

    font-family: "400";

    line-height: 1.5;

    color: #fff;

    overflow-x: hidden;

    width: 100vw
}



h1,

h2,

h2>strong,

h3,

h3>strong {

    color: #fff !important
}



h1 {

    font-size: 40px;

    line-height: 1.5;

    color: rgba(0, 0, 0, .8);

    margin: 20px 0
}



h2 {

    font-size: 25px;

    line-height: 1.5;

    color: rgba(0, 0, 0, .8)
}



h3 {

    font-size: 20px
}



.footer__title {

    font-size: 20px;

    line-height: 1.5;

    color: #fff
}



.leftSide>img {

    height: 100%;

    object-fit: cover;

    position: fixed;

    top: 50px;

    left: 0;

    object-position: top;

    width: calc((100% - 900px)/ 2)
}



.rightSide>img {

    height: 100%;

    object-fit: cover;

    position: fixed;

    top: 50px;

    right: 0;

    object-position: top;

    width: calc((100% - 872px)/ 2)
}



.header {

    background-color: #222;

    position: fixed;

    z-index: 200;

    width: 100%
}



.leftSide {

    flex-grow: 1;

    margin-right: -1.5%
}



.rightSide {

    flex-grow: 1
}



h4 {

    font-size: 18px;

    line-height: 1.5
}



.container {

    max-width: 900px;

    margin: 0 auto;

    padding: 0 30px;

    padding-bottom: 30px;

    background-color: #232330
}



.sliderArea {

    max-width: 900px;

    margin: 0 auto
}



.itc-slider__items {

    counter-reset: slide
}



.itc-slider__item {

    flex: 0 0 100%;

    max-width: 100%;

    counter-increment: slide;

    height: 220px;

    position: relative;

    border-radius: 5px;

    overflow: hidden;

    object-fit: cover;

    padding: 20px;

    padding-left: 45px;

    display: flex;

    align-items: flex-end
}



.slider__item__wrap {

    display: flex;

    flex-direction: column;

    justify-content: flex-start
}



.content .itc-slider__item img {

    border-radius: 5px;

    display: block;

    object-position: center;

    object-fit: cover;

    margin-top: 0;

    margin-bottom: 0;

    width: 100%;

    height: 100%
}



.itc-slider__item:nth-child(1) {

    width: 100%;

    object-fit: cover;

    background-image: url(../img/slider/pin-up.webp);

    background-size: cover;

    background-position: top center
}



.itc-slider__item:nth-child(2) {

    background-image: url(../img/slider/pin-up-casino.webp);

    background-size: cover;

    background-position: top center;

    width: 100%;

    object-fit: cover
}



.itc-slider__item:nth-child(3) {

    background-image: url(../img/slider/pin-up-casino-az.webp);

    background-size: cover;

    background-position: top center;

    width: 100%;

    object-fit: cover
}



.itc-slider__item:nth-child(4) {

    background-image: url(../img/slider/pin-up-casino-online.webp);

    background-size: cover;

    background-position: top center;

    width: 100%;

    object-fit: cover
}



.itc-slider__item:nth-child(5) {

    background-image: url(../img/slider/pin-up-bonus.webp);

    background-size: cover;

    background-position: top center;

    width: 100%;

    object-fit: cover
}



.itc-slider__item:nth-child(6) {

    background-image: url(../img/slider/pinup-login.webp);

    background-size: cover;

    background-position: top center;

    width: 100%;

    object-fit: cover
}



.itc-slider__item:nth-child(7) {

    background-image: url(../img/slider/pin-up-cashback.webp);

    background-size: cover;

    background-position: top center;

    width: 100%;

    object-fit: cover
}



.itc-slider__item:nth-child(8) {

    background-image: url(../img/slider/pin-up-sport.webp);

    background-size: cover;

    background-position: top center;

    width: 100%;

    object-fit: cover
}



.slider__title {

    font-size: 22px;

    font-family: '700';

    margin-bottom: 15px
}



.content .btn_slider {

    width: 160px;

    text-align: center
}



.afterSlider {

    width: 100%;

    margin: 30px 0;

    display: flex
}



.afterSlider_left {

    width: 25%;

    display: flex;

    flex-direction: column;

    padding-right: 20px
}



.afterSlider_left-top {

    background-image: url(../img/afterSlider/bg-png.png);

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    height: 170px;

    text-align: center;

    padding-top: 31px;

    position: relative;

    z-index: 1
}



.afterSlider_left-top p {

    font-size: 20px !important;

    margin: 0 auto;

    margin-bottom: 9px
}



.afterSlider_left-top p span {

    font-size: 35px !important
}



.afterSlider_left-top p span a {

    color: inherit;

    text-decoration: none
}



.afterSlider_left-btn {

    margin-bottom: 12px;

    padding: 5px 10px;

    background-color: #dc1f00;

    border-radius: 4px;

    color: #fff;

    text-decoration: none;

    transition: all .3s linear
}



.afterSlider_left-btn:hover {

    background-color: #24ba9d
}



.afterSlider_left-bottom {

    display: flex;

    flex-direction: column
}



.btn_link {

    padding: 7px;

    background-color: #dc1f00;

    color: #fff;

    text-decoration: none;

    margin: 2px 0;

    transition: all .3s linear;

    border-radius: 5px
}



.btn_link:hover {

    background-color: #24ba9d
}



.afterSlider-right {

    width: 75%;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 10px;

    justify-items: center;

    align-items: center
}



.afterSlider-right-link {

    position: relative;

    overflow: hidden;

    box-shadow: 0 5px 10px #000;

    border-radius: 20px
}



.afterSlider-right-link:hover.afterSlider-right-link img {

    transform: scale(1.1);

    opacity: .3
}



.content a.afterSlider-right-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: inline;

    text-align: center;

    width: 100px;

    z-index: 10
}



.content a.afterSlider-right-btn {

    visibility: hidden;

    transition: all .2s linear
}



.afterSlider-right-link:hover a.afterSlider-right-btn {

    visibility: visible
}



.content .afterSlider-right-link img {

    width: 150px;

    height: 115px;

    transition: .5s;

    display: block;

    margin-top: 0;

    margin-bottom: 0;

    object-fit: cover
}



.header__right-btn {

    display: flex;

    justify-content: flex-end;

    padding: 0;

    position: relative
}



.corner_btn-green {

    padding: 5px 20px;

    background-color: #24ba9d;

    border-radius: 4px;

    color: #fff;

    text-decoration: none;

    transition: all .3s linear
}



.corner_btn-green:hover {

    background-color: #dc1f00
}



.corner_btn-red {

    margin-left: 10px;

    padding: 5px 20px;

    background-color: #dc1f00;

    border-radius: 4px;

    color: #fff;

    text-decoration: none;

    transition: all .3s linear
}



.corner_btn-red:hover {

    background-color: #24ba9d
}



img {

    width: 100%;

    margin: 0 auto
}



ul {

    padding: 0;

    margin: 0
}



.footer__item li,

.nav li {

    list-style: none;

    margin-left: 4%
}



.nav a {

    text-decoration: none !important
}





html {

    line-height: 1.15;

    -webkit-text-size-adjust: 100%
}



body {

    margin: 0
}



main {

    display: block
}



h1 {

    font-size: 2em;

    margin: 0
}



hr {

    box-sizing: content-box;

    height: 0;

    overflow: visible
}



pre {

    font-family: monospace, monospace;

    font-size: 1em
}



a {

    background-color: transparent
}



abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    text-decoration: underline dotted
}



b,

strong {

    font-weight: bolder
}



code,

kbd,

samp {

    font-family: monospace, monospace;

    font-size: 1em
}



small {

    font-size: 80%
}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline
}



sub {

    bottom: -.25em
}



sup {

    top: -.5em
}



img {

    border-style: none
}



button,

input,

optgroup,

select,

textarea {

    font-family: inherit;

    font-size: 100%;

    line-height: 1.15;

    margin: 0
}



button,

input {

    overflow: visible
}



button,

select {

    text-transform: none
}



[type=button],

[type=reset],

[type=submit],

button {

    -webkit-appearance: button
}



[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner,

button::-moz-focus-inner {

    border-style: none;

    padding: 0
}



[type=button]:-moz-focusring,

[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring,

button:-moz-focusring {

    outline: 1px dotted ButtonText
}



fieldset {

    padding: .35em .75em .625em
}



legend {

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal
}



progress {

    vertical-align: baseline
}



textarea {

    overflow: auto
}



[type=checkbox],

[type=radio] {

    box-sizing: border-box;

    padding: 0
}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

    height: auto
}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px
}



[type=search]::-webkit-search-decoration {

    -webkit-appearance: none
}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit
}



details {

    display: block
}



summary {

    display: list-item
}



template {

    display: none
}



[hidden] {

    display: none
}



.burger__main-menu {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    position: fixed;

    top: 0;

    left: -100%;

    background-color: #232330;

    transition: left .4s linear;

    padding: 20px 50px;

    padding-left: 15px;

    height: 100%;

    overflow: auto;

    z-index: 9999999999;

    padding-top: 10px
}



.burger__main-menu li {

    padding: 9px;

    list-style-type: none
}



.burger__main-menu li img {

    width: 17px
}



.burger__main-submenu {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    display: none
}



.burger__main-menu__item {

    font-family: "400";

    line-height: 1.2;

    color: #afafaf;

    font-size: 14px;

    text-align: right;

    text-decoration: none
}



.burger__main-menu__item:hover {

    color: #fff
}



.burger__title {

    font-family: "400";

    color: #000;

    font-size: 18px
}



.burger__line {

    text-align: center;

    width: 100%;

    border-bottom: 1px solid rgba(80, 80, 80, .337254902)
}



.header .burger__main-menu__active {

    left: 0
}



.burger__overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100vw;

    height: 100vh;

    background: rgba(0, 0, 0, .4);

    z-index: 10000;

    display: none
}



.hidden {

    overflow: hidden
}



.mobile_logo {

    width: 100%;

    cursor: pointer;

    z-index: 999;

    line-height: 1
}



.header__bottom__item {

    display: flex;

    justify-content: flex-start;

    align-items: center
}



#burger {

    display: none;

    cursor: pointer;

    width: 18px;

    margin-right: 10px
}



.close {

    cursor: pointer;

    width: 18px
}



#more {

    position: relative
}



#more::after {

    position: absolute;

    right: -15px;

    top: 7px;

    content: "";

    width: 7.5px;

    height: 4.5px;

    background-image: url(..img/more.svg);

    background-size: 7.5px;

    background-repeat: no-repeat;

    background-position: 0 0
}



#more:hover::after {

    position: absolute;

    right: -15px;

    top: 7px;

    content: "";

    width: 7.5px;

    height: 4.5px;

    background-image: url(..img/more-black.svg);

    background-size: 7.5px;

    background-repeat: no-repeat;

    background-position: 0 0
}



.more__area {

    display: flex;

    align-items: flex-end;

    z-index: -1;

    transition: opacity .3s linear;

    bottom: -5%;

    position: absolute;

    width: 100%;

    padding: 0;

    overflow: hidden;

    height: auto;

    opacity: 0
}



.more__area__active {

    overflow: visible;

    height: 200%;

    opacity: 1;

    z-index: 70
}



.close__more__area {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    display: none;

    z-index: 69
}



.sub__nav {

    display: flex;

    justify-content: space-around;

    align-items: center;

    width: 100%;

    background-color: #fff
}



.header__bottom {

    position: relative;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    padding: 10px 0
}



.header__right {

    width: 100%;

    display: flex;

    align-items: center;

    flex: 0 0 33%
}



.logo {

    color: #000;

    text-align: center;

    width: 80px;

    font-size: 18px;

    display: flex;

    align-items: center;

    display: none;

    font-weight: 700
}



.header-main__title {

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 700
}



.header__title {

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 700;

    height: 50px;

    border-top: 1px rgba(0, 0, 0, .1725490196) solid;

    display: flex;

    justify-content: center;

    align-items: center
}



.nav {

    z-index: 71;

    display: flex;

    align-items: center;

    width: 100%;

    font-family: "400"

}



.nav__item {

    position: relative;

    font-size: 14px;

    line-height: 17px;

    display: flex;

    align-items: center;

    text-align: center;

    transition: all .3s linear;

    color: #969696;

    padding-bottom: 3px;

    border-bottom: 1px solid transparent
}



.nav__item:hover {

    border-bottom: 1px solid #fff;

    color: #fff
}



@media (max-width:860px) {

    .header__right {

        flex: 0 1 90%
    }

}



@media (max-width:800px) {

    .header-main__title {

        display: block
    }



    .logo {

        display: block
    }



    #burger {

        display: block;

        z-index: 999
    }



    .header__bottom {

        justify-content: space-between
    }



    .header__title {

        display: none
    }



    h1 {

        font-size: 20px
    }



    h2 {

        font-size: 18px
    }

}



.footerBg,

.headBg {

    background-color: #222 !important;

    margin: 0 auto;

    padding-bottom: 0
}



.content {

    margin-bottom: -16px;

    padding-top: 100px;

    background-color: #232330
}



.content table {

    border-collapse: collapse;

    width: 100%;

    margin: 15px 0
}



.content table tr td {

    border: 1px solid #fff;

    padding: 10px
}



.content a {

    width: 100%
}



.content picture {

    display: flex;

    align-items: center;

    justify-content: flex-start
}



.content strong {

    font-family: "700";

    color: #24ba9d
}



.content img {

    max-width: 100%;

    border-radius: 20px;

    box-shadow: 0 5px 10px #000;

    margin-top: 15px;

    margin-bottom: 15px;

    height: auto
}



.content p {

    font-size: 14px;

    line-height: 1.4;

    margin: 8px 0
}



.content ul {

    margin-top: 15px
}



.content li {

    margin-bottom: 10px;

    margin-left: 60px
}



.content li a:hover {

    text-decoration: underline
}



.content-row__text {

    float: left
}



.content-row table {

    float: right;

    margin-left: 15px;

    font-size: 15px;

    line-height: 1.4
}



.content__image__items {

    display: flex;

    align-items: flex-start
}



.content__image__item {

    text-align: center
}



.content__min__image {

    max-width: 500px;

    margin: 0 auto
}



.w70 {

    width: 70%;

    margin: 0 auto
}



.w60 {

    width: 50%;

    margin: 0 auto
}



.footer {

    padding: 30px 0;

    background-color: #222;

    color: #969696
}



.footer h3 {

    color: #fff
}



.footer p {

    font-size: 14px;

    line-height: 1.4
}



.footer a {

    color: #969696;

    text-align: center;

    text-decoration: underline;

    transition: color .3s linear
}



.footer a:hover {

    color: #fff
}



.footer__items {

    display: grid;

    grid-template-columns: 100px 1fr 1fr;

    grid-column-gap: 30px;

    align-items: start
}



.footer__items p {

    font-size: 12px;

    line-height: 12px
}



.footer__item {

    justify-self: center
}



.footer__item h3 {

    margin-top: 0
}



.footer_cooke {

    width: 100%;

    margin: 10px auto
}



.footer__item p {

    font-size: 14px;

    line-height: 1.4;

    text-align: left
}



.footer__security {

    align-self: center
}



.footer__security a {

    font-size: 12px;

    line-height: 1.4;

    margin-right: 15px
}



.footer__security a:last-child {

    margin-right: 0
}



.footer__security p {

    font-size: 12px;

    line-height: 1.4;

    margin: 0
}



.footer__bottom {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 30px
}



.footer__logo {

    width: 100px;

    margin: 0 auto;

    margin-top: 10px
}



.aviator-link {

    color: #00f !important
}



.content .picture__mobile {

    display: none
}



@media (max-width:800px) {

    .afterSlider-right {

        grid-template-columns: repeat(3, 1fr);

        grid-gap: 10px
    }



    .btn_link {

        margin: 10px 0
    }



    .afterSlider_left-top {

        margin-bottom: 30px
    }

}



@media (max-width:700px) {

    .footer p {

        text-align: left
    }



    .footer__items {

        grid-template-columns: 1fr;

        grid-row-gap: 10px
    }



    .footer__item {

        justify-self: self-start
    }



    .footer__security {

        justify-self: self-start
    }



    .footer__logo {

        justify-self: self-start;

        margin-left: 0
    }



    .footer__bottom {

        grid-template-columns: 1fr
    }



    h1 {

        font-size: 20px
    }



    h2,

    h3 {

        font-size: 18px
    }

}



@media (max-width:700px) {

    .content-row__text {

        float: none
    }



    .w60,

    .w70 {

        width: 100%
    }



    .allsize {

        display: block
    }



    .table-wrap {

        overflow-x: auto
    }



    .main-table td {

        min-width: 270px
    }



    .content-row table {

        float: none;

        margin-left: 0
    }



    .content__image__items {

        flex-direction: column;

        justify-content: center;

        align-items: center
    }



    .content__image__item {

        margin-bottom: 20px
    }



    .content__image__item:last-child {

        margin-bottom: 0
    }



    .container {

        padding: 0 10px
    }



    li {

        font-size: 15px
    }



    .afterSlider_left {

        display: none
    }



    .afterSlider-right {

        width: 100%;

        margin: 0 auto
    }

}



@media (max-width:800px) {

    .header__right {

        display: none
    }

}



@media (max-width:576px) {

    .content .picture__dekstop {

        display: none
    }



    .content .picture__mobile {

        display: block
    }



    .content {

        padding-top: 70px
    }



    .itc-slider__item {

        height: 100%;

        min-height: 208px;

        padding-left: 40px;

        padding-top: 40px
    }



    .itc-slider__item:nth-child(1) {

        background-image: url(../img/slider/pin-up-min.webp)
    }



    .itc-slider__item:nth-child(1) {

        background-image: url(../img/slider/pin-up-min.webp)
    }



    .itc-slider__item:nth-child(2) {

        background-image: url(../img/slider/pin-up-casino-min.webp)
    }



    .itc-slider__item:nth-child(3) {

        background-image: url(../img/slider/pin-up-casino-az-min.webp)
    }



    .itc-slider__item:nth-child(4) {

        background-image: url(../img/slider/pin-up-casino-online-min.webp)
    }



    .itc-slider__item:nth-child(5) {

        background-image: url(../img/slider/pin-up-bonus-min.webp)
    }



    .itc-slider__item:nth-child(6) {

        background-image: url(../img/slider/pinup-login-min.webp)
    }



    .itc-slider__item:nth-child(7) {

        background-image: url(../img/slider/pin-up-cashback-min.webp)
    }



    .itc-slider__item:nth-child(8) {

        background-image: url(../img/slider/pin-up-sport-min.webp)
    }



    .slider__title {

        font-size: 18px
    }



    .content .btn_slider {

        width: 130px;

        font-size: 12px
    }



    .content .itc-slider__btn {

        width: 30px
    }

}



@media (max-width:500px) {

    .afterSlider-right {

        grid-template-columns: repeat(2, 1fr);

        grid-gap: auto;

        margin: 0 auto
    }



    .corner_btn-red {

        padding: 3px 10px;

        font-size: 14px
    }



    .corner_btn-green {

        padding: 3px 10px;

        font-size: 14px
    }

}



@media (max-width:400px) {

    .itc-slider__item {

        height: 100%;

        min-height: 184px;

        padding-left: 40px
    }



    .btn_link {

        font-size: 10px
    }



    .slider__title {

        font-size: 16px;

        margin-bottom: 0
    }

}



.active {

    color: #fff;

    font-size: 14px;

    font-family: "700";

    text-decoration: none
}



.active:before {

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 8px;

    background-color: #24ba9d;

    margin-right: 5px
}



.text__link {

    font-family: '700';

    color: #24ba9d;

    text-decoration: underline;

    transition: all .3s linear
}



.text__color__link {

    color: inherit;

    text-decoration: none
}



.text__link:hover {

    color: #fff
}



.telegram__link {

    padding: 7px 15px;

    background-color: #22a2df;

    border-radius: 4px;

    display: block;

    margin: 15px auto;

    text-align: center;

    max-width: 180px;

    color: #fff;

    text-decoration: none;

    transition: all .2 linear
}



.telegram__link:hover {

    opacity: .8
}



.structure__sublist {

    padding-left: 20px
}



.structure__list__item {

    font-size: 14px;

    color: #969696
}



.langs {

    min-width: 220px;

    list-style: none;

    padding: 0;

    margin: 0;

    position: relative
}



.langs li {

    width: 100%;

    display: inline-block
}



.langs ul {

    width: 100%
}



.langs a {

    display: block;

    padding: 5px 15px;

    text-decoration: none;

    color: #fff
}



.submenu {

    overflow: scroll;

    display: none;

    position: absolute;

    background-color: #24ba9d;

    padding: 0;

    border-radius: 0 0 4px 4px;

    z-index: 1;

    max-height: 500px
}



.langs li:hover .submenu {

    display: block;

    background-color: #24ba9d
}



.submenu li {

    display: block
}



.submenu a {

    padding: 5px 15px
}



.submenu.active {

    display: block
}



.langs:hover {

    background-color: #24ba9d;

    border-radius: 4px 4px 0 0
}



.langs li:hover .lang-main__link::after {

    content: none
}



.newlang:hover {

    background-color: #dc1f00
}



@media (max-width:800px) {

    .langs {

        min-width: 200px;

        font-size: 15px
    }

}



@media (max-width:600px) {

    .langs {

        min-width: 150px
    }

}



.lang-main__link {

    cursor: default
}



.lang-main__link::after {

    background-color: #276aa4;

    content: '';

    width: 15px;

    height: 9px;

    background: url() no-repeat scroll 0 0;

    position: absolute;

    top: 12px;

    right: -5px
}



.lang_active {

    background-color: #276aa4;

    border-radius: 4px 4px 0 0
}



.lang_active::after {

    background-color: #276aa4;

    content: '';

    width: 15px;

    height: 9px;

    background: url() no-repeat scroll 0 0;

    position: absolute;

    top: 12px;

    right: -5px;

    content: none
}



.header__right-mobile {

    display: none
}



@media (max-width:550px) {

    .langs {

        min-width: 150px
    }



    .header__right-btn {

        display: none
    }



    .header__right-mobile {

        display: flex;

        text-align: center;

        width: 100%;

        padding-bottom: 20px
    }



    .corner_btn-green {

        width: 100%
    }



    .corner_btn-red {

        width: 100%
    }



    .leftSide {

        display: none
    }



    .rightSide {

        display: none
    }

}