/*
Customized version of Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/

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

@-webkit-keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes b {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50%,
    to {
        opacity: 0
    }
}

@keyframes b {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50%,
    to {
        opacity: 0
    }
}

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


/*! Font-face generatred IcoMoon App (https://icomoon.io) */

@font-face {
    font-family: hope;
    src: url(../fonts/hope.eot?i3pxhf);
    src: url(../fonts/hope.eot?#iefixi3pxhf) format("embedded-opentype"), url(../fonts/hope.ttf?i3pxhf) format("truetype"), url(../fonts/hope.woff?i3pxhf) format("woff"), url(../fonts/hope.svg?i3pxhf#hope) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" logo-"],
[class^=logo-] {
    font-family: hope;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.logo-hc-full:before {
    content: "\e600"
}

.logo-hc:before {
    content: "\e600";
    width: 1.4em;
    overflow: hidden;
    display: inline-block
}

.rightToLeft .logo-hc:before {
    text-indent: -2.1em
}

.logo-hc-hopy:before {
    content: "\e601"
}

.logo-hopy-logo:before {
    content: "\e602"
}

.logo-sdh:before {
    content: "\e603"
}

.logo-sda:before {
    content: "\e604"
}

.logo-smartTv-alt:before {
    content: "\e605";
    font-size: .8em
}

.logo-smartTv:before {
    content: "\e606";
    font-size: .8em
}

.logo-iTunes:before {
    content: "\e607"
}

.logo-appStore:before {
    content: "\e608"
}

.logo-roku:before {
    content: "\e609";
    font-size: .8em
}

@charset "UTF-8";
*{font-family: "Montserrat","FontAwesome", Helvetica,Microsoft JhengHei,微軟正黑體,新細明體, sans-serif,"hope" !important}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1em 0 .5em;
    padding: 0
}

h1>a,
h1>a:hover,
h2>a,
h2>a:hover,
h3>a,
h3>a:hover,
h4>a,
h4>a:hover,
h5>a,
h5>a:hover,
h6>a,
h6>a:hover {
    color: hsla(0, 0%, 100%, .9)
}

.box h1>a,
.box h1>a:hover,
.box h2>a,
.box h2>a:hover,
.box h3>a,
.box h3>a:hover,
.box h4>a,
.box h4>a:hover,
.box h5>a,
.box h5>a:hover,
.box h6>a,
.box h6>a:hover {
    color: #252628
}

h1 {
    font-size: 2em
}

aside h1,
h2 {
    font-size: 1.8em
}

h3 {
    font-size: 1.6em
}

h4 {
    font-size: 1.4em
}

h5 {
    font-size: 1.2em
}

h6 {
    font-size: 1em
}

a {
    color: rgb(80,162,244);
}

a:active,
a:focus {
    color: rgb(244,66,119);
}

a:hover {
    color: rgb(244,66,119);
}

.btn,
.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    color: #edeef0;
    background-color: transparent;
    border: 1px solid #edeef0;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2em;
    padding: .5em .8em;
    border-radius: 3px
}

@media (max-width:47.99em) {
    .btn,
    .cc_container .cc_btn,
    .cc_container .cc_btn:visited {
        font-size: .85em
    }
}

@media (min-width:48em) {
    .btn,
    .cc_container .cc_btn,
    .cc_container .cc_btn:visited {
        font-size: .9em
    }
}

.btn.current,
.cc_container .current.cc_btn {
    background-color: #fff;
    color: #252628
}

.btn:focus,
.btn:hover,
.cc_container .cc_btn:focus,
.cc_container .cc_btn:hover {
    background-color: rgb(244,66,119);
    border: 1px solid #5d0d3b;
    color: #252628
}

.btn.active,
.cc_container .active.cc_btn {
    background-color: #0a0a0a;
    color: #fff
}

.box .btn.active,
.box .cc_container .active.cc_btn,
.cc_container .box .active.cc_btn {
    background-color: transparent
}

.btn.disabled,
.btn[disabled],
.cc_container .disabled.cc_btn,
.cc_container [disabled].cc_btn {
    color: hsla(220, 9%, 94%, .5);
    border-color: hsla(220, 9%, 94%, .5);
    cursor: default
}

.btn.disabled:not([type=submit]),
.btn[disabled]:not([type=submit]),
.cc_container .disabled.cc_btn:not([type=submit]),
.cc_container [disabled].cc_btn:not([type=submit]) {
    background-color: transparent!important
}

.box .btn,
.box .cc_container .cc_btn,
.cc_container .box .cc_btn {
    border-color: #252628;
    color: #252628
}

.box .btn.btn-active,
.box .btn:focus,
.box .btn:hover,
.box .cc_container .btn-active.cc_btn,
.box .cc_container .cc_btn:focus,
.box .cc_container .cc_btn:hover,
.cc_container .box .btn-active.cc_btn,
.cc_container .box .cc_btn:focus,
.cc_container .box .cc_btn:hover {
    background-color: #ad1f1a;
    border: 1px solid #811713;
    color: #fff
}

.box .btn.disabled,
.box .btn[disabled],
.box .cc_container .disabled.cc_btn,
.box .cc_container [disabled].cc_btn,
.cc_container .box .disabled.cc_btn,
.cc_container .box [disabled].cc_btn {
    opacity: .5
}

.btn.btn-link,
.cc_container .btn-link.cc_btn {
    border: none
}

.btn.btn-link.current,
.cc_container .btn-link.current.cc_btn {
    background-color: #ad1f1a;
    color: #fff!important
}

.btn.btn-link.current:hover,
.cc_container .btn-link.current.cc_btn:hover {
    border: none!important
}

.btn.btn-link:not(.current):focus,
.btn.btn-link:not(.current):hover,
.cc_container .btn-link.cc_btn:not(.current):focus,
.cc_container .btn-link.cc_btn:not(.current):hover {
    background-color: transparent;
    border: none!important
}

.box .btn.btn-link,
.box .cc_container .btn-link.cc_btn,
.cc_container .box .btn-link.cc_btn {
    color: #252628
}

.btn-group .btn.active,
.btn-group .cc_container .active.cc_btn,
.cc_container .btn-group .active.cc_btn {
    background-color: rgb(80,162,244);
    border-color: #1f3058;
    color: #0a0a0a;
    box-shadow: none
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden
}

.caret {
    border-left: none;
    border-top: none;
    border-right: none;
    display: inline;
    margin-left: 2px;
    vertical-align: middle;
    speak: none
}

.caret:after {
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    content: "\f107"
}

.label {
    border-radius: 0!important
}

.page-header {
    border-bottom: none!important;
    margin: 20px 10px 10px;
    padding: 0
}

.box .page-header h1 {
    color: #0a0a0a
}

@media (max-width:47.99em) {
    .page-header h1 {
        font-size: 2em;
        margin-left: 8px;
        margin-right: 8px
    }
}

.page-header h1 small {
    color: #919396
}

@media (max-width:47.99em) {
    .page-header h1 small {
        display: block
    }
}

.box .page-header h1 small {
    color: #57585a
}

.dropdown-toggle {
    background-color: transparent
}

.dropdown-menu {
    top: auto;
    left: 0!important;
    right: auto!important;
    background-color: hsla(0, 0%, 4%, .9);
    min-width: initial;
    text-align: left
}

.dropdown-menu>li {
    margin: 0!important;
    position: relative
}

.dropdown-menu>li a {
    color: #fff;
    padding: 0.6em 2em!important;
    border: none!important
}

.dropdown-menu>li a:hover {
    background-color: rgb(80,162,244);
    color: #0a0a0a
}

.dropdown-menu>li a strong {
    color: #0031ff
}

.dropdown-menu>li a:hover strong {
    color: #ad1f1a
}

.dropdown-menu>li.hover a {
    color: #0a0a0a!important;
    background-color: #ffc500
}

.dropdown-menu>li.hover a strong {
    color: #ad1f1a
}

.dropdown-menu>li.active a {
    background-color: transparent
}

.dropdown-menu>li.active a:before {
    position: absolute;
    top: 10px;
    left: 8px;
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: rgb(80,162,244);
}

.box .dropdown-menu>li.active a:before {
    color: #252628
}

.dropdown-menu>li.active a:hover {
    color: #fff;
    background-color: transparent
}

.row {
    margin-right: 0!important;
    margin-left: 0!important
}

.row>aside,
.row>div {
    padding: 0!important
}

.list-group-item {
    border-radius: 0!important;
    padding: 10px 8px;
    border: 0 solid #c5c6c8;
    border-top-width: 1px;
    background-color: transparent!important
}

.list-group-item:hover {
    background-color: hsla(0, 0%, 100%, .5)!important
}

.list-group-item:last-child {
    border-bottom-width: 1px
}

.list-group-item.active {
    color: #fff;
    background-color: #c5c6c8
}

.list-group-item .itemTitle:before,
.list-group-item .itemTitle:before {
    font-family: FontAwesome;
    margin-right: 8px
}

.list-group-item>.badge {
    float: right
}

.navbar {
    border: none!important;
    margin-bottom: 0
}

.navbar-nav,
.navbar-nav>li {
    float: left
}

.navbar-fixed-top {
    border-width: 0
}

.nav-tabs.nav-justified>li a:hover {
    background-color: transparent;
    border: none
}

.nav-tabs.nav-justified>li:not(.prev):not(.next) a,
.nav-tabs.nav-justified>li:not(.prev):not(.next)>span {
    text-align: center;
    display: block;
    border-radius: 0;
    padding-bottom: 20px
}

.nav-tabs.nav-justified>li:not(.prev):not(.next) a:hover,
.nav-tabs.nav-justified>li:not(.prev):not(.next)>span:hover {
    background-color: transparent!important
}

.nav-tabs.nav-justified>li:not(.prev):not(.next).current a {
    border-bottom-color: #ad1f1a!important
}

@media (max-width:47.99em) {
    .carousel {
        margin: 1em 0!important
    }
}

@media (min-width:48em) {
    .carousel {
        margin: 1em .6em!important
    }
}

.carousel .item {
    margin: 0;
    padding: 0
}

.carousel .carousel-image img {
    width: 100%;
    border-radius: 3px
}

.carousel:hover .carousel-control,
.carousel:hover .carousel-indicators {
    opacity: 1
}

.carousel-caption {
    z-index: 2
}

@media (max-width:47.99em) {
    .carousel-caption {
        display: none
    }
}

@media (min-width:48em) {
    .carousel-caption {
        font-size: 1em
    }
}

.carousel-inner>.item>img {
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
    width: 100%
}

.carousel-control,
.carousel-indicators {
    opacity: 0
}

.carousel-control {
    width: 8%;
    transition: opacity .8s ease .2s;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
    position: absolute;
    top: 45%;
    z-index: 1;
    display: inline-block;
    font-size: 40px
}

.carousel-indicators {
    bottom: 10px!important;
    transition: opacity .6s ease;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.carousel-indicators li {
    width: 15px;
    height: 15px
}

.carousel-indicators li.active {
    width: 1pc;
    height: 1pc
}

blockquote {
    position: relative;
    padding: 10px 30px 1pc;
    margin: 20px 2px;
    border: 0 solid rgba(173, 31, 26, .4);
    border-left-width: 2px
}

blockquote,
blockquote p {
    font-size: 18px!important
}

blockquote p {
    margin: 0;
    padding: 0
}

.checkbox,
.checkbox-inline,
.radio,
.radio-inline {
    line-height: 1pc!important;
    min-height: 1pc!important
}

.checkbox label,
.checkbox-inline label,
.radio label,
.radio-inline label {
    padding-left: 35px!important;
    line-height: 1pc!important;
    min-height: 1pc!important
}

.checkbox input[type=checkbox],
.checkbox input[type=radio],
.checkbox-inline input[type=checkbox],
.checkbox-inline input[type=radio],
.radio input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=checkbox],
.radio-inline input[type=radio] {
    margin: 0!important;
    margin-left: 5px!important
}

.panel {
    border: none!important;
    box-shadow: none;
    background-color: transparent!important;
    margin-bottom: 0!important
}

.pagination>li>a {
    background-color: transparent;
    border: 1px solid #edeef0;
    color: #edeef0
}

.pagination>li>a:hover {
    color: #57585a
}

.box .pagination>li>a:hover {
    color: #d92721!important
}

.box .pagination>li>a {
    color: #ad1f1a!important
}

.pagination>li.active>a {
    background-color: #ffc500;
    border: 1px solid #ffc500!important;
    color: #57585a!important
}

.box .pagination>li.active>a {
    font-weight: 600!important;
    color: #252628!important
}

.box .pagination>li a,
.box .pagination>li a:hover,
.pagination>li.spacer>span {
    background-color: transparent!important;
    border: 1px solid transparent!important
}

.form-horizontal {
    margin: 2em 0
}

.form-group {
    position: relative
}

@media (max-width:47.99em) {
    .form-control {
        font-size: 1pc!important
    }
}

.pull-left {
    float: left!important
}

.pull-right {
    float: right!important
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.table.table-hover tr:hover,
.table.table-striped tr:nth-of-type(odd) {
    background-color: hsla(220, 3%, 78%, .25)
}

.col-xs-0 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-12 {
        margin-left: 100%;
        margin-right: 0
    }
}

.col-sm-0 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-12 {
        margin-left: 100%;
        margin-right: 0
    }
}

.col-md-0 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-12 {
        margin-left: 100%;
        margin-right: 0
    }
}

.col-lg-0 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-12 {
        margin-left: 100%;
        margin-right: 0
    }
}

.col-xs-1 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-11 {
        margin-left: 91.66667%;
        margin-right: 0
    }
}

.col-sm-1 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-11 {
        margin-left: 91.66667%;
        margin-right: 0
    }
}

.col-md-1 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-11 {
        margin-left: 91.66667%;
        margin-right: 0
    }
}

.col-lg-1 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-11 {
        margin-left: 91.66667%;
        margin-right: 0
    }
}

.col-xs-2 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-10 {
        margin-left: 83.33333%;
        margin-right: 0
    }
}

.col-sm-2 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-10 {
        margin-left: 83.33333%;
        margin-right: 0
    }
}

.col-md-2 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-10 {
        margin-left: 83.33333%;
        margin-right: 0
    }
}

.col-lg-2 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-10 {
        margin-left: 83.33333%;
        margin-right: 0
    }
}

.col-xs-3 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-9 {
        margin-left: 75%;
        margin-right: 0
    }
}

.col-sm-3 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-9 {
        margin-left: 75%;
        margin-right: 0
    }
}

.col-md-3 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-9 {
        margin-left: 75%;
        margin-right: 0
    }
}

.col-lg-3 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-9 {
        margin-left: 75%;
        margin-right: 0
    }
}

.col-xs-4 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-8 {
        margin-left: 66.66667%;
        margin-right: 0
    }
}

.col-sm-4 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-8 {
        margin-left: 66.66667%;
        margin-right: 0
    }
}

.col-md-4 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-8 {
        margin-left: 66.66667%;
        margin-right: 0
    }
}

.col-lg-4 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-8 {
        margin-left: 66.66667%;
        margin-right: 0
    }
}

.col-xs-5 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-7 {
        margin-left: 58.33333%;
        margin-right: 0
    }
}

.col-sm-5 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-7 {
        margin-left: 58.33333%;
        margin-right: 0
    }
}

.col-md-5 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-7 {
        margin-left: 58.33333%;
        margin-right: 0
    }
}

.col-lg-5 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-7 {
        margin-left: 58.33333%;
        margin-right: 0
    }
}

