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: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

@font-face {
    font-family: 'Conv_Objective-Bold-Italic';
    src: url("../font/objective/Objective-Bold-Italic.eot");
    src: url("../font/objective/Objective-Bold-Italic.woff") format("woff"), url("../font/objective/Objective-Bold-Italic.ttf") format("truetype"), url("../font/objective/Objective-Bold-Italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    src: url("../font/objective/Objective-ExtraBold-Italic.eot");
    src: url("../font/objective/Objective-ExtraBold-Italic.woff") format("woff"), url("../font/objective/Objective-ExtraBold-Italic.ttf") format("truetype"), url("../font/objective/Objective-ExtraBold-Italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Conv_Objective-ExtraBold';
    src: url("../font/objective/Objective-ExtraBold.eot");
    src: url("../font/objective/Objective-ExtraBold.woff") format("woff"), url("../font/objective/Objective-ExtraBold.ttf") format("truetype"), url("../font/objective/Objective-ExtraBold.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

html {
    font-size: 16px
}

body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold
}

body * {
    box-sizing: border-box
}

.m--3{
    margin: 1vh 0vh 4vh !important;
}

    /*123123123123123*/

.text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 48px;
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size:3rem;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }
    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;}
   .btn {
    font-size: 2rem;
    line-height: 4.75rem;
    width: 360px;
    height: 80px;
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh auto;
    text-transform: uppercase;
    }

    .layout-wrapper {
          background: url("../img/bg-mobile.jpg") ;
        
        background-size: cover;
    }

.wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    position: relative;
}
    /*123123123123123*/

.clear {
    clear: both
}

.layout-wrapper {
    background: url("../img/bg-mobile.jpg") no-repeat cover center;
    width: 100%;
    min-height: 100vh;
    background-size: cover;
    overflow: hidden;
  }



.body-text {
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    text-align: center
}

.logo-wrapper {
    margin-top: 4.4335vh;
    margin-bottom: 1.84729vh;
    position: relative;
    top: 0;
    text-align: center
}

.logo {
    width: 100px;
    height: auto
}

.text {
    font-family: 'Conv_Objective-Bold-Italic';
    font-size: 1.2rem;
    line-height: 1.8125rem;
    text-align: center;
    
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 1.23153vh
}

.text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-size: 1.5rem;
    line-height: 1.8125rem;
    text-align: center;
    
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 1.23153vh
}

.text-2 br {
    display: none
}


