.swiper-container {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    /*  height: 100%;*/
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}
/*
@font-face {
    font-family: 'Tempo';
    src: url(/public/vendors/font/TempoStd-HeavyCondensed.otf) format("opentype")
}
*/
.font-small,
.article__credit {
    font-size: 10px;
    line-height: 1em
}

.font-small-1,
.sun-newsuk .panel ul li,
.teaser .sponsor,
.article-data,
.opta-timeline .match-details,
.rail .rail__sponser,
.rail .rail__item-image .rail__item-running-time,
.rail--trending .rail__item-image .rail__item-trend-position,
footer ul,
footer p {
    font-size: 13px;
    line-height: 1em
}

.font-small-2,
.teaser__small-text .teaser__headline,
.teaser__small-text .teaser__subdeck,
.teaser__small .teaser__headline,
.teaser__small .teaser__subdeck,
.searchresults .search-results-wrap .search-date,
.rail .rail__item-headline,
.rail .rail__item-sub {
    font-size: 14px;
    line-height: 1.215em
}

.font-small-3,
.sun-newsuk .panel .panel__title,
.sun-newsuk .panel p,
.teaser-item #perksWidget .teaser-item .teaser__headline,
.teaser-item #perksWidget .teaser-item .teaser__subdeck,
.teaser__small .teaser-slug__copy,
.teaser__small-wide .teaser-slug__copy,
.teaser__medium .teaser__headline,
.teaser__medium .teaser__subdeck,
.teaser__large .teaser__lead,
.teaser__large-side .teaser__lead,
.teaser__extra-large .teaser__lead,
.teaser__video .teaser__lead,
.article__meta,
.article__media-caption,
figcaption,
.article__quote-credit,
.comments .fyre .fyre-stream-sort,
.comments .fyre .fyre-comment-article,
.comments .fyre .fyre-comment-stream,
.sun-video-wrapper .sun-video-details span,
.gallery-popup .swiper-caption,
.rail .swiper-pagination.swiper-pagination-fraction,
.rail--gallery .rail__gallery-count-value,
footer h3 {
    font-size: 15px;
    line-height: 1.2em
}

.font-small-4,
form input[type=text],
form input[type=submit],
.sun-header--wrap .follow a,
.weather .weather-content,
.article__content,
.article__content h5,
.article-boxout .article-boxout__content,
.opta-commentary li span,
.match-data--lineups .lineups-wrapper ul li .jersey,
.match-data--lineups .lineups-wrapper ul li .player,
.match-data--lineups .lineups-wrapper ul li .event-icon {
    font-size: 16px;
    line-height: 1.25em
}

.font-medium-1,
.teaser__medium .teaser-slug__copy,
.teaser__large-side .teaser-slug__copy,
.article__content h4,
.sub-nav,
.football--live .match-tabs,
.football--fixtures .fixtures-tabs,
.opta-commentary li .comment-time,
.match-data--lineups h3,
.match-data--lineups .lineup-coach dt,
.match-data--stats .tabs-nav,
.match-data--stats .tabs-content table .stat-home,
.match-data--stats .tabs-content table .stat-away,
.pagination .pagination-prev,
.pagination .pagination-next,
.pagination ul {
    font-size: 18px;
    line-height: 1em
}

.font-medium-2,
.teaser__medium-text .teaser__headline,
.teaser__medium-text .teaser__subdeck,
.teaser__small-wide .teaser__headline,
.teaser__small-wide .teaser__subdeck,
.teaser__portrait .teaser-slug__copy,
.teaser__portrait .teaser__headline,
.teaser__portrait .teaser__subdeck,
.article__subdeck,
.article__subdeck--bullet,
.article__content h3,
.article__gallery-count-value,
.article__quote,
.opta-timeline .score-line .team,
.sun-video-wrapper .sun-video-details h2,
.sun-video-wrapper .sun-video-details p,
.searchresults .search-result-count p,
.searchresults .search-did-you-mean p {
    font-size: 20px;
    line-height: 1.2em
}

.font-medium-2-2,
.teaser__large .teaser-slug__copy,
.teaser__large .teaser__headline,
.teaser__large .teaser__subdeck,
.teaser__large-side .teaser__headline,
.teaser__large-side .teaser__subdeck,
.teaser__extra-large .teaser-slug__copy,
.teaser__video .teaser-slug__copy,
.article-boxout .article-boxout__headline,
.comments .comments-header-wrap,
.sun-video-wrapper h3,
.rail .rail__title,
.sidebar .sidebar__title {
    font-size: 24px;
    line-height: 1.2em
}

.font-medium-2-2-nil,
.article-slug--article-page {
    font-size: 24px;
    line-height: 1em
}

.font-medium-3,
.teaser__extra-large .teaser__headline,
.teaser__extra-large .teaser__subdeck,
.teaser__video .teaser__headline,
.teaser__video .teaser__subdeck {
    font-size: 30px;
    line-height: 1.2em
}

.font-medium-4,
.article__headline {
    font-size: 36px;
    line-height: 1.2em
}

.font-large-1,
.topic-page .topic-page__heading h1,
.football--team .team-crest .team-name,
.opta-timeline .score-line .score {
    font-size: 40px;
    line-height: 1em
}

.font-large-2 {
    font-size: 44px;
    line-height: 1.1em
}

.sun-grid-container.sun-grid-container--white {
    background-color: #fff
}

.sun-grid-container.sun-grid-container--dark {
    background-color: #232327
}

@media only screen and (max-width:675px) {
    .sun-grid-container.sun-grid-container--dark {
        margin-bottom: 10px
    }
    .new-block .sun-col-2 .teaser__small{
        height: 0px !important ;
    }
}

.sun-row,
.sun-row-v2 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 10px 10px 0;
    *zoom: 1;
}

.sun-row:after,
.sun-row-v2:after {
    content: " ";
    display: block;
    clear: both
}

.sun-row:after,
.sun-row-v2:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row,
    .sun-row-v2 {
        max-width: 660px
    }
}

@media only screen and (max-width:675px) {
    .sun-row,
    .sun-row-v2 {
        max-width: 660px;
        padding-bottom: 0
    }
}

.sun-row.sun-row--dark,
.sun-row-v2.sun-row--dark {
    background-color: #232327
}

@media only screen and (max-width:675px) {
    .sun-row.sun-row--dark .col:after,
    .sun-row-v2.sun-row--dark .col:after {
        bottom: -10px;
        content: '';
        left: 10px;
        height: 1px;
        position: absolute;
        right: 10px
    }
}

.sun-row .col,
.sun-row-v2 .col {
    margin: 0;
    padding: 10px;
    position: relative
}

.sun-row .col.club-nav-col-mobile,
.sun-row-v2 .col.club-nav-col-mobile {
    padding: 0
}

@media only screen and (max-width:675px) {
    .sun-row .col.club-nav-col-mobile,
    .sun-row-v2 .col.club-nav-col-mobile {
        padding: 10px 10px 0
    }
}

.sun-row .col-level-2,
.sun-row-v2 .col-level-2 {
    margin: 0;
    padding: 10px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row .col-level-2.col-level-2--remove-float,
    .sun-row-v2 .col-level-2.col-level-2--remove-float {
        float: none
    }
}

.sun-row .col-level-2 .sun-col-2,
.sun-row-v2 .col-level-2 .sun-col-2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

.sun-row.no-gutters,
.sun-row .no-gutters,
.sun-row-v2.no-gutters,
.sun-row-v2 .no-gutters {
    padding: 0
}

.sun-row.sun-row--football-widgets,
.sun-row-v2.sun-row--football-widgets {
    margin-top: -20px;
    margin-bottom: -20px
}

@media only screen and (max-width:675px) {
    .sun-row.sun-row--football-widgets,
    .sun-row-v2.sun-row--football-widgets {
        margin: 0;
        padding-top: 5px
    }
}

.sun-row.sun-row--football-widgets .sun-col-2,
.sun-row-v2.sun-row--football-widgets .sun-col-2 {
    width: 33.33333%;
    float: left
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row.sun-row--football-widgets .sun-col-2,
    .sun-row-v2.sun-row--football-widgets .sun-col-2 {
        width: 50%;
        float: left
    }
}

