@font-face {
    font-family: 'rts';
    src: url('/fonts/rtssans-regular-webfont.woff2') format('woff2'),
        url('/fonts/rtssans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: rts, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
    position: relative;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    height: 100%;
    overflow-x: hidden;
}

body.fixed {
    position: fixed;
    width: 100%;
}

body.fixed::before {
    content: '';
    background: rgba(30, 54, 90, 0.96);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99
}

a,
a:hover,
a:active,
a:focus {
    outline: 0;
    text-decoration: none;
}

a,
a:hover,
button,
button:hover {
    color: #000;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;
    text-decoration: none;
    cursor: pointer;
    font-weight: 400;
}

a:hover {
    color: #e82c2c;
}

ul li,
ol li {
    line-height: 140%;
}

.has-video .fai {
    width: auto;
    height: auto;
}

.fai {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.fai.fai-search {
    background-image: url(/img/2019/search.svg);
    width: 20px;
}
.fai.fai-feed {
    background-image: url(/img/2019/feed.svg);
    width: 20px;
}

.fai.fai-facebook {
    background-image: url(/img/2019/facebook.svg);
    width: 20px;
}
.fai.fai-twitter {
    background-image: url(/img/2019/twitter.svg);
    width: 20px;
}
.fai.fai-youtube {
    background-image: url(/img/2019/youtube.svg);
    width: 20px;
}
.fai.fai-play {
    /*    background-image: url(/img/2019/fai-play.svg);
        width: 20px;*/
}

.fai.fai-play:before {
    content: '\f03d';
    font-family: fontAwesome;
    color: #fff;
    font-size: 12px;
    font-style: normal;
}

.fai.fai-triangle-bottom {
    background-image: url(/img/2019/triangle-bottom.svg);
    width: 20px;
}

.mt-0 {
    margin-top: 0 !important;
}

.l-h-100 {
    line-height: 100% !important;
}

.has-video {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #c31d24;
    width: 22px;
    height: 22px;
    border-radius: 0;
}

.has-video.has-video-list {
    top: 10px;
    left: 14px;
    background-color: #c31d24;
    width: 22px;
    height: 18px;
    border-radius: 4px;
    text-align: center;
    line-height: 17px;
}

.related-news.news-tabs .has-video,
.newsLine .has-video{
    left: 10px;
}

.rubrika .has-video-title {
    margin-left: 23px;
    line-height: 140%;
}

.rubrika span {
    line-height: 140%;
}

.has-video.has-video-list span {
    font-size: 11px;
    color: #fff;
}

.has-video .fai {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.social-link {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 500px;
    padding: 10px;
    margin-left: 10px;
}

.app-dropdown-holder .menu-dropdown .nav-social {
    display: inline-block;
    float: left;
    width: 24px;
    height: 24px;
    border-radius: 500px;
    margin-left: 10px;
    position: relative;
}

.app-dropdown-holder .menu-dropdown .socials-div {
    float: right;
    margin: 5px 7px;
}

.app-dropdown-holder .menu-dropdown .nav-social span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.app-dropdown-holder .menu-dropdown .nav-social .fai.fai-twitter,
.app-dropdown-holder .menu-dropdown .nav-social .fai.fai-youtube {
    width: 12px;
}

.app-dropdown-holder .menu-dropdown .nav-social .fai.fai-facebook {
    width: 7px;
}

.social-link.facebook,
.nav-social.facebook{
    background-color: #3B5999;
}
.social-link.youtube,
.nav-social.youtube {
    background-color: #CD201F;
}
.social-link.twitter,
.nav-social.twitter {
    background-color: #55ACEE;
}

.social-link.facebook:hover,
.social-link.facebook:focus {
    background-color: #324e84;
}
.social-link.youtube:hover,
.social-link.youtube:focus {
    background-color: #b51c1b;
}
.social-link.twitter:hover,
.social-link.twitter:focus {
    background-color: #489bda;
}

.d-table {
    display: table;
}

.d-table-cell {
    display: table-cell;
}

.v-middle {
    vertical-align: middle;
}

.w-100 {
    width: 100%;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.iz-casa-u-cas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 12px 15px;
    text-align: center;
    line-height: 1.2;
    font-size: 22px;
    background: rgba(196, 29, 36, 0.9);
    /*background: #8a112f;*/
    /*    background: -moz-linear-gradient(left, #8a112f 0%, #e82c2c 100%); 
        background: -webkit-linear-gradient(left, #8a112f 0%,#e82c2c 100%);
        background: linear-gradient(to right, #8a112f 0%,#e82c2c 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a112f', endColorstr='#e82c2c',GradientType=1 ); */
}

.iz-casa-u-cas span {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
}

.news-title {
    color: #000;
    font-weight: 700;
}

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.news-title:hover {
    color: #e82c2c;
    font-weight: 700;
}

.news-lead {
    font-size: 13px;
    font-weight: 400;
    color: #4A4A4A;
}

.fix:after {
    clear: both;
    content: '[.]';
    display: block;
    height: 0;
    visibility: hidden;
}

.fix {
    display: inline-block;
}

.fix {
    display: block;
}

.cf::after {
    clear: both;
    content: '[.]';
    display: block;
    height: 0;
    visibility: hidden;
}

.left {
    float: left;
}

.d-block {
    display: block;
}
.d-inline {
    display: inline-block;
}

.row-block {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.xl-block-news {
    width: 620px;
    float: left;
    position: relative;
    margin-right: 20px;
    box-sizing: border-box;
}

.md-block-news {
    float: left;
    width: 300px;
}

.four {
    width: 225px;
    margin-right: 13.333333px;
    float: left;
    display: inline-block;
    position: relative;
}

.topElementInfo .topElementLink {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    display: block;
    margin-top: 10px;
    min-height: 44px;
    margin-bottom: 10px;
}

.topElementInfo a.topElementLink:hover {
    color: #e82c2c;
}

.pos-rel {
    position: relative;
}


.topElementHighlight {
    background: #662D91;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    right: 0;
}

.topElementHighlight a,
.topElementHighlight span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}


.topElementInfo .topElementLead {
    color: #4A4A4A;
    font-size: 13px;
    font-weight: 400;
}

.four:last-child {
    margin-right: 0 !important;
}

.row-3-cols {
    display: block;
}

.row-3-cols .three {
    width: 300px;
    float: left;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}

.row-3-cols .three:last-child {
    margin-right: 0 !important;
}

.row-3-cols .three img,
.row-block .four img {
    max-width: 100%;
    height: auto;
}

.threece {
    position: relative
}
.kanal-vreme .vreme {
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}
.kanal-vreme .kanal {
    font-size: 12px;
    font-weight: regular;
}
.strip-small .preporuka-info .preporukaTitle.preporukaTitle2 {
    width: 100%;
}


.heading {
    margin-bottom: 10px;
    padding: 2.5px 10px;
}

.heading.tv-preporuka {
    border-left: 4px solid #FFA700;
}

.heading span {
    font-size: 18px;
    color: #4A4A4A;
    font-weight: 400;
}

.strip {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 20px;
    padding: 20px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#000000',GradientType=0 );
}

.xl-block-news .strip {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0px;
    padding: 20px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

}

.strip .inner-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 20px 5px 20px;
    color: #fff;
}

h3.lg-headline {
    color: #fff;
    font-weight: 700;
    line-height: 21px;
}

a.short-news-link {
    display: block;
    margin-bottom: 15px;
    line-height: 16px;
    font-size: 14px;
}
a.short-news-link .short-news-date {
    color: #fff;
    line-height: 16px;

}
a.short-news-link .short-news-text{
    color: #fff;
    font-weight: 700;
    line-height: 16px;
}

.strip-small {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#000000',GradientType=0 );
}

.strip .newsTextNew {
    color: #fff;
}

.strip-small .info-post h3 {
    margin: 0;
}

.strip-small .info-post h3 a {
    color: #fff;
}
.strip-small .info-post h3 a:hover {
    color: #fff;
}

.strip h3 {
    font-size: 19px;
    margin: 0 0px;
    margin-bottom: 15px;
}

.strip h3 a {
    color: #fff;
    font-weight: 700;
}

.info-post {
    min-height: 44px;
}

.info-post h3, .info-post h3 a {
    font-size: 16px;
    color: #000;
    line-height: 140%;
    font-weight: 700;
    margin: 0;
}

.info-post h3 {
    margin: 10px 0;
}

.info-post .post-lead {
    color: #4A4A4A;
}

.info-post h3 a:hover,
.inline-info h3 a:hover {
    color: #e82c2c;
}

.row-3-cols .three .smallThumb {
    float: left;
    margin-right: 10px;
}

.inline-info h3 {
    font-size: 14px;
    margin: 0 0 10px 0;
}

.inline-info h3 a {
    color: #000;
    line-height: 140%;
    /*height: 37px;*/
    font-weight: 700;
    /*    white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;*/
    display: block;
}

.lead-small {
    color: #4A4A4A;
    font-size: 13px;
    overflow: hidden;
}

.clear {
    clear: both;
    height: 0px;
    margin: 0;
    padding: 0;
}

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

.clearfix:after {
    clear: both;
}

.mobile-menu,
.nav-mobile,
.nav-large .nav-top-toggle,
.nav-large .nav-primary-toggle {
    display: none;
}

.toptop {
    width: 100%;
    z-index: 99999;
    height: 35px;
}

.navbar-brand {
    height: 35px;
    color: white !important;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 15px;
    line-height: 35px;
    margin-left: 90px;
    font-weight: bold;
    border-left: 1px solid #c11515;
    border-right: 1px solid #c11515;
    float: left;
}

.top-navigation {
    background-color: #e82c2c;
    border-bottom: 0;
}

.top-navigationIn {
    float: right;
    margin-right: 90px;
    height: 35px;
    text-transform: uppercase;
}

.top-navigationIn ul {
    list-style: none;
    line-height: 35px;
    padding: 0;
    color: #ffffff;
    float: left;
    margin: 0;
}

.top-navigationIn ul li {
    list-style: none;
    display: inline-block;
    margin: 0;
}

.top-navigationIn ul li {
    border-left: 1px solid #c11515;
}

.top-navigationIn ul li.highlighted + li {
    border-left: 0px;
}

.top-navigationIn ul li.highlighted {
    position: relative;
    top: -1px;
    background: #1e365a;
    border: 1px solid #fff;
    border-top: 0px;
}

.top-navigationIn ul li a {
    padding: 7px 15px 8px;
    font-size: 12px;
    color: white !important;
    line-height: 35px;
}

.top-navigationIn ul li a:hover {
    text-decoration: underline;
}

.top-navigationIn ul li a.active {
    text-decoration: underline;
}

.top-navigationIn ul li.highlighted a {
    color: #fff;
    font-weight: bold;
}

.navbar-right #languages p {
    font-size: 11px;
    color: #fff;
    background: none;
    margin: 0px;

}

.navbar-right #languages p a {
    color: #fff;
    text-transform: capitalize;
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    background: none;
    border-top-left-radius: 0;
    font-size: 16px;
}

#languages {
    float: left;
    margin: 0;
    padding-top: 0;
    line-height: 35px;
}

#languages p {
    font-family: rts, Helvetica, sans-serif;
    font-size: 11px;
    color: #676767;
    background: none;
    margin: 0px;
    background: #C4210F;
    margin-right: 1px;
}

#languages p a {
    color: #fff;
    text-transform: capitalize;
    padding: 9px 6px;
    display: inline-block;
    background: #d32833;
    border-top-left-radius: 4px;
}

#languages p a:hover {
    opacity: 0.6;
}

.fa-microphone:before {
    content: "";
}

.nav-blue .fa-microphone {
    background: url('/img/2014/radio-icon.png') center no-repeat;
    height: 25px;
    width: auto;
    display: inline-block;
}

.nav-blue .fa-microphone.fa-radio:hover {
    background: #274B81 url('/img/2014/radio-icon.png') center no-repeat;
}

.social {
    float: right;
}

.social a {
    border-left: 1px solid #e82c2c;
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-size: 20px;
    color: #fff;
    padding: 0;
    background: #C4210F;
    text-align: center;
    border-radius: 0;
    position: relative;
}

.social a:hover {
    opacity: 0.6;
}

.social a.fa-radio,
.social a.fa-tv {
    background: #274B81;
    border: 0;
}

.social a.fa-radio {
    border-right: 1px solid #1e365a;
    background: #274B81 url('/img/2014/radio-icon.png') center no-repeat;
    background-size: 60%;
}

#menuTop {
    position: fixed;
    display: block;
    left: 0;
    right: 0;
    height: 60px;
    z-index: 99999;
    background: #8a112f;
    background: -moz-linear-gradient(left, #8a112f 0%, #e82c2c 100%);
    background: -webkit-linear-gradient(left, #8a112f 0%,#e82c2c 100%);
    background: linear-gradient(to right, #8a112f 0%,#e82c2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a112f', endColorstr='#e82c2c',GradientType=1 );
}

.logo {
    background: url('/img/2019/rts-logo.svg');
    width: 73px;
    height: 26px;
    float: left;
    margin: 17px 35px 17px 60px;
    background-repeat: no-repeat;
}

a.live-tv {
    display: block;
    float: left;
    padding: 12px 35px 12px 35px;
}

a.live-tv:hover,
a.live-tv:focus {
    background-color: #d02733;
}

.rts-planeta {
    display: block;
    width: 178px;
    height: 36px;
    background: url('/img/2019/rtsplaneta-logo.svg');

}

.fai.fai-planeta{
    background: url('/img/2019/rtsplaneta-logo.svg');
    width: 16px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 1691px) {
    .rts-planeta {
        width: 26px;
    }

    a.live-tv {
        padding: 12px 15px 12px 15px;
    }
}

.navbar-right {
    margin-right: 45px;
    float: right;
    position: relative;
}

.nav-blue .btn,
.nav-mobile .btn {
    display: block;
    float: left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.nav-blue .fa,
.nav-mobile .fa {
    vertical-align: middle;
    padding: 0;
    color: #fff;
    font-size: 20px;
    padding: 15px;
}

.nav-blue .fa.first,
.nav-mobile .fa.first {
    border-left: 1px solid #264675;
}

.nav-blue .fa-radio,
.nav-blue .fa-tv {
    font-size: 24px;
}

.nav-mobile .fa-user {
    height: 50px;
    width: 50px;
    line-height: 50px;
    float: right;
}

.nav-mobile .fa-rss {
    height: 50px;
    width: 50px;
    line-height: 50px;
    float: right;
}

.nav-blue .fa-search,
.nav-mobile .fa-search {
    position: relative;
}

.nav-mobile .fa {
    float: right;
}

.nav-blue .fa:hover,
.nav-blue #languages p a:hover {
    background: #d02733;
    border-radius: 0;
}
.nav-blue #languages:hover a{
    opacity: 1;
}

.nav-blue .logged-in,
.nav-mobile .logged-in {
    float: left;
    height: 70px;
    padding: 15px;
    text-align: center;
    color: #fff;
}

.nav-blue .logged-in .fa {
    font-size: 20px;
    color: #fff;
}

.nav-blue .logged-in .fa:hover {
    background: transparent;
}

.nav-blue .logged-in span,
.nav-mobile .logged-in span {
    display: block;
}

.nav-blue .logged-in span a,
.nav-mobile .logged-in span a {
    display: block;
}

.nav-mobile .fa.inMenu {
    margin: 0;
    border: 0;
    height: 50px;
    width: 50px;
    color: #fff;
    background: #E82C2C;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    padding: 0;
}

.nav-mobile .social .fa.inMenu {
    border-right: 1px solid #c11515;
}

.nav-mobile .fa-bars {
    border-right: 0;
}

.nav-primary-block {
    display: none;
}

.mobile-menu .nav-primary-block {
    display: none;
}

a.live-radio {
    font-size: 11px !important;
    font-family: rts;
    padding-top: 10px !important;
    background-position-y: 10px !important;
    text-transform: uppercase;
}

.live-radio-content {
    height: 25px !important;
    line-height: 25px !important;
}

a.nav-action {
    padding: 20px 15px;
    float: left;
    display: inline-block;
}

a.nav-action:hover,
a.nav-action:focus {
    background-color: #d02733;
}

.nav-search,
.nav-search-mob {
    display: none;
    position: absolute;
    top: 60px;
    width: 442px;
    background: #fff;
    padding: 20px;
    right: 40px;
    z-index: 9999;
    border: 1px solid #ccc;
}

.nav-search input.searchButton,
.nav-search-mob input.searchButton {
    background: #E82C2C;
    border: 0;
    color: #fff;
    font-size: 14px;
    height: 50px;
    width: 110px;
    outline: 0;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
}

.nav-search input.searchText,
.nav-search-mob input.searchText {
    background: #ECEDEE;
    border: 0;
    color: #333333;
    display: inline-block;
    float: left;
    font-size: 10px;
    height: 40px;
    padding: 10px;
    vertical-align: middle;
    width: 290px;
    height: 50px;
    text-transform: uppercase;
}

.nav-search::before,
.nav-search-mob::before {
    content: '';
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    right: 22px;
}

.nav-holder {
    width: 100%;
    padding-bottom: 60px;
}

.nav-holder.affix {
    position: fixed;
    top: 0;
    z-index: 9999;
    left: 0;
    right: 0;
    -webkit-transition: all .7s ease-in;
    transition: all .7s ease-in;
}

.affix .navbar-brand {
    height: 25px;
    line-height: 22px;
    font-size: 10px;
    display: none;
}

.affix .top-navigationIn {
    height: 25px;
}

.affix .top-navigationIn ul {
    line-height: 25px;
}

.affix .top-navigationIn ul li a {
    padding: 0 10px;
    font-size: 11px;
    line-height: 24px;
}

.affix #languages {
    line-height: 35px;
}

