/*PAGE TITLE*/

h1.page-title {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 10px;
    position: relative;
    border: none;
    padding-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
}
h1.page-title span,
h2.sectionTitle span{
    position: relative;
}
h1.page-title span:before,
h2.sectionTitle span:before{
    width: 100%;
    height: 5px;
    background: #E30613;
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    z-index: 1;
}
h1.page-title.dw-title{
    width: 100%;
    height: 30px;
    background: #0c2951 url(/assets/img/front/dw_logo.svg) no-repeat left 50% center;
}
.sport h1.page-title span:before,
.sport h2.sectionTitle span:before{
    background: #2D68A8;
}
.magazin h1.page-title span:before,
.magazin h2.sectionTitle span:before{
    background: #E59E2C;
}
.kolumne h1.page-title span:before,
.kolumne h2.sectionTitle span:before{
    background: #e30713;
}
.kultura h1.page-title span:before,
.kultura h2.sectionTitle span:before{
    background: #811F99;
}
h1 span {
    background: #fff;
    display: inline-block;
    z-index: 9;
    position: relative;
}
/*BREAKING */
.breaking_live{
    display: flex;
    align-items: center;
    height: 35px;
}
.breaking {
    width: 100%;
    overflow: hidden;
    height: 50px;
    box-sizing: border-box;
    margin-bottom: 0;
}
.breaking-in {
    display: block;
    position: relative;
}
.breaking h3.title{
    color: #E30613;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    margin: 0;
    padding: 16px 10px 16px 10px;
    left: 0;
    top: 0;
    /*position: absolute;*/
    z-index: 1;
    text-align: center;
    box-sizing: border-box;
}
/*.breaking li{background: url('/assets/img/front/breakingDivider.png') no-repeat right top; padding: 0 30px; line-height: 30px; display: block; font-size: 13px; color: #333;}
.breaking li a{color: #333;}
.breaking li a:hover{color: #E30613; text-decoration: none;}*/
.breakingDiv {
    left:140px;
    position: absolute;
}
.breakingDiv a {
    font-size: 16px;
    line-height: 50px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-style: italic;
}
.breakingDiv a:hover {
    text-decoration: none;
    color: #E30613;
}

/* BREAKING - liScroll styles */

.tickercontainer {
    width: 100%;
    padding: 0 20px 0 111px;
    overflow: hidden;
    margin: 0;
    box-sizing: border-box;
}
.tickercontainer .mask {
    position: relative;
    padding: 15px 10px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
ul#ticker-new { /* that's your list */
    position: relative;
    left: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#ticker-new li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    margin-right: 80px;
}
ul#ticker-new a {
    white-space: nowrap;
    color: #0A1B47;
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
}

/*-----ScrollForever --------------------*/

.scroller {
    height: 50px;
    width: 800px;
    overflow: hidden;
    margin: 50px auto;
    border: 1px solid #0A1B47;
}
.scroller li {
    float: left;
    margin-right: 40px;
}
.browser {
    width: 100%;
}

/* ----------------------- BREAKING NEWS SCROLL ----------------------------- */

.ticker-wrapper {
    width: 100%;
    padding: 10px 20px 10px 20px;
    overflow: hidden;
    margin: 0;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.7s ease;
    flex: 1;
}
.ticker-wrapper.fadeIn {
    opacity: 1;
    transition: all 0.5s ease;
}
.breaking.new {
    display: flex;
    box-sizing: border-box;
    position: relative;
    align-items: center;
    padding-left: 5px;
}
.breaking.new:before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #E30613;
    top: 0;
    left: 0;
    width: 70px;
    z-index: 999;
}
.ticker-wrapper .jctkr-wrapper ul li {
    color: #0A1B47;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    line-height: 200%;
    margin: 0;
    padding-right: 20px;
    background: url('/assets/img/front/divider.svg') no-repeat center right 8px;
}

.ticker-wrapper .jctkr-wrapper ul li a {
    color: #0A1B47;
}
.tickerLoader {
    position: absolute;
    background-color: #f8f8f8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: all 0.4s ease;
    display: none;
}
.tickerLoader.fade {
    opacity: 0;
    transition: all 0.5s ease;
}

/*-----TOP STORIES switcher - HOME ------*/

.partBoxTwoThirds-wrapper {
    /*display: table;*/
    width: 100%;
    /*    margin-bottom: 5px;*/
}

.single-item-slider > div:not(:first-of-type) {
    display: none;
}
.single-item-slider.slick-slider.slick-initialized > div:not(:first-of-type){
    display: block;
}
.storyMainBox {
    width:100%;
    /*    margin-bottom: 40px;*/
    margin-bottom: 30px;
    clear: both;
}
.HomeTopSlider {
    width:100%;
    float:none;
    margin-bottom: 0;
    height: 390px;
    overflow: hidden;
    margin-bottom: 30px;
}
.storyMainBoxLeft {
    width:100%;
    float:none;
    padding:0;
    background:none;
}
.textContainer{
    position:relative;
    width:100%;
}
.textContainer img{
    width:100%;
}
.activetext img{
}
.storyMainBoxFotoHolder {
    line-height: 0;
    position: relative;
}
.storyMainBoxTextHolder {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background: rgba(0,0,0,0.5);
    padding: 20px 20px 20px 30px;
    box-sizing: border-box;
}
.storyMainBoxTextHolder h2{
    font-size:13px;
    margin:0;
    background: #BF1522;
    color: #fff;
    padding: 5px 8px;
    float: left;
    line-height: 100%;
    margin-right: 1px;
}
.storyMainBoxTextHolder h2 a{
    color: #fff;
}
.storyMainBoxTextHolder .date{
    color:#fff;
    float: left;
    font-size: 12px;
    line-height: 100%;
    margin-right: 5px;
    line-height: 20px;
    font-weight: 600;
}
.storyMainBoxTextHolder .icons {
    float: left;
    margin: 0 5px;
}
.storyMainBoxTextHolder .commentCount{
    float: left;
    color:#fff;
    padding-left:10px;
    margin-left: 5px;
    border-left: 1px solid #fff;
    line-height: 20px;
}
.storyMainBoxTextHolder .commentCount span.numberC {
    background: url('/assets/img/front/commentCountWhite.png') no-repeat left center;
    padding-left: 25px;
    line-height: 20px;
}
.storyMainBoxTextHolder .lead{
    opacity: 1;
    padding: 0;
    color:#FFFFFF;
    line-height:130%;
    font-size: 15px;
    clear: left;
    width: 100%;
}
.storyMainBoxTextHolder .lead a {
    color: #fff;
}
.storyMainBoxTextHolder .lead a:hover {
    text-decoration: none
}
.storyMainBoxTextHolder .lead .more{
    font-size:13px;
    color:#FFC90A
}
.dateIconCommentCount {
    float: right;
    width: auto;
    display: table;
}
.storyMainBoxTextHolder .dateIconCommentCount {
    display: none;
}
.SwitcherTextWrapper {
    width: 100%;
    clear: both;
}
.SwitcherTextWrapper .yellowBox {
    /*    background: #FFCC33;*/
    background: rgba(255,255,255,1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    padding: 0 5px;
    margin-right: 10px;
    color:#0A1B47;
    float: left;
    margin-top: 6px;
}
span.swithcherMainTitle {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
}
/*.SwitcherTextWrapper .title a:hover {color: #E30613;text-decoration: none;}*/

.storyMainBoxListLinks {
    width:100%;
    float:none;
    background-color: #eee;
}
.storyMainBoxListLinks ul{
    margin:0;
    width: 100%;
    display: table;
}
.storyMainBoxListLinks ul li{
    margin:0;
    padding:0;
    width:230px;
    display: table-cell;
    background: #636466;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.storyMainBoxListLinks ul li:first-child{
    border-left: 0;
}
.storyMainBoxListLinks ul li a{
    font-size:16px;
    color:#fff;
    padding: 12px;
    width:100%;
    box-sizing: border-box;
    z-index: 9;
    display: block;
    padding-bottom: 40px;
    min-height: 110px;
    border-bottom: 5px solid #fff;
    z-index: 9;
    position: relative;
}
/*.storyMainBoxListLinks ul li a.last {border-bottom: 0}*/
.storyMainBoxListLinks ul li a:hover {
    text-decoration:none;
}
.storyMainBoxListLinks ul li a.active{
    text-decoration:none;
}
.storyMainBoxListLinks ul li a.active:after {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    background: rgba(203,0,0,0.8);
    z-index: 2;
}
.storyMainBoxListLinks ul li a span{
    display: block;
    float: left;
}
.storyMainBoxListLinks ul li a span.uptitle{
    color: #BF1522;
    font-size: 13px;
    float: left;
    line-height: 13px;
    text-transform: uppercase;
    padding-right: 5px;
}
.storyMainBoxListLinks ul li a span.date{
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    float: left;
    margin-right: 5px;
    font-weight: 600;
    z-index: 9;
    position: relative;
}
.storyMainBoxListLinks ul li a.active span.date, .storyMainBoxListLinks ul li a:hover span.date {
}
.storyMainBoxListLinks ul li a span.commentCount{
    float: left;
    color: #fff;
    padding-left: 10px;
    margin-left: 5px;
    border-left: 1px solid #fff;
    line-height: 20px;
    font-size: 12px;
}
.storyMainBoxListLinks ul li a span.title{
    clear: left;
    float: none;
    font-weight: 700;
    font-size: 18px;
    padding-top: 0;
    margin-top: 0;
    z-index: 9;
    position: relative;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;/* Important for long words! */
    line-height: 1.2;
    max-height: 40px;
}
.storyMainBoxListLinks ul li a span.thumb {
    float: right;
    width: 24.7%;
    margin-top: 0;
    line-height: 0
}
.storyMainBoxListLinks ul li a span.thumb img {
    width: 100%
}
.storyMainBoxListLinks ul li a .date-commentCount {
    display: table;
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: calc(100% - 20px);
    z-index: 9;
}
.storyMainBoxListLinks ul li a .date-commentCount .iIcon {
    float: left;
    margin: 0 5px;
}
.storyMainBoxListLinks ul li a.active span.date, .storyMainBoxListLinks ul li a.active span.commentCount{
}
.storyMainBoxListLinks ul li a span.commentCount .numberC{
    background: url('/assets/img/front/commentCountWhite.png') no-repeat left center;
    padding-left: 25px;
    line-height: 20px;
}
.thumb-slider-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 5px;
    left: 0;
    background: #0A1B47;
    overflow: hidden;
}
.thumb-slider-wrapper img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
    opacity: 0.7;
}
.switcerThumbMask {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #0A1B47;
    opacity: 0;
}
.HomeTopSlider .storyMainBoxLeft a:hover .switcerThumbMask {
    opacity: 0.4;
}
.HomeTopSlider .storyMainBoxLeft a:hover .swithcherMainTitle {
    color: #E30613;
}

/*-----TOP STORIES switcher - HOME ------*/

.HomeTopSlider .single-item-slider .slick-prev {
    z-index: 9;
}

.HomeTopSlider .single-item-slider .slick-slide {
    height: 390px;
    padding: 0;
    border-radius: 4px;
}

.HomeTopSlider .single-item-slider a.fix {
    min-height: 390px;
    height: 100%;
    position: relative;
}

.HomeTopSlider .single-item-slider a.fix::before {
    /*content: '';*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(21, 37, 49, 0) 10%, rgba(5, 10, 13, 0.8) 100%);
    border-radius: 0 0 4px 4px;
    z-index: 2;
}
.HomeTopSlider .slide {
    height: 100%;
    position: relative;
}

.HomeTopSlider .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}


.HomeTopSlider .slide:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(21, 37, 49, 0) 10%, rgba(5, 10, 13, 0.8) 100%);
    border-radius: 0 0 4px 4px;
    z-index: 2;
}
.HomeTopSlider .slide_text-content {
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    /*    bottom: 50px;*/
    bottom: 70px;
    text-align: left;
    padding: 0 85px;
    z-index: 2;
    text-align: left;
}