.col-xs-6 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-6 {
        margin-left: 50%;
        margin-right: 0
    }
}

.col-sm-6 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-6 {
        margin-left: 50%;
        margin-right: 0
    }
}

.col-md-6 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-6 {
        margin-left: 50%;
        margin-right: 0
    }
}

.col-lg-6 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-6 {
        margin-left: 50%;
        margin-right: 0
    }
}

.col-xs-7 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-5 {
        margin-left: 41.66667%;
        margin-right: 0
    }
}

.col-sm-7 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-5 {
        margin-left: 41.66667%;
        margin-right: 0
    }
}

.col-md-7 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-5 {
        margin-left: 41.66667%;
        margin-right: 0
    }
}

.col-lg-7 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-5 {
        margin-left: 41.66667%;
        margin-right: 0
    }
}

.col-xs-8 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-4 {
        margin-left: 33.33333%;
        margin-right: 0
    }
}

.col-sm-8 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-4 {
        margin-left: 33.33333%;
        margin-right: 0
    }
}

.col-md-8 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-4 {
        margin-left: 33.33333%;
        margin-right: 0
    }
}

.col-lg-8 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-4 {
        margin-left: 33.33333%;
        margin-right: 0
    }
}

.col-xs-9 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-3 {
        margin-left: 25%;
        margin-right: 0
    }
}

.col-sm-9 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-3 {
        margin-left: 25%;
        margin-right: 0
    }
}

.col-md-9 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-3 {
        margin-left: 25%;
        margin-right: 0
    }
}

.col-lg-9 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-3 {
        margin-left: 25%;
        margin-right: 0
    }
}

.col-xs-10 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-2 {
        margin-left: 16.66667%;
        margin-right: 0
    }
}

.col-sm-10 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-2 {
        margin-left: 16.66667%;
        margin-right: 0
    }
}

.col-md-10 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-2 {
        margin-left: 16.66667%;
        margin-right: 0
    }
}

.col-lg-10 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-2 {
        margin-left: 16.66667%;
        margin-right: 0
    }
}

.col-xs-11 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-1 {
        margin-left: 8.33333%;
        margin-right: 0
    }
}

.col-sm-11 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-1 {
        margin-left: 8.33333%;
        margin-right: 0
    }
}

.col-md-11 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-1 {
        margin-left: 8.33333%;
        margin-right: 0
    }
}

.col-lg-11 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-1 {
        margin-left: 8.33333%;
        margin-right: 0
    }
}

.col-xs-12 {
    float: left
}

@media (min-width:20em) {
    .col-xs-offset-0 {
        margin-left: 0;
        margin-right: 0
    }
}

.col-sm-12 {
    float: left
}

@media (min-width:48em) {
    .col-sm-offset-0 {
        margin-left: 0;
        margin-right: 0
    }
}

.col-md-12 {
    float: left
}

@media (min-width:62em) {
    .col-md-offset-0 {
        margin-left: 0;
        margin-right: 0
    }
}

.col-lg-12 {
    float: left
}

@media (min-width:75em) {
    .col-lg-offset-0 {
        margin-left: 0;
        margin-right: 0
    }
}

.header {
    margin: 15px 0 20px;
    padding: 0;
    font-size: 2pc
}

.sectionHeader {
    position: relative;
    clear: both
}

@media (max-width:47.99em) {
    .sectionHeader {
        margin: 1em .5em .5em
    }
}

@media (min-width:48em) {
    .sectionHeader {
        margin: 2em 1em .5em
    }
}

.box .sectionHeader {
    margin: 1em .3em .5em
}

.sectionHeader .title {
    padding-top: 0;
    margin-top: 0!important
}

.sectionHeader .title a {
    color: #c5c6c8;
    text-decoration: none
}

.sectionHeader .filters {
    padding: 0
}

.sectionHeader .filters>li {
    font-weight: 600;
    font-size: 14px;
    color: #c5c6c8;
    text-transform: uppercase;
    position: relative;
    list-style: none;
    display: inline
}

.rightToLeft .sectionHeader .filters>li {
    font-size: 1pc
}

.sectionHeader .filters>li.active,
.sectionHeader .filters>li:hover {
    background-color: transparent
}

.sectionHeader .filters>li.active {
    color: rgb(244,66,119);
}

.sectionHeader .filters>li:focus,
.sectionHeader .filters>li:hover {
    color: rgb(244,66,119);
    text-decoration: none
}

.sectionHeader .filters>li.divider {
    margin-right: 1em
}

@media (max-width:47.99em) {
    .sectionHeader .filters>li>a.btn-default,
    .sectionHeader .filters>li>a.btn-link {
        font-size: .8em!important;
        padding: .5em .8em
    }
}

@media (min-width:48em) and (max-width:74.99em) {
    .sectionHeader .filters>li>a.btn-default,
    .sectionHeader .filters>li>a.btn-link {
        font-size: .9em!important
    }
}

.sectionHeader .filters>li>a.btn-link {
    color: #c5c6c8
}

.sectionHeader .filters>li>a.btn-link.active {
    color: rgb(80,162,244);
    background-color: transparent
}

.box .sectionHeader {
    margin: 0!important
}

.box .sectionHeader .title {
    font-size: 2em
}

aside .sectionHeader {
    margin: 10px 0
}

aside .sectionHeader .filter,
aside .sectionHeader .title {
    margin: 0!important
}

.image {
    position: relative;
    /*background-color: #c5c6c8;*/
}

.image img {
    display: block;
    line-height: 1;
    width: 100%;
    max-width: 100%
}

.image img.loading {
    padding-top: 56.25%
}

.image img.load {
    padding-top: 0
}

.image-intext-left .image,
.image-intext-right .image,
.image-left .image,
.image-right .image {
    background-color: transparent;
    text-align: left
}

.image-intext-left .image img,
.image-intext-right .image img,
.image-left .image img,
.image-right .image img {
    width: auto;
    max-width: 100%;
    display: inline
}

.image-intext-right .image,
.image-right .image {
    text-align: right
}

.image-intext-right .image img,
.image-right .image img {
    width: auto
}

.image .loader {
    position: absolute;
    top: 0;
    left: 0
}

.image>.caption {
    background-color: #eceaea;
    padding: .5em 1em
}

.image>.caption * {
    font-size: .9em
}

.image>.caption div:last-child {
    text-align: right
}

.image a {
    width: 100%
}

.image .noImage,
.image a {
    position: relative;
    display: block
}

.image .noImage {
    width: auto;
    padding-top: 56.25%;
    background-color: #252628;
    box-sizing: border-box
}

.image .noImage .caption {
    position: absolute;
    display: block!important;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    background-color: transparent;
    color: #c5c6c8;
    font-size: 1em
}

@media (max-width:29.99em) {
    .image .noImage .caption {
        top: 60%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

@media (min-width:30em) and (max-width:47.99em) {
    .image .noImage .caption {
        top: 80%;
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
        font-size: .8em
    }
}

@media (min-width:48em) {
    .image .noImage .caption {
        top: 78%;
        -webkit-transform: translateY(-78%);
        transform: translateY(-78%)
    }
}

@media (min-width:62em) {
    .image .noImage .caption {
        top: 65%;
        -webkit-transform: translateY(-65%);
        transform: translateY(-65%)
    }
}

.image .noImage .caption:before {
    position: absolute;
    top: -1.5em;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: hope;
    content: '\e601';
    font-size: 3em
}

.image-wrap .image-row {
    position: relative;
    clear: both;
    padding-bottom: 10px
}

.image-wrap .image-row:last-child {
    padding-bottom: 0
}

.image-wrap .image-row:after {
    display: table;
    content: " "
}

.image-wrap .image-row .image-column {
    padding: 0 5px!important
}

.image-wrap+.text {
    clear: both;
    margin-top: 10px!important
}

.box .altBg,
.boxToBottom,
.boxToTop,
.boxWide,
.hollowBox .altBg,
.scheduleCalendar[data-pick=week] {
    width: auto!important
}

@media (max-width:61.99em) {
    .box .altBg,
    .boxToBottom,
    .boxToTop,
    .boxWide,
    .hollowBox .altBg,
    .scheduleCalendar[data-pick=week] {
        margin-left: -20px!important;
        margin-right: -20px!important
    }
}

@media (min-width:62em) {
    .box .altBg,
    .boxToBottom,
    .boxToTop,
    .boxWide,
    .hollowBox .altBg,
    .scheduleCalendar[data-pick=week] {
        margin-left: -30px!important;
        margin-right: -30px!important
    }
}

.box .altBg>:first-child,
.boxToBottom>:first-child,
.boxToTop>:first-child,
.boxWide>:first-child,
.hollowBox .altBg>:first-child,
.scheduleCalendar[data-pick=week]>:first-child {
    margin-top: 0!important
}

.box .altBg .altBg,
.boxToBottom .altBg,
.boxToTop .altBg,
.boxWide .altBg,
.hollowBox .altBg .altBg,
.scheduleCalendar[data-pick=week] .altBg {
    margin: 0!important
}

.box .altBg .altBg,
.box .spaced.altBg,
.boxToBottom .altBg,
.boxToTop .altBg,
.boxWide .altBg,
.boxWide.spaced,
.hollowBox .altBg .altBg,
.hollowBox .spaced.altBg,
.scheduleCalendar[data-pick=week] .altBg,
.spaced.boxToBottom,
.spaced.boxToTop,
.spaced.scheduleCalendar[data-pick=week] {
    margin-top: 0!important
}

@media (max-width:61.99em) {
    .box .altBg .altBg,
    .box .spaced.altBg,
    .boxToBottom .altBg,
    .boxToTop .altBg,
    .boxWide .altBg,
    .boxWide.spaced,
    .hollowBox .altBg .altBg,
    .hollowBox .spaced.altBg,
    .scheduleCalendar[data-pick=week] .altBg,
    .spaced.boxToBottom,
    .spaced.boxToTop,
    .spaced.scheduleCalendar[data-pick=week] {
        padding: 20px!important
    }
}

@media (min-width:62em) {
    .box .altBg .altBg,
    .box .spaced.altBg,
    .boxToBottom .altBg,
    .boxToTop .altBg,
    .boxWide .altBg,
    .boxWide.spaced,
    .hollowBox .altBg .altBg,
    .hollowBox .spaced.altBg,
    .scheduleCalendar[data-pick=week] .altBg,
    .spaced.boxToBottom,
    .spaced.boxToTop,
    .spaced.scheduleCalendar[data-pick=week] {
        padding: 30px!important
    }
}

.boxToTop {
    overflow: hidden
}

@media (max-width:61.99em) {
    .boxToTop {
        margin-top: -20px!important;
        border-radius: 3px 3px 0 0
    }
}

@media (min-width:62em) {
    .boxToTop {
        margin-top: -30px!important;
        border-radius: 6px 6px 0 0
    }
}

.boxToBottom {
    overflow: hidden
}

@media (max-width:61.99em) {
    .boxToBottom {
        margin-bottom: -20px!important;
        border-radius: 0 0 3px 3px
    }
}

@media (min-width:62em) {
    .boxToBottom {
        margin-bottom: -30px!important;
        border-radius: 0 0 6px 6px
    }
}

.box:not(.hollowBox),
.hollowBox:not(.hollowBox) {
    background-color: #eceaea;
    color: #252628
}

@media (max-width:61.99em) {
    .box,
    .hollowBox {
        border-radius: 3px
    }
}

@media (min-width:62em) {
    .box,
    .hollowBox {
        border-radius: 6px
    }
}

@media (max-width:47.99em) {
    .box,
    .hollowBox {
        margin: 4px;
        padding: 20px;
        margin-top: 8px
    }
}

@media (min-width:48em) {
    .box,
    .hollowBox {
        margin: 4px;
        padding: 20px;
        margin-top: 8px
    }
}

@media (min-width:62em) {
    .box,
    .hollowBox {
        margin: 5px;
        padding: 30px;
        margin-top: 10px
    }
}

@media (min-width:75em) {
    .box,
    .hollowBox {
        margin: 6px;
        margin-top: 9pt
    }
}

.box.hollowBox,
.hollowBox.hollowBox {
    padding: 0
}

.box.hideOverflow,
.hollowBox.hideOverflow {
    overflow: hidden
}

.box .altBg:not(.hollowBox),
.hollowBox .altBg:not(.hollowBox) {
    background-color: #e0dddd
}

@media (max-width:61.99em) {
    .box .altBg,
    .hollowBox .altBg {
        padding: 20px;
        margin-top: 20px!important
    }
}

@media (min-width:62em) {
    .box .altBg,
    .hollowBox .altBg {
        padding: 30px;
        margin-top: 30px!important
    }
}

.box .altBg td,
.hollowBox .altBg td {
    border-top-color: #cdc7c7
}

.box .hollowBox>.altBg:first-child,
.box>.altBg:first-child,
.box>.boxToBottom:first-child,
.box>.boxToTop:first-child,
.box>.boxWide:first-child,
.box>.scheduleCalendar[data-pick=week]:first-child,
.hollowBox .box>.altBg:first-child,
.hollowBox>.altBg:first-child,
.hollowBox>.boxToBottom:first-child,
.hollowBox>.boxToTop:first-child,
.hollowBox>.boxWide:first-child,
.hollowBox>.scheduleCalendar[data-pick=week]:first-child {
    overflow: hidden
}

@media (max-width:61.99em) {
    .box .hollowBox>.altBg:first-child,
    .box>.altBg:first-child,
    .box>.boxToBottom:first-child,
    .box>.boxToTop:first-child,
    .box>.boxWide:first-child,
    .box>.scheduleCalendar[data-pick=week]:first-child,
    .hollowBox .box>.altBg:first-child,
    .hollowBox>.altBg:first-child,
    .hollowBox>.boxToBottom:first-child,
    .hollowBox>.boxToTop:first-child,
    .hollowBox>.boxWide:first-child,
    .hollowBox>.scheduleCalendar[data-pick=week]:first-child {
        margin-top: -20px!important;
        border-radius: 3px 3px 0 0
    }
}

@media (min-width:62em) {
    .box .hollowBox>.altBg:first-child,
    .box>.altBg:first-child,
    .box>.boxToBottom:first-child,
    .box>.boxToTop:first-child,
    .box>.boxWide:first-child,
    .box>.scheduleCalendar[data-pick=week]:first-child,
    .hollowBox .box>.altBg:first-child,
    .hollowBox>.altBg:first-child,
    .hollowBox>.boxToBottom:first-child,
    .hollowBox>.boxToTop:first-child,
    .hollowBox>.boxWide:first-child,
    .hollowBox>.scheduleCalendar[data-pick=week]:first-child {
        margin-top: -30px!important;
        border-radius: 6px 6px 0 0
    }
}

@media (max-width:61.99em) {
    .box .hollowBox>.altBg:last-child,
    .box>.altBg:last-child,
    .box>.boxToBottom:last-child,
    .box>.boxToTop:last-child,
    .box>.boxWide:last-child,
    .box>.scheduleCalendar[data-pick=week]:last-child,
    .hollowBox .box>.altBg:last-child,
    .hollowBox>.altBg:last-child,
    .hollowBox>.boxToBottom:last-child,
    .hollowBox>.boxToTop:last-child,
    .hollowBox>.boxWide:last-child,
    .hollowBox>.scheduleCalendar[data-pick=week]:last-child {
        margin-bottom: -20px!important;
        border-radius: 0 0 3px 3px
    }
}

@media (min-width:62em) {
    .box .hollowBox>.altBg:last-child,
    .box>.altBg:last-child,
    .box>.boxToBottom:last-child,
    .box>.boxToTop:last-child,
    .box>.boxWide:last-child,
    .box>.scheduleCalendar[data-pick=week]:last-child,
    .hollowBox .box>.altBg:last-child,
    .hollowBox>.altBg:last-child,
    .hollowBox>.boxToBottom:last-child,
    .hollowBox>.boxToTop:last-child,
    .hollowBox>.boxWide:last-child,
    .hollowBox>.scheduleCalendar[data-pick=week]:last-child {
        margin-bottom: -30px!important;
        border-radius: 0 0 6px 6px
    }
}

.box .box,
.hollowBox .box {
    margin: 0!important;
    padding: 0!important;
    border-radius: 0;
    background-color: transparent!important
}

.box .box.w2x,
.hollowBox .box.w2x {
    width: 48.5%;
    margin: .546%!important
}

.box .box.h2x,
.box .box.h4x,
.hollowBox .box.h2x,
.hollowBox .box.h4x {
    height: auto!important
}

.box a,
.hollowBox a {
    color: #ad1f1a
}

.box a:hover,
.hollowBox a:hover {
    color: #d92721;
    border-bottom-color: rgba(217, 39, 33, .5)
}

.box>.subtitle:first-child,
.box>.textContent:first-child .subtitle,
.box>.textContent:first-child .title,
.box>.title:first-child,
.box>:first-child>.subtitle:first-child,
.box>:first-child>.textContent:first-child .subtitle,
.box>:first-child>.textContent:first-child .title,
.box>:first-child>.title:first-child,
.box>:first-child>:first-child>.subtitle:first-child,
.box>:first-child>:first-child>.textContent:first-child .subtitle,
.box>:first-child>:first-child>.textContent:first-child .title,
.box>:first-child>:first-child>.title:first-child,
.box>:first-child>:first-child>h1:first-child,
.box>:first-child>:first-child>h2:first-child,
.box>:first-child>:first-child>h3:first-child,
.box>:first-child>h1:first-child,
.box>:first-child>h2:first-child,
.box>:first-child>h3:first-child,
.box>h1:first-child,
.box>h2:first-child,
.box>h3:first-child,
.hollowBox>.subtitle:first-child,
.hollowBox>.textContent:first-child .subtitle,
.hollowBox>.textContent:first-child .title,
.hollowBox>.title:first-child,
.hollowBox>:first-child>.subtitle:first-child,
.hollowBox>:first-child>.textContent:first-child .subtitle,
.hollowBox>:first-child>.textContent:first-child .title,
.hollowBox>:first-child>.title:first-child,
.hollowBox>:first-child>:first-child>.subtitle:first-child,
.hollowBox>:first-child>:first-child>.textContent:first-child .subtitle,
.hollowBox>:first-child>:first-child>.textContent:first-child .title,
.hollowBox>:first-child>:first-child>.title:first-child,
.hollowBox>:first-child>:first-child>h1:first-child,
.hollowBox>:first-child>:first-child>h2:first-child,
.hollowBox>:first-child>:first-child>h3:first-child,
.hollowBox>:first-child>h1:first-child,
.hollowBox>:first-child>h2:first-child,
.hollowBox>:first-child>h3:first-child,
.hollowBox>h1:first-child,
.hollowBox>h2:first-child,
.hollowBox>h3:first-child {
    margin-top: 0!important
}

.textContent>:last-child {
    margin-bottom: 0
}

.textContent>.subtitle,
.textContent>h4 {
    text-transform: uppercase;
    line-height: 1.1em;
    margin: 1.6em 0 .5em!important
}

.textContent>.subtitle,
.textContent>.subtitle a,
.textContent>h4,
.textContent>h4 a {
    color: rgb(140,108,216);
    font-size: 1em
}

.item .textContent>.subtitle,
.item .textContent>h4,
.list.horizontal .textContent>.subtitle,
.list.horizontal .textContent>h4 {
    margin: 0 0 .5em!important;
    font-size: .9em
}

.textContent>.title,
.textContent>h2 {
    font-weight: 600;
    margin: .2em 0 .5em!important;
    line-height: 1.1em
}

@media (max-width:61.99em) {
    .textContent>.title,
    .textContent>h2 {
        font-size: 1.4em
    }
}

@media (min-width:62em) {
    .textContent>.title,
    .textContent>h2 {
        font-size: 1.6em
    }
}

.textContent>.title a,
.textContent>h2 a {
    color: #252628
}

.textContent p {
    height: inherit;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.textContent p a:not(.btn):not(.cc_container .cc_btn):not(.cc_container .cc_btn:visited) {
    font-weight: 600;
    text-decoration: underline
}

.textDissolver {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50px;
    z-index: 3;
    overflow: hidden;
    /*background-image: url(img/textDissolver@2x.png);*/
    background-repeat: repeat-x;
    background-size: 1px 50px
}

@media (max-width:61.99em) {
    .textDissolver {
        border-radius: 3px
    }
}

@media (min-width:62em) {
    .textDissolver {
        border-radius: 6px
    }
}

@media (max-width:61.99em) {
    .itemActions+.textDissolver {
        bottom: 45px
    }
}

@media (min-width:62em) {
    .itemActions+.textDissolver {
        bottom: 65px
    }
}

.box .box .textDissolver {
    display: none
}

.deviceBox,
.socialBox {
    display: inline-block!important;
    position: relative;
    text-align: center;
    background-color: rgba(37, 38, 40, .9)
}

@media (max-width:61.99em) {
    .deviceBox,
    .socialBox {
        border-radius: 3px
    }
}

@media (min-width:62em) {
    .deviceBox,
    .socialBox {
        border-radius: 6px
    }
}

.deviceBox:hover,
.socialBox:hover {
    text-decoration: none
}

.deviceBox>span,
.socialBox>span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.deviceBox i,
.socialBox i {
    color: #fff
}

.deviceBox .deviceBox i,
.deviceBox .socialBox i {
    color: #c5c6c8
}

@media (max-width:61.99em) {
    .deviceBox i,
    .socialBox i {
        font-size: 2.6em
    }
}

@media (min-width:62em) {
    .deviceBox i,
    .socialBox i {
        font-size: 3em
    }
}

.deviceBox i>span,
.socialBox i>span {
    font-family: Open Sans, arial, sans-serif;
    display: block;
    width: 100%;
    margin-top: .3em;
    text-align: center;
    font-size: .3em
}

.socialBox#facebookBox {
    background-color: #3b5998
}

.socialBox#twitterBox {
    background-color: #55acee
}

.socialBox#rssBox {
    background-color: #e35014
}

