body.loading .loader .progress_bar .progress, body.loaded .loader .progress_bar .progress {
  top: 0; }
body.loading .loader .progress_bar .percent, body.loaded .loader .progress_bar .percent {
  color: #FFF;
  position: absolute;
  bottom: -30px;
  width: 100%;
  text-align: center; }

body.loading .loader .progress_bar, body.loaded .loader .progress_bar {
  background: url("../../media/ostankino_icon.png") center no-repeat;
  width: 27px;
  height: 111px;
  margin-top: -80px;
  margin-left: -27px; }

#layout {
  min-width: 1000px; }

#main {
  position: relative;
  min-height: 6564px;
  background: url("../../media/ostankino/bg_gradient.png") left bottom repeat-x;
  overflow: hidden;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

.top_curves {
  background: url("../../media/ostankino/top_curves.png") 50% 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2245px;
  z-index: 1; }

#logo {
  position: relative;
  text-align: center;
  padding-top: 23px;
  z-index: 3; }
  #logo img {
    display: block;
    margin: 0 auto; }

#homeland_logo {
  position: relative;
  text-align: center;
  padding-top: 26px;
  z-index: 3; }
  #homeland_logo img {
    display: none; }

.ru #homeland_logo .ru_name {
  display: inline-block; }

.en #homeland_logo .en_name {
  display: inline-block; }

.header {
  position: absolute;
  width: 100%; }
  .header .head {
    text-align: center;
    position: relative;
    right: 520px;
    font: 25px/41px Georgia, serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: normal;
    color: #fffefe;
    margin: 15px auto;
    width: 270px;
    z-index: 3; }

/**
 * EVENTS
 **/
#events {
  position: absolute;
  top: 83px;
  left: 0;
  z-index: 3;
  width: 100%;
  min-height: 100%; }

#events_second {
  position: absolute;
  top: 83px;
  left: 0;
  z-index: 3;
  width: 100%;
  min-height: 100%; }
  #events_second .img_helicopter {
    position: absolute;
    top: 159px;
    left: 389px;
    width: 195px;
    height: 309px;
    background: url("../../media/ostankino/normal-helicopter.png") 0 0 no-repeat; }

#bubble {
  padding: 40px 50px 40px 50px;
  font-size: 14px; }
  #bubble .year {
    font-size: 14px; }
  #bubble h2 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 20px; }
  #bubble .bg {
    background: url("../../media/ostankino/Ostankino_blur.jpg") 0 0 no-repeat;
    height: 7505px;
    width: 3500px; }
  #bubble .text__inner {
    -webkit-backface-visibility: visible; }

.text {
  display: none; }

