* {

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

    text-decoration-color: #00cdfe;

}

.radius {
    border-radius: 6px;
}

::selection {
    background: #00cdfe;
    color: #fff;
}


.color2 {
    background: #00cdfe !important;
}

.color2-border {
    border-color: #00cdfe;
}

.color2-text {
    color: #00cdfe;
}

.color {
    background: #00003e !important;
}

.color-border {
    border-color: #00003e;
}

.color-text {
    color: #00003e;
}

.greya {
    background: #aaa !important;
}

.greya-border {
    border-color: #aaa;
}

.greya-text {
    color: #aaa;
}

.userad {
    margin: 0 auto;
    max-width: 100%;
}

.userad-s,
.userad-m,
.userad-l,
.userad-xl {
    display: none;
}

@media screen and (max-width: 600px) {

    .userad-s {
        display: block;
    }

}

@media screen and (min-width: 601px) and (max-width: 991px) {

    .userad-m {
        display: block;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .userad-l {
        display: block;
    }

}

@media screen and (min-width: 1200px) {

    .userad-xl {
        display: block;
    }

}

.sticky {

    position: sticky !important;
    top: 88px;
    z-index: 1000;

}

a {
    color: inherit;
}

A[href=""], A[href="#"] {
    opacity: 0.3;
}

/*a{*/
/*    transition: .3s font-size, .3s line-height;*/
/*}*/

strong {
    font-weight: 700;
}

html {
    background-color: #fff;

    font-family: "Code-Pro", sans-serif;

    font-size: 1rem;


    background-color: #f6f6f6;

    max-width: 100%;

    /*overflow-x: hidden;*/
}

body {
    overflow-x: hidden;
    line-height: 1.6em;
}

h1, h2, h3, h4, h5, h6 {

    line-height: 1.5em;
}

body.big-search-is-open {
    overflow-y: hidden;
}

body.mourning *:not(.owl-nav) {
    filter: grayscale(100%) !important;

}

body.mourning-header header {
    filter: grayscale(100%) !important;

}

body.mourning-header .brand-logo:after,
body.mourning .brand-logo:after {
    content: '';

    position: absolute;

    left: 0;
    top: -40px;

    width: 40px;
    height: 63px;

    background-image: url('../images/mourning.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 1024px) {
    html {
        background-color: #fff;
    }
}

header {
    /*background: #dfe9ef;*/
    width: 100%;
    padding: 0;
    margin: 0 0 24px;

    float: left;

    background: #fff;
    min-height: 70px;


    -moz-box-shadow: 0 0 8px #00000055;
    -webkit-box-shadow: 0 0 8px #00000055;
    box-shadow: 0 0 8px #00000055;

    position: fixed;

    z-index: 1040;

    top: 0;
}

header .brand-logo {
    position: relative
}

header .brand-logo img {
    max-width: 130px;
    margin-top: 7px;
    margin-bottom: 5px;
    /*height: 60px;*/
}

header .row {
    margin-bottom: 0;
}

.before-header {
    background-color: #f5f5f5;
    height: 40px;
    line-height: 36px;
    margin-bottom: 0;
    overflow: hidden;
}

menu {
    color: white;
    width: 100%;
    padding: 0;

    margin: 0;

    position: relative;
}

menu ul {
    margin: 0;
    padding: 0;
    float: right;
}

menu ul li {
    list-style: none;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
}

menu ul li a {
    color: #00003e;
    padding: 32px 12px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 1.14rem;
    z-index: 2;

    text-transform: uppercase;
}


menu ul li.icon-option {
}

menu ul li .icon-image {
    height: 30px;


    float: left;
    margin: -4px 12px -4px 0;
}

menu ul li.icon-option a {

    background-color: #00003e;
    color: #fff;
    border-radius: 50%;
    margin-left: 12px;
    width: 42px;
    height: 42px;
    margin-top: 21px;
    text-align: center;

    line-height: 30px;

    padding: 10px 8px;
}

menu ul li.icon-option.icon-option-big a {
    width: 53px;
    height: 53px;
    margin-top: 15px;
    line-height: 41px;

    border: 2px solid rgba(0, 0, 0, .1);


}

menu ul li.icon-option .icon-option__link {
    width: 42px;
    height: 42px;
    text-align: center;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}

menu ul li.icon-option .icon-option__link.icon-option__link-rk:before,
menu ul li.icon-option .icon-option__link.icon-option__link-rkk:before,
menu ul li.icon-option .icon-option__link.icon-option__link-off:before{
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;

    left: 8px;
    top: 8px;

    content: '';

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}
menu ul li.icon-option .icon-option__link.icon-option__link-play {
    background-image: url('../images/icons/play.png');
    background-color: #00cdfe;
}

menu ul li.icon-option .icon-option__link.icon-option__link-search {
    background-image: url('../images/icons/search.png');
}
menu ul li.icon-option .icon-option__link.icon-option__link-off:before {
    background-image: url('../images/sygnety/off.png');
}
menu ul li.icon-option .icon-option__link.icon-option__link-rkk:before {
    background-image: url('../images/sygnety/rkk.png');
}

menu ul li.icon-option .icon-option__link.icon-option__link-rk:before {
    background-image: url('../images/sygnety/rk.png');
    width: 30px;
    height: 30px;

    left: 6px;
    top: 6px;
}

menu ul li.icon-option .icon-option__link.icon-option__link-shop {
    background-image: url('../images/icons/shop.png');
}

menu ul li.icon-option .icon-option__link.icon-option__link-video {
    background-image: url('../images/icons/video.png');
}

@media screen and (min-width: 1367px) {


    menu ul li a {
        padding: 32px 18px;
    }
}

main {
    margin-top: 85px;
    padding-top: 12px;
}

footer {
    /*color: #fff;*/
    /*background-color: #00003e;*/

    background-color: #eee;
    color: #000;

    padding: 64px 0 0;
    /*margin-top: 200px;*/

    /*-moz-box-shadow: 0 0 8px #00000055;*/
    /*-webkit-box-shadow: 0 0 8px #00000055;*/
    /*box-shadow: 0 0 8px #00000055;*/

    position: relative;

    z-index: 2;
}

footer hr {

    border: none;
    width: 100%;
    height: 1px;
    background-color: #00000055;
    /*background-color: #1f4568;*/
    opacity: .3;
}

footer .footer-dark {
    color: #00003e;
    background-color: #00cdfe;
    padding: 24px 0;
    margin-top: 48px;
}

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

    footer .list-social {
        width: 100%;
        text-align: center;
    }

}

/*footer .*/
.big-search {
    color: #fff;
    background-color: #00003e;

    transform: translateY(-110%);

    width: 100%;
    height: 100%;

    position: fixed;

    will-change: transform;

    transition: transform 1.3s ease-in-out;
    padding-top: 86px;

    overflow-y: auto;

    z-index: 1020;

    -moz-box-shadow: 0 0 20px #00000055;
    -webkit-box-shadow: 0 0 20px #00000055;
    box-shadow: 0 0 20px #00000055;

}

.big-search.big-search-open {
    transform: translateY(0);
}


.big-search-form {
    margin: 128px auto;

    background-color: white;

    position: relative;

    max-width: 800px;

    border-radius: 32px;
    overflow: hidden;


    -moz-box-shadow: 0 0 20px #00000055;
    -webkit-box-shadow: 0 0 20px #00000055;
    box-shadow: 0 0 20px #00000055;
}

.big-search-form input {
    height: 64px;

    border: none;

    font-size: 1.75rem;

    width: 100%;

    padding-left: 24px;
    color: #00003e;
}

.big-search-form input:focus,
.big-search-form input:hover {
    border: none;
    box-shadow: none;
    outline: none;
}

.big-search-form button {
    border: none;

    color: #00003e;


    position: absolute;

    right: 0;
    top: 0;

    line-height: 70px;

    width: 64px;
    height: 64px;

    font-size: 2.35rem;

    cursor: pointer;

    background-color: transparent;

}

.big-search-form button i {
    font-size: 2.35rem;

    color: #00cdfe;
}

.big-serach-list-title {
    font-weight: 700;
    font-size: 1.15rem;

    text-transform: uppercase;
    margin-bottom: 32px;
}

.big-search-hr {
    border: none;

    width: 100%;
    height: 1px;

    background-color: #00000055;
    background-color: #1f4568;
}

.big-serach-list {
}

.big-serach-list-item {
    line-height: 32px;
}

.big-search-social-block {
    position: relative;
}

.big-search-social-block:before {
    content: '';

    left: 0;
    top: 50%;

    margin-top: -2px;;
    background-color: #1f4568;

    width: 100%;
    height: 1px;
    display: block;

    position: absolute;
}

.big-search-social-list {
    margin: 0;
    padding: 0;

    text-align: center;

    background-color: #00003e;

}

.big-search-social-item {
    width: 42px;
    height: 42px;

    display: inline-block;

    border: 1px solid #1f4568;;

    background-color: #00003e;
    border-radius: 50%;

    margin: 12px 6px;

    position: relative;

    z-index: 2;

    color: white;

    line-height: 42px;

    -webkit-box-shadow: 0 0 0 9px #00003e;
    -moz-box-shadow: 0 0 0 9px #00003e;
    box-shadow: 0 0 0 9px #00003e;

    cursor: pointer;
}

.big-search-social-item a {

    color: inherit;
}

.big-search-social-item:hover {
    background-color: #fff;
    color: #00003e;
}

.big-search-social-item:hover a {
}

.big-search-block {
    width: 100%;
    height: 0;

    padding-bottom: 33%;

    background-color: #fff;

    border-radius: 6px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    position: relative;

    overflow: hidden;

    font-weight: 900;
    font-size: 3.1rem;

    cursor: pointer;

    /*text-shadow: 1px 1px 10px #000;*/

    margin-top: 25px;
    margin-bottom: 25px;


    color: #00003e;
    background: #fff !important;
}

.big-search-block:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;


    content: '';
    /*background-color: #000;*/


    opacity: .7;

    z-index: 0;
    will-change: opacity;

    transition: opacity .3s ease-in-out;
}

.big-search-block.big-search-block-bip {
    background-image: url('../images/content/bip.png');
}

.big-search-block.big-search-block-culture {
    background-image: url('../images/content/culture.jpg');

}

.big-search-block.big-search-block-off {
    background-image: url('../images/content/off.jpg');

}

.big-search-block span {
    position: absolute;
    left: 50%;
    top: 50%;

    transform: translateY(-50%) translateX(-50%);

    z-index: 2;
    will-change: transform;

    transition: transform .3s ease-in-out;
}

.big-search-block:hover {
}

.big-search-block:hover:after {
    opacity: 0;
}

.big-search-block:hover span {
    /*transform: translateY(0%) translateX(-50%);*/

    transform: translateY(-50%) translateX(-50%) scale(1.1);
}

.article-block {
    width: 100%;
    height: 556px;

    /*padding-bottom: 67%;*/

    background-size: cover;
    background-position: center center;

    cursor: pointer;

    /*border-radius: 6px;*/

    overflow: hidden;

    margin-bottom: 15px;

    display: inline-block;
}

.article-block.article-block-mid {
    height: calc((550px - 15px) * 0.67);
}

.article-block.article-block-half {
    height: calc((550px - 15px) * 0.50);
}

.article-block.article-block-event {
    /*height: calc((400px - 15px) * 0.50);*/

    height: 0;
    padding-bottom: 67%;
}

.article-block.article-block-pb50 {

    height: 0;
    padding-bottom: 50%;
}

.article-block.article-block-pb67 {

    height: 0;
    padding-bottom: 67%;
}

.article-block.article-block-min {
    height: calc((550px - 15px) * 0.33);
}

.article-block.article-block-big .article-block-info {
    padding: 48px;
}

.article-block.article-block-mid .article-block-info .title,
.article-block.article-block-half .article-block-info .title,
.article-block.article-block-pb50 .article-block-info .title,
.article-block.article-block-pb67 .article-block-info .title,
.article-block.article-block-min .article-block-info .title {
    font-size: 1.15rem;
    line-height: 1.6rem;
}

.article-block.article-block-mid .article-block-info .meta,
.article-block.article-block-half .article-block-info .meta,
.article-block.article-block-pb50 .article-block-info .meta,
.article-block.article-block-pb67 .article-block-info .meta,
.article-block.article-block-min .article-block-info .meta {
    display: none;
}

.article-block.article-block-shadow {
    position: relative;
    /*border-radius: 6px;*/
}

.article-block .article-block-important-dark {
    background-color: #00003e !important;
}

.article-block.article-block-shadow:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    /*border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*-ms-border-radius: 5px;*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, .8)));*/
    /*background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%);*/
    /*background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%);*/
    /*background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .8) 100%);*/
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;

    z-index: 2;
}

.article-block.article-block-shadow-force {
    position: relative;
}

.article-block.article-block-shadow-force:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    /*border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*-ms-border-radius: 5px;*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%);
    background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .8) 100%);
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;

    z-index: 2;
}

.article-block.article-block-shadow:hover:before {

    /*height: 75%;*/
}