.socialBox#youtubeBox {
    background-color: #cd201f
}

.play {
    position: relative;
    display: block
}

.play .playIcon {
    position: absolute;
    text-align: center;
    display: block;
    line-height: 1em;
    width: 1em;
    height: 1em;
    color: rgba(205, 32, 31, .86);
    margin: 0!important;
    padding: 0!important
}

@media (max-width:47.99em) {
    .play .playIcon {
        right: .2em;
        bottom: .2em
    }
}

@media (min-width:48em) {
    .play .playIcon {
        right: .15em;
        bottom: -.4em
    }
}

@media (max-width:61.99em) {
    .list .play .playIcon {
        font-size: 3em
    }
}

@media (min-width:62em) {
    .play .playIcon {
        font-size: 70px
    }
}

.play .playIcon:before {
    background-color: #eee7e7;
    display: block;
    position: absolute;
    border-radius: 50%;
    height: 1em;
    width: 1em
}

.button-group {
    margin: 1.5em 0
}

.nav {
    position: relative;
    width: 90%!important;
    margin: 20px auto 0!important
}

@media (max-width:47.99em) {
    .nav.nav-tabs.nav-justified li:not(.selected):not(.prev):not(.next) {
        display: none
    }
}

@media (min-width:48em) {
    .nav.nav-tabs.nav-justified li>a,
    .nav.nav-tabs.nav-justified li>span {
        border: none;
        border-bottom: 3px solid transparent
    }
    .nav.nav-tabs.nav-justified li>a:hover,
    .nav.nav-tabs.nav-justified li>span:hover {
        border-bottom-color: rgba(37, 38, 40, .5)
    }
    .nav.nav-tabs.nav-justified li>a:hover {
        border-bottom-color: rgba(173, 31, 26, .6)
    }
    .nav.nav-tabs.nav-justified li.current>a,
    .nav.nav-tabs.nav-justified li.current>span,
    .nav.nav-tabs.nav-justified li.today>a,
    .nav.nav-tabs.nav-justified li.today>span {
        border-bottom-color: #252628
    }
    .nav.nav-tabs.nav-justified li.selected>a,
    .nav.nav-tabs.nav-justified li.selected>span {
        border-bottom-color: #ad1f1a
    }
}

.nav .next,
.nav .prev {
    position: absolute;
    top: 0!important;
    left: -50px!important
}

.nav .next,
.nav .next a,
.nav .next a:before,
.nav .prev,
.nav .prev a,
.nav .prev a:before {
    display: block;
    margin: 0;
    padding: 0;
    width: 50px!important;
    height: 50px!important;
    font-size: 50px;
    line-height: 50px
}

.nav .next a:hover,
.nav .next:hover,
.nav .prev a:hover,
.nav .prev:hover {
    border: none!important
}

@media (max-width:61.99em) {
    .nav .next.far,
    .nav .prev.far {
        display: none
    }
}

@media (min-width:62em) {
    .nav .next.closest,
    .nav .prev.closest {
        display: none
    }
}

.nav .next span,
.nav .prev span {
    display: none
}

.nav .next {
    left: auto!important;
    right: -50px!important
}

.first>a:after,
.first>a:before,
.last>a:after,
.last>a:before,
.next>a:after,
.next>a:before,
.prev>a:after,
.prev>a:before {
    font-family: FontAwesome;
    line-height: .9em
}

.prev>a:before {
    content: '\f104'
}

.next>a:after {
    content: '\f105'
}

.first>a:before {
    content: '\f100'
}

.last>a:after {
    content: '\f101'
}

.first>a:before,
.prev>a:before {
    margin-right: .5em
}

.last>a:after,
.next>a:after {
    margin-left: .5em
}

.clearInput {
    position: relative
}

.clearInput.enabled:before {
    content: '\f057';
    font-family: FontAwesome;
    color: #c5c6c8;
    font-size: 20px;
    position: absolute;
    display: block!important;
    right: 10px;
    top: 3px
}

.panel {
    overflow: hidden;
    max-height: 999px;
    opacity: 1;
    transition: max-height .5s ease-in, opacity .5s ease-in
}

