/*
@font-face { font-family: 'raleway-thin'; src: url(http://beta.publishwall.si/styles/fonts/raleway/Raleway-Thin.ttf); }
@font-face { font-family: 'raleway-extralight'; src: url(http://beta.publishwall.si/styles/fonts/raleway/Raleway-ExtraLight.ttf); }
@font-face { font-family: 'raleway-light'; src: url(http://beta.publishwall.si/styles/fonts/raleway/Raleway-Light.ttf); }
@font-face { font-family: 'raleway-regular'; src: url(http://beta.publishwall.si/styles/fonts/raleway/Raleway-Regular.ttf); }
@font-face { font-family: 'raleway-medium'; src: url(http://beta.publishwall.si/styles/fonts/raleway/Raleway-Medium.ttf); }
@font-face { font-family: 'raleway-semibold'; src: url(http://beta.publishwall.si/styles/fonts/raleway/Raleway-SemiBold.ttf); }
@font-face { font-family: 'raleway-bold'; src: url(http://beta.publishwall.si/styles/fonts/raleway/Raleway-Bold.ttf); }
@font-face { font-family: 'raleway-black'; src: url(http://beta.publishwall.si/styles/fonts/raleway/Raleway-Black.ttf); }
*/
/*@font-face { font-family: "lato"; src: url(http://beta.publishwall.si/mojca_demo/dropbox/fonts/lato/Lato-regular.ttf); }*/
*{	margin:0px;
	padding: 0px;
	/*font-family: "lato"; */
	/*text-decoration: none;*/
	/*"Arial Black", Gadget, sans-serif*/
}
p, a, hr{
	margin: 0px;
	/*font-family: "lato"; */
}
p, a{
    text-shadow: 1px 1px 3px rgba(1,1,1,0.05);
}
a{
		font-family: "Raleway", Arial;
}
body{
	/*background: #cccccc;*/
	/*background: #F1F1F1 !important;*/
}

/*span[onclick*="openWidgetSettings"].options{
	color: white;	
    text-shadow: 0px 0px 13px white;
}*/

span[onclick*="openWidgetSettings"].options:hover{
    text-shadow: 0px 0px 13px orange;
    transition:all 1.25s;
}



/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/

													/* 		PREGLEJ IN POPRAVI TODO		*/



