* {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: 'pt_sans';
    src: url('/fonts/pt_sans-webfont.eot');
    src: url('/fonts/pt_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt_sans-webfont.woff2') format('woff2'),
         url('/fonts/pt_sans-webfont.woff') format('woff'),
         url('/fonts/pt_sans-webfont.ttf') format('truetype'),
         url('/fonts/pt_sans-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
    background: #e6e6e6;
    font-family: 'pt_sans', sans-serif;
    font-size: 14px;
}

form, p {
    padding: 0;
    margin: 0;
}

input {
    outline: none;
}

ul, ol, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: none !important;
    font-family: 'pt_sans', sans-serif;
    font-weight: bold;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-family: 'PT Sans', sans-serif;
        font-weight: bold;
        color: #333;
    }

a, img, input, select, textarea {
    outline: none;
    font-size: 14px;
    font-family: 'pt_sans', sans-serif;
}

a {
    color: #289ed8;
}

    a:focus {
        outline: none;
    }

.clear {
    display: block;
    ;
    height: 0px;
    overflow: hidden;
    clear: both;
}

.main-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100px;
    top: 0;
}

.box {
    position: relative;
    z-index: 300;
}

.box-container {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 5px solid #e6e6e6;
    -moz-box-sizing: border-box; /* Для Firefox */
    box-sizing: border-box;
}

.box-content:focus {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index: 400;
    outline-width: 0;
}

.box-content.pseudo-focus {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index: 400;
    outline-width: 0;
    border: 2px solid #339ed4;
}

.box-content {
    position: relative;
    padding: 20px 7px 17px 20px;
    border: 0;
    border: 2px solid transparent;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .box-content .header {
        padding: 0 60px 0 0;
    }

    .box-content.loading {
        background: url(../img/adm/AjaxLoader2.gif) center no-repeat;
    }

        .box-content.loading iframe {
            visibility: hidden;
        }

 .box-content.loading2:before {
        content: 'Создание архива' !important; display: inline-block !important; vertical-align: middle !important; text-align: center; position: absolute; left: 0; top: 50%; margin-top: 20px; color: #289ed8; font-size: 16px; width: 100%; text-align: center;    }

        .box-content.loading iframe {
            visibility: hidden;
        }

.box-content.loading2:before { 
    -webkit-animation: backlight linear 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: backlight linear 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: backlight linear 1s;
    -o-animation-iteration-count: infinite;
    -ms-animation: backlight linear 1s;
    -ms-animation-iteration-count: infinite;
    animation: backlight linear 1s;
    animation-iteration-count: infinite;
}

@-moz-keyframes backlight {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes backlight {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}
@-o-keyframes backlight {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}
@-ms-keyframes backlight {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}
@keyframes backlight {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}





.scrollbar-ag {
    height: 100px;
    overflow-y: scroll;
    padding: 0 10px 0 0;
}

.scrollbar-ag-calendar {
    height: 100px;
    overflow-y: scroll;
    padding: 0 10px 0 0;
}

.box-content h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #289ed8;
    padding: 0 20px 0 5px;
    display: inline-block;
    float: left;
    margin: 0 0 5px 0;
}

.box-content .scrollbar-ag h2 {
    float: none;
}

.box-container .close {
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/icon-close.png) no-repeat 0 -16px;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 15px;
    z-index: 999;
}

.box-container .expand {
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/icon-expand.png) no-repeat 0 -16px;
    cursor: pointer;
    position: absolute;
    right: 37px;
    top: 15px;
    z-index: 999;
}

.box.full .box-container .close {
    /*display: none !important;*/
}

.box.full .box-container .expand {
    background: url(../img/icon-collapse.png) no-repeat;
    /*right: 10px;*/
}

.box-iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

.news-legend {
    display: inline-block;
    height: 24px;
    float: left;
    margin: 0 0 5px 0;
}

    .news-legend .icon {
        float: left;
        font-size: 14px;
        /*padding: 0 0 0 26px;*/
        margin: 0 20px 0 0;
        display: block;
    }

    .news-legend .breaking-news {
        color: #be2f2f;
        /*background: url(../img/icon-breaking-news.png) no-repeat 5px 0;*/ cursor: pointer;
    }

        .news-legend .breaking-news.active {
            font-weight: bold;
        }

    .news-legend .exclusive {
        color: #339ed4;
        /*background: url(../img/icon-exclusive.png) no-repeat 0 2px;*/ cursor: pointer;
    }

        .news-legend .exclusive.active {
            font-weight: bold;
        }



.detail-news-type {
    clear: both;
    display: block;
}

    .detail-news-type:after {
        content: '';
        display: block;
        clear: both;
        width: 100%;
    }

    .detail-news-type span {
        float: left;
        font-size: 14px;
        padding: 0 0 0 26px;
        margin: 0 20px 0 0;
        display: block;
    }

    .detail-news-type .breaking-news {
        color: #be2f2f;
        background: url(../img/icon-breaking-news.png) no-repeat 5px 0;
    }


    .detail-news-type .exclusive {
        color: #339ed4;
        background: url(../img/icon-exclusive-cp.png) no-repeat 0 2px;
    }


    .detail-news-type .news-mayor-m24 {
        width: 106px;
        height: 35px;
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        background: url(/img/icon-m24-big.png);
        background-size: contain;
        margin: 0 10px 12px 0;
        padding: 0;
    }

    .detail-news-type .news-mayor-tv24 {
        width: 100px;
        height: 35px;
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        background: url(/img/icon-tv24-big.png);
        background-size: contain;
        margin: 0 10px 12px 0;
        padding: 0;
    }



.news-legend .show_as_thumbnails {
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/icon-tile.png);
    padding: 0;
    cursor: pointer;
    position: relative;
    ;
    top: 2px;
}

    .news-legend .show_as_thumbnails:hover {
        background-position: 0 -16px;
    }

    .news-legend .show_as_thumbnails.active {
        background-position: 0 -16px;
    }

.news-legend .show_as_list {
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/icon-list.png);
    padding: 0;
    cursor: pointer;
    position: relative;
    ;
    top: 2px;
}

    .news-legend .show_as_list:hover {
        background-position: 0 -16px;
    }

    .news-legend .show_as_list.active {
        background-position: 0 -16px;
    }

.news-list h3 {
    font-size: 14px;
    color: #555;
    padding: 17px 0 17px 0;
    border-bottom: 1px solid #a8a8a8;
    font-weight: normal;
}

    .news-list h3 strong {
        text-transform: uppercase;
    }

.news-list li a {
    padding: 4px 0 3px 60px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    display: block; /*transition: 0.25s;*/
    line-height: 20px;
}

    .news-list li a:hover {
        background: #eee;
        text-decoration: underline;
    }

    .news-list li a .news-date {
        position: absolute;
        left: 4px;
        top: 4px;
        font-weight: bold;
    }

    .news-list li a .container-exclusive-breaking-news-icons {
        /*
	sition: absolute;
	left: 10px;
	top: 19px
	*/
        padding: 0 0px 0 0;
        text-decoration: none !important;
        margin: 0 7px 0 0;
    }

        .news-list li a .container-exclusive-breaking-news-icons img {
            float: left;
            display: inline-block;
            margin: 2px 5px 0 0;
        }

.news-list li.breaking-news a {
    color: #ca2434;
}

    .news-list li.breaking-news a .news-date {
        color: #555;
    }

.news-list .number-photo {
    display: none;
}

.news-list-all h3 {
    font-size: 14px;
    color: #555;
    padding: 17px 0 17px 0;
    border-bottom: 1px solid #a8a8a8;
    font-weight: normal;
}

    .news-list-all h3 strong {
        text-transform: uppercase;
    }

.news-list-all li a {
    padding: 4px 0 3px 96px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    display: block; /*transition: 0.25s;*/
    line-height: 20px;
}

.news-list-all.news-list-mayor li a {
    padding: 4px 0 3px 60px;
}

.news-list-all li a:hover {
    background: #eee;
    text-decoration: underline;
}

.news-list-all li a .news-date {
    position: absolute;
    left: 4px;
    top: 4px;
    font-weight: bold;
}

.news-list-all li a .container-exclusive-breaking-news-icons {
    /*
	sition: absolute;
	left: 10px;
	top: 19px
	*/
    padding: 0 0px 0 0;
    text-decoration: none !important;
    margin: 0 7px 0 0;
}

    .news-list-all li a .container-exclusive-breaking-news-icons img {
        float: left;
        display: inline-block;
        margin: 2px 5px 0 0;
    }

.news-list-all li a .news-rubric {
    position: absolute;
    left: 50px;
    top: 3x;
    width: 21px;
    height: 21px;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/icon-news-rubric.png);
}

.news-list-all.news-list-mayor li a .news-rubric {
    position: relative;
    left: 0px;
    display: none;
}


.news-list-all li a .news-rubric.text {
    background-position: 0 0;
}

.news-list-all li a .news-rubric.photo {
    background-position: -21px 0;
}

.news-list-all li a .news-rubric.video {
    background-position: -42px 0;
}

.news-list-all li a .news-rubric.infographics {
    background-position: -63px 0;
}

.news-list-all li a .number-photo {
    position: absolute;
    left: 77px;
    top: 5px;
    color: #289ed8;
    font-weight: bold;
    display: block;
}

.news-list-all li.breaking-news a {
    color: #ca2434;
}

    .news-list-all li.breaking-news a .news-date {
        color: #555;
    }


.news-type {
    position: relative;
    top: 2px;
    display: none;
}

.mayor-type img {
    position: relative;
    top: 0px;
    margin-right: 7px;
    float: left;
}

.mayor-type {
    text-decoration: 1px solid #f00 !important;
    display: none;
}

.NewsList.mayor .mayor-type {
    display: block;
}

.photo-list.photo-list2 { margin: 10px 0 0 0; position: relative; left: 0px; font-size: 0 }

.photo-list h3 {
    font-size: 14px;
    color: #555;
    padding: 20px 0 17px 5px;
    font-weight: normal;
    clear: both;
}

    .photo-list h3:first-child {
        padding: 0 0 17px 5px;
    }

    .photo-list h3 strong {
        text-transform: uppercase;
    }

.photo-list li {
    width: calc(12.45% - 10px);
    float: left;
    margin: 0 5px 10px 5px;
}

.photo-list.photo-list2 li {

    display: inline-block;
    float: none;
    vertical-align: top;

}


.list-item-container {
    margin: 0 5px;
    background: #e4e4e4;
}

.image-container {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 0;
}

.photo-list.photo-list2 .ImageContainer img { width: 100% }