.affix #languages p a {
    padding: 4px 10px;
}

#mm .affix #languages p a {
    padding: 9px 15px;
}

#mm .mobile-menu #languages {
    line-height: 35px;
}

#mm .mobile-menu #languages p a {
    padding: 4px 10px;
}

#mm .mobile-menu #languages p a {
    padding: 8px 12px 7px;
}

.affix .social a {
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 16px;
}

.affix .toptop {
    height: 25px;
}

.affix #menuTop {
    height: 50px;
}

.affix .logo {
    background-size: contain;
    height: 35px;
    width: 96px;
}

.affix .nav-blue .fa,
.affix .nav-mobile .fa {
    height: 50px;
    width: 50px;
    line-height: 50px
}

.affix .nav-search,
.affix .nav-search-mob {
    top: 50px;
}

.affix #menuTopLeft li {
    height: 50px
}

.affix #menuTop #menuTopLeft li .tab a {
    line-height: 50px;
    height: 50px;
}

.affix .hoverL1 .navL1 {
    top: 75px;
}

.affix .modal {
    bottom: auto;
}

.navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navigation li {
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.navigation li a {
    float: left;
    margin: 0;
    padding: 0;
    text-decoration: none;
    height: 61px;
    padding: 0 5px;
}

.navigation li div a {
    height: auto;
    padding: 0;
}

.navL1 {
    visibility: hidden;
    position: absolute;
    left: -5000px;
}

.hoverL1 .navL1 {
    visibility: visible;
    display: block;
    width: 100%;
    position: absolute;
    top: 105px;
    left: 0;
    z-index: 100;
    background: #FAFAFA;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 2px solid #DEE0E2;
}

.hoverL1 .navL1 .container {
    background: #fff;
}

.navL1 ul li {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 100%;
    text-align: left;
    width: 100%;
}

.navL1 ul li.last {
}

.navL1 ul {
    width: 100%;
}

.navL1 ul ul {
    height: auto;
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
}

.navL1 ul li a {
    color: #F8D531;
    font-size: 12px;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    line-height: 29px;
}

.navL1 ul li a:hover,
.hoverL1 .navL1 ul li a.onPath {
    background: none;
    color: #fff;
    font-weight: normal;
}

.leftPane,
.rightPane {
    background-color: #fff;
    border-right: 1px solid #DEE0E2;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    float: left;
    padding: 20px 15px 20px;
}

.middlePane {
    padding: 20px 15px 20px;
    position: static;
}

.rightPane {
    border-right: 0;
    border-left: 1px solid #DEE0E2;
    /*    bottom: 0;
        top: 0;
        right: 9px;
        padding-bottom: 20px;*/
}

.rightPane span.bgd,
.leftPane span.bgd,
.middlePane span.bgd {
    display: block;
    background: #fff;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.middlePane span.bgd {
    background: #FAFAFA;
}

.middlePane .box {
    border: 0;
    margin: 0;
}

.menuTitle {
    color: #9DA3AA;
    font-size: 40px;
    margin-top: 0;
    font-weight: bold;
}

#menuTop #menuTopLeft .navL1 .twoOneRow {
    width: 100%;
}

#menuTop #menuTopLeft .navL1 .newsBlockNew {
    width: 100%;
}

#menuTop #menuTopLeft .navL1 .info {
    width: 660px;
    background: #FAFAFA;
}

#menuTop #menuTopLeft .navL1 .scrollerElement {
    height: auto;
}

#menuTop #menuTopLeft .navL1 a.largeThumb {
    width: 80px;
    height: 80px;
}

#menuTop #menuTopLeft .navL1 .info a {
    font-size: 15px;
    color: #3C87C2;
    text-transform: none;
    line-height: 120%;
    padding: 0;
    height: auto;
}

#menuTop #menuTopLeft .megamenu {
    height: auto;
    line-height: 100%;
}

#menuTop #menuTopLeft .megamenu a {
    color: #3C87C2;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 0;
    height: auto;
    line-height: 100%;
}

#menuTop #menuTopLeft .megamenu a:hover {
    color: #e82c2c;
}

#menuTop #menuTopLeft .megamenu li {
    height: auto;
}

#menuTop #menuTopLeft .storiesSectionSlider .date {
    padding: 0 5px;
}

.hoverL1 .navL1 ul {
    width: 100%;
}

.middlePane .col-lg-6 {
    padding: 0;
    margin-bottom: 10px;
    min-height: 80px;
}

.middlePane a.smallThumb {
    float: left;
    margin-right: 10px;
}

.middlePane a.smallThumb img {
    width: 80px;
    height: 80px;
}

.middlePane .date {
    color: #757C86;
    font-size: 10px;
    background: #EEEEEE;
    padding: 5px;
}

.middlePane h3 {
    margin: 0;
    display: inline-block;
    width: 60%;
    margin-top: 10px;
}

.middlePane h3 a {
    float: left;
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
}

.modal-login .modal-dialog {
    width: 300px;
}

.modal-login .modal-container {
    border-radius: 0;
    border: 4px solid #202A39;
    background-color: #fff;
}

.modal-login .nav-tabs {
    background: #F5F5F5;
    padding-top: 20px;
    text-align: center;
}

.modal-login .nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    margin: auto;
    text-align: center;
    display: inline-block;
}

.modal-login .nav-tabs > li > a {
    height: 55px;
    vertical-align: middle;
    padding: 15px 10px;
    border: 1px solid #E4E4E4;
    font-size: 15px;
    width: 130px;
    text-align: center;
    margin-bottom: 4px;
}

.modal-login .nav-tabs > li.active > a {
    height: 62px;
    margin-bottom: -6px;
}

.modal-login .nav-tabs > li.active > a:hover {
    color: #444 !important;
}

.modal-login .modal-content {
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
}

.modal-login .modal-body {
    padding: 20px 25px;
}

.modal-login .modal-close {
    position: absolute;
    right: -10px;
    z-index: 99999;
    top: -12px;
}

.modal-login .modal-close button {
    background: #3C87C2;
    color: #fff;
    font-size: 17px;
    padding: 3px 10px;
    border: 0;
    border-radius: 3px;
    font-weight: bold;
}

.modal-login .modal-header {
    padding: 20px 15px;
}

.modal-login .login-facebook {
    background: url('/img/2014/login-facebook.png');
    width: 220px;
    height: 35px;
    display: block;
    margin: auto;
    cursor: pointer;
}

.modal-login h4 {
    color: #3C87C2;
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;
}

.modal-login input {
    display: block;
    width: 96%;
    height: 45px;
    border: 1px solid #A6A6A8;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0 0 0 5px #D4D4D5;
}

.modal-login label {
    font-weight: normal;
    color: #333333;
}

.modal-login .submit {
    width: 100%;
    height: 60px;
    border: 0;
    background: #3C87C2;
    font-size: 22px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.modal-login .modal-close button:hover,
.modal-login .submit:hover {
    background: #274B81;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.modal-login .lost-password {
    font-size: 13px;
    color: #333333;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 0;
}

#loginMessage {
    color: #e82c2c;
}

#menuTopLeft {
    margin: 0;
    padding: 0px;
    float: left;
}

#menuTopLeft li {
    height: 60px;
}

#menuTop #menuTopLeft li .tab a {
    font-size: 16px;
    color: white;
    padding: 0 13px;
    text-transform: uppercase;
    font-family: rts, sans-serif;
    font-weight: 400;
    float: left;
    line-height: 60px;
    height: 60px;
}

#menuTop #menuTopLeft li .tab a:hover {
    background: #d02733;
}

#menuTop #menuTopLeft li .tab a.active {
    background: #d02733;
}

#menuTop #menuTopLeft li .tab a.gold {
    position: relative
}
#menuTop #menuTopLeft li .tab a.gold::after {
    border-bottom: 3px solid #947350;
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    ;
    left: 13px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 97px;
    height: 3px;
}

.container {
    position: relative;
}

#container h1 {
    font-family: rts, Helvetica, sans-serif;
    color: #4A4A4A;
    font-size: 26px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 10px;
    margin-bottom: 40px;
}

#container h1::first-letter {
    text-transform: uppercase;
}

#container h1 a {
    color: #000;
    text-decoration: none;
}

#container h1.comment {
    font-size: 30px;
    margin-bottom: 10px;
}

#content .featured-image img {
    width: 100%;
    height: auto;
}

.boxRight h2 {
    color: #4A4A4A;
    font-size: 18px;
    margin: 0;
    text-transform: capitalize;
}

.boxRight .commentsTeaser h2 {
    padding: 2.5px 10px;
    border-left: 4px solid #666;
    margin-left: 10px;
    text-transform: uppercase;
}

.boxRight .commentsTeaser,
.boxRight .blogTeaser {
    background: #EEEEEE;
    padding: 20px 0;
}


.boxRight .commentsTeaser a {
    display: block;
    padding: 20px 0px 10px 0;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.boxRight .comment-wrapper {
    padding: 0 10px 5px 10px;
    border-bottom: 1px solid #D8D8D8;
}

.boxRight .commentsTeaser .comment-wrapper:last-child {
    border-bottom: 0 !important;
}

.boxRight .blogTeaser a {
    display: inline-block;
    font-size: 14px;
}

.boxRight .blogTeaser .blogName {
    padding: 14px 20px;
}

.boxRight .blogTeaser span {
    display: inline-block;
    width: 10%;
    margin-right: 20px;
}

.boxRight .blogTeaser a {
    line-height: 100%;
    padding-left: 15px;
}

.boxRight .blogTeaser a.blogAuthor {
    float: right;
    font-size: 14px;
    color: #757C86;
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 3px;
}

.boxRight .commentsTeaser a:nth-child(even),
.boxRight .blogTeaser .blogName:nth-child(even) {
    /*background: #E6E6E6;*/
}

.boxRight .blog-other {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    background: #1E365A;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.boxRight .blog-other:hover {
    background: #1E365A;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.boxRight .blog-other a {
    color: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 40px;
}

.boxRight .blogTeaser a.ostali {
    /*    width: 70%;
        float: left;*/
}

.boxRight .blog-other img {
    float: left;
    padding: 6px;
    background: #E82C2C;
    vertical-align: middle;
}

.boxRight .bloggerProfile {
    background: #E6E6E6;
}

.boxRight .bloggerProfile img {
    padding: 0px;
    margin: 18px;
    float: left;
}

.boxRight .bloggerProfile .bloggerName {
    background: #1E365A;
}

.boxRight .bloggerProfile .bloggerName h2 {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
    padding: 10px 18px;
}

.boxRight .bloggerProfile .desc {
    padding: 15px 18px;
    line-height: 120%;
    font-size: 12px;
}

.boxRight .blogPost {
    display: table;
}

.boxRight .blogIcon {
    display: table-cell;
    vertical-align: middle;
}

.boxRight .blogInfo {
    display: table-cell;
    vertical-align: middle;
}

.boxRight .blog.commentsTeaser .blogTitle a {
    font-style: italic;
    font-size: 13px;
    margin-top: 3px;
}

.boxRight .blog.commentsTeaser a {
    padding: 0;
    display: inline-block;
}

.boxRight .blog.commentsList {
}

.boxRight .blogComment {
    padding: 15px 20px;
}

.boxRight .blogComment:nth-child(odd) {
    background: #E6E6E6;
}

.boxRight .broadcastScheme a {
    display: block;
    padding: 10px 0px 5px 0;
    font-size: 14px;
    border-bottom: 1px dashed #D8D8D8;
}

.boxRight .broadcastScheme a:nth-child(even) {
    /*background: #E6E6E6;*/
}

.boxRight .broadcast-scheme-left,
.boxRight .broadcast-scheme-right {
    width: 50%;
}

.boxRight .broadcast-scheme-left a,
.boxRight .broadcast-scheme-right a {
    margin-bottom: 1px;
    margin-right: 1px;
}

.boxRight .broadcast-scheme-left {
    float: left;
}

.boxRight .broadcast-scheme-right {
    float: right;
}

.boxRight .broadcast-scheme-right a {
    color: #000;
}

.lead {
    font-size: 20px;
    color: #757c86;
}

p {
    margin: 0 0 10px;
    font-size: 15px;
    color: #4A4A4A;
    line-height: 160%;
}

#story-text h2 {
    font-size: 24px
}
#story-text h3 {
    font-size: 20px
}

#story-text p {
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
}

#story-text a {
    color: #e82c2c !important;
}

#story-text a:hover {
    color: #000 !important;
}

.regularView {
    display: block;
}

.mobileView {
    display: none;
}

.mobileView .smallThumb img {
    width: 80px !important;
    height: 80px !important;
}

.mobileView .smallThumb {
    margin-right: 10px;
    float: left;
}

.mobileView .element {
    display: inline-block;
    margin-bottom: 10px;
    width: 50%;
}

.mobileView .element h3 {
    font-size: 15px;
    margin-top: 0;
}

.topSectionStoriesSlider,
.topSectionLatestStories {
    display: block;
    width: 100%;
}
.topSectionStoriesSlider.topSectionStoriesSlider-block {
    display: block;
    width: 100%;
}
.box {
    margin-bottom: 20px;
}

.sectionTitle {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
    padding: 2.5px 10px;
}

.sectionTitle h2 {
    line-height: 140%;
    margin: 0;
    color: #4A4A4A;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.sectionTitle h2 a {
    color: #4A4A4A;
}

.sectionTitle h2 a:hover {
    color: #e82c2c;
}

.sectionTitle.blue {
    border-left: 4px solid #0071BC;
}

.sectionTitle.orange {
    border-left: 4px solid #FFA700;
}
.sectionTitle.yellow {
    border-left: 4px solid #FFE100;
}
.sectionTitle.green {
    border-left: 4px solid #8CC63F;
}
.sectionTitle.purple {
    border-left: 4px solid #662D91;
}
.sectionTitle.pink {
    border-left: 4px solid #af0081;
}
.sectionTitle.gray {
    border-left: 4px solid #eeeeee;
}

.sectionTitle .section {
    float: left;
}

.slider-actions {
    float: right;
}

.caretCircle {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 500px;
    background-color: #F5F5F5;
    position: relative;
    float: left;
}

.caretCircle.slideNewsRight {
    margin-left: 10px;
}

