@font-face{ 
		font-family: "FuturaPT";
		src: url("fonts/FuturaPT-Book.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
	}

	@font-face{
		font-family: "FuturaPT_demi";
		src: url("fonts/FuturaPT-Demi.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
	}
	body{   
	margin:0;    
	padding:0;   
	font-family:'Futura PT', Arial, sans-serif;
	min-width: 700px;
	font-size: 16px;
	color: #d1d1d1;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
  	background-image: url("../img/Fon.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 0;
	background-size: cover;
}

.content{
	flex: 0 0 auto;
}
.container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
header{
	height: 80px;
	padding-bottom: 30px;
	width: 100%;
}
.main-header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.logo75{
	display: none;
	margin: 23px 65px;
	width: 400px;
	height: 50px;
	background-image: url("../img/P-75_logotip_gorizont_um.png");
	background-size:  auto 75%;
	background-repeat: no-repeat;
}
.logo75-m{
	display: block;
	margin: 23px 40px;
	width: 270px;
	height: 70px;
	background-image: url("../img/P-75_logotip_gorizont.png");
	background-size:  auto 93%;
	background-repeat: no-repeat;
}
.logoPB{
	display: none;
	margin: 15px 65px;
	width: 210px;
	height: 50px;
	background-image: url("../img/logoPB.png");
	background-size: auto 110%;
	background-repeat: no-repeat;
}
.logoPB-m{
	margin: 15px 40px;
	width: 300px;
	height: 70px;
	background-image: url("../img/logoPB.png");
	background-size: auto 112%;
	background-repeat: no-repeat;
}
.main{
	margin:0 auto;
}
.layout-positioner{ 
	margin:15px auto;
	min-width: 650px;
	align-content: center;
}
.layout-column{
	margin: 15px;
	width: 290px;
	height: 120px;
	width: 54%;
	background-color: #c05a46;
	border: 3px solid white;
	opacity: 1;
	box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.5);
}
.layout-column:hover{
	box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.2);
    opacity: 1;
    outline: 2px solid grey;
}
.layout-column1{
	margin: 10px 10px 0;
	width: 265px;
	height: 115px;
	/*width: 54%;*/
	background-color: grey;
	border: 3px solid white;
	opacity: 0.85;
	box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.5);
}
.layout-column1:hover{
	box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.2);
    opacity: 1;
    outline: 2px solid #c05a46;
}
.blocks{
	text-align: center;
	vertical-align: middle;
	padding: 12px 0;
}
.blockT{
	text-align: center;
	padding: 1px;
}
.block{
	background-color: #c05a46;
	border:3px solid white;
	box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.5);
}
.video{
	margin-top: 10px;
 	padding:12px;
	width: 460px;
	height: 342px;
}
/* Стили содержания */
h2{
	margin: 50px 50px 20px;
	font-size: 35px;
	text-transform: uppercase;
}
h4{
	margin: 20px 0;
	font-size: 24px;
	color: #57524f;
}
.blocks p {
	font-size:30px;
	color: white;
	font-family: 'Futura PT', sans-serif;
}
.blockT p {
	padding: 6px;
	vertical-align: center;
	font-size:30px;
	color: white;
	font-family: 'Futura PT', sans-serif;
}
a{
	text-decoration: none;
}
.name{
	color:#d1d1d1;
}
.name-m{
	display: none;
}
.expo-name{
	color: #c05a46;
	text-align: center;
}
hr {
	color:#c05a46;
	background-color:#c05a46; 
	max-width: 670px;
	height: 2px;
	margin-bottom: 15px;
}
.copy {
	margin: 0 auto;
	width: 75px;
	height: 75px;
	background-color: grey;
	border: solid 4px white;
	opacity:0.85;
	box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.5);
	border-radius: 50%;
	/*background-image: url("../img/arup.png");
	background-repeat: no-repeat;
	background-size:  auto 50%;
	background-position: 50% 45%;*/
}
.copy:hover {
	box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.2);
    opacity: 1;
    background-color: #c05a46;
   }
.circle{
	width: 75px;
	height: 75px;
	padding: 0;
	margin: 0 auto;
}
.copy p{
	margin-top: 1px;
	text-align: center;
	font-size: 58px;
	font-weight: bold;
	font-family: 'Futura PT', sans-serif;
	justify-content: center;
	color: white;
}
.minT {
	max-width: 750px;
	padding-top: 5px;
	padding-bottom: 25px;
background-color: rgba(255,255,255,0.75);
	
	


	/*box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.5);*/
}
.textT p{
	min-width: 640px;
	line-height: 190%;
	margin: 5px 35px 0;
	padding:2px 15px;
	color: #57524f;
	font-size: 26px;
	font-family: 'Futura PT', sans-serif;
	text-align: left;
	justify-content: center;
	text-indent: 40px;
}
.text p{
	min-width: 640px;
	line-height: 190%;
	margin: 5px 35px 10px;
	padding:2px 15px;
	color: #57524f;
	font-size: 26px;
	font-family: 'Futura PT', sans-serif;
	text-align: left;
	justify-content: center;
	text-indent: 40px;
}
.zag p{
	font-size: 30px;
	color:#c05a46;
	line-height: 170%;
	margin: 45px 35px 25px;
}
.back {
	top:0;
	left: 45%; 
	position: absolute;
	margin: 10px;
	width: 75px;
	height: 75px;
	background-color: grey;
	border: solid 4px white;
	opacity:0.7;
	box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.5);
	border-radius: 50%;
	background-image: url("../img/arup.png");
	background-repeat: no-repeat;
	background-size:  auto 50%;
	background-position: 50% 45%;
}
.back:hover {
	box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.2);
    opacity: 1;
    background-color: #c05a46;
}
h5{
	margin: 0;
	font-size: 16px;
}
.empty{
	width: 100%;
	height: 40px;
}
.footer{
	display: flex;
  align-items: center;
  justify-content: center;
	width: 100%;
	height: 30px;
}
.footer p{
	background-color: rgba(255,255,255,0.7);
	margin-top:50px;
	padding: 5px 8px;
	color:#57524f;
	font-size: 24px;
	font-weight: 600;
	font-family: 'Futura PT', sans-serif;
}