.m-3{
	margin:5px;
}
.text-small {
    font-family: 'Conv_Objective-Bold-Italic';
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-top: -.49261vh;
    margin-bottom: .49261vh
}
.wr-code{
		display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
}
.wr-bonus {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.text-3 {
font-style: italic;
    font-weight: 800;
    font-size: 17px;
    line-height: 19px;
    text-align: center;
    
    color: #fff;
    border-radius: 0px;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    border: 3px solid #ffea21;
    padding: 13px 15px;
    width: 212px;
}

.man-1,
.man-2,
.man-3,
.dotted-1,
.dotted-2,
.line-1,
.line-2,
.ball-1,
.circle-1,
.welcome,
.close {
    display: none;
    position: absolute
}

.man-1 img,
.man-2 img,
.man-3 img,
.dotted-1 img,
.dotted-2 img,
.line-1 img,
.line-2 img,
.ball-1 img,
.circle-1 img,
.welcome img,
.close img {
    width: auto;
    display: block
}

.man-1 {
    z-index: 10
}

.man-2 {
    z-index: 8
}

.man-3 {
    z-index: 9
}

.btn-wrapepr {
    text-align: center;
    width: 300px;
    height: 68px;
    position: absolute;
    bottom: 6.89655vh;
    left: 50%;
    margin-left: -150px;
    border-radius: 22px;
    -webkit-box-shadow: 0px 10px 0px #181616;
    -moz-box-shadow: 0px 10px 0px #181616;
    -ms-box-shadow: 0px 10px 0px #181616;
    -o-box-shadow: 0px 10px 0px #181616;
    box-shadow: 0px 10px 0px #181616;
    animation: btn-wrp-animation 1s infinite;
    -webkit-animation: btn-wrp-animation 1s infinite;
    margin-bottom: 10vh;
}

.btn {
    text-decoration: none;
    font-family: 'Conv_Objective-Bold-Italic';
    font-size: 1.5rem;
    line-height: 4.75rem;
    text-align: center;
    
    color: #000000;


    display: inline-block;
    width: 300px;
    height: 68px;
    background: #FFEA21;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 15px rgba(255, 199, 0, 0.6);
    border-radius: 22px;
    -webkit-transition: All 250ms ease;
    -moz-transition: All 250ms ease;
    -o-transition: All 250ms ease;
    -ms-transition: All 250ms ease;
    transition: All 250ms ease;
    animation: btn-animation 1s infinite;
    -webkit-animation: btn-animation 1s infinite
}

@keyframes btn-wrp-animation {
    0% {
        bottom: 6.89655vh;
        -webkit-box-shadow: 0px 10px 0px #765b04;
        -moz-box-shadow: 0px 10px 0px #765b04;
        -ms-box-shadow: 0px 10px 0px #765b04;
        -o-box-shadow: 0px 10px 0px #765b04;
        box-shadow: 0px 10px 0px #765b04
    }

    50% {
        bottom: 5.66502vh;
        -webkit-box-shadow: 0px 0 0px #765b04;
        -moz-box-shadow: 0px 0 0px #765b04;
        -ms-box-shadow: 0px 0 0px #765b04;
        -o-box-shadow: 0px 0 0px #765b04;
        box-shadow: 0px 0 0px #765b04
    }

    100% {
        bottom: 6.89655vh;
        -webkit-box-shadow: 0px 10px 0px #765b04;
        -moz-box-shadow: 0px 10px 0px #765b04;
        -ms-box-shadow: 0px 10px 0px #765b04;
        -o-box-shadow: 0px 10px 0px #765b04;
        box-shadow: 0px 10px 0px #765b04
    }
}

@keyframes btn-animation {
    50% {
        box-shadow: 0 0 150px rgba(255, 199, 0, 0.6)
    }
}






@media only screen and (max-width: 1000px) and (orientation: landscape) {
    .layout-wrapper {
        background: url("../img/bg-tablet.jpg") no-repeat right top;
        background-size: cover
    }

    .logo-wrapper {
        margin-top: 0vh;
        margin-bottom: 2.44141vh;
        position: relative;
        top: 0;
        text-align: center
    }

    .logo {
        width: 140px;
        height: auto
    }

    .body-text {
        width: 100%;
        left: 0;
        display: flex;
        flex-direction: column;
        /*justify-content: center*/
    }
  /*123123123123123*/

.text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 48px;
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size: 95px;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }
    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;}
   .btn {
    font-size: 2rem;
    line-height: 4.75rem;
    width: 360px;
    height: 80px;
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh auto;
    text-transform: uppercase;
    }

    /*123123123123123*/

    .text-small {
        font-family: 'Conv_Objective-Bold-Italic';
        font-size: .875rem;
        line-height: .875rem;
        text-align: center;
        
        color: #FFFFFF;
        text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
        margin-top: 1.23153vh;
        margin-bottom: 1.23153vh
    }

    .text {
        white-space: nowrap
    }

    .text br {
        display: block
    }

    .man-1,
    .man-2,
    .man-3 {
        display: block;
        position: absolute
    }

    .man-1 {
/*        width: 50vh;
    bottom: 20vh;
    z-index: 10;
    height: auto;
    right: calc(50% - 145px);
    left: auto;*/
width: 50vh;
    bottom: 10vh;
    z-index: 10;
    height: auto;
    right: calc(50% - 92px);
    left: auto;
    z-index: 0;
    }

    .man-2 {
    left: auto;
    right: 64%;
    bottom: 0px;
    height: 50vh;
    }

    .man-3 {
           right: 12%;
    bottom: 155px;
    height: 34.875vh;

    }

    .btn-wrapepr {
        text-align: center;
        width: 200px;
        height: 50px;
        position: relative;
        top: 4.88281vh;
        bottom: auto;
        left: 50%;
        margin-left: -100px;
            margin-bottom: 0px;
    margin-top: 18vh;
    }

    .btn {
        font-size: 1.5rem;
        line-height: 3.5rem;
        width: 200px;
        height: 50px
    }

    @keyframes btn-wrp-animation {
        0% {
            top: 15px;
            -webkit-box-shadow: 0px 10px 0px #765b04;
            -moz-box-shadow: 0px 10px 0px #765b04;
            -ms-box-shadow: 0px 10px 0px #765b04;
            -o-box-shadow: 0px 10px 0px #765b04;
            box-shadow: 0px 10px 0px #765b04
        }

        50% {
            top: 25px;
            -webkit-box-shadow: 0px 0 0px #765b04;
            -moz-box-shadow: 0px 0 0px #765b04;
            -ms-box-shadow: 0px 0 0px #765b04;
            -o-box-shadow: 0px 0 0px #765b04;
            box-shadow: 0px 0 0px #765b04
        }

        100% {
            top: 15px;
            -webkit-box-shadow: 0px 10px 0px #765b04;
            -moz-box-shadow: 0px 10px 0px #765b04;
            -ms-box-shadow: 0px 10px 0px #765b04;
            -o-box-shadow: 0px 10px 0px #765b04;
            box-shadow: 0px 10px 0px #765b04
        }
    }
}