.photo-list.photo-list2 li a { color: #363636; text-decoration: none; }

.photo-list.photo-list2 li a:hover {  text-decoration: underline; }

.text-container {
    display: block;
    height: 46px;
    overflow: hidden;
    line-height: 17px;
    position: relative;
}

    .text-container:after {
        content: '';
        display: block;
        position: absolute;
        ;
        left: 0;
        bottom: 0;
        height: 15px;
        width: 100%;
        background: url('/img/bg-text-fade.png');
    }

li .photo-image {
    max-width: 100%;
    margin: 0 auto;
}

li .photo-info {
    padding: 25px 10px 10px 10px;
    display: block;
    position: relative;
}

.photo-info a {
    ;
    text-decoration: none;
    color: #363636;
}

    .photo-info a:hover {
        text-decoration: underline;
    }

.photo-date {
    position: absolute;
    ;
    left: 10px;
    top: 5px;
    font-size: 12px;
    color: #898989;
}

.photo-views {
    position: absolute;
    ;
    right: 10px;
    top: 5px;
    padding: 0 0 0 23px;
    background: url(../img/icon-photo.png) no-repeat 0 0;
    color: #289ed8;
    font-weight: bold;
}

.PhotoDownload {
    display: inline-block;
    margin: 10px;
}

.photo-list.photo-list2 .PhotoDownload { margin: 0 0 10px 0; font-weight: bold; }

.photo-list.photo-list2 .galery-all-photo { display: inline-block; margin: 5px 0; text-decoration: underline; }

.photo-list.photo-list2 .galery-all-photo:hover { text-decoration: none; }

.photo-list.photo-list2 .PhotoInfo a { text-decoration: underline; }

.photo-list.photo-list2 .PhotoInfo a:hover { text-decoration: none; }

.photo-list.photo-list2 li .Date { margin-top: 5px; font-size: 13px; color: #898989; }

.video-list h3 {
    font-size: 14px;
    color: #555;
    padding: 20px 0 17px 5px;
    font-weight: normal;
    clear: both;
}

    .video-list h3:first-child {
        padding: 0 0 17px 5px;
    }

    .video-list h3 strong {
        text-transform: uppercase;
    }

.video-list li {
    width: 12.45%;
    float: left;
    margin: 0 0 10px 0;
}


li .video-image {
    width: 100%;
    margin: 0 auto;
}

li .video-info {
    padding: 25px 10px 10px 10px;
    display: block;
    position: relative;
}

    li .video-info a {
        ;
        text-decoration: none;
        color: #363636;
    }

        li .video-info a:hover {
            text-decoration: underline;
        }

li .video-date {
    position: absolute;
    ;
    left: 10px;
    top: 5px;
    font-size: 12px;
    color: #898989;
}

li .video-duration {
    position: absolute;
    ;
    right: 10px;
    top: 5px;
    padding: 1px 0 2px 22px;
    background: url(../img/icon-video.png) no-repeat 0 2px;
    color: #289ed8;
    font-weight: bold;
}

li .broadcast-image {
    width: 100%;
    margin: 0 auto;
}

li .broadcast-info {
    padding: 25px 10px 10px 10px;
    display: block;
    position: relative;
}

    li .broadcast-info a {
        ;
        text-decoration: none;
        color: #363636;
    }

        li .broadcast-info a:hover {
            text-decoration: underline;
        }

li .broadcast-date {
    position: absolute;
    ;
    left: 10px;
    top: 5px;
    font-size: 12px;
    color: #898989;
}

.infographics-list h3 {
    font-size: 14px;
    color: #555;
    padding: 20px 0 17px 5px;
    font-weight: normal;
    clear: both;
}

    .infographics-list h3:first-child {
        padding: 0 0 17px 5px;
    }

    .infographics-list h3 strong {
        text-transform: uppercase;
    }

.infographics-list li {
    width: 12.45%;
    float: left;
    margin: 0 0 10px 0;
}

li .infographics-image {
    width: 100%;
    margin: 0 auto;
}

li .infographics-info {
    padding: 25px 10px 10px 10px;
    display: block;
    position: relative;
}

    li .infographics-info a {
        ;
        text-decoration: none;
        color: #363636;
    }

        li .infographics-info a:hover {
            text-decoration: underline;
        }

li .infographics-date {
    position: absolute;
    ;
    left: 10px;
    top: 5px;
    font-size: 12px;
    color: #898989;
}

.infographics-image-big {
    width: 100%;
    max-width: 730px;
}

.text-image {
    width: 100%;
    margin: 0 auto;
}

.text-info {
    padding: 25px 10px 10px 10px;
    display: block;
    position: relative;
}

    .text-info a {
        ;
        text-decoration: none;
        color: #363636;
    }

        .text-info a:hover {
            text-decoration: underline;
        }

.text-date {
    position: absolute;
    ;
    left: 10px;
    top: 5px;
    font-size: 12px;
    color: #898989;
}

.text-views {
    position: absolute;
    ;
    right: 10px;
    top: 5px;
    padding: 0 0 0 23px;
    background: url(../img/icon-photo.png) no-repeat 0 0;
    color: #289ed8;
    font-weight: bold;
}

.calendar-form {
    padding: 0 0 10px 0;
    position: relative;
    ;
    top: -8px;
}

    .calendar-form form {
        padding: 0 0 10px 0;
        border-bottom: 1px solid #a8a8a8;
    }

    .calendar-form fieldset {
        border: 0;
        display: inline-block;
        float: left;
        height: 40px;
        float: left;
    }

}

.calendar-form fieldset {
    border: 0;
    display: inline-block;
    float: left;
    height: 40px;
    float: left;
    white-space: nowrap;
}

}

.calendar-form .choose {
    margin: 0 0 10px 0;
}

    .calendar-form .choose a {
        display: inline-block;
        ;
        height: 40px;
        text-transform: uppercase;
        color: #fff;
        line-height: 40px;
        padding: 0 45px 0 25px;
        border: 0;
        background: url(../img/icon-button-arrow.png) no-repeat 89% 18px #289ed8;
        text-decoration: none;
        float: left;
        margin: 0 3px 0 0;
        cursor: pointer;
    }

        .calendar-form .choose a:hover {
            text-decoration: underline;
        }

.calendar-form .clear-filter-button {
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    color: #a8a8a8;
    cursor: pointer;
    display: inline-block;
    padding: 0 18px;
    margin: 0 3px;
    text-decoration: none;
}

    .calendar-form .clear-filter-button:hover {
        color: #900;
        text-decoration: underline;
    }

.calendar-form .archive-button {
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    color: #00abff;
    cursor: pointer;
    display: inline-block;
    padding: 0 18px;
    margin: 0 15px 0 3px;
    border: solid #c2dee9;
    border-width: 0 2px;
    text-decoration: none;
}

    .calendar-form .archive-button:hover {
        text-decoration: underline;
    }

.calendar-form .calendar-event-types {
}

    .calendar-form .calendar-event-types li {
        display: inline-block;
    }

    .calendar-form .calendar-event-types a {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        text-transform: uppercase;
        color: #00abff;
        cursor: pointer;
        display: inline-block;
        padding: 0 14px;
        margin: 0 3px;
        text-decoration: none;
    }

        .calendar-form .calendar-event-types a:hover {
            text-decoration: underline;
        }

        .calendar-form .calendar-event-types a.main-events {
            color: #a1a1a1;
        }

        .calendar-form .calendar-event-types a.current-events {
            color: #00abff;
        }

        .calendar-form .calendar-event-types a.future-events {
            color: #a186be;
        }

        .calendar-form .calendar-event-types a.past-events {
            color: #c69c6d;
        }

        .calendar-form .archive-button.Active, .calendar-form .calendar-event-types a.active {
            font-weight: bold;
        }
        .calendar-form .clear.calendar { display: none; }
.calendar-list td {
    vertical-align: center;
    padding: 10px 15px 10px 0px;
}

.calendar-list tr:hover td {
    background-color: #f5f5f5;
}

.calendar-list .between td {
    padding: 30px;
}

.calendar-list tr.between:hover td {
    background-color: #fff;
}

.calendar-list th {
    vertical-align: top;
    font-weight: bold;
    color: #289ed8;
    text-align: left;
    padding: 10px 15px 10px 0px;
    font-weight: bold;
}

.calendar-list .events-day {
    text-transform: uppercase;
    padding-top: 0;
    font-weight: bold;
}

    .calendar-list .events-day span {
        font-weight: normal;
        color: #434343;
    }

.calendar-list .event-title a {
    font-size: 16px;
    color: #555;
    text-decoration: none;
}

    .calendar-list .event-title a:hover {
        text-decoration: underline;
        color: #289ed8;
    }

.calendar-list .event-status {
    font-weight: bold;
}

    .calendar-list .event-status .cancel {
        color: #555;
    }

    .calendar-list .event-status .now {
        color: #11a04a;
    }

    .calendar-list .event-status .end {
        color: #898989;
    }

    .calendar-list .event-status .late {
        color: #0076a3;
    }

    .calendar-list .event-status .acc-end {
        color: #cf3c3c;
    }

.calendar-list th.event-time {
    padding-left: 20px;
}

.calendar-list td.event-time {
    color: #8c8c8c;
    border-left: 2px solid #b7b7b7;
    padding-left: 20px;
    position: relative;
    /*line-height: 17px*/
}

    .calendar-list td.event-time .border {
        width: 11px;
        height: 2px;
        display: block;
        background: #b7b7b7;
        position: absolute;
        left: 0;
    }

        .calendar-list td.event-time .border.border-top {
            top: 0;
        }

        .calendar-list td.event-time .border.border-bottom {
            bottom: 0;
        }

    .calendar-list td.event-time .availability {
        width: 4px;
        height: 24px;
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -12px;
    }

        .calendar-list td.event-time .availability.available {
            background: #52c6ff;
        }

        .calendar-list td.event-time .availability.unavailable {
            background: #d5d5d5;
        }

.calendar-list th.event-place {
    padding-left: 20px;
}