.article-block .article-block-background {
    background-size: cover;
    background-position: center center;

    left: 0;
    top: 0;
    bottom: 0;
    right: 0;


    position: absolute;

    z-index: 1;

    transform: scale(1.02);
    transition: transform .3s ease-in-out;

    will-change: transform;

}

.article-block .article-block-icon {

    top: 18px;
    right: 18px;


    position: absolute;

    z-index: 2;

    color: #fff;

    text-shadow: 1px 1px 10px #000;
}

.article-block .article-block-number {

    background: #00cdfe;
    color: #fff;

    top: 0;
    left: 0;

    font-weight: 900;

    position: absolute;
    z-index: 3;

    font-size: 1.75rem;

    padding: 12px 24px;

    border-radius: 0 0 6px 0;
}

.article-block .article-block-important {

    background-color: #db0812;
    color: #fff;

    top: 0;
    left: 0;

    font-weight: 900;

    position: absolute;
    z-index: 3;

    font-size: 1.3rem;

    padding: 12px 24px;

    /*border-radius: 0 0 6px 0;*/
}

.article-block .article-block-info {
    position: absolute;
    z-index: 3;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    padding: 24px 24px 18px 24px;
    bottom: 0;

    width: 100%;
}

.article-block .article-block-info .category-list {
    position: relative;
    left: 0;
    top: 0;

    padding: 0;
    margin: 0 0 -6px;

    z-index: 1;
}

.article-block .article-block-info .category-list li {
    background: #00003e;
    color: #fff;
    padding: 0 10px;
    font-size: 0.77rem;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;

    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;

    letter-spacing: .44px;
}

.article-block .article-block-info .title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 6px;
    color: white;

    text-shadow: 1px 1px 10px #000;
}

.article-block .article-block-info .title a {
    color: white;

}


.article-block-name{
    /*position: absolute;*/
    /*top: 100%;*/
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 0px;
    margin-bottom: 15px;
    height: 62px!important;
    display: inline-block;

    font-weight: bold;
    overflow: hidden;
}

.article-block:hover .article-block-background {
    transform: scale(1.1);
}

.article-block .article-block-info .meta {

    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.article-block .article-block-info .meta li i {

    margin-right: 6px;
    font-size: 1rem;
    float: left;
    color: #fff;
}

.article-block .article-block-info .meta li {
    font-size: 0.92rem;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    margin-right: 24px;
    line-height: 2.4em;

}

.article-block .article-block-info .meta li.active {

}

.article-block .article-block-info .meta li.active i {
    color: #00cdfe;

}

.article-block.article-block-event {
    background: transparent !important;
}

.article-block.article-block-event .article-block-background {
    background-size: contain;
    background-repeat: no-repeat;
}

.article-block.article-block-event .article-block-event-thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

    left: 0;
    top: 0;
    bottom: 0;
    right: 0;

    display: block;
    position: absolute;

    filter: blur(20px);
}

.article-block.article-block-event .article-block-info .title {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0;

    font-weight: 600;

}
.article-block.article-block-event .article-block-options{
    left: 12px;
}
.article-block.article-block-event .article-block-info{

    padding: 12px 12px 6px 12px;
}

.article-block.article-block-event .article-block-info .meta li {
    margin-right: 0;
}

@media screen and (max-width: 768px) {

    .article-block {
        height: 80px !important;
        display: flex;
        flex-direction: row;
    }

    .article-block:before {
        display: none;
    }

    .article-block-background {
        width: 120px;
        height: 80px;
        position: initial !important;


    }

    .article-block .category-list {
        display: none;
    }

    .article-block .article-block-important {
        display: none;
    }

    .article-block-info {
        color: #000;
        padding: 0 !important;

        position: initial !important;
        padding-left: 12px !important;

        width: calc(100% - 120px) !important;
    }

    .article-block .article-block-icon {
        left: 6px;
        top: 6px;
    }

    .article-block .article-block-info .title {
        text-shadow: none;
        color: #000;
        font-size: 1rem !important;
        line-height: 1.15rem;
        /*font-weight: 500;*/
    }

    .article-block .article-block-info .meta li i,
    .article-block .article-block-info .meta li {
        color: #000;
    }


    .article-block.article-block-pb50 {

        padding-bottom: 0;
    }


    .article-block.article-block-event .article-block-background {
        background-color: #fff;
    }

    .article-block.article-block-event .article-block-event-thumb {
        display: none;
    }

    .article-block.article-block-event .article-block-info .title {

        max-height: 66px;
        overflow: hidden;
    }

    .article-block.article-block-event {
        background-color: #fff !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {

    .article-block {
        height: 0;
        padding-bottom: 67%;
    }

    .article-block .meta {
        display: none !important;
    }

    .article-block .article-block-info .title {

        font-size: 1.15rem !important;
        line-height: 1.6rem !important;
    }

    .article-block .article-block-info {
        position: absolute;
        z-index: 3;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        padding: 24px 24px 18px 24px !important;
        bottom: 0;
        width: 100%;
    }


    .article-block-pb50,
    .article-block-half,
    .article-block-mid {
        height: 0 !important;
        padding-bottom: 67% !important;
    }
}


.on-air {

    background-image: url('../images/content/on-air.jpg');
    background-position: center center;
    background-size: cover;
    height: calc((550px - 15px) * 0.67);

    border-radius: 6px;

    overflow: hidden;
    position: relative;

    padding-top: 74px;
}

.on-air:after {
    content: '';

    background-color: #00003e;

    opacity: .4;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;

    position: absolute;
    display: block;

    padding: 12px;
}

.on-air .on-air-head {
    background-color: #ffffff77;

    width: calc(100% - 48px);
    min-height: 48px;
    margin: 0 24px;

    top: 24px;

    border-radius: 6px;

    color: #fff;
    padding: 6px 12px;
    text-shadow: 1px 1px 4px #000;

    z-index: 6;
    position: absolute;

    cursor: pointer;
}

.on-air .on-air-head em,
.on-air .on-air-head b {
    position: relative;
    z-index: 2;

    font-weight: normal;
    font-style: normal;
}

.on-air .on-air-head em {
    font-size: 0.7rem;
    text-shadow: none;
}

.on-air .on-air-head b {
    font-weight: 500;
}

.on-air .on-air-head:before {
    position: absolute;
    content: '';
    top: 24px;
    right: 20px;
    width: 15px;
    height: 15px;
    border-left: 1px solid #00cdfe;
    border-top: 1px solid #00cdfe;
    transition: 0.5s;
    will-change: transform;
    transform: rotate(
            -135deg
    ) translateY(6px) translateX(6px);
}

.on-air.on-air-open .on-air-head:before {
    transform: rotate(
            45deg
    );
}


.on-air.on-air-open .on-air-list {
    opacity: .1;
}

.on-air .on-air-head b span {
    font-weight: 900;
}

.on-air .on-air-head-full {
    display: none;
}

.on-air.on-air-open .on-air-head {
    box-shadow: 1px 1px 4px #00000055;

}

.on-air.on-air-open .on-air-head-full {
    display: block;
}

.on-air.on-air-open .on-air-head-full li {
    height: 24px;
    line-height: 24px;
}

.on-air .on-air-list {
    margin: 24px 24px;
    position: relative;
    z-index: 2;
}

.on-air .on-air-list li {
    color: white;
    margin-bottom: 12px;
}

.on-air .on-air-list li b {

    text-shadow: 1px 1px 4px #000;
}

.on-air .on-air-list li span {
    float: right;
    font-size: 1.3rem;
    font-weight: 700;

    line-height: 42px;
    text-shadow: 1px 1px 4px #000;

}

.on-air .on-air-list li.active {
    position: relative;

    padding-left: 24px;
}

.on-air .on-air-list li.active:before {
    width: 12px;
    height: 12px;

    background-color: #00cdfe;
    position: absolute;
    left: 4px;
    top: 12px;

    content: '';

    display: block;

    border-radius: 6px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

.on-air .on-air-list li:last-child {
    padding-top: 12px;
    text-align: center;
    cursor: pointer;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgb(0, 203, 253);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 5px rgba(184, 194, 11, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(184, 194, 11, 0);
    }
}

.weather-block {
    float: right;
    margin-left: 12px;
}

.weather-block__img {
    height: 32px;
    display: inline-block;
    float: left;
}

.weather-block__temp {
    display: inline-block;
}

.on-top {
    padding: 24px 0;

    background: #eee;
    min-height: 70px;

    /*border-radius: 6px;*/
    overflow: hidden;
    position: relative;
}

.on-top .on-top-title {
    font-weight: 700;
    color: #000;

    margin: 24px 24px;
    font-size: 1.75rem;
}

.on-top .on-top-list::-webkit-scrollbar-track {
    background: #eee;
    border: 4px solid #eee;
}

.on-top .on-top-list {

    margin: 0 14px 40px 24px;
    padding: 0;
    list-style: none;
    position: relative;

    overflow: auto;


}

.on-top .on-top-list:before,
.on-top .on-top-list:after {

    position: absolute;
    content: '';
}

.on-top .on-top-list:after {

    width: 2px;
    height: 100%;
    display: block;
    background-color: #00003e;
    top: 0;
    bottom: 0;
    left: 7px;
}

.on-top .on-top-list-item {

    position: relative;
    padding-left: 32px;
    min-height: 40px;
    padding-bottom: 24px;
    padding-right: 12px;
}


.on-top .on-top-list-item__tweet {

}

.on-top .on-top-list-item__tweet::before {

    background-image: url('../images/twitter.svg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;

    background-color: #eeeeee !important;
    border: none !important;;
    border-radius: 0px !important;

}

.on-top .on-top-list-item__tweet b {
    color: #1da1f2 !important;

}

.on-top .on-top-list-item:last-of-type {
    padding-bottom: 0;
}

.on-top .on-top-list-item:before,
.on-top .on-top-list-item:after {

}

.on-top .on-top-list-item:before {

    content: "";
    display: block;
    height: 1em;
    width: 1em;
    position: absolute;
    top: 3px;
    left: 0;
    background: #00cdfe;
    border-radius: 50%;
    border: 2px solid #00cdfe;
    transform: translateX(1px);
    z-index: 2;
    -webkit-box-shadow: 0px 0px 0px 6px rgb(238 238 238);
    -moz-box-shadow: 0px 0px 0px 6px rgb(238, 238, 238);
    box-shadow: 0px 0px 0px 6px rgb(238 238 238);
}

.on-top .on-top-list-item b {

    font-size: 1.5rem;
    line-height: 1;
    color: #00cdfe;
    font-weight: bold;
    margin-right: 12px;
    font-size: 0.85rem;
}

.on-top .on-top-list-item p {
    margin: 0;
    /*color: #fff;*/

}

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


    .on-top {
        height: auto !important;
    }

    .on-top .on-top-list-item {
        display: none;
    }

    .on-top .on-top-list-item:nth-child(0),
    .on-top .on-top-list-item:nth-child(1),
    .on-top .on-top-list-item:nth-child(2),
    .on-top .on-top-list-item:nth-child(3),
    .on-top .on-top-list-item:nth-child(4),
    .on-top .on-top-list-item:nth-child(5) {
        display: block;
    }

}

@media screen and (min-width: 1024px) {

    .on-top.on-top-main {
        position: relative;
    }

    .on-top.on-top-main .on-top-list {
        position: absolute;

        top: 100px;
        bottom: 0;
    }
}

.title-line {
    color: inherit;
}

.title-line h2:before,
.title-line h3:before {

    position: absolute;

    content: '';

    top: 3px;
    left: 0;
    width: 4px;

    bottom: 3px;

    border-radius: 2px;

    background: #00cdfe;
}

.title-line h2,
.title-line h3 {
    position: relative;

    font-weight: 700;

    margin: 0;
    padding-left: 16px;
}

.title-line h2 {
    font-size: 1.75rem;
}

.title-line h3 {
    font-size: 1.3rem;
}


.title-line b {
    font-weight: 900;
}

.title-line span {
    float: right;
    opacity: .5;
    font-weight: 600;
}

.title-line ul {
    float: right;
    margin: 4px 0 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

.title-line li {
    display: inline-block;
    font-weight: 700;
    font-size: 1.22rem;

    margin: 0;
    padding: 0 12px;
    line-height: 32px;

    cursor: pointer;
}

.title-line li.active {
    color: #00cdfe;
    position: relative;
}

.title-line li.active:before {
    position: absolute;
    content: '';

    width: 6px;
    height: 6px;
    background-color: #00cdfe;

    border-radius: 6px;

    left: 4px;
    top: 12px;
}

.big-title {
    font-size: 42px;
    font-weight: 900;
    margin: 0;
}

.mid-title {
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 12px;

}

.min-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 12px;

}

.people-line-1:hover {
    transform: scale(1.012);

    -moz-box-shadow: 0 0 20px #00000033;
    -webkit-box-shadow: 0 0 20px #00000033;
    box-shadow: 0 0 20px #00000033;
}

.people-line-1 {
    width: 100%;
    height: 124px;

    position: relative;


    margin-bottom: 24px;
    background-color: #fafafa;

    padding: 36px 12px 12px 132px;

    /*border-radius: 6px;*/

    will-change: box-shadow, transform;
    transition: all .3s ease-in-out;

    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
}

.people-line-1-thumb {
    position: absolute;
    left: 12px;
    top: 12px;

    width: 100px;
    height: 100px;

    background-position: center;
    background-size: cover;
    overflow: hidden;

    display: block;

    border-radius: 50%;
}

.people-line-1-name {
    font-size: 32px;

    color: #000;


}

.people-line-1-btn {

    width: 42px;
    height: 42px;


    background: #00cdfe !important;

    border-radius: 50%;

    position: absolute;

    right: 24px;

    top: 50%;
    transform: translateY(-50%);

    text-align: center;

    cursor: pointer;
    color: #fff;
}

.people-line-1-btn i {
    line-height: 40px;

}

.people-line-1-name b {
    font-weight: 900;
    text-transform: uppercase;
}

.people-line-1-position {
    font-size: 1.15rem;
    color: #aaa;
}

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

    .people-line-1-position {
        display: none;
    }

    .people-line-1-btn {
        display: none;
    }

}

.people-block-1 {
    position: relative;

    overflow: hidden;
    width: 100%;
    height: 0;

    padding-bottom: 100%;

    border-radius: 6px;

    margin-bottom: 24px;

    cursor: pointer;

    will-change: box-shadow, transform;
    transition: all .3s ease-in-out;

    display: block;
}

.people-block-1:hover {

    transform: scale(1.03);

    -moz-box-shadow: 0 0 20px #00000033;
    -webkit-box-shadow: 0 0 20px #00000033;
    box-shadow: 0 0 20px #00000033;
}

.people-block-1-thumb {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 100%;
    height: 0;

    padding-bottom: 100%;

    will-change: transform;
    transition: transform .3s ease-in-out;
}

.people-block-1:hover .people-block-1-thumb {
    transform: scale(1.1);
}

.people-block-1:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%);
    background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .8) 100%);
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    z-index: 2;
}

