.reviveBanner a{
	display: block!important;
    height: 100%!important;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 1, 2017, 8:21:55 AM
    Author     : orion
*/

/*------------------------------------------------------------------------------
	@FONT-FACE WEBFONTS
------------------------------------------------------------------------------*/
/* 01 web font - LIBERATION */
@font-face {
    font-family: 'liberationregular';
    src: url('../fonts/liberation/liberation-regular-webfont.woff2') format('woff2'),
		url('../fonts/liberation/liberation-regular-webfont.woff') format('woff'),
		url('../fonts/liberation/liberation-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberationregular';
    src: url('../fonts/liberation/liberation-regularit-webfont.woff2') format('woff2'),
		url('../fonts/liberation/liberation-regularit-webfont.woff') format('woff'),
		url('../fonts/liberation/liberation-regularit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'liberationlight';
    src: url('../fonts/liberation/liberation-light-webfont.woff2') format('woff2'),
		url('../fonts/liberation/liberation-light-webfont.woff') format('woff'),
		url('../fonts/liberation/liberation-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberationlight';
    src: url('../fonts/liberation/liberation-lightit-webfont.woff2') format('woff2'),
		url('../fonts/liberation/liberation-lightit-webfont.woff') format('woff'),
		url('../fonts/liberation/liberation-lightit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'liberationmedium';
    src: url('../fonts/liberation/liberation-medium-webfont.woff2') format('woff2'),
		url('../fonts/liberation/liberation-medium-webfont.woff') format('woff'),
		url('../fonts/liberation/liberation-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberationmedium';
    src: url('../fonts/liberation/liberation-mediumit-webfont.woff2') format('woff2'),
		url('../fonts/liberation/liberation-mediumit-webfont.woff') format('woff'),
		url('../fonts/liberation/liberation-mediumit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'liberationblack';
    src: url('../fonts/liberation/liberation-black-webfont.woff2') format('woff2'),
		url('../fonts/liberation/liberation-black-webfont.woff') format('woff'),
		url('../fonts/liberation/liberation-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberationblack';
    src: url('../fonts/liberation/liberation-blackit-webfont.woff2') format('woff2'),
		url('../fonts/liberation/liberation-blackit-webfont.woff') format('woff'),
		url('../fonts/liberation/liberation-blackit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/* 02 web font - LIBERATION SANS */
@font-face {
    font-family: 'liberation_sansregular';
    src: url('../fonts/liberationSans/liberationsans-regular-webfont.woff2') format('woff2'),
		url('../fonts/liberationSans/liberationsans-regular-webfont.woff') format('woff'),
		url('../fonts/liberationSans/liberationsans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_sanslight';
    src: url('../fonts/liberationSans/liberationsans-light-webfont.woff2') format('woff2'),
		url('../fonts/liberationSans/liberationsans-light-webfont.woff') format('woff'),
		url('../fonts/liberationSans/liberationsans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_sansmedium';
    src: url('../fonts/liberationSans/liberationsans-medium-webfont.woff2') format('woff2'),
		url('../fonts/liberationSans/liberationsans-medium-webfont.woff') format('woff'),
		url('../fonts/liberationSans/liberationsans-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 03 web font - LIBERATION TEXT */
@font-face {
    font-family: 'liberation_textregular';
    src: url('../fonts/liberationText/liberationtext-regular-webfont.woff2') format('woff2'),
		url('../fonts/liberationText/liberationtext-regular-webfont.woff') format('woff'),
		url('../fonts/liberationText/liberationtext-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_textregular';
    src: url('../fonts/liberationText/liberationtext-regularit-webfont.woff2') format('woff2'),
		url('../fonts/liberationText/liberationtext-regularit-webfont.woff') format('woff'),
		url('../fonts/liberationText/liberationtext-regularit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'liberation_textmedium';
    src: url('../fonts/liberationText/liberationtext-medium-webfont.woff2') format('woff2'),
		url('../fonts/liberationText/liberationtext-medium-webfont.woff') format('woff'),
		url('../fonts/liberationText/liberationtext-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_textmedium';
    src: url('../fonts/liberationText/liberationtext-mediumit-webfont.woff2') format('woff2'),
		url('../fonts/liberationText/liberationtext-mediumit-webfont.woff') format('woff'),
		url('../fonts/liberationText/liberationtext-mediumit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'liberation_textbold';
    src: url('../fonts/liberationText/liberationtext-bold-webfont.woff2') format('woff2'),
		url('../fonts/liberationText/liberationtext-bold-webfont.woff') format('woff'),
		url('../fonts/liberationText/liberationtext-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_textbold';
    src: url('../fonts/liberationText/liberationtext-boldit-webfont.woff2') format('woff2'),
		url('../fonts/liberationText/liberationtext-boldit-webfont.woff') format('woff'),
		url('../fonts/liberationText/liberationtext-boldit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'liberation_textblack';
    src: url('../fonts/liberationText/liberationtext-black-webfont.woff2') format('woff2'),
		url('../fonts/liberationText/liberationtext-black-webfont.woff') format('woff'),
		url('../fonts/liberationText/liberationtext-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_textblack';
    src: url('../fonts/liberationText/liberationtext-blackit-webfont.woff2') format('woff2'),
		url('../fonts/liberationText/liberationtext-blackit-webfont.woff') format('woff'),
		url('../fonts/liberationText/liberationtext-blackit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/* 04 web font - GRAPHIK */
@font-face {
    font-family: 'graphikregular';
    src: url('../fonts/graphik/graphik-regular-webfont.woff2') format('woff2'),
		url('../fonts/graphik/graphik-regular-webfont.woff') format('woff'),
		url('../fonts/graphik/graphik-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'graphiklight';
    src: url('../fonts/graphik/graphik-light-webfont.woff2') format('woff2'),
		url('../fonts/graphik/graphik-light-webfont.woff') format('woff'),
		url('../fonts/graphik/graphik-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------------------------------
	NEW OSLOBODJENJE CSS
------------------------------------------------------------------------------*/

img {
    height: auto;
    max-width: 100%;
}
.Authors-block {
    /*display: none;*/
}
.author .Authors-block {
    display: block;
}
.size-h1 {
    line-height: 1.1;
    margin: 1px 0 8px;
}
.light-font h2 {
    font-family: 'liberationlight';
    font-size: 1.25rem; /* 20px */
    margin: 5px 0;
}
.subhomepage .OCM_Modules .light-font h2 {
    font-family: 'liberationregular';
}
.align-right {
    text-align: right;
}
.ArticleContent a {
    font-family: 'liberation_textbold';
    font-style: italic;
}

/* letter 0 symbol */
.symbol-O {
    text-transform: lowercase;
    margin: 0;
    padding: 36px 0 30px 15px;
    position: relative;
    z-index: 0;
}
.symbol-O:before {
    content: "";
    width: 37px;
    height: 66px;
    display: block;
    background: url('../images/cssimg/custom-icons.png') no-repeat 0 -40px;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}
.symbol-O.white:before {
    background-position: -50px -40px;
}

/* homepage Header */
.topHeader-left {
    float: left;
    width: 32%;
    background: #fff;
}
.logo-container {
    padding: 20px 0;
}
.topHeader-right {
    float: right;
    width: 68%;
    min-height: 88px;
    background: #ccc;
    position: relative;
}
.right-wrapper:before {
    content: "";
    background: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -9999em;
}
.home-menu-container {	
	padding: 22px;
    font-family: 'liberationblack';
}
.menu-home {
	position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
}
.menu-home {
    float: left;
}
.menu-home > li {
    float: left;
    padding: 0 25px;
    border-bottom: 15px solid #ccc;
}
.menu-home li:hover,
.menu-home li:focus,
.menu-home > li.active {
    border-color: #ff0000;
}
.menu-home > li.item-101 {
    border-bottom: 0 none;
}
.menu-home a.homepage {
    display: none;
}
.menu-home li a {
    color: #666;
}

/* Toolbar v-toolbar-trigger="article" */
.Toolbar-sectionTitle {
    font-family: "liberation_sansregular";
}
.Toolbar-sectionTitle span {
    text-transform: none;
}
.Toolbar.floating {
    height: 63px;
}
.Toolbar.floating .super-logo-container {
    width: 175px;
}
.Toolbar.floating .Header-el {
    padding-top: 22px;
}
.Toolbar.floating ~ .SuperMenu {
    top: 63px;
}
.Toolbar.floating .main-toolbar {
    border-bottom: 10px solid #4a4a4a;
}
@media (min-width: 80em) {
    .Toolbar.floating {
        height: 70px;
    }
    .Toolbar.floating .super-logo-container {
        width: 250px;
    }
    .Toolbar.floating .Header-wrapLogoHamburger {
        padding: 10px 0;
        /*line-height: 60px;*/
    }
    .Toolbar.floating ~ .SuperMenu {
        top: 70px;
    }
}

/* ticker Flash news */
.flashIcon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url('../images/cssimg/custom-icons.png') 0 0 no-repeat;
    float: left;
}
.flashTitle {
    display: inline-block;
    padding: 0 50px 0 10px;
}

/* Banners */
.banner {
    background: #e4e4e4;
    text-align: center;
    margin-bottom: 15px;
}
.banner.white {
    background: transparent;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.banner-padding {
    padding: 15px 0;
}
@media screen and (max-width: 991px) {
    .skyscrapper.banner-padding {
        display: none;
    }
}

/* WEATHER icon Meteocons */
@font-face {
    font-family: 'MeteoconsRegular';
    src: url('../fonts/meteocons/meteocons-webfont.eot');
    src: url('../fonts/meteocons/meteocons-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/meteocons/meteocons-webfont.woff') format('woff'),
        url('../fonts/meteocons/meteocons-webfont.ttf') format('truetype'),
        url('../fonts/meteocons/meteocons-webfont.svg#MeteoconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.w-icon:before {
    font-family: 'MeteoconsRegular';
    content: attr(data-icon);
    display: block;
    position: absolute;
    right: 0;
    bottom: 3px;
}
.Forecast-verticalCenter .w-icon,
.SectionHeader-weatherIcon .w-icon {
    font-size: 70px;
    line-height: 70px;
    display: block;
    margin: 15px 0 25px;
}
.Forecast-smallWeather .w-icon {
    float: left;
    margin-right: 10px;
}
.Forecast a.forecast-link {
    color: #fff;
}
.Forecast-temperatureBlock:hover {
    background-color: #529CAF;
}
.Forecast-weatherBlock:hover {
    background-color: #3BC0E2;
}
.Forecast-city a {
    color: #fff;
}
.Forecast-city a:hover,
.Forecast-city a:focus {
    color: #fb5501;
}
/* responsive for Weather module */
.Forecast-weatherDescription {
    line-height: 1rem;
    padding: 0 8px;
}
@media screen and (max-width: 479px) {
    .Forecast-temperature {
        margin-bottom: 5px;
    }
    .Forecast-verticalCenter .w-icon, .SectionHeader-weatherIcon .w-icon {
        margin: 0 0 15px;
    }
}
/* Weather home module */
.Weather {
    padding: 0 34px 0 0;
    margin-bottom: 60px;
}
.weather-date {
    font-family: 'liberationlight';
    font-size: 20px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
}
.weather-condition {
    font-family: 'liberation_sansmedium';
    position: relative;
}
.day-date {
    text-transform: lowercase;
}
.weather-temperature {
    font-size: 22px;
    color: #1d1d1b;
}
.weather-city {
    font-size: 12px;
    text-transform: uppercase;
    color: #1d1d1b;
}
.w-icon {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #1d1d1b;
}
@media (max-width: 991px) {
    .Weather {
        overflow: hidden;
        padding: 0;
        margin-bottom: 5px;
    }
    .weather-date,
    .day-txt,
    .day-date,
    .weather-temperature,
    .weather-city,
    .w-icon {
        float: left;
    }
    .weather-condition {
        float: right;
    }
    .w-icon {
        font-size: 34px;
        line-height: 34px;
    }
    .w-icon:before {
        position: static;
    }
    .day-txt {
        padding-right: 5px;
    }
    .weather-date {
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 0;
    }
    .weather-temperature {
    }
    .weather-city {
        margin: 0 12px 0 6px;
    }
    .weather-temperature,
    .weather-city {
        line-height: 34px;
    }
}

/* Izjava dana - home modul */
.statementHomepage {
    position: relative;
}
.statementHomepage:before {
    /*content: "";
    width: 37px;
    height: 66px;
    display: block;
    background: url('../images/cssimg/custom-icons.png') no-repeat 0 -40px;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 48px;*/
}
.statementHomepage h3 {
    text-transform: lowercase;
    margin: 48px 0 28px;
    padding: 32px 0 12px 15px;
    background: url('../images/cssimg/custom-icons.png') no-repeat 0 -590px;
}
.statement-body {
    font-family: 'liberation_textmedium';
    font-size: 16px;
    font-style: italic;
    color: #808080;
    padding-left: 15px;
}

/* Homepage Featured articles */
.HomepageNews .ArticleItem-title {
	font-size: 1.375rem; /* 22px */
    line-height: 1.625rem; /* 26px */
    margin: 1px 0 1px;
}
.HomepageNews .items-2 .ArticleItem-title {
	font-size: 1.25rem; /* 20px */
}
.OCM_Modules.latestNews,
.itemsBlock,
#ocm_moduleposition-1 {
    margin: 5px 0 0;
}
@media (min-width: 992px) {
    .OCM_Modules.latestNews,
    .itemsBlock,
    #ocm_moduleposition-1 {
        margin: 15px 0 0;
    }
}
.DevelopingStory-title {
    background-color: rgba(29, 29, 27, 0.4);
}
.HomepageFeatured .ArticleTitle-title {
    display: block;
    margin: 6px 0 12px 0;
}
.Timestamp {
    font-family: 'liberation_sanslight';
    font-size: 11px;
    color: #222;
}
.HomepageHero .ArticleTitle-title a:hover {
    text-decoration: underline;
}
.HomepageHero .Timestamp {
    color: #fff;
}
.subhomepage .HomepageHero .Timestamp {
    color: #666;
}
.OCM_Modules .items-2 .ArticleItem-title {
    font-family: 'liberationlight';
}
.o2 .OCM_Modules .items-2 .ArticleItem-title {
    font-family: 'graphiklight';
}
.HomepageNews .items-1 div.item:nth-child(2n+1) {
    clear: left;
}
.o2 .HomepageNews .items-1 div.item:nth-child(2n+1) {
    clear: none;
}

/* FIXED title heights (2-3-4 rows) */
/*.OCM_Modules .HomepageNews .ArticleItem--author .ArticleItem-title {
    height: 3.4125rem;
    overflow: hidden;
}
.OCM_Modules .HomepageNews .items-2 .ArticleItem--author .ArticleItem-title {
    height: auto;
    max-height: 6.5rem;
    overflow: hidden;
}*/
@media (min-width: 992px) {
    /*.HomepageFeatured .ArticleTitle-title {
        max-height: 6.25rem;
        overflow: hidden;
    }*/
}

/* home default_1_bih */
.OCM_Modules .ListingHeader,
.subcategoryItems .ListingHeader,
.recommended-news-o2-subcategory .ListingHeader {
    margin: 35px 0 15px;
}
.o2.itemListView .multimedia-news .ListingHeader {
    margin: 0 0 15px;
}

/* Ankete rezultati */
.Widget-results .Widget-row {
    padding-right: 0;
}
.Widget-results  {
    font-family: 'liberation_sanslight';
    text-transform: uppercase;
    font-size: 14px;
}
.Widget-results .Widget-row {
    margin: 0;
}
.Widget-results .totalVotes {
    /*margin: 15px 0 35px;*/
    margin: 15px 0 0;
}
.Widget-results .lastRows {
    padding-right: 15px;
}
.Widget-results.sppoll-results p.alert {
    margin: 0 20px;
}
.Widget-yesterday-results .Widget-content--alt .Widget-row h3 {
    margin-bottom: 10px;
}
.Widget-yesterday-results .totalVotes + .lastRows {
    display: none;
}

/* homebox O2 */
.homebox-O2 h2.ArticleItem-title {
    font-family: 'liberationlight';
    font-size: 1.375rem;
}

/* Kolumne Homepage */
.Column-item .AuthorImage {
    background: #999;
    max-width: 106px;
    /*min-height: 138px;*/
    position: relative;
}
/* njihove slike dolaze već s tom ikonom
.Column-item .AuthorImage:before {
    content: "";
    display: block;
    width: 19px;
    height: 35px;
    background: url('../images/cssimg/custom-icons.png') 0 -120px;
    position: absolute;
    left: 0;
    bottom: 0;
}*/
.OCM_Modules .Column-item h2.ArticleItem-title {
    font-family: 'liberationlight';
    font-size: 1.3125rem;
    margin: 14px 0 5px;
}
.AuthorName {
    display: block;
    font-family: 'liberation_sansmedium';
    font-size: 0.8125rem;
    text-transform: uppercase;
    color: #ff0000;
    margin-bottom: 5px;
}

/* back to top */
.back-to-top {
    color: #ed1f24;
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #ed1f24;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*background: url('../images/cssimg/custom-icons.png') 0 -160px;*/
    margin: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}
.back-to-top.reveal {
    filter: alpha(opacity=100);
    opacity: 1;
}
.back-to-top:hover,
.back-to-top:focus {
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.back-to-top .fa {
    font-size: 30px;
    padding: 6px 8px;
}
.back-to-top.reachBottom {
    bottom: 310px;
}
@media (min-width: 48em) {
    .back-to-top.reachBottom {
        bottom: 250px;
    }
}
@media (min-width: 62em) {
    .back-to-top.reachBottom {
        bottom: 190px;
    }
}

/* footer top Menu */
.footer-topMenu {
    padding: 80px 0 18px;
}
.footer-topMenu ul {
    overflow: hidden;
}
.footer-topMenu ul li {
    float: left;
    font-family: 'liberationblack';
    font-size: 1.1875rem;
    padding-right: 24px;
}
.footer-topMenu ul li a {
    color: #666;
}
.footer-topMenu ul li a:hover,
.footer-topMenu ul li a:focus {
    color: #ff0000;
}

/* footer Logo white */
.footer-logo {
    width: 111px;
    height: 17px;
    display: inline-block;
    background: url('../images/cssimg/logo-white-small.png');
}
.Footer-bottom .Social {
    position: absolute;
    right: 8px;
}
@media (max-width: 767px) {
    .Footer-bottom .Social {
        top: 5px;
    }    
}
@media (min-width: 768px) and (max-width: 991px) {
    .Footer-bottom .Social {
        top: 20px;
    }
}

/* footer bottom Menu */
.footer-bottomMenu {
    display: inline-block;
    margin-left: -8px;
}
@media (min-width: 62em) {
    .footer-bottomMenu {
        margin-left: 0;
    }
}
.footer-bottomMenu ul {
    overflow: hidden;
}
.footer-bottomMenu ul li:before {
    content: "|";
    padding: 0 8px;
}
.footer-bottomMenu ul li:first-child:before {
    content: "";
    padding: 0 0 0 8px;
}
@media (min-width: 80em) {
    .footer-bottomMenu ul li:first-child:before {
        padding: 0 0 0 15px;
    }
}
.footer-bottomMenu ul li {
    float: left;
    font-size: 0.75rem;
    text-transform: uppercase;
}
.footer-bottomMenu ul li a {
    color: #fff;
}
.footer-bottomMenu ul li a:hover,
.footer-bottomMenu ul li a:focus {
    color: #ff0000;
}

/* footer - redakcija & copyright */
.Footer-bottom .upper-row {
    padding-bottom: 20px;
}
.Footer-bottom .bottom-row {
    font-size: 0.75rem;
}
.copyright-row {
    font-family: 'liberation_sansregular';
    text-transform: uppercase;
    text-align: right;
}
.bottom-row .clabel {
    text-transform: uppercase;
    display: inline-block;
    min-width: 70px;
}
.bottom-row .tel {
    padding-right: 8px;
}
.bottom-row .mail2 {
    font-size: 0.8125rem;
}
@media (max-width: 767px) {
    .bottom-row .custom {
        margin: 20px 0;
    }
}

/* subhomepage Vijesti */
.introText {
    font-family: 'liberationlight';
    font-size: 0.875rem;
    line-height: 1.2;
    color: #000;
    margin-bottom: 6px;
}
.introText.size16 {
    font-size: 1rem;
}
.introText.size22 {
    font-size: 1.375rem;
}
.introText p {
    margin: 0;
}
.subhomepage .HomepageFeatured .ArticleTitle-title {
    line-height: 1.2;
    margin: 0 0 6px;
}
.subhomepage .HomepageNews .ArticleItem-title {
    margin: 1px 0 4px;
}

/* Most Popular - Najcitanije */
.MostPopular {
    padding: 50px 0 15px;
}
.vijesti.itemView .MostPopular {
    padding: 0 0 15px;
}
.MostPopular-inner {
    background: #e4e4e4;
}
.MostPopular-container {
    padding: 0 15px 20px 20px;
}
.MostPopular .ArticleItem-title {
    font-family: 'liberationlight';
    font-size: 1.125rem;
    line-height: 1.2;
    margin-bottom: 5px;
}
.MostPopular-item:first-child .BreadcrumbsListing {
    margin-top: 0;
}
.MostPopular .symbol-O {
    padding: 36px 0 25px 15px;
}
.MostPopular-item {
    margin-top: 15px;
}
.MostPopular-container .MostPopular-item:first-child {
    margin-top: 0;
}
.MostPopular.dosjei .BreadcrumbsListing {
    display: none;
}
.MostPopular.dosjei .Authors-block {
    display: block;
}

/* Most Popular - Najcitanije - from ALL categories - whole website */
.all.MostPopular {
    margin: 0 0 16px;
}
.all.MostPopular .Authors-block {
    display: block;
}
.all.MostPopular .ArticleCategory {
    display: none;
}

/* Rasporedi Header */
.schedule-link .ListingHeader-title {
    font-family: 'liberation_textregular';
}
.o2 .OCM_Modules .schedule-link .ListingHeader.plainHeader {
    margin: 0 0 50px;
}

/* Infolink Header (Sarajevo Info Servis) */
.infolink {
    margin-bottom: 45px;
}
.infolink .schedule-link .ListingHeader-title {
    font-family: "liberationblack";
}
.infolink .link-Description {
    font-family: 'liberationlight';
    font-size: 1.3125rem;
}

/* Block Image Header */
.blockImageHeader {
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
}
.blockImageHeader a {
    color: #fff;
}
.blockImageHeader a:hover,
.blockImageHeader a:focus {
    color: #ff0000;
}
.blockImageHeader .old-focus {
    border-bottom: 0 none !important;
}
.blockImageHeader .old-focus:after {
    padding-top: 14%;
}
.blockImageHeader .blockImageTitle {
    font-family: "liberationblack";
    font-size: 3.5rem;
    line-height: 1.34;
    text-transform: lowercase;
    padding: 0 0 90px;
    color: #fff;
    word-wrap: break-word;
}
@media (min-width: 480px) {
    .blockImageHeader .blockImageTitle {
        font-size: 4.5rem;
    }
}
.customImageHeaderLink {
    margin: 30px 0;
}
.customImageHeaderLink .blockImageTitle {
    padding: 0 2% 73px 2%;
}
.OCM_Modules .blockImageHeader,
.subcategoryItems .blockImageHeader,
.recommended-news-o2-subcategory .blockImageHeader {
    margin: 35px 0 15px;
}

/* plain Header */
.plainHeader .ListingHeader-title,
.plainHeader .blockImageTitle {
    padding: 0 0 5px 0;
    min-height: 0;
    border-bottom: 1px solid #000;
}
.plainHeader .blockImageTitle {
    padding: 0;
}
.plainHeader .ListingHeader-title:before {
    border: 0 none;
}
.plainHeader .ListingHeader-title a,
.plainHeader .blockImageTitle a {
    color: #000;
}
.plainHeader .ListingHeader-title a:hover,
.plainHeader .ListingHeader-title a:focus,
.plainHeader .blockImageTitle a:hover,
.plainHeader .blockImageTitle a:focus {
    color: #ff0000;
}

/* Dosjei subpage */
.dosjei .OCM_Modules h1,
.dosjei .OCM_Modules h2 {
    font-family: 'liberationmedium';
}
.dosjei .plainHeader .ListingHeader-title,
.dosjei .plainHeader .blockImageTitle {
    font-family: 'liberationlight';
}
/*.dosjei .ArticleAuthor-wrapButton,
.ArticleAuthor-followButton {
    display: none;
}*/

/* subhomepage O2 */
.ListingHeader-logo-o2 {
    display: none;
    width: 107px;
    height: 186px;
    float: left;
    background: url('../images/cssimg/custom-icons.png') no-repeat -130px -40px;
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
}
@media (min-width: 480px) {
    .ListingHeader-logo-o2 {
        display: block;
    }
}
.homebox-O2 .ListingHeader-logo-o2 {
    display: block;
    margin: 0;
}
.o2 .ListingHeader-background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 40%;
    background: -webkit-linear-gradient(to left, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0) 30%, rgba(1, 1, 1, 0.45) 100%);
    background: -moz-linear-gradient(to left, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0) 30%, rgba(1, 1, 1, 0.45) 100%);
    background: -o-linear-gradient(to left, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0) 30%, rgba(1, 1, 1, 0.45) 100%);
    background: -ms-linear-gradient(to left, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0) 30%, rgba(1, 1, 1, 0.45) 100%);
    background: linear-gradient(to left, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0) 30%, rgba(1, 1, 1, 0.45) 100%);
    background-color: rgba(0, 0, 0, 0);
}
.o2.ListingHeader-title {
    padding-bottom: 0;
}
.ListingHeader-title-name {
    display: block;
}
@media (min-width: 768px) {
    .ListingHeader-title-name {
        float: left;
        padding-left: 50px;
    }
}

.o2.subhomepage h1,
.o2.itemView h1,
.o2.subhomepage h2,
.o2.itemView h2 {
    font-family: 'graphiklight';
}
.o2 h1 {
    font-size: 2.875rem;
}
.o2 h2 {
    font-size: 1.5rem;
    margin: 1px 0 6px;
}
.o2 .BreadcrumbsListing {
    margin-top: 6px;
}
.o2 .MostPopular {
    margin-top: 0;
}
.o2.subhomepage .MostPopular .old-focus,
.o2.itemView .MostPopular .old-focus {
    border: 0 none;
}
.o2 .MostPopular .ArticleItem-title {
    font-family: 'liberationblack';
    font-size: 1rem;
    margin-top: 6px;
}
.o2 .MostPopular .ArticleItem-title a {
    color: #959595;
}
.o2 .MostPopular .Timestamp {
    color: #959595;
    margin-bottom: 6px;
}
.o2 .MostPopular-container .MostPopular-item {
    margin-top: 25px;
}
.o2 .MostPopular-container .MostPopular-item:first-child {
    margin-top: 0;
}
.o2 .HomepageHero {
    border-bottom: 8px solid #999;
}
.o2 .HomepageFeatured .ArticleTitle--hero {
    padding: 5px 0 7px;
}
.o2 .HomepageHero .BreadcrumbsListing-item.topCategory .BreadcrumbsListing-link {
    color: #fff;
}
.o2.subhomepage .HomepageHero .Timestamp {
    color: #fff;
    font-family: 'liberation_sansmedium';
    font-size: 12px;
}
.o2 .old-focus.HomepageNewsImg::after {
    padding-top: 54%;
}
.o2.subhomepage .old-focus,
.o2.itemView .old-focus {
    border-bottom: 8px solid #999;
}
.o2 .OCM_Modules.latestNews,
.o2 .HomepageNews {
    margin-top: 18px;
}
.o2 .HomepageFeatured .HomepageNews .ArticleItem {
    margin-bottom: 25px;
}
.o2 .HomepageFeatured .HomepageNews .ArticleItem-title {
    font-size: 1.5rem;
}
.o2 .smallItems .HomepageNews {
    margin-top: 0;
}
.o2 .smallItems .HomepageNews .ArticleItem {
    margin-bottom: 30px;
}
.o2 .smallItems .old-focus.HomepageNewsImg:after {
    padding-top: 66%;
}
.o2 .smallItems .HomepageNews .ArticleItem-title {
    font-size: 1.25rem;
}
.o2 .plainHeader .ListingHeader-title {
    font-size: 3.375rem;
    border-bottom: 8px solid #000;
}
.o2 .BreadcrumbsListing-item.topCategory .BreadcrumbsListing-link {
    color: #636363;
}
.o2-rubric .ArticleItem {
    margin-bottom: 28px;
}
.o2 .OCM_Modules .ListingHeader.plainHeader {
    margin: 18px 0 35px;
}

/* O2 boja rubrike - KULTURA */
.o2 .kultura.HomepageHero,
.o2 .kultura .old-focus {
    border-color: #DC6826;
}
.o2 .kultura .ArticleItem-title a {
    color: #DC6826;
}
.o2 .kultura.plainHeader .ListingHeader-title a {
    color: #DC6826;
}
.o2 .kultura.plainHeader .ListingHeader-title {
    border-color: #DC6826;
}
.footer-topMenu ul li.kultura a {
    color: #DC6826;
}
.o2 .kultura .ArticleHeader-title {
    background: #DC6826;
}

/* O2 boja rubrike - ŽIVOT */
.o2 .zivot.HomepageHero,
.o2 .zivot .old-focus {
    border-color: #990066;
}
.o2 .zivot .ArticleItem-title a {
    color: #990066;
}
.o2 .zivot.plainHeader .ListingHeader-title a {
    color: #990066;
}
.o2 .zivot.plainHeader .ListingHeader-title {
    border-color: #990066;
}
.footer-topMenu ul li.zivot a {
    color: #990066;
}
.o2 .zivot .ArticleHeader-title {
    background: #990066;
}

/* O2 boja rubrike - TEHNOLOGIJA */
.o2 .tehnologija.HomepageHero,
.o2 .tehnologija .old-focus {
    border-color: #2d02d0;
}
.o2 .tehnologija .ArticleItem-title a {
    color: #2d02d0;
}
.o2 .tehnologija.plainHeader .ListingHeader-title a {
    color: #2d02d0;
}
.o2 .tehnologija.plainHeader .ListingHeader-title {
    border-color: #2d02d0;
}
.footer-topMenu ul li.tehnologija a {
    color: #2d02d0;
}
.o2 .tehnologija .ArticleHeader-title {
    background: #2d02d0;
}

/* O2 boja rubrike - SHOWBIZ */
.o2 .showbiz.HomepageHero,
.o2 .showbiz .old-focus {
    border-color: #0099CC;
}
.o2 .showbiz .ArticleItem-title a {
    color: #0099CC;
}
.o2 .showbiz.plainHeader .ListingHeader-title a {
    color: #0099CC;
}
.o2 .showbiz.plainHeader .ListingHeader-title {
    border-color: #0099CC;
}
.footer-topMenu ul li.showbiz a {
    color: #0099CC;
}
.o2 .showbiz .ArticleHeader-title {
    background: #0099CC;
}

/* O2 boja rubrike - RODNI KRAJ */
.o2 .rodni-kraj.HomepageHero,
.o2 .rodni-kraj .old-focus {
    border-color: #04545E;
}
.o2 .rodni-kraj .ArticleItem-title a {
    color: #04545E;
}
.o2 .rodni-kraj.plainHeader .ListingHeader-title a {
    color: #04545E;
}
.o2 .rodni-kraj.plainHeader .ListingHeader-title {
    border-color: #04545E;
}
.footer-topMenu ul li.rodni-kraj a {
    color: #04545E;
}
.o2 .rodni-kraj .ArticleHeader-title {
    background: #04545E;
}

/* O2 boja rubrike - AUTO */
.o2 .auto.HomepageHero,
.o2 .auto .old-focus {
    border-color: #22B573;
}
.o2 .auto .ArticleItem-title a {
    color: #22B573;
}
.o2 .auto.plainHeader .ListingHeader-title a {
    color: #22B573;
}
.o2 .auto.plainHeader .ListingHeader-title {
    border-color: #22B573;
}
.footer-topMenu ul li.auto a {
    color: #22B573;
}
.o2 .auto .ArticleHeader-title {
    background: #22B573;
}

/* O2 boja when Category is directly O2 */
.o2.subhomepage .o2.HomepageHero,
.o2.itemView .o2.HomepageHero,
.o2.subhomepage .o2.ArticleItem .old-focus,
.o2.itemView .o2.ArticleItem .old-focus {
    border-color: #e6a801;
}
.o2.subhomepage .o2.ArticleItem .ArticleItem-title a,
.o2.itemView .o2.ArticleItem .ArticleItem-title a {
    color: #e6a801;
}
.o2 .o2.plainHeader .ListingHeader-title a {
    color: #e6a801;
}
.o2 .o2.plainHeader .ListingHeader-title {
    border-color: #e6a801;
}
.footer-topMenu ul li.o2 a {
    color: #e6a801;
}
.o2 .o2 .ArticleHeader-title {
    background: #e6a801;
}

/* o2 box-Multimedia */
.box-Multimedia {
    background: #000;
    padding-top: 13px;
}
.box-Multimedia .BreadcrumbsListing-item.topCategory .BreadcrumbsListing-link {
    color: #fff;
}
.o2 .box-Multimedia .ArticleItem-title a {
    color: #fff;
}
.o2 .box-Multimedia .ArticleItem-title a:hover,
.o2 .box-Multimedia .ArticleItem-title a:focus {
    color: #ff0000;
    text-decoration: underline;
}
.box-Multimedia .Timestamp {
    color: #fff;
}

/* o2 box-Recommended and o2 box-Multimedia */
.o2 .box-Recommended h2.ArticleItem-title,
.o2 .box-Multimedia h2.ArticleItem-title {
    font-size: 1.25rem;
    line-height: 1.375rem;
}
@media (min-width: 768px) {
    .o2 .box-Recommended h2.ArticleItem-title,
    .o2 .box-Multimedia h2.ArticleItem-title {
        font-size: 1rem;
        line-height: 1.25rem;
    }
}
@media (min-width: 992px) {
    .o2 .box-Recommended h2.ArticleItem-title,
    .o2 .box-Multimedia h2.ArticleItem-title {
        font-size: 1.125rem;
        line-height: 1.25rem;
    }
}
@media (min-width: 1280px) {
    .o2 .box-Recommended h2.ArticleItem-title,
    .o2 .box-Multimedia h2.ArticleItem-title {
        font-size: 1.25rem;
        line-height: 1.375rem;
    }
}

/* Article Vijesti */
.ArticleContentColumns .container .row .col-md-6 {
    min-height: 690px; /* za sva 3 tipa clanka isto */
}
.ArticleHeader-title {
    background: #e4e4e4;
}
.dateTime {
    font-family: 'liberationlight';
    font-size: 1.3125rem;
    line-height: 1.5625rem;
    margin: 0 0 20px;
    overflow: hidden;
}
.itemView .ArticleTitle-title {
    font-size: 3rem;
    line-height: 1.1;
    margin: 20px 0;
}
@media (min-width: 992px) {
    .dateTime {
        margin: 42px 0 20px;
    }
}
@media (min-width: 1280px) {
    .itemView .ArticleTitle-container {
        min-height: 169px;
    }
    .itemView .ArticleTitle-title {
        position: absolute;
        bottom: 0;
        margin: 40px 0 20px;
    }
    .itemView .ArticleTitle-container.longTitle {
        min-height: 0;
    }
    .itemView .longTitle .ArticleTitle-title {
        position: static;
        margin: 20px 0;
    }
}
.introtext-subtitle {
    font-family: 'liberationregular';
    font-size: 1.3125rem;
    line-height: 1.6875rem;
}
.introtext-subtitle,
.introtext-subtitle p {
    margin: 15px 0;
}
.Article-imageSource {
    font-family: 'liberation_sanslight';
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #4d4d4d;
    margin: 3px 0;
}
.ArticleBox1,
.ArticleBox2 {
    font-family: 'liberation_textbold';
    font-style: italic;
    font-size: 1.125rem;
    padding-right: 10px;
    margin-bottom: 35px;
}
.ArticleBox2 {
    margin-top: 0;
}
@media (min-width: 992px) {
    .ArticleBox2 {
        margin-top: 600px;
    }
}
.share-article {
    display: block;
    height: 29px;
    line-height: 29px;
    font-family: 'liberation_sansmedium';
    font-size: 1.1875rem;
    color: #808080;
    cursor: pointer;
}
.social-right {
    float: right;
}
.social-left {
    float: left;
}
.social-Share-Buttons.social-none {
    margin-bottom: 20px;
}
.social-Share-Buttons .dropdown-menu {
    top: 35px;
    padding: 5px 10px 10px;
    /*min-width: 138px;*/
    min-width: 176px;
}
.itemToolbar .share-article {
}
.itemToolbar .social-Share-Buttons {
    margin-top: 10px;
    /*top: 45px;*/
}
.social-Share-Buttons.social-right .dropdown-menu {
    left: auto;
    right: -10px;
}
.social-Share-Buttons.social-left .dropdown-menu {
    left: -10px;
    right: auto;
}
.social-Share-Buttons.social-none .dropdown-menu {
    left: -10px;
    right: auto;
}
.social-Share-Buttons .rawIcon {
    display: block;
    float: left;
    font-size: 2rem;
    line-height: 2rem;
    margin: 0 5px;
}
.rawIcon.viber {
    width: 27px;
    height: 27px;
    margin-top: 5px;
    background-image: url('../images/cssimg/custom-icons.png');
    background-position: 3px -667px;
    background-color: #4a4a4a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.rawIcon.viber:hover,
.rawIcon.viber:focus {
    background-color: #ff0000;
}
.SocialHorizontal .fa:hover,
.SocialHorizontal .fa:focus {
    color: #ff0000;
}
.share-icon {
    display: inline-block;
    width: 30px;
    height: 29px;
    float: left;
    background: url('../images/cssimg/custom-icons.png') no-repeat 0 -280px;
    margin-right: 10px;
}
.itemView .MostPopular .BreadcrumbsListing,
.itemView .MostPopular .ArticleCategory {
    /*display: none;*/
}
.itemView .MostPopular .Authors-block {
    display: block;
}
.ArticleContent h4 {
    font-family: 'liberation_textbold';
    margin-top: 26px;
    margin-bottom: 10px;
}
.teaserTextLocked {
    margin-bottom: 50px;
}
.vijesti .itemToolbar {
    margin-bottom: 15px;
}
@media (min-width: 992px) and (max-width: 1279px) {
    .vijesti .fontResizer {
        float: left;
        padding-left: 0;
    }
}

/* Embeds in article */
.Article-centralEmbed {
    margin: 40px 0 30px;
}

/* recommended-news */
.bigFont .LargeTitle--homepage {
    font-size: 2.375rem;
    line-height: 2rem;
    height: 2rem;
    margin-bottom: 15px;
    border-color: #020202;
}
.box-Recommended .BreadcrumbsListing {
    margin-top: 15px;
}
.box-Recommended .ArticleItem--author .ArticleItem-title {
    margin: 2px 0 6px;
}
.recommended-news {
    margin-top: 45px;
}
.recommended-news,
.rest-news,
.itemRelated {
    margin-bottom: 30px;
}
.box-Recommended h2.ArticleItem-title {
    font-size: 1.525rem;
    line-height: 1.775rem;
}
@media (min-width: 768px) {
    .box-Recommended h2.ArticleItem-title {
        font-size: 1rem;
        line-height: 1.25rem;
    }
}
@media (min-width: 992px) {
    .box-Recommended h2.ArticleItem-title {
        font-size: 1.25rem;
        line-height: 1.375rem;
    }
}
@media (min-width: 1280px) {
    .box-Recommended h2.ArticleItem-title {
        font-size: 1.375rem;
        line-height: 1.525rem;
    }
}

/* Article Error pages */
.error-pages.itemView .ArticleTitle-container {
    min-height: 0;
}
.error-pages.itemView .ArticleTitle-title {
    position: static;
    margin: 40px 0;
}

/* Article Dosjei */
.dosjei.itemView .ArticleHeader-title {
    background: #808080;
}
.dosjei.itemView .ArticleTitle-title {
    font-family: 'liberationregular';
    color: #fbfafa;
    padding-right: 100px;
}
.dosjei.itemView .ArticleHeader-title .BreadcrumbsListing-item.topCategory .BreadcrumbsListing-link {
    color: #fbfafa;
}
.dosjei .ReadingTime {
    position: absolute;
    right: 0;
    bottom: 20px;
}
.dosjei .ReadingTime span span {
    color: #fff;
}
.ArticleAuthor-text .ArticleAuthor-wrapButton {
    margin-top: 10px;
}
.reactions {
    padding-top: 36px;
}
.dosjei .box-Recommended .ArticleItem .ArticleItem-title {
    font-family: 'liberationlight';
}
.fontResizer {
    color: #808080;
    float: right;
    padding-left: 38px;
}
#fontDecrease span {
    font-size: 1.375rem;
}
#fontIncrease span {
    font-size: 1.875rem;
}
.decreaseDivider {
    font-size: 1.875rem;
    padding: 0 3px;
}
#fontDecrease,
#fontIncrease {
    color: #808080;
}
#fontDecrease:hover,
#fontIncrease:hover {
    color: #ff0000;
}
.defaultFontSize {
    font-size: 87.5%;
}
.increaseFontSize {
    font-size: 125%;
    line-height: 165%;
}
.itemView .MostPopular.dosjei {
    padding-top: 14px;
}
.dosjei .ArticleContent p:first-child:first-letter {
    margin: 8px 6px 0 0;
    float: left;
    font-size: 4.375rem;
    line-height: 4.375rem;
}
@media (max-width: 767px) {
    .dosjei .ArticleAuthor .PersonImage {
        width: 60px;
        height: 60px;
    }
}
.dosjei .ArticleAuthor {
    margin-bottom: 35px;
}
.dosjei .ArticleContent h5 {
    font-family: 'liberation_textblack';
    margin-top: 14px;
    margin-bottom: 8px;
}
.dosjei .itemToolbar-mobile {
    display: block;
}
.dosjei .itemToolbar-desktop {
    display: none;
}
@media (min-width: 992px) {
    .dosjei .itemToolbar-mobile {
        display: none;
    }
    .dosjei .itemToolbar-desktop {
        display: block;
    }
}

/* Article O2 */
.o2.itemView .ArticleHeader-title .parent .BreadcrumbsListing {
    margin: 48px 0 15px;
}
.o2.itemView .ArticleHeader-title .child .BreadcrumbsListing {
    margin: 15px 0 15px;
}
.o2.itemView .ArticleHeader-title .BreadcrumbsListing-item.topCategory .BreadcrumbsListing-link {
    font-family: 'liberation_sanslight';
    font-size: 1.5rem;
}
.o2.itemView .ArticleHeader-title .parent .BreadcrumbsListing-item.topCategory .BreadcrumbsListing-link {
    color: #fff;
}
.o2.itemView .ArticleHeader-title .child .BreadcrumbsListing-item.topCategory .BreadcrumbsListing-link {
    color: #fff;
    font-family: 'liberationblack';
    text-transform: lowercase;
    font-size: 2rem;
}
.o2.itemView .ArticleHeader-title .ArticleCategory.parent {
    margin: 48px 0 7px;
}
.o2.itemView .ArticleHeader-title .ArticleCategory.child {
    margin: 7px 0 15px;
}
.o2.itemView .ArticleHeader-title .ArticleCategory.only-child {
    margin: 48px 0 15px;
}
.o2.itemView .ArticleHeader-title .ArticleCategory.parent a {
    color: #fff;
    font-family: 'liberation_sanslight';
    font-size: 1.5rem;
}
.o2.itemView .ArticleHeader-title .ArticleCategory.child a {
    color: #fff;
    font-family: 'liberationblack';
    text-transform: lowercase;
    font-size: 2rem;
}
.o2 .ArticleHeader-title {
    color: #fff;
    margin-bottom: 16px;
}
@media (min-width: 1280px) {
    .o2.itemView .ArticleTitle-container {
        min-height: 216px;
    }
    .o2.itemView .ArticleTitle-container.longTitle {
        min-height: 0;
    }
}
.o2.itemView .ArticleTitle-title {
    margin: 40px 0 48px;
}
.o2 .dateTime {
    font-family: 'liberation_sanslight';
    font-size: 1.5rem;
    line-height: 1.875rem;
    text-transform: lowercase;
    margin: 0 0 48px;
}
.o2 .Article-imageSource {
    color: #000;
    margin: 9px 0;
}
.o2 .Article-centralEmbed .Article-imageSource {
    margin: 5px 0;
}
.o2.itemView .Widget {
    margin-top: 0;
}
.o2 .ReadingTime {
    float: left;
    font-family: 'liberationmedium';
    color: #808080;
    font-size: 1.1875rem;
    margin-right: 30px;
}
.o2 .ReadingTime .fa {
    margin: 0 5px 0 0;
}
.o2 .itemToolbar {
    margin-bottom: 28px;
}
.o2 .ArticleContent {
    font-size: 1.25rem;
    line-height: 2.0625rem;
}
.o2 .Article-centralEmbed {
    margin: 20px 0;
}
.o2.itemView .MostPopular {
    width: 65%;
    float: right;
    margin-bottom: 30px;
}
.o2.itemView .MostPopular .Authors-block {
    display: none;
}
.o2 .MostPopular + .halfpage {
    float: left;
}
.o2.itemView .ListingHeader {
    margin: 35px 0 15px;
}
.o2.itemView .bigFont .LargeTitle--homepage {
    font-size: 1.5rem;
    height: 23px;
    margin-bottom: 0;
    border-color: #9f9f9f;
}

/* Article INFO-SERVIS */
.info-servis .ArticleContent {
    font-family: 'liberationregular';
    font-size: 0.9375rem;
}
.info-servis .ArticleContent h3 {
    font-family: 'liberation_textbold';
    font-size: 1.5rem;
    margin: 0 0 13px;
}
.info-servis .ArticleContent p {
    margin-bottom: 20px;
}

/* Article HOROSKOP */
.horoskop.o2 .ArticleHeader-title {
    background: none;
    color: #999;
    border-bottom: 8px solid #999;
    margin-bottom: 48px;
}
.horoskop.itemView .ArticleTitle-title {
    position: static;
    font-family: 'liberationblack';
    font-size: 4.125rem;
    text-transform: lowercase;
    margin: 0 0 12px;
}
.horoskop.o2.itemView .ArticleCategory.parent a {
    color: #999;
}
.horoskop.o2 .dateTime {
    font-family: 'liberationblack';
    font-size: 1.25rem;
    margin: 26px 0;
}
.horoskop.o2 .dateTime .day-txt:first-letter {
    text-transform: uppercase;
}
.horoskop.o2 .itemToolbar {
    margin-bottom: 45px;
}
.zivot.horoskop.o2 .ArticleHeader-title {
    color: #990066;
    border-bottom: 8px solid #990066;
}
.zivot.horoskop.o2.itemView .ArticleCategory.parent a {
    color: #990066;
}
.zodiac-sign {
    padding-left: 196px;
    position: relative;
    margin-bottom: 45px;
}
.zodiac-sign:before {
    content: "";
    width: 180px;
    height: 190px;
    background: url('../images/cssimg/zodiac.png') no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.zodiac-name,
.zodiac-date {
    font-family: 'graphiklight';
}
.zodiac-name {
    font-size: 2.875rem;
    color: #990066;
}
.zodiac-date {
    font-size: 1.25rem;
    color: #4d4d4d;
}
.ovan:before {
    background-position: 0 0;
}
.bik:before {
    background-position: -180px 0;
}
.blizanci:before {
    background-position: -360px 0;
}
.rak:before {
    background-position: -540px 0;
}
.lav:before {
    background-position: 0 -190px;
}
.djevica:before {
    background-position: -180px -190px;
}
.vaga:before {
    background-position: -360px -190px;
}
.skorpija:before {
    background-position: -540px -190px;
}
.strijelac:before {
    background-position: 0 -380px;
}
.jarac:before {
    background-position: -180px -380px;
}
.vodolija:before {
    background-position: -360px -380px;
}
.ribe:before {
    background-position: -540px -380px;
}

/* Article KINO RASPORED (.kultura.horoskop) */
.kultura.horoskop.o2 .ArticleHeader-title {
    color: #dc6826;
    border-bottom: 8px solid #dc6826;
}
.kultura.horoskop.o2.itemView .ArticleCategory.parent a {
    color: #dc6826;
}
.kultura.horoskop.o2 .ArticleContent h2 {
    font-family: "liberationblack";
    margin-bottom: 30px;
}
.kultura.horoskop.o2 .ArticleContent h3 {
    font-family: 'graphikregular';
    font-size: 1.5rem;
    text-transform: none;
    margin: 0 0 20px;
}
.kultura.horoskop.o2 .ArticleContent h3 {
    color: #dc6826;
    font-weight: bold;
    letter-spacing: -1.5px;
    margin: 0 0 10px;
}
.kultura.horoskop.o2 .ArticleContent h4 {
    font-family: 'liberation_textregular';
    font-size: 1.8125rem;
    margin: 25px 0 20px;
}
.kultura.horoskop.o2 .ArticleContent h5 {
    font-family: 'liberation_textregular';
    font-size: 1.3125rem;
    margin: 0 0 8px;
}
.kultura.horoskop.o2 .ArticleContent {
    font-family: 'graphiklight';
    font-size: 1.25rem;
}
.kultura.horoskop.o2 .ArticleContent p {
    margin: 0 0 10px;
}
.kultura.horoskop.o2 .ArticleContent p.bold {
    font-family: 'liberation_sansmedium';
    font-size: 1.25rem;
}
.kultura.horoskop.o2 .ArticleContent .row {
	padding-bottom: 20px;
	font-size: 1rem;
	line-height: 1.25rem;
}

/* Article SMRTOVNICA */
.smrtovnice.itemView .dateTime {
    margin: 42px 0 20px;
}
.smrtovnice.itemView .day-txt {
    text-transform: lowercase;
}
@media (min-width: 1200px) and (max-width: 1279px) {
    .smrtovnice.itemView .smrtovnicaContainer {
        width: 80%;
    }
}

/* Category SVIJET etc. */
.subhomepage .rest-news .ArticleItem-title {
    font-family: 'liberationlight';
}
.subhomepage .rest-news .LargeTitle {
    font-family: 'liberationblack';
    font-size: 4.5rem;
    line-height: 1.2;
    height: auto;
}

/* Category SARAJEVO */
.ListingHeader-title.sarajevo {
    padding-bottom: 414px; 
}

/* Category Link everywhere */
.ArticleCategory {
    margin-top: 6px;
}
.ArticleCategory a,
.topRedLabel {
    display: block;
    font-family: "liberation_sansmedium", Arial, Helvetica, sans-serif;
    font-size: 0.8125rem;
    line-height: 1.2;
    color: #ff0000;
    text-transform: uppercase;
}
.o2.subhomepage .ArticleCategory a,
.o2.itemView .ArticleCategory a {
    color: #636363;
}
.box-Multimedia .ArticleCategory a {
    color: #fff;
}
.MostPopular.dosjei .ArticleCategory a {
    display: none;
}
.itemView .ArticleHeader-title .ArticleCategory {
    margin-top: 26px;
}
.itemView .ArticleHeader-title .ArticleCategory a {
    font-family: "liberation_sansregular", Arial, Helvetica, sans-serif;
    font-size: 1.5625rem;
    color: #2a2a2a;
}
.o2 .HomepageHero .ArticleCategory a,
.dosjei.itemView .ArticleHeader-title .ArticleCategory a {
    color: #fff;
}

/* Listing Author = Lista clanaka - kolumnist */
.listing-articles-Author {
    margin-top: 30px;
}
.AuthorInfo-imageButtons {
    font-family: 'liberation_sansmedium';
    font-size: 0.8125rem;
    margin-bottom: 95px;
    text-align: right;
    text-transform: lowercase;
}
.AuthorInfo-imageButtons .PersonImage {
    margin-bottom: 8px;
}
.AuthorInfo-imageButtons a,
.AuthorInfo-imageButtons span {
    display: block;
    padding: 2px 0;
}
.authorName {
    font-family: 'liberation_sansregular';
    font-size: 1.375rem;
    color: #595959;
    text-transform: uppercase;
}
.AuthorExtendedInfo {
    font-family: 'liberationlight';
    font-size: 1.1875rem;
    line-height: 1.2;
    padding: 25px 0 20px;
}
.Author-border-bottom {
    border-bottom: 1px solid #020202;
    margin-bottom: 18px;
}
.rest-Articles form {
    display: none;
}
.oslo-ArticleItem-left {
    float: left;
    width: 27%;
    min-height: 1px;
    margin-right: 2%;
}
.oslo-ArticleItem-left .Timestamp {
    display: none;
}
.ListingArticles .ArticleItem {
    overflow: hidden;
}
.oslo-ArticleItem-right {
    float: left;
}
.inner-right {
    position: absolute;
    bottom: 0;
}
@media (max-width: 767px) {
    .inner-right {
        position: static;
    }
    .oslo-ArticleItem-right {
        width: 71%;
    }
}
@media (min-width: 992px) and (max-width: 1279px) {
    .inner-right {
        position: static;
    }
    .oslo-ArticleItem-right {
        width: 71%;
    }
}

/* Sport prije 50 godina */
.Timestamp.sport-50-years {
    font-family: 'liberation_sansmedium';
    color: #ff0000;
    text-transform: uppercase;
    font-size: 0.8125rem;
}

/* Single page rubrike */
.singlepage .introtext-subtitle {
    min-height: 50px;
}
.singlepage .impressum {
    font-size: 1.1875rem;
    line-height: 1.5625rem;
}
.singlepage .impressum strong {
    font-family: 'liberationblack';
    font-weight: normal;
}
.singlepage .impressum .row {
    margin-bottom: 30px;
}
.singlepage .impressum p {
    margin: 0;
}

/* Listing tags */
.listing-tags {
    margin-top: 30px;
    margin-bottom: 120px;
}
.listing-tags #other-articles-search-form {
    display: none;
}
.ListingBrowse-letter {
    border-bottom: 1px solid #020202;
    margin-top: -15px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

/* Listing articles - Tag */
.listing-tag-articles,
.listing-search-articles {
    margin-top: 30px;
}
.btn-sort {
    color: #595959;
}
@media (min-width: 992px) {
    .listing-tag-articles .banner.skyscrapper {
        margin-top: 147px;
    }
    .left-absolute {
        position: absolute;
        left: -150px;
    }
    .listing-search-articles .banner.skyscrapper {
        margin-top: 227px;
    }
    .listing-search-articles .left-absolute {
        left: -185px;
    }
}
#other-articles-search-form .Button {
    min-width: 232px;
}

/* Lista autora - Novinari */
.listing-authors {
    margin-top: 30px;
}
.listing-authors .Author-text--profile {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
}
/*.listing-authors .ArticleAuthor-wrapButton {
    display: none;
}*/
.listing-authors .ContentListing-row {
    margin-bottom: 75px;
}
.listing-authors .Author-name-link {
    display: block;
}
.listing-authors .Author-role {
    font-family: "liberation_sansregular";
    font-size: 0.875rem;
    color: #595959;
    text-transform: uppercase;
}
/* Authors page */
.ArticleAuthor--listing .ArticleAuthor-name {
    display: table-caption;
    font-size: 1.1875rem;
    line-height: 1.375rem;
    max-width: 219px;
}
@media (max-width: 479px) {
    .ArticleAuthor--listing .ArticleAuthor-name {
        max-width: 150px;
    }
}
.ArticleAuthor--listing .ArticleAuthor-wrapButton {
    float: none;
}
@media (min-width: 992px) and (max-width: 1279px) {
    .ArticleAuthor--listing .ArticleAuthor-text {
        display: block;
    }
}

/* O2 overlay icon: Gallery and Video */
.icon-overlay {
    width: 93px;
    height: 70px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.icon-overlay.small {
    width: 62px;
    height: 49px;
}
/* none */
.type-,
.type-0,
.type-101 {
    background: none;
}
/* gallery */
.type-102,
.type-104 {
    background-image: url('../images/cssimg/custom-icons.png');
    background-repeat: no-repeat;
    background-position: -110px -329px;
}
.small.type-102,
.small.type-104 {
    background-position: -110px -418px;
}
/* video */
.type-103 {
    background-image: url('../images/cssimg/custom-icons.png');
    background-repeat: no-repeat;
    background-position: -211px -330px;
}
.small.type-103 {
    background-position: -216px -420px;
}

.HomepageHero .icon-overlay {
    top: -114px;
    margin: 0 auto;
}

/* Izjave dana - listing */
.statementContainer .ListingActionBar-containerHalf {
    display: none;
}

/* Sitemap OSMap styles */
.osmap-sitemap .page-header {
    margin: 25px 0;
}
.osmap-items h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    text-transform: lowercase;
}
.osmap-items ul {
    font-family: 'liberation_sansregular';
    list-style-type: square;
}
.osmap-items ul.level_0 {
    list-style-type: disc;
    margin-bottom: 85px;
}
.osmap-items ul.level_1 {
    list-style-type: circle;
}

/* Dojavi vijest */
.suggestStoryPage h1 {
    border-bottom: 1px solid #000;
}
#suggestStoryPageForm button.close {
    display: none;
}
#suggestStoryPageForm .Modal-title {
    margin-right: 0;
}
.Modal-title .fa {
    color: #ff0000;
}

/* FORMS oslobodjenje */
select,
textarea,
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #949494;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #606060;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
select:focus,
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.inputbox:focus {
    border-color: #cecfcc #cecfcc #cecfcc #ff0000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0 none;
    border-left-width: 3px;
}
select.ProfileForm-input {
    width: 100%;
}
.ProfileForm-row label {
    text-transform: none;
    font-family: 'liberation_sanslight';
    color: #595959;
}
.ProfileForm-row label span.star {
    display: none;
}
.forgottenData a {
    font-family: 'liberation_sansmedium';
    font-size: 1.3125rem;
    color: #595959;
}
.forgottenData a:hover,
.forgottenData a:focus {
    color: #ff0000;
}
.labelRequiredFields {
    font-family: 'liberation_sanslight';
    font-size: 1.1875rem;
    color: #595959;
    text-align: right;
    padding-bottom: 20px;
}
#registracija .labelRequiredFields {
    padding-right: 15px;
}
#registracija .Widget-wrapButton {
    margin-top: 60px;
}
.labelRequiredFields .ProfileForm-req {
    position: static;
    font-weight: 700;
}
.width196 {
    min-width: 196px;
}
.width304 {
    min-width: 304px;
}

/* Popul Login */
.modal .modal-body .ProfileBox {
    margin: 10px 0;
}
#forgetPassBox {
    font-family: 'liberation_sanslight';
}
#resetPassForm button[type="submit"] {
    margin-top: 15px;
}

/* LOAD MORE */
.loadMore-container {
    text-align: center;
    margin-top: 20px;
}
.modMedia-loadMore-btn {
    font-family: 'liberation_sansregular';
    font-size: 15px;
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid #ff0000;
    color: #ff0000;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.modMedia-loadMore-btn:hover,
.modMedia-loadMore-btn:focus {
    border: 1px solid #000;
    color: #000;
}

/* mobile Homepage */
@media (max-width: 767px) {
    /*.Widget-poll,*/
    .HomepageNews .items-2 .ArticleItem-linkWrapper,
    .rows-3 .ArticleItem-linkWrapper {
        display: none;
    }
}

@media (max-width: 767px) {
    .bannerZones {
        margin: 20px 0;
    }
}

/* SMRTOVNICE */
.smrtovnice .blockImageHeader .blockImageTitle {
    color: #000;
    font-size: 3rem;
}
@media (min-width: 480px) {
    .smrtovnice .blockImageHeader .blockImageTitle {
        font-size: 4.5rem;
    }
}
.smrtovnice .ListingActionBar {
    padding-top: 30px;
    padding-bottom: 30px;
}
.smrtovnice .ListingActionBar .form-group {
    padding-bottom: 0;
}
.smrtovnice .title {
    margin-bottom: 20px;
    font-family: 'liberationblack';
}
.smrtovnice .personPhoto img {
    margin-bottom: 15px;
    max-width: 200px;
}
.smrtovnice .personPhoto h2 {
    margin: 5px 0;
}
.smrtovnice .personPhoto {
    margin-bottom: 20px;
}
.smrtovnice .maintext {
    margin-bottom: 10px;
    font-family: 'liberationblack';
}

/* TV program */
.tv-program.horoskop.itemView .ArticleTitle-title {
    text-transform: none;
}
@media screen and (max-width: 991px) {
    font-size: 2.25rem;
}
@media screen and (min-width: 992px) {
    .tv-program.horoskop.itemView .ArticleTitle-title {
        margin: 20px 0 30px;
    }
}
.tv-program .ArticleContent p {
    position: relative;
    background: #ccc;
    padding-left: 72px;
    line-height: 1.625rem;
}
.tv-program.kultura.horoskop.o2 .ArticleContent p {
    margin: 0;
}
.tv-time {
    font-family: "Lucida Console", Monaco, monospace;
    font-weight: bold;
    letter-spacing: -4px;
    position: absolute;
    left: 0;
    width: 72px;
    text-align: center;
    margin: 2px 0;
}
.tv-text {
    background: #fff;
    display: block;
    padding-left: 10px;
}
.tv-program-title {
    font-weight: bold;
    border-bottom: 4px solid #666;
    margin: 0;
    padding-bottom: 10px;
}
.tv-program.horoskop.o2 .dateTime {
    margin: 0 0 20px 0;
}
.tv-menu {
    font-family: 'liberation_sansmedium';
}
.tv-menu li {
    background: #e4e4e4;
    border-bottom: 1px solid #fff;
}
.tv-menu li.active a {
    color: #ff0000;
    background-color: #eee;
}
.tv-preloader {
    display: none;
    margin: 50px 0;
    text-align: center;
}
/* BHT1 */
.ArticleContent .bht1 p {
    background: #d6d1df;
}
.bht1 .tv-program-title {
    border-color: #403684;
}
/* FTV */
.ArticleContent .ftv p {
    background: #dfe9f0;
}
.ftv .tv-program-title {
    border-color: #0091c6;
}
/* RTRS */
.ArticleContent .rtrs p {
    background: #ecd9d5;
}
.rtrs .tv-program-title {
    border-color: #a6312b;
}
/* TV1 */
.ArticleContent .tv1 p {
    background: #dadfea;
}
.tv1 .tv-program-title {
    border-color: #2467a7;
}
/* HAYAT */
.ArticleContent .hayat p {
    background: #e1eada;
}
.hayat .tv-program-title {
    border-color: #389d3d;
}
/* PINK BH */
.ArticleContent .pink-bh p {
    background: #eadae4;
}
.pink-bh .tv-program-title {
    border-color: #b43c88;
}
/* OBN */
.ArticleContent .obn p {
    background: #d5d6e3;
}
.obn .tv-program-title {
    border-color: #25458e;
}
/* NOVA TV to HRT1 */
.ArticleContent .nova-tv p,
.ArticleContent .rts p,
.ArticleContent .tvsa p,
.ArticleContent .bn-tv p,
.ArticleContent .face-tv p,
.ArticleContent .al-jazeera-b p,
.ArticleContent .n1 p,
.ArticleContent .hrt1 p {
    background: #f5e5d7;
}
.nova-tv .tv-program-title,
.rts .tv-program-title,
.tvsa .tv-program-title,
.bn-tv .tv-program-title,
.face-tv .tv-program-title,
.al-jazeera-b .tv-program-title,
.n1 .tv-program-title,
.hrt1 .tv-program-title {
    border-color: #e0681d;
}
/* HRT2 to ATV */
.ArticleContent .hrt2 p,
.ArticleContent .hrt3 p,
.ArticleContent .rtcg p,
.ArticleContent .cinema-tv p,
.ArticleContent .tv-tk p,
.ArticleContent .tv-zenica p,
.ArticleContent .tv-kakanj p,
.ArticleContent .tv-vogosca p,
.ArticleContent .tv-usk p,
.ArticleContent .behar-tv p,
.ArticleContent .tv-slon p,
.ArticleContent .atv p {
    background: #dbe9e9;
}
.hrt2 .tv-program-title,
.hrt3 .tv-program-title,
.rtcg .tv-program-title,
.cinema-tv .tv-program-title,
.tv-tk .tv-program-title,
.tv-zenica .tv-program-title,
.tv-kakanj .tv-program-title,
.tv-vogosca .tv-program-title,
.tv-usk .tv-program-title,
.behar-tv .tv-program-title,
.tv-slon .tv-program-title,
.atv .tv-program-title {
    border-color: #47aea9;
}
/* DISCOVERY to 24 KITCHEN */
.ArticleContent .discovery p,
.ArticleContent .n-geographic p,
.ArticleContent .viasat-history p,
.ArticleContent .animal-planet p,
.ArticleContent .tlc p,
.ArticleContent .kitchen-24 p {
    background: #e3cbd9;
}
.discovery .tv-program-title,
.n-geographic .tv-program-title,
.viasat-history .tv-program-title,
.animal-planet .tv-program-title,
.tlc .tv-program-title,
.kitchen-24 .tv-program-title {
    border-color: #b43c88;
}
/* DIVA to CINESTAR */
.ArticleContent .diva p,
.ArticleContent .tv1000 p,
.ArticleContent .fox-life p,
.ArticleContent .fox-crime p,
.ArticleContent .hbo p,
.ArticleContent .cinestar p {
    background: #ecc6b7;
}
.diva .tv-program-title,
.tv1000 .tv-program-title,
.fox-life .tv-program-title,
.fox-crime .tv-program-title,
.hbo .tv-program-title,
.cinestar .tv-program-title {
    border-color: #b43c88;
}
/* EUROSPORT to ARENASPORT2 */
.ArticleContent .eurosport p,
.ArticleContent .eurosport-2 p,
.ArticleContent .sport-klub p,
.ArticleContent .arenasport-1 p,
.ArticleContent .arenasport-2 p {
    background: #cfcbdc;
}
.eurosport .tv-program-title,
.eurosport-2 .tv-program-title,
.sport-klub .tv-program-title,
.arenasport-1 .tv-program-title,
.arenasport-2 .tv-program-title {
    border-color: #112f7f;
}
/* VRSTE PROGRAMA */
.tv-time.film,
.tv-time.doku,
.tv-time.serija,
.tv-time.show,
.tv-time.sport {
    color: #fff;
}
.tv-time.film {
    background: #ff0000;
}
.tv-time.doku {
    background:  #d761b2;
}
.tv-time.serija {
    background: #88d147;
}
.tv-time.show {
    background: #ffc749;
}
.tv-time.sport {
    background: #00b5e1;
}

.tv-dropdown {
    position: relative;
}
#tvButton {
    font-family: 'liberation_sansmedium';
    background: #ff0000;
    color: #fff;
    border: 1px solid #b90101;
    line-height: 40px;
    width: 100%;
}
#tvButton:hover,
#tvButton:focus {
    background: #d50303;
}
.tv-menu.dropdown-menu {
    position: static;
    background: transparent;
    border: 0 none;
    float: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.tv-menu.dropdown-menu li > a {
    font-size: 1rem;
    line-height: 1.42857;
    padding: 10px 15px;
}
@media screen and (max-width: 991px) {
    .open .dropdown-menu {
        display: block;
    }
}
@media screen and (min-width: 992px) {
    #tvButton {
        display: none;
    }
    .tv-menu.dropdown-menu {
        display: block;
    }
}


/*------------------------------------------------------------------------------
	custom CSS - Mihael
------------------------------------------------------------------------------*/

/* --- BEGIN GLOBAL.css dodaci and fixes --- */
.u-focalPoint {
    padding-top: 61%;
}
.no-image {
    font-weight: bold;
    font-size: 20px;
    color: red;
}
@media (min-width: 62em) {
	.imagefull .ArticleHeader {
		height: 90vh;
		height: calc(90vh - 75px);
		min-height: 0;
	}
}
.BreadcrumbsListing-preTitle {
    padding-right: 4px;
}
.BreadcrumbsListing .fa {
    padding: 0 4px;
}
.ArticleItem--fullImage .BreadcrumbsListing-item:last-child .BreadcrumbsListing-link {
    color: #fff;
}
.ArticleItem--fullImage .BreadcrumbsListing-link:link,
.ArticleItem--fullImage .BreadcrumbsListing-link:visited {
    color: #fff;
}
.ArticleItem--fullImage .BreadcrumbsListing .fa {
    color: #ff0000;
}
.BreadcrumbsListing-item.topCategory .BreadcrumbsListing-link {
    color: #ff0000;
    text-transform: uppercase;
}
.t3-wrapper { /* na Burzi je to wrapper class="Container" */
    overflow: hidden;
    position: relative;
}
html.gallery .Footer {
    margin: 0;
}
.RelatedArticles .GalleryItem-title {
    min-height: 7.5rem;
}
.ReadingTime a {
    color: #4a4a4a;
}
.GalleryItem-category {
    line-height: 1.7rem;
}
.Gallery .Category,
.GalleryListing .Category {
    position: absolute;
    top: 25px;
    left: 25px;
}
.Gallery .GalleryItem-infoWrapper,
.GalleryListing .GalleryItem-infoWrapper {
    display: block;
    float: none;
}
.Gallery .GalleryItem-infoWrapper span.camera,
.GalleryListing .GalleryItem-infoWrapper span.camera {
    float: right;
}
.GalleryItem-footer {
    overflow: hidden;
}
.RelatedGalleries h2 {
    text-align: center;
}
.last-published .TopStories-header {
    margin-bottom: 30px;
}
.last-published .ArticleItem--homepageSmall .ArticleItem-title {
    height: auto;
}
.SectionMoreArticles-Header .titleBorder {
    border-width: 4px;
    bottom: 19%;
}
.botttom-40 {
    margin-bottom: 40px;
}
.HomepageNews .row {
    margin-left: -8px;
    margin-right: -8px;
}
.HomepageNews .row .col-xs-12 {
    padding-left: 8px;
    padding-right: 8px;
}
.AuthorInfo-buttonWrapper a[data-toggle] {
    display: inline-block;
}
.HomepageHero .Authors-block {
    margin: 11px 0 0;
}
.HomepageHero .ArticleItem-author {
    margin-bottom: 0;
    color: #ff0000;
}
@media (max-width: 991px) {
    .HomepageNews {
        margin-bottom: 40px;
    }
}
@media (max-width: 991px) {
    .old-focus.HomepageNewsImg:after {
        padding-top: 54%;
    }
}
@media (min-width: 992px) {
    .old-focus.HomepageNewsImg:after {
        padding-top: 56%;
    }
    .items-2 .old-focus.HomepageNewsImg:after {
        padding-top: 70%;
    }
}

@media (min-width: 48em) {
	.ListingActionBar-limitInput {
		width: 330px;
	}
}
.AuthorInfo-categories span {
    text-transform: lowercase;
}
.TickerItem.TickerItem--uppercase {
    z-index: 1;
    background: #666;
    color: #ccc;
}
.ArticleItem--homepageSimple .Timestamp {
    display: block;
    margin-bottom: 15px;
}
.ArticleItem-author {
    margin-bottom: 0;
}
.NavIcon {
    height: 22px;
}
.NavIcon--camera {
    background-image: url('../images/cssimg/orion-sprites.png');
    background-position: 0 0;
}
.NavIcon--bobdneva {
    background-image: url('../images/cssimg/orion-sprites.png');
    background-position: 0 -44px;
}
.NavIcon--oznake {
    background-image: url('../images/cssimg/orion-sprites.png');
    background-position: 0 -88px;
}
.NavIcon--osmrtnice {
    background-image: url('../images/cssimg/orion-sprites.png');
    background-position: 0 -66px;
}
.NavIcon--tvprogram {
    background-image: url('../images/cssimg/orion-sprites.png');
    background-position: 0 -110px;
}
.align-center {
    text-align: center;
}
@media (min-width: 80em) {
	.ArticleItem--homepageSimple .ArticleItem-title {
		font-size: 1.875rem;
		line-height: 2.125rem;
	}
}
@media (min-width: 62em) and (max-width: 80em) {
	.ArticleItem--homepageSimple .ArticleItem-title {
		font-size: 1.325rem;
		line-height: 1.475rem;
	}
}
/* naslovi clanaka na Home modulima AND Rubrike i Dosjeji listing */
@media (max-width: 991px) {
    .ArticleItem-title,
    .ArticleItem--fullImage .ArticleItem-title a {
        font-size: 1.525rem;
        line-height: 1.775rem;
    }
}
.articleList .Authors-block {
    margin-bottom: 10px;
}
.real-Related .BlackTitle {
    background-color: #999;
}
@media screen and (min-width: 992px) {
    .real-Related {
        margin-top: 190px;
    }
}
.SocialVertical {
    position: relative;
    z-index: 1;
}
.box-position-6 {
    margin-top: 40px;
}
.Nav--vertical .Nav-item--separator {
    border-top-color: rgba(255, 255, 255, 0.4);
}
.ArticleAuthor-wrapSocialText {
    margin-bottom: 20px;
}
.AuthorInfo-buttonWrapper .guest,
.AuthorInfo-buttonWrapper .guest:hover,
.AuthorInfo-buttonWrapper .guest:focus {
    color: #999;
}
.AuthorInfo-buttonWrapper .guest .fa {
    color: #999;
}
.ArticleHeader .Button {
    margin-top: 10px;
}
.Column-container .Column-blockTitle h3 {
    padding-top: 50px;
}
@media (min-width: 1200px) {
    .mnenja .ArticleHeader {
		height: 75vh;
		height: calc(75vh - 75px);
		min-height: 560px;
    }

    .BobHomepage .BobDneva--body {
        min-height: 388px;
    }
}
.OCM_Modules .Widget {
    margin-top: 0;
}
.sh_module .fa {
    position: relative;
    top: -1px;
}

.Button .fa {
    margin-bottom: 0;
}
div.ocmFeedIcon a,
div.ocmFeedIcon a:hover {
    background: url("../images/fugue/feed.png") no-repeat scroll 0 4px;
    color: #ff0000;
    display: block;
    height: 20px;
    margin: 20px 0;
    padding: 0 0 0 20px;
}
.ContentListing-row {
    margin-top: 0;
}
.dossiers .ContentListing-row {
    margin-top: 35px;
}
@media screen and (max-width: 991px) {
    .RelatedArticles .col-xs-6.col-md-3:nth-child(2n+1) {
        clear: left;
    }
    .dossiers .ContentListing-row .DossierItem {
        margin-bottom: 35px;
    }
}
/* --- END GLOBAL.css dodaci and fixes --- 
*******************************************************************************/

/* --- BEGIN new elements --- */

/* home boxes */
@media screen and (min-width: 992px) {
    .articles-container .ArticleItem--author .ArticleItem-title {
        height: 6.375rem;
        overflow: hidden;
    }
}

/* home box Lokalno fix */
.ArticleItem-title h2.moduleItemTitle {
    display: inline;
}

/* home box Trending teme */
@media screen and (min-width: 768px) and (max-width: 1279px) {
    .Trending-hero .old-focus.height-50 {
        padding-top: 100%;
    }
}
@media screen and (max-width: 767px) {
    .Trending {
        margin-top: 45px;
    }
    .Trending-hero {
        height: auto;
    }
}
@media screen and (max-width: 479px) {
    .Trending .Toolbar-right {
        background: #2a2a2a;
        float: none;
        display: block;
    }
    .Trending .Toolbar-right .Explainer-headerRight {
        float: right;
        background: #000;
    }
}

/* home box Kvadrati */
@media screen and (max-width: 991px) {
    .Magazine.kvadrati {
        margin-top: 45px;
    }
}
.Magazine .MagazineInfo-date {
    display: inline-block;
}
@media screen and (max-width: 339px) {
    .Magazine .MagazineInfo-title {
        display: none;
    }
    .Magazine .MagazineInfo:before {
        content: "Kvadrati";
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        margin: 10px 0;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .Magazine .MagazineInfo-newNumber {
        display: block;
    }
    .MagazineInfo-newNumber,
    .MagazineInfo-date,
    .MagainzeInfo-wrapButton1 {
        font-size: 1.25rem;
    }
}

/* home box Nas dom - Stop */
@media screen and (max-width: 767px) {
    .BrandHomepage {
        padding-bottom: 0;
    }
}

/* homeboxes ArticleItem--fullImage: Lokalno, Svet, Zdravje in lepota, Prosti čas, Kulinarika */
.OCM_Modules .ArticleItem--fullImage .ArticleItem-title {
    max-height: 20.5625rem;
    overflow: hidden;
}
@media screen and (min-width: 992px) {
    .OCM_Modules .ArticleItem--fullImage .ArticleItem-title {
        max-height: 13.5rem;
    }
    .ArticleItem--fullImage .ArticleItem-title a {
        line-height: 3.375rem;
    }
    .OCM_Modules .ArticleItem--fullImage .old-focus.height-39:after {
        padding-top: 50%;
    }
}
@media screen and (min-width: 1280px) {
    .OCM_Modules .ArticleItem--fullImage .old-focus.height-39:after {
        padding-top: 39%;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .OCM_Modules .ArticleItem--fullImage .ArticleItem-title {
        max-height: 19.525rem;
    }
    .OCM_Modules .ArticleItem--fullImage .old-focus.height-39:after {
        padding-top: 60%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
    .OCM_Modules .Regije .ArticleItem--fullImage .old-focus.height-60:after {
        padding-top: 80%;
    }
}
@media screen and (max-width: 767px) {
    .OCM_Modules .ArticleItem--fullImage .ArticleItem-title {
        max-height: 12.425rem;
    }
    .OCM_Modules .ArticleItem--fullImage .old-focus.height-39:after {
        padding-top: 70%;
    }
}
@media screen and (max-width: 479px) {
    .OCM_Modules .ArticleItem--fullImage .old-focus.height-39:after,
    .OCM_Modules .ArticleItem--fullImage .old-focus.height-60:after {
        padding-top: 70%;
    }
    .OCM_Modules .ArticleItem--fullImage .ArticleItem-title {
        max-height: 10.65rem;
    }
}
@media screen and (max-width: 319px) {
    .OCM_Modules .ArticleItem--fullImage .old-focus.height-39:after,
    .OCM_Modules .ArticleItem--fullImage .old-focus.height-60:after {
        padding-top: 80%;
    }
}

/* homebox Mnenja Opinions */
@media screen and (max-width: 767px) {
    .OCM_Modules .Opinions {
        margin-top: 45px;
        margin-bottom: 20px;
    }
}

/* homebox Zabelezke (Notes) */
@media screen and (max-width: 991px) {
    .OCM_Modules .HomepageNotes-item .authorContainer {
        position: static;
    }
}

/* Supermenu customizacija */
.Nav-item.homepage {
    width: 0;
    text-indent: -9999px;
    position: relative;
    overflow: hidden;
}
.Toolbar-container {
    position: relative;
    z-index: 1001;
}
.Toolbar .Nav--horizontal .Nav-link {
    padding-top: 0;
    padding-bottom: 0;
}
@media (min-width: 80em) {
	.Toolbar .Nav--horizontal .Nav-link {
		padding: 0 14px;
	}
}
.Toolbar-mobileCats .is-active a {
    color: #ff0000;
}
@media screen and (max-width: 1279px) {
    .headerBanners {
        margin-top: 63px;
    }
    .Toolbar-container {
        z-index: 1002;
    }
    .Toolbar {
        position: fixed !important;
    }
}
.mobile-no-banner {
    margin-top: 63px;
}
@media screen and (min-width: 1280px) {
    .Search {
        position: absolute;
    }
    .bg-white {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        top: 0;
        z-index: -1;
    }
}
.js-superMenuContainer .Timestamp {
    font-size: 11px;
    color: #ccc;
}
.SuperMenu-navigation:before {
    content: "";
    width: 68px;
    height: 123px;
    display: block;
    background: url('../images/cssimg/custom-icons.png') no-repeat -260px -40px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: -16px;
}
.SuperMenu-navigation--alt .NavIcon--topic,
.Toolbar-mobileCat--service .NavIcon--topic {
    background-position: -44px -938px;
}
.Toolbar-articleTitle {
    font-size: 1.125rem;
    line-height: 1.25rem;
    max-width: 480px;
    max-height: 44px;
    overflow: hidden;
    position: relative;
    top: -4px;
}
@media (min-width: 80em) {
    .Toolbar-articleTitle {
        max-width: 700px;
    }
}
.Nav-link--vsoboto,
.Nav-link--obrazi,
.Nav-link--scienceillustrated2,
.Nav-link--historyillustrated,
.Nav-link--zlatajesen2,
.Nav-link--lepvrt,
.Nav-link--rozeinvrt,
.Nav-link--stop,
.Nav-link--namig,
.Nav-link--pisker,
.Nav-link--pisker2,
.Nav-link--lepainzdrava,
.Nav-link--obrazi-100,
.Nav-link--lady-krizanke {
	opacity: 0.7;
	filter: alpha(opacity=70);
	overflow: hidden;
	text-indent: -9999em;
}
.Nav-link--vsoboto:hover,
.Nav-link--vsoboto:focus,
.Nav-link--obrazi:hover,
.Nav-link--obrazi:focus,
.Nav-link--scienceillustrated2:hover,
.Nav-link--scienceillustrated2:focus,
.Nav-link--historyillustrated:hover,
.Nav-link--historyillustrated:focus,
.Nav-link--zlatajesen2:hover,
.Nav-link--zlatajesen2:focus,
.Nav-link--lepvrt:hover,
.Nav-link--lepvrt:focus,
.Nav-link--rozeinvrt:hover,
.Nav-link--rozeinvrt:focus,
.Nav-link--stop:hover,
.Nav-link--stop:focus,
.Nav-link--namig:hover,
.Nav-link--namig:focus,
.Nav-link--pisker:hover,
.Nav-link--pisker:focus,
.Nav-link--pisker2:hover,
.Nav-link--pisker2:focus,
.Nav-link--lepainzdrava:hover,
.Nav-link--lepainzdrava:focus,
.Nav-link--obrazi-100:hover,
.Nav-link--obrazi-100:focus,
.Nav-link--lady-krizanke:hover,
.Nav-link--lady-krizanke:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0;
}
.Nav-item--zlatajesen2:before,
.Nav-item--kvadrati:before {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background: #abaaaa;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: absolute;
    top: 0;
}
.Nav-link--vsoboto {
    background: url(../images/cssimg/logo/v-soboto.png) no-repeat 10px 0/110px 32px;
    height: 32px;
}
.Nav-link--obrazi {
    background: url(../images/cssimg/logo/10-Logotip-Obrazi.png) no-repeat 10px 15px/120px 42px;
    height: 57px;
}
.Nav-link--scienceillustrated2 {
    background: url(../images/cssimg/logo/06-Logotip-SIL.png) no-repeat 10px 0/144px 42px;
    height: 42px;
}
.Nav-link--historyillustrated {
    background: url(../images/cssimg/logo/05-Logotip-HIL.png) no-repeat 10px 10px/120px 38px;
    height: 48px;
}
.Nav-link--zlatajesen2 {
    background: url(../images/cssimg/logo/11-Zlata-jesen.png) no-repeat 10px 0px/27px 30px;
    height: 30px;
}
.Nav-link--zlatajesen2 {
    text-indent: 45px;
    font-style: normal;
}
.Nav-item--zlatajesen2:before {
    left: 44px;
}
.Nav-link--lepvrt {
    background: url(../images/cssimg/logo/07-Logotip-Lep-Vrt.png) no-repeat 10px 15px/80px 35px;
    height: 50px;
}
.Nav-link--rozeinvrt {
    background: url(../images/cssimg/logo/12-Roze-in-vrt.png) no-repeat 10px 10px/90px 20px;
    height: 30px;
}
.Nav-link--stop {
    background: url(../images/cssimg/logo/08-Logotip-STOP.png) no-repeat 10px 0px/120px 45px;
    height: 45px;
}
.Nav-link--namig {
    background: url(../images/cssimg/logo/13-namig.png) no-repeat 10px 15px/100px 21px;
    height: 36px;
}
.Nav-link--pisker {
    background: url(../images/cssimg/logo/14-pun-pisker.png) no-repeat 10px 10px/70px 34px;
    height: 44px;
}
.Nav-link--pisker2 {
    background: url(../images/cssimg/logo/14-pun-pisker.png) no-repeat 10px 0px/70px 34px;
    height: 54px;
}
.Nav-link--pocitnice {
    background: url(../images/cssimg/logo/15-pocitnice.png) no-repeat 10px 15px/100px 25px;
    height: 40px;
}
.Nav-link--nasdom {
    background: url(../images/cssimg/logo/nas-dom.png) no-repeat 0 0/80px 51px;
    height: 51px;
}
.Nav-link--kvadrati {
    background: url(../images/cssimg/logo/kvadrati.png) no-repeat 0 0/51px 51px;
    height: 51px;
    line-height: 43px;
}
.Nav-link--kvadrati {
    text-indent: 54px;
    font-style: normal;
}
.Nav-item--kvadrati:before {
    height: 34px;
    top: 9px;
    left: 52px;
}
.Nav-link--lepainzdrava {
    background: url(../images/cssimg/logo/16-lepa-in-zdrava.png) no-repeat 10px 20px/71px 60px;
    height: 80px;
}
.Nav-link--obrazi-100 {
    background: url(../images/cssimg/logo/17-obrazi-100-logo.png) no-repeat 10px 10px/120px 27px;
    height: 37px;
}
.Nav-link--lady-krizanke {
    background: url(../images/cssimg/logo/18-lady-krizanke-logo.png) no-repeat 10px 10px/120px 33px;
    height: 43px;
}

/* Mobile menu customizacija */
.Nav--horizontal .Nav-item--service .Nav-link:hover,
.Nav--horizontal .Nav-item--service .Nav-link:focus {
    color: #4a4a4a;
}
.Nav--horizontal .Nav-link:hover,
.Nav--horizontal .Nav-link:focus {
    color: #ff0000;
}
.Toolbar-mobileCat .Nav-link:hover,
.Toolbar-mobileCat .Nav-link:focus {
    color: #ff0000;
}
.Toolbar-mobileCat--service .Nav-link:hover,
.Toolbar-mobileCat--service .Nav-link:focus {
    color: #733801;
}
.Toolbar-mobileCat .Nav-item .fa {
    color: #fff;
    padding: 10px 15px;
    cursor: pointer;
    left: 0;
}
.Toolbar-mobileCat .Nav-item .fa:hover,
.Toolbar-mobileCat .Nav-item .fa:focus {
    color: #ff0000;
}
.Toolbar-mobileCat--service .Nav-item .fa:hover,
.Toolbar-mobileCat--service .Nav-item .fa:focus {
    color: #733801;
}
.Toolbar-mobileCats .Header-navigation .Header-el--alt .Nav--pill {
    visibility: hidden;
}

/* Login module */
button:disabled {
    background-color: #ddd !important;
    border-color: #ddd !important;
    color: #fff;
}
input:focus {
    background-color: #f5f5f1;
    box-shadow: inset 1px 1px 3px rgba(122, 125, 128, 0.2);
    border-top: 1px solid #cecfcc;
    border-right: 1px solid #cecfcc;
    border-bottom: 1px solid #cecfcc;
    border-left: 3px solid #ff0000;
}
#forgetPassBox iframe {
    height: 300px;
}
/* Registration form */
#registrationForm input{
	width: 100%;
}

@media screen and (min-width: 480px) and (max-width: 991px) {
    #forgetPassBox iframe {
        height: 330px;
    }
}
@media screen and (max-width: 479px) {
    #forgetPassBox iframe {
        height: 420px;
    }
}

/* Login / Logout Button */
.login-wrapper {
	display: block;
    float: left;
    position: absolute;
    padding-left: 10px;
}
@media screen and (max-width: 1279px) {
    .login-wrapper {
        top: 11px;
        right: 0;
    }
    .super-logo-container img {
        position: relative;
        top: -2px;
    }
}
@media screen and (min-width: 1280px) {
    .login-wrapper {
		left: 0;
		bottom: 15px;
    }
}
.login-wrapper ul li {
	display: block;
    float: left;
    padding: 0 10px;
}
.login-wrapper ul li a {
    display: block;
    line-height: 31px;
}
@media screen and (max-width: 559px) {
    #mainMenuSearch {
        display: none;
    }
}
#forgetPassBox {
	padding: 0 30px 0 30px;
}
.login .ProfileBox-foot{
	padding: 20px 30px 0 30px;
}
.login #forgetPassBox input{
	width: 100%;
}
.logout-button {
    position: relative;
	cursor: pointer;
}
.logout-button .logoutText {
	padding: 0 0 0 5px;
}
.logout-button .fa-user {
    color: #fff;
    position: absolute;
    top: 9px;
    right: 16px;
}
.logout-button input.Nav-link {
    border: 0 none;
    text-transform: uppercase;
    background-color: #a1a1a1;
    padding-right: 30px;
}
.User-link .user-logged .Icon--userM {
    background-position: -106px -153px;
}

/* Photo embed */
.ArticleImage .infografika img {
    width: auto;
}

/* Photo embed - side by side fixes */
.ArticleImage-11Left,
.ArticleImage-11Right,
.ArticleImage-21Left,
.ArticleImage-21Right {
    float: left;
}

/* Odmiki za embede */
.ArticleContent .ArticleImage,
.ArticleContent .ArticleImage-Infografika {
    margin: 30px 0;
}
.ArticleHeader-verticalHolder .ArticleImage {
    margin-top: 0;
}
.GrayBox {
    margin-top: 30px;
}

/* Fixes for Embeds */
.ArticleImage-Infografika,
.Quote {
    overflow: hidden;
}

/* Authors block on Listings */
.ArticleAuthor--fallbackArticle .ArticleAuthorGroup-item {
    float: none;
    margin-left: 0;
    margin-bottom: 30px;
}
.ArticleAuthor--fallbackArticle.visible-lg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.ArticleAuthor--fallbackArticle.visible-lg .ArticleAuthor-text {
    display: block;
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
    .ArticleAuthor-name {
        font-size: 1.1rem;
    }
    .ArticleAuthor-wrapButton .Button {
        font-size: 0.7rem;
    }
}
.ArticleAuthor--fallbackArticleSmall .ArticleAuthorGroup-item .ArticleAuthor-name {
    display: inline;
    margin: 0 15px 15px;
    vertical-align: middle;
}
@media screen and (max-width: 479px) {
    .ArticleAuthor--fallbackArticleSmall .ArticleAuthorGroup-item .ArticleAuthor-name {
        display: block;
        margin: 0;
    }
    .ArticleAuthor-wrapper .ArticleAuthor-text {
        margin-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .ArticleAuthorGroup-item {
        float: none;
        margin: 20px 0 0;
    }
}
.ArticleItem--fullImage .Authors-block {
    color: #fff;
}

.Trending .GalleryItem-footer {
    color: #9b9b9b;
}
@media (min-width: 62em) {
    .HomepageNotes .HomepageNotes-item .Timestamp-agency {
        position: static !important;
    }
}
.HomepageNotes-item .authorContainer {
    position: absolute;
    bottom: 0;
    left: 25px;
}
.ArticleItem--simple .Timestamp-agency {
    display: inline-block;
}
.ArticleItem--brandMain .brandauthorContainer,
.ArticleItem--brandFullImage .brandauthorContainer {
    color: #fff;
}
.Brand--testBrand1 .ArticleItem--brandFullImage .brandauthorContainer .ArticleItem-author,
.Brand--testBrand1 .ArticleItem--brandVertical .brandauthorContainer .ArticleItem-author,
.Brand--testBrand1 .ArticleItem--brandHorizontal .brandauthorContainer .ArticleItem-author {
    position: static;
    margin: 0;
}
.Brand--testBrand1 .ArticleItem--brandFullImage .brandauthorContainer,
.Brand--testBrand1 .ArticleItem--brandVertical .brandauthorContainer,
.Brand--testBrand1 .ArticleItem--brandHorizontal .brandauthorContainer {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 300;
    margin: 13px 30px;
}
.ArticleItem--brandTitleDescription .Timestamp {
    display: inline-block;
}
.Brand--testBrand1 .ArticleItem--brandTitleDescription .ArticleItem-author {
    margin: 0;
}
.Brand--testBrand1 .ArticleItem--brandFullImage .Timestamp {
    left: auto;
    right: 0;
}
.Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-author {
    right: auto;
    left: 0;
}


/* Listing Author */
@media (min-width: 768px) and (max-width: 1279px) {
    .ArticleItem--horizontal .ArticleItem-left .Timestamp {
        display: none;
    }
    .ArticleItem--horizontal .ArticleItem-right .Timestamp {
        display: block;
    }
    /* SERP listing */
    .search-container .ArticleItem-author {
        margin: 5px 0;
    }
}
@media (max-width: 991px) {
    .ArticleItem--horizontal .ArticleItem-right .Timestamp {
        margin-top: 5px;
    }
}
@media (max-width: 479px) {
    .ArticleAuthor--authorListing .ArticleAuthor-text {
        margin-left: 5px;
    }
    .ArticleAuthor--authorListing .ArticleAuthor-wrapButton {
        margin-right: 0;
    }
    .ArticleAuthor--authorListing .ArticleAuthor-wrapSocialText {
        display: block;
    }
    .AuthorInfo .AuthorInfo-buttonWrapper a:first-child {
        margin-bottom: 10px;
    }
}

/* Article right sidebar - width for banners 300px */
@media (min-width: 62em) {
    .ArticleFloat-right.ArticleExtend-right3 {
        float: right;
        width: 51.6%;
        width: calc(51.6% - 15px);
        margin-left: 30px;
        margin-right: -51.6%;
        margin-right: calc(-51.6% - 5px);
    }
}

/* BANNERS */
.banner-right-2 {
    margin-top: 200px;
}
.banner-right-3 {
    margin-top: 400px;
}
#searchedContentContainer .pasica-468x60 {
    margin-bottom: 30px;
}
.iAdserver div.ipromAP {
    display: inline-block;
}
.HomepageNews .b300x250 .iAdserver {
    min-height: 250px;
}
.AdContainer {
    min-height: 250px;
}
.headerBanners {
	background-color: #000;
    position: relative;
    z-index: 1002;
}
.bannerItems .iAdserver {
    padding: 10px 0;
    float: left;
    /*max-height: 120px;*/
}
.headerBanners .bannerItems .iAdserver {
    padding: 15px 0;
}
.bannerItems {
    text-align: center;
}
.bannerItems .banner-left,
.bannerItems .banner-right {
    display: inline-block;
    margin: 0 15px;
}
.middleBanners,
.bottomBanners {
    background: #f5f5f5;
    min-height: 110px;
}
.sideBanners {
    background: #f5f5f5;
    min-height: 535px;
    text-align: center;
}
.sideBanners .b300x250 {
    padding-top: 10px;
}
.kocka-443-article-bottom {
    display: none;
}
@media screen and (max-width: 767px) {
    .kocka-443-article-bottom {
        display: block;
    }
    .ArticleFloat-right .kocka-443 {
        display: none;
    }
}
.task-tag .neboticnik-160x600 {
    margin-bottom: 30px;
}
.neboticnik-160x600 {
    min-height: 600px;
}
.pasica-468x60 .iAdserver {
    min-height: 60px;
}
.ArticleContent .banner table th,
.ArticleContent .banner table td {
    padding: 0;
}
.banner970x250 .iAdserver {
    min-height: 90px;
}
.home .banner.banner970x250 {
    padding: 10px 0;
}
.dossier .banner.banner970x250 {
    margin-bottom: 30px;
}
.dossier .banner.banner970x250,
.dossier .banner.banner728x90,
.dossier .banner.kocka-32 {
    padding: 10px 0;
}
.rubrika .banner.sidebar {
    margin-bottom: 40px;
}
@media (min-width: 1280px) {
    .rubrika .banner.sidebar {
        padding: 90px 0;
    }
}
.rubrika .banner970x250 {
    margin-bottom: 30px;
}
.rubrika .pasica-468x60 {
    margin-top: 25px;
}
.rubrika .banner.pasica-468x60,
.rubrika .banner.banner970x250,
.rubrika .banner.banner-1 {
    padding: 10px 0;
}
.rubrika .banner.kocka-32 .iAdserver {
    min-height: 250px;
}
.Brand .banner.banner970x250 {
    padding: 10px 0;
}

/* custom module for Categories mod_ocm_media (Rubrika) */
.Pagination-link.active {
    color: #ff0000;
    font-weight: bold;
}
.dropdown-menu > li > a.active {
    color: #ff0000;
}
.rubrika .ArticleItem--fullImage {
    margin-bottom: 10px;
}
.rubrika .SectionMoreArticles .ArticleItem--author .ArticleItem-title,
.rubrika .SectionMoreArticles .GalleryItem .GalleryItem-title {
    font-size: 1.575rem;
    line-height: 1.850rem;
}
@media (min-width: 1280px) {
    .rubrika .SectionMoreArticles .ArticleItem--author .ArticleItem-title,
    .rubrika .SectionMoreArticles .GalleryItem .GalleryItem-title {
        height: 5.550rem;
    }
    .rubrika .SectionMostRead .ArticleItem-title {
        height: 6.375rem;
        overflow: hidden;
    }
}
.rubrika .ArticleItem--fullImage .ArticleItem-title {
    height: auto;
}
.rubrika .SectionMostRead-right .ArticleItem--simple .ArticleItem-title {
    margin-top: 5px;
}
.rubrika .ArticleItem--horizontal .ArticleItem-left .Authors-block {
    position: absolute;
    width: 160%;
    left: 100%;
    padding-left: 15px;
    bottom: 23px;
    display: none;
}
@media (min-width: 48em) {
	.rubrika .ArticleItem--horizontal .ArticleItem-left .Authors-block {
		display: block;
	}
}
.rubrika .ArticleItem--horizontal .ArticleItem-right .Authors-block {
	display: block;
}
@media (min-width: 48em) {
	.rubrika .ArticleItem--horizontal .ArticleItem-right .Authors-block {
		display: none;
	}
}

/* Listing Dossier - sort by dropdown */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: transparent;
    color: #ff0000;
}

/* Image heights */
.u-focalPoint {
    background-color: #000;
}
.u-focalPoint.height-23,
.old-focus.height-23:after {
    padding-top: 23%;
}
.u-focalPoint.height-38,
.old-focus.height-38:after {
    padding-top: 38%;
}
.u-focalPoint.height-39,
.old-focus.height-39:after {
    padding-top: 39%;
}
.u-focalPoint.height-40,
.old-focus.height-40:after {
    padding-top: 40%;
}
.u-focalPoint.height-42,
.old-focus.height-42:after {
    padding-top: 42%;
}
.u-focalPoint.height-48,
.old-focus.height-48:after {
    padding-top: 48%;
}
.u-focalPoint.height-50,
.old-focus.height-50:after {
    padding-top: 50%;
}
.u-focalPoint.height-52,
.old-focus.height-52:after {
    padding-top: 52%;
}
.u-focalPoint.height-54,
.old-focus.height-54:after {
    padding-top: 54%;
}
.u-focalPoint.height-56,
.old-focus.height-56:after {
    padding-top: 56%;
}
.u-focalPoint.height-57,
.old-focus.height-57:after {
    padding-top: 57%;
}
.u-focalPoint.height-60,
.old-focus.height-60:after {
    padding-top: 60%;
}
.u-focalPoint.height-61,
.old-focus.height-61:after {
    padding-top: 61%;
}
.u-focalPoint.height-63,
.old-focus.height-63:after {
    padding-top: 63%;
}
.u-focalPoint.height-64,
.old-focus.height-64:after {
    padding-top: 64%;
}
.u-focalPoint.height-66,
.old-focus.height-66:after {
    padding-top: 66%;
}
.u-focalPoint.height-67,
.old-focus.height-67:after {
    padding-top: 67%;
}
.u-focalPoint.height-68,
.old-focus.height-68:after {
    padding-top: 68%;
}
.u-focalPoint.height-69,
.old-focus.height-69:after {
    padding-top: 69%;
}
.u-focalPoint.height-70,
.old-focus.height-70:after {
    padding-top: 70%;
}
.u-focalPoint.height-71,
.old-focus.height-71:after {
    padding-top: 71%;
}
.u-focalPoint.height-73,
.old-focus.height-73:after {
    padding-top: 73%;
}
.u-focalPoint.height-75,
.old-focus.height-75:after {
    padding-top: 75%;
}
.u-focalPoint.height-76,
.old-focus.height-76:after {
    padding-top: 76%;
}
.u-focalPoint.height-78,
.old-focus.height-78:after {
    padding-top: 78%;
}
.u-focalPoint.height-103,
.old-focus.height-103:after {
    padding-top: 103%;
}
.u-focalPoint.height-114,
.old-focus.height-114:after {
    padding-top: 113.8%;
}
.u-focalPoint.height-120,
.old-focus.height-120:after {
    padding-top: 120%;
}
.u-focalPoint.height-134,
.old-focus.height-134:after {
    padding-top: 134%;
}

/* Old focus point proportions */
.old-focus {
    display: block;
    overflow: hidden;
    position: relative;
}
.old-focus:after {
    content: "";
    display: block;
    padding-top: 226px;
}
.old-focus img,
.Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-image { /* fix for Brandpage */
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transform: none;
}

/* Gallery item layout for right column in category listings */
.isGallery {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    border-bottom: 8px solid #4a4a4a;
    background-color: #2a2a2a;
}
.isGallery .ArticleItem-left .Timestamp {
    color: #fff;
    bottom: 10px;
}
.isGallery .GalleryItem-title a {
    color: #fff;
}
/* left side */
.rubrika .ArticleItem--horizontal.isGallery .ArticleItem-left .Authors-block {
    display: none;
}
@media (max-width: 1279px) {
    .ArticleItem--horizontal.isGallery .ArticleItem-left .Timestamp {
        display: none;
    }
    .GalleryItem-title {
        font-size: 1.375rem;
        line-height: 1.5rem;
    }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .ArticleItem--horizontal.isGallery .GalleryItem-infoWrapper {
        display: inline;
        float: right;
    }
    .ArticleItem--horizontal.isGallery .GalleryItem-title {
        height: 3rem;
        overflow: hidden;
    }
}
@media (min-width: 1280px) {
    .ArticleItem--horizontal.isGallery .GalleryItem-title {
        max-height: 4rem;
        overflow: hidden;
    }
}
@media (max-width: 560px) {
    .SectionMoreArticles .col-md-8 .ArticleItem--horizontal.isGallery .col-md-4,
    .SectionMoreArticles .col-md-8 .ArticleItem--horizontal.isGallery .col-md-8 {
		width: 100%;
    }
}
@media (max-width: 991px) {
    .ArticleItem--horizontal.isGallery .GalleryItem-category {
        position: relative;
        top: -2px;
    }
}
@media (min-width: 561px) {
    .ArticleItem--horizontal.isGallery .GalleryItem-text,
    .ArticleItem--horizontal.isGallery .GalleryItem-footer {
        padding-left: 0;
    }
}

/* Developing story */
.DevelopingStory {
    margin-top: 0;
}
.KeyEvents-time,
.KeyEvents-title {
    display: block;
}
.DevelopingStory-sidebar {
    z-index: 1;
}
.ArticleTitle--developing .BreadcrumbsListing-item a {
    color: #fff;
}
.DevelopingStoryItem-time {
    padding: 50px 15px;
}
.DevelopingStoryItem-time .fa-clock-o {
    margin-right: 5px;
}

/* Explainer - standalone - fullscreen */
.Explainer-container .Explainer-notification,
.Explainer-container .social {
    display: inline-block;
}
.Explainer-container .Explainer-notification {
    margin-right: 20px;
}
html.pExplainer .Explainer-headerRight {
    display: block;
}
html.pExplainer .Footer {
    margin: 0;
}
.toolbar-explainer {
    z-index: 989;
}

/* Explainer - related explainer at the bottom of the Article */
.Toolbar .Explainer-headerRight,
.relatedExplainer .Explainer-headerRight,
.relatedExplainer .Explainer-breadcrumbs,
.relatedExplainer .Explainer-inside .Explainer-h {
    display: none;
}

/* Listing Explainer */
.ExplainerListing .ArticleItem--homepageSimple .ArticleItem-title { /* fix for Burza - tile height varies - and Listing gets scattered */
    height: 9.5rem;
    overflow: hidden;
}

/* Osmrtnice - Obituary */
.obituaryPage .LargeTitle {
    margin: 50px 0 15px
}
.obituaryPage .LargeTitle .date {
    font-family: "toti_slab", "Courier New", Courier, monospace;
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 1.1875rem;
    letter-spacing: 0.01rem;
    vertical-align: middle;
    margin-bottom: 6px;
    display: inline-block;
    display: none;
}
@media screen and (min-width: 992px) {
    .obituaryPage .LargeTitle .date {
        position: absolute;
        right: 0;
        bottom: 18px;
    }
}
@media screen and (max-width: 991px) {
    .obituaryPage .LargeTitle .date {
        line-height: 30px;
    }
}
.obituaryPage .LargeTitle .date div {
    display: inline-block;
}
.obituaryPage .LargeTitle .date .txtLbl {
    padding-right: 5px;
    font-weight: 300;
}
.obituaryPage .LargeTitle .date .dateValueLast {
    text-transform: lowercase;
}
.obituaryItem {
    border: 4px solid #000;
    padding: 30px 20px;
    margin-bottom: 5px;
    text-align: center;
    color: #111;
    /*height: 430px;*/
    overflow: hidden;
    font-size: 0.875rem;
    line-height: 1.2;
}
/*@media screen and (min-width: 992px) and (max-width: 1279px) {
    .obituaryItem {
        height: 530px;
    }
}
@media screen and (max-width: 991px) {
    .obituaryItem {
        height: auto;
    }
}*/
.obituaryItem p {
    margin: 0;
}
.obituaryItem h3,
.obituaryItem .h3 {
    font-family: 'toti_slab';
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.1px;
    color: #212121;
    margin: 0;
}
.obituaryItem strong,
.obituaryItem .family {
    font-weight: 800;
}
.obituaryItem .intro {
    /*max-height: 96px;*/
    overflow: hidden;
}
.obituaryItem .title-container {
    /*padding: 67px 0;*/
    padding: 24px 0;
}
.obituaryItem .text {
    margin-bottom: 30px;
}
.obituaryItem.personImage .intro {
    max-height: 130px;
    text-align: center;
}
@media screen and (max-width: 479px) {
    .obituaryItem .intro,
    .obituaryItem.personImage .intro {
        max-height: 100%;
    }
}
.obituaryItem.personImage img.floatImage {
    float: left;
    margin-right: 20px;
    max-width: 110px;
    max-height: 130px;
}
/*.obituaryItemOld {
    min-height: 596px;
}*/
.obituaryItemOld.obituaryItem .text {
    margin-bottom: 0;
}
.Obituary-search .row .col-md-4:nth-child(3n+1) {
    clear: left;
}
@media screen and (max-width: 1279px) {
    .obituaryItemOld {
        height: auto;
        min-height: 0;
    }
}

/* BRAND PAGES */
.Brand .LargeTitle .titleBorder {
    border-width: 4px;
}
.ArticleItem--brandMain .ArticleItem-fadeSides::before,
.ArticleItem--brandMain .ArticleItem-fadeSides::after {
    z-index: 105;
}
.SectionMargin .ArticleItem-number {
    display: none;
}
.Brand-equalHeightItems .ArticleItem-imageWrapper { /* fix for Brandpage */
    margin-left: 0;
    width: auto;
}
.Brand--testBrand1 .ArticleItem--brandHorizontal .Timestamp,
.Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-author {
    margin: 0;
}
.Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-title {
    margin-bottom: 0;
}
.Brand-equalHeightItems .Brand-equalHeightItems-v12 .ArticleItem-image {
    width: 100%
}
.Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-description {
    margin-bottom: 0;
    overflow: hidden;
}
.Brand--testBrand1 .banner300x250.banner {
    text-align: center;
    width: auto;
    height: auto;
    padding: 20px 0;
    margin-bottom: 30px;
    min-height: 289px;
}
.ArticleItem--brandFullImage.small .ArticleItem-author,
.ArticleItem--reduceMobileHeight .ArticleItem-author {
    max-height: 22px;
    overflow: hidden;
}
.SectionMoreArticles .ArticleItem--brandHorizontal .Timestamp {
    margin-left: 0;
}
.brandHome {
    position: relative;
}
.brandHome .SectionHeader-wrapOwner {
    z-index: 300;
    bottom: -500px;
}
.top50 {
    margin-top: 50px;
}
.ArticleItem--brandMain .ArticleItem-container {
    padding: 0 30px 60px;
}
.old-focus.height-500::after {
    padding-top: 500px;
}
@media screen and (max-width: 991px) {
    .old-focus.height-500::after {
        padding-top: 250px;
    }
    .brandHome .SectionHeader-wrapOwner {
        bottom: -250px;
    }
}
.Brand--testBrand1 .ArticleItem--brandHorizontal .timeAuthor {
    margin: 10px 0;
}
.Brand--testBrand1 .ArticleItem--brandHorizontal .timeAuthor .Authors-block {
    display: block;
    margin-bottom: 0;
}
.Brand--testBrand1 .ArticleItem--brandVertical .Timestamp,
.Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-author,
.Brand--testBrand1 .ArticleItem--brandHorizontal .Timestamp,
.Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-author {
    margin-top: 0;
    margin-bottom: 0;
}
.ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-title,
.ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-title {
    overflow: hidden;
}
.ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight {
    height: 450px;
}
@media screen and (min-width: 768px) {
    .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-title {
        max-height: 8.250rem;
        overflow: hidden;
    }
    .ArticleItem--brandVertical .timeAuthor {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: 15px;
        width: 100%;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 {
        height: 100%;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-author,
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-author {
        width: 160px;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-title {
        max-height: 15.975rem;
    }
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-title {
        max-height: 19.525rem;
    }
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight {
        height: 400px;
    }
    .ArticleItem--brandTitleDescription .ArticleItem-title {
        height: 5.625rem;
        overflow: hidden;
    }
    .ArticleItem--brandTitleDescription .ArticleItem-description {
        height: 7.8125rem;
        overflow: hidden;
        margin-bottom: 25px;
    }
    .ArticleItem.ArticleItem--brandTitleDescription {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 992px) {
    .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-category {
        margin: 15px 30px 0;
    }
    .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-title {
        line-height: 2.125rem;
        max-height: 4.250rem;
    }
    .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-title {
        padding: 0 30px;
        margin-top: 0;
    }
    .Brand--testBrand1 .ArticleItem--brandVertical .Timestamp,
    .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-author {
        position: static;
        margin: 0 30px;
    }
    .Brand .ArticleItem--brandHorizontal .ArticleItem-title {
        line-height: 2.125rem;
        max-height: 4.250rem;
        overflow: hidden;
    }
    .Brand--testBrand1 .ArticleItem--brandHorizontal .Timestamp,
    .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-author {
        position: static;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-author,
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-author {
        width: 228px;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-title {
        max-height: 28.125rem;
    }
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-title {
        max-height: 12.5rem;
    }
    .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-description {
        max-height: 4.875rem;
    }
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight {
        height: 450px;
    }
}
@media screen and (min-width: 1280px) {
    .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-title {
        max-height: 6.375rem;
    }
    .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-category {
        margin: 15px 30px;
    }
    .ArticleItem--brandHorizontal .timeAuthor {
        position: absolute;
        bottom: 0;
        left: 15px;
        width: 100%;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 {
        height: 290px;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-title,
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-title {
        max-height: 9.375rem;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-author,
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-author {
        width: 170px;
        overflow: hidden;
    }
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight {
        height: 281px;
    }
}

@media screen and (max-width: 1279px) {
    .Brand--testBrand1 .Authors-block {
        margin-bottom: 0px;
    }
}
@media screen and (max-width: 991px) {
    .ArticleItem--brandHorizontal3 .Timestamp {
        margin-bottom: 10px;
    }
    .Brand--testBrand1 .sideBanners {
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .Brand--testBrand1 .ArticleItem--brandVertical .Timestamp {
        margin-bottom: 10px;
    }
    .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-description {
        max-height: 5.6875rem;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-title,
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-title {
        max-height: 15.975rem;
    }
    .ArticleItem--brandTitleDescription .Authors-block {
        display: block;
    }
    .ArticleItem.ArticleItem--brandTitleDescription {
        margin-bottom: 30px;
    }
    .ArticleItem--brandTitleDescription .ArticleItem-description {
        margin: 10px 0;
    }
}
@media screen and (max-width: 479px) {
    .Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-infoWrapper {
        margin-bottom: 60px;
    }
    .Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-author {
        bottom: 20px;
    }
    .Brand--testBrand1 .ArticleItem--brandFullImage .Timestamp {
        right: auto;
        left: 0;
    }
}

@media screen and (min-width: 728px) and (max-width: 1279px) {
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-infoWrapper,
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-infoWrapper {
        margin-bottom: 70px;
    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-author,
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-author {
        bottom: 22px;

    }
    .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .Timestamp,
    .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .Timestamp {
        right: auto;
        left: 0;
    }
}
@media screen and (min-width: 728px) and (max-width: 991px) {
    .ArticleItem--brandTitleDescription .ArticleItem-description {
        margin-bottom: 0;
    }
}

/* BRAND PAGES menu */
.Toolbar-brandpage {
    background-color: #c29e65;
    border-bottom: 3px solid #c29e65;
    height: auto;
}
.Toolbar-outer {
    border-bottom: 3px solid #fff;
}
.Toolbar-brandpage .Toolbar-left {
    position: relative;
    width: 65px;
}
.Toolbar-brandpage .Toolbar-left:before {
    background-color: #fff;
    content: '';
    position: absolute;
    left: -9999em;
    top: 0;
    right: 0;
    bottom: 0;
}
.Toolbar-brandpage .Toolbar-wrapLogoSmall {
    position: relative;
}
.brand-menu li:first-child a {
    padding-top: 15px;
    padding-bottom: 14px;
}
.brand-menu li:first-child a span {
    display: none;
}
.brand-menu li a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 15px;
}
.brand-menu.nav li a:hover,
.brand-menu.nav li a:focus,
.brand-menu.nav li.active a {
    background-color: transparent;
    color: #161616;
}
.brand-menu.nav li a img {
    max-height: 40px;
}
.Toolbar-brandpage .Toolbar-wrapLogoSmall,
.Toolbar-brandpage .Hamburger {
    display: block;
    float: left;
}
.Toolbar-brandpage .Hamburger {
    top: 18px;
    margin-left: 10px;
}
img.mob-brandLogo {
    display: none;
}
.Toolbar-mobileCats.brandMobile ul li a img {
    display: none;
}
@media screen and (max-width: 1279px) {
    .Toolbar-brandpage {
        height: 53px;
    }
    img.mob-brandLogo {
        display: block;
        max-height: 35px;
    }
    .Toolbar-brandpage .Toolbar-left {
        width: 73px;
    }
    .Toolbar-brandpage .Toolbar-right {
        text-align: left;
        padding-left: 7px;
    }
    .Toolbar-brandpage .Toolbar-right ul.brand-menu {
        display: none;
    }
    .brandMobile .Nav--horizontal > ul {
        padding-top: 10px;
    }
}
@media screen and (min-width: 1280px) {
    .Toolbar-brandpage .Hamburger {
        display: none;
    }
    .Toolbar-brandpage .Toolbar-wrapLogoSmall {
        margin-right: 5px;
    }
}

/* BRAND PAGE - V soboto */
.vsoboto .Toolbar-brandpage {
    background-color: #f58220;
    border-bottom: 3px solid #f58220;
}
.vsoboto .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #f58220;
    border-color: #f58220;
}
.vsoboto .Brand--testBrand1 .ArticleItem-category a {
    color: #f58220;
}
.vsoboto .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #f58220;
    color: #ffffff !important;
}
.vsoboto .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #f58220;
}
.vsoboto .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #f58220;
}
.vsoboto .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #f58220;
    border-color: #f58220;
}
.vsoboto .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #f58220;
}
.vsoboto .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #f58220;
}
.vsoboto .Brand--testBrand1 .Brand-archive .Button {
    background-color: #f58220;
}
.vsoboto .Brand--testBrand1 .Quote-text {
    color: #f58220;
}
.vsoboto .Brand--testBrand1 .MagazineInfo {
    background-color: #f58220;
}
.vsoboto .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #f58220;
}

/* BRAND PAGE - Naš dom */
.nasdom .Toolbar-brandpage {
    background-color: #8b0304;
    border-bottom: 3px solid #8b0304;
}
.nasdom .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #8b0304;
    border-color: #8b0304;
}
.nasdom .Brand--testBrand1 .ArticleItem-category a {
    color: #8b0304;
}
.nasdom .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #8b0304;
    color: #ffffff !important;
}
.nasdom .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #8b0304;
}
.nasdom .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #8b0304;
}
.nasdom .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #8b0304;
    border-color: #8b0304;
}
.nasdom .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #8b0304;
}
.nasdom .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #8b0304;
}
.nasdom .Brand--testBrand1 .Brand-archive .Button {
    background-color: #8b0304;
}
.nasdom .Brand--testBrand1 .Quote-text {
    color: #8b0304;
}
.nasdom .Brand--testBrand1 .MagazineInfo {
    background-color: #8b0304;
}
.nasdom .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #8b0304;
}

