@font-face {
    font-family: 'BSP Regular'; font-style: normal; font-weight: normal;
    src: url('fonts/BSP/BrioniSansPro-Regular.otf');
}
@font-face {
    font-family: 'BSP Regular'; font-style: italic; font-weight: normal;
    src: url('fonts/BSP/BrioniSansPro-RegularItalic.otf');
}
@font-face {
    font-family: 'BSP Light'; font-style: normal; font-weight: normal;
    src: url('fonts/BSP/BrioniSansPro-Light.otf');
}
@font-face {
    font-family: 'BSP LightI'; font-style: italic; font-weight: normal;
    src: url('fonts/BSP/BrioniSansPro-LightItalic.otf');
}
@font-face {
    font-family: 'BSP Medium'; font-style: normal; font-weight: normal;
    src: url('fonts/BSP/BrioniSansPro-Medium.otf');
}
@font-face {
    font-family: 'BSP Medium'; font-style: italic; font-weight: normal;
    src: url('fonts/BSP/BrioniSansPro-MediumItalic.otf');
}
@font-face {
    font-family: 'BSP Bold'; font-style: normal; font-weight: bold;
    src: url('fonts/BSP/BrioniSansPro-Bold.otf');
}
@font-face {
    font-family: 'BSP Bold'; font-style: italic; font-weight: bold;
    src: url('fonts/BSP/BrioniSansPro-BoldItalic.otf');
}
@font-face {
    font-family: 'BP Medium'; font-style: normal; font-weight: normal;
    src: url('fonts/BSP/BrioniPro-Medium.otf');
}
@font-face {
    font-family: 'BP Regular'; font-style: normal; font-weight: normal;
    src: url('fonts/BSP/BrioniPro-RegularItalic.otf');
}

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span { margin: 0; padding: 0; }
table                       { border-collapse: collapse; border-spacing: 0; }
td, th                      { vertical-align: top; padding: 0; }
fieldset, img               { border: none; }
ul                          { list-style: none; }
label, input                { vertical-align: baseline; }
a                           { text-decoration: none; outline: none; color: inherit; *color: expression(this.parentNode.currentStyle['color']); }
img                         { vertical-align: bottom; }
textarea                    { overflow: auto; }
body                        { font-family: Arial, Helvetica, sans-serif; color: black; }
h2, h3, h4, h5, h6, p       { word-wrap: break-word; }
/* /reset */

