html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;

}
*{
font-family: 'Open Sans', sans-serif;
}
ul {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
}

/** БЛОКИ **/

.b-timeline-wrapper {
}

/** POPUP ВИДЕО **/

#block_video_player_wrap {
    display: none;
    background: #000000;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
}

#block_video_player_wrap .btn_close {
    background: #297CAD;
    float: right;
    display: inline-block;
    height: 40px;
    padding: 0 12px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    background: #246c98;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-decoration: none;
}

#block_video_player_wrap .btn_close:hover {
  background: #297CAD;
}

/** ЗАГОЛОВОК **/

.b-header {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 46px;
    background-color: #1d2676;
    z-index: 100;
}

.b-header__tass {
    position: absolute;
    top: 0;
    left: 16%;
}

/** ТАСС **/
.b-tass {
    display: table-cell;
    height: 46px;
    vertical-align: middle;
}

.b-tass__logo {
    display: inline-block;
    background: url(../img/TassLogo.png) no-repeat;
    width: 81px;
    height: 21px;
}

.b-header__success {
    display: none;
    position: absolute;
    right: 140px;
    color: #ffffff;
    height: 100%;
    vertical-align: middle;
    line-height: 45px;
    font-size: 14px;
}

/** СОЦИАЛКА **/

.b-header__sharing {
    position: absolute;
    top: 0;
    right: 16%;
}

.b-sharing {
    display: table-cell;
    height: 46px;
    vertical-align: middle;
}

.b-sharing__item {
    display: inline-block;
    font-size: 0;
    width: 20px;
    height: 19px;
    margin: 0 10px;
    cursor: pointer;
}

.b-sharing__item {
    background: url(../img/socialSprite.png) no-repeat;
}

.b-sharing__facebook:hover {
    background-position: -11px -10px;
}

.b-sharing__facebook {
    background-position: -11px -38px;
}

.b-sharing__vkontakte:hover {
    background-position: -54px -10px;
}

.b-sharing__vkontakte {
    background-position: -54px -38px;
}

.b-sharing__twitter:hover {
    background-position: -99px -10px;
}

.b-sharing__twitter {
    background-position: -99px -38px;
}

/** ЛОГО ПСБ **/

.b-psb {
    position: relative;
    height: 233px;
    overflow: hidden;
}

.b-psb_top {
    display: none;
}

.b-psb_bottom {
    display: block;
}

.b-psb_fixed {
    position: fixed;
    z-index: 100;
    width: 100%;
}

.b-psb__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/spiral.png) repeat-y center 233px;
}

.b-psb__content {
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.b-psb_fixed .b-psb__bg {
    display: none;
}

.b-psb__alfa {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

.b-psb__logo {
    position: absolute;
    left: 16%;
    width: 300px;
    height: 100%;
    background-image: url(../img/lgrPsbLogo.png);
    background-size: 290px 58px;
    background-repeat: no-repeat;
    background-position: center left;
}

.b-psb__links-wrapper {
    position: absolute;
    right: 16%;
    top: 40px;
    margin-right: 10px;
    font-size: 24px;
    color: #1d2676;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.b-psb__timeline-wrapper {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    background-color: #FFFFFF;
}

.b-psb__timeline-wrapper:before {
    position: absolute;
    left: 50%;
    bottom: -11px;
    margin-left: -12px;
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #1d2676;
}

.b-psb__timeline-wrapper:after {
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -11px;
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #FFFFFF;
}

.b-psb__timeline {
    text-align: center;
    border: solid 2px #1d2676;
    padding: 4px;
    font-weight: 600;
}

.b-psb__success {
    display: inline-block;
    text-decoration: underline;
    color: #1d2676;
    font-weight: 600;
}

.b-psb__success:hover {
    text-decoration: none;
}

/** ВИДЕО **/

.b-video-container {
    position: relative;
    /*padding-bottom: 56.25%;
    padding-top: 30px;*/
    height: 100vh;
    /*overflow: hidden;*/
    /*margin-top: 46px;*/
}

.b-video-container_video-1995 {
    background: url(../img/video_preview_95.jpg) no-repeat center top;
    background-size: cover;
}

.b-video-container_video-2015 {
    background: url(../img/video_preview_15.jpg) no-repeat center center;
    background-size: cover;
}

.b-video-container__hint {
    display: table;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background-color: rgba(0,0,0, 0.4);
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
}

.b-video-container__hint .wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}

.b-video-container__hint .icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.b-video-container__hint .icon_scroll {
    background-image: url(../img/scroll.png);
}

.b-video-container__hint .icon_touch {
    background-image: url(../img/touch.png);
}

.b-video-container__hint .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}

