@font-face { font-family: "Rabar_004"; src: url("../fonts/Rabar_004.eot"); /* IE9 Compat Modes */ src: url("../fonts/Rabar_004.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Rabar_004.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Rabar_004.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

.krd { font-family: "Rabar_004"!important }
.clearfix { clear:both}



body { margin: 0 }

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
    animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.animate__swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.icheckbox_flat-red,
.iradio_flat-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../img/icons/red.png) no-repeat;
    border: none;
    cursor: pointer
}

.icheckbox_flat-red {
    background-position: 0 0
}

.icheckbox_flat-red.checked {
    background-position: -22px 0
}

.icheckbox_flat-red.disabled {
    background-position: -44px 0;
    cursor: default
}

.icheckbox_flat-red.checked.disabled {
    background-position: -66px 0
}

.iradio_flat-red {
    background-position: -88px 0
}

.iradio_flat-red.checked {
    background-position: -110px 0
}

.iradio_flat-red.disabled {
    background-position: -132px 0;
    cursor: default
}

.iradio_flat-red.checked.disabled {
    background-position: -154px 0
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {

    .icheckbox_flat-red,
    .iradio_flat-red {
        background-image: url(../img/icons/red@2x.png);
        background-size: 176px 22px
    }
}

/*! jQuery.Flipster, v1.1.5 (built 2020-10-17) */
.flipster {
    display: block;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative
}

.flipster:focus {
    outline: none
}

.flipster__container,
.flipster__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative
}

.flipster__container {
    display: block;
    white-space: nowrap;
    word-spacing: -.25em;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flipster__item {
    display: inline-block;
    white-space: normal;
    word-spacing: normal;
    vertical-align: bottom
}

.flipster--click .flipster__item--future,
.flipster--click .flipster__item--past {
    cursor: pointer
}

.flipster__item img {
    max-width: 100%
}

.flipster__button {
    position: absolute;
    top: 50%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    z-index: 999;
    cursor: pointer;
    font-size: 15px;
    opacity: .5;
    transition: opacity .5s ease;
    margin: -1em 2em
}

.flipster__button svg {
    width: 2em;
    stroke: currentColor;
    fill: transparent;
    stroke-width: 3;
    stroke-linecap: round
}

.flipster__button:focus,
.flipster__button:hover {
    opacity: 1
}

.flipster__button--prev {
    left: 0
}

.flipster__button--next {
    right: 0
}

.flipster__nav,
.flipster__nav__item {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.flipster__nav {
    display: block;
    margin: 0 0 4em;
    text-align: center;
    position: relative
}

.flipster__nav__item {
    display: inline-block;
    margin: 0 .25em
}

.flipster__nav__link {
    display: block;
    color: inherit;
    padding: .5em 1em;
    position: relative;
    overflow: hidden;
    transition: all .25s ease-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

.flipster__nav__link:after {
    content: "";
    display: block;
    background: #232221;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: translateY(100%) translateY(-.25em);
    transition: inherit
}

.flipster__nav__item--current>.flipster__nav__link,
.flipster__nav__link:focus,
.flipster__nav__link:hover {
    color: #fff
}

.flipster__nav__item--current>.flipster__nav__link:after,
.flipster__nav__link:focus:after,
.flipster__nav__link:hover:after {
    transform: translateY(0)
}

.flipster__nav__child {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    padding: .5em;
    background: #4e4441;
    z-index: 1
}

.flipster__nav__child .flipster__nav__link {
    color: #fff
}

.flipster__nav__child .flipster__nav__link:after {
    background: #fff
}

.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link,
.flipster__nav__child .flipster__nav__link:focus,
.flipster__nav__child .flipster__nav__link:hover {
    color: #232221
}

.flipster__nav__item--current .flipster__nav__child {
    display: block
}

.flipster--carousel .flipster__container,
.flipster--carousel .flipster__item,
.flipster--carousel .flipster__item__content {
    transition: all .35s ease-in-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

.flipster--carousel .flipster__item {
    perspective: 800px
}

.flipster--carousel .flipster__item--future,
.flipster--carousel .flipster__item--past {
    opacity: 0;
    transition-delay: 115ms
}

.flipster--carousel .flipster__item--future-2,
.flipster--carousel .flipster__item--past-2 {
    opacity: .6;
    transition-delay: 90ms
}

.flipster--carousel .flipster__item--future-1,
.flipster--carousel .flipster__item--past-1 {
    opacity: .8;
    transition-delay: 60ms
}

.flipster--carousel .flipster__item--past .flipster__item__content {
    transform: translateX(100%) rotateY(-20deg) scale(.5)
}

.flipster--carousel .flipster__item--past-2 .flipster__item__content {
    transform: translateX(25%) rotateY(40deg) scale(.65)
}

.flipster--carousel .flipster__item--past-1 .flipster__item__content {
    transform: rotateY(45deg) scale(.8)
}

.flipster--carousel .flipster__item--future .flipster__item__content {
    transform: translateX(-100%) rotateY(20deg) scale(.5)
}

.flipster--carousel .flipster__item--future-2 .flipster__item__content {
    transform: translateX(-25%) rotateY(-40deg) scale(.65)
}

.flipster--carousel .flipster__item--future-1 .flipster__item__content {
    transform: rotateY(-45deg) scale(.8)
}

.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
    transform: translateX(175%) scale(.5)
}

.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
    transform: translateX(25%) scale(.65)
}

.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
    transform: translateX(0) scale(.8)
}

.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
    transform: translateX(-175%) scale(.5)
}

.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
    transform: translateX(-25%) scale(.65)
}

.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
    transform: translateX(0) scale(.8)
}

.flipster--carousel .flipster__item--current .flipster__item__content {
    transform: translateX(0) rotateY(0deg) scale(1);
    transition-delay: 60ms
}

.flipster--coverflow .flipster__container,
.flipster--coverflow .flipster__item,
.flipster--coverflow .flipster__item__content {
    transition: all .35s ease-in-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

.flipster--coverflow .flipster__item {
    perspective: 800px
}

.flipster--coverflow .flipster__container {
    padding-bottom: 5%
}

.flipster--coverflow .flipster__item__content {
    transform-origin: 50% 100%;
    box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, hsla(0, 0%, 100%, .12)), color-stop(.2, transparent));
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, hsla(0, 0%, 100%, .12)), color-stop(.2, transparent))
}

.flipster--coverflow .flipster__item__content img:only-child {
    display: block
}

.flipster--coverflow .flipster__item--past .flipster__item__content {
    transform-origin: 0 50%;
    transform: scale(.75) rotateY(55deg)
}

.flipster--coverflow .flipster__item--future .flipster__item__content {
    transform-origin: 100% 50%;
    transform: scale(.75) rotateY(-55deg)
}

.flipster--coverflow .flip-current .flipster__item__content {
    transform: rotateY(0deg)
}

.flipster--flat .flipster__container,
.flipster--flat .flipster__item,
.flipster--flat .flipster__item__content {
    transition: all .4s ease-in-out
}

.flipster--flat .flipster__item--future,
.flipster--flat .flipster__item--past {
    opacity: .5
}

.flipster--flat .flipster__item--future .flipster__item__content,
.flipster--flat .flipster__item--past .flipster__item__content {
    transform: scale(.75)
}

.flipster--wheel {
    overflow: hidden
}

.flipster--wheel .flipster__container,
.flipster--wheel .flipster__item__content {
    transition: all .4s ease-in-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

.flipster--wheel .flipster__container {
    padding-bottom: 20%
}

.flipster--wheel .flipster__item__content {
    transform-origin: 50% 100%
}

.flipster--wheel .flipster__item--past .flipster__item__content {
    transform-origin: 100% 100%
}

.flipster--wheel .flipster__item--future .flipster__item__content {
    transform-origin: 0 100%
}

.flipster--wheel .flipster__item__content img:only-child {
    display: block
}

.flipster--wheel .flipster__item--past .flipster__item__content {
    opacity: 0;
    transform: rotate(-80deg) translate(-170%, 110%)
}

.flipster--wheel .flipster__item--future .flipster__item__content {
    opacity: 0;
    transform: rotate(80deg) translate(170%, 110%)
}

.flipster--wheel .flipster__item--past-3 .flipster__item__content {
    opacity: 1;
    transform: rotate(-60deg) translate(-70%, 75%)
}

.flipster--wheel .flipster__item--future-3 .flipster__item__content {
    opacity: 1;
    transform: rotate(60deg) translate(70%, 75%)
}

.flipster--wheel .flipster__item--past-2 .flipster__item__content {
    opacity: 1;
    transform: rotate(-40deg) translate(-17%, 30%)
}

.flipster--wheel .flipster__item--future-2 .flipster__item__content {
    opacity: 1;
    transform: rotate(40deg) translate(17%, 30%)
}

.flipster--wheel .flipster__item--past-1 .flipster__item__content {
    opacity: 1;
    transform: rotate(-20deg)
}

.flipster--wheel .flipster__item--future-1 .flipster__item__content {
    opacity: 1;
    transform: rotate(20deg)
}

.flipster--wheel .flip-current .flipster__item__content {
    transform: rotateX(0deg)
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    overflow: hidden;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0
}

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

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.simplebar-track {
    z-index: 1;
    right: 0;
    bottom: 0
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes fancybox-rotate {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

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

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

@charset "UTF-8";

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) 50% no-repeat
}

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

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "\2190"
}

[dir=rtl] .slick-prev:before {
    content: "\2192"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "\2192"
}

