html, body{
	width: 100%;
	min-width: 980px;
}
body{
	font-family: sans-serif;
	font-size: 18px;
	background: #fff;
	line-height: 1.5;
	/*line-height: 2em;*/
	color: #333;
}

body.ru .lang-ru,
body.en .lang-en{
	display: block;
}
body.ru .lang-en,
body.en .lang-ru{
	display: none;
}


.main-wrapper{
	min-width: 980px;
}


.main-nav{
	/*z-index: 8;*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*min-width: 980px;*/
	height: 74px;
	z-index: 8;
}

.main-art{
	position: relative;
	z-index: 8;
}

.main-container{
	position: relative;
	z-index: 8;
	background: #fff;
}

.main-art, .parallax-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{
	height: 400px;
	width: 100%;
}

.logo-movie{
	height: 210px;
	width: 100%;
	top: 20px;
	left: 0;
	position: absolute;
	background: url(/public/images/games/parktown/parallax/main_logo.png) center center no-repeat;
	background-size: contain;
	z-index: 0;
}


.section{
	width: 76%;
	/*padding: 0 3%;*/
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 1024px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 300px;}
	.logo-movie{height: 130px;}

	.section{
		width: 92%;
		/*padding: 0 3%;*/
		max-width: 1280px;
		margin: 0 auto;
		position: relative;
	}


}
@media screen and (min-width: 1024px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 450px;}
	.logo-movie{height: 140px;}
}
@media screen and (min-width: 1140px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 495px;}
	.logo-movie{height: 160px;}
}
@media screen and (min-width: 1280px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 540px;}
	.logo-movie{height: 170px;}
}
@media screen and (min-width: 1360px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 570px;}
	.logo-movie{height: 180px;}
}
@media screen and (min-width: 1440px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 600px;}
	.logo-movie{height: 190px;}
}
@media screen and (min-width: 1536px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 630px;}
	.logo-movie{height: 205px;}
}
@media screen and (min-width: 1680px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 680px;}
	.logo-movie{height: 240px;}
}
@media screen and (min-width: 1920px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 705px;}
	.logo-movie{height: 280px;}
}
@media screen and (min-width: 2300px) {
	.main-art, .parallax-leaf, .parallax-panda, .parallax-man{height: 710px;}
	.logo-movie{height: 300px;}
}


.logo-header{
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 1;
}
.logo-header img{
	height: 60px;
}
.rbw-logo{
	margin-top: 23px;
	height: 60px;
}
.linkto-rbw{
	width: 69px;
	height: 60px;
	/*background: #fff;*/
	display: block;
	position: absolute;
	top: 1px;
	left: 0px;
}

.main-menu{
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
}
.main-menu li{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}
.main-menu li a{
	text-decoration: none;
	color: #333;
	line-height: 71px;
	float: left;
	padding-bottom: 3px;
	transition: all 0.3s ease 0s;
}

.main-menu li a:before{
	content: '';
	width: 100%;
	height: 0px;
	top: 0;
	left: 0;
	background: #cc3d3d;
	position: absolute;
	transition: all 0.1s ease 0s;
}
.main-menu li a:hover{
	color: #cc3d3d;
}
.main-menu li a:hover:before{
	height: 3px;
}

.section-gameinfo{
	padding: 50px 0 25px;
	overflow: hidden;
}
.section-gameinfo .game-logo{
	width: 200px;
	height: 200px;
	float: left;
	border-radius: 20px;
	overflow: hidden;
	margin-right: 50px;
	margin-bottom: 20px;
}
.section-gameinfo .game-logo img{
	width: inherit;
	height: inherit;
}
.game-info p{
	font-size: 20px;
	padding-bottom: 10px;
}


.community-badge{
	text-align: center;
	margin-bottom: 20px;
}
.community-badge .last {
    margin-right: 0;
}
.social-ico {
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 256px;
	margin-right: 2px;
	position: relative;
	margin-right: 10px;
}
.social-ico-fb {
    background-image: url(/public/images/social-icons/fb-mono.png);
    background-size: cover;
}

.social-ico-vk {
    background-image: url(/public/images/social-icons/vk-mono.png);
    background-size: cover;
}

.social-ico-in {
    background-image: url(/public/images/social-icons/insta-mono.png);
    background-size: cover;
}

