* {margin: 0; padding: 0;}
img { border: none; display: block; }
html, body {height: 100%;}
@font-face {
  font-family: PTSansNarrow;
  src: url('../fonts/PTSansNarrow.eot');
  src: local(PTSansNarrow), url('../fonts/PTSansNarrow.ttf');
}
body {font-family: PTSansNarrow, "Georgia", sans-serif; font-size: 100%;}
video {/*object-fit: contain;*/object-fit: cover; width: 100%; height: auto;}
table, td {border-collapse: collapse;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}


.menu-left-forever {
  position: fixed; z-index: 100;
  width: 44px; height: 100%;
  background-color: #252525;
}
.forbes-logo span {
  width: 25px;
  height: 30px;
  display: inline-block;
  background: url("../img/f-logo.png") no-repeat;
  margin: 20px 0 0 9px;
}
.forbes-logo span:hover {background-position: 0 -31px;}

.menu-content {
  position: absolute;
  margin-left: 6px;
  color: #ebd9c6;
  text-shadow: 1px 1px 2px #000;
}
.menu-content-block {
  width: 30px; height: 30px;
  position: relative;
  margin: 0 0 15px 0;
  background: url("../img/menu-content-bg-block.png") no-repeat;
  cursor: pointer;
}
#menu-content-this {
  position: absolute;
  top: 11px; right: -8px;
}
.menu-content-block.ms1 {background-position: 0 -45px;}
.menu-content-block.ms2 {background-position: 0 -90px;}
.menu-content-block.ms3 {background-position: 0 -135px;}
.menu-content-block.ms4 {background-position: 0 -175px;}
.menu-content-block.ms5 {background-position: 0 -221px;}
.menu-content-block.ms6 {background-position: 0 -266px;}
.menu-content-block:last-child {margin-bottom: 0;}
.menu-content .mcb-zag {
  visibility: hidden;
  position: absolute; top: 0; left: 40px;
  height: 14px;
  font-size: 75%; font-family: Arial, sans-serif;
  background: url("../img/menu-content-bg-zag.png") repeat-x;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  padding: 8px;
  white-space: nowrap;
}
.menu-content-block:hover .mcb-zag {visibility: visible;}

.m-t-f_s {
  position: absolute;
  bottom: 0;
  width: 38px;
  margin: 0 0 5px 6px;
}
.m-t-f_s a {
  display: inline-block;
  color: transparent;
  text-decoration: none;
  width: 31px;
  height: 31px;
  margin-bottom: 8px;
  background: url("../img/social-logo.png") 0 -37px no-repeat;
}
.m-t-f_s a:first-child {
  background-position: 0 0;
}
.m-t-f_s a:last-child {
  background-position: 0 -74px;
}
.m-t-f_s a:hover {
  background-position: -32px -37px;
}
.m-t-f_s a:first-child:hover {
  background-position: -32px 0;
}
.m-t-f_s a:last-child:hover {
  background-position: -32px -74px;
}


.body-content {
  padding: 0 0 0 44px;
}


.screen {
  min-width: 1000px;
  min-height: 850px;
  position: relative;
}
.screen.s1 {
  min-height:  685px;
}

.screen.s1 {
  background: url("../img/bagr_1.jpg") center bottom no-repeat;
  background-size: cover;
}
.screen.s2 {
  background: url("../img/p2_gerb.jpg") 78% 15% no-repeat;
}
.screen.s3 {
  background: url("../img/p3_map_v1.jpg") center center no-repeat;
  background-size: contain;
}
.screen.s8 {
  background: url("../img/p7_breg.jpg") 85% bottom no-repeat;
}
.screen.s10 {
  background: url("../img/p9_bg.jpg") right bottom no-repeat;
  background-size: cover;
}
.screen.s19 {
  background: url("../img/p17_bg_vid.jpg") center bottom no-repeat;
  background-size: cover;
}
.start_screen_content {
  top: 56%;
  width: 100%;
  position: absolute;
}
.start_screen_content div {
  width: 765px;
  margin: 0 auto;
}
.start_screen_content p {
  color: #ebd9c6;
  text-shadow: 1px 1px 2px #000;
}
.start_screen_content p a {
  color: #ebd9c6;
  text-decoration: underline;
}
.start_screen_content div > p:last-child {
  font-size: 1.3em;
  font-style: italic;
}
.start_screen_content img {margin-bottom: 10px;}

