/*
    Theme Name:  Kula9 Theme
    Theme URI:   http://www.kula9.com
    Description: A simple wordpress theme developed for the needs of kula9 studio
    Version:     1.0
    Author:      Kula9
    Author URI:  http://www.kula9.com
*/



@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Narrow:400,700&subset=latin,cyrillic);
@import url("style2.css");
@import url("style-responsive.css");



/* =Normalize.css v2.0.1 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:\201C \201D \2018 \2019}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure{margin:0}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{font-size:100%;line-height:1.6875}
.grid{margin:0 auto;max-width: 100%; width: 100%;}
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;/*margin-bottom:20px*/}
.row .row{width:auto;/*margin:0 -20px*/}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}



/* Grid Helpers */
.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.nosidepadding { padding-left: 0 !important; padding-right: 0 !important; }
.smallleftpadding { padding-left: 10px !important; }
.smallrightpadding { padding-right: 10px !important; }
.smallsidepadding { padding-left: 10px !important; padding-right: 10px !important; }
.moreleftpadding { padding-left: 40px !important; }
.morerightpadding { padding-right: 40px !important; }
.extraleftpadding { padding-left: 70px !important; }
.extrarightpadding { padding-right: 70px !important; }

.aligncenter { text-align: center; }
.alignleft { float: left; padding-right:15px; }
.alignright { float: right; padding-left:15px; }

.clear-row { clear: both; margin-bottom: 20px; }



/**
 *  General Styles
 */
* {
    -webkit-font-smoothing: antialiased !important;
}
html, body {
	overflow: hidden;
	position: relative;
    min-height: 100%;
    height: 100%;
    background: #f2f2ef;
    color: #333;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
a {
	color: #e77817;
	text-decoration: none;
}
a:hover {
	color: #ce433d;
}
a.link-alt {
	display: block;
	margin-top: 25px;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 14px;
}

#main {
	position: relative;
	overflow: auto;
	height: 100%;
	padding: 0 0 50px 220px;
}
#main .main-content {
	overflow: hidden;
	padding: 50px;
}
#main .main-content a + br {
	display: none;
}

.color-orange {
	color: #e77817;
}

#mobile-top {
	display: none;
}

.list-alt {
	list-style: none;
	margin: 25px 0;
	padding: 0;
}
.list-alt li {
	margin-top: 15px;
	padding-left: 12px;
	text-indent: -13px;
}
.list-alt li:first-child {
	margin-top: 0;
}
.list-alt li:before {
	content: "•";
	margin-right: 7px;
    color: #e77817;
}
input {
	-webkit-appearance: none;
	border-radius: 0;
}
img#wpstats {
	overflow: hidden !important;
	width: 0px !important;
	height: 0px !important;
}



/**
 *  Buttons
 */
.button-more {
	display: inline-block;
	margin: 20px 0 0 0;
	padding: 0 30px;
	background-color: #fff;
	color: #4d4d4d;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	text-transform: lowercase;
	line-height: 40px;
	border: 1px solid #e6e6e6;
}
.button-more:hover {
	background-color: #f6f6f6;
	color: #4d4d4d;
}
.section-post .button-more {
	margin: 0;
}

.button-tab {
	margin: 0 0 40px -1px !important;
	background: #ccc;
	color: #999;
}
.button-tab:first-of-type {
	margin-left: 0 !important;
}
.button-tab:hover {
	background-color: #efefef;
	color: #757575;
}
.button-tab.active {
	background: #fff;
	color: #4d4d4d;
}

.buttons-cont {
	margin: 0 -5px;
}
.buttons-cont .c4 {
	padding: 0 5px;
}
.buttons-cont .button-more, .single-izdanija .buttons-cont .button-more {
	width: 100%;
	margin: 12px 0 0 0;
	padding: 0;
}



/**
 *  Menu
 */