.people-block-1-info {

    position: absolute;
    z-index: 3;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    padding: 24px 24px 18px 24px;
    bottom: 0;
    width: 100%;

    padding: 24px;
}

.people-block-1-name {
    font-size: 36px;
    color: #fff;
    text-shadow: 1px 1px 10px #000;
}

.people-block-1-name b {
    font-weight: 900;
    text-transform: uppercase;
}

.people-block-1-position {
    color: #fff;

    opacity: .7;
}

.people-thumb {

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    will-change: transform;
    transition: transform .3s ease-in-out;

    /*border-radius: 6px;*/
    overflow: hidden;
}

.people-thumb .people-name {

    position: absolute;
    z-index: 3;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    bottom: 30px;
    /* width: 100%; */
    padding: 16px 22px 12px;
    background: #00cdfe;


    font-size: 26px;
    color: #fff;
    text-shadow: 1px 1px 10px #000;
    line-height: 24px;

    border-radius: 0 6px 6px 0;

    display: none;
}

.people-thumb .people-name span {
    font-size: 1rem;
    color: #fff;
    opacity: .7;
    text-shadow: none;
}

.people-info {
}

.people-info-title {
    margin: 0;
    padding: 0;
    line-height: 1em;

    font-size: 42px;
    /*font-weight: 700;*/
}

.people-info-title b {
    text-transform: uppercase;
    font-weight: 900;
}

.people-info
.people-info-text {
    font-size: 1.15rem;
    line-height: 2em;
}

.people-info .people-info-list {
    margin: 0;
    padding: 0;

    font-size: 1.15rem;
    line-height: 2em;
}

.people-info .people-info-list li {
}

.people-info .people-info-list a {

    color: #00cdfe;
}

.people-info .people-info-list b {
    width: 120px;
    display: inline-block;
}

.people-info .people-list-social {
    margin-top: 24px;
}

.people-info .people-list-social li {


}

.people-info .people-list-social a {
    background-color: #00cdfe;
    border: 1px solid #00cdfe;
}


.family-block {
    width: 100%;
    height: 0;
    padding-bottom: 67%;


    margin: 0 0 20px;
    position: relative;

    cursor: pointer;

    /*border-radius: 6px;*/

    overflow: hidden;
    display: block;
    position: relative;
}

.family-block-archive,
.family-block-roadmap {

    left: 24px;
    top: 30px;

    position: absolute;
    z-index: 4;

    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;

    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;

    letter-spacing: .44px;
}

.family-block-archive {
    color: #fff;
    background: #f7941d;
}

.family-block-roadmap {
    color: #fff;
    background: #00cdfe;;
}

.family-block-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.family-block:after {

    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%);
    background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .8) 100%);
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;

    z-index: 2;

}

.family-block-info {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 3;

    padding: 0 24px 24px;
}

.family-block-title {

    font-size: 1.3rem;
    font-weight: 700;
    line-height: 26px;

    margin: 0 0 6px;
    color: white;
    text-shadow: 1px 1px 10px #000;
}

.family-block-title a {
    color: white;

}

.family-block-meta {
}

.family-block-options {
    position: absolute;

    margin: 0;
    padding: 0;

    list-style: none;

    top: 24px;
    right: 24px;

    z-index: 4;
}

.family-block-options .family-block-options-item {
    margin: 0;
    padding: 0;
    display: inline-block;

    /*background-color: #ffffff55;*/
    /*color: #00003e;*/
    cursor: pointer;

    width: 32px;
    height: 32px;

    margin-left: 12px;
    text-align: center;
    line-height: 38px;

    border-radius: 50%;

    color: #fff;
    text-shadow: 1px 1px 10px #000;

}

.family-block-options .family-block-options-item:hover {
    /*background-color: #ffffffaa;*/

}

.family-block-options .family-block-options-item-link {
    color: inherit;
}

.family-block-options .family-block-options-item-link i {
    line-height: inherit;
}


.family-block-nice {
    width: 100%;
    height: 0;

    padding-bottom: 67%;

    position: relative;

    display: block;

    margin-bottom: 20px;

    background-color: #fff;
    color: #fff;

}

.family-block-nice .family-block-nice__thumb,
.family-block-nice .family-block-nice__bg,
.family-block-nice .family-block-nice__info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.family-block-nice .family-block-nice__thumb {
    z-index: 1;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}

.family-block-nice .family-block-nice__bg {
    z-index: 2;

    background-image: url('../images/family-nice.png');

    background-size: cover;

    display: none;

}

.family-block-nice .family-block-nice__info {
    z-index: 3;
    padding-left: 4.1666%;
    padding-bottom: 7.5%;
}

.family-block-nice .family-block-nice__name {
    z-index: 3;
    left: 4.1666%;
    right: 60%;
    top: 50%;
    transform: translateY(-50%);

    position: absolute;

    font-family: 'CODE', sans-serif;
    font-size: 24px;

    line-height: 28px;

    font-size: 17px;
    line-height: 22px;

    font-weight: 600;

}

.family-block-nice .family-block-nice__author {
    z-index: 3;
    left: 4.1666%;
    bottom: 7.5%;
    position: absolute;

    display: none;
}

.user-list {
    margin: 0 0 -12px;
    padding: 0;
    list-style: none;

    color: #fff;
}

.user-list__item {
    margin: 0 0 6px;
    list-style: none;
    padding: 0 30px 0 38px;
    position: relative;
    display: inline-block;
}

.user-list__link {
    color: inherit;
}

.user-list__name {
    color: inherit;
    margin: 0 0 -3px;
    padding: 9px 0 12px;

    font-size: 0.85rem;
    font-weight: 600;

    line-height: 1.1em;
}

.user-list__name b {
    font-weight: 900;
    text-transform: uppercase;
}

.user-list__position {
    font-size: 10px;

    color: inherit;

    opacity: .7;
}

.user-list__thumb {
    width: 32px;
    height: 32px;

    display: block;

    margin: 0;
    padding: 0;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    position: absolute;
    left: 0;
    top: 0;

    border-radius: 50%;
}

.user-list.user-list-mid .user-list__item {
    padding: 0 30px 0 60px;

}

.user-list.user-list-mid .user-list__name {
    font-size: 1.15rem;
    padding: 8px 0 0;
}

.user-list.user-list-mid .user-list__thumb {
    width: 48px;
    height: 48px;
}


.user-list.user-list-big .user-list__item {
    padding: 24px 30px 24px 96px;

    width: 50%;

    box-shadow: 0 0 8px rgba(0, 0, 0, .1);

    margin-bottom: 24px;

    background: white;

}

.user-list.user-list-big .user-list__name {
    font-size: 22px;
    padding: 0;
    margin-bottom: 2px;
}

.user-list.user-list-big .user-list__position {
    font-size: 1rem;
}

.user-list.user-list-big .user-list__thumb {
    width: 72px;
    height: 72px;

    left: 12px;
    top: 12px;
}

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

    .user-list.user-list-big .user-list__item {
        width: 100%;
    }

}

.user-list.user-list-dark {

    color: #000;
}

.button-line {
    height: 38px;

    position: relative;
    text-align: center;
}

.button-line:before {
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    content: '';

    left: 0;
    right: 0;

    height: 2px;

    background-color: #1f4568;

}

.button-line-button {

    position: relative;

    z-index: 2;
    margin: 0 auto;

    height: 38px;

    line-height: 36px;

    border: 2px solid #1f4568;

    background-color: #f6f6f6;

    display: inline-block;

    border-radius: 19px;

    color: #1f4568;

    padding: 0 24px;

    -webkit-box-shadow: 0px 0px 0px 12px rgb(246 246 246);
    -moz-box-shadow: 0px 0px 0px 12px rgba(246, 246, 246, 1);
    box-shadow: 0px 0px 0px 12px rgb(246 246 246);
}

.button-line-button:hover {

    background-color: #1f4568;
    color: #fff;
}

@media screen and (max-width: 768px) {

    .button-line-button {
        background-color: #ffffff;
        -webkit-box-shadow: 0px 0px 0px 12px rgb(255 255 255);
        -moz-box-shadow: 0px 0px 0px 12px rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 0px 12px rgb(255 255 255);
    }
}

.filter {

    background-color: #00003e;

    color: #fff;

    position: relative;


}

.filter-block {
}

.filter-block-head {
    cursor: pointer;
    font-size: 1.3rem;
    text-transform: uppercase;
    padding: 24px 20px;

    position: relative;
}

.filter-block-head:before {
    position: absolute;
    content: '';

    right: 0;
    top: 0;


}

.filter-block-head:before {
    position: absolute;
    content: '';
    top: 32px;
    right: 32px;
    width: 18px;
    height: 18px;
    border-left: 2px solid #00cdfe;
    border-top: 2px solid #00cdfe;
    transition: 0.5s;
    will-change: transform;
    transform: rotate(
            -135deg
    ) translateY(6px) translateX(6px);
}

.filter-block.filter-block-open .filter-block-head:before {
    transform: rotate(
            45deg
    );
}

.filter-block-body {
    position: absolute;

    display: none;

    padding: 24px 0 !important;
}


.filter-block-body::-webkit-scrollbar {
    width: 18px;
    border: 4px solid #00003e;
}

/* Track */
.filter-block-body::-webkit-scrollbar-track {
    background: #00003e;
    border: 4px solid #00003e;
}

/* Handle */
.filter-block-body::-webkit-scrollbar-thumb {
    background: #00cdfe;
    opacity: .7;
    border: 4px solid #00003e;

    border-radius: 10px;

    cursor: pointer;
}

/* Handle on hover */
.filter-block-body::-webkit-scrollbar-thumb:hover {
    background: #00cdfe;
    opacity: 1;
}

.filter-block.filter-block-open {

}

.filter-block.filter-block-open .filter-block-body {
    width: 100%;
    background-color: #00003e;
    color: #000;
    display: block;

    left: 0;
    top: 60px;

    height: 500px;
    max-height: 80vh;
    z-index: 5;


    border-top: 1px solid #1f4568;

    -moz-box-shadow: 0 0 20px #00000055;
    -webkit-box-shadow: 0 0 20px #00000055;
    box-shadow: 0 0 20px #00000055;

    overflow-y: scroll;

}

.filter-block-date {


    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none;

    font-size: 1.3rem;
    color: #fff;
    width: 100%;
    padding: 24px 20px;
}

.filter-block-date::-webkit-calendar-picker-indicator {
    cursor: pointer;
    border-radius: 4px;
    margin-right: 2px;
    opacity: 0.6;
    filter: invert(0.8);
    /*color: #00cdfe;*/
}

.filter-block-body-item {
    background-color: #1f4568;

    border-radius: 6px;

    position: relative;

    padding: 12px 12px 12px 60px;

    cursor: pointer;

    display: inline-block;
}