/* BRAND PAGE - V nedeljo */
.vnedeljo .Toolbar-brandpage {
    background-color: #f58220;
    border-bottom: 3px solid #f58220;
}
.vnedeljo .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #f58220;
    border-color: #f58220;
}
.vnedeljo .Brand--testBrand1 .ArticleItem-category a {
    color: #f58220;
}
.vnedeljo .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #f58220;
    color: #ffffff !important;
}
.vnedeljo .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #f58220;
}
.vnedeljo .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #f58220;
}
.vnedeljo .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #f58220;
    border-color: #f58220;
}
.vnedeljo .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #f58220;
}
.vnedeljo .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #f58220;
}
.vnedeljo .Brand--testBrand1 .Brand-archive .Button {
    background-color: #f58220;
}
.vnedeljo .Brand--testBrand1 .Quote-text {
    color: #f58220;
}
.vnedeljo .Brand--testBrand1 .MagazineInfo {
    background-color: #f58220;
}
.vnedeljo .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #f58220;
}

/* BRAND PAGE - Kvadrati */
.kvadrati .Toolbar-brandpage {
    background-color: #f15a22;
    border-bottom: 3px solid #f15a22;
}
.kvadrati .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #f15a22;
    border-color: #f15a22;
}
.kvadrati .Brand--testBrand1 .ArticleItem-category a {
    color: #f15a22;
}
.kvadrati .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #f15a22;
    color: #ffffff !important;
}
.kvadrati .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #f15a22;
}
.kvadrati .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #f15a22;
}
.kvadrati .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #f15a22;
    border-color: #f15a22;
}
.kvadrati .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #f15a22;
}
.kvadrati .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #f15a22;
}
.kvadrati .Brand--testBrand1 .Brand-archive .Button {
    background-color: #f15a22;
}
.kvadrati .Brand--testBrand1 .Quote-text {
    color: #f15a22;
}
.kvadrati .Brand--testBrand1 .MagazineInfo {
    background-color: #f15a22;
}
.kvadrati .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #f15a22;
}
/* Box brandpage KVADRATI na Naslovnici */
.kvadrati .Brand--testBrand2 .MagazineInfo {
    background-color: #f15a22;
}