.w-clear:after              { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.w-clear                    { *zoom: 1; }
.clear                      { clear: both; }
html {height: 100%}
body                        { background: #000; color: #fff; font: normal 14px BSP Light; color: #808080; position: relative; height: 100% }
#body 						{  _width: expression(document.body.clientWidth < 900? "900px" : document.body.clientWidth > 1500? "1500px" : "100%");  width:100%; margin: 0 auto; min-width: 900px; max-width: 1500px; }
#header, #content, #footer  { padding: 0 40px; }
a:hover { color: #fff; }

.header-logo { background: url('../i/moskvichi/logoc4ca.png?1') left 50% no-repeat; display: block; float: left; margin: 17px 10px 0 0; padding:0;width: 34px; height: 34px;}
.header-logo:hover { background: url('../i/moskvichi/logo_hover.png') left 50% no-repeat; }
.header-title {display: block; float: left; margin-top: 10px; padding: 10px 0 10px 0; font: 24px BSP Bold; text-transform: uppercase; color: #fff; }
.header-right-bl { float: right; margin-top: 20px; }
    .header-navi { float: left; }
        .header-navi ul li { float: left; text-transform: uppercase; margin: 4px 10px 4px 20px; }
        .header-navi ul li.share {font: normal 12px BSP Light;text-transform: none;}
    .header-social-buttons { float: left; margin-right: 7px;margin-left: -5px;font: normal 12px BSP Regular;}
        .header-social-buttons a { width: 24px; height: 24px; display: inline-block; margin: 0 10px; }
        .header-social-buttons span { width: 24px; height: 24px; display: block;}
        .header-fb { background: url('../i/moskvichi/social_sprites.png') left 0px no-repeat; }
        .header-fb:hover { background: url('../i/moskvichi/social_sprites.png') left -24px no-repeat; }
        .header-vk { background: url('../i/moskvichi/social_sprites.png') left -48px no-repeat; }
        .header-vk:hover { background: url('../i/moskvichi/social_sprites.png') left -72px no-repeat; }
        .header-tw { background: url('../i/moskvichi/social_sprites.png') left -96px no-repeat; }
        .header-tw:hover { background: url('../i/moskvichi/social_sprites.png') left -120px no-repeat; }

.footer-left-bl { float: left; }
    .footer-left-bl a { padding-right: 20px; text-decoration: underline; }
.footer-right-bl { float: right; background: url('../i/moskvichi/footer12plus.png') left 50% no-repeat; width: 200px; padding: 10px 0 10px 55px; }
.footer-left-bl, .footer-right-bl { margin-top: 10px; line-height: 18px; }

#content                                    { position: relative; }
#content nav                                { position: absolute; top: 0; right: 50px; color: #a0a0a0; z-index: 2; height: 100%;} /* height: 100%; */
#content nav ul                             { display: table-cell; vertical-align: middle; }
#content nav li                             { padding: 16px 0; }
#content nav a                              { cursor: pointer;color: #fff;  }
#content nav .right-navi                    { display: table; height: 100%; width: 200px; text-align: right; margin-right: 20px; }
#content nav .right-navi .active            { color: #fff; }

.moskvichi-social li                        { float: left; margin-right: 0px; padding-top: 20px; }
.moskvichi-social ul                        { margin: 0 auto; width: 132px; }
.moskvichi-social a                      { width: 24px; height: 24px; display:inline-block; margin: 0 10px;}
.fb-share { background: url('../i/moskvichi/social_sprites.png') left -24px no-repeat; }
.vk-share { background: url('../i/moskvichi/social_sprites.png') left -72px no-repeat; width: 24px; height: 24px; display:inline-block;  }
.tw-share { background: url('../i/moskvichi/social_sprites.png') left -120px no-repeat; }

/* ALL SERIES PAGE, O PROEKTE PAGE */
.moskvichi_vse .footer-left-bl,
.moskvichi_vse .footer-right-bl,
.moskvichi_project .footer-left-bl,
.moskvichi_project .footer-right-bl { margin-top: 20px; }

/* INDEX PAGE */
.moskvichi_index #header, .moskvichi_index #footer           { z-index: 100; width: 100%; padding: 0; }
.moskvichi_index #header                                     { padding: 0 0 16px; background: #000; }
.moskvichi_index #footer                                     { margin-bottom: 20px; }

.moskvichi_index #header .header-logo                        { margin-left: 50px; background-position: 0; }
.moskvichi_index #header .header-right-bl                    { padding-right: 50px; }
.moskvichi_index #footer .footer-left-bl, .counters          { padding-left: 50px; }
.moskvichi_index #footer .footer-right-bl                    { padding-right: 50px; }

.moskvichi_index #content                                    { margin: 0; padding: 0; min-height: 1024px; }
.moskvichi_index #content header                             { width: 100%; position: absolute; top: 50%; left: 0; z-index: 1; }
.moskvichi_index #content header .header-block-video,
.moskvichi_index #content header .header-block-video-rollover{ position: relative; margin: 0px auto; width:55%; max-width: 615px; cursor: pointer; text-align: center; color: #fff; font: italic 16px Arial, sans-serif; letter-spacing: 0.07em; }
.moskvichi_index #content #mainVblock header .header-block-video,
.moskvichi_index #content #mainVblock header .header-block-video-rollover{width:33%; max-width: 615px;}

.moskvichi_index #content header .header-block-video .main_text,
.moskvichi_index #content header .header-block-video-rollover  .main_text{ width:100%;}

.moskvichi_index #content header .header-block-video-rollover h2 { font: bold 36px BSP Bold; text-transform: uppercase; margin: 20px 0 10px; }
.moskvichi_index #content header .header-video-text          { margin: 20px auto; font: normal 18px/33px BP Regular; }
.moskvichi_index #content header .block-rollover             { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; display: none; }
.moskvichi_index #content header .block-rollover .lead       { font: normal 24px BP Medium; padding-top: 10px; }
.moskvichi_index #content header .block-rollover .author     { font: normal 18px BP Medium; padding: 30px 0 0; }
.moskvichi_index #content header .block-rollover .author-rank{ font: normal 15px BP Regular; }

.moskvichi_index #content #mainVblock                        { z-index: 1; }
.moskvichi_index #content article                            { width: 100%; height: 100%;} /*height: 100%;*/
.moskvichi_index #content article                            { position: absolute; top: 0; left: 0; z-index: 0; }
.moskvichi_index #content article .video-wrap      { margin:0 50px; max-width: 100%; height: 100%; overflow: hidden; position:relative;text-align: left;}
.moskvichi_index #content article video                      { z-index: 0; min-height: 100%; min-width: 100%;object-fit: cover; object-position: cover}
.moskvichi_index #content .articles                          { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; overflow: hidden;background: #000; }
.moskvichi_index #content .articles.active                   { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }

.moskvichi_index .faded { background: #000; opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.moskvichi_index .video-faded { background: #000; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

/* ALL SERIES PAGE */
.moskvichi_vse #content                               { width: 640px !important; margin: 0 auto; padding: 13px 0 30px 30px; }
.moskvichi_vse #content article                       { margin: 30px 40px 0 0; width: 280px; float: left; color: #fff; }
.moskvichi_vse #content article .img                  { position: relative; }
.moskvichi_vse #content article .img-bg               { position: absolute; top: 0; left: 0; opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; width: 100%; height: 100%; background: #000; }
.moskvichi_vse #content article h2                    { font: 16px BSP medium; margin: 15px 0 5px; }
.moskvichi_vse #content article .author               { font: italic 15px BSP LightI; font-style: italic; }
.moskvichi_vse #content article .date                 { font: 12px BSP Light; margin-top: 5px; }

/* O PROEKTE PAGE */
.moskvichi_project #content .body                          { padding: 0 80px; margin: 0 auto; color: #fff; font: 18px BSP Light; overflow: hidden; position: relative; }
.moskvichi_project #content .body>section                  { overflow: auto; position: relative;right: -65px; margin-right: 50px; margin-left: -65px; padding: 10px 0; }
.moskvichi_project #content .body p                        { padding: 11px 0; }
.moskvichi_project #content .body h1,
.moskvichi_project #content .body h2,
.moskvichi_project #content .body h3,
.moskvichi_project #content .body h4,
.moskvichi_project #content .body h5                       { font: 32px BSP Light; }
.moskvichi_project #content .body .fade-up,
.moskvichi_project #content .body .fade-bottom             { position: absolute; left: 0; width: 100%; height: 41px; width: 100%; }
.moskvichi_project #content .body .fade-up                 { top: 0; background: url('../i/moskvichi/fade_up.png') left top repeat-x; }
.moskvichi_project #content .body .fade-bottom             { bottom: 0; background: url('../i/moskvichi/fade_bottom.png') left bottom repeat-x; }

/* SUGGEST HERO PAGE */
.moskvichi_suggest_hero #content>section                     { width: 950px !important; margin: 0 auto; color: #fff; font: 18px BSP Light; }
.moskvichi_suggest_hero #content>section h2                  { font: 32px BSP Light; }
.moskvichi_suggest_hero #content>section .announce           { margin: 20px 0 60px; }

/* LightBox */      
.lightbox_video                                     { position: relative; top: 0; left: 0; z-index: 50; }
.video-content                                      { width: 950px; height: 534px; margin: 0 auto; }

.reveal-modal-bg                                    { position: fixed; height: 100%; width: 100%; background: #000; z-index: 100; display: none; top: 0; left: 0; }
.reveal-modal                                       { visibility: hidden; top: 50% !important; left: 50%; width: 950px; position: fixed; z-index: 101; }
.reveal-modal.small                                 { width: 200px; margin-left: -140px; }
.reveal-modal.medium 		                        { width: 400px; margin-left: -240px; }
.reveal-modal.large 		                        { width: 600px; margin-left: -340px; }
.reveal-modal.xlarge 		                        { width: 800px; margin-left: -440px; }
.reveal-modal .close-reveal-modal                   { font-size: 24px; line-height: .5; position: absolute; top: 21px; right: 47px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); cursor: pointer; color: #fff; padding: 8px 40px 8px 0; height: 29px;
                                                    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTA3OTk4MjE2NjQ3MTFFM0JGNjFCNEU0QUE0MkY3MkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTA3OTk4MjI2NjQ3MTFFM0JGNjFCNEU0QUE0MkY3MkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMDc5OTgxRjY2NDcxMUUzQkY2MUI0RTRBQTQyRjcyQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMDc5OTgyMDY2NDcxMUUzQkY2MUI0RTRBQTQyRjcyQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtWxK9YAAAEKSURBVHjatNZdCoMwDADgKPiD6B08wM4riNBb7GGMHcOj7NmR4obGlSZpGihUBD/SpLUAAOM0TXccOIc8cTZwsu2RCR4vxjzPj+0QxvAJxEDPv8gEh8Dfd63hKGgNs0ErWAymwmpQCyeDUtgM5MLmYBRWg8MwXAYHXtf1rc6Qif6F1UsqQD1MM8RncQ0lmdIaqk8ubk0pSDMWwQw02KXqI7NpGmjbNoTGtoUOLsvSw33fU5S7D+VwURTQdR3NVLrxZXBVVbSmN+VJw4fruj6By7I8EzY+Dz40USoY7IULvDeQFciDM4BxmILOuVfOe6+HETmCmHnOG75fRUQQw4xxHvnLJMHfsn0EGAAuM4himPnYTQAAAABJRU5ErkJggg==") right 0% no-repeat;
                                                    }
div.jp-video, div.jp-video div.jp-interface {border:none !important;}
/* //LightBox */

.counters img { margin: 0 10px 0 0; vertical-align: middle; }
#spinner{background: url(../i/ajax-loader.gif) no-repeat; width: 66px; height: 66px; position: absolute; top:47%; left: 45%}
#volume-control{width:22px; height: 15px; background: url(../i/moskvichi/volume.png) no-repeat; cursor: pointer; display: inline-block;position: relative;top: -4px; left: 7px;}
#volume-control.muted{background-position: 0 -15px}


.jp-video {margin: 0 auto;}