/* -------------------------------FONTS-------------------------------- */
/* Определение шрифта для Internet Explorer */
/* (*должно* стоять первым) */
@font-face {
  font-family: GostA;
  src: url(../fonts/gost_a.ttf);
}
 
@font-face {
  font-family: Lytigapro;
  src: url(../fonts/Lytigapro.ttf);
}
 
/* Определение шрифта для других браузеров */
@font-face {
  font-family: GostA;
  src: url(../fonts/gost_a.ttf) format("opentype");
}

@font-face {
  font-family: Lytigapro;
  src: url(../fonts/Lytigapro.ttf) format("opentype");
}

/* -------------------------------BUTTONS------------------------------ */
.btn-default {
	background-color: rgba(0, 0, 0, 0);
	color: #fff;
	padding: 15px 15px;
	border: 0;
	border-bottom: 1px rgba(255, 255, 255, 0) solid;
	transition-property: border, background-color, color;
	transition-duration: 0.3s;
}

.btn-default:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #fff;
	border-bottom: 1px rgba(255, 255, 255, 1) solid;
}

.btn-hamb, .btn-hamb:active {
	background: url(../images/ico-hamb.png) center center no-repeat;
	width: 38px;
	height: 38px;
	margin-top: 6px;
	right: 0;
	transition: margin 0.2s;
}

.btn-hamb:hover {
	margin-top: 4px;
}

.btn-lg {
	font-size: 24px;
}

.nav-btn {
	display: inline;
}

/* --------------------------------MAIN-------------------------------- */
html, body {
	height: 100%;
	font-family: "GostA";
}

h1 {
	font-size: 60px;
	text-align: center;
	padding: 30px 0;
	margin: 0;
}

h2 {
	font-size: 50px;
	text-align: center;
	padding: 20px 0;
	margin: 0;
}

hr {
	margin-bottom: 55px;
}

a.disabled {
	pointer-events: none;
	opacity: 0.5;
}

/* -------------------------------HEADER------------------------------- */
.header {
	padding: 5px;
	position: relative;
}

.header .row {
	margin: 0;
}

.logo {
	color: #fff;
	font-size: 40px;
	display: inline-block;
}

.logo.col-xs-12 {
	text-align: center;
}

.logo span {
	color: #FF2F00;
}

.nav {
	padding: 0;
	display: inline-block;
}

/* -----------------------------PHOTOBLOCK----------------------------- */
.main-cont {
	min-width: 95%;
	margin: 0 auto;
	position: relative;
}

.photoblock {
	width: 100%;
	height: 100%;
	/*background: url(../images/cover-mobile.jpg) center center no-repeat;*/
	background-size: cover;
	position: relative;

    background: linear-gradient(-45deg, #120303, #3a1111, #112a3a, #4e1353);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.mask {
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	position: absolute;
}

div.title {
	width: 100%;
	font-size: 35px;
	top: 35%;
	position: absolute;
}

p.title {
	color: #fff;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}

p.title.item {
	font-size: 25px;
}

div.title.item.visible-xs {
	font-size: 25px;
}

p.title span {
	color: #FF2F00;
}

p.title-line {
	line-height: 8px;
	font-size: 12px;
	padding-bottom: 15px;
	color: rgba(255, 255, 255, 0.7);
}

div.title.hidden-xs {
	font-size: 60px;
}

.main-caret-cont {
	width: 100%;
	text-align: center;
	bottom: 10%;
	position: absolute;
	cursor: pointer;
	transition: bottom 0.2s;
}

.main-caret-cont:hover {
	bottom: 9%;
}

.main-caret {
	background: url(../images/down-caret.png) center center no-repeat;
	width: 140px;
	height: 45px;
	display: inline-block;
}

/* -------------------------------PAGES-------------------------------- */
#about,
#games,
#sites,
#contacts {
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
}

/* -------------------------------ABOUT-------------------------------- */
#about-cont {
	background-color: #f9f9f9;
}

#about .item {
	margin-bottom: 60px;
	padding: 0 10px;
}

#about .item .glyphicon {
	font-size: 80px;
	text-align: center;
	padding-bottom: 10px;
}

#about .item .glyphicon.visible-xs {
	font-size: 120px;
}

.about-item-desc {
	padding: 0;
	margin: 0;
	font-size: 25px;
	text-align: justify;
	display: inline-block;
	float: left;
}

.about-item-desc span {
	text-align: left;
}

.about-item-desc span {
	display: block;
}

.about-edu-header {
	font-size: 40px;
}

.about-edu-desc {
	font-size: 30px;
}

/* -------------------------------GAMES-------------------------------- */
.game {
	background-position: center center;
	background-size: cover;
	min-height: 100%;
}