.slide_text-content span {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 11px;
    font-weight: 300;
    line-height: 1;
    border-radius: 10px;
    background: rgba(233, 234, 238, 0.3);
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.slide_text-content .slide_title {
    /*    margin-bottom: 8px;*/
    font-size: 30px;
    font-weight: 600;
    line-height: 1.07;
    color: #fff;
    display: block;
    clear: both;
}

.HomeTopSlider .single-item-slider a.fix:hover .slide_title {
    color: #E30613;
    transition: all 0.3s ease-in-out;
}

.slide_text-content .slide_lead {
    font-size: 18px;
    line-height: 1.33;
    color: #fff;
}

.HomeTopSlider .slick-dots {
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
}


.HomeTopSlider .slick-dots li button {
    /*border: 1px solid #fff;*/
    border-radius: 50%;
    height: 6px;
    width: 6px;
    margin: 0;
    background: #fff;
    color: #fff;
    padding: 0;
}

.HomeTopSlider .slick-dots li button:before {
    display: none;
}

.HomeTopSlider .slick-dots li.slick-active::after {
/*    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;*/
}
.HomeTopSlider .slick-dots li.slick-active button{
    background: #E30613;
}

.HomeTopSlider .slick-arrow,
.boxGallery .slick-arrow {
    width: 40px;
    height: 40px;
    opacity: 0.5;
    border-radius: 50%;
    background: url(../../../assets/img/icon-slider-arrow.svg) #fff center no-repeat;
    background-size: 20px;
}

.HomeTopSlider .slick-arrow.slick-next{
    transform: translateY(-50%) rotate(180deg);
}

.HomeTopSlider .slick-prev:before,
.HomeTopSlider .slick-next:before,
.boxGallery .slick-prev:before,
.boxGallery .slick-next:before
{
    display: none;
}
.boxGallery .slick-prev{
    z-index: 999;
}
.boxGallery .slick-arrow.slick-prev{
    transform: translateY(-100%)
}
.boxGallery .slick-arrow.slick-next{
    transform: translateY(-100%) rotate(180deg);
}
.HomeTopSlider .item .date-commentCount.whiteIcons {
    width: auto;
    display: table;
}
.item .date-commentCount.whiteIcons {
    background-color: transparent;
    border-radius: 0;
}
.whiteIcons span.iIcon {
    background-color: transparent;
}
.whiteIcons .icon-small {
    filter: none;
}
.whiteIcons .icon-photo {
    background-image: url('/assets/img/front/foto-white.svg');
}
.whiteIcons .icon-video {
    background-image: url('/assets/img/front/video-white.svg');
    background-position: 0;
}
.whiteIcons .icon-audio {
    background-image: url('/assets/img/front/audio-white.svg');
}
.whiteIcons span.numberC {
    background-image: url('/assets/img/front/komentar-white.svg');
}
.date-commentCount.whiteIcons span.numberC {
    margin-bottom: 0;
    border-radius: 0;
    margin-top: 5px;
    color: #fff;
}
.item .date-commentCount.sliderDCC .iIcon {
    padding-right: 0;
    padding-left: 0;
}

/*-----TOP STORIES scrollContent - HOME ------*/

.mainTitle span{
    position: relative;

}
.mainTitle span:before{
    content: '';
    width: 100%;
    height: 5px;
    background-color: #E30613;
    position: absolute;
    top: -6px;
}
.boja-Kolumne .mainTitle span:before{
    background: #E30613;
}
.boja-Magazin .mainTitle span:before{
    background: #E59E2C;
}
.boja-Sport .mainTitle span:before{
    background: #2D68A8;
}
.boja-Kultura .mainTitle span:before{
    background: #811F99;
}
.rowFull{
    background:none;
    width:100%;
    margin:0;
    border-top: 1px solid #E9EAEE;
    padding: 5px 0 0;

}
.storyMainBox .rowFull h3.mainTitle{
    color: #0A1B47;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 10px;
}
/*.storyMainBox .rowFull h3.mainTitle:after{width: 100%;height: 1px;background: #000;display: block;content: "";position: absolute;left: 0;top: 50%;z-index: 1;}*/
.storyMainBox .rowFull h3.mainTitle a {
    /*background: #fff;*/
    position: relative;
    z-index: 9;
}
.storyMainBox .rowFull h3.mainTitle span{
    display: inline-block;
    z-index: 9;
    position: relative;
}
.storyMainBox .rowFull h3.mainTitle a:hover span {
    /*background-color: #E30613;*/
}
.storyMainBox .mainTitle  a:hover  span:before{
    background-color: #E30613;
}
.scrollContent{
    margin:0 auto;
    position:relative;
    width:100%;
    margin-top:10px
}
.scrollContent .scrollable {
    position:relative;
    overflow:hidden;
    width: 100%;
    height:285px;
    margin: 0 auto;
    padding:0;
}
.scrollContent .scrollable .items {
    width:20000em;
    position:absolute;
    clear:both;
    line-height:100%;
}
.scrollContent .scrollable .items div {
    float:left;
    width:300px;
    margin:0 20px 0 0;
    background:none;
    padding:0;
    position:relative;
    height:270px
}
.scrollContent .scrollable .items div h6 {
    font-family:'Roboto Condensed', sans-serif;
    font-size:13px;
    font-weight:bold;
    margin:0 0 5px;
}
.scrollContent .scrollable .items div h6 a, .scrollContent .scrollable .items div h6 a:hover, .scrollContent .scrollable .items div h6 a:visited{
    text-decoration:none
}
.scrollContent .scrollable .items div img {
    vertical-align:bottom;
    width: 160px;
    height: 106px;
}
.scrollContent .scrollable .items p.date-commentCount{
    font-size:11px;
    color:#E30613;
    padding:5px 0 5px 0
}
.scrollContent .scrollable .items p.date-commentCount span.commentCount{
    background: url("/assets/img/front/commentCountRed.png") no-repeat scroll right bottom transparent;
    padding-right: 17px;
}
.scrollContent .scrollable .items p.title {
    font-family:'Roboto Condensed', sans-serif;
    font-size:13px;
    font-weight:bold;
    margin:0 0 5px;
    padding:0 0 5px 0;
    line-height: 130%;
}
.scrollContent .scrollable .items p.title a{
    font-size:13px;
    color:#333;
    padding:0
}
.scrollContent .scrollable .items p.lead {
    font-size:12px;
    color:#878585;
    padding:0 0 5px 0;
    line-height: 150%;
}

.scrollContent a.prev, .scrollContent a.prevPage {
    display:block;
    width:23px;
    height:25px;
    margin:0;
    cursor:pointer;
    background: url('/assets/img/front/arrows/leftArrow.png') no-repeat;
    position: absolute;
    right: 33px;
    top: -43px;
}
.scrollContent a.next, .scrollContent a.nextPage {
    display:block;
    width:23px;
    height:25px;
    margin:0;
    cursor:pointer;
    background: url('/assets/img/front/arrows/leftArrow.png') no-repeat;
    position: absolute;
    top: -43px;
    right:0;
}
.scrollContent a.prev:hover, .scrollContent a.next:hover, .scrollContent a.prevPage:hover, .scrollContent a.nextPage:hover {
    background-position:0px -25px
}
.scrollContent a.disabled {
    visibility:hidden !important
}
.scrollContent a.next, .scrollContent a.nextPage {
    background-image:url('/assets/img/front/arrows/rightArrow.png');
    clear:right;
}
.scrollContent .navigator {
    display: none;
}

/*-- partBoxTwoThirds --*/

.partBoxTwoThirds {
    width: 700px;
}

/*-- topTwoStoriesVertical --*/

.topTwoStoriesVertical {
    width: 220px;
    float: right;
}
.topTwoStoriesVertical .item {
    position: relative;
    background: #fff;
}
.topTwoStoriesVertical .item:hover {
    background-color: transparent;
}
.topTwoStoriesVertical > .item:nth-child(-n+3) {
    display: none;
}
.topTwoStoriesVertical .item3 {
    display: none;
}
.topTwoStoriesVertical .item a {
    position: relative;
    width: 100%;
}
.topTwoStoriesVertical .item a:hover {
    color: #fff;
}
.topTwoStoriesVertical .item a p.title {
    padding: 10px 0 20px;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
}
.topTwoStoriesVertical .item a p.title {
    padding: 10px 0 0px;
    color: #0A1B47;
}
.topTwoStoriesVertical .item:hover a p.title {
    color: #E30613;
    transition: all 0.3s ease-in-out;
}
.topTwoStoriesVertical .item .date-commentCount {

}
.topTwoStoriesVertical .item .date-commentCount {
    padding-left: 0;
    box-sizing: border-box;
    color: #0A1B47;
}
.topTwoStoriesVertical .item.first .date-commentCount {
    margin-bottom: 8px;
}
.topTwoStoriesVertical .item span.numberC {
    background: url('/assets/img/front/comm_icon.svg') no-repeat left center;
}

/*-----LATEST SECTION STORIES Thrid - HOME ------*/

.partBoxThrid {
    margin-bottom: 30px;
}
.partRow1{
    width:100%;
    margin:0;
    padding: 5px 0;
    display: flex;
    align-items: center;
    padding: 0;
}
.najnovije_najcitanije{
    background-color: #E9EAEE;
    padding: 5px 5px 0px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
}
.najnovije_najcitanije h3{
    margin: 0;
    font-size: 20px;
    position: relative;
    padding: 13px 30px 13px 15px;
    background-color: inherit;
    background-color: #E9EAEE;
    color: #0A1B47;
    font-weight: 500;
    cursor: pointer;
    line-height: 1;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
}
.najnovije_najcitanije h3.inactive{
    /*border-bottom: 2px solid #fff;*/
    color: rgba(21, 37, 48, 0.5);
}
#najnovije-tab{
    /*border-right: 2px solid #fff;*/
}
.najnovije_najcitanije h3.active{
    margin: 0;
    position: relative;
    background-color: #fff;
    line-height: 1;
    color: #0A1B47;
}
.najnovije_najcitanije h3 .slick-arrow{
    display: none !important;
}
.najnovije_najcitanije h3.active .slick-arrow{
    display: block !important;
}
.partBoxThrid  .partRow1 h3 a {
    text-transform: uppercase;
}
.partBoxThrid  .partRow1 h3 a:hover {
    text-decoration: underline;
}
.partBoxThrid  .partRow1 h3 .all{
    background-image:url('/assets/img/front/arrows/rightArrow.png');
    display:block;
    width:23px;
    height:25px;
}
.partBoxThrid  .partRow1 h3 .all:hover{
    background-position: 0 -25px;
}

.partBoxThrid .partRow2{
    margin-top: 10px;
    width: 100%
}
.partBoxThrid .partRow2 ul{
    margin: 0;
}
.partBoxThrid .partRow2 ul li{
    margin: 0 0 4px 0;
    width: 100%;
}
.partBoxThrid .partRow2 ul li a.smallThumb{
    width: 35%;
    float: left;
    margin: 0 5% 0 0;
    line-height:  0;
}
.partBoxThrid .partRow2 ul li a img{
    width: 100%;
}
.partBoxThrid .partRow2 ul li p.eventDate_commentCount{
    color: #E30613;
    font-size: 11px;
}
.partBoxThrid .partRow2 ul li p.eventDate_commentCount span.eventDate{
    border-right: 1px solid #E30613;
    display: inline-block;
    line-height: 11px;
    padding-right: 3px;
    margin-right: 2px;
}
.partBoxThrid .partRow2 ul li p.eventDate_commentCount span.commentCount{
    background: url('/assets/img/front/commentCountRed.png') no-repeat scroll right bottom transparent;
    padding-right: 17px;
}
.partBoxThrid .partRow2 ul li h2.title{
    color: #333;
    font-size: 13px;
    font-weight: bold;
}
.partBoxThrid .partRow2 ul li h2.title a{
    color: #333;
}

#stripe2 .partBoxThrid .partRow2 ul li {
}

/*-----LATEST SECTION STORIES Full - HOME ------*/

.partBoxFull {
    margin-bottom: 30px;
    clear: both;
    display: block;
}
.partBoxFull .partRow1{
    width:100%;
    margin:0;
    border-bottom: none;
    padding: 5px 0 0;
}
.partBoxFull .partRow1 h3,
.partBoxFull .partRow1 h3 a{
    color: #0A1B47;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    position: relative;
}
.partBoxFull .partRow1 h3 span {
    padding-right: 0;
    /*background: #fff;*/
    display: inline-block;
    z-index: 9;
    position: relative;
}
.partBoxFull .partRow1 h3 .all{
    background-image:url('/assets/img/front/arrows/rightArrow.png');
    display:block;
    width:23px;
    height:25px;
    margin-top: 4px;
    z-index: 9;
    position: relative;
}
.partBoxFull .partRow1 h3 .all:hover{
    background-position: 0 -25px;
}

.partBoxFull .partRow2{
    margin-top: 10px;
    width: 100%
}
.partBoxFull .partRow2 ul{
    margin: 0;
}
.partBoxFull .partRow2 ul li {
    margin: 0 0 10px 0;
    /*width: 23.7%;*/
    float: right;
    clear: right;
    background-image: url('/assets/img/front/gw-separator.gif');
    background-position: bottom;
    background-repeat:  repeat-x;
}
.partBoxFull .partRow2 ul li.first {
    width: 74.3%;
    margin-right:  2%;
    background-image: none;
    margin-bottom: 0;
    float: left;
    position: relative;
}
.partBoxFull .partRow2.yellow ul li.first {
    background: #FFCC33;
}
.partBoxFull .partRow2 ul li a.smallThumb{
    width: 65.85%;
    float: left;
    margin: 0 3% 0 0;
    line-height:  0;
}
.partBoxFull .partRow2 ul li a img{
    width: 100%;
}
.partBoxFull .partRow2 ul li p.eventDate_commentCount{
    color: #E30613;
    font-size: 11px;
}
.partBoxFull .partRow2 ul li p.eventDate_commentCount span.eventDate{
    display: inline-block;
    line-height: 11px;
    padding-right: 3px;
    margin-right: 2px;
}
.partBoxFull .partRow2 ul li p.eventDate_commentCount span.commentCount{
    background: url('/assets/img/front/komentar.svg') no-repeat right center;
    background-size: auto 70%;
    padding-right: 17px;
}
.partBoxFull .partRow2 ul li p.leadShort {
    font-size: 15px;
}
.leftHome .partBoxFull .partRow2 ul li p.leadShort {
    display: none;
}
.partBoxFull .partRow2 ul li h2.title{
    color: #333;
    font-size: 13px;
}
.partBoxFull .partRow2 ul li h2.title a{
    color: #333;
}
.partBoxFull .partRow2 ul li.first h2.title a{
    font-size:  26px;
    line-height: 125%;
    color: #0A1B47;
}
.partBoxFull .partRow2 ul li.first h2.title a i {
    margin-top: 5px;
}
.partBoxFull .partRow2 ul li.first .iconTitleBig i {
    margin-top: 5px;
}
.OneThreeStories .partRow2 ul li:not(:first-child) .storyImgWrapper,
.OneThreeStories .partRow2 ul.listRight li .storyImgWrapper
{
    display: none;
}

