/*FONTs
-------------------------------------------------*/
/*Montserrat-Light 400*/
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/montserrat/Montserrat-Light.ttf') format('TrueType');
    font-weight: 300;
    font-style: normal;
}
/*Montserrat-Regular 400*/
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
    url('../fonts/montserrat/montserrat-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/*Montserrat-Medium 500*/
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/montserrat/montserrat-medium-webfont.woff2') format('woff2'),
    url('../fonts/montserrat/montserrat-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
/*Montserrat-Bold 700*/
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'),
    url('../fonts/montserrat/montserrat-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/*Montserrat-SemiBold 700*/
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/montserrat/montserrat-semibold-webfont.woff2') format('woff2'),
    url('../fonts/montserrat/montserrat-semibold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/*Redgar-Regular 400*/
@font-face {
    font-family: 'Redgar-Regular';
    src: url('../fonts/redgar/redgar-webfont.woff2') format('woff2'),
    url('../fonts/redgar/redgar-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/*
reset.css
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body, * {
    /*font-family: 'Montserrat-Regular', sans-serif;*/
    font-family: 'Montserrat-Regular', sans-serif;
}

#page {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

header {
    position: relative;
    background: rgba(0,0,0,.71);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    border-bottom: 2px solid #FFB30024;
    z-index: 15;
    width: 100%;
    padding: 0 10%;
    box-sizing: border-box;
}
.header_advantages {
    display: flex;
}
.header_advantages-item {
    display: flex;
    align-items: center;
    color: #fff;
    margin-right: 61px;
}
.header_advantages-item img {
    width: 27.6px;
    margin-right: 12.3px;
}
.header_logo img {
    width: 100%;
}
.header_logo {
    width: 84.1px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.header_signup:hover {
    color: #FFB300;
}
.header_signup {
    width: 230px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFB300;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    transition: color .3s;
    box-sizing: border-box;
}
video {
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    object-fit: cover;
}
#winners {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 10;
    border-top: 2px solid #FFB30024;
    background: rgba(0,0,0,.36);
    display: flex;
    align-items: center;
    min-height: 110px;
    height: 110px;
    box-sizing: border-box;
}
.swiper-slide {
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
}


.golden-lion__main-screen-bottom_item-image {
    border: 1px solid #FFB300;
    border-radius: 50%;
    margin-right: 25px;
}
.golden-lion__main-screen-bottom_item {
    color: #fff;
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 18px;
}
@media (min-width: 1025px) {
    .golden-lion__main-screen-bottom_item {
        padding-left: 6%;
        box-sizing: border-box;
        justify-content: left;
    }
}
.golden-lion__main-screen-bottom_item a {
    color: inherit;
    font-size: inherit;
    transition: color .3s;
}
.golden-lion__main-screen-bottom_item a:hover {
    color: #ffb300;
}
.golden-lion__main-screen-bottom_item span {
    color: #ffb300;
}
.golden-lion__main-screen-bottom_item img {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    border: 1px solid black;
}
.golden-lion__main-screen-bottom_desc-1 {
    margin-bottom: 7px;
}

.container-for-swiper {
    width: 95%;
    -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);
    mask-image: linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);
    overflow: hidden;
    margin: 0 auto;
}
.swiper-container {
    overflow: visible !important;
    width: 95%;
}


.offer_block-descr {
    font-family: "Redgar-Regular", sans-serif;
    font-size: 110px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.75px;
    margin-bottom: 70.6px;
}
.offer_block-title {
    font-family: "Redgar-Regular", sans-serif;
    font-size: 204px;
    color: #ffb300;
    text-transform: uppercase;
    letter-spacing: 5.1px;
}
.offer_block-copy {
    display: flex;
    color: #fff;
    align-items: center;
    width: 413px;
    justify-content: center;
    margin-bottom: 37.4px;
    max-width: 100%;
}
.offer_block-code {
    font-family: 'Montserrat-bold', sans-serif;
    letter-spacing: 1.1px;
    font-size: 22px;
}
.offer_block-copyBtn {
    cursor: pointer;
}
.offer_block-copyBtn.copied line {
    stroke-dashoffset: 0;
}
.offer_block-copyBtn.copied:after {
    content: 'Copied';
}
.offer_block-copyBtn:after {
    content: 'Copy code';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    font-family: 'Montserrat-bold', sans-serif;
    max-width: unset;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-size: 17px;
}
.offer_block-copyBtn {
    position: relative;
    margin-left: 27px;
    width: 173px;
}
.offer_block-play:after {
    content: 'play now';
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 14;
    font-family: 'Montserrat-bold', sans-serif;
    width: 100%;
    text-align: center;
    color: #030305;
}
.offer_block-play line {
    stroke-width: 100;
    stroke: #fff;
    stroke-dasharray: 420;
    stroke-dashoffset: 420;
    transition: .3s;
}
.offer_block-play:hover line {
    stroke-dashoffset: 0;
}
.offer_block-play svg {
    width: 100%;
    height: auto;
}
.offer_block-play {
    position: relative;
    width: 413px;
    font-size: 29px;
}
.offer_block {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: auto 10%;
}
.offer_block-copyBtn line {
    stroke-width: 50;
    stroke: #ffb300;
    stroke-dasharray: 370;
    stroke-dashoffset: 370;
    transition: .4s;
}
.offer_block-copyBtn:hover line {
    stroke-dashoffset: 0;
}
@keyframes stroke {
    0% {
        stroke-dashoffset: 370;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 740;
    }
}
.terms button:hover {
    color: #ffb300;
}
.terms button {
    min-height: 34px;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    background: transparent;
    color: inherit;
    font-size: 14px;
    letter-spacing: .7px;
    outline: none !important;
    transition: .3s;
    cursor: pointer;
    box-sizing: border-box;
    border: 0;
}
.terms.showTerms button{
    min-height: 41px;
}
.terms.showTerms {
    max-height: 300px;
}
.terms p{
    padding: 0 24px 20px;
    line-height: 20px;
    letter-spacing: .7px;
    font-size: 12px;
    color: #969292;
}
.terms {
    color: #DBDBDB;
    position: absolute;
    bottom: 110px;
    top: auto;
    z-index: 10;
    background:  rgba(0,0,0,.36);
    display: flex;
    flex-direction: column;
    width: 230px;
    max-height: 34px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    right: 10%;
    left: auto;
    transition: .6s;
    will-change: transform;
    box-sizing: border-box;
    border: 1px solid #2D1F00;
    border-bottom: 0;
}


.twobar {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 7px;
    height: 4px;
    transform: scaleY(-1);
}
.twobar.cross .bar {
    background: #FFB400;
}
.twobar .bar {
    width: 8px;
    height: 2px;
    background: #8D7514;
    position: absolute;
    top: 3.5px;
    left: 0;
    transition: all 0.5s ease;
    margin-left: 12px;
}
.twobar .bar:nth-child(1) {
    border-radius: 1px;
    transform-origin: 50%;
}
.twobar .bar:nth-child(2) {
    border-radius: 1px;
    transform-origin: 50%;
}
.twobar.arrow .bar:nth-child(1) {
    transform: translateX(-25%) rotate(45deg) scaleX(0.9);
}
.twobar.arrow .bar:nth-child(2) {
    transform: translateX(25%) rotate(-45deg) scaleX(0.9);
}
.twobar.cross .bar:nth-child(1) {
    transform: translateX(0) rotate(45deg) scaleX(1.4);
}
.twobar.cross .bar:nth-child(2) {
    transform: translateX(0) rotate(-45deg) scaleX(1.4);
}

@media screen and (max-width: 1440px) {
    .offer_block-descr {
        font-size: 100px;
        margin-bottom: 30px;
    }
    .offer_block-title {
        font-size: 180px;
    }
    .offer_block-play {
        font-size: 26px;
        width: 350px
    }
    #winners {
        min-height: 115px;
    }
    .terms {
        bottom: 115px;
        right: 5%;
    }
    .header_advantages-item {
        margin-right: 30px;
    }
    header {
        padding: 0 5%;
    }
    .offer_block {
        margin: auto 5% ;
    }
    .swiper-container {
        width: 100%;
    }
    .swiper-slide {
        justify-content: left;
        padding-left: 4%;
        padding-right: 4%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1280px) {
    .offer_block-title {
        font-size: 140px;
    }
    .offer_block-descr {
        margin-bottom: 15px;
        font-size: 90px;
    }
    .offer_block-copy {
        margin-bottom: 25px;
        justify-content: flex-start;
    }
    .offer_block-code {
        font-size: 20px;
    }
    .offer_block-copyBtn svg{
        width: 100%;
        height: auto;
    }
    .offer_block-copyBtn {
        width: 140px;
        height: auto;
        font-size: 15px;
    }
    .offer_block-copyBtn:after {
        font-size: inherit;
    }
    .offer_block-play {
        width: 320px;
    }
}
@media screen and (max-width: 1024px) {
    .header_advantages-item {
        margin-right: 15px;
        line-height: 16px;
        font-size: 14px;
    }
    .header_advantages-item img {
        margin-right: 5px;
    }
}
.for-mobile {
    display: none;
}
.for-desktop {
    display: flex;
}
@media screen and (max-width: 922px) {
    .offer_block {
        margin: auto 5%;
    }
    .header_advantages {
        display: none;
    }
    .header_signup {
        width: auto;
        height: auto;
        font-size: 14px;
        border-radius: 0;
        border: none;
        border-bottom: 2px solid #FFB300;
        padding: 0 2px 5px;
        font-family: 'Montserrat-Regular', sans-serif;
        font-weight: 400;
    }
    .for-mobile {
        display: block;
    }
    .for-desktop {
        display: none;
    }
    .terms.showTerms  button{
        min-height: 21px;
        height: 21px;
    }
    .terms button{
        font-size: 14px;
        min-height: 21px;
        height: 21px;
        border-radius: 0;
        border: none;
        padding: 0 2px 5px;
        font-weight: 400;
        box-sizing: border-box;
        text-align: left;
        display: flex;
        color: #DBDBDB;
    }
    .terms {
        color: #fff;
        bottom: auto;
        right: 5%;
        left: auto;
        width: 50px;
        border-radius: 0;
        background: transparent;
        top: 50%;
        margin-top: -17px;
        overflow: visible;
        border: none;
    }
    .twobar {
        height: 9px;
        transform: none;
        margin: auto auto auto 8px;
    }
    .twobar .bar {
        margin-left: 0;
        background: #FFB400;
    }
    .terms p {
        position: absolute;
        box-sizing: border-box;
        max-height: 0;
        padding: 0;
        border-bottom: 2px solid #FFB300;
        overflow: hidden;
        width: 50px;
        right: 0;
        transition: all .4s, right .1s;
        background: rgba(0,0,0,.71);
        color: #fff;
    }
    .terms.showTerms p {
        top: calc(90px - 28px);
        width: 100vw;
        right: -5vw;
        padding: 30px 24px;
        max-height: 300px;
    }
}

.video-mobile {
    display: none;
}
@media (max-width: 767px) {
    video {
        display: none;
    }
    #page {
        background: url('../img/mob-bg.jpg') no-repeat center / cover;
        overflow: hidden;
        height: 100vh;
    }
    .terms button {
        min-height: 25px;
        height: 25px !important;
        font-family: 'Montserrat-Regular', sans-serif;
        font-weight: 400;
        padding-bottom: 0;
    }
    header {
        height: 69px;
        min-height: 69px;
    }
    .header_logo {
        width: 49px;
    }
    .terms.showTerms p {
        top: calc(90px - 39px);
    }
    .terms.showTerms button {
        min-height: 25px;
        height: 25px !important;
    }
    .offer_block-text {
        text-align: center;
        margin: 13px auto auto;
    }
    .offer_block-title {
        font-size: 108px;
    }
    .offer_block-descr {
        font-size: 47px;
        letter-spacing: 4.7px;
    }
    .offer_block {
        height: calc(100% - 69px);
        margin: 0;
    }
    #winners {
        display: none;
    }
    .offer_block-copy {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }
    .offer_block-code {
        font-family: 'Montserrat-Light', sans-serif;
        font-weight: 300;
    }
    .offer_block-copyBtn:after {
        letter-spacing: .7px;
    }
    .offer_block-copyBtn {
        font-size: 14px;
        color: #030305;
        margin-left: 17px;
    }
    .offer_block-play {
        width: 202.5px;
        font-size: 14px;
        font-weight: 700;
        margin: 0 auto 30px;
    }
    #page {
        background: url(../img/mob-bg.jpg) no-repeat 50% top / auto 90%;
    }
    #page:before {
        content: '';
        width: 100%;
        height: 50%;
        background:transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        pointer-events: none;
    }
    #page:after {
        content: '';
        width: 100%;
        height: 10%;
        background: linear-gradient(0deg, #0f0a05 60%, transparent);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 9;
        pointer-events: none;
    }
    .video-mobile {
        display: block;
        height: 115%;
        top: 37.5%;
    }
    .offer_block-copyBtn line {
        stroke-dashoffset: 370 !important;
    }
    .offer_block-copyBtn.copied line{
        stroke-dashoffset: 0 !important;
    }
}
@media (max-width: 860px) and (orientation: landscape) {
    video {
        display: none;
    }
    #page {
        background: url('../img/mob-bg.png') no-repeat center / cover;
        overflow: hidden;
        height: 100vh;
    }
    .terms button {
        min-height: 25px;
        font-family: 'Montserrat-Regular', sans-serif;
        font-weight: 400;
        padding-bottom: 0;
    }
    header {
        height: 69px;
        min-height: 69px;
    }
    .header_logo {
        width: 49px;
    }
    .terms.showTerms p {
        top: calc(90px - 39px);
    }
    .terms.showTerms button {
        min-height: 25px;
    }
    .offer_block-text {
        text-align: center;
        margin: 13px auto auto;
    }
    .offer_block-title {
        font-size: 108px;
    }
    .offer_block-descr {
        font-size: 47px;
        letter-spacing: 4.7px;
    }
    .offer_block {
        height: calc(100vmax - 69px);
        margin: 0;
    }
    #winners {
        display: none;
    }
    .offer_block-copy {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }
    .offer_block-code {
        font-family: 'Montserrat-Light', sans-serif;
        font-weight: 300;
    }
    .offer_block-copyBtn:after {
        letter-spacing: .7px;
    }
    .offer_block-copyBtn {
        font-size: 14px;
        color: #030305;
        margin-left: 17px;
    }
    .offer_block-play {
        width: 202.5px;
        font-size: 14px;
        font-weight: 700;
        margin: 0 auto 30px;
    }
    #page {
        background: url(../img/mob-bg.png) no-repeat 50% top / auto 90%;
    }
    #page:before {
        content: '';
        width: 100%;
        height: 50%;
        background:transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        pointer-events: none;
    }
    #page:after {
        content: '';
        width: 100%;
        height: 10%;
        background: linear-gradient(0deg, #0f0a05 60%, transparent);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 9;
        pointer-events: none;
    }
    .video-mobile {
        display: block;
        height: 90vh;
        top: 35%;
    }
    .offer_block-copyBtn line {
        stroke-dashoffset: 370 !important;
    }
    .offer_block-copyBtn.copied line{
        stroke-dashoffset: 0 !important;
    }
}

@media screen and (max-width: 860px) and (orientation: landscape){
    #page {
        background-size: 100% auto;
        background-position: bottom;
    }
    .video-mobile {
        height: auto;
    }
}
@media (min-height: 1080px) {
    .offer_block {
        margin-bottom: auto;
    }
}