.filter-block-body-item.filter-block-body-item-selected {

    background: #00cdfe;
}


@media screen and (max-width: 768px) {

    .filter-block-body-item {
        width: calc(100% - 48px);
        margin: 0 24px 20px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    .filter-block-body-item {
        width: calc(50% - 54px);
        margin: 0 24px 20px;
    }
}

@media screen and (min-width: 1025px) {

    .filter-block-body-item {
        width: calc(33% - 48px);
        margin: 0 24px 20px;
    }
}

.filter-block-body-item-name {

    color: #fff;
    margin: 0 0 -3px;
    padding: 3px 0 0;
    font-size: 0.85rem;
    font-weight: 600;
}

.filter-block-body-item-name-full {

    color: #fff;
    margin: 0 0 -3px;
    padding: 10px 0;
    font-size: 0.85rem;
    font-weight: 600;
}

.filter-block-body-item-position {

    font-size: 10px;
    color: #fff;
    opacity: .7;
}

.filter-block-body-item-thumb {

    width: 32px;
    height: 32px;
    display: block;
    margin: 0;
    padding: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 12px;
    top: 12px;
    border-radius: 50%;
}

.family-show-info {

    background: #eee;
    /*color: #fff;*/

    padding-bottom: 48px;
    margin-bottom: 50px;

    /*-moz-box-shadow: 0 0 20px #00000055;*/
    /*-webkit-box-shadow: 0 0 20px #00000055;*/
    /*box-shadow: 0 0 20px #00000055;*/

    margin-top: -12px;
    padding-top: 12px;
}

.family-show-info .big-title {
    margin-bottom: 6px;

    /*text-shadow: 1px 1px 10px #000;*/

}


.family-show-info-share {

    float: right;

    margin: 12px;
    color: #00cdfe;

    /*text-shadow: 1px 1px 10px #000;*/

    cursor: pointer;
}

.family-show-info-thumb {

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    width: 100%;
    height: 0;
    padding-bottom: 75%;

    /*border-radius: 6px;*/

}

.family-show-info-text {
    font-size: 1.3rem;
    line-height: 32px;
}

.family-show-info .title-line {
    /*color: #fff;*/
}


.family-show-info-archive,
.family-show-info-roadmap {

    z-index: 4;

    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;

    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;

    letter-spacing: .44px;
}

.family-show-info-archive {
    color: #fff;
    background: #f7941d;
}

.family-show-info-roadmap {
    color: #fff;
    background: #00cdfe;;
}

.family-show__link {
    border: 1px solid #ddd;
    background-color: #eee;
    color: #000;

    display: inline-block;

    padding: 4px 12px;
}

.family-line {
    position: relative;
    /*border-radius: 6px;*/
    overflow: hidden;
    padding-left: 134px;
    padding-right: 200px;

    margin-bottom: 24px;

    background-color: #fff;
}

.family-line-thumb {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 110px;


    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
}

.family-line-info {
    padding: 24px 0;
}

.family-line-info-title {
    font-size: 1.15rem;
    margin-bottom: 12px;

    font-weight: 700;

    margin-top: 0;
}

.family-line-options {
    position: absolute;

    right: 24px;

    top: 50%;

    transform: translateY(-50%);

    margin: 0;
    padding: 0;

    list-style: none;
    display: inline-block;
}

.family-line-options-item {
    margin: 0;
    padding: 0;

    display: inline-block;

    width: 42px;
    height: 42px;

    margin-left: 12px;
    border-radius: 50%;

    background-color: #00cdfe;
    color: #fff;

    text-align: center;

    line-height: 42px;
    font-size: 20px;

    cursor: pointer;
}

.family-line-options-item a {
    color: inherit;
}

.family-line-options-item i {
    line-height: inherit;
    font-size: inherit;
}

.family-line-info-meta {
    margin: 0;
    padding: 0;

    list-style: none;
}

.family-line-info-meta li {
    line-height: 17px;

    margin: 0;
    padding: 0 24px 0 0;

    display: inline-block;

    cursor: pointer;

}

.family-line-info-meta li:not(.family-line-info-labels) {
    opacity: .7;

}

.family-line-info-meta li i {
    font-size: 1.15rem;
    line-height: inherit;
    float: left;
    margin-right: 6px;

    color: #000;
}

.family-line-info .family-line-info-label {
    color: #fff;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;

    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;

    letter-spacing: .44px;
}

@media screen and (max-width: 768px) {


    .family-line {

        padding-left: 0;
        padding-top: 200px;
        padding-right: 0;
    }

    .family-line-thumb {

        left: 0;
        right: 0;

        width: auto;

        height: 200px;

    }

    .family-line-info {
        padding: 12px;
    }

    .family-line-options {
        top: 32px;
    }

    .family-line-info-title {
        margin-bottom: 6px;
    }
}

.article {
    position: relative;

    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 24px;

    /*border-radius: 6px;*/
}

.article img{
    max-width: 100% !important;
    height: auto!important;
}

.article-lead {

    font-size: 1.3rem;
    line-height: 2.05rem;
    margin-bottom: 24px;
    margin-bottom: 24px;
    display: inline-block;
    margin-top: 12px;

    max-width: 100%;
    overflow: hidden;
}

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

    .article {
        padding: 0;
        box-shadow: none;
        background-color: transparent;
    }

    .article-title {
        font-size: 22px;
    }

    .article-share {
        top: 0 !important;
        right: 0 !important;
    }

    .font-select.article__font-select {

        margin-top: 0 !important;

    }
}

.article-title {
    margin-bottom: 20px;

    padding-right: 50px;
}


.article__font-select {

    width: 100px;
    float: right;
    margin-right: 50px;
    margin-top: 6px !important;
}

.article-share {
    position: absolute;
    right: 0px;
    top: 6px;
    right: 24px;
    top: 30px;
    color: #00cdfe;

    cursor: pointer;

    width: 42px;
    height: 42px;

    border-radius: 50%;
    background-color: #fff;

    text-align: center;
    line-height: 42px;


}

.article-share i {

    line-height: 41px;
}


.article-important {

    background-color: #db0812;
    color: #fff;

    top: 0;
    left: 0;

    font-weight: 900;

    position: absolute;
    z-index: 3;

    font-size: 1.3rem;

    padding: 12px 24px;

    border-radius: 0 0 6px 0;
}

.article-text {
    font-size: 1.3rem;

    line-height: 2.05rem;

    margin-bottom: 24px;
}

.article-text > div {
    margin-bottom: 1em;
}

.article-text blockquote {
    /*color: #00cdfe;*/
    /*padding: 36px;*/
    /*background-color: #eee;*/

    /*border-left: 5px solid #00cdfe;*/
}

.article-foot {
    line-height: 2.2em;
}

.article-foot b {
    display: inline-block;
    width: 140px;
}

.article-tag {
    padding: 3px 12px;

    border: 1px solid #1f4568;

    text-decoration: none;

    margin-right: 6px;
    border-radius: 6px;
}

.article-audio {
    width: 100%;
}

.article-audio:focus,
.article-audio:hover {
    border: none;
    outline: none;
}

.article-thumb {

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    width: 100%;
    height: 0;

    padding-bottom: 67%;

    /*border-radius: 6px;*/
    position: relative;
}

.article-thumb-tags {
    padding: 0;
    margin: 0 0 12px;

    font-style: italic;

    opacity: .7;
    font-weight: 600;


    font-family: "Poppins";
}

.article-meta {
    margin: 0 0 12px;
    padding: 0;

    list-style: none;
}

.article-meta-item {
    margin: 0;
    padding: 0 24px 0 0;

    display: inline-block;
    line-height: 19px;

    opacity: .7;

    font-weight: 700;

}

.article-meta-item.article-meta-item-fullopacity {
    opacity: 1;
}

.article-meta-item.article-meta-item-live {
    font-weight: 700;
    position: relative;

    padding-left: 12px;
}

.article-meta-item.article-meta-item-live .live-dot {
    position: absolute;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    top: 6px;
    left: 0;

    background-color: red;
}

.article-meta-item i {

    font-size: 1.15rem;
    line-height: inherit;
    float: left;
    margin-right: 6px;
    color: #000;
    /*color: #00cdfe;*/

}

.article-meta-item-labels {
    opacity: 1;
}

.article-meta-item-labels .article-meta-item-label {
    color: #fff;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    letter-spacing: .44px;
}

@media screen and (max-width: 1024px) {
    .article-title {

        padding-right: 0;
        padding-top: 60px;
    }

    .article-thumb {
        padding-bottom: 67%;
    }
}

.playersmall {

    position: fixed;

    left: 0;
    bottom: 0;
    right: 0;

    height: 90px;

    background-color: #ddd;
    color: #fff;

    z-index: 998;

    /*-moz-box-shadow: 0 0 20px #00000055;*/
    /*-webkit-box-shadow: 0 0 20px #00000055;*/
    /*box-shadow: 0 0 20px #00000055;*/
}

.playersmall-thumb {
    width: 90px;
    height: 90px;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    position: absolute;

    left: 0;
    top: 0;
}

.playersmall-progress {
    width: calc(100% - 102px);

    height: 4px;

    border-radius: 2px;

    background-color: #ffffff55;

    position: relative;

    overflow: hidden;

    left: 102px;
    top: 12px;
}

.playersmall-progress-load {
    position: absolute;

    left: 0;
    top: 0;

    height: 4px;
    width: 33%;
    background-color: #ffffff;
}

.playersmall-info,
.playersmall-playpause,
.playersmall-share {

    border-radius: 50%;

    position: absolute;

    cursor: pointer;
    top: 40px;

    width: 38px;
    height: 38px;
}

.playersmall-info i,
.playersmall-playpause i,
.playersmall-share i {

    font-size: 1.75rem;
}

.playersmall-info {
    left: 110px;
}

.playersmall-info i {

}

.playersmall-share {
    right: 0px;
}

.playersmall-playpause {

    top: 28px;

    width: 48px;
    height: 48px;

    text-align: center;
    line-height: 48px;

    left: calc((100% - 102px) / 2);
    transform: translateX(50%);

    background-color: #fff;
    color: #00cdfe;
}

.playersmall-playpause i {
    line-height: inherit;

}

.user-item {
    position: relative;

    min-height: 32px;

    padding-left: 44px;

    cursor: pointer;

    display: inline-block;

    color: inherit;


    padding-right: 12px;

}

.user-item__thumb {
    width: 32px;
    height: 32px;

    position: absolute;
    left: 0;
    top: 0;

    display: block;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    border-radius: 50%;
}

.user-item__thumb.user-item__thumb-inside {

    background-size: contain;
}

.user-item__name {
}

.user-item__position {
}

.user-item.user-item-min {
    padding-left: 30px;
    font-weight: 600;
    min-height: 24px;
}

.user-item.user-item-min .user-item__thumb {
    width: 24px;
    height: 24px;
}

.user-item.user-item-min .user-item__name {
    line-height: 24px;

    /*float: left;*/
}

.user-item.user-item-min .user-item__name b {
    font-weight: 900;
    text-transform: uppercase;
}

.user-item.user-item-min .user-item__position {
    display: none;
}


.article-gallery {
    margin-bottom: 12px;
}

.article-gallery .owl-nav {
    position: absolute;
    top: 50%;

    width: 100%;
    height: 0;

    transform: translateY(-50%);

    padding: 0 !important;
    margin: 0 !important;
}

.article-gallery .owl-prev,
.article-gallery .owl-next {
    width: 42px;
    height: 42px;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 38px !important;
    box-shadow: 0px 1px 1px #00000029;
    border-radius: 42px !important;
    opacity: 1;

    padding: 0 !important;
    margin: 0 !important;


    display: block;

    position: absolute;

    z-index: 100;


    line-height: 12px !important;

}

.article-gallery .owl-prev {
    border-radius: 0 42px 42px 0 !important;
    left: 0 !important;
}

.article-gallery .owl-next {
    border-radius: 42px 0 0 42px !important;
    right: 0 !important;
}

.article-gallery .owl-prev span {

    top: 13px;
    position: absolute;
    left: 12px;
}

.article-gallery .owl-next span {

    top: 13px;
    position: absolute;
    right: 12px;
}


.article-gallery .gallery-image {
    overflow: hidden;

    width: 100%;
    height: 0;
    padding-bottom: 67%;

    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;

    vertical-align: center;
}

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

    .article-gallery .owl-prev,
    .article-gallery .owl-next {
        display: none !important;
    }
}

.article-thumbs {
    margin-bottom: 12px;
}

.article-thumbs .owl-item {
    opacity: .5;

    cursor: pointer;

    border-radius: 6px;

    overflow: hidden;

    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;


}

.article-thumbs .owl-item.current {
    opacity: 1;
}

.article-thumbs .gallery-image {
    width: 100%;
    height: 0;
    padding-bottom: 67%;
    background-size: cover;;
}


.gallery {
    /*transition: 3s;*/
}