@media (min-width: 1200px) {
    .layout-wrapper {
        background: url("../img/bg-desctop.jpg") no-repeat center center;
        background-size: cover;
    }

    .logo-wrapper {
        margin-top: 2.88281vh;
        margin-bottom: 2.85938vh;
        position: relative;
        top: 0;
        text-align: center
    }

    .logo {
        width: 160px;
        height: auto
    }

    .body-text {
        width: 100%;
        left: 0;
        z-index: 12
    }

    /*123123123123123*/

.text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 4vh;
    /*line-height: 127.6%;*/
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 1vh;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size: 85.3426px;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 0vh;

    }
    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 530px;
    margin: 0 auto;
    max-height: 85vh;
    position: relative;
    top: 4vh;
    z-index: -1;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;
    z-index: -1;
    top: 4vh;
}
   .btn {
    height: 4px;
    font-size: 1.3rem;
    line-height: 4.75rem;
    height: 60px;
    /* height: 47px; */
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1vh auto;
    text-transform: uppercase;
    }

    /*123123123123123*/

    .text-small {
        font-family: 'Conv_Objective-Bold-Italic';
        font-size: 1.375rem;
        line-height: 1.375rem;
        text-align: center;
        
        color: #FFFFFF;
        text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
        margin-top: 0vh;
        margin-bottom: 1.23153vh
    }

    .text {
        white-space: nowrap
    }

    .text br {
        display: block
    }

    .man-1,
    .man-2,
    .man-3 {
        display: block;
        position: absolute
    }
  .man-1 {

        bottom: 16vh;
    z-index: 10;
    height: auto;
  
    left: auto;
    right: calc( 50% - 258px);
    }

    .man-2 {
    left: auto;
    right: 68.85417%;
    bottom: 0vh;
    height: 90vh;
    }

    .man-3 {
    right: 61.83333%;
    bottom: 21.48047vh;
    height: auto;
    }
    .dotted-1 {

    bottom: 71vh;
    left: 16.1%;
    height: auto;
    }

    .dotted-2 {
    right: 39.22222%;
    bottom: 77.0625vh;
    height: auto;
    }

    .line-1 {
    right: 18.25%;
    bottom: 0vh;
    height: auto;
    }



    .line-2 {
    right: 80.25%;
    bottom: 27.8125vh;
    height: auto;
    }

    .ball-1 {
           right: 1.25%;
    bottom: 68.55469vh;
    }

    .circle-1 {
        right: 17.36111%;
        bottom: 27.34375vh;
        height: 8.20313vh
    }
    .btn-wrapepr {
        text-align: center;
        width: 280px;
        height: 52px;
        position: relative;
        top: 5.85938vh;
        bottom: auto;
        left: 50%;
        margin-left: -140px;
        margin-top: 28vh;
    }

 



    /**/

    /**/

    @keyframes btn-wrp-animation {
        0% {
            top: 7.32422vh;
            -webkit-box-shadow: 0px .97656vh 0px #765b04;
            -moz-box-shadow: 0px .97656vh 0px #765b04;
            -ms-box-shadow: 0px .97656vh 0px #765b04;
            -o-box-shadow: 0px .97656vh 0px #765b04;
            box-shadow: 0px .97656vh 0px #765b04
        }

        50% {
            top: 8.30078vh;
            -webkit-box-shadow: 0px 0 0px #765b04;
            -moz-box-shadow: 0px 0 0px #765b04;
            -ms-box-shadow: 0px 0 0px #765b04;
            -o-box-shadow: 0px 0 0px #765b04;
            box-shadow: 0px 0 0px #765b04
        }

        100% {
            top: 7.32422vh;
            -webkit-box-shadow: 0px .97656vh 0px #765b04;
            -moz-box-shadow: 0px .97656vh 0px #765b04;
            -ms-box-shadow: 0px .97656vh 0px #765b04;
            -o-box-shadow: 0px .97656vh 0px #765b04;
            box-shadow: 0px .97656vh 0px #765b04
        }
    }

    .dotted-1,
    .dotted-2,
    .line-1,
    .line-2,
    .ball-1,
    .circle-1,
    .welcome,
    .close {
        display: block
    }

    .dotted-1 {
       bottom: 0;
    left: 83%;
    height: 18.78906vh;
    }

    .dotted-2 {
   right: 87.22222%;
    bottom: 48.0625vh;
    height: 12.69531vh;
    }

    .line-1 {
        right: 17.25%;
    bottom: 0vh;
    height: auto;
    }

    .line-2 {
        right: 31.25%;
        bottom: 7.8125vh;
        height: 3.125vh
    }

    .ball-1 {
        right: 31.25%;
        bottom: 18.55469vh;
        height: 10.74219vh
    }

    .circle-1 {
        right: 17.36111%;
        bottom: 27.34375vh;
        height: 8.20313vh
    }

    .welcome {
        right: 41.66667%;
        bottom: 19.53125vh;
        height: 15.625vh
    }

    .close {
        left: 36.80556%;
        top: 29.29688vh;
        height: 1.75781vh
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .layout-wrapper {
        background: url("../img/bg-tablet.jpg") no-repeat right center;
        background-size: cover;
           background-position: 50% center

    }

    .logo-wrapper {
        margin-top: 2.76563vh;
        margin-bottom: 2.76563vh;
        position: relative;
        top: 0;
        text-align: center
    }

    .logo {
        width: 250px;
        height: auto
    }

    .body-text {
        width: 100%;
        left: 0
    }

  .text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 3vh;
    line-height: 107.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size: 100.3426px;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }


    .text-small {
        font-family: 'Conv_Objective-Bold-Italic';
        font-size: 2.25rem;
        line-height: 2.25rem;
        text-align: center;
        
        color: #FFFFFF;
        text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
        margin-top: 1.23153vh;
        margin-bottom: 1.23153vh
    }

    .text {
        white-space: nowrap
    }

    .text br {
        display: block
    }

    .man-1,
    .man-2,
    .man-3 {
        display: block;
        position: absolute
    }

    .man-1 {
        bottom: 19vh;
        z-index: 10;
        height: auto;
        /*right: 5.55556%;*/
        left: auto;

    right: calc( 50% - 258px);
    }

    .man-2 {
            left: auto;
    right: 65%;
    bottom: -6px;
        height: 90vh;
}

    .man-3 {
 right: 12%;
    bottom: 13vh;
    height: 30vh;
    }

    .btn-wrapepr {
        text-align: center;
        width: 320px;
        height: 68px;
        position: relative;
        top: 9.76563vh;
        bottom: auto;
        left: 50%;
        margin-left: -160px
    }

    .btn {
        font-size: 1.5rem;
        line-height: 4.75rem;
        width: 320px;
        height: 68px
    }

    .dotted-1,
    .dotted-2,
    .line-1,
    .line-2,
    .ball-1,
    .circle-1,
    .welcome,
    .close {
        display: block
    }

    .dotted-1 {
        bottom: 0;
        left: 75%
    }

    .dotted-2 {
          right: 66.94444%;
    bottom: 45.99219vh;
    }

    .line-1 {
        right: 17.34722%;
    bottom: 48.94531vh;
    }

    .line-2 {
        right: 15.625%;
        bottom: 6.83594vh
    }

    .ball-1 {
        right: 15.625%;
        bottom: 17.57813vh
    }

    .circle-1 {
        right: 1.73611%;
        bottom: 27.34375vh
    }

    .welcome {
        right: 34.72222%;
        bottom: 19.53125vh
    }

    .close {
        left: 36.80556%;
        top: 29.29688vh
    }
}