.caretCircle i {
    color: rgba(74, 74, 74, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}

.caretCircle.active i {
    color: rgba(74, 74, 74, 1);
}

.sectionBlock {
    display: block;
    width: 100%;
    position: relative;
    float: left;
    background-color: #FFFFFF;
}

.sectionBlock .rubrika {
    display: block;
    width: 33%;
    position: relative;
    float: left;
    overflow: hidden;
    padding-right: 15px;
    box-sizing: border-box;
}

#scheme .epsilonScheme {
    float: right;
    width: 300px;
}

#scheme .epsilonScheme .program .nav-tabs > li > a {
    padding: 6px 10px 24px;
}

.showsListBox .sectionBlock a {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.showsListBox .sectionBlock a.last {
    border: 0;
    padding-bottom: 15px;
}

#podcastShow .box {
    display: inline-block;
    width: 100%;
}

#podcastShow h2.title {
    display: block;
    width: 100%;
    position: relative;
    float: none;
    color: #000;
    font-size: 26px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 40px;
    margin-top: 10px;
}

#podcastShow .ajaxShow .ajaxSidebar h1 a {
    margin-bottom: 6px;
    font-size: 18px;
    display: block;
    width: 100%;
}

#podcastShow .ajaxShow .ajaxImage {
    width: 300px;
    height: 225px;
    overflow: hidden;
    display: block;
    float: left;
}

#podcastShow .ajaxShow .ajaxImage a img {
    float: left;
    width: 100%;
    height: auto;
}

#podcastShow .ajaxShow .ajaxSidebarajaxSidebar .date {
    display: block;
    margin-top: 10px;
}

#podcastShow .ajaxShow .ajaxSidebar {
    float: left;
    display: block;
    width: 68%;
}

#podcastShow .ajaxShow .ajaxSidebar .textContainer {
    padding: 0px 20px 0;
    height: 85px !important;
}

#podcastShow .ajaxShow .ajaxSidebar h1 {
    display: block;
    width: 100%;
    margin-top: 3px;
}

#podcastShow .ajaxShow .ajaxSidebar .teaser {
    display: block;
    width: 100%;
}

#podcastShow .ajaxShow .ajaxSidebar ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#podcastShow .ajaxShow .ajaxSidebar ul li {
    padding: 5px 20px;
    border-bottom: 1px dashed #D8D8D8;

}

#podcastShow .ajaxShow .ajaxSidebar ul li a {
    display: block;
}

#podcastShow .ajaxShow .ajaxSidebar ul li a.active {
    font-weight: 700;
}

#podcastShow .ajaxShow .ajaxSidebar ul li:nth-child(odd) {
    /*background: #EEEEEE;*/
}

#podcastShow .ajaxShow .ajaxSidebar ul li:nth-child(even) {
    /*background: #E6E6E6;*/
}

#container .sectionBlock .rubrika h1 {
    position: relative;
    float: left;
    font-size: 17px;
    line-height: 29px;
    color: #0065A8;
    margin-bottom: 0;
}

.sectionBlock .rubrika a,
.related a {
    display: block;
    padding-left: 15px;
    background-image: url(/img/2014/arrow-right.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 13px;
    color: #000;
    text-decoration: none;
    line-height: 120%;
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
}

.sectionBlock .rubrika a:hover,
.related a:hover {
    color: #e82c2c;
}

.sectionBlock .rubrika h1 a {
    padding-left: 0px;
    background-image: none;
    margin: 0;
    font-size: 18px;
    text-decoration: none;
    line-height: 120%;
    border: 0;
    padding-top: 10px;
    font-weight: 400;
}

.related {
    margin-bottom: 20px;
}

.relatedTitle {
    font-size: 15px;
    color: #757C86;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    font-weight: bold;
}

#content {
    float: left;
    width: 940px;
    margin: 10px 10px 10px 0;
    padding: 0;
}

#right {
    width: 320px;
    background: #ffffff;
    float: left;
    height: 100%;
    padding: 10px;
    position: relative;
}

.boxRight,
.boxLeft {
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
.boxRight embed, .boxRight video, .boxRight iframe {
    display: block
}

#left {
    float: left;
}

.banner-large {
    margin: 0 0 10px;
    text-align: center;
    background: #ECEDEE;
}

.banner-medium,
.banner-small {
    margin: 0 0 10px;
    text-align: center;
    background: #ECEDEE;
}

#footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    background: #E9E9E9;
    color: #fff;
}

#footer .footer-download {
    background-color: #F5F5F5;
    padding: 20px 0;
}

#footer .footer-download .download-apps {
    text-align: right;
    line-height: 50px;
    color: #4A4A4A;
    font-size: 16px;
}

#footer .footer-download a.google-play {
    display: inline-block;
    width: 168px;
    height: 50px;
    margin: 0 20px;
    float: right;
    background: url('/img/2019/google-play.svg');
}
#footer .footer-download a.app-store {
    display: inline-block;
    width: 152px;
    height: 50px;
    float: right;
    background: url('/img/2019/app-store.svg');
}

#footerTop {
    width: 100%;
}

#footer .footer-logo {
    width: 85px;
    height: 30px;
    margin: 5px 20px 5px 0;
    display: inline-block;
    float: left;
    background: url('/img/2019/rts-logo-plavi.svg');
}

#footer .footer-wrap {
    line-height: 40px;
    color: #4A4A4A;
    font-size: 16px;
    padding: 30px 0;
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 40px;
}

#footer .left-footer {
    display: inline-block;
    float: left;
}

#footer .right-footer {
    float: right;
    display: inline-block;
}


#footerTop p {
    color: #000;
    margin: 0 0 20px;
    line-height: 100%;
    text-align: center;
}

#footerTop p a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    padding: 0 5px;
    font-weight: 400;
}

#footerTop p a:hover {
    color: #c62233;
}

#footerTop p strong a {
    text-transform: uppercase;
}

#footerTop p strong a:hover {
    color: #c62233;
}

#footerBottom {
    width: 100%;
    text-align: center;
    color: #fff;
    background: #DEDEDE;
    padding: 20px 0;
}


#footer .siteMap {
    margin-bottom: 20px;
}

#footer .mapa-sajta {
    background: #8a112f;
    background: -moz-linear-gradient(left, #8a112f 0%, #ed0531 100%);
    background: -webkit-linear-gradient(left, #8a112f 0%,#ed0531 100%);
    background: linear-gradient(to right, #8a112f 0%,#ed0531 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a112f', endColorstr='#ed0531',GradientType=1 );
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    float: right;
    padding: 10px 22px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
}

#footer .mapa-sajta:hover,
#footer .mapa-sajta:focus {
    background: #ed0531;
    background: -moz-linear-gradient(left, #ed0531 0%, #8a112f 100%);
    background: -webkit-linear-gradient(left, #ed0531 0%,#8a112f 100%);
    background: linear-gradient(to right, #ed0531 0%,#8a112f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0531', endColorstr='#8a112f',GradientType=1 );

}

#footerBottom .footerCopyMenu {
    color: #4A4A4A;
    display: inline-block;
    float: left;
    font-size: 14px;
}
#footerBottom .footerCopyMenu a {
    color: #4A4A4A;
    font-weight: 400;
}

#footerBottom .copy {
    display: inline-block;
    float: right;
    color: #4A4A4A;
}

#footerTop .mobile-sep {
    display: none;
}

.waetherDiv {
    float: right;
    width: 100%;
    position: relative;
}

.weather-wrapper {
    background-color: #F5F5F5;
    padding: 0 12px;
}

.ddOutOfVision {
    display: none;
}

.waetherDiv .todayDay {
    background: #DEE0E2;
    padding: 5px 10px 6px;
}

.waetherDiv .todayDay a {
    color: #1E365A;
    font-size: 10px;
    text-transform: uppercase;
}

.waetherDiv .today,
.waetherDiv .chooseTown,
.waetherDiv .temperature {
    float: left;
}

.waetherDiv .today {
    font-size: 16px;
}

.waetherDiv .today a {
    color: #9B9B9B;
    padding: 22px 0;
    display: block;
    line-height: 100%;
    font-weight: 400;
}

.waetherDiv .today a:hover {
    color: #9B9B9B;
}

.weather-wrapper .ddTitleText {
    color: #4A4A4A;
    font-weight: 400;
    padding-right: 15px;
}

.weatherDiv .day {
    color: #1E3559;
    font-size: 10px;
    height: 30px;
    background: #DEE0E2;
}

.current-date {
    text-align: right;
    padding: 10px 0;
}

.current-date span {
    font-size: 16px;
    color: #4A4A4A;
    font-weight: 400;
}

.waetherDiv .temperature {
    color: #4A4A4A;
    font-size: 24px;
    padding: 0;
    text-align: right;
    padding: 13px 0;
    width: 70px;
    float: right;
}

.waetherDiv .chooseTown .dd2 {
    color: #FFFFFF;
    font-size: 16px;
    outline: none;
    border: 0;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: 108px !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;

}

.waetherDiv .chooseTown  .ddTitleText .ddTitleText {
    position: relative;
}

.waetherDiv .chooseTown .ddTitleText .ddTitleText:before {
    content: '';
    background: url(/img/2019/triangle-bottom.svg) no-repeat center;
    font-size: 16px;
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    height: 20px;
    width: 20px;
}

#websites2_title {
    padding: 19px 0;
    text-align: center
}

.waetherDiv #websites2_child {
    display: none;
    position: absolute;
    background: #D8D8D8;
    color: #4A4A4A;
    width: 100px !important;
    height: 140px !important;
    left: 110px;
    top: 90px !important;
}

.waetherDiv #websites2_child a {
    display: block;
    color: #333;
    font-weight: normal;
    padding: 1px 10px;
}

.waetherDiv .chooseTown select option {
    background: #CBCED2;
}

.nav-tabs > li > a {
    font-weight: bold;
}

.nav-tabs > li > a:hover {
    color: #4A4A4A !important;
}

.nav-tabs > li.active > a:hover {
    color: #4A4A4A !important;
}

#right .latest-new.news-tabs {
    /*    margin-left: -10px;
        margin-right: -10px;
        margin-top: 17px;*/
}

#right .news-tabs .nav-tabs > li.active > a,
#right .news-tabs .nav-tabs > li.active > a:hover,
#right .news-tabs .nav-tabs > li.active > a:focus {
    color: #4A4A4A;
    border: 0;
    font-size: 16px;
    border-radius: 0;
    border-bottom: 3px solid #E82C2C;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: transparent;
}

#right .news-tabs .nav-tabs > li > a {
    margin: 0;
    border-radius: 0;
    border: 0;
    font-size: 16px;
    color: #9B9B9B;
    border-bottom: 1px solid #D8D8D8;
    font-weight: 400;
    padding: 2px 10px;
}

#right .news-tabs .nav-tabs > li:first-child > a {
    padding-left: 0;
}

#right .news-tabs .nav-tabs > li:first-child {
    width: 45%;
}
#right .news-tabs .nav-tabs > li:last-child {
    width: 55%;
}

.nav-tabs > li {
    margin-bottom: 0;
}
.nav-tabs > li > a:hover {
    color: #4A4A4A;
}


#right .news-tabs .nav-tabs {
    border: 0;
}

#right .news-tabs .tab-content {
    /*    background: #f5f5f5;
        padding: 10px;*/
}

#right .news-tabs .tab-content > .tab-pane a.title {
    display: inline-block;
    font-size: 14px;
    color: #4A4A4A;
    padding: 10px 0;
    vertical-align: top;
    width: 200px;
    line-height: 140%;
    font-weight: 400;
    border-top: 1px solid #D8D8D8;
}

#right .news-tabs .tab-content .newsLine {
    /*border-bottom: 1px solid #9DA3AA;*/
    display: inline-block;
    /*padding: 10px 0;*/
    width: 100%;
    margin-bottom: 10px;
}

#right .news-tabs .tab-content > .tab-pane .newsLine:last-child {
    border: 0;
    padding-bottom: 0;
}

#right .news-tabs .tab-content input.searchButton {
    background: #E82C2C;
    border: 0;
    color: #fff;
    font-size: 14px;
    height: 40px;
    width: 35%;
    outline: 0;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
}

#right .news-tabs .tab-content input.searchButton:hover {
    background: #1e365a;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
}

#right .news-tabs .tab-content input.searchText {
    border: 0;
    color: #757C86;
    font-size: 15px;
    height: 40px;
    padding: 10px;
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    float: left;
    border: 1px solid #eb3232;
    border-right: 0;
}

#right .news-tabs .tab-content input.searchText:focus {
    outline: 0;
}

#right .news-tabs .tab-content form {
    margin-top: 10px;
    margin-bottom: 10px;
}

#right .news-tabs .tab-content .ordinal {
    font-size: 40px;
    color: #fff;
    padding-right: 10px;
    display: none;
}

#right .news-tabs .tab-content > .tab-pane a.img {
}

#right .news-tabs .tab-content > .tab-pane a.img img {
    float: right;
    width: 80px;
    height: 80px;
    margin-left: 10px
}

#right .news-tabs .tab-content > .tab-pane a.img img:hover {
    opacity: 0.6;
}

#right .related-news {
    margin-left: -10px;
    margin-right: -10px;
    display: none;
}

#right .related-news.news-tabs .tab-content > .tab-pane a.title {
    width: 140px;
}

#right .nav-tabs {
    padding: 0;
}

#right .program,
#scheme .program {
    background: transparent;
    margin-bottom: 10px;
}

#right .program h3,
#scheme .program h3 {
    color: #4A4A4A;
    font-size: 18px;
    margin: 0;
    font-weight: 400;
    padding: 10px 0;
    margin-bottom: 10px;
}

#right .program ul.nav.nav-tabs,
#scheme .program ul.nav.nav-tabs {
    /*    background: #1E365A;
        height: 45px;*/
}

#right .program ul.nav.nav-tabs {
    padding: 0 0 0 0;
}

#scheme .program ul.nav.nav-tabs {
    padding: 0 0 0 4px;
}

#right .program .nav-tabs > li > a,
#scheme .program .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    color: #9B9B9B;
    padding: 5px;
    line-height: 100%;
}

#right .program .nav-tabs > li.active > a,
#scheme .program .nav-tabs > li.active > a {
    color: #1E365A;
    border-bottom: 3px solid #E82C2C;
    /*background-color: #eee;*/
}

#right .program .nav-tabs > li > a:hover,
#scheme .program .nav-tabs > li > a:hover {
    color: #1E365A;
}

#right .program .progSemaLink a,
#scheme .program .progSemaLink a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    display: block;
}

#right .program .tab-content,
#scheme .program .tab-content {
    padding: 0;
    /*background: #FAFAFA;*/
    padding-top: 10px;
}

#right .program .time,
#scheme .program .time {
    width: 64px;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#right .program .time.rowOdd,
#scheme .program .time.rowOdd {
    /*background: url('/img/2014/program-time-dark.png') center left no-repeat;*/
}

#right .program .time.rowEven,
#scheme .program .time.rowEven {
    /*background: url('/img/2014/program-time-light.png') center left no-repeat;*/
}

#right .program .programRow,
#scheme .program .programRow {
    display: table;
    width: 100%;
}

#right .program .time span,
#scheme .program .time span {
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 400;
}

#right .program .name,
#scheme .program .name {
    padding-left: 10px;
    width: 75%;
    display: table-cell;
    vertical-align: middle;
}

#right .program .name span,
#scheme .program .name span {
    display: inline-block;
    vertical-align: middle;
    line-height: 100%;
    font-size: 14px;
    color: #4A4A4A;
}

#right .program .programListFull,
#scheme .program .programListFull {
    text-align: center;
    margin-top: 10px;
}

#right .program .programRow .tab-content a,
#scheme .program .programRow .tab-content a {
    padding-left: 0;
    font-weight: normal;
    font-size: 13px;
}

#right .program .programListFull a,
#scheme .program .programListFull a {
    padding: 0;
}

.program .fa {
    color: #fff;
    float: left;
    font-size: 24px;
    line-height: 49px;
    padding: 0 10px;
}