[dir=rtl] .slick-next:before {
    content: "\2190"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "\2022";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

@charset "UTF-8";

.w-10 {
    width: 10% !important
}

.w-20 {
    width: 20% !important
}

.w-25 {
    width: 25% !important
}

.w-33 {
    width: 33% !important
}

.w-40 {
    width: 40% !important
}

.w-50 {
    width: 50% !important
}

.w-60 {
    width: 60% !important
}

.w-75 {
    width: 75% !important
}

.w-80 {
    width: 80% !important
}

.w-90 {
    width: 90% !important
}

.w-100 {
    width: 100% !important
}

.w-1200,
.w-1440,
.w-1600,
.w-1920 {
    max-width: 1200px !important;
    width: 100%
}

.h-100 {
    height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.vh-50 {
    height: 50vh !important
}

.h-50 {
    height: 50% !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 1% !important
}

.pt-1 {
    padding-top: 1% !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 1% !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: 1% !important
}

.pr-1 {
    padding-right: 1% !important
}

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

.px-1 {
    padding-left: 1% !important;
    padding-right: 1% !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: 1% !important;
    padding-bottom: 1% !important
}

.p-2 {
    padding: 2% !important
}

.pt-2 {
    padding-top: 2% !important
}

.pb-2 {
    padding-bottom: 2% !important
}

.pl-2 {
    padding-left: 2% !important
}

.pr-2,
.px-2 {
    padding-right: 2% !important
}

.px-2 {
    padding-left: 2% !important
}

.py-2 {
    padding-top: 2% !important;
    padding-bottom: 2% !important
}

.p-3 {
    padding: 3% !important
}

.pt-3 {
    padding-top: 3% !important
}

.pb-3 {
    padding-bottom: 3% !important
}

.pl-3 {
    padding-left: 3% !important
}

.pr-3,
.px-3 {
    padding-right: 3% !important
}

.px-3 {
    padding-left: 3% !important
}

.py-3 {
    padding-top: 3% !important;
    padding-bottom: 3% !important
}

.p-4 {
    padding: 4% !important
}

.pt-4 {
    padding-top: 4% !important
}

.pb-4 {
    padding-bottom: 4% !important
}

.pl-4 {
    padding-left: 4% !important
}

.pr-4,
.px-4 {
    padding-right: 4% !important
}

.px-4 {
    padding-left: 4% !important
}

.py-4 {
    padding-top: 4% !important;
    padding-bottom: 4% !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 1% !important
}

.mt-1 {
    margin-top: 1% !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 1% !important
}

.ml-1 {
    margin-left: 1% !important
}

.mr-1,
.mx-1 {
    margin-right: 1% !important
}

.mx-1 {
    margin-left: 1% !important
}

.my-1 {
    margin-top: 1% !important;
    margin-bottom: 1% !important
}

.m-2 {
    margin: 2% !important
}

.mt-2 {
    margin-top: 2% !important
}

.mb-2 {
    margin-bottom: 2% !important
}

.ml-2 {
    margin-left: 2% !important
}

.mr-2,
.mx-2 {
    margin-right: 2% !important
}

.mx-2 {
    margin-left: 2% !important
}

.my-2 {
    margin-top: 2% !important;
    margin-bottom: 2% !important
}

.m-3 {
    margin: 3% !important
}

.mt-3 {
    margin-top: 3% !important
}

.mb-3 {
    margin-bottom: 3% !important
}

.ml-3 {
    margin-left: 3% !important
}

.mr-3,
.mx-3 {
    margin-right: 3% !important
}

.mx-3 {
    margin-left: 3% !important
}

.my-3 {
    margin-top: 3% !important;
    margin-bottom: 3% !important
}

.m-4 {
    margin: 4% !important
}

.mt-4 {
    margin-top: 4% !important
}

.mb-4 {
    margin-bottom: 4% !important
}

.ml-4 {
    margin-left: 4% !important
}

.mr-4,
.mx-4 {
    margin-right: 4% !important
}

.mx-4 {
    margin-left: 4% !important
}

.my-4 {
    margin-top: 4% !important;
    margin-bottom: 4% !important
}

@font-face {
    font-family: Stratos;
    font-weight: lighter;
    font-display: swap;
    src: url(../fonts/stratoslight.eot);
    src: url(../fonts/stratoslight.eot) format("embedded-opentype"), url(../fonts/stratoslight.woff2) format("woff2"), url(../fonts/stratoslight.woff) format("woff"), url(../fonts/stratoslight.ttf) format("truetype"), url(../fonts/stratoslight.svg) format("svg")
}

@font-face {
    font-family: Stratos;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/stratosbold.eot);
    src: url(../fonts/stratosbold.eot) format("embedded-opentype"), url(../fonts/stratosbold.woff2) format("woff2"), url(../fonts/stratosbold.woff) format("woff"), url(../fonts/stratosbold.ttf) format("truetype"), url(../fonts/stratosbold.svg) format("svg")
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot) format("embedded-opentype"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon-arrow-down:before {
    content: "\EE92";
    color: #fff
}

.icon-icon-arrow-right:before {
    content: "\EE93";
    color: #fff
}

.icon-icon-bell:before {
    content: "\E897";
    color: #fff
}

.icon-icon-close:before {
    content: "\EE95";
    color: #fff
}

.icon-icon-conversation:before {
    content: "\EE96"
}

.icon-icon-hamburger:before {
    content: "\EE9A";
    color: #fff
}

.icon-icon-instagram .path1:before {
    content: "\EE9B";
    color: #e5e5e5
}

.icon-icon-more:before {
    content: "\EE9F"
}

.icon-icon-pie-chart:before {
    content: "\EEA0";
    color: #fff
}

.icon-icon-pinterest-circle:before {
    content: "\EEA1";
    color: #e5e5e5
}

.icon-icon-play:before {
    content: "\EEA2"
}

.icon-icon-search:before {
    content: "\EEA3";
    color: #fff
}

.icon-icon-user:before {
    content: "\EEA7";
    color: #fff
}

.icon-icon-whatsapp-circle:before {
    content: "\EEA8";
    color: #e5e5e5
}

.icon-error:before {
    content: "\E900"
}

.icon-error_outline:before {
    content: "\E901"
}

.icon-warning:before {
    content: "\E902"
}

.icon-add_alert:before {
    content: "\E903"
}

.icon-notification_important:before {
    content: "\E904"
}

.icon-album:before {
    content: "\E905"
}

.icon-av_timer:before {
    content: "\E906"
}

.icon-closed_caption:before {
    content: "\E907"
}

.icon-equalizer:before {
    content: "\E908"
}

.icon-explicit:before {
    content: "\E909"
}

.icon-fast_forward:before {
    content: "\E90A"
}

.icon-fast_rewind:before {
    content: "\E90B"
}

.icon-games:before {
    content: "\E90C"
}

.icon-hearing:before {
    content: "\E90D"
}

.icon-high_quality:before {
    content: "\E90E"
}

.icon-loop:before {
    content: "\E90F"
}

.icon-mic:before {
    content: "\E910"
}

.icon-mic_none:before {
    content: "\E911"
}

.icon-mic_off:before {
    content: "\E912"
}

.icon-movie:before {
    content: "\E913"
}

.icon-library_add:before {
    content: "\E914"
}

.icon-library_books:before {
    content: "\E915"
}

.icon-library_music:before {
    content: "\E916"
}

.icon-new_releases:before {
    content: "\E917"
}

.icon-not_interested:before {
    content: "\E918"
}

.icon-pause:before {
    content: "\E919"
}

.icon-pause_circle_filled:before {
    content: "\E91A"
}

.icon-pause_circle_outline:before {
    content: "\E91B"
}

.icon-play_arrow:before {
    content: "\E91C"
}

.icon-play_circle_filled:before {
    content: "\E91D"
}

.icon-play_circle_outline:before {
    content: "\E91E"
}

.icon-playlist_add:before {
    content: "\E91F"
}

.icon-queue_music:before {
    content: "\E920"
}

.icon-radio:before {
    content: "\E921"
}

.icon-recent_actors:before {
    content: "\E922"
}

.icon-repeat:before {
    content: "\E923"
}

.icon-repeat_one:before {
    content: "\E924"
}

.icon-replay:before {
    content: "\E925"
}

.icon-shuffle:before {
    content: "\E926"
}

.icon-skip_next:before {
    content: "\E927"
}

.icon-skip_previous:before {
    content: "\E928"
}

.icon-snooze:before {
    content: "\E929"
}

.icon-stop:before {
    content: "\E92A"
}

.icon-subtitles:before {
    content: "\E92B"
}

.icon-surround_sound:before {
    content: "\E92C"
}

.icon-video_library:before {
    content: "\E92D"
}

.icon-videocam:before {
    content: "\E92E"
}

.icon-videocam_off:before {
    content: "\E92F"
}

.icon-volume_down:before {
    content: "\E930"
}

.icon-volume_mute:before {
    content: "\E931"
}

.icon-volume_off:before {
    content: "\E932"
}

.icon-volume_up:before {
    content: "\E933"
}

.icon-web:before {
    content: "\E934"
}

.icon-hd:before {
    content: "\E935"
}

.icon-sort_by_alpha:before {
    content: "\E936"
}

.icon-airplay:before {
    content: "\E937"
}

.icon-forward_10:before {
    content: "\E938"
}

.icon-forward_30:before {
    content: "\E939"
}

.icon-forward_5:before {
    content: "\E93A"
}

.icon-replay_10:before {
    content: "\E93B"
}

.icon-replay_30:before {
    content: "\E93C"
}

.icon-replay_5:before {
    content: "\E93D"
}

.icon-add_to_queue:before {
    content: "\E93E"
}

.icon-fiber_dvr:before {
    content: "\E93F"
}

.icon-fiber_new:before {
    content: "\E940"
}

.icon-playlist_play:before {
    content: "\E941"
}

.icon-art_track:before {
    content: "\E942"
}

.icon-fiber_manual_record:before {
    content: "\E943"
}

.icon-fiber_smart_record:before {
    content: "\E944"
}

.icon-music_video:before {
    content: "\E945"
}

.icon-subscriptions:before {
    content: "\E946"
}

.icon-playlist_add_check:before {
    content: "\E947"
}

.icon-queue_play_next:before {
    content: "\E948"
}

.icon-remove_from_queue:before {
    content: "\E949"
}

.icon-slow_motion_video:before {
    content: "\E94A"
}

.icon-web_asset:before {
    content: "\E94B"
}

.icon-fiber_pin:before {
    content: "\E94C"
}

.icon-branding_watermark:before {
    content: "\E94D"
}

.icon-call_to_action:before {
    content: "\E94E"
}

.icon-featured_play_list:before {
    content: "\E94F"
}

.icon-featured_video:before {
    content: "\E950"
}

.icon-note:before {
    content: "\E951"
}

.icon-video_call:before {
    content: "\E952"
}

.icon-video_label:before {
    content: "\E953"
}

.icon-4k:before {
    content: "\E954"
}

.icon-missed_video_call:before {
    content: "\E955"
}

.icon-control_camera:before {
    content: "\E956"
}

.icon-business:before {
    content: "\E957"
}

.icon-call:before {
    content: "\E958"
}

.icon-call_end:before {
    content: "\E959"
}

.icon-call_made:before {
    content: "\E95A"
}

.icon-call_merge:before {
    content: "\E95B"
}

.icon-call_missed:before {
    content: "\E95C"
}

.icon-call_received:before {
    content: "\E95D"
}

.icon-call_split:before {
    content: "\E95E"
}

.icon-chat:before {
    content: "\E95F"
}

.icon-clear_all:before {
    content: "\E960"
}

.icon-comment:before {
    content: "\E961"
}

.icon-contacts:before {
    content: "\E962"
}

.icon-dialer_sip:before {
    content: "\E963"
}

.icon-dialpad:before {
    content: "\E964"
}

.icon-email:before {
    content: "\E965"
}

.icon-forum:before {
    content: "\E966"
}

.icon-import_export:before {
    content: "\E967"
}

.icon-invert_colors_off:before {
    content: "\E968"
}

.icon-live_help:before {
    content: "\E969"
}

.icon-location_off:before {
    content: "\E96A"
}

.icon-location_on:before {
    content: "\E96B"
}

.icon-message:before {
    content: "\E96C"
}

.icon-chat_bubble:before {
    content: "\E96D"
}

.icon-chat_bubble_outline:before {
    content: "\E96E"
}

.icon-no_sim:before {
    content: "\E96F"
}

.icon-phone:before {
    content: "\E970"
}

.icon-portable_wifi_off:before {
    content: "\E971"
}

.icon-contact_phone:before {
    content: "\E972"
}

.icon-contact_mail:before {
    content: "\E973"
}

.icon-ring_volume:before {
    content: "\E974"
}

.icon-speaker_phone:before {
    content: "\E975"
}

.icon-stay_current_landscape:before {
    content: "\E976"
}

.icon-stay_current_portrait:before {
    content: "\E977"
}

.icon-swap_calls:before {
    content: "\E978"
}

.icon-textsms:before {
    content: "\E979"
}

.icon-voicemail:before {
    content: "\E97A"
}

.icon-vpn_key:before {
    content: "\E97B"
}

.icon-phonelink_erase:before {
    content: "\E97C"
}

.icon-phonelink_lock:before {
    content: "\E97D"
}

.icon-phonelink_ring:before {
    content: "\E97E"
}

.icon-phonelink_setup:before {
    content: "\E97F"
}

.icon-present_to_all:before {
    content: "\E980"
}

.icon-import_contacts:before {
    content: "\E981"
}

.icon-mail_outline:before {
    content: "\E982"
}

.icon-screen_share:before {
    content: "\E983"
}

.icon-stop_screen_share:before {
    content: "\E984"
}

.icon-call_missed_outgoing:before {
    content: "\E985"
}

.icon-rss_feed:before {
    content: "\E986"
}

.icon-alternate_email:before {
    content: "\E987"
}

.icon-mobile_screen_share:before {
    content: "\E988"
}

.icon-add_call:before {
    content: "\E989"
}

.icon-cancel_presentation:before {
    content: "\E98A"
}

.icon-pause_presentation:before {
    content: "\E98B"
}

.icon-unsubscribe:before {
    content: "\E98C"
}

.icon-cell_wifi:before {
    content: "\E98D"
}

.icon-sentiment_satisfied_alt:before {
    content: "\E98E"
}

.icon-list_alt:before {
    content: "\E98F"
}

.icon-domain_disabled:before {
    content: "\E990"
}

.icon-lightbulb:before {
    content: "\E991"
}

.icon-add:before {
    content: "\E992"
}

.icon-add_box:before {
    content: "\E993"
}

.icon-add_circle:before {
    content: "\E994"
}

.icon-add_circle_outline:before {
    content: "\E995"
}

.icon-archive:before {
    content: "\E996"
}

.icon-backspace:before {
    content: "\E997"
}

.icon-block:before {
    content: "\E998"
}

.icon-clear:before {
    content: "\E999"
}

.icon-content_copy:before {
    content: "\E99A"
}

.icon-content_cut:before {
    content: "\E99B"
}

.icon-content_paste:before {
    content: "\E99C"
}

.icon-create:before {
    content: "\E99D"
}

.icon-drafts:before {
    content: "\E99E"
}

.icon-filter_list:before {
    content: "\E99F"
}

.icon-flag:before {
    content: "\E9A0"
}

.icon-forward:before {
    content: "\E9A1"
}

.icon-gesture:before {
    content: "\E9A2"
}

.icon-inbox:before {
    content: "\E9A3"
}

.icon-link:before {
    content: "\E9A4"
}

.icon-redo:before {
    content: "\E9A5"
}

.icon-remove:before {
    content: "\E9A6"
}

.icon-remove_circle:before {
    content: "\E9A7"
}

.icon-remove_circle_outline:before {
    content: "\E9A8"
}

.icon-reply:before {
    content: "\E9A9"
}

.icon-reply_all:before {
    content: "\E9AA"
}

.icon-report:before {
    content: "\E9AB"
}

.icon-save:before {
    content: "\E9AC"
}

.icon-select_all:before {
    content: "\E9AD"
}

.icon-send:before {
    content: "\E9AE"
}

.icon-sort:before {
    content: "\E9AF"
}

.icon-text_format:before {
    content: "\E9B0"
}

.icon-undo:before {
    content: "\E9B1"
}

.icon-font_download:before {
    content: "\E9B2"
}

.icon-move_to_inbox:before {
    content: "\E9B3"
}

.icon-unarchive:before {
    content: "\E9B4"
}

.icon-next_week:before {
    content: "\E9B5"
}

.icon-weekend:before {
    content: "\E9B6"
}

.icon-delete_sweep:before {
    content: "\E9B7"
}

.icon-low_priority:before {
    content: "\E9B8"
}

.icon-outlined_flag:before {
    content: "\E9B9"
}

.icon-link_off:before {
    content: "\E9BA"
}

.icon-report_off:before {
    content: "\E9BB"
}

.icon-save_alt:before {
    content: "\E9BC"
}

.icon-ballot:before {
    content: "\E9BD"
}

.icon-file_copy:before {
    content: "\E9BE"
}

.icon-how_to_reg:before {
    content: "\E9BF"
}

.icon-how_to_vote:before {
    content: "\E9C0"
}

.icon-waves:before {
    content: "\E9C1"
}

.icon-where_to_vote:before {
    content: "\E9C2"
}

.icon-add_link:before {
    content: "\E9C3"
}

.icon-inventory:before {
    content: "\E9C4"
}

.icon-access_alarm:before {
    content: "\E9C5"
}

.icon-access_alarms:before {
    content: "\E9C6"
}

.icon-access_time:before {
    content: "\E9C7"
}

.icon-add_alarm:before {
    content: "\E9C8"
}

.icon-airplanemode_off:before {
    content: "\E9C9"
}

.icon-airplanemode_on:before {
    content: "\E9CA"
}

.icon-battery_alert:before {
    content: "\E9CB"
}

.icon-battery_charging_full:before {
    content: "\E9CC"
}

.icon-battery_full:before {
    content: "\E9CD"
}

.icon-battery_unknown:before {
    content: "\E9CE"
}

.icon-bluetooth:before {
    content: "\E9CF"
}

.icon-bluetooth_connected:before {
    content: "\E9D0"
}

.icon-bluetooth_disabled:before {
    content: "\E9D1"
}

.icon-bluetooth_searching:before {
    content: "\E9D2"
}

.icon-brightness_auto:before {
    content: "\E9D3"
}

.icon-brightness_high:before {
    content: "\E9D4"
}

.icon-brightness_low:before {
    content: "\E9D5"
}

.icon-brightness_medium:before {
    content: "\E9D6"
}

.icon-data_usage:before {
    content: "\E9D7"
}

.icon-developer_mode:before {
    content: "\E9D8"
}

.icon-devices:before {
    content: "\E9D9"
}

.icon-dvr:before {
    content: "\E9DA"
}

.icon-gps_fixed:before {
    content: "\E9DB"
}

.icon-gps_not_fixed:before {
    content: "\E9DC"
}

.icon-gps_off:before {
    content: "\E9DD"
}

.icon-graphic_eq:before {
    content: "\E9DE"
}

.icon-network_cell:before {
    content: "\E9DF"
}

.icon-network_wifi:before {
    content: "\E9E0"
}

.icon-nfc:before {
    content: "\E9E1"
}

.icon-now_wallpaper:before {
    content: "\E9E2"
}

.icon-now_widgets:before {
    content: "\E9E3"
}

.icon-screen_lock_landscape:before {
    content: "\E9E4"
}

.icon-screen_lock_portrait:before {
    content: "\E9E5"
}

.icon-screen_lock_rotation:before {
    content: "\E9E6"
}

.icon-screen_rotation:before {
    content: "\E9E7"
}

.icon-sd_storage:before {
    content: "\E9E8"
}

.icon-settings_system_daydream:before {
    content: "\E9E9"
}

.icon-signal_cellular_4_bar:before {
    content: "\E9EA"
}

.icon-signal_cellular_connected_no_internet_4_bar:before {
    content: "\E9EB"
}

.icon-signal_cellular_null:before {
    content: "\E9EC"
}

.icon-signal_cellular_off:before {
    content: "\E9ED"
}

.icon-signal_wifi_4_bar:before {
    content: "\E9EE"
}

.icon-signal_wifi_4_bar_lock:before {
    content: "\E9EF"
}

.icon-signal_wifi_off:before {
    content: "\E9F0"
}

.icon-storage:before {
    content: "\E9F1"
}

.icon-usb:before {
    content: "\E9F2"
}

.icon-wifi_lock:before {
    content: "\E9F3"
}

.icon-wifi_tethering:before {
    content: "\E9F4"
}

.icon-add_to_home_screen:before {
    content: "\E9F5"
}

.icon-device_thermostat:before {
    content: "\E9F6"
}

.icon-mobile_friendly:before {
    content: "\E9F7"
}

.icon-mobile_off:before {
    content: "\E9F8"
}

.icon-signal_cellular_alt:before {
    content: "\E9F9"
}

.icon-attach_file:before {
    content: "\E9FA"
}

.icon-attach_money:before {
    content: "\E9FB"
}

.icon-border_all:before {
    content: "\E9FC"
}

.icon-border_bottom:before {
    content: "\E9FD"
}

.icon-border_clear:before {
    content: "\E9FE"
}

.icon-border_color:before {
    content: "\E9FF"
}

.icon-border_horizontal:before {
    content: "\EA00"
}

.icon-border_inner:before {
    content: "\EA01"
}

.icon-border_left:before {
    content: "\EA02"
}

.icon-border_outer:before {
    content: "\EA03"
}

.icon-border_right:before {
    content: "\EA04"
}

.icon-border_style:before {
    content: "\EA05"
}

.icon-border_top:before {
    content: "\EA06"
}

.icon-border_vertical:before {
    content: "\EA07"
}

.icon-format_align_center:before {
    content: "\EA08"
}

.icon-format_align_justify:before {
    content: "\EA09"
}

.icon-format_align_left:before {
    content: "\EA0A"
}

.icon-format_align_right:before {
    content: "\EA0B"
}

.icon-format_bold:before {
    content: "\EA0C"
}

.icon-format_clear:before {
    content: "\EA0D"
}

.icon-format_color_fill:before {
    content: "\EA0E"
}

.icon-format_color_reset:before {
    content: "\EA0F"
}

.icon-format_color_text:before {
    content: "\EA10"
}

.icon-format_indent_decrease:before {
    content: "\EA11"
}

.icon-format_indent_increase:before {
    content: "\EA12"
}

.icon-format_italic:before {
    content: "\EA13"
}

.icon-format_line_spacing:before {
    content: "\EA14"
}

.icon-format_list_bulleted:before {
    content: "\EA15"
}

.icon-format_list_numbered:before {
    content: "\EA16"
}

.icon-format_paint:before {
    content: "\EA17"
}

.icon-format_quote:before {
    content: "\EA18"
}

.icon-format_size:before {
    content: "\EA19"
}

.icon-format_strikethrough:before {
    content: "\EA1A"
}

.icon-format_textdirection_l_to_r:before {
    content: "\EA1B"
}

.icon-format_textdirection_r_to_l:before {
    content: "\EA1C"
}

.icon-format_underlined:before {
    content: "\EA1D"
}

.icon-functions:before {
    content: "\EA1E"
}

.icon-insert_chart:before {
    content: "\EA1F"
}

.icon-insert_comment:before {
    content: "\EA20"
}

.icon-insert_drive_file:before {
    content: "\EA21"
}

.icon-insert_emoticon:before {
    content: "\EA22"
}

.icon-insert_invitation:before {
    content: "\EA23"
}

.icon-insert_photo:before {
    content: "\EA24"
}

.icon-mode_comment:before {
    content: "\EA25"
}

.icon-publish:before {
    content: "\EA26"
}

.icon-space_bar:before {
    content: "\EA27"
}

.icon-strikethrough_s:before {
    content: "\EA28"
}

.icon-vertical_align_bottom:before {
    content: "\EA29"
}

.icon-vertical_align_center:before {
    content: "\EA2A"
}

.icon-vertical_align_top:before {
    content: "\EA2B"
}

.icon-wrap_text:before {
    content: "\EA2C"
}

.icon-money_off:before {
    content: "\EA2D"
}

.icon-drag_handle:before {
    content: "\EA2E"
}

.icon-format_shapes:before {
    content: "\EA2F"
}

.icon-highlight:before {
    content: "\EA30"
}

.icon-linear_scale:before {
    content: "\EA31"
}

.icon-short_text:before {
    content: "\EA32"
}

.icon-text_fields:before {
    content: "\EA33"
}

.icon-monetization_on:before {
    content: "\EA34"
}

.icon-title:before {
    content: "\EA35"
}

.icon-table_chart:before {
    content: "\EA36"
}

.icon-add_comment:before {
    content: "\EA37"
}

.icon-format_list_numbered_rtl:before {
    content: "\EA38"
}

.icon-scatter_plot:before {
    content: "\EA39"
}

.icon-score:before {
    content: "\EA3A"
}

.icon-insert_chart_outlined:before {
    content: "\EA3B"
}

.icon-bar_chart:before {
    content: "\EA3C"
}

.icon-notes:before {
    content: "\EA3D"
}

.icon-attachment:before {
    content: "\EA3E"
}

.icon-cloud:before {
    content: "\EA3F"
}

.icon-cloud_circle:before {
    content: "\EA40"
}

.icon-cloud_done:before {
    content: "\EA41"
}

.icon-cloud_download:before {
    content: "\EA42"
}

.icon-cloud_off:before {
    content: "\EA43"
}

.icon-cloud_queue:before {
    content: "\EA44"
}

.icon-cloud_upload:before {
    content: "\EA45"
}

.icon-file_download:before {
    content: "\EA46"
}

.icon-file_upload:before {
    content: "\EA47"
}

.icon-folder:before {
    content: "\EA48"
}

.icon-folder_open:before {
    content: "\EA49"
}

.icon-folder_shared:before {
    content: "\EA4A"
}

.icon-create_new_folder:before {
    content: "\EA4B"
}

.icon-cast:before {
    content: "\EA4C"
}

.icon-cast_connected:before {
    content: "\EA4D"
}

.icon-computer:before {
    content: "\EA4E"
}

.icon-desktop_mac:before {
    content: "\EA4F"
}

.icon-desktop_windows:before {
    content: "\EA50"
}

.icon-developer_board:before {
    content: "\EA51"
}

.icon-dock:before {
    content: "\EA52"
}

.icon-headset:before {
    content: "\EA53"
}

.icon-headset_mic:before {
    content: "\EA54"
}

.icon-keyboard:before {
    content: "\EA55"
}

.icon-keyboard_arrow_down:before {
    content: "\EA56"
}

.icon-keyboard_arrow_left:before {
    content: "\EA57"
}

.icon-keyboard_arrow_right:before {
    content: "\EA58"
}

.icon-keyboard_arrow_up:before {
    content: "\EA59"
}

.icon-keyboard_backspace:before {
    content: "\EA5A"
}

.icon-keyboard_capslock:before {
    content: "\EA5B"
}

.icon-keyboard_hide:before {
    content: "\EA5C"
}

.icon-keyboard_return:before {
    content: "\EA5D"
}

.icon-keyboard_tab:before {
    content: "\EA5E"
}

.icon-keyboard_voice:before {
    content: "\EA5F"
}

.icon-laptop_chromebook:before {
    content: "\EA60"
}

.icon-laptop_mac:before {
    content: "\EA61"
}

.icon-laptop_windows:before {
    content: "\EA62"
}

.icon-memory:before {
    content: "\EA63"
}

.icon-mouse:before {
    content: "\EA64"
}

.icon-phone_android:before {
    content: "\EA65"
}

.icon-phone_iphone:before {
    content: "\EA66"
}

.icon-phonelink_off:before {
    content: "\EA67"
}

.icon-router:before {
    content: "\EA68"
}

.icon-scanner:before {
    content: "\EA69"
}

.icon-security:before {
    content: "\EA6A"
}

.icon-sim_card:before {
    content: "\EA6B"
}

.icon-speaker:before {
    content: "\EA6C"
}

.icon-speaker_group:before {
    content: "\EA6D"
}

.icon-tablet:before {
    content: "\EA6E"
}

.icon-tablet_android:before {
    content: "\EA6F"
}

.icon-tablet_mac:before {
    content: "\EA70"
}

.icon-toys:before {
    content: "\EA71"
}

.icon-tv:before {
    content: "\EA72"
}

.icon-watch:before {
    content: "\EA73"
}

.icon-device_hub:before {
    content: "\EA74"
}

.icon-power_input:before {
    content: "\EA75"
}

.icon-devices_other:before {
    content: "\EA76"
}

.icon-videogame_asset:before {
    content: "\EA77"
}

.icon-device_unknown:before {
    content: "\EA78"
}

.icon-headset_off:before {
    content: "\EA79"
}

.icon-adjust:before {
    content: "\EA7A"
}

.icon-assistant:before {
    content: "\EA7B"
}

.icon-audiotrack:before {
    content: "\EA7C"
}

.icon-blur_circular:before {
    content: "\EA7D"
}

.icon-blur_linear:before {
    content: "\EA7E"
}

.icon-blur_off:before {
    content: "\EA7F"
}

.icon-blur_on:before {
    content: "\EA80"
}

.icon-brightness_1:before {
    content: "\EA81"
}

.icon-brightness_2:before {
    content: "\EA82"
}

.icon-brightness_3:before {
    content: "\EA83"
}

.icon-brightness_4:before {
    content: "\EA84"
}

.icon-broken_image:before {
    content: "\EA85"
}

.icon-brush:before {
    content: "\EA86"
}

.icon-camera:before {
    content: "\EA87"
}

.icon-camera_alt:before {
    content: "\EA88"
}

.icon-camera_front:before {
    content: "\EA89"
}

.icon-camera_rear:before {
    content: "\EA8A"
}

.icon-camera_roll:before {
    content: "\EA8B"
}

.icon-center_focus_strong:before {
    content: "\EA8C"
}

.icon-center_focus_weak:before {
    content: "\EA8D"
}

.icon-collections:before {
    content: "\EA8E"
}

.icon-color_lens:before {
    content: "\EA8F"
}

.icon-colorize:before {
    content: "\EA90"
}

.icon-compare:before {
    content: "\EA91"
}

.icon-control_point_duplicate:before {
    content: "\EA92"
}

.icon-crop_16_9:before {
    content: "\EA93"
}

.icon-crop_3_2:before {
    content: "\EA94"
}

.icon-crop:before {
    content: "\EA95"
}

.icon-crop_5_4:before {
    content: "\EA96"
}

.icon-crop_7_5:before {
    content: "\EA97"
}

.icon-crop_din:before {
    content: "\EA98"
}

.icon-crop_free:before {
    content: "\EA99"
}

.icon-crop_original:before {
    content: "\EA9A"
}

.icon-crop_portrait:before {
    content: "\EA9B"
}

.icon-crop_square:before {
    content: "\EA9C"
}

.icon-dehaze:before {
    content: "\EA9D"
}

.icon-details:before {
    content: "\EA9E"
}

.icon-exposure:before {
    content: "\EA9F"
}

.icon-exposure_neg_1:before {
    content: "\EAA0"
}

.icon-exposure_neg_2:before {
    content: "\EAA1"
}

.icon-exposure_plus_1:before {
    content: "\EAA2"
}

.icon-exposure_plus_2:before {
    content: "\EAA3"
}

.icon-exposure_zero:before {
    content: "\EAA4"
}

.icon-filter_1:before {
    content: "\EAA5"
}

.icon-filter_2:before {
    content: "\EAA6"
}

.icon-filter_3:before {
    content: "\EAA7"
}

.icon-filter:before {
    content: "\EAA8"
}

.icon-filter_4:before {
    content: "\EAA9"
}

.icon-filter_5:before {
    content: "\EAAA"
}

.icon-filter_6:before {
    content: "\EAAB"
}

.icon-filter_7:before {
    content: "\EAAC"
}

.icon-filter_8:before {
    content: "\EAAD"
}

.icon-filter_9:before {
    content: "\EAAE"
}

.icon-filter_9_plus:before {
    content: "\EAAF"
}

.icon-filter_b_and_w:before {
    content: "\EAB0"
}

.icon-filter_center_focus:before {
    content: "\EAB1"
}

.icon-filter_drama:before {
    content: "\EAB2"
}

.icon-filter_frames:before {
    content: "\EAB3"
}

.icon-filter_hdr:before {
    content: "\EAB4"
}

.icon-filter_none:before {
    content: "\EAB5"
}

.icon-filter_tilt_shift:before {
    content: "\EAB6"
}

.icon-filter_vintage:before {
    content: "\EAB7"
}

.icon-flare:before {
    content: "\EAB8"
}

.icon-flash_auto:before {
    content: "\EAB9"
}

.icon-flash_off:before {
    content: "\EABA"
}

.icon-flash_on:before {
    content: "\EABB"
}

.icon-flip:before {
    content: "\EABC"
}

.icon-gradient:before {
    content: "\EABD"
}

.icon-grain:before {
    content: "\EABE"
}

.icon-grid_off:before {
    content: "\EABF"
}

.icon-grid_on:before {
    content: "\EAC0"
}

.icon-hdr_off:before {
    content: "\EAC1"
}

.icon-hdr_on:before {
    content: "\EAC2"
}

.icon-hdr_strong:before {
    content: "\EAC3"
}

.icon-hdr_weak:before {
    content: "\EAC4"
}

.icon-healing:before {
    content: "\EAC5"
}

.icon-image_aspect_ratio:before {
    content: "\EAC6"
}

.icon-iso:before {
    content: "\EAC7"
}

.icon-leak_add:before {
    content: "\EAC8"
}

.icon-leak_remove:before {
    content: "\EAC9"
}

.icon-lens:before {
    content: "\EACA"
}

.icon-looks_3:before {
    content: "\EACB"
}

.icon-looks:before {
    content: "\EACC"
}

.icon-looks_4:before {
    content: "\EACD"
}

.icon-looks_5:before {
    content: "\EACE"
}

.icon-looks_6:before {
    content: "\EACF"
}

.icon-looks_one:before {
    content: "\EAD0"
}

.icon-looks_two:before {
    content: "\EAD1"
}

.icon-loupe:before {
    content: "\EAD2"
}

.icon-monochrome_photos:before {
    content: "\EAD3"
}

.icon-music_note:before {
    content: "\EAD4"
}

.icon-nature:before {
    content: "\EAD5"
}

.icon-nature_people:before {
    content: "\EAD6"
}

.icon-navigate_before:before {
    content: "\EAD7"
}

.icon-navigate_next:before {
    content: "\EAD8"
}

.icon-panorama:before {
    content: "\EAD9"
}

.icon-panorama_fisheye:before {
    content: "\EADA"
}

.icon-panorama_horizontal:before {
    content: "\EADB"
}

.icon-panorama_vertical:before {
    content: "\EADC"
}

.icon-panorama_wide_angle:before {
    content: "\EADD"
}

.icon-photo_album:before {
    content: "\EADE"
}

.icon-picture_as_pdf:before {
    content: "\EADF"
}

.icon-portrait:before {
    content: "\EAE0"
}

.icon-remove_red_eye:before {
    content: "\EAE1"
}

.icon-rotate_90_degrees_ccw:before {
    content: "\EAE2"
}

.icon-rotate_left:before {
    content: "\EAE3"
}

.icon-rotate_right:before {
    content: "\EAE4"
}

.icon-slideshow:before {
    content: "\EAE5"
}

.icon-straighten:before {
    content: "\EAE6"
}

.icon-style:before {
    content: "\EAE7"
}

.icon-switch_camera:before {
    content: "\EAE8"
}

.icon-switch_video:before {
    content: "\EAE9"
}

.icon-texture:before {
    content: "\EAEA"
}

.icon-timelapse:before {
    content: "\EAEB"
}

.icon-timer_10:before {
    content: "\EAEC"
}

.icon-timer_3:before {
    content: "\EAED"
}

.icon-timer:before {
    content: "\EAEE"
}

.icon-timer_off:before {
    content: "\EAEF"
}

.icon-tonality:before {
    content: "\EAF0"
}

.icon-transform:before {
    content: "\EAF1"
}

.icon-tune:before {
    content: "\EAF2"
}

.icon-view_comfy:before {
    content: "\EAF3"
}

.icon-view_compact:before {
    content: "\EAF4"
}

.icon-wb_auto:before {
    content: "\EAF5"
}

.icon-wb_cloudy:before {
    content: "\EAF6"
}

.icon-wb_incandescent:before {
    content: "\EAF7"
}

.icon-wb_sunny:before {
    content: "\EAF8"
}

.icon-collections_bookmark:before {
    content: "\EAF9"
}

.icon-photo_size_select_actual:before {
    content: "\EAFA"
}

.icon-photo_size_select_large:before {
    content: "\EAFB"
}

.icon-photo_size_select_small:before {
    content: "\EAFC"
}

.icon-vignette:before {
    content: "\EAFD"
}

.icon-wb_iridescent:before {
    content: "\EAFE"
}

.icon-crop_rotate:before {
    content: "\EAFF"
}

.icon-linked_camera:before {
    content: "\EB00"
}

.icon-add_a_photo:before {
    content: "\EB01"
}

.icon-movie_filter:before {
    content: "\EB02"
}

.icon-photo_filter:before {
    content: "\EB03"
}

.icon-burst_mode:before {
    content: "\EB04"
}

.icon-shutter_speed:before {
    content: "\EB05"
}

.icon-add_photo_alternate:before {
    content: "\EB06"
}

.icon-image_search:before {
    content: "\EB07"
}

.icon-music_off:before {
    content: "\EB08"
}

.icon-beenhere:before {
    content: "\EB09"
}

.icon-directions:before {
    content: "\EB0A"
}

.icon-directions_bike:before {
    content: "\EB0B"
}

.icon-directions_bus:before {
    content: "\EB0C"
}

.icon-directions_car:before {
    content: "\EB0D"
}

.icon-directions_ferry:before {
    content: "\EB0E"
}

.icon-directions_subway:before {
    content: "\EB0F"
}

.icon-directions_train:before {
    content: "\EB10"
}

.icon-directions_walk:before {
    content: "\EB11"
}

.icon-hotel:before {
    content: "\EB12"
}

.icon-layers:before {
    content: "\EB13"
}

.icon-layers_clear:before {
    content: "\EB14"
}

.icon-local_atm:before {
    content: "\EB15"
}

.icon-local_attraction:before {
    content: "\EB16"
}

.icon-local_bar:before {
    content: "\EB17"
}

.icon-local_cafe:before {
    content: "\EB18"
}

.icon-local_car_wash:before {
    content: "\EB19"
}

.icon-local_convenience_store:before {
    content: "\EB1A"
}

.icon-local_drink:before {
    content: "\EB1B"
}

.icon-local_florist:before {
    content: "\EB1C"
}

.icon-local_gas_station:before {
    content: "\EB1D"
}

.icon-local_grocery_store:before {
    content: "\EB1E"
}

.icon-local_hospital:before {
    content: "\EB1F"
}

.icon-local_laundry_service:before {
    content: "\EB20"
}

.icon-local_library:before {
    content: "\EB21"
}

.icon-local_mall:before {
    content: "\EB22"
}

.icon-local_movies:before {
    content: "\EB23"
}

.icon-local_offer:before {
    content: "\EB24"
}

.icon-local_parking:before {
    content: "\EB25"
}

.icon-local_pharmacy:before {
    content: "\EB26"
}

.icon-local_pizza:before {
    content: "\EB27"
}

.icon-local_printshop:before {
    content: "\EB28"
}

.icon-local_restaurant:before {
    content: "\EB29"
}

.icon-local_shipping:before {
    content: "\EB2A"
}

.icon-local_taxi:before {
    content: "\EB2B"
}

.icon-location_history:before {
    content: "\EB2C"
}

.icon-map:before {
    content: "\EB2D"
}

.icon-navigation:before {
    content: "\EB2E"
}

.icon-pin_drop:before {
    content: "\EB2F"
}

.icon-rate_review:before {
    content: "\EB30"
}

.icon-satellite:before {
    content: "\EB31"
}

.icon-store_mall_directory:before {
    content: "\EB32"
}

.icon-traffic:before {
    content: "\EB33"
}

.icon-directions_run:before {
    content: "\EB34"
}

.icon-add_location:before {
    content: "\EB35"
}

.icon-edit_location:before {
    content: "\EB36"
}

.icon-near_me:before {
    content: "\EB37"
}

.icon-person_pin_circle:before {
    content: "\EB38"
}

.icon-zoom_out_map:before {
    content: "\EB39"
}

.icon-restaurant:before {
    content: "\EB3A"
}

.icon-ev_station:before {
    content: "\EB3B"
}

.icon-streetview:before {
    content: "\EB3C"
}

.icon-subway:before {
    content: "\EB3D"
}

.icon-train:before {
    content: "\EB3E"
}

.icon-tram:before {
    content: "\EB3F"
}

.icon-transfer_within_a_station:before {
    content: "\EB40"
}

.icon-atm:before {
    content: "\EB41"
}

.icon-category:before {
    content: "\EB42"
}

.icon-not_listed_location:before {
    content: "\EB43"
}

.icon-departure_board:before {
    content: "\EB44"
}

.icon-360:before {
    content: "\EB45"
}

.icon-edit_attributes:before {
    content: "\EB46"
}

.icon-transit_enterexit:before {
    content: "\EB47"
}

.icon-fastfood:before {
    content: "\EB48"
}

.icon-trip_origin:before {
    content: "\EB49"
}

.icon-compass_calibration:before {
    content: "\EB4A"
}

.icon-money:before {
    content: "\EB4B"
}

.icon-apps:before {
    content: "\EB4C"
}

.icon-arrow_back:before {
    content: "\EB4D"
}

.icon-arrow_drop_down:before {
    content: "\EB4E"
}

.icon-arrow_drop_down_circle:before {
    content: "\EB4F"
}

.icon-arrow_drop_up:before {
    content: "\EB50"
}

.icon-arrow_forward:before {
    content: "\EB51"
}

.icon-cancel:before {
    content: "\EB52"
}

.icon-check:before {
    content: "\EB53"
}

.icon-expand_less:before {
    content: "\EB54"
}

.icon-expand_more:before {
    content: "\EB55"
}

.icon-fullscreen:before {
    content: "\EB56"
}

.icon-fullscreen_exit:before {
    content: "\EB57"
}

.icon-menu:before {
    content: "\EB58"
}

.icon-keyboard_control:before {
    content: "\EB59"
}

.icon-more_vert:before {
    content: "\EB5A"
}

.icon-refresh:before {
    content: "\EB5B"
}

.icon-unfold_less:before {
    content: "\EB5C"
}

.icon-unfold_more:before {
    content: "\EB5D"
}

.icon-arrow_upward:before {
    content: "\EB5E"
}

.icon-subdirectory_arrow_left:before {
    content: "\EB5F"
}

.icon-subdirectory_arrow_right:before {
    content: "\EB60"
}

.icon-arrow_downward:before {
    content: "\EB61"
}

.icon-first_page:before {
    content: "\EB62"
}

.icon-last_page:before {
    content: "\EB63"
}

.icon-arrow_left:before {
    content: "\EB64"
}

.icon-arrow_right:before {
    content: "\EB65"
}

.icon-arrow_back_ios:before {
    content: "\EB66"
}

.icon-arrow_forward_ios:before {
    content: "\EB67"
}

.icon-adb:before {
    content: "\EB68"
}

.icon-disc_full:before {
    content: "\EB69"
}

.icon-do_not_disturb_alt:before {
    content: "\EB6A"
}

.icon-drive_eta:before {
    content: "\EB6B"
}

.icon-event_available:before {
    content: "\EB6C"
}

.icon-event_busy:before {
    content: "\EB6D"
}

.icon-event_note:before {
    content: "\EB6E"
}

.icon-folder_special:before {
    content: "\EB6F"
}

.icon-mms:before {
    content: "\EB70"
}

.icon-more:before {
    content: "\EB71"
}

.icon-network_locked:before {
    content: "\EB72"
}

.icon-phone_bluetooth_speaker:before {
    content: "\EB73"
}

.icon-phone_forwarded:before {
    content: "\EB74"
}

.icon-phone_in_talk:before {
    content: "\EB75"
}

.icon-phone_locked:before {
    content: "\EB76"
}

.icon-phone_missed:before {
    content: "\EB77"
}

.icon-phone_paused:before {
    content: "\EB78"
}

.icon-sim_card_alert:before {
    content: "\EB79"
}

.icon-sms_failed:before {
    content: "\EB7A"
}

.icon-sync_disabled:before {
    content: "\EB7B"
}

.icon-sync_problem:before {
    content: "\EB7C"
}

.icon-system_update:before {
    content: "\EB7D"
}

.icon-tap_and_play:before {
    content: "\EB7E"
}

.icon-vibration:before {
    content: "\EB7F"
}

.icon-voice_chat:before {
    content: "\EB80"
}

.icon-vpn_lock:before {
    content: "\EB81"
}

.icon-airline_seat_flat:before {
    content: "\EB82"
}

.icon-airline_seat_flat_angled:before {
    content: "\EB83"
}

.icon-airline_seat_individual_suite:before {
    content: "\EB84"
}

.icon-airline_seat_legroom_extra:before {
    content: "\EB85"
}

.icon-airline_seat_legroom_normal:before {
    content: "\EB86"
}

.icon-airline_seat_legroom_reduced:before {
    content: "\EB87"
}

.icon-airline_seat_recline_extra:before {
    content: "\EB88"
}

.icon-airline_seat_recline_normal:before {
    content: "\EB89"
}

.icon-confirmation_number:before {
    content: "\EB8A"
}

.icon-live_tv:before {
    content: "\EB8B"
}

.icon-ondemand_video:before {
    content: "\EB8C"
}

.icon-personal_video:before {
    content: "\EB8D"
}

.icon-power:before {
    content: "\EB8E"
}

.icon-wc:before {
    content: "\EB8F"
}

.icon-wifi:before {
    content: "\EB90"
}

.icon-enhanced_encryption:before {
    content: "\EB91"
}

.icon-network_check:before {
    content: "\EB92"
}

.icon-no_encryption:before {
    content: "\EB93"
}

.icon-rv_hookup:before {
    content: "\EB94"
}

.icon-do_not_disturb_off:before {
    content: "\EB95"
}

.icon-priority_high:before {
    content: "\EB96"
}

.icon-power_off:before {
    content: "\EB97"
}

.icon-tv_off:before {
    content: "\EB98"
}

.icon-wifi_off:before {
    content: "\EB99"
}

.icon-phone_callback:before {
    content: "\EB9A"
}

.icon-pie_chart:before {
    content: "\EB9B"
}

.icon-pie_chart_outlined:before {
    content: "\EB9C"
}

.icon-bubble_chart:before {
    content: "\EB9D"
}

.icon-multiline_chart:before {
    content: "\EB9E"
}

.icon-show_chart:before {
    content: "\EB9F"
}

.icon-cake:before {
    content: "\EBA0"
}

.icon-group:before {
    content: "\EBA1"
}

.icon-group_add:before {
    content: "\EBA2"
}

.icon-location_city:before {
    content: "\EBA3"
}

.icon-mood_bad:before {
    content: "\EBA4"
}

.icon-notifications:before {
    content: "\EBA5"
}

.icon-notifications_none:before {
    content: "\EBA6"
}

.icon-notifications_off:before {
    content: "\EBA7"
}

.icon-notifications_on:before {
    content: "\EBA8"
}

.icon-notifications_paused:before {
    content: "\EBA9"
}

.icon-pages:before {
    content: "\EBAA"
}

.icon-party_mode:before {
    content: "\EBAB"
}

.icon-people_outline:before {
    content: "\EBAC"
}

.icon-person:before {
    content: "\EBAD"
}

.icon-person_add:before {
    content: "\EBAE"
}

.icon-person_outline:before {
    content: "\EBAF"
}

.icon-plus_one:before {
    content: "\EBB0"
}

.icon-public:before {
    content: "\EBB1"
}

.icon-school:before {
    content: "\EBB2"
}

.icon-share:before {
    content: "\EBB3"
}

.icon-whatshot:before {
    content: "\EBB4"
}

.icon-sentiment_dissatisfied:before {
    content: "\EBB5"
}

.icon-sentiment_neutral:before {
    content: "\EBB6"
}

.icon-sentiment_satisfied:before {
    content: "\EBB7"
}

.icon-sentiment_very_dissatisfied:before {
    content: "\EBB8"
}

.icon-sentiment_very_satisfied:before {
    content: "\EBB9"
}

.icon-thumb_down_alt:before {
    content: "\EBBA"
}

.icon-thumb_up_alt:before {
    content: "\EBBB"
}

.icon-check_box:before {
    content: "\EBBC"
}

.icon-check_box_outline_blank:before {
    content: "\EBBD"
}

.icon-radio_button_on:before {
    content: "\EBBE"
}

.icon-star:before {
    content: "\EBBF"
}

.icon-star_half:before {
    content: "\EBC0"
}

.icon-star_outline:before {
    content: "\EBC1"
}

.icon-3d_rotation:before {
    content: "\EBC2"
}

.icon-accessibility:before {
    content: "\EBC3"
}

.icon-account_balance:before {
    content: "\EBC4"
}

.icon-account_balance_wallet:before {
    content: "\EBC5"
}

.icon-account_box:before {
    content: "\EBC6"
}

.icon-account_circle:before {
    content: "\EBC7"
}

.icon-add_shopping_cart:before {
    content: "\EBC8"
}

.icon-alarm_off:before {
    content: "\EBC9"
}

.icon-alarm_on:before {
    content: "\EBCA"
}

.icon-android:before {
    content: "\EBCB"
}

.icon-announcement:before {
    content: "\EBCC"
}

.icon-aspect_ratio:before {
    content: "\EBCD"
}

.icon-assignment:before {
    content: "\EBCE"
}

.icon-assignment_ind:before {
    content: "\EBCF"
}

.icon-assignment_late:before {
    content: "\EBD0"
}

.icon-assignment_return:before {
    content: "\EBD1"
}

.icon-assignment_returned:before {
    content: "\EBD2"
}

.icon-assignment_turned_in:before {
    content: "\EBD3"
}

.icon-autorenew:before {
    content: "\EBD4"
}

.icon-book:before {
    content: "\EBD5"
}

.icon-bookmark:before {
    content: "\EBD6"
}

.icon-bookmark_outline:before {
    content: "\EBD7"
}

.icon-bug_report:before {
    content: "\EBD8"
}

.icon-build:before {
    content: "\EBD9"
}

.icon-cached:before {
    content: "\EBDA"
}

.icon-change_history:before {
    content: "\EBDB"
}

.icon-check_circle:before {
    content: "\EBDC"
}

.icon-chrome_reader_mode:before {
    content: "\EBDD"
}

.icon-code:before {
    content: "\EBDE"
}

.icon-credit_card:before {
    content: "\EBDF"
}

.icon-dashboard:before {
    content: "\EBE0"
}

.icon-delete:before {
    content: "\EBE1"
}

.icon-description:before {
    content: "\EBE2"
}

.icon-dns:before {
    content: "\EBE3"
}

.icon-done:before {
    content: "\EBE4"
}

.icon-done_all:before {
    content: "\EBE5"
}

.icon-exit_to_app:before {
    content: "\EBE6"
}

.icon-explore:before {
    content: "\EBE7"
}

.icon-extension:before {
    content: "\EBE8"
}

.icon-face:before {
    content: "\EBE9"
}

.icon-favorite:before {
    content: "\EBEA"
}

.icon-favorite_outline:before {
    content: "\EBEB"
}

.icon-find_in_page:before {
    content: "\EBEC"
}

.icon-find_replace:before {
    content: "\EBED"
}

.icon-flip_to_back:before {
    content: "\EBEE"
}

.icon-flip_to_front:before {
    content: "\EBEF"
}

.icon-group_work:before {
    content: "\EBF0"
}

.icon-help:before {
    content: "\EBF1"
}

.icon-highlight_remove:before {
    content: "\EBF2"
}

.icon-history:before {
    content: "\EBF3"
}

.icon-home:before {
    content: "\EBF4"
}

.icon-hourglass_empty:before {
    content: "\EBF5"
}

.icon-hourglass_full:before {
    content: "\EBF6"
}

.icon-https:before {
    content: "\EBF7"
}

.icon-info:before {
    content: "\EBF8"
}

.icon-info_outline:before {
    content: "\EBF9"
}

.icon-input:before {
    content: "\EBFA"
}

.icon-invert_colors_on:before {
    content: "\EBFB"
}

.icon-label:before {
    content: "\EBFC"
}

.icon-label_outline:before {
    content: "\EBFD"
}

.icon-language:before {
    content: "\EBFE"
}

.icon-launch:before {
    content: "\EBFF"
}

.icon-list:before {
    content: "\EC00"
}

.icon-lock_open:before {
    content: "\EC01"
}

.icon-lock_outline:before {
    content: "\EC02"
}

.icon-loyalty:before {
    content: "\EC03"
}

.icon-markunread_mailbox:before {
    content: "\EC04"
}

.icon-note_add:before {
    content: "\EC05"
}

.icon-open_in_browser:before {
    content: "\EC06"
}

.icon-open_with:before {
    content: "\EC07"
}

.icon-pageview:before {
    content: "\EC08"
}

.icon-perm_camera_mic:before {
    content: "\EC09"
}

.icon-perm_contact_calendar:before {
    content: "\EC0A"
}

.icon-perm_data_setting:before {
    content: "\EC0B"
}

.icon-perm_device_information:before {
    content: "\EC0C"
}

.icon-perm_media:before {
    content: "\EC0D"
}

.icon-perm_phone_msg:before {
    content: "\EC0E"
}

.icon-perm_scan_wifi:before {
    content: "\EC0F"
}

.icon-picture_in_picture:before {
    content: "\EC10"
}

.icon-polymer:before {
    content: "\EC11"
}

.icon-power_settings_new:before {
    content: "\EC12"
}

.icon-receipt:before {
    content: "\EC13"
}

.icon-redeem:before {
    content: "\EC14"
}

.icon-search:before {
    content: "\EC15"
}

.icon-settings:before {
    content: "\EC16"
}

.icon-settings_applications:before {
    content: "\EC17"
}

.icon-settings_backup_restore:before {
    content: "\EC18"
}

.icon-settings_bluetooth:before {
    content: "\EC19"
}

.icon-settings_cell:before {
    content: "\EC1A"
}

.icon-settings_display:before {
    content: "\EC1B"
}

.icon-settings_ethernet:before {
    content: "\EC1C"
}

.icon-settings_input_antenna:before {
    content: "\EC1D"
}

.icon-settings_input_component:before {
    content: "\EC1E"
}

.icon-settings_input_hdmi:before {
    content: "\EC1F"
}

.icon-settings_input_svideo:before {
    content: "\EC20"
}

.icon-settings_overscan:before {
    content: "\EC21"
}

.icon-settings_phone:before {
    content: "\EC22"
}

.icon-settings_power:before {
    content: "\EC23"
}

.icon-settings_remote:before {
    content: "\EC24"
}

.icon-settings_voice:before {
    content: "\EC25"
}

.icon-shop:before {
    content: "\EC26"
}

.icon-shop_two:before {
    content: "\EC27"
}

.icon-shopping_basket:before {
    content: "\EC28"
}

.icon-speaker_notes:before {
    content: "\EC29"
}

.icon-spellcheck:before {
    content: "\EC2A"
}

.icon-stars:before {
    content: "\EC2B"
}

.icon-subject:before {
    content: "\EC2C"
}

.icon-supervisor_account:before {
    content: "\EC2D"
}

.icon-swap_horiz:before {
    content: "\EC2E"
}

.icon-swap_vert:before {
    content: "\EC2F"
}

.icon-swap_vertical_circle:before {
    content: "\EC30"
}

.icon-system_update_tv:before {
    content: "\EC31"
}

.icon-tab:before {
    content: "\EC32"
}

.icon-tab_unselected:before {
    content: "\EC33"
}

.icon-thumb_down:before {
    content: "\EC34"
}

.icon-thumb_up:before {
    content: "\EC35"
}

.icon-thumbs_up_down:before {
    content: "\EC36"
}

.icon-toc:before {
    content: "\EC37"
}

.icon-today:before {
    content: "\EC38"
}

.icon-toll:before {
    content: "\EC39"
}

.icon-track_changes:before {
    content: "\EC3A"
}

.icon-translate:before {
    content: "\EC3B"
}

.icon-trending_down:before {
    content: "\EC3C"
}

.icon-trending_neutral:before {
    content: "\EC3D"
}

.icon-trending_up:before {
    content: "\EC3E"
}

.icon-verified_user:before {
    content: "\EC3F"
}

.icon-view_agenda:before {
    content: "\EC40"
}

.icon-view_array:before {
    content: "\EC41"
}

.icon-view_carousel:before {
    content: "\EC42"
}

.icon-view_column:before {
    content: "\EC43"
}

.icon-view_day:before {
    content: "\EC44"
}

.icon-view_headline:before {
    content: "\EC45"
}

.icon-view_list:before {
    content: "\EC46"
}

.icon-view_module:before {
    content: "\EC47"
}

.icon-view_quilt:before {
    content: "\EC48"
}

.icon-view_stream:before {
    content: "\EC49"
}

.icon-view_week:before {
    content: "\EC4A"
}

.icon-visibility_off:before {
    content: "\EC4B"
}

.icon-card_membership:before {
    content: "\EC4C"
}

.icon-card_travel:before {
    content: "\EC4D"
}

.icon-work:before {
    content: "\EC4E"
}

.icon-youtube_searched_for:before {
    content: "\EC4F"
}

.icon-eject:before {
    content: "\EC50"
}

.icon-camera_enhance:before {
    content: "\EC51"
}

.icon-help_outline:before {
    content: "\EC52"
}

.icon-reorder:before {
    content: "\EC53"
}

.icon-zoom_in:before {
    content: "\EC54"
}

.icon-zoom_out:before {
    content: "\EC55"
}

.icon-http:before {
    content: "\EC56"
}

.icon-event_seat:before {
    content: "\EC57"
}

.icon-flight_land:before {
    content: "\EC58"
}

.icon-flight_takeoff:before {
    content: "\EC59"
}

.icon-play_for_work:before {
    content: "\EC5A"
}

.icon-gif:before {
    content: "\EC5B"
}

.icon-indeterminate_check_box:before {
    content: "\EC5C"
}

.icon-offline_pin:before {
    content: "\EC5D"
}

.icon-all_out:before {
    content: "\EC5E"
}

.icon-copyright:before {
    content: "\EC5F"
}

.icon-fingerprint:before {
    content: "\EC60"
}

.icon-gavel:before {
    content: "\EC61"
}

.icon-lightbulb_outline:before {
    content: "\EC62"
}

.icon-picture_in_picture_alt:before {
    content: "\EC63"
}

.icon-important_devices:before {
    content: "\EC64"
}

.icon-touch_app:before {
    content: "\EC65"
}

.icon-accessible:before {
    content: "\EC66"
}

.icon-compare_arrows:before {
    content: "\EC67"
}

.icon-date_range:before {
    content: "\EC68"
}

.icon-donut_large:before {
    content: "\EC69"
}

.icon-donut_small:before {
    content: "\EC6A"
}

.icon-line_style:before {
    content: "\EC6B"
}

.icon-line_weight:before {
    content: "\EC6C"
}

.icon-motorcycle:before {
    content: "\EC6D"
}

.icon-opacity:before {
    content: "\EC6E"
}

.icon-pets:before {
    content: "\EC6F"
}

.icon-pregnant_woman:before {
    content: "\EC70"
}

.icon-record_voice_over:before {
    content: "\EC71"
}

.icon-rounded_corner:before {
    content: "\EC72"
}

.icon-rowing:before {
    content: "\EC73"
}

.icon-timeline:before {
    content: "\EC74"
}

.icon-update:before {
    content: "\EC75"
}

.icon-watch_later:before {
    content: "\EC76"
}

.icon-pan_tool:before {
    content: "\EC77"
}

.icon-euro_symbol:before {
    content: "\EC78"
}

.icon-g_translate:before {
    content: "\EC79"
}

.icon-remove_shopping_cart:before {
    content: "\EC7A"
}

.icon-restore_page:before {
    content: "\EC7B"
}

.icon-speaker_notes_off:before {
    content: "\EC7C"
}

.icon-delete_forever:before {
    content: "\EC7D"
}

.icon-accessibility_new:before {
    content: "\EC7E"
}

.icon-check_circle_outline:before {
    content: "\EC7F"
}

.icon-delete_outline:before {
    content: "\EC80"
}

.icon-done_outline:before {
    content: "\EC81"
}

.icon-maximize:before {
    content: "\EC82"
}

.icon-minimize:before {
    content: "\EC83"
}

.icon-offline_bolt:before {
    content: "\EC84"
}

.icon-swap_horizontal_circle:before {
    content: "\EC85"
}

.icon-accessible_forward:before {
    content: "\EC86"
}

.icon-calendar_today:before {
    content: "\EC87"
}

.icon-calendar_view_day:before {
    content: "\EC88"
}

.icon-label_important:before {
    content: "\EC89"
}

.icon-restore_from_trash:before {
    content: "\EC8A"
}

.icon-supervised_user_circle:before {
    content: "\EC8B"
}

.icon-text_rotate_up:before {
    content: "\EC8C"
}

.icon-text_rotate_vertical:before {
    content: "\EC8D"
}

.icon-text_rotation_angledown:before {
    content: "\EC8E"
}

.icon-text_rotation_angleup:before {
    content: "\EC8F"
}

.icon-text_rotation_down:before {
    content: "\EC90"
}

.icon-text_rotation_none:before {
    content: "\EC91"
}

.icon-commute:before {
    content: "\EC92"
}

.icon-arrow_right_alt:before {
    content: "\EC93"
}

.icon-work_off:before {
    content: "\EC94"
}

.icon-work_outline:before {
    content: "\EC95"
}

.icon-drag_indicator:before {
    content: "\EC96"
}

.icon-horizontal_split:before {
    content: "\EC97"
}

.icon-label_important_outline:before {
    content: "\EC98"
}

.icon-vertical_split:before {
    content: "\EC99"
}

.icon-voice_over_off:before {
    content: "\EC9A"
}

.icon-segment:before {
    content: "\EC9B"
}

.icon-contact_support:before {
    content: "\EC9C"
}

.icon-compress:before {
    content: "\EC9D"
}

.icon-filter_list_alt:before {
    content: "\EC9E"
}

.icon-expand:before {
    content: "\EC9F"
}

.icon-edit_off:before {
    content: "\ECA0"
}

.icon-10k:before {
    content: "\ECA1"
}

.icon-10mp:before {
    content: "\ECA2"
}

.icon-11mp:before {
    content: "\ECA3"
}

.icon-12mp:before {
    content: "\ECA4"
}

.icon-13mp:before {
    content: "\ECA5"
}

.icon-14mp:before {
    content: "\ECA6"
}

.icon-15mp:before {
    content: "\ECA7"
}

.icon-16mp:before {
    content: "\ECA8"
}

.icon-17mp:before {
    content: "\ECA9"
}

.icon-18mp:before {
    content: "\ECAA"
}

.icon-19mp:before {
    content: "\ECAB"
}

.icon-1k:before {
    content: "\ECAC"
}

.icon-1k_plus:before {
    content: "\ECAD"
}

.icon-20mp:before {
    content: "\ECAE"
}

.icon-21mp:before {
    content: "\ECAF"
}

.icon-22mp:before {
    content: "\ECB0"
}

.icon-23mp:before {
    content: "\ECB1"
}

.icon-24mp:before {
    content: "\ECB2"
}

.icon-2k:before {
    content: "\ECB3"
}

.icon-2k_plus:before {
    content: "\ECB4"
}

.icon-2mp:before {
    content: "\ECB5"
}

.icon-3k:before {
    content: "\ECB6"
}

.icon-3k_plus:before {
    content: "\ECB7"
}

.icon-3mp:before {
    content: "\ECB8"
}

.icon-4k_plus:before {
    content: "\ECB9"
}

.icon-4mp:before {
    content: "\ECBA"
}

.icon-5k:before {
    content: "\ECBB"
}

.icon-5k_plus:before {
    content: "\ECBC"
}

.icon-5mp:before {
    content: "\ECBD"
}

.icon-6k:before {
    content: "\ECBE"
}

.icon-6k_plus:before {
    content: "\ECBF"
}

.icon-6mp:before {
    content: "\ECC0"
}

.icon-7k:before {
    content: "\ECC1"
}

.icon-7k_plus:before {
    content: "\ECC2"
}

.icon-7mp:before {
    content: "\ECC3"
}

.icon-8k:before {
    content: "\ECC4"
}

.icon-8k_plus:before {
    content: "\ECC5"
}

.icon-8mp:before {
    content: "\ECC6"
}

.icon-9k:before {
    content: "\ECC7"
}

.icon-9k_plus:before {
    content: "\ECC8"
}

.icon-9mp:before {
    content: "\ECC9"
}

.icon-account_tree:before {
    content: "\ECCA"
}

.icon-add_chart:before {
    content: "\ECCB"
}

.icon-add_ic_call:before {
    content: "\ECCC"
}

.icon-add_moderator:before {
    content: "\ECCD"
}

.icon-all_inbox:before {
    content: "\ECCE"
}

.icon-approval:before {
    content: "\ECCF"
}

.icon-assistant_direction:before {
    content: "\ECD0"
}

.icon-assistant_navigation:before {
    content: "\ECD1"
}

.icon-bookmarks:before {
    content: "\ECD2"
}

.icon-bus_alert:before {
    content: "\ECD3"
}

.icon-cases:before {
    content: "\ECD4"
}

.icon-circle_notifications:before {
    content: "\ECD5"
}

.icon-closed_caption_off:before {
    content: "\ECD6"
}

.icon-connected_tv:before {
    content: "\ECD7"
}

.icon-dangerous:before {
    content: "\ECD8"
}

.icon-dashboard_customize:before {
    content: "\ECD9"
}

.icon-desktop_access_disabled:before {
    content: "\ECDA"
}

.icon-drive_file_move_outline:before {
    content: "\ECDB"
}

.icon-drive_file_rename_outline:before {
    content: "\ECDC"
}

.icon-drive_folder_upload:before {
    content: "\ECDD"
}

.icon-duo:before {
    content: "\ECDE"
}

.icon-explore_off:before {
    content: "\ECDF"
}

.icon-file_download_done:before {
    content: "\ECE0"
}

.icon-rtt:before {
    content: "\ECE1"
}

.icon-grid_view:before {
    content: "\ECE2"
}

.icon-hail:before {
    content: "\ECE3"
}

.icon-home_filled:before {
    content: "\ECE4"
}

.icon-imagesearch_roller:before {
    content: "\ECE5"
}

.icon-label_off:before {
    content: "\ECE6"
}

.icon-library_add_check:before {
    content: "\ECE7"
}

.icon-logout:before {
    content: "\ECE8"
}

.icon-margin:before {
    content: "\ECE9"
}

.icon-mark_as_unread:before {
    content: "\ECEA"
}

.icon-menu_open:before {
    content: "\ECEB"
}

.icon-mp:before {
    content: "\ECEC"
}

.icon-offline_share:before {
    content: "\ECED"
}

.icon-padding:before {
    content: "\ECEE"
}

.icon-panorama_photosphere:before {
    content: "\ECEF"
}

.icon-panorama_photosphere_select:before {
    content: "\ECF0"
}

.icon-person_add_disabled:before {
    content: "\ECF1"
}

.icon-phone_disabled:before {
    content: "\ECF2"
}

.icon-phone_enabled:before {
    content: "\ECF3"
}

.icon-pivot_table_chart:before {
    content: "\ECF4"
}

.icon-print_disabled:before {
    content: "\ECF5"
}

.icon-railway_alert:before {
    content: "\ECF6"
}

.icon-recommend:before {
    content: "\ECF7"
}

.icon-remove_done:before {
    content: "\ECF8"
}

.icon-remove_moderator:before {
    content: "\ECF9"
}

.icon-repeat_on:before {
    content: "\ECFA"
}

.icon-repeat_one_on:before {
    content: "\ECFB"
}

.icon-replay_circle_filled:before {
    content: "\ECFC"
}

.icon-reset_tv:before {
    content: "\ECFD"
}

.icon-sd:before {
    content: "\ECFE"
}

.icon-shield:before {
    content: "\ECFF"
}

.icon-shuffle_on:before {
    content: "\ED00"
}

.icon-speed:before {
    content: "\ED01"
}

.icon-stacked_bar_chart:before {
    content: "\ED02"
}

.icon-stream:before {
    content: "\ED03"
}

.icon-swipe:before {
    content: "\ED04"
}

.icon-switch_account:before {
    content: "\ED05"
}

.icon-tag:before {
    content: "\ED06"
}

.icon-thumb_down_off_alt:before {
    content: "\ED07"
}

.icon-thumb_up_off_alt:before {
    content: "\ED08"
}

.icon-toggle_off:before {
    content: "\ED09"
}

.icon-toggle_on:before {
    content: "\ED0A"
}

.icon-two_wheeler:before {
    content: "\ED0B"
}

.icon-upload_file:before {
    content: "\ED0C"
}

.icon-view_in_ar:before {
    content: "\ED0D"
}

.icon-waterfall_chart:before {
    content: "\ED0E"
}

.icon-wb_shade:before {
    content: "\ED0F"
}

.icon-wb_twighlight:before {
    content: "\ED10"
}

.icon-home_work:before {
    content: "\ED11"
}

.icon-schedule_send:before {
    content: "\ED12"
}

.icon-bolt:before {
    content: "\ED13"
}

.icon-send_and_archive:before {
    content: "\ED14"
}

.icon-workspaces_filled:before {
    content: "\ED15"
}

.icon-file_present:before {
    content: "\ED16"
}

.icon-workspaces_outline:before {
    content: "\ED17"
}

.icon-fit_screen:before {
    content: "\ED18"
}

.icon-saved_search:before {
    content: "\ED19"
}

.icon-storefront:before {
    content: "\ED1A"
}

.icon-amp_stories:before {
    content: "\ED1B"
}

.icon-dynamic_feed:before {
    content: "\ED1C"
}

.icon-euro:before {
    content: "\ED1D"
}

.icon-height:before {
    content: "\ED1E"
}

.icon-policy:before {
    content: "\ED1F"
}

.icon-sync_alt:before {
    content: "\ED20"
}

.icon-menu_book:before {
    content: "\ED21"
}

.icon-emoji_flags:before {
    content: "\ED22"
}

.icon-emoji_food_beverage:before {
    content: "\ED23"
}

.icon-emoji_nature:before {
    content: "\ED24"
}

.icon-emoji_people:before {
    content: "\ED25"
}

.icon-emoji_symbols:before {
    content: "\ED26"
}

.icon-emoji_transportation:before {
    content: "\ED27"
}

.icon-post_add:before {
    content: "\ED28"
}

.icon-people_alt:before {
    content: "\ED29"
}

.icon-emoji_emotions:before {
    content: "\ED2A"
}

.icon-emoji_events:before {
    content: "\ED2B"
}

.icon-emoji_objects:before {
    content: "\ED2C"
}

.icon-sports_basketball:before {
    content: "\ED2D"
}

.icon-sports_cricket:before {
    content: "\ED2E"
}

.icon-sports_esports:before {
    content: "\ED2F"
}

.icon-sports_football:before {
    content: "\ED30"
}

.icon-sports_golf:before {
    content: "\ED31"
}

.icon-sports_hockey:before {
    content: "\ED32"
}

.icon-sports_mma:before {
    content: "\ED33"
}

.icon-sports_motorsports:before {
    content: "\ED34"
}

.icon-sports_rugby:before {
    content: "\ED35"
}

.icon-sports_soccer:before {
    content: "\ED36"
}

.icon-sports:before {
    content: "\ED37"
}

.icon-sports_volleyball:before {
    content: "\ED38"
}

.icon-sports_tennis:before {
    content: "\ED39"
}

.icon-sports_handball:before {
    content: "\ED3A"
}

.icon-sports_kabaddi:before {
    content: "\ED3B"
}

.icon-eco:before {
    content: "\ED3C"
}

.icon-museum:before {
    content: "\ED3D"
}

.icon-flip_camera_android:before {
    content: "\ED3E"
}

.icon-flip_camera_ios:before {
    content: "\ED3F"
}

.icon-cancel_schedule_send:before {
    content: "\ED40"
}

.icon-apartment:before {
    content: "\ED41"
}

.icon-bathtub:before {
    content: "\ED42"
}

.icon-deck:before {
    content: "\ED43"
}

.icon-fireplace:before {
    content: "\ED44"
}

.icon-house:before {
    content: "\ED45"
}

.icon-king_bed:before {
    content: "\ED46"
}

.icon-nights_stay:before {
    content: "\ED47"
}

.icon-outdoor_grill:before {
    content: "\ED48"
}

.icon-single_bed:before {
    content: "\ED49"
}

.icon-square_foot:before {
    content: "\ED4A"
}

.icon-double_arrow:before {
    content: "\ED4B"
}

.icon-sports_baseball:before {
    content: "\ED4C"
}

.icon-attractions:before {
    content: "\ED4D"
}

.icon-bakery_dining:before {
    content: "\ED4E"
}

.icon-breakfast_dining:before {
    content: "\ED4F"
}

.icon-car_rental:before {
    content: "\ED50"
}

.icon-car_repair:before {
    content: "\ED51"
}

.icon-dinner_dining:before {
    content: "\ED52"
}

.icon-dry_cleaning:before {
    content: "\ED53"
}

.icon-hardware:before {
    content: "\ED54"
}

.icon-liquor:before {
    content: "\ED55"
}

.icon-lunch_dining:before {
    content: "\ED56"
}

.icon-nightlife:before {
    content: "\ED57"
}

.icon-park:before {
    content: "\ED58"
}

.icon-ramen_dining:before {
    content: "\ED59"
}

.icon-celebration:before {
    content: "\ED5A"
}

.icon-theater_comedy:before {
    content: "\ED5B"
}

.icon-badge:before {
    content: "\ED5C"
}

.icon-festival:before {
    content: "\ED5D"
}

.icon-icecream:before {
    content: "\ED5E"
}

.icon-volunteer_activism:before {
    content: "\ED5F"
}

.icon-contactless:before {
    content: "\ED60"
}

.icon-delivery_dining:before {
    content: "\ED61"
}

.icon-brunch_dining:before {
    content: "\ED62"
}

.icon-takeout_dining:before {
    content: "\ED63"
}

.icon-ac_unit:before {
    content: "\ED64"
}

.icon-airport_shuttle:before {
    content: "\ED65"
}

.icon-all_inclusive:before {
    content: "\ED66"
}

.icon-beach_access:before {
    content: "\ED67"
}

.icon-business_center:before {
    content: "\ED68"
}

.icon-casino:before {
    content: "\ED69"
}

.icon-child_care:before {
    content: "\ED6A"
}

.icon-child_friendly:before {
    content: "\ED6B"
}

.icon-fitness_center:before {
    content: "\ED6C"
}

.icon-golf_course:before {
    content: "\ED6D"
}

.icon-hot_tub:before {
    content: "\ED6E"
}

.icon-kitchen:before {
    content: "\ED6F"
}

.icon-pool:before {
    content: "\ED70"
}

.icon-room_service:before {
    content: "\ED71"
}

.icon-smoke_free:before {
    content: "\ED72"
}

.icon-smoking_rooms:before {
    content: "\ED73"
}

.icon-spa:before {
    content: "\ED74"
}

.icon-no_meeting_room:before {
    content: "\ED75"
}

.icon-meeting_room:before {
    content: "\ED76"
}

.icon-goat:before {
    content: "\ED77"
}

.icon-5g:before {
    content: "\ED78"
}

.icon-ad_units:before {
    content: "\ED79"
}

.icon-add_business:before {
    content: "\ED7A"
}

.icon-add_location_alt:before {
    content: "\ED7B"
}

.icon-add_road:before {
    content: "\ED7C"
}

.icon-add_to_drive:before {
    content: "\ED7D"
}

.icon-addchart:before {
    content: "\ED7E"
}

.icon-admin_panel_settings:before {
    content: "\ED7F"
}

.icon-agriculture:before {
    content: "\ED80"
}

.icon-alt_route:before {
    content: "\ED81"
}

.icon-analytics:before {
    content: "\ED82"
}

.icon-anchor:before {
    content: "\ED83"
}

.icon-animation:before {
    content: "\ED84"
}

.icon-api:before {
    content: "\ED85"
}

.icon-app_blocking:before {
    content: "\ED86"
}

.icon-app_registration:before {
    content: "\ED87"
}

.icon-app_settings_alt:before {
    content: "\ED88"
}

.icon-architecture:before {
    content: "\ED89"
}

.icon-arrow_circle_down:before {
    content: "\ED8A"
}

.icon-arrow_circle_up:before {
    content: "\ED8B"
}

.icon-article:before {
    content: "\ED8C"
}

.icon-attach_email:before {
    content: "\ED8D"
}

.icon-auto_awesome:before {
    content: "\ED8E"
}

.icon-auto_awesome_mosaic:before {
    content: "\ED8F"
}

.icon-auto_awesome_motion:before {
    content: "\ED90"
}

.icon-auto_delete:before {
    content: "\ED91"
}

.icon-auto_fix_high:before {
    content: "\ED92"
}

.icon-auto_fix_normal:before {
    content: "\ED93"
}

.icon-auto_fix_off:before {
    content: "\ED94"
}

.icon-auto_stories:before {
    content: "\ED95"
}

.icon-baby_changing_station:before {
    content: "\ED96"
}

.icon-backpack:before {
    content: "\ED97"
}

.icon-backup_table:before {
    content: "\ED98"
}

.icon-batch_prediction:before {
    content: "\ED99"
}

.icon-bedtime:before {
    content: "\ED9A"
}

.icon-bento:before {
    content: "\ED9B"
}

.icon-bike_scooter:before {
    content: "\ED9C"
}

.icon-biotech:before {
    content: "\ED9D"
}

.icon-block_flipped:before {
    content: "\ED9E"
}

.icon-browser_not_supported:before {
    content: "\ED9F"
}

.icon-build_circle:before {
    content: "\EDA0"
}

.icon-calculate:before {
    content: "\EDA1"
}

.icon-campaign:before {
    content: "\EDA2"
}

.icon-carpenter:before {
    content: "\EDA3"
}

.icon-cast_for_education:before {
    content: "\EDA4"
}

.icon-charging_station:before {
    content: "\EDA5"
}

.icon-checkroom:before {
    content: "\EDA6"
}

.icon-circle:before {
    content: "\EDA7"
}

.icon-cleaning_services:before {
    content: "\EDA8"
}

.icon-close_fullscreen:before {
    content: "\EDA9"
}

.icon-closed_caption_disabled:before {
    content: "\EDAA"
}

.icon-comment_bank:before {
    content: "\EDAB"
}

.icon-construction:before {
    content: "\EDAC"
}

.icon-corporate_fare:before {
    content: "\EDAD"
}

.icon-countertops:before {
    content: "\EDAE"
}

.icon-design_services:before {
    content: "\EDAF"
}

.icon-directions_off:before {
    content: "\EDB0"
}

.icon-dirty_lens:before {
    content: "\EDB1"
}

.icon-do_not_step:before {
    content: "\EDB2"
}

.icon-do_not_touch:before {
    content: "\EDB3"
}

.icon-domain_verification:before {
    content: "\EDB4"
}

.icon-drive_file_move:before {
    content: "\EDB5"
}

.icon-dry:before {
    content: "\EDB6"
}

.icon-dynamic_form:before {
    content: "\EDB7"
}

.icon-east:before {
    content: "\EDB8"
}

.icon-edit_road:before {
    content: "\EDB9"
}

.icon-electric_bike:before {
    content: "\EDBA"
}

.icon-electric_car:before {
    content: "\EDBB"
}

.icon-electric_moped:before {
    content: "\EDBC"
}

.icon-electric_rickshaw:before {
    content: "\EDBD"
}

.icon-electric_scooter:before {
    content: "\EDBE"
}

.icon-electrical_services:before {
    content: "\EDBF"
}

.icon-elevator:before {
    content: "\EDC0"
}

.icon-engineering:before {
    content: "\EDC1"
}

.icon-escalator:before {
    content: "\EDC2"
}

.icon-escalator_warning:before {
    content: "\EDC3"
}

.icon-face_retouching_natural:before {
    content: "\EDC4"
}

.icon-fact_check:before {
    content: "\EDC5"
}

.icon-family_restroom:before {
    content: "\EDC6"
}

.icon-fence:before {
    content: "\EDC7"
}

.icon-filter_alt:before {
    content: "\EDC8"
}

.icon-fire_extinguisher:before {
    content: "\EDC9"
}

.icon-flaky:before {
    content: "\EDCA"
}

.icon-food_bank:before {
    content: "\EDCB"
}

.icon-forward_to_inbox:before {
    content: "\EDCC"
}

.icon-foundation:before {
    content: "\EDCD"
}

.icon-grading:before {
    content: "\EDCE"
}

.icon-grass:before {
    content: "\EDCF"
}

.icon-handyman:before {
    content: "\EDD0"
}

.icon-hdr_enhanced_select:before {
    content: "\EDD1"
}

.icon-hearing_disabled:before {
    content: "\EDD2"
}

.icon-help_center:before {
    content: "\EDD3"
}

.icon-highlight_alt:before {
    content: "\EDD4"
}

.icon-history_edu:before {
    content: "\EDD5"
}

.icon-history_toggle_off:before {
    content: "\EDD6"
}

.icon-home_repair_service:before {
    content: "\EDD7"
}

.icon-horizontal_rule:before {
    content: "\EDD8"
}

.icon-hourglass_bottom:before {
    content: "\EDD9"
}

.icon-hourglass_disabled:before {
    content: "\EDDA"
}

.icon-hourglass_top:before {
    content: "\EDDB"
}

.icon-house_siding:before {
    content: "\EDDC"
}

.icon-hvac:before {
    content: "\EDDD"
}

.icon-image_not_supported:before {
    content: "\EDDE"
}

.icon-insights:before {
    content: "\EDDF"
}

.icon-integration_instructions:before {
    content: "\EDE0"
}

.icon-ios_share:before {
    content: "\EDE1"
}

.icon-legend_toggle:before {
    content: "\EDE2"
}

.icon-local_fire_department:before {
    content: "\EDE3"
}

.icon-local_police:before {
    content: "\EDE4"
}

.icon-location_pin:before {
    content: "\EDE5"
}

.icon-lock_clock:before {
    content: "\EDE6"
}

.icon-login:before {
    content: "\EDE7"
}

.icon-maps_ugc:before {
    content: "\EDE8"
}

.icon-mark_chat_read:before {
    content: "\EDE9"
}

.icon-mark_chat_unread:before {
    content: "\EDEA"
}

.icon-mark_email_read:before {
    content: "\EDEB"
}

.icon-mark_email_unread:before {
    content: "\EDEC"
}

.icon-mediation:before {
    content: "\EDED"
}

.icon-medical_services:before {
    content: "\EDEE"
}

.icon-mic_external_off:before {
    content: "\EDEF"
}

.icon-mic_external_on:before {
    content: "\EDF0"
}

.icon-microwave:before {
    content: "\EDF1"
}

.icon-military_tech:before {
    content: "\EDF2"
}

.icon-miscellaneous_services:before {
    content: "\EDF3"
}

.icon-model_training:before {
    content: "\EDF4"
}

.icon-monitor:before {
    content: "\EDF5"
}

.icon-moped:before {
    content: "\EDF6"
}

.icon-more_time:before {
    content: "\EDF7"
}

.icon-motion_photos_off:before {
    content: "\EDF8"
}

.icon-motion_photos_on:before {
    content: "\EDF9"
}

.icon-motion_photos_paused:before {
    content: "\EDFA"
}

.icon-multiple_stop:before {
    content: "\EDFB"
}

.icon-nat:before {
    content: "\EDFC"
}

.icon-near_me_disabled:before {
    content: "\EDFD"
}

.icon-next_plan:before {
    content: "\EDFE"
}

.icon-night_shelter:before {
    content: "\EDFF"
}

.icon-nightlight_round:before {
    content: "\EE00"
}

.icon-no_cell:before {
    content: "\EE01"
}

.icon-no_drinks:before {
    content: "\EE02"
}

.icon-no_flash:before {
    content: "\EE03"
}

.icon-no_food:before {
    content: "\EE04"
}

.icon-no_meals:before {
    content: "\EE05"
}

.icon-no_photography:before {
    content: "\EE06"
}

.icon-no_stroller:before {
    content: "\EE07"
}

.icon-no_transfer:before {
    content: "\EE08"
}

.icon-north:before {
    content: "\EE09"
}

.icon-north_east:before {
    content: "\EE0A"
}

.icon-north_west:before {
    content: "\EE0B"
}

.icon-not_accessible:before {
    content: "\EE0C"
}

.icon-not_started:before {
    content: "\EE0D"
}

.icon-online_prediction:before {
    content: "\EE0E"
}

.icon-open_in_full:before {
    content: "\EE0F"
}

.icon-outbox:before {
    content: "\EE10"
}

.icon-outgoing_mail:before {
    content: "\EE11"
}

.icon-outlet:before {
    content: "\EE12"
}

.icon-panorama_horizontal_select:before {
    content: "\EE13"
}

.icon-panorama_vertical_select:before {
    content: "\EE14"
}

.icon-panorama_wide_angle_select:before {
    content: "\EE15"
}

.icon-payments:before {
    content: "\EE16"
}

.icon-pedal_bike:before {
    content: "\EE17"
}

.icon-pending:before {
    content: "\EE18"
}

.icon-pending_actions:before {
    content: "\EE19"
}

.icon-person_add_alt:before {
    content: "\EE1A"
}

.icon-person_add_alt_1:before {
    content: "\EE1B"
}

.icon-person_remove:before {
    content: "\EE1C"
}

.icon-person_search:before {
    content: "\EE1D"
}

.icon-pest_control:before {
    content: "\EE1E"
}

.icon-pest_control_rodent:before {
    content: "\EE1F"
}

.icon-photo_camera_back:before {
    content: "\EE20"
}

.icon-photo_camera_front:before {
    content: "\EE21"
}

.icon-plagiarism:before {
    content: "\EE22"
}

.icon-play_disabled:before {
    content: "\EE23"
}

.icon-plumbing:before {
    content: "\EE24"
}

.icon-point_of_sale:before {
    content: "\EE25"
}

.icon-preview:before {
    content: "\EE26"
}

.icon-privacy_tip:before {
    content: "\EE27"
}

.icon-psychology:before {
    content: "\EE28"
}

.icon-public_off:before {
    content: "\EE29"
}

.icon-push_pin:before {
    content: "\EE2A"
}

.icon-qr_code:before {
    content: "\EE2B"
}

.icon-qr_code_scanner:before {
    content: "\EE2C"
}

.icon-quickreply:before {
    content: "\EE2D"
}

.icon-read_more:before {
    content: "\EE2E"
}

.icon-receipt_long:before {
    content: "\EE2F"
}

.icon-request_quote:before {
    content: "\EE30"
}

.icon-rice_bowl:before {
    content: "\EE31"
}

.icon-roofing:before {
    content: "\EE32"
}

.icon-room_preferences:before {
    content: "\EE33"
}

.icon-rule:before {
    content: "\EE34"
}

.icon-rule_folder:before {
    content: "\EE35"
}

.icon-run_circle:before {
    content: "\EE36"
}

.icon-science:before {
    content: "\EE37"
}

.icon-screen_search_desktop:before {
    content: "\EE38"
}

.icon-search_off:before {
    content: "\EE39"
}

.icon-self_improvement:before {
    content: "\EE3A"
}

.icon-sensor_door:before {
    content: "\EE3B"
}

.icon-sensor_window:before {
    content: "\EE3C"
}

.icon-set_meal:before {
    content: "\EE3D"
}

.icon-shopping_bag:before {
    content: "\EE3E"
}

.icon-signal_cellular_0_bar:before {
    content: "\EE3F"
}

.icon-signal_wifi_0_bar:before {
    content: "\EE40"
}

.icon-smart_button:before {
    content: "\EE41"
}

.icon-snippet_folder:before {
    content: "\EE42"
}

.icon-soap:before {
    content: "\EE43"
}

.icon-source:before {
    content: "\EE44"
}

.icon-south:before {
    content: "\EE45"
}

.icon-south_east:before {
    content: "\EE46"
}

.icon-south_west:before {
    content: "\EE47"
}

.icon-sports_bar:before {
    content: "\EE48"
}

.icon-stairs:before {
    content: "\EE49"
}

.icon-star_outline1:before {
    content: "\EE4A"
}

.icon-star_rate:before {
    content: "\EE4B"
}

.icon-sticky_note_2:before {
    content: "\EE4C"
}

.icon-stop_circle:before {
    content: "\EE4D"
}

.icon-stroller:before {
    content: "\EE4E"
}

.icon-subscript:before {
    content: "\EE4F"
}

.icon-subtitles_off:before {
    content: "\EE50"
}

.icon-superscript:before {
    content: "\EE51"
}

.icon-support:before {
    content: "\EE52"
}

.icon-support_agent:before {
    content: "\EE53"
}

.icon-switch_left:before {
    content: "\EE54"
}

.icon-switch_right:before {
    content: "\EE55"
}

.icon-table_rows:before {
    content: "\EE56"
}

.icon-table_view:before {
    content: "\EE57"
}

.icon-tapas:before {
    content: "\EE58"
}

.icon-taxi_alert:before {
    content: "\EE59"
}

.icon-text_snippet:before {
    content: "\EE5A"
}

.icon-tour:before {
    content: "\EE5B"
}

.icon-tty:before {
    content: "\EE5C"
}

.icon-umbrella:before {
    content: "\EE5D"
}

.icon-upgrade:before {
    content: "\EE5E"
}

.icon-verified:before {
    content: "\EE5F"
}

.icon-video_settings:before {
    content: "\EE60"
}

.icon-view_sidebar:before {
    content: "\EE61"
}

.icon-wash:before {
    content: "\EE62"
}

.icon-water_damage:before {
    content: "\EE63"
}

.icon-west:before {
    content: "\EE64"
}

.icon-wheelchair_pickup:before {
    content: "\EE65"
}

.icon-wifi_calling:before {
    content: "\EE66"
}

.icon-wifi_protected_setup:before {
    content: "\EE67"
}

.icon-wine_bar:before {
    content: "\EE68"
}

.icon-wrong_location:before {
    content: "\EE69"
}

.icon-wysiwyg:before {
    content: "\EE6A"
}

.icon-leaderboard:before {
    content: "\EE6B"
}

.icon-6_ft_apart:before {
    content: "\EE6C"
}

.icon-book_online:before {
    content: "\EE6D"
}

.icon-clean_hands:before {
    content: "\EE6E"
}

.icon-connect_without_contact:before {
    content: "\EE6F"
}

.icon-coronavirus:before {
    content: "\EE70"
}

.icon-elderly:before {
    content: "\EE71"
}

.icon-follow_the_signs:before {
    content: "\EE72"
}

.icon-leave_bags_at_home:before {
    content: "\EE73"
}

.icon-masks:before {
    content: "\EE74"
}

.icon-reduce_capacity:before {
    content: "\EE75"
}

.icon-sanitizer:before {
    content: "\EE76"
}

.icon-send_to_mobile:before {
    content: "\EE77"
}

.icon-sick:before {
    content: "\EE78"
}

.icon-add_task:before {
    content: "\EE79"
}

.icon-contact_page:before {
    content: "\EE7A"
}

.icon-disabled_by_default:before {
    content: "\EE7B"
}

.icon-facebook:before {
    content: "\EE7C"
}

.icon-groups:before {
    content: "\EE7D"
}

.icon-luggage:before {
    content: "\EE7E"
}

.icon-no_backpack:before {
    content: "\EE7F"
}

.icon-no_luggage:before {
    content: "\EE80"
}

.icon-outbond:before {
    content: "\EE81"
}

.icon-published_with_changes:before {
    content: "\EE82"
}

.icon-request_page:before {
    content: "\EE83"
}

.icon-stacked_line_chart:before {
    content: "\EE84"
}

.icon-unpublished:before {
    content: "\EE85"
}

.icon-align_horizontal_center:before {
    content: "\EE86"
}

.icon-align_horizontal_left:before {
    content: "\EE87"
}

.icon-align_horizontal_right:before {
    content: "\EE88"
}

.icon-align_vertical_bottom:before {
    content: "\EE89"
}

.icon-align_vertical_center:before {
    content: "\EE8A"
}

.icon-align_vertical_top:before {
    content: "\EE8B"
}

.icon-horizontal_distribute:before {
    content: "\EE8C"
}

.icon-qr_code_2:before {
    content: "\EE8D"
}

.icon-update_disabled:before {
    content: "\EE8E"
}

.icon-vertical_distribute:before {
    content: "\EE8F"
}

.arrow {
    position: relative;
    width: 12px;
    height: 12px;
    display: block;
    margin: 0 0 0 10px;
    padding: 0
}

.arrow:before {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/icons/icon-arrow-down.svg);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.arrow.dark:before {
    background-image: url(../img/icons/icon-arrow-down-white.svg)
}

.arrow.right:before {
    transform: rotate(-90deg)
}

.arrow.left {
    margin: 0 10px 0 0
}

.arrow.left:before {
    transform: rotate(90deg)
}

h1 {
    font-size: 1.875rem
}

h1,
h2 {
    line-height: 1.8rem;
    margin: 0
}

h2 {
    font-size: 1.5rem
}

h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 0
}

h4 {
    font-size: 1.125rem;
    font-size: 1.5rem
}

h4,
h5 {
    margin: 0
}

h5 {
    font-size: 1rem;
    font-size: 1.125rem
}

.underlined {
    text-decoration: underline
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-normal {
    font-weight: 400
}

.text-bold {
    font-weight: 700
}

.font-size-0_6x {
    font-size: .6rem
}

.font-size-0_7x {
    font-size: .7rem
}

.font-size-0_8x {
    font-size: .8rem
}

.font-size-1x {
    font-size: 1rem
}

.font-size-1_2x {
    font-size: 1.2rem
}

.font-size-1_3x {
    font-size: 1.3rem
}

.font-size-1_4x {
    font-size: 1.4rem
}

.font-size-1_5x {
    font-size: 1.5rem
}

.font-size-2x {
    font-size: 2rem
}

.font-size-3x {
    font-size: 3rem
}

@media screen and (max-width:1360px) {
    h1 {
        font-size: 1.5rem;
        line-height: 1.8rem
    }

    h2 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    h3 {
        font-size: 1.125rem;
        font-size: 1.5rem
    }

    h4 {
        font-size: 1rem;
        font-size: 1.125rem
    }
}

@media screen and (max-width:750px) {
    h1 {
        font-size: 1.5rem;
        line-height: 1.8rem
    }

    h2 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    h3 {
        font-size: 1.125rem;
        font-size: 1.5rem
    }

    h4 {
        font-size: 1rem;
        font-size: 1.125rem
    }
}

html {
    height: 100%
}

body {
    font-family: Stratos, Helvetica, sans-serif;
    font-size: 16px;
    background-color: #1a1a1a;
    color: #fff;
    margin: 0;
    text-rendering: optimizeLegibility;
    line-height: 1.2
}

.v-align-bottom {
    vertical-align: bottom
}

.relative {
    position: relative !important
}

.float-left,
.float-right {
    float: left !important
}

.grid-container {
    display: grid !important
}

.clearfix {
    float: none;
    clear: both
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.shadow {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

a {
    text-decoration: none;
    color: #000
}

strong {
    font-weight: 700 !important
}

.text-black,
.text-white {
    color: #fff !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.d-flex {
    display: flex !important;
    flex-direction: row
}

.d-flex.align-center {
    align-items: center
}

.d-flex.v-align-center {
    justify-content: center
}

.d-flex-row {
    flex-direction: row !important
}

.d-flex-column {
    flex-direction: column !important
}

.d-flex-justified-start {
    justify-content: flex-start !important
}

.d-flex-justified-end {
    justify-content: flex-end !important
}

.d-flex-justified-center {
    justify-content: center !important
}

.d-flex-justified-space-between {
    justify-content: space-between !important
}

.d-flex-align-items-start {
    align-items: flex-start !important
}

.d-flex-align-items-end {
    align-items: flex-end !important
}

.d-flex-align-items-center {
    align-items: center !important
}

.d-none {
    display: none !important
}

.img-responsive {
    width: 100%
}

.container {
    margin: 0 auto
}

.hidden {
    opacity: 0
}

.dark-mode-text-opacity {
    opacity: .7
}

@media screen and (max-width:1365px) {
    body {
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    body {
        font-size: 14px
    }

    .smartphone--hidden {
        display: none !important
    }

    .smartphone--block {
        display: block !important
    }

    .smartphone--w-50 {
        max-width: 50% !important;
        width: 50% !important
    }

    .smartphone--w-100 {
        max-width: 100% !important;
        width: 100% !important
    }

    .smartphone--relative {
        position: relative !important
    }

    .smartphone--flex-column {
        flex-direction: column !important
    }

    .smartphone--flex-column-reverse {
        flex-direction: column-reverse !important
    }

    .smartphone--d-flex-justified-center {
        justify-content: center
    }
}

.video-player-container .panel-info {
    display: none !important
}

.player-skin {
    height: 100%
}

.player-skin .video-player-container .panel-info {
    display: none !important
}

.player-skin.video-player .video-js .vjs-big-play-button {
    height: 64px;
    width: 64px;
    line-height: 60px;
    z-index: 3
}

.player-skin.video-player .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-size: 24px
}

.player-skin.video-player .vjs-has-started .panel-info {
    display: none !important
}

.player-skin.video-player .panel-info {
    width: 100%
}

.player-skin.video-player .panel-info .panel-info-content-wrapper .panel-info-content {
    padding-top: 0;
    padding-left: 15px;
    width: 50%
}

.player-skin.video-player .panel-info .panel-info-content-wrapper .panel-info-content h2 {
    font-size: 2em;
    max-width: 100%;
    word-break: break-word
}

.player-skin.video-player .panel-info .panel-info-content-wrapper .panel-info-content h3 {
    font-size: 1.5em;
    margin-top: 5px
}

.player-skin.video-player .panel-info .panel-info-content-wrapper .panel-info-content h5 {
    font-weight: 400;
    font-size: 1em;
    margin-top: 15px;
    line-height: 1.2em;
    width: 65%
}

.player-skin.video-player .panel-info .panel-info-content-wrapper .panel-info-content a {
    padding: 8px;
    margin-top: 5px;
    width: 100%;
    max-width: 240px;
    font-size: 12px
}

.player-skin.video-player .panel-settings .panel-settings-wrap .panel-settings-content {
    width: 90%
}

.player-skin.video-player .panel-settings .panel-settings-wrap .panel-settings-content h2 {
    font-size: 1.4em;
    padding: 1%;
    margin: 0
}

.player-skin.video-player .panel-settings .panel-settings-wrap .panel-settings-content .panel-playbackrate-boxes,
.player-skin.video-player .panel-settings .panel-settings-wrap .panel-settings-content .panel-qualityLevelChanger-boxes {
    margin-bottom: 15px
}

.player-skin.video-player .panel-settings .panel-settings-wrap .panel-settings-content .panel-playbackrate-boxes .panel-playbackrate-box,
.player-skin.video-player .panel-settings .panel-settings-wrap .panel-settings-content .panel-playbackrate-boxes .panel-qualityLevelChanger-box,
.player-skin.video-player .panel-settings .panel-settings-wrap .panel-settings-content .panel-qualityLevelChanger-boxes .panel-playbackrate-box,
.player-skin.video-player .panel-settings .panel-settings-wrap .panel-settings-content .panel-qualityLevelChanger-boxes .panel-qualityLevelChanger-box {
    font-size: 1.2em;
    width: 90%;
    padding: 4%;
    margin: 1%
}

.player-skin.video-player .panel-settings .panel-settings-wrap .panel-settings-content .panel-close-button {
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.player-skin.video-player .panel-next-video {
    right: 10px;
    width: 50%;
    padding: 15px
}

.player-skin.video-player .panel-next-video h2 {
    font-size: 1em
}

.player-skin.video-player .panel-next-video .panel-next-video-content .panel-next-video-image .play-icon,
.player-skin.video-player .panel-next-video .panel-next-video-content .panel-next-video-image .play-icon .play-icon-inner {
    width: 32px;
    height: 32px
}

.player-skin.video-player .panel-next-video .panel-next-video-content .panel-next-video-meta .panel-next-video-program-name {
    font-size: 12px
}

.player-skin.video-player .panel-next-video .panel-next-video-content .panel-next-video-meta .panel-next-video-episode-number {
    font-size: 10px
}

.player-skin.video-player .panel-next-video .panel-next-video-content .panel-next-video-image .play-icon .play-icon-inner .play-arrow:before {
    font-size: 12px
}

.player-skin.video-player .btn-skip-generic-button {
    height: 36px;
    width: 120px
}

.player-skin.video-player .btn-skip-generic-button .btn-skip-button-inner {
    font-size: 1.2em
}

.player-skin.video-player .btn-skip-generic-button.btn-skip-generic-button-custom {
    height: auto;
    width: 72px
}

.grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.blur {
    filter: blur(8px);
    -webkit-filter: blur(8px)
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(252, 33, 18, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(252, 33, 18, 0)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 rgba(252, 33, 18, 0)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(252, 33, 18, .4)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(252, 33, 18, 0)
    }

    to {
        box-shadow: 0 0 0 0 rgba(252, 33, 18, 0)
    }
}

.pulse {
    margin-right: 8px
}

.pulse .pulse-core {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d01514;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(252, 33, 18, .4);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.pulse .pulse-core.static {
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes w100 {
    to {
        width: 100%
    }
}

@keyframes w100 {
    to {
        width: 100%
    }
}

.btn {
    cursor: pointer;
    border: none;
    outline: none;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 20px;
    color: #1a1a1a;
    display: inline-block
}

.btn span {
    margin-right: 4px
}

.btn:hover {
    opacity: .9
}

.btn.btn-medium {
    font-size: 15px;
    padding: 12px 30px
}

.btn.btn-large {
    font-size: 16px;
    padding: 15px 45px
}

.btn.bg-red {
    background-color: #d01514
}

.btn.bg-black {
    background-color: #000;
    color: #fff
}

.btn.bg-ddf-red {
    background-color: #e43e2f;
    color: #fff
}

.btn.outlined {
    background-color: transparent
}

.btn.outlined.dark {
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

.btn.outlined.dark:hover {
    opacity: .9;
    background-color: #d01514
}

.btn.outlined.dark:hover,
.btn.outlined.red {
    border: 1px solid #d01514;
    color: #fff
}

.btn.outlined.red:hover {
    opacity: .9;
    background-color: #d01514
}

.btn.outlined.white {
    border: 1px solid #fff;
    color: #fff
}

.btn.outlined.white:hover {
    opacity: .9;
    background-color: #fff;
    color: #1a1a1a
}

.btn.outlined.white:hover img {
    filter: invert(1)
}

.u-button {
    background-color: #fff;
    border-radius: 4px;
    font-size: 16px;
    padding: 16px 40px;
    color: #1a1a1a;
    font-weight: 700;
    display: inline-block;
    margin-right: 30px
}

.u-button span {
    margin-right: 4px
}

.u-button:hover {
    opacity: .9
}

.u-button.secondary,
.x-button {
    border: 1px solid rgba(109, 109, 110, .5);
    background-color: rgba(109, 109, 110, .5);
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    padding: 16px 40px;
    font-weight: 700;
    display: inline-block;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    outline: none
}

.x-button {
    position: relative;
    cursor: pointer
}

.x-button span {
    margin-right: 4px;
    background-color: #fff;
    padding: 4px;
    border-radius: 50%
}

.x-button span:before {
    color: #1a1a1a
}

.x-button b,
.x-button b:hover {
    color: #fff
}

.x-button:hover {
    background-color: rgba(109, 109, 110, .7);
    color: #fff
}

.x-button:hover a b {
    color: #fff
}

.x-button .x-context-menu {
    position: absolute;
    bottom: 0;
    right: -335px;
    border: 1px solid rgba(109, 109, 110, .5);
    background-color: #292929;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    width: 320px;
    border-radius: 12px;
    display: none;
    transition: none;
    transition-duration: 0
}

.x-button .x-context-menu.active {
    display: block
}

.x-button .x-context-menu .triangle {
    border-bottom: 7px solid #292929;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 0;
    bottom: 20px;
    height: 0;
    position: absolute;
    left: -13px;
    width: 0;
    transform: rotate(-90deg)
}

.x-button .x-context-menu .x-context-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 99
}

.x-button .x-context-menu .x-context-close span {
    background-color: transparent;
    color: #fff
}

.x-button .x-context-menu .x-context-close span:before {
    color: #fff
}

.x-button .x-context-menu .x-context-menu-content {
    padding: 15px;
    position: relative
}

.x-button .x-context-menu .x-context-menu-content ul {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0
}

.x-button .x-context-menu .x-context-menu-content ul li {
    border-bottom: 1px solid #424242
}

.x-button .x-context-menu .x-context-menu-content ul li:last-child {
    border-bottom: none
}

.x-button .x-context-menu .x-context-menu-content ul li a {
    display: block;
    padding: 15px;
    font-size: 14px;
    font-weight: 400
}

.x-button .x-context-menu .x-context-menu-content ul li a:hover {
    opacity: .7
}

.x-button .x-context-menu .x-context-menu-content .x-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center
}

@media screen and (max-width:767px) {
    .x-button .x-context-menu {
        width: 300px;
        left: 0;
        transform: translateX(-50%)
    }

    .x-button .x-context-menu .triangle {
        display: none
    }
}

.custom-dropdown {
    min-width: 150px;
    outline: none
}

.select2-dropdown {
    border-color: #292929 !important
}

.no-text-field .select2-search__field {
    display: none !important
}

.select2-container--default .select2-selection--single {
    border: none !important;
    border-bottom: 1px solid #d01514 !important;
    background: transparent !important;
    outline: none !important;
    border-radius: 0 !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important
}

.select2-results__option--selectable {
    background-color: #292929 !important
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #d01514 !important
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    background-color: #1a1a1a !important;
    outline: none;
    color: #fff !important
}

.select2-container--default .select2-results__option--selected {
    background-color: #1a1a1a !important;
    outline: none;
    color: #fff !important
}

.select2-search--dropdown {
    background-color: #1a1a1a !important
}

.ad.masthead {
    position: relative
}

.ad.masthead .ad-inited {
    padding-bottom: 45px
}

.ad.masthead .ad-closer {
    position: absolute;
    right: 15px;
    top: 0;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center
}

.ad.masthead .ad-closer span {
    line-height: 19px;
    font-size: 20px
}

.ad.masthead .ad-closer span:before {
    font-size: 20px
}

.ad .ad-inited {
    margin: 15px auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.ad .ad-inited div:first-child {
    background-color: #000
}

.ads {
    padding: 0;
    position: relative
}

.ads .ad>div {
    margin-bottom: 30px
}

.ads .ad img {
    width: 100%
}

.ads .ad .meta {
    margin-top: 8px
}

.ads .ad .meta strong {
    padding-top: 15px
}

.ads .ad .meta p,
.ads .ad .meta strong {
    color: #fff
}

.ads .ad .meta p {
    padding: 8px 0;
    margin: 0
}

.ads .ad.ad-300x250 {
    width: 300px;
    height: 250px
}

.ads .ad.ad-728x90 {
    width: 728px;
    height: 90px
}

.ads .ad.ad-300x600 {
    width: 300px;
    height: 600px
}

.ads .ad.ad-300x600 img {
    width: auto
}

.ads .ad.ad-970x250 {
    width: 100%;
    max-width: 970px
}

#customs-ads-containers {
    display: none
}

#video-player-container #video-player-container-inner {
    position: relative
}

#video-player-container #video-player-container-inner.mobileplayerskin {
    padding-left: 16.57%;
    padding-top: 24.28%;
    padding-bottom: 24.28%
}

#video-player-container #video-player-container-inner.mobileplayerskin .video-js {
    z-index: 2
}

#video-player-container .custom-ad-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000 !important;
    z-index: 99999
}

#video-player-container .custom-ad-container .custom-ad-columns {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative
}

#video-player-container .custom-ad-container .custom-ad-columns .custom-ad-column {
    width: 18%;
    margin-right: 6%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#video-player-container .custom-ad-container .custom-ad-columns .custom-ad-column:nth-child(3) {
    margin-right: 0
}