.calendar-list .event-place {
    padding-left: 10px;
    padding-right: 10px;
}

    .calendar-list .event-place a {
        padding: 0 0 0 30px;
        position: relative;
        display: block;
    }

        .calendar-list .event-place a:hover {
            text-decoration: none;
        }

        .calendar-list .event-place a i {
            width: 29px;
            height: 29px;
            display: block;
            cursor: pointer;
            background: url('../img/icon-map.png') no-repeat 0 0;
            position: absolute;
            left: 0;
            top: -2px;
        }

        .calendar-list .event-place a:hover i {
            background-position: 0 -29px;
        }

    .city-day { font-size: 17px; float: left; position: relative;; top: -1px; z-index: 300 }
    .city-day:hover { text-decoration: none; color: #900}
    .city-day.active {  color: #900 }
    .city-day.active:hover { color: #289ed8 }

.box.minimized {
    display: none !important;
}

.box.box1 {
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0; /*transition: 0.15s;*/
}

.box.box2 {
    width: 50%;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 0; /*transition: 0.15s;*/
}

.box.box3 {
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 50%; /*transition: 0.15s;*/
}

.box.box4 {
    width: 50%;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 50%; /*transition: 0.15s;*/
}

.box1.vert {
    width: 50%;
    height: 100%;
}

.box1.hor {
    width: 100%;
    height: 50%;
}

.box1.full {
    width: 100%;
    height: 100%;
    left: 0 !important;
    top: 0 !important;
}

.box2.vert {
    width: 50%;
    height: 100%;
}

    .box2.vert.moved {
        left: 0;
    }

.box2.hor {
    width: 100%;
    height: 50%;
    left: 0;
}

.box2.full {
    width: 100%;
    height: 100%;
    left: 0 !important;
    top: 0 !important;
}

.box3.vert {
    width: 50%;
    height: 100%;
    top: 0;
}

    .box3.vert.moved {
        left: 50%;
    }

.box3.hor {
    width: 100%;
    height: 50%;
}

.box3.full {
    width: 100%;
    height: 100%;
    left: 0 !important;
    top: 0 !important;
}

.box4.vert {
    width: 50%;
    height: 100%;
    top: 0;
}

.box4.hor {
    width: 100%;
    height: 50%;
    left: 0;
}

.box4.full {
    width: 100%;
    height: 100%;
    left: 0 !important;
    top: 0 !important;
}

.left-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 57px;
    height: 100%;
    background: #10303f;
    text-align: center;
    z-index: 100;
    text-align: center;
}

    .left-panel a.box-button {
    }

        .left-panel a.box-button.active {
            border: 2px solid #339ed4;
        }

    .left-panel .add {
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: inline-block;
        margin: 10px auto;
        background: url('../img/icon-add-unactive.png');
    }

        .left-panel .add.active {
            background: url('../img/icon-add.png');
        }

    .left-panel .save {
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: inline-block;
        margin: 0 auto 10px auto;
        background: url('../img/icon-save-unactive.png') center no-repeat;
    }

        .left-panel .save.active {
            background: url('../img/icon-save.png') center no-repeat;
        }

    .left-panel .link {
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: inline-block;
        margin: 0 auto 10px auto;
        background: url('../img/icon-link.png') 0 0 no-repeat;
    }

        .left-panel .link:hover {
            background-position: 0 -30px;
        }

.font-size {
    border: solid #0d4e65;
    border-width: 2px 0;
    text-align: center;
    padding: 10px 0;
}

    .font-size a {
        cursor: pointer;
        color: #556c77;
        padding: 5px;
        display: inline-block;
    }

    .font-size .active a {
        color: #00abff;
    }

    .font-size a:hover {
        color: #00abff;
    }

    .font-size .small-size a {
        font-size: 12px;
    }

    .font-size .medium-size a {
        font-size: 14px;
    }

    .font-size .large-size a {
        font-size: 18px;
    }

.add-on {
    border-bottom: 2px solid #0d4e65;
    padding: 10px;
    text-align: center;
}

.social-links {
}

    .social-links li {
        margin: 10px 0 0 14px;
    }

        .social-links li a {
            display: block;
            width: 25px;
            height: 25px;
            cursor: pointer;
            text-indent: -9999px;
            overflow: hidden;
            background: url('/img/icon-social.png');
        }

            .social-links li a.Twitter {
                background-position: 0 0;
            }

                .social-links li a.Twitter:hover {
                    background-position: 0 -25px;
                }

            .social-links li a.Vkontakte {
                background-position: -25px 0;
            }

                .social-links li a.Vkontakte:hover {
                    background-position: -25px -25px;
                }

            .social-links li a.Facebook {
                background-position: -50px 0;
            }

                .social-links li a.Facebook:hover {
                    background-position: -50px -25px;
                }

            .social-links li a.Instagram {
                background-position: -75px 0;
            }

                .social-links li a.Instagram:hover {
                    background-position: -75px -25px;
                }


header {
    background: linear-gradient(to right, #215d7a, #1f495d);
    position: absolute;
    ;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 128px;
    z-index: 400;
}

    header .header-container {
        position: relative;
        min-height: 128px;
        padding: 0 0 0 276px;
    }

    header .logo-container {
        position: absolute;
        left: 0;
        top: 0;
        width: 276px;
        height: 100%;
        background: #fff;
    }

    header .logo {
        width: 276px;
        height: 128px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        background: url(../img/logo.png);
        background-size: contain;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -64px;
    }

    header .menus {
        background: #192f3a;
        min-height: 47px;
        padding-right: 170px;
    }

    header .menu-1 {
        float: left;
        margin: 10px 0 0 10px;
    }

        header .menu-1 li {
            float: left;
            padding: 0 10px;
        }

            header .menu-1 li a {
                display: block;
                font-size: 14px;
                line-height: 30px;
                font-weight: bold;
                text-transform: uppercase;
                color: #fff;
                text-decoration: none;
                height: 27px; /*transition: 0.15s;*/
            }

                header .menu-1 li a:hover {
                    ;
                    color: #339ed4;
                }

            header .menu-1 li.active a {
                color: #339ed4;
            }

    header .menu-2 {
        float: left;
        margin: 10px 0 10px 10px;
    }

        header .menu-2 li {
            float: left;
            padding: 0 10px;
            /*border-left: 2px solid #14556b*/
        }

            header .menu-2 li:last-child {
                /*border-right: 2px solid #14556b*/
            }

            header .menu-2 li a {
                display: block;
                font-size: 14px;
                line-height: 30px;
                font-weight: bold;
                text-transform: uppercase;
                color: #b0b0b0;
                text-decoration: none;
                height: 27px; /*transition: 0.15s;*/
            }

                header .menu-2 li a:hover {
                    ;
                    color: #fff;
                }

    header .login-button {
        float: right;
        display: block;
        font-size: 14px;
        line-height: 48px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        cursor: pointer;
        padding: 0 76px 0 0;
        position: relative; /*transition: 0.15s;*/
    }

        header .login-button:hover {
            color: #339ed4;
        }

        header .login-button span {
        }

            header .login-button span:after {
                content: '';
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                width: 62px;
                height: 47px;
                background: url(../img/icon-user.png) no-repeat 50% 50% #152127;
            }

    header .search-form {
        padding: 20px 270px 5px 20px;
        position: relative;
    }

    header .search-input {
        border: 0;
        background: #fff;
        width: auto;
        height: 30px;
        display: block;
        padding: 5px;
        margin: 0;
        box-sizing: border-box;
        display: inline;
        white-space: nowrap;
        max-width: 100%;
    }

    header .search-submit {
        width: 40px;
        height: 40px;
        display: inline-block;
        float: left;
        border: 0;
        text-indent: -9999px;
        overflow: hidden;
        background: url(../img/icon-search.png);
        cursor: pointer;
        position: absolute;
        right: 220px;
        top: 20px;
    }

    header .search-form .search-container {
        position: relative;
        float: left;
        width: 100%;
        background: #fff;
        padding: 7px;
        margin: 0 5px 15px 0;
        box-sizing: border-box;
        text-align: right;
        display: flex;
        justify-content: flex-start;
    }

        header .search-form .search-container .search-container-tags {
            display: flex;
            max-width: 75%;
        }

        header .search-form .search-container input {
            min-width: 25%;
            width: 100%;
        }

        header .search-form .search-container .search-tag {
            font-size: 13px;
            line-height: normal;
            box-sizing: border-box;
            color: #000;
            border-radius: 0px;
            height: 30px;
            position: relative;
            z-index: 100;
            display: inline-block;
            margin: 0 0 0px 10px;
            cursor: pointer;
            border: 1px solid #dfdfdf;
            border-radius: 15px;
            padding: 5px 20px 2px 10px;
            white-space: nowrap;
            float: left;
        }

            header .search-form .search-container .search-tag .tag-name:after {
                content: 'x';
                color: #f33;
                position: absolute;
                right: 9px;
                top: -4px;
                margin: 0 0 0 2px;
            }


.search-tag.rubric-tag {
    background: #dfdfdf;
}


header .search-form .search-container .rubric-tags-container {
    display: inline-block;
    border-radius: 15px;
    padding: 0 0 0 10px;
    margin: 7px 0 0 10px;
    background: #dfdfdf;
    white-space: nowrap;
}

    header .search-form .search-container .rubric-tags-container .search-tag {
        border: 0;
        border-radius: 0;
        padding: 4px 10px 3px 0;
        margin: 0 15px 0 0;
        display: inline-block;
    }

        header .search-form .search-container .rubric-tags-container .search-tag .tag-name:after {
            right: 0;
        }

header .advanced-search-button {
    width: 200px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 43px;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    background: #215c77;
    margin: 0px 0 0 17px;
    cursor: pointer;
    display: inline-block;
    float: left;
    position: absolute;
    right: 10px;
    top: 20px; /*transition: 0.15s;*/
}

    header .advanced-search-button:hover {
        background: #2389bb;
    }

    header .advanced-search-button.active {
        background: #2389bb;
    }

header .advanced-search-popup {
    position: absolute;
    right: 10px;
    top: 60px;
    width: 700px;
    background: #2389bb;
    z-index: 500;
    display: none;
    padding-top: 40px;
}

    header .advanced-search-popup .heading {
        color: #7cc1e3;
        font-weight: bold;
        text-transform: uppercase;
        padding: 18px;
    }

    header .advanced-search-popup .form-item-line {
        margin: 0 0 7px 0;
    }

        header .advanced-search-popup .form-item-line label {
            width: 210px;
            display: inline-block;
            margin: 0 20px 0 0;
            text-align: right;
            font-weight: bold;
            ;
            text-transform: uppercase;
            color: #fff;
        }

    header .advanced-search-popup .input-container {
        display: inline-block;
        position: relative;
    }

    header .advanced-search-popup .form-item-line input {
        width: 229px;
        height: 28px;
        border: 0;
        background: #fff;
        padding: 0 14px;
    }

    header .advanced-search-popup .form-item-line select {
        width: 258px;
        height: 28px;
        border: 0;
        background: #fff;
        padding: 0 14px;
    }

    header .advanced-search-popup .form-item-line .rubric-button {
        width: 28px;
        height: 27px;
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }

        header .advanced-search-popup .form-item-line .rubric-button:hover {
            background-position: 0 -27px;
        }

    header .advanced-search-popup .form-item-line .date-button {
        width: 28px;
        height: 27px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../img/icon-rubric.png);
        cursor: pointer;
    }

        header .advanced-search-popup .form-item-line .date-button:hover {
            background-position: 0 -27px;
        }

    header .advanced-search-popup .button-reset {
        font-family: 'PT Sans';
        float: right;
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        font-weight: bold;
        text-transform: uppercase;
        color: #a5e1ff;
        background: none;
        border: 0;
        position: relative;
        bottom: 0px;
        margin: 17px 0 0 0;
        cursor: pointer;
    }

    header .advanced-search-popup .button-close {
        font-family: 'PT Sans';
        float: right;
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        font-weight: bold;
        text-transform: uppercase;
        color: #a5e1ff;
        background: none;
        border: 0;
        position: relative;
        bottom: 0px;
        margin: 17px 15px 0 0;
        cursor: pointer;
    }

    header .advanced-search-popup .button-submit {
        float: right;
        height: 60px;
        line-height: 60px;
        padding: 0 36px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        background: #006393;
        border: 0;
        position: relative;
        bottom: 0px;
        margin: 17px 0 0 0;
        cursor: pointer;
    }

footer {
    background: #10303f;
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    z-index: 2000; /*transition: 0.25s;*/
}

    footer .footer-container {
        padding: 52px 52px 52px 75px;
        color: #898989;
    }

    footer .copyright {
        border-right: 1px solid #3e525b;
        float: left;
        padding: 0 52px 0 0;
        font-size: 12px;
    }

    footer .copyright-text {
        float: left;
        width: 50%;
        padding: 0 0 0 52px;
    }

        footer .copyright-text p {
            padding: 0 0 15px 0;
        }

    footer .logo {
        width: 159px;
        height: 62px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        background: url(../img/logo2.png);
        background-size: contain;
        margin: 0 0 20px 0;
    }

    footer .feedback {
        font-size: 12px;
        color: #00bff3;
        display: inline-block;
        margin: 20px 0;
    }

    footer.visible {
        bottom: 0; /*transition: 0.25s;*/
    }
    footer .z18 {
        position: absolute; right: 50px; top: 50px; width: 50px;
    }
.footer-open-button {
    width: 52px;
    height: 52px;
    display: block;
    background: url(../img/icon-footer.png) no-repeat 0 0;
    position: absolute;
    ;
    left: 2px;
    bottom: 2px;
    cursor: pointer;
}

.footer-close-button {
    width: 52px;
    height: 52px;
    display: block;
    background: url(../img/icon-footer.png) no-repeat 0 -52px;
    position: absolute;
    ;
    left: 2px;
    bottom: 2px;
    cursor: pointer;
}

.pb_scrollbar {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    clear: both;
    z-index: 1000;
}

    .pb_scrollbar .viewport {
        height: 100px;
        overflow: hidden;
        position: relative;
        margin: 0 25px 0 0px;
    }

    .pb_scrollbar .overview {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .pb_scrollbar .scrollbar {
        background: none;
        position: absolute;
        background-position: 0 0;
        right: -2px;
        top: 0;
        width: 12px;
        z-index: 3000;
    }

    .pb_scrollbar .track {
        background: #d1d1d1;
        height: 100%;
        width: 12px;
        position: relative;
    }

    .pb_scrollbar .thumb {
        background: #5a5a5a;
        height: 20px;
        width: 12px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0px;
    }

        .pb_scrollbar .thumb .end {
            background: none;
            overflow: hidden;
            height: 5px;
            width: 25px;
        }

    .pb_scrollbar .disable {
        display: none;
    }

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.decor_checkbox span input[type="checkbox"] {
    display: none;
}

.decor_checkbox {
    height: 14px;
    margin: 3px 0 5px 5px;
    display: inline-block;
    height: 24px;
    float: left;
}

    .decor_checkbox span {
        display: block;
        float: left;
        cursor: pointer;
        width: 14px;
        height: 14px;
        background: url(../img/checkbox-bg.png) no-repeat 0 0;
        margin-right: 10px;
    }

.check_active span {
    background-position: 0 -14px;
}

.decor_checkbox label {
    font-size: 13px;
    font-weight: bold;
    ;
    text-transform: uppercase;
    color: #5c5c5c;
    position: relative;
    top: -3px;
}


.auto-suggest {
    position: absolute;
    ;
    left: 20px;
    top: 60px;
    width: 492px !important;
    background: #192f3a;
    padding: 0 0;
}

    .auto-suggest a {
        display: block;
        padding: 5px 20px;
        color: #fff;
        margin: 0 0 0 0;
        text-decoration: none;
    }

        .auto-suggest a:hover {
            background: #2389bb;
        }

.article {
    font-size: 16px;
    color: #555;
}

    .article h2 {
        padding-left: 0px;
        margin-right: 10px;
    }

    .article a {
        color: #289ed8;
        font-size: 16px;
    }

    .article .Date {
        font-weight: bold;
    }

#Article .Text ul li {
    list-style: disc;
    list-style-position: inside;
}


.breadcrumbs {
    padding: 0 0 10px 0;
}

    .breadcrumbs a {
    }

        .breadcrumbs a:hover {
            text-decoration: none;
        }

.ShareMaterialButton {
    display: none;
    margin: 10px 0;
}

#ShareMaterialButts {
}

.Tags {
    font-size: 14px;
}

    .Tags a {
        font-size: 14px;
    }

.Back {
    margin: 0 0 10px 5px;
    display: inline-block;
}

.PhotoDetail .fancy-gallery {
    text-decoration: none;
}

h2.galleryTitle {
    padding-left: 0 !important;
    font-weight: normal;
    background: none;
}

.material-back-button {
    width: 34px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    background: url(../img/icon-arrow-back.png) no-repeat 0 50%;
    margin: 0 10px 0 0;
    position: relative;
    ;
    top: 3px;
    cursor: pointer;
}

.material-back-button2 {
    display: inline-block;
    background: url(../img/icon-arrow-back.png) no-repeat 0 4px;
    margin: 0 0 0 0;
    padding: 0 0 0 44px;
    position: relative;
    top: 0;
    width: 0;
    height: auto;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
}

#player {
    margin-top: 15px;
}