.program .fa.fa-microphone {
    background: url('/img/2014/radio-icon.png') center no-repeat;
    height: 22px;
    width: 26px;
    display: inline-block;
    margin: 13px 10px;
}

.news-tabs .tab-content > .tab-pane a.title:hover {
    color: #e82c2c !important;
}

#text {
    float: right;
    width: 64%;
    font-size: 15px;
}

#left {
    width: 34%;
    margin-right: 2%;
}

#left .news-tabs .tab-content {
}

#left .related-news.news-tabs .nav-tabs {
    border: 0;
}

#left .news-tabs .nav-tabs > li.active > a,
#left .news-tabs .nav-tabs > li.active > a:hover,
#left .news-tabs .nav-tabs > li.active > a:focus {
    color: #4A4A4A;
    border: 0;
    font-size: 18px;
    font-weight: 400;
    border-radius: 0;
    padding: 0;
    margin-top: -7px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#left .news-tabs .tab-content .newsLine {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

#left .news-tabs .tab-content > .tab-pane .newsLine:last-child {
    border: 0;
    padding-bottom: 0;
}

#left .news-tabs .tab-content > .tab-pane a.title {
    display: inline-block;
    font-size: 14px;
    color: #4A4A4A;
    vertical-align: top;
    width: 210px;
    line-height: 140%;
    font-weight: 400;
    border-top: 1px solid #D8D8D8;
    padding-top: 10px;
}

#left .news-tabs .tab-content .ordinal {
    font-size: 40px;
    color: #fff;
    padding-right: 10px;
}

#left .news-tabs .tab-content > .tab-pane a.img img {
    float: right;
    width: 80px;
    height: 80px;
    margin-left: 10px;
    /*margin-bottom: 10px;*/
}

#container h1.storyMainTitle {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 20px;
}

#container p.storyMainLead {
    margin-bottom: 30px;
    color: #4A4A4A;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}

.twoOneRow {
    width: 640px;
    float: left;
}

.fullRow {
    width: 100%;
    display: inline-block;
}
.fullRow.fullRowBlock {
    display: block;
}
.fullRow.fullRowBlock .info {
    margin-bottom: 10px;
}
.fullRow.fullRowBlock .info.noMargin {
    margin-bottom: 0;
}
.fullRow .singleCol .element.first {
    padding-bottom: 5px;
}

.fullRow .sectionTitle {
    margin-bottom: 0
}

.fullRow .storiesSectionSlider .newsTextNew {
    display: block;
}

.grayBox {
    background: #DEE0E2;
    display: inline-block;
    width: 100%;
}

.threeColRow .row-pad .element {
    padding: 15px 30px 0px 30px;
}

.threeColRow .row-pad .element.first {
    padding-left: 30px;
}

.scrollerHolder {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.scrollerButtons {
    display: inline-block;
    width: 97%;
    height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.scrollerButtons a {
    /*text-indent: -9999px;*/
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 500px;
    background-color: rgba(32, 62, 100, 0.5);
}
.scrollerButtons a:hover,
.scrollerButtons a:focus {
    background-color: rgba(32, 62, 100, 0.8);
}
.scrollerButtons a i {
    font-size: 36px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.scrollerButtonBack {
    left: 10px;
}


.scrollerButtonForward {
    right: 10px;
}


.scrollerShortcuts {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.scrollerShortcut {
    width: 14px;
    height: 14px;
    background: #1E365A;
    border-radius: 500px;
    margin: 0 2px;
    display: inline-block;
    text-indent: -9999px;
}

.scrollerShortcutActive {
    background: #fff;

}

.scrollerElement {
    height: 348px;
}

.newsBlockNew {
    width: 640px;
    float: left;
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.scrollerHolder .newsBlockNew {
    margin-bottom: 0;
}

.newsBlockNew img {
    width: 100%;
    /*height: auto;*/
}

.newsBlockNew .info {
    width: 97%;
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    background: #1E365A;
    background: rgba(30, 54, 90, 0.7);
    text-align: left;
    padding: 10px 20px 15px;
    min-height: inherit;
}

.newsBlockNew .info h3 {
    margin-top: 0;
}

.newsBlockNew h3 a {
    color: #fff;
    font-size: 22px;
    margin-bottom: 25px;
}

.newsBlockNew .newsTextNew {
    font-size: 13px;
    color: #fff;
}

.newsTextNewSpec {
    height: 44px;
    white-space: normal;
    /* overflow: hidden; */
    text-overflow: ellipsis;
}

.newsTextNew {
    height: 36px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 140%;
    color: #4A4A4A;
    font-size: 13px;
    margin-bottom: 10px;
}
.newsBlockNew .newsTextNew.newsTitle {
    height: auto;
    line-height: 115%;
}
.newsBlockNew .slideControls {
    height: 50px;
    width: 100%;
    background: #9DA3AA;
    position: relative;
}

.newsBlockNew .slideControls .slideLeft {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #CBCED2 url('/img/2014/slideLeft.png') no-repeat center;
    padding: 20px;
    text-align: center;
    float: left;
}

.newsBlockNew .slideControls .slideRight {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #CBCED2 url('/img/2014/slideRight.png') no-repeat center;
    padding: 20px;
    text-align: center;
    float: right;
}

.twoColRow {
    float: left;
    width: 640px;
    padding-right: 20px;
    margin-bottom: 10px;
}

.twoColRow .element {
    width: 300px;
    float: left;
}

.twoColRow .element.first {
    margin-right: 20px;
}

.twoColRow.medium {
    /*    border-top: 1px solid #EEEEEE;
        padding-top: 20px;*/
}

.twoColRow.mb20 {
    margin-bottom: 20px;
}

.element h3 {
    font-size: 16px;
    color: #000;
    line-height: 120%;
    margin-top: 10px;
    font-weight: 700;
    margin-bottom: 10px;
}

.element h3 a {
    color: #000;
    font-weight: 700;
}

.element h3 a:hover {
    color: #e82c2c;
}

.singleCol {
    float: left;
    width: 300px;
}

.singleCol .element.first {
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.singleCol .element.first h3 {
    font-size: 16px;
}

.singleCol h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.m-h-44px {
    min-height: 44px;
}

.singleCol .element.first .smallThumb {
    margin-bottom: 10px;
}

.singleCol .smallThumb {
    float: left;
    margin-right: 10px;
    clear: left;
}

.singleCol .element.first .smallThumb img {
    width: auto;
    height: auto;
}

.singleCol .smallThumb img {
    width: 80px;
    height: 80px;
}

.singleCol .element {
    margin-bottom: 10px;
    display: block;
    width: 100%
}

.threeColRow .smallThumb {
    float: left;
    margin-right: 10px;
}

.threeColRow .smallThumb img {
    width: 80px;
    height: 80px;
}

.threeColRow h3 {
    font-size: 15px;
    margin-top: 0;
}

.threeColRow .element {
    margin-bottom: 0px;
    padding: 10px 9px 0 9px;
}

.threeColRow .element.first {
    padding-left: 15px;
}

.singleCol .mediumThumb {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    max-width: 120px;
    clear: left;
}

.largeThumb {
    position: relative;
    display: inline-block;
    width: 100%;
}

.largeThumb:hover,
.mediumThumb:hover,
.smallThumb:hover {
    opacity: 0.6;
}
.largeThumb:hover .thumbIcon,
.mediumThumb:hover .thumbIcon,
.smallThumb:hover .thumbIcon {
    opacity: 1;
}


.thumbIcon {
    /*    position: absolute;
        background: url('/img/2014/play.png') no-repeat;
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: 10px;
        left: 10px;
        border: 1px solid #444;*/
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #c31d24;
    width: 22px;
    height: 22px;
    border-radius: 0;
    z-index: 9;
}

.thumbIcon:before {
    content: '\f03d';
    font-family: fontAwesome;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.thumbIcon.topLeft {
    bottom: inherit;
    top: 0;
}

.storiesSectionSlider .singleCol {
    margin-right: 20px;
}

.storiesSectionSlider .singleCol .element {
    margin-bottom: 0;
    border: 0;
}

.storiesSectionSlider .singleCol.last {
    margin-right: 0;
}

.storiesSectionSlider .singleCol h3 {
    margin-top: 0;
    /*font-size: 18px;*/
}

.storiesSectionSlider .singleColthreeRows h3 {
    font-size: 15px;
}

.storiesSectionSlider .newsTextNew {
    /*display: inline-block;*/
    margin-bottom: 10px;
    clear: none;
    display: block;
}
.storiesSectionSlider .newsTextNew.newsTextNewNoHeight,
.storiesTop .newsTextNew.newsTextNewNoHeight {
    height: auto;
}


.topSectionStoriesSlider.topSectionStoriesSlider-block .storiesSectionSlider .newsTextNew {
    display: block;
}
.storiesSectionSlider .singleCol .colBig .largeThumb {
    margin: 0;
}

.storiesSectionSlider .singleCol .colBig .largeThumb {
    margin-bottom: 10px;
}

.storiesSectionSlider .singleCol .colBig .newsTextNew {
}

.storiesSectionSlider .singleCol .colBig h3 {
    margin-bottom: 10px;
}

.storiesSectionSlider .singleCol .colRight .smallThumb {
    margin-right: 10px;
}

.storiesSectionSlider .singleCol .colRight .newsTextNew {
    display: block;
    margin-bottom: 0;
}

.storiesSectionSlider .singleColthreeRows .colRight {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.storiesSectionSlider .singleCol .mediumThumb img {
    max-width: 120px;
    height: auto;
}

.storiesSectionSlider .date {
    color: #757C86;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 3px;
    display: inline-block;
    padding: 0 5px 0 0;
}

.topSectionStoriesSlider .storiesSectionSlider .date {
    display: block;
}

.breadcrumbs {
    background: #ECEDEE;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 11px;
    color: #757C86;
    position: relative;
}

.breadcrumbs .container {
    line-height: 30px;
    padding: 5px 15px;
}

.breadcrumbs a,
.breadcrumbs #item,
.breadcrumbs .disabled {
    color: #fff;
    background: #3C87C2;
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    float: left;
    font-size: 10px;
    opacity: 1;
}

.breadcrumbs .separator {
    background: url('/img/2014/breadcrumbs-separator.png') center no-repeat;
    width: 12px;
    height: 30px;
    display: inline-block;
    float: left;
    border: 0;
}

.breadcrumbs .separator.last {
    background: url('/img/2014/breadcrumbs-separator-last.png') left center no-repeat;
    margin-right: 10px;
}

.breadcrumbs #item img {
    margin-top: -3px;
    margin-left: -4px;
}

#breadSections {
    background: #fff;
    width: 240px;
    height: auto;
    position: absolute;
    left: 120px;
    top: 40px;
    z-index: 999;
}

#breadSections ul {
    padding: 0;
    margin: 0;
    box-shadow: 0px 0px 3px #ccc;
}

#breadSections a {
    color: #3C87C2;
    font-size: 15px;
    background: transparent;
    height: auto;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    text-transform: none;
    line-height: 30px;
}

#breadSections a:hover {
    color: #e82c2c;
}

#breadSections li:first-child:before {
    bottom: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

#breadSections li {
    list-style: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}

#breadSections li:nth-child(even) {
    background: #FAFAFA;
}

.breadcrumbs .pull-left-l {
    font-size: 10px;
    height: 20px;
    line-height: 21px;
    display: inline-block;
}

.breadcrumbs #item.sections {
    cursor: pointer;
    padding: 3px 10px 3px 3px;
}

.breadcrumbs #item.sections.no-last {
    background: transparent;
    margin-left: 10px;
    display: inline-block;
}

.breadcrumbs #item .fa {
    color: #e82c2c;
    font-size: 18px;
}

/*.storyInfo {
    border-bottom: 2px solid #EEEEEE;
    width: 100%;
    padding: 0 0 20px;
    margin-bottom: 20px;
}*/

.storyInfoBlock {
    display: table;
}

.storyInfo p.storyDate {
    color: #757C86;
    font-size: 11px;
    text-transform: uppercase;
    padding-right: 20px;
}

.storyInfo p.storyDate span {
    color: #3C87C2;
    font-size: 40px;
    font-weight: bold;
    line-height: 85%;
    margin-bottom: 0;
}

.storyInfo p.storySource {
    color: #757C86;
    font-size: 11px;
    text-transform: uppercase;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid #757C86;
}

.storyInfo p.storyAuthor {
    color: #757C86;
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 20px;
    border-left: 1px solid #757C86;
}

.storyInfo p {
    margin: 0;
    display: table-cell;
    vertical-align: bottom;
    line-height: 130%;
}

.storyInfo span {
    display: block;
    margin-bottom: 5px;
}

.storyInfo a {
    color: #E82C2C;
    display: block;
    float: left;
    margin-right: 3px;
}

.storyInfo {
    /*border-bottom: 2px solid #EEEEEE;*/
    width: 100%;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;

}
.socialTop {
    float:right;
    width: 36.2%;
}
/*a.fb-share-button, .twitter-share-button, a.pinterest, a.gplus, a.linkedin {
    background:url("/img/2016/fb.png") left top no-repeat;
    float: left;
    display: block;
    margin-right: 3px;
    width: 32px !important;
    height: 32px !important;
    text-indent: -3000px;
}*/
.social-icons a:hover, .service-icons a:hover {
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
}


.storyInfo .btn-social, .storyInfo .btn-service,
#sharer .btn-social, .service-icons .btn-service {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 500px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-right: 10px
}

.storyInfo .btn-service:last-child {
    margin-right: 0;
}

.btn-social.facebook {
    background-color: #4263a3;

}
.btn-social.twitter {
    background-color: #60b6f0;
}
.btn-social.pinterest {
    background-color: #b52d1e;
}
.btn-social.google-plus {
    background-color: #e15441;
}
.btn-social.linkedin {
    background-color: #01588b;
}
.btn-service.print {
    background-color: #202020;
}
.btn-service.send {
    background-color: #bababa;
}


/*a.twitter-share-button {
    background:url("/img/2016/tw.png") left top no-repeat;
}
a.pinterest {
    background:url("/img/2016/pinterest.png") left top no-repeat;
}
a.gplus {
    background:url("/img/2016/gplus.png") left top no-repeat;
}
a.linkedin {
    background:url("/img/2016/linkedin.png") left top no-repeat;
}*/
.storyInfoBlock {
    /* display: table;*/
    float:left;
    width: 61.8%;
    margin-right:2%;
    line-height: 30px;
}

.storyInfo p.storyDate {
    color: #4A4A4A;
    font-size: 11px;
    text-transform: uppercase;
    padding-right: 20px;
    line-height: 140%;
    padding: 0;
    display: inline-block;
}

.storyInfo p.storyDate span {
    line-height: 85%;
    margin-bottom: 0;
    display: inline-block;
    font-size: 12px;
    color: #4A4A4A;
    font-weight: 400;
}

.storyInfo p.storySource {
    color: #4A4A4A;
    font-size: 11px;
    text-transform: uppercase;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid #757C86;
}

.storyInfo p.storyAuthor {
    color: #4A4A4A;
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 20px;
    border-left: 1px solid #757C86;
}

.storyInfo p {
    margin: 0;
    display: table-cell;
    vertical-align: bottom;
    line-height: 130%;
}

.storyInfo span {
    display: block;
    margin-bottom: 5px;
}

.storyInfo a,
.storyInfo span.red {
    color: #E82C2C;
}

.pageColumns .col-lg-4 a {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 5px;
    display: block;
    line-height: 120%;
}

.pageColumns .col-lg-4 img {
    margin-bottom: 10px;
}

.read-it {
    width: 100%;
    /*height: 50px;*/
    padding: 5px;
    background: #000;
    /*border: 5px solid #1E365A;*/
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 30px;
}

.read-it:hover {
    background: #8b112e;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.read-it, .read-it a {
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    line-height: 150%;
    display: block;
}

.read-it img {
    margin-right: 10px;
    margin-top: -3px;
    width: 25px;
}