.panel,
.panel.collapsed {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.panel.collapsed {
    opacity: 0;
    max-height: 0!important;
    transition: max-height .5s ease-out, opacity .5s ease-out
}

.box .panel.altBg,
.hollowBox .panel.altBg,
.panel.boxToBottom,
.panel.boxToTop,
.panel.boxWide,
.panel.scheduleCalendar[data-pick=week] {
    margin-top: 5px!important
}

.filterPanel h4:first-child {
    margin-top: 0!important
}

.filterPanel h4:not(:first-child) {
    border: 0 solid #c5c6c8;
    border-top-width: 1px;
    padding-top: 10px!important
}

.centered {
    display: block;
    position: relative;
    top: 50%;
    font-size: 50px;
    color: #fff;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn .fa+*,
.cc_container .cc_btn .fa+* {
    margin-left: .8em
}

.btn:after,
.btn:before,
.cc_container .cc_btn:after,
.cc_container .cc_btn:before,
.cc_container .cc_btn:visited:after,
.cc_container .cc_btn:visited:before {
    font-family: FontAwesome;
    font-weight: 400
}

.cc_container .leftToRight .cc_btn:before,
.cc_container .rightToLeft .cc_btn:after,
.leftToRight .btn:before,
.leftToRight .cc_container .cc_btn:before,
.rightToLeft .btn:after,
.rightToLeft .cc_container .cc_btn:after {
    margin-right: .8em;
    display: inline
}

.cc_container .leftToRight .cc_btn:after,
.cc_container .rightToLeft .cc_btn:before,
.leftToRight .btn:after,
.leftToRight .cc_container .cc_btn:after,
.rightToLeft .btn:before,
.rightToLeft .cc_container .cc_btn:before {
    content: 'demo';
    display: none
}

.btn.btn-share:after,
.btn.btn-share:before,
.cc_container .btn-share.cc_btn:after,
.cc_container .btn-share.cc_btn:before {
    content: '\f1e0'
}

.btn.btn-external:after,
.btn.btn-external:before,
.cc_container .btn-external.cc_btn:after,
.cc_container .btn-external.cc_btn:before {
    content: '\f08e'
}

.btn.btn-likes:after,
.btn.btn-likes:before,
.cc_container .btn-likes.cc_btn:after,
.cc_container .btn-likes.cc_btn:before {
    content: '\f08a'
}

.btn.btn-likes.liked:before .btn.btn-likes.liked:after,
.btn.btn-likes.liked:before .cc_container .btn-likes.liked.cc_btn:after,
.cc_container .btn-likes.liked.cc_btn:before .btn-likes.liked.cc_btn:after,
.cc_container .btn-likes.liked.cc_btn:before .btn.btn-likes.liked:after,
.cc_container .btn.btn-likes.liked:before .btn-likes.liked.cc_btn:after {
    content: '\f004'
}

.list {
    width: 100%
}

.item {
    position: relative;
    padding: 0!important;
    -webkit-transform: translateZ(0px)
}

.item.box {
    overflow: hidden
}

.item.box .itemActions {
    z-index: 5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eceaea
}

.list .item {
    display: block;
    vertical-align: top
}

@media (min-width:48em) {
    .list .item {
        display: inline-block
    }
}

.list.horizontal .item {
    padding: 20px 0;
    display: block!important
}

.list.horizontal .item:not(:first-child) {
    border-top: 1px solid #d2d3d4
}

.box .list.horizontal.altBg .item:not(.collapsed),
.hollowBox .list.horizontal.altBg .item:not(.collapsed),
.list.horizontal.boxToBottom .item:not(.collapsed),
.list.horizontal.boxToTop .item:not(.collapsed),
.list.horizontal.boxWide .item:not(.collapsed),
.list.horizontal.scheduleCalendar[data-pick=week] .item:not(.collapsed) {
    padding: 20px!important
}

.box .list:not(.horizontal):not(.items) .item {
    margin: 0 0 1em;
    width: 100%
}

.box .list:not(.horizontal):not(.items) .item .textContent {
    padding: 1em 0
}

@media (max-width:61.99em) {
    .box .altBg .item,
    .boxToBottom .item,
    .boxToTop .item,
    .boxWide .item,
    .hollowBox .altBg .item,
    .scheduleCalendar[data-pick=week] .item {
        padding: 20px!important
    }
}

@media (min-width:62em) {
    .box .altBg .item,
    .boxToBottom .item,
    .boxToTop .item,
    .boxWide .item,
    .hollowBox .altBg .item,
    .scheduleCalendar[data-pick=week] .item {
        padding: 30px!important
    }
}

.item p a:not(.btn):not(.cc_container .cc_btn):not(.cc_container .cc_btn:visited) {
    color: #ad1f1a!important
}

.item p a:not(.btn):not(.cc_container .cc_btn):not(.cc_container .cc_btn:visited):hover {
    color: #d92721!important;
    border-bottom-color: rgba(217, 39, 33, .5)
}

@media (max-width:47.99em) {
    .item .textDissolver {
        display: none
    }
}

.item .header {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    padding: 20px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    background-color: #eee7e7;
    text-align: right
}

.item .header .title {
    font-weight: 600
}

.item .header .title small {
    color: #57585a;
    padding-bottom: 6px;
    font-size: 13px
}

@media (min-width:30em) and (max-width:47.99em) {
    .item .image {
        width: 33%;
        float: left;
        padding-top: 0;
        margin: 0
    }
    .list.horizontal .item .image {
        width: 90%
    }
    .list:not(.horizontal) .item .image {
        margin: 1em
    }
    .item .image a,
    .item .image figure,
    .item .image img {
        position: relative;
        top: auto
    }
}

@media (min-width:48em) {
    .item .image {
        max-width: 100%
    }
}

.list.horizontal .item .image {
    margin: 0 1em 1em 0
}

.list:not(.horizontal) .item .image .imageWrap {
    display: inline-block;
    height: 100%;
    width: 100%;
    vertical-align: middle
}

@media (min-width:48em) {
    .list:not(.horizontal) .item .image .imageWrap {
        overflow: hidden;
        min-height: 134px;
        max-height: 134px
    }
}

@media (min-width:62em) {
    .list:not(.horizontal) .item .image .imageWrap {
        min-height: 174px;
        max-height: 174px
    }
}

@media (min-width:75em) {
    .list:not(.horizontal) .item .image .imageWrap {
        min-height: 211px;
        max-height: 211px
    }
}

aside .list:not(.horizontal) .item .image {
    min-height: initial!important;
    max-height: initial
}

.item .content {
    padding: 0
}

@media (max-width:47.99em) {
    .item .imageContent+.textContent .subtitle {
        margin-top: 9pt
    }
}

@media (max-width:47.99em) {
    .item .itemActions,
    .item .textContent {
        padding: 1em
    }
}

@media (min-width:48em) {
    .item .itemActions,
    .item .textContent {
        padding: 1.2em
    }
}

@media (min-width:62em) {
    .item .itemActions,
    .item .textContent {
        padding: 2em
    }
}

@media (min-width:30em) and (max-width:47.99em) {
    .list:not(.horizontal) .item .itemActions,
    .list:not(.horizontal) .item .textContent {
        margin-left: 35%
    }
    .item .itemActions.itemActions,
    .item .textContent.itemActions {
        position: relative
    }
}

.list.horizontal .item .itemActions,
.list.horizontal .item .textContent {
    padding: 0!important
}

.item .itemActions.itemActions,
.item .textContent.itemActions {
    padding-top: .5em
}

.box .item .itemActions,
.box .item .textContent {
    padding: .8em 0 1.6em
}

.box .item .itemActions .title,
.box .item .textContent .title {
    font-size: 1.2em
}

.box .item .itemActions .subtitle,
.box .item .textContent .subtitle {
    font-size: .8em
}

@media (min-width:30em) and (max-width:47.99em) {
    .item .textContent.plusActions {
        margin-bottom: 0
    }
}

@media (min-width:48em) {
    .item .textContent.plusActions {
        margin-bottom: 45px
    }
}

@media (min-width:62em) {
    .item .textContent.plusActions {
        margin-bottom: 65px
    }
}

.item.current>.title a,
.item.current>h2 a {
    color: #fff!important
}

@media (max-width:47.99em) {
    .xs {
        margin: 3px;
        width: 90px;
        height: 90px
    }
}

@media (min-width:48em) {
    .xs {
        margin: 4px;
        width: 113px;
        height: 113px
    }
}

@media (min-width:62em) {
    .xs {
        margin: 5px;
        width: 147px;
        height: 147px
    }
}

@media (min-width:75em) {
    .xs {
        margin: 6px;
        width: 179px;
        height: 179px
    }
}

@media (max-width:47.99em) {
    .w2x {
        width: auto
    }
}

@media (min-width:48em) {
    .w2x {
        width: 239px
    }
}

@media (min-width:62em) {
    .w2x {
        width: 310px
    }
}

@media (min-width:75em) {
    .w2x {
        width: 360px
    }
}

@media (min-width:48em) {
    .h2x {
        height: 350px
    }
}

@media (min-width:62em) {
    .h2x {
        height: 400px
    }
}

.w4x {
    width: 100%
}

@media (min-width:48em) {
    .w4x {
        width: 490px
    }
}

@media (min-width:62em) {
    .w4x {
        width: 950px
    }
}

@media (min-width:75em) {
    .w4x {
        width: 756px
    }
}

.w6x {
    width: 100%
}

.subtitle {
    color: #ad1f1a;
    font-size: 1.2em
}

.articleInfo {
    margin: 25px 0!important;
    color: #646567
}

.text li,
.text p {
    font-size: 1pc;
    line-height: 23px
}

.text ol,
.text ul:not(.dropdown-menu) {
    margin: 20px 20px 20px 30px;
    padding: 0
}

.text ol li,
.text ul:not(.dropdown-menu) li {
    margin: 3px 0;
    padding: 2px
}

.text ol li>ol,
.text ol li>ul,
.text ul:not(.dropdown-menu) li>ol,
.text ul:not(.dropdown-menu) li>ul {
    margin: 8px 8px 5px 1pc
}

.text p {
    margin-top: 8px
}

form .form-control:focus {
    border-color: rgba(173, 31, 26, .6);
    outline: 0;
    -o-box-shadow: inset 0 1px 1px hsla(0, 0%, 4%, .2), 0 0 5px rgba(173, 31, 26, .3);
    box-shadow: inset 0 1px 1px hsla(0, 0%, 4%, .2), 0 0 5px rgba(173, 31, 26, .3)
}

@media (min-width:48em) {
    form div:not(.row):not(: last-child) {
        padding-right: 1em!important
    }
}

form label,
form legend {
    font-size: 14px;
    font-weight: 600;
    border: none
}

form label .formError,
form label .formHelp,
form legend .formError,
form legend .formHelp {
    font-weight: 300;
    font-size: 13px!important;
    color: #57585a
}

form input[type=submit] {
    color: #edeef0!important;
    background-color: #ad1f1a!important;
    border-color: transparent!important
}

form input[type=submit]:hover {
    background-color: #d92721!important;
    border-color: #ad1f1a!important;
    color: #edeef0!important
}

.file .badge {
    background-color: transparent!important;
    color: #57585a;
    font-weight: 300
}

.file .badge,
.file .filename {
    font-size: 1em
}

aside .file .filename {
    width: 70%
}

.file .description {
    display: block;
    padding-left: 2em;
    font-size: .9em
}

aside .file .description {
    display: none
}

.file .filesize {
    padding-right: 8px!important;
    text-align: right
}

aside .file .filesize {
    padding-top: .4em!important;
    width: 30%;
    font-size: .8em
}

.file-ext:before {
    content: '\f016'
}

.file-ext-3gp:before,
.file-ext-avi:before,
.file-ext-fla:before,
.file-ext-mkv:before,
.file-ext-mov:before,
.file-ext-mp4:before,
.file-ext-mpeg:before,
.file-ext-mpg:before,
.file-ext-ogg:before,
.file-ext-ogv:before,
.file-ext-rm:before,
.file-ext-rmvb:before,
.file-ext-webm:before,
.file-ext-wmv:before {
    content: '\f1c8'
}

.file-ext-ai:before,
.file-ext-bmp:before,
.file-ext-gif:before,
.file-ext-ico:before,
.file-ext-jpg:before,
.file-ext-png:before,
.file-ext-tga:before,
.file-ext-tif:before {
    content: '\f1c5'
}

.file-ext-eps:before,
.file-ext-pdf:before,
.file-ext-ps:before {
    content: '\f1c1'
}

.file-ext-doc:before,
.file-ext-docx:before,
.file-ext-odt:before,
.file-ext-pages:before {
    content: '\f1c2'
}

.file-ext-rtf:before,
.file-ext-txt:before {
    content: '\f0f6'
}

.file-ext-numbers:before,
.file-ext-ods:before,
.file-ext-xls:before,
.file-ext-xlsx:before,
.file-ext-xlt:before,
.file-ext-xltx:before {
    content: '\f1c3'
}

.file-ext-keywords:before,
.file-ext-odp:before,
.file-ext-ppt:before,
.file-ext-pptx:before {
    content: '\f1c4'
}

.file-ext-azw:before,
.file-ext-chm:before,
.file-ext-djvu:before,
.file-ext-epub:before,
.file-ext-ibooks:before,
.file-ext-lit:before,
.file-ext-mobi:before,
.file-ext-pub:before {
    content: '\f02d'
}

.file-ext-7z:before,
.file-ext-ace:before,
.file-ext-bz2:before,
.file-ext-cab:before,
.file-ext-gz:before,
.file-ext-iso:before,
.file-ext-rar:before,
.file-ext-tar:before,
.file-ext-zip:before {
    content: '\f1c6'
}

.file-ext-mp3:before,
.file-ext-waw:before {
    content: '\f1c7'
}

.file-ext-deb:before,
.file-ext-dmg:before,
.file-ext-exe:before,
.file-ext-msi:before,
.file-ext-pkg:before {
    content: '\f0a0'
}

@media screen {
    .cc_container .tx-solr .filters>.cc_btn,
    .tx-solr .cc_container .filters>.cc_btn,
    .tx-solr .filters>.btn {
        padding-left: 0
    }
    .tx-solr .airTime {
        font-style: italic
    }
    #header .tx-solr {
        padding: 0;
        display: inline-block;
        line-height: 30px
    }
    #header.shrink .searchForm {
        margin-top: 0
    }
    #header .searchForm {
        margin-top: 5px;
        padding-right: 50px
    }
    #header .searchForm .form-group {
        display: inline-block;
        width: 0;
        margin: 0;
        margin-top: 15px;
        padding-right: .2em!important;
        float: left;
        overflow: hidden
    }
}

@media screen and (min-width:48em) {
    #header .searchForm .form-group {
        margin-top: 0;
        margin-left: 10px;
        transition: width .5s ease, margin .5s ease;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
}

@media screen {
    #header .searchForm input[type=text] {
        float: right;
        margin: 0;
        padding: 6px 15px;
        border: none;
        border-radius: 3px;
        opacity: 0;
        transition: opacity .5s ease;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
}

@media screen and (min-width:48em) {
    #header .searchForm input[type=text] {
        width: 100%
    }
}

@media screen {
    #header .searchForm [type=submit] {
        position: absolute;
        right: 15px;
        background-color: transparent;
        border: none;
        padding: 0;
        font-size: 30px;
        line-height: 1em;
        width: 1em;
        color: #c5c6c8
    }
}

@media screen and (max-width:47.99em) {
    #header .searchForm [type=submit] {
        top: 15px;
        right: 15px
    }
}

@media screen {
    .no-touch #header .searchForm [type=submit]:focus,
    .no-touch #header .searchForm [type=submit]:hover {
        color: rgb(80,162,244)!important;
        text-decoration: none
    }
    .leftToRight #header .searchForm [type=submit]:before,
    .rightToLeft #header .searchForm [type=submit]:after {
        font-family: FontAwesome;
        content: '\f002'
    }
    #header .searchForm .clearInput,
    #header .searchForm .dropdown,
    #header .searchForm [type=submit] span {
        display: none
    }
    #header .searchForm .dropdown {
        clear: both
    }
}

@media screen and (max-width:47.99em) {
    #header.openSearch .tx-solr {
        width: 100%
    }
}

@media screen {
    #header.openSearch #headerSearch {
        z-index: 12
    }
    #header.openSearch #headerSearch .clearInput,
    #header.openSearch #headerSearch .dropdown {
        display: block
    }
    #header.openSearch #headerSearch .form-group {
        overflow: visible!important;
        margin-right: 5px
    }
}

@media screen and (max-width:47.99em) {
    #header.openSearch #headerSearch .form-group {
        position: absolute;
        left: 10px;
        right: 50px;
        top: 0;
        width: auto
    }
}

@media screen and (min-width:48em) {
    #header.openSearch #headerSearch .form-group {
        width: 300px
    }
}

@media screen {
    #header.openSearch #headerSearch input[type=text] {
        width: 100%;
        opacity: 1;
        z-index: 8
    }
    .channelsList .region {
        margin: 0 30px 10px 0
    }
    .channelsList .region h4,
    .channelsList .region h5 {
        color: #c5c6c8;
        text-transform: uppercase;
        font-weight: 600
    }
    .channelsList .region h4 {
        font-size: .9em
    }
    .channelsList .region h5 {
        font-size: .7em
    }
    .channelsList .channel {
        margin: 3px 0
    }
}

@media screen and (min-width:48em) {
    .channelsList .channel a,
    .channelsList .channel small,
    .channelsList .channel span,
    .channelsList .channel strong,
    .channelsList .channel:hover a,
    .channelsList .channel:hover a span {
        display: block;
        font-size: 14px;
        color: #fff
    }
}

@media screen {
    .channelsList .channel a {
        color: #fff;
        font-size: 9pt
    }
}

@media screen and (min-width:48em) {
    .channelsList .channel a {
        color: hsla(0, 0%, 100%, .75)
    }
    .channelsList .channel a:hover {
        text-decoration: none;
        color: #fff
    }
}

@media screen {
    .channelsList .channel .hover,
    .channelsList .channel:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }
}

@media screen and (min-width:48em) {
    .channelsList .channel .hover,
    .channelsList .channel:hover {
        background-color: transparent
    }
}

@media screen {
    .channelsList .channel .hover a,
    .channelsList .channel .hover a>span,
    .channelsList .channel:hover a,
    .channelsList .channel:hover a>span {
        color: #ffc500
    }
    .channelsList .channel small {
        color: gray;
        float: right;
        margin-left: 8px
    }
}

@media screen and (min-width:48em) {
    .channelsList .channel small {
        font-size: 9pt;
        float: none;
        margin-left: 0
    }
}

@media screen {
    .carousel.carousel-content,
    .carousel.carousel-content .item {
        height: auto!important
    }
    .carousel.carousel-content .slider {
        overflow: hidden
    }
}

@media screen and (max-width:61.99em) {
    .carousel.carousel-content .slider {
        width: 100%
    }
}

@media screen and (min-width:62em) {
    .carousel.carousel-content .slider {
        height: 348px!important
    }
}

@media screen and (min-width:75em) {
    .carousel.carousel-content .slider {
        height: 421px!important
    }
}

@media screen and (min-width:62em) {
    .carousel.carousel-content .background,
    .carousel.carousel-content .background>div,
    .carousel.carousel-content .sliderContent,
    .carousel.carousel-content .sliderImage {
        position: absolute;
        top: 0;
        bottom: 0
    }
}

@media screen {
    .carousel.carousel-content .sliderImage {
        left: 0
    }
}

@media screen and (min-width:20em) {
    .carousel.carousel-content .sliderImage {
        width: 100%
    }
}

@media screen and (min-width:62em) {
    .carousel.carousel-content .sliderImage {
        width: 65%
    }
}

@media screen {
    .carousel.carousel-content .sliderImage img {
        width: 100%;
        height: 100%
    }
    .carousel.carousel-content .background,
    .carousel.carousel-content .sliderContent {
        right: 0
    }
}

@media screen and (max-width:61.99em) {
    .carousel.carousel-content .background,
    .carousel.carousel-content .sliderContent {
        width: 100%
    }
}

@media screen and (min-width:62em) {
    .carousel.carousel-content .background,
    .carousel.carousel-content .sliderContent {
        width: 35%
    }
}

@media screen {
    .carousel.carousel-content .sliderContent {
        min-height: 250px
    }
}