.social-ico-yt {
    background-image: url(/public/images/social-icons/yt-mono.png);
    background-size: cover;
}

.section-video{
	/*overflow: hidden;*/
	margin-bottom: 25px;
	padding-top: 25px;
}


.rbw_slider img{
	width: 139px;
}

@media screen and (min-width: 1280px) {
	.section-video .wrapper{
		background: #fff;
		padding: 10px;
		border-radius: 5px;
		float: left;
	}
	.section-video .rbw_video{
		float: left;
		margin-bottom: 3px;
	}
	.section-video{
		overflow: hidden;
	}
	.section-video .rbw_slider{
		float: left;
		clear: left;
		width: 560px;
	}
	.rbw_text{
		overflow: hidden;
		padding-left: 50px;
		text-shadow: #fff 0 0 3px;
		color: #000;
	}
	.videoframe{
		width: 560px;
		height: 315px;
	}
}

.h1{
	font-size: 2em;
	font-weight: bold;
	padding-bottom: 10px;
}
.h2{
    font-size: 1.8em;
    font-weight: bold;
    padding-bottom: 10px;
}
.rbw_text ul{
	list-style-type: none;
	font-size: 20px;
	padding-left: 0px;
	margin-top: 10px;
}
.rbw_text ul li{
	margin-bottom: 15px;
	padding-left: 20px;
	padding-bottom: 3px;
	position: relative;
	font-size: 1em;
	line-height: 1.4em;
}

.rbw_text ul li:before{
	content: '';
	position: absolute;
	top: 0.4em;
	left: 0px;
	width: 0.5em;
	height: 0.5em;
	background: #cc3d3d;
}
.rbw_text p{
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
}

