* { margin:0; padding:0; box-sizing:border-box; font-family:"Noto Sans",Arial,sans-serif; }

body:after {
	content:" ";
	display:block;
	position:absolute;
	width:1px;
	height:100%;
	top:0;
	left:50%;
	background:#ececec;
}

/* main */
	.main {
		width:100%;
		height:100vh;
		display:block;
		position:relative;
		overflow:hidden;
		z-index:10;
		background:url("../img/main_bg.jpg") 50% 50% no-repeat;
		background-size:cover;
	}

	.main__logo {
		width:121px;
		height:46px;
		background:url("../img/logo.png");
		display:block;
		position:fixed;
		z-index:50;
		top:50px;
		right:40px;
	}

	.main__menu-link {
		width:100px;
		height:100%;
		display:flex;
		position:fixed;
		top:0;
		left:0;
		border-right:1px solid rgba(255,255,255,0.3);
		z-index:50;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		text-align:center;
		align-items:center;
	}

	.main__menu-link__cnt {
		width:100%;
		position:relative;
	}
	
	.main__menu-link__cnt p {
		font-family:"BigNoodleTitlingCyr";
		font-size:16px;
		letter-spacing:3px;
		text-align:center;
	}

	.main__menu-burger {

	}

	.main__list {
		width:100px;
		height:100%;
		display:flex;
		position:fixed;
		top:0;
		right:0;
		border-left:1px solid rgba(255,255,255,0.3);
		z-index:50;
		color:#fff;
		align-items:center;
	}

	.main__list__cnt {
		position:relative;
	} 

	.main__list__item {
		display:block;
		position:relative;
		width:3px;
		height:50px;
		background:#fff;
		margin:12px 0 12px -2px;
		transition:0.4s all ease;
	}

	.main__list__item:after {
		content:" ";
		display:block;
		position:absolute;
		width:5px;
		left:-1px;
		bottom:0;
		background:#e1ac00;
		z-index:5;
		height:0;
		transition:0.5s ease all;
	}

	.main__list__item.active:after {
		height:100%;
	}

	.main__list__scroll {
		display:block;
		position:absolute;
		background:url("../img/scroll-icon.png") 0 50% no-repeat;
		bottom:40px;
		font-family:"BigNoodleTitlingCyr";
		font-size:14px;
		padding:10px 0 10px 30px;
		letter-spacing:3px;
		margin-left:-9px;
	}

	.main__item {
		width:100%;
		height:100%;
		display:flex;
		position:absolute;
		top:0;
		left:0;
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-size:cover;
		align-items:center;
	}

	.main__item:after {
		content:" ";
		width:1px;
		height:100%;
		display:block;
		position:absolute;
		top:0;
		left:50%;
		opacity:0.3;
		background:#fff;
	}

	.main__item[rel-id="1"] {
		background-image:url("../img/main_bg_1.jpg");
	}

	.main__item[rel-id="2"] {
		background-image:url("../img/main_bg_2.jpg");
		display:none;
	}

	.main__item[rel-id="3"] {
		background-image:url("../img/main_bg_3.jpg");
		display:none;
	}

	.main__item__title {
		width:100%;
		max-width:640px;
		margin-top:35px;
		left:50%;
		transform:translate(-50%);
		position:absolute;
		z-index:50;
	}

	.main__item__title h1 {
		color:#fff;
		font-size:72px;
		letter-spacing:7px;
		font-family:"BigNoodleTitlingCyr";
		font-weight:400;
		text-align:center;
		margin-bottom:25px;
	}

	.main__item__title p {
		color:#fff;
		font-size:18px;
		text-align:center;
	}

	.main__item__info {
		display:block;
		position:absolute;
		width:250px;
		bottom:35px;
		left:50%;
		transform:translate(-50%);
	}

	.main__item__info__text {
		text-align:center;
		display:block;
		margin-bottom:10px;
		color:#fff;
		font-size:18px;
	}

	.main__item__info__btn {
		width:200px;
		height:50px;
		padding:14px;
		border:3px solid #e1ac00;
		border-radius:25px;
		text-transform:uppercase;
		color:#fff;
		text-decoration:none;
		text-align:center;
		display:block;
		font-family:"BigNoodleTitlingCyr";
		margin:0 auto;
		font-size:18px;
		letter-spacing:3px;
	}

	.main__item__pics__cnt {
		position:relative;
		height:500px;
	}

	.main__item__pics {
		width:430px;
		position:relative;
		margin:0 auto;
		height: 585px;
    	padding-bottom: 150px;
	}

	.main__item__pics__person {
		display:block;
		margin: 25% 0 0 13%;
	}

	.main__item__pics__letter {
		display:block;
		position:absolute;
	    top: 32%;
		left:50%;
		margin-left: 6%;
		z-index:5;
	}

	.main__item__texts {
		width:100%;
		position: absolute;
    	/*margin-top: -18%;*/
    	top: 341px;
		z-index:10;
	}

	.main__item__texts__name {
		text-align:center;
		text-shadow:0 0 10px #666;
	}

	.main__item__texts__name span {
		display:inline-block;
		vertical-align:middle;
		color:#fff;
		text-transform:uppercase;
		margin:0 5px;
		font-family:"BigNoodleTitlingCyr";
		font-size:61px;
	}

	.main__item__texts__type {
		text-align:center;
		text-shadow:0 0 10px #666;
		margin-top: -6px;
	}

	.main__item__texts__type span {
		display:inline-block;
		vertical-align:middle;
		color:#fff;
		text-transform:uppercase;
		margin: 0 3px;
		font-family:"BigNoodleTitlingCyr";
		font-size:31px;
	}

	/* article expat, tourist */
		.article__intro--expat .main__item__texts__name span,
		.article__intro--tourist .main__item__texts__name span {
			font-size:94px;
			margin:0 10px;
		}

		.article__intro--expat .main__item__texts__type,
		.article__intro--tourist .main__item__texts__type {
			margin-top: -42px;
		}

		.article__intro--expat .main__item__pics__person,
		.article__intro--tourist .main__item__pics__person {
	    	margin: -14px 0 0 17px;
		}

		.article__intro--expat .main__item__pics__letter,
		.article__intro--tourist .main__item__pics__letter {
			top: 92px;
    		margin-left: 36px;
		}
	/* article expat, tourist */

/* main */


