@charset "utf-8";
/* CSS Document */

/* Fonts */
@font-face {
  font-family: 'DINNextLTPro-UltraLight';
  src: url('../fonts/DINNextLTPro-UltraLight.eot?#iefix') format('embedded-opentype'),  
  	   url('../fonts/DINNextLTPro-UltraLight.otf')  format('opentype'),
	   url('../fonts/DINNextLTPro-UltraLight.woff') format('woff'), 
	   url('../fonts/DINNextLTPro-UltraLight.ttf')  format('truetype'), 
	   url('../fonts/DINNextLTPro-UltraLight.svg#DINNextLTPro-UltraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'DINNextCYR-Light';
	src: url('../fonts/DINNextCYR-Light.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/DINNextCYR-Light.otf') format('opentype'),
		 url('../fonts/DINNextCYR-Light.woff') format('woff'), 
		 url('../fonts/DINNextCYR-Light.ttf') format('truetype'), 
		 url('../fonts/DINNextCYR-Light.svg#DINNextCYR-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DINNextCYR-Regular';
	src: url('../fonts/DINNextCYR-Regular.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/DINNextCYR-Regular.otf') format('opentype'),
		 url('../fonts/DINNextCYR-Regular.woff') format('woff'), 
		 url('../fonts/DINNextCYR-Regular.ttf') format('truetype'), 
		 url('../fonts/DINNextCYR-Regular.svg#DINNextCYR-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'DINNextCYR-Bold';
  src: 	url('../fonts/DINNextCYR-Bold.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/DINNextCYR-Bold.otf')  format('opentype'),
		url('../fonts/DINNextCYR-Bold.woff') format('woff'), 
		url('../fonts/DINNextCYR-Bold.ttf')  format('truetype'), 
		url('../fonts/DINNextCYR-Bold.svg#DINNextCYR-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINNextCYR-Medium';
  src: 	url('../fonts/DINNextCYR-Medium.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/DINNextCYR-Medium.otf')  format('opentype'),
	    url('../fonts/DINNextCYR-Medium.woff') format('woff'), 
		url('../fonts/DINNextCYR-Medium.ttf')  format('truetype'), 
		url('../fonts/DINNextCYR-Medium.svg#DINNextCYR-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
	background-image: url(../img/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: 'DINNextCYR-Light';
}

.main{
	height: 370px;
	width: 550px;
	position: absolute;
	left: calc(50% - 275px);
	top: calc(50% - 185px);
	text-align: center;
}
.main hr{
	border-color: #fff;
	margin: 40px 0;
}
.main h3{
	color: #484848;
	font-size: 24px;
	font-weight: 400;
	margin: 0;
}

.main h4{
	color: #484848;
	font-size: 18px;
	font-weight: 400;
	margin: 0;
}

.social{
    position: absolute;
    bottom: 45px;
    right: 35px;
    color: #484848;
}
.social p{
	font-size:10px;
	font-family: 'DINNextCYR-Light';   
	letter-spacing:1px;
	display:block;
	float: left;
    padding-right: 20px;
	margin:0;
	padding-top:4px;
}
.social a{
	color:#484848;
}
.social i{
	font-size:10px;
    padding: 0 2px;
}