.ttsPlayer {
    display: table;
    width: 100%;
}
.ttsPlayer .read-it-new {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
    margin-bottom: 0;
    font-weight: bold;
}
.ttsPlayer .tts.audio {
    padding-left: 10px;
    width: 100%;
}
.ttsPlayer .tts.audio audio {
    margin-bottom: 0;
}


/*.service .posaljiTekst {
    background: url(/img/2014/read-me-icon-send.png);
    width: 40px;
    height: 30px;
    display: inline-block;
    }*/

#content-sidebar {
    float: left;
    margin-right: 20px;
}

.brandingBannerRight {
    /*    background: url("/img/banerRestorani.jpg") no-repeat scroll right top;*/
    height: 1080px;
    right: 50%;
    margin-right: -1008px;
    text-align: left;
    top: 155px;
    width: 360px;
}

.brandingBannerLeft {
    /*background: url("/img/banerRestorani.jpg") no-repeat scroll left top;*/
    height: 1080px;
    left: 50%;
    margin-left: -1008px;
    text-align: right;
    top: 155px;
    width: 360px;
}

.brandingBannerRight.affix-top, .brandingBannerLeft.affix-top {
    top: 155px;
    position: absolute;
}

.brandingBannerRight.affix, .brandingBannerRight.affix-bottom,
.brandingBannerLeft.affix, .brandingBannerLeft.affix-bottom{
    top: 80px;
}

* html .brandingBannerRight {
    position: absolute;
    height: 2000px;
}

* html .brandingBannerLeft {
    position: absolute;
    height: 2000px;
}

* html {
    overflow-x: hidden;
}

#storyBrowser .element,
#postBrowser .listPost {
    display: inline-block;
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #D8D8D8;
    width: 100%;
}

#storyBrowser .element.first,
#postBrowser .listPost.first {
    padding-top: 10px;
}

#storyBrowser .element.last,
#postBrowser .listPost.last {
    border: 0;
}

#storyBrowser .sectionTitle h1,
#postBrowser .sectionTitle h1 {
    margin: 0;
    color: #000;
    font-size: 30px;
    padding: 6px 0;
    text-transform: uppercase;
}

#storyBrowser .dateTime,
#postBrowser .dateTime {
    color: #757C86;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 20px;
}

#storyBrowser .storyImage,
#postBrowser .postImage {
    margin-right: 2%;
    float: left;
    width: 32%;
    background: #EEEEEE;
}

#postBrowser .postImage {
    width: auto;
}

#storyBrowser .storyImage img,
#postBrowser .postImage img {
    max-width: 300px;
    max-height: 225px;
    height: auto;
    margin: auto;
    display: block;
}

#storyBrowser .storyImage a,
#postBrowser .postImage a {
    display: block;
}

#storyBrowser .storyImage a:hover,
#postBrowser .postImage a:hover {
    opacity: 0.6;
}

#storyBrowser h3,
#postBrowser h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 10px;
}

#storyBrowser h3 a {
    color: #000;
    font-weight: 700;
}

#storyBrowser h3 a:hover {
    color: #e82c2c;
}

#storyBrowser p.lead,
#postBrowser p.lead {
    font-size: 14px;
    margin-bottom: 20px;
    font-style: normal;
    font-style: normal;
    color: #333333;
}

#storyBrowser .info,
#postBrowser .info {
    float: left;
    width: 66%;
}

#postBrowser .info {
    width: 86%;
}


.all-episodes,
#postBrowser .comment {
    background: #1E365A;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: bold;
    max-width: 315px;
}

#storyBrowser .comment a {
    color: #fff;
    display: block;
    background: #c31d24;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 0px;
    width: 100px;
}

#storyBrowser .comment span,
#postBrowser .comment span {
    margin-left: 20px;
}

#postBrowser .uptitle,
#post .uptitle {
    color: #757C86;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 10px;
}

.izcasa {
    padding: 5px 8px;
    background-color: #efefef;
    border: 1px solid #ff0000;
}

.separator {
    border-bottom: 2px solid #D6D7D9;
    width: 100%;
    padding: 6px 0;
}

.pagination {
    float: right;
    margin-bottom: 40px;
}

.pagination a {
    font-size: 13px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #EEEEEE;
    display: block;
    float: left;
    margin: 0 1px;
}

.pagination .page a {
    font-size: 10px;
}

.pagination .active,
.pagination .sep {
    background: #3C87C2;
    color: #fff;
    font-size: 10px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    margin: 0 1px;
}

.pagination .sep {
    background: transparent;
    color: #003680;
}

.pagination a.back {
    margin-right: 10px
}

.pagination a.next {
    margin-left: 10px
}

.pagination.sec {
    margin-bottom: 30px;
    margin-top: 20px;
    float: none;
    width: 100%;
}

.pagination .col-lg-4 a {
    padding: 10px;
    background: #c31d24;
    color: #fff;
    font-weight: 400;
    width: auto;
    height: auto;
    line-height: 100%;
    border-radius: 0;
}

.pagination .col-lg-4 a:hover {
    background: #1E365A;
}

.featured-image {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.box-gloss,
.box-antrfile,
.box-video,
.box-audio {
    margin-bottom: 20px;
}

.box-video video {
    width: 100%
}

.box-gloss h3,
.box-antrfile h3 {
    font-size: 18px;
    padding: 10px 15px;
    background: #eeeeee;
    color: #000;
    margin: 0;
    line-height: 110%;
}

.box-gloss div.gloss-body,
.box-antrfile div.antrfile-body {
    font-family: rts, sans-serif;
    font-size: 15px;
    color: #333333;
    padding: 10px 15px;
    line-height: 160%;
    background: #eeeeee;
    margin-bottom: 0;
}

.box-gloss div.gloss-body p,
#story-text .box-antrfile div.antrfile-body p {
    line-height: 140%;
    font-size: 14px;
}

.box-multimedia {
    background: #F5F5F5;
    padding: 15px;
}

.box-multimedia .multimediaStory {
    display: table;
}

.box-multimedia .fa-play {
    background: #D6D7D9;
    font-size: 22px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 15px;
}

.box-multimedia .files {
    display: table-cell;
    vertical-align: middle;
}

.box620 {
    width: 100%;
    margin-bottom: 20px;
}

.box300 {
    width: 48%;
    float: left;
    margin-right: 2%;
    clear: both;
}

.box-image {
    height: auto;
    position: relative;
    margin-bottom: 20px;
}

.box-image .boxCaption {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    font-size: 13px;
    color: #fff;
    padding: 6px 20px;
}

.boxCaption {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    font-size: 13px;
    color: #fff;
    padding: 6px 20px;
}

.box-media {
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
    background-color: #CBCED2;
}
.box-media .boxCaption {
    display: none;
}
.box-media ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.box-media span.caption {
    background-color: #000;
    color: #fff;
    padding: 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 100%;
}
.box-media .scrollerButtons {
    width: 100%;
    display: block;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 100%;
    background: transparent;
}

.box-media .scrollerElement {
    height: auto;
}

.box-media .scrollerElement img {
    margin: auto;
    display: block;
}
.box-media .mediaHolder {
    /*    width: 602px;
        height: 450px;*/
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#content .box-media .mediaHolder img {
    text-align: center;
    vertical-align: middle;
}
.box-media .scrollerButtonBack {
    background: url("/img/2016/sprite.png") no-repeat scroll -50px 0px;
    opacity: 0.7;
    height: 50px;
    width: 50px;
}
.box-media .scrollerButtonForward {
    background: url("/img/2016/sprite.png") no-repeat scroll 0px 0px;
    opacity: 0.7;
    height: 50px;
    width: 50px;
}
.box-media .scrollerButtonBack:hover, .box-media .scrollerButtonForward:hover {
    opacity: 1;
}

.program ul.nav.nav-tabs {
    /*    background: #9DA3AA;
        height: 60px;
        border-radius: 0;
        padding: 15px 0 0 20px;*/
}

.program .nav-tabs > li > a {
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
    line-height: 25px;
}

.program .nav-tabs > li > a {
    border: 0;
    padding: 6px 15px 24px;
    line-height: 100%;
}

.program .nav-tabs > li.active > a {
    color: #1E365A;
}

.program .nav-tabs > li.active > a:hover {
    color: #444 !important;
}

.program .nav-tabs > li.active > a,
.program .nav-tabs > li.active > a:hover,
.program .nav-tabs > li.active > a:focus {
    border: 0;
}

.program .tab-content {
    padding: 20px;
}

.program .tab-content a {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding-left: 30px;
}

.program .tab-content a {
    font-size: 13px;
    font-weight: normal;
    padding-left: 0;
}

.program .programRow {
    padding: 10px 0 5px 0;
    margin-bottom: 1px;
    border-bottom: 1px dashed #D8D8D8;
}

.program .programRow:nth-child(odd) {
    /*background: #E6E6E6;*/
}

.program .programRow:nth-child(even) {
    /*background: #EEEEEE;*/
}

.program .time {
    width: 130px;
    text-align: center;
    float: left;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    /*background: #E6E6E6;*/
}

.program .name {
    padding-left: 30px;
    float: left;
}

.program .time.rowOdd {
    /*background: #CBCED2;*/
}

.program .time.ColorOstalo {
    /*background: #E6E6E6 url('/img/2014/program-sve.png') left center no-repeat;*/
}

.program .time.ColorVesti {
    background: #E6E6E6 url('/img/2014/program-info.png') left center no-repeat;
}

.program .time.ColorSerije {
    background: #E6E6E6 url('/img/2014/program-serija.png') left center no-repeat;
}

.program .time.ColorSport {
    background: #E6E6E6 url('/img/2014/program-sport.png') left center no-repeat;
}

.program .time.ColorFilmovi {
    background: #E6E6E6 url('/img/2014/program-film.png') left center no-repeat;
}

.program .time.dark {
    background: #9DA3AA;
}

.program .programListFull a {
    background: #c31d24;
    clear: both;
    cursor: pointer;
    border-radius: 0px;
}

.program .programListFull a:hover {
    background: #1E365A;
}

.program .programListFull a {
    color: #fff;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    display: block;
}

#programska-sema-tabs {
    height: 40px;
    line-height: 40px;
    margin-bottom: 1px;
    margin-left: -5px;
    margin-right: -5px;
}

#programska-sema-tabs .legend a:hover {
    opacity: 0.7;
}

#programska-sema-tabs .legend a {
    width: 18.949%;
    float: left;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 5px;
    border-radius: 4px;
}

#programska-sema-tabs .ColorSport a {
    background: #F5AB35;
}

#programska-sema-tabs .ColorSerije a {
    background: #03C9A9;
}

#programska-sema-tabs .ColorVesti a {
    background: #4183D7;
}

#programska-sema-tabs .ColorFilmovi a {
    background: #E74C3C;
}

#programska-sema-tabs .ColorOstalo a {
    background: #1E365A;
    border-radius: 4px;
}

#container h1.title {
    color: #4A4A4A;
    font-size: 26px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 40px;
}

#programska-sema {
    margin-bottom: 40px;
}

#programska-sema .time {
    float: left;
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
}

#programska-sema .programRow {
    /*background: #ECEDEE;*/
    border-bottom: 1px dashed #D8D8D8;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1px;
}

#programska-sema .ColorOstalo {
    /*background: #CED1D4 url('/img/2014/program-sve.png') left center no-repeat;*/
}

#programska-sema .ColorVesti {
    /*    background: #CED1D4 url('/img/2014/program-info.png') left center no-repeat;*/
    background: #4183D7;
    color: #fff;
}

#programska-sema .ColorSerije {
    /*    background: #CED1D4 url('/img/2014/program-serija.png') left center no-repeat;*/
    background: #03C9A9;
    color: #fff;
}

#programska-sema .ColorSport {
    /*    background: #CED1D4 url('/img/2014/program-sport.png') left center no-repeat;*/
    background: #F5AB35;
    color: #fff;
}

#programska-sema .ColorFilmovi {
    /*    background: #CED1D4 url('/img/2014/program-film.png') left center no-repeat;*/
    background: #E74C3C;
    color: #fff;
}

#programska-sema .name {
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    float: left;
}

#programska-sema .age {
    background: #eb3232;
    font-weight: 400;
    font-size: 20px;
    float: right;
    text-align: center;
    width: 60px;
    color: #fff;
}

.service.broadcastScheme h2 {
    margin: 0;
    color: #fff;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    display: block;
    background: #c31d24;
    clear: both;
    /*cursor: pointer;*/
    border-radius: 0px;
    text-align: center;
    margin-bottom: 10px;
}

#calendarTable {
    width: 100%;
}

#calendarTable tr td {
    padding: 5px 0;
    text-align: center;
    background-color: #E6E6E6;
}

#calendarTable tr.navigacija td {
    font-weight: bold;
    background-color: #1E365A;
    color: #FFF;
    padding: 12px 5px;
}

#calendarTable tr.navigacija td a {
    color: #FFFFFF;
}

#calendarTable tr.navigacija td a:hover {
    text-decoration: none;
    opacity: 0.6
}

#calendarTable tr.dani td {
    background-color: #264675;
    color: #FFFFFF;
    padding: 6px 0;
}

#calendarTable tr td.day_current a {
    font-weight: bold;
}

#calendarTable tr td.day_selected {
    background-color: #9DA3AA;
}

#calendarTable tr td.day_selected a {
    color: #FFFFFF;
}

.box .slider .scrollerHolder {
    position: relative;
}

.box .slider .nav-tabs {
    background: #757C86;
    height: 60px;
    line-height: 60px;
    padding: 10px 20px;
    border: 0;
}

.box .slider .nav-tabs > li > a {
    color: #fff;
    line-height: 100%;
    padding: 13px 15px;
    border-radius: 0;
    font-weight: normal;
    font-size: 14px;
}

.box .slider .nav-tabs > li > a:hover {
    border-radius: 0;
}

.box .slider .nav-tabs > li.active > a,
.box .slider .nav-tabs > li.active > a:hover,
.box .slider .nav-tabs > li.active > a:focus {
    color: #1E365A !important;
    font-size: 14px;
    border: 0;
    border-radius: 0;
    font-weight: normal;
}

.box .slider .twoOneRow {
    width: 100%;
}

.box .slider .newsBlockNew {
    width: 100%;
    padding-right: 0;
}

.box .slider .newsBlockNew h3 a {
    font-size: 30px;
    font-weight: bold;
}

.box .slider .newsBlockNew .info {
    width: 100%;
}

.box .slider .scrollerButtons {
    width: 100%;
    position: absolute;
    left: 0;
    background: transparent;
    top: 50%;
    margin-top: -25px;
}

.box .slider .scrollerButtonBack {
    background: #CBCED2 url('/img/2014/slideLeftBlue.png') center no-repeat;
    left: 0;
}

.box .slider .scrollerButtonForward {
    background: #CBCED2 url('/img/2014/slideRightBlue.png') center no-repeat;
    right: 0;
}

.boxRight .broadcastNav a {
    display: block;
    background: #E6E6E6;
    padding: 15px 20px;
}

.boxRight .broadcastNav a:nth-child(even) {
    background: #EEEEEE;
}

.boxRight h2.homeVideoTitle {
    padding: 2.5px 10px;
    border-left: 4px solid #666;
    margin-left: 10px;
    text-transform: uppercase !important;
    font-size: 18px;
    margin: 10px 0 !important;
}

.boxRight .homeVideo h3 {
    margin: 0;
    background: #000;
    font-weight: normal;
    width: 100%;
}

.boxRight .homeVideo h3 a {
    color: #fff;
    font-size: 18px;
    padding: 5px 8px;
    display: inline-block;
}

.boxRight .homeVideo .regularView.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 67.35%;
}

.commentPage {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #F5F5F5;
    padding: 20px;
    border-radius: 4px;
}

.commentPage a {
    text-decoration: none;
}

.commentPage a:hover {
    text-decoration: underline;
}

.commentPage .commentTitle {
    padding: 0px;
    margin: 0px;
}

.commentPage .commentTitle {
    font-size: 18px;
    color: #4A4A4A;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 400;
}

.commentPage .commentTitle .noComment {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}