/* article */
	.article {
		width:100%;
		display:block;
		position:relative;
	    /*padding-bottom:50px;*/
		z-index: 10;
	}

	.article-content {
		width:100%;
		max-width:1407px;
		display:block;
		position:relative;
		margin:0 auto;
		padding:0 121px;
	}

	.main__logo--article {
		background:url("../img/logo.png");
		position:fixed;
		left: calc(100vw / 2 + 509px);
		z-index:90;
	}

	.main__logo--article.active {
		background:url("../img/logo-color.png");
	}

	/* menu */
		.article__intro__menu-btn {
			width:100px;
			height:100vh;
			margin-left:-100px;
			display:flex;
			position:absolute;
			align-items:center;
			top:0;
		}

		.article__intro__menu-btn > div {
			width:100%;
		}

		.article__intro__menu-btn__burger {

		}

		.article__intro__menu-btn p {
			font-family:"BigNoodleTitlingCyr";
			font-size:16px;
			letter-spacing:3px;
			text-align:center;
		}

		.article__intro__menu-back {
			width:140px;
			display:block;
			position:fixed;
			top:50%;
			transform:translate(0, -50%);
			z-index:40;
			left:calc(100vw / 2 - 709px);
		}

		.article__intro__menu-back:after {
			content:" ";
			width:1px;
			height:120vh;
			display:block;
			top:-55vh;
			background:#e4e4e4;
			position:absolute;
			left:118px;
			opacity:0.3;
		}

		.article__intro__menu-back__link {
			display:flex;
			position:relative;
			align-items:center;
			color:#000;
			text-decoration:none;
			justify-content:flex-end;
			z-index:10;
		}

		.article__intro__menu-back__text {
			font-family:"BigNoodleTitlingCyr";
			font-size:16px;
			letter-spacing:3px;
			text-align:center;
			color:#fff;
		}

		.article__intro__menu-back__text.active {
			color:#000;
		}

		.article__intro__menu-back__icon {
			width:40px;
			height:40px;
			/*background:#fff;*/
			border:2px solid #cd5599;
			margin-left:13px;
			color:#e1ac00;
			transition:0.4s ease all;
			display:inline-block;
			background-image:url("../img/game/article-icons.png");
			background-position: -3px -1px;
		}

		.article__intro__menu-back__link:hover .article__intro__menu-back__icon {
			background-color:#cd5599;
			color:#fff;
			background-position: -3px -41px;
		}

		.article__intro__menu-back__link:hover .article__intro__menu-back__text {
			color:#cd5599;
		}

		.article__intro__menu-between {
			display:block;
			position:fixed;
			z-index:5;
			width:140px;
			top:50%;
			transform:translate(0, -50%);
			z-index:40;
			left:calc(100vw / 2 + 555px);
		}

		.article__intro__menu-between:after {
			content:" ";
			width:1px;
			height:120vh;
			display:block;
			top:-55vh;
			background:#e4e4e4;
			opacity:0.3;
			position:absolute;
			left:18px;
		}

		.article__intro__menu-between__link {
			width:100%;
			display:flex;
			position:relative;
			align-items:center;
			text-decoration:none;
			margin-bottom:8px;
			z-index:10;
			color:#fff;
		}

		.article__intro__menu-between__icon {
			width:40px;
			height:40px;
			/*background-color:#fff;*/
			border:2px solid #cd5599;
			margin-right:13px;
			color:#e1ac00;
			transition:0.4s ease all;
			background-image:url("../img/game/article-icons.png");
			
		}

		.article__intro__menu-between__link:hover .article__intro__menu-between__icon {
			background-color:#cd5599;
			color:#fff;
		}

		.article__intro__menu-between__link--left .article__intro__menu-between__icon {
			background-position: -42px -2px;
		}

		.article__intro__menu-between__link--left:hover .article__intro__menu-between__icon {
			background-position: -42px -42px;
		}

		.article__intro__menu-between__link--right .article__intro__menu-between__icon {
			background-position: -83px -1px;
		}

		.article__intro__menu-between__link--right:hover .article__intro__menu-between__icon {
			background-position: -83px -41px;
		}

		.article__intro__menu-between__link--game .article__intro__menu-between__icon {
			border-color:#1e9bdf;
			background-image:url("../img/article-win-icon.png");
			background-position: -4px 0px;
		}

		.article__intro__menu-between__link--game:hover .article__intro__menu-between__icon {
			background-color:#1e9bdf;
			background-position: -4px -41px;
		}

		.article__intro__menu-between__link--game {
		    position: fixed;
   			top: 45vh;
   		}

		.article__intro__menu-between__link--game .article__intro__menu-between__text {
			line-height:1em;
		}

		.article__intro__menu-between__text {
			color:#fff;
			font-family:"BigNoodleTitlingCyr";
			letter-spacing:3px;
			font-size:14px;
		}

		.article__intro__menu-between__text.active {
			color:#000;
		}

		.article__intro__menu-between__link:hover .article__intro__menu-between__text {
			color:#cd5599;
		}

		.article__intro__menu-between__link--game:hover .article__intro__menu-between__text {
			color:#1e9bdf;
		}

		.article__item__scroll {
			padding:0 0 0 30px;
			background:url("../img/scroll-icon.png") 0 50% no-repeat;
		}
	/* menu */

	/* intro */
		.article__intro--local {
			background:url("../img/article_local_bg.jpg") 50% 50% no-repeat;
			background-size:cover;
		}

		.article__intro--expat {
			background:url("../img/article_expat_bg.jpg") 50% 50% no-repeat;
			background-size:cover;
		}

		.article__intro--tourist {
			background:url("../img/article_tourist_bg.jpg") 50% 50% no-repeat;
			background-size:cover;
		}

		.article__intro-content {
			width:100%;
			max-width: 1407px;
			height:100vh;
			position:relative;
			display:flex;
			align-items:center;
			margin:0 auto;
			padding:0 140px;
		}

		.article__intro {
			width:100%;
			height:100vh;
			display:block;
			position:relative;
		}

		.article__intro--tourist .main__item__pics__letter {
			top:111px;
		}

		/* .main__item__pics--article .main__item__pics__person {
			height:60%;
		} */

		.article__intro--local .main__item__pics--article .main__item__pics__person {
			margin: 5% 0 0 -13%;
		}

		.main__item__pics--article .main__item__texts {
			position:absolute;
			margin-top:0;
			top:60%;
			width: 110%;
			left:-5%;
		}

		.main__item__pics--article .main__item__texts span {
			text-shadow:0 0 10px #999;
		}

		.article__intro--local .main__item__texts__name span {
			font-size: 140px;
			letter-spacing:12px;
		}

		.main__item__pics--article .main__item__texts__type span {
			font-size:61px;
		}			

		.article__item__title {
			width:100%;
			max-width:640px;
			margin-top:35px;
			top:0;
			left:50%;
			display:block;
			transform:translate(-50%);
			position:absolute;
			z-index:50;
		}

		.article__item__title h1 {
			color:#fff;
			font-size:72px;
			letter-spacing:7px;
			font-family:"BigNoodleTitlingCyr";
			font-weight:400;
			text-align:center;
			margin-bottom:25px;
		}

		.article__item__title h1 a {
			font-family:inherit;
			text-decoration:none;
			color:inherit;
		}

		.article__item__title p {
			color:#fff;
			font-size:18px;
			text-align:center;
		}

		.main__item__info--article {
			width:100%;
			max-width:700px;
			position:absolute;
			bottom:50px;
			left:50%;
			transform:translate(-50%);
		}

		.main__item__info--article .main__item__info__text {
			color:#fff;
		}

		.article__item__scroll {
			width:86px;
			display:block;
			font-size:16px;
			letter-spacing:2px;
			color:#fff;
			padding:20px 0 20px 40px;
			font-family:"BigNoodleTitlingCyr";
			margin:0 auto;
			animation:scrollAnim 2s linear infinite;
		}

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

		/* animation */
			.main__item__pics--article .main__item__pics__person {
				transform: translate(0, -5%);
				transition:0.7s ease all;
			}

			.main__item__pics--article .main__item__pics__letter {
				transform: translate(5%, 0);
				transition:0.7s ease all;
			}

			.main__item__pics--article .main__item__texts__name span,
			.main__item__pics--article .main__item__texts__type span {
				height:0;
				overflow:hidden;
				transition:0.35s ease all;
			}
		/* animation */
	/* intro */

	.article-block {
		width:100%;
		display:block;
		position:relative;
		overflow:hidden;
	}

	.article-block__letter {
		display:block;
		position:absolute;
		top:-40px;
		left:0;
	}

	.article-block__first-pic {
		width:100%;
		display:block;
		position:relative;
	}

	.article-block__row {
		width:100%;
		display:flex;
		position:relative;
		/*overflow:hidden;*/
		z-index:10;
	}

	.article-block__half-block {
		width:51%;
		display:flex;
		position:relative;
		align-items:center;
		padding:70px 41px;
		z-index:2;	
	}

	.article-block__half-block--no-pad {
		padding:0;
		overflow:hidden;
	}

	.article-block__half-block--white {
		margin-top:-68px;
		background:#fff;
	}

	.article-block__row a {
		font-weight:700;
		color:#1e9bdf;
		text-decoration:none;
	}

	.article-block__half-block p {
		margin-bottom:30px;
		font-size:14px;
		line-height:1.6em;
	}

	.article-block__half-block p:last-child {
		margin-bottom:0;
	}

	.article-block__half-block--colored {
		padding:80px 55px;
		z-index:1;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8329b+0,175c82+100 */
		background: #e8329b; /* Old browsers */
		background: -moz-linear-gradient(top, #e8329b 0%, #175c82 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #e8329b 0%,#175c82 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #e8329b 0%,#175c82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8329b', endColorstr='#175c82',GradientType=0 ); /* IE6-9 */
	}

	.article-block__half-block--colored p {
		color:#fff;
		font-size:24px;
		line-height:1.6em;
		font-family:"BigNoodleTitlingCyr";
		text-transform:uppercase;
		margin-bottom:0;
		letter-spacing: 1px;
	}

	.article-block__half-block__pic {
		/*min-width:100%;*/
		min-height:100%;
		display:block;
		position:relative;
	}

	.article-block__half-block--colored-up {
		margin-top:-75px;
		padding:80px 55px;
		z-index:1;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8329b+0,175c82+100 */
		background: #e8329b; /* Old browsers */
		background: -moz-linear-gradient(top, #e8329b 0%, #175c82 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #e8329b 0%,#175c82 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #e8329b 0%,#175c82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8329b', endColorstr='#175c82',GradientType=0 ); /* IE6-9 */
	}

	.article-block__half-block--colored-up p {
		color:#fff;
		font-size:24px;
		line-height:1.6em;
		margin:0;
		font-family:"BigNoodleTitlingCyr";
	}

	.article-block__half-block h3 {
		color:#1e9bdf;
		font-size:36px;
		margin:0 0 30px;
		font-family:"BigNoodleTitlingCyr";
		font-weight:400;
		letter-spacing:2px;
	}

	.article-block__half-block h4 {
		color:#1e9bdf;
		font-size:24px;
		margin-top:0;
		margin-top:-25px;
		margin-bottom:30px;
		font-family:"BigNoodleTitlingCyr";
		font-weight:400;
		letter-spacing:2px;
	}

	.article-block__half-block--colored p.article-block__half-block__huge-text {
		font-size:36px;
		line-height:1.6em;
	}

	@media screen and (max-width:1423px) {
		.main__logo--article {
			left:auto;
			right: 66px;
		}

		.article__intro__menu-back {
			left:2px;
		}

		.article__intro__menu-between {
			left:auto;
			right:0;
		}
	}

	@media screen and (max-height:820px) {
		.article__item__title h1 {
			line-height:1em;
			margin-bottom: 15px;
		}

		.main__item__info.main__item__info--article {
			bottom:10px;
		}

		.main__item__pics--article {
			transform:scale(0.8);
			margin-bottom:-35px;
		}
	}


	@media screen and (max-height:700px) {
		.article__item__title h1 {
			font-size:60px;
		}

		.article__item__title p {
			font-size:16px;
		}

		.main__item__info--article .main__item__info__text {
			font-size:16px;
		}

		.main__item__pics--article {
			transform:scale(0.6);
			margin-bottom:-10px;
		}
	}
/* article */

/* article footer */
	.article-footer-wrapper {
		width:100%;
		height:530px;
		display:block;
		position:relative;
		background:url("../img/article-footer-sky.png") 0 100% repeat-x;
		margin-top:40px;
	}

	.article-footer {
		width:100%;
		height:530px;
		display:flex;
		position:absolute;
		background:url("../img/article-footer-bg.png") 50% 100% no-repeat;
		bottom:0;
		left:50%;
		transform:translate(-50%);
		align-items:center;
	}

	.article-footer__content {
		width:100%;
		max-width:520px;
		display:block;
		position:relative;
		margin:0 auto;
	}

	.article-footer__text {
		font-family:"BigNoodleTitlingCyr";
		font-size:24px;
		letter-spacing:4px;
		text-align:center;
		margin-bottom:30px;
		font-weight:400;
		line-height:1.6em;
		color:#fff;
	}

	.article-footer__play-btn {
		width:200px;
		height:50px;
		padding:13px;
		border:3px solid #cd5599;
		border-radius:25px;
		text-transform:uppercase;
		color:#fff;
		text-decoration:none;
		text-align:center;
		display:block;
		font-family:"BigNoodleTitlingCyr";
		margin:0 auto;
		font-size:18px;
		letter-spacing:3px;
		transition:0.4s ease all;
	}

	.article-footer__play-btn:hover {
		background:#cd5599;
	}
/* article footer */



/* main v2 */
	.main__cols {
		width:100%;
		height:100vh;
		display:flex;
		z-index:2;
		/*background:url("../img/main_bg.jpg") 50% 50% no-repeat;*/
		background-size:cover;
		position: relative;
		z-index:10;
	}

	.main__cols__item {
		width:25%;
		/*width:33.333333%;*/
		height:100vh;
		display:flex;
		position:relative;
		/*border-right:1px solid rgba(255,255,255,0.5);*/
		align-items:center;
		overflow:hidden;
	}

	.main__cols__item > a {
		color:inherit;
		text-decoration:none;
	}

	.main__cols .main__cols__item:last-child {
		border:0;
	}

	.main__cols__item .main__item__pics__person {
		height:385px;
		display:block;
	}

	.main__cols__item[rel-id="1"] .main__item__pics__person {
		height:385px;
    	margin: 84px 0px 0 -222px;
    	left: 50%;
	}

	.main__cols__item[rel-id="4"] .main__item__pics__person {
    	margin-left:-100px;
    	left: 50%;
    	margin-top:55px;
    	top:0;
	}

	.main__cols__item[rel-id="4"] 

	.main__cols__item .main__item__pics__letter {
		width:24.5%;
	}

	/* .main__cols__item[rel-id="1"] .main__item__pics__letter {
		margin-top: 2%;
    	margin-left: 11%;
	} */

	/*.main__cols__item[rel-id="1"] .main__item__texts {
		margin-top: -17%;
	}

	.main__cols__item[rel-id="4"] .main__item__texts {
		margin-top: 51%;
	}*/

	.main__cols__item__desc {
		color:#fff;
		font-size:14px;
		line-height:1.7em;
		width:70%;
		margin:0 auto 0;
		text-align:center;
		min-height:70px;
	}

	.main__cols__item__read {
		width:100%;
		max-width:200px;
		margin:20px auto 0;
		border:2px solid #1e9bdf;
		color:#fff;
		text-decoration:none;
		font-family:"BigNoodleTitlingCyr";
		font-size:18px;
		letter-spacing:3px;
		padding:12px;
		display:block;
		text-align:center;
		border-radius:24px;
		transition:0.3s ease all;
	}

	.main__cols__item__read:hover {
		background:#1e9bdf;
		color:#fff;
	}

	.main__cols__item__bg {
		width:102%;
		height:102%;
		position:absolute;
		top:-1%;
		left:-1%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd559a+0,1e9be0+100 */
		background: #cd559a; /* Old browsers */
		background: -moz-linear-gradient(top, #1e9be0 0%, #cd559a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #1e9be0 0%,#cd559a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #1e9be0 0%,#cd559a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9be0', endColorstr='#cd559a',GradientType=0 ); /* IE6-9 */
		opacity:0;
		transition:0.4s ease all;
	}


	.main__bgs {
		width:100%;
		height:100vh;
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:5;
	}

	.main__bgs__item {
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		opacity:0;
		transition:0.5s ease all;
		width:100%;
		height:100vh;
		display:block;
		position:absolute;
		top:0;
		left:0;
	}

	.main__bgs__item[rel-id="1"] {
		background-image:url("../img/main_local_bg.jpg");
	}

	.main__bgs__item[rel-id="2"] {
		background-image:url("../img/main_tourist_bg.jpg");
	}

	.main__bgs__item[rel-id="3"] {
		background-image:url("../img/main_expat_bg.jpg");
	}

	.main__bgs__item.active {
		opacity:1;
	}

	/* nav */	
		.nav {
			display:block;
			position:fixed;
			top:0;
			left:0;
			z-index:80;
		}

		.js-nav-btn {
			width:50px;
			height:40px;
			top: 50px;
		    left: 50px;
		    display: block;
		    position: absolute;
		    z-index: 10;
		}

		.nav__btn {
			width: 50px;
		    height: 3px;
		    display: block;
		    position: relative;
		    background: #fff;
		    transition: .6s ease all;
		    /*box-shadow: 0 0 10px #000;*/
		    z-index: 70;
		}

		.nav__btn:before {
		    width: 33px;
		    height: 3px;
		    background: #fff;
		    content: " ";
		    display: block;
		    position: absolute;
		    top: 11px;
		    left: 0px;
		    transition: .6s ease all;
		    /*box-shadow: 0 0 10px #000*/
		}

		.nav__btn:after {
			width: 42px;
			background: #fff;
			content: " ";
			height: 3px;
			display: block;
			position: absolute;
			top: 22px;
			left: 0px;
			transition: .6s ease all;
			/*box-shadow: 0 0 10px #000;*/
		}

		.nav--black .nav__btn,
		.nav--black .nav__btn:before,
		.nav--black .nav__btn:after {
			background:#000;
		}

		.nav__content {
			display:none;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100vh;
			background:rgba(0,0,0,0.6);
			transition:0.25s ease all;
			z-index:-1;
		}

		.nav__list {
			width:400px;
			height:100vh;
			display:flex;
			position:absolute;
			top:0;
			left:-400px;
			align-items:center;
			padding:50px;
			transition:0.6s ease all;

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd559a+0,1e9be0+100 */
			background: #cd559a; /* Old browsers */
			background: -moz-linear-gradient(top, #1e9be0 0%, #cd559a 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #1e9be0 0%, #cd559a 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #1e9be0 0%, #cd559a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9be0', endColorstr='#cd559a',GradientType=0 ); /* IE6-9 */
		}

		.nav__list__item {
			display:block;
			position:relative;
			color:#fff;
			font-family:"BigNoodleTitlingCyr";
			font-size:24px;
			letter-spacing:4px;
			text-decoration:none;
			margin:20px 0;
			transition:0.25s ease all;
		}

		.nav__list__item:hover {
			color:#cd5599;
		}

		.nav__list__share {
			display:block;
			position:absolute;
			left:50px;
			bottom:50px;
			width:240px;
		}

		.nav__list__share p {
			color:#fff;
			font-size:12px;
			margin-bottom:14px;
		}

		.nav__list__share a {
			display:inline-block;
			width:30px;
			height:30px;
			border-radius:50%;
			border:2px solid #1e9bdf;
			color:#1e9bdf;
			margin-right:4px;
			text-align:center;
			text-decoration:none;
			font-size:16px;
			padding-top:5px;
		}

		.nav__list__share a:hover {
			color:#fff;
			background:#1e9bdf;
		}

		.js-nav-btn:hover .nav__btn,
		.js-nav-btn:hover .nav__btn:before,
		.js-nav-btn:hover .nav__btn:after,
		.nav.active .nav__btn,
		.nav.active .nav__btn:before,
		.nav.active .nav__btn:after  {
			width:50px;
		}

		.nav.active .nav__list {
			left:0;
		}
	/* nav */

	/* animation */
		.main__item__pics__person,
		.main__item__pics__letter,
		.main__cols__item__desc,
		.main__cols__item__read {
			opacity:0;
		}

		.main .main__item__pics__person {
			transform:translate(0, -5%);
			transition:0.5s ease all;
			position:absolute;
		}

		.main .main__item__pics__letter {
			transform:translate(-5%, 0);
			transition:0.5s ease all;
			transition-delay:0.2s;
		}


		.main__cols__item[rel-id="4"] .main__item__pics__letter {
			width:120px;
		}

		.main__cols__item__desc,
		.main__cols__item__read {
			transition:0.5s ease all;
		}
		
		.main__cols__item:hover {
			cursor:pointer;
		}
		
		.main__cols__item:hover .main__cols__item__bg,
		.main__cols__item.hovered .main__cols__item__bg {
			opacity:0.75;
		}

		.main__cols__item:hover .main__item__pics__person,
		.main__cols__item.hovered .main__item__pics__person {
			transform:translate(0);
			opacity:1;
		}

		.main__cols__item:hover .main__item__pics__letter,
		.main__cols__item.hovered .main__item__pics__letter {
			transform:translate(0);
			opacity:1;
		}

		.main__cols__item:hover	.main__cols__item__desc,
		.main__cols__item:hover	.main__cols__item__read,
		.main__cols__item.hovered .main__cols__item__desc,
		.main__cols__item.hovered .main__cols__item__read {
			opacity:1;
		}
	/* animation */


	@media screen and (max-height:850px) {
		.main__cols__item > a {
			width:100%;
		}
		
		.main__item__pics {
			width:100%;
			padding-bottom: 50px;
		}

		.main__item__pics--article {
			width:410px;
		}

		.main__item__pics__cnt {
			position:relative;
			transform:scale(0.7);
			transform-origin:50%;
		}
	}

	@media screen and (max-height:760px) {
		.main__item__pics__cnt {
			position:relative;
			transform:scale(0.75);
			transform-origin:50% 0;
		}

		.main__cols__item__desc {
			width:90%;
			font-size:13px;
		}

		.main__cols__item .main__item__pics {
			width:100%;
			height: 325px;
    		padding-bottom: 0;
		}

		.main__cols__item__desc {
			margin-top:-140px;
		}

		.main__cols__item .main__item__pics__letter {
			margin-top: 0;
    		margin-left: 52px;
		}

		.main__cols__item[rel-id="4"] .main__item__pics__letter {
			width:120px;
		}
	}

	@media screen and (max-height:700px) {
		.main__item__title h1 {
			font-size:60px;
		    letter-spacing:5px;
		    margin-bottom:12px;
		}

		.main__item__title p {
			font-size:16px;
		}

		.main__item__pics__cnt {
			width: 302px;
			position:relative;
			transform:scale(0.6);
			transform-origin:50% 0;
		}

		.main__cols__item .main__cols__item__desc {
		    margin-top: -212px;
		}

		.main__cols__item .main__item__pics__person {
			margin-left:0;
		}

		.main__cols__item .main__item__pics__letter {
			width: 117px;
			margin-top:0;
		}
	}

/* main v2 */	


/* game */
	.game {
		width:100vw;
		height:100vh;
		display:block;
		position:relative;
		z-index:10;
	}

	.game .article__intro__menu-back {
		left:2px;
	}

	.game .main__logo.main__logo--article {
		left:auto;
		right:60px;
	}

	/* left */
		.game__left {
			width:50%;
			height:100vh;
			display:flex;
			position:absolute;
			top:0;
			left:0;
			overflow:hidden;
			align-items:center;
			justify-content:center;
			background:#000;
		}

		.game__left__hotel-logo {
			display:block;
			position:absolute;
			top:30px;
			left:50%;
			transform:translate(-30%);
			z-index:20;
		}

		.game__left__bg {
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			opacity:0.5;
			background:url('../img/game/game_left_bg.jpg') 50% 50% no-repeat;
			background-size:cover;
		}

		.game__left__title {
			color:#fff;
			font-size:48px;
			letter-spacing:7px;
			font-family:"BigNoodleTitlingCyr";
			font-weight:400;
			text-align:center;
			position:absolute;
			top:50%;
			left:55%;
			transform:translate(-50%, -50%);
			z-index:20;
			width: 60%;
		}

		.game__left__letters {

		}

		.game__left__letter {
			position:absolute;
			font-size:588px;
			opacity:0.2;
			top:50%;
			left:55%;
			z-index:5;
			transform:translate(-50%, -50%);
			color:#fff;
			font-family:"BigNoodleTitlingCyr";
		}

		.game__left__info {
			width:100%;
			max-width:calc(420px + 10%);
			position:relative;
			z-index:30;
			padding-left:10%;
		}

		.game__left__info__counter {
			width:100px;
			height:100px;
			display:block;
			position:relative;
			margin:0 auto 30px;
		}

		.game__left__info__counter:after {
			content:" ";
			width:100%;
			height:100%;
			display:block;
			position:absolute;
			top:0;
			left:0;
			border:2px solid rgba(255,255,255,0.7);
			border-radius:50%;
		}

		.game__left__info__counter span {
			color:#fff;
			display:block;
			position:absolute;
			transform:translate(-50%, -50%);
			top:50%;
			left:50%;
			font-size:48px;
			font-family:"BigNoodleTitlingCyr";
			letter-spacing:3px;
			padding-left: 5px;
    		padding-top: 3px;
		}

		.game__left__info__title {
			color:#fff;
			font-size:48px;
			letter-spacing:7px;
			font-family:"BigNoodleTitlingCyr";
			font-weight:400;
			text-align:center;
			position:relative;
			margin-bottom:15px;
		}

		.game__left__info__title-eng {
			color:#fff;
			font-size:24px;
			letter-spacing:7px;
			font-family:"BigNoodleTitlingCyr";
			font-weight:400;
			text-align:center;
			position:relative;
			margin-bottom:25px;
		}

		.game__left__info__desc {
			font-size:14px;
			line-height:1.6em;
			text-align:center;
			color:#fff;
		}

		.circleFill {
			width:100%;
			height:100%;
			position:absolute;
			display:block;
			top:0;
			left:0;
      		stroke-dasharray:  322;
      		stroke-dashoffset: 322;
      		transition: all 3s;
      		transform: rotate(-90deg)
		}

      	.circleFill.filled {
        	stroke-dashoffset: 40;
      	}
	/* left */

	/* right */
		.game__right {
			width:50%;
			height:100vh;
			display:flex;
			position:absolute;
			top:0;
			right:0;
			overflow:hidden;
			background:#0086d2;
			align-items:center;
		}

		.game__right__start {
			display:block;
			position:absolute;
			width:65%;
			max-width:500px;
			top:50%;
			left:50%;
			transform:translate(-50%, -50%);
			padding-right: 40px;
			text-align:center;    
			z-index: 10;
		}

		.game__right__start__title {
			color:#fff;
			font-size:36px;
			letter-spacing:7px;
			font-family:"BigNoodleTitlingCyr";
			font-weight:400;
			text-align:center;
			margin-bottom:25px;
		}

		.game__right__start__list {
			margin:0;
			padding:0;
			list-style-type:none;
		}

		.game__right__start__list li {
			padding-left:40px;
			position:relative;
			display:flex;
			align-items:center;
			min-height:60px;
			margin-bottom:10px;
		}

		.game__right__start__list span {
			display:block;
			position:absolute;
			font-size:72px;
			color:#cd5599;
			font-family:"BigNoodleTitlingCyr";
			left:0;
		}

		.game__right__start__list p {
			margin:0;
			color:#fff;
			font-size:14px;
			line-height:1.6em;
			text-align:left;
		}

		.game__right__start__rules {
			display:inline-block;
			position:relative;
			margin:10px 0 5px;
			color:#fff;
			font-size:13px;
			text-decoration:none;
			text-align:center;
			padding-bottom:3px;
			/*border-bottom:1px solid rgba(255,255,255,0.6);*/

		}

		.game__right__start__rules:hover {
			/*border-bottom:1px solid rgba(255,255,255,1);*/
			color:#cd5599;
		}

		.game__right__start__start {
			width:200px;
			height:50px;
			padding:13px;
			border:3px solid #cd5599;
			border-radius:25px;
			text-transform:uppercase;
			color:#fff;
			text-decoration:none;
			text-align:center;
			display:block;
			font-family:"BigNoodleTitlingCyr";
			margin: 20px auto 10px;
			font-size:18px;
			letter-spacing:3px;
			transition:0.4s ease all;
		}

		.game__right__start__start:hover {
			background:#cd5599;
		}

		.game__right__input-b {
			width:100%;
			max-width:310px;
			margin:0 auto;
			padding-right:70px;
			padding-bottom:7vh;
			z-index:20;
		}

		.game__right__input-b__current {
			display:block;
			position:absolute;
			color:#fff;
			font-family:"BigNoodleTitlingCyr";
			letter-spacing:5px;
			text-align:center;
			font-size:16px;
			top:55px;
			left:50%;
			transform:translate(-70%);
			z-index: 10;
		}

		.game__right__input-b__current span {
			font-size:36px;
			font-family:"BigNoodleTitlingCyr";
		}

		.game__right__input-b__block {
			width:240px;
			display:block;
			position:relative;
			margin:0 auto;
		}

		.game__right__input-b__block__text {
			color:#fff;
			font-size:24px;
			letter-spacing:4px;
			font-family:"BigNoodleTitlingCyr";
			margin-bottom:30px;
			text-align:center;
		}

		.game__right__input-b__block__letter {
			color:#fff;
			font-size:48px;
			font-family:"BigNoodleTitlingCyr";
			margin-bottom:30px;
			margin-top: -22px;
			text-align:center;
		}

		.game__right__input-b__block__letter span {
			color:#fff;
			font-size:48px;
			font-family:"BigNoodleTitlingCyr";
			margin:0 6px;
		}

		.game__right__input-b__block__input {
			width:100%;
			max-width:200px;
			display:block;
			padding:4px;
			border:0;
			border-bottom:1px solid #fff;
			margin:0 auto 25px;
			background:transparent;
			color:#fff;
			text-align:center;
		}

		.game__right__input-b__block__input:focus,
		.game__right__input-b__block__input:active,
		.game__right__input-b__block__input:blur {
			outline:none;
		}

		.game__right__input-b__block__btn {
			width:200px;
			height:50px;
			padding:13px;
			border:3px solid #cd5599;
			border-radius:25px;
			text-transform:uppercase;
			color:#fff;
			text-decoration:none;
			text-align:center;
			display:block;
			font-family:"BigNoodleTitlingCyr";
			margin:0 auto;
			font-size:18px;
			letter-spacing:3px;
			transition:0.4s ease all;
			background:transparent;
		}

		.game__right__input-b__block__btn:hover {
			background:#cd5599;
		}

		.game__right__input-b__block__btn:hover,
		.game__right__input-b__block__btn:active,
		.game__right__input-b__block__btn:focus {
			outline:none;
		}

		.game__right__bg {
			width:100%;
			height:400vh;
			display:block;
			position:absolute;
			bottom:0;
			right:0;
		}

		.game__right__bg__building {
			display:block;
			position:absolute;
			left:50%;
			bottom:35px;
			transform:translate(-65%);
			width:260px;
		}

		.game__right__bg__building__ground {
			display:block;
			position:absolute;
			left:50%;
			bottom:0;
			transform:translate(-65%);
		}

		.game__right__bg__building__floor {
			display:block;
			position:absolute;
			left:0;
			transition:1s linear all;
		}

		.game__right__bg__sky {
			width:100%;
			height:10000px;
			display:block;
			position:absolute;
			background:url("../img/game/game_right_bg.jpg") 50% 100% no-repeat;
			background-size:cover;
			left:0;
			bottom:-9000px;
		}
	/* right */

	/* end */
		.game__end {
			width: 140px;
		    display: block;
		    position: fixed;
		    top: 50%;
		    transform: translate(0, -50%);
		    z-index: 40;
		    right:2px;
		}

		.game__end:after {
			content: " ";
		    width: 1px;
		    height: 120vh;
		    display: block;
		    top: -55vh;
		    background: #e4e4e4;
		    position: absolute;
		    left: 20px;
		    opacity: 0.3;
		}

		.game__end__link {
			display: flex;
		    position: relative;
		    align-items: center;
		    color: #000;
		    text-decoration: none;
		    z-index: 10;
		    opacity:0;
		}

		.game__end__icon {
			width: 40px;
		    height: 40px;
		    border: 2px solid #cd5599;
		    margin-right: 13px;
		    color: #cd5599;
		    transition: 0.4s ease all;
		    display: inline-block;
		    background-image: url(../img/game/end-icon.png);
		    background-position: -3px -1px;
		}

		.game__end:hover .game__end__icon {
			background-color: #cd5599;
    		color: #fff;
    		background-position: -3px -41px;
		}

		.game__end__text {
			font-family: "BigNoodleTitlingCyr";
			font-size: 16px;
			letter-spacing: 3px;
			text-align: center;
			color: #fff;
		}

		.game__end:hover .game__end__text {
			color: #cd5599;
		}
	/* end */


/* game */

/* game add */
	/* add left */
		.game__left__add {
			display:block;
			width:70%;
			margin:0 auto;
			padding-left:50px;
			z-index:20;
		}

		.game__left__add__info__title {
			font-size:60px;
			color:#fff;
			display:inline-block;
			padding:5px 12px;
			border:3px solid transparent;
			font-family:"BigNoodleTitlingCyr";
			line-height:1.2em;
			font-weight:400;
			letter-spacing:8px;
			text-align:center;
		}

	/* add left */

	/* add2 left */
		.game__left__add2 {
			display:block;
			width:70%;
			margin:0 auto;
			padding-left:80px;
			z-index:20;
		}

		.game__left__add2__top {
			display:block;
			position:absolute;
			width:100%;	
			top:60px;
			left:50%;
			transform:translate(-45%);
		}

		.game__left__add2__top__desc {
			color:#fff;
			text-align:center;
			margin-bottom:30px;
			font-size:14px;
		}

		.game__left__add2__top__name {
			text-align:center;
		}

		.game__left__add2__top__name span {
			font-size:60px;
			color:#fff;
			display:inline-block;
			padding:5px 12px;
			border:3px solid transparent;
			transition:0.5s ease all;
			font-family:"BigNoodleTitlingCyr";
			/*line-height:0.9em;*/
		}

		.game__left__add2__top__name span:hover {
			color:#cd5599;
			cursor:pointer;
		}

		.game__left__add2__top__name span.active {
			color:#cd5599;
			border-color:#cd5599;
		}

		.game__left__add2__info {
			display:block;
			position:relative;
		}

		.game__left__add2__info__title {
			text-align:center;
			font-family:"BigNoodleTitlingCyr";
			color:#fff;
			margin-bottom:15px;
			font-size:24px;
			letter-spacing:3px;
			font-weight:400;
		}

		.game__left__add2__info__desc {
			color:#fff;
			font-size:14px;
			text-align:center;
			line-height:1.6em;
		}

		.game__left__add2__share {
			display:block;
			position:absolute;
			left:50%;
			transform:translate(-45%);
			bottom:12vh;
		}

		.game__left__add2__share__text {
			text-align:center;
			margin-bottom:20px;
			color:#fff;
			font-size:16px;
			font-weight:700;
		}

		.game__left__add2__share__text span {
			color:#cd5599;
		}

		.game__left__add2__share__btns {
			text-align:center;
		}

		.game__left__add2__share__btns__item {
			display: inline-block;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			border: 3px solid #cd5599;
			color: #cd5599;
			margin-right: 7px;
			text-align: center;
			text-decoration: none;
			font-size: 18px;
			padding-top: 8px;
			transition:0.4s ease all;
		}

		.game__left__add2__share__btns__item:hover {
			background:#cd5599;
			color:#fff;
		}
	/* add2 left */

	/* auth left */
		.game__left__auth {
			display:block;
			width:70%;
			margin:0 auto;
			z-index:20;
			padding-left: 10%;
		}

		.game__left__auth__info__title {
			font-size:60px;
			color:#fff;
			display:block;
			padding:5px 12px;
			border:3px solid transparent;
			font-family:"BigNoodleTitlingCyr";
			line-height:1.2em;
			font-weight:400;
			letter-spacing:8px;
			text-align:center;
			width:100%;
		}
	/* auth left */

	/* res left */
		.game__left__result {
			display:block;
			width:70%;
			margin:0 auto;
			padding-left:20px;
			z-index:20;
		}

		.game__left__result__title {
			text-align:center;
			font-family:"BigNoodleTitlingCyr";
			color:#fff;
			margin-bottom:45px;
			font-size:48px;
			letter-spacing:5px;
			font-weight:400;
			line-height:1.2em;
		}

		.game__left__result__current {
			display:block;
			position:relative;
			color:#fff;
			font-family:"BigNoodleTitlingCyr";
			letter-spacing:4px;
			text-align:center;
			font-size:18px;
			z-index: 10;
			margin-bottom:50px;
		}

		.game__left__result__current span {
			font-size:40px;
			font-family:"BigNoodleTitlingCyr";
		}

		.game__left__result__share {
			width:100%;
			position:relative;
			margin-bottom:50px;
			text-align:center;
		}

		.game__left__result__share__text {
			text-align:center;
			font-size:16px;
			color:#fff;
			margin-bottom:15px;
		}

		.game__left__result__share__item {
			display: inline-block;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			border: 3px solid #cd5599;
			color: #cd5599;
			margin-right: 7px;
			text-align: center;
			text-decoration: none;
			font-size: 24px;
			padding-top: 10px;
			transition:0.4s ease all;
		}

		.game__left__result__share__item:hover {
			background:#cd5599;
			color:#fff;
		}

		.game__left__result__btn {
			width: 200px;
		    height: 50px;
		    padding: 13px;
		    border: 3px solid #cd5599;
		    border-radius: 25px;
		    text-transform: uppercase;
		    color: #fff;
		    text-decoration: none;
		    text-align: center;
		    display: block;
		    font-family: "BigNoodleTitlingCyr";
		    margin: 0 auto;
		    font-size: 18px;
		    letter-spacing: 3px;
		    transition: 0.4s ease all;
			margin-bottom:10px;
		}

		.game__left__result__btn:hover {
    		background: #cd5599;
    		color:#fff;
		}

	/* res left */

	/* add right */
		.game__right__add {
			display:block;
			width:60%;
			margin:0 auto;
			padding-right:80px;
			z-index:20;
		}

		.game__right__add__title {
			text-align:center;
			font-family:"BigNoodleTitlingCyr";
			color:#fff;
			margin-bottom:40px;
			font-size:24px;
			letter-spacing:3px;
			font-weight:400;
		}

		.game__right__add__desc {
			color:#fff;
			text-align:center;
			font-size:16px;
			line-height:1.6em;
			font-weight:700;
			margin-bottom:40px;
		}

		.game__right__add__desc span {
			color:#cd5599;
		}

		.game__right__add__link {
			width:100%;
			height:40px;
			position:relative;
			margin-bottom:25px;
			display:none;
		}

		.game__right__add__link__input {
			width:100%;
			max-width:200px;
			display:block;
			padding:4px;
			border:0;
			border-bottom:1px solid #fff;
			margin:0 auto 25px;
			background:transparent;
			color:#fff;
			text-align:center;
		}

		.game__right__add__link__input:focus,
		.game__right__add__link__input:active,
		.game__right__add__link__input:blur {
			outline:none;
		}

		.game__right__add__btn-wrap {
			width:100%;
			height:40px;
			position:relative;
			margin-bottom:25px;
		}

		.game__right__add__btn {
			width:200px;
			height:50px;
			padding:13px;
			border:3px solid #cd5599;
			border-radius:25px;
			text-transform:uppercase;
			color:#fff;
			text-decoration:none;
			text-align:center;
			display:block;
			font-family:"BigNoodleTitlingCyr";
			margin:0 auto 20px;
			font-size:18px;
			letter-spacing:3px;
			transition:0.4s ease all;
		}

		.game__right__add__btn:hover {
			background:#cd5599;
		}
	/* add right */

	/* add2 right */
		.game__right__add2 {
			display:block;
			width:60%;
			margin:0 auto;
			padding-right:80px;
			z-index:20;
		}

		.game__right__add2__title {
			text-align:center;
			font-family:"BigNoodleTitlingCyr";
			color:#fff;
			margin-bottom:10vh;
			font-size:24px;
			letter-spacing:3px;
			font-weight:400;
		}

		.game__right__add2__btn {
			width:200px;
			height:50px;
			padding:13px;
			border:3px solid #cd5599;
			border-radius:25px;
			text-transform:uppercase;
			color:#fff;
			text-decoration:none;
			text-align:center;
			display:block;
			font-family:"BigNoodleTitlingCyr";
			margin:0 auto 20px;
			font-size:18px;
			letter-spacing:3px;
			transition:0.4s ease all;
		}

		.game__right__add2__btn:hover {
			background:#cd5599;
		}

		.game__right__add2__input {
			width:100%;
			max-width:200px;
			display:block;
			padding:4px;
			border:0;
			border-bottom:1px solid #fff;
			margin:0 auto 25px;
			background:transparent;
			color:#fff;
			text-align:center;
		}

		.game__right__add2__input:focus,
		.game__right__add2__input:active,
		.game__right__add2__input:blur {
			outline:none;
		}
	/* add2 right */

	/* auth right */
		.game__right__auth {
			display: block;
		    width: 70%;
		    margin: 0 auto;
		    padding-right: 80px;
		    padding-bottom: 50px;
		    z-index: 20;
		}

		.game__right__auth__title {
		    color: #fff;
		    font-size: 36px;
		    letter-spacing: 7px;
		    font-family: "BigNoodleTitlingCyr";
		    font-weight: 400;
		    text-align: center;
		    margin-bottom: 25px;
		}

		.game__right__auth__desc {
 			font-size: 16px;
 			font-weight:700;
 			margin-bottom:25px;
 			text-align:center;
 			color:#fff;
		}

		.game__right__auth__btns {
			display:block;
			text-align:center;
			position:relative;
			margin-bottom:30px;
		}

		.game__right__auth__item {
			display: inline-block;
			width: 70px;
			height: 70px;
			border-radius: 50%;
			border: 4px solid #cd5599;
			color: #cd5599;
			margin:0 12px;
			text-align: center;
			text-decoration: none;
			font-size: 32px;
			padding-top: 16px;
			transition:0.4s ease all;
		}

		.game__right__auth__item:hover {
			background:#cd5599;
			color:#fff;
		}
	/* auth right */

	/* auth2 right */
		.game__right__auth2 {
			display: block;
		    width: 70%;
		    margin: 0 auto;
		    padding-right: 80px;
		    padding-bottom: 50px;
		    z-index: 20;
		}

		.game__right__auth2 .game__right__auth__title {
			font-size:24px;
		}

		.game__right__auth2__inputs__item {
			width:200px;
			border:0;
			background:transparent;
			display:block;
			position:relative;
			padding:4px;
			border-bottom:1px solid #fff;
			margin:0 auto 30px;
			text-align:center;
			color:#fff;
		}
	/* auth2 right */

	/* auth mail right */
		.game__right__auth-mail {
			display: block;
		    width: 70%;
		    margin: 0 auto;
		    padding-right: 80px;
		    padding-bottom: 50px;
		    z-index: 20;
		}

		.game__right__auth-mail .game__right__auth__title {
			font-size:24px;
		}

		.game__right__auth-mail__item {
			width:200px;
			border:0;
			background:transparent;
			display:block;
			position:relative;
			padding:4px;
			border-bottom:1px solid #fff;
			margin:0 auto 30px;
			text-align:center;
			color:#fff;
		}
	/* auth mail right */


	.game .article__intro__menu-back .article__intro__menu-back__icon {
		background-image:url("../img/game/article-icons.png");
	}

	.game .article__intro__menu-back__link:hover .article__intro__menu-back__text {
		color:#cd5599;
	}

	.game .article__intro__menu-back__link .article__intro__menu-back__icon {
		border-color:#cd5599;
	}

	.game .article__intro__menu-back__link:hover .article__intro__menu-back__icon {
		background-color:#cd5599;
	}

	.game__right__input-b .game__left__info__counter {
		display:none;
	}

/* game add */


/* highscore */
	.highscore {
		width:100%;
		height:100vh;
		position:absolute;
		overflow:hidden;
		background:url("../img/highscore_bg.png") 50% 50% no-repeat;
		background-size:cover;
		z-index:10;
		display:flex;
		align-items:center;
	}

	.highscore__content {
		width:100%;
		max-width:830px;
		position:relative;
		margin:0 auto;
	}

	.highscore__title {
		font-size:36px;
		font-family:"BigNoodleTitlingCyr";
		letter-spacing:5px;
		text-align:center;
		margin-bottom:20px;
		font-weight:400;
		color:#fff;
	}

	.highscore__desc {
		font-size:14px;
		text-align:center;
		margin-bottom:20px;
		color:#fff;
	}

	.highscore__count {
		font-size:18px;
		font-family:"BigNoodleTitlingCyr";
		letter-spacing:3px;
		text-align:center;
		margin:15px 0;
		font-weight:400;
		color:#fff;
	}

	.highscore__play {
		width: 200px;
		height: 50px;
		padding: 13px;
		border: 3px solid #cd5599;
		border-radius: 25px;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		text-align: center;
		display: block;
		font-family: "BigNoodleTitlingCyr";
		margin: 0 auto 20px;
		font-size: 18px;
		letter-spacing: 3px;
		transition: 0.4s ease all;
		margin-bottom:10px;
	}

	.highscore__play:hover {
    	background: #cd5599;
    	color:#fff;
	}

	.highscore__pagination {
		text-align:center;
	}

	.highscore__pagination span {
		opacity:0.5;
		display:inline-block;
		vertical-align:middle;
		margin:0 5px;
	}

	.highscore__pagination__item {
		width:40px;
		height:40px;
		display:inline-block;
		vertical-align:middle;
		border-radius:50%;
		margin:0 5px;
		border:3px solid #cd5599;
		text-align:center;
		color:#fff;
		padding-top:8px;
		font-family: "BigNoodleTitlingCyr";
		font-size:16px;
		text-decoration:none;
		transition:.3s ease all;
	}

	.highscore__pagination__item:hover {
		background:#cd5599;
	}

	.highscore__list {
		display:block;
		position:relative;
		margin-top:25px;
		margin-bottom:35px;
	}

	.highscore__list__scr {
		display:none;
		position:relative;
		overflow:hidden;
	}
	
	.highscore__list__scr[rel-id="1"] {
		display:block;
	}

	.highscore__list__col {
		width:50%;
		float:left;
		padding:0 10px;
	}

	.highscore__list__item {
		width:100%;
		position:relative;
		padding-left:44px;
		margin-bottom:10px;
	}

	.highscore__list__item > span {
		width:40px;
		height:40px;
		border-radius:50%;
		background:#cd5599;
		display:block;
		position:absolute;
		left:0;
		top:0;
		color:#fff;
		font-size:16px;
		text-align:center;
		padding-top:12px;
		font-family: "BigNoodleTitlingCyr";
	}

	.highscore__list__item__content {
		width:100%;
		height:40px;
		border-radius:20px;
		background:#1e9bdf;
		position:relative;
		overflow:hidden;
		padding:9px 15px;
	}

	.highscore__list__item__content > p {
		color:#fff;
		margin:0;
	}

	.highscore__list__item__score {
		float:right;
		color:#fff;
		font-weight:700;
	}
/* highscore */


/* network */
	.network {
		width:100%;
		height:100vh;
		position:absolute;
		overflow:hidden;
		background:url("../img/highscore_bg.png") 50% 50% no-repeat;
		background-size:cover;
		z-index:10;
		display:flex;
		align-items:center;
	}

	.network__content {
		width:100%;
		max-width:640px;
		position:relative;
		margin:0 auto;
	}

	.network__content__text {
		font-size:12px;
		color:#fff;
		text-align:center;
		margin-bottom:35px;

	}

	.network__content__word {
		display:block;
		text-align:center;
		margin-bottom:45px;
	}

	.network__content__word__letter {
		font-size:60px;
		color:#fff;
		display:inline-block;
		padding:5px 12px;
		border:3px solid transparent;
		transition:0.5s ease all;
		font-family:"BigNoodleTitlingCyr";
		line-height:0.9em;
	}

	.network__content__word__letter:hover {
		color:#cd5599;
		cursor:pointer;
	}

	.network__content__word__letter.active {
		color:#cd5599;
		border-color:#cd5599;
	}

	.network__content__action {
		width:100%;
		position:relative;
		margin-bottom:15vh;
	}

	.network__content__action__title {
		text-align:center;
		font-size:36px;
		color:#fff;
		line-height:1.7em;
		margin-bottom:30px;
		font-family: "BigNoodleTitlingCyr";
		letter-spacing:5px;
		font-weight:400;
	}

	.network__content__action__desc {
		font-size:16px;
		text-align:center;
		color:#fff;
	}

	.network__content__play-desc {
		text-align:center;
		font-size:24px;
		color:#fff;
		line-height:1.7em;
		margin-bottom:20px;
		font-family: "BigNoodleTitlingCyr";
		letter-spacing:4px;
	}

	.network__content__play-btn {
		width: 200px;
		height: 50px;
		padding: 13px;
		border: 3px solid #cd5599;
		border-radius: 25px;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		text-align: center;
		display: block;
		font-family: "BigNoodleTitlingCyr";
		margin: 0 auto;
		font-size: 18px;
		letter-spacing: 3px;
		transition: 0.4s ease all;
		margin-bottom:10px;
	}

	.network__content__play-btn:hover {
    	background: #cd5599;
    	color:#fff;
	}
/* network */