h2 {
  font-weight: normal;
}

a.white:link {
  color: #fff;
  border-bottom-color: rgba(255,255,255,.3);
}
.media {
  text-align: center;
}

.bottom_tabs_table {
  position: relative;
  z-index: 1;
}

.descr {
  color: #fff;
}

.row {
  position: relative;
  padding-top: 80px;
  box-sizing: border-box;
}

.row-1 {
  padding-top: 4.5em;
  height: 825px;
  margin-top: -3em;
  text-align: center;
}

.row-2 {
  background: #b7987f;
  color: #fff;
  padding-bottom: 220px;
}

.row-2:before, .row-2:after {
  content: "";
  position: absolute;
}
.row-2:before {
  left: 70%;
  bottom: 0;
  background: url('../i/row-2-2.jpg');
  width: 269px;
  height: 146px;

}
.row-2:after {
  right: 41%;
  bottom: 0;
  background: url('../i/row-2-3.jpg');
  width: 98px;
  height: 146px;
}
.descr_2 {
  position: absolute;
  right: 50%;
  bottom: 30px;
  min-width: 215px;
  width: 12%;
  padding: 0;
  z-index: 10;
}

.descr_2:before{
  content: "";
  position: absolute;
  left: -373px;
  bottom: -30px;
  background: url('../i/row-2-1.jpg');
  width: 373px;
  height: 132px;
}
.row-3 {
  background: #3ab680;
  color: #fff;
}

.row-3:before {
  content: "";
  position: absolute;
  left: 60%;
  top: -160px;
  margin-right: 205px;
  background: url('../i/row-3-1.png');
  width: 205px;
  height: 219px;
}

.row-4 {
  background: #8272c5;
  color: #fff;
  padding-bottom: 3em;
}

.row-5 {
  padding-top: 3em;
  padding-bottom: 3em;
}
.columns {
  position: relative;
  margin: 0 auto;
  max-width: 1490px;
}

.columns.col2 .column {
  width: 50%;
}

.columns.col3 {
  overflow: hidden;
  margin-top: 3em;
}
.columns.col3 .descr, .columns.col2 .descr {
  padding-left: 10%;
}
.columns.col3 .column:first-child {
  width: 33%;
  padding-top: 85px;
}
.columns.col3 .column {
  width: 37%;
  margin: 1%;
  vertical-align: top;
}
.columns.col3 .column:last-child {
  width: 23%;
  padding-top: 60px;
  text-align: left;
}

.columns.middle .column {
  vertical-align: middle;
}

.columns.irregular .column {
  width: 54%;
  margin-left: 4%;
  margin-right: 1%;
}

.columns.irregular .column:last-child {
  width: 36%;
  margin-left: 1%;
  margin-right: 4%;
  margin-top: -15%;
}

.columns .column {
  display: inline-block;
  margin-left: -3px;
}

.screenshot {
  width: 100%;
  height: auto;
  max-width: 1194px;
  margin: 0 auto;
}

.jungle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.plant {
  position: absolute;
}

.plant-1 {
  top: 0;
  right: 0;
  background: url('../i/plant-1.jpg');
  width: 524px;
  height: 824px;
}
.plant-2 {
  bottom: 0;
  left: 0;
  background: url('../i/plant-2.jpg');
  width: 332px;
  height: 824px;
}
.plant-3 {
  bottom: 0;
  right: 10%;
  background: url('../i/plant-3.png');
  width: 294px;
  height: 226px;
}
.plant-4 {
  bottom: 0;
  right: 30%;
  background: url('../i/plant-4.png');
  width: 351px;
  height: 140px;
}
.plant-5 {
  bottom: 0;
  left: 10%;
  background: url('../i/plant-5.png');
  width: 386px;
  height: 257px;
}
.grass {
  position: absolute;
  z-index: 11;
}
.grass-1 {
  top: 50%;
  left: 16%;
  background: url('../i/grass-1.png');
  width: 98px;
  height: 73px;
}
.grass-2 {
  top: 54%;
  right: 20%;
  background: url('../i/grass-2.png');
  width: 53px;
  height: 78px;
}
.grass-3 {
  top: 45%;
  right: 30%;
  background: url('../i/grass-3.png');
  width: 41px;
  height: 86px;
}
.grass-4 {
  top: 30%;
  left: 30%;
  background: url('../i/grass-4.png');
  width: 77px;
  height: 53px;
}
.grass-5 {
  top: 20%;
  right: 20%;
  background: url('../i/grass-5.png');
  width: 68px;
  height: 51px;
}

.sokolniki-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -125px 0 0 -180px;
  background: url('../i/logo.png');
  width: 360px;
  height: 250px;
  z-index: 10;
}
.sokolniki-logo.play {
  -webkit-animation: play 1s steps(34) forwards;
  animation: play 1s steps(34) forwards;
}
@-webkit-keyframes play {
  100% { background-position: 0 -8500px; }
}
@keyframes play {
  100% { background-position: 0 -8500px; }
}

.task_table_v5 {
  background: #a58a74;
  color: #fff;
}
div.portfolio_date {
  color: #fff;
}
.task_published_v5 {
  background: linear-gradient(to top, #a68b76, #ae9583);
}


.sk-slider {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: 50px;
  margin: 5em auto 1em;
  padding: 0 100px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.sk-slider > span:first-child, .sk-slider > span:last-child {
  position: absolute;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: #ddd;
  top: -30px;
  background: url('../i/slider-ico.png');
}
.sk-slider > span:first-child {
  left: 0;
}
.sk-slider > span:last-child {
  right: 0;
  background-position: right;
}
.ui-slider {
  position: relative;
  background: #fff;
  height: 3px;
  top: 10px;
}
.ui-slider-horizontal .ui-slider-range, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  height: 3px;
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  display: inline-block;
  outline: none;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  top: -6px;
}

.video-holder {
  position: relative;
  background: url(../i/pix/online.jpg) no-repeat;
  background-size: 100%;
  width: 100%;
  max-width: 1264px;
  margin: auto;
  box-sizing: border-box;
  overflow: hidden;
}
.video-holder video {
  display: block;
  position: absolute;
  width: 95%;
  height: auto;
  top: 7.8%;
  left: 2.5%;

}

.map {
  position: relative;
  padding-top: 470px;
  text-align: center;
  overflow: hidden;
}

.map img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1264px;
  margin: auto;
}