* {
    box-sizing: border-box;
    font-family: Arial;
    margin: 0;
    padding: 0;
}

#brief {
    max-width: 310px;
    width: 30%;
    min-width: 300px;
    min-height: 79px;
    text-align: justify;
    margin: 20px 0px;
    z-index: 1;
}

#brief #frame {
    margin: 10px;
    padding: 15px 20px 20px 20px;
    background-color: white;
    border: 1px solid silver;
    box-shadow: grey 0px 0px 10px;
}

#brief .opener,
#brief .opener:hover {
    display: block;
    color: inherit;
}

#brief .info-shader {
    background-image: url(../img/horz-shade.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33px;
}

#brief #image img {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

#brief #image {
    margin: 10px 0;
    min-width: 100%;
    min-height: 100px;
    line-height: 100px;
    text-align: center;
    background-color: #fafafa;
    position: relative;
}

#brief .close { text-align: right }

#brief a {
    text-decoration: none;
    font-size: 12px;
    color: black;
}

#brief a:hover { color: #ff3600 }

#brief .details span.spacer { margin: 0 5px }

#brief .age-container {
    position: absolute;
    left: 5px;
    top: 5px;
}

#brief .age-plate {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 17px;
    background-color: black;
    color: white;
    border: 2px solid white;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: x-small;
}

.search-item-block {
    display: inline-block;
    max-width: 200px;
    vertical-align: top;
    margin: 0 4px 15px 0;
}

.search-item-block h4.title img {
    vertical-align: middle;
    margin-right: 5px;
    max-height: 30px;
    max-width: 40px;
}

.search-item-block h4.title span {
    display: inline-block;
    vertical-align: middle;
    max-width: 155px;
}

.search-item-block h4.title {
    margin: 10px 0;
    height: 30px;
}

.event-block {
    vertical-align: top;
    width: 200px;
    position: relative;
}

.event-block .image-block {
    width: 200px;
    height: 150px;
    position: relative;
    background-color: #fafafa;
    text-align: center;
}

.event-block a { display:block }

.event-block .event-image {
    max-width:200px;
    max-height:150px;
    text-align:center;
    line-height:150px;
}

.event-block .channel-link {
    position: absolute;
    top: 3px;
    right: 3px;
}

.event-block .channel-link img {}

.event-block .image-block span {
    position:absolute;
    bottom:3px;
    left:3px;
    color:white;
    text-shadow: 1px 1px #000000;
    font-weight:bold;
    text-align:left;
    min-height:30px;
}

.event-block .time{
    position:absolute;
    left:3px;
    top:5px;
    color:white;
    text-shadow:1px 1px 0 black ;
    text-decoration:none;
}

.logo {
    max-height: 30px;
    max-width: 40px;
    vertical-align: middle;
}

.container {
    max-width: 1140px;
    margin: auto;
    padding: 0 10px;
}

.silver { color: silver }

.back {
    color: #fff;
    padding: 10px 0 0;
    font-weight: bold;
    display: inline-block;
}

.arrow {
    color: #fff;
    font-weight: bold;
    display: inline-block;
}

.heading {
    font-family: 'PT Serif', serif;
    font-weight: normal;
    text-align: center;
}

.nyblahblah {
    background-image: url(../img/ny2018/bg.jpg);
    width: 100%;
    background-size: cover;
    background-color: #333;
}

.nyblahblah__slider__frame {
    width: 560px;
    height: 315px;
    margin: auto;
    display: block;
}

.nyblahblah__heading {
    color: #fff;
    font-style: italic;
    padding: 80px 0 0;
    font-size: 30px;
}

.nyblahblah__title {
    color: #fff;
    font-size: 24px;
}