.gallery .gallery-full-screen {
    cursor: pointer;
    margin-left: 12px;
    float: left;
    margin-top: -2px;
}

.gallery-boxed {
}

.gallery-boxed .gallery-close {
    display: none;
}

.gallery-full {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100vh;
    background-color: #000;

    z-index: 2000;
}

.gallery-full {

}

.gallery-full .gallery-close {
    display: initial;
}

.gallery-full .gallery-close {
    top: 12px;
    right: 12px;
}

.gallery-full .article-gallery,
.gallery-full .article-gallery .gallery-image {
    height: 95vh;
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
    margin-top: 10px;
}

.gallery-full .owl-stats {
    color: #fff;
    padding-right: 6px;
    padding-left: 6px;
}

.gallery-full .gallery-full-screen {
    display: none;
}

.gallery-full .article-thumbs {
    height: 10vh;
    display: none;
}

.gallery-full .article-thumbs .gallery-image {
    height: 10vh;
    padding-bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.gallery-full .article-gallery .owl-next,
.gallery-full .article-gallery .owl-prev {
    color: #fff !important;
    background-color: transparent !important;
}

.article-news-list {

    margin: 0 24px 40px;
    padding: 0;
    list-style: none;
    position: relative;
}

.article-news-list:before,
.article-news-list:after {

    position: absolute;
    content: '';
}

.article-news-list:after {

    width: 2px;
    height: 100%;
    display: block;
    background-color: #00003e;
    top: 0;
    left: 7px;

}

.article-news-item {

    position: relative;
    padding-left: 32px;
    min-height: 40px;
    padding-bottom: 24px;
    padding-right: 0px;
}

.article-news-item:last-of-type {
    padding-bottom: 0;
}

.article-news-item:before {

    content: "";
    display: block;
    height: 1em;
    width: 1em;
    position: absolute;
    top: -1px;
    left: 0;
    background: #00cdfe;
    border-radius: 50%;
    border: 2px solid #00cdfe;
    transform: translateX(1px);
    z-index: 2;
    /*-webkit-box-shadow: 0px 0px 0px 6px #f6f6f6;*/
    /*-moz-box-shadow: 0px 0px 0px 6px #f6f6f6;*/
    /*box-shadow: 0px 0px 0px 6px #f6f6f6;*/

    -webkit-box-shadow: 0px 0px 0px 6px #fff;
    -moz-box-shadow: 0px 0px 0px 6px #fff;
    box-shadow: 0px 0px 0px 6px #fff;
}

.article-news-item-time {

    line-height: 1;
    /*color: #00cdfe;*/
    font-weight: bold;
    margin-right: 12px;
    margin-top: 6px;
    font-size: 1.15rem;
    margin-bottom: 12px;
}

.article-news-item-text {

    margin: 0;
    color: #000;

    font-size: 1.3rem;
    line-height: 2.05rem;
}

.article-line {
    margin-bottom: 48px;
}

.article-line-thumb {
    width: 100%;
    height: 0;
    padding-bottom: 50%;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    /*border-radius: 6px;*/
    display: block;
}

.article-line-thumb-title {
    font-weight: 900;
}

.article-line-info-title {
    font-weight: 700;

    font-size: 1.75rem;
}

.article-line-info-title a {
    color: inherit;
}

.article-line-info {
    padding: 0 12px 24px;
}

.article-line-meta {
}

.article-line-meta-item {
}

.article-line-labels {
}

.article-line-text {
    font-size: 1.3rem;
    line-height: 2.05rem;
}

.article-line-right-small {
    position: relative;

    padding: 4px 12px 12px 142px;
    height: 92px;
    margin-bottom: 12px;

    /*border-radius: 6px;*/

    overflow: hidden;
}

.article-line-right-small__thumb {
    width: 130px;
    height: 84px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    position: absolute;
    left: 0;
    top: 0;

    display: block;

    /*border-radius: 6px;*/
}

.article-line-right-small__number {

    background-color: #00cdfe;
    color: #00003e;
    padding: 3px 12px;

    position: absolute;
    left: 0;
    bottom: 0;

    font-weight: 700;

    border-radius: 0 6px 0 0;
    font-size: 1.3rem;
}

.article-line-right-small__title {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.4em;

    margin: 0 0 6px;

    display: inline-block;

    height: 44px;

    overflow: hidden;
}

.article-line-right-small__date {
    font-size: 0.85rem;
    opacity: .7;
}

.meta-list {
    margin: 0 0 12px;

    padding: 12px 0;

    list-style: none;
}

.meta-item {
    margin: 0;
    padding: 0 24px 0 0;

    display: inline-block;
    line-height: 19px;

    opacity: .7;

    font-weight: 700;

}

.meta-item.meta-item-fullopacity {
    opacity: 1;
}

.meta-item.meta-item-ticket-no {
    color: green;
}

.meta-item.meta-item-ticket-no i {
    color: green;

}

.meta-item.meta-item-live {
    font-weight: 700;
    position: relative;

    padding-left: 12px;
}

.meta-item.meta-item-live .live-dot {
    position: absolute;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    top: 6px;
    left: 0;

    background-color: red;
}

.meta-item i {

    font-size: 1.15rem;
    line-height: inherit;
    float: left;
    margin-right: 6px;
    color: #000;
    /*color: #00cdfe;*/

}

.meta-item-labels {
    opacity: 1;
}

.meta-item-labels .meta-item-label {
    color: #fff;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    letter-spacing: .44px;
}

.event-line {

    position: relative;

    /*border-radius: 6px;*/

    overflow: hidden;

    padding: 18px 12px 18px 164px;
    margin-bottom: 24px;

    border: 1px solid #ddd;

    background-color: #fff;

    box-shadow: 0 0 8px rgb(0 0 0 / 10%);

}

.event-line-thumb {
    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;


    width: 140px;
}

.event-line-info-title {
    font-size: 1.3rem;
    margin: 0 0 6px;
    padding: 0;

    font-weight: 700;
}

.event-line-info {
    padding: 0px 192px 0 0;

}

.event-line .meta {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .event-line {

        padding: 12px 12px 12px 132px;
        box-shadow: none;
    }

    .event-line .meta__item-user {
        display: none;
    }

    .event-line .user-item {
        display: none;
    }

    .event-line .event-line-thumb {
        width: 120px;
    }

    .event-line .event-line-info {
        padding-right: 0;
    }

    .event-line .options-list {
        display: none;
    }

    .event-line .event-line-info-title {
        font-size: 1rem;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {

    .event-line-thumb {
        height: 93px;
        bottom: auto;

        top: 50%;
        transform: translateY(-50%);

        background-size: contain;
    }

}

.calendar {
    max-width: 370px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    margin: 0 auto;

    position: relative;
}


.calendar.calendar-no-edit .body:after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999999;
}

.calendar.calendar-load {
    opacity: .3;
}

.calendar .nav {
    width: 100%;
    position: relative;

    height: 42px;

    text-align: center;
}

.calendar .nav .name {
    display: block;
    width: calc(100% - 64px);
    text-align: left;

    line-height: 19px;

    padding-top: 4px;
    float: left;

    font-size: 1.3rem;
}

.calendar .nav .name span {
    font-weight: 900;
}

.calendar .nav .prev,
.calendar .nav .next {
    border: none;
    background: none;
    width: 32px;
    height: 32px;
    position: relative;

    display: block;
    margin: 0;
    padding: 0;


    cursor: pointer;

    opacity: 0.3;

    float: left;
}

.calendar .nav .prev:hover,
.calendar .nav .next:hover {
    opacity: 1;
}

.calendar .nav .prev:after,
.calendar .nav .next:after {
    border: none;

    top: 8px;

    width: 12px;
    height: 12px;

    background: transparent;


    display: block;
    content: "";

    position: absolute;


}

.calendar .nav .prev:focus,
.calendar .nav .next:focus {
    outline: none;
}

.calendar .nav .prev:after {

    left: 12px;

    border-left: 2px solid #00003e;
    border-top: 2px solid #00003e;

    transform: rotate(-45deg);

}

.calendar .nav .next:after {

    right: 12px;

    border-right: 2px solid #00003e;
    border-top: 2px solid #00003e;

    transform: rotate(45deg);

}

.calendar .nav .name {
}

.calendar .day {
    width: calc((100% - 42px) / 7);
    text-align: center;
    height: 44px;
    line-height: 44px;

    position: relative;


    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    float: left;

    margin: 0 3px;
}

.calendar .day.day-before span {
    opacity: 0.3;
}

.calendar .day.day-today span {
    /*background-color: #00cdfe;*/
    /*color: #fff;*/

    border-radius: 50%;


    height: 34px;
    width: 34px;

    margin: 4px auto;
    position: initial;

    display: block;

    background-color: #00003e;
    /*background-color: #00cdfe;*/
    color: #fff;
}

.calendar .head {
    margin: 0 -12px 0 -24px;
}

.calendar .head .day {
    /*font-weight: bold;*/

    position: relative;

    color: #000;

    font-weight: 700;


}

.calendar .body .day:nth-child(7),
.calendar .body .day:nth-child(14),
.calendar .body .day:nth-child(21),
.calendar .body .day:nth-child(28),
.calendar .body .day:nth-child(35) {
    color: red;
}

.calendar .body {
    position: relative;
    margin: 0 -12px 0 -24px;
}

.calendar .day-sat,
.calendar .day-sun {

    /*background-color: rgba(0,0,0,.04);*/
    font-weight: bold !important;
}

.calendar .day-sat span,
.calendar .day-sun span {
    font-weight: 900 !important;
}

.calendar .body .day {

    cursor: pointer;

}

.calendar .day span {
    position: absolute;
    z-index: 2;

    height: 34px;
    line-height: 34px;

    font-weight: 500;

    left: 0;
    top: 3px;
    width: 100%;
}

.options-list {

    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-55%);
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;

}

.options-line {

    margin: 0;
    padding: 0;
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-left: 12px;
    border-radius: 50%;
    background-color: #fff;
    color: #00cdfe;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
}

.options-line a {
    color: inherit;
}

.options-line i {
    color: inherit;
}

.article-gallery-block {
    text-align: center;
    margin-bottom: 12px;
}

.article-gallery-block .meta-list {
    margin-bottom: 0;
    text-align: left;
}

.article-gallery-block-thumb {

    width: 100%;
    height: 0;
    padding-bottom: 60%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*border-radius: 6px;*/

    position: relative;

    margin-bottom: 12px;

    display: block;
}

.article-gallery-block-icon {

    top: 18px;
    right: 18px;
    position: absolute;
    z-index: 2;
    color: #fff;
    text-shadow: 1px 1px 10px #000;
}

.article-gallery-block-labels {
    position: absolute;

    left: 12px;
    bottom: 12px;

    margin: 0;
}

.article-gallery-block-label {

    background: #00003e;
    color: #fff;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;

    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;

    letter-spacing: .44px;
}

.article-gallery-block-title {
    font-weight: 700;
    font-size: 1.15rem;

    margin: 0;
    padding: 0;

    color: #00003e;

    height: 52px !important;

    overflow-y: hidden;
}


.article-video-block {
    text-align: center;
}

.article-video-block .meta-list {
    margin-bottom: 0;
    text-align: left;
}

.article-video-block-thumb {

    width: 100%;
    height: 0;
    padding-bottom: 60%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*border-radius: 6px;*/

    position: relative;

    margin-bottom: 12px;

    display: block;
}

.article-video-block-icon {
    top: 12px;
    right: 12px;
    position: absolute;
    z-index: 2;
    color: #fff;
    text-shadow: 1px 1px 10px #000;
}

.article-video-block-labels {
    position: absolute;

    left: 12px;
    bottom: 12px;

    margin: 0;
}

.article-video-block-label {

    background: #00003e;
    color: #fff;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;

    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;

    letter-spacing: .44px;
}

.article-video-block-title {
    font-weight: 700;
    font-size: 1.3rem;

    margin: 0;
    padding: 0;

    color: #00003e;
}

.player-story {

    background-color: #00000011;
    /* color: #fff; */
    padding: 24px 0;
}

.player-story-list {

    margin: 0;
    padding: 0;

    list-style: none;
}

.player-story-item {
    display: inline-block;

    float: left;

    width: 33%;

    position: relative;
    padding-left: 16px;
}

.player-story-item:before {

    content: '';

    position: absolute;
    left: 0;
    width: 4px;
    top: 3px;
    bottom: 3px;

    border-radius: 2px;

    background-color: #fff;
}

.player-story-item.player-story-item-active:before {

    background-color: #00cdfe;
}

.player-story-name {

}

.player-story-time {
    opacity: .7;
    padding: 0;
    margin: 0;
}

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


    .player-story-item {
        width: 100%;
        margin-bottom: 12px;
    }

}

.player-video-movie {
    margin-bottom: 12px;
}

.player-video-info {

    height: 90px;
    background-color: #00cdfe;
    background-color: #00000055;

    position: relative;

    padding: 12px 12px 12px 102px;
}

