@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,500|Roboto+Condensed:400,700,300&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Play&subset=latin,cyrillic);

/* НАСТРОЙКИ ТЕЛА СТРАНИЦЫ */
* {
	margin: 0;
	padding: 0;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

html {
	width: 100%;
	min-width: 100%;
    height: 100%;
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 0;
	padding: 0;
	width: 100%;
    height: 100%;
	font: 300 medium 'Roboto', Arial, sans-serif;
	color: #212121;
	overflow: hidden;
	background: url(/img/pc_mode_bg.png) center center #ECEFF1;
	}

a { color: #1565C0; }

input,
textarea,
select { font: 300 medium 'Roboto', Arial, sans-serif; -webkit-appearance: none; outline: none; }
textarea { resize: none; }
.clear { clear: both; }

/* СТИЛЬ СПЛЭШ-СКРИНА */
.Splash {
	width: 100%;
	height: 100%;
	background: url(/img/splash_bg.png) center center #3F51B5;
	}

.Splash .Logo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 190px;
	margin: -95px 0 0 -75px;
	text-align: center;
	}

.Splash .Logo img {
	width: 150px;
	height: 120px;
	margin: 0 0 20px;
	}

.Splash .Logo span {
	display: block;
	color: #fff;
	font-family: Play;
	line-height: 100%;
	}

.Splash .Logo span.Title {
	height: 30px;
	font-size: x-large;
	}

.Splash .Logo span.Slogan {
	height: 20px;
	font-size: small;
	}

/* СТИЛЬ КОРНЕВОГО БЛОКА */
.UI {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fefefe;
	overflow: hidden;
	}

/* Адаптация для компьютеров */
.UI.modePC {
	position: relative;
	max-width: 500px;
	margin: 0 auto;
	box-shadow: 0px 0px 15px 0px #999;
	}