.wrapper-top-bar{
	position: fixed;
	width: 100%;
	background: #4b4b4b; /* Old browsers */
	background: -moz-linear-gradient(top,  #4b4b4b 0%, #2a2430 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4b4b4b 0%,#2a2430 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4b4b4b 0%,#2a2430 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#2a2430',GradientType=0 ); /* IE6-9 */
	z-index: 10;
}

.content-top-bar{ width: 960px; height: 48px; margin: 0px auto; }
.content-top-bar p{float: left; line-height: 48px; margin-right: 3px; color: white; vertical-align: middle;}

/*STYLING ZA SLIKE TOP BARA - vsaka je drugačna zato prilagodim lepo višino*/
.tbd-logo{ width: 120px; height: 48px; float: left; }
.tbd-blog, .tbd-mesta, .tbd-oglasnik, .tbd-parlament, .tbd-search{	float: left; height: 48px; background: none; margin-left: 5px;}

.tbd-logo img{float: left; width: 112px; height: 45px; margin-left: 5px;}
.tbd-blog img{float: left; width: 32px; height: 32px; margin-top: 7px;}
.tbd-mesta img{float: left; width: 32px; height: 32px; margin-top: 8px;}
.tbd-oglasnik img{float: left; width: 32px; height: 32px; margin-top: 6px;}
.tbd-parlament img{float: left; width: 32px; height: 32px; margin: 9px;}
.tbd-prijava img{ margin-left: 5px; }
/*STYLING ZA GRADIANTNO BARVO GUMBA PRIJACA*/
.tbd-prijava{	
	float: right; 
	width: 100px; 
	height: 32px; 
	border-radius: 2px;
	margin-top: 9px;
	
	background: #d4d4d4; /* Old browsers */
	background: -moz-linear-gradient(top,  #d4d4d4 0%, #8e8e8e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d4d4d4 0%,#8e8e8e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d4d4d4 0%,#8e8e8e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */
}
.tbd-prijava:hover{	cursor: pointer;}
.tbd-prijava p{ width: 100%; height: 100%; line-height: 32px; text-align: center; vertical-align: middle; }

/*	STYLING ZA SEARCH BAR */
.tbd-search input[type=text] { 
	color: black;  
	width: 150px; 
	height: 32px;
	margin-top: 9px;
	float: left;
	letter-spacing: 0.5px;             
	word-spacing: 1px;  
	margin-left: 10px;
	padding-left: 5px;  
	padding-right: 10px;  
	-moz-border-radius: 2px 0px 0px 2px;
	-webkit-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
	box-shadow: none;
	border: none;   
	outline: none;         
}
.tbd-search input[type=submit] {
	 width:28px;
	 height:32px;
	 margin-top: 9px;
	 /*background: yellow;*/
	 background-image:url("<?= config_item('pw2_url') ?>styles/images/search_btn.png");
	 background-repeat: no-repeat;
	 background-position: 6px 8px;
	 background-color:white;
	 background-size:16px 16px;
	 border: none;
	 border-left: 1px solid rgba(1,1,1,0.2);
	-moz-border-radius: 0px 2px 2px 0px;
	-webkit-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
	cursor:pointer;
}

/*HOVER PURE CSS ZA TOP BAR*/
.tbi-logo{ content:url("<?= config_item('pw2_url') ?>styles/images/publishwall_logo_beta.png"); }
.tbd-logo:hover, .tbd-blog:hover, .tbd-mesta:hover, .tbd-oglasnik:hover, .tbd-parlament:hover{ background: black; }

.tbi-logo{ content:url("<?= config_item('pw2_url') ?>styles/images/publishwall_logo_beta.png"); }
.tbi-blog{ content:url("<?= config_item('pw2_url') ?>styles/images/blog_button3.png"); }
.tbi-mesta{ content:url("<?= config_item('pw2_url') ?>styles/images/mesta1.png"); }
.tbi-oglasnik{ content:url("<?= config_item('pw2_url') ?>styles/images/o_button3.png"); }
.tbi-parlament{ content:url("<?= config_item('pw2_url') ?>styles/images/parlament3.png"); }

.tbd-blog:hover > .tbi-blog{ content:url("<?= config_item('pw2_url') ?>styles/images/blog_button3_h.png"); }
.tbd-mesta:hover > .tbi-mesta{ content:url("<?= config_item('pw2_url') ?>styles/images/mesta1_h.png"); }
.tbd-oglasnik:hover > .tbi-oglasnik{ content:url("<?= config_item('pw2_url') ?>styles/images/o_button3_h.png"); }
.tbd-parlament:hover > .tbi-parlament{ content:url("<?= config_item('pw2_url') ?>styles/images/parlament_zlat2.jpg"); }

.tbd-blog:hover > p{ color: #6098c5; }
.tbd-mesta:hover > p{ color: #03c963; }
.tbd-oglasnik:hover > p{ color: #ed970f; }

/* MEDIA QUERY ZA 980 > 729 > 405 minimum čene ne spravimo celega menija na zaslon*/
@media screen and (max-width: 980px){ 
	.content-top-bar{width: 100%;}
	.tbd-prijava{ margin-right: 10px;}
}
@media screen and (max-width: 729px){ 
	.tbd-search{ position: relative; width: 50%; height: 50%; margin-top: -8px; margin-left: 0px;}
	.tbd-prijava{ position: relative; margin-top: 2px; }
	.content-top-bar{width: 405px; height: 90px;} 
}
@media screen and (max-width: 405px){
	.wrapper-top-bar{width: 405px;}
}


*{padding: 0; margin: 0;}
.header_search_login{
	background-color: rgba(0,130,0,0.9);
	height: 80px;
}
.row{
	margin: 0;
	/*margin-bottom: 15px;*/
}
.zeroPadding{ padding:0; }
.padTop10{ padding-top: 10px; }
.padTop30{ padding-top: 30px; }
.padTop50{ padding-top: 50px; }
.padTop200{ padding-top: 200px; }

.gray1{ 	background-color: rgba(1,1,1,0.2);}
.bRed{		background-color: rgba(255,0,0,1);}
.bGreen{	background-color: rgba(0,255,0,1);}
.bBlue{		background-color: rgba(0,0,255,1);}
.bGray{		background-color: rgba(1,1,1,0.2);}
.bOra3{	background-color: rgba(255,102,0, 0.3)}
.bOra5{	background-color: rgba(255,102,0, 0.5)}
.bOra7{	background-color: rgba(255,102,0, 0.7)}

.mb10{  margin-bottom: 10px; }
.ml10{	margin-left: 10px;}




/*	STYLE ZA MAIN CONTENT 	*/
.cmn-a{
	background: rgba(1,1,1,0.3);
	color: white;
	padding: 12px 10px 11px 10px;
	display: inline-block;
	border: 1px solid rgba(100,100,100, 0.3);
}
.img-invert{
   -webkit-filter: invert(1);
   filter: invert(1);
}
.cmn-wrapper{
	float: right;
	margin: 5px;
}
.temp-fill{background: rgba(1,1,1,0.4);}
.profile-img{width: 277px; height: 277px; border: 2px solid white; border-radius: 3px;}
.profile-p{position:absolute; font-size: 36px; color: white; font-family: "Calibri"; bottom: 0px; padding: 0; margin: 0; importent!}
.profile-rss{ position: absolute; height:31px; width: 31px; left: 246px; bottom: 0px;}

.cma-fb:hover, .cma-tw:hover, .cma-op:hover, .cma-foto:hover, .cma-user:hover, .cma-rss:hover{ background: rgba(1,1,1, 0.6); }












/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/
/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/


/*ČASOVNICA*/
.dropdown-menu>li>a{
	font-family: "Helvetica", Arial;
}




/*TOPBAR*/
.placeholder_topbar #search-top{
	outline: none !important;
}




/*################################################################################
################################################################################*/
/* 					USERPAGE - WIDGET FRIENDS / PRIJATELJI						*/
.widget_prijatelji{
	/*width: 250px;*/
	width: 100%;
	min-height: 98px;
	/*background: #1a1a1a;*/
	background: #fff;
	font-family: "lato", Arial;
	/*border-bottom: 2px solid #c4c4c4;*/
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	overflow: hidden;
}
.widget_prijatelji .widget_title{
	/*width: 240px;*/
	width: calc(100% - 10px);
	height: 26px;
	margin: 5px 5px 0px 5px;
	/*background: #333;*/
	background: #fff;
}
.widget_prijatelji .widget_title p{
	margin-left: 14px;
	line-height: 28px;
	vertical-align: middle;
	font-family: "Raleway-Medium", Arial;
	font-size: 16px;
	color: #7F7A7A;
} 
.widget_prijatelji .widget_content{
	position: relative;
	/*width: 240px;*/
	width: calc(100% - 10px);
	max-height: 290px;
	margin: 0px 5px 5px 5px;
}

.widget_content .profile_picture{
	width: 67.5px;
	height: 67.5px;
	margin-top: 5px;
	border-style: inset;
	/*border: 1px solid #ddd;*/
    border: 1px solid rgba(1,1,1, 0.2);
	opacity: 0.90;
}
.widget_content .profile_picture:hover{ opacity: 1; }
.ma-r5{
	margin-right: 5px;
}


/*################################################################################
################################################################################*/
/*					USERPAGE - WIDGET GALLERY / GALERIJA		*/
/*



/*################################################################################
################################################################################*/
/*							USERPAGE ZADNJI KOMENTARJI							*/

	.widget_zadnji_komentarji{
		/*width: 250px;*/
		width: 100%;
		min-height: 105px;
		/*max-height: 269px;*/
		/*background: rgb(26,26,26);*/
		background: #fff;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		/*border-bottom: 2px solid #c4c4c4;*/
		overflow: hidden;
	}
	.widget_zadnji_komentarji .widget_title{
		/*width: 240px;*/
		width: 100%;
		height: 30px;
		/*margin: 5px auto;*/
		margin: 5px 0;
		background: #fff;
		border-bottom: 1px solid rgba(1,1,1,0.1);
	}
	.widget_zadnji_komentarji .widget_title p{
		/*margin-left: 14px;*/
		margin-left: 5px;
		line-height: 28px;
		vertical-align: middle;
		font-family: "Raleway-Medium", Arial;
		font-size: 16px;
		color: #7F7A7A;
	} 
	.widget_zadnji_komentarji .widget_content{
		/*width: 240px;*/
		width: calc(100% - 10px);
		/*max-height: 228px;*/
		/*margin: 17px 5px 0px 5px;*/
		margin: 0px 5px 0px 5px;
	}

	/*.widget_zadnji_komentarji .profile{
		position: relative;
		float: left;
		width: 45px;
		height: 45px;
	}
	.widget_zadnji_komentarji .comment{
		position: relative;
		font-family: "lato", Arial;
		font-size: 13px;
		color: #333;
		float: right;
		width: 145px;
		height: 32px;
		vertical-align: middle;
		line-height: 15px;
		margin: 5px 5px;
		text-decoration: none;
		overflow: hidden;
	}

	.widget_zadnji_komentarji .comment_wrapper{
		position: relative;
		width: 240px;
		height: 45px;
		margin: 5px 0px 5px 0px;
	}
	.widget_zadnji_komentarji .comment_wrapper:first-child{
		margin-top: 0px;
	}
	.widget_zadnji_komentarji .comment_wrapper:hover{ background: rgba(55,55,55,0.45); }
*/

		.widget_zadnji_komentarji .comment_wrapper{
			position: relative;
			width: 100%;
			/*height: auto;*/
			max-height: 90px;
			overflow: hidden;
			line-height: 1px;
		    border-bottom: 1px solid rgba(1,1,1,0.05);
		    padding: 5px 0 5px 0;
		}
		.widget_zadnji_komentarji .comment_wrapper:nth-child(odd){
			/*background: #f1f1f1;*/
			border-bottom: 1px solid rgba(0,0,0,0.12);
			margin-bottom: 5px;
		}
		.widget_zadnji_komentarji .comment_wrapper:hover{
			background: rgba(77, 99, 179, 0.15);
			-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.widget_zadnji_komentarji .comment_wrapper:last-child{
			border-bottom: none;
		    padding: 5px 0 0px 0;
		    margin-bottom: 5px;
		}
		.widget_zadnji_komentarji .comment_wrapper a{
			text-decoration: none;
			font-size: 15px;
		    text-shadow: 1px 1px 5px rgba(1,1,1,0.15);
		}
		.widget_zadnji_komentarji .comment_wrapper a:first-child{
			text-transform: capitalize;
			font-family: "raleway-medium", Arial;
			font-weight: 500;
			font-size: 13px;
			display: inline;
			text-decoration: underline;
			color: #00A0C6;
		}
		.widget_zadnji_komentarji .comment_wrapper a:first-child:visited{
			color: #00A0C6;
		}
		.widget_zadnji_komentarji .comment_wrapper a:first-child:hover{
			letter-spacing: 0.1px;
			text-decoration: none;
			-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.widget_zadnji_komentarji .comment_wrapper a:last-child{
			font-family: "Roboto", Arial;
			font-weight: 400;
			font-size: 12px;
			line-height: 17px;
    		letter-spacing: 0.1px;
			color: #333;
			display: inline;
		}
		.widget_zadnji_komentarji .comment_wrapper a:last-child:hover{
			color: rgba(1,1,1,0.750);
			text-decoration: underline;
		}
		.widget_zadnji_komentarji .comment_wrapper a:last-child::first-letter{
			text-transform: capitalize;
		}
		.widget_zadnji_komentarji .comment_wrapper p{
			display: inline;
			font-family: "Arial";
			font-weight: 300;
			font-size: 11px;
			line-height: 14px;
			color: #999;
		}






/*################################################################################
################################################################################*/
/*								NAJBOLJ OBISKANO								*/



/*################################################################################
################################################################################*/
/*									USERPAGE PROFILE							*/
	.widget_top_profile{
		position: absolute;
		width: 17vw;
		/*height: 22vw;*/
		min-width: 190px;
		min-height: 250px;
		max-width: 272px;
		max-height: 333px;
		z-index: 20;
		font-family: "lato", Arial;
		left: 10%;
    	text-shadow: 2px 2px rgba(56,56,56,0.8);
		top: 5%;
	}
	.widget_top_profile .profile_frame{
		position: relative;
		float: left;

		width: 17vw;
		height: 17vw;
		min-width: 190px;
		min-height: 190px;
		float: left;
		box-sizing: border-box;
		border: 1px solid rgba(255,255,255,0.9);
		box-shadow: 1px 1px 5px rgba(1,1,1,0.5);
		overflow: hidden;
		-webkit-transition: border 0.1s;
		-o-transition: border 0.1s;
		transition: border 0.1s;
		border-radius: 12%;
	}
	.widget_top_profile .profile_frame:hover{
		border: 1px solid rgba(255,255,255,0.2);
		opacity: 0.9;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.widget_top_profile .profile_picture{
		position: absolute;
		left: 50%;
		top: 50%;
		height: 100%;
		width: auto;
		-webkit-transform: translate(-50%,-50%);
		  -ms-transform: translate(-50%,-50%);
		      transform: translate(-50%,-50%);
	}

    .widget_top_profile .profile_data{
    	position: relative;
    	width: 100%;
    	float: left;
    	bottom: 0;
    	margin: 0;
    	padding: 0;
    	overflow: hidden;
		color: white;
    }
	.widget_top_profile .profile_name{
		position: relative;
		width: 100%;
		float: left;
		margin: 5px 0px 0px 0px;
		font-size: 35px;
		font-family: "lato", Arial;
		line-height: 35px;
		text-transform: capitalize;
		text-align: center;
		text-shadow: -1px -1px 0 #444, 1px -1px 0 #444, -1px 1px 0 #444, 1px 1px 0 #444;
	}
	.widget_top_profile .profile_description{
		position: relative;
		width: 100%;
		float: left;
		margin: 5px 0px 5px -1px;
		font-size: 15px;
		line-height: 16px;
		font-family: "lato", Arial;
		text-align: center;
		text-shadow: -1px -1px 0 #444, 1px -1px 0 #444, -1px 1px 0 #444, 1px 1px 0 #444;
	}
	.widget_top_profile .profile_description:first-letter{
		text-transform: capitalize;
	}



/*################################################################################
################################################################################*/
/*						USERPAGE WIDGET HITRE VELIKE VIDEI						*/
	.widget_objava{
		position: relative;
		width: 100%;
		min-width: 405;
		margin-bottom: 15px;
		/*padding-bottom: 5px;*/
		/*border-bottom: 5px solid white;*/
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		background: #fff;
	}
	.widget_objava .wrapper{
		position: relative;
		/*margin: 5px;*/
		border: 1px solid rgba(204, 204, 204, 0.2);
	}
	.widget_objava .widget_objava_title{
		width: 571px;
		height: 26px;
		margin: 5px auto;
		background: #333333;
	}
	.widget_objava .widget_objava_title p{
		margin-left: 14px;
		color: white;
		font-family: "lato", Arial;
		font-size: 14px;
		vertical-align: middle;
		line-height: 26px;
	} 
	.widget_objava .holder{
		position: relative;
		width: 100%;
		/*margin: 0px 5px 0px 5px;  //IF NO HEADLINE ABOUT - VIDEO/GALLERY/PICTURE/OBJAVA */
		/*background: rgba(1,1,1,0.2);*/
		background: rgba(1,1,1,0);
	}
	.profileimageurl_href{
		width: 100%;
		border-bottom: 1px solid #F1F1F1;
	}

	.widget_objava .top_label{
		position: absolute;
		width: 100%;
		height: 27px;
		top: 0px;
		line-height: 27px;
		vertical-align: middle;
		color: white;
		background: rgba(75,75,75,0.5);
		z-index: 2;
	}
	.widget_objava .author_img{
		position: relative;
		/*float: left;*/
		width: 31px;
		height: 31px;
		border-radius: 15px;
    	border: 1px solid rgba(255,255,255,0.6);
		margin: 5px;

	}
	.widget_objava .type{
		position: absolute;
		top: 1px;
		left: 43px;
		font-size: 14px;
		font-family: "lato", Arial;
		text-transform: capitalize;
		letter-spacing: 0;
	}

	.widget_objava .type:hover{ 
		letter-spacing: 0.3px;
		-webkit-transition: letter-spacing 0.3s;
		-o-transition: letter-spacing 0.3s;
		transition: letter-spacing 0.3s;
		cursor: pointer; }

	.widget_objava .holder .cover{
		position: relative;
		width: 100%;
		margin-bottom: 5px;
		border-bottom: 1px solid whitesmoke;
		height: auto;
	}
	.widget_objava .description_wrapper{
		position: relative;
		/*float: left;*/
		width: 100%;
		/*max-height: 100px;*/
		/*margin-top: 5px;*/
   		/*padding: 9px 0px;*/
		/*background:#262626;*/
		background: #fff;
	}
	.widget_objava .description{
		position: relative;
		width: 90%;
		/*max-height: 100px;*/
		/*margin: 0% 5% 0% 5%;*/
	    margin: 0px 5% 0 5%;
		font-family: "lato", Arial;
		/*color: #d4d4d4;*/
		color: #111;
	}
	.widget_objava .subheader{
		position: relative;
		padding-top: 3px;
		font-size: 20px;
		color: #333;
		font-family: "lato", Arial;
	}
	.widget_objava .subheader:first-letter {
	    text-transform: uppercase;
	}
/*	.widget_objava .holder .author{ 
		position: relative;
		margin-top: -4px;
		font-size: 8px; 
	}*/

	.widget_objava .date{
		position: relative;
		font-size: 9px;
		font-family: "lato", Arial;
	}
	.widget_objava .text{
		font-size: 14px;
		max-height: 40px;
		margin-bottom: 7px;
		margin-top: 6px;
		padding-bottom: 5px;
		overflow: hidden;
	    /*text-align: justify;*/
	}
	.widget_objava .post_expand{
		position: absolute;
		width: 20px;
		height: 20px;
		right: 5px;
		/*top: 5px;*/
		top: -1px;
	   /* -webkit-filter: invert(100%);
	    filter: invert(100%);*/
	    opacity: 0.75;
	    z-index: 3;
	}
	.widget_objava .post_expand:hover{
		opacity: 1;
		cursor: pointer;
	}

	.widget_objava .separator{
		position: relative;
		float: left;
		height: 0px;
		width: 100%;
		margin-top: 4px;
	    border-top: 1px solid rgba(44,44,44, 0.3);
    	z-index: 5;
	}
	.widget_objava .holder .bottom_options{
		position: relative;
		/*float: left;*/
		width: 100%;
		/*height: 25px;*/
		min-height: 25px;
		line-height: 25px;
		vertical-align: middle;
		color: #333;
		margin-top: 2px;
		/*background: #ebebeb;*/

/*		background: #ffffff; 
		background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); 
		background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); 
		background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );*/ 
	}






/*#########################################################################################################*/
/*							KOMENTARJI ZA  OBJAVOE 															*/




		.section-userpage-comment{
		    position: relative;
		    width: calc(100% - 2rem);
		    margin: 0.75rem 0 0 2rem;
		    overflow: hidden;
		}
		.section-userpage-comment .section-top{
		    position: relative;
		    width: 100%;
		    padding: 0.5rem;
		    border-radius: 0.5rem;
		    overflow: hidden;
		}
		.section-userpage-comment .section-left{
		    position: relative;
		    width: 50px;
		    height: 45px;
		    float: left;
		    overflow: hidden;
		    -webkit-filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.12));
		    -o-filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.12));
		    filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.12));
		}
		.section-userpage-comment .section-right{
		    position: relative;
		    width: calc(100% - 55px);
		    float: right;
		    padding: 0.5rem;
		    right: 0;
		    background: #eff1f3;
		    border-radius: 0.5rem;
		}
		.section-userpage-comment:not(:last-child) .section-right{
		    margin-bottom: 5px;
		    border-bottom: 1px dotted rgba(0,0,0,0.12);
		    padding-bottom: 10px;
		}
		.section-author-data{
			position: relative;
			display: inline-flex;
			width: 100%;
			height: 16px;
  			margin-top: 3px;
			/*background: wheat;*/
			overflow: hidden;
			justify-content: flex-start;
			align-items: center;
		}

		.section-author-data .date-posted{
			font-family: "Lato", Arial;
			font-weight: 300;
			font-size: 10px;
			line-height: 14px;
			float: left;
			padding: 1px 0 0 5px;
			color: #999;
		}
		.section-author-data .section-delete{
			position: relative;
		    display: inline-block;
		    width: auto;
		    height: 100%;
		    float: right;
		    margin-left: 10px;
		    margin-right: 3px;
		    cursor: pointer;
		    margin-top: -3px;
		    color: #999999;
		}
		.section-author-data .section-delete:hover{
			color: #333333;
		}
		.section-author-data .section-like{
			position: relative;
			float: right;
			width: auto;
			height: 100%;
    		margin-left: auto;
    		/*border-bottom: 1px solid rgba(1,1,1,0.15);*/
			/*background: brown;*/
			cursor: pointer;
		}
		.section-author-data .section-like p{
			float: right;
			font-family: "Lato", Arial;
			font-weight: 300;
			font-size: 12px;
			line-height: 10px;
			text-shadow: 1px 1px 5px rgba(1,1,1,0.15);
   			color: rgba(51, 51, 51, 0.58);
			padding: 4px;
		}
		.section-author-data .section-like img{
			float: right;
			position: relative;
			display: inline-block;
			line-height: 0;
			width: auto;
			height: 14px;
			/*background: green;*/
			padding: 0;
		}
		/*.widget_objava .likeIcon:hover, .widget_hitra_objava .likeIcon:hover, .widget_objava .section-like img:hover {
			animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
			transform: translate3d(0, 0, 0);
			backface-visibility: hidden;
			perspective: 1000px;
		}

		@keyframes shake {
			/*25%,75%{*/
			/*10%,50%,90% {*/
			/*transform: translate3d(0,2px,  0);*/
			/*transform: rotate(10deg);*/
			/*}*/
			/*50%{*/
			/*30%,70% {*/
			/*transform: translate3d(0,-2px,  0);*/
			/*transform: rotate(-10deg);*/
			/*}*/

		/*}*/



		.section-userpage-comment .comment-profile{
			position: relative;
			width: 46px;
			height: 46px;
			margin: 2px;
			-webkit-clip-path: polygon( 0 0, 90% 0, 90% 11%, 100% 21%, 90% 31%, 90% 90%, 0 90% );
		}
		.section-userpage-comment .username {
			float: left;
			font-family: "Lato", Arial;
			font-size: 13px;
			line-height: 14px;
			font-weight: 500;
			color: #00A0C6;
			text-shadow: 1px 1px 5px rgba(1,1,1,0.15);
			letter-spacing: 0;
			text-transform: capitalize;
			text-decoration: underline;
			-webkit-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
		}
		.section-userpage-comment .username:hover{
			letter-spacing: 0.2px;
			-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}

		.section-userpage-comment .comment{
			/*max-height: 172px;*/
    		margin-top: 2px;
			overflow: hidden;

    		font-family: Arial;
			font-size: 13px;
			line-height: 15px;
			font-weight: 300;
			/*padding-bottom: 3px;*/
		}
		.section-userpage-comment .comment p{
			position: relative;
			display: inline-block;
			width: calc(100% - 32px);
			height: auto;
			float: left;

			white-space: pre-wrap;
			padding: 0px 3px 0px 0;
			font-family: "Roboto Slab", "Roboto", sans-serif, Arial;
			font-size: 13px;
			line-height: 1.518;
			font-weight: 400;
			/*max-width: 150ch;*/
			max-width: calc(100% - 32px);
			overflow: hidden;
			/*text-shadow: 1px 1px 10px rgba(1,1,1,0.2);*/
		}
		.section-userpage-comment .comment:first-letter{
    		text-transform: capitalize;
		}


/*##################*//*##################*//*##################*//*##################*//*##################*/

	/*         TODO    VIKEND POPRAVI FUNKCIJO LIKANJE Z DAVIDOM		*/
	.widget_objava .holder .left{
		margin-left: 3px; /*28px ce je odmik*/
	}
	.widget_objava .left img{
		float: left;
		opacity: 1;
	}
	.widget_objava .left img:hover{ opacity: 0.75; cursor:pointer; }
	.widget_objava .left p, .widget_objava .left a{
		font-size: 10px;
		margin: 0px 5px 0px 5px;
		float: left;
	}

	.widget_objava .right img:hover{ opacity: 0.75;  cursor:pointer; }
	.widget_objava .right img{
		position: relative;
		float: right;
		right: 10px;
		opacity: 1;
	}

	.widget_objava .holder .right p{
		position: relative;
		font-size: 10px;
		float: right;
		right: 5px;
	}
	/*         TODO    VIKEND POPRAVI FUNKCIJO LIKANJE Z DAVIDOM		*/
	/*         TODO    VIKEND POPRAVI FUNKCIJO LIKANJE Z DAVIDOM		*/


	.widget_placeholder .publishwall_lastposts {
    	width: 100%;
     	margin-left: 0px; 
    	background: white;
    	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.widget_placeholder .title-publishwall_lastposts {
	    display: inline-block;
	    max-width: 46%;
	    font-size: 14px;
    }
	/*         TODO    VIKEND POPRAVI FUNKCIJO LIKANJE Z DAVIDOM		*/

	/*##################*//*##################*//*##################*//*##################*//*##################*/

	/*			VIDEO SETTINGS			*/
	.widget_objava .wrapper_video_cover { 
		position: relative; 
		/*float: left;*/
		top: 0px;
		width: 100%;
		height: 321px; 
		overflow: hidden; 
		margin-bottom: 5px;
	}
	.widget_objava .wrapper_video_cover a{ 
		display: block;

	}
	.widget_objava .video_cover {  
		position: absolute; 
		width: 100%;
		height: 321px; 
		z-index: 1;
		min-height: 321px; 
		min-width: 571px; 
		left: 50%; 
		-webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%); 
	}
	.widget_objava .video_play_cover{
		position: absolute;
		width: 65px;
		height: 65px;
		z-index: 1;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
		opacity: 1;
	}
	.widget_objava .video_play_cover:hover{ opacity: 0.8; cursor: pointer;}

	.widget_objava .wrapper_video_description{
		position: relative;
		float: right;
		width: 405px;
		height: 160px;
		font-size: 11px;
		font-family: "lato", Arial;
		overflow: hidden;

		/*background: #333;*/
		background: #fff;
	}
	.widget_objava .table_limiter{
		position: absolute;
		margin: 30px 30px 30px 30px;
		width: 345px;
		height: 105px;
		max-height: 105px;
		overflow: hidden;

	}
	.widget_objava .video_meta_description{
	  	position: absolute; 
		width: 345px;
		height: 105px;
		display: table; 
		/*background: purple;*/

	}
	.widget_objava .video_meta_description p {

		/*color: white;*/
		color: #333;
	  	display: table-cell; 
	  	vertical-align: middle; 
	  	text-align: center; 
	}






/*################################################################################
################################################################################*/
/*								WIDGET	HITRE OBJAVE							*/

	.widget_hitra_objava{
		width: 250px;
		min-width: 250px;
		/*background: #1a1a1a;*/
		background: #fff;
		overflow: hidden;
		margin-bottom: 10px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
/*	.widget_hitra_objava_title{
		width: 250px;
		height: 26px;
		margin: 5px auto;
		background: #333333;
	}
	.widget_hitra_objava_title p{
		margin-left: 14px;
		color: white;
		font-family: arial;
		font-size: 14px;
		vertical-align: middle;
		line-height: 26px;
	} */
	.widget_hitra_objava .handle{
		position: relative;
		width: 240px;
		min-height: 180px;
		margin: 5px;
		/*background: rgba(1,1,1,0.2);*/
		background: #66999a;
		overflow-x: hidden;
		/*padding-bottom: 30px;*/	
	}
	.widget_hitra_objava .bottom_option{
		position: absolute;
		width: 100%;
		min-height: 25px;
		bottom: 0px;
		line-height: 26px;
		vertical-align: middle;
		/*background: rgba(75,75,75, 0.5);*/
		background: #ebebeb;
		z-index: 1;
	}


	.widget_hitra_objava .left img{
		float: left;
		margin-right: 3px;
		margin-top: 2px;
	}
	.widget_hitra_objava .left p{
		position: relative;
		font-size: 10px;
		margin: 0px 5px 0px 0px;
		float: left;
		color: white;
		opacity: 1;
	}
	.widget_hitra_objava .left img:hover{	opacity:  0.85;	cursor: pointer;}

	.widget_hitra_objava .right img{
		position: relative;
		float: right;
		opacity: 1;
		margin-right: 10px;
		margin-top: 2px;
	}
	.widget_hitra_objava .right img:hover{	opacity:  0.85;	cursor: pointer;}

	.widget_hitra_objava .right p{
		position: relative;
		font-size: 10px;
		float: right;
		right: 5px;
		color: white;
	}
	.widget_hitra_objava .hitro_wrapper{
		width: 200px;
		/*max-height: 330px;*/
		overflow: hidden;
		/*padding: 43px 20px 30px 20px;*/
		/*padding: 36px 0px 36px 0px;*/
		padding: 76px 0px;
		margin: 0px auto;
	}
	.widget_hitra_objava .text_limit {
	    max-height: 266px;
	    overflow: hidden;
	}
	.widget_hitra_objava .hitro{
		display: table;
	}

	.widget_hitra_objava .hitro p{
		display: table-cell;
	    font-size: 20px;
	    line-height: 22px;
		vertical-align: middle;
		font-family: "lato", Arial;
		color: white;
	}
	.widget_hitra_objava .hitro p:visited,	.widget_hitra_objava .hitro a:visited {
		color: white;
		text-decoration: none;
	}
	.widget_hitra_objava .hitro a:hover{
		color: white;
		opacity: 0.75;
	}

	.widget_hitra_objava .top_label{
		position: absolute;
		width: 100%;
		height: 27px;
		top: 0px;
		line-height: 27px;
		vertical-align: middle;
		color: white;
		background: rgba(75,75,75,0.5);
	}
	.widget_hitra_objava .author_img{
		position: relative;
		float: left;
		width: 31px;
		height: 31px;
		border-radius: 15px;
		margin: 5px;
	}
	.widget_hitra_objava .type{
		position: absolute;
		top: 1px;
		left: 43px;
		font-size: 14px;
		font-family: "lato", Arial;
	}
	.widget_hitra_objava  .type{ text-transform: capitalize; }

	.widget_hitra_objava .video_cover{
	    position: relative;
	    width: auto;
	    height: 180px;
	    left: 50%;
	    -webkit-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%);  
	    transform: translate(-50%, 0);
	}
	.widget_hitra_objava .cover{
		position: relative;
		/*width: 240px;
		height: auto;*/
	    width: auto;
	    height: 180px;
	    transform: translate(-50%, 0);
	    left: 50%;
	}

	.widget_hitra_objava .video_play_cover{
		position: absolute;
		width: 45px;
		height: 45px;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
		opacity: 1;
	}
	.widget_hitra_objava .video_play_cover:hover{ opacity: 0.8; cursor: pointer;}

	.replaced_video{
		padding-bottom: 20px;
	}
	.bottom_options .likeShareComment{
		position: relative;
		margin-bottom: 1px;
		/*background-color: #f9f9f9;*/
		background: #E6E6E6;
		/*box-shadow: 1px 1px 5px rgba(1,1,1,0.15);*/
		/*box-shadow: 0px 1px 5px rgba(1,1,1,0.2);*/
	}

/*##########################################################################*/
/*							LIKE VIEW SHARE: ;								*/

	.widget_objava .bookmarkIcon, .widget_objava .commentIcon, .widget_objava .likeIcon {
    	margin-bottom: 6px;
	}
    .widget_hitra_objava .sharePost, .widget_objava .sharePost{
	    color: rgba(51, 51, 51, 0.58);
	    text-shadow: 1px 1px 5px rgba(1,1,1,0.15);
    }
    .widget_hitra_objava .sharePost:hover, .widget_objava .sharePost:hover{
    	color: rgba(51,51,51,1);
    }
	
    .widget_hitra_objava .likeShareComment{
    	position: relative;
 	   	overflow: hidden;
 	   	height: 25px;
    }

    .widget_objava .likeIcon:hover, .widget_objava .commentIcon:hover, .widget_objava .bookmarkIcon:hover, .widget_objava .sharePost:hover,
    .widget_hitra_objava .likeIcon:hover, .widget_hitra_objava .commentIcon:hover, .widget_hitra_objava .bookmarkIcon:hover, .widget_hitra_objava .sharePost:hover{
    	opacity: 1;
    	-webkit-transition: opacity 0.35s;
    	-o-transition: opacity 0.35s;
    	transition: opacity 0.35s;
    }

/*												USERPAGE SLIDE SHOW 2 															*/
  		
  		.wrapper_slideshow{
  			opacity: 0;
  			position: relative;
  			width: 100%;
  			overflow: hidden;
  		}
  		.wrapper_slideshow .slides{
  			position: relative;
  			width: 1110px;
  			height: 1110px;
  			margin-left: 0px;
  			overflow: hidden;
  		}

  		.wrapper_slideshow .slide .slide_img{
  			position: relative;
  			float: left;
  			width: 0px;
  			height: 0px;
/*		    -webkit-filter: invert(1);
		    filter: invert(1);*/
		    background-repeat: none;
  		}
  		.wrapper_slideshow .slide{
  			position: relative;
  			float: left;
  			width: 0;
  			height: 0;
  		}

  		.wrapper_slideshow .slide_prev{
  			position: absolute;
  			display: inline-block;
  			top: calc(50% - 32px);
  			left: 0px;
  			z-index: 5;	
  			width: 9vw;
  			height: auto;

		    cursor: pointer;
		    -ms-transform: rotate(90deg); /* IE 9 */
		    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		    transform: rotate(90deg);

			-webkit-filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
	      	-moz-filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
	       	-ms-filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
	       	-o-filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
	       	filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
  		}
		.wrapper_slideshow .slide_next{
  			position: absolute;
  			display: inline-block;
  			top: calc(50% - 32px);
  			left: 0px;
  			z-index: 5;	
  			width: 9vw;
  			height: auto;

		    cursor: pointer;
		    -moz-transform: scaleX(-1);
	        -o-transform: scaleX(-1);
	        -webkit-transform: scaleX(-1);
	        transform: scaleX(-1);
	        filter: FlipH;
	        -ms-filter: "FlipH";

		    -ms-transform: rotate(-90deg); /* IE 9 */
		    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		    transform: rotate(-90deg);

			-webkit-filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
	      	-moz-filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
	       	-ms-filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
	       	-o-filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
	       	filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.25));
  		}

  		.wrapper_slideshow .slide_prev:hover, .wrapper_slideshow .slide_next:hover{	opacity: 0.75; }

  		/*		THUMBNAILS 			*/
  		.wrapper_slideshow .thumbs{
  			position: relative;
  			bottom: 0px;
  			text-align: center;
		    font-size: 0;
		    width: 100%;
		    /*background: rgba(211,1,1, 0.3);*/
  		}
  		.wrapper_slideshow .thumb{
   			display: inline-block;
   			margin: 0px;
   			padding: 0px;
  			background: rgba(1,1,1,0.9);
  		}
  		.wrapper_slideshow .thumb:hover{
  			opacity: 0.8;
  			-webkit-transition: opacity 0.5s;
  			-o-transition: opacity 0.5s;
  			transition: opacity 0.5s;
  		}
  		.wrapper_slideshow .thumb img{
  			position: relative;
  			float: left;
  			width: 12%;
  			height: 16%;
  			/*border-top: 1px solid rgba(255,255,255,0.55);*/
  			border-left: 1px solid rgba(255,255,255,0.55);
		    box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    margin: 0px;
		    padding: 0px;
		    cursor: pointer;
  		}
  		.wrapper_slideshow .thumb:last-child img{
  			border-right: 1px solid rgba(255,255,255,0.25);
  		}


		/*NOTIFICATIONS NOTIFIKACIJE*/
		.notification_holder{
			position: absolute;
			right: 0;
			top: 0;

		}
		#notificationsscrollbar{
			z-index: 10;
		}
		.userpage_notifications_space_clearing{
			position: relative;
			display: inline-block;
			width: 300px;
			height: 200px;
			background: orange;
			overflow: hidden;
		}

  		/*			SLIDER MENU			*/
		
		.wrapper_slideshow .thumb_menu{
			position: relative;
			width: 100%;
			height: 50px;
			background: rgba(1,1,1,0.85);
			z-index: 5;
			margin-top: 0;
  			border-top: 1px solid rgba(255,255,255,0.45);
		}

	 	.wrapper_slider_menu .slider_menu{
			position: relative;
			width: 100%;
			height: 42px;
			text-align: center;
			line-height: 44px;
			vertical-align: middle;
			/*background: rgba(1,255,1,0.2);*/
			/*bottom: 20%;*/
			z-index: 5;
    		background: white;
    		box-shadow: 1px 1px 5px rgba(1,1,1,0.05);
		}
		.wrapper_slider_menu .slider_menu a{
			text-decoration: none;
			color: black;
			font-family: "Raleway-Medium", Arial;
			/*color: #7F7A7A;*/
			color: #343434;
			font-size: 16px;
			margin: 0px 2.5% 0px 2.5%;
			cursor: pointer;
		}
		.wrapper_slider_menu .slider_menu a:hover{
			color: rgba(12,12,12,0.5);

		}
		.wrapper_slider_menu .slider_menu a > img{
			width: 24px;
			height: 24px;
    		margin-top: -5px;
			display: inline-block;
			vertical-align: middle;
		}


		.wrapper_slideshow .slide_arrow_down{
			position: absolute;
			width: 9.5vw;
			height: auto;
			left: 100px;
			bottom: 20%;
			z-index: 5;
		}
		.wrapper_slideshow .slide_arrow_down:hover{
			opacity: 0.8;
			cursor: pointer;
		}

		@media (max-width: 720px)  {
			body{ /*min-width: 581px;*/ }
			.slider_menu{ height: 30px; line-height: 30px;}
			.slider_menu a{ font-size: 12px;}
			.slider_menu a > img{ width: 16px; height: 16px; }
			/*.thumb{ border: 1px solid white;}*/
		}

  		.display{
  			position: fixed;
  			width: 200px;
  			height: 60px;
  			left: 0;
  			top: 0;
  			background: white;
  			color: black;
  			z-index: 9999;
  		}


  		