@media screen and (max-width:61.99em) {
    .carousel.carousel-content .sliderContent {
        padding: 30px 40px
    }
}

@media screen and (min-width:20em) and (orientation:landscape) {
    .carousel.carousel-content .sliderContent {
        display: none
    }
}

@media screen and (min-width:62em) {
    .carousel.carousel-content .sliderContent {
        display: block;
        padding: 50px
    }
}

@media screen {
    .carousel.carousel-content .sliderContent .textContent {
        padding: 0;
        margin: 0!important
    }
    .carousel.carousel-content .sliderContent .button-group {
        position: absolute;
        bottom: 30px
    }
}

@media screen and (max-width:74.99em) {
    .carousel.carousel-content .nextOnTv {
        display: none
    }
}

@media screen and (min-width:75em) {
    .carousel.carousel-content .nextOnTv {
        display: block
    }
}

@media screen {
    .carousel.carousel-content .background {
        overflow: hidden;
        display: block
    }
    .carousel.carousel-content .background>div {
        opacity: .5;
        background-position: 20% 50%;
        background-size: 300%;
        filter: url(img/blur.svg#blur25);
        -webkit-filter: blur(25px);
        -o-filter: blur(25px);
        -ms-filter: blur(25px);
        filter: blur(25px);
        filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=25)
    }
}

@media screen and (min-width:62em) {
    .carousel.carousel-content .background>div {
        width: 100%
    }
}

@media screen {
    #worldMap {
        padding-top: 20px
    }
}

@media screen and (max-width:47.99em) {
    #worldMap {
        display: none
    }
}

@media screen {
    #worldMap .controls {
        margin-bottom: 20px
    }
}

@media screen and (min-width:48em) {
    #worldMap .container {
        position: relative;
        color: #fff;
        width: 750px
    }
}

@media screen {
    #worldMap .first-header,
    #worldMap .title {
        font-size: 15px;
        font-weight: 600;
        color: #ffc500
    }
}

@media screen and (min-width:48em) {
    #worldMapChannels,
    #worldMapTimezones {
        padding-top: 363px!important;
        background-position: top center;
        background-repeat: no-repeat;
        background-image: url(img/worldMap@2x.png);
        background-size: 750px 363px
    }
    #worldMapChannels {
        height: 363px
    }
}

@media screen and (min-width:48em) {
    #worldMapChannels .dot {
        display: block;
        position: absolute
    }
    #worldMapChannels .dot:before {
        content: "\f041";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        color: #fff;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 1.2em;
        color: hsla(220, 9%, 94%, .7)
    }
    #worldMapChannels .channel:hover .dot:before {
        color: #ffc500
    }
    #worldMapChannels .channel.sa-es .dot {
        top: 75%;
        left: 30%
    }
    .rightToLeft #worldMapChannels .channel.sa-es .dot {
        right: 30%;
        left: auto
    }
    #worldMapChannels .channel.sa-pt .dot {
        top: 65%;
        left: 32%
    }
    .rightToLeft #worldMapChannels .channel.sa-pt .dot {
        right: 32%;
        left: auto
    }
    #worldMapChannels .channel.na-es .dot {
        top: 29%;
        left: 22%
    }
    .rightToLeft #worldMapChannels .channel.na-es .dot {
        right: 22%;
        left: auto
    }
    #worldMapChannels .channel.na-en .dot {
        top: 29%;
        left: 20%
    }
    .rightToLeft #worldMapChannels .channel.na-en .dot {
        right: 20%;
        left: auto
    }
    #worldMapChannels .channel.na-sl .dot {
        top: 29%;
        left: 25%
    }
    .rightToLeft #worldMapChannels .channel.na-sl .dot {
        right: 25%;
        left: auto
    }
    #worldMapChannels .channel.eu-en .dot {
        top: 17.5%;
        left: 46.5%
    }
    .rightToLeft #worldMapChannels .channel.eu-en .dot {
        right: 45.5%;
        left: auto
    }
    #worldMapChannels .channel.eu-fr .dot {
        top: 21.5%;
        left: 47.1%
    }
    .rightToLeft #worldMapChannels .channel.eu-fr .dot {
        right: 47.1%;
        left: auto
    }
    #worldMapChannels .channel.eu-de .dot {
        top: 20%;
        left: 49.5%
    }
    .rightToLeft #worldMapChannels .channel.eu-de .dot {
        right: 49.5%;
        left: auto
    }
    #worldMapChannels .channel.eu-dk .dot {
        top: 15.8%;
        left: 49.5%
    }
    .rightToLeft #worldMapChannels .channel.eu-dk .dot {
        right: 49.5%;
        left: auto
    }
    #worldMapChannels .channel.eu-it .dot {
        top: 25%;
        left: 51%
    }
    .rightToLeft #worldMapChannels .channel.eu-it .dot {
        right: 51%;
        left: auto
    }
    #worldMapChannels .channel.eu-cz .dot {
        top: 20%;
        left: 51%
    }
    .rightToLeft #worldMapChannels .channel.eu-cz .dot {
        right: 51%;
        left: auto
    }
    #worldMapChannels .channel.eu-no .dot {
        top: 11%;
        left: 48.5%
    }
    .rightToLeft #worldMapChannels .channel.eu-no .dot {
        right: 48.5%;
        left: auto
    }
    #worldMapChannels .channel.eu-ro .dot {
        top: 23%;
        left: 54%
    }
    .rightToLeft #worldMapChannels .channel.eu-ro .dot {
        right: 54%;
        left: auto
    }
    #worldMapChannels .channel.eu-pl .dot {
        top: 18%;
        left: 52%
    }
    .rightToLeft #worldMapChannels .channel.eu-pl .dot {
        right: 52%;
        left: auto
    }
    #worldMapChannels .channel.eu-ua .dot {
        top: 20%;
        left: 55%
    }
    .rightToLeft #worldMapChannels .channel.eu-ua .dot {
        right: 55%;
        left: auto
    }
    #worldMapChannels .channel.as-in .dot {
        top: 40%;
        left: 69%
    }
    .rightToLeft #worldMapChannels .channel.as-in .dot {
        right: 69%;
        left: auto
    }
    #worldMapChannels .channel.as-cn .dot {
        top: 32%;
        left: 78%
    }
    .rightToLeft #worldMapChannels .channel.as-cn .dot {
        right: 78%;
        left: auto
    }
    #worldMapChannels .channel.as-jp .dot {
        top: 28%;
        left: 85%
    }
    .rightToLeft #worldMapChannels .channel.as-jp .dot {
        right: 85%;
        left: auto
    }
    #worldMapChannels .channel.as-lb .dot {
        top: 29.7%;
        left: 56.8%
    }
    .rightToLeft #worldMapChannels .channel.as-lb .dot {
        right: 56.8%;
        left: auto
    }
    #worldMapChannels .channel.as-ph .dot {
        top: 43%;
        left: 80%
    }
    .rightToLeft #worldMapChannels .channel.as-ph .dot {
        right: 80%;
        left: auto
    }
    #worldMapChannels .channel.as-id .dot {
        top: 52%;
        left: 78%
    }
    .rightToLeft #worldMapChannels .channel.as-id .dot {
        right: 78%;
        left: auto
    }
    #worldMapChannels .channel.as-sg .dot {
        top: 48%;
        left: 75%
    }
    .rightToLeft #worldMapChannels .channel.as-sg .dot {
        right: 75%;
        left: auto
    }
    #worldMapChannels .channel.af-en .dot {
        top: 75%;
        left: 53%
    }
    .rightToLeft #worldMapChannels .channel.af-en .dot {
        right: 53%;
        left: auto
    }
    #worldMapChannels .channel.af-tz .dot {
        top: 59.5%;
        left: 56.5%
    }
    .rightToLeft #worldMapChannels .channel.af-tz .dot {
        right: 56%;
        left: auto
    }
    #worldMapChannels .channel.af-ke .dot {
        top: 55%;
        left: 57.2%
    }
    .rightToLeft #worldMapChannels .channel.af-ke .dot {
        right: 56.7%;
        left: auto
    }
}

@media screen and (max-width:47.99em) {
    #wrapper {
        position: relative;
        padding-left: 0;
        height: auto;
        overflow: hidden
    }
    #sidebar {
        position: fixed;
        top: 0;
        z-index: 6;
        width: 280px;
        height: 750pt;
        padding-top: 61px;
        margin-left: -280px;
        background: #252628;
        overflow-y: scroll;
        height: 100vh;
        transition: .3s ease-in
    }
    #sidebar,
    #wrapper.toggled #sidebar {
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
    #wrapper.toggled #sidebar {
        transition: .5s ease;
        -webkit-transform: translateX(280px);
        transform: translateX(280px)
    }
    #contentWrapper {
        opacity: 1;
        transition: .3s ease-in
    }
    #contentWrapper,
    #wrapper.toggled #contentWrapper {
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
    #wrapper.toggled #contentWrapper {
        opacity: .5;
        transition: .5s ease;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    #menuWrapper,
    .dl-trigger {
        z-index: 10
    }
    #menuWrapper #menu {
        display: block;
    }
    .dl-trigger {
        background-color: transparent;
        text-decoration: none!important;
        font-size: 28px;
        line-height: 1em;
        padding: 10px 9pt;
        position: absolute;
        left: 5px;
        top: 5px;
        cursor: pointer;
        outline: 0;
        border-radius: 3px;
        transition: color .3s ease;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
    .dl-trigger,
    .touch .dl-trigger:hover {
        color: #c5c6c8
    }
    .dl-trigger.dl-active,
    .no-touch .dl-trigger:hover,
    .touch .dl-trigger.dl-active:hover {
        color: #0093ff
    }
    .dl-trigger:before {
        font-family: FontAwesome;
        content: '\f0c9'
    }
    .dl-trigger span {
        display: none
    }
    .dl-menuwrapper {
        position: relative;
        z-index: 9;
        width: 100%;
        border-top: 1px solid #0093ff
    }
    .dl-menuwrapper ul {
        background: #252628;
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
    .dl-menuwrapper li {
        position: relative
    }
    .dl-menuwrapper li:hover {
        background: rgba(87, 88, 90, .5)
    }
    .dl-menuwrapper li.current .active,
    .dl-menuwrapper li.current>a,
    .dl-menuwrapper li.current>span {
        font-weight: 600;
        color: #0093ff
    }
    .dl-menuwrapper li>a,
    .dl-menuwrapper li>span {
        display: block;
        position: relative;
        padding: 15px 20px;
        font-size: 1pc;
        line-height: 20px;
        font-weight: 300;
        color: #edeef0;
        outline: 0
    }
    .dl-menuwrapper li>a:not(:only-child),
    .dl-menuwrapper li>span:not(:only-child) {
        text-decoration: none
    }
    .dl-menuwrapper li>a:not(.dl-expand),
    .dl-menuwrapper li>span:not(.dl-expand) {
        text-decoration: none;
        margin-right: 50px
    }
    .no-touch .dl-menuwrapper li>a:not(.dl-expand):focus,
    .no-touch .dl-menuwrapper li>a:not(.dl-expand):hover,
    .no-touch .dl-menuwrapper li>span:not(.dl-expand):focus,
    .no-touch .dl-menuwrapper li>span:not(.dl-expand):hover {
        text-decoration: underline
    }
    .dl-menuwrapper li.dl-back>a {
        margin-right: 0;
        padding-left: 30px;
        background: #1e1e20;
        color: #0093ff;
        font-weight: 600
    }
    .dl-menuwrapper li .dl-expand:after,
    .dl-menuwrapper li.dl-back:after {
        position: absolute;
        top: 0;
        color: #0093ff;
        content: "\f105";
        font-family: FontAwesome;
        font-size: 20px;
        line-height: 50px;
        speak: none;
        -webkit-font-smoothing: antialiased
    }
    .dl-menuwrapper li.dl-back:after {
        left: 20px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .dl-menuwrapper li .dl-expand {
        position: absolute;
        top: 0;
        right: 0
    }
    .dl-menuwrapper li .dl-expand:hover {
        background-color: #1e1e20!important
    }
    .dl-menuwrapper li>a:after {
        right: 18px;
        color: rgba(0, 0, 0, .15)
    }
    .dl-menuwrapper li .dl-parent {
        background-color: #e6b100
    }
    .dl-menuwrapper li .dl-parent a {
        color: #0a0a0a
    }
    .dl-menuwrapper li .dl-parent a:hover {
        background-color: #ffc500;
        color: #0a0a0a
    }
    .dl-menuwrapper li .dl-submenu {
        display: none
    }
    .dl-menuwrapper .dl-menu {
        position: relative;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-perspective: 750pt;
        perspective: 750pt;
        -webkit-perspective-origin: 50% 200%;
        perspective-origin: 50% 200%
    }
    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto
    }
    .dl-menuwrapper .dl-menu.dl-animate-out-2 {
        -webkit-animation: a .3s ease-in-out;
        animation: a .3s ease-in-out
    }
    .dl-menuwrapper .dl-menu.dl-animate-in-2 {
        -webkit-animation: b .3s ease-in-out;
        animation: b .3s ease-in-out
    }
    .dl-menuwrapper .dl-menu.dl-subview li,
    .dl-menuwrapper .dl-menu.dl-subview li.dl-subview>a,
    .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen>a,
    .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen>span {
        display: none
    }
    .dl-menuwrapper .dl-menu.dl-subview li.dl-subview,
    .dl-menuwrapper .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
    .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
        display: block
    }
    .dl-menuwrapper>.dl-submenu {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        margin: 0
    }
    .dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
        -webkit-animation: d .3s ease-in-out;
        animation: d .3s ease-in-out
    }
    .dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
        -webkit-animation: c .3s ease-in-out;
        animation: c .3s ease-in-out
    }
    @-webkit-keyframes a {
        to {
            -webkit-transform: translateX(-100%);
            opacity: 0
        }
    }
    @keyframes a {
        to {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 0
        }
    }
    @-webkit-keyframes b {
        0% {
            -webkit-transform: translateX(-100%);
            opacity: 0
        }
        to {
            -webkit-transform: translateX(0px);
            opacity: 1
        }
    }
    @keyframes b {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 0
        }
        to {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1
        }
    }
    @-webkit-keyframes c {
        0% {
            -webkit-transform: translateX(100%);
            opacity: 0
        }
        to {
            -webkit-transform: translateX(0px);
            opacity: 1
        }
    }
    @keyframes c {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 0
        }
        to {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1
        }
    }
    @-webkit-keyframes d {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1
        }
        to {
            -webkit-transform: translateX(100%);
            opacity: 0
        }
    }
    @keyframes d {
        0% {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
            opacity: 1
        }
        to {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 0
        }
    }
    .no-js .dl-menuwrapper .dl-menu {
        position: relative;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    .no-js .dl-menuwrapper li.dl-back {
        display: none
    }
    .no-js .dl-menuwrapper li .dl-submenu {
        display: block
    }
    .no-js .dl-menuwrapper li>a:not(:only-child) {
        background: rgba(0, 0, 0, .1)
    }
    .no-js .dl-menuwrapper li>a:not(:only-child):after {
        content: ''
    }
}

@media screen {
    #header {
        transition: background-color 1s linear;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
}

@media screen and (max-width:47.99em) {
    #header {
        background-color: rgba(37, 38, 40, .9);
        min-height: 60px!important
    }
}

@media screen {
    .touch #header {
        transition: none;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        background-color: rgba(37, 38, 40, .9)
    }
    #header a:not(.btn):not(.cc_container .cc_btn):not(.cc_container .cc_btn:visited) {
        border: none
    }
}

