/* e-Ukraine-regular 400 */
@font-face {
  font-family: 'e-Ukraine-regular';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-Ukraine-Regular.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Regular.woff') format('woff');
}

/* e-Ukraine-Bold 700 */
@font-face {
  font-family: 'e-Ukraine-Bold';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-Ukraine-Bold.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Bold.woff') format('woff');
}

/* e-Ukraine-Light 300 */
@font-face {
  font-family: 'e-Ukraine-Light';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-Ukraine-Light.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Light.woff') format('woff');
}

@font-face {
	font-family: 'Kyiv Type Sans';
	src: url('resources/fonts/KyivTypeSans-Medium.woff2') format('woff2'), url('resources/fonts/KyivTypeSans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Kyiv Type Sans';
	src: url('resources/fonts/KyivTypeSans-Heavy.woff2') format('woff2'), url('resources/fonts/KyivTypeSans-Heavy.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

html {height:100%;}
body {height:100%;overflow:hidden;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height: 1.2;color:#494949;user-select: none;background-color:#000000;}
div, p, span, h1, h2, h3, h4, ol {vertical-align: baseline;margin:0; padding:0;box-sizing: border-box;}
img{max-width:100%;vertical-align:middle;}
.blk{display:block;}
.hide{display:none;}
a {color:#3a84df;outline:none;}
a:hover {color:#b22222;}
a:focus {outline:none;}
#get-device {display:none;font-size:10px;}
.nozo {touch-action: pan-x pan-y;-webkit-touch-callout: none; -khtml-user-select: none;}


.landscape_mode{width:100%;height:100vh;background: #171717;position:fixed;overflow:hidden;top:0;left:0;bottom:0;right:0;z-index: 9999;display:none;}
.landscape_mode .wrapper {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;height: 94%;}
.landscape_mode span {font-family: 'e-Ukraine-regular';font-size: 15px;color: #fff;}
.landscape_mode img {width: 90px;margin-top: 38px;}


.intro-boss-wrapper {background: #575656 url(resources/img/bg-mobile.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;z-index: 9999;overflow: hidden;width:100%;height:100%;position:absolute;top: 0;left: 0;right:0;bottom:0;text-align:center;color:#fff;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: space-around;}
.intro-boss-wrapper:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgb(0 0 0 / 50%);z-index:1;}
.intro-creator {font-family: 'e-Ukraine-Light';font-size: 14px;z-index: 2;position: relative;opacity: 0.8;}
.intro-title-wrapper {z-index:2;position: relative;display: flex;flex-direction: column;align-items: center;flex-wrap: nowrap;justify-content: center;}
.intro-title {margin: 0 0 0 0;color: #ffffff;}
.intro-title .denotation{font-family: 'e-Ukraine-Light';font-size: 18px;}
.intro-title .name{font-size: 30px;font-family: 'Kyiv Type Sans';font-weight: 800;margin-top: 8px;width: 330px;}

.intro-button {background: #1991FF;border-radius: 4px;margin: 32px auto 0;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width: 190px;height: 48px;font-family: 'e-Ukraine-Bold';cursor: pointer;}
.intro-button span {display: block;color: #ffffff;font-size: 12px;text-transform: uppercase;line-height: 1;}

.intro-boss-wrapper .filler {margin: 0 auto 0;width: 188px;height:30px;}
.intro-button-vr {position: absolute;left: 0;right: 0;bottom: 32px;margin: 0 auto 0;width: 188px;display: flex;flex-wrap: nowrap;align-items: center;flex-direction: row;justify-content: center;z-index: 2;}
.intro-button-vr img {display:block;width: 32px;aspect-ratio: 23 / 18;}
.intro-button-vr span {display:block;font-family: 'e-Ukraine-Light';margin-left: 9px;font-size: 12px;color: #dddddd;}

.intro-lng {z-index: 2;margin-top: 42px;}
.intro-lng .wrapper {font-family: 'e-Ukraine-Bold';display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
.intro-lng .wrapper a{color:#fff;text-decoration:none;}
.intro-lng .wrapper a:hover{text-decoration:underline;}
.language-ua, .language-en {border-radius: 42px;display: flex;width: 38px;height: 38px;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;font-size: 12px;line-height: 1;}
.intro-lng .wrapper .active {border: 2px solid #fff;}

#intro_kdlogo {display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: flex-start;z-index: 1;}
#intro_kdlogo img {display: block;height: 50px;}
#intro_kdlogo .sp1 {display: block;font-size: 15px;text-align: left;margin-left: 14px;font-family: 'Kyiv Type Sans';font-weight: 800;letter-spacing: 1px;line-height: 1.1;color: #fff;}
#intro_kdlogo .sp2 {display: block;font-size: 8px;text-align: left;margin-left: 14px;margin-top: 2px;font-family: 'e-Ukraine-Light';line-height: 1;color: #fff;}

.podskazka-boss {position:absolute;top:0;left:0;bottom:0;right:0;z-index:42;width:100%;height:100%;background: #0a0a0ae3;}
.podskazka-shef {height:100%;color:#fff;text-align:center;font-size: 16px;line-height: 1.4em;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;font-family: 'e-Ukraine-regular';}
.podskazka-desktop {display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;align-items: center;}
.podskazka-desktop .move {display: flex;flex-direction: column;align-items: center;}
.podskazka-desktop .move img{display:block;width: 130px;margin-top: 38px;}
.podskazka-desktop .move span {font-family: 'e-Ukraine-Light';display: block;font-size: 15px;margin-top: 14px;}
.podskazka-boss .promt {width: 100%;font-size: 18px;font-family: 'e-Ukraine-Bold';}
.podskazka-boss .promt-ok {color: #ffffff;background: #35515e;border-radius: 4px;cursor: pointer;width: 134px;margin-top: 70px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.podskazka-boss .promt-ok span {display:block;font-family: 'e-Ukraine-Light';line-height: 1;font-size: 15px;padding: 11px 0 13px;}

.podskazka-mobile {width: 320px;display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;align-items: center;}
.podskazka-mobile .move {display: flex;flex-direction: column;align-items: center;}
.podskazka-mobile .move img{display:block;width: 98px;margin-top: 38px;margin-left: -4px;}
.podskazka-mobile .move span {font-family: 'e-Ukraine-Light';display: block;font-size: 15px;margin-top: 14px;}




/* - !!!!!!!!!!!! - - - 342 px - - - !!!!!!!!!!!! - */
@media screen and (max-width: 342px) {
.intro-creator {font-size: 13px;}
.intro-title .denotation {font-size: 16px;}
.intro-title .name {font-size: 26px;width: 300px;margin: 8px auto 0;}
.intro-button {width: 174px;height: 42px;margin: 22px auto 0;font-family: 'e-Ukraine-Light';}
.intro-lng {margin-top: 32px;}
.intro-button-vr {bottom: 28px;}
}

/* - !!!!!!!!!!!! - - - 410 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 410px) {
.intro-title .name {font-size: 32px;width: 340px;}
}

/* - !!!!!!!!!!!! - - - 480 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 480px) {
.intro-title .denotation {font-size: 22px;}
.intro-title .name {font-size: 38px;width: 410px;}
.intro-button {font-family: 'e-Ukraine-Light';width: 220px;height: 52px;}
.intro-button span {font-size: 14px;}
.intro-button-vr {bottom: 42px;}
}

/* - !!!!!!!!!!!! - - - 520 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 520px) {
.intro-button-vr {display:none;}
.intro-lng {position: fixed;bottom: 52px;}
.intro-button {margin: 42px auto 0;}
}

/* - !!!!!!!!!!!! - - - 600 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 600px) {
.intro-creator {font-size: 18px;}
.intro-title .name {font-size: 48px;width: 520px;margin-top: 12px;}
.intro-title .denotation {font-size: 26px;}
.language-ua, .language-en {width: 50px;height: 50px;font-size: 16px;}
}

/* - !!!!!!!!!!!! - - - 768 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 768px) {
.intro-lng {bottom: 72px;}
.intro-boss-wrapper .filler {height: 80px;}
.intro-button {width: 240px;height: 57px;}
.intro-button span {font-size: 15px;}
}

/* - !!!!!!!!!!!! - - - 1010 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1010px) {
#get-device {font-size:20px;}
.intro-boss-wrapper {background: #575656 url(resources/img/1280.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.intro-title .name {width: 860px;font-size: 50px;}
.intro-lng {bottom: 52px;}
.intro-button {margin: 52px auto 0;width: 248px;height: 59px;font-family: 'e-Ukraine-Bold';}
.intro-button:hover {background: #1976d2;}
.podskazka-boss .promt-ok:hover {background:#546e7a;}

#intro_kdlogo .sp2 {margin-top: 4px;}
}

/* - !!!!!!!!!!!! - - - 1280 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1280px) {
.intro-title .name {width: 940px;font-size: 52px;text-transform: uppercase;}
.intro-title .denotation {font-size: 24px;}
}

/* - !!!!!!!!!!!! - - - 1281 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1281px) {
.intro-boss-wrapper {background: #575656 url(resources/img/1440.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
}

/* - !!!!!!!!!!!! - - - 1441 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1441px) {
.intro-boss-wrapper {background: #575656 url(resources/img/1680.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
}

/* - !!!!!!!!!!!! - - - 1681 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1681px) {
.intro-boss-wrapper {background: #575656 url(resources/img/1920.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
}

/* - !!!!!!!!!!!! - - - 1920 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1920px) {
.intro-creator {font-size: 22px;}
.intro-title .name {font-size: 60px;}
.intro-title .denotation {font-size: 30px;}
.intro-button {margin: 72px auto 0;width: 300px;height: 69px;}
.intro-button span {font-size: 17px;}

#intro_kdlogo img {height: 78px;}
#intro_kdlogo .sp1 {font-size: 20px;}
#intro_kdlogo .sp2 {font-size: 11px;margin-top: 6px;}
}

/* - !!!!!!!!!!!! - - - 2400 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 2400px) {
.intro-title .name {font-size: 68px;width: 1200px;}
}

@media screen and (min-width: 960px) and (max-height: 620px) and (orientation: landscape) {
.intro-title .name {font-size: 48px;width: 660px;}
.intro-lng {bottom: 42px;}
}