/*---------------------------standart rules for tags------------------------*/
html, body, div, form, img, 
h1, h2, h3, h4, h5, h6,
ul, ol, li,
table, th, tr, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px none;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

html, body {
	min-width: 1000px;
	background-color: #ffffff;
}

body {
	text-size-adjust:100%; /*относительный размер текста на телефоне*/
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	backface-visibility: hidden; /*сглаживание шрифтов*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

a {
text-decoration: none;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

textarea {
	resize: none;
}

.img_cache {
	display: none;
}

[hidden] {
	display: none;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.wva { /*wrapper vertical align*/
	display: table;
}

.va {
	display: table-cell;
	vertical-align: middle;
}

/*-----------------------------------standart elements------------------------------------*/

.page {
}

.wrapper {
	position: relative;
	width: 100%;
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
	overflow: hidden;
}

.content {
	position: relative;
	min-width: 980px;
	width: 980px;
	height: 100%;
	margin: 0px auto;
}

button {
	padding: 10px 0px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	outline: none;
	cursor: pointer;

	font-family: 'BarnaulGroteskExtBol';
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
	border: 2px solid rgba(255, 255, 255, 0.75);

	background: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.25))), url('../images/buttoncover.jpg') top center no-repeat; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

	button:hover{
		text-shadow: 2px 0px 4px #3b1538;
		
		background: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 0%, rgba(0,0,0,0.35) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(100%,rgba(0,0,0,0.35))), url('../images/buttoncover.jpg') top center no-repeat; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(0,0,0,0.35) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(0,0,0,0.35) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(0,0,0,0.35) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(0,0,0,0.35) 100%), url('../images/buttoncover.jpg') top center no-repeat; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#59000000',GradientType=0 ), url('../images/buttoncover.jpg') top center no-repeat; /* IE6-9 */
	}

.window {
	padding: 25px;
	border: 10px solid rgba(0, 0, 0, 0.08);

	box-shadow: #656565 0px 3px 8px;
	-moz-box-shadow: #656565 0px 3px 8px;
	-webkit-box-shadow: #656565 0px 3px 8px;

	background-color: #ffffff;

	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}

	.windowtitle {
		font-family: 'BarnaulGroteskMed';
		font-size: 36px;
		line-height: 41px;
		color: #333333;
		padding-bottom: 10px;
	}

	.windowtext {
		font-family: 'GTWal';
		font-size: 24px;
		line-height: 29px;
		color: #333333;
		padding-bottom: 20px;
	}

	.windowlabel {
		width: 100%;
		display: block;
		padding-bottom: 10px;

		font-family: 'GTWal';
		font-size: 16px;
		line-height: 16px;
		color: #333333;
		text-align: left;
	}

		.windowinput {
			width: 80%;
			padding: 6px 10%;
			margin-top: 10px;
			border: 1px solid #333333;

			font-family: 'GTWal';
			font-size: 18px;
			line-height: 23px;
			color: #333333;
			text-align: center;
			text-align: -webkit-center;
			text-align: -moz-center;
		}

		.windowinput:focus {
			outline: none;
		}

		.windowinputf {
			color: #9f708f;
			border: 1px solid #9f708f;
		}

	.window button {
		width: 97%;
	}

	.window .deskr {
		padding-top: 5px;
		
		font-family: 'GTWal';
		font-size: 14px;
		line-height: 14px;
		color: #999999;
	}

.title {
	padding: 20px 0px;
		
	font-family: 'BarnaulGroteskExtBol';
	font-size: 34px;
	line-height: 34px;
	color: #333333;
}

.boxes {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.box {
	display: inline-block;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 20px 0px;
}

.buttonbox {
	padding: 5px;
	background: rgba(255, 255, 255, 0.35);
		
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}