.copy-material-link {
    cursor: pointer;
    background: #339ed4;
    color: #fff !important;
    padding: 0 10px;
    margin: 0 0 7px 0;
    display: inline-block;
}

    .copy-material-link:hover {
        text-decoration: underline;
    }

.masonry-wrapper-main {
    width: 49%;
    float: left;
    margin: 10px 0;
}

    .masonry-wrapper-main img {
        width: 100%;
    }

.masonry-wrapper a {
    float: left;
    position: relative;
    overflow: hidden;
}

.masonry-wrapper .img {
    position: absolute;
    outline: none;
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1000px) {
}

body .fancybox-prev, body .fancybox-next {
    height: 70px;
    width: 70px;
    bottom: auto;
    top: 50%;
    margin-top: -35px;
    display: block !important;
    visibility: visible;
}

body .fancybox-prev {
    left: -80px;
}

    body .fancybox-prev span {
        opacity: 1;
        left: 15px;
        ;
        visibility: visible;
    }

    body .fancybox-prev:hover span {
        opacity: 1;
    }

body .fancybox-next {
    right: -80px;
}

    body .fancybox-next span {
        opacity: 1;
        left: auto;
        right: 15px;
        ;
        visibility: visible;
    }

body #fancybox-next:hover span {
    opacity: 1;
}

.PhotoDetail .slick-next, .PhotoDetail .slick-prev {
    display: none !important;
}

.iframe-style {
    background: #fff;
}

    .iframe-style #NewPhotosSlider2 {
        margin: 0 30px 0 30px;
    }

.fancybox-iframe {
    background: #fff;
}

.media-download-introduce-form-wrp {
    display: none;
}

.media-download-introduce-form {
    padding: 20px;
    width: 400px;
}

.media-download-introduce-form__title {
    text-align: center;
    margin: 0 0 20px;
}

.media-download-introduce-form__ok {
    margin: 0 auto 10px;
    cursor: pointer;
}

.media-download-introduce-form__skip {
    margin: 0 auto;
}

.media-download-introduce-form__smi-name {
    display: block;
    margin: 0 auto 10px;
    padding: 0 4px;
    width: 226px;
    height: 27px;
    font-size: 14px;
    border: 1px solid #178ec8;
}

.media-download-introduce-form__errors {
    text-align: center;
    color: #c40b2a;
}


.fancybox-inner {
    background: #fff;
}

body #MapFilters {
    background: #fff;
    padding-bottom: 2px;
    padding-right: 10px !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    top: 44px !important;
    left: 54px;
    width: 360px !important;
    display: none;
}

#MapFilters .ClearSettingsContainer {
    display: none;
}

body #MapFilters .Rubrics {
    float: left;
    display: inline-block !important;
    width: 170px;
    clear: none;
    margin-right: 10px;
}

body #MapFilters label {
    padding: 3px 0 7px 24px;
    margin: 3px 0 0 10px;
}

body #MapFilters .Rubrics input {
    right: 0;
    top: 8px;
}

body #MapFilters label em {
    width: 20px;
    height: 25px;
    background-size: 100% 100% !important;
}

body #MapFilters .Important {
    padding: 7px 0 4px 0;
    margin-top: 9px;
}

    body #MapFilters .Important input {
        top: 12px;
        right: 10px;
    }


body #MapFilters .MaterialTypes {
    float: left;
    display: inline-block !important;
    width: 170px;
    clear: none;
    margin-right: 10px;
}

.map-filter-button {
    background: url(/img/icon-map-filter.png) no-repeat 50% 50% #539ed8;
    display: block;
    cursor: pointer;
    position: absolute;
    ;
    left: 16px;
    top: 46px;
    color: #333;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    text-indent: -9999px;
    width: 25px;
    height: 26px;
    border: 1px solid #fff;
}