#menu-side {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	/*max-height: 980px;*/
	background: #fff;
	z-index: 5000;
}
.menu-side-content {
	position: relative;
	display: inline-block;
	width: 220px;
	height: 100%;
}
.menu-logo {
	display: block;
	width: 150px;
	height: 20%;
	margin: 27px auto 0 auto;
	/*background: url('images/logo_menu.png') top center no-repeat;*/
	/*background: url('images/meta-logo.png') top center no-repeat;*/
	/*background-size: 150px;*/
	background-size: contain;
	background-repeat: no-repeat;
}
.menu-logo img {
	width: auto;
	height: 100%;
}
#menu-side .menu, #menu-side .menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu-side .menu {
	position: relative;
}
#menu-side .menu li a {
	display: block;
	width: 100%;
	padding: 0 20px;
	color: #4d4d4d;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 20px;
	text-transform: lowercase;
	line-height: 50px;
	white-space: nowrap;
}
#menu-side .menu li a:hover, #menu-side .menu .sub-menu li a:hover {
	background-color: #f2f2f2;
}
#menu-side .menu li.current-menu-item a, #menu-side .menu li.current_page_ancestor > a {
	background-color: #e77817 !important;
	color: #fff;
}
#menu-side .menu li.menu-item-has-children > a {
	background-image: url('images/ui/arrow_right.png');
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 5px;
}
#menu-side .menu .sub-menu {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
#menu-side .menu .sub-menu li a {
	background: #fff;
	text-indent: 220px;
}
#menu-side .menu .sub-menu.reveal {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	left: 0;
}
#menu-side .menu .sub-menu.reveal > li a {
	text-indent: 0;
}
#menu-side .menu.hide > li {
	visibility: hidden;
	opacity: 0;
	text-indent: -150px;
	background-position: -150px center !important;
}
#menu-side .menu li.visible {
	/*visibility: visible !important;*/
	opacity: 1 !important;
}
#menu-side .menu li.visible:hover {
	background-color: transparent !important;
}

#menu-side .menu li.submenu-back a {
	background-color: #f2f2f2;
	background-image: url('images/ui/arrow_left.png');
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 5px;
}

#menu-side .menu-search {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#menu-side .menu-search input[type="text"], #menu-side .menu-search input[type="submit"] {
	outline: 0;
	float: left;
	display: table-cell;
	vertical-align: bottom;
	height: 50px;
	padding: 0;
	color: #999;
	line-height: 50px;
	border: 0;
	border-top: 1px solid #e6e6e6;
}
#menu-side .menu-search input[type="text"] {
	width: 80%;
	padding-left: 20px;
}
#menu-side .menu-search input[type="submit"] {
	width: 20%;
	background: url('images/ui/icon_search.png') center center no-repeat;
	background-size: 19px;
}

#menu-side .menu-bottom {
	position: absolute;
	/*bottom: 0;*/
	bottom: 50px;
	width: 100%;
}
.cc-logo {
	display: block;
	width: 80px;
	height: 15px;
	margin: 20px;
	background: url('images/cc_logo.png') center center no-repeat;
}

#lang_sel {
	display: block;
	width: 100%;
	height: 50px;
}
#lang_sel li {
	width: 100%;
}
#lang_sel a.lang_sel_sel {
	width: 100%;
	height: 50px;
	padding: 0 20px;
	background: #fff url('images/ui/arrow_down.png') right 20px center no-repeat;
	background-size: 9px;
	color: #999;
	font-size: 14px;
	line-height: 50px;
	border: 0;
	border-top: 1px solid #e6e6e6;
}
#lang_sel img.iclflag {
	float: left;
	top: 18px;
	margin-right: 4px;
}
#lang_sel .icl_lang_sel_current {
	float: left;
}
#lang_sel ul ul {
	/*top: 50px;*/
	top: auto;
	bottom: 100px;
	width: 100%;
	height: 100%;
	border-top: 1px solid #e6e6e6;
}
#lang_sel ul ul a, #lang_sel ul ul a:visited {
	color: #999;
	height: 50px;
	padding: 0 20px;
	font-size: 14px;
	line-height: 50px;
	border: 0;
	border-bottom: 1px solid #e6e6e6;
}
#lang_sel a:hover, #lang_sel ul ul a:hover {
	background-color: #f2f2ef;
}



/**
 *  Footer
 */
footer {
	z-index: 5000;
	position: fixed;
	bottom: 0;
	/*left: 220px;*/
	left: 0;
	width: 100%;
	height: 50px;
	background: #fff;
	text-align: center;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}