.commentPage .comTitle {
    float: right;
    font-size: 12px;
    font-weight: 400;
}

.commentPage .leaveComment {
    background: #0067d0;
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    float: right;
    cursor: pointer;
    border: 0;
    outline: 0;
    border-radius: 0;
}

.commentPage .leaveComment:hover {
    background: #1E365A;
    text-decoration: none;
}

.commentPage .row {
    border-bottom: 1px solid #D8D8D8;
    margin: 0;
}

.commentPage .row.first {
    margin-top: 20px;
}

.commentPage form {
    max-width: 660px;
}

.commentPage label {
    font-weight: normal;
    color: #333333;
}

.commentPage input,
.commentPage textarea {
    display: block;
    width: 100%;
    height: 45px;
    border: 1px solid #D8D8D8;
    padding: 10px;
    margin: 0 auto;
    border-radius: 4px;
    margin-bottom: 15px;
}

.commentPage textarea {
    resize: vertical;
    min-height: 120px;
    margin-bottom: 30px;
}

.comOdd {
    padding: 20px 0;
}

.comEven {
    padding: 20px 0;
}

.blogerPost {
    background-color: #e0e0e0;
    margin: 10px;
    padding: 10px;
}

#container .comOdd h1,
#container .comEven h1 {
    font-size: 12px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 0;
    color: #4A4A4A;
}

.comOdd p,
.comEven p {
    margin: 10px 0 0px 0;
}

.comUptitle {
    font-size: 12px;
    float: left;
}

#center #comment h1 {
    font-family: rts, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 7px;
}

#comment p {
    font-family: rts, Helvetica, sans-serif;
    font-size: 12px;
    color: #4A4A4A;
    margin-top: 0px;
    background: none;
    font-weight: 400;
}

#comment .last {
    border-bottom: 1px solid #D8D8D8;
}

#comment .allComments {
    font-size: 20px;
    font-style: italic;
}

#media {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #EEEEEE;
}

#media .mediaList {
    padding: 40px 30px;
    height: auto;
    display: inline-block;
    width: 100%;
}

#media .mediaListTitle {
    font-size: 18px;
    color: #3C87C2;
    line-height: 150%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 20px;
    padding-left: 15px;
}

#media .col-lg-4 {
    margin-bottom: 15px;
}

#media .col-lg-4 img {
    background-size: contain;
    width: 100%;
}

.boxRight .broadcastFilter {
    border: 1px solid #d8d8d8;
    padding: 15px;
}

.boxRight .broadcastFilter .filter {
    margin-bottom: 10px;
    clear: both;
    position: relative;
}

.boxRight .broadcastFilter label {
    height: 40px;
    line-height: 40px;
    width: 94px;
    background: #c31d24;
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.boxRight .broadcastFilter input {
    width: 174px;
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    border: 0;
    position: relative;
    padding: 0 5px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.boxRight .broadcastFilter .fake-select {
    height: 40px;
    line-height: 40px;
    background: #fff;
}
.boxRight .broadcastFilter input:focus {
    outline: 0;
}


.boxRight .broadcastFilter .fake-select input {
    position: absolute;
    left: -9999px;
    height: 20px;
    width: 20px;
    margin: 0;
}

.boxRight .broadcastFilter .fake-select .toggle + label {
    z-index: 2;
    height: 40px;
    display: block;
    line-height: 40px;
    text-indent: 5px;
    color: #4A4A4A;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    width: 174px;
    background: #f5f5f5;
    text-align: left;
    cursor: pointer;
    font-weight: 400;
    padding: 0 5px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*.boxRight .broadcastFilter .fake-select .toggle + label::before {
    content: "";
    background: #E6E6E6;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}*/

.boxRight .broadcastFilter .fake-select .toggle + label::after {
    content: "\f078";
    /* background: #444; */
    /* height: 12px; */
    /* width: 12px; */
    position: absolute;
    right: 15px;
    /* top: 16px; */
    /* background: url(/img/2014/select-arrow.png) center no-repeat; */
    /* width: 10px; */
    /* height: 6px; */
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    font-family: fontAwesome;
    color: #4A4A4A;
}

.boxRight .broadcastFilter .fake-select ul {
    margin: 0;
    list-style: none;
    padding: 0;
    max-height: 0px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    background: #f5f5f5;
    width: 174px;
    z-index: 9999;
    position: absolute;
    right: 0;
    top: 41px;
}

.boxRight .broadcastFilter .fake-select ul li {
    width: 100%;
    padding: 5px;
    cursor: pointer;
}

.boxRight .broadcastFilter .fake-select ul.active {
    max-height: 1000px;
}

.boxRight .broadcastFilter .fake-select .select-option input:checked + label {
    background: rgba(195, 29, 36, 0.3);
    text-indent: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09), 0 -1px 2px 0 rgba(0, 0, 0, 0.09);
}

.boxRight .broadcastFilter .fake-select .select-option label {
    display: block;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    background: transparent;
    color: #4A4A4A;
    font-weight: 400;
    height: auto;
    width: 100%;
    text-align: left;
    line-height: 100%;
    padding-left: 5px;
}

.boxRight .broadcastFilter .fake-select .select-option:hover label,
.boxRight .broadcastFilter .fake-select .select-option:active label {
    background: #c31d24;
    outline: none;
    color: #fff;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.boxRight .broadcastFilter input[type="submit"] {
    font-size: 14px;
    background: #E82C2C;
    width: 111px;
    color: #fff;
    text-transform: uppercase;
    float: right;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 0;
}

.boxRight .broadcastFilter input[type="submit"]:hover {
    background: #274B81;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.regularView.embed-responsive.embed-responsive-16by9 {
    /*display: block;*/
    padding-bottom: 61.35%;
}

.box300 .regularView.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 66.35%;
}

.mobileView.embed-responsive.embed-responsive-16by9 {
    /*display: none;*/
}

.embed-responsive.embed-responsive-16by9.video {
    padding-bottom: 61.4%;
}

.embed-responsive.embed-twitter-blockquote {
    padding-bottom: 20%;
}

.embed-responsive.embed-blockquote-instagram {
    padding-bottom: 115%;
}

.embed-responsive.embed-twitter iframe {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
}

.embed-responsive.embed-vine {
    padding-bottom: 100%;
}

.embed-responsive.embed-responsive-16by9.video video {
    width: 100%;
}

.embed-responsive.embed-responsive-4by3.video {
    padding-bottom: 75%;
}

.regularView.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 80%;
    padding-top: 31px;
}

.box300 .regularView.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 80%;
    padding-top: 31px;
}

.mobileView.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 80%;
    padding-top: 0;
}

.embed-responsive.embed-responsive-4by3.video video {
    width: 100%;
}


#sharer {
    margin-bottom: 30px;
    clear: both;
    margin-top: 20px;
}

#sharer a {
    display: inline-block
}

#sharer .social-icons {
    display: inline-block;
    float: left;
}

#sharer .service-icons {
    /*margin-left: 30px;*/
    display: inline-block;
    float: left;
}

#sharer .service-icons a {
    /*margin-right: 10px;*/
    display: inline-block;
}

#sharer .pinterest {
    /*background: url('/img/2014/pinterestCounter.png');*/
    position: relative;
    /*    width: 60px;
        height: 62px;
        margin-top: 35px;*/
}

#sharer .pinterest a {
    position: absolute !important;
    bottom: 0;
}

#video .video-box {
    padding-left: 0;
    margin-bottom: 15px;
}

#video .video-box-right {
    float: right;
    background: #CBCED2;
    padding: 20px;
}

#video .video-box h2 {
    margin-top: 10px;
}

#video form input {
    border: 0;
    color: #757C86;
    font-size: 10px;
    height: 40px;
    padding: 10px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-bottom: 10px;
}

#video form .calendar {
    position: relative;
    display: inline-block;
    width: 48%;
    float: left;
    margin-right: 10px;
}

#video form .calendar + .calendar {
    margin-right: 0;
}

#video form .calendar input {
    height: 30px;
    width: 100%;
}

#video form .calendar a {
    float: left;
    /* width: 5%; */
    position: absolute;
    right: 6px;
    top: 5px;
}

#video form input[type="submit"] {
    background: #3C87C2;
    border: 0;
    color: #fff;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: 0;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    margin-bottom: 0;
}

#video form input[type="submit"]:hover {
    background: #1E365A;
}

#video .video-small-block {
    width: 33%;
    float: left;
    padding: 20px 20px 30px 0;
}

#video .video-small-block.last {
    padding-right: 0;
}

#video .video-small-block-thumb img {
    margin-right: 10px;
    width: 80px;
    height: 80px;
    background-size: contain;
}

#video .video-small-block h4 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
    line-height: 115%;
    margin-bottom: 6px;
}

#video .video-mainSectionName,
#video .video-dateTimeFormated {
    font-size: 12px;
    line-height: 115%;
}

#video .video-leadVeryShort {
    font-size: 13px;
    line-height: 115%;
}

#video .video-mainSectionName,
#video .video-leadVeryShort {
    margin-bottom: 3px;
}

.blogHome img {
    float: left;
    margin-right: 2%;
}

.blogHome .blogMain {
    padding-bottom: 30px;
    border-bottom: 1px solid #DEE0E2;
}

.blogHome .col-lg-6 h2 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 115%;
    font-size: 20px;
}

.blogHome .col-lg-6 h2 a {
    font-size: 20px;
}

.blogHome .col-lg-4 h2 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 115%;
    font-size: 18px;
}

.blogHome .col-lg-4 h2 a {
    font-size: 18px;
}

.blogHome .blogName_releaseDate {
    margin-bottom: 3px;
}

.blogHome .blogName,
.blogHome .releaseDate {
    font-size: 11px;
    margin-bottom: 0;
}

.blogHome .readMore {
    background: #EEEEEE;
    padding: 2px 10px;
    float: right;
    margin-bottom: 0;
}

.blogHome .readMore a {
    font-size: 12px;
    font-weight: bold;
}

.blogHome .leadShort {
    font-size: 12px;
}

.blogHome .blogRows {
    padding: 30px 0;
}

.blogHome .row.last {
    padding-bottom: 30px;
}

.blogHome .sectionTitle h2 {
    margin: 0;
    line-height: 150%;
}

.blogHome .sectionTitle h2 a {
    color: #fff;
}

.blogHome .col-lg-6.categoryBox h3 {
    line-height: 120%;
    font-size: 12px;
    margin-top: 0;
}

.blogHome .col-lg-6.categoryBox h3 a {
    font-size: 12px;
    font-weight: bold;
}

.blogHome .title a {
    font-weight: bold;
}

.blogHome .col-lg-6.categoryBox img {
    margin-top: 5px;
}

.blogHome .boxRight h2 {
    margin: 0;
}

.blogHome .col-lg-6.categoryBox .blogName,
.blogHome .col-lg-6.categoryBox .releaseDate {
    display: inline-block;
    line-height: 100%;
}

.blogHome .categoryBoxes {
    width: 66%;
    float: left;
}

.blogHome .blogLatestComments {
    width: 33%;
    float: left;
}

.blogHome .categoryRow {
    margin-bottom: 15px;
}

.blogHome .col-lg-4 {
    border-top: 1px solid #DEE0E2;
    padding-top: 30px;
}

.tm-error body {
    color: #ffffff;
    background: #1e365a;
}

.tm-error body .container {
    text-align: center;
    color: #fff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.tm-error p,
.tm-error h1,
.tm-error h2 {
    color: #fff;
}

.tm-error .fa-frown-o {
    font-size: 250px;
}

.tm-error h1 {
    font-size: 100px;
}

.uk-text-muted {
    color: #999999 !important;
}

.uk-hidden-small {
    display: none !important;
}

.boxLeft .series {

}

.boxLeft .series .info {
    padding: 20px 15px;
    background: #F5F5F5;
}

.boxLeft .series p {
    line-height: 120%;
    margin-bottom: 0;
    margin-top: 5px;
}

.boxLeft .series .naslovSerijala {
    font-size: 18px;
    font-weight: bold;
    line-height: 120%;
}

.boxLeft .series .detaljnije {
    font-size: 13px;
    font-weight: bold;
}

.boxLeft .series .files,
.boxRight .series .files {
    display: table-cell;
    vertical-align: middle;
}

.boxLeft .series .files,
.boxRight .series .files a {
    color: #fff;
}

.banner-medium,
.banner-small {
    display: none;
}

.banner-large {
    display: block;
}

.banner-G .banner-large {
    display: none;
}

.banner-G {
    margin-bottom: 10px;
}

.banner-H {
    margin-bottom: 10px;
}

.banner-A {
    margin-bottom: 5px;
    width: 100%;
    height: 100%;
}

.banner-M {
    display: none;
}

.banner-xlarge {
    display: block;
    text-align: center;
    background: none repeat scroll 0 0 #ecedee;
    margin: 0 0 10px;
}

#cluetip-inner {
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
}

#cluetip-inner img {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 80px;
    height: 80px;
    background-size: contain;
}

#cluetip-inner h3 {
    display: none;
}

#cluetip-inner h2 {
    width: 60%;
}

#cluetip-inner p {
    display: block;
    clear: both;
    margin: 0;
}

.showName {
    font-weight: bold;
}

.showText {
    width: 80%;
    display: block;
    float: left;
}

.showTime {
    font-size: 20px;
    font-weight: bold;
    float: right;
    width: 20%;
    display: block;
    line-height: 100%;
    text-align: right;
}

.boxLeft .seriesRecent a,
.boxRight .seriesRecent a {
    background: #EEEEEE;
    display: block;
    padding: 15px 20px;
    font-size: 14px;
}

#content img {
    max-width: 100%;
}

#posalji {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #F9F9F9;
    padding: 40px;
}

#posalji form {
    max-width: 440px;
}

#posalji input {
    display: block;
    width: 99%;
    height: 35px;
    border: 1px solid #A6A6A8;
    padding: 0 10px;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0 0 0 5px #D4D4D5;
    line-height: 35px;
}

#posalji input[type="submit"] {
    background: #264675;
    width: 200px;
    height: 40px;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    float: right;
    cursor: pointer;
    border: 0;
    outline: 0;
    margin-bottom: 0;
    box-shadow: none;
    font-weight: bold;
    clear: both;
    margin-top: 10px;
}

#posalji input[type="submit"]:hover {
    background: #1E365A;
    text-decoration: none;
}

.storiesSectionSlider.tv-recommendation .largeThumb {
    position: relative;
}

.storiesSectionSlider.tv-recommendation img {
    height: auto;
}

.storiesSectionSlider.tv-recommendation .info {
    position: absolute;
    bottom: 7px;
    left: 7px;
    right: 0;
    padding: 5px 10px;
    background: #1E365A;
    background: rgba(30, 54, 90, 0.7);
}

.storiesSectionSlider.tv-recommendation .info h3 {
    text-align: center;
    margin: 0 0 5px;
}

.storiesSectionSlider.tv-recommendation .info h3 a {
    color: #fff;
}

.storiesSectionSlider.tv-recommendation .row-pad .element {
    padding: 7px 0 7px 7px;
    width: 33%;
}

.storiesSectionSlider.tv-recommendation .showText,
.storiesSectionSlider.tv-recommendation .showTime {
    color: #fff;
    font-weight: 700;
}

#storyBrowser .listStory {
    border-top: 0px;
    border-bottom: 0px;
    margin-bottom: 20px;
    background-image: url(/img/listStoryBgrd.png);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 0px;
}

#storyBrowser .listStory tr.first td {
    padding-top: 10px;
}

#storyBrowser .listStory tr td table tr td {
    padding: 0px;
}

#content .mmStory tr td table tr td {
    padding: 0px;
}

.multimediaBox {
    background-position: top;
    background-repeat: repeat-x;
    padding: 8px;
    display: inline-block;
    width: 100%;
}

.multimediaBox .multimedia .media {
    padding: 0px;
    float: left;
    background-color: #9B8857;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
}

.multimediaBox .multimedia .files {
    padding: 4px 5px 5px 5px;
    background-color: #EEEEEE;
    font-size: 12px;
    font-weight: bold;
}

