/* LESS VARIABLES */
.border-radius (@radius: 5px) {
	border-radius: @radius;
  	-webkit-border-radius: @radius;
  	-moz-border-radius: @radius;
}
.box-sizing (@type: border-box) {
	-webkit-box-sizing: @type;
	-moz-box-sizing:    @type;
	box-sizing:         @type;
}

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Futura;
	background: #000;
	color: #fff;
}
#wrapper {
	width: 1100px;
	margin: 0px auto;
	padding: 30px 0 0 150px;
}
.zahod {
	width: 860px;
	height: 345px;
	background: url(../images/zahod.png) no-repeat center center;
	clear: both;
}
.info {
	font-family: Futura;
	font-weight: bold;
	font-size: 35px;
	width: 815px;
	margin-left: 16px;
}
.control {
	position: absolute;
	width: 100%;
	left: 0px;
	background: #000;
	top: 520px;
	padding: 5px 0;
	
	.container {
		width: 920px;
		margin: 0 auto;
	}
	.button {
		display: inline-block;
		border: 4px solid #fff;
		padding: 12px 20px;
		background: #000;
		color: #fff;
		font-family: Futura;
		font-size: 20px;
		cursor: pointer;
		text-transform: uppercase;
		letter-spacing: 2px;
		vertical-align: text-top;
	}
	.button:hover {
		border-color: #16aeed;
		color: #16aeed;
	}
	.button:active {
		position: relative;
		top: 1px;
	}
	.input {
		border: 4px solid #fff;
		height: 28px;
		padding: 10px;
		width: 700px;
		background: #000;
		color: #fff;
		font-family: Futura;
		font-size: 30px;
		vertical-align: text-top;
		
		-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
		     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
		       -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
		          transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
	}
	.input:focus {
		outline: none;
	}
	p {
		margin-top: 5px;
	}
}
.back {
	width: 1180px;
	height: 1549px;
	background: url(../images/back.jpg);
	position: absolute;
	left: 50%;
	margin-left: -590px;
	margin-top: 170px;
	
	.img {
		position: absolute;
	}
}
.popup {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 2000;
	background: rgba(0,0,0,0.7) url(../images/win.jpg) no-repeat center center;
	
	.container {
		position: relative;
		width: 350px;
		margin: 0 auto;
		top: 50%;
		margin-top: 270px;
	}
	.tw {
		display: inline-block;
		width: 162px;
		height: 43px;
		background: url(../images/twitter.png) no-repeat center center;
		cursor: pointer;
	}
	.tw:hover {
		background: url(../images/twitter_hover.png) no-repeat center center;
	}
	.tw:active {
		position: relative;
		top: 1px;
	}
	.fb {
		display: inline-block;
		width: 162px;
		height: 43px;
		background: url(../images/fb.png) no-repeat center center;
		cursor: pointer;
	}
	.fb:hover {
		background: url(../images/fb_hover.png) no-repeat center center;
	}
	.fb:active {
		position: relative;
		top: 1px;
	}
}