.satellites {
  width: 141px;
  height: 99px;
  left: 50%;
  margin-left: -367px;
  position: absolute;
  top: 56px; }
  .satellites .img_satellites {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/satellites.png") 0 0 no-repeat; }
  .satellites .point {
    left: 50px;
    top: 40px; }

.lightning {
  height: 498px;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: -83px;
  width: 803px; }
  .lightning .img_lightning {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/lightning.png") 0 0 no-repeat; }
  .lightning .point {
    left: 206px;
    top: 393px; }

.flag_on_top {
  position: absolute;
  width: 30px;
  top: 357px;
  left: 50%;
  margin-left: -17px; }
  .flag_on_top .point {
    left: -17px;
    top: 0; }

.technologies {
  position: absolute;
  width: 50%;
  top: 630px; }
  .technologies .point {
    left: 0;
    top: 0; }

.fire {
  position: absolute;
  width: 1815px;
  height: 825px;
  left: 50%;
  top: 524px;
  margin-left: -64px; }
  .fire .img_fire {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/fire.png") 0 0 no-repeat; }
  .fire .img_helicopter {
    position: absolute;
    top: 160px;
    left: 400px;
    width: 192px;
    height: 309px;
    background: url("../../media/ostankino/helicopter.png") 0 0 no-repeat; }
  .fire .point {
    left: 320px;
    top: 530px; }

.basejumpers {
  position: absolute;
  width: 886px;
  height: 825px;
  right: 50%;
  top: 1250px;
  margin-right: -375px; }
  .basejumpers .img_basejumpers {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/basejumpers.png") 0 0 no-repeat; }
  .basejumpers .point {
    left: 580px;
    top: 420px; }

.olympic_bear {
  position: absolute;
  width: 236px;
  height: 722px;
  right: 50%;
  top: 1975px;
  margin-right: -585px; }
  .olympic_bear .img_olympic_bear {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/olympic_bear.png") 0 0 no-repeat; }
  .olympic_bear .point {
    left: 96px;
    top: 390px; }

.display {
  width: 419px;
  height: 653px;
  left: 50%;
  margin-left: -202px;
  position: absolute;
  top: 2695px; }
  .display .img_display {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/display.png") 0 0 no-repeat; }
  .display .display_bg {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/display_bg.png") 0 0 no-repeat; }
  .display .point {
    left: 40px;
    top: 270px; }

#canvas {
  position: absolute;
  z-index: 3;
  top: 21px;
  left: 57px; }

.elevator {
  position: absolute;
  width: 284px;
  height: 914px;
  left: 50%;
  top: 3776px;
  margin-left: -143px; }
  .elevator .img_elevator {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/elevator.png") 0 0 no-repeat; }
  .elevator .point {
    left: 90px;
    top: 400px; }

.elevator {
  position: absolute;
  width: 284px;
  height: 914px;
  left: 50%;
  top: 3776px;
  margin-left: -143px; }
  .elevator.active {
    z-index: 1 !important; }
  .elevator .point {
    left: 90px;
    top: 400px; }

.protection {
  position: absolute;
  width: 284px;
  height: 214px;
  left: 50%;
  top: 3776px;
  margin-left: -143px; }
  .protection .point {
    left: 210px;
    top: 80px; }

.climbing {
  position: absolute;
  width: 164px;
  height: 154px;
  left: 50%;
  top: 4356px;
  margin-left: -73px; }
  .climbing .point {
    left: 140px;
    top: 60px; }

.platforms {
  position: absolute;
  width: 284px;
  height: 94px;
  left: 50%;
  top: 4564px;
  margin-left: -143px; }
  .platforms .point {
    left: 140px;
    top: 60px; }

.salut {
  position: absolute;
  width: 2927px;
  height: 1020px;
  left: 50%;
  top: 4038px;
  margin-left: -1412px; }
  .salut .img_salut {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/salut.png") 0 0 no-repeat; }
  .salut .point {
    left: 1170px;
    top: 647px; }

.fidel {
  position: absolute;
  width: 124px;
  height: 99px;
  left: 50%;
  top: 4939px;
  margin-left: 215px; }
  .fidel .img_fidel {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/fidel.png") 0 0 no-repeat; }
  .fidel .point {
    left: 30px;
    top: 6px; }

.concrete_factory {
  position: absolute;
  width: 271px;
  height: 0;
  left: 50%;
  top: 5550px;
  margin-left: -585px; }

.construction {
  position: absolute;
  width: 677px;
  height: 962px;
  left: 50%;
  top: 5519px;
  margin-left: 18px;
  z-index: 2; }
  .construction.active {
    z-index: 1 !important; }
  .construction .img_construction {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/construction.jpg") 0 0 no-repeat; }
  .construction .point {
    left: 216px;
    top: 280px; }

.car_container {
  position: absolute;
  width: 161px;
  height: 117px;
  left: 50%;
  top: 6366px;
  margin-left: 309px;
  z-index: 2 !important; }
  .car_container .img_car {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/car.png") 0 0 no-repeat; }
  .car_container .point {
    left: -43px;
    top: 50px; }

.engineers {
  position: absolute;
  width: 83px;
  height: 53px;
  left: 50%;
  top: 6429px;
  margin-left: -423px;
  z-index: 2 !important; }
  .engineers .img_engineers {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../media/ostankino/engineers.png") 0 0 no-repeat; }
  .engineers .point {
    left: -90px;
    top: -10px; }

#animate {
  position: fixed;
  top: 20px;
  left: 200px;
  z-index: 9999;
  display: none; }

#stopAnimate {
  position: fixed;
  top: 20px;
  left: 260px;
  z-index: 9999;
  display: none; }

/**
 * COMMON TOWER
 **/
#tower {
  position: absolute;
  top: 440px;
  left: 0;
  width: 100%;
  height: 6124px;
  z-index: 1; }

.common_tower {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -690px; }

#tower_blur {
  position: absolute;
  z-index: 1;
  background: url("../../media/gim/gim_blur.jpg") 0 0 no-repeat;
  border-radius: 20px;
  display: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

#tower_blur.text {
  display: block;
  padding: 40px 50px 40px 50px;
  font-size: 14px;
  transition: all .5s;
  z-index: 2; }

#tower_blur.text .year {
  font: 14px 'ALSDirectRegular'; }

#tower_blur.text h2 {
  font: 18px 'ALSDirectBold';
  margin-top: 5px;
  margin-bottom: 20px; }

.shpil {
  height: 640px;
  left: 50%;
  margin-left: -75px;
  position: absolute;
  top: 440px;
  width: 147px;
  z-index: 1;
  background: url("../../media/ostankino/shpil.png") 0 0 no-repeat; }

.bottom_gb {
  position: absolute;
  bottom: 83px;
  left: 50%;
  margin-left: -1750px;
  width: 3500px;
  height: 547px;
  background: url("../../media/ostankino/bg_bottom.png") 0 0 no-repeat; }

/**
 * LIGHTS
 **/
#lights {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 0; }

#lights .right_light {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 678px;
  width: 780px;
  height: 6140px;
  background: url("../../media/ostankino/right_light.png") 0 0 no-repeat;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
  -moz-transition: transform 7s;
  -o-transition: transform 7s;
  -webkit-transition: transform 7s;
  transition: transform 7s;
  -webkit-transition: -webkit-transform ease 7s; }

#lights .right_light:before {
  content: "";
  position: absolute;
  width: 19px;
  height: 10px;
  bottom: 0;
  left: 50%;
  background-color: black;
  margin: 0 0 0 -9px; }

#lights .left_light {
  width: 780px;
  height: 6140px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1512px;
  background: url("../../media/ostankino/left_light.png") 0 0 no-repeat;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
  -moz-transition: transform 7s;
  -o-transition: transform 7s;
  -webkit-transition: transform 7s;
  transition: transform 7s;
  -webkit-transition: -webkit-transform ease 7s; }

#lights .left_light:before {
  content: "";
  width: 19px;
  height: 10px;
  position: absolute;
  background-color: black;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -9px; }

/**
 * CRANE
 **/
.crane_container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2 !important;
  width: 100%;
  height: 0; }

.crane {
  position: absolute;
  width: 659px;
  height: 1656px;
  left: 50%;
  top: -1739px;
  margin-left: 380px;
  background: url("../../media/ostankino/crane.png") 0 0 no-repeat; }

.svarka {
  position: absolute;
  width: 115px;
  height: 151px;
  left: 40px;
  top: 148px; }

.svarka-1 {
  background: url("../../media/ostankino/svarka-1.jpg") 0 0 no-repeat; }

.svarka-2 {
  background: url("../../media/ostankino/svarka-3.jpg") 0 0 no-repeat; }

.svarka-0, .svarka-3, .svarka-4, .svarka-5 {
  background: url("../../media/ostankino/svarka-2.jpg") 0 0 no-repeat; }

#footer:after {
  content: "";
  background: url("../../media/grass.png") 50% 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px; }

/*# sourceMappingURL=ostankino.css.map */