body {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		overflow: hidden;
		user-select: none;
	}

	#animation_container,
	#_preload_div_ {
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}

	#loader0 {
		position: absolute;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#loader1 {
		margin-top: 120px;
		width: 100px;
		height: 4px;
		border-radius: 2px;
		background-color: #656565;
	}

	#loader2 {
		width: 0px;
		height: 4px;
		border-radius: 2px;
		background-color: #008BD9;
	}


	/* montserrat-regular - cyrillic_cyrillic-ext_latin */
	@font-face {
		font-display: swap;
		/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		src: url('../fonts/montserrat-v30-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2');
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/* montserrat-700 - cyrillic_cyrillic-ext_latin */
	@font-face {
		font-display: swap;
		/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		src: url('../fonts/montserrat-v30-cyrillic_cyrillic-ext_latin-700.woff2') format('woff2');
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	@font-face {
		font-display: swap;
		/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 900;
		src: url('../fonts/montserrat-v30-cyrillic_cyrillic-ext_latin-900.woff2') format('woff2');
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/*-------------------*/

	#bottom {
		position: absolute;
		background-image: url(../himages/bottom.png);
		background-position: center bottom;
		background-size: contain;
		background-repeat: no-repeat;

		display: flex;
		align-items: center;
		justify-content: center;

		opacity: 0;
		transition: opacity 1s ease;
	}

	#bottomTxt {
		width: 1300px;
		font-size: 28px;
		font-family: 'Montserrat';
		font-weight: 700;
		color: white;
		text-align: center;
		line-height: 1.5;
		white-space: pre-wrap;
		visibility: hidden;
	}

	.char {
		opacity: 0;
		display: inline-block;
		animation: fadeIn 0.3s forwards;
	}

	#help {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		transition: opacity 1s ease;
		background-color: rgba(0, 0, 0, 0.8);
		opacity: 0;
		box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
	}

	#help-dino{
		position: absolute;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	#help-close {
		position: absolute;
		background-image: url(../himages/close.png);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	@keyframes fadeIn {
		to {
			opacity: 1;
		}
	}

	.btn {
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		transition: transform 0.1s ease-in-out;
		flex-shrink: 0;
	}

	.btn:active {
		transform: scale(0.9);
	}

	.help-img {
		position: absolute;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.bg {
		position: absolute;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;

		min-width: 100vw;
		min-height: 100vh;
	}

	#top {
		position: absolute;
		opacity: 0;
		display: flex;
		transition: opacity 1s ease;
	}

	.top-btns {
		flex: 0 0 auto;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}


	#top-snd {
		width: 68px;
		height: 68px;
		margin-left: 4px;

		display: none;
	}

	.top-snd-off {
		background-image: url(../himages/sndoff.png);
	}

	.top-snd-on {
		background-image: url(../himages/snd.png);
	}


	#top-help {
		width: 68px;
		height: 68px;
		background-image: url(../himages/help.png);
		margin-left: 8px;
	}

	#top-reset {
		width: 68px;
		height: 68px;
		background-image: url(../himages/reset.png);
		margin-left: 8px;
	}


	#top-back {
		width: 68px;
		height: 68px;
		background-image: url(../himages/back.png);
		margin-left: 4px;
		margin-right: 4px;
	}

	#top-info {		
		width: 68px;
		height: 68px;
		background-image: url(../himages/info.png);
		margin-left: 8px;
	}


	#top-gap {
		flex-grow: 1;
	}

	#top-right {
		display: flex;
	}

	#top-hint {
		width: 160px;
		height: 68px;
		background-image: url(../himages/hint.png);
		margin-right: 8px;
		opacity: 1;
		transition: opacity 1s ease;
	}

	#top-fin {
		width: 207px;
		height: 68px;
		background-image: url(../himages/fin.png);
		margin-right: 8px;
		transition: opacity 1s ease;
	}

	#top-reg {
		width: 268px;
		height: 68px;
		background-image: url(../himages/reg.png);
		margin-right: 8px;
		opacity: 0;
		transition: opacity 1s ease;
	}

	#top-lev {
		width: 299px;
		height: 68px;
		background-image: url(../himages/lev.png);
		margin-left: 8px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		transition: opacity 1s ease;
	}

	.top-next {
		margin-left: 8px;
		transition: opacity 1s ease;
	}

	.top-lev-num {
		width: 56px;
		height: 56px;
		margin-right: 8px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 40px;
		font-family: 'Montserrat';
		font-weight: 700;
	}

	.top-lev-num-p {
		background-image: url(../himages/levp.png);
		color: white;
	}

	.top-lev-num-a {
		background-image: url(../himages/leva.png);
		color: #E7410F;
	}

	#win {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 100%;
		transition: opacity 1s ease;
		background-color: rgba(0, 0, 0, 0.8);
		opacity: 0;
		box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
	}

	.win-img {
		position: absolute;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}


	.win-close {
		position: absolute;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}


	#orientationWindow {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		min-width: 100vw;
		min-height: 100vh;

		background-color: #FCF7EF;
		font-size: 40px;
		text-align: center;

		display: none;
		/*display: flex;*/
		justify-content: center;
		align-items: center;
	}

	#orientationWindow_pic {
		width: 80%;
		height: 80%;
		background-image: url(../himages/orw.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

	/*----win html----*/
	#win-img-h {
		position: absolute;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	#win-cont {
		position: absolute;
		/*background-color: #008BD9;*/
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#win-cont-txt1 {
		font-size: 66px;
		color: #fff;
		font-family: 'Montserrat';
		font-weight: 900;

		margin-bottom: 20px;
	}

	#win-cont-txt2, #win-cont-txt2f {
		color: #fff;
		font-size: 28px;
		font-family: 'Montserrat';
		font-weight: 700;
		text-align: center;
		margin-bottom: 40px;
	}

	#win-cont-btns {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#win-cont-btns-b1 {
		width: 341px;
		height: 92px;

	}

	#win-cont-btns-b2 {
		width: 220px;
		height: 92px;
		margin-right: 10px;
	}

	#win-cont-btns-b3 {
		width: 220px;
		height: 92px;
		margin-left: 10px;

		pointer-events: none;
		opacity: 0.5;
		transition: opacity 1s ease;
	}

	.win-cont-btns {
		font-size: 22px;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;

		background-color: #fff;
		border-radius: 24px;

		display: flex;
		justify-content: center;
		align-items: center;
		text-transform: uppercase;
	}

	#info {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		transition: opacity 1s ease;
		opacity: 0;
		background-color: rgba(0, 0, 0, 0.4);		
		box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		
	}


	#info-close {
		position: absolute;
		background-image: url(../himages/infoexit.png);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.info-img {
		position: absolute;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}