/*##############################################################################################################################
################################################################################################################################*/
/* 														MOJCA MAVEC  	 top bar												*/

	
	.wrapper_top_bar{
		position: fixed;
		display: block;
		top: 0px;
		min-width: 405px;
		width: 100%;
		height: 42px;
		background: rgba(0,0,0,0.95);
		z-index: 20;
	}

	.nav_menu{
		position: relative;
		text-align: center;
		width: 1024px;
		max-width: 1024px;
		margin: 0px auto;
		height: 100%;
	}
	.nav_button{
		position: relative;
		float: left;
		width: auto;
		height: 42px;
		line-height: 42px;
		margin: 0px 20px 0px 20px;
		/*padding: 0px 10px 0px 10px;*/
		text-align: center;
		vertical-align: middle;
	}
	.nav-flag-wrap img{
	    width: 32px;
	    height: 18px;
	    margin-top: 11px;
	}
	.nav_menu a{
		color: white;
		font-size: 14px;
		font-family: "lato", Arial;
	}
	.nav_button:hover{
		transition: color 0.3s ease;
		color: gray;
	}
	.wrapper_top_bar ul{
		position: relative;
		display: inline-block;
	}

    /*@media screen and (min-width: 405px) and (max-width: 530px){*/
		/*.wrapper_top_bar{ height: 50px; }*/
		/*.nav_menu{  width: 420px; height: 60px; line-height: 30px;   }*/
		/*.nav_button{ height: 25px; line-height: 25px; margin: 0px 2px 0px 2px; padding: 0px 6px 0px 6px;}*/
		/*.second_line{ top: -10px;}*/
		/*.nav_menu a{ font-size: 12px; }*/
		/*.wrapper_top_bar ul{ height: 32px; line-height: 25px; margin-bottom: 0px;}*/
    /*}*/
	/*@media screen and (min-width: 531px) and (max-width: 800px){*/
		/*.wrapper_top_bar{ height: 35px; }*/
		/*.nav_menu{  width: 510px; height: 35px; line-height: 35px;   }*/
		/*.nav_button{ height: 35px; line-height: 35px; margin: 0px 2px 0px 2px; padding: 0px 6px 0px 6px;}*/
		/*.nav_menu a{ font-size: 12px; }*/
		/*.second_line{ top: -50px;}*/
	/*}*/







