* {
	padding: 0;
	margin: 0;
}

td {
	vertical-align: top;
}

.clr {
	clear: both;
}

body {
	overflow: hidden;
}
#wrapper {
	position: relative;
	color: #fff;
}
.mute {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	z-index: 1000;
	cursor: pointer;
	background: url(../images/mute.png) no-repeat center center;
	
	&.active {
		background: url(../images/unmute.png) no-repeat center center;
	}
}
.social-share {
	position: fixed;
	top: 60px;
	left: 10px;
	z-index:10000;
}
.zahod {
	position: fixed;
	width: 545px;
	height: 400px;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -272px;
	background: url(../images/bg.png) no-repeat center top;
	z-index: 20;
	
	.preloader {
		position: absolute;
		width: 100px;
		height: 100px;
		background: url(../images/loading.gif) no-repeat center center;
		bottom: 0px;
		left: 222px;
	}
	.start {
		position: absolute;
		display: none;
		width: 200px;
		height: 100px;
		background: url(../images/start.png) no-repeat center center;
		cursor: pointer;
		bottom: 0px;
		left: 172px;
	}
}

.layer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	
	.secure {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: 10;
	}
	img {
		position: absolute;
		width: 100%;
		top: 0px;
		left: 0px;
	}
}