.z-raid { background-image: url(../images/z-raid-cover-mobile.jpg?1); }
.z-raid h2 { color: #ffffff; }
.z-raid .list { background-color: rgba(255, 255, 255, 0.9); }
.merge-nums { background-image: url(../images/merge-nums-cover-mobile.jpg?1); }
.merge-nums h2 { color: #042631; }
.merge-nums .list { background-color: rgba(255, 255, 255, 0.9); }
.laborer-2 { background-image: url(../images/laborer-2-cover-mobile.jpg?1); }
.laborer-2 h2 { color: #fff; }
.soviet-slots { background-image: url(../images/soviet-slots-cover-mobile.jpg?1); }
.soviet-slots h2 { color: #1e1d1a; }
.soviet-slots .list { background-color: rgba(255, 255, 255, 0.95); }
.ocean { background-image: url(../images/ocean-cover-mobile.jpg?1); }
.ocean h2 { color: #094a71; }
.loader { background-image: url(../images/loader-cover-mobile.jpg?1); }
.loader h2 { color: #fff; }
.buntar { background-image: url(../images/buntar-cover-mobile.jpg?1); }
.buntar h2 { color: #4E4A11; }
.tower { background-image: url(../images/tower-cover-mobile.jpg?1); }
.tower h2 { color: #041B2F; }
.zombak { background-image: url(../images/zombak-cover-mobile.jpg?1); }
.zombak h2 { color: #fff; }
.zs { background-image: url(../images/zs-cover-mobile.jpg?1); }
.zs h2 { color: #fff; }

/* -------------------------------LIST--------------------------------- */
.list {
	padding: 30px 0;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 3px;
}

.list-item {
	width: 100%;
	padding: 0 0 14px 0;
	overflow: hidden;
}

.list-item .label {
	font-size: 26px;
	color: #000;
	text-align: left;
}

.list-item .value {
	font-size: 16px;
	color: #000;
	text-align: left;
	font-family: Lytigapro;
	padding-top: 7px;
	padding-bottom: 5px;
}

.list-media {
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

.video {
	width: 100%;
	font-family: Lytigapro;
	display: inline-block;
}

.video-desc {
	padding: 15px 5px 0 5px;
	font-size: 16px;
}

.video-cont {
	text-align: center;
}

/* ------------------------------CONTACTS------------------------------ */
#contacts {
	min-height: auto;
	/*background-color: #222;*/
	top: 77%;
	position: absolute;
}

#contacts h2 {
	color: #fff;
}

.contacts-cont {
	text-align: center;
	padding: 7px 0 3px 0;
}

.contacts-ico {
	margin-right: 15px;
	display: inline-block;
}

.contacts-ico:last-child {
	margin-right: 0;
	display: inline-block;
}

/* -------------------------------UTILS-------------------------------- */
.youtube-video {
	width: 100%;
	height: 350px;
}

.ico {
	width: 64px;
	height: 64px;
	background-size: cover;
	background-position: center center;
	display: inline-block;
}

.ico-vk, .ico-ok, .ico-my, .ico-poki, .ico-crazygames, .ico-linkedin, .ico-tg, .ico-ya, .ico-email { background-image: url(../images/social-icos2.png?1); background-size: 576px 128px; }

.ico-vk { background-position: 0px 0px; }
.ico-ok { background-position: -64px 0px; }
.ico-my { background-position: -128px 0px; }
.ico-poki { background-position: -192px 0px; }
.ico-crazygames { background-position: -256px 0px; }
.ico-linkedin { background-position: -320px 0px; }
.ico-tg { background-position: -384px 0px; }
.ico-ya { background-position: -448px 0px; }
.ico-email { background-position: -512px 0px; }

.ico-vk:hover { background-position: 0px -64px; }
.ico-ok:hover { background-position: -64px -64px; }
.ico-my:hover { background-position: -128px -64px; }
.ico-poki:hover { background-position: -192px -64px; }
.ico-crazygames:hover { background-position: -256px -64px; }
.ico-linkedin:hover { background-position: -320px -64px; }
.ico-tg:hover { background-position: -384px -64px; }
.ico-ya:hover { background-position: -448px -64px; }
.ico-email:hover { background-position: -512px -64px; }

p.indent1,
p.indent2 {
	padding: 0;
	margin: 0;
}

p.indent1 { text-indent: 5px; }
p.indent2 { text-indent: 10px; }

.unselectable {
	cursor: default;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.not-used {
	display: inline;
	color: #777777;
}

/* -------------------------------MEDIA-------------------------------- */
@media (min-width: 768px) {
	/* -----------------------------PHOTOBLOCK----------------------------- */
	/*.photoblock { background-image: url(../images/cover.jpg?1); }*/

	/* -------------------------------GAMES-------------------------------- */
	.game { padding-bottom: 50px; }
	.z-raid { background-image: url(../images/z-raid-cover.jpg?1); }
	.merge-nums { background-image: url(../images/merge-nums-cover.jpg?1); }
	.laborer-2 { background-image: url(../images/laborer-2-cover.jpg?1); }
	.soviet-slots { background-image: url(../images/soviet-slots-cover.jpg?1); }
	.ocean { background-image: url(../images/ocean-cover.jpg?1); }
	.loader { background-image: url(../images/loader-cover.jpg?1); }
	.buntar { background-image: url(../images/buntar-cover.jpg?1); }
	.tower { background-image: url(../images/tower-cover.jpg?1); }
	.zombak { background-image: url(../images/zombak-cover.jpg?1); }
	.zs { background-image: url(../images/zs-cover.jpg?1); }

	/* -------------------------------LIST--------------------------------- */
	.list-item .label { text-align: right; }
	.video { width: 300px; }
	.video-desc { padding-top: 0; }

	/* ------------------------------CONTACTS------------------------------ */
	#contacts {
		min-height: auto;
		top: 65%;
		position: absolute;
	}

	/* -------------------------------UTILS-------------------------------- */
	.youtube-video {
		height: 250px;
	}
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}