@media only screen and (min-device-width: 900px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
      .layout-wrapper {
        background: url("../img/bg-tablet.jpg") no-repeat;
        background-position: 50% center
    }

    .logo-wrapper {
        margin-top: 3.69458vh;
        margin-bottom: 1.84729vh;
        position: relative;
        top: 0;
        text-align: center
    }

    .logo {
        width: 160px;
        height: auto
    }

.text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 48px;
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size: 95px;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }


    .text-small {
        font-family: 'Conv_Objective-Bold-Italic';
        font-size: 1.125rem;
        line-height: 1.25rem;
        text-align: center;
        
        color: #FFFFFF;
        text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
        margin-top: 0vh;
        margin-bottom: 1.23153vh
    }

    .body-text {
        z-index: 11
    }

    .text {
        white-space: nowrap
    }

    .text br {
        display: none
    }

    .man-1,
    .man-2,
    .man-3 {
        display: block;
        position: absolute
    }

    .man-1 {
        bottom: 18vh;
        z-index: 10;
        height: auto;
        /*left: -1%;*/
        /*right: auto*/
        right: calc( 50% - 258px);
    }

    .man-2 {
       left: 0%;
    bottom: 0px;
        height: 90vh;

    }

    .man-3 {
    right: 0%;
    bottom: 377px;
    height: 270px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .layout-wrapper {
        background: url("../img/bg-tablet.jpg") no-repeat;
        background-position: 50% center
    }

    .logo-wrapper {
        margin-top: 3.69458vh;
        margin-bottom: 1.84729vh;
        position: relative;
        top: 0;
        text-align: center
    }

    .logo {
        width: 160px;
        height: auto
    }

    .text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 48px;
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size: 95px;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }


    .text-small {
        font-family: 'Conv_Objective-Bold-Italic';
        font-size: 1.125rem;
        line-height: 1.25rem;
        text-align: center;
        
        color: #FFFFFF;
        text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
        margin-top: 0vh;
        margin-bottom: 1.23153vh
    }

    .body-text {
        z-index: 11
    }

    .text {
        white-space: nowrap
    }

    .text br {
        display: none
    }

    .man-1,
    .man-2,
    .man-3 {
        display: block;
        position: absolute
    }

    .man-1 {
        bottom: 18vh;
        z-index: 10;
        height: auto;
        /*left: -1%;*/
        /*right: auto*/
        right: calc( 50% - 258px);
    }

    .man-2 {
       left: 0%;
    bottom: 0;
        height: 90vh;

    }

    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .layout-wrapper {
        background: url("../img/bg-tablet.jpg") no-repeat;
        background-position: 47% center;
        background-size: cover;
        min-height: 100vh;
        height: 100vh
    }

    .text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 48px;
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size: 95px;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }

    .text-small {
        font-family: 'Conv_Objective-Bold-Italic';
        font-size: 1.125rem;
        line-height: 1.25rem;
        text-align: center;
        
        color: #FFFFFF;
        text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
        margin-top: .98522vh;
        margin-bottom: 1.72414vh
    }

    .btn-wrapepr {
        text-align: center;
        width: 420px;
        height: 90px;
        position: absolute;
        bottom: 6.89655vh;
        left: 50%;
        margin-left: -210px
    }

    .btn {
        width: 420px;
        height: 90px;
        font-size: 2rem;
        line-height: 6.25rem
    }

    .man-1,
    .man-2,
    .man-3 {
        display: block;
        position: absolute
    }

    .man-1 {
         bottom: 20vh;
    z-index: 10;
    height: auto;
  
    left: auto;
    right: calc( 50% - 258px);
    }

    .man-2 {
left: 0%;
    bottom: 0;
        height: 90vh;
    }

    .man-3 {
    right: 5%;
    bottom:0;
    height: 25vh;
    }
       .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;}
}