/*----- LATEST and TOP STORIES horizontal 2 - HOME ------*/

.partHor2 .partRow2 ul li h2.title {
    font-size: 18px
}
.partHor2 .partRow2 ul li {
    width: 49%;
    margin-bottom: 0
}
.partHor2 .partRow2 ul li.first {
    width: 49%
}
.partHor2 .partRow2 ul li {
    background-image: none
}
.partHor2 .partRow2 ul li a img {
    margin-bottom: 15px;
}
.partHor2 .partRow2 ul li.first h2.title a {
    font-size: inherit;
}

/*-----TOP STORIES horizontal - HOME ------*/

.topStoriesHorizontal {
    width: 100%;
    margin-top: 5px;
    display: table;
}
.threeStoryes .item {
    float: left;
    width: 300px;
    margin-left: 20px;
}
.threeStoryes .item.first {
    margin-left:  0;
}
.threeStoryes .item a {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}
.threeStoryes .item a {
    margin-bottom: 0;
}
.threeStoryes .item a:after {
    display: none;
}
.storyImgWrapper {
    position: relative;
}
.storyImgWrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(21, 37, 49, 0) 10%, rgba(5, 10, 13, 0.8) 100%);
    border-radius: 0 0 4px 4px;
    z-index: 2;
}
.storyImgWrapper img {
    width: 100%;
    height: auto;
    display: block;
    z-index: 1;
    position: relative;
}
.storyImgWrapper span.uptitle,
span.lable-like,
.titleDate-wrapper span.uptitle_resp{
    font-size: 11px;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    background: rgba(233, 234, 238, 0.3);
    z-index: 15;
    font-weight: 300;
    box-sizing: border-box;
    line-height: 1;
    border-radius: 1rem;
    text-align: center;
}
.kolumne .firstTwo span.lable-like{
    background: rgba(21, 37, 48, 0.4);
}