.gallery-new {
}

    .gallery-new .gallery-placeholder {
        float: left;
        width: 70%;
        height: 100%;
        box-sizing: border-box;
        padding: 0 10px;
    }

        .gallery-new .gallery-placeholder .helper {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .gallery-new .gallery-placeholder img {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            cursor: pointer;
        }

    .gallery-new .gallery-scroll {
        float: left;
        width: 30%;
        height: 100%;
        overflow-y: auto;
        box-sizing: border-box;
    }

        .gallery-new .gallery-scroll .img-container {
            text-align: center;
            margin: 5px 0;
        }

            .gallery-new .gallery-scroll .img-container img {
                border: 2px solid transparent;
                box-shadow: 0 0 10px rgba(0,0,0,0.5);
                box-sizing: border-box;
            }

                .gallery-new .gallery-scroll .img-container img.active {
                    border: 2px solid #339ed4;
                }


.box-content .scrollbar-ag p {
    padding-bottom: 15px;
}


.mobile-menu-button {
    display: block;
    ;
    cursor: pointer;
    color: #b0b0b0;
    display: block;
    display: none;
    margin: 10px 10px 0 10px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    right: 180px;
    top: 1px;
    z-index: 200;
}

    .mobile-menu-button:hover {
        color: #fff;
    }

.simpleInfoWindow .title {
    padding-right: 40px;
}

.box .box-container .simpleInfoWindow .close {
    display: block !important;
    width: 16px;
    height: 16px;
    top: 6px !important;
    background: url(/img/icon-close.png) no-repeat 0 0;
}


#ShareMaterialWin {
    margin-top: 15px;
}

    #ShareMaterialWin a {
        width: 24px;
        height: 24px;
        display: inline-block;
        cursor: pointer;
        background-size: contain;
    }

        #ShareMaterialWin a.VK {
            background-image: url('/img/icon-vk-gs.png');
        }

            #ShareMaterialWin a.VK:hover {
                background-image: url('/img/icon-vk.png');
            }

        #ShareMaterialWin a.FB {
            background-image: url('/img/icon-fb-gs.png');
        }

            #ShareMaterialWin a.FB:hover {
                background-image: url('/img/icon-fb.png');
            }

        #ShareMaterialWin a.Mail {
            background-image: url('/img/icon-mailru-gs.png');
        }

            #ShareMaterialWin a.Mail:hover {
                background-image: url('/img/icon-mailru.png');
            }

        #ShareMaterialWin a.OK {
            background-image: url('/img/icon-ok-gs.png');
        }

            #ShareMaterialWin a.OK:hover {
                background-image: url('/img/icon-ok.png');
            }

        #ShareMaterialWin a.Twi {
            background-image: url('/img/icon-twi-gs.png');
        }

            #ShareMaterialWin a.Twi:hover {
                background-image: url('/img/icon-twi.png');
            }

        #ShareMaterialWin a.Google {
            background-image: url('/img/icon-google-gs.png');
        }

            #ShareMaterialWin a.Google:hover {
                background-image: url('/img/icon-google.png');
            }
        #ShareMaterialWin a.Telegram {
            background-image: url('/img/icon-tg.png');
        }
        #ShareMaterialWin a.Tamtam {
            background-image: url('/img/icon-tt.png');
        }


.RelatedMaterials a {
    display: inline-block;
    margin: 6px 0 0 10px;
    vertical-align: top;
}

.RelatedMaterials i.ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/img/V01/IconsSmall.png);
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    position: relative;
    top: 3px;
}

    .RelatedMaterials i.ico.Text {
        background-position: 0 0;
    }

    .RelatedMaterials i.ico.Video {
        background-position: -16px 0;
    }

    .RelatedMaterials i.ico.Photo {
        background-position: -32px 0;
    }


@media screen and (max-width: 1300px) {
    .photo-list li, .video-list li, .infographics-list li {
        width: 14.25%;
    }
    .photo-list.photo-list2 li { width: calc(14.25% - 10px);}
}

@media screen and (max-width: 1200px) {
    .photo-list li, .video-list li, .infographics-list li {
        width: 16.65%;
    }
    .photo-list.photo-list2 li { width: calc(16.65% - 10px);}
}

@media screen and (max-width: 1100px) {
    .photo-list li, .video-list li, .infographics-list li {
        width: 20%;
    }
    .photo-list.photo-list2 li { width: calc(20% - 10px);}

}

@media screen and (max-width: 1000px) {
    .photo-list li, .video-list li, .infographics-list li {
        width: 25%;
    }
    .photo-list.photo-list2 li { width: calc(25% - 10px);}
}

@media screen and (max-width: 900px) {
    .photo-list li, .video-list li, .infographics-list li {
        width: 33.3%;
    }
    .photo-list.photo-list2 li { width: calc(33.3% - 10px);}
}

@media screen and (max-width: 800px) {
     .video-list li, .infographics-list li {
        width: 49%;
    }
    .photo-list li { width: calc(50% - 10px); margin: 0 10px 10px 0px;}
    .photo-list.photo-list2 li { width: calc(50% - 10px);}
}




/* -------------------- material */

.b-material {
    font-size: 15px;
    line-height: 24px;
    color: #636363;
}

    .b-material a {
        color: #29abbc;
    }

        .b-material a:hover {
            color: #c5382e;
        }

        .b-material a:visited {
            color: #700070;
        }

    .b-material h1 {
        font-family: georgia;
        font-size: 24px;
        line-height: 24px;
        font-weight: 400;
        color: #464646;
        margin: 0 100px 32px 0;
        position: relative;
    }