#video-player-container .custom-ad-container .custom-ad-columns .custom-ad-column .custom-ad-box {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    padding: 30px;
    background-color: #144734
}

#video-player-container .custom-ad-container .custom-ad-columns .custom-ad-column .custom-ad-box img {
    width: 100%
}

#video-player-container .custom-ad-container .custom-ad-columns .custom-ad-video-player-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: none
}

#video-player-container .custom-ad-container .custom-ad-columns .custom-ad-video-player-container video {
    width: 100%;
    height: 100%;
    pointer-events: none
}

#video-player-container .custom-ad-container .custom-ad-columns .custom-ad-video-player-container .custom-ad-video-player-clicktag {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999998;
    display: block
}

#video-player-container .custom-ad-container .custom-ad-columns .custom-ad-video-player-container .custom-ad-video-player-ad-closer {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 120px;
    height: 44px;
    z-index: 99999999;
    display: block;
    background-color: #1a1a1a;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.interstitial-showing .interstitial-overlay {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, .8)
}

.interstitial-showing .interstitial-close-wrap {
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width:767) {
    #video-player-container .custom-ad-container .custom-ad-columns .custom-ad-column .custom-ad-box {
        padding: 15px
    }
}

.simplebar-scrollbar:before {
    background-color: red
}

body.home main .bg-container {
    height: 80vh
}