.storyImgWrapper span.uptitle,
.titleDate-wrapper span.uptitle_resp{
    position: absolute;
    bottom: 10px;
    left: 10px;
    max-width: calc(100% - 20px);
}
.OneTwoStories.withThumbs .item.first .storyImgWrapper span.uptitle,
.OneTwoStories.withThumbs .item.first .storyImgWrapper .titleDate-wrapper span.uptitle_resp{
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.titleDate-wrapper span.uptitle_resp{
    display: none;
}
.storyImgWrapper.responsiveThumbs{
    display: none;
}

.six-items-slider .topStoryWrapper .item.first.first-news-item .storyImgWrapper{
    display: none;
}
.six-items-slider .topStoryWrapper item.responsiveItems .item.first.first-news-item .storyImgWrapper span.lable-like{
    display: none;
}

.OneTwoStories.withThumbs .storyImgWrapper span {
    padding: 5px 10px;
}
.item a p {
    padding-bottom: 0px;
    color: #0A1B47;
    font-size: 14px;
}
.latestStories-11.new-block4.stories-11 .item a p.lead{
    word-break: break-word;
}
.threeStoryes .item .title {
    margin: 10px 0 5px 0;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
}
.item .date-commentCount {
    font-size:  12px;
    line-height: 20px;
    color: #2A2C38;
    font-weight: 600;
    width: 100%;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.item .date-commentCount .date {
    float: left;
    margin-right: 5px;
}
.item .date-commentCount .commentCount {
    margin-left: 0px;
    line-height: 20px;
}
.item .date-commentCount .date {
    float: left;
    margin-right: 5px;
    display: none;
}
.item .date-commentCount .iIcon {
    display: flex;
}
span.numberC {
    background: url('/assets/img/front/comm_icon.svg') no-repeat left center;
    padding-left: 20px;
    display: flex;
}

.item .title i {
    display: none;
}
.item a:hover .title {
    color: #E30613;
    transition: all 0.3s ease-in-out;
}



/*-----LATEST STORIES horizontal - HOME ------*/

.latestStoriesHorizontal {
    width: 100%;
    margin-top: 2px;
}
.latestStoriesHorizontal .imgLink .titleDate-wrapper .title{
    display: none;
}
.latestStoriesHorizontal.OneOneStories .imgLink .titleDate-wrapper .title{
    display: block;
}
.latestStoriesHorizontal.sport {
    display: flex;
}
/*-----LATEST STORIES OneTwoStories - HOME ------*/

.OneTwoStories .item {
    width: 220px;
    display: table;
}
.OneTwoStories .item.first {
    width: 700px;
    position: relative;
    float: left;
    /*background: #f8f8f8;*/
    border-radius: 4px;
}
.OneTwoStories .item a {
    width: 100%;
    display: table-cell;
}
.OneTwoStories .item.first .storyImgContainer {
    width: 460px;
    float: left;
}
.OneTwoStories .item.first .storyImgWrapper {
    margin: 0;
}
.OneTwoStories .item.first .txtContent {
    width: 220px;
    padding: 20px 10px 35px 0;
    box-sizing: border-box;
    float: right;
}
.OneTwoStories .item .storyImgWrapper {
    display: none;
}
.OneTwoStories .item.first .storyImgWrapper {
    display: block;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.OneTwoStories .item .title {
    font-size: 18px;
    font-weight: 500;
    padding-top: 0px;
    line-height: 120%;
}
.OneTwoStories .item.first .title {
    font-size: 24px;
    padding-top: 0;
    line-height: 30px;
    margin-bottom: 15px;
}
.OneTwoStories .item.first .date-commentCount {
    position: absolute;
    left: 480px;
    bottom: 15px;
    padding-bottom: 0;
    width: auto;
}

.OneTwoStories .item .date-commentCount .commentCount {

}
.OneTwoStories .item.item2,
.OneTwoStories .item.item3 {
    border-bottom: 1px solid #bdbdbd;
    position: relative;
    min-height: 128px;
    padding-bottom: 40px;
    box-sizing: border-box;
    float: right;
    margin-bottom: 15px;
}
.OneTwoStories .item.item3 {
    border-bottom: none;
    margin-bottom: 0;
}
.OneTwoStories .item.item2 .date-commentCount,
.OneTwoStories .item.item3 .date-commentCount {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15px;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
}
.leftHome .banner728 {
    margin: 70px 0;
}
.banner1260 {
    display: block;
}
.banner1260 img, .banner480 img {
    max-width: 100%
}
.banner480 {
    display: none;
}

/*-----TOP STORIES OneTwoStories - HOME ------*/

.OneTwoStories .item a::after {
    display: none;
}
.OneTwoStories p.lead.lead200 {
    overflow: hidden;
    width: 220px;
    height: 40px;
}

/*-----LATEST STORIES OneTwoStories WithThumb HOME ------*/

.OneTwoStories.withThumbs {
    /*margin-bottom: 30px;*/
}
.OneTwoStories.withThumbs .item.first .storyImgContainer {
    width: 100%;
    float: none;
}
.OneTwoStories.withThumbs .item.first .storyImgWrapper {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.OneTwoStories.withThumbs .item.first .txtContent {
    width: 100%;
    float: none;
    padding: 5px 20px 15px 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #E9EAEE;
    font-size: 14px;
    left: 50%;
    width: calc(100% - 40px);
    transform: translateX(-50%);
    border-radius: 5px;
    z-index: 99;
    margin-top: -20px;
}
.OneTwoStories.withThumbs .item.first .title {
    padding-bottom: 0px;
    margin-bottom: 10px;
    font-size: 24px;
    text-align: center;
}
.OneTwoStories.withThumbs .item.first .date-commentCount {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: relative;
}
.OneTwoStories.withThumbs .item .storyImgWrapper {
    display: block;
}
.OneTwoStories.withThumbs .item .title {
    margin: 10px 0 10px 0;
}
.OneTwoStories.withThumbs .item p.lead {
    display: none;
}
.OneTwoStories.withThumbs .item.first p.lead {
    display: block;
    margin-bottom: 10px;
}
.OneTwoStories.withThumbs .item.item2,
.OneTwoStories.withThumbs .item.item3 {
    border: none;
    min-height: 200px;
    padding-bottom: 20px;
}
.OneTwoStories.withThumbs .item .date-commentCount,
.OneTwoStories.withThumbs .item.item3 .date-commentCount {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: flex;
    justify-content: space-between;
}

/*-----TOP STORIES slider 3 (sport) - HOME ------*/


/*-----TOP STORIES OneOneStories - HOME ------*/

.OneOneStories .item {
    width: 220px;
    display: table;
}
.OneOneStories .item.first {
    width: 700px;
    position: relative;
    float: left;
}
.OneOneStories .item a {
    width: 100%;
    display: table-cell;
}
.OneOneStories .item.first .storyImgContainer {
    width: 460px;
    float: left;
}
.OneOneStories .item.first .storyImgWrapper {
    margin: 0;
    width: 460px;
    float: left;
    padding-bottom: 55.7%;
    display: flex;
    /*aspect-ratio: 16 / 9;*/
}
@media (min-width: 1281px) {
    .OneOneStories .item.first .storyImgWrapper {
        padding-bottom: 36.7%;
    }
    .topStoriesHorizontal.OneOneStories .item.first .storyImgWrapper {
        padding-bottom: 55.7%;
    }
}
.OneOneStories .item.first .txtContent {
    width: 220px;
    padding: 0 10px 0 0;
    box-sizing: border-box;
    float: right;
}

.OneOneStories .item .title {
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
    line-height: 120%;
}
.OneOneStories .item.first .title {
    font-size: 24px;
    padding-top: 0;
}
.OneOneStories .item.first .date-commentCount {
    position: absolute;
    left: 480px;
    bottom: 15px;
    padding-bottom: 0;
    width: auto;
}
.OneOneStories .item .date-commentCount .commentCount {

}
/*.OneOneStories .icon-small::before {
    width: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    content: "";
    background: #B7B7B7;
    position: absolute;
}*/
.OneOneStories .item.item2 {
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
    float: right;
}
.OneOneStories .item.item2 .date-commentCount {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15px;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
}
.OneOneStories .item.item2 .lead {
    display: none;
}
#promo-wrap ul.promo3 li{
    padding-bottom: 0;
}
/*-----TOP STORIES Slider - HOME ------*/

.responsive.slick-slider {
    margin: 2px -10px 0;
}
.slick-initialized .slick-slide {
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0;
}
.responsive .slick-next {
    width: 40px;
    height: 169px;
    top: 0;
    right: 10px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
    z-index: 99;
}
.responsive .slick-next:before {
    content: "";
    background: url('/assets/img/front/slider-next.png') center center no-repeat;
    width: 40px;
    height: 20px;
    display: block;
}
.responsive .slick-prev {
    width: 40px;
    height: 169px;
    top: 0;
    left: 10px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 99;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.responsive .slick-prev:before {
    content: "";
    background: url('/assets/img/front/slider-prev.png') center center no-repeat;
    width: 40px;
    height: 20px;
    display: block;
}
.slick-prev, .slick-next {
    opacity: 0.7;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    opacity: 1;
}


/* ========= Home: Top list news - 6 - new1 ======== */
.new-block {
    margin-bottom: 90px;
}

.new-block .rowFull {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border: none;
}
/* .storyMainBox .rowFull h3.mainTitle */
.new-block .rowFull h3.mainTitle {
    margin-bottom: 0;
}

.new-blok3 .rowFull{
    margin-top: 20px;
}

.storyMainBox.new-block .rowFull h3.mainTitle span {
    background-color: transparent;
}

.new-block .fragmentArrowsWrapper {
    display: flex;
}



.new-block .fragmentArrowsWrapper button.slick-arrow {
    position: relative;
    left: auto;
    right: auto;
    background: url(../../../assets/img/icon-slider-arrow.svg) #fff center no-repeat;
    background-size: 14px;
    transform: none;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #cecece;
}

.new-block .fragmentArrowsWrapper .slick-next.slick-arrow {
    transform: rotate(-180deg);
    margin-left: 5px;
}

.new-block .fragmentArrowsWrapper .slick-prev:before,
.new-block .fragmentArrowsWrapper .slick-next:before {
    display: none;
}

.new-block-slider-wrapper {
    margin: 0 -10px;
}

.six-items-slider .itemContent {
    display: flex;
    flex-direction: column;
}

.six-items-slider .topStoryWrapper {
    display: flex;
}

.six-items-slider .first-news-item {
    flex: 0 0 48%;
    margin-right: 20px
}

.six-items-slider .first-news-item .title {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 12px;
}

.six-items-slider .first-news-item .lead {
    padding-bottom: 30px;
    line-height: 1.44;
    max-width: 400px;
}

.six-items-slider .bottomStoryWrapper {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid #cecece;
}

.six-items-slider .bottomStoryWrapper .item2 {
    margin: 0 30px 0 50px;
}

.six-items-slider .bottomStoryWrapper span.lable-like{
    float: left;
    margin-right: 20px;
}

.six-items-slider .bottomStoryWrapper .item .title {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.4;
}

/* ========= Home: Top list news - 1 2 vertical - new2 ======== */
.one-two-ver-slider .first-news-item {
    margin-right: 30px;
    float: left;
    width: 590px;
}

.one-two-ver-slider .item.first-news-item .thumb-wrapper {
    margin-right: 20px;
    width: 400px;
    height: 225px;
    float: left;
}

.one-two-ver-slider .item.first-news-item .text-wrapper {
    width: 170px;
    float: right;
}

.one-two-ver-slider .rightStoryWrapper {
    float: right;
    width: 320px;
}

.one-two-ver-slider .rightStoryWrapper .item {
    width: 320px;
    margin-left: 0;
}

.one-two-ver-slider .rightStoryWrapper .item:first-child {
    margin-bottom: 36px;
}

.one-two-ver-slider .rightStoryWrapper .thumb-wrapper {
    width: 170px;
    margin-right: 10px;
    height: 96px;
    float: left;
}

.one-two-ver-slider .rightStoryWrapper .text-wrapper {
    float: right;
    width: 140px;
}

.one-two-ver-slider .rightStoryWrapper .item .title {
    margin-top: 0;
}

.one-two-ver-slider .item.first-news-item .title {
    font-size: 24px;
    line-height: 1.25;
    max-width: 170px;
}

.one-two-ver-slider .item.first-news-item .lead  {
    margin-bottom: 14px;
}

.rightStoryWrapper .first {
    margin-bottom: 36px;
}

/* ========= Home: Top list news - 1 2 horizontal - new3 ======== */
.new-block3 {
    padding: 20px;
    background-color: #f8f8f8;
}
.new3-storyWrapper{
    display: flex;
    /*justify-content: space-between;*/
}
.threeStoryes .slick-slider  .new3-storyWrapper .item.first-news-item {
    width: calc(50% - 40px);
    margin-right: 20px;
}
.new3-storyWrapper .titleUptitle{
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 99;
}
.new3-storyWrapper .first-news-item .titleUptitle .title{
    bottom: 15px;
    z-index: 1;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
}
.new-block-slider-wrapper .storyImgWrapper span.lable-like{
    display: none;
}
.new3-storyWrapper .first-news-item .titleUptitle span {
    position: relative;
    left: 0;
}
.one-two-ver-slider .responsiveItems .item.first.first-news-item span.uptitle_resp{
    display: none;
}

.new3-storyWrapper .rightStoryWrapper{
    display: flex;
    /* flex: 1 1 48%; */
    width: calc(50% - 10px);
}
.new3-storyWrapper .rightStoryWrapper .item1,
.new3-storyWrapper .rightStoryWrapper .item2{
    width: 100%;
}
.new-block3 .fragmentArrowsWrapper{
    padding-right: 30px;
}

/* ========= Home: Top list news - 5 - new4 ======== */
.new-block4 {
    margin-bottom: 60px;
}

.five-items-slider .topStoryWrapper,
.five-items-slider .bottomStoryWrapper {
    display: flex;
}

.five-items-slider .topStoryWrapper {
    margin-bottom: 15px;
}

.five-items-slider .topStoryWrapper .item {
    flex: 0 0 48.9%;
}

.five-items-slider .topStoryWrapper .item  .storyImgWrapper::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 65%, #0c0c0c 100%);
    z-index: 2;
}

.five-items-slider .topStoryWrapper .title-wrapper {
    position: absolute;
    z-index: 10;
    bottom: 0;
    margin: 0;
    padding: 20px;
}

.five-items-slider .topStoryWrapper .title {
    color: #fff;
    font-size: 24px;
    line-height: 1.33;
    margin: 0;
}
.five-items-slider .item:first-child .topStoryWrapper .item.item1 .storyImgWrapper  span.lable-like{
    display: none;
}
.five-items-slider .topStoryWrapper .titleDate-wrapper  span.lable-like {
    display: block;
    position: relative;
    /*margin-bottom: 12px;*/
    left: 0;
    width: fit-content;
}

.responsiveItems .new3-storyWrapper .item.first-news-item .titleDate-wrapper{
    display: none;
}
.date-commentCount.new4Div {
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    border-radius: 10px;
    background-color: #f8f8f8;
    padding: 5px 10px 5px 0;
    display: table;
    width: auto;
    margin-top: 5px;
}
.five-items-slider .item {
    width: 100%;
}


/* ----------------------- DODATAK ZA KROPOVANJE SLIKA 16/9 ------------------*/

.storyImgWrapper,
.storyMainBoxFotoHolder{
    padding-bottom: 55.7%;
    overflow: hidden;
    border-radius: 4px;
}
.storyImgWrapper img,
.storyMainBoxFotoHolder img{
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*videoPhoto*/
.videoFoto{
    display: block;
    margin-bottom: 30px;
    width: 98%;
    margin-left: 1%;
    margin-top: 2px
}
.videoFoto .panes{
    margin-top: -7px;
    display:block;
    background: #fff;
    padding: 7%;
    z-index: 1;
    position: relative;
    -webkit-box-shadow:  0px 0px 2px 0px #878787;
    box-shadow:  0px 0px 2px 0px #878787;
    -moz-box-shadow:  0px 0px 2px 0px #878787;
}
.videoFoto .panes .homeVideo, .videoFoto .panes .homePhoto{
    color: #333;
    font-weight: bold;
    font-size: 13px;
    line-height: 130%;
    display: block;
}
.videoFoto ul{
    display: inline-block;
    width: 100%;
}
.videoFoto ul, .videoFoto ul li{
    margin: 0;
}
.videoFoto ul li{
    list-style: none;
    float: left;
    padding: 8px 0;
    display: block;
    background: url('/assets/img/front/tabsBgrd.png') repeat-x left top;
    border:1px solid #b4b4b4;
    margin-top: 5px;
    text-align: center;
    width: 120px;
}
.videoFoto ul li.active{
    border:none;
    padding: 10px 0;
    background: #fff;
    z-index: 2;
    position: relative;
    width: 120px;
    text-align: center;
    -webkit-box-shadow:  0px 0px 2px 0px #878787;
    box-shadow:  0px 0px 2px 0px #878787;
    -moz-box-shadow:  0px 0px 2px 0px #878787;
    margin: 0;
}
.videoFoto ul li.active a{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 21px 16px;
    position: relative;
}
.videoFoto ul li.photo{
    width: 112px;
}
.videoFoto ul li.photo.active a{
    padding: 0 21px 16px;
}
.videoFoto ul li a span{
    color: #333;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.videoFoto ul li a:hover, .videoFoto ul li a:hover span{
    text-decoration: none;
}
.videoFoto .panes img{
    width: 100%;
}

.videoFoto span.mediaLead {
    padding-top: 10px;
    width: 200px;
    float: left;
}
.videoFoto a.archive {
    float: right;
    padding-top: 10px;
}

/*program-tabs*/
.program{
    display: block;
    margin-bottom: 30px;
    display:block;
    background: #fff;
    padding: 0;
    position: relative;
    top:0;
    -webkit-box-shadow:  none;
    box-shadow:  none;
    -moz-box-shadow:  none;
}
.program .panes{
    display:block;
}

.program .tabs-links{
    display: inline-block;
    width: 100%;
}
.program ul, .program ul li{
    margin: 0;
}
.program ul li{
    list-style: none;
    float: left;
    padding: 0;
    display: block;
}
.program ul li.active-pr{
    padding: 0;
    z-index: 2;
    position: relative;
}
.program ul li a{
    color: #333;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.program ul li a:hover{
    text-decoration: none;
    background: #0A1B47;
}

.program table{
    border-collapse:collapse;
    border-left: none;
    color: #0A1B47;
    font-size: 13px;
    margin: 0;
    text-align:left;
    width:100%;
}
.program table thead tr td, .program table thead tr td th{
    background-color:#E9EAEE;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    border-top:1px solid #fff;
    color:#0A1B47;
    font-weight:normal;
    padding:8px 15px;
    font-size:13px;
    line-height:130%;
}
.program table tbody tr td{
    background-color:#E9EAEE;
    padding:5px 5px;
    color:#0A1B47;
    font-size:16px;
    line-height:150%;
    font-weight: 400;
}
.program table tbody tr td.current{
    color: #fff;
}
.program table tbody tr th{
    background-color:#E9EAEE;
    color:#0A1B47;
    font-weight:normal;
    padding:10px 5px;
    font-size:13px;
    line-height:130%;
}
.program table tbody tr td ul, .program table tbody tr td ol{
    margin:0;
}
.program table tbody tr td.time {
    border-right:1px solid #fff;
    font-family: 'Roboto Condensed', sans-serif;
}
.program table tbody tr td.pg {
    padding: 0 15px;
}

.program table tbody tr td.time{
    text-align: center;
    font-weight: bold;
    position: relative;
}
.time_icon_wrapper{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.time_icon{
    width: 37px;
    /*height: 100%;*/
    display: flex;
    background: #E9EAEE url('/assets/img/front/time_icon.svg') no-repeat center center;
    margin: 0 auto;
    border-top: 3px solid #fff;
    border-bottom: 2px solid #fff;
}
.program table tbody tr td.time.current span:before {
    filter: invert(100%) sepia(8%) saturate(5139%) hue-rotate(173deg) brightness(116%) contrast(106%);
}
.program table tbody tr td.current{
    background: #0A1B47;
}

.program ul{
    margin: 0 auto;
    width: 100%;
    display: table;
    margin-bottom: 20px;
}
.program .tabs-links li{
    display: table-cell;
    width: 80px;
    text-align: center;
    box-sizing: border-box;
    margin-right: 10px;
}
.program .tabs-links li:last-child{
    margin-right: 0;
}
.program .tabs-links li a{
    display: block;
    background: #E9EAEE;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    border-radius: 50%;
}
.program .tabs-links li.active-pr a{
    background: #0A1B47;
    opacity: 1;
}
.program ul li a{
    background: #f4f4f4;
}
.panes-all{
    margin-top: -4px;
}

.program .tabs-links li a span{
    height: 80px;
    display: block;
}

.program .tabs-links li.programTab-1 a span{
    background:url('/assets/img/front/tab1.svg') no-repeat center center;
    text-align: center;
}
.program .tabs-links li.programTab-2 a span{
    background:url('/assets/img/front/tab2.svg') no-repeat center center;
    text-align: center;
}
.program .tabs-links li.programTab-3 a span{
    background:url('/assets/img/front/tab3.svg') no-repeat center center;
    text-align: center;
}
.program .tabs-links li.programTab-4 a span{
    background:url('/assets/img/front/tab4.svg') no-repeat center center;
    text-align: center;
}
.program .tabs-links li.programTab-5 a span{
    background:url('/assets/img/front/tab5.svg') no-repeat center center;
    text-align: center;
}

.program .tabs-links li.active-pr.programTab-1 a span, .program .tabs-links li.programTab-1 a:hover span{
    background:url('/assets/img/front/tab1_default.svg') no-repeat center center;
    text-align: center;
}
.program .tabs-links li.active-pr.programTab-2 a span, .program .tabs-links li.programTab-2 a:hover span{
    background:url('/assets/img/front/tab2_default.svg') no-repeat center center;
    text-align: center;
}
.program .tabs-links li.active-pr.programTab-3 a span, .program .tabs-links li.programTab-3 a:hover span{
    background:url('/assets/img/front/tab3_default.svg') no-repeat center center;
    text-align: center;
}
.program .tabs-links li.active-pr.programTab-4 a span, .program .tabs-links li.programTab-4 a:hover span{
    background:url('/assets/img/front/tab4_default.svg') no-repeat center center;
    text-align: center;
}
.program .tabs-links li.active-pr.programTab-5 a span, .program .tabs-links li.programTab-5 a:hover span{
    background:url('/assets/img/front/tab5_default.svg') no-repeat center center;
    text-align: center;
}

.program table.programNew {
    border-collapse: separate;
}
.program table.programNew tr {
    width: 100%;
    background: #F2F2F2;
    padding: 0;
}
.program table.programNew tbody tr td{
    box-sizing: border-box;
    border: none;
    text-align: left;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 15px 0 15px 40px;
    vertical-align: middle;
}
.program table.programNew tbody tr td.time{
    text-align: center;
    padding-left: 0;
}
.program table.programNew tbody tr td.time {
    width: 20%;
}
.program table.programNew tbody tr td.time_icon {
    width: 5%;
    position: relative;
}
.program table.programNew tbody tr td {
    width: 75%;
}
.program table.programNew tbody tr td.pg {
    width: 20%;
}
.program table.programNew tbody tr.current {
    background: #E30613;
}
.program table.programNew tbody tr td{
    color: #0A1B47;
}
.program table.programNew tbody tr.current td{
    color: #fff;
}

/*-- latest all --*/
.latestAll li {
    background-image: url("/assets/img/front/gw-separator.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 5px;
}
.latestAll li .releaseTime {
    display: block;
    float: left;
    width: 40px;
    color: #E30613;
}
.latestAll li .title a {
    color: #333;
    margin-left: 10px;
}
.latestAll .vidijos {
    text-align: center;
    display: block;
    margin-top: 10px;
}
.latestAll .vidijos a {
    background-color: #E30613;
    color: #fff;
    text-transform: uppercase;
    padding: 4px 8px;
    font-size: 13px;
    display: inline-block
}

.latestAll li .dateOrTime_iconTitle .dateOrTime {
    float: left;
    margin-right: 5px;
}
.latestAll li .dateOrTime_iconTitle .iconTitle {
    float: left;
}
.latestAll li .dateOrTime_iconTitle .iconTitle a {
    margin-left: 0;
}

/*-- free entry thrid --*/
#content .partBoxThrid {
    width: 49%;
}
#content .partBoxThrid.left {
    margin-right: 2%
}
.freeEntry img {
    width: 40%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}
.freeEntry p {
    padding-bottom: 0;
    font-size: 16px;
    color: #0A1B47;
    font-weight: bold;
    line-height: 20px;
}
/*-- part Ankete --*/
.poll h3 {
    font-size: 18px;
    font-weight: 500;
    color: #0A1B47;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}
.poll form {
    color: #0A1B47;
    font-family: 'Roboto Condensed', sans-serif;
}
.poll .buttonHolderFull {
    margin-top: 25px;
    display: block;
}
.poll .pollHolder {
    padding: 5px 0px;
    display: block;
}
.poll button {
    background: #E30613;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    display: block;
    cursor: pointer;
    border-radius: 2rem;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
    font-family: 'Roboto Condensed', sans-serif;
}
.poll button:hover {
    background: #0A1B47;
    transition: all 0.3s ease-in-out;
}
.buttonHolderFull a {
    box-sizing: border-box;
    padding: 9px 5px;
    font-size: 16px;
    display: block;
    float: right;
    font-weight: bold;
    color: #E30613;
    text-align: center;
    line-height: 17px;
}
.buttonHolderFull a:hover {
    text-decoration: underline;
}
.pollContainer.partBoxThrid  {
    width: 100%;
    background-color: #E9EAEE;
    background-position: 0px -1px;
    background-repeat: no-repeat;
    padding: 0;
}
.pollContainer.partBoxThrid  .partRow1 {
    padding: 12px 0;
    justify-content: center;
    font-family: 'Roboto Condensed', sans-serif;
}
.pollContainer.partBoxThrid  .partRow1 h3 a {
    font-size: 18px;
    line-height: 18px;
    color: #E30613;
    text-align: center;
    display: block;
}
.pollContainer.partBoxThrid  .partRow2 {
    padding: 4px 30px 25px 30px;
    width: auto;
}


.pollContainer freeEntry h3 {
    font-size: 26px;
}
.freeEntry h3 a {
    color: #0A1B47;
}
.answer {
    position: relative;
}
.answer label {
    width: auto;
    display: table;
    cursor: pointer;
}
.answer input {
    width: auto;
    position: absolute;
    visibility: hidden;
}
span.pollAnswer {
    padding-left: 32px;
    position: relative;
    line-height: 20px;
    display: block;
    z-index: -1;
}
span.pollAnswer:before {
    width: 20px;
    height: 20px;
    background: none;
    border: 1px solid #E30613;
    border-radius: 50%;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    box-sizing: border-box;
}
.answer input[type=radio]:checked ~ span.pollAnswer:after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #E30613;
    position: absolute;
    display: block;
    content: "";
    left: 4px;
    top: 4px;
}


/*weather part*/
/*.partRow2 table.for3Days{margin-bottom: 0}
.partRow2 table.for3Days tr td img{width: 21px; height: auto; margin: 10px 5px 0 0;}
.partRow2 table.for3Days tr td span.max, .partRow2 table.for3Days tr td span.min{  display: block;
    float: left;
    font-size: 12px;
    margin: 0 auto;
    min-width: 34px;
    padding: 4px;
    width: 34px;}
.partRow2 table.for3Days tr.days th.emty{width: auto;}
table.for3Days tr td{height: auto !important; padding: 5px !important;}
table.for3Days tr td div{display: block; width: 68px; margin: 0 auto;}
table.for3Days tr.days th{padding: 5px 0 !important; line-height: 110%;}
.partRow2 table.for3Days tr td.city{font-size: 13px; height: auto; padding: 5px !important;}
.partRow2 table.for3Days tr td.city a {color: #333;}*/



/* -- Background parta NOVO -- */

.partBoxThrid .partRow2.latestAll {
    /*    background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');
        background-repeat: no-repeat;
        background-position: 0 center;*/
}

/*.partBoxThrid .partRow2.latestAll.bgrd-vijesti {background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');}
.partBoxThrid .partRow2.latestAll.bgrd-sport {background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');}
.partBoxThrid .partRow2.latestAll.bgrd-eurosong {background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');}
.partBoxThrid .partRow2.latestAll.bgrd-kultura {background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');}
.partBoxThrid .partRow2.latestAll.bgrd-magazin {background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');}
.partBoxThrid .partRow2.latestAll.bgrd-tv {background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');}
.partBoxThrid .partRow2.latestAll.bgrd-radio {background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');}
.partBoxThrid .partRow2.latestAll.bgrd-lajmet {background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');}
.partBoxThrid .partRow2.latestAll.bgrd-english {background-image: url('/assets/img/front/bgrdNOVO/ckbBgrd.png');}*/


#articleHolderAjax{
    margin-bottom: 30px;
    width: 100%;
}
.upcoming{
    background:#0c4da2;
    height:33px;
    margin-bottom:10px;
    padding-top:4px;
}
.upcoming h3{
    color:#fff;
    text-transform:uppercase;
    margin:0;
    padding-left:10px;
    float:left;
}
#calendarHoder{
    padding:0;
}
#calendarHoder h1{
    margin-bottom: 15px;
    padding-right: 0;
}
#calendarHoder h3{
    background-color: #CC0001;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}
#calendarHoder #previousMonth{
    background:url('/assets/img/front/arrows/arrowLCal.png') left top no-repeat;
    height:14px;
    width:5%;
    float:left;
    margin: 9px 0 0 10px;
}
#calendarHoder #nextMonth{
    background:url('/assets/img/front/arrows/arrowRCal.png') right top no-repeat;
    height:14px;
    width:5%;
    float:right;
    margin: 9px 10px 0 0;
}
#calendarHoder span.monthName{
    color: #FFFFFF;
    text-transform: capitalize;
    display: block;
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 83%;
}