@media (min-width: 1800px) {
    .layout-wrapper {
        background: url("../img/bg-desctop.jpg") no-repeat center center;
        background-size: cover
    }

    .logo-wrapper {
       margin-top: 3.78906vh;
    margin-bottom: 2.76563vh;
    position: relative;
    top: 0;
    text-align: center;
    }

    .logo {
        width: 250px;
        height: auto
    }

    .body-text {
        width: 100%;
        left: 0;
        z-index: 12
    }

    .text {
   font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }

    .text-2 {
        font-family: 'Conv_Objective-Bold-Italic';
font-weight: 800;
font-size: 48px;
line-height: 127.6%;
/* or 61px */

text-align: center;
letter-spacing: -1px;
text-transform: uppercase;
    }

    .text-2 br {
        display: block
    }

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size: 95px;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;
    }

    .text-small {
        font-family: 'Conv_Objective-Bold-Italic';
        font-size: 2.25rem;
        line-height: 2.25rem;
        text-align: center;
        
        color: #FFFFFF;
        text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
        margin-top: 1.23153vh;
        margin-bottom: 1.23153vh;
        margin: 20px;
    }

    .text {
        white-space: nowrap
    }

    .text br {
        display: block
    }

    .man-1,
    .man-2,
    .man-3 {
        display: block;
        position: absolute
    }
    .m-3{
    	margin:20px;
    }


    /*obj*/

    .man-1 {

        bottom: 16vh;
    z-index: 10;
    height: auto;
  
    left: auto;
    right: calc( 50% - 258px);
    }

    .man-2 {
    left: auto;
    right: 68.85417%;
    bottom: 0vh;
        height: 90vh;
    }

    .man-3 {
    right: 61.83333%;
    bottom: 21.48047vh;
    height: auto;
    }
    .dotted-1 {

    bottom: 71vh;
    left: 16.1%;
    height: auto;
    }

    .dotted-2 {
    right: 9.22222%;
    bottom: 77.0625vh;
    height: auto;
    }

    .line-1 {
    right: 18.25%;
    bottom: 0vh;
    height: auto;
    }



    .line-2 {
    right: 80.25%;
    bottom: 27.8125vh;
    height: auto;
    }

    .ball-1 {
           right: 1.25%;
    bottom: 68.55469vh;
    }

    .circle-1 {
        right: 17.36111%;
        bottom: 27.34375vh;
        height: 8.20313vh
    }
    /*
    */
    .btn-wrapepr {
        /*text-align: center;*/
        /*width: 360px;*/
        /*height: 68px;
        position: relative;
        top: 7.32422vh;
        bottom: auto;
        left: 50%;
        margin-left: -180px;
            margin-top: 40vh;*/
    }
    .video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;
}
.video-block {
    /* position: relative; */
    /* height: auto; */
    /*position: absolute;*/
    bottom: -1px;
}

    @keyframes btn-wrp-animation {
        0% {
            top: 6.34766vh;
            -webkit-box-shadow: 0px 10px 0px #765b04;
            -moz-box-shadow: 0px 10px 0px #765b04;
            -ms-box-shadow: 0px 10px 0px #765b04;
            -o-box-shadow: 0px 10px 0px #765b04;
            box-shadow: 0px 10px 0px #765b04
        }

        50% {
            top: 7.32422vh;
            -webkit-box-shadow: 0px 0 0px #765b04;
            -moz-box-shadow: 0px 0 0px #765b04;
            -ms-box-shadow: 0px 0 0px #765b04;
            -o-box-shadow: 0px 0 0px #765b04;
            box-shadow: 0px 0 0px #765b04
        }

        100% {
            top: 6.34766vh;
            -webkit-box-shadow: 0px 10px 0px #765b04;
            -moz-box-shadow: 0px 10px 0px #765b04;
            -ms-box-shadow: 0px 10px 0px #765b04;
            -o-box-shadow: 0px 10px 0px #765b04;
            box-shadow: 0px 10px 0px #765b04
        }
    }