body.home main .bg-container .slider-wrapper {
    height: 100%;
    position: relative
}

body.home main .bg-container .slider-wrapper .slides {
    z-index: 1;
    height: 100%
}

body.home main .bg-container .slider-wrapper .slides .owl-stage-outer,
body.home main .bg-container .slider-wrapper .slides .owl-stage-outer .owl-stage,
body.home main .bg-container .slider-wrapper .slides .owl-stage-outer .owl-stage .owl-item {
    height: 100%
}

body.home main .bg-container .slider-wrapper .slides .owl-dots {
    position: absolute;
    right: 55px;
    bottom: 55px
}

body.home main .bg-container .slider-wrapper .slides .owl-dots .owl-dot {
    outline: none;
    opacity: .5
}

body.home main .bg-container .slider-wrapper .slides .owl-dots .owl-dot.active {
    opacity: 1
}

body.home main .bg-container .slider-wrapper .slides .owl-dots .owl-dot span {
    background: #fff
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    z-index: 1;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-bg img {
    width: 100%
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-content {
    position: absolute;
    z-index: 9;
    bottom: 0;
    padding-left: 60px
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-content .program-logo img {
    width: 100%;
    max-width: 300px
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-content .program-desc {
    max-width: 600px
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-content .program-desc p {
    font-size: 15px;
    line-height: 20px
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-content .tags {
    line-height: 30px;
    margin: 30px 0;
    font-size: 22px
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-content .tags .large {
    line-height: 36px;
    margin: 30px 0;
    font-size: 30px
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-content .program-buttons {
    margin: 0 0 45px
}

body.home main .bg-container .slider-wrapper .slides .owl-item .slide .slide-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, transparent, #1a1a1a);
    height: 20vh;
    width: 100%;
    z-index: 2
}

body.home main .bg-container .slider-wrapper .slides .owl-item.active .slide .slider-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(270deg, transparent, #1a1a1a);
    height: 100%;
    width: 50%;
    z-index: 1
}

body.home main .bg-container .slider-wrapper .slides .owl-item.active .slide .slide-content .tags {
    -webkit-animation: fadeIn 1s .5s both;
    animation: fadeIn 1s .5s both
}

body.home main .bg-container .slider-wrapper .slides .owl-item.active .slide .slide-content .program-buttons {
    -webkit-animation: fadeIn 1s 1.5s both;
    animation: fadeIn 1s 1.5s both
}

body.home main .main-content-wrapper section.news {
    padding: 30px 0
}

body.home main .main-content-wrapper section.news.light {
    background-color: #fff;
    color: #1a1a1a
}

body.home main .main-content-wrapper section.news.light .container {
    position: relative
}

body.home main .main-content-wrapper section.news.light .container:first-child {
    display: flex;
    margin: 0 60px;
    justify-content: space-between
}

body.home main .main-content-wrapper section.news.light .container:first-child .more {
    display: flex;
    align-items: center;
    color: #1a1a1a
}

body.home main .main-content-wrapper section.news.light .container:first-child .more a {
    color: #1a1a1a;
    line-height: 100%
}

body.home main .main-content-wrapper section.news.light .container:first-child .more:hover {
    opacity: .7
}

body.home main .main-content-wrapper section.news.light .thumb a:hover {
    color: #1a1a1a;
    opacity: .9
}

body.home main .main-content-wrapper section.news.light .thumb .thumb-meta .program-name,
body.home main .main-content-wrapper section.news.light .thumb .thumb-meta .program-name strong,
body.home main .main-content-wrapper section.news.light .thumb .thumb-meta a,
body.home main .main-content-wrapper section.news.light .thumb .thumb-meta span {
    color: #1a1a1a
}

body.home main .main-content-wrapper section.news.light .thumb .thumb-meta .desc {
    color: #aaa
}

body.home main .main-content-wrapper section.news.light .owl-nav button.owl-next,
body.home main .main-content-wrapper section.news.light .owl-nav button.owl-prev {
    background-image: none !important
}

body.home main .main-content-wrapper section.news-videos {
    padding: 30px 0
}

body.home main .main-content-wrapper section.news-videos.light {
    background-color: #fff;
    color: #1a1a1a
}

body.home main .main-content-wrapper section.news-videos.light .container {
    position: relative
}

body.home main .main-content-wrapper section.news-videos.light .container:first-child {
    display: flex;
    margin: 0 60px;
    justify-content: space-between
}

body.home main .main-content-wrapper section.news-videos.light .container:first-child .more {
    display: flex;
    align-items: center;
    color: #1a1a1a
}

body.home main .main-content-wrapper section.news-videos.light .container:first-child .more a {
    color: #1a1a1a;
    line-height: 100%
}

body.home main .main-content-wrapper section.news-videos.light .container:first-child .more:hover {
    opacity: .7
}

body.home main .main-content-wrapper section.news-videos.light .thumb a:hover {
    color: #1a1a1a;
    opacity: .9
}

body.home main .main-content-wrapper section.news-videos.light .thumb .thumb-meta .program-name,
body.home main .main-content-wrapper section.news-videos.light .thumb .thumb-meta .program-name strong,
body.home main .main-content-wrapper section.news-videos.light .thumb .thumb-meta a,
body.home main .main-content-wrapper section.news-videos.light .thumb .thumb-meta span {
    color: #1a1a1a
}

body.home main .main-content-wrapper section.news-videos.light .thumb .thumb-meta .desc {
    color: #333
}

body.home main .main-content-wrapper section.news-videos.light .owl-nav button.owl-next,
body.home main .main-content-wrapper section.news-videos.light .owl-nav button.owl-prev {
    background-image: none !important
}

body.home main .main-content-wrapper section.ddf {
    padding: 45px 0;
    margin: 0;
    background-color: #fff;
    color: #1a1a1a
}

body.home main .main-content-wrapper section.ddf a {
    color: #1a1a1a
}

body.home main .main-content-wrapper section.ddf .container {
    position: relative;
    margin: 0 60px
}

body.home main .main-content-wrapper section.ddf .container:first-child {
    display: flex;
    justify-content: space-between
}

body.home main .main-content-wrapper section.ddf .container:first-child h2 {
    padding-bottom: 15px
}

body.home main .main-content-wrapper section.ddf .container:first-child .more {
    display: flex;
    align-items: center;
    color: #1a1a1a
}

body.home main .main-content-wrapper section.ddf .container .mosaic {
    display: flex;
    margin-top: 30px;
    height: 500px;
    margin-left: -15px;
    margin-right: -15px
}

body.home main .main-content-wrapper section.ddf .container .mosaic .columns {
    display: flex;
    width: 100%;
    height: 100%
}

body.home main .main-content-wrapper section.ddf .container .mosaic .columns .column {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

body.home main .main-content-wrapper section.ddf .container .mosaic .posts {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    flex-flow: wrap;
    flex-direction: column;
    width: 100%
}

body.home main .main-content-wrapper section.ddf .container .mosaic .posts .post {
    height: 50%;
    width: 25%;
    flex-wrap: wrap
}

body.home main .main-content-wrapper section.ddf .container .mosaic .posts .post:first-child {
    height: 100%;
    width: 50%
}

body.home main .main-content-wrapper section.ddf .container .mosaic .post {
    background-size: cover;
    position: relative;
    background-position: top;
    border: 10px solid #fff;
    box-sizing: border-box;
    height: 100%
}

body.home main .main-content-wrapper section.ddf .container .mosaic .post .post-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .8;
    background-image: linear-gradient(180deg, transparent, #1a1a1a)
}

body.home main .main-content-wrapper section.ddf .container .mosaic .post:hover {
    opacity: .7
}

body.home main .main-content-wrapper section.ddf .container .mosaic .post .post-meta {
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 3;
    margin-left: 30px
}

body.home main .main-content-wrapper section.ddf .container .mosaic .post .post-meta .tags {
    display: flex;
    margin-top: 4px
}

body.home main .main-content-wrapper section.ddf .container .mosaic .post .post-meta .tags .tag {
    color: #e43e2f;
    font-weight: 400;
    margin-right: 6px;
    font-size: 14px
}

body.home main .main-content-wrapper section.ddf .container .mosaic .post .post-meta .title {
    font-weight: 700;
    color: #fff;
    font-size: 1.2em
}

body.home main .main-content-wrapper section.ddf.light {
    background-color: #fff;
    color: #1a1a1a;
    margin-bottom: 60px
}

body.home main .main-content-wrapper section.ddf.light .thumb a:hover {
    color: #1a1a1a;
    opacity: .9
}

body.home main .main-content-wrapper section.ddf.light .thumb .thumb-meta .program-name,
body.home main .main-content-wrapper section.ddf.light .thumb .thumb-meta .program-name strong,
body.home main .main-content-wrapper section.ddf.light .thumb .thumb-meta a,
body.home main .main-content-wrapper section.ddf.light .thumb .thumb-meta span {
    color: #1a1a1a
}

body.home main .main-content-wrapper section.ddf.light .owl-nav button.owl-next,
body.home main .main-content-wrapper section.ddf.light .owl-nav button.owl-prev {
    background-image: none !important
}

@media screen and (max-width:1200px) {
    body.home main .bg-container {
        height: 60vh
    }

    body.home main .main-content-wrapper section.ddf .container:first-child h2 {
        padding: 0
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic {
        flex-direction: row;
        flex-wrap: wrap;
        height: 400px !important
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .post {
        width: 33%
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .post:first-child {
        width: 50%
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .post .post-meta {
        bottom: 15px;
        margin-left: 15px
    }
}

@media screen and (max-width:960px) {
    body.home main .main-content-wrapper section.ddf .container .mosaic {
        margin-top: 0;
        height: 100% !important
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .posts {
        flex-direction: row
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .posts .post,
    body.home main .main-content-wrapper section.ddf .container .mosaic .posts .post:first-child {
        height: 500px;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    body.home main .bg-container {
        height: 80vh
    }

    body.home main .bg-container .slider-wrapper .slides .owl-stage .owl-item .slide .slide-content {
        padding-left: 15px;
        top: auto;
        transform: none;
        bottom: 30px
    }

    body.home main .bg-container .slider-wrapper .slides .owl-stage .owl-item .slide .slide-content .program-logo {
        -webkit-animation: none;
        animation: none
    }

    body.home main .bg-container .slider-wrapper .slides .owl-stage .owl-item .slide .slide-content .program-desc {
        display: none
    }

    body.home main .bg-container .slider-wrapper .slides .owl-stage .owl-item .slide .slide-content .tags {
        -webkit-animation: none;
        animation: none;
        font-size: 15px
    }

    body.home main .bg-container .slider-wrapper .slides .owl-stage .owl-item .slide .slide-content .program-buttons {
        -webkit-animation: none;
        animation: none;
        margin: 15px 0
    }

    body.home main .bg-container .slider-wrapper .slides .owl-stage .owl-item .slide .slide-content .program-buttons .u-button {
        font-size: 14px;
        padding: 15px 30px;
        margin-right: 15px
    }

    body.home main .bg-container .slider-wrapper .slides .owl-stage .owl-item .slide .slide-content .program-buttons .x-button {
        font-size: 14px;
        padding: 15px
    }

    body.home main .bg-container .slider-wrapper .slides .owl-stage .owl-item .slide .slide-content .program-buttons .x-button b {
        display: none
    }

    body.home main .bg-container .slider-wrapper .slides .owl-stage .owl-item .slide .slide-overlay {
        background-image: linear-gradient(180deg, transparent, #1a1a1a);
        height: 50vh
    }

    body.home main .bg-container .slider-wrapper .slides .owl-dots {
        right: 15px;
        bottom: 15%
    }

    body.home main .main-content-wrapper section.news-videos.light .container:first-child,
    body.home main .main-content-wrapper section.news.light .container:first-child {
        margin: 0 15px
    }

    body.home main .main-content-wrapper section.promoted-content .container:first-child .p-content .p-content-content {
        padding: 30px;
        bottom: 0;
        top: auto;
        transform: none
    }

    body.home main .main-content-wrapper section.promoted-content .container:first-child .p-content .p-content-content .program-desc p {
        font-size: 12px;
        line-height: 18px
    }

    body.home main .main-content-wrapper section.promoted-content .container:first-child .p-content .p-content-content .u-button {
        font-size: 14px;
        padding: 15px 30px;
        margin-right: 15px
    }

    body.home main .main-content-wrapper section.promoted-content .container:first-child .p-content .p-content-content .x-button {
        font-size: 14px;
        padding: 15px
    }

    body.home main .main-content-wrapper section.promoted-content .container:first-child .p-content .p-content-content .x-button b {
        display: none
    }

    body.home main .main-content-wrapper section.ddf .container,
    body.home main .main-content-wrapper section.ddf .container:first-child {
        margin: 0 15px
    }

    body.home main .main-content-wrapper section.ddf .container:first-child h2 {
        padding: 0
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic {
        margin-top: 0;
        height: 300px
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .posts {
        flex-direction: row
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .posts .post {
        height: 300px;
        width: 100%
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .posts .post:first-child {
        width: 100%
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .posts .post .post-meta {
        margin-left: 15px
    }

    body.home main .main-content-wrapper section.ddf .container .mosaic .posts .post .post-meta .title {
        font-size: 14px
    }
}

body.program .share-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
    margin-bottom: 30px
}

body.program .share-tools span {
    padding-right: 15px
}

body.program .share-tools .social-accounts {
    display: flex;
    align-items: center
}

body.program .share-tools .social-accounts a {
    display: block;
    margin-right: 15px
}

body.program .share-tools .social-accounts a img {
    width: auto;
    height: 100%
}

body.program .share-tools .social-accounts a:last-child {
    margin-right: 0
}

body.program .share-tools .social-accounts a:hover {
    opacity: .7
}

body.program .social-accounts {
    display: flex;
    align-items: center
}

body.program .social-accounts a {
    display: block;
    margin-right: 15px
}

body.program .social-accounts a img {
    width: auto;
    height: 24px
}

body.program .social-accounts a:last-child {
    margin-right: 0
}

body.program .social-accounts a:hover {
    opacity: .7
}

body.program main .bg-container {
    height: 60vh;
    min-height: 500px
}

body.program main .bg-container .slider-wrapper {
    height: 100%;
    position: relative
}

body.program main .bg-container .slider-wrapper .static-slides {
    z-index: 1;
    height: 100%
}

body.program main .bg-container .slider-wrapper .static-slides .slide {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    z-index: 1;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-bg img {
    width: 100%
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slider-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(270deg, transparent, #1a1a1a);
    height: 100%;
    width: 50%;
    z-index: 1
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slider-overlay.curtain {
    width: 100%;
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .6), #1a1a1a)
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content {
    position: absolute;
    z-index: 9;
    bottom: 0;
    transform: translateY(-40%);
    padding: 60px 60px 0;
    max-width: 40%
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content.extra {
    transform: translateY(-25%)
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-logo img {
    width: 100%;
    max-width: 320px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-desc {
    max-width: 600px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-desc p {
    font-size: 16px;
    line-height: 24px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .tags {
    line-height: 32px;
    margin: 30px 0;
    font-size: 24px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .tags .large {
    line-height: 36px;
    font-size: 30px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-buttons {
    margin: 30px 0
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-buttons .button-watch {
    background-color: #fff;
    border-radius: 4px;
    font-size: 16px;
    padding: 16px 40px;
    color: #1a1a1a;
    font-weight: 700;
    display: inline-block;
    margin-right: 30px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-buttons .button-watch span {
    margin-right: 4px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-buttons .button-watch:hover {
    opacity: .7
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-buttons .button-more {
    border: 1px solid rgba(109, 109, 110, .5);
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    padding: 16px 40px;
    font-weight: 700;
    display: inline-block;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-buttons .button-more span {
    margin-right: 4px;
    background-color: #fff;
    padding: 4px;
    border-radius: 50%
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-buttons .button-more span:before {
    color: #1a1a1a
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-buttons .button-more:hover {
    background-color: rgba(109, 109, 110, .7)
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, transparent, #1a1a1a);
    height: 50vh;
    width: 100%;
    z-index: 2
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container {
    position: absolute;
    background-color: transparent;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    right: 60px;
    z-index: 9;
    width: 100%;
    max-width: 45%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    transition-duration: .25s
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small {
    max-width: 30%;
    background-color: rgba(109, 109, 110, .5)
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small .icon-play {
    width: 44px;
    height: 44px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small .slide-player-meta {
    opacity: 1;
    height: auto;
    padding: 16px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.playing .icon-play {
    display: none !important
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player {
    cursor: pointer;
    position: relative
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player .icon-play {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .178);
    color: #292929;
    border-radius: 50%;
    font-size: 16px;
    width: 64px;
    height: 64px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player .icon-play span {
    margin-left: 5px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player img,
body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player video {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player:hover span:before {
    color: #d01514
}

body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player-meta {
    transition-duration: .1s;
    height: 0;
    opacity: 0
}

body.program main .main-content-wrapper .columns {
    position: relative;
    display: flex;
    margin: 20px 60px;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content {
    width: calc(100% - 410px)
}

body.program main .main-content-wrapper .columns .column.content.new {
    background-color: #000;
    -webkit-animation: w100 .5s .1s both;
    animation: w100 .5s .1s both
}

body.program main .main-content-wrapper .columns .column.content.new section.video {
    height: 600px
}

body.program main .main-content-wrapper .columns .column.content.new .video-player {
    margin: 0 auto
}

body.program main .main-content-wrapper .columns .column.content .video-player video {
    outline: none
}

body.program main .main-content-wrapper .columns .column.content .video-player .player-meta {
    position: relative;
    margin-top: 15px;
    z-index: 99
}

body.program main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header {
    display: flex;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.program main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.program main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header .buttons a span {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content .video-player .player-meta p {
    font-size: 15px;
    line-height: 1.6em
}

body.program main .main-content-wrapper .columns .column.content .video-player .tools {
    display: flex
}

body.program main .main-content-wrapper .columns .column.content .video-player .tools .icon {
    cursor: pointer;
    box-sizing: border-box;
    padding: 8px;
    width: 44px
}

body.program main .main-content-wrapper .columns .column.content .video-player .tools .icon:first-child {
    padding: 12px 10px 8px
}

body.program main .main-content-wrapper .columns .column.content .video-player .tools .icon img {
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section .owl-carousel {
    margin-left: -15px;
    margin-right: -15px
}

body.program main .main-content-wrapper .columns .column.content section.recap .recap-meta {
    margin-top: 15px
}

body.program main .main-content-wrapper .columns .column.content section.recap .recap-meta .recap-meta-header {
    display: flex;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.recap .recap-meta .recap-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.program main .main-content-wrapper .columns .column.content section.recap .recap-meta .recap-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.program main .main-content-wrapper .columns .column.content section.recap .recap-meta .recap-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.recap .recap-meta .recap-meta-header .buttons a span {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.recap .recap-meta p {
    font-size: 1em;
    line-height: 1.2em
}

body.program main .main-content-wrapper .columns .column.content section.recap .tools {
    display: flex
}

body.program main .main-content-wrapper .columns .column.content section.recap .tools .icon {
    cursor: pointer;
    box-sizing: border-box;
    padding: 8px;
    width: 44px
}

body.program main .main-content-wrapper .columns .column.content section.recap .tools .icon:first-child {
    padding: 12px 10px 8px
}

body.program main .main-content-wrapper .columns .column.content section.recap .tools .icon img,
body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-image img {
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section.recipe .r-box .r-icon svg {
    height: 64px;
    width: auto;
    margin-right: 4px
}

body.program main .main-content-wrapper .columns .column.content section.recipe .r-box .r-icon path {
    fill: #fff
}

body.program main .main-content-wrapper .columns .column.content section.recipe .i-with-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px
}

body.program main .main-content-wrapper .columns .column.content section.recipe .i-with-text h2 {
    margin: 0 !important
}

body.program main .main-content-wrapper .columns .column.content section.recipe .i-with-text svg {
    height: 30px;
    width: auto;
    margin-right: 4px
}

body.program main .main-content-wrapper .columns .column.content section.recipe .i-with-text path {
    fill: #fff
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-summary {
    background-color: #292929;
    display: flex;
    width: 100%;
    min-height: 200px;
    border-radius: 4px;
    margin: 15px 0
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-summary .r-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-summary .r-box .r-text {
    padding: 8px
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-meta {
    margin-top: 15px
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-meta .recipe-text h2 {
    margin: 15px 0 30px
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-meta .recipe-meta-header {
    display: flex;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-meta .recipe-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-meta .recipe-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-meta .recipe-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-meta .recipe-meta-header .buttons a span {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.recipe .recipe-meta p {
    font-size: 1em;
    line-height: 1.2em
}

body.program main .main-content-wrapper .columns .column.content section.recipe .tools {
    display: flex
}

body.program main .main-content-wrapper .columns .column.content section.recipe .tools .icon {
    cursor: pointer;
    box-sizing: border-box;
    padding: 8px;
    width: 44px
}

body.program main .main-content-wrapper .columns .column.content section.recipe .tools .icon:first-child {
    padding: 12px 10px 8px
}

body.program main .main-content-wrapper .columns .column.content section.recipe .tools .icon img {
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section.about .about-meta {
    margin-top: 15px
}

body.program main .main-content-wrapper .columns .column.content section.about .about-meta .about-meta-header {
    display: flex;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.about .about-meta .about-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.program main .main-content-wrapper .columns .column.content section.about .about-meta .about-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.program main .main-content-wrapper .columns .column.content section.about .about-meta .about-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.about .about-meta .about-meta-header .buttons a span {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.about .about-meta p {
    font-size: 15px;
    line-height: 20px
}

body.program main .main-content-wrapper .columns .column.content section.program-posters .program-poster-list {
    display: flex;
    padding: 30px 0
}

body.program main .main-content-wrapper .columns .column.content section.program-posters .program-poster-list .program-poster {
    width: 25%;
    margin-right: 15px
}

body.program main .main-content-wrapper .columns .column.content section.program-posters .program-poster-list .program-poster img {
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container {
    position: relative
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-image img {
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container:hover .controls {
    display: block
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta {
    margin-top: 15px
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta .post-meta-header {
    display: flex;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta .post-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta .post-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta .post-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta .post-meta-header .buttons a span {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta .post-meta-header .buttons a:first-child .arrow {
    transform: rotate(227deg) translateY(-80%);
    margin: 0 8px 10px 0
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta .post-meta-header .share-tools {
    margin: 0
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta p {
    font-size: 15px;
    line-height: 20px
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-meta p img {
    width: 100%;
    height: auto
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-body a,
body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-body b,
body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-body p,
body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-body strong {
    color: #ddd;
    font-size: 15px;
    line-height: 20px
}

body.program main .main-content-wrapper .columns .column.content section.post .post-image-container .post-body img {
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container {
    position: relative;
    display: flex
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-image {
    width: 40%
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-image img {
    width: 100%;
    border-radius: 4px
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container:hover .controls {
    display: block
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta {
    box-sizing: border-box;
    width: 60%;
    padding: 30px
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta .post-meta-header {
    display: flex;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta .post-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta .post-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta .post-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta .post-meta-header .buttons a span {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta .post-meta-header .buttons a:first-child .arrow {
    transform: rotate(227deg) translateY(-80%);
    margin: 0 8px 10px 0
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta .post-meta-header .share-tools {
    margin: 0
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta p {
    font-size: 15px;
    line-height: 20px
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta p a {
    color: #fff;
    position: relative
}

body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta p a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #d01514;
    margin: auto;
    left: 0;
    position: absolute
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container,
body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-image {
    position: relative
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-image img {
    width: 100%;
    border-radius: 4px
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container:hover .controls {
    display: block
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .controls .control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #292929;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .controls .control a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .controls .control.next {
    right: 0
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta {
    margin-top: 15px
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta .gallery-meta-header {
    display: flex;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta .gallery-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta .gallery-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta .gallery-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta .gallery-meta-header .buttons a span {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta .gallery-meta-header .buttons a:first-child .arrow {
    transform: rotate(227deg) translateY(-80%);
    margin: 0 8px 10px 0
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta .gallery-meta-header .share-tools {
    margin: 0
}

body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta p {
    font-size: 15px;
    line-height: 20px
}

body.program main .main-content-wrapper .columns .column.content section.videos .container {
    margin: 0
}

body.program main .main-content-wrapper .columns .column.content section.videos .container .more {
    display: flex;
    align-items: center;
    margin-right: 0
}

body.program main .main-content-wrapper .columns .column.content section.videos .container .more .select2 {
    margin-right: 15px
}

body.program main .main-content-wrapper .columns .column.content section.videos .container .more .select2:last-child {
    margin-right: 0
}

body.program main .main-content-wrapper .columns .column.content section.videos .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.program main .main-content-wrapper .columns .column.content section.galleries .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.galleries .container:first-child {
    margin: 0
}

body.program main .main-content-wrapper .columns .column.content section.galleries .container .more {
    display: flex;
    align-items: center;
    margin-right: 0
}

body.program main .main-content-wrapper .columns .column.content section.galleries .container .more .select2 {
    margin-right: 15px
}

body.program main .main-content-wrapper .columns .column.content section.galleries .container .more .select2:last-child {
    margin-right: 0
}

body.program main .main-content-wrapper .columns .column.content section.galleries .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.program main .main-content-wrapper .columns .column.content section.galleries .thumb:hover {
    transform: scale(1.05);
    z-index: 1
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid {
    margin: 30px 0
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content .grid-item {
    padding: 0 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
    width: 33%
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content .grid-item .grid-item-image {
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content .grid-item .grid-item-image img {
    width: 100%;
    border-radius: 4px
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content .grid-item .grid-item-meta {
    width: 50%;
    padding: 15px
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content .grid-item .grid-item-meta .program-name {
    font-size: 20px
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content .grid-item .grid-item-meta .program-name strong {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content .grid-item .grid-item-meta .program-desc {
    color: #fff;
    font-size: 15px;
    padding: 15px 0
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-footer {
    text-align: center
}

body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-footer .btn {
    width: 50%
}

body.program main .main-content-wrapper .columns .column.content section.news .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.news .container:first-child {
    margin: 0
}

body.program main .main-content-wrapper .columns .column.content section.news .container .more {
    display: flex;
    align-items: center;
    margin-right: 0
}

body.program main .main-content-wrapper .columns .column.content section.news .container .more .select2 {
    margin-right: 15px
}

body.program main .main-content-wrapper .columns .column.content section.news .container .more .select2:last-child {
    margin-right: 0
}

body.program main .main-content-wrapper .columns .column.content section.serie-news .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.serie-news .container:first-child {
    margin: 0
}

body.program main .main-content-wrapper .columns .column.content section.serie-news .container .more {
    display: flex;
    align-items: center;
    margin-right: 25px
}

body.program main .main-content-wrapper .columns .column.content section.serie-news .thumb:hover {
    transform: scale(1.05);
    z-index: 1
}

body.program main .main-content-wrapper .columns .column.content section.serie-news .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.program main .main-content-wrapper .columns .column.content section.serie-casts .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.serie-casts .container:first-child {
    margin: 0
}

body.program main .main-content-wrapper .columns .column.content section.serie-casts .container .more {
    display: flex;
    align-items: center;
    margin-right: 25px
}

body.program main .main-content-wrapper .columns .column.content section.serie-casts .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.program main .main-content-wrapper .columns .column.content section.serie-casts .thumb {
    display: flex;
    flex-direction: column;
    align-items: center
}

body.program main .main-content-wrapper .columns .column.content section.serie-casts .thumb .thumb-image.circle {
    width: 144px;
    height: 144px;
    position: relative;
    overflow: hidden;
    border-radius: 50%
}

body.program main .main-content-wrapper .columns .column.content section.serie-casts .thumb .thumb-image img {
    display: inline;
    margin: 0 auto;
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section.casts .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.program main .main-content-wrapper .columns .column.content section.casts .container:first-child {
    margin: 0
}

body.program main .main-content-wrapper .columns .column.content section.casts .container .more {
    display: flex;
    align-items: center;
    margin-right: 25px
}

body.program main .main-content-wrapper .columns .column.content section.casts .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.program main .main-content-wrapper .columns .column.content section.casts .thumb {
    display: flex;
    flex-direction: column;
    align-items: center
}

body.program main .main-content-wrapper .columns .column.content section.casts .thumb .thumb-image img {
    display: inline;
    margin: 0 auto;
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid {
    margin: 30px 0
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content .grid-item {
    padding: 0 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
    width: 25%;
    transition-duration: .25s
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content .grid-item:hover {
    transform: scale(1.05);
    z-index: 1
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content .grid-item .grid-item-image {
    width: 100%
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content .grid-item .grid-item-image img {
    width: 100%;
    border-radius: 4px
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content .grid-item .grid-item-meta {
    width: 100%;
    padding: 15px 0
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content .grid-item .grid-item-meta .act-name {
    font-size: 20px
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content .grid-item .grid-item-meta .act-name strong {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content .grid-item .grid-item-meta .act-desc {
    color: #fff;
    font-size: 15px;
    padding: 15px 0
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-footer {
    text-align: center
}

body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-footer .btn {
    width: 50%
}

body.program main .main-content-wrapper .columns .column.content section .list {
    margin: 15px 0
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item {
    display: flex;
    margin-bottom: 30px
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image {
    position: relative;
    width: 50%
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image img {
    width: 100%;
    border-radius: 4px
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image .icon-play {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .178);
    color: #292929;
    border-radius: 50%;
    font-size: 16px;
    width: 44px;
    height: 44px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    right: 2.5%;
    top: 5%
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image .icon-play span {
    margin-left: 5px
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image:hover {
    opacity: .7
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image:hover span:before {
    color: #d01514
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta {
    width: 50%;
    padding: 15px 30px
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta .program-name {
    font-size: 20px
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta .program-name strong {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta .program-desc {
    color: #fff;
    font-size: 15px;
    padding: 15px 0;
    line-height: 20px
}

body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta a,
body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta a:active .icon,
body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta a :focus .icon,
body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta a:hover .icon {
    color: #fff
}

body.program main .main-content-wrapper .columns .column.content section .list-footer {
    text-align: center
}

body.program main .main-content-wrapper .columns .column.content section .list-footer .btn {
    width: 50%
}

@media screen and (max-width:1200px) {
    body.program main .bg-container {
        height: 60vh;
        min-height: 400px
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content {
        max-width: 40%
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-desc p {
        font-size: 14px;
        line-height: 18px
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small {
        right: 30px;
        max-width: 40%
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small .slide-player-meta {
        font-size: 14px
    }

    body.program main .main-content-wrapper .columns {
        margin: 20px 30px
    }

    body.program main .main-content-wrapper .columns .column.content {
        width: 100%
    }

    body.program main .sidebar {
        display: none
    }

    body.program .share-tools {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    body.program main .bg-container {
        height: 60vh;
        min-height: 500px
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content {
        max-width: 100%;
        padding: 30px 15px 0;
        top: 76%
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content.extra {
        transform: none;
        top: 45%
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-logo {
        max-width: 200px
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-desc p {
        display: none;
        font-size: 14px;
        line-height: 18px
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .tags {
        font-size: 14px;
        margin: 15px 0;
        line-height: 22px
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .social-accounts a img {
        height: 20px
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-content .u-button {
        font-size: 14px;
        padding: 15px 30px;
        margin-right: 15px
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small {
        display: none;
        right: 30px;
        max-width: 40%
    }

    body.program main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small .slide-player-meta {
        font-size: 14px
    }

    body.program main .main-content-wrapper .sub-header {
        margin-bottom: 15px
    }

    body.program main .main-content-wrapper .sub-header .container .program-heading h1 {
        font-size: 15px;
        line-height: 20px
    }

    body.program main .main-content-wrapper .sub-header .container .program-heading h3 {
        font-size: 12px
    }

    body.program main .main-content-wrapper .sub-header .container .social-accounts a {
        margin-right: 15px
    }

    body.program main .main-content-wrapper .sub-nav .container {
        margin: 0 15px 15px
    }

    body.program main .main-content-wrapper .sub-nav .container ul .owl-item:first-child a {
        padding: 3px 16px
    }

    body.program main .main-content-wrapper .columns {
        margin: 0
    }

    body.program main .main-content-wrapper .columns .column.content {
        width: 100%
    }

    body.program main .main-content-wrapper .columns .column.content section .owl-carousel {
        margin: auto
    }

    body.program main .main-content-wrapper .columns .column.content section .share-tools {
        justify-content: center;
        display: none
    }

    body.program main .main-content-wrapper .columns .column.content section.serie-news .container:first-child {
        margin: 0 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.serie-news .owl-carousel .owl-stage-outer .owl-stage {
        padding-left: 45px !important
    }

    body.program main .main-content-wrapper .columns .column.content section.serie-casts .container:first-child {
        margin: 0 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.serie-casts .owl-carousel .owl-stage-outer .owl-stage {
        padding-left: 45px !important
    }

    body.program main .main-content-wrapper .columns .column.content section.casts .container:first-child {
        margin: 0 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.casts .owl-carousel .owl-stage-outer .owl-stage {
        padding-left: 45px !important
    }

    body.program main .main-content-wrapper .columns .column.content section.video .video-player .player-meta {
        margin: 0 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.video .video-player .player-meta .player-meta-header {
        flex-direction: column
    }

    body.program main .main-content-wrapper .columns .column.content section.video .video-player .player-meta .player-meta-header strong {
        display: none
    }

    body.program main .main-content-wrapper .columns .column.content section.video .video-player .player-meta .player-meta-header .buttons {
        justify-content: space-between;
        margin-top: 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.video .video-player .player-meta .player-meta-header .buttons a {
        margin-left: 0
    }

    body.program main .main-content-wrapper .columns .column.content section .list {
        margin: 15px
    }

    body.program main .main-content-wrapper .columns .column.content section .list .list-item {
        flex-direction: column
    }

    body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image {
        width: 100%
    }

    body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta {
        width: 100%;
        padding: 15px 0
    }

    body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta a:active,
    body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta a :focus,
    body.program main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta a:hover {
        color: #fff
    }

    body.program main .main-content-wrapper .columns .column.content section.videos .posters.owl-carousel .owl-stage-outer .owl-stage {
        padding-left: 45px !important
    }

    body.program main .main-content-wrapper .columns .column.content section.videos .container {
        margin: 0 15px !important
    }

    body.program main .main-content-wrapper .columns .column.content section.videos .container.episodes {
        flex-direction: column
    }

    body.program main .main-content-wrapper .columns .column.content section.videos .container.episodes .more {
        margin-top: 15px;
        margin-bottom: 10px
    }

    body.program main .main-content-wrapper .columns .column.content section.videos .container.episodes .more .select2 {
        width: 50% !important
    }

    body.program main .main-content-wrapper .columns .column.content section.program-posters .program-posters-content-container {
        margin: 0 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.program-posters .program-poster-list {
        display: flex;
        flex-wrap: wrap;
        padding: 30px 0
    }

    body.program main .main-content-wrapper .columns .column.content section.program-posters .program-poster-list .program-poster {
        width: 45%;
        margin-right: 15px;
        margin-bottom: 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.program-posters .program-poster-list .program-poster img {
        width: 100%
    }

    body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .controls {
        display: block
    }

    body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container:first-child {
        margin: 0 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.gallery .gallery-image-container .gallery-meta .gallery-meta-header {
        flex-direction: column
    }

    body.program main .main-content-wrapper .columns .column.content section.galleries .container:first-child {
        margin: 0 15px !important
    }

    body.program main .main-content-wrapper .columns .column.content section.galleries .grid {
        margin: 15px 0
    }

    body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content {
        margin: 0
    }

    body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content .grid-item .grid-item-meta {
        padding: 10px 0;
        width: 100%
    }

    body.program main .main-content-wrapper .columns .column.content section.galleries .grid .grid-content .grid-item .grid-item-meta .program-name {
        font-size: 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.recap .recap-content-container {
        margin: 0 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.recap .recap-content-container .recap-meta {
        margin-top: 0
    }

    body.program main .main-content-wrapper .columns .column.content section.recap .recap-content-container .recap-meta .recap-meta-header {
        flex-direction: column
    }

    body.program main .main-content-wrapper .columns .column.content section.recap .recap-content-container .recap-meta .recap-meta-header strong {
        order: 2
    }

    body.program main .main-content-wrapper .columns .column.content section.recap .recap-content-container .recap-meta .recap-meta-header .buttons {
        order: 1;
        justify-content: space-between;
        margin-bottom: 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.recap .recap-content-container .recap-meta .recap-meta-header .buttons a {
        margin-left: 0
    }

    body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content {
        margin: 0 auto
    }

    body.program main .main-content-wrapper .columns .column.content section.casts .grid .grid-content .grid-item {
        width: 50%
    }

    body.program main .main-content-wrapper .columns .column.content section.about .about-content-container,
    body.program main .main-content-wrapper .columns .column.content section.post .post-image-container {
        margin: 0 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container {
        flex-direction: column
    }

    body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-image {
        width: 60%;
        margin: 0 15px
    }

    body.program main .main-content-wrapper .columns .column.content section.cast .cast-content-container .cast-meta {
        width: 100%;
        padding: 15px
    }

    body.program main .sidebar {
        display: none
    }

    body.program .share-tools {
        margin-bottom: 0
    }
}

body.live main .main-content-wrapper .columns {
    position: relative;
    display: flex;
    margin: 30px 0;
    justify-content: space-between
}

body.live main .main-content-wrapper .columns .column.content {
    width: calc(100% - 440px)
}

body.live main .main-content-wrapper .columns .column.content.new {
    -webkit-animation: w100 .5s .1s both;
    animation: w100 .5s .1s both
}

body.live main .main-content-wrapper .columns .column.content.new section.video {
    height: 600px
}

body.live main .main-content-wrapper .columns .column.content.new .video-player {
    margin: 0 auto
}

body.live main .main-content-wrapper .columns .column.content.new .video-player-tools {
    display: flex;
    justify-content: space-between
}

body.live main .main-content-wrapper .columns .column.content section .owl-carousel {
    margin-left: -15px;
    margin-right: -15px
}

body.live main .main-content-wrapper .columns .column.content section.schedule {
    margin-top: 0
}

body.live main .main-content-wrapper .columns .column.content section.schedule .container:first-child {
    margin: 0 30px 0 60px
}

body.live main .main-content-wrapper .columns .column.content section.schedule .owl-carousel {
    margin-left: 0;
    margin-right: 0
}

body.live main .main-content-wrapper .columns .column.content section.schedule .owl-carousel .owl-nav button {
    top: -60px;
    bottom: -30px;
    height: auto
}

body.live main .main-content-wrapper .columns .column.content section.video {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box
}

body.live main .main-content-wrapper .columns .column.content section.video .video-player video {
    outline: none
}

body.live main .main-content-wrapper .columns .column.content section.video .video-player .player-meta {
    position: relative;
    margin-top: 15px;
    z-index: 99
}

body.live main .main-content-wrapper .columns .column.content section.video .video-player .player-meta .player-meta-header {
    display: flex;
    justify-content: space-between
}

body.live main .main-content-wrapper .columns .column.content section.video .video-player .player-meta .player-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.live main .main-content-wrapper .columns .column.content section.video .video-player .player-meta .player-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.live main .main-content-wrapper .columns .column.content section.video .video-player .player-meta .player-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body.live main .main-content-wrapper .columns .column.content section.video .video-player .player-meta .player-meta-header .buttons a span {
    color: #fff
}

body.live main .main-content-wrapper .columns .column.content section.video .video-player .player-meta p {
    font-size: 15px;
    line-height: 20px
}

body.live main .main-content-wrapper .columns .column.content section.video .video-player .video-player-tools {
    display: flex;
    justify-content: space-between
}

body.live main .main-content-wrapper .columns .column.content section.videos {
    padding-left: 60px;
    padding-right: 30px;
    box-sizing: border-box
}

body.live main .main-content-wrapper .columns .column.content section.videos .container {
    margin: 0
}

body.live main .main-content-wrapper .columns .column.content section.videos .container .more {
    display: flex;
    align-items: center;
    margin-right: 0
}

body.live main .main-content-wrapper .columns .column.content section.videos .container .more .select2 {
    margin-right: 15px
}

body.live main .main-content-wrapper .columns .column.content section.videos .container .more .select2:last-child {
    margin-right: 0
}

body.live main .main-content-wrapper .columns .column.content section.videos .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.live main .main-content-wrapper .columns .column.content section .list {
    margin: 15px 0
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item {
    display: flex;
    margin-bottom: 30px
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image {
    position: relative;
    width: 50%
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image img {
    width: 100%;
    border-radius: 4px
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image .icon-play {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .178);
    color: #292929;
    border-radius: 50%;
    font-size: 16px;
    width: 44px;
    height: 44px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    right: 2.5%;
    top: 5%
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image .icon-play span {
    margin-left: 5px
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image:hover {
    opacity: .7
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image:hover span:before {
    color: #d01514
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta {
    width: 50%;
    padding: 15px 30px
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta .program-name {
    font-size: 20px
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta .program-name strong {
    color: #fff
}

body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta .program-desc {
    color: #fff;
    font-size: 15px;
    padding: 15px 0;
    line-height: 20px
}

body.live main .main-content-wrapper .columns .column.content section .list-footer {
    text-align: center
}

body.live main .main-content-wrapper .columns .column.content section .list-footer .btn {
    width: 50%
}

body.live main .main-content-wrapper .columns .column.sidebar {
    width: 380px;
    margin-right: 60px
}

body.live main .main-content-wrapper .columns .tweet-box {
    display: flex;
    align-items: center
}

body.live main .main-content-wrapper .columns .tweet-box a {
    display: flex;
    align-items: center;
    line-height: 100%
}

body.live main .main-content-wrapper .columns .tweet-box a img {
    display: block;
    width: 36px;
    box-shadow: none;
    border-radius: 0;
    margin-right: 8px
}

body.live main .main-content-wrapper .columns .share-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
    margin-bottom: 30px
}

body.live main .main-content-wrapper .columns .share-tools span {
    padding-right: 15px
}

body.live main .main-content-wrapper .columns .share-tools .social-accounts {
    display: flex;
    align-items: center
}

body.live main .main-content-wrapper .columns .share-tools .social-accounts a {
    display: block;
    margin-right: 15px
}

body.live main .main-content-wrapper .columns .share-tools .social-accounts a img {
    width: auto;
    height: 28px
}

body.live main .main-content-wrapper .columns .share-tools .social-accounts a:last-child {
    margin-right: 0
}

body.live main .main-content-wrapper .columns .share-tools .social-accounts a:hover {
    opacity: .7
}

@media screen and (max-width:1200px) {
    body.live main .main-content-wrapper .columns {
        margin: 20px 30px
    }

    body.live main .main-content-wrapper .columns .column.content {
        width: 100%
    }

    body.live main .main-content-wrapper .columns .column.content section.video,
    body.live main .main-content-wrapper .columns .column.content section.videos {
        padding-left: 0;
        padding-right: 0
    }

    body.live main .main-content-wrapper .columns .column.content section .list .list-item {
        flex-direction: column
    }

    body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image,
    body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta {
        width: 100%
    }

    body.live main .main-content-wrapper .tweet-box a {
        width: 150px
    }

    body.live main .sidebar {
        display: none
    }

    body.live main section.schedule .container .schedule-program .meta .program-time {
        font-size: 20px
    }
}

@media screen and (max-width:767px) {
    body.live main .main-content-wrapper .columns {
        margin: 0
    }

    body.live main .main-content-wrapper .columns .column.content {
        width: 100%
    }

    body.live main .main-content-wrapper .columns .column.content section.video {
        padding-left: 0;
        padding-right: 0
    }

    body.live main .main-content-wrapper .columns .column.content section.video .video-player-tools {
        display: flex;
        margin: 0 15px
    }

    body.live main .main-content-wrapper .columns .column.content section.videos {
        padding-left: 0;
        padding-right: 0
    }

    body.live main .main-content-wrapper .columns .column.content section.schedule .container:first-child {
        margin: 0 15px
    }

    body.live main .main-content-wrapper .columns .column.content section.schedule .container .schedule-programs .owl-stage-outer .owl-stage {
        left: -15px
    }

    body.live main .main-content-wrapper .columns .column.content section.schedule .container .schedule-program {
        padding: 15px 30px 15px 0
    }

    body.live main .main-content-wrapper .columns .column.content section.schedule .container .schedule-program .meta {
        width: 100%
    }

    body.live main .main-content-wrapper .columns .column.content section.schedule .container .schedule-program .meta .program-name {
        font-size: 12px;
        padding: 6px 0
    }

    body.live main .main-content-wrapper .columns .column.content section.schedule .container .schedule-program .meta .program-time {
        font-size: 20px
    }

    body.live main .main-content-wrapper .columns .column.content section.schedule .container .schedule-program .meta .now-tag {
        font-size: 11px;
        padding: 2px
    }

    body.live main .main-content-wrapper .columns .column.content section .list .list-item {
        flex-direction: column
    }

    body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image,
    body.live main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta {
        width: 100%
    }

    body.live main .main-content-wrapper .columns .tweet-box a {
        width: 150px
    }

    body.live main .sidebar {
        display: none
    }
}

@media screen and (max-width:480px) {
    body.live main .main-content-wrapper .columns .column.content section.videos .container:first-child {
        margin: 0 15px
    }

    body.live main .main-content-wrapper .columns .column.content section.videos .owl-carousel .owl-stage-outer .owl-stage {
        padding-left: 15px !important
    }

    body.live main .main-content-wrapper .columns .video-player-tools {
        margin: 15px;
        flex-direction: column
    }

    body.live main .main-content-wrapper .columns .video-player-tools .tweet-box a {
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 10px 15px
    }
}

body.schedule main .main-content-wrapper .columns {
    position: relative;
    display: flex;
    margin: 20px 60px;
    justify-content: space-between
}

body.schedule main .main-content-wrapper .columns .column.content {
    width: calc(100% - 410px)
}

body.schedule main .main-content-wrapper .columns .column.content.new {
    background-color: #000;
    -webkit-animation: w100 .5s .1s both;
    animation: w100 .5s .1s both
}

body.schedule main .main-content-wrapper .columns .column.content.new section.video {
    height: 600px
}

body.schedule main .main-content-wrapper .columns .column.content.new .video-player {
    margin: 0 auto
}

body.schedule main .main-content-wrapper .columns .column.content .video-player video {
    outline: none
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .player-meta {
    position: relative;
    margin-top: 15px;
    z-index: 99
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header {
    display: flex;
    justify-content: space-between
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .player-meta .player-meta-header .buttons a span {
    color: #fff
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .player-meta p {
    font-size: 15px;
    line-height: 1.6em
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .tools {
    display: flex
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .tools .icon {
    cursor: pointer;
    box-sizing: border-box;
    padding: 8px;
    width: 44px
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .tools .icon:first-child {
    padding: 12px 10px 8px
}

body.schedule main .main-content-wrapper .columns .column.content .video-player .tools .icon img {
    width: 100%
}

body.schedule main .main-content-wrapper .columns .column.content section .owl-carousel {
    margin-left: -15px;
    margin-right: -15px
}

body.schedule main .main-content-wrapper .columns .column.content section.videos .container {
    margin: 0
}

body.schedule main .main-content-wrapper .columns .column.content section.videos .container .more {
    display: flex;
    align-items: center;
    margin-right: 0
}

body.schedule main .main-content-wrapper .columns .column.content section.videos .container .more .select2 {
    margin-right: 15px
}

body.schedule main .main-content-wrapper .columns .column.content section.videos .container .more .select2:last-child {
    margin-right: 0
}

body.schedule main .main-content-wrapper .columns .column.content section.videos .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.schedule main .main-content-wrapper .columns .column.content section .list {
    margin: 0
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item {
    display: flex;
    margin-bottom: 30px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time {
    width: 50%
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .program-time {
    color: #fff;
    font-size: 48px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .program-time strong {
    color: #fff
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .program-name {
    color: #fff;
    font-size: 18px;
    padding: 8px 0
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .program-name strong {
    color: #fff
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .icon {
    display: flex;
    align-items: center;
    font-size: 15px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .icon * {
    color: #fff
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .icon img {
    width: 20px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .tag {
    background-color: #d01514;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .now-tag {
    text-align: center;
    font-size: 14px;
    border: 1px solid #d01514;
    border-radius: 4px;
    padding: 10px;
    color: #d01514;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    width: 150px;
    margin-top: 15px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image {
    position: relative;
    width: 50%
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image img {
    width: 100%;
    border-radius: 4px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image .icon-play {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .178);
    color: #292929;
    border-radius: 50%;
    font-size: 16px;
    width: 44px;
    height: 44px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    right: 2.5%;
    top: 5%
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image .icon-play span {
    margin-left: 5px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image:hover {
    opacity: .7
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-image:hover span:before {
    color: #d01514
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta {
    width: 40%;
    padding: 15px 30px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta .program-name {
    font-size: 20px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta .program-name strong {
    color: #fff
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .list-item-meta .program-desc {
    color: #fff;
    font-size: 15px;
    padding: 15px 0;
    line-height: 20px
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-footer {
    text-align: center
}

body.schedule main .main-content-wrapper .columns .column.content section .list .list-footer .btn {
    width: 50%
}

body.schedule main .main-content-wrapper .mid-nav {
    width: 100%;
    display: flex;
    align-items: center
}

body.schedule main .main-content-wrapper .mid-nav .mid-nav-item {
    width: 100%;
    background-color: #292929;
    opacity: .8;
    text-align: center;
    margin-bottom: 30px;
    cursor: pointer
}

body.schedule main .main-content-wrapper .mid-nav .mid-nav-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

body.schedule main .main-content-wrapper .mid-nav .mid-nav-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

body.schedule main .main-content-wrapper .mid-nav .mid-nav-item.current {
    opacity: 1;
    color: #fff;
    background-color: #d01514;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 2px
}

body.schedule main .main-content-wrapper .mid-nav .mid-nav-item a {
    display: inline-block;
    padding: 16px;
    white-space: nowrap
}

@media screen and (max-width:800px) {
    body.schedule main .main-content-wrapper .columns {
        margin: 0 15px
    }

    body.schedule main .main-content-wrapper .columns .column.content {
        width: 100%
    }

    body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time {
        padding-right: 15px
    }

    body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .program-time {
        font-size: 32px
    }

    body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .program-name {
        font-size: 14px
    }

    body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .icon img {
        width: 16px
    }

    body.schedule main .main-content-wrapper .columns .column.content section .list .list-item .time .tag {
        font-size: 12px
    }

    body.schedule main .main-content-wrapper .columns .column.sidebar {
        display: none
    }
}

body.solid-header main header:first-child {
    background-color: #1a1a1a
}

body.news {
    background-color: #fff;
    color: #292929
}

body.news .menu .menu-content .container:first-child .more a,
body.news .menu .thumb .thumb-meta .desc {
    color: #fff
}

body.news .share-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
    margin-bottom: 30px
}

body.news .share-tools span {
    padding-right: 15px
}

body.news .share-tools .social-accounts {
    display: flex;
    align-items: center
}

body.news .share-tools .social-accounts a {
    display: block;
    margin-right: 15px
}

body.news .share-tools .social-accounts a img {
    width: auto;
    height: 100%
}

body.news .share-tools .social-accounts a:last-child {
    margin-right: 0
}

body.news .share-tools .social-accounts a:hover {
    opacity: .7
}

body.news .social-accounts {
    display: flex;
    align-items: center
}

body.news .social-accounts a {
    display: block;
    margin-right: 15px
}

body.news .social-accounts a img,
body.news .social-accounts a svg {
    width: auto;
    height: 28px
}

body.news .social-accounts a:last-child {
    margin-right: 0
}

body.news .social-accounts a:hover {
    opacity: .7
}

body.news .more {
    display: flex;
    align-items: center
}

body.news .more a {
    line-height: 100%;
    color: #1a1a1a
}

body.news .more:hover {
    opacity: .7
}

body.news .btn.outlined {
    background-color: transparent
}

body.news .btn.outlined.dark {
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

body.news .btn.outlined.dark:hover {
    opacity: .9;
    background-color: #d01514;
    border: 1px solid #d01514;
    color: #fff
}

body.news .btn.outlined.red {
    border: 1px solid #d01514;
    color: #1a1a1a
}

body.news .btn.outlined.red:hover {
    opacity: .9;
    color: #fff;
    background-color: #d01514
}

body.news .btn.outlined.white {
    border: 1px solid #fff;
    color: #fff
}

body.news .btn.outlined.white:hover {
    opacity: .9;
    background-color: #fff;
    color: #1a1a1a
}

body.news .btn.outlined.white:hover img {
    filter: invert(1)
}

body.news .btn.black {
    border: 1px solid #1a1a1a;
    color: #fff;
    background-color: #1a1a1a;
    border-radius: 4px
}

body.news .btn.black:hover {
    opacity: .9;
    background-color: #1a1a1a;
    color: #fff
}

body.news .btn.black:hover img {
    filter: invert(1)
}

body.news .red-lined {
    padding: 15px 0;
    background-color: #fff;
    color: #1a1a1a;
    border-bottom: 2px solid #1a1a1a
}

body.news .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1a1a1a !important
}

body.news .select2-container--default .select2-selection--single {
    border-bottom: 2px solid #1a1a1a !important
}

body.news .select2-results__option--selectable {
    color: #fff
}

body.news .slick-list {
    padding: 0
}

body.news .slick-prev {
    top: 0;
    width: 100%;
    right: auto;
    top: auto;
    left: 0;
    transform: none;
    background-image: linear-gradient(0deg, transparent, hsla(0, 0%, 100%, .9)) !important
}

body.news .slick-prev:before {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23d01514'/%3E%3C/svg%3E");
    content: "";
    width: 10px;
    height: 5.5px;
    display: block;
    transition-duration: .25s
}

body.news .slick-next {
    bottom: 0;
    width: 100%;
    right: auto;
    top: auto;
    transform: none;
    background-image: linear-gradient(180deg, transparent, hsla(0, 0%, 100%, .9)) !important
}

body.news .slick-next:before {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23d01514'/%3E%3C/svg%3E");
    content: "";
    width: 10px;
    height: 5.5px;
    display: block;
    margin-left: 6px;
    transition-duration: .25s
}

body.news .bg-container {
    height: 60vh;
    min-height: 500px
}

body.news .bg-container .slider-wrapper {
    height: 100%;
    position: relative
}

body.news .bg-container .slider-wrapper .static-slides {
    z-index: 1;
    height: 100%
}

body.news .bg-container .slider-wrapper .static-slides .slide {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    z-index: 1;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-bg img {
    width: 100%
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    padding: 60px 60px 0;
    max-width: 40%;
    color: #fff
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .program-logo img {
    width: 100%;
    max-width: 320px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .program-desc {
    max-width: 600px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .program-desc p {
    font-size: 16px;
    line-height: 24px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .tags {
    line-height: 32px;
    margin: 30px 0;
    font-size: 24px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .program-buttons {
    margin: 45px 0
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .social-accounts {
    display: flex;
    align-items: center;
    margin-top: 30px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .social-accounts a {
    display: block;
    margin-right: 28px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .social-accounts a img {
    width: auto;
    height: 28px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .social-accounts a:last-child {
    margin-right: 0
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-content .social-accounts a:hover {
    opacity: .7
}

body.news .bg-container .slider-wrapper .static-slides .slide .slider-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(270deg, transparent, #1a1a1a);
    height: 100%;
    width: 50%;
    z-index: 1
}

body.news .bg-container .slider-wrapper .static-slides .slide .slider-overlay.curtain {
    width: 100%;
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .6), #1a1a1a)
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container {
    position: absolute;
    background-color: transparent;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    right: 60px;
    z-index: 9;
    width: 100%;
    max-width: 45%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    transition-duration: .25s
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small {
    max-width: 30%;
    background-color: rgba(109, 109, 110, .5)
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small .icon-play {
    width: 44px;
    height: 44px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small .slide-player-meta {
    opacity: 1;
    height: auto;
    padding: 16px;
    color: #fff
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container.playing .icon-play {
    display: none !important
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player {
    cursor: pointer;
    position: relative
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player .icon-play {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .178);
    color: #292929;
    border-radius: 50%;
    font-size: 16px;
    width: 64px;
    height: 64px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player .icon-play span {
    margin-left: 5px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player img,
body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player video {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player:hover span:before {
    color: #d01514
}

body.news .bg-container .slider-wrapper .static-slides .slide .slide-player-container .slide-player-meta {
    transition-duration: .1s;
    height: 0;
    opacity: 0
}

body.news main .main-content-wrapper {
    margin-top: 70px
}

body.news main .main-content-wrapper .sub-header {
    background-image: none;
    background-color: #fff;
    color: #1a1a1a;
    margin: 0
}

body.news main .main-content-wrapper .sub-header .container {
    padding: 15px 60px
}

body.news main .main-content-wrapper .sub-nav {
    background-color: #f4f4f4
}

body.news main .main-content-wrapper .sub-nav .container {
    padding: 15px 0
}

body.news main .main-content-wrapper .sub-nav .container ul li a {
    color: #1a1a1a;
    font-weight: 700
}

body.news main .main-content-wrapper .sub-nav .container ul li.active a,
body.news main .main-content-wrapper .sub-nav .container ul li.active i:before {
    color: #fff
}

body.news main .main-content-wrapper .sub-nav .container ul li i:before {
    color: #1a1a1a
}

body.news main .main-content-wrapper section.video .container:first-child .v-player {
    display: flex;
    width: calc(100% - 410px)
}

body.news main .main-content-wrapper section.video .container:first-child .v-player .v-player-inner,
body.news main .main-content-wrapper section.video .container:first-child .v-player .video-player {
    width: 100%
}

body.news main .main-content-wrapper section.video .container:first-child .v-player-meta {
    position: relative;
    margin-top: 15px;
    z-index: 99
}

body.news main .main-content-wrapper section.video .container:first-child .v-player-meta .meta-header {
    display: flex;
    justify-content: space-between
}

body.news main .main-content-wrapper section.video .container:first-child .v-player-meta .meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body.news main .main-content-wrapper section.video .container:first-child .v-player-meta .meta-header .tag {
    background-color: #d01514;
    color: #fff;
    padding: 8px 12px;
    font-size: 12px;
    display: inline-block;
    border-radius: 4px
}

body.news main .main-content-wrapper section.video .container:first-child .v-player-meta .meta-header .program-name {
    margin-top: 4px
}

body.news main .main-content-wrapper section.video .container:first-child .v-player-meta .meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body.news main .main-content-wrapper section.video .container:first-child .v-player-meta .meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #1a1a1a
}

body.news main .main-content-wrapper section.video .container:first-child .v-player-meta .meta-header .buttons a span {
    color: #1a1a1a
}

body.news main .main-content-wrapper section.video .container:first-child .v-player-meta p {
    font-size: 15px;
    line-height: 20px
}

body.news main .main-content-wrapper section.video .container:first-child .slick-slider.slick-vertical {
    overflow: hidden
}

body.news main .main-content-wrapper section.video .container:first-child .slick-next,
body.news main .main-content-wrapper section.video .container:first-child .slick-prev {
    height: 40px;
    z-index: 9999
}

body.news main .main-content-wrapper section.video .container:first-child .slick-prev:before {
    width: 20px;
    height: 35px;
    margin: auto;
    transform: rotate(-90deg)
}

body.news main .main-content-wrapper section.video .container:first-child .slick-next:before {
    width: 20px;
    height: 35px;
    margin: auto;
    transform: rotate(90deg)
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper {
    width: 410px;
    padding: 0 0 0 30px
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-header {
    margin: 0 0 0 15px
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-arrow {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-arrow.up img {
    transform: rotate(180deg)
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs {
    width: 410px;
    overflow: hidden
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs .thumb {
    height: 25%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 15px 15px
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs .thumb a {
    display: flex !important;
    height: 100%
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs .thumb a .thumb-image {
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 4px
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs .thumb a .thumb-meta {
    width: 50%;
    padding-left: 15px
}

body.news main .main-content-wrapper section.video .container:first-child .v-thumbs .thumb:hover {
    opacity: .7;
    transform: none
}

body.news main .main-content-wrapper section.video .container:first-child .share-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0;
    margin-bottom: 30px
}

body.news main .main-content-wrapper section.video .container:first-child .share-tools span {
    padding-right: 15px
}

body.news main .main-content-wrapper section.video .container:first-child .share-tools .social-accounts {
    display: flex;
    align-items: center
}

body.news main .main-content-wrapper section.video .container:first-child .share-tools .social-accounts a {
    display: block;
    margin-right: 15px
}

body.news main .main-content-wrapper section.video .container:first-child .share-tools .social-accounts a img {
    width: auto;
    height: 28px
}

body.news main .main-content-wrapper section.video .container:first-child .share-tools .social-accounts a svg path {
    fill: #d01514
}

body.news main .main-content-wrapper section.video .container:first-child .share-tools .social-accounts a:last-child {
    margin-right: 0
}

body.news main .main-content-wrapper section.video .container:first-child .share-tools .social-accounts a:hover {
    opacity: .7
}

body.news main .main-content-wrapper section.videos .container {
    margin: 0
}

body.news main .main-content-wrapper section.videos .container .more {
    display: flex;
    align-items: center;
    margin-right: 0
}

body.news main .main-content-wrapper section.videos .container .more .select2 {
    margin-right: 15px
}

body.news main .main-content-wrapper section.videos .container .more .select2:last-child {
    margin-right: 0
}

body.news main .main-content-wrapper section.videos .thumb:hover {
    transform: none;
    opacity: .7
}

body.news main .main-content-wrapper section.videos .owl-carousel {
    margin-left: -15px;
    margin-right: -15px
}

body.news main .main-content-wrapper section.videos .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.news main .main-content-wrapper section.videos .owl-carousel .owl-nav button.owl-prev {
    background-image: linear-gradient(270deg, transparent, hsla(0, 0%, 100%, .9)) !important
}

body.news main .main-content-wrapper section.videos .owl-carousel .owl-nav button.owl-prev:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23d01514'/%3E%3C/svg%3E")
}

body.news main .main-content-wrapper section.videos .owl-carousel .owl-nav button.owl-next {
    background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .9)) !important
}

body.news main .main-content-wrapper section.videos .owl-carousel .owl-nav button.owl-next:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23d01514'/%3E%3C/svg%3E")
}

body.news main .main-content-wrapper section.news-videos {
    padding: 0
}

body.news main .main-content-wrapper section.news-videos .container:first-child {
    margin-bottom: 15px !important
}

body.news main .main-content-wrapper section.news-videos .owl-carousel {
    margin-left: -15px;
    margin-right: -15px
}

body.news main .main-content-wrapper section.news-videos .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.news main .main-content-wrapper section.news-videos .owl-carousel .owl-nav button.owl-prev {
    background-image: linear-gradient(270deg, transparent, hsla(0, 0%, 100%, .9)) !important
}

body.news main .main-content-wrapper section.news-videos .owl-carousel .owl-nav button.owl-prev:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23d01514'/%3E%3C/svg%3E")
}

body.news main .main-content-wrapper section.news-videos .owl-carousel .owl-nav button.owl-next {
    background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .9)) !important
}

body.news main .main-content-wrapper section.news-videos .owl-carousel .owl-nav button.owl-next:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23d01514'/%3E%3C/svg%3E")
}

body.news main .main-content-wrapper section.news .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.news main .main-content-wrapper section.news .container .more {
    display: flex;
    align-items: center;
    margin-right: 0
}

body.news main .main-content-wrapper section.news .container .more .select2 {
    margin-right: 15px
}

body.news main .main-content-wrapper section.news .container .more .select2:last-child {
    margin-right: 0
}

body.news main .main-content-wrapper section.serie-news .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.news main .main-content-wrapper section.serie-news .container .more {
    display: flex;
    align-items: center;
    margin-right: 25px
}

body.news main .main-content-wrapper section.serie-news .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

body.news main .main-content-wrapper section .list.anchors {
    display: flex
}

body.news main .main-content-wrapper section .list.anchors .list-item {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 25%;
    margin-right: 15px
}

body.news main .main-content-wrapper section .list.anchors .list-item:hover {
    opacity: .7
}

body.news main .main-content-wrapper section .list.anchors .list-item:last-child {
    margin-right: 0
}

body.news main .main-content-wrapper section .list.anchors .list-item .list-item-image {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

body.news main .main-content-wrapper section .list.anchors .list-item .list-item-image img {
    width: 100%;
    border-radius: 4px
}

body.news main .main-content-wrapper section .list.anchors .list-item .list-item-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, transparent, rgba(26, 26, 26, .6));
    z-index: 1
}

body.news main .main-content-wrapper section .list.anchors .list-item .list-item-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 8px 0;
    height: 100px
}

body.news main .main-content-wrapper section .list.anchors .list-item .list-item-meta .program-name {
    font-size: 20px;
    padding: 8px 12px
}

body.news main .main-content-wrapper section .list.anchors .list-item .list-item-meta .program-name strong {
    color: #fff
}

body.news main .main-content-wrapper section .list.anchors .list-item .list-item-meta .tag {
    color: #fff;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block
}

body.news main .main-content-wrapper section .list.anchors .list-item .list-item-meta .program-desc {
    color: #1a1a1a;
    font-size: 15px;
    padding: 15px 0;
    line-height: 20px
}

body.news main .main-content-wrapper section .list .list-item {
    display: flex;
    margin-bottom: 30px
}

body.news main .main-content-wrapper section .list .list-item .list-item-image {
    position: relative;
    width: 50%
}

body.news main .main-content-wrapper section .list .list-item .list-item-image img {
    width: 100%;
    border-radius: 4px
}

body.news main .main-content-wrapper section .list .list-item .list-item-image .icon-play {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .178);
    color: #292929;
    border-radius: 50%;
    font-size: 16px;
    width: 44px;
    height: 44px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    right: 2.5%;
    top: 5%
}

body.news main .main-content-wrapper section .list .list-item .list-item-image .icon-play span {
    margin-left: 5px
}

body.news main .main-content-wrapper section .list .list-item .list-item-image:hover {
    opacity: .7
}

body.news main .main-content-wrapper section .list .list-item .list-item-image:hover span:before {
    color: #d01514
}

body.news main .main-content-wrapper section .list .list-item .list-item-meta {
    width: 50%;
    padding: 15px 30px
}

body.news main .main-content-wrapper section .list .list-item .list-item-meta .program-name {
    font-size: 20px
}

body.news main .main-content-wrapper section .list .list-item .list-item-meta .program-name strong {
    color: #1a1a1a
}

body.news main .main-content-wrapper section .list .list-item .list-item-meta .program-desc {
    color: #1a1a1a;
    font-size: 15px;
    padding: 15px 0;
    line-height: 20px
}

body.news main .main-content-wrapper section .list .list-footer {
    text-align: center
}

body.news main .main-content-wrapper section .list .list-footer .btn {
    width: 50%
}

body.news main .main-content-wrapper .columns {
    position: relative;
    display: flex;
    margin: 0 60px;
    justify-content: space-between
}

body.news main .main-content-wrapper .columns .column.content {
    width: calc(100% - 410px)
}

body.news main .main-content-wrapper .columns .column.content.full {
    width: 100%
}

body.news main .main-content-wrapper .columns .column.content .inner {
    border-radius: 4px;
    background-color: #fff;
    margin-top: 30px
}

body.news main .main-content-wrapper .columns .column.content .inner:first-child {
    margin-top: 0
}

body.news main .main-content-wrapper .columns .column.content .inner.episode {
    margin-top: 30px
}

body.news main .main-content-wrapper .columns .column.content .container:first-child {
    margin: 0 0 30px
}

body.news main .main-content-wrapper .columns .column.content.new {
    background-color: red;
    -webkit-animation: w100 .5s .1s both;
    animation: w100 .5s .1s both
}

body.news main .main-content-wrapper .columns .column.content.new .video-player {
    width: 60%;
    margin: 0 auto
}

body.news main .main-content-wrapper .columns .column.sidebar {
    background-color: transparent
}

body.news main .main-content-wrapper .columns .column.sidebar .inner {
    background-color: #fff;
    box-shadow: none;
    max-width: 410px;
    padding: 0;
    width: 100%;
    overflow: hidden
}

body.news main .main-content-wrapper .columns .column.sidebar .inner.light {
    background-color: #fff
}

body.news main .main-content-wrapper .columns .column.sidebar .sidebar-player-container {
    box-shadow: none
}

body.news main .main-content-wrapper .columns .column.sidebar .sidebar-player-container .sidebar-player-meta {
    color: #1a1a1a
}

body.news main .main-content-wrapper .columns .column.sidebar .articles .article {
    display: flex;
    margin: 15px 0
}

body.news main .main-content-wrapper .columns .column.sidebar .articles .article .image {
    max-width: 150px;
    padding-right: 15px
}

body.news main .main-content-wrapper .columns .column.sidebar .articles .article .image img {
    width: 100%;
    border-radius: 4px
}

body.news main .main-content-wrapper .columns .column.sidebar .articles .article .meta .tag {
    background-color: #d01514;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px
}

body.news main .main-content-wrapper .columns .column.sidebar .articles .article .meta .title {
    margin-top: 8px
}

body.news main .main-content-wrapper .columns .column.sidebar .articles .article:hover {
    opacity: .7
}

body.news main .main-content-wrapper .columns .column.sidebar .articles .articles-footer {
    text-align: center
}

body.news main .main-content-wrapper .columns .column.sidebar .articles .articles-footer .btn {
    width: 50%;
    min-width: 180px
}

body.news main .thumb .thumb-meta .program-name,
body.news main .thumb .thumb-meta .program-name strong {
    color: #1a1a1a
}

body.news main .thumb .thumb-meta .desc {
    color: #333
}

body.news main .other-channels {
    margin-top: 45px;
    margin-bottom: 45px
}

body.news main footer {
    background: #1a1a1a
}

body.news main footer .navs .nav strong {
    color: #fff
}

@media screen and (max-width:1200px) {
    body.news main .bg-container {
        height: 50vh;
        min-height: 400px
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-content {
        max-width: 40%
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-name {
        font-size: 3vh
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-desc p {
        font-size: 14px;
        line-height: 18px
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-player-container {
        max-width: 100%;
        width: 90%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small {
        left: auto;
        right: 30px;
        max-width: 40%;
        transform: none;
        top: 50%;
        transform: translateY(-50%)
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-player-container.small .slide-player-meta {
        font-size: 14px
    }

    body.news main .main-content-wrapper .sub-header .container {
        padding: 15px 30px
    }

    body.news main .main-content-wrapper .columns {
        flex-direction: column;
        margin: 0 30px
    }

    body.news main .main-content-wrapper .columns .column.content,
    body.news main .main-content-wrapper .columns .column.sidebar {
        width: 100%
    }

    body.news main .main-content-wrapper .columns .column.sidebar .inner {
        max-width: 100%
    }

    body.news main .main-content-wrapper section .owl-carousel .owl-nav button.owl-next {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8)) !important
    }

    body.news main .main-content-wrapper section .owl-carousel .owl-nav button.owl-prev {
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8)) !important
    }

    body.news main .main-content-wrapper section .owl-carousel .owl-stage {
        padding-left: 30px !important
    }

    body.news main .main-content-wrapper section .owl-carousel .owl-stage .thumb {
        padding: 15px 15px 15px 0
    }

    body.news main section .container:first-child {
        margin: 0 30px
    }
}

@media screen and (max-width:1366px) {
    body.news main header.main .container:first-child {
        margin: 15px 30px
    }

    body.news main .bg-container {
        height: 50vh;
        min-height: 400px
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-content {
        max-width: 100%;
        padding: 30px 15px 0 30px;
        top: 70%
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-name {
        font-size: 3vh
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-content .program-desc p {
        font-size: 14px;
        line-height: 18px
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-content .tags {
        font-size: 14px;
        margin: 15px 0
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-content .social-accounts a img {
        width: auto;
        height: 24px
    }

    body.news main .bg-container .slider-wrapper .static-slides .slide .slide-player-container {
        display: none
    }

    body.news main .main-content-wrapper .container:first-child {
        margin: 15px 30px 0
    }

    body.news main .main-content-wrapper .sub-header {
        margin-bottom: 15px
    }

    body.news main .main-content-wrapper .sub-header .container .program-heading h1 {
        font-size: 18px;
        line-height: 22px
    }

    body.news main .main-content-wrapper .sub-header .container .program-heading h3 {
        font-size: 16px
    }

    body.news main .main-content-wrapper .sub-header .container .social-accounts a {
        margin-right: 15px
    }

    body.news main .main-content-wrapper .sub-header .container .social-accounts a svg {
        height: 24px
    }

    body.news main .main-content-wrapper .sub-nav .container {
        margin: 0 15px 15px
    }

    body.news main .main-content-wrapper .sub-nav .container ul .owl-item:first-child a {
        padding: 3px 16px
    }

    body.news main .main-content-wrapper .sub-header .container {
        padding: 0
    }

    body.news main .main-content-wrapper .columns {
        flex-direction: column;
        margin: 0 30px
    }

    body.news main .main-content-wrapper .columns .column.content {
        width: 100%
    }

    body.news main .main-content-wrapper .columns .column.content .inner.episode {
        margin-top: 15px
    }

    body.news main .main-content-wrapper .columns .column.sidebar {
        display: none;
        width: 100%
    }

    body.news main .main-content-wrapper .columns .column.sidebar .inner {
        max-width: 100%
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-player {
        flex-direction: column
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-player .v-thumbs-header {
        margin: 0 0 15px
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-player .v-thumbs {
        max-width: 100%;
        height: auto !important
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-player .v-thumbs .thumb {
        height: auto;
        padding-left: 0;
        padding-right: 30px
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-player .v-thumbs .thumb a {
        flex-direction: column !important
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-player .v-thumbs .thumb a .thumb-image {
        width: 100%;
        height: auto
    }

    body.news main .main-content-wrapper section.news-videos .owl-carousel .owl-nav button.owl-next {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8)) !important
    }

    body.news main .main-content-wrapper section.news-videos .owl-carousel .owl-nav button.owl-prev {
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8)) !important
    }

    body.news main .main-content-wrapper section.news-videos .owl-carousel .owl-stage {
        padding-left: 15px !important
    }

    body.news main .main-content-wrapper section.news-videos .owl-carousel .owl-stage .thumb {
        padding: 15px
    }

    body.news main .main-content-wrapper section .owl-carousel .owl-nav button.owl-next {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8)) !important
    }

    body.news main .main-content-wrapper section .owl-carousel .owl-nav button.owl-prev {
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8)) !important
    }

    body.news main .main-content-wrapper section .owl-carousel .owl-stage {
        padding-left: 15px !important
    }

    body.news main .main-content-wrapper section .owl-carousel .owl-stage .thumb {
        padding: 15px
    }

    body.news main footer.main .container {
        margin: 15px 30px 0
    }
}

@media screen and (max-width:1023px) {
    body.news main .main-content-wrapper section.video .container:first-child {
        flex-direction: column
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-player {
        width: 100%
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper {
        width: 100%;
        padding: 0
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper .v-thumbs-header {
        margin: 0
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper .v-thumbs-arrow {
        display: none
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper .v-thumbs {
        width: 100%;
        height: 100% !important
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper .v-thumbs .slick-list {
        padding-bottom: 0
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper .v-thumbs .thumb {
        padding-left: 0;
        padding-right: 15px
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper .v-thumbs .thumb a {
        flex-direction: column
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper .v-thumbs .thumb a .thumb-image {
        width: 100%
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-thumbs-wrapper .v-thumbs .thumb a .thumb-meta {
        width: 100%;
        padding-left: 0
    }
}

@media screen and (max-width:800px) {
    body.news main .main-content-wrapper {
        margin-top: 90px
    }

    body.news main .main-content-wrapper section.news .container:first-child {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 0 15px
    }

    body.news main .main-content-wrapper section.news .container:first-child .more {
        width: 100%
    }

    body.news main .main-content-wrapper section.news .container:first-child .more .custom-dropdown {
        width: 50%
    }

    body.news main .main-content-wrapper section.news .container:first-child h2 {
        margin-bottom: 15px
    }

    body.news main .main-content-wrapper section .list .list-item {
        flex-direction: column
    }

    body.news main .main-content-wrapper section .list .list-item .list-item-image {
        width: 100%
    }

    body.news main .main-content-wrapper section .list .list-item .list-item-meta {
        width: 100%;
        padding: 15px 0
    }
}

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

    body.news main .main-content-wrapper .container:first-child,
    body.news main header.main .container:first-child {
        margin: 15px
    }

    body.news main .main-content-wrapper .columns {
        margin: 0 15px
    }

    body.news main .main-content-wrapper section.video .container:first-child .v-player-meta .meta-header {
        flex-direction: column
    }

    body.news main .main-content-wrapper section.video .container:first-child .share-tools {
        justify-content: start;
        margin-top: 15px;
        margin-bottom: 15px
    }

    body.news main footer.main .container {
        margin: 15px
    }

    body.news main footer.main .container .icons .app-download img {
        width: 100%
    }
}

body.search-results main .main-content-wrapper .columns {
    position: relative;
    display: flex;
    margin: 30px 0;
    justify-content: space-between
}

body.search-results main .main-content-wrapper .columns .column.content section .owl-carousel {
    margin-left: -15px;
    margin-right: -15px
}

body.search-results main .main-content-wrapper .columns .column.content section.videos {
    padding-left: 60px;
    padding-right: 30px;
    box-sizing: border-box
}

body.search-results main .main-content-wrapper .columns .column.content section.videos .container {
    margin: 0
}

body.search-results main .main-content-wrapper .columns .column.content section.videos .container .more {
    display: flex;
    align-items: center;
    margin-right: 0
}

body.search-results main .main-content-wrapper .columns .column.content section.videos .container .more .select2 {
    margin-right: 15px
}

body.search-results main .main-content-wrapper .columns .column.content section.videos .container .more .select2:last-child {
    margin-right: 0
}

body.search-results main .main-content-wrapper .columns .column.content section.videos .owl-carousel .owl-stage-outer .owl-stage {
    padding-left: 0 !important
}

@media screen and (max-width:450px) {
    body.search-results main .main-content-wrapper .columns .column.content section.videos {
        padding-left: 0;
        padding-right: 0
    }

    body.search-results main .main-content-wrapper .columns .column.content section .owl-carousel {
        margin-left: 0;
        margin-right: 0
    }

    body.search-results main section .thumbs .owl-stage-outer .owl-stage {
        left: 0
    }
}

body.menu-dark header.main,
body.menu-sticky header.main {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

body.menu-up header.main {
    top: -70px
}

body.menu-fixed .wrapper {
    top: 70px
}

body.menu-fixed header.main {
    position: fixed
}

header.main {
    position: relative;
    height: 70px;
    width: 100%;
    z-index: 99;
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(26, 26, 26, .5), transparent);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: top .2s ease-out
}

header.main .mobile-menu-opener {
    display: none
}

header.main .ad-container .mobile-masthead div {
    padding: 30px auto
}

header.main .container {
    position: relative;
    margin: 0 60px;
    display: flex;
    align-items: center
}

header.main .container .branding {
    align-self: center
}

header.main .container .branding img {
    width: 50px
}

header.main .container nav ul {
    display: flex;
    align-items: flex-start;
    list-style: none
}

header.main .container nav ul li {
    margin: 0 20px
}

header.main .container nav ul li a {
    transition: opacity .25s ease-in-out;
    opacity: 1
}

header.main .container nav ul li:hover a {
    opacity: .8
}

header.main .container nav ul li.has-child a {
    display: flex;
    align-items: center
}

header.main .container nav ul li.has-child a:after {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/icons/icon-arrow-down.svg);
    content: "";
    width: 10px;
    height: 5.5px;
    display: block;
    margin-left: 6px;
    transition-duration: .25s
}

header.main .container nav ul li.has-child.active a {
    font-weight: 700
}

header.main .container nav ul li.has-child.active a:after {
    transform: rotate(180deg)
}

header.main .container .v-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    height: 100%;
    align-items: center
}

header.main .container .v-buttons .v-button {
    display: flex;
    align-items: center;
    margin-left: 10px;
    position: relative
}

header.main .container .v-buttons .v-button:first-child {
    margin-right: 15px
}

header.main .container .v-buttons .v-button:nth-child(2) {
    padding-right: 20px;
    margin-right: 15px;
    border-right: 1px solid #e5e5e5
}

header.main .container .v-buttons .v-button .pulse {
    margin-right: 8px
}

header.main .container .v-buttons .v-button .pulse .pulse-core {
    display: block;
    width: 10px;
    height: 10px
}

header.main .container .v-buttons .v-button a span {
    font-size: 18px
}

header.main .container .v-buttons .v-button .notify {
    position: absolute;
    background-color: #d01514;
    width: 8px;
    height: 8px;
    right: 8px;
    border-radius: 50%;
    top: 0;
    display: none
}

header.main .container .v-buttons .v-button .notify.active {
    display: block
}

header.main .container .v-buttons .v-button .notifications {
    position: absolute;
    top: 30px;
    right: -5px;
    background-color: #292929;
    width: 320px;
    border-radius: 4px;
    display: none
}

header.main .container .v-buttons .v-button .notifications.active {
    display: block
}

header.main .container .v-buttons .v-button .notifications .triangle {
    border-bottom: 7px solid #292929;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 0;
    top: -7px;
    height: 0;
    position: absolute;
    right: 14px;
    width: 0
}

header.main .container .v-buttons .v-button .notifications .n-content {
    padding: 15px
}

header.main .container .v-buttons .v-button .notifications .n-content .n-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center
}

header.main .container .v-buttons .v-button .notifications .n-content ul {
    list-style: none;
    padding: 0;
    margin: 15px 0 0
}

header.main .container .v-buttons .v-button .notifications .n-content ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #424242
}

header.main .container .v-buttons .v-button .notifications .n-content ul li .notification {
    display: flex
}

header.main .container .v-buttons .v-button .notifications .n-content ul li .notification .image {
    max-width: 60px;
    margin-right: 15px
}

header.main .container .v-buttons .v-button .notifications .n-content ul li .notification .image img {
    width: 100%;
    border-radius: 4px
}

header.main .container .v-buttons .v-button .notifications .n-content ul li .notification .message {
    font-size: 14px;
    color: #fff
}

header.main .container .v-buttons .v-button .notifications .n-content ul li .notification .message strong {
    color: #fff
}

header.main .container .v-buttons .v-button .notifications .n-content ul li:first-child {
    padding-top: 0
}

header.main .container .v-buttons .v-button .notifications .n-content ul li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.menu,
.mobile-menu {
    display: none
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 70px);
    background-color: #1a1a1a;
    z-index: 100;
    top: 70px
}

.menu h1,
.menu h2 {
    color: #fff
}

.menu .menu-header {
    padding: 5px 0 0
}

.menu .menu-header .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 44px;
    margin: 0 60px
}

.menu .menu-header .container .menu-closer span {
    font-size: 24px
}

.menu .menu-content-wrapper {
    height: 100%;
    margin-bottom: 30px
}

.menu .menu-content-wrapper .scrollable {
    height: 100%;
    overflow-y: auto
}

.menu .menu-content {
    position: relative;
    width: 100%;
    padding: 0 0 30px
}

.menu .menu-content .container:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 60px
}

.menu .menu-content .container:first-child .more {
    display: flex;
    align-items: center
}

.menu .menu-content .container:first-child .more a {
    display: flex;
    align-items: center;
    font-weight: 400
}

.menu .menu-content .container.has-child,
.menu .menu-content .container.has-child h2 {
    display: flex;
    align-items: center
}

.menu .menu-content .container.has-child h2:after {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/icons/icon-arrow-down.svg);
    content: "";
    width: 10px;
    height: 5.5px;
    display: block;
    margin-left: 6px;
    transition-duration: .25s
}

.menu .menu-content .container.has-child.active h2 {
    font-weight: 700
}

.menu .menu-content .container.has-child.active h2:after {
    transform: rotate(180deg)
}

.menu .menu-content:last-child {
    padding-bottom: 120px
}

.menu .menu-content img.ext-logo {
    max-width: 100px
}

.menu .menu-content hr {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    width: 100%
}

.menu .has-child a {
    display: flex;
    align-items: center
}

.menu .has-child.active a {
    font-weight: 700
}

.menu .has-child.active a:after {
    transform: rotate(180deg)
}

.menu .poster .tag,
.menu .thumb .tag {
    top: 12px;
    right: 12px
}

.menu-opened header {
    position: fixed !important;
    background-color: #1a1a1a !important
}

.menu-opened header.main {
    background-color: #1a1a1a;
    background-image: none
}

.menu-opened .menu {
    display: block
}

.program-search,
.search {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #1a1a1a;
    z-index: 100
}

.program-search h1,
.program-search h2,
.search h1,
.search h2 {
    color: #fff
}

.program-search .search-header,
.search .search-header {
    padding: 5px 0 0
}

.program-search .search-header .container,
.search .search-header .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 44px;
    margin: 0 60px
}

.program-search .search-header .container .search-closer span,
.search .search-header .container .search-closer span {
    font-size: 24px
}

.program-search .search-content-wrapper,
.search .search-content-wrapper {
    height: 100%;
    margin-bottom: 30px
}

.program-search .search-content-wrapper .scrollable,
.search .search-content-wrapper .scrollable {
    height: 100%;
    overflow-y: auto
}

.program-search .search-content-wrapper .spacer,
.search .search-content-wrapper .spacer {
    height: 150px
}

.program-search .search-box-wrapper,
.search .search-box-wrapper {
    display: flex;
    width: 80%;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.program-search .search-box-wrapper .search-box,
.search .search-box-wrapper .search-box {
    width: 50%;
    margin: 15px
}

.program-search .search-box-wrapper .search-box input,
.search .search-box-wrapper .search-box input {
    outline: none;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #d01514;
    background: transparent;
    text-align: center
}

.program-search .search-content,
.search .search-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 0 30px
}

.program-search .search-content .container,
.search .search-content .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 60px
}

.program-search .search-content .container .more,
.program-search .search-content .container .more a,
.search .search-content .container .more,
.search .search-content .container .more a {
    display: flex;
    align-items: center
}

.program-search .search-content .container .more a:after,
.search .search-content .container .more a:after {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1l8 8 8-8-1-1-7 7-7-7-1 1z' fill='%23fff'/%3E%3C/svg%3E");
    content: "";
    width: 10px;
    height: 5.5px;
    display: block;
    margin-left: 6px;
    transform: rotate(-90deg)
}

.program-search .search-content:last-child,
.search .search-content:last-child {
    padding-bottom: 120px
}

.program-search .posters .poster,
.search .posters .poster {
    padding: 15px;
    flex: 1 1 0px;
    z-index: 0;
    transition: transform .25s;
    position: relative
}

.program-search .posters .poster:hover,
.search .posters .poster:hover {
    transform: scale(1.1);
    z-index: 1
}

.program-search .posters .poster a:hover,
.search .posters .poster a:hover {
    color: #fff;
    opacity: .7
}

.program-search .posters .poster .tag,
.search .posters .poster .tag {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: #d01514;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px
}

.program-search .posters .poster .poster-image,
.search .posters .poster .poster-image {
    position: relative
}

.program-search .posters .poster .poster-image img,
.search .posters .poster .poster-image img {
    width: 100%;
    border-radius: 4px
}

.program-search .posters .owl-nav,
.search .posters .owl-nav {
    height: 100%;
    margin: 0
}

.program-search .posters .owl-nav button,
.search .posters .owl-nav button {
    position: absolute;
    width: 44px;
    height: 100%;
    margin: 0;
    top: 0;
    background-color: transparent !important;
    outline: none
}

.program-search .posters .owl-nav button.disabled,
.search .posters .owl-nav button.disabled {
    display: none
}

.program-search .posters .owl-nav button.owl-prev,
.search .posters .owl-nav button.owl-prev {
    left: 0;
    margin: 0;
    background-image: linear-gradient(270deg, transparent, rgba(26, 26, 26, .8))
}

.program-search .posters .owl-nav button.owl-prev:after,
.search .posters .owl-nav button.owl-prev:after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23fff'/%3E%3C/svg%3E");
    position: absolute;
    transform: rotate(180deg);
    width: 16px;
    height: 24px;
    left: 8px;
    top: 50%
}

.program-search .posters .owl-nav button.owl-prev span,
.search .posters .owl-nav button.owl-prev span {
    display: none
}

.program-search .posters .owl-nav button.owl-next,
.search .posters .owl-nav button.owl-next {
    right: 0;
    margin: 0;
    background-image: linear-gradient(90deg, transparent, rgba(26, 26, 26, .8))
}

.program-search .posters .owl-nav button.owl-next:after,
.search .posters .owl-nav button.owl-next:after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23fff'/%3E%3C/svg%3E");
    position: absolute;
    width: 16px;
    height: 24px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.program-search .posters .owl-nav button.owl-next span,
.search .posters .owl-nav button.owl-next span {
    display: none
}

.program-search-opened .program-search,
.search-opened .search {
    display: block
}

@media screen and (max-width:1200px) {
    header.main .mobile-menu-opener {
        display: block;
        margin-right: 15px
    }

    header.main .container {
        margin: 0 30px
    }

    header.main .container .branding {
        align-self: center
    }

    header.main .container .branding img {
        width: 50px
    }

    header.main .container nav {
        display: none
    }

    header.main .container .v-buttons .v-button a span {
        font-size: 18px
    }

    .menu {
        display: none !important
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #1a1a1a;
        z-index: 100
    }

    .mobile-menu h1,
    .mobile-menu h2 {
        color: #fff
    }

    .mobile-menu .menu-header {
        padding: 5px 0 0
    }

    .mobile-menu .menu-header .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 44px;
        margin: 30px
    }

    .mobile-menu .menu-header .container .v-buttons {
        display: flex;
        align-items: center;
        justify-items: center
    }

    .mobile-menu .menu-header .container .v-buttons .v-button {
        display: flex;
        align-items: center;
        justify-items: center;
        margin-right: 30px;
        border-right: 1px solid #e5e5e5;
        font-weight: 700;
        font-size: 18px;
        padding-right: 30px
    }

    .mobile-menu .menu-header .container .menu-closer {
        line-height: 100%
    }

    .mobile-menu .menu-header .container .menu-closer span {
        font-size: 24px
    }

    .mobile-menu .menu-content-wrapper {
        height: 100%;
        margin-bottom: 30px;
        overflow: auto
    }

    .mobile-menu .menu-content-wrapper .scrollable {
        height: 100%;
        overflow-y: auto
    }

    .mobile-menu .menu-content {
        position: relative;
        width: 100%;
        padding: 0 0 30px
    }

    .mobile-menu .menu-content .container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 30px
    }

    .mobile-menu .menu-content .container.menu-holder {
        margin-top: 15px
    }

    .mobile-menu .menu-content .container .has-child {
        display: flex;
        align-items: center
    }

    .mobile-menu .menu-content .container .has-child:after {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../img/icons/icon-arrow-down.svg);
        content: "";
        width: 10px;
        height: 5.5px;
        display: block;
        margin-left: 6px;
        transition-duration: .25s
    }

    .mobile-menu .menu-content .container .has-child.active {
        font-weight: 700
    }

    .mobile-menu .menu-content .container .has-child.active:after {
        transform: rotate(180deg)
    }

    .mobile-menu .menu-content .container nav ul {
        list-style: none;
        padding: 0 15px;
        margin: 8px
    }

    .mobile-menu .menu-content .container nav ul li {
        position: relative;
        min-width: 300px;
        height: 36px;
        line-height: 36px;
        font-size: 16px
    }

    .mobile-menu .menu-content .container nav ul li a {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .mobile-menu .menu-content .container nav ul li .tag {
        background-color: #d01514;
        color: #fff;
        padding: 4px 8px;
        font-size: 10px;
        height: 10px;
        line-height: 11px;
        border-radius: 4px;
        margin-left: 8px
    }

    .mobile-menu .menu-content:last-child {
        padding-bottom: 120px
    }

    .mobile-menu .has-child a {
        display: flex;
        align-items: center
    }

    .mobile-menu .has-child.active a {
        font-weight: 700
    }

    .mobile-menu .has-child.active a:after {
        transform: rotate(180deg)
    }

    .mobile-menu .poster .tag,
    .mobile-menu .thumb .tag {
        top: 12px;
        right: 12px
    }
}

@media screen and (max-width:767px) {
    body .mobile-masthead {
        position: relative;
        z-index: 1;
        text-align: center;
        width: 100%;
        background-color: #1a1a1a;
        overflow: hidden;
        height: 0
    }

    header.main {
        height: auto
    }

    header.main .mobile-menu-opener {
        display: block;
        margin-right: 15px
    }

    header.main .container {
        margin: 15px
    }

    header.main .container .branding {
        align-self: center
    }

    header.main .container .branding img {
        width: 50px
    }

    header.main .container nav {
        display: none
    }

    header.main .container .v-buttons .v-button a span {
        font-size: 18px
    }

    header.main .container .v-buttons .v-button .notifications {
        width: 290px
    }

    .program-search .search-header .container,
    .search .search-header .container {
        margin: 0 15px
    }

    .program-search .search-box-wrapper .search-box,
    .search .search-box-wrapper .search-box {
        width: 90%
    }

    .program-search .search-content .container,
    .search .search-content .container {
        margin: 0 15px
    }

    .program-search .search-content .posters .owl-stage-outer .owl-stage,
    .program-search .search-content .thumbs .owl-stage-outer .owl-stage,
    .search .search-content .posters .owl-stage-outer .owl-stage,
    .search .search-content .thumbs .owl-stage-outer .owl-stage {
        left: -45px
    }

    .menu {
        display: none !important
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #1a1a1a;
        z-index: 100
    }

    .mobile-menu h1,
    .mobile-menu h2 {
        color: #fff
    }

    .mobile-menu .menu-header {
        padding: 5px 0 0
    }

    .mobile-menu .menu-header .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 44px;
        margin: 15px
    }

    .mobile-menu .menu-header .container .v-buttons {
        display: flex;
        align-items: center;
        justify-items: center
    }

    .mobile-menu .menu-header .container .v-buttons .v-button {
        display: flex;
        align-items: center;
        justify-items: center;
        margin-right: 30px;
        border-right: 1px solid #e5e5e5;
        font-weight: 400;
        font-size: 18px;
        padding-right: 30px
    }

    .mobile-menu .menu-header .container .menu-closer {
        line-height: 100%
    }

    .mobile-menu .menu-header .container .menu-closer span {
        font-size: 24px
    }

    .mobile-menu .menu-content-wrapper {
        height: 100%;
        margin-bottom: 30px;
        overflow: auto
    }

    .mobile-menu .menu-content-wrapper .scrollable {
        height: 100%;
        overflow-y: auto
    }

    .mobile-menu .menu-content {
        position: relative;
        width: 100%;
        padding: 0 0 30px
    }

    .mobile-menu .menu-content .container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 30px
    }

    .mobile-menu .menu-content .container.menu-holder {
        margin-top: 15px
    }

    .mobile-menu .menu-content .container.menu-holder img.ext-logo {
        max-width: 100px
    }

    .mobile-menu .menu-content .container.menu-holder hr {
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        width: 100%;
        margin-bottom: 15px
    }

    .mobile-menu .menu-content .container .has-child {
        display: flex;
        align-items: center
    }

    .mobile-menu .menu-content .container .has-child:after {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../img/icons/icon-arrow-down.svg);
        content: "";
        width: 10px;
        height: 5.5px;
        display: block;
        margin-left: 6px;
        transition-duration: .25s
    }

    .mobile-menu .menu-content .container .has-child.active {
        font-weight: 700
    }

    .mobile-menu .menu-content .container .has-child.active:after {
        transform: rotate(180deg)
    }

    .mobile-menu .menu-content .container nav ul {
        list-style: none;
        padding: 0 15px;
        margin: 8px
    }

    .mobile-menu .menu-content .container nav ul li {
        position: relative;
        min-width: 300px;
        height: auto;
        line-height: 24px;
        font-size: 16px;
        margin-bottom: 4px
    }

    .mobile-menu .menu-content .container nav ul li a {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .mobile-menu .menu-content .container nav ul li .tag {
        background-color: #d01514;
        color: #fff;
        padding: 4px 8px;
        font-size: 10px;
        height: 10px;
        line-height: 11px;
        border-radius: 4px;
        margin-left: 8px
    }

    .mobile-menu .menu-content:last-child {
        padding-bottom: 120px
    }

    .mobile-menu .has-child a {
        display: flex;
        align-items: center
    }

    .mobile-menu .has-child.active a {
        font-weight: 700
    }

    .mobile-menu .has-child.active a:after {
        transform: rotate(180deg)
    }

    .mobile-menu .poster .tag,
    .mobile-menu .thumb .tag {
        top: 12px;
        right: 12px
    }
}

footer.main .container {
    position: relative;
    margin: 30px 60px 0;
    display: flex;
    justify-content: space-between
}

footer.main .container:first-child {
    padding: 30px 0
}

footer.main .container:first-child .logo {
    display: flex;
    min-width: 70px
}

footer.main .container:first-child .logo a,
footer.main .container:first-child .logo a img {
    width: 100%
}

footer.main .container:first-child .live-stream {
    display: flex;
    align-items: center
}

footer.main .container:first-child .live-stream:hover {
    opacity: .7
}

footer.main .container .navs {
    display: flex;
    width: 60%;
    justify-content: space-between
}

footer.main .container .navs .nav {
    margin-right: 30px;
    width: 25%
}

footer.main .container .navs .nav:last-child {
    margin-right: 0
}

footer.main .container .navs .nav ul {
    list-style: none;
    padding: 0;
    min-width: 20%
}

footer.main .container .navs .nav ul li {
    position: relative;
    padding: 4px 0
}

footer.main .container .navs .nav ul li a {
    font-size: 14px
}

footer.main .container .navs .nav ul li a:hover {
    opacity: .7
}

footer.main .container .navs .nav ul li .tag {
    display: inline;
    background-color: #d01514;
    color: #fff;
    margin-left: 4px;
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 4px
}

footer.main .container .icons .social-accounts {
    display: flex;
    align-items: center
}

footer.main .container .icons .social-accounts a {
    display: block;
    height: 36px;
    min-width: 80px;
    margin-right: 16px
}

footer.main .container .icons .social-accounts a img {
    height: 100%
}

footer.main .container .icons .social-accounts a :first-child {
    margin-left: 8px
}

footer.main .container .icons .social-accounts a:last-child {
    margin-right: 0;
    min-width: auto
}

footer.main .container .icons .social-accounts a:hover {
    opacity: .7
}

footer.main .container .icons .app-download {
    display: flex;
    padding: 30px 0
}

footer.main .container .icons .app-download div {
    margin-right: 30px
}

footer.main .container .icons .app-download div:last-child {
    margin-right: 0
}

footer.main .container .icons .app-download div:hover {
    opacity: .7
}

footer.main .container .icons .app-download div a img {
    width: 100%
}

footer.main .container:last-child {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    background-color: #292929;
    justify-content: center
}

footer.main .container:last-child p.copyright {
    font-size: 14px
}

@media screen and (max-width:1200px) {
    footer.main .container .navs {
        width: 100%
    }

    footer.main .container .icons {
        display: flex;
        justify-content: space-between
    }

    footer.main .container .icons .social-accounts a {
        min-width: 32px
    }

    footer.main .container:nth-child(2) {
        display: flex;
        flex-direction: column;
        margin-top: 30px
    }
}

@media screen and (max-width:767px) {
    footer.main .container {
        margin: 15px 15px 0
    }

    footer.main .container:first-child {
        padding: 15px 0
    }

    footer.main .container .navs {
        width: 100%;
        flex-wrap: wrap;
        order: 2
    }

    footer.main .container .navs .nav {
        width: 50%;
        margin-right: 0
    }

    footer.main .container .navs .nav ul {
        padding-right: 15px
    }

    footer.main .container .icons {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        order: 1
    }

    footer.main .container .icons .social-accounts {
        order: 2;
        padding: 15px 0 30px
    }

    footer.main .container .icons .social-accounts a {
        min-width: 32px;
        height: 25px
    }

    footer.main .container .icons .app-download {
        order: 1;
        padding: 15px 0
    }

    footer.main .container .icons .feedback-modal-opener {
        order: 4;
        padding-bottom: 20px
    }

    footer.main .container:nth-child(2) {
        display: flex;
        flex-direction: column;
        margin-top: 15px
    }
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1999999999
}

.preloader.white {
    background-color: rgba(26, 26, 26, .3)
}

.preloader.black {
    background-color: rgba(1, 1, 1, .3)
}

.preloader>span.loading-bar {
    -webkit-animation: loading-bar 3s 1;
    animation: loading-bar 3s 1;
    display: block;
    height: 2px;
    background-color: #d01514;
    opacity: 0;
    transition: width .5s
}

@-webkit-keyframes loading-bar {
    0% {
        width: 0;
        opacity: 1
    }

    90% {
        width: 90%;
        opacity: 1
    }

    to {
        width: 100%;
        opacity: 0
    }
}

@keyframes loading-bar {
    0% {
        width: 0;
        opacity: 1
    }

    90% {
        width: 90%;
        opacity: 1
    }

    to {
        width: 100%;
        opacity: 0
    }
}

section.promoted-content {
    width: 100%;
    height: 400px;
    padding: 60px 0
}

section.promoted-content .container {
    position: relative;
    height: 100%
}

section.promoted-content .container:first-child .p-content {
    position: relative;
    width: 100%;
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

section.promoted-content .container:first-child .p-content .p-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 100% 0
}

section.promoted-content .container:first-child .p-content .p-content-bg img {
    width: 100%
}

section.promoted-content .container:first-child .p-content .p-content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(90deg, #000, rgba(26, 26, 26, 0));
    height: 100%;
    width: 60%;
    z-index: 2
}

section.promoted-content .container:first-child .p-content .p-content-content {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    padding: 60px
}

section.promoted-content .container:first-child .p-content .p-content-content .program-logo img {
    width: 100%;
    max-width: 300px
}

section.promoted-content .container:first-child .p-content .p-content-content .program-desc {
    max-width: 600px
}

section.promoted-content .container:first-child .p-content .p-content-content .program-desc p {
    font-size: 16px;
    line-height: 24px
}

section.promoted-content .container:first-child .p-content .p-content-content .tags {
    line-height: 32px;
    margin: 30px 0;
    font-size: 24px
}

section.promoted-content .container:first-child .p-content .p-content-content .p-content-buttons {
    margin: 45px 0
}

section.promoted-content .container:first-child .p-content .p-content-content .p-content-buttons .x-button span {
    background: transparent
}

section.promoted-static-content {
    display: flex;
    align-items: center;
    justify-content: center
}

section.promoted-static-content .content-static.desktop img {
    width: 100%
}

section.promoted-static-content .content-static.mobile {
    display: none
}

section.promoted-static-content .content-static.mobile img {
    width: 100%
}

@media screen and (max-width:767px) {
    section.promoted-content {
        height: 550px
    }

    section.promoted-content .container:first-child .p-content {
        background-color: #000
    }

    section.promoted-content .container:first-child .p-content .p-content-bg {
        height: 350px
    }

    section.promoted-content .container:first-child .p-content .p-content-overlay {
        width: 100%;
        height: 150px;
        margin-top: 200px;
        background-image: linear-gradient(0deg, #000, rgba(26, 26, 26, 0))
    }

    section.promoted-content .container:first-child .p-content .p-content-content {
        text-align: center
    }

    section.promoted-content .container:first-child .p-content .p-content-content .p-content-buttons {
        margin: 25px 0
    }

    section.promoted-content .container:first-child .p-content .p-content-content .p-content-buttons .u-button {
        width: 160px;
        margin-top: 15px
    }

    section.promoted-static-content .content-static.desktop {
        display: none
    }

    section.promoted-static-content .content-static.mobile {
        display: block
    }
}

.g-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background-color: #1a1a1a;
    opacity: .6
}

.context-modal-wrappper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 400px;
    width: 750px;
    z-index: 999;
    border-radius: 8px;
    overflow: hidden;
    background-color: #292929;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

.context-modal-wrappper .context-modal-closer {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    z-index: 1004;
    cursor: pointer
}

.context-modal-wrappper .context-modal-closer span {
    font-size: 24px
}

.context-modal-wrappper .context-modal {
    position: relative;
    width: 100%;
    height: 100%
}

.context-modal-wrappper .context-modal .context-bg-overlay {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(180deg, transparent, #1a1a1a)
}

.context-modal-wrappper .context-modal .context-bg-video {
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 60px
}

.context-modal-wrappper .context-modal .program-logo img {
    width: 100%;
    max-width: 300px
}

.context-modal-wrappper .context-modal .program-desc {
    max-width: 600px
}

.context-modal-wrappper .context-modal .program-desc p {
    font-size: 15px;
    line-height: 20px
}

.context-modal-wrappper .context-modal .tags {
    line-height: 30px;
    margin: 30px 0;
    font-size: 22px
}

.context-modal-wrappper .context-modal .context-content {
    position: absolute;
    z-index: 1001;
    bottom: 0;
    left: 0;
    width: 100%
}

.context-modal-wrappper .context-modal .context-content nav {
    padding: 15px
}

.context-modal-wrappper .context-modal .context-content nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.context-modal-wrappper .context-modal .context-content nav ul li {
    width: 100%;
    text-align: center;
    border-right: 1px solid #424242
}

.context-modal-wrappper .context-modal .context-content nav ul li:last-child {
    border: none
}

.context-modal-wrappper .context-modal .context-content nav ul li a {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 4px
}

.context-modal-wrappper .context-modal .context-content nav ul li a:hover {
    background-color: #d01514;
    border-radius: 4px
}

.context-modal-wrappper .context-modal .context-content nav ul li i {
    font-size: 24px;
    color: #fff
}

body main .main-content-wrapper .fox--member-area.with-sidebar {
    padding-top: 70px;
    padding-bottom: 0
}

body main .main-content-wrapper .fox--member-area .sidebar {
    position: relative;
    width: 240px;
    background-color: #000;
    min-height: calc(100vh - 70px)
}

body main .main-content-wrapper .fox--member-area .sidebar.collapsed {
    width: 64px
}

body main .main-content-wrapper .fox--member-area .sidebar.collapsed .sidebar-inner .collapse-bar {
    padding: 15px 0;
    text-align: center;
    transform: rotate(-180deg)
}

body main .main-content-wrapper .fox--member-area .sidebar.collapsed .signout-bar {
    left: 20px
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner .collapse-bar {
    padding: 15px;
    text-align: right;
    opacity: .8
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner .collapse-bar:hover {
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner ul {
    list-style: none;
    padding: 0;
    margin: 0
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
    margin-bottom: 15px;
    opacity: .8
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner ul li:hover {
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner ul li.active {
    border-left: 4px solid #d01514;
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner ul li.active a {
    font-weight: 700;
    margin-left: -4px
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner ul li a div {
    width: 32px;
    text-align: center
}

body main .main-content-wrapper .fox--member-area .sidebar .sidebar-inner ul li a span {
    margin-top: -4px
}

body main .main-content-wrapper .fox--member-area .sidebar .signout-bar {
    position: absolute;
    bottom: 30px;
    left: 15px;
    opacity: .8;
    display: flex
}

body main .main-content-wrapper .fox--member-area .sidebar .signout-bar:hover {
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .sidebar .signout-bar a {
    display: flex;
    align-items: center
}

body main .main-content-wrapper .fox--member-area .sidebar .signout-bar a span {
    margin-top: -4px
}

body main .main-content-wrapper .fox--member-area .main-content {
    box-sizing: border-box;
    width: calc(100% - 240px);
    padding: 15px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content hr {
    height: 1px;
    background-color: #000;
    border: none;
    margin: 30px 0
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .container,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .membership-block-content {
    margin: 0 45px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster {
    padding: 15px 15px 15px 0;
    position: relative;
    cursor: pointer;
    max-width: 200px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster:hover {
    transform: none
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster:hover .poster-buttons,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster:hover .poster-overlay {
    display: block
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster.add-new .poster-placeholder {
    position: relative;
    border: 1px dashed hsla(0, 0%, 100%, .5);
    border-radius: 16px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster.add-new .poster-placeholder img {
    width: 100%;
    border-radius: 16px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster.add-new:hover {
    opacity: .7
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster.add-new .poster-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster.add-new .poster-circle .poster-plus {
    width: 100%;
    max-width: 44px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster.add-new .poster-circle .poster-plus img {
    width: 100%
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster .poster-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    display: none
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster .poster-buttons {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: none
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster .poster-buttons .poster-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster .poster-buttons .poster-button:last-child {
    margin-bottom: 0
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster .poster-buttons .poster-button .arrow {
    margin-left: 4px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster .poster-buttons .poster-button.black a {
    background-color: #000;
    color: #fff
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster .poster-buttons .poster-button a {
    border: none;
    outline: none;
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84%;
    box-sizing: border-box;
    background-color: #fff;
    color: #000
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .posters .poster .poster-buttons .poster-button a img {
    box-shadow: none;
    border-radius: 0;
    width: auto;
    margin-right: 4px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .thumbs .thumb {
    padding: 15px 15px 15px 0
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .thumbs .thumb:hover {
    transform: none;
    opacity: .7
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .thumbs .watch-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .thumbs .watch-progress .watch-progress-loaded {
    background-color: #d01514;
    width: 0;
    height: 4px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .grid {
    position: relative;
    margin: 0 45px 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .grid .poster {
    box-sizing: border-box;
    width: 100%;
    max-width: 20%;
    min-width: 20%;
    padding-right: 30px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .grid .thumb {
    box-sizing: border-box;
    width: 100%;
    max-width: 25%;
    min-width: 25%;
    padding-right: 30px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block {
    margin-bottom: 30px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 800px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-block-label {
    max-width: 160px;
    width: 100%
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-block-data {
    width: 100%;
    margin-left: 15px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-block-data .settings-block-value {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-left: 15px;
    margin-bottom: 5px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-block-data img {
    margin-left: 4px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .form-input {
    display: flex;
    margin-bottom: 15px;
    box-sizing: border-box;
    width: 100%
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .form-input .actions {
    width: 240px;
    margin-left: 30px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-input .invalid-feedback {
    margin-left: 15px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-input-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-input-buttons input[type=button],
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-input-buttons input[type=submit] {
    width: 50%
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-input-buttons input[type=button]:first-child,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-input-buttons input[type=submit]:first-child {
    margin-right: 15px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=password],
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=text] {
    outline: none;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 0;
    color: #fff;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #d01514;
    background: transparent;
    margin-left: 15px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=password].error,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=text].error {
    background-color: red
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=password].error::-moz-placeholder,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=text].error::-moz-placeholder {
    color: #fff;
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=password].error:-ms-input-placeholder,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=text].error:-ms-input-placeholder {
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=password].error::placeholder,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=text].error::placeholder {
    color: #fff;
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=password].error:-ms-input-placeholder,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=text].error:-ms-input-placeholder {
    color: #fff
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=password].error::-ms-input-placeholder,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=text].error::-ms-input-placeholder {
    color: #fff
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=email] {
    outline: none;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 0;
    color: #fff;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #d01514;
    background: transparent;
    margin-left: 15px
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=email].error {
    background-color: red
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=email].error::-moz-placeholder {
    color: #fff;
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=email].error:-ms-input-placeholder {
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=email].error::placeholder {
    color: #fff;
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=email].error:-ms-input-placeholder {
    color: #fff
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=email].error::-ms-input-placeholder {
    color: #fff
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=button],
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=submit] {
    width: 100%;
    padding: 16px 8px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    border: none;
    background-color: #d01514;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    max-width: 200px;
    text-transform: uppercase
}

body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=button].white,
body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner input[type=submit].white {
    background-color: #fff;
    color: #000
}

body main .main-content-wrapper .fox--member-area .main-content .plus-icon {
    width: 18px;
    vertical-align: bottom
}

body main .main-content-wrapper .fox--member-area .main-content .verification-banner {
    position: relative;
    margin: 0 30px 30px;
    padding: 30px;
    background-color: rgba(221, 80, 80, .5)
}

body main .main-content-wrapper .fox--member-area .main-content .verification-banner .verification-banner-closer {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 8px;
    cursor: pointer
}

body main .main-content-wrapper .fox--member-area .main-content .verification-banner .verification-banner-closer img {
    width: 20px
}

@media screen and (max-width:980px) {
    body main .main-content-wrapper .fox--member-area .sidebar {
        position: fixed;
        z-index: 999
    }

    body main .main-content-wrapper .fox--member-area .main-content {
        margin-left: 64px;
        width: calc(100% - 64px)
    }

    body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .container,
    body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .grid {
        margin: 0 15px
    }

    body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .grid .thumb {
        max-width: 50%
    }

    body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .membership-block-content {
        margin: 0 15px
    }

    body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-block-label {
        min-width: 90px;
        max-width: 90px
    }

    body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-block-data .settings-block-value {
        margin-left: 5px
    }

    body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .settings-block-data .settings-block-edit-area {
        margin-left: -125px
    }

    body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .form-input {
        flex-direction: column;
        margin-bottom: 5px
    }

    body main .main-content-wrapper .fox--member-area .main-content .membership-content .membership-block .settings-block .settings-block-inner .form-input .actions {
        margin-left: 15px;
        margin-top: 15px
    }
}

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

    body main .main-content-wrapper .fox--login .columns,
    body main .main-content-wrapper .fox--member-area .columns {
        display: block !important;
        width: auto !important
    }

    body main .main-content-wrapper .fox--login .columns .column,
    body main .main-content-wrapper .fox--member-area .columns .column {
        width: 100% !important
    }
}

@-webkit-keyframes shadowPulse {
    0% {
        box-shadow: 0 0 24px rgba(26, 26, 26, .6)
    }

    50% {
        box-shadow: 0 0 24px rgba(239, 31, 31, .6)
    }

    to {
        box-shadow: 0 0 24px rgba(26, 26, 26, .6)
    }
}

@keyframes shadowPulse {
    0% {
        box-shadow: 0 0 24px rgba(26, 26, 26, .6)
    }

    50% {
        box-shadow: 0 0 24px rgba(239, 31, 31, .6)
    }

    to {
        box-shadow: 0 0 24px rgba(26, 26, 26, .6)
    }
}

.gospock-banner .shadow-pulse {
    -webkit-animation-name: shadowPulse;
    animation-name: shadowPulse;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.gospock-banner.gospock-banner-standard-top-aligned {
    height: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative
}

.gospock-banner.gospock-banner-standard-top-aligned .gospock-banner-closer {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    cursor: pointer
}

.gospock-banner.gospock-banner-standard-top-aligned .gospock-banner-inner {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.gospock-banner.gospock-banner-standard-top-aligned .gospock-banner-inner .gospock-banner-image-container {
    height: 100%;
    width: 50%;
    text-align: right
}

.gospock-banner.gospock-banner-standard-top-aligned .gospock-banner-inner .gospock-banner-image-container img {
    height: 100%;
    width: auto
}

.gospock-banner.gospock-banner-standard-top-aligned .gospock-banner-inner .gospock-banner-content-container {
    height: 100%;
    width: 50%;
    text-align: left;
    display: flex;
    align-items: center
}

.gospock-banner.gospock-banner-standard-top-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-content-message {
    padding: 30px 15px;
    text-transform: uppercase !important;
    font-size: 20px;
    line-height: 24px;
    order: 1
}

.gospock-banner.gospock-banner-standard-top-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta {
    order: 3
}

.gospock-banner.gospock-banner-standard-top-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta a {
    background-color: #fff;
    border-radius: 4px;
    font-size: 16px;
    padding: 12px 36px;
    color: #1a1a1a;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase !important;
    margin-left: 30px
}

.gospock-banner.gospock-banner-center-top-modal-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 999999;
    display: none
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-closer {
    position: absolute;
    top: 25px;
    right: 5px;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    opacity: .6
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-closer:hover {
    opacity: 1
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-closer img {
    width: 100%
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 640px;
    background-color: #000;
    border-radius: 16px
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner .gospock-banner-inner-relative {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: 16px;
    box-shadow: 0 0 24px rgba(26, 26, 26, .6)
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner .gospock-banner-image-container {
    box-sizing: border-box;
    width: 50%;
    padding: 30px;
    max-width: 50%
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner .gospock-banner-image-container img {
    width: 100%
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner .gospock-banner-content-container {
    height: 100%;
    width: 50%;
    text-align: left;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner .gospock-banner-content-container .gospock-banner-content-message {
    padding: 30px 15px;
    text-transform: uppercase !important;
    font-size: 20px;
    line-height: 30px;
    order: 1
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta {
    order: 3;
    padding-left: 15px
}

.gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta a {
    background-color: #fff;
    border-radius: 4px;
    font-size: 16px;
    padding: 12px 36px;
    color: #1a1a1a;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase !important
}

.gospock-banner.gospock-banner-widget-top-right-aligned {
    position: fixed;
    top: 116px;
    right: 0;
    z-index: 999999;
    width: 400px;
    height: 220px;
    display: none
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-closer {
    position: absolute;
    top: 25px;
    right: 5px;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    opacity: .6
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-closer:hover {
    opacity: 1
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-closer img {
    width: 100%
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner {
    position: fixed;
    top: 116px;
    right: 0;
    width: 380px;
    height: 200px;
    background-color: #000;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner .gospock-banner-inner-relative {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: 16px;
    box-shadow: 0 0 24px rgba(26, 26, 26, .6);
    height: 100%
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner .gospock-banner-image-container {
    box-sizing: border-box;
    padding: 30px;
    max-width: 50%;
    height: 100%
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner .gospock-banner-image-container img {
    height: 100%;
    width: auto
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner .gospock-banner-content-container {
    height: 100%;
    text-align: left;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-content-message {
    padding: 0 15px 15px 0;
    text-transform: uppercase !important;
    font-size: 16px;
    line-height: 24px;
    order: 1
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta {
    order: 3
}

.gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta a {
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 36px;
    color: #1a1a1a;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase !important
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned {
    position: fixed;
    bottom: 150px;
    right: 0;
    z-index: 999999;
    width: 400px;
    height: 220px;
    display: none
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-closer {
    position: absolute;
    top: 25px;
    right: 5px;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    opacity: .6
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-closer:hover {
    opacity: 1
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-closer img {
    width: 100%
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner {
    position: fixed;
    bottom: 150px;
    right: 0;
    width: 380px;
    height: 200px;
    background-color: #000;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner .gospock-banner-inner-relative {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: 16px;
    box-shadow: 0 0 24px rgba(26, 26, 26, .6);
    height: 100%
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner .gospock-banner-image-container {
    box-sizing: border-box;
    padding: 30px;
    max-width: 50%;
    height: 100%
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner .gospock-banner-image-container img {
    height: 100%;
    width: auto
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner .gospock-banner-content-container {
    height: 100%;
    text-align: left;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-content-message {
    padding: 0 15px 15px 0;
    text-transform: uppercase !important;
    font-size: 16px;
    line-height: 24px;
    order: 1
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta {
    order: 3
}

.gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta a {
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 36px;
    color: #1a1a1a;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase !important
}

.gospock-banner.gospock-banner-widget-center-right-aligned {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 999999;
    width: 400px;
    height: 220px;
    display: none
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-closer {
    position: absolute;
    top: 25px;
    right: 5px;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    opacity: .6
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-closer:hover {
    opacity: 1
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-closer img {
    width: 100%
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 380px;
    height: 200px;
    background-color: #000;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner .gospock-banner-inner-relative {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: 16px;
    box-shadow: 0 0 24px rgba(26, 26, 26, .6);
    height: 100%
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner .gospock-banner-image-container {
    box-sizing: border-box;
    padding: 30px;
    max-width: 50%;
    height: 100%
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner .gospock-banner-image-container img {
    height: 100%;
    width: auto
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner .gospock-banner-content-container {
    height: 100%;
    text-align: left;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-content-message {
    padding: 0 15px 15px 0;
    text-transform: uppercase !important;
    font-size: 16px;
    line-height: 24px;
    order: 1
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta {
    order: 3
}

.gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta a {
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 36px;
    color: #1a1a1a;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase !important
}

.gospock-banner.gospock-inpage-banner-container {
    display: none;
    margin-bottom: 60px
}

.gospock-banner.gospock-inpage-banner-container img {
    width: 100%
}

.gospock-banner.gospock-inpage-banner-container .gospock-inpage-banner.desktop {
    display: block
}

.gospock-banner.gospock-inpage-banner-container .gospock-inpage-banner.mobile,
.gospock-banner.gospock-inpage-banner-container .gospock-inpage-banner.tablet {
    display: none
}

.gospock-widget-player-next-video {
    height: 0;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    top: 0;
    overflow: hidden;
    background-color: rgba(26, 26, 26, .6);
    z-index: 999990
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner {
    position: relative;
    display: flex;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    flex-direction: column
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #000;
    max-width: 400px
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content h2 {
    font-size: 18px;
    margin-bottom: 10px
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .icon-play {
    height: 64px !important;
    width: 64px !important
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .gospock-widget-player-next-video-image {
    position: relative;
    cursor: pointer
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .gospock-widget-player-next-video-meta {
    margin-top: 10px
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .gospock-widget-player-next-video-meta .gospock-widget-player-next-video-episode-number {
    font-size: 15px
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .gospock-widget-player-next-video-buttons {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .gospock-widget-player-next-video-buttons .btn {
    margin-right: 10px;
    min-width: 100px;
    text-align: center
}

.gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .gospock-widget-player-next-video-buttons .btn.outlined {
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

@media screen and (max-width:768px) {
    .gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner {
        width: 100%;
        max-width: 640px
    }

    .gospock-banner.gospock-banner-center-top-modal-box .gospock-banner-inner .gospock-banner-content-container .gospock-banner-cta a {
        padding: 12px 20px
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned {
        width: 190px
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner {
        width: 160px
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner .gospock-banner-image-container {
        max-width: 100%
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-inner .gospock-banner-content-container {
        width: 0;
        transition-duration: .5s
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned .gospock-banner-closer {
        top: 15px;
        right: 5px;
        font-size: 12px;
        padding: 4px
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned.expanded {
        width: 100%;
        max-width: 400px
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned.expanded .gospock-banner-inner {
        max-width: 380px;
        width: 100%
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned.expanded .gospock-banner-inner .gospock-banner-image-container {
        max-width: 100%
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned.expanded .gospock-banner-inner .gospock-banner-content-container {
        width: 100%
    }

    .gospock-banner.gospock-banner-widget-top-right-aligned.expanded .gospock-banner-closer {
        top: 25px;
        right: 15px
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned {
        width: 190px
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner {
        width: 160px
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner .gospock-banner-image-container {
        max-width: 100%
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-inner .gospock-banner-content-container {
        width: 0;
        transition-duration: .5s
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned .gospock-banner-closer {
        top: 15px;
        right: 5px;
        font-size: 12px;
        padding: 4px
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned.expanded {
        width: 100%;
        max-width: 400px
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned.expanded .gospock-banner-inner {
        max-width: 380px;
        width: 100%
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned.expanded .gospock-banner-inner .gospock-banner-image-container {
        max-width: 100%
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned.expanded .gospock-banner-inner .gospock-banner-content-container {
        width: 100%
    }

    .gospock-banner.gospock-banner-widget-center-right-aligned.expanded .gospock-banner-closer {
        top: 25px;
        right: 15px
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned {
        width: 190px
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner {
        width: 160px
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner .gospock-banner-image-container {
        max-width: 100%
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-inner .gospock-banner-content-container {
        width: 0;
        transition-duration: .5s
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned .gospock-banner-closer {
        top: 15px;
        right: 5px;
        font-size: 12px;
        padding: 4px
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned.expanded {
        width: 100%;
        max-width: 400px
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned.expanded .gospock-banner-inner {
        max-width: 380px;
        width: 100%
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned.expanded .gospock-banner-inner .gospock-banner-image-container {
        max-width: 100%
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned.expanded .gospock-banner-inner .gospock-banner-content-container {
        width: 100%
    }

    .gospock-banner.gospock-banner-widget-bottom-right-aligned.expanded .gospock-banner-closer {
        top: 25px;
        right: 15px
    }
}

@media screen and (max-width:980px) {
    .gospock-banner.gospock-inpage-banner-container .gospock-inpage-banner.desktop {
        display: none
    }

    .gospock-banner.gospock-inpage-banner-container .gospock-inpage-banner.tablet {
        display: block
    }

    .gospock-banner.gospock-inpage-banner-container .gospock-inpage-banner.mobile {
        display: none
    }
}

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

    .gospock-banner.gospock-inpage-banner-container .gospock-inpage-banner.desktop,
    .gospock-banner.gospock-inpage-banner-container .gospock-inpage-banner.tablet {
        display: none
    }

    .gospock-banner.gospock-inpage-banner-container .gospock-inpage-banner.mobile {
        display: block
    }

    .gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content h2 {
        font-size: 12px;
        margin-bottom: 5px
    }

    .gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content {
        width: 60%;
        padding: 15px
    }

    .gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .gospock-widget-player-next-video-meta .gospock-widget-player-next-video-episode-number {
        font-size: 12px;
        margin-top: 5px
    }

    .gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .icon-play {
        height: 32px !important;
        width: 32px !important;
        top: 8px !important;
        right: 8px !important;
        transform: none !important;
        left: auto !important;
        font-size: 10px !important
    }

    .gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .gospock-widget-player-next-video-buttons {
        display: flex
    }

    .gospock-widget-player-next-video .gospock-widget-player-next-video-inner .gospock-widget-player-next-video-content .gospock-widget-player-next-video-buttons .btn {
        width: 50%;
        text-align: center;
        font-size: 12px
    }
}

html {
    scroll-behavior: smooth
}

body .wrapper {
    margin-top: -70px
}

body.modal {
    overflow: hidden
}

body main {
    position: relative
}

body main .wrapper {
    position: relative;
    z-index: 1
}

body main .modal-player-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #424242;
    z-index: 999999;
    overflow-y: scroll
}

body main .modal-player-container .modal-player {
    padding: 60px;
    width: 60%
}

body main .modal-player-container .modal-player-sidebar {
    width: 40
}

body main a {
    color: #fff
}

body main .owl-carousel .owl-item .owl-lazy {
    opacity: .5
}

body main .icon-play {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .178);
    color: #292929;
    border-radius: 50%;
    font-size: 16px;
    width: 44px;
    height: 44px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    right: 2.5%;
    top: 5%
}

body main .icon-play span {
    margin-left: 5px
}

body main .expandable-text-expander {
    background: linear-gradient(0deg, #1a1a1a 40%, rgba(24, 25, 26, 0));
    margin-top: -40px;
    padding-top: 40px;
    position: relative;
    z-index: 2;
    margin-bottom: 20px
}

body main .expandable-text-expander i {
    transform: rotate(90deg)
}

body main section {
    position: relative;
    width: 100%;
    padding: 0 0 45px
}

body main section .container:first-child {
    display: flex;
    margin: 0 60px;
    justify-content: space-between
}

body main section .container:first-child .more {
    display: flex;
    align-items: center
}

body main section .container:first-child .more a {
    line-height: 100%
}

body main section .container:first-child .more:hover {
    opacity: .7
}

body main section.schedule {
    background-color: #292929;
    padding: 30px 0 15px;
    margin-bottom: 45px;
    margin-top: 15px;
    box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, .1), inset 0 2px 8px 0 rgba(0, 0, 0, .1)
}

body main section.schedule .owl-carousel {
    margin-left: 0;
    margin-right: 0
}

body main section.schedule .owl-carousel .owl-nav button {
    top: -60px;
    bottom: -30px;
    height: auto
}

body main section.schedule .container {
    position: relative
}

body main section.schedule .container .schedule-program {
    display: flex;
    margin: 15px 30px 15px 0;
    padding-right: 30px;
    border-right: 1px solid rgba(0, 0, 0, .2);
    flex: 1 1 0px;
    z-index: 0;
    transition: transform .25s;
    position: relative
}

body main section.schedule .container .schedule-program a:hover {
    color: #fff
}

body main section.schedule .container .schedule-program .meta {
    width: 50%;
    text-align: left;
    padding: 0 15px 0 0
}

body main section.schedule .container .schedule-program .meta .program-time {
    color: #fff;
    font-size: 40px
}

body main section.schedule .container .schedule-program .meta .program-time strong {
    color: #fff
}

body main section.schedule .container .schedule-program .meta .tag {
    background-color: #d01514;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    font-style: normal
}

body main section.schedule .container .schedule-program .meta .program-name {
    color: #fff;
    font-size: 16px;
    padding: 8px 0
}

body main section.schedule .container .schedule-program .meta .program-name strong {
    color: #fff
}

body main section.schedule .container .schedule-program .meta .now-tag {
    text-align: center;
    font-size: 12px;
    border: 1px solid #d01514;
    border-radius: 4px;
    padding: 4px;
    color: #d01514;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    width: 90px;
    will-change: box-shadow
}

body main section.schedule .container .schedule-program .meta .now-tag.static {
    -webkit-animation: none;
    animation: none
}

body main section.schedule .container .schedule-program .image {
    position: relative;
    width: 100%;
    transition-duration: .25s
}

body main section.schedule .container .schedule-program .image img {
    width: 100%;
    border-radius: 4px
}

body main section.schedule .container .schedule-program .image:hover {
    transform: scale(1.05);
    z-index: 1
}

body main section.videos.light {
    background-color: #fff;
    color: #292929
}

body main section.videos.light .thumb a:hover {
    color: #1a1a1a;
    opacity: .7
}

body main section.videos.light .thumb .thumb-meta .program-name,
body main section.videos.light .thumb .thumb-meta .program-name strong,
body main section.videos.light .thumb .thumb-meta a {
    color: #1a1a1a
}

body main section.videos.light .thumb .thumb-meta .desc {
    color: #aaa
}

body main section.videos.light .thumb .thumb-meta span {
    color: #1a1a1a
}

body main section.videos.light .owl-nav button.owl-next,
body main section.videos.light .owl-nav button.owl-prev {
    background-image: none !important
}

body main section.videos .recommended .owl-nav.disabled {
    display: block !important
}

body main section.other-channels {
    margin: 0;
    padding: 0
}

body main section.error-page {
    min-height: 500px;
    align-items: center;
    justify-content: center;
    height: 100%;
    display: flex
}

body main section.static-page table {
    width: 100%;
    max-width: 600px;
    margin: 25px 0
}

body main section.static-page table th {
    padding: 10px;
    background: #fff;
    color: #4a4a4a;
    font-size: 13px;
    text-align: center;
    border: 1px solid #4a4a4a
}

body main section.static-page table td {
    padding: 10px;
    background: #4a4a4a;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #4a4a4a
}

body main section.static-page form {
    max-width: 900px
}

body main section.static-page form .form-input {
    padding-bottom: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%
}

body main section.static-page form .form-input label {
    display: block;
    padding: 5px 0
}

body main section.static-page form input[type=email],
body main section.static-page form input[type=text] {
    width: 100%;
    padding: 8px;
    outline: none;
    box-sizing: border-box
}

body main section.static-page form input[type=submit] {
    width: 100%;
    padding: 16px 8px;
    outline: none;
    box-sizing: border-box;
    border: none;
    background-color: #d01514;
    color: #fff
}

body main section.static-page form hr {
    opacity: .4;
    margin-right: 15px
}

body main section.static-page form select {
    width: 100%;
    padding: 8px;
    outline: none
}

body main section.static-page form textarea {
    width: 100%;
    height: 120px
}

body main section.static-page form a {
    color: #fff
}

body main section.static-page form .cols {
    width: 100%
}

body main section.static-page form .cols .col {
    width: 50%
}

body main section.static-page form .cols .col .col-in {
    padding: 15px 0
}

body main section.static-page form .cols .col .col-in span {
    padding-left: 5px;
    padding-right: 15px
}

body main .poster {
    padding: 15px;
    flex: 1 1 0px;
    z-index: 0;
    transition: transform .25s;
    position: relative
}

body main .poster .poster-image {
    position: relative
}

body main .poster .poster-image img {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

body main .poster:hover {
    transform: scale(1.05);
    z-index: 1
}

body main .poster a:hover {
    color: #fff;
    opacity: .7
}

body main .poster .tag {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: #d01514;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px
}

body main .thumb {
    padding: 15px;
    flex: 1 1 0px;
    z-index: 0;
    transition: transform .25s;
    position: relative
}

body main .thumb:hover {
    transform: scale(1.05);
    z-index: 1
}

body main .thumb:hover .icon-play span:before {
    color: #d01514
}

body main .thumb a:hover {
    color: #fff;
    opacity: .7
}

body main .thumb .watch-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

body main .thumb .watch-progress .watch-progress-loaded {
    background-color: #d01514;
    width: 0;
    height: 4px
}

body main .thumb .tag {
    position: absolute;
    top: 24px;
    right: 24px;
    background-color: #d01514;
    color: #fff;
    padding: 4px 8px;
    font-size: 10px;
    border-radius: 4px
}

body main .thumb .thumb-image {
    position: relative
}

body main .thumb .thumb-image img {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

body main .thumb .thumb-meta .program-name {
    color: #fff;
    font-size: 16px;
    padding: 15px 0 8px
}

body main .thumb .thumb-meta .program-name strong {
    color: #fff
}

body main .thumb .thumb-meta .act-name {
    color: #fff;
    font-size: 16px;
    padding: 8px 0
}

body main .thumb .thumb-meta .act-name strong {
    color: #fff
}

body main .thumb .thumb-meta span {
    color: #fff;
    display: inline-block;
    line-height: 24px;
    font-size: 14px
}

body main .thumb .thumb-meta .desc {
    color: #aaa
}

body main .owl-carousel .owl-nav {
    height: 100%;
    margin: 0
}

body main .owl-carousel .owl-nav button {
    position: absolute;
    width: 44px;
    height: 100%;
    margin: 0;
    top: 0;
    background-color: transparent !important;
    outline: none
}

body main .owl-carousel .owl-nav button.disabled {
    display: none
}

body main .owl-carousel .owl-nav button.owl-prev {
    left: 0;
    margin: 0;
    background-image: linear-gradient(270deg, transparent, rgba(26, 26, 26, .8)) !important
}

body main .owl-carousel .owl-nav button.owl-prev:after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23fff'/%3E%3C/svg%3E");
    position: absolute;
    transform: rotate(180deg);
    width: 16px;
    height: 24px;
    left: 8px;
    opacity: 0;
    top: 50%
}

body main .owl-carousel .owl-nav button.owl-prev span {
    display: none
}

body main .owl-carousel .owl-nav button.owl-next {
    right: 0;
    margin: 0;
    background-image: linear-gradient(90deg, transparent, rgba(26, 26, 26, .8)) !important
}

body main .owl-carousel .owl-nav button.owl-next:after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.593 12.157L7.25 6.5 1.593.843l-.707.707 4.95 4.95-4.95 4.95.707.707z' fill='%23fff'/%3E%3C/svg%3E");
    position: absolute;
    width: 16px;
    height: 24px;
    right: 8px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%)
}

body main .owl-carousel .owl-nav button.owl-next span {
    display: none
}

body main .owl-carousel:hover .owl-nav button.owl-next:after,
body main .owl-carousel:hover .owl-nav button.owl-prev:after {
    opacity: 1
}

body main .poll {
    margin-top: 30px !important
}

body main .poll .poll-header {
    padding: 15px 0
}

body main .poll .poll-answer {
    padding: 4px 0;
    font-size: 14px
}

body main .poll .poll-footer {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

body main .poll .poll-footer .btn {
    width: 50%
}

body main .main-content-wrapper {
    position: relative;
    z-index: 98
}

body main .main-content-wrapper .sub-header {
    width: 100%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .08), #1a1a1a);
    margin: 70px 0 35px
}

body main .main-content-wrapper .sub-header .container {
    position: relative;
    display: flex;
    padding: 30px 60px;
    justify-content: space-between
}

body main .main-content-wrapper .sub-header .container .program-heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

body main .main-content-wrapper .sub-header .container .program-heading h1 {
    line-height: 2.2rem
}

body main .main-content-wrapper .sub-header .container .social-accounts {
    display: flex;
    align-items: center
}

body main .main-content-wrapper .sub-header .container .social-accounts a {
    display: block;
    margin-right: 28px
}

body main .main-content-wrapper .sub-header .container .social-accounts a img {
    height: 28px
}

body main .main-content-wrapper .sub-header .container .social-accounts a:last-child {
    margin-right: 0
}

body main .main-content-wrapper .sub-header .container .social-accounts a:hover {
    opacity: .7
}

body main .main-content-wrapper .sub-nav .swipeable,
body main .main-content-wrapper .sub-nav .swipeable .owl-stage-outer {
    width: 100%
}

body main .main-content-wrapper .sub-nav .swipeable .owl-stage-outer .owl-stage {
    display: flex;
    align-items: center;
    width: 100%
}

body main .main-content-wrapper .sub-nav .container {
    position: relative;
    display: flex;
    margin: 0 60px 30px;
    justify-content: space-between
}

body main .main-content-wrapper .sub-nav .container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

body main .main-content-wrapper .sub-nav .container ul li a {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 4px;
    white-space: nowrap
}

body main .main-content-wrapper .sub-nav .container ul li i {
    font-size: 24px;
    color: #fff
}

body main .main-content-wrapper .sub-nav .container ul li:hover {
    opacity: .7
}

body main .main-content-wrapper .sub-nav .container ul li.active {
    background-color: #d01514;
    border-radius: 4px
}

body main .main-content-wrapper .video-player.player-skin .video-player-container {
    width: 640px;
    margin: 0 auto;
    padding-top: 120px
}

body main .main-content-wrapper .video-player-container.player-skin .player-extras {
    width: 60%;
    margin: 15px auto
}

body main .main-content-wrapper .player-meta-container {
    width: 100%
}

body main .main-content-wrapper .player-meta-container .player-meta {
    max-width: 1200px;
    position: relative;
    margin: 15px auto 0;
    z-index: 99
}

body main .main-content-wrapper .player-meta-container .player-meta .player-meta-header {
    display: flex;
    justify-content: space-between
}

body main .main-content-wrapper .player-meta-container .player-meta .player-meta-header strong {
    font-size: 18px;
    line-height: 30px
}

body main .main-content-wrapper .player-meta-container .player-meta .player-meta-header .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

body main .main-content-wrapper .player-meta-container .player-meta .player-meta-header .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #fff
}

body main .main-content-wrapper .player-meta-container .player-meta .player-meta-header .buttons a span {
    color: #fff
}

body main .main-content-wrapper .player-meta-container .player-meta p {
    font-size: 15px;
    line-height: 1.2em
}

body main .main-content-wrapper .player-meta-container .tools {
    display: flex
}

body main .main-content-wrapper .player-meta-container .tools .icon {
    cursor: pointer;
    box-sizing: border-box;
    padding: 8px;
    width: 44px
}

body main .main-content-wrapper .player-meta-container .tools .icon:first-child {
    padding: 12px 10px 8px
}

body main .main-content-wrapper .player-meta-container .tools .icon img {
    width: 100%
}

body main .main-content-wrapper .player-meta-container .player-extras {
    width: 60%;
    margin: 15px auto
}

body main .main-content-wrapper #mobilepageskin,
body main .main-content-wrapper #pageskin {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: top !important
}

body main .main-content-wrapper #mobilepageskin {
    background-size: contain !important;
    z-index: 1
}

body main .main-content-wrapper .video {
    width: 100%
}

body main .main-content-wrapper .video .video-player .icon-play {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .178);
    color: #292929;
    border-radius: 50%;
    font-size: 16px;
    width: 44px;
    height: 44px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

body main .main-content-wrapper .video .video-player .icon-play span {
    margin-left: 5px
}

body main .main-content-wrapper .video .video-player img {
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    width: 100%
}

body main .main-content-wrapper .video .video-player:hover span:before {
    color: #d01514
}

body main .main-content-wrapper .fox--login,
body main .main-content-wrapper .fox--member-area {
    margin: 0 auto;
    min-height: 600px;
    padding-top: 100px
}

body main .main-content-wrapper .fox--login .fox--user-action,
body main .main-content-wrapper .fox--member-area .fox--user-action {
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}

body main .main-content-wrapper .fox--login .small-text,
body main .main-content-wrapper .fox--member-area .small-text {
    font-size: 14px
}

body main .main-content-wrapper .fox--login span.notice,
body main .main-content-wrapper .fox--member-area span.notice {
    color: red;
    font-size: 14px
}

body main .main-content-wrapper .fox--login .fox--payment-countdown,
body main .main-content-wrapper .fox--member-area .fox--payment-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

body main .main-content-wrapper .fox--login h1 span,
body main .main-content-wrapper .fox--member-area h1 span {
    float: right;
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 2px
}

body main .main-content-wrapper .fox--login h1 span sup,
body main .main-content-wrapper .fox--member-area h1 span sup {
    color: #5b5b5b;
    font-size: 18px;
    top: 0
}

body main .main-content-wrapper .fox--login .section-tabs,
body main .main-content-wrapper .fox--member-area .section-tabs {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    margin-bottom: 2em;
    display: flex
}

body main .main-content-wrapper .fox--login .section-tabs .section-tab,
body main .main-content-wrapper .fox--member-area .section-tabs .section-tab {
    padding: 10px 0;
    margin-right: 15px;
    opacity: .3
}

body main .main-content-wrapper .fox--login .section-tabs .section-tab.active,
body main .main-content-wrapper .fox--member-area .section-tabs .section-tab.active {
    border-bottom: 1px solid #d01514;
    opacity: 1
}

body main .main-content-wrapper .fox--login .section-content .heading,
body main .main-content-wrapper .fox--member-area .section-content .heading {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body main .main-content-wrapper .fox--login .section-content .heading p,
body main .main-content-wrapper .fox--member-area .section-content .heading p {
    font-size: 14px;
    opacity: .6
}

body main .main-content-wrapper .fox--login .columns,
body main .main-content-wrapper .fox--member-area .columns {
    display: flex
}

body main .main-content-wrapper .fox--login .columns .column,
body main .main-content-wrapper .fox--member-area .columns .column {
    width: 50%;
    display: flex;
    align-items: center
}

body main .main-content-wrapper .fox--login .alert-message,
body main .main-content-wrapper .fox--member-area .alert-message {
    padding: 8px 16px;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px
}

body main .main-content-wrapper .fox--login .alert-message.error,
body main .main-content-wrapper .fox--member-area .alert-message.error {
    background-color: #771212;
    color: #fff
}

body main .main-content-wrapper .fox--login .alert-message.success,
body main .main-content-wrapper .fox--member-area .alert-message.success {
    background-color: #3aa73a;
    color: #fff
}

body main .main-content-wrapper .fox--login form,
body main .main-content-wrapper .fox--member-area form {
    max-width: 900px
}

body main .main-content-wrapper .fox--login form .form-input,
body main .main-content-wrapper .fox--member-area form .form-input {
    padding-bottom: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%
}

body main .main-content-wrapper .fox--login form .form-input .scollable-content,
body main .main-content-wrapper .fox--member-area form .form-input .scollable-content {
    border: 1px solid #424242;
    border-radius: 8px;
    padding: 15px;
    font-size: 14px;
    line-height: 18px
}

body main .main-content-wrapper .fox--login form .form-input.inline-form-input,
body main .main-content-wrapper .fox--member-area form .form-input.inline-form-input {
    display: flex
}

body main .main-content-wrapper .fox--login form .form-input.inline-form-input label,
body main .main-content-wrapper .fox--member-area form .form-input.inline-form-input label {
    width: 50%
}

body main .main-content-wrapper .fox--login form .form-input.inline-form-input label:first-child,
body main .main-content-wrapper .fox--member-area form .form-input.inline-form-input label:first-child {
    margin-right: 15px
}

body main .main-content-wrapper .fox--login form .form-input label,
body main .main-content-wrapper .fox--member-area form .form-input label {
    display: block;
    padding: 5px 0
}

body main .main-content-wrapper .fox--login form .form-input .form-check-input,
body main .main-content-wrapper .fox--member-area form .form-input .form-check-input {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border: 1px solid #5b5b5b;
    text-align: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

body main .main-content-wrapper .fox--login form .form-input .label-error,
body main .main-content-wrapper .fox--login form .form-input .label-error a,
body main .main-content-wrapper .fox--member-area form .form-input .label-error,
body main .main-content-wrapper .fox--member-area form .form-input .label-error a {
    color: red
}

body main .main-content-wrapper .fox--login form .form-input .label-error input,
body main .main-content-wrapper .fox--member-area form .form-input .label-error input {
    background-color: red
}

body main .main-content-wrapper .fox--login form .form-input .label-error input::-moz-placeholder,
body main .main-content-wrapper .fox--member-area form .form-input .label-error input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

body main .main-content-wrapper .fox--login form .form-input .label-error input:-ms-input-placeholder,
body main .main-content-wrapper .fox--member-area form .form-input .label-error input:-ms-input-placeholder {
    opacity: 1
}

body main .main-content-wrapper .fox--login form .form-input .label-error input::placeholder,
body main .main-content-wrapper .fox--member-area form .form-input .label-error input::placeholder {
    color: #fff;
    opacity: 1
}

body main .main-content-wrapper .fox--login form .form-input .label-error input:-ms-input-placeholder,
body main .main-content-wrapper .fox--member-area form .form-input .label-error input:-ms-input-placeholder {
    color: #fff
}

body main .main-content-wrapper .fox--login form .form-input .label-error input::-ms-input-placeholder,
body main .main-content-wrapper .fox--member-area form .form-input .label-error input::-ms-input-placeholder {
    color: #fff
}

body main .main-content-wrapper .fox--login form .form-input.checkbox,
body main .main-content-wrapper .fox--member-area form .form-input.checkbox {
    font-size: 14px
}

body main .main-content-wrapper .fox--login form .form-input.checkbox a,
body main .main-content-wrapper .fox--member-area form .form-input.checkbox a {
    font-size: 14px;
    text-decoration: underline
}

body main .main-content-wrapper .fox--login form input[type=email],
body main .main-content-wrapper .fox--login form input[type=password],
body main .main-content-wrapper .fox--login form input[type=text],
body main .main-content-wrapper .fox--member-area form input[type=email],
body main .main-content-wrapper .fox--member-area form input[type=password],
body main .main-content-wrapper .fox--member-area form input[type=text] {
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    color: #fff;
    outline: none;
    border: none;
    border-bottom: 1px solid #d01514;
    background: transparent
}

body main .main-content-wrapper .fox--login form input[type=submit],
body main .main-content-wrapper .fox--member-area form input[type=submit] {
    width: 100%;
    padding: 16px 8px;
    outline: none;
    box-sizing: border-box;
    border: none;
    background-color: #d01514;
    color: #fff
}

body main .main-content-wrapper .fox--login form hr,
body main .main-content-wrapper .fox--member-area form hr {
    opacity: .4;
    margin-right: 15px
}

body main .main-content-wrapper .fox--login form select,
body main .main-content-wrapper .fox--member-area form select {
    width: 100%;
    padding: 8px;
    outline: none
}

body main .main-content-wrapper .fox--login form textarea,
body main .main-content-wrapper .fox--member-area form textarea {
    width: 100%;
    height: 120px
}

body main .main-content-wrapper .fox--login form a,
body main .main-content-wrapper .fox--member-area form a {
    color: #fff
}

body main .main-content-wrapper .fox--login form .invalid-feedback,
body main .main-content-wrapper .fox--member-area form .invalid-feedback {
    display: inline-block;
    margin-top: 5px;
    color: red;
    font-size: 14px
}

body main .main-content-wrapper .fox--login form .cols,
body main .main-content-wrapper .fox--member-area form .cols {
    width: 100%
}

body main .main-content-wrapper .fox--login form .cols .col,
body main .main-content-wrapper .fox--member-area form .cols .col {
    width: 50%
}

body main .main-content-wrapper .fox--login form .cols .col .col-in,
body main .main-content-wrapper .fox--member-area form .cols .col .col-in {
    padding: 15px 0
}

body main .main-content-wrapper .fox--login form .cols .col .col-in span,
body main .main-content-wrapper .fox--member-area form .cols .col .col-in span {
    padding-left: 5px;
    padding-right: 15px
}

body main .main-content-wrapper .fox--member-area {
    margin: 0 auto;
    min-height: 600px;
    padding-top: 100px
}

body main .main-content-wrapper .fox--member-area .container {
    display: block
}

body main .main-content-wrapper .fox--member-area .divider {
    width: 100%;
    height: 1px;
    background: hsla(0, 0%, 100%, .1);
    margin: 30px 0
}

body main .main-content-wrapper .fox--member-area table tr td {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px
}

body main .main-content-wrapper .fox--member-area .membership-menu {
    display: flex;
    justify-content: space-between;
    width: 100%
}

body main .main-content-wrapper .fox--member-area .membership-menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 45px
}

body main .main-content-wrapper .fox--member-area .membership-menu ul li {
    margin-right: 15px
}

body main .main-content-wrapper .fox--member-area .membership-menu ul li a {
    opacity: .7;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    padding-bottom: 5px
}

body main .main-content-wrapper .fox--member-area .membership-menu ul li:hover a {
    opacity: 1
}

body main .main-content-wrapper .fox--member-area .membership-menu ul li.active {
    border-bottom: 4px solid #d01514
}

body main .main-content-wrapper .fox--member-area .membership-menu ul li.active a {
    opacity: 1
}

body main .sidebar {
    width: 380px
}

body main .sidebar .inner {
    border-radius: 4px;
    width: 320px;
    min-height: 600px;
    background-color: #000;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    margin: 0 auto;
    padding: 30px
}

body main .sidebar .inner .sidebar-player-container {
    background-color: transparent;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    transition-duration: .25s;
    margin-bottom: 30px
}

body main .sidebar .inner .sidebar-player-container .sidebar-player {
    cursor: pointer;
    position: relative
}

body main .sidebar .inner .sidebar-player-container .sidebar-player .icon-play {
    position: absolute;
    background-color: hsla(0, 0%, 100%, .178);
    color: #292929;
    border-radius: 50%;
    font-size: 16px;
    width: 64px;
    height: 64px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

body main .sidebar .inner .sidebar-player-container .sidebar-player .icon-play span {
    margin-left: 5px
}

body main .sidebar .inner .sidebar-player-container .sidebar-player img {
    width: 100%
}

body main .sidebar .inner .sidebar-player-container .sidebar-player img,
body main .sidebar .inner .sidebar-player-container .sidebar-player video {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

body main .sidebar .inner .sidebar-player-container .sidebar-player:hover span:before {
    color: #d01514
}

body main .sidebar .inner .sidebar-player-container .sidebar-player-meta {
    padding: 15px 0;
    color: #fff
}

body main .sidebar .inner .poll {
    width: 300px;
    margin: 0 auto
}

body main .other-channels {
    background-color: #000
}

body main .other-channels .container:first-child {
    position: relative;
    display: flex;
    margin: 0;
    justify-content: center
}

body main .other-channels .container .channel {
    transition: transform .25s;
    text-align: center;
    width: 50%
}

body main .other-channels .container .channel a {
    padding: 50px;
    display: inline-block
}

body main .other-channels .container .channel:hover.channel-foxplay {
    background-color: #d01514
}

body main .other-channels .container .channel:hover.channel-nat-geo,
body main .other-channels .container .channel:hover.channel-nat-geo-wild {
    background-color: #fc0
}

body main .other-channels .container .channel:hover.channel-24kitchen {
    background-color: #aeca3e
}

body main .other-channels .container .channel:hover.channel-fxcrime {
    background-color: #d32027
}

body main .other-channels .container .channel:hover.channel-fx {
    background-color: #fff
}

body main .other-channels .container .channel:hover.channel-fx img {
    filter: invert(1)
}

body main .consent-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 45px 15px 15px;
    box-sizing: border-box;
    z-index: 999999;
    background-color: #1a1a1a;
    color: #fff;
    border-right: 1px solid rgba(0, 0, 0, .2);
    font-size: 12px
}

body main .consent-banner .icon {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

body .feedback-form {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999999
}

body .feedback-form .error input,
body .feedback-form .error textarea {
    border: 1px solid red !important
}

body .feedback-form .error a {
    color: red !important
}

body .feedback-form .form-wrapper {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 45px;
    background-color: #1a1a1a;
    box-sizing: border-box
}

body .feedback-form .form-wrapper strong {
    font-size: 36px
}

body .feedback-form .form-wrapper form .form-input {
    padding-bottom: 15px;
    box-sizing: border-box;
    width: 100%
}

body .feedback-form .form-wrapper form .form-input label {
    display: block;
    padding: 5px 0
}

body .feedback-form .form-wrapper form input[type=email],
body .feedback-form .form-wrapper form input[type=text] {
    outline: none;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #d01514;
    background: transparent
}

body .feedback-form .form-wrapper form input[type=button],
body .feedback-form .form-wrapper form input[type=submit] {
    width: 100%;
    padding: 16px 8px;
    outline: none;
    box-sizing: border-box;
    border: none;
    background-color: #d01514;
    color: #fff;
    cursor: pointer
}

body .feedback-form .form-wrapper form hr {
    opacity: .4;
    margin-right: 15px
}

body .feedback-form .form-wrapper form select {
    width: 100%;
    padding: 8px;
    outline: none
}

body .feedback-form .form-wrapper form textarea {
    outline: none;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #d01514;
    background: transparent
}

body .feedback-form .form-wrapper form a {
    color: #fff;
    text-decoration: underline
}

body .feedback-form .feedback-modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer
}

body .feedback-form .form-wrapper-result {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 60px 45px;
    background-color: #1a1a1a;
    text-align: center;
    font-size: 20px
}

body .feedback-form .form-wrapper-result input[type=button] {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 16px 8px;
    outline: none;
    box-sizing: border-box;
    border: none;
    background-color: #d01514;
    color: #fff;
    cursor: pointer
}

body .feedback-content {
    width: 70px;
    height: 185px;
    background-image: url(../img/feedback-img.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 100%;
    position: fixed;
    right: -20px;
    bottom: 50px;
    cursor: pointer;
    z-index: 9;
    opacity: 0
}

body .feedback-content-click p {
    font-size: .8em;
    font-weight: 300;
    line-height: 1.4em
}

body .feedback-content-click p:first-child {
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 18px
}

body .feedback-content-click-close {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 15px;
    top: 15px;
    background-image: url(../img/feedback-content-close-icon.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    cursor: pointer
}

body .feedback-content-click-modal-open {
    padding: 12px 50px;
    color: #fc2112;
    border-radius: 30px;
    text-decoration: none;
    background-color: #000;
    margin-top: 16px;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: #fff;
    font-weight: 500
}

body .feedback-content-click {
    width: 286px;
    height: 166px;
    background-repeat: no-repeat;
    background-position: 100%;
    position: fixed;
    right: -100%;
    bottom: 50px;
    transition: .2s;
    padding: 26px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    box-sizing: border-box;
    background-color: #fc2110;
    z-index: 999999
}

body .feedback-content-click.active {
    right: 0;
    transition: .2s
}

@media screen and (max-width:1365px) {
    body main .icon-play {
        width: 30px;
        height: 30px
    }

    body main .main-content-wrapper .sub-header {
        margin-bottom: 30px
    }

    body main .main-content-wrapper .sub-header .container .program-heading h1 {
        font-size: 22px
    }

    body main .main-content-wrapper .sub-header .container .program-heading h3 {
        font-size: 18px
    }

    body main .main-content-wrapper .sub-header .container .social-accounts a img {
        height: 24px
    }

    body main .main-content-wrapper .columns {
        margin: 20px 30px
    }

    body main section.schedule .container .schedule-program .meta .program-time {
        font-size: 22px
    }

    body main .other-channels .container {
        justify-content: center
    }

    body main .other-channels .container .channel img {
        width: 100%;
        max-width: 120px
    }
}

@media screen and (max-width:1200px) {
    body main .main-content-wrapper #pageskin {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    body main section {
        padding: 0 0 30px
    }

    body main .poster {
        padding: 15px 15px 0 0
    }

    body main .main-content-wrapper {
        margin-top: 0
    }

    body main .main-content-wrapper .sub-header {
        margin-bottom: 30px
    }

    body main .main-content-wrapper .sub-header .container {
        padding: 15px
    }

    body main .main-content-wrapper .sub-header .container .program-heading h1 {
        font-size: 22px
    }

    body main .main-content-wrapper .sub-header .container .program-heading h3 {
        font-size: 18px
    }

    body main .main-content-wrapper .sub-header .container .social-accounts a img {
        height: 24px
    }

    body main .main-content-wrapper .sub-nav .container {
        margin: 0 15px 15px
    }

    body main .main-content-wrapper .columns {
        margin: 20px 30px
    }

    body main .main-content-wrapper .columns.shrink {
        margin: 0
    }

    body main section.videos .posters .owl-stage-outer .owl-stage,
    body main section.videos .recommended .owl-stage-outer .owl-stage {
        left: -30px
    }

    body main section.videos .recommended .owl-nav.disabled {
        display: block !important
    }

    body main section .thumbs .owl-stage-outer .owl-stage {
        left: -45px
    }

    body main section .container:first-child {
        margin: 0 15px
    }

    body main section.schedule .container .schedule-programs .owl-stage-outer .owl-stage {
        left: -15px
    }

    body main section.schedule .container .schedule-program {
        margin: 15px 30px 15px 0;
        padding-right: 30px;
        border-right: 1px solid rgba(0, 0, 0, .2)
    }

    body main section.schedule .container .schedule-program .meta {
        width: 50%
    }

    body main section.schedule .container .schedule-program .meta .program-name {
        font-size: 12px;
        padding: 6px 0
    }

    body main section.schedule .container .schedule-program .meta .program-time {
        font-size: 20px
    }

    body main section.schedule .container .schedule-program .meta .now-tag {
        font-size: 11px;
        padding: 2px
    }

    body main .other-channels .container {
        flex-wrap: wrap;
        justify-content: center;
        margin: 15px
    }
}

.fancybox-content.payment {
    max-width: 700px;
    max-height: 420px
}

.movies-coverphoto  { width: 100%; height: 500px }
.movies-coverphoto img{ width:100%; height:500px!important}


.our-team { text-align: center; position: relative; }
.our-team:before { content: ""; position: absolute; border: 4px solid #F6511D; bottom: 55px; top: -3px; left: 11px; right: 11px; opacity: 0; transform: scale(1.03); z-index: -1; transition: 0.6s ease 0s; }
.our-team:hover:before { opacity: 1; transform: scale(1); }
.our-team .team-img { position: relative; }
.our-team .team-img:before { content: ""; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.6); width: 100%; height: 100%; opacity: 0; transition: 0.6s ease 0s; }

@media screen and (max-width:990px) {
    .our-team { margin-bottom: 30px !important; }
}


/* Search btn mobile */
.searchoverlay { height: 0%; width: 100%; position: fixed; z-index: 100; top: 0; left: 0; background-color: rgba(0,0,0, 0.8); overflow-y: hidden; transition: 0.5s; display: block; direction: rtl; }
.searchoverlay-content { position: relative; top: 20%; width: 100%; text-align: center; margin-top: 30px; padding: 5%; box-sizing: border-box; }
.searchoverlay-content img { margin-bottom: 20px; }
.searchoverlay-content h3 { font-size: 20px; font-weight: 300; text-align: center; padding: 0; color: #ef7b84; font-weight: 600; }
.searchoverlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.searchoverlay .closebtn { position: absolute; top: 20px; right: 20px; font-size: 60px; color: #fff; }


#custom-search-input { padding: 3px; border: solid 1px #E4E4E4; border-radius: 6px; background-color: #fff; }

#custom-search-input input { border: solid 1px #E4E4E4; box-shadow: none; }

#custom-search-input button { margin: 2px 0 0 0; background: none; box-shadow: none; border: solid 1px #E4E4E4; color: #fff; padding: 5px 12px 0 10px; border-right: solid 1px #ccc; background-color: #009a3e; }

#custom-search-input button:hover { border: 0; box-shadow: none; border-right: solid 1px #ccc; }

#custom-search-input .glyphicon-search { font-size: 23px; }



#custom-search-input2 { padding: 3px; border: solid 1px #E4E4E4; border-radius: 6px; background-color: #fff; }

#custom-search-input2 input { border: solid 1px #E4E4E4; box-shadow: none; }

#custom-search-input2 button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: #fff; padding: 5px 12px 0 10px; border-right: solid 1px #ccc; background-color: #009a3e; }

#custom-search-input2 button:hover { border: solid 1px #E4E4E4; box-shadow: none; border-right: solid 1px #ccc; }

#custom-search-input2 .glyphicon-search { font-size: 23px; }



/*Google Search*/
.gsc-control-cse { padding: 0px !important; border-width: 1px !important; direction: rtl; border-radius:5px }
form.gsc-search-box, table.gsc-search-box { margin-bottom: 0px !important; direction: rtl; }
.gsc-search-box .gsc-input { padding: 0px 4px 0px 6px !important; direction: rtl; }
#gsc-iw-id1 { height: auto !important; padding: 0px !important; border-width: 0px !important; box-shadow: none !important; }
#gs_tti50 { padding: 0px !important; }
#gsc-i-id1 { height: 33px !important; padding: 0px !important; background: none !important; text-indent: 0px !important; }
.gsib_b { display: none; }
button.gsc-search-button { display: block; width: 13px !important; height: 13px !important; border-width: 0px !important; margin: 0px !important; padding: 10px 13px 10px 13px !important; outline: none; cursor: pointer; box-shadow: none !important; box-sizing: content-box !important; }
.gsc-branding { display: none !important; }
.gsc-control-cse, #gsc-iw-id1 { background-color: transparent !important; }
#search-box { width: 400px; height: 33px; margin: 0 auto; background-color: #FFF; padding: 3px; border: 2px solid #1267a5; border-radius: 4px; }
#gsc-i-id1 { color: #1267a5; }
button.gsc-search-button { padding: 10px !important; background-color: #1267a5 !important; border-radius: 3px !important; }