﻿body {
    overflow-x: hidden;
    font-family: MuseoSansCyrl-500, Arial,sans-serif;
}
@font-face {
    font-family: MuseoSansCyrl-500; /* Гарнитура шрифта */
    src: url(museo.otf); /* Путь к файлу со шрифтом */
}
p{margin:0;padding:0}
.page{min-width:42em;height:100%;padding:18px 18px 0;font-size:93.75%;background:#111;cursor:default;-webkit-text-size-adjust:100% }   
.page,.page-body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 }   
.page-body{min-height:100%;padding:0;border-bottom:18px solid #111;font:1em/1.467 Arial,sans-serif;color:#000;background:#fff } 
.header{overflow:hidden;text-align:center; max-width: 1000px; margin:0 auto;
padding: 25px 60px 10px;
line-height: 25px;
background: #fff;}
.photo{width:auto;max-height:387px;
float:left;

}
.description{margin-left: 400px;}
.photo,.photo-wrapper{display:inline-block;vertical-align:top;max-width:100%}
.photo-wrapper{position:relative;overflow:hidden}
.photo-wrapper:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:rgba(0,0,0,.1)}

.photo{max-height:500px}
.content{max-width:800px;padding:25px 60px 70px;line-height:25px;background:#fff}
.content,.name{margin:0 auto}
.name,.years{max-width:600px;}
.years{padding:10px 60px}
.name{padding:50px 60px 0;font-size:36px/40px; text-transform: uppercase;
font-weight: normal;
}
.button:hover {
background-color: #0D7AD1;
}
.button {
border: 1PX SOLID #1C81C6;
color: #fff;
padding: 20px;
background-color: #0F85E3;
margin-top: 20px;
cursor: pointer;
font-size:16px;
border-radius: 15px;
}
.years{margin:20px auto 0;font:24px/28px textbook,Arial,sans-serif}
a:link,a:visited{text-decoration:none;color:#1181DF}
a:link:hover,a:visited:hover{color:#005E9B}
.footer{font:18px/24px textbook,Arial,sans-serif;margin:0;padding:0;text-align:center}
hr.hr{margin:40px 0;border:0;padding:0;height:1px;background:#c7c7c5;background:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.2)50%,rgba(0,0,0,0));background:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.2)50%,rgba(0,0,0,0));background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.2)50%,rgba(0,0,0,0))}
h3.hr{margin-top:25px;text-align:center;font-size:15px;font-weight:400;line-height:25px}
.quote{margin:0;padding:0;font-size:13px;line-height:20px}
.quote>p{margin-bottom:20px}
.quote>cite{display:block;text-align:right;font-style:italic}
.quote img{display:block;max-width:100%;margin:0 auto}
.quote a:link,.quote a:visited{text-decoration:underline}
.group{margin-top:25px;margin-bottom:-15px}
.group,.group .link{display:inline-block;vertical-align:top}
.group .link{padding:0 10px;margin:0}
.group span.link{padding:0}
.group .link.is-current{padding:0 7px;margin:0 3px;color:#333}
.nav{font:24px/28px textbook,Arial,sans-serif;margin:50px 0 30px}
.photos{padding:0 10px;margin-top:-70px;text-align:center}
.photos-link{display:inline-block;vertical-align:middle;width:400px;margin:0 10px 40px}
.photos-item{display:inline-block;vertical-align:top;max-width:400px;max-height:400px;border:0}
.photos+.content{padding-top:0}
.video-header{margin:50px 0 20px;font:18px/24px textbook,Arial,sans-serif}
.video,iframe{vertical-align:top}
.slider{position:fixed;top:0;left:0;height:100%;width:100%;white-space:nowrap;overflow:hidden;background:rgba(20,20,20,.95);text-align:center}
.slider-photo{max-width:100%;max-height:100%}
.slider-photo,.slider-helper{display:inline-block;vertical-align:middle}
.slider-helper{height:100%;width:1px}
.slider-link{position:absolute;top:0;bottom:0;opacity:.2}
.slider-link:hover{opacity:1}
.slider-link_prev{left:0;width:60px;z-index:9;border-left:40px solid transparent;background:url("arrow-l.png") 0 50% no-repeat}.slider-link_next{left:100px;right:0;z-index:8;border-right:40px solid transparent;background:url("arrow-r.png") 100% 50% no-repeat}.slider-link-text{position:absolute;clip:rect(1px,1px,1px,1px)}
.slider-closer{position:absolute;top:0;right:0;z-index:10;cursor:pointer;width:32px;height:32px;padding:35px;background:url("close.png") 50% no-repeat;opacity:.2}
.slider-closer:hover{opacity:1}
.footer2{
	font-size: 12px;
  padding-bottom: 20px;
  width: 800px;
  margin: 0 auto;
    text-align: center;
}