.service .boxLeft .multimedia .files {
    padding: 4px 5px 5px 5px;
    background-color: #EEEEEE;
    font-size: 11px;
}

.service .boxLeft .multimedia .files a {
    background-color: #ffffff;
    display: block;
    margin-bottom: 0px;
    padding: 0px;
    text-decoration: none;
}

.service .boxLeft .multimedia .files a:hover {
    text-decoration: underline;
}

.multimediaBox .multimediaStory {
    display: block;
    float: none;
    margin-right: 0px;
    margin-left: 15px;
    padding-bottom: 8px;
}

.multimediaBox .multimediaStory .files {
    padding: 5px 7px 4px 7px;
}

.multimediaBoxSeries .multimedia {
    display: inline-block;
    float: left;
    margin-right: 4px;
    width: 100%;
}

.multimediaBoxSeries .multimedia .media {
    padding: 0px;
    float: left;
    font-family: rts, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
}

.multimediaInner {
    display: table;
    width: 100%;
}

.box-podcast {
    display: inline-block;
    width: 100%;
}

.boxLeft a.podcast,
.boxRight a.podcast,
.all-episodes {
    font-size: 12px;
    text-transform: uppercase;
    background: #c31d24;
    width: 100%;
    padding: 8px;
    color: #fff;
    display: block;
    font-weight: bold;
    float: left;
    line-height: 110%;
}

.all-episodes {
    max-width: 100%;
    margin: 10px 0;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    border-radius: 0px;
}


.boxLeft a.podcast:hover,
.boxRight a.podcast:hover {
    color: #e82c2c;
}
.boxLeft a.podcast, .boxRight a.podcast {
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    border-radius: 0px;
    margin-bottom: 10px;
}
.all-episodes:hover,
.boxRight a.podcast:hover {
    background: #1E365A;
    color: #fff;
}

.boxLeft a.podcast {
    background: #c31d24;
    color: #fff;
}

a.podcast .fa,
a.all-episodes .fa {
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
    float: left;
}

.multimedia .files {
    width: 100%;
}

.liveArticle {
    margin-bottom: 15px;
    display: table;
    width: 100%;
}
.liveArticle  h2 {
    width: 284px;
    padding: 17px 20px;
    margin: 0;
    background-color: #8a112e;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    border-right: 4px solid #fff;
}
.liveArticle.blue  h2 {
    background-color: #8a112e;
}
.liveArticle  h2 span {
}
.liveArticle .liveText {
    display: table-cell;
    background-color: #DEDEDE;
    width: 656px;
    font-size: 24px;
    color: #fff;
    padding: 10px 77px 10px 20px;
    line-height: 110%;
    position: relative;
    vertical-align: middle;
}
.liveArticle .liveText.nolink {
    padding-right: 20px;
}
.liveArticle .liveText a, .liveArticle .liveText a:hover {
    color: #4A4A4A;
    display: table-cell;
    vertical-align: middle;
}
.liveArticle .opsirnije {
    position: absolute;
    color: #fff;
    bottom: 5px;
    right: 5px;
    background-color: #000;
    font-size: 14px;
    padding: 2px 6px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
}
.liveArticle .opsirnije a {
    line-height: 110%;
    color: #fff;
    font-size: 12px;
}

.liveArticle .opsirnije a:hover {
    color: #fff;
}

.liveArticle .vert {
    display: none;

}
.liveArticle.hide {
    height: 0;
    overflow: hidden;
    margin-bottom: 0;
}

video.multi, audio.multi {
    width: 100%;
    margin-bottom: 20px;
}
video.multi {
    background-color: #000;
}
.box-video video.multi,
.boxRight  video.multi {
    margin-bottom: 0;
}


/* -- Video ikonica na partovima i listi -- */

i.video {
    background-image: url(/img/video.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    width: 45px;
    height: 30px;
}

h3 i.video {
    margin: -3px 10px 0 0;
    float: left;
}
a.smallThumb, a.largeThumb, a.mediumThumb {
    position: relative;
}

a.largeThumb i.video {
    position: absolute;
    bottom: 5px;
    left: 5px;
}
a.largeThumb i.video.mb10 {
    bottom: 15px;
}
a.mediumThumb i.video {
    position: absolute;
    bottom: 3px;
    left: 3px;
    background-position: 0 -90px;
    width: 30px;
    height: 20px;
}
a.smallThumb i.video {
    position: absolute;
    bottom: 2px;
    left: 2px;
    background-position: 0 -135px;
    width: 22px;
    height: 15px;
}

i.video.videoTitle {
    background-position: 0 -135px;
    width: 22px;
    height: 15px;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 5px;
}
a.img.smallThumb {
    float: right
}
a.img.smallThumb i.video {
    left: 12px;
}

a.mediumThumb i.video.emisijeVideo {
    bottom: auto;
    top: 3px;
}
a.smallThumb i.video.emisijeVideo {
    bottom: auto;
    top: 2px;
}



/* -- topStoryBox -- */

.topStoryBox {
    background-color: #1E365A;
}
.topStoryBoxLeft {
    width: 66.67%;
    float: left;
}
.topStoryBoxLeft .box620 {
    margin-bottom: 0;
}
.topStoryBoxLeft .boxCaption {
    display: none;
}
.topStoryBoxLeft video {
    display: block !important;
}

.topStoryBoxRight {
    width: 33.33%;
    float: right;
}
.topStoryBoxRight h4 {
    background-color: #E52D2B;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    padding: 10px;
}
.topStoryBoxRight h3 {
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    padding: 10px 20px;
}
.topStoryBoxRight h3 a {
    color: #fff;
}
.topStoryBoxRight p {
    color: #fff;
    font-size: 13px;
    padding: 0 20px 10px 20px;
}





#storyBrowser.storyBrowserEpisodes .multimediaBox .pp {
    display: none
}
/*-- Lista epizoda --*/

#storyBrowser.storyBrowserEpisodes .element {
    width: 300px;
    /*background-color: #F5F5F5;*/
    margin: 0 20px 50px 0;
    float: left;
    padding: 0;
    border-bottom: 0;
}
#storyBrowser.storyBrowserEpisodes .element:hover {
    /*border-bottom: 4px solid #1E365A;*/
}
#storyBrowser.storyBrowserEpisodes .element.treci {
    margin-right: 0
}
#storyBrowser.storyBrowserEpisodes .element.izaTreceg {
    clear: left;
}
#storyBrowser.storyBrowserEpisodes .element.first {
    padding: 0;
}
#storyBrowser.storyBrowserEpisodes .storyImage {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
#storyBrowser.storyBrowserEpisodes .info {
    width: 100%;
}
#storyBrowser.storyBrowserEpisodes .dateTime {
    font-size: 13px;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 400;
    color: #4A4A4A;
    text-transform: none;
}
#storyBrowser.storyBrowserEpisodes .dateTime:first-letter {
    text-transform: capitalize;
}
#storyBrowser.storyBrowserEpisodes h3 {
    font-size: 18px;
    padding: 0;
    /*border-bottom: 1px solid #D8D8D8;*/
    margin: 0;
    font-weight: 400;
    line-height: 120%;
}
#storyBrowser.storyBrowserEpisodes p.lead {
    font-size: 16px;
    padding: 0 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #666;
    display: none;
}
#storyBrowser.storyBrowserEpisodes .comment {
    display: none;
}

#storyBrowser.storyBrowserEpisodes .multimediaBox {
    padding: 0 10px;
}
#storyBrowser.storyBrowserEpisodes .multimediaBox table {
    display: none
}
#storyBrowser.storyBrowserEpisodes .multimediaBox .pp {
    display: block;
    margin-top: 10px;
}
#storyBrowser.storyBrowserEpisodes .multimediaBox .pp .stream {
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
    float: left;
}
#storyBrowser.storyBrowserEpisodes .multimediaBox .pp .download {
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
    color: #666;
    float: right;
}
/*---------------------- HORIZONTAL SUBNAVIGATION START ----------------------*/
.breadcrumbs {
    display: none;
}

.horizontalSubNavWrapper0 {
    background-color: #F5F5F5;
}
.horizontalSubNavWrapper0 .container {
    padding-top:0;
    padding-bottom:0;
}
.horizontalSubNavWrapper0 .subNavContent {
    display: table;
}
.horizontalSubNavWrapper0 a.child {
    text-transform: uppercase;
    font-size: 12px;
    color: #4A4A4A;
    font-weight: 400;
    line-height: 100%;
    padding: 5px 3px 2.5px;
    margin-right: 8px;
    margin-top: 0;
    border-bottom:  2px solid transparent;
    display: block;
    float: left;
}
.horizontalSubNavWrapper0 a.child:hover,
.horizontalSubNavWrapper0 a.child.active,
.horizontalSubNavWrapper0 a.child.onPath {
    color: #0071BC;
    /*border-bottom: 2px solid #0071BC;*/
    transition: all 0.2s ease-in-out 0s;
}
.horizontalSubNavWrapper0 a.child.active,
.horizontalSubNavWrapper0 a.child.onPath {
    border-bottom: 2px solid #0071BC;
}
.navigationContent {
    width: 100%;
    float: left;
    padding-top: 0px;
    overflow-y: hidden;
    box-sizing: content-box;
    display: table-cell;
}
ul.submenu {
    margin: 0;
    padding: 5px 0;
}
ul.submenu li {
    float: left;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 100%;
}
.linkWrapper {
    width: 80px;
    text-align: center;
    display: table-cell;

}
.linkBrowser {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #B3B8BE;
    float: right;
    position: absolute;
    right: 15px;
    height: 100%;
    display: block;
}
.linkWrapper a {
    color: #fff;
    text-transform: uppercase;
    color: #fff;
    display: block;
    background: url("/img/2016/arrowDown.png") right center no-repeat;
    padding-right: 25px;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
}
.linkWrapper a.buttonSeeMore.hideNav {
    background: url("/img/2016/arrowUp.png") right center no-repeat;
    width: 16px;
    height: 9px;
    display: block;
    padding: 0;
    text-indent: -3000px;
}

/*---------------------- HORIZONTAL SUBNAVIGATION DEPTH 1 ----------------------*/
.horizontalSubNavWrapper1 .subNavContent,
.horizontalSubNavWrapper2 .subNavContent {
    width: 100%;
}

.horizontalSubNavWrapper1 ul li a,
.horizontalSubNavWrapper2 ul li a {
    color: #000;
    text-transform: uppercase;
    padding: 0 15px 0px 0;
    font-size: 11px;
    font-weight: normal;
    display: block;
}
.horizontalSubNavWrapper1 ul li a.child.child2 {
    margin-bottom: 5px;
}
.horizontalSubNavWrapper1 ul li a:hover, .horizontalSubNavWrapper1 ul li a.active,
.horizontalSubNavWrapper2 ul li a:hover, .horizontalSubNavWrapper2 ul li a.active {
    color: #e82c2c;
}
.horizontalSubNavWrapper2 ul li a {
    font-size: 11px;
}
.horizontalSubNavWrapper1 .navigationContent , .horizontalSubNavWrapper2 .navigationContent {
    height: auto !important;
    padding-top: 15px;
}
/*---------------------- HORIZONTAL SUBNAVIGATION END ----------------------*/


/*---------------------- DROPDOWN START ----------------------*/
.dropDownWrap {
    background-color: #ecedef;
    width: 100%;
}
.hoverL1 .navL1 {
    border-bottom: none;
}
.hoverL1 .navL1 .container{
    background: transparent;
}
.navL1 .dropDownWrap ul.megamenu {
    padding-top: 15px;
}
.navL1 .dropDownWrap ul.megamenu li {
    float: left;
    width: auto;
}
#menuTop #menuTopLeft .megamenu a {
    text-transform: uppercase;
    font-size: 12px;
    color: #3F87C1;
    font-weight: bold;
    line-height: 100%;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 0;
    display: block;
    float: left;
}
#menuTop #menuTopLeft .megamenu a:hover {
    color: #1E365A;
    transition: all 0.2s ease-in-out 0s;
}
/*---------------------- DROPDOWN END ----------------------*/

#right .program .nav.nav-tabs.program-scheme-scrollable {
    margin: 0;
    padding: 0;
    position: relative;
}

#right .program .nav.nav-tabs.program-scheme-scrollable .slick-prev {
    top: 5px;
    left: -18px;
    width: 18px;
}

#right .program .nav.nav-tabs.program-scheme-scrollable .slick-next {
    top: 5px;
    right: -20px;
    width: 18px;
}

#right .program .nav.nav-tabs.program-scheme-scrollable .slick-prev:before,
#right .program .nav.nav-tabs.program-scheme-scrollable .slick-next:before {
    font-size: 18px;
}

#right .program .nav.nav-tabs.program-scheme-scrollable {
    padding:  0;
    margin: 0 20px;
    border-bottom: 1px solid#D8D8D8;
}

#right .program ul.nav.nav-tabs.program-scheme-scrollable li {
    /*    text-align: center;
        height: 45px;
        padding: 6px 7px 0 6px;
        border-left: 1px solid #1E365A;
        border-right: 1px solid #1E365A;*/
    padding: 2px 5px;

}

#right .program ul.nav.nav-tabs.program-scheme-scrollable li:hover {
    /*background: #274B81;*/
}

#right .program ul.nav.nav-tabs.program-scheme-scrollable li:hover a {
    /*color: #eee;*/
}

#right .program ul.nav.nav-tabs.program-scheme-scrollable li.active-prog {
    /*background: #eee;*/
    border-bottom: 3px solid #E82C2C;
}

#right .program ul.nav.nav-tabs.program-scheme-scrollable li.active-prog a {
    color: #4A4A4A;
}

#right .program ul.nav.nav-tabs.program-scheme-scrollable li > a {
    /*    text-align: center;
        line-height: 1.1em;
        padding-top: 0;
        padding-bottom: 0;
        height: 45px;
        color: #ffffff;*/
}

#right .program ul.nav.nav-tabs.program-scheme-scrollable .slick-prev,
#right .program ul.nav.nav-tabs.program-scheme-scrollable .slick-next {
    height: 100%;
}

#right .program ul.nav.nav-tabs.program-scheme-scrollable .slick-prev:before,
#right .program ul.nav.nav-tabs.program-scheme-scrollable .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 32px;
}

#right .program ul.nav.nav-tabs.program-scheme-scrollable .slick-prev:before {
    content: '\f104';
}

#right .program ul.nav.nav-tabs.program-scheme-scrollable .slick-next:before {
    content: '\f105';
}

.program .nav.nav-tabs.program-scheme-scrollable {
    margin: 0;
    padding: 0;
    position: relative;
}

.program .nav.nav-tabs.program-scheme-scrollable .slick-prev {
    top: 6px;
    left: -18px;
    width: 18px;
}

.program .nav.nav-tabs.program-scheme-scrollable .slick-next {
    top: 6px;
    right: -20px;
    width: 18px;
}

.program .nav.nav-tabs.program-scheme-scrollable .slick-prev:before,
.program .nav.nav-tabs.program-scheme-scrollable .slick-next:before {
    font-size: 18px;
}

.program .nav.nav-tabs.program-scheme-scrollable {
    padding:  0;
    margin: 0 20px;
    border-bottom: 0 none;
}

.program ul.nav.nav-tabs.program-scheme-scrollable li {
    /*    text-align: center;
        height: 45px;
        padding: 6px 4px 0 6px;
        border-left: 1px solid #1E365A;
        border-right: 1px solid #1E365A;
        margin-right: 1px;*/
    text-align: center;
    padding: 2px 5px;

}

.program ul.nav.nav-tabs.program-scheme-scrollable li:hover {
    /*background: #274B81;*/
    color: #1E365A;
}

.program ul.nav.nav-tabs.program-scheme-scrollable li:hover a {
    /*color: #eee;*/
}

.program ul.nav.nav-tabs.program-scheme-scrollable li.active-prog {
    /*background: #eee;*/
    border-bottom: 3px solid #E82C2C;
}