.b-material-theme-shield {
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    color: #8f8e8e;
    letter-spacing: 1px;
    margin: -20px 0 32px 0;
    padding: 0 0 0 19px;
    background: url(http://www.m24.ru/img3/IconTheme16.png) 0 0 no-repeat;
}

.b-material-author {
    font-weight: bold;
    font-style: italic;
}

.b-material-before-body {
}

.b-material-body {
}

.b-material-after-body {
    padding: 30px 0 0 0;
    margin: 0 0 40px 0;
}

    .b-material-after-body p {
        font-size: 12px;
        line-height: 12px;
        color: #525252;
        padding: 7px 0 0 0;
        margin: 0 0 7px 0;
    }

        .b-material-after-body p span {
            text-transform: uppercase;
        }

        .b-material-after-body p a {
            color: #75a7aa;
        }

.b-material-after-body_sep {
    height: 9px;
    border-bottom: 1px solid #c7c7c7;
    margin: 0 0 10px 0;
}

/* -------------------- media */

.b-video-player-wrapper {
    height: 353px;
    margin: 0 0 30px -1000px;
    padding: 20px 0 20px 1000px;
    background: #e0e0e0;
    position: relative;
}

    .b-video-player-wrapper object {
        outline: none;
    }

.b-video-player {
    width: 483px;
    height: 353px;
    background: #f2f2f2;
}

.b-audio-player-wrapper {
    width: 483px;
    height: 54px;
    margin: 0 0 30px 0;
    background: #f2f2f2;
}

.b-audio-player {
    width: 483px;
    height: 54px;
    background: #f2f2f2;
}

.b-material-after-player {
    background: #e0e0e0;
    padding: 10px 20px 10px 1020px;
    margin: 0 0 20px -1000px;
    clear: both;
}

    .b-material-after-player p {
        font-size: 12px;
        line-height: 13px;
        padding: 7px 0 0 0;
        margin: 0 0 7px 0;
    }

        .b-material-after-player p span {
            font-family: georgia;
            font-size: 14px;
            line-height: 14px;
            padding: 7px 0 0 0;
            margin: 0 0 7px 0;
            color: #252525;
        }

.b-video-player-materials-list {
    width: 225px;
    position: absolute;
    top: 20px;
    right: 11px;
    overflow: hidden;
}

.b-video-player-materials-list__header {
    font-family: georgia;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 20px 0;
    color: #252525;
}

.b-video-player-materials-list ul {
    list-style-type: none;
}

    .b-video-player-materials-list ul li {
        list-style-type: none;
        list-style-position: outside;
        position: relative;
        margin: 0 0 5px 0;
    }

.b-video-player-materials-list__title {
    font-size: 14px;
    line-height: 15px;
    padding: 0 0 0 106px;
    margin: 0 0 7px 0;
}

    .b-video-player-materials-list__title a {
        color: #232323;
    }

.b-video-player-materials-list__img {
    width: 96px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    background: #ccc;
}

.b-video-player-materials-list__date {
    font-size: 11px;
    color: #b6b6b6;
    padding: 0 0 0 106px;
    margin: 0 0 10px 0;
}


/* -------------------- gallery */

.b-gallery {
    margin: 0 0 30px 0;
}

.b-gallery-poster {
    margin: 0 0 30px 0;
}

    .b-gallery-poster img {
        width: 483px;
    }

.b-gallery-list {
    border: 7px solid #dcdcdc;
    padding: 30px 0 19px 56px;
}

    .b-gallery-list ul {
        list-style-type: none;
    }

        .b-gallery-list ul li {
            list-style: none outside;
            width: 112px;
            height: 75px;
            float: left;
            margin: 0 11px 11px 0;
        }

            .b-gallery-list ul li a {
            }

                .b-gallery-list ul li a img {
                    width: 112px;
                    height: 75px;
                    background: #ccc;
                }


/* ---------------------------------------- simple bb */

.b-material__item_bold {
    font-weight: bold;
}

.b-material__item_italic {
    font-style: italic;
}

.b-material__item_underline {
    text-decoration: underline;
}

.b-material__item_linethrough {
    text-decoration: line-through;
}

.b-material h2 {
    font-family: georgia;
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
    color: #464646;
    margin: 0 0 30px 0;
    text-transform: none;
}

    .b-material h2 a {
        color: #29abbc;
    }

    .b-material h2:after {
        background: none;
    }

.b-material h3 {
    font-family: georgia;
    font-size: 21px;
    line-height: 23px;
    font-weight: 400;
    color: #464646;
    margin: 0 0 30px 0;
    text-transform: none;
}

    .b-material h3 a {
        color: #29abbc;
    }

.b-material h4 {
    font-family: georgia;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: #464646;
    margin: 0 0 30px 0;
    text-transform: none;
}

    .b-material h4 a {
        color: #29abbc;
    }

.b-material h5 {
    font-family: georgia;
    font-size: 19px;
    line-height: 21px;
    font-weight: 400;
    color: #464646;
    margin: 0 0 30px 0;
    text-transform: none;
}

    .b-material h5 a {
        color: #29abbc;
    }

.b-material br {
}

.b-material ul {
    list-style: disc inside;
    margin: 0;
    padding: 0;
}

    .b-material ul li {
    }

.b-material-link_source {
    background: #d9d9d9;
    padding: 0 3px;
}

/* ---------------------------------------- incuts bb */

.b-material-incut {
    min-width: 483px;
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden;
}

    .b-material-incut img {
        width: 730px;
        border: 0;
        vertical-align: top;
    }

    .b-material-incut p {
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        color: #868686;
    }

.b-material-incut-l {
    float: left;
    margin: 0 30px 0 0;
}

    .b-material-incut-l img {
        width: 236px;
        border: 0;
        vertical-align: top;
    }

    .b-material-incut-l p {
        width: 236px;
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        color: #868686;
    }

    .b-material-incut-l .title {
        font-size: 14px;
        line-height: 14px;
        text-transform: uppercase;
        padding: 0;
        margin: 0 0 20px 0;
        color: #252525;
    }

    .b-material-incut-l ul {
        list-style-type: none;
        width: 200px;
        margin: 0 0 10px 0;
    }

        .b-material-incut-l ul li {
            list-style-type: none;
            list-style-position: outside;
            margin: 0 0 20px 0;
            padding: 0;
            line-height: 14px;
        }

            .b-material-incut-l ul li a {
                font-size: 14px;
                line-height: 14px;
            }

.b-material-incut-r {
    float: right;
    margin: 0 0 0 30px;
}

    .b-material-incut-r img {
        width: 236px;
        border: 0;
        vertical-align: top;
    }

    .b-material-incut-r p {
        width: 236px;
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        color: #868686;
    }

    .b-material-incut-r .title {
        font-size: 14px;
        line-height: 14px;
        text-transform: uppercase;
        padding: 0;
        margin: 0 0 20px 0;
        color: #252525;
    }

    .b-material-incut-r ul {
        list-style-type: none;
        width: 200px;
        margin: 0 0 10px 0;
    }

        .b-material-incut-r ul li {
            list-style-type: none;
            list-style-position: outside;
            margin: 0 0 20px 0;
            padding: 0;
            line-height: 14px;
        }

            .b-material-incut-r ul li a {
                font-size: 14px;
                line-height: 14px;
            }

.b-material-incut-history {
    background: #d5deea url(http://www.m24.ru/img4/gap05-bg.png) 0 100% repeat-x;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 0 -1000px;
    padding: 40px 20px 40px 1020px;
}

    .b-material-incut-history .title {
        font-family: georgia;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        color: #252525;
        font-style: normal;
    }

.b-material-incut-expert {
    background: #d7d7d7 url(http://www.m24.ru/img4/gap01-bg.png) 0 100% repeat-x;
    padding: 70px 40px 40px 1165px;
    margin: 0 0 0 -1000px;
    min-height: 240px;
    position: relative;
    z-index: 0;
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    clear: both;
    overflow: auto;
}

    .b-material-incut-expert .title {
        font-family: georgia;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        color: #252525;
        position: absolute;
        top: 30px;
        left: 1020px;
        font-style: normal;
    }

.b-material-incut-expert__expert {
    width: 115px;
    display: block;
    position: relative;
    top: 0;
    margin-left: -145px;
    float: left;
}

.b-material-incut-expert__expert-name {
    font-size: 16px;
    line-height: 16px;
    color: #363636;
    padding: 15px 0 0 0;
    margin: 0 0 15px 0;
    white-space: pre-line;
    font-style: normal;
}

.b-material-incut-expert__expert-activity {
    font-size: 11px;
    line-height: 16px;
    color: #6c6c6c;
    margin: 0 0 0 0;
    font-style: normal;
}

.b-material-incut-expert__expert img {
    width: 115px;
    height: 115px;
}

.b-material-incut-themes-links-l {
    background: #b68284 url(http://www.m24.ru/img4/gap06-bg.png) 0 100% repeat-x;
    padding: 30px 20px 20px 1000px;
    margin: 0 0 20px -1000px;
    clear: both;
    display: none;
}

    .b-material-incut-themes-links-l .title {
        font-family: georgia;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        padding: 0 0 0 20px;
        margin: 0 0 20px 0;
        color: #fff;
    }

    .b-material-incut-themes-links-l ul {
        list-style-type: none;
        margin: 0 0 20px 0;
    }

        .b-material-incut-themes-links-l ul li {
            list-style-type: none;
            list-style-position: outside;
            padding: 14px 20px 14px 20px;
            line-height: 14px;
            vertical-align: top;
        }

            .b-material-incut-themes-links-l ul li:first-child {
                border: none;
            }

            .b-material-incut-themes-links-l ul li a {
                font-size: 14px;
                line-height: 14px;
                color: #fff;
            }

.b-material-incut-themes-links-r {
    background: #b68284 url(http://www.m24.ru/img4/gap06-bg.png) 0 100% repeat-x;
    padding: 30px 20px 20px 1000px;
    margin: 0 0 20px -1000px;
    clear: both;
    display: none;
}

    .b-material-incut-themes-links-r .title {
        font-family: georgia;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        padding: 0 0 0 20px;
        margin: 0 0 20px 0;
        color: #fff;
    }

    .b-material-incut-themes-links-r ul {
        list-style-type: none;
        margin: 0 0 20px 0;
    }

        .b-material-incut-themes-links-r ul li {
            list-style-type: none;
            list-style-position: outside;
            padding: 14px 20px 14px 20px;
            line-height: 14px;
            vertical-align: top;
        }

            .b-material-incut-themes-links-r ul li:first-child {
                border: none;
            }

            .b-material-incut-themes-links-r ul li a {
                font-size: 14px;
                line-height: 14px;
                color: #fff;
            }

/* original
.b-material-incut-themes-links-l {background:#b68284 url(http://www.m24.ru/img4/gap06-bg.png) 0 100% repeat-x;padding:30px 20px 20px 1000px;margin:0 0 20px -1000px;clear:both}
.b-material-incut-themes-links-l .title {font-family:georgia;font-size:18px;line-height:18px;text-transform:uppercase;padding:0 0 0 20px;margin:0 0 20px 0;color:#fff}
.b-material-incut-themes-links-l ul {list-style-type:none;margin:0 0 20px 0}
.b-material-incut-themes-links-l ul li {width:192px;display:inline-block;list-style-type:none;list-style-position:outside;padding:14px 20px 14px 20px;border-left:2px solid #c59c9e;line-height:14px;vertical-align:top}
.b-material-incut-themes-links-l ul li:first-child {border:none}
.b-material-incut-themes-links-l ul li a {font-size:14px;line-height:14px;color:#fff}

.b-material-incut-themes-links-r {background:#b68284 url(http://www.m24.ru/img4/gap06-bg.png) 0 100% repeat-x;padding:30px 20px 20px 1000px;margin:0 0 20px -1000px;clear:both}
.b-material-incut-themes-links-r .title {font-family:georgia;font-size:18px;line-height:18px;text-transform:uppercase;padding:0 0 0 20px;margin:0 0 20px 0;color:#fff}
.b-material-incut-themes-links-r ul {list-style-type:none;margin:0 0 20px 0}
.b-material-incut-themes-links-r ul li {width:192px;display:inline-block;list-style-type:none;list-style-position:outside;padding:14px 20px 14px 20px;border-left:2px solid #c59c9e;line-height:14px;vertical-align:top}
.b-material-incut-themes-links-r ul li:first-child {border:none}
.b-material-incut-themes-links-r ul li a {font-size:14px;line-height:14px;color:#fff}
*/

.b-material-incut-sites-links {
    background: #e0e0e0;
    padding: 10px 20px 10px 1020px;
    margin: 0 0 7px -1000px;
    clear: both;
}

    .b-material-incut-sites-links .title {
        font-family: georgia;
        font-size: 14px;
        line-height: 14px;
        padding: 7px 0 0 0;
        margin: 0 0 7px 0;
        color: #252525;
    }

    .b-material-incut-sites-links ul {
        list-style: none;
    }

        .b-material-incut-sites-links ul li {
            font-size: 12px;
            line-height: 13px;
            padding: 7px 0 0 0;
            margin: 0 0 7px 0;
        }

            .b-material-incut-sites-links ul li a {
            }

.b-material-incut-image-l {
    background: #e0e0e0;
    padding: 20px 20px 0 20px;
    position: relative;
    ;
    max-width: 443px;
    margin-bottom: 6px;
}

    .b-material-incut-image-l img {
        width: 100%;
        max-width: 483px;
        border: 0;
        vertical-align: top;
    }

    .b-material-incut-image-l p {
        display: block;
        font-size: 12px;
        line-height: 18px;
        color: #868686;
        margin: 10px 0 0 0;
    }

.b-material-incut-video-l {
    position: relaive;
    display: block;
}

    .b-material-incut-video-l a {
        width: 100%;
        max-width: 483px;
        display: block;
        position: relative;
    }

        .b-material-incut-video-l a img {
            width: 100%;
            max-width: 483px;
            ;
            border: 0;
        }

        .b-material-incut-video-l a i {
            width: 100%;
            max-width: 483px;
            height: 353px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url(http://www.m24.ru/img3/IncutVideo_bg.png) top left no-repeat;
        }

        .b-material-incut-video-l a:hover i {
            background-position: bottom left;
            cursor: pointer;
        }

        .b-material-incut-video-l a u {
            width: 100%;
            max-width: 483px;
            height: 353px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: #fff;
        }

        .b-material-incut-video-l a:hover u {
            background-position: bottom left;
            cursor: pointer;
        }

    .b-material-incut-video-l p {
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        color: #868686;
    }

        .b-material-incut-video-l p a {
            width: auto;
            height: auto;
            display: inline;
            position: static;
        }

.b-material-incut-audio-l {
    position: relaive;
    display: block;
}

    .b-material-incut-audio-l a {
        width: 100%;
        max-width: 483px;
        display: block;
        position: relative;
    }

        .b-material-incut-audio-l a img {
            width: 100%;
            max-width: 483px;
            border: 0;
        }

        .b-material-incut-audio-l a i {
            width: 100%;
            max-width: 483px;
            height: 353px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url(http://www.m24.ru/img3/IncutAudio_bg.png) top left no-repeat;
        }

        .b-material-incut-audio-l a:hover i {
            background-position: bottom left;
            cursor: pointer;
        }

    .b-material-incut-audio-l p {
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        color: #868686;
    }

        .b-material-incut-audio-l p a {
            width: auto;
            height: auto;
            display: inline;
            position: static;
        }

.b-material-incut-galleries-l {
    position: relaive;
    display: block;
}

    .b-material-incut-galleries-l a {
        width: 100%;
        max-width: 483px;
        display: block;
        position: relative;
    }

        .b-material-incut-galleries-l a img {
            width: 100%;
            max-width: 483px;
            border: 0;
        }

        .b-material-incut-galleries-l a i {
            width: 100%;
            max-width: 483px;
            height: 353px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url(http://www.m24.ru/img3/IncutGalleries_bg.png) top left no-repeat;
        }

        .b-material-incut-galleries-l a:hover i {
            background-position: bottom left;
            cursor: pointer;
        }

    .b-material-incut-galleries-l p {
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        color: #868686;
    }

        .b-material-incut-galleries-l p a {
            width: auto;
            height: auto;
            display: inline;
            position: static;
        }

.b-material-incut-infographics-l {
    position: relaive;
    display: block;
}

    .b-material-incut-infographics-l a {
        width: 100%;
        max-width: 483px;
        display: block;
        position: relative;
    }

        .b-material-incut-infographics-l a img {
            width: 100%;
            max-width: 483px;
            border: 0;
        }

        .b-material-incut-infographics-l a i {
            width: 100%;
            max-width: 483px;
            height: 353px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url(http://www.m24.ru/img3/IncutInfographics_bg.png) top left no-repeat;
        }

        .b-material-incut-infographics-l a:hover i {
            background-position: bottom left;
            cursor: pointer;
        }

    .b-material-incut-infographics-l p {
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        color: #868686;
    }

        .b-material-incut-infographics-l p a {
            width: auto;
            height: auto;
            display: inline;
            position: static;
        }

.b-material-incut-infographics {
    position: relaive;
    display: block;
}

    .b-material-incut-infographics .title {
        display: none;
    }

    .b-material-incut-infographics a {
        width: 100%;
        max-width: 483px;
        display: block;
        position: relative;
    }

        .b-material-incut-infographics a img {
            width: 100%;
            max-width: 483px;
            border: 0;
        }

        .b-material-incut-infographics a i {
            width: 100%;
            max-width: 483px;
            height: 353px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url(http://www.m24.ru/img3/IncutInfographics_bg.png) top left no-repeat;
        }

        .b-material-incut-infographics a:hover i {
            background-position: bottom left;
            cursor: pointer;
        }

    .b-material-incut-infographics p {
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        color: #868686;
    }

        .b-material-incut-infographics p a {
            width: auto;
            height: auto;
            display: inline;
            position: static;
        }

.b-material-table {
}

    .b-material-table table {
        width: 100%;
        border: 1px;
        padding: 0;
        font-size: 12px;
    }

        .b-material-table table tr {
        }

            .b-material-table table tr td {
                border-bottom: 1px solid #d9d9d9;
                padding: 10px 11px;
            }

            .b-material-table table tr.main {
            }

                .b-material-table table tr.main td {
                    background: #609e9c;
                    color: #fff;
                }

        .b-material-table table td.red {
            background: #cd2a27;
            color: #fff;
        }

        .b-material-table table td.green {
            background: #009e0f;
            color: #fff;
        }

    .b-material-table p {
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        color: #868686;
    }

.b-incut-gallery {
    width: 730px;
    position: relative;
}

    .b-incut-gallery .photo {
        background: #dcdcdc;
        position: relative;
    }

        .b-incut-gallery .photo ul {
            list-style-type: none;
        }

            .b-incut-gallery .photo ul li.hidden {
                display: none;
            }

            .b-incut-gallery .photo ul li img {
                display: block;
                margin: 0 auto;
            }

        .b-incut-gallery .photo .photo-copyright {
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.701961);
            font-size: 11px;
            font-style: italic;
            color: #fff;
            position: absolute;
            top: 0;
            left: 20px;
            right: 20px;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .b-incut-gallery .photo .desc {
            padding: 10px;
            background-color: rgba(51, 51, 51, 0.7);
            font-size: 13px;
            color: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .b-incut-gallery .list {
        height: 105px;
        padding: 30px 0 0 0;
        border: 7px solid #dcdcdc;
        overflow: hidden;
    }

        .b-incut-gallery .list ul {
            list-style-type: none;
        }

        .b-incut-gallery .list li {
            width: 112px;
            height: 75px;
            display: block;
            float: left;
            position: relative;
            overflow: hidden;
        }

            .b-incut-gallery .list li.active i {
                width: 102px;
                height: 65px;
                border: 5px solid #75a7aa;
                position: absolute;
                top: 0;
                left: 0;
            }

        .b-incut-gallery .list .image {
            width: 112px;
            height: 75px;
            position: absolute;
            top: 0;
            left: 0;
            background: #ccc;
        }

        .b-incut-gallery .list .bx-wrapper {
            width: 100%;
            max-width: 730px;
            position: relative;
        }

            .b-incut-gallery .list .bx-wrapper .bx-pager.bx-default-pager a {
                display: none;
            }

            .b-incut-gallery .list .bx-wrapper .bx-prev {
                position: absolute;
                top: 29px;
                left: -38px;
                background: url(http://www.m24.ru/img3/Arrows.png) 0 -16px no-repeat;
                width: 21px;
                height: 16px;
                text-indent: -9999px;
            }

                .b-incut-gallery .list .bx-wrapper .bx-prev:hover {
                    background-position: 0 -32px;
                }

            .b-incut-gallery .list .bx-wrapper .bx-next {
                position: absolute;
                top: 29px;
                right: -38px;
                background: url(http://www.m24.ru/img3/Arrows.png) -21px -16px no-repeat;
                width: 21px;
                height: 16px;
                text-indent: -9999px;
            }

                .b-incut-gallery .list .bx-wrapper .bx-next:hover {
                    background-position: -21px -32px;
                }

/* ---------------------------------------- likes buttons */

.social-likes, .social-likes__widget {
    display: block;
    float: none;
    padding: 0;
    vertical-align: middle !important;
    word-spacing: 0 !important;
    text-indent: 0 !important;
    list-style: none !important;
}

.social-likes {
    opacity: 0;
}

.social-likes_visible {
    opacity: 1;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
}

.social-likes > * {
    display: inline-block;
    visibility: hidden;
}

.social-likes_vertical > * {
    display: block;
}

.social-likes_visible .social-likes__widget {
    visibility: inherit;
    margin: 0 0 1px 0;
    float: none;
    display: block;
    clear: both;
    height: 24px;
}

.social-likes__widget {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

    .social-likes__widget:before, .social-likes__widget:after {
        display: none !important;
    }

.social-likes_light .social-likes__button {
    display: block;
    margin: 0;
    outline: 0;
    background: url(http://www.m24.ru/img4/share-buttons2.png) no-repeat 0 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    z-index: 200;
    position: relative;
    float: left;
}

.social-likes_light .social-likes__button_twitter {
    background-position: -80px 0;
}

.social-likes_light .social-likes__button_plusone {
    background-position: -120px 0;
}

.social-likes_light .social-likes__button_vkontakte {
    background-position: -40px 0;
}

.social-likes_light {
    padding: 10px 5px 0 0;
    float: left;
    width: auto;
}

    .social-likes_light .social-likes__counter {
        padding: 0px 5px 0px 3px;
        margin: 0px 0 0 6px;
        z-index: 100;
        position: relative;
        border: 1px solid #bbb;
        border-left: none;
        font-size: 10px;
        color: #777;
        cursor: pointer;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        line-height: 40px;
        height: 38px;
        float: left;
    }

        .social-likes_light .social-likes__counter:before {
            background: url(http://www.m24.ru/img3/social_counter3.png) no-repeat 0 0;
            content: "";
            position: absolute;
            left: -5px;
            top: 0;
            width: 5px;
            height: 42px;
        }

.social-likes-buttons-top {
    margin: 0 0 40px 0;
    height: 40px;
    position: relative;
    overflow: hidden;
}

    .social-likes-buttons-top .social-likes_light {
        padding: 0 10px 0 0;
        float: left;
        min-width: 0;
    }

    .social-likes-buttons-top .m24-comment-button {
        position: absolute;
        display: block;
        top: 0;
        left: 510px;
    }

        .social-likes-buttons-top .m24-comment-button a {
            color: #fff;
        }

.social-likes-buttons-bottom {
    margin: 25px 0 15px 0;
    height: 40px;
    position: relative;
    overflow: hidden;
}

    .social-likes-buttons-bottom .social-likes_light {
        padding: 0 10px 0 0;
        float: left;
        width: auto;
    }

    .social-likes-buttons-bottom .m24-comment-button {
        position: absolute;
        top: 0;
        left: 510px;
        display: block;
    }

.social-likes-buttons-popup {
    position: absolute;
    top: -10px;
    left: 0;
    height: 24px;
}

    .social-likes-buttons-popup .social-likes__widget {
        display: inline-block;
        position: relative;
        white-space: nowrap;
        margin-right: 7px;
    }

/* ---------------------------------------- BroadcastTape */

#BroadcastTape {
    margin: 0 0 8px 0;
}

    #BroadcastTape ul {
        list-style-type: none;
    }

        #BroadcastTape ul li {
            border-bottom: 1px solid #d9d9d9;
            margin: 0 0 32px 0;
            position: relative;
        }

            #BroadcastTape ul li a {
                color: #ce2125;
            }

                #BroadcastTape ul li a:hover {
                    color: #1b1b1b;
                }

    #BroadcastTape .Date {
        width: 100px;
        font: normal 15px/16px 'pt serif';
        color: #1b1b1b;
        position: absolute;
        top: 0;
        left: 0;
    }

    #BroadcastTape .Text {
        font: normal 15px/26px tornadoc;
        color: #4d4d4d;
        margin: 0 32px 32px 0;
        padding: 0 0 0 126px;
    }

        #BroadcastTape .Text img {
            width: 320px;
            display: block;
            margin: 0 0 20px 0;
        }

/* ---------------------------------------- FootballBroadcast */

#FootballBroadcast {
}

    #FootballBroadcast .Title {
        font: normal 22px/22px 'pt serif';
        color: #505050;
        margin: 0 0 20px 0;
    }

    #FootballBroadcast .Score {
        font: normal 24px/24px tornadoc;
        color: #333;
        margin: 0 0 40px 0;
    }

    #FootballBroadcast .StartDate {
        margin: 0 0 40px 0;
    }

    #FootballBroadcast ul {
        list-style-type: none;
    }

        #FootballBroadcast ul li {
            list-style-type: none;
            list-style-position: outside;
            border-bottom: 1px solid #d9d9d9;
            margin: 0 0 32px 0;
            position: relative;
        }

    #FootballBroadcast .Even {
    }

    #FootballBroadcast .Time {
        font: normal 27px/27px 'pt serif';
        color: #1b1b1b;
        position: absolute;
        top: 0;
        left: 126px;
    }

    #FootballBroadcast .Event {
        font: normal 15px/26px tornadoc;
        color: #4d4d4d;
        margin: 0 32px 0 20px;
        min-height: 60px;
        padding: 0 0 32px 232px;
    }

    #FootballBroadcast .Red {
        background: url(http://www.m24.ru/img3/FootballBroadcastRed.png) 0 0 no-repeat;
    }

    #FootballBroadcast .Yellow {
        background: url(http://www.m24.ru/img3/FootballBroadcastYellow.png) 0 0 no-repeat;
    }

    #FootballBroadcast .Substitution {
        background: url(http://www.m24.ru/img3/FootballBroadcastSubstitution.png) 0 0 no-repeat;
    }

    #FootballBroadcast .Goal {
        background: url(http://www.m24.ru/img3/FootballBroadcastGoal.png) 0 0 no-repeat;
    }

    #FootballBroadcast .EndGame {
        background: url(http://www.m24.ru/img3/FootballBroadcastEndGame.png) 0 0 no-repeat;
    }

    #FootballBroadcast .Break {
        font-weight: bold;
    }