.wr-bonus{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.mt-1{
	margin-top: 2vh;
}

.text-3{

		font-style: italic;
		font-weight: 800;
		font-size: 18px;
		line-height: 19px;
		text-align: center;
		
		color: #fff;
    border-radius: 0px;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    border: 5px solid #ffea21;
    padding: 15px 25px;
   width: 220px;

		}
    .btn {
    font-size: 2rem;
    line-height: 4.75rem;
    width: 360px;
    height: 80px;
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh auto;
    text-transform: uppercase;
    }
.wr-code{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
}
.wr-body-text{
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
    top: 4vh;
    z-index: -1;

}
    .dotted-1,
    .dotted-2,
    .line-1,
    .line-2,
    .ball-1,
    .circle-1,
    .welcome,
    .close {
        display: block
    }



    .welcome {
        right: 41.66667%;
        bottom: 19.53125vh;
        height: 15.625vh
    }

    .close {
        left: 36.80556%;
        top: 29.29688vh;
        height: 1.75781vh
    }

    .text-box-two-inner {
        font-size: 3.625rem;
        line-height: 7.25rem
    }
}

@keyframes txt-animation {
    from {
        -webkit-filter: hue-rotate(0deg)
    }

    to {
        -webkit-filter: hue-rotate(-360deg)
    }
}

    /* iphone XR */
    @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation : portrait){ 
                .text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 4vh;
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size:4rem;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }
    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;
}
   .btn {
    font-size: 2rem;
    line-height: 4.75rem;
    max-width: 360px;
    height: 80px;
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh auto;
    text-transform: uppercase;
    }

    .layout-wrapper {
          background: url("../img/bg-mobile.jpg") ;
        
        background-size: cover;
    }

.wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    position: relative;
}
    /*123123123123123*/
    }
  @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2)  and (orientation : landscape)  { 
            .text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    /*font-size: 2vh;*/
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size:4rem;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }
    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding: 0 25px;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;    display: none;

}
   .btn {
    font-size: 2rem;
    line-height: 4.75rem;
    width: 360px;
    height: 80px;
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh auto;
    text-transform: uppercase;
    }

    .layout-wrapper {
          background: url("../img/bg-desctop.jpg") ;
         background-position: 50% center
      /*  background-size: cover;
        background-repeat:repeat;
        background-position: 110px 0px;*/
    }

.wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    position: relative;
}
    /*123123123123123*/
    }
   /* iphone XS */
    @media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) { 
        .text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 2.4vh;
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size:2.4rem;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }
    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;
}
   .btn {
    font-size: 1.4rem;
    line-height: 4.75rem;
    max-width: 360px;
    height: 80px;
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh auto;
    text-transform: uppercase;
    }

    .layout-wrapper {
          background: url("../img/bg-mobile.jpg") ;
        
        background-size: cover;
    }

.wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    position: relative;
}
    /*123123123123123*/
    }

 @media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape)  { 
                .text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    /*font-size: 2vh;*/
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size:4rem;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }
    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding: 0 25px;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;    display: none;

}
   .btn {
    font-size: 2rem;
    line-height: 4.75rem;
    width: 360px;
    height: 80px;
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh auto;
    text-transform: uppercase;
    }

    .layout-wrapper {
          background: url("../img/bg-desctop.jpg") ;
         background-position: 50% center
      /*  background-size: cover;
        background-repeat:repeat;
        background-position: 110px 0px;*/
    }

.wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    position: relative;
}
    /*123123123123123*/
    }
    
   /* iphone XS Max */
    @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) { 
        .text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    font-size: 4vh;
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size:4rem;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }
    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;
}
   .btn {
    font-size: 2rem;
    line-height: 4.75rem;
    max-width: 360px;
    height: 80px;
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh auto;
    text-transform: uppercase;
    }

    .layout-wrapper {
          background: url("../img/bg-mobile.jpg") ;
        
        background-size: cover;
    }

.wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    position: relative;
}
    /*123123123123123*/
    }
 @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape)  { 
                .text {
         font-family: unset;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 3.24528px rgba(0, 0, 0, 0.25);
    margin-bottom: 2.95567vh;
    font-weight: 500;
    margin-top: 4vh;
    }
    .text-2 {
    font-family: 'Conv_Objective-Bold-Italic';
    font-weight: 800;
    /*font-size: 2vh;*/
    line-height: 127.6%;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .text-big {
    font-family: 'Conv_Objective-ExtraBold-Italic';
    font-weight: 800;
    font-size:4rem;
    /* line-height: 78px; */
    text-align: center;
    letter-spacing: -0.035em;
    color: #FFCB04;
    /* text-shadow: 0px 0px 13.2958px #FFE51C; */
    margin: 2vh;

    }
    .man-3 {
    right: 0%;
    bottom: 0;
    height: 270px;
    }
           .wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 689px;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding: 0 25px;
}
.video-block__video {
    width: 100%;
    border-radius: 30px 30px 30px 30px;    display: none;

}
   .btn {
    font-size: 2rem;
    line-height: 4.75rem;
    width: 360px;
    height: 80px;
    background: linear-gradient(90deg, #FFEA21 8.03%, #FFC700 93.78%);
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh auto;
    text-transform: uppercase;
    }

    .layout-wrapper {
          background: url("../img/bg-desctop.jpg") ;
         background-position: 50% center
      /*  background-size: cover;
        background-repeat:repeat;
        background-position: 110px 0px;*/
    }

.wr-body-text {
    background: #0F1A14;
    border: 12px solid #ADBDFF;
    border-radius: 40px;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    position: relative;
}
    /*123123123123123*/
    }


