body,html{margin:0;padding:0;width:100%;height:100%;font-size:18px;color:#fff;line-height:1.26em;background:#000;min-width:320px}body{overflow-y:scroll!important}A,body,html,input,select,textarea{font-family:Arial,sans-serif}A{text-decoration:none;color:#fff;transition:all .2s ease 0s;outline:0}A:hover{text-decoration:underline}iframe,img,object{border:0;vertical-align:top}address,article,aside,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure,form,menu{margin:0;padding:0}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{height:60px;margin:0;padding:0 20px;font-size:16px;color:#000;border:1px solid #fff;background:#fff;box-sizing:border-box;outline:0}select{padding:0 8px}textarea{height:142px;padding:12px 20px;resize:vertical}::-webkit-input-placeholder{opacity:1}::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}:-moz-placeholder{opacity:1}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=button],input[type=reset],input[type=submit]{border:0}input[type=button],input[type=image],input[type=submit],label{cursor:pointer}table{width:100%;border-collapse:collapse;border-spacing:0;border:0}input[type=checkbox],input[type=radio]{height:auto;margin:0 5px 0 0;padding:0;position:relative;top:2px}.clear,.hr{clear:both;height:0;font-size:0;line-height:0;overflow:hidden}.clearfix:after,.clearfix:before{content:".";display:block;height:0;visibility:hidden}.clearfix:after{clear:both}
/* FONTS
========================================================================== */
@font-face {
font-family: 'IntegralCF';
src: url('../fonts/IntegralCF-ExtraBoldOblique.eot');
src: url('../fonts/IntegralCF-ExtraBoldOblique.eot?#iefix') format('embedded-opentype'),
url('../fonts/IntegralCF-ExtraBoldOblique.woff2') format('woff2'),
url('../fonts/IntegralCF-ExtraBoldOblique.woff') format('woff'),
url('../fonts/IntegralCF-ExtraBoldOblique.ttf') format('truetype'),
url('../fonts/IntegralCF-ExtraBoldOblique.svg#IntegralCF-ExtraBoldOblique') format('svg');
font-weight: 900;
font-style: italic;
font-display: swap;
}
/* COMMON
========================================================================== */
.flexible {
overflow: hidden;
}
.text_center {
text-align: center !important;
}
.cur,
.active,
.active>a {
cursor: default;
}
.dib {
display: inline-block;
}
label{
position: relative;
}
label:before{
position: absolute;
content: "";
}
.hl {
color: #00b8ff;
}
.hl-alt {
color: #00ffb4 !important;
}
/* CONTENT
========================================================================== */
.all{
min-height: 100vh;
background: #000;
overflow: hidden;
position: relative;
z-index: 1;
}
.bg_character{
position: absolute;
bottom: 0;
right: 0;
width: 800px;
height: 100%;
z-index: 10;
padding-bottom: 119%;
max-width: 30vw;
overflow: hidden;
}
.bg_character img{
position: absolute;
bottom: 0;
right: -10%;
display: block;
width: 100%;
height: auto !important;
margin: 0;
}
.background{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
opacity: 0.6;
z-index: 1;
}
/* ----- start screen ----- */
.block_start_screen{
color: #000;
max-width: 940px;
min-height: 100vh;
margin: 0 auto;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 5;
}
.block_start_screen .girl_start_screen{
position: absolute;
bottom: 0;
right: 20px;
width: 554px;
}
.block_start_screen img{
width: 100%;
max-width: 554px;
max-height: 855px;
cursor: pointer;
}
.block_start_screen_bubble{
position: absolute;
bottom: 70%;
right: 88%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 302px;
height: 227px;
text-align: center;
font-size: 19px;
line-height: 22px;
font-weight: bold;
background: url("../images/bubble.svg") left top no-repeat;
background-size: 100% 100% !important;
cursor: pointer;
padding-top: 5px;
}
.block_start_screen_buttons{
position: absolute;
bottom: 38%;
right: 88%;
width: 330px;
text-align: center;
}
.button_screen_yes{
display: block;
width: 215px;
height: 215px;
margin: 0 auto 12px auto;
padding: 0 0.2em;
text-decoration: none !important;
font-size: 24px;
font-size: calc(1.25vw + 36px);
color: #ffffff;
line-height: 215px;
font-weight: bold;
border-radius: 50%;
background: rgba(77,193,0,.85);
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.button_screen_yes:hover{
background: rgba(0,121,199,.85);
}
.button_screen_yes:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
border-radius: 50%;
background: rgba(77,193,0,.85);
-webkit-animation: pulse 1.2s ease infinite;
animation: pulse 1.2s ease infinite;
z-index: -1;
}
.button_screen_yes:hover:before{
background: rgba(0,121,199,.85);
}
@keyframes pulse{
0% {
transform: scale(1, 1);
}
50% {
opacity: 0.3;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
.button_screen_no{
color: #ffffff;
}
/* ----- content ----- */
.content {
position: relative;
z-index: 10;
}
.content-wrap{
color: #000;
max-width: 1220px;
margin: 0 auto;
text-align: center;
box-sizing: border-box;
position: relative;
width: 100%;
z-index: 2;
}
.logo{
max-width: 66%;
width: 470px;
margin: 0 auto -0.75em;
padding: 0;
position: relative;
z-index: 5;
}
.logo img{
width: 100%;
position: relative;
z-index: 1;
}
h1{
max-width: 818px;
margin: 35px auto 20px auto;
padding: 0 10px 2px 10px;
font: italic 900 40px/1 "IntegralCF", sans-serif;
color: #fff;
position: relative;
}
.txt > div.hl-alt,
h2 {
font: italic 900 50px/1 "IntegralCF", sans-serif;
font-size: calc(0.75vw + 27px);
text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 4px #000, 0 0 4px #000, 0 0 5px #000, 0 0 5px #000, 0 0 6px #000, 0 0 6px #000, 0 0 7px #000;
}
h2 {
color: #00b8ff;
margin: 0 0 0.6em 0;
}
.block_characters{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -3vh auto 3vh;
padding: 0;
max-width: 1100px;
list-style: none;
}
.block_characters li{
width: 33.33%;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.block_character{
display: block;
max-width: 396px;
position: relative;
}
.block_character .img{
position: absolute;
bottom: 30px;
width: 100%;
/*
transition: transform 0.25s ease 0s;
transform: scale(0.9);
*/
z-index: 2;
}
.block_character_1 .img{
right: -5%;
width: 100%;
}
.block_character_2 .img{
left: 50%;
width: 74%;
transform: translateX(-50%);
}
.block_character_3 .img{
left: 10%;
width: 86%;
}
/*
.block_character:hover .img{
transform: scale(1);
}
*/
.block_character .title{
position: absolute;
bottom: 5px;
left: 50%;
max-width: 350px;
padding: 0.5em 1em;
text-align: center;
font-size: calc(0.85vw + 15.6px);
font-weight: 900;
font-style: italic;
text-shadow: #000 4px 0 0, #000 3.87565px 0.989616px 0, #000 3.51033px 1.9177px 0, #000 2.92676px 2.72656px 0, #000 2.16121px 3.36588px 0, #000 1.26129px 3.79594px 0, #000 0.282949px 3.98998px 0, #000 -0.712984px 3.93594px 0, #000 -1.66459px 3.63719px 0, #000 -2.51269px 3.11229px 0, #000 -3.20457px 2.39389px 0, #000 -3.69721px 1.52664px 0, #000 -3.95997px 0.56448px 0, #000 -3.97652px -0.432781px 0, #000 -3.74583px -1.40313px 0, #000 -3.28224px -2.28625px 0, #000 -2.61457px -3.02721px 0, #000 -1.78435px -3.57996px 0, #000 -0.843183px -3.91012px 0, #000 0.150409px -3.99717px 0, #000 1.13465px -3.8357px 0, #000 2.04834px -3.43574px 0, #000 2.83468px -2.82216px 0, #000 3.44477px -2.03312px 0, #000 3.84068px -1.11766px 0, #000 3.9978px -0.132717px 0;
letter-spacing: -0.025em;
background: url("../images/button_name.png") center top no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
-webkit-transition: color 0.25s ease 0s;
-o-transition: color 0.25s ease 0s;
transition: color 0.25s ease 0s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 3;
}
.block_character:hover .title{
/* color: #35bafd; */
}
.block_character .title,
.block_character .title:hover {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.block_character .title u{
text-decoration: none;
}
.block_character .bg{
width: 100%;
position: relative;
z-index: 1;
}
.block{
margin-bottom: 1em;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.block_inn{
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
max-width: 718px;
margin: 0 auto -0.35em;
}
.txt{
color: #fff;
font-size: 33px;
font-size: calc(0.6875vw + 19.8px);
font-weight: normal;
line-height: 1;
text-shadow: 0 0 3px #000, -1px 1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000;
-webkit-touch-callout:none !important;-webkit-user-select:none !important;-khtml-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important; user-drag: none; user-select: none;-webkit-user-drag: none;-webkit-user-select: none;
}
.txt > div {
margin-bottom: 0.2em;
}
.block_access_inn .txt{
margin: 0 0 20px 0;
}
.block_character .title,
.button{
background: url("../images/button_yes_no.png") center center no-repeat transparent;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
display: inline-block;
vertical-align: top;
text-decoration: none !important;
text-align: center;
color: #fff;
font: italic 900 33px/1 "IntegralCF", sans-serif;
font-size: calc(0.6875vw + 19.8px);
padding: 0.4em 1.3em 1.3em;
text-shadow: 0 0 1px rgba(0, 31, 49, 0.9), 0 0 2px rgba(0, 31, 49, 0.8), 0 0 3px rgba(0, 31, 49, 0.7), 0 0 4px rgba(0, 31, 49, 0.3), 0 0 5px rgba(0, 31, 49, 0.3), 0 0 6px rgba(0, 31, 49, 0.3), 0 0 7px rgba(0, 31, 49, 0.3), 0 0 8px rgba(0, 31, 49, 0.3);
letter-spacing: 0.5px;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
-webkit-touch-callout:none !important;-webkit-user-select:none !important;-khtml-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important; user-drag: none; user-select: none;-webkit-user-drag: none;-webkit-user-select: none;
}
.block_character:hover .title,
.block_character .title:hover,
.button:hover{
color: #000;
text-shadow: 0 0 1px rgba(109, 202, 255, 0.3), 0 0 2px rgba(109, 202, 255, 0.4), 0 0 3px rgba(109, 202, 255, 0.5), 0 0 4px rgba(109, 202, 255, 0.9), 0 0 5px rgba(109, 202, 255, 0.9), 0 0 6px rgba(109, 202, 255, 0.9);
-webkit-filter: contrast(1.1) brightness(1.3);
filter: contrast(1.1) brightness(1.3);
}
.button:hover{
-webkit-transform: scale(1.035);
-moz-transform: scale(1.035);
-ms-transform: scale(1.035);
-o-transform: scale(1.035);
transform: scale(1.035);
}
.block_character .title.button--sm,
.button--sm {
font-size: 22px;
font-size: calc(0.4375vw + 13.6px);
padding: 0.9em 1.3em 2em;
}
.block_character .title.button--xs,
.button--xs {
font-size: 18px;
font-size: calc(0.35vw + 10.88px);
padding: 0.72em 1.04em 1.6em;
}
.button_start{
padding: 0.5em 2em 1.6em;
}
.button_yes_no{
width: 7em;
}
.block_questions{
padding: 0;
}
.block_questions .title{
color: #00b8ff;
margin: 0 0 0.25em 0;
font: italic 900 42px/1 "IntegralCF", sans-serif;
font-size: calc(0.875vw + 25.2px);
text-shadow: rgba(0, 0, 0, 0.35) 4px 0 0, rgba(0, 0, 0, 0.35) 3.87565px 0.989616px 0, rgba(0, 0, 0, 0.35) 3.51033px 1.9177px 0, rgba(0, 0, 0, 0.35) 2.92676px 2.72656px 0, rgba(0, 0, 0, 0.35) 2.16121px 3.36588px 0, rgba(0, 0, 0, 0.35) 1.26129px 3.79594px 0, rgba(0, 0, 0, 0.35) 0.282949px 3.98998px 0, rgba(0, 0, 0, 0.35) -0.712984px 3.93594px 0, rgba(0, 0, 0, 0.35) -1.66459px 3.63719px 0, rgba(0, 0, 0, 0.35) -2.51269px 3.11229px 0, rgba(0, 0, 0, 0.35) -3.20457px 2.39389px 0, rgba(0, 0, 0, 0.35) -3.69721px 1.52664px 0, rgba(0, 0, 0, 0.35) -3.95997px 0.56448px 0, rgba(0, 0, 0, 0.35) -3.97652px -0.432781px 0, rgba(0, 0, 0, 0.35) -3.74583px -1.40313px 0, rgba(0, 0, 0, 0.35) -3.28224px -2.28625px 0, rgba(0, 0, 0, 0.35) -2.61457px -3.02721px 0, rgba(0, 0, 0, 0.35) -1.78435px -3.57996px 0, rgba(0, 0, 0, 0.35) -0.843183px -3.91012px 0, rgba(0, 0, 0, 0.35) 0.150409px -3.99717px 0, rgba(0, 0, 0, 0.35) 1.13465px -3.8357px 0, rgba(0, 0, 0, 0.35) 2.04834px -3.43574px 0, rgba(0, 0, 0, 0.35) 2.83468px -2.82216px 0, rgba(0, 0, 0, 0.35) 3.44477px -2.03312px 0, rgba(0, 0, 0, 0.35) 3.84068px -1.11766px 0, rgba(0, 0, 0, 0.35) 3.9978px -0.132717px 0;
}
.block_question{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 72px;
margin: 0 0 0.35em 0;
color: #fff;
font-size: 30px;
font-size: calc(0.6875vw + 19px);
font-weight: normal;
line-height: 1;
text-shadow: -1px 1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 0 0 3px #000, 0 0 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.8), 0 0 6px rgba(0, 0, 0, 0.6), 0 0 7px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.4), 0 0 9px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.4);
}
.block_buttons{
text-align: center;
}
.block_buttons a{
margin: 0 15px;
}
.block_buttons_platform{
margin: 0;
font-size: 0;
}
.block_wait{
padding: 0 0 2em 0;
}
.block_wait h2{
margin: 0 auto 0.5em;
}
.ul_ok{
margin: 0 auto 0.5em auto;
padding: 0;
list-style: none;
}
.ul_ok li{
color: #fff;
margin: 0 0 0.4em 0;
padding: 0 0 0 2em;
text-align: left;
font-size: 26px;
transition: all 0.25s ease 0s;
text-shadow: -1px 1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 0 0 3px #000, 0 0 4px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.8), 0 0 6px rgba(0, 0, 0, 0.6), 0 0 7px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.4), 0 0 9px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.4);
position: relative;
z-index: 1;
}
.ul_ok li:before{
position: absolute;
top: -0.2em;
left: 0;
content: "";
width: 33px;
height: 30px;
background: url("../images/ico_ok.png") left top no-repeat;
background-size: 33px 30px !important;
z-index: 2;
}
.op_1, .op_2, .op_3, .op_4, .op_5{
opacity: 0;
}
.progressbar{
height: 16px;
margin: 0 auto;
padding: 12px;
border-bottom: 1px solid rgba(255,255,255,0.25);
border-radius: 16px;
box-shadow: 0 4px 4px -4px rgba(255, 255, 255, 0.4),0 -3px 3px -3px rgba(255, 255, 255, 0.25),inset 0 0 12px 0 rgba(0, 0, 0, 0.5);
position: relative;
}
.progressbar:before{
position: absolute;
top: 10px;
left: 10px;
right: 10px;
content: "";
height: 18px;
border-radius: 20px;
background: #222222;
box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.85);
border: 1px solid rgba(0,0,0,0.8);
}
.bar{
width: 0;
height: 16px;
background: #35bafd;
background: -moz-linear-gradient(top, #35bafd 0%, #02a2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35bafd), color-stop(100%,#02a2f2));
background: -webkit-linear-gradient(top, #35bafd 0%,#02a2f2 100%);
background: -o-linear-gradient(top, #35bafd 0%,#02a2f2 100%);
background: -ms-linear-gradient(top, #35bafd 0%,#02a2f2 100%);
background: linear-gradient(to bottom, #35bafd 0%,#02a2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bafd', endColorstr='#02a2f2',GradientType=0 );
border-radius:16px;
box-shadow: 0 0 12px 0 #35bafd, inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 1px 0 0 0 rgba(255, 255, 255, 0.25), inset -1px 0 0 0 rgba(255, 255, 255, 0.25);
animation: progress 7s 1 forwards;
position: relative;
overflow: hidden;
}
@keyframes progress{
0% {width: 0;}
30% {width: 30%;}
45% {width: 30%;}
100% {width: 100%;}
}
.bar:before{
position: absolute;
top: -25%;
left: -25px;
content: "";
width: 606px;
height: 150%;
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.01) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,rgba(255,255,255,0.35)), color-stop(50%,rgba(255,255,255,0.01)), color-stop(51%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.bar:after{
position: absolute;
top: 0;
right: 0;
content: "";
width: 64px;
height: 16px;
border-radius: 0 16px 16px 0;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 98%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(98%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.bar span{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 64px;
border-radius: 16px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABACAYAAAD7/UK9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdFQ0M2MzdDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdFQ0M2MzhDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyN0VDQzYzNUNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0VDQzYzNkNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoTG0pMAABr+SURBVHjavJ1nj1zX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") 0 0;
animation: sparkle 1500ms linear infinite;
opacity: 0.15;
}
@keyframes sparkle{
from {background-position: 0 0;}
to {background-position: 0 -64px;}
}
.block_congratulations{
padding: 0;
}
.block_congratulations h2{
margin: 0 0 0.25em 0;
}
.block_congratulations .txt{
margin: 0 0 1em 0;
}
.block_new_game{
box-sizing: border-box;
padding-top: 1.5em;
}
.block_new_game .button{
display: block;
margin: 0 auto 0.5em;
}
.block_new_game .button--off{
background-image: url("../images/button_off.png");
cursor: default;
}
.block_new_game .button--off:hover {
color: #fff;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
text-shadow: 0 0 1px rgba(0, 31, 49, 0.9), 0 0 2px rgba(0, 31, 49, 0.8), 0 0 3px rgba(0, 31, 49, 0.7), 0 0 4px rgba(0, 31, 49, 0.3), 0 0 5px rgba(0, 31, 49, 0.3), 0 0 6px rgba(0, 31, 49, 0.3), 0 0 7px rgba(0, 31, 49, 0.3), 0 0 8px rgba(0, 31, 49, 0.3);
-webkit-filter: none;
filter: none;
}
.block_character_one{
max-width: 818px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
width: 100%;
}
.block_character_one h1{
margin-left: -20px !important;
margin-right: -20px !important;
text-shadow: rgba(0, 0, 0, 0.35) 4px 0 0, rgba(0, 0, 0, 0.35) 3.87565px 0.989616px 0, rgba(0, 0, 0, 0.35) 3.51033px 1.9177px 0, rgba(0, 0, 0, 0.35) 2.92676px 2.72656px 0, rgba(0, 0, 0, 0.35) 2.16121px 3.36588px 0, rgba(0, 0, 0, 0.35) 1.26129px 3.79594px 0, rgba(0, 0, 0, 0.35) 0.282949px 3.98998px 0, rgba(0, 0, 0, 0.35) -0.712984px 3.93594px 0, rgba(0, 0, 0, 0.35) -1.66459px 3.63719px 0, rgba(0, 0, 0, 0.35) -2.51269px 3.11229px 0, rgba(0, 0, 0, 0.35) -3.20457px 2.39389px 0, rgba(0, 0, 0, 0.35) -3.69721px 1.52664px 0, rgba(0, 0, 0, 0.35) -3.95997px 0.56448px 0, rgba(0, 0, 0, 0.35) -3.97652px -0.432781px 0, rgba(0, 0, 0, 0.35) -3.74583px -1.40313px 0, rgba(0, 0, 0, 0.35) -3.28224px -2.28625px 0, rgba(0, 0, 0, 0.35) -2.61457px -3.02721px 0, rgba(0, 0, 0, 0.35) -1.78435px -3.57996px 0, rgba(0, 0, 0, 0.35) -0.843183px -3.91012px 0, rgba(0, 0, 0, 0.35) 0.150409px -3.99717px 0, rgba(0, 0, 0, 0.35) 1.13465px -3.8357px 0, rgba(0, 0, 0, 0.35) 2.04834px -3.43574px 0, rgba(0, 0, 0, 0.35) 2.83468px -2.82216px 0, rgba(0, 0, 0, 0.35) 3.44477px -2.03312px 0, rgba(0, 0, 0, 0.35) 3.84068px -1.11766px 0, rgba(0, 0, 0, 0.35) 3.9978px -0.132717px 0;
}
.block_character_one .img{
width: 100%;
max-width: 380px;
margin: 0 auto;
border-radius: 2em;
}
.progressbar_2{
max-width: 600px;
margin: 0 auto 51px auto;
}
.block_create_account{
padding: 0.5em 0 0 0;
}
.block_create_account h2{
margin-bottom: 0.25em;
}
.block_create_account .txt{
font-size: calc(0.75vw + 14.6px);
margin: 0 auto 0.5em;
}
.block_form iframe{
width: 1px;
min-width: 100%;
height: 430px;
}
/* ----- preload_bg ----- */
.preload_bg{
position: absolute;
top: -1000em;
left: -1000em;
background-repeat: no-repeat;
}
.preload_bg {
background-image: url("../images/bg_character.png"), url("../images/bgs/bg-2.jpg"), url("../images/img_character_1.png"), url("../images/img_character_2.png"), url("../images/img_character_3.png"), url("../images/character_1_bg.png"), url("../images/character_2_bg.png"), url("../images/character_3_bg.png");
}
.bg--1 .background,
.background {
background: url("../images/bgs/bg-1.jpg") no-repeat center center transparent;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity: 0.16;
}
.bg--2 .background,
.bg--1 .preload_bg {
background-image: url("../images/bgs/bg-2.jpg");
}
.bg--3 .background,
.bg--2 .preload_bg {
background-image: url("../images/bgs/bg-3.jpg");
}
.bg--4 .background,
.bg--3 .preload_bg {
background-image: url("../images/bgs/bg-4.jpg");
}
.bg--5 .background,
.bg--4 .preload_bg {
background-image: url("../images/bgs/bg-5.jpg");
}
.bg--6 .background,
.bg--5 .preload_bg {
background-image: url("../images/bgs/bg-6.jpg");
}
.multibutton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.multibutton .button {
flex: 0 1 auto;
min-width: 33%;
width: auto;
margin: 0 auto;
}
.multibutton--sm .button {
font-size: calc(0.625vw + 14px);
}
.video-player,
.block-video {
display: block;
margin: 0 auto;
max-width: 100%;
width: 640px;
}
.block-video {
display: block;
overflow: hidden;
height: 0;
margin-bottom: 1em;
max-width: 100%;
padding-bottom: 28vh;
}
.video-player {
-webkit-box-shadow: 0 0 1em -0.11em #000, 0 0 2em -0.4em rgba(0, 0, 0, 0.9), 0 0 2.5em -0.4em rgba(0, 0, 0, 0.9);
box-shadow: 0 0 1em -0.11em #000, 0 0 2em -0.4em rgba(0, 0, 0, 0.9), 0 0 2.5em -0.4em rgba(0, 0, 0, 0.9);
height: auto;
width: 100%;
}
.block-video.block-video--portrait {
height: auto;
padding-bottom: 0;
width: 320px;
}
.footer {
position: relative;
padding-left: 23%;
padding-right: 23%;
}
.hud {
display: block;
text-align: center;
max-width: 100%;
margin: auto;
}
.hud__item {
display: inline-block;
}
.hud__item--control {
position: relative;
z-index: 11;
}
.hud__item--character {
position: absolute;
left: 0;
text-align: center;
width: 27%;
}
.hud__item img {
display: inline-block;
max-width: 100%;
}
.hud__item.hud__item--character img {
display: inline-block;
max-width: 60%;
}
/* ==========================================================================
MEDIA QUERIES
========================================================================== */
@media screen and (min-width: 1401px){
.hud__item--control {
position: relative;
left: -2.5em;
}
}
@media screen and (max-width: 1400px){
.footer {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 1180px){
.hud__item--character,
.bg_character {
display: none !important;
}
.block_characters{
margin: 0 0 58px 0;
}
.block_character .title u {
display: none;
}
}
@media screen and (max-width: 1040px){
.block_characters{
margin: 0 0 1em 0;
}
}
@media screen and (max-width: 1023px){
.preload_bg {
background-image: url("../images/bg_character.png"), url("../images/bgs/bg-mobile-2.jpg"), url("../images/img_character_1.png"), url("../images/img_character_2.png"), url("../images/img_character_3.png"), url("../images/character_1_bg.png"), url("../images/character_2_bg.png"), url("../images/character_3_bg.png");
}
.bg--1 .background,
.background {
background-image: url("../images/bgs/bg-mobile-1.jpg");
}
.bg--2 .background,
.bg--1 .preload_bg {
background-image: url("../images/bgs/bg-mobile-2.jpg");
}
.bg--3 .background,
.bg--2 .preload_bg {
background-image: url("../images/bgs/bg-mobile-3.jpg");
}
.bg--4 .background,
.bg--3 .preload_bg {
background-image: url("../images/bgs/bg-mobile-4.jpg");
}
.bg--5 .background,
.bg--4 .preload_bg {
background-image: url("../images/bgs/bg-mobile-5.jpg");
}
.bg--6 .background,
.bg--5 .preload_bg {
background-image: url("../images/bgs/bg-mobile-6.jpg");
}
}
@media screen and (max-width: 980px){
h1{
margin: 0.2em auto 0.5em;
font-size: 28px;
}
h2{
font-size: 28px;
font-size: calc(1.875vw + 28px);
}
.block_characters li{
padding: 0;
}
.block_character .title{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.txt{
font-size: 15px;
font-size: calc(1.6875vw + 16px);
}
.block_questions{
padding: 0;
}
.block_question{
margin: 0 0 1em 0;
}
.block_buttons{
margin: 0 -10px;
}
.block_buttons a{
margin: 0;
}
.block_buttons_platform{
margin: -15px auto 0 auto;
}
.button_platform{
width: 100px;
}
.block_wait{
padding: 0 0 1.5em 0;
}
.block_wait h2{
margin: 0 auto 0.5em;
}
.ul_ok li{
font-size: 20px;
padding-left: 2.5em;
}
.ul_ok li:after{
top: -3px;
width: 30px;
height: 27px;
background-size: 30px 27px !important;
}
.block_congratulations .txt {
margin: 0 auto 0.5em;
font-size: 1.05em;
line-height: 1.2;
letter-spacing: 0.05em;
}
.block_create_account{
padding: 20px 0 0 0;
}
.block_create_account h2{
margin: 0 0 15px 0;
}
.block_congratulations .txt {
margin: 0 auto 0.5em;
font-size: 1.05em;
}
}
@media screen and (min-width: 768px){
.hud__item--control .mobile {
display: none;
}
.all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
z-index: 10;
}
.footer {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
}
@media screen and (max-width: 767px){
.logo{
width: 240px;
}
.hud__item--control {
left: auto;
}
.hud__item--control .desk {
display: none;
}
.block {
padding-left: 2%;
padding-right: 2%;
}
}
@media screen and (max-width: 580px){
.block_character_one .img{
max-width: 240px;
}
}
@media screen and (max-width: 480px){
.block_character_one .img{
max-width: 180px;
}
.block_character .title.button--sm, .button--sm {
padding: 0.9em 0.6em 2em;
min-width: 6em;
}
}