/* ----------------------------------- TV Schedule */
.ScheduleList {
    position: relative;
    margin: 30px 0 0 0;
    padding: 12px 0 0 0;
    font-size: 10pt;
}

    .ScheduleList #datelist {
        list-style-type: none;
        margin: 0px 0 10px 0;
        padding: 0px;
    }

        .ScheduleList #datelist li {
            display: inline-block;
            margin: 0 5px 0 0;
            width: 100px;
        }

            .ScheduleList #datelist li a {
                display: block;
                margin: 0;
                padding: 0;
                color: #b81f3b;
                background: #f0f0f0;
                text-decoration: none;
                text-align: center;
                background: #d9d9d9;
            }

                .ScheduleList #datelist li a.active {
                    background: #b81f3b;
                    color: white;
                    text-decoration: none;
                }

            .ScheduleList #datelist li:last-child {
                margin-right: 0;
            }

    .ScheduleList #dayprog {
        margin: 0 0 40px 0;
        padding: 0;
    }

        .ScheduleList #dayprog dt {
            margin: 0;
            padding: 15px 15px 15px 0;
            height: 20px;
            display: block;
            float: left;
            font-size: 11pt;
            width: 75px;
            border-bottom: 1px solid #d9d9d9;
        }

            .ScheduleList #dayprog dt p {
                margin: 0;
                padding: 0;
                font: 15px/26px "pt serif";
            }

        .ScheduleList #dayprog dd {
            display: block;
            margin: 0 0 0 50px;
            padding: 0px 0 0 0;
            border-bottom: 1px solid #d9d9d9;
            padding: 15px;
            height: 20px;
        }

            .ScheduleList #dayprog dd p.title {
                margin: 0;
                padding: 0;
                font: 15px/26px tornadoc;
            }

            .ScheduleList #dayprog dd p {
                margin: 0;
                padding: 0;
                font-size: 10pt;
            }

    .ScheduleList icon.YhYho {
        background: url("http://m24.ru/img/icons/ear-icon16px.png") no-repeat scroll center center #888;
        border-radius: 50%;
        display: inline-block;
        height: 16px;
        width: 16px;
        margin: 0 0 0 5px;
    }