/* BRAND PAGE - Obrazi */
.obrazi .Toolbar-brandpage {
    background-color: #ed1c24;
    border-bottom: 3px solid #ed1c24;
}
.obrazi .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #ed1c24;
    border-color: #ed1c24;
}
.obrazi .Brand--testBrand1 .ArticleItem-category a {
    color: #ed1c24;
}
.obrazi .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #ed1c24;
    color: #ffffff !important;
}
.obrazi .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #ed1c24;
}
.obrazi .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #ed1c24;
}
.obrazi .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #ed1c24;
    border-color: #ed1c24;
}
.obrazi .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #ed1c24;
}
.obrazi .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #ed1c24;
}
.obrazi .Brand--testBrand1 .Brand-archive .Button {
    background-color: #ed1c24;
}
.obrazi .Brand--testBrand1 .Quote-text {
    color: #ed1c24;
}
.obrazi .Brand--testBrand1 .MagazineInfo {
    background-color: #ed1c24;
}
.obrazi .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #ed1c24;
}

/* BRAND PAGE - Stop */
.stop .Toolbar-brandpage {
    background-color: #ff0000;
    border-bottom: 3px solid #ff0000;
}
.stop .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #ff0000;
    border-color: #ff0000;
}
.stop .Brand--testBrand1 .ArticleItem-category a {
    color: #ff0000;
}
.stop .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #ff0000;
    color: #ffffff !important;
}
.stop .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #ff0000;
}
.stop .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #ff0000;
}
.stop .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #ff0000;
    border-color: #ff0000;
}
.stop .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #ff0000;
}
.stop .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #ff0000;
}
.stop .Brand--testBrand1 .Brand-archive .Button {
    background-color: #ff0000;
}
.stop .Brand--testBrand1 .Quote-text {
    color: #ff0000;
}
.stop .Brand--testBrand1 .MagazineInfo {
    background-color: #ff0000;
}
.stop .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #ff0000;
}
/* Box brandpage STOP na Naslovnici */
.stop.Brand--testBrand1 .HomepageNotes-title {
    background-color: #ff0000;
}
.stop.Brand--testBrand1 .HomepageNotes-title a:hover {
    color: #fff;
}
/* Box brandpage KVADRATI na Naslovnici, ali za STOP */
.stop .Brand--testBrand2 .MagazineInfo {
    background-color: #ff0000;
}
.stop .Brand--testBrand2 .MagazineInfo-newNumber {
    color: #000;
}