.nyblahblah__slider {
    width: 700px;
    height: 315px;
    position: relative;
    margin: 40px auto 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.event-share {
    line-height: normal;
    margin: 20px 0;
}

.nyblahblah__separator {
    background-image: url(../img/ny2018/kremlinwall.svg);
    height: 35px;
}

.nyblahblah__slider__nav {
    width: 35px;
    height: 35px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -17.5px;
    background-size: cover;
}

.nyblahblah__slider__nav_next {
    background-image: url(../img/ny2018/right.svg);
    right: 0;
}
.nyblahblah__slider__nav_previous {
    background-image: url(../img/ny2018/left.svg);
    left: 0;
}

.nyblahblah__slider__slide {
    display: none;
    position: relative;
    width: 560px;
    height: 315px;
    margin: auto;
    background-color: #222;
}

.nyblahblah__slider__slide_current { display: block }

.nyblahblah__wrap-slider {
    position: relative;
    width: 700px;
    margin: auto;
}

.nyblahblah__slider__content { position: relative }

.slug {
    background-image: url(../img/ny2018/slug.png);
    width: 35px;
    height: 52px;
    background-size: cover;
    display: block;
    position: absolute;
    top: -41px;
    right: 62px;
}

.futurama-gif {
    cursor: pointer;
    background-size: cover;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.hypnofrog {
    background-image: url(../img/ny2018/hypnofrog.gif);
    width: 290px;
    height: 215px;
}

.bender {
    background-image: url(../img/ny2018/bender.gif);
    width: 200px;
    height: 270px;
}

.noise {
    width: 560px;
    height: 315px;
    background-image: url(../img/noise.gif);
    background-size: cover;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.icon {
    background-image: url(../img/ny2018/sprt_mmenu.svg);
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}

.icon_doctor { background-position: 0 0 }
.icon_buildings { background-position: 0 -160px }
.icon_tv { background-position: 0 -320px }
.icon_bridge { background-position: 0 -480px }
.icon_stud { background-position: 0 -32px }
.icon_catalog { background-position: 0 -192px }
.icon_gid { background-position: 0 -352px }
.icon_100sp { background-position: 0 -512px }
.icon_children { background-position: 0 -64px }
.icon_afisha { background-position: 0 -224px }
.icon_drom { background-position: 0 -384px }
.icon_forum { background-position: 0 -544px }
.icon_map { background-position: 0 -96px }
.icon_money { background-position: 0 -256px }
.icon_ad { background-position: 0 -416px }
.icon_kupon { background-position: 0 -576px }
.icon_off { background-position: 0 -124px }
.icon_transport { background-position: 0 -288px }
.icon_work { background-position: 0 -448px }

.footer__link {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    color: #555;
    margin: 0 0 0 8px;
    transition: all .15s;
}

.footer__item { 
    margin: 0 0 10px;
    width: 25%;
    display: inline-block;
}

.footer__wrap-list { background: #fcffff }

.footer__list {
    list-style: none;
    padding: 30px 0 0;
}

.footer__trees {
    background-image: url(../img/ny2018/forest.svg);
    width: 100%;
    height: 180px;
}

.footer__b-menu__list {
    margin: 25px 0 25px -20px;
    list-style: none;
}

.footer__b-menu__item {
    display: inline-block;
    margin: 20px;
}

.footer__b-menu__link {
    text-decoration: none;
    color: #555;
    font-size: 14px;
    transition: all .15s;
}

.footer__b-menu__link:hover,
.footer__link:hover {
    color: #222;
    text-decoration: underline;
}

.footer__notice {
    font-size: 12px;
    color: gray;
    max-width: 700px;
    margin: 0 0 30px;
}

.comments__header,
.casts__heading {
    margin: 80px 0;
    font-size: 30px;
    font-style: italic;
}

.casts__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.casts__item {
    font-size: 14px;
    width: 25%;
    height: 70px;
    list-style: none;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

.casts__logo {
    max-width: 50px;
    max-height: 50px;
    float: right;
}

.casts__cell { padding: 0 20px 15px 0 }

.casts__time {
    font-size: 14px;
    display: inline-block;
}

.casts__wrap-img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.casts__link {
    color: #222;
    text-decoration: none;
    line-height: 50px;
    display: inline-block;
}

.casts__name:hover {
    text-decoration: underline;
    color: #555;
}

.past{ color: gray }

.past .event-image {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%) contrast(50%) brightness(150%);
}

.past a { color: gray }

.status-container {
    position: absolute;
    bottom: 0;
    max-width: 198px;
    width: 100%;
}

.time-status-bar {
    height: 5px;
    position: relative;
    background-color: white;
    margin: 5px;
    box-shadow: 0 0 2px 0 grey;
}

.time-status-bar div {
    display: block;
    height: 5px;
    margin: 0;
    background-color: #fd6!important;
}

.comments__header { margin: 80px 0 }

.commentsvlru.marisa { width: auto!important }

a.event-link {
    color: #000;
    font-size: 14px;
}

a.event-link:hover { color: #FF3600 }

.search-item-block a.event-link { font-size: 12px }

a.channel {
    font-size: 12px;
    color: rgb(74, 144, 226);
}

a.event-link:before,
a.channel:before { display: none!important; }

.commentsvlru.marisa .form .subscription #subscribeEmail { width: 100px!important }

td.title-cell {
    line-height: 25px;
    vertical-align: baseline;
}

td.time-cell {
    padding: 0 6px 0 0;
    line-height: 25px;
    font-size: 14px;
    vertical-align: baseline;
}

#feature tr.past td.time-cell,
#feature tr.past a.channel,
#feature tr.past a.event-link { color: gray }

#feature tr.present td.time-cell,
#feature tr.present a.channel,
#feature tr.present a.event-link { font-weight: bold }

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

    .casts__inner {
        width: auto;
        max-width: 650px;
        margin: auto;
        display: block;
    }

    .casts__cell { padding: 0 20px 20px 0 }

    .casts__item { width: 33.3333% }

}

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

    .casts__inner { max-width: 500px }

    .casts__item { font-size: 12px }

    .casts__cell { padding: 0 10px 10px 0 }

    .casts__name { font-size: 12px }

    .footer__item { width: 33.33333% }

    .nyblahblah__slider__frame {
        width: 360px;
        height: 210px;
    }

    .nyblahblah__slider {
        width: 460px;
        height: 210px;
        margin: 40px auto 90px;
    }

    .nyblahblah__wrap-slider { width: 460px }

    .footer__b-menu__item { display: block }

    .casts__item { width: 50% }

    .slug { right: 46px }

    .bender {
        width: 130px;
        height: 190px;
    }

    .hypnofrog {
        width: 200px;
        height: 150px;
    }

    .noise {
        width: 360px;
        height: 210px;
    }

    .nyblahblah__slider__slide {
        width: 360px;
        height: 210px;
    }

}

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

    .nyblahblah__heading,
    .casts__heading,
    .nyblahblah__title,
    .comments__header {
        font-size: 20px;
    }

    .slug { right: 42px }

    .commentsvlru.marisa {
        width: auto!important;
        margin: 0 10px;
    }

}

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

    .footer__item { width: 100% }

    .nyblahblah__slider__frame {
        width: 340px;
        height: 194px;
    }

    .nyblahblah__slider {
        width: 340px;
        height: 194px;
    }

    .nyblahblah__wrap-slider { width: 340px }

    .nyblahblah__slider__nav {
        margin: 0;
        top: auto;
        bottom: -50px;
    }

    .slug { right: -8px }

    .hypnofrog {
        width: 170px;
        height: 120px;
    }

    .bender {
        width: 130px;
        height: 190px;
    }

    .noise {
        width: 340px;
        height: 194px;
    }

    .nyblahblah__slider__slide {
        width: 340px;
        height: 194px;
    }

}

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

    a.event-link { font-size: 12px }

    td.time-cell { font-size: 12px }

    .container .tv-content.now {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

}

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

    .footer__item { width: 100% }

    .nyblahblah__slider__frame {
        width: 300px;
        height: 184px;
    }

    .nyblahblah__slider {
        width: 300px;
        height: 184px;
    }

    .hypnofrog {
        width: 250px;
        height: 184px;
    }

    .nyblahblah__wrap-slider { width: auto }

    .nyblahblah__slider__nav {
        margin: 0;
        top: auto;
        bottom: -50px;
    }

    .slug { right: -8px }

    .hypnofrog {
        width: 140px;
        height: 100px;
    }

    .bender {
        width: 70px;
        height: 120px;
    }

    .noise {
        width: 300px;
        height: 184px;
    }

    .nyblahblah__slider__slide {
        width: 300px;
        height: 184px;
    }

}