/** PREVIEW 1995 **/

.b-video-container_video-1995 .b-video-container__title {
    position: absolute;
    width: 600px;
    right: 120px;
    top: 90px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #f6650a;
}

.b-video-container_video-1995 .b-video-container__title .play {
    position: relative;
    border-radius: 130px;
    background-color: #f6650a;
    width: 260px;
    height: 260px;
    cursor: pointer;
}

.b-video-container_video-1995 .b-video-container__title .play:hover {
    background-color: #d85300;
}

.b-video-container_video-1995 .b-video-container__title .play:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 192px solid #ffffff;
    border-top: 96px solid transparent;
    border-bottom: 96px solid transparent;
    top: 50%;
    margin-top: -96px;
    left: 50%;
    margin-left: -72px;
}

.b-video-container_video-1995 .b-video-container__title .year {
    font-size: 150px;
}

.b-video-container_video-1995 .b-video-container__title .postfix {
    font-size: 116px;
}

.b-video-container_video-1995 .b-video-container__title .title {
    font-size: 76px;
}

/** PREVIEW 2015 **/

.b-video-container_video-2015 .b-video-container__title {
    display: table;
    position: absolute;
    width: 820px;
    right: 200px;
    top: 90px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #1444c5;
}

.b-video-container_video-2015 .play-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-right: 60px;
}

.b-video-container_video-2015 .b-video-container__title .play {
    position: relative;
    border-radius: 130px;
    background-color: #1444c5;
    width: 260px;
    height: 260px;
    cursor: pointer;
}

.b-video-container_video-2015 .b-video-container__title .play:hover {
    background-color: #0d3295;
}

.b-video-container_video-2015 .b-video-container__title .play:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 192px solid #ffffff;
    border-top: 96px solid transparent;
    border-bottom: 96px solid transparent;
    top: 50%;
    margin-top: -96px;
    left: 50%;
    margin-left: -72px;
}

.b-video-container_video-2015 .text-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.b-video-container_video-2015 .b-video-container__title .year {
    font-size: 126px;
    line-height: 126px;
}

.b-video-container_video-2015 .b-video-container__title .postfix {
    font-size: 100px;
}

.b-video-container_video-2015 .b-video-container__title .title {
    font-size: 64px;
    line-height: 64px;
}

.b-video-container iframe,
.b-video-container object,
.b-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** ВРЕМЕННАЯ ШКАЛА **/
.b-timeline {
    background: url(../img/spiral.png) repeat-y center 0;
}

/** ОДИН ЭЛЕМЕНТ ШКАЛЫ **/
.b-timeline__item {
    position: relative;
    height: 947px;
}

.b-timeline__item:last-child {
    height: 580px;
    padding-bottom: 30px;
}

.b-timeline__item:last-child .b-timeline__year {
    top: 40%;
}

.b-timeline__year {
    position: absolute;
    left: 50%;
    margin-left: -120px;
    margin-top: -55px;
}

.b-year {
    font-family: 'Open Sans', sans-serif;
    font-size: 105px;
    color: #e6e6e7;
    text-align: center;
    width: 240px;
    line-height: 100%;
    font-weight: bold;
}

.b-year_position_top {
    top: 25%;
}

.b-year_position_bottom {
    top: 75%;
}

/** СОБЫТИЕ НА ВРЕМЕННОЙ ШКАЛЕ **/
.b-timeline__event {
    position: absolute;
    left: 50%;
}

/** СТИЛИ И  ПОЗИЦИОНИРОВАНИЕ СОБЫТИЙ **/

.b-event {
    width: 300px;
    z-index: 10;
}

.b-event__title {
    font-family: 'Open Sans', sans-serif;
    color: #02082f;
    font-size: 14px;
    line-height: 18px;
    margin: 10px;
}

.b-event__icon {
    width: 90px;
    height: 90px;
    background-size: contain;
}

.b-event__more {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    position: relative;
    display: inline-block;
    border: solid 2px #0a47a4;
    color: #0a47a4;
    margin-left: 12px;
    font-style: italic;
    height: 22px;
    font-weight: bold;
    line-height: 22px;
    padding: 0 10px 0 5px;
    cursor: pointer;
}

.b-event__more:after, .b-event__more:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.b-event__more:after {
    left: 100%;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 11px;
    top: 0px;
}

.b-event__more:before {
    left: 100%;
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #0a47a4;
    border-width: 12px;
    top: 0px;
    margin-top: -1px;
    margin-left: 2px;
}

.b-event__more_orange {
    color: #f6650a;
    border-color: #f6650a;
}

.b-event__more_orange:before {
    border-left-color: #f6650a;
}