/* BRAND PAGE - BonBon */
.bonbon .Toolbar-brandpage {
    background-color: #dc81a7;
    border-bottom: 3px solid #dc81a7;
}
.bonbon .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #dc81a7;
    border-color: #dc81a7;
}
.bonbon .Brand--testBrand1 .ArticleItem-category a {
    color: #dc81a7;
}
.bonbon .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #dc81a7;
    color: #ffffff !important;
}
.bonbon .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #dc81a7;
}
.bonbon .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #dc81a7;
}
.bonbon .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #dc81a7;
    border-color: #dc81a7;
}
.bonbon .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #dc81a7;
}
.bonbon .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #dc81a7;
}
.bonbon .Brand--testBrand1 .Brand-archive .Button {
    background-color: #dc81a7;
}
.bonbon .Brand--testBrand1 .Quote-text {
    color: #dc81a7;
}
.bonbon .Brand--testBrand1 .MagazineInfo {
    background-color: #dc81a7;
}
.bonbon .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #dc81a7;
}

/* BRAND PAGE - History Ilustrated */
.HIL .Toolbar-brandpage {
    background-color: #ffd41c;
    border-bottom: 3px solid #ffd41c;
}
.HIL .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #ffd41c;
    border-color: #ffd41c;
}
.HIL .Brand--testBrand1 .ArticleItem-category a {
    color: #ffd41c;
}
.HIL .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #ffd41c;
    color: #ffffff !important;
}
.HIL .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #ffd41c;
}
.HIL .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #ffd41c;
}
.HIL .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #ffd41c;
    border-color: #ffd41c;
}
.HIL .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #ffd41c;
}
.HIL .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #ffd41c;
}
.HIL .Brand--testBrand1 .Brand-archive .Button {
    background-color: #ffd41c;
}
.HIL .Brand--testBrand1 .Quote-text {
    color: #ffd41c;
}
.HIL .Brand--testBrand1 .MagazineInfo {
    background-color: #ffd41c;
}
.HIL .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #ffd41c;
}

