/*@import url('https://fonts.googleapis.com/css?family=Play');*/

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: 0px;
	left: 0;
	position: absolute;
	background: url(/public/images/games/baha/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-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{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-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{height: 350px;}
	.logo-movie{height: 140px;}
}
@media screen and (min-width: 1140px) {
	.main-art, .parallax-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{height: 395px;}
	.logo-movie{height: 160px;}
}
@media screen and (min-width: 1280px) {
	.main-art, .parallax-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{height: 440px;}
	.logo-movie{height: 170px;}
}
@media screen and (min-width: 1360px) {
	.main-art, .parallax-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{height: 470px;}
	.logo-movie{height: 180px;}
}
@media screen and (min-width: 1440px) {
	.main-art, .parallax-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{height: 500px;}
	.logo-movie{height: 190px;}
}
@media screen and (min-width: 1536px) {
	.main-art, .parallax-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{height: 530px;}
	.logo-movie{height: 205px;}
}
@media screen and (min-width: 1680px) {
	.main-art, .parallax-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{height: 580px;}
	.logo-movie{height: 240px;}
}
@media screen and (min-width: 1920px) {
	.main-art, .parallax-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{height: 605px;}
	.logo-movie{height: 280px;}
}
@media screen and (min-width: 2300px) {
	.main-art, .parallax-girl, .parallax-roborock, .parallax-owl, .parallax-man, .parallax-zlo{height: 610px;}
	.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;
}


.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;
}


.baha_slider img{
	width: 186px;
}

@media screen and (min-width: 1280px) {
	.section-video .wrapper{
		background: #fff;
		padding: 10px;
		border-radius: 5px;
		float: left;
	}
	.section-video .baha_video{
		float: left;
		margin-bottom: 3px;
	}
	.section-video{
		overflow: hidden;
	}
	.section-video .baha_slider{
		float: left;
		clear: left;
		width: 560px;
	}
	.baha_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;
}
.baha_text ul{
	list-style-type: none;
	font-size: 20px;
	padding-left: 0px;
	margin-top: 10px;
}
.baha_text ul li{
	margin-bottom: 15px;
	padding-left: 20px;
	padding-bottom: 3px;
	position: relative;
	font-size: 1em;
	line-height: 1.4em;
}

.baha_text ul li:before{
	content: '';
    position: absolute;
    top: 0.4em;
    left: 0px;
    width: 0.5em;
    height: 0.5em;
    background: #cc3d3d;
}
.baha_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 .baha_video{
		margin-bottom: 3px;
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
	}
	.section-video{

	}
	.section-video .baha_slider{
		width: 100%;
	}
	.baha_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%;
	}
	.baha_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{
	position: absolute;
	right: 0;
	top: 0;
	text-align: left;
}
.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, .baha_text .h2{
		font-size: 3.5em;
		line-height: 1.2em;
		margin-bottom: 0.3em;
	}
	.section-gameinfo .game-info p, .baha_text ul li{
		font-size: 2.4em;
		margin-bottom: 0.5em;
		/*padding-left: 1em;*/
	}

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


/*	.baha_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(/public/images/flag/ru.png);}
.lang li.en a:after{background-image: url(/public/images/flag/en.png);}

.lang li.de a:after{background-image: url(/public/images/flag/de.png);}
.lang li.fr a:after{background-image: url(/public/images/flag/fr.png);}
.lang li.it a:after{background-image: url(/public/images/flag/it.png);}
.lang li.pt a:after{background-image: url(/public/images/flag/pt.png);}
.lang li.br a:after{background-image: url(/public/images/flag/br.png);}
.lang li.es a:after{background-image: url(/public/images/flag/es.png);}
.lang li.jp a:after{background-image: url(/public/images/flag/jp.png);}
.lang li.kr a:after{background-image: url(/public/images/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;
}



.download-game .mail{
    border: 1px solid #a6a6a6;
    border-radius: 4px;
    height: 38px;
    display: none;
}
.download-game .mail img{
    height: 38px;
}
.locale_ru.download-game .mail{
    display: block;
}