@charset "UTF-8";

.ad-article,
.ad-native,
.amplitude-song-played-progress,
.amplitude-song-slider,
.article-blog .blockquote:after,
.article-blog blockquote:after,
.article-link,
.article-thumb-gallery:before,
.article-thumb-overlay:before,
.article-thumb-video:before,
.bg-digi24:before,
.loading.auth:after,
.lp .hero:after,
.lp .hero>.container,
.map-placeholder svg,
.nav-trigger.active:after,
.overlay-reverse:before,
.overlay:before,
.schedule-list-item-show-progress:after,
.slide,
.slider:after,
.swiper-gallery .gallery-top .swiper-wrapper,
.swiper-gallery-page .gallery-top .swiper-wrapper,
.user-link,
.user.loading:after,
.weather-map-pin-thumb svg,
.weather-map:after,
.widget-poll-item-votes-graph,
.widget-poll-item-votes-graph span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.breadcrumbs,
.copy-link:before,
.ellipsis,
.form-element input+label,
.form-element textarea+label,
.form-search-input,
.live-icon-link,
.swiper-article .swiper-slide[data-time]:before {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.footer-bottom-nav-list-item,
.swiper-stream .swiper-slide {
    display: inline-block;
    vertical-align: top
}

.footer-bottom-nav-list-item:before,
.swiper-stream .swiper-slide:before {
    content: '\00a0|\00a0';
    display: inline-block;
    vertical-align: top
}

.footer-bottom-nav-list-item:first-child:before,
.swiper-stream .swiper-slide:first-child:before {
    content: none
}

body,
html {
    width: 100%;
    min-width: 320px;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #181818;
    font-family: zillaslab;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

::selection {
    background: #181818;
    color: #fff
}

img::selection {
    background: 0 0
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

mark {
    background: 0 0
}

a,
a:focus,
a:hover {
    text-decoration: none;
    cursor: pointer
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}

blockquote,
dl,
figure,
hr,
menu,
ol,
p,
pre,
summary,
table,
ul {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

fieldset,
legend {
    margin: 0;
    padding: 0;
    border: 0
}



button {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: 0 0
}

button[disabled],
input[disabled] {
    cursor: default
}



button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-black.eot);
    src: url(../fonts/sourcesanspro-black.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-black.woff2) format("woff2"), url(../fonts/sourcesanspro-black.woff) format("woff"), url(../fonts/sourcesanspro-black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-blackit.eot);
    src: url(../fonts/sourcesanspro-blackit.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-blackit.woff2) format("woff2"), url(../fonts/sourcesanspro-blackit.woff) format("woff"), url(../fonts/sourcesanspro-blackit.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-bold.eot);
    src: url(../fonts/sourcesanspro-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-bold.woff2) format("woff2"), url(../fonts/sourcesanspro-bold.woff) format("woff"), url(../fonts/sourcesanspro-bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-boldit.eot);
    src: url(../fonts/sourcesanspro-boldit.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-boldit.woff2) format("woff2"), url(../fonts/sourcesanspro-boldit.woff) format("woff"), url(../fonts/sourcesanspro-boldit.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-extralight.eot);
    src: url(../fonts/sourcesanspro-extralight.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-extralight.woff2) format("woff2"), url(../fonts/sourcesanspro-extralight.woff) format("woff"), url(../fonts/sourcesanspro-extralight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-extralightit.eot);
    src: url(../fonts/sourcesanspro-extralightit.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-extralightit.woff2) format("woff2"), url(../fonts/sourcesanspro-extralightit.woff) format("woff"), url(../fonts/sourcesanspro-extralightit.ttf) format("truetype");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-it.eot);
    src: url(../fonts/sourcesanspro-it.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-it.woff2) format("woff2"), url(../fonts/sourcesanspro-it.woff) format("woff"), url(../fonts/sourcesanspro-it.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-light.eot);
    src: url(../fonts/sourcesanspro-light.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-light.woff2) format("woff2"), url(../fonts/sourcesanspro-light.woff) format("woff"), url(../fonts/sourcesanspro-light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-lightit.eot);
    src: url(../fonts/sourcesanspro-lightit.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-lightit.woff2) format("woff2"), url(../fonts/sourcesanspro-lightit.woff) format("woff"), url(../fonts/sourcesanspro-lightit.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-regular.eot);
    src: url(../fonts/sourcesanspro-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-regular.woff2) format("woff2"), url(../fonts/sourcesanspro-regular.woff) format("woff"), url(../fonts/sourcesanspro-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-semibold.eot);
    src: url(../fonts/sourcesanspro-semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-semibold.woff2) format("woff2"), url(../fonts/sourcesanspro-semibold.woff) format("woff"), url(../fonts/sourcesanspro-semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: sourcesanspro;
    src: url(../fonts/sourcesanspro-semiboldit.eot);
    src: url(../fonts/sourcesanspro-semiboldit.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-semiboldit.woff2) format("woff2"), url(../fonts/sourcesanspro-semiboldit.woff) format("woff"), url(../fonts/sourcesanspro-semiboldit.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-bold.eot);
    src: url(../fonts/zillaslab-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-bold.woff2) format("woff2"), url(../fonts/zillaslab-bold.woff) format("woff"), url(../fonts/zillaslab-bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-bolditalic.eot);
    src: url(../fonts/zillaslab-bolditalic.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-bolditalic.woff2) format("woff2"), url(../fonts/zillaslab-bolditalic.woff) format("woff"), url(../fonts/zillaslab-bolditalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-light.eot);
    src: url(../fonts/zillaslab-light.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-light.woff2) format("woff2"), url(../fonts/zillaslab-light.woff) format("woff"), url(../fonts/zillaslab-light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-lightitalic.eot);
    src: url(../fonts/zillaslab-lightitalic.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-lightitalic.woff2) format("woff2"), url(../fonts/zillaslab-lightitalic.woff) format("woff"), url(../fonts/zillaslab-lightitalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-medium.eot);
    src: url(../fonts/zillaslab-medium.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-medium.woff2) format("woff2"), url(../fonts/zillaslab-medium.woff) format("woff"), url(../fonts/zillaslab-medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-mediumitalic.eot);
    src: url(../fonts/zillaslab-mediumitalic.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-mediumitalic.woff2) format("woff2"), url(../fonts/zillaslab-mediumitalic.woff) format("woff"), url(../fonts/zillaslab-mediumitalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-regular.eot);
    src: url(../fonts/zillaslab-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-regular.woff2) format("woff2"), url(../fonts/zillaslab-regular.woff) format("woff"), url(../fonts/zillaslab-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-regularitalic.eot);
    src: url(../fonts/zillaslab-regularitalic.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-regularitalic.woff2) format("woff2"), url(../fonts/zillaslab-regularitalic.woff) format("woff"), url(../fonts/zillaslab-regularitalic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-semibold.eot);
    src: url(../fonts/zillaslab-semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-semibold.woff2) format("woff2"), url(../fonts/zillaslab-semibold.woff) format("woff"), url(../fonts/zillaslab-semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: zillaslab;
    src: url(../fonts/zillaslab-semibolditalic.eot);
    src: url(../fonts/zillaslab-semibolditalic.eot?#iefix) format("embedded-opentype"), url(../fonts/zillaslab-semibolditalic.woff2) format("woff2"), url(../fonts/zillaslab-semibolditalic.woff) format("woff"), url(../fonts/zillaslab-semibolditalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

.screader {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.screader-focus:active,
.screader-focus:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

a {
    color: #3101a3;
    text-decoration: underline
}

a:focus,
a:hover {
    color: #793ffe
}

a.btn {
    display: inline-block;
    vertical-align: top
}

.h1,
h1 {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 700;
    line-height: 46px
}

.h2,
h2 {
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px
}

.h3,
h3 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px
}

.h4,
h4 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px
}

.h5,
h5 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px
}

.h6,
h6 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

p {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px
}

.blockquote,
blockquote {
    position: relative;
    clear: both;
    margin-bottom: 20px;
    padding: 0 80px;
    font-size: 20px;
    line-height: 30px
}

.blockquote:before,
blockquote:before {
    content: '';
    position: absolute;
    width: 128px;
    height: 128px;
    background: url(../fonts/icon.svg) 0 -2176px no-repeat;
    background-size: 128px auto;
    -webkit-transform: translate(-20px, -20px);
    -ms-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
    z-index: -1
}

cite {
    font-style: italic
}

b,
strong {
    font-weight: 700
}

em,
i {
    font-weight: 400;
    font-style: italic
}

sub,
sup {
    padding: 0 4px;
    background: #3101a3;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .5px;
    text-transform: uppercase
}

figcaption {
    font-family: sourcesanspro;
    font-size: 14px;
    font-style: italic
}

mark {
    display: inline-block;
    vertical-align: baseline;
    color: #3101a3;
    font-family: sourcesanspro;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase
}

hr {
    height: 1px;
    margin-bottom: 20px;
    border: 0;
    background: #ccc
}

.section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #3101a3;
    font-family: sourcesanspro;
    font-size: 24px;
    font-weight: 900;
    font-style: italic;
    line-height: 30px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.section-title:after,
.section-title:before {
    content: '';
    height: 6px;
    background: #793ffe;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px)
}

.section-title:before {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc((100vw - 1200px)/ 2)
}

.section-title:after {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.section-title span {
    padding: 0 10px
}

.section-title a {
    text-decoration: none
}

.section-subtitle {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    line-height: 30px
}

.section-subtitle+.article-headline {
    margin-top: -20px;
    border-top: 0
}

.section-description * {
    font-family: sourcesanspro;
    font-size: 16px;
    line-height: 20px
}

.section-description span {
    display: none
}

.section-description span.active {
    display: inline
}

.section-description .read-more {
    display: inline-block;
    vertical-align: baseline;
    background-color: transparent
}

.section-description .read-more.active {
    font-size: 0
}

.section-description .read-more.active:before {
    content: attr(data-text);
    font-size: 14px
}

@media all and (max-width:1220px) {
    .section-title:before {
        width: 20px
    }

    .section-title span {
        max-width: calc(100vw - 40px)
    }
}

@media all and (max-width:1024px) {

    .h1,
    h1 {
        font-size: 36px;
        line-height: 40px
    }

    .h2,
    h2 {
        font-size: 24px;
        line-height: 26px
    }

    .h3,
    h3 {
        font-size: 20px;
        line-height: 24px
    }

    .h4,
    h4 {
        font-size: 18px;
        line-height: 22px
    }

    .h5,
    h5 {
        font-size: 16px;
        line-height: 20px
    }

    .h6,
    h6 {
        font-size: 14px;
        line-height: 18px
    }

    .blockquote,
    blockquote {
        padding: 0 40px
    }
}

@media all and (max-width:767px) {

    .h1,
    h1 {
        font-size: 30px;
        line-height: 35px
    }

    p {
        font-size: 18px;
        line-height: 28px
    }

    .blockquote,
    blockquote {
        padding: 0;
        font-size: 18px;
        line-height: 28px
    }

    mark {
        font-size: 18px
    }
}

@media all and (max-width:480px) {

    .h1,
    h1 {
        font-size: 28px;
        line-height: 30px
    }

    mark {
        font-size: 16px
    }
}

.v-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 100%;
    min-height: 100%
}

.v-center-container {
    -ms-flex-item-align: center;
    align-self: center
}

.bg {
    background-color: #f2f2f2
}

.gradient {
    background: -o-linear-gradient(135deg, #3101a3 0, #793ffe 100%);
    background: linear-gradient(-45deg, #3101a3 0, #793ffe 100%)
}

.overlay:before {
    content: '';
    top: auto;
    bottom: 0;
    padding-top: 80px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%)
}

.overlay * {
    position: relative;
    z-index: 1
}

.overlay-reverse:before {
    content: '';
    top: 0;
    bottom: auto;
    padding-bottom: 80px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%)
}

.overlay-reverse * {
    position: relative;
    z-index: 1
}

.bg-digi24 {
    position: relative
}

.bg-digi24:before {
    content: '';
    background: url(../img/bg-digi24.jpg) center no-repeat;
    background-size: contain;
    opacity: .1
}

.bg-digi24.bg:before {
    background-size: cover
}

@media all and (max-width:767px) {
    .overlay:before {
        padding-top: 60px
    }

    .overlay-reverse:before {
        padding-bottom: 60px
    }
}

@-webkit-keyframes sticky-animation {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sticky-animation {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes top-menu-animation {
    from {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@keyframes top-menu-animation {
    from {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@-webkit-keyframes blink-animation {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes blink-animation {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes poll-animation {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes poll-animation {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-animation {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slide-animation {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    5% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    39% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    45% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    5% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    39% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    45% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.container {
    max-width: 1220px;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container-fluid {
    max-width: 100%
}

.container-height {
    height: 100%
}

.container-relative {
    position: relative
}

.gutter-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.gutter-0>.flex {
    margin-right: auto;
    margin-left: auto
}

.gutter-0>.flex>.col {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-1 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-2 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-3 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-4 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-5 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-6 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-7 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-8 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-9 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-10 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-11 {
    padding-right: 0;
    padding-left: 0
}

.gutter-0>.flex>.col-12 {
    padding-right: 0;
    padding-left: 0
}

.gutter-container-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.gutter-container-0>.flex {
    margin-right: auto;
    margin-left: auto
}

.gutter-col-0>.flex {
    margin-right: auto;
    margin-left: auto
}

.gutter-col-0>.flex>.col {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-1 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-2 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-3 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-4 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-5 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-6 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-7 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-8 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-9 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-10 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-11 {
    padding-right: 0;
    padding-left: 0
}

.gutter-col-0>.flex>.col-12 {
    padding-right: 0;
    padding-left: 0
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flex-width {
    width: 100%;
    max-width: 100%
}

.flex-height {
    min-height: 100%
}

.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flex-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.flex-content-top {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.flex-content-middle {
    -ms-flex-line-pack: center;
    align-content: center
}

.flex-content-bottom {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.flex-content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.flex-content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.flex-content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.col {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%
}

.col-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.col-middle {
    -ms-flex-item-align: center;
    align-self: center
}

.col-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.col-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.col-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.col-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.col-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.col-start {
    text-align: left
}

.col-center {
    text-align: center
}

.col-end {
    text-align: right
}

.col-1 {
    -ms-flex-preferred-size: 8.333333%;
    flex-basis: 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex-preferred-size: 41.666667%;
    flex-basis: 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex-preferred-size: 58.333333%;
    flex-basis: 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex-preferred-size: 66.666667%;
    flex-basis: 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex-preferred-size: 83.333333%;
    flex-basis: 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex-preferred-size: 91.666667%;
    flex-basis: 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

@media all and (max-width:1220px) {
    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .gutter-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .gutter-lg-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-lg-0>.flex>.col {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-1,
    .gutter-lg-0>.flex>.col-lg-1 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-2,
    .gutter-lg-0>.flex>.col-lg-2 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-3,
    .gutter-lg-0>.flex>.col-lg-3 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-4,
    .gutter-lg-0>.flex>.col-lg-4 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-5,
    .gutter-lg-0>.flex>.col-lg-5 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-6,
    .gutter-lg-0>.flex>.col-lg-6 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-7,
    .gutter-lg-0>.flex>.col-lg-7 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-8,
    .gutter-lg-0>.flex>.col-lg-8 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-9,
    .gutter-lg-0>.flex>.col-lg-9 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-10,
    .gutter-lg-0>.flex>.col-lg-10 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-11,
    .gutter-lg-0>.flex>.col-lg-11 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-lg-0>.flex>.col-12,
    .gutter-lg-0>.flex>.col-lg-12 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-container-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .gutter-container-lg-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-col-lg-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-col-lg-0>.flex>.col {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-1,
    .gutter-col-lg-0>.flex>.col-lg-1 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-2,
    .gutter-col-lg-0>.flex>.col-lg-2 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-3,
    .gutter-col-lg-0>.flex>.col-lg-3 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-4,
    .gutter-col-lg-0>.flex>.col-lg-4 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-5,
    .gutter-col-lg-0>.flex>.col-lg-5 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-6,
    .gutter-col-lg-0>.flex>.col-lg-6 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-7,
    .gutter-col-lg-0>.flex>.col-lg-7 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-8,
    .gutter-col-lg-0>.flex>.col-lg-8 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-9,
    .gutter-col-lg-0>.flex>.col-lg-9 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-10,
    .gutter-col-lg-0>.flex>.col-lg-10 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-11,
    .gutter-col-lg-0>.flex>.col-lg-11 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-lg-0>.flex>.col-12,
    .gutter-col-lg-0>.flex>.col-lg-12 {
        padding-right: 0;
        padding-left: 0
    }

    .flex {
        margin-right: -10px;
        margin-left: -10px
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .col-lg {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .col,
    .col-1 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.333333%;
        flex-basis: 8.333333%;
        max-width: 8.333333%
    }

    .col,
    .col-2 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%
    }

    .col,
    .col-3 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col,
    .col-4 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        max-width: 33.333333%
    }

    .col,
    .col-5 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.666667%;
        flex-basis: 41.666667%;
        max-width: 41.666667%
    }

    .col,
    .col-6 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col,
    .col-7 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.333333%;
        flex-basis: 58.333333%;
        max-width: 58.333333%
    }

    .col,
    .col-8 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.666667%;
        flex-basis: 66.666667%;
        max-width: 66.666667%
    }

    .col,
    .col-9 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col,
    .col-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.333333%;
        flex-basis: 83.333333%;
        max-width: 83.333333%
    }

    .col,
    .col-11 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.666667%;
        flex-basis: 91.666667%;
        max-width: 91.666667%
    }

    .col,
    .col-12 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .flex-height-lg {
        min-height: 100%
    }

    .flex-inline-lg {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-reverse-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .flex-column-lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column-reverse-lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .flex-nowrap-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .flex-start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .flex-center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .flex-end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .flex-between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .flex-around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .flex-top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flex-middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flex-bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .flex-stretch-lg {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .flex-baseline-lg {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .flex-content-top-lg {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .flex-content-middle-lg {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .flex-content-bottom-lg {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .flex-content-stretch-lg {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .flex-content-between-lg {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .flex-content-around-lg {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .col-top-lg {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-middle-lg {
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-bottom-lg {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .col-stretch-lg {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .col-baseline-lg {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .col-first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .col-last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .col-start-lg {
        text-align: left
    }

    .col-center-lg {
        text-align: center
    }

    .col-end-lg {
        text-align: right
    }
}

@media all and (max-width:1024px) {
    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .gutter-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .gutter-md-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-md-0>.flex>.col {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-1,
    .gutter-md-0>.flex>.col-md-1 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-2,
    .gutter-md-0>.flex>.col-md-2 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-3,
    .gutter-md-0>.flex>.col-md-3 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-4,
    .gutter-md-0>.flex>.col-md-4 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-5,
    .gutter-md-0>.flex>.col-md-5 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-6,
    .gutter-md-0>.flex>.col-md-6 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-7,
    .gutter-md-0>.flex>.col-md-7 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-8,
    .gutter-md-0>.flex>.col-md-8 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-9,
    .gutter-md-0>.flex>.col-md-9 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-10,
    .gutter-md-0>.flex>.col-md-10 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-11,
    .gutter-md-0>.flex>.col-md-11 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-md-0>.flex>.col-12,
    .gutter-md-0>.flex>.col-md-12 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-container-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .gutter-container-md-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-col-md-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-col-md-0>.flex>.col {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-1,
    .gutter-col-md-0>.flex>.col-md-1 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-2,
    .gutter-col-md-0>.flex>.col-md-2 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-3,
    .gutter-col-md-0>.flex>.col-md-3 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-4,
    .gutter-col-md-0>.flex>.col-md-4 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-5,
    .gutter-col-md-0>.flex>.col-md-5 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-6,
    .gutter-col-md-0>.flex>.col-md-6 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-7,
    .gutter-col-md-0>.flex>.col-md-7 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-8,
    .gutter-col-md-0>.flex>.col-md-8 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-9,
    .gutter-col-md-0>.flex>.col-md-9 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-10,
    .gutter-col-md-0>.flex>.col-md-10 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-11,
    .gutter-col-md-0>.flex>.col-md-11 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-md-0>.flex>.col-12,
    .gutter-col-md-0>.flex>.col-md-12 {
        padding-right: 0;
        padding-left: 0
    }

    .flex {
        margin-right: -10px;
        margin-left: -10px
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .col-md {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .col,
    .col-1 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.333333%;
        flex-basis: 8.333333%;
        max-width: 8.333333%
    }

    .col,
    .col-2 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%
    }

    .col,
    .col-3 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col,
    .col-4 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        max-width: 33.333333%
    }

    .col,
    .col-5 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.666667%;
        flex-basis: 41.666667%;
        max-width: 41.666667%
    }

    .col,
    .col-6 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col,
    .col-7 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.333333%;
        flex-basis: 58.333333%;
        max-width: 58.333333%
    }

    .col,
    .col-8 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.666667%;
        flex-basis: 66.666667%;
        max-width: 66.666667%
    }

    .col,
    .col-9 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col,
    .col-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.333333%;
        flex-basis: 83.333333%;
        max-width: 83.333333%
    }

    .col,
    .col-11 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.666667%;
        flex-basis: 91.666667%;
        max-width: 91.666667%
    }

    .col,
    .col-12 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .flex-height-md {
        min-height: 100%
    }

    .flex-inline-md {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-reverse-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .flex-column-md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column-reverse-md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .flex-nowrap-md {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .flex-start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .flex-center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .flex-end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .flex-between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .flex-around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .flex-top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flex-middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flex-bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .flex-stretch-md {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .flex-baseline-md {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .flex-content-top-md {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .flex-content-middle-md {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .flex-content-bottom-md {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .flex-content-stretch-md {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .flex-content-between-md {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .flex-content-around-md {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .col-top-md {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-middle-md {
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-bottom-md {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .col-stretch-md {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .col-baseline-md {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .col-first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .col-last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .col-start-md {
        text-align: left
    }

    .col-center-md {
        text-align: center
    }

    .col-end-md {
        text-align: right
    }
}

@media all and (max-width:767px) {
    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .gutter-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .gutter-sm-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-sm-0>.flex>.col {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-1,
    .gutter-sm-0>.flex>.col-sm-1 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-2,
    .gutter-sm-0>.flex>.col-sm-2 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-3,
    .gutter-sm-0>.flex>.col-sm-3 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-4,
    .gutter-sm-0>.flex>.col-sm-4 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-5,
    .gutter-sm-0>.flex>.col-sm-5 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-6,
    .gutter-sm-0>.flex>.col-sm-6 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-7,
    .gutter-sm-0>.flex>.col-sm-7 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-8,
    .gutter-sm-0>.flex>.col-sm-8 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-9,
    .gutter-sm-0>.flex>.col-sm-9 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-10,
    .gutter-sm-0>.flex>.col-sm-10 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-11,
    .gutter-sm-0>.flex>.col-sm-11 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-sm-0>.flex>.col-12,
    .gutter-sm-0>.flex>.col-sm-12 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-container-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .gutter-container-sm-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-col-sm-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-col-sm-0>.flex>.col {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-1,
    .gutter-col-sm-0>.flex>.col-sm-1 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-2,
    .gutter-col-sm-0>.flex>.col-sm-2 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-3,
    .gutter-col-sm-0>.flex>.col-sm-3 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-4,
    .gutter-col-sm-0>.flex>.col-sm-4 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-5,
    .gutter-col-sm-0>.flex>.col-sm-5 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-6,
    .gutter-col-sm-0>.flex>.col-sm-6 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-7,
    .gutter-col-sm-0>.flex>.col-sm-7 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-8,
    .gutter-col-sm-0>.flex>.col-sm-8 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-9,
    .gutter-col-sm-0>.flex>.col-sm-9 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-10,
    .gutter-col-sm-0>.flex>.col-sm-10 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-11,
    .gutter-col-sm-0>.flex>.col-sm-11 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-sm-0>.flex>.col-12,
    .gutter-col-sm-0>.flex>.col-sm-12 {
        padding-right: 0;
        padding-left: 0
    }

    .flex {
        margin-right: -10px;
        margin-left: -10px
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .col-sm {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .col,
    .col-1 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.333333%;
        flex-basis: 8.333333%;
        max-width: 8.333333%
    }

    .col,
    .col-2 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%
    }

    .col,
    .col-3 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col,
    .col-4 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        max-width: 33.333333%
    }

    .col,
    .col-5 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.666667%;
        flex-basis: 41.666667%;
        max-width: 41.666667%
    }

    .col,
    .col-6 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col,
    .col-7 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.333333%;
        flex-basis: 58.333333%;
        max-width: 58.333333%
    }

    .col,
    .col-8 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.666667%;
        flex-basis: 66.666667%;
        max-width: 66.666667%
    }

    .col,
    .col-9 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col,
    .col-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.333333%;
        flex-basis: 83.333333%;
        max-width: 83.333333%
    }

    .col,
    .col-11 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.666667%;
        flex-basis: 91.666667%;
        max-width: 91.666667%
    }

    .col,
    .col-12 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .flex-height-sm {
        min-height: 100%
    }

    .flex-inline-sm {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-reverse-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .flex-column-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column-reverse-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .flex-nowrap-sm {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .flex-start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .flex-center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .flex-end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .flex-between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .flex-around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .flex-top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flex-middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flex-bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .flex-stretch-sm {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .flex-baseline-sm {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .flex-content-top-sm {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .flex-content-middle-sm {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .flex-content-bottom-sm {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .flex-content-stretch-sm {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .flex-content-between-sm {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .flex-content-around-sm {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .col-top-sm {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-middle-sm {
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-bottom-sm {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .col-stretch-sm {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .col-baseline-sm {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .col-first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .col-last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .col-start-sm {
        text-align: left
    }

    .col-center-sm {
        text-align: center
    }

    .col-end-sm {
        text-align: right
    }
}

@media all and (max-width:480px) {
    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .gutter-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .gutter-xs-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-xs-0>.flex>.col {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-1,
    .gutter-xs-0>.flex>.col-xs-1 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-2,
    .gutter-xs-0>.flex>.col-xs-2 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-3,
    .gutter-xs-0>.flex>.col-xs-3 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-4,
    .gutter-xs-0>.flex>.col-xs-4 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-5,
    .gutter-xs-0>.flex>.col-xs-5 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-6,
    .gutter-xs-0>.flex>.col-xs-6 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-7,
    .gutter-xs-0>.flex>.col-xs-7 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-8,
    .gutter-xs-0>.flex>.col-xs-8 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-9,
    .gutter-xs-0>.flex>.col-xs-9 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-10,
    .gutter-xs-0>.flex>.col-xs-10 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-11,
    .gutter-xs-0>.flex>.col-xs-11 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-xs-0>.flex>.col-12,
    .gutter-xs-0>.flex>.col-xs-12 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-container-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .gutter-container-xs-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-col-xs-0>.flex {
        margin-right: auto;
        margin-left: auto
    }

    .gutter-col-xs-0>.flex>.col {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-1,
    .gutter-col-xs-0>.flex>.col-xs-1 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-2,
    .gutter-col-xs-0>.flex>.col-xs-2 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-3,
    .gutter-col-xs-0>.flex>.col-xs-3 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-4,
    .gutter-col-xs-0>.flex>.col-xs-4 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-5,
    .gutter-col-xs-0>.flex>.col-xs-5 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-6,
    .gutter-col-xs-0>.flex>.col-xs-6 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-7,
    .gutter-col-xs-0>.flex>.col-xs-7 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-8,
    .gutter-col-xs-0>.flex>.col-xs-8 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-9,
    .gutter-col-xs-0>.flex>.col-xs-9 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-10,
    .gutter-col-xs-0>.flex>.col-xs-10 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-11,
    .gutter-col-xs-0>.flex>.col-xs-11 {
        padding-right: 0;
        padding-left: 0
    }

    .gutter-col-xs-0>.flex>.col-12,
    .gutter-col-xs-0>.flex>.col-xs-12 {
        padding-right: 0;
        padding-left: 0
    }

    .flex {
        margin-right: -10px;
        margin-left: -10px
    }

    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .col-xs {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .col,
    .col-1 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-1 {
        -ms-flex-preferred-size: 8.333333%;
        flex-basis: 8.333333%;
        max-width: 8.333333%
    }

    .col,
    .col-2 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-2 {
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        max-width: 16.666667%
    }

    .col,
    .col-3 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col,
    .col-4 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-4 {
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        max-width: 33.333333%
    }

    .col,
    .col-5 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-5 {
        -ms-flex-preferred-size: 41.666667%;
        flex-basis: 41.666667%;
        max-width: 41.666667%
    }

    .col,
    .col-6 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col,
    .col-7 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-7 {
        -ms-flex-preferred-size: 58.333333%;
        flex-basis: 58.333333%;
        max-width: 58.333333%
    }

    .col,
    .col-8 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-8 {
        -ms-flex-preferred-size: 66.666667%;
        flex-basis: 66.666667%;
        max-width: 66.666667%
    }

    .col,
    .col-9 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col,
    .col-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-10 {
        -ms-flex-preferred-size: 83.333333%;
        flex-basis: 83.333333%;
        max-width: 83.333333%
    }

    .col,
    .col-11 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-11 {
        -ms-flex-preferred-size: 91.666667%;
        flex-basis: 91.666667%;
        max-width: 91.666667%
    }

    .col,
    .col-12 {
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xs-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .flex-height-xs {
        min-height: 100%
    }

    .flex-inline-xs {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-reverse-xs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .flex-column-xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column-reverse-xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .flex-nowrap-xs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .flex-start-xs {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .flex-center-xs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .flex-end-xs {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .flex-between-xs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .flex-around-xs {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .flex-top-xs {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flex-middle-xs {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flex-bottom-xs {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .flex-stretch-xs {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .flex-baseline-xs {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .flex-content-top-xs {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .flex-content-middle-xs {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .flex-content-bottom-xs {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .flex-content-stretch-xs {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .flex-content-between-xs {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .flex-content-around-xs {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .col-top-xs {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .col-middle-xs {
        -ms-flex-item-align: center;
        align-self: center
    }

    .col-bottom-xs {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .col-stretch-xs {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .col-baseline-xs {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .col-first-xs {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .col-last-xs {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .col-start-xs {
        text-align: left
    }

    .col-center-xs {
        text-align: center
    }

    .col-end-xs {
        text-align: right
    }
}

.hide {
    display: none !important
}

@media all and (min-width:1025px) and (max-width:1220px) {
    .hide-lg {
        display: none !important
    }
}

@media all and (min-width:768px) and (max-width:1024px) {
    .hide-md {
        display: none !important
    }
}

@media all and (max-width:767px) {
    .hide-sm {
        display: none !important
    }
}

.form-element {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    min-height: 60px;
    margin-bottom: 20px
}

.form-element input,
.form-element textarea {
    border: 0
}

.form-element input+label,
.form-element textarea+label {
    background: #fff;
    -webkit-transform: translateY(29px);
    -ms-transform: translateY(29px);
    transform: translateY(29px);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    cursor: text
}

.form-element input:invalid,
.form-element textarea:invalid {
    border-bottom: 1px solid #000
}

.form-element input:focus,
.form-element input:valid,
.form-element textarea:focus,
.form-element textarea:valid {
    border-bottom: 1px solid #3101a3
}

.form-element input:focus+label,
.form-element input:valid+label,
.form-element textarea:focus+label,
.form-element textarea:valid+label {
    font-size: 12px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    cursor: pointer
}

.form-element input[type=checkbox]+label,
.form-element input[type=radio]+label {
    font-size: 14px
}

.form-element input[type=checkbox]:focus+label,
.form-element input[type=checkbox]:valid+label,
.form-element input[type=radio]:focus+label,
.form-element input[type=radio]:valid+label {
    font-size: 14px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

[data-error]:after {
    content: attr(data-error);
    display: block;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    color: #f00000;
    font-family: sourcesanspro;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    line-height: 20px
}

label {
    display: block;
    margin: 0;
    color: #181818;
    font-family: sourcesanspro;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    cursor: pointer
}

label:focus,
label:hover {
    color: #3101a3
}


.form-newsletter {
    font-family: zillaslab;
    text-align: center
}

.form-newsletter-title {
    margin: 0;
    text-transform: uppercase
}

.form-newsletter .form-element {
    margin-bottom: 20px;
    text-align: left
}

.form-newsletter .form-element input {
    border-color: #fff;
    background: #181818;
    color: #fff
}

.form-newsletter .form-element input+label {
    background: #181818;
    color: #fff
}

.form-newsletter .form-element input:invalid {
    border-color: #fff
}

.form-newsletter .form-element input:focus,
.form-newsletter .form-element input:valid {
    border-color: #fff
}

.form-newsletter .form-element input:focus+label,
.form-newsletter .form-element input:valid+label {
    color: #fff
}

.form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.form-search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 580px;
    margin: auto;
    border-color: #fff;
    background: 0 0;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    text-transform: none
}

.form-search-input:focus,
.form-search-input:hover {
    border-color: #fff
}

.form-search-site {
    margin: 20px auto
}

.form-search-site-input {
    height: 40px;
    margin-bottom: 20px;
    font-size: 18px;
    font-style: italic;
    text-transform: none
}

.form-search-site-submit {
    padding: 10px 20px;
    white-space: nowrap
}

.form-search-site-submit:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-left: -10px;
    background: url(../fonts/icon.svg) 0 -40px no-repeat;
    background-size: 20px auto
}

.form-search-show {
    margin: 20px auto
}

.form-search-show input {
    display: none
}

.form-search-show label {
    padding: 15px;
    background: #181818;
    color: #fff;
    line-height: 20px;
    text-align: center;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.form-search-show label:focus,
.form-search-show label:hover {
    background: #000;
    color: #fff
}

.form-search-show label:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 -10px;
    background: url(../fonts/icon.svg) 0 -180px no-repeat;
    background-size: 20px auto
}

.form-digivox {
    clear: both;
    margin-bottom: 20px
}

.submit-select {
    margin-bottom: 20px
}

.form-signup #signup-datepicker-container input {
    display: none
}

.form-signup #signup-datepicker-container input:focus+label,
.form-signup #signup-datepicker-container input:valid+label {
    font-size: 16px
}

.form-signup #signup-datepicker-container label {
    border-bottom: 1px solid #000;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    cursor: pointer
}

.form-signup #signup-datepicker-container:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 7px;
    width: 16px;
    height: 16px;
    background: url(../fonts/icon.svg) 0 -432px no-repeat;
    background-size: 16px auto;
    pointer-events: none
}

.form-signup #signup-submit {
    margin-bottom: 10px
}

.form-signup .pika-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
}

.form-signup .pika-label+.pika-label {
    margin-bottom: 10px
}

.form-signup .pika-next,
.form-signup .pika-prev {
    position: absolute;
    bottom: 10px;
    z-index: 9999
}

.form-signup .pika-prev {
    left: 20px
}

.form-signup .pika-next {
    right: 20px
}

.form-signup .pika-select-year {
    background-color: #fff;
    background-position: right 8px center;
    font-family: zillaslab;
    font-weight: 700;
    opacity: 1
}

.form-signin #signin-submit {
    margin: 20px auto
}

.form-forgot #forgot-submit {
    margin-bottom: 20px
}

.form-reset #reset-submit {
    margin-top: 20px
}

.form-password #password-submit {
    margin-top: 20px
}

.form-email #email-submit {
    margin-top: 20px
}

@media all and (max-width:1024px) {
    .form-search-input {
        max-width: none;
        margin-bottom: 0
    }
}

.header {
    position: relative;
    height: 60px;
    -webkit-box-shadow: 0 8px 0 rgba(255, 255, 255, .8);
    box-shadow: 0 8px 0 rgba(255, 255, 255, .8);
    background: #181818;
    z-index: 99
}

.header.active .nav-list-item-link {
    visibility: hidden
}

.header.active .nav-list-item-link.nav-live-trigger,
.header.active .nav-list-item-link.nav-trigger {
    visibility: visible
}

.header.active .nav-menu {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.header-alt {
    position: relative;
    height: 60px;
    -webkit-box-shadow: 0 8px 0 #793ffe;
    box-shadow: 0 8px 0 #793ffe;
    z-index: 98
}

.header-alt .logo {
    margin: auto;
    border-right: 40px solid #fff;
    border-left: 40px solid #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    background: #fff url(../img/digi24-logo.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
    z-index: 1
}

.logo-gif {
    background-image: url(../img/digi24-logo.gif)
}

.nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    white-space: nowrap
}

.nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.nav-list-item {
    margin: 0
}

.nav-list-item:before {
    content: none
}

.nav-list-item-link {
    display: block;
    padding: 20px 10px;
    color: #fff;
    font-family: zillaslab;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.nav-list-item-link:focus,
.nav-list-item-link:hover {
    background: 0 0;
    color: #793ffe
}

.nav-trigger {
    position: relative;
    padding-right: 20px;
    background: 0 0
}

.nav-trigger:before {
    content: '';
    position: absolute;
    right: 0;
    height: 0;
    border: 5px solid transparent;
    -webkit-transform: translateY(75%) rotate(0);
    -ms-transform: translateY(75%) rotate(0);
    transform: translateY(75%) rotate(0);
    z-index: 1;
    border-top-color: #fff
}

.nav-trigger.active:before {
    -webkit-transform: translateY(25%) rotate(180deg);
    -ms-transform: translateY(25%) rotate(180deg);
    transform: translateY(25%) rotate(180deg)
}

.nav-trigger.active:after {
    content: attr(data-title);
    padding: 20px;
    background: #181818;
    line-height: 20px;
    text-align: right
}

.nav-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.user {
    position: relative;
    display: none;
    width: 20px;
    height: 20px;
    margin: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.user:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin: 3px 2px 0;
    background: url(../fonts/icon.svg) 0 -448px no-repeat;
    background-size: 16px auto
}

.user.active {
    background: #fff
}

.user.active:before {
    background-position: 0 -464px
}

.user.active:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 12px;
    width: 8px;
    height: 8px;
    background: url(../fonts/icon.svg) 0 -240px no-repeat;
    background-size: 8px auto
}

.user.active .user-link {
    display: none
}

.user.active .user-link-auth {
    display: block
}

.user.loading {
    border-color: transparent
}

.user.loading:before {
    content: none
}

.user.loading:after {
    padding: 0;
    background: url(../fonts/loading.svg) center no-repeat;
    background-size: 40px auto;
    z-index: 99
}

.user-link-auth {
    display: none
}

.search-trigger {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 10px;
    padding: 0;
    background: url(../fonts/icon.svg) 0 -40px no-repeat;
    background-size: 20px auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.search-trigger:focus,
.search-trigger:hover {
    background: url(../fonts/icon.svg) 0 -40px no-repeat;
    background-size: 20px auto
}

.search-trigger.active {
    background-position: 0 -60px
}

.search {
    position: absolute;
    bottom: -68px;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, .2);
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    -o-transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s
}

.search.active {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.nav-live {
    position: absolute;
    top: 0;
    right: 140px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.nav-live-trigger {
    position: relative;
    padding-right: 30px;
    background: 0 0;
    white-space: nowrap
}

.nav-live-trigger:before {
    content: '';
    position: absolute;
    right: 10px;
    height: 0;
    border: 5px solid transparent;
    -webkit-transform: translateY(75%) rotate(0);
    -ms-transform: translateY(75%) rotate(0);
    transform: translateY(75%) rotate(0);
    z-index: 1;
    border-top-color: currentColor
}

.nav-live-trigger.active {
    background: #fff;
    color: #181818
}

.nav-live-trigger.active:before {
    -webkit-transform: translateY(25%) rotate(180deg);
    -ms-transform: translateY(25%) rotate(180deg);
    transform: translateY(25%) rotate(180deg)
}

.nav-live-trigger.active:focus,
.nav-live-trigger.active:hover {
    color: #181818
}

.nav-live-trigger:focus,
.nav-live-trigger:hover {
    color: #fff
}

.nav-live-list {
    position: absolute;
    right: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    background: #fff;
    white-space: nowrap;
    z-index: 1
}

.nav-live-list.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-live-list-item {
    margin: 0
}

.nav-live-list-item:before {
    content: none
}

.nav-live-list-item-link {
    color: #181818
}

.nav-live-list-item-link:focus,
.nav-live-list-item-link:hover {
    color: #181818
}

.live-link {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: 100%;
    padding: 20px;
    background: -o-linear-gradient(135deg, #3101a3 0, #793ffe 100%);
    background: linear-gradient(-45deg, #3101a3 0, #793ffe 100%);
    color: #fff;
    font-family: sourcesanspro;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.live-link:focus,
.live-link:hover {
    background: -o-linear-gradient(135deg, #3101a3 0, #793ffe 100%);
    background: linear-gradient(-45deg, #3101a3 0, #793ffe 100%);
    color: #fff
}

.live-link:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background: url(../fonts/icon.svg) 0 -320px no-repeat;
    background-size: 20px auto;
    -webkit-animation: heartbeat 1.6s infinite cubic-bezier(.215, .61, .355, 1);
    animation: heartbeat 1.6s infinite cubic-bezier(.215, .61, .355, 1)
}

.nav-menu {
    position: fixed;
    top: 68px;
    left: 0;
    width: 100%;
    min-width: 320px;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    -o-transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    overflow: auto
}

.nav-menu-list {
    margin: 50px auto
}

.nav-menu-list-item {
    margin-top: 0
}

.nav-menu-list-item:first-child {
    display: none
}

.nav-menu-list-item:before {
    content: none
}

.nav-menu-list-item-link {
    display: block;
    color: #fff;
    font-family: zillaslab;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none
}

.nav-submenu-link {
    display: block;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-decoration: none
}

.nav-alt {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.nav-alt-link {
    padding: 15px 0;
    color: #fff;
    font-family: zillaslab;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none
}

.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    height: 40px;
    -webkit-box-shadow: 0 6px 0 rgba(255, 255, 255, .8);
    box-shadow: 0 6px 0 rgba(255, 255, 255, .8);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: sticky-animation .2s forwards;
    animation: sticky-animation .2s forwards
}

.header-sticky .logo {
    width: 60px;
    height: 60px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.header-sticky .nav-list-item-link {
    padding: 10px
}

.header-sticky .nav-trigger {
    padding-right: 20px
}

.header-sticky .nav-trigger.active:after {
    padding: 10px 20px
}

.header-sticky .nav-btn {
    margin: 0
}

.header-sticky .search {
    bottom: -66px
}

.header-sticky .nav-live-trigger {
    padding-right: 30px
}

.header-sticky .live-link {
    padding: 10px 20px
}

.header-sticky .nav-menu {
    top: 46px
}

.header-sticky .nav-menu-list {
    margin: 40px auto
}

.header-sticky .nav-menu-list-item-link {
    font-size: 16px
}

.header-sticky .nav-submenu-link {
    font-size: 14px
}

.header-sticky .nav-alt-link {
    padding: 10px 0;
    font-size: 16px
}

@media all and (max-width:1750px) {
    .nav-live {
        position: relative;
        top: auto;
        right: auto
    }
}

@media all and (max-width:1440px) {
    .live-link {
        position: static
    }
}

@media all and (max-width:1220px) {
    .nav {
        padding: 0
    }

    .nav-list-item-link {
        padding: 20px 5px
    }

    .nav-trigger {
        padding-right: 20px
    }

    .nav-live-trigger {
        padding-right: 20px
    }

    .nav-live-trigger:before {
        right: 5px
    }

    .live-link {
        margin-right: -20px;
        padding: 20px 10px;
        font-size: 16px
    }

    .header-sticky .nav-list-item-link {
        padding: 10px 5px
    }

    .header-sticky .nav-trigger {
        padding-right: 20px
    }

    .header-sticky .nav-live-trigger {
        padding-right: 20px
    }

    .header-sticky .live-link {
        padding: 10px
    }
}

@media all and (max-width:1024px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        min-width: 320px;
        height: 40px;
        -webkit-box-shadow: 0 5px 0 rgba(255, 255, 255, .8);
        box-shadow: 0 5px 0 rgba(255, 255, 255, .8)
    }

    .header.active .search {
        opacity: 1;
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transition: opacity .2s, -webkit-transform 0s;
        transition: opacity .2s, -webkit-transform 0s;
        -o-transition: opacity .2s, transform 0s;
        transition: opacity .2s, transform 0s;
        transition: opacity .2s, transform 0s, -webkit-transform 0s
    }

    .header.active .nav-menu {
        -webkit-transition: opacity .2s, -webkit-transform 0s;
        transition: opacity .2s, -webkit-transform 0s;
        -o-transition: opacity .2s, transform 0s;
        transition: opacity .2s, transform 0s;
        transition: opacity .2s, transform 0s, -webkit-transform 0s;
        -webkit-overflow-scrolling: touch
    }

    .header-alt {
        height: 40px;
        -webkit-box-shadow: 0 5px 0 #793ffe;
        box-shadow: 0 5px 0 #793ffe
    }

    .header-alt .logo {
        border-right: 20px solid #fff;
        border-left: 20px solid #fff
    }

    .logo {
        width: 50px;
        height: 50px;
        margin-right: auto;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    .nav {
        position: static;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-right: -10px
    }

    .nav-list {
        display: none
    }

    .search-trigger {
        display: none
    }

    .search {
        bottom: -65px;
        padding: 0 20px;
        background: #181818;
        -webkit-transition: opacity .2s, -webkit-transform 0s .2s;
        transition: opacity .2s, -webkit-transform 0s .2s;
        -o-transition: opacity .2s, transform 0s .2s;
        transition: opacity .2s, transform 0s .2s;
        transition: opacity .2s, transform 0s .2s, -webkit-transform 0s .2s
    }

    .nav-live {
        position: static;
        margin-right: -10px
    }

    .nav-live-trigger {
        padding: 10px 20px 10px 5px;
        font-size: 13px
    }

    .nav-live-list-item-link {
        padding: 10px 5px;
        font-size: 13px
    }

    .live-link {
        margin: 0 10px;
        padding: 10px;
        font-size: 14px
    }

    .nav-menu {
        top: 105px;
        height: calc(100% - 105px);
        padding: 0 40px;
        background: #181818;
        -webkit-transition: opacity .2s, -webkit-transform 0s .2s;
        transition: opacity .2s, -webkit-transform 0s .2s;
        -o-transition: opacity .2s, transform 0s .2s;
        transition: opacity .2s, transform 0s .2s;
        transition: opacity .2s, transform 0s .2s, -webkit-transform 0s .2s
    }

    .nav-menu-list {
        display: block;
        margin: 20px auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .nav-menu-list.opened {
        -webkit-transform: translateX(calc(-40px - 100%));
        -ms-transform: translateX(calc(-40px - 100%));
        transform: translateX(calc(-40px - 100%))
    }

    .nav-menu-list.opened .nav-menu-list-item {
        height: 0
    }

    .nav-menu-list.opened .nav-menu-list-item.active {
        height: auto;
        -webkit-transform: translateX(calc(40px + 100%));
        -ms-transform: translateX(calc(40px + 100%));
        transform: translateX(calc(40px + 100%))
    }

    .nav-menu-list-item {
        cursor: pointer;
        overflow: hidden
    }

    .nav-menu-list-item:first-child {
        display: block
    }

    .nav-menu-list-item:first-child:before {
        content: none
    }

    .nav-menu-list-item:first-child .nav-menu-list-item-link {
        display: block
    }

    .nav-menu-list-item:before {
        content: '';
        position: absolute;
        top: 15px;
        right: 0;
        display: block;
        width: 20px;
        height: 20px;
        margin: 0;
        background-color: transparent;
        background-image: url(../fonts/icon.svg);
        background-position: 0 -20px;
        background-size: 20px auto
    }

    .nav-menu-list-item-link {
        display: inline-block;
        vertical-align: top;
        padding: 5px 0;
        font-size: 16px
    }

    .nav-menu-list-item.active {
        padding-left: 40px
    }

    .nav-menu-list-item.active:before {
        right: auto;
        left: 0;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .nav-submenu {
        display: none
    }

    .nav-submenu.active {
        display: block
    }

    .nav-submenu-link {
        font-size: 16px
    }

    .nav-alt {
        padding: 20px 0;
        border-top: 1px solid #585858;
        border-bottom: 0
    }

    .nav-alt-link {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 10px 0;
        color: #ccc;
        font-size: 16px;
        text-transform: none
    }

    .nav-alt-link:nth-child(2n) {
        text-align: right
    }

    .nav-btn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0
    }

    .nav-trigger {
        display: block;
        width: 40px;
        height: 40px;
        padding: 0 10px;
        font-size: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .nav-trigger:after,
    .nav-trigger:before {
        content: '';
        position: absolute;
        right: auto;
        left: 10px;
        width: 20px;
        height: 2px;
        padding: 0;
        border: 0;
        background: #fff;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .nav-trigger:before {
        top: 13px;
        -webkit-transition: top .2s .2s linear, -webkit-transform .2s linear;
        transition: top .2s .2s linear, -webkit-transform .2s linear;
        -o-transition: transform .2s linear, top .2s .2s linear;
        transition: transform .2s linear, top .2s .2s linear;
        transition: transform .2s linear, top .2s .2s linear, -webkit-transform .2s linear
    }

    .nav-trigger:after {
        top: auto;
        bottom: 13px;
        -webkit-transition: bottom .2s .2s linear, -webkit-transform .2s linear;
        transition: bottom .2s .2s linear, -webkit-transform .2s linear;
        -o-transition: transform .2s linear, bottom .2s .2s linear;
        transition: transform .2s linear, bottom .2s .2s linear;
        transition: transform .2s linear, bottom .2s .2s linear, -webkit-transform .2s linear
    }

    .nav-trigger span {
        display: block;
        width: 20px;
        height: 2px;
        margin: 19px auto;
        background: #fff;
        opacity: 1;
        -webkit-transition: opacity 0s .2s linear;
        -o-transition: opacity 0s .2s linear;
        transition: opacity 0s .2s linear
    }

    .nav-trigger:focus,
    .nav-trigger:hover {
        background: 0 0;
        color: transparent
    }

    .nav-trigger:focus span,
    .nav-trigger:focus:after,
    .nav-trigger:focus:before,
    .nav-trigger:hover span,
    .nav-trigger:hover:after,
    .nav-trigger:hover:before {
        background: #fff
    }

    .nav-trigger.active:before {
        top: 19px;
        left: 10px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: top .2s linear, -webkit-transform .2s .2s linear;
        transition: top .2s linear, -webkit-transform .2s .2s linear;
        -o-transition: transform .2s .2s linear, top .2s linear;
        transition: transform .2s .2s linear, top .2s linear;
        transition: transform .2s .2s linear, top .2s linear, -webkit-transform .2s .2s linear
    }

    .nav-trigger.active:after {
        content: '';
        top: auto;
        bottom: 19px;
        left: 10px;
        width: 20px;
        height: 2px;
        padding: 0;
        background: #fff;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: bottom .2s linear, -webkit-transform .2s .2s linear;
        transition: bottom .2s linear, -webkit-transform .2s .2s linear;
        -o-transition: transform .2s .2s linear, bottom .2s linear;
        transition: transform .2s .2s linear, bottom .2s linear;
        transition: transform .2s .2s linear, bottom .2s linear, -webkit-transform .2s .2s linear
    }

    .nav-trigger.active span {
        opacity: 0;
        -webkit-transition: opacity 0s .2s linear;
        -o-transition: opacity 0s .2s linear;
        transition: opacity 0s .2s linear
    }

    .header-sticky {
        height: 40px;
        -webkit-box-shadow: 0 5px 0 rgba(255, 255, 255, .8);
        box-shadow: 0 5px 0 rgba(255, 255, 255, .8);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-animation: none;
        animation: none
    }

    .header-sticky .logo {
        width: 50px;
        height: 50px;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    .header-sticky .nav-list-item-link {
        padding: 0 10px
    }

    .header-sticky .nav-trigger {
        display: block
    }

    .header-sticky .nav-trigger.active:after {
        padding: 0
    }

    .header-sticky .search {
        bottom: -65px
    }

    .header-sticky .nav-live-trigger {
        padding: 10px 20px 10px 5px
    }

    .header-sticky .nav-live-list-item-link {
        padding: 10px 5px
    }

    .header-sticky .live-link {
        padding: 10px;
        font-size: 14px
    }

    .header-sticky .nav-menu {
        top: 105px;
        height: calc(100% - 105px)
    }

    .header-sticky .nav-menu-list {
        margin: 20px auto
    }

    .header-sticky .nav-submenu-link {
        font-size: 16px
    }

    .header-sticky .nav-alt-link {
        font-size: 16px
    }
}

.footer {
    position: relative;
    background: #181818;
    color: #fff;
    font-family: sourcesanspro;
    font-weight: 600;
    z-index: 2
}

.footer .btn-alt {
    margin-bottom: 20px;
    border-color: #fff;
    color: #fff
}

.footer-alt {
    position: relative;
    background: #181818;
    color: #fff
}

.footer-alt .footer-top {
    padding: 20px 0
}

.footer-top {
    padding: 40px 0
}

.footer-weather {
    font-size: 0
}

.footer-weather svg {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: .5px
}

.footer-weather figcaption {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    font-size: 18px;
    font-style: normal;
    line-height: 36px
}

.footer-social {
    font-size: 0;
    text-align: right
}

.footer-social-link {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    margin: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    -webkit-transition: border .2s, color .2s;
    -o-transition: border .2s, color .2s;
    transition: border .2s, color .2s
}

.footer-social-link svg {
    width: 1em;
    height: 1em;
    margin: .4375em;
    fill: currentColor
}

.footer-social-link:focus,
.footer-social-link:hover {
    border-color: #793ffe
}

.footer-network {
    padding: 40px 0 20px;
    background: #585858
}

.footer-network-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-network-nav-link {
    max-width: 100px;
    margin-bottom: 20px;
    padding: 0 10px;
    background: 0 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-filter .2s;
    transition: -webkit-filter .2s;
    -o-transition: filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.footer-network-nav-link:focus,
.footer-network-nav-link:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.footer-network-nav-link img {
    max-height: 32px;
    margin: auto
}

.footer-bottom {
    padding: 40px 0;
    text-align: center
}

.footer-bottom-link {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px !important;
    color: #fff;
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none
}

.footer-bottom-nav {
    margin-top: 20px
}

.footer-bottom-nav-list {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 0
}

.footer-bottom-nav-list-item {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.footer-bottom-nav-list-item:before {
    width: auto;
    height: auto;
    margin: 0 20px;
    background: 0 0
}

.footer-bottom-nav-list-item-link {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

.footer-bottom small {
    display: block
}

@media all and (max-width:1024px) {
    .footer-weather {
        margin-bottom: 20px;
        text-align: center
    }

    .footer-social {
        margin: 0 -20px;
        text-align: center
    }

    .footer-network-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media all and (max-width:767px) {
    .footer-weather svg {
        display: block;
        margin: auto
    }

    .footer-weather figcaption {
        display: block;
        text-align: center
    }

    .footer-bottom-nav-list {
        display: block;
        padding: 10px 0
    }

    .footer-bottom-nav-list-item {
        display: block;
        margin-top: 10px;
        text-align: center
    }

    .footer-bottom-nav-list-item:before {
        content: none
    }

    .footer-bottom-nav-list-item:first-child {
        margin-top: 0
    }
}

.article-container {
    padding: 0 20px
}

.article {
    position: relative;
    margin-bottom: 20px
}

.article-lg .article-intro {
    font-size: 18px;
    line-height: 22px
}

.article-alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-alt .article-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-width: 50%;
    margin: 0
}

.article-alt .article-thumb+.article-content {
    padding-left: 20px;
    overflow: hidden;
    overflow-wrap: break-word
}

.article-alt .article-thumb.video-article-thumb-player {
    -ms-flex-preferred-size: 380px;
    flex-basis: 380px
}

.article-alt .article-content {
    -ms-flex-item-align: center;
    align-self: center
}

.article-alt .article-content :last-child {
    margin-bottom: 0
}

.article-alt .article-title {
    margin-bottom: 10px
}

.article-alt .article-intro {
    margin-bottom: 10px
}

.article-alt-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article-alt-reverse .article-thumb+.article-content {
    padding-right: 20px;
    padding-left: 0
}

.article-alt-sm {
    padding: 20px 0
}

.article-alt-sm .article-thumb {
    width: 273px
}

.article-alt.bg .article-thumb {
    width: 273px
}

.article-alt.brdr:last-of-type {
    margin-bottom: 20px
}

.article-alt.brdr:last-of-type:after {
    content: none
}

.article-headline {
    padding-top: 20px;
    border-top: 1px solid #ccc
}

.article-breaking {
    max-width: 1920px;
    margin: auto;
    margin-top: -60px;
    margin-bottom: 40px;
    overflow: hidden;
    z-index: 1
}

.article-breaking .article-content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 40px
}

.article-breaking .article-thumb {
    margin: 0
}

.article-breaking .article-tag {
    position: absolute;
    left: -20px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    padding: 15px 20px;
    background: #cd3c00;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    font-style: italic;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.article-breaking .article-tag:before {
    position: absolute;
    top: 0;
    right: 100%;
    display: block;
    width: calc((100vw - 1220px)/ 2 - 100%);
    height: 100%;
    margin: 0;
    background: #cd3c00
}

.article-breaking .article-title {
    position: relative;
    margin: 0;
    color: #fff;
    font-size: 48px;
    line-height: 50px;
    z-index: 1
}

.article-breaking .article-link {
    z-index: 1
}

.article-breaking.article-alert .article-tag {
    background: #f23b79
}

.article-breaking.article-alert .article-tag:before {
    background: #f23b79
}

.article-show {
    margin-bottom: 40px;
    text-align: center
}

.article-show .article-title {
    margin-bottom: 5px
}

.article-show .article-intro {
    font-weight: 700;
    font-style: italic
}

.article-show.article-alt {
    margin-bottom: 20px;
    text-align: left
}

.article-show.article-alt .article-content {
    width: 100%
}

.article-show.article-alt .article-content .list {
    margin: 0
}

.article-story {
    position: static;
    margin-bottom: 40px
}

.article-story h1,
.article-story h2,
.article-story h3,
.article-story h4,
.article-story h5,
.article-story h6,
.article-story p {
    overflow-wrap: break-word
}

.article-story img {
    margin-bottom: 20px
}

.article-story iframe {
    min-width: auto !important;
    max-width: 100% !important
}

.article-story .article-thumb {
    margin-bottom: 20px
}

.article-story .article-thumb img {
    margin: 0
}

.article-story .col-10 .article-thumb {
    margin-right: -8.333333%;
    margin-left: -8.333333%
}

.article-story .col-10 .swiper-widget-article .article-thumb {
    margin-right: auto;
    margin-left: auto
}

.article-story .article .article-thumb {
    margin-bottom: 10px
}

.article-story>.container,
.container .article-story {
    position: relative
}

.article-blog .blockquote,
.article-blog blockquote {
    padding: 20px 80px;
    font-weight: 400
}

.article-blog .blockquote:before,
.article-blog blockquote:before {
    width: 64px;
    height: 64px;
    background: url(../fonts/icon.svg) 0 -2048px no-repeat;
    background-size: 64px auto;
    opacity: .8;
    -webkit-transform: translate(-70px, -20px);
    -ms-transform: translate(-70px, -20px);
    transform: translate(-70px, -20px)
}

.article-blog .blockquote:after,
.article-blog blockquote:after {
    content: '';
    background: #e1effa;
    z-index: -2
}

.article-blog .blockquote :last-child,
.article-blog blockquote :last-child {
    margin-bottom: 0
}

.article-blog .blockquote cite,
.article-blog blockquote cite {
    display: block;
    color: #d25400;
    text-align: right
}

.article-podcast {
    height: calc(100% - 20px);
    background: #f7cd45;
    text-align: center
}

.article-podcast-alt {
    background: #2a2e37;
    text-align: left
}

.article-podcast-alt .article-title {
    color: #fff
}

.article-podcast-sm {
    max-width: 280px;
    margin: 0 auto 20px
}

.article-podcast .article-thumb {
    margin: auto
}

.article-podcast .article-content {
    padding: 20px
}

.article-podcast .article-content>:last-child {
    margin-bottom: 0
}

.article-podcast .article-intro {
    text-align: left
}

.article.bg {
    padding: 20px
}

.article.bg .article-intro,
.article.bg .article-thumb {
    margin-bottom: 0
}

.article.brdr {
    margin-bottom: 40px
}

.article.brdr:after {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%
}

.article.brdr .article-date,
.article.brdr .social {
    margin-bottom: 0
}

.article-thumb {
    position: relative;
    margin-bottom: 10px
}

.article-thumb-overlay:before {
    content: '';
    background: rgba(0, 0, 0, .5);
    pointer-events: none
}

.article-thumb-gallery:before,
.article-thumb-video:before {
    content: '';
    background: rgba(0, 0, 0, .5);
    pointer-events: none
}

.article-thumb-gallery:after,
.article-thumb-video:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    background-image: url(../fonts/icon.svg);
    background-repeat: no-repeat;
    background-size: 40px auto;
    pointer-events: none
}

.article-thumb-gallery figcaption,
.article-thumb-video figcaption {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.article-thumb-gallery figcaption.article-caption,
.article-thumb-video figcaption.article-caption {
    float: none;
    margin: 0
}

.article-thumb-gallery figcaption.caption-tag-alt,
.article-thumb-video figcaption.caption-tag-alt {
    float: none;
    width: 30px;
    margin: 0
}

.article-thumb-gallery .article-link,
.article-thumb-video .article-link {
    z-index: 1
}

.article-thumb-gallery .read-more-cta,
.article-thumb-video .read-more-cta {
    bottom: 20px
}

.article-thumb-video:after {
    background-position: 0 -640px
}

.article-thumb-gallery:after {
    background-position: 0 -560px
}

.article-thumb-gallery-alt:after {
    content: none
}

.article-thumb-podcast:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    background: #f7cd45;
    pointer-events: none
}

.article-thumb-podcast:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left: 14px solid #fff;
    -webkit-transform: translate(-25%, -50%);
    -ms-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%);
    pointer-events: none
}

.article-thumb a {
    color: inherit;
    text-decoration: none
}

.article-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 10px;
    color: #fff;
    font-family: zillaslab;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    text-align: center
}

.article-caption-title {
    margin: 0;
    padding: 0 90px 20px;
    font-size: 36px;
    line-height: 40px;
    text-align: left
}

.article-caption .article-title {
    text-transform: uppercase
}

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

.article-title a {
    color: inherit;
    text-decoration: none
}

.article-subtitle {
    display: block;
    font-family: sourcesanspro;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px
}

.article-subtitle a {
    color: inherit;
    text-decoration: none
}

.article-intro {
    color: #585858;
    font-family: sourcesanspro;
    font-size: 16px;
    line-height: 20px
}

.article-intro a {
    color: inherit;
    text-decoration: none
}

.article-tag {
    position: relative;
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-family: sourcesanspro;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 1
}

.article-tag:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 5px;
    height: 10px;
    margin: 5px;
    margin-left: 0;
    background: #793ffe
}

.article-tag-cross:before {
    content: none
}

.article-tag-cross a {
    color: inherit;
    text-decoration: none
}

.article-date {
    font-family: sourcesanspro;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px
}

.article-author {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.author-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: hidden
}

.author-thumb img {
    margin: 0
}

.author-thumb+.author-meta {
    padding-left: 20px
}

.author-meta {
    color: #3101a3;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.author-meta a {
    text-decoration: none
}

.author-meta span {
    display: block;
    color: #000;
    font-family: sourcesanspro;
    font-weight: 600
}

.author-blog .author-meta {
    color: #181818;
    font-family: sourcesanspro;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.author-blog .author-meta span {
    color: #181818;
    font-weight: 400
}

.author-blog .author-meta-name {
    color: #181818
}

.author-blog .author-meta-type {
    color: #d25400
}

.author-blog .author-meta-description {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px
}

.article-blog .author-blog {
    padding: 20px;
    background: #e1effa
}

.article-blog .author-blog .author-thumb {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.article-blog .author-blog .author-meta {
    font-size: 16px;
    line-height: 25px
}

.article-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    color: #585858;
    font-family: sourcesanspro;
    font-weight: 700;
    line-height: 30px
}

.article-meta-time {
    font-size: 14px
}

.article-meta-time:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 7px;
    margin-left: 0;
    background: url(../fonts/icon.svg) 0 -416px no-repeat;
    background-size: 16px auto
}

.article-meta-date {
    font-size: 14px
}

.article-meta~.social {
    margin-bottom: 40px
}

@media all and (max-width:1600px) {
    .article-breaking .article-tag {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    .article-breaking .article-tag:before {
        width: calc((100vw - 1220px)/ 2)
    }
}

@media all and (max-width:1220px) {
    .article-breaking .article-tag:before {
        content: none
    }
}

@media all and (max-width:1024px) {
    .article-lg .article-intro {
        font-size: 16px;
        line-height: 20px
    }

    .article-breaking {
        margin-top: -40px;
        margin-bottom: 20px
    }

    .article-breaking .article-content {
        padding-bottom: 20px
    }

    .article-breaking .article-thumb {
        height: 380px;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }

    .article-breaking .article-thumb img {
        width: auto;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .article-breaking .article-tag {
        padding: 10px 20px;
        font-size: 16px;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    .article-breaking .article-title {
        font-size: 36px;
        line-height: 40px
    }

    .article-caption-title {
        padding: 0 20px 10px;
        font-size: 30px;
        line-height: 35px
    }
}

@media all and (max-width:767px) {
    .article-container {
        padding: 0 10px
    }

    .article-lg .article-thumb {
        margin-right: -20px;
        margin-left: -20px
    }

    .article-alt-sm {
        padding: 0
    }

    .article-alt-sm .article-thumb {
        width: auto
    }

    .article-alt.bg .article-thumb {
        width: auto
    }

    .article-breaking .article-tag {
        padding: 5px 20px
    }

    .article-breaking .article-title {
        font-size: 30px;
        line-height: 35px
    }

    .article-story h1~.article-thumb {
        margin-right: -20px;
        margin-left: -20px
    }

    .article-story h1~.article-thumb figcaption {
        margin-right: 20px;
        margin-left: 20px
    }

    .article-story .col-10 .article-thumb {
        margin-right: auto;
        margin-left: auto
    }

    .article-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .article-wrap .article-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: 50%;
        margin: 0
    }

    .article-wrap .article-thumb+.article-content {
        padding-left: 20px
    }

    .article-wrap .article-content {
        -ms-flex-item-align: center;
        align-self: center
    }

    .article-wrap .article-content :last-child {
        margin-bottom: 0
    }

    .article-wrap .article-title {
        margin-bottom: 10px
    }

    .article-wrap .article-intro {
        margin-bottom: 10px
    }

    .article-wrap-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .article-wrap-reverse .article-thumb+.article-content {
        padding-right: 20px;
        padding-left: 0
    }

    .article-wrap-sm {
        padding: 20px 0
    }

    .article-wrap-sm .article-thumb {
        width: 273px
    }

    .article-wrap.bg .article-thumb {
        width: 273px
    }

    .article-wrap.brdr:last-of-type {
        margin-bottom: 20px
    }

    .article-wrap.brdr:last-of-type:after {
        content: none
    }

    .article.bg {
        margin-right: -20px;
        margin-left: -20px
    }

    .article-thumb-gallery figcaption.article-caption,
    .article-thumb-video figcaption.article-caption {
        float: left;
        margin-top: 5px
    }

    .article-caption {
        position: static;
        float: left;
        padding: 0 0 20px;
        color: #000;
        font-size: 16px;
        line-height: 20px
    }

    .article-caption-title {
        padding: 20px 0;
        font-size: 24px;
        line-height: 30px
    }

    .article-caption-title.overlay:before {
        content: none
    }

    .article-intro {
        font-size: 14px
    }
}

@media all and (max-width:480px) {
    .article-alt {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article-alt .article-thumb {
        max-width: 100%;
        margin: 0;
        margin-bottom: 10px
    }

    .article-alt .article-thumb+.article-content {
        padding: 0
    }

    .article-alt.article-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .article-alt.article-nowrap .article-thumb {
        margin: 0
    }

    .article-alt.article-nowrap .article-thumb+.article-content {
        padding-left: 20px
    }

    .article-alt.bg .article-thumb {
        margin-bottom: 10px
    }

    .article-alt-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .article-alt-reverse .article-thumb {
        max-width: 120px;
        margin: 0
    }

    .article-alt-reverse .article-thumb+.article-content {
        padding-left: 20px
    }

    .article-alt-reverse .article-thumb+.article-content .article-title {
        font-size: 16px;
        line-height: 20px
    }

    .article-breaking .article-thumb {
        height: 300px
    }

    .article-breaking .article-title {
        font-size: 24px;
        line-height: 30px
    }

    .article-show {
        margin-bottom: 20px
    }

    .article-show .article-thumb img {
        margin: auto
    }

    .article-blog .blockquote,
    .article-blog blockquote {
        padding: 20px
    }

    .article-blog .blockquote:before,
    .article-blog blockquote:before {
        -webkit-transform: translate(-40px, -40px);
        -ms-transform: translate(-40px, -40px);
        transform: translate(-40px, -40px)
    }

    .article.brdr .social {
        margin-top: 20px
    }

    .article-thumb-gallery .read-more-cta,
    .article-thumb-video .read-more-cta {
        bottom: 0
    }

    .author-thumb {
        width: 50px;
        height: 50px
    }
}

.article .article_text ol,
.article .article_text ul {
    margin-bottom: 20px;
    color: #181818;
    font-family: sourcesanspro;
    font-size: 16px;
    line-height: 1.5
}

.article .article_text ol li,
.article .article_text ul li {
    position: relative;
    display: block;
    margin-top: 5px
}

.article .article_text ol li:before,
.article .article_text ul li:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: .5em;
    height: .5em;
    margin: .5em 0;
    margin-right: .5em;
    background: #3101a3
}

ol li:first-child,
ul li:first-child {
    margin-top: 0
}

ol li ol,
ol li ul,
ul li ol,
ul li ul {
    margin-bottom: 0;
    margin-left: 1em
}

ol li ol li:before,
ol li ul li:before,
ul li ol li:before,
ul li ul li:before {
    border-radius: 50%
}

ol li ol li:first-child,
ol li ul li:first-child,
ul li ol li:first-child,
ul li ul li:first-child {
    margin-top: 5px
}

ol li p,
ul li p {
    display: inline;
    margin: 0;
    font-size: inherit;
    line-height: inherit
}

dl {
    display: block;
    padding: 10px 0;
    color: #181818;
    font-family: sourcesanspro;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: center
}

dl dd,
dl dt {
    margin: 0;
    padding: 0
}

dl dt {
    text-transform: uppercase
}

dl strong {
    font-weight: 900
}

.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 0
}

.list-item {
    position: relative;
    margin: 0;
    padding-right: 30px;
    color: #181818;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase
}

.list-item:last-child {
    padding: 0
}

.list-item:last-child:after {
    content: none
}

.list-item:before {
    content: none
}

.list-item:after {
    content: '\00a0|\00a0';
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: auto;
    margin: 0;
    background: 0 0;
    color: #181818;
    text-align: center
}

.list-item-alt {
    color: #d25400;
    text-transform: none
}

.list-item a {
    color: #181818;
    text-decoration: none
}

.list.bg {
    border: 0
}

.list-alt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 10px;
    padding: 0;
    border: 0
}

.list-alt .list-item {
    padding: 0;
    font-size: 14px
}

.list-alt .list-item:after {
    content: none
}

.dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

.dropdown[data-dropdown-type=autocomplete] .dropdown-selection {
    display: none
}

.dropdown-wrapper-alt .dropdown {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0
}

.dropdown-selection {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background: 0 0;
    color: #181818;
    font-weight: 400;
    text-transform: none;
    cursor: default
}

.dropdown-selection:focus,
.dropdown-selection:hover {
    background: 0 0;
    color: #181818
}

.dropdown-wrapper-alt .dropdown-selection {
    display: none
}

.dropdown-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.dropdown-list-item {
    margin: 0;
    line-height: 20px
}

.dropdown-list-item:before {
    content: none
}

.dropdown-list-item-link {
    display: block;
    padding: 15px 20px;
    color: #181818;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown-list-item-link.active {
    background: #181818;
    color: #fff
}

.dropdown-wrapper-alt .dropdown-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-right: 1px solid #ccc
}

.dropdown.wrap {
    position: relative;
    margin-bottom: 20px;
    overflow: visible;
    z-index: 98
}

.dropdown.wrap[data-dropdown-type=autocomplete] .dropdown-selection {
    display: block
}

.dropdown-wrapper-alt .dropdown.wrap {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.dropdown.wrap:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../fonts/icon.svg) 0 -480px no-repeat;
    background-size: 20px auto;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.dropdown.wrap .dropdown-selection {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
    font-family: zillaslab;
    font-weight: 700;
    text-align: left;
    cursor: pointer
}

.dropdown-wrapper-alt .dropdown.wrap .dropdown-selection {
    display: block
}

.dropdown.wrap .dropdown-list {
    position: absolute;
    top: 50px;
    right: 0;
    display: none;
    min-width: 100%;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    background: #fff
}

.dropdown.wrap .dropdown-list-item {
    display: block
}

.dropdown.wrap .dropdown-list-item-link {
    padding: 10px 20px;
    font-weight: 400;
    text-align: left
}

.dropdown.wrap .dropdown-list-item-link.active {
    background: 0 0;
    color: #181818;
    font-weight: 900
}

.dropdown-wrapper-alt .dropdown.wrap .dropdown-list {
    border-right: 0
}

.dropdown.wrap.active:before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.dropdown.wrap.active .dropdown-list {
    display: block
}

.tags-list {
    margin: 20px auto;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.tags-list-item {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-family: zillaslab;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.tags-list-item:before {
    content: none
}

.tags-list-item:after {
    content: ',';
    display: inline-block;
    vertical-align: top
}

.tags-list-item:first-child:after,
.tags-list-item:last-child:after {
    content: none
}

.tags-list-item:first-child {
    font-weight: 600
}

.bullets-list {
    padding: 20px;
    background: #f2f2f2
}

.bullets-list-item:before {
    width: 1em;
    height: 1em;
    margin: .25em 0;
    margin-right: .5em;
    background: url(../img/digisport.png) center no-repeat;
    background-size: 1em auto
}

.bullets-list-item a {
    color: inherit;
    text-decoration: none
}

@media all and (max-width:767px) {
    .bullets-list {
        margin-right: -20px;
        margin-left: -20px
    }
}

table {
    table-layout: auto;
    width: 100%;
    margin: 0 0 20px;
    border: 0;
    color: #181818;
    text-align: left
}

table tr {
    border-bottom: 1px solid #ccc
}

table tr th {
    padding: 10px;
    border: 0;
    background: #181818;
    color: #fff;
    font-family: zillaslab;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase
}

table tr td {
    padding: 10px;
    border: 0;
    font-family: sourcesanspro;
    font-size: 12px;
    line-height: 15px
}

@media all and (max-width:480px) {
    .table-wrapper {
        margin-right: -20px;
        margin-left: -20px
    }
}

.pagination {
    margin: 40px auto;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    font-size: 0
}

.brdr+.pagination {
    padding: 0;
    border: 0
}

.pagination-link {
    display: inline-block;
    vertical-align: top;
    min-width: 30px;
    height: 30px;
    margin: 0 0 3px 3px;
    background: #f2f2f2;
    color: #000;
    font-family: sourcesanspro;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    text-decoration: none
}

.pagination-link:first-child {
    margin: 0
}

.pagination-link-current {
    background: #3101a3;
    color: #fff;
    font-weight: 700
}

.pagination-link-current:focus,
.pagination-link-current:hover {
    color: #fff;
    cursor: default
}

.pagination-link-status {
    background: 0 0;
    color: #181818
}

.pagination-link-status:focus,
.pagination-link-status:hover {
    color: #181818;
    cursor: default
}

.pagination-link svg {
    width: 10px;
    height: 10px;
    margin: 10px;
    fill: currentColor
}

.pagination-link-first svg,
.pagination-link-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media all and (max-width:480px) {
    .pagination {
        margin: 40px -20px
    }

    .pagination-link {
        min-width: 25px;
        height: 25px;
        margin: 0 0 2px 2px;
        font-size: 14px;
        line-height: 25px
    }

    .pagination-link svg {
        width: 9px;
        height: 9px;
        margin: 8px
    }
}

#gallery-modal,
#modal,
#popup {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-transition: opacity .2s, z-index 0s .2s;
    -o-transition: opacity .2s, z-index 0s .2s;
    transition: opacity .2s, z-index 0s .2s;
    overflow: auto;
    z-index: -99
}

#gallery-modal.active,
#modal.active,
#popup.active {
    opacity: 1;
    -webkit-transition: opacity .2s, z-index 0s;
    -o-transition: opacity .2s, z-index 0s;
    transition: opacity .2s, z-index 0s;
    z-index: 99;
    -webkit-overflow-scrolling: touch
}

#gallery-modal.loading:after,
#modal.loading:after,
#popup.loading:after {
    content: none
}

.noscroll #gallery-modal,
.noscroll #modal,
.noscroll #popup {
    background: 0 0
}

.noscroll #gallery-modal.active {
    background: rgba(0, 0, 0, .8)
}

#modal-box {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: auto;
    padding: 20px;
    background: #fff;
    text-align: center;
    overflow: hidden;
    z-index: 1
}

#modal-close[title=''],
#modal-link[title=''] {
    display: none
}

#modal-close:after,
#modal-link:after {
    content: attr(title)
}

#popup-container {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: auto;
    padding: 20px;
    background: #fff;
    overflow: hidden;
    z-index: 1
}

#popup-content :last-child {
    margin-bottom: 0
}

#popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    background: url(../fonts/icon.svg) 0 -400px no-repeat;
    background-size: 20px auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer
}

.gdpr {
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    min-width: 320px;
    padding: 20px 0;
    -webkit-box-shadow: 0 -4px 0 rgba(255, 255, 255, .8);
    box-shadow: 0 -4px 0 rgba(255, 255, 255, .8);
    background: #181818;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 14px;
    line-height: 20px;
    z-index: 9999
}

.gdpr.active {
    display: block
}

.gdpr-title {
    clear: both;
    margin-bottom: 20px;
    font-family: zillaslab;
    font-size: 16px;
    font-weight: 600
}

.gdpr-subtitle {
    margin-bottom: 20px
}

.gdpr-button {
    float: left;
    min-width: 180px;
    margin-bottom: 20px;
    padding: 10px 20px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

.gdpr-button+.gdpr-button {
    margin-left: 20px
}

.gdpr-button:focus,
.gdpr-button:hover {
    background: #f2f2f2;
    color: #181818
}

.gdpr-link {
    float: left;
    clear: both;
    padding: 0;
    color: #793ffe;
    font-family: zillaslab;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer
}

.gdpr-link:focus,
.gdpr-link:hover {
    color: #793ffe;
    text-decoration: underline
}

.gdpr-close {
    float: right;
    width: 20px;
    height: 20px;
    background: url(../fonts/icon.svg) 0 -60px no-repeat;
    background-size: 20px auto;
    cursor: pointer
}

.gdpr-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-transition: opacity .2s, z-index 0s .2s;
    -o-transition: opacity .2s, z-index 0s .2s;
    transition: opacity .2s, z-index 0s .2s;
    overflow: auto;
    z-index: -9999
}

.gdpr-modal.active {
    opacity: 1;
    -webkit-transition: opacity .2s, z-index 0s;
    -o-transition: opacity .2s, z-index 0s;
    transition: opacity .2s, z-index 0s;
    z-index: 9999;
    -webkit-overflow-scrolling: touch
}

.gdpr-modal-box {
    position: relative;
    max-width: 960px;
    margin: auto;
    padding: 20px;
    background: #181818;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    overflow: hidden
}

.gdpr-modal-box .gdpr-title {
    color: #793ffe;
    font-size: 18px;
    line-height: 25px
}

.gdpr-modal-box .gdpr-subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.gdpr-list input[type=checkbox] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.gdpr-list input[type=checkbox]~label {
    position: static;
    display: block;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    color: #fff;
    font-family: zillaslab;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gdpr-list input[type=checkbox]~label:after,
.gdpr-list input[type=checkbox]~label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 30px;
    margin: 0;
    border: 0;
    border-radius: 30px;
    background: #ff453a;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.gdpr-list input[type=checkbox]~label:after {
    width: 30px;
    height: 30px;
    background: #fff;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    z-index: 1
}

.gdpr-list input[type=checkbox]~label.gdpr-link {
    margin: 0;
    padding: 0;
    color: #793ffe;
    font-family: zillaslab;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
    pointer-events: all
}

.gdpr-list input[type=checkbox]~label.gdpr-link:after,
.gdpr-list input[type=checkbox]~label.gdpr-link:before {
    content: none
}

.gdpr-list input[type=checkbox]:checked~label:before {
    background: #30d158
}

.gdpr-list input[type=checkbox]:checked~label:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.gdpr-list input[type=checkbox]:disabled~label {
    color: #585858;
    pointer-events: none
}

.gdpr-list input[type=checkbox]:disabled~label:before {
    background: #f2f2f2;
    opacity: 0
}

.gdpr-list input[type=checkbox]:disabled~label:after {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.gdpr-list input[type=checkbox]:disabled~label.gdpr-link {
    color: #793ffe;
    pointer-events: all
}

.gdpr-list-item {
    position: relative;
    padding: 0 0 20px 70px
}

.gdpr-list-item-description {
    margin-bottom: 5px;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 14px;
    line-height: 20px
}

.gdpr-list-item-details {
    display: none
}

.gdpr-list-item-details span {
    display: block;
    font-size: 12px;
    line-height: 15px
}

.gdpr-list-item-details label.gdpr-link {
    margin: 5px 0;
    font-size: 14px;
    line-height: 20px;
    text-transform: none
}

.gdpr-list-item-details table {
    margin: 0;
    color: #fff
}

.gdpr-list-item-details table tr:nth-child(2n+1) {
    border-bottom: 0
}

.gdpr-list-item-details table tr th {
    background: #fff;
    color: #181818
}

.gdpr-list-item .gdpr-link {
    display: inline-block;
    vertical-align: top;
    float: none;
    font-size: 12px;
    line-height: 15px
}

.gdpr-list-item-input:checked~.gdpr-link {
    display: none
}

.gdpr-list-item-input:checked~.gdpr-list-item-details {
    display: block
}

@media all and (max-width:767px) {
    .gdpr {
        padding: 10px 0
    }

    .gdpr-title {
        margin-bottom: 10px
    }

    .gdpr-subtitle {
        margin-bottom: 10px
    }

    .gdpr-button {
        clear: both;
        margin-bottom: 10px
    }

    .gdpr-button+.gdpr-button {
        margin-left: 0
    }

    .gdpr-link {
        font-size: 14px
    }

    .gdpr-modal-box {
        padding: 10px 20px
    }

    .gdpr-modal-box .gdpr-title {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 20px
    }

    .gdpr-modal-box .gdpr-subtitle {
        margin-bottom: 20px;
        font-size: 14px
    }

    .gdpr-list input[type=checkbox]~label {
        position: relative;
        padding-left: 50px;
        font-size: 16px;
        line-height: 20px
    }

    .gdpr-list input[type=checkbox]~label:after,
    .gdpr-list input[type=checkbox]~label:before {
        width: 40px;
        height: 20px;
        border-radius: 20px
    }

    .gdpr-list input[type=checkbox]~label:after {
        width: 20px;
        height: 20px
    }

    .gdpr-list-item {
        padding: 0 0 20px
    }
}

.slider {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: auto;
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.slider:before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 44.067796%;
    z-index: -99
}

.slider:after {
    content: '';
    background: #fff url(../fonts/loading.svg) center no-repeat;
    background-size: 100px auto;
    opacity: 1;
    z-index: 12
}

.slider.active:after {
    opacity: 0;
    -webkit-transition: opacity .4s linear, z-index 0s .4s linear;
    -o-transition: opacity .4s linear, z-index 0s .4s linear;
    transition: opacity .4s linear, z-index 0s .4s linear;
    z-index: 8
}

.slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: 8
}

.slide.active {
    z-index: 10
}

.slide.pending {
    z-index: 9
}

.slide.animate {
    -webkit-animation-name: slide-animation;
    animation-name: slide-animation
}

.slider-step {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 20px;
    z-index: 11
}

.slider-step span {
    width: 16px;
    height: 16px;
    margin: 20px 5px;
    border-radius: 50%;
    background: #fff;
    opacity: .5;
    cursor: pointer
}

.slider-step span.active {
    opacity: 1;
    cursor: default
}

.slider-btn {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    padding: 0;
    background: #f2f2f2;
    font-size: 10px;
    opacity: .5;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    z-index: 11
}

.slider-btn:before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    margin: 1em;
    background-image: url(../fonts/icon.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 10px auto
}

.slider-btn:focus,
.slider-btn:hover {
    background: #f2f2f2;
    opacity: 1
}

.slider-btn-prev {
    left: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider-btn-next {
    right: 20px
}

@media all and (max-width:767px) {
    .slider-step span {
        margin: 10px 5px
    }

    .slider-btn-prev {
        left: 0
    }

    .slider-btn-next {
        right: 0
    }
}

@media all and (max-width:480px) {
    .slider-step {
        display: none
    }
}

.map {
    position: relative
}

.map-placeholder {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 70.5%;
    font-family: sourcesanspro;
    overflow: auto;
    z-index: 1
}

.map-placeholder svg {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    pointer-events: auto
}

.map-placeholder svg text {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    pointer-events: none
}

.map-controls {
    position: absolute;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1
}

.map-controls button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px
}

.map-controls button+button {
    margin-top: 5px
}

.map-controls button.map-zoom-in:after {
    content: '\00002b';
    display: block
}

.map-controls button.map-zoom-out:after {
    content: '\002212';
    display: block
}

.map-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 0;
    font-family: sourcesanspro
}

.map-legend-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px;
    font-size: 14px;
    line-height: 20px
}

.map-legend-item span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    border: 1px solid #181818
}

.map-popup {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 60px 20px 20px;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-transition: opacity .2s, z-index 0s .2s;
    -o-transition: opacity .2s, z-index 0s .2s;
    transition: opacity .2s, z-index 0s .2s;
    overflow: auto;
    z-index: -99
}

.map-popup.active {
    opacity: 1;
    -webkit-transition: opacity .2s, z-index 0s;
    -o-transition: opacity .2s, z-index 0s;
    transition: opacity .2s, z-index 0s;
    z-index: 99;
    -webkit-overflow-scrolling: touch
}

.map-popup-container {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: auto;
    padding: 20px;
    background: #fff;
    overflow: hidden;
    z-index: 1
}

.map-popup-content:not(.active) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.map-popup-content:not(.active) .widget-poll-item-votes-graph {
    -webkit-animation: none;
    animation: none
}

.map-popup-content :last-child {
    margin-bottom: 0
}

.map-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    background: url(../fonts/icon.svg) 0 -400px no-repeat;
    background-size: 20px auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer
}

.map-popup-close:focus,
.map-popup-close:hover {
    background: url(../fonts/icon.svg) 0 -400px no-repeat;
    background-size: 20px auto
}

.map-popup-trigger {
    cursor: pointer
}

.map-popup-trigger:focus,
.map-popup-trigger:hover {
    opacity: .8
}

@media all and (max-width:767px) {
    .map {
        margin: 0 -20px
    }
}

.loading:after {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    padding: 20px 0;
    background: url(../fonts/loading.svg) center no-repeat;
    background-size: 100% auto
}

.loading.auth {
    position: relative
}

.loading.auth:after {
    background-color: #f2f2f2;
    background-size: 100px auto;
    z-index: 99
}

.btn,
button {
    padding: 15px 20px;
    background: #181818;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: background .2s, color .2s;
    -o-transition: background .2s, color .2s;
    transition: background .2s, color .2s;
    cursor: pointer
}

.btn:focus,
.btn:hover,
button:focus,
button:hover {
    background: #000;
    color: #fff
}

.btn-fw,
button-fw {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.btn-lg,
button-lg {
    min-width: 180px;
    min-height: 50px;
    font-size: 16px
}

.btn-md,
button-md {
    min-width: 140px;
    min-height: 40px;
    padding: 10px 20px;
    font-size: 14px
}

.btn-sm,
button-sm {
    min-width: 80px;
    min-height: 30px;
    padding: 5px 20px;
    font-size: 12px
}

.btn-alt,
button-alt {
    padding: 14px 19px;
    border: 1px solid #181818;
    background: 0 0;
    color: #181818
}

.btn-alt:focus,
.btn-alt:hover,
button-alt:focus,
button-alt:hover {
    background: #f2f2f2;
    color: #181818
}

.btn-alt.btn-md,
button-alt.btn-md {
    padding: 9px 19px
}

.btn-alt.btn-sm,
button-alt.btn-sm {
    padding: 4px 19px
}

.live-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
    padding: 15px 20px;
    background: -o-linear-gradient(135deg, #3101a3 0, #793ffe 100%);
    background: linear-gradient(-45deg, #3101a3 0, #793ffe 100%);
    color: #fff;
    font-family: sourcesanspro;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none
}

.live-btn:focus,
.live-btn:hover {
    background: -o-linear-gradient(135deg, #3101a3 0, #793ffe 100%);
    background: linear-gradient(-45deg, #3101a3 0, #793ffe 100%);
    color: #fff
}

.live-btn:after {
    content: '';
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background: url(../fonts/icon.svg) 0 -320px no-repeat;
    background-size: 20px auto
}

.live-icon-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    margin: 0 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: -o-linear-gradient(135deg, #3101a3 0, #793ffe 100%);
    background: linear-gradient(-45deg, #3101a3 0, #793ffe 100%);
    color: #fff;
    font-family: sourcesanspro;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none
}

.live-icon-link:focus,
.live-icon-link:hover {
    background: -o-linear-gradient(135deg, #3101a3 0, #793ffe 100%);
    background: linear-gradient(-45deg, #3101a3 0, #793ffe 100%);
    color: #fff
}

.live-icon-link.footer-social-link {
    margin: 10px;
    border: 1px solid #fff;
    background: 0 0;
    line-height: 30px
}

.live-icon-link.footer-social-link:focus,
.live-icon-link.footer-social-link:hover {
    border-color: #793ffe;
    color: #793ffe
}

.read-more {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #3101a3;
    font-family: sourcesanspro;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s;
    cursor: pointer
}

.read-more:focus,
.read-more:hover {
    border-color: #000;
    color: #3101a3
}

.read-more-alt {
    text-align: left
}

.read-more-inline {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    border: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.read-more-inline-alt {
    width: auto;
    margin: 0
}

.read-more-back {
    text-align: left
}

.read-more-back:after {
    float: left;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.read-more:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    margin: 5px;
    background: url(../fonts/icon.svg) 0 0 no-repeat;
    background-size: 10px auto
}

.show-list .read-more {
    margin-bottom: 0
}

.read-more-cta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.read-more-cta .read-more {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-bottom: 10px;
    padding: 10px 40px;
    border-color: #fff;
    background: 0 0;
    color: #fff
}

.read-more-cta .read-more:after {
    background-position: 0 -190px
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -10px 20px
}

.social-icon,
.social-link {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    margin: 0 10px;
    padding: 7px;
    border: 1px solid #000;
    border-radius: 50%;
    background: 0 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 1
}

.social-icon:focus,
.social-icon:hover,
.social-link:focus,
.social-link:hover {
    background: 0 0
}

.social-icon:after,
.social-link:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../fonts/icon.svg);
    background-repeat: no-repeat;
    background-size: 16px auto
}

.social-icon-fb:after,
.social-link-fb:after {
    background-position: 0 -64px
}

.social-icon-tt:after,
.social-link-tt:after {
    background-position: 0 -80px
}

.social-icon-wa:after,
.social-link-wa:after {
    background-position: 0 -112px
}

.social-icon-wad:after,
.social-link-wad:after {
    background-position: 0 -112px
}

.social-icon-in:after,
.social-link-in:after {
    background-position: 0 -368px
}

.social-icon-lk:after,
.social-link-lk:after {
    background-position: 0 -496px
}

.social-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.social-alt {
    position: relative;
    z-index: 1
}

.social-alt .social-icon,
.social-alt .social-link {
    width: 26px;
    height: 26px;
    padding: 6px;
    border-color: #585858
}

.social-alt .social-icon:after,
.social-alt .social-link:after {
    width: 12px;
    height: 12px;
    background-size: 12px auto;
    opacity: .8
}

.social-alt .social-icon-fb:after,
.social-alt .social-link-fb:after {
    background-position: 0 -48px
}

.social-alt .social-icon-tt:after,
.social-alt .social-link-tt:after {
    background-position: 0 -60px
}

.social-alt .social-icon-wa:after,
.social-alt .social-link-wa:after {
    background-position: 0 -84px
}

.social-alt .social-icon-wad:after,
.social-alt .social-link-wad:after {
    background-position: 0 -84px
}

.social-alt .social-icon-in:after,
.social-alt .social-link-in:after {
    background-position: 0 -276px
}

.social-alt .social-icon-lk:after,
.social-alt .social-link-lk:after {
    background-position: 0 -372px
}

.copy-link {
    position: relative;
    overflow: visible
}

.copy-link:before {
    content: attr(data-message);
    position: absolute;
    top: -10px;
    left: 50%;
    display: none;
    width: 80px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    background: #fff;
    color: #181818;
    font-family: sourcesanspro;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.copy-link.active:before {
    display: block;
    -webkit-animation: slide-animation .4s 2s forwards;
    animation: slide-animation .4s 2s forwards
}

.article-update {
    position: sticky;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 0;
    min-height: 0;
    background: #cd3c3c;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: min-height .2s;
    -o-transition: min-height .2s;
    transition: min-height .2s;
    overflow: hidden;
    z-index: 99
}

.article-update:focus,
.article-update:hover {
    color: #fff
}

.article-update.active {
    height: auto;
    min-height: 40px
}

.article-live-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
    background: -o-linear-gradient(135deg, #3101a3 0, #793ffe 100%);
    background: linear-gradient(-45deg, #3101a3 0, #793ffe 100%);
    color: #fff;
    font-family: sourcesanspro;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.article-live-link:focus,
.article-live-link:hover {
    background: -o-linear-gradient(135deg, #3101a3 0, #793ffe 100%);
    background: linear-gradient(-45deg, #3101a3 0, #793ffe 100%);
    color: #fff
}

.article-live-link:after {
    content: '';
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background: url(../fonts/icon.svg) 0 -320px no-repeat;
    background-size: 20px auto;
    -webkit-animation: heartbeat 1.6s infinite cubic-bezier(.215, .61, .355, 1);
    animation: heartbeat 1.6s infinite cubic-bezier(.215, .61, .355, 1)
}

.nav-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px 40px
}

.nav-social-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    margin: 0 10px;
    padding: 7px;
    border: 1px solid #000;
    border-radius: 50%;
    background: 0 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.nav-social-link:focus,
.nav-social-link:hover {
    background: 0 0
}

.nav-social-link:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../fonts/icon.svg);
    background-repeat: no-repeat;
    background-size: 16px auto
}

.nav-social-link-fb:after {
    background-position: 0 -64px
}

.nav-social-link-tt:after {
    background-position: 0 -80px
}

.nav-social-link-in:after {
    background-position: 0 -368px
}

.nav-social-link-ig:after {
    background-position: 0 -96px
}

.nav-social-link-lk:after {
    background-position: 0 -496px
}

@media all and (max-width:480px) {
    .read-more-cta .read-more {
        padding: 10px 20px
    }

    .social-end {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.breadcrumbs {
    margin: 0;
    padding-left: 100px;
    font-size: 14px;
    line-height: 20px;
    -webkit-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    transform: translateY(-45px)
}

.breadcrumbs-item {
    display: inline;
    vertical-align: baseline;
    margin: 0;
    font-family: sourcesanspro;
    font-size: inherit;
    font-style: italic;
    line-height: inherit
}

.breadcrumbs-item:before {
    content: '>';
    display: inline;
    vertical-align: baseline;
    width: auto;
    height: auto;
    margin: 0 10px;
    background: 0 0
}

.breadcrumbs-item:first-child {
    text-transform: uppercase
}

.breadcrumbs-item:first-child:before {
    content: none
}

.breadcrumbs-item-link {
    display: inline;
    vertical-align: baseline;
    color: #181818;
    text-decoration: none
}

.breadcrumbs-item-link:focus,
.breadcrumbs-item-link:hover {
    color: #181818;
    text-decoration: underline
}

@media all and (max-width:1024px) {
    .breadcrumbs {
        padding-left: 70px;
        font-size: 12px;
        -webkit-transform: translateY(-35px);
        -ms-transform: translateY(-35px);
        transform: translateY(-35px)
    }

    .breadcrumbs-item:before {
        margin: 0 5px
    }
}

@media all and (max-width:767px) {
    .breadcrumbs {
        padding-left: 60px
    }
}

.tag {
    position: relative;
    padding: 2px 8px;
    background: #3101a3;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 1
}

.tag:focus,
.tag:hover {
    color: #fff
}

.tag+.article-title {
    margin: 20px 0
}

.title-tag {
    background: #ff2b63;
    color: #fff;
    text-transform: uppercase
}

.title-tag:after,
.title-tag:before {
    content: '\00a0'
}

.title-tag.live-tag:before {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .5em;
    height: .5em;
    margin: 0 .25em;
    border-radius: 50%;
    background: #fff;
    -webkit-animation: blink-animation 1.6s infinite cubic-bezier(.215, .61, .355, 1);
    animation: blink-animation 1.6s infinite cubic-bezier(.215, .61, .355, 1)
}

.title-tag.podcast-tag {
    background: #f7cd45
}

.podcast-tag:not(.title-tag) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: #f7cd45
}

.podcast-tag:not(.title-tag):before {
    content: '';
    border: .2em solid transparent;
    border-left: .3em solid #fff;
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%)
}

.caption-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2px 8px;
    background: #3101a3;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 20px;
    text-transform: uppercase;
    pointer-events: none
}

.caption-tag-alt {
    width: 30px;
    height: 30px;
    padding: 0;
    background: #fff;
    color: #181818;
    font-size: 20px;
    line-height: 30px;
    text-align: center
}

.caption-tag-black {
    background: #000
}

.caption-tag-red {
    background: #f00000
}

.caption-tag-orange {
    background: #f05a23
}

.caption-tag-yellow {
    background: #ffc800
}

.caption-tag-green {
    background: #008642
}

.caption-tag-blue {
    background: #00afff
}

.caption-tag-purple {
    background: #002157
}

.caption-tag-grey {
    background: #333
}

.caption-tag-pink {
    background: #ff2b63
}

.caption-tag-euro {
    background: #009
}

.caption-tag~figcaption {
    float: left;
    margin-bottom: 20px
}

.google-news-tag {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ccc;
    color: #181818
}

.google-news-tag a {
    color: #000
}

.google-news-tag a:focus,
.google-news-tag a:hover {
    color: #181818
}

@media all and (max-width:767px) {
    .tag+.article-title {
        margin: 10px 0
    }
}

@media all and (max-width:480px) {
    .caption-tag {
        padding: 0 8px;
        font-size: 12px
    }

    .caption-tag-alt {
        font-size: 20px
    }
}

.video-player {
    width: 100%;
    max-width: 780px;
    margin-bottom: 20px
}

.video-player-title {
    margin: 20px 0 0
}

.video-player-subtitle {
    display: block;
    margin-bottom: 20px;
    font-family: sourcesanspro;
    font-size: 14px;
    line-height: 20px
}

.video-player p {
    font-size: 18px;
    line-height: 28px
}

.video-player-16-9 {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.jwplayer {
    z-index: 0
}

.jwplayer ul li {
    margin: 0
}

.jwplayer ul li:before {
    content: none
}

.video-player-embed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-player-embed input,
.video-player-embed label {
    height: auto;
    padding: 0 10px;
    border: 1px solid #ccc;
    font-family: zillaslab;
    line-height: 30px;
    text-transform: lowercase
}

.video-player-embed label {
    background: #f2f2f2
}

.video-player-embed input {
    border-left-color: transparent
}

.audio-player {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
    padding: 20px;
    border-radius: 10px;
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 20px
}

.audio-player p {
    font-size: inherit;
    line-height: inherit
}

.audio-player-thumb {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 200px;
    height: 200px;
    margin-right: 20px;
    border-radius: 5px;
    overflow: hidden
}

.audio-player-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    height: 100%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.audio-player-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.audio-player-instance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: auto
}

.audio-player-instance.audio-ad * {
    display: none
}

.audio-player-instance.audio-ad .audio-player-action {
    display: block
}

.audio-player-instance.audio-ad[data-ad-marker]:before {
    content: attr(data-ad-marker);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 auto 0 0;
    padding: 0 10px
}

.audio-player-instance.audio-ad[data-ad-remaining-time]:after {
    content: "Reclama se termină în "attr(data-ad-remaining-time);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.audio-player-action {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background: #f7cd45
}

.audio-player-action:focus,
.audio-player-action:hover {
    background: #f7cd45
}

.audio-player-action:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left: 14px solid #000;
    -webkit-transform: translate(-25%, -50%);
    -ms-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%)
}

.audio-player-action.amplitude-playing:before {
    width: 14px;
    height: 20px;
    border: 0;
    border-right: 4px solid #000;
    border-left: 4px solid #000;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.audio-player-controls {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 10px;
    border-radius: 10px;
    background: #585858;
    overflow: hidden
}

.audio-player-controls input {
    background: inherit
}

.audio-player .amplitude-current-time,
.audio-player .amplitude-duration-time {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50px;
    text-align: center
}

@media all and (max-width:767px) {
    .audio-player {
        margin-right: -20px;
        margin-left: -20px;
        padding-bottom: 90px;
        border-radius: 0
    }

    .audio-player-thumb {
        width: 100px;
        height: 100px
    }

    .audio-player-instance {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px
    }
}

@media all and (max-width:480px) {
    .audio-player {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px
    }

    .audio-player-thumb {
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0 auto 20px
    }

    .audio-player-thumb img {
        position: static;
        max-width: 100%;
        height: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .audio-player-instance {
        position: static;
        padding: 0
    }
}

.ad-wrapper {
    position: relative;
    max-width: 1220px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    z-index: 0
}

.col-10 .ad-wrapper {
    left: 50%;
    width: 780px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ad-container,
.ad-container>div,
.ad-container>img {
    display: inline;
    max-width: none;
    margin: auto;
    text-align: center
}

.ad-container>div>div {
    padding-bottom: 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

main>.ad-wrapper .ad-container>div>div {
    padding-bottom: 40px
}

.ad-branding+.container {
    position: relative;
    z-index: 1
}

.ad-branding .ad-wrapper {
    max-width: 1440px;
    overflow: visible
}

.ad-branding .ad-wrapper .ad-container {
    position: relative;
    left: 50%;
    display: block;
    width: 1440px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ad-branding.ad-screening+.container,
.ad-branding.ad-screening+.section,
.ad-branding.ad-screening+section,
.ad-branding.ad-screening~.article {
    padding-top: 20px;
    background: #fff
}

.economic .ad-branding.ad-screening+.container,
.economic .ad-branding.ad-screening+.section,
.economic .ad-branding.ad-screening+section,
.economic .ad-branding.ad-screening~.article {
    background: #faf9e1
}

.podcast .ad-branding.ad-screening+.container,
.podcast .ad-branding.ad-screening+.section,
.podcast .ad-branding.ad-screening+section,
.podcast .ad-branding.ad-screening~.article {
    background: #2a2e37
}

.ad-branding.ad-screening .ad-wrapper {
    max-width: 1220px;
    overflow: hidden
}

.ad-branding.ad-screening .ad-wrapper .ad-container {
    left: 0;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: -1
}

.ad-branding.ad-screening .ad-wrapper .ad-container>div {
    display: block;
    padding-bottom: 300px
}

.ad-branding.ad-screening .ad-wrapper .ad-container iframe {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.ad-branding.ad-screening~.ad-wrapper,
.ad-branding.ad-screening~.article,
.ad-branding.ad-screening~.container,
.ad-branding.ad-screening~.section,
.ad-branding.ad-screening~section {
    position: relative;
    max-width: 1220px;
    margin: auto;
    background: #fff
}

.economic .ad-branding.ad-screening~.ad-wrapper,
.economic .ad-branding.ad-screening~.article,
.economic .ad-branding.ad-screening~.container,
.economic .ad-branding.ad-screening~.section,
.economic .ad-branding.ad-screening~section {
    background: #faf9e1
}

.podcast .ad-branding.ad-screening~.ad-wrapper,
.podcast .ad-branding.ad-screening~.article,
.podcast .ad-branding.ad-screening~.container,
.podcast .ad-branding.ad-screening~.section,
.podcast .ad-branding.ad-screening~section {
    background: #2a2e37
}

.ad-branding.ad-screening~.ad-wrapper .section-title:before,
.ad-branding.ad-screening~.article .section-title:before,
.ad-branding.ad-screening~.container .section-title:before,
.ad-branding.ad-screening~.section .section-title:before,
.ad-branding.ad-screening~section .section-title:before {
    width: 20px
}

.ad-branding.ad-screening~.ad-wrapper .section-title span,
.ad-branding.ad-screening~.article .section-title span,
.ad-branding.ad-screening~.container .section-title span,
.ad-branding.ad-screening~.section .section-title span,
.ad-branding.ad-screening~section .section-title span {
    max-width: calc(100vw - 40px)
}

.main-screening .ad-branding~.article,
.main-screening .ad-branding~.container,
.main-screening .ad-branding~.section,
.main-screening .ad-branding~section {
    position: relative;
    padding-top: 20px;
    background: #fff
}

.main-screening .ad-branding .ad-wrapper {
    max-width: 1220px;
    overflow: hidden
}

.main-screening .ad-branding .ad-wrapper .ad-container {
    left: 0;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: -1
}

.main-screening .ad-branding .ad-wrapper .ad-container>div {
    display: block;
    padding-bottom: 300px
}

.main-screening .ad-branding .ad-wrapper .ad-container iframe {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.main-screening>.ad-wrapper,
.main-screening>.article,
.main-screening>.container,
.main-screening>.section,
.main-screening>section {
    position: relative;
    max-width: 1220px;
    margin: auto;
    background: #fff
}

.main-screening>.ad-wrapper .section-title:before,
.main-screening>.article .section-title:before,
.main-screening>.container .section-title:before,
.main-screening>.section .section-title:before,
.main-screening>section .section-title:before {
    width: 20px
}

.main-screening>.ad-wrapper .section-title span,
.main-screening>.article .section-title span,
.main-screening>.container .section-title span,
.main-screening>.section .section-title span,
.main-screening>section .section-title span {
    max-width: calc(100vw - 40px)
}

.main-screening.economic>.ad-wrapper,
.main-screening.economic>.article,
.main-screening.economic>.container,
.main-screening.economic>.section,
.main-screening.economic>section {
    background: #faf9e1
}

.main-screening.economic .ad-branding~.article,
.main-screening.economic .ad-branding~.container,
.main-screening.economic .ad-branding~.section,
.main-screening.economic .ad-branding~section {
    background: #faf9e1
}

.main-screening.podcast>.ad-wrapper,
.main-screening.podcast>.article,
.main-screening.podcast>.container,
.main-screening.podcast>.section,
.main-screening.podcast>section {
    background: #2a2e37
}

.main-screening.podcast .ad-branding~.article,
.main-screening.podcast .ad-branding~.container,
.main-screening.podcast .ad-branding~.section,
.main-screening.podcast .ad-branding~section {
    background: #2a2e37
}

.ad-native+.brdr:last-of-type {
    margin-bottom: 40px
}

.ad-native+.brdr:last-of-type:after {
    content: ''
}

.ad-native>div,
.ad-native>div>div {
    position: relative;
    height: 100%;
    background: #fff;
    z-index: 99
}

.economic .ad-native>div,
.economic .ad-native>div>div {
    background: #faf9e1
}

.podcast .ad-native>div,
.podcast .ad-native>div>div {
    background: #2a2e37
}

.ad-native iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important
}

.ad-article {
    z-index: 0
}

.ad-article>div,
.ad-article>div>div {
    position: relative;
    height: 100%;
    z-index: 99
}

.ad-article iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important
}

.ad-article~.article {
    z-index: 1
}

.col-10 .interscroller {
    left: auto;
    width: auto;
    margin: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.interscroller .ad-container {
    display: block
}

.interscroller .ad-container>div {
    position: relative;
    display: block;
    height: 50vh;
    margin: 0 0 20px;
    padding: 0;
    border: 0
}

.interscroller .ad-container>div:after,
.interscroller .ad-container>div:before {
    content: attr(data-meta);
    position: absolute;
    left: 0;
    width: 100%;
    background: #000;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}

.interscroller .ad-container>div:before {
    top: 0
}

.interscroller .ad-container>div:after {
    bottom: 0
}

.interscroller .ad-container>div>div {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    border: 0;
    clip: rect(0, auto, auto, 0);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.interscroller .ad-container iframe {
    position: fixed !important;
    top: 0 !important;
    display: block !important;
    width: 100%;
    height: 100% !important;
    margin: auto !important;
    border: 0 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important
}

@media all and (max-width:1220px) {
    .col-10 .ad-wrapper {
        left: auto;
        width: auto;
        margin-right: -8.333333%;
        margin-left: -8.333333%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media all and (max-width:767px) {
    .container .ad-wrapper {
        margin-right: -20px;
        margin-left: -20px
    }

    .col-10 .ad-wrapper {
        margin-right: -20px;
        margin-left: -20px
    }
}

html {
    overflow-x: hidden
}

html.noscroll {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

html.noscroll body:after {
    opacity: 1;
    -webkit-transition: opacity .2s, z-index 0s;
    -o-transition: opacity .2s, z-index 0s;
    transition: opacity .2s, z-index 0s;
    z-index: 98
}

html.loading:after {
    content: none
}

html.loading body:after {
    width: 100%;
    height: 100%;
    padding: 0;
    background: rgba(0, 0, 0, .8) url(../fonts/loading.svg) center no-repeat;
    background-size: 100px auto;
    opacity: 1;
    -webkit-transition: opacity .2s, z-index 0s;
    -o-transition: opacity .2s, z-index 0s;
    transition: opacity .2s, z-index 0s;
    z-index: 98
}

html.loader:after {
    content: none
}

html.loader body:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: rgba(0, 0, 0, .8);
    opacity: 1;
    -webkit-transition: opacity .2s, z-index 0s;
    -o-transition: opacity .2s, z-index 0s;
    transition: opacity .2s, z-index 0s;
    z-index: 100
}

html.loader body:after {
    content: 'Pagina se reîncarcă cu noile dumneavoastră setări';
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    padding: 20px 20px 20px 80px;
    background: url(../fonts/loading.svg) left center no-repeat;
    background-size: 80px auto;
    color: #fff;
    font-size: 24px;
    white-space: nowrap;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .2s, z-index 0s;
    -o-transition: opacity .2s, z-index 0s;
    transition: opacity .2s, z-index 0s;
    z-index: 100
}

body:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-transition: opacity .2s, z-index 0s .2s;
    -o-transition: opacity .2s, z-index 0s .2s;
    transition: opacity .2s, z-index 0s .2s;
    z-index: -99
}

main {
    position: relative;
    padding-top: 60px;
    padding-bottom: 20px;
    z-index: 2
}

main.economic {
    background: #faf9e1
}

main.podcast {
    background: #2a2e37
}

main.podcast :not(.amplitude-song-played-progress):not(.pagination-link) {
    color: #fff !important
}

main.podcast :not(.amplitude-song-played-progress):not(.pagination-link).article-podcast * {
    color: #181818 !important
}

main.podcast .section-title:after,
main.podcast .section-title:before {
    background: #fff
}

main.podcast .read-more:focus,
main.podcast .read-more:hover {
    border-color: #fff
}

main.podcast .read-more:after {
    background-position: 0 -190px
}

main.podcast .pagination-link-current {
    background: #f7cd45
}

main.podcast .pagination-link svg {
    fill: #000
}

main.podcast .social-icon,
main.podcast .social-link {
    border-color: #fff
}

main.podcast .social-icon-fb:after,
main.podcast .social-link-fb:after {
    background-position: 0 -544px
}

main.podcast .social-icon-tt:after,
main.podcast .social-link-tt:after {
    background-position: 0 -560px
}

main.podcast .social-icon-wa:after,
main.podcast .social-link-wa:after {
    background-position: 0 -576px
}

main.podcast .social-icon-wad:after,
main.podcast .social-link-wad:after {
    background-position: 0 -576px
}

main.podcast .social-icon-lk:after,
main.podcast .social-link-lk:after {
    background-position: 0 -336px
}

main.podcast .swiper-scrollbar {
    background: #585858
}

main.podcast .swiper-scrollbar-drag {
    background: #f7cd45
}

.section,
section {
    margin-bottom: 20px
}

.section.bg,
section.bg {
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 20px
}

.section.bg+.bg,
section.bg+.bg {
    margin-top: -40px
}

.video-section {
    position: relative;
    margin-top: -60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}

.video-section-player {
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    z-index: 1
}

.video-section-player.initiate {
    cursor: auto
}

.video-article-player {
    width: 100%;
    max-width: 780px;
    margin-bottom: 20px;
    cursor: pointer
}

.video-article-player.article-thumb {
    margin-bottom: 10px
}

.video-article-player.initiate {
    cursor: auto
}

.brdr:after {
    content: '';
    display: block;
    height: 1px;
    background: #ccc
}

.sticky {
    position: sticky;
    top: 80px
}

.widget {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f2f2f2));
    background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%);
    background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%)
}

.widget-title {
    margin-bottom: 10px;
    font-size: 20px;
    text-align: left
}

.widget-title:after,
.widget-title:before {
    width: 20px
}

.widget-title span {
    max-width: calc(100% - 40px)
}

.column-page-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.column-page-layout main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 80px;
    padding-bottom: 60px
}

.page-not-found {
    margin-top: -20px;
    margin-bottom: 20px;
    color: #793ffe;
    font-family: sourcesanspro;
    font-size: 20px;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase
}

.auth-placeholder {
    position: relative;
    width: 100%;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 56.25%;
    background: url(../img/placeholder.jpg) center/cover no-repeat;
    overflow: hidden
}

.auth-placeholder .v-center {
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, .5)
}

.auth-placeholder .h2,
.auth-placeholder .h3 {
    padding: 0 10px
}

.video-player .auth-placeholder .h2,
.video-player .auth-placeholder .h3 {
    margin: 0
}

.auth-placeholder .btn {
    margin: 10px 10px 0
}

.auth-account:before {
    content: attr(data-dt)
}

.auth-account:after {
    content: attr(data-dd);
    font-weight: 700
}

.link-app-digisport {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    background: url(../img/digisport.png) left top 2px/16px no-repeat;
    font-size: 16px;
    line-height: 20px
}

.grecaptcha-badge {
    display: none
}

@media all and (max-width:1024px) {
    main {
        margin-top: 0 !important;
        padding-top: 80px
    }

    .column-page-layout main {
        padding-top: 60px;
        padding-bottom: 40px
    }

    .video-section {
        margin-top: -40px
    }

    .auth-placeholder .btn {
        min-width: 140px;
        min-height: 40px;
        padding: 10px 20px;
        font-size: 14px
    }

    .auth-placeholder .btn-alt {
        padding: 9px 19px
    }
}

@media all and (max-width:767px) {
    html.loader body:after {
        width: 70%;
        font-size: 18px;
        white-space: normal
    }

    .widget-title {
        margin-right: -20px;
        margin-left: -20px
    }
}

@media all and (max-width:480px) {
    html.loader body:after {
        width: 100%
    }

    .auth-placeholder .h2 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 22px
    }

    .auth-placeholder .btn {
        min-width: 80px;
        min-height: 30px;
        padding: 5px 20px;
        font-size: 12px
    }

    .auth-placeholder .btn-alt {
        padding: 4px 19px
    }
}

.address {
    position: relative;
    margin-bottom: 40px;
    font-style: normal
}

.address:after {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%
}

.address div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px
}

.address div svg {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.address span {
    display: block;
    min-height: 20px;
    color: #585858;
    font-family: sourcesanspro;
    font-size: 16px;
    line-height: 20px
}

#map {
    min-height: 320px;
    margin-bottom: 40px
}

.widget-weather {
    font-family: sourcesanspro;
    text-align: center
}

.widget-weather figure svg {
    width: 96px;
    height: 96px;
    margin: auto;
    fill: #793ffe
}

.widget-weather-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 2px solid #fff
}

.widget-weather-location-city {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px
}

.widget-weather-location-temp {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 30px;
    font-weight: 900;
    line-height: 40px
}

.widget-weather-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget-weather-details dl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.weather {
    margin-bottom: 20px;
    font-family: sourcesanspro;
    font-weight: 700
}

.weather-forecast {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 10px;
    border-bottom: 1px solid #ccc
}

.weather-forecast-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.weather-forecast-item:last-child {
    text-align: right
}

.weather-forecast-item svg {
    display: block;
    width: 32px;
    height: 32px;
    margin: auto;
    fill: #793ffe
}

.weather-forecast-item span:last-child {
    color: #585858
}

.weather-map {
    position: relative;
    max-width: 780px;
    margin-bottom: 20px
}

.weather-map:before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 66.666666%;
    z-index: -99
}

.weather-map:after {
    content: '';
    opacity: .5
}

.weather-map-pin {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0 0;
    color: #181818;
    text-align: right;
    -webkit-transform: translate(calc(25px - 100%), -50px);
    -ms-transform: translate(calc(25px - 100%), -50px);
    transform: translate(calc(25px - 100%), -50px);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 1
}

.weather-map-pin:focus,
.weather-map-pin:hover {
    background: 0 0;
    color: #181818
}

.weather-map-pin-point {
    font-family: sourcesanspro;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap
}

.weather-map-pin-point strong {
    display: block
}

.weather-map-pin-thumb {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../fonts/icon.svg) 0 -1250px no-repeat;
    background-size: 50px auto;
    color: #3101a3
}

.weather-map-pin-thumb svg {
    padding: 10px 0 20px;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: .5px
}

.weather-map-pin.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: left;
    -webkit-transform: translate(-25px, -50px);
    -ms-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px)
}

.weather-map-romania:after {
    background: url(../fonts/romania.svg) center no-repeat;
    background-size: auto 100%
}

.weather-map-romania .weather-map-pin-bucuresti {
    top: 80.769231%;
    left: 64.102564%
}

.weather-map-romania .weather-map-pin-brasov {
    top: 61.538462%;
    left: 55.128205%
}

.weather-map-romania .weather-map-pin-constanta {
    top: 88.461538%;
    left: 85.897436%
}

.weather-map-romania .weather-map-pin-craiova {
    top: 86.538462%;
    left: 39.74359%
}

.weather-map-romania .weather-map-pin-iasi {
    top: 23.076923%;
    left: 71.794872%
}

.weather-map-romania .weather-map-pin-oradea {
    top: 23.076923%;
    left: 23.076923%
}

.weather-map-romania .weather-map-pin-timisoara {
    top: 53.846154%;
    left: 12.820513%
}

.weather-map-romania .weather-map-pin-cluj-napoca {
    top: 34.615385%;
    left: 35.897436%
}

.weather-map-romania .weather-map-pin-sibiu {
    top: 48.076923%;
    left: 44.871795%
}

.weather-map-romania .weather-map-pin-arad {
    top: 36.538462%;
    left: 16.666667%
}

.weather-map-romania .weather-map-pin-baia-mare {
    top: 21.153846%;
    left: 42.307692%
}

.weather-map-romania .weather-map-pin-piatra-neamt {
    top: 38.461538%;
    left: 64.102564%
}

.weather-map-romania .weather-map-pin-focsani {
    top: 59.615385%;
    left: 71.794872%
}

.weather-map-transilvania:after {
    background: url(../fonts/transilvania.svg) center no-repeat;
    background-size: auto 100%
}

.weather-map-transilvania .weather-map-pin-brasov {
    top: 86.538462%;
    left: 64.102564%
}

.weather-map-transilvania .weather-map-pin-sibiu {
    top: 76.923077%;
    left: 44.871795%
}

.weather-map-transilvania .weather-map-pin-cluj-napoca {
    top: 38.461538%;
    left: 25.641026%
}

.weather-map-transilvania .weather-map-pin-alba-iulia {
    top: 57.692308%;
    left: 32.051282%
}

.weather-map-transilvania .weather-map-pin-deva {
    top: 80.769231%;
    left: 23.076923%
}

.weather-map-transilvania .weather-map-pin-bistrita {
    top: 19.230769%;
    left: 53.846154%
}

.weather-map-transilvania .weather-map-pin-zalau {
    top: 23.076923%;
    left: 25.641026%
}

.weather-map-transilvania .weather-map-pin-targu-mures {
    top: 42.307692%;
    left: 51.282051%
}

.weather-map-transilvania .weather-map-pin-miercurea-ciuc {
    top: 57.692308%;
    left: 64.102564%
}

.weather-map-transilvania .weather-map-pin-sfantu-gheorghe {
    top: 73.076923%;
    left: 57.692308%
}

.weather-map-banat:after {
    background: url(../fonts/banat.svg) center no-repeat;
    background-size: auto 100%
}

.weather-map-banat .weather-map-pin-timisoara {
    top: 38.461538%;
    left: 38.461538%
}

.weather-map-banat .weather-map-pin-resita {
    top: 73.076923%;
    left: 57.692308%
}

.weather-map-crisana:after {
    background: url(../fonts/crisana.svg) center no-repeat;
    background-size: auto 100%
}

.weather-map-crisana .weather-map-pin-oradea {
    top: 48.076923%;
    left: 57.692308%
}

.weather-map-crisana .weather-map-pin-arad {
    top: 80.769231%;
    left: 51.282051%
}

.weather-map-maramures:after {
    background: url(../fonts/maramures.svg) center no-repeat;
    background-size: 100% auto
}

.weather-map-maramures .weather-map-pin-baia-mare {
    top: 63.461538%;
    left: 51.282051%
}

.weather-map-maramures .weather-map-pin-satu-mare {
    top: 67.307692%;
    left: 12.820513%
}

.weather-map-dobrogea:after {
    background: url(../fonts/dobrogea.svg) center no-repeat;
    background-size: auto 100%
}

.weather-map-dobrogea .weather-map-pin-constanta {
    top: 84.615385%;
    left: 56.410256%
}

.weather-map-dobrogea .weather-map-pin-tulcea {
    top: 34.615385%;
    left: 51.282051%
}

.weather-map-oltenia:after {
    background: url(../fonts/oltenia.svg) center no-repeat;
    background-size: auto 100%
}

.weather-map-oltenia .weather-map-pin-craiova {
    top: 80.769231%;
    left: 51.282051%
}

.weather-map-oltenia .weather-map-pin-slatina {
    top: 67.307692%;
    left: 64.102564%
}

.weather-map-oltenia .weather-map-pin-drobeta-turnu-severin {
    top: 57.692308%;
    left: 38.461538%
}

.weather-map-oltenia .weather-map-pin-targu-jiu {
    top: 34.615385%;
    left: 44.871795%
}

.weather-map-oltenia .weather-map-pin-ramnicu-valcea {
    top: 23.076923%;
    left: 66.666667%
}

.weather-map-muntenia:after {
    background: url(../fonts/muntenia.svg) center no-repeat;
    background-size: auto 100%
}

.weather-map-muntenia .weather-map-pin-bucuresti {
    top: 61.538462%;
    left: 47.435897%
}

.weather-map-muntenia .weather-map-pin-ploiesti {
    top: 30.769231%;
    left: 43.589744%
}

.weather-map-muntenia .weather-map-pin-pitesti {
    top: 38.461538%;
    left: 25.641026%
}

.weather-map-muntenia .weather-map-pin-buzau {
    top: 28.846154%;
    left: 64.102564%
}

.weather-map-muntenia .weather-map-pin-braila {
    top: 38.461538%;
    left: 76.923077%
}

.weather-map-muntenia .weather-map-pin-slobozia {
    top: 57.692308%;
    left: 70.512821%
}

.weather-map-muntenia .weather-map-pin-targoviste {
    top: 51.923077%;
    left: 37.179487%
}

.weather-map-muntenia .weather-map-pin-giurgiu {
    top: 76.923077%;
    left: 38.461538%
}

.weather-map-muntenia .weather-map-pin-alexandria {
    top: 88.461538%;
    left: 23.076923%
}

.weather-map-moldova:after {
    background: url(../fonts/moldova.svg) center no-repeat;
    background-size: auto 100%
}

.weather-map-moldova .weather-map-pin-iasi {
    top: 38.461538%;
    left: 61.538462%
}

.weather-map-moldova .weather-map-pin-piatra-neamt {
    top: 50%;
    left: 41.025641%
}

.weather-map-moldova .weather-map-pin-focsani {
    top: 86.538462%;
    left: 51.282051%
}

.weather-map-moldova .weather-map-pin-suceava {
    top: 28.846154%;
    left: 32.051282%
}

.weather-map-moldova .weather-map-pin-botosani {
    top: 19.230769%;
    left: 51.282051%
}

.weather-map-moldova .weather-map-pin-bacau {
    top: 67.307692%;
    left: 48.717949%
}

.weather-map-moldova .weather-map-pin-galati {
    top: 88.461538%;
    left: 64.102564%
}

.weather-map-moldova .weather-map-pin-vaslui {
    top: 63.461538%;
    left: 67.948718%
}

@media all and (max-width:1024px) {
    .weather-map-pin {
        -webkit-transform: translate(calc(20px - 100%), -40px);
        -ms-transform: translate(calc(20px - 100%), -40px);
        transform: translate(calc(20px - 100%), -40px)
    }

    .weather-map-pin-point {
        font-size: 12px;
        line-height: 15px
    }

    .weather-map-pin-thumb {
        width: 40px;
        height: 40px;
        background-position: 0 -1000px;
        background-size: 40px auto
    }

    .weather-map-pin-thumb svg {
        padding: 5px 0 15px
    }

    .weather-map-pin.reverse {
        -webkit-transform: translate(-20px, -40px);
        -ms-transform: translate(-20px, -40px);
        transform: translate(-20px, -40px)
    }
}

@media all and (max-width:480px) {
    .weather-map {
        margin: 0 -20px 20px
    }

    .weather-map-pin {
        -webkit-transform: translate(calc(15px - 100%), -30px);
        -ms-transform: translate(calc(15px - 100%), -30px);
        transform: translate(calc(15px - 100%), -30px)
    }

    .weather-map-pin-point {
        font-size: 10px;
        line-height: 10px
    }

    .weather-map-pin-thumb {
        width: 30px;
        height: 30px;
        background-position: 0 -750px;
        background-size: 30px auto
    }

    .weather-map-pin-thumb svg {
        padding: 5px 0 10px
    }

    .weather-map-pin.reverse {
        -webkit-transform: translate(-15px, -30px);
        -ms-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
}

.gallery {
    z-index: 3
}

.gallery .swiper-pagination {
    margin-bottom: 20px;
    color: #ccc;
    font-family: sourcesanspro;
    font-size: 18px;
    font-style: italic;
    line-height: 25px
}

.gallery .swiper-pagination-fraction {
    position: static;
    text-align: inherit
}

.gallery .swiper-pagination-current {
    color: #793ffe
}

.gallery .dropdown {
    position: relative;
    margin-bottom: 40px;
    overflow: visible;
    z-index: 98
}

.gallery .dropdown[data-dropdown-type=autocomplete] .dropdown-selection {
    display: block
}

.dropdown-wrapper-alt .gallery .dropdown {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.gallery .dropdown:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../fonts/icon.svg) 0 -480px no-repeat;
    background-size: 20px auto;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.gallery .dropdown .dropdown-selection {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
    font-family: zillaslab;
    font-weight: 700;
    text-align: left;
    cursor: pointer
}

.dropdown-wrapper-alt .gallery .dropdown .dropdown-selection {
    display: block
}

.gallery .dropdown .dropdown-list {
    position: absolute;
    top: 50px;
    right: 0;
    display: none;
    min-width: 100%;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    background: #fff
}

.gallery .dropdown .dropdown-list-item {
    display: block
}

.gallery .dropdown .dropdown-list-item-link {
    padding: 10px 20px;
    font-weight: 400;
    text-align: left;
    white-space: normal
}

.gallery .dropdown .dropdown-list-item-link.active {
    background: 0 0;
    color: #181818;
    font-weight: 900
}

.dropdown-wrapper-alt .gallery .dropdown .dropdown-list {
    border-right: 0
}

.gallery .dropdown.active:before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.gallery .dropdown.active .dropdown-list {
    display: block
}

@media all and (max-width:767px) {
    .gallery .swiper-pagination {
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc
    }

    .gallery .social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.widget-exchange {
    margin-bottom: 40px
}

.widget-exchange-rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 40px;
    border-top: 2px solid #fff;
    font-family: sourcesanspro
}

.widget-exchange-rate:first-child {
    border: 0
}

.widget-exchange-rate[data-rate=asc] {
    color: #007608
}

.widget-exchange-rate[data-rate=asc] svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.widget-exchange-rate[data-rate=desc] {
    color: #cd3c3c
}

.widget-exchange-rate[data-rate=desc] svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.widget-exchange-rate-title {
    margin: 0;
    color: #000;
    font-weight: 400;
    letter-spacing: 1px
}

.widget-exchange-rate svg {
    width: 16px;
    height: 16px;
    fill: currentColor
}

.widget-blog {
    margin: 0 0 20px;
    padding: 10px 20px 20px;
    background: #e1effa
}

.widget-blog-economic {
    background: #faf9e1
}

.widget-blog .article:last-of-type {
    margin-bottom: 0
}

.widget-blog .widget-title {
    margin-right: -20px;
    margin-left: -20px
}

.widget-blog .author-blog {
    margin-bottom: 10px;
    padding: 0;
    background: 0 0
}

.widget-blog .author-thumb+.author-meta {
    padding-left: 10px
}

.widget-blog .author-meta-name,
.widget-blog .author-meta-type {
    font-size: 14px;
    line-height: 20px
}

.widget-blog .article-title {
    width: 100%
}

.article-blog .widget-blog {
    margin: 0 -20px;
    padding: 10px 20px
}

.article-blog .widget-blog .article {
    margin: 10px -10px
}

.article-blog .widget-blog .article .author-thumb {
    max-width: 50px
}

@media all and (max-width:1024px) {
    .article-blog .widget-blog .article {
        margin: 10px 0
    }

    .article-blog .widget-blog .author-blog {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .article-blog .widget-blog .author-blog .author-thumb+.author-meta {
        padding-left: 0
    }
}

@media all and (max-width:767px) {
    .widget-blog {
        margin: 0 -20px 20px
    }

    .article-blog .widget-blog .author-blog {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .article-blog .widget-blog .author-blog .author-thumb+.author-meta {
        padding-left: 10px
    }
}

.widget-vox {
    position: relative;
    max-width: 380px;
    margin: auto;
    margin-bottom: 40px;
    background: 0 0
}

.widget-shows-featured {
    position: relative;
    z-index: 1
}

.widget-shows-featured .article-title {
    text-transform: uppercase
}

.widget-shows-schedule {
    position: relative;
    padding-bottom: 20px;
    z-index: 1
}

.widget-shows-schedule p {
    margin: 0;
    font-family: sourcesanspro;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    text-transform: uppercase
}

.widget-shows-schedule p a {
    font-weight: 700;
    text-decoration: none
}

.widget-shows-schedule .read-more {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0
}

.widget-shows-link {
    display: block;
    margin: 0 0 20px;
    padding: 40px 20px;
    background: url(../img/bg-digi24.jpg) center no-repeat;
    background-size: cover;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none
}

.widget-shows-link:focus,
.widget-shows-link:hover {
    color: #fff
}

.schedule-nav {
    margin-bottom: 10px
}

.schedule-nav .dropdown-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.schedule-list {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.schedule-list.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.schedule-list-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    margin-bottom: 2px;
    cursor: pointer
}

.schedule-list-item:hover {
    background: #f2f2f2
}

.schedule-list-item-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 60px;
    background: #f2f2f2
}

.schedule-list-item-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    padding: 10px
}

.schedule-list-item-show-title {
    width: 100%;
    margin: 10px 0
}

.schedule-list-item-show-title span {
    display: block;
    color: #585858;
    font-family: sourcesanspro;
    font-size: 12px;
    font-weight: 400
}

.schedule-list-item-show-progress {
    position: relative;
    display: none;
    width: 100%;
    height: 4px;
    border: 1px solid #ccc;
    background: #ccc;
    overflow: hidden
}

.schedule-list-item-show-progress:after {
    content: '';
    left: -100%;
    background: #3101a3
}

.schedule-list-item.active .schedule-list-item-time {
    background: #181818;
    color: #fff;
    font-weight: 700
}

.schedule-list-item.active .schedule-list-item-show:before {
    content: 'Live';
    padding: 0 4px;
    background: #3101a3;
    color: #fff;
    font-family: sourcesanspro;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.schedule-list-item.active[data-percent] .schedule-list-item-show-progress {
    display: block
}

[data-percent='0'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

[data-percent='1'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(1%);
    -ms-transform: translateX(1%);
    transform: translateX(1%)
}

[data-percent='2'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%)
}

[data-percent='3'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(3%);
    -ms-transform: translateX(3%);
    transform: translateX(3%)
}

[data-percent='4'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(4%);
    -ms-transform: translateX(4%);
    transform: translateX(4%)
}

[data-percent='5'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(5%);
    -ms-transform: translateX(5%);
    transform: translateX(5%)
}

[data-percent='6'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(6%);
    -ms-transform: translateX(6%);
    transform: translateX(6%)
}

[data-percent='7'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(7%);
    -ms-transform: translateX(7%);
    transform: translateX(7%)
}

[data-percent='8'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(8%);
    -ms-transform: translateX(8%);
    transform: translateX(8%)
}

[data-percent='9'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(9%);
    -ms-transform: translateX(9%);
    transform: translateX(9%)
}

[data-percent='10'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%)
}

[data-percent='11'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(11%);
    -ms-transform: translateX(11%);
    transform: translateX(11%)
}

[data-percent='12'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(12%);
    -ms-transform: translateX(12%);
    transform: translateX(12%)
}

[data-percent='13'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(13%);
    -ms-transform: translateX(13%);
    transform: translateX(13%)
}

[data-percent='14'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(14%);
    -ms-transform: translateX(14%);
    transform: translateX(14%)
}

[data-percent='15'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(15%);
    -ms-transform: translateX(15%);
    transform: translateX(15%)
}

[data-percent='16'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(16%);
    -ms-transform: translateX(16%);
    transform: translateX(16%)
}

[data-percent='17'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(17%);
    -ms-transform: translateX(17%);
    transform: translateX(17%)
}

[data-percent='18'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(18%);
    -ms-transform: translateX(18%);
    transform: translateX(18%)
}

[data-percent='19'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(19%);
    -ms-transform: translateX(19%);
    transform: translateX(19%)
}

[data-percent='20'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%)
}

[data-percent='21'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(21%);
    -ms-transform: translateX(21%);
    transform: translateX(21%)
}

[data-percent='22'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(22%);
    -ms-transform: translateX(22%);
    transform: translateX(22%)
}

[data-percent='23'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(23%);
    -ms-transform: translateX(23%);
    transform: translateX(23%)
}

[data-percent='24'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(24%);
    -ms-transform: translateX(24%);
    transform: translateX(24%)
}

[data-percent='25'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%)
}

[data-percent='26'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(26%);
    -ms-transform: translateX(26%);
    transform: translateX(26%)
}

[data-percent='27'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(27%);
    -ms-transform: translateX(27%);
    transform: translateX(27%)
}

[data-percent='28'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(28%);
    -ms-transform: translateX(28%);
    transform: translateX(28%)
}

[data-percent='29'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(29%);
    -ms-transform: translateX(29%);
    transform: translateX(29%)
}

[data-percent='30'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%)
}

[data-percent='31'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(31%);
    -ms-transform: translateX(31%);
    transform: translateX(31%)
}

[data-percent='32'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(32%);
    -ms-transform: translateX(32%);
    transform: translateX(32%)
}

[data-percent='33'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(33%);
    -ms-transform: translateX(33%);
    transform: translateX(33%)
}

[data-percent='34'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(34%);
    -ms-transform: translateX(34%);
    transform: translateX(34%)
}

[data-percent='35'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(35%);
    -ms-transform: translateX(35%);
    transform: translateX(35%)
}

[data-percent='36'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(36%);
    -ms-transform: translateX(36%);
    transform: translateX(36%)
}

[data-percent='37'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(37%);
    -ms-transform: translateX(37%);
    transform: translateX(37%)
}

[data-percent='38'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(38%);
    -ms-transform: translateX(38%);
    transform: translateX(38%)
}

[data-percent='39'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(39%);
    -ms-transform: translateX(39%);
    transform: translateX(39%)
}

[data-percent='40'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%)
}

[data-percent='41'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(41%);
    -ms-transform: translateX(41%);
    transform: translateX(41%)
}

[data-percent='42'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(42%);
    -ms-transform: translateX(42%);
    transform: translateX(42%)
}

[data-percent='43'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(43%);
    -ms-transform: translateX(43%);
    transform: translateX(43%)
}

[data-percent='44'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(44%);
    -ms-transform: translateX(44%);
    transform: translateX(44%)
}

[data-percent='45'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(45%);
    -ms-transform: translateX(45%);
    transform: translateX(45%)
}

[data-percent='46'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(46%);
    -ms-transform: translateX(46%);
    transform: translateX(46%)
}

[data-percent='47'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(47%);
    -ms-transform: translateX(47%);
    transform: translateX(47%)
}

[data-percent='48'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(48%);
    -ms-transform: translateX(48%);
    transform: translateX(48%)
}

[data-percent='49'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(49%);
    -ms-transform: translateX(49%);
    transform: translateX(49%)
}

[data-percent='50'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

[data-percent='51'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(51%);
    -ms-transform: translateX(51%);
    transform: translateX(51%)
}

[data-percent='52'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(52%);
    -ms-transform: translateX(52%);
    transform: translateX(52%)
}

[data-percent='53'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(53%);
    -ms-transform: translateX(53%);
    transform: translateX(53%)
}

[data-percent='54'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(54%);
    -ms-transform: translateX(54%);
    transform: translateX(54%)
}

[data-percent='55'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(55%);
    -ms-transform: translateX(55%);
    transform: translateX(55%)
}

[data-percent='56'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(56%);
    -ms-transform: translateX(56%);
    transform: translateX(56%)
}

[data-percent='57'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(57%);
    -ms-transform: translateX(57%);
    transform: translateX(57%)
}

[data-percent='58'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(58%);
    -ms-transform: translateX(58%);
    transform: translateX(58%)
}

[data-percent='59'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(59%);
    -ms-transform: translateX(59%);
    transform: translateX(59%)
}

[data-percent='60'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(60%);
    -ms-transform: translateX(60%);
    transform: translateX(60%)
}

[data-percent='61'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(61%);
    -ms-transform: translateX(61%);
    transform: translateX(61%)
}

[data-percent='62'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(62%);
    -ms-transform: translateX(62%);
    transform: translateX(62%)
}

[data-percent='63'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(63%);
    -ms-transform: translateX(63%);
    transform: translateX(63%)
}

[data-percent='64'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(64%);
    -ms-transform: translateX(64%);
    transform: translateX(64%)
}

[data-percent='65'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(65%);
    -ms-transform: translateX(65%);
    transform: translateX(65%)
}

[data-percent='66'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(66%);
    -ms-transform: translateX(66%);
    transform: translateX(66%)
}

[data-percent='67'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(67%);
    -ms-transform: translateX(67%);
    transform: translateX(67%)
}

[data-percent='68'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(68%);
    -ms-transform: translateX(68%);
    transform: translateX(68%)
}

[data-percent='69'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(69%);
    -ms-transform: translateX(69%);
    transform: translateX(69%)
}

[data-percent='70'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(70%);
    -ms-transform: translateX(70%);
    transform: translateX(70%)
}

[data-percent='71'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(71%);
    -ms-transform: translateX(71%);
    transform: translateX(71%)
}

[data-percent='72'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(72%);
    -ms-transform: translateX(72%);
    transform: translateX(72%)
}

[data-percent='73'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(73%);
    -ms-transform: translateX(73%);
    transform: translateX(73%)
}

[data-percent='74'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(74%);
    -ms-transform: translateX(74%);
    transform: translateX(74%)
}

[data-percent='75'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(75%);
    -ms-transform: translateX(75%);
    transform: translateX(75%)
}

[data-percent='76'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(76%);
    -ms-transform: translateX(76%);
    transform: translateX(76%)
}

[data-percent='77'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(77%);
    -ms-transform: translateX(77%);
    transform: translateX(77%)
}

[data-percent='78'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(78%);
    -ms-transform: translateX(78%);
    transform: translateX(78%)
}

[data-percent='79'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(79%);
    -ms-transform: translateX(79%);
    transform: translateX(79%)
}

[data-percent='80'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(80%);
    -ms-transform: translateX(80%);
    transform: translateX(80%)
}

[data-percent='81'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(81%);
    -ms-transform: translateX(81%);
    transform: translateX(81%)
}

[data-percent='82'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(82%);
    -ms-transform: translateX(82%);
    transform: translateX(82%)
}

[data-percent='83'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(83%);
    -ms-transform: translateX(83%);
    transform: translateX(83%)
}

[data-percent='84'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(84%);
    -ms-transform: translateX(84%);
    transform: translateX(84%)
}

[data-percent='85'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(85%);
    -ms-transform: translateX(85%);
    transform: translateX(85%)
}

[data-percent='86'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(86%);
    -ms-transform: translateX(86%);
    transform: translateX(86%)
}

[data-percent='87'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(87%);
    -ms-transform: translateX(87%);
    transform: translateX(87%)
}

[data-percent='88'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(88%);
    -ms-transform: translateX(88%);
    transform: translateX(88%)
}

[data-percent='89'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(89%);
    -ms-transform: translateX(89%);
    transform: translateX(89%)
}

[data-percent='90'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(90%);
    -ms-transform: translateX(90%);
    transform: translateX(90%)
}

[data-percent='91'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(91%);
    -ms-transform: translateX(91%);
    transform: translateX(91%)
}

[data-percent='92'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(92%);
    -ms-transform: translateX(92%);
    transform: translateX(92%)
}

[data-percent='93'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(93%);
    -ms-transform: translateX(93%);
    transform: translateX(93%)
}

[data-percent='94'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(94%);
    -ms-transform: translateX(94%);
    transform: translateX(94%)
}

[data-percent='95'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(95%);
    -ms-transform: translateX(95%);
    transform: translateX(95%)
}

[data-percent='96'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(96%);
    -ms-transform: translateX(96%);
    transform: translateX(96%)
}

[data-percent='97'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(97%);
    -ms-transform: translateX(97%);
    transform: translateX(97%)
}

[data-percent='98'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(98%);
    -ms-transform: translateX(98%);
    transform: translateX(98%)
}

[data-percent='99'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(99%);
    -ms-transform: translateX(99%);
    transform: translateX(99%)
}

[data-percent='100'] .schedule-list-item-show-progress:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.widget-hipo {
    margin-bottom: 40px;
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden
}

.widget-hipo iframe,
.widget-hipo img {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.widget-hipo .hipo-header,
.widget-hipo .hipo-item {
    padding: 10px;
    border-bottom: 1px solid #ccc
}

.widget-hipo .hipo-header {
    background: #f2f2f2;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px
}