.static-content {
    padding: 7px 0 0 5px;
}

    .static-content p {
        padding: 0 0 5px 0;
    }





.agency-about {  }
.agency-about h2 { margin: 0; padding: 15px 0 10px 0 !important }
.agency-about #player { margin-top: 0 }
.agency-about .description { float: left;width: 40% }
.agency-about .description .container { margin: 0 10px 0 0 }
.agency-about .description object { width: 100% !important }
.agency-about .description .contacts { text-align: center; }
.agency-about .description .contacts a{ margin: 0 auto; display: inline-block; text-transform: uppercase; color: #fff; background: #2389bb; padding: 5px 10px 3px 10px; cursor: pointer; position: relative;; }
.agency-about .description .contacts a:hover { background: #215c77  }

.agency-about .agency-news { float: left;width: 60%;  }
.agency-about .agency-news .agency-news-list { clear: both; }
.agency-about .agency-news .agency-news-list ul {font-size:0;}

.agency-about .agency-news .agency-news-list ul li{ outline: none; width: 33%;
display: inline-block;
vertical-align: top;

*display: inline;
zoom: 1;  }
.agency-about .agency-news .agency-news-list ul li img { width: 100% }
.agency-about .agency-news .agency-news-list ul li .news-container { margin: 0 10px 15px 0; position: relative;  }
.agency-about .agency-news .agency-news-list ul li a { text-decoration: none; color: #333 }
.agency-about .agency-news .agency-news-list ul li a:hover { color: #289ed8 }
.agency-about .agency-news .agency-news-list ul li a:hover .date { color: #333; text-decoration: none !important; }
        .telegram-link { margin-top: 15px }
        .telegram-link a { padding: 0 0 0 40px; position: relative; margin: 15px 0 0 0; display: inline-block; }
        .telegram-link i {
            background-image: url('/img/icon-tg.png'); width: 30px; height: 30px; display: inline-block; background-size: cover; position: absolute; top: -3px; left: 0px; text-decoration: none;
        }
        .tamtam-link { margin-top: 0px }
        .tamtam-link a { padding: 0 0 0 40px; position: relative; margin: 6px 0 0 0; display: inline-block; }
        .tamtam-link i {
            background-image: url('/img/icon-tt.png'); width: 30px; height: 30px; display: inline-block; background-size: cover; position: absolute; top: -3px; left: 0px; text-decoration: none;
        }



h2.long span { color: #da0b29 }
h2.long i { color: #000 }

.menu-1 li a b { color: #da0b29 }
.menu-1 li a i { color: #fff }
.menu-1 li a em { font-style: normal; color: #5da4c7 }

.long-list { margin: 10px 0 0 5px }
.long-list ul {}
.long-list ul li { font-size: 0; margin: 0 0 43px 0 }
.long-list ul li a { display: inline-block; position: relative;  }
.long-list ul li a span { display: inline-block; background: #c7dd38; font-size: 24px; color: #2b2b2b; padding: 12px 50px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%)  }
.long-list ul li .description { display: inline-block;  vertical-align: bottom; width: calc(80% - 500px ); margin: 0 0 0 16px;}
.long-list ul li .description h2 { float: none; margin: 0; padding: 0; font-size: 24px; color: #2f353d; text-decoration: none; }
.long-list ul li .description h2 a { font-size: 24px; color: #2f353d; text-decoration: none; }
.long-list ul li .description .date {  font-size: 16px; color: #2f353d; font-weight: bold; padding: 10px 0 }
.long-list ul li .description p {  font-size: 16px; color: #2f353d; padding: 0! important }
.long-list ul li a img, .long-list ul li a video { max-width:600px;  }
.long-list ul li.year { margin-bottom: 15px }
.long-list ul li.year h2 { color: #333; display: block; font-size: 30px }
.long-list ul li.year p { display: inline-block; font-size: 16px; border-bottom: 1px solid #000; padding:0 20px 0 0; height: 1px; overflow: hidden;}
.long-list p.title { font-size: 16px; border-bottom: 1px solid #000;
margin-bottom: 25px;
display: inline-block;
padding-right: 20px; }


.SlickContainer { position: relative;   display: inline-block; width: calc(100% - 400px); margin: 0 0 0 400px}
.SlickContainer .SlickSlide {  }
.SlickContainer .SlickSlide a{ display: inline-block; }
.SlickContainer .SlickSlide .Text { display: inline-block; vertical-align: bottom; font-size: 18px; width: calc(100% - 220px); margin: 0 0 0 20px;  }
.SlickContainer .SlickSlide .Text span { color: #215670; display: block; margin: 0 0 10px 0  }
.SlickContainer .SlickSlide .Text i { color: #215670; font-style: normal; text-transform: uppercase; display: block; margin: 10px 0 0 0;  }
.SlickContainer .slick-prev { width: 43px; height: 26px; background: url("/img/icon-arrow.png") !important; content: ''; color: transparent; text-indent: -1000vw; left: -50px;  }
.SlickContainer .slick-prev:before {opacity: 1; visibility: visible;}
.SlickContainer .slick-next { width: 43px; height: 26px; background: url("/img/icon-arrow.png") !important;; transform: rotate(180deg); content: ''; color: transparent; text-indent: -1000vw; right: -50px }

.toggle-calendar { cursor: pointer; font-size: 14px; vertical-align: middle; font-weight: normal; color: #858c9e }
.toggle-calendar img { display: inline-block; margin: 0 0 0 10px; vertical-align: middle; position: relative; left: -4px }
.toggle-calendar span { display: inline-block; vertical-align: middle; }

#calendarDatePickerContainer {  opacity: 0 }
#calendarDatePickerContainer.Active { opacity: 1 }

.calendar-list td { padding-bottom: 30px  }
.calendar-list td.event-time { position: relative; }
/*.calendar-list td.event-time:before { display: block;; width: 35px; height: 34px; content: ''; position: absolute; left: -70px; top: 4px; background: url("/img/icon-logo.png")}*/
.calendar-list .event-title .DirectLink a  { color: #289ed8; text-decoration: underline; }

.decor_checkbox label { cursor: pointer }

.webpush-button-text { position: absolute; left: 50px; bottom: -53px; z-index: 1300; display: block; padding: 15px 20px 20px 10px; background: #10303f; cursor: pointer; text-decoration: underline;}

.jw-skin-agency .jw-slider-horizontal .jw-progress, .jw-skin-agency .jw-slider-horizontal .jw-knob, .jw-skin-agency .jw-slider-volume .jw-progress, .jw-skin-agency .jw-slider-volume .jw-knob  {background-color: #2a9edd !important}
.jw-skin-agency .jw-text-duration, .jw-skin-agency .jw-icon-hd:hover, .jw-skin-agency .jw-icon-volume:hover, .jw-skin-agency .jw-icon-fullscreen:hover, .jw-skin-agency .jw-icon-playback:hover, .jw-skin-agency .jw-display-icon-container .jw-icon-display:hover {color: #2a9edd !important}


.longread-list ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
.longread-list ul li  {    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;}
.longread-list ul li a{  padding: 0.6vw 0.6vw 1.6vw 0.6vw; position: relative; background:  #e4e3e7}
.longread-list ul {font-size: 0}
.longread-list ul li {width: calc(25% - 4vw ); margin: 0 1vw 50px 1vw; vertical-align: top; padding: 0.5vw; background: #e4e3e7;}

@media screen and (max-width: 1280px)
{
    .longread-list ul li {width: calc(33.3% - 4vw );}
}
@media screen and (max-width: 860px)
{
    .longread-list ul li {width: calc(50% - 4vw );}
}

.longread-list ul li h3 { padding: 0 0 10px 0; font-size: 15px }
.longread-list ul li a { display: block; }
.longread-list ul li a { color: #323132; text-decoration: none; font-weight: bold; }
.longread-list ul li a p { font-size: 13px }
.longread-list ul li a .date { font-size: 12px; position: absolute; left: 1vw; bottom: 1vw }
.longread-list ul li a img { width: 100%; margin: 0 0 10px 0 }
/*.longread-list ul li a img.picture { width: 100%; transform: translate(0,-50%); top: 50%; position: relative; }*/
.longread-list ul li a video { width: 100%; margin: 0 0 10px 0 }
.longread-list ul li a p { margin: 0 }