body, html, div, p, img, a { margin: 0; padding: 0; border: 0; }
body { font-family: 'Roboto', sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; image-rendering: -webkit-optimize-contrast; iimage-rendering: crisp-egges; }
body { overflow: hidden; }
input { font-family: 'Roboto', sans-serif; }

#background { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #000; }

#wrap { position: absolute; top: 50%; left: 50%; width: 1200px; height: 900px; background: url('/images/general/background.jpg') center center no-repeat; transform: translate(-50%,-50%) scale(0.6666); -webkit-transform: translate(-50%,-50%) scale(0.6666); }
@media screen and (min-width: 900px) and (min-height: 675px) { #wrap { transform: translate(-50%,-50%) scale(0.75); -webkit-transform: translate(-50%,-50%) scale(0.75); } }
@media screen and (min-width: 1000px) and (min-height: 750px) { #wrap { transform: translate(-50%,-50%) scale(0.8333); -webkit-transform: translate(-50%,-50%) scale(0.8333); } }
@media screen and (min-width: 1100px) and (min-height: 825px) { #wrap { transform: translate(-50%,-50%) scale(0.9166); -webkit-transform: translate(-50%,-50%) scale(0.9166); } }
@media screen and (min-width: 1200px) and (min-height: 900px) { #wrap { transform: translate(-50%,-50%) scale(1); -webkit-transform: translate(-50%,-50%) scale(1); } }

body.on_open #wrap { display: none; }

#pre_auth  { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; overflow: hidden; }
body.on_register #pre_auth { display: block; }
#pre_auth .hover_fx { cursor: pointer; }
#pre_auth .hover_fx:hover { filter: brightness(111%) contrast(107%) saturate(111%); -webkit-filter: brightness(111%) contrast(107%) saturate(111%); }
#pre_auth .logo { background: url('/images/misc/pre-auth-logo.png') center center no-repeat; position: absolute; top: 20px; left: 20px; width: 272px; height: 141px; }
#pre_auth .mascot { background: url('/images/misc/pre-auth-mascot.png') center center no-repeat; position: absolute; top: 190px; right: 20px; width: 233px; height: 584px; }
#pre_auth .main { position: absolute; top: 230px; left: 280px; right: 280px; bottom: 230px; padding: 60px 100px; background: rgba(19,32,41,.5); border-radius: 10px; -webkit-box-shadow: inset 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 4px rgba(0,0,0,0.3); box-shadow: inset 0px 4px rgba(0,0,0,0.3); }
#pre_auth .main .block-btn { font-size: 24px; color: #fff; text-decoration: none; line-height: 64px; height: 64px; display: block; position: relative; background-color: #3f5aa5; border-radius: 15px; padding-left: 60px; margin-bottom: 5px; text-align: center; }
#pre_auth .main .block-btn:before { content: ''; background-image: url('/images/misc/icon-facebook-btn.png'); background-repeat: no-repeat; margin-top: -26px; width: 42px; height: 53px; position: absolute; left: 18px; top: 50%; }
#pre_auth .main .block-or { text-align: center; font-size: 24px; color: #87badf; overflow: hidden; position: relative; margin-bottom: 10px; text-transform: lowercase; }
#pre_auth .main .block-or:before { left: 50%; margin-left: 24px; }
#pre_auth .main .block-or:after { right: 50%; margin-right: 24px; }
#pre_auth .main .block-or:before, #pre_auth .main .block-or:after { content: ''; background-image: url('/images/misc/bgr-line-3.png'); background-repeat: repeat-x; width: 100%; height: 4px; position: absolute; top: 50%; margin-top: 0; }
#pre_auth .main .block-field { margin-bottom: 20px; }
#pre_auth .main .block-field .text-input { text-align: center; font-size: 24px; height: 34px; color: #000; background-color: #fff; border-radius: 5px; display: block; border: none; width: 420px; padding: 6px 10px; border-top: 4px solid #bdbdbd; }
#pre_auth .main .block-form-text { font-size: 20px; color: #fff; height: 20px; }
#pre_auth .main .block-form-text .text { margin-left: 10px; line-height: 30px; }
#pre_auth .main .block-form-text div { float: left; }
#pre_auth .main .block-form-text a { color: #87badf; text-decoration: none; }
#pre_auth .main .block-form-text a:hover { text-decoration: underline; }
#pre_auth .main .create-btn { position: relative; cursor: pointer; width: 440px; height: 48px; margin-top: 15px; }
#pre_auth .main .create-btn::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-radius: 8px 0; background: rgb(218,151,3); background: -moz-linear-gradient(top, rgba(218,151,3,1) 0%, rgba(209,114,0,1) 100%); background: -webkit-linear-gradient(top, rgba(218,151,3,1) 0%,rgba(209,114,0,1) 100%); background: linear-gradient(to bottom, rgba(218,151,3,1) 0%,rgba(209,114,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da9603', endColorstr='#d17200',GradientType=0 ); }
#pre_auth .main .create-btn::after { content: ''; position: absolute; top: 0; left: 0; right: 6px; bottom: 0; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-radius: 8px 0; background: rgb(249,214,1); background: -moz-linear-gradient(top, rgba(249,214,1,1) 0%, rgba(238,160,0,1) 100%); background: -webkit-linear-gradient(top, rgba(249,214,1,1) 0%,rgba(238,160,0,1) 100%); background: linear-gradient(to bottom, rgba(249,214,1,1) 0%,rgba(238,160,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d601', endColorstr='#eea000',GradientType=0 ); }
#pre_auth .main .create-btn span { position: relative; padding-right: 6px; padding-top: 4px; display: block; color: #0c0404; font-size: 24px; line-height: 41px; white-space: nowrap; text-align: center; font-weight: 700; z-index: 1; text-transform: uppercase; }
#pre_auth .main .checkbox { position: relative; cursor: pointer; width: 30px; height: 30px; border-radius: 8px; border: 2px solid #bdbdbd; -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0, .3); -moz-box-shadow: inset 0px 3px 3px rgba(0,0,0, .3)); box-shadow: inset 0px 3px 3px rgba(0,0,0, .3); background: #FFF; }
#pre_auth .main .checkbox span { display: none; font-size: 24px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-44%); transform: translate(-50%,-44%); }
#pre_auth .main .checkbox.active span { display: block; color: #00a821; }
#pre_auth .main h3 { text-transform: uppercase; color: #fff; font-size: 22px; line-height: 30px; height: 74px; position: relative; text-align: center; margin: 0; padding: 15px 0; }
#pre_auth .main h3:after { content: ''; background-image: url('/images/misc/bgr-line-3.png'); background-repeat: repeat-x; left: 0; right: 0; height: 4px; position: absolute; top: 64px; margin-top: 0; }
#pre_auth .main.step2 .create-btn { margin-top: 30px; }
#pre_auth .login { position: absolute; top: 20px; right: 20px; width: 244px; height: 118px; background: rgba(19,32,41,.5); border-radius: 10px; -webkit-box-shadow: inset 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 4px rgba(0,0,0,0.3); box-shadow: inset 0px 4px rgba(0,0,0,0.3); }
#pre_auth .login p { position: absolute; top: 17px; left: 5px; right: 5px; color: #fff; font-size: 18px; line-height: 22px; text-align: center; }
#pre_auth .login .button { position: absolute; bottom: 19px; left: 25px; right: 25px; width: auto; cursor: pointer; height: 48px; }
#pre_auth .login .button::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-radius: 8px 0; background: rgb(0,123,17); background: -moz-linear-gradient(top, rgba(0,123,17,1) 0%, rgba(0,92,12,1) 100%); background: -webkit-linear-gradient(top, rgba(0,123,17,1) 0%,rgba(0,92,12,1) 100%); background: linear-gradient(to bottom, rgba(0,123,17,1) 0%,rgba(0,92,12,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007b11', endColorstr='#005c0c',GradientType=0 ); }
#pre_auth .login .button::after { content: ''; position: absolute; top: 0; left: 0; right: 6px; bottom: 0; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-radius: 8px 0; background: rgb(0,167,33); background: -moz-linear-gradient(top, rgba(0,167,33,1) 0%, rgba(0,120,20,1) 100%); background: -webkit-linear-gradient(top, rgba(0,167,33,1) 0%,rgba(0,120,20,1) 100%); background: linear-gradient(to bottom, rgba(0,167,33,1) 0%,rgba(0,120,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a721', endColorstr='#007814',GradientType=0 ); }
#pre_auth .login .button span { position: relative; padding-right: 6px; padding-top: 4px; padding-left: 6px; display: block; color: #fff; font-size: 27px; line-height: 41px; white-space: nowrap; text-align: center; font-weight: 700; z-index: 1; text-transform: uppercase; }
#pre_auth .language { position: absolute; bottom: 20px; right: 20px; width: 250px; }
#pre_auth .language .dropdown-value-out { border: 1px solid #000; border-radius: 5px; height: 38px; line-height: 36px; position: relative; font-size: 16px; color: #fff; background-color: #101920; text-align: left; padding: 0 30px 0 12px; cursor: pointer; }
#pre_auth .language .dropdown-value-out .dropdown-value:after { content: ''; background-image: url('/images/misc/icon-select-dd.png'); background-repeat: no-repeat; width: 12px; height: 8px; position: absolute; top: 50%; right: 12px; margin-top: -3px; cursor: pointer; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
#pre_auth .language .dropdown { position: absolute; left: 0; bottom: 100%; right: 0; margin-bottom: 11px; border-radius: 5px; background: #464f5a; background: -moz-linear-gradient(top, #464f5a 0%, #7c8699 84%, #7493b2 100%); background: -webkit-linear-gradient(top, #464f5a 0%,#7c8699 84%,#7493b2 100%); background: linear-gradient(to bottom, #464f5a 0%,#7c8699 84%,#7493b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464f5a', endColorstr='#7493b2',GradientType=0 ); }
#pre_auth .language .dropdown:before { content: ''; background-color: #7493b2; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -5px; right: 18px; }
#pre_auth .language .dropdown .scroll-wrapper { height: 416px; overflow-y: scroll; overflow: hidden !important; padding: 0 !important; }
#pre_auth .language .dropdown ul { font-size: 0; margin: 0; padding: 0; list-style-type: none; }
#pre_auth .language .dropdown li { font-size: 16px; border-bottom: 1px solid #414c58; border-top: 1px solid rgba(151,164,178,.23); }
#pre_auth .language .dropdown li:first-child { border-top: none; }
#pre_auth .language .dropdown li:last-child { border-bottom: none; }
#pre_auth .language .dropdown a { color: #fff; text-decoration: none; padding: 5px 15px; display: block; text-align: left; }
#pre_auth .over_screen { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background: rgba(13,16,18,0.85); }
#pre_auth .over_screen.below { background: transparent; }
#pre_auth .popup { position: absolute; top: 50%; left: 50%; width: 750px; height: 534px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-box-shadow: 2px 3px 6px rgba(8,8,6,.6); -moz-box-shadow: 2px 3px 6px rgba(8,8,6,.6); box-shadow: 2px 3px 6px rgba(8,8,6,.6); border-radius: 8px; }
#pre_auth .popup .top { position: absolute; top: 0; left: 0; right: 0; height: 105px; border-radius: 8px 8px 0px 0px; background: rgb(46,59,70); background: -moz-linear-gradient(top, rgba(46,59,70,1) 0%, rgba(44,51,58,1) 100%); background: -webkit-linear-gradient(top, rgba(46,59,70,1) 0%,rgba(44,51,58,1) 100%); background: linear-gradient(to bottom, rgba(46,59,70,1) 0%,rgba(44,51,58,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3b46', endColorstr='#2c333a',GradientType=0 ); }
#pre_auth .popup .top::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 70%; -webkit-transform: translateX(-50%) skewX(-15deg); transform: translateX(-50%) skewX(-15deg); background: rgb(39,50,60); background: -moz-linear-gradient(top, rgba(39,50,60,1) 0%, rgba(29,36,39,1) 100%); background: -webkit-linear-gradient(top, rgba(39,50,60,1) 0%,rgba(29,36,39,1) 100%); background: linear-gradient(to bottom, rgba(39,50,60,1) 0%,rgba(29,36,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27323c', endColorstr='#1d2427',GradientType=0 ); }
#pre_auth .popup .top .title { position: absolute; left: 50%; top: 38px; width: 70%; -webkit-transform: translateX(-50%); transform: translateX(-50%); letter-spacing: 6px; font-size: 24px; font-weight: 700; color: #788189; text-transform: uppercase; text-align: center; line-height: 30px; }
#pre_auth .popup .top span.close_button { position: absolute; right: 20px; top: 50%; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; }
#pre_auth .popup .top span.close_button::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-radius: 8px 0; background: rgb(120,0,0); background: -moz-linear-gradient(top, rgba(120,0,0,1) 0%, rgba(100,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(120,0,0,1) 0%,rgba(100,0,0,1) 100%); background: linear-gradient(to bottom, rgba(120,0,0,1) 0%,rgba(100,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#780000', endColorstr='#640000',GradientType=0 );  }
#pre_auth .popup .top span.close_button::after { content: ''; position: absolute; top: 0; left: 0; right: 8px; bottom: 0; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-radius: 8px 0; background: rgb(168,0,0); background: -moz-linear-gradient(top, rgba(168,0,0,1) 0%, rgba(131,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(168,0,0,1) 0%,rgba(131,0,0,1) 100%); background: linear-gradient(to bottom, rgba(168,0,0,1) 0%,rgba(131,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80000', endColorstr='#830000',GradientType=0 );  }
#pre_auth .popup .top span.close_button span { position: absolute; left: 0px; right: 6px; top: 5px; color: #fff; font-size: 32px; line-height: 34px; white-space: nowrap; text-align: center; font-weight: 500; z-index: 1; }
#pre_auth .popup .main { position: absolute; top: 105px; left: 0; right: 0; bottom: 0; border-radius: 0px 0px 8px 8px; background: rgb(65,75,87); background: -moz-linear-gradient(top, rgba(65,75,87,1) 0%, rgba(102,126,148,1) 100%); background: -webkit-linear-gradient(top, rgba(65,75,87,1) 0%,rgba(102,126,148,1) 100%); background: linear-gradient(to bottom, rgba(65,75,87,1) 0%,rgba(102,126,148,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414b57', endColorstr='#667e94',GradientType=0 ); }
#pre_auth .popup .main .description { position: absolute; top: 17px; left: 17px; width: 666px; bottom: 17px; padding: 20px 25px; color: #fefefd; font-size: 26px; line-height: 36px; letter-spacing: 1px; font-weight: 400; text-align: center;  border-radius: 8px; -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,.3); -moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,.3)); box-shadow: inset 0px 3px 3px rgba(0,0,0,.3); background: rgb(41,52,61); background: -moz-linear-gradient(top, rgba(41,52,61,1) 0%, rgba(58,71,82,1) 100%); background: -webkit-linear-gradient(top, rgba(41,52,61,1) 0%,rgba(58,71,82,1) 100%); background: linear-gradient(to bottom, rgba(41,52,61,1) 0%,rgba(58,71,82,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29343d', endColorstr='#3a4752',GradientType=0 ); }
#pre_auth .uhoh_screen .popup { width: 700px; height: 454px; }
#pre_auth .uhoh_screen .main .description { bottom: auto; height: 202px; display: table; width: 616px; }
#pre_auth .uhoh_screen .main .description p { display: table-cell; vertical-align: middle; }
#pre_auth .uhoh_screen .button { position: absolute; bottom: 0; left: 0; right: 0; height: 70px; }
#pre_auth .recovery_success_screen .popup { width: 700px; height: 454px; }
#pre_auth .recovery_success_screen .main .description { bottom: auto; height: 202px; display: table; width: 616px; }
#pre_auth .recovery_success_screen .main .description p { display: table-cell; vertical-align: middle; }
#pre_auth .recovery_success_screen .button { position: absolute; bottom: 0; left: 0; right: 0; height: 70px; }
#pre_auth .popup .ok-btn { position: relative; cursor: pointer; width: 240px; height: 48px; margin: 0 auto; }
#pre_auth .popup .ok-btn::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-radius: 8px 0; background: rgb(218,151,3); background: -moz-linear-gradient(top, rgba(218,151,3,1) 0%, rgba(209,114,0,1) 100%); background: -webkit-linear-gradient(top, rgba(218,151,3,1) 0%,rgba(209,114,0,1) 100%); background: linear-gradient(to bottom, rgba(218,151,3,1) 0%,rgba(209,114,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da9603', endColorstr='#d17200',GradientType=0 ); }
#pre_auth .popup .ok-btn::after { content: ''; position: absolute; top: 0; left: 0; right: 6px; bottom: 0; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-radius: 8px 0; background: rgb(249,214,1); background: -moz-linear-gradient(top, rgba(249,214,1,1) 0%, rgba(238,160,0,1) 100%); background: -webkit-linear-gradient(top, rgba(249,214,1,1) 0%,rgba(238,160,0,1) 100%); background: linear-gradient(to bottom, rgba(249,214,1,1) 0%,rgba(238,160,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d601', endColorstr='#eea000',GradientType=0 ); }
#pre_auth .popup .ok-btn span { position: relative; padding-right: 6px; padding-top: 4px; display: block; color: #0c0404; font-size: 24px; line-height: 41px; white-space: nowrap; text-align: center; font-weight: 700; z-index: 1; text-transform: uppercase; }
#pre_auth .login_screen .popup { width: 564px; height: 564px; }
#pre_auth .login_screen .popup .main .description { width: 440px; padding: 40px 45px; }
#pre_auth .login_screen .block-btn { width: 380px; }
#pre_auth .login_screen .forgot-pw { font-size: 16px; line-height: 22px; cursor: pointer; display: inline-block; margin: 20px auto 0 auto; }
#pre_auth .forgot_screen .popup { width: 564px; height: 424px; }
#pre_auth .forgot_screen .popup .main .description { width: 440px; padding: 120px 45px 40px 45px; }
#pre_auth .forgot_screen .block-btn { width: 380px; }
#pre_auth .forgot_screen .forgot-info { font-size: 20px; line-height: 26px; position: absolute; top: 38px; left: 25px; right: 25px; }

#pre_game { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; overflow: hidden; }
#pre_game>div { display: none; }
body.on_auth #pre_game, body.on_preload #pre_game, body.on_init #pre_game { display: block; }

#gv_logo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('/images/general/logo-gv.png') center center no-repeat; }
#cm_logo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('/images/general/logo-cm-2019.png') center center no-repeat; }

#aff_branding { position: absolute; left: 0; right: 0; bottom: 0px; height: 200px; }
#aff_branding p { text-align: center; font-size: 17px; font-weight: 500; line-height: 30px; color: #000; text-transform: uppercase; }
#aff_branding div { margin: 10px auto 0 auto; width: 240px; height: 120px; }

#loader { position: absolute; right: 20px; bottom: 20px; width: 80px; height: 80px; background: url('/images/general/loader.png') center center no-repeat; animation: loader_rotating 1.5s linear infinite; -webkit-animation: loader_rotating 1.5s linear infinite; }
@keyframes loader_rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@-webkit-keyframes loader_rotating { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }

#the_game { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; overflow: hidden; z-index: 1; }
#the_game>div { display: none; }
body.in_game #the_game { display: block; }