.player-video-thumb {

    width: 90px;
    height: 90px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.player-video-name {
    font-weight: 700;
    font-size: 1.75rem;
}

.player-video-family {
    opacity: .7;
}

.player-video-show {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-left: 12px;
    border-radius: 50%;
    background-color: #00cdfe;
    color: #fff;
    text-align: center;
    line-height: 42px;
    font-size: 20px;
    cursor: pointer;

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
}

.player-video-show i {
    line-height: 40px;
}

.player-video-list {
    background-color: #00000055;

    width: 100%;
    padding: 12px 12px 0;
    overflow: auto;
}

.player-video-list-item {
    position: relative;
    height: 92px;
    margin-bottom: 12px;

    padding: 12px 12px 12px 102px;

    background-color: #1f4568;
}

.player-video-list-thumb {
    width: 92px;
    height: 92px;

    position: absolute;

    left: 0;
    top: 0;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;


}

.player-video-list-name {
    height: 44px;
    overflow: hidden;
    display: inline-block;
}

.player-video-list-family {
    opacity: .7;

    font-size: 0.85rem;
}


.green-scroll::-webkit-scrollbar {
    width: 18px;
    border: 4px solid #00203d;
}

/* Track */
.green-scroll::-webkit-scrollbar-track {
    background: #00203d;
    border: 4px solid #00203d;
}

/* Handle */
.green-scroll::-webkit-scrollbar-thumb {
    background: #00cdfe;
    opacity: .7;
    border: 4px solid #00203d;

    border-radius: 10px;

    cursor: pointer;
}

/* Handle on hover */
.green-scroll::-webkit-scrollbar-thumb:hover {
    background: #00cdfe;
    opacity: 1;
}


.blue-scroll::-webkit-scrollbar {
    width: 18px;
    border: 4px solid #fff;
}

/* Track */
.blue-scroll::-webkit-scrollbar-track {
    background: #fff;
    border: 4px solid #fff;
}

/* Handle */
.blue-scroll::-webkit-scrollbar-thumb {
    background: #00cdfe;
    opacity: .7;
    border: 4px solid #fff;

    border-radius: 10px;

    cursor: pointer;
}

/* Handle on hover */
.blue-scroll::-webkit-scrollbar-thumb:hover {
    background: #00cdfe;
    opacity: 1;
}




.blue-scroll-on-ddd::-webkit-scrollbar {
    width: 18px;
    border: 4px solid #ddd;
}

/* Track */
.blue-scroll-on-ddd::-webkit-scrollbar-track {
    background: #ddd;
    border: 4px solid #ddd;
}

/* Handle */
.blue-scroll-on-ddd::-webkit-scrollbar-thumb {
    background: #00cdfe;
    opacity: .7;
    border: 4px solid #ddd;

    border-radius: 10px;

    cursor: pointer;
}

/* Handle on hover */
.blue-scroll-on-ddd::-webkit-scrollbar-thumb:hover {
    background: #00cdfe;
    opacity: 1;
}

.file {
    width: 100%;
    border-radius: 6px;

    margin-bottom: 12px;
    padding: 12px;

    background-color: #eee;
}

.file .file-name {

}

.file .file-size {
    opacity: .7;
}

.important-info {
    background-color: #fff;

    /*border-radius: 6px;*/
    overflow: hidden;
    height: 32px;
}

.important-info-date {

    background-color: #00cdfe;
    color: #00003e;;
    padding: 4px 12px;
    font-weight: 700;
    /*border-radius: 0 6px 0 0;*/
    font-size: 1rem;
    float: left;
}

@media screen and (max-width: 1024px) {
    .important-info {
        display: none;
    }

    .important-info-date {
        display: none;
    }

    .important-info-weather {
        display: none;
    }
}

.important-info-weather {
    padding-right: 12px;
}

.important-info-weather i,
.important-info-weather span {
    float: left;

    margin: 6px 0;
}

.important-info-weather i.smog-good {
    color: green;
}

.important-info-weather i.weather-sun {
    color: #fdd701;
}

.important-info-weather i {
    font-size: 1.15rem;
    margin-left: 12px;
    margin-top: 8px;
    margin-right: 3px;
}

.important-info-weather span {

}

.important-info-item {
    position: relative;
    padding: 6px 32px 6px 24px;

    font-weight: 600;

    display: inline-block;
}

.important-info-item:before {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background-color: #00cdfe;

    position: absolute;
    top: 12px;
    left: 12px;

    content: '';
}

.article-block-grey {
    padding: 24px;
    background-color: #eeeeee;

    border-radius: 6px;

    display: inline-block;
    width: 100%;
}

.article-block-grey__date {
    font-size: 11px;
}

.article-block-grey__time {
    font-size: 11px;
    font-weight: bold;
}

.article-block-grey__title {
    font-size: 1.15rem;
    font-weight: 700;
    display: inline-block;
    height: 72px;
    width: 100%;
}


.dart {
    position: absolute;

    right: 0;
    top: -82px;
    color: #00003e;;

    font-size: 40px;

    background-color: transparent;
}

.dart-left {

    right: 40px;
}

.dart.disabled {
    color: #aaa;
}

.article-block-bottom {
    margin-bottom: 12px;
}

.article-block-bottom-thumb {

    background-size: cover;
    background-position: center center;
    display: block;

    /*border-radius: 6px;*/
    width: 100%;
    height: 0;

    padding-bottom: 67%;

    position: relative;
}

.article-block-bottom-important {

    background-color: #db0812;
    color: #fff;
    top: 0;
    left: 0;
    font-weight: 900;
    position: absolute;
    z-index: 3;
    font-size: 1.3rem;
    padding: 12px 24px;
    border-radius: 0 0 6px 0;
}

.article-block-bottom-title {

    font-size: 1.15rem;
    font-weight: 700;
    display: inline-block;
    height: 72px;
    width: 100%;
}

.article-block-bottom .labels-list {
    position: absolute;
    left: 12px;
    bottom: 6px;
    top: auto;
}

.article-block-bottom.article-block-bottom-mid .article-block-bottom-thumb {

    padding-bottom: 125%;
}

.article-block-options {
    position: absolute;

    left: 20px;
    top: 12px;

    margin: 0;
    padding: 0;

    list-style: none;

    z-index: 4;
}

.article-block-options__item {
    width: 32px;
    height: 32px;

    border-radius: 50%;
    color: #fff;

    text-align: center;
    display: inline-block;
    float: left;
    margin-right: 6px;


    background-color: #00003e;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .3);
}

.article-block-options__icon {
    line-height: 30px !important;
    font-size: 18px !important;

}

.labels-list {
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    z-index: 1;
}

.labels-list-item {

    background: #00003e;
    color: #fff;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    letter-spacing: .44px;
}

.special {
    background-color: #db0812;
    color: #fff;

    padding-top: 12px;
    margin-top: -12px;
}

.special .title-line {

}

.special .dart {
    color: #fff;
    top: -66px;
}

.special .title-line h2:before {

    background: #00003e;
}

.contact-block {
    border-radius: 6px;
    padding: 24px;

    width: 100%;

    background-color: #eee;

    line-height: 2em;
    margin-bottom: 24px;
}

.contact-block b:not(.width-auto) {
    width: 160px;
    display: inline-block;
}

.contact-block span {
}

.contact-block h4 {
    font-weight: 900;
    font-size: 1.75rem;
    margin: 0 0 12px;
    padding: 0;
}
.contact-block dl {

}
.contact-block dt {

}
.contact-block dl {

}


.roadmap-week {
    width: 100%;
    margin-bottom: 24px;
    float: left;

    position: sticky;

    top: 100px;
}

.roadmap-week .roadmap-day:hover {

}

.roadmap-week .roadmap-day {
    width: calc(100%);
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin: 0 0 12px;
    padding: 0;
    color: white;
    font-weight: bold;
    float: left;

    text-align: center;


    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;

    cursor: pointer;

}

.roadmap-week .roadmap-day-selected {

    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.25);
    /*transform: scale(1.1);*/
    background-color: #00003e;
}

.roadmap-week .roadmap-day:not( .roadmap-day-selected ) {
    background-color: #eee;
    color: #00003e;
}

.roadmap-week .roadmap-day:hover {
    background-color: #00003e;
    color: #fff;
}

.roadmap-week .roadmap-day-red {
    /*background-color: #00003e;*/
}

.roadmap-week .roadmap-day-orangedark {
    /*background-color: #003d75;*/
}

.roadmap-week .roadmap-day-orange {
    /*background-color: #004b8e;*/
}

.roadmap-week .roadmap-day-yellow {
    /*background-color: #0058a8;*/
}

@media screen and (max-width: 768px) {
    .roadmap {
        padding-left: 124px !important;
        padding-right: 12px !important;
    }

    .roadmap-hour {
        left: 12px !important;
    }

    .roadmap-week .roadmap-day {
        width: calc(100% - 12px);
        margin-bottom: 12px;
    }

    .roadmap-users .user-item {
        margin-bottom: 6px;
    }
}

.roadmap {

    background-color: #fff;

    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    padding: 24px;

    margin-bottom: 24px;

    position: relative;
}

.roadmap-hour {

    position: absolute;
    right: 42px;
    top: 24px;

    color: #00003e;
    font-weight: 700;
}

.roadmap-name {
    font-size: 1.3rem;
    font-weight: 700;

    margin-bottom: 1.3rem;
    /*float: left;*/
}

.roadmap-users {
    margin-top: 12px;

    /*margin-bottom: 24px;*/
}

.roadmap-news {
    margin: 24px 0 0;
    padding: 0;
}

.roadmap-news li {
    margin: 0 0 12px;
    padding: 0 0 0 140px;

    position: relative;
    font-size: 1rem;
}

.roadmap-news b {
    display: inline-block;

    position: absolute;
    left: 0;
    top: 0;

    font-weight: 900;

}

.roadmap-news span {

    opacity: .5;
    font-weight: 600;
}


.roadmap-part {

    background-color: #f6f6f6;
    border-radius: 6px;

    position: relative;

    padding: 24px 24px 24px 132px;
    padding: 12px 24px;

    overflow: hidden;
    margin-top: 12px;


}

.roadmap-part-thumb {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;

    width: 120px;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    display: none;

}

.roadmap-part-name {
    font-size: 1rem;
    font-weight: 500;

}

.roadmap-part-hour {

    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: #00003e;
    font-weight: 700;
}

.roadmap-part-users {
    margin-top: 6px;
    display: none;
}

.roadmap .roadmap-part:last-child {
    margin-bottom: 12px;
}

@media screen and (max-width: 768px) {

    .roadmap-part {

        padding-bottom: 36px;

    }

    .roadmap-part-hour {
        bottom: 0;
        top: auto;
        right: auto;
        left: 24px;

        /*padding-bottom: 24px;*/
    }
}

.poll {
    padding: 24px;
    background-color: #fafafa;

    border-radius: 6px;
}