.arrow_down {
  position: absolute;
  bottom: 2%;
  width: 100%;
}
.arrow_down img {
  cursor: pointer;
  display: block;
  padding-right: 25px;
  margin: 0 auto;
}
.arrow_down img:hover {opacity: .7;}
.arrow_down.up img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  padding-right: 0;
  padding-left: 25px;
}


.block-text {
  width: 700px;
  margin: 0 auto;
  padding-top: 1.55em;
}
.block-text h1 {
  font-size: 220%;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.8em;
  margin-left: -44px;
}
.screen.s8 .block-text {padding-top: 25px;}
.screen.s9 .block-text {padding-top: 25px;}
.screen.s11 .block-text {
  padding-top: 25px;
}
.screen.s11 .block-text h1 {
  margin-bottom: 0;
}
.block-text p {
  margin-bottom: .8em;
  font-size: 1.05em;
}
.block-text p a {
  text-decoration: underline;
}
.text-img-left {
  float: left;
  margin: 5px 10px 5px -220px;
  position: relative;
}
.text-img-right {
  float: right;
  margin: 5px -100px 5px 10px;
  position: relative;
}
.text-img-left,
.text-img-right {
  font-size: 90%;
}
.text-img-left span,
.text-img-right span {
  position: absolute;
  bottom: -1.3em;
}
.text-img-right span {
  right: 0;
}
.firstLatter {
  position: absolute;
  font-size: 2.5em; line-height: 1em;
  font-weight: bold;
  padding: 0 6px;
  color: #000;
  background-color: #F5ECE3;
  margin-left: -1em;
}
.vrezka {
  background-color: rgba(226,216,206, 0.5);
  padding: 0.8em;
  font-weight: bold;
  margin-left: -0.8em;
  width: 100%;
}

.bottom-vrezka {
  height: 19%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  /*position: absolute;
  bottom: 0;
  width: 100%;*/
}
.bottom-vrezka.bv1 {
  background-image: url('../img/p2_bg.jpg');
}
.bottom-vrezka.bv2 {
  background-image: url('../img/p3_bg.jpg');
}
.bottom-vrezka.bv3 {
  height: 65%;
  background: url('../img/mina.gif') center center no-repeat;
}
.bottom-vrezka.bv4 {
  height: 65%;
  background: url('../img/p4_bg.jpg') center center no-repeat;
}
.bottom-vrezka.bv5 {
  height: 50%;
  background: url('../img/p5_bg.jpg') center center no-repeat;
}
.bottom-vrezka.bv6 {
  height: 29%;
  background: url('../img/p6_bg.jpg') center center no-repeat;
}
.bottom-vrezka.bv3,
.bottom-vrezka.bv4,
.bottom-vrezka.bv5,
.bottom-vrezka.bv6 {
  position: relative;
  background-attachment: fixed;
  background-size: cover;
}
.bottom-vrezka.bv7 {
  height: 65%;
  background-image: url('../img/p14_bg.jpg');
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-position-y: -70%;
}
.bottom-vrezka.bv8 {
  background-image: url('../img/p15_bg.jpg');
}
.bottom-vrezka.bv9 {
  height: 65%;
  background-image: url('../img/p16_bg.jpg');
  position: relative;
  background-attachment: fixed;
  background-size: cover;
}
.screen.s8 .block-text img {width: 100%;}
.screen.s9 .block-text img {width: 100%;}
.screen.s12 .block-text img,
.screen.s13 .block-text img {width: 90%;margin: 0 auto;}
.screen.s14 .block-text img {width: 87%;margin: 0 auto;}
.screen.s15 .block-text img {width: 87%;margin: 0 auto;}






.persons-dnepropetrovsk {
  width: 1000px;
  margin: 25px auto 0;
  position: relative;
  overflow: hidden;
}
.persons-dnepropetrovsk > div:first-child {
  position: relative;
  width: 550px;
  margin: 0 auto;
}
.persons-block {
  border-top: 1px solid #000;
  height: 101px;
  padding-top: 1px;
  cursor: pointer;
}
.persons-block:hover .persons-name {
  background: url("../img/persons/persons-name-bg.jpg") no-repeat;
}
.persons-block:hover .persons-name.right {background-position: 1px -100px;}
.persons-block:hover .persons-photo {background-position: 0 -100px;}

