﻿a
{
    text-decoration:none;
    color:#333;
}

a:hover
{
	color:#ff9933;
}

strong
{
    font-weight:bold;
}

h2
{
	margin-top:0;
}

img
{
	border:none;
}

body 
{
    margin:0;
    padding:0;
}

iframe {
	border-radius: 16px;
}

#mainWrapper
{
    width:100%;
    margin:auto;
    position:relative;
    overflow:hidden;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

#homeWrapper
{
	width:100%;
	max-width:1366px;
	margin:auto;
}

#logo, #logo2
{
    padding:16px 24px 24px 4%;
    float:left;
	width:40%;
    max-width:200px;
	min-width:152px;
}

#logo input, #logo2 input
{
    width:100%;
}

#social
{
	float:right;
	margin:40px 80px 0 0;
	padding-right:24px;
	position:relative;
	color:#666;
}

#socialList
{
	top:32px;
	padding:8px;
    width:112px;
    text-align:center;
    left:-8px;
    display:none;
    position:absolute;
    background-color:#f5f5f5;
    color:#666;
	z-index:100;
}

#socialList div
{
	float:left;
	width:32px;
	height:32px;
	margin:4px 2px;
}

#socialList .cleaner
{
	float:none;
	height:0;
	width:auto;
	margin:0;
}

#langList a
{
    color:#666;
}

#langList a:hover
{
    color:#ff9933;
}

.langItem
{
    padding:12px;
	outline:1px solid #ddd;
	outline-offset:-1px;
}

.langItemSelected
{
	padding:12px;
	background-color:#ccc;
	color:#fff;
}

.menuLangItem
{
    padding:12px;
	outline:1px solid #ddd;
	outline-offset:-1px;
}

.menuLangItemSelected
{
	padding:12px;
	background-color:#ccc;
	color:#fff;
}

.langArrow
{
	top:2px;
	right:0px;
	height:15px;
	overflow:hidden;
	position:absolute;
	text-align:center;
	width:16px;
	font-size:24px;
	border:1px solid #666;
	color:#666;
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*.txbSearch
{
	border:none;
	border-bottom:1px solid #ddd;
	background:#f5f5f5;
    font-size:16px;
    padding:4px 8px;
    width:240px;
    color:#888;
	opacity:0;
	transition:all 0.3s linear;
}*/

#searchWrapper
{
    margin:16px 20% 0 20%;
}

.searchItem
{
    padding:24px 0;
    border-bottom:1px solid #eee;
	font-size:16px;
}

.searchItem a
{
	color:#666;
}

.searchItemTitle
{
	font-weight:bold;
}

.searchItemDetail
{
    padding-top:8px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:bold;
}

.searchItemDetail a
{
    color:#FF9933
}

.searchItemDetail a:hover
{
	color:#666;
}

#headerOverlay
{
	position:absolute;
	top:100%;
	left:320px;
	background-color:#FF9933;
	transform:translateY(-50%);
	color:#fff;
	transition:all 1s;
	min-height:20px;
	opacity:0;
	overflow:hidden;
	padding:4px 8px;
	width:0;
	text-align:center;
}

#headerOverlay span
{
	opacity:0;
	position:relative;
	/*transition:all 1s;*/
	/*margin-top:-20px;*/
	/*top:50%;*/
	/*left:50%;*/
	/*transform:translateY(-50%);*/
	/*text-align:center;*/
	overflow:hidden;
}

#sliderWrapper
{
	width:100%;
	overflow:hidden;
	position:relative;
}

#slideshow
{
    position:relative;
    overflow:hidden;
    height:100vw;
    max-height:600px;
    width:100%;

}

#slideshow img
{
	margin-left:50%;
	transform: translateX(-50%);
	width:100%;
}

#slideshow iframe, #slideshow video
{
	position:absolute;	
	width:100%;
	height:100%;
        top:0px;
}

#greyOverlay
{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#333;
	opacity:0.3;
	z-index:1;
}

.circle
{
    position:absolute;
	width:1440px;
	height:1440px;
    background-color:rgba(250, 124, 0, 0.5);
    border-radius:1440px;
    top:-1440px;
    right:100vw;
    opacity:0;
	z-index:10;
}

.circleNo1
{   
    transition:all 2s;
}

.circleNo2
{
    transition:all 1.6s;
}

#breadcrumb
{
	position:absolute;
	top:80px;
	left:8%;
	color:#fff;
	opacity:0.9;
	z-index:90;
}

#breadcrumb a, #newsBreadcrumb a
{
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

#newsBreadcrumb
{
	display:none;
	position:absolute;
	z-index:1000;
	top:128px;
	left:25%;
	color:#fff;
	opacity:0.9;
}

.sliderOverlay
{
    position:absolute;
    width:100%;
    max-width:1440px;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}

.sliderOverlayText
{
    position:relative;
    font-size:28px;
    width:100%;
    max-width:512px;
    color:#fff;
}

#pageImage
{
    position:relative;
    overflow:hidden;
	/*height:60vh;*/
}

#pageImage .desktop
{
	display:block;
}

#pageImage .mobile
{
	display:none;
}

#pageVideo
{
    position:relative;
    overflow:hidden;
	height:calc(100vh - 100px);
	width:100%;
}

#pageVideo #greyOverlay
{
	display:none;	
}

#pageVideo iframe
{
	position:absolute;	
	width:100%;
	height:100%;
	bottom:0px;
}

#pageVideo .whiteLine
{
	display:none;
}

#pageImage img
{
	width:100%;
	filter: saturate(1.2) contrast(1.2);
	/*transform: scale(1.05,1.05);*/
}

#pageImage .overlay
{
    top:56px;
}

#pageImage .overlay .whiteLine
{
    margin-top:8px;
}

#pageImage .overlayText
{
    font-size:42px;
}

.overlay
{
    position:absolute;
    bottom:3vw; /* bilo je top 10vw */
    left:8%;
	width:84%;
	z-index:90;
}

.overlay .whiteLine
{
    margin-top:32px;
    margin-left:4px;
}

#sliderWrapper .overlay
{
	text-align:left;
}

#sliderWrapper .overlayText
{
	font-size:48px;
}

#sliderWrapper .overlay
{
	position:absolute !important;
	left:8%;
	top:55%;
}

.sliderButton
{
	position:relative;
	z-index:1000;
	margin-top:32px;
}

.overlayText
{
    font-weight:bold;
    font-size:42px;
	/*max-width:800px;*/
    color:#fff;
    padding:24px 0;
    line-height:1.1;
    font-weight:bold;
    text-transform:uppercase;
}

.overlayAbstract
{
    font-size:20px;
    color:#fff;
    padding:8px 0 32px 0;
    line-height:1.3;
    width:50%;
}

#sliderButton .buttonTransparent
{
	margin:auto;
    outline:epx solid #fff;
	color:#fff;
    background-color:#FF9933;
}

#sliderButton .buttonTransparent a
{
    color:#fff;
}

.buttonTransparent
{
    font-weight:bold;
    background-color:rgba(255, 255, 255, 0.1);
    width:160px;
    text-align:center;
    padding:12px 0;
	font-size:18px;
    outline:1px solid #fff;
	outline-offset:-1px;
	letter-spacing:1px;
	margin-top:16px;
	color:#fff;
	cursor:pointer;
}

.buttonTransparent:hover
{
    background-color:#FF9933;
}

.buttonTransparent a
{
    color:#fff;
}

.whiteLine
{
    width:64px;
    border-bottom:2px solid #fff;
    margin:12px 0px;
}

.greyLine
{
    width:64px;
    border-bottom:2px solid #999;
    margin:12px auto;
}

#homeInfoblockWrapper
{
    padding:64px 0 96px 0;
	width:100%;
	max-width:1144px;
	margin:auto;
}

#homeInfoblock
{
    background-color:#f5f5f5;
    padding:32px;
	margin-top:80px;
}

.homeInfoblockImageResp
{
	display:none;
}

.homeInfoblockLeft
{
    position:relative;
    float:left;
    z-index:20;
    width:56%;
}

.homeInfoblockTitle
{
    /*background-color:#FF9933;*/
	background-color:#9D9996;
    color:#fff;
    font-size:38px;
	letter-spacing:3px;
    padding:24px 32px 24px 40px;
    line-height:64px;
    font-weight:bold;
	min-height:96px;
	text-align:center;
}

.orangeLine
{
    margin-top:16px;
    /*border-bottom:2px solid #FF9933;*/
    border-bottom:2px solid #9D9996;
}

.homeInfoblockAbstract
{
    padding:24px 48px 24px 32px;
    color:#666;
    font-size:18px;
	line-height:32px;
}

.homeInfoblockButton
{
    font-weight:bold;
    width:160px;
	font-size:18px;
    text-align:center;
    padding:12px 0;
    color:#666;
    border:1px solid #666;
    margin-left:32px;
}

.homeInfoblockButton a
{
	color:#666;
	letter-spacing:1px;
}

.homeInfoblockButton:hover, .topNewsOther:hover
{
    background-color:#333;
}

.homeInfoblockButton:hover a , .topNewsOther:hover a
{
    color:#fff;
}

.homeInfoblockRight
{
    position:relative;
    float:left;
    z-index:10;
	width:44%;
}

.homeInfoblockImage
{
    margin-top:-64px;
}

.homeInfoblockImage img, .homeInfoblockImage iframe
{
    margin-left:-28px;
	width:100%;
	max-width:468px;
}

#topNewsWrapper
{
	width:100%;
	max-width:1360px;
	margin:auto;
}

.homeTitle
{
    font-weight:bold;
    font-size:30px;
    color:#666;
    padding-bottom:8px;
	letter-spacing:1px;
}

.orangeFullLine
{
    border-bottom:2px solid #FF9933;
}

#topNews
{
    padding:32px 0;
}

.topNewsItem
{
    float:left;
    width:31%;
    padding:0;
}

.topNewsItem2
{
    float:left;
    width:31%;
    padding:0 3.5%;
}

.topNewsDate
{
    color:#666;
	padding-bottom:8px;
	font-size:18px;
	letter-spacing:1px;
}

.topNewsImage
{
	overflow:hidden;
	/*max-height:304px;*/
}

.topNewsImage img
{
	width:100%;
	transition:all 0.2s;
	max-width:468px;
	transform: scale(1.05,1.05);
}

.topNewsImage:hover img
{
	transform: scale(1.2,1.2);
	filter: brightness(80%);
}


.topNewsTitle
{
    font-weight:bold;
    font-size:20px;
    line-height:1.5;
    color:#666;
    padding-top:16px;
	height:56px;
	overflow:hidden;
}

.topNewsAbstract
{
    padding:8px 0 0 0;
    color:#666;
	height:92px;
	overflow:hidden;
	line-height:1.3;
	font-size:18px;
	margin-bottom:16px;
}

.topNewsDetail
{
    font-weight:bold;
    color:#FF9933;   
	font-size:18px;
	letter-spacing:1px;
	padding:12px 24px;
	border:1px solid #FF9933;
	float:left;
}

.topNewsDetail:hover
{
	color:#666;
	border:1px solid #666;
}

.topNewsOther
{
    margin:40px auto;
    font-weight:bold;
    width:168px;
    text-align:center;
    padding:12px 0;
    color:#666;
    border:1px solid #666;
    color:#666;
	font-size:18px !important;
	letter-spacing:1px;
	display:none;
}

.topNewsOther a
{
    color:#666;

}

.homeProgramTitle
{
    font-size:24px;
    color:#666;
    padding-bottom:8px;
}

.homeProgramAbstract
{
    color:#fff;
    padding: 16px;
    min-height: 117px;
    line-height: 1.3;
    font-size: 18px;
}

.homeProgramDetail 
{
    color:#fff;
    border:1px solid #fff;
    padding:8px 16px;
    display:inline-block;
    text-align:center;
    margin-bottom:16px;
    margin-left:50%;
    transform:translateX(-50%);
}

.orangeBack .infoblockAbstract
{
    background-color:#FF9933;
}

.greenBack .infoblockAbstract
{
    background-color:#7EBE40;
}

.greyBack .infoblockAbstract
{
    background-color:#9D9996;
}

#topBlogWrapper
{
    margin:64px auto;
	width:100%;
	max-width:1144px;
}

#topBlog
{
    padding:24px 32px 56px 32px;
    background-color:#f5f5f5;
    overflow:hidden;
    position:relative;
    height:100%;
}

#topBlog .homeTitle
{
    padding-left:40px;
}

#topBlogSlider
{
    position:absolute;
    left:0;
    top:0;
    transition: all 0.3s;
}

.topBlogItem
{
    position:relative;
    float:left;
    margin-top:40px;
}

.topBlogItemLeft
{
    float:left;
    width:56%;
}

.topBlogBlock
{
    /*background-color:#FF9933;*/
    background-color:#9D9996;
    margin-top:64px;
    margin-left:40px;
    padding:40px;
    z-index:20;
    position:relative;
}
.topBlogBlock:after
{
	content:'';
	position:absolute;
	bottom: -16px;
	height:2px;
	left:0;
	width:100%;
	background-color:#9D9996;
}

.topBlogBlock .whiteLine
{
    margin:20px 0 16px 0;
    border-width:1px;
}

.topBlogTitle
{
    color:#fff;
    font-size:38px;
	font-weight:bold;
    line-height:48px;
	/*text-transform:uppercase;*/
}

.topBlogAutor
{
    color:#fff;
    text-transform: uppercase;
    padding-top:16px;
	font-size:20px;
}

.topBlogAbstract
{
    color:#fff;
	font-size:36px;
}

.topBlogDetail
{
    color:#fff;
    font-weight:bold;
    margin-top:64px;
    margin-left:40px;
    padding:12px 0;
	font-size:18px;
	letter-spacing:1px;
    border:1px solid #666;
    color:#666;
    width:160px;
    text-align:center;
}

.topBlogDetail:hover
{
	color:#666;
}

.topBlogOther
{
    position:absolute;
    left:0;
    bottom:20px;
    font-weight:bold;
	font-size:18px;
	letter-spacing:1px;
    padding:16px 40px;
    margin-left:40px;
	display:none;
}

.topBlogOther a
{
    color:#FF9933;
}

.topBlogOther a:hover
{
	color:#666;
}

.topBlogItemRight
{
    float:left;
    z-index:10;
    position:relative;
    margin-left:-28px;
    width:44%;
	overflow:hidden;
	max-width:468px;
}

.topBlogItemRight img
{
    width:100%;
	transform: scale(1.0,1.0);
	transition:all 0.2s;
}

.topBlogItemRight:hover img
{
	transform: scale(1.2,1.2);
	filter: brightness(80%);
}

#topBlogPrev
{
    float:left;
    cursor:pointer;
    padding-top:4px;
	font-size:18px;
	letter-spacing:1px;
	font-weight:bold;
	color:#666;
}

#topBlogPrev:hover, #topBlogNext:hover
{
	color:#ff9933;
}

#topBlogNext
{
    float:right;
    cursor:pointer;
    padding-top:4px;
	font-size:18px;
	letter-spacing:1px;
	font-weight:bold;
	color:#666;
}

#pageContent
{
	width:100%;
	max-width:1144px;
	margin:auto;
    padding:64px 0;
}

#newsPageContent
{
    margin:auto;
	flex: 1;
    padding:48px 0;
	width:100%;
	max-width:1144px;
}

#contactContent
{
    margin:auto;
	margin-top:100px;
    padding:48px 0;
	width:100%;
	max-width:1144px;
}

#contactForm
{
	margin-top:48px;
	padding:32px 16% 32px 16%;
	background-color:#f5f5f5;
}

#contactForm input
{
	font-size:18px;
	color:#333;
	background:transparent;
}

#contactForm input[placeholder]:focus
{ 
	color: #999;
}

#contactForm textarea[placeholder]:focus
{
	color: #999;
}

#contactForm textarea
{
	font-size:18px;
	color:#333;
	background:transparent;
}

.contactField
{
    border:none;
    border-bottom:1px solid #aaa;
    width:44%;
    padding:4px 0.5%;
    margin:32px 2% 0 2%;
    font-size:16px;
	color:#333;
}

.contactFieldMsg
{
    border:none;
    border-bottom:1px solid #aaa;
    width:94%;
    padding:4px 0.5%;
    margin:32px 2% 0 2%;
}

.contactCheck
{
    margin:auto;
    margin-top:16px;
    width:92%;
    line-height:1.4;
    color:#666;
}

.contactCheck input
{
    margin-right:4px;
}

#contactFormButton
{
    padding-top:48px;
    text-align:center;
	font-weight:bold;
}

.contactButton, .moreButton
{
    border:1px solid #999;
    padding:12px 32px;
    background-color:#fff;
    color:#666;
    cursor:pointer;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	border-radius: 100px;
}

.contactButton:hover, .moreButton:hover
{
	background-color:#666;
	color:#fff;
}

#contactFormButton .contactButton
{
	background-color:#f5f5f5;
}

#recaptcha
{
    padding-top:48px;
    width:300px;
    margin:auto;
    filter: saturate(0.4) brightness(1.1);
}

#error
{
    color:#ff0000;
    text-align:center;
}

#map
{
    padding:64px 0 16px 0;
    /*filter: saturate(0.1) brightness(1.02);*/
}

#map img
{
	width:100%;
}

.titleCenter
{
    text-align:center;
    font-size:30px;
    color:#666;
    padding-bottom:16px;
}

.subtitleCenter
{
    padding-top:8px;
    text-align:center;
    color:#999;
	font-size:18px;
	display:none;
}

.blogListItem
{
    float:left;
    width:32%;
    height:640px;
    overflow:hidden;
    padding:24px 0 0px 0;
}

/*.blogListItem .newsListItemDate, .blogListItemMiddle .newsListItemDate
{
	display:none;
}*/

.otherBlogItem
{
    float:left;
    width:32%;
    overflow:hidden;
    padding:24px 0 32px 0;
}

.blogListItemMiddle
{
    float:left;
    width:32%;
    height:640px;
    overflow:hidden;
    padding:24px 2% 0px 2%;
}

.otherBlogItemMiddle
{
    float:left;
    width:32%;
    overflow:hidden;
    padding:24px 2% 32px 2%;
}

.temaTitle
{
	padding-top:32px;
	padding-bottom:16px;
	font-size:22px;
	color:#666;
}

.blogoviItem
{
	float:left;
	width:33.33%;
	position:relative;
}

.blogoviItem img
{
	width:100%;
	/*filter: grayscale(100%);*/
	filter:saturate(20%);
	opacity:0.8;
	transition:all 0.3s;
}

.blogoviItemOverlayColor
{
	position:absolute;
	background-color:rgba(255, 255, 255, 0.1);
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 0.3s;
}

.blogoviItemOverlay
{
	position:absolute;
	bottom:30%;
	height:20%;
	left:0;
	width:90%;
	padding:5%;
	color:#fff;
	text-align:center;
	transition:all 0.3s;
	text-shadow:1px 1px 1px #000;
}

.blogoviItem:hover .blogoviItemOverlayColor
{
	background-color:rgba(255,255,255,0);
}

.blogoviItem:hover .blogoviItemOverlay
{
	
	bottom:0;
	
}

.blogoviItem:hover img
{
	filter:saturate(100%);
	opacity:1;
}


.blogoviItemAuthor
{
	font-size:20px;
	font-weight:bold;
}

.blogoviItemZvanje
{
	font-size:18px;
}

#oblast
{
    text-align:center;
    margin:8px 0;
    padding:0;
	font-size:18px;
}

#oblast li
{
    display:inline-block;
    padding:4px 24px;
    margin:0;
}

#oblast li a
{
	color:#999;
}

#oblast li a:hover
{
	color:#ff9933;
}

.oblastSelected a
{
    color:#666 !important;
}

.newsListItem
{
    float:left;
    width:32%;
    height:640px;
    overflow:hidden;
    padding:24px 0 0px 0;
}

#otherNewsTitle
{
    text-align:center;
    font-size:30px;
    color:#666;
    font-weight:bold;
    padding-bottom:16px;
}

.otherNewsItem
{
    float:left;
    width:32%;
    overflow:hidden;
    padding:24px 0 32px 0;
}

.newsListItem .newsListItemAuthor
{
    display:none;
}

.newsListItemMiddle
{
    float:left;
    width:32%;
    height:640px;
    overflow:hidden;
    padding:24px 2% 0px 2%;
}

.otherNewsItemMiddle
{
    float:left;
    width:32%;
    overflow:hidden;
    padding:24px 2% 32px 2%;
}

.newsListItemMiddle .newsListItemAuthor
{
    display:none;
}

.newsListItemDate
{
    color:#999;
    padding:4px 0;
	font-size:16px;
}

.newsListItemImage
{
	overflow:hidden;
	text-align:center;
	border-radius: 16px;
}

.newsListItemImage img
{
    width:100%;
	transition:all 0.2s;
	transform: scale(1.01,1.01);
}

.newsListItemImage:hover img
{
	transform: scale(1.2,1.2);
	filter: brightness(80%);
}

.newsListItemAuthor
{
    text-transform:uppercase;
    color:#999;
    padding:8px 0;
	font-size:16px;
	letter-spacing:1px;
}

.newsListItemTitle
{
    font-size:18px;
    font-weight:bold;
    color:#666;
    padding:8px 0;
	margin-bottom: 8px;
	height:44px;
	overflow:hidden;
	line-height:1.4;
}

.newsListItemAbstract
{
    height:86px;
    overflow:hidden;
    position:relative;
    color:#999;
	font-size:16px;
	line-height:1.3;
}

.newsListItemAbstractMask
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:100;
    background: linear-gradient(transparent 50%, #fff 75%, #fff);
}

.newsListItemDetail
{
    color:#ff9933;
    font-weight:bold;
    padding-top:16px;
	font-size:16px;
	letter-spacing:1px;
}

.newsListItemDetail:hover
{
	color:#666;
}

.newsItemImage
{
    position:relative;
    overflow:hidden;
	padding:0;
	max-width:100%;
	text-align:center;
}

.newsItemImage img
{
    width:100%;
    /*filter: blur(8px) saturate(0.7);*/
	/*transform: scale(1.05,1.05);*/
}

.newsItemImage .newsImageOverlayAutor
{
	
}

.shareButton
{
	cursor:pointer;
	color:#fff;
	text-align:right;
	position:absolute;
	bottom:16px;
	left:25%;
	z-index:90;
	width:50%;
}

.shareButton img
{
	width:16px !important;
	height:16px !important;
	margin:0 !important;
	vertical-align:top !important;
	padding-left:8px !important;
	transform:none !important;
	filter:blur(0) !important;
}

#shareIcons
{
	position:absolute;
	top:-48px;
	right:-8px;
	overflow:hidden;
	width:136px;
	height:0;
	opacity:0;
	transition: all 0.3s;
}

#shareIcons img
{
	width:40px !important;
	height:40px !important;
	margin:0 !important;
	vertical-align:top !important;
	padding:0 2px 0 0 !important;
	transform:none !important;
	filter:none !important;
}

#newsItemWrapper
{
    padding:0 112px;
}

#otherNewsWrapper
{
    padding:32px 0 96px 0;
	width:100%;
	max-width:1144px;
	margin:auto;
}

.newsImageOverlay
{
    position:absolute;
    width:50%;
    left:25%;
    top:144px;
	z-index:90;
}

.newsImageOverlayDate
{
    color:#fff;
    padding-bottom:16px;
	font-size:18px;
	letter-spacing:1px;
}

.newsImageOverlayTitle
{
    font-size:30px;
    color:#fff;
    font-weight:bold;
    line-height:1.1;
}

.newsImageOverlaySubtitle
{
	font-size:30px;
    color:#fff;
    line-height:1.1;
	padding-bottom:16px;
	opacity:0.8;
}

.newsImageOverlayAutor
{
    color:#fff;
    text-transform:uppercase;
	font-size:18px;
}

.newsImageOverlayZvanje
{
    color:#fff;
	font-size:18px;
	text-transform:none;
}

.newsImageOverlay .whiteLine
{
    margin:24px 0;
    opacity:0.5;
}

.newsItemDesc
{
    padding:24px 0 64px 0;
    color:#666;
	font-size:16px;
	text-align:justify;
}

.newsItemDesc img
{
	width:100%;
}

.newsItemDesc a
{
	font-weight:bold;
	color:#ff9933;
}

.newsItemDesc a:hover
{
	color:#666;
}

.imageSubtitle
{
	font-size:16px;
	text-align:center;
}

.blogItemImage
{
	width:100%;
	position:relative;
}

.blogItemImage img
{
	width:100%;
	/*filter: blur(2px);*/
}

.blogItemImage .newsImageOverlay
{
	top:176px;
}

.blogItemImage .newsImageOverlayDate, .blogItemImage .newsImageOverlaySubtitle,
.blogItemImage .newsImageOverlayAutor, .blogItemImage .newsImageOverlayZvanje,
.blogItemImage .newsImageOverlay
{
	display:none;
}

.blogItemDesc
{
    padding:64px 25%;
    color:#666;
	font-size:16px;
}

.blogItemDesc img
{
	max-width:100%;
	border-radius: 16px;
}

.blogItemDesc iframe
{
	width:100%;
	max-width:640px;
	border-radius: 16px;
}

.blogItemTitle
{
	font-size:26px;
	padding-bottom:16px;
}

.newsItemDesc .newsAutor, .newsItemDesc .blogItemTitle
{
    display:none;
}

.newsAutor
{
    padding-top:48px;
}

.newsAutorImage
{
    padding-top:16px;
    position:relative;
}

.newsAutorImage img
{
    width:50%;
}

.newsAutorName
{
    position:absolute;
    bottom:0;
    left:50%;
    padding-left:16px;
}

.newsAutorName
{
    text-transform:uppercase;
}

#topSocial
{
	width:100%;
	max-width:1360px;
    margin:80px auto;
}

#topSocial .homeTitle
{
    float:left;
}

.socialIconFb
{
	background-image: url("/images/social-icon-FB.PNG");
	background-repeat:no-repeat;
}

/*.socialIconFb:hover
{
	background-image: url("/images/social-icon-FB-hover.PNG");
}*/

.socialIconTw
{
	background-image: url("/images/social-icon-TW.PNG");
	background-repeat:no-repeat;
}

/*.socialIconTw:hover
{
	background-image: url("/images/social-icon-TW-hover.PNG");
}*/

.socialIconIn
{
	background-image: url("/images/social-icon-IN.PNG");
	background-repeat:no-repeat;
}

/*.socialIconIn:hover
{
	background-image: url("/images/social-icon-IN-hover.PNG");
}*/

.socialIconYt
{
	background-image: url("/images/social-icon-YT.PNG");
	background-repeat:no-repeat;
}

/*.socialIconYt:hover
{
	background-image: url("/images/social-icon-YT-hover.PNG");
}*/

.socialIconLn
{
	background-image: url("/images/social-icon-LN.PNG");
	background-repeat:no-repeat;
}

/*.socialIconLn:hover
{
	background-image: url("/images/social-icon-LN-hover.PNG");
}*/

.socialIcon
{
    padding-top:12px;
    float:right;
	opacity:0.8;
}

.socialIcon div
{
	float:left;
	background-position:right;
	width:36px;
	height:28px;
}

.socialIcon .cleaner
{
	float:none;
	width:auto;
	height:12px;
}

#socialImage
{
    padding-top:32px;
	color:#666;
	font-size:20px;
}

.socialSide
{
    float:left;
    width:23.5%;
	position:relative;
}

.socialSideImageFb:hover .socialOverlay
{
    left:0;
}

.socialSideImageIn:hover .socialOverlay
{
    right:0;
}

.socialSide img, .socialMid img
{
    width:100%;
}

.socialSideImage
{
	border-bottom:3px solid #ff9933;
	overflow:hidden;
	height:360px;
}

.socialSideImage img
{
	margin-left:50%;
	transform:translateX(-50%);
	width:120%;
}

.socialSideImageIn, .socialSideImageFb
{
    position:relative;
    overflow:hidden;
	height:360px;
	border-bottom:3px solid #ff9933;
}

.socialOverlay
{
	font-weight:normal;
	font-size:16px;
    position:absolute;
    color:#fff;
    height:100%;
    padding:20%;
    width:60%;
    top:0;
    transition:all 0.2s;
    text-align:center;
	opacity:0.9;
}

.socialOverlay .whiteLine
{
    margin:24px auto;
}

.socialSideImageFb
{
	position:relative;
}

.socialSideImageFb img, .socialSideImageIn img
{
	position:absolute;
	height:100%;
	width:auto;
	min-width:100%;
	transform: translate(-50%, 0);
	left: 50%;
	top:0;
}

.socialSideImageFb .socialOverlay
{
    background-color:#336699;
    left:-100%;
}

.socialSideImageIn .socialOverlay
{
    background-color:#ff3366;
    right:-100%;
}

.socialMid
{
    position:relative;
    float:left;
    width:23.5%;
    padding:0 2% 0 0;
}

.homeFbMessage
{
	max-height:50%;
	overflow:hidden;
	position:relative;
}

.homeFbMsgMask
{
	position:absolute;
	width:100%;
	height:100%;
	background: linear-gradient(transparent 80%, #336699);
}

.homeInMsgMask
{
	position:absolute;
	width:100%;
	height:100%;
	background: linear-gradient(transparent 80%, #ff3366);
}

#footer
{
    background-color:#f5f5f5;
}

#footerWrapper
{
	width:100%;
	max-width:1360px;
	padding:24px 0;
	margin:auto;
}

#footer .socialIcon
{
    padding:8px 0 16px 0;
}

#footerLogo
{
    padding-bottom:24px;
}

.greyFullLine
{
    border-bottom:1px solid #ccc;
}

#footerMenu
{
    float:left;
    width:29%;
    padding:24px 3% 24px 0;
	font-size:18px;
	display:none;
}

.footerMenuItem
{
	text-transform:uppercase;
	padding-bottom:4px;
}

.footerMenuItem a
{
    color:#666;
}

.footerMenuItem a:hover
{
	color:#ff9933;
}

.footerKontakt
{
    color:#666;
    float:left;
    width:35%;
    padding:24px 3% 24px 3%;
	line-height:1.5;
	font-size:18px;
}

.footerKontakt a
{
	color:#666;
}

.footerKontakt a:hover
{
	color:#ff9933;
}

#followUs
{
    float:left;
    padding:22px 0 8px 3%;
    color:#666;
    font-size:18px;
	text-align:right;
	width:15%;
}

#copyright
{
    color:#999;
    font-size:14px;
    padding-top:16px;
    float:left;
}

#privacy
{
    float:right;
    padding-top:16px;
}

#privacy a
{
    color:#999;
}

.cleaner
{
    clear:both;
}

.hidden
{
    display:none;
}

.eui-widget-title
{
	display:none !important;
}

#eapps-instagram-feed-1 a:nth-child(8)
{
	display:none !important;
}

.prijavaButton2
{
	font-size:18px;
	color:#fff;
	padding:8px 32px;
	border-radius:0;
	cursor:pointer;
	border:1px solid #444;
	background-color:#e70;
	font-weight:bold;
	border-radius: 100px;
}