/* BRAND PAGE - Science llustrated */
.SIL .Toolbar-brandpage {
    background-color: #29629c;
    border-bottom: 3px solid #29629c;
}
.SIL .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #29629c;
    border-color: #29629c;
}
.SIL .Brand--testBrand1 .ArticleItem-category a {
    color: #29629c;
}
.SIL .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #29629c;
    color: #ffffff !important;
}
.SIL .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #29629c;
}
.SIL .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #29629c;
}
.SIL .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #29629c;
    border-color: #29629c;
}
.SIL .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #29629c;
}
.SIL .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #29629c;
}
.SIL .Brand--testBrand1 .Brand-archive .Button {
    background-color: #29629c;
}
.SIL .Brand--testBrand1 .Quote-text {
    color: #29629c;
}
.SIL .Brand--testBrand1 .MagazineInfo {
    background-color: #29629c;
}
.SIL .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #29629c;
}

/* BRAND PAGE - Lep Vrt */
.lepvrt .Toolbar-brandpage {
    background-color: #9aca3c;
    border-bottom: 3px solid #9aca3c;
}
.lepvrt .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #9aca3c;
    border-color: #9aca3c;
}
.lepvrt .Brand--testBrand1 .ArticleItem-category a {
    color: #9aca3c;
}
.lepvrt .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #9aca3c;
    color: #ffffff !important;
}
.lepvrt .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #9aca3c;
}
.lepvrt .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #9aca3c;
}
.lepvrt .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #9aca3c;
    border-color: #9aca3c;
}
.lepvrt .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #9aca3c;
}
.lepvrt .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #9aca3c;
}
.lepvrt .Brand--testBrand1 .Brand-archive .Button {
    background-color: #9aca3c;
}
.lepvrt .Brand--testBrand1 .Quote-text {
    color: #9aca3c;
}
.lepvrt .Brand--testBrand1 .MagazineInfo {
    background-color: #9aca3c;
}
.lepvrt .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #9aca3c;
}