.persons-block:last-child {
  border-bottom: 1px solid #000;
}
.persons-block:after {content: ''; display: block; clear: both;}
.persons-name,
.persons-photo {
  width: 275px; height: 100px;
  float: left;
  display: block;
}
.persons-name {
  font-size: 150%;
  color: #000;
  width: 260px; height: 85px;
  padding: 15px 0 0 15px;
}
.persons-name.right {
  text-align: right;
  padding: 15px 15px 0 0;
}
.persons-photo.o1 {background: url("../img/persons/persons-photo-01.jpg") no-repeat;}
.persons-photo.o2 {background: url("../img/persons/persons-photo-02.jpg") no-repeat;}
.persons-photo.o3 {background: url("../img/persons/persons-photo-03.jpg") no-repeat;}
.persons-photo.o4 {background: url("../img/persons/persons-photo-04.jpg") no-repeat;}
.persons-photo.o5 {background: url("../img/persons/persons-photo-05.jpg") no-repeat;}
.persons-photo.o6 {background: url("../img/persons/persons-photo-06.jpg") no-repeat;}

.person {
  position: absolute;
  top: 0;
  width: 1000px; height: 100%;
  z-index: 10;
  visibility: hidden;
}
.person:after {content: ''; display: block; clear: both;}
.person h4 {
  font-size: 110%;
  text-transform: uppercase;
}
.person_img,
.person_text {
  width: 500px; height: 100%;
  position: absolute;
  background-color: #fff;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.person_img h4 {
  color: #fff;
  text-align: right;
  margin: 0 .8em 0 0;
  padding-top: .6em;
}
.person_text h4 {margin: .6em 0 1em .8em;}
.person_text p {margin: 0 0 .8em .8em;}

.person_img {
  left: -100%;
}
.person_img > div {
  background-repeat: no-repeat;
  background-size: cover;
  margin: 1px 0;
  height: 100%;
}
.person_text {
  right: -100%;
}
.close-person {
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: bold;
  cursor: pointer;
}
.person_img.o1 > div {background-image: url("../img/persons/person_img-01.jpg");}
.person_img.o2 > div {background-image: url("../img/persons/person_img-02.jpg");}
.person_img.o3 > div {background-image: url("../img/persons/person_img-03.jpg");}
.person_img.o4 > div {background-image: url("../img/persons/person_img-04.jpg");}
.person_img.o5 > div {background-image: url("../img/persons/person_img-05.jpg");}
.person_img.o6 > div {background-image: url("../img/persons/person_img-06.jpg");}



.video {
  position: absolute;
  top: 100px; left: 25%;
  width: 560px;
  padding: 20px;
  font-size: 1.7em;
  text-shadow: 3px 3px 6px #000;
  color: #E8D9C2;
  background-color: rgba(0,0,0, 0.6);
  cursor: pointer;
}
#v_play {
  width: 104px; height: 104px;
  float: left;
  margin-right: 20px;
  margin-bottom: -7px;
}
.video:hover #v_play {opacity: 0.6;}
.video:hover {color: #b9aa93;}
.dark_win {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 999; opacity: 0.6;}
#v_video {/*width: 560px; height: 315px;*/ width: 46%;  position: fixed; top: 0; z-index: 1000; display: none;}
#v_video img {position: absolute; margin: -15px -14px -16px 0; right: 0; z-index: 2; cursor: pointer;}



.bottom {
  padding: 50px 0 50px 44px;
  margin-left: -44px;
  width: 100%;
  color: #ECD9CA;
  background-color: #252525;
}
.bottom:after {content: ''; display: block; clear: both;}
.bottom > div {
  margin: 0 auto;
  width: 580px;
}
.bottom img {
  border: 3px solid #ECD9CA;
  margin-right: 1em;
  float: left;
}
.bottom p {
  font-size: 90%;
  line-height: 1.2em;
  margin: 0 0 .8em 0;
}
.bottom a {color: #ECD9CA; text-decoration: underline;}
.bottom p:last-child {margin-bottom: 0;}