.poll-title {
    opacity: .5;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.poll-question {
    font-size: 1.3rem;

    font-weight: 700;

    margin-bottom: 24px;
}

.poll .radio-label {
    width: 100%;
    display: inline-block;

    padding: 12px;
    margin-bottom: 6px;

    background-color: #00000005;
    border-radius: 6px;
    color: #000;

    cursor: pointer;
}

.poll-foot {

}

.poll-form {

}

.contact-modal {

    width: 450px;
    height: 100%;
    position: fixed;
    left: -520px;
    top: 0;
    bottom: 0;
    background: white;
    display: block !important;
    /* right: -320px; */
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;

    -moz-box-shadow: 0 0 20px #00000055;
    -webkit-box-shadow: 0 0 20px #00000055;
    box-shadow: 0 0 20px #00000055;

    box-shadow: 0 0 8px rgb(0 0 0 / 10%);


    z-index: 100001;
    border-left: 1px solid #e7e7e7;
    max-height: 100%;

    padding: 24px;

    overflow-y: scroll;
}

.contact-modal.contact-modal-open {

    transform: translateX(520px);
}

.tellus-modal {

    width: 450px;
    height: 100%;
    position: fixed;
    left: -520px;
    top: 0;
    bottom: 0;
    background: white;
    display: block !important;
    /* right: -320px; */
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;

    -moz-box-shadow: 0 0 20px #00000055;
    -webkit-box-shadow: 0 0 20px #00000055;
    box-shadow: 0 0 20px #00000055;

    box-shadow: 0 0 8px rgb(0 0 0 / 10%);


    z-index: 100001;
    border-left: 1px solid #e7e7e7;
    max-height: 100%;

    padding: 24px;

    overflow-y: scroll;
}

.tellus-modal.tellus-modal-open {

    transform: translateX(520px);
}

.tellus-modal-btn {
    /*background: red;*/

    background-color: #00003e;
    color: #fff;
    border-radius: 18px;
    border: none;
    padding: 9px 18px;
    cursor: pointer;

    margin-top: 18px;
    float: left;
    margin-bottom: 12px;
}

.contact-form {
    padding: 24px 12px;
    background-color: #fafafa;
}

.contact-form button {
    width: 100%;
    padding: 12px;
    background-color: #00003e;
    color: #fff;

    border-radius: 6px;

    border: none;

    cursor: pointer;
}

.now-play {
    margin-bottom: 24px;
    color: #777;

    position: relative;
    padding-left: 20px !important;
}

.now-play span {
    color: #000;
    font-weight: bold;
    margin-bottom: 24px;
}

.now-play:before {

    width: 10px;
    height: 10px;

    background-color: #00cdfe;
    position: absolute;
    left: 2px;
    top: 21px;

    content: '';

    display: block;

    border-radius: 6px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

.now-play-item {
    width: 100%;
    margin-bottom: 12px;
    position: relative;
    height: 40px;
}

.now-play-item:first-of-type:before {

    width: 12px;
    height: 12px;

    background-color: #00cdfe;
    position: absolute;
    left: 2px;
    top: 12px;

    content: '';

    display: block;

    border-radius: 6px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

.now-play-item:first-of-type {
    padding-left: 24px;
}

.now-play-song {
    font-weight: 700;
    width: 100%;
    display: inline-block;
    margin-bottom: -3px;
    float: left;
}

.now-play-time {
    float: right;
    margin: 12px 0;
    font-weight: 600;

    position: absolute;
    right: 0;
}

.now-play-artist {
    font-size: 0.85rem;
    width: 100%;
    display: inline-block;
    float: left;
    opacity: .7;
}

.player-station {
    /*border-radius: 6px;*/
    margin-bottom: 24px;

    padding: 48px 24px;
    background-color: #eee;

    text-align: center;

    font-weight: 900;

    font-size: 1.75rem;
    cursor: pointer;
    background-color: #00003e;
    color: #fff;
}

.player-station:hover {
    background-color: #002649;
    color: #fff;

}

.player-canal-select {
    background-color: #00000011;
    padding: 12px;

    border-radius: 6px;
    position: relative;

    margin-bottom: 24px;
}

.player-canal-select-head {
    position: relative;
    cursor: pointer;
}

.player-canal-select-head:before {
    position: absolute;
    content: '';
    top: 6px;
    right: 12px;
    width: 15px;
    height: 15px;
    border-left: 1px solid #00cdfe;
    border-top: 1px solid #00cdfe;
    transition: 0.5s;
    will-change: transform;
    transform: rotate(
            -135deg
    ) translateY(6px) translateX(6px);
}

.player-canal-select-body {
    display: none;
    position: absolute;

    background-color: #dedede;

    left: 0;
    right: 0;

    border-radius: 6px;

    z-index: 5;
}

.player-canal-select-body li {
    cursor: pointer;
    padding: 6px 12px;
}

.player-canal-select-open .player-canal-select-body {
    display: block;
}

.player-canal-select-open .player-canal-select-head:before {

    transform: rotate(
            45deg
    );
}

.category-list {
}

.category-list__item {
    font-weight: 500;
    font-size: 1.15rem;
}

.category-list__link:hover,
.category-list__item-active {
    font-weight: 700;

}

.category-list__link {
    width: 100%;

    padding: 6px 0;
    display: inline-block;
}

.site-text {

    position: relative;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    background-color: #fff;
    padding: 24px;
    border-radius: 6px;

    font-size: 1.15rem;
}

.site-text img {
    max-width: 100%;
}

.site-text iframe {
    max-width: 100%;
}

.site-text h1,
.site-text h2,
.site-text h3,
.site-text h4 {
    font-weight: 900;
}

.site-text h1 {
}

.site-text h2 {
    font-size: 28px;
}

.site-text h3 {
    font-size: 1.3rem;
}

.site-text h4 {
    font-size: 1rem;
}

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

    .site-text {

        box-shadow: none;
        background-color: #fff;
        padding: 0;
    }

    .site-text img {

        height: auto !important;
    }

}

.menu-list {
}

.menu-list-item {
    font-weight: 500;
    font-size: 1.15rem;
}

.menu-list-link:hover,
.menu-list-item-active {
    font-weight: 600;
    color: #002649;

}

.menu-list-link {
    width: 100%;

    padding: 6px 0;
    display: inline-block;
}

.family-block-article {
}

.family-block-article-bg {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    background-color: #eee;

}

.family-block-article-name {

    font-size: 1.15rem;
    font-weight: 700;
    display: inline-block;
    height: 46px;
    width: 100%;
    margin: 6px 0 0;
    text-align: center;

}


.family-block-article-mid {
    text-align: left;
}

.family-block-article-mid
.family-block-article-bg {
    padding-bottom: 67%;
}

.meta {
    margin: 0 0 12px;
    padding: 0;

    list-style: none;
}

.meta__item {
    margin: 0;
    padding: 0 24px 0 0;

    display: inline-block;
    line-height: 19px;

    opacity: .7;

    font-weight: 500;

}

.meta__item.meta__item-fullopacity {
    opacity: 1;
}

.meta__item.meta__item-family {
    color: #00003e;
    opacity: 1;
}

.meta__item.meta__item-live {
    font-weight: 500;
    position: relative;

    padding-left: 12px;
}

.meta__item.meta__item-live .live-dot {
    position: absolute;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    top: 6px;
    left: 0;

    background-color: red;
}

.meta__item i {

    font-size: 1.15rem;
    line-height: inherit;
    float: left;
    margin-right: 6px;
    color: #000;
    /*color: #00cdfe;*/

}

.meta__item-labels {
    opacity: 1;
}

.meta__item-labels .meta__item-label {
    color: #fff;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-right: 5px;
    height: 19px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    letter-spacing: .44px;
}

.meta__item:last-child {
    padding-right: 0 !important;
}

.meta__item .user-item {
    padding-right: 0 !important;
}

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

    .meta__item {
        font-size: 11px;
    }

}

.social-grid {
    margin: 0 -6px;
    width: calc(100% + 6px);
}

.social-grid__item {

    margin: 0 3px;
    padding: 0;
    list-style: none;
    float: left;
    width: calc((100% - 18px) / 3);
    position: relative;
    color: #fff;
    border-radius: 6px;
}

.social-grid__link {
    height: 42px;
    line-height: 42px;
    display: block;
    text-align: center;

    transition: all 0.5s;
}

.social-grid__icon {
    position: absolute;

    left: 12px;
    top: 14px;

}

.social-grid__text {
    display: inline-block;
}

.social-grid__item-facebook {
    background: #3c5a98;

}

.social-grid__item-facebook:hover {
    background: #284b93;
}

.social-grid__item-twitter {
    background: #00bbf1;
}

.social-grid__item-twitter:hover {

    background: #01a9da;
}

.social-grid__item-linkedin {
    background: #0077B5;
}

.social-grid__item-linkedin:hover {
    background: #006295;
}

@media screen and (max-width: 768px) {

    .social-grid__icon {
        position: initial;
    }

    .social-grid__text {
        display: none;
    }
}

.social-grid-2 {
    margin: 0 -6px;
    width: calc(100% + 6px);
}

.social-grid-2__item {

    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    /*width: calc((100% - 18px) / 3);*/
    position: relative;
    color: #000;
    border-radius: 6px;

    padding-left: 52px;
    padding-right: 24px;
    line-height: 40px;
}

.social-grid-2__link {
    height: 42px;
    line-height: 42px;
    display: block;
    text-align: center;

    transition: all 0.5s;
}

.social-grid-2__icon {
    position: absolute;

    /*left: 12px;*/
    /*top: 14px;*/
    top: 0;
    left: 0;

    width: 42px;
    height: 42px;

    border-radius: 50%;

    line-height: 42px !important;
    color: #fff;

}

.social-grid-2__text {
    display: inline-block;
}

.social-grid-2__item-facebook .social-grid-2__icon {
    background: #3c5a98;

}

.social-grid-2__item-facebook:hover .social-grid-2__icon {
    background: #284b93;
}

.social-grid-2__item-twitter .social-grid-2__icon {
    background: #00bbf1;
}

.social-grid-2__item-twitter:hover .social-grid-2__icon {

    background: #01a9da;
}

.social-grid-2__item-linkedin .social-grid-2__icon {
    background: #0077B5;
}

.social-grid-2__item-linkedin:hover .social-grid-2__icon {
    background: #006295;
}

@media screen and (max-width: 768px) {

    .social-grid-2__item {

        padding-left: 6px;
        padding-right: 6px;

        margin-bottom: 12px;
    }

    .social-grid-2__icon {
        position: initial;
    }

    .social-grid-2__text {
        display: none;
    }
}

.dropdown-section {
}

.dropdown-section .dropdown-menu {
}

.dropdown-section .dropdown-trigger {
    position: relative;
}

.dropdown-section .dropdown-trigger:after {
    position: absolute;
    content: '';
    top: 20px;
    right: 14px;
    width: 15px;
    height: 15px;
    border-left: 1px solid #00cdfe;
    border-top: 1px solid #00cdfe;
    transition: 0.5s;
    will-change: transform;
    transform: rotate(
            -135deg
    ) translateY(6px) translateX(6px);
}

.dropdown-section .dropdown-menu {
    height: 0;
    overflow: hidden;
    transition: .3s;
}

.dropdown-section.dropdown-section-open .dropdown-trigger:after {

    transform: rotate(
            45deg
    );


}

.dropdown-section.dropdown-section-open .dropdown-menu {

    height: auto;
}

.dropdown-section.dropdown-section-open .dropdown-trigger {

}

.menu-btns {
    text-align: right;
}

.menu-btns__item {
    display: inline-block;
    /*float: left;*/
    margin: 0;
    padding: 0;

    background-color: transparent!important;
    border: none!important;
}

.menu-btns__link {
    padding: 15px 10px;
    display: inline-block;
    background-color: transparent;
    border: none!important;
}

.menu-btns__link-play {

    padding: 0;
    margin: -10px 10px;
    background-image: url(../images/icons/play.png);
    background-color: #00cdfe;

    width: 42px;
    height: 42px;
    text-align: center;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;

    border-radius: 50%;
}

.mobile-play {
    width: 42px;
    height: 42px;
    background-color: #3dac5b;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;

    margin-top: -10px;
}

.mobile-play i {
    line-height: 42px;

}

.grey .blue-scroll::-webkit-scrollbar {
    width: 18px;
    border: 4px solid #eee !important;
}

/* Track */
.grey .blue-scroll::-webkit-scrollbar-track {
    background: #eee !important;
    border: 4px solid #eee !important;
}

/* Handle */
.blue-scroll::-webkit-scrollbar-thumb {
    border: 4px solid #eee !important;
}

.talk {
}

.talk .article-line-right-small:last-child {
    margin-bottom: 0;
}

.article-inside {
    width: 49%;
    display: inline-block;
    padding-right: 12px;
}

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

    .article-inside {
        width: 100%;
        padding-right: 0;
    }
}

.partner {
    margin-bottom: 20px;
    cursor: pointer;
    display: block;
    text-align: center;

    position: relative;
}


.partner__thumb {
    width: 100%;
    height: 0;

    padding-bottom: 67%;
    position: relative;

    background-color: #fff;
    margin-bottom: 12px;
}

.partner__thumb-inside {
    position: absolute;

    left: 24px;
    top: 24px;
    right: 24px;
    bottom: 24px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

}

.partner__name {
    /*width: 100%;*/
    height: 24px;

    text-align: center;

    font-weight: 600;

    font-size: 1.3rem;

    margin: 0;

    position: absolute;

    top: 12px;
    left: 12px;

    display: none;
}

.partner__category {
    /*width: 100%;*/
    height: 24px;

    text-align: center;

    font-weight: 600;

    font-size: 1rem;

    margin: 0;

    position: absolute;

    top: 12px;
    left: 12px;
}

.partner__link {
    position: absolute;

    bottom: 12px;
    right: 12px;
}

.partner__hover {
    display: block;

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;
    right: 0;

    opacity: 0;
    background-color: rgba(0, 0, 0, .7);

    color: #fff;

    z-index: 2;

    transition: .3s;
}

.partner:hover .partner__hover {
    opacity: 1;
    display: block;
    background-color: rgba(0, 0, 0, .7);
}

.article-line-right {
    display: flex;
    flex-direction: row;
    margin-bottom: 36px;
}

.article-line-right__thumb {

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    width: 35%;

    min-height: 244px;

    display: block;
}

.article-line-right__info {
    padding: 12px;
    width: 65%;
}

.article-line-right__title {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 1.75rem;
}

.article-line-right__text {

    font-size: 1.15rem;
    line-height: 2.05rem;
    margin-bottom: 0px;

    min-height: 100px;


    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

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

    .article-line-right {
        flex-direction: column;
    }

    .article-line-right__thumb,
    .article-line-right__info {
        width: 100%;
    }

    .article-line-right__title {
        font-size: 1.3rem;
    }
}