#calendarHoder #calendarTable{
    border-left:1px solid #eeeeee;
    margin:0 0 10px 0;
    text-align:center;
    color:#666;
    font-size:13px;
    line-height:150%;
}
#calendarHoder #calendarTable tbody tr td {
    background-color: #fcfcfc;
    font-size: 13px;
    width: 42px;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 0;
}
#calendarHoder #calendarTable tbody tr td.dayName{
    background-color: #161616;
    font-size: 12px;
    color: #ffffff;
}
#calendarHoder #calendarTable tbody tr td.day_current span a.dayLink, #calendarHoder #calendarTable tbody tr td.day_current span{
    color: #D12C34;
    background: none;
    border: none;
    width: auto;
    height: auto;
}
#calendarHoder #calendarTable tbody tr td span a.dayLink{
    background-color: #6E6E6E;
    cursor: pointer;
    line-height: 32px;
    width: 42px;
    height: 32px;
    color: #fff;
    display: block
}
#calendarHoder #calendarTable tbody tr td span a.dayLink:hover{
    text-decoration: none;
}
.text-cal h2{
    color: #D12C34;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}
.text-cal h3{
    color: #D12C34;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}
.text-cal p{
    color: #666;
    font-size: 13px;
    padding-bottom: 5px;
}

.calendarModal {
    border: 3px solid #0F1D3E;
    background-color: #fff;
    width: 274px;
    min-height:212px;
    position: absolute;
    top: 90px;
    left: 10px;
    z-index: 99;
}
.calendarNaslov {
    background-repeat: repeat-x;
    background-position: 0 0;
    height: 32px;
}
.calendarNaslov span {
    display: block;
    line-height: 32px;
    width: 232px;
    margin-left: 10px;
    color: #fcfcfc;
    float: left;
}
.calendarNaslov a {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: right;
}
.calendarText {
    padding: 10px;
    font-size: 13px;
    color: #666;
}
.calendarText p {
    padding-bottom: 5px;
    line-height: 130%;
}

/*---------------------------- SIDEBAR ------------------------------*/

#stripe2 .partBoxThrid,
#stripe2 .banner300x250,
#stripe2 .videoFoto,
#stripe2 .extensionEmbed{
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    z-index: 99;
    position: relative;
}

.partBoxThrid:first-child .partRow1 {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}
.latestTitles {
    background-color: #fff;
    min-height: 350px;
    /*padding: 20px;*/
    padding: 0px 15px 20px 15px;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 5px 5px;
}
/*.home .latestTitles{
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.2);
}*/
.latestTitles .slick-slide {
    padding: 0;
}
.partBoxThrid .partRow2 ul.listSlider li {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    width: 100%;
    display: table;
    list-style: none;
}
.listRight.listSlider .dateOrTime_title{
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.listRight.listSlider .dateOrTime_title .title{
    position: relative;
}
.listRight.listSlider .dateOrTime_title .title:before{
    content: '';
    width: 1px;
    height: 25px;
    background-color: #E30613;
    position: absolute;
    top: 25px;
    left: -33px;
    border-radius: 1px;
    height: calc(100% - 10px);
}
.listRight.listSlider .first .dateOrTime_title .title:before {
    width: 4px;
    border-radius: 2px;
}
.listRight.listSlider .last .dateOrTime_title .title:before {
    content: none;
}
.partBoxThrid .partRow2 ul.listSlider li.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.partBoxThrid .partRow2 ul.listSlider li h2.title {
    margin: 0;
    padding: 0;
}
.partBoxThrid .partRow2 ul.listSlider li h2.title a, .partBoxThrid .partRow2 ul.listSlider li .dateOrTime_title .title a {
    margin: 0;
    font-size: 15px;
    color: #0A1B47;
}
.partBoxThrid .partRow2 ul.listSlider li .dateOrTime_icon_title .title a,
.partBoxThrid .partRow2 ul.listSlider li .dateOrTime_title .title a {
    margin: 0;
    font-size: 16px;
    color: #0A1B47;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}
.partBoxThrid .partRow2 ul.listSlider li h2.title a:hover, .partBoxThrid .partRow2 ul.listSlider li .dateOrTime_title .title a:hover {
    color: #E30613;
}
.partBoxThrid .partRow2 ul.listSlider li .dateOrTime_icon_title .title a:hover {
    color: #E30613;
}
.title.icon {
    width: auto;
}
.dateOrTime_icon_title .icon-small {
    padding-left: 0;
    padding-right: 5px;
    background-size: auto 16px;
    width: 18px;
}
/*.dateOrTime_icon_title .icon-small.icon-photo {
    background-position: 0 center;
}
.dateOrTime_icon_title .icon-small.icon-audio {
    background-position: -54px center;
}
.dateOrTime_icon_title .icon-small.icon-video {
    background-position: -25px center;
}*/
.dateOrTime_icon_title .icon-small::before {
    left: auto;
    right: 0;
    background: none;
}
.partBoxThrid .partRow2 ul.listSlider li.first .dateOrTime_title{
    font-weight: 600;
    position: relative;
}
.partBoxThrid .partRow2 ul.listSlider li .dateOrTime_title .dateOrTime {
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px;
}
.partBoxThrid .partRow2 ul.listSlider li .dateOrTime_icon_title .dateOrTime {
    font-size: 15px;
    font-weight: 600;
    float: left;
    line-height: 20px;
    color: #0A1B47;
}
.partBoxThrid .partRow2 ul.listSlider li span.title {
    line-height: 20px;
}
p.dateOrTime_icon_commentCount {
    float: right;
    color: #2A2C38;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    /*    padding-bottom: 18px;*/
}
p.dateOrTime_icon_commentCount .dateOrTime {
    float: left;
    margin-right: 5px;
    display: none
}
p.dateOrTime_icon_commentCount .title.icon {
    float: left;
    margin: 0;
    background-image: none;
    background-repeat: no-repeat;
    width: auto;
    height: 20px;
    padding-left: 0;
    position: relative;
}
p.dateOrTime_icon_commentCount .title.icon i {
    margin: 0 5px;
}
p.dateOrTime_icon_commentCount .title.icon i.icon-small:before {
    width: 1px;
    right:-11px;
    left:auto;
    top: 3px;
    bottom: 0;
    display: block;
    content: "";
    background: #B7B7B7;
    position: absolute;
    height: 15px;
}
p.dateOrTime_icon_commentCount .commentCount {
    padding-left: 35px;
    margin-left: 5px;
    line-height: 20px;
    background: url('/assets/img/front/komentar.svg') no-repeat 10px center;
}

.najnovije_najcitanije .slick-next {
    width: 12px;
    height: 30px;
    background: url('/assets/img/front/arrows/ArrowRightBlack.png') no-repeat center center;
    position: absolute;
    top: 9px;
    right: 14px;
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: transparent;
    background-size: 6px 10px;
}
.najnovije_najcitanije .slick-prev {
    width: 12px;
    height: 30px;
    background: url('/assets/img/front/arrows/ArrowLeftBlack.png') no-repeat center center;
    position: absolute;
    top: 9px;
    right: 26px;
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: transparent;
    left: auto;
    background-size: 6px 10px;
}
.najnovije_najcitanije .slick-next:before,
.najnovije_najcitanije .slick-prev:before{
    display: none;
}


/* Video */
#stripe2 .homeVideo {
    width: 100%;
}
#stripe2 .videoFoto {
    width: 100%;
    margin-left: 0;
    background: #E30613;
}
#stripe2 .fix.clear {
    display: table;
    position: relative;
}
#stripe2 .fix.clear.latestTitles {
    display: inline-block;
}
#stripe2 video {
    background: #e7e8e1;
    object-fit: cover;
}
#stripe2 .videoFoto span.mediaLead {
    width: 100%;
    padding: 15px 30px;
    box-sizing: border-box;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.sidebarTopStoriesContainer {
    position: relative;
    overflow: hidden;
}
.sidebarTopStoriesContainer {
    margin-top: 20px;
}
.sidebarTopStoriesContainer.first {
    margin-top: 0;
}
.sidebarTopStoriesContainer img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 4px;
}
.sidebarTopStoriesContainer a {
    position: relative;
    z-index: 9;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 25px;
    display: block;
    /*    background: rgba(203,0,0,0.6); */
    background: rgba(0,0,0,0.6);
    min-height: 168px;
    border-radius: 4px;
}
.sidebarTopStoriesContainer a p {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    font-weight: 600;
}
.sidebarTopStoriesContainer a p.section {
    width: 100%;
    text-transform: uppercase;
}
.sidebarTopStoriesContainer a p span {
    font-size: 12px;
    line-height: 20px;
}
.sidebarTopStoriesContainer a p span.txt-wrapper {
    font-size: 22px;
    font-weight: 600;
    float: left;
    margin-right: 5px;
}
.sidebarTopStoriesContainer a p span.comment-wrapper {
    float: right;
    margin-top: 3px;
}
.sidebarTopStoriesContainer a p.title {
    padding: 0;
    position: absolute;
    left: 25px;
    bottom: 15px;
    max-width: 250px;
    line-height: 110%;
}
.sidebarTopStoriesContainer .date-commentCount {
    font-size: 12px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    padding: 0 30px;
    box-sizing: border-box;
}
.sidebarTopStoriesContainer .date {
    border-right: 1px solid #fff;
    margin-right: 5px;
    padding-right: 10px;
}
.sidebarTopStoriesContainer span.numberC {
    background: url('/assets/img/front/commentCountWhite.png') no-repeat left center;
}
.sidebarTopStoriesContainer a:hover {
    /*    background: rgba(0,0,0,0.6);*/
    background: rgba(0,0,0,0);
}
.sidebarTopStoriesContainer.NoThumb a {
    background: rgba(203,0,0,1);
}
.sidebarTopStoriesContainer.NoThumb a:hover {
    background: rgba(99,100,102,1);
}