/* BRAND PAGE - Rože in Vrt */
.rozeinvrt .Toolbar-brandpage {
    background-color: #dc81a7;
    border-bottom: 3px solid #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #dc81a7;
    border-color: #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .ArticleItem-category a {
    color: #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #dc81a7;
    color: #ffffff !important;
}
.rozeinvrt .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #dc81a7;
    border-color: #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .Brand-archive .Button {
    background-color: #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .Quote-text {
    color: #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .MagazineInfo {
    background-color: #dc81a7;
}
.rozeinvrt .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #dc81a7;
}

/* BRAND PAGE - Zlata jesen */
.zlatajesen .Toolbar-brandpage {
    background-color: #896e4a;
    border-bottom: 3px solid #896e4a;
}
.zlatajesen .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #896e4a;
    border-color: #896e4a;
}
.zlatajesen .Brand--testBrand1 .ArticleItem-category a {
    color: #896e4a;
}
.zlatajesen .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #896e4a;
    color: #ffffff !important;
}
.zlatajesen .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #896e4a;
}
.zlatajesen .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #896e4a;
}
.zlatajesen .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #896e4a;
    border-color: #896e4a;
}
.zlatajesen .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #896e4a;
}
.zlatajesen .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #896e4a;
}
.zlatajesen .Brand--testBrand1 .Brand-archive .Button {
    background-color: #896e4a;
}
.zlatajesen .Brand--testBrand1 .Quote-text {
    color: #896e4a;
}
.zlatajesen .Brand--testBrand1 .MagazineInfo {
    background-color: #896e4a;
}
.zlatajesen .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #896e4a;
}

/* BRAND PAGE - Namig */
.namig .Toolbar-brandpage {
    background-color: #ff0000;
    border-bottom: 3px solid #ff0000;
}
.namig .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #ff0000;
    border-color: #ff0000;
}
.namig .Brand--testBrand1 .ArticleItem-category a {
    color: #ff0000;
}
.namig .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #ff0000;
    color: #ffffff !important;
}
.namig .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #ff0000;
}
.namig .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #ff0000;
}
.namig .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #ff0000;
    border-color: #ff0000;
}
.namig .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #ff0000;
}
.namig .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #ff0000;
}
.namig .Brand--testBrand1 .Brand-archive .Button {
    background-color: #ff0000;
}
.namig .Brand--testBrand1 .Quote-text {
    color: #ff0000;
}
.namig .Brand--testBrand1 .MagazineInfo {
    background-color: #ff0000;
}
.namig .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #ff0000;
}

/* BRAND PAGE - Počitnice */
.pocitnice .Toolbar-brandpage {
    background-color: #50e6e6;
    border-bottom: 3px solid #50e6e6;
}
.pocitnice .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #50e6e6;
    border-color: #50e6e6;
}
.pocitnice .Brand--testBrand1 .ArticleItem-category a {
    color: #50e6e6;
}
.pocitnice .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #50e6e6;
    color: #ffffff !important;
}
.pocitnice .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #50e6e6;
}
.pocitnice .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #50e6e6;
}
.pocitnice .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #50e6e6;
    border-color: #50e6e6;
}
.pocitnice .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #50e6e6;
}
.pocitnice .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #50e6e6;
}
.pocitnice .Brand--testBrand1 .Brand-archive .Button {
    background-color: #50e6e6;
}
.pocitnice .Brand--testBrand1 .Quote-text {
    color: #50e6e6;
}
.pocitnice .Brand--testBrand1 .MagazineInfo {
    background-color: #50e6e6;
}
.pocitnice .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #50e6e6;
}

/* BRAND PAGE - Pun pisker */
.pisker .Toolbar-brandpage {
    background-color: #000000;
    border-bottom: 3px solid #000000;
}
.pisker .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #000000;
    border-color: #000000;
}
.pisker .Brand--testBrand1 .ArticleItem-category a {
    color: #000000;
}
.pisker .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #000000;
    color: #ffffff !important;
}
.pisker .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #000000;
}
.pisker .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #000000;
}
.pisker .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #000000;
    border-color: #000000;
}
.pisker .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #000000;
}
.pisker .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #000000;
}
.pisker .Brand--testBrand1 .Brand-archive .Button {
    background-color: #000000;
}
.pisker .Brand--testBrand1 .Quote-text {
    color: #000000;
}
.pisker .Brand--testBrand1 .MagazineInfo {
    background-color: #000000;
}
.pisker .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #000000;
}
/* Pun pisker - customizacija za brand Menu */
.pisker .brand-menu.nav li a:hover,
.pisker .brand-menu.nav li a:focus,
.pisker .brand-menu.nav li.active a {
    background-color: transparent;
    color: #666666;
}

/* BRAND PAGE - Lepa in zdrava */
.Lepainmlada .Toolbar-brandpage {
    background-color: #eae24b;
    border-bottom: 3px solid #eae24b;
}
.Lepainmlada .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #eae24b;
    border-color: #eae24b;
}
.Lepainmlada .Brand--testBrand1 .ArticleItem-category a {
    color: #eae24b;
}
.Lepainmlada .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #eae24b;
    color: #ffffff !important;
}
.Lepainmlada .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #eae24b;
}
.Lepainmlada .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #eae24b;
}
.Lepainmlada .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #eae24b;
    border-color: #eae24b;
}
.Lepainmlada .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #eae24b;
}
.Lepainmlada .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #eae24b;
}
.Lepainmlada .Brand--testBrand1 .Brand-archive .Button {
    background-color: #eae24b;
}
.Lepainmlada .Brand--testBrand1 .Quote-text {
    color: #eae24b;
}
.Lepainmlada .Brand--testBrand1 .MagazineInfo {
    background-color: #eae24b;
}
.Lepainmlada .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #eae24b;
}

/* BRAND PAGE - Obrazi 100 */
.obrazi-100 .Toolbar-brandpage {
    background-color: #ff0000;
    border-bottom: 3px solid #ff0000;
}
.obrazi-100 .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #ff0000;
    border-color: #ff0000;
}
.obrazi-100 .Brand--testBrand1 .ArticleItem-category a {
    color: #ff0000;
}
.obrazi-100 .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #ff0000;
    color: #ffffff !important;
}
.obrazi-100 .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #ff0000;
}
.obrazi-100 .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #ff0000;
}
.obrazi-100 .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #ff0000;
    border-color: #ff0000;
}
.obrazi-100 .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #ff0000;
}
.obrazi-100 .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #ff0000;
}
.obrazi-100 .Brand--testBrand1 .Brand-archive .Button {
    background-color: #ff0000;
}
.obrazi-100 .Brand--testBrand1 .Quote-text {
    color: #ff0000;
}
.obrazi-100 .Brand--testBrand1 .MagazineInfo {
    background-color: #ff0000;
}
.obrazi-100 .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #ff0000;
}

/* BRAND PAGE - Lady Krizanke */
.lady-krizanke .Toolbar-brandpage {
    background-color: #ff0000;
    border-bottom: 3px solid #ff0000;
}
.lady-krizanke .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    color: #ff0000;
    border-color: #ff0000;
}
.lady-krizanke .Brand--testBrand1 .ArticleItem-category a {
    color: #ff0000;
}
.lady-krizanke .Brand--testBrand1 .ArticleItem-category--box a {
    background-color: #ff0000;
    color: #ffffff !important;
}
.lady-krizanke .Brand--testBrand1 .Brand-categoryTitle span {
    background-color: #ff0000;
}
.lady-krizanke .Brand--testBrand1 .Brand-categoryTitle:before {
    border-top: 1px solid #ff0000;
}
.lady-krizanke .Brand--testBrand1 .Brand-archive .LargeTitle {
    color: #ff0000;
    border-color: #ff0000;
}
.lady-krizanke .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    background-color: #ff0000;
}
.lady-krizanke .Brand--testBrand1 .Brand-archive .LargeTitle .titleBorder {
    border-color: #ff0000;
}
.lady-krizanke .Brand--testBrand1 .Brand-archive .Button {
    background-color: #ff0000;
}
.lady-krizanke .Brand--testBrand1 .Quote-text {
    color: #ff0000;
}
.lady-krizanke .Brand--testBrand1 .MagazineInfo {
    background-color: #ff0000;
}
.lady-krizanke .Brand--testBrand1 .MagazineBar-page--info {
    background-color: #ff0000;
}

/* Corporate pages */
.CorpoPage {
    font-family: 'toti_serif';
    font-size: 22px;
    line-height: 1.45;
    color: #424242;
}
.CorpoPage .LargeTitle {
    margin: 50px 0 80px;
}
.TitleCorpo,
.TitleCorpo-lead {
    color: #2a2a2a;
}
.titleIntro {
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 0.1px;
    color: #4a4a4a;
    margin-bottom: 30px;
}
.orange-bold {
    font-family: 'toti_slab';
    font-weight: 800;
}
.BlackTitle span {
    font-size: 1.4rem;
}
.CorpoPage-edition:nth-child(2n +1) {
    background-color: transparent;
}
.CorpoPage-edition:nth-child(2n) {
    background-color: #f5f5f1;
}
.CorpoLink span {
    font-family: 'toti_sans';
    font-size: 16px;
    line-height: 2.29;
    color: #2a2a2a;
}
.Toolbar[data-module="238"] .Header-navigation .Header-el:first-child,
.Toolbar[data-module="422"] .Header-navigation .Header-el:first-child {
    width: 58%;
}

/* O Podjetju */
.opodjetju .itemCorporate.i1 .LargeTitle {
    margin-bottom: 40px;
}
.opodjetju .itemCorporate {
    padding: 100px 0 70px;
}
.opodjetju .itemCorporate:first-child {
    padding-top: 0;
}
@media screen and (min-width: 768px) {
    .opodjetju .dl-horizontal dt {
        width: 330px;
        text-align: left;
    }
    .opodjetju .dl-horizontal dd {
        margin-left: 400px;
    }
}
.opodjetju dt,
.opodjetju dd {
    line-height: 2.82;
}
.opodjetju a {
    color: #fb5501;
}
.opodjetju a:hover,
.opodjetju a:focus {
    color: #2a2a2a;
}
.opodjetju .people {
    padding: 60px 0;
}
@media screen and (max-width: 767px) {
    .opodjetju .people .photo,
    .opodjetju .people {
        text-align: center;
    }
}
@media screen and (min-width: 768px) {
    .opodjetju .people .photo {
        text-align: right;
    }
}
.contacts {
    padding-bottom: 70px;
}
.contacts p {
    margin: 0;
}

/* Projekti */
.projects .introText {
    padding: 0 0 70px;
}
.projects .itemFullText {
    padding: 70px 0;
    margin-bottom: 120px;
}
.projects .itemFullText {
    background: #ff0000;
}
.projects .itemFullText .titleIntro {
    color: #fff;
}
.projects .itemFullText ul li {
    padding-left: 50px;
    position: relative;
    color: #4a4a4a;
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 30px;
}
.projects .itemFullText ul li:before {
    content: "";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 6px;
    left: 0;
}
.projects .itemProject p a {
    font-weight: bold;
}
.projects .itemProject {
    margin-bottom: 130px;
}

/* Oglaševanje */
.advertising p:first-child {
    margin-top: 0;
}
.advertising .contacts {
    padding-bottom: 100px;
}
.advertising .contacts ul li {
    padding-left: 50px;
    position: relative;
    line-height: 1.45;
    margin-bottom: 30px;
}
.advertising .contacts ul li:before {
    content: "";
    font-family: 'FontAwesome';
    color: #ff0000;
    font-size: 14px;
    position: absolute;
    top: 6px;
    left: 0;
}