/**/
/*				CORE WIDGET DATA			*/


.core_widget_userpage_profile{
	position: absolute;
	z-index:10; 
    left: 14vw;
    top: 8vw;
}





/*##############################################################################################################################
################################################################################################################################*/
/* 														POPUP - DELI  															*/

	.modal-body.share-body{
		width: 100%;
		background: rgba(40, 40, 40, 0.95);
	}
	.share-modal-header{
		background: #1e2124;
		border-bottom: 1px dashed rgba(255,255,255, 0.15);
	}
	.btn-shrani, .btn-oznaci-vse, .btn-odznaci-vse{
		position: relative;
		bottom: 0;
		left: 0;
		padding: 6px 20px;
		background: #3a3b3f;
		color: white;
		cursor: pointer;
		border-radius: 1px;
		box-sizing: border-box;
	}
	.btn-shrani:hover, .btn-oznaci-vse:hover, .btn-odznaci-vse:hover{
		border-left: 1px solid rgba(255,255,255,0.2);
		border-right: 1px solid rgba(255,255,255,0.2);
		box-sizing: border-box;
		color: white;

		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.share-modal-header button[data-dismiss="modal"]{
		color: #d5d9dd;
		font-size: 32px;
		-ms-transform: rotate(270deg); /* IE 9 */
	    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
	    transform: rotate(270deg);

		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.share-modal-header button[data-dismiss="modal"]:hover{
		color: #ff4c72;    
		-ms-transform: rotate(360deg); /* IE 9 */
	    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	    transform: rotate(360deg);

		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.sharePost-share{
		display: inline-block;
		background: #fff;
		margin-top: 0;
		color: #333;
	}
	.sharePost-share .imgWrap-share{
		position: relative;
		width: 100%;
		height: 220px;
		margin-top: 0;
   		border-bottom: 1px dashed rgba(1,1,1,0.4);
		overflow: hidden;
	}
	.sharePost-share .imgWrap-share img{
		position: absolute;
		width: 100%;
		height: auto;
		-webkit-transform: translate(0%, -25%);	
		-ms-transform: translate(0%, -25%);	
		-o-transform: translate(0%, -25%);	
		transform: translate(0%, -25%);
	}
	.postTitle-share{
		width: 100%;
   		margin-top: 10px;
   		font-family: 18px;
	}
	.postTitle-share:first-letter {
	    text-transform: capitalize;
	}
	.postContent-share{
		width: 100%;
		line-height: 18px;
    	padding: 5px 10px;
	}
	.addComment-share{
		height: 75px;
		margin-top: 0;
	}
	.addComment-share #publishAdTextarea{
		width: 100%;
    	padding: 2px 9px;
	}
	.share_on_wrap #share_obcineextra h4{    
		font-size: 18px;
    	font-family: "raleway", Arial;
		margin-bottom: 0;
	}

	#submitpublish{
		position: relative;
		bottom: 0;
		left: 0;
	    padding: 10px 30px;
		margin-top: 10px;
	    margin-bottom: -10px;
	    background: #1e2124;
		color: white;
		cursor: pointer;
		border-radius: 1px;
		box-sizing: border-box;
	}
	#submitpublish:hover{
		border-left: 1px solid rgba(255,255,255,0.2);
		border-right: 1px solid rgba(255,255,255,0.2);
		box-sizing: border-box;
		color: white;

		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}












	/*SETTINGS FOR IMPORTED WIDGETS OVERRIDE LEFT SIDE*/
	/*SEARCH*/
	div[data-widget="controller_user_timeline"]{
		width: 100%;
	}
	.userpage_middle .search-container{
        width: 100%;
        margin-bottom: 10px !important;
        padding: 5px !important;
        background-color: white;
        box-shadow: 0 1px 2px rgba(0,0,0,.3);
    }
	.userpage_middle .search-container #input-search-posts{
	    width: calc( 100% - 50px);
	    border: 1px solid rgba(0,0,0,0.1);
	    border-right: none;
	    height: 32px;
	    padding: 5px;

	    font-family: "Roboto", Arial;
	    font-weight: 300;
	    font-size: 13px;
	}
	.userpage_middle #input-search-posts:focus{
		outline: none !important;
	}
	.userpage_middle .search-container .search-posts-button{
		background: white;
		border: 1px solid rgba(0,0,0,0.1);
		border-left: none;
		color: #333;
		height: 32px;
	}
	/*ČASOVNICA*/
	.userpage_middle .timlineRow{
		width: calc(100% - 10px);
		margin: 0 auto;
	}
	.userpage_middle #dateSelector{
		border: 1px solid rgba(0,0,0,0.1);
		height: 32px;
		color: #777;
		line-height: 32px;
		font-family: "Helvetica";
		text-align: left;
	}
	.userpage_middle #dateSelector .caret{
	    position: absolute;
	    float: right;
	    top: 50%;
	    right: 10px;
	    text-align: right;
	}
	.userpage_middle .timeline.btnAsText{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.userpage_middle .search-container label{
		margin-bottom: 2px;
	}
	.userpage_middle .search-title{
		margin-top: 5px;
		margin-bottom: 5px;
		padding-left: 20px !important;
	}
	.userpage_middle .placeholder_timeline{
		margin-bottom: 10px;
	    box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.userpage_middle .timeline-title{
		padding-top: 8px !important;
		padding-left: 20px !important;
	}


/*##############################################################################################################################
################################################################################################################################*/
/* 														FIRENDDS FOLLOW MESSAGE													*/
	div[data-widget="friends_follow_message"]{
		position: absolute;
		z-index: 10;
		right: 2vw;
		bottom: calc(50% - 151px/2);
		/*top: 8vw;*/
	}
	div[data-widget="friends_follow_message"] .friends_follow_messageWrap{ /*TODO MORE BIT VISIBILITY : HIDDEN KADAR SMO VPISANI;*/
		background-color: transparent;
	}
	.friends_follow_messageWrap{
		width: 190px;
		padding: 0;
	}
	.friends_follow_messageWrap .holder_clan_invite{
		width: 190px;
	}

	/*SOCIAL VTIČNIK ZA USERPAGE*/
	.friends_follow_messageWrap .wrapper_small_banner{
		display: none;
	}








/*##############################################################################################################################
################################################################################################################################*/
/*									FORCING CSS FOR DAVIDS FUNCTION LIKE SHARE COMMENTS											*/

.widget_objava .holder .likeShareComment img, #comments-popup .holder .likeShareComment	 {
	width: auto;
	height: 16px;
	margin-top: 2.5px;
}
.widget_objava .comments, #comments-popup .comments {
	position: relative;
    width: 100%;
    height: auto;
    padding: 5px 5px 4px 5px;
    /*background: #f9f9f9;*/
    background: #E6E6E6;
    line-height: 1;
}