@media screen and (max-width: 1280px) {
	.section-video .wrapper{
		background: #fff;
		padding: 10px;
		border-radius: 5px;
		width: 100%;
		margin: 0 auto;
		margin-left: -5px;
	}
	.section-video .rbw_video{
		margin-bottom: 3px;
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.section-video{

	}
	.section-video .rbw_slider{
		width: 100%;
	}
	.rbw_text{
		width: 100%;
		margin: 50px auto;
		text-shadow: #fff 0 0 3px;
		color: #000;
	}
	.videoframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.rbw_slider img{
		width: 99%;
	}
}

.download-game{
	overflow: hidden;
}
.download-game li{
	float: left;
	list-style-type: none;
	overflow: hidden;
}
.download-game li:last-child{
	margin-right: 0;
}
.download-game li a{
	text-decoration: none;
	float: left;
}

.select-lang{
	/*font-size: 24px;*/
	/*opacity: 1;*/
	/*background: #fff;*/
	position: absolute;
	/*top: 20px; */
	right: 0;
	top: 0;
	text-align: left;

	/*width: 200px;*/
	/*float: right;*/
}
.select2-container{
	text-align: left;
}

@media screen and (max-width: 980px) {
	.section-gameinfo .game-logo {
		width: 300px;
		height: 300px;
		margin-top: 10px;
	}
	.section-gameinfo .game-info .h2, .rbw_text .h2{
		font-size: 3.5em;
		line-height: 1.2em;
		margin-bottom: 0.3em;
	}
	.section-gameinfo .game-info p, .rbw_text ul li{
		font-size: 2.4em;
		margin-bottom: 0.5em;
		/*padding-left: 1em;*/
	}

	.rbw_text ul li{
		padding-left: 1em;
	}


	/*	.rbw_text ul li:before{
            content: '';
            position: absolute;
            top: 0.4em;
            left: 0px;
            width: 0.5em;
            height: 0.5em;
            background: #cc3d3d;
        }
    */	.download-game{
			  margin-top: 40px;
			  margin-bottom: 20px;
		  }
	.download-game li{
		margin-right: 20px;
		height: 90px;
	}
	.download-game li a img{
		height: 90px;
	}
	/*только для Google Play*/
	.download-game li:nth-child(2) a{
		width: 315px;
		margin-left: -20px;
		height: 96px;
	}
	.download-game li:nth-child(2) a img{
		height: 130px;
		margin-top: -20px;
	}
	.select-lang{
		font-size: 26px;
		opacity: 1;
		background: #fff;
	}
}
@media screen and (min-width: 981px) {
	.section-gameinfo .game-info{
		overflow: hidden;
	}

	.download-game{
		margin-top: 20px;
	}
	.download-game li{
		margin-right: 20px;
		height: 40px;
	}
	.download-game li a img{
		height: 40px;
	}
	/*только для Google Play*/
	.download-game li:nth-child(2) a{
		width: 145px;
		margin-left: -10px;
		height: 40px;
	}
	.download-game li:nth-child(2) a img{
		height: 60px;
		margin-top: -10px;
	}



}


footer{
	padding: 50px 0;
	text-align: center;
	border-top: 1px solid #eee;
	background: #fff;
}
.footer-menu{
	margin-bottom: 10px;
}
.footer-menu li{
	display: inline;
}
.footer-menu li:after{
	content: '|';
}
.footer-menu li:last-child:after{
	content: '';
}
.footer-menu li a{
	text-decoration: none;
	color: #333;
	margin: 0 7px;
}
.footer-menu li a:hover{
	color: #cc3d3d;
}
.bottom-text{
	font-size: 14px;
	font-weight: bold;
}
.logo-footer{
	width: 70px;
	height: 60px;
	margin-top: 0px;
	float: left;
}
.logo-footer img{
	height: inherit;
}
.footer-content{
	margin: 0 100px;
}
.section-colored{
	background-color: #eee;
}
.lang{
	position: absolute;
	top: 20px;
	right: 3%;
	padding-top: 40px;
}
.lang ul{
	background: #fff;
	border-radius: 5px;
	padding: 5px 0;
	box-shadow: 0 0 7px #000;
	margin-top: -500px;
	transition: all 0.3s ease 0s;
}
.lang:hover ul{
	margin-top: 0px;
}
.lang ul:before, .lang ul:after{
	content: '';
	top: -165px;
	left: 12px;
	position: absolute;
	width: 11px;
	height: 11px;
	background: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	box-shadow: 0 0 7px #000;
	z-index: -1;
	transition: all 0.3s ease 0s;
}
.lang ul:before{
	z-index: 1;
	box-shadow: none;
}
.lang:hover ul:before, .lang:hover ul:after{
	top: 35px;
}
.lang li{
	position: relative;
}
.lang li a{
	text-decoration: none;
	color: #333;
	padding: 4px 15px 4px 35px;
	display: block;
	font-size: 16px;
}
.lang li.active{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #eee;
	z-index: -1;
}
.lang li.active a{
	color: #333;
}

.lang li a:after{
	content: '';
	box-shadow: 0 0 3px #777;
	width: 20px;
	height: 14px;
	position: absolute;
	top: 7px;
	left: 9px;
	background-size: cover;
	background-position: center center;
}
.lang li.ru a:after{background-image: url(../img/flag/ru.png);}
.lang li.en a:after{background-image: url(../img/flag/en.png);}

.lang li.de a:after{background-image: url(../img/flag/de.png);}
.lang li.fr a:after{background-image: url(../img/flag/fr.png);}
.lang li.it a:after{background-image: url(../img/flag/it.png);}
.lang li.pt a:after{background-image: url(../img/flag/pt.png);}
.lang li.br a:after{background-image: url(../img/flag/br.png);}
.lang li.es a:after{background-image: url(../img/flag/es.png);}
.lang li.jp a:after{background-image: url(../img/flag/jp.png);}
.lang li.kr a:after{background-image: url(../img/flag/kr.png);}


.flag-option{
	padding-left: 30px;
	background-size: 22px;
	background-repeat: no-repeat;
	white-space: nowrap;
	overflow: hidden;
	background-position: left center;
	font-size: 16px;
	display: block;
}
.select2-selection .flag-option{
	/*border: 1px solid red;*/
	font-size: 17px;
	line-height: 27px;
}


.lang-container{
	position: fixed;
	top: 22px;
	right: 0;
	z-index: 8;
	width: 100%;
	text-align: right;
	/*transition: top 0.1s*/
	/*width: 300px;*/
}

.lang-flag{
	width: 22px;
	margin-top: 0px;
	padding-top: 2px;
	float: left;

}
.select2-selection .lang-flag{margin: 0px 7px 0 0;}
.select2-results .lang-flag{margin: 0px 7px 0 2px;}



.select2-container--default .select2-results>.select2-results__options{
	max-height: 400px !important;
}