footer .footer-wrap {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	padding: 0 20px;
}
footer .footer-left, footer .footer-right {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
/*footer .footer-left {
	padding-left: 50px;
}*/
footer ul, footer ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
footer .cc-logo {
	/*float: left;*/
	/*margin: 0 50px 0 0;*/
	display: inline-table;
	margin: 0 20px -3px 0;
}
footer nav {
	display: inline-table;
}



/**
 *  Input fields
 */
input[type="text"]::-webkit-input-placeholder { color: #999; }
input[type="text"]:-moz-placeholder { color: #999; }
input[type="text"]::-moz-placeholder { color: #999; }
input[type="text"]:-ms-input-placeholder { color: #999; }

input[type="text"].not-valid::-webkit-input-placeholder { color: #e77817; }
input[type="text"].not-valid:-moz-placeholder { color: #e77817; }
input[type="text"].not-valid::-moz-placeholder { color: #e77817; }
input[type="text"].not-valid:-ms-input-placeholder { color: #e77817; }

/*  Custom Dropdown  */
body select {
	display: none;
}
body .select2-container .select2-choice {
	height: 50px;
	padding: 0 45px 0 20px;
	background: #fff;
	line-height: 50px;
	border: 1px solid #e6e6e6;
	border-radius: 0;
}
body .select2-container .select2-choice > .select2-chosen {
	margin: 0;
	color: #4d4d4d;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 20px;
}
body .select2-container .select2-choice .select2-arrow {
	width: 45px;
	background: #fff;
	border: 0;
}
body .select2-container .select2-choice .select2-arrow b {
	background: url('images/ui/arrow_down.png') center center no-repeat;
	background-size: 9px;
}
body .select2-drop, body .select2-drop-active {
	border: 1px solid #e6e6e6;
	border-top: 0;
	border-radius: 0;
}
body .select2-search input {
	background: #fff;
}
body .select2-results .select2-highlighted {
	background: #e77817;
	color: #fff;
}
body .active-filter .select2-container .select2-choice {
	border-color: #e77817;
}
body .select2-container .select2-search-choice-close {
	width: 20px !important;
	height: 48px !important;
	top: 0px !important;
	right: 45px !important;
	background: url('images/ui/icon_close.png') center center no-repeat !important;
	background-size: 12px 12px !important;
}
body .select2-container .select2-search-choice-close img {
	width: 12px;
	height: 12px;
	margin-top: 18px;
}



/**
 *  Home
 */
.featured-posts-slider {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 370px;
}
.featured-posts-slider ul {
	list-style: none;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 370px;
	margin: 0;
	padding: 0;
}
.featured-post {
	display: table !important;
	width: 100%;
	height: 370px;
}
.featured-post .post-image {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.featured-post .post-image .post-image-helper {
	overflow: hidden;
	position: absolute;
	width: 100%;
	/*height: 370px;*/
	height: 100%;
}
.featured-post .post-image .post-image-helper img {
	width: 100%;
}
.featured-post .post-content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0 100px 0 110px;
	background: #1b1b1b;
	color: #fff;
}
.featured-post .post-content .post-category {
	margin: 5px 0;
	color: #e77817;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 16.8px;
}
.featured-post .post-content .post-title {
	margin: 0;
	color: #fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	/*font-size: 40px;
	line-height: 48px;*/
	font-size: 30px;
	line-height: 40px;
}
.featured-post .post-content .post-title a {
	color: #fff;
}
.featured-post .post-content .post-title a:hover {
	color: #ddd;
}
.featured-post .post-content .post-text {
	color: #fff;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
}
.featured-post .post-content .previous, .featured-post .post-content .next {
	display: block;
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	text-indent: -9999px;
}
.featured-post .post-content .previous {
	left: 0;
	background: transparent url('images/ui/arrow_left_featured.png') center center no-repeat;
	background-size: 9px 17px;
}
.featured-post .post-content .next {
	right: 0;
	background: transparent url('images/ui/arrow_right_featured.png') center center no-repeat;
	background-size: 9px 17px;
}
.featured-post .post-content .previous:hover, .featured-post .post-content .next:hover {
	background-color: #333;
}

.section-wrap {
	overflow: hidden;
}
.section-row {
	overflow: hidden;
	clear: both;
	margin-top: 25px;
}
.section-row:first-of-type,
.section-row.rel-proekti,
.section-row.najnovi-aktivnosti {
	margin-top: 0;
}
.section-row .section-content .c12 {
	margin-bottom: 40px;
	padding: 0;
}
.section-row .section-content.mini .c12 {
	padding: 0;
}
.section-row.najnovi-aktivnosti .section-content .c12 {
	margin-bottom: 20px;
}
.section-row.najnovi-aktivnosti .section-post .post-image {
	width: 25%;
}
.section-row.najnovi-aktivnosti .section-post .post-image img {
	margin: 0;
}
.section-row.najnovi-aktivnosti .section-post .post-image + .post-content {
	width: 75%;
}
.section-title {
	position: relative;
	margin: 25px 0;
	border-bottom: 1px solid #333;
}
.section-title h2 {
	position: absolute;
	top: -12px;
	margin: 0;
	padding-right: 10px;
	background: #f2f2ef;
	color: #e77817;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 24px;
}
.section-content {
	overflow: hidden;
	/*margin: 0 -10px;*/
	margin: 0 -20px;
	padding: 0;
}
.section-row .section-content {
	margin: 0 -10px;
}
.section-content.normal, .section-content .section-content {
	margin: 0;
}
.section-content.normal .c12, .section-content .section-content .c12 {
	padding: 0;
}
.section-content .section-content-inner {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.section-content > .c12 > .c6 {
	padding: 0 20px !important;
}
.section-content > .c12 > .c3 {
	padding: 0 10px;
}
.section-content.mini .section-post .post-image {
	width: 100%;
}
.single .section-content.mini .section-post .post-image {
	width: 25%;
}

.section-post {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.section-post.float {
	display: block;
}
.section-post .post-image, .section-post .post-content {
	display: table-cell;
	vertical-align: top;
}
.section-post .post-image.float, .section-post .post-content.float {
	float: left;
	width: 50%;
}
.section-post .post-content {
	width: 75%;
}
.section-post .post-image {
	/*width: 395px;*/
	width: 50%;
	padding-right: 10px;
}
.posleden-proekt .section-post .post-image, .socijalni-mrezi .section-post .post-image {
	padding: 0;
}
.section-post .post-image-helper {
	position: relative;
	width: 100%;
	/*height: 0;*/
	padding: 25% 10%;
	background: #fff;
	border: 1px solid #e6e6e6;
}
.section-post .post-image-helper img {
	margin: 0 auto;
}
.section-post .center-image {
	position: relative;
	text-align: center;
}
.section-post .center-image > a {
	position: relative;
	/*position: absolute;*/
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.section-post .center-image .center-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*display: table;
	table-layout: fixed;*/
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: auto;
}
.section-post .center-image .center-inner-helper {
	display: table;
	width: 100%;
	height: 100%;
}
.section-post .center-image .center-inner-helper a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.section-post .post-image + .post-content {
	padding-left: 10px;
}
.section-post .post-category {
	margin: 5px 0;
	color: #e77817;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 16.8px;
}
.section-post .post-title {
	margin: 0;
	color: #333;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
}
.single .section-post .post-title {
	font-size: 26px;
	line-height: 31.2px;
}
.section-post .post-title a {
	color: #333;
}
.section-post .post-title a:hover {
	color: #555;
}
.section-post .post-text {
	overflow: hidden;
	margin: 0;
	color: #1a1a1a;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16.8px;
}

.section .section-content .post-title {
	margin: 0 0 7px;
	color: #333;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}

.link-post-home {
	position: relative;
	display: inline-block;
	width: 100%;
}
.post-image {
	position: relative;
}
.post-title-vert-help {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: url('images/ui/transparent_1x1_dark.png');
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.post-image:hover .post-title-vert-help {
	opacity: 1;
}
.socijalni-mrezi .post-title-vert-help {
	opacity: 1;
	background: #fff;
}
.post-title-vert-cell{
	display: table;
	table-layout: fixed;
	width: 100%;
	min-height: 100%;
	height: 100%;
}
.post-title-float{
	display: table-cell;
	vertical-align: middle;
	color: #ffffff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	/*font-size: 22px;*/
	font-size: 20px;
	/*line-height: 26px;*/
	line-height: 22px;
	padding: 0 30px;
	text-align: center;
	text-shadow: 0px 0px 10px #333;
}
.home-izdanija .post-image, .home-multimedija .post-image {
	text-align: center;
}

.home #main .main-content {
	padding-top: 20px;
}

.home .button-more {
	clear: both;
	float: right;
	margin: 0 10px;
}

.home-social-media {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.home-social-media, .home-social-media li {
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
.home-social-media li {
	display: inline-block;
	margin: 7px 10px;
}
.home-social-media li.social-facebook a {
	display: block;
	width: 15px;
	height: 32px;
	background: url('images/social_facebook.png') center center no-repeat;
	background-size: 15px;
}
.home-social-media li.social-twitter a {
	display: block;
	width: 34px;
	height: 28px;
	background: url('images/social_twitter.png') center center no-repeat;
	background-size: 34px;
}
.home-social-media li.social-youtube a {
	display: block;
	width: 28px;
	height: 33px;
	background: url('images/social_youtube.png') center center no-repeat;
	background-size: 28px;
}
.home-social-media li.social-flickr a {
	display: block;
	width: 33px;
	height: 33px;
	background: url('images/social_flickr.png') center center no-repeat;
	background-size: 33px;
}
.home-social-media li.social-linkedin a {
	display: block;
	width: 31px;
	height: 29px;
	background: url('images/social_linkedin.png') center center no-repeat;
	background-size: 31px;
}
.home-social-media li.social-slideshare a {
	display: block;
	width: 31px;
	height: 32px;
	background: url('images/social_slideshare.png') center center no-repeat;
	background-size: 31px;
}
.home-social-media li a:hover {
	opacity: 0.7;
}



/**
 *  Filters
 */
.filters-cont {
	overflow: hidden;
	margin: 0 -10px 50px;
}
.filters-cont > .c3 {
	padding: 0 10px;
}
.filter-item .select2-container {
	width: 100%;
}
.filter-item .search-input, .filter-item #search-izdanija {
	outline: none;
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 50px 0 20px;
	background: #fff url('images/ui/icon_search.png') right 15px center no-repeat;
	background-size: 19px;
	color: #4d4d4d;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 50px;
	border: 1px solid #e6e6e6;
}
.option-child {
	padding-left: 15px;
	background-image: url('images/ui/arrow_right.png') !important;
	background-position: left 5px center !important;
	background-repeat: no-repeat !important;
	background-size: 6px !important;
}
.option-child:hover {
	background-image: url('images/ui/arrow_right_white.png') !important;
}



/**
 *  Single Aktivnosti
 */

.single-aktivnosti .section-row.rel-proekti .section-content .c12 {
	padding: 0;
}
.single-aktivnosti .section-post .post-image {
	width: 25%;
	padding-right: 15px;
}
.single .socijalni-mrezi .section-post .post-image {
	padding-right: 0;
}
.post-tags {
	margin-top: 10px;
	color: #808080;
}
.post-tags h5 {
	display: inline-block;
	margin: 0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}

.post-related {
	overflow: hidden;
	margin-top: 10px;
}
.post-related .section-title {
	margin: 25px 0 15px;
	border-bottom: 1px solid #ccc;
}
.post-related .section-title h2 {
	color: #808080;
	font-size: 14px;
}
.post-related ul, .post-related ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.post-related ul li a {
	display: inline-block;
	color: #333;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
}
.post-related ul li a:hover {
	color: #e77817;
}

.single-aktivnosti .button-more, .single-izdanija .button-more, .single-arhiva .button-more, .single-multimedija .button-more, .single-programi .button-more, .tax-portfolio_uslugi .button-more {
	margin: 0 0 20px;
}



/**
 *  Single Programi
 */
.single-programi .rel-proekti {
	position: relative;
}
.single-programi .rel-proekti > .section-row {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 0;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.single-programi .rel-proekti > .section-row.active {
	opacity: 1;
	visibility: visible;
	position: relative;
}



/**
 *  Search
 */
.search-heading {
	margin: 0 0 50px;
	color: #999;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 31.2px;
}
.search-no-results {
	margin: 0;
	padding: 0 20px;
	line-height: normal;
}



/**
 *  Single - Post & Single - Arhiva
 */
.single-post #main, .single-arhiva #main, .single-aktivnosti #main, .single-izdanija #main, .single-multimedija #main {
	margin-right: 25%;
}
.single-post .section-content, .single-arhiva .section-content, .single-aktivnosti .section-content {
	margin: 0;
}
.single-post .section-content.mini, .single-arhiva .section-content.mini, .single-aktivnosti .section-content.mini {
	margin: 0 -10px;
}
.single-post .section-post, .single-arhiva .section-post, .single-aktivnosti .section-post, .single-aktivnosti .section-post .post-content {
	display: block;
	width: 100%;
}
.single-post .section-post .post-image, .single-arhiva .section-post .post-image {
	overflow: hidden;
	display: block;
	width: 100%;
	/*height: 370px;*/
	margin: 0 0 25px;
	padding: 0;
}
.single-post .section-post .post-image img, .single-arhiva .section-post .post-image img, .single-aktivnosti .section-post .post-image img {
	margin: 0;
}
.single-post .section-post .post-content, .single-arhiva .section-post .post-content, .single-aktivnosti .section-post .post-content {
	padding: 0;
}
.single-post .section-post .post-text, .single-arhiva .section-post .post-text, .single-aktivnosti .section-post .post-text {
	margin-bottom: 25px;
}

.single-post .post-tags span, .single-arhiva .post-tags span, .single-aktivnosti .post-tags span {
	color: #000;
}
.single-post .post-tags a:hover span, .single-arhiva .post-tags a:hover span, .single-aktivnosti .post-tags a:hover span {
	color: #e77817;
}

.single-post .post-related .section-title h2, .single-arhiva .post-related .section-title h2, .single-aktivnosti .post-related .section-title h2 {
	font-size: 16px;
}
.single-post .post-related .section-title h2:before, .single-arhiva .post-related .section-title h2:before, .single-aktivnosti .post-related .section-title h2:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 11px;
	margin-right: 10px;
	background: #e77817;
}

.single-post .other-posts, .single-arhiva .other-posts, .single-aktivnosti .other-posts, .single-izdanija .other-posts, .single-multimedija .other-posts {
	position: fixed;
	top: 0;
	right: 0;
	width: 25%;
	height: 100%;
	padding-bottom: 60px;
	border-left: 1px solid #ccc;
}
.single-post .other-posts .op-proekt, .single-arhiva .other-posts .op-proekt, .single-aktivnosti .other-posts .op-proekt, .single-izdanija .other-posts .op-proekt, .single-multimedija .other-posts .op-proekt {
	margin-bottom: 20px;
}
.single-post .other-posts .op-proekt-text, .single-arhiva .other-posts .op-proekt-text, .single-aktivnosti .other-posts .op-proekt-text, .single-izdanija .other-posts .op-proekt-text, .single-multimedija .other-posts .op-proekt-text {
	padding: 20px;
}
.op-proekt-text + .button-more {
	margin: 0 20px;
}
.single-post .other-posts h1, .single-arhiva .other-posts h1, .single-aktivnosti .other-posts h1, .single-izdanija .other-posts h1, .single-multimedija .other-posts h1 {
	margin: 0;
	padding: 20px;
	color: #e77817;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 20px;
}
.single-post .other-posts .other-posts-list, .single-arhiva .other-posts .other-posts-list, .single-aktivnosti .other-posts .other-posts-list, .single-izdanija .other-posts .other-posts-list, .single-multimedija .other-posts .other-posts-list {
	overflow: auto;
	height: 100%;
	/*padding-bottom: 60px !important;*/
}
.single-post .other-posts ul, .single-post .other-posts ul li, .single-arhiva .other-posts ul, .single-arhiva .other-posts ul li, .single-aktivnosti .other-posts ul, .single-aktivnosti .other-posts ul li, .single-izdanija .other-posts ul, .single-izdanija .other-posts ul li, .single-multimedija .other-posts ul, .single-multimedija .other-posts ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.single-post .other-posts ul li > a, .single-arhiva .other-posts ul li > a, .single-aktivnosti .other-posts ul li > a, .single-izdanija .other-posts ul li > a, .single-multimedija .other-posts ul li > a {
	display: block;
	padding: 20px;
}
.single-post .other-posts ul li > a:hover, .single-post .other-posts .other-posts-item.active a, .single-arhiva .other-posts ul li > a:hover, .single-arhiva .other-posts .other-posts-item.active a, .single-aktivnosti .other-posts ul li > a:hover, .single-aktivnosti .other-posts .other-posts-item.active a, .single-izdanija .other-posts ul li > a:hover, .single-izdanija .other-posts .other-posts-item.active a, .single-multimedija .other-posts ul li > a:hover, .single-multimedija .other-posts .other-posts-item.active a {
	background: #fff;
}
.single-post .other-posts ul li .post-image, .single-arhiva .other-posts ul li .post-image, .single-aktivnosti .other-posts ul li .post-image, .single-izdanija .other-posts ul li .post-image, .single-multimedija .other-posts ul li .post-image {
	display: table-cell;
	width: 110px;
	padding-right: 10px;
}
.single-post .other-posts ul li .post-content, .single-arhiva .other-posts ul li .post-content, .single-aktivnosti .other-posts ul li .post-content, .single-izdanija .other-posts ul li .post-content, .single-multimedija .other-posts ul li .post-content {
	display: table-cell;
	vertical-align: middle;
}
.single-post .other-posts ul li .post-content .post-title, .single-arhiva .other-posts ul li .post-content .post-title, .single-aktivnosti .other-posts ul li .post-content .post-title, .single-izdanija .other-posts ul li .post-content .post-title, .single-multimedija .other-posts ul li .post-content .post-title {
	margin: 0;
	color: #333;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 17px;
}



/**
 *  Single - Proekti
 */
.single-proekti .section-row .section-content .c12 {
	padding: 0 10px;
}
.single-proekti .section-row .section-content.mini .c12 {
	padding: 0;
}
.single-proekti .section-row .section-content.mini .section-title {
	margin: 15px 0;
	border: 0;
}
.single-proekti .section-row .section-content.mini .section-title h2 {
	position: relative;
	top: 0;
}
.single-proekti .section-post .post-image {
	width: 25%;
	padding-right: 15px;
}
.section-post-list {
	background: #fff;
	border: 1px solid #e6e6e6;
	/*min-height: 249px;*/
}
.post-type-archive-aktivnosti .section-post-list {
	min-height: 0;
}
.section-post-list + .button-more {
	margin-top: 10px;
}
.section-post-list .section-post {
	border-top: 1px dashed #e6e6e6;
}
.section-post-list .section-post:first-of-type {
	border-top: 0;
}
.section-post-list .section-post a {
	padding: 11px 15px;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.section-post-list .section-post a:hover {
	background-color: #f6f6f6;
}
.section-post-list .section-post .post-title {
	overflow: hidden;
	height: 31px;
	color: #808080;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
/*.archive */.section-post-list .section-post .post-title {
	height: auto;
	max-height: 43px;
	margin-top: -3px;
	line-height: 20px;
}
.section-post-list .section-post .post-date {
	margin: -3px 0 4px;
}
.section-post-list .section-post .post-image {
	width: 67px;
	min-width: 67px;
}
.section-post-list .section-post .post-image + .post-content {
	width: auto;
	vertical-align: middle;
	padding: 0;
}
.single-proekti .gallery-grid {
	overflow: hidden;
	min-height: 249px;
}
.single-proekti .gallery-grid .gallery-item {
	margin-bottom: 3px;
	padding: 0;
}
.single-proekti .gallery-item-inner {
	margin-bottom: 20px;
}
.single-proekti .gallery-item-inner img {
	width: 100%;
}

.single-proekti .section-post-list.izdanija .section-post a {
	padding: 0 10px;
}
.single-proekti .section-post-list.izdanija .section-post .post-title, .single-proekti .section-post-list.socijalni-mrezi .section-post .post-title {
	height: 61px;
	max-height: 61px !important;
	margin-top: 0 !important;
	line-height: 61px;
}
.single-proekti .section-post-list.izdanija .section-post a.proekt-izdanija {
	padding: 10.8px;
}

.single-proekti .section-post-list.socijalni-mrezi .section-post a {
	padding: 0 25px 0 75px;
}
.single-proekti .section-post-list.socijalni-mrezi .section-post a.social_web {
	background: #fff url('images/ui/social_web_small.png') left 25px center no-repeat;
	background-size: 23px;
}
.single-proekti .section-post-list.socijalni-mrezi .section-post a.social_facebook {
	background: #fff url('images/ui/social_facebook_small.png') left 30px center no-repeat;
	background-size: 11px 23px;
}
.single-proekti .section-post-list.socijalni-mrezi .section-post a.social_twitter {
	background: #fff url('images/ui/social_twitter_small.png') left 25px center no-repeat;
	background-size: 23px 19px;
}
.single-proekti .section-post-list.socijalni-mrezi .section-post a.social_flickr {
	background: #fff url('images/ui/social_flickr_small.png') left 20px center no-repeat;
	background-size: 32px 14px;
}
.single-proekti .section-post-list.socijalni-mrezi .section-post a:hover {
	background-color: #f6f6f6 !important;
}

.single-proekti .section-row.related {
	margin: 0;
}
.single-proekti .section-row.related .c12 {
	padding: 0;
}
.single-proekti .section-row.related .button-more {
	margin: 0;
}
.single-proekti .search-heading {
	margin: 50px 0 30px;
}
.single-proekti .section-content.mini .section-post .post-image {
	width: 67px;
}



/**
 *  Tags
 */
.tag .section-row.related {
	margin: 0;
}
.tag .search-heading {
	margin: 0 0 30px;
}



/**
 *  Single Izdanija
 */
.single-izdanija .post-image, .single-multimedija .post-image, .single-programi .post-image {
	width: 25%;
}
.single-izdanija .section-content.mini .post-image, .single-multimedija .section-content.mini .post-image {
	width: 100%;
}
.single-izdanija .post-image img, .single-multimedija .post-image img {
	margin: 0;
}
.single-izdanija .post-image .post-image-helper img {
	margin: 0 auto;
}
.single-izdanija .section-post .post-image + .post-content, .single-multimedija .section-post .post-image + .post-content {
	padding-left: 5px;
}
/*.single-izdanija .section-post .post-image + .post-content > *, .single-multimedija .section-post .post-image + .post-content > * {
	width: 66.66%;
}*/

.rel-proekti .post-image {
	padding: 0;
}



/**
 *  Custom Scroll
 */
.mCSB_inside > .mCSB_container {
	margin-right: 0 !important;
}
.mCSB_scrollTools_vertical {
	width: 8px !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px !important;
	background-color: #ccc !important
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px !important;
	background-color: #e77817 !important;
}



/**
 *  Godishni izveshtai
 */
.godina-heading {
	margin: 0 0 40px;
	padding: 35px 0 40px 80px;
	background: url('images/ui/icon_folder.png') left top no-repeat;
	background-size: 63px 54px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 20px;
	border-bottom: 4px solid #19191b;
}
.documents-list, .documents-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.documents-list li {
	display: table;
	table-layout: fixed;
	min-height: 75px;
	margin-bottom: 42px;
}
.documents-list li a {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding-left: 80px;
	background: url('images/ui/icon_file.png') left center no-repeat;
	background-size: 53px 72px;
	color: #4d4d4d;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: normal;
}



/**
 *  Personal
 */
.page-template-archive-personal-php .section-content.normal {
	font-weight: 700;
	font-size: 20px;
}



/**
 *  Kontakt
 */
.wpcf7 label {
	color: #e77817;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
	outline: none;
	width: 100%;
	max-width: 385px;
	margin-top: 20px;
	padding: 0 10px;
	height: 40px;
	background: #fff;
	color: #4d4d4d;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	border: 1px solid #e5e5e5;
}
.wpcf7 textarea {
	outline: none;
	width: 100%;
	margin-top: 20px;
	padding: 10px;
	background: #fff;
	color: #4d4d4d;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	border: 1px solid #e5e5e5;
}
.wpcf7 .wpcf7-not-valid {
	border: 1px solid red !important;
}
.wpcf7 input[type="submit"] {
	outline: none;
	display: inline-block;
	height: 40px;
	margin-top: 20px;
	padding: 0 35px;
	background-color: #fff;
	color: #555;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: lowercase;
	line-height: 40px;
	border: 1px solid #e5e5e5;
}
.wpcf7 .wpcf7-response-output {
	margin: 0;
	padding: 20px;
	font-weight: 700;
}
.wpcf7 .wpcf7-validation-errors {
	border: 1px solid red !important;
}



/**
 *  Overrides
 */
.results .section-content {
	margin: 0 -20px;
}
.results .section-content > .c12 {
	margin-bottom: 20px;
	padding: 0;
}
.results .section-post .post-image {
	display: table-cell;
	width: 50%;
	padding-right: 10px;
}
.results .section-post .post-image + .post-content {
	padding-left: 10px;
}
.results .section-post .post-image + .post-content > * {
	width: 100%;
}
.page_nav {
	display: none;
	padding: 0 20px;
}

.section-post .post-image + .post-content {
	width: 50%;
}
.single .section-post .post-image + .post-content {
	width: 75%;
}
.single-multimedija .section-post .post-image {
	display: block;
	width: 100%;
}
.single-multimedija .section-post .post-image + .post-content {
	width: 100%;
}
.post-text object {
	max-width: 100%;
}

.page-template-test-arhiva-aktivnosti-php .section-row .section-content {
	margin: 0 -10px;
	padding: 0;
}
.page-template-test-arhiva-aktivnosti-php .section-row .section-content .c12 {
	padding: 0 10px;
}
.page-template-test-arhiva-aktivnosti-php .section-content > .c12 > .c3 {
	padding: 0 10px !important;
}

.has-results #main {
	margin: 0;
}



/**
 *  Uslugi
 */
.page-template-template-uslugi-php .post-image img {
	margin: 0 0 20px;
}
.tax-portfolio_uslugi .section-post .post-image, .single-portfolio .section-post .post-image {
	position: relative;
	width: 25%;
}
.tax-portfolio_uslugi .section-post .post-image img {
	margin: 0;
}
.tax-portfolio_uslugi .section-post .post-title {
	margin-bottom: 20px;
}



/**
 *  Misc
 */
.cat-image {
	margin: 10px 0;
}

.top-social {
	z-index: 5000;
	position: absolute;
	top: 10px;
	right: 50px;
}
.top-social .home-social-media li {
	margin: 0 5px;
}
.top-social .home-social-media li.social-facebook a {
	display: block;
	width: 10px;
	height: 21px;
	background: url('images/social_facebook.png') center center no-repeat;
	background-size: 10px 21px;
}
.top-social .home-social-media li.social-twitter a {
	display: block;
	width: 23px;
	height: 18px;
	background: url('images/social_twitter.png') center center no-repeat;
	background-size: 23px 18px;
}
.top-social .home-social-media li.social-youtube a {
	display: block;
	width: 18px;
	height: 22px;
	background: url('images/social_youtube.png') center center no-repeat;
	background-size: 18px 22px;
}
.top-social .home-social-media li.social-flickr a {
	display: block;
	width: 22px;
	height: 22px;
	background: url('images/social_flickr.png') center center no-repeat;
	background-size: 22px 22px;
}
.top-social .home-social-media li.social-linkedin a {
	display: block;
	width: 20px;
	height: 19px;
	background: url('images/social_linkedin.png') center center no-repeat;
	background-size: 20px 19px;
}
.top-social .home-social-media li.social-slideshare a {
	display: block;
	width: 20px;
	height: 21px;
	background: url('images/social_slideshare.png') center center no-repeat;
	background-size: 20px 21px;
}
.top-social .home-social-media li a:hover {
	opacity: 0.7;
}



/**
 *  Share
 */
.section-row.share {
	margin: 30px 0 50px;
}
.section-row.share h4 {
	margin: 0 0 10px;
}



/**
 *  404
 */
body.search-no-results {
	padding: 0;
}
.error404 .main-content > .grid:not(.results) {
	margin-top: 100px;
}
.error404 .filters-cont {
	width: 100%;
	margin: 50px 0 0 25%;
}
.error404 .results .filters-cont {
	margin: 0 -10px 50px;
}



/**
 *  Misc
 */
/*.section-post-list.vesti .section-post .post-image img,*/
.section-post-list .section-post .post-image img,
.other-posts-list .other-posts-item .post-image img {
	width: 100%;
}

.section-content.home-proekti-wrap {
	margin: 0 -10px;
}



/**
 *  Animations / Effects
 */
#menu-side, #menu-side ul, #menu-side li, .sub-menu li a, .featured-post .post-content:hover .previous, .featured-post .post-content:hover .next {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}



