*{
	padding:0;
	margin:0;
	text-decoration:none;
}
html,
body {
	height: 100%;
}
body{
	background: #d7d6d4;
	/*background: url('img/bg.jpg') #d7d6d4;*/
}
@font-face {
    font-family: PFCentroSansPro-BoldItalic; /* Имя шрифта */
    src: url(fonts/PFCentroSansPro-BoldItalic.otf); /* Путь к файлу со шрифтом */
   }
@font-face {
    font-family: PFCentroSansPro-Italic; /* Имя шрифта */
    src: url(fonts/PFCentroSansPro-Italic.otf); /* Путь к файлу со шрифтом */
   }
@font-face {
    font-family: PFCentroSansPro-Reg; /* Имя шрифта */
    src: url(fonts/PFCentroSansPro-Reg.otf); /* Путь к файлу со шрифтом */
   }
.wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	color:#fff;
}
.content {
	flex: 1 0 auto;
}
.top{
	height:630px;
	width:100%;
	background:#00b7f4;
	display: flex;
	flex-direction: column;
}
.top-1{
	height:147px;
	width:100%;
	/*background: #c4b5b5;*/
	background: url('img/top.png') no-repeat;
	background-size:100%;
	flex: 1 0 auto;
}
.logo{
	float: left;
}
.logo h1{
	margin-left: 300px;
	font-size: 46px;
	line-height: 148px;
}
.auth{
	float: right;
	margin-right: 400px;
	margin-top: 50px;
}
.auth a{
	color: #fff;
	font-weight: bold;
	font-size:20px;
	font-family:Comic Sans MS, Comic Sans, cursive;
	margin-left:20px;
	font-family: PFCentroSansPro-Italic;
}
.auth  a.login:hover{
	text-decoration: underline;
}
a.reg {
  position: relative;
  display: inline-block;
  font-size: 100%;
  font-weight: 700;
  color: rgb(209,209,217);
  text-decoration: none;
  text-shadow: 0 -1px 2px rgba(0,0,0,.2);
  padding: .5em 1em;
  outline: none;
  border-radius: 3px;
  background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
  box-shadow:
   0 1px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 1px 1px rgba(0,1,6,.2);
  transition: .2s ease-in-out;
}
a.reg:hover:not(:active) {
  background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
}
a.reg:active {
  top: 1px;
  background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
  box-shadow:
   0 0 1px rgba(0,0,0,.5) inset,
   0 2px 3px rgba(0,0,0,.5) inset,
   0 1px 1px rgba(255,255,255,.1);
}
.top-2{
	height:410px;
	width:100%;
	/*background: #00b7f4;*/
	flex: 2 0 auto;
	font-size: 46px;
}
.top-2 span{
	margin-left: 200px;
}
.text-top{
	margin-top: 100px;
	font-family: PFCentroSansPro-Reg;
}
.top-2 .button{
	margin-top: 100px;
    margin-left: 850px;
}
.top-2 .button a{
	font-size:24px;
	margin-top: 120px;
	color:#fff;
	padding:8px;
	background: #456981;
	border-radius: 5px;
	font-family: PFCentroSansPro-Reg;
}
.top-2 .button a:hover{
	background: #5783a0;
	color: #e4e2b5;
}
.top-3{
	height:70px;
	/*width:1170px;*/
	width:100%;
	background: #a2a2a2;
	flex: 2 0 auto;
	font-family: PFCentroSansPro-BoldItalic;
}
.top-3 ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-3 li{
	float:left;
	list-style-type:none;
	text-align:center;
}
.top-3 a{
	display:block;
	height:70px;
	width:255px;
	background: #a2a2a2;
	line-height:70px;
	color: #fff;
	font-weight: bold;
	font-size:20px;
}
.top-3 a:hover{
	background: #474747;
	text-decoration: underline;
}
.side{
    display: flex;
    align-content: center; 
    justify-content: center; 
	margin-top: 20px;
}
.bar-left{
	float: left;
	width: 280px;
	margin-right: 30px;
}
.bar-left-1{
	float: left;
	background: #474342;
	height: 270px;
	width: 100%;
	margin-bottom: 10px;
	border: 3px solid #a2a2a2;
	box-shadow: 0 0 12px #000;
}
.bar-left-1-top{
	height:50px;
	width:100%;
	background: #a2a2a2;
}
.bar-left-1-top h1{
	font-size: 20px;
	font-family: PFCentroSansPro-BoldItalic;
	line-height: 40px;
	text-align: center;
	border-bottom: 2px solid #000;
	margin:0 20px;
}
.bar-left-1 .link{
	height:34px;
	border-bottom: 3px solid #a2a2a2;
}
.bar-left-2{
	float: left;
	background: #474342;
	height: 345px;
	width: 100%;
	margin-right: 30px;
}
.bar-left-2-top h1{
	font-size: 20px;
	font-family: PFCentroSansPro-BoldItalic;
	line-height: 40px;
	text-align: center;
	margin:0 20px;
}
.bar-left-2-content{
	background: #626262;
	width:260px;
	height:295px;
	margin:0 auto;
	border-radius: 5px;
}
.bar-right{
	min-height: 400px;
	width: 800px;
}
.bar-right-news{
	background: #474747;
	min-height: 200px;
	width: 100%;
	margin-bottom: 20px;
	float: left;
	box-shadow: 0 0 12px #000;
	border-radius: 5px;
	overflow: hidden;
}
.bar-right-news>img{
	margin: 20px;
}
.bar-right-news-top{
	min-height: 170px;
	width: 100%;
}
.bar-right-news-top .img{
	float: left;
}
.bar-right-news-top > .text{
	float: left;
	width: 500px;
	margin-top: 25px;
	margin-left: 25px;
	margin-bottom: 25px;
}
.bar-right-news-bottom{
	height: 30px;
	width: 100%;
	background: #383838;
	float: left;
}
.bar-right-news-bottom > span{
	font-family: PFCentroSansPro-Reg;
	margin-left: 20px;
	line-height: 30px;
	color: #989898;
}
.bar-right-news-bottom .right{
	margin-top: 8px;
	margin-right:25px;
	float: right;
}
.bar-right-news-bottom .right > span{
	font-family: PFCentroSansPro-Reg;
	margin-left: 10px;
	margin-right: 20px;
	color: #989898;
}
.footer {
	font-family: PFCentroSansPro-Italic;
	background: url('img/bottom.png') no-repeat;
	width:100%;
	height:153px;
	background-size:100%;
	flex: 0 0 auto;
}
.footer-content {
	margin-right: 370px;
	margin-top: 20px;
	float: right;
}
.footer-content li{
	float: left;
	margin-left: 30px;
	color: #626262;
}
.footer-content li a{
	color: #fff;
}
.footer-content li a:hover{
	text-decoration: underline;
}
.footer-content .right{
	width: 130px;
	float:right;
}
.footer-content a.mobile{
	color: #fff;
	float:right;
	margin-top: 30px;
	border-bottom: 1px solid #545454;
}
.soc{
	margin-top: 20px;
	float: right;
}
/*
.d30 {
  width: 80%;
  height: 50px;
  /*background: white;
  /*margin:30px auto;
  float:right;
  z-index: 2;
  position: relative;
  border-radius: 8px 0 0 0;
  border-top: 2px solid mediumturquoise;
}
.d30:before {
  content: " ";
  position: absolute;
  top: -2px;
  height: 100%;
  width: 44px;
  background: white;
  border-left: 2.5px solid mediumturquoise;
  border-top: 2px solid mediumturquoise;
  left: -24px;
  transform: skewX(-50deg);
}
.d30:after {
  content: "";
  position: absolute;
  bottom:0.4px;
  /*left: -290px;
  height: 100%;
  width: 30%;
  border-bottom: 2px solid mediumturquoise;
}*/