html{
    padding-top: 0;
    margin-top: 0;
}
.grayscale {
    filter: url("");
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: gray;
    filter: gray
}

.grayscale.grayscale-fade {
    transition: -webkit-filter .5s;
    transition: filter .5s;
    transition: filter .5s, -webkit-filter .5s
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grayscale.grayscale-fade {
        transition: -webkit-filter .5s
    }
}

.grayscale.grayscale-fade:hover, .grayscale.grayscale-off {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter: none
}

.grayscale.grayscale-replaced > svg {
    transition: opacity .5s ease;
    opacity: 1
}

.grayscale.grayscale-replaced.grayscale-fade:hover > svg, .grayscale.grayscale-replaced.grayscale-off > svg {
    opacity: 0
}

.pika-single {
    display: block;
    position: relative;
    color: inherit;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.pika-single:after, .pika-single:before {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0
}

.pika-next, .pika-prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 32px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5
}

.pika-next:hover, .pika-prev:hover {
    opacity: 1
}

.is-rtl .pika-next, .pika-prev {
    float: left
}

.is-rtl .pika-prev, .pika-next {
    float: right;
    background-image: url("")
}

.pika-next.is-disabled, .pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-select {
    display: inline-block
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table td, .pika-table th {
    width: 14.285714285714286%;
    padding: 0
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-today .pika-button {
    color: #3af;
    font-weight: 700
}

.is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}

.is-inrange .pika-button {
    background: #d5e9f7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6cb31d;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.th-calendar-default {
    color: #58a6dd
}

.th-calendar-default td:nth-child(n+6) {
    color: #f36583
}

.itv-theme {
    font-family: "PT Sans Caption", Arial, serif;
    width: 312px;
    height: 325px;
    margin: 0 auto
}

.itv-theme table {
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    margin: 10px 0
}

.itv-theme.pika-single {
    color: inherit;
    background: 0 0;
    border: 1px solid #96a0a8;
    font-family: "PT Sans Caption", Arial, serif;
    font-size: 18px
}

.itv-theme.pika-single.is-bound {
    box-shadow: none;
    position: relative
}

.itv-theme .pika-label {
    position: relative;
    font-weight: 400;
    border: 1px solid #96a0a8;
    padding: 5px 10px 5px 8px;
    font-size: 16px;
    text-align: left
}

.itv-theme .pika-label:first-child {
    margin-right: 15px;
    width: 127px
}

.itv-theme .pika-label:nth-child(2) {
    width: 90px
}

.itv-theme .pika-label::after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
    pointer-events: none;
    background: url("") no-repeat center center;
    z-index: 1
}

.itv-theme .pika-select-month {
    width: 100px
}

.itv-theme .pika-lendar {
    width: 312px;
    margin: 0 auto
}

.itv-theme .pika-lendar .pika-title {
    margin-top: 25px
}

.itv-theme .pika-lendar .pika-title select {
    border: none;
    font-size: 16px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.itv-theme .pika-button {
    background: 0 0;
    margin: 0;
    font-size: 18px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: inherit;
    font-weight: 400;
    border-radius: 2px;
    border: none !important
}

.itv-theme thead {
    display: none
}

.itv-theme .pika-table th {
    color: inherit
}

.itv-theme .pika-table td {
    width: 30px;
    padding: 5px 10px 5px 0;
    background-clip: content-box
}

.itv-theme .is-selected .pika-button {
    font-weight: 700;
    box-shadow: none
}

.itv-theme .is-endrange, .itv-theme .is-inrange, .itv-theme .is-startrange {
    position: relative
}

.itv-theme .is-endrange::before, .itv-theme .is-inrange::before, .itv-theme .is-startrange::before {
    content: "";
    display: block;
    background-color: #5296db;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    opacity: .2;
    pointer-events: none
}

.itv-theme .is-endrange .pika-button, .itv-theme .is-startrange .pika-button {
    box-shadow: none;
    background-color: #58a6dd;
    color: #fff
}

.itv-theme td.is-inrange, .itv-theme td.is-startrange {
    padding-right: 0
}

.itv-theme td.is-endrange {
    width: 30px;
    padding-right: 10px
}

.itv-theme .is-endrange {
    display: block;
    width: 36px
}

.itv-theme .pika-button:hover {
    background-color: #6abbf5;
    color: #fff
}

.itv-theme .pika-table td:nth-child(n+6) {
    color: #f36583
}

.itv-theme .pika-table td.is-endrange:nth-child(n+6) .pika-button, .itv-theme .pika-table td.is-startrange:nth-child(n+6) .pika-button {
    box-shadow: none;
    background-color: #f36583;
    color: #fff
}

.itv-theme .pika-table td:nth-child(n+6) .pika-button:hover {
    background-color: #ff9fb3;
    color: #fff
}

.itv-theme .pika-next, .itv-theme .pika-prev {
    height: 32px;
    width: 20px;
    margin: 0 10px;
    opacity: 1;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 20px;
    border: none !important
}

.itv-theme .pika-next.is-disabled, .itv-theme .pika-prev.is-disabled {
    pointer-events: none
}

.itv-theme .pika-next:hover, .itv-theme .pika-prev:hover {
    background-color: #6abbf5
}

.itv-theme .pika-next {
    background: url("") no-repeat center center
}

.itv-theme .pika-next:hover {
    background-image: url("")
}

.itv-theme .pika-prev {
    background-image: url("")
}

.itv-theme .pika-prev:hover {
    background-image: url("")
}

.itv-theme .arrow-down {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 15px;
    background: url("") no-repeat center center;
    background-size: 10px 10px
}

.itv-theme .pika-table td.is-outside-current-month {
    opacity: .8;
    color: gray
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all 0s
}

.tns-slider > .tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    transition: transform 0s, opacity 0s
}

.tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery > .tns-moving {
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    transition: opacity .6s;
    opacity: .6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    z-index: 0
}

.tns-fadeOut, .tns-normal {
    opacity: 0;
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix > div, .tns-vpfix > li {
    display: inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: '';
    display: table;
    clear: both
}

.tns-t-ct > div {
    width: 1.4285714%;
    width: calc(100% / 70);
    height: 10px;
    float: left
}

.smartbanner {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background: #f3f3f3;
    font-family: Helvetica, sans-serif
}

.smartbanner__exit {
    position: absolute;
    top: calc(50% - 6px);
    left: 9px;
    display: block;
    margin: 0;
    width: 12px;
    height: 12px;
    border: 0;
    text-align: center
}

.smartbanner__exit::after, .smartbanner__exit::before {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #767676;
    content: ' '
}

.smartbanner__exit::before {
    transform: rotate(45deg)
}

.smartbanner__exit::after {
    transform: rotate(-45deg)
}

.smartbanner__icon {
    position: absolute;
    top: 10px;
    left: 30px;
    width: 64px;
    height: 64px;
    border-radius: 15px;
    background-size: 64px 64px
}

.smartbanner__info {
    position: absolute;
    top: 10px;
    left: 104px;
    display: flex;
    overflow-y: hidden;
    width: 60%;
    height: 64px;
    align-items: center;
    color: #000
}

.smartbanner__info__title {
    font-size: 14px
}

.smartbanner__info__author, .smartbanner__info__price {
    font-size: 12px
}

.smartbanner__button {
    position: absolute;
    top: 32px;
    right: 10px;
    z-index: 1;
    display: block;
    padding: 0 10px;
    min-width: 10%;
    border-radius: 5px;
    background: #f3f3f3;
    color: #1474fc;
    font-size: 18px;
    text-align: center;
    text-decoration: none
}

.smartbanner__button__label {
    text-align: center
}

@-webkit-keyframes blink {
    0% {
        border-color: #ededed
    }
    100% {
        border-color: #b94a48
    }
}

@keyframes blink {
    0% {
        border-color: #ededed
    }
    100% {
        border-color: #b94a48
    }
}

.tokenfield {
    height: auto;
    min-height: 34px;
    padding-bottom: 0
}

.tokenfield.focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.tokenfield .token {
    box-sizing: border-box;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: -1px 5px 5px 0;
    height: 22px;
    vertical-align: top;
    cursor: default
}

.tokenfield .token:hover {
    border-color: #b9b9b9
}

.tokenfield .token.active {
    border-color: #52a8ec;
    border-color: rgba(82, 168, 236, .8)
}

.tokenfield .token.duplicate {
    border-color: #ebccd1
}

.tokenfield .token.invalid {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 0;
    border-bottom: 1px dotted #d9534f
}

.tokenfield .token.idential {
    background: #fbd8db;
    color: #90111a;
    border: 1px solid #f2acb2;
    border-radius: 0
}

.tokenfield .token.invalid.active {
    background: #ededed;
    border: 1px solid #ededed;
    border-radius: 3px
}

.tokenfield .token .token-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 4px;
    vertical-align: top
}

.tokenfield .token .close {
    font-family: Arial;
    display: inline-block;
    line-height: 100%;
    font-size: 1.1em;
    line-height: 1.49em;
    margin-left: 5px;
    float: none;
    height: 100%;
    vertical-align: top;
    padding-right: 4px
}

.tokenfield .token-input {
    background: 0 0;
    width: 60px;
    min-width: 60px;
    border: 0;
    height: 20px;
    padding: 0;
    margin-bottom: 6px;
    box-shadow: none
}

.tokenfield .token-input:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none
}

.tokenfield.disabled {
    cursor: not-allowed;
    background-color: #eee
}

.tokenfield.disabled .token-input {
    cursor: not-allowed
}

.tokenfield.disabled .token:hover {
    cursor: not-allowed;
    border-color: #d9d9d9
}

.tokenfield.disabled .token:hover .close {
    cursor: not-allowed;
    opacity: .2
}

.has-warning .tokenfield.focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-error .tokenfield.focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-success .tokenfield.focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.input-group-sm .tokenfield, .tokenfield.input-sm {
    min-height: 30px;
    padding-bottom: 0
}

.input-group-sm .token, .tokenfield.input-sm .token {
    height: 20px;
    margin-bottom: 4px
}

.input-group-sm .token-input, .tokenfield.input-sm .token-input {
    height: 18px;
    margin-bottom: 5px
}

.input-group-lg .tokenfield, .tokenfield.input-lg {
    height: auto;
    min-height: 45px;
    padding-bottom: 4px
}

.input-group-lg .token, .tokenfield.input-lg .token {
    height: 25px
}

.input-group-lg .token-label, .tokenfield.input-lg .token-label {
    line-height: 23px
}

.input-group-lg .token .close, .tokenfield.input-lg .token .close {
    line-height: 1.3em
}

.input-group-lg .token-input, .tokenfield.input-lg .token-input {
    height: 23px;
    line-height: 23px;
    margin-bottom: 6px;
    vertical-align: top
}

.tokenfield.rtl {
    direction: rtl;
    text-align: right
}

.tokenfield.rtl .token {
    margin: -1px 0 5px 5px
}

.tokenfield.rtl .token .token-label {
    padding-left: 0;
    padding-right: 4px
}

[aria-label][role~=tooltip] {
    position: relative
}

[aria-label][role~=tooltip]::after, [aria-label][role~=tooltip]::before {
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    box-sizing: border-box;
    z-index: 10;
    transform-origin: top
}

[aria-label][role~=tooltip]::before {
    content: "";
    width: 0;
    height: 0
}

[aria-label][role~=tooltip]::after {
    background-color: rgba(17, 17, 17, .9);
    border-radius: 4px;
    color: #fff;
    content: attr(aria-label);
    font-size: var(--microtip-font-size, 13px);
    font-weight: var(--microtip-font-weight, normal);
    text-transform: var(--microtip-text-transform, none);
    padding: .5em 1em;
    white-space: nowrap;
    box-sizing: content-box
}

[aria-label][role~=tooltip]:focus::after, [aria-label][role~=tooltip]:focus::before, [aria-label][role~=tooltip]:hover::after, [aria-label][role~=tooltip]:hover::before {
    opacity: 1;
    pointer-events: auto
}

[role~=tooltip][data-microtip-position|=top]::before {
    margin-bottom: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid;
    border-top-color: rgba(17, 17, 17, .9)
}

[role~=tooltip][data-microtip-position|=top]::after {
    margin-bottom: 11px
}

[role~=tooltip][data-microtip-position|=top]::before {
    transform: translate3d(-50%, 0, 0);
    bottom: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position|=top]:hover::before {
    transform: translate3d(-50%, -5px, 0)
}

[role~=tooltip][data-microtip-position|=top]::after {
    transform: translate3d(-50%, 0, 0);
    bottom: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position=top]:hover::after {
    transform: translate3d(-50%, -5px, 0)
}

[role~=tooltip][data-microtip-position=top-left]::after {
    transform: translate3d(calc(-100% + 16px), 0, 0);
    bottom: 100%
}

[role~=tooltip][data-microtip-position=top-left]:hover::after {
    transform: translate3d(calc(-100% + 16px), -5px, 0)
}

[role~=tooltip][data-microtip-position=top-right]::after {
    transform: translate3d(calc(0 + -16px), 0, 0);
    bottom: 100%
}

[role~=tooltip][data-microtip-position=top-right]:hover::after {
    transform: translate3d(calc(0 + -16px), -5px, 0)
}

[role~=tooltip][data-microtip-position|=bottom]::before {
    margin-top: 5px;
    margin-bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid;
    border-bottom-color: rgba(17, 17, 17, .9)
}

[role~=tooltip][data-microtip-position|=bottom]::after {
    margin-top: 11px
}

[role~=tooltip][data-microtip-position|=bottom]::before {
    transform: translate3d(-50%, -10px, 0);
    bottom: auto;
    left: 50%;
    top: 100%
}

[role~=tooltip][data-microtip-position|=bottom]:hover::before {
    transform: translate3d(-50%, 0, 0)
}

[role~=tooltip][data-microtip-position|=bottom]::after {
    transform: translate3d(-50%, -10px, 0);
    top: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position=bottom]:hover::after {
    transform: translate3d(-50%, 0, 0)
}

[role~=tooltip][data-microtip-position=bottom-left]::after {
    transform: translate3d(calc(-100% + 16px), -10px, 0);
    top: 100%
}

[role~=tooltip][data-microtip-position=bottom-left]:hover::after {
    transform: translate3d(calc(-100% + 16px), 0, 0)
}

[role~=tooltip][data-microtip-position=bottom-right]::after {
    transform: translate3d(calc(0 + -16px), -10px, 0);
    top: 100%
}

[role~=tooltip][data-microtip-position=bottom-right]:hover::after {
    transform: translate3d(calc(0 + -16px), 0, 0)
}

[role~=tooltip][data-microtip-position=left]::after, [role~=tooltip][data-microtip-position=left]::before {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate3d(10px, -50%, 0)
}

[role~=tooltip][data-microtip-position=left]::before {
    margin-right: 5px;
    margin-bottom: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid;
    border-left-color: rgba(17, 17, 17, .9)
}

[role~=tooltip][data-microtip-position=left]::after {
    margin-right: 11px
}

[role~=tooltip][data-microtip-position=left]:hover::after, [role~=tooltip][data-microtip-position=left]:hover::before {
    transform: translate3d(0, -50%, 0)
}

[role~=tooltip][data-microtip-position=right]::after, [role~=tooltip][data-microtip-position=right]::before {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translate3d(-10px, -50%, 0)
}

[role~=tooltip][data-microtip-position=right]::before {
    margin-bottom: 0;
    margin-left: 5px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid;
    border-right-color: rgba(17, 17, 17, .9)
}

[role~=tooltip][data-microtip-position=right]::after {
    margin-left: 11px
}

[role~=tooltip][data-microtip-position=right]:hover::after, [role~=tooltip][data-microtip-position=right]:hover::before {
    transform: translate3d(0, -50%, 0)
}

[role~=tooltip][data-microtip-size=small]::after {
    white-space: initial;
    width: 80px
}

[role~=tooltip][data-microtip-size=medium]::after {
    white-space: initial;
    width: 150px
}

[role~=tooltip][data-microtip-size=large]::after {
    white-space: initial;
    width: 260px
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

body > ul.ui-autocomplete {
    z-index: 101
}

.navbar {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 60px;
    background-color: rgba(255, 255, 255, .95);
    z-index: 101;
    border-radius: 0
}

.navbar .logo {
    width: 50px
}

.navbar ::after, .navbar ::before, .navbar::after, .navbar::before {
    content: none
}

.navbar .placeholder {
    width: 100%;
    height: 0;
    display: none
}

.navbar .info {
    height: 50px;
    line-height: 50px;
    vertical-align: bottom
}

.navbar .info > .content-width {
    line-height: 50px;
    position: relative
}

.navbar .info .logo, .navbar .info .regions, .navbar .info .regions-wrapper, .navbar .info .social-buttons-compact, .navbar .info .time, .navbar .info .title {
    display: inline-block;
    vertical-align: bottom
}

.navbar .info .logo {
    position: relative;
    z-index: 1;
    margin-bottom: -8px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url("");
    background-size: 40px 40px;
    background-position: center center
}

.navbar .info .title {
    margin-right: 16px;
    margin-left: 14px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #05519d;
    letter-spacing: 1.3px;
    text-decoration: none
}

.navbar .info .title:hover {
    text-decoration: none
}

.navbar .info .time {
    margin-right: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #96a0a8
}

.navbar .info .regions {
    line-height: 20px
}

.navbar .info .regions .region {
    cursor: pointer;
    font-size: 13px;
    color: #05519d;
    box-sizing: content-box
}

.navbar .info .regions .region::after {
    content: " ";
    display: inline-block;
    margin-left: 5px;
    width: 8px;
    height: 6px;
    background-image: url("");
    background-repeat: no-repeat
}

.navbar .info .regions .region-select-widget {
    display: none
}

.navbar .info .social-buttons-compact {
    position: absolute;
    top: 0;
    right: 15px;
    margin-right: 20px
}

.navbar .info .social-buttons-compact a {
    vertical-align: bottom
}

.navbar .info .social-buttons-compact::after {
    content: "";
    display: block;
    clear: both
}

.navbar .info .social-buttons-compact .all-regions .hidden {
    display: none
}

.navbar .info .navbar-links > ul.nav-left {
    margin-left: 45px;
    padding-left: 5px
}

.navbar .info .navbar-links > a.search {
    display: none
}

.navbar.cloned .navbar-info {
    display: none
}

.navbar .navbar-header {
    margin: -10px 0 0 0;
    line-height: 30px;
    float: left
}

.navbar .navbar-header img {
    float: left
}

.navbar .navbar-header .navbar-toggle {
    display: none;
    cursor: pointer;
    float: right;
    background-color: #fff;
    position: relative;
    padding: 9px 10px;
    margin: 0;
    border: 1px solid #000
}

.navbar .navbar-header .navbar-toggle span.icon-bar {
    background-color: #000;
    display: block;
    width: 22px;
    height: 2px
}

.navbar .navbar-header .navbar-toggle span.icon-bar + .icon-bar {
    margin-top: 4px
}

.navbar .nav {
    float: none;
    height: 100%
}

.navbar .nav::before {
    content: "";
    display: table
}

.navbar .nav::after {
    content: "";
    clear: both
}

.navbar .nav ul {
    height: 100%;
    list-style-type: none
}

.navbar .nav ul.nav-left {
    padding-left: 0;
    margin: 0;
    float: left;
    max-width: 860px;
    overflow: hidden;
    color: #1b354a;
    white-space: nowrap
}

.navbar .nav ul.nav-left li {
    color: inherit;
    transition: opacity .1s ease-in-out
}

.navbar .nav ul.nav-left li.active {
    border: 2px solid #05519d;
    border-radius: 2px;
    background-color: transparent;
    padding: 0 5px;
    margin-right: 8px;
    margin-left: -5px
}

.navbar .nav ul.nav-left li.active a {
    color: #05519d
}

.navbar .nav ul.nav-left:hover li {
    opacity: .5
}

.navbar .nav ul.nav-left:hover li:hover {
    opacity: 1;
    color: #2077d0
}

.navbar .nav ul.nav-left:hover li:active {
    color: #01478d
}

.navbar .nav ul.nav-right {
    float: right !important;
    margin: 0;
    padding: 0;
    color: #1b354a
}

.navbar .nav ul.nav-right li {
    margin-right: 0
}

.navbar .nav ul a {
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: "PT Sans", serif;
    font-weight: 700;
    height: 100%;
    line-height: 25px;
    cursor: pointer;
    text-decoration: none;
    color: inherit
}

.navbar .nav ul li {
    height: 100%;
    display: inline-block;
    margin-right: 13px
}

.navbar.cloned {
    position: fixed;
    display: block;
    top: 0;
    margin-top: 0;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 999;
    height: 0;
    padding: 0;
    min-height: 0
}

.navbar .menu {
    position: relative;
    transform: translateZ(0);
    width: 100%;
    height: 60px;
    background-color: rgba(255, 255, 255, .95);
    transition: height .3s ease
}

.navbar .menu .itv-flex-spacer {
    order: 90
}

.navbar .menu > .itv-content-width {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navbar .menu .toggle-button {
    position: absolute;
    display: none;
    left: 25px;
    top: 15px;
    width: 34px;
    height: 34px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.navbar .menu .toggle-button.active, .navbar .menu .toggle-button:active {
    background-image: url("")
}

.navbar .menu .logo {
    display: inline-block;
    vertical-align: top;
    width: 58px;
    height: 58px;
    background-repeat: no-repeat;
    background-image: url("");
    background-position: center center;
    background-size: 30px 30px;
    visibility: hidden
}

.navbar .menu .logo.visible {
    visibility: visible
}

.navbar .menu .links {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 0 0 7px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    list-style-type: none;
    white-space: nowrap
}

@media (min-width: 733px) {
    .navbar .menu .links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: calc(100% - 118px)
    }
}

.navbar .menu .links:hover .itv-flex-spacer:hover ~ .main_menu_item .main-menu-item-link {
    opacity: 1
}

.navbar .menu .links:hover .main_menu_item .main-menu-item-link {
    opacity: .5
}

.navbar .menu .links:hover .main_menu_item:hover .main-menu-item-link {
    opacity: 1;
    color: #2077d0
}

.navbar .menu .links:hover .main_menu_item:hover ~ .menu_item_promo {
    opacity: .5
}

@media (min-width: 984px) {
    .navbar .menu .links:hover .main_menu_item:hover .shows {
        max-height: 1000px
    }
}

.navbar .menu .links:hover:active {
    color: #01478d
}

.navbar .menu .links li {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: 11px;
    line-height: 56px;
    letter-spacing: .9px;
    transition: unset
}

@media (max-width: 732px) {
    .navbar .menu .links li {
        position: relative
    }
}

.navbar .menu .links li.menu_item_promo {
    width: 180px;
    overflow: hidden;
    margin-left: -5px;
    margin-right: 0;
    opacity: .8;
    transition: opacity .3s;
    order: 99
}

.navbar .menu .links li.menu_item_promo:hover {
    opacity: 1
}

@media (min-width: 733px) {
    .navbar .menu .links li.menu_item_promo {
        float: right
    }
}

.navbar .menu .links li.menu_item_promo img {
    width: 100%;
    height: auto;
    max-width: 180px;
    max-height: 60px;
    vertical-align: middle
}

.navbar .menu .links li .shows {
    position: absolute;
    display: block;
    overflow: hidden;
    max-height: 0;
    height: auto;
    width: 100%;
    left: 0;
    margin-top: 4px;
    background-color: rgba(255, 255, 255, .95);
    transition: max-height .3s;
    transition-delay: .2s;
    opacity: 1;
    z-index: 101
}

.navbar .menu .links li .shows:hover {
    transition-delay: .3s;
    max-height: 1000px
}

.navbar .menu .links li .shows .content-width {
    margin-top: 4px;
    -moz-columns: 4;
    columns: 4;
    -moz-column-width: 215px;
    column-width: 215px;
    padding: 20px 40px 20px 20px
}

.navbar .menu .links li .shows a {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    display: block;
    white-space: normal;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #0757a8 !important;
    letter-spacing: 0;
    text-transform: none
}

.navbar .menu .links li .shows a:hover {
    color: #2077d0 !important
}

.navbar .menu .links li .shows a:active {
    color: #01478d !important
}

.navbar .menu .links li .shows a.main-menu-show-all {
    text-transform: uppercase
}

.navbar .menu .links li a {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 14px;
    font-family: "PT Sans", serif;
    font-weight: 700;
    line-height: 25px;
    cursor: pointer;
    color: #1b354a;
    text-decoration: none;
    text-transform: uppercase
}

.navbar .menu .links li.active {
    margin-left: -6px;
    margin-right: 5px
}

.navbar .menu .links li.active > a {
    padding: 0 4px;
    color: #05519d;
    border: 2px solid #05519d;
    border-radius: 3px
}

.navbar .menu .search-button {
    display: block;
    width: 20px;
    height: 20px;
    margin: 10px 10px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 2px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px
}

.navbar .menu .search-button:not(.mobile):hover {
    background-image: url("");
    background-color: #5296db
}

.navbar .menu .search-button::after {
    content: "";
    display: block;
    clear: both
}

.navbar .menu .search-button.mobile {
    display: none
}

@media (max-width: 732px) {
    .navbar .menu .search-button.mobile {
        display: block
    }

    .navbar .menu .search-button.mobile + .search-button {
        display: none
    }

    .navbar .info {
        display: none;
        height: 0
    }

    .navbar.stashed .menu {
        height: 0;
        overflow: hidden
    }

    .navbar.short {
        position: fixed
    }

    .navbar.stashed {
        top: 0
    }

    .navbar .menu {
        position: relative
    }

    .navbar .menu.menushow ul.links {
        display: block
    }

    .navbar .menu .toggle-button {
        display: block
    }

    .navbar .menu .logo {
        visibility: visible;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .navbar .menu .search-button {
        position: absolute;
        right: 0;
        width: 40px;
        padding: 0;
        margin-right: 20px
    }

    .navbar .menu .search-button:hover {
        margin-right: 20px
    }

    .navbar .menu .search-button.active, .navbar body.error-page .menu a.search-button, body.error-page .navbar .menu a.search-button {
        width: 50px;
        margin-right: 10px !important;
        background-color: transparent;
        background-image: url("")
    }

    .navbar .menu ul.links {
        display: none;
        position: absolute;
        width: 100%;
        max-height: calc(100vh - 60px);
        padding-left: 35px;
        padding-bottom: 50px;
        top: 60px;
        height: auto;
        background-color: #fff;
        overflow: scroll
    }

    .navbar .menu ul.links li {
        display: block;
        line-height: 40px
    }

    .navbar .menu ul.links li .shows {
        display: none !important
    }

    .navbar .menu ul.links li a {
        width: auto
    }
}

.navbar.short .placeholder {
    display: block
}

.navbar.short .info {
    visibility: hidden
}

.navbar.short .menu {
    position: fixed;
    top: 0;
    transition: top .4s ease, height .3s ease
}

.navbar.short .menu .logo {
    visibility: visible
}

.navbar:not(.short) .menu .search-button.active, .navbar:not(.short) .menu .search-button:active, .navbar:not(.short) body.error-page .menu a.search-button, body.error-page .navbar:not(.short) .menu a.search-button {
    padding: 0;
    margin: 10px 0 0;
    width: 60px;
    height: 53px;
    background-image: url("");
    background-clip: border-box;
    background-color: #1b354a;
    background-position: center 9px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

body.error-page .menu .searchbar {
    display: none
}

.navbar .searchbar .search {
    padding: 20px
}

.searchbar {
    background-color: #1b354a;
    position: absolute;
    top: 60px;
    width: 100%;
    min-height: 80px;
    z-index: 100;
    padding: 20px 0
}

.searchbar .search {
    position: relative;
    margin: 0 auto
}

.searchbar .search form {
    position: relative;
    width: 100%
}

.searchbar .search .interactive-button {
    cursor: pointer;
    position: absolute;
    width: 42px;
    height: 32px;
    top: 0;
    right: 0;
    margin-top: 10px;
    background: transparent url("") no-repeat center top;
    background-size: 20px 20px;
    z-index: 100;
    opacity: .8
}

.searchbar .search .interactive-button.search {
    background-image: url("")
}

.searchbar .search .interactive-button:hover {
    opacity: 1
}

.searchbar .search .token-search-input {
    display: flex;
    flex-wrap: wrap;
    min-height: 40px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px 4px 5px;
    border: 1px solid #3d5466;
    background-color: #1b354a;
    outline: 0
}

.searchbar .search .token-search-input .tokens {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    max-width: 100%
}

.searchbar .search .token-search-input .q {
    flex: 1 0 auto;
    margin-bottom: 0;
    margin-top: 4px;
    height: 30px;
    min-width: 200px;
    max-width: 100%;
    line-height: 30px;
    align-self: flex-end;
    font-size: 21px;
    color: #fff;
    background-color: transparent;
    border: none;
    outline: 0
}

.searchbar .search .token-search-input .token {
    margin-top: 9px
}

.searchbar .search .token-search-input:placeholder-shown {
    color: #58a6dd;
    text-overflow: ellipsis
}

.searchbar .search .token-search-input:placeholder-shown + .interactive-button {
    display: none
}

.tv-search-token {
    display: block;
    position: relative;
    min-height: 30px;
    margin: 4px 4px 0 4px;
    margin-left: 0;
    padding: 0 30px 0 10px;
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    background-color: #41789f;
    color: #fff;
    border-radius: 2px;
    cursor: default
}

.tv-search-token:focus {
    background-color: #2196f3;
    outline: 0
}

.tv-search-token--date {
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #4c82a8;
    font-weight: 400
}

.tv-search-token--date::before {
    content: url("");
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.tv-search-token .tv_token_remove {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    background-image: url("close-08b63a1fd5e72d487d7e8728d54f87f02e07d1bb5ec6fdb2aab91c6c03ee9094.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 10px;
    width: 15px;
    height: 100%;
    cursor: pointer
}

.main-menu-item.active {
    border-color: #05519d
}

header.page-title {
    color: #05519d;
    background-color: #fff
}

header.page-title {
    position: relative;
    z-index: 4
}

header.page-title .promo {
    height: auto;
    min-height: 60px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

@media (max-width: 732px) {
    header.page-title .promo {
        min-height: 45px;
        padding: 0 20px
    }
}

header.page-title .promo > div {
    position: relative
}

header.page-title .promo .title {
    max-width: 100%;
    padding-left: 20px
}

@media (max-width: 732px) {
    header.page-title .promo .title {
        max-width: calc(100% - 40px);
        padding-left: 0
    }
}

header.page-title .promo .title .title__link, header.page-title .promo .title .title__text {
    display: inline-block;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    color: inherit;
    float: left;
    text-transform: uppercase;
    text-decoration: none
}

header.page-title .promo .title .title__link:active, header.page-title .promo .title .title__link:hover, header.page-title .promo .title .title__text:active, header.page-title .promo .title .title__text:hover {
    text-decoration: none
}

header.page-title .promo .title .title__link {
    word-break: break-word
}

header.page-title .promo .title .title__text {
    margin-top: 10px;
    margin-right: 7px
}

@media (max-width: 732px) {
    header.page-title .promo .title .title__text {
        float: none !important;
        margin-bottom: 0
    }

    header.page-title .promo .title .title h1.title {
        display: block;
        float: none;
        font-size: 18px;
        line-height: 22px
    }

    header.page-title .promo .title .title span {
        display: none;
        margin-top: 0;
        font-size: 17px !important;
        line-height: 25px !important;
        padding-right: 45px
    }

    header.page-title .promo .title .message:empty {
        display: none
    }
}

header.page-title .promo .title__message {
    display: inline-block;
    float: none;
    margin-top: 15px;
    vertical-align: top;
    opacity: .5;
    line-height: normal;
    color: inherit;
    font-size: 16px;
    font-weight: 400;
    text-transform: none
}

header.page-title .promo .age_restriction {
    width: 60px;
    margin: 20px 0 0 0;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 10px
}

header.page-title .promo .age_restriction .age-pill {
    display: block;
    width: 40px;
    margin: 0 auto;
    padding: 1px 5px 1px 5px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .2);
    text-align: center
}

@media (max-width: 732px) {
    header.page-title .promo .age_restriction {
        top: 0;
        right: 0
    }

    header.page-title .promo .age_restriction .pill {
        margin: 0 0 0 auto
    }
}

header.page-title .menu {
    padding: 0 20px 5px;
    line-height: 35px;
    overflow: initial
}

@media (max-width: 732px) {
    header.page-title .menu {
        padding: 0 10px
    }
}

header.page-title .menu ul {
    display: inline-block;
    margin: 0;
    margin-left: -3px;
    margin-right: -11px;
    margin-left: -14px;
    padding: 0;
    vertical-align: top;
    list-style: none
}

@media (max-width: 732px) {
    header.page-title .menu ul {
        margin-left: 0
    }
}

header.page-title .menu ul li {
    display: inline-block;
    margin: 0 11px
}

header.page-title .menu ul li:last-child {
    margin-right: 13px
}

@media (max-width: 732px) {
    header.page-title .menu ul li {
        margin-right: 10px;
        line-height: 20px
    }
}

header.page-title .menu ul li a {
    display: block;
    line-height: 21px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .99px;
    padding: 3px
}

@media (max-width: 732px) {
    header.page-title .menu ul li a {
        padding: 0
    }
}

header.page-title .menu ul li.active a {
    margin-left: -7px;
    padding: 0 6px;
    border: 2px solid;
    border-radius: 3px
}

header.page-title .menu ul:hover li:not(:hover) {
    opacity: .5
}

header.page-title .menu ul:hover li:not(:hover):hover {
    opacity: 1
}

header.page-title .header-background {
    width: 100%;
    height: 100%;
    max-height: 250px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden
}

header.page-title .header-background:before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    box-shadow: 0 -80px 50px -60px #fff inset
}

header.page-title .header-background_image {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0
}

header.page-title .presenter-photo, header.page-title .project-logotype {
    display: flex;
    justify-content: flex-end
}

header.page-title .presenter-photo_image, header.page-title .project-logotype_image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block
}

header.page-title .project-logotype {
    align-items: flex-start
}

header.page-title .project-logotype_image {
    width: 100%
}

header.page-title .presenter-photo {
    align-items: flex-end;
    width: 312px;
    height: 150px;
    margin-right: 24px;
    margin-left: auto
}

header.page-title .project-logotype {
    width: 228px;
    height: 120px;
    margin-top: 20px
}

header.page-title .message-container {
    display: table;
    height: 100px;
    width: 100%;
    background-color: #fff
}

header.page-title .message-container .message {
    display: table-cell;
    vertical-align: middle;
    line-height: 35px;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
    color: #05519d
}

header.page-title a.message {
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 10px 0
}

header.page-title #navbar-links {
    display: none
}

header.page-title #navbar-links.show {
    display: block
}

header.page-title #navbar-links ul.nav-left, header.page-title #navbar-links ul.nav-right {
    float: none !important;
    display: block;
    padding-left: 0
}

header.page-title #navbar-links ul.nav-left li, header.page-title #navbar-links ul.nav-right li {
    margin: 0;
    background-color: #fff;
    float: none;
    display: block
}

header.page-title #navbar-links ul.nav-left li.active, header.page-title #navbar-links ul.nav-right li.active {
    margin-left: -7px
}

header.page-title #navbar-links ul.nav-left.nav-right, header.page-title #navbar-links ul.nav-right.nav-right {
    border-top: 1px solid #000
}

header.page-title #navbar-links ul.nav-left.nav-right li, header.page-title #navbar-links ul.nav-right.nav-right li {
    width: 100%;
    height: 30px
}

header.page-title #navbar-links ul.nav-left.nav-right li a.search, header.page-title #navbar-links ul.nav-right.nav-right li a.search {
    margin-left: 0
}

.main-alert {
    display: none;
    position: relative;
    width: 100%;
    min-height: 70px;
    font-size: 22px;
    line-height: 30px;
    background-color: #dc4348;
    color: #fff;
    font-weight: 700
}

.main-alert.display {
    display: block
}

.main-alert .alert-container {
    padding-right: 40px;
    max-width: 984px;
    margin: 0 auto;
    position: relative
}

.main-alert .alert_without-link, .main-alert a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
    padding-right: 0;
    color: inherit;
    text-decoration: none;
    outline: 0
}

.main-alert .alert_without-link:hover, .main-alert a:hover {
    color: #fff;
    text-decoration: underline
}

.main-alert .alert_without-link span::after, .main-alert a span::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("") no-repeat center center;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: -5px
}

.main-alert .alert_without-link:hover {
    text-decoration: none
}

.main-alert span.close {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 40px;
    height: 100%;
    opacity: .5;
    background: url("close-08b63a1fd5e72d487d7e8728d54f87f02e07d1bb5ec6fdb2aab91c6c03ee9094.svg") no-repeat center center;
    background-size: 22px 22px;
    cursor: pointer
}

.main-alert span.close:hover {
    opacity: 1
}

.main-menu__submenu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    z-index: 2;
    opacity: 0;
    font-size: 16px;
    overflow: hidden;
    outline: 0
}

.main-menu-item {
    position: relative;
    word-break: break-word
}

nav.navbar {
    position: relative
}

@media (max-width: 732px) {
    .container {
        width: 100%
    }

    .container .row {
        width: 100%;
        margin: 0
    }
}

article header.page-title.project-title .promo-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

article header.page-title.project-title .promo {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 150px;
    padding: 0 20px;
    position: relative
}

@media (max-width: 732px) {
    article header.page-title.project-title .promo {
        height: auto;
        padding-bottom: 15px
    }
}

article header.page-title.project-title .promo:before {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    background-image: linear-gradient(to top, rgba(255, 255, 255, .4), transparent);
    opacity: .4;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

article header.page-title.project-title .promo .title {
    max-width: 43%;
    margin-left: 13px;
    margin-right: 20px;
    padding: 0;
    padding-top: 20px
}

@media (max-width: 732px) {
    article header.page-title.project-title .promo .title {
        max-width: 100%;
        padding-top: 5px
    }
}

article header.page-title.project-title .promo .title:hover span {
    text-decoration: none
}

article header.page-title.project-title .promo .title .title__link, article header.page-title.project-title .promo .title .title__text {
    margin-right: 0;
    font-family: Roboto;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 1.3px
}

article header.page-title.project-title .promo .title .title__link .nowrap, article header.page-title.project-title .promo .title .title__text .nowrap {
    position: relative
}

@media (max-width: 732px) {
    article header.page-title.project-title .promo .title .title__link, article header.page-title.project-title .promo .title .title__text {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 1px
    }
}

@media (min-width: 1600px) {
    article header.page-title.project-title .promo .title .title__link, article header.page-title.project-title .promo .title .title__text {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 1.5px
    }
}

article header.page-title.project-title .promo .title__message {
    display: none;
    visibility: hidden
}

article header.page-title.project-title .promo .age_restriction {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 20px;
    margin: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 2px;
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    right: auto;
    transform: translateY(-50%)
}

article header.page-title.project-title .promo .age_restriction .age-pill {
    width: auto;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, .4);
    font-family: "PT Sans", serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px;
    text-transform: uppercase;
    background: 0 0;
    border-radius: 0
}

article header.page-title.project-title .menu {
    padding: 0;
    border-top: 1px solid #fff;
    position: relative
}

article header.page-title.project-title .menu:after {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, #000, transparent);
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

article header.page-title.project-title .menu ul {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    margin-top: 12px;
    padding: 0 20px 5px 20px;
    position: relative;
    z-index: 1
}

@media (max-width: 732px) {
    article header.page-title.project-title .menu ul {
        padding: 0 20px
    }
}

article header.page-title.project-title .menu ul li {
    display: flex;
    flex-flow: row wrap;
    margin: 0 2px;
    margin-bottom: 3px;
    transition: none
}

article header.page-title.project-title .menu ul li:last-child {
    margin-right: 2px
}

article header.page-title.project-title .menu ul li a, article header.page-title.project-title .menu ul li button.sub-menu-toggle {
    display: flex;
    flex-flow: row nowrap;
    padding: 2px 10px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: .45px;
    text-decoration: none;
    text-transform: uppercase;
    color: inherit;
    border: 1px solid;
    border-color: transparent;
    border-radius: 1px;
    box-sizing: border-box
}

@media (max-width: 732px) {
    article header.page-title.project-title .menu ul li a, article header.page-title.project-title .menu ul li button.sub-menu-toggle {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: flex-start
    }
}

article header.page-title.project-title .menu ul li .menu-icon {
    margin-right: 10px;
    max-width: 26px;
    overflow: visible
}

article header.page-title.project-title .menu ul li img, article header.page-title.project-title .menu ul li svg {
    display: block;
    width: auto;
    height: 24px
}

article header.page-title.project-title .menu ul li.active a {
    margin: 0;
    color: #05519d;
    background-color: #fff;
    border-color: #fff
}

article header.page-title.project-title .sub-menu {
    position: static;
    display: inline-block
}

article header.page-title.project-title .sub-menu button.sub-menu-toggle {
    margin: 0;
    background: 0 0;
    position: relative
}

article header.page-title.project-title .sub-menu button.sub-menu-toggle:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background: 0 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-bottom-color: #05519d;
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    opacity: 0;
    transition: opacity .2s
}

article header.page-title.project-title .sub-menu button.sub-menu-toggle:hover:before {
    opacity: 1
}

article header.page-title.project-title .sub-menu button.sub-menu-toggle:hover + .secondary_submenu {
    max-height: 1000px;
    padding-top: 5px
}

article header.page-title.project-title .sub-menu:hover > .secondary_submenu {
    max-height: 1000px;
    padding-top: 5px
}

article header.page-title.project-title .sub-menu:hover .sub-menu-toggle:before {
    opacity: 1
}

article header.page-title.project-title .sub-menu .secondary_submenu:hover + button.sub-menu-toggle:before {
    opacity: 1
}

article header.page-title.project-title .sub-menu .secondary_submenu {
    width: 100%;
    height: auto;
    max-height: 0;
    margin-top: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    z-index: 10;
    transition: all .2s
}

@media (max-width: 732px) {
    article header.page-title.project-title .sub-menu .secondary_submenu {
        top: calc(100% - 5px)
    }
}

article header.page-title.project-title .sub-menu .secondary_submenu.bound-right {
    left: auto;
    right: -33px
}

article header.page-title.project-title .sub-menu .secondary_submenu hr.fat {
    margin: 0
}

article header.page-title.project-title .sub-menu .secondary_submenu_wrapper {
    margin-top: 4px;
    -moz-columns: 4;
    columns: 4;
    -moz-column-width: 215px;
    column-width: 215px;
    padding: 7px 40px 25px 0
}

@media (max-width: 732px) {
    article header.page-title.project-title .sub-menu .secondary_submenu_wrapper {
        padding-left: 19px
    }
}

@media (min-width: 1600px) {
    article header.page-title.project-title .sub-menu .secondary_submenu_wrapper {
        padding: 7px 40px 20px 20px
    }
}

article header.page-title.project-title .sub-menu .secondary_submenu .submenu-item {
    display: block;
    white-space: normal;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

article header.page-title.project-title .sub-menu .secondary_submenu .submenu-item a {
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none
}

article.branded header.project-title .promo .title {
    margin-left: 9px
}

article.branded header.project-title .menu > ul {
    margin-right: -11px;
    margin-left: 0;
    padding-left: 17px
}

.main-menu-promo {
    position: relative;
    display: block;
    height: 60px;
    width: 180px
}

.main-menu-promo__item {
    position: absolute;
    opacity: 0;
    transition: opacity 1s
}

.main-menu-promo__item_active {
    opacity: 1;
    transition-delay: .5s
}

section.region-select-widget {
    background-color: #fff;
    padding: 0 24px 40px 24px
}

section.region-select-widget header {
    height: 70px;
    display: flex;
    justify-content: space-between
}

@media (max-width: 732px) {
    section.region-select-widget header {
        height: 50px
    }
}

section.region-select-widget header p {
    font-size: 16px;
    opacity: .5;
    margin-top: 20px
}

section.region-select-widget header .close {
    cursor: pointer;
    align-self: center;
    width: 30px;
    height: 30px;
    background-image: url("close-08b63a1fd5e72d487d7e8728d54f87f02e07d1bb5ec6fdb2aab91c6c03ee9094.svg");
    background-position: center;
    background-repeat: no-repeat
}

section.region-select-widget .regions {
    -moz-columns: 3;
    columns: 3
}

@media (max-width: 732px) {
    section.region-select-widget .regions {
        -moz-columns: 2;
        columns: 2
    }
}

section.region-select-widget .regions p {
    margin: 2px 0;
    display: inline-block;
    width: 100%
}

section.region-select-widget .regions p .region {
    display: inline-block;
    margin-left: -7px;
    padding: 5px 7px;
    cursor: pointer;
    font-size: 14px;
    color: #05519d
}

section.region-select-widget .regions p .region:hover {
    color: #348bcd
}

section.region-select-widget .regions p .region:active {
    color: #01478d
}

section.region-select-widget .regions p .region.active {
    border: 1px solid #05519d;
    border-radius: 2px
}

@media (max-width: 732px) {
    .navbar .menu .links .main_menu_item__regions {
        display: block;
        margin-right: 0;
        margin-left: -35px;
        padding-top: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
        padding-left: 35px;
        border-top: .1px solid #e5e5e5;
        border-bottom: .1px solid #e5e5e5;
        line-height: 20px
    }

    .navbar .menu .links .main_menu_item__regions .region {
        cursor: pointer;
        font-size: 13px;
        letter-spacing: 0;
        color: #05519d;
        box-sizing: content-box
    }

    .navbar .menu .links .main_menu_item__regions .region::after {
        content: " ";
        display: inline-block;
        margin-left: 5px;
        width: 8px;
        height: 6px;
        background-image: url("");
        background-repeat: no-repeat
    }

    .navbar .menu .links .main_menu_item__regions .region-select-widget {
        display: none
    }
}

@media (min-width: 733px) {
    .navbar .menu .links .main_menu_item__regions {
        display: none;
        visibility: collapse
    }
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

main:not(.index-page) .header-schedule {
    display: none
}

.header-schedule {
    position: relative;
    width: 100%;
    transition: all .3s;
    max-height: 500px;
    overflow: hidden;
    min-height: 30px
}

.header-schedule.noheight {
    max-height: 0;
    min-height: 0
}

.header-schedule .next, .header-schedule .previous {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 160px;
    color: #fff;
    transition: all .3s
}

.header-schedule .next.next .card .splash .image::after, .header-schedule .previous.next .card .splash .image::after {
    display: none
}

.header-schedule .next .card, .header-schedule .previous .card {
    width: 480px;
    padding: 20px 0
}

@media (min-width: 1600px) {
    .header-schedule .next .card, .header-schedule .previous .card {
        width: 648px;
        display: flex
    }

    .header-schedule .next .card .splash, .header-schedule .previous .card .splash {
        flex: 0 0 auto
    }

    .header-schedule .next .card .text, .header-schedule .previous .card .text {
        flex: 1 1 auto;
        overflow: hidden;
        max-width: 100%
    }

    .header-schedule .next .card .text .wrapper .title, .header-schedule .previous .card .text .wrapper .title {
        max-width: calc(100% - 60px);
        width: 100% !important
    }
}

.header-schedule .next .splash, .header-schedule .previous .splash {
    display: inline-block;
    width: 144px
}

.header-schedule .next .splash .image, .header-schedule .previous .splash .image {
    position: relative;
    width: 100%;
    height: 81px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.header-schedule .next .splash .image:not(.no-image), .header-schedule .previous .splash .image:not(.no-image) {
    background-color: #000
}

.header-schedule .next .splash .image::after, .header-schedule .previous .splash .image::after {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 10px;
    bottom: 10px;
    background-image: url("")
}

.header-schedule .next .splash .image.no-image::after, .header-schedule .previous .splash .image.no-image::after {
    display: none !important
}

.header-schedule .next .splash .info, .header-schedule .previous .splash .info {
    width: 100%;
    height: 40px;
    font-size: 18px;
    line-height: 20px;
    text-align: center
}

.header-schedule .next .splash .info .time, .header-schedule .previous .splash .info .time {
    display: inline-block;
    width: 60px;
    line-height: 40px;
    background-color: #fff;
    color: #0757a8;
    font-weight: 700
}

.header-schedule .next .splash .info .time-label, .header-schedule .previous .splash .info .time-label {
    display: inline-block;
    width: 84px;
    height: 100%;
    line-height: 40px;
    background-color: #3979b9;
    color: #fff
}

.header-schedule .next .splash .info .time-label-short, .header-schedule .previous .splash .info .time-label-short {
    display: none
}

.header-schedule .next .text, .header-schedule .previous .text {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 312px;
    height: 121px;
    margin-left: 24px;
    font-size: 18px;
    line-height: 20px
}

.header-schedule .next .text .wrapper, .header-schedule .previous .text .wrapper {
    width: 100%;
    height: 100%
}

.header-schedule .next .text .wrapper .title, .header-schedule .previous .text .wrapper .title {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 252px;
    height: 82px;
    font-weight: 700;
    overflow: hidden
}

.header-schedule .next .text .wrapper .title::after, .header-schedule .previous .text .wrapper .title::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0
}

.header-schedule .next .text .wrapper .age:not(:empty), .header-schedule .previous .text .wrapper .age:not(:empty) {
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
    width: 30px;
    height: 20px;
    border: 1px solid #c4d2de;
    border-radius: 1px;
    font-size: 13px;
    opacity: .5;
    text-align: center
}

.header-schedule .next .text button, .header-schedule .previous .text button {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 228px;
    border: none;
    background-color: #fff;
    color: #0757a8;
    opacity: .95;
    transition: opacity .3s
}

.header-schedule .next .text button:hover, .header-schedule .previous .text button:hover {
    opacity: 1;
    border-color: #fff
}

.header-schedule .next .text button:active, .header-schedule .previous .text button:active {
    opacity: 1;
    border-color: #fff
}

.header-schedule .next .text button .icon, .header-schedule .previous .text button .icon {
    vertical-align: middle;
    margin-top: -2px;
    background-image: url("")
}

.header-schedule .previous {
    background-color: #0757a8
}

.header-schedule .previous .header-schedule--show-timezone-hint.card .splash::after {
    content: "";
    display: block;
    color: #fff;
    opacity: .5;
    font-size: 13px;
    width: 300px
}

.header-schedule .previous .header-schedule--show-timezone-hint.card .splash.splash-for-orbit_0::after {
    content: "В телепрограмме указано московское время."
}

.header-schedule .previous .header-schedule--show-timezone-hint.card .splash.splash-for-orbit_3::after {
    content: "В телепрограмме указано красноярское время."
}

.header-schedule .previous .card {
    float: right
}

.header-schedule .previous .card .title::after {
    box-shadow: 0 0 10px 10px #0757a8
}

.header-schedule .next {
    background-color: #1f7ac2
}

.header-schedule .next .card {
    width: 502px;
    padding-left: 22px
}

@media (min-width: 1600px) {
    .header-schedule .next .card {
        width: 648px
    }
}

.header-schedule .next .card .splash .info .time-label {
    background-color: #4c95ce
}

.header-schedule .next .card .title::after {
    box-shadow: 0 0 10px 10px #1f7ac2
}

.header-schedule button.index-schedule-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-image: url("")
}

.header-schedule.short .next .header-schedule--show-timezone-hint.card .splash-for-orbit_0 .info .time::after, .header-schedule.short .previous .header-schedule--show-timezone-hint.card .splash-for-orbit_0 .info .time::after {
    content: " Мск"
}

.header-schedule.short .next .header-schedule--show-timezone-hint.card .splash-for-orbit_3 .info .time::after, .header-schedule.short .previous .header-schedule--show-timezone-hint.card .splash-for-orbit_3 .info .time::after {
    content: " Крск"
}

.header-schedule.short button.index-schedule-arrow {
    transform: rotate(180deg)
}

.header-schedule.short .next, .header-schedule.short .previous {
    height: 30px
}

.header-schedule.short .next .card, .header-schedule.short .previous .card {
    padding: 0
}

.header-schedule.short .next .card .age, .header-schedule.short .next .card .image, .header-schedule.short .next .card .time-label, .header-schedule.short .next .card button, .header-schedule.short .previous .card .age, .header-schedule.short .previous .card .image, .header-schedule.short .previous .card .time-label, .header-schedule.short .previous .card button {
    display: none !important
}

.header-schedule.short .next .card .splash.splash-for-orbit_0::after, .header-schedule.short .next .card .splash.splash-for-orbit_3::after, .header-schedule.short .next .card .splash::after, .header-schedule.short .previous .card .splash.splash-for-orbit_0::after, .header-schedule.short .previous .card .splash.splash-for-orbit_3::after, .header-schedule.short .previous .card .splash::after {
    content: none
}

.header-schedule.short .next .card .info, .header-schedule.short .next .card .text, .header-schedule.short .previous .card .info, .header-schedule.short .previous .card .text {
    display: inline-block;
    width: auto;
    height: 30px
}

.header-schedule.short .next .card .info .time, .header-schedule.short .next .card .text .time, .header-schedule.short .previous .card .info .time, .header-schedule.short .previous .card .text .time {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background-color: transparent;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    font-weight: 700
}

.header-schedule.short .next .card .info .time-label-short, .header-schedule.short .next .card .text .time-label-short, .header-schedule.short .previous .card .info .time-label-short, .header-schedule.short .previous .card .text .time-label-short {
    display: inline-block;
    margin-left: 5px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    height: 30px;
    opacity: .7;
    vertical-align: top
}

.header-schedule.short .next .card .splash, .header-schedule.short .previous .card .splash {
    width: auto
}

.header-schedule.short .next .card .text, .header-schedule.short .previous .card .text {
    margin: 0
}

.header-schedule.short .next .card .text .wrapper .title, .header-schedule.short .previous .card .text .wrapper .title {
    width: 295px;
    height: 30px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 700;
    white-space: nowrap
}

.header-schedule.short .next .card .text .wrapper .title::after, .header-schedule.short .previous .card .text .wrapper .title::after {
    bottom: auto;
    right: 0;
    width: 0;
    top: 0;
    height: 100%
}

.header-schedule.short .next .card {
    padding: 0 0 0 35px;
    cursor: default
}

@media (max-width: 732px) {
    .header-schedule .next .header-schedule--show-timezone-hint.card .splash-for-orbit_0 .info .time::after, .header-schedule .previous .header-schedule--show-timezone-hint.card .splash-for-orbit_0 .info .time::after {
        content: " Мск"
    }

    .header-schedule .next .header-schedule--show-timezone-hint.card .splash-for-orbit_3 .info .time::after, .header-schedule .previous .header-schedule--show-timezone-hint.card .splash-for-orbit_3 .info .time::after {
        content: " Крск"
    }

    .header-schedule button.index-schedule-arrow {
        transform: rotate(180deg)
    }

    .header-schedule .next, .header-schedule .previous {
        height: 30px
    }

    .header-schedule .next .card, .header-schedule .previous .card {
        padding: 0
    }

    .header-schedule .next .card .age, .header-schedule .next .card .image, .header-schedule .next .card .time-label, .header-schedule .next .card button, .header-schedule .previous .card .age, .header-schedule .previous .card .image, .header-schedule .previous .card .time-label, .header-schedule .previous .card button {
        display: none !important
    }

    .header-schedule .next .card .splash.splash-for-orbit_0::after, .header-schedule .next .card .splash.splash-for-orbit_3::after, .header-schedule .next .card .splash::after, .header-schedule .previous .card .splash.splash-for-orbit_0::after, .header-schedule .previous .card .splash.splash-for-orbit_3::after, .header-schedule .previous .card .splash::after {
        content: none
    }

    .header-schedule .next .card .info, .header-schedule .next .card .text, .header-schedule .previous .card .info, .header-schedule .previous .card .text {
        display: inline-block;
        width: auto;
        height: 30px
    }

    .header-schedule .next .card .info .time, .header-schedule .next .card .text .time, .header-schedule .previous .card .info .time, .header-schedule .previous .card .text .time {
        display: inline-block;
        vertical-align: top;
        width: auto;
        background-color: transparent;
        color: #fff;
        font-size: 13px;
        line-height: 30px;
        font-weight: 700
    }

    .header-schedule .next .card .info .time-label-short, .header-schedule .next .card .text .time-label-short, .header-schedule .previous .card .info .time-label-short, .header-schedule .previous .card .text .time-label-short {
        display: inline-block;
        margin-left: 5px;
        color: #fff;
        font-size: 14px;
        line-height: 28px;
        height: 30px;
        opacity: .7;
        vertical-align: top
    }

    .header-schedule .next .card .splash, .header-schedule .previous .card .splash {
        width: auto
    }

    .header-schedule .next .card .text, .header-schedule .previous .card .text {
        margin: 0
    }

    .header-schedule .next .card .text .wrapper .title, .header-schedule .previous .card .text .wrapper .title {
        width: 295px;
        height: 30px;
        margin-left: 10px;
        font-size: 14px;
        line-height: 28px;
        font-weight: 700;
        white-space: nowrap
    }

    .header-schedule .next .card .text .wrapper .title::after, .header-schedule .previous .card .text .wrapper .title::after {
        bottom: auto;
        right: 0;
        width: 0;
        top: 0;
        height: 100%
    }

    .header-schedule .next .card {
        padding: 0 0 0 35px;
        cursor: default
    }

    .header-schedule .next .card .age, .header-schedule .next .card .image, .header-schedule .next .card .time-label, .header-schedule .next .card button, .header-schedule .previous .card .age, .header-schedule .previous .card .image, .header-schedule .previous .card .time-label, .header-schedule .previous .card button, .index-schedule-arrow {
        display: none
    }

    .header-schedule .next, .header-schedule .previous, .header-schedule.short .next, .header-schedule.short .previous {
        display: block;
        width: 100%;
        height: auto !important;
        overflow: hidden
    }

    .header-schedule .next .card, .header-schedule .previous .card, .header-schedule.short .next .card, .header-schedule.short .previous .card {
        width: 100%;
        padding: 5px 24px;
        min-height: 60px
    }

    .header-schedule .next .card .info, .header-schedule .previous .card .info, .header-schedule.short .next .card .info, .header-schedule.short .previous .card .info {
        height: 20px
    }

    .header-schedule .next .card .text, .header-schedule .previous .card .text, .header-schedule.short .next .card .text, .header-schedule.short .previous .card .text {
        display: block;
        height: auto
    }

    .header-schedule .next .card .text .wrapper .title, .header-schedule .previous .card .text .wrapper .title, .header-schedule.short .next .card .text .wrapper .title, .header-schedule.short .previous .card .text .wrapper .title {
        margin-left: 0;
        width: 100%;
        height: auto;
        line-height: 20px;
        white-space: normal
    }

    .header-schedule .next .card .text .wrapper .title::after, .header-schedule .previous .card .text .wrapper .title::after, .header-schedule.short .next .card .text .wrapper .title::after, .header-schedule.short .previous .card .text .wrapper .title::after {
        content: none
    }
}

.col-md-12 .bigpromo .cards .card, article.show-main .bigpromo .cards .card {
    height: 400px;
    width: 711px
}

.col-md-8 .bigpromo .cards .card, article.show-main .col-md-8 .bigpromo .cards .card {
    height: 316px;
    width: 648px
}

.bigpromo {
    width: 100%;
    background-color: #000
}

.bigpromo button.slick-arrow.slick-next {
    background-image: url("arrow-right-974b15228d371217ee51a9013408a6eaf298c6e4367700acf5da15a25f8ef342.svg")
}

.bigpromo button.slick-arrow.slick-prev {
    background-image: url("arrow-left-824f227a117d51b8e87b6869ec9d2bc8726c320e0dd4eee1c08f17d54f149200.svg")
}

.bigpromo .cards {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.bigpromo .cards .card {
    display: none;
    height: 480px;
    width: 984px;
    background-clip: content-box;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    outline: 0;
    opacity: .4
}

.bigpromo .cards .card.slick-slide, .bigpromo .cards .card:only-child {
    display: block
}

.bigpromo .cards .card img.background {
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bigpromo .cards .card > span {
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 84px
}

.bigpromo .cards .card > span.onhover {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: transparent;
    transition: all .5s ease-in-out
}

.bigpromo .cards .card > span.nohover {
    display: none
}

.bigpromo .cards .card > span .lead {
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0
}

.bigpromo .cards .card > span .title {
    display: block;
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: .5px
}

.bigpromo .cards .card > span .date {
    display: block;
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 26px;
    height: 40px;
    margin-top: 0;
    vertical-align: middle
}

.bigpromo .cards .card > span .date::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -2px;
    width: 25px;
    height: 25px;
    background-image: url("")
}

.bigpromo .cards .card > span .date button.remind {
    margin-left: 30px;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    font-size: 18px;
    line-height: 35px
}

.bigpromo .cards .card > span .text-about {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease-in-out 0s
}

.bigpromo .cards .card > span .text {
    margin: 0;
    font-size: 18px;
    line-height: 20px
}

.bigpromo .cards .card > span span.about {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 15px;
    color: #fff
}

.bigpromo .cards .card > span span.about:hover {
    text-decoration: underline
}

.bigpromo .cards .card > span span.about:hover span {
    text-decoration: underline
}

.bigpromo .cards .card > span span.about .titleicon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-image: url("")
}

.bigpromo .cards .card > span.onhover {
    display: flex;
    opacity: 1
}

.bigpromo .cards .card.slick-current:hover .nohover, .bigpromo .cards .card:only-child:hover .nohover {
    opacity: 0
}

.bigpromo .cards .card.slick-current:hover .onhover, .bigpromo .cards .card:only-child:hover .onhover {
    background-color: rgba(12, 21, 27, .8);
    opacity: 1
}

.bigpromo .cards .card.slick-current:hover .onhover .text-about, .bigpromo .cards .card:only-child:hover .onhover .text-about {
    max-height: 500px;
    transition: all 1s ease-in-out 0s
}

.bigpromo .cards .card.slick-active, .bigpromo .cards .card.slick-center, .bigpromo .cards .card.slick-current, .bigpromo .cards .card:only-child {
    opacity: 1
}

@media (max-width: 732px) {
    .bigpromo {
        height: auto !important
    }

    .bigpromo .promo-place {
        display: block
    }

    .bigpromo .promo-place::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(48.78% + 180px);
        background-color: #fff
    }

    .bigpromo .promo-place .slick-list {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .bigpromo .promo-place .slick-list .slick-track {
        height: 100%
    }

    .bigpromo .promo-place .slick-list .slick-track .card, .bigpromo .promo-place.cards .card {
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
        background-color: #000;
        height: 100%;
        width: 100vw
    }

    .bigpromo .promo-place .slick-list .slick-track .card img.background, .bigpromo .promo-place.cards .card img.background {
        height: auto;
        width: 100%;
        top: 0;
        transform: translate(-50%, 0)
    }

    .bigpromo .promo-place .slick-list .slick-track .card .onhover, .bigpromo .promo-place.cards .card .onhover {
        height: 180px;
        top: auto;
        bottom: 0;
        padding: 0 20px;
        padding-bottom: 30px;
        background-image: none !important;
        background-color: #fff !important;
        justify-content: flex-start
    }

    .bigpromo .promo-place .slick-list .slick-track .card .onhover .text-about, .bigpromo .promo-place.cards .card .onhover .text-about {
        max-height: 100px !important
    }

    .bigpromo .promo-place .slick-list .slick-track .card .onhover .text-about .about, .bigpromo .promo-place.cards .card .onhover .text-about .about {
        color: #000
    }

    .bigpromo .promo-place .slick-list .slick-track .card .onhover .text-about .about .titleicon, .bigpromo .promo-place.cards .card .onhover .text-about .about .titleicon {
        background-image: url("");
        width: 16px;
        height: 16px
    }

    .bigpromo .promo-place .slick-list .slick-track .card .onhover .lead, .bigpromo .promo-place.cards .card .onhover .lead {
        flex-shrink: 0;
        margin-top: 0;
        color: #000;
        padding-top: 8px
    }

    .bigpromo .promo-place .slick-list .slick-track .card .onhover .title, .bigpromo .promo-place.cards .card .onhover .title {
        margin: 0 auto;
        color: #0757a8
    }

    .bigpromo .promo-place .slick-list .slick-track .card .onhover .date, .bigpromo .promo-place.cards .card .onhover .date {
        position: absolute;
        bottom: 100%;
        margin-bottom: 0;
        left: 0;
        right: 0;
        background-image: url("");
        background-repeat: repeat-x;
        background-size: 100% 150%
    }
}

section.superlinks .promo-place {
    display: flex;
    flex-wrap: wrap
}

section.superlinks .card {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 101%;
    transition: all .7s;
    overflow: hidden
}

section.superlinks .card:hover .superlink__image {
    transform: scale(1.1)
}

section.superlinks .card:after {
    padding-top: 56.25%;
    display: block;
    content: ""
}

@media (min-width: 1025px) {
    section.superlinks .card {
        width: 25%
    }
}

.superlink__image {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform .7s
}

section.tvshows .promo-place:not(.slick-initialized) .card:not(:first-child) {
    display: none
}

section.bigpromo, section.tvshows {
    width: 100%;
    overflow: hidden
}

section.bigpromo .promo-place, section.tvshows .promo-place {
    overflow: hidden;
    position: relative
}

section.bigpromo .promo-place:hover .slick-arrow, section.tvshows .promo-place:hover .slick-arrow {
    opacity: .6
}

section.bigpromo .promo-place .position.standard-position img, section.tvshows .promo-place .position.standard-position img {
    max-width: 100%;
    align-self: center
}

section.bigpromo .promo-place .slick-list::after, section.bigpromo .promo-place .slick-list::before, section.tvshows .promo-place .slick-list::after, section.tvshows .promo-place .slick-list::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    box-shadow: 0 0 35px 50px;
    z-index: 3;
    left: -5px;
    top: 0;
    bottom: 0;
    -webkit-appearance: none
}

section.bigpromo .promo-place .slick-list::after, section.tvshows .promo-place .slick-list::after {
    display: block;
    left: initial;
    right: -5px
}

section.bigpromo .buttons, section.tvshows .buttons {
    width: 984px;
    height: 50px;
    background-color: #67b168;
    position: absolute;
    z-index: 9999;
    margin: 0 auto
}

section.bigpromo .cards, section.tvshows .cards {
    max-width: 2448px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    background-color: #000
}

section.bigpromo .cards .card, section.tvshows .cards .card {
    position: relative;
    display: block;
    width: 816px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    outline: 0;
    transition: opacity .3s
}

section.bigpromo .cards .card img, section.tvshows .cards .card img {
    position: relative;
    margin: auto;
    width: 100%;
    height: auto
}

section.bigpromo .cards .card.slick-slide:not(.slick-center), section.tvshows .cards .card.slick-slide:not(.slick-center) {
    opacity: .4
}

.article-container section.tvshows .cards .card {
    width: 648px
}

.with-right-column section.tvshows .cards .card {
    width: 648px
}

.index-page section.tvshows .promo-place .slick-list::after, .index-page section.tvshows .promo-place .slick-list::before {
    display: none
}

button.slick-arrow {
    display: block;
    position: absolute;
    z-index: 9;
    height: 100%;
    top: 0;
    width: 60px;
    margin: 0;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center
}

button.slick-arrow:hover {
    background-color: transparent
}

button.slick-arrow.slick-prev {
    content: "Prev";
    left: 20px;
    background-image: url("")
}

button.slick-arrow.slick-next {
    right: 20px;
    background-image: url("")
}

article.show-main .w__block__promo_position section.bigpromo {
    margin-top: 30px
}

article.show-main .w__block__promo_position section.bigpromo .cards .card {
    width: 711px;
    height: 400px !important;
    overflow: hidden
}

article.show-main .w__block__promo_position section.bigpromo .cards .card img.background {
    max-width: none
}

article.show-main .w__block__promo_position section.bigpromo .cards .card .title {
    font-size: 25px;
    line-height: 30px
}

article.show-main .w__block__promo_position section.bigpromo .cards .card .lead {
    font-size: 23px;
    line-height: 25px
}

article.show-main .w__block__promo_position section.bigpromo .cards .card .date {
    font-size: 20px;
    line-height: 25px;
    margin-top: 8px
}

article.show-main .w__block__promo_position section.bigpromo .cards .card .date::before {
    margin-bottom: -4px
}

article.show-main .w__block__promo_position section.bigpromo .cards .card .about, article.show-main .w__block__promo_position section.bigpromo .cards .card .text {
    display: block;
    font-size: 16px;
    margin-top: 5px;
    line-height: 18px
}

@media (max-width: 732px) {
    article.show-main .w__block__promo_position section.bigpromo {
        margin-top: 20px
    }

    article.show-main .w__block__promo_position section.bigpromo .promo-place:before {
        padding-top: calc(56.25% + 180px) !important
    }

    article.show-main .w__block__promo_position section.bigpromo .promo-place .slick-list {
        bottom: 26px
    }

    article.show-main .w__block__promo_position section.bigpromo .promo-place .slick-list .slick-track .card, article.show-main .w__block__promo_position section.bigpromo .promo-place.cards .card {
        height: auto !important;
        width: 100vw
    }

    article.show-main .w__block__promo_position section.bigpromo .promo-place .slick-list .slick-track .card .onhover, article.show-main .w__block__promo_position section.bigpromo .promo-place.cards .card .onhover {
        height: 172px;
        padding-bottom: 20px;
        background-color: #000 !important
    }

    article.show-main .w__block__promo_position section.bigpromo .promo-place .slick-list .slick-track .card .onhover .lead, article.show-main .w__block__promo_position section.bigpromo .promo-place .slick-list .slick-track .card .onhover .text-about .about, article.show-main .w__block__promo_position section.bigpromo .promo-place .slick-list .slick-track .card .onhover .title, article.show-main .w__block__promo_position section.bigpromo .promo-place.cards .card .onhover .lead, article.show-main .w__block__promo_position section.bigpromo .promo-place.cards .card .onhover .text-about .about, article.show-main .w__block__promo_position section.bigpromo .promo-place.cards .card .onhover .title {
        color: #fff !important
    }

    article.show-main .w__block__promo_position section.bigpromo .promo-place .slick-list .slick-track .card .onhover .lead, article.show-main .w__block__promo_position section.bigpromo .promo-place.cards .card .onhover .lead {
        font-size: 16px;
        line-height: 20px
    }

    article.show-main .w__block__promo_position section.bigpromo .promo-place .slick-list .slick-track .card .onhover .title, article.show-main .w__block__promo_position section.bigpromo .promo-place.cards .card .onhover .title {
        max-width: 100%;
        font-size: 22px;
        line-height: 25px
    }

    article.show-main .w__block__promo_position section.bigpromo .promo-place .slick-list .slick-track .card .onhover .text-about .about .titleicon, article.show-main .w__block__promo_position section.bigpromo .promo-place.cards .card .onhover .text-about .about .titleicon {
        background-image: url("") !important
    }

    article.show-main .w__block__promo_position section.bigpromo .cards .card .onhover, article.show-main .w__block__promo_position section.bigpromo .slick-list .slick-track .card .onhover {
        height: 155px
    }
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.index-page {
    position: relative;
    background-color: #fff
}

.index-page .branded {
    position: relative;
    background-color: #fff
}

.index-page .side-promo-place-right {
    margin-top: 0
}

.index-page .news-issue {
    margin-top: 13px
}

.index-page .news-issue .big-link {
    margin-top: 10px
}

@media (max-width: 732px) {
    .index-page .news-issue .big-link {
        padding: 0 20px
    }
}

.index-page .news {
    margin-bottom: 0
}

.news {
    margin-top: 35px
}

.news .news-column .tower-offset {
    height: 0
}

.news .news-column .side-promo-place-right.tower {
    margin-top: -19px !important
}

.news .news .news-issue .big-link {
    display: inline-block;
    margin-top: 19px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #0757a8
}

.news .news .news-issue .big-link:hover span {
    text-decoration: underline
}

.news .news .news-issue .big-link .titleicon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: -2px;
    background-image: url("")
}

.news .news .news-issue .video .description {
    height: auto;
    position: relative
}

.news .news .news-issue .video .description .num {
    position: absolute;
    background-color: #05519d;
    border-right: 1px solid #2777bd
}

.news .news .news-issue .video .description .text {
    min-height: 80px;
    height: auto;
    padding: 10px 20px 10px 180px
}

.news .news .buttons {
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
    font-size: 18px
}

.news .news .buttons > a {
    margin: 0 24px 0 0;
    padding: 0;
    font-size: 17px
}

.news .head .title {
    margin-top: 0;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    color: #000
}

.news .head a.lead {
    display: block;
    max-width: 648px;
    margin-top: 21px;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 30px;
    color: #05519d;
    text-decoration: none
}

.news .head a.lead:hover {
    text-decoration: underline
}

.news .news .news-issue .other-news-cards {
    padding-top: 30px;
    overflow: hidden
}

.news .news .news-issue .other-news-cards .title {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 27px;
    color: #000
}

.news .news .news-issue .other-news-cards .card {
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 10px;
    padding: 10px 0;
    max-width: calc(100% - 24px);
    border: none;
    font-weight: 400
}

@media (min-width: 733px) {
    .news .news .news-issue .other-news-cards .card {
        width: 312px
    }
}

@media (min-width: 1600px) {
    .news .news .news-issue .other-news-cards .card {
        width: 228px
    }
}

.news .news .news-issue .other-news-cards .card:last-child {
    margin-bottom: 0
}

.news .news .news-issue .other-news-cards .card .time {
    display: block;
    margin-right: 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-align: start;
    text-align: left;
    float: none
}

.news .news .news-issue .other-news-cards .card a.title {
    display: block;
    vertical-align: top;
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    letter-spacing: .1px
}

.news .news .news-issue .other-news-cards .card a.title:hover {
    text-decoration: underline
}

.news .news .news-issue .other-news-cards .card a.title .titleicon {
    width: 15px;
    height: 15px;
    margin-top: -2px
}

.news .news .news-issue .other-news-cards .card.hot .title {
    color: #eb0f4d
}

.news .news .news-issue .other-news-cards .card.hot .title .titleicon {
    background-image: url("")
}

section.articles {
    background-color: #edf1f6;
    margin-top: 42px;
    padding-top: 7px
}

section.articles header {
    max-width: 984px;
    margin: 20px auto;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    color: #00162e
}

section.articles button {
    margin-bottom: 30px;
    margin-top: 0
}

section.collection-projects {
    width: 100%;
    background-color: #00162e;
    padding: 33px 20px 0 20px;
    overflow: hidden
}

section.collection-projects header {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: .5px;
    text-align: center
}

section.collection-projects header .title {
    color: #fff
}

section.collection-projects header .lead {
    margin-top: 7px;
    font-size: 24px;
    color: #1f7ac2
}

section.collection-projects header a.projects-header-title-link {
    display: block;
    color: #fff;
    width: 100%
}

section.collection-projects header a.projects-header-lead-link {
    display: block;
    color: #1f7ac2;
    width: 100%
}

section.collection-projects .cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto
}

@media (min-width: 285px) {
    section.collection-projects .cards {
        width: 244px
    }
}

@media (min-width: 529px) {
    section.collection-projects .cards {
        width: 488px
    }
}

@media (min-width: 773px) {
    section.collection-projects .cards {
        width: 732px
    }
}

@media (min-width: 1017px) {
    section.collection-projects .cards {
        width: 976px
    }
}

@media (min-width: 1261px) {
    section.collection-projects .cards {
        width: 1220px
    }
}

@media (min-width: 1505px) {
    section.collection-projects .cards {
        width: 1464px
    }
}

@media (min-width: 1749px) {
    section.collection-projects .cards {
        width: 1708px
    }
}

@media (min-width: 1993px) {
    section.collection-projects .cards {
        width: 1952px
    }
}

@media (min-width: 2237px) {
    section.collection-projects .cards {
        width: 2196px
    }
}

@media (min-width: 2481px) {
    section.collection-projects .cards {
        width: 2440px
    }
}

@media (min-width: 2725px) {
    section.collection-projects .cards {
        width: 2684px
    }
}

@media (min-width: 2969px) {
    section.collection-projects .cards {
        width: 2928px
    }
}

@media (min-width: 3213px) {
    section.collection-projects .cards {
        width: 3172px
    }
}

@media (min-width: 3457px) {
    section.collection-projects .cards {
        width: 3416px
    }
}

@media (min-width: 3701px) {
    section.collection-projects .cards {
        width: 3660px
    }
}

@media (min-width: 3945px) {
    section.collection-projects .cards {
        width: 3904px
    }
}

@media (min-width: 4189px) {
    section.collection-projects .cards {
        width: 4148px
    }
}

@media (min-width: 4433px) {
    section.collection-projects .cards {
        width: 4392px
    }
}

@media (min-width: 4677px) {
    section.collection-projects .cards {
        width: 4636px
    }
}

@media (min-width: 4921px) {
    section.collection-projects .cards {
        width: 4880px
    }
}

@media (min-width: 5165px) {
    section.collection-projects .cards {
        width: 5124px
    }
}

@media (min-width: 5409px) {
    section.collection-projects .cards {
        width: 5368px
    }
}

@media (min-width: 5653px) {
    section.collection-projects .cards {
        width: 5612px
    }
}

@media (min-width: 5897px) {
    section.collection-projects .cards {
        width: 5856px
    }
}

@media (min-width: 6141px) {
    section.collection-projects .cards {
        width: 6100px
    }
}

@media (min-width: 6385px) {
    section.collection-projects .cards {
        width: 6344px
    }
}

@media (min-width: 6629px) {
    section.collection-projects .cards {
        width: 6588px
    }
}

@media (min-width: 6873px) {
    section.collection-projects .cards {
        width: 6832px
    }
}

@media (min-width: 7117px) {
    section.collection-projects .cards {
        width: 7076px
    }
}

@media (min-width: 7361px) {
    section.collection-projects .cards {
        width: 7320px
    }
}

section.collection-projects .cards a.card {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 220px;
    height: 130px;
    margin: 0 12px 24px 12px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    opacity: .8;
    transition: all .7s;
    background-color: transparent !important
}

section.collection-projects .cards a.card:hover {
    opacity: 1;
    transform: scale(1.3)
}

section.collection-projects .cards a.card.all-projects {
    position: relative;
    display: block;
    background: url("") no-repeat center;
    background-size: contain
}

section.collection-projects .cards a.card span {
    display: inline-block;
    vertical-align: middle
}

section.collection-projects .cards a.card img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.index-page section.tvshows {
    z-index: 11;
    position: relative;
    background-color: #000
}

@media (min-width: 733px) {
    .index-page section.tvshows {
        height: 400px
    }
}

section.tvshows {
    width: 100%
}

section.tvshows .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.slick-slider .slick-arrow {
    display: block;
    position: absolute;
    z-index: 9;
    height: 100%;
    top: 0;
    width: 60px;
    margin: 0;
    border: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity .3s
}

.slick-slider .slick-arrow:hover {
    background-color: transparent
}

.slick-slider .slick-arrow.slick-prev {
    background-image: url("arrow-left-824f227a117d51b8e87b6869ec9d2bc8726c320e0dd4eee1c08f17d54f149200.svg")
}

.slick-slider .slick-arrow.slick-next {
    background-image: url("arrow-right-974b15228d371217ee51a9013408a6eaf298c6e4367700acf5da15a25f8ef342.svg")
}

.middle-promo-place {
    background-color: #edf1f6;
    border: none
}

h3.tvshows {
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    color: #00162e;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 15px;
    background-color: #edf1f6
}

.bigpromo:hover button.slick-arrow, .tvshows:hover button.slick-arrow {
    opacity: .8
}

.bigpromo:hover button.slick-arrow:hover, .tvshows:hover button.slick-arrow:hover {
    opacity: 1
}

.bigpromo .slick-dots {
    margin-top: -40px
}

@media (max-width: 732px) {
    section.superlinks {
        display: none
    }

    .collection-projects + hr.fat {
        display: none
    }

    .news {
        margin-top: 30px
    }

    .news .container .row {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .news .container .row a.big-link {
        margin-left: 20px;
        margin-right: 20px
    }

    .news .container .row .other-news-cards {
        padding: 30px 0 0 0;
        margin: 0 20px
    }

    .news .container .row .other-news-cards a.big-link {
        margin: 0
    }

    .news .container .row .other-news-cards .card {
        margin: 10px 0;
        width: calc(100% - 48px) !important
    }

    .news .container .row .news-column {
        order: 1;
        width: 100%;
        padding: 0
    }

    .news .container .row .news-column .side-promo-place-right {
        margin: 0 auto 20px;
        width: 312px
    }

    .news .container .row .head {
        padding: 0 24px
    }

    .news .container .row .news {
        padding: 0;
        order: 2;
        width: 100%;
        margin: 0
    }

    .news .container .row .news .news-issue {
        margin: 0 auto
    }

    .news .container .row .news .video {
        border: none;
        padding: 0
    }

    .news .container .row .news .video .player {
        position: relative;
        height: auto
    }

    .news .container .row .news .video .player::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 56.25%
    }

    .news .container .row .news .video .player > .tv1player {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .news .container .row .news .video .description {
        padding: 0;
        background-color: #05519d
    }

    .news .container .row .news .video .description .num, .news .container .row .news .video .description .text {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        border: none;
        text-align: left;
        padding-left: 24px;
        padding-right: 24px
    }

    .news .container .row .news .buttons {
        display: block;
        margin: 20px 0;
        padding: 0 24px
    }

    .news .container .row .news .buttons a {
        width: 100%;
        margin: 10px 0
    }

    .bigpromo {
        min-height: 320px !important;
        overflow: hidden
    }

    .bigpromo .slick-arrow {
        display: none !important
    }

    .bigpromo .cards {
        position: relative
    }

    .bigpromo .cards > .card {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .bigpromo .cards .card {
        min-width: 320px;
        min-height: 320px !important;
        opacity: 1;
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
        height: 100%;
        width: 100vw
    }

    .bigpromo .cards .card .nohover {
        display: none !important
    }

    .bigpromo .cards .card .onhover {
        opacity: 1;
        text-align: center;
        height: 55%;
        top: 48%;
        padding: 0 10px;
        padding-bottom: 40px;
        justify-content: space-around
    }

    .bigpromo .cards .card .onhover .date {
        margin-top: auto;
        height: auto;
        padding-bottom: 5px;
        font-size: 18px;
        line-height: 20px;
        position: absolute;
        bottom: 100%;
        margin-bottom: 0;
        left: 0;
        right: 0;
        background-image: url("");
        background-repeat: repeat-x;
        background-size: 100% 150%
    }

    .bigpromo .cards .card .onhover .title {
        font-size: 22px;
        line-height: 25px;
        margin: 0 auto
    }

    .bigpromo .cards .card .onhover .lead {
        font-size: 16px;
        line-height: 20px
    }

    .bigpromo .cards .card .onhover .about {
        margin-top: 5px;
        font-size: 16px;
        line-height: 20px
    }

    .bigpromo .cards .card .onhover .text {
        display: none !important
    }

    h3.tvshows {
        background-color: #fff;
        margin-top: 20px;
        padding-top: 0
    }

    section.tvshows {
        background-color: #000;
        min-height: 150px !important
    }

    section.tvshows .promo-place .slick-arrow {
        display: none !important
    }

    section.tvshows .promo-place::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 58% !important
    }

    section.tvshows .promo-place .slick-list {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 36px
    }

    section.tvshows .promo-place .slick-list .slick-track {
        height: 100%
    }

    section.tvshows .promo-place .slick-list::after, section.tvshows .promo-place .slick-list::before {
        display: none
    }

    section.tvshows .promo-place a.card[style], section.tvshows .promo-place div.card[style] {
        width: 100vw;
        height: 100%;
        min-height: 90% !important;
        background-size: contain;
        background-position: center center
    }

    section.tvshows .promo-place .card:only-child {
        position: absolute;
        left: 0;
        right: 0
    }

    section.articles {
        background-color: transparent;
        margin-top: 20px
    }

    section.articles header {
        padding: 0 20px
    }
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

@media (min-width: 733px) {
    .article .w_content.wysiwyg-content .w_row, .article-wide .w_content.wysiwyg-content .w_row {
        max-width: calc(100% + 24px);
        margin: 0 -12px
    }

    .article .w_content.wysiwyg-content .w_row .w_block.c-12, .article-wide .w_content.wysiwyg-content .w_row .w_block.c-12 {
        margin: 0 12px
    }
}

@media (max-width: 732px) {
    .article .w_content.wysiwyg-content .w_row, .article-wide .w_content.wysiwyg-content .w_row {
        margin: 0
    }
}

.article .w__block__photo_gallery, .article-wide .w__block__photo_gallery {
    color: #000
}

.article__illustration_photo {
    width: 100%
}

@media (min-width: 733px) {
    .article-wide {
        margin: 0 auto
    }
}

.article .text .w_row {
    width: 100%
}

.article .article-container .w_content .wysiwyg-content {
    width: 100%
}

@media (max-width: 732px) {
    .article .itv-article-narrow-header {
        margin: 0
    }

    .article .w_content .w_block.c-10, .article .w_content .w_block.c-6, .article .w_content .w_block.c-8 {
        width: 100%;
        overflow: visible
    }

    .article .w_content .w_block.o-1 {
        margin-left: 12px
    }

    .article .w_content .w_block .w__block__collection, .article .w_content .w_block .w__block__illustration, .article .w_content .w_block .w__block__video {
        width: calc(100% + 40px);
        margin: 0 -20px 20px;
        overflow: visible;
        padding-bottom: 15px
    }

    .article .w_content .w_block .w_collection_items {
        max-width: 100%
    }
}

@media (min-width: 1600px) {
    .article .col-md-8 {
        width: 984px
    }

    .article .w_content .w_block.c-8 {
        width: 100%
    }

    .article .w_content .w_block.c-6 {
        width: 816px
    }
}

.article .branded {
    position: relative;
    background-color: #fff
}

.article .article-header .bg-image {
    position: relative;
    width: 100%;
    height: 380px;
    margin-top: -41px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%
}

.article .article-header .bg-image .name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.article .article-header .bg-image .name .text {
    max-width: 648px;
    margin: 0;
    padding: 50px 0 50px 84px;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: inherit
}

.article section.article-container .simple-header {
    font-weight: 700;
    font-size: 38px;
    line-height: 40px;
    padding: 40px 84px 20px 84px
}

.article section.article-container .article-illustration > span {
    display: block;
    margin-top: 10px
}

.article section.article-container .article-illustration .stream_illustration div[data-type=player] {
    width: 100%;
    z-index: 100;
    position: relative
}

.article section.article-container .stats .date {
    margin-top: 10px;
    font-size: 12px;
    color: #a3b0b9
}

.article section.article-container .stats .date::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 9px 9px;
    background-position: center center
}

.article section.article-container .head {
    padding: 0
}

.article section.article-container .article-lead {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 25px
}

.article section.article-container .small-social-buttons {
    margin-bottom: 40px;
    margin-top: 20px
}

.article section.article-container .w__block__collection.type-row .text {
    padding: 0 10px
}

.article section.article-container .w__block__collection.type-big-slider {
    width: auto
}

.article section.article-container .w__block__collection.type-big-slider a.card {
    max-width: 648px
}

.article section.article-container .w__block__collection.type-big-slider a.card .text {
    margin: 0
}

.article section.article-container .w__block__collection.type-big-slider a.card .text .lead {
    height: auto
}

.article section.article-container .w__block__collection.type-big-slider button.slick-arrow {
    display: inline-block !important;
    margin-left: 0;
    margin-right: 0
}

.article section.article-container .w__block__collection.type-big-slider button.slick-arrow.slick-prev {
    left: 0
}

.article section.article-container .w__block__collection.type-big-slider button.slick-arrow.slick-next {
    right: 0
}

.article section.article-container .w__block__collection.type-big-slider button.slick-arrow:active, .article section.article-container .w__block__collection.type-big-slider button.slick-arrow:hover {
    background-color: transparent;
    border: none
}

.article section.article-container .w__block__collection.type-big-slider .w_collection_items::after, .article section.article-container .w__block__collection.type-big-slider .w_collection_items::before, .article section.article-container .w__block__collection.type-slider .w_collection_items::after, .article section.article-container .w__block__collection.type-slider .w_collection_items::before {
    content: "";
    display: none
}

.article section.article-container .w__block__collection.type-big-slider .w_collection_items a.card, .article section.article-container .w__block__collection.type-slider .w_collection_items a.card {
    height: auto
}

.article section.article-container .w__block__collection.type-big-slider .w_collection_items a.card .play-icon, .article section.article-container .w__block__collection.type-slider .w_collection_items a.card .play-icon {
    bottom: auto;
    top: 160px
}

.article section.article-container .w__block__collection.type-big-slider .w_collection_items a.card .text, .article section.article-container .w__block__collection.type-slider .w_collection_items a.card .text {
    position: relative;
    background: 0 0;
    color: #000;
    min-height: initial
}

.article section.article-container .w__block__collection.type-big-slider .w_collection_items a.card .text .lead, .article section.article-container .w__block__collection.type-big-slider .w_collection_items a.card .text .title, .article section.article-container .w__block__collection.type-slider .w_collection_items a.card .text .lead, .article section.article-container .w__block__collection.type-slider .w_collection_items a.card .text .title {
    margin: 10px 84px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.article section.article-container .w__block__collection.type-big-slider .w_collection_items a.card:hover, .article section.article-container .w__block__collection.type-slider .w_collection_items a.card:hover {
    text-decoration: none
}

.article section.article-container .w__block__collection.type-big-slider .w_collection_items button.slick-arrow, .article section.article-container .w__block__collection.type-slider .w_collection_items button.slick-arrow {
    height: 365px;
    width: 60px
}

.article .background {
    width: 100%
}

.article .article-container {
    margin-bottom: 10px
}

.article .article-container .row {
    margin: 0
}

.article .article-container .w_content.wysiwyg-content {
    word-wrap: break-word
}

.article .article-container .w__block__video img {
    max-height: 360px
}

@media (min-width: 733px) {
    .article .w_content .w_row .w_block .w__block__collection.type-tiles {
        margin: 0 -12px
    }
}

.article .w_content .w_row .w_block .w__block__collection.type-tiles .w_collection_items {
    margin: 0;
    max-width: 100%
}

.article .w_content .w_row .w_block .w__block__collection.type-tiles a.itv-button {
    margin: 5px 12px 10px;
    max-width: calc(100% - 24px)
}

@media (max-width: 732px) {
    .article .w_content .w_row .w_block .w__block__collection.type-tiles a.itv-button {
        display: block;
        margin: 5px auto 10px;
        width: 312px;
        max-width: 312px
    }
}

.article .w_content .w_row .w_block .text-block h2 {
    margin: 15px 0;
    font-size: 26px;
    line-height: 30px
}

.article .w_content .w_row .w_block .text-block h3 {
    font-size: 18px;
    line-height: 23px
}

.article .w_content .w_row .w_block .text-block .bq1 {
    font-size: 26px;
    line-height: 30px
}

.article .w_content .w_row .w_block .text-block ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.article .w_content .w_row .w_block .text-block ul li::before {
    content: "—";
    display: inline-block;
    margin-right: 5px;
    margin-left: -1em
}

.article .w_content .w_row .w_block .text-block ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.article .w_content .w_row .w_block .text-block ol li {
    counter-increment: step-counter
}

.article .w_content .w_row .w_block .text-block ol li::before {
    content: counter(step-counter);
    display: inline-block;
    margin-right: 5px;
    margin-left: -1em
}

.article .w_content .w_row .w_block .w__block__illustration img {
    width: 100%;
    height: auto
}

.article .w_content .w_content .row, .article .w_content > .grid-12 .row, .article .w_content > .grid-8 .row {
    margin: 0
}

.article .w_content .w_content > .w_row, .article .w_content > .grid-12 > .w_row, .article .w_content > .grid-8 > .w_row {
    display: block
}

.article .w_content .w_content > .w_row > .w_block.c-1, .article .w_content > .grid-12 > .w_row > .w_block.c-1, .article .w_content > .grid-8 > .w_row > .w_block.c-1 {
    width: 60px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-1, .article .w_content > .grid-12 > .w_row > .w_block.o-1, .article .w_content > .grid-8 > .w_row > .w_block.o-1 {
    margin-left: 96px !important
}

.article .w_content .w_content > .w_row > .w_block.c-2, .article .w_content > .grid-12 > .w_row > .w_block.c-2, .article .w_content > .grid-8 > .w_row > .w_block.c-2 {
    width: 144px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-2, .article .w_content > .grid-12 > .w_row > .w_block.o-2, .article .w_content > .grid-8 > .w_row > .w_block.o-2 {
    margin-left: 180px !important
}

.article .w_content .w_content > .w_row > .w_block.c-3, .article .w_content > .grid-12 > .w_row > .w_block.c-3, .article .w_content > .grid-8 > .w_row > .w_block.c-3 {
    width: 228px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-3, .article .w_content > .grid-12 > .w_row > .w_block.o-3, .article .w_content > .grid-8 > .w_row > .w_block.o-3 {
    margin-left: 264px !important
}

.article .w_content .w_content > .w_row > .w_block.c-4, .article .w_content > .grid-12 > .w_row > .w_block.c-4, .article .w_content > .grid-8 > .w_row > .w_block.c-4 {
    width: 312px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-4, .article .w_content > .grid-12 > .w_row > .w_block.o-4, .article .w_content > .grid-8 > .w_row > .w_block.o-4 {
    margin-left: 348px !important
}

.article .w_content .w_content > .w_row > .w_block.c-5, .article .w_content > .grid-12 > .w_row > .w_block.c-5, .article .w_content > .grid-8 > .w_row > .w_block.c-5 {
    width: 396px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-5, .article .w_content > .grid-12 > .w_row > .w_block.o-5, .article .w_content > .grid-8 > .w_row > .w_block.o-5 {
    margin-left: 432px !important
}

.article .w_content .w_content > .w_row > .w_block.c-6, .article .w_content > .grid-12 > .w_row > .w_block.c-6, .article .w_content > .grid-8 > .w_row > .w_block.c-6 {
    width: 480px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-6, .article .w_content > .grid-12 > .w_row > .w_block.o-6, .article .w_content > .grid-8 > .w_row > .w_block.o-6 {
    margin-left: 516px !important
}

.article .w_content .w_content > .w_row > .w_block.c-7, .article .w_content > .grid-12 > .w_row > .w_block.c-7, .article .w_content > .grid-8 > .w_row > .w_block.c-7 {
    width: 564px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-7, .article .w_content > .grid-12 > .w_row > .w_block.o-7, .article .w_content > .grid-8 > .w_row > .w_block.o-7 {
    margin-left: 600px !important
}

.article .w_content .w_content > .w_row > .w_block.c-8, .article .w_content > .grid-12 > .w_row > .w_block.c-8, .article .w_content > .grid-8 > .w_row > .w_block.c-8 {
    width: 648px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-8, .article .w_content > .grid-12 > .w_row > .w_block.o-8, .article .w_content > .grid-8 > .w_row > .w_block.o-8 {
    margin-left: 684px !important
}

.article .w_content .w_content > .w_row > .w_block.c-9, .article .w_content > .grid-12 > .w_row > .w_block.c-9, .article .w_content > .grid-8 > .w_row > .w_block.c-9 {
    width: 732px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-9, .article .w_content > .grid-12 > .w_row > .w_block.o-9, .article .w_content > .grid-8 > .w_row > .w_block.o-9 {
    margin-left: 768px !important
}

.article .w_content .w_content > .w_row > .w_block.c-10, .article .w_content > .grid-12 > .w_row > .w_block.c-10, .article .w_content > .grid-8 > .w_row > .w_block.c-10 {
    width: 816px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-10, .article .w_content > .grid-12 > .w_row > .w_block.o-10, .article .w_content > .grid-8 > .w_row > .w_block.o-10 {
    margin-left: 852px !important
}

.article .w_content .w_content > .w_row > .w_block.c-11, .article .w_content > .grid-12 > .w_row > .w_block.c-11, .article .w_content > .grid-8 > .w_row > .w_block.c-11 {
    width: 900px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-11, .article .w_content > .grid-12 > .w_row > .w_block.o-11, .article .w_content > .grid-8 > .w_row > .w_block.o-11 {
    margin-left: 936px !important
}

.article .w_content .w_content > .w_row > .w_block.c-12, .article .w_content > .grid-12 > .w_row > .w_block.c-12, .article .w_content > .grid-8 > .w_row > .w_block.c-12 {
    width: 984px;
    margin: 0 12px
}

.article .w_content .w_content > .w_row > .w_block.o-12, .article .w_content > .grid-12 > .w_row > .w_block.o-12, .article .w_content > .grid-8 > .w_row > .w_block.o-12 {
    margin-left: 1020px !important
}

@media (min-width: 1600px) {
    .article .w_content .w__block__note {
        margin-top: 0 !important
    }
}

@media (max-width: 732px) {
    article.article section.article-container.article-wide > .row .col-md-12 .wysiwyg-content .w_block .w__block__collection.type-tiles {
        max-width: 100%;
        margin: 0 auto
    }

    .text-block > .w_block--with-incuts {
        display: flex;
        flex-direction: column
    }

    .text-block-incuts-wrapper {
        order: 99
    }

    article.article .article-container:not(.article-wide) .w__block__promo_position {
        margin: 20px -20px
    }

    article.article section.article-header .bg-image {
        height: auto;
        position: relative;
        margin-top: 0;
        background-image: none !important;
        background-color: transparent !important
    }

    article.article section.article-header .bg-image .name {
        position: relative
    }

    article.article section.article-header .bg-image .name .text {
        font-size: 28px;
        line-height: 33px;
        word-wrap: break-word;
        padding: 20px;
        background-color: transparent !important
    }

    article.article .article-illustration > span {
        margin-left: 20px;
        margin-right: 20px
    }

    article.article section.article-container .simple-header {
        font-size: 28px;
        line-height: 35px;
        padding: 20px 0
    }

    article.article section.article-container .article__illustration, article.article section.article-container .w__block__video, article.article section.article-container .w__block__video > .player-wrapper {
        position: relative
    }

    article.article section.article-container .article__illustration > .tv1player:not(.tv1-fullscreen), article.article section.article-container .w__block__video > .player-wrapper > .tv1player:not(.tv1-fullscreen), article.article section.article-container .w__block__video > .tv1player:not(.tv1-fullscreen) {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto
    }

    article.article section.article-container .article__illustration .splash_wrapper, article.article section.article-container .w__block__video .splash_wrapper, article.article section.article-container .w__block__video > .player-wrapper .splash_wrapper {
        position: absolute;
        height: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    article.article section.article-container .article__illustration > .player-wrapper, article.article section.article-container .w__block__video > .player-wrapper, article.article section.article-container .w__block__video > .player-wrapper > .player-wrapper {
        width: 100%
    }

    article.article section.article-container > .row > .col-md-4 {
        display: none !important
    }

    article.article section.article-container > .row .col-md-12, article.article section.article-container > .row .col-md-8 {
        width: 100%;
        padding: 0
    }

    article.article section.article-container > .row .col-md-12 .col-md-6, article.article section.article-container > .row .col-md-8 .col-md-6 {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important
    }

    article.article section.article-container > .row .col-md-12 .col-md-6 .tag-container, article.article section.article-container > .row .col-md-8 .col-md-6 .tag-container {
        padding: 0 20px
    }

    article.article section.article-container > .row .col-md-12 .col-md-6 .article-lead, article.article section.article-container > .row .col-md-12 .col-md-6 .stats, article.article section.article-container > .row .col-md-8 .col-md-6 .article-lead, article.article section.article-container > .row .col-md-8 .col-md-6 .stats {
        padding: 0 20px
    }

    article.article section.article-container > .row .col-md-12 .small-social-buttons, article.article section.article-container > .row .col-md-8 .small-social-buttons {
        margin-left: 0 !important
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block, article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_row, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_row {
        width: 100% !important;
        margin: 0 !important
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block {
        padding: 0 20px
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .text-face, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .text-face {
        margin-top: 20px !important
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .text-quote, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .text-quote {
        margin: 20px 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .text-quote.align-horizontal, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .text-quote.align-horizontal {
        text-align: center
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .text-quote.align-horizontal span.img, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .text-quote.align-horizontal span.img {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .text-quote.align-horizontal span.img:not(:empty), article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .text-quote.align-horizontal span.img:not(:empty) {
        margin-bottom: 10px
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .text-incut, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .text-incut {
        margin: 20px 0 !important;
        padding-bottom: 10px !important;
        padding-left: 10px !important
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .text-incut .img, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .text-incut .img {
        margin-left: 0 !important
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block ol, article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block ul, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block ol, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block ul {
        margin-left: 20px
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block a.button, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block a.button {
        height: auto;
        line-height: 25px;
        padding: 5px 10px
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__collection.type-tiles, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__collection.type-tiles {
        margin: 0 -16px
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__collection.type-tiles .w_collection_items, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__collection.type-tiles .w_collection_items {
        margin: 0 auto;
        max-width: 100%
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__collection.type-tiles .w_collection_items a.card .text::after, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__collection.type-tiles .w_collection_items a.card .text::after {
        display: none
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__photo_gallery, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__photo_gallery {
        width: calc(100% + 24px);
        margin-left: -12px;
        margin-right: -12px;
        padding: 0;
        padding-bottom: 15px
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__illustration, article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__video, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__illustration, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__video {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        padding: 0;
        border: none
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__illustration .w_illustration_copyright, article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__illustration .w_illustration_title, article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__video .w_illustration_copyright, article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__video .w_illustration_title, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__illustration .w_illustration_copyright, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__illustration .w_illustration_title, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__video .w_illustration_copyright, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__video .w_illustration_title {
        margin-left: 20px;
        margin-right: 20px
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__illustration .w_video_title, article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__video .w_video_title, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__illustration .w_video_title, article.article section.article-container > .row .col-md-8 .wysiwyg-content .w_block .w__block__video .w_video_title {
        width: 100%;
        margin: 0;
        padding: 10px 20px;
        background-color: #000;
        color: #fff
    }

    article.article section.article-container > .row .col-md-12 .wysiwyg-content .w_block .w__block__photo_gallery {
        width: calc(100% - 16px);
        margin-left: 8px;
        margin-right: 8px
    }
}

@media (min-width: 1600px) {
    .article .article-wide .col-md-12 {
        width: 100%
    }

    .article .article-wide .w_content .w_row .w_block.c-10 {
        width: 1152px
    }
}

.article .article-wide.article-header .row {
    margin: 0
}

.article .article-wide.article-header .stats {
    margin-bottom: 20px
}

.article .article-wide.article-header .stats .date {
    margin-top: 25px;
    font-size: 13px;
    color: #a3b0b9
}

.article .article-wide.article-header .stats .date::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background-image: url("")
}

.article .article-wide.article-header .note-calendar {
    margin-top: 0;
    margin-bottom: 20px
}

.article .article-wide.article-header h2.title {
    margin-top: -5px;
    margin-bottom: 20px;
    padding: 0 20px 0 0;
    font-size: 38px;
    line-height: 40px;
    font-weight: 700
}

.article .article-wide.article-header .article-illustration {
    margin-bottom: 30px
}

.article .article-wide.article-header .article-illustration .stream_illustration div[data-type=player] {
    width: 100%;
    z-index: 100;
    position: relative
}

.article .article-wide.article-header .article-illustration .video_illustration {
    width: 100%;
    position: relative
}

.article .article-wide.article-header .article-illustration .video_illustration::before {
    content: "";
    display: block
}

.article .article-wide.article-header .article-illustration .video_illustration + span {
    display: none
}

.article .article-wide.article-header .side-promo-place-right {
    margin-top: -5px
}

.article .article-wide.article-header .article-lead {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px
}

.article .article-wide.article-header .article-intro .row {
    margin: 0
}

.article .article-wide.article-container .w__block__video .player-wrapper, .article .article-wide.article-container .w__block__video .splash_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.article .article-wide.article-container .w__block__video::before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.article .article-wide.article-container .w__block__video img {
    max-height: 100%
}

.article .article-wide.article-container .w_content {
    width: 100%
}

.article .article-wide.article-container .w_content .w__block__illustration {
    margin: 10px 0;
    padding: 0;
    border: none
}

.article .article-wide.article-container .w_content .w_illustration_title {
    margin-left: 84px;
    margin-right: 84px;
    padding-bottom: 0
}

.article .article-wide.article-container .w_content .w_illustration_title:empty {
    display: none
}

.article .article-wide.article-container .w_content .photo_gallery_description .photo-description p {
    margin: 0
}

.article .article-wide.article-container .w_content .w__block__note {
    margin-top: 15px
}

@media (min-width: 733px) and (max-width: 1599px) {
    .article .article-wide.article-container .w_content .w__block__note {
        margin-top: 0
    }
}

@media (min-width: 1600px) {
    .article .article-wide.article-container .w_content .w__block__note {
        margin-top: 0
    }
}

.article .article-wide.article-container .w_content .half h2, .article .article-wide.article-container .w_content .half h3:first-child, .article .article-wide.article-container .w_content .half p:first-child {
    margin-top: 0
}

.article .article-wide.article-container .w_content .half.text-block {
    margin-top: 4px
}

.article .article-wide.article-container .w_content .text-block a.text-face, .article .article-wide.article-container .w_content .text-block span.text-face {
    display: block;
    margin: 20px auto 15px !important;
    float: none !important;
    left: 0;
    right: 0
}

@media (max-width: 732px) {
    .article .article-wide.article-header h2.title {
        font-size: 28px;
        line-height: 33px;
        word-wrap: break-word
    }

    .article .article-wide.article-header .col-md-1 {
        padding: 0 20px
    }

    .article .article-wide.article-header .col-md-10 {
        padding: 0
    }

    .article .article-wide.article-header .col-md-10 h2.title {
        padding: 0 20px
    }

    .article .article-wide .col-md-offset-1 {
        margin-left: 0 !important
    }

    .article .article-wide .promo {
        position: relative;
        padding: 0
    }

    .article .article-wide.article-container .w__block__illustration {
        width: 100% !important;
        margin: 10px 0 !important;
        padding-right: 0 !important
    }

    .article .article-wide.article-container .small-social-buttons {
        margin-top: 30px !important
    }

    .article .article-wide.article-container .w__block__video {
        margin-bottom: 20px !important
    }

    .article .article-wide.article-container .w_video_title {
        padding: 10px 40px !important
    }

    .article .article-wide.article-container .col-md-offset-1 {
        margin: 0 !important
    }

    .article .article-wide.article-container .w_block, .article .article-wide.article-container div[class*=col-] {
        padding: 0 !important
    }

    .article .article-wide.article-container .tag-container {
        padding: 0 20px
    }

    .article .article-wide.article-container .promo {
        display: none
    }

    .article .article-wide.article-container .text-block {
        padding: 0 20px
    }

    .article .article-wide.article-container .w__block__note {
        margin: 0 20px
    }

    .article .article-wide.article-container .w_content .text-incut .title, .article .article-wide.article-container .w_content .text-quote .title {
        margin-top: 20px;
        padding: 0
    }

    .article .article-wide.article-container .w_content .text-incut .lead, .article .article-wide.article-container .w_content .text-quote .lead {
        padding: 0
    }

    .article .article-wide.article-container .w_content .text-incut span.img, .article .article-wide.article-container .w_content .text-quote span.img {
        margin-top: 20px;
        float: none !important
    }

    .article .article-wide.article-container .w_content .text-quote {
        text-align: center
    }

    .article .article-wide.article-container .w_content .text-quote span.img {
        margin: 0 auto
    }

    .article .article-wide.article-container .w_content .w__block__video {
        width: 100% !important;
        margin: 0 !important
    }

    .article .article-wide.article-container .w_content .text-block.half {
        width: 100%;
        padding: 0 20px
    }
}

.article-wide .w__block__collection .itv-button {
    margin-left: 12px;
    margin-right: 12px
}

@media (max-width: 732px) {
    .see_also_collection {
        margin: 0 -20px
    }

    .article-wide .w__block__collection .itv-button {
        margin: 0 auto !important
    }

    .itv-news-single .w_content .w_block.c-6, .itv-news-single .w_content .w_block.c-8 {
        overflow: visible
    }
}

@media (min-width: 733px) {
    .article-narrow .w_row.w_row {
        width: 100% !important
    }
}

@media (min-width: 733px) and (max-width: 1599px) {
    .article-wide .w__block__collection .itv-button {
        max-width: calc(100% - 24px)
    }
}

.itv-article-narrow-header .article-illustration {
    width: 984px
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

article .text {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0
}

article .text p {
    margin: 0;
    padding: 5px 0;
    text-decoration: none
}

article .text p:first-of-type {
    padding-top: 0
}

article .text p:last-child {
    padding-bottom: 0
}

article .text h2 {
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    line-height: 30px;
    margin: 10px 0 15px;
    padding: 0
}

article .text h3 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 20px;
    margin: 10px 0 10px 0;
    padding: 0
}

article .text h4 {
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    line-height: 17px;
    margin: 10px 0 5px;
    padding: 0
}

article .text blockquote {
    margin: 10px 0
}

article .text blockquote p {
    color: inherit
}

article .text blockquote.q1 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal
}

article .text blockquote.q2 {
    font-size: 14px;
    font-style: normal;
    line-height: 17px;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-weight: 700
}

article .text blockquote.q3 {
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    line-height: 17px
}

article .text b {
    font-weight: 700
}

article .text i {
    font-style: italic
}

article .text ul {
    padding: 0;
    list-style: none
}

article .text ul li::before {
    content: "— ";
    margin-left: -1em
}

article .text ul li b::before {
    content: "— ";
    font-weight: 700;
    margin-left: -1.1em
}

article .text ol {
    padding: 0;
    list-style: decimal inside;
    margin-left: -1em
}

article .text hr {
    margin: 20px 0;
    padding: 0;
    border: 1px;
    border-style: solid
}

article .text .big {
    font-size: 24px
}

article section.inset {
    margin-top: 7px;
    padding: 20px !important;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    overflow: hidden;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    margin-bottom: 20px;
    margin-right: -84px;
    float: right;
    clear: right
}

article section.inset img {
    max-width: 100%;
    max-height: 120px
}

article section.inset .name {
    margin-top: 20px;
    text-align: left;
    color: #0757a8;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px
}

article section.inset .lead {
    margin-bottom: 0;
    margin-top: 10px;
    text-align: left;
    font-size: 14px;
    color: #747e8d;
    line-height: 20px
}

article section.inset.face .name {
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    line-height: 15px;
    color: #000
}

article section.inset.face .name::after {
    content: ","
}

article section.inset.face .lead {
    line-height: 15px;
    text-align: center;
    font-size: 14px;
    color: #96a0a8;
    margin: 0
}

article section.inset.face .text {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #0757a8;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px
}

article section.inset.face img {
    border-radius: 50%;
    width: auto;
    height: auto
}

article .description {
    margin: 10px 0 10px 0;
    font-size: 16px
}

article .description.text {
    margin-left: 5px
}

.video-page .video img {
    width: 100%;
    height: auto
}

.video-page .video header {
    text-transform: uppercase
}

.video-page .video video {
    width: 100%
}

.frame {
    padding: 3px;
    border: 1px solid #96a0a8
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

a, button {
    cursor: pointer
}

a:focus, button:focus {
    outline: 0
}

.button, button.loadable {
    text-decoration: none
}

.itv-button {
    display: block;
    margin: 10px 0;
    padding: 8px 5px;
    min-height: 40px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    border-radius: 2px;
    transition: color .2s, background-color .2s, border-color .2s, fill .2s;
    background-color: transparent;
    color: #0757a8;
    border-width: 2px;
    border-style: solid;
    border-color: #0757a8
}

.itv-button:focus {
    outline: 0
}

.itv-button .itv-button__icon {
    fill: #0757a8
}

.itv-button:hover {
    text-decoration: none;
    border-color: #348bcd;
    background-color: transparent;
    color: #348bcd
}

.itv-button:hover .itv-button__icon {
    fill: #348bcd
}

.itv-button.active, .itv-button:active {
    text-decoration: none;
    border-color: #01478d;
    background-color: transparent;
    color: #01478d
}

.itv-button.active .itv-button__icon, .itv-button:active .itv-button__icon {
    fill: #01478d
}

.itv-button--margin {
    margin-left: 12px;
    margin-right: 12px
}

.itv-button--solid {
    border-color: #0757a8;
    background-color: #0757a8;
    color: #fff
}

.itv-button--solid .itv-button__icon {
    fill: #fff
}

.itv-button--solid:hover {
    border-color: #348bcd;
    background-color: #348bcd;
    color: #fff
}

.itv-button--solid:hover .itv-button__icon {
    fill: #fff
}

.itv-button--solid.active, .itv-button--solid:active {
    border-color: #01478d;
    background-color: #01478d;
    color: #fff
}

.itv-button--solid.active .itv-button__icon, .itv-button--solid:active .itv-button__icon {
    fill: #fff
}

.itv-button--loader.loading {
    font-size: 0;
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat
}

.itv-button--no-margin {
    margin-left: 0;
    margin-right: 0
}

@media (max-width: 732px) {
    .itv-button--no-margin {
        max-width: 312px;
        margin-left: auto;
        margin-right: auto
    }
}

.itv-button--wide {
    width: 100%
}

.itv-button--thin-border {
    border-width: 1px
}

.itv-button__icon {
    width: 19px;
    height: 19px;
    margin-bottom: -3px;
    margin-right: 5px
}

@media (max-width: 732px) {
    .itv-button--loader {
        max-width: 312px;
        margin: 0 auto
    }
}

.itv-button--invert-colors, .itv-invert-button-colors .itv-button {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.itv-button--invert-colors .itv-button__icon, .itv-invert-button-colors .itv-button .itv-button__icon {
    fill: #fff
}

.itv-button--invert-colors:hover, .itv-invert-button-colors .itv-button:hover {
    background-color: transparent;
    color: #c0c9d4;
    border: 1px solid #c0c9d4
}

.itv-button--invert-colors:hover .itv-button__icon, .itv-invert-button-colors .itv-button:hover .itv-button__icon {
    fill: c0c9d4
}

.itv-button--invert-colors.active, .itv-button--invert-colors:active, .itv-invert-button-colors .itv-button.active, .itv-invert-button-colors .itv-button:active {
    text-decoration: none;
    border-color: #dae0e7;
    background-color: transparent;
    color: #dae0e7
}

.itv-button--invert-colors.active .itv-button__icon, .itv-button--invert-colors:active .itv-button__icon, .itv-invert-button-colors .itv-button.active .itv-button__icon, .itv-invert-button-colors .itv-button:active .itv-button__icon {
    fill: #dae0e7
}

.itv-button--invert-colors--solid, .itv-invert-button-colors .itv-button--solid {
    border-color: #fff;
    background-color: #fff;
    color: #0757a8
}

.itv-button--invert-colors--solid .itv-button__icon, .itv-invert-button-colors .itv-button--solid .itv-button__icon {
    fill: #0757a8
}

.itv-button--invert-colors--solid:hover, .itv-invert-button-colors .itv-button--solid:hover {
    border-color: #fff;
    background-color: #fff;
    color: #348bcd
}

.itv-button--invert-colors--solid:hover .itv-button__icon, .itv-invert-button-colors .itv-button--solid:hover .itv-button__icon {
    fill: #348bcd
}

.itv-button--invert-colors--solid.active, .itv-button--invert-colors--solid:active, .itv-invert-button-colors .itv-button--solid.active, .itv-invert-button-colors .itv-button--solid:active {
    border-color: #fff;
    background-color: #fff;
    color: #01478d
}

.itv-button--invert-colors--solid.active .itv-button__icon, .itv-button--invert-colors--solid:active .itv-button__icon, .itv-invert-button-colors .itv-button--solid.active .itv-button__icon, .itv-invert-button-colors .itv-button--solid:active .itv-button__icon {
    fill: #01478d
}

span.icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
    margin: 0 5px;
    margin-top: -5px
}

span.icon.icon-button-play {
    background-image: url("")
}

span.icon.icon-button-announcement-play {
    background-image: url("")
}

span.icon.icon-button-more {
    background-image: url("")
}

.button {
    display: inline-block;
    margin: 10px 0;
    padding: 8px 10px;
    width: 100%;
    min-height: 40px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #05519d;
    text-decoration: none;
    text-align: center;
    border: 1px solid #05519d;
    border-radius: 2px;
    cursor: pointer;
    transition: all .2s
}

.button.white {
    background-color: #fff;
    color: #05519d;
    border: 1px solid #fff
}

.button.white:hover {
    color: #348bcd;
    background-color: #fff;
    border-color: #fff
}

.button.white:active {
    background-color: #fff;
    color: #01478d
}

.button.white span.icon.icon-button-more {
    background-image: url("")
}

.button.white:active span.icon.icon-button-more, .button.white:hover span.icon.icon-button-more {
    background-image: url("")
}

.button.white.with-border {
    border: 1px solid #05519d
}

.button.white.with-border:hover {
    border-color: #348bcd
}

.scroll-top {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    transform: translateZ(0);
    background-image: url("");
    background-color: rgba(255, 255, 255, .8);
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    border: 2px solid #a2aeba;
    opacity: .8;
    transition: all .2s linear;
    z-index: 10
}

.scroll-top:hover {
    background-color: #fff;
    opacity: 1
}

.button {
    color: #fff;
    font-weight: 700;
    background-color: #05519d
}

.button:hover {
    background-color: #348bcd
}

.button:active {
    background-color: #01478d
}

.button.disabled {
    opacity: .8
}

.button.transparent {
    background-color: transparent;
    overflow: hidden;
    color: #05519d;
    border: 2px solid #05519d;
    background-repeat: no-repeat !important;
    background-position: center -100px !important;
    background-image: url("") !important
}

.button.transparent:hover {
    color: #348bcd;
    border-color: #348bcd
}

.button.transparent:active {
    color: #01478d;
    border-color: #01478d
}

.button.transparent.loading {
    font-size: 0;
    background-position: center center !important;
    pointer-events: none;
    height: 46px
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

:not(.col-*) {
    box-sizing: border-box
}

main {
    margin: 0 auto
}

.fullwidth {
    margin: 0 -20px 0 -20px
}

.content-width {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 320px) {
    .content-width {
        max-width: 984px
    }
}

@media (min-width: 1600px) {
    .content-width-wide {
        max-width: 1360px
    }
}

.container {
    width: 100%
}

@media (min-width: 320px) {
    .container {
        width: 984px
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1320px
    }
}

.row {
    display: block;
    margin: 0 -12px 0 -12px
}

.row-eq-height {
    display: flex
}

.row::before {
    content: " ";
    display: table;
    width: 0;
    box-sizing: border-box
}

.row::after {
    content: " ";
    clear: both;
    display: table;
    box-sizing: border-box
}

.row > div[class^=col-md-] {
    float: left;
    max-width: 100%
}

article[class*=col-], div[class*=col-], section[class*=" col-"] {
    box-sizing: content-box !important
}

@media (min-width: 320px) {
    body > .container {
        width: 100%
    }

    .content .col-md-1, main .col-md-1 {
        width: 60px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-1:first-of-type, main .col-md-1:first-of-type {
        padding-left: 0
    }

    .content .col-md-1:last-of-type, main .col-md-1:last-of-type {
        padding-right: 0
    }

    .row > .col-md-1 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-1 {
        margin-left: 84px !important
    }

    .itv-w-1 {
        width: 60px
    }

    .content .col-md-2, main .col-md-2 {
        width: 144px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-2:first-of-type, main .col-md-2:first-of-type {
        padding-left: 0
    }

    .content .col-md-2:last-of-type, main .col-md-2:last-of-type {
        padding-right: 0
    }

    .row > .col-md-2 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-2 {
        margin-left: 168px !important
    }

    .itv-w-2 {
        width: 144px
    }

    .content .col-md-3, main .col-md-3 {
        width: 228px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-3:first-of-type, main .col-md-3:first-of-type {
        padding-left: 0
    }

    .content .col-md-3:last-of-type, main .col-md-3:last-of-type {
        padding-right: 0
    }

    .row > .col-md-3 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-3 {
        margin-left: 252px !important
    }

    .itv-w-3 {
        width: 228px
    }

    .content .col-md-4, main .col-md-4 {
        width: 312px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-4:first-of-type, main .col-md-4:first-of-type {
        padding-left: 0
    }

    .content .col-md-4:last-of-type, main .col-md-4:last-of-type {
        padding-right: 0
    }

    .row > .col-md-4 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-4 {
        margin-left: 336px !important
    }

    .itv-w-4 {
        width: 312px
    }

    .content .col-md-5, main .col-md-5 {
        width: 396px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-5:first-of-type, main .col-md-5:first-of-type {
        padding-left: 0
    }

    .content .col-md-5:last-of-type, main .col-md-5:last-of-type {
        padding-right: 0
    }

    .row > .col-md-5 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-5 {
        margin-left: 420px !important
    }

    .itv-w-5 {
        width: 396px
    }

    .content .col-md-6, main .col-md-6 {
        width: 480px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-6:first-of-type, main .col-md-6:first-of-type {
        padding-left: 0
    }

    .content .col-md-6:last-of-type, main .col-md-6:last-of-type {
        padding-right: 0
    }

    .row > .col-md-6 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-6 {
        margin-left: 504px !important
    }

    .itv-w-6 {
        width: 480px
    }

    .content .col-md-7, main .col-md-7 {
        width: 564px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-7:first-of-type, main .col-md-7:first-of-type {
        padding-left: 0
    }

    .content .col-md-7:last-of-type, main .col-md-7:last-of-type {
        padding-right: 0
    }

    .row > .col-md-7 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-7 {
        margin-left: 588px !important
    }

    .itv-w-7 {
        width: 564px
    }

    .content .col-md-8, main .col-md-8 {
        width: 648px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-8:first-of-type, main .col-md-8:first-of-type {
        padding-left: 0
    }

    .content .col-md-8:last-of-type, main .col-md-8:last-of-type {
        padding-right: 0
    }

    .row > .col-md-8 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-8 {
        margin-left: 672px !important
    }

    .itv-w-8 {
        width: 648px
    }

    .content .col-md-9, main .col-md-9 {
        width: 732px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-9:first-of-type, main .col-md-9:first-of-type {
        padding-left: 0
    }

    .content .col-md-9:last-of-type, main .col-md-9:last-of-type {
        padding-right: 0
    }

    .row > .col-md-9 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-9 {
        margin-left: 756px !important
    }

    .itv-w-9 {
        width: 732px
    }

    .content .col-md-10, main .col-md-10 {
        width: 816px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-10:first-of-type, main .col-md-10:first-of-type {
        padding-left: 0
    }

    .content .col-md-10:last-of-type, main .col-md-10:last-of-type {
        padding-right: 0
    }

    .row > .col-md-10 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-10 {
        margin-left: 840px !important
    }

    .itv-w-10 {
        width: 816px
    }

    .content .col-md-11, main .col-md-11 {
        width: 900px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-11:first-of-type, main .col-md-11:first-of-type {
        padding-left: 0
    }

    .content .col-md-11:last-of-type, main .col-md-11:last-of-type {
        padding-right: 0
    }

    .row > .col-md-11 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-11 {
        margin-left: 924px !important
    }

    .itv-w-11 {
        width: 900px
    }

    .content .col-md-12, main .col-md-12 {
        width: 984px;
        padding: 0 12px 0 12px;
        float: none
    }

    .content .col-md-12:first-of-type, main .col-md-12:first-of-type {
        padding-left: 0
    }

    .content .col-md-12:last-of-type, main .col-md-12:last-of-type {
        padding-right: 0
    }

    .row > .col-md-12 {
        padding: 0 12px 0 12px
    }

    .col-md-offset-12 {
        margin-left: 1008px !important
    }

    .itv-w-12 {
        width: 984px
    }
}

.w_content .w_row {
    width: 984px;
    max-width: 100%
}

@media (min-width: 1600px) {
    .w_content .w_row {
        width: auto
    }
}

.w_content.big-slider {
    width: 100% !important
}

.w_content > .w_block:first-child {
    margin-left: 0
}

.w_content .w_block .text-block p {
    margin: 0 0 20px 0
}

.w_content .w_block .text-block p a:not(.button,.itv-button,.text-face,.text-quote,.text-incut) {
    text-decoration: underline
}

.w_content .w_block .w__block__note {
    margin-top: 25px;
    margin-bottom: 10px
}

@media (max-width: 732px) {
    .w_content .w_block .w__block__note {
        margin-bottom: 0
    }
}

@media (min-width: 733px) and (max-width: 1599px) {
    .w_content .w_block .w__block__note {
        margin-top: 0
    }
}

.w_content .w_block.c-1 {
    width: 60px;
    margin: 0 12px
}

.w_content .w_block.c-2 {
    width: 144px;
    margin: 0 12px
}

.w_content .w_block.c-3 {
    width: 228px;
    margin: 0 12px
}

.w_content .w_block.c-4 {
    width: 312px;
    margin: 0 12px
}

.w_content .w_block.c-5 {
    width: 396px;
    margin: 0 12px
}

.w_content .w_block.c-6 {
    width: 480px;
    margin: 0 12px
}

.w_content .w_block.c-7 {
    width: 564px;
    margin: 0 12px
}

.w_content .w_block.c-8 {
    width: 648px;
    margin: 0 12px
}

.w_content .w_block.c-9 {
    width: 732px;
    margin: 0 12px
}

.w_content .w_block.c-10 {
    width: 816px;
    margin: 0 12px
}

.w_content .w_block.c-11 {
    width: 900px;
    margin: 0 12px
}

.w_content .w_block.c-12 {
    width: 984px;
    margin: 0 12px
}

.w_content .w_block.o-1 {
    margin-left: 96px
}

.w_content .w_block.o-2 {
    margin-left: 180px
}

.w_content .w_block.o-3 {
    margin-left: 264px
}

.w_content .w_block.o-4 {
    margin-left: 348px
}

.w_content .w_block.o-5 {
    margin-left: 432px
}

.w_content .w_block.o-6 {
    margin-left: 516px
}

.w_content .w_block.o-7 {
    margin-left: 600px
}

.w_content .w_block.o-8 {
    margin-left: 684px
}

.w_content .w_block.o-9 {
    margin-left: 768px
}

.w_content .w_block.o-10 {
    margin-left: 852px
}

.w_content .w_block.o-11 {
    margin-left: 936px
}

.w_content .w_block.o-12 {
    margin-left: 1020px
}

.itv-flex-spacer {
    flex: 1 1 auto
}

.itv-clearfix::after {
    content: "";
    display: block;
    clear: both
}

.itv-container {
    width: 100%;
    margin: 0 auto
}

@media (min-width: 733px) {
    .itv-container {
        width: 100%
    }
}

@media (min-width: 1600px) {
    .itv-container {
        width: 1360px
    }
}

.itv-container--relative {
    position: relative
}

.itv-content-width {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative
}

@media (min-width: 733px) {
    .itv-content-width {
        width: 100%
    }

    .itv-content-width--padded {
        padding-left: 20px;
        padding-right: 20px
    }

    .itv-content-width--static {
        position: static
    }
}

@media (min-width: 1600px) {
    .itv-content-width {
        width: 1360px
    }
}

.itv-row {
    width: auto;
    margin: 0 20px
}

@media (min-width: 733px) {
    .itv-row {
        margin: 0 8px
    }
}

.itv-row::after {
    display: block;
    content: "";
    clear: both
}

.itv-row--flex {
    display: flex;
    flex-wrap: wrap
}

.itv-row-flex {
    display: flex
}

.itv-row-flex--center {
    justify-content: center
}

.itv-row-flex.itv-row-flex--wrap {
    flex-wrap: wrap
}

.itv-row-flex [class*=itv-col-] {
    float: none
}

.itv-col-wrap {
    margin: 0 8px
}

.itv-col-wrap::after {
    content: "";
    display: block;
    clear: both
}

.itv-colwrap {
    margin: 0
}

.itv-colwrap::after {
    content: "";
    display: block;
    clear: both
}

@media (min-width: 733px) {
    .itv-col-wrap {
        margin: 0 -12px
    }

    .itv-colwrap {
        margin: 0 -12px
    }
}

.itv-col-1 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-2 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-3 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-4 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-5 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-6 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-7 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-8 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-9 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-10 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-11 {
    min-height: 1px;
    width: 100%;
    float: left
}

.itv-col-12 {
    min-height: 1px;
    width: 100%;
    float: left
}

@media (max-width: 732px) {
    .itv-col-s-wide {
        margin: 0 -20px;
        width: calc(100% + 40px)
    }
}

@media (min-width: 733px) {
    .itv-col-1 {
        margin: 0 12px;
        width: 60px
    }

    .itv-col-2 {
        margin: 0 12px;
        width: 144px
    }

    .itv-col-3 {
        margin: 0 12px;
        width: 228px
    }

    .itv-col-4 {
        margin: 0 12px;
        width: 312px
    }

    .itv-col-5 {
        margin: 0 12px;
        width: 396px
    }

    .itv-col-6 {
        margin: 0 12px;
        width: 480px
    }

    .itv-col-7 {
        margin: 0 12px;
        width: 564px
    }

    .itv-col-8 {
        margin: 0 12px;
        width: 648px
    }

    .itv-col-9 {
        margin: 0 12px;
        width: 732px
    }

    .itv-col-10 {
        margin: 0 12px;
        width: 816px
    }

    .itv-col-11 {
        margin: 0 12px;
        width: 900px
    }

    .itv-col-12 {
        margin: 0 12px;
        width: 984px
    }

    .itv-col-offset-1 {
        margin-left: 96px
    }

    .itv-col-offset-right-1 {
        margin-right: 96px
    }

    .itv-col-offset-2 {
        margin-left: 180px
    }

    .itv-col-offset-right-2 {
        margin-right: 180px
    }

    .itv-col-offset-3 {
        margin-left: 264px
    }

    .itv-col-offset-right-3 {
        margin-right: 264px
    }

    .itv-col-offset-4 {
        margin-left: 348px
    }

    .itv-col-offset-right-4 {
        margin-right: 348px
    }

    .itv-col-offset-5 {
        margin-left: 432px
    }

    .itv-col-offset-right-5 {
        margin-right: 432px
    }

    .itv-col-offset-6 {
        margin-left: 516px
    }

    .itv-col-offset-right-6 {
        margin-right: 516px
    }

    .itv-col-offset-7 {
        margin-left: 600px
    }

    .itv-col-offset-right-7 {
        margin-right: 600px
    }

    .itv-col-offset-8 {
        margin-left: 684px
    }

    .itv-col-offset-right-8 {
        margin-right: 684px
    }

    .itv-col-offset-9 {
        margin-left: 768px
    }

    .itv-col-offset-right-9 {
        margin-right: 768px
    }

    .itv-col-offset-10 {
        margin-left: 852px
    }

    .itv-col-offset-right-10 {
        margin-right: 852px
    }

    .itv-col-offset-11 {
        margin-left: 936px
    }

    .itv-col-offset-right-11 {
        margin-right: 936px
    }

    .itv-col-offset-12 {
        margin-left: 1020px
    }

    .itv-col-offset-right-12 {
        margin-right: 1020px
    }
}

@media (min-width: 1600px) {
    .itv-col-hd-1 {
        width: 60px
    }

    .itv-col-hd-2 {
        width: 144px
    }

    .itv-col-hd-3 {
        width: 228px
    }

    .itv-col-hd-4 {
        width: 312px
    }

    .itv-col-hd-5 {
        width: 396px
    }

    .itv-col-hd-6 {
        width: 480px
    }

    .itv-col-hd-7 {
        width: 564px
    }

    .itv-col-hd-8 {
        width: 648px
    }

    .itv-col-hd-9 {
        width: 732px
    }

    .itv-col-hd-10 {
        width: 816px
    }

    .itv-col-hd-11 {
        width: 900px
    }

    .itv-col-hd-12 {
        width: 984px
    }

    .itv-col-hd-13 {
        width: 1068px
    }

    .itv-col-hd-14 {
        width: 1152px
    }

    .itv-col-hd-15 {
        width: 1236px
    }

    .itv-col-hd-16 {
        width: 1320px
    }

    .itv-col-hd-offset-1 {
        margin-left: 96px
    }

    .itv-col-hd-offset-right-1 {
        margin-right: 96px
    }

    .itv-col-hd-offset-2 {
        margin-left: 180px
    }

    .itv-col-hd-offset-right-2 {
        margin-right: 180px
    }

    .itv-col-hd-offset-3 {
        margin-left: 264px
    }

    .itv-col-hd-offset-right-3 {
        margin-right: 264px
    }

    .itv-col-hd-offset-4 {
        margin-left: 348px
    }

    .itv-col-hd-offset-right-4 {
        margin-right: 348px
    }

    .itv-col-hd-offset-5 {
        margin-left: 432px
    }

    .itv-col-hd-offset-right-5 {
        margin-right: 432px
    }

    .itv-col-hd-offset-6 {
        margin-left: 516px
    }

    .itv-col-hd-offset-right-6 {
        margin-right: 516px
    }

    .itv-col-hd-offset-7 {
        margin-left: 600px
    }

    .itv-col-hd-offset-right-7 {
        margin-right: 600px
    }

    .itv-col-hd-offset-8 {
        margin-left: 684px
    }

    .itv-col-hd-offset-right-8 {
        margin-right: 684px
    }

    .itv-col-hd-offset-9 {
        margin-left: 768px
    }

    .itv-col-hd-offset-right-9 {
        margin-right: 768px
    }

    .itv-col-hd-offset-10 {
        margin-left: 852px
    }

    .itv-col-hd-offset-right-10 {
        margin-right: 852px
    }

    .itv-col-hd-offset-11 {
        margin-left: 936px
    }

    .itv-col-hd-offset-right-11 {
        margin-right: 936px
    }

    .itv-col-hd-offset-12 {
        margin-left: 1020px
    }

    .itv-col-hd-offset-right-12 {
        margin-right: 1020px
    }
}

.widget-date {
    margin-top: 10px;
    height: 70px;
    color: #fff;
    background: url("");
    background-size: cover;
    text-align: center;
    line-height: 17px
}

.widget-date .date {
    font-size: 16px;
    padding-top: 12px;
    text-transform: capitalize
}

.widget-date .month {
    font-size: 10px;
    text-transform: uppercase
}

.widget-date .month::after {
    display: block;
    content: "";
    margin-left: auto;
    margin-right: auto;
    width: 42px;
    height: 2px;
    background-color: #fff;
    margin-bottom: 2px
}

.widget-date .time {
    font-size: 14px
}

.widget-remind {
    margin-top: 10px
}

.widget-remind a {
    font-family: Arial, serif;
    font-size: 9px;
    letter-spacing: 0;
    text-decoration: none;
    color: #000;
    display: block;
    border: 1px solid #000;
    border-radius: 1px;
    padding: 5px;
    text-align: center
}

section.date-range-widget {
    margin: 0 auto;
    width: 312px;
    font-weight: 700
}

section.date-range-widget.searching::before {
    content: "";
    display: block;
    position: absolute;
    width: 312px;
    background: url("") no-repeat center center
}

section.date-range-widget.searching button, section.date-range-widget.searching div {
    opacity: .5;
    pointer-events: none
}

section.date-range-widget .preset {
    opacity: .8
}

section.date-range-widget .preset.active, section.date-range-widget .preset:hover {
    opacity: 1
}

section.date-range-widget::before {
    content: " ";
    display: table
}

section.date-range-widget::after {
    content: ".n";
    clear: both;
    visibility: hidden
}

section.date-range-widget > button {
    height: 30px;
    margin: 0 0 20px 0;
    padding: 1px 7px 2px;
    line-height: 28px;
    font-weight: 700;
    width: 144px;
    background-color: #fff;
    font-size: 15px;
    float: left;
    text-align: center;
    text-decoration: none;
    color: inherit;
    display: block;
    border: 1px solid #96a0a8;
    transition: opacity .3s
}

section.date-range-widget > button:nth-child(odd) {
    margin-right: 24px
}

section.date-range-widget > button.spacer {
    pointer-events: none;
    width: 24px;
    padding: 0
}

section.date-range-widget > button:focus {
    outline: 0
}

section.date-range-widget button.active, section.date-range-widget button.button--filled {
    color: #fff;
    background-color: #58a6dd;
    border-color: #58a6dd
}

section.date-range-widget button.by-dates.active {
    pointer-events: none
}

section.date-range-widget .preset.by-dates:not(.active) ~ .date-from, section.date-range-widget .preset.by-dates:not(.active) ~ .date-to {
    pointer-events: none
}

section.date-range-widget > button {
    height: 32px
}

section.date-range-widget > button.date-from, section.date-range-widget > button.date-to, section.date-range-widget > button.spacer {
    font-size: 14px;
    margin: 0;
    border-color: #fff
}

section.date-range-widget > button.date-from:hover, section.date-range-widget > button.date-to:hover, section.date-range-widget > button.spacer:hover {
    background-color: transparent !important
}

section.date-range-widget > button.date-from svg, section.date-range-widget > button.date-to svg, section.date-range-widget > button.spacer svg {
    display: none;
    fill: #58a6dd
}

section.date-range-widget > button.date-from.calendar, section.date-range-widget > button.date-to.calendar, section.date-range-widget > button.spacer.calendar {
    width: 20px;
    height: 30px
}

section.date-range-widget > button.date-from.clear-calendar, section.date-range-widget > button.date-to.clear-calendar, section.date-range-widget > button.spacer.clear-calendar {
    display: none;
    width: 12px;
    height: 30px
}

section.date-range-widget > button.date-from > div, section.date-range-widget > button.date-to > div, section.date-range-widget > button.spacer > div {
    display: inline-block;
    height: 30px;
    vertical-align: top
}

section.date-range-widget > button.date-from > div.icon, section.date-range-widget > button.date-to > div.icon, section.date-range-widget > button.spacer > div.icon {
    width: 20px;
    background-repeat: no-repeat;
    background-position: center center
}

section.date-range-widget > button.date-from > div.date, section.date-range-widget > button.date-to > div.date, section.date-range-widget > button.spacer > div.date {
    margin: 0 5px
}

section.date-range-widget > button.date-from > div.date .text, section.date-range-widget > button.date-to > div.date .text, section.date-range-widget > button.spacer > div.date .text {
    margin: 0;
    width: 120px;
    line-height: 30px
}

section.date-range-widget > button.date-from > div.date .text.gray, section.date-range-widget > button.date-to > div.date .text.gray, section.date-range-widget > button.spacer > div.date .text.gray {
    font-weight: 400;
    color: gray
}

section.date-range-widget > button.date-from > div.date input, section.date-range-widget > button.date-to > div.date input, section.date-range-widget > button.spacer > div.date input {
    width: 82px;
    font-size: 16px;
    border: none;
    outline: 0
}

section.date-range-widget > button.date-from.selected, section.date-range-widget > button.date-to.selected, section.date-range-widget > button.spacer.selected {
    position: relative;
    z-index: 99;
    border: 1px solid !important;
    border-color: #96a0a8 !important;
    border-bottom: 3px solid #fff !important;
    opacity: 1
}

section.date-range-widget #widget-calendar-container {
    float: left;
    margin-top: -1px;
    width: 312px
}

input::-ms-clear {
    display: none
}

article.search header.search-bar {
    background-color: #1b354a;
    position: relative;
    padding: 20px 20px 0 20px
}

article.search header.search-bar .tabs {
    margin-top: 20px
}

article.search header.search-bar .tabs select {
    display: none
}

article.search header.search-bar .tabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: -1px
}

article.search header.search-bar .tabs ul li {
    display: inline
}

article.search header.search-bar .tabs ul li a {
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    color: #58a6dd;
    text-decoration: none
}

article.search header.search-bar .tabs ul li a.active {
    background-color: #fff;
    color: #1b354a
}

article.search header.search-bar .tabs ul li a.active:hover {
    background-color: #fff;
    color: #1b354a
}

article.search header.search-bar .tabs ul li a:hover {
    background-color: #5296db;
    color: #fff
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.slick-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    z-index: 100
}

.slick-dots li {
    display: flex;
    align-items: center;
    list-style: none;
    height: 35px;
    margin: 0 6px;
    z-index: 1
}

.slick-dots button {
    margin: 0;
    padding: 1px !important;
    min-height: 0 !important;
    width: 10px;
    height: 10px;
    background-color: #000;
    border: 1px solid transparent;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    background-clip: padding-box;
    box-sizing: content-box
}

@media (max-width: 732px) {
    .slick-dots button {
        width: 7px;
        height: 7px
    }
}

.slick-dots button:focus {
    outline: 0
}

.slick-dots .slick-active button {
    border-width: 1px;
    border-color: #000;
    background-color: transparent
}

@media (min-width: 733px) {
    .slick-dots li {
        margin: 0 14px
    }
}

.bigpromo .slick-dots button, .tvshows .slick-dots button {
    background-color: #fff
}

.bigpromo .slick-dots .slick-active button, .tvshows .slick-dots .slick-active button {
    border-color: #fff;
    background-color: transparent
}

@media (max-width: 732px) {
    .bigpromo .slick-dots button {
        background-color: #000
    }

    .bigpromo .slick-dots .slick-active button {
        border-color: #000;
        background-color: transparent
    }
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.search.project .searchbar, article.search .searchbar {
    position: relative;
    top: 0;
    height: auto;
    min-height: 40px
}

.search.project .searchbar {
    padding: 20px
}

@media (min-width: 733px) {
    .search.project .searchbar {
        padding: 20px 0
    }
}

article.search-results {
    position: relative;
    margin-top: 30px
}

article.search-results h2 {
    font-weight: 400
}

article.search-results h3 {
    font-size: 20px;
    margin: 0;
    font-weight: 400
}

article.search-results .container.row {
    margin: 0
}

article.search-results .search-most-interesting {
    display: flex;
    justify-content: space-between;
    max-width: 100%
}

@media (max-width: 732px) {
    article.search-results .search-most-interesting {
        flex-wrap: wrap
    }
}

article.search-results .search-most-interesting.search-person, article.search-results .search-most-interesting.search-project {
    margin-top: 10px
}

article.search-results .search-most-interesting.search-person .photo, article.search-results .search-most-interesting.search-project .photo {
    overflow: hidden;
    width: 312px;
    height: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000
}

@media (max-width: 732px) {
    article.search-results .search-most-interesting.search-person .photo, article.search-results .search-most-interesting.search-project .photo {
        width: 100%
    }
}

article.search-results .search-most-interesting.search-person .intro, article.search-results .search-most-interesting.search-project .intro {
    position: relative;
    width: 312px;
    flex-grow: 1;
    margin-left: 24px
}

@media (max-width: 732px) {
    article.search-results .search-most-interesting.search-person .intro, article.search-results .search-most-interesting.search-project .intro {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }
}

article.search-results .search-most-interesting.search-person .intro .name, article.search-results .search-most-interesting.search-project .intro .name {
    font-size: 24px;
    line-height: 30px;
    word-spacing: normal
}

article.search-results .search-most-interesting.search-person .intro .lead, article.search-results .search-most-interesting.search-project .intro .lead {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
    height: 130px;
    overflow: hidden
}

@media (max-width: 732px) {
    article.search-results .search-most-interesting.search-person .intro .lead, article.search-results .search-most-interesting.search-project .intro .lead {
        height: auto;
        margin-bottom: 50px
    }
}

article.search-results .search-most-interesting.search-person .intro .lead::after, article.search-results .search-most-interesting.search-project .intro .lead::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    box-shadow: 0 0 10px 10px #fff
}

article.search-results .search-most-interesting.search-person a.button, article.search-results .search-most-interesting.search-project a.button {
    position: absolute;
    bottom: 0;
    margin: 0
}

article.search-results .search-most-interesting.search-project .intro .name {
    word-spacing: normal
}

article.search-results article.search-top-video {
    margin-top: 40px
}

article.search-results article.search-top-video h3 {
    margin-bottom: 13px
}

article.search-results article.search-top-video .media {
    padding: 3px;
    border: 1px solid #96a0a8
}

article.search-results article.search-top-video .media .name {
    padding: 11px
}

article.search-results article.search-projects {
    margin-top: 40px
}

article.search-results article.search-projects section.cards {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

article.search-results article.search-projects section.cards a {
    display: block;
    flex-direction: column;
    height: 350px
}

article.search-results article.search-projects section.cards a .name {
    margin-top: 10px;
    color: #000;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700
}

article.search-results article.search-projects section.cards a .lead {
    margin-top: 0;
    padding: 0 10px;
    color: #257fc7;
    font-weight: 700
}

article.search-results .search-more {
    margin-top: 40px
}

article.search-results .search-more h3 {
    font-size: 22px;
    min-height: 24px;
    position: relative
}

article.search-results .search-more h3.searching::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 30px;
    height: 100%;
    background: url("") no-repeat center center
}

article.search-results .search-more a {
    display: block;
    overflow: hidden
}

article.search-results .search-more .results {
    margin-top: 26px;
    transition: max-height 1s;
    overflow: hidden
}

article.search-results .search-more .results .collections_items__load_block {
    justify-content: flex-start
}

article.search-results .search-more .results a.result {
    margin-bottom: 30px
}

article.search-results .search-more .results a.result .image {
    display: inline-block;
    position: relative;
    margin-right: 24px;
    width: 144px;
    height: 81px
}

article.search-results .search-more .results a.result .image img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto
}

article.search-results .search-more .results a.result .data {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 648px;
    margin-top: -4px
}

@media (max-width: 732px) {
    article.search-results .search-more .results a.result .data {
        margin-top: 10px
    }
}

article.search-results .search-more .results a.result .data .show-name {
    font-size: 14px;
    font-weight: 700
}

article.search-results .search-more .results a.result .data .show-name::first-letter {
    text-transform: uppercase
}

article.search-results .search-more .results a.result .data .date {
    margin-top: 4px;
    color: #96a0a8;
    font-size: 13px
}

article.search-results .search-more .results a.result .data .head {
    font-size: 17px;
    font-weight: 700
}

article.search-results .search-more .results a.result .data .lead {
    margin: 0;
    font-size: 16px;
    color: #000
}

article.search-results .search-more .results a.result .image + .data {
    max-width: 100%;
    width: 480px
}

@media (max-width: 732px) {
    article.search-results .search-more .results a.result .image + .data {
        width: 100%
    }
}

@media (min-width: 1600px) {
    article.search-results .search-more .results a.result .image + .data {
        width: 816px
    }
}

article.search-results .search-more .results a.result:hover .show-name {
    text-decoration: underline
}

article.search-results .cols {
    text-align: center;
    background-color: #000
}

article.search-results .cols img {
    max-width: 100%;
    height: auto
}

article.search-results .calendar {
    margin-top: 5px;
    overflow: auto
}

article.search-results .calendar .text > h2 {
    font-size: 22px
}

@media (max-width: 732px) {
    article.search-results .calendar .text > h2 {
        text-align: center
    }
}

article.search-results section.date-range-widget .calendar {
    overflow: hidden;
    margin-top: -2px;
    display: inline-block
}

article.search-results section.date-range-widget .date > .text {
    font-size: 15px
}

@media (max-width: 732px) {
    .searchbar {
        padding: 0
    }

    a.button.scroll-top {
        display: none !important
    }

    ul.ui-autocomplete {
        left: 0 !important;
        right: 0;
        width: 100% !important;
        padding: 0 20px;
        background-color: transparent;
        border: none
    }

    ul.ui-autocomplete li, ul.ui-autocomplete:first-child {
        background-color: #fff;
        border-left: 1px solid #aebfcc;
        border-right: 1px solid #aebfcc
    }

    .searchbar .search input {
        font-size: 18px
    }

    article.search header.search-bar {
        padding: 20px
    }

    article.search .tabs {
        position: relative
    }

    article.search .tabs ul {
        display: none
    }

    article.search .tabs select {
        display: block !important;
        height: 40px;
        border: none;
        font-size: 16px;
        line-height: 20px;
        width: 100%;
        background-color: #fff;
        -webkit-appearance: none;
        padding: 0 10px;
        border-radius: 0
    }

    article.search .tabs::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
        width: 10px;
        height: 10px;
        background-image: url("");
        background-repeat: no-repeat
    }

    .search-results .col-md-8 {
        width: 100%
    }

    .search-results .col-md-8 .most-relevant {
        margin-top: 10px
    }

    .search-results .col-md-8 .most-relevant h2 {
        padding-left: 20px;
        font-size: 22px
    }

    .search-results .col-md-8 .search-most-interesting {
        display: block;
        padding: 0 24px
    }

    .search-results .col-md-8 .search-most-interesting .photo {
        width: 100% !important
    }

    .search-results .col-md-8 .search-most-interesting .intro {
        display: block;
        margin-top: 10px;
        padding: 0;
        width: 100%
    }

    .search-results .col-md-8 .search-most-interesting .intro a.button {
        position: relative
    }

    .search-results .col-md-8 .search-top-video h3 {
        padding: 0 20px
    }

    .search-results .col-md-8 .results a.result .data {
        width: 100% !important;
        margin-top: 10px !important
    }

    .search-results .col-md-4 {
        display: none;
        padding: 0;
        width: 100%
    }

    .search-results .col-md-4 .text h2 {
        text-align: center
    }

    .search-results .col-md-4 .side-promo-place-right {
        width: 312px
    }

    .search-results .col-md-4 .side-promo-place-right .promo-place {
        margin: 0 auto
    }
}

ul.ui-autocomplete {
    position: absolute;
    padding: 0;
    max-width: 984px;
    z-index: 10;
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    list-style: none;
    border: 1px solid #aebfcc;
    color: #000
}

@media (max-width: 732px) {
    ul.ui-autocomplete {
        margin: auto;
        max-width: calc(100vw - 40px)
    }
}

@media (min-width: 733px) {
    ul.ui-autocomplete {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        left: 0 !important;
        right: 0 !important;
        width: 984px !important
    }
}

@media (min-width: 1600px) {
    ul.ui-autocomplete {
        max-width: 1320px !important;
        width: 1320px !important
    }
}

ul.ui-autocomplete li.ui-menu-item {
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #aebfcc;
    cursor: pointer
}

ul.ui-autocomplete li.ui-menu-item:first-child {
    border: none
}

ul.ui-autocomplete li.ui-menu-item:hover {
    color: #fff;
    background-color: #58a6dd
}

ul.ui-autocomplete li.ui-menu-item:active {
    color: #fff;
    background-color: #05519d
}

ul.ui-autocomplete li.ui-menu-item.ui-state-focus {
    color: #fff;
    background-color: #58a6dd
}

ul.ui-autocomplete li.ui-menu-item--date::before {
    display: inline-block;
    content: url("");
    margin-right: 10px;
    width: 20px;
    height: 36px;
    vertical-align: middle
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

@media (max-width: 732px) {
    .itv-tag-list--bottom {
        margin-left: 8px;
        margin-right: 8px
    }
}

.itv-news-single {
    margin-bottom: 20px
}

.itv-news-single a.button {
    width: 100%
}

.itv-news-single .tag-list {
    font-size: 12px !important
}

.itv-news-single .itv-news-list__info {
    display: flex
}

@media (max-width: 732px) {
    .itv-news-single .itv-news-list__info {
        flex-wrap: wrap
    }
}

.itv-news-single .itv-news-list__date {
    line-height: 30px;
    margin-right: 20px;
    flex: 0 0 auto
}

.itv-news-single .itv-bottom-tag-list {
    margin-left: 84px
}

.itv-news__header {
    color: #05519d;
    padding-top: 25px
}

@media (max-width: 732px) {
    .itv-news__header {
        margin: 0 12px;
        max-width: calc(100% - 24px);
        padding-top: 5px
    }
}

.itv-news__header .data {
    height: 30px;
    font-size: 13px
}

.itv-news__header .data .date {
    display: inline-block;
    color: #a3b0b9
}

.itv-news__header .data .date::before {
    display: inline-block;
    content: "";
    margin-right: 10px;
    width: 10px;
    height: 10px;
    background-image: url("")
}

.itv-news__header .title {
    margin-top: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px
}

@media (min-width: 733px) {
    .itv-news__header .title {
        font-size: 38px;
        line-height: 40px
    }
}

.itv-news__header .player {
    margin-top: 25px;
    padding: 0;
    box-sizing: border-box
}

.itv-news__header .text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    max-width: 100%
}

.itv-news__header .text .authors a {
    font-weight: 700
}

.itv-news__header .text .itv-tag-list {
    margin-top: 17px
}

.itv-news__header .text .share-buttons {
    margin-top: 10px
}

.itv-news__header .w__block__collection.type-tiles {
    margin: 0 -12px
}

.itv-news__header .w__block__collection .w_collection_items {
    margin-left: 0
}

.itv-news__header .w__block__collection .button.transparent {
    margin-left: 12px;
    margin-right: 12px;
    width: calc(100% - 24px)
}

.itv-news__header .w_collection_items.items-12 {
    margin: 0
}

.itv-news__header .w_collection_items {
    width: 100%
}

.itv-news__header .social-buttons {
    margin-top: 20px
}

.itv-news__header .w_content .w_row .w__block__video .splash_wrapper img {
    max-height: 391px
}

@media (max-width: 732px) {
    .itv-news__header .w__block__collection.type-tiles .w_collection_items .card {
        max-width: 288px
    }

    .itv-news__header .w__block__collection.type-tiles {
        margin: 4px
    }

    .itv-news__header .w_collection_items.items-12 {
        margin: 0
    }

    .itv-news__header .w_collection_items.items-12 div.card {
        margin: 0 0 24px 0
    }

    .itv-news__header .w_collection_items.items-12 a.card {
        margin: 12px 0;
        height: auto
    }

    .itv-news__header .w_collection_items.items-12 a.card .text {
        position: relative;
        top: 0;
        height: auto
    }

    .itv-news__header .w_collection_items.items-12 a.card .text .lead {
        margin-bottom: 0
    }

    .itv-news__header .w_collection_items.items-12 a.card .text::after {
        content: none
    }

    .itv-news__header .w__block__video .player-wrapper .tv1player, .itv-news__header .w__block__video .splash_wrapper {
        left: 0;
        right: 0
    }

    .itv-news__header .w_video_title {
        margin-left: 20px;
        margin-right: 20px
    }
}

.itv-news__header section.more-news-cards .card {
    padding: 19px
}

.itv-news__header section.more-news-cards .card:last-child {
    border-bottom: 1px solid #a1c5e1
}

.itv-news__header section.more-news-cards .card .info {
    display: flex
}

.itv-news__header section.more-news-cards .card .date {
    display: inline-block;
    margin-top: 4px;
    font-size: 18px;
    color: #96a0a8;
    flex-shrink: 0
}

.itv-news__header section.more-news-cards .card .news-tag-list, .itv-news__header section.more-news-cards .card .tag-list {
    display: inline-block;
    margin: 0
}

.itv-news__header section.more-news-cards .card .news-tag-list .tag, .itv-news__header section.more-news-cards .card .tag-list .tag {
    display: inline-block;
    color: #5296db;
    border: 1px solid #5296db;
    border-radius: 2px;
    padding: 0 10px 4px
}

.itv-news__header section.more-news-cards .card .news-tag-list a button.tag.active, .itv-news__header section.more-news-cards .card .tag-list a button.tag.active {
    background-color: #fff;
    border-color: #5296db;
    color: #5296db
}

.itv-news__header section.more-news-cards .card .news-tag-list a button.tag:hover, .itv-news__header section.more-news-cards .card .tag-list a button.tag:hover {
    background-color: #58a6dd;
    border-color: #5296db;
    color: #fff
}

.itv-news__header section.more-news-cards .card .news-tag-list a button.tag.tag_rubric.active, .itv-news__header section.more-news-cards .card .tag-list a button.tag.tag_rubric.active {
    background-color: #05519d;
    border-color: #05519d;
    color: #fff
}

.itv-news__header section.more-news-cards .card .news-tag-list a button.tag.tag_rubric:hover, .itv-news__header section.more-news-cards .card .tag-list a button.tag.tag_rubric:hover {
    background-color: #58a6dd;
    border-color: #58a6dd;
    color: #fff
}

.itv-news__header section.more-news-cards .card a.title {
    margin-top: 3px;
    color: #05519d;
    text-decoration: none
}

.itv-news__header section.more-news-cards .card a.title:hover {
    text-decoration: underline
}

.itv-news__header section.more-news-cards .card.hot a.title {
    color: #eb0f4d
}

.itv-news__header .read-more .card.card-small, .itv-news__header section.other-news-cards .card.card-small {
    padding: 14px 0
}

.itv-news__header .read-more .card.card-small .time, .itv-news__header section.other-news-cards .card.card-small .time {
    display: inline-block;
    margin-right: 10px;
    min-width: 41px;
    min-height: 1px
}

.itv-news__header .read-more .card.card-small a.title, .itv-news__header section.other-news-cards .card.card-small a.title {
    display: inline-block;
    margin: 0;
    width: 260px;
    font-size: 16px;
    text-decoration: none
}

.itv-news__header .read-more .card.card-small a.title > span, .itv-news__header section.other-news-cards .card.card-small a.title > span {
    display: inline-block
}

.itv-news__header .read-more .card.card-small a.title > span span.icon, .itv-news__header section.other-news-cards .card.card-small a.title > span span.icon {
    margin-left: 5px
}

.itv-news__header .read-more .card.card-small.hot .title, .itv-news__header section.other-news-cards .card.card-small.hot .title {
    width: 255px;
    font-size: 18px
}

.itv-news__header .read-more h2, .itv-news__header section.other-news-cards h2 {
    margin-bottom: 13px;
    font-size: 20px;
    font-weight: 400
}

.itv-news__header .read-more h2.top-news, .itv-news__header section.other-news-cards h2.top-news {
    margin-bottom: 2px
}

.itv-news__header .read-more a.button, .itv-news__header section.other-news-cards a.button {
    margin-top: 10px;
    font-size: 18px
}

.itv-news__header .calendar {
    margin-top: 50px
}

.itv-news__header .calendar h2 {
    margin-bottom: 3px;
    font-size: 22px;
    font-weight: 400
}

.itv-read-more {
    margin-top: 42px
}

.itv-read-more h2 {
    font-size: 20px;
    padding: 0 20px
}

.itv-more-news-cards {
    margin-top: 16px
}

.itv-more-news-card {
    border-top: 1px solid #a1c5e1;
    padding: 20px;
    line-height: 20px;
    font-size: 18px;
    position: relative
}

.itv-more-news-card__title {
    margin-top: 4px;
    display: block;
    font-size: 18px;
    font-weight: 700
}

.text-block.authors {
    margin-top: 0;
    font-weight: 700
}

@media (min-width: 733px) {
    .itv-news-single .side-promo-place-right:not(.tower) {
        margin-top: 15px
    }
}

.itv-news-single .share-buttons {
    margin-top: 10px
}

.itv-news-single .text .w_row {
    width: 100%
}

@media (max-width: 732px) {
    .itv-news-single .news-single-tags {
        display: none
    }

    .itv-news-single .w_content .w_block.c-6, .itv-news-single .w_content .w_block.c-8 {
        width: 100%
    }

    .itv-news-single .w_content .w_block.o-1 {
        margin-left: 12px
    }

    .itv-news-single .w_content .w_block .w__block__collection, .itv-news-single .w_content .w_block .w__block__illustration, .itv-news-single .w_content .w_block .w__block__video {
        width: calc(100% + 40px);
        margin: 10px -20px 20px
    }

    .itv-news-single .w_content .w_block .w_collection_items {
        max-width: 100%
    }
}

@media (min-width: 1600px) {
    .itv-news-single .w_content .w_block.c-8 {
        width: 984px
    }

    .itv-news-single .w_content .w_block.c-6 {
        width: 732px
    }

    .itv-news-single .w_content .w_block .w__block__note {
        margin-top: 0
    }

    .itv-news-single .w_content .w_block .w__block__note.note-calendar {
        top: 3px
    }
}

.news-top-share-buttons {
    margin-top: 30px
}

.itv-newslist-header {
    margin: 10px 0 15px
}

@media (max-width: 1599px) {
    .itv-news-single .calendar {
        margin: 0 -20px
    }

    .itv-news-single .calendar h2 {
        text-align: center
    }
}

.news {
    margin-bottom: 20px
}

.news button.more {
    width: 100%;
    margin-top: 5px
}

.news .main-news-cards .body, .news .main-news-cards .time {
    display: inline-block;
    vertical-align: top
}

.news .main-news-cards .time {
    margin-top: -4px;
    max-width: 60px
}

.news .main-news-cards .card {
    display: block;
    padding: 23px 0 22px 0
}

@media (max-width: 732px) {
    .news .main-news-cards .card {
        margin: 0
    }
}

.news .main-news-cards .card .title {
    display: block
}

.news .main-news-cards .card .title > h2 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin: 0
}

.news .main-news-cards .card a.button, .news .main-news-cards .card button {
    margin-top: 5px;
    margin-bottom: 0
}

.news .main-news-cards .card .body {
    margin-top: -4px;
    padding-left: 7px;
    max-width: 100%
}

@media (max-width: 732px) {
    .news .main-news-cards .card .body {
        padding-left: 0;
        max-width: calc(100% - 60px)
    }
}

.news .main-news-cards .card .body .button {
    max-width: 100%
}

.news .side-ads:not(.tower), .news .side-promo-place-right:not(.tower) {
    margin-top: 40px
}

.news .news-feed-cards {
    margin: 17px 0 0 0
}

@media (min-width: 733px) {
    .news .news-feed-cards > .card.date {
        padding: 15px 12px !important
    }
}

.news .news-feed-cards > .card {
    display: block;
    padding: 19px 0 22px 0
}

@media (max-width: 732px) {
    .news .news-feed-cards > .card {
        margin: 0
    }
}

.news .news-feed-cards > .card .title > h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700
}

@media (max-width: 732px) {
    .news .news-feed-cards > .card .title > h2 {
        font-size: 16px
    }
}

@media (min-width: 733px) {
    .news .news-feed-cards > .card:first-of-type .time {
        margin-top: 8px
    }

    .news .news-feed-cards > .card:first-of-type .title > h2 {
        font-size: 26px;
        line-height: 30px
    }
}

.news .news-feed-cards > .card.current .title > h2 {
    font-size: 26px !important
}

.news .news-feed-cards > .card.hot .title h2 {
    color: #eb0f4d !important
}

.news .news-feed-cards > .card .time {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    max-width: 60px
}

@media (max-width: 732px) {
    .news .news-feed-cards > .card .time {
        text-align: left;
        font-size: 16px
    }
}

.news .news-feed-cards > .card .body {
    display: inline-block
}

@media (max-width: 732px) {
    .news .news-feed-cards > .card .body {
        max-width: calc(100% - 60px)
    }
}

.news .news-feed-cards > .card .body > div {
    padding: 0
}

.news .news-feed-cards > .card .body .button {
    max-width: 100%
}

.news .news-feed-cards > .card .body .text {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    max-height: 95px;
    overflow: hidden;
    font-size: 14px;
    color: #000
}

.news .news-feed-cards > .card .body .image {
    position: relative;
    margin-bottom: 8px;
    margin-top: 5px;
    padding: 3px;
    width: 156px;
    height: 88px;
    float: none;
    border: 1px solid #96a0a8;
    margin-right: 24px
}

@media (min-width: 733px) {
    .news .news-feed-cards > .card .body .image {
        float: left
    }
}

.news .news-feed-cards > .card .body .image .image-wrapper {
    background-color: #000;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.news .news-feed-cards > .card .body .image img {
    display: block;
    position: relative;
    width: auto;
    height: 100%;
    margin: 0 auto
}

.news .news-feed-cards > .card .body .image .border {
    background-color: #fff;
    border: none
}

.news .news-feed-cards > .card.card-small .time {
    margin-right: 5px
}

.news .news-feed-cards > .card:last-of-type {
    margin-bottom: 0
}

.news .news-feed-cards button.more {
    width: 100%
}

.news-issue .video-list .text h3 {
    margin: 30px 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400
}

.news-issue section.video-cards .last_releases_list {
    margin: 0 -12px
}

.news-issue section.video-cards .last_releases_list .card::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    box-shadow: 0 0 20px 20px #fff
}

.news-issue section.video-cards .last_releases_list .card .info {
    margin-top: 0;
    bottom: 0;
    padding: 0
}

.news-issue section.video-cards .last_releases_list .card .info .time {
    text-align: center;
    margin: 0
}

.news-issue section.video-cards .last_releases_list .card .info .play {
    right: 10px
}

.news-issue section.video-cards .last_releases_list .card.promo .side-promo-place-right::before {
    line-height: 12px
}

.news-issue section.video-cards .card {
    display: inline-block;
    position: relative;
    margin: 0 1px 0 0;
    padding: 0;
    width: 250px;
    height: 300px;
    overflow: hidden;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    background-color: #0764ad;
    color: #fff;
    border: none;
    opacity: .9;
    outline: 0;
    transition: opacity .2s
}

.news-issue section.video-cards .card::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    box-shadow: 0 0 20px 20px #0764ad
}

.news-issue section.video-cards .card:hover {
    opacity: 1
}

.news-issue section.video-cards .card > .img-wrapper {
    display: block;
    width: 220px;
    height: 124px;
    margin: 14px 15px 0;
    background-color: #000;
    overflow: hidden
}

.news-issue section.video-cards .card > .img-wrapper img {
    display: block;
    height: 100%;
    width: auto;
    margin: 0 auto
}

.news-issue section.video-cards .card .info {
    margin-top: -40px;
    padding: 0 15px
}

.news-issue section.video-cards .card .info .play {
    right: 26px !important
}

.news-issue section.video-cards .card .text {
    margin: 0
}

.news-issue section.video-cards .card .info .counter {
    background-color: #257fc7
}

.news-issue section.video-cards .card.active {
    background-color: #fff;
    color: #0764ad;
    opacity: 1;
    cursor: default;
    pointer-events: none
}

.news-issue section.video-cards .card.active::after {
    box-shadow: 0 0 20px 20px #fff
}

.news-issue section.video-cards .card.hot {
    background-color: #eb0f4d;
    color: #fff
}

.news-issue section.video-cards .card.hot .info .counter {
    background-color: #eb0f4d
}

.news-issue section.video-cards .card.hot::after {
    box-shadow: 0 0 20px 20px #eb0f4d
}

.news-issue section.video-cards .card.hot.active {
    color: #eb0f4d;
    background-color: #fff
}

.news-issue section.video-cards .card.hot.active::after {
    box-shadow: 0 0 20px 20px #fff
}

.news-issue section.video-cards .card.hot.active .info .counter {
    background-color: #eb0f4d
}

.news-issue section.video-cards .card.watched {
    opacity: .4
}

.news-issue section.video-cards .card.watched.active {
    opacity: 1
}

.news-issue section.video-cards .card.ads {
    border: none;
    vertical-align: top
}

.news-issue section.previous-news-cards {
    margin: 0
}

.news-issue section.previous-news-cards .card {
    display: inline-block;
    margin: 0 24px 24px 0;
    width: 312px;
    height: 400px;
    background-color: transparent;
    border: 1px solid #d3d3d3
}

.news-issue section.previous-news-cards .card.promo {
    border: none
}

.news-issue section.previous-news-cards .card.calendar {
    height: auto
}

.news-issue section.previous-news-cards .card.calendar .pika-single {
    border: none
}

.news-issue section.previous-news-cards .card.calendar::after {
    content: none
}

.news-issue section.previous-news-cards .card .text {
    margin-top: 170px
}

.news-issue section.previous-news-cards .card > a {
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    height: 171px;
    overflow: hidden
}

.news-issue section.previous-news-cards .card > a img {
    width: auto;
    height: 100%
}

.news-issue section.video video {
    width: 100%
}

.news-issue section.video img {
    width: 100%
}

.news-issue section.video .description {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    height: 73px
}

.news-issue section.video .description.invisible_content {
    color: transparent
}

.news-issue section.video .description .num {
    display: inline-block;
    padding-top: 10px;
    width: 165px;
    height: 100%;
    float: left;
    line-height: inherit;
    text-align: center;
    background-color: #257fc7
}

.news-issue section.video .description .text {
    margin: 0;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    height: 100%;
    line-height: inherit;
    font-size: inherit;
    background-color: #05519d
}

.itv-news-single .player-container, .news .player-container, .news-single .player-container {
    position: relative
}

.content-width a.message {
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 10px 0
}

.content-width a.message .message {
    width: 80%;
    font-size: 30px;
    color: #05519d;
    margin: 0 auto
}

.previous-news-cards {
    overflow: hidden
}

.previous-news-cards h2 {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400
}

.previous-news-cards a.button.wide {
    color: #fff;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    height: 100%;
    line-height: 2.5
}

.previous-news-cards .issue.hot {
    color: #eb0f4d !important
}

.video-list .share-buttons {
    width: 984px;
    margin: 20px auto
}

.video-list .video-cards {
    height: 300px;
    background-color: #58a6dd;
    overflow: hidden
}

.video-list .video-cards .slick-list {
    padding: 0 !important
}

.video-list .video-cards .slick-list .card {
    border: none
}

.video-list .card.active {
    background-color: #fff;
    color: #0764ad
}

.video-list .slick-slider:hover button.slick-arrow {
    opacity: .8
}

.video-list .slick-slider button.slick-arrow {
    width: 80px;
    height: 80px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    cursor: pointer;
    transition: opacity .2s
}

.video-list .slick-slider button.slick-arrow:hover {
    opacity: 1
}

.video-list .slick-slider button.slick-prev {
    left: 20px;
    background-image: url("")
}

.video-list .slick-slider button.slick-next {
    right: 20px;
    background-image: url("")
}

.last_releases_list {
    overflow: hidden
}

.news .calendar, div.news-single .calendar {
    margin-top: 10px
}

.news .calendar h2, div.news-single .calendar h2 {
    margin-top: 0;
    margin-bottom: 15px
}

@media (max-width: 732px) {
    .news .calendar h2, div.news-single .calendar h2 {
        text-align: center;
        margin-bottom: 10px
    }
}

.news .calendar .mobile-toggle, div.news-single .calendar .mobile-toggle {
    display: none
}

@media (max-width: 732px) {
    .col-sd-4 {
        width: 100%
    }

    .news .col-md-8 {
        padding: 0 20px
    }

    .player-full-width-mobile {
        position: relative;
        height: auto;
        border: none
    }

    .player-full-width-mobile::before {
        content: "";
        display: block;
        padding-top: 56.25%
    }

    .player-full-width-mobile > .player-container, .player-full-width-mobile > .tv1player {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .news.content-width {
        width: 100%
    }

    .news.content-width h2 {
        font-size: 20px
    }

    .news.content-width > section.tag-list {
        position: relative
    }

    .news.content-width > section.tag-list a.button.tag {
        display: none
    }

    .news.content-width > .container > .row {
        display: flex;
        flex-direction: column
    }

    .news.content-width > .container > .row .col-md-4 {
        order: 1;
        padding: 0;
        margin: 0 auto
    }

    .news.content-width > .container > .row .col-md-4 .side-promo-place-right {
        margin-top: 0
    }

    .news.content-width > .container > .row .col-md-4 .calendar {
        margin: 40px auto 10px
    }

    .news.content-width > .container > .row .col-md-8 {
        width: 100%;
        order: 2;
        padding: 0 20px !important;
        box-sizing: border-box !important
    }

    .news.content-width > .container > .row .col-md-8 .main-news-cards, .news.content-width > .container > .row .col-md-8 .news-feed-cards {
        margin-left: 0;
        margin-right: 0
    }

    .news.content-width > .container > .row .col-md-8 .main-news-cards .card .time:first-child {
        margin-top: -4px
    }

    .news.content-width > .container > .row .col-md-8 .card .time {
        width: 35px;
        margin: 0;
        font-size: 14px
    }

    .news.content-width > .container > .row .col-md-8 .card .body {
        width: calc(100% - 50px);
        padding: 0
    }

    .news.content-width > .container > .row .col-md-8 .card .body .col-md-6 {
        width: 100%
    }

    .news.content-width > .container > .row .col-md-8 .card .body .col-md-6 .image {
        float: none
    }

    .news.content-width > .container > .row .col-md-8 .card .body .col-md-6 .text {
        max-height: 300px
    }

    .news.content-width > .container > .row .col-md-8 .card .body .title h2 {
        font-size: 16px;
        line-height: 20px !important
    }

    .news.content-width > .container > .row .col-md-8 .card .body .button:not(.white), .news.content-width > .container > .row .col-md-8 .card .body button:not(.white) {
        display: none
    }

    .news.content-width > .container > .row .calendar {
        position: relative;
        transition: all .3s;
        max-height: 400px
    }

    .news.content-width > .container > .row .calendar h2 {
        padding-left: 20px;
        height: 42px;
        line-height: 42px;
        margin-top: 0
    }

    .news.content-width > .container > .row .calendar.collapsed {
        max-height: 40px;
        overflow: hidden
    }

    .news.content-width > .container > .row .calendar .mobile-toggle {
        display: block;
        position: absolute;
        border-color: #348bcd;
        top: 0;
        right: 0;
        margin: 0;
        width: 40px;
        height: 40px;
        background: url("");
        background-size: 19px;
        background-repeat: no-repeat;
        background-position: center center
    }

    .news-single .read-more {
        display: none
    }

    .news-single .col-md-4.col-sd-4 {
        float: none;
        margin: 0 auto;
        width: 100%;
        padding: 0 !important;
        box-sizing: border-box !important
    }

    .news-single .col-md-4.col-sd-4 .other-news-cards {
        padding: 0 20px
    }

    .news-single .col-md-4.col-sd-4 .other-news-cards .card .title, .news-single .col-md-4.col-sd-4 .other-news-cards .card.hot .title {
        width: calc(100% - 65px)
    }

    .news-single .col-md-4.col-sd-4 .side-promo-place-right {
        width: 312px;
        margin: 0 auto
    }

    .news-single .col-md-4.col-sd-4 .calendar h2 {
        width: 312px;
        margin: 0 auto
    }

    .news-single .news-tag-list {
        display: none
    }

    .news-single div.col-md-8 {
        width: 100%;
        padding: 0;
        float: none
    }

    .news-single div.col-md-8 .col-md-offset-1 {
        margin: 0 auto !important
    }

    .news-single div.col-md-8 .read-more {
        width: 100%
    }

    .news-single div.col-md-8 .read-more .card .date, .news-single div.col-md-8 .read-more .card .title {
        font-size: 16px;
        line-height: 20px
    }

    .news-issue-header.content-width a.message .message {
        font-size: 18px;
        line-height: 20px;
        color: #213443
    }

    .news-issue section.video .tv1player {
        height: auto !important
    }

    .news-issue section.video .player {
        height: auto !important
    }

    .news-issue section.video .description {
        height: auto
    }

    .news-issue section.video .description .num, .news-issue section.video .description .text {
        display: block;
        height: auto;
        padding: 10px;
        font-size: 16px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        background-color: #0757a8
    }

    .news-issue section.video .description .text {
        padding-top: 0
    }

    .news-issue .share-buttons {
        display: none
    }

    .news-issue .video-cards button.slick-arrow {
        display: none !important
    }

    .news-issue .previous-news-cards.video-cards {
        width: 100%;
        margin: 0
    }

    .news-issue .previous-news-cards.video-cards h2 {
        width: 100%;
        text-align: center;
        margin: 20px 0 20px;
        padding: 0 20px;
        font-size: 20px;
        line-height: 20px
    }

    .news-issue .previous-news-cards.video-cards .last_releases_list {
        margin: 0
    }

    .news-issue .previous-news-cards.video-cards .last_releases_list .card {
        display: block;
        margin: 0 auto 24px
    }

    .news-issue .previous-news-cards.video-cards .last_releases_list .card.promo {
        height: 300px
    }

    .news-issue .previous-news-cards.video-cards .last_releases_list + a.button.wide {
        display: block;
        width: 312px;
        margin: 10px auto
    }
}

@media (max-width: 352px) {
    .col-sd-4 {
        width: 312px !important;
        padding: 0 !important;
        margin: 0 auto !important;
        float: none !important
    }

    .col-sd-4 .text-block, .col-sd-4 section.tag-list {
        padding: 0 10px !important
    }
}

a.title:hover .inline-block .normal-wrap, a.title:hover .inline-block .nowrap {
    text-decoration: underline
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.video-page .w__block__collection.type-tiles .button.transparent {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 312px
}

@media (max-width: 732px) {
    .video-page .w__block__collection.type-tiles .button.transparent {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 733px) {
    .video-page .w__block__collection.type-tiles .button.transparent {
        max-width: 648px
    }
}

@media (min-width: 1600px) {
    .video-page .w__block__collection.type-tiles .button.transparent {
        max-width: 984px
    }
}

.video-page .w_content .w_block.c-8 {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.video-page .w_content .w_block .w__block__collection, .video-page .w_content .w_block .w_collection_items, .video-page .w_content .w_block.c-8 {
    overflow: visible
}

.video-page .w_content .w_block.c-6 {
    width: 100%
}

@media (min-width: 733px) {
    .video-page .w_content .w_block.c-6 {
        width: calc(100% - 180px)
    }

    .video-page .w_content .w_block.o-1 {
        margin-left: 84px
    }

    .video-page__tags {
        margin-left: 84px
    }
}

.itv-video-watch-more {
    margin: 30px 0 0;
    overflow: hidden;
    background-color: #1f7ac2;
    color: #fff;
    padding: 0
}

.itv-video-watch-more h3 {
    font-size: 22px;
    line-height: 35px;
    width: 984px;
    max-width: 100%;
    margin: 10px auto;
    text-align: center;
    font-weight: 400
}

.itv-video-watch-more .project-image {
    max-width: 816px;
    height: auto;
    margin: 50px auto;
    position: relative;
    background-size: contain;
    z-index: 2;
    padding: 0
}

.itv-video-watch-more .project-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.itv-video-watch-more .share-buttons {
    max-width: 648px;
    margin: 20px auto 0
}

.itv-video-watch-more .closing-message {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 732px) {
    .itv-video-watch-more .closing-message {
        line-height: 30px;
        font-size: 20px;
        white-space: normal
    }
}

.itv-video-watch-more .video-container {
    max-width: 1008px;
    margin: 0 auto
}

.itv-video-watch-more .itv-relevant-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.itv-video-watch-more .itv-relevant-cards--relap-cards {
    margin: 0 12px
}

.itv-video-watch-more .itv-relevant-cards__card {
    position: relative;
    width: 228px;
    margin: 0 12px 24px;
    padding: 3px 0;
    color: inherit
}

.itv-video-watch-more .itv-relevant-cards__card:active, .itv-video-watch-more .itv-relevant-cards__card:focus, .itv-video-watch-more .itv-relevant-cards__card:hover {
    text-decoration: none
}

.itv-video-watch-more .itv-relevant-cards__card:active .text, .itv-video-watch-more .itv-relevant-cards__card:focus .text, .itv-video-watch-more .itv-relevant-cards__card:hover .text {
    text-decoration: underline
}

.itv-video-watch-more .itv-relevant-cards__card:visited {
    opacity: .5
}

.itv-video-watch-more .itv-relevant-cards__card .header {
    position: absolute;
    top: 3px;
    right: 0;
    left: 0;
    width: 100%;
    height: 30px;
    padding-top: 5px;
    background: linear-gradient(0deg, transparent 0, #000 100%);
    font-size: 12px
}

.itv-video-watch-more .itv-relevant-cards__card .header .views {
    display: inline-block;
    margin-left: 20px;
    color: #fff
}

.itv-video-watch-more .itv-relevant-cards__card .header .views .svg {
    display: none
}

.itv-video-watch-more .itv-relevant-cards__card .header .views::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    width: 20px;
    height: 10px;
    background: url("") no-repeat
}

.itv-video-watch-more .itv-relevant-cards__card .img-wrap {
    display: block;
    margin: 0 auto;
    width: 228px;
    height: 128px;
    overflow: hidden
}

.itv-video-watch-more .itv-relevant-cards__card .img-wrap img {
    width: inherit;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover
}

.itv-video-watch-more .itv-relevant-cards__card .info {
    top: 0;
    margin-top: 0
}

.itv-video-watch-more .itv-relevant-cards__card .info .play {
    right: 10px
}

.itv-video-watch-more .itv-relevant-cards__card .text {
    margin: 0;
    padding: 10px 2px;
    color: inherit
}

.itv-video-watch-more .itv-relevant-cards__card .text .name {
    font-weight: 400;
    font-size: 14px;
    color: inherit;
    opacity: .7
}

.itv-video-watch-more .itv-relevant-cards__card .text p {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 700;
    color: inherit
}

.itv-video-watch-more .itv-relevant-cards__card .card__label.card__label_deactivated, .itv-video-watch-more .itv-relevant-cards__card .card__label.card__label_full_video, .itv-video-watch-more .itv-relevant-cards__card .card__label.card__label_trailer {
    font-size: 12px
}

.itv-video-watch-more .itv-relevant-cards__card .card__label.card__label_external_embed {
    font-size: 8px
}

.itv-video-watch-more p {
    color: #fff;
    margin: 0;
    padding: 13px 0;
    font-size: 22px
}

.itv-video-watch-more section.video-cards {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

article.gallery-page, article.video-page {
    position: relative;
    background-color: #fff
}

article.gallery-page .video .playlist, article.video-page .video .playlist {
    position: relative;
    width: 100%;
    height: 170px;
    padding: 0 20px;
    overflow: hidden;
    background-color: #000;
    color: #fff !important
}

article.gallery-page .video .playlist a.card, article.video-page .video .playlist a.card {
    display: inline-block;
    width: 144px;
    height: 100%;
    margin-right: 24px;
    padding-top: 20px;
    color: #a3a3a3;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.25px;
    overflow: hidden;
    border: none;
    outline: 0;
    opacity: .8;
    background-color: #000 !important
}

article.gallery-page .video .playlist a.card:hover, article.video-page .video .playlist a.card:hover {
    opacity: 1;
    color: #fff;
    text-decoration: none
}

article.gallery-page .video .playlist a.card.active, article.video-page .video .playlist a.card.active {
    opacity: .4;
    text-decoration: none
}

article.gallery-page .video .playlist a.card:last-child, article.video-page .video .playlist a.card:last-child {
    margin-right: 0 !important
}

article.gallery-page .video .playlist a.card .image, article.video-page .video .playlist a.card .image {
    width: 100%;
    height: 81px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

article.gallery-page .video .playlist a.card .text, article.video-page .video .playlist a.card .text {
    color: #fff;
    margin: 0;
    font-size: inherit;
    line-height: inherit
}

article.gallery-page .video .playlist::after, article.video-page .video .playlist::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    box-shadow: 0 0 10px 10px #000
}

article.gallery-page .video .playlist .slick-arrow, article.video-page .video .playlist .slick-arrow {
    width: 80px;
    height: 100%;
    margin: 0;
    background-color: transparent;
    border: none;
    opacity: 1
}

article.gallery-page .video .playlist .slick-arrow.slick-next, article.video-page .video .playlist .slick-arrow.slick-next {
    right: 0;
    background-image: url("")
}

article.gallery-page .video .playlist .slick-arrow.slick-prev, article.video-page .video .playlist .slick-arrow.slick-prev {
    left: 0;
    background-image: url("")
}

article.gallery-page .container, article.video-page .container {
    width: 100%;
    padding: 20px;
    height: auto
}

article.gallery-page .container > .gallery, article.gallery-page .container > .video, article.video-page .container > .gallery, article.video-page .container > .video {
    max-width: 100%;
    margin: 0 auto
}

article.gallery-page section.info .itv-video-title, article.video-page section.info .itv-video-title {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 0;
    background-color: #fff;
    line-height: 35px;
    font-size: 30px
}

article.gallery-page section.info .article-lead, article.video-page section.info .article-lead {
    font-size: 16px;
    line-height: 20px
}

article.gallery-page section.info .social, article.video-page section.info .social {
    padding: 0
}

article.gallery-page section.info .stats .date, article.gallery-page section.info .stats .views, article.video-page section.info .stats .date, article.video-page section.info .stats .views {
    display: inline-block;
    color: #a3b0b9;
    font-size: 13px;
    line-height: 25px
}

article.gallery-page section.info .stats .date::before, article.gallery-page section.info .stats .views::before, article.video-page section.info .stats .date::before, article.video-page section.info .stats .views::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center
}

article.gallery-page section.info .stats .views, article.video-page section.info .stats .views {
    margin-left: 20px
}

article.gallery-page section.info .stats .views::before, article.video-page section.info .stats .views::before {
    width: 20px;
    background-image: url("")
}

article.gallery-page section.info .small-social-buttons, article.video-page section.info .small-social-buttons {
    display: inline-block;
    margin: 10px 0 25px 0
}

article.gallery-page section.info p, article.gallery-page section.info ul li, article.video-page section.info p, article.video-page section.info ul li {
    font-size: 16px;
    line-height: 20px
}

article.gallery-page section.info p a:not(.itv-button), article.gallery-page section.info ul li a:not(.itv-button), article.video-page section.info p a:not(.itv-button), article.video-page section.info ul li a:not(.itv-button) {
    text-decoration: underline
}

article.gallery-page section.info .tag-container, article.video-page section.info .tag-container {
    margin-top: 30px
}

article.gallery-page .side-ads, article.gallery-page .side-promo-place-right, article.video-page .side-ads, article.video-page .side-promo-place-right {
    margin-top: 14px
}

article.gallery-page section.info .small-social-buttons {
    max-width: 450px
}

article.gallery-page h2 {
    margin-bottom: 20px
}

article.gallery-page .description {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px
}

article.gallery-page .gallery-wrapper::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

article.gallery-page .gallery-wrapper .slick-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

article.gallery-page .gallery-wrapper .slick-list .slick-track {
    height: 100%
}

article.gallery-page .gallery-wrapper button.slick-arrow::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

article.gallery-page .gallery-wrapper button.slick-arrow.slick-next::before {
    background: rgba(12, 21, 27, .8) url("arrow-right-974b15228d371217ee51a9013408a6eaf298c6e4367700acf5da15a25f8ef342.svg") no-repeat center center;
    background-size: 58px 58px
}

article.gallery-page .gallery-wrapper button.slick-arrow.slick-prev::before {
    background: rgba(12, 21, 27, .8) url("arrow-left-824f227a117d51b8e87b6869ec9d2bc8726c320e0dd4eee1c08f17d54f149200.svg") no-repeat center center;
    background-size: 58px 58px
}

article.gallery-page .gallery-wrapper .item {
    position: relative;
    height: 100%
}

article.gallery-page .gallery-wrapper .item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

article.gallery-page section.info {
    margin-top: 0
}

article.gallery-page section.info .photo__info {
    display: flex;
    width: 100%
}

article.gallery-page section.info .photo-counter {
    width: 60px;
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

article.gallery-page section.info .photo-desc {
    font-size: 16px;
    line-height: 20px;
    color: #213443
}

article.gallery-page section.info .photo-desc p {
    margin: 0
}

article.gallery-page section.info .stats {
    margin-top: 35px
}

article.gallery-page section.info .side-promo-place-right {
    margin-top: 59px
}

article.gallery-page section.info .container > .row {
    margin: 0 12px
}

article.gallery-page .video-watch-more a .info {
    display: none
}

article.gallery-page .gallery-wrapper {
    overflow: hidden
}

article.gallery-page .gallery-wrapper .info {
    display: none
}

article.gallery-page .gallery-wrapper img {
    max-width: 100%
}

article.gallery-page .gallery-wrapper:hover button.slick-arrow {
    opacity: .6
}

article.gallery-page button.slick-arrow {
    opacity: 0;
    margin: 0;
    background-color: transparent !important;
    border: none !important;
    width: 60px;
    transition: all 150ms ease-in-out
}

article.gallery-page button.slick-arrow:hover {
    opacity: 1 !important
}

article.gallery-page button.slick-arrow.slick-prev {
    left: 10px
}

article.gallery-page button.slick-arrow.slick-next {
    right: 10px
}

@media (max-width: 732px) {
    article.gallery-page section.info .small-social-buttons, article.video-page section.info .small-social-buttons {
        width: 100%;
        max-width: 100%
    }

    article.video-page .container {
        padding: 0 4px
    }

    .video-page .player {
        height: auto;
        position: relative;
        z-index: 20
    }

    .video-page .info {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .video-page .info .row {
        margin: 0;
        padding: 0
    }

    .video-page .info .row .col-md-10, .video-page .info .row .col-md-11, .video-page .info .row .col-md-12, .video-page .info .row .col-md-7 {
        width: 100%;
        margin: 0 !important;
        float: none
    }

    .video-page .info .row .col-md-10.title, .video-page .info .row .col-md-11.title, .video-page .info .row .col-md-12.title, .video-page .info .row .col-md-7.title {
        font-size: 25px;
        line-height: 30px;
        margin-top: 0;
        padding: 0 24px
    }

    .video-page .info .row .col-md-10 .stats, .video-page .info .row .col-md-11 .stats, .video-page .info .row .col-md-12 .stats, .video-page .info .row .col-md-7 .stats {
        margin-left: 24px;
        margin-right: 24px
    }

    .video-page .info .row .col-md-10 .tag-container, .video-page .info .row .col-md-10 p, .video-page .info .row .col-md-11 .tag-container, .video-page .info .row .col-md-11 p, .video-page .info .row .col-md-12 .tag-container, .video-page .info .row .col-md-12 p, .video-page .info .row .col-md-7 .tag-container, .video-page .info .row .col-md-7 p {
        margin-left: 24px;
        margin-right: 24px
    }

    .video-page .info .row .col-md-10 .player-feedback, .video-page .info .row .col-md-11 .player-feedback, .video-page .info .row .col-md-12 .player-feedback, .video-page .info .row .col-md-7 .player-feedback {
        display: none
    }

    .video-page .info .row .col-md-4 {
        padding: 0;
        margin: 0 auto;
        float: none
    }

    .video-page .player-feedback.mobile {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        padding: 0 20px;
        text-decoration: none;
        float: none;
        text-align: right
    }

    .video-page .video-watch-more {
        padding: 24px
    }

    .video-page .video-watch-more h3 {
        width: 100%;
        text-align: center
    }

    .video-page .video-watch-more .video-cards a.card {
        display: block;
        margin: 12px auto !important
    }

    .video-page .video-watch-more a.button {
        width: 100%
    }

    article.gallery-page .age_restriction {
        display: none
    }

    article.gallery-page .col-md-12 {
        width: 100%
    }

    article.gallery-page .col-md-12 .row {
        margin: 0 !important
    }

    article.gallery-page .col-md-12 .col-md-6, article.gallery-page .col-md-12 .col-md-8 {
        width: 100%;
        padding: 0;
        box-sizing: border-box !important
    }

    article.gallery-page .col-md-12 .col-md-6 {
        margin: 0 !important;
        padding: 0 !important
    }

    article.gallery-page .col-md-12 .col-md-6 .stats {
        width: 100%;
        padding: 0 20px
    }

    article.gallery-page .col-md-12 .col-md-4 {
        width: 100%;
        padding: 0
    }

    article.gallery-page .col-md-12 .col-md-4 .side-promo-place-right {
        width: 312px;
        margin-left: auto;
        margin-right: auto
    }

    article.gallery-page .col-md-12 .col-md-7 {
        width: 100%;
        margin: 0 !important;
        padding: 0 20px 0 0 !important
    }

    article.gallery-page .col-md-12 .col-md-7.photo-desc {
        width: calc(100% - 140px)
    }

    article.gallery-page .col-md-12 .col-md-7.photo-maker {
        padding-left: 20px !important
    }

    article.gallery-page .col-md-12 .col-md-7 .tag-container {
        margin-left: 20px
    }

    article.gallery-page .photogallery .description, article.gallery-page .photogallery h2 {
        padding: 0 20px
    }

    article.gallery-page .photogallery .slick-arrow {
        display: none !important
    }

    article.gallery-page .video-watch-more {
        padding: 24px
    }

    article.gallery-page .video-watch-more h3 {
        width: 100%;
        text-align: center
    }

    article.gallery-page .video-watch-more .video-cards a.card {
        display: block;
        margin: 12px auto !important
    }

    article.gallery-page .video-watch-more a.button {
        width: 100%
    }
}

.photo-maker, .photo_producer {
    font-size: 11px;
    line-height: 20px;
    color: #c6c6c6;
    margin-top: 5px;
    margin-bottom: 20px
}

@media (max-width: 732px) {
    .photo_gallery_description .photo_producer {
        padding-left: 10px
    }
}

.card__label {
    width: calc(100%);
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    font-family: "PT Sans Caption", Arial, serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.card__label_external_embed {
    background-color: #ff6c00
}

@media (max-width: 732px) {
    .card__label_external_embed {
        font-size: 12px
    }
}

.card__label_deactivated {
    background-color: #9c00ff
}

.card__label_trailer {
    background-color: #ee3b32
}

.card__label_full_video {
    background-color: #329430
}

.smartbanner--1tv {
    width: calc(100% - 40px);
    height: 60px;
    margin-left: 20px;
    margin-right: 20px;
    background: #fff;
    box-shadow: 0 0 20px rgba(61, 83, 103, .3);
    border: 0;
    border-radius: 4px;
    position: fixed;
    right: 0;
    bottom: 20px;
    top: auto;
    left: auto;
    z-index: 99
}

.smartbanner--1tv .smartbanner__info {
    display: none;
    visibility: hidden
}

.smartbanner--1tv .smartbanner__icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: 42px 42px;
    background-position: -1px -1px;
    left: 10px
}

.smartbanner--1tv .smartbanner__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 60px - 45px);
    height: 40px;
    margin-left: 60px;
    padding: 0 15px;
    background: #3672d3;
    border-radius: 4px;
    top: 10px;
    right: 45px
}

.smartbanner--1tv .smartbanner__button:hover {
    text-decoration: none
}

.smartbanner--1tv .smartbanner__button__label {
    padding-right: 25px;
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    position: relative
}

.smartbanner--1tv .smartbanner__button__label:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("");
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.smartbanner--1tv .smartbanner__exit {
    width: 26px;
    height: 26px;
    border: 2px solid #c4c4c4;
    border-radius: 50%;
    top: calc(50% - 13px);
    right: 10px;
    left: auto
}

.smartbanner--1tv .smartbanner__exit::after, .smartbanner--1tv .smartbanner__exit::before {
    width: 2px;
    height: 15px;
    background: #c4c4c4;
    left: 50%;
    top: 50%
}

.smartbanner--1tv .smartbanner__exit::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.smartbanner--1tv .smartbanner__exit::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.itv-schedule {
    margin-top: 20px;
    overflow: hidden
}

.itv-schedule-absent {
    text-align: center;
    margin-top: 50px;
    font-size: 20px
}

.itv-schedule-day {
    position: relative
}

.itv-schedule-day .side-promo-place-right:not(.tower) {
    margin-top: 25px
}

.itv-schedule-button {
    min-width: 228px
}

@media (max-width: 732px) {
    .itv-schedule-button {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.calendar .loading {
    position: relative
}

.calendar .loading::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, .7);
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
    pointer-events: none
}

.air_position_day__title {
    display: inline-block;
    margin: 0
}

.schedule-loading {
    position: relative;
    margin-top: 30px
}

.schedule-loading .schedule-loading-indicator-wrapper {
    margin-top: 40px
}

.schedule-loading .schedule-loading-indicator-wrapper .schedule-loading-indicator {
    font-size: 22px;
    min-height: 24px;
    position: relative
}

.schedule-loading .schedule-loading-indicator-wrapper .schedule-loading-indicator::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 30px;
    height: 100%;
    background: url("") no-repeat center center
}

.itv-schedule .itv-date__text {
    margin-top: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    color: #05519d;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700
}

.itv-schedule > .container {
    margin-top: 25px
}

.itv-schedule .date {
    margin-bottom: 30px;
    overflow: hidden;
    display: flex
}

.itv-schedule .date .arrow-left, .itv-schedule .date .arrow-right {
    display: inline-block;
    height: 70px;
    vertical-align: bottom;
    flex-grow: 0;
    border: none;
    background: url("") no-repeat center center
}

.itv-schedule .date .arrow-left.disabled, .itv-schedule .date .arrow-right.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .3
}

.itv-schedule .date .arrow-right {
    background: url("") no-repeat center center
}

.itv-schedule .date .text {
    overflow: hidden;
    display: inline-block;
    padding: 0;
    flex: 1 0 auto;
    float: none;
    vertical-align: middle;
    color: #05519d;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700
}

.itv-schedule section.schedule-cards .card {
    padding-bottom: 10px;
    border-color: #348bcd
}

@media (min-width: 733px) and (max-width: 1599px) {
    .itv-schedule section.schedule-cards .card.current .content a .image, .itv-schedule section.schedule-cards .card.next .content a .image {
        margin-top: 10px
    }
}

.itv-schedule section.schedule-cards .card .content {
    display: block;
    width: 100%
}

.itv-schedule section.schedule-cards .card .content a {
    text-decoration: none;
    color: inherit
}

.itv-schedule section.schedule-cards .card .content a:not([href]) {
    cursor: default
}

.itv-schedule section.schedule-cards .card .content .image {
    display: block;
    float: left;
    margin-top: 5px;
    height: 84px;
    overflow: hidden
}

.itv-schedule section.schedule-cards .card .content .image .border {
    height: 100%;
    overflow: hidden
}

.itv-schedule section.schedule-cards .card .content .image .border .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000
}

.itv-schedule section.schedule-cards .card .content .image .border .wrapper img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 101%;
    max-height: 101%
}

.itv-schedule section.schedule-cards .card .content .image .border .themed-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.itv-schedule section.schedule-cards .card .content .image .border .themed-wrapper img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.itv-schedule section.schedule-cards .card .content .text {
    display: block
}

.itv-schedule section.schedule-cards .card .content:not(.hasVideo) .info {
    display: none
}

.itv-schedule section.schedule-cards .card .icons {
    display: inline-block;
    margin-top: 2px
}

.itv-schedule section.schedule-cards .card.current .icons, .itv-schedule section.schedule-cards .card.next .icons {
    margin-top: 3px
}

.itv-schedule section.schedule-cards .card:last-of-type {
    margin-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.itv-schedule section.schedule-cards .card .time {
    padding-top: 4px
}

.itv-schedule section.schedule-cards .card .time .next, .itv-schedule section.schedule-cards .card .time .now {
    display: none;
    margin-top: 18px;
    background-color: #fff;
    border-radius: 2px;
    padding: 5px;
    font-size: 14px;
    line-height: 15px;
    color: #05519d;
    text-transform: uppercase;
    letter-spacing: .2px;
    text-align: center
}

.itv-schedule section.schedule-cards .card .time .next .smaller, .itv-schedule section.schedule-cards .card .time .now .smaller {
    font-size: 12px
}

.itv-schedule section.schedule-cards .card .time .next.next, .itv-schedule section.schedule-cards .card .time .now.next {
    line-height: 20px
}

.itv-schedule section.schedule-cards .card .text {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden
}

.itv-schedule section.schedule-cards .card .text b {
    display: block;
    margin: 1px 0 5px 0
}

.itv-schedule section.schedule-cards .card .text b:empty {
    display: none
}

.itv-schedule section.schedule-cards .card p.description {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
    max-height: 0;
    transition: all .2s
}

.itv-schedule section.schedule-cards .card.opened .body .content {
    display: block
}

.itv-schedule section.schedule-cards .card.opened .body .content p {
    max-height: 500px
}

.itv-schedule section.schedule-cards .card .title, .itv-schedule section.schedule-cards .card a.title {
    margin-bottom: 8px;
    color: #05519d;
    font-size: 18px;
    line-height: 24px
}

.itv-schedule section.schedule-cards .card .title b, .itv-schedule section.schedule-cards .card a.title b {
    vertical-align: middle
}

.itv-schedule section.schedule-cards .card .body a.title {
    text-decoration: none
}

.itv-schedule section.schedule-cards .card .body a.title:hover {
    text-decoration: underline
}

.itv-schedule section.schedule-cards .card .body a.title span.title {
    display: inline-block
}

.itv-schedule section.schedule-cards .card span.icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
    margin: -3px 5px 0 0
}

.itv-schedule section.schedule-cards .card .title span.titleicon {
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    margin: 0 0 0 10px;
    width: 22px;
    height: 22px;
    background: url("") no-repeat
}

.itv-schedule section.schedule-cards .card.current span.icon.icon-to-project, .itv-schedule section.schedule-cards .card.next span.icon.icon-to-project {
    background: url("") no-repeat
}

.itv-schedule section.schedule-cards .card.past .time {
    opacity: .5
}

.itv-schedule section.schedule-cards .card.current, .itv-schedule section.schedule-cards .card.next {
    box-sizing: content-box;
    padding-top: 25px;
    background-color: #05519d;
    color: #fff;
    margin-left: -20px;
    padding-left: 20px
}

.itv-schedule section.schedule-cards .card.current .age, .itv-schedule section.schedule-cards .card.next .age {
    margin-top: 2px
}

.itv-schedule section.schedule-cards .card.current .time, .itv-schedule section.schedule-cards .card.next .time {
    margin-right: 0;
    padding-top: 6px;
    font-size: 22px;
    color: inherit
}

.itv-schedule section.schedule-cards .card.current .title .titleicon, .itv-schedule section.schedule-cards .card.next .title .titleicon {
    background-image: url("")
}

.itv-schedule section.schedule-cards .card.current .image, .itv-schedule section.schedule-cards .card.next .image {
    width: 312px;
    height: 179px;
    margin-bottom: 10px
}

.itv-schedule section.schedule-cards .card.current .image .border, .itv-schedule section.schedule-cards .card.next .image .border {
    background-color: #fff;
    border: none;
    padding: 4px
}

.itv-schedule section.schedule-cards .card.current .image .info > .play, .itv-schedule section.schedule-cards .card.next .image .info > .play {
    right: 16px;
    bottom: 8px
}

.itv-schedule section.schedule-cards .card.current .title, .itv-schedule section.schedule-cards .card.next .title {
    margin-bottom: 8px;
    font-size: 26px;
    color: inherit
}

.itv-schedule section.schedule-cards .card.current .text, .itv-schedule section.schedule-cards .card.next .text {
    margin-top: 13px;
    padding: 0;
    font-size: 20px;
    line-height: 25px;
    width: 480px;
    color: #fff
}

.itv-schedule section.schedule-cards .card.current .text:empty, .itv-schedule section.schedule-cards .card.next .text:empty {
    display: none
}

.itv-schedule section.schedule-cards .card.current .text p, .itv-schedule section.schedule-cards .card.next .text p {
    color: inherit
}

.itv-schedule section.schedule-cards .card.current .text.full, .itv-schedule section.schedule-cards .card.next .text.full {
    max-height: unset
}

.itv-schedule section.schedule-cards .card.current p.description, .itv-schedule section.schedule-cards .card.next p.description {
    color: inherit;
    font-size: 20px;
    line-height: 25px
}

.itv-schedule section.schedule-cards .card.current .buttons a.button, .itv-schedule section.schedule-cards .card.current .buttons button, .itv-schedule section.schedule-cards .card.next .buttons a.button, .itv-schedule section.schedule-cards .card.next .buttons button {
    display: inline-block;
    line-height: 37px;
    border: 1px solid #fff
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.a, .itv-schedule section.schedule-cards .card.current .buttons button.a, .itv-schedule section.schedule-cards .card.next .buttons a.button.a, .itv-schedule section.schedule-cards .card.next .buttons button.a {
    background-color: #fff !important;
    color: inherit
}

.itv-schedule section.schedule-cards .card.current .buttons a.button:not(:last-child), .itv-schedule section.schedule-cards .card.current .buttons button:not(:last-child), .itv-schedule section.schedule-cards .card.next .buttons a.button:not(:last-child), .itv-schedule section.schedule-cards .card.next .buttons button:not(:last-child) {
    margin-right: 24px
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.details, .itv-schedule section.schedule-cards .card.current .buttons button.details, .itv-schedule section.schedule-cards .card.next .buttons a.button.details, .itv-schedule section.schedule-cards .card.next .buttons button.details {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.details span.icon, .itv-schedule section.schedule-cards .card.current .buttons button.details span.icon, .itv-schedule section.schedule-cards .card.next .buttons a.button.details span.icon, .itv-schedule section.schedule-cards .card.next .buttons button.details span.icon {
    background-image: url("")
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.details:hover, .itv-schedule section.schedule-cards .card.current .buttons button.details:hover, .itv-schedule section.schedule-cards .card.next .buttons a.button.details:hover, .itv-schedule section.schedule-cards .card.next .buttons button.details:hover {
    opacity: .8;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.details:active, .itv-schedule section.schedule-cards .card.current .buttons button.details:active, .itv-schedule section.schedule-cards .card.next .buttons a.button.details:active, .itv-schedule section.schedule-cards .card.next .buttons button.details:active {
    opacity: 1;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.details.active span.icon, .itv-schedule section.schedule-cards .card.current .buttons button.details.active span.icon, .itv-schedule section.schedule-cards .card.next .buttons a.button.details.active span.icon, .itv-schedule section.schedule-cards .card.next .buttons button.details.active span.icon {
    transform: rotate(180deg)
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.button.announcement, .itv-schedule section.schedule-cards .card.current .buttons button.button.announcement, .itv-schedule section.schedule-cards .card.next .buttons a.button.button.announcement, .itv-schedule section.schedule-cards .card.next .buttons button.button.announcement {
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid #fff !important
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.button.announcement span.icon, .itv-schedule section.schedule-cards .card.current .buttons button.button.announcement span.icon, .itv-schedule section.schedule-cards .card.next .buttons a.button.button.announcement span.icon, .itv-schedule section.schedule-cards .card.next .buttons button.button.announcement span.icon {
    background-image: url("")
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.play, .itv-schedule section.schedule-cards .card.current .buttons button.play, .itv-schedule section.schedule-cards .card.next .buttons a.button.play, .itv-schedule section.schedule-cards .card.next .buttons button.play {
    color: #05519d;
    background-color: #fff;
    border: 1px solid #fff
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.play span.icon, .itv-schedule section.schedule-cards .card.current .buttons button.play span.icon, .itv-schedule section.schedule-cards .card.next .buttons a.button.play span.icon, .itv-schedule section.schedule-cards .card.next .buttons button.play span.icon {
    background-image: url("")
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.play:hover, .itv-schedule section.schedule-cards .card.current .buttons button.play:hover, .itv-schedule section.schedule-cards .card.next .buttons a.button.play:hover, .itv-schedule section.schedule-cards .card.next .buttons button.play:hover {
    color: #348bcd;
    background-color: #fff;
    border-color: #fff
}

.itv-schedule section.schedule-cards .card.current .buttons a.button.play:active, .itv-schedule section.schedule-cards .card.current .buttons button.play:active, .itv-schedule section.schedule-cards .card.next .buttons a.button.play:active, .itv-schedule section.schedule-cards .card.next .buttons button.play:active {
    color: #01478d;
    background-color: #fff;
    border-color: #fff
}

.itv-schedule section.schedule-cards .card.current .label, .itv-schedule section.schedule-cards .card.next .label {
    padding: 5px;
    background-color: #fff;
    color: #05519d;
    border-radius: 2px;
    margin-top: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    letter-spacing: .25px
}

.itv-schedule section.schedule-cards .card.current .label .big, .itv-schedule section.schedule-cards .card.next .label .big {
    font-size: 14px
}

.itv-schedule section.schedule-cards .card.current .label .small, .itv-schedule section.schedule-cards .card.next .label .small {
    font-size: 12px
}

.itv-schedule section.schedule-cards .card .buttons {
    width: calc(100% + 24px);
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 733px) {
    .itv-schedule section.schedule-cards .card .buttons {
        margin: 0 -12px
    }
}

.itv-schedule section.schedule-cards .card.current .time .now {
    display: block
}

.itv-schedule section.schedule-cards .card.current a.title:hover::after {
    color: #fff;
    background-color: #05519d;
    margin-top: 5px
}

.itv-schedule section.schedule-cards .card.current a.button {
    color: #05519d
}

.itv-schedule section.schedule-cards .card.next {
    background-color: #1f7ac2;
    border: none !important
}

.itv-schedule section.schedule-cards .card.next .time .next {
    display: block
}

.itv-schedule section.schedule-cards .card.next .label {
    color: #5296db
}

.itv-schedule section.schedule-cards .card.next a.title:hover::after {
    color: #fff;
    background-color: #1f7ac2;
    margin-top: 5px
}

.itv-schedule section.schedule-cards .card.next + .card {
    border-top: none
}

.itv-schedule section.schedule-cards .card.next a.button {
    color: #1f7ac2
}

.itv-schedule section.schedule-cards .card.current a.button, .itv-schedule section.schedule-cards .card.next a.button {
    background-color: #fff
}

.itv-schedule section.schedule-cards .card.current a.button span.icon-button-play, .itv-schedule section.schedule-cards .card.next a.button span.icon-button-play {
    background-image: url("")
}

.itv-schedule section.schedule-cards .card > .time.col-md-1 {
    margin: 0
}

.itv-schedule .schedule_button {
    position: relative;
    margin: 10px auto;
    font-size: 18px;
    letter-spacing: .1px;
    height: auto
}

@media (max-width: 732px) {
    .itv-schedule .schedule_button {
        max-width: calc(100% - 40px);
        margin: 10px 20px
    }

    .itv-schedule .side-promo-place-right {
        margin-top: 0
    }

    .itv-schedule .col-md-8 {
        display: block;
        float: none;
        width: 100%;
        padding: 0
    }

    .itv-schedule .col-md-8 .schedule-cards a.button.wide {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
        height: auto;
        line-height: 25px;
        padding: 5px 0
    }

    .itv-schedule .col-md-4 {
        display: block;
        float: none;
        padding: 0 0 20px;
        margin: 0 auto
    }

    .itv-schedule .date .arrow-left, .itv-schedule .date .arrow-right {
        width: 50px;
        margin: auto
    }

    .itv-schedule .date .text {
        width: calc(100% - 124px);
        margin: 0;
        padding-left: 10px;
        font-size: 18px;
        line-height: 20px;
        vertical-align: top
    }

    .itv-schedule section.schedule-cards .card {
        width: 100% !important;
        position: relative;
        padding-left: 10px !important;
        padding-right: 10px;
        margin: 0 !important;
        box-sizing: border-box !important
    }

    .itv-schedule section.schedule-cards .card .time {
        max-width: 60px
    }

    .itv-schedule section.schedule-cards .card .icons {
        position: absolute;
        top: 20px;
        right: 10px;
        max-width: 60px
    }

    .itv-schedule section.schedule-cards .card.current .icons, .itv-schedule section.schedule-cards .card.next .icons {
        margin-top: 6px
    }

    .itv-schedule section.schedule-cards .card .body {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .itv-schedule section.schedule-cards .card .body .title {
        width: calc(100% - 35px)
    }

    .itv-schedule section.schedule-cards .card .body .title:hover::after {
        display: none
    }

    .itv-schedule section.schedule-cards .card .body .image {
        float: none;
        width: 228px;
        height: 132px;
        margin-bottom: 10px
    }

    .itv-schedule section.schedule-cards .card .body .text {
        width: 100%
    }

    .itv-schedule section.schedule-cards .card .body .buttons {
        width: 100%
    }

    .itv-schedule section.schedule-cards .card .body .buttons .button {
        max-width: 100%
    }
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.itv-air-position-week {
    display: flex;
    padding: 10px 0
}

.itv-air-position-week__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px
}

.itv-air-position-week__time {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #0757a8
}

.itv-air-position-week__age {
    display: flex;
    align-items: center;
    margin-top: 1px;
    padding: 1px 5px 1px;
    flex-grow: 0;
    border: 1px solid #05519d;
    border-radius: 2px;
    color: #05519d;
    font-size: 12px;
    line-height: 12px;
    height: 16px;
    opacity: .4
}

@media (max-width: 732px) {
    .itv-air-position-week__age {
        padding-bottom: 0
    }
}

.itv-air-position-week__age:empty {
    display: none
}

.itv-air-position-week__title {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    font-weight: 700;
    text-decoration: none
}

.itv-air-position-week__title-text {
    display: block;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
    text-decoration: inherit
}

.itv-air-position-week__title-text:active, .itv-air-position-week__title-text:hover {
    color: #000
}

.itv-air-position-week__title-text:active span, .itv-air-position-week__title-text:hover span {
    text-decoration: underline
}

.itv-air-position-week__title-text .titleicon {
    display: inline-block;
    margin-top: -1px;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-image: url("")
}

.itv-air-position-week__more {
    margin-top: 6px;
    margin-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    padding: 0 12px;
    letter-spacing: -.5px
}

.itv-air-position-week__more:active, .itv-air-position-week__more:hover {
    text-decoration: none
}

.itv-air-position-button-color {
    display: inline-block;
    margin-right: 20px;
    font-size: 13px;
    color: #0757a8;
    fill: #0757a8;
    border-color: #0757a8;
    text-decoration: none
}

.itv-air-position-button-color .itv-button__icon {
    width: 12px;
    height: 13px;
    vertical-align: middle;
    margin-top: -7px
}

.itv-air-position-button-color:hover {
    color: #348bcd;
    fill: #348bcd;
    border-color: #348bcd
}

.itv-air-position-button-color:active {
    color: #01478d;
    fill: #01478d;
    border-color: #01478d
}

.itv-schedule-week__current-label:hover, .itv-schedule-week__label:hover {
    text-decoration: underline
}

.itv-schedule-week__label {
    display: inline-block
}

.itv-schedule-week__current-label {
    display: none
}

.itv-air-position-week.past .itv-air-position-week__time {
    opacity: .5
}

.itv-air-position-week.current, .itv-air-position-week.next {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px
}

.itv-air-position-week.current .itv-air-position-week__time::before, .itv-air-position-week.current .itv-air-position-week__title::before, .itv-air-position-week.next .itv-air-position-week__time::before, .itv-air-position-week.next .itv-air-position-week__title::before {
    content: "Â ";
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    opacity: .5
}

.itv-air-position-week.current .itv-air-position-button-color, .itv-air-position-week.current .itv-air-position-week__age, .itv-air-position-week.current .itv-air-position-week__time, .itv-air-position-week.current .itv-air-position-week__title-text, .itv-air-position-week.next .itv-air-position-button-color, .itv-air-position-week.next .itv-air-position-week__age, .itv-air-position-week.next .itv-air-position-week__time, .itv-air-position-week.next .itv-air-position-week__title-text {
    color: #fff;
    border-color: #fff;
    fill: #fff
}

.itv-air-position-week.current .titleicon, .itv-air-position-week.next .titleicon {
    background-image: url("")
}

.itv-air-position-week.current {
    background-color: #0757a8
}

.itv-air-position-week.current .itv-air-position-week__title::before {
    content: attr(data-label_now)
}

.itv-air-position-week.current .itv-schedule-week__label {
    display: none
}

.itv-air-position-week.current .itv-schedule-week__current-label {
    display: inline-block
}

.itv-air-position-week.next {
    background-color: #1f7ac2
}

.itv-air-position-week.next .itv-air-position-week__title::before {
    content: attr(data-label_next)
}

.itv-air-position__event-icon_wrapper {
    display: inline-block;
    height: 20px;
    margin-left: 9px;
    margin-top: -2px;
    padding: 2px;
    border-radius: 2px;
    background-color: #fff;
    vertical-align: middle
}

.itv-air-position__event-icon {
    display: block;
    height: 16px;
    width: auto
}

.itv-air-position__hbb-wrapper {
    display: inline-block;
    width: 94px;
    height: 16px;
    margin-left: 9px;
    margin-top: -1px;
    vertical-align: middle;
    box-sizing: content-box
}

.itv-air-position__hbb-wrapper:after {
    margin-left: 0 !important
}

.itv-air-position__hbbtv-icon {
    display: inline-block;
    width: 94px;
    height: 16px;
    background-image: url("");
    background-size: 94px 16px;
    margin-bottom: 3px
}

.air_position_day__title .itv-air-position__event-icon_wrapper {
    height: 22px;
    margin-left: 13px;
    margin-top: 0
}

.air_position_day__title .itv-air-position__event-icon {
    height: 18px
}

article.itv-schedule-week {
    margin-top: 15px
}

article.itv-schedule-week .middle-promo-place {
    background-color: transparent;
    margin-bottom: 10px
}

.itv-schedule-week__header {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 15px;
    background-color: rgba(255, 255, 255, .95)
}

.sticked .itv-schedule-week__header {
    position: fixed;
    top: 60px;
    margin: 0;
    z-index: 99
}

.sticked .itv-schedule-week__header-sticky-filler {
    height: 55px
}

.itv-schedule-week__link_label {
    display: block;
    position: absolute;
    width: 210px;
    height: 30px;
    padding: 0 15px;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    background-color: rgba(32, 160, 241, .9);
    border-radius: 2px;
    z-index: 1
}

.itv-schedule-week__link_label--show {
    display: block
}

.itv-schedule-week__calendar {
    background-color: #fff;
    margin: 20px auto
}

@media (min-width: 733px) {
    .itv-schedule-week__calendar {
        padding: 20px 40px 40px
    }
}

.itv-schedule-week__calendar .pika-lendar td.is-selected, .itv-schedule-week__calendar .pika-lendar td.is-selected ~ td {
    padding: 0;
    color: #fff;
    background-color: #0757a8;
    opacity: 1
}

.itv-schedule-week__calendar .pika-lendar td.is-selected .pika-button {
    font-weight: 400
}

.itv-schedule-week__calendar .pika-lendar td.is-selected ~ td:nth-child(6), .itv-schedule-week__calendar .pika-lendar td.is-selected ~ td:nth-child(7) {
    background-color: #eb0f4d
}

.itv-schedule-week__calendar-title {
    display: block;
    margin: 20px auto 10px;
    font-size: 22px;
    font-weight: 700;
    max-width: 312px
}

.itv-schedule-week__header-title {
    align-items: center
}

@media (max-width: 732px) {
    .itv-schedule-week__header-title {
        margin: 0 20px
    }
}

.itv-schedule-week__header-arrow {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    flex: 0 0 auto
}

.itv-schedule-week__header-arrow.disabled {
    opacity: .8;
    pointer-events: none
}

.itv-schedule-week__header-arrow--left {
    background-image: url("")
}

.itv-schedule-week__header-arrow--right {
    background-image: url("")
}

.itv-schedule-week__calendar_button {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    border-color: #959fa8;
    font-size: 13px;
    line-height: 38px
}

.itv-schedule-week__calendar_button:active, .itv-schedule-week__calendar_button:hover {
    border-color: gray
}

.itv-schedule-week__calendar_button::before {
    content: "";
    display: inline-block;
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 38px;
    margin-right: 12px;
    vertical-align: middle
}

.itv-schedule-week__date_text {
    margin: 0 15px;
    flex: 1 1 auto;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #05519d
}

.itv-schedule-week__day-container {
    border-top: 1px solid rgba(5, 81, 157, .2);
    padding-top: 25px
}

@media (min-width: 733px) {
    .itv-schedule-week__day-container {
        margin: 0 12px 20px
    }
}

.itv-schedule-week__day-title {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
    color: #0757a8
}

.itv-schedule-week__day {
    display: flex;
    margin: 0 -12px 20px
}

@media (max-width: 732px) {
    .itv-schedule-week__day {
        flex-direction: column;
        align-items: stretch;
        flex-wrap: wrap
    }
}

.itv-schedule-week__time-of-day {
    margin: 0 12px
}

@media (min-width: 733px) {
    .itv-schedule-week__time-of-day {
        width: calc(100% / 3)
    }
}

.itv-schedule-week__time-of-day-title {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #0757a8;
    text-transform: capitalize
}

.itv-schedule-week__time-of-day-title.itv-schedule-week__time-of-day-title--past {
    opacity: .5
}

.itv-schedule-week__button-detail {
    margin-left: 0;
    margin-right: 0
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.rating {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 15px auto 0 auto;
    max-height: 100px;
    transition: max-height .2s linear, margin .2s linear;
    transition-delay: 0;
    overflow: hidden
}

.rating__icon {
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.rating__count, .rating__text {
    text-align: center
}

@media (min-width: 733px) {
    .w__block__voting .collection_items a.card .text.hoverable {
        display: flex;
        flex-direction: column
    }

    .w__block__voting .collection_items a.card .text.hoverable .rating + .lead {
        margin: 0 !important
    }

    .itv-card-rating {
        display: flex;
        flex-direction: column
    }

    .itv-card-rating .lead {
        max-height: 0;
        margin-top: 15px;
        overflow: hidden;
        transition: max-height .2s linear, margin .2s linear
    }

    .itv-card-rating .rating {
        z-index: 2;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        transition: all .2s;
        transition-delay: .15s !important
    }

    .all-video .itv-card-rating .lead {
        max-height: none
    }

    .all-video .itv-card-rating .rating {
        display: none
    }

    .hoverable:hover .itv-card-rating .rating {
        margin: 0;
        max-height: 0;
        position: relative;
        transition-delay: 0s !important
    }

    .hoverable:hover .itv-card-rating .lead {
        max-height: 350px
    }
}

.w_content {
    max-width: 100%
}

@media (min-width: 733px) {
    .w_content .w_row .w_block.c-12 {
        display: block;
        width: 100%;
        max-width: 984px;
        margin: 0 auto
    }
}

@media (min-width: 733px) and (min-width: 1600px) {
    .w_content .w_row .w_block.c-12 {
        max-width: 960px
    }
}

@media (min-width: 733px) {
    .w_content .with-right-column .w_block.c-8 {
        display: block;
        margin: 0 auto;
        width: 100%
    }
}

@media (min-width: 733px) and (min-width: 733px) and (max-width: 1599px) {
    .w_content .with-right-column .w_block.c-8 {
        max-width: 648px
    }
}

@media (min-width: 733px) and (min-width: 1600px) {
    .w_content .with-right-column .w_block.c-8 {
        max-width: 984px
    }

    .w_content .with-right-column .w_block.c-8 .text-block {
        max-width: 648px;
        margin-left: auto;
        margin-right: auto
    }
}

.row_with_face {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.row_with_face .w_block.c-4 {
    margin: 20px 12px
}

@media (max-width: 732px) {
    .show-main.branded .w_content > .itv-container > .itv-row.itv-row--flex.itv-col-s-wide {
        margin: 0;
        max-width: 100%
    }
}

article.show-main .tv1player {
    height: auto
}

article.show-main .tv1player::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%
}

article.show-main .w_row .w__block__video.with_player {
    max-width: 984px;
    margin: 20px auto 0
}

article.show-main .w_row.big-slider .w_block {
    margin: 0 auto;
    width: 100%
}

article.show-main .w_row.big-slider .w_block .w__block__collection {
    width: 100%;
    margin: 0
}

article.show-main .w_row.big-slider .w_block .w__block__collection .w_collection_items {
    max-width: 984px;
    margin: 0 auto 20px
}

@media (min-width: 733px) and (max-width: 1599px) {
    article.show-main .w_row.big-slider .w_block .w__block__collection .w_collection_items.w__block__video.with_player {
        width: 100%
    }
}

article.show-main .w_content {
    width: auto;
    margin: 0 auto
}

@media (min-width: 1600px) {
    article.show-main .w_content {
        width: auto
    }
}



@media (min-width: 733px) {
    article.show-main .w_content .w_row {
        margin: 0 auto
    }
}

article.show-main > .background {
    position: relative
}

article.show-main > .background .w_content .project_title {
    position: relative;
    z-index: 2
}

article.show-main > .background .w_content .bg-mask-wrapper {
    opacity: .3
}

article.show-main > .background .w_content .bg-mask-wrapper::after {
    box-shadow: 0 0 60px 120px
}

article.show-main > .background .w_row:not(:first-child) {
    position: relative
}

article.show-main hr.fat {
    margin-top: -10px
}

article.show-main .promoted-video header {
    height: 60px;
    font-size: 30px;
    line-height: 55px;
    margin: 0 auto;
    text-align: center
}

article.show-main .promoted-video img {
    width: 100%
}

article.show-main .promoted-video .description {
    padding: 0 20px;
    font-size: 16px;
    height: 60px
}

article.show-main section.bg {
    min-height: 500px;
    position: relative
}

article.show-main section.bg .content {
    position: relative
}

article.show-main.bg-color-base .collection-faces .face .name {
    color: #fff !important
}

article.show-main .project-image {
    max-width: 816px;
    height: auto;
    margin: 50px auto;
    position: relative;
    background-size: contain;
    z-index: 2;
    padding: 0
}

article.show-main .project-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

article.show-main section.about {
    margin: 40px auto 0 auto;
    padding: 0;
    position: relative;
    z-index: 2
}

article.show-main section.about .itv-project__about-title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px
}

article.show-main section.about .framed {
    border-width: 10px;
    border-style: solid
}

article.show-main section.about .framed .text {
    margin: 50px auto;
    padding: 0;
    font-size: 16px;
    letter-spacing: .25px
}

article.show-main section.about .framed .text a {
    text-decoration: underline
}

article.show-main section.about .framed .buttons {
    opacity: 1;
    margin: 50px auto;
    padding: 0
}

article.show-main section.about .framed .buttons .social-buttons > div {
    margin: 0 24px 0 0;
    width: 144px
}

article.show-main section.about .framed .buttons .social-buttons > div:last-child {
    margin-right: 0
}

article.show-main .closing-message {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    overflow: hidden;
    word-wrap: break-word
}

@media (max-width: 732px) {
    article.show-main .closing-message {
        line-height: 35px
    }
}

article.show-main section.image {
    margin-bottom: 20px;
    padding: 0
}

article.show-main section.image img {
    display: block;
    margin: 0 auto
}

article.show-main .page-bottom {
    padding-top: 20px
}

article.show-main.rubric-video {
    position: relative
}

article.show-main.rubric-video .right-column .content {
    padding: 0;
    width: 100%
}

article.show-main.rubric-video .content {
    width: 1024px;
    margin: 0 auto;
    padding: 0 4px
}

article.show-main.rubric-video hr.fat {
    margin: 0
}

article.show-main.rubric-video .bg-mask-wrapper {
    opacity: .3
}

article.show-main.rubric-video .project-image {
    position: relative;
    margin-bottom: 30px;
    z-index: 2
}

article.show-main.rubric-video section.promoted-video {
    color: inherit
}

article.show-main.rubric-video h2.title {
    margin: 20px 12px;
    overflow: hidden;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase
}

article.show-main.rubric-video .voting-lead {
    margin: 20px auto 0;
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    max-width: 688px
}

article.show-main.rubric-video section.filter::after {
    display: block;
    content: "";
    clear: both
}

article.show-main.rubric-video section.filter .search-title {
    font-size: 24px;
    padding-left: 12px;
    text-align: center
}

article.show-main.rubric-video section.filter button {
    display: inline-block;
    margin: 10px 12px 10px 0;
    width: 312px;
    max-width: 100%
}

article.show-main.rubric-video section.filter a.sort {
    float: right;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    text-decoration: none
}

article.show-main.rubric-video section.filter a.sort::after {
    content: "";
    display: none;
    vertical-align: middle;
    margin-left: 10px;
    width: 7px;
    height: 7px;
    border: 2px solid;
    border-right: none;
    border-top: none
}

article.show-main.rubric-video section.filter a.sort.desc::after {
    display: inline-block;
    margin-bottom: 4px;
    transform: rotate(-45deg)
}

article.show-main.rubric-video section.filter a.sort.asc::after {
    display: inline-block;
    transform: rotate(135deg);
    margin-top: 4px
}

article.show-main.rubric-video .with-right-column section.collection-1 button.loadable {
    margin: 10px 20px 0 12px
}

article.show-main.rubric-video .share-buttons {
    max-width: 648px;
    margin: 20px auto 0
}

article.show-main.rubric-video .closing-message {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 732px) {
    article.show-main.rubric-video .closing-message {
        line-height: 30px;
        font-size: 20px;
        white-space: normal
    }
}

article.show-main.rubric-video .calendar {
    display: none
}

article.show-main.rubric-video .calendar #pikaday {
    width: 312px
}

article.show-main .w__block__video .splash_wrapper img {
    width: 100%;
    height: auto
}

section.collection-1 {
    margin-top: 13px;
    transition: max-height 1s
}

section.collection-1 div.card {
    padding: 0
}

section.collection-1 .collection_items {
    transition: max-height 1s;
    overflow: hidden
}

section.collection-1 button.loadable {
    display: block;
    width: 312px;
    margin: 10px auto 0;
    max-height: 40px
}

@media (min-width: 733px) {
    section.collection-1 button.loadable {
        width: 100%;
        max-width: calc(100% - 24px);
        margin: 10px 12px 0
    }
}

section.collection-1 section.video-cards {
    margin-bottom: 20px
}

section.collection-1 section.video-cards p {
    font-size: 14px
}

section.collection-1 section.video-cards .card {
    height: 340px;
    margin-bottom: 24px;
    padding: 4px;
    border: none;
    overflow: hidden;
    transition: all .2s
}

section.collection-1 section.video-cards .card.promo img {
    max-height: 100% !important
}

section.collection-1 section.video-cards .card a.card {
    padding: 4px;
    width: 100%
}

section.collection-1 section.video-cards .card a {
    padding: 0
}

section.collection-1 section.video-cards .card a .img-wrapper {
    background-color: #000;
    max-width: 100%;
    max-height: 171px;
    height: 100%;
    width: 100%;
    overflow: hidden
}

section.collection-1 section.video-cards .card a .img-wrapper img {
    background-color: transparent;
    width: auto;
    max-width: 100%;
    height: 171px;
    margin: 0 auto;
    display: block;
    transition: .7s
}

section.collection-1 section.video-cards .card a .img-wrapper img[src=''] {
    opacity: 0
}

section.collection-1 section.video-cards .card a:hover .img-wrapper img {
    transform: scale(1.15)
}

section.collection-1 section.video-cards .card a .play-icon {
    width: 20px;
    height: 20px;
    background: url("");
    position: absolute;
    top: 15px;
    right: 12px;
    z-index: 2
}

section.collection-1 section.video-cards .card a .info {
    top: 5px;
    margin-top: 0
}

section.collection-1 section.video-cards .card a .info .time {
    display: none
}

section.collection-1 section.video-cards .card a .info .date {
    display: none;
    left: 0;
    bottom: 0;
    line-height: 40px
}

section.collection-1 section.video-cards .card a .text {
    height: 161px;
    margin: 0;
    padding: 15px 12px;
    overflow: hidden;
    position: absolute;
    top: 171px;
    left: 0;
    right: 0;
    z-index: 3;
    transition: all .2s
}

@media (min-width: 984px) {
    section.collection-1 section.video-cards .card a .text.hoverable:hover {
        top: 0;
        height: 326px
    }
}

section.collection-1 section.video-cards .card a .text::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: -1px;
    box-shadow: 0 0 20px 20px;
    margin-left: -20px;
    transition: all .2s
}

section.collection-1 section.video-cards .card a .text .title {
    color: inherit;
    font-size: 19px;
    line-height: 22px;
    font-weight: 700
}

section.collection-1 section.video-cards .card a .text .lead {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400
}

section.collection-1 section.video-cards .card.promo {
    background-color: transparent !important;
    padding: 0
}

section.collection-1 section.video-cards .card.promo .side-promo-place-right::before {
    line-height: 12px
}

section.collection-1 section.video-cards .card__label_external_embed {
    font-size: 12px
}

@media (max-width: 732px) {
    .type-mosaic .collection_items .card.card.promo, .type-mosaic .w_collection_items .card.card.promo {
        width: 100%;
        height: auto;
        padding: 0 10px
    }

    .type-mosaic .collection_items .card.card.promo .side-promo-place-right, .type-mosaic .w_collection_items .card.card.promo .side-promo-place-right {
        width: 100%;
        box-sizing: border-box
    }

    .type-mosaic .collection_items .card.card.promo .side-promo-place-right .promo-place, .type-mosaic .w_collection_items .card.card.promo .side-promo-place-right .promo-place {
        width: 100%
    }
}

@media (min-width: 733px) {
    .type-mosaic .collection_items .card.card.promo, .type-mosaic .w_collection_items .card.card.promo {
        height: auto;
        margin: 12px;
        margin-top: 5px
    }
}

section.teams h2.title {
    margin: 40px 12px 35px;
    overflow: hidden;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase
}

.panel-body > .w .slick-arrow {
    display: none !important
}

.type-big-slider-with-playlist .eump-control-list-popup, .type-big-slider-with-playlist .tv1-list-popup-button.tv1-control, .video-player-with-playlist .eump-control-list-popup, .video-player-with-playlist .tv1-list-popup-button.tv1-control {
    display: none !important
}

.itv-news-single .w__block__collection.type-tiles .button.transparent {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media (max-width: 732px) {
    .itv-news-single .w__block__collection.type-tiles .button.transparent {
        display: block;
        width: 312px;
        margin-left: auto;
        margin-right: auto
    }
}

.show-main .w__block__collection.type-tiles .button.transparent {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 0
}

@media (min-width: 733px) {
    .show-main .w__block__collection.type-tiles .button.transparent {
        max-width: 984px
    }
}

@media (min-width: 1600px) {
    .show-main .w__block__collection.type-tiles .button.transparent {
        max-width: 1320px
    }
}

.show-main .with-right-column .w__block__collection.type-tiles .button.transparent {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%
}

.show-main .editor.text-block {
    margin: 0 20px
}

.grid .w__block__collection.type-tiles .button.transparent {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.w__block__collection.type-slider .w_collection_items div.card:only-child {
    display: block
}

.w__block__collection.type-slider .w_collection_items div.card:only-child .card {
    display: block;
    margin: 0 auto
}

.grid4 .w__block__collection.type-tiles .w_collection_items a.card {
    margin: 0 0 24px
}

.w_collection_title {
    display: block;
    position: relative;
    padding: 0 40px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    font-weight: 400
}

.w_collection_title:empty {
    margin-top: 20px
}

.w__block__collection, div[class*=collection-] {
    overflow: hidden;
    transition: all 1s
}

.w__block__collection.type-big-slider-with-playlist .w_collection_items, div[class*=collection-].type-big-slider-with-playlist .w_collection_items {
    width: 984px;
    margin-left: 0
}

.w__block__collection.type-big-slider-with-playlist .w_collection_items a:not(:first-child), div[class*=collection-].type-big-slider-with-playlist .w_collection_items a:not(:first-child) {
    display: none
}

.w__block__collection .collection-name, .w__block__collection .w_collection_title, .w__block__collection .w_photo_gallery_title, div[class*=collection-] .collection-name, div[class*=collection-] .w_collection_title, div[class*=collection-] .w_photo_gallery_title {
    display: block;
    position: relative;
    padding: 0 20px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1.1px;
    text-transform: uppercase
}

.w__block__collection .collection-name:empty, .w__block__collection .w_collection_title:empty, .w__block__collection .w_photo_gallery_title:empty, div[class*=collection-] .collection-name:empty, div[class*=collection-] .w_collection_title:empty, div[class*=collection-] .w_photo_gallery_title:empty {
    margin-top: 0;
    margin-bottom: 15px
}

@media (max-width: 1599px) {
    .w__block__collection .collection-name:empty, .w__block__collection .w_collection_title:empty, .w__block__collection .w_photo_gallery_title:empty, div[class*=collection-] .collection-name:empty, div[class*=collection-] .w_collection_title:empty, div[class*=collection-] .w_photo_gallery_title:empty {
        margin-bottom: 8px
    }
}

.w__block__collection .w_collection_lead, div[class*=collection-] .w_collection_lead {
    display: none
}

@media (max-width: 732px) {
    .type-mosaic .w__block__collection .w_collection_items, .type-mosaic div[class*=collection-] .w_collection_items {
        margin: 0
    }
}

@media (min-width: 733px) {
    .w__block__collection .w_collection_items, div[class*=collection-] .w_collection_items {
        overflow: hidden
    }
}

.w__block__collection .w_collection_items button.slick-arrow, div[class*=collection-] .w_collection_items button.slick-arrow {
    background-color: transparent;
    border: none
}

.w__block__collection .card, div[class*=collection-] .card {
    position: relative;
    display: inline-block;
    vertical-align: top;
    word-break: normal;
    overflow: hidden;
    border: none
}

.w__block__collection .card.with_player .splash_wrapper, div[class*=collection-] .card.with_player .splash_wrapper {
    display: none
}

.w__block__collection .card .text, div[class*=collection-] .card .text {
    overflow: hidden
}

.w__block__collection .card .text .description, div[class*=collection-] .card .text .description {
    display: none
}

.w__block__collection .card img, div[class*=collection-] .card img {
    display: block;
    position: relative;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.w__block__collection .card .play-icon, div[class*=collection-] .card .play-icon {
    width: 20px;
    height: 20px;
    background: url("");
    position: absolute;
    top: 15px;
    right: 12px;
    z-index: 2
}

.w__block__collection.type-big-slider, .w__block__collection.type-big-slider-with-playlist, div[class*=collection-].type-big-slider, div[class*=collection-].type-big-slider-with-playlist {
    width: 984px;
    overflow: hidden;
    max-width: 100%
}

.w__block__collection.type-big-slider .w__block__video, .w__block__collection.type-big-slider-with-playlist .w__block__video, div[class*=collection-].type-big-slider .w__block__video, div[class*=collection-].type-big-slider-with-playlist .w__block__video {
    border: none
}

.w__block__collection.type-big-slider .w__block__video .playlist, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist, div[class*=collection-].type-big-slider .w__block__video .playlist, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist {
    position: relative;
    width: 100%;
    height: 170px;
    padding: 0 20px;
    overflow: hidden;
    background-color: #000;
    color: #fff !important
}

.w__block__collection.type-big-slider .w__block__video .playlist a.card, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist a.card, div[class*=collection-].type-big-slider .w__block__video .playlist a.card, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist a.card {
    display: inline-block;
    width: 144px;
    height: 100%;
    margin-right: 24px;
    padding-top: 20px;
    color: #a3a3a3;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.25px;
    overflow: hidden;
    border: none;
    outline: 0;
    opacity: .8;
    background-color: #000 !important
}

.w__block__collection.type-big-slider .w__block__video .playlist a.card:hover, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist a.card:hover, div[class*=collection-].type-big-slider .w__block__video .playlist a.card:hover, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist a.card:hover {
    opacity: 1;
    color: #fff;
    text-decoration: none
}

.w__block__collection.type-big-slider .w__block__video .playlist a.card.active, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist a.card.active, div[class*=collection-].type-big-slider .w__block__video .playlist a.card.active, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist a.card.active {
    opacity: .4;
    text-decoration: none
}

.w__block__collection.type-big-slider .w__block__video .playlist a.card:last-child, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist a.card:last-child, div[class*=collection-].type-big-slider .w__block__video .playlist a.card:last-child, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist a.card:last-child {
    margin-right: 0 !important
}

.w__block__collection.type-big-slider .w__block__video .playlist a.card .image, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist a.card .image, div[class*=collection-].type-big-slider .w__block__video .playlist a.card .image, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist a.card .image {
    width: 100%;
    height: 81px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.w__block__collection.type-big-slider .w__block__video .playlist a.card .text, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist a.card .text, div[class*=collection-].type-big-slider .w__block__video .playlist a.card .text, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist a.card .text {
    color: #fff;
    margin: 0;
    font-size: inherit;
    line-height: inherit
}

.w__block__collection.type-big-slider .w__block__video .playlist::after, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist::after, div[class*=collection-].type-big-slider .w__block__video .playlist::after, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    box-shadow: 0 0 10px 10px #000
}

.w__block__collection.type-big-slider .w__block__video .playlist .slick-arrow, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist .slick-arrow, div[class*=collection-].type-big-slider .w__block__video .playlist .slick-arrow, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist .slick-arrow {
    width: 80px;
    height: 100%;
    margin: 0;
    background-color: transparent;
    border: none;
    opacity: 1
}

.w__block__collection.type-big-slider .w__block__video .playlist .slick-arrow.slick-next, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist .slick-arrow.slick-next, div[class*=collection-].type-big-slider .w__block__video .playlist .slick-arrow.slick-next, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist .slick-arrow.slick-next {
    right: 0;
    background-image: url("")
}

.w__block__collection.type-big-slider .w__block__video .playlist .slick-arrow.slick-prev, .w__block__collection.type-big-slider-with-playlist .w__block__video .playlist .slick-arrow.slick-prev, div[class*=collection-].type-big-slider .w__block__video .playlist .slick-arrow.slick-prev, div[class*=collection-].type-big-slider-with-playlist .w__block__video .playlist .slick-arrow.slick-prev {
    left: 0;
    background-image: url("")
}

.w__block__collection.type-big-slider a.card, .w__block__collection.type-big-slider-with-playlist a.card, div[class*=collection-].type-big-slider a.card, div[class*=collection-].type-big-slider-with-playlist a.card {
    width: 984px;
    max-width: 100%;
    max-height: 750px;
    text-decoration: none;
    outline: 0
}

.w__block__collection.type-big-slider a.card:only-child, .w__block__collection.type-big-slider-with-playlist a.card:only-child, div[class*=collection-].type-big-slider a.card:only-child, div[class*=collection-].type-big-slider-with-playlist a.card:only-child {
    display: block;
    margin: 0 auto
}

.w__block__collection.type-big-slider a.card img, .w__block__collection.type-big-slider-with-playlist a.card img, div[class*=collection-].type-big-slider a.card img, div[class*=collection-].type-big-slider-with-playlist a.card img {
    width: 100%;
    height: auto
}

.w__block__collection.type-big-slider a.card .play-icon, .w__block__collection.type-big-slider-with-playlist a.card .play-icon, div[class*=collection-].type-big-slider a.card .play-icon, div[class*=collection-].type-big-slider-with-playlist a.card .play-icon {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-image: url("");
    background-size: 100px
}

.w__block__collection.type-big-slider a.card .text, .w__block__collection.type-big-slider-with-playlist a.card .text, div[class*=collection-].type-big-slider a.card .text, div[class*=collection-].type-big-slider-with-playlist a.card .text {
    padding: 0 5px
}

.w__block__collection.type-big-slider a.card .text .subtitle, .w__block__collection.type-big-slider a.card .text .title, .w__block__collection.type-big-slider-with-playlist a.card .text .subtitle, .w__block__collection.type-big-slider-with-playlist a.card .text .title, div[class*=collection-].type-big-slider a.card .text .subtitle, div[class*=collection-].type-big-slider a.card .text .title, div[class*=collection-].type-big-slider-with-playlist a.card .text .subtitle, div[class*=collection-].type-big-slider-with-playlist a.card .text .title {
    display: none
}

.w__block__collection.type-big-slider a.card .text .lead, .w__block__collection.type-big-slider-with-playlist a.card .text .lead, div[class*=collection-].type-big-slider a.card .text .lead, div[class*=collection-].type-big-slider-with-playlist a.card .text .lead {
    overflow: hidden;
    font-size: 16px;
    line-height: 20px;
    display: block
}

.w__block__collection.type-big-slider-with-playlist.type-big-slider .slick-slider button.slick-arrow, .w__block__collection.type-big-slider.type-big-slider .slick-slider button.slick-arrow, div[class*=collection-].type-big-slider-with-playlist.type-big-slider .slick-slider button.slick-arrow, div[class*=collection-].type-big-slider.type-big-slider .slick-slider button.slick-arrow {
    display: none !important
}

.w__block__collection.type-row .w_collection_items, div[class*=collection-].type-row .w_collection_items {
    height: 300px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.w__block__collection.type-row .w_collection_items div.card, div[class*=collection-].type-row .w_collection_items div.card {
    flex-shrink: 0
}

.w__block__collection.type-row .w_collection_items a.card, div[class*=collection-].type-row .w_collection_items a.card {
    display: inline-block;
    width: 312px;
    height: 300px;
    background-color: transparent;
    color: inherit;
    margin: 0 12px;
    text-decoration: none;
    cursor: pointer
}

.w__block__collection.type-row .w_collection_items a.card:nth-child(n+4), div[class*=collection-].type-row .w_collection_items a.card:nth-child(n+4) {
    display: none
}

.w__block__collection.type-row .w_collection_items a.card img, div[class*=collection-].type-row .w_collection_items a.card img {
    transition: all .7s
}

.w__block__collection.type-row .w_collection_items a.card .img-wrapper, div[class*=collection-].type-row .w_collection_items a.card .img-wrapper {
    overflow: hidden;
    border: 4px solid
}

.w__block__collection.type-row .w_collection_items a.card .text, div[class*=collection-].type-row .w_collection_items a.card .text {
    padding: 5px 10px 0 10px;
    height: 105px;
    overflow: hidden
}

.w__block__collection.type-row .w_collection_items a.card .text::after, div[class*=collection-].type-row .w_collection_items a.card .text::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    color: #fff;
    box-shadow: 0 0 15px 20px
}

.w__block__collection.type-row .w_collection_items a.card .text .rubric, div[class*=collection-].type-row .w_collection_items a.card .text .rubric {
    display: none
}

.w__block__collection.type-row .w_collection_items a.card .text .show-name, .w__block__collection.type-row .w_collection_items a.card .text .title, div[class*=collection-].type-row .w_collection_items a.card .text .show-name, div[class*=collection-].type-row .w_collection_items a.card .text .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: inherit
}

.w__block__collection.type-row .w_collection_items a.card .text .date, .w__block__collection.type-row .w_collection_items a.card .text .lead, .w__block__collection.type-row .w_collection_items a.card .text .subtitle, .w__block__collection.type-row .w_collection_items a.card .text .views, div[class*=collection-].type-row .w_collection_items a.card .text .date, div[class*=collection-].type-row .w_collection_items a.card .text .lead, div[class*=collection-].type-row .w_collection_items a.card .text .subtitle, div[class*=collection-].type-row .w_collection_items a.card .text .views {
    display: none
}

.w__block__collection.type-row .w_collection_items a.card:hover .text, div[class*=collection-].type-row .w_collection_items a.card:hover .text {
    text-decoration: underline
}

.w__block__collection.type-slider .w_collection_items, div[class*=collection-].type-slider .w_collection_items {
    width: auto;
    overflow: hidden;
    position: relative
}

.w__block__collection.type-slider .w_collection_items:not(.slick-initialized) div.card:not(:first-child), div[class*=collection-].type-slider .w_collection_items:not(.slick-initialized) div.card:not(:first-child) {
    display: none
}

@media (min-width: 733px) {
    .w__block__collection.type-slider .w_collection_items::before, div[class*=collection-].type-slider .w_collection_items::before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 300px;
        box-shadow: -60px 0 54px 172px;
        z-index: 3;
        left: -5px;
        top: 60px
    }

    .w__block__collection.type-slider .w_collection_items::after, div[class*=collection-].type-slider .w_collection_items::after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 300px;
        box-shadow: 60px 0 54px 172px;
        z-index: 3;
        right: -5px;
        top: 60px
    }
}

.w__block__collection.type-slider .w_collection_items div.card, div[class*=collection-].type-slider .w_collection_items div.card {
    margin: 0 12px
}

.w__block__collection.type-slider .w_collection_items a.card, div[class*=collection-].type-slider .w_collection_items a.card {
    display: none;
    position: relative;
    margin: 0;
    border: 4px solid;
    width: 648px;
    height: 368px;
    overflow: hidden;
    outline: 0
}

@media (max-width: 732px) {
    .w__block__collection.type-slider .w_collection_items a.card, div[class*=collection-].type-slider .w_collection_items a.card {
        height: auto
    }
}

.w__block__collection.type-slider .w_collection_items a.card .img-wrapper, div[class*=collection-].type-slider .w_collection_items a.card .img-wrapper {
    height: 100%
}

.w__block__collection.type-slider .w_collection_items a.card.slick-slide, div[class*=collection-].type-slider .w_collection_items a.card.slick-slide {
    display: block
}

.w__block__collection.type-slider .w_collection_items a.card.slick-slide:not(.slick-active,.slick-current), div[class*=collection-].type-slider .w_collection_items a.card.slick-slide:not(.slick-active,.slick-current) {
    opacity: .4
}

.w__block__collection.type-slider .w_collection_items a.card:only-child, div[class*=collection-].type-slider .w_collection_items a.card:only-child {
    display: block;
    margin: 0 auto
}

.w__block__collection.type-slider .w_collection_items a.card img, div[class*=collection-].type-slider .w_collection_items a.card img {
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: 100%
}

.w__block__collection.type-slider .w_collection_items a.card .play-icon, div[class*=collection-].type-slider .w_collection_items a.card .play-icon {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-image: url("");
    background-size: 100px
}

.w__block__collection.type-slider .w_collection_items a.card .text, div[class*=collection-].type-slider .w_collection_items a.card .text {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 640px;
    min-height: 120px;
    max-height: 145px;
    overflow: hidden;
    background-image: url("");
    background-size: 100% 100%;
    color: #fff
}

.w__block__collection.type-slider .w_collection_items a.card .text::after, div[class*=collection-].type-slider .w_collection_items a.card .text::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    box-shadow: 0 0 15px 15px #000
}

.w__block__collection.type-slider .w_collection_items a.card .text .date, .w__block__collection.type-slider .w_collection_items a.card .text .rubric, .w__block__collection.type-slider .w_collection_items a.card .text .views, div[class*=collection-].type-slider .w_collection_items a.card .text .date, div[class*=collection-].type-slider .w_collection_items a.card .text .rubric, div[class*=collection-].type-slider .w_collection_items a.card .text .views {
    display: none
}

.w__block__collection.type-slider .w_collection_items a.card .text .show-name, .w__block__collection.type-slider .w_collection_items a.card .text .title, div[class*=collection-].type-slider .w_collection_items a.card .text .show-name, div[class*=collection-].type-slider .w_collection_items a.card .text .title {
    position: absolute;
    bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    width: unset;
    max-width: unset;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 25px
}

.w__block__collection.type-slider .w_collection_items a.card .text .subtitle, div[class*=collection-].type-slider .w_collection_items a.card .text .subtitle {
    margin-top: 10px;
    padding: 0;
    color: #96a0a8
}

.w__block__collection.type-slider .w_collection_items .slick-arrow--svg-icon, div[class*=collection-].type-slider .w_collection_items .slick-arrow--svg-icon {
    width: 60px;
    height: 60px
}

.w__block__collection.type-slider .w_collection_items button.slick-arrow, div[class*=collection-].type-slider .w_collection_items button.slick-arrow {
    z-index: 99;
    height: 100%;
    width: 150px;
    position: absolute;
    top: -18px;
    opacity: 0;
    background-color: transparent;
    background-size: 60px 60px;
    margin: 0;
    padding: 0;
    border: none;
    background-image: none
}

.w__block__collection.type-slider .w_collection_items button.slick-arrow.slick-prev, div[class*=collection-].type-slider .w_collection_items button.slick-arrow.slick-prev {
    left: 0
}

.w__block__collection.type-slider .w_collection_items button.slick-arrow.slick-next, div[class*=collection-].type-slider .w_collection_items button.slick-arrow.slick-next {
    right: 0
}

.w__block__collection.type-slider .w_collection_items:hover button.slick-arrow, div[class*=collection-].type-slider .w_collection_items:hover button.slick-arrow {
    opacity: .8
}

.w__block__collection.type-slider .w_collection_items:hover button.slick-arrow:hover, div[class*=collection-].type-slider .w_collection_items:hover button.slick-arrow:hover {
    opacity: 1
}

.w__block__collection.type-tiles, div[class*=collection-].type-tiles {
    overflow: visible
}

.w__block__collection.type-tiles .button.transparent, div[class*=collection-].type-tiles .button.transparent {
    margin-left: 12px;
    margin-right: 12px;
    width: calc(100% - 24px)
}

.w__block__collection.type-tiles .w_collection_items, div[class*=collection-].type-tiles .w_collection_items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media (max-width: 732px) {
    .w__block__collection.type-tiles .w_collection_items, div[class*=collection-].type-tiles .w_collection_items {
        flex-direction: column;
        align-items: center
    }
}

.w__block__collection.type-tiles .w_collection_items .card.card-width-4 .card__label_external_embed, div[class*=collection-].type-tiles .w_collection_items .card.card-width-4 .card__label_external_embed {
    font-size: 12px
}

.w__block__collection.type-tiles .w_collection_items div.card, div[class*=collection-].type-tiles .w_collection_items div.card {
    margin: 0 0 24px;
    width: 312px
}

@media (min-width: 733px) {
    .w__block__collection.type-tiles .w_collection_items div.card, div[class*=collection-].type-tiles .w_collection_items div.card {
        margin: 0 12px 24px 12px
    }
}

.w__block__collection.type-tiles .w_collection_items div.card a.card, div[class*=collection-].type-tiles .w_collection_items div.card a.card {
    margin: 0;
    width: auto
}

.w__block__collection.type-tiles .w_collection_items a.card, div[class*=collection-].type-tiles .w_collection_items a.card {
    display: block;
    margin: 12px;
    padding: 4px;
    width: 312px;
    height: 340px;
    text-decoration: none;
    transition: all .2s
}

.w__block__collection.type-tiles .w_collection_items a.card:hover, div[class*=collection-].type-tiles .w_collection_items a.card:hover {
    text-decoration: none
}

.w__block__collection.type-tiles .w_collection_items a.card .text, div[class*=collection-].type-tiles .w_collection_items a.card .text {
    height: 160px;
    margin-top: 0;
    width: 100%;
    padding: 0 12px 5px 12px;
    position: absolute;
    top: 175px;
    left: 0;
    z-index: 3;
    transition: all .2s
}

.w__block__collection.type-tiles .w_collection_items a.card .text.card__with-label, div[class*=collection-].type-tiles .w_collection_items a.card .text.card__with-label {
    top: 155px
}

@media (min-width: 984px) {
    .w__block__collection.type-tiles .w_collection_items a.card .text.hoverable:hover, div[class*=collection-].type-tiles .w_collection_items a.card .text.hoverable:hover {
        top: 0;
        height: 335px
    }

    .w__block__collection.type-tiles .w_collection_items a.card .text.hoverable:hover .title, div[class*=collection-].type-tiles .w_collection_items a.card .text.hoverable:hover .title {
        margin-top: 15px
    }
}

.w__block__collection.type-tiles .w_collection_items a.card .text::after, div[class*=collection-].type-tiles .w_collection_items a.card .text::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    box-shadow: 0 0 20px 20px;
    transition: all .2s
}

.w__block__collection.type-tiles .w_collection_items a.card .text .show-name, .w__block__collection.type-tiles .w_collection_items a.card .text .title, div[class*=collection-].type-tiles .w_collection_items a.card .text .show-name, div[class*=collection-].type-tiles .w_collection_items a.card .text .title {
    margin-top: 11px;
    font-size: 19px;
    max-height: 180px;
    max-width: 100%;
    line-height: 22px;
    font-weight: 700;
    overflow: hidden
}

.w__block__collection.type-tiles .w_collection_items a.card .text .lead, div[class*=collection-].type-tiles .w_collection_items a.card .text .lead {
    margin-top: 10px
}

.w__block__collection.type-tiles .w_collection_items a.card .text .date, .w__block__collection.type-tiles .w_collection_items a.card .text .subtitle, .w__block__collection.type-tiles .w_collection_items a.card .text .views, div[class*=collection-].type-tiles .w_collection_items a.card .text .date, div[class*=collection-].type-tiles .w_collection_items a.card .text .subtitle, div[class*=collection-].type-tiles .w_collection_items a.card .text .views {
    display: none
}

.w__block__collection.collection-faces, div[class*=collection-].collection-faces {
    overflow: hidden
}

.w__block__collection.collection-faces .collection-name, div[class*=collection-].collection-faces .collection-name {
    margin-bottom: 15px
}

.w__block__collection.collection-faces section.cards, div[class*=collection-].collection-faces section.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: 0;
    width: 100%
}

.w__block__collection.collection-faces section.cards a.face, div[class*=collection-].collection-faces section.cards a.face {
    display: block;
    margin-bottom: 40px;
    padding: 0;
    width: 312px;
    color: inherit;
    text-decoration: none
}

.w__block__collection.collection-faces section.cards a.face:hover, div[class*=collection-].collection-faces section.cards a.face:hover {
    text-decoration: underline
}

.w__block__collection.collection-faces section.cards a.face img, div[class*=collection-].collection-faces section.cards a.face img {
    width: 140px;
    border-radius: 50%
}

.w__block__collection.collection-faces section.cards a.face .name, div[class*=collection-].collection-faces section.cards a.face .name {
    margin-top: 15px;
    font-size: 22px;
    font-weight: 700;
    color: inherit
}

.w__block__collection.collection-faces section.cards a.face .text, div[class*=collection-].collection-faces section.cards a.face .text {
    color: inherit;
    opacity: .8
}

.w_block[data-with-voting=true] .w__block__collection .w_collection_lead {
    display: block;
    text-align: center;
    margin: 20px auto;
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    max-width: 688px
}

.w_block.force-text-align-center {
    text-align: center
}

.w_block .text_block {
    margin-left: 84px;
    float: left
}

.w_block .text_block::after {
    content: "";
    display: block;
    clear: both
}

.w__block__illustration {
    margin: 20px 0;
    width: 100%;
    height: auto
}

.w__block__illustration img {
    width: 100%
}

.w__block__illustration::after {
    content: "";
    display: block;
    clear: both
}

.w__block__illustration .w_illustration_title {
    line-height: 20px;
    padding: 4px 0 0;
    margin-left: 85px;
    font-size: 14px
}

.w__block__illustration .w_illustration_title:empty {
    display: none
}

.w__block__illustration .w_illustration_copyright {
    color: #ababab;
    font-size: 10px;
    display: block;
    margin-left: 84px;
    margin-right: 84px;
    letter-spacing: .3px
}

.w__block__illustration.half {
    width: 50%;
    float: left;
    padding-right: 12px !important
}

.w__block__photo_gallery {
    margin: 20px 0;
    padding: 4px;
    width: 100%;
    height: auto;
    border: 1px solid #d3d3d3
}

.w__block__photo_gallery > img {
    width: 100%;
    height: auto
}

.w__block__photo_gallery .w_photo_gallery_photos {
    position: relative;
    width: 100%;
    margin: 0;
    font-size: 14px
}

.w__block__photo_gallery .w_photo_gallery_photos::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.w__block__photo_gallery .w_photo_gallery_photos .slick-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.w__block__photo_gallery .w_photo_gallery_photos .slick-list .slick-track {
    height: 100%
}

.w__block__photo_gallery .w_photo_gallery_photos a.card {
    width: 984px;
    height: 100%
}

.w__block__photo_gallery .w_photo_gallery_photos img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.w__block__photo_gallery .w_photo_gallery_photos:hover button.slick-arrow {
    opacity: .6
}

.w__block__photo_gallery .w_photo_gallery_photos button.slick-arrow {
    opacity: 0;
    margin: 0;
    background-color: transparent !important;
    border: none !important;
    width: 60px;
    height: 100%;
    transition: all 150ms ease-in-out
}

.w__block__photo_gallery .w_photo_gallery_photos button.slick-arrow::before {
    display: block;
    content: "";
    background-size: 58px 58px;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.w__block__photo_gallery .w_photo_gallery_photos button.slick-arrow:hover {
    opacity: 1 !important
}

.w__block__photo_gallery .w_photo_gallery_photos button.slick-arrow.slick-prev {
    left: 10px
}

.w__block__photo_gallery .w_photo_gallery_photos button.slick-arrow.slick-next {
    right: 10px
}

.w__block__photo_gallery .photo_gallery_description .photo-info {
    display: flex;
    margin-top: 10px
}

.w__block__photo_gallery .photo_gallery_description .photo-info .photo-counter {
    display: inline-block;
    width: 60px;
    margin-right: 24px;
    vertical-align: top;
    text-align: center;
    flex-shrink: 0
}

@media (max-width: 732px) {
    .w__block__photo_gallery .photo_gallery_description .photo-info .photo-counter {
        margin-right: 10px
    }
}

.w__block__photo_gallery .photo_gallery_description .photo-info .photo-description {
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

@media (min-width: 733px) {
    .w__block__photo_gallery .photo_gallery_description .photo-info .photo-description {
        margin-right: 79px
    }
}

.w__block__photo_gallery .photo_gallery_description .photo-info .photo-description p {
    margin: 0
}

.w__block__photo_gallery::after {
    content: "";
    display: block;
    clear: both
}

.w__block__photo_gallery .w_photo_gallery_title {
    display: block;
    margin: 5px 0 5px 0 !important
}

.w__block__photo_gallery .w_photo_gallery_title:empty {
    display: none
}

.show-main .w_block {
    width: 984px
}

.w__block__video {
    position: relative;
    margin: 20px 0;
    padding: 4px;
    width: 100%;
    height: auto;
    border: none;
    cursor: pointer
}

.w__block__video.with_player .splash_wrapper {
    display: none
}

.w__block__video.with_player::before {
    display: none
}

.w__block__video img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.w__block__video .splash_wrapper {
    position: relative;
    overflow: hidden
}

.w__block__video .splash_wrapper::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 104px;
    height: 100px;
    margin: auto;
    background-image: url("");
    background-size: 100px;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 2
}

.w__block__video::after {
    content: "";
    display: block;
    clear: both
}

.w__block__video .w_video_lead {
    display: none
}

.w__block__video .w_video_title {
    position: relative;
    z-index: 100;
    float: left;
    margin: 9px 84px 10px 84px;
    line-height: 20px;
    font-size: 16px
}

.w__block__video .w_video_title:empty {
    display: none
}

.grid8 .w__block__collection .w_collection_items {
    width: 672px
}

.grid8 .w__block__collection.type-big-slider {
    width: 648px
}

.grid8 .w__block__collection.type-big-slider .w_collection_items {
    width: 648px;
    margin: 0 !important
}

.grid8 .w__block__collection.type-big-slider a.card {
    width: 648px
}

.w_content {
    position: relative
}

.w__block__collection.type-row .w_collection_items, .w__block__collection.type-tiles .w_collection_items {
    text-align: center
}

.w__block__collection.type-row .w_collection_items .text, .w__block__collection.type-tiles .w_collection_items .text {
    text-align: left
}

.w__block__collection.type-row .w_collection_items .text .lead, .w__block__collection.type-tiles .w_collection_items .text .lead {
    font-size: 16px
}

.w__block__collection.type-row .w_collection_items .img-wrapper, .w__block__collection.type-tiles .w_collection_items .img-wrapper {
    background-color: #000;
    overflow: hidden;
    max-width: 312px;
    width: 304px;
    height: 171px
}

.w__block__collection.type-row .w_collection_items .img-wrapper img, .w__block__collection.type-tiles .w_collection_items .img-wrapper img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 110%;
    transition: all .7s
}

.w__block__collection.type-row .w_collection_items .img-wrapper img[src=''], .w__block__collection.type-tiles .w_collection_items .img-wrapper img[src=''] {
    opacity: 0
}

.w__block__collection.type-row .card:hover .img-wrapper img, .w__block__collection.type-tiles .card:hover .img-wrapper img {
    transform: scale(1.15)
}

.w__block__collection.type-tiles .w_collection_items.items-1 a.card:nth-child(n+2) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-2 a.card:nth-child(n+3) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-3 a.card:nth-child(n+4) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-4 a.card:nth-child(n+5) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-5 a.card:nth-child(n+6) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-6 a.card:nth-child(n+7) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-7 a.card:nth-child(n+8) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-8 a.card:nth-child(n+9) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-9 a.card:nth-child(n+10) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-10 a.card:nth-child(n+11) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-11 a.card:nth-child(n+12) {
    display: none
}

.w__block__collection.type-tiles .w_collection_items.items-12 a.card:nth-child(n+13) {
    display: none
}

.with-right-column .w__block__collection.collection-initial-load .type-tiles--row a.card:nth-child(3) {
    display: none
}

@media (max-width: 1599px) {
    .collection-initial-load .w__block__collection.type-tiles .card:nth-child(10), .collection-initial-load .w__block__collection.type-tiles .card:nth-child(11), .collection-initial-load .w__block__collection.type-tiles .card:nth-child(12), .collection-initial-load .w__block__collection.type-tiles .card:nth-child(7), .collection-initial-load .w__block__collection.type-tiles .card:nth-child(8), .collection-initial-load .w__block__collection.type-tiles .card:nth-child(9) {
        display: none
    }
}

@media (min-width: 733px) and (max-width: 1599px) {
    .collection-initial-load .w__block__collection.type-tiles--row .card:nth-child(3) ~ .card {
        display: none
    }
}

.collection-initial-load .w__block__collection.type-tiles--row .card:nth-child(4) ~ .card {
    display: none
}

.itv-col-8 .collection-initial-load .w__block__collection.type-tiles--row .card:nth-child(3) ~ .card {
    display: none
}

@media (min-width: 733px) and (max-width: 1599px) {
    .itv-col-8 .collection-initial-load .w__block__collection.type-tiles--row .card:nth-child(3) {
        display: none
    }
}

.w_content .w__block__collection.type-tiles.type-tiles--row a.card:nth-child(3) ~ a.card {
    display: none
}

.right-column .collection-initial-load .w__block__collection.type-tiles .card {
    display: inline-block !important
}

.right-column .collection-initial-load .w__block__collection.type-tiles .card:nth-child(5) ~ .card {
    display: none !important
}

div.card .length .svg.icon, div.card .views .svg.icon {
    display: none
}

.video-cards a.card .stats, .video-cards div.card .stats, .w__block__collection.type-row a.card .stats, .w__block__collection.type-row div.card .stats, .w__block__collection.type-slider a.card .stats, .w__block__collection.type-slider div.card .stats, .w__block__collection.type-tiles a.card .stats, .w__block__collection.type-tiles div.card .stats {
    background-image: url("");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.video-cards a.card .stats .views, .video-cards div.card .stats .views, .w__block__collection.type-row a.card .stats .views, .w__block__collection.type-row div.card .stats .views, .w__block__collection.type-slider a.card .stats .views, .w__block__collection.type-slider div.card .stats .views, .w__block__collection.type-tiles a.card .stats .views, .w__block__collection.type-tiles div.card .stats .views {
    position: relative;
    margin-right: 20px
}

.video-cards a.card .stats .length, .video-cards div.card .stats .length, .w__block__collection.type-row a.card .stats .length, .w__block__collection.type-row div.card .stats .length, .w__block__collection.type-slider a.card .stats .length, .w__block__collection.type-slider div.card .stats .length, .w__block__collection.type-tiles a.card .stats .length, .w__block__collection.type-tiles div.card .stats .length {
    position: relative;
    margin-right: 20px
}

.video-cards.type-row .card .stats, .video-cards.type-tiles .card .stats, .video-cards.video-cards .card .stats, .w__block__collection.type-row.type-row .card .stats, .w__block__collection.type-row.type-tiles .card .stats, .w__block__collection.type-row.video-cards .card .stats, .w__block__collection.type-slider.type-row .card .stats, .w__block__collection.type-slider.type-tiles .card .stats, .w__block__collection.type-slider.video-cards .card .stats, .w__block__collection.type-tiles.type-row .card .stats, .w__block__collection.type-tiles.type-tiles .card .stats, .w__block__collection.type-tiles.video-cards .card .stats {
    top: 4px;
    left: 4px;
    right: 4px;
    width: auto
}

.video-cards.type-slider a.card .stats, .w__block__collection.type-row.type-slider a.card .stats, .w__block__collection.type-slider.type-slider a.card .stats, .w__block__collection.type-tiles.type-slider a.card .stats {
    width: 100%;
    background-repeat: repeat-x
}

.video-cards.type-slider a.card .lead, .w__block__collection.type-row.type-slider a.card .lead, .w__block__collection.type-slider.type-slider a.card .lead, .w__block__collection.type-tiles.type-slider a.card .lead {
    display: none
}

article.show-main .w_block .text-block a:not(.button,.text-face) {
    text-decoration: underline;
    font-weight: 700
}

article.show-main .w__block__collection.type-row .w_collection_items:nth-child(n+4) {
    display: none
}

article.show-main .w__block__collection.type-row .w_collection_loadable_button {
    display: none !important
}

article.show-main .w__block__collection .w_collection_loadable_button {
    margin: 10px 0;
    padding: 0;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
    cursor: pointer
}

.article .w__block__collection.type-row .w_collection_items:nth-child(n+3) {
    display: none
}

.grid8 .w__block__collection.type-row a.card:nth-child(n+3) {
    display: none
}

.grid12 .w__block__collection.type-row a.card:nth-child(n+4) {
    display: none
}

.text-block-horizontal-incuts-wrapper, .text-block-incuts-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
    pointer-events: all !important
}

.text-block-horizontal-incuts-wrapper:empty, .text-block-incuts-wrapper:empty {
    display: none
}

@media (min-width: 733px) {
    .text-block-incuts-wrapper {
        width: 228px;
        float: right;
        margin-right: -84px;
        margin-left: 24px
    }
}

.text-block-horizontal-incuts-wrapper {
    order: 19;
    clear: both
}

.right-column .w_block--with-incuts {
    display: flex;
    flex-direction: column
}

.right-column .w_block--with-incuts .text-block-incuts-wrapper {
    order: 9
}

@media (max-width: 732px) {
    .article-narrow .w_content {
        margin: 0
    }

    .text-block .w_block--with-incuts {
        display: flex;
        flex-direction: column
    }

    .text-block-incuts-wrapper {
        margin-top: 0;
        order: 9
    }

    .w_block .itv-button {
        max-width: 312px;
        margin-left: auto;
        margin-right: auto
    }
}

.w_block div:not(ul.slick-dots) a.button, .w_block div:not(ul.slick-dots) button {
    word-break: normal;
    min-height: 40px;
    padding: 8px
}

.w_block p {
    font-family: "PT Sans", serif;
    padding: 0;
    margin: 0 0 20px
}

.w_block p::after {
    content: "";
    display: block;
    clear: both
}

.w_block p.outdent:first-letter {
    margin-left: 1em
}

.w_block .w__block__illustration p {
    margin: 0
}

.w_block h2 {
    font-family: "PT Sans", serif;
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    line-height: 30px;
    margin: 15px 0;
    padding: 0
}

.w_block p + h2 {
    margin-top: 72px
}

.w_block h3 {
    font-family: "PT Sans", serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 20px;
    margin: 10px 0 10px;
    padding: 0
}

.w_block.text-incut {
    float: right;
    padding: 15px 9px 20px;
    margin: 25px 0;
    border-top: 1px solid #05519d;
    border-bottom: 1px solid #05519d
}

.w_block.text-incut span.img {
    display: block;
    width: 208px;
    height: 117px;
    margin: 20px auto 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.w_block.text-incut img {
    width: 100%
}

.w_block.text-incut span.title {
    display: block;
    margin-top: 20px;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: inherit
}

.w_block.text-incut .lead {
    margin-top: 10px;
    display: block;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    color: #747e8d
}

.w_block.text-incut:hover {
    text-decoration: none
}

.w_block.text-incut:hover[href] .lead, .w_block.text-incut:hover[href] .title {
    text-decoration: underline
}

.w_block.text-incut.c-3.align-right {
    max-width: 228px
}

.w_block .w_block.text-quote.c-3 {
    float: right;
    border-top: 1px solid #05519d;
    border-bottom: 1px solid #05519d;
    text-align: center;
    margin: 10px 12px;
    padding: 20px 0
}

.w_block .w_block.text-quote.c-3.align-horizontal {
    margin: 10px 0
}

.w_block .w_block.text-quote.c-3 span.img {
    margin: 0 auto;
    display: block;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center center;
    border-radius: 100%
}

.w_block .w_block.text-quote.c-3 .title {
    display: block;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 14px;
    line-height: 15px;
    color: inherit
}

.w_block .w_block.text-quote.c-3 .lead {
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 15px;
    color: #747e8d
}

.w_block .w_block.text-quote.c-3:hover .lead {
    text-decoration: underline
}

.w_block .w_block.text-quote.c-3 .description {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    color: inherit;
    overflow: hidden
}

.w_block .w_block.text-quote.c-3 .description, .w_block .w_block.text-quote.c-3 .lead, .w_block .w_block.text-quote.c-3 .title {
    display: block;
    float: none
}

.w_block .w_block.text-quote.c-3 .description:empty, .w_block .w_block.text-quote.c-3 .lead:empty, .w_block .w_block.text-quote.c-3 .title:empty {
    display: none
}

.w_block .w_block.text-quote.c-3.align-horizontal {
    width: 100% !important;
    text-align: left;
    padding: 20px 10px
}

.w_block .w_block.text-quote.c-3.align-horizontal .description {
    padding: 0
}

.w_block .w_block.text-quote.c-3.align-horizontal span.img {
    float: left;
    margin-left: 12px;
    margin-right: 24px
}

.w_block blockquote {
    display: block;
    margin: 12px 0 18px 0;
    padding: 0;
    font-family: "PT Sans", serif;
    border: 0
}

.w_block blockquote.bq1 {
    color: #05519d;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    line-height: 30px
}

.w_block > blockquote.bq1 {
    margin: 20px 0
}

.w_block a.button {
    margin: 5px 0 10px 0
}

.paragraph-incut__uptitle {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #000;
    text-decoration: none
}

.type-right .text-block .text-face, .w.article-wide .grid .w_content .text-block .text-face {
    display: block;
    margin: 20px auto !important;
    float: none !important;
    left: 0;
    right: 0
}

.type-right .text-incut, .type-right .text-quote, .type-right .text-quote.align-horizontal, .w.article-wide .grid .w_content .text-incut, .w.article-wide .grid .w_content .text-quote, .w.article-wide .grid .w_content .text-quote.align-horizontal {
    margin: 10px 0 !important;
    width: 100% !important;
    padding: 20px 0;
    text-align: left;
    position: relative;
    left: 0
}

.type-right .text-incut .description, .type-right .text-incut .lead, .type-right .text-quote .description, .type-right .text-quote .lead, .type-right .text-quote.align-horizontal .description, .type-right .text-quote.align-horizontal .lead, .w.article-wide .grid .w_content .text-incut .description, .w.article-wide .grid .w_content .text-incut .lead, .w.article-wide .grid .w_content .text-quote .description, .w.article-wide .grid .w_content .text-quote .lead, .w.article-wide .grid .w_content .text-quote.align-horizontal .description, .w.article-wide .grid .w_content .text-quote.align-horizontal .lead {
    width: auto;
    padding: 0;
    text-align: left
}

.type-right .text-incut .description, .type-right .text-quote .description, .type-right .text-quote.align-horizontal .description, .w.article-wide .grid .w_content .text-incut .description, .w.article-wide .grid .w_content .text-quote .description, .w.article-wide .grid .w_content .text-quote.align-horizontal .description {
    width: auto
}

.type-right .text-incut .title, .type-right .text-quote .title, .type-right .text-quote.align-horizontal .title, .w.article-wide .grid .w_content .text-incut .title, .w.article-wide .grid .w_content .text-quote .title, .w.article-wide .grid .w_content .text-quote.align-horizontal .title {
    width: auto;
    margin-top: 0;
    padding: 0
}

.show-main .w_row .text-block {
    color: inherit
}

.w_row .text-block {
    font-family: "PT Sans", serif;
    font-size: 16px;
    color: #000
}

.w_row .text-block a.button {
    border: none !important
}

.w_row .text-block ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.w_row .text-block ul li::before {
    content: "—";
    display: inline-block;
    margin-right: 5px;
    min-width: 13px
}

@media (min-width: 733px) {
    .w_row .text-block ul li::before {
        margin-left: -1.1em
    }
}

.w_row .text-block ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.w_row .text-block ol li {
    counter-increment: step-counter
}

.w_row .text-block ol li::before {
    content: counter(step-counter);
    display: inline-block;
    margin-right: 5px;
    min-width: 13px
}

@media (min-width: 733px) {
    .w_row .text-block ol li::before {
        margin-left: -1.1em
    }
}

.w_row .text-block.half {
    width: 50%;
    float: right;
    padding-left: 12px
}

.w_block {
    display: inline-block;
    vertical-align: top
}

.w.article-wide .text-block.half p:first-child {
    margin-top: 15px
}

.w.article-wide .text-block.half h3 {
    margin-top: 18px
}

.w .grid .w_block.c-4 {
    margin: 0 11px
}

.w_content .w_row .w_block.c-4:first-of-type {
    margin-left: 0
}

.w_content .w_row .w_block.c-4:last-of-type {
    margin-right: 0
}

.text-face {
    float: right;
    margin-top: 10px !important
}

.text-face, .w__block__face {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    transition: all .2s
}

.text-face:not([href]):hover, .w__block__face:not([href]):hover {
    text-decoration: none
}

.text-face .img, .text-face img, .w__block__face .img, .w__block__face img {
    width: 140px;
    height: 140px;
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    border: 4px solid #05519d;
    transition: all .2s;
    background-position: center center
}

.text-face .title, .text-face .w_face_title, .w__block__face .title, .w__block__face .w_face_title {
    display: block;
    width: 100%;
    margin-top: 15px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-align: center
}

.text-face .lead, .text-face .w_face_lead, .w__block__face .lead, .w__block__face .w_face_lead {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    opacity: .8;
    text-align: center
}

.w__block__collection .splash_wrapper {
    position: relative
}

.w__block__collection .splash_wrapper::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 104px;
    height: 100px;
    margin: auto;
    background-image: url("");
    background-size: 100px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2
}

@media (max-height: 605px) {
    .w__block__collection.w__block__collection.type-big-slider .w__block__video, .w__block__collection.w__block__collection.type-big-slider .w_collection_items, .w__block__collection.w__block__collection.type-big-slider .w_collection_items a.card {
        max-width: 819px !important
    }

    .w__block__collection.type-big-slider-with-playlist .w__block__video, .w__block__collection.type-big-slider-with-playlist .w_collection_items, .w__block__collection.type-big-slider-with-playlist .w_collection_items a.card {
        max-width: 827px !important
    }

    .w__block__video.with_player {
        max-width: 829px;
        margin: 0 auto
    }

    .video-page section.video {
        max-width: 819px !important;
        margin: 0 auto
    }
}

.w_content .w_block.text-face:not(.align-horizontal), .w_content .w_block.text-incut:not(.align-horizontal), .w_content .w_block.text-quote:not(.align-horizontal) {
    margin: 0 0 10px 0;
    width: 100%
}

.w_content .w_block.text-face:not(.align-horizontal):nth-child(2), .w_content .w_block.text-incut:not(.align-horizontal):nth-child(2), .w_content .w_block.text-quote:not(.align-horizontal):nth-child(2) {
    margin-top: 10px
}

@media (max-width: 732px) {
    .w__block__illustration .w_illustration_copyright, .w__block__illustration .w_illustration_title, .w__block__video .w_video_title {
        margin: 5px 15px 0
    }

    .w__block__photo_gallery .photo_gallery_description .photo-info .photo-description {
        max-width: calc(100% - 95px)
    }

    article.rubric-video section.video-cards {
        max-width: 100% !important
    }

    .photo_gallery_description .photo-info {
        display: block !important
    }

    header#page-title .title .message {
        margin-top: 0
    }

    .navbar.live .navbar-links ul.nav-left {
        padding-top: 40px
    }

    .w_row > .w_block {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .w__block__illustration .copyright {
        margin: 0 20px
    }

    section.footer .cards a.card {
        width: 320px !important;
        height: 180px !important
    }

    section.footer .cards a.card .info .title {
        width: 270px !important
    }

    .show-main .text-block {
        padding: 0 20px
    }

    .w_content .w_row .w_block.c-3.text-face, .w_content .w_row .w_block.c-3.text-incut, .w_content .w_row .w_block.c-3.text-quote {
        width: 100%;
        margin: 10px auto !important
    }

    article.rubric-video section.video-cards div.card {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        height: auto !important
    }

    article.rubric-video section.video-cards div.card .text {
        position: relative !important;
        height: auto !important;
        padding-bottom: 20px;
        top: 0 !important
    }

    article.rubric-video section.video-cards div.card .text::after {
        content: none !important
    }

    article.rubric-video section.video-cards div.card a.card {
        height: auto !important;
        margin-bottom: 0 !important
    }

    article.rubric-video section.video-cards button.loadable {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 300px
    }

    .project-image, .project-image img {
        max-width: 100% !important
    }

    .type-mosaic .w_collection_items, .type-row .w_collection_items, .type-tiles .w_collection_items {
        margin: 0 !important;
        justify-content: center
    }

    .type-mosaic .w_collection_items .card, .type-row .w_collection_items .card, .type-tiles .w_collection_items .card {
        height: auto !important
    }

    .type-mosaic .w_collection_items .card .text, .type-row .w_collection_items .card .text, .type-tiles .w_collection_items .card .text {
        position: relative !important;
        height: auto !important;
        padding-bottom: 0 !important;
        top: 0 !important;
        max-width: 100%
    }

    .type-mosaic .w_collection_items .card .text::after, .type-row .w_collection_items .card .text::after, .type-tiles .w_collection_items .card .text::after {
        display: none !important
    }

    .type-mosaic .w_collection_items .card a.card, .type-row .w_collection_items .card a.card, .type-tiles .w_collection_items .card a.card {
        height: auto !important;
        margin-bottom: 0 !important
    }

    .type-row .w_collection_items .card {
        margin: 12px 4px !important
    }

    .type-tiles .w_collection_items .card a.card {
        margin: 0 !important
    }

    article.show-main {
        overflow: hidden;
        width: 100%
    }

    article.show-main .w_content .w_row {
        max-width: 100%;
        padding: 0
    }

    article.show-main .w_content .w_row .w_block {
        display: block;
        margin: 0 auto !important;
        overflow: visible
    }

    article.show-main .w_content .w_row.big-slider, article.show-main .w_content .w_row.big-slider-with-playlist {
        padding: 0
    }

    article.show-main .w_block {
        max-width: 100%
    }

    article.show-main .w_collection_items {
        max-width: 100% !important
    }

    article.show-main .w_collection_items a.card {
        max-width: 100% !important
    }

    article.show-main .type-row .w_collection_items {
        height: auto
    }

    article.show-main .type-row .card {
        height: auto !important
    }

    article.show-main .type-row .card .img-wrapper {
        position: relative;
        border: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        max-height: 500px
    }

    article.show-main .type-row .card .img-wrapper::before {
        content: "";
        display: block;
        position: relative;
        width: 100%;
        padding-top: 56.25%
    }

    article.show-main .type-row .card .img-wrapper img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        max-height: 500px;
        margin: auto
    }

    article.show-main .type-row .card .stats {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important
    }

    article.show-main .type-row .card .text::after {
        display: none !important
    }

    article.show-main .w__block__collection.w__block__collection.type-big-slider .w__block__video, article.show-main .w__block__collection.w__block__collection.type-big-slider .w_collection_items, article.show-main .w__block__collection.w__block__collection.type-big-slider .w_collection_items a.card, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w__block__video, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w_collection_items, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w_collection_items a.card {
        max-width: 100% !important
    }

    article.show-main .w__block__collection.w__block__collection.type-big-slider .w__block__video a.card, article.show-main .w__block__collection.w__block__collection.type-big-slider .w_collection_items a.card, article.show-main .w__block__collection.w__block__collection.type-big-slider .w_collection_items a.card a.card, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w__block__video a.card, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w_collection_items a.card, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w_collection_items a.card a.card {
        max-width: 100% !important
    }

    article.show-main .w__block__collection.w__block__collection.type-big-slider .w__block__video a.card .lead, article.show-main .w__block__collection.w__block__collection.type-big-slider .w__block__video a.card .text, article.show-main .w__block__collection.w__block__collection.type-big-slider .w_collection_items a.card .lead, article.show-main .w__block__collection.w__block__collection.type-big-slider .w_collection_items a.card .text, article.show-main .w__block__collection.w__block__collection.type-big-slider .w_collection_items a.card a.card .lead, article.show-main .w__block__collection.w__block__collection.type-big-slider .w_collection_items a.card a.card .text, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w__block__video a.card .lead, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w__block__video a.card .text, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w_collection_items a.card .lead, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w_collection_items a.card .text, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w_collection_items a.card a.card .lead, article.show-main .w__block__collection.w__block__collection.type-big-slider-with-playlist .w_collection_items a.card a.card .text {
        margin-bottom: 0;
        height: auto
    }

    article.show-main .w__block__collection a.button {
        display: block !important;
        width: 312px !important;
        margin-left: auto !important;
        margin-right: auto !important
    }

    article.show-main section.about {
        width: auto;
        margin: 0 10px
    }

    article.show-main section.about .closing-message {
        height: auto !important;
        white-space: normal !important;
        font-size: 20px;
        line-height: 40px !important;
        padding: 10px 0;
        word-wrap: break-word
    }

    article.show-main section.about .text {
        margin: 0 auto !important
    }

    article.show-main section.about .buttons {
        margin: 0 auto !important;
        padding: 0 20px 20px !important;
        width: auto
    }

    article.show-main section.about .buttons .share-buttons {
        margin: 0 auto !important;
        height: auto
    }

    article.show-main section.about .buttons .share-buttons .share-buttons .yashare-auto-init {
        margin-top: 0
    }

    article.show-main section.about .text {
        padding: 20px !important;
        width: auto
    }

    article.show-main .w__block__collection.type-slider .w_collection_items {
        margin: 0
    }

    article.show-main .w__block__collection.type-slider a.card .play-icon {
        width: 40px;
        height: 40px;
        background-size: contain
    }

    article.show-main .w__block__collection.type-slider a.card .text {
        left: 0;
        right: 0;
        padding: 0 10px
    }

    article.show-main .w__block__collection.type-slider a.card .text .show-name, article.show-main .w__block__collection.type-slider a.card .text .title {
        position: absolute;
        bottom: 0;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 15px;
        z-index: 2
    }

    article.show-main .w__block__collection.type-slider button.slick-arrow {
        display: none !important
    }

    article.show-main .w__block__promo_position .promo-place {
        display: block
    }

    article.show-main .w__block__promo_position .promo-place::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 60%
    }

    article.show-main .w__block__promo_position .promo-place:not(.slick-initialized)::before {
        padding-top: 49%
    }

    article.show-main .w__block__promo_position .promo-place .slick-list {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 36px
    }

    article.show-main .w__block__promo_position .promo-place .slick-list::after, article.show-main .w__block__promo_position .promo-place .slick-list::before {
        display: none
    }

    article.show-main .w__block__promo_position .promo-place .slick-list .slick-track {
        height: 100%;
        background-color: #000
    }

    article.show-main .w__block__promo_position .promo-place .slick-list::after, article.show-main .w__block__promo_position .promo-place .slick-list::before {
        display: none
    }

    article.show-main .w__block__promo_position .promo-place a.card[style], article.show-main .w__block__promo_position .promo-place div.card[style] {
        background-size: contain;
        min-height: 100% !important;
        height: 80% !important;
        width: 100vw
    }

    article.show-main .w__block__promo_position .promo-place a.card[style]:only-child, article.show-main .w__block__promo_position .promo-place div.card[style]:only-child {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    article.show-main .w__block__promo_position .promo-place > img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        max-width: 100%;
        max-height: 100%
    }

    article.show-main a.button {
        width: 312px;
        max-width: 100%;
        height: auto;
        line-height: 25px;
        padding: 5px;
        margin: 0 auto
    }

    article.show-main.rubric-video .content {
        width: 100%
    }

    article.show-main.rubric-video .loadable {
        margin-left: auto !important;
        margin-right: auto !important
    }

    article.show-main.rubric-video section.filter {
        margin: 0 auto;
        width: 312px;
        max-width: 100%
    }

    article.show-main.rubric-video section.filter a.sort {
        float: none
    }

    #popupContainer .content > .date-range-widget {
        padding: 20px 5px 0 !important;
        width: 322px !important
    }

    .w_photo_gallery_photos .slick-arrow {
        display: none !important
    }

    .tvshows .card, .type-big-slider .card, .type-slider .card {
        display: none
    }

    .tvshows .slick-track .card, .type-big-slider .slick-track .card, .type-slider .slick-track .card {
        display: block
    }
}

@media (max-width: 732px) and (max-width: 405px) {
    .share-buttons {
        height: auto !important
    }
}

.w_content > .w_row > .w_block > .w__block__promo_position {
    margin-top: 20px
}

.w__block__promo_position {
    margin: 20px 0
}

hr.fat.themed {
    position: relative;
    z-index: 3
}

.date-range-widget .unfilled {
    color: #999;
    font-weight: 400
}

.date-range-widget button.search {
    width: 100%;
    height: 40px;
    color: #fff;
    border: none;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 20px
}

.collections_items__load_block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    transform: translateZ(0)
}

@-webkit-keyframes collection_load {
    0% {
        max-height: 0
    }
    99% {
        max-height: 100vh
    }
    100% {
        max-height: none
    }
}

@keyframes collection_load {
    0% {
        max-height: 0
    }
    99% {
        max-height: 100vh
    }
    100% {
        max-height: none
    }
}

.closing-message {
    color: #fff
}

.type-tiles a.card {
    background-color: #257fc7
}

.type-tiles a.card .text {
    background-color: #257fc7;
    color: #fff
}

.type-tiles a.card .text::after {
    color: #257fc7
}

.type-tiles a.card:hover {
    background-color: #348bcd
}

.type-tiles a.card:hover .text {
    background-color: #348bcd
}

.type-tiles a.card:hover .text::after {
    color: #348bcd
}

.type-tiles a.card:active {
    background-color: #01478d
}

.type-tiles a.card:active .text {
    background-color: #01478d
}

.type-tiles a.card:active .text::after {
    color: #01478d
}

.project_title {
    margin: 20px 12px;
    overflow: hidden;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width: 1600px) {
    .show-main .w_row .w_block {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

body[data-location=public-page] .stats {
    height: 54px;
    max-width: 100%;
    padding: 12px 0 0 19px;
    font-size: 12px;
    letter-spacing: .6px;
    text-align: left;
    color: #fff;
    fill: #fff;
    position: relative;
    z-index: 2
}

body[data-location=public-page] .stats > div {
    display: inline-block
}

body[data-location=public-page] .stats .length, body[data-location=public-page] .stats .views {
    color: #fff;
    fill: #fff
}

body[data-location=public-page] .stats .length::before, body[data-location=public-page] .stats .views::before {
    content: "";
    display: inline-block
}

body[data-location=public-page] .stats .length .svg.icon, body[data-location=public-page] .stats .views .svg.icon {
    display: none
}

body[data-location=public-page] .stats .views::before {
    margin-right: 5px;
    width: 20px;
    height: 10px;
    background: url("") no-repeat
}

body[data-location=public-page] .stats .length::before {
    width: 17px;
    height: 17px;
    background: url("") no-repeat center;
    background-size: 12px 12px;
    vertical-align: text-bottom
}

@media (max-width: 732px) {
    .w__block__collection.type-tiles.type-tiles .card.card__with-label .stats {
        top: 30px
    }

    .w__block__collection.type-tiles.type-tiles .card.card__with-label .play-icon {
        top: 40px
    }

    .w__block__collection.type-tiles.type-tiles .card.card__with-label .card__label {
        top: 0
    }

    .show-main .w_content .w_row {
        width: 1360px
    }

    article.show-main .w_row .w__block__illustration {
        max-width: none !important
    }
}

article.projects_main section.projects a.all-projects {
    display: block;
    width: 100%;
    height: 360px;
    background: #025fa4 url("") no-repeat center center
}

article.projects_main section.projects section.project {
    display: block;
    width: 100%;
    height: 360px;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden
}

article.projects_main section.projects section.project a.info {
    display: block;
    position: relative;
    box-sizing: content-box;
    margin: 0 auto;
    height: 100%;
    color: #fff;
    transition: all .2s;
    text-decoration: none;
    outline: 0
}

article.projects_main section.projects section.project a.info::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    transition: opacity .2s;
    z-index: 1
}

article.projects_main section.projects section.project a.info:active {
    outline: 0
}

article.projects_main section.projects section.project a.info > .content-width {
    height: 100%
}

article.projects_main section.projects section.project a.info:hover::before {
    opacity: .8
}

article.projects_main section.projects section.project a.info:hover .text {
    visibility: visible
}

article.projects_main section.projects section.project a.info .left {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 480px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    margin-right: 24px;
    vertical-align: bottom
}

article.projects_main section.projects section.project a.info .logo {
    max-height: 240px;
    max-width: 480px
}

article.projects_main section.projects section.project a.info .logo img {
    height: auto;
    width: auto;
    max-height: 240px;
    max-width: 480px
}

article.projects_main section.projects section.project a.info .date {
    display: inline-block;
    width: 480px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    margin-right: 24px;
    vertical-align: bottom
}

article.projects_main section.projects section.project a.info .date::before {
    content: "";
    display: block;
    width: 100%;
    height: 24px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center
}

article.projects_main section.projects section.project a.info .text {
    display: inline-block;
    z-index: 2;
    position: relative;
    width: 396px;
    height: 100%;
    margin: 0;
    padding-top: 50px
}

article.projects_main section.projects section.project a.info .text span a {
    display: inline-block !important
}

article.projects_main section.projects section.project a.info .text p {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 25px;
    overflow: hidden;
    max-height: 178px
}

article.projects_main section.projects section.project a.info .text p::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px
}

article.projects_main section.projects section.project a.info .text .more {
    margin-top: 20px;
    opacity: .8
}

article.projects_main section.projects section.project a.info .text .more::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    opacity: 1;
    background-image: url("")
}

article.projects_main section.projects section.project a.info .text button {
    margin-top: auto;
    margin-bottom: 15px;
    padding: 5px;
    width: 400px;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent
}

@media (max-width: 732px) {
    article.projects_main section.projects a.all-projects {
        background-image: url("");
        background-size: contain;
        height: 260px
    }

    article.projects_main section.project {
        background-image: none !important;
        height: auto !important
    }

    article.projects_main section.project .info .left {
        width: 100% !important;
        height: 100%;
        padding-bottom: 0 !important;
        position: relative
    }

    article.projects_main section.project .info .left .logo {
        position: relative;
        height: 150px;
        margin-bottom: 20px;
        max-width: 100% !important
    }

    article.projects_main section.project .info .left .logo img {
        margin: auto;
        height: 100% !important;
        max-height: 100% !important;
        max-width: 100% !important
    }

    article.projects_main section.project .info .left .date {
        display: none !important
    }

    article.projects_main section.project .info .text {
        display: none !important
    }
}

article.project-sport {
    font-family: Roboto;
    color: #000
}

article.project-sport a {
    color: #0757a8
}

article.project-sport a:hover {
    color: #2077d0
}

article.project-sport a:active {
    color: #013d78
}

article.project-sport .w1tv-ol18-broadcast-cards-container {
    display: none
}

article.project-sport header.page-title.project-title .promo {
    height: 80px;
    padding: 0
}

article.project-sport header.page-title.project-title .promo .title__text {
    font-size: 20px;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 400
}

article.project-sport header.page-title.project-title .menu ul.links {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px
}

@media (min-width: 733px) {
    article.project-sport header.page-title.project-title .menu ul.links {
        max-width: calc(100% - 118px - 58px);
        margin-left: 58px;
        padding-left: 0;
        padding-right: 0
    }
}

article.project-sport header.page-title.project-title .menu ul.links li .menu-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 5px
}

article.project-sport header.page-title.project-title .menu ul.links li .menu-icon img {
    height: auto;
    max-height: 14px
}

article.project-sport header.page-title.project-title .menu ul.links li a {
    font-size: 14px;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #0c0d20;
    padding: 2px 20px 2px 0
}

article.project-sport header.page-title.project-title .menu::after {
    background: 0 0
}

article.project-sport article.show-main .right-column, article.project-sport article.show-main .with-right-column {
    padding-top: 1px
}

article.project-sport article.show-main .w_content:first-child::before {
    height: 0
}

article.project-sport .title {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin: 16px 0 10px 0
}

article.project-sport .subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #0757a8;
    margin: 10px 0 16px 0
}

article.project-sport .itv-date__text {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%
}

@media (max-width: 732px) {
    article.project-sport .itv-date__text {
        font-size: 20px
    }
}

article.project-sport .with-right-column.itv-col-8, article.project-sport .with-right-column.itv-col-8 > .itv-col-wrap {
    margin: 0
}

article.project-sport .sport-player-wrapper {
    padding-top: 10px
}

article.project-sport .sport-player-wrapper .olympics-broadcats-player-wrapper {
    box-shadow: none
}

article.project-sport .calendar-carousel-wrapper {
    display: none;
    position: relative;
    margin: 10px 0;
    min-height: 76px;
    max-height: 76px
}

article.project-sport .calendar-carousel-wrapper.calendar-carousel-padding {
    padding: 0 50px
}

@media (max-width: 732px) {
    article.project-sport .calendar-carousel-wrapper .itv-col-wrap {
        margin: 0
    }
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item {
    outline: 0
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner {
    position: relative;
    width: 66px;
    height: 76px;
    margin: 0 auto;
    margin-top: -3px
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner a {
    color: #fff
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar {
    display: block;
    text-decoration: none;
    background: 0 0;
    border-radius: 0;
    padding-bottom: 0;
    margin: 3px auto
}

@media (min-width: 733px) and (max-width: 1599px) {
    article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar {
        top: 0
    }
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar::before {
    content: none
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar.disabled {
    pointer-events: none;
    opacity: .35
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar .w_date, article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar .w_month, article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar .w_weekd {
    line-height: 20px
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar .w_month, article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar .w_weekd {
    font-size: 11px
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar .w_date {
    font-size: 30px;
    padding-top: 15px
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar .w_month {
    text-transform: lowercase;
    font-style: normal;
    font-weight: 700
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar .w_month::after {
    height: 1px;
    margin: 0 4px
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .note-calendar .w_weekd {
    text-transform: uppercase
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .calendar-carousel-item-background {
    position: absolute;
    width: 60px;
    height: 70px;
    left: 3px;
    top: 3px
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .calendar-carousel-item-background svg {
    width: 100%;
    height: 100%
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner .calendar-carousel-item-background svg path {
    stroke: #0757a8;
    fill: #0757a8
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner:hover .calendar-carousel-item-background {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner:hover .w_month::after {
    height: 2px;
    margin-top: -1px
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner.calendar-weekends .calendar-carousel-item-background svg path {
    stroke: rgba(238, 25, 25, .74);
    fill: rgba(238, 25, 25, .74)
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner.calendar-current-date {
    margin-top: 0
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner.calendar-current-date .note-calendar {
    width: 66px;
    height: 76px;
    color: #0757a8;
    margin: 0
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner.calendar-current-date .note-calendar .w_date {
    padding-top: 15px
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner.calendar-current-date .note-calendar .w_month::after {
    background-color: #0757a8;
    height: 2px;
    margin: 0 7px
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner.calendar-current-date .calendar-carousel-item-background {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner.calendar-current-date .calendar-carousel-item-background svg path {
    fill: #fff
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner.calendar-weekends.calendar-current-date .note-calendar {
    color: rgba(238, 25, 25, .74)
}

article.project-sport .calendar-carousel-wrapper .calendar-carousel .calendar-carousel-item .calendar-carousel-item-inner.calendar-weekends.calendar-current-date .note-calendar .w_month::after {
    background-color: rgba(238, 25, 25, .74)
}

article.project-sport .calendar-carousel-wrapper .carousel-arrow {
    position: absolute;
    top: 0;
    width: 52px;
    height: 76px;
    opacity: 1;
    padding: 0;
    transition: background-size .1s linear;
    opacity: 1
}

article.project-sport .calendar-carousel-wrapper .carousel-arrow.carousel-arrow-disabled, article.project-sport .calendar-carousel-wrapper .carousel-arrow[aria-disabled=true] {
    opacity: 0;
    cursor: default
}

article.project-sport .calendar-carousel-wrapper .carousel-arrow.carousel-next::after, article.project-sport .calendar-carousel-wrapper .carousel-arrow.carousel-prev::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 52px;
    height: 100%;
    transition: background-size .1s linear;
    background-repeat: no-repeat;
    background-size: 40px
}

article.project-sport .calendar-carousel-wrapper .carousel-arrow.carousel-next:hover::after, article.project-sport .calendar-carousel-wrapper .carousel-arrow.carousel-prev:hover::after {
    background-size: 44px
}

article.project-sport .calendar-carousel-wrapper .carousel-arrow.carousel-prev {
    left: 0;
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #fff 19%)
}

article.project-sport .calendar-carousel-wrapper .carousel-arrow.carousel-prev::after {
    background-position: 50% 50%;
    background-image: url("")
}

article.project-sport .calendar-carousel-wrapper .carousel-arrow.carousel-next {
    right: 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 19%)
}

article.project-sport .calendar-carousel-wrapper .carousel-arrow.carousel-next::after {
    background-position: 50% 50%;
    background-image: url("")
}

article.project-sport .broadcast-schedule {
    margin: 10px 0
}

article.project-sport .broadcast-schedule .broadcast-schedule-event {
    font-size: 15px;
    margin-bottom: 30px
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title {
    padding: 4px 0
}

@media (max-width: 732px) {
    article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title {
        flex-flow: row wrap
    }
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-info {
    max-width: 70px;
    width: 70px;
    justify-content: space-between
}

@media (max-width: 732px) {
    article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-info {
        flex-basis: 30%;
        max-width: 70px;
        flex-grow: 3
    }
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-info .schedule-event-info-time > span {
    vertical-align: 3px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-info .schedule-event-info-time .tv-icon {
    width: 22px;
    height: 22px;
    margin-right: 3px
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-info .schedule-event-info-time .tv-icon path {
    fill: #000
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-title-text {
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
    padding: 3px 10px
}

@media (max-width: 732px) {
    article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-title-text {
        flex-basis: 70%;
        flex-grow: 7
    }

    article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels {
        flex-basis: 100%
    }
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon {
    width: 30px;
    height: 30px;
    position: relative
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon:nth-child(2), article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon:nth-child(3) {
    margin-left: 10px
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon.schedule-event-medals {
    width: 40px
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon.schedule-event-flag .schedule-event-flag-icon {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon.schedule-event-broadcast svg {
    margin-bottom: 3px
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon.schedule-event-broadcast svg path {
    fill: #0757a8
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon:hover .schedule-event-icon-note {
    opacity: 1
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon .schedule-event-icon-note {
    position: absolute;
    pointer-events: none;
    color: #fff;
    background-color: #1d95e4;
    line-height: 30px;
    margin-top: 2px;
    padding: 0 10px;
    left: 36px;
    white-space: pre;
    transition: opacity .2s;
    opacity: 0;
    z-index: 99;
    border-radius: 2px
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-title .schedule-event-labels .schedule-event-icon .schedule-event-icon-note::before {
    content: "";
    display: block;
    position: absolute;
    left: -7px;
    top: 8px;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #1d94e4 transparent transparent
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-desc {
    padding: 4px 0
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-commentator {
    padding: 4px 0
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-commentator .schedule-event-commentator-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-commentator .schedule-event-commentator-text {
    font-weight: 500;
    line-height: 25px;
    font-style: normal
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-status {
    padding: 10px 0
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-status .itv-broadcast-schedule-item-info-button {
    margin-bottom: 0;
    padding: 2px 20px;
    text-decoration: none;
    color: #fff;
    fill: #fff;
    background-color: #0757a8;
    border-radius: 20px;
    font-size: 14px;
    line-height: 23px;
    align-items: center;
    text-transform: uppercase
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-status .itv-broadcast-schedule-item-info-button:hover {
    background-color: #2077d0
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-status .itv-broadcast-schedule-item-info-button:active {
    background-color: #013d78
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-status .schedule-event-current-note {
    padding: 2px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    color: rgba(238, 25, 25, .74)
}

article.project-sport .broadcast-schedule .broadcast-schedule-event .schedule-event-status .schedule-event-current-note::before {
    content: "";
    display: block;
    height: 9px;
    width: 9px;
    border-radius: 20px;
    background-color: rgba(238, 25, 25, .74);
    margin-right: 4px
}

article.project-sport .sport-project-collections {
    background-color: #edf1f6
}

article.project-sport .sport-project-collections .w_collection_title {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    text-transform: none
}

.bg-mask-wrapper {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 440px;
    background-size: 1360px 440px;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden
}

@media (min-width: 733px) {
    .bg-mask-wrapper {
        max-width: 1024px
    }
}

@media (min-width: 1600px) {
    .bg-mask-wrapper {
        max-width: 1360px
    }
}

.bg-mask-wrapper::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 100px 100px
}

.w.right-column .w_collection_items {
    margin: 0
}

.w.right-column .promo-place > a {
    display: block
}

.w.right-column .promo-place > a img {
    display: block;
    margin: 0 auto
}

.right-column {
    position: relative;
    display: flex;
    flex-direction: column
}

.right-column .w_collection_items.items-12 {
    margin-left: auto;
    margin-right: auto
}

.right-column .w_content .w_row {
    width: 100%
}

.right-column.w .w__block__face img, .right-column.w .w_block.text-face img {
    margin: 0 auto
}

.right-column .text-block-incuts-wrapper {
    width: 100%
}

.right-column .w__block__collection.type-tiles {
    border: 2px solid;
    margin-bottom: 0
}

.right-column .w__block__collection.type-tiles .w_collection_items {
    width: 100%
}

.right-column .w__block__collection.type-tiles .card.card-width-4 {
    width: 100%;
    background-color: transparent
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card {
    position: relative;
    display: block;
    height: auto;
    padding: 0;
    text-align: center;
    text-decoration: initial;
    background-color: transparent
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card:hover .img-wrapper img {
    transform: none
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card:hover .stats {
    opacity: 1
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .img-wrapper {
    width: 144px;
    height: 81px;
    margin: 0 auto
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .img-wrapper img {
    display: block;
    width: auto;
    height: 100%
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .play-icon {
    background: url("");
    position: absolute;
    top: 10px;
    right: 90px;
    width: 20px;
    height: 20px
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .stats {
    position: relative;
    display: flex;
    justify-content: center;
    height: auto;
    margin: 0 auto;
    padding: 0 5px;
    background: 0 0;
    opacity: .5;
    color: inherit;
    top: auto;
    left: auto;
    right: auto
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .stats .length, .right-column .w__block__collection.type-tiles .card.card-width-4 a.card .stats .views {
    display: inline-block;
    font-size: 11px;
    line-height: 25px
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .stats .length::before, .right-column .w__block__collection.type-tiles .card.card-width-4 a.card .stats .views::before {
    display: none
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .stats .views {
    margin-right: 0
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .stats .views .svg {
    display: inline-block;
    width: 20px;
    height: 10px
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .stats .length {
    margin-left: 20px;
    margin-right: 0
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .stats .length .svg {
    display: inline-block;
    margin-top: -2px;
    margin-right: 3px;
    width: 10px;
    height: 10px;
    vertical-align: middle
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .text {
    position: relative;
    top: auto;
    width: auto;
    height: auto !important;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
    background-color: transparent
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .text:hover .title {
    margin-top: 11px
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .text .show-name, .right-column .w__block__collection.type-tiles .card.card-width-4 a.card .text .title {
    margin-top: 11px;
    padding: 0 20px;
    font: bold 14px/18px "PT Sans"
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .text .lead {
    display: none
}

.right-column .w__block__collection.type-tiles .card.card-width-4 a.card .text::after {
    content: none
}

.right-column .w_row .text-block .w_block.text-face {
    left: auto;
    width: 100% !important;
    margin: 10px 0 0 !important
}

.right-column .tower-bottom {
    margin-top: auto
}

.right-column .tower-bottom .w_row {
    width: 100%
}

.right-column .tower-bottom .w_row .w_block {
    margin: 0;
    margin-top: 20px
}

.columns-content-row {
    display: flex;
    position: relative;
    flex-wrap: wrap
}

.columns-content-row .w_row + .w_row .w__block__promo_position {
    margin-top: 20px
}

.columns-content-row .right-column {
    display: flex;
    flex-direction: column;
    padding-top: 40px
}

.columns-content-row .right-column .content .w_row, .columns-content-row .right-column .w_content .w_row {
    width: auto
}

.columns-content-row .right-column .tower-bottom {
    margin-top: auto
}

.columns-content-row .right-column .w_row {
    width: 100%
}

.columns-content-row .right-column .w_row .w_block {
    margin: 0;
    max-width: 100%;
    width: 100%
}

.columns-content-row .right-column .w__block__promo_position::before {
    content: "Реклама";
    display: block;
    margin: 0 auto;
    color: #bcbcbc;
    font-size: 10px
}

.columns-content-row .right-column .w__block__promo_position .promo-place {
    border: 1px solid;
    padding: 4px;
    height: 260px;
    width: 312px;
    overflow: hidden
}

.columns-content-row .right-column .w__block__promo_position .promo-place > a > img, .columns-content-row .right-column .w__block__promo_position .promo-place > div, .columns-content-row .right-column .w__block__promo_position .promo-place > div > a > img, .columns-content-row .right-column .w__block__promo_position .promo-place > div > img, .columns-content-row .right-column .w__block__promo_position .promo-place > iframe, .columns-content-row .right-column .w__block__promo_position .promo-place > img, .columns-content-row .right-column .w__block__promo_position .promo-place > span {
    max-width: 100% !important;
    max-height: 100% !important;
    overflow: hidden;
    display: block;
    margin: 0 auto
}

.columns-content-row .col-md-8 .w_row, .columns-content-row .col-md-8 .w_row .w_collection_items {
    max-width: calc(100% + 24px);
    margin-right: -12px
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.popup {
    opacity: 0;
    position: fixed;
    z-index: 110;
    top: 0;
    right: 0;
    bottom: 0;
    left: -20px;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden
}

.popup .themebg-white {
    background-color: #fff
}

.popup.fullscreen {
    z-index: 1000
}

@media (max-width: 732px) {
    .popup {
        left: 0
    }

    .popup .content {
        padding-left: 0 !important;
        width: 100%
    }

    .popup .background .close-wrapper .close-button {
        right: 20px
    }
}

.popup .background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    background-color: rgba(0, 0, 0, .8);
    text-align: center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: center center
}

.popup.loading .background {
    background-image: url("")
}

.popup .close-wrapper {
    margin: 0 auto;
    position: relative;
    max-width: 1024px
}

@media (min-width: 1600px) {
    .popup .close-wrapper {
        max-width: 1360px
    }
}

@media (max-width: 732px) {
    .popup .close-wrapper {
        width: 100%
    }
}

.share-buttons .popup .close-wrapper {
    padding-left: 20px;
    box-sizing: content-box
}

.popup .content_container {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.popup .close-button {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
    right: 0;
    top: 70px;
    background: url("close-08b63a1fd5e72d487d7e8728d54f87f02e07d1bb5ec6fdb2aab91c6c03ee9094.svg") no-repeat center center;
    z-index: 101;
    opacity: .7;
    transition: opacity .2s
}

@media (max-width: 732px) {
    .popup .close-button {
        top: 20px
    }
}

.popup .close-button:hover {
    opacity: 1
}

.popup .close-button:hover::before {
    content: "Закрыть";
    display: inline-block;
    color: #fff;
    margin-left: -100px;
    vertical-align: middle;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 700
}

.popup .content {
    position: relative;
    display: inline-block;
    text-align: left;
    z-index: 10;
    margin: 110px auto 20px;
    padding-left: 20px;
    max-width: 1024px;
    box-sizing: content-box;
    background-color: transparent;
    font-size: 20px
}

@media (max-width: 732px) {
    .popup .content {
        margin-top: 60px
    }
}

@media (min-width: 1600px) {
    .popup .content {
        max-width: 1360px
    }
}

.popup .content:empty {
    width: 100vw
}

.popup .content > .date-range-widget {
    margin: 20px auto;
    padding: 20px 40px 10px;
    width: 392px;
    background-color: #fff
}

.popup .content > .date-range-widget span.title {
    display: block;
    margin: 5px 0 20px;
    font-size: 22px
}

.popup .content > .date-range-widget > .calendar {
    display: inline-block;
    margin-top: -2px
}

.popup .content > .player {
    position: relative;
    width: 1024px;
    max-width: 100%;
    height: auto
}

.popup .content > .player::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%
}

.popup .content > .player .tv1player:not(.tv1-fullscreen) {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.popup .brandable .branding, .popup .brandable .branding-offset {
    display: none
}

.popup .video-page {
    overflow: hidden;
    width: 1024px
}

@media (min-width: 1600px) {
    .popup .video-page {
        width: 1360px
    }
}

.popup .video-page .container .title {
    display: none
}

@media (max-width: 732px) {
    .popup .video-page {
        width: auto
    }

    .popup .video-page .container, .popup .video-page .info, .popup .video-page .row {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .popup .video-page .info {
        margin: 0;
        padding: 0
    }

    .popup .video-page .info .stats, .popup .video-page .info .tag-container, .popup .video-page .info p {
        margin-left: 20px
    }

    .popup .video-page .info .tag-container {
        margin-bottom: 20px
    }

    .popup .video-page .info .col-md-7 {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important
    }

    .popup .video-page .side-promo-place-right {
        display: none
    }
}

.popup .stream-player-wrapper {
    position: relative;
    width: 1024px;
    max-width: 100%
}

.popup .stream-player-wrapper:before {
    content: "";
    position: relative;
    padding-top: 56.25%;
    display: block
}

.popup .stream-player-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.duel {
    padding: 20px 0
}

.duel .share-buttons {
    margin-bottom: 60px;
    padding-left: 20px
}

.duel .ya-share2__list {
    justify-content: center
}

.duel-title {
    margin-bottom: 35px;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.duel-episode-title {
    text-align: center;
    margin-bottom: 32px
}

.duel-stage-title {
    margin-bottom: 25px;
    text-align: center
}

.duel-stage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.duel-pair {
    display: flex;
    justify-content: center;
    margin: 12px
}

@media (max-width: 520px) {
    .duel-pair {
        flex-direction: column;
        align-items: center
    }
}

.duel-member {
    display: block;
    position: relative;
    width: 240px;
    height: 350px
}

.duel-member:first-child::after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    top: 0;
    right: -1px;
    z-index: 1;
    position: absolute;
    opacity: .5
}

.duel-member:nth-child(2)::after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    top: 0;
    left: -1px;
    z-index: 1;
    position: absolute;
    opacity: .5
}

@media (max-width: 520px) {
    .duel-member:first-child::after {
        top: auto;
        right: 0;
        left: 0;
        width: 100%;
        height: 1px;
        bottom: -1px
    }

    .duel-member:nth-child(2)::after {
        right: 0;
        left: 0;
        width: 100%;
        height: 1px;
        top: -1px
    }
}

.duel-member:only-child::after {
    content: none
}

.duel-member__photo {
    margin: 14px
}

.duel-member-image {
    max-width: 100%
}

.duel-member__text {
    margin: 0 14px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: center
}

.duel-member__text p {
    margin-bottom: 2px;
    margin-top: 2px
}

.duel-member__badges {
    display: flex;
    justify-content: space-around;
    position: absolute;
    bottom: 25px;
    width: 100%
}

.person .duel-member__badges {
    position: relative;
    top: 0;
    bottom: 0;
    margin-top: 30px;
    justify-content: center
}

.person .duel-badge {
    width: 120px
}

.duel-badge {
    width: 50%
}

.duel-badge-info {
    margin: 0 14px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: center
}

.duel-badge-text {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    text-align: inherit
}

.duel-bagde__svg {
    display: block;
    margin: 0 auto 3px;
    width: 30px;
    height: 30px;
    fill: inherit
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.itv-push-suggest {
    position: relative;
    width: 100%;
    background-color: #0757a8;
    color: #fff;
    overflow: hidden;
    transition: max-height .3s;
    max-height: 500px
}

.itv-push-suggest--hidden {
    max-height: 0
}

.itv-push-suggest__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 20px 0
}

.itv-push-suggest__icon {
    display: block;
    content: "";
    width: 40px;
    height: 25px;
    margin-right: 7px;
    fill: #fff
}

.itv-push-suggest__title {
    display: flex;
    padding: 2px 0 10px 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.itv-push-suggest__buttons {
    display: flex;
    padding-bottom: 10px
}

.itv-push-suggest__buttons .itv-button {
    min-width: 100px;
    min-height: 28px;
    height: 24px;
    margin: 0 0 0 20px;
    padding: 0;
    border-width: 2px;
    font-size: 14px;
    font-weight: 700
}

.itv-push-suggest__buttons .itv-button:active, .itv-push-suggest__buttons .itv-button:hover {
    border-width: 2px;
    background-color: #fff;
    border-color: #fff;
    color: #0757a8
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.itv-push-settings {
    max-width: 984px;
    width: 100%;
    background-color: #fff;
    padding: 30px 0
}

@media (max-width: 732px) {
    .itv-push-settings {
        max-width: 100%
    }
}

.itv-push-settings__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 30px;
    color: #0757a8;
    text-align: center
}

@media (min-width: 733px) {
    .itv-push-settings__projects {
        padding: 0 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.itv-push-settings__project {
    width: calc(33% - 20px);
    min-width: 280px;
    margin-bottom: 1px;
    margin-left: 10px;
    margin-right: 10px;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

@media (max-width: 732px) {
    .itv-push-settings__project {
        width: calc(100% - 40px)
    }
}

.itv-push-settings__project:active .itv-push-settings__project_icon {
    background-image: url("")
}

.itv-push-settings__hover-wrapper {
    display: flex;
    align-items: flex-start;
    padding: 8px;
    font-size: 18px;
    line-height: 20px;
    border: 1px solid transparent;
    border-radius: 50px;
    cursor: pointer
}

@media (min-width: 733px) {
    .itv-push-settings__hover-wrapper:hover {
        border-color: gray
    }
}

.itv-push-settings__project--subscribed .itv-push-settings__project_icon {
    background-image: url("")
}

.itv-push-settings__project_icon {
    min-width: 40px;
    height: 20px;
    background-image: url("");
    background-size: 25px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none
}

.itv-push-settings__project_text {
    min-width: 228px;
    pointer-events: none
}

article.questionnaire {
    font-family: "PT Sans", serif;
    font-size: 16px;
    margin-bottom: 90px
}

article.questionnaire input, article.questionnaire textarea {
    font-size: 16px
}

article.questionnaire .header {
    position: relative
}

article.questionnaire .header .image {
    width: 100%;
    height: 440px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

article.questionnaire .header .title {
    position: absolute;
    top: 210px;
    width: 648px;
    height: 230px;
    display: table;
    overflow: hidden
}

article.questionnaire .header .title .text {
    padding-left: 84px;
    width: 100%;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    z-index: 3;
    color: #fff;
    font: 50px/50px "PT Sans", serif;
    position: relative
}

article.questionnaire .header .title .background {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 81, 157, .8)
}

article.questionnaire .header .lead {
    margin-top: 20px;
    font-size: 20px;
    line-height: 25px;
    color: #05519d;
    width: 480px;
    margin-left: 84px;
    margin-bottom: 50px
}

article.questionnaire h3 {
    color: #05519d;
    font-size: 18px;
    font-weight: 700;
    margin-left: 84px
}

article.questionnaire form > input[type=submit] {
    cursor: pointer;
    margin-left: 84px;
    height: 45px;
    width: 480px;
    background-color: #05519d;
    border: none;
    border-radius: 2px;
    color: #fff;
    padding: 5px;
    line-height: 35px;
    font-size: 18px;
    font-weight: 700
}

article.questionnaire form > input[type=submit]:hover {
    background-color: #5296db
}

article.questionnaire .field {
    width: 564px;
    display: flex;
    margin-bottom: 50px
}

article.questionnaire .field span.icon {
    display: inline-block;
    width: 60px;
    height: 50px;
    vertical-align: top;
    box-sizing: content-box;
    margin: 0 24px 0 0;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center
}

article.questionnaire .field span.icon.ok {
    background-image: url("")
}

article.questionnaire .field span.icon.alert {
    background-image: url("")
}

article.questionnaire .field label {
    flex-grow: 1;
    display: block;
    font-size: 16px
}

article.questionnaire .field label p {
    color: #707e89;
    margin-left: 84px
}

article.questionnaire .field label input, article.questionnaire .field label textarea {
    resize: none;
    display: inline-block;
    text-transform: capitalize;
    box-sizing: border-box;
    height: 50px;
    width: 475px;
    padding: 0 20px;
    outline: 0;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #96a0a8;
    color: #05519d
}

article.questionnaire .field label input:focus, article.questionnaire .field label textarea:focus {
    border-color: #05519d
}

article.questionnaire .field label textarea {
    padding-top: 10px;
    height: 150px
}

article.questionnaire .field.checkbox {
    display: block;
    color: #707e89
}

article.questionnaire .field.checkbox input {
    display: none
}

article.questionnaire .field.checkbox label {
    line-height: 50px;
    margin-bottom: 20px;
    color: #05519d
}

article.questionnaire .field.checkbox label > div {
    display: inline-block
}

article.questionnaire .field.checkbox label span.answer {
    cursor: pointer;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    background-color: #d9e3eb
}

article.questionnaire .field.checkbox:hover label > span {
    background-image: url("")
}

article.questionnaire .field.checkbox input:checked + label > span {
    background-color: #58a6dd;
    background-image: url("")
}

article.questionnaire .field.radio {
    display: block;
    color: #707e89
}

article.questionnaire .field.radio input {
    display: none
}

article.questionnaire .field.radio label {
    width: 100%;
    margin-bottom: 20px;
    line-height: 50px;
    color: #05519d
}

article.questionnaire .field.radio label > div {
    display: inline-block
}

article.questionnaire .field.radio label span.answer {
    cursor: pointer;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    background-color: #d9e3eb;
    background-image: url("")
}

article.questionnaire .field.radio:hover label > span {
    background-image: url("")
}

article.questionnaire .field.radio input:checked + label > span {
    background-color: #58a6dd;
    background-image: url("")
}

article.questionnaire .field.select .dropdown {
    min-width: 312px
}

article.questionnaire .field.select label p {
    margin-top: 0
}

article.questionnaire .field.file.valid .dropzone .message {
    display: none
}

article.questionnaire .field.file.valid .dropzone .fileicon {
    display: block
}

article.questionnaire .field.file label {
    width: 480px
}

article.questionnaire .field.file label input {
    position: absolute;
    height: 230px;
    margin-top: 15px;
    opacity: .01
}

article.questionnaire .field.file .dropzone {
    display: inline-block;
    width: 470px;
    height: 230px;
    border: 1px solid #d9e3eb
}

article.questionnaire .field.file .dropzone .message {
    height: 140px;
    width: 100%;
    color: #d9e3eb;
    line-height: 150px;
    text-align: center
}

article.questionnaire .field.file .dropzone .fileicon {
    padding-top: 20px;
    display: none;
    height: 140px;
    width: 100%
}

article.questionnaire .field.file .dropzone .fileicon .icon {
    overflow: hidden;
    margin: 0 auto;
    width: 144px;
    height: 80px;
    background-color: #58a6dd
}

article.questionnaire .field.file .dropzone .fileicon .icon span.icon {
    margin: 5px auto;
    width: 100%;
    height: 42px;
    background-image: url("")
}

article.questionnaire .field.file .dropzone .fileicon .icon .size {
    color: #fff;
    text-align: center;
    vertical-align: bottom
}

article.questionnaire .field.file .dropzone .fileicon .icon .size::after {
    display: inline-block;
    content: " Мб"
}

article.questionnaire .field.file .dropzone .fileicon .name {
    margin-top: 20px;
    text-align: center;
    color: #58a6dd
}

article.questionnaire .field.file .dropzone button {
    margin: 20px 30px 30px 30px;
    width: 420px;
    background-color: transparent;
    color: #05519d;
    border: 1px solid #05519d
}

article.questionnaire .field.ok span.icon {
    background-image: url("")
}

article.questionnaire .field.ok input {
    border-color: #05519d
}

article.questionnaire .field.alert span.icon {
    background-image: url("")
}

article.questionnaire .field.alert input {
    border-color: #eb0f4d
}

article.questionnaire button {
    font-weight: 700;
    cursor: pointer;
    line-height: 22px;
    font-size: 16px;
    padding: 10px;
    margin: 10px 0;
    background-color: #05519d;
    border: none;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    border-radius: 2px
}

article.questionnaire .dropdown {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    cursor: pointer;
    font-size: 16px;
    color: #707e89
}

article.questionnaire .dropdown .dropdown-toggle {
    display: block;
    height: 50px;
    padding-left: 20px;
    border: 1px solid #aebfcc;
    line-height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

article.questionnaire .dropdown .dropdown-toggle.day {
    width: 100px
}

article.questionnaire .dropdown .dropdown-toggle.month {
    width: 150px
}

article.questionnaire .dropdown .dropdown-toggle.year {
    width: 100px
}

article.questionnaire .dropdown .dropdown-toggle::after {
    content: "";
    display: inline-block;
    float: right;
    width: 35px;
    height: 48px;
    background: url("") no-repeat center
}

article.questionnaire .dropdown .dropdown-toggle:hover {
    color: #05519d;
    border-color: #58a6dd
}

article.questionnaire .dropdown .dropdown-toggle:hover::after {
    width: 35px;
    background-image: url("")
}

article.questionnaire .dropdown .dropdown-toggle:active {
    color: #fff;
    background-color: #05519d;
    border-color: #58a6dd
}

article.questionnaire .dropdown .dropdown-toggle:active::after {
    width: 35px;
    background-image: url("")
}

article.questionnaire .dropdown ul.menu {
    display: none;
    position: absolute;
    z-index: 10;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 400px;
    overflow: auto;
    background-color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #aebfcc
}

article.questionnaire .dropdown ul.menu li {
    color: #05519d;
    height: 50px;
    padding-left: 20px;
    line-height: 50px;
    border: 1px solid #58a6dd;
    border-top: none;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

article.questionnaire .dropdown ul.menu li:hover {
    color: #fff;
    background-color: #58a6dd
}

article.questionnaire .dropdown ul.menu li:active {
    color: #fff;
    background-color: #05519d
}

article.questionnaire .dropdown ul.menu li:last-child {
    border-bottom: none
}

article.questionnaire .dropdown.opened > ul.menu {
    display: block
}

article.questionnaire .field.required label {
    padding-left: 0
}

article.questionnaire .field:not(.required) span.icon {
    visibility: hidden
}

article.questionnaire .field.valid .dropdown .dropdown-toggle, article.questionnaire .field.valid .dropzone, article.questionnaire .field.valid .select, article.questionnaire .field.valid input, article.questionnaire .field.valid select, article.questionnaire .field.valid textarea {
    color: #05519d;
    border-color: #58a6dd !important
}

article.questionnaire .field.valid span.icon {
    background-image: url("")
}

article.questionnaire .field.invalid .dropdown .dropdown-toggle, article.questionnaire .field.invalid .dropzone, article.questionnaire .field.invalid input, article.questionnaire .field.invalid select, article.questionnaire .field.invalid textarea {
    border-color: #eb0f4d !important
}

article.questionnaire .field.invalid span.icon {
    background-image: url("")
}

.footer {
    padding: 15px;
    text-align: center
}

.footer .collection-head {
    margin: 25px auto;
    padding: 0 20px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    color: #05519d;
    font-weight: 400;
    word-wrap: break-word
}

.footer section.collection .cards {
    width: 100%;
    background-color: #05519d;
    border-bottom: 10px solid #05519d
}

.footer section.collection .cards .card {
    position: relative;
    width: 480px;
    height: 270px;
    box-sizing: content-box;
    outline: 0;
    background-size: cover;
    background-position-x: center;
    border-right: 1px solid #05519d;
    border-top: 1px solid #05519d;
    display: none
}

@media (max-width: 732px) {
    .footer section.collection .cards .card {
        width: 320px;
        height: 180px
    }
}

.footer section.collection .cards .card.slick-slide, .footer section.collection .cards .card:only-child {
    display: block;
    margin: 0 auto
}

.footer section.collection .cards .card:hover .info .title {
    text-decoration: underline
}

.footer section.collection .cards .card.slick-current {
    opacity: 1
}

.footer section.collection .cards .card:not(.slick-current) {
    opacity: .6
}

.footer section.collection .cards .card .stats {
    position: relative;
    padding: 12px 0 0 19px;
    height: 54px;
    background-image: url("");
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    letter-spacing: .6px
}

.footer section.collection .cards .card .stats > div {
    display: inline-block
}

.footer section.collection .cards .card .stats .length .svg.icon, .footer section.collection .cards .card .stats .views .svg.icon {
    display: none
}

.footer section.collection .cards .card .stats .views::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    width: 20px;
    height: 10px;
    background: url("") no-repeat
}

.footer section.collection .cards .card .stats .length {
    margin-left: 20px
}

.footer section.collection .cards .card .stats .length::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    background: url("") no-repeat
}

.footer section.collection .cards .card .stats .comments {
    margin-left: 22px
}

.footer section.collection .cards .card .stats .comments::before {
    content: "";
    display: inline-block;
    margin-right: 2px;
    width: 20px;
    height: 10px;
    background: url("") no-repeat
}

.footer section.collection .cards .card .stats .age {
    position: absolute;
    top: 10px;
    right: 17px;
    padding: 1px 3px;
    color: #9cbcdc;
    border: 1px solid;
    border-radius: 2px
}

.footer section.collection .cards .card .info {
    position: absolute;
    bottom: 0;
    padding: 19px;
    padding-bottom: 14px;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    z-index: 2
}

.footer section.collection .cards .card .info .show-name {
    font-size: 14px;
    font-weight: 700
}

.footer section.collection .cards .card .info .name {
    margin-top: 6px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700
}

.footer section.collection .cards .card .info .title {
    width: 396px
}

@media (max-width: 732px) {
    .footer section.collection .cards .card .info .title {
        width: 270px;
        max-height: 80px;
        overflow: hidden
    }
}

.footer section.collection .cards .card .info .play-icon {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 9px;
    bottom: 17px;
    font-size: 0;
    line-height: 0;
    background-image: url("");
    background-position: right bottom;
    z-index: 2
}

.footer section.collection .cards .card::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 141px;
    width: 100%;
    background-image: url("");
    background-repeat: no-repeat
}

.footer .slick-slider .slick-arrow {
    margin: 0 auto;
    width: 60px;
    top: 0;
    bottom: 10px;
    background-size: 60px 60px
}

@media (max-width: 732px) {
    .footer .slick-slider .slick-arrow {
        display: none !important
    }
}

.footer .slick-slider ul.slick-dots {
    margin-top: 0
}

.footer .slick-slider ul.slick-dots li button {
    background-color: #000
}

.footer .slick-slider ul.slick-dots li.slick-active button {
    background-color: #fff;
    border-color: #000
}

.footer .links {
    margin-top: 35px
}

.footer .links > div {
    margin: 0 auto
}

.footer .links .logo {
    width: 50px;
    height: 50px;
    background-image: url("");
    background-repeat: no-repeat
}

.footer .links .channel-name {
    margin-top: 10px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #05519d;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.footer .links .footer-menu {
    margin-top: 20px;
    max-width: 600px
}

.footer .links .footer-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center
}

.footer .links .footer-menu ul li {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.footer .links .footer-menu ul li a {
    color: #1b354a;
    text-decoration: none
}

.footer .links .footer-menu ul li a:hover {
    text-decoration: underline
}

.footer .links .small-social-buttons {
    width: 240px;
    margin-top: 20px;
    text-align: center
}

.footer .links .small-social-buttons .social-buttons-compact {
    margin-left: 0
}

.footer .links .small-social-buttons .global {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 30px;
    font-weight: 700;
    color: #1b354a;
    font-size: 14px;
    line-height: 15px
}

.footer .links .small-social-buttons .global::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    background: url("") no-repeat center center
}

.footer .links .small-social-buttons .itv-push-settings-link {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 30px;
    font-weight: 700;
    color: #1b354a;
    font-size: 14px;
    line-height: 15px
}

.footer .links .outtro {
    margin-top: 20px;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.footer .links .outtro span.nowrap {
    white-space: nowrap
}

.footer .social-widgets {
    width: 984px;
    margin: 0 auto;
    margin-bottom: 60px;
    overflow: hidden
}

.footer .social-widgets .widgets-wrapper {
    margin: 0 -12px
}

.footer .social-widgets .widgets-wrapper .widget {
    display: inline-block;
    vertical-align: top;
    margin: 12px;
    width: 312px;
    max-width: 312px;
    height: 400px;
    overflow: hidden
}

.footer .social-widgets .widgets-wrapper .widget--bordered {
    border: 1px solid #e1e7eb;
    width: 310px
}

@media (max-width: 732px) {
    .footer .social-widgets {
        width: 100%
    }

    .footer .social-widgets .widgets-wrapper .widget {
        display: block;
        width: 312px;
        height: auto;
        margin: 20px auto
    }
}

.counters {
    margin: 0 auto !important;
    height: 0;
    overflow: hidden;
    width: 18px
}

.counters > a {
    margin-right: 7px
}

.counters > a:last-child {
    margin: 0
}

main > section.archive {
    padding-top: 33px;
    padding-bottom: 30px;
    background-color: #00162e
}

main > section.archive header {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #05519d
}

main > section.archive .pill-buttons {
    margin-top: 12px
}

main > section.archive .grid {
    border: 1px solid;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
    margin: 29px auto;
    box-sizing: content-box;
    color: #092540
}

main > section.archive .grid .card {
    display: block;
    vertical-align: top;
    margin-bottom: -1px;
    padding: 20px 28px;
    box-sizing: border-box;
    width: 328px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid
}

main > section.archive .grid .card:nth-child(3n) {
    border-right: none
}

main > section.archive .grid .card .letter {
    margin-bottom: 24px;
    width: 60px;
    font-size: 40px;
    color: #136eb5;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 50px
}

main > section.archive .grid .card a {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    text-decoration: none
}

main > section.archive .grid .card a:hover {
    text-decoration: underline
}

@media (max-width: 732px) {
    section.archive .grid {
        border: none !important;
        flex-direction: column;
        align-items: center
    }

    section.archive .grid .card {
        border: 1px solid !important;
        width: calc(100% - 40px) !important
    }

    section.archive .grid .card:not(:last-of-type) {
        border-bottom: none
    }
}

.share-buttons .buttons-group {
    display: flex;
    align-items: center
}

.share-buttons .ya-share2__list {
    display: flex;
    padding: 0;
    list-style: none
}

.share-buttons .ya-share2__item {
    width: 90px;
    height: 30px;
    overflow: hidden
}

@media (min-width: 733px) {
    .share-buttons .ya-share2__item:not(:last-child) {
        margin-right: 14px
    }
}

.share-buttons .wide .ya-share2__item {
    width: 144px
}

@media (max-width: 732px) {
    .share-buttons .wide .ya-share2__item {
        margin-right: 20px;
        margin-left: 20px
    }
}

@media (min-width: 733px) {
    .share-buttons .wide .ya-share2__item:not(:last-child) {
        margin-right: 24px
    }
}

.share-buttons .ya-share2__link {
    display: block;
    width: 100%;
    height: 100%;
    padding-right: 10px;
    text-decoration: none !important;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer
}

.share-buttons .copy-link-video__button .ya-share2__link {
    padding-left: 8px;
    font-size: 20px
}

.share-buttons .copy-link-video__button .ya-share2__link.disabled {
    opacity: .6;
    cursor: default
}

.share-buttons .ya-share2__title {
    display: none
}

.share-buttons .ya-share2__badge {
    display: flex;
    justify-content: space-between
}

.share-buttons .ya-share2__icon {
    width: 30px;
    height: 30px;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat
}

.ya-share2__item_service_vkontakte span.ya-share2__icon {
    background-image: url("")
}

.ya-share2__item_service_facebook span.ya-share2__icon {
    background-image: url("")
}

.ya-share2__item_service_twitter span.ya-share2__icon {
    background-image: url("")
}

.ya-share2__item_service_odnoklassniki span.ya-share2__icon {
    background-image: url("")
}

.ya-share2__link {
    background-color: #1f7ac2
}

.ya-share2__link:hover {
    background-color: #eb0f4d
}

.ya-share2__link:active {
    background-color: #a50f48
}

@media (max-width: 732px) {
    .ya-share2__list {
        flex-wrap: wrap;
        justify-content: center
    }

    .ya-share2__item {
        margin: 12px 12px 12px 12px
    }
}

.social-buttons-compact {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px
}

.social-buttons-compact > a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    background-color: transparent;
    border-radius: 2px
}

.social-buttons-compact > a:hover {
    background-color: #5296db
}

.social-buttons-compact > a:active {
    background-color: #05519d
}

.social-buttons-compact > a:last-child {
    margin-right: 0
}

.social-buttons-compact > a > span {
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px
}

.social-buttons-compact > a .fb {
    background-image: url("")
}

.social-buttons-compact > a .fb:hover {
    background-image: url("")
}

.social-buttons-compact > a .vk {
    background-image: url("")
}

.social-buttons-compact > a .vk:hover {
    background-image: url("")
}

.social-buttons-compact > a .twitter {
    background-image: url("")
}

.social-buttons-compact > a .twitter:hover {
    background-image: url("")
}

.social-buttons-compact > a .ok {
    background-image: url("")
}

.social-buttons-compact > a .ok:hover {
    background-image: url("")
}

.social-buttons-compact > a .insta {
    background-image: url("")
}

.social-buttons-compact > a .insta:hover {
    background-image: url("")
}

.social-buttons-compact > a .telegram {
    background-image: url("")
}

.social-buttons-compact > a .telegram:hover {
    background-image: url("")
}

.copy-link-video__form {
    margin-top: 20px;
    position: relative
}

.copy-link-video__form .form-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end
}

@media (max-width: 732px) {
    .copy-link-video__form .form-row {
        flex-wrap: wrap
    }
}

.copy-link-video__form .form__video-link {
    width: 100%;
    max-width: 325px;
    margin: 0;
    margin-right: 30px;
    margin-bottom: 10px;
    position: relative
}

@media (max-width: 732px) {
    .copy-link-video__form .form__video-link {
        max-width: 280px;
        margin-right: 10px
    }
}

.copy-link-video__form .form__start-time {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 10px
}

.copy-link-video__form .video-link {
    height: auto;
    line-height: 20px;
    font-size: 16px;
    border-bottom: 2px solid;
    word-break: break-all;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.copy-link-video__form .copied-hint {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    background-color: #bcbcbc;
    color: #fafafa;
    opacity: 1;
    transition: opacity .2s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.copy-link-video__form .copied-hint.hidden-hint {
    opacity: 0;
    z-index: 0
}

.copy-link-video__form .checkbox-start {
    display: inline-block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    border: 2px solid;
    border-radius: 2px;
    border-color: #333;
    background-color: #fff
}

.copy-link-video__form .checkbox-start__wrapper input[type=checkbox], .copy-link-video__form .settings__item-title input[type=checkbox] {
    display: none;
    width: 20px;
    height: 20px
}

.copy-link-video__form .checkbox-start__wrapper input[type=checkbox]:checked + label .checkbox-start, .copy-link-video__form .settings__item-title input[type=checkbox]:checked + label .checkbox-start {
    background-color: #333;
    background-image: url("");
    background-size: 14px;
    background-position: center center;
    background-repeat: no-repeat
}

.copy-link-video__form .checkbox-start__wrapper input[type=checkbox]:active, .copy-link-video__form .checkbox-start__wrapper input[type=checkbox]:focus, .copy-link-video__form .settings__item-title input[type=checkbox]:active, .copy-link-video__form .settings__item-title input[type=checkbox]:focus {
    outline: 0;
    border: 0
}

.copy-link-video__form .checkbox-start__wrapper label, .copy-link-video__form .settings__item-title label {
    margin-right: 10px
}

.copy-link-video__form .start-time {
    width: 65px;
    height: 20px;
    padding: 0 2px;
    line-height: 20px;
    font-size: 16px;
    border: none;
    outline: 0;
    border-bottom: 2px solid;
    border-radius: 0;
    opacity: 1
}

.copy-link-video__form .start-time[disabled] {
    opacity: .3
}

.copy-link-video__form .start-time--no-hours {
    width: 43px
}

.copy-link-video__form .start-time__label {
    margin-right: 4px;
    line-height: 20px;
    font-size: 16px;
    opacity: 1
}

.copy-link-video__form .start-time__label.disabled {
    opacity: .3
}

.copy-link-video__form .checkbox-start:after, .copy-link-video__form .checkbox-start:before, .copy-link-video__form .start-time, .copy-link-video__form .start_time_label {
    transition: all .2s ease-in-out
}

.copy-link-video__form .itv-push-suggest__buttons .itv-button {
    margin-left: 45px
}

@media all and (max-width: 399px) {
    .copy-link-video__form .itv-push-suggest__buttons {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around
    }

    .copy-link-video__form .itv-push-suggest__buttons .itv-button {
        margin: 0
    }
}

.popup[data-block=embed_modal] {
    opacity: 0;
    z-index: 150
}

@media (min-width: 733px) {
    .popup[data-block=embed_modal] .background {
        min-width: 1044px
    }
}

.popup[data-block=embed_modal] .video-page {
    overflow: auto
}

@media all and (max-width: 1023px) {
    .popup[data-block=embed_modal] {
        overflow-x: scroll
    }
}

@media all and (max-width: 1023px) and (max-width: 732px) {
    .popup[data-block=embed_modal] {
        overflow-x: hidden
    }
}

@media all and (max-width: 1023px) {
    .popup[data-block=embed_modal] .video-page {
        overflow: scroll
    }
}

.popup[data-block=embed_modal] .content {
    margin-top: 60px
}

.popup[data-block=embed_modal] .close-button {
    top: 20px
}

.popup[data-block=embed_modal] .settings-container {
    padding-left: 20px
}

@media (max-width: 732px) {
    .popup[data-block=embed_modal] .settings-container {
        padding-left: 0
    }
}

.popup[data-block=embed_modal] .settings-container__header {
    margin-top: 10px;
    margin-bottom: 0
}

.popup[data-block=embed_modal] .settings-container__form .form__video-link {
    display: block;
    max-width: calc(100% - 30px);
    height: 62px;
    margin-bottom: 20px
}

@media (max-width: 732px) {
    .popup[data-block=embed_modal] .settings-container__form .form__video-link {
        max-width: 100%
    }
}

.popup[data-block=embed_modal] .settings-container__form .video-link {
    max-height: 62px;
    overflow-y: auto;
    overflow-x: hidden;
    border: none;
    border-bottom: 2px solid
}

.popup[data-block=embed_modal] .settings-container__separator {
    width: calc(100% - 30px);
    height: 2px;
    margin-left: 0
}

@media (max-width: 732px) {
    .popup[data-block=embed_modal] .settings-container__separator {
        width: 100%
    }
}

.popup[data-block=embed_modal] .settings-container .settings__item-title .checkbox-start {
    margin-right: 10px;
    margin-bottom: 2px;
    vertical-align: middle
}

.popup[data-block=embed_modal] .preview-container {
    width: 55%;
    min-width: 55%;
    max-width: 55%;
    padding-top: 10px
}

@media (max-width: 732px) {
    .popup[data-block=embed_modal] .preview-container {
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
}

.popup[data-block=embed_modal] .video-page {
    display: flex;
    padding: 10px 20px;
    background-color: #fff;
    overflow: hidden
}

@media (max-width: 732px) {
    .popup[data-block=embed_modal] .video-page {
        flex-direction: column
    }
}

.popup[data-block=embed_modal] .settings__item label {
    cursor: pointer
}

.popup[data-block=embed_modal] .settings__item-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

.popup[data-block=embed_modal] .settings__item-description {
    font-size: 16px;
    margin-left: 28px;
    margin-top: 8px;
    margin-bottom: 12px
}

.popup[data-block=embed_modal] .itv-push-suggest__buttons {
    display: flex;
    justify-content: flex-end;
    margin-right: 30px
}

@media (max-width: 732px) {
    .popup[data-block=embed_modal] .itv-push-suggest__buttons {
        margin-right: 0
    }

    .popup[data-block=embed_modal] .itv-push-suggest__buttons .itv-button {
        margin-left: 45px
    }

    .popup[data-block=embed_modal] .itv-push-suggest__buttons .itv-button:first-of-type {
        margin-left: 0
    }
}

.popup[data-block=embed_modal] .itv-push-suggest__buttons .itv-button {
    margin-top: 10px
}

.navbar.live .navbar-header a .logo {
    width: 40px;
    height: 40px;
    background-image: url("")
}

.navbar.live .navbar-info {
    display: none
}

.navbar.live .navbar-links ul.nav-left {
    margin-left: 25px;
    padding-left: 5px;
    margin-top: 4px
}

.navbar.live .navbar-links ul.nav-left li {
    vertical-align: middle
}

.navbar.live .navbar-links ul.nav-left li.search {
    margin-right: 50px
}

.navbar.live .navbar-links ul.nav-left li.social {
    height: 30px
}

.navbar.live .social-buttons-compact {
    height: 30px;
    float: right;
    margin: 0
}

.navbar.live .social-buttons-compact a {
    width: 30px;
    height: 30px;
    display: inline-block
}

article.live {
    position: relative;
    overflow: auto
}

article.live .player-wrapper {
    padding-bottom: 17px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

@media (min-aspect-ratio: 1 / 1) and (max-width: 983px) {
    article.live .player-wrapper {
        max-width: 80%
    }
}

article.live .player-wrapper h2 {
    text-align: center
}

article.live .player-wrapper .player {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    background-color: #000
}

article.live .player-wrapper .player img {
    width: 100%;
    height: auto
}

article.live .player-wrapper .player button {
    width: auto;
    height: auto
}

article.live .buttons {
    position: relative;
    max-width: 984px;
    padding: 0;
    margin: 0 auto;
    height: 45px
}

@media (max-width: 732px) {
    article.live .buttons {
        height: auto
    }

    article.live .buttons .feedback {
        text-align: center;
        width: auto;
        left: 0;
        right: -5px !important;
        margin: auto
    }
}

article.live .buttons section {
    display: inline-block
}

article.live .buttons .feedback {
    display: inline-block;
    height: 45px;
    position: absolute;
    top: 15px;
    right: 0
}

@media (max-width: 732px) {
    article.live .buttons .feedback {
        height: 50px;
        line-height: 47px;
        top: 0
    }
}

article.live .buttons .feedback a {
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    line-height: 30px;
    vertical-align: middle
}

article.live .buttons .feedback a:last-of-type {
    margin-right: 0
}

article.live .buttons .feedback a.mail {
    width: 30px;
    height: 30px;
    background: url("") no-repeat center
}

article.live .buttons .feedback a.help {
    display: none;
    background: url("") no-repeat center
}

article.live .live-orbit-time-message {
    margin-top: 20px;
    text-align: center;
    color: #0757a8
}

@media (max-width: 983px) {
    article.live .live-orbit-time-message {
        margin-bottom: 20px
    }
}

article.live .under_schedule_banner {
    margin: 20px auto 0 auto;
    max-width: 984px
}

@media (max-width: 983px) {
    article.live .under_schedule_banner {
        display: none
    }
}

article.live section.collection .cards {
    width: 100%;
    background-color: #05519d;
    border-bottom: 10px solid #05519d
}

article.live section.collection .cards .card {
    position: relative;
    width: 480px;
    height: 270px;
    box-sizing: content-box;
    outline: 0;
    background-size: cover;
    background-position-x: center;
    border-right: 1px solid #05519d;
    border-top: 1px solid #05519d;
    display: none
}

@media (max-width: 732px) {
    article.live section.collection .cards .card {
        width: 320px;
        height: 180px
    }
}

article.live section.collection .cards .card.slick-slide, article.live section.collection .cards .card:only-child {
    display: block;
    margin: 0 auto
}

article.live section.collection .cards .card:hover .info .title {
    text-decoration: underline
}

article.live section.collection .cards .card.slick-current {
    opacity: 1
}

article.live section.collection .cards .card:not(.slick-current) {
    opacity: .6
}

article.live section.collection .cards .card .stats {
    position: relative;
    padding: 12px 0 0 19px;
    height: 54px;
    background-image: url("");
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    letter-spacing: .6px
}

article.live section.collection .cards .card .stats > div {
    display: inline-block
}

article.live section.collection .cards .card .stats .length .svg.icon, article.live section.collection .cards .card .stats .views .svg.icon {
    display: none
}

article.live section.collection .cards .card .stats .views::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    width: 20px;
    height: 10px;
    background: url("") no-repeat
}

article.live section.collection .cards .card .stats .length {
    margin-left: 20px
}

article.live section.collection .cards .card .stats .length::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    background: url("") no-repeat
}

article.live section.collection .cards .card .stats .comments {
    margin-left: 22px
}

article.live section.collection .cards .card .stats .comments::before {
    content: "";
    display: inline-block;
    margin-right: 2px;
    width: 20px;
    height: 10px;
    background: url("") no-repeat
}

article.live section.collection .cards .card .stats .age {
    position: absolute;
    top: 10px;
    right: 17px;
    padding: 1px 3px;
    color: #9cbcdc;
    border: 1px solid;
    border-radius: 2px
}

article.live section.collection .cards .card .info {
    position: absolute;
    bottom: 0;
    padding: 19px;
    padding-bottom: 14px;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    z-index: 2
}

article.live section.collection .cards .card .info .show-name {
    font-size: 14px;
    font-weight: 700
}

article.live section.collection .cards .card .info .name {
    margin-top: 6px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700
}

article.live section.collection .cards .card .info .title {
    width: 396px
}

@media (max-width: 732px) {
    article.live section.collection .cards .card .info .title {
        width: 270px;
        max-height: 80px;
        overflow: hidden
    }
}

article.live section.collection .cards .card .info .play-icon {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 9px;
    bottom: 17px;
    font-size: 0;
    line-height: 0;
    background-image: url("");
    background-position: right bottom;
    z-index: 2
}

article.live section.collection .cards .card::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 141px;
    width: 100%;
    background-image: url("");
    background-repeat: no-repeat
}

article.live .slick-slider .slick-arrow {
    margin: 0 auto;
    width: 60px;
    top: 0;
    bottom: 10px;
    background-size: 60px 60px
}

@media (max-width: 732px) {
    article.live .slick-slider .slick-arrow {
        display: none !important
    }
}

article.live .slick-slider ul.slick-dots {
    margin-top: 0
}

article.live .slick-slider ul.slick-dots li button {
    background-color: #000
}

article.live .slick-slider ul.slick-dots li.slick-active button {
    background-color: #fff;
    border-color: #000
}

.top-banner, .under_schedule_banner {
    max-width: 984px;
    margin: 0 auto
}

@media (max-width: 983px) {
    .top-banner, .under_schedule_banner {
        display: none
    }
}

@media (max-width: 732px) {
    .live .share-buttons {
        display: none !important
    }

    .live .player-wrapper {
        padding-bottom: 50px !important
    }

    main {
        overflow: hidden
    }

    .schedule .slick-arrow {
        display: none
    }

    section.collection .cards a.card.slick-slide {
        width: 320px;
        height: 180px
    }

    section.collection .cards a.card.slick-slide .info .title {
        width: 270px;
        font-size: 18px;
        line-height: 20px
    }
}

#collections header {
    height: 90px;
    line-height: 103px;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    color: #05519d
}

.hbbtv-icon_tooltip {
    display: block;
    width: 290px;
    height: auto;
    padding: .5em 1em;
    box-sizing: content-box;
    white-space: normal;
    font-size: small;
    position: absolute;
    left: 0;
    top: calc(100% - 10px);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
    background-color: #fff;
    color: #366799;
    border: 1px solid #7e9fb8;
    border-radius: 2px;
    cursor: pointer
}

.hbbtv-icon_tooltip:hover {
    text-decoration: underline
}

.unavailable .hbbtv-icon_live {
    opacity: .4
}

[data-block=hbbtv_icon_tooltip] {
    position: relative
}

[data-block=hbbtv_icon_tooltip]:hover {
    opacity: 1
}

[data-block=hbbtv_icon_tooltip]:hover .hbbtv-icon_tooltip {
    opacity: 1;
    visibility: visible;
    top: 100%
}

@media (max-width: 732px) {
    [data-block=hbbtv_icon_tooltip]:hover .hbbtv-icon_tooltip {
        opacity: 0;
        visibility: hidden
    }
}

[data-block=hbbtv_icon_tooltip].hbbtv-icon_live .hbbtv-icon_tooltip {
    width: 183px;
    left: auto;
    left: initial;
    top: calc(100% - 10px);
    right: -1px
}

[data-block=hbbtv_icon_tooltip].hbbtv-icon_live:hover .hbbtv-icon_tooltip {
    top: 100%
}

.itv-schedule-week__time-of-day:nth-child(3) .hbbtv-icon_tooltip {
    left: auto;
    left: initial;
    right: 10px
}

.position-info {
    text-align: center;
    margin: 15px 25px
}

.position-info .postion-title {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 30px;
    color: #05519d
}

.position-info .position-lead {
    font-size: 16px;
    line-height: 20px;
    color: #010101
}

.interactivity-buttons {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    max-height: 200px;
    overflow: hidden;
    transition: max-height .2s
}

@media (max-width: 732px) {
    .interactivity-buttons {
        flex-direction: column
    }
}

.interactivity-buttons--hidden {
    max-height: 0
}

.interactivity-buttons__button {
    display: block;
    width: 250px;
    margin: 11px 12px;
    padding: 1px 7px 2px;
    position: relative;
    z-index: 1;
    font-size: 21px;
    line-height: 30px;
    letter-spacing: .5px;
    text-align: center;
    color: #0757a8 !important;
    border: 2px solid #0757a8;
    border-radius: 7px;
    background-color: #fff;
    transition: background-color .2s, border-color .2s, color .2s
}

@media (max-width: 732px) {
    .interactivity-buttons__button:not(:last-of-type) {
        margin-bottom: 0
    }
}

@media (min-width: 733px) and (max-width: 983px) {
    .interactivity-buttons__button {
        margin-bottom: 6px
    }
}

.interactivity-buttons__button:active, .interactivity-buttons__button:focus, .interactivity-buttons__button:hover {
    box-shadow: 0 0 7.6px .4px rgba(5, 45, 86, .4)
}

.interactivity-buttons__button:hover {
    transition: box-shadow .2s;
    text-decoration: none
}

.interactivity-buttons__button::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 0;
    opacity: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #06488a transparent transparent transparent;
    transition: opacity .2s
}

@media (max-width: 732px) {
    .interactivity-buttons__button::after {
        display: none;
        visibility: hidden
    }
}

.interactivity-buttons__button--active {
    color: #fff !important;
    background-color: #0757a8;
    border-color: rgba(5, 45, 86, .4);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4) inset
}

.interactivity-buttons__button--active:active, .interactivity-buttons__button--active:focus, .interactivity-buttons__button--active:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4) inset;
    cursor: default
}

.interactivity-buttons__button--active::after {
    opacity: 1
}

.embedlive-remote, .stream-player {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    border: none;
    width: 100%;
    height: 100%
}

@media screen and (orientation: portrait) and (max-width: 732px) {
    [data-block*=mobile_sticky_player].sticked {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        height: auto;
        z-index: 100;
        transition: top .3s ease
    }

    [data-block*=mobile_sticky_player].sticked .description {
        visibility: collapse
    }

    [data-block*=mobile_sticky_player].sticked.short {
        top: 60px
    }

    .ratio-16-9_sticky-player {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .ratio-16-9_sticky-player.sticked {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .ratio-16-9_sticky-player.sticked:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 56.25%
    }
}

@media (orientation: landscape) {
    [data-role*=player_wrapper] {
        height: auto !important
    }
}

.footer-promo-place, .header-promo-place, .middle-promo-place {
    position: relative;
    box-sizing: content-box;
    padding: 10px 0;
    overflow: hidden
}

@media (max-width: 732px) {
    .footer-promo-place, .header-promo-place, .middle-promo-place {
        display: none
    }
}

.footer-promo-place .promo-place, .header-promo-place .promo-place, .middle-promo-place .promo-place {
    text-align: center
}

.footer-promo-place .promo-place .position, .header-promo-place .promo-place .position, .middle-promo-place .promo-place .position {
    display: inline-block;
    margin: 0 auto
}

.header-promo-place [id^=adfox_] [id^=yandex_rtb_] {
    margin-top: -10px
}

.footer-promo-place {
    padding: 50px 0
}

.middle-promo-place .promo-place .position {
    display: flex;
    flex-direction: column;
    align-items: center
}

.promo-place .ya_partner_R-162266-9 img {
    max-width: 100% !important
}

.index-page .side-promo-place-right.tower {
    margin-top: -3px
}

.sticky_container {
    position: relative
}

.tower-offset {
    margin-top: 35px
}

.index-page .tower-offset {
    margin-top: 0
}

.right-column .content:empty + .tower-offset {
    margin-top: 0
}

.show-main .right-column .content .w_row:first-child .w__block__promo_position {
    margin-top: -11px
}

.right-column .w__block__promo_position::before {
    content: "Реклама";
    display: block;
    margin: 0 auto 5px;
    color: #bcbcbc;
    font-size: 10px;
    line-height: 6px
}

.right-column .w__block__promo_position .promo-place {
    border: 1px solid;
    padding: 6px
}

.right-column .w__block__promo_position .promo-place .standard-position {
    display: flex;
    justify-content: center
}

.itv-col-s-wide .side-promo-place-right {
    margin-left: auto;
    margin-right: auto
}

.side-promo-place-right {
    width: 312px;
    box-sizing: content-box;
    display: block;
    vertical-align: top
}

.side-promo-place-right::before {
    content: "Реклама";
    display: block;
    margin: 0 auto 5px;
    color: #bcbcbc;
    font-size: 10px;
    line-height: 6px
}

.side-promo-place-right .promo-place {
    border: 1px solid;
    padding: 4px;
    width: 312px;
    overflow: hidden;
    border-color: #e5e5e5
}

.side-promo-place-right .promo-place > .standard-position {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.side-promo-place-right .promo-place > a > img, .side-promo-place-right .promo-place > div, .side-promo-place-right .promo-place > div > a > img, .side-promo-place-right .promo-place > div > img, .side-promo-place-right .promo-place > iframe, .side-promo-place-right .promo-place > img, .side-promo-place-right .promo-place > span {
    max-width: 100% !important;
    max-height: 100% !important;
    overflow: hidden;
    display: block;
    margin: 0 auto
}

.side-promo-place-right.tower {
    display: none
}

.side-promo-place-right.tower .promo-place {
    height: auto
}

@media (min-width: 733px) {
    .side-promo-place-right.tower {
        display: block
    }

    .side-promo-place-right.tower.sticked {
        position: fixed;
        top: 61px
    }

    .side-promo-place-right.tower.leftBehind {
        position: absolute;
        margin: 0;
        margin-top: 50px !important
    }
}

section.article-container .side-promo-place-right:not(.tower) {
    margin: 0 auto;
    margin-top: 40px
}

@media (max-width: 732px) {
    section.article-container .side-promo-place-right:not(.tower) {
        margin-top: 0
    }
}

.banner#yandex_ad {
    margin: 50px auto 32px auto;
    width: 984px
}

@media (max-width: 732px) {
    div.banner {
        display: none
    }

    .banner #yandex_ad {
        max-width: 100%;
        margin: 0 auto
    }
}

.mobile-promo-place {
    position: fixed;
    bottom: -1px;
    width: 100%;
    z-index: 98;
    max-height: 100px;
    background-color: #fff
}

@media (min-width: 733px) {
    .mobile-promo-place {
        display: none
    }
}

.mobile-promo-place .promo-place {
    position: relative;
    width: 302px;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid gray
}

.mobile-promo-place .promo-place:empty {
    display: none
}

.mobile-promo-place img {
    max-width: 100%
}

.middle_horizontal_banner__close-button, .mobile-promo-place__close-button {
    display: block;
    position: absolute;
    top: -35px;
    right: calc(50% - 160px);
    width: 70px;
    height: 70px;
    z-index: 103;
    cursor: pointer
}

.middle_horizontal_banner__close-button .icon, .mobile-promo-place__close-button .icon {
    width: 30px;
    height: 30px;
    margin: 20px
}

.middle_horizontal_banner__close-button {
    right: 0
}

.middle_horizontal_banner {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 102
}

.middle_horizontal_banner a, .middle_horizontal_banner a:hover {
    text-decoration: none;
    cursor: pointer
}

@media (max-width: 1023px) {
    .middle_horizontal_banner .banner_mobile {
        display: block
    }

    .middle_horizontal_banner .banner_desktop {
        display: none
    }
}

@media (min-width: 1024px) {
    .middle_horizontal_banner .banner_mobile {
        display: none
    }

    .middle_horizontal_banner .banner_desktop {
        display: block
    }
}

.middle_horizontal_banner .banner_wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 1000px 60px;
    background-position: top center
}

@media (max-width: 1023px) {
    .middle_horizontal_banner .banner_wrapper {
        justify-content: center
    }
}

@media (min-width: 1024px) {
    .middle_horizontal_banner .banner_wrapper {
        height: 120px;
        background-size: 1533px 120px;
        background-position: center
    }
}

.middle_horizontal_banner .banner_content {
    padding-left: 20px;
    font-family: "PT Sans"
}

@media (max-width: 1023px) {
    .middle_horizontal_banner .banner_content {
        width: 100%;
        max-width: 733px;
        padding-top: 70px;
        padding-right: 20px;
        padding-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .middle_horizontal_banner .banner_content {
        width: 50%;
        max-width: 535px;
        margin-left: 50%
    }
}

.middle_horizontal_banner .banner_title {
    padding-bottom: 5px;
    font-weight: 700
}

@media (max-width: 732px) {
    .middle_horizontal_banner .banner_title {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width: 733px) and (max-width: 1599px) {
    .middle_horizontal_banner .banner_title {
        font-size: 18px;
        line-height: 20px
    }
}

@media (min-width: 1600px) {
    .middle_horizontal_banner .banner_title {
        font-size: 20px;
        line-height: 30px
    }
}

.middle_horizontal_banner .banner_text {
    font-weight: 400
}

@media (max-width: 732px) {
    .middle_horizontal_banner .banner_text {
        font-size: 12px;
        line-height: 15px
    }
}

@media (min-width: 733px) and (max-width: 1599px) {
    .middle_horizontal_banner .banner_text {
        font-size: 13px;
        line-height: 20px
    }
}

@media (min-width: 1600px) {
    .middle_horizontal_banner .banner_text {
        font-size: 15px;
        line-height: 20px
    }
}

.middle_horizontal_banner .banner_text a {
    font-weight: 700
}

.linkwrap {
    position: relative;
    display: inline-block
}

.blocker {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

.linkwrap iframe {
    z-index: 2
}

.playlist a.card.slick-current {
    border: 1px solid
}

.playlist .slick-arrow.slick-disabled {
    opacity: 0 !important;
    pointer-events: none
}

.error .navbar .menu a.logo {
    visibility: visible
}

section.error {
    width: 100%;
    background-color: #1974bb;
    color: #fff
}

section.error .searchbar {
    position: relative;
    top: 0;
    padding-top: 20px
}

section.error .searchbar .search {
    max-width: 984px
}

section.error .error-code {
    margin: 0 auto;
    padding: 35px 0;
    max-width: 984px;
    text-align: center;
    letter-spacing: 1.5px
}

section.error .error-code .name {
    padding: 0 20px;
    font-size: 80px;
    line-height: 90px
}

section.error .error-code .title {
    padding: 0 20px;
    font-size: 30px;
    margin-top: 3px
}

section.error .error-code .description {
    margin: 5px auto 0;
    padding: 0 20px 50px;
    max-width: 480px;
    font-size: 24px;
    font-style: italic;
    letter-spacing: 0
}

section.error .error-code .hint-wrapper {
    margin: 0 auto;
    background-color: #01478d;
    padding: 10px;
    max-width: 480px
}

section.error .error-code .hint-wrapper .hint {
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 19px 10px;
    letter-spacing: 0
}

section.error .error-code .hint-wrapper .hint .title {
    margin: 0;
    color: rgba(255, 255, 255, .3);
    font-size: 20px;
    font-style: italic
}

section.error .error-code .hint-wrapper .hint .text {
    margin-top: 20px;
    margin-bottom: 13px;
    font-size: 24px;
    line-height: 30px
}

article.feedback {
    margin: 0 auto;
    width: 984px
}

article.feedback div[class*=col-] {
    margin: 0 12px;
    padding: 0
}

article.feedback h2 {
    margin-left: 84px;
    font-size: 50px;
    font-weight: 700;
    color: #05519d
}

article.feedback .item {
    display: block;
    margin-top: 30px
}

article.feedback .item .icon {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    margin-right: 24px;
    background-repeat: no-repeat;
    background-position: center center
}

article.feedback .item .text {
    display: inline-block;
    vertical-align: top;
    width: 564px
}

article.feedback .item .text .title {
    font-size: 20px;
    font-weight: 700;
    color: #05519d
}

article.feedback .item .text .desc {
    margin-top: 10px
}

article.feedback .item .text .message {
    margin-top: 10px;
    color: #7e95a7
}

article.feedback .item.warn .icon {
    background-image: url("")
}

article.feedback .item.warn .message {
    color: #7e95a7
}

article.feedback .item.ok .icon {
    background-image: url("")
}

article.feedback .item.ok .message {
    color: #05519d
}

article.feedback .item.alert {
    padding: 0;
    border: 0
}

article.feedback .item.alert .icon {
    background-image: url("")
}

article.feedback .item.alert .message {
    color: #fff;
    background-color: #f4506f;
    margin-top: 20px;
    padding: 15px;
    border-radius: 15px;
    width: 480px
}

article.feedback .results {
    margin: 50px 0 90px 84px
}

article.feedback .results .title {
    font-size: 20px;
    font-weight: 700;
    color: #05519d
}

article.feedback .results .score {
    font-size: 80px;
    font-weight: 700;
    color: #58a6dd
}

article.feedback .results .message {
    font-size: 16px;
    color: #05519d
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.brandable, article.live {
    position: relative;
    overflow: hidden
}

.brandable .branding, .brandable .branding__two-links, article.live .branding, article.live .branding__two-links {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center
}

.brandable .branding .branding_image-background, .brandable .branding__two-links .branding_image-background, article.live .branding .branding_image-background, article.live .branding__two-links .branding_image-background {
    display: block
}

@media (max-width: 732px) {
    .brandable .branding .branding_image-background img, .brandable .branding__two-links .branding_image-background img, article.live .branding .branding_image-background img, article.live .branding__two-links .branding_image-background img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto !important
    }
}

.brandable .branding__two-links, article.live .branding__two-links {
    flex-wrap: nowrap
}

.brandable .branding__two-links .branding__link, article.live .branding__two-links .branding__link {
    width: 50%
}

.brandable .branding-frame, article.live .branding-frame {
    width: 1044px;
    height: 110%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -10px;
    background-color: #000;
    opacity: .5
}

@media (min-width: 1600px) {
    .brandable .branding-frame, article.live .branding-frame {
        width: 1380px
    }
}

@media (max-width: 732px) {
    .brandable .branding, article.live .branding {
        display: block;
        position: relative
    }

    .brandable .branding-frame, .brandable .branding-offset, article.live .branding-frame, article.live .branding-offset {
        display: none
    }
}

@media (max-width: 983px) {
    .brandable .branding-frame, article.live .branding-frame {
        display: none
    }
}

@media (min-width: 733px) {
    .brandable .branded, article.live .branded {
        max-width: 1024px;
        margin: 0 auto
    }

    .brandable .branded .w_row:not(.big-slider), article.live .branded .w_row:not(.big-slider) {
        width: 1024px !important;
        font-size: 0
    }

    .brandable .branded .right-column .w_row, article.live .branded .right-column .w_row {
        width: auto !important
    }

    .brandable .branded {
        max-width: 1024px
    }

    .brandable .branded .w_row.w_row {
        width: 100% !important
    }
}

@media (min-width: 1600px) {
    .brandable .branded {
        max-width: 1360px
    }
}

.brandable .branding-offset {
    width: 100%
}

article.live .branding-frame {
    width: 1004px
}

.branding_promo_place {
    opacity: .01;
    transition: all .3s
}

.branding_promo_place.loaded {
    opacity: 1
}

.popup .branding_promo_place {
    display: none
}

@media (max-width: 732px) {
    .branding_promo_place {
        min-height: 0 !important
    }

    .branding_promo_place::before {
        content: "";
        display: block;
        padding-top: 46.66%
    }

    div[data-block=commercial_branding] .branding_promo_place::before {
        padding: 0;
        display: none
    }

    .branding_promo_place.loaded .branding {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

    .live .branding_promo_place {
        display: none
    }

    .live .branding_promo_place .branding {
        width: 100%;
        position: relative
    }

    .live .branding_promo_place:before {
        content: none
    }

    .brandable {
        overflow: initial
    }
}

.ie10 .slick-slider .slick-list {
    width: 100%
}

article.pages_mobile {
    margin: 0 auto
}

article.pages_mobile h2 {
    margin: 0;
    padding: 40px;
    min-height: 120px;
    font-size: 38px;
    line-height: 40px;
    color: #0757a8;
    text-align: center
}

article.pages_mobile section.page {
    padding: 70px 0 85px 0
}

article.pages_mobile section.page div {
    max-width: 984px;
    margin-left: auto;
    margin-right: auto
}

article.pages_mobile section.page .logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    overflow: hidden
}

article.pages_mobile section.page .logo img {
    width: 100%
}

article.pages_mobile section.page .title {
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

article.pages_mobile section.page .screenshot {
    position: relative;
    margin-bottom: 20px
}

article.pages_mobile section.page .screenshot img {
    display: block;
    margin: 0 auto;
    max-width: 95%
}

article.pages_mobile section.page .text {
    max-width: 100%;
    width: 836px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 0 20px;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 700
}

article.pages_mobile section.page .buttons {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 100%;
    width: 836px;
    padding: 0 20px;
    margin: 0 auto
}

@media (max-width: 732px) {
    article.pages_mobile section.page .buttons {
        justify-content: center
    }
}

article.pages_mobile section.page .buttons a {
    display: inline-block;
    width: 180px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

@media (max-width: 732px) {
    article.pages_mobile section.page .buttons a {
        margin: 10px
    }
}

article.pages_mobile section.page .buttons .android {
    background-image: url("")
}

article.pages_mobile section.page .buttons .ios {
    background-image: url("")
}

article.pages_mobile section.page .buttons .huawei {
    background-image: url("")
}

.inline-comments h6 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    color: #0e61a2;
    margin: 20px 0
}

.inline-comments__comment {
    margin: 10px 0;
    padding: 20px;
    border: 1px solid #d9e3eb;
    font-size: 16px;
    line-height: 20px;
    -webkit-font-smoothing: auto
}

.inline-comments__comment .inline-comments__comment__meta {
    margin: 0;
    line-height: 18px;
    color: #798a95
}

.inline-comments__comment .inline-comments__comment__content {
    margin: 15px 0 0;
    color: #111e27;
    letter-spacing: -.4px
}

.inline-comments__comment.inline-comments__comment_reply {
    margin-left: 84px
}

article.all-video {
    margin-top: 0;
    width: 100%
}

article.all-video > .container {
    width: 100%;
    background-color: #fff
}

article.all-video.title {
    padding-left: 0 !important
}

article.all-video.title h1 {
    padding-left: 5px
}

article.all-video .itv-col-4 .calendar {
    display: block
}

article.all-video .itv-col-4 .calendar .text h2 {
    color: #000 !important
}

article.all-video .itv-col-4 button {
    background-color: transparent;
    border: none
}

article.all-video .itv-col-4 button.border {
    border: 1px solid
}

article.all-video.search-results .search-more {
    margin-top: 15px
}

article.all-video.search-results .card {
    background-color: #fff !important;
    position: relative
}

article.all-video.search-results .card__label {
    width: calc(100% - 144px - 24px);
    height: 26px;
    line-height: 26px;
    left: calc(144px + 24px);
    bottom: 4px;
    font-size: 14px
}

@media (max-width: 732px) {
    article.all-video.search-results .card__label {
        height: auto;
        padding: 4px;
        line-height: 14px;
        font-size: 9px
    }
}

@media all and (max-width: 500px) {
    article.all-video.search-results .card__label {
        width: 100%;
        left: 0;
        bottom: -13px
    }
}

article.all-video.search-results a.result .info, article.all-video.search-results a.result .stats {
    display: none
}

article.all-video.search-results a.result .img-wrapper {
    display: inline-block;
    position: relative;
    margin-right: 24px;
    width: 144px;
    height: 81px;
    background-color: #000
}

article.all-video.search-results a.result .img-wrapper img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto
}

article.all-video.search-results a.result .img-wrapper img[src=''] {
    opacity: 0
}

article.all-video.search-results a.result .play-icon {
    display: none
}

article.all-video.search-results a.result .text {
    display: inline-block;
    vertical-align: top;
    max-width: 480px;
    margin-top: -3px
}

article.all-video.search-results a.result .text .subtitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #000 !important
}

article.all-video.search-results a.result .text > .hidden {
    display: block !important
}

article.all-video.search-results a.result .text .show-name {
    font-weight: 700
}

article.all-video.search-results a.result .text .date::before, article.all-video.search-results a.result .text .views::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center
}

article.all-video.search-results a.result .text .date, article.all-video.search-results a.result .text .views {
    display: inline-block;
    margin-top: 4px;
    color: #96a0a8;
    font-size: 13px
}

article.all-video.search-results a.result .text .views::before {
    margin-left: 20px;
    width: 10px;
    background-image: url("")
}

article.all-video.search-results a.result .text .lead, article.all-video.search-results a.result .text .title {
    font-size: 16px;
    line-height: 20px;
    color: #000 !important
}

article.all-video .all-projects {
    margin-top: 20px
}

@media (max-width: 732px) {
    article.all-video .all-projects {
        padding: 0 20px
    }
}

article.all-video .all-projects > .title {
    font-weight: 700;
    font-size: 22px;
    line-height: 20px
}

article.all-video .all-projects ul {
    margin-top: 15px;
    padding: 0;
    list-style: none
}

article.all-video .all-projects ul li a {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

article.all-video .all-projects ul li:last-child a {
    text-transform: uppercase
}

article.all-video .title {
    font-size: 22px;
    line-height: 30px;
    word-break: break-word
}

@media (max-width: 732px) {
    article.all-video .search-more {
        padding: 0
    }
}

.note-list {
    width: 60px;
    height: 60px;
    margin-top: 0;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background-color: #05519d
}

.note-list .w_text {
    width: 100%;
    height: 100%;
    line-height: 60px
}

.note-image {
    width: 60px;
    margin-top: 25px;
    background-color: transparent
}

.note-image .w_image {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center
}

.note-calendar {
    position: relative;
    width: 60px;
    margin-top: 25px;
    border-radius: 2px;
    padding-bottom: 5px;
    background-color: #05519d;
    color: #fff;
    text-align: center
}

@media (min-width: 733px) and (max-width: 1599px) {
    .note-calendar {
        top: 3px
    }
}

.note-calendar::before {
    content: ".....";
    display: block;
    position: absolute;
    top: -11px;
    left: 5px;
    color: #fff;
    font-size: 37px;
    font-weight: 700;
    line-height: 0;
    letter-spacing: 1px
}

.note-calendar .w_date {
    font-size: 16px;
    line-height: 22px;
    padding-top: 8px;
    text-transform: capitalize;
    font-weight: 700
}

.note-calendar .w_month {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 14px
}

.note-calendar .w_month::after {
    display: block;
    content: "";
    margin: 0 9px;
    max-width: 100%;
    height: 2px;
    background-color: #fff
}

.note-calendar .w_time {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 700
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

@media (min-width: 1600px) {
    section.teams .w_block.c-6 {
        width: 816px
    }
}

section.teams .w_row .w_block.o-0.c-8 {
    width: 100%
}

@media (max-width: 732px) {
    section.teams .w_row .w_block.o-0.c-8 {
        width: 100vw;
        max-width: 100vw;
        margin: 0 -20px !important
    }
}

section.teams .container {
    width: auto
}

section.teams .container .row {
    max-width: 984px;
    margin: 0 20px
}

section.teams .share-buttons {
    margin-top: 20px
}

section.teams .share-buttons .ya-share2 ul.ya-share2__list {
    justify-content: center
}

section.teams .team-link {
    display: block;
    margin-top: 20px;
    margin-bottom: 25px;
    max-width: 100%;
    text-decoration: initial
}

section.teams .team-link .photo {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: bottom center
}

section.teams .team-link .photo img {
    display: block;
    height: 100%;
    width: auto;
    margin: 0 auto
}

section.teams .team-link .name {
    font: bold 24px/30px "PT Sans";
    text-align: center
}

section.teams .team-link .name .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    vertical-align: middle
}

section.teams .team-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

section.teams .team-list .team-column {
    position: relative;
    flex-shrink: 0;
    padding: 0;
    margin: 0 12px 24px;
    min-height: 50px;
    transition: all .2s
}

section.teams .team-list .team-column:first-child {
    margin-left: 0
}

section.teams .team-list .team-column:last-child {
    margin-right: 0
}

section.teams .team-list .team-column:hover::before {
    opacity: 1
}

section.teams .team-list .team-column::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    transition: opacity .2s linear;
    opacity: .5;
    z-index: 1
}

section.teams .team-list .team-column .coach, section.teams .team-list .team-column .talents {
    position: relative;
    z-index: 2
}

section.teams .team .person {
    display: block
}

section.teams .team .person .photo {
    width: 100%;
    overflow: hidden
}

section.teams .team .person .photo img {
    max-width: 100%;
    height: 100%;
    margin: 0 auto
}

section.teams .team .person .info {
    padding: 13px 60px 40px;
    text-align: center
}

section.teams .team .person .info .name {
    font: 34px/40px "PT Sans"
}

section.teams .team .person .info .name p {
    margin-top: 0;
    margin-bottom: 12px
}

section.teams .team .person .info .description {
    margin-top: 15px;
    font: 18px/24px "PT Sans"
}

section.teams .team .coaches, section.teams .team .talents {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0 40px
}

section.teams .team .coaches .face, section.teams .team .talents .face {
    width: 50%;
    margin: 0 0 30px
}

@media (min-width: 1600px) {
    section.teams .team .coaches .face, section.teams .team .talents .face {
        width: 33.3%
    }
}

section.teams .team .coaches {
    justify-content: center
}

section.teams .team .coaches .single-on-line {
    flex-basis: 100%
}

section.teams .team-column a.coach {
    display: block;
    margin: 10px;
    text-decoration: none !important
}

section.teams .team-column a.coach:hover {
    text-decoration: none
}

section.teams .team-column a.coach:hover .photo img {
    height: 115%
}

section.teams .team-column a.coach .photo {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    display: flex;
    justify-content: center
}

section.teams .team-column a.coach .photo img {
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    display: block;
    margin: auto;
    height: 100%;
    align-self: center;
    flex-shrink: 0;
    transition: height .7s
}

section.teams .team-column a.coach .name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 120px;
    font: bold 17px/20px "PT Sans";
    text-align: center
}

section.teams .team-column a.coach .name span {
    flex-shrink: 0
}

section.teams .team-column a.coach .name .icon {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin: 10px auto 0
}

section.teams a.face {
    display: block;
    width: 160px;
    margin: 0 auto 24px;
    text-decoration: initial;
    outline: 0
}

section.teams a.face:hover {
    text-decoration: none
}

section.teams a.face .border {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: inherit;
    overflow: hidden;
    transition: border-color .3s
}

section.teams a.face .photo {
    position: absolute;
    max-height: 100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    top: -100%;
    margin: auto
}

section.teams a.face .name {
    display: block;
    margin-top: 5px;
    font: bold 17px/20px "PT Sans";
    text-align: center;
    background-color: transparent;
    min-height: 60px;
    word-wrap: normal;
    transition: color .2s
}

section.teams a.face .name p {
    margin: 0
}

section.teams a.face.talent .name {
    font: bold 17px/20px "PT Sans";
    word-wrap: break-word
}

section.teams a.face.coach .name {
    margin-top: 10px;
    font: bold 24px/30px "PT Sans"
}

@media (max-width: 732px) {
    section.teams .team-list {
        flex-wrap: wrap;
        justify-content: center
    }

    section.teams .team-list .team-column {
        margin: 0 0 24px 0
    }

    section.teams .team-list .talents {
        display: none
    }

    section.teams .container {
        max-width: 100%
    }

    section.teams .container .row {
        margin: 0
    }

    section.teams .container .row div[class*=col-] {
        width: 100%;
        padding: 0
    }

    section.teams .team .coaches .face, section.teams .team .talents .face {
        width: 100%
    }
}

article.rubric-video .with-right-column, article.show-main .with-right-column {
    padding-top: 30px;
    float: left
}

article.rubric-video .with-right-column .w_row.big-slider, article.show-main .with-right-column .w_row.big-slider {
    margin-top: 0 !important
}

article.rubric-video .with-right-column .w_row.big-slider .w_collection_title:empty, article.show-main .with-right-column .w_row.big-slider .w_collection_title:empty {
    display: none
}

article.rubric-video .with-right-column .w__block__collection .w_collection_items, article.show-main .with-right-column .w__block__collection .w_collection_items {
    width: 100%
}

article.rubric-video .with-right-column .w__block__collection.type-big-slider a.card, article.show-main .with-right-column .w__block__collection.type-big-slider a.card {
    width: 648px
}

article.rubric-video .with-right-column .w__block__collection.type-slider .w_collection_items, article.show-main .with-right-column .w__block__collection.type-slider .w_collection_items {
    margin: 0
}

article.rubric-video .with-right-column .w__block__collection.type-slider .w_collection_items::after, article.rubric-video .with-right-column .w__block__collection.type-slider .w_collection_items::before, article.show-main .with-right-column .w__block__collection.type-slider .w_collection_items::after, article.show-main .with-right-column .w__block__collection.type-slider .w_collection_items::before {
    display: none
}

article.rubric-video .with-right-column .w__block__collection.type-row .w_collection_items, article.rubric-video .with-right-column .w__block__collection.type-tiles .w_collection_items, article.show-main .with-right-column .w__block__collection.type-row .w_collection_items, article.show-main .with-right-column .w__block__collection.type-tiles .w_collection_items {
    width: calc(100% + 24px)
}

@media (max-width: 732px) {
    article.rubric-video .with-right-column .w__block__collection.type-row .w_collection_items, article.rubric-video .with-right-column .w__block__collection.type-tiles .w_collection_items, article.show-main .with-right-column .w__block__collection.type-row .w_collection_items, article.show-main .with-right-column .w__block__collection.type-tiles .w_collection_items {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

article.rubric-video .right-column, article.show-main .right-column {
    padding-top: 30px;
    float: left
}

article.rubric-video .right-column .content .w_row, article.rubric-video .right-column .tower-bottom .w_row, article.show-main .right-column .content .w_row, article.show-main .right-column .tower-bottom .w_row {
    max-width: 312px !important
}

article.rubric-video .right-column .content .w_row .w_block, article.rubric-video .right-column .tower-bottom .w_row .w_block, article.show-main .right-column .content .w_row .w_block, article.show-main .right-column .tower-bottom .w_row .w_block {
    width: 100% !important
}

@media (max-width: 732px) {
    article.rubric-video .right-column, article.rubric-video .with-right-column, article.show-main .right-column, article.show-main .with-right-column {
        max-width: 100%;
        padding: 0
    }

    article.rubric-video .team .person .info, article.show-main .team .person .info {
        padding: 13px 20px 40px
    }

    article.rubric-video .columns-content-row .with-right-column .video-cards, article.show-main .columns-content-row .with-right-column .video-cards {
        width: 100%
    }
}

article.rubric-video .right-column {
    padding-top: 55px
}

.branded article.search.project {
    max-width: 1024px
}

.search.project {
    padding-bottom: 10px;
    margin-bottom: 10px;
    background-color: #fff
}

.search.project header.search-bar {
    position: relative;
    padding-bottom: 20px;
    max-width: 100%
}

.search.project article.search-results {
    margin-top: 0
}

.search.project article.search-results .row {
    margin: 0
}

.search.project .calendar .date-range-widget button {
    border: none
}

.search.project .calendar .date-range-widget button.border {
    border: 1px solid
}

.search.project .button.show-more {
    margin: 0
}

.search_in_project {
    position: relative;
    color: #fff;
    opacity: .7;
    width: 100%;
    margin-top: 10px
}

@media (max-width: 732px) {
    .search_in_project {
        display: flex
    }
}

.search_in_project:hover {
    opacity: 1
}

.search_in_project:active label {
    vertical-align: middle
}

.search_in_project label {
    width: 40px;
    margin: 0;
    font-weight: 400
}

.search_in_project label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -3px;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 1px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .2s
}

.search_in_project label span {
    font-weight: 700
}

.search_in_project input[type=checkbox] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 30px;
    opacity: 0;
    cursor: pointer
}

.search_in_project input[type=checkbox]:checked + label::before {
    background-image: url("")
}

.search_in_project input[type=checkbox]:active + label::before {
    background-color: #fff;
    background-image: url("")
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

@media (min-width: 1600px) {
    article.show-main .w_content .w_row.big-slider .w_block .w__block__collection .w_collection_items.w__block__video.with_player {
        width: 100%;
        max-width: 1320px
    }

    .show-main .with-right-column .big-slider .video.video-player-with-playlist .player {
        max-width: 648px
    }

    .show-main .with-right-column .big-slider .video.video-player-with-playlist .playlist {
        max-height: 364px
    }

    .show-main .big-slider .video.video-player-with-playlist, article.video-page .video.video-player-with-playlist {
        display: flex
    }

    .show-main .big-slider .video.video-player-with-playlist .player, article.video-page .video.video-player-with-playlist .player {
        flex: 0 0 auto;
        width: 100%;
        max-width: 984px
    }

    .show-main .big-slider .video.video-player-with-playlist .playlist, article.video-page .video.video-player-with-playlist .playlist {
        display: block;
        height: 554px;
        padding: 0 20px 20px;
        flex: 1 1 auto;
        overflow-y: auto
    }

    .show-main .big-slider .video.video-player-with-playlist .playlist.noclick, article.video-page .video.video-player-with-playlist .playlist.noclick {
        pointer-events: all
    }

    .show-main .big-slider .video.video-player-with-playlist .playlist.noclick a.card, article.video-page .video.video-player-with-playlist .playlist.noclick a.card {
        pointer-events: none
    }

    .show-main .big-slider .video.video-player-with-playlist .playlist::after, article.video-page .video.video-player-with-playlist .playlist::after {
        content: none
    }

    .show-main .big-slider .video.video-player-with-playlist .playlist a.card, article.video-page .video.video-player-with-playlist .playlist a.card {
        display: flex;
        width: 100%;
        height: 100px;
        line-height: 19px;
        overflow: visible;
        background-color: transparent !important;
        transition: opacity .3s
    }

    .show-main .big-slider .video.video-player-with-playlist .playlist a.card .image, article.video-page .video.video-player-with-playlist .playlist a.card .image {
        width: 144px;
        height: 81px;
        flex: 0 0 auto
    }

    .show-main .big-slider .video.video-player-with-playlist .playlist a.card .text, article.video-page .video.video-player-with-playlist .playlist a.card .text {
        position: relative;
        margin-top: -3px;
        margin-left: 20px;
        height: 90px;
        overflow: hidden
    }

    .show-main .big-slider .video.video-player-with-playlist .playlist a.card .text::after, article.video-page .video.video-player-with-playlist .playlist a.card .text::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 0;
        box-shadow: 0 8px 15px 11px #000
    }
}

.eump-minimized {
    position: fixed !important;
    bottom: 25px !important;
    right: 25px !important;
    top: auto !important;
    left: auto !important;
    z-index: 100 !important;
    width: 400px !important;
    height: 225px !important
}

.eump-minimized .eump-com-label-img, .eump-minimized .eump-control-options, .eump-minimized .eump-header, .eump-minimized .eump-time-control, .eump-minimized .eump-time-delimiter {
    display: none !important
}

.eump-minimized .eump-com-label-holder {
    top: 0 !important;
    left: 0 !important;
    bottom: auto !important
}

.eump-minimized .eump-com-label-text {
    font-size: 1em !important;
    background-image: none !important
}

.eump-minimized .eump-footer {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.eump-minimized-background {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    flex-direction: column;
    justify-content: space-between;
    display: block;
    width: 410px;
    height: 235px;
    padding: 5px !important;
    background-color: #0757a8;
    box-shadow: 0 0 5px 0 #000
}

.eump-minimized-background .stub {
    display: block;
    width: 400px;
    height: 225px;
    background-color: #000
}

.eump-minimized-background .close {
    position: absolute;
    top: -23px;
    right: 5px;
    width: 25px;
    height: 25px;
    background-image: url("close-08b63a1fd5e72d487d7e8728d54f87f02e07d1bb5ec6fdb2aab91c6c03ee9094.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
    border-radius: 50px;
    cursor: pointer;
    flex-grow: 0
}

.main-video-preview .eump-player .eump-muted-label {
    display: none !important
}

.main-video-preview {
    position: fixed;
    display: block;
    flex-direction: column;
    justify-content: space-between;
    bottom: 20px;
    right: 20px;
    width: 260px;
    height: 188px;
    z-index: 99;
    background-color: #0757a8;
    box-shadow: 0 0 5px 0 #000;
    padding: 10px
}

.main-video-preview .eump {
    display: block;
    position: relative;
    flex-grow: 0;
    width: 240px;
    height: 135px;
    margin: 0 auto 0
}

.main-video-preview:hover .main-video-preview-close {
    opacity: .8
}

.main-video-preview-info {
    display: flex;
    height: 30px
}

.main-video-preview-title {
    flex-grow: 1;
    font-family: "PT Sans Narrow";
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    letter-spacing: 1.4px
}

.main-video-preview-close {
    margin-top: -2px;
    width: 25px;
    height: 25px;
    background-image: url("close-08b63a1fd5e72d487d7e8728d54f87f02e07d1bb5ec6fdb2aab91c6c03ee9094.svg");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    flex-grow: 0
}

.main-video-preview.eump {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scroll-top.scroll-top.scroll-top {
    left: 20px;
    right: auto
}

.ol18-flex {
    display: flex
}

.ol18-flex-column {
    flex-direction: column
}

.ol18-flex-just-center {
    justify-content: center
}

.ol18-flex-wrap {
    flex-wrap: wrap
}

.ol18-align-center {
    align-items: center
}

.w_block.ui-resizable.ui-customdraggable.sport-player-wrapper {
    display: flex !important;
    flex-direction: column;
    align-items: center
}

.editor.text-block.active h2, .title.project_title {
    font-family: Roboto-Medium;
    font-size: 32px;
    line-height: 50px;
    margin-top: 0;
    padding-top: 20px
}

.title.project_title:first-letter, h2.title.project_title:first-letter {
    text-transform: capitalize
}

.olympics-broadcats-player-wrapper {
    width: 100%;
    max-width: 984px;
    position: relative;
    background-color: #000;
    margin-bottom: 24px;
    box-shadow: 0 0 8px 0 #222
}

.olympics-broadcats-player-wrapper .olympics-player-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.w1tv-ol18-broadcast-cards-container {
    margin: 0 -12px;
    max-width: 1008px
}

.w1tv-ol18-broadcast-card {
    position: relative;
    width: 228px;
    height: 342px;
    margin: 0 12px 24px;
    font-family: Roboto;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    align-self: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    box-shadow: 0 0 8px 0 #222
}

.w1tv-ol18-broadcast-card::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    box-shadow: 0 0 35px 35px #0063af
}

.w1tv-ol18-broadcast-card-header {
    height: 50px
}

.w1tv-ol18-broadcast-card-logo {
    width: 50px;
    height: 40px;
    margin: 0 10px 0 4px
}

.w1tv-ol18-broadcast-card-logo[src="#"], img[src="#"] {
    visibility: hidden;
    margin-right: 0;
    width: 10px
}

.w1tv-ol18-broadcast-card-sport-title {
    font-size: 15px;
    line-height: 17px
}

.w1tv-ol18-broadcast-card-splash {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 128px;
    transition: height .2s
}

.w1tv-ol18-broadcast-card--current .w1tv-ol18-broadcast-card-splash::before {
    content: url("");
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 3
}

.w1tv-ol18-broadcast-card-splash-img {
    width: 100%;
    transition: transform .3s
}

.w1tv-ol18-broadcast-card:hover .w1tv-ol18-broadcast-card-splash-img {
    transform: scale(1.1)
}

.w1tv-ol18-broadcast-card-info {
    height: 140px;
    overflow: hidden;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    order: 3;
    flex-grow: 1
}

.w1tv-ol18-broadcast-card-info:hover + .w1tv-ol18-broadcast-card-splash {
    height: 0
}

.w1tv-ol18-broadcast-card-time {
    margin-bottom: 10px;
    margin-top: 10px
}

.w1tv-ol18-broadcast-card-time::before {
    content: url("");
    margin-right: 5px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px
}

.w1tv-ol18-broadcast-card--next .w1tv-ol18-broadcast-card-time::before {
    content: "Далее ";
    margin-right: 5px;
    line-height: 28px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right -1px;
    padding-right: 30px;
    height: 30px;
    display: inline-block;
    margin-top: 0
}

.w1tv-ol18-broadcast-card-title {
    font-family: Roboto;
    font-weight: 500;
    padding: 0 20px 15px
}

.olympics-player-iframe body {
    background-size: auto 100%;
    background-position: center
}

.w-block__announce {
    margin-top: 25px;
    margin-bottom: 35px
}

.w-announce__text {
    font-weight: 700;
    font-size: 15px;
    color: #000;
    text-decoration: none
}

.w-announce__text::before {
    content: url("");
    display: inline-block;
    margin-right: 8px;
    margin-top: -8px;
    width: 22px;
    height: 25px;
    vertical-align: middle
}

@media (max-width: 732px) {
    .article-wide .w-announce__text {
        margin-left: 20px;
        margin-right: 20px
    }
}

.w-announce__text + .w-announce__link {
    margin-top: 40px
}

.w-announce__link {
    position: relative;
    display: flex;
    padding: 19px;
    border: 1px solid #d3d3d3
}

.w-announce__link-image {
    position: relative;
    width: 144px;
    height: 81px;
    margin-right: 24px;
    flex: 0 0 auto
}

.w-announce__link-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.w-announce__link-image::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 34px 34px
}

.w-announce__link-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.w-announce__link-logo {
    align-self: flex-start;
    max-width: 100%
}

.w-announce__link-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    max-width: 100%
}

@media (max-width: 732px) {
    .w-announce__link-image + .w-announce__link-info {
        margin-top: 10px
    }

    .w-announce__link-title + .w-announce__link-logo {
        margin-top: 10px
    }

    .w-announce__link {
        flex-direction: column;
        margin: 15px auto 0;
        max-width: 228px
    }

    .w-announce__link-image {
        width: 100%;
        height: auto;
        margin: 0
    }

    .w-announce__link-title {
        white-space: normal;
        text-align: center
    }

    .w-announce__link-logo {
        align-self: center
    }
}

span.w-announce__link-logo {
    display: inline-block;
    width: 118px;
    height: 38px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center
}

.w-announce__link-logo_1tvru {
    background-image: url("")
}

.w-announce__link-logo_kino1tvru {
    background-image: url("")
}

.text-block-incuts-wrapper .w-announce__link {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 9px;
    background-color: #fff;
    text-decoration: none
}

.text-block-incuts-wrapper .w-announce__link .img, .text-block-incuts-wrapper .w-announce__link img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.text-block-incuts-wrapper .w-announce__link .img + .title, .text-block-incuts-wrapper .w-announce__link img + .title {
    margin-top: 9px
}

.text-block-incuts-wrapper .w-announce__link .title {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    font-weight: 700
}

.text-block-incuts-wrapper .w-announce__link .lead {
    text-align: center
}

.text-block-incuts-wrapper .w-announce__link .w-announce__link-logo {
    display: block;
    margin: 10px auto 0;
    background-repeat: no-repeat;
    background-position: top center
}

.text-block-incuts-wrapper a {
    text-decoration: none
}

.text-block-incuts-wrapper .w-announce__link + .w-announce__link {
    margin-top: 24px
}

.w-block__text-info-wrapper {
    display: flex;
    margin-top: 71px;
    margin-bottom: 50px;
    position: relative;
    text-align: left
}

.w-block__text-info-wrapper:after, .w-block__text-info-wrapper:before {
    content: "";
    display: block;
    width: calc(100% - 168px);
    height: 1px;
    position: absolute;
    left: 0;
    background-color: #000;
    margin-left: 84px;
    margin-right: 84px
}

.w-block__text-info-wrapper:before {
    top: -25px
}

.w-block__text-info-wrapper:after {
    bottom: -25px
}

.w-text-info__logo {
    width: 60px;
    height: 56px;
    margin-right: 24px;
    padding: 0 2px;
    flex: 0 0 auto
}

.w-text-info {
    margin-right: 84px;
    outline: 0
}

.w .w-text-info {
    pointer-events: all !important;
    width: 100%
}

.w-block__text-info-wrapper p {
    margin-top: 0;
    margin-bottom: 0
}

.w-block__text-info-wrapper p:empty {
    height: 20px
}

.w_block .w-block__text-info-wrapper p {
    margin-top: 0
}

.w-block__text-info-wrapper a {
    font-weight: 700;
    text-decoration: underline;
    color: inherit
}

.w-block__text-info-wrapper b {
    color: #000
}

hr.w-text-info-hr {
    margin: 0 84px 20px;
    width: 100%;
    height: 1px
}

.w-text-info--link {
    font-weight: 700;
    text-decoration: underline;
    color: inherit
}

@media (max-width: 732px) {
    .w-block__text-info-wrapper {
        flex-direction: column
    }

    .article-wide .w-block__text-info-wrapper {
        padding: 0 20px
    }

    .w-block__text-info-wrapper::after, .w-block__text-info-wrapper::before {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .article-wide .w-block__text-info-wrapper::after, .article-wide .w-block__text-info-wrapper::before {
        width: calc(100% - 40px)
    }

    .w-text-info__logo {
        margin-bottom: 20px
    }

    .w-text-info {
        margin-right: 0
    }
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.w__block__voting.itv-voting--started .w__block__collection.type-tiles .w_collection_items .card, .w__block__voting.type-tiles.itv-voting--started .collection_items .card {
    height: 440px;
    overflow: visible
}

.itv-voting--started.w__block__voting .card .itv-voting-crown {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    max-width: 100%;
    max-height: 100%
}

.itv-voting--started.w__block__voting .card .itv-voting-votes-img {
    width: auto;
    margin: 0;
    margin-bottom: 10px
}

.itv-voting--started.w__block__voting .card .itv-card-voting-elements {
    display: block;
    visibility: visible;
    bottom: 4px;
    left: 12px;
    right: 12px;
    z-index: 4
}

@media (min-width: 733px) {
    .itv-voting--started.w__block__voting .card .itv-card-voting-elements {
        position: absolute
    }
}

.itv-voting--started.w__block__voting .card.itv-card-voting--winner .itv-voting-crown {
    display: block;
    visibility: visible
}

@media (min-width: 733px) {
    .itv-voting--started.w__block__voting .card .lead {
        opacity: 0;
        transition: opacity .2s
    }

    .itv-voting--started.w__block__voting .card .text:hover .lead {
        opacity: 1
    }
}

.itv-voting--started .itv-vote--user-votes-out .itv-voting-button {
    display: none
}

.itv-voting--started .itv-vote--user-selected {
    opacity: .7
}

.itv-voting--started .itv-vote--user-selected .itv-voting-button {
    display: none
}

.itv-voting--started .itv-card-voting-votes {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    flex-direction: column
}

.itv-card-voting-elements, .itv-voting-crown {
    display: none;
    visibility: hidden
}

.collection_items.itv-voting--closed .itv-voting-button, .w_collection_items.itv-voting--closed .itv-voting-button {
    display: none
}

.collection_items.itv-voting--closed .card, .w_collection_items.itv-voting--closed .card {
    height: 380px !important
}

.itv-voting-votes-show--after_votes_end .itv-card-voting-votes {
    display: none
}

.itv-voting-votes-show--after_votes_end .itv-vote--user-votes-out .itv-card-voting-votes {
    display: flex
}

@media (min-width: 733px) {
    .w__block__voting .w__block__collection .w_collection_items, .w__block__voting div[class*=collection-] .w_collection_items, .w__block__voting.collection-1 .collection_items {
        overflow: visible
    }

    .w__block__voting [aria-label][role~=tooltip]::after {
        width: calc(100% + 4px);
        height: 50px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 50px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .4px;
        box-sizing: border-box
    }

    .w__block__voting [role~=tooltip][data-microtip-position|=bottom]::after {
        margin-top: 8px
    }

    .w__block__voting [role~=tooltip][data-microtip-position|=bottom]::before {
        margin-top: -2px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 12px solid
    }
}

.itv-broadcast-schedule-header, .itv-broadcast-schedule-item, .itv-broadcast-schedule-item-wrapper {
    width: 100%
}

.itv-broadcast-schedule-header {
    background-color: #078ac9
}

.itv-broadcast-schedule-items {
    color: #fff
}

.itv-broadcast-schedule-header {
    text-decoration: none;
    margin: 0 0 2px 0;
    background-repeat: no-repeat;
    background-position: left center
}

.itv-broadcast-schedule-header-link {
    color: #fff;
    margin-left: 10px
}

@media (min-width: 733px) {
    .itv-broadcast-schedule-header-link {
        margin-left: 30px
    }
}

.itv-broadcast-schedule-header-link:hover {
    color: #fff;
    text-decoration: none
}

.itv-broadcast-schedule-header-image {
    width: 60px;
    height: 60px
}

.itv-broadcast-schedule-item {
    margin-bottom: 2px;
    min-height: 120px;
    font-family: Roboto
}

.itv-broadcast-schedule-item-info, .itv-broadcast-schedule-item-text {
    background-color: #1267a4;
    margin-right: 2px
}

.itv-broadcast-schedule-item-info {
    width: 144px;
    justify-content: space-between;
    font-weight: 700;
    flex-shrink: 0
}

.itv-broadcast-schedule-item-info-time {
    flex-flow: row nowrap;
    align-items: flex-end;
    margin-top: 10px
}

.itv-broadcast-schedule-item-info-time > span {
    line-height: 16px
}

.itv-broadcast-schedule-item-info-time .tv-icon {
    width: 22px;
    margin-right: 5px
}

.itv-broadcast-schedule-item-info-current-note {
    display: none;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.itv-broadcast-schedule-item-info-button {
    margin-bottom: 15px;
    padding: 2px 5px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    fill: #fff;
    backgroun-color: transparent;
    border: 1px solid #fff;
    border-radius: 2px;
    transition: color .3s, background-color .3s, fill .3s
}

@media (max-width: 732px) {
    .itv-broadcast-schedule-item-info-button {
        font-size: 14px
    }
}

.itv-broadcast-schedule-item-info-button svg {
    fill: #fff;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    fill: inherit
}

@media (max-width: 732px) {
    .itv-broadcast-schedule-item-info-button svg {
        width: 13px;
        height: 13px
    }
}

.itv-broadcast-schedule-item-info-button:hover {
    background-color: #fff;
    color: #1267a4;
    text-decoration: none;
    fill: #1267a4
}

.itv-broadcast-schedule-item-text {
    width: 100%;
    padding: 15px;
    font-size: 17px;
    line-height: 20px;
    word-break: break-word
}

@media (min-width: 733px) and (max-width: 1599px) {
    .itv-broadcast-schedule-item-text {
        max-width: 460px
    }
}

@media (max-width: 732px) {
    .itv-broadcast-schedule-item-text {
        font-size: 13px
    }
}

.itv-broadcast-schedule-item-commentator {
    margin-top: 10px
}

.itv-broadcast-schedule-item-commentator-icon {
    width: 15px;
    height: 20px;
    fill: #fff;
    margin-right: 10px
}

.itv-broadcast-schedule-item-commentator-text {
    font-size: 17px;
    line-height: 20px;
    font-weight: 700
}

.itv-broadcast-schedule-item-commentator-link {
    color: #fff;
    text-decoration: underline
}

.itv-broadcast-schedule-item-commentator-link:hover {
    color: inherit;
    text-decoration: none
}

.itv-broadcast-schedule-item-flags {
    width: 40px;
    flex-shrink: 0
}

.itv-broadcast-schedule-item-flag {
    width: 40px;
    height: 40px;
    position: relative
}

.itv-broadcast-schedule-item-flag + .itv-broadcast-schedule-item-flag {
    margin-top: 2px
}

.itv-broadcast-schedule-item-flag-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0b437f;
    opacity: .5
}

.itv-broadcast-schedule-item-flag:hover .itv-broadcast-schedule-item-flag-background {
    background-color: #0f5995
}

.itv-broadcast-schedule-item-flag-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.itv-broadcast-schedule-item-flag--medal .itv-broadcast-schedule-item-flag-icon::after, .itv-broadcast-schedule-item-flag--medal .itv-broadcast-schedule-item-flag-icon::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 50%
}

.itv-broadcast-schedule-item-flag--medal .itv-broadcast-schedule-item-flag-icon::before {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 #000
}

.itv-broadcast-schedule-item-flag--medal .itv-broadcast-schedule-item-flag-icon::after {
    width: 14px;
    height: 14px;
    background-color: #edba07
}

.itv-broadcast-schedule-item-flag--flag .itv-broadcast-schedule-item-flag-icon {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center
}

.itv-broadcast-schedule-item-wrapper + .itv-broadcast-schedule-header {
    margin-top: 40px
}

.itv-broadcast-schedule-item-flag-note {
    position: absolute;
    pointer-events: none;
    color: #fff;
    background-color: #1d95e4;
    line-height: 30px;
    margin-top: 5px;
    padding: 0 10px;
    left: 50px;
    white-space: pre;
    transition: opacity .2s;
    opacity: 0;
    z-index: 99;
    border-radius: 2px
}

@media (max-width: 732px) {
    .itv-broadcast-schedule-item-flag-note {
        left: auto;
        right: 40px;
        margin-top: 0
    }
}

.itv-broadcast-schedule-item-flag-note::before {
    content: "";
    display: block;
    position: absolute;
    left: -7px;
    top: 8px;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #1d94e4 transparent transparent
}

@media (max-width: 732px) {
    .itv-broadcast-schedule-item-flag-note::before {
        left: auto;
        right: -7px;
        transform: rotate(180deg)
    }
}

.itv-broadcast-schedule-item-flag:hover .itv-broadcast-schedule-item-flag-note {
    opacity: 1
}

.itv-broadcast-schedule-item {
    margin-bottom: 2px;
    min-height: 120px;
    font-family: Roboto
}

.itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-flag-icon, .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-info, .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-text {
    opacity: .5
}

.itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-flag-background {
    opacity: .3
}

.itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info-current-note {
    display: block
}

.itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info {
    background-color: #fff;
    color: #1166a4
}

.itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info .tv-icon path {
    fill: #1166a4
}

.itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info-button {
    color: #1267a4;
    border-color: #1267a4;
    fill: #1267a4
}

.itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info-button:hover {
    background-color: #1267a4;
    color: #fff;
    border-color: #fff;
    fill: #fff
}

@media (max-width: 732px) {
    .itv-broadcast-schedule-item-text {
        max-width: 100%
    }
}

@media (min-width: 1600px) {
    .itv-broadcast-schedule-items {
        width: 100%
    }
}

.itv-broadcast-schedule {
    position: relative;
    z-index: 1
}

.itv-broadcast-schedule-date-text {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.itv-broadcast-schedule-bg {
    background-color: #062e69;
    background: linear-gradient(to bottom, #011b4e 0, #062e69 200px, #062e69 100%);
    padding-bottom: 50px
}

.itv-broadcast-schedule-bg .itv-broadcast-schedule-header-link {
    height: 60px
}

.itv-broadcast-schedule-bg .itv-broadcast-schedule-top {
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff
}

.itv-broadcast-schedule-bg .itv-date__text {
    margin: 0 24px;
    flex-grow: 1;
    font-size: 32px;
    align-self: center;
    text-align: center
}

@media (max-width: 732px) {
    .itv-broadcast-schedule-bg .itv-date__text {
        font-size: 21px
    }
}

.itv-broadcast-schedule-bg .arrow {
    flex-grow: 0;
    height: 50px;
    width: 50px
}

.itv-broadcast-schedule-bg .arrow.disabled {
    opacity: .5;
    pointer-events: none
}

.itv-broadcast-schedule-bg .arrow-icon {
    width: 30px;
    height: 30px
}

.itv-broadcast-schedule-calendar {
    font-family: Roboto;
    border: 1px solid #58a6dd;
    max-width: 312px;
    margin: 0 auto 20px
}

.itv-broadcast-schedule-calendar .calendar .pika-single {
    height: auto
}

.itv-broadcast-schedule-calendar .itv-theme td:not(.is-disabled) .pika-button {
    font-weight: 700;
    border: 1px solid #fff !important
}

.itv-broadcast-schedule-calendar .itv-theme .pika-table td .pika-button {
    border-color: #074880 !important
}

.itv-broadcast-schedule-calendar .itv-theme .pika-table td:nth-child(n+6) .pika-button {
    border-color: #4e3d6b !important
}

.itv-broadcast-schedule-calendar .itv-theme .pika-table td.is-selected .pika-button {
    background-color: #fff;
    color: #062e68
}

.itv-broadcast-schedule-calendar .itv-theme .pika-table td:hover .pika-button {
    background-color: #1267a4;
    color: #062e68
}

.itv-broadcast-schedule-calendar .itv-theme .pika-table td:hover:nth-child(n+6) .pika-button {
    background-color: #f36583;
    color: #062e68
}

.itv-broadcast-schedule-calendar .pika-title .pika-label {
    width: auto;
    margin-top: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 18px;
    color: #58a6dd;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center
}

.itv-broadcast-schedule-calendar .pika-title .pika-label:after {
    display: none
}

.itv-broadcast-schedule-calendar .pika-title .pika-next, .itv-broadcast-schedule-calendar .pika-title .pika-prev {
    height: 20px
}

.itv-broadcast-schedule-calendar .pika-title .pika-next:hover, .itv-broadcast-schedule-calendar .pika-title .pika-prev:hover {
    background-color: transparent
}

.itv-broadcast-schedule-calendar .pika-title .pika-next.is-disabled, .itv-broadcast-schedule-calendar .pika-title .pika-prev.is-disabled {
    opacity: .3
}

.itv-broadcast-schedule-calendar .pika-single {
    border: none
}

.itv-broadcast-schedule-calendar .pika-broadcast-title {
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
    color: #58a6dd
}

.itv-broadcast-schedule-calendar .pika-broadcast-month {
    margin-top: 20px;
    font-size: 18px;
    color: #58a6dd;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center
}

@media (max-width: 732px) {
    .itv-broadcast-schedule-bg .itv-date__text {
        margin: 0 10px
    }

    .itv-broadcast-schedule-bg .arrow-left, .itv-broadcast-schedule-bg .arrow-right {
        flex-shrink: 0;
        width: 40px
    }

    .itv-broadcast-schedule .itv-broadcast-schedule-container {
        flex-wrap: wrap
    }

    .itv-broadcast-schedule .itv-broadcast-schedule-items {
        order: 2;
        margin-left: 0;
        margin-right: 0
    }

    .itv-broadcast-schedule .itv-broadcast-schedule-item-info {
        width: 110px
    }

    .itv-broadcast-schedule .itv-broadcast-schedule-item-flags {
        width: 30px
    }

    .itv-broadcast-schedule .itv-broadcast-schedule-item-flag {
        width: 30px;
        height: 30px
    }

    .itv-broadcast-schedule-calendar {
        margin-top: 20px
    }
}

@media (min-width: 733px) {
    .itv-index-recommended {
        background-color: #edf1f6
    }
}

.itv-index-recommended .button-wrapper {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1024px
}

@media (min-width: 1600px) {
    .itv-index-recommended .button-wrapper {
        max-width: 1360px
    }
}

.itv-index-recommended-load {
    margin-top: 18px;
    font-size: 18px;
    max-height: 40px;
    margin-bottom: 0 !important
}

.itv-index-header {
    margin-top: 0;
    padding: 36px 20px 0;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    color: #00162e;
    font-weight: 400;
    letter-spacing: .2px;
    word-wrap: break-word
}

.itv-index-collection {
    max-width: 100%;
    width: 1024px;
    margin: 12px auto 0
}

.itv-index-collection__cards {
    max-width: 100%;
    width: 1024px;
    margin: 12px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.itv-index-card, .w .grid .w_content .type-mosaic .card {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: left
}

@media (max-width: 732px) {
    .itv-index-card, .w .grid .w_content .type-mosaic .card {
        margin-bottom: 0;
        padding-bottom: 60px
    }
}

.itv-index-card:hover a, .w .grid .w_content .type-mosaic .card:hover a {
    text-decoration: none
}

.itv-index-card .itv-index-card__header, .w .grid .w_content .type-mosaic .card .itv-index-card__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    overflow: hidden;
    z-index: 2
}

.itv-index-card .itv-index-card__header::before, .w .grid .w_content .type-mosaic .card .itv-index-card__header::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    box-shadow: 0 -20px 70px 60px rgba(0, 0, 0, .65)
}

.itv-index-card-promo {
    position: relative;
    display: block;
    width: 312px;
    margin: 12px
}

@media (max-width: 732px) {
    .itv-index-card-promo {
        margin-bottom: 42px
    }

    .itv-index-card-promo .titleicon {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        vertical-align: top;
        width: 20px;
        height: 20px;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url("")
    }
}

.itv-icon-views {
    width: 17px;
    height: 10px;
    margin-right: 5px
}

.itv-index-recommended .itv-index-card .views {
    position: absolute;
    top: 15px;
    left: 20px;
    fill: #fff;
    color: #fff;
    line-height: 18px;
    z-index: 2
}

.itv-index-card .stats {
    position: absolute;
    top: 0;
    left: 0
}

.itv-index-card .stats > * {
    margin-right: 20px;
    line-height: 18px
}

.itv-index-card .itv-icon-play {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 10px;
    z-index: 2
}

.itv-index-card__photo {
    width: 100%;
    overflow: hidden;
    line-height: 0
}

.itv-index-card__img, .w .grid .w_content .type-mosaic .card img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .7s, -webkit-filter .3s;
    transition: transform .7s, filter .3s;
    transition: transform .7s, filter .3s, -webkit-filter .3s
}

.itv-index-card__footer, .w .grid .w_content .type-mosaic .card .text {
    width: 100%;
    padding: 10px 20px 0;
    transition: all .2s;
    z-index: 3
}

.itv-index-card__title, .w .grid .w_content .type-mosaic .card .text .title {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #0757a8
}

.itv-index-card__text, .w .grid .w_content .type-mosaic .card .text .lead {
    font-size: 15px;
    line-height: 20px;
    color: #000
}

@media (max-width: 732px) {
    .itv-index-card.itv-index-card__with-label .card__label {
        bottom: auto;
        top: 0
    }

    .itv-index-card.itv-index-card__with-label .itv-index-card__header {
        top: 30px
    }
}

@media (min-width: 733px) {
    .itv-index-recommended {
        margin-top: 45px
    }
}

@media (min-width: 733px) and (max-width: 1599px) {
    .itv-index-recommended {
        min-width: 720px
    }

    .itv-index-card {
        margin: 12px
    }

    .itv-index-card::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0;
        box-shadow: 0 0 50px 45px #0d1f32;
        z-index: 3
    }

    .itv-index-card.itv-index-card__with-label::after {
        bottom: 10px
    }

    .itv-index-card:hover {
        text-decoration: none;
        color: #fff
    }

    .itv-index-card:hover .itv-index-card__img {
        transform: scale(1.17)
    }

    .itv-index-card .itv-index-card__footer, .itv-index-card .text {
        position: absolute
    }

    .itv-index-card .itv-index-card__footer:hover, .itv-index-card .text:hover {
        padding-top: 40px
    }

    .itv-index-card:nth-child(12n+1), .itv-index-card:nth-child(12n+2) {
        width: 480px;
        height: 271px
    }

    .itv-index-card:nth-child(12n+1)::after, .itv-index-card:nth-child(12n+2)::after {
        content: none
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer.with_splash_heading .itv-index-card__text, .itv-index-card:nth-child(12n+2) .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .itv-index-card:nth-child(12n+1):not(:hover) .itv-index-card__footer.with_splash_heading, .itv-index-card:nth-child(12n+2):not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .itv-index-card:nth-child(12n+1):hover .itv-index-card__footer.with_splash_heading, .itv-index-card:nth-child(12n+2):hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer, .itv-index-card:nth-child(12n+1) .text, .itv-index-card:nth-child(12n+2) .itv-index-card__footer, .itv-index-card:nth-child(12n+2) .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+1) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+2) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+2) .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+1) .text:hover, .itv-index-card:nth-child(12n+2) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+2) .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+1) .text:hover .itv-index-card__text, .itv-index-card:nth-child(12n+2) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+2) .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+1) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+1) .text .itv-index-card__text, .itv-index-card:nth-child(12n+1) .text .lead, .itv-index-card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+2) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+2) .text .itv-index-card__text, .itv-index-card:nth-child(12n+2) .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__title, .itv-index-card:nth-child(12n+1) .text .title, .itv-index-card:nth-child(12n+2) .itv-index-card__title, .itv-index-card:nth-child(12n+2) .text .title {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 20px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__text, .itv-index-card:nth-child(12n+1) .text .lead, .itv-index-card:nth-child(12n+2) .itv-index-card__text, .itv-index-card:nth-child(12n+2) .text .lead {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+3) {
        width: 312px;
        height: 365px;
        color: #fff;
        background-color: #0d1f32
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__footer, .itv-index-card:nth-child(12n+3) .text {
        position: absolute;
        top: 176px;
        background-color: #0d1f32
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+3) .text.itv-index-card__with-label {
        top: 156px
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+3) .text:hover {
        height: 100%;
        top: 0;
        padding-top: 10px
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__title, .itv-index-card:nth-child(12n+3) .text .title {
        margin-bottom: 7px;
        font-size: 20px;
        line-height: 25px;
        color: #fff
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__text, .itv-index-card:nth-child(12n+3) .text .lead {
        font-size: 16px;
        line-height: 20px;
        color: #fff
    }

    .itv-index-card:nth-child(12n+3) .card__label_external_embed {
        font-size: 12px
    }

    .itv-index-card:nth-child(12n+4) {
        width: 648px;
        height: 365px
    }

    .itv-index-card:nth-child(12n+4)::after {
        content: none
    }

    .itv-index-card:nth-child(12n+4) .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .itv-index-card:nth-child(12n+4):not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .itv-index-card:nth-child(12n+4):hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .itv-index-card:nth-child(12n+4) .itv-index-card__footer, .itv-index-card:nth-child(12n+4) .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .itv-index-card:nth-child(12n+4) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+4) .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .itv-index-card:nth-child(12n+4) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+4) .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .itv-index-card:nth-child(12n+4) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+4) .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .itv-index-card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+4) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+4) .text .itv-index-card__text, .itv-index-card:nth-child(12n+4) .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .itv-index-card:nth-child(12n+4) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+4) .text.itv-index-card__with-label {
        padding-bottom: 30px
    }

    .itv-index-card:nth-child(12n+4) .itv-index-card__title, .itv-index-card:nth-child(12n+4) .text .title {
        font-size: 26px;
        line-height: 30px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+4) .itv-index-card__text, .itv-index-card:nth-child(12n+4) .text .lead {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+10), .itv-index-card:nth-child(12n+11), .itv-index-card:nth-child(12n+12), .itv-index-card:nth-child(12n+5), .itv-index-card:nth-child(12n+6), .itv-index-card:nth-child(12n+7) {
        width: 312px;
        height: 270px;
        background-color: #fff
    }

    .itv-index-card:nth-child(12n+10)::after, .itv-index-card:nth-child(12n+11)::after, .itv-index-card:nth-child(12n+12)::after, .itv-index-card:nth-child(12n+5)::after, .itv-index-card:nth-child(12n+6)::after, .itv-index-card:nth-child(12n+7)::after {
        box-shadow: 0 0 25px 25px #fff
    }

    .itv-index-card:nth-child(12n+10):hover .itv-index-card__text, .itv-index-card:nth-child(12n+11):hover .itv-index-card__text, .itv-index-card:nth-child(12n+12):hover .itv-index-card__text, .itv-index-card:nth-child(12n+5):hover .itv-index-card__text, .itv-index-card:nth-child(12n+6):hover .itv-index-card__text, .itv-index-card:nth-child(12n+7):hover .itv-index-card__text {
        display: block
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__header, .itv-index-card:nth-child(12n+11) .itv-index-card__header, .itv-index-card:nth-child(12n+12) .itv-index-card__header, .itv-index-card:nth-child(12n+5) .itv-index-card__header, .itv-index-card:nth-child(12n+6) .itv-index-card__header, .itv-index-card:nth-child(12n+7) .itv-index-card__header {
        top: 10px;
        left: 10px;
        right: 10px
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+11) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+12) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+5) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+6) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+7) .itv-index-card__footer:hover {
        top: 0 !important;
        height: 100%;
        width: 100%;
        padding-top: 10px
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+11) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+12) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+5) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+6) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+7) .itv-index-card__footer:hover .itv-index-card__text {
        opacity: 1
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__photo, .itv-index-card:nth-child(12n+11) .itv-index-card__photo, .itv-index-card:nth-child(12n+12) .itv-index-card__photo, .itv-index-card:nth-child(12n+5) .itv-index-card__photo, .itv-index-card:nth-child(12n+6) .itv-index-card__photo, .itv-index-card:nth-child(12n+7) .itv-index-card__photo {
        border: 10px solid #fff
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__footer, .itv-index-card:nth-child(12n+10) .text, .itv-index-card:nth-child(12n+11) .itv-index-card__footer, .itv-index-card:nth-child(12n+11) .text, .itv-index-card:nth-child(12n+12) .itv-index-card__footer, .itv-index-card:nth-child(12n+12) .text, .itv-index-card:nth-child(12n+5) .itv-index-card__footer, .itv-index-card:nth-child(12n+5) .text, .itv-index-card:nth-child(12n+6) .itv-index-card__footer, .itv-index-card:nth-child(12n+6) .text, .itv-index-card:nth-child(12n+7) .itv-index-card__footer, .itv-index-card:nth-child(12n+7) .text {
        position: absolute;
        top: 176px;
        background-color: #fff;
        color: #03396f;
        padding: 5px 10px 100%
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+10) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+11) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+11) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+12) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+12) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+5) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+5) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+6) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+6) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+7) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+7) .text.itv-index-card__with-label {
        top: 156px
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__title, .itv-index-card:nth-child(12n+10) .text .title, .itv-index-card:nth-child(12n+11) .itv-index-card__title, .itv-index-card:nth-child(12n+11) .text .title, .itv-index-card:nth-child(12n+12) .itv-index-card__title, .itv-index-card:nth-child(12n+12) .text .title, .itv-index-card:nth-child(12n+5) .itv-index-card__title, .itv-index-card:nth-child(12n+5) .text .title, .itv-index-card:nth-child(12n+6) .itv-index-card__title, .itv-index-card:nth-child(12n+6) .text .title, .itv-index-card:nth-child(12n+7) .itv-index-card__title, .itv-index-card:nth-child(12n+7) .text .title {
        color: #03396f
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__text, .itv-index-card:nth-child(12n+10) .text .lead, .itv-index-card:nth-child(12n+11) .itv-index-card__text, .itv-index-card:nth-child(12n+11) .text .lead, .itv-index-card:nth-child(12n+12) .itv-index-card__text, .itv-index-card:nth-child(12n+12) .text .lead, .itv-index-card:nth-child(12n+5) .itv-index-card__text, .itv-index-card:nth-child(12n+5) .text .lead, .itv-index-card:nth-child(12n+6) .itv-index-card__text, .itv-index-card:nth-child(12n+6) .text .lead, .itv-index-card:nth-child(12n+7) .itv-index-card__text, .itv-index-card:nth-child(12n+7) .text .lead {
        color: #000;
        opacity: 0;
        transition: opacity .3s
    }

    .itv-index-card:nth-child(12n+10) .card__label_external_embed, .itv-index-card:nth-child(12n+11) .card__label_external_embed, .itv-index-card:nth-child(12n+12) .card__label_external_embed, .itv-index-card:nth-child(12n+5) .card__label_external_embed, .itv-index-card:nth-child(12n+6) .card__label_external_embed, .itv-index-card:nth-child(12n+7) .card__label_external_embed {
        font-size: 12px
    }

    .itv-index-card:nth-child(12n+8), .itv-index-card:nth-child(12n+9) {
        width: 480px;
        height: 271px
    }

    .itv-index-card:nth-child(12n+8)::after, .itv-index-card:nth-child(12n+9)::after {
        content: none
    }

    .itv-index-card:nth-child(12n+8) .itv-index-card__footer.with_splash_heading .itv-index-card__text, .itv-index-card:nth-child(12n+9) .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .itv-index-card:nth-child(12n+8):not(:hover) .itv-index-card__footer.with_splash_heading, .itv-index-card:nth-child(12n+9):not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .itv-index-card:nth-child(12n+8):hover .itv-index-card__footer.with_splash_heading, .itv-index-card:nth-child(12n+9):hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .itv-index-card:nth-child(12n+8) .itv-index-card__footer, .itv-index-card:nth-child(12n+8) .text, .itv-index-card:nth-child(12n+9) .itv-index-card__footer, .itv-index-card:nth-child(12n+9) .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .itv-index-card:nth-child(12n+8) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+8) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+9) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+9) .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .itv-index-card:nth-child(12n+8) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+8) .text:hover, .itv-index-card:nth-child(12n+9) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+9) .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .itv-index-card:nth-child(12n+8) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+8) .text:hover .itv-index-card__text, .itv-index-card:nth-child(12n+9) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+9) .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .itv-index-card:nth-child(12n+8) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+8) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+8) .text .itv-index-card__text, .itv-index-card:nth-child(12n+8) .text .lead, .itv-index-card:nth-child(12n+9) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+9) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+9) .text .itv-index-card__text, .itv-index-card:nth-child(12n+9) .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .itv-index-card:nth-child(12n+8) .itv-index-card__title, .itv-index-card:nth-child(12n+8) .text .title, .itv-index-card:nth-child(12n+9) .itv-index-card__title, .itv-index-card:nth-child(12n+9) .text .title {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 20px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+8) .itv-index-card__text, .itv-index-card:nth-child(12n+8) .text .lead, .itv-index-card:nth-child(12n+9) .itv-index-card__text, .itv-index-card:nth-child(12n+9) .text .lead {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        z-index: 2
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer, .collection-item__card:nth-child(12n+2) .itv-index-card__footer, .collection-item__card:nth-child(12n+4) .itv-index-card__footer, .collection-item__card:nth-child(12n+8) .itv-index-card__footer, .collection-item__card:nth-child(12n+9) .itv-index-card__footer {
        background-image: none !important;
        padding-top: 0
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer:before, .collection-item__card:nth-child(12n+2) .itv-index-card__footer:before, .collection-item__card:nth-child(12n+4) .itv-index-card__footer:before, .collection-item__card:nth-child(12n+8) .itv-index-card__footer:before, .collection-item__card:nth-child(12n+9) .itv-index-card__footer:before {
        content: "";
        display: block;
        background: #0d1f32;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: .9
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer:hover, .collection-item__card:nth-child(12n+2) .itv-index-card__footer:hover, .collection-item__card:nth-child(12n+4) .itv-index-card__footer:hover, .collection-item__card:nth-child(12n+8) .itv-index-card__footer:hover, .collection-item__card:nth-child(12n+9) .itv-index-card__footer:hover {
        padding-top: 30px
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__title, .collection-item__card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__title, .collection-item__card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__title, .collection-item__card:nth-child(12n+8) .itv-index-card__footer .itv-index-card__title, .collection-item__card:nth-child(12n+9) .itv-index-card__footer .itv-index-card__title {
        margin-top: 0
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+8) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+9) .itv-index-card__footer .itv-index-card__title:before {
        content: "";
        display: block;
        background-image: linear-gradient(to top, #0d1f32 0, transparent 100%);
        width: calc(100% + 40px);
        position: absolute;
        left: -20px;
        opacity: .9
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+8) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+9) .itv-index-card__footer .itv-index-card__title:before {
        height: 50px;
        top: -50px
    }

    .collection-item__card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__title:before {
        height: 80px;
        top: -80px
    }
}

@media (min-width: 1600px) {
    .itv-index-recommended {
        min-width: 1360px
    }

    .itv-index-collection__cards {
        width: 1360px
    }

    .itv-index-card {
        margin: 12px
    }

    .itv-index-card::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0;
        box-shadow: 0 0 50px 45px #0d1f32;
        z-index: 3
    }

    .itv-index-card.itv-index-card__with-label::after {
        bottom: 10px
    }

    .itv-index-card:hover {
        text-decoration: none;
        color: #fff
    }

    .itv-index-card:hover .itv-index-card__img {
        transform: scale(1.17)
    }

    .itv-index-card .itv-index-card__footer, .itv-index-card .text {
        position: absolute
    }

    .itv-index-card .itv-index-card__footer:hover, .itv-index-card .text:hover {
        padding-top: 40px
    }

    .itv-index-card:nth-child(12n+1), .itv-index-card:nth-child(12n+2) {
        width: 648px;
        height: 365px
    }

    .itv-index-card:nth-child(12n+1)::after, .itv-index-card:nth-child(12n+2)::after {
        content: none
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer.with_splash_heading .itv-index-card__text, .itv-index-card:nth-child(12n+2) .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .itv-index-card:nth-child(12n+1):not(:hover) .itv-index-card__footer.with_splash_heading, .itv-index-card:nth-child(12n+2):not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .itv-index-card:nth-child(12n+1):hover .itv-index-card__footer.with_splash_heading, .itv-index-card:nth-child(12n+2):hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer, .itv-index-card:nth-child(12n+1) .text, .itv-index-card:nth-child(12n+2) .itv-index-card__footer, .itv-index-card:nth-child(12n+2) .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+1) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+2) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+2) .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+1) .text:hover, .itv-index-card:nth-child(12n+2) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+2) .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+1) .text:hover .itv-index-card__text, .itv-index-card:nth-child(12n+2) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+2) .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+1) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+1) .text .itv-index-card__text, .itv-index-card:nth-child(12n+1) .text .lead, .itv-index-card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+2) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+2) .text .itv-index-card__text, .itv-index-card:nth-child(12n+2) .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+1) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+2) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+2) .text.itv-index-card__with-label {
        padding-bottom: 30px
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__title, .itv-index-card:nth-child(12n+1) .text .title, .itv-index-card:nth-child(12n+2) .itv-index-card__title, .itv-index-card:nth-child(12n+2) .text .title {
        font-size: 26px;
        line-height: 30px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__text, .itv-index-card:nth-child(12n+1) .text .lead, .itv-index-card:nth-child(12n+2) .itv-index-card__text, .itv-index-card:nth-child(12n+2) .text .lead {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+3), .itv-index-card:nth-child(12n+4) {
        width: 480px;
        height: 271px
    }

    .itv-index-card:nth-child(12n+3)::after, .itv-index-card:nth-child(12n+4)::after {
        content: none
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__footer.with_splash_heading .itv-index-card__text, .itv-index-card:nth-child(12n+4) .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .itv-index-card:nth-child(12n+3):not(:hover) .itv-index-card__footer.with_splash_heading, .itv-index-card:nth-child(12n+4):not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .itv-index-card:nth-child(12n+3):hover .itv-index-card__footer.with_splash_heading, .itv-index-card:nth-child(12n+4):hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__footer, .itv-index-card:nth-child(12n+3) .text, .itv-index-card:nth-child(12n+4) .itv-index-card__footer, .itv-index-card:nth-child(12n+4) .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+3) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+4) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+4) .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+3) .text:hover, .itv-index-card:nth-child(12n+4) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+4) .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+3) .text:hover .itv-index-card__text, .itv-index-card:nth-child(12n+4) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+4) .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+3) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+3) .text .itv-index-card__text, .itv-index-card:nth-child(12n+3) .text .lead, .itv-index-card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+4) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+4) .text .itv-index-card__text, .itv-index-card:nth-child(12n+4) .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__title, .itv-index-card:nth-child(12n+3) .text .title, .itv-index-card:nth-child(12n+4) .itv-index-card__title, .itv-index-card:nth-child(12n+4) .text .title {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 20px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+3) .itv-index-card__text, .itv-index-card:nth-child(12n+3) .text .lead, .itv-index-card:nth-child(12n+4) .itv-index-card__text, .itv-index-card:nth-child(12n+4) .text .lead {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+5), .itv-index-card:nth-child(12n+6), .itv-index-card:nth-child(12n+7), .itv-index-card:nth-child(12n+8), .itv-index-card:nth-child(12n+9) {
        width: 312px;
        height: 270px;
        background-color: #fff
    }

    .itv-index-card:nth-child(12n+5)::after, .itv-index-card:nth-child(12n+6)::after, .itv-index-card:nth-child(12n+7)::after, .itv-index-card:nth-child(12n+8)::after, .itv-index-card:nth-child(12n+9)::after {
        box-shadow: 0 0 25px 25px #fff
    }

    .itv-index-card:nth-child(12n+5):hover .itv-index-card__text, .itv-index-card:nth-child(12n+6):hover .itv-index-card__text, .itv-index-card:nth-child(12n+7):hover .itv-index-card__text, .itv-index-card:nth-child(12n+8):hover .itv-index-card__text, .itv-index-card:nth-child(12n+9):hover .itv-index-card__text {
        display: block
    }

    .itv-index-card:nth-child(12n+5) .itv-index-card__header, .itv-index-card:nth-child(12n+6) .itv-index-card__header, .itv-index-card:nth-child(12n+7) .itv-index-card__header, .itv-index-card:nth-child(12n+8) .itv-index-card__header, .itv-index-card:nth-child(12n+9) .itv-index-card__header {
        top: 10px;
        left: 10px;
        right: 10px
    }

    .itv-index-card:nth-child(12n+5) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+6) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+7) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+8) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+9) .itv-index-card__footer:hover {
        top: 0 !important;
        height: 100%;
        width: 100%;
        padding-top: 10px
    }

    .itv-index-card:nth-child(12n+5) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+6) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+7) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+8) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+9) .itv-index-card__footer:hover .itv-index-card__text {
        opacity: 1
    }

    .itv-index-card:nth-child(12n+5) .itv-index-card__photo, .itv-index-card:nth-child(12n+6) .itv-index-card__photo, .itv-index-card:nth-child(12n+7) .itv-index-card__photo, .itv-index-card:nth-child(12n+8) .itv-index-card__photo, .itv-index-card:nth-child(12n+9) .itv-index-card__photo {
        border: 10px solid #fff
    }

    .itv-index-card:nth-child(12n+5) .itv-index-card__footer, .itv-index-card:nth-child(12n+5) .text, .itv-index-card:nth-child(12n+6) .itv-index-card__footer, .itv-index-card:nth-child(12n+6) .text, .itv-index-card:nth-child(12n+7) .itv-index-card__footer, .itv-index-card:nth-child(12n+7) .text, .itv-index-card:nth-child(12n+8) .itv-index-card__footer, .itv-index-card:nth-child(12n+8) .text, .itv-index-card:nth-child(12n+9) .itv-index-card__footer, .itv-index-card:nth-child(12n+9) .text {
        position: absolute;
        top: 176px;
        background-color: #fff;
        color: #03396f;
        padding: 5px 10px 100%
    }

    .itv-index-card:nth-child(12n+5) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+5) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+6) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+6) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+7) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+7) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+8) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+8) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+9) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+9) .text.itv-index-card__with-label {
        top: 156px
    }

    .itv-index-card:nth-child(12n+5) .itv-index-card__title, .itv-index-card:nth-child(12n+5) .text .title, .itv-index-card:nth-child(12n+6) .itv-index-card__title, .itv-index-card:nth-child(12n+6) .text .title, .itv-index-card:nth-child(12n+7) .itv-index-card__title, .itv-index-card:nth-child(12n+7) .text .title, .itv-index-card:nth-child(12n+8) .itv-index-card__title, .itv-index-card:nth-child(12n+8) .text .title, .itv-index-card:nth-child(12n+9) .itv-index-card__title, .itv-index-card:nth-child(12n+9) .text .title {
        color: #03396f
    }

    .itv-index-card:nth-child(12n+5) .itv-index-card__text, .itv-index-card:nth-child(12n+5) .text .lead, .itv-index-card:nth-child(12n+6) .itv-index-card__text, .itv-index-card:nth-child(12n+6) .text .lead, .itv-index-card:nth-child(12n+7) .itv-index-card__text, .itv-index-card:nth-child(12n+7) .text .lead, .itv-index-card:nth-child(12n+8) .itv-index-card__text, .itv-index-card:nth-child(12n+8) .text .lead, .itv-index-card:nth-child(12n+9) .itv-index-card__text, .itv-index-card:nth-child(12n+9) .text .lead {
        color: #000;
        opacity: 0;
        transition: opacity .3s
    }

    .itv-index-card:nth-child(12n+5) .card__label_external_embed, .itv-index-card:nth-child(12n+6) .card__label_external_embed, .itv-index-card:nth-child(12n+7) .card__label_external_embed, .itv-index-card:nth-child(12n+8) .card__label_external_embed, .itv-index-card:nth-child(12n+9) .card__label_external_embed {
        font-size: 12px
    }

    .itv-index-card:nth-child(12n+10), .itv-index-card:nth-child(12n+12) {
        width: 312px;
        height: 365px;
        color: #fff;
        background-color: #0d1f32
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__footer, .itv-index-card:nth-child(12n+10) .text, .itv-index-card:nth-child(12n+12) .itv-index-card__footer, .itv-index-card:nth-child(12n+12) .text {
        position: absolute;
        top: 176px;
        background-color: #0d1f32
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+10) .text.itv-index-card__with-label, .itv-index-card:nth-child(12n+12) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+12) .text.itv-index-card__with-label {
        top: 156px
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+10) .text:hover, .itv-index-card:nth-child(12n+12) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+12) .text:hover {
        height: 100%;
        top: 0;
        padding-top: 10px
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__title, .itv-index-card:nth-child(12n+10) .text .title, .itv-index-card:nth-child(12n+12) .itv-index-card__title, .itv-index-card:nth-child(12n+12) .text .title {
        margin-bottom: 7px;
        font-size: 20px;
        line-height: 25px;
        color: #fff
    }

    .itv-index-card:nth-child(12n+10) .itv-index-card__text, .itv-index-card:nth-child(12n+10) .text .lead, .itv-index-card:nth-child(12n+12) .itv-index-card__text, .itv-index-card:nth-child(12n+12) .text .lead {
        font-size: 16px;
        line-height: 20px;
        color: #fff
    }

    .itv-index-card:nth-child(12n+10) .card__label_external_embed, .itv-index-card:nth-child(12n+12) .card__label_external_embed {
        font-size: 12px
    }

    .itv-index-card:nth-child(12n+11) {
        width: 648px;
        height: 365px
    }

    .itv-index-card:nth-child(12n+11)::after {
        content: none
    }

    .itv-index-card:nth-child(12n+11) .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .itv-index-card:nth-child(12n+11):not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .itv-index-card:nth-child(12n+11):hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .itv-index-card:nth-child(12n+11) .itv-index-card__footer, .itv-index-card:nth-child(12n+11) .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .itv-index-card:nth-child(12n+11) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+11) .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .itv-index-card:nth-child(12n+11) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+11) .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .itv-index-card:nth-child(12n+11) .itv-index-card__footer:hover .itv-index-card__text, .itv-index-card:nth-child(12n+11) .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .itv-index-card:nth-child(12n+11) .itv-index-card__footer .itv-index-card__text, .itv-index-card:nth-child(12n+11) .itv-index-card__footer .lead, .itv-index-card:nth-child(12n+11) .text .itv-index-card__text, .itv-index-card:nth-child(12n+11) .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .itv-index-card:nth-child(12n+11) .itv-index-card__footer.itv-index-card__with-label, .itv-index-card:nth-child(12n+11) .text.itv-index-card__with-label {
        padding-bottom: 30px
    }

    .itv-index-card:nth-child(12n+11) .itv-index-card__title, .itv-index-card:nth-child(12n+11) .text .title {
        font-size: 26px;
        line-height: 30px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .itv-index-card:nth-child(12n+11) .itv-index-card__text, .itv-index-card:nth-child(12n+11) .text .lead {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer, .collection-item__card:nth-child(12n+11) .itv-index-card__footer, .collection-item__card:nth-child(12n+2) .itv-index-card__footer, .collection-item__card:nth-child(12n+3) .itv-index-card__footer, .collection-item__card:nth-child(12n+4) .itv-index-card__footer {
        background-image: none;
        background-image: none !important;
        padding-top: 0
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer:before, .collection-item__card:nth-child(12n+11) .itv-index-card__footer:before, .collection-item__card:nth-child(12n+2) .itv-index-card__footer:before, .collection-item__card:nth-child(12n+3) .itv-index-card__footer:before, .collection-item__card:nth-child(12n+4) .itv-index-card__footer:before {
        content: "";
        display: block;
        background: #0d1f32;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: .9
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer:hover, .collection-item__card:nth-child(12n+11) .itv-index-card__footer:hover, .collection-item__card:nth-child(12n+2) .itv-index-card__footer:hover, .collection-item__card:nth-child(12n+3) .itv-index-card__footer:hover, .collection-item__card:nth-child(12n+4) .itv-index-card__footer:hover {
        padding-top: 30px
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__title, .collection-item__card:nth-child(12n+11) .itv-index-card__footer .itv-index-card__title, .collection-item__card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__title, .collection-item__card:nth-child(12n+3) .itv-index-card__footer .itv-index-card__title, .collection-item__card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__title {
        margin-top: 0
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+11) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+3) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__title:before {
        content: "";
        display: block;
        background-image: linear-gradient(to top, #0d1f32 0, transparent 100%);
        width: calc(100% + 40px);
        position: absolute;
        left: -20px;
        opacity: .9
    }

    .collection-item__card:nth-child(12n+3) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__title:before {
        height: 50px;
        top: -50px
    }

    .collection-item__card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+11) .itv-index-card__footer .itv-index-card__title:before, .collection-item__card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__title:before {
        height: 80px;
        top: -80px
    }
}

@media (max-width: 732px) {
    .w .grid .w_content .type-mosaic .w_collection_items {
        justify-content: space-around
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card {
        margin: 12px;
        width: 648px;
        height: 365px;
        width: 47%;
        height: 260px !important
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0;
        box-shadow: 0 0 50px 45px #0d1f32;
        z-index: 3
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card.itv-index-card__with-label::after {
        bottom: 10px
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card:hover {
        text-decoration: none;
        color: #fff
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card:hover .itv-index-card__img {
        transform: scale(1.17)
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer, .w .grid .w_content .type-mosaic .w_collection_items .card .text {
        position: absolute
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .w_collection_items .card .text:hover {
        padding-top: 40px
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card::after {
        content: none
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card:not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card:hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer, .w .grid .w_content .type-mosaic .w_collection_items .card .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .w_collection_items .card .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .w_collection_items .card .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .w_collection_items .card .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer .itv-index-card__text, .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer .lead, .w .grid .w_content .type-mosaic .w_collection_items .card .text .itv-index-card__text, .w .grid .w_content .type-mosaic .w_collection_items .card .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .w_collection_items .card .text.itv-index-card__with-label {
        padding-bottom: 30px
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__title, .w .grid .w_content .type-mosaic .w_collection_items .card .text .title {
        font-size: 26px;
        line-height: 30px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .itv-index-card__text, .w .grid .w_content .type-mosaic .w_collection_items .card .text .lead {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .text {
        top: auto !important;
        position: absolute !important
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card .text .title {
        font-size: 18px;
        line-height: 26px
    }

    .w .grid .w_content .type-mosaic .w_collection_items .card img {
        width: auto !important;
        max-width: initial !important;
        height: 100% !important
    }
}

@media (min-width: 733px) {
    .w .grid .w_content .type-mosaic .card {
        margin: 12px
    }

    .w .grid .w_content .type-mosaic .card::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0;
        box-shadow: 0 0 50px 45px #0d1f32;
        z-index: 3
    }

    .w .grid .w_content .type-mosaic .card.itv-index-card__with-label::after {
        bottom: 10px
    }

    .w .grid .w_content .type-mosaic .card:hover {
        text-decoration: none;
        color: #fff
    }

    .w .grid .w_content .type-mosaic .card:hover .itv-index-card__img {
        transform: scale(1.17)
    }

    .w .grid .w_content .type-mosaic .card .itv-index-card__footer, .w .grid .w_content .type-mosaic .card .text {
        position: absolute
    }

    .w .grid .w_content .type-mosaic .card .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card .text:hover {
        padding-top: 40px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1), .w .grid .w_content .type-mosaic .card:nth-child(12n+2) {
        width: 480px;
        height: 271px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1)::after, .w .grid .w_content .type-mosaic .card:nth-child(12n+2)::after {
        content: none
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .itv-index-card__footer.with_splash_heading .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1):not(:hover) .itv-index-card__footer.with_splash_heading, .w .grid .w_content .type-mosaic .card:nth-child(12n+2):not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1):hover .itv-index-card__footer.with_splash_heading, .w .grid .w_content .type-mosaic .card:nth-child(12n+2):hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .text, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .text.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .text:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .text:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .itv-index-card__footer .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .text .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .text .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .itv-index-card__footer .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .text .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .text .title, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .text .title {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 20px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+1) .text .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+2) .text .lead {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        z-index: 2
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+3) {
        width: 312px;
        height: 365px;
        color: #fff;
        background-color: #0d1f32
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .text {
        position: absolute;
        top: 176px;
        background-color: #0d1f32
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .text.itv-index-card__with-label {
        top: 156px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .text:hover {
        height: 100%;
        top: 0;
        padding-top: 10px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .text .title {
        margin-bottom: 7px;
        font-size: 20px;
        line-height: 25px;
        color: #fff
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .text .lead {
        font-size: 16px;
        line-height: 20px;
        color: #fff
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+3) .card__label_external_embed {
        font-size: 12px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) {
        width: 648px;
        height: 365px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4)::after {
        content: none
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4):not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4):hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__footer .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .text .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .text.itv-index-card__with-label {
        padding-bottom: 30px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .text .title {
        font-size: 26px;
        line-height: 30px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+4) .text .lead {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10), .w .grid .w_content .type-mosaic .card:nth-child(12n+11), .w .grid .w_content .type-mosaic .card:nth-child(12n+12), .w .grid .w_content .type-mosaic .card:nth-child(12n+5), .w .grid .w_content .type-mosaic .card:nth-child(12n+6), .w .grid .w_content .type-mosaic .card:nth-child(12n+7) {
        width: 312px;
        height: 270px;
        background-color: #fff
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10)::after, .w .grid .w_content .type-mosaic .card:nth-child(12n+11)::after, .w .grid .w_content .type-mosaic .card:nth-child(12n+12)::after, .w .grid .w_content .type-mosaic .card:nth-child(12n+5)::after, .w .grid .w_content .type-mosaic .card:nth-child(12n+6)::after, .w .grid .w_content .type-mosaic .card:nth-child(12n+7)::after {
        box-shadow: 0 0 25px 25px #fff
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10):hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+11):hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+12):hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+5):hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+6):hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+7):hover .itv-index-card__text {
        display: block
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .itv-index-card__header, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .itv-index-card__header, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .itv-index-card__header, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .itv-index-card__header, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .itv-index-card__header, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .itv-index-card__header {
        top: 10px;
        left: 10px;
        right: 10px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .itv-index-card__footer:hover {
        top: 0 !important;
        height: 100%;
        width: 100%;
        padding-top: 10px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .itv-index-card__footer:hover .itv-index-card__text {
        opacity: 1
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .itv-index-card__photo, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .itv-index-card__photo, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .itv-index-card__photo, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .itv-index-card__photo, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .itv-index-card__photo, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .itv-index-card__photo {
        border: 10px solid #fff
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .text, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .text, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .text, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .text, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .text, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .text {
        position: absolute;
        top: 176px;
        background-color: #fff;
        color: #03396f;
        padding: 5px 10px 100%
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .text.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .text.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .text.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .text.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .text.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .text.itv-index-card__with-label {
        top: 156px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .text .title, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .text .title, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .text .title, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .text .title, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .text .title, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .text .title {
        color: #03396f
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .text .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .text .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .text .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .text .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .text .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .text .lead {
        color: #000;
        opacity: 0;
        transition: opacity .3s
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+10) .card__label_external_embed, .w .grid .w_content .type-mosaic .card:nth-child(12n+11) .card__label_external_embed, .w .grid .w_content .type-mosaic .card:nth-child(12n+12) .card__label_external_embed, .w .grid .w_content .type-mosaic .card:nth-child(12n+5) .card__label_external_embed, .w .grid .w_content .type-mosaic .card:nth-child(12n+6) .card__label_external_embed, .w .grid .w_content .type-mosaic .card:nth-child(12n+7) .card__label_external_embed {
        font-size: 12px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8), .w .grid .w_content .type-mosaic .card:nth-child(12n+9) {
        width: 480px;
        height: 271px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8)::after, .w .grid .w_content .type-mosaic .card:nth-child(12n+9)::after {
        content: none
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .itv-index-card__footer.with_splash_heading .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .itv-index-card__footer.with_splash_heading .itv-index-card__text {
        max-height: 500px !important
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8):not(:hover) .itv-index-card__footer.with_splash_heading, .w .grid .w_content .type-mosaic .card:nth-child(12n+9):not(:hover) .itv-index-card__footer.with_splash_heading {
        bottom: -100%
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8):hover .itv-index-card__footer.with_splash_heading, .w .grid .w_content .type-mosaic .card:nth-child(12n+9):hover .itv-index-card__footer.with_splash_heading {
        bottom: 0;
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9);
        padding-top: 30px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .text, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .itv-index-card__footer, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .text {
        top: auto;
        bottom: 0;
        min-height: 10px;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgba(13, 31, 50, 0) 0, rgba(13, 31, 50, .9) 100%);
        transition: min-height .3s linear, background-color .3s linear, top .3s linear, bottom .3s linear, padding .3s linear
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .text.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .itv-index-card__footer.itv-index-card__with-label, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .text.itv-index-card__with-label {
        padding-bottom: 20px
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .text:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .itv-index-card__footer:hover, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .text:hover {
        top: auto;
        height: auto;
        min-height: 100%;
        color: #fff;
        background-color: rgba(13, 31, 50, .9)
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .text:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .itv-index-card__footer:hover .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .text:hover .itv-index-card__text {
        max-height: 500px;
        transition: all .3s linear 150ms;
        transition-delay: 150ms
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .itv-index-card__footer .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .itv-index-card__footer .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .text .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .text .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .itv-index-card__footer .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .itv-index-card__footer .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .text .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .text .lead {
        max-height: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        overflow: hidden
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .text .title, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .itv-index-card__title, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .text .title {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 20px;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+8) .text .lead, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .itv-index-card__text, .w .grid .w_content .type-mosaic .card:nth-child(12n+9) .text .lead {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        z-index: 2
    }
}

.w-paragraph {
    margin: 0 0 25px 0 !important
}

.w-paragraph-quote {
    display: flex;
    flex-wrap: nowrap;
    border-left: 4px solid #6495ed;
    padding-left: 20px;
    padding-top: 14px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative
}

.w-paragraph-quote__image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    width: 120px;
    height: 120px;
    margin-top: 5px;
    margin-right: 26px;
    overflow: hidden;
    border-radius: 50%
}

.w-paragraph-quote__image {
    flex: none;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.w-paragraph-quote__image-wrapper .img {
    margin: 0 auto;
    display: block;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center center
}

.w-paragraph-quote__title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 2px;
    color: inherit
}

.w-paragraph-quote__title a {
    text-decoration: underline
}

.w-paragraph-quote__subtitle {
    display: block;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 2px;
    color: inherit
}

.w-paragraph-quote__subtitle a {
    text-decoration: underline
}

.w-paragraph-quote__subtitle p {
    margin: 0 !important
}

.w-paragraph-quote__text {
    display: block;
    font-size: 18px;
    line-height: 20px;
    color: #000
}

.w-paragraph-quote__text p {
    margin: 0 !important
}

.w-paragraph-quote__subtitle + .w-paragraph-quote__text, .w-paragraph-quote__title + .w-paragraph-quote__text {
    margin-top: 8px
}

@media (max-width: 732px) {
    .w-paragraph-quote {
        flex-wrap: wrap
    }

    .w-paragraph-quote__image-wrapper {
        margin-bottom: 15px
    }
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.widget.youtube {
    max-height: initial
}

.widget.youtube .widget_text {
    white-space: normal
}

.article .w_content .w_row .w_block[data-type=widget]:first-of-type:not([class*=o-]), .show-main .w_content .with-right-column .w_row .w_block[data-type=widget]:first-of-type:not([class*=o-]) {
    margin-left: 12px
}

@media (min-width: 1600px) {
    .article .w_content .w_row .w_block[data-type=widget].c-1, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-1 {
        width: 396px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-2, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-2 {
        width: 480px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-3, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-3 {
        width: 564px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-4, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-4 {
        width: 648px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-5, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-5 {
        width: 732px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-6, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-6 {
        width: 816px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-7, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-7 {
        width: 900px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-8, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-8 {
        width: 984px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-9, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-9 {
        width: 1068px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-10, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-10 {
        width: 1152px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-11, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-11 {
        width: 1236px
    }

    .article .w_content .w_row .w_block[data-type=widget].c-12, .show-main .w_content .with-right-column .w_row .w_block[data-type=widget].c-12 {
        width: 1320px
    }
}

.youtube-iframe-widget {
    position: relative;
    margin: 20px auto;
    padding-top: 56.25%
}

.youtube-iframe-widget > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

@media (max-width: 732px) {
    .youtube-iframe-widget .youtube-iframe-widget {
        width: calc(100% + 40px);
        padding-top: calc(56.25% + 22px);
        margin-left: -20px;
        margin-top: 20px
    }
}

.itv-tag-list {
    position: relative;
    margin-top: 20px
}

.itv-tag-list--with-selector::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto;
    margin-top: 15px;
    width: 10px;
    height: 10px;
    background-image: url("");
    background-repeat: no-repeat
}

.itv-tag-list--padded {
    padding: 0 20px
}

.itv-tag {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 0 9px;
    width: auto;
    height: 30px;
    line-height: 28px;
    font-size: 13px;
    letter-spacing: .1px;
    font-weight: 400;
    background-color: transparent;
    color: #366799;
    border: 1px solid #7e9fb8;
    border-radius: 2px;
    text-decoration: none;
    transition: all .3s
}

.itv-tag:hover {
    background-color: #348bcd;
    border-color: #348bcd;
    color: #fff;
    text-decoration: none
}

.itv-tag.active, .itv-tag:active {
    background-color: #01478d;
    border-color: #01478d;
    color: #fff;
    text-decoration: none
}

.itv-tag-list-selector {
    display: block;
    height: 40px;
    margin: 20px 0;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    background-color: #fff;
    -webkit-appearance: none;
    padding: 0 10px;
    border-radius: 0;
    border: 1px solid #136eb5;
    color: #136eb5
}

@media (max-width: 732px) {
    .itv-tag-list--with-selector .itv-tag {
        display: none
    }
}

@media (min-width: 733px) {
    .itv-tag-list-selector, .itv-tag-list::after {
        display: none
    }
}

.text-align-center {
    text-align: center
}

.w1tv-header {
    margin-top: 0
}

.w1tv-button-link {
    width: 100%;
    display: block;
    margin: 10px 0;
    padding: 8px 5px;
    min-height: 40px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    border-radius: 2px;
    transition: color .2s, background-color .2s, border-color .2s, fill .2s;
    background-color: transparent;
    border-width: 2px;
    border-style: solid
}

.w1tv-button-link:active, .w1tv-button-link:hover {
    text-decoration: none
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.w1tv-collect-common .w1tv-collect-title {
    text-align: center
}

.w1tv-collect-common .w1tv-collect-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start
}

.w1tv-collect-common .w1tv-collect-item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 312px;
    height: 340px;
    margin: 0 12px 24px;
    padding: 4px;
    text-decoration: none;
    overflow: hidden
}

.w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    text-decoration: none
}

.w1tv-collect-common .w1tv-collect-item:active .w1tv-collect-item-image, .w1tv-collect-common .w1tv-collect-item:hover .w1tv-collect-item-image {
    transform: scale(1.15)
}

.w1tv-collect-common .w1tv-collect-item::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: -1px;
    box-shadow: 0 0 20px 20px #257fc7;
    transition: all .2s
}

.w1tv-collect-common .w1tv-collect-items-stats {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    margin: auto;
    height: 42px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    fill: #fff;
    background: #000;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #000), color-stop(100%, transparent));
    background: linear-gradient(to bottom, #000 0, transparent 100%)
}

.w1tv-collect-common .w1tv-collect-items-stats--length, .w1tv-collect-common .w1tv-collect-items-stats--views-count {
    margin: 0 9px 0 11px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .6px;
    text-align: left
}

.w1tv-collect-common .w1tv-collect-item-image-wrapper {
    background-color: #000;
    width: 304px;
    height: 171px;
    overflow: hidden
}

.w1tv-collect-common .w1tv-collect-item-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transition: transform .7s
}

.w1tv-collect-common .w1tv-collect-item-content {
    padding: 11px 16px;
    position: absolute;
    top: 175px;
    bottom: 0;
    left: 0;
    right: 0;
    transition: top .2s
}

.w1tv-collect-common .w1tv-collect-item-content.hoverable:hover {
    top: 4px
}

.w1tv-collect-common .w1tv-collect-item-title {
    margin-bottom: 9px;
    font-size: 19px;
    width: 100%;
    line-height: 22px;
    font-weight: 700;
    overflow: hidden
}

.w1tv-collect-common .w1tv-collect-item-lead {
    font-size: 16px;
    line-height: 21px
}

.w1tv-collect-common .w1tv-collect-item, .w1tv-collect-common .w1tv-collect-item-content, .w1tv-collect-common .w1tv-collect-item:active, .w1tv-collect-common .w1tv-collect-item:hover {
    background-color: #257fc7;
    color: #fff
}

.w1tv-collect-right-column {
    max-width: 312px;
    border: 2px solid;
    overflow: hidden;
    position: relative
}

.w1tv-collect-right-column .w1tv-collect-title {
    display: block;
    position: relative;
    padding: 0 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1.1px;
    text-transform: uppercase
}

.w1tv-collect-right-column .w1tv-collect-item {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    fill: #257fc7;
    transition: fill .2s linear, color .2s linear
}

.w1tv-collect-right-column .w1tv-collect-item:active, .w1tv-collect-right-column .w1tv-collect-item:hover {
    text-decoration: none;
    fill: #348bcd
}

.w1tv-collect-right-column .w1tv-collect-items-stats {
    display: flex;
    justify-content: center;
    font-size: 11px;
    line-height: 25px;
    letter-spacing: .6px
}

.w1tv-collect-right-column .w1tv-collect-items-stats .itv-icon-play {
    position: absolute;
    top: 10px;
    margin: 0 auto;
    left: 85px;
    right: 0;
    fill: #fff
}

.w1tv-collect-right-column .w1tv-collect-items-stats .itv-flex-spacer {
    display: none
}

.w1tv-collect-right-column .w1tv-collect-items-stats--length, .w1tv-collect-right-column .w1tv-collect-items-stats--views-count {
    margin: 0 5px
}

.w1tv-collect-right-column .w1tv-collect-item-image-wrapper {
    width: 144px;
    height: 81px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    background-color: #000;
    color: #fff;
    font-size: 12px
}

.w1tv-collect-right-column .w1tv-collect-item-image {
    width: 100%
}

.w1tv-collect-right-column .w1tv-collect-item-content {
    padding: 11px 42px;
    text-align: center
}

.w1tv-collect-right-column .w1tv-collect-item-title {
    font-style: 14px;
    line-height: 18px;
    font-weight: 700
}

.w1tv-collect-right-column .w1tv-collect-item-lead {
    display: none
}

.w1tv-collect-right-column .itv-icon-views {
    width: 17px;
    height: 10px;
    margin-right: 5px
}

.w1tv-promo {
    display: block;
    position: relative
}

.w1tv-promo-place-right-square {
    width: 312px;
    min-height: 250px;
    padding: 4px;
    overflow: hidden
}

.w1tv-promo--subtitle {
    margin-top: 15px
}

.w1tv-promo--subtitle::before {
    content: "Реклама";
    position: absolute;
    top: -15px;
    display: block;
    margin: 0 auto 5px;
    color: #bcbcbc;
    font-size: 10px;
    line-height: 6px
}

.w1tv-promo--border {
    border: 1px solid
}

.promo-position__image {
    max-width: 100%
}

.w1tv-block {
    margin-bottom: 24px
}

.layout-2020 a:hover {
    color: inherit;
    text-decoration: inherit
}

@media (min-width: 1024px) {
    .layout-2020 {
        min-width: auto
    }
}

@media (min-width: 733px) {
    .layout-2020 {
        min-width: auto
    }
}

.layout-2020 .itv-container {
    width: auto !important
}

.layout-2020 .row:after, .layout-2020 .row:before {
    content: none
}

.layout-2020 .row > div[class^=col-] {
    float: none;
    box-sizing: border-box !important
}

.layout-2020 .row > [class^=col-]:first-child {
    padding-left: 12px
}

.layout-2020 .row > [class^=col-]:last-child {
    padding-right: 12px
}

.layout-2020 div[class^=itv-col-] {
    width: auto !important;
    float: none !important
}

@media (min-width: 320px) {
    .layout-2020 .container {
        width: auto
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    .layout-2020 footer.footer, .layout-2020 hr.fat, .layout-2020 main, .layout-2020 section.footer {
        width: auto
    }
}

@media (min-width: 733px) {
    .layout-2020 .itv-container {
        width: auto
    }
}

@media (max-width: 767px) {
    .layout-2020 .container .row {
        margin-left: -12px;
        margin-right: -12px;
        width: auto
    }
}

@media (max-width: 732px) {
    .layout-2020 .container .row {
        margin-left: -12px;
        margin-right: -12px;
        width: auto
    }

    .layout-2020 .branding_promo_place.loaded .branding {
        position: relative
    }

    .layout-2020 .branding_promo_place::before {
        padding-top: 1px
    }
}

@media (min-width: 733px) and (max-width: 983px) {
    .layout-2020 footer.footer, .layout-2020 hr.fat, .layout-2020 main, .layout-2020 section.footer {
        width: auto
    }

    .layout-2020 main .collection-projects .cards {
        width: auto
    }
}

.layout-2020 button.slick-arrow {
    background-image: none
}

.layout-2020 .banner#yandex_ad {
    width: auto
}

.layout-2020 .popup .content {
    margin-top: 170px
}

.layout-2020 .popup .close-button {
    top: 120px
}

.layout-2020 .slick-slider .slick-list, .layout-2020 .slick-slider .slick-track {
    height: 100%
}

body.layout-2020 {
    background: #000;
    color: #fff
}

body.layout-2020.active-popup {
    overflow: hidden
}

body.layout-2020 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

body.layout-2020 img {
    max-width: 100%
}

body.layout-2020 a {
    text-decoration: none;
    cursor: pointer
}

body.layout-2020 li {
    list-style: none
}

body.layout-2020 main {
    font-family: Roboto
}

body.layout-2020 .button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    width: auto;
    min-height: auto;
    align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-color: transparent;
    color: #4a9fff;
    outline: 0;
    padding: 11px 20px;
    font-size: 12px;
    border: 1px #4a9fff solid;
    font-weight: 400;
    text-decoration: none;
    border-radius: 50px;
    line-height: 100%;
    cursor: pointer;
    margin: 20px auto;
    text-align: center;
    transition: all .2s linear
}

@media (max-width: 767px) {
    body.layout-2020 .button {
        margin: 10px auto
    }
}

body.layout-2020 .button:hover {
    color: #000;
    border-color: #4a9fff;
    background-color: #4a9fff;
    text-decoration: none
}

body.layout-2020 .button svg {
    margin-right: 10px
}

body.layout-2020 .button svg path {
    fill: #4a9fff
}

body.layout-2020 .button_active {
    background-color: #fff;
    border-color: #fff;
    color: #15191c
}

body.layout-2020 .button_active:hover {
    color: #15191c;
    background-color: #fff;
    border-color: #fff
}

body.layout-2020 .button_icon {
    width: 40px;
    height: 40px;
    padding: 10px;
    margin-bottom: 30px;
    opacity: .8
}

body.layout-2020 .button_icon svg {
    margin-right: 0
}

body.layout-2020 .button_icon svg path {
    transition: all .2s linear;
    fill: #4a9fff
}

body.layout-2020 .button_icon:after {
    transition: all .2s linear;
    position: absolute;
    bottom: -32px;
    text-transform: uppercase;
    min-width: 60px;
    font-size: 9px
}

body.layout-2020 .button_icon:hover {
    opacity: 1
}

body.layout-2020 .button_icon:hover:after {
    color: #4a9fff
}

body.layout-2020 .button_icon:hover svg path {
    fill: #000
}

body.layout-2020 .circle-icon {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 20px;
    border: 1px solid transparent;
    transition: border-color .5s, opacity .5s, visibility .5s, transform .5s
}

body.layout-2020 .circle-icon:hover {
    border-color: #fff
}

body.layout-2020 .circle-icon:active {
    outline: 0;
    background-color: #fff
}

body.layout-2020 .circle-icon:active::after, body.layout-2020 .circle-icon:active::before {
    background-color: #000
}

body.layout-2020 .circle-icon:active path {
    fill: #000
}

body.layout-2020 .close-btn {
    position: relative;
    width: 36px;
    height: 36px;
    margin-right: 3px;
    outline: 0
}

@media (max-width: 767px) {
    body.layout-2020 .close-btn {
        display: none !important
    }
}

body.layout-2020 .close-btn:hover {
    transform: rotate(90deg)
}

body.layout-2020 .close-btn::after, body.layout-2020 .close-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    height: 4px;
    width: 19px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    border-radius: 1px;
    transform: translate(-50%, -50%) rotate(45deg)
}

body.layout-2020 .close-btn::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

body.layout-2020 .special-hover-container_hover-on-link a {
    color: #737373
}

body.layout-2020 .dropdown-arrow {
    position: absolute;
    display: block;
    height: 1px;
    width: 6px;
    right: 0;
    top: 49%;
    transform-origin: center;
    transition: transform .5s
}

body.layout-2020 .dropdown-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    width: 4px;
    height: 1px;
    background-color: #fff;
    right: 2px;
    left: auto;
    transform: rotate(45deg)
}

body.layout-2020 .dropdown-arrow::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    width: 4px;
    height: 1px;
    background-color: #fff;
    right: 0;
    left: auto;
    transform: rotate(-45deg)
}

body.layout-2020 .scroll-element {
    overflow-y: scroll;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 999999999999999999;
    display: none
}

body.layout-2020 .scroll-element_active {
    display: block
}

.layout-2020 body {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #fff
}

.layout-2020 h2 {
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 10%;
    color: #1f5dd6;
    text-transform: uppercase;
    text-align: center
}

.layout-2020 .standart-text {
    font-family: Roboto, serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400
}

.layout-2020 .standart-text_semi-bold {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px
}

.layout-2020 .standart-text_bold {
    font-weight: 700
}

.layout-2020 .standart-text_extra-bold {
    font-weight: 900;
    font-size: 14px;
    line-height: 18.75px
}

.layout-2020 .accent-text {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.layout-2020 .accent-text_menu {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 10%;
    line-height: 20px
}

.layout-2020 .accent-text_big {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 4%
}

.layout-2020 .accent-text_mini {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    font-weight: 400
}

.layout-2020 .accent-text_mini_semi-bold {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px
}

.layout-2020 .accent-text_mini_bold {
    font-weight: 700
}

.layout-2020 .accent-text_mini_extra-bold {
    font-weight: 900;
    font-size: 14px;
    line-height: 18.75px
}

.layout-2020 .accent-text .accent-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px
}

.layout-2020 .tabs {
    display: flex;
    font-family: Roboto, serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #278ad1;
    box-sizing: border-box
}

.layout-2020 .tabs__tab {
    border: 1px solid #278ad1;
    border-radius: 50px;
    padding: 12px 20px 10px 20px;
    margin-right: 20px
}

.layout-2020 .tabs__tab_active {
    background-color: #fff;
    color: #000;
    position: relative;
    padding-left: 40px;
    border-color: #fff
}

.layout-2020 .tabs__tab_active::before {
    display: block;
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    background-color: red;
    border-radius: 50%;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%)
}

.layout-2020 .tabs__tab:hover {
    background-color: #278ad1;
    border-color: #278ad1;
    color: #000
}

.layout-2020 .btn {
    font-family: Roboto;
    font-weight: 500;
    padding: 10px 40px;
    border-radius: 20px;
    display: inline-block;
    transition: background-color .5s, color .5s;
    cursor: pointer
}

.layout-2020 .btn_light-blue {
    padding: 5px 35px;
    color: #39a0ff !important;
    border: 1px solid #39a0ff
}

.layout-2020 .btn_light-blue:hover {
    background-color: #39a0ff;
    color: #000 !important
}

.layout-2020 .btn_light-blue:hover .btn__btn-arrow::after {
    background-color: #000 !important
}

.layout-2020 .btn_light-blue .btn__btn-arrow::after {
    background-color: #39a0ff
}

.layout-2020 .btn_blue {
    padding: 5px 35px;
    background: linear-gradient(180deg, #0b1b43 0, #001958 100%), #001958;
    box-shadow: 0 0 12px 0 #00000070
}

.layout-2020 .btn_blue:hover {
    text-decoration: underline
}

.layout-2020 .btn_blue .btn__btn-arrow::after {
    background-color: #fff
}

.layout-2020 .btn__btn-arrow {
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    overflow: hidden;
    left: 4px
}

.layout-2020 .btn__btn-arrow::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    left: -5px;
    transform: rotate(45deg);
    transition: background-color .5s
}

@media (min-width: 1024px) {
    .layout-2020 .container {
        width: 1000px
    }
}

@media (min-width: 1360px) {
    .layout-2020 .container {
        width: 1336px
    }
}

@media (max-width: 767px) {
    .layout-2020 .container {
        box-sizing: inherit
    }
}

.layout-2020 .container, .layout-2020 .container-fluid {
    position: relative;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px
}

.layout-2020 .container-fluid {
    width: calc(100% - 24px)
}

.layout-2020 .row {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px
}

.layout-2020 .row_reverse {
    flex-direction: row-reverse
}

.layout-2020 .flex {
    display: flex
}

.layout-2020 .flex_align_center {
    align-items: center
}

.layout-2020 .flex_align_end {
    align-items: flex-end
}

.layout-2020 .flex_align_start {
    align-items: flex-start
}

.layout-2020 .flex_justify_center {
    justify-content: center
}

@media (max-width: 767px) {
    .layout-2020 .text-xs-left {
        text-align: left
    }
}

@media (max-width: 1359px) {
    .layout-2020 .text-sm-left {
        text-align: left
    }
}

@media (min-width: 1024px) {
    .layout-2020 .text-md-left {
        text-align: left
    }
}

@media (min-width: 1360px) {
    .layout-2020 .text-lg-left {
        text-align: left
    }
}

@media (max-width: 767px) {
    .layout-2020 .text-xs-center {
        text-align: center
    }
}

@media (max-width: 1359px) {
    .layout-2020 .text-sm-center {
        text-align: center
    }
}

@media (min-width: 1024px) {
    .layout-2020 .text-md-center {
        text-align: center
    }
}

@media (min-width: 1360px) {
    .layout-2020 .text-lg-center {
        text-align: center
    }
}

@media (max-width: 767px) {
    .layout-2020 .text-xs-right {
        text-align: right
    }
}

@media (max-width: 1359px) {
    .layout-2020 .text-sm-right {
        text-align: right
    }
}

@media (min-width: 1024px) {
    .layout-2020 .text-md-right {
        text-align: right
    }
}

@media (min-width: 1360px) {
    .layout-2020 .text-lg-right {
        text-align: right
    }
}

.layout-2020 .hide-on-mobile {
    display: none
}

@media (min-width: 1023px) {
    .layout-2020 .hide-on-mobile {
        display: block
    }
}

.layout-2020 .show-on-mobile {
    display: none
}

@media (max-width: 1023px) {
    .layout-2020 .show-on-mobile {
        display: block
    }
}

.layout-2020 .hide-on-desktop {
    display: none
}

@media (max-width: 1023px) {
    .layout-2020 .hide-on-desktop {
        display: block
    }
}

.layout-2020 .show-on-desktop {
    display: none
}

@media (min-width: 1023px) {
    .layout-2020 .show-on-desktop {
        display: block
    }
}

@media (max-height: 730px) and (orientation: landscape) {
    .layout-2020 .hide-on-narrow {
        display: none
    }
}

.layout-2020 .show-on-narrow {
    display: none
}

@media (max-height: 730px) and (orientation: landscape) {
    .layout-2020 .show-on-narrow {
        display: block
    }
}

.layout-2020 [class^=col-] {
    position: relative;
    flex: 0 0 auto;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 100%;
    width: 100%
}

.layout-2020 .col-xs-1 {
    flex-basis: 8.3333333333%;
    width: 8.3333333333%
}

.layout-2020 .col-xs-1 .col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.layout-2020 .col-xs-1 .col-xs-offset-right-1 {
    margin-right: 8.3333333333%
}

.layout-2020 .col-xs-2 {
    flex-basis: 16.6666666667%;
    width: 16.6666666667%
}

.layout-2020 .col-xs-2 .col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.layout-2020 .col-xs-2 .col-xs-offset-right-2 {
    margin-right: 16.6666666667%
}

.layout-2020 .col-xs-3 {
    flex-basis: 25%;
    width: 25%
}

.layout-2020 .col-xs-3 .col-xs-offset-3 {
    margin-left: 25%
}

.layout-2020 .col-xs-3 .col-xs-offset-right-3 {
    margin-right: 25%
}

.layout-2020 .col-xs-4 {
    flex-basis: 33.3333333333%;
    width: 33.3333333333%
}

.layout-2020 .col-xs-4 .col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.layout-2020 .col-xs-4 .col-xs-offset-right-4 {
    margin-right: 33.3333333333%
}

.layout-2020 .col-xs-5 {
    flex-basis: 41.6666666667%;
    width: 41.6666666667%
}

.layout-2020 .col-xs-5 .col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.layout-2020 .col-xs-5 .col-xs-offset-right-5 {
    margin-right: 41.6666666667%
}

.layout-2020 .col-xs-6 {
    flex-basis: 50%;
    width: 50%
}

.layout-2020 .col-xs-6 .col-xs-offset-6 {
    margin-left: 50%
}

.layout-2020 .col-xs-6 .col-xs-offset-right-6 {
    margin-right: 50%
}

.layout-2020 .col-xs-7 {
    flex-basis: 58.3333333333%;
    width: 58.3333333333%
}

.layout-2020 .col-xs-7 .col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.layout-2020 .col-xs-7 .col-xs-offset-right-7 {
    margin-right: 58.3333333333%
}

.layout-2020 .col-xs-8 {
    flex-basis: 66.6666666667%;
    width: 66.6666666667%
}

.layout-2020 .col-xs-8 .col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.layout-2020 .col-xs-8 .col-xs-offset-right-8 {
    margin-right: 66.6666666667%
}

.layout-2020 .col-xs-9 {
    flex-basis: 75%;
    width: 75%
}

.layout-2020 .col-xs-9 .col-xs-offset-9 {
    margin-left: 75%
}

.layout-2020 .col-xs-9 .col-xs-offset-right-9 {
    margin-right: 75%
}

.layout-2020 .col-xs-10 {
    flex-basis: 83.3333333333%;
    width: 83.3333333333%
}

.layout-2020 .col-xs-10 .col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.layout-2020 .col-xs-10 .col-xs-offset-right-10 {
    margin-right: 83.3333333333%
}

.layout-2020 .col-xs-11 {
    flex-basis: 91.6666666667%;
    width: 91.6666666667%
}

.layout-2020 .col-xs-11 .col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.layout-2020 .col-xs-11 .col-xs-offset-right-11 {
    margin-right: 91.6666666667%
}

.layout-2020 .col-xs-12 {
    flex-basis: 100%;
    width: 100%
}

.layout-2020 .col-xs-12 .col-xs-offset-12 {
    margin-left: 100%
}

.layout-2020 .col-xs-12 .col-xs-offset-right-12 {
    margin-right: 100%
}

@media (min-width: 768px) {
    .layout-2020 .col-sm-1 {
        flex-basis: 8.3333333333%;
        width: 8.3333333333%
    }

    .layout-2020 .col-sm-1 .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .layout-2020 .col-sm-1 .col-sm-offset-right-1 {
        margin-right: 8.3333333333%
    }

    .layout-2020 .col-sm-2 {
        flex-basis: 16.6666666667%;
        width: 16.6666666667%
    }

    .layout-2020 .col-sm-2 .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .layout-2020 .col-sm-2 .col-sm-offset-right-2 {
        margin-right: 16.6666666667%
    }

    .layout-2020 .col-sm-3 {
        flex-basis: 25%;
        width: 25%
    }

    .layout-2020 .col-sm-3 .col-sm-offset-3 {
        margin-left: 25%
    }

    .layout-2020 .col-sm-3 .col-sm-offset-right-3 {
        margin-right: 25%
    }

    .layout-2020 .col-sm-4 {
        flex-basis: 33.3333333333%;
        width: 33.3333333333%
    }

    .layout-2020 .col-sm-4 .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .layout-2020 .col-sm-4 .col-sm-offset-right-4 {
        margin-right: 33.3333333333%
    }

    .layout-2020 .col-sm-5 {
        flex-basis: 41.6666666667%;
        width: 41.6666666667%
    }

    .layout-2020 .col-sm-5 .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .layout-2020 .col-sm-5 .col-sm-offset-right-5 {
        margin-right: 41.6666666667%
    }

    .layout-2020 .col-sm-6 {
        flex-basis: 50%;
        width: 50%
    }

    .layout-2020 .col-sm-6 .col-sm-offset-6 {
        margin-left: 50%
    }

    .layout-2020 .col-sm-6 .col-sm-offset-right-6 {
        margin-right: 50%
    }

    .layout-2020 .col-sm-7 {
        flex-basis: 58.3333333333%;
        width: 58.3333333333%
    }

    .layout-2020 .col-sm-7 .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .layout-2020 .col-sm-7 .col-sm-offset-right-7 {
        margin-right: 58.3333333333%
    }

    .layout-2020 .col-sm-8 {
        flex-basis: 66.6666666667%;
        width: 66.6666666667%
    }

    .layout-2020 .col-sm-8 .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .layout-2020 .col-sm-8 .col-sm-offset-right-8 {
        margin-right: 66.6666666667%
    }

    .layout-2020 .col-sm-9 {
        flex-basis: 75%;
        width: 75%
    }

    .layout-2020 .col-sm-9 .col-sm-offset-9 {
        margin-left: 75%
    }

    .layout-2020 .col-sm-9 .col-sm-offset-right-9 {
        margin-right: 75%
    }

    .layout-2020 .col-sm-10 {
        flex-basis: 83.3333333333%;
        width: 83.3333333333%
    }

    .layout-2020 .col-sm-10 .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .layout-2020 .col-sm-10 .col-sm-offset-right-10 {
        margin-right: 83.3333333333%
    }

    .layout-2020 .col-sm-11 {
        flex-basis: 91.6666666667%;
        width: 91.6666666667%
    }

    .layout-2020 .col-sm-11 .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .layout-2020 .col-sm-11 .col-sm-offset-right-11 {
        margin-right: 91.6666666667%
    }

    .layout-2020 .col-sm-12 {
        flex-basis: 100%;
        width: 100%
    }

    .layout-2020 .col-sm-12 .col-sm-offset-12 {
        margin-left: 100%
    }

    .layout-2020 .col-sm-12 .col-sm-offset-right-12 {
        margin-right: 100%
    }
}

@media (min-width: 1024px) {
    .layout-2020 .col-md-1 {
        flex-basis: 8.3333333333%;
        width: 8.3333333333%
    }

    .layout-2020 .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .layout-2020 .col-md-offset-right-1 {
        margin-right: 8.3333333333%
    }

    .layout-2020 .col-md-2 {
        flex-basis: 16.6666666667%;
        width: 16.6666666667%
    }

    .layout-2020 .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .layout-2020 .col-md-offset-right-2 {
        margin-right: 16.6666666667%
    }

    .layout-2020 .col-md-3 {
        flex-basis: 25%;
        width: 25%
    }

    .layout-2020 .col-md-offset-3 {
        margin-left: 25%
    }

    .layout-2020 .col-md-offset-right-3 {
        margin-right: 25%
    }

    .layout-2020 .col-md-4 {
        flex-basis: 33.3333333333%;
        width: 33.3333333333%
    }

    .layout-2020 .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .layout-2020 .col-md-offset-right-4 {
        margin-right: 33.3333333333%
    }

    .layout-2020 .col-md-5 {
        flex-basis: 41.6666666667%;
        width: 41.6666666667%
    }

    .layout-2020 .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .layout-2020 .col-md-offset-right-5 {
        margin-right: 41.6666666667%
    }

    .layout-2020 .col-md-6 {
        flex-basis: 50%;
        width: 50%
    }

    .layout-2020 .col-md-offset-6 {
        margin-left: 50%
    }

    .layout-2020 .col-md-offset-right-6 {
        margin-right: 50%
    }

    .layout-2020 .col-md-7 {
        flex-basis: 58.3333333333%;
        width: 58.3333333333%
    }

    .layout-2020 .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .layout-2020 .col-md-offset-right-7 {
        margin-right: 58.3333333333%
    }

    .layout-2020 .col-md-8 {
        flex-basis: 66.6666666667%;
        width: 66.6666666667%
    }

    .layout-2020 .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .layout-2020 .col-md-offset-right-8 {
        margin-right: 66.6666666667%
    }

    .layout-2020 .col-md-9 {
        flex-basis: 75%;
        width: 75%
    }

    .layout-2020 .col-md-offset-9 {
        margin-left: 75%
    }

    .layout-2020 .col-md-offset-right-9 {
        margin-right: 75%
    }

    .layout-2020 .col-md-10 {
        flex-basis: 83.3333333333%;
        width: 83.3333333333%
    }

    .layout-2020 .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .layout-2020 .col-md-offset-right-10 {
        margin-right: 83.3333333333%
    }

    .layout-2020 .col-md-11 {
        flex-basis: 91.6666666667%;
        width: 91.6666666667%
    }

    .layout-2020 .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .layout-2020 .col-md-offset-right-11 {
        margin-right: 91.6666666667%
    }

    .layout-2020 .col-md-12 {
        flex-basis: 100%;
        width: 100%
    }

    .layout-2020 .col-md-offset-12 {
        margin-left: 100%
    }

    .layout-2020 .col-md-offset-right-12 {
        margin-right: 100%
    }
}

@media (min-width: 1360px) {
    .layout-2020 .col-lg-1 {
        flex-basis: 8.3333333333%;
        width: 8.3333333333%
    }

    .layout-2020 .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .layout-2020 .col-lg-offset-right-1 {
        margin-right: 8.3333333333%
    }

    .layout-2020 .col-lg-2 {
        flex-basis: 16.6666666667%;
        width: 16.6666666667%
    }

    .layout-2020 .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .layout-2020 .col-lg-offset-right-2 {
        margin-right: 16.6666666667%
    }

    .layout-2020 .col-lg-3 {
        flex-basis: 25%;
        width: 25%
    }

    .layout-2020 .col-lg-offset-3 {
        margin-left: 25%
    }

    .layout-2020 .col-lg-offset-right-3 {
        margin-right: 25%
    }

    .layout-2020 .col-lg-4 {
        flex-basis: 33.3333333333%;
        width: 33.3333333333%
    }

    .layout-2020 .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .layout-2020 .col-lg-offset-right-4 {
        margin-right: 33.3333333333%
    }

    .layout-2020 .col-lg-5 {
        flex-basis: 41.6666666667%;
        width: 41.6666666667%
    }

    .layout-2020 .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .layout-2020 .col-lg-offset-right-5 {
        margin-right: 41.6666666667%
    }

    .layout-2020 .col-lg-6 {
        flex-basis: 50%;
        width: 50%
    }

    .layout-2020 .col-lg-offset-6 {
        margin-left: 50%
    }

    .layout-2020 .col-lg-offset-right-6 {
        margin-right: 50%
    }

    .layout-2020 .col-lg-7 {
        flex-basis: 58.3333333333%;
        width: 58.3333333333%
    }

    .layout-2020 .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .layout-2020 .col-lg-offset-right-7 {
        margin-right: 58.3333333333%
    }

    .layout-2020 .col-lg-8 {
        flex-basis: 66.6666666667%;
        width: 66.6666666667%
    }

    .layout-2020 .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .layout-2020 .col-lg-offset-right-8 {
        margin-right: 66.6666666667%
    }

    .layout-2020 .col-lg-9 {
        flex-basis: 75%;
        width: 75%
    }

    .layout-2020 .col-lg-offset-9 {
        margin-left: 75%
    }

    .layout-2020 .col-lg-offset-right-9 {
        margin-right: 75%
    }

    .layout-2020 .col-lg-10 {
        flex-basis: 83.3333333333%;
        width: 83.3333333333%
    }

    .layout-2020 .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .layout-2020 .col-lg-offset-right-10 {
        margin-right: 83.3333333333%
    }

    .layout-2020 .col-lg-11 {
        flex-basis: 91.6666666667%;
        width: 91.6666666667%
    }

    .layout-2020 .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .layout-2020 .col-lg-offset-right-11 {
        margin-right: 91.6666666667%
    }

    .layout-2020 .col-lg-12 {
        flex-basis: 100%;
        width: 100%
    }

    .layout-2020 .col-lg-offset-12 {
        margin-left: 100%
    }

    .layout-2020 .col-lg-offset-right-12 {
        margin-right: 100%
    }
}

.layout-2020 .footer {
    font-family: Roboto;
    background-image: linear-gradient(180deg, #00000000 0, #00162e 120px);
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 100px 0 50px 0
}

.layout-2020 .footer p {
    margin-bottom: 15px
}

.layout-2020 .footer a {
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none
}

.layout-2020 .footer a:active, .layout-2020 .footer a:hover {
    color: #fff
}

.layout-2020 .footer a:hover {
    text-decoration: underline
}

.layout-2020 .footer a.button {
    font-size: 14px;
    padding: 15px 50px;
    border-radius: 50px;
    font-weight: 500;
    color: #fff;
    border-color: #fff
}

.layout-2020 .footer a.button:hover {
    color: #fff;
    text-decoration: none
}

.layout-2020 .footer__links {
    margin-bottom: 40px
}

.layout-2020 .footer__links__columns {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 24px;
    column-gap: 24px
}

@media (min-width: 768px) {
    .layout-2020 .footer__links__columns {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (min-width: 1024px) {
    .layout-2020 .footer__links__columns {
        -moz-column-count: 4;
        column-count: 4
    }
}

.layout-2020 .footer__links__columns span {
    display: block
}

@media (max-width: 767px) {
    .layout-2020 .footer__links__columns span {
        text-align: center
    }
}

.layout-2020 .footer__links__columns a {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    white-space: normal;
    letter-spacing: 0;
    overflow: hidden;
    line-height: 20px
}

.layout-2020 .footer__link {
    display: inline-block;
    margin-bottom: 20px
}

.layout-2020 .footer__link__icon {
    display: block;
    height: 40px
}

@media (max-width: 767px) {
    .layout-2020 .footer__link__icon {
        margin-top: 20px
    }
}

.layout-2020 .footer__link__icon svg {
    max-height: 40px
}

.layout-2020 .footer__notifications a.button {
    border-width: 2px;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .layout-2020 .footer__notifications a.button {
        width: 100%
    }
}

.layout-2020 .footer__notifications a.button svg path {
    fill: #fff
}

.layout-2020 .footer__notifications a.button:hover {
    background-color: #fff;
    color: #000
}

.layout-2020 .footer__notifications a.button:hover svg path {
    fill: #000
}

.layout-2020 .footer__applications__logo {
    display: inline-block;
    width: 72px;
    height: 72px;
    background: url("") 50% no-repeat;
    background-size: contain;
    margin-right: 20px
}

.layout-2020 .footer__applications__desc {
    font-size: 14px;
    line-height: 20px
}

.layout-2020 .footer__applications__all {
    line-height: 20px
}

.layout-2020 .footer__applications__all span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    padding-left: 5px
}

.layout-2020 .footer__applications__buttons {
    margin: 20px 0
}

.layout-2020 .footer__applications__buttons a.button_agallery, .layout-2020 .footer__applications__buttons a.button_android, .layout-2020 .footer__applications__buttons a.button_ios {
    display: inline-block;
    justify-content: center;
    margin: 20px 20px 0 0;
    height: 46px;
    width: 165px
}

.layout-2020 .footer__description__title {
    font-size: 14px
}

.layout-2020 .footer__description__text {
    font-size: 11px;
    color: #a4c5cc
}

.layout-2020 .footer__description a {
    font-size: 12px
}

.layout-2020 header {
    position: fixed;
    height: 100px;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    background: linear-gradient(180deg, #000 27.78%, rgba(4, 2, 17, 0) 98.53%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: height .5s, top .5s
}

.layout-2020 header.hidden-header {
    top: -100px
}

@media (max-width: 767px) {
    .layout-2020 header {
        transition: height .5s, background .5s, top .5s
    }
}

.layout-2020 header a {
    color: #fff
}

.layout-2020 .active-sub {
    height: 300px
}

@media (max-width: 767px) {
    .layout-2020 .active-sub {
        height: 200vh;
        overflow: hidden;
        background: linear-gradient(180deg, #000 0, #000000bd 50%, rgba(4, 2, 17, 0) 100%)
    }
}

.layout-2020 .active-sub .header::before {
    pointer-events: auto;
    opacity: .5
}

.layout-2020 .active-sub .header__menu-field {
    background-color: #fff
}

@media (max-width: 767px) {
    .layout-2020 .active-sub .header__menu-field {
        z-index: 99999
    }
}

.layout-2020 .active-sub .header__menu-field .dropdown-arrow {
    transform: rotate(-180deg)
}

.layout-2020 .active-sub .header__menu-field .dropdown-arrow::after, .layout-2020 .active-sub .header__menu-field .dropdown-arrow::before {
    background-color: #000
}

@media (max-width: 767px) {
    .layout-2020 .active-sub .header__menu-field .dropdown-arrow {
        display: none
    }
}

.layout-2020 .active-sub .header__menu-field::before {
    background-color: #000 !important;
    transform: rotate(-45deg)
}

.layout-2020 .active-sub .header__menu-field::after {
    background-color: #000 !important;
    transform: rotate(45deg)
}

.layout-2020 .active-sub .header__page-title {
    display: none
}

.layout-2020 .active-sub .header__menu-field-text-active-sub {
    display: block;
    letter-spacing: 0
}

.layout-2020 .active-sub .header__burger {
    background-color: #000;
    transform: rotate(90deg)
}

.layout-2020 .active-sub .header__burger::after, .layout-2020 .active-sub .header__burger::before {
    background-color: #000
}

@media (max-width: 767px) {
    .layout-2020 .active-sub .header__burger {
        transform: none;
        background-color: transparent
    }

    .layout-2020 .active-sub .header__burger::after {
        transform: rotate(-45deg);
        top: 0
    }

    .layout-2020 .active-sub .header__burger::before {
        transform: rotate(45deg);
        top: 0
    }
}

.layout-2020 .active-sub .sub-header {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    top: 0;
    height: calc(100vh - 100px);
    overflow-y: auto;
    align-items: flex-start
}

.layout-2020 .show-shadow {
    height: 300px
}

.layout-2020 .show-shadow .header::before {
    pointer-events: auto;
    opacity: .5;
    height: 170px
}

.layout-2020 .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    width: 100%
}

.layout-2020 .header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    pointer-events: none;
    height: 80px;
    background: linear-gradient(180deg, #000 80%, transparent 100%);
    z-index: 1;
    opacity: 0;
    transition: all .5s
}

.layout-2020 .header__geo-and-search-block, .layout-2020 .header__left-block, .layout-2020 .header__menu-field, .layout-2020 .header__right-block, .layout-2020 .header__social-block-wrapper {
    display: flex;
    align-items: center
}

.layout-2020 .header__logo {
    margin-top: 5px
}

@media (max-width: 767px) {
    .layout-2020 .header__logo {
        margin-right: 30px
    }
}

@media (min-width: 768px) {
    .layout-2020 .header__logo {
        margin-right: 52px
    }
}

@media (min-width: 1024px) {
    .layout-2020 .header__logo {
        margin-right: 45px
    }
}

.layout-2020 .header__menu-field {
    position: relative;
    width: 228px;
    height: 33px;
    padding: 0 16px;
    border: 1px solid #ffffff80;
    border-radius: 50px;
    cursor: pointer;
    transition: border-color .5s, background-color .5s;
    outline: 0
}

@media (min-width: 768px) and (hover: hover) {
    .layout-2020 .header__menu-field:hover {
        border-color: #fff
    }

    .layout-2020 .header__menu-field:hover::before {
        background-color: #fff
    }

    .layout-2020 .header__menu-field:hover::after {
        background-color: #fff
    }

    .layout-2020 .header__menu-field:hover .header__burger {
        background-color: #fff !important
    }

    .layout-2020 .header__menu-field:hover .header__burger::before {
        background-color: #fff !important;
        transition: background-color .5s
    }

    .layout-2020 .header__menu-field:hover .header__burger::after {
        background-color: #fff !important;
        transition: background-color .5s
    }
}

@media (max-width: 767px) {
    .layout-2020 .header__menu-field {
        width: auto;
        border-color: #fff
    }

    .layout-2020 .header__menu-field::after, .layout-2020 .header__menu-field::before {
        display: none
    }
}

@media (min-width: 1600px) {
    .layout-2020 .header__menu-field {
        display: none
    }
}

.layout-2020 .header__menu-field .dropdown-arrow {
    right: 15px
}

.layout-2020 .header__menu-field-text-active-sub {
    color: #000;
    text-transform: none;
    display: none;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px
}

@media (max-width: 767px) {
    .layout-2020 .header__menu-field-text-active-sub {
        display: none !important
    }
}

.layout-2020 .header__burger {
    width: 16px;
    height: 3px;
    background-color: #ffffff80;
    border-radius: 1px;
    position: relative;
    margin-right: 14px;
    transition: all .5s
}

.layout-2020 .header__burger::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    top: -6px;
    background-color: #ffffff80;
    border-radius: 1px;
    transition: all .5s
}

.layout-2020 .header__burger::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    top: 6px;
    background-color: #ffffff80;
    border-radius: 1px;
    transition: all .5s
}

@media (max-width: 767px) {
    .layout-2020 .header__burger {
        margin-right: 0;
        background-color: #fff
    }

    .layout-2020 .header__burger::after, .layout-2020 .header__burger::before {
        background-color: #fff
    }
}

.layout-2020 .header__page-title {
    position: relative;
    padding-left: 18px
}

.layout-2020 .header__page-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    background-color: #f32b4f;
    border-radius: 100%;
    top: 50%;
    transform: translate(0, -50%)
}

@media (max-width: 767px) {
    .layout-2020 .header__page-title {
        display: none
    }
}

.layout-2020 .header__right-block {
    width: 100%;
    max-width: 496px;
    justify-content: flex-end
}

.layout-2020 .header__right-block_with-open-share::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    z-index: 1130;
    height: 70px
}

.layout-2020 .header__advertising-block {
    display: block;
    cursor: pointer
}

@media (max-width: 767px) {
    .layout-2020 .header__advertising-block {
        display: none
    }
}

.layout-2020 .header__social-block {
    position: relative;
    justify-content: space-between;
    margin-right: 36px;
    margin-left: 12px
}

@media (max-width: 1023px) {
    .layout-2020 .header__social-block {
        width: 36px;
        height: 36px;
        padding: 0;
        margin-right: 30px;
        margin-left: 30px
    }

    .layout-2020 .header__social-block.mobile-hover {
        z-index: 1120
    }

    .layout-2020 .header__social-block.mobile-hover .header__social-block-wrapper {
        opacity: 1;
        visibility: visible
    }

    .layout-2020 .header__social-block.mobile-hover .header__social-block-icon {
        background-color: #fff
    }

    .layout-2020 .header__social-block.mobile-hover .header__social-block-icon path {
        fill: #000
    }
}

@media (hover: hover) {
    .layout-2020 .header__social-block:hover {
        z-index: 1120
    }

    .layout-2020 .header__social-block:hover .header__social-block-wrapper {
        opacity: 1;
        visibility: visible
    }

    .layout-2020 .header__social-block:hover .header__social-block-icon {
        background-color: #fff
    }

    .layout-2020 .header__social-block:hover .common-social-icon {
        fill: #000
    }
}

@media (max-width: 767px) {
    .layout-2020 .header__social-block {
        margin-right: 26px;
        margin-left: 0
    }
}

.layout-2020 .header__social-block-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid transparent;
    border-radius: 20px;
    transition: all .5s
}

@media (min-width: 1024px) {
    .layout-2020 .header__social-block-icon {
        display: none
    }
}

.layout-2020 .header__social-block-icon svg {
    margin-right: 4px
}

.layout-2020 .header__social-block-text {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    color: #878787;
    font-weight: 400;
    text-transform: none;
    margin-right: 32px
}

@media (min-width: 1024px) {
    .layout-2020 .header__social-block-text {
        display: none
    }
}

@media (max-width: 767px) {
    .layout-2020 .header__social-block-text {
        position: absolute;
        left: 0;
        top: -15px;
        text-align: center;
        width: 100%;
        margin-right: 0
    }
}

@media (max-width: 1023px) {
    .layout-2020 .header__social-block-wrapper {
        position: absolute;
        left: -275px;
        top: auto;
        padding-top: 20px;
        visibility: hidden;
        opacity: 0;
        width: 390px;
        transition: opacity .5s, visibility .5s
    }
}

@media (max-width: 767px) {
    .layout-2020 .header__social-block-wrapper {
        position: fixed;
        justify-content: space-around;
        left: 0;
        width: 100%;
        padding: 20px;
        margin-top: 36px
    }
}

.layout-2020 .header__social-element {
    position: relative;
    width: 36px;
    height: 36px
}

.layout-2020 .header__social-element:not(:last-child) {
    margin-right: 5px
}

.layout-2020 .header__social-element_fb svg {
    margin-left: -1px
}

.layout-2020 .header__geo-and-search-block {
    width: 80px;
    justify-content: center
}

@media (max-width: 767px) {
    .layout-2020 .header__geo-and-search-block {
        width: auto
    }
}

.layout-2020 .header__geo {
    position: relative;
    margin-right: 5px;
    cursor: pointer;
    width: 36px;
    height: 36px
}

.layout-2020 .header__geo::before {
    right: 5px;
    left: auto
}

.layout-2020 .header__geo::after {
    right: 3px;
    left: auto
}

@media (max-width: 767px) {
    .layout-2020 .header__geo {
        margin-right: 14px
    }
}

.layout-2020 .header__geo_active {
    z-index: 1120;
    outline: 0;
    background-color: #fff
}

.layout-2020 .header__geo_active::after, .layout-2020 .header__geo_active::before {
    background-color: #000 !important
}

.layout-2020 .header__geo_active path {
    fill: #000 !important
}

.layout-2020 .header__geo_active .dropdown-arrow {
    transform: rotate(-180deg)
}

.layout-2020 .header__geo_active .dropdown-arrow::after, .layout-2020 .header__geo_active .dropdown-arrow::before {
    background-color: #000
}

.layout-2020 .header__geo svg {
    margin-right: 5px
}

.layout-2020 .header__geo .dropdown-arrow {
    right: 3px
}

.layout-2020 .header__search_active {
    z-index: 1120;
    outline: 0;
    background-color: #fff
}

.layout-2020 .header__search_active path {
    fill: #000000e1 !important
}

.layout-2020 .sub-header {
    position: absolute;
    top: -100vh;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 1;
    transition: opacity .5s;
    opacity: 0
}

@media (min-width: 1600px) {
    .layout-2020 .sub-header {
        opacity: 1;
        position: absolute;
        top: 28px;
        left: 100px;
        width: auto;
        pointer-events: auto
    }
}

.layout-2020 .sub-header__left-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 26px !important;
    align-items: flex-start
}

@media (max-width: 1023px) {
    .layout-2020 .sub-header__left-column {
        order: 1
    }

    .layout-2020 .sub-header__left-column .sub-header__dropdown-column-descriptiion, .layout-2020 .sub-header__left-column .sub-header__watching-now {
        display: none
    }
}

.layout-2020 .sub-header__watching-now {
    display: block
}

.layout-2020 .sub-header__watching-now img {
    width: 100%;
    margin-bottom: 6px
}

.layout-2020 .sub-header__watching-now-title {
    color: #39a0ff;
    margin-bottom: 24px
}

.layout-2020 .sub-header__watching-now-title:hover {
    text-decoration: underline
}

.layout-2020 .sub-header__links {
    display: flex
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__links {
        flex-direction: column;
        align-items: flex-start
    }
}

.layout-2020 .sub-header__link {
    z-index: 0;
    position: relative;
    padding: 6px 14px;
    border-radius: 50px;
    border: 1px solid transparent;
    background-clip: padding-box;
    transition: border-color .5s, z-index .5s;
    transition-delay: 150ms
}

.layout-2020 .sub-header__link:hover {
    border-color: #fff
}

@media (min-width: 1024px) {
    .layout-2020 .sub-header__link {
        margin-right: 10px
    }
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__link {
        margin-bottom: 20px
    }
}

.layout-2020 .sub-header__link_with-dropdown {
    position: relative;
    padding: 0
}

.layout-2020 .sub-header__link_with-dropdown .sub-header__link-title {
    padding-right: 20px !important
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__link_with-dropdown::before {
        top: 15px
    }

    .layout-2020 .sub-header__link_with-dropdown::after {
        top: 17px;
        right: 14px
    }
}

.layout-2020 .sub-header__link_active {
    background-color: #fff;
    color: #000 !important
}

.layout-2020 .sub-header__link_active:hover {
    border-color: transparent !important
}

.layout-2020 .sub-header__link_live {
    padding-left: 30px
}

.layout-2020 .sub-header__link_live::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    left: 16px;
    background-color: #f32b4f;
    border-radius: 100%;
    top: 50%;
    transform: translate(0, -50%)
}

.layout-2020 .sub-header__all-elements-link {
    font-weight: 500;
    text-decoration: underline;
    padding-bottom: 7px;
    position: relative;
    margin-top: 70px;
    display: flex;
    align-items: center
}

@media (max-width: 1023px) {
    .layout-2020 .sub-header__all-elements-link {
        margin-top: 40px;
        width: calc(33.333333% - 24px)
    }
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__all-elements-link {
        width: 100%
    }
}

.layout-2020 .sub-header__all-elements-link::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: url("") no-repeat;
    margin-right: 10px
}

.layout-2020 .sub-header__dropdown-wrapper {
    margin-right: 10px
}

.layout-2020 .sub-header__dropdown-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: #000;
    opacity: 0;
    transition: opacity .2s;
    transition-delay: 150ms
}

.layout-2020 .sub-header__dropdown-wrapper::before {
    z-index: 100
}

.layout-2020 .sub-header__dropdown-wrapper.mobile-hover::before {
    pointer-events: auto
}

.layout-2020 .sub-header__dropdown-wrapper.mobile-hover .sub-header__dropdown-menu {
    visibility: visible;
    opacity: 1;
    transition: visibility .5s, opacity .5s, left .5s
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__dropdown-wrapper.mobile-hover .sub-header__dropdown-menu {
        left: 0
    }
}

.layout-2020 .sub-header__dropdown-wrapper.mobile-hover .sub-header__link {
    border-color: #fff
}

.layout-2020 .sub-header__dropdown-wrapper.mobile-hover .sub-header__link_with-dropdown {
    z-index: 300
}

@media (min-width: 768px) {
    .layout-2020 .sub-header__dropdown-wrapper.mobile-hover::before {
        opacity: .9
    }
}

.layout-2020 .sub-header__dropdown-wrapper.mobile-hover .dropdown-arrow {
    transform: rotate(-180deg)
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__dropdown-wrapper.mobile-hover .dropdown-arrow {
        transform: rotate(-90deg)
    }
}

@media (hover: hover) and (min-width: 768px) {
    .layout-2020 .sub-header__dropdown-wrapper:hover::before {
        opacity: .9;
        transition: opacity .5s
    }

    .layout-2020 .sub-header__dropdown-wrapper:hover .sub-header__dropdown-menu {
        visibility: visible;
        opacity: 1;
        transition: visibility .5s, opacity .5s, left .5s
    }
}

@media (hover: hover) and (min-width: 768px) and (max-width: 767px) {
    .layout-2020 .sub-header__dropdown-wrapper:hover .sub-header__dropdown-menu {
        left: 0
    }
}

@media (hover: hover) and (min-width: 768px) {
    .layout-2020 .sub-header__dropdown-wrapper:hover .sub-header__link_with-dropdown {
        z-index: 300
    }

    .layout-2020 .sub-header__dropdown-wrapper:hover .sub-header__link_with-dropdown::before {
        transform: rotate(-45deg)
    }

    .layout-2020 .sub-header__dropdown-wrapper:hover .sub-header__link_with-dropdown::after {
        transform: rotate(45deg)
    }
}

.layout-2020 .sub-header__link_with-dropdown {
    transition: z-index .5s, border-color .5s;
    margin-right: 0
}

@media (hover: hover) and (min-width: 768px) {
    .layout-2020 .sub-header__link_with-dropdown:hover .dropdown-arrow {
        transform: rotate(-180deg)
    }
}

.layout-2020 .sub-header__link-title {
    display: block;
    padding: 6px 14px
}

.layout-2020 .sub-header__link-title .dropdown-arrow {
    right: 9px
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__link-title .dropdown-arrow {
        transform: rotate(-90deg)
    }
}

@media (max-width: 767px) and (hover: hover) and (min-width: 768px) {
    .layout-2020 .sub-header__link-title:hover .dropdown-arrow {
        transform: rotate(-260deg)
    }
}

.layout-2020 .sub-header__dropdown-menu {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh;
    z-index: 200;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 124px;
    padding-top: 38px;
    padding-bottom: 40px;
    text-transform: none;
    transition: visibility .2s, opacity .2s;
    transition-delay: 150ms
}

@media (min-width: 768px) {
    .layout-2020 .sub-header__dropdown-menu .container {
        padding-bottom: 100px
    }
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__dropdown-menu {
        height: calc(100% - 86px);
        top: 86px;
        width: 100%;
        padding-bottom: 150px;
        border-radius: 25px 25px 0 0;
        background-color: #0c090f;
        padding-top: 0;
        padding-left: 60px;
        padding-right: 20px;
        padding-bottom: 80px;
        visibility: visible;
        opacity: 1;
        left: 120%;
        transition: left .5s
    }
}

@media (min-width: 1024px) {
    .layout-2020 .sub-header__dropdown-menu {
        margin: 0 auto;
        max-width: 1000px
    }
}

@media (min-width: 1360px) {
    .layout-2020 .sub-header__dropdown-menu {
        max-width: 1336px
    }
}

@media (min-width: 1600px) {
    .layout-2020 .sub-header__dropdown-menu {
        top: 63px
    }
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__dropdown-row-descriptiion {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        display: block;
        z-index: 1;
        background-color: #0c090f
    }
}

.layout-2020 .sub-header__dropdown-column-descriptiion {
    font-weight: 400;
    margin-bottom: 20px;
    color: #777
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__dropdown-column-descriptiion {
        padding-top: 30px;
        padding-bottom: 15px;
        margin-right: 34px;
        width: calc(100% - 106px);
        z-index: 1
    }

    .layout-2020 .sub-header__dropdown-column-descriptiion::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        width: calc(100% + 38px);
        height: 100px;
        z-index: -1;
        background: linear-gradient(180deg, #0c0910 85%, transparent 100%);
        top: 0;
        left: -38px
    }
}

.layout-2020 .sub-header__back-arrow {
    display: none;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 20px;
    border: 1px solid #fff;
    position: absolute;
    left: 20px
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__back-arrow {
        display: flex;
        left: -45px;
        top: 20px
    }
}

.layout-2020 .sub-header__back-arrow:active {
    background-color: #fff
}

.layout-2020 .sub-header__back-arrow:active path {
    fill: #000
}

.layout-2020 .sub-header__shows-wrapper {
    margin-top: -8px;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 24px;
    column-gap: 24px
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__shows-wrapper {
        -moz-column-count: 1;
        column-count: 1
    }

    .layout-2020 .sub-header__shows-wrapper {
        max-height: inherit !important
    }
}

.layout-2020 .sub-header__shows-wrapper_sport {
    -moz-column-count: 3;
    column-count: 3
}

.layout-2020 .sub-header__shows-wrapper_hover-on-link .sub-header__show {
    color: #737373
}

.layout-2020 .sub-header__show {
    display: block;
    transition: color .5s;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.layout-2020 .sub-header__show:hover {
    color: #fff !important
}

@media (max-width: 767px) {
    .layout-2020 .sub-header__show {
        padding-bottom: 10px
    }
}

.layout-2020 .sub-header__show-title {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid transparent;
    border-radius: 20px;
    margin-left: -10px;
    transition: border-color .5s
}

@media (min-width: 1600px) {
    .layout-2020 .sub-header__close-btn {
        display: none !important
    }
}

.layout-2020 .location-popup {
    position: relative;
    letter-spacing: 0;
    opacity: 0;
    visibility: hidden;
    max-height: 100%;
    transition: opacity .5s, visibility .5s;
    z-index: 1
}

.layout-2020 .location-popup::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: #000;
    opacity: 0;
    transition: opacity .2s;
    transition-delay: 150ms
}

.layout-2020 .location-popup::before {
    opacity: .9;
    z-index: 1100;
    pointer-events: inherit
}

.layout-2020 .location-popup_active {
    opacity: 1;
    visibility: visible
}

.layout-2020 .location-popup__close-btn {
    position: absolute !important;
    top: -8px;
    right: 13px
}

.layout-2020 .location-popup__container {
    padding-bottom: 100px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    transform: translate(-50%, 0);
    z-index: 1110;
    max-height: 100vh;
    overflow: auto
}

.layout-2020 .location-popup__title {
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #777
}

.layout-2020 .location-popup__active-city {
    color: #fff;
    font-weight: 700
}

.layout-2020 .location-popup__cities {
    margin-top: 20px;
    text-transform: none;
    font-size: 14px;
    -moz-column-count: 4;
    column-count: 4;
    -moz-column-gap: 24px;
    column-gap: 24px;
    padding-bottom: 100px
}

@media (max-width: 1023px) {
    .layout-2020 .location-popup__cities {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (max-width: 767px) {
    .layout-2020 .location-popup__cities {
        -moz-column-count: 1;
        column-count: 1
    }
}

.layout-2020 .location-popup__city {
    display: block;
    position: relative;
    padding: 4px 0;
    padding-left: 40px;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    transition: all .5s
}

.layout-2020 .location-popup__city:hover {
    color: #fff
}

.layout-2020 .location-popup__city_with-margin {
    margin-top: 20px
}

.layout-2020 .location-popup__city-first-letter {
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 24px;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 400
}

.layout-2020 .search-block {
    position: relative;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s
}

.layout-2020 .search-block_active {
    opacity: 1;
    visibility: visible
}

.layout-2020 .search-block .container {
    position: relative;
    z-index: 1110
}

.layout-2020 .search-block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: #000;
    opacity: 0;
    transition: opacity .2s;
    transition-delay: 150ms
}

.layout-2020 .search-block::before {
    opacity: .9;
    z-index: 1100;
    pointer-events: inherit
}

.layout-2020 .search-block__input {
    color: #fff;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    padding: 20px 50px 20px 10px;
    width: 100%;
    height: 30px;
    background: inherit;
    border: none;
    border-bottom: 3px solid #fff
}

.layout-2020 .search-block__input:focus {
    outline: 0
}

.layout-2020 .search-block__input:focus::-webkit-input-placeholder {
    color: transparent
}

.layout-2020 .search-block__input:focus::-moz-placeholder {
    color: transparent
}

.layout-2020 .search-block__input:focus:-ms-input-placeholder {
    color: transparent
}

.layout-2020 .search-block__input:focus::-ms-input-placeholder {
    color: transparent
}

.layout-2020 .search-block__input:focus::placeholder {
    color: transparent
}

.layout-2020 .search-block__input::-webkit-input-placeholder {
    color: #fff;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

.layout-2020 .search-block__input::-moz-placeholder {
    color: #fff;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

.layout-2020 .search-block__input:-ms-input-placeholder {
    color: #fff;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

.layout-2020 .search-block__input::-ms-input-placeholder {
    color: #fff;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

.layout-2020 .search-block__input::placeholder {
    color: #fff;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

@media (max-width: 767px) {
    .layout-2020 .search-block__input::-webkit-input-placeholder {
        font-size: 13px
    }

    .layout-2020 .search-block__input::-moz-placeholder {
        font-size: 13px
    }

    .layout-2020 .search-block__input:-ms-input-placeholder {
        font-size: 13px
    }

    .layout-2020 .search-block__input::-ms-input-placeholder {
        font-size: 13px
    }

    .layout-2020 .search-block__input::placeholder {
        font-size: 13px
    }
}

.layout-2020 .search-block__text {
    padding: 20px 10px;
    text-transform: none;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4a9fff
}

@media (max-width: 767px) {
    .layout-2020 .search-block__text {
        font-size: 12px
    }
}

.layout-2020 .search-block__text_link {
    color: inherit;
    font-weight: 700;
    border-bottom: 1px dashed #4a9fff
}

.layout-2020 .search-block__input-container {
    position: relative
}

.layout-2020 .search-block__search-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.layout-2020 .search-block__search-btn:hover path {
    fill: #4a9fff
}

.layout-2020 .search-block ul.ui-autocomplete {
    display: none !important;
    position: absolute;
    padding: 0;
    max-width: 100%;
    z-index: 1110;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    background-color: #000;
    list-style: none;
    border: none;
    color: #fff;
    text-transform: none
}

@media (max-width: 767px) {
    .layout-2020 .search-block ul.ui-autocomplete {
        margin: auto;
        max-width: 100%
    }
}

@media (min-width: 1024px) {
    .layout-2020 .search-block ul.ui-autocomplete {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        left: 0 !important;
        right: 0 !important;
        width: 984px !important
    }
}

@media (min-width: 1360px) {
    .layout-2020 .search-block ul.ui-autocomplete {
        max-width: 1320px !important;
        width: 1320px !important
    }
}

.layout-2020 .search-block ul.ui-autocomplete li.ui-menu-item {
    padding: 20px 15px;
    border-top: none;
    cursor: pointer
}

.layout-2020 .search-block ul.ui-autocomplete li.ui-menu-item:first-child {
    margin-top: 20px;
    border: none
}

.layout-2020 .search-block ul.ui-autocomplete li.ui-menu-item:hover {
    color: #fff;
    background-color: #58a6dd
}

.layout-2020 .search-block ul.ui-autocomplete li.ui-menu-item:active {
    color: #fff;
    background-color: #05519d
}

.layout-2020 .search-block ul.ui-autocomplete li.ui-menu-item.ui-state-focus {
    color: #fff;
    background-color: #58a6dd
}

.layout-2020 .search-block ul.ui-autocomplete li.ui-menu-item--date::before {
    display: inline-block;
    content: url("");
    margin-right: 10px;
    width: 20px;
    height: 36px;
    vertical-align: middle
}

.layout-2020 .main-menu-promo svg {
    pointer-events: none
}

.layout-2020 .main-menu-promo svg path, .layout-2020 .main-menu-promo svg polygon {
    fill: #fff
}

.layout-2020 .main-menu-promo svg [stroke^="#"] {
    stroke: #fff
}

.layout-2020 {
    font-family: Roboto
}

.layout-2020 .player__container {
    padding-bottom: 20px
}

.layout-2020 .player__container .interactivity-buttons, .layout-2020 .player__container .position-info {
    display: none !important
}

@media (min-width: 1024px) {
    .layout-2020 .player__container .button {
        margin-left: 10px;
        margin-right: 10px
    }
}

.layout-2020 .player__container .button_audio, .layout-2020 .player__container .button_feedback {
    padding: 10px;
    width: 40px;
    height: 40px;
    margin-bottom: 30px
}

.layout-2020 .player__container .button_audio:after, .layout-2020 .player__container .button_feedback:after {
    position: absolute;
    bottom: -30px;
    min-width: 60px;
    font-size: 9px;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .layout-2020 .player__container .button_audio {
        margin-bottom: 50px
    }
}

.layout-2020 .player__container .button_audio:after {
    content: "Аудио-версия"
}

.layout-2020 .player__container .button_feedback:after {
    content: "Сообщить о проблеме"
}

.layout-2020 .player__container .button_share-link:after {
    content: "Поделиться";
    bottom: -20px
}

.layout-2020 .player__container__left {
    order: 2;
    text-align: left;
    flex-direction: row
}

@media (min-width: 768px) {
    .layout-2020 .player__container__left {
        flex-direction: column;
        order: 1;
        text-align: center
    }
}

.layout-2020 .player__container__middle {
    order: 1
}

@media (min-width: 768px) {
    .layout-2020 .player__container__middle {
        order: 2
    }
}

.layout-2020 .player__container__middle .button {
    margin-right: 20px;
    transition: background .2s linear, border .2s linear, color .2s linear
}

@media (min-width: 1024px) {
    .layout-2020 .player__container__middle .button {
        margin-left: 0
    }
}

.layout-2020 .player__container__middle .button_active {
    padding-left: 33px
}

.layout-2020 .player__container__middle .button_active:before {
    content: "";
    position: absolute;
    left: 13px;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background-color: #ed1958
}

@media (max-width: 767px) {
    .layout-2020 .player__container__middle .ratio-16-9 {
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 0;
        padding-right: 0
    }
}

.layout-2020 .player__container__right {
    order: 3;
    text-align: right
}

@media (max-width: 767px) {
    .layout-2020 .player__container__right {
        align-self: flex-start
    }
}

@media (min-width: 768px) {
    .layout-2020 .player__container__right {
        order: 3;
        text-align: center
    }
}

.layout-2020 .player__container__right .button {
    margin-bottom: 8px;
    margin-top: 8px
}

.layout-2020 .player__container__right .button:last-child {
    margin-bottom: 20px
}

.layout-2020 .player__container .ratio-16-9 {
    position: relative
}

.layout-2020 .player__container .ratio-16-9:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%
}

.layout-2020 .player__container .embedlive-remote {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    border: none;
    width: 100%;
    height: 100%
}

.layout-2020 article.live .schedule {
    position: relative
}

.layout-2020 article.live .schedule-line {
    height: 130px;
    margin: 0 auto 20px auto;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.layout-2020 article.live .schedule-line .card {
    height: 100%;
    width: 250px;
    padding: 15px 20px;
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    line-height: 0;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .1);
    background-color: #01081a;
    cursor: pointer;
    transition: all .2s;
    color: #7eb4f3;
    opacity: .7
}

.layout-2020 article.live .schedule-line .card:hover {
    color: #fff;
    opacity: 1
}

.layout-2020 article.live .schedule-line .card .time {
    font-size: 14px;
    font-weight: 900;
    line-height: 25px
}

.layout-2020 article.live .schedule-line .card.banner {
    width: 250px;
    opacity: 1;
    cursor: pointer !important;
    padding: 0
}

.layout-2020 article.live .schedule-line .card .on-air, .layout-2020 article.live .schedule-line .card .watching-now {
    display: none;
    font-size: 12px;
    line-height: 10px
}

.layout-2020 article.live .schedule-line .card .watching-now {
    padding-left: 10px
}

.layout-2020 article.live .schedule-line .card .on-air:before {
    content: "";
    display: inline-block;
    margin: 0 3px 1px 4px;
    width: 6px;
    height: 6px;
    border-radius: 20px;
    background-color: #f32b4f
}

.layout-2020 article.live .schedule-line .card.current .watching-now, .layout-2020 article.live .schedule-line .card.now .on-air {
    display: inline
}

.layout-2020 article.live .schedule-line .card.current.now .watching-now {
    display: none
}

.layout-2020 article.live .schedule-line .card .title {
    max-height: 45px;
    overflow: hidden
}

.layout-2020 article.live .schedule-line .card .title__text, .layout-2020 article.live .schedule-line .card .title__text * {
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px
}

.layout-2020 article.live .schedule-line .card .age {
    display: none;
    margin-left: 5px;
    padding: 0 1px;
    height: 15px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    border: 1px solid #7eb4f3;
    border-radius: 2px;
    vertical-align: middle;
    text-decoration: none
}

.layout-2020 article.live .schedule-line .card .button {
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    bottom: 15px;
    margin: 0;
    padding: 0 17px 0 9px;
    height: 20px
}

.layout-2020 article.live .schedule-line .card .button_play:after, .layout-2020 article.live .schedule-line .card .button_play:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    left: auto;
    right: 8px;
    top: calc(50% - 3px);
    width: 5px;
    height: 6px;
    transition: opacity .2s linear
}

.layout-2020 article.live .schedule-line .card .button_play:before {
    background: 50% 50% no-repeat;
    background-size: 5px 6px;
    background-image: url("")
}

.layout-2020 article.live .schedule-line .card .button_play:after {
    opacity: 0;
    background: 50% 50% no-repeat;
    background-size: 5px 6px;
    background-image: url("")
}

.layout-2020 article.live .schedule-line .card .button_play:hover:after {
    opacity: 1
}

.layout-2020 article.live .schedule-line .card.unavailable {
    opacity: .5
}

.layout-2020 article.live .schedule-line .card.unavailable:hover {
    color: #7eb4f3
}

.layout-2020 article.live .schedule-line .card.unavailable .button_play {
    display: none
}

.layout-2020 article.live .schedule-line .card .hbbtv-icon_live {
    display: inline-block;
    width: 70px;
    height: 10px;
    vertical-align: -1px;
    box-sizing: content-box;
    z-index: 101;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 70px 10px;
    transition: opacity .2s linear
}

.layout-2020 article.live .schedule-line .card .hbbtv-icon_live:hover {
    cursor: pointer
}

.layout-2020 article.live .schedule-line .card.now {
    color: #fff
}

.layout-2020 article.live .schedule-line .card.now .time {
    font-size: 16px
}

.layout-2020 article.live .schedule-line .card.current .button_play {
    display: none
}

.layout-2020 article.live .schedule__banner {
    margin: 30px auto 0 auto
}

@media (max-width: 767px) {
    .layout-2020 article.live .schedule__banner {
        display: none
    }
}

.layout-2020 .kino1tv {
    font-family: Roboto;
    font-size: 16px;
    line-height: 20px
}

.layout-2020 .kino1tv_sample {
    color: transparent;
    text-shadow: 0 0 6px #4a9eff
}

.layout-2020 .kino1tv_sample img {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.layout-2020 .kino1tv_sample .kino1tv__genre {
    color: transparent
}

@media (max-width: 1023px) {
    .layout-2020 .kino1tv {
        font-size: 12px;
        line-height: 17px
    }
}

.layout-2020 .kino1tv__container {
    overflow: hidden
}

@media (min-width: 768px) {
    .layout-2020 .kino1tv__container .row {
        flex-wrap: nowrap
    }
}

.layout-2020 .kino1tv__title-wrapper {
    font-family: Montserrat;
    text-align: center;
    color: #4a9eff;
    margin: 60px 0 30px 0
}

.layout-2020 .kino1tv__logo {
    margin-bottom: 5px
}

.layout-2020 .kino1tv__logo svg path {
    fill: #4a9eff
}

.layout-2020 .kino1tv__title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .04em;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px
}

@media (max-width: 1023px) {
    .layout-2020 .kino1tv__title {
        font-size: 16px;
        line-height: 20px
    }
}

.layout-2020 .kino1tv__now {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media (max-width: 1023px) {
    .layout-2020 .kino1tv__now {
        font-size: 13px
    }
}

.layout-2020 .kino1tv__card {
    color: inherit;
    display: block
}

@media (max-width: 767px) {
    .layout-2020 .kino1tv__card {
        margin-bottom: 20px
    }
}

.layout-2020 .kino1tv__card-wrapper {
    position: relative;
    background-color: #1a192d;
    padding-top: 135%;
    border-radius: 4px;
    overflow: hidden
}

.layout-2020 .kino1tv__card-wrapper-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 90px;
    overflow: hidden
}

.layout-2020 .kino1tv__card-wrapper-inner::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    height: 24px;
    top: auto;
    bottom: 0;
    background: linear-gradient(to top, #1a192d 17%, #1a192d00 100%)
}

.layout-2020 .kino1tv__genre {
    color: #4a9eff;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px
}

.layout-2020 .kino1tv__picture {
    height: 60%;
    display: flex;
    transition: height .5s;
    overflow: hidden
}

.layout-2020 .kino1tv__picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.layout-2020 .kino1tv__progress-bard {
    height: 5px;
    width: 100%;
    background-color: #01298e;
    position: relative
}

.layout-2020 .kino1tv__progress-bard-inside {
    height: 100%;
    background-color: #2253ff
}

.layout-2020 .kino1tv__description {
    padding: 24px 24px 0 24px;
    max-height: 100%
}

.layout-2020 .kino1tv__description:hover {
    height: 100%
}

.layout-2020 .kino1tv__card-title {
    margin-bottom: 20px;
    font-weight: 700
}

@media (max-width: 1023px) {
    .layout-2020 .kino1tv__card-title {
        margin-bottom: 10px
    }
}

.layout-2020 .kino1tv__button {
    position: absolute;
    bottom: 24px;
    right: 24px;
    left: 24px;
    line-height: 28px;
    height: 40px;
    background-color: #001958;
    text-align: center;
    overflow: hidden
}

.layout-2020 .kino1tv__button-text {
    z-index: 1;
    position: relative
}

.layout-2020 .kino1tv__bg-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(180deg, #0f33b4 0, rgba(15, 51, 180, 0) 100%), #001958
}

.layout-2020 #kino1tv.kino1tv .slick-slider .slick-arrow .button {
    top: -80px
}

.layout-2020 .live-broadcasts__title-wrapper {
    font-family: Montserrat;
    text-align: center;
    color: #4a9eff;
    margin: 60px 0 30px 0
}

.layout-2020 .live-broadcasts__title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .04em;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px
}

@media (max-width: 1023px) {
    .layout-2020 .live-broadcasts__title {
        font-size: 16px;
        line-height: 20px
    }
}

.layout-2020 .live-broadcasts__card {
    position: relative;
    display: block;
    min-height: 270px
}

@media (min-width: 1024px) {
    .layout-2020 .live-broadcasts__card {
        min-height: 350px
    }
}

@media (min-width: 1360px) {
    .layout-2020 .live-broadcasts__card {
        min-height: 400px
    }
}

@media (min-width: 1600px) {
    .layout-2020 .live-broadcasts__card {
        min-height: 500px
    }
}

.layout-2020 .live-broadcasts .button {
    font-size: 14px;
    font-weight: 500;
    margin: 20px 0 30px;
    padding: 19px 45px 19px 40px;
    height: 20px
}

.layout-2020 .live-broadcasts .button_play:after, .layout-2020 .live-broadcasts .button_play:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    left: auto;
    right: 31px;
    top: calc(50% - 3px);
    width: 6px;
    height: 7px;
    transition: opacity .2s linear
}

.layout-2020 .live-broadcasts .button_play:before {
    background: 50% 50% no-repeat;
    background-size: 6px 7px;
    background-image: url("")
}

.layout-2020 .live-broadcasts .button_play:after {
    opacity: 0;
    background: 50% 50% no-repeat;
    background-size: 6px 7px;
    background-image: url("")
}

.layout-2020 .live-broadcasts .button_play:hover:after {
    opacity: 1
}

.layout-2020 .live-broadcasts__description__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background-image: linear-gradient(180deg, #00000000 30%, #310000 50%);
    color: #f9d9c7
}

.layout-2020 .live-broadcasts__description__wrapper .button {
    color: #fff;
    border-color: #fff
}

.layout-2020 .live-broadcasts__description__wrapper .button:hover {
    background-color: #fff;
    color: #000 !important;
    border-color: #fff
}

.layout-2020 .live-broadcasts__description__wrapper svg path {
    fill: #b00f0f
}

.layout-2020 .live-broadcasts__description__wrapper svg line {
    stroke: #b00f0f
}

.layout-2020 .live-broadcasts__description {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 0 10px
}

.layout-2020 .live-broadcasts__description__text {
    display: none;
    font-weight: 400;
    margin-top: 10px
}

.layout-2020 .live-broadcasts__channel {
    display: inline-flex;
    padding: 4px 15px;
    margin: 20px 0;
    background-color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    color: #b00f0f
}

.layout-2020 .live-broadcasts__coming-soon {
    position: absolute;
    top: 0;
    background-color: #ed1649;
    color: #fff;
    padding: 4px 37px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    font-weight: 700
}

.layout-2020 .live-broadcasts__coming-soon:before {
    position: relative;
    content: "Скоро"
}

.layout-2020 .live-broadcasts__description__wrapper__blue {
    background-image: linear-gradient(180deg, #00000000 30%, #271543 50%)
}

.layout-2020 .live-broadcasts__description__wrapper__blue {
    color: #fff
}

.layout-2020 .live-broadcasts__description__wrapper__blue .button {
    color: #fff;
    border-color: #fff
}

.layout-2020 .live-broadcasts__description__wrapper__blue .button:before {
    background: 50% 50% no-repeat;
    background-size: 6px 7px;
    background-image: url("")
}

.layout-2020 .live-broadcasts__description__wrapper__blue .button:hover {
    color: #000;
    background-color: #fff
}

.layout-2020 .live-broadcasts__description__wrapper__blue .live-broadcasts__channel {
    color: #271543
}

.layout-2020 .live-broadcasts__description__wrapper__blue .live-broadcasts__channel svg path {
    fill: #271543
}

.layout-2020 .live-broadcasts__description__wrapper__blue .live-broadcasts__channel svg line {
    stroke: #271543
}

.layout-2020 .footer-promo-place {
    margin-top: 50px
}

@media (max-width: 767px) {
    .layout-2020 #schedule.schedule .slick-slider .slick-arrow.slick-next {
        display: block !important
    }

    .layout-2020 #schedule.schedule .slick-slider .slick-arrow.slick-next .button {
        display: none
    }
}

.layout-2020 .eump-minimized-background {
    background-color: #1c1e25
}

.layout-2020 .branding_promo_place:not(.loaded) [data-promo-type=live_brand] {
    height: 90px
}

.layout-2020 .branding {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    background-color: #e3e2db;
    height: auto;
    overflow: hidden
}

@media (min-width: 768px) {
    .layout-2020 .branding {
        width: auto;
        height: 240px
    }
}

@media (min-width: 1024px) {
    .layout-2020 .branding {
        height: 300px
    }
}

.layout-2020 .branding:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(0deg, #000 0, #00000000 60px)
}

.layout-2020 .branding__background {
    display: block
}

.layout-2020 .branding__background img {
    max-width: none
}

@media (max-width: 767px) {
    .layout-2020 .branding__background {
        width: 100%
    }

    .layout-2020 .branding__background img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto !important
    }
}

.layout-2020 .share {
    padding-bottom: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

@media (max-width: 767px) {
    .layout-2020 .share {
        justify-content: flex-end;
        flex-direction: row
    }
}

.layout-2020 .share a {
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    display: flex;
    opacity: 1
}

.layout-2020 .share :active, .layout-2020 .share :focus {
    outline: 0
}

.layout-2020 .share:after {
    content: "Поделиться";
    position: absolute;
    display: block;
    bottom: 0;
    text-transform: uppercase;
    min-width: 60px;
    font-size: 9px;
    line-height: 120%;
    color: #4a9fff
}

@media (max-width: 767px) {
    .layout-2020 .share:after {
        content: none
    }
}

.layout-2020 .share_hint:after {
    content: "Скопировано"
}

.layout-2020 .share .ya-share2__list {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.layout-2020 .share__popup {
    border: none;
    box-shadow: none;
    background-color: transparent;
    bottom: 30px;
    padding: 60px 25px 25px 25px;
    right: -20px
}

@media (min-width: 768px) {
    .layout-2020 .share__popup {
        display: block
    }
}

.layout-2020 .share__popup_visible {
    display: none
}

.layout-2020 .share .ya-share2__list_direction_vertical li {
    transition: opacity .3s linear
}

.layout-2020 .share .ya-share2__list_direction_vertical:hover li {
    opacity: .8
}

.layout-2020 .share .ya-share2__list_direction_vertical:hover li:before {
    opacity: 1
}

.layout-2020 .share .ya-share2__list_direction_vertical:hover li:hover {
    opacity: 1
}

.layout-2020 .share .ya-share2__item {
    margin: 0;
    position: relative
}

.layout-2020 .share .ya-share2__item_more {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media (min-width: 768px) {
    .layout-2020 .share .ya-share2__item_more {
        height: 0;
        border-width: 0
    }
}

.layout-2020 .share .ya-share2__item_more:hover:before {
    opacity: 1
}

.layout-2020 .share .ya-share2__item_more:hover .ya-share2__popup {
    display: block
}

.layout-2020 .share .ya-share2__link {
    background-color: transparent
}

.layout-2020 .share .ya-share2__link_more .ya-share2__icon_more {
    background-size: auto;
    background-color: transparent;
    border: transparent
}

.layout-2020 .share .ya-share2__link_more .ya-share2__icon_more:after, .layout-2020 .share .ya-share2__link_more .ya-share2__icon_more:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    transition: opacity .3s linear
}

.layout-2020 .share .ya-share2__link_more .ya-share2__icon_more:before {
    background: 50% 50% no-repeat;
    background-size: 23px 24px;
    background-image: url("")
}

.color-scheme-black .layout-2020 .share .ya-share2__link_more .ya-share2__icon_more:before {
    background: 50% 50% no-repeat;
    background-size: 23px 24px;
    background-image: url("")
}

@media (min-width: 1024px) {
    .layout-2020 .share .ya-share2__link_more .ya-share2__icon_more:before {
        background: 50% 50% no-repeat;
        background-size: 23px 24px;
        background-image: url("")
    }

    .color-scheme-black .layout-2020 .share .ya-share2__link_more .ya-share2__icon_more:before {
        background: 50% 50% no-repeat;
        background-size: 23px 24px;
        background-image: url("")
    }
}

.layout-2020 .share .ya-share2__link_more .ya-share2__icon_more:after {
    opacity: 0;
    background: 50% 50% no-repeat;
    background-size: 23px 24px;
    background-image: url("")
}

.color-scheme-black .layout-2020 .share .ya-share2__link_more .ya-share2__icon_more:after {
    background: 50% 50% no-repeat;
    background-size: 23px 24px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item {
    border: 1px #4a9fff solid;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    margin: 10px 0;
    transition: background-color .3s linear
}

@media (max-width: 767px) {
    .layout-2020 .share .ya-share2__item {
        display: inline-block;
        margin: 10px 4px
    }
}

.layout-2020 .share .ya-share2__item_copy_embed {
    margin-top: 0
}

@media (max-width: 767px) {
    .layout-2020 .share .ya-share2__item_copy_embed {
        margin-top: 10px;
        margin-right: 0
    }
}

.layout-2020 .share .ya-share2__item:hover {
    opacity: 1;
    background-color: #4a9fff
}

.layout-2020 .share .ya-share2__item:hover:before {
    opacity: 1
}

.layout-2020 .share .ya-share2__item_more:hover .ya-share2__icon_more:before {
    opacity: 0
}

.layout-2020 .share .ya-share2__item_more:hover .ya-share2__icon_more:after {
    opacity: 1
}

.layout-2020 .share .ya-share2__item_copy_embed .ya-share2__icon, .layout-2020 .share .ya-share2__item_service_facebook .ya-share2__icon, .layout-2020 .share .ya-share2__item_service_odnoklassniki .ya-share2__icon, .layout-2020 .share .ya-share2__item_service_twitter .ya-share2__icon, .layout-2020 .share .ya-share2__item_service_vkontakte .ya-share2__icon {
    background: 0 0
}

.layout-2020 .share .ya-share2__item_copy_embed .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_copy_embed .ya-share2__icon:before, .layout-2020 .share .ya-share2__item_service_facebook .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_facebook .ya-share2__icon:before, .layout-2020 .share .ya-share2__item_service_odnoklassniki .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_odnoklassniki .ya-share2__icon:before, .layout-2020 .share .ya-share2__item_service_twitter .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_twitter .ya-share2__icon:before, .layout-2020 .share .ya-share2__item_service_vkontakte .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_vkontakte .ya-share2__icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    transition: opacity .2s linear
}

.layout-2020 .share .ya-share2__item_copy_embed .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_facebook .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_odnoklassniki .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_twitter .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_vkontakte .ya-share2__icon:after {
    opacity: 0
}

.layout-2020 .share .ya-share2__item_copy_embed:hover .ya-share2__icon:before, .layout-2020 .share .ya-share2__item_service_facebook:hover .ya-share2__icon:before, .layout-2020 .share .ya-share2__item_service_odnoklassniki:hover .ya-share2__icon:before, .layout-2020 .share .ya-share2__item_service_twitter:hover .ya-share2__icon:before, .layout-2020 .share .ya-share2__item_service_vkontakte:hover .ya-share2__icon:before {
    opacity: 0
}

.layout-2020 .share .ya-share2__item_copy_embed:hover .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_facebook:hover .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_odnoklassniki:hover .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_twitter:hover .ya-share2__icon:after, .layout-2020 .share .ya-share2__item_service_vkontakte:hover .ya-share2__icon:after {
    opacity: 1
}

.layout-2020 .share .ya-share2__item_service_odnoklassniki .ya-share2__icon:before {
    background: 50% 50% no-repeat;
    background-size: 30px 30px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item_service_odnoklassniki .ya-share2__icon:after {
    background: 50% 50% no-repeat;
    background-size: 30px 30px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item_service_vkontakte .ya-share2__icon:before {
    background: 50% 50% no-repeat;
    background-size: 30px 30px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item_service_vkontakte .ya-share2__icon:after {
    background: 50% 50% no-repeat;
    background-size: 30px 30px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item_service_facebook .ya-share2__icon:before {
    background: 50% 50% no-repeat;
    background-size: 30px 30px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item_service_facebook .ya-share2__icon:after {
    background: 50% 50% no-repeat;
    background-size: 30px 30px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item_service_twitter .ya-share2__icon:before {
    background: 50% 50% no-repeat;
    background-size: 30px 30px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item_service_twitter .ya-share2__icon:after {
    background: 50% 50% no-repeat;
    background-size: 30px 30px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item_copy_embed .ya-share2__icon:before {
    background: 50% 50% no-repeat;
    background-size: 25px 25px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__item_copy_embed .ya-share2__icon:after {
    background: 50% 50% no-repeat;
    background-size: 25px 25px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__icon {
    border-radius: 40px
}

.layout-2020 .share .ya-share2__title {
    display: none
}

.layout-2020 .share .ya-share2__input_copy {
    display: none
}

.layout-2020 .share .ya-share2__badge {
    background-color: transparent;
    overflow: visible
}

.layout-2020 .share .ya-share2__icon:before, .layout-2020 .share .ya-share2__link_copy:before {
    content: none
}

.layout-2020 .share .ya-share2__link_copy:after, .layout-2020 .share .ya-share2__link_copy:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    transition: opacity .2s linear
}

.layout-2020 .share .ya-share2__link_copy:before {
    background: 50% 50% no-repeat;
    background-size: 24px 14px;
    background-image: url("")
}

.layout-2020 .share .ya-share2__link_copy:after {
    background: 50% 50% no-repeat;
    background-size: 24px 14px;
    background-image: url("");
    opacity: 0
}

.layout-2020 .share .ya-share2__link_copy:hover:before {
    opacity: 0
}

.layout-2020 .share .ya-share2__link_copy:hover:after {
    opacity: 1
}

.layout-2020 .itv-push-settings {
    max-width: 984px;
    width: 100%;
    background-color: #fff;
    padding: 30px 0;
    color: #000
}

@media (max-width: 767px) {
    .layout-2020 .itv-push-settings {
        max-width: 100%
    }
}

.layout-2020 .itv-push-settings__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 30px;
    color: #0757a8;
    text-align: center
}

@media (min-width: 1024px) {
    .layout-2020 .itv-push-settings__projects {
        padding: 0 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.layout-2020 .itv-push-settings__project {
    width: calc(33% - 20px);
    min-width: 280px;
    margin-bottom: 1px;
    margin-left: 10px;
    margin-right: 10px;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

@media (max-width: 767px) {
    .layout-2020 .itv-push-settings__project {
        width: calc(100% - 40px)
    }
}

.layout-2020 .itv-push-settings__project:active .itv-push-settings__project_icon {
    background-image: url("")
}

.layout-2020 .itv-push-settings__hover-wrapper {
    display: flex;
    align-items: flex-start;
    padding: 8px;
    font-size: 18px;
    line-height: 20px;
    border: 1px solid transparent;
    border-radius: 50px;
    cursor: pointer
}

@media (min-width: 1024px) {
    .layout-2020 .itv-push-settings__hover-wrapper:hover {
        border-color: gray
    }
}

.layout-2020 .itv-push-settings__project--subscribed .itv-push-settings__project_icon {
    background-image: url("")
}

.layout-2020 .itv-push-settings__project_icon {
    min-width: 40px;
    height: 20px;
    background-image: url("");
    background-size: 25px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none
}

.layout-2020 .itv-push-settings__project_text {
    min-width: 228px;
    pointer-events: none
}

.layout-2020 .slick-slider {
    justify-content: center
}

.layout-2020 .slick-slide:active, .layout-2020 .slick-slide:focus {
    outline: 0
}

.layout-2020 .slick-arrow {
    z-index: 12;
    opacity: 1 !important;
    transition: opacity .3s;
    display: block;
    position: absolute;
    height: calc(100% + 6px);
    top: -3px !important;
    width: 80px !important;
    margin: 0;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center
}

.layout-2020 .slick-arrow.slick-next {
    right: 0;
    background-image: linear-gradient(90deg, #00000000 0, #000 60%);
    background-size: cover !important
}

.layout-2020 .slick-arrow.slick-prev {
    left: 0;
    background-image: linear-gradient(270deg, #00000000 0, #000 60%);
    background-size: cover !important
}

.layout-2020 .slick-arrow .button {
    transition: opacity .2s linear, background-color .2s linear;
    width: 32px;
    height: 32px;
    margin: 0
}

.layout-2020 .slick-arrow:hover .button {
    background-color: #4a9fff
}

.layout-2020 .slick-arrow:hover .button svg path {
    fill: #000
}

.layout-2020 .slick-dots button {
    height: 6px;
    width: 6px
}

.layout-2020 .slick-dots li {
    height: auto;
    margin: 0 2px !important
}

.layout-2020 .slick-dots li.slick-active button {
    border-color: #fff !important
}

.layout-2020 .slick-slider ul.slick-dots li button {
    border: 1px solid #fff
}

@media (max-width: 767px) {
    .layout-2020 .slick-slider .slick-arrow {
        display: none !important
    }
}

* {
    box-sizing: border-box
}

body {
    min-width: 320px;
    margin: 0
}

.th-def-color-base {
    color: #05519d
}

a {
    text-decoration: none;
    color: #337ab7
}

a:hover {
    color: #23527c;
    text-decoration: underline
}

p a {
    text-decoration: underline
}

.invisible {
    visibility: hidden
}

.hidden {
    display: none !important
}

button, input, select, textarea {
    font-family: "PT Sans", sans-serif
}

.clearfix::after {
    content: "";
    display: block;
    clear: both
}

img.cols {
    width: 100%
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-text-size-adjust: 100%
}

html.noscroll {
    overflow: hidden;
    -ms-overflow-style: hidden
}

body {
    font-family: "PT Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body::after {
    content: url("") url("close-08b63a1fd5e72d487d7e8728d54f87f02e07d1bb5ec6fdb2aab91c6c03ee9094.svg") url("arrow-left-824f227a117d51b8e87b6869ec9d2bc8726c320e0dd4eee1c08f17d54f149200.svg") url("arrow-right-974b15228d371217ee51a9013408a6eaf298c6e4367700acf5da15a25f8ef342.svg");
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1
}

.ui-helper-hidden-accessible {
    display: none
}

#overlay {
    position: absolute;
    z-index: 99;
    top: -500px;
    left: 0;
    width: 100%;
    height: 3000px
}

.header_ads {
    height: 130px;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5
}

.header_ads img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.bg-white {
    background-color: #fff
}

.nowrap {
    white-space: pre
}

.normal-wrap {
    white-space: normal
}

.itv-nowrap {
    white-space: nowrap
}

.inline-block {
    display: inline-block
}

.container {
    padding: 0
}

.noclick {
    pointer-events: none
}

.ads {
    border: 1px solid #e0e0e0;
    padding: 36px
}

.ads img {
    margin-left: auto;
    margin-right: auto
}

.margin-side-20 {
    margin-left: 20px;
    margin-right: 20px
}

.height-30 {
    height: 30px
}

@media (min-width: 733px) {
    body {
        min-width: 100%;
        overflow-x: hidden
    }

    .hide-on-desktop {
        display: none;
        visibility: hidden
    }
}

@media (max-width: 732px) and (orientation: landscape) {
    .hide-on-landscape {
        display: none;
        visibility: hidden
    }
}

.ratio-16-9 {
    position: relative
}

.ratio-16-9::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%
}

.ratio-16-9 > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (max-width: 732px) and (orientation: portrait) {
    .ratio-16-9.mobile-interactivity-iframe {
        height: 120vw
    }
}

.ratio-16-9.video_illustration > .player {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ratio-16-9 .stream-player-cover {
    stroke: #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20
}

.ratio-16-9 .stream-player-cover .eump-big-button-reload {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 10em;
    width: 10em
}

.side-ads {
    margin: 20px auto;
    display: block;
    vertical-align: top
}

.side-ads::before {
    content: "Реклама";
    display: block;
    width: 312px;
    margin: 0 auto;
    color: #bcbcbc;
    opacity: .5;
    font-size: 10px
}

.side-ads .ads-block {
    margin: 0 auto
}

.side-ads .ads-block img {
    display: block;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #e0e0e0
}

.th-color-black {
    color: #000
}

.th-bg-black {
    background-color: #000
}

.th-bg-white {
    background-color: #fff
}

.th-color-text-article {
    color: #05519d
}

section.video-cards .side-ads, section.video-cards .side-promo-place-right {
    margin: 0
}

hr.blue {
    background-color: #58a6dd
}

hr.fat {
    position: relative;
    height: 10px;
    background-color: #05519d;
    margin: 0 auto;
    padding: 0
}

.uppercase {
    text-transform: uppercase;
    letter-spacing: .25px
}

main {
    font-family: "PT Sans", serif
}

main.blurred {
    -webkit-filter: blur(20px);
    filter: blur(20px)
}

.row > div[class^=col-]:first-child {
    padding-left: 0
}

.row > div[class^=col-]:last-child {
    padding-right: 0
}

section[class*="-cards"] {
    padding: 0
}

section[class*="-cards"] .card {
    border-top: 1px solid #a1c5e1;
    padding: 20px 0 20px 0;
    line-height: 20px;
    font-size: 18px;
    position: relative
}

section[class*="-cards"] .card .age, section[class*="-cards"] .card .image, section[class*="-cards"] .card .text, section[class*="-cards"] .card section.body, section[class*="-cards"] .card section.content, section[class*="-cards"] .card section.time {
    display: inline-block;
    vertical-align: top
}

section[class*="-cards"] .card.card-small {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

section[class*="-cards"] .card.card-small .time {
    float: left
}

section[class*="-cards"] .card.card-small a.title {
    margin: 0 0 0 50px;
    font-size: 16px;
    color: #000
}

section[class*="-cards"] .card.card-small a.title span.icon {
    margin-left: 5px
}

section[class*="-cards"] .card.dim {
    opacity: .9
}

section[class*="-cards"] .card .padded {
    padding: 0 20px
}

section[class*="-cards"] .card .padded .title {
    margin: 0 0 15px 0
}

section[class*="-cards"] .card .title, section[class*="-cards"] .card a.title {
    margin: 0 0 5px 0;
    display: block;
    font-size: 18px;
    font-weight: 700
}

section[class*="-cards"] .card .title h2, section[class*="-cards"] .card a.title h2 {
    margin: -7px 0 15px 0;
    color: #000;
    font-size: 26px;
    line-height: 30px
}

section[class*="-cards"] .card.hot .time, section[class*="-cards"] .card.hot .title, section[class*="-cards"] .card.hot .title a, section[class*="-cards"] .card.hot .title h2, section[class*="-cards"] .card.hot a.title {
    color: #eb0f4d
}

section[class*="-cards"] .card p {
    margin: 0;
    font-size: 14px
}

section[class*="-cards"] .card .red {
    color: #eb0f4d
}

section[class*="-cards"] .card .gray {
    color: #96a0a8
}

section[class*="-cards"] .card .date {
    margin: 0 20px 0 0
}

section[class*="-cards"] .card .time {
    font-weight: 700;
    color: #05519d;
    text-align: left;
    margin-bottom: 5px
}

section[class*="-cards"] .card .image .border {
    position: relative;
    border: 1px solid #96a0a8;
    padding: 3px
}

section[class*="-cards"] .card .image .border img {
    width: 100%;
    height: 100%
}

section[class*="-cards"] .card .image .info {
    position: absolute;
    height: 20px;
    width: 100%;
    margin-top: -20px
}

section[class*="-cards"] .card .image .info .play {
    position: absolute;
    right: 10px;
    bottom: 5px;
    width: 20px;
    height: 20px;
    background: url("")
}

section[class*="-cards"] .card .age {
    font-size: 14px;
    display: inline-block
}

section[class*="-cards"] .card .age .border {
    float: right;
    margin-right: 10px;
    color: #96a0a8;
    border: 1px solid #96a0a8;
    padding: 0 2px;
    border-radius: 2px
}

section[class*="-cards"].video-cards .card {
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-decoration: none;
    padding: 3px 0
}

section[class*="-cards"].video-cards .card.card-width-4 {
    width: 312px;
    margin: 0 12px 24px 12px
}

section[class*="-cards"].video-cards .card.card-width-3 {
    width: 228px;
    margin: 0 24px 24px 0
}

section[class*="-cards"].video-cards .card.card-width-3:nth-child(4n) {
    margin: 0 0 24px 0
}

section[class*="-cards"].video-cards .card.no-border {
    border: none
}

section[class*="-cards"].video-cards .card.watched {
    opacity: .5
}

section[class*="-cards"].video-cards .card .text {
    font-size: 18px;
    padding: 17px
}

section[class*="-cards"].video-cards .card .text .title {
    font-size: 26px;
    color: #05519d
}

section[class*="-cards"].video-cards .card .text p.subtitle {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #05519d
}

section[class*="-cards"].video-cards .card .text a.issue {
    color: #000;
    text-decoration: none;
    display: block;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px;
    font-weight: 700
}

section[class*="-cards"].video-cards .card img {
    max-width: 100%;
    max-height: 171px
}

section[class*="-cards"].video-cards .card .info {
    color: #fff;
    position: absolute;
    margin-top: -40px;
    height: 40px;
    text-align: center;
    width: 100%
}

section[class*="-cards"].video-cards .card .info div {
    height: 100%
}

section[class*="-cards"].video-cards .card .info .counter, section[class*="-cards"].video-cards .card .info .time {
    width: 100px;
    font-size: 26px;
    background-color: #257fc7;
    color: #fff;
    line-height: 40px
}

section[class*="-cards"].video-cards .card .info .date {
    position: absolute;
    left: 100px;
    margin-top: -40px;
    width: 100px;
    font-size: 16px;
    line-height: 46px;
    vertical-align: top;
    background-color: rgba(37, 127, 199, .7)
}

section[class*="-cards"].video-cards .card .info .play {
    background: url("");
    position: absolute;
    bottom: 10px;
    right: 15px;
    width: 20px;
    height: 20px
}

section[class*="-cards"].video-cards .card.promo img {
    max-height: 120%
}

.hot.hasVideo .title span.titleicon {
    background-image: url("")
}

.hasVideo .title span.titleicon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 19px;
    height: 19px;
    background-image: url("")
}

.title {
    word-break: break-word
}

.title:hover span {
    text-decoration: underline
}

.tag-container {
    font-size: 13px
}

.tag-container .tag-group {
    margin-top: 5px
}

.tag-container .tag-group .name {
    opacity: .4;
    margin-bottom: 12px
}

.tag-container .tag {
    text-decoration: none;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 5px;
    border: 1px solid #58a6dd;
    border-radius: 2px;
    color: #5296db
}

.tag-container .tag:hover {
    background-color: #58a6dd;
    color: #fff
}

.tag-container .tag:active {
    background-color: #1b354a
}

section.face img {
    width: 144px;
    display: block;
    border-radius: 50%;
    margin: 0 auto
}

section.face .name {
    word-spacing: 500px;
    text-align: center;
    width: 100%;
    color: #05519d;
    font-size: 20px
}

section.face .text {
    text-align: center;
    width: 100%;
    color: #96a0a8;
    font-size: 16px
}

section.collection-faces {
    overflow: hidden
}

section.collection-faces .collection-name {
    text-align: center;
    margin: 30px 0;
    font-size: 24px;
    letter-spacing: .5px
}

section.collection-faces section.cards {
    text-align: center;
    margin: 0 -24px
}

section.collection-faces section.cards .face {
    display: inline-block;
    padding: 0 12px;
    margin-bottom: 40px
}

section.collection-faces section.cards .face .name {
    margin-top: 15px;
    font-weight: 700
}

span.icon {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px
}

span.icon.arrow-up {
    margin-top: -5px;
    margin-right: 10px;
    background-image: url("")
}

span.icon.play {
    width: 19px;
    height: 19px;
    background-image: url("")
}

.display_none {
    display: none
}

.slick-slider {
    z-index: 11
}

.slick-slider .slick-arrow {
    opacity: 0
}

.slick-slider:hover .slick-arrow {
    opacity: .8
}

.slick-slider:hover .slick-arrow:hover {
    opacity: 1
}

@media (max-width: 732px) {
    .hide-on-mobile {
        display: none !important
    }

    .scroll-top {
        display: none !important
    }

    .container {
        width: 100%
    }

    .container .row {
        width: 100%;
        margin: 0
    }
}

a.player-feedback {
    color: #337ab7 !important;
    display: inline-block;
    margin-top: 15px;
    float: right;
    font-size: 14px
}

a.player-feedback.mobile {
    display: none
}

.flex-center {
    display: flex;
    justify-content: center
}

.welcome-popup {
    max-width: 984px;
    margin: 0 auto;
    padding: 70px 0 60px 0;
    background-color: #fff
}

.welcome-popup h2 {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 0;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #05519d
}

.welcome-popup h2 span {
    white-space: pre;
    display: inline-block
}

.welcome-popup h2 span::after {
    content: " ";
    display: inline-block
}

.welcome-popup .buttons {
    margin: 80px 72px 0;
    text-align: center
}

.welcome-popup .buttons a {
    max-width: 396px;
    display: inline-block;
    margin: 10px 12px
}

.welcome-popup .buttons a.white {
    border: 1px solid #05519d;
    border-radius: 3px
}

@media (max-width: 732px) {
    .welcome-popup {
        margin: 0 20px;
        padding: 20px 0
    }

    .welcome-popup h2 {
        font-size: 22px;
        line-height: 30px
    }

    .welcome-popup .buttons {
        margin: 50px 0 0 0
    }

    .welcome-popup .buttons a {
        margin: 0 20px 20px;
        width: calc(100% - 40px)
    }
}

.centered-text {
    text-align: center
}

#user_comments {
    position: relative;
    text-align: center;
    min-height: 90px
}

#user_comments iframe {
    position: relative;
    margin-top: 10px !important;
    background-color: #fff;
    max-width: 984px;
    width: 1px;
    min-width: 100%
}

#user_comments .placeholder {
    position: absolute;
    display: block;
    width: 100%;
    margin: 30px auto;
    font-size: 24px;
    font-weight: 700;
    vertical-align: middle;
    color: #0e61a2
}

#user_comments .placeholder::after {
    content: "";
    display: inline-block;
    position: relative;
    margin-top: -6px;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background: url("") no-repeat center center
}

@media (max-width: 732px) {
    #user_comments {
        margin: 20px auto 0
    }

    #user_comments .placeholder {
        margin: 10px auto
    }

    .article-wide #user_comments {
        margin-left: 20px;
        margin-right: 20px
    }
}

.pill-buttons {
    margin-bottom: 35px;
    padding: 0
}

.pill-buttons a.button, .pill-buttons button {
    display: inline-block;
    margin: 0;
    width: 50%;
    line-height: 38px;
    color: #5296db;
    border: 1px solid #5296db;
    background-color: transparent;
    font-weight: 700;
    border-radius: 0
}

.pill-buttons a.button:first-child, .pill-buttons button:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.pill-buttons a.button:last-child, .pill-buttons button:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.pill-buttons a.button.active, .pill-buttons button.active {
    color: #fff;
    background-color: #5296db
}

@media (max-width: 732px) {
    .pill-buttons {
        width: 100%;
        margin-top: 10px;
        box-sizing: border-box !important
    }

    .pill-buttons button {
        display: block;
        width: 100%
    }

    .pill-buttons button.full {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 0
    }

    .pill-buttons button.short {
        border-top-left-radius: 0;
        border-bottom-left-radius: 2px
    }
}

.lazyload, .lazyloading {
    -webkit-filter: blur(.5px);
    filter: blur(.5px);
    transition: filter .3s, -webkit-filter .3s
}

.tv1player .tv1-list-popup-items .tv1-list-popup-item p {
    color: #fff;
    padding-bottom: .5em
}

p[data-role=incut_focus] {
    display: none
}

svg.svg.icon {
    transition: all .2s
}

.w_row:not(.big-slider) {
    font-size: 0
}

.w_row:not(.big-slider) .w_block {
    font-size: 16px
}

@media (min-width: 733px) {
    .w_row:not(.big-slider) {
        width: 1008px
    }
}

@media (min-width: 1600px) {
    .w_row:not(.big-slider) {
        width: 1344px
    }
}

.toggle-desktop-version {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    font-weight: 700;
    color: #1b354a;
    font-size: 14px;
    line-height: 15px;
    text-decoration: none;
    text-align: center
}

.playlist::-webkit-scrollbar {
    width: 12px
}

.playlist::-webkit-scrollbar-track {
    background-color: #0e0b0b
}

.playlist::-webkit-scrollbar-thumb {
    background-color: #747574;
    background-color-border-right: 2px solid #000
}

.itv-comments {
    min-height: 1px
}

.sticky-banner.sticked {
    position: fixed;
    top: 61px
}

.sticky-banner.leftBehind {
    position: absolute;
    margin: 0;
    margin-top: 50px !important
}

.mod-col {
    margin-left: 12px;
    margin-right: 12px
}

.mod-flex {
    display: flex
}

.mod-flex-grow {
    flex-grow: 1
}

.mod-flex-no-shrink {
    flex-shrink: 0
}

.mod-flex-column {
    flex-direction: column
}

.mod-flex-justify-center {
    justify-content: center
}

.mod-flex-align-center {
    align-items: center
}

@media (min-width: 733px) and (max-width: 983px) {
    footer.footer, hr.fat, main, section.footer {
        width: 720px
    }

    main .collection-projects .cards {
        width: 720px
    }

    html.noscroll #popupContainer .background {
        height: 120%
    }
}

.itv-icon-play {
    width: 20px;
    height: 20px
}

.w_block a.button {
    line-height: 38px;
    height: auto
}

.brandable .branded .right-column .w_row:not(.big-slider), article.live .branded .right-column .w_row:not(.big-slider) {
    width: auto !important
}

article .w_row .w_block[data-type=widget] iframe {
    position: relative
}

article .w_row .w_block[data-type=widget] .youtube-iframe-widget iframe {
    position: absolute
}

.themed.brandable {
    background-color: #001938
}

.themed.th-bg-cover {
    background-color: #7d161d
}

.themed .th-link-color-text-article {
    color: #84171e
}

.themed .th-link-color-text-article:hover {
    color: #3a6eb5
}

.themed .th-link-color-text-article:active {
    color: #67080e
}

.themed .th-border-color-text-article {
    border-color: #84171e
}

.themed .th-border-text {
    border-color: #e4cbcc
}

.themed .th-border-tile-base {
    border-color: #40080e
}

.themed .th-border-base {
    border-color: #84171e
}

.themed .th-bg-head {
    background-color: #491c24
}

.themed .th-bg-base {
    background-color: #84171e
}

.themed .th-bg-hover-hover:hover {
    background-color: #3a6eb5
}

.themed .th-bg-active-active:active {
    background-color: #67080e
}

.themed .th-bg-sub {
    background-color: #3079d5
}

.themed .th-bg-tile-base {
    background-color: #40080e
}

.themed .th-bg-text-article {
    background-color: #84171e
}

.themed .th-bg-teams-color {
    background-color: #7c0209
}

.themed .th-bg-tile-hover {
    background-color: #500c11
}

.themed .th-bg-cover {
    background-color: #7d161d
}

.themed .th-bg-video-bg {
    background-color: #0f0505
}

.themed .th-color-head {
    color: #001938
}

.themed .th-color-text {
    color: #e4cbcc
}

.themed .th-color-tile-text {
    color: #c99296
}

.themed .th-color-text-article {
    color: #84171e
}

.themed .th-color-sub {
    color: #3079d5
}

.themed .th-color-tile-base {
    color: #40080e
}

.themed .th-color-text-tile-hover {
    color: #e9cece
}

.themed .th-fill-tile-text {
    fill: #c99296
}

.themed .th-fill-tile-text-hover {
    fill: #e9cece
}

.themed .th-fill-text-article {
    fill: #84171e
}

.themed .itv-button, .themed .th-itv-button {
    border-color: #84171e;
    background-color: transparent;
    color: #84171e;
    fill: #84171e
}

.themed .itv-button:hover, .themed .th-itv-button:hover {
    border-color: #3a6eb5;
    background-color: transparent;
    color: #3a6eb5;
    fill: #3a6eb5
}

.themed .itv-button.active, .themed .itv-button:active, .themed .th-itv-button.active, .themed .th-itv-button:active {
    border-color: #67080e;
    background-color: transparent;
    color: #67080e;
    fill: #67080e
}

.themed .itv-button--solid, .themed .th-itv-button--solid {
    border-color: #84171e;
    background-color: #84171e;
    color: #001938;
    fill: #001938
}

.themed .itv-button--solid:hover, .themed .th-itv-button--solid:hover {
    border-color: #3a6eb5;
    background-color: #3a6eb5;
    color: #001938;
    fill: #001938
}

.themed .itv-button--solid.active, .themed .itv-button--solid:active, .themed .th-itv-button--solid.active, .themed .th-itv-button--solid:active {
    border-color: #67080e;
    background-color: #67080e;
    color: #001938;
    fill: #001938
}

.themed a {
    color: #84171e;
    fill: #84171e
}

.themed a:hover {
    color: #3a6eb5;
    fill: #3a6eb5
}

.themed a:active {
    color: #67080e;
    fill: #67080e
}

.themed .themebg-white a, .themed .themebg-white a:active, .themed .themebg-white a:hover {
    color: #84171e;
    fill: #84171e
}

.themed .themebg-white .itv-button, .themed .themebg-white .th-itv-button, .themed .themebg-white a {
    border-color: #84171e;
    background-color: transparent;
    color: #84171e;
    fill: #84171e
}

.themed .themebg-white .itv-button:hover, .themed .themebg-white .th-itv-button:hover, .themed .themebg-white a:hover {
    border-color: #3a6eb5;
    background-color: transparent;
    color: #3a6eb5;
    fill: #3a6eb5
}

.themed .themebg-white .itv-button.active, .themed .themebg-white .itv-button:active, .themed .themebg-white .th-itv-button.active, .themed .themebg-white .th-itv-button:active, .themed .themebg-white a.active, .themed .themebg-white a:active {
    border-color: #67080e;
    background-color: transparent;
    color: #67080e;
    fill: #67080e
}

.themed .themebg-white .itv-button--solid, .themed .themebg-white .th-itv-button--solid, .themed .themebg-white a--solid {
    border-color: #84171e;
    background-color: #84171e;
    color: #fff;
    fill: #fff
}

.themed .themebg-white .itv-button--solid:hover, .themed .themebg-white .th-itv-button--solid:hover, .themed .themebg-white a--solid:hover {
    border-color: #3a6eb5;
    background-color: #3a6eb5;
    color: #fff;
    fill: #fff
}

.themed .themebg-white .itv-button--solid.active, .themed .themebg-white .itv-button--solid:active, .themed .themebg-white .th-itv-button--solid.active, .themed .themebg-white .th-itv-button--solid:active, .themed .themebg-white a--solid.active, .themed .themebg-white a--solid:active {
    border-color: #67080e;
    background-color: #67080e;
    color: #fff;
    fill: #fff
}

.themed .themebg-white .ya-share2__link, .themed .ya-share2__link {
    border-color: #84171e;
    background-color: #84171e;
    color: #fff
}

.themed .themebg-white .ya-share2__link:hover, .themed .ya-share2__link:hover {
    border-color: #3a6eb5;
    background-color: #3a6eb5;
    color: #fff
}

.themed .themebg-white .ya-share2__link:active, .themed .ya-share2__link:active {
    border-color: #67080e;
    background-color: #67080e;
    color: #fff
}

.themed .themebg-white .ya-share2__link.disabled:hover, .themed .ya-share2__link.disabled :hover {
    border-color: #84171e;
    background-color: #84171e;
    color: #fff
}

.themed .themebg-white .ya-share2__link.disabled:active, .themed .ya-share2__link.disabled:active {
    border-color: #84171e;
    background-color: #84171e;
    color: #fff
}

.themed .share-buttons .checkbox-start::before, .themed .themebg-white .share-buttons .checkbox-start::before {
    border-color: #84171e
}

.themed .share-buttons .checkbox-start:checked::before, .themed .share-buttons .form__start-time .checkbox-start:checked::before {
    background-color: #84171e
}

.themed .th-button-tile-color, .themed .themebg-white .th-button-tile-color {
    border-color: #c99296;
    background-color: transparent;
    color: #c99296;
    fill: #c99296
}

.themed .th-button-tile-color:hover, .themed .themebg-white .th-button-tile-color:hover {
    border-color: #e9cece;
    background-color: transparent;
    color: #e9cece;
    fill: #e9cece
}

.themed .th-button-tile-color.active, .themed .th-button-tile-color:active, .themed .themebg-white .th-button-tile-color.active, .themed .themebg-white .th-button-tile-color:active {
    border-color: #67080e;
    background-color: transparent;
    color: #67080e;
    fill: #67080e
}

.themed .th-button-tile-color--solid, .themed .themebg-white .th-button-tile-color--solid {
    border-color: #c99296;
    background-color: #c99296;
    color: #40080e;
    fill: #40080e
}

.themed .th-button-tile-color--solid:hover, .themed .themebg-white .th-button-tile-color--solid:hover {
    border-color: #e9cece;
    background-color: #e9cece;
    color: #40080e;
    fill: #40080e
}

.themed .th-button-tile-color--solid.active, .themed .th-button-tile-color--solid:active, .themed .themebg-white .th-button-tile-color--solid.active, .themed .themebg-white .th-button-tile-color--solid:active {
    border-color: #67080e;
    background-color: #67080e;
    color: #40080e;
    fill: #40080e
}

.themed .w_collection_lead, .themed .w_collection_title, .themed blockquote.bq1, .themed img {
    color: #e4cbcc
}

.themed .themebg-white .w_collection_lead, .themed .themebg-white .w_collection_title, .themed .themebg-white img {
    color: #84171e
}

.themed .themebg-white .promo-place {
    border-color: e5e5e5
}

.themed .promo-place, .themed .right-column .type-tiles {
    border-color: #40080e
}

.themed .is-startrange .pika-button, .themed .itv-theme .is-endrange .pika-button, .themed .pika-button:hover {
    background-color: #84171e;
    color: #fff
}

.themed .is-endrange::before, .themed .is-inrange::before, .themed .is-startrange::before {
    background-color: #84171e
}

.themed .type-tiles a.card {
    background-color: #40080e
}

.themed .type-tiles a.card .text {
    background-color: #40080e;
    color: #c99296
}

.themed .type-tiles a.card .text::after {
    color: #40080e
}

.themed .type-tiles a.card:hover {
    background-color: #500c11
}

.themed .type-tiles a.card:hover .text {
    background-color: #500c11;
    color: #e9cece
}

.themed .type-tiles a.card:hover .text::after {
    color: #500c11
}

.themed .type-tiles a.card:active {
    background-color: #360207
}

.themed .type-tiles a.card:active .text {
    background-color: #360207
}

.themed .type-tiles a.card:active .text::after {
    color: #360207
}

.themed .type-slider {
    fill: #e4cbcc
}

.themed .type-slider a.card {
    border-color: #40080e
}

.themed .type-slider .w_collection_items::after, .themed .type-slider .w_collection_items::before {
    color: #001938
}

.themed .text-block-incuts-wrapper, .themed .text-block-incuts-wrapper .text-incut, .themed .w__block__face, .themed .w_block .img {
    border-color: #e4cbcc;
    color: #e4cbcc
}

.themed .themebg-white .text-block-incuts-wrapper, .themed .themebg-white .text-block-incuts-wrapper .text-incut, .themed .themebg-white .w__block__face, .themed .themebg-white .w_block .img {
    border-color: #84171e;
    color: #84171e
}

.themed .team-column {
    color: #c99296
}

.themed .team-column .coach .name {
    background-color: #40080e;
    color: #c99296;
    fill: #c99296
}

.themed .team-column::before {
    background-color: #40080e
}

.themed .team-column:hover .coach .name {
    background-color: #500c11;
    color: #e9cece;
    fill: #e9cece
}

.themed .th-face {
    border-color: #84171e;
    color: #c99296
}

.themed .th-face:hover {
    border-color: #500c11;
    color: #e9cece
}

.themed .th-face:active {
    border-color: #360207
}

.themed .th-face-coach {
    border-color: #84171e
}

.themed .th-face-coach:hover {
    border-color: #500c11
}

.themed .th-face-coach:active {
    border-color: #360207
}

.themed .themebg-white .th-button-trans-solid {
    color: #84171e;
    border-color: #84171e;
    background-color: transparent
}

.themed .themebg-white .th-button-trans-solid:hover {
    color: #3a6eb5;
    border-color: #3a6eb5
}

.themed .themebg-white .th-button-trans-solid:active {
    color: #67080e;
    border-color: #67080e
}

.themed .themebg-white .th-button-trans-solid.active {
    color: #fff;
    border-color: #84171e;
    background-color: #84171e
}

.themed .pika-next:hover, .themed .pika-prev:hover {
    background-color: #3a6eb5
}

.themed h2 {
    color: #e4cbcc
}

.themed .themebg-white blockquote.bq1, .themed .themebg-white h2 {
    color: #84171e
}

.themed .show-main .tvshows {
    color: #001938
}

.themed .themebg-white .show-main .tvshows {
    color: #7c0209
}

.themed .itv-video-watch-more .itv-relevant-cards__card .text {
    color: #e4cbcc
}

.themed .duel-member::after {
    background-color: #c99296
}

.themed .type-slider .slick-dots button {
    background-color: #e4cbcc
}

.themed .type-slider .slick-dots .slick-active button {
    border-color: #e4cbcc;
    background-color: transparent
}

.themed .themebg-white .type-slider .slick-dots button {
    background-color: #84171e
}

.themed .themebg-white .type-slider .slick-dots .slick-active button {
    border-color: #84171e;
    background-color: transparent
}

.themed .note-calendar, .themed .note-list {
    background-color: #84171e
}

.themed .rating__icon {
    fill: #e4cbcc
}

.themed .show-main .bigpromo {
    color: #001938
}

.themed .itv-button--solid.itv-button--vote, .themed .itv-button--solid.th-itv-button--vote {
    border-color: #84171e;
    background-color: #84171e;
    color: #e4cbcc;
    fill: #e4cbcc
}

.themed [aria-label][role~=tooltip]::after {
    background-color: #e4cbcc;
    color: #84171e
}

.themed [role~=tooltip][data-microtip-position|=top]::before {
    border-top-color: #e4cbcc
}

.themed [role~=tooltip][data-microtip-position|=bottom]::before {
    border-bottom-color: #e4cbcc
}

.themed [role~=tooltip][data-microtip-position|=left]::before {
    border-left-color: #e4cbcc
}

.themed [role~=tooltip][data-microtip-position|=right]::before {
    border-right-color: #e4cbcc
}

.themed .bg-mask-wrapper {
    color: #001938
}

.themed .itv-voting-count {
    color: #e4cbcc
}

.themed .eump-player .eump-loading .eump-loader {
    background-image: none
}

.themed .eump-player .eump-branded {
    color: #84171e;
    fill: #84171e
}

.themed .eump-player .eump-branded-bg {
    background-color: #84171e
}

.themed .eump-player .eump-branded-hover-active, .themed .eump-player:not(.eump-touchable) .eump-branded-hover:hover {
    fill: #84171e
}

.themed .eump-player .eump-timeline .eump-slider-level {
    background: #84171e
}

.themed .eump-player .eump-timeline .eump-timeline-handle::after {
    background-color: #84171e
}

.themed .eump-player .eump-control-volume-slider {
    stroke: #84171e
}

.themed .th-color-text-tile-hover-on-hover:hover {
    color: #e9cece
}

.themed .th-fill-tile-text-hover {
    fill: #e9cece
}

.themed.themed.themed .th-fill-tile-text {
    fill: #c99296
}

.themed.themed.themed .th-fill-tile-text-hover {
    fill: #e9cece
}

.themed.themed.themed .th-fill-tile-text-hover-on-hover:hover {
    fill: #e9cece
}

.themed .w_content .w-block__text-info-wrapper:before {
    background-color: #84171e
}

.themed .w_content .w-block__text-info-wrapper:after {
    background-color: #84171e
}

.themed .w_content .w-block__text-info-wrapper .w-text-info b {
    color: #84171e
}

.themed .w_content .w-block__text-info-wrapper .w-text-info__logo {
    fill: #84171e
}

.themed .itv-index-card {
    background-color: #40080e
}

.themed .type-mosaic .itv-index-card__text, .themed .type-mosaic .itv-index-card__title {
    color: #c99296
}

.themed .type-mosaic .itv-index-card:hover .itv-index-card__text, .themed .type-mosaic .itv-index-card:hover .itv-index-card__title {
    color: #e9cece
}

.themed .type-mosaic .itv-index-card:hover .itv-index-card__photo {
    border-color: #500c11;
    background-color: #500c11
}

.themed .type-mosaic .itv-index-card:active .itv-index-card__text, .themed .type-mosaic .itv-index-card:active .itv-index-card__title {
    color: #e9cece
}

.themed .type-mosaic .itv-index-card:active .itv-index-card__photo {
    border-color: #360207;
    background-color: #360207
}

@media (min-width: 733px) and (max-width: 1599px) {
    .themed .itv-index-card::after {
        box-shadow: 0 0 50px 45px #40080e
    }

    .themed .itv-index-card:nth-child(12n+3) {
        background-color: #40080e
    }

    .themed .itv-index-card:nth-child(12n+10) .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+11) .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+12) .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+5) .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+6) .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+7) .itv-index-card__photo {
        border-color: #40080e;
        background-color: #40080e
    }

    .themed .itv-index-card:nth-child(12n+10) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+11) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+12) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+3) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+5) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+6) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+7) .itv-index-card__footer {
        background-color: #40080e
    }

    .themed .itv-index-card:nth-child(12n+10)::after, .themed .itv-index-card:nth-child(12n+11)::after, .themed .itv-index-card:nth-child(12n+12)::after, .themed .itv-index-card:nth-child(12n+5)::after, .themed .itv-index-card:nth-child(12n+6)::after, .themed .itv-index-card:nth-child(12n+7)::after {
        box-shadow: 0 0 25px 25px #40080e
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+8) .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+9) .itv-index-card__footer:before {
        background-color: #40080e
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+8) .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+9) .itv-index-card__footer .itv-index-card__title:before {
        background-image: linear-gradient(to top, #40080e 0, transparent 100%)
    }

    .themed .itv-index-card:hover::after {
        box-shadow: 0 0 50px 45px #500c11
    }

    .themed .itv-index-card:nth-child(12n+3):hover {
        background-color: #500c11
    }

    .themed .itv-index-card:nth-child(12n+10):hover .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+11):hover .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+12):hover .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+5):hover .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+6):hover .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+7):hover .itv-index-card__photo {
        border-color: #500c11;
        background-color: #500c11
    }

    .themed .itv-index-card:nth-child(12n+10):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+11):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+12):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+3):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+5):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+6):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+7):hover .itv-index-card__footer {
        background-color: #500c11
    }

    .themed .itv-index-card:nth-child(12n+10):hover::after, .themed .itv-index-card:nth-child(12n+11):hover::after, .themed .itv-index-card:nth-child(12n+12):hover::after, .themed .itv-index-card:nth-child(12n+5):hover::after, .themed .itv-index-card:nth-child(12n+6):hover::after, .themed .itv-index-card:nth-child(12n+7):hover::after {
        box-shadow: 0 0 25px 25px #500c11
    }

    .themed .collection-item__card:nth-child(12n+1):hover .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+2):hover .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+4):hover .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+8):hover .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+9):hover .itv-index-card__footer:before {
        background-color: #500c11
    }

    .themed .collection-item__card:nth-child(12n+1):hover .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2):hover .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4):hover .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+8):hover .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+9):hover .itv-index-card__footer .itv-index-card__title:before {
        background-image: linear-gradient(to top, #500c11 0, transparent 100%)
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:hover, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:hover, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:hover, .themed .collection-item__card:nth-child(12n+8) .itv-index-card__footer:hover, .themed .collection-item__card:nth-child(12n+9) .itv-index-card__footer:hover {
        background-color: #500c11
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:hover:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:hover:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:hover:before, .themed .collection-item__card:nth-child(12n+8) .itv-index-card__footer:hover:before, .themed .collection-item__card:nth-child(12n+9) .itv-index-card__footer:hover:before {
        background-color: #500c11
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:hover .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:hover .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:hover .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+8) .itv-index-card__footer:hover .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+9) .itv-index-card__footer:hover .itv-index-card__title:before {
        background-image: linear-gradient(to top, #500c11 0, transparent 100%)
    }

    .themed .itv-index-card:active::after {
        box-shadow: 0 0 50px 45px #360207
    }

    .themed .itv-index-card:nth-child(12n+3):active {
        background-color: #360207
    }

    .themed .itv-index-card:nth-child(12n+10):active .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+11):active .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+12):active .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+5):active .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+6):active .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+7):active .itv-index-card__photo {
        border-color: #360207;
        background-color: #360207
    }

    .themed .itv-index-card:nth-child(12n+10):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+11):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+12):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+3):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+5):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+6):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+7):active .itv-index-card__footer {
        background-color: #360207
    }

    .themed .itv-index-card:nth-child(12n+10):active::after, .themed .itv-index-card:nth-child(12n+11):active::after, .themed .itv-index-card:nth-child(12n+12):active::after, .themed .itv-index-card:nth-child(12n+5):active::after, .themed .itv-index-card:nth-child(12n+6):active::after, .themed .itv-index-card:nth-child(12n+7):active::after {
        box-shadow: 0 0 25px 25px #360207
    }

    .themed .collection-item__card:nth-child(12n+1):active .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+2):active .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+4):active .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+8):active .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+9):active .itv-index-card__footer:before {
        background-color: #360207
    }

    .themed .collection-item__card:nth-child(12n+1):active .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2):active .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4):active .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+8):active .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+9):active .itv-index-card__footer .itv-index-card__title:before {
        background-image: linear-gradient(to top, #360207 0, transparent 100%)
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:active, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:active, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:active, .themed .collection-item__card:nth-child(12n+8) .itv-index-card__footer:active, .themed .collection-item__card:nth-child(12n+9) .itv-index-card__footer:active {
        background-color: #360207
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:active:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:active:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:active:before, .themed .collection-item__card:nth-child(12n+8) .itv-index-card__footer:active:before, .themed .collection-item__card:nth-child(12n+9) .itv-index-card__footer:active:before {
        background-color: #360207
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:active .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:active .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:active .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+8) .itv-index-card__footer:active .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+9) .itv-index-card__footer:active .itv-index-card__title:before {
        background-image: linear-gradient(to top, #360207 0, transparent 100%)
    }
}

@media (min-width: 1600px) {
    .themed .itv-index-card::after {
        box-shadow: 0 0 50px 45px #40080e
    }

    .themed .itv-index-card:nth-child(12n+10) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+12) .itv-index-card__footer {
        background-color: #40080e
    }

    .themed .itv-index-card:nth-child(12n+5) .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+6) .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+7) .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+8) .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+9) .itv-index-card__photo {
        border-color: #40080e;
        background-color: #40080e
    }

    .themed .itv-index-card:nth-child(12n+5) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+6) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+7) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+8) .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+9) .itv-index-card__footer {
        background-color: #40080e
    }

    .themed .itv-index-card:nth-child(12n+5)::after, .themed .itv-index-card:nth-child(12n+6)::after, .themed .itv-index-card:nth-child(12n+7)::after, .themed .itv-index-card:nth-child(12n+8)::after, .themed .itv-index-card:nth-child(12n+9)::after {
        box-shadow: 0 0 25px 25px #40080e
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+11) .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+3) .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:before {
        background-color: #40080e
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+11) .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+3) .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer .itv-index-card__title:before {
        background-image: linear-gradient(to top, #40080e 0, transparent 100%)
    }

    .themed .itv-index-card:hover {
        background-color: #500c11
    }

    .themed .itv-index-card:hover::after {
        box-shadow: 0 0 50px 45px #500c11
    }

    .themed .itv-index-card:nth-child(12n+5):hover .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+6):hover .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+7):hover .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+8):hover .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+9):hover .itv-index-card__photo {
        border-color: #500c11;
        background-color: #500c11
    }

    .themed .itv-index-card:nth-child(12n+10):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+12):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+5):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+6):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+7):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+8):hover .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+9):hover .itv-index-card__footer {
        background-color: #500c11
    }

    .themed .itv-index-card:nth-child(12n+5):hover::after, .themed .itv-index-card:nth-child(12n+6):hover::after, .themed .itv-index-card:nth-child(12n+7):hover::after, .themed .itv-index-card:nth-child(12n+8):hover::after, .themed .itv-index-card:nth-child(12n+9):hover::after {
        box-shadow: 0 0 25px 25px #500c11
    }

    .themed .collection-item__card:nth-child(12n+1):hover .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+11):hover .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+2):hover .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+3):hover .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+4):hover .itv-index-card__footer:before {
        background-color: #500c11
    }

    .themed .collection-item__card:nth-child(12n+1):hover .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+11):hover .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2):hover .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+3):hover .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4):hover .itv-index-card__footer .itv-index-card__title:before {
        background-image: linear-gradient(to top, #500c11 0, transparent 100%)
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+11) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+2) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+3) .itv-index-card__footer:hover, .itv-index-card:nth-child(12n+4) .itv-index-card__footer:hover {
        background-color: #500c11
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:hover:before, .themed .collection-item__card:nth-child(12n+11) .itv-index-card__footer:hover:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:hover:before, .themed .collection-item__card:nth-child(12n+3) .itv-index-card__footer:hover:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:hover:before {
        background-color: #500c11
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:hover .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+11) .itv-index-card__footer:hover .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:hover .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+3) .itv-index-card__footer:hover .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:hover .itv-index-card__title:before {
        background-image: linear-gradient(to top, #500c11 0, transparent 100%)
    }

    .themed .itv-index-card:active::after {
        box-shadow: 0 0 50px 45px #360207
    }

    .themed .itv-index-card:nth-child(12n+5):active .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+6):active .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+7):active .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+8):active .itv-index-card__photo, .themed .itv-index-card:nth-child(12n+9):active .itv-index-card__photo {
        border-color: #360207;
        background-color: #360207
    }

    .themed .itv-index-card:nth-child(12n+10):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+12):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+5):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+6):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+7):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+8):active .itv-index-card__footer, .themed .itv-index-card:nth-child(12n+9):active .itv-index-card__footer {
        background-color: #360207
    }

    .themed .itv-index-card:nth-child(12n+5):active::after, .themed .itv-index-card:nth-child(12n+6):active::after, .themed .itv-index-card:nth-child(12n+7):active::after, .themed .itv-index-card:nth-child(12n+8):active::after, .themed .itv-index-card:nth-child(12n+9):active::after {
        box-shadow: 0 0 25px 25px #360207
    }

    .themed .collection-item__card:nth-child(12n+1):active .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+11):active .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+2):active .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+3):active .itv-index-card__footer:before, .themed .collection-item__card:nth-child(12n+4):active .itv-index-card__footer:before {
        background-color: #360207
    }

    .themed .collection-item__card:nth-child(12n+1):active .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+11):active .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2):active .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+3):active .itv-index-card__footer .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4):active .itv-index-card__footer .itv-index-card__title:before {
        background-image: linear-gradient(to top, #360207 0, transparent 100%)
    }

    .itv-index-card:nth-child(12n+1) .itv-index-card__footer:active, .itv-index-card:nth-child(12n+11) .itv-index-card__footer:active, .itv-index-card:nth-child(12n+2) .itv-index-card__footer:active, .itv-index-card:nth-child(12n+3) .itv-index-card__footer:active, .itv-index-card:nth-child(12n+4) .itv-index-card__footer:active {
        background-color: #360207
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:active:before, .themed .collection-item__card:nth-child(12n+11) .itv-index-card__footer:active:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:active:before, .themed .collection-item__card:nth-child(12n+3) .itv-index-card__footer:active:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:active:before {
        background-color: #360207
    }

    .themed .collection-item__card:nth-child(12n+1) .itv-index-card__footer:active .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+11) .itv-index-card__footer:active .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+2) .itv-index-card__footer:active .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+3) .itv-index-card__footer:active .itv-index-card__title:before, .themed .collection-item__card:nth-child(12n+4) .itv-index-card__footer:active .itv-index-card__title:before {
        background-image: linear-gradient(to top, #360207 0, transparent 100%)
    }
}

.themed header.page-title.project-title .header-background::before {
    box-shadow: 0 -80px 50px -60px #9d1818 inset
}

.themed header.page-title.project-title .menu {
    border-top: 1px solid #8e2028
}

.themed header.page-title.project-title .menu ul li.active a {
    color: #001938;
    background-color: #84171e;
    border-color: #84171e
}

.themed header#page-title .menu ul li button:hover, .themed header.page-title.project-title .menu ul li a:hover {
    color: #001938;
    background-color: #3a6eb5;
    border-color: #3a6eb5
}

.themed header#page-title .menu ul li button:active, .themed header.page-title.project-title .menu ul li a:active {
    color: #e4cbcc;
    background-color: #67080e;
    border-color: #67080e
}

.themed header.page-title.project-title .menu .sub-menu button.sub-menu-toggle:before {
    border-bottom-color: #84171e
}

.themed header.page-title.project-title .menu .sub-menu hr.fat {
    background-color: #84171e
}

.themed header.page-title.project-title .menu ul li .monochrome-svg svg * {
    fill: #e4cbcc
}

.themed header.page-title.project-title .menu ul li.active .monochrome-svg svg * {
    fill: #84171e
}

.themed header#page-title .menu ul li a:active .monochrome-svg svg *, .themed header.page-title.project-title .menu ul li a:hover .monochrome-svg svg * {
    fill: #e4cbcc
}

.themed #user_comments .placeholder {
    color: #84171e
}

section.auth h2, section.comments section.input h2 {
    color: #84171e
}

section.comments section.body {
    color: #84171e
}

section.comments section.body .single-comment .text {
    color: #84171e
}

section.comments section.body .single-comment {
    border-color: #e4cbcc
}

section.comments section.body .single-comment .info .text {
    color: #c99296
}

button.reply, input[type=submit].reply {
    border-color: #c99296;
    color: #c99296
}

button.reply:hover, input[type=submit].reply:hover {
    border-color: #e9cece;
    color: #e9cece
}

section.comments section.input button.comment {
    border-color: #84171e;
    color: #84171e
}

section.comments section.input button.comment:hover {
    border-color: #3a6eb5;
    color: #3a6eb5
}

section.comments section.input .captcha .hint, section.comments section.input .comment-area .info .name {
    color: #84171e
}

section.comments section.input textarea.comment {
    color: #84171e;
    border-color: #e4cbcc
}

section.comments section.input .captcha input.captcha {
    color: #84171e;
    border-color: #e4cbcc
}

section.comments section.input button.send {
    background-color: #84171e
}

section.comments section.input button.send:hover {
    background-color: #3a6eb5
}

section.auth .hint {
    color: #c99296
}

section.auth .login form {
    color: #84171e
}

section.auth .login input.text {
    border-color: #84171e;
    color: #84171e
}

section.auth .login input[type=checkbox] + label::before {
    border-color: #84171e
}

section.auth .login input[type=checkbox]:checked + label::before {
    background-color: #84171e
}

section.auth .login input[type=submit] {
    background-color: #84171e
}

.itv-broadcast-schedule-bg .itv-broadcast-schedule-date-text, .itv-broadcast-schedule-bg .itv-broadcast-schedule-header-link, .itv-broadcast-schedule-bg .itv-broadcast-schedule-header-link:hover, .itv-broadcast-schedule-bg .itv-date__text {
    color: #fff
}

.themed .itv-broadcast-schedule-item-info-button {
    color: #e4cbcc;
    fill: #e4cbcc
}

.themed .itv-broadcast-schedule-item-commentator-link {
    color: #e4cbcc
}

.themed .itv-broadcast-schedule-item-commentator-link:hover {
    color: #e4cbcc;
    text-decoration: underline
}

.themed .itv-broadcast-schedule-item-commentator-link, .themed .itv-broadcast-schedule-item-info-button {
    color: #fff;
    fill: #fff
}

.themed .itv-broadcast-schedule-item-commentator-link:hover {
    color: #fff;
    text-decoration: underline
}

.themed .itv-broadcast-schedule-bg {
    background-color: #001938;
    background: linear-gradient(to bottom, #0f0505 0, #001938 200px, #001938 100%)
}

.themed .itv-broadcast-schedule-bg .itv-date__text {
    color: #e4cbcc
}

.themed .itv-broadcast-schedule-top .arrow-icon path {
    fill: #e4cbcc
}

.themed .itv-broadcast-schedule-header {
    background-color: #40080e
}

.itv-broadcast-schedule-bg .itv-broadcast-schedule-header-link {
    color: #e9cece
}

.themed .itv-broadcast-schedule-item-flag-background, .themed .itv-broadcast-schedule-item-flag-note, .themed .itv-broadcast-schedule-item-info, .themed .itv-broadcast-schedule-item-text {
    background-color: #40080e;
    color: #c99296;
    fill: #c99296
}

.themed .itv-broadcast-schedule-item .itv-broadcast-schedule-item-flag-note::before {
    border-right-color: #40080e
}

.themed .itv-broadcast-schedule-item-flag:hover .itv-broadcast-schedule-item-flag-background {
    background-color: #40080e
}

.themed .itv-broadcast-schedule-item .itv-broadcast-schedule-item-commentator-link {
    color: #c99296
}

.themed .itv-broadcast-schedule-item-commentator-icon, .themed .itv-broadcast-schedule-item-flag--main .itv-icon path, .themed .itv-broadcast-schedule-item-info-time, .themed .itv-broadcast-schedule-item-info-time .tv-icon path {
    color: #c99296;
    fill: #c99296
}

.themed .itv-broadcast-schedule-item-info-button {
    color: #c99296;
    fill: #c99296;
    border-color: #c99296
}

.themed .itv-broadcast-schedule-item-info-button:hover {
    color: #40080e;
    fill: #40080e;
    border-color: #40080e;
    background-color: #c99296
}

.themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-flag-background, .themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-flag-note, .themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info, .themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-text {
    background-color: #500c11;
    color: #e9cece;
    fill: #e9cece
}

.themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-flag-note::before {
    border-right-color: #500c11
}

.themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-flag:hover .itv-broadcast-schedule-item-flag-background {
    background-color: #500c11
}

.themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-commentator-link {
    color: #e9cece
}

.themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-commentator-icon, .themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-flag--main .itv-icon path, .themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info-time, .themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info-time .tv-icon path {
    color: #e9cece;
    fill: #e9cece
}

.themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info-button {
    color: #e9cece;
    fill: #e9cece;
    border-color: #e9cece
}

.themed .itv-broadcast-schedule-item.current .itv-broadcast-schedule-item-info-button:hover {
    color: #500c11;
    fill: #500c11;
    border-color: #500c11;
    background-color: #e9cece
}

.themed .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-flag-background, .themed .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-flag-note, .themed .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-info, .themed .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-text {
    background-color: #360207
}

.themed .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-flag-note::before {
    border-right-color: #360207
}

.themed .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-flag:hover .itv-broadcast-schedule-item-flag-background {
    background-color: #500c11
}

.themed .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-info-button {
    color: #c99296;
    fill: #c99296;
    border-color: #c99296
}

.themed .itv-broadcast-schedule-item.past .itv-broadcast-schedule-item-info-button:hover {
    color: #360207;
    fill: #360207;
    border-color: #360207;
    background-color: #c99296
}

.themed .itv-broadcast-schedule-calendar {
    border-color: #3079d5
}

.themed .itv-broadcast-schedule-calendar .pika-broadcast-title, .themed .itv-broadcast-schedule-calendar .pika-title .pika-label {
    color: #e4cbcc
}

.themed .itv-broadcast-schedule-calendar .pika-table td .pika-button {
    color: #e4cbcc;
    border-color: #3079d5 !important
}

.themed .itv-broadcast-schedule-calendar .pika-table td .pika-button:hover, .themed .itv-broadcast-schedule-calendar .pika-table td:hover .pika-button {
    color: #e4cbcc;
    border-color: #84171e !important;
    background-color: #84171e
}

.themed .itv-broadcast-schedule-calendar .pika-table td:nth-child(n+6) .pika-button {
    border-color: #3079d5 !important;
    color: #84171e
}

.themed .itv-broadcast-schedule-calendar .pika-table td:hover:nth-child(n+6) .pika-button {
    color: #84171e;
    border-color: #e4cbcc !important;
    background-color: #e4cbcc
}

.themed .itv-broadcast-schedule-calendar .pika-table td.is-selected .pika-button {
    color: #e4cbcc;
    border-color: #84171e !important;
    background-color: #84171e
}

.themed .w1tv-ol18-broadcast-card {
    background-color: #40080e;
    color: #c99296
}

.themed .w1tv-ol18-broadcast-card:hover {
    background-color: #500c11;
    color: #e9cece
}

.themed .w1tv-ol18-broadcast-card:active {
    background-color: #360207;
    color: #e9cece
}

.themed .w1tv-ol18-broadcast-card::after {
    box-shadow: 0 0 35px 35px #40080e
}

.themed .w1tv-ol18-broadcast-card:hover::after {
    box-shadow: 0 0 35px 35px #500c11
}

.themed .w1tv-ol18-broadcast-card:active::after {
    box-shadow: 0 0 35px 35px #360207
}

.themed.themed.themed.theme-60.themed-splash {
    background-color: #8f0d28
}

.themed.themed.themed.theme-60 .themed-bg-cover-before::before, .themed.themed.themed.theme-60.th-bg-cover {
    background-color: #aa0f2e
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-7.themed-splash {
    background-color: #84171e
}

.themed.themed.themed.theme-7 .themed-bg-cover-before::before, .themed.themed.themed.theme-7.th-bg-cover {
    background-color: #7d161d
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-5.themed-splash {
    background-color: #7e9357
}

.themed.themed.themed.theme-5 .themed-bg-cover-before::before, .themed.themed.themed.theme-5.th-bg-cover {
    background-color: #7e9357
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-1.themed-splash {
    background-color: #0e61a2
}

.themed.themed.themed.theme-1 .themed-bg-cover-before::before, .themed.themed.themed.theme-1.th-bg-cover {
    background-color: #0e61a2
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-63.themed-splash {
    background-color: #5e61e6
}

.themed.themed.themed.theme-63 .themed-bg-cover-before::before, .themed.themed.themed.theme-63.th-bg-cover {
    background-color: #515ab4
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-14.themed-splash {
    background-color: #6f7c92
}

.themed.themed.themed.theme-14 .themed-bg-cover-before::before, .themed.themed.themed.theme-14.th-bg-cover {
    background-color: #a3adbf
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-57.themed-splash {
    background-color: #0a41a5
}

.themed.themed.themed.theme-57 .themed-bg-cover-before::before, .themed.themed.themed.theme-57.th-bg-cover {
    background-color: #0a41a5
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-15.themed-splash {
    background-color: #0a8475
}

.themed.themed.themed.theme-15 .themed-bg-cover-before::before, .themed.themed.themed.theme-15.th-bg-cover {
    background-color: #0a8475
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-9.themed-splash {
    background-color: #3f1d39
}

.themed.themed.themed.theme-9 .themed-bg-cover-before::before, .themed.themed.themed.theme-9.th-bg-cover {
    background-color: #3f1d39
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-62.themed-splash {
    background-color: #ed6250
}

.themed.themed.themed.theme-62 .themed-bg-cover-before::before, .themed.themed.themed.theme-62.th-bg-cover {
    background-color: #d55746
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-61.themed-splash {
    background-color: #ea3b4b
}

.themed.themed.themed.theme-61 .themed-bg-cover-before::before, .themed.themed.themed.theme-61.th-bg-cover {
    background-color: #275cba
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-65.themed-splash {
    background-color: #5e8c4e
}

.themed.themed.themed.theme-65 .themed-bg-cover-before::before, .themed.themed.themed.theme-65.th-bg-cover {
    background-color: #f2b30f
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-12.themed-splash {
    background-color: #212228
}

.themed.themed.themed.theme-12 .themed-bg-cover-before::before, .themed.themed.themed.theme-12.th-bg-cover {
    background-color: #212228
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-3.themed-splash {
    background-color: #5a7e93
}

.themed.themed.themed.theme-3 .themed-bg-cover-before::before, .themed.themed.themed.theme-3.th-bg-cover {
    background-color: #5a7e93
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-2.themed-splash {
    background-color: #6a7084
}

.themed.themed.themed.theme-2 .themed-bg-cover-before::before, .themed.themed.themed.theme-2.th-bg-cover {
    background-color: #393c45
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-11.themed-splash {
    background-color: #d04152
}

.themed.themed.themed.theme-11 .themed-bg-cover-before::before, .themed.themed.themed.theme-11.th-bg-cover {
    background-color: #d04152
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-10.themed-splash {
    background-color: #dd7726
}

.themed.themed.themed.theme-10 .themed-bg-cover-before::before, .themed.themed.themed.theme-10.th-bg-cover {
    background-color: #dd7726
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-59.themed-splash {
    background-color: #84171e
}

.themed.themed.themed.theme-59 .themed-bg-cover-before::before, .themed.themed.themed.theme-59.th-bg-cover {
    background-color: #1d1229
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-6.themed-splash {
    background-color: #7a1313
}

.themed.themed.themed.theme-6 .themed-bg-cover-before::before, .themed.themed.themed.theme-6.th-bg-cover {
    background-color: #7a1313
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-13.themed-splash {
    background-color: #958d7c
}

.themed.themed.themed.theme-13 .themed-bg-cover-before::before, .themed.themed.themed.theme-13.th-bg-cover {
    background-color: #958d7c
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-4.themed-splash {
    background-color: #b04341
}

.themed.themed.themed.theme-4 .themed-bg-cover-before::before, .themed.themed.themed.theme-4.th-bg-cover {
    background-color: #b04341
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-56.themed-splash {
    background-color: #0e61a2
}

.themed.themed.themed.theme-56 .themed-bg-cover-before::before, .themed.themed.themed.theme-56.th-bg-cover {
    background-color: #0e61a2
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-18.themed-splash {
    background-color: #23b378
}

.themed.themed.themed.theme-18 .themed-bg-cover-before::before, .themed.themed.themed.theme-18.th-bg-cover {
    background-color: #23b378
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-58.themed-splash {
    background-color: #66a9b1
}

.themed.themed.themed.theme-58 .themed-bg-cover-before::before, .themed.themed.themed.theme-58.th-bg-cover {
    background-color: #9bc3bf
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-16.themed-splash {
    background-color: #0a41a5
}

.themed.themed.themed.theme-16 .themed-bg-cover-before::before, .themed.themed.themed.theme-16.th-bg-cover {
    background-color: #0a41a5
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-8.themed-splash {
    background-color: #933c80
}

.themed.themed.themed.theme-8 .themed-bg-cover-before::before, .themed.themed.themed.theme-8.th-bg-cover {
    background-color: #3f1d39
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.themed.themed.themed.theme-17.themed-splash {
    background-color: #0757a8
}

.themed.themed.themed.theme-17 .themed-bg-cover-before::before, .themed.themed.themed.theme-17.th-bg-cover {
    background-color: #0e61a2
}

.ratio-16-9.hide-on-desktop.hide-on-landscape {
    display: none
}

.w_collection_items {
    padding-left: 15px;
    padding-right: 15px
}

.text-big {
    font-size: 20px !important
}

.text-center {
    text-align: center
}

.w_collection_items img {
    display: block;
    max-width: 100%;
    margin: 0 auto 20px
}

.w_collection_items p {
    font-size: 18px;
    line-height: 1.4
}

.text-danger {
    color: red
}

p.subtitle {
    font-size: 17px
}

.alert-block {
    border: 1px solid #000;
    margin: 0 0 20px;
    padding: 15px !important;
    background: #d9ead3;
    color: #000
}

.comment-item {
    padding: 15px 0
}

.comment-thread {
    padding-left: 50px
}

.user-message {
    padding: 15px 0;
    color: #000;
    font-size: 18px;
    line-height: 1.4
}

.user-info {
    display: flex;
    align-items: center
}

.user-info div {
    padding-left: 15px;
    font-weight: 700
}

.user-info img {
    width: 50px;
    flex: 50px 0 0;
    margin: 0
}

.user-message img {
    display: block;
    margin: 20px 0;
    width: 100%;
    max-width: 350px
}

.reply {
    padding-left: 60px
}

.cursor-text, .main-form, .main-form h2, .pop-up-window {
    color: #000
}

.btn-main {
    display: inline-block;
    margin: 30px 0;
    font-size: 30px;
    font-weight: 700;
    text-decoration: underline
}

.w__block__collection .collection-name, .w__block__collection .w_collection_title, .w__block__collection .w_photo_gallery_title, div[class*=collection-] .collection-name, div[class*=collection-] .w_collection_title, div[class*=collection-] .w_photo_gallery_title {
    font-size: 32px;
    line-height: 36px
}

@media (max-width: 730px) {
    .show-main .menu {
        display: none
    }
}

.main-list {
    color: #000;
    font-weight: 700
}

.main-list p {
    font-weight: 400
}

.w_content .w_row .w_block.c-12 {
    background: #fff;
  /*  border-radius: 10px; */
    margin: 0 auto 15px;
}

.themed h2, .user-info, .w_block h3, .w_collection_items p, .w_collection_title {
    color: #000 
}

.w_collection_title {
    font-size: 28px;
    font-weight: 700
}

#order_form {
    display: flex;
    flex-direction: column;
    align-items: center
}

#order_form input {
    display: flex
}

.inp-form {
    padding-left: 5px;
    height: 42px;
    margin-bottom: 10px
}

.submit-roulette:active {
    transform: translateY(2px);
    box-shadow: none
}

.submit-roulette {
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 15px 0;
    outline: 0;
    border: none;
    margin-top: 5px;
    border-radius: 5px;
    box-shadow: 0 4px 3px #242120;
    background: red;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    transition: background .3s
}

.submit-roulette:hover {
    background: #b00 !important;
    transition: background .3s
}

.price-bl {
    padding: 10px 0;
    font-size: 20px;
    color: #000
}

.old-pr {
    text-decoration: line-through
}

.no-marg {
    margin-bottom: 0 !important
}

.alert-block {
    padding: 20px !important
}

.inp-form {
    width: 220px;
    border: 1px solid #858585
}

input[type=submit] {
    width: 220px;
    text-align: center
}

.d-480 {
    display: none
}

@media screen and (max-width: 480px) {
    .w_block p.subtitle {
        font-size: 15px
    }

    .d-480 {
        display: block
    }

    p.subtitle {
        font-size: 14px
    }

    article header.page-title.project-title .promo-wrapper {
        justify-content: center
    }

    .w_block p {
        font-size: 16px
    }

    .w__block__collection .collection-name, .w__block__collection .w_collection_title, .w__block__collection .w_photo_gallery_title, div[class*=collection-] .collection-name, div[class*=collection-] .w_collection_title, div[class*=collection-] .w_photo_gallery_title {
        font-size: 18px
    }

    .w_collection_items img {
        max-width: 230px
    }

    .text-big {
        font-size: 18px !important
    }

    .w_collection_items > img {
        max-width: 350px
    }

    .user-message {
        font-size: 16px
    }
}

.d-992 {
    display: none
}

@media (min-width: 992px) {
    .d-992 {
        display: block
    }
}

@media (min-width: 1200px) {
    body > .container {
        width: 1024px
    }
}

input[type=submit] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.title__text {
    white-space: nowrap
}

.w_collection_items .attention {
    background: #e1a4a1;
    padding: 20px;
    border: 1px solid #000
}

@media screen and (min-width: 321px) and (max-width: 480px) {
    .w_collection_items img {
        max-width: 350px
    }
}

.nav-menu {
    margin: 0 auto;
    padding: 10px 32px 30px;
    border-bottom: 1px #000 solid
}

.nav-menu img {
    width: 100%;
    max-width: 480px
}

@media screen and (max-width: 480px) {
    .nav-menu {
        padding-bottom: 10px;
        padding-left: 20px
    }
}

.items-12 > img {
    width: 100%;
    max-width: 700px
}

figure {
    margin: 0 0 20px 0
}

figure img {
    margin-bottom: 5px !important
}

.items-12 figcaption {
    text-align: center;
    padding: 0 5%
}

figcaption, figcaption * {
    font-size: 18px !important
}

.items-12 ol, .items-12 ul {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 400;
    padding-left: 20px
}

.items-12 ol li, .items-12 ul li {
    padding-bottom: 10px
}

.big-txt {
    font-size: 1.4em !important
}

.red-txt {
    color: red !important
}

.pad-block {
    padding-left: 5% !important;
    padding-right: 5% !important
}

.razdel {
    width: 100%;
    border: 0;
    border-bottom: 1px dashed #000;
    background: 0 0;
    margin: 30px 0
}

img.prod-img {
    width: auto;
    max-width: 300px
}

p.marker-txt {
    font-weight: 700;
    color: #a40000 !important;
    font-size: 1.4em
}

.bg-block {
    margin-bottom: 20px;
    background: #ddf8d1;
    padding: 2px 13px
}

.vk-comment-text img {
    width: 80%;
    max-width: 350px;
    display: block;
    margin: 7px 0 0
}

#first-comment {
    display: none
}

.answer {
    padding-left: 40px
}

.vk-comment-text p {
    margin-bottom: 0
}

.vk-avatar img {
    margin-bottom: 0
}

.submit-roulette:hover {
    background: #b00;
    transition: background .3s
}

.additional-form-fields {
    padding-left: 5px;
    height: 42px;
    margin-bottom: 10px
}

#order_form {
    display: flex;
    flex-direction: column;
    align-items: center
}

#order_form input {
    display: flex
}

.submit-roulette:active {
    transform: translateY(2px);
    box-shadow: none
}

.submit-roulette, input[value="Получить бесплатно"] {
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 15px 0;
    outline: 0;
    border: none;
    margin-top: 5px;
    border-radius: 5px;
    box-shadow: 0 4px 3px #242120;
    background: red;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    transition: background .3s
}

input[value="Получить бесплатно"]:hover {
    background: #b00 !important;
    transition: background .3s
}

input[value="Получить бесплатно"]:active {
    transform: translateY(2px);
    box-shadow: none !important
}

.input-roulette::placeholder {
    font-size: .9em
}

.input-roulette {
    padding-left: 5px;
    height: 42px;
    margin-bottom: 10px;
    max-width: 350px !important;
    width: 100% !important;
    box-sizing: border-box
}

@media screen and(max-width: 550px) {
    .input-roulette {
        width: 95% !important
    }
}

input[placeholder="Ваш телефон"], input[placeholder="Ваше имя"] {
    padding-left: 5px;
    height: 42px;
    margin-bottom: 10px
}

.ruletka-p {
    text-indent: 0;
    color: #000;
    text-align: center !important;
    margin: 15px;
    line-height: 25px;
    font-weight: 700
}

.ruletka-p h2 {
    font-size: 25px;
    margin-bottom: 15px
}

.ruletka-a {
    color: #1697ce
}

.spin-wrapper {
    -webkit-box-shadow: 0 0 10px;
    box-shadow: 0 0 10px;
    border: 3px solid red;
    padding: 20px 10px;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box
}

.spin-wrapper .ruletka-p {
    margin-bottom: 15px
}

.danger-text {
    color: red;
    font-weight: 700
}

.wheel {
    width: 380px;
    height: 380px;
    margin: 0 auto;
    position: relative
}

.wheel img {
    max-width: 100%;
    max-height: 100%
}

.wheel-img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: 4s;
    -o-transition: 4s;
    transition: 4s
}

.wheel-cursor {
    position: absolute;
    width: 35% !important;
    height: 35%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cursor-text {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 45% !important;
    height: 45%;
    font: 16px Arial !important;
    line-height: 61px !important;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ccc;
    top: 49%;
    left: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: #fff 0 -2px 0 inset, #fff 0 2px 0 inset, rgba(0, 0, 0, .4) 0 0 5px;
    box-shadow: #fff 0 -2px 0 inset, #fff 0 2px 0 inset, rgba(0, 0, 0, .4) 0 0 5px;
    background: #fff;
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #fff), color-stop(100%, #eaeaea));
    background: -webkit-radial-gradient(center, ellipse cover, #fff 0, #eaeaea 100%);
    background: -o-radial-gradient(center, ellipse cover, #fff 0, #eaeaea 100%);
    background: -webkit-radial-gradient(center, ellipse, #fff 0, #eaeaea 100%);
    background: -o-radial-gradient(center, ellipse, #fff 0, #eaeaea 100%);
    background: radial-gradient(ellipse at center, #fff 0, #eaeaea 100%)
}

.order_block {
    display: none;
    text-align: center !important
}

.order_block img {
    width: 20%
}

.order_block h3 {
    font: bold 18px Arial !important;
    background: 0 0
}

#ad1_form, #adbees_form, #adeptcpa_form, #aff1_form, #apilead_form, #burg_tl_form, #cpagetti_form, #crm_form, #drcash_form, #everad_form, #funcpa_form, #ha9_form, #hp_form, #kma_form, #leadbit_form, #leadgroup_form, #leadtrade_form, #luckyshop_form, #m_leads, #monsterleads_form, #omni_form, #p_apilead_form, #p_hp_form, #p_hp_form_test, #p_omni_form, #p_rekl_form, #profit_form2, #pw_hp_form, #rekl_form, #rocket_form, #scpa_pw_ad1_form, #scpa_pw_apilead_form, #scpa_pw_drcash_form, #scpa_pw_hp_form, #scpa_pw_leadtrade_form, #scpa_pw_tl_form, #shakes_form, #static_omni_form, #t_drcash_form, #tl_form, #v_m_leads {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Proxima Nova", Montserrat, Arial, "Helvetica Neue", sans-serif
}

.time_remains {
    font-size: 1.1em;
    color: red;
    font-weight: 700
}

.spin-result-wrapper {
    display: none;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    top: 0;
    z-index: 999;
    left: 0;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .6);
    text-align: center
}

.pop-up-window {
    position: relative;
    max-width: 400px;
    right: 0;
    left: 0;
    top: 40%;
    margin: 0 auto;
    background: #fff none repeat scroll 0 0;
    text-align: center;
    padding: 10px;
    padding-top: 70px;
    padding-bottom: 20px;
    border-radius: 10px;
    animation: .7s ease 0s normal none 1 running pop-up-appear
}

.close-popup {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("");
    background-size: 100%;
    top: -40px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    right: -40px;
    cursor: pointer
}

.pop-up-heading {
    font-size: 40px;
    margin-bottom: 20px
}

.pop-up-text {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 30px;
    text-align: center !important
}

.pop-up-button {
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 10px 20%;
    font-size: 20px;
    border-radius: 5px;
    background-color: #71c341;
    color: #fff !important;
    border: medium none;
    cursor: pointer;
    outline: medium none
}

.cursor-text:active {
    -webkit-box-shadow: rgba(0, 0, 0, .4) 0 0 5px inset;
    box-shadow: rgba(0, 0, 0, .4) 0 0 5px inset
}

.pop-up-layer {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, .7) !important;
    z-index: 99 !important
}

.pop-up-layer-show {
    display: block
}

.pop-up-window {
    position: relative;
    max-width: 400px;
    right: 0;
    left: 0;
    top: 40%;
    margin: 0 auto;
    background: #fff none repeat scroll 0 0;
    text-align: center;
    padding: 10px;
    padding-top: 70px;
    padding-bottom: 20px;
    border-radius: 10px;
    animation: .7s ease 0s normal none 1 running pop-up-appear
}

.pop-up-window::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    top: -55px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #71c341;
    border-radius: 50%;
    animation: .5s ease .6s normal backwards 1 running pop-up-appear-before
}

.pop-up-window::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 20px;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-width: medium medium 4px 4px;
    border-style: none none solid solid;
    border-color: currentcolor currentcolor #fff #fff;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    transform: rotate(-45deg);
    transition: opacity 1s ease 0s;
    animation: .5s ease .6s normal backwards 1 running pop-up-appear-after
}

.text_small {
    font-size: .5em !important;
    font-weight: 400 !important
}

@keyframes pop-up-appear {
    0% {
        transform: translateY(-2000px)
    }
    30% {
        transform: translateY(100px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes pop-up-appear-before {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes pop-up-appear-after {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.pop-up-button:hover {
    color: #fff !important;
    text-decoration: none !important
}

@media all and (max-width: 520px) {
    .wheel {
        width: 260px !important;
        height: 260px !important
    }

    .cursor-text {
        line-height: 45px !important;
        font-size: 12px !important
    }
}

@media screen and (max-width: 520px) and (max-width: 345px) {
    .wheel {
        width: 250px !important;
        height: 250px !important
    }

    .cursor-text {
        line-height: 40px !important;
        font-size: 11px !important
    }
}

.wheel-img {
    position: relative;
    user-select: none
}

.wheel-img__numbers {
    position: absolute;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    user-select: none
}

.wheel-img__number {
    color: #000;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    font-size: 3.5em;
    line-height: 1
}

.wheel-img__number::before {
    content: "%";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    font-size: .7em
}

.wheel-img__number:nth-child(1) {
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wheel-img__number:nth-child(2) {
    top: 25%;
    left: 75%;
    transform: translate(-50%, -50%) rotateZ(45deg)
}

.wheel-img__number:nth-child(3) {
    top: 50%;
    left: 85%;
    transform: translate(-50%, -50%) rotateZ(90deg)
}

.wheel-img__number:nth-child(4) {
    top: 75%;
    left: 75%;
    transform: translate(-50%, -50%) rotateZ(135deg)
}

.wheel-img__number:nth-child(5) {
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%) rotateZ(180deg)
}

.wheel-img__number:nth-child(6) {
    top: 75%;
    left: 25%;
    transform: translate(-50%, -50%) rotateZ(225deg)
}

.wheel-img__number:nth-child(7) {
    top: 50%;
    left: 15%;
    transform: translate(-50%, -50%) rotateZ(270deg)
}

.wheel-img__number:nth-child(8) {
    top: 25%;
    left: 25%;
    transform: translate(-50%, -50%) rotateZ(315deg)
}

@media only screen and (max-width: 576px) {
    .wheel-img__number {
        font-size: 1.95em
    }

    .wheel-img__number::before {
        top: 100%
    }
}

@keyframes super-rotation {
    70% {
        transform: rotate(1640deg)
    }
    100% {
        transform: rotate(1620deg)
    }
}

.super-rotation {
    -webkit-animation-name: super-rotation;
    animation-name: super-rotation;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.wheel-cursor {
    user-select: none
}

body {
    min-width: auto
}

a {
    color: #44a9ff !important
}

.door__container {
    display: flex;
    justify-content: space-around
}

.box {
    perspective: 500px;
    position: relative
}

.box, .door {
    width: 190px;
    height: 400px;
    box-shadow: inset -1px -1px 0 1px #191919, inset 1px 1px 0 1px #191919
}

.door, .hi {
    position: absolute;
    top: 0;
    left: 0
}

.door {
    background-image: url("door.png");
    background-repeat: no-repeat;
    transform: rotateY(0);
    display: inline-block;
    transition: all .75s ease;
    transform-origin: 0 0;
    cursor: pointer
}

#door__2 {
    background-image: url("door2.png")
}

#door__3 {
    background-image: url("door3.png")
}

.door:hover {
    transform: rotateY(-30deg)
}

.door.open {
    transform: rotateY(-85deg)
}

.door__sales {
    position: relative;
    font-size: 46px !important;
    font-weight: 700 !important;
    color: red !important;
    border-radius: 30px !important;
    padding: 30px 5px !important;
    box-shadow: 0 1px 2px 2px #7f7878
}

.door__title {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-size: 22px !important;
    margin-bottom: 25px;
    background-color: #3a4752;
    padding: 10px !important;
    border-radius: .5em
}

@media (max-width: 840px) {
    .door__sales {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: red !important;
        border-radius: 30px !important
    }

    .box, .door {
        width: 95px;
        height: 200px
    }

    .door {
        background-image: url("media_door.png")
    }

    #door__2 {
        background-image: url("media_door2.png")
    }

    #door__3 {
        background-image: url("xmedia_door3.png")
    }
}

@media (max-width: 360px) {
    .box + .box {
        margin-left: 15px
    }

    .door__sales {
        font-size: 25px !important;
        font-weight: 700 !important;
        color: red !important;
        border-radius: 30px !important
    }
}

header {
    height: auto
}

main {
    margin-top: 0
}

.order_form_row select {
    width: 100% !important;
    padding: 14px;
    border: 2px solid #eaeaea;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: none !important;
    margin: 0 !important
}

.order_form .order_form_row input {
    font-size: 16px
}

.order_form_row {
    margin: 10px 0
}

.mycity {
    text-transform: uppercase;
    font-size: 10px;
    padding: 2px 5px;
    background: #f5fbfb;
    color: #444;
    font-weight: 700;
    font-family: calibri, roboto, arial;
    border-radius: 2px;
    border: 1px solid #989898;
    vertical-align: super
}

.vk-container {
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 15px;
    color: #000;
    text-decoration: none
}

.vk-header {
    background: #dae2e8 none repeat scroll 0 0;
    padding: 4px 4px 4px 6px;
    margin-bottom: 10px
}

.vk-logo {
    background: transparent none no-repeat scroll 0 0;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: -1px
}

.vk-header-text {
    padding: 2px 3px 1px;
    line-height: 100%;
    color: #45688e;
    font-weight: 700
}

.vk-comment, .vk-comment-load {
    margin-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #dae1e8;
    padding-bottom: 15px
}

.vk-avatar img {
    float: left;
    margin-right: 10px;
    border-radius: 50%
}

.vk-comment-name {
    color: #a40000;
    font-weight: 700;
    font-size: 14px;
    margin-left: 59px
}

.vk-comment-text {
    margin-left: 70px;
    margin-top: 10px
}

.vk-comment-date {
    margin-left: 70px;
    color: #999
}

.ord_button {
    background-color: #fc0a10;
    color: #fff !important;
    display: inline-block;
    padding: 10px 20px;
    font-size: 25px !important;
    box-shadow: 2px 3px 8px #999;
    text-decoration: none !important;
    border-radius: 8px;
    border: 3px solid #fff;
    margin: 20px 0 30px;
    line-height: 27px;
    text-transform: uppercase;
    transition: all .3s ease-in 0s
}

.ord_button:hover {
    background-color: #772133;
    box-shadow: 2px 3px 3px #999;
    text-decoration: none !important;
    transform: scale(1.1)
}

.screenLock {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none
}

.msg > h1 {
    color: #000;
    text-align: center;
    font-size: 26px;
    margin-bottom: 30px;
    margin-top: 30px
}

.msg > h2 {
    color: #000;
    text-align: left;
    font-size: 19px;
    margin-left: 40px;
    margin-bottom: 30px;
    margin-top: -10px
}

.close {
    position: absolute;
    top: 16px;
    right: 18px;
    font-size: 20px;
    cursor: pointer;
    color: #000
}

.fig {
    text-align: center
}

.box {
    display: flex
}

.hi {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.order_block img {
    width: auto
}

.navbar .info .social-buttons-compact {
    display: none
}

.input-roulette {
    font-size: 22px;
    -webkit-appearance: none;
    appearance: none;
    border: 1px #bbb solid
}

.btn-main {
    margin-bottom: 20px
}

.mob {
    display: none
}

.my-search {
    position: relative;
    top: 5px
}

@media (max-width: 767px) {
    .order_block img {
        width: auto
    }

    .desk {
        display: none
    }

    .mob {
        display: block;
        font-size: 20px !important;
        line-height: 1.2 !important
    }

    .w_collection_title {
        font-size: 24px !important
    }

    .my-search {
        position: absolute;
        right: 10px;
        top: 20px
    }
}

@media (max-width: 480px) {
    .w_block p {
        font-size: 18px 
    }
}

.navbar:not(.short) .menu .search-button.active, .navbar:not(.short) .menu .search-button:active, .navbar:not(.short) body.error-page .menu a.search-button, body.error-page .navbar:not(.short) .menu a.search-button {
    display: none
}

b, li, p, span {
    font-size: 20px !important
}

.screenLock {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.msg {
    box-sizing: border-box;
    max-width: 781px;
    text-align: center;
    width: 94%;
    max-height: 535px;
    background: #3c72b5;
    background: -moz-linear-gradient(-45deg, #3c72b5 0, #7b9fcc 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #3c72b5), color-stop(100%, #7b9fcc));
    background: -webkit-linear-gradient(-45deg, #3c72b5 0, #7b9fcc 100%);
    background: -o-linear-gradient(-45deg, #3c72b5 0, #7b9fcc 100%);
    background: -ms-linear-gradient(-45deg, #3c72b5 0, #7b9fcc 100%);
    background: linear-gradient(135deg, #3c72b5 0, #7b9fcc 100%);
    font-family: Roboto !important;
    position: relative;
    border: 5px solid #ddd;
    padding: 0 2%
}

.msg > p.comeback-title {
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    padding-top: 9px;
    display: block;
    color: #fff;
    text-align: center;
    margin: 0
}

.comeback-close {
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 30px;
    cursor: pointer;
    color: #b22222;
    display: block;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    box-shadow: 0 0 9px 0 #000;
    background: url("") no-repeat -4px -2px
}

.comeback-content {
    padding-top: 15px
}

.comeback-img {
    display: inline-block;
    width: 30%
}

.comeback-img img {
    max-width: 206px
}

.comeback-text {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    text-align: left;
    color: #fff;
    font-size: 20px;
    padding-bottom: 5px;
    width: 65%;
    float: right;
    margin-left: 5%;
    margin-top: 15px
}

.comeback-text span {
    border-radius: 3px;
    color: #5b5f65;
    background: #fff;
    font-weight: 600;
    line-height: 34px;
    padding: 1px 4px 1px 4px
}

.comeback-btn {
    display: inline-block;
    max-width: 380px;
    margin: 10px auto 33px;
    font-size: 23px;
    line-height: 100%;
    text-decoration: none;
    color: #fff;
    background-color: #3c72b5;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: 700;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 5px;
    padding: 15px 15px !important;
    transition-duration: .3s
}

.comeback-btn:hover {
    color: #3c72b5;
    background-color: #fff
}

@media (max-width: 737px) {
    .comeback-img {
        display: none
    }

    .comeback-text {
        float: none;
        width: 92%;
        margin: 15px auto 15px auto;
        font-size: 18px;
        text-align: center
    }

    .msg {
        width: 95%;
        left: auto;
        margin: 0 auto;
        top: 0;
        padding-bottom: 30px;
        text-align: center
    }

    .msg > p.comeback-title {
        font-size: 18px
    }

    .comeback-btn {
        font-size: 16px;
        margin: 0 auto
    }
}

.image-header {
    display: block;
    max-width: 100%;
    border-radius: 0;
    margin: 0 auto 20px;
    @media screen and (max-width: 560px) {
        padding: 0 10px;
    }
}
.breadcrumb{
    padding: 3px 15px;
    list-style: outside none none;
    background-color: #f5f5f5;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    width: 95%;
    margin: 0 auto 25px;
}
.breadcrumb>li+li::before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc;
}

.breadcrumb>.active {
    color: #777;
}