/* Common styles */
body {font-family: 'Roboto', sans-serif;}
a,h1 {text-decoration:none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
a:hover, a:focus {text-decoration:none;}
.bw {background: #fff;}
.abso {position: absolute;}
.c {clear:both;}
.transp {background: rgba(0,0,0,.7); background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7)); 
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7)); background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));}
  
.bckStrech {background-size: cover; background-repeat: no-repeat; background-position: center;}
#mainContainer {padding-left: 0px; padding-right: 0px; overflow: hidden;}
#mainContainer #mainColumn {padding-left: 0px; padding-right: 0px;}
nav {background-color: transparent !important;}
.navbar {padding: 0px;}
#headerContainer {width: 100%; padding-bottom: 55px;}
#headerContainer ul {z-index: 10;}
#headerContainer li {list-style: none; }
#headerLanguages {float: right;}
#menuCenterDiv { background: #f4f4f4; padding: 10px 0 8px 0; width: 100%; position: absolute; top: 256px; opacity: .95; z-index: 1500;}

.headerInfoContainer {width: 100%; margin: 0 auto; max-width: 1210px;}
.headerInfo {padding: 0px 35px 0px 35px !important; height: 45px; align-items: center;}
.headerDate {font-size: .75rem; color: #999999; display: inline-flex;}
.topWeatherMenu{margin-left: 15px; display: inline-flex;}
.topMenu {background: #363636; height: 50px; padding-top: 10px; padding-bottom: 10px;}
.buttonBudimoHumani{float: left; margin-right: 10px; border-radius: 0px !important; font-size: .875rem}
.buttonNjimaSeDicimo{float: left; border-radius: 0px !important; font-size: .875rem;}
.buttonPretraga{float: right; border-radius: 0px !important; font-size: .875rem; padding-right: 0px;}
.buttonPretraga i{margin-left: 5px;}
#newsSearch iframe{
	display: none !important;
}
#newsSearch .gsc-adBlock{
	display: none !important;
}
.btn-outline-light{
	color: #000000 !important;
}
.btn-outline-light:hover{
	color: #333 !important;
}
.headarEmailNewsSub  {margin-left: auto; display: inline-flex;}
.headarEmailNewsSub a {font-size: .75rem; color: #999; font-weight: 500;}

.form-control{border-radius: 0px !important; font-size: .8125rem; color: #979797; padding: 9px 15px;}
.form-control:focus {color: #979797; border:1px solid rgba(0,0,0,.30);}


/* AlertBox */
.alert{border-radius: 0px;}
.alertBoxContainer {margin-bottom: 3px; width: 100%; max-width: 1210px; margin: 0 auto !important; padding: 0px 35px 0px 35px;}


#logoContainer{}
#logo-small {height: 75px;}
#logo{max-width: 1210px; margin: 0 auto !important; padding: 0px 35px 0px 35px !important;}
#logo .logocenter {height: 170px; position: relative; }
.hJelke {display:none; position: absolute; left: 275px; bottom: 9px;}
#logoContainer #logo .banner{float: right;}
.logoleft{float: left;}
.navbar-header{max-width: 1210px; margin: 0 auto !important; padding: 0px 35px 0px 35px !important;}
.navbar-header .my-auto{display: inline-flex; padding-left: 0px !important;}
.navbar-header .navbar-brand {color: #979797; font-size: .875rem; font-weight: 500;}
.navbar-header a:hover.navbar-brand  {color: #f4f4f4;}
.navbar-header a:hover.navbarRadio1 span  {color: #f02423 !important;}
.navbar-header a:hover.navbarRadio2 span  {color: #f97200 !important;}
.navbar-header a:hover.navbarRadio3 span  {color: #ffdf00 !important;}
.navbar-header a:hover.navbarOradio  {color: #FF5043 !important;}
.navbar-header a:hover.navbarTv1 span {color: #00b0c7 !important;}
.navbar-header a:hover.navbarTv2 span {color: #93cc03 !important;}
.navbar-header a:hover.navbarStudioM span {color: #6f6f6f !important;}
.navbar-header .navbar-brand i {margin-right: 4px;}
.navbar-header #headerLanguages .navbar-brand{font-size: 12px; margin-right: 0px !important;}
.velicina{float: left;}

.commonPageText{text-align: justify;}
.menuShadow {box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.19);}
.menuShadowSmall {box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.45);}

/* footer  */
#footer{width: 100%;
	background: #F9F9FB; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F9F9FB, #fff 30%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F9F9FB, #fff 30%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F9F9FB, #fff 30%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F9F9FB, #fff 30%); /* Standard syntax (must be last) */}
#footer .row{margin-left: 0px; margin-right: 0px;}
#footer li{list-style: none;}
.footerAbove{width: 1210px; margin: 0 auto; padding: 0px 35px 20px 35px;}
.footerAbove ul {padding: 0px 0px 0px 0px;}
.footerAbove ul li{padding-bottom: 10px;}
.footerAbove ul li a{font-weight: 700; font-size: 16px; color: black;}
.footerAbove ul ul{padding: 0px 15px 0px 0px;}
.footerAbove ul ul li{padding-bottom: 2px;}
.footerAbove ul ul li a{font-weight: 400; font-size: 13px !important; color: #8D8D8D;}
.footerAboveBorder{border-bottom: 1px solid #D4D9DC;}
.footerAboweMenuCol1{width: 180px; padding-top: 50px;}
.footerAboweMenuCol2{width: 180px; padding-top: 50px;}
.footerAboweMenuCol3{width: 180px; padding-top: 50px;}
.footerAboweMenuCol5{width: 180px; padding-top: 50px;}
.footerAboweMenuCol6{width: 180px; padding-top: 50px;}
.footerBelow{width: 1210px; height: 315px; margin: 0 auto; padding: 20px 35px 0px 35px;}
.footerBelow ul{padding: 0px 0px 0px 0px;}
.footerBelow ul li{padding-bottom: 10px;}
.footerBelow ul li a{font-weight: 700; font-size: 16px; color: black;}
.footerBelow ul ul{padding: 0px 15px 0px 0px;}
.footerBelow ul ul li a{font-weight: 400; font-size: 13px; color: #8D8D8D !important;}
.footerBelow ul .kontakt .prikazNaMapi{margin-top: 10px;}
.footerBelow ul .kontakt .prikazNaMapi a{font-weight: 700; font-size: 13px; color: black !important;}
.footerBelow ul .kontakt .adresa{margin-bottom: 10px;}
.footerBelow ul .kontakt .centrala{padding-bottom: 0px;}
.footerIcons {width: 1210px; margin: 0 auto !important; padding: 0px 35px 0px 35px !important;}
.footerIcons ul{padding: 0px 0px 10px 0px;}
.footerBottom{height: 100%; margin: 0 auto !important; padding: 0px 35px 0px 35px !important;}
.footerBotomContainer{background: #4B4B4B; width: 100%; height: 107px;}
.footerBottomAboweText{display: inline-flex; margin-bottom: 0px !important; padding-left: 0px;}
.foterBottomBorder{border-bottom: 1px solid #A5A5A5;}
.footerBotomContainer ul li{padding: 15px 15px 15px 0px !important;}
.footerBotomContainer ul li a{color: #EAEAEA !important; font-size: 13px !important;}
.footerBottomBelow{padding: 15px 0px 15px 0px; font-size: 10px; color: #A5A5A5;}
.socialIcons{display: inline-flex; padding-left: 0px !important;}
.footerIcons ul li a{font-size: 13px !important; color: #A5A5A5 !important; font-weight: 400 !important;}
.footerIcons ul li{text-align: center;}
.footerIcons ul ul li a{padding: 0px 3px 0px 0px;}


/* Tri najvaznije vesti */
#topNewsContainer {width: 100%;}
.topNews{width: 1210px; margin: 0 auto !important;  padding: 30px 35px 10px 50px; background: white; position: relative; z-index: 20;}
.topNewsAdditional{padding: 0px 35px 10px 50px !important;}
.topNews article {padding: 0; position: relative; margin-bottom: 12px;}
.mainNews {display: block; background-repeat: no-repeat; background-position: center; background-size: cover;}

.mainNews:hover {opacity: 1; -webkit-animation: flash 2s; animation: flash 2s;}
@-webkit-keyframes flash {
	0% {
		opacity: .9;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .9;
	}
	100% {
		opacity: 1;
	}
}

.mainNews1 {height: 420px;}
.mainNews2 {height: 204px;}

.topNews .categoryNameFirstArticle{	position: absolute; top: 10px; left: 10px;  padding: 5px 8px; z-index: 1; font-size: .75rem; background-color: #989898;}
.categoryNameFirstArticle a {color: #fff; }
.categoryNameFirstArticle a:hover {color: #fff; }
.categoryName {position: absolute; top: 10px; left: 10px; background-color: #989898; padding: 3px 8px; z-index: 1; font-size:.75rem; margin:0;}
.categoryName a {color: #fff;}

.topNews .naslovVestiFirstArticle {width: 100%; position: absolute; text-shadow: 0 2px 0 #000; bottom: 0; font-size: 2.125rem; font-weight: 700; margin: 0;
  padding-top: 70px; padding-right: 10px; left: 0;
}
.topNews .naslovVestiFirstArticle a {color: #fff; padding: 20px; display: inline-block;}
.topNews .naslovVestiFirstArticle a:hover, .topNews .naslovVesti a:hover, .vVmainTitle:hover, 
.multiNews a:hover {color: #ddd !important;}
.topNews .naslovVesti {position: absolute; width: 100%;	text-shadow: 0 2px 0 #000;	bottom: 0px; left: 0; margin: 0; font-size: 1.375rem;
	font-weight: 700; padding-top: 40px; padding-right: 10px;}
.topNews .naslovVesti a {color: #fff; padding: 15px; display: inline-block;}
.multiNews {position: absolute; bottom: 0;  padding-top: 40px; padding-right: 10px; width: 100%;}
.multiNews h1 {text-shadow: 0 2px 0 #000; font-size: 1.6rem; padding: 15px; margin-bottom: 0;}
.multiNews h1 a {color: #fff; font-weight: 700; }
.multiNewsItem {margin: 0; padding: 0 0 12px 15px;}
.multiNewsItem a {color: #fff;}
.timeCode:before {content:""; display:block; height:80px; margin:-80px 0 0;}


.rightColumn {
	width: 100%;
	padding-left: 20px;
	padding-right: 0px;
}

.rightColumn img{
	width: 100%;
	height: auto;
}

.rightColumn .topColumn{
	position: relative;
	height: 208px;
	margin-bottom: 10px;
}


.rightColumn .bottomColumn{
	position: relative;
	height: 208px;
}

/* Epp zone */
.epp_zona {margin-bottom: 20px; padding: 0 15px;}
.epp_zona img {max-width: 100%; height: auto;}
.okvir_levo {position:absolute; left: 50%; margin-left: -1055px;}
.okvir_desno {position:absolute; right: 50%; margin-right: -1055px;}

.imgGradient::after{
	display: block;
  position: relative;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
  margin-top: -250px;
  height: 250px;
  width: 100%;
  content: '';
}

.epp_zona_okvir {position: absolute; top: 320px; left: 0px; margin-bottom: 0px; padding: 0px; width: 100%; z-index: 10;}
.epp_zona_okvir img {max-width: 100%; height: auto;}

/* Kursna lista */
.exchangeRates {
	width: 100%;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.exRateHeader {
	display: flex;
	justify-content: center;
	font-size: 1.125rem;
	font-weight: bold;
	margin-top: 15px;
}

.exRateHeader .r {
	margin-left: auto;
}
.exRateData {
	display: flex;
	font-size: 1.1rem;
	padding: 20px;
}

.exRateData .exRateItem {
	display: flex;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.exRateData .flagDiv{
	max-width: 100%;
	padding: 0px;
}

.exRateFlag {
	max-width: 100%;
}

.exRateItem .exRateAmount {
	padding-right: 0px;
	text-align: end;
}

/* Grid sa 6 vesti */
.grid6News {margin-bottom: 35px;}
.grid6News .categoryName {left: 20px;}
.additionalNewsContainer {max-width: 1210px;  margin: 0 auto !important;  padding: 5px 35px 10px 35px !important; background: white; position: relative; z-index: 20;}
.additionalNewsContainerMrrbck {max-width: 1210px;  margin: 0 auto !important;  padding: 5px 35px 10px 35px !important; background: white; position: relative;}
.grid6News article {margin-bottom: 20px;}
.gridVest {background-repeat: no-repeat; background-size: cover; width: 100%; height: 205px; position: relative; background-position: center center; display: block; margin-bottom: 20px;} 
.gridVestCont:hover {opacity: 1; -webkit-animation: flash 2s; animation: flash 2s;}
@-webkit-keyframes flash {
	0% {
		opacity: .9;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .9;
	}
	100% {
		opacity: 1;
	}
}
.grid6News .naslovVesti {position: absolute; margin:0; bottom: 0px; width: 100%;}
.grid6News .naslovVesti {color: #fff;  padding: 15px;  display: inline-block; text-shadow: 0 2px 0 #000; font-size: 1.1rem; font-weight: 500;}
.grid6News .naslovVesti:hover {color: #ddd;}
.gridBtn {margin-top: 30px;  border-radius: 0px;  width: 240px;  border: 1px solid #D0D0D0;  background: #fff;  padding-top: 15px;  padding-bottom: 15px;  color: #3A3D3E;  font-weight: 600;}
.gridBtnCategory {margin-top: 0px;  border-radius: 0px;  width: 240px;  border: 1px solid #D0D0D0;  background: #fff;  padding-top: 15px;  padding-bottom: 15px;  color: #3A3D3E;  font-weight: 600;}
.gridBtn:hover {color: #979797;}

#customOuterContainer{
	width: 100%;
}

.customInnerContainer{
	width: 1210px;
	margin: 0 auto !important;
    padding: 0px 35px 30px 35px !important;
}


/* Video vesti*/
#videoVestiContainer {
	display: flex; position: relative; background-repeat: repeat-y;
	background: -webkit-gradient(linear, left top, right top, from(#FEFEFE), to(#FFF8ED ));
	background: -webkit-linear-gradient(left, #FEFEFE, #FFF8ED );
	background: -moz-linear-gradient(left, #FEFEFE, #FFF8ED );
	background: -ms-linear-gradient(left, #FEFEFE, #FFF8ED );
	background: -o-linear-gradient(left, #FEFEFE, #FFF8ED );

}


.videoVesti{
	width: 1210px;
    margin: 0 auto !important;
    padding: 165px 80px 30px 80px;
    z-index: 1;
}
.videoVesti, .videoVesti:before {
  background: 50% 50% / cover;  
}
.videoVesti .fa-play {position: absolute; top: 28%; left: 45%; color: rgba(255,255,255, 0.8);}
.jednaVideoVest{border: 1px solid #EEE1CC;}

.videoVesti .videoVestiNaslov a {padding:15px 20px;	display: block;
	background: #fff; color: black; font-weight: 700; font-size: 1rem; line-height: 1.2rem; height: 85px;}
.videoVesti .videoVestiNaslov a:hover {color: #979797;}
.VideoVestiBtn {margin-top: 40px; border-radius: 0px; width: 240px; border: 1px solid #EDE0CC; background: #fff; padding-top: 15px; padding-bottom: 15px; color: #3A3D3E; font-weight: 600; font-size: .875rem;}
.VideoVestiBtn:hover {color: #979797;}
.introVideoVesti {position: absolute; top: -20px; right: 15px; padding-left: 40px;}
.introVideoVesti p {font-size: 172px; font-weight: 900; opacity: 0.1; color: #5F7685; letter-spacing: -2px;}

/* Latest news component */
#latestNewsR {margin-bottom: 20px; min-height: 400px;}
#latestNewsRTabs {list-style: none; display: inline-flex; padding-left: 0px;}
#latestNewsRTabs button {/* width: 120px;*/}
.latestNewsRTab {background: white;}
.latestNewsRTab {background: white; border: 1px solid #DCDCDC; border-radius: 0px;}
.latestNewsRTabOn  {background: #3A3D3E !important; color: white;}
.latestNewsRTab a {font-size:11px; color: #fff; text-transform: uppercase;}
.latestNewsRItems {padding-top: 10px; list-style: none; padding-left: 0px;}
.latestNewsRItem {width: 100%; position: relative; display: inline-flex; border-bottom: 1px dashed #DCDCDC; line-height: 1.3;}
.latestNewsRItem a {color: #3A3D3E; font-size:.875rem; margin:auto 0; line-height:.975rem; font-weight: 500;}
.latestNewsRItem span {background: -webkit-linear-gradient(#7430DE, #E45E64); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:.78em;}
.latestNewsItemNumber {padding: 5px 10px 5px 3px; display: inline-flex; font-weight: 700; width: 93%;}
.latestNewsItemNumber span {font-size: 48px; margin-top: auto; margin-bottom: auto; margin-right: 10px; font-weight: 700;}
.latestNewsRItemPlayButton {position: absolute; top: 50%; right: 5px; margin-top: -10px; width: 17px; height: 18px;}
.latestNewsRItems .fa-volume-up {color: #767676; margin-top: auto; margin-bottom: auto; cursor: pointer;}
#rightPlayer {width: 100%; margin-top: 10px;}

.btn:active,
.btn:focus,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Preporucujemo */

.recommendContainer {width: 100%; display: inline-flex; position: relative; overflow: hidden;}

.recommendContainerBackground1 {background-color: #FEFEFE; background-repeat: repeat-y;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.00)), to(#E2EFF4));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.00), #E2EFF4);
	background: -moz-linear-gradient(left, rgba(255,255,255,0.00), #E2EFF4);
	background: -ms-linear-gradient(left, rgba(255,255,255,0.00), #E2EFF4);
	background: -o-linear-gradient(left, rgba(255,255,255,0.00), #E2EFF4);
}

.recommendContainerBackground2 {background-color: #FEFEFE;  background-repeat: repeat-y;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.00)), to(#E9F4E2));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.00), #E9F4E2);
 	background: -moz-linear-gradient(left, rgba(255,255,255,0.00), #E9F4E2);
	background: -ms-linear-gradient(left, rgba(255,255,255,0.00), #E9F4E2);
	background: -o-linear-gradient(left, rgba(255,255,255,0.00), #E9F4E2);
}

.recommendContainerBackground3 {background-color: #FEFEFE; background-repeat: repeat-y;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.00)), to(#FFEFF2));
	background: -webkit-linear-gradient(left,rgba(255,255,255,0.00), #FFEFF2);
	background: -moz-linear-gradient(left,rgba(255,255,255,0.00), #FFEFF2);
	background: -ms-linear-gradient(left,rgba(255,255,255,0.00), #FFEFF2);
	background: -o-linear-gradient(left,rgba(255,255,255,0.00), #FFEFF2);
}

.recommendContainerBackground4 {background-color: #FEFEFE;  background-repeat: repeat-y;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.00)), to(#FFF3E9));
	background: -webkit-linear-gradient(left,rgba(255,255,255,0.00), #FFF3E9);
	background: -moz-linear-gradient(left,rgba(255,255,255,0.00), #FFF3E9);
	background: -ms-linear-gradient(left,rgba(255,255,255,0.00), #FFF3E9);
	background: -o-linear-gradient(left,rgba(255,255,255,0.00), #FFF3E9);
}

.recommendContainerBackground5 {background-color: #FEFEFE; background-repeat: repeat-y;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.00)), to(#FFF5D6));
	background: -webkit-linear-gradient(left,rgba(255,255,255,0.00), #FFF5D6);
	background: -moz-linear-gradient(left,rgba(255,255,255,0.00), #FFF5D6);
	background: -ms-linear-gradient(left,rgba(255,255,255,0.00), #FFF5D6);
	background: -o-linear-gradient(left,rgba(255,255,255,0.00), #FFF5D6);
}

.recommend {width: 1210px; margin: 0 auto !important; padding: 110px 34px 80px 34px; z-index: 1;}

.recommend .row{
	align-items: center;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 25px;
}

.recommend .recommendLeft {
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 10px 20px;
}
.recommend .recommendLeft a {color: #fff;}
.recommend .recommendLeft a:hover {color: #ddd;}

.recommend .pozadinaImg1{
	background: url("../img/recommend/tv1.png") no-repeat left center;  
	background-size: cover;
}
.recommend .pozadinaImg2{
	background: url("../img/recommend/tv2.png") no-repeat left center;  
	background-size: cover;
}
.recommend .pozadinaImg3{
	background: url("../img/recommend/rns1.png") no-repeat left center;  
	background-size: cover;  
}
.recommend .pozadinaImg4{
	background: url("../img/recommend/rns2.png") no-repeat left center;  
	background-size: cover;  
}
.recommend .pozadinaImg5{
	background: url("../img/recommend/rns3.png") no-repeat left center;  
	background-size: cover;  
}

.recommend .recommendCenterImg {padding: 0;}

.recommend .recommendRight {
	height: 140px; display: flex; align-items: center; justify-content: flex-start; color: #4B4B4B; font-size: 1.120rem;
	font-weight: 700; padding: 10px 30px;}

.recommend .recommendRight a {color: #4B4B4B;}
.recommend .recommendRight a:hover {color: #979797;}
.recommendIntroDiv {position: absolute;	right: 15px;}

.recommendIntroDiv p {font-size: 165px;	font-weight: 900; opacity: 0.1;	color: #5F7685;	letter-spacing: -2px;  text-align: right;}

/* Small title */
.sTitle {display: flex; align-items: left;}
.sTitleL {padding: 0; color: #999; font-weight: 500; font-size: 1.3rem; display: inline-flex; white-space: nowrap;}
.sTitleR {padding-left: 15px; display: inline-flex; width: 100%;}
.grayline {background-color: #F2F3F5; height: 10px; border:0; margin: 4px 0 0 0; width: 100%;}

/* Vesti iz Vojvodine */
.vestiVojvodinaContainer {width: 100%;}
.vestiVojvodina {width: 1210px; margin: 0 auto !important; padding: 10px 35px 10px 35px !important; background: white; position: relative; z-index: 20;}
.vestiVojvodina img:hover {opacity: 1; -webkit-animation: flash 2s; animation: flash 2s;}
@-webkit-keyframes flash {
	0% {
		opacity: .9;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .9;
	}
	100% {
		opacity: 1;
	}
}
.vestiVojvodinaContainer ul li {display: inline-block;}
.vVsubtitle a {color: #3A3D3E;}
.vVsubtitle a:hover {color: #979797;}
.vVsubtitle .fa-play {color:#999999; margin-right: 10px;}
.vVsubtitle {font-weight: bold; padding: 10px 0;}
.vVSecondaryTitle a:hover {color: #979797;}
.vVmain {display: block; position: relative; width: 100%; height: 146px;background-repeat: no-repeat;  background-position: center; background-size: cover;}
.vVmainTitle {position:absolute; bottom: 0; padding: 10px; margin-bottom: 0; color:#fff; width: 100%; padding-top: 30px; text-shadow: 0 2px 0 #000; line-height: 1rem; font-weight: 500;}
.vVmainTitle a {color: #fff !important;}
.vVSecondaryTitle {padding: 10px; width: 100%; border-top: 1px solid #8D8D8D; margin-top: 20px; margin-bottom: 0; line-height: .4rem;}
.vVSecondaryTitle a {color: #4A4A4A; font-size: 1rem; line-height: 1;}

/* Youtube promo */
.yPInner {max-width: 1210px; margin: 0 auto !important;  padding: 30px 70px 30px 70px;}
.yPTitle {text-align: center;  font-weight: 200;  font-size: 3rem;  color: #3A3D3E; padding: 40px 0 10px 0;}
.yPVideo {border: 1px solid #CCE0EB;}
.yPvideoTitleContainer {height: 85px; margin:0; padding: 15px 20px; }
.yPVideoTitle {line-height:1.2rem;}
.yPVideoTitle a {color: #3A3D3E; font-weight: 700; font-size: 1rem;}
.yPVideoBtn {margin-top: 40px; border-radius: 0px; width: 240px; border: 1px solid #CCE0EB; background: #fff; padding-top: 15px; padding-bottom: 15px; color: #3A3D3E; font-weight: 600;}
.yPVideoBtn:hover {color: #979797;}
.youtubePromo { width: 100%;
  background: #FEFEFE; 
  background: -webkit-linear-gradient(left,rgba(255,255,255,0.00), #E2EFF4 )); 
  background: -o-linear-gradient(right,rgba(255,255,255,0.00), #E2EFF4 ); 
  background: -moz-linear-gradient(right,rgba(255,255,255,0.00), #E2EFF4 ); 
  background: linear-gradient(to right,rgba(255,255,255,0.00), #E2EFF4 ); 
}

/* Youtube promo right column */
.rightSection .youtubePromo {background: #F2F3F5 !important; padding: 20px;}
.rightSection .yPInner {padding: 0px; }
.rightSection .yPInner>div {flex:0 0 100%; max-width: 100% !important; margin-bottom: 20px; padding: 0;}
.rightSection .yPTitle {font-size: 1rem; margin: 10px auto 30px auto; font-weight: bold; text-align: center; padding: 0;}
.rightSection .yPVideoBtn {margin-top: 10px; width: 200px;} 

/* Najnovije na odlozenom */
.customOuterContainerBackground{
	background-color: #F9F9FB;
}
.gridMedia{margin-top: 40px; margin-bottom: 40px;}
.gridMedia h2 {text-align: center;  margin-bottom: 20px;}
.gridMedia .gridMediaVest{float: left;}
.gridMediaVest:nth-child(2n) {clear: both;}

.gridMediaNaslov{width: 100%; display: inline-flex; align-items: center; height: 80px; padding: 10px 20px 10px 20px; font-weight: 700;}
.gridMediaNaslov a {padding-left: 10px; color: #3A3D3E; font-weight: 700;}
.gridMediaNaslov a:hover {color: #979797;}
.gridMediaNaslov i {font-size: 48px; color: #9A9A9A; -webkit-text-stroke: 1.5px white;}

.jednaVestSaMedije{
	border: 1px solid #E9E9E9;
	margin-bottom: 20px;
}
.mrrbck {background: #F9F9FB;}

/* Verski kalendar */
.calendar {	border: 1px solid #E4E4E4;}
.relCal{margin-bottom: 20px;}
.relCal ul{list-style: none; padding-left: 30px; padding-right: 30px;}
.relCal i {font-size: 86px;color: #E5E7E8;}
.relCal .kalendarTitle {padding-top: 25px; font-size: 1.125rem; font-weight: 500; color: #4B4B4B;}
.calendarDate{position: absolute; display: inline-flex; margin-left: -45px; margin-top: -45px; z-index: 5;}
.relCal .calendarIcon{margin-top: 50px; margin-bottom: 30px;}
.calendarDay{font-size: 68px; font-weight: 600; color: #3E3F43;}
.relCal .calendarMonth{font-size: 20px; color: #3E3F43; margin-top: 20px;margin-left: 5px;}
.relCalData {font-size: .875rem; font-weight: 500; color: #4B4B4B; padding-bottom: 10px;}

/* Naslov sekcije najnovije na odlozenom gledanju */
#mediaTitleContainer {width: 100%; background: #F9F9FB;}
.mediaSectionTitle {width: 1210px; margin: 0 auto !important; padding: 40px 35px 40px 35px;}
.mediaSectionTitle h2 {margin-bottom: 0px;}
.mediaSectionTitle h2 p {font-size: 47px; color: #4B4B4B; font-weight: 300; margin-bottom: 0px; margin-bottom: 0px;}

.mediaBtn {margin-top: 20px; border-radius: 0px; width: 240px; border: 1px solid #E9E9E9; background: #fff; padding-top: 15px; padding-bottom: 15px; color: #3A3D3E; font-weight: 600;}
.mediaBtn:hover {color: #979797;}

 /* komponenta instagram */
.instagram{
   	background: #F2F3F5;
    /*background: -webkit-linear-gradient(right top, #E45E64, #7430DE);
    background: -o-linear-gradient(bottom left, #E45E64, #7430DE);
    background: -moz-linear-gradient(bottom left, #E45E64, #7430DE);
    background: linear-gradient(to bottom left, #E45E64, #7430DE);*/
}


.instaImgContainer .instaImg{
	width: 100%;
}
.instaImgContainer:nth-child(1){
	border-right: 1px solid #D3D8DB;
	border-bottom: 1px solid #D3D8DB;
}

.instaImgContainer:nth-child(2){
	border-right: 1px solid #D3D8DB;
	border-bottom: 1px solid #D3D8DB;
}
.instaImgContainer:nth-child(3){
	border-bottom: 1px solid #D3D8DB;
}
.instaImgContainer:nth-child(4){
	border-right: 1px solid #D3D8DB;
	border-bottom: 1px solid #D3D8DB;
}

.instaImgContainer:nth-child(5){
	border-right: 1px solid #D3D8DB;
	border-bottom: 1px solid #D3D8DB;
}
.instaImgContainer:nth-child(6){
	border-bottom: 1px solid #D3D8DB;
}
.instaImgContainer:nth-child(7){
	border-right: 1px solid #D3D8DB;
	border-bottom: 1px solid #D3D8DB;
}

.instaImgContainer:nth-child(8){
	border-right: 1px solid #D3D8DB;
	border-bottom: 1px solid #D3D8DB;
}
.instaImgContainer:nth-child(9){
	border-bottom: 1px solid #D3D8DB;
}

.instagramFeed{margin-bottom: 20px;}
.instaImgContainer {float: left; padding-left: 0px; padding-right: 0px; width: 33.33%;}
.instagramImages{ padding-left: 25px; padding-right: 25px; padding-bottom: 25px;}
.instagramTitle{padding-top: 20px; padding-bottom: 20px;}
.instagramTitle a {color: #4B4B4B; font-size: 1.125rem; font-weight: 500;}

.woCont {margin: 2px 8px; display: inline-flex;}
.woTemp {padding: 0; font-weight: 600; margin-top: -3px;}
.woIconCont {background: url(/assets/repository/2017/img/weather/weather-sprite-2017.png) no-repeat; width: 30px; height: 25px; background-size: cover; float: left;}
#woIconContent1 {background-position-y: -2px;} #woIconContent2 {background-position-y: -30px;}
#woIconContent3 {background-position-y: -60px;} #woIconContent4 {background-position-y: -87px;}
#woIconContent5 {background-position-y: -118px;} #woIconContent6 {background-position-y: -148px;}
#woIconContent7 {background-position-y: -177px;} #woIconContent8 {background-position-y: -205px;}
#woIconContent9 {background-position-y: -237px;} #woIconContent10 {background-position-y: -268px;}
#woIconContent11 {background-position-y: -298px;} #woIconContent12 {background-position-y: -324px;}
#woIconContent13 {background-position-y: -347px;} #woIconContent14 {background-position-y: -373px;}
#woIconContent15 {background-position-y: -394px;} #woIconContent16 {background-position-y: -417px;}
.woTempCont {float: left; color: #949494;  font-size:.60rem;}
.woBtn {display: inline-flex; font-size:.75rem; align-items: center;}
.woBtn a {color: #949494;}
.woBtn a:href {color: #ddd;}

.rightSection {padding:0 0 0 30px; margin: 0 auto;}
.rightSection2 {padding-top: 45px; padding-left: 30px;}

.linkoviBezBaneraContainer {padding: 35px 0;} 
.linkoviBezBanera {max-width: 1210px; margin: 0 auto !important; padding: 40px 35px 0px 35px;}
.linkoviTitle {text-align: center; font-weight: 200; font-size: 3rem; color: #3A3D3E;}
.linkovi {text-align: center; margin: 60px 0;}
.linkovi a {color: #3A3D3E; font-size: 1.2rem;}
.linkovi a:hover {color: #979797;}
.linkoviIkonica {margin-bottom: 35px;}
.linkoviIkonica .fa {font-size: 3rem; color: #999999}


/* Grid templejt za prikaz svih vesti */
.additionalAllNewsContainer {max-width: 1210px;  margin: 0 auto !important;  padding: 5px 35px 100px 35px !important; background: white; position: relative; z-index: 100;}


#newsCategoryNews {width: 100%;}
.newsCategoryImg {height: 220px;}
.cardContainer article{margin-bottom: 35px;}
.cardContainer .card{border: none;}
.cardContainer .card-block{padding: 10px 0px 0px 0px;}
.cardContainer .card-title a:hover{color: rgba(0, 0, 0, 0.5);}
.cardContainer .card-text{padding: 5px 0px 5px 0px; font-weight: 500;}
.cardContainer .cardCategory{color: #999; font-weight: 500; font-size: 14px; margin-right: 5px;}
.cardContainer .card-title{padding: 10px 0px 0px 0px; display: flex;}
.cardContainer .text-muted{color: #B0B1B5 !important;}
.cardContainer .card-title a {color: black;	font-weight: 700; font-size: 18px;}
.cardContainer .card-footer {background-color: #fff; border-top: none; padding: 0px 0px 0px 0px;}
.moreNewsButton {margin-top: 30px; margin-bottom: 30px;  border-radius: 0px;  width: 240px;  border: 1px solid #D0D0D0;  background: #fff;  padding-top: 15px;  padding-bottom: 15px;  color: #3A3D3E;  font-weight: 600;}

.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 20px;
	padding: 0.75em;
	display: none;
}

.goToTopSection a{
	color:white;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.5);
}


#loadMore {
    cursor:pointer;
}
#loadMore:hover {
    color: #979797;
}

#cardContainerId article img:hover {opacity: 1; -webkit-animation: flash 2s; animation: flash 2s;}



@-webkit-keyframes flash {
	0% {
		opacity: .9;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .9;
	}
	100% {
		opacity: 1;
	}
}

/* Programme stuff */
/* Sledi na programu */
.nextOnProgramme {width: 100%; margin-bottom: 20px;}
.nopHeader, .nopFooter {padding: 15px 10px; font-weight: 600; font-size: 1rem;  text-align: center;}
.nopHeader {background: #F2F3F5; color: #3A3D3E;}
.nopFooter a {color: #fff;}
.nopFooter a:hover, .nopShow a:hover {color: ##979797;}
.nopItem {padding: 10px 20px; font-weight: 500; display: flex;}
.nopTime {display: inline-block; margin-right: 10px;}
.nopShow {display: inline-block;}
.nopShow a {text-decoration: underline; color: #3A3D3E;}
.nopRTV1 {background: #16BECF;}
.nopRTV2 {background: #A6CE39;}
.nopRadio1 {background: #EE303C;}
.nopRadio2 {background: #F58226;}
.nopRadio3 {background: #FFDE17;}
.nopOnAir {font-weight: 600;}
.nopOnAir:before { font-family: "Font Awesome 5 Free"; content: "\f0da"; position: absolute; margin-left: -11px; margin-top: -3px; font-size: 1.25rem;font-weight: bold;}
.channelRTV1 .nopOnAir, .channelRTV1 .nopOnAir a {color: #16BECF;}
.channelRTV1 .nopShow a:hover{ color: #16BECF; }
.channelRTV2 .nopOnAir, .channelRTV2 .nopOnAir a {color: #A6CE39;}
.channelRTV2 .nopShow a:hover{ color: #A6CE39; }
.channelRadio1 .nopOnAir, .channelRadio1 .nopOnAir a {color: #EE303C;}
.channelRadio1 .nopShow a:hover{ color: #EE303C; }
.channelRadio2 .nopOnAir, .channelRadio2 .nopOnAir a {color: #F58226;}
.channelRadio2 .nopShow a:hover{ color: #F58226; }
.channelRadio3 .nopOnAir, .channelRadio3 .nopOnAir a {color: #FFDE17;}
.channelRadio3 .nopShow a:hover{ color: #FFDE17; }
/* Streaming banner */
.streamingBanner {padding: 30px 10px; margin: 30px 20px; border-style: solid; border-width: 6px;}
.streamingBanner a {color: #fff; font-weight: bold;}
.streamingBanner1 {background: #16BECF; border-color: #2AEEF5;}
.streamingBanner2 {background: #A6CE39; border-color: #DFF565;}
.streamingBanner3 {background: #EE303C; border-color: #FD5669;}
.streamingBanner4 {background: #F58226; border-color: #FEC146;}
.streamingBanner5 {background: #FFDE17; border-color: #FFFA2B;}

/* Programme schedule */
.programmeSchedule h1 {font-size: 1.4375rem; font-weight: bold; margin: 40px 0; color: #373A3C;}
.programmeSchedule .nav-item {width: 14.28%; text-align: center;}
.programmeSchedule .nav-item a {font-size: 1rem; font-weight: bold; color: #9B9B9B;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active   {border: 0;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border: 0px transparent;}
.programmeScheduleRTV1 .nav-link.active {color: #373A3C; border-bottom: 5px solid #16BECF;}
.programmeScheduleRTV1 .psItemShow a:hover { color: #16BECF; }
.programmeScheduleRTV2 .nav-link.active {color: #373A3C; border-bottom: 5px solid #A6CE39;}
.programmeScheduleRTV2 .psItemShow a:hover { color: #A6CE39; }
.programmeScheduleRadio1 .nav-link.active {color: #373A3C; border-bottom: 5px solid #EE303C;}
.programmeScheduleRadio1 .psItemShow a:hover { color: #EE303C; }
.programmeScheduleRadio2 .nav-link.active {color: #373A3C; border-bottom: 5px solid #F58226;}
.programmeScheduleRadio2 .psItemShow a:hover { color: #F58226; }
.programmeScheduleRadio3 .nav-link.active {color: #373A3C; border-bottom: 5px solid #FFDE17;}
.programmeScheduleRadio3 .psItemShow a:hover { color: #FFDE17; }
.psItem {padding: 15px 15px; border-bottom: 1px solid #ECEEEF; display: flex;}
.psItem:nth-child(2n) {background: #F9F9F9;}
.psItem:nth-child(2n+1) {background: #fff;}
.psItem:last-child {border: 0;}
.psItemTime {display: inline-block; margin-right: 25px; width: 10%;}
.psItemShow {display: inline-block; width: 85%; font-weight: 500;}
.tab-content {font-weight: 300;}
.tab-content a {text-decoration: underline; color: #373A3C;}
.onAir>.psItemShow:before { font-family: "Font Awesome 5 Free"; content: "\f0da"; position: absolute; margin-left: -11px; margin-top: -3px; font-size: 1.25rem;font-weight: bold;}
.onAir>.psItemShow {font-weight: bold;}
.programmeScheduleRTV1 .onAir>.psItemShow:before, .programmeScheduleRTV1 .onAir>.psItemShow, .programmeScheduleRTV1 .onAir>.psItemShow a  {color: #16BECF;}
.programmeScheduleRTV2 .onAir>.psItemShow:before, .programmeScheduleRTV2 .onAir>.psItemShow, .programmeScheduleRTV2 .onAir>.psItemShow a  {color: #A6CE39;}
.programmeScheduleRadio1 .onAir>.psItemShow:before, .programmeScheduleRadio1 .onAir>.psItemShow, .programmeScheduleRadio1 .onAir>.psItemShow a  {color: #EE303C;}
.programmeScheduleRadio2 .onAir>.psItemShow:before, .programmeScheduleRadio2 .onAir>.psItemShow, .programmeScheduleRadio2 .onAir>.psItemShow a  {color: #F58226;}
.programmeScheduleRadio3 .onAir>.psItemShow:before, .programmeScheduleRadio3 .onAir>.psItemShow, .programmeScheduleRadio3 .onAir>.psItemShow a   {color: #FFDE17;}

/* Programme announcement for day */
.pafdItem {margin-bottom: 40px;}
.programmeAnnouncementForDay h3 {line-height: 16px; margin-bottom: 15px;}
.programmeAnnouncementForDay h3 a {font-size: 1rem; font-weight: bold; color: #373A3C;}
.programmeAnnouncementForDay p {margin: 0;}
.programmeAnnouncementForDay p a {color: #373A3C;}
.pafdDate {color: #B4B5B9; font-size: .875rem; margin: 4px 0 !important;}

/* Latest from media.rtv.rs right column */
.mediaVideoRight {background: #F2F3F5; padding: 10px; margin-bottom: 20px;}
.mvrTitle {font-weight: bold; text-align: center; margin: 15px 0;}
.mvrItem {align-items: center; border: 1px solid #E9E9E9; background: #fff; margin: 10px 0 0 0; padding: 10px 0;}
.mvrItem .mvrItemThumb {padding-left: 7px; padding-right: 7px;}
.mvrItem a {font-weight: 500; color: #373A3C; }
.mvrItemTitle {line-height: 18px; padding-left: 0;}
.mediaAudioRight {background: #F2F3F5; padding: 10px; margin-bottom: 10px;}
.marTitle {font-weight: bold; text-align: center; margin: 15px 0;}
.marItem {border: 1px solid #E9E9E9; background: #fff; margin: 10px 0 0 0; padding: 10px 0;}
.marItemElem {display: inline-flex; align-items: center;}
.marItemElem i {font-size: 48px; color: #9B9B9B; -webkit-text-stroke: 1.5px white; margin-right: 15px;}      
.marItemElem {line-height: 18px;}
.marItemElem a {font-weight: 500; color: #373A3C;}

/* Latest from tag */
.rightSection .latestNewsByTagTitle {width: 100% !important; margin-left: 15px;  margin-right: 15px; margin-bottom: 25px; }
.rightSection .lnbttNewsItem {max-width: 100% !important; flex: 0 0 100% !important;}
.rightSection .lnbttNewsTitle {margin: 7px; padding: 13px 0;}

.col-md-8 .latestNewsByTagTitle { margin-bottom: 20px;}
.col-md-8 .lnbttNewsItem {}
.col-md-8 .lnbttNewsTitle {margin-right: 10px; margin-left: 10px; min-height: 70px; line-height: 1.1;}
.latestNewsByTagTitle {padding: 20px; background: #F2F3F5;}
.latestNewsByTagTitle h2 {text-align: center; margin: 5px 0 15px 0;}
.latestNewsByTagTitle h2 a {font-weight: 600; color: #373A3C; font-size: 1.125rem;}
.lnbttNewsTitle {border-bottom: 1px dashed #9B9B9B; padding: 10px 0;}
.lnbttNewsTitle a {font-weight: 500; color: #373A3C; font-size: 1rem; } 

/* Single Youtube video */
.singleVideoNews {margin-top: 10px; margin-bottom: 10px;}
.rightSection .singleVideoNews {margin-left: 10px; margin-bottom: 10px;}
.singleVideoNewsTitle {padding: 35px 20px; border: 1px solid #e4e4e4; border-top: 0; font-weight: 500; font-size: 1.125rem;}
.rightSection .singleVideoNewsTitle {padding: 20px 18px; line-height: 20px; font-size: 1rem;}

/* Poll */
.col-md-8 .pollComponent {float: left; width: 48%; margin-top: 10px; margin-bottom: 10px;}
.rightSection .pollComponent {width: 100%; margin-left: 10px; margin-bottom: 10px; margin-top:10px;}
.pollComponent {
	padding: 2px; 
   	background: #E45E64;
    background: -webkit-linear-gradient(right top, #E45E64, #7430DE);
    background: -o-linear-gradient(top left, #E45E64, #7430DE);
    background: -moz-linear-gradient(top left, #E45E64, #7430DE);
    background: linear-gradient(to top left, #E45E64, #7430DE);	
}
.pollComponentInner {background: #fff; color: #373A3C;}
.col-md-8 .pollComponentInner {padding: 30px 60px;}
.rightSection .pollComponentInner {padding: 20px 25px;}
.pollComponent h2 {font-weight: bold; font-size: 1.125rem; text-align: center; margin-bottom: 30px;}
.pollQuestion {font-weight: bold; margin-bottom: 20px; text-align: center;}
.pollAnswerContent {display: inline-flex; margin-bottom: 25px; width: 100%;}
.pollRadioButton {margin-right: 20px; }
.pollAnswer {font-weight: 500; line-height: 19px;}
.pollError {display: none; }
.pollButton {width: 100%; padding: 7px; border: 1px solid #e5e5e5; background: #F2F3F5; color: #373A3C; font-weight: bold;}
.pollAnswer {margin-left: 0 !important;}

/* html links */
.col-md-8 .htmlLinks {float: left; width: 48%; margin-top: 10px; margin-bottom: 10px;  margin-left: 4%;}
.rightSection .htmlLinks {width: 100%; margin-left: 10px; margin-bottom: 10px; margin-top:10px;}
.htmlLinks {padding: 20px; background: #F2F3F5;}
.htmlLinks h2 {text-align: center; margin: 5px 0 15px 0;}
.htmlLinks h2 {font-weight: 600; color: #373A3C; font-size: 1.125rem;}
.htmlLinks li {border-bottom: 1px dashed #9B9B9B; padding: 10px 0;}
.htmlLinks li:last-child {border: 0;}
.htmlLinks li a {font-weight: 500; color: #373A3C; font-size: 1rem;}

/* Streaming central */
.scItem {}
.scItem {font-size: 1.125rem; font-weight: 500;}
.scItem a {display: block; border: 1px solid #E5E5E5; padding: 30px 24px;  margin-bottom: 20px; color: #373A3C; }
.scItem .fa-podcast {font-size: 1.4rem;}
.scItem a.tv1:hover, .scItem a.tv1 i:hover {color: #00b0c7 !important;}
.scItem a.tv2:hover, .scItem a.tv2 i:hover {color: #93cc03 !important;}
.sCentralContainer #radio1, .sCentralContainer #radio2, .sCentralContainer #radio3 {margin-top: 50px;}
.scItem a.radio1:hover, .scItem a.radio1 i:hover {color: #f02423 !important}
.scItem a.radio2:hover, .scItem a.radio2 i:hover {color: #f97200 !important}
.scItem a.radio3:hover, .scItem a.radio3 i:hover {color: #ffdf00 !important}
.scItem a.oradio:hover, .scItem a.oradio i:hover {color: #FF5043 !important}
.embedStream {margin-bottom: 30px; margin-top: 20px;}
.embedStream h3 {padding-top: 70px; font-size: 1.125rem;}

.streamingCentral video {display: none;}
.streamingCentral i {cursor: pointer; margin-right: 10px;}
.streamingCentral .ring-container {display:none; top: 15px; position: relative;}
.streamingCentral .player-container {padding-top: 85px;}
.streamingCentral #ring-container-rns1 .circle {background-color: #f02423;}
.streamingCentral #ring-container-rns1 .ringring {border: 3px solid #f02423;}
.streamingCentral #ring-container-rns2 .circle {background-color: #f97200;}
.streamingCentral #ring-container-rns2 .ringring {border: 3px solid #f97200;}
.streamingCentral #ring-container-rns3 .circle {background-color: #edae23;}
.streamingCentral #ring-container-rns3 .ringring {border: 3px solid #edae23;}

.streamingCentral .circle {width: 15px;	height: 15px;  border-radius: 50%; position: absolute; top: 23px;	left: 23px;}
.streamingCentral .ringring {-webkit-border-radius: 30px; height: 25px; width: 25px;	position: absolute;	left: 18px;
	top: 18px;
	-webkit-animation: pulsate 1.4s ease-out;
	-webkit-animation-iteration-count: infinite; 
	opacity: 0.0
}

@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(1.3, 1.3); opacity: 0.0;}
}


/* English */
.eMenu {margin: 10px 0;}
.eMenu li {display: inline-block; font-size: 1.125rem; font-weight: bold; margin-right: 10px;}
.eMenu li a {color: #9B9B9B;}
.eMenu li a.active {color: #373A3C;}

/* Plain page */
.plainHtml h1 {font-size: 2.125rem; font-weight: 600; color: #3A3D3E;}
.plainHtml .naslovTeksta1 {font-size: 30px; padding: 10px 0 10px 0;	margin: 0;	border-bottom: 1px dotted #000;	color: #4d4d4d;	margin-bottom: 20px; font-weight: bold;}
.plainHtml .naslovTeksta2 { width:100%; margin: 0; background: #f0f0f0; padding: 7px 0px 7px 0px; font-size: 16px; font-weight: 700; color: #4A4A4A;}
.plainHtml h2 { width:100%; margin: 0; background: #f0f0f0; padding: 7px 0px 7px 0px; font-size: 16px; font-weight: 700; color: #4A4A4A;}
.plainHtml p {margin: 10px 0px 0px 0px; color: #4A4A4A;}
.plainHtml a {color: #d2508c; text-decoration: underline;}
.plainHtml a:hover {text-decoration: underline; color:#AB3192;}
.plainHtml ul {list-style: disc;   margin: 5px;   padding: 0px 40px;}
.plainHtml .sirokiCentriraniAntrfile {width: 100%; background-color: #fff; border-left: 5px solid #AB3192; margin: 10px 0px 10px 0px;}
.plainHtml .sirokiCentriraniNaslov {font-size: 18px; color: #000000; font-weight: 700; padding: 0px 10px 0px 10px;}
.plainHtml .sirokiCentriraniSadrzaj {padding: 5px 10px 5px 10px; font-size: 14px; font-style: italic; text-align: left;}
.plainHtml .desniAntrfile{float: right; background-color: #fff;	border-top: 5px solid #AB3192; border-bottom: 5px solid #AB3192; margin: 15px 0px 15px 20px;}
.plainHtml .desniAntrfileNaslov{font-weight:700; padding: 10px 0px 0px 10px;}
.plainHtml .desniAntrfileSadrzaj{padding: 10px;	font-size: 14px; text-align: left;}
.plainHtml .leviAntrfile {float:left; background-color: #fff; border-top: 5px solid #AB3192; border-bottom: 5px solid #AB3192; margin: 15px 20px 15px 0px;}
.plainHtml .leviAntrfileNaslov{font-weight:700; padding: 10px 0px 0px 10px;}
.plainHtml .leviAntrfileSadrzaj{padding: 10px; text-align: left; font-size: 14px;}
.plainHtml .procitajteJosAntrfile{float: right; background-color: #fff; border-bottom: 5px solid #AB3192; margin: 5px 0px 5px 20px;}
.plainHtml .procitajteJosNaslov{font-weight:700; background-color: #AB3192;	padding: 10px 0px 0px 10px;	height: 30px; color: #fff;}
.plainHtml .procitajteJosSadrzaj{padding: 10px 10px 6px 10px; background-color: #fff; text-align: left; font-size: 14px;}

/* Weather */
.tabovi {margin: 15px 0;}
.tabovi a {font-size: 1rem; color: #373A3C; font-weight: 500;}
.prognoza {padding-top: 60px;}
.tableHeaderNaslov {border-bottom: 1px solid #ECEEEF; } 
.osmotrenoTrenutnoStanjeH {font-size: 1.25rem; font-weight: 600; padding: 20px 0;}
.trVremenska {border-bottom: 1px solid #ECEEEF;}
.tdTitle {font-weight: 500; font-size: 1rem;}
.trVremenska {padding: 10px 0;}
.trVremenska div {text-align: center;}
.tdTitle {text-align: left !important;} 

.tableHeaderNaslov>div {padding: 0 0 0 20px;}
.airQ {padding: 20px 0; text-align: left; font-size: 16px;}
.airQTime {padding: 0 30px 0 10px;}
.airQ1 {color: #249D00;}
.airQInner1 {border-bottom: 4px solid #249D00;}
.airQ2 {color: #89BC00;}
.airQInner2 {border-bottom: 4px solid #89BC00;}
.airQ3 {color: #D8B900;}
.airQInner3 {border-bottom: 4px solid #D8B900;}
.airQ4 {color: #ED303B;}
.airQInner4 {border-bottom: 4px solid #ED303B;}
.airQ5 {color: #9D037E;}
.airQInner5 {border-bottom: 4px solid #9D037E;}

/* Mailing list */
#mailListSubscribe {padding: 0 20px;}
#mailListSubscribe ul {list-style: none; padding:0; margin:0 }
#mailListSubscribe li {padding-top: 5px; padding-bottom: 7px; border-bottom: 3px solid #fff; font-weight: 500;}
.mLSFirstLevel {background: #C7C7C7; padding-left: 10px; font-size: .875rem; text-transform: uppercase; color: #373A3C; font-weight: 500;}
.mLSSecondLevel {background: #E5E5E5; padding-left: 40px; font-size: .875rem; color: #4D4D4D;}
#mailListSubscribe h2 {font-size: 1rem; color:#4D4D4D; margin: 3px 0 0 0; background: #F0F0F0; padding: 20px 0px 20px 15px;}
#mLCategories {margin-bottom: 20px;}
.mlInputText {font-style: oblique; padding: 3px 5px; color: #373A3C;}
.mLForm {padding: 14px; color: #373A3C;}
.mLsend {padding: 7px;  border: 1px solid #e5e5e5; background: #F2F3F5;  color: #373A3C;  font-weight: bold;}
#mailListSubscribe input[type=checkbox] {margin-right: 15px;}

.titleNaslovShort{
    margin: 0 auto !important;
    padding: 0px 0px 30px 0px !important;
    background: white;
    position: relative;
    z-index: 20;
}

.banner {margin: 10px 0;}


#loadIcon {
	margin-right: 10px;
}

.galeryTitleText{
	font-size: 12px;
	text-align: center;
	font-weight:600;
	color: #4A4A4A;
}

.oneGalleryArticle{
	margin-bottom: 10px;
}

.starPadding{
	padding: 2px;
}

#buttons{
	margin-top: 15px;
}
#buttons> .btn-secondary{
	color: #989898 !important;
	border-color: #989898 !important;
}

.card{
	border:none;
}

.card-title{
	margin-bottom: 0px !important;
}

.gallery{
	margin-top: 15px;
}
.galleryTitle {font-size: 1.3rem; margin-bottom: 1rem;}



/* Mobile app info */
#mobileAppInfo {padding: 12px 30px 12px 15px; background-color: #494949; opacity: .9; position: fixed; width: 100%; margin-bottom: 10px; font-size: 0.8rem; top: 0; z-index: 9901; color: #fff;}
#mobileAppInfo a {font-weight: bold; color: #fff;}
#mobileAppInfoClose {position: absolute; right: 12px; top: 12px; font-size: 1rem; color: #fff; background: transparent; border: none;}

/* Programme sales */
.programme-sale tr:nth-child(even) {background-color: #F9F9F9;}
.programme-sale tr:nth-child(odd) {background-color: #fff;} 
.programme-sale tr td:first-child {text-transform: uppercase; font-weight: bold; text-align: left;}
.programme-sale td {
	border: 1px solid #ECEEEF;
	padding: 1rem 1.1rem;
	text-align: left;
}
.programme-sale td p {margin-top: 0; margin-bottom: 10px;}

/* Mini Gallery */
.miniGallery  { margin-bottom: 20px;}
.miniGalleryTitle  {margin: 0; padding: 20px 0;}
.miniGalleryTitle a {color: #4B4B4B;   font-size: 1.125rem;   font-weight: 500;}
.miniGalleryImages {padding-bottom: 25px; padding-left: 40px; padding-right: 40px;} 
.miniGaleryItemContainer {
	display:block;
	background-position: center 40%;
    background-size: cover;
    background-repeat: no-repeat; 
    height: 80px;
}
.miniGaleryItem {
	padding: 0;
	width: 100%; 
    height: 81px;
}

.miniGaleryItem:first-child {
	border-left: none; border-top: none;
}
.miniGaleryItem:nth-child(3n+0) {
	border-bottom: 1px solid #D3D8DB;
	border-left: 1px solid #D3D8DB;
}
.miniGaleryItem:last-child {
	border-right: none; 
	border-bottom: 0;
}
.miniGaleryItem:nth-child(3n+2) {
	border-bottom: 1px solid #D3D8DB;
}
.miniGaleryItem:nth-child(3n+1) {
	border-bottom: 1px solid #D3D8DB;
	border-right: 1px solid #D3D8DB;
}
.miniGaleryItem:nth-last-child(-n+2), .miniGaleryItem:nth-last-child(-n+3) {
	border-bottom: 0;
}

.titleExtension{
	font-weight: 300;
}

/* External embed */
.fb_iframe_widget {text-align: center; width: 100%;}
.instagram-media, .twitter-tweet {margin: 0 auto 1rem auto !important;}

#moUslovi {transform: scale(1.31); margin-right: 8px;}

/* media queries */
/* Large devices (desktops, less than 1440px) */
@media (max-width: 1440px) {
	.topNews {width: 1130px;}
	.vestiVojvodina {width: 1130px;}
	.vVmain {height: 146px;}
	.additionalNewsContainer {width: 1130px;}
	.okvir_levo {margin-left: -975px}
	.okvir_desno {margin-right: -975px}
	.vVmain {height: 146px;}
	.recommendIntroDiv p {font-size: 134px;}
}

/* media queries */
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
	.topNews {width: 100%;}

	.mobilniAdd {margin: 0 auto; text-align: center; padding-top: 15px;}
	
	.leftColumn {height: 380px;}
	
	.rightColumn .topColumn{
		height: 185px;
	}
	.rightColumn .bottomColumn{
		height: 185px;
	}
	
	.grid6News {width: 100%;}
	.customInnerContainer {width: 100%;}
	.vestiVojvodina{width: 100%;}
	.vVmain {height: 146px;}
	.additionalNewsContainer{width: 100%;}
	.mediaSectionTitle{width: 100%;}
	.recommendIntroDiv p {font-size: 110px;}
	.headerDate {font-size: 11px;}
	.headarEmailNewsSub a {font-size: 11px;}
	.topMenu {padding: 8px; height: auto;} 
	
	#cssmenu .velicina {
  		margin-right: 16px !important;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
	.hDate1 {display: none;}
	#headerContainer {padding-bottom: 0;}
	.mainNews1 {height: 320px;}
	.mainNews2 {height: 155px;}
	.newsCategoryImg {height: 155px;}
	.leftColumn{height: 300px;}
	
	.topNews {padding: 15px 35px 15px 50px;}
	
	.rightColumn .topColumn{
		height: 145px;
	}
	.rightColumn .bottomColumn{
		height: 145px;
	}
	.topNews .naslovVestiFirstArticle{
		font-size: 21px;
	}
	
	.topNews .naslovVesti{
		font-size: 16px;
	}
	
	.vestiVojvodina h2 {font-size: .875rem;}
	.vVmainTitle {padding-top: 0;}
	.vVmain {height: 136px;}
	
	.grid6News .naslovVesti a {font-size: 1rem;}	
	.gridBtn {font-size: .875rem;}
	
	#menuCenterDiv {top:50px; padding: 0; left: 0;}
	
	#latestNewsRTabs button {width: auto; font-size: .875rem;}
	.latestNewsItemNumber span {font-size: 36px;}
	.latestNewsItemNumber {margin: 5px 0; padding: 5px 0;}
	.latestNewsR {padding: 0;}
	
	#videoVestiContainer {padding: 55px 35px;}
	.videoVesti .videoVestiNaslov a {height: auto; font-size: .875rem;}
	.introVideoVesti p {font-size: 76px;}
	.videoVesti {padding: 25px 0 0 0;}
	.VideoVestiBtn {font-size: .875rem;}
	
	.recommend{padding: 35px;}
	.recommendIntroDiv p {font-size: 76px;}
	.recommendTitle {font-size: 1rem; line-height: 1rem;}
	.recommend .recommendLeft {font-size: 1rem; height: 100px;}	
	.recommend .recommendRight{font-size: 1rem; height: 100px;}

	.yPInner {padding: 35px;}
	.yPvideoTitleContainer {height: auto;}
	.yPVideoTitle {font-size: .875rem;}
	.yPVideoBtn {font-size: .875rem;}
	.mediaBtn {font-size: .875rem;}
	
	
	.rightSection {padding: 0px;}
	.rightSection2 {padding-top: 5px;}
	.calendarDate {margin-top: -30px; margin-left: -25px}
	.calendarDay {font-size: 48px;}
	.instaImgContainer .instaImg {height: auto;}
	.linkoviTitle {font-size: 2rem; font-weight: 200;}
	
	.linkoviBezBaneraContainer {line-height: 1.2;}
	.linkovi {margin: 40px 0;}
	.linkovi a {font-size: .875rem; font-weight: 700; line-height: .9;}
	.gridMediaNaslov a {line-height: 1.1rem; font-size: 0.875rem;}
}	



/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {	
	.headerInfo{display: block !important;}
	.headerDate{display: flex; align-items: center; justify-content: center;}
	.topWeatherMenu{display: flex; align-items: center; justify-content: center;}
	.topNews  {padding: 20px 40px 10px 40px;}
	.mobilniAdd img {width: 100%; height: auto; }
	.mainNews1 {height: 320px;}
	.mainNews2 {height: 320px;}
	.newsCategoryImg {height: 320px;}
	
	.nop {padding: 0;}
	.vestiVojvodina{padding:10px 25px 10px 25px !important;}
	.additionalNewsContainer{padding: 5px 25px 10px 25px !important;}
	.additionalAllNewsContainer {padding: 5px 25px 100px 25px !important;}
	.titleNaslovShort{ padding: 5px 0px 10px 0px !important;}
	
	.topNews .naslovVestiFirstArticle{
		font-size: 21px;
	}
	
	.leftColumn{
		/* height: 256px; */
	}
	
	.jednaVideoVest{
		margin-bottom: 20px;
	}
	
	.topNews .naslovVestiFirstArticle{
		font-size: 20px;
	}
	.topNews .naslovVesti{
		font-size: 18px;
	}
	.grid6News .naslovVesti{
		font-size: 18px;
	}
	.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video{
		padding: 3px;
	}
	
	.recommend .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video{
		padding: 0px;
	}
	
	.videoVest .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video{
		padding: 0px;
	}
	.youtubePromo .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video{
		padding: 0px;
	}
		
	.recommend{
		padding: 35px 35px 30px 35px;
	}
	
	.recommendIntroDiv p{
		font-size: 52px;
	}
	.vVmain {height: 210px;}
	.topWeatherMenu {margin-left:0;}
	.headerDate {margin-right: 20px;}
	.woCont {margin: 2px 1px;}
	.epp_zona {margin-left: auto; margin-right: auto; }
	.recommend .recommendLeft {font-size: 14px; height: auto;}
	.recommend .recommendRight{font-size: 14px; height: auto;}	
	.introVideoVesti p {font-size: 52px;}
	.mediaSectionTitle h2 p {font-size: 32px; color: #4B4B4B; font-weight: 300;}
	.rightSection {padding: 20px 20px 0 40px; margin: 0 auto;}
	.videoVesti {}
	#videoVestiContainer {padding: 35px 20px;}
	.jednaVideoVest img {width: 100%;}
	.yPInner {padding: 20px;}
	.yPVideo {margin-bottom: 20px;}
	.rightSection {padding: 20px 0;}
	.programme-sale td {padding: .5rem .5rem;}
	.miniGaleryItemContainer {height: 120px;}
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 
	.mainNews1 {height: 250px;}
	.mainNews2 {height: 250px;}
	.multiNewsItem {display: none;}
	.newsCategoryImg {height: 250px;}
	.vVmain {height: 220px;}
	.nop {padding: 0;}	
	.mediaSectionTitle h2 p {font-size: 24px; color: #4B4B4B; font-weight: 300;}
	.woBtn {margin-left: 20px; line-height: 10px;}
	.recommendIntroDiv {top: -15px;}
	.mvrItemTitle {padding-left: 15px; padding-top: 5px;}
	.mvrItem .mvrItemThumb {padding-left: 15px; padding-right: 15px;}
	.programme-sale td {font-size: .85rem; padding: .2rem .2rem;}
}
 @media (max-width: 355px) {
 	.multiNewsItem  {display: none;} 
 	.woTempCont{font-size:0.5rem}
 	.newsCategoryImg {height: 150px;}
 }