@media only screen and (max-width:675px) {
    .sun-row.sun-row--football-widgets .sun-col-2,
    .sun-row-v2.sun-row--football-widgets .sun-col-2 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.sun-row.sun-row--football-widgets .sun-col-4,
.sun-row-v2.sun-row--football-widgets .sun-col-4 {
    width: 66.66667%;
    float: left
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row.sun-row--football-widgets .sun-col-4,
    .sun-row-v2.sun-row--football-widgets .sun-col-4 {
        width: 50%;
        float: left
    }
}

@media only screen and (max-width:675px) {
    .sun-row.sun-row--football-widgets .sun-col-4,
    .sun-row-v2.sun-row--football-widgets .sun-col-4 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.sun-row.sun-row--football-widgets .col-float-right,
.sun-row-v2.sun-row--football-widgets .col-float-right {
    float: right
}

@media only screen and (max-width:675px) {
    .sun-row.no-gutters--mobile,
    .sun-row .no-gutters--mobile,
    .sun-row-v2.no-gutters--mobile,
    .sun-row-v2 .no-gutters--mobile {
        padding: 0
    }
}

.sun-row .sun-col-1,
.sun-row-v2 .sun-col-1 {
    width: 16.66667%;
    float: left
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row .sun-col-1,
    .sun-row-v2 .sun-col-1 {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width:675px) {
    .sun-row .sun-col-1,
    .sun-row-v2 .sun-col-1 {
        width: 50%;
        float: left
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row .sun-col-1-full,
    .sun-row-v2 .sun-col-1-full {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width:675px) {
    .sun-row .sun-col-1-full,
    .sun-row-v2 .sun-col-1-full {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.sun-row .sun-col-2,
.sun-row-v2 .sun-col-2 {
    width: 33.33333%;
    float: left
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row .sun-col-2,
    .sun-row-v2 .sun-col-2 {
        width: 50%;
        float: left
    }
    .sun-row .sun-col-2.sun-col-2--becomes-col-4,
    .sun-row-v2 .sun-col-2.sun-col-2--becomes-col-4 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .sun-row .sun-col-2.sun-col-2--is-ad,
    .sun-row-v2 .sun-col-2.sun-col-2--is-ad {
        float: right
    }
    .sun-row .sun-col-2.sun-col-2--is-ad.sun-col-2--is-ad--mpu-small,
    .sun-row-v2 .sun-col-2.sun-col-2--is-ad.sun-col-2--is-ad--mpu-small {
        margin-top: -155px
    }
    .sun-row .sun-col-2.sun-col-2--is-ad.sun-col-2--is-ad--mpu-large,
    .sun-row-v2 .sun-col-2.sun-col-2--is-ad.sun-col-2--is-ad--mpu-large {
        margin-top: -466px
    }
}

@media only screen and (max-width:675px) {
    .sun-row .sun-col-2,
    .sun-row-v2 .sun-col-2 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.sun-row .sun-col-3,
.sun-row-v2 .sun-col-3 {
    width: 50%;
    float: left
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row .sun-col-3,
    .sun-row-v2 .sun-col-3 {
        width: 50%;
        float: left
    }
    .sun-row .sun-col-3.sun-col-3--becomes-col-4,
    .sun-row-v2 .sun-col-3.sun-col-3--becomes-col-4 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .sun-row .sun-col-3.sun-col-3--clear,
    .sun-row-v2 .sun-col-3.sun-col-3--clear {
        clear: both
    }
}

@media only screen and (max-width:675px) {
    .sun-row .sun-col-3,
    .sun-row-v2 .sun-col-3 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.sun-row .sun-col-4,
.sun-row-v2 .sun-col-4 {
    width: 66.66667%;
    float: left
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row .sun-col-4,
    .sun-row-v2 .sun-col-4 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .sun-row .sun-col-4.sun-col-4--becomes-col-2,
    .sun-row-v2 .sun-col-4.sun-col-4--becomes-col-2 {
        width: 50%;
        float: left
    }
}

@media only screen and (max-width:675px) {
    .sun-row .sun-col-4,
    .sun-row-v2 .sun-col-4 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.sun-row .sun-col-6,
.sun-row-v2 .sun-col-6 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width:676px) and (max-width:980px) {


    .sun-row .sun-col-6,
    .sun-row-v2 .sun-col-6 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .sun-row .sun-col-6.sun-col-6--becomes-col-2,
    .sun-row-v2 .sun-col-6.sun-col-6--becomes-col-2 {
        width: 50%;
        float: left
    }
}

@media only screen and (max-width:675px) {
    .sun-row .sun-col-6,
    .sun-row-v2 .sun-col-6 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

}

.icon {
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    background-size: cover;
    outline: 1px solid white
}

.icon.icon-arrow-down {
    background-color: #2e2e33;
    background-image: url(/public/images/dropdownarrow.svg);
    background-size: cover;
    height: 5px;
    right: 0;
    top: 8px;
    width: 8px
}

.icon.icon-arrow-down.icon-arrow-down--dark {
    background-color: #fff;
    background-image: url(/public/images/dropdownarrow-dark-grey-blue.svg);
    outline: 1px solid #2e2e33
}

.icon.icon-avatar {
    background-color: #2e2e33;
    background-image: url(/public/images/avatar.svg);
    height: 36px;
    right: 0;
    top: 0;
    width: 36px
}

.icon.icon-search {
    background-color: #2e2e33;
    background-image: url(/public/images/search.svg);
    height: 24px;
    right: 0;
    top: 0;
    width: 24px
}

.icon.icon-facebook {
    background-image: url(/public/images/facebook.svg);
    height: 50px;
    right: 0;
    top: 0;
    width: 50px;
    outline: 0
}

.icon.icon-twitter {
    background-image: url(/public/images/twitter.svg);
    height: 50px;
    right: 0;
    top: 0;
    width: 50px;
    outline: 0
}

.icon.icon-back-to-top {
    background-image: url(/public/images/returntotop_arrow.svg);
    background-size: cover;
    height: 22px;
    width: 18px;
    outline: 0
}

.icon.icon-close {
    background-color: #fff;
    background-image: url(/public/images/close-dark-grey-blue.svg);
    outline: 1px solid #2e2e33;
    height: 20px;
    width: 20px
}

.icon.icon-close.icon-close-dark {
    background-color: #2e2e33;
    background-image: url(/public/images/close.svg)
}

.icon.icon-arrow-right {
    background-color: #000;
    background-image: url(/public/images/scrollarrow.svg);
    height: 15px;
    width: 10px
}

.icon.icon-arrow-right.icon-arrow-right-grey {
    background-image: url(/public/images/scrollarrow-grey.svg);
    outline: 1px solid #eaeeef
}

.icon.icon-arrow-right.icon-arrow-down-grey {
    background-image: url(/public/images/scrollarrow-grey-down.svg);
    outline: 1px solid #eaeeef;
    height: 10px;
    width: 15px
}

.icon.icon-arrow-right.icon-arrow-right-teaser-grey {
    background-image: url(/public/images/scrollarrow-teaser-grey.svg)
}

.icon.icon-arrow-right.icon-arrow-right-white {
    background-image: url(/public/images/rail_arrow.svg);
    outline: 0
}

.icon.icon-comment {
    background-color: #eb1701;
    background-image: url(/public/images/comments.svg);
    height: 15px;
    left: 0;
    position: absolute;
    width: 16px
}

.icon.icon-comment.icon-comment-grey {
    background-image: url(/public/images/comments-grey.svg)
}

.icon.icon-arrow-left {
    background-color: #eb1701;
    background-image: url(/public/images/scrollarrow_prev.svg);
    height: 15px;
    width: 10px
}

.icon.icon-arrow-left.icon-arrow-left-grey {
    background-color: #2e2e33;
    background-image: url(/public/images/scrollarrow_prev-grey.svg);
    outline: 1px solid #eaeeef
}

.icon.icon-arrow-left.icon-arrow-left-white {
    background-image: url(/public/images/rail_arrow.svg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    outline: 0
}

.icon.icon-arrow-circled-down {
    background-image: url(/public/images/arrow-section-nav-mobile.svg);
    outline: 0;
    height: 23px;
    width: 23px
}

.icon.icon-arrow-circled-down.icon-arrow-circled--dark {
    background-image: url(/public/images/arrow-section-nav-mobile-dark.svg);
    outline: 0
}

.weather-icon {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 50px;
    margin-top: 17px;
    width: 50px
}

.weather-icon.weather-icon-chanceflurries {
    background-image: url(/public/images/weather/chanceflurries.svg)
}

.weather-icon.weather-icon-chancerain {
    background-image: url(/public/images/weather/chancerain.svg)
}

.weather-icon.weather-icon-chancesleet {
    background-image: url(/public/images/weather/chancesleet.svg)
}

.weather-icon.weather-icon-chancesnow {
    background-image: url(/public/images/weather/chancesnow.svg)
}

.weather-icon.weather-icon-chancetstorms {
    background-image: url(/public/images/weather/chancetstorms.svg)
}

.weather-icon.weather-icon-mostlycloudy {
    background-image: url(/public/images/weather/mostlycloudy.svg)
}

.weather-icon.weather-icon-mostlysunny {
    background-image: url(/public/images/weather/mostlysunny.svg)
}

.weather-icon.weather-icon-partlycloudy {
    background-image: url(/public/images/weather/partlycloudy.svg)
}

.weather-icon.weather-icon-partlysunny {
    background-image: url(/public/images/weather/partlysunny.svg)
}

.weather-icon.weather-icon-clear {
    background-image: url(/public/images/weather/clear.svg)
}

.weather-icon.weather-icon-cloudy {
    background-image: url(/public/images/weather/cloudy.svg)
}

.weather-icon.weather-icon-flurries {
    background-image: url(/public/images/weather/flurries.svg)
}

.weather-icon.weather-icon-fog {
    background-image: url(/public/images/weather/fog.svg)
}

.weather-icon.weather-icon-hazy {
    background-image: url(/public/images/weather/hazy.svg)
}

.weather-icon.weather-icon-sleet {
    background-image: url(/public/images/weather/sleet.svg)
}

.weather-icon.weather-icon-snow {
    background-image: url(/public/images/weather/snow.svg)
}

.weather-icon.weather-icon-tstorms {
    background-image: url(/public/images/weather/tstorms.svg)
}

.weather-icon.weather-icon-rain {
    background-image: url(/public/images/weather/rain.svg)
}

.weather-icon.weather-icon-nt_chanceflurries {
    background-image: url(/public/images/weather/nt_chanceflurries.svg)
}

.weather-icon.weather-icon-nt_chancerain {
    background-image: url(/public/images/weather/nt_chancerain.svg)
}

.weather-icon.weather-icon-nt_chancesleet {
    background-image: url(/public/images/weather/nt_chancesleet.svg)
}

.weather-icon.weather-icon-nt_chancesnow {
    background-image: url(/public/images/weather/nt_chancesnow.svg)
}

.weather-icon.weather-icon-nt_chancetstorms {
    background-image: url(/public/images/weather/nt_chancetstorms.svg)
}

.weather-icon.weather-icon-nt_mostlycloudy {
    background-image: url(/public/images/weather/nt_mostlycloudy.svg)
}

.weather-icon.weather-icon-nt_mostlysunny {
    background-image: url(/public/images/weather/nt_mostlysunny.svg)
}

.weather-icon.weather-icon-nt_partlycloudy {
    background-image: url(/public/images/weather/nt_partlycloudy.svg)
}

.weather-icon.weather-icon-nt_partlysunny {
    background-image: url(/public/images/weather/nt_partlysunny.svg)
}

.weather-icon.weather-icon-nt_clear {
    background-image: url(/public/images/weather/nt_clear.svg)
}

.weather-icon.weather-icon-nt_cloudy {
    background-image: url(/public/images/weather/nt_cloudy.svg)
}

.weather-icon.weather-icon-nt_flurries {
    background-image: url(/public/images/weather/nt_flurries.svg)
}

.weather-icon.weather-icon-nt_fog {
    background-image: url(/public/images/weather/nt_fog.svg)
}

.weather-icon.weather-icon-nt_hazy {
    background-image: url(/public/images/weather/nt_hazy.svg)
}

.weather-icon.weather-icon-nt_sleet {
    background-image: url(/public/images/weather/nt_sleet.svg)
}

.weather-icon.weather-icon-nt_snow {
    background-image: url(/public/images/weather/nt_snow.svg)
}

.weather-icon.weather-icon-nt_tstorms {
    background-image: url(/public/images/weather/nt_tstorms.svg)
}

.weather-icon.weather-icon-nt_rain {
    background-image: url(/public/images/weather/nt_rain.svg)
}

form textarea,
form input {
    outline: 0
}

form input[type=text] {
    color: #eb1701;
    text-shadow: 0 0 0 #2e2e33;
    -webkit-text-fill-color: transparent
}

form input[type=text]::-webkit-input-placeholder {
    color: #80808c;
    text-shadow: none;
    -webkit-text-fill-color: initial
}

form input {
    border: 0
}

form input:-moz-placeholder {
    color: #80808c
}

form input::-moz-placeholder {
    color: #80808c
}

form input:-ms-input-placeholder {
    color: #80808c
}

form input::-webkit-input-placeholder {
    color: #80808c
}

form input[type=text] {
    border-left: 2px solid #eb1701;
    font-family: "Roboto", sans-serif;
    height: 22px;
    padding: 0 10px;
    border-radius: 0;
    -webkit-appearance: none
}

form input[type=submit] {
    background-color: #eb1701;
    color: #fff;
    font-family: "Roboto Slab", serif;
    height: 40px;
    padding: 0 16px;
    border-radius: 0;
    -webkit-appearance: none
}

.sun-newsuk {
    background-color: #2e2e33;
    height: 450px;
    margin-top: -420px;
    position: relative;
    z-index: 3;
    -moz-transition: margin-top .4s;
    -o-transition: margin-top .4s;
    -webkit-transition: margin-top .4s;
    transition: margin-top .4s
}

.sun-newsuk.open {
    margin-top: 0
}

.sun-newsuk .sun-row {
    background-color: #2e2e33
}

.sun-newsuk .sun-row .col {
    min-height: 430px;
    padding: 0
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-newsuk .sun-row .col {
        min-height: 445px
    }
}

.sun-newsuk .sun-newsuk__button {
    bottom: -2px;
    color: #fff;
    cursor: pointer;
    font-family: "Roboto Slab", serif;
    font-size: 11px;
    font-weight: 600;
    left: 291px;
    padding-right: 14px;
    position: absolute;
    text-transform: uppercase;
    -moz-transition: color .1s;
    -o-transition: color .1s;
    -webkit-transition: color .1s;
    transition: color .1s
}

.sun-newsuk .sun-newsuk__button .icon {
    top: 6px;
    -moz-transition: -moz-transform .1s;
    -o-transition: -o-transform .1s;
    -webkit-transition: -webkit-transform .1s;
    transition: transform .1s
}

.sun-newsuk .sun-newsuk__button:hover {
    color: #eb1701
}

.sun-newsuk .sun-newsuk__button.open {
    color: #eb1701
}

.sun-newsuk .sun-newsuk__button.open .icon {
    background-color: #eb1701;
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sun-newsuk .panel {
    color: #fff;
    float: left;
    margin-right: 40px;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 300px
}

.sun-newsuk .panel.panel--slim {
    width: 240px
}

.sun-newsuk .panel .panel__title {
    border-bottom: 1px solid #80808c;
    color: #80808c;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    text-transform: uppercase
}

.sun-newsuk .panel p {
    font-family: "Roboto", sans-serif;
    margin-bottom: 22px
}

.sun-newsuk .panel a {
    color: #fff
}

.sun-newsuk .panel .follow-sun {
    padding-top: 15px
}

.sun-newsuk .panel .follow-sun a {
    display: inline-block;
    height: 50px;
    margin-right: 20px;
    position: relative;
    width: 50px
}

.sun-newsuk .panel ul {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    font-family: "Roboto Slab", serif;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 300px;
    padding-top: 6px
}

.sun-newsuk .panel ul.no-columns {
    -moz-columns: auto;
    -webkit-columns: auto;
    columns: auto
}

.sun-newsuk .panel ul li {
    line-height: 1.2em;
    padding-bottom: 7px;
    padding-top: 7px;
    width: 150px
}

.sun-newsuk .panel ul li.sign-in a span {
    display: none
}

.sun-newsuk .panel--half {
    width: 130px
}

.sun-newsuk .panel--half ul {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    width: 130px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-newsuk .panel--half ul {
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2
    }
}

@media only screen and (max-width:675px) {
    .sun-newsuk .panel--half ul {
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
        width: 100%
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-newsuk {
        height: 468px;
        margin-top: -438px
    }
    .sun-newsuk .close {
        background: #fff url(/public/images/close-dark-grey-blue.svg) no-repeat center;
        cursor: pointer;
        display: block;
        height: 20px;
        left: 50%;
        margin-left: 290px;
        position: absolute;
        top: 30px;
        width: 20px;
        z-index: 2
    }
    .sun-newsuk .panel {
        float: left;
        margin-right: 0;
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0;
        width: 50%
    }
    .sun-newsuk .panel.panel--slim {
        padding-top: 69px;
        width: 100%
    }
    .sun-newsuk .panel.panel--slim .panel--slim-left,
    .sun-newsuk .panel.panel--slim .panel--slim-right {
        float: left;
        width: 50%
    }
    .sun-newsuk .panel.panel--slim p {
        margin-bottom: 2px;
        padding-right: 70px
    }
    .sun-newsuk .panel ul {
        width: 100%
    }
    .sun-newsuk .panel ul li {
        width: 100%
    }
    .sun-newsuk .panal--services {
        display: none
    }
}

@media only screen and (max-width:675px) {
    .sun-newsuk {
        bottom: 100%;
        height: 100%;
        left: 0;
        margin-left: 0;
        margin-top: 0;
        max-width: none;
        overflow: hidden;
        overflow-y: auto;
        padding-bottom: 60px;
        padding-top: 54px;
        position: absolute;
        width: 100%;
        z-index: 99;
        -moz-transition: bottom .6s;
        -o-transition: bottom .6s;
        -webkit-transition: bottom .6s;
        transition: bottom .6s
    }
    .sun-newsuk.open {
        bottom: 0
    }
    .sun-newsuk .close {
        left: auto;
        margin-left: 0;
        right: 10px;
        top: 68px;
        z-index: 2
    }
    .sun-newsuk .sun-newsuk__button {
        display: none
    }
    .sun-newsuk .panel {
        float: none;
        margin-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
        width: 100%
    }
    .sun-newsuk .panel.panel--slim {
        display: none
    }
    .sun-newsuk .panel .panel__title {
        font-size: 16px
    }
    .sun-newsuk .panel ul {
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
        width: 100%
    }
    .sun-newsuk .panel ul li {
        font-size: 14px;
        line-height: 19px;
        padding-bottom: 0;
        padding-top: 17px;
        width: auto
    }
    .sun-newsuk .panel--half {
        width: 100%
    }
}

.sun-header-bg {
    background-color: #fff;
    border-bottom: 1px solid #c4cacb;
    min-height: 177px;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 2;
    -moz-transition: top .4s;
    -o-transition: top .4s;
    -webkit-transition: top .4s;
    transition: top .4s
}

.sun-header-bg.open {
    top: 370px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-header-bg.open {
        top: 388px
    }
}

.sun-header-bg .sun-header-bg-color {
    background-color: #fff;
    display: block;
    height: 48px;
    position: relative;
    width: 100%;
    z-index: 2
}

.sun-header-bg .back-to-top {
    background-color: #eb1701;
    cursor: pointer;
    height: 73px;
    margin-right: -538px;
    padding: 20px 10px 10px;
    position: fixed;
    right: 50%;
    top: -100px;
    width: 48px;
    z-index: 1;
    -moz-transition: top .4s;
    -o-transition: top .4s;
    -webkit-transition: top .4s;
    transition: top .4s
}

.sun-header-bg .back-to-top span {
    display: block
}

.sun-header-bg .back-to-top .icon {
    background-color: #fff;
    margin-left: 5px
}

.sun-header-bg .back-to-top .text-top {
    color: #fff;
    font-family: "Tempo";
    font-size: 20px;
    line-height: 15px;
    margin-top: 33px;
    text-align: center
}

.sun-header-bg .back-to-top:hover .icon {
    -moz-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -moz-animation-duration: .3s, 1.5s;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -moz-animation-delay: 0s, .3s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -moz-animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -moz-animation-iteration-count: 1, infinite;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-direction: normal, alternate;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-moz-keyframes hvr-icon-bob {
    0% {
        -moz-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -moz-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    100% {
        -moz-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob {
    0% {
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    100% {
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-moz-keyframes hvr-icon-bob-float {
    100% {
        -moz-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.sun-header-bg.scrolling {
    border-bottom: 0;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    min-height: 48px;
    position: fixed;
    -moz-animation: scrollNavBgDown .1s forwards;
    -webkit-animation: scrollNavBgDown .1s forwards;
    animation: scrollNavBgDown .1s forwards
}

@keyframes scrollNavBgDown {
    from {
        top: -50px
    }
    to {
        top: 0
    }
}

.sun-header-bg.scrolling .back-to-top {
    top: 49px
}

.sun-header-bg.scrolling-remove {
    -moz-animation: scrollNavBgUp .1s forwards;
    -webkit-animation: scrollNavBgUp .1s forwards;
    animation: scrollNavBgUp .1s forwards
}

@keyframes scrollNavBgUp {
    from {
        top: 0
    }
    to {
        top: -50px
    }
}

.sun-header-bg.scrolling-remove .back-to-top {
    top: -100px
}

@media only screen and (max-width:1024px) {
    .sun-header-bg .back-to-top {
        display: none
    }
}

@media only screen and (max-width:675px) {
    .sun-header-bg {
        display: none
    }
}

.ipad .back-to-top,
.android .back-to-top {
    display: none
}

.sun-header--wrap,
.sun-header--nav {
    left: 50%;
    margin-left: -490px;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    width: 100%;
    -moz-transition: top .4s;
    -o-transition: top .4s;
    -webkit-transition: top .4s;
    transition: top .4s
}

.sun-header--nav-wrap {
    border-left: 1px solid #eaeeef;
    border-right: 1px solid #eaeeef
}

.sun-header--wrap {
    border-bottom: 1px solid #eaeeef;
    border-right: 1px solid #eaeeef;
    top: 30px;
    z-index: 100
}

.sun-header--wrap.open {
    top: 450px
}

.sun-header--wrap #logo {
    background: url(/public/images/logo-tinngoisao.png) no-repeat center;
    background-size: 70%;
    height: 70px;
    margin-bottom: -1px;
    margin-left: -40px;
    margin-top: -30px;
    width: 280px
}

.sun-header--wrap #logo a {
    cursor: pointer;
    display: block;
    height: 100%;
    width: 100%
}

.sun-header--wrap .logo {
    width: 30%
}

.sun-header--wrap .weather {
    padding-top: 12px;
    width: 35%
}

.sun-header--wrap .weather img {
    height: 67px;
    width: 280px
}

.sun-header--wrap .weather .popup-box {
    min-height: 117px;
    padding: 20px;
    width: 409px
}

.sun-header--wrap .weather .popup-box h3 {
    margin-bottom: 17px;
    text-align: center
}

.sun-header--wrap .weather .popup-box .input-text-wrap {
    border: 1px solid #c4cacb;
    padding: 7px 0 7px 20px
}

.sun-header--wrap .weather .popup-box input[type=text] {
    width: 100%
}

.sun-header--wrap .weather .popup-box input[type=submit] {
    float: right;
    margin-top: 20px
}

.sun-header--wrap .weather .popup-box .suggestions ul {
    font-family: "Roboto", sans-serif;
    list-style: none;
    margin: 0 0 -20px;
    padding: 0 34px
}

.sun-header--wrap .weather .popup-box .suggestions ul li {
    border-top: 1px solid #c4cacb;
    padding: 20px 0
}

.sun-header--wrap .weather .popup-box .suggestions ul li:first-child {
    border-top: 0
}

.sun-header--wrap .follow {
    min-height: 90px;
    width: 35%
}

.sun-header--wrap .follow a {
    color: #2e2e33;
    display: block;
    font-family: "Roboto Slab", serif;
    position: relative;
    width: 100%;
    -moz-transition: color .1s;
    -o-transition: color .1s;
    -webkit-transition: color .1s;
    transition: color .1s
}

.sun-header--wrap .follow a:hover,
.sun-header--wrap .follow a.active {
    color: #eb1701
}

.sun-header--wrap .follow a.active .icon {
    background-color: #eb1701
}

.sun-header--wrap .follow a.open-popup-box.open {
    color: #eb1701
}

.sun-header--wrap .follow a.open-popup-box.open .icon {
    background-color: #eb1701
}

.sun-header--wrap .follow .sign-in {
    right: 20px;
    position: absolute;
    top: 10px
}

.sun-header--wrap .follow .sign-in a {
    line-height: 36px;
    padding-right: 46px
}

.sun-header--wrap .follow .edition,
.sun-header--wrap .follow .search-bar {
    bottom: 14px;
    position: absolute
}

.sun-header--wrap .follow .edition {
    padding-right: 10px;
    right: 114px
}

.sun-header--wrap .follow .edition a {
    padding-right: 14px
}

.sun-header--wrap .follow .edition .popup-box {
    width: 245px
}

.sun-header--wrap .follow .edition .popup-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.sun-header--wrap .follow .edition .popup-box ul li {
    border-top: 1px solid #c4cacb;
    margin: 0 20px
}

.sun-header--wrap .follow .edition .popup-box ul li:first-child {
    border-top: 0
}

.sun-header--wrap .follow .edition .popup-box ul a {
    padding: 20px 0
}

.sun-header--wrap .follow .search-bar {
    border-left: 1px solid #eaeeef;
    right: 20px;
    width: 94px
}

.sun-header--wrap .follow .search-bar a {
    padding-left: 10px
}

.sun-header--wrap .follow .search-bar .popup-box {
    padding: 10px 20px;
    width: 570px
}

.sun-header--wrap .follow .search-bar .popup-box input[type=text] {
    width: 400px
}

.sun-header--wrap .mobile-search,
.sun-header--wrap .mobile-toggles {
    display: none
}

.ipad .sun-header--wrap #logo {
    margin-left: -12px
}

.sun-header--search {
    display: none
}

.sun-header--nav {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    top: 80px;
    z-index: 50
}

.sun-header--nav.open {
    top: 540px
}

.sun-header--nav .can-scroll-right {
    display: none
}

.sun-header--nav #logo-mini {
    background: url(/public/images/logo-tinngoisao.png) no-repeat center;
    background-size: 100%;
    display: none;
    height: 48px;
    position: absolute;
    width: 112px;
    z-index: 5
}

.sun-header--nav #logo-mini a {
    display: block;
    height: 100%;
    width: 100%
}

.sun-header--nav.sun-header__mini {
    background-color: #fff;
    left: 50%;
    margin-bottom: 0;
    margin-left: -490px;
    position: fixed;
    top: -50px;
    width: 980px;
    z-index: 90;
    -moz-animation: scrollNavDown .1s forwards;
    -webkit-animation: scrollNavDown .1s forwards;
    animation: scrollNavDown .1s forwards
}

@keyframes scrollNavDown {
    from {
        top: -50px
    }
    to {
        top: 0
    }
}

.sun-header--nav.sun-header__mini .sun-header--nav-wrap {
    border: 0;
    padding-left: 112px
}

.sun-header--nav.sun-header__mini #logo-mini {
    display: block
}

.sun-header--nav.sun-header__mini .sun-header--nav-wrap {
    background-color: #fff;
    z-index: 2
}

.sun-header--nav.sun-header__mini .follow,
.sun-header--nav.sun-header__mini .weather {
    display: none
}

.sun-header--nav.sun-header__mini.sun-header__mini-remove {
    -moz-animation: scrollNavUp .1s forwards;
    -webkit-animation: scrollNavUp .1s forwards;
    animation: scrollNavUp .1s forwards
}

@keyframes scrollNavUp {
    from {
        top: 0
    }
    to {
        top: -50px
    }
}

.sun-header--nav.sun-header__mini .sun-menu li.active a {
    padding-bottom: 8px
}

.sun-header--nav.sun-header__mini .sun-menu li a {
    font-size: 17px;
    padding-bottom: 13px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-header--wrap,
    .sun-header--nav {
        margin-left: -330px
    }
    .sun-header--wrap.open {
        top: 468px
    }
    .sun-header--wrap .weather {
        display: none
    }
    .sun-header--wrap .follow {
        float: right
    }
    .sun-header--nav.open {
        top: 558px
    }
    .sun-header--nav.sun-header__mini {
        margin-left: -330px;
        width: 660px
    }
}

@media only screen and (max-width:675px) {
    .sun-header--wrap,
    .sun-header--nav {
        left: 0;
        margin-left: 0
    }
    .sun-header--wrap {
        border-bottom-color: #fff;
        padding-left: 0;
        padding-right: 0;
        top: 0
    }
    .sun-header--wrap .weather,
    .sun-header--wrap .follow {
        display: none
    }
    .sun-header--wrap .logo {
        border-top: 1px solid #2e2e33;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .sun-header--wrap .mobile-search {
        display: block;
        height: 53px;
        left: 0;
        position: absolute;
        top: 0;
        width: 53px
    }
    .sun-header--wrap .mobile-search .icon {
        height: 20px;
        left: 16px;
        right: auto;
        top: 18px;
        width: 20px
    }
    .sun-header--wrap .mobile-search.open .icon {
        background-color: #eb1701
    }
    .sun-header--wrap .mobile-toggles {
        display: block
    }
    .sun-header--wrap #logo {
        background-image: url(/public/images/logo-tinngoisao.png);
        height: 65px;
        margin: -1px auto -12px;
        width: 123px
    }
    .sun-header--nav {
        display: none;
        background-color: #eaeeef;
        border-bottom: 1px solid #c4cacb;
        border-top: 1px solid #c4cacb;
        top: 0;
        margin-top: 54px;
        -moz-transition: top 0s;
        -o-transition: top 0s;
        -webkit-transition: top 0s;
        transition: top 0s
    }
    .sun-header--nav.open {
        top: 45px
    }
    .sun-header--nav.show {
        top: 0;
        margin-top: 54px
    }
    .sun-header--nav.fixed {
        margin-top: -76px;
        position: fixed;
        top: -22px;
        -moz-transition: top .4s;
        -o-transition: top .4s;
        -webkit-transition: top .4s;
        transition: top .4s
    }
    .sun-header--nav.fixed.show {
        top: 76px
    }
    .sun-header--nav .can-scroll-right {
        display: none
    }
    .sun-header--search {
        background-color: #2e2e33;
        display: block;
        height: 53px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 20;
        -moz-transition: top .2s;
        -o-transition: top .2s;
        -webkit-transition: top .2s;
        transition: top .2s
    }
    .sun-header--search.open {
        top: 53px
    }
    .sun-header--search input[type=text] {
        background-color: transparent;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 3px 0;
        text-shadow: 0 0 0 #fff
    }
    .sun-header--search .close-search {
        height: 20px;
        position: absolute;
        right: 0;
        top: 4px;
        width: 20px
    }
}

.weather .weather-icon,
.weather .weather-content {
    float: left
}

.weather .weather-content {
    border-left: 1px solid #2e2e33;
    color: #2e2e33;
    font-family: "Roboto Slab", serif;
    margin-left: 10px;
    margin-top: 27px;
    padding-left: 12px
}

.weather .weather-content .place {
    cursor: pointer;
    -moz-transition: background-color .1s;
    -o-transition: background-color .1s;
    -webkit-transition: background-color .1s;
    transition: background-color .1s
}

.weather .weather-content .place .icon {
    position: relative;
    right: -2px;
    top: -2px;
    -moz-transition: -moz-transform .1s;
    -o-transition: -o-transform .1s;
    -webkit-transition: -webkit-transform .1s;
    transition: transform .1s
}

.weather .weather-content .place.open {
    color: #eb1701
}

.weather .weather-content .place.open .icon {
    background-color: #eb1701;
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.weather .weather-content .temps .temp {
    float: left
}

.weather .weather-content .temps .temp.now {
    border-right: 1px solid #c4cacb;
    margin-right: 10px;
    padding-right: 10px
}

.weather .weather-content .temps .temp.later .laterTitle {
    text-transform: lowercase
}

.mobile-toggles {
    cursor: pointer;
    display: block;
    position: absolute;
    padding: 24px 12px 23px;
    right: 0;
    top: 0
}

.mobile-toggles .mobile-toggle {
    background-color: #232327;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    height: 6px;
    margin: 0 2px;
    width: 6px
}

.mobile-toggles.open .mobile-toggle {
    background-color: #eb1701
}

.mobile-toggles--social-share {
    position: relative;
    padding: 22px 0 20px 0;
    *zoom: 1;
}

.mobile-toggles--social-share:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:675px) {
    .mobile-toggles--social-share {
        padding: 15px 0 15px 0
    }
}

.mobile-toggles--social-share .mobile-toggle {
    background-color: #c4cacb
}

.sun-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase
}

.sun-menu li {
    background: url(/public/images/nav-divide.png) no-repeat left center;
    float: left;
    width: auto
}

.sun-menu li:first-child {
    background: none
}

.sun-menu li a {
    color: #2e2e33;
    display: inline-block;
    font-family: 'Tempo';
    font-size: 20px;
    line-height: 20px;
    margin: 0 12px;
    padding: 15px 0 11px 0;
    position: relative;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    transition: color .2s;
    font-weight: 700;
    transition-timing-function: ease-out;

}

.sun-menu li.theme.active a {
    color: #eb1701
}

.sun-menu li.theme a:hover {
    color: #eb1701
}

.sun-menu li.theme-main.active a {
    color: #eb1701
}

.sun-menu li.theme-main a:hover {
    color: #eb1701
}

.sun-menu li.theme-showbiz.active a {
    color: #9c73c1
}

.sun-menu li.theme-showbiz a:hover {
    color: #9c73c1
}

.sun-menu li.theme-football.active a {
    color: #419071
}

.sun-menu li.theme-football a:hover {
    color: #419071
}

.sun-menu li.theme-sport.active a {
    color: #308392
}

.sun-menu li.theme-sport a:hover {
    color: #308392
}

.sun-menu li.theme-living.active a {
    color: #e465be
}

.sun-menu li.theme-living a:hover {
    color: #e465be
}

.sun-menu li.theme-news.active a {
    color: #4085cb
}

.sun-menu li.theme-news a:hover {
    color: #4085cb
}

.sun-menu li.theme-news .active{
    color: #4085cb
} 

.sun-menu li.theme-puzzles.active a {
    color: #f26522
}

.sun-menu li.theme-puzzles a:hover {
    color: #f26522
}

.sun-menu li.theme-video.active a {
    color: #eb1701
}

.sun-menu li.theme-video a:hover {
    color: #eb1701
}

.sun-menu li.theme-sponsor.active a {
    color: #9eaabb
}

.sun-menu li.theme-sponsor a:hover {
    color: #9eaabb
}

.sun-header--nav .swiper-button-prev,
.sun-header--nav .swiper-button-next {
    background-color: #fff;
    background-image: none;
    display: block;
    height: 48px;
    margin: 0;
    padding: 16px 18px;
    position: absolute;
    top: 0;
    width: 39px;
    z-index: 20
}

.sun-header--nav .swiper-button-prev.swiper-button-disabled,
.sun-header--nav .swiper-button-next.swiper-button-disabled {
    display: none
}

.sun-header--nav .swiper-button-prev {
    border-right: 1px solid #c4cacb;
    left: 0;
    padding-right: 10px
}

.sun-header--nav .swiper-button-next {
    border-left: 1px solid #c4cacb;
    padding-left: 10px;
    right: 0
}

@media only screen and (max-width:675px) {
    .sun-menu {
        font-weight: 500
    }
    .sun-menu li {
        background: url(/public/images/nav-divide.png) no-repeat left center
    }
    .sun-menu li a {
        font-size: 18px;
        line-height: 16px;
        margin: 0 10px;
        padding-top: 15px
    }
    .sun-menu li:not(.active) a:hover {
        color: #2e2e33
    }
    .sun-header--nav .swiper-button-prev,
    .sun-header--nav .swiper-button-next {
        display: none
    }
}

.teaser {
    font-family: "Roboto", sans-serif
}

.teaser .teaser__image-container {
    position: relative;
    z-index: 1
}

.teaser .teaser__image-container a {
    display: block
}

.teaser .teaser__image-container img {
    width: 100%
}

.teaser .teaser__image-container .teaser-grad {
    display: none
}

@media only screen and (max-width:675px) {
    .teaser .teaser__copy-container {
        padding-bottom: 15px;
        position: relative;
        z-index: 2
    }
}

.teaser .teaser__headline,
.teaser .teaser__subdeck {
    display: inline;
    letter-spacing: -.01em;
    font-weight: bold;
    word-wrap: break-word
}

.teaser .teaser__headline {
    text-transform: uppercase
}

.teaser .teaser__lead {
    color: #5d5d64;
    font-family: "Roboto", sans-serif;
    font-weight: normal
}

@media only screen and (max-width:675px) {
    .teaser .teaser__lead {
        display: none
    }
}

.teaser .teaser__social {
    position: absolute;
    bottom: 0;
    width: 100%
}

@media only screen and (max-width:675px) {
    .teaser .teaser__social {
        display: none
    }
}

.teaser .teaser-anchor {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 30px;
    right: 0;
    z-index: 2
}

@media only screen and (max-width:675px) {
    .teaser .teaser-anchor {
        bottom: 0
    }
}

.teaser .text-anchor-wrap {
    display: block;
    line-height: 1px;
    margin-top: -3px
}

.teaser .sponsor {
    bottom: 6px;
    font-family: "Tempo";
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase
}

.teaser .sponsor .sponsor-text {
    float: left;
    margin-right: 5px
}

.teaser .sponsor img {
    float: left;
    height: 21px;
    margin-top: -3px;
    max-width: 172px
}

@media only screen and (max-width:675px) {
    .teaser .sponsor {
        bottom: auto;
        float: left;
        margin-bottom: -9px;
        margin-left: 0;
        margin-top: 8px;
        padding: 0;
        position: relative;
        width: 100%
    }
}

.sun-container__home-section--breaking {
    background-color: #232327
}

.sun-container__home-section--breaking .teaser {
    background-color: #232327
}

.sun-container__home-section--breaking .teaser-item {
    position: relative;
    border-bottom: 1px solid #41414a
}

.sun-container__home-section--breaking .teaser__medium,
.sun-container__home-section--breaking .teaser__large,
.sun-container__home-section--breaking .teaser__large-side,
.sun-container__home-section--breaking .teaser__extra-large,
.sun-container__home-section--breaking .teaser__extra-extra-large {
    background-color: #232327
}

.sun-container__home-section--breaking .article-data__item {
    border-right: 1px solid #41414a
}

.teaser-item--breaking {
    position: relative;
    border-bottom: 1px solid #41414a
}

.teaser-item--breaking.teaser__small,
.teaser-item--breaking.teaser__medium,
.teaser-item--breaking.teaser__large,
.teaser-item--breaking.teaser__large-side,
.teaser-item--breaking.teaser__extra-large,
.teaser-item--breaking.teaser__extra-extra-large,
.teaser-item--breaking.teaser__video {
    background-color: #232327
}

.teaser-item--breaking.teaser__small .teaser__subdeck,
.teaser-item--breaking.teaser__small .teaser__lead,
.teaser-item--breaking.teaser__small .article-data__comment a,
.teaser-item--breaking.teaser__small .article-data__share a,
.teaser-item--breaking.teaser__medium .teaser__subdeck,
.teaser-item--breaking.teaser__medium .teaser__lead,
.teaser-item--breaking.teaser__medium .article-data__comment a,
.teaser-item--breaking.teaser__medium .article-data__share a,
.teaser-item--breaking.teaser__large .teaser__subdeck,
.teaser-item--breaking.teaser__large .teaser__lead,
.teaser-item--breaking.teaser__large .article-data__comment a,
.teaser-item--breaking.teaser__large .article-data__share a,
.teaser-item--breaking.teaser__large-side .teaser__subdeck,
.teaser-item--breaking.teaser__large-side .teaser__lead,
.teaser-item--breaking.teaser__large-side .article-data__comment a,
.teaser-item--breaking.teaser__large-side .article-data__share a,
.teaser-item--breaking.teaser__extra-large .teaser__subdeck,
.teaser-item--breaking.teaser__extra-large .teaser__lead,
.teaser-item--breaking.teaser__extra-large .article-data__comment a,
.teaser-item--breaking.teaser__extra-large .article-data__share a,
.teaser-item--breaking.teaser__extra-extra-large .teaser__subdeck,
.teaser-item--breaking.teaser__extra-extra-large .teaser__lead,
.teaser-item--breaking.teaser__extra-extra-large .article-data__comment a,
.teaser-item--breaking.teaser__extra-extra-large .article-data__share a,
.teaser-item--breaking.teaser__video .teaser__subdeck,
.teaser-item--breaking.teaser__video .teaser__lead,
.teaser-item--breaking.teaser__video .article-data__comment a,
.teaser-item--breaking.teaser__video .article-data__share a {
    color: #fff
}

.teaser-item--breaking.teaser__small .article-data__tag .icon,
.teaser-item--breaking.teaser__medium .article-data__tag .icon,
.teaser-item--breaking.teaser__large .article-data__tag .icon,
.teaser-item--breaking.teaser__large-side .article-data__tag .icon,
.teaser-item--breaking.teaser__extra-large .article-data__tag .icon,
.teaser-item--breaking.teaser__extra-extra-large .article-data__tag .icon,
.teaser-item--breaking.teaser__video .article-data__tag .icon {
    background-image: url(/public/images/scrollarrow_grey_dark.svg);
    outline: 0
}

.teaser-item--breaking.teaser__small .article-data__comment .icon,
.teaser-item--breaking.teaser__medium .article-data__comment .icon,
.teaser-item--breaking.teaser__large .article-data__comment .icon,
.teaser-item--breaking.teaser__large-side .article-data__comment .icon,
.teaser-item--breaking.teaser__extra-large .article-data__comment .icon,
.teaser-item--breaking.teaser__extra-extra-large .article-data__comment .icon,
.teaser-item--breaking.teaser__video .article-data__comment .icon {
    background-image: url(/public/images/comments_grey_dark.svg);
    outline: 0
}

.teaser-item--breaking .article-data__item {
    border-right: 1px solid #41414a
}

.teaser-item--breaking .teaser__image-container .teaser-grad {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMjMyNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzIzMjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgba(35, 35, 39, 0)), color-stop(100%, #232327));
    background-image: -moz-linear-gradient(rgba(35, 35, 39, 0), #232327);
    background-image: -webkit-linear-gradient(rgba(35, 35, 39, 0), #232327);
    background-image: linear-gradient(rgba(35, 35, 39, 0), #232327);
    bottom: 0;
    display: block;
    height: 90px;
    left: 0;
    position: absolute;
    width: 100%
}

@media only screen and (max-width:675px) {
    .teaser-item--breaking .teaser__image-container .teaser-grad {
        display: none
    }
}

.teaser-item--breaking.teaser__large-side .teaser__image-container .teaser-grad,
.teaser-item--breaking.teaser__portrait .teaser__image-container .teaser-grad,
.teaser-item--breaking.teaser__medium .teaser__image-container .teaser-grad,
.teaser-item--breaking.teaser__small .teaser__image-container .teaser-grad {
    display: none
}

.teaser-item {
    position: relative;
    /*   border-bottom: 1px solid #ededed; */
    *zoom: 1;
}

.teaser-item:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:675px) {
    .teaser-item {
        margin: -10px -10px 5px;
        padding: 0 0 15px 0
    }
}

.teaser-item.dfp-ad {
    background-color: #f3f6f7;
    border-bottom: 0;
    padding: 20px 0 20px
}

@media only screen and (max-width:675px) {
    .teaser-item.dfp-ad {
        background-color: #fff;
        display: inline-block;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
}

.teaser-item.dfp-ad.teasermedium--mpu-double {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

.teaser-item.dfp-ad.teasermedium--fillerBlock-remove {
    display: none
}

.teaser-item #perksWidget .teaser-item {
    border-bottom: 0;
    min-height: 270px
}

.teaser-item .teaser__item-play {
    bottom: 0;
    margin: 10px;
    right: 0
}

.teaser__small-text,
.teaser__medium-text,
.teaser__large,
.teaser__extra-large {
    background-color: #f3f6f7
}

.teaser__small-text .teaser-slug,
.teaser__medium-text .teaser-slug,
.teaser__large .teaser-slug,
.teaser__extra-large .teaser-slug {
    position: relative
}

.teaser__small-text .teaser__copy-container,
.teaser__medium-text .teaser__copy-container,
.teaser__large .teaser__copy-container,
.teaser__extra-large .teaser__copy-container {
    padding: 16px 10px 0 10px
}

.teaser__small-text .icon.icon-arrow-right,
.teaser__medium-text .icon.icon-arrow-right,
.teaser__large .icon.icon-arrow-right,
.teaser__extra-large .icon.icon-arrow-right {
    background-image: url(/public/images/scrollarrow-teaser-grey.svg);
    outline: 0
}

.teaser__small-text .icon.icon-comment,
.teaser__medium-text .icon.icon-comment,
.teaser__large .icon.icon-comment,
.teaser__extra-large .icon.icon-comment {
    background-image: url(/public/images/comments-grey.svg);
    outline: 0
}

@media only screen and (max-width:675px) {
    .teaser__small-text .teaser-slug,
    .teaser__medium-text .teaser-slug,
    .teaser__large .teaser-slug,
    .teaser__extra-large .teaser-slug {
        margin-bottom: 5px
    }
    .teaser__small-text .teaser__copy-container,
    .teaser__medium-text .teaser__copy-container,
    .teaser__large .teaser__copy-container,
    .teaser__extra-large .teaser__copy-container {
        padding: 0
    }
}

@media only screen and (max-width:675px) {
    .teaser__small-text,
    .teaser__medium-text {
        background-color: #fff
    }
}

.teaser__small-text {
    min-height: 135px
}

.teaser__small-text .teaser-slug {
    height: 20px
}

.teaser__small-text .teaser-slug {
    display: none
}

.teaser__small-text .teaser__headline {
    padding-right: 3px
}

.teaser__small-text .article-data {
    margin-bottom: 7px;
    padding-left: 10px
}

.teaser__medium-text {
    min-height: 290px
}

.teaser__medium-text .teaser-slug {
    height: 22px
}

.teaser__medium-text .teaser-slug {
    display: none
}

.teaser__medium-text .teaser__headline {
    padding-right: 5px
}

.teaser__medium-text .article-data {
    margin-bottom: 7px;
    padding-left: 10px
}

@media only screen and (max-width:675px) {
    .teaser__medium-text .teaser-slug__copy {
        padding: 3px;
        bottom: 0;
        left: 0;
        font-size: 14px
    }
    .teaser__medium-text .teaser__headline,
    .teaser__medium-text .teaser__subdeck {
        font-size: 14px
    }
    .teaser__medium-text .teaser__headline {
        padding-right: 5px
    }
}

.teaser__small {
    *zoom: 1;
}

.teaser__small:after {
    content: "";
    display: table;
    clear: both
}

.teaser__small .teaser__image-container {
    float: left;
    width: 49%
}

.teaser__small .teaser-slug__copy {
    bottom: 0;
    padding: 2px 4px 1px
}

.teaser__small .teaser__copy-container {
    float: left;
    width: 50%;
    padding-left: 10px
}

.teaser__small .teaser__headline,
.teaser__small .teaser__subdeck {
    letter-spacing: -.015em
}

.teaser__small .teaser__headline {
    padding-right: 3px
}

.teaser__small .article-data {
    margin-bottom: 7px;
    margin-left: 10px
}

@media only screen and (max-width:675px) {
    .teaser__small {
        margin-bottom: 0;
        padding: 0 0 10px 0
    }
    .teaser__small .teaser__image-container {
        width: 99px
    }
    .teaser__small .teaser-slug__copy {
        font-size: 10px
    }
    .teaser__small .teaser__copy-container {
        margin-top: -63px;
        padding: 0 0 0 109px;
        width: 100%
    }
    .teaser__small .teaser__headline,
    .teaser__small .teaser__subdeck {
        font-size: 14px;
        line-height: 17px
    }
}

.teaser__small--sidebar {
    min-height: 120px;
    border-bottom: 0
}

.teaser__small-wide {
    min-height: 112px
}

@media only screen and (max-width:675px) {
    .teaser__small-wide {
        min-height: 0;
        padding: 15px 10px 0 10px;
        *zoom: 1;
    }
    .teaser__small-wide:after {
        content: "";
        display: table;
        clear: both
    }
}

.teaser__small-wide .teaser__image-container {
    float: left;
    width: 150px
}

@media only screen and (max-width:675px) {
    .teaser__small-wide .teaser__image-container {
        margin-bottom: 10px;
        width: 90px
    }
}

.teaser__small-wide .teaser__image-container img {
    width: 100%
}

.teaser__small-wide .teaser-slug__copy {
    padding: 2px 4px 1px;
    bottom: 0
}

.teaser__small-wide .teaser__copy-container {
    float: left;
    width: 470px;
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (max-width:675px) {
    .teaser__small-wide .teaser__copy-container {
        padding-bottom: 0;
        padding-right: 0;
        width: 67%
    }
}

@media only screen and (max-width:675px) {
    .teaser__small-wide .teaser__headline,
    .teaser__small-wide .teaser__subdeck {
        font-size: 13px
    }
}

.teaser__small-wide .teaser__headline {
    padding-right: 3px
}

.teaser__small-wide .article-data {
    margin-bottom: 14px;
    margin-top: 19px
}



.teaser__medium .teaser__image-container .teaser__item-play {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer
}

.teaser__medium .teaser__image-container .teaser__item-play .video-play__icon,
.teaser__medium .teaser__image-container .teaser__item-play span {
    width: 0;
    height: 0;
    display: block;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 21.28px solid white;
    margin: -28% 0 0 -15%;
    top: 50%;
    left: 50%;
    position: absolute
}

.teaser__medium .teaser__copy-container {
    padding: 13px 0 10px 10px
}

.teaser__medium .teaser-slug__copy {
    padding: 3px 4px 1px;
    bottom: -5px;
    left: 10px
}

.teaser__medium .teaser__headline {
    padding-right: 3px
}

.teaser__medium .teaser__social {
    bottom: 8px;
    padding-left: 10px
}

@media only screen and (max-width:675px) {
    .teaser__medium {
        margin-bottom: 0;
        padding: 0 0 10px
    }
    .teaser__medium .teaser__image-container {
        float: left;
        width: 135px;
        margin: 10px 0
    }
    .teaser__medium .teaser__copy-container {
        float: left;
        margin-top: -86px;
        padding: 0 0 0 145px;
        width: 100%
    }
    .teaser__medium .teaser-slug__copy {
        padding: 3px 4px 2px;
        bottom: 0;
        left: 0;
        font-size: 12px
    }
    .teaser__medium .teaser__headline,
    .teaser__medium .teaser__subdeck {
        font-size: 15px
    }
}

.teaser__medium--sidebar {
    margin-bottom: 20px
}

.teaser__medium--mpu {
    background: #f3f6f7;
    border-bottom: 0;
    min-height: 290px;
    padding-top: 19px
}

.teaser__large {
    margin-bottom: 10px;
}

@media only screen and (max-width:675px) {
    .teaser__large {
        background-color: #f3f6f7;
        border-bottom: 0;
        margin: 10px 10px 0;
        min-height: 0;
        padding-bottom: 11px
    }
}

@media only screen and (max-width:675px) {
    .teaser__large .teaser__image-container {
        margin: 0
    }
}

.teaser__large .teaser__image-container .teaser__item-play {
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer
}

.teaser__large .teaser__image-container .teaser__item-play .video-play__icon,
.teaser__large .teaser__image-container .teaser__item-play span {
    width: 0;
    height: 0;
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30.4px solid white;
    margin: -28% 0 0 -15%;
    top: 50%;
    left: 50%;
    position: absolute
}

.teaser__large .teaser__copy-container {
    padding: 20px 20px 0 20px
}

@media only screen and (max-width:675px) {
    .teaser__large .teaser__copy-container {
        padding: 15px 10px 0 10px
    }
}

.teaser__large .teaser-slug__copy {
    padding: 0 4px 0;
    bottom: -10px;
    left: 20px
}

@media only screen and (max-width:675px) {
    .teaser__large .teaser-slug__copy {
        bottom: -8px;
        font-size: 20px;
        left: 10px;
        padding: 1px 4px 0
    }
}

@media only screen and (max-width:675px) {
    .teaser__large .teaser__headline,
    .teaser__large .teaser__subdeck {
        font-size: 17px
    }
}

.teaser__large .teaser__headline {
    padding-right: 4px
}

.teaser__large .teaser__lead {
    line-height: 19px;
    margin-top: 6px
}

.teaser__large .teaser__social {
    bottom: 8px;
    padding-left: 20px
}

.teaser__large .sponsor {
    margin-left: 10px
}

@media only screen and (max-width:675px) {
    .teaser__large .sponsor {
        margin-top: 10px;
        padding-bottom: 5px
    }
}


@media only screen and (max-width:675px) {
    .teaser__large-side {
        background-color: #f3f6f7;
        border-bottom: 0;
        margin: -20px -20px 0;
        min-height: 0
    }
}

.teaser__large-side .teaser__image-container {
    float: left;
    width: 370px
}

@media only screen and (max-width:675px) {
    .teaser__large-side .teaser__image-container {
        width: 100%
    }
}

.teaser__large-side .teaser__image-container .teaser__item-play {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer
}

.teaser__large-side .teaser__image-container .teaser__item-play .video-play__icon,
.teaser__large-side .teaser__image-container .teaser__item-play span {
    width: 0;
    height: 0;
    display: block;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 21.28px solid white;
    margin: -28% 0 0 -15%;
    top: 50%;
    left: 50%;
    position: absolute
}

.teaser__large-side .teaser__copy-container {
    float: left;
    min-height: 246px;
    padding: 0 0 0 15px;
    width: 250px
}

@media only screen and (max-width:675px) {
    .teaser__large-side .teaser__copy-container {
        min-height: 0;
        padding: 15px 10px 0 10px;
        width: 100%
    }
}

.teaser__large-side .teaser-slug__copy {
    line-height: 1.2em;
    padding: 1px 4px;
    bottom: -5px;
    left: 10px
}

@media only screen and (max-width:675px) {
    .teaser__large-side .teaser-slug__copy {
        bottom: -8px;
        font-size: 20px;
        left: 10px;
        padding: 1px 4px 0
    }
}

@media only screen and (max-width:675px) {
    .teaser__large-side .teaser__headline,
    .teaser__large-side .teaser__subdeck {
        font-size: 17px
    }
}

.teaser__large-side .teaser__headline {
    padding-right: 4px
}

.teaser__large-side .teaser__lead {
    line-height: 19px;
    margin-top: 7px
}

@media only screen and (max-width:675px) {
    .teaser__large-side .teaser__lead {
        display: none
    }
}

.teaser__large-side .teaser__social {
    bottom: 7px;
    padding-left: 10px
}

.teaser__extra-large {
    min-height: 550px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .teaser__extra-large {
        min-height: 600px
    }
}

@media only screen and (max-width:675px) {
    .teaser__extra-large {
        border-bottom: 0;
        margin: -20px -20px 0;
        min-height: 0;
        padding-bottom: 11px
    }
}

.teaser__extra-large .teaser-slug__copy {
    padding: 0 4px 0;
    bottom: -10px;
    left: 20px
}

@media only screen and (max-width:675px) {
    .teaser__extra-large .teaser-slug__copy {
        bottom: -8px;
        font-size: 20px;
        left: 10px;
        padding: 1px 4px 0
    }
}

.teaser__extra-large .teaser__image-container img {
    max-height: 400px
}

@media only screen and (max-width:675px) {
    .teaser__extra-large .teaser__image-container {
        margin: 0
    }
}

.teaser__extra-large .teaser__image-container .teaser__item-play {
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer;
    bottom: 0;
    margin: 10px;
    right: 0
}

.teaser__extra-large .teaser__image-container .teaser__item-play .video-play__icon,
.teaser__extra-large .teaser__image-container .teaser__item-play span {
    width: 0;
    height: 0;
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30.4px solid white;
    margin: -28% 0 0 -15%;
    top: 50%;
    left: 50%;
    position: absolute
}

.teaser__extra-large .teaser__copy-container {
    padding: 21px 20px 0 20px
}

@media only screen and (max-width:675px) {
    .teaser__extra-large .teaser__copy-container {
        padding: 14px 10px 0
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .teaser__extra-large .teaser__headline,
    .teaser__extra-large .teaser__subdeck {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (max-width:675px) {
    .teaser__extra-large .teaser__headline,
    .teaser__extra-large .teaser__subdeck {
        font-size: 17px;
        line-height: 1.2em
    }
}

.teaser__extra-large .teaser__headline {
    padding-right: 4px
}

.teaser__extra-large .teaser__lead {
    line-height: 19px;
    margin-top: 5px
}

.teaser__extra-large .teaser__social {
    bottom: 8px;
    padding-left: 20px
}

.teaser__extra-large .sponsor {
    margin-left: 10px
}

@media only screen and (max-width:675px) {
    .teaser__extra-large .sponsor {
        margin-top: 10px;
        padding-bottom: 5px
    }
}

.teaser__portrait {
    width: 300px;
    min-height: 600px
}

@media only screen and (max-width:675px) {
    .teaser__portrait {
        background-color: #f3f6f7;
        border-bottom: 0;
        margin: -20px -20px 0;
        min-height: 0;
        padding-bottom: 11px
    }
}

.teaser__portrait .teaser-slug__copy {
    padding: 1px 4px 0;
    bottom: -10px;
    left: 10px
}

@media only screen and (max-width:675px) {
    .teaser__portrait .teaser-slug__copy {
        bottom: -8px;
        font-size: 20px;
        left: 10px;
        padding: 1px 4px 0
    }
}

@media only screen and (max-width:675px) {
    .teaser__portrait .teaser__image-container {
        margin: 0
    }
}

.teaser__portrait .teaser__image-container .teaser__item-play {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer
}

.teaser__portrait .teaser__image-container .teaser__item-play .video-play__icon,
.teaser__portrait .teaser__image-container .teaser__item-play span {
    width: 0;
    height: 0;
    display: block;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 21.28px solid white;
    margin: -28% 0 0 -15%;
    top: 50%;
    left: 50%;
    position: absolute
}

.teaser__portrait .teaser__copy-container {
    padding: 17px 0 0 10px
}

@media only screen and (max-width:675px) {
    .teaser__portrait .teaser__copy-container {
        padding: 15px 10px 0 10px
    }
}

@media only screen and (max-width:675px) {
    .teaser__portrait .teaser__headline,
    .teaser__portrait .teaser__subdeck {
        font-size: 17px
    }
}

.teaser__portrait .teaser__headline {
    padding-right: 4px
}

.teaser__portrait .teaser__lead {
    display: none
}

@media only screen and (max-width:675px) {
    .teaser__portrait .teaser__lead {
        display: none
    }
}

.teaser__portrait .teaser__social {
    bottom: 8px;
    padding-left: 10px
}

@media only screen and (max-width:675px) {
    .teaser__portrait .sponsor {
        margin-top: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.teaser__video {
    min-height: 550px;
    padding-bottom: 10px
}

.teaser__video.teaser-item {
    border: 0
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .teaser__video {
        min-height: 600px
    }
}

@media only screen and (max-width:675px) {
    .teaser__video {
        border-bottom: 0;
        margin: -20px -20px 0;
        min-height: 0;
        padding-bottom: 11px
    }
}

.teaser__video .teaser-slug__copy {
    padding: 0 4px 0;
    bottom: -10px;
    left: 20px
}

@media only screen and (max-width:675px) {
    .teaser__video .teaser-slug__copy {
        bottom: -8px;
        font-size: 20px;
        left: 10px;
        padding: 1px 4px 0
    }
}

.teaser__video .teaser__image-container img {
    max-height: 400px
}

@media only screen and (max-width:675px) {
    .teaser__video .teaser__image-container {
        margin: 0
    }
}

.teaser__video .teaser__copy-container {
    padding: 0
}

@media only screen and (max-width:675px) {
    .teaser__video .teaser__copy-container {
        padding: 14px 10px 0
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .teaser__video .teaser__headline,
    .teaser__video .teaser__subdeck {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (max-width:675px) {
    .teaser__video .teaser__headline,
    .teaser__video .teaser__subdeck {
        font-size: 17px;
        line-height: 1.2em
    }
}

.teaser__video .teaser__headline {
    padding-right: 4px
}

.teaser__video .teaser__lead {
    line-height: 19px;
    margin-top: 5px
}

.teaser__video .sun-video-player {
    padding-top: 3px
}

.teaser__video .sun-video-player .oo_promo {
    background-size: cover !important
}

@media only screen and (max-width:675px) {
    .teaser__video .sun-video-player {
        margin-left: -20px;
        margin-right: -20px
    }
}

.teaser__small-text,
.teaser__medium-text,
.teaser__small,
.teaser__medium,
.teaser__portrait {
    width: 300px
}

@media only screen and (max-width:675px) {
    .teaser__small-text,
    .teaser__medium-text,
    .teaser__small,
    .teaser__medium,
    .teaser__portrait {
        width: auto;
        min-height: 0
    }
}

.teaser__small .delayed-image-load-landscape {
    background-image: url(/public/images/teaser-sample-landscape-small.png);
    height: 98px;
    width: 147px
}

.teaser__medium .delayed-image-load-landscape {
    background-image: url(/public/images/teaser-sample-landscape-medium.png);
    height: 192px;
    width: 300px
}

.teaser__portrait .delayed-image-load-portrait {
    background-image: url(/public/images/teaser-sample-portrait-medium.png);
    height: 450px;
    width: 300px
}

.teaser__large .delayed-image-load-landscape {
    background-image: url(/public/images/teaser-sample-landscape-large.png);
    height: 620px;
    height: 413px
}

.teaser__large-side .delayed-image-load-landscape {
    background-image: url(/public/images/teaser-sample-landscape-large.png);
    height: 246px;
    width: 370px
}

.teaser__extra-large .delayed-image-load-hero {
    background-image: url(/public/images/teaser-sample-hero-full.png);
    height: 400px;
    width: 940px
}

.teaser-item .delayed-image-load-mobile,
.teaser-item .delayed-image-load-landscape,
.teaser-item .delayed-image-load-portrait,
.teaser-item .delayed-image-load-hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .teaser-item.teaser__small .delayed-image-load-landscape,
    .teaser-item.teaser__small .delayed-image-load-portrait,
    .teaser-item.teaser__small .delayed-image-load-hero,
    .teaser-item.teaser__medium .delayed-image-load-landscape,
    .teaser-item.teaser__medium .delayed-image-load-portrait,
    .teaser-item.teaser__medium .delayed-image-load-hero,
    .teaser-item.teaser__portrait .delayed-image-load-landscape,
    .teaser-item.teaser__portrait .delayed-image-load-portrait,
    .teaser-item.teaser__portrait .delayed-image-load-hero,
    .teaser-item.teaser__large .delayed-image-load-landscape,
    .teaser-item.teaser__large .delayed-image-load-portrait,
    .teaser-item.teaser__large .delayed-image-load-hero,
    .teaser-item.teaser__large-side .delayed-image-load-landscape,
    .teaser-item.teaser__large-side .delayed-image-load-portrait,
    .teaser-item.teaser__large-side .delayed-image-load-hero,
    .teaser-item.teaser__extra-large .delayed-image-load-landscape,
    .teaser-item.teaser__extra-large .delayed-image-load-portrait,
    .teaser-item.teaser__extra-large .delayed-image-load-hero {
        display: none
    }
    .teaser-item.teaser__small .delayed-image-load-mobile {
        background-image: url(/public/images/teaser-sample-landscape-small.png);
        height: 66px;
        width: 99px
    }
    .teaser-item.teaser__medium .delayed-image-load-mobile {
        background-image: url(/public/images/teaser-sample-landscape-medium.png);
        height: 86px;
        width: 135px
    }
    .teaser-item.teaser__portrait .delayed-image-load-mobile,
    .teaser-item.teaser__portrait .delayed-image-load-mobile,
    .teaser-item.teaser__portrait .delayed-image-load-mobile,
    .teaser-item.teaser__large .delayed-image-load-mobile,
    .teaser-item.teaser__large .delayed-image-load-mobile,
    .teaser-item.teaser__large .delayed-image-load-mobile,
    .teaser-item.teaser__large-side .delayed-image-load-mobile,
    .teaser-item.teaser__large-side .delayed-image-load-mobile,
    .teaser-item.teaser__large-side .delayed-image-load-mobile,
    .teaser-item.teaser__extra-large .delayed-image-load-mobile,
    .teaser-item.teaser__extra-large .delayed-image-load-mobile,
    .teaser-item.teaser__extra-large .delayed-image-load-mobile {
        background-image: url(/public/images/teaser-sample-landscape-medium.png);
        height: auto;
        min-height: 220px;
        width: 100%
    }
}

@media only screen and (max-width:675px) {
    .teaser-item.teaser__small .delayed-image-load-landscape,
    .teaser-item.teaser__small .delayed-image-load-portrait,
    .teaser-item.teaser__small .delayed-image-load-hero,
    .teaser-item.teaser__medium .delayed-image-load-landscape,
    .teaser-item.teaser__medium .delayed-image-load-portrait,
    .teaser-item.teaser__medium .delayed-image-load-hero,
    .teaser-item.teaser__portrait .delayed-image-load-landscape,
    .teaser-item.teaser__portrait .delayed-image-load-portrait,
    .teaser-item.teaser__portrait .delayed-image-load-hero,
    .teaser-item.teaser__large .delayed-image-load-landscape,
    .teaser-item.teaser__large .delayed-image-load-portrait,
    .teaser-item.teaser__large .delayed-image-load-hero,
    .teaser-item.teaser__large-side .delayed-image-load-landscape,
    .teaser-item.teaser__large-side .delayed-image-load-portrait,
    .teaser-item.teaser__large-side .delayed-image-load-hero,
    .teaser-item.teaser__extra-large .delayed-image-load-landscape,
    .teaser-item.teaser__extra-large .delayed-image-load-portrait,
    .teaser-item.teaser__extra-large .delayed-image-load-hero {
        display: none
    }
    .teaser-item.teaser__small .delayed-image-load-mobile {
        background-image: url(/public/images/teaser-sample-landscape-small.png);
        height: 66px;
        width: 99px
    }
    .teaser-item.teaser__medium .delayed-image-load-mobile {
        background-image: url(/public/images/teaser-sample-landscape-medium.png);
        height: 86px;
        width: 135px
    }
    .teaser-item.teaser__portrait .delayed-image-load-mobile,
    .teaser-item.teaser__portrait .delayed-image-load-mobile,
    .teaser-item.teaser__portrait .delayed-image-load-mobile,
    .teaser-item.teaser__large .delayed-image-load-mobile,
    .teaser-item.teaser__large .delayed-image-load-mobile,
    .teaser-item.teaser__large .delayed-image-load-mobile,
    .teaser-item.teaser__large-side .delayed-image-load-mobile,
    .teaser-item.teaser__large-side .delayed-image-load-mobile,
    .teaser-item.teaser__large-side .delayed-image-load-mobile,
    .teaser-item.teaser__extra-large .delayed-image-load-mobile,
    .teaser-item.teaser__extra-large .delayed-image-load-mobile,
    .teaser-item.teaser__extra-large .delayed-image-load-mobile {
        background-image: url(/public/images/teaser-sample-landscape-medium.png);
        height: auto;
        min-height: 220px;
        width: 100%
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .becomes-large-side .teaser__portrait {
        min-height: 290px;
        width: auto !important
    }
    .becomes-large-side .teaser__portrait .teaser__image-container {
        float: left;
        width: 370px
    }
    .becomes-large-side .teaser__portrait .teaser__copy-container {
        float: left;
        min-height: 246px;
        padding: 0 0 0 15px;
        width: 250px
    }
    .becomes-large-side .teaser__portrait .teaser-slug__copy {
        font-size: 18px;
        line-height: 1.2em;
        padding: 1px 4px;
        bottom: -5px;
        left: 10px
    }
    .becomes-large-side .teaser__portrait .teaser__headline,
    .becomes-large-side .teaser__portrait .teaser__subdeck {
        font-size: 24px
    }
    .becomes-large-side .teaser__portrait .teaser__headline {
        padding-right: 4px
    }
    .becomes-large-side .teaser__portrait .teaser__lead {
        display: block;
        font-size: 15px;
        line-height: 19px;
        margin-top: 7px
    }
    .becomes-large-side .teaser__portrait .teaser__social {
        bottom: 7px;
        padding-left: 10px
    }
    .becomes-portrait .teaser__large {
        width: 300px;
        min-height: 600px
    }
    .becomes-portrait .teaser__large .teaser-slug__copy {
        font-size: 20px;
        padding: 1px 4px 0;
        bottom: -10px;
        left: 10px
    }
    .becomes-portrait .teaser__large .teaser__copy-container {
        padding: 17px 0 0 10px
    }
    .becomes-portrait .teaser__large .teaser__headline,
    .becomes-portrait .teaser__large .teaser__subdeck {
        font-size: 20px
    }
    .becomes-portrait .teaser__large .teaser__headline {
        padding-right: 4px
    }
    .becomes-portrait .teaser__large .teaser__lead {
        display: none
    }
    .becomes-portrait .teaser__large .teaser__social {
        bottom: 8px;
        padding-left: 10px
    }
    .becomes-medium .teaser__small,
    .becomes-medium .teaser__large-side {
        min-height: 290px
    }
    .becomes-medium .teaser__small .teaser__image-container,
    .becomes-medium .teaser__large-side .teaser__image-container {
        max-height: 192px;
        overflow: hidden;
        width: 100%
    }
    .becomes-medium .teaser__small .teaser__copy-container,
    .becomes-medium .teaser__large-side .teaser__copy-container {
        min-height: 0;
        padding: 13px 0 10px 10px;
        width: auto
    }
    .becomes-medium .teaser__small .teaser-slug__copy,
    .becomes-medium .teaser__large-side .teaser-slug__copy {
        font-size: 18px;
        padding: 3px 4px 1px;
        bottom: -5px;
        left: 10px
    }
    .becomes-medium .teaser__small .teaser__headline,
    .becomes-medium .teaser__small .teaser__subdeck,
    .becomes-medium .teaser__large-side .teaser__headline,
    .becomes-medium .teaser__large-side .teaser__subdeck {
        font-size: 15px
    }
    .becomes-medium .teaser__small .teaser__headline,
    .becomes-medium .teaser__large-side .teaser__headline {
        padding-right: 3px
    }
    .becomes-medium .teaser__small .teaser__lead,
    .becomes-medium .teaser__large-side .teaser__lead {
        display: none
    }
    .becomes-medium .teaser__small .teaser__social,
    .becomes-medium .teaser__large-side .teaser__social {
        bottom: 0;
        padding-left: 0
    }
    .becomes-small .teaser__medium,
    .becomes-small .teaser__large-side {
        min-height: 135px;
        *zoom: 1;
    }
    .becomes-small .teaser__medium:after,
    .becomes-small .teaser__large-side:after {
        content: "";
        display: table;
        clear: both
    }
    .becomes-small .teaser__medium .teaser__image-container,
    .becomes-small .teaser__large-side .teaser__image-container {
        float: left;
        width: 49%
    }
    .becomes-small .teaser__medium .teaser-slug__copy,
    .becomes-small .teaser__large-side .teaser-slug__copy {
        bottom: 0;
        font-size: 15px;
        left: 0;
        padding: 2px 4px 1px
    }
    .becomes-small .teaser__medium .teaser__copy-container,
    .becomes-small .teaser__large-side .teaser__copy-container {
        float: left;
        min-height: 0;
        padding-top: 0;
        width: 50%;
        padding-left: 10px
    }
    .becomes-small .teaser__medium .teaser__headline,
    .becomes-small .teaser__medium .teaser__subdeck,
    .becomes-small .teaser__large-side .teaser__headline,
    .becomes-small .teaser__large-side .teaser__subdeck {
        font-size: 14px;
        letter-spacing: -.015em
    }
    .becomes-small .teaser__medium .teaser__headline,
    .becomes-small .teaser__large-side .teaser__headline {
        padding-right: 3px
    }
    .becomes-small .teaser__medium .teaser__lead,
    .becomes-small .teaser__large-side .teaser__lead {
        display: none
    }
    .becomes-small .teaser__medium .teaser__social,
    .becomes-small .teaser__large-side .teaser__social {
        bottom: 0;
        padding-left: 0
    }
    .becomes-small .teaser__medium .article-data,
    .becomes-small .teaser__large-side .article-data {
        margin-bottom: 7px;
        margin-left: 10px
    }
}

.topic-page .topic-header-wrap {
    padding-bottom: 0
}

.topic-page .topic-header-wrap .sun-col-6:after {
    background-image: url(/wp-content/themes/thesun/images/dash.svg);
    background-position: bottom left;
    background-size: 6px;
    background-repeat: repeat-x;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    left: 10px
}

@media only screen and (max-width:675px) {
    .topic-page .topic-header-wrap {
        padding-bottom: 20px
    }
}

.topic-page .topic-page__heading h1 {
    font-family: "Tempo";
    text-transform: uppercase
}

@media only screen and (max-width:675px) {
    .topic-page .topic-page__heading h1 {
        font-size: 24px
    }
}

.topic-page .topic-page__heading .topic-page__head-img img {
    display: none
}

.topic-page .topic-page__heading .topic-page__head-img img.show-desktop {
    display: block
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .topic-page .topic-page__heading .topic-page__head-img img.show-mobile {
        display: none
    }
    .topic-page .topic-page__heading .topic-page__head-img img.show-tablet {
        display: block
    }
    .topic-page .topic-page__heading .topic-page__head-img img.show-desktop {
        display: none
    }
}

@media only screen and (max-width:675px) {
    .topic-page .topic-page__heading .topic-page__head-img img.show-mobile {
        display: block
    }
    .topic-page .topic-page__heading .topic-page__head-img img.show-tablet {
        display: none
    }
    .topic-page .topic-page__heading .topic-page__head-img img.show-desktop {
        display: none
    }
}

.topic-page .topic-page__heading--img {
    position: relative
}

.topic-page .topic-page__heading--img h1 {
    background-color: rgba(46, 46, 51, .5);
    bottom: 0;
    font-family: "Tempo";
    color: #fff;
    left: 0;
    margin: 0 -20px;
    padding: 8px 20px;
    text-transform: uppercase;
    position: absolute;
    right: 0
}

.topic-page .topic-page__heading--img img {
    width: 100%
}

.topic-page .topic-page__heading--img .topic-page__head-img {
    margin: -20px -20px 0 -20px
}

.topic-page .OUTBRAIN {
    padding-left: 10px;
    padding-right: 10px
}

.article .sun-video-player,
.article .sun-video-player .innerWrapper {
    min-height: 348px
}

@media only screen and (max-width:675px) {
    .article .sun-video-player,
    .article .sun-video-player .innerWrapper {
        min-height: 0;
        margin-right: 0;
        margin-left: 0
    }
}

.article .sun-video-player {
    margin-bottom: 21px;
    padding-top: 3px
}

@media only screen and (max-width:675px) {
    .article .sun-video-player {
        margin-left: -20px;
        margin-right: -20px
    }
}

.article.article-full .sun-video-player,
.article.article-full .sun-video-player .innerWrapper {
    min-height: 528px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .article.article-full .sun-video-player,
    .article.article-full .sun-video-player .innerWrapper {
        min-height: 349px
    }
}

@media only screen and (max-width:675px) {
    .article.article-full .sun-video-player,
    .article.article-full .sun-video-player .innerWrapper {
        min-height: 0
    }
}

.article .rail {
    margin-bottom: 21px
}

.article .youtubeVideo {
    margin-bottom: 21px
}

@media only screen and (max-width:675px) {
    .article .youtubeVideo {
        margin-left: -20px;
        margin-right: -20px;
        padding-bottom: 65%
    }
}

.article .tags {
    display: inline-block;
    margin-top: 3px
}

.article .instagram-media,
.article .twitter-tweet {
    margin-bottom: 22px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px
}

.article__header .sun-video-player {
    margin-bottom: 25px
}

.article__headline {
    margin: 0 0 12px
}

@media only screen and (max-width:675px) {
    .article__headline {
        font-size: 24px
    }
}

.article__headline .article__kicker {
    text-transform: uppercase
}

.article__subdeck {
    font-family: "Roboto Slab", serif;
    margin: 0 0 20px 0;
    border-left: 10px solid;
    padding-left: 10px
}

@media only screen and (max-width:675px) {
    .article__subdeck {
        border-left-width: 5px;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 25px
    }
}

.article__subdeck--bullet {
    font-family: "Roboto Slab", serif
}

@media only screen and (max-width:675px) {
    .article__subdeck--bullet {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 25px
    }
}

.article__subdeck--bullet ul {
    margin: 0;
    padding: 0;
    margin-bottom: 13px;
    list-style-type: none
}

.article__subdeck--bullet ul li {
    position: relative;
    padding: 0 0 5px 22px
}

.article__subdeck--bullet ul li:before {
    content: "";
    background-image: url(/public/images/Bullet_point.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 0
}

.article__meta {
    margin-bottom: 20px;
    *zoom: 1;
}

.article__meta:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:675px) {
    .article__meta {
        font-size: 14px;
        height: auto
    }
}

@media only screen and (max-width:675px) {
    .article__name-date {
        float: none;
        display: inline;
        line-height: 1.4em
    }
}

.article__author {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    display: inline-block;
    margin: 0 6px 0 0;
    padding-bottom: 2px;
    padding-right: 10px;
    border-right: 1px solid #eaeeef
}

@media only screen and (max-width:675px) {
    .article__author {
        border-right: 0;
        display: inline;
        line-height: 20px
    }
}

.article__author-name {
    text-transform: uppercase
}

.article__published {
    font-family: "Roboto Slab", serif;
    display: inline-block;
    color: #6a6a70
}

@media only screen and (max-width:675px) {
    .article__published {
        display: block
    }
}

.teaser-item--breaking .article__headline {
    color: #fff
}

.teaser-item--breaking .article__subdeck {
    color: #fff
}

.teaser-item--breaking .article__meta {
    margin-bottom: 17px
}

.teaser-item--breaking .article__published {
    color: #fff
}

.article__content h2,
.article__content h3,
.article__content h4,
.article__content h5 {
    font-family: "Roboto", sans-serif;
    margin-bottom: 13px
}

@media only screen and (max-width:675px) {
    .article__content h2,
    .article__content h3,
    .article__content h4,
    .article__content h5 {
        font-size: 18px
    }
}

.article__content h2 {
    font-size: 22px;
    line-height: 22px
}

.article__content p {
    margin: 0 0 13px
}

.article__content p a:hover {
    text-decoration: underline
}

.article__content img {
    width: 100%
}

@media only screen and (max-width:675px) {
    .article__content {
        font-size: 16px;
        line-height: 22px
    }
    .article__content p {
        margin-bottom: 16px;
    }
    .article__content img {
        width: 100% !important;
    }
}

.article__content ul {
    margin: 0;
    padding: 0;
    margin-bottom: 13px;
    list-style-type: none
}

.article__content ul li {
    position: relative;
    padding: 0 0 5px 22px
}

.article__content ul li:before {
    content: "";
    background-image: url(/public/images/Bullet_point.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 0
}

.article__media,
figure {
    display: block;
    padding: 0;
    margin: 3px 0 21px;
    background-color: #f3f6f7;
    width: 100%
}

.article__media .open-gallery,
figure .open-gallery {
    cursor: pointer
}

@media only screen and (max-width:675px) {
    .article__media,
    figure {
        margin-left: -20px;
        margin-right: -20px;
        width: auto
    }
    .article__media img,
    figure img {
        width: 100%
    }
}

.article__media-img-container {
    position: relative
}

.article__media-img-container img {
    width: 100%
}

.article__credit {
    text-transform: uppercase;
    padding: 7px 10px 6px;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff
}

@media only screen and (max-width:675px) {
    .article__credit {
        padding: 5px
    }
}

.article__gallery-count {
    background-image: url(/public/images/gallery_icon.svg);
    background-position: 13px center;
    background-repeat: no-repeat;
    background-size: 23px;
    position: absolute;
    font-family: "Roboto Slab", serif;
    right: 0;
    bottom: 0;
    height: 32px
}

.article__gallery-count-value {
    color: #fff !important;
    display: block;
    padding: 4px 14px 4px 40px;
    width: 100%
}

.article__media-caption,
figcaption {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    padding: 15px
}

@media only screen and (max-width:675px) {
    .article__media-caption,
    figcaption {
        font-size: 14px;
        line-height: 18px
    }
}

.article__content--intro {
    font-weight: 700
}

.article__quote {
    display: inline-block;
    font-family: "Roboto Slab", serif;
    overflow: hidden;
    position: relative;
    font-weight: bold;
    margin: 3px 0 13px;
    width: 100%
}

.article__quote:before,
.article__quote:after {
    background-color: #eaeeef;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%
}

.article__quote:before {
    left: 65px;
    top: 0
}

.article__quote:after {
    bottom: 0;
    right: 65px
}

@media only screen and (max-width:675px) {
    .article__quote {
        font-size: 18px
    }
    .article__quote:before {
        left: 38px
    }
    .article__quote:after {
        right: 38px
    }
}

.article__quote .article__quote-copy {
    position: relative;
    margin: 0 65px 0 65px;
    padding: 17px 0 18px 0
}

.article__quote .article__quote-copy p {
    margin: 0
}

@media only screen and (max-width:675px) {
    .article__quote .article__quote-copy {
        padding: 18px 0 18px 0;
        margin: 0 38px 0 38px
    }
}

.article__quote .article__quote-copy:before {
    position: absolute;
    width: 50px;
    height: 38px;
    left: -65px;
    top: 0;
    content: "";
    background-image: url(/public/images/quote-icon.svg);
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width:675px) {
    .article__quote .article__quote-copy:before {
        width: 28px;
        height: 22px;
        left: -38px
    }
}

.article__quote .article__quote-copy:after {
    content: "";
    position: absolute;
    right: -65px;
    bottom: -1px;
    width: 50px;
    height: 38px;
    background-image: url(/public/images/quote-icon-180.svg);
    background-color: #4085cb;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width:675px) {
    .article__quote .article__quote-copy:after {
        width: 28px;
        height: 22px;
        right: -38px
    }
}

.article__quote-credit {
    display: block;
    font-family: "Roboto Slab", serif;
    font-weight: normal;
    font-style: normal;
    padding: 13px 0 0 0
}

.article__quote-credit span {
    font-weight: bold;
    padding-right: 4px
}

@media only screen and (max-width:675px) {
    .article__quote-credit {
        font-size: 13px
    }
}

.article-slug,
.teaser-slug {
    color: #fff;
    font-family: "Tempo";
    text-transform: uppercase;
    *zoom: 1;
}

.article-slug:after,
.teaser-slug:after {
    content: "";
    display: table;
    clear: both
}

.article-slug--article-page {
    position: relative;
    margin-right: 10px;
    float: left;
    padding: 5px 10px
}

@media only screen and (max-width:675px) {
    .article-slug--article-page {
        font-size: 14px;
        margin-right: 8px;
        padding: 3px 5px;
        top: 0;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.article-slug--article-page .article-slug__copy {
    position: relative
}

.article-slug__copy,
.teaser-slug__copy {
    line-height: .8em;
    position: absolute
}

.article-data {
    font-family: "Roboto Slab", serif;
    font-weight: normal;
    padding: 0 0 4px 0
}

.article-data__item {
    border-right: 1px solid #ededed;
    display: inline;
    margin-right: 10px;
    padding-right: 9px
}

.article-data__tag {
    font-family: "Tempo";
    margin-right: 14px;
    padding-right: 19px;
    text-transform: uppercase
}

.article-data__tag .icon {
    height: 9px;
    top: 2px;
    margin-left: 2px;
    width: 6px
}

.article-data__comment {
    position: relative;
    padding-left: 18px
}

.article-data__comment .icon {
    background-image: url(/public/images/comments.svg);
    background-size: 100%;
    left: -2px;
    position: absolute;
    top: 3px;
    background-size: cover
}

.article-data__share {
    position: relative;
    padding-left: 18px
}

.article-data__share .article-share {
    height: 10px;
    width: 13px;
    top: 4px;
    position: absolute;
    left: 0
}

.article-data--puzzles .article-data__item {
    border-right: 0;
    display: inline-block
}

.article-data--puzzles .article-data__tag {
    font-family: "Tempo";
    margin-right: 10px;
    padding-right: 1px;
    text-transform: uppercase
}

.article-data--puzzles .article-data__tag .icon {
    top: 1px;
    right: 0
}

.social .naytev-share-toolbar.naytev-share-horizontal {
    z-index: 1
}

.social .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social {
    background-size: contain
}

.social .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social[data-network="facebook"] {
    background-image: url(/public/images/facebook.svg)
}

.social .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social[data-network="twitter"] {
    background-image: url(/public/images/twitter.svg)
}

.social .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social[data-network="email"] {
    background-image: url(/public/images/message.svg)
}

.social .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social[data-network="whatsapp"] {
    background-image: url(/public/images/whatsapp.svg);
    display: none
}

@media only screen and (max-width:675px) {
    .social .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social[data-network="whatsapp"] {
        display: inline-block
    }
    .social .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social[data-network="email"] {
        visibility: hidden;
        width: 0;
        padding: 0;
        margin: 0
    }
}

.social .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social img {
    opacity: 0;
    height: 50px;
    background-repeat: no-repeat
}

@media only screen and (max-width:675px) {
    .social .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social img {
        height: 36px
    }
}

.social--article {
    height: 70px;
    margin: 0 0 16px;
    padding: 0 20px;
    background-color: #eaeeef;
    font-family: "Roboto Slab", serif
}

@media only screen and (max-width:675px) {
    .social--article {
        height: 45px;
        margin: 23px -20px
    }
}

.social--article .article-social__meta {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:675px) {
    .social--article .article-social__meta {
        display: none
    }
}

.social--article .article-social__meta .article-social__share-icon {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    width: 38px
}

.social--article .article-social__meta .article-social__share-no {
    float: left;
    font-size: 20px;
    line-height: 1em
}

.social--article .article-social__meta .article-social__share-no .share-no-amount {
    font-weight: bold
}

.social--article .article-social__meta .article-social__share-no .share-no-amount.noComments,
.social--article .article-social__meta .article-social__share-no .share-no-amount.noShares {
    margin-top: 15px;
    text-transform: uppercase
}

.social--article .article-social__meta .article-social__share-no .share-no-name {
    font-size: 15px;
    text-transform: uppercase
}

.social--article .article-social__meta .article-social__share-no .share-no-name.noComments,
.social--article .article-social__meta .article-social__share-no .share-no-name.noShares {
    margin-top: -37px
}

.social--article .article-social__meta--share-count {
    float: left;
    margin-right: 20px;
    margin-top: 2px
}

.social--article .article-social__meta--comment-count {
    border-left: 2px solid #fff;
    float: right;
    padding: 16px 0 12px 20px
}

.social--article .article-social__meta--comment-count-mobile {
    float: left;
    display: none
}

@media only screen and (max-width:675px) {
    .social--article .article-social__meta--comment-count-mobile {
        display: block
    }
}

.social--article .article-social__meta--comment-count-mobile .article-social__share-icon {
    width: 36px;
    margin: 6px 35px 0 0
}

.social--article .naytev-share-toolbar.naytev-share-horizontal {
    width: auto;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.social--article .naytev-share-toolbar.naytev-share-horizontal .naytev-social {
    float: left;
    margin-right: 15px;
    width: 50px;
    height: 50px
}

@media only screen and (max-width:675px) {
    .social--article .naytev-share-toolbar.naytev-share-horizontal .naytev-social {
        width: 36px;
        height: 36px
    }
}

.social--video {
    margin: 49px 0 0 0
}

@media only screen and (max-width:675px) {
    .social--video {
        display: none
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .social--video {
        display: none
    }
}

.social--video .naytev-share-toolbar.naytev-share-horizontal {
    width: auto;
    margin: 0 auto;
    padding: 0
}

.social--video .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 10px
}

@media only screen and (max-width:675px) {
    .social--video .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social {
        width: 36px;
        height: 36px;
        background-size: cover;
        display: inline-block;
        margin-right: 10px
    }
}

.video-social-overflow {
    overflow: hidden
}

.social--video__mobile {
    margin-top: 0;
    margin-bottom: 0;
    display: none
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .social--video__mobile {
        display: block
    }
}

@media only screen and (max-width:675px) {
    .social--video__mobile {
        display: block
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal {
        margin: 0 auto
    }
}

@media only screen and (max-width:675px) {
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal {
        margin: 0 auto
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons:before,
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons:after {
        height: 10px;
        top: 29px;
        position: absolute;
        background-color: #424247;
        width: 100%
    }
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons:before {
        content: "";
        right: 53%;
        top: 29px;
        margin-right: 83px
    }
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons:after {
        content: ""
    }
}

@media only screen and (max-width:675px) {
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons:before,
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons:after {
        height: 5px;
        top: 16px;
        position: absolute;
        background-color: #424247;
        width: 100%
    }
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons:before {
        content: "";
        right: 50%;
        top: 16px;
        margin-right: 83px
    }
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons:after {
        content: ""
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

@media only screen and (max-width:675px) {
    .social--video__mobile .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social {
        margin-bottom: 0
    }
}

.social--gallery {
    margin: 0
}

.social--gallery .naytev-share-toolbar.naytev-share-horizontal {
    width: auto;
    margin: 0 auto;
    padding: 0
}

.social--gallery .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social {
    width: 50px;
    height: 50px;
    margin: 10px 0;
    display: block
}

@media only screen and (max-width:675px) {
    .social--gallery .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social {
        width: 45px;
        height: 45px;
        float: left;
        display: inline-block;
        margin: 0 10px;
        background-size: cover
    }
}

@media only screen and (max-width:675px) {
    .social--gallery .naytev-share-toolbar.naytev-share-horizontal .naytev-share-buttons .naytev-social img {
        height: 45px
    }
}

.article-boxout {
    font-family: "Roboto Slab", serif;
    margin-bottom: 25px;
    margin-top: 3px
}

.article-boxout .article-boxout__headline {
    color: #fff;
    margin: 0;
    padding: 13px 20px 13px;
    line-height: 1em;
    text-transform: none
}

@media only screen and (max-width:675px) {
    .article-boxout .article-boxout__headline {
        font-size: 16px;
        line-height: 20px
    }
}

.article-boxout .article-boxout__content {
    padding: 18px 20px 18px;
    line-height: 1.2em;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.article-boxout .article-boxout__content .article-boxout__content-img {
    float: left;
    margin: 0 20px 0 0;
    max-width: 50%
}

.article-boxout .article-boxout__content .article-boxout__content-img img {
    width: 100%
}

.article-boxout .article-boxout__content img {
    width: 100%
}

.article-boxout .article-boxout__content p {
    margin: 0;
    word-wrap: break-word
}

.article-boxout .article-boxout__content p:first-letter {
    padding-left: 20px
}

.article-boxout .article-boxout__content p:first-of-type:first-letter {
    padding-left: 0
}

@media only screen and (max-width:675px) {
    .article-boxout .article-boxout__content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.article-full .article-boxout .article-boxout__content {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

@media only screen and (max-width:675px) {
    .article-full .article-boxout .article-boxout__content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.comments {
    margin-top: 50px
}

.comments .comments-header-wrap {
    background-color: #eaeeef;
    font-family: "Tempo";
    text-align: center;
    text-transform: uppercase
}

.comments .comments-header-wrap h3 {
    background-color: #fff;
    display: inline-block;
    padding: 3px 20px 2px;
    font-weight: normal
}

.comments .fyre-live-container,
.comments .fyre-comment-hidden,
.comments .fyre .fyre-comment-divider>a {
    display: none
}

.comments .livefyre-comments {
    padding-top: 10px
}

.comments .fyre .fyre-stream-stats {
    float: right;
    font-family: "Roboto Slab", serif;
    margin-bottom: 5px;
    margin-top: 10px
}

.comments .fyre .fyre-stream-stats .fyre-help {
    display: none
}

.comments .fyre .fyre-stream-stats span {
    font-weight: normal;
    padding-right: 0
}

.comments .fyre .fyre-auth {
    margin-top: 0
}

.comments .fyre .fyre-auth .fyre-login-bar {
    font-family: "Roboto", sans-serif;
    margin-bottom: 5px;
    margin-top: 10px
}

.comments .fyre .fyre-auth .fyre-login-bar .fyre-box-wrapper img.fyre-user-avatar-25,
.comments .fyre .fyre-auth .fyre-login-bar .fyre-box-wrapper span.fyre-user-drop {
    float: left
}

.comments .fyre .fyre-auth .fyre-login-bar .fyre-box-wrapper span.fyre-user-drop {
    font-family: "Roboto Slab", serif;
    font-weight: normal;
    margin-left: 10px
}

.comments .fyre .fyre-auth .fyre-login-bar .fyre-box-wrapper {
    width: 100%
}

.comments .fyre-editor {
    margin-top: 0
}

.comments .fyre-editor .fyre-editor-container .fyre-editor-editable {
    background-color: #eaeeef;
    border-color: #c4cacb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 130px
}

.comments .fyre .fyre-stream-sort {
    color: #8594a9;
    font-family: "Roboto Slab", serif;
    padding: 0 0 5px
}

.comments .fyre .fyre-comment-article,
.comments .fyre .fyre-comment-stream {
    font-family: "Roboto", sans-serif
}

.comments .fyre .fyre-comment-article {
    border-top: 1px solid #eaeeef;
    margin-bottom: -1px;
    margin-top: -1px;
    padding-top: 10px
}

.comments .fyre .fyre-comment-article:first-of-type {
    border-top: 0
}

.comments .fyre .fyre-comment-user img.fyre-user-avatar {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.comments .fyre .fyre-comment-replies-indent {
    margin-left: 0;
    padding-left: 50px
}

.comments .fyre .fyre-comment-replies-indent .fyre-comment-article {
    border-bottom: 0
}

.comments .fyre .fyre-comment-divider {
    margin: 0
}

.comments .fyre .fyre-comment-divider>div.fyre-comment-divider {
    background-color: #eaeeef;
    margin-left: 0
}

.comments .fyre .fyre-comment-head {
    min-height: 47px
}

@media only screen and (max-width:675px) {
    .comments .fyre .fyre-comment-head {
        min-height: 25px
    }
}

.comments .fyre .fyre-comment-body {
    margin-left: 0;
    padding-top: 15px
}

.comments .fyre a.fyre-comment-username {
    line-height: 47px
}

@media only screen and (max-width:675px) {
    .comments .fyre a.fyre-comment-username {
        line-height: 24px
    }
}

.comments .fyre .fyre-comment-footer {
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0
}

.comments .fyre .fyre-comment-like .fyre-comment-like-btn,
.comments .fyre .fyre-comment-reply {
    background: none;
    border: 0;
    color: #8594a9;
    font-family: "Roboto Slab", serif;
    font-size: 12px;
    text-transform: uppercase
}

.comments .fyre .fyre-editor .fyre-editor-error {
    background: #2e2e33;
    border-color: #2e2e33;
    box-shadow: none
}

.comments .fyre .fyre-editor .fyre-editor-error .fyre-editor-error-close {
    background-color: #fff;
    background-image: url(/public/images/close-dark-grey-blue.svg);
    background-position: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 11px;
    width: 11px
}

.comments .fyre-comment-actions a {
    display: none
}

.comments .fyre.fyre-width-small .fyre-login-bar {
    width: 100%
}

.comments .fyre.fyre-width-small .fyre-editor .fyre-editor-toolbar .goog-toolbar>div.fyre-embed-button,
.comments .fyre.fyre-width-small .fyre-editor .fyre-editor-toolbar .goog-toolbar>div.fyre-share-button {
    display: none
}

.comments .fyre.fyre-width-small .fyre-comment-like .fyre-comment-like-btn,
.comments .fyre.fyre-width-small .fyre-comment-reply {
    background: none;
    border: 0;
    font-size: 12px
}

.comments .fyre.fyre-width-small .fyre-comment-actions a {
    display: none
}

.sub-nav__mobile-head {
    display: none
}

@media only screen and (max-width:675px) {
    .sub-nav__mobile-head {
        font-family: "Tempo";
        text-transform: uppercase;
        font-size: 22px;
        line-height: 1.1em;
        color: #fff;
        display: block;
        margin-bottom: -20px;
        position: relative;
        top: 98px;
        width: 100%;
        padding: 12px 10px 11px;
        z-index: 13;
        -moz-transition: top .2s;
        -o-transition: top .2s;
        -webkit-transition: top .2s;
        transition: top .2s
    }
    .sub-nav__mobile-head .sub-nav__mobile-head-text {
        display: none
    }
    .sub-nav__mobile-head .sub-nav__mobile-head-text.show {
        display: inline-block
    }
    .sub-nav__mobile-head .icon {
        margin-left: 8px;
        margin-top: 1px;
        -moz-transition: -moz-transform .2s;
        -o-transition: -o-transform .2s;
        -webkit-transition: -webkit-transform .2s;
        transition: transform .2s
    }
    .sub-nav__mobile-head.open .icon {
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .sub-nav__mobile-head.moveDown {
        top: 143px
    }
}

.sub-nav__container {
    position: absolute;
    top: 167px;
    width: 100%;
    z-index: 3;
    -moz-transition: top .4s;
    -o-transition: top .4s;
    -webkit-transition: top .4s;
    transition: top .4s
}

.sub-nav__container.open {
    top: 587px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sub-nav__container.open {
        top: 605px
    }
}

.sub-nav__container .sun-row {
    background-color: inherit
}

@media only screen and (max-width:675px) {
    .sub-nav__container {
        background-color: transparent !important;
        position: absolute;
        width: 100%;
        bottom: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        padding-top: 192px;
        top: auto;
        z-index: 12;
        -moz-transition: bottom .4s, padding-top .4s;
        -o-transition: bottom .4s, padding-top .4s;
        -webkit-transition: bottom .4s, padding-top .4s;
        transition: bottom .4s, padding-top .4s
    }
    .sub-nav__container.open {
        bottom: 47px;
        top: auto
    }
    .sub-nav__container.moveDown {
        padding-top: 190px
    }
}

.sub-nav {
    font-family: "Tempo";
    text-transform: uppercase;
    margin: 0
}

@media only screen and (max-width:675px) {
    .sub-nav {
        font-size: 16px;
        margin: 0
    }
}

.sub-nav .sub-nav__list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

@media only screen and (max-width:675px) {
    .sub-nav .sub-nav__list {
        display: block;
        padding: 0
    }
}

.sub-nav .sub-nav__item {
    float: left;
    height: 45px;
    margin: 0;
    padding: 0 20px;
    width: auto
}

.sub-nav .sub-nav__item:before {
    content: '';
    height: 14px;
    left: 0;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 1px
}

.sub-nav .sub-nav__item:first-child:before {
    display: none
}

@media only screen and (max-width:675px) {
    .sub-nav .sub-nav__item {
        height: auto;
        width: 100%
    }
    .sub-nav .sub-nav__item:before {
        display: none
    }
}

.sub-nav .sub-nav__item a {
    color: #fff;
    padding: 15px 0 7px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

@media only screen and (max-width:675px) {
    .sub-nav .sub-nav__item a {
        background-color: transparent;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        color: #fff;
        display: block;
        padding: 18px 0 16px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: inherit;
        width: 100%
    }
}

.sub-nav .sub-nav__item a:hover,
.sub-nav .sub-nav__item.active a,
.sub-nav .sub-nav__item.active.swiper-slide-active a {
    border-bottom-style: solid;
    border-bottom-width: 5px;
    padding-bottom: 7px
}

@media only screen and (max-width:675px) {
    .sub-nav .sub-nav__item a:hover,
    .sub-nav .sub-nav__item.active a,
    .sub-nav .sub-nav__item.active.swiper-slide-active a {
        color: inherit;
        border-bottom-width: 1px;
        padding-bottom: 16px
    }
}

@media only screen and (max-width:675px) {
    .sub-nav .sub-nav__item:not(.active) a:hover,
    .sub-nav .sub-nav__item:not(.active.swiper-slide-active) a:hover {
        color: #fff
    }
}

.sub-nav .swiper-button-next,
.sub-nav .swiper-button-prev {
    background-size: 10px 15px;
    height: 45px;
    margin: 0;
    top: 0;
    width: 40px
}

.sub-nav .swiper-button-next:before,
.sub-nav .swiper-button-prev:before {
    content: '';
    height: 35px;
    position: absolute;
    top: 5px;
    width: 1px
}

@media only screen and (max-width:675px) {
    .sub-nav .swiper-button-next,
    .sub-nav .swiper-button-prev {
        display: none
    }
}

.sub-nav .swiper-button-next {
    right: 0;
    background-image: none
}

.sub-nav .swiper-button-next:before {
    left: 0
}

.sub-nav .swiper-button-next .icon {
    top: 16px;
    right: 20px
}

.sub-nav .swiper-button-prev {
    left: 0;
    background-image: none
}

.sub-nav .swiper-button-prev:before {
    right: 0
}

.sub-nav .swiper-button-prev .icon {
    top: 16px;
    left: 20px
}

.sub-nav .swiper-button-disabled {
    display: none
}

.tags {
    font-family: "Roboto Slab", serif;
    text-transform: uppercase;
    line-height: 1em
}

.tags .tags__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    *zoom: 1;
}

.tags .tags__list:after {
    content: "";
    display: table;
    clear: both
}

.tags .tags__item {
    position: relative;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px 20px 6px 8px;
    background-color: #eaeeef
}

.tags .tags__item:after {
    content: "";
    background-image: url(/public/images/tag_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 5px;
    height: 7px;
    position: absolute;
    right: 8px;
    top: 10px
}

@media only screen and (max-width:675px) {
    .tags .tags__item:after {
        width: 5px;
        height: 7px;
        right: 5px;
        top: 10px
    }
}

@media only screen and (max-width:675px) {
    .tags .tags__item {
        margin: 0 5px 5px 0;
        padding: 5px 12px 5px 5px
    }
}

.tags .tags__item a {
    font-size: 12px;
    font-weight: normal;
    line-height: 12px
}

@media only screen and (max-width:675px) {
    .tags .tags__item a {
        font-size: 13px;
        line-height: 1em
    }
}

.tags--article .tags__item:first-child {
    background-color: #fff;
    margin: 0
}

.tags--article .tags__item:first-child:after {
    background-image: none
}

.tags--topic {
    margin: 10px 0 -9px 0
}

@media only screen and (max-width:675px) {
    .tags--topic {
        margin-bottom: 0;
        margin-top: 10px
    }
}

.tags--topic .tags__item {
    margin: 0 10px 10px 0
}

.tags--topic .tags__item:first-child {
    background-color: #fff;
    margin: 0;
    padding-left: 0
}

.tags--topic .tags__item:first-child:after {
    background-image: none
}

.popup-box {
    background-color: #fff;
    border: 1px solid #c4cacb;
    display: none;
    margin-top: 8px;
    min-height: 60px;
    position: absolute;
    right: 0;
    z-index: 1
}

.popup-box.open {
    display: block
}

.popup-box .popup-box--close {
    background: #2e2e33 url(/public/images/close.svg) no-repeat;
    cursor: pointer;
    height: 21px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 21px;
    z-index: 1
}

.club-nav {
    display: block
}

@media only screen and (max-width:675px) {
    .club-nav {
        display: none
    }
}

.club-nav--mobile {
    display: none;
    margin: -10px -10px 0
}

@media only screen and (max-width:675px) {
    .club-nav--mobile {
        display: block
    }
}

.club-nav .club-nav__header {
    display: none
}

@media only screen and (max-width:675px) {
    .club-nav .club-nav__header {
        display: block;
        font-family: "Tempo";
        font-weight: normal;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        padding: 3px 10px 1px;
        position: relative;
        z-index: 11
    }
}

.club-nav .swiper-container {
    background-color: #f3f6f7;
    border-top: 1px solid #e1e4e5;
    border-bottom: 1px solid #e1e4e5
}

.club-nav .club-nav__container {
    margin: 0;
    list-style-type: none;
    padding: 0;
    *zoom: 1;
}

.club-nav .club-nav__container:after {
    content: "";
    display: table;
    clear: both
}

.club-nav.club-nav--landing .club-nav__item {
    opacity: 1
}

.club-nav.club-nav--team .club-nav__item {
    opacity: .5
}

.club-nav .club-nav__item {
    width: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: left;
    text-align: center;
    width: 47px;
    margin: 5px 0;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.club-nav .club-nav__item.active {
    opacity: 1
}

.club-nav .club-nav__item.active a::before {
    left: 7px;
    right: 7px
}

.club-nav .club-nav__item:last-child {
    margin-right: 0
}

.club-nav .club-nav__item:hover {
    opacity: 1
}

.club-nav .club-nav__item a {
    display: block;
    height: 36px;
    position: relative
}

.club-nav .club-nav__item a::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    right: 50%;
    height: 3px
}

.club-nav .club-nav__item a:hover::before {
    left: 7px;
    right: 7px
}

@media only screen and (max-width:675px) {
    .club-nav .club-nav__item a:hover::before {
        left: 50%;
        right: 50%
    }
}

.club-nav img {
    width: auto;
    height: auto;
    display: inline-block;
    max-width: 44px;
    max-height: 44px
}

.club-nav .swiper-button-next,
.club-nav .swiper-button-prev {
    margin: 0;
    width: 20px;
    height: 48px;
    background-color: white;
    top: 0;
    background-size: 10px 15px
}

.club-nav .swiper-button-next {
    right: 0;
    border-left: 1px solid;
    background-image: none
}

.club-nav .swiper-button-next .icon {
    top: 16px;
    right: 0
}

.club-nav .swiper-button-prev {
    left: 0;
    border-right: 1px solid;
    background-image: none
}

.club-nav .swiper-button-prev .icon {
    top: 16px;
    left: 0
}

.club-nav .swiper-button-disabled {
    display: none
}

@media only screen and (max-width:675px) {
    .football .club-nav-main {
        display: none
    }
}

.football-sidebar {
    margin-bottom: 15px
}

.opta-empty {
    margin: 60px 0;
    font-size: 18px;
    text-align: center;
    font-family: "Roboto", sans-serif
}

.football-landing-mpu {
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    margin: 0 0 20px;
    padding: 0 10px 10px;
    float: left
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .football--live .sun-col-2 {
        width: 100%
    }
}

.football--live .match-score-card {
    background-color: #2e2e33;
    float: left;
    min-height: 145px;
    margin-bottom: 20px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:675px) {
    .football--live .match-score-card {
        float: none;
        margin-bottom: 0;
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -20px;
        min-width: 100%;
        width: auto;
        *zoom: 1;
    }
    .football--live .match-score-card:after {
        content: "";
        display: table;
        clear: both
    }
}

.football--live .match-tabs {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    *zoom: 1;
}

.football--live .match-tabs:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:675px) {
    .football--live .match-tabs {
        border: 0;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
        margin-left: -10px;
        margin-right: -10px
    }
}

.football--live .match-tabs:first-child {
    border-left: 1px
}

.football--live .match-tabs li {
    border-style: solid;
    border-width: 1px;
    float: left;
    margin-bottom: -1px;
    text-align: center;
    width: 32.446%
}

.football--live .match-tabs li a {
    background-color: #fff;
    display: block;
    padding-bottom: 7px;
    padding-top: 6px;
    -moz-transition: background-color .2s, color .2s;
    -o-transition: background-color .2s, color .2s;
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s
}

.football--live .match-tabs li a.active {
    background-color: transparent;
    color: #fff
}

.football--live .match-tabs li.match-tab--lineups {
    margin-left: 1.335%;
    margin-right: 1.335%
}

@media only screen and (max-width:675px) {
    .football--live .match-tabs li {
        margin-top: 15px;
        width: 33.33%;
        border-left-width: 0
    }
    .football--live .match-tabs li:first-child {
        border-left-width: 1px
    }
    .football--live .match-tabs li a {
        padding-bottom: 13px;
        padding-top: 12px
    }
    .football--live .match-tabs li.match-tab--lineups {
        margin-left: 0;
        margin-right: 0
    }
}

.football--live .teaser-item {
    margin-top: 15px
}

.football--live .match-data-wrap {
    margin-bottom: 20px
}

@media only screen and (max-width:675px) {
    .football--live .match-data-wrap {
        margin-left: -10px;
        margin-right: -10px
    }
}

.football--live .match-data-wrap .match-data {
    display: none
}

.football--live .match-data-wrap .match-data.active {
    display: block
}

.football--fixtures .fixtures-tabs {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    list-style: none;
    padding: 0;
    margin: 10px 0 10px 0;
    *zoom: 1;
}

.football--fixtures .fixtures-tabs:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:675px) {
    .football--fixtures .fixtures-tabs {
        border: 0;
        font-size: 16px;
        font-weight: 700;
        margin: 0 -10px 5px -10px
    }
}

.football--fixtures .fixtures-tabs li {
    border-style: solid;
    border-width: 1px;
    float: left;
    margin-bottom: -1px;
    text-align: center;
    width: 49.17%
}

.football--fixtures .fixtures-tabs li a {
    background-color: #fff;
    display: block;
    padding-bottom: 7px;
    padding-top: 6px;
    -moz-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.football--fixtures .fixtures-tabs li a.active {
    background-color: transparent;
    color: #fff
}

.football--fixtures .fixtures-tabs li.fixtures-tab--results {
    margin-left: 1.618%
}

@media only screen and (max-width:675px) {
    .football--fixtures .fixtures-tabs li {
        width: 50%
    }
    .football--fixtures .fixtures-tabs li a {
        padding-bottom: 13px;
        padding-top: 12px
    }
    .football--fixtures .fixtures-tabs li.fixtures-tab--results {
        margin: 0
    }
}

.football--fixtures .fixtures-data-wrap {
    margin-bottom: 20px
}

.football--fixtures .fixtures-data-wrap .fixtures-data {
    display: none
}

.football--fixtures .fixtures-data-wrap .fixtures-data.active {
    display: block
}

.football--team .team-crest {
    border-bottom: 1px solid #c4cacb;
    display: block;
    float: left;
    padding-bottom: 19px;
    width: 100%
}

.football--team .team-crest img,
.football--team .team-crest .team-name {
    float: left
}

.football--team .team-crest img {
    max-height: 32px;
    max-width: 36px
}

.football--team .team-crest .team-name {
    font-family: "Tempo";
    line-height: 32px;
    margin-left: 10px;
    text-transform: uppercase
}

@media only screen and (max-width:675px) {
    .football--team .team-crest {
        border-bottom: 0;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -8px;
        padding-bottom: 10px
    }
    .football--team .team-crest img {
        max-height: 20px;
        max-width: 24px
    }
    .football--team .team-crest .team-name {
        font-size: 24px;
        line-height: 21px
    }
}

.football-competition-select .football-competition-select__head {
    position: relative;
    z-index: 11
}

.football-competition-select .football-competition-select__head .football-title {
    font-family: "Tempo";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    padding: 9px 10px
}

.football-competition-select .football-competition-select__head h2 {
    font-family: "Tempo";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #eaeeef;
    padding: 9px 10px;
    cursor: pointer
}

.football-competition-select .football-competition-select__head h2 img {
    display: none
}

.football-competition-select .football-competition-select__head h2 .arrow {
    background-color: #232327;
    background-size: cover;
    top: 18px;
    margin-left: 8px;
    -moz-transition: -moz-transform .1s;
    -o-transition: -o-transform .1s;
    -webkit-transition: -webkit-transform .1s;
    transition: transform .1s
}

.football-competition-select.open .football-competition-select__head h2 .arrow {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.football-competition-select.open .football-competition-select__list {
    bottom: 0
}

.football-competition-select .football-competition-select__list {
    position: absolute;
    background-color: #f3f6f7;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    z-index: 10;
    bottom: 100%;
    top: 70px;
    -moz-transition: bottom .4s;
    -o-transition: bottom .4s;
    -webkit-transition: bottom .4s;
    transition: bottom .4s
}

.football-competition-select .football-competition-select__list ul {
    margin: 0;
    padding: 0 10px;
    list-style-type: none
}

.football-competition-select .football-competition-select__list ul li {
    border-bottom: 1px solid #c4cacb
}

.football-competition-select .football-competition-select__list ul li:last-child {
    border: 0
}

.football-competition-select .football-competition-select__list ul li a {
    padding: 12px 0 11px;
    display: block
}

.football-competition-select .football-competition-select__list img {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.football-competition-select--pages {
    background-color: #eaeeef
}

.football-competition-select--pages .football-competition-select__head .football-title {
    float: left
}

.football-competition-select--pages .football-competition-select__head h2 {
    text-align: right;
    padding-right: 30px
}

.football-competition-select--pages .football-competition-select__list {
    width: 96.9%;
    top: 55px
}

@media only screen and (max-width:675px) {
    .football-competition-select--pages .football-competition-select__list {
        width: 100%;
        top: 46px
    }
}

@media only screen and (max-width:675px) {
    .football--fixtures .football-competition-select--pages {
        margin: -10px -10px 10px
    }
}

@media only screen and (max-width:675px) {
    .football--fixtures .football-competition-select--pages .football-competition-select__list {
        top: 45px
    }
}

@media only screen and (max-width:675px) {
    .football--table .football-competition-select--pages {
        margin: -10px -10px 15px
    }
}

@media only screen and (max-width:675px) {
    .football--table .football-competition-select--pages .football-competition-select__list {
        top: 45px
    }
}

.opta-timeline {
    color: #fff
}

.opta-timeline h2 {
    display: none
}

.opta-timeline .score-line {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-top: 55px
}

@media only screen and (max-width:675px) {
    .opta-timeline .score-line {
        padding-top: 35px
    }
}

.opta-timeline .score-line span {
    float: left
}

.opta-timeline .score-line .team {
    margin-top: 10px;
    width: 175px
}

.opta-timeline .score-line .team.home-team {
    margin-right: 80px;
    text-align: right
}

.opta-timeline .score-line .team.away-team {
    margin-left: 80px
}

@media only screen and (max-width:675px) {
    .opta-timeline .score-line .team {
        font-size: 14px;
        margin-top: 60px;
        text-align: center;
        width: 50%
    }
    .opta-timeline .score-line .team.home-team {
        margin-right: 0;
        padding-left: 10px;
        padding-right: 40px;
        text-align: center
    }
    .opta-timeline .score-line .team.away-team {
        margin-left: 0;
        padding-left: 40px;
        padding-right: 10px
    }
}

.opta-timeline .score-line .score {
    text-align: center;
    width: 110px
}

@media only screen and (max-width:675px) {
    .opta-timeline .score-line .score {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%
    }
}

.opta-timeline .hometeam-crest,
.opta-timeline .awayteam-crest {
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: auto;
    max-height: 50px;
    max-width: 50px;
    padding: 6px;
    position: absolute;
    top: 47px;
    width: auto
}

@media only screen and (max-width:675px) {
    .opta-timeline .hometeam-crest,
    .opta-timeline .awayteam-crest {
        max-height: 40px;
        max-width: 40px;
        top: 35px
    }
}

.opta-timeline .hometeam-crest {
    left: 50%;
    margin-left: -121px
}

@media only screen and (max-width:675px) {
    .opta-timeline .hometeam-crest {
        margin-left: -moz-calc(-25% - 42px);
        margin-left: -webkit-calc(-25% - 42px);
        margin-left: calc(-25% - 42px)
    }
}

.opta-timeline .awayteam-crest {
    right: 50%;
    margin-right: -121px
}

@media only screen and (max-width:675px) {
    .opta-timeline .awayteam-crest {
        margin-right: -moz-calc(-25% - 42px);
        margin-right: -webkit-calc(-25% - 42px);
        margin-right: calc(-25% - 42px)
    }
}

.opta-timeline .goal-scorers-home,
.opta-timeline .goal-scorers-away {
    width: 175px
}

.opta-timeline .goal-scorers-home ul,
.opta-timeline .goal-scorers-away ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 18px;
    padding-top: 12px
}

.opta-timeline .goal-scorers-home ul li,
.opta-timeline .goal-scorers-away ul li {
    display: inline-block
}

.opta-timeline .goal-scorers-home ul li .score-goal,
.opta-timeline .goal-scorers-home ul li .goal-type,
.opta-timeline .goal-scorers-away ul li .score-goal,
.opta-timeline .goal-scorers-away ul li .goal-type {
    display: none
}

.opta-timeline .goal-scorers-home ul li .player,
.opta-timeline .goal-scorers-away ul li .player {
    display: block
}

.opta-timeline .goal-scorers-home ul li .player .timing:after,
.opta-timeline .goal-scorers-away ul li .player .timing:after {
    content: ', ';
    margin-right: 3px
}

.opta-timeline .goal-scorers-home ul li:last-child .player .timing:after,
.opta-timeline .goal-scorers-away ul li:last-child .player .timing:after {
    content: ''
}

@media only screen and (max-width:675px) {
    .opta-timeline .goal-scorers-home,
    .opta-timeline .goal-scorers-away {
        font-size: 10px;
        font-weight: 600;
        width: 50%
    }
    .opta-timeline .goal-scorers-home ul,
    .opta-timeline .goal-scorers-away ul {
        padding-top: 8px;
        text-align: center
    }
}

.opta-timeline .goal-scorers-home {
    clear: left;
    float: left;
    text-align: right
}

@media only screen and (max-width:675px) {
    .opta-timeline .goal-scorers-home {
        padding-left: 10px;
        padding-right: 40px
    }
}

.opta-timeline .goal-scorers-away {
    float: right;
    text-align: left
}

@media only screen and (max-width:675px) {
    .opta-timeline .goal-scorers-away {
        padding-left: 40px;
        padding-right: 10px
    }
}

.opta-timeline .timeline-container {
    display: none
}

.opta-timeline .match-details {
    color: #c4cacb;
    font-family: "Roboto", sans-serif;
    padding-top: 18px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.opta-timeline .match-details abbr {
    display: none
}

.opta-timeline .match-details dl,
.opta-timeline .match-details dt,
.opta-timeline .match-details dd {
    margin: 0;
    padding: 0
}

@media only screen and (max-width:675px) {
    .opta-timeline .match-details {
        font-size: 9px;
        padding-top: 14px
    }
}

.opta-timeline .clock {
    color: #419071;
    float: left;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 107px;
    width: 100%
}

.opta-timeline .clock .clock-period {
    display: inline-block;
    width: 100%
}

@media only screen and (max-width:675px) {
    .opta-timeline .clock {
        font-size: 10px;
        top: 97px
    }
}

.opta-commentary h2 {
    display: none
}

.opta-commentary ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.opta-commentary li {
    background: url(/public/images/list-divide.svg) repeat-x bottom left;
    background-size: 8px 1px;
    padding: 15px 0 16px;
    *zoom: 1;
}

.opta-commentary li:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:675px) {
    .opta-commentary li {
        background-size: 6px 1px;
        padding-bottom: 14px;
        padding-top: 13px
    }
}

.opta-commentary li span {
    display: block;
    float: left;
    font-family: "Roboto", sans-serif;
    width: 560px
}

@media only screen and (max-width:675px) {
    .opta-commentary li span {
        font-size: 14px;
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px)
    }
}

.opta-commentary li .comment-time {
    font-weight: bold;
    width: 55px
}

.opta-commentary li .comment-time.goal {
    color: #419071
}

@media only screen and (max-width:675px) {
    .opta-commentary li .comment-time {
        float: left;
        font-size: 16px;
        width: 50px
    }
}

.opta-commentary li .comment-type {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    min-height: 24px;
    margin-left: -50px;
    margin-top: 25px;
    width: 24px
}

@media only screen and (max-width:675px) {
    .opta-commentary li .comment-type {
        min-height: 20px;
        margin-left: -46px;
        margin-top: 20px;
        width: 20px
    }
}

.opta-commentary li .comment-type.lineup,
.opta-commentary li .comment-type.corner,
.opta-commentary li .comment-type.miss,
.opta-commentary li .comment-type.attempt-blocked,
.opta-commentary li .comment-type.attempt-saved,
.opta-commentary li .comment-type.offside,
.opta-commentary li .comment-type.comment {
    display: none
}

.opta-commentary li .comment-type.substitution {
    background-image: url(/public/images/commentary_subsitute.svg)
}

.opta-commentary li .comment-type.goal {
    background-image: url(/public/images/commentary_goal.svg)
}

.opta-commentary li .comment-type.yellow-card {
    background-image: url(/public/images/commentary_yellow_card.svg)
}

.opta-commentary li .comment-type.red-card {
    background-image: url(/public/images/commentary_red_card.svg)
}

.opta-commentary li .comment-type.free-kick-lost,
.opta-commentary li .comment-type.free-kick-won {
    background-image: url(/public/images/commentary_free_kick.svg)
}

.opta-commentary li .comment-type.penalty {
    background-image: url(/public/images/commentary_penalty.svg)
}

.opta-commentary li .comment-type.kick-off {
    background-image: url(/public/images/commentary_kick_off.svg)
}

.opta-commentary li .comment-type.half-time {
    background-image: url(/public/images/commentary_half_time.svg)
}

.opta-commentary li .comment-type.full-time {
    background-image: url(/public/images/commentary_full_time.svg)
}

.opta-commentary li .goal-comment:before {
    color: #419071;
    content: "GOAL!";
    display: block;
    font-weight: bold
}

.match-data--lineups {
    font-family: "Roboto", sans-serif;
    padding: 0 50px
}

@media only screen and (max-width:675px) {
    .match-data--lineups {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 12px
    }
}

.match-data--lineups h2 {
    display: none
}

.match-data--lineups h3,
.match-data--lineups .lineup-coach dt {
    border-bottom: 1px solid #c4cacb;
    color: #419071;
    font-weight: bold;
    margin-bottom: 16px;
    padding-bottom: 6px
}

@media only screen and (max-width:675px) {
    .match-data--lineups h3,
    .match-data--lineups .lineup-coach dt {
        font-size: 16px
    }
}

.match-data--lineups .matchstats-lineup {
    float: left;
    padding-left: 10px;
    width: 50%
}

.match-data--lineups .matchstats-lineup.home-team-stats {
    padding-left: 0;
    padding-right: 10px
}

.match-data--lineups .lineups-wrapper h3 {
    display: none
}

.match-data--lineups .lineups-wrapper h3~ul {
    padding-top: 42px
}

.match-data--lineups .lineups-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.match-data--lineups .lineups-wrapper ul:first-of-type {
    margin-bottom: 18px
}

.match-data--lineups .lineups-wrapper ul li .jersey,
.match-data--lineups .lineups-wrapper ul li .player,
.match-data--lineups .lineups-wrapper ul li .event-icon {
    display: inline-block;
    font-weight: bold;
    line-height: 26px
}

@media only screen and (max-width:675px) {
    .match-data--lineups .lineups-wrapper ul li .jersey,
    .match-data--lineups .lineups-wrapper ul li .player,
    .match-data--lineups .lineups-wrapper ul li .event-icon {
        font-size: 14px
    }
}

.match-data--lineups .lineups-wrapper ul li .jersey {
    color: #419071;
    font-family: "Roboto Slab", serif;
    width: 50px
}

@media only screen and (max-width:675px) {
    .match-data--lineups .lineups-wrapper ul li .jersey {
        width: 20px
    }
}

.match-data--lineups .lineups-wrapper ul li .player {
    font-weight: 500;
    margin-right: 5px;
    max-width: 71%;
    text-overflow: clip;
    white-space: nowrap
}

.match-data--lineups .lineups-wrapper ul li .event-icon {
    background-position: center;
    background-repeat: no-repeat;
    height: 12px;
    margin-left: 4px;
    width: 12px
}

@media only screen and (max-width:675px) {
    .match-data--lineups .lineups-wrapper ul li .event-icon {
        height: 10px;
        margin-left: 2px;
        width: 10px
    }
}

.match-data--lineups .lineups-wrapper ul li .event-icon img,
.match-data--lineups .lineups-wrapper ul li .event-icon.event-goalkeeper {
    display: none
}

.match-data--lineups .lineups-wrapper ul li .event-icon.event-goal {
    background-image: url(/public/images/lineups_goal.svg)
}

.match-data--lineups .lineups-wrapper ul li .event-icon.event-yellow {
    background-image: url(/public/images/lineups_yellow_card.svg)
}

.match-data--lineups .lineups-wrapper ul li .event-icon.event-red {
    background-image: url(/public/images/lineups_red_card.svg)
}

.match-data--lineups .lineups-wrapper ul li .event-icon.event-suboff,
.match-data--lineups .lineups-wrapper ul li .event-icon.event-subon {
    background-image: url(/public/images/lineups_subsitute.svg)
}

.match-data--lineups .lineups-wrapper .lineup-coach dt {
    display: none
}

.match-data--lineups .lineups-wrapper .lineup-coach dd {
    margin: 0;
    padding: 0;
    font-weight: 500;
    padding-top: 42px
}

@media only screen and (max-width:675px) {
    .match-data--lineups .lineups-wrapper .lineup-coach dd {
        font-size: 14px
    }
}

.match-data--lineups .home-team-stats .lineups-wrapper h3 {
    display: block;
    position: absolute;
    width: -moz-calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px)
}

@media only screen and (max-width:675px) {
    .match-data--lineups .home-team-stats .lineups-wrapper h3 {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }
}

.match-data--lineups .home-team-stats .lineup-coach dt {
    display: block;
    position: absolute;
    width: -moz-calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px)
}

@media only screen and (max-width:675px) {
    .match-data--lineups .home-team-stats .lineup-coach dt {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }
}

.match-data--stats {
    font-family: "Roboto", sans-serif;
    padding: 0 50px
}

@media only screen and (max-width:675px) {
    .match-data--stats {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 12px
    }
}

.match-data--stats h2 {
    display: none
}

.match-data--stats table thead,
.match-data--stats .matchup,
.match-data--stats .opta-dropdown span {
    display: none
}

.match-data--stats .tabs-nav {
    border-bottom: 1px solid #c4cacb;
    color: #2e2e33;
    list-style: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
    *zoom: 1;
}

.match-data--stats .tabs-nav:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:675px) {
    .match-data--stats .tabs-nav {
        display: none
    }
}

.match-data--stats .tabs-nav li {
    border-left: 1px solid #c4cacb;
    float: left
}

.match-data--stats .tabs-nav li a {
    padding: 0 14px;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    transition: color .2s
}

.match-data--stats .tabs-nav li:first-child {
    border-left: 0
}

.match-data--stats .tabs-nav li:first-child a {
    padding-left: 8px
}

.match-data--stats .tabs-nav li:last-child a {
    padding-right: 8px
}

.match-data--stats .tabs-nav li.tabs-selected a {
    color: #419071
}

.match-data--stats .tabs-content {
    list-style: none;
    margin: 0;
    padding: 0
}

.match-data--stats .tabs-content li {
    display: none
}

.match-data--stats .tabs-content li.tabs-selected {
    display: block
}

@media only screen and (max-width:675px) {
    .match-data--stats .tabs-content li {
        display: block;
        padding-bottom: 20px
    }
}

.match-data--stats .tabs-content h3 {
    display: none
}

@media only screen and (max-width:675px) {
    .match-data--stats .tabs-content h3 {
        border-bottom: 1px solid #c4cacb;
        color: #419071;
        display: block;
        line-height: 1em;
        list-style: none;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        padding-bottom: 6px;
        *zoom: 1;
    }
    .match-data--stats .tabs-content h3:after {
        content: "";
        display: table;
        clear: both
    }
}

.match-data--stats .tabs-content dt {
    font-weight: 600;
    margin-bottom: 3px;
    text-align: center
}

@media only screen and (max-width:675px) {
    .match-data--stats .tabs-content dt {
        font-size: 14px
    }
}

.match-data--stats .tabs-content dd {
    margin: 0;
    padding: 0;
    margin-bottom: 22px
}

.match-data--stats .tabs-content table {
    width: 100%
}

.match-data--stats .tabs-content table tr {
    display: block;
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

.match-data--stats .tabs-content table td {
    position: absolute;
    width: 100%
}

.match-data--stats .tabs-content table .stat-home,
.match-data--stats .tabs-content table .stat-away {
    color: #fff;
    font-weight: bold;
    width: auto;
    z-index: 2
}

.match-data--stats .tabs-content table .stat-home span,
.match-data--stats .tabs-content table .stat-away span {
    display: block;
    padding: 6px 10px
}

@media only screen and (max-width:675px) {
    .match-data--stats .tabs-content table .stat-home,
    .match-data--stats .tabs-content table .stat-away {
        font-size: 16px
    }
    .match-data--stats .tabs-content table .stat-home span,
    .match-data--stats .tabs-content table .stat-away span {
        padding-bottom: 8px;
        padding-top: 8px
    }
}

.match-data--stats .tabs-content table .stat-home {
    left: 0
}

.match-data--stats .tabs-content table .stat-away {
    right: 0
}

.match-data--stats .tabs-content table .home-percentage,
.match-data--stats .tabs-content table .away-percentage {
    display: block;
    float: left;
    font-size: 0;
    height: 30px;
    -moz-transition: width .2s;
    -o-transition: width .2s;
    -webkit-transition: width .2s;
    transition: width .2s
}

.match-data--stats .tabs-content table .home-percentage {
    background-color: #419071;
    border-right: 1px solid #fff
}

.match-data--stats .tabs-content table .away-percentage {
    background-color: #2c644e;
    border-left: 1px solid #fff
}

.football-fixture-widget {
    position: relative;
    background-color: #f3f6f7;
    font-size: 13px;
    overflow: hidden;
    min-height: 347px
}

@media only screen and (max-width:675px) {
    .football-fixture-widget {
        margin: -5px -10px -5px
    }
}

.football-fixture-widget .football-fixture-widget__header {
    font-family: "Tempo";
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    padding: 3px 10px 1px;
    position: relative;
    z-index: 11
}

.football-fixture-widget .football-fixture-widget__footer {
    font-family: "Tempo";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #eaeeef;
    padding: 8px 10px 6px;
    border-bottom: 1px solid #e1e4e5;
    text-align: right;
    bottom: 0;
    position: absolute;
    width: 100%
}

.football-fixture-widget .football-fixture-widget__footer a {
    position: relative;
    padding-right: 16px
}

.football-fixture-widget .football-fixture-widget__footer a span {
    top: 4px;
    right: 0
}

.football-fixture-widget .opta-fixtures_plus {
    display: block;
    position: absolute;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    bottom: 42px;
    top: 70px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .football-fixture-widget .opta-fixtures_plus {
        overflow: inherit;
        overflow-y: inherit
    }
}

.football-fixture-widget .opta-fixtures_plus h2 {
    display: none
}

.football-fixture-widget .opta-fixtures_plus .fixtures-plus {
    padding: 0 10px
}

.football-fixture-widget .opta-fixtures_plus .fixtures-plus .grouping {
    font-weight: bold;
    border-bottom: 1px solid #c4cacb
}

.football-fixture-widget .opta-fixtures_plus .fixtures-plus .grouping tr {
    cursor: initial
}

.football-fixture-widget .opta-fixtures_plus .fixtures-plus .grouping tr:hover {
    background-color: transparent
}

.football-fixture-widget .opta-fixtures_plus .fixtures-plus .scoreline {
    border-bottom: 1px dashed #c4cacb
}

.football-fixture-widget .opta-fixtures_plus table {
    width: 100%
}

.football-fixture-widget .opta-fixtures_plus tr {
    height: 39px;
    cursor: pointer
}

.football-fixture-widget .opta-fixtures_plus tr.aggregate {
    position: absolute;
    margin-top: -39px;
    width: 100%
}

.football-fixture-widget .opta-fixtures_plus tr.aggregate td {
    position: absolute;
    width: 100%
}

.football-fixture-widget .opta-fixtures_plus tr.aggregate a {
    display: block;
    height: 39px;
    text-indent: 9999px;
    font-size: 0
}

.football-fixture-widget .opta-fixtures_plus tr.aggregate:hover {
    background-color: #eaeeef;
    opacity: .3
}

.football-fixture-widget .opta-fixtures_plus td {
    padding: 0
}

.football-fixture-widget .opta-fixtures_plus td img {
    vertical-align: middle;
    width: 20px
}

.football-fixture-widget .opta-fixtures_plus .match-time {
    font-size: 13px;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 11px;
    left: 0
}

.football-fixture-widget .opta-fixtures_plus .score-divider {
    text-indent: -9999px;
    width: 110px
}

.football-fixture-widget .opta-fixtures_plus .score {
    width: 40px;
    text-align: center
}

.football-fixture-widget .opta-fixtures_plus .home-team-name,
.football-fixture-widget .opta-fixtures_plus .away-team-name {
    width: 41%
}

@media only screen and (max-width:675px) {
    .football-fixture-widget .opta-fixtures_plus .home-team-name,
    .football-fixture-widget .opta-fixtures_plus .away-team-name {
        width: 42%
    }
}

.football-fixture-widget .opta-fixtures_plus .home-team-name .relative-holder,
.football-fixture-widget .opta-fixtures_plus .away-team-name .relative-holder {
    position: relative
}

.football-fixture-widget .opta-fixtures_plus .home-team-name .crest,
.football-fixture-widget .opta-fixtures_plus .away-team-name .crest {
    position: absolute;
    top: -2px
}

@media only screen and (max-width:675px) {
    .football-fixture-widget .opta-fixtures_plus .home-team-name .crest,
    .football-fixture-widget .opta-fixtures_plus .away-team-name .crest {
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.football-fixture-widget .opta-fixtures_plus .home-team-name {
    text-align: right
}

.football-fixture-widget .opta-fixtures_plus .home-team-name .team-name {
    padding-right: 30px
}

@media only screen and (max-width:675px) {
    .football-fixture-widget .opta-fixtures_plus .home-team-name .team-name {
        padding-right: 28px
    }
}

.football-fixture-widget .opta-fixtures_plus .home-team-name .crest {
    right: 0
}

.football-fixture-widget .opta-fixtures_plus .away-team-name {
    text-align: left
}

.football-fixture-widget .opta-fixtures_plus .away-team-name .team-name {
    padding-left: 30px
}

@media only screen and (max-width:675px) {
    .football-fixture-widget .opta-fixtures_plus .away-team-name .team-name {
        padding-left: 28px
    }
}

.football-fixture-widget--pages {
    min-height: auto
}

@media only screen and (max-width:675px) {
    .football-fixture-widget--pages {
        margin: 10px -10px 0
    }
}

.football-fixture-widget--pages .opta-fixtures_plus {
    position: static
}

.football-fixture-widget--sidebar .football-fixture-widget {
    height: auto
}

.football-fixture-widget--sidebar .football-fixture-widget .football-fixture-widget__footer {
    position: inherit
}

.football-fixture-widget--sidebar .football-fixture-widget .opta-fixtures_plus {
    position: inherit
}

@media only screen and (max-width:675px) {
    .sun-row--football-widgets .st_won,
    .sun-row--football-widgets .st_drawn,
    .sun-row--football-widgets .st_lost,
    .sun-row--football-widgets .st_for,
    .sun-row--football-widgets .st_against {
        display: none
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-row--football-widgets .st_won,
    .sun-row--football-widgets .st_drawn,
    .sun-row--football-widgets .st_lost,
    .sun-row--football-widgets .st_for,
    .sun-row--football-widgets .st_against {
        display: none
    }
}

.football-table-widget {
    position: relative;
    background-color: #f3f6f7;
    font-size: 13px;
    overflow: hidden;
    min-height: 347px
}

@media only screen and (max-width:675px) {
    .football-table-widget .st_won,
    .football-table-widget .st_drawn,
    .football-table-widget .st_lost,
    .football-table-widget .st_for,
    .football-table-widget .st_against {
        display: none
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .football-table-widget .st_won,
    .football-table-widget .st_drawn,
    .football-table-widget .st_lost,
    .football-table-widget .st_for,
    .football-table-widget .st_against {
        display: none
    }
}

@media only screen and (max-width:675px) {
    .football-table-widget {
        margin: -5px -10px -5px
    }
}

.football-table-widget .football-table-widget__header {
    font-family: "Tempo";
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    padding: 3px 10px 1px;
    position: relative;
    z-index: 11
}

.football-table-widget .football-table-widget__footer {
    font-family: "Tempo";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #eaeeef;
    padding: 8px 10px 6px;
    border-bottom: 1px solid #e1e4e5;
    text-align: right;
    bottom: 0;
    position: absolute;
    width: 100%;
    min-height: 42px
}

.football-table-widget .football-table-widget__footer a {
    position: relative;
    padding-right: 16px
}

.football-table-widget .football-table-widget__footer a span {
    top: 4px;
    right: 0
}

.football-table-widget .opta-standings {
    display: block;
    position: absolute;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    bottom: 42px;
    top: 71px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .football-table-widget .opta-standings {
        overflow: inherit;
        overflow-y: inherit
    }
}

.football-table-widget .opta-standings h2 {
    display: none
}

.football-table-widget .opta-standings .groupname {
    display: block;
    font-family: "Tempo";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #eaeeef;
    padding: 8px 10px;
    cursor: pointer;
    border-top: 1px solid #c4cacb
}

.football-table-widget .opta-standings .standings-container {
    padding: 0 10px
}

.football-table-widget .opta-standings .standings-container:first-of-type {
    display: block
}

.football-table-widget .opta-standings .standings-container thead {
    font-weight: bold;
    border-bottom: 1px solid #c4cacb;
    text-transform: uppercase;
    text-align: center
}

.football-table-widget .opta-standings .standings-container thead .pos abbr {
    position: absolute;
    visibility: hidden
}

.football-table-widget .opta-standings .standings-container thead .pos:after {
    display: block;
    width: 30px;
    content: "p"
}

.football-table-widget .opta-standings .standings-container thead .team {
    text-align: left
}

.football-table-widget .opta-standings .standings-container thead .team .image-spacer {
    display: none
}

.football-table-widget .opta-standings .standings-container tbody {
    font-size: 16px;
    text-align: center
}

.football-table-widget .opta-standings .standings-container tbody tr {
    border-bottom: 1px dashed #c4cacb
}

.football-table-widget .opta-standings .standings-container tbody tr:last-child {
    border: 0
}

.football-table-widget .opta-standings .standings-container tbody tr .position {
    font-size: 13px
}

.football-table-widget .opta-standings .standings-container tbody tr .team {
    font-size: 13px;
    text-align: left;
    cursor: pointer
}

.football-table-widget .opta-standings .standings-container tbody tr .team .image-spacer {
    line-height: 30px;
    margin-right: 10px
}

.football-table-widget .opta-standings .standings-container tbody tr:hover .team {
    text-decoration: underline
}

.football-table-widget .opta-standings .standings-container tbody td[class*="st_"] {
    min-width: 45px;
    line-height: 30px
}

.football-table-widget .opta-standings .standings-container tbody .team-highlight {
    font-weight: bold;
    background-color: #eaeeef
}

.football-table-widget .opta-standings .standings-container tbody .team-highlight td[class*="st_"] {
    color: #419071
}

.football-table-widget .opta-standings .standings-container tbody .team-highlight td.position {
    color: #419071
}

.football-table-widget .opta-standings table {
    width: 100%
}

.football-table-widget .opta-standings tr {
    height: 39px
}

.football-table-widget .opta-standings td {
    padding: 0
}

.football-table-widget .opta-standings td img {
    display: inline-block;
    vertical-align: middle;
    width: 20px
}

.football-table-widget--page .opta-standings .standings-container,
.football-table-widget--sidebar .opta-standings .standings-container {
    padding: 0
}

.football-table-widget--page .opta-standings .standings-container thead,
.football-table-widget--sidebar .opta-standings .standings-container thead {
    border-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    background-color: #232327;
    color: #fff
}

.football-table-widget--page .opta-standings .standings-container thead .image-spacer,
.football-table-widget--sidebar .opta-standings .standings-container thead .image-spacer {
    display: none
}

.football-table-widget--page .opta-standings .standings-container thead tr,
.football-table-widget--sidebar .opta-standings .standings-container thead tr {
    height: 25px
}

.football-table-widget--page .opta-standings .standings-container thead th,
.football-table-widget--sidebar .opta-standings .standings-container thead th {
    font-weight: normal;
    padding: 6px 0
}

.football-table-widget--page .opta-standings .standings-container tbody .top-section,
.football-table-widget--sidebar .opta-standings .standings-container tbody .top-section {
    background-color: #c2dcd2
}

.football-table-widget--page .opta-standings .standings-container tbody .secondary-section,
.football-table-widget--sidebar .opta-standings .standings-container tbody .secondary-section {
    background-color: #d9e9e3
}

.football-table-widget--page .opta-standings .standings-container tbody .secondary-section-boundary,
.football-table-widget--sidebar .opta-standings .standings-container tbody .secondary-section-boundary {
    background-color: #eaeeef
}

.football-table-widget--page .opta-standings .standings-container tbody .bottom-section,
.football-table-widget--sidebar .opta-standings .standings-container tbody .bottom-section {
    background-color: #fcdedf
}

.football-table-widget--sidebar .football-table-widget .st_won,
.football-table-widget--sidebar .football-table-widget .st_drawn,
.football-table-widget--sidebar .football-table-widget .st_lost,
.football-table-widget--sidebar .football-table-widget .st_for,
.football-table-widget--sidebar .football-table-widget .st_against {
    display: none
}

.football-table-widget--sidebar .football-table-widget .football-table-widget__footer {
    position: relative
}

.sun-grid-container.sun-grid-container--dark-video-head,
.sun-grid-container.sun-grid-container--video {
    margin-bottom: 0
}

.sun-grid-container.sun-grid-container--dark-video-head {
    background-color: #2e2e33;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative
}

.sun-grid-container.sun-grid-container--dark-video-head .sun-row--dark-video-head {
    background-color: #2e2e33
}

.sun-grid-container.sun-grid-container--dark-video-head .sun-col-1 {
    width: 16.327%
}

@media only screen and (max-width:675px) {
    .sun-grid-container.sun-grid-container--dark-video-head .sun-col-1 {
        width: 100%
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-grid-container.sun-grid-container--dark-video-head .sun-col-1 {
        width: 100%
    }
}

.sun-grid-container.sun-grid-container--dark-video-head .sun-col-4 {
    width: 67.347%
}

@media only screen and (max-width:675px) {
    .sun-grid-container.sun-grid-container--dark-video-head .sun-col-4 {
        width: 100%
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-grid-container.sun-grid-container--dark-video-head .sun-col-4 {
        width: 100%
    }
}

@media only screen and (max-width:675px) {
    .sun-grid-container.sun-grid-container--dark-video-head .sun-row--dark-video-head {
        margin: 0 10px
    }
    .sun-grid-container.sun-grid-container--dark-video-head .sun-col-4 {
        width: 100%
    }
}

.sun-grid-container.sun-grid-container--video .sun-col-1 {
    width: 16.327%
}

@media only screen and (max-width:675px) {
    .sun-grid-container.sun-grid-container--video .sun-col-1 {
        width: 100%
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-grid-container.sun-grid-container--video .sun-col-1 {
        width: 100%
    }
}

.sun-grid-container.sun-grid-container--video .sun-col-4 {
    width: 67.347%
}

@media only screen and (max-width:675px) {
    .sun-grid-container.sun-grid-container--video .sun-col-4 {
        width: 100%
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .sun-grid-container.sun-grid-container--video .sun-col-4 {
        width: 100%
    }
}

@media only screen and (max-width:675px) {
    .sun-grid-container--video .sun-col-1 {
        display: none
    }
}

@media only screen and (max-width:675px) {
    .sun-grid-container--video .sun-col-4,
    .sun-grid-container--video .sun-col-6 {
        padding-top: 0
    }
}

@media only screen and (max-width:675px) {
    .sun-grid-container--dark.sun-grid-container--video .rail .swiper-container:after,
    .sun-grid-container--dark .rail-video-index .rail .swiper-container:after {
        display: none
    }
}

.sun-video-share {
    margin: 40px 0 0 0;
    padding: 0;
    list-style-type: none
}

.sun-video-share .sun-video-share__item {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto 10px
}

.sun-video-wrapper {
    margin-top: 5px
}

@media only screen and (max-width:675px) {
    .sun-video-wrapper {
        margin-top: 0
    }
}

.sun-video-wrapper h3 {
    color: #fff;
    font-family: 'Tempo';
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px
}

.sun-video-wrapper h3:after {
    background-color: #eb1701;
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    -moz-animation: drawline .3s ease-out .5s 1 forwards;
    -webkit-animation: drawline .3s ease-out .5s 1 forwards;
    animation: drawline .3s ease-out .5s 1 forwards
}

@keyframes drawline {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@media only screen and (max-width:675px) {
    .sun-video-wrapper h3 {
        font-size: 23px
    }
}

.sun-video-wrapper .sun-video-details {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #fff;
    margin: 20px 0 20px 0
}

.sun-video-wrapper .sun-video-details h2 {
    text-transform: uppercase;
    display: inline-block
}

.sun-video-wrapper .sun-video-details p {
    display: inline
}

.sun-video-wrapper .sun-video-details span {
    color: #e1e4e5;
    display: block;
    font-family: "Roboto Slab", serif
}

.youtubeVideo {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.youtubeVideo iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.teaser__video .sun-video-player {
    min-height: 529px
}

@media only screen and (max-width:675px) {
    .teaser__video .sun-video-player {
        min-height: 0
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .teaser__video .sun-video-player {
        min-height: 349px
    }
}

.teaser__video .sun-video-player .innerWrapper {
    min-height: 529px
}

@media only screen and (max-width:675px) {
    .teaser__video .sun-video-player .innerWrapper {
        min-height: 0
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .teaser__video .sun-video-player .innerWrapper {
        min-height: 349px
    }
}

.sun-video-player {
    min-height: 371px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:675px) {
    .sun-video-player {
        width: auto !important;
        height: 100%;
        margin-right: -10px;
        margin-left: -10px;
        min-height: 0
    }
}

.sun-video-player .innerWrapper {
    background: transparent !important;
    min-height: 371px;
    z-index: 50
}

@media only screen and (max-width:675px) {
    .sun-video-player .innerWrapper {
        height: 0 !important;
        min-height: 0;
        padding-bottom: 56.25%
    }
}

.sun-video-player video {
    display: block;
    height: auto !important;
    position: relative !important
}

.sun-video-player video.midroll {
    display: none
}

.sun-video-player .oo_promo {
    top: 0
}

.sun-video-player .oo_promo .oo_start_button {
    background-image: none !important;
    border-radius: 100% !important;
    bottom: auto !important;
    height: 70px !important;
    left: 50% !important;
    margin: -35px 0 0 -35px;
    top: 50% !important;
    width: 70px !important
}

.sun-video-player .oo_promo .oo_start_button:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30.4px solid white;
    margin: -28% 0 0 -15%;
    top: 50%;
    left: 50%;
    position: absolute
}

.sun-video-player .oo_end_screen .oo_replay {
    background-color: #232327 !important;
    background-size: 18px 15px !important;
    border: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 40px !important;
    width: 50px !important;
    opacity: 1 !important
}

.sun-video-player .oo_controls_wrap {
    bottom: 0;
    height: 50px !important;
    position: absolute !important
}

.sun-video-player .oo_controls_wrap .oo_controls {
    border-radius: 0 !important;
    bottom: 0 !important;
    height: 50px !important;
    left: 0 !important;
    right: 0 !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner {
    left: 0 !important;
    right: 0 !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_rewind,
.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_button_highlight {
    display: none !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_play,
.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_pause {
    height: 15px !important;
    left: 24px !important;
    top: 14px !important;
    width: 20px !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_play {
    background: url(/public/images/play.svg) !important;
    height: 30px !important;
    top: 11px !important;
    width: 25px !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_pause {
    background: url(/public/images/pause.svg) !important;
    height: 20px !important;
    left: 28px !important;
    top: 16px !important;
    width: 15px !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_fullscreen {
    background: url(/public/images/expand.svg) !important;
    height: 23px !important;
    right: 44px !important;
    top: 14px !important;
    width: 28px !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber {
    background: none !important;
    left: 65px !important;
    right: 65px !important;
    top: 14px !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_currentTime,
.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_duration {
    font-family: "Roboto Slab", serif !important;
    text-align: left !important;
    top: 6px !important;
    width: 50px !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_scrubber_track {
    border-radius: 0 !important;
    left: 50px !important;
    right: 75px !important;
    top: 11px !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_buffer_progress {
    background-color: #5e5e5e !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_progress {
    height: 2px !important
}

.sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead {
    background-color: #fff !important;
    background-image: none !important;
    cursor: pointer !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    top: -6px !important;
    width: 4px !important
}

@media only screen and (max-width:675px) {
    .searchresults>.sun-row {
        padding: 0
    }
}

.searchresults .search-bar {
    border: 1px solid #c4cacb;
    height: 60px;
    width: 100%
}

@media only screen and (max-width:675px) {
    .searchresults .search-bar {
        display: none
    }
}

.searchresults .search-bar input[type=text] {
    margin-left: 20px;
    margin-top: 18px;
    padding-right: 20px;
    width: 494px
}

.searchresults .search-bar input[type=submit] {
    position: absolute;
    right: 30px;
    top: 20px
}

.searchresults .search-result-count {
    margin: 16px 0 20px
}

@media only screen and (max-width:675px) {
    .searchresults .search-result-count {
        margin-bottom: 16px;
        margin-top: 5px
    }
}

.searchresults .search-result-count p {
    color: #2e2e33;
    font-family: "Roboto", sans-serif;
    font-weight: bold
}

.searchresults .search-result-count .suggestion {
    font-size: 30px;
    line-height: 30px
}

@media only screen and (max-width:675px) {
    .searchresults .search-result-count .suggestion {
        display: block
    }
}

.searchresults .search-did-you-mean {
    float: left;
    margin-bottom: 5px;
    width: 100%
}

.searchresults .search-did-you-mean p {
    color: #c4cacb;
    float: left;
    font-family: "Roboto", sans-serif;
    margin-top: 4px;
    margin-right: 10px
}

@media only screen and (max-width:675px) {
    .searchresults .search-did-you-mean p {
        font-size: 17px
    }
}

.searchresults .search-did-you-mean .tags {
    float: left
}

.searchresults .search-results-wrap {
    float: left;
    margin: 0 -20px;
    position: relative
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap {
        margin-bottom: 5px
    }
}

.searchresults .search-results-wrap:before {
    background-color: #eaeeef;
    content: '';
    height: 1px;
    left: 20px;
    position: absolute;
    top: 0;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
}

.searchresults .search-results-wrap .teaser {
    padding-bottom: 0;
    padding-top: 0
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .teaser {
        padding-top: 3px
    }
    .searchresults .search-results-wrap .teaser:first-child {
        margin-bottom: 6px
    }
}

.searchresults .search-results-wrap .teaser .col {
    padding-bottom: 0
}

.searchresults .search-results-wrap .teaser-item {
    float: left
}

.searchresults .search-results-wrap .search-date {
    color: #adb5b7;
    float: left;
    font-family: "Roboto Slab", serif;
    padding: 0 15px 9px
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .search-date {
        padding: 0 20px;
        width: 100%
    }
}

.searchresults .search-results-wrap .article-data,
.searchresults .search-results-wrap .tags {
    float: left;
    position: relative;
    width: 100%
}

.searchresults .search-results-wrap .tags {
    margin-top: 0;
    margin-bottom: 5px
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .tags {
        padding: 0 10px
    }
}

.searchresults .search-results-wrap .teaser__small-wide .teaser__headline,
.searchresults .search-results-wrap .teaser__small-wide .teaser__subdeck {
    font-size: 14px;
    line-height: 16px
}

.searchresults .search-results-wrap .teaser__small-wide .search-date {
    padding: 0 10px;
    width: 67%
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .teaser__small-wide .search-date {
        font-size: 13px;
        padding: 0 0 10px;
        position: absolute;
        top: 0
    }
}

.searchresults .search-results-wrap .teaser__small-wide .tags {
    margin-top: 8px;
    padding: 2px 0 0
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .teaser__small-wide .tags {
        margin-top: -2px
    }
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .teaser__small-wide .teaser__image-container,
    .searchresults .search-results-wrap .teaser__small-wide .teaser__copy-container {
        margin-top: 7px
    }
}

.searchresults .search-results-wrap .teaser__small-wide .teaser__copy-container {
    min-height: 68px;
    padding-top: 7px
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .teaser__small-wide .teaser__copy-container {
        padding-top: 0
    }
}

.searchresults .search-results-wrap .teaser__small-wide .teaser__social {
    float: left;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 0;
    padding-bottom: 0;
    position: relative;
    width: 250px
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .teaser__large-side {
        margin-left: -10px;
        margin-right: -10px
    }
}

.searchresults .search-results-wrap .teaser__large-side .teaser__headline,
.searchresults .search-results-wrap .teaser__large-side .teaser__subdeck {
    font-size: 23px;
    line-height: 28px
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .teaser__large-side .teaser__headline,
    .searchresults .search-results-wrap .teaser__large-side .teaser__subdeck {
        font-size: 17px;
        line-height: 1.2em
    }
}

.searchresults .search-results-wrap .teaser__large-side .teaser__copy-container {
    padding-bottom: 10px;
    padding-top: 10px
}

.searchresults .search-results-wrap .teaser__large-side .teaser__social {
    margin-top: -6px
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .teaser__large-side .search-date {
        font-size: 13px;
        padding: 15px 10px 0
    }
}

.searchresults .search-results-wrap .teaser__large-side .tags {
    margin-bottom: 5px
}

@media only screen and (max-width:675px) {
    .searchresults .search-results-wrap .teaser__large-side .tags {
        margin-bottom: -7px
    }
}

.pagination {
    background-color: #eaeeef;
    clear: both;
    float: left;
    height: 55px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:675px) {
    .pagination {
        float: none;
        height: 42px;
        margin-bottom: 0;
        margin-left: -10px;
        margin-right: -10px;
        width: auto
    }
}

.pagination.bottom {
    margin-bottom: 20px;
    margin-top: 20px
}

.pagination .pagination-prev,
.pagination .pagination-next,
.pagination ul {
    display: inline-block;
    font-family: "Tempo";
    line-height: 13px;
    margin: 23px 0 19px;
    text-transform: uppercase
}

@media only screen and (max-width:675px) {
    .pagination .pagination-prev,
    .pagination .pagination-next,
    .pagination ul {
        margin: 14px 0
    }
}

.pagination .pagination-divide {
    float: left;
    margin-left: 4px;
    margin-right: 4px
}

.pagination .pagination-prev,
.pagination .pagination-next {
    color: #2e2e33;
    position: relative;
    text-decoration: none
}

@media only screen and (max-width:675px) {
    .pagination .pagination-prev,
    .pagination .pagination-next {
        position: absolute
    }
}

.pagination .pagination-prev .icon,
.pagination .pagination-next .icon {
    top: -1px
}

.pagination .pagination-prev.inactive,
.pagination .pagination-next.inactive {
    color: #c4cacb
}

.pagination .pagination-prev.inactive .icon,
.pagination .pagination-next.inactive .icon {
    background-color: #c4cacb
}

.pagination .pagination-prev {
    margin-right: 38px;
    padding-left: 20px
}

@media only screen and (max-width:675px) {
    .pagination .pagination-prev {
        left: 10px
    }
}

.pagination .pagination-prev .icon {
    left: 0
}

.pagination .pagination-next {
    margin-left: 38px;
    padding-right: 20px
}

@media only screen and (max-width:675px) {
    .pagination .pagination-next {
        right: 10px
    }
}

.pagination .pagination-next .icon {
    right: 0
}

.pagination ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:675px) {
    .pagination ul {
        margin: 14px 0
    }
}

.pagination ul li {
    float: left;
    margin: 0 3px
}

.pagination ul li a {
    color: #2e2e33;
    margin-right: 1px;
    text-decoration: underline
}

.pagination ul li a.active {
    color: #eb1701
}

.gallery-popup {
    display: none;
    left: 0;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150
}

.gallery-popup .close-gallery {
    border: 2px solid #fff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 50px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 50px
}

.gallery-popup .close-gallery .icon {
    height: 28px;
    left: 9px;
    top: 9px;
    width: 28px
}

@media only screen and (max-width:675px) {
    .gallery-popup .close-gallery {
        height: 36px;
        right: 10px;
        top: 10px;
        width: 36px;
        z-index: 10
    }
    .gallery-popup .close-gallery .icon {
        height: 20px;
        left: 6px;
        top: 6px;
        width: 20px
    }
}

.gallery-popup .gallery-container {
    background-color: #2e2e33;
    height: 100%;
    padding: 20px 90px 70px 20px;
    width: 100%
}

@media only screen and (max-width:675px) {
    .gallery-popup .gallery-container {
        background-color: #232327;
        padding: 56px 0 30px 0
    }
}

@media only screen and (max-width:675px) and (orientation:landscape) {
    .gallery-popup .gallery-container {
        padding: 10px 0 10px 0
    }
}

.gallery-popup .gallery-image-load-cover {
    background: #232327 url(/public/images/gallery-preload.gif) no-repeat center;
    height: 100%;
    width: 100%;
    z-index: 2
}

.gallery-popup .gallery-image-load-cover.loaded {
    display: none
}

.gallery-popup.open {
    display: block
}

.gallery-popup .swiper-slide {
    background-color: #232327;
    max-width: 85%;
    width: auto
}

.gallery-popup .swiper-slide.swiper-slide-ad {
    padding-left: 30px;
    padding-right: 30px
}

.gallery-popup .swiper-slide.swiper-slide-ad .swiper-advert {
    color: #80808c;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 17px;
    margin-top: -20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.gallery-popup .swiper-slide img {
    opacity: .2;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-backface-visibility: hidden
}

.gallery-popup .swiper-slide.swiper-slide-active img {
    opacity: 1
}

@media only screen and (max-width:675px) {
    .gallery-popup .swiper-slide {
        max-width: 100%
    }
}

@media only screen and (max-width:675px) and (orientation:landscape) {
    .gallery-popup .swiper-slide {
        max-width: 85%
    }
}

.gallery-popup .swiper-container,
.gallery-popup .gallery-image-wrap {
    height: 100%
}

.gallery-popup .swiper-container {
    background-color: #232327
}

.gallery-popup .gallery-image-wrap {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center
}

.gallery-popup img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 0;
    width: auto
}

.gallery-popup .swiper-button-prev,
.gallery-popup .swiper-button-next {
    background-color: rgba(35, 35, 39, .95);
    background-size: 14px 21px;
    height: 64px;
    margin-top: -32px;
    width: 40px
}

@media only screen and (max-width:675px) {
    .gallery-popup .swiper-button-prev,
    .gallery-popup .swiper-button-next {
        background-size: 9px 13px;
        height: 49px;
        margin-top: -25px;
        width: 27px
    }
}

.gallery-popup .swiper-button-prev {
    background-image: url(/public/images/rail_arrow_prev.svg);
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0;
    left: 0
}

.gallery-popup .swiper-button-next {
    background-image: url(/public/images/rail_arrow.svg);
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px;
    right: 0
}

.gallery-popup .swiper-button-disabled {
    display: none
}

.gallery-popup .swiper-caption {
    bottom: 0;
    color: #fff;
    font-family: "Roboto Slab", serif;
    height: 70px;
    padding: 20px;
    position: absolute;
    width: 100%
}

@media only screen and (max-width:675px) {
    .gallery-popup .swiper-caption {
        background-color: rgba(0, 0, 0, .5);
        bottom: -54px;
        height: auto;
        padding: 10px;
        z-index: 10;
        *zoom: 1;
        -moz-transition: bottom .2s;
        -o-transition: bottom .2s;
        -webkit-transition: bottom .2s;
        transition: bottom .2s
    }
    .gallery-popup .swiper-caption:after {
        content: "";
        display: table;
        clear: both
    }
}

@media only screen and (max-width:675px) and (orientation:landscape) {
    .gallery-popup .swiper-caption {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (max-width:675px) {
    .gallery-popup .swiper-caption .swiper-caption-toggle {
        background-color: rgba(0, 0, 0, .5);
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px;
        border-radius: 3px 3px 0 0;
        display: block;
        height: 25px;
        padding: 11px 17px 8px;
        position: absolute;
        right: 10px;
        top: -25px;
        width: 43px
    }
    .gallery-popup .swiper-caption .swiper-caption-toggle .arrow {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #fff;
        display: block;
        height: 0;
        width: 0;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media only screen and (max-width:675px) {
    .gallery-popup .swiper-caption.open {
        bottom: 0 !important
    }
    .gallery-popup .swiper-caption.open .swiper-caption-toggle .arrow {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.gallery-popup .swiper-caption .swiper-pagination {
    bottom: auto;
    float: left;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    width: auto
}

.gallery-popup .swiper-caption .swiper-pagination .swiper-pagination-current {
    margin-right: -3px
}

.gallery-popup .swiper-caption .swiper-pagination .swiper-pagination-total {
    margin-left: -3px
}

.gallery-popup .swiper-caption .swiper-caption-list {
    display: inline-block;
    float: left;
    margin-left: 8px;
    position: relative;
    width: 90%;
    *zoom: 1;
}

.gallery-popup .swiper-caption .swiper-caption-list:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:675px) {
    .gallery-popup .swiper-caption .swiper-caption-list {
        border-bottom: 1px solid #414142;
        min-height: 32px;
        width: 85%;
        *zoom: 1;
    }
    .gallery-popup .swiper-caption .swiper-caption-list:after {
        content: "";
        display: table;
        clear: both
    }
}

@media only screen and (max-width:675px) and (orientation:landscape) {
    .gallery-popup .swiper-caption .swiper-caption-list {
        width: 90%
    }
}

.gallery-popup .swiper-caption .swiper-caption-list .cap {
    opacity: 0;
    position: absolute;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.gallery-popup .swiper-caption .swiper-caption-list .cap.show {
    opacity: 1
}

.gallery-popup .swiper-caption .swiper-caption-list .cap .credit {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    margin-top: 2px;
    text-transform: uppercase;
    width: 100%
}

.gallery-popup .sharingButtons {
    position: absolute;
    right: 0;
    bottom: 69px;
    width: 89px;
    *zoom: 1;
}

.gallery-popup .sharingButtons:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:675px) {
    .gallery-popup .sharingButtons {
        display: block;
        float: left;
        padding: 10px 0 5px;
        text-align: center;
        width: 100%;
        position: relative;
        right: auto;
        bottom: auto
    }
}

.gallery-popup .sharingButtons .share {
    display: inline-block;
    height: 50px;
    margin: 10px 0;
    width: 50px
}

@media only screen and (max-width:675px) {
    .gallery-popup .sharingButtons .share {
        display: inline-block;
        height: 36px;
        margin: 0 3px;
        width: 36px
    }
}

.gallery-popup .sharingButtons .share.shareFacebook {
    background-image: url(/public/images/facebook.svg)
}

.gallery-popup .sharingButtons .share.shareTwitter {
    background-image: url(/public/images/twitter.svg)
}

.gallery-popup .sharingButtons .share.shareWhatsapp {
    background-image: url(/public/images/whatsapp.svg)
}

.page-404 {
    padding-bottom: 20px;
    text-align: center
}

.page-404 .sun-row {
    padding-bottom: 40px
}

.page-404 h1 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 17px;
    margin-top: 20px
}

.page-404 h1 .color-main {
    color: #eb1701
}

.page-404 h3 {
    margin-bottom: 35px
}

.page-404 p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px
}

.page-404 p a {
    color: #eb1701;
    text-decoration: none
}

.page-404 .search-bar {
    margin: 0 auto 31px;
    padding: 10px 20px;
    overflow: hidden;
    border: 1px solid #c4cacb;
    max-width: 750px;
    overflow: hidden;
    *zoom: 1;
}

.page-404 .search-bar input[type=text] {
    width: 84%
}

@media only screen and (max-width:675px) {
    .page-404 .sun-row {
        padding-bottom: 20px
    }
    .page-404 h2 {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 11px;
        margin-top: 0
    }
    .page-404 h3 {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 35px
    }
    .page-404 p {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 12px
    }
    .page-404 p a {
        color: #eb1701;
        text-decoration: none
    }
    .page-404 .search-bar {
        text-align: left
    }
    .page-404 .search-bar input[type=submit] {
        display: none
    }
}

.rail {
    padding-bottom: 10px
}

.rail img {
    width: 100%
}

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


    .rail .swiper-container:after {
        background-color: #eaeeef;
        bottom: 0;
        content: '';
        left: 10px;
        height: 1px;
        position: absolute;
        right: 10px
    }
    .rail .swiper-wrapper {
        margin-left: 8px
    }
}

.rail .rail__header {
    position: relative;
    display: block;
    height: 35px;
    margin: 10px 0;
}

.rail .rail__title {
    font-family: "Tempo";
    text-transform: uppercase;
    font-weight: normal;
    float: left;
    display: inline-block;
    margin-bottom: 10px;
    margin-bottom: 2px
}

.rail .rail__title:after {
    background-color: #eb1701;
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    -moz-animation: drawline .3s ease-out .5s 1 forwards;
    -webkit-animation: drawline .3s ease-out .5s 1 forwards;
    animation: drawline .3s ease-out .5s 1 forwards
}

@keyframes drawline {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@media only screen and (max-width:675px) {
    .rail .rail__title {
        margin-left: 10px
    }
}

.rail .rail__title-arrow {
    margin: 4px 0 0 8px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media only screen and (max-width:675px) {
    .rail .rail__title-arrow {
        height: 20px;
        width: 20px
    }
}

.rail .rail__header--anchor {
    position: absolute;
    top: 0;
    right: -35px;
    bottom: 0;
    left: 0
}

.rail .rail__sponser {
    font-family: "Roboto Slab", serif;
    color: #232327;
    margin: 0
}

@media only screen and (max-width:675px) {
    .rail .rail__sponser {
        margin-bottom: 0
    }
}

.rail .rail__sponser-logo {
    margin-left: 3px
}

.rail .rail__sponser-logo img {
    width: auto;
    display: inline-block;
    min-height: 0;
    min-width: 0
}

.rail .rail__item {
    width: 200px;
    height: 222px;
    margin: 0 10px 0 0;
    border-bottom: 1px solid #eaeeef
}

@media only screen and (max-width:675px) {
    .rail .rail__item {
        border-bottom: 0;
        height: auto;
        margin: 0 5px 0 0;
        width: 145px
    }
}

.rail .rail__item:last-child {
    margin: 0
}

.rail .rail__item .rail__item-anchor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.rail .rail__item-image {
    position: relative
}

.rail .rail__item-image .rail__item-running-time {
    font-family: "Roboto Slab", serif;
    padding: 5px 10px;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff
}

@media only screen and (max-width:675px) {
    .rail .rail__item-image .rail__item-running-time {
        font-size: 15px
    }
}

.rail .rail__item-image .rail__item-play {
    width: 36px;
    height: 36px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer;
    bottom: 0;
    margin: 10px;
    right: 0
}

.rail .rail__item-image .rail__item-play .video-play__icon,
.rail .rail__item-image .rail__item-play span {
    width: 0;
    height: 0;
    display: block;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15.2px solid white;
    margin: -28% 0 0 -15%;
    top: 50%;
    left: 50%;
    position: absolute
}

.rail .rail__item-content {
    padding: 8px 10px 10px;
    font-weight: 500;
    line-height: 1px
}

@media only screen and (max-width:675px) {
    .rail .rail__item-content {
        padding-bottom: 7px;
        padding-top: 7px
    }
}

.rail .rail__item-headline,
.rail .rail__item-sub {
    display: inline;
    letter-spacing: -.005em;
    line-height: 1.2em;
    word-break: break-word
}

.rail .rail__item-headline {
    text-transform: uppercase;
    color: #fff
}

@media only screen and (max-width:675px) {
    .rail .rail__item-headline {
        font-size: 13px;
        line-height: 15px
    }
}

@media only screen and (max-width:675px) {
    .rail .rail__item-sub {
        font-size: 13px;
        line-height: 15px
    }
}

.rail .rail__item-gradient-white,
.rail .rail__item-gradient-light,
.rail .rail__item-gradient-dark {
    height: 34px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0
}

.rail .rail__item-gradient-white {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgba(255, 255, 255, .15)), color-stop(52%, #fff), color-stop(100%, #fff));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .15) 0, #fff 52%, #fff 100%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .15) 0, #fff 52%, #fff 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .15) 0, #fff 52%, #fff 100%)
}

.rail .rail__item-gradient-light {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjVmNyIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmNGY1ZjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY1ZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgba(244, 245, 247, .15)), color-stop(52%, #f4f5f7), color-stop(100%, #f4f5f7));
    background-image: -moz-linear-gradient(top, rgba(244, 245, 247, .15) 0, #f4f5f7 52%, #f4f5f7 100%);
    background-image: -webkit-linear-gradient(top, rgba(244, 245, 247, .15) 0, #f4f5f7 52%, #f4f5f7 100%);
    background-image: linear-gradient(to bottom, rgba(244, 245, 247, .15) 0, #f4f5f7 52%, #f4f5f7 100%)
}

.rail .rail__item-gradient-dark {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMjMyNyIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMyMzIzMjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzIzMjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgba(35, 35, 39, .15)), color-stop(52%, #232327), color-stop(100%, #232327));
    background-image: -moz-linear-gradient(top, rgba(35, 35, 39, .15) 0, #232327 52%, #232327 100%);
    background-image: -webkit-linear-gradient(top, rgba(35, 35, 39, .15) 0, #232327 52%, #232327 100%);
    background-image: linear-gradient(to bottom, rgba(35, 35, 39, .15) 0, #232327 52%, #232327 100%)
}

.rail .swiper-pagination {
    bottom: auto;
    left: auto;
    width: auto;
    right: 0;
    top: 10px
}

.rail .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    opacity: 1;
    background-color: #eaeeef;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear
}

.rail .swiper-pagination.swiper-pagination-fraction {
    font-family: "Tempo";
    right: 10px;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    top: 12px
}

.rail .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
    margin-right: -2px
}

.rail .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
    margin-left: -2px
}

.rail .swiper-button-next,
.rail .swiper-button-prev {
    margin: -54px 0 0 0;
    width: 32px;
    height: 45px;
    background-color: rgba(255, 255, 255, .85);
    top: 50%;
    background-size: 10px 15px
}

@media only screen and (max-width:675px) {
    .rail .swiper-button-next,
    .rail .swiper-button-prev {
        width: 27px;
        height: 48px;
        margin-top: -59px
    }
}

.rail .swiper-button-next {
    right: 0;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px;
    background-image: url(/public/images/rail_arrow_dark.svg)
}

.rail .swiper-button-prev {
    left: 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0;
    background-image: url(/public/images/rail_arrow_dark_prev.svg)
}

.rail .swiper-button-disabled {
    display: none
}

.rail .swiper-wrapper {
    margin-top: 10px
}

@media only screen and (max-width:675px) {
    .rail--trending {
        margin-right: -20px;
        margin-left: -20px;
        padding-bottom: 10px
    }
}

.rail--trending img {
    max-height: 93px;
    min-height: 93px;
    min-width: 100%;
    width: auto
}

@media only screen and (max-width:675px) {
    .rail--trending img {
        max-height: 97px;
        min-height: 97px
    }
}

.rail--trending .rail__item {
    width: 140px;
    height: 222px;
    background-color: #f4f5f7;
    border: 0
}

@media only screen and (max-width:675px) {
    .rail--trending .rail__item {
        height: 220px;
        margin-bottom: 15px;
        width: 145px;
        overflow: hidden
    }
}

.rail--trending .rail__item-image {
    position: relative;
    max-height: 93px;
    overflow: hidden
}

@media only screen and (max-width:675px) {
    .rail--trending .rail__item-image {
        max-height: 97px
    }
}

.rail--trending .rail__item-image .rail__item-trend-position {
    padding: 5px 8px;
    position: absolute;
    bottom: 0;
    color: #fff
}

.rail--trending .rail__item-image .rail__item-play {
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer;
    margin: 5px
}

.rail--trending .rail__item-image .rail__item-play .video-play__icon,
.rail--trending .rail__item-image .rail__item-play span {
    width: 0;
    height: 0;
    display: block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10.64px solid white;
    margin: -28% 0 0 -15%;
    top: 50%;
    left: 50%;
    position: absolute
}

.rail--trending .swiper-button-prev,
.rail--trending .swiper-button-next {
    margin-top: -72px
}

@media only screen and (max-width:675px) {
    .rail--trending .swiper-button-prev,
    .rail--trending .swiper-button-next {
        margin-top: -77px
    }
}

@media only screen and (max-width:675px) {
    .rail--trending .rail__sponser {
        margin-left: 10px
    }
}

@media only screen and (max-width:675px) {
    .rail--topic {
        margin-top: 0;
        margin-right: -20px;
        margin-left: -20px
    }
}

.rail--topic .rail__item {
    width: 200px;
    height: 300px;
    border-bottom: 0
}

@media only screen and (max-width:675px) {
    .rail--topic .rail__item {
        width: 145px;
        height: auto;
        margin: 0 5px 0 0
    }
}

.rail--topic .rail__item:last-child {
    margin: 0
}

.rail--topic .rail__item .rail__item-image {
    max-height: none !important
}

.rail--topic .rail__item-content {
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 53px;
    background-color: rgba(255, 255, 255, .8)
}

@media only screen and (max-width:675px) {
    .rail--topic .rail__item-content {
        padding-bottom: 0;
        padding-top: 10px
    }
}

.rail--topic .rail__item-content .rail__item-headline {
    display: block;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}

.rail--topic .swiper-button-prev,
.rail--topic .swiper-button-next {
    margin-top: -24px
}

@media only screen and (max-width:675px) {
    .rail--topic .swiper-button-prev,
    .rail--topic .swiper-button-next {
        margin-top: -24px
    }
}

.rail--gallery img {
    height: 100%;
    width: auto
}

.rail--gallery .rail__item {
    width: auto;
    height: 240px;
    border-bottom: 0
}

@media only screen and (max-width:675px) {
    .rail--gallery .rail__item {
        border-bottom: 0;
        height: 186px;
        max-width: 200px
    }
}

.rail--gallery .rail__item .rail__item-image {
    max-height: none !important
}

@media only screen and (max-width:675px) {
    .rail--gallery .rail__item .rail__item-image {
        height: 133px;
        overflow: hidden
    }
}

.rail--gallery .rail__gallery-count {
    background-image: url(/public/images/gallery_icon.svg);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 19px;
    position: absolute;
    font-family: "Roboto Slab", serif;
    bottom: 53px;
    height: 24px
}

.rail--gallery .rail__gallery-count-value {
    color: #fff !important;
    display: block;
    padding: 3px 9px 3px 36px;
    width: 100%
}

.rail--gallery .rail__item-content {
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 53px;
    background-color: rgba(0, 0, 0, .65)
}

@media only screen and (max-width:675px) {
    .rail--gallery .rail__item-content {
        padding-bottom: 0;
        padding-top: 10px
    }
}

.rail--gallery .rail__item-content .rail__item-headline {
    display: block;
    font-size: 13px;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}

@media only screen and (max-width:675px) {
    .rail--gallery .rail__item-content .rail__item-headline {
        font-size: 11px
    }
}

.rail--gallery .swiper-button-prev,
.rail--gallery .swiper-button-next {
    margin-top: -26px !important
}

@media only screen and (max-width:675px) {
    .rail--gallery .swiper-button-prev,
    .rail--gallery .swiper-button-next {
        margin-top: -28px !important
    }
}

.rail--video-head {
    margin-top: 20px
}

.rail--video-head .swiper-pagination {
    display: none
}

@media only screen and (max-width:675px) {
    .rail--video-head {
        margin: 0
    }
}

@media only screen and (max-width:675px) {
    .rail--video-head .rail__item {
        height: 200px
    }
}

.rail--video-head .rail__item-headline,
.rail--video-head .rail__item-sub {
    line-height: 17px
}

.rail--video-head .swiper-button-next,
.rail--video-head .swiper-button-prev {
    margin-top: -76px
}

@media only screen and (max-width:675px) {
    .rail--video-head .swiper-container {
        padding-top: 0
    }
    .rail--video-head .swiper-pagination.swiper-pagination-fraction {
        top: -1px
    }
}

@media only screen and (max-width:675px) {
    .rail--video-head .swiper-button-prev,
    .rail--video-head .swiper-button-next {
        margin-top: -47px
    }
}

.swiper-video-rail {
    margin-bottom: -10px;
    margin-top: -5px
}

.swiper-video-rail .rail__item-headline,
.swiper-video-rail .rail__item-sub {
    line-height: 17px
}

.swiper-video-rail .rail__item {
    height: auto
}

@media only screen and (max-width:675px) {
    .swiper-video-rail .rail__item {
        height: 220px;
        overflow-y: hidden;
        margin-bottom: 1px
    }
}

.swiper-video-rail .rail__item-image {
    position: relative;
    max-height: 112px;
    overflow: hidden
}

.rail--dark .rail__title {
    color: #fff
}

.rail--dark .rail__item {
    color: #fff;
    border-bottom: 0;
    overflow: hidden
}

.rail--dark .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background-color: #505056
}

.rail--dark .swiper-pagination .swiper-pagination-bullet-active {
    border: 0
}

.rail--dark .swiper-pagination.swiper-pagination-fraction {
    color: #fff
}

.rail--dark .swiper-button-next,
.rail--dark .swiper-button-prev {
    background-color: rgba(35, 35, 39, .85)
}

.rail--dark .swiper-button-next {
    background-image: url(/public/images/rail_arrow.svg)
}

.rail--dark .swiper-button-prev {
    background-image: url(/public/images/rail_arrow_prev.svg)
}

.article .rail-video-index {
    margin: 0
}

.article .sun-row {
    padding: 0
}

.article .sun-row .col {
    padding: 0
}

.rail-video-index {
    margin-top: 20px;
    margin-bottom: 20px
}

@media only screen and (max-width:675px) {
    .rail-video-index {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
    .rail-video-index.sun-row--dark {
        margin-bottom: 20px
    }
    .rail-video-index.sun-row--dark .col:after {
        background-color: #ededed;
        bottom: -10px;
        content: '';
        left: 0;
        height: 1px;
        position: absolute;
        right: 0
    }
}

@media only screen and (max-width:675px) {
    .rail-video-index .rail {
        padding-bottom: 0
    }
    .rail-video-index .rail .rail__item {
        height: 186px
    }
}

.rail-video-index .rail .rail__item-image {
    max-height: 114px;
    overflow: hidden
}

.rail-video-index .rail .swiper-button-prev,
.rail-video-index .rail .swiper-button-next {
    margin-top: -55px
}

@media only screen and (max-width:675px) {
    .rail-video-index .rail .swiper-button-prev,
    .rail-video-index .rail .swiper-button-next {
        margin-top: -64px
    }
}

.rail-video-index .rail--trending .rail__item {
    height: 220px
}

.rail-video-index .rail--trending .swiper-button-prev,
.rail-video-index .rail--trending .swiper-button-next {
    margin-top: -64px
}

@media only screen and (max-width:675px) {
    .rail-video-index .rail--trending .swiper-button-prev,
    .rail-video-index .rail--trending .swiper-button-next {
        margin-top: -69px
    }
}

#sidebar-mobile {
    margin-left: -10px;
    margin-right: -10px
}

@media only screen and (max-width:675px) {
    #sidebar {
        padding-top: 0
    }
}

#sidebar .widget_thesun_dfp_ad_widget {
    background-color: #f3f6f7;
    padding: 19px 0 20px;
    margin-bottom: 22px
}

#sidebar .widget_thesun_dfp_ad_widget .teaser-item.dfp-ad {
    padding-bottom: 0;
    padding-top: 0
}

@media only screen and (max-width:675px) {
    #sidebar .widget_thesun_dfp_ad_widget {
        background-color: #fff;
        padding-bottom: 10px;
        padding-top: 0
    }
}

#sidebar .widget_thesun_outbrain_widget {
    margin-bottom: 22px
}

@media only screen and (min-width:676px) and (max-width:980px) {
    #sidebar .widget_thesun_outbrain_widget {
        display: none
    }
}

.sidebar .sidebar__title {
    font-family: "Tempo";
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 10px;
    margin-bottom: 15px
}

.sidebar .sidebar__title:after {
    background-color: #eb1701;
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    -moz-animation: drawline .3s ease-out .5s 1 forwards;
    -webkit-animation: drawline .3s ease-out .5s 1 forwards;
    animation: drawline .3s ease-out .5s 1 forwards
}

@keyframes drawline {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@media only screen and (max-width:675px) {
    .sidebar .sidebar__title {
        float: left;
        width: 100%
    }
}

.sidebar .teaser__medium--mpu,
.sidebar .teaser__large--mpu {
    margin-bottom: 25px
}

.sidebar.widget {
    margin-bottom: 22px
}

@media only screen and (max-width:675px) {
    .sidebar.widget .teaser-item {
        margin-left: 0;
        margin-right: 0
    }
}

.sidebar.widget .teaser__small,
.sidebar.widget .teaser__medium {
    /*border-bottom: 1px solid #ededed;*/
    margin-bottom: 10px;
    min-height: 0;
    padding-bottom: 10px
}

.sidebar.widget .teaser__small.teaser__medium,
.sidebar.widget .teaser__medium.teaser__medium {
    padding-bottom: 0
}

@media only screen and (max-width:675px) {
    .sidebar.widget .teaser__small.teaser__medium,
    .sidebar.widget .teaser__medium.teaser__medium {
        padding-bottom: 10px
    }
}

.sidebar.widget .teaser__small .teaser__social,
.sidebar.widget .teaser__medium .teaser__social {
    display: none
}

@media only screen and (max-width:675px) {
    .sidebar.widget .teaser__small,
    .sidebar.widget .teaser__medium {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:675px) {
    .sidebar.teaser__portrait {
        background-color: #fff;
        border-bottom: 1px solid #ededed;
        margin: -10px -10px 0;
        padding: 0 10px 10px
    }
}

footer {
    background-color: #2e2e33;
    margin-top: 20px;

}

@media only screen and (max-width:675px) {
    footer {

        text-align: center
    }
}

footer .sun-row {
    background-color: transparent
}

footer h3 {
    border-bottom: 1px solid #80808c;
    color: #80808c;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
    padding-bottom: 13px;
    text-transform: uppercase
}

@media only screen and (max-width:675px) {
    footer h3 {
        border-bottom: 0;
        font-size: 16px;
        padding-bottom: 8px
    }
    footer h3.footer-title-services {
        display: none
    }
}

footer .follow-sun {
    padding-top: 15px
}

footer .follow-sun a {
    display: inline-block;
    height: 50px;
    margin-right: 20px;
    position: relative;
    width: 50px
}

@media only screen and (max-width:675px) {
    footer .follow-sun {
        padding-top: 0
    }
    footer .follow-sun a {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    footer .col.sun-col-2.footer-follow {
        float: right
    }
}

@media only screen and (min-width:676px) and (max-width:980px) {
    footer .footer-col-dummy {
        display: none
    }
}



@media only screen and (min-width:676px) and (max-width:980px) {
    footer .col.sun-col-4.footer-nav {
        width: 50%;
        min-height: 0
    }
}

@media only screen and (max-width:675px) {
    footer .col.sun-col-4.footer-nav {
        width: 100%;
        min-height: 0
    }
}

footer ul {
    float: left;
    font-family: "Roboto Slab", serif;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 12px 0 10px;
    width: 100%
}

@media only screen and (max-width:675px) {
    footer ul {
        margin-bottom: 0;
        margin-top: 0
    }
}

footer ul li {
    border-right: 1px solid #80808c;
    float: left;
    margin-bottom: 8px;
    margin-right: 10px
}

footer ul li a {
    color: #fff;
    display: block;
    margin-right: 10px;
    padding: 3px 0
}

footer ul li:last-child {
    border-right: 0
}

@media only screen and (min-width:676px) and (max-width:980px) {
    footer ul li {
        margin-right: 9px
    }
    footer ul li a {
        margin-right: 9px
    }
}

@media only screen and (max-width:675px) {
    footer ul li {
        border-right: 0;
        float: none;
        font-size: 14px;
        margin-right: 0;
        text-align: center
    }
    footer ul li a {
        margin-right: 0
    }
}

footer p {
    color: #fff;
    line-height: 1.5em;
    margin-bottom: 15px
}

footer p a {
    color: #fff;
    text-decoration: underline
}

@media only screen and (max-width:675px) {
    footer p {
        color: #80808c;
        font-size: 11px;
        line-height: 14px
    }
    footer p a {
        color: #80808c
    }
}

#cookie-bar {
    background-color: #2e2e33;
    bottom: 0;
    display: none;
    height: 82px;
    position: fixed;
    width: 100%;
    z-index: 15
}

#cookie-bar.show {
    display: block
}

#cookie-bar .sun-row,
#cookie-bar .col {
    background-color: inherit
}

@media only screen and (max-width:675px) {
    #cookie-bar {
        bottom: 0;
        height: 115px;
        margin-bottom: 48px
    }
    #cookie-bar .col {
        height: 95px;
        padding: 0
    }
}

#cookie-bar p {
    color: #fff;
    float: left;
    font-weight: 500;
    letter-spacing: -.01em;
    margin: 13px 0;
    width: 86%
}

@media only screen and (min-width:676px) and (max-width:980px) {
    #cookie-bar p {
        margin-bottom: 4px;
        margin-top: 4px;
        width: 79%
    }
}

@media only screen and (max-width:675px) {
    #cookie-bar p {
        font-size: 13px;
        width: 100%
    }
}

#cookie-bar a {
    color: #eb1701
}

#cookie-bar a.accept-cookies {
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-family: "Roboto Slab", serif;
    font-weight: 500;
    height: 42px;
    margin-top: 1px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 14%
}

@media only screen and (min-width:676px) and (max-width:980px) {
    #cookie-bar a.accept-cookies {
        width: 21%
    }
}

@media only screen and (max-width:675px) {
    #cookie-bar a.accept-cookies {
        bottom: 0;
        display: inline-block;
        float: none;
        left: 50%;
        margin-left: -66px;
        position: absolute;
        width: 132px
    }
}

.admin-bar .sun-header-bg {
    margin-top: 32px
}

.admin-bar .sun-header-bg.scrolling {
    margin-top: 0
}

.admin-bar .sun-header--wrap {
    margin-top: 32px
}

.admin-bar .sun-header--nav {
    margin-top: 32px
}

.admin-bar .sun-header--nav.sun-header__mini {
    margin-top: 0
}

.admin-bar .sub-nav__container {
    margin-top: 32px
}

.ipad .sun-video-wrapper h3:after,
.ipad .sidebar .sidebar__title:after,
.ipad .rail .rail__title:after {
    width: 100%
}

.ipad .sun-header-bg {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.ipad .sun-header-bg.scrolling {
    -moz-animation: none;
    -webkit-animation: none;
    animation: none
}

.ipad .sun-header-bg.scrolling-remove {
    -moz-animation: none;
    -webkit-animation: none;
    animation: none
}

.ipad .sun-header--wrap,
.ipad .sun-header--nav {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.ipad .sun-header--nav.sun-header__mini {
    top: 0;
    -moz-animation: none;
    -webkit-animation: none;
    animation: none
}

.ipad .sun-header--nav.sun-header__mini.sun-header__mini-remove {
    -moz-animation: none;
    -webkit-animation: none;
    animation: none
}

html {
    box-sizing: border-box;
    overflow-y: scroll;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html.galleryOpen,
html.galleryOpen body {
    height: 100%;
    overflow: hidden
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    background-color: #f3f6f7;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    color: #232327;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:675px) {
    body {
        -webkit-text-size-adjust: 100%
    }
}

h2.temp {
    display: block;
    float: left;
    margin: 15px 10px 0 10px;
    width: 100%
}

.mobile-top-cover {
    display: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

a {
    color: #232327;
    text-decoration: none
}

img {
    display: block;
    height: auto
}

.seo-header {
    display: none
}

.main-content-wrap {
    padding-top: 157px
}

.main-content-wrap.has-section-nav {
    padding-top: 204px
}

.for-mobile {
    display: none
}

.headline-title {
    display: none
}

@media only screen and (max-width:675px) {
    .headline-title {
        background-color: #eb1701;
        color: #fff;
        display: block;
        font-family: 'Tempo';
        font-size: 22px;
        line-height: 1.1em;
        padding: 12px 10px 11px;
        position: relative;
        text-transform: uppercase;
        z-index: 2
    }
}

.billboard {
    text-align: center;
    margin: 50px 0 !important;
}

@media only screen and (max-width:675px) {
    .billboard {
        background-color: #232327
    }
}

.billboard .sun-row {
    background-color: transparent;
    padding: 0 0 20px
}

.billboard .sun-row .col {
    padding: 0
}

.billboard .sun-row img {
    height: auto;
    margin: 0 auto;
    width: auto
}

@media only screen and (min-width:676px) and (max-width:980px) {
    .billboard .sun-row img {
        width: 100%
    }
}

.billboard.billboard-footer .sun-row {
    padding-top: 20px
}

@media only screen and (max-width:675px) {
    .billboard {
        background-color: #eaeeef;
        bottom: 0;
        min-height: 10px;
        width: 100%;
        z-index: 110
    }
    .billboard .sun-row {
        padding: 0
    }
    .billboard .dfp-ad {
        left: 50%;
        margin-left: -160px;
        position: absolute;
        top: 0;
        width: 320px
    }
    .billboard.billboard-footer {
        display: none
    }
}

.dfp-ad.teasermedium-mpu {
    text-align: center
}

.dfp-ad.teasermedium--fillerBlock {
    background-color: #fff;
    border-bottom: 0
}

@media only screen and (max-width:675px) {
    .dfp-ad.teasermedium--fillerBlock {
        display: none
    }
}

#mpu {
    background-color: #ededed
}

@media only screen and (max-width:675px) {
    #mpu {
        background-color: #fff;
        padding-bottom: 0;
        padding-top: 0;
        text-align: center
    }
}

.theme .teaser-slug__copy {
    background-color: #eb1701
}

.theme .article-data__svg path {
    fill: #eb1701
}

.theme .article-data__item .icon {
    background-color: #eb1701
}

.theme .article__content ul li:before {
    background-color: #eb1701
}

.theme .article__content p a {
    color: #eb1701
}

.theme .article__subdeck--bullet ul li:before {
    background-color: #eb1701
}

.theme .theme__copy-color {
    color: #eb1701
}

.theme .article__author-name.theme__copy-color a {
    color: #eb1701
}

.theme .theme__border-color {
    border-color: #eb1701
}

.theme .theme__background-color {
    background-color: #eb1701
}

@media only screen and (max-width:675px) {
    .theme .theme__background-mobile {
        background-color: #eb1701
    }
}

.theme .theme__before-color:before {
    background-color: #eb1701
}

.theme .theme__after-color:after {
    background-color: #eb1701
}

.theme .theme__background-color-rgba-20 {
    background-color: rgba(235, 23, 1, .2)
}

.theme .theme__background-color-rgba-80 {
    background-color: rgba(235, 23, 1, .8)
}

.theme .theme__article-list li:before {
    background-color: #eb1701
}

.theme .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #eb1701
}

.theme .theme__swiper-pagination .swiper-pagination-current {
    color: #eb1701
}

.theme .sun-video-player .oo_promo .oo_start_button {
    background-color: #eb1701 !important
}

.theme .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #eb1701 !important
}

.theme.widget .theme__after-color:after,
.theme.widget .teaser-slug__copy,
.theme.widget .theme__background-color,
.theme.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme.rail .theme__after-color:after,
.theme.rail .teaser-slug__copy,
.theme.rail .theme__background-color,
.theme.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #eb1701
}

.theme.widget .theme__copy-color,
.theme.rail .theme__copy-color {
    color: #eb1701
}

.theme.widget .theme__background-color-rgba-80,
.theme.rail .theme__background-color-rgba-80 {
    background-color: rgba(235, 23, 1, .8)
}

.theme-main .teaser-slug__copy {
    background-color: #eb1701
}

.theme-main .article-data__svg path {
    fill: #eb1701
}

.theme-main .article-data__item .icon {
    background-color: #eb1701
}

.theme-main .article__content ul li:before {
    background-color: #eb1701
}

.theme-main .article__content p a {
    color: #eb1701
}

.theme-main .article__subdeck--bullet ul li:before {
    background-color: #eb1701
}

.theme-main .theme__copy-color {
    color: #eb1701
}

.theme-main .article__author-name.theme__copy-color a {
    color: #eb1701
}

.theme-main .theme__border-color {
    border-color: #eb1701
}

.theme-main .theme__background-color {
    background-color: #eb1701
}

@media only screen and (max-width:675px) {
    .theme-main .theme__background-mobile {
        background-color: #eb1701
    }
}

.theme-main .theme__before-color:before {
    background-color: #eb1701
}

.theme-main .theme__after-color:after {
    background-color: #eb1701
}

.theme-main .theme__background-color-rgba-20 {
    background-color: rgba(235, 23, 1, .2)
}

.theme-main .theme__background-color-rgba-80 {
    background-color: rgba(235, 23, 1, .8)
}

.theme-main .theme__article-list li:before {
    background-color: #eb1701
}

.theme-main .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #eb1701
}

.theme-main .theme__swiper-pagination .swiper-pagination-current {
    color: #eb1701
}

.theme-main .sun-video-player .oo_promo .oo_start_button {
    background-color: #eb1701 !important
}

.theme-main .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #eb1701 !important
}

.theme-main.widget .theme__after-color:after,
.theme-main.widget .teaser-slug__copy,
.theme-main.widget .theme__background-color,
.theme-main.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme-main.rail .theme__after-color:after,
.theme-main.rail .teaser-slug__copy,
.theme-main.rail .theme__background-color,
.theme-main.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #eb1701
}

.theme-main.widget .theme__copy-color,
.theme-main.rail .theme__copy-color {
    color: #eb1701
}

.theme-main.widget .theme__background-color-rgba-80,
.theme-main.rail .theme__background-color-rgba-80 {
    background-color: rgba(235, 23, 1, .8)
}

.theme-showbiz .teaser-slug__copy {
    background-color: #9c73c1
}

.theme-showbiz .article-data__svg path {
    fill: #9c73c1
}

.theme-showbiz .article-data__item .icon {
    background-color: #9c73c1
}

.theme-showbiz .article__content ul li:before {
    background-color: #9c73c1
}

.theme-showbiz .article__content p a {
    color: #9c73c1
}

.theme-showbiz .article__subdeck--bullet ul li:before {
    background-color: #9c73c1
}

.theme-showbiz .theme__copy-color {
    color: #9c73c1
}

.theme-showbiz .article__author-name.theme__copy-color a {
    color: #9c73c1
}

.theme-showbiz .theme__border-color {
    border-color: #9c73c1
}

.theme-showbiz .theme__background-color {
    background-color: #9c73c1
}

@media only screen and (max-width:675px) {
    .theme-showbiz .theme__background-mobile {
        background-color: #9c73c1
    }
}

.theme-showbiz .theme__before-color:before {
    background-color: #9c73c1
}

.theme-showbiz .theme__after-color:after {
    background-color: #9c73c1
}

.theme-showbiz .theme__background-color-rgba-20 {
    background-color: rgba(156, 115, 193, .2)
}

.theme-showbiz .theme__background-color-rgba-80 {
    background-color: rgba(156, 115, 193, .8)
}

.theme-showbiz .theme__article-list li:before {
    background-color: #9c73c1
}

.theme-showbiz .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #9c73c1
}

.theme-showbiz .theme__swiper-pagination .swiper-pagination-current {
    color: #9c73c1
}

.theme-showbiz .sun-video-player .oo_promo .oo_start_button {
    background-color: #9c73c1 !important
}

.theme-showbiz .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #9c73c1 !important
}

.theme-showbiz.widget .theme__after-color:after,
.theme-showbiz.widget .teaser-slug__copy,
.theme-showbiz.widget .theme__background-color,
.theme-showbiz.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme-showbiz.rail .theme__after-color:after,
.theme-showbiz.rail .teaser-slug__copy,
.theme-showbiz.rail .theme__background-color,
.theme-showbiz.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #9c73c1
}

.theme-showbiz.widget .theme__copy-color,
.theme-showbiz.rail .theme__copy-color {
    color: #9c73c1
}

.theme-showbiz.widget .theme__background-color-rgba-80,
.theme-showbiz.rail .theme__background-color-rgba-80 {
    background-color: rgba(156, 115, 193, .8)
}

.theme-football .teaser-slug__copy {
    background-color: #419071
}

.theme-football .article-data__svg path {
    fill: #419071
}

.theme-football .article-data__item .icon {
    background-color: #419071
}

.theme-football .article__content ul li:before {
    background-color: #419071
}

.theme-football .article__content p a {
    color: #419071
}

.theme-football .article__subdeck--bullet ul li:before {
    background-color: #419071
}

.theme-football .theme__copy-color {
    color: #419071
}

.theme-football .article__author-name.theme__copy-color a {
    color: #419071
}

.theme-football .theme__border-color {
    border-color: #419071
}

.theme-football .theme__background-color {
    background-color: #419071
}

@media only screen and (max-width:675px) {
    .theme-football .theme__background-mobile {
        background-color: #419071
    }
}

.theme-football .theme__before-color:before {
    background-color: #419071
}

.theme-football .theme__after-color:after {
    background-color: #419071
}

.theme-football .theme__background-color-rgba-20 {
    background-color: rgba(65, 144, 113, .2)
}

.theme-football .theme__background-color-rgba-80 {
    background-color: rgba(65, 144, 113, .8)
}

.theme-football .theme__article-list li:before {
    background-color: #419071
}

.theme-football .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #419071
}

.theme-football .theme__swiper-pagination .swiper-pagination-current {
    color: #419071
}

.theme-football .sun-video-player .oo_promo .oo_start_button {
    background-color: #419071 !important
}

.theme-football .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #419071 !important
}

.theme-football.widget .theme__after-color:after,
.theme-football.widget .teaser-slug__copy,
.theme-football.widget .theme__background-color,
.theme-football.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme-football.rail .theme__after-color:after,
.theme-football.rail .teaser-slug__copy,
.theme-football.rail .theme__background-color,
.theme-football.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #419071
}

.theme-football.widget .theme__copy-color,
.theme-football.rail .theme__copy-color {
    color: #419071
}

.theme-football.widget .theme__background-color-rgba-80,
.theme-football.rail .theme__background-color-rgba-80 {
    background-color: rgba(65, 144, 113, .8)
}

.theme-sport .teaser-slug__copy {
    background-color: #308392
}

.theme-sport .article-data__svg path {
    fill: #308392
}

.theme-sport .article-data__item .icon {
    background-color: #308392
}

.theme-sport .article__content ul li:before {
    background-color: #308392
}

.theme-sport .article__content p a {
    color: #308392
}

.theme-sport .article__subdeck--bullet ul li:before {
    background-color: #308392
}

.theme-sport .theme__copy-color {
    color: #308392
}

.theme-sport .article__author-name.theme__copy-color a {
    color: #308392
}

.theme-sport .theme__border-color {
    border-color: #308392
}

.theme-sport .theme__background-color {
    background-color: #308392
}

@media only screen and (max-width:675px) {
    .theme-sport .theme__background-mobile {
        background-color: #308392
    }
}

.theme-sport .theme__before-color:before {
    background-color: #308392
}

.theme-sport .theme__after-color:after {
    background-color: #308392
}

.theme-sport .theme__background-color-rgba-20 {
    background-color: rgba(48, 131, 146, .2)
}

.theme-sport .theme__background-color-rgba-80 {
    background-color: rgba(48, 131, 146, .8)
}

.theme-sport .theme__article-list li:before {
    background-color: #308392
}

.theme-sport .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #308392
}

.theme-sport .theme__swiper-pagination .swiper-pagination-current {
    color: #308392
}

.theme-sport .sun-video-player .oo_promo .oo_start_button {
    background-color: #308392 !important
}

.theme-sport .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #308392 !important
}

.theme-sport.widget .theme__after-color:after,
.theme-sport.widget .teaser-slug__copy,
.theme-sport.widget .theme__background-color,
.theme-sport.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme-sport.rail .theme__after-color:after,
.theme-sport.rail .teaser-slug__copy,
.theme-sport.rail .theme__background-color,
.theme-sport.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #308392
}

.theme-sport.widget .theme__copy-color,
.theme-sport.rail .theme__copy-color {
    color: #308392
}

.theme-sport.widget .theme__background-color-rgba-80,
.theme-sport.rail .theme__background-color-rgba-80 {
    background-color: rgba(48, 131, 146, .8)
}

.theme-living .teaser-slug__copy {
    background-color: #e465be
}

.theme-living .article-data__svg path {
    fill: #e465be
}

.theme-living .article-data__item .icon {
    background-color: #e465be
}

.theme-living .article__content ul li:before {
    background-color: #e465be
}

.theme-living .article__content p a {
    color: #e465be
}

.theme-living .article__subdeck--bullet ul li:before {
    background-color: #e465be
}

.theme-living .theme__copy-color {
    color: #e465be
}

.theme-living .article__author-name.theme__copy-color a {
    color: #e465be
}

.theme-living .theme__border-color {
    border-color: #e465be
}

.theme-living .theme__background-color {
    background-color: #e465be
}

@media only screen and (max-width:675px) {
    .theme-living .theme__background-mobile {
        background-color: #e465be
    }
}

.theme-living .theme__before-color:before {
    background-color: #e465be
}

.theme-living .theme__after-color:after {
    background-color: #e465be
}

.theme-living .theme__background-color-rgba-20 {
    background-color: rgba(228, 101, 190, .2)
}

.theme-living .theme__background-color-rgba-80 {
    background-color: rgba(228, 101, 190, .8)
}

.theme-living .theme__article-list li:before {
    background-color: #e465be
}

.theme-living .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e465be
}

.theme-living .theme__swiper-pagination .swiper-pagination-current {
    color: #e465be
}

.theme-living .sun-video-player .oo_promo .oo_start_button {
    background-color: #e465be !important
}

.theme-living .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #e465be !important
}

.theme-living.widget .theme__after-color:after,
.theme-living.widget .teaser-slug__copy,
.theme-living.widget .theme__background-color,
.theme-living.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme-living.rail .theme__after-color:after,
.theme-living.rail .teaser-slug__copy,
.theme-living.rail .theme__background-color,
.theme-living.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e465be
}

.theme-living.widget .theme__copy-color,
.theme-living.rail .theme__copy-color {
    color: #e465be
}

.theme-living.widget .theme__background-color-rgba-80,
.theme-living.rail .theme__background-color-rgba-80 {
    background-color: rgba(228, 101, 190, .8)
}

.theme-news .teaser-slug__copy {
    background-color: #4085cb
}

.theme-news .article-data__svg path {
    fill: #4085cb
}

.theme-news .article-data__item .icon {
    background-color: #4085cb
}

.theme-news .article__content ul li:before {
    background-color: #4085cb
}

.theme-news .article__content p a {
    color: #4085cb
}

.theme-news .article__subdeck--bullet ul li:before {
    background-color: #4085cb
}

.theme-news .theme__copy-color {
    color: #4085cb
}

.theme-news .article__author-name.theme__copy-color a {
    color: #4085cb
}

.theme-news .theme__border-color {
    border-color: #4085cb
}

.theme-news .theme__background-color {
    background-color: #4085cb
}

@media only screen and (max-width:675px) {
    .theme-news .theme__background-mobile {
        background-color: #4085cb
    }
}

.theme-news .theme__before-color:before {
    background-color: #4085cb
}

.theme-news .theme__after-color:after {
    background-color: #4085cb
}

.theme-news .theme__background-color-rgba-20 {
    background-color: rgba(64, 133, 203, .2)
}

.theme-news .theme__background-color-rgba-80 {
    background-color: rgba(64, 133, 203, .8)
}

.theme-news .theme__article-list li:before {
    background-color: #4085cb
}

.theme-news .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #4085cb
}

.theme-news .theme__swiper-pagination .swiper-pagination-current {
    color: #4085cb
}

.theme-news .sun-video-player .oo_promo .oo_start_button {
    background-color: #4085cb !important
}

.theme-news .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #4085cb !important
}

.theme-news.widget .theme__after-color:after,
.theme-news.widget .teaser-slug__copy,
.theme-news.widget .theme__background-color,
.theme-news.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme-news.rail .theme__after-color:after,
.theme-news.rail .teaser-slug__copy,
.theme-news.rail .theme__background-color,
.theme-news.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #4085cb
}

.theme-news.widget .theme__copy-color,
.theme-news.rail .theme__copy-color {
    color: #4085cb
}

.theme-news.widget .theme__background-color-rgba-80,
.theme-news.rail .theme__background-color-rgba-80 {
    background-color: rgba(64, 133, 203, .8)
}

.theme-puzzles .teaser-slug__copy {
    background-color: #f26522
}

.theme-puzzles .article-data__svg path {
    fill: #f26522
}

.theme-puzzles .article-data__item .icon {
    background-color: #f26522
}

.theme-puzzles .article__content ul li:before {
    background-color: #f26522
}

.theme-puzzles .article__content p a {
    color: #f26522
}

.theme-puzzles .article__subdeck--bullet ul li:before {
    background-color: #f26522
}

.theme-puzzles .theme__copy-color {
    color: #f26522
}

.theme-puzzles .article__author-name.theme__copy-color a {
    color: #f26522
}

.theme-puzzles .theme__border-color {
    border-color: #f26522
}

.theme-puzzles .theme__background-color {
    background-color: #f26522
}

@media only screen and (max-width:675px) {
    .theme-puzzles .theme__background-mobile {
        background-color: #f26522
    }
}

.theme-puzzles .theme__before-color:before {
    background-color: #f26522
}

.theme-puzzles .theme__after-color:after {
    background-color: #f26522
}

.theme-puzzles .theme__background-color-rgba-20 {
    background-color: rgba(242, 101, 34, .2)
}

.theme-puzzles .theme__background-color-rgba-80 {
    background-color: rgba(242, 101, 34, .8)
}

.theme-puzzles .theme__article-list li:before {
    background-color: #f26522
}

.theme-puzzles .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #f26522
}

.theme-puzzles .theme__swiper-pagination .swiper-pagination-current {
    color: #f26522
}

.theme-puzzles .sun-video-player .oo_promo .oo_start_button {
    background-color: #f26522 !important
}

.theme-puzzles .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #f26522 !important
}

.theme-puzzles.widget .theme__after-color:after,
.theme-puzzles.widget .teaser-slug__copy,
.theme-puzzles.widget .theme__background-color,
.theme-puzzles.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme-puzzles.rail .theme__after-color:after,
.theme-puzzles.rail .teaser-slug__copy,
.theme-puzzles.rail .theme__background-color,
.theme-puzzles.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #f26522
}

.theme-puzzles.widget .theme__copy-color,
.theme-puzzles.rail .theme__copy-color {
    color: #f26522
}

.theme-puzzles.widget .theme__background-color-rgba-80,
.theme-puzzles.rail .theme__background-color-rgba-80 {
    background-color: rgba(242, 101, 34, .8)
}

.theme-video .teaser-slug__copy {
    background-color: #eb1701
}

.theme-video .article-data__svg path {
    fill: #eb1701
}

.theme-video .article-data__item .icon {
    background-color: #eb1701
}

.theme-video .article__content ul li:before {
    background-color: #eb1701
}

.theme-video .article__content p a {
    color: #eb1701
}

.theme-video .article__subdeck--bullet ul li:before {
    background-color: #eb1701
}

.theme-video .theme__copy-color {
    color: #eb1701
}

.theme-video .article__author-name.theme__copy-color a {
    color: #eb1701
}

.theme-video .theme__border-color {
    border-color: #eb1701
}

.theme-video .theme__background-color {
    background-color: #eb1701
}

@media only screen and (max-width:675px) {
    .theme-video .theme__background-mobile {
        background-color: #eb1701
    }
}

.theme-video .theme__before-color:before {
    background-color: #eb1701
}

.theme-video .theme__after-color:after {
    background-color: #eb1701
}

.theme-video .theme__background-color-rgba-20 {
    background-color: rgba(235, 23, 1, .2)
}

.theme-video .theme__background-color-rgba-80 {
    background-color: rgba(235, 23, 1, .8)
}

.theme-video .theme__article-list li:before {
    background-color: #eb1701
}

.theme-video .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #eb1701
}

.theme-video .theme__swiper-pagination .swiper-pagination-current {
    color: #eb1701
}

.theme-video .sun-video-player .oo_promo .oo_start_button {
    background-color: #eb1701 !important
}

.theme-video .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #eb1701 !important
}

.theme-video.widget .theme__after-color:after,
.theme-video.widget .teaser-slug__copy,
.theme-video.widget .theme__background-color,
.theme-video.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme-video.rail .theme__after-color:after,
.theme-video.rail .teaser-slug__copy,
.theme-video.rail .theme__background-color,
.theme-video.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #eb1701
}

.theme-video.widget .theme__copy-color,
.theme-video.rail .theme__copy-color {
    color: #eb1701
}

.theme-video.widget .theme__background-color-rgba-80,
.theme-video.rail .theme__background-color-rgba-80 {
    background-color: rgba(235, 23, 1, .8)
}

.theme-sponsor .teaser-slug__copy {
    background-color: #9eaabb
}

.theme-sponsor .article-data__svg path {
    fill: #9eaabb
}

.theme-sponsor .article-data__item .icon {
    background-color: #9eaabb
}

.theme-sponsor .article__content ul li:before {
    background-color: #9eaabb
}

.theme-sponsor .article__content p a {
    color: #9eaabb
}

.theme-sponsor .article__subdeck--bullet ul li:before {
    background-color: #9eaabb
}

.theme-sponsor .theme__copy-color {
    color: #9eaabb
}

.theme-sponsor .article__author-name.theme__copy-color a {
    color: #9eaabb
}

.theme-sponsor .theme__border-color {
    border-color: #9eaabb
}

.theme-sponsor .theme__background-color {
    background-color: #9eaabb
}

@media only screen and (max-width:675px) {
    .theme-sponsor .theme__background-mobile {
        background-color: #9eaabb
    }
}

.theme-sponsor .theme__before-color:before {
    background-color: #9eaabb
}

.theme-sponsor .theme__after-color:after {
    background-color: #9eaabb
}

.theme-sponsor .theme__background-color-rgba-20 {
    background-color: rgba(158, 170, 187, .2)
}

.theme-sponsor .theme__background-color-rgba-80 {
    background-color: rgba(158, 170, 187, .8)
}

.theme-sponsor .theme__article-list li:before {
    background-color: #9eaabb
}

.theme-sponsor .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #9eaabb
}

.theme-sponsor .theme__swiper-pagination .swiper-pagination-current {
    color: #9eaabb
}

.theme-sponsor .sun-video-player .oo_promo .oo_start_button {
    background-color: #9eaabb !important
}

.theme-sponsor .sun-video-player .oo_controls_wrap .oo_controls .oo_controls_inner .oo_scrubber .oo_playhead_progress {
    background-color: #9eaabb !important
}

.theme-sponsor.widget .theme__after-color:after,
.theme-sponsor.widget .teaser-slug__copy,
.theme-sponsor.widget .theme__background-color,
.theme-sponsor.widget .theme__swiper-pagination .swiper-pagination-bullet-active,
.theme-sponsor.rail .theme__after-color:after,
.theme-sponsor.rail .teaser-slug__copy,
.theme-sponsor.rail .theme__background-color,
.theme-sponsor.rail .theme__swiper-pagination .swiper-pagination-bullet-active {
    background-color: #9eaabb
}

.theme-sponsor.widget .theme__copy-color,
.theme-sponsor.rail .theme__copy-color {
    color: #9eaabb
}

.theme-sponsor.widget .theme__background-color-rgba-80,
.theme-sponsor.rail .theme__background-color-rgba-80 {
    background-color: rgba(158, 170, 187, .8)
}

.theme-main-secondary .theme--secondary__background-before-color:before {
    background-color: #a5171c
}

.theme-main-secondary .theme--secondary__border-color {
    border-color: #a5171c
}

.theme-main-secondary .theme__background-mobile {
    background-color: #a5171c
}

@media only screen and (max-width:675px) {
    .theme-main-secondary .theme__before-color {
        background-color: #a5171c
    }
}

@media only screen and (max-width:675px) {
    .theme-main-secondary .theme--secondary__background-color-mobile {
        background-color: #a5171c
    }
}

.theme-showbiz-secondary .theme--secondary__background-before-color:before {
    background-color: #583b73
}

.theme-showbiz-secondary .theme--secondary__border-color {
    border-color: #583b73
}

.theme-showbiz-secondary .theme__background-mobile {
    background-color: #583b73
}

@media only screen and (max-width:675px) {
    .theme-showbiz-secondary .theme__before-color {
        background-color: #583b73
    }
}

@media only screen and (max-width:675px) {
    .theme-showbiz-secondary .theme--secondary__background-color-mobile {
        background-color: #583b73
    }
}

.theme-football-secondary .theme--secondary__background-before-color:before {
    background-color: #2c644e
}

.theme-football-secondary .theme--secondary__border-color {
    border-color: #2c644e
}

.theme-football-secondary .theme__background-mobile {
    background-color: #2c644e
}

@media only screen and (max-width:675px) {
    .theme-football-secondary .theme__before-color {
        background-color: #2c644e
    }
}

@media only screen and (max-width:675px) {
    .theme-football-secondary .theme--secondary__background-color-mobile {
        background-color: #2c644e
    }
}

.theme-sport-secondary .theme--secondary__background-before-color:before {
    background-color: #22616d
}

.theme-sport-secondary .theme--secondary__border-color {
    border-color: #22616d
}

.theme-sport-secondary .theme__background-mobile {
    background-color: #22616d
}

@media only screen and (max-width:675px) {
    .theme-sport-secondary .theme__before-color {
        background-color: #22616d
    }
}

@media only screen and (max-width:675px) {
    .theme-sport-secondary .theme--secondary__background-color-mobile {
        background-color: #22616d
    }
}

.theme-living-secondary .theme--secondary__background-before-color:before {
    background-color: #a23c84
}

.theme-living-secondary .theme--secondary__border-color {
    border-color: #a23c84
}

.theme-living-secondary .theme__background-mobile {
    background-color: #a23c84
}

@media only screen and (max-width:675px) {
    .theme-living-secondary .theme__before-color {
        background-color: #a23c84
    }
}

@media only screen and (max-width:675px) {
    .theme-living-secondary .theme--secondary__background-color-mobile {
        background-color: #a23c84
    }
}

.theme-news-secondary .theme--secondary__background-before-color:before {
    background-color: #24588c
}

.theme-news-secondary .theme--secondary__border-color {
    border-color: #24588c
}

.theme-news-secondary .theme__background-mobile {
    background-color: #24588c
}

@media only screen and (max-width:675px) {
    .theme-news-secondary .theme__before-color {
        background-color: #24588c
    }
}

@media only screen and (max-width:675px) {
    .theme-news-secondary .theme--secondary__background-color-mobile {
        background-color: #24588c
    }
}

.theme-puzzles-secondary .theme--secondary__background-before-color:before {
    background-color: #c34014
}

.theme-puzzles-secondary .theme--secondary__border-color {
    border-color: #c34014
}

.theme-puzzles-secondary .theme__background-mobile {
    background-color: #c34014
}

@media only screen and (max-width:675px) {
    .theme-puzzles-secondary .theme__before-color {
        background-color: #c34014
    }
}

@media only screen and (max-width:675px) {
    .theme-puzzles-secondary .theme--secondary__background-color-mobile {
        background-color: #c34014
    }
}

.theme-video-secondary .theme--secondary__background-before-color:before {
    background-color: #a5171c
}

.theme-video-secondary .theme--secondary__border-color {
    border-color: #a5171c
}

.theme-video-secondary .theme__background-mobile {
    background-color: #a5171c
}

@media only screen and (max-width:675px) {
    .theme-video-secondary .theme__before-color {
        background-color: #a5171c
    }
}

@media only screen and (max-width:675px) {
    .theme-video-secondary .theme--secondary__background-color-mobile {
        background-color: #a5171c
    }
}

@media only screen and (max-width:675px) {
    html.newsuk-open,
    html.newsuk-open body {
        height: 100%;
        overflow: hidden;
        position: fixed;
        width: 100%
    }
    body {
        background-color: #fff;
        overflow: hidden
    }
    .mobile-top-cover {
        background-color: #2e2e33;
        display: block;
        height: 400px;
        position: absolute;
        top: -400px;
        width: 100%;
        z-index: 120
    }
    .main-content-wrap {
        padding-top: 10px;
        -moz-transition: padding-top .2s;
        -o-transition: padding-top .2s;
        -webkit-transition: padding-top .2s;
        transition: padding-top .2s
    }
    .main-content-wrap.has-section-nav {
        padding-top: 118px
    }
    .main-content-wrap.open {
        padding-top: 138px
    }
    .for-mobile {
        display: block
    }
    .for-desktop {
        display: none
    }
}
.paging{
    text-align: center;
}
.paging a
{
    background-color: #fff;
    border: solid 1px #d1d1d1;
    color: #494949;
    display: inline-block;
    font: bold 12px/29px tahoma;
    margin: 0 3px;
    padding: 0 10px;
}
.paging a:hover,.paging a.active,.paging a.current
{
    background-color: #e64d4f;
    color: #fff;
}

.new-block .sun-col-2 .teaser__small{
    height: 135px ;
}

.sun-row .sun-col-8{
    width: 23%;
    float: left;
    margin: 5px 5px;
    height: 160px;
    overflow: hidden;
}

.sun-row .sun-col-8 img{
    width: 100%;
    height: auto;
}
.title-XH{
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid red;
    margin: 5px 0px;
}

@media only screen and (max-width:675px) {
    .sun-row .sun-col-8{
        width: 46%;
        float: left;
        margin: 5px 3px;
    }
}

.wapper-video-youtube .header{
    padding: 0 0 10px;
    line-height: 22px;
    font-size: 18px;
}

.youtube-title{
    color: #e64d4f
}
.youtube-content {
    margin: 10px 0;
}
.youtube-sapo{
    margin-bottom: 10px;
}


.footer-nav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 12px 0 10px;
    width: 100%
}

.footer-nav ul li {
    border-right: 1px solid #80808c;
    float: left;
    margin-bottom: 8px;
    margin-right: 10px
}

.footer-nav ul li a {
    color: #fff;
    display: block;
    margin-right: 10px;
    padding: 3px 0
}

@media only screen and (max-width: 765px) {
   .footer-nav{width: 100%}
   .page-fb{width: 100%}
}