@media screen and (min-width:48em) {
    #header .navbar-header {
        float: left
    }
}

@media screen {
    #header .navbar-brand {
        position: relative;
        color: #c8c8c8
    }
    #header .navbar-brand .logo {
        width: 100%
    }
    #header .navbar-brand .logo.logo--small {
        display: none
    }
    #header .navbar-brand .logo.logo--large {
        display: block
    }
    #header .navbar-brand .logo.hc-local {
        opacity: 1
    }
}

@media screen and (max-width:47.99em) {
    #header .navbar-brand {
        padding: 8px 0;
        width: auto;
        display: block;
        z-index: 10;
        float: none!important;
        height: 60px!important;
        margin: 0 auto;
        width: 162px
    }
}

@media screen and (min-width:48em) {
    #header .navbar-brand {
        padding: 0;
        top: 55px;
        left: 20px;
        width: 250px;
        height: 70px;
        transition: text-shadow 1.5s ease, color .5s ease;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
}

@media screen {
    #header .navbar-brand .hc-local--large-right {
        position: absolute;
        display: block;
        text-transform: uppercase
    }
}

@media screen and (max-width:47.99em) {
    #header .navbar-brand .hc-local--large-right {
        height: 20px;
        right: 4px;
        font-size: .6em;
        top: 2pc;
        letter-spacing: -.05em
    }
}

@media screen and (min-width:48em) {
    #header .navbar-brand .hc-local--large-right {
        top: 11px;
        left: 265px;
        border-left: 1px solid #ccc;
        font-size: 15px;
        padding: 10px 0 10px 15px;
        white-space: nowrap;
        text-transform: uppercase
    }
}

@media screen {
    .rightToLeft #header .navbar-brand .hc-local--large-right {
        left: 0
    }
    #header .navbar-brand .hc-local--small-bottom {
        position: absolute;
        display: block;
        height: 20px;
        right: 4px;
        font-size: .6em;
        text-transform: uppercase
    }
}

@media screen and (max-width:47.99em) {
    #header .navbar-brand .hc-local--small-bottom {
        top: 2pc;
        letter-spacing: -.05em
    }
}

@media screen and (min-width:48em) {
    #header .navbar-brand .hc-local--small-bottom {
        top: 42px;
        right: 4px;
        letter-spacing: -.04em;
        opacity: 1;
        transition: opacity .6s ease;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
}

@media screen {
    .rightToLeft #header .navbar-brand .hc-local--small-bottom {
        left: 0
    }
    #header .container {
        position: relative;
        padding: 0
    }
}

@media screen and (min-width:48em) {
    #header .container {
        min-height: 86px
    }
}

@media screen {
    #header .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width:48em) {
    #header .container .flare {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: -90pt;
        width: 343px;
        height: 162px;
        background-image: url(img/headerFlare@2x.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 343px 162px
    }
    .rightToLeft #header .container .flare {
        left: -5.5em
    }
}

@media screen {
    #header .navbar-wrapper .container {
        padding-right: 0;
        padding-left: 0
    }
    #header .navbar-wrapper .navbar {
        background-color: transparent;
        margin-bottom: 0
    }
    #header .navbar-wrapper .navbar .container {
        width: auto
    }
    #header.anchorPage .container,
    #header.shrink .container {
        min-height: auto
    }
}

@media screen and (min-width:48em) {
    #header.anchorPage .flare,
    #header.shrink .flare {
        width: 220px;
        height: 5pc;
        background-size: 220px 5pc;
        left: -60px
    }
    .touch #header.anchorPage .flare,
    .touch #header.shrink .flare {
        left: -90px
    }
    .rightToLeft #header.anchorPage .flare,
    .rightToLeft #header.shrink .flare {
        left: -3em
    }
}

@media screen {
    #header.shrink .navbar-brand .logo--small {
        display: block
    }
    #header.shrink .navbar-brand .logo--large {
        display: none
    }
    #header.shrink .navbar-brand .hc-local {
        opacity: 0
    }
}

@media screen and (min-width:48em) {
    #header.shrink .navbar-brand {
        top: 1pc;
        width: 73px;
        font-size: 50px;
        padding-left: 3px
    }
    .touch #header.shrink .navbar-brand {
        top: 20px;
        width: 50px;
        font-size: 34px
    }
    .rightToLeft #header.shrink .navbar-brand .logo-hc-full {
        position: absolute;
        left: -105px
    }
}

@media screen {
    #header.anchorPage .navbar-brand .logo--small {
        display: none
    }
    #header.anchorPage .navbar-brand .logo--large {
        display: block
    }
    #header.anchorPage .navbar-brand .hc-local {
        opacity: 1
    }
}

@media screen and (min-width:48em) {
    #header.anchorPage .navbar-brand {
        top: 1pc;
        width: 73px;
        font-size: 50px;
        padding-left: 3px
    }
    #header.anchorPage .navbar-brand .logo--small {
        display: block
    }
    #header.anchorPage .navbar-brand .logo--large {
        display: none
    }
    #header.anchorPage .navbar-brand .hc-local {
        opacity: 0
    }
    .touch #header.anchorPage .navbar-brand {
        top: 20px;
        width: 50px;
        font-size: 34px
    }
    .rightToLeft #header.anchorPage .navbar-brand .logo-hc-full {
        position: absolute;
        left: -105px
    }
}

@media screen and (min-width:48em) {
    #header.anchorPage,
    #header.openSub,
    #header.shrink,
    #subHeader:not(.collapsed) {
        background-color: rgba(37, 38, 40, .9)
    }
}

@media screen and (min-width:48em) {
    #subMenus {
        background-color: rgba(0, 0, 0, .5)
    }
}

@media screen {
    #subHeader {
        overflow-y: scroll;
        transition: height .5s ease, border-color .5s ease, background-color .5s ease;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        border-top: 1px solid hsla(220, 3%, 78%, .5)
    }
    #subHeader.collapsed {
        height: 0;
        border-top-color: transparent
    }
    #subHeader .close {
        color: #fff;
        text-shadow: none;
        font-size: 2em;
        margin-right: 1em
    }
    #extrasMenu {
        position: absolute;
        width: auto
    }
}

@media screen and (max-width:47.99em) {
    #extrasMenu {
        width: 100%;
        right: 0;
        top: 0;
        padding: 9px
    }
}

@media screen and (min-width:48em) {
    #extrasMenu {
        right: 0;
        top: 70px
    }
}

@media screen and (max-width:47.99em) {
    #extrasMenu.opnSrch {
        left: 0;
        right: 0
    }
}

@media screen {
    #extrasMenu.opnSrch #changeLanguage,
    #extrasMenu.opnSrch #openWorldMap,
    #extrasMenu.opnSrch .btn-donate {
        opacity: 0;
        visibility: hidden
    }
}

@media screen and (min-width:48em) {
    #header.anchorPage #extrasMenu,
    #header.shrink #extrasMenu {
        top: 25px!important
    }
    #header.anchorPage #extrasMenu #openWorldMap,
    #header.anchorPage #extrasMenu #openWorldMap:before,
    #header.shrink #extrasMenu #openWorldMap,
    #header.shrink #extrasMenu #openWorldMap:before {
        font-size: 2pc;
        line-height: 2pc;
        width: 2pc;
        height: 2pc
    }
    #header.anchorPage #extrasMenu .btn-donate,
    #header.shrink #extrasMenu .btn-donate {
        margin: 0 0 0 10px;
        padding: 6px 8px;
        font-size: 9pt
    }
}

@media screen and (min-width:62em) {
    #header.anchorPage #extrasMenu #changeLanguage,
    #header.shrink #extrasMenu #changeLanguage {
        display: none
    }
    #header.anchorPage #extrasMenu #openWorldMap,
    #header.shrink #extrasMenu #openWorldMap {
        margin-left: 8px
    }
    #header.anchorPage #extrasMenu #openWorldMap,
    #header.anchorPage #extrasMenu #openWorldMap:before,
    #header.shrink #extrasMenu #openWorldMap,
    #header.shrink #extrasMenu #openWorldMap:before {
        font-size: 36px;
        width: 36px;
        line-height: 36px;
        height: 36px
    }
    #header.anchorPage #extrasMenu .btn-donate,
    #header.shrink #extrasMenu .btn-donate {
        margin: 0 0 0 1pc;
        padding: 6px 8px;
        font-size: 14px
    }
}

@media screen {
    #changeLanguage,
    #openWorldMap,
    .btn-donate {
        z-index: 4;
        transition: opacity .5s ease, visibility .9s ease;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000
    }
}

@media screen and (max-width:47.99em) {
    #changeLanguage {
        display: none
    }
}

@media screen and (min-width:48em) {
    #changeLanguage {
        display: block;
        float: left;
        margin: 9pt 5px 5px 0
    }
    #changeLanguage a {
        font-weight: 600;
        font-size: 14px;
        color: #c5c6c8;
        text-transform: uppercase
    }
    .rightToLeft #changeLanguage a {
        font-size: 1pc
    }
    #changeLanguage a.active,
    #changeLanguage a:hover {
        background-color: transparent
    }
    #changeLanguage a.active {
        color: #ffc500
    }
    #changeLanguage a:focus,
    #changeLanguage a:hover {
        color: #ffd133;
        text-decoration: none
    }
}

@media screen {
    #openWorldMap {
        text-decoration: none
    }
    #openWorldMap:before {
        content: '\f0ac';
        font-family: FontAwesome
    }
}

@media screen and (max-width:47.99em) {
    #openWorldMap {
        display: none
    }
}

@media screen and (min-width:48em) {
    #openWorldMap {
        color: #eee;
        float: left;
        margin-left: 8px
    }
    #openWorldMap,
    #openWorldMap:before {
        display: block;
        font-size: 44px;
        width: 44px;
        line-height: 44px;
        height: 44px;
        text-align: center
    }
    #openWorldMap:hover {
        text-decoration: none
    }
    #openWorldMap.active {
        color: #ffc500
    }
    #openWorldMap span {
        display: none
    }
}

@media screen and (max-width:47.99em) {
    .btn-donate {
        display: none
    }
}

@media screen and (min-width:48em) {
    .btn-donate {
        margin: 0 0 0 10px;
        padding: 10px 9pt;
        font-weight: 600;
        font-size: 1pc;
        color: #fff!important;
        background-color: rgb(80,162,244)!important;
        border-color: rgb(80,162,244);
        text-shadow: 0 1px 2px #003599
    }
    .btn-donate:hover {
        background-color: rgb(244,66,119)!important;
        border-color: rgb(244,66,119);
    }
}

@media screen and (max-width:47.99em) {
    .dl-trigger span,
    .mark {
        display: none
    }
}

@media screen and (min-width:48em) {
    .dl-back,
    .dl-trigger,
    .no-touch .dl-expand {
        display: none
    }
}

@media screen and (min-width:48em) {
    #menu {
        position: relative;
        margin: 180px 0 24px
    }
    .touch #menu {
        margin: 180px 0 1pc
    }
    .touch #menu .dl-expand {
        font-size: 1.1em;
        padding: 8px 10px!important;
        color: hsla(0, 0%, 100%, .5);
        z-index: 11;
        text-decoration: none!important
    }
    .touch #menu .dl-expand:after {
        font-family: FontAwesome;
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: "\f107";
        font-size: 20px
    }
    .touch #menu .dl-expand:after:active,
    .touch #menu .dl-expand:after:focus {
        color: #ffc500
    }
    .touch #menu .expanded .dl-expand:after {
        content: "\f106";
        color: #ffc500
    }
    #menu ul {
        padding-left: 0;
        margin-bottom: 0!important
    }
    #menu li {
        margin: 0;
        padding: 0;
        height: 30px
    }
    #menu .mark {
        position: absolute;
        width: 75pt;
        height: 2px;
        top: 52px;
        bottom: 0;
        padding: 0!important;
        transition: left .2s ease, background-color .3s ease;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        background-color: transparent!important
    }
    #menu .mark.active {
        background-color: rgb(80,162,244)!important
    }
    #menu li {
        padding: 0;
        list-style-type: none
    }
    #menu li>a:not(.dl-expand),
    #menu li>span.dl-noLink {
        position: relative;
        padding: 5px;
        border: none!important;
        font-weight: 600;
        font-size: 14px;
        color: #c5c6c8;
        text-transform: uppercase
    }
    .rightToLeft #menu li>a:not(.dl-expand),
    .rightToLeft #menu li>span.dl-noLink {
        font-size: 1pc
    }
    #menu li>a:not(.dl-expand).active,
    #menu li>a:not(.dl-expand):hover,
    #menu li>span.dl-noLink.active,
    #menu li>span.dl-noLink:hover {
        background-color: transparent
    }
    #menu li>a:not(.dl-expand).active,
    #menu li>span.dl-noLink.active {
        color: rgb(80,162,244);
    }
    #menu li>a:not(.dl-expand):focus,
    #menu li>a:not(.dl-expand):hover,
    #menu li>span.dl-noLink:focus,
    #menu li>span.dl-noLink:hover {
        color: rgb(80,162,244);
        text-decoration: none
    }
}

@media screen and (min-width:48em) and (min-width:48em) {
    #menu li>a:not(.dl-expand),
    #menu li>span.dl-noLink {
        padding: 5px 0 5px 15px;
        margin: 21px 0 0
    }
    .touch #menu li>a:not(.dl-expand).openSubMenu,
    .touch #menu li>span.dl-noLink.openSubMenu {
        padding-left: 0!important
    }
}

@media screen and (min-width:48em) and (min-width:62em) {
    #menu li>a:not(.dl-expand),
    #menu li>span.dl-noLink {
        padding: 5px 15px
    }
    .touch #menu li>a:not(.dl-expand).openSubMenu,
    .touch #menu li>span.dl-noLink.openSubMenu {
        padding-left: 8px
    }
}

@media screen and (min-width:48em) and (min-width:75em) {
    #menu li>a:not(.dl-expand),
    #menu li>span.dl-noLink {
        padding: 5px 25px
    }
    .touch #menu li>a:not(.dl-expand).openSubMenu,
    .touch #menu li>span.dl-noLink.openSubMenu {
        padding-left: 10px
    }
}

@media screen and (min-width:48em) {
    #header.anchorPage #menu,
    #header.shrink #menu {
        margin: 30px 0 25px 75pt
    }
    .touch #header.anchorPage #menu,
    .touch #header.shrink #menu {
        margin: 20px 0 20px 60px
    }
}

@media screen and (min-width:48em) and (min-width:48em) {
    #header.anchorPage #menu li>a:not(.dl-expand),
    #header.shrink #menu li>a:not(.dl-expand) {
        margin: 10px 0 0;
        padding: 5px 8px
    }
}

@media screen and (min-width:48em) and (min-width:48em) and (min-width:75em) {
    #header.anchorPage #menu li>a:not(.dl-expand),
    #header.shrink #menu li>a:not(.dl-expand) {
        padding: 5px 15px
    }
}

@media screen and (min-width:48em) and (min-width:48em) {
    #header.anchorPage #menu li.hasSubMenu>a:before,
    #header.shrink #menu li.hasSubMenu>a:before {
        bottom: -23px
    }
    #header.anchorPage #menu .mark,
    #header.shrink #menu .mark {
        height: 2px;
        top: 55px
    }
    #header.anchorPage #menu.portal li>a:before,
    #header.shrink #menu.portal li>a:before {
        bottom: -24px
    }
}