/* OneTwoStories */

.partRow1 h3 a.smallerH {
    font-size: 26px;
    font-weight: 400;
    color: #0A1B47;
    text-transform: uppercase;
    background: #fff;
    position: relative;
    z-index: 9;
}
.partRow1 h3 a.smallerH:hover span{
    text-decoration: underline;
}
.OneThreeStories ul.listRight {
    display: flex;
    width: 100%;
}
.partBoxFull.OneThreeStories .partRow2 ul li {
    margin-bottom: 20px;
    float: left;
    margin-right: 10px;
    background: none;
    position: relative;
    background: #E9EAEE;
    padding: 10px;
    border-radius: 4px;
}
.OneThreeStories .partRow2 ul li.first {
    width: 100%;
    margin-right: 0;
    border: none;
}
.OneThreeStories .partRow2 ul li.last {
    margin-right: 0;
}
.OneThreeStories .partRow2 ul li a {
    width: 100%;
    display: table;
    color: #0A1B47;
    box-sizing: border-box;
    position: relative;
}
.OneThreeStories .partRow2 ul li a span.title {
    font-size: 18px;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.OneThreeStories .partRow2 ul li a span.date-comment-wrapper {
    width: 100%;
    display: table;
    margin-bottom: 10px;
    font-size: 12px;
    color: #2A2C38;
    line-height: 20px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.date-comment-wrapper .date {
    padding-right: 5px;
    border-right: 0;
    float: left;
}
.date-comment-wrapper .comments {
    background: url('/assets/img/front/comm_icon.svg') center center;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 5px 0px;
}
.OneThreeStories .partRow2 ul li a:hover span.title {
    color: #E30613;
}
.OneThreeStories .partRow2 ul li.first {
    background: #e9eaee;
    position: relative;
    padding: 0;
}
.OneThreeStories .partRow2 ul li.first a {
    padding-bottom: 0;
}
.OneThreeStories .storyImgContainer {
    width: 444px;
    float: left;
}
.OneThreeStories .storyImgWrapper {
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #0A1B47;
}
.OneThreeStories .txtContent {
    width: 476px;
    box-sizing: border-box;
    float: right;
    padding: 20px 10px 50px 0;
}
.OneThreeStories .partRow2 ul li.first a span.title {
    font-size: 26px;
    line-height: 130%;
}
.OneThreeStories .partRow2 ul li.first a span.lead {
    font-size: 14px;
}
.OneThreeStories .partRow2 ul li.first a span.date-comment-wrapper {
    width: auto;
    bottom: 30px;
    left: 464px;
    color: #0A1B47;
}
.OneThreeStories li.first .date-comment-wrapper .date {
    border-right: 0;
    float: left;
    margin-right: 5px;
}
.OneThreeStories li.first .date-comment-wrapper .comments {
    background-repeat: no-repeat;
    background-position: 5px 0;
}
.OneThreeStories li.first a:hover .storyImgWrapper:after{
    /*opacity: 0.4;*/
}
.new3-storyWrapper .item.first-news-item .storyImgWrapper:before{
    content: '';
    position: absolute;
    display: block;
    /*visibility: visible;*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(21, 37, 49, 0) 10%, rgba(5, 10, 13, 0.8) 100%);
    border-radius: 0 0 4px 4px;

}


/* Video Slider */

.videoFotoSliderContainer {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #191919;
    margin: 30px 0;
    margin-top: 0;
}
.videoFotoSliderContainer .partRow1 {
    border: none;
    padding: 0;
    margin-bottom: 20px;
}
.videoFotoSliderContainer .partRow1 h3 a {
    color: #fff;
    line-height: 1;
    text-transform: none;
}
.videoFotoSliderContainer .homeVideo {
    display: table;
    width: 100%;
}
.videoContainer {
    width: 51%;
    float: left;
    display: table;
}
.videoFotoSliderContainer video {
    max-height: 258px;
}
.videoTxt {
    float: right;
    width: 49%;
    padding-left: 20px;
    box-sizing: border-box;
}
.videoFotoSliderContainer .videoWrapper {
    padding-top: 0;
}
.videoTxt .mediaLead {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 50px;
    display: block;
    line-height: 130%;
}
.videoComments {
    width: 32px;
    padding-top: 38px;
    display: block;
    float: left;
    background: url("/assets/img/front/video-comments-share.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.videoShare {
    width: 32px;
    padding-top: 38px;
    display: block;
    float: left;
    background: url("/assets/img/front/video-comments-share.png");
    background-repeat: no-repeat;
    background-position: -50px 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.videoSliderWrapper {
    display: table;
    width: 100%;
    padding-top: 20px;
}
.video-preview {
    width: 17%;
    float: left;
    border-right: 3px solid #000;
    box-sizing: border-box;
    float: left;
    /*    opacity: 0.5;*/
}
.video-preview-wrapper {
    width: 100%;
    padding-top: 56.25%;
    /*    background: rgba(0,0,0,0.5);*/
    position: relative;
    overflow: hidden;
}
.video-preview-wrapper img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
    opacity: 0.5;
}
.video-preview-wrapper span {
    color: #0A1B47;
    padding: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
}
.video-preview:hover img {
    opacity: 1;
}
.video-preview-link {
    width: 15%;
    float: left;
}
.video-preview-link a {
    width: 100%;
    background: #BEBEBE;
    padding-top: 62.3%;
    text-align: center;
    display: block;
    position: relative;
}
.video-preview-link a:hover {
    background: #fff;
}
.video-preview-link a .surroundNext {
    width: auto;
    max-width: 98%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
    font-size: 25px;
    font-weight: 700;
    color: #0A1B47;
    line-height: 30px;
    padding-right: 25px;
    background: url("/assets/img/front/arrows/ArrowRightBlack-bigger.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px auto;
    line-height: 30px;
}
.m-30{
    margin: 30px 0;
}
.d-inline-block{
    display: inline-block;
}

/*SHORT STORY*/
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    display: none;
}
.verticalSlider{
    width: 100%;
    max-height: 510px !important;
    height: auto;
    overflow: hidden;
}
.noLimitH{
    height: 100% !important;
    overflow: initial;
}
.shortNews.thirdWidth .verticalSlider{
    max-height: 530px !important;
}
.newsScroll{
    width:calc(100% + 17px) !important;
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
    box-sizing: content-box;
    position: relative;
    scrollbar-width: none;
}
.newsScroll#content{
    overflow-y: auto;
}
.fixed{
    position: absolute;
    bottom:60px;
    left: 50%;
    background: red;
}
.down.disabled,
.down-thirdWidth.disabled,
.scrollUp.disabled,
.scrollUpTW.disabled{
    display: none !important;
}
.down,
.down-thirdWidth{
    display: block;
    position: absolute;
    bottom: 10px;
    z-index: 9999999;
    cursor: pointer;
    background: url(/assets/img/front/arrow-grey-down.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 40px;
    height: 30px;
}
.down{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -mz-transform: translateX(-50%);
}
.down-thirdWidth{
    bottom: 60px;
    left:135px;
}

.down:hover,
.down-thirdWidth:hover{
    background: url(/assets/img/front/arrow-red-down.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.scrollUp,
.scrollUpTW{
    display: block;
    position: absolute;
    top: 43px;
    z-index: 99999;
    cursor: pointer;
    background: url(/assets/img/front/arrow-grey-up.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 40px;
    height: 30px;
}
.scrollUp{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -mz-transform: translateX(-50%);
}
.scrollUpTW{
    top: 53px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -mz-transform: translateX(-50%);
}
.scrollUp:hover,
.scrollUpTW:hover{
    background: url(/assets/img/front/arrow-red-up.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.swiper-wrapper{
    height: 100% !important;
}
.swiper-button-next,
.swiper-button-prev{
    color:red !important;
    background-image: none !important;
}
.swiper-button-next{
    bottom: 20px;
    position: absolute;
    left: 50% !important;
    top: auto !important;
    transform: rotate(90deg);
    z-index: 9999999999;
}
.shortNews.thirdWidth .swiper-button-next{
    bottom: 60px;
}
.swiper-button-prev{
    top: 20px !important;
    position: absolute;
    left: 50% !important;
    bottom: auto !important;
    transform: rotate(90deg);
}
.shortNews.fullWidth{
    position: relative;
    /*background: #eaeaea;*/
    overflow: hidden;
    margin-bottom: 20px;
}
.shortNews div.blackHead{
    text-align: right;
    height: 30px;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.shortNews div.blackHead div.sectionTitle{
    text-align: left;
    float: left;
}
.shortNews div.blackHead a{
    font-weight: bold;
    font-size: 13px;
}
.shortNews div.blackHead a:hover  {
    opacity: 0.7;
}
.shortNews div.blackHead a span.arrow-link {
    width: 6px;
    height: 10px;
    display: block;
    background: url(/assets/img/front/weather-footer-link.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom left;
    float: right;
    margin-left: 10px;
    margin-top: 6px;
}
.shortNews div.blackHead a:hover span.arrow-link {
    background-position: bottom left;
}

.shortNews div.blackHead div.sectionTitle h2{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
}
.shortNews .slider-row{
    width: 100%;
    float: left;
    display: block;
    cursor: pointer;
    padding: 15px 20px 15px 20px;
    box-sizing: border-box;
    position: relative;
}
.clearBoth{
    clear: both;
}
.shortNews div.slider-row{
    cursor: default;
}
.shortNews .slider-row:nth-of-type(odd) {
    background-color: #f8f8f8;
}
.shortNews .slider-row:nth-of-type(even) {
    background-color: #fff;
}
.shortNews .slider-row:last-child{
    margin-bottom: 10px;
}
.shortNews div.swiper-slide-active{
    /*background-color: #FDCA32 !important;*/
}
.shortNews .slider-row .storyTitle,
.shortNews .slider-row .time{
    box-sizing: border-box;
    width: calc(100% - 120px);
    max-width: 850px;
    float: left;
    position: relative;
}
.shortNews .slider-row div div{
    /*    padding: 0;
        box-sizing: border-box;
        width: auto;
        max-width: 850px;*/
}

.shortNews .slider-row iframe {
    margin-bottom: 15px;
}
.data .shortNews .slider-row .twitter-tweet-rendered {
    margin-bottom: 0 !important;
}
.shortNews .slider-row div.time{
    width: auto;
    position: relative;
    float: left;
    line-height: 25px;
    padding-right: 0;
}
.shortNews .slider-row div.time p{
    background-color: #0A1B47;
    padding: 5px 20px;
    color:#fff;
    border-radius: 4px;
}
.shortNews .slider-row div.time p span{
    font-weight: 700;
    font-size: 16px;
}
.shortNews .slider-row div.storyTitle p{
    font-size: 16px;
    font-weight: normal;
    color:#0A1B47;
    line-height: 22px;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
    position: relative;
    display: block;
}
.shortNews .slider-row div.storyTitle p:last-child{
    margin-bottom: 0;
}

.shortNews .slider-row div.storyTitle img{
    width:auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    display: block;
}
.shortNews.thirdWidth .slider-row div.storyTitle img{
    width: auto;
    max-width: 210px;
    height: auto;
    max-height: 300px;
    margin-bottom: 10px;
    display: block;
}
.shortNews .slider-row div.storyTitle video{
    width: 480px !important;
    height: 300px !important;
    margin-bottom: 10px;
    display: block;
    float: left;
    margin-top: -5px;
}
.shortNews.thirdWidth .slider-row div.storyTitle video{
    width: 210px !important;
    height: 120px !important;
    margin-bottom: 10px;
    display: block;
    float: left;
    margin-top: -5px;
}
/*third layout width*/
.shortNews.thirdWidth{
    float: left;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    max-width: 300px;
    width: 100%;
}
/*.shortNews::after{
    content: "";
    display: block;
    width: 100%;
    height:60px;
    max-width: 100%;
     Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);  FF3.6-15 
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  Chrome10-25,Safari5.1-6 
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );  IE6-9 

    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    z-index: 99999;
}*/
.shortNews.noAfter::after{
    display: none;
}
.shortNews.thirdWidth div.blackHead {
    height: 50px;
    padding: 15px 20px;
}
.shortNews.thirdWidth div.blackHead div.sectionTitle{
    width: 100% !important;
}
.shortNews.thirdWidth .slider-row div.time p{
    left: 10px;
}
.shortNews.thirdWidth .slider-row div.time{
}
.shortNews.thirdWidth .slider-row div{
    max-width: 230px;
}

.shortNews .slider-row div.openLink a span.arrow-link{
    width: 15px;
    height: 13px;
    display: block;
    background: url(/assets/img/front/grey-r.png);
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: top left;
    float: right;
}

.shortNews .slider-row div.openLink{
    float: left;
    width: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 10px;
}
.shortNews .slider-row div.openLink a {
    display: block;
}
.shortNews .slider-row div.openLink a:hover span.arrow-link{
    background: url("/assets/img/front/red-r.png");
    background-repeat: no-repeat;
    background-size: 50% auto;
}
.shortNews .youtubeWrapper {
    position: relative;
    padding-bottom: 56.25% !important;
    width: 100% !important;
    display: block;
    /*    padding-top: 35px;*/
    height: 0;
    overflow: hidden;
    margin-bottom: 15px;
}
.shortNews .youtubeWrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.shortNews .storyTitle p {
    width: 100%;
}
/*SHORT STORY END*/
.partBoxThrid .partRow2 {
    margin-top: 10px;
    width: 100%;
}
.partBoxThrid .partRow1.covid19 {
    padding: 0;
}
.partBoxThrid .partRow1.covid19 h3 {
    font-size: 18px;
    line-height: 18px;
}
.partRow2.covid19 {
    margin-top: 8px;
}
.partRow2.covid19 p {
    font-size: 14px;
    line-height: 20px;
    color: #0A1B47;
    opacity: 0.5
}
.partRow2.covid19 table {
    margin-bottom: 5px;
}
.partRow2.covid19 table thead tr td, .covid19 table tbody tr td {
    text-align: center;
}
.partRow2.covid19 table thead tr td {
    background-color: transparent;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #0A1B47;
    padding: 6px;
}
.partRow2.covid19 table tbody tr td {
    font-size: 28px;
    line-height: 28px;
    padding: 11px;
    border-radius: 4px;
}
.partRow2.covid19 h3 {
    font-size: 18px;
    text-align: center;
    background-color: #E30613;
    margin-bottom: 0;
    color: #fff;
    line-height: 18px;
    padding: 9px;
    border-radius: 4px;
}

.shortNews .storyTitle{
    margin-left: 20px;
    text-align: justify;
}

/* LIVE ICON */
.HomeTopSlider .liveDot{
    position: absolute;
    top: 10px;
    left: 10px;
}
.HomeTopSlider .liveDot .liveText{
    display: none;
}

.liveDot {
    text-transform: uppercase;
    line-height: 1;
    font-size: 14px;
    color: #0A1B47;
    font-weight: bold;
}
.liveDot span {
    float: left;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
}
@keyframes pulsing {
    0%   {
        background-color: #fff;
    }
    50%  {
        background-color: #E30613;
    }
    100% {
        background-color: #fff;
    }
}
.liveDot span.circle {
    display: block;
    border-radius: 50%;
}
@keyframes pulsing-new {
    0%   {
        background-color: #fff;
    }
    50%  {
        background-color: transparent;
    }
    100% {
        background-color: #fff;
    }
}
.date-commentCount i.live {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    float: left;
    margin-left: 10px;
    position: relative;
    margin-right: 10px;
    background-color: #fff;
    animation-name: pulsing-new;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

/* 31.12.2021. REDIZAJN */

.latest1-5 .smallThumb {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.latest1-5 .smallThumb:after {
    width: 100%;
    display: block;
    content: "";
    background: #0A1B47;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    z-index: 9;
}
.latest1-5 .smallThumb:hover:after {
    opacity: 0.4;
}
a.titleLink:hover {
    text-decoration: underline;
}
.partBoxFull.latest1-5 h2.title.iconTitleBig a:hover,
.partBoxFull.latest1-5 h2.title.iconTitle a:hover {
    color: #CB0000;
}
.latest1-5 .iconTitleBig {
    width: 31.15%;
    float: right;
}
.latest1-5 .iconTitleBig h2.iconTitleBig {
    width: 100%;
    display: block;
}
.partBoxFull.latest1-5 .partRow2 ul li.first .iconTitleBig i {
    background-position: 2px center;
    filter: invert(15%) sepia(64%) saturate(3295%) hue-rotate(352deg) brightness(122%) contrast(120%);
}


.latest1-5 .partRow2{
    display: flex;
}

.latest1-5 .partRow2 ul.listLeft li.first{
    width: 100%;
    margin-right: 0;
}
.latest1-5 .partBoxFull .partRow2 ul.listRight li{
    width: 100%;
}

.latest1-5 .partRow2 ul.listLeft{
    width: 70%;
    margin-right: 20px;
}
.latest1-5  .partRow2 ul.listRight{
    width: calc(30% - 20px);
}
.latest1-5 .partRow2 ul.listRight li{
    width: 100%;
}
.latest1-5 .partRow2 ul.listLeft li.first .imgLink{
    display: flex;
}
.latest1-5 .partRow2 ul.listLeft li.first .imgLink .storyImgWrapper{
    aspect-ratio: 16 / 9;
    padding: 0;
    width: 70%;
    margin-right: 20px;

}
.latest1-5 .partRow2 ul.listLeft li.first .imgLink .txtContent{
    width: 30%;
}
.latest1-5 .title.smallThumbTitleLeadDateComment{
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.07;
    color: #0A1B47;
}
.latest1-5 .partRow2 ul.listLeft li.first .imgLink .txtContent .lead{
    color: #0A1B47;
    margin-bottom: 10px;
}

.latest1-5 .partRow2 ul.listLeft li.first .date-comment-wrapper .date{
    color: #0A1B47;
}


/*Weather22*/
.weather22 {
    margin-bottom: 40px;
}
.weather22 h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.weather22 tr td {
    padding: 6px 15px;
}
.weather22 tr td:nth-child(1) {
    font-weight: normal
}
.weather22 tr td:nth-child(2) {
    text-align: right;
}
.weather22 tr:nth-child(2n) td {
    background-color: #f8f8f8;
}
.weather22 tr:nth-child(2n-1) td {
    background-color: #e7e7e7;
}
.weather22 span {
    float: left;
    font-weight: normal;
    font-size: 12px;
    font-family: arial;
}

/* VIDEO FORECAST */
.videoForecast {
    margin-bottom: 5px;
}
.videoForecast .videoHolder {
    margin-top: 20px;
}
.videoForecast #content {
    width: 100%;
}
.videoForecast .box-video {
    width: 100% !important;
}
.videoForecast video {
    border-radius: 4px;
}

/* LATEST TITLES 18 */

/*.slider-18 .slick-slider {
    width: 300px;
}*/

.third-fix-width .slick-list {
    width: 270px !important;
}
.third-fix-height .slick-list {
    min-height: 332px !important;
}
.partBoxThrid #najnovije .slick-slider .slick-list,
.partBoxThrid #najcitanije .slick-slider .slick-list {
    height: auto !important;
    width: 100% !important;
}
/* EMBED twitter i instagram */

.extensionEmbed h2.sectionTitle,
h2.prognozaTitle,
.videoForecast .sectionTitle h2{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}

/* ----------------------------- LATEST NEW 5 ------------------------------- */

.stories-11 {
    margin-bottom: 30px;
}
.firstTwo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    margin-bottom: 20px;
}
.stories-11 .restNineGrid .item .fix{
    display: block;
}
.stories-11 a {
    overflow: hidden;
}
.firstTwo a.up {
    position: relative;
    width: 100%;
    display: block;
    /*    background: #ccc;*/
}
.firstTwo a .title-wrapper {
    position: absolute;
    z-index: 10;
    bottom: 0;
    margin: 0;
    padding: 20px;
}
.firstTwo a .lable-like {
    display: block;
    position: relative;
    margin-bottom: 12px;
    left: 0;
    width: fit-content;
    margin-bottom: 0;
}
.firstTwo .storyImgWrapper .lable-like {
    display: none;
}
.firstTwo a .title {
    color: #fff;
    font-size: 24px;
    line-height: 1.33;
    margin: 0;
    font-weight: 700;
    padding: 0;
}
.firstTwo a .whiteIcons {
    background-color: transparent;
    border-radius: 0;
    color: #2A2C38;
}
.firstTwo a .whiteIcons .iIcon,
.firstTwo .item .date-commentCount .commentCount,
.firstTwo .date-commentCount.whiteIcons span.numberC {
    position: relative;
    bottom: auto;
    left: auto;
    max-width: inherit;
    padding: 0;
}
.firstTwo .item .date-commentCount .commentCount {
    padding: 0;
    background: transparent;
    border-radius: 0;
}
.firstTwo .date-commentCount.whiteIcons span.numberC {
    margin: 0;
    padding-left: 25px;
}
.restNineGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.restNineGrid .item .title {
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #0A1B47;
}
.storyImgWrapperInner {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.storyImgWrapperInner:after {
    width: 100%;
    display: block;
    content: "";
    background: #0A1B47;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    z-index: 2;
}

.restNineGrid .storyImgWrapper {
    padding: 0;
}
.storyImgWrapper .storyImgWrapperInner img {
    position: relative;
    left: auto;
    top: auto;
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
}

/* ----------------------------- LATEST BBC NEWS ---------------------------- */

.latestTitles.latestNews {
    padding: 0;
    min-height: inherit;
}
.latestTitles.latestNews .partRow1 {
    padding: 0;
}
.latestTitles.latestNews .partRow1 img {
    width: 100%;
    height: auto;
    display: block;
}
.latestTitles.latestNews .partRow2 {
    padding: 20px;
    box-sizing: border-box;
    margin: 0;
}
.latestNews .storyRow {
    padding: 0 0 6px 0;
    margin: 0 0 6px 0;
    background: none;
    width: 100%;
    display: table;
    border-bottom: 1px solid #c0c0c0;
    font-size: 16px;
}
.latestNews .storyRow.last {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.latestNews .storyRow .time {
    font-size: 15px;
    font-weight: 700;
    float: left;
    line-height: 20px;
    color: #0A1B47;
    margin-right: 10px;
}
.latestNews .storyRow a.titleLink {
    font-size: 14px;
    color: #0A1B47;
}
.latestNews .storyRow a.titleLink:hover {
    color: #CB0000;
    opacity: 1;
}

/* ----------------------------- TOP LIST TAGS ------------------------------ */
.topTagssheaderTagsWrapper {
    position: relative;
    background-color: #fff;
}
.headerTagsWrapperContent {
    background-color: #fff;
    display: flex;
    justify-content: flex-start;
    position: relative;
}
a.tag {
    background-color: rgba(229, 158, 44, 0.1);
    border-radius: 4px;
    color: #0A1B47;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    padding: 0 10px;
    height: 30px;
    margin-left: 10px;
    display: block;
    flex-shrink: 0;
    font-family: 'Roboto Condensed', sans-serif;
}
a.tag:hover {
    background-color: #dbdbdb;
    /*    color: #E30613;*/
}
a.tag.first {
    margin-left: 20px;
}
a.tag.last {
    margin-right: 20px;
}
.parent {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}
.child {
    width: fit-content;
}
.linkContainer a.tag {
    padding: 0 10px;
    margin: 0;
}
.linkContainer {
    padding-right: 10px;
    flex-shrink: 0;
}
.linkContainer.last {
    padding-right: 20px;
}
.headerTagsWrapperContentMobile .linkContainer {
    padding: 0;
}

.topTagsSliderInner {
    display: flex;
    flex-wrap: nowrap;
    background-color: #fff;
}
.topTagsSliderInner a.tag {
    flex-shrink: 0;
}
.topTagsSlider {
    overflow-x: auto;
}

/* ------------------------ TOP TAGS RIGHT SIDEBAR -------------------------- */
#stripe2 .linkContainer {
    display: inline-block;
    padding: 0 2px 5px 0;
}
#stripe2 .linkContainer.first {
    padding-left: 0;
}
#stripe2 .linkContainer.last {
    margin-bottom: 15px;
}

/* ------------------------ CRNI GRADIENT PREKO BELIH SLOVA ----------------- */
.stories-11 .firstTwo a.up:before,
.kolumne .firstTwo a.up:before{
    /*content: '';*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(21, 37, 49, 0) 10%, rgba(5, 10, 13, 0.8) 100%);
    border-radius: 0 0 4px 4px;
    z-index: 2;
}

/* ------------------------ BBC - DW NASLOVNA FRAGMENT ---------------------- */

.latest3DW img.dwLogo,
.latest3BBC img.bbcLogo {
    opacity: 1;
}
.latest3DW a:hover img.dwLogo,
.latest3BBC a:hover img.bbcLogo {
    opacity: 0.6;
}
.storyMainBox.latest3BBC .rowFull h3.mainTitle a,
.storyMainBox.latest3DW .rowFull h3.mainTitle a{
    display: block;
    border-radius: 20px;
    width: 10px;
    height: 34px;
    width: 100%;
    max-width: 300px;
    width: 300px;
    position: relative;
}
.storyMainBox.latest3BBC .rowFull h3.mainTitle a{
    background: #BB1919 url('/assets/img/front/bbc_logo.svg') no-repeat center;
}
.storyMainBox.latest3DW .rowFull h3.mainTitle a{
    background: #0C2950 url('/assets/img/front/dw_logo.svg') no-repeat center;
}
.storyMainBox.latest3BBC .rowFull,
.storyMainBox.latest3DW .rowFull{
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
    border-top: none;
    padding: 0;
}
.storyMainBox.latest3BBC .rowFull h3,
.storyMainBox.latest3DW .rowFull h3{
    margin-bottom: 0;
}
.storyMainBox.latest3BBC .rowFull:before,
.storyMainBox.latest3DW .rowFull:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
}
.storyMainBox.latest3BBC .rowFull:before{
    background-color: #BB1919;
}
.storyMainBox.latest3DW .rowFull:before{
    background-color: #0C2950;
}


/* -------------------------- TOP LISTE --------------------------------------*/

.topStoriesHorizontal.OneOneStories .icon-small::before {
    background: none;
}
.topStoriesHorizontal.OneOneStories .uptitle_resp {
    display: none;
}

.liveStory{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.live_header{
    padding: 8px 20px 13px 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    font-weight: 600;
    position: relative;
}
.liveStory .storyImgWrapper{
    width: 620px;
}
.liveStory .shortNews{
    flex: 1;
    background-color: #e9eaee;
    padding: 10px 20px;
    overflow: hidden;
    border-radius: 0px 4px 4px 0px;
}
.liveStory .storyImgWrapper{
    padding-bottom: 55.7%;
    border-radius: 4px 0px 0px 4px;
}
.liveStory .slide_text-content{
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: left;
    padding: 0 40px;
    z-index: 999;
}
.liveStory .slide_text-content .slide_title{
    font-weight: 600;
    line-height: 1.07;
    color: #fff;
    display: block;
    clear: both;
}
.liveStory .storyImgTitleWrapper{
    position: relative;
}
.liveStory .storyImgTitleWrapper:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(21, 37, 49, 0) 10%, rgba(5, 10, 13, 0.8) 100%);
    border-radius: 4px 0px 0px 4px;
    z-index: 2;
}
.liveStory .time{
    font-weight: 400;
    color: #0A1B47;
}
.liveStory .short_story__row{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(12, 12, 12, 0.2);
    position: relative;

}
.liveStory .short_story__row:last-child{
    border-bottom: none;
}
.liveStory .shortNews .shortStoryBody{
    display: block;
    color: #0A1B47 ;
    font-weight: 400;
    max-height: 60px;
    overflow: hidden;
    position: relative;
    padding-left: 18px;
}
.liveStory .shortNews .shortStoryBody:before{
    content:'';
    width: 1px;
    height: 65px;
    position: absolute;
    left: 3px;
    background-color: #E30613;

}
.liveStory .shortStoryBody p{
    font-size: 16px;
    overflow: hidden;
    padding-bottom: 0;
    line-height: 20px
}
.storyLink:hover .slide_title{
    color: #E30613;
    position: relative;
    /*text-decoration: underline;*/
    transition: all 0.3s ease-in-out;
}
.storyImgTitleWrapper:after{
    width: 100%;
    display: block;
    content: "";
    background: #0A1B47;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    z-index: 9;
}

.short_story__row{
    position: relative;

}
.box_shadow.short_story__row:after{
    content: '';
    position: absolute;
    display: block;
    bottom: 10px;
    left: 18px;
    right: 0;
    height: 30px;
    background: linear-gradient(0deg, rgba(233, 234, 238, 1) 0%, rgba(233, 234, 238, 0) 100%);
}
.liveStory .shorts_media img{
    max-height: 60px;
    object-fit: cover;
}

.liveStory .shortNews a{
    display: flex;
    font-weight: 600;
}
.liveStory .shortNews a span.arrow-link{
    width: 16px;
    height: 12px;
    display: flex;
    background: url(/assets/img/front/arrow_right.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom left;
    float: right;
    margin-left: 10px;
    margin-top: 6px;
}
.liveDot{
    position: relative;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
}
.liveText{
    font-size: 18px;
    margin-left: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.liveDot span.circle {
    margin-right: 0;
    width: 12px;
    height: 12px;
    animation-name: pulsing;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    position: relative;
}
.liveDot span.circle:after{
    content: "";
    border: 2px solid #E30613;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    animation: fade 3s infinite;
}
@keyframes fade {
    0%,100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}
.liveStory .story_uptitle{
    left: 40px;
    top: -40px;
    bottom: auto;
}
.liveStory .shortNews a.viewMore{
    height: 23px;
    position: relative;
    bottom: 0;
    align-items: flex-end;
    justify-content: flex-end;
    font-weight: 500;
    display: flex;
    color: #E30613;
    text-transform: uppercase;
    font-size: 14px;
}
.liveStory .shortNews a.viewMore:hover{
    text-decoration: underline;
}
.liveStory .shortNews a span.arrow-link{
    margin-bottom: 5px;
}
.scroll_link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

.toggle-button{
    display: none;
    text-align: right;
    color: #E30613;
    font-weight: 600;
    cursor: pointer;
}
.toggle-button span i{
    color: #E30613;
    margin-left: 5px;
}
.toggle-button:hover{
    text-decoration:underline;
}
.shortNews .storyTitle.box_shadow:after{
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.shortNews .slider-row:nth-of-type(odd) .storyTitle.box_shadow:after{
    background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0) 100%);
}
#vmLabel,
#vlLabel{
    display: none;
}

.storyTitle.expanded {
    transition: max-height 0.5s ease-in-out;
}
.nav.partRow1:before,
.nav.partRow1:after{
    content: none !important;
}

.tab-content {
    display: none;
}

/*KOLUMNE*/
.responsive_columns .restFourGrid {
    display: none;
}
.kolumne .columnItem{
    position: relative;
}
.kolumne.latestStory-2-3 .firstTwo .title-wrapper{
    position: relative;
    background: #E9EAEE;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    width: calc(100% - 80px);
    z-index: 999;
    margin-top: -60px;
}
.kolumne.latestStory-2-3 .firstTwo span.avatar_holder{
    width: 60px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}
.kolumne.latestStory-2-3 .uptitle_title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px 20px 20px;
    row-gap: 5px;
}
.kolumne.latestStory-2-3 .firstTwo .title{
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    color: #0A1B47;
    transition: all 0.3s ease-in-out;
}
.kolumne.latestStory-2-3 .firstTwo a:hover .title:hover{
    color: #E30613;
}
.kolumne.latestStory-2-3 .author_name{
    font-size: 14px;
    font-family: 'Roboto Serif', sans-serif;
    color: #E30613;
}
.kolumne.latestStory-2-3 .columnItem{
    margin-bottom: 20px;
}
.kolumne.latestStory-2-3 .restNineGrid span.avatar_holder{
    width: 60px;
    height: 60px;
    margin-bottom: 0;
}
.kolumne .storyImgWrapper .uptitle{
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.kolumne span.avatar_holder{
    width: 80px;
    height: 80px;
    margin: 0;
    z-index: 9999;
    margin-bottom: 35px;
}
.kolumne.latestStory-3 span.avatar_holder{
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    font-weight: 400;
}
.kolumne.latestStory-3 .titleDate-wrapper .title{
    color: #fff;
    font-weight: 400;
    padding-bottom: 0;
}

.columnist span.avatar_holder{
    width: 160px;
    height: 160px;
}
.columnist .avatar{
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}
.leadWithAuthor .columnist span.avatar_holder{
    width: 80px;
    height: 80px;
}
.author_name{
    font-size: 16px;
    font-weight: 400;
    color: #E30613;
    font-family: 'Roboto Serif', sans-serif;
}
.kolumne .firstTwo .author{
    position: absolute;
    display: flex;
    align-items: flex-end;
    right: 10px;
    bottom: -35px;
}
.kolumne .author .author_name{
    /*    margin-bottom: 10px;
        margin-right: 10px;*/
}

.kolumne .restNineGrid .author{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    max-width: 100%;
    width: 100%;
    margin-top: -30px;
}
.kolumne .restNineGrid a:hover .author_name,
.kolumne .firstTwo .uptitle_title a:hover 
{
    text-decoration: underline;
}
.kolumne .restNineGrid .author .author_name{
    margin-bottom: 0;
    margin-right: 0;
    text-align: center;
}

.kolumne .restNineGrid .avatar_holder,
.kolumne .restFourGrid .avatar_holder{
    border-radius: 50%;
    overflow: hidden;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kolumne.latestStory-3 .restNineGrid .titleDate-wrapper a:hover .title{
    text-decoration: underline;
}
.kolumne .restNineGrid .titleDate-wrapper .title{
    text-align: center;
}
.latestStory-2-3.kolumne{
    margin-bottom: 50px;
}
.latestStory-2-3.kolumne.responsive_columns{
    margin-bottom: 0;
}
.img_author_holder{
    position: relative;
}
.topAuthor-6 .authors_holder{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 8px;
    row-gap: 8px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #DBDBDB;
}
.topAuthor-6 .author{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: rgba(233, 234, 238, 0.7);
    padding: 25px 16px 25px 16px;
    border-radius: 5px;
    box-sizing: border-box;
}
.topAuthor-6 .author:hover .author_name,
.imgASTitleLeadColumn .author:hover .author_name,
.kolumnisti .author:hover .author_name{
    text-decoration: underline;
}

.topAuthor-6 .avatar_holder{
    width: 100px;
    height: 100px;
    border: none;
    margin-right: 0;
    margin-bottom: 10px;
}
.topAuthor-6 .author_name{
    text-align: center;
}
.topAuthor-6 .fragmentTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.topAuthor-6 .top_list_title{
    color: #0A1B47;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    position: relative;
}
.topAuthor-6 .view_all{
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #E30613;
    padding-right: 25px;
    background: url('/assets/img/front/arrow_right.svg') no-repeat right center;
    line-height: 1;
}
.topAuthor-6 .view_all:hover{
    text-decoration: underline;
}
.topAuthor-6 .view_all i{
    padding-left: 5px;
    font-size: 13px;
}
.kolumnisti{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 8px;
    column-gap: 8px;
    margin-bottom: 50px;
}
.kolumnisti .author{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    background-color: #E9EAEE;
    border-radius: 4px;
}
.kolumnisti .author .avatar_holder{
    width: 100px;
    height: 100px;
    margin-right: 0;
    border: 0;
    margin-bottom: 10px;
}
.kolumnisti .author .author_name{
    text-align: center;
}
.lastestStoriesColumns.storyMainBox{
    background: #0A1B47;
    padding: 40px 20px;
    width: auto;
    border-radius: 5px;
}

.lastestStoriesColumns .rowFull.partRow1{
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
    border-top: 1px solid rgba(234, 239, 250, 0.2);
}
.lastestStoriesColumns .rowFull.partRow1 h3.mainTitle span{
    /*background: #0A1B47;*/
    color: #fff;
}
.lastestStoriesColumns.storyMainBox .rowFull h3.mainTitle{
    margin-bottom: 0;
    color: #fff;
}
.lastestStoriesColumns .view_all{
    font-weight: 500;
    font-size: 14px;
    color: #E30613;
    text-transform: uppercase;
    padding-right: 25px;
    background: url('/assets/img/front/arrow_right.svg') no-repeat right center;
    line-height: 1;
}
.lastestStoriesColumns .view_all:hover{
    text-decoration: underline;
}
.lastestStoriesColumns .view_all i{
    padding-left: 10px;
}
.lastestStoriesColumns .avatar_holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lastestStoriesColumns .latestStory-2-3.kolumne{
    margin-bottom: 0;
}
html{
    overflow: auto;
    scroll-padding-top: 70px;
}

.invert .HomeTopSlider .single-item-slider a.fix::before,
.invert .liveStory .storyImgTitleWrapper:before{
    -webkit-filter: invert(1) hue-rotate(180deg) grayscale(1);
    filter: invert(1) hue-rotate(180deg) grayscale(1);
}
.invert .HomeTopSlider .single-item-slider a.fix:hover .slide_title,
.bw .HomeTopSlider .single-item-slider a.fix:hover .slide_title,
.invert .item a:hover .title,
.bw .item a:hover .title{
    -webkit-filter:contrast(0%);
    filter: contrast(0%);
}
.invert .HomeTopSlider .single-item-slider a.fix .slide_title,
.invert .liveStory .slide_text-content .slide_title,
.invert .item a .title{
    color: #0A1B47;
}

.fieldWrapper.hidden {
    display: none;
}
.title{
    font-family: 'Roboto Condensed', sans-serif;
}
.tab-container{
    position: relative;
}
/*#loader{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    bottom: 0;
    z-index: 99;
    display: block;
}
.loader{
    border: 5px solid #dcdcdc;
    border-top: 5px solid #e82c2c;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}*/