.article__tell-us {
    /*color: #fff;*/
    padding: 24px;

    background: #eee;
    min-height: 70px;
    margin-top: 24px;

    font-size: 1.15rem;
    line-height: 2.05rem;
}

.article__tell-us-title {

    font-weight: 700;
    /*color: #fff;*/
    margin: 0px 0;
    font-size: 1.75rem;
}

.article__tell-us-link {
    color: #00cdfe;

}

.share-window {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    z-index: 1120;
    background-color: rgba(0, 0, 0, 0.95);
    /*background-color: rgba(255, 255, 255, 0.95);*/
    display: none;
}

.share-window__grid {
    width: 100%;
    max-width: 1000px;

    margin: 0;
    padding: 0;
    display: inline-block;

    position: absolute;

    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.share-window__item {

    margin: 0 0 60px;
    padding: 0;
    display: inline-block;

    width: 33%;

    flex-direction: column;

    text-align: center;
}

.share-window__link {
    background-color: transparent!important;
    border: none;
    cursor: pointer;


    display: inline-grid;
}

.share-window__icon {
    width: 120px;
    height: 120px;

    text-align: center;
    line-height: 118px !important;

    font-size: 3.55rem !important;

    border-radius: 50%;


    color: #00003e;
    background-color: #fafafa;
    display: flex;

    margin-bottom: 18px;
}

.share-window__name {
    display: block;


    margin: 0 auto;
    text-align: center;

    color: #fff;
}


.share-window .close-x {
    top: 15px;
}

.share-window .close-x:before,
.share-window .close-x:after {

    background: #fff;
}

@media screen and (max-width: 768px) {

    .share-window__item {
        width: 49%;
    }
}

.font-select {
    /*position: absolute;*/

    /*right: -100px;*/
    /*top: -38px;*/
    color: #fff;
    z-index: 2;

    background-color: #00003e;

    border-radius: 20px;
    padding: 0 12px !important;
    display: flex;

    margin-top: 21px;
    margin-left: 12px;

}

.font-select__item {
    padding: 8px;
    line-height: 26px;
    float: none;
    display: inline;
    width: 24px;
    text-align: center;

    opacity: .5;

    position: relative;

    cursor: pointer;
}

.font-select__item-selected {

    opacity: 1;
}

.poll-show {
}

.poll-show__path {
    padding: 10px 0;

    display: flex;

    flex-direction: row;
}

.poll-show__vote-name {
    font-weight: normal;
    width: 200px;
    display: inline-block;
    line-height: 30px;
}

.poll-show__vote {
    width: calc(100% - 200px);
    border: 1px solid #ddd;
    height: 32px;
    position: relative;
}

.poll-show__vote-selected {
    background-color: #00003e;
    left: 0;
    top: -1px;
    bottom: 0;
    position: absolute;
    text-align: center;
    color: #fff;

    line-height: 30px;
}

.poll-vote-multimedia {
    display: flex;
    flex-direction: row;
    margin-bottom: 12px;

}

.poll-vote-multimedia-image {
    width: 200px;
    height: 150px;

    border: 1px solid #ddd;
    border-radius: 6px;

    background-color: white;

    display: flex;
    align-items: center;
    justify-content: center;
}

.poll-vote-multimedia-image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.poll-vote-multimedia-description {
    position: relative;
    width: 100%;

    padding: 0 24px;
}

.poll-vote-multimedia-description-in {
    position: absolute;
    top: 50%;

    transform: translateY(-50%);

}

.poll-vote-multimedia-button {
    width: 220px;
    position: relative;

    text-align: center;
}

.poll-vote-multimedia-button .poll-vote-button {
    position: absolute;
    top: 50%;

    transform: translateY(-50%);

    background-color: #00003e;
    color: #fff;
    border-radius: 18px;

    border: none;

    padding: 9px 18px;

    cursor: pointer;
}


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

    .poll-show__path {

        flex-direction: column;
    }

    .poll-show__vote-name {
        width: 100%;

    }

    .poll-show__vote {
        width: 100%;
    }


}

.event__calendar {

}

.event__calendar .row {

}

.event__calendar .calendar {
    position: sticky;
    top: 110px;

    margin-top: 2px;

    background: rgba(0, 0, 0, .05);
    max-width: initial;
    padding: 24px 18px 18px 28px;
}

.event__calendar-block .row {
    /*max-height: 650px;*/
    /*overflow: hidden;*/
}

.event__calendar-block .event__calendar-list {
    max-height: 650px;
    overflow-y: auto;

    padding-right: 20px;

}

.event__calendar-window .row {

}


.index-left {
}

.index-left .title-line li:last-of-type {
    padding-right: 0;
}

.index-right {
    overflow: hidden;
}

@media screen and (max-width: 1025px) {

    .index-left {
        height: auto !important;
    }

    .index-left .title-line ul {

    }

    .index-right {
        height: auto !important;
    }

    .index-right__news {
        height: auto !important;
    }
}

.on-air-small {
    line-height: 32px;
    padding-left: 24px;
    text-indent: 12px
}

.on-air-small__family {
}

.radio__volume {

    border: 1px solid #fff;
    width: 200px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    /*border-radius: 3px;*/

}

.radio__volume.radio__volume-open {
    display: block;
}

.radio__volume-track {

    position: absolute;
    left: 6px;
    top: 0;
    bottom: 0;
    right: 3px;

    z-index: 2;

    cursor: pointer;

}

.radio__volume-position {

    position: absolute;
    left: 6px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background-color: #00cbfd;

    max-width: calc(100% - 9px);

    z-index: 1;
    /*border-radius: 3px;*/

}


.playerradio {

    position: fixed;

    left: 0;
    bottom: 0;
    right: 0;

    height: 90px;

    background-color: #ddd;
    color: #fff;

    z-index: 998;

    /*-moz-box-shadow: 0 0 20px #00000055;*/
    /*-webkit-box-shadow: 0 0 20px #00000055;*/
    /*box-shadow: 0 0 20px #00000055;*/
}

.playerradio-thumb {
    width: 90px;
    height: 90px;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    position: absolute;

    left: 0;
    top: 0;
}

.playerradio-progress {
    width: calc(100% - 102px);

    height: 4px;

    border-radius: 2px;

    background-color: #ffffff55;

    position: relative;

    overflow: hidden;

    left: 102px;
    top: 12px;
}

.playerradio-progress-load {
    position: absolute;

    left: 0;
    top: 0;

    height: 4px;
    width: 33%;
    background-color: #ffffff;
}

.playerradio-info,
.playerradio-playpause,
.playerradio-share {

    border-radius: 50%;

    position: absolute;

    cursor: pointer;
    top: 40px;

    width: 42px;
    height: 42px;

    border-radius: 50%;

    background-color: #fff;
    color: #00cdfe;

    user-select: none;

}
.playerradio-info,
.playerradio-share{
    padding: 6px;
    top: 30px;

}

.playerradio-info i,
.playerradio-playpause i,
.playerradio-share i {

    font-size: 1.75rem;
}

.playerradio-info {
    left: 110px;
}

.playerradio-info i {

}

.playerradio-share {
    right: 0px;
}

.playerradio-playpause {

    top: 28px;

    width: 48px;
    height: 48px;

    text-align: center;
    line-height: 48px;

    left: calc((100% - 102px) / 2);
    transform: translateX(50%);

    background-color: #00cdfe;
    color: #fff;
}

.playerradio-playpause i {
    line-height: inherit;

}

.playerradio .radio__volume {
    position: absolute;

    left: 145px;
    top: 36px;
}

.playerradio .playerradio-playpause i.play {
    background-image: url(../images/icons/play.png);


    width: 42px;
    height: 42px;
    background-position: center;
    background-size: cover;
    display: inline-block;
    margin: 2px 0;

}

.playerradio .playerradio-playpause i.pause {
    display: none;

}

.playerradio .playerradio-playpause.played i.play {
    display: none;

}

.playerradio .playerradio-playpause.played i.pause {
    display: initial;

}

@media screen and (max-width: 768px) {

    .playerradio {

    }

    .playerradio .playerradio-thumb {
        display: none !important;
    }

    .playerradio .playerradio-progress {
        left: 12px !important;
        width: calc(100% - 24px) !important;

    }

    .playerradio .playerradio-info {
        left: 12px !important;
    }

    .playerradio .radio__volume {
        /*transform: rotate(-90deg);*/
        left: 12px;
        top: 100px;
        width: calc(100% - 24px);

    }
}


.roadmap-week-select.roadmap-week-select-open
.roadmap-week-select__body {

    display: block;
}

.roadmap-week-select {
    margin-bottom: 12px;

    z-index: 20;
    position: relative;
}

.roadmap-week-select__head {

    cursor: pointer;
    font-size: 1.3rem;
    text-transform: uppercase;
    padding: 24px 20px;
    position: relative;

    color: #fff;
    background-color: #00003e;
}

.roadmap-week-select__head:before {
    position: absolute;
    content: '';
    top: 32px;
    right: 32px;
    width: 18px;
    height: 18px;
    border-left: 2px solid #00cdfe;
    border-top: 2px solid #00cdfe;
    transition: 0.5s;
    will-change: transform;
    transform: rotate(
            -135deg
    ) translateY(6px) translateX(6px);
}

.roadmap-week-select.roadmap-week-select-open .roadmap-week-select__head:before {

    transform: rotate(
            45deg
    );
}

.roadmap-week-select__body {
    color: #fff;
    background-color: #00003e;

    position: absolute;

    width: calc(100%);

    display: none;


}

.roadmap-week-select__day {
    color: #fff;
    background-color: #00003e;

    padding: 24px 20px;
}

.music_table_bcg1,
.music_table_bcg2 {
    position: relative;
    margin-bottom: 18px;
    color: #777;
    padding-right: 50px;
}

.music_table_bcg1 .break,
.music_table_bcg2 .break {
    display: none;
}

.music_table_bcg1 .timesong,
.music_table_bcg2 .timesong {
    position: absolute;
    right: 0;
    color: #000;
}

.music_table_bcg1 .music_table_txt_blue,
.music_table_bcg2 .music_table_txt_blue {
    font-weight: bold;
    color: #000;
}

.music_table_bcg1 .music_table_txt_blue,
.music_table_bcg2 .music_table_txt_blue {

}


.cookie-alert-2 {

    padding: 12px 70px 12px 16px;

    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .12), 0px 0px 2px 0px rgba(0, 0, 0, .14);
    border-radius: 4px;

    position: fixed;

    left: 10px;
    bottom: 10px;

    width: 700px;
    max-width: 33.3333%;

    font-size: 14px;

    line-height: 20px;

    background-color: #fff;

    z-index: 998;
}

.cookie-alert-2 .cookie-alert-2-close {
    position: absolute;
    top: 50%;
    right: 0;
    width: 32px;
    height: 32px;

    transform: translateY(-50%);

    cursor: pointer;

    opacity: .7
}

.cookie-alert-2 .cookie-alert-2-close:hover {

    opacity: 1
}

.cookie-alert-2 .cookie-alert-2-close:before,
.cookie-alert-2 .cookie-alert-2-close:after {
    position: absolute;

    width: 24px;
    height: 2px;

    top: 14px;
    left: 2px;

    background-color: #666;
    content: '';

    border-radius: 2px;

}

.cookie-alert-2 .cookie-alert-2-close:after {
    transform: rotate(45deg);

}

.cookie-alert-2 .cookie-alert-2-close:before {
    transform: rotate(-45deg);

}

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

    .cookie-alert-2 {


        left: 0px;
        bottom: 0px;

        width: 100%;
        max-width: calc(100%);
    }
}


blockquote {
    position: relative;
    margin-top: 65px;

    border-left: none;
    font-size: 20px;

    font-weight: bold;

    padding-left: 40px;
    margin-bottom: 25px;

}

blockquote p {
    margin-bottom: 0 !important;
    margin-top: 4px !important;
}

blockquote:before {
    position: absolute;
    left: -5px;
    top: -12px;

    color: #fff;

    content: "\"";

    font-size: 100px;
    font-family: "Oswald", sans-serif;

    display: none;
}

blockquote:after {
    position: absolute;
    left: 0px;
    top: -50px;

    color: #fff;

    content: '';

    background-image: url('./../images/quote.svg');
    fill: white;
    width: 40px;
    height: 40px;

    background-size: cover;

    transform: rotate(180deg);
}

.newsletter-box {
    padding: 24px;
    color: #fff;
    background-color: #00003e;
    position: relative;

    margin-top: 20px;
}

.newsletter-box__button {
    background-color: transparent;
    border: none;

    opacity: .3;

    position: absolute;

    right: 26px;
    bottom: 31px;

    color: #fff;

    cursor: pointer;
}

.newsletter-box__input,
.newsletter-box__input:focus {
    border: 1px solid rgba(255, 255, 255, .1) !important;
    color: #fff;
    outline: none;
    box-shadow: none;

    margin-bottom: 0;
    text-indent: 12px;

    margin-bottom: 0 !important;
}