@media screen and (min-width:48em) {
    #menu.normal ul.level1>li {
        display: inline-block
    }
    #menu.normal ul.level2,
    #menu.normal ul.level3 {
        display: none
    }
    #menu.normal ul.level2 li:not(.dl-back),
    #menu.normal ul.level3 li:not(.dl-back) {
        display: inline-block
    }
}

@media screen and (min-width:48em) {
    #menu.portal ul.level1>li {
        display: block
    }
    #menu.portal ul.level1>li.visible {
        display: inline-block
    }
    #menu.portal ul.level1>li>a:hover:before {
        border: none
    }
    #menu.portal ul.level2,
    #menu.portal ul.level3,
    .touch #menu.portal ul.level1>li>a.dl-expand {
        display: none
    }
    #menu.portal ul.level2 li:not(.dl-back),
    #menu.portal ul.level3 li:not(.dl-back) {
        display: inline-block
    }
    #menu.portal li.current>a {
        color: rgba(80,162,244, .9)!important;
        font-size: 1.1em;
        height: 30px;
        padding: 0 0 0 10px;
        border-radius: 0
    }
    #menu.portal li.current>a:after {
        font-family: FontAwesome;
        -webkit-font-smoothing: antialiased;
        content: "\f107";
        margin-left: 5px;
        color: rgba(80,162,244, .4)!important
    }
    #menu.portal li.current>a.openSubMenu {
        padding-right: 20px!important;
        border-right: 1px solid hsla(220, 9%, 94%, .2)!important
    }
    #menu.portal li.current>a.opened:before,
    #menu.portal li.current>a.opened:hover:before,
    #menu.portal li.current>a:hover:before {
        border: none
    }
    #menu.portal li.current>a:hover {
        text-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
    }
    #menu.portal li.current .portalMenu {
        top: 30px;
        left: -10px
    }
    #menu.portal li.current .portalMenu .portalMenuItem {
        display: block;
        position: relative;
        height: auto!important
    }
    #menu.portal li.current .portalMenu .portalMenuItem a {
        margin: 5px 0!important;
        padding: 10px 20px 5px 30px!important
    }
    #menu.portal li.current .portalMenu .portalMenuItem a:hover:before {
        border: none
    }
    #menu.portal li.current ul.level2 {
        display: block;
        float: right;
        margin: 0 0 0 10px
    }
}

@media screen {
    .subMenu {
        padding: 10px
    }
    .subMenu .nav {
        margin: 10px 0!important
    }
    .subMenu .nav.normal ul.level4 {
        display: none
    }
    .subMenu .nav a:hover {
        text-decoration: underline
    }
    .subMenu .nav>li {
        border-left: 1px solid rgba(87, 88, 90, .5);
        margin: 5px;
        padding-bottom: 5px;
        max-width: 16%
    }
    .subMenu .nav>li>a,
    .subMenu .nav>li>span {
        font-weight: 600;
        font-size: 17px!important;
        display: block;
        line-height: 20px
    }
    .rightToLeft .subMenu .nav>li>a,
    .rightToLeft .subMenu .nav>li>span {
        font-size: 19px
    }
    .subMenu .nav li {
        list-style-type: none
    }
    .subMenu .nav li .dl-expand,
    .subMenu .nav li.dl-back {
        display: none
    }
    .subMenu .nav li>ul {
        margin: 0;
        padding: 0
    }
    .subMenu .nav li>a,
    .subMenu .nav li>span {
        display: block;
        margin: 6px 0!important;
        padding: 5px 10px 5px 9pt!important;
        font-size: 15px;
        line-height: 17px;
        color: #edeef0!important
    }
    .rightToLeft .subMenu .nav li>a,
    .rightToLeft .subMenu .nav li>span {
        font-size: 17px;
        line-height: 20px
    }
    .subMenu .nav li>a:hover,
    .subMenu .nav li>span:hover {
        color: #fff!important
    }
    .subMenu .nav li>a.active,
    .subMenu .nav li>span.active {
        color: #ffc500!important
    }
    .subMenu .nav li>a,
    .subMenu .nav li>a.active,
    .subMenu .nav li>a:hover,
    .subMenu .nav li>span,
    .subMenu .nav li>span.active,
    .subMenu .nav li>span:hover {
        background-color: transparent
    }
}

@media screen and (max-width:61.99em) {
    .toggleContentMenu {
        position: absolute;
        top: -3em;
        right: 0
    }
}

@media screen and (min-width:62em) {
    .toggleContentMenu {
        display: none
    }
}

@media screen {
    #sideMenu .title {
        margin: 0 0 .5em;
        padding-bottom: .5em;
        font-size: 1.3em;
        border-bottom: 1px solid hsla(220, 3%, 78%, .8);
        position: relative
    }
    #sideMenu ul {
        padding: 0
    }
    #sideMenu li {
        list-style-type: none;
        border: 0 solid hsla(220, 3%, 78%, .8);
        border-top-width: 1px;
        padding: .5em .5em .5em 1.5em!important;
        position: relative
    }
    #sideMenu li a:before,
    #sideMenu li strong:before {
        content: '\f105';
        font-family: FontAwesome;
        position: absolute;
        left: .5em
    }
    #sideMenu li>strong:before {
        font-size: 1.1em
    }
    #sideMenu li:first-child {
        border-top-width: 0
    }
    #sideMenu li strong {
        font-weight: 600
    }
    #sideMenu li ul {
        margin-top: .5em
    }
    #sideMenu li li {
        font-size: .9em
    }
    #asideMenu {
        overflow: auto
    }
    .media-image {
        max-width: 33.33%
    }
}

@media screen and (min-width:48em) {
    .media-image {
        float: left
    }
}

@media screen {
    body {
        color: hsla(0, 0%, 100%, .8);
        font-family: Open Sans, arial, sans-serif;
        font-weight: 300
    }
}

@media screen and (max-width:47.99em) {
    body {
        font-size: 14px;
        background-color: #0a0a0a
    }
    body.rightToLeft {
        font-size: 1pc
    }
}

@media screen and (min-width:48em) {
    body {
        font-size: 1pc;
        background-color: #262626
    }
    body.rightToLeft {
        font-size: 17px
    }
}

@media screen {
    #main {
        background-color: #2f2f2f;
        border: 0 solid #7c7c7c;
        border-bottom-width: 1px
    }
}

@media screen and (max-width:47.99em) {
    #main {
        padding: 70px 8px 75pt
    }
}

@media screen and (min-width:48em) {
    #main {
        min-height: 50pc;
        padding: 260px 0 75pt;
        background-image: radial-gradient(50% 50%, circle closest-side, #777a86 0%, #2f2f2f 100%)
    }
}

@media screen {
    #main>.container {
        padding: 0
    }
    #footerMenu {
        -webkit-transform: translateZ(0px)
    }
}

@media screen and (max-width:61.99em) {
    #footerMenu {
        margin: 10px 15px
    }
}

@media screen and (min-width:62em) {
    #footerMenu {
        margin: 30px 0
    }
}

@media screen {
    #footerMenu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }
}

@media screen and (max-width:61.99em) {
    #footerMenu ul li {
        margin: 8px 0
    }
}

@media screen {
    #footerMenu h3 {
        color: silver;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 1.5em
    }
    .rightToLeft #footerMenu h3 {
        font-size: 1pc
    }
}

@media screen and (max-width:61.99em) {
    #footerMenu h3 {
        margin-top: 20px
    }
}

@media screen {
    #footerMenu .contactInfo p,
    #footerMenu a {
        color: silver
    }
}

@media screen and (max-width:61.99em) {
    #footerMenu .contactInfo p,
    #footerMenu a {
        font-size: 14px
    }
    .rightToLeft #footerMenu .contactInfo p,
    .rightToLeft #footerMenu a {
        font-size: 1pc
    }
}

@media screen and (min-width:62em) {
    #footerMenu .contactInfo p,
    #footerMenu a {
        font-size: 9pt
    }
    .rightToLeft #footerMenu .contactInfo p,
    .rightToLeft #footerMenu a {
        font-size: 14px
    }
}

@media screen {
    #footerMenu .socialMenu li a:after,
    #footerMenu .socialMenu li a:before {
        font-family: FontAwesome;
        content: '\f10c';
        position: relative;
        margin-right: 5px
    }
    #footerMenu .socialMenu li a:after,
    .rightToLeft #footerMenu .socialMenu li a:before {
        display: none
    }
    .rightToLeft #footerMenu .socialMenu li a:after {
        display: inline
    }
    #footerMenu .socialMenu li a.Twitter:after,
    #footerMenu .socialMenu li a.Twitter:before {
        content: '\f081'
    }
    #footerMenu .socialMenu li a.Facebook:after,
    #footerMenu .socialMenu li a.Facebook:before {
        content: '\f082'
    }
    #footerMenu .socialMenu li a.Youtube:after,
    #footerMenu .socialMenu li a.Youtube:before {
        content: '\f16a'
    }
    #footerMenu .socialMenu li a.Instagram:after,
    #footerMenu .socialMenu li a.Instagram:before {
        content: '\f16d'
    }
    #footerMenu .socialMenu li a.RSS:after,
    #footerMenu .socialMenu li a.RSS:before {
        content: '\f09e'
    }
    #footerMenu .socialMenu li a.SoundCloud:after,
    #footerMenu .socialMenu li a.SoundCloud:before {
        content: '\f1be'
    }
    #footerMenu .socialMenu li a.VK:after,
    #footerMenu .socialMenu li a.VK:before {
        content: '\f189'
    }
    #footerMenu .socialMenu li a.Vimeo:after,
    #footerMenu .socialMenu li a.Vimeo:before {
        content: '\f194'
    }
    #footerMenu .socialMenu li a.LastFM:after,
    #footerMenu .socialMenu li a.LastFM:before {
        content: '\f203'
    }
    #footerMenu .socialMenu li a.iTunes:after,
    #footerMenu .socialMenu li a.iTunes:before {
        content: '\f179'
    }
    #footerMenu .socialMenu li a.Flickr:after,
    #footerMenu .socialMenu li a.Flickr:before {
        content: '\f16e'
    }
    #footerMenu .socialMenu li a.Google:after,
    #footerMenu .socialMenu li a.Google:before {
        content: '\f0d4'
    }
    #footerMenu .socialMenu li a.Weibo:after,
    #footerMenu .socialMenu li a.Weibo:before {
        content: '\f18a'
    }
    #footerMenu .contactInfo {
        margin-top: 9pt
    }
    #copyright {
        margin-bottom: 75px
    }
    #copyright a:hover {
        text-decoration: none;
        text-shadow: 0 0 5px rgba(255, 197, 0, .5)
    }
    #copyright .logoHope {
        font-size: 23px
    }
    #copyright img.logo {
        width: 100%
    }
    #copyright #copyrightInfo p {
        padding: 3px;
        margin: 0 40px;
        font-size: 14px
    }
    .video-js {

        width: 100%!important;
        
        font-family: VideoJS;

    }
    .vjs-big-play-button {
        display: block;
    }
    .vjs-default-skin .vjs-control-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .vjs-default-skin .vjs-control-bar .vjs-mouse-display {
        display: none!important
    }
    .vjs-default-skin .vjs-volume-level {
        background-color: #ffc500
    }
    .vjs-resolution-button {
        color: #ccc
    }
    .vjs-resolution-button .vjs-resolution-button-staticlabel:before {
        content: '\f110';
        font-size: 1.8em;
        line-height: 1.67
    }
    .vjs-resolution-button .vjs-resolution-button-label {
        font-size: 1.2em;
        line-height: 2.5em;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        box-sizing: inherit
    }
    .vjs-resolution-button ul.vjs-menu-content {
        width: 4em!important
    }
    .vjs-resolution-button .vjs-menu {
        left: 0
    }
    .vjs-brightcove-skin .vjs-control-bar {
        border-top: none!important
    }
    .anchorPage #main {
        background-repeat: no-repeat;
        background-position: top center;
        padding-top: 0;
        background-image: none
    }
}

@media screen and (max-width:47.99em) {
    .anchorPage #main {
        background-position-y: -10px!important
    }
}

@media screen and (max-width:61.99em) {
    .anchorPage #main {
        background-size: 185%
    }
}

@media screen and (min-width:48em) {
    .anchorPage #main {
        background-position-y: -23px!important
    }
}

@media screen and (min-width:48em) and (max-width:61.99em) {
    .anchorPage #main {
        background-position-y: -23px!important
    }
    .anchorPage #main #page.container {
        width: 94%
    }
    .anchorPage #main #page.container .box {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:62em) {
    .anchorPage #main {
        background-size: auto;
        background-position-y: -75px!important
    }
}

@media screen and (min-width:75em) {
    .anchorPage #main {
        background-position-y: -23px!important
    }
}

@media screen {
    .anchorPage #page>.sectionHeader .title {
        visibility: hidden;
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width:29.99em) {
    .anchorPage #page>.sectionHeader .title {
        padding-top: 50%
    }
}

@media screen and (min-width:30em) {
    .anchorPage #page>.sectionHeader .title {
        padding-top: 46%
    }
}

@media screen and (min-width:48em) {
    .anchorPage #page>.sectionHeader .title {
        padding-top: 45%
    }
}

@media screen and (min-width:62em) {
    .anchorPage #page>.sectionHeader .title {
        padding-top: 40%
    }
}

@media screen and (min-width:75em) {
    .anchorPage #page>.sectionHeader .title {
        padding-top: 38%
    }
}

@media print {
    .item p a,
    a,
    a:link {
        color: #000!important
    }
    #header {
        display: block;
        position: relative;
        margin-top: 2em;
        height: 7em
    }
    #header .nav-brand {
        color: #000
    }
    #header .logo-hc-full {
        font-size: 4em
    }
    #header .hc-local {
        position: absolute;
        left: 16em;
        top: 3.8em;
        font-size: .9em
    }
    a[href]:after {
        content: ''
    }
    #extrasMenu,
    #footerMenu,
    #menuWrapper,
    #sideMenu,
    #subHeader,
    #subMenus,
    .btn,
    .cc_container .cc_btn,
    .cc_container .cc_btn:visited,
    .contactForm,
    .filter,
    .form-horizontal,
    .scheduleCalendar {
        display: none
    }
    .box {
        margin: 0;
        padding: 0
    }
    .item {
        height: auto!important;
        width: 30%;
        margin: 0 1em 1em 0!important
    }
    .item.xs {
        margin-top: 2em!important;
        width: 15%
    }
    .box .item.altBg,
    .hollowBox .item.altBg,
    .item.boxToBottom,
    .item.boxToTop,
    .item.boxWide,
    .item.scheduleCalendar[data-pick=week] {
        width: 100%
    }
    .thumbnail {
        border: none
    }
    blockquote {
        border-color: #d3d3d3
    }
    aside .box {
        margin-left: 2em!important
    }
    aside .item {
        width: 80%
    }
    footer {
        margin-top: 3em!important
    }
    .sectionHeader {
        margin: 3em 0 1em!important;
        padding-bottom: 1em;
        border-bottom: 1pt solid #d3d3d3
    }
    .textContent {
        padding: 1em 0!important
    }
    .carousel-inner {
        overflow: visible
    }
    .carousel-item-type {
        width: 100%;
        display: block!important;
        clear: both;
        margin-bottom: 1em;
        height: 10em
    }
    .carousel-item-type:after {
        content: '';
        display: block;
        clear: both
    }
    .carousel-caption,
    .carousel-image {
        position: relative;
        float: left
    }
    .carousel-image {
        width: 40%
    }
    .carousel-caption {
        width: 50%;
        text-align: left!important;
        top: 0;
        bottom: 0;
        right: 0;
        left: 1em;
        margin: 0;
        padding: 0
    }
    .weekSchedule .hours .hour {
        height: 5em!important
    }
}