.widget_objava .sharePost .likeIcon, #comments-popup .sharePost .likeIcon {
    margin-right: 4px;
}
.widget_objava .sharePost div, #comments-popup .sharePost div {
	text-transform: capitalize;
}
/*TEXT EDITOR NA USERPAGU POD KOMENTARJI*/
.widget_objava .new_comment_wrap, #comments-popup .new_comment_wrap {
	line-height: 1;
}
.widget_objava .commentImg-modal, #comments-popup .commentImg-modal {
	position: relative;
}
.widget_objava #newcommentform , .widget_objava #newcommentformcontroller_velike_objave, #comments-popup form[id*="newcommentform"]  {

    position: relative;
    width: calc(100% - 40px);
    height: auto;
    overflow: hidden;
}
#comments-popup form[id*="newcommentform"]  {

    position: relative;
    width: calc(100% - 40px);
    height: auto;
    overflow: hidden;
}

.widget_objava .new_comment_input_wrap, #comments-popup .new_comment_input_wrap{
    position: relative;
    float: left;
    width: calc(100% - 94px);
    min-height: 40px;
    margin-bottom: 0 !important
}
.widget_objava .commentText-modal, #comments-popup .commentText-modal{
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    min-height: 40px;
    /* display: inline-block; */
    border: solid 1px #ccc;
    border-right: 1px solid transparent;
    resize: none;
    margin-left: 0 !important;
    padding: 2.5px 5px;
    /*margin-bottom: 5px;*/
    overflow: hidden;
}