.program ul.nav.nav-tabs.program-scheme-scrollable li.active-prog a {
    color: #1E365A;
}

.program ul.nav.nav-tabs.program-scheme-scrollable li > a {
    text-align: center;
    line-height: 140%;
    ;
    padding-top: 0;
    padding-bottom: 0;
    color: #9B9B9B;
}

.program ul.nav.nav-tabs.program-scheme-scrollable .slick-prev,
.program ul.nav.nav-tabs.program-scheme-scrollable .slick-next {
    height: 100%;
}

.program ul.nav.nav-tabs.program-scheme-scrollable .slick-prev:before,
.program ul.nav.nav-tabs.program-scheme-scrollable .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 32px;
}

.program ul.nav.nav-tabs.program-scheme-scrollable .slick-prev:before {
    content: '\f104';
}

.program ul.nav.nav-tabs.program-scheme-scrollable .slick-next:before {
    content: '\f105';
}

.youtube-video {
    border: none;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.notification-title,
.notification-link {
    margin: 0 auto;
    width: 100%;
}

.notification-link.ios,
.notification-link.android {
    display: none;
}

.referencePart {
    background: #eeeeee;
    margin-bottom: 20px;
    padding: 10px;
}

.referencePart .three{
    width: 293.33333px;
    margin-bottom: 0;
}
.referencePart.izboriUSA {
    background-image: url('/img/zastavaUSA.png');
    background-repeat: no-repeat;
    background-position-x: center;
}
.referencePart.izboriUSA .three {
    border: 3px solid #fff;
}
.referencePart.izboriUSA .info-post h3 a {
    font-size: 18px;
}

.strip-small .preporuka-info span,
.strip-small .preporuka-info a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.strip-small .preporuka-info a span {
    display: block;
    font-size: 11px;
    font-weight: regular;
    text-transform: uppercase;
}

.strip-small .preporuka-info .preporukaTitle {
    width: 65%;
}
.strip-small .preporuka-info .preporukaTimeName {
    width: 35%;
}

.app-dropdown-holder .menu-dropdown {
    display: none;
}
.app-dropdown-holder.is-active .menu-dropdown {
    display: block;
}

.app-dropdown-holder .menu-dropdown {
    background: #fff;
    width: 200px;
    z-index: 9999;
    position: absolute;
    box-shadow: 0px 2px 10px 1px #bababa;
    top: 55px;
    border-radius: 4px;
}

.app-dropdown span {
    text-transform: initial;
}

.app-dropdown-holder .menu-dropdown li {
    float: none;
    height: auto !important;
}

.app-dropdown-holder .menu-dropdown li a {
    height: auto;
    padding: 10px 15px;
    float: none;
    display: block;
    border-top: 1px solid #ebebeb;
}


.app-dropdown-holder .menu-dropdown li #languages {
    float: none;
}

.app-dropdown-holder .menu-dropdown li #languages a {
    color: #1E365A;
    border: 0;
    padding: 10px 15px;
    display: block;
}
.app-dropdown-holder .menu-dropdown li #languages p {
    background: transparent;
    font-size: 13px;
}

.app-dropdown-holder .menu-dropdown li #languages p a:hover {
    opacity: 1;
    color: #e82c2c;
}

.app-dropdown-holder.is-active .app-dropdown .fa-chevron-down:before {
    content: "\f077";
}

.short-story-holder {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E82C2C;
}

.short-story-date {
    font-size: 16px;
    font-weight: 400;
    color: #4A4A4A;
    display: inline-block;
    line-height: 16px;
    margin-bottom: 10px;
}

.short-story-title {
    display: block;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.short-story-title a {
    font-size: 16px;
    font-weight: 700;
}

#story-text .short-story-body {
    display: block;
    margin: 0 0 10px 0;
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 400;
}
#story-text .short-story-body p {
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px;
}

.short-story-thumb {
    margin-bottom: 10px;
    width: 100%;
    max-width: 600px;
}

.short-story-thumb video, .short-story-thumb iframe {
    width: 100%;
    display: block;
}
.short-story-thumb video {
    background-color: #000
}

.short-news-mobile {
    display: none;
}

.short-story-holder .signature {
    color: #fff;
    background-color: #000;
    font-size: 13px;
    padding: 6px 20px;
}

/* --- QUIZ --- */

.quiz {

}

.quiz .quiz-wrapper {
    padding-top: 20px;
    border-top: 1px solid #D8D8D8;
}

.quiz .quiz-section-title {
    color: #4A4A4A;
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
}

.quiz .quiz-inner {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D8D8D8;

}

.quiz .quiz-inner {
    display: -ms-flexbox!important;
    display: flex!important;
}

.quiz .quiz-thumb {
    display: block;
    width: 300px;
    height: 225px;
    background: #d8d8d8;
    margin-right: 30px;
}

.quiz .quiz-thumb img {
    max-width: 100%;
    height: auto;
}

.quiz .quiz-date {
    color: #757C86;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 20px;
}

.quiz .quiz-title {
    display: block;
    color: #000000;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    margin: 20px 0;
}

.quiz a.quiz-title:hover,
.quiz a.quiz-title:focus {
    color: #e82c2c;
}

.quiz .quiz-lead {
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
}

.quiz .quiz-button {
    display: block;
    color: #ffffff;
    background-color: #0071BC;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    width: 137px;
    height: 40px;
    text-align: center;
    padding: 13px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.quiz .quiz-button:hover,
.quiz .quiz-button:focus {
    background-color: rgba(0, 113, 188, 0.8);
}

.poll-section-title {
    color: #000000;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 30px;
    line-height: 1;
}

.quiz-data-inner {
    padding-bottom: 20px;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 30px;
}

.quiz-headline {
    display: block;
    background-color: #F5F5F5;
    padding: 8px 20px;
    line-height: 1;
    color: #4A4A4A;
    margin-bottom: 30px;
}

.headline-txt,
.answer-status {
    color: #4A4A4A;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
}

.headline-txt {
    margin-right: 30px;
}

.headline-ord,
.headline-separator,
.headline-count {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.headline-separator,
.headline-count {
    color: #757C86;
}

.question-title {
    color: #0071BC;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 1;
}

.poll-actions {
    text-align: center;
}

.answer-button {
    display: inline-block;
    height: 40px;
    background-color: #0071BC;
    padding: 10px 20px;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 1;
    border: 0;
    outline: 0;
}

.answer-button:hover,
.answer-button:focus {
    color: #fff;
    background-color: rgba(0, 113, 188, 0.8);
    outline: 0;
    box-shadow: 0;
}

.answer-button.answer-next {
    padding: 13px 20px;
    ;
}

.poll-list {
    margin-bottom: 80px;
}

.answer-holder {
    margin-bottom: 20px;
}

.fake-radio,
input[type="radio"] {
    display: none;
}

.fake-radio + label,
input[type="radio"] + label {
    margin: 0;
    font-weight: 400;
    color: #4A4A4A;
    vertical-align: middle;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    cursor: pointer;
}

.fake-radio + label:before,
input[type="radio"] + label:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 14px;
    background-color: white;
    margin-right: 15px;
    box-shadow:  0 0 0 2px #D8D8D8;
    color: #000;
    text-align: center;
    cursor: pointer;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;

}

.fake-radio:checked + label:before,
input[type="radio"]:checked + label:before  {
    display: block;
    content: '';
    background-color: #0071BC;
    color: #fff;
    box-shadow: 0 0 0 2px #0071BC;
    border: 5px solid #fff;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
}

input[type="radio"]:checked + label {
    font-weight: 700;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.answer-alert.wrong {
    background-color: rgba(208, 2, 27, 0.1);
}
.answer-alert {
    display: block;
    padding: 20px;
    color: #4A4A4A;
    font-size: 16px;
}

.answer-alert-title {
    font-size: 20px;
    font-weight: 700;
    color: #E82C2C;
    margin-bottom: 10px;
}
.answer-alert.correct .answer-alert-title {
    color: #4A4A4A;
}

.answer-alert.correct {
    background-color: rgba(126, 211, 33, 0.1);

}

.answer-alert.wrong .answer-alert-title {
    color: #E82C2C;
}

.answer-block {

}

.answer-block.checked input[type="radio"] + label {
    font-weight: 700;
}

.answer-block.checked input[type="radio"] + label:before {
    background: #9B9B9B;
    border: 5px solid #fff;
    box-shadow: 0 0 0 2px #9B9B9B;
}


.label-txt {
    display: block;
    width: calc(100% - 42px);
    padding: 3px 10px;

}

.answer-block.green .label-txt {
    background: rgba(126, 211, 33, 0.1);
}

.answer-block.red .label-txt {
    background: rgba(208, 2, 27, 0.1);
}

.quiz-congrats {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    line-height: 1;
    margin-bottom: 20px;
}


.results-correct,
.results-wrong {
    font-size: 20px;
    font-weight: 700;
    padding: 10px 20px;
    margin-bottom: 10px;
    color: #4A4A4A;
    line-height: 1;
}

.results-correct {
    background-color: rgba(126, 211, 33, 0.1);
}

.results-wrong {
    background-color: rgba(208, 2, 27, 0.1);
}

.results-holder {
    margin-bottom: 60px;
}

.poll-results {
    margin-top: 30px;
}

.top-list-grid {
    border-bottom: 1px solid #D8D8D8;
}

.list-row {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.list-row {
    margin-left: -10px;
    margin-right: -10px;
}

.list-row .list-item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.list-row .list-item.item-3rd {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.list-item .item-inner {

}

.list-item .item-thumb-holder {
    height: 225px;
    background: #D8D8D8;
    margin-bottom: 10px;
}

.list-item .item-thumb-holder .item-thumb {
    display: block;
    height: 225px;
}

.list-item .item-thumb-holder .item-thumb img {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

.list-item .item-title {
    margin: 0;
}

.list-item .item-link {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    min-height: 40px;
}

.list-item .item-lead {
    display: block;
    color: #4A4A4A;
    min-height: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.3;
}

.list-item .item-date {
    color: #757C86;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.img-holder {
    display: block;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.44);
    position: relative;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 100%;
}

.img-holder::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.img-mask {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: opacity .1s;
    transition: opacity .1s;
}

.img-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(50%,50%);
    transform: translate(50%,50%);
}

.img-mask::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;

}

.img-image img {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}

.a-thumb-holder {
    margin-bottom: 30px;
}

.a-thumb-holder img {
    max-width: 100%;
    height: auto;
}


/* story box quiz */

.box-quiz {
    padding: 10px;
    background-color: #f0f0f0;
}
.box-quiz h3.quiz-title {
    margin-top: 0;
}
.box-quiz .quiz-data-inner {
    padding-bottom: 0;
    margin-bottom: 20px;
}
.box-quiz .quiz-headline {
    background-color: #fff;
}
.box-quiz #questionDiv {
    min-height: 120px;
}
.box-quiz .poll-list {
    margin-bottom: 0
}
.box-quiz .results-holder {
    margin-bottom: 0
}
.box-quiz .answer-alert {
    padding-bottom: 0;
    float: left;
    margin-bottom: 20px;
    min-width: 100%
}
.box-quiz .answer-alert p {
    margin-bottom: 10px;
}
.box-quiz .results-wrong {
    margin-bottom: 0;
}

.box-OKO-entrefilet,
.box-OKO-moto,
.box-OKO-verse,
.box-OKO-gloss,
.box-OKO-subtext {
    display: none;
}

/* ------------------------------- JAVNE NABAVKE ---------------------------- */
#javneNabavke-lista {
    margin-bottom: 50px;
}
#javneNabavke-lista .sectionTitle h1 {
    margin: 0;
    color: #000;
    font-size: 30px;
    padding: 6px 0;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#javneNabavke-lista .element {
    display: inline-block;
    padding: 20px 0 10px 0;
    padding-top: 20px;
    border-bottom: 1px solid #D8D8D8;
    width: 100%;
}
#javneNabavke-lista .info {
    width: 100%;
    float: none;
    display: inline-block;
}
#javneNabavke-lista .dateTime {
    color: #757C86;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 20px;
}
#javneNabavke-lista h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 10px;
    color: #000;
    line-height: 120%;
}
#javneNabavke-lista h3 a {
    color: #000;
    font-weight: 700;
}
#javneNabavke-lista h3 a:hover {
    color: #e82c2c;
}
#javneNabavke-listar p.lead {
    font-size: 14px;
    margin-bottom: 20px;
    font-style: normal;
    color: #333333;
    font-weight: 300;
    line-height: 1.4;
}
#javneNabavke-listar .readMoreLink a {
    color: #fff;
    display: block;
    background: #c31d24;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 0px;
    width: 100px;
}
.javneNabavkeInfo {
    width: 100%;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
}
.storyInfoBlock {
    display: table;
    float: left;
    width: 61.8%;
    margin-right: 2%;
    line-height: 30px;
}
.javneNabavkeInfoBlock {
    display: table;
    float: left;
    width: 61.8%;
    margin-right: 2%;
    line-height: 30px;
}
.javneNabavkeInfo p.javneNabavkeDate {
    color: #4A4A4A;
    font-size: 11px;
    text-transform: uppercase;
    padding-right: 20px;
    line-height: 140%;
    padding: 0;
    display: inline-block;
    margin: 0;
    vertical-align: bottom;
}
a.nabavkeFile {
    color: #e82c2c !important;
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    margin-bottom: 10px;
}
a.nabavkeFile:hover {
    color: #000 !important;
    margin-bottom: 40px;
}
.javneNabavkeFormaSadrzaj {
    margin: 20px 0;
    background-color: #F5F5F5;
    padding: 20px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}
form.javneNabavkeForma {
    width: 100%;
    max-width: 660px;
}
form.javneNabavkeForma label {
    font-weight: normal;
    color: #333333;
}
form.javneNabavkeForma input,
form.javneNabavkeForma textarea {
    display: block;
    width: 100%;
    height: 45px;
    border: 1px solid #D8D8D8;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 0px;
    border-radius: 4px;
    margin-bottom: 15px;
    color: #000;
}
form.javneNabavkeForma .QapTcha {
    width: calc(100% - 220px);
}
form.javneNabavkeForma .QapTcha .bgSlider {
    width: 100%;
}
form.javneNabavkeForma .QapTcha .TxtStatus {
    width: calc(100% - 100px);
}
form.javneNabavkeForma button {
    background: #c31d24;
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    float: right;
    cursor: pointer;
    border: 0;
    outline: 0;
    border-radius: 0;
}
.javneNabavkeFormaSadrzaj h3 {
    margin-bottom: 30px;
}
.openingDate {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    color: #e82c2c;
    font-weight: bold;
}
.openingDate span.oDate {
    margin-left: 10px;
}
#container .javneNabavkeSadrzaj p.storyMainLead,
.javneNabavkeSadrzaj .openingDate {
    margin-bottom: 15px;
}

/* ---------------------- SHORT STORY MORE LESS ----------------------------- */

.short-story-body-thumb {
    position: relative
}
.short-story-body-thumb-wrapper {
    width: 100%;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.short-story-body-thumb.active .short-story-body-thumb-wrapper {
    height: auto;
    overflow: hidden;
    text-overflow: inherit;
    display: block;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
}
.readMoreWrapper {
    text-align: right;
    cursor: pointer;
    font-weight: 700;
    color: #e82c2c;
    transition: all 0.3s ease;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: -26px;
    background-color: #fff;
    padding: 0 0 0 5px;
    text-transform: uppercase;
    font-size: 14px;
}
.readMoreWrapper:hover {
    color: #000;
    transition: all 0.3s ease;
}
.readMoreWrapper .moreText {
    display: block;
}
.readMoreWrapper .lessText {
    display: none;
}
.readMoreWrapper.active .moreText {
    display: none;
}
.readMoreWrapper.active .lessText {
    display: block;
}
/* ENG HEADER LINK */
a.eng {
    width: 50px;
    height: 60px;
    display: block;
    float: left;
    background: url('/img/Eng.svg');
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: center;
    background-color: transparent;
    margin-right: 1px;
}
a.eng:hover {
    background-color: #d02733;
}