/* Medijsko središče */
.media-center .itemProject .titleIntro {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -0.6px;
    color: #212121;
    margin-bottom: 15px;
}
.media-center .itemProject .created {
    font-family: 'toti_sans';
    font-size: 16px;
    color: #4a4a4a;
    text-transform: lowercase;
}
.media-center .itemProject {
    margin-bottom: 60px;
}
.media-center .itemGraphic {
    padding-bottom: 120px;
}
.media-center .itemFullText .row {
    padding-bottom: 70px;
}
.media-center .itemFullText .row .col-sm-4 img {
    margin-bottom: 20px;
}
.CorpoLink .Icon {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
@media (max-width: 479px) {
    .CorpoLink .Icon,
    .CorpoLink a {
        display: block;
    }
    .CorpoLink .Icon {
        margin-bottom: 10px;
    }
}

/* MAGNIFIC POPUP for Article Image gallery slideshow */
.open-gallery {
    cursor: pointer;
}
.mfp-bg {
    background: #242424;
    filter: alpha(opacity=100);
    opacity: 1;
}
.mfp-bottom-bar {
    font-family: "toti_sans",Arial,Helvetica,sans-serif;
    margin-top: -40px;
    background: #191919;
}
.mfp-counter {
    top: 11px;
    left: 8px;
    right: auto;
    border-right: 1px solid #404040;
    padding-right: 10px;
    font-size: 14px;
}
.mfp-title {
    padding: 10px 10px 10px 66px;
    font-size: 15px;
    line-height: 20px;
    min-height: 40px;
    overflow: hidden;
}
.mfp-title .ArticleImage-source {
    margin-right: 10px;
    color: #707070;
}
.mfp-title .ArticleImage-source .fa-camera {
    position: relative;
    top: -1px;
}
.mfp-title .desc {
    display: inline-block;
}
.mfp-arrow {
    width: 60px;
    height: 60px;
}
.mfp-arrow:before,
.mfp-arrow:after {
    content: normal;
}
.mfp-arrow.mfp-arrow-left {
    background: url('../images/gal_prev1.png') no-repeat center center #010101;
}
.mfp-arrow.mfp-arrow-right {
    background: url('../images/gal_next1.png') no-repeat center center #010101;
}
.ArticleImage .article-Gallery {
    position: absolute;
    top: 15px;
    right: 15px;
}
.article-Gallery .open-gallery {
    display: inline-block;
    width: 92px;
    height: 70px;
    background: url('../images/cssimg/custom-icons.png') no-repeat 0 -330px;
}
.article-Gallery .open-gallery .fa-camera {
    color: #ff0000;
}

/* single image popup - Magnific popup */
.single-image .mfp-title {
    padding: 10px;
}
.single-image .ArticleImage-source .fa {
    margin-right: 5px;
}

/* FOOTER */
.Footer-top .Newsletter-button {
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    margin-top: 20px;
    color: #fff;
    text-decoration: none;
    float: none;
    display: inline-block;
    padding: 4px 10px;
}
.Footer-top .Newsletter-button:hover,
.Footer-top .Newsletter-button:focus {
    color: #fff;
}
@media screen and (max-width: 1279px) {
    .Footer-bottom .Social-item {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
    .col-lg-offset-1 {
        margin-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .Footer-copyright {
        margin: 30px 0 20px;
    }
}
@media (max-width: 991px) {
	.Footer-list {
		margin-bottom: 30px;
	}
}
.PrintEdition .Footer-title {
    margin-bottom: 15px;
}
.PrintEdition .Newsletter-button {
    display: inline-block;
    width: auto;
}
.PrintEdition-archiveLink {
    padding-left: 5px;
}
.PrintEdition-title {
    font-size: 1.1rem;
    font-weight: normal;
}
.PrintEdition-title a {
    color: #fff;
}
.PrintEdition-title a:hover,
.PrintEdition-title a:focus {
    color: #ff0000;
}
a:hover .PrintEdition-subtitle,
a:focus .PrintEdition-subtitle {
    color: #fff;
}
.Footer-item {
    line-height: 1.1;
    margin-top: 15px;
}
.Footer-list--large .Footer-item {
    margin-top: 15px;
}
.Footer-list--large .Footer-item:first-child {
    margin-top: 0;
}

/* LINIJE - new code for bottom border - Rubrika OSTALE OBJAVE */
.LargeTitle {
    border-bottom: 4px solid #9f9f9f;
    height: 48px;
    margin: 0;
}
@media (max-width: 479px) {
    .CorpoPage .LargeTitle {
        height: auto;
        padding-bottom: 5px;
    }
}
@media (min-width: 767px) {
    .LargeTitle span {
        display: inline-block;
    }
}
.LargeTitle-wrapButton {
    bottom: -4px;
}
.SectionMoreArticles-Header .LargeTitle {
    margin: 15px 0 40px;
}
@media (max-width: 767px) {
    .LargeTitle-wrapButton {
        position: absolute;
        right: 0;
        top: 40px;
        margin: 4px 0 15px;
    }
    .LargeTitle-wrapButton .btn-group {
        background: #fff;
    }
    .subcategoryItems .LargeTitle--homepage { /* podkategorije na Rubrikama i Brandpageu */
        height: auto;
    }
}
@media (min-width: 768px) {
    .LargeTitle-more,
    .LargeTitle-close {
        position: absolute;
        bottom: 0;
    }
    .Trending .LargeTitle-more {
        position: static;
    }
    .LargeTitle {
        height: 34px;
    }
}
@media (min-width: 992px) {
	.LargeTitle {
        height: 74px;
	}
}
@media (min-width: 1200px) {
	.LargeTitle {
        height: 74px;
	}
}
@media (min-width: 1280px) {
	.LargeTitle {
		height: 120px;
	}
}

/* LINIJE - new code for bottom border - homepage Boxes, Osmrtnice page, Authors page */
@media (max-width: 340px) {
    /* modul za Zdravje in Lepota - zbog dužine naslova */
    .OCM_Modules[data-moduleid="221"] .LargeTitle--homepage {
        height: 125px;
    }
}
@media (max-width: 767px) {
    .OCM_Modules .LargeTitle--homepage {
        height: 75px;
        margin-top: 30px;
    }
    .bigFont .LargeTitle--homepage {
        height: auto;
        padding-bottom: 10px;
    }
}
@media (min-width: 768px) {
    .LargeTitle--homepage {
        height: 48px;
        border-width: 1px;
    }
}
@media (min-width: 992px) {
    .LargeTitle--homepage {
        height: 23px;
    }
}
@media (min-width: 1200px) {
    .LargeTitle--homepage {
        height: 23px;
    }
}
@media (min-width: 1280px) {
    .LargeTitle--homepage {
        height: 23px;
    }
}

/* LINIJE - Brandpages - Arhiva */
.Brand--testBrand1 .Brand-archive .LargeTitle-wrapButton {
    bottom: -4px;
}
@media (max-width: 767px) {
    .Brand-archive .LargeTitle {
        height: 50px;
    }
    .Brand--testBrand1 .Brand-archive .LargeTitle {
        margin: 15px 0 34px;
    }
}
@media (min-width: 768px) {
    .Brand--testBrand1 .Brand-archive .LargeTitle {
        margin: 15px 0 20px;
    }
}
@media (min-width: 1200px) {
    .Brand-archive .LargeTitle {
        height: 77px;
    }
    .Brand--testBrand1 .Brand-archive .LargeTitle {
        margin: 15px 0 40px;
    }
}
@media (min-width: 1280px) {
    .Brand-archive .LargeTitle {
        height: 125px;
    }
}

/* Listing Vox populi */
.Widget-results {
    display: block;
}
.vox .Widget-content--alt {
    padding-top: 0;
}
.Widget-copyright {
    text-align: right;
}

/* module Countdown */
.cdub_main {
    padding: 10px 0 20px 0;
    text-shadow: 0px 0px 5px #000000;
}
.cdub_main h2 { /* Event title - currently disabled */
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 5px;
}
.cdub_main .countdown_section {
    display: inline-block;
    margin-top: -5px;
}
.cdub_main .countdown_amount {
    display: block;
    font-size: 4.375rem;
    line-height: 1.2;
    font-weight: normal;
    /*letter-spacing: -5.2px;*/
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    min-width: 90px;
}
.cdub_main .countdown_label {
    display: block;
    font-size: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
    min-width: 90px;
}
.cdub_main .separator .countdown_amount,
.cdub_main .separator .countdown_label {
    min-width: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .cdub_main .countdown_amount {
        font-size: 3rem;
        min-width: 50px;
    }
    .cdub_main .countdown_label {
        font-size: 0.9rem;
        min-width: 50px;
    }
}
@media screen and (min-width: 320px) and (max-width: 479px) {
    .cdub_main .countdown_amount {
        font-size: 3rem;
        min-width: 50px;
    }
    .cdub_main .countdown_label {
        font-size: 0.9rem;
        min-width: 50px;
    }
}
@media screen and (max-width: 320px) {
    .cdub_main .desc {
        margin-bottom: 15px;
    }
    .cdub_main .countdown_amount {
        font-size: 2rem;
        min-width: 50px;
    }
    .cdub_main .countdown_label {
        font-size: 0.8rem;
        min-width: 50px;
    }
}
.cdub_bold {
    color: #ff0000;
}
.expired-divider {
    margin-bottom: 10px;
}
[id^="bigafter"] .countdown_amount {
    font-size: 2rem;
}

/* Article View */
@media screen and (max-width: 991px) {
    .ArticleContent .ArticleFloat-left,
    .ArticleContent .ArticleFloat-right {
        display: none;
    }
    .banner-right-2,
    .banner-right-3 {
        margin-top: 20px;
    }
}
@media screen and (min-width: 992px) {
    .mobile-sidebars {
        display: none;
    }
}

.ArticleAuthor--fallbackArticleSmall {
    padding-top: 5px;
}
@media screen and (max-width: 479px) {
    .ArticleAuthor-wrapButton {
        display: block;
    }
    .ArticleAuthor--fallbackArticleSmall .ArticleAuthor-name {
        margin-left: 5px;
    }
}
.ArticleHeader .ArticleAuthor-wrapButton .Button {
    margin-top: 0;
}

@media screen and (max-width: 1279px) {
    .dropdown-menu {
        min-width: 0;
    }
}
@media screen and (max-width: 767px) {
    .dropdown-menu > li > a {
        font-size: 1rem;
        padding: 0 20px;
    }
}

/* Rubrika View - sekcije i subcategory */
@media screen and (max-width: 479px) {
    .Owner-text {
        padding: 10px 15px 10px 60px;
        text-align: left;
    }
    .Owner-wrapPersonImage {
        left: 6px;
    }
    .Owner-title {
        padding: 0;
    }
}
/* promjena headera za glavnu Sekciju */
.map-and-weather .SectionHeader-mainContainer {
    margin-top: 0;
    height: 450px;
}
.map-and-weather .SectionHeader-container {
    position: absolute;
}
.SectionHeader-title {
    margin-bottom: 20px;
}
@media (min-width: 62em) {
    .SectionHeader-title {
        letter-spacing: -0.518125rem;
    }
}
@media (min-width: 80em) {
	.SectionHeader-title {
		font-size: 6.5rem;
		line-height: 6.5rem;
		letter-spacing: -0.518125rem;
	}
}
/* subcategory header */
@media (max-width: 991px) {
    .rubrika .banner {
        margin: 20px 0;
    }
}

/* Zabeležke page */
@media (min-width: 62em) {
    #listingNotes  .HomepageNotes-item {
        display: inline-block;
        padding: 20px 12px 0;
    }
}
@media (min-width: 80em) {
    #listingNotes  .HomepageNotes-item {
        display: table-cell;
        padding: 40px 25px;
    }
}

/* Listing Dossier page */
@media (max-width: 991px) {
    .SectionMostRead-right {
        margin-bottom: 20px;
    }
}
@media (max-width: 991px) {
    .dossier.SectionMostRead .banner300x250,
    .dossier.SectionMostRead .banner-1 {
        margin-bottom: 50px;
    }
}

/* article Gallery - Slider */
@media (max-width: 1279px) {
    .GallerySlide-pusher {
        display: block;
    }
    .GallerySlide-imageWrapper {
        margin-bottom: 0;
        height: auto;
    }
    .GallerySlide-caption {
        margin: 20px 20px 40px 20px;
    }
    .GallerySlide-pusher .GallerySlide-social {
        display: none;
    }
    .GallerySlide-pusher .GallerySlide-source {
        border-bottom:2px solid #4a4a4a;
        padding-bottom: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .GallerySlide-imageWrapper {
        display: block;
        width: 100%;
    }
    .GallerySlide-pusher {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .Gallery-row {
        height: 74vw;
    }
    .Gallery-row--upper {
        height: auto;
    }
}
@media (min-width: 992px) {
    .Gallery-row {
        height: 68vw;
    }
    .Gallery-row--upper {
        height: auto;
    }
}
@media (min-width: 1280px) {
    .Gallery-row {
        height: 40vw;
    }
    .Gallery-row--upper {
        height: auto;
    }
}

/* locked Article */
.subscribe {
    margin-bottom: 50px;
}
.subscribe h3 {
    font-size: 2rem;
}
.subscribe a.sublink {
    color: #ff0000;
}
.subscribe a.sublink:hover,
.subscribe a.sublink:focus {
    color: #000;
}
.subscribe .UserProfile-content {
    margin-top: 0;
}
span.locked {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/locked.png') no-repeat;
    margin-right: 5px;
}
.isGallery span.locked,
.ArticleItem--fullImage span.locked,
.ArticleItem--brandMain span.locked,
.ArticleItem--brandFullImage span.locked {
    background-color: #fff;
    background-position: 50% 50%;
    background-size: 12px;
    width: 16px;
    height: 16px;
    padding: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
@media (min-width: 1280px) {
    .isGallery span.locked {
        background-size: 16px;
        width: 20px;
        height: 20px;
    }
}
@media (min-width: 992px) {
    .ArticleItem--fullImage span.locked,
    .ArticleItem--brandMain span.locked,
    .ArticleItem--brandFullImage span.locked {
        background-size: 16px;
        width: 20px;
        height: 20px;
    }
}

/*------------------------------------------------------------------------------
	custom CSS - Luka
------------------------------------------------------------------------------*/

/*Home page */
/*
.main-module-title{
	box-shadow: 0 2px 0 #2a2a2a;
}*/
.Opinions .HomepageNotes-item .ArticleItem-title{
	max-height: 8.75rem;
	overflow: hidden;
}
.Opinions .Timestamp {
    font-size: 0.7rem;
	padding-top: 5px;
}
.home .HomepageNotes-item:last-child{
	border-right: 6px solid #e0dfdf;
}
.draggableModule:hover{
	cursor: move;
}
/*Featured articles */
.HomepageNews .b300x250.banner {
    padding: 0;
}
/*Resized columns*/
@media screen and (min-width: 992px) {
    /*.resizeColumn .Authors-block {
        position: absolute;
        bottom: 25px;
    }
    .resizeColumn .Timestamp {
        position: absolute;
        bottom: 0;
    }*/
}
/* Banners */
.banner300x250.banner {
    min-height: 250px;
    /*width: 300px;*/
}
.bannerWrapper{
	background-color: #f5f5f5;
}
/*border*/
.titleBorder {
    display: none;
	border-bottom: 2px solid #2a2a2a;
    right: 0;
    bottom: 16%;
    position: relative;
    width: 100%;
    z-index: -1;
}
.dragAndDrop-container{
	border: 1px solid;
	height: 400px;
	padding-top: 15px;
}
#dragulaPreload {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
	top : 0;
    z-index: 2147483647;
}
#dragulaPreload .contentPreloader{
	left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.showAllmodules, .hideAllModules{
	cursor: pointer;
	font-weight: 700;
    margin-top: 10px;
}
.showAllmodules:hover, .hideAllModules:hover{
	color: #FC7700;
}
.modulePlacement {
	margin-bottom: 15px;
	margin-left: 20px;
}
.man-modules-wrap{
	float: left;
	width: 50%;
}

.ArticleBookmark-wrapButton{
	position: absolute;
	right: 0;
	bottom: 0;
}

#preloader{
	position:relative;
	width:147px;
	height:183px;
	margin:auto;
}
.AuthorInfo-buttonWrapper a.modal {
    display: inline-block;
    overflow: visible;
    position: static;
}
.replyForm{
	padding-top: 18px;
}
.orange {
	color : #ff0000;
}
.gray {
	color : #9b9b9b;
}
#myProgress {
	display: none;
    position: relative;
    width: 100%;
    height: 3.5px;
    background-color: grey;
}
#myBar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: #ff0000;
}
.UserProfile iframe {
    width: 100%;
	height: 1020px;
}
.UserProfile #club iframe {
    height: 2000px;
}
.iframeOverlay{
	background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    content: "";
    cursor: pointer;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.authorWrap {
    margin-bottom: 17px;
}
.muAuthors .authorWrap {
    text-align: center;
}
.muAuthors .authorWrap {
    position: relative;
    top: -40px !important;
}

/* Comment form */
form ul.CommentForm-tools {
    border-top: 1px solid #e0dfdf;
    list-style: outside none none;
}
/*Profile page*/
.profile_updatePassword i{
	padding-left: 7px;
}
.profile_updatePassword:hover{
	cursor: pointer;
	color:#cc0000;
}
iframe.profilePageIframe{
    display: block;
    position: relative;
    z-index: 1000;
}
.replies .Comment-actions.Comment-actions--right.fuj {
    position: relative;
    right: 20px;
}
.notificationWrapper{
	background-color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 31px;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.notificationWrapper i{
	font-size: 3em;
    left: 50%;
    opacity: 0.9;
    position: absolute;
    top: 30%;
    transform: translate(-50%, -50%);
}
.imgReadNotificationLink:hover{
	color: #fff;
}
.notificationWrapper .readNewNotification{
	color: #fff;
    font-size: 31px;
    left: 50%;
    line-height: 31px;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    top: 75%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.notificationIcon.fa.fa-cog.fa-spin {
    left: 36%;
    top: 15px;
	color:#fff;
}

.searcProgress {
	display: none;
    position: relative;
    width: 100%;
    height: 3.5px;
    background-color: grey;
}
#progressBar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: #ff0000;
}
input.form-control.authorSearchField{
	background: #fff;
}
.uncheckSelectedAuthor i {
	color: #ff0000;
	display: block;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
}
.draggableModule i{
	padding-right: 10px;
}
/* Newsletteri */
.Icon-News {
	width: 153px;
	height: 153px;
	background: #272727;
	background-image: url('../images/cssimg/newsletter-icons.png');
	background-size: 100% auto;
	display: inline-block;
	margin: 73px 0;
}
.Icon--morning {
    background-position: 0 0;
}
.Icon--day {
    background-position: 0 -100%;
}
.Icon--now {
    background-position: 0 -50%;
}
#newsletter h3.UserProfile-title{
	text-transform: uppercase;
}
.icon_jutro {
	background: url('../images/newsletter/icon-jutro.svg');
	width: 99px;
	height: 151px;
	object-fit: contain;
	background-color: #000000;
}

.sendOptionContainer {
	background-color: #f5f5f1;
    border: 1px solid #cfcfcf;
    border-radius: 7px;
	margin-bottom: 25px;
}
.sendOptionContainer .content{
	position: relative;

}
.sendOptionContainer .content h1 {
	font-size: 31px;
    margin: 20px 0;
    text-transform: uppercase;
}
.sendOptionContainer .sendOptionDesc {
    padding-top: 15px;
	font-size: 18px;
}
.sendOptionContainer .lastNewsletter {
    color: #ff0000;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}
.sendOptionWrapperIcon {
	background-color: #272727;
	text-align: center;
	border-radius: 7px 0 0 7px;
    font-size: 0;
}
.sendOptionWrapperIcon i{
	color: #FB7803;
	font-size: 119px;
}
.sendOptionWrapperIcon .fa {
    padding: 90px 0;
}
.sendendOptionButton.Button.Button--white {
    border-color: #F97703;
    color: #F97703;
}
.sendendOptionButton.Button.Button--white i {
    color: #F97703;
}
/*
* -------------------------------
*    Main search 
* -------------------------------
*/
.searchHeaderImgWrapper img{
	height: 186px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	margin-bottom:20px;
}
.searchWrapper{
	border: 1px solid #FFF;
}

.search-container .MostPopular{
	margin: 0 0 15px 0;
}
.search-container .Button--dark {
    background-color: transparent;
    border: none;
    color: #666;
}
.search-container .Button .fa{
	color: #ff0000;
}
.search-container .ListingActionBar-container{
	background-color: transparent;
    border: none;
    border-radius: 0;
}
.search-container #orderByMenu .dropdown-menu{
	border-radius: 0;
}
.search-container input[name="search"] {
	width: 100%;
}

.dropdown-menu li > a:hover {
    color: #fb0000;
}
.search-container .ListingActionBar {
    padding: 0 0 5px;
}
.search-container .Pagination-link {
	font-size:13px;
	color: #000;
}
.search-container .Pagination-link.active {
	color: #ff0000;
}
.searchWrapper input{
	width: 140px;
	font-family: Tahoma, sans-serif;
	padding: 6px 0 0px 7px;
	height: 25px;
	border: none;
    float: left;
    border-radius: 0;
    background-color: transparent;
    font-size: 15px;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
    outline: none;
	color: #666;
}
.searchWrapper input:focus{
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
    outline: none;
}
.searchWrapper button{
	background-color: transparent;
	border-radius: 0;
	border: none;
	padding: 2px 10px 5px 10px;
}
.searchWrapper button:hover{
	background-color: #ff0000;
}
.searchWrapper button i {
	color: #666;
}


/* module search */
/*.ListingActionBar-search{
	margin-bottom: 15px;
}*/
.searchByYear{
	position:relative;
    max-width: 250px;
}
.statementContainer .searchByYear{
    margin-top: 15px;
}
.searchByYear .Toggler-body{
	padding: 15px 0;
}
.searchByYear .Toggler-body li {
	font-size: 1rem;
	padding: 3px 10px;
	margin-bottom: 2px;
	cursor: pointer;
}
.searchByYear .fa.fa-check {
    color: #ff0000;
    float: right;
}
.searchByYear .Toggler-body li:hover {
	background-color: #F5F5F1;
}
.searchByYear .ListingActionBar-label{
	color: #999999;
    vertical-align: baseline;
}
.searchByYear .chosenYear{
	color: #ff0000;
    text-transform: none;
}
.searchByYear .Toggler-title.Box-group{
	min-width: 150px;
}
.searchByYear .Toggler-body.Box-group {
	display: none;
    background-color: #FFF;
    position: absolute;
    top: 40px;
    width: 366px;
    z-index: 1;
}
@media screen and (min-width: 990px) {
    .sendOptionContainer .content {
        height: 299px;
    }
    .sendOptionButtonWrapper {
        position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%,-50%);
        text-align: center;
    }
    .sendOptionContainer .lastNewsletter {
        bottom: 20px;
        position: absolute;
    }
}
.alreadySubscribed {
    color: gray;
    display: block;
	font-size: 14px;
    padding-top: 20px;
    text-align: center;
}
.thankYouSubscribe,
.thankYouUnsubscribe {
    color: gray;
    font-size: 14px;
    font-style: italic;
    padding-top: 20px;
    display: block;
}
.sendendOptionButton{
	font-size: 16px;
	cursor: pointer;
}
.sendendOptionButton .fa{
	margin-right: 10px;
}
.sendendOptionButton.Button.Button--orange i {
	color: #FFF;
}
/* recaptcha */
#recaptchaValidationFailed{
	display: block;
	margin-bottom: 4%;
}
.formReqTxt{
	color: #D44C4A;
}

/* Listing mnenja */
.Opinions .notes-item{
	display: table-cell;
}
.MnenjaNotes-container .Timestamp, .Notes-container .Timestamp {
	font-size: 0.7rem;
	margin-top: 10px;
}
.Timestamp-agency.noLink{
	text-decoration: none!important;
	color: #4a4a4a !important;
	cursor: not-allowed!important;
}
/* Listing notes */
#listingNotes .Timestamp{
	bottom: 0;
	position: absolute;
}
#listingNotes .Notes-container .HomepageNotes-item .Timestamp-agency {
	display: block;
	margin-bottom: 15px;
	position: static;
}
#listingNotes .Notes-container .ArticleItem-title {
	margin-bottom: 150px;
}