.b-event__person  {
    display: table;
}

.b-event__person .b-person {
    
}

.b-event__person .b-person__avatar {
    display: table-cell;
    vertical-align: middle;
}

.b-event__person .b-avatar {
    background-repeat: no-repeat;
    background-size: contain;
    width: 96px;
    height: 96px;
}

.b-avatar-1{
    background-image: url(../img/avatars/photo_konstandjan_192.png);
}

.b-avatar-2{
    background-image: url(../img/avatars/photo_ananiev_192.png);
}

.b-event__person  .b-person__data {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.b-event__person  .b-person__name {
    font-size: 16px;
    font-weight: 700;
    color: #02082f;    
}

.b-event__person  .b-person__position {
    font-size: 14px;
    color: #02082f;   
    font-weight: 400;
}

/** ИКОНКИ СОБЫТИЙ **/

.b-icon {
    background-repeat: no-repeat;
    background-size: contain;
}

.b-icon-1 {
    background-image: url(../img/timeline_icons/1_Otkritie.png);
}

.b-icon-2 {
    background-image: url(../img/timeline_icons/2_fail_orange.png);
}
.b-icon-2_2 {
    background-image: url(../img/timeline_icons/42_up_orange.png);
}
.b-icon-3 {
    background-image: url(../img/timeline_icons/3_valuta.png);
}

.b-icon-4 {
    background-image: url(../img/timeline_icons/5_card.png);
}

.b-icon-5 {
    background-image: url(../img/timeline_icons/5_card_orange.png);
}

.b-icon-6 {
    background-image: url(../img/timeline_icons/6_rating.png);
}

.b-icon-7 {
    background-image: url(../img/timeline_icons/6_rating_orange.png);
}

.b-icon-8 {
    background-image: url(../img/timeline_icons/7_world_orange.png);
}

.b-icon-9 {
    background-image: url(../img/timeline_icons/9_prize.png);
}

.b-icon-10 {
    background-image: url(../img/timeline_icons/9_prize_orange.png);
}

.b-icon-11 {
    background-image: url(../img/timeline_icons/10_logo.png);
}

.b-icon-12 {
    background-image: url(../img/timeline_icons/11_net.png);
}

.b-icon-13 {
    background-image: url(../img/timeline_icons/14_browser.png);
}

.b-icon-14 {
    background-image: url(../img/timeline_icons/19_cska.png);
}

.b-icon-15 {
    background-image: url(../img/timeline_icons/20_angrybirds.png);
}

.b-icon-16 {
    background-image: url(../img/timeline_icons/21_NLB.png);
}

.b-icon-17 {
    background-image: url(../img/timeline_icons/25_Poors.png);
}

.b-icon-18 {
    background-image: url(../img/timeline_icons/28_sale_orange.png);
}

.b-icon-19 {
    background-image: url(../img/timeline_icons/29_money.png);
}

.b-icon-20 {
    background-image: url(../img/timeline_icons/29_money_orange.png);
}

.b-icon-21 {
    background-image: url(../img/timeline_icons/35_fitch.png);
}

.b-icon-22 {
    background-image: url(../img/timeline_icons/39_kremlin_orange.png);
}

.b-icon-23 {
    background-image: url(../img/timeline_icons/40_fail_orange.png);
}

.b-icon-24 {
    background-image: url(../img/timeline_icons/41_book_orange.png);
}

.b-icon-25 {
    background-image: url(../img/timeline_icons/42_up_orange.png);
}

.b-icon-26 {
    background-image: url(../img/timeline_icons/43_spisok_orange.png);
}

.b-icon-27 {
    background-image: url(../img/timeline_icons/44_olymp_orange.png);
}

/** РАСПОЛОЖЕНИЕ СОБЫТИЙ **/

.b-event_h-position_left {
    margin-left: -600px;
}

.b-event_h-position_right {
    margin-left: 360px;
}

.b-event_v-position_top {
    top: 0;
}

.b-event_v-position_center {
    top: 250px;
}

.b-event_v-position_center-2 {
    top: 480px;
}

.b-event_v-position_bottom {
    bottom: 30px;
}

/** ЛИНИИ СВЯЗИ СОБЫТИЙ И ГОДОВ **/

.b-line {
    position: absolute;
    width: 110px;
    height: 0;
}

.b-line_color_orange {
    border: solid 1px #fc7635;
}

.b-line_color_blue {
    border: solid 1px #1d55ab;
}

.b-line_top_bottom {
    transform: rotate(45deg);
}

.b-line_bottom_top {
    transform: rotate(-45deg);
}

.b-event_h-position_left.b-event_v-position_top .b-line_top_bottom {
    left: 210px;
    top: 80px;
    transform: rotate(25deg);
}

.b-event_h-position_right.b-event_v-position_top .b-line_bottom_top {
    right: 320px;
    top: 70px;
    width: 70px;
    transform: rotate(-35deg);
}

.b-event_h-position_left.b-event_v-position_center .b-line_bottom_top {
    left: 214px;
    top: 20px;
    transform: rotate(-30deg);
}

.b-event_h-position_left.b-event_v-position_center .b-line_top_bottom {
    left: 210px;
    top: 260px;
}

.b-event_h-position_right.b-event_v-position_center .b-line_bottom_top {
    right: 260px;
    top: 140px;
}

.b-event_h-position_right.b-event_v-position_center .b-line_top_bottom {
    right: 320px;
    top: 30px;
    width: 70px;
    transform: rotate(30deg);
}

.b-event_h-position_left.b-event_v-position_center-2 .b-line_bottom_top {
    left: 210px;
    top: 0;
}

.b-event_h-position_left.b-event_v-position_center-2 .b-line_top_bottom {
    left: 210px;
    top: 80px;
    transform: rotate(30deg);
}

.b-event_h-position_right.b-event_v-position_center-2 .b-line_bottom_top {
    right: 320px;
    top: 140px;
    width: 70px;
    transform: rotate(-30deg);
}

.b-event_h-position_right.b-event_v-position_center-2 .b-line_top_bottom {
    right: 320px;
    top: 0px;
    width: 70px;
    transform: rotate(30deg);
}

.b-event_h-position_left.b-event_v-position_bottom .b-line_bottom_top {
    left: 210px;
    top: -15px;
    transform: rotate(-30deg);
}

.b-event_h-position_right.b-event_v-position_bottom .b-line_top_bottom {
    right: 320px;
    top: 30px;
    width: 70px;
    transform: rotate(30deg);
}

/** POPUP **/
.b-popup-wrapper {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1000;
}

.b-popup {
    position: absolute;
    width: 720px;
    left: 50%;
    top: 70px;
    margin-left: -360px;
    background-color: #FFFFFF;
    box-shadow: 0 0 30px #e8e8e8;
    z-index: 1001;
}

.b-popup p {
    margin: 0;
}

.b-popup__button-close {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 21px;
    top: 21px;
    background: url(../img/button-close.png) no-repeat center;
    cursor: pointer;
}

.b-popup__link-back {
    display: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-decoration: underline;
    width: 88%;
    cursor: pointer;
    position: relative;
    margin: 0 auto;
    color: #6f6e6e;
    padding: 20px 0 15px 0;
}

.b-popup__link-back:first-child {
    border-bottom: solid 1px #8b8a8a;
}

.b-popup__link-back:hover {
    text-decoration: none;
}

.b-popup__link-back:before {
    content: "<";
    padding-right: 5px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    color: #262f7b;
}

.b-popup__slider-wrapper {
    position: relative;
}

.b-popup__slider {
    margin: 60px auto 20px;
    width: 600px;
    overflow: hidden;
}

.b-slider ul {
    position: relative;
    width: 100%;
    list-style: none;
}

.b-slider__button-prev {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -32px;
    background: url(../img/slider_prev.png) no-repeat;
    width: 28px;
    height: 63px;
    cursor: pointer;
}

.b-slider__button-next {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -32px;
    background: url(../img/slider_next.png) no-repeat;
    width: 28px;
    height: 63px;
    cursor: pointer;
}


.b-slider__item {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.b-slider__pagination {
    display: none;
    position: absolute;
    bottom: -30px;
    z-index: 10;
    width: 100%;
}

.b-slider ul.transitionTrue {
    -webkit-transition: 1s all;
    -o-transition: 1s all;
    transition: 1s all;
}
.b-slider ul img{
width: 100%;
}
.b-slider__pagination .b-pagination {
    padding-top: 15px;
    font-size: 0px;
    text-align: center;
}

.b-slider__pagination .b-pagination__item {
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    height: 7px;
    width: 7px;
    border: 2px solid #9e9e9e;
    border-radius: 7px;
}

.b-slider__pagination .b-pagination__item.active {
    background: #9e9e9e;
}

.b-popup__event {
    width: 600px;
    margin: 0 auto 35px;
    display: table;
}

.b-popup__year {
    display: table-cell;
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    vertical-align: middle;;
    color: #114aa1;
    font-weight: bold;
    padding-right: 20px;
}

.b-popup__text-wrapper {
    display: table-cell;
    width: 480px;
    border-left: solid 2px #8d8d8d;
    padding-left: 20px;
    color: #5f5f5f;
    width: 100%;
}

.b-popup__title {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.b-popup__text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.b-popup__comment {
    background-color: #f2f2f2;
    width: 600px;
    margin: 0 auto 30px;
    padding-bottom: 20px;
}

.b-comment__author {
    display: table;
    margin: 0 auto;
    padding-top: 20px;
}

.b-comment__avatar {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}

.b-avatar {
    width: 74px;
    height: 74px;
    border-radius: 37px;
    background-size: 100%;
}

.b-comment__person {
    display: table-cell;
    vertical-align: middle;
}

.b-comment__person p{
    margin: 0;
}

.b-person {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.b-person__name {
    font-size: 16px;
    color: #0a47a4;
}

.b-person__position {
    font-size: 11px;
    color: #393939;
}

.b-comment__text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #5f5f5f;
    padding: 20px;
    line-height: 130%;
    padding-bottom:0px;
}

/** АДАПТАЦИЯ **/

@media all and (min-width: 1280px) and (max-width: 1350px) {
.b-event__person .b-person__data{
width: 160px;
}
.b-event {
width: 270px;
z-index: 10;
}
.b-event_h-position_right{
margin-left: 380px;
}
}

@media all and (min-width: 768px) and (max-width: 1279px) {
    .b-timeline {
        background: url(../img/spiral.png) repeat-y 160px top;
        background-size: 100px auto;
    }

    .b-header__tass {
        left: 6%;
    }

    .b-header__sharing {
        right: 4%;
    }

    .b-header__success {
        display: block;
    }

    .b-sharing__item {
        margin: 0 2px;
    }

    .b-psb {
        height: 100px;
        background-color: #FFFFFF;
    }

    .b-psb_top {
        display: block;
    }

    .b-psb_bottom {
        display: none;
    }

    .b-psb__bg {
        display: none;
    }

    .b-psb__alfa {
        display: none;
    }

    .b-psb_fixed {
        position: absolute;
        z-index: auto;
    }

    .b-psb__logo {
        left: 6%;
        top: 30px;
        width: 250px;
        height: 50px;
        background-image: url(../img/PSB_logo20.png);
        background-size: 225px 45px;
    }

    .b-psb__success {
        display: none;
    }

    .b-psb__timeline {
        border: none;
        font-family: 'Open Sans', sans-serif;
        text-align: right;
        font-weight: bold;
    }

    .b-psb__links-wrapper {
        right: 4%;
        top: 30px;
        margin-right: 0;
    }

    .b-psb__timeline-wrapper {
        margin-right: 0;
    }

    .b-psb__timeline-wrapper:before {
        display: none;
    }

    .b-psb__timeline-wrapper:after {
        display: none;
    }

    .b-video-container {
        margin-top: 0;
    }

    .b-timeline__item {
        background: none;
        position: static;
        height: auto;
    }

    .b-timeline__item:last-child {
        height: auto;
    }

    .b-year {
        position: static;
        left: auto;
        top: auto;
        margin: 40px auto 30px 350px;
        font-size: 48px;
        text-align: left;
        padding-top: 0;
    }

    .b-year:first-child {
        padding-top: 40px;
        margin-top: 0;
    }

    .b-timeline__event {
        position: static;
        margin-left: 350px;
        margin-top: 40px;
        margin-bottom: 45px;
    }

    .b-event {
        width: auto;
    }

    .b-event__icon {
        width: 75px;
        height: 69px;
    }

    .b-event__title {
        margin: 15px 0 10px 0;
    }

    .b-event__more {
        margin-left: 0;
    }

    .b-line {
        display: none;
    }

    .b-popup-wrapper {
        background: none;
    }

    .b-popup {
        height: 100%;
        width: 100%;
        left: 0;
        top: 46px;
        margin: 0;
        box-shadow: none;
    }

    .b-popup__button-close {
        display: none;
    }

    .b-popup__link-back {
        display: block;
    }

    .b-popup__slider {
        width: 88%;
        margin: 25px auto 50px;
    }

    .b-slider__pagination {
        display: block;
    }

    .b-slider__button-next {
        background: url("../img/gallery_arrowsSprite.png") -80px;
        right: 6%;
        height: 180px;
        width: 60px;
        margin-top: -90px;
    }

    .b-slider__button-prev {
        background: url("../img/gallery_arrowsSprite.png") 0 0;
        left: 6%;
        height: 180px;
        width: 60px;
        margin-top: -90px;
    }

    .b-popup__event {
        width: 88%;
    }

    .b-popup__comment {
        width: 88%;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .b-comment__avatar {
        padding: 0 15px;
    }

    .b-person__name {
        font-size: 22px;
    }

    .b-person__position {
        font-size: 14px;
    }

    .b-comment__text {
        font-size: 14px;
        padding: 30px;
    }

    .b-popup__title {
        font-size: 24px;
        padding-top: 10px;
        line-height: 30px;
    }

    .b-popup__text {
        font-size: 14px;
        padding-top: 15px;
    }

    .b-popup__year {
        display: block;
        width: auto;
        font-size: 14px;
    }

    .b-popup__text-wrapper {
        display: block;
        border: none;
        padding: 0;
        width: auto;
    }

    .b-video-container {
        margin-top: 0;
    }

    .b-video-container_video-1995 .b-video-container__title,
    .b-video-container_video-2015 .b-video-container__title {
        display: block;
        left: 50%;
        margin-left: -65px;
        top: 50%;
        margin-top: -65px;
        right: auto;
        width: auto;
    }

    .b-video-container__title .play-wrapper {
        display: block;
        padding: 0;
    }

    .b-video-container_video-1995 .b-video-container__title .play,
    .b-video-container_video-2015 .b-video-container__title .play {
        width: 130px;
        height: 130px;
        border-radius: 65px;
    }

    .b-video-container_video-1995 .b-video-container__title .play:after,
    .b-video-container_video-2015 .b-video-container__title .play:after {
        border-left: 96px solid #ffffff;
        border-top: 48px solid transparent;
        border-bottom: 48px solid transparent;
        top: 50%;
        margin-top: -48px;
        left: 50%;
        margin-left: -36px;
    }

    .b-video-container__hint {
        background: none;
    }
}

@media all and (max-width: 767px) {
    .b-timeline {
        background: url(../img/spiral.png) repeat-y 20px top;
        background-size: 80px auto;
        overflow: hidden;
    }

    .b-header_fixed {
        position: fixed;
    }

    .b-header__tass {
        left: 16px;
    }

    .b-header__sharing {
        right: 16px;
    }

    .b-header__success {
        display: block;
        position: absolute;
        font-size: 12px;
        right: 100px;
    }

    .b-sharing__item {
        margin: 0;
    }

    .b-psb {
        height: 145px;
        background-color: #FFFFFF;
    }

    .b-psb_top {
        display: block;
    }

    .b-psb_bottom {
        display: none;
    }

    .b-psb__bg {
        display: none;
    }

    .b-psb__alfa {
        display: none;
    }

    .b-psb_fixed {
        position: absolute;
        z-index: auto;
    }

    .b-psb__logo {
        position: static;
        height: 40%;
        width: 100%;
        background-image: url(../img/PSB_logo20.png);
        background-position: center;
        background-size: contain;
        margin: 15px 0;
    }

    .b-psb__success {
        display: none;
    }

    .b-psb__links-wrapper {
        position: static;
        margin: auto;
    }

    .b-psb__timeline-wrapper {
        margin: auto;
        width: 100%;
        position: static;
    }

    .b-psb__timeline-wrapper:before {
        display: none;
    }

    .b-psb__timeline-wrapper:after {
        display: none;
    }

    .b-psb__timeline {
        border: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        text-align: center;
        font-weight: 700;
        width: 200px;
        padding: 0;
        margin: 0 auto;
    }

    .b-video-container {
        margin-top: 0;
    }

    .b-timeline__item {
        background: none;
        position: static;
        height: auto;
    }

    .b-timeline__item:last-child {
        height: auto;
    }

    .b-year {
        position: static;
        left: auto;
        top: auto;
        margin: 50px auto 50px 140px;
        font-size: 48px;
        text-align: left;
        padding-top: 0;
    }

    .b-timeline__event {
        position: static;
        margin-left: 140px;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .b-event {
        width: auto;
    }

    .b-event__icon {
        width: 60px;
        height: 55px;
    }

    .b-event__title {
        font-size: 12px;
        margin-left: 0;
    }

    .b-event__more {
        margin-left: 0;
    }

    .b-event__person,
    .b-event__person .b-person__avatar,
    .b-event__person .b-avatar,
    .b-event__person .b-person__data{
        display: block;
        margin: 0;
        padding: 0;
    }

    .b-event__person .b-person__data {
        display: block;
        margin: 10px 0 15px 0;
    }

    .b-line {
        display: none;
    }

    .b-popup-wrapper {
        background: none;
    }

    .b-popup {
        height: 100%;
        width: 100%;
        left: 0;
        top: 46px;
        margin: 0;
        box-shadow: none;
    }

    .b-popup__button-close {
        display: none;
    }

    .b-popup__link-back {
        display: block;
        font-size: 14px;
        padding: 20px 0 15px 0;
    }

    .b-popup__link-back:last-child{
        padding-top: 15px;
    }

    .b-popup__slider {
        width: 88%;
        margin: 15px auto 40px;
    }

    .b-slider__pagination {
        display: block;
        bottom: -15px;
    }

    .b-slider__button-next {
        background: url("../img/gallery_arrowsSprite.png") -73px;
        background-size: cover;
        right: 9%;
        height: 60px;
        width: 20px;
        margin-top: -30px;
    }

    .b-slider__button-prev {
        background: url("../img/gallery_arrowsSprite.png") 0 0;
        background-size: cover;
        left: 9%;
        height: 60px;
        width: 20px;
        margin-top: -30px;
    }

    .b-popup__event {
        width: 88%;
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .b-popup__comment {
        width: 88%;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .b-comment__author {
        padding: 15px 15px 0 15px;
    }

    .b-comment__avatar {
        padding: 0;
    }

    .b-avatar {
        width: 74px;
        height: 74px;
        margin: 0 15px;
        background-color: #cccccc;
    }

    .b-person__name {
        font-size: 14px;
    }

    .b-person__position {
        font-size: 11px;
    }

    .b-comment__text {
        font-size: 12px;
        padding: 20px 15px 15px 15px;
        line-height: 16px;
    }

    .b-popup__title {
        font-size: 16px;
        margin: 0;
        padding-top: 10px;
        line-height: 20px;
    }

    .b-popup__year {
        display: block;
        width: auto;
        font-size: 14px;
    }

    .b-popup__text {
        font-size: 12px;
        padding-top: 10px;
        line-height: 14px;
    }

    .b-popup__text-wrapper {
        display: block;
        border: none;
        padding: 0;
        width: auto;
    }

    .b-video-container__hint {
        background: none;
    }

    .b-video-container_video-1995 .b-video-container__title,
    .b-video-container_video-2015 .b-video-container__title {
        display: block;
        left: 50%;
        margin-left: -33px;
        top: 50%;
        margin-top: -33px;
        right: auto;
        width: auto;
    }

    .b-video-container__title .play-wrapper {
        display: block;
        padding: 0;
    }

    .b-video-container_video-1995 .b-video-container__title .play,
    .b-video-container_video-2015 .b-video-container__title .play {
        width: 66px;
        height: 66px;
        border-radius: 33px;
    }

    .b-video-container_video-1995 .b-video-container__title .play:after,
    .b-video-container_video-2015 .b-video-container__title .play:after {
        border-left: 48px solid #ffffff;
        border-top: 24px solid transparent;
        border-bottom: 24px solid transparent;
        top: 50%;
        margin-top: -24px;
        left: 50%;
        margin-left: -18px;
    }
}

@media all and (min-width: 1280px) and (max-width: 1500px) {
    .b-video-container_video-1995 .b-video-container__title{
        top: 40%;
    }
    .b-video-container_video-1995 .b-video-container__title .play{
        width: 130px;
        height: 130px;
        border-radius: 65px;
    }
    .b-video-container_video-1995 .b-video-container__title .play:after{
        border-left: 96px solid #ffffff;
        border-top: 48px solid transparent;
        border-bottom: 48px solid transparent;
        top: 50%;
        margin-top: -48px;
        left: 50%;
        margin-left: -36px;
    }
    .b-video-container_video-1995 .b-video-container__title .year{
        font-size: 80px;
    }
    .b-video-container_video-1995 .b-video-container__title .postfix{
        font-size: 50px;
    }
    .b-video-container_video-1995 .b-video-container__title .title{
        font-size: 40px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(min-resolution: 1.5dppx) {
    .b-sharing__item {
        background-image: url(../img/socialSpriteRetina.png);
        background-size: 124px 65px;
    }

    .b-psb__logo {
        background-image: url(../img/PSB_logo20Retina.png);
        background-size: contain;
    }

    .b-tass__logo {
        background-image: url(../img/TassLogoRetina.png);
        background-size: contain;
    }

    .b-icon-1 {
        background-image: url(../img/timeline_icons_retina/1_Otkritie.png);
    }

    .b-icon-2 {
        background-image: url(../img/timeline_icons_retina/2_fail_orange.png);
    }

    .b-icon-3 {
        background-image: url(../img/timeline_icons_retina/3_valuta.png);
    }

    .b-icon-4 {
        background-image: url(../img/timeline_icons_retina/5_card.png);
    }

    .b-icon-5 {
        background-image: url(../img/timeline_icons_retina/5_card_orange.png);
    }

    .b-icon-6 {
        background-image: url(../img/timeline_icons_retina/6_rating.png);
    }

    .b-icon-7 {
        background-image: url(../img/timeline_icons_retina/6_rating_orange.png);
    }

    .b-icon-8 {
        background-image: url(../img/timeline_icons_retina/7_world_orange.png);
    }

    .b-icon-9 {
        background-image: url(../img/timeline_icons_retina/9_prize.png);
    }

    .b-icon-10 {
        background-image: url(../img/timeline_icons_retina/9_prize_orange.png);
    }

    .b-icon-11 {
        background-image: url(../img/timeline_icons_retina/10_logo.png);
    }

    .b-icon-12 {
        background-image: url(../img/timeline_icons_retina/11_net.png);
    }

    .b-icon-13 {
        background-image: url(../img/timeline_icons_retina/14_browser.png);
    }

    .b-icon-14 {
        background-image: url(../img/timeline_icons_retina/19_cska.png);
    }

    .b-icon-15 {
        background-image: url(../img/timeline_icons_retina/20_angrybirds.png);
    }

    .b-icon-16 {
        background-image: url(../img/timeline_icons_retina/21_NLB.png);
    }

    .b-icon-17 {
        background-image: url(../img/timeline_icons_retina/25_Poors.png);
    }

    .b-icon-18 {
        background-image: url(../img/timeline_icons_retina/28_sale_orange.png);
    }

    .b-icon-19 {
        background-image: url(../img/timeline_icons_retina/29_money.png);
    }

    .b-icon-20 {
        background-image: url(../img/timeline_icons_retina/29_money_orange.png);
    }

    .b-icon-21 {
        background-image: url(../img/timeline_icons_retina/35_fitch.png);
    }

    .b-icon-22 {
        background-image: url(../img/timeline_icons_retina/39_kremlin_orange.png);
    }

    .b-icon-23 {
        background-image: url(../img/timeline_icons_retina/40_fail_orange.png);
    }

    .b-icon-24 {
        background-image: url(../img/timeline_icons_retina/41_book_orange.png);
    }

    .b-icon-25 {
        background-image: url(../img/timeline_icons_retina/42_up_orange.png);
    }

    .b-icon-26 {
        background-image: url(../img/timeline_icons_retina/43_spisok_orange.png);
    }

    .b-icon-27 {
        background-image: url(../img/timeline_icons_retina/44_olymp_orange.png);
    }
}



@media screen and (max-height: 800px) {
    .b-video-container_video-1995 .b-video-container__title .year{
        font-size: 80px;
    }
    .b-video-container_video-1995 .b-video-container__title .postfix{
        font-size: 50px;
    }
    .b-video-container_video-1995 .b-video-container__title .title {
        font-size: 40px;
    }
}
@media screen and (max-width: 1279px) and (min-width: 768px){
    .b-video-container_video-1995 .b-video-container__title .year{
        font-size: 80px;
    }
    .b-video-container_video-1995 .b-video-container__title .postfix{
        font-size: 50px;
    }
    .b-video-container_video-1995 .b-video-container__title .title {
        font-size: 40px;
    }
    .b-video-container_video-2015 .b-video-container__title .year {
        font-size: 80px;
        line-height: 80px;
    }
    .b-video-container_video-2015 .b-video-container__title .postfix {
        font-size: 50px;
    }
    .b-video-container_video-2015 .b-video-container__title .title {
        font-size: 40px;
        line-height: 40px;
    }
    .b-video-container_video-2015 .text-wrapper{
        background: rgba(255,255,255,0.6);
        padding: 10px;
    }
}
@media screen and (max-height: 600px) {
    .b-video-container_video-1995 .b-video-container__title .year{
        font-size: 60px;
    }
    .b-video-container_video-1995 .b-video-container__title .postfix{
        font-size: 40px;
    }
    .b-video-container_video-1995 .b-video-container__title .title {
        font-size: 30px;
    }
}
@media all and (max-width: 767px) {
    .b-video-container_video-1995 .b-video-container__title .year{
        font-size: 40px;
    }
    .b-video-container_video-1995 .b-video-container__title .postfix{
        font-size: 30px;
    }
    .b-video-container_video-1995 .b-video-container__title .title {
        font-size: 24px;
    }
    .b-video-container_video-2015 .text-wrapper{
        background: rgba(255,255,255,0.6);
        padding: 10px;
    }
    .b-video-container_video-2015 .b-video-container__title .year{
        font-size: 40px;
        line-height: 40px;
    }
    .b-video-container_video-2015 .b-video-container__title .postfix{
        font-size: 30px;
    }
    .b-video-container_video-2015 .b-video-container__title .title{
        font-size: 24px;
        line-height: 24px;
    }
    .b-video-container__hint .text{
        font-size: 15px;
    }
}