.show-on-mobile{
	display: none;
}
.hide-on-mobile{
	display: block;
}
.player_123 {
	/*color: white;*/
	z-index: 190;
	position: absolute;
	/*top: 80%;*/
	bottom: 80px;
	left: 30px;
	right: 30px;
	/*width: 1263px;*/
	/*height: 90px;*/
	height: 120px;
}
footer {
	position: fixed;
	/*top: 90%;*/
	bottom: 0;
	padding: 0 15px;
	z-index: 100;
	background-color: black;
	color: white;
	width: 100%;
	height: 80px;
}
footer > .container {
	/*max-width: 1300px;*/
	z-index: 100;
}
footer > .container-fluid {
	height: 100%;
}
footer .row{
	height: 100%;
	align-items: center;
}
footer .row{
	height: 100%;
	align-items: center;
}
.partners{
	padding-right: 0;
}
.socialmed{
	position:relative;
	/*top:-20px;*/
	/*left:-40px;*/
}
.pln2{
	z-index: 72;
}
.cover1{
	background: url(img/300.png) no-repeat;
	background-position: center;	
	background-size: 100%;
	z-index:87;
	width:300px;
	height:263px;
	left: calc(50% - 263px/2);
	top: calc(40% - 150px);
	position:fixed;
	transition: background-size 1s ease;
}
.cover1:hover{
	background-size: 30%;
}

#play-btn{	
	/* background: url(img/Button-Play.png) no-repeat; */	
	background: url(img/Button-Play3.png) no-repeat;	
	background-position: center;	
	background-size: 0%;	
	width: 100%;	
	height: 100%;	
	cursor: pointer;
	transition: 1s ease background-size;
}
#play-btn:hover{	
	background-size: 80%;	
}
.socialmed div{
	display: inline-block;
}
.text-fullscreen{
	display: none;
}

/*!* md *!*/
/*@media (max-width: 991px){*/

/*}*/

/*!* sm *!*/
/*@media (max-width: 767px){*/

/*}*/

/* xs */
@media (max-width: 575px){
	.show-on-mobile{
		display: block;
	}
	.hide-on-mobile{
		display: none;
	}

	.cover1{
		background: url(img/300.png) no-repeat center;
		background-size: contain;
		width: 100%;
		height: 170px;
		top: 11%;
		left: 0;
	}
	.pln1{
		width: 200px;
		height: 118px;
		background-size: cover;
		background-position: center;
		top: 0;
	}
	.pln2{
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
		right: auto;
		bottom: auto;
		top: 38%;
		left: 50%;
	}
	.pln3{
		background-position: center;
		background-size: cover;
		width: 100px;
		height: 100px;
		top: 40%;
		right: auto;
		left: 50%;
	 }
	.ship{
		background-position: center;
		background-size: cover;
		height: 150px;
		width: 300px;
		bottom: 42%;
		left: auto;
		right: 50%;
	}
	.astr{
		background-position: center;
		background-size: cover;
		width: 100px;
		height: 120px;
		right: 5%;
		top: 22%;
	}
	.nebula{
		background-position: center;
		background-size: cover;
		right: auto;
		bottom: auto;
		top: -10%;
		left: -50%;
		width: 100%;
		height: 100%;
	}
	.milky, .ugol{
		display: none;
	}


	.player_123{
		left: 0;
		right: 0;
		height: 100px;
	}

	footer{
		padding: 0;
		z-index: 90;
	}
	.socialmed{
		display: flex;
		flex-direction: column-reverse;
	}
}

@media (max-width: 998px) and (orientation: landscape){
	.home{
		background-size: cover;
		width: 30px;
		height: 30px;
		top: 7px;
		left: 7px;
	}
	.pln1{
		width: 170px;
		height: 130px;
		background-size: cover;
		left: 1%;
		top: -4%;
	}
	.pln2{
		width: 33%;
		height: 61%;
		bottom: 55px;
		right: 0;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.pln3{
		width: 100px;
		height: 100px;
		background-size: cover;
		right: 150px;
		top: 100px;
	}
	.ship{
		width: 200px;
		height: 200px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.astr{
		width: 100px;
		height: 100px;
		background-size: contain;
		top: 4%;
	}
	.cover1{
		width: 100px;
		height: 100px;
		background-size: contain;
		left: calc(50% - 50px);
		top: calc(40% - 50px);
	}
	.nebula{
		width: 100%;
		height: 100%;
		right: 0;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.milky{
		width: 100%;
		height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		 left: 0;
	}
	.player_123{
		height: 58px;
		bottom: 40px;
		left: 10px;
		right: 10px;
	}
	footer{
		height: 40px;
	}
	.partners a{
		height: 17px;
		display: inline-block;
	}
	.partners img{
		margin: 0 5px 0 0;
		max-height: 100%;
	}
}