/* Profile page */
.biggerBubble{
	width: 32px;
}
/* Follow system */
#loginModal .UserProfile-wrapProfileBox{
	background: #fff;
}
.ProfileBox .close {
	font-size: 41px;
	padding-right: 7px;
}
#loginModal .modal-body{
	padding: 0 20px;
}
#loginModal .UserProfile-content{
	margin-top: 0;
}
#loginModal .UserProfile-wrapButtonGroup, .UserProfile-wrapProfileBox {
	margin-top: 0;
}
/* Followani article button */
.loginToFollow,
.loginToContanct.guest {
	color: #999;
}
.loginToFollow:hover{
	cursor: pointer;
}
.loginToFollow .fa {
	color: #999;    
}
@media screen and (max-width: 1280px){
	.notificationWrapper .readNewNotification{
		font-size: 21px;
		left: 50%;
		line-height: 31px;
		text-align: center;
		top: 75%;
	}
	.notificationWrapper i{
		font-size: 2.5em;
		top: 35%;
	}
}
@media screen and (max-width: 990px){
	.sendOptionWrapperIcon {
		border-radius: 7px 7px 0 0;
	}
	.sendOptionContainer .contentWrapper,
    .sendOptionButtonWrapper {
		padding: 0 20px;
		text-align: center;
	}
	.sendOptionContainer .content.subscribeActionWrapper{
		text-align: center;
	}
	.sendOptionWrapperIcon i {
		padding: 30px 0;
	}
    .sendOptionContainer .lastNewsletter {
        padding: 20px 0;
    }
    .sendendOptionButton {
        margin: 0 0 20px;
    }
    .alreadySubscribed,
    .thankYouSubscribe,
    .thankYouUnsubscribe {
        padding: 0 0 20px;
    }
}

/*Mobile view */
body div#window-mainbody.MobileView {
    padding: 0;
}
body .ArticleHeaderMobileView{
	padding-top: 0;
}
@media screen and (max-width: 500px){
	.sendOptionContainer .content.subscribeActionWrapper {
		text-align: center;
	}
}
@media screen and (max-width: 780px){
	.titleBorder {
		bottom: 5%;
		left: 0;
		width: 100%;
	}
}
@media screen and (max-width: 690px){
	.notificationWrapper .readNewNotification{
		font-size: 19px;
		left: 50%;
		line-height: 31px;
		text-align: center;
		top: 75%;
	}
	.notificationWrapper i{
		font-size: 2.5em;
		top: 35%;
	}

}
@media screen and (max-width: 625px){
	.notificationWrapper .readNewNotification{
		font-size: 11px;
		font-weight: bold;
		top: 85%;
	}
	.notificationWrapper i{
		top: 40%;
	}

}
@media screen and (max-width: 500px){
	.notificationWrapper .readNewNotification{
		display: none;
	}
	.notificationWrapper i{
		color: #FFF;
		font-size: 2em;
		top: 50%;
	}
	.imgReadNotificationLink:hover{
		color: #ff0000;
	}
	.notificationIcon.fa.fa-cog.fa-spin {
		left: 33%;
		top: 5%;
	}
}

@media screen and (max-width: 400px){
	.notificationWrapper .readNewNotification{
		display: none;
	}
	.notificationWrapper i{
		color: #FFF;
		font-size: 1.5em;
		top: 50%;
	}
	.imgReadNotificationLink:hover{
		color: #ff0000;
	}

}
@media screen and (max-width: 350px){
	.sendOptionContainer .sendOptionDesc {
		font-size: 14px;
	}
	.sendOptionContainer .lastNewsletter{
		font-size: 16px;
	}
}
@media screen and (max-width: 300px){
	.notificationWrapper .readNewNotification{
		display: none;
	}
	.notificationWrapper i{
		color: #FFF;
		font-size: 1.5em;
		top: 50%;
	}
	.imgReadNotificationLink:hover{
		color: #ff0000;
	}
	.notificationIcon.fa.fa-cog.fa-spin {
		left: 25%;
		top: 5%;
	}


}


.blockG{
	position:absolute;
	background-color:rgba(255,255,255,0.49);
	width:24px;
	height:57px;
	border-radius:19px 19px 0 0;
	-o-border-radius:19px 19px 0 0;
	-ms-border-radius:19px 19px 0 0;
	-webkit-border-radius:19px 19px 0 0;
	-moz-border-radius:19px 19px 0 0;
	transform:scale(0.4);
	-o-transform:scale(0.4);
	-ms-transform:scale(0.4);
	-webkit-transform:scale(0.4);
	-moz-transform:scale(0.4);
	animation-name:fadeG;
	-o-animation-name:fadeG;
	-ms-animation-name:fadeG;
	-webkit-animation-name:fadeG;
	-moz-animation-name:fadeG;
	animation-duration:1.2s;
	-o-animation-duration:1.2s;
	-ms-animation-duration:1.2s;
	-webkit-animation-duration:1.2s;
	-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal;
}

#rotateG_01{
	left:0;
	top:67px;
	animation-delay:0.45s;
	-o-animation-delay:0.45s;
	-ms-animation-delay:0.45s;
	-webkit-animation-delay:0.45s;
	-moz-animation-delay:0.45s;
	transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
}

#rotateG_02{
	left:19px;
	top:24px;
	animation-delay:0.6s;
	-o-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
	transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
}

#rotateG_03{
	left:62px;
	top:7px;
	animation-delay:0.75s;
	-o-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-moz-animation-delay:0.75s;
	transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
}

#rotateG_04{
	right:19px;
	top:24px;
	animation-delay:0.9s;
	-o-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
	transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}

#rotateG_05{
	right:0;
	top:67px;
	animation-delay:1.05s;
	-o-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-moz-animation-delay:1.05s;
	transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
}

#rotateG_06{
	right:19px;
	bottom:17px;
	animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
}

#rotateG_07{
	bottom:0;
	left:62px;
	animation-delay:1.35s;
	-o-animation-delay:1.35s;
	-ms-animation-delay:1.35s;
	-webkit-animation-delay:1.35s;
	-moz-animation-delay:1.35s;
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}

#rotateG_08{
	left:19px;
	bottom:17px;
	animation-delay:1.5s;
	-o-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
}


/* Registration form */
.checkboxRequired:before{
	border: 1px solid #FF0000!important;
}

/* Dveloping story*/
.DevelopingStory-sidebarContainer.is_stuck{
	padding-top: 80px;
}
@media (min-width: 62em) {
	.DevelopingStory-sidebar {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 20%;
		padding-top: 0;
	}
}

@keyframes fadeG{
	0%{
		background-color:rgba(0,0,0,0.48);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes fadeG{
	0%{
		background-color:rgba(0,0,0,0.48);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes fadeG{
	0%{
		background-color:rgba(0,0,0,0.48);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes fadeG{
	0%{
		background-color:rgba(0,0,0,0.48);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes fadeG{
	0%{
		background-color:rgba(0,0,0,0.48);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}







.userProfile-sideNavPreloader{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width:19px;
	height:23px;
	margin:auto;
}

.userProfile-sideNavPreloader .blockG{
	position:absolute;
	background-color:rgb(255,255,255);
	width:3px;
	height:7px;
	border-radius:2px 2px 0 0;
	-o-border-radius:2px 2px 0 0;
	-ms-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	transform:scale(0.4);
	-o-transform:scale(0.4);
	-ms-transform:scale(0.4);
	-webkit-transform:scale(0.4);
	-moz-transform:scale(0.4);
	animation-name:fadeGProfile;
	-o-animation-name:fadeGProfile;
	-ms-animation-name:fadeGProfile;
	-webkit-animation-name:fadeGProfile;
	-moz-animation-name:fadeGProfile;
	animation-duration:1.2s;
	-o-animation-duration:1.2s;
	-ms-animation-duration:1.2s;
	-webkit-animation-duration:1.2s;
	-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal;
}

.userProfile-sideNavPreloader #rotateG_01{
	left:0;
	top:8px;
	animation-delay:0.45s;
	-o-animation-delay:0.45s;
	-ms-animation-delay:0.45s;
	-webkit-animation-delay:0.45s;
	-moz-animation-delay:0.45s;
	transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
}

.userProfile-sideNavPreloader #rotateG_02{
	left:2px;
	top:3px;
	animation-delay:0.6s;
	-o-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
	transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
}

.userProfile-sideNavPreloader #rotateG_03{
	left:8px;
	top:1px;
	animation-delay:0.75s;
	-o-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-moz-animation-delay:0.75s;
	transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
}

.userProfile-sideNavPreloader #rotateG_04{
	right:2px;
	top:3px;
	animation-delay:0.9s;
	-o-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
	transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}

.userProfile-sideNavPreloader #rotateG_05{
	right:0;
	top:8px;
	animation-delay:1.05s;
	-o-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-moz-animation-delay:1.05s;
	transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
}

.userProfile-sideNavPreloader #rotateG_06{
	right:2px;
	bottom:2px;
	animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
}

.userProfile-sideNavPreloader #rotateG_07{
	bottom:0;
	left:8px;
	animation-delay:1.35s;
	-o-animation-delay:1.35s;
	-ms-animation-delay:1.35s;
	-webkit-animation-delay:1.35s;
	-moz-animation-delay:1.35s;
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}

.userProfile-sideNavPreloader #rotateG_08{
	left:2px;
	bottom:2px;
	animation-delay:1.5s;
	-o-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
}



@keyframes fadeGProfile{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes fadeGProfile{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes fadeGProfile{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes fadeGProfile{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes fadeGProfile{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

/*------------------------------------------------------------------------------
	BEGIN custom CSS - Renato
------------------------------------------------------------------------------*/

/* Fix za gallery item sliku */
/*.GallerySlide-image {
    max-height: none;
}*/

/* Dimenzije slika */
.Ticker-container {
    left: 0;
    padding-left: 0;
    backface-visibility: hidden;
}
.Ticker > span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

/* User profil */
#josForm input{
	width: 100%;
}
.dragAndDrop-container {
    /*background-color: #f5f5f1;*/
    border: 1px solid #e0dfdf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.layout-userprofile .DossierItem-title {
    display: block;    
}
.ArticleItem-visited {
    left: 30px;
}
.Article-wrapButton,
.ArticleBookmark-wrapButton {
    position: absolute;
    bottom: 0;
    right: 0;
}
@media screen and (max-width: 550px){
    .Article-wrapButton,
    .ArticleBookmark-wrapButton {
        margin-top: 10px;
        position: relative;        
        left: 34.5%;        
    }
    .ArticleItem-visited {
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        border-top: 2px solid #222;
        position: relative;
        left: 0;
        top: 0;
    }    
}

/* Fix za Authors na userprofilu */
.UserProfile .ArticleAuthor-name {
    margin-left: 5px;    
}
.UserProfile .ArticleAuthor-wrapButton {
    float: none;
}
@media screen and (max-width: 650px){
    .UserProfile .AuthorBlock {
        width: 100%;
        margin-top: 0;
        margin-bottom: 35px;
    }
    .UserProfile .Authors-row {
        margin-top: 0;
    }    
}

/* Followani article button */
.following {
    display: inline-block;
    padding: 4px 10px;
	/*    margin-bottom: 2px;*/
    text-transform: uppercase;
    color: #999;
}
.following .fa {
    color: #999;    
}

/* Bookmark button articles */
a.bookmark {
    cursor: pointer;
}
a.bookmarked {
    cursor: default;
}
a.bookmarked:hover, .bookmarked {
    color: #999;
}
a.bookmarked .fa {
    color: #ff0000;
}

/* Hover za following gumbiće */
.follow:hover, .unfollow:hover {
    color: #ff0000;
    cursor: pointer;
}
.follow.following:hover, .unfollow.following:hover {
    color: inherit;
    cursor: auto;
}

/* Userprofil teme */
.Tags-link--remove {
    padding-right: 19px;
}
.Addtheme {
    padding: 6px 19px;
    position: relative;
    border: 2px solid #aaa;
}
.themeButton {
    margin-left: 5px;
}

/* Picture of the day */
#pictureOfTheDay {
	position: relative;
    background: #ddd;
}
#pictureOfTheDay .titleWrapper{
    width: 100%;
    font-size: 3rem;
    background-color: rgba(0,0,0,0.7);
    padding: 10px 10px;
}
@media screen and (min-width: 768px) {
    #pictureOfTheDay .titleWrapper {
        position: absolute;
        bottom: 0;
    }
}
#pictureOfTheDay .title{
    color: #fff;
    display: none;
}
#pictureOfTheDay .Timestamp{
    color: #fff;
}
#pictureOfTheDay p{
	margin: 0;
}
#pictureOfTheDay img{
    width: 100%;
    height: 580px;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
}
#pictureOfTheDay .Article-Instagram-Twitter {
    padding-top: 20px;
}
#pictureOfTheDay .Article-Instagram-Twitter iframe {
    margin: 0 auto 0 !important;
}
#pictureOfTheDay .Article-photoDayEmbed img {
    height: auto;
}
#pictureOfTheDay .photoCaption {
    font-family: 'liberation_sanslight';
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.375rem;
}
@media screen and (min-width: 768px) {
    #pictureOfTheDay .photoCaption {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-top: 8px;
    }
}

/* Through time*/
.throughTimeModuleWrapper .ArticleCategory {
    margin-top: 0;
}
#throughTimeModule .throughTimeMainImg{
	position: relative;
	margin-bottom: 20px;
}
#throughTimeModule .throughTimeTitle{
	color: #fd0000;
    text-transform: uppercase;
    font-size: 14px;
}
#throughTimeModule .throughTimeMainImg img{
	height: 186px;
	width: 100%;
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
}
#throughTimeModule .catTitle{
	position: absolute;
	top: 20px;
	left:20px;
	font-size: 3rem;
    font-weight: bold;
    color: #fff;
}
#throughTimeModule .title,
.timelineTitleWrapper h2 {
    font-family: 'liberationlight';
    margin-top: 2px;
	margin-bottom: 5px;
	font-size: 1.25rem;
    line-height: 1.5rem;
}

/*
*	------------------------ 
*		Reactions
*	------------------------
*/
.title-button{
	position: relative;
}
.reactions .LargeTitle{
	margin-bottom: 40px;
}
.reactions .hamburger{
    position: absolute;
    bottom: 0px;
    right: -10%;
    padding: 0;
}
.reaction-replies{
	padding-left: 60px;
    margin-bottom: 30px;
}
.toggleReactions span{
	float: right;
	font-weight: normal;
}
.toggleReactions span:hover{
	color:#ff0000;
	cursor: pointer;
}

.reactionList{
	margin-top: 50px;
}
.reactionList .MostPopular{
	margin: 0 0 15px;
}

/* Following - Profil & Authors & Category */
.followedCategory {
	background: #e4e4e4;
	border-bottom: 8px solid #4a4a4a;
	display: block;
	margin-bottom: 30px;
}
.followedCategory-title {
	margin: 0 20px;
    font-family: 'liberationblack', "Courier New", Courier, monospace;
    font-weight: normal;
    font-size: 1.875rem;
    line-height: 1.2;
    color: #2a2a2a;
    display: block;
    padding: 15px 0 0 0;
}
.followedCategory-buttonbox {
    margin: 15px 20px;
}
.followedCategory .Button .fa {
	color: #fff;
}
.followedAuthor-name {
    font-family: 'liberation_sansregular';
    text-transform: uppercase;
    color: #4d4d4d;		
	max-width: 110px;
    font-size: 1.1875rem;
    line-height: 1.375rem;
	display: inline-block;
}
.followedAuthor-buttonbox {
	margin-top: 10px;
}
.followedAuthor-button {
	font-size: 0.8rem;
    height: 32px;
    line-height: 30px;
    padding: 0;
    min-width: 110px;
	white-space: normal;
	display: inline-block;
}
.followedAuthor-button .fa {
	/*	color: #fff;*/
	font-size: 1rem;
}
.followedAuthor-item {
	position: relative;
	margin-bottom: 30px;
}
.followedAuthor-image {
	max-width: 160px;
	width: 160px;
}
.followedAuthor-text {
    display: inline-block;
    position: absolute;
    left: 175px;
    bottom: 0;	
}
.Button--grey .fa {
	color: #fff;
}
@media screen and (max-width:650px) {
	.followedAuthor-image {
		max-width: 120px;
	}
	.followedAuthor-text {
		position: absolute;
		bottom: 0;
		left: 150px;
	}
}
@media screen and (min-width:992px) and (max-width:1279px) {
	.followedAuthor-text {
		left: 105px;
	}
	.followedAuthor-image {
		max-width: 100px;
	}
}
@media screen and (max-width:650px){
	.col-xxs-12 {
		width: 100%
	}
	.col-xxs-4 {
		width: 33.33333333%;
	}
	.col-xxs-8 {
		width: 66.66666666%;
	}	
}

.AuthorInfo-imageButtons .followedAuthor-button,
.listing-authors .followedAuthor-button {
	height: 47px;
    clear: both;
    display: inline-table!important;
}
.AuthorInfo-imageButtons .followedAuthor-button .fa,
.listing-authors .followedAuthor-button .fa {
	line-height: 45px;
    float: left;
    margin-left: 10px;
    margin-right: 8px;
}
.AuthorInfo-imageButtons .followedAuthor-button span,
.listing-authors .followedAuthor-button span {
	display: inline-block;
    width: 65px;
    height: 45px;
    text-align: left;
    float: left;
    line-height: 1.3;
    padding-top: 6px;
}
.ListingHeader .followedAuthor-button {
	padding: 0 8px;
	position: absolute;
	bottom: 30px;
	left: 8px;
	z-index: 100;
}
.ListingHeader .o2-followbutton .followedAuthor-button {
	left: 160px;
}
@media screen and (max-width:768px){
	.ListingHeader .o2-followbutton .followedAuthor-button {
		left: 120px;
	}	
}
@media screen and (max-width:480px){
	.ListingHeader .o2-followbutton .followedAuthor-button {
		left: 0px;
	}	
}
.SectionHeader-container .followedAuthor-button {
	padding: 0 8px;
}

@media screen and (min-width:1272px){
	.hide-lg {display:none!important;}
}
@media screen and (min-width:1024px) and (max-width:1271px){
	.hide-md {display:none!important;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.hide-td {display:none!important;}
}
@media screen and (min-width:480px) and (max-width:767px){
	.hide-tu {display:none!important;}
}
@media screen and (min-width:320px) and (max-width:479px){
	.hide-sm {display:none!important;}
}
@media screen and (max-width:319px){
	.hide-xs {display:none!important;}
}

.wallpapers > .bannerWrapper {
	background: #ffffff;
}



/* Start - Zadatak #12936 - BBC NEWS custom stilovi za naslovnicu, sekciju, clanak */
.module-bbc-news .blockImageHeader,
.itemListView-bbc-news .ListingHeader-background {
	background: #bb1919 url('../images/bbc/bbc-1272x186.png') no-repeat!important;
	height: 186px;
    position: relative;
}
.bbc-news-headerlink {
	width: 100%;
    height: 186px;
    display: block;
}
@media screen and (max-width:1280px){
	.module-bbc-news .blockImageHeader,
	.itemListView-bbc-news .ListingHeader-background {
		background-position: left center!important;
		height: 90px;
	}
	.bbc-news-headerlink {
		height: 90px;
	}
}
@media screen and (max-width:768px){
	.module-bbc-news .blockImageHeader,
	.itemListView-bbc-news .ListingHeader-background {
		background: #bb1919 url('../images/bbc/bbc-728x90.png') no-repeat!important;
		background-size: 100%!important;
		background-position: left center!important;
		height: 90px;
	}
}
.itemListView-bbc-news .ListingHeader-background img,
.itemListView-bbc-news .ListingHeader-title,
.itemListView-bbc-news .ListingHeader .followedAuthor-button,
.itemListView-bbc-news .bbcnews:after {
	display: none;
}
.module-bbc-news .blockImageHeader .blockImageTitle {
	padding: 0;
}
/*.itemListView-bbc-news .HomepageNews:after,*/
.module-bbc-news-after {
	content:'';
	display: block;
	height:44px;
	width:100%;
	background: #bb1919 url('../images/bbc/bbc_footer_22px_x2.png') no-repeat;
}
@media screen and (max-width:768px){
	/*.itemListView-bbc-news .HomepageNews:after,*/
	.module-bbc-news-after {
		height:22px;
		background: #bb1919 url('../images/bbc/bbc_footer_22px.png') no-repeat;
	}
}
.itemView-bbc-news .ArticleTitle-container:before {
	content:'';
	display: block;
	position: relative;
	height: 36px;
	background: url('../images/bbc/bbc-news-serbian-36px.png') no-repeat;
}
.itemView-bbc-news .ArticleTitle-title {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 20px;
    vertical-align: bottom;
    display: flex;
    align-items: flex-end;
}    
@media screen and (min-width: 992px){
	.itemView-bbc-news .ArticleTitle-container:before {
		top: 32px;
	}
	.itemView-bbc-news .ArticleTitle-title {
		margin-top: 40px;
		min-height: 93px;
	}
}
.itemView-bbc-news .ArticleAuthor-text {
	width: 100%;
}
.itemView-bbc-news .ArticleAuthor-text a {
	display: none;
}
.itemView-bbc-news .ArticleAuthor-text a.bbcnews-footer {
	display: block;
	margin-bottom: 10px;
}
.itemView-bbc-news .ArticleAuthor-text a.bbcnews-footer-img {
	display: block;
	height: 22px;
	background: #bb1919 url('../images/bbc/bbc_footer_22px.png') no-repeat;
}
/* End - Zadatak #12936 */

/* START - Potpisi pod fotkama za BBC članke - ZADATAK #13123 */
.itemView-bbc-news figure {
    margin-bottom: 14px;
    background: #333;
	display: table;
	clear: both;
}
.itemView-bbc-news figure footer {
    font-size: .75rem;
    color: #fff;
    padding: 5px 10px;
    float: left;
}
.itemView-bbc-news figure figcaption {
    color: #fff;
    font-size: .75rem;
    padding: 5px 10px;
    display: table;
	border-left: 1px solid #222;
}
/* END - Potpisi pod fotkama za BBC članke - ZADATAK #13123 */

/* START - Potpisi pod fotkama za BBC članke - ZADATAK #13154 */
.itemView-bbc-news figure img {
	height: auto!important;
}
/* END - Potpisi pod fotkama za BBC članke - ZADATAK #13154 */

/* POPUP Right */
.popup-right {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1001;
	background: #fff;
	max-width: 400px;
	padding: 30px;
	padding-left: 28px;
	padding-top: 25px;
	padding-bottom: 25px;
	-webkit-box-shadow: 0px 0px 12px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 12px 0 rgba(0,0,0,0.2);
	box-shadow: 0px 0px 12px 0 rgba(0,0,0,0.2);
	margin: 0 auto;
	border: 2px solid #4d4d4d;
}
.popup-right-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    color: #ed1f24;
    font-size: 18px;
}
.o2zdravlje .ListingHeader-background:after {	
	content: '';
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: block;
    width: 415px;
    height: 90px;
    background-size: 400px;
    background-repeat: no-repeat;
    background-image: url('../images/logo-bosnalijek.png');	
    background-color: rgba(255,255,255,0.6);
    padding-left: 5px;
    padding-right: 10px;
    background-position: center center;
    -webkit-border-radius: 45px 7px 7px 45px;
    -moz-border-radius: 45px 7px 7px 45px;
    border-radius: 45px 7px 7px 45px;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.2);
}

@media (min-width: 80em)
.Nav-link {
    padding: 4px 17px;
}