.schedule {
    color: #434343;
    background-color: #eceaea;
    transition: background-color 1s ease .3s, color 1s ease .2s;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.schedule.current {
    background-color: #ad1f1a!important
}

.schedule.current .time {
    color: #edeef0
}

.schedule.featured {
    background-color: #fff
}

.schedule .description,
.schedule .title {
    display: block
}

.schedule .time {
    color: #252628;
    font-weight: 600
}

.schedule .time .hour:before {
    content: '\f017';
    font-family: FontAwesome;
    margin-right: .5em;
    font-weight: 300
}

.scheduleCalendar[data-pick=week] {
    padding: 0;
    margin-top: 0!important;
    background-color: #e0dddd
}

.scheduleCalendar[data-pick=week]:not(.collapsed) {
    padding: 30px;
    border-top: 1px solid #c5c6c8!important
}

.scheduleCalendar .yclNav a {
    top: 3px!important;
    color: #57585a
}

.scheduleCalendar .yclNav a:after,
.scheduleCalendar .yclNav a:before {
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 30px
}

.scheduleCalendar .yclNav a:hover {
    color: #ad1f1a!important
}

.scheduleCalendar .yclNav .prev:before {
    content: '\f104'!important
}

.scheduleCalendar .yclNav .next:after {
    content: '\f105'!important
}

.scheduleCalendar.panel:not(.collapsed) {
    min-height: 341px
}

.scheduleCalendar[data-pick=week] .month {
    position: relative
}

.scheduleCalendar[data-pick=week] .month:nth-child(odd):after,
.scheduleCalendar[data-pick=week] .month:nth-child(odd):before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    background-color: hsla(220, 3%, 78%, .5);
    width: 1px
}

.scheduleCalendar[data-pick=week] .month:nth-child(odd):before {
    left: -6px
}

.scheduleCalendar[data-pick=week] .month:nth-child(odd):after {
    right: -6px
}

.scheduleCalendar .week.week0 {
    border-bottom: 1px solid #dfe0e1;
    margin-bottom: 10px
}

.scheduleCalendar[data-pick=week] .week {
    border: 1px solid transparent
}

.scheduleCalendar[data-pick=week] .week.selected .day {
    background-color: #ad1f1a;
    color: #fff!important
}

.scheduleCalendar[data-pick=week] .week.selected .day.active {
    font-weight: 600
}

.scheduleCalendar[data-pick=week] .week:not(.week0):not(.selected):hover {
    border: 1px solid #ad1f1a;
    cursor: pointer
}

.scheduleCalendar .wday {
    color: #57585a!important;
    font-style: normal;
    font-size: 14px
}

.scheduleCalendar .day {
    border: 1px solid transparent;
    height: 2pc!important;
    transition: background-color .5s ease;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.scheduleCalendar .day.active {
    font-weight: 400
}

.scheduleCalendar .day:not(.active) {
    color: #57585a!important
}

.scheduleCalendar .day.day6 {
    color: #ad1f1a!important
}

.scheduleCalendar[data-pick=day] .day.today {
    border-color: #ad1f1a
}

.scheduleCalendar[data-pick=day] .day.selected {
    background-color: #ad1f1a;
    color: #fff!important
}

.scheduleCalendar[data-pick=day] .day:hover:not(.today) {
    border-color: transparent!important
}

.scheduleCalendar[data-pick=day] .day:hover.active {
    background-color: rgba(173, 31, 26, .75);
    color: #fff!important
}

@media (max-width:61.99em) {
    .liveSchedule {
        border-radius: 3px
    }
}

@media (min-width:62em) {
    .liveSchedule .schedule.full {
        background-color: #1b1c1c;
        color: #fff
    }
    .liveSchedule .schedule.full .time {
        color: hsla(0, 0%, 100%, .8)
    }
    .liveSchedule .schedule .details {
        font-size: 14px
    }
}

.scheduleTeaser .schedule {
    padding: .6em!important
}

.scheduleTeaser .schedule .time {
    color: #57585a;
    margin-top: .3em;
    font-size: .9em
}

.livestreamBanner .box {
    position: relative
}

@media (min-width:62em) {
    .livestreamBanner .box.ratio-16by9 {
        height: 358px
    }
    .livestreamBanner .box.ratio-4by3 {
        height: 477px
    }
}

@media (min-width:75em) {
    .livestreamBanner .box.ratio-16by9 {
        height: 27pc
    }
    .livestreamBanner .box.ratio-4by3 {
        height: 6in
    }
}

@media (min-width:48em) {
    .daySchedule .scheduleList .schedule .duration {
        right: 0;
        text-align: right
    }
}

@media (max-width:47.99em) {
    .daySchedule .scheduleList .schedule .time {
        margin-bottom: 1em
    }
    .daySchedule .scheduleList .schedule .time .duration {
        display: block
    }
}

@media (min-width:48em) {
    .daySchedule .scheduleList .schedule .time .duration {
        display: none
    }
}

@media (min-width:62em) {
    .weekSchedule .hours .marker.active {
        background-color: rgba(173, 31, 26, .1)!important;
        box-shadow: inset 0 1px 0 rgba(173, 31, 26, .8), inset -1px 0 0 rgba(173, 31, 26, .2), inset 0 -1px 0 rgba(173, 31, 26, .8)!important
    }
}

.weekSchedule .grid .day.saturday>.title a {
    color: #ad1f1a
}

@media (max-width:61.99em) {
    .weekSchedule .grid .day>.title {
        border-bottom: 1px solid #c5c6c8
    }
    .weekSchedule .grid .day>.title a {
        color: #72747a
    }
    .weekSchedule .grid .day>.title a:hover {
        text-decoration: none
    }
    .weekSchedule .grid .day>.title a.expanded {
        font-weight: 600
    }
    .weekSchedule .grid .day.today>.title a {
        color: #ad1f1a
    }
    .weekSchedule .grid .day .schedule {
        border-bottom: 1px solid #c5c6c8
    }
    .weekSchedule .grid .day .schedule .title {
        margin: 0 0 .5em;
        display: inline-block
    }
    .weekSchedule .grid .day .schedule span.title:before {
        content: ' - '
    }
    .weekSchedule .grid .day .schedule .watchNow {
        margin: .5em 0
    }
    .weekSchedule .grid .day .schedule .time {
        color: #0a0a0a
    }
}

@media (min-width:62em) {
    .weekSchedule .grid .day {
        border: 0 solid #d2d3d4!important;
        border-right-width: 1px!important;
        background: #e5e6e9!important
    }
    .weekSchedule .grid .day.today>.title {
        background-color: #ad1f1a!important
    }
    .weekSchedule .grid .day.today>.title a {
        color: #fff
    }
    .weekSchedule .grid .day>.title {
        font-weight: 300;
        background-color: hsla(0, 5%, 92%, .95)!important
    }
    .weekSchedule .grid .day>.title.affix {
        border-bottom: 1px solid #c5c6c8!important
    }
    .weekSchedule .grid .day.saturday>.title {
        font-weight: 600
    }
    .weekSchedule .grid .day .schedule {
        font-size: .75em
    }
    .weekSchedule .grid .day .schedule:not(.current) {
        background: #edeef0!important;
        border: 0 solid hsla(220, 3%, 78%, .3)!important;
        border-top-width: 1px!important
    }
    .weekSchedule .grid .day .schedule.tiny .title {
        font-size: 14px
    }
    .weekSchedule .grid .day .schedule.tiny:not(.expanded):before {
        color: rgba(173, 31, 26, .5)
    }
    .weekSchedule .grid .day .schedule:hover {
        -o-box-shadow: 0 0 7px rgba(87, 88, 90, .7);
        box-shadow: 0 0 7px rgba(87, 88, 90, .7)
    }
    .weekSchedule .grid .day .schedule:hover:not(.current) {
        background-color: #fff
    }
    .weekSchedule .grid .day .schedule:hover.current {
        background-color: #c3231d!important
    }
    .weekSchedule .grid .day .schedule.current .time,
    .weekSchedule .grid .day .schedule:hover.current.expanded .time {
        color: hsla(0, 0%, 100%, .7)!important
    }
    .weekSchedule .grid .day .schedule.expanded {
        -o-box-shadow: 8px 8px 2pc rgba(87, 88, 90, .8);
        box-shadow: 8px 8px 2pc rgba(87, 88, 90, .8);
        border-radius: 6px
    }
    .weekSchedule .grid .day .schedule.expanded:before {
        background-color: hsla(0, 0%, 100%, .9);
        color: #252628
    }
    .weekSchedule .grid .day .schedule.expanded .title a {
        color: #ad1f1a
    }
    .weekSchedule .grid .day .schedule.expanded .time {
        background-color: #ad1f1a;
        color: #edeef0;
        font-weight: 300!important;
        border-radius: 0 0 6px 6px
    }
    .weekSchedule .grid .day .schedule .title a {
        color: #57585a
    }
}

@media (min-width:48em) {
    #live {
        margin: 10px
    }
}

#live #liveCurrent {
    margin: 0!important;
    background-color: #252628
}

#live #liveCurrent .row {
    padding: 35px 15px
}

#live #liveCurrent .title,
#live #liveCurrent .title small {
    color: #fff;
    font-size: 22px
}

#live #liveCurrent .title {
    margin: 0;
    font-weight: 600
}

#live #liveCurrent .subtitle {
    margin: 0
}

#live #liveStreams {
    background-color: #0c0d0e;
    padding: 20px
}

.livestreamTeaser .fa-stack .fa-tv {
    line-height: 1em
}

.livestreamTeaser .fa-stack .fa-rss {
    left: -.28em;
    line-height: 1.8em;
    color: #ad1f1a;
    opacity: .8
}

.livestreamTeaser .title {
    margin-top: .1em
}

.livestream .sharePanel {
    background-color: #e0dddd!important
}

.livestream .sharePanel .altBg,
.livestream .sharePanel .altBg h3 {
    margin-top: 0!important
}

.tx-amsgallery-pi1 .gallery {
    margin: 0!important
}

.tx-amsgallery-pi1 .gallery .image {
    background-color: transparent!important
}

.tx-amsgallery-pi1 .gallery .image .wrap {
    margin: .2em!important;
    background-color: #c5c6c8
}

.amsMedialibrary .slider .btn-link:hover {
    color: #fff
}

@media (min-width:62em) {
    .amsMedialibrary .sliderContent p {
        max-height: 90px;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.amsMedialibrary .sliderContent .nextOnTv ul {
    margin: 0;
    padding: 0
}

.amsMedialibrary .sliderContent .nextOnTv li {
    list-style-type: none
}

.amsMedialibrary .actions {
    margin: 1em 0
}

.amsMedialibrary .broadcast {
    margin-bottom: 2em
}

.amsMedialibrary .broadcast .currentBroadcast .title {
    margin-top: 0
}

.amsMedialibrary .broadcast .fa {
    margin-right: .3em
}

.amsMedialibrary .broadcast .details {
    margin: 0 0 0 1.8em
}

.amsMedialibrary .sharePanel {
    background-color: #e0dddd!important
}

.amsMedialibrary .sharePanel .altBg,
.amsMedialibrary .sharePanel .altBg h3 {
    margin-top: 0!important
}

.AmsTimezones {
    margin: 0 0 30px
}

.AmsTimezones>div {
    padding: 10px 10px 0 0!important
}

.AmsTimezones.select .title {
    font-weight: 600;
    font-size: 14px;
    color: #c5c6c8;
    text-transform: uppercase;
    margin: 0 0 8px!important
}

.rightToLeft .AmsTimezones.select .title {
    font-size: 1pc
}

.AmsTimezones.select .title.active,
.AmsTimezones.select .title:hover {
    background-color: transparent
}

.AmsTimezones.select .title.active {
    color: #ffc500
}

.AmsTimezones.select .title:focus,
.AmsTimezones.select .title:hover {
    color: #ffd133;
    text-decoration: none
}

.AmsTimezones.select .title:hover {
    color: hsla(0, 0%, 100%, .8)
}

.AmsTimezones.select .timer {
    text-align: center;
    color: #ffc500;
    width: 100%;
    border: 1px solid #c5c6c8;
    border-radius: 3px;
    background-color: rgba(87, 88, 90, .4);
    padding: 5px
}

.AmsTimezones.select .timer:hover {
    background-color: transparent!important;
    cursor: default
}

.AmsTimezones.select .dropdown-toggle {
    width: 100%
}

.AmsTimezones.select .apply:before {
    content: '\f00c';
    font-family: FontAwesome
}

.csc-form-confirmation ol {
    list-style-type: none;
    margin: 2em 0 0;
    padding: 0
}

.csc-form-confirmation li {
    display: inline-block;
    margin-right: .5em
}

.cc_banner-wrapper {
    z-index: 7;
    position: relative
}

.cc_container .cc_btn {
    cursor: pointer;
    text-align: center;
    font-size: .6em;
    transition: font-size .2s;
    line-height: 1em
}

.cc_container .cc_message {
    font-size: .6em;
    transition: font-size .2s;
    margin: 0;
    padding: 0;
    line-height: 1.5em
}

.cc_container .cc_logo {
    display: none;
    text-indent: -750pt;
    overflow: hidden;
    width: 75pt;
    height: 22px;
    background-size: cover;
    background-image: url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png);
    opacity: .9;
    transition: opacity .2s
}

.cc_container .cc_logo:active,
.cc_container .cc_logo:hover {
    opacity: 1
}

@media screen and (min-width:500px) {
    .cc_container .cc_btn,
    .cc_container .cc_message {
        font-size: .8em
    }
}

@media screen and (min-width:768px) {
    .cc_container .cc_btn {
        font-size: 1em
    }
    .cc_container .cc_message {
        font-size: 1em;
        line-height: 1em
    }
}

@media print {
    .cc_banner-wrapper,
    .cc_container {
        display: none
    }
}

.cc_container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px
}

.cc_container .cc_btn {
    padding: 8px 10px;
    background-color: #f1d600;
    cursor: pointer;
    text-align: center;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 90pt
}

.cc_container .cc_btn,
.cc_container .cc_message {
    transition: font-size .2s;
    font-size: .6em;
    display: block
}

@media screen and (min-width:500px) {
    .cc_container .cc_btn {
        font-size: .8em
    }
    .cc_container .cc_message {
        margin-top: .5em;
        font-size: .8em
    }
}

@media screen and (min-width:768px) {
    .cc_container {
        padding: 15px 30px
    }
    .cc_container .cc_btn {
        font-size: 1em;
        padding: 8px 15px
    }
    .cc_container .cc_message {
        font-size: 1em
    }
}

@media screen and (min-width:992px) {
    .cc_container .cc_message {
        font-size: 1em
    }
}

.cc_container {
    background-color: rgba(0, 0, 0, .85)
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    border-color: transparent;
    color: #0a0a0a
}

.cc_container .cc_btn:active,
.cc_container .cc_btn:hover {
    text-decoration: none
}

.cc_container .cc_more_info,
.cc_container a,
.cc_container a:visited {
    color: #ffc500
}

.cc_container a:active,
.cc_container a:hover {
    color: #ffd133
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes e {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.cc_btn,
.cc_container,
.cc_message {
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    -webkit-animation-name: e;
    animation-name: e
}
.dl-menu>li{
    float:left !important;
}