.widget_objava input[type*="submit"], #comments-popup input[type*="submit"]{
	position: absolute;
	right: 1px;
	top: -12px;
	padding: 11px 10px;
	color: #444 !important;
	text-shadow: 0px 1px 3px #ccc;
	background: white;
	border-radius: 0px;
	border: 1px solid #CCCCCC;
}

.widget_objava .new_comment_wrap, #comments-popup .new_comment_wrap {
	position: relative;
	display: inline-block;
	width: 100%;
}

.widget_objava .disabled_commenting,
.widget_objava .sigin_notation{
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 10px;
	color: #666666;
	cursor: default;
}











/*##############################################################################################################################
################################################################################################################################*/
/* 														BIG POST 															*/
	.userpage_big_post{
		position: relative;
		float: left;
		margin-left: 10px;
		width: 750px;
		padding: 5px;
		min-height: 10px;
		background: #fff;
	}






/*	@media screen and (max-width: 720px)  {
		body{ background: orange; min-width: 405px; }
		.slider_menu{ height: 30px; line-height: 30px;}
		.slider_menu a{ font-size: 12px;}
		.slider_menu a > img{ width: 16px; height: 16px; }
		.thumb{ border: 1px solid white;}
	}*/





	.userpage_left, .userpage_center, .userpage_right{
		position: absolute;
	}
























	/*@media screen and (min-width: 405px) and (max-width: 830px){
		.widget_top_profile {
			width: 200px;
			max-height: 80px;
		}
		.userpage_left{		width: 0px;    	height: 0px; opacity: 1; display: none;}
		.userpage_center{ 	width: 500px;  	margin-left: 0px; }
		.userpage_right{	width: 0px;		height: 0px; display: none;	}
		.userpage_middle{	width: 500px;	margin: 0px auto; }
		#notificationsscrollbar{ width: 0px; display: none; }
	}
	@media screen and (min-width: 830px) and (max-width: 1110px){
		.widget_top_profile .profile_name{
			margin: 0;
			font-size: 18px;
			line-height: 22px;
		}
		.widget_top_profile .profile_description{
			margin: 0;
			font-size: 14px;
			line-height: 14px;
		}
		.userpage_right{ 	width: 0px;  	display: none;}
		.userpage_center{	width: 500px;	 margin-left: 10px; }
		.userpage_left{  	width: 0;  		display: none; }
		.userpage_middle{	width: 830px;	margin: 0px auto; }
		#notificationsscrollbar{ width: 300px; display: block; }
	}

	@media (min-width: 1110px){
		.userpage_left{		width: 250px;	margin-left: 0; 	}
		.userpage_center{	width: 500px; 	margin-left: calc(250px + 10px); }
		.userpage_right{ 	width: 0; 	    display: none;}
		.userpage_middle{ 	width:1070px; 	margin: 0px auto; }
		#notificationsscrollbar{ width: 300px; display: block; }
	}
	@media (min-width:  1370px){
		.userpage_left{		width: 250px; 	margin-left: 0 }
		.userpage_center{	width: 500px; 	margin-left: calc(250px + 10px); }
		.userpage_right{ 	width: 250px; 	margin-left: calc(250px + 20px + 500px);  display: block;}
		.userpage_middle{ 	width: 1334px;  margin: 0px auto; }

		#notificationsscrollbar{ width: 300px; display: block; }
	}
*/

		.userpage_left{		width: 250px; 	margin-left: 0; display: block; }
		.userpage_center{	width: 500px; 	margin-left: calc(250px + 10px); display: block; }
		.userpage_right{ 	width: 250px; 	margin-left: calc(250px + 20px + 500px);  display: block;}
		.userpage_middle{ 	width: 1000px;  margin: 0px auto; display: block;}

		#notificationsscrollbar{ width: 300px; display: block; }

/*
	@media (max-width:  1300px){

		#notificationsscrollbar{ width: 0; display: none; }

	}
*/
	body{
		/*min-width: 1020px;*/
	}