/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #333333;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #333;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
/* 	background-image: url("../img/bg_pattern.jpg"); */
	background-color: #fff;
}

#wrapper_header{
/*    margin-top: 30px;*/
    width: 100%;
    background-color: white;
    /* background-image: url("../img/phone-call.jpg"); */
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    height: 600px;   
	position:relative;
	overflow:hidden;
/* 	border-bottom:5px solid #E5AC41; */
}
#wrapper_header_inner{
/*    margin-top: 30px;*/
    width: 100%;
/*     background-color: #e3e3e3; */
/* 	background-image:url("../img/bgr_trans_85.png"); */
	position:relative;
	border-bottom: solid 5px #E5AC41;
	position:fixed;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	z-index: 100;
}

#wrapper_header_inner #logo{
	background-image:none;
}

.header_inner{
	
}

/* header{
height:86px;
} */

#header_one{
/*   background-image: url("../img/01_Header_pattern.png");*/
/*   background-repeat: repeat-x;*/
    
   height: 86px;
   line-height: 86px;
   vertical-align: middle;
   text-align: left;
   overflow: visible;
	
   /* outline: green dotted thin; */
}

.search_holder{
	display: inline-block;
    overflow: visible;
    float:right;
	line-height: 40px;
	vertical-align: middle;
/*     right: 13px; */
/*     text-align: right; */
/*     top: 30px; */
}
.search_input_style
{
   width: 130px;
   padding: 0px 2px;
  height: 20px;
   border-radius:5px;
/*   -webkit-border-radius:20px;
    -moz-border-radius:25px;
    -border-radius:20px;*/
    border: 0 2px;
/*    font-size: 12px;*/
}

#wrapper_nav{
	height: 30px;
	background-color: #2891de;
	width: 100%;
	position: relative;
	float:left;
}
#nav_holder{
/*     width:100%; */
    width:auto;
	float: right;
    min-height: 86px;
    line-height: 86px;
    overflow: visible;;
    position: relative;
    text-align: left;
    vertical-align: middle;
	z-index:25;
}

nav{
    display: inline-block;
    line-height: 14px;
/*     padding-bottom: 10px; */
    vertical-align: middle;
}

#languages{
  position: absolute;
    right: 160px;
    top: 25px;
	float: right;
	line-height: 24px;
	vertical-align: middle;
	z-index: 100;
}

#languages.navi li, #languages.navi li a, #languages.navi li a:visited{
	 font-family: Roboto, Trebuchet MS, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	font-weight: bold;
}

#languages.navi ul li {
    display: inline;
    /* margin-left: 3px;
    margin-right: 3px; */
}

#languages.navi li:nth-child(even){
	color:#999;
}

#languages.navi li a:hover{
	color:#E5AC41;
} 

} 

#header_three{
   background-image: url("../img/03_Header_pattern.png");
   background-repeat: repeat-x;
   height: 80px;
   line-height: 80px;
   vertical-align: middle;
}

#logo{
     float:left;
	text-align:center; 
/* 	width:21.875%; */
	background-image:url("../img/bgr_trans_85.png");
	position:relative;
	
}

#social_responsive{
    display: none;
    float: left;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    margin-top: 0px;
    width: 200px;
/*    background-color: yellow;*/
}
#wrapper_content{
    width: 100%;
     /* background-image: url("../img/04_Background_pattern.png"); */
}

.margin{
	margin-top:86px;
}
.content{
	text-align:center; 
	margin: 0px auto;
/* 	border-bottom:5px solid #E5AC41; */
}

#content_one{
	width:100%;
}

#content_one_holder{
	display:inline-block;	
}

/**********************
*CONTENT 2 BLOCK
**********************/

#content_two{
	background-image: url("../img/test_2.1.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
	width:100%;
/* 	height:500px; */
/* 	text-align: center; */
}

#content_two_holder{
/* 	text-align: center; */
}

.content_o_nama, .content_klijenti {
	margin:0px auto 40px auto;
	width:60%;
}

.testimonial_holder{
    cursor: default;
    float: left;
    min-height: 200px;
    margin: 0 1% 30px;;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 98%;
}
.testimonials_person_info{
	float:left;
	text-align:right;
	width:100%;
}

#content_counter_blocks{
	display:inline-block;
	margin:20px auto;
	width:70%;
/* 	text-align: center; */
}


.counter_o_nama{
	width: 110px;
	display:inline-block;
	-moz-border-radius:50%;
/* 	-webkit-border-radius:50%; */
/* 	border-radius:50%; */
/* 	border:2px solid white; */
	height:100px;
	margin:0 auto;
	margin-top: 20px;
	position: relative;
/* 	outline:dashed 1px green; */
}

.counter_number{
	position:absolute;
	bottom: 7px;
	right:10px;
	width: 70px;
	height:70px;
/* 	outline:dotted 1px white; */
	vertical-align: middle;
	line-height: 70px;
}

#gradjevinci{
	position: relative;
	display: inline-block;
/* 	width:30%; */
/* 	text-align: center; */
}

#arhitektura{
	position: relative;
	display: inline-block;
/* 	width:30%; */
/* 	text-align: center; */
}

#tehnicari{
	position: relative;
	display: inline-block;
/* 	width:30%; */
/* 	text-align: center; */
}

#gradjevinci_counter{
	background-image: url("../img/conc_o_nama_icn_slem.png");
	background-repeat: no-repeat;
}

#arhitektura_counter{
	background-image: url("../img/conc_o_nama_icn_sestar.png");
	background-repeat: no-repeat;
}

#tehnicari_counter{
	background-image: url("../img/conc_o_nama_icn_alat.png");
	background-repeat: no-repeat;
}

#izgradnja, #rekonstrukcija, #dogradnja{
	position: relative;
	display: inline-block;
}

#izgradnja_counter{
	background-image: url("../img/conc_icn_izgradnja.png");
	background-repeat: no-repeat;
}

#rekonstrukcija_counter{
	background-image: url("../img/conc_icn_rekonstrukcija.png");
	background-repeat: no-repeat;
}

#dogradnja_counter{
	background-image: url("../img/conc_icn_dogradnja.png");
	background-repeat: no-repeat;
}

.block_content_two{
/* 	min-height: 200px; */
	text-align: center;
}

/**********************
*CONTENT 3 BLOCK
**********************/

#content_three{
/* 	background-image: url("../img/test_2.1.jpg"); */
/* 	background-repeat:no-repeat; */
/* 	background-attachment:fixed; */
	width:100%;
/* 	height:500px; */
/* 	text-align: center; */
}

#content_three_holder{
/* 	text-align: center; */
}

#content_project_blocks{
	display:inline-block;
/* 	margin:20px auto; */
	width:100%;
/* 	text-align: center; */
}

#content_aktuelnosti_blocks{
	display:inline-block;
	width:100%;
}

.block_content_three{
	min-height: 200px;
	text-align: center;
/* 	outline: 1px dashed green; */
}

/**********************
*CONTENT 4 BLOCK
**********************/

#content_four{
/* 	background-image: url("../img/test_2.1.jpg"); */
/* 	background-repeat:no-repeat; */
/* 	background-attachment:fixed; */
	width:100%;
/* 	height:500px; */
/* 	text-align: center; */
}

#content_four_holder{
/* 	text-align: center; */
}

.content_section_caption_holder{
	width:auto;
/* 	float:left; */
	/* background-color:#004b8f; */
/* 	line-height: 30px; */
/*     vertical-align: bottom; */
	padding:7px 10px;
	margin:40px auto;
	border-bottom: 3px solid #E5AC41;
/* 	text-align: center; */
	display:inline-block;
}

.content_section_caption_holder span,
.content_component_caption span{
	display:inline-block;
	margin-left: 5px;
}

.content_component_caption{
	width:98%;
	float:left;
	/* background-color:#004b8f; */
	line-height: 30px;
    vertical-align: bottom;
	padding:0 1%;
	margin:10px 0px;
}

#responsive_aside_menu{
	display:none;
}

#wrapper_left_menu_and_text{
	float:left;
	width:100%;
	margin:20px 0;
	min-height:300px;
	/* background-color:grey; */
	
	
}

#content_aside{
	float:left;
	width:28%;
	min-height:300px;
	/* outline: orange dotted thin; */
	background-color:#yellow;
	margin-left:2%;
}

#aside_menu{
	float:left;
	width:98%;
	/* min-height:300px; */
	/* outline: orange dotted thin; */
	background-color:#5e996d;
	margin:0 1%;
	
}
#social_networks{
	float:left;
	width:100%;
	min-height:300px;
	/* background-color:green; */
}

#social_networks ul{
	list-style-type:none;
	padding:0;
}

#social_networks ul li{
	width:100%;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	text-align:left;
	border-bottom:1px solid #cccccc;
}
/* #social_networks ul li:first-child{
	border-top:1px solid #cccccc;
}  */

#content_text{
	float:left;
	width:70%;
	min-height:300px;
	margin:0 auto 20px;
	/* outline: blue dotted thin; */
}

#breadcrumbs{
	width:100%;
}

#content_caption{
	
}
#content_body{
	/* margin-top: 2%; */
}
.bgr_content_inner{
	/* background-image:url("../img/bgr_dotted_grey.jpg"); */	
}

.foto_holder{
	float:left;
	width:100%; 
	margin:auto;
	/* background-color:#f4f4f4; */	
}

.video_holder{
	float:left;
	width:100%; 
	margin:auto;
	/* background-color:#f4f4f4; */	
}
.video_item{
	float:left;
	width:48%; 
	text-align:center;
	margin:1% 1%;
}

.content_text_intro,
.additions_holder
{
	/* background-color:#f4f4f4; */
	float:left;
	width:96%;
	padding:2%;
}
.addition_caption_holder
{
	float:left;
    width:85%;
	border-right:2px solid white;
}

.addition_extension_holder
{
	float:left;
    width:14%;
	text-align: center;
}
#product_services{
    width: 100%;
    float: left;
/*     background-color: #fbf7f4; */
/*     margin:40px 0; */
}

.read_full_article{
	background-color: #d01e50;
	float: right;
	margin:0 10px 10px 10px;
	padding:5px;
	border-radius:8px;
	display:none;
}

#news{
   width: 100%;
   min-height:300px; 
   margin-top: 20px;
   float: left;
}

.date_box_layout{
    margin-left:10px;
}
.date_box_holder{
    margin-bottom: 5px;
}
.search_submit_button{
    background-color: #E5AC41;
    background-image: url("/img/mo_search_w.png");
    background-repeat: no-repeat;
    background-position: center; 
    border: 0 none;
    border-radius: 0;
    height: 50%;
    width: 100%;
    
}

.content_types{
	width:7%;
	text-align:center; 
	float:left;
/* 	background-color:red; */
	padding:1%;
	margin:0 2%;
	
}

.date_box{
	background-color: #244195;
	width:100%;
	text-align:center; 
	float:left;
/* 	height:40px; */
	line-height:25px;
	vertical-align:baseline;
/* 	border: 2px solid; */
    border-radius: 5px;
	padding:1%;
/* 	margin:0 2%; */
}

#first_cat_news{
    width: 72.2%;
/*     outline: dotted thin red; */
    min-height:350px;
    background-color: #f4f4f4;
}

#first_cat_news i{
 	color:#2891de;
	position:relative;;
	/* right:-5px; */
	text-align:right;
	width:100%;
}


.news_header{
    background-color: #2891de;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 15px;
 	/* margin-bottom: 20px; */
}

.news_holder{
    padding: 0 15px 0 15px;
}
.news_holder ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.news_holder ul li{
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #004b8f;
}

.news_holder ul li:hover{
	background-color:#fff;
}
.news_item{
    margin-bottom: 15px;
}

#second_cat_news{
    /* outline: dotted thin violet; */
    min-height:280px;
    background-color: #f4f4f4;
}

#second_cat_news i{
	color:#2891de;
	position:relative;;
	/* right:-5px; */
	text-align:right;
	width:100%;
}

.news_holder  i {
    cursor: pointer;
    font-size: 20px;
    margin: 8px;
    transition: all 0.1s ease-in-out 0s;
}


#second_cat_news .news_header{
    background-color: #2891de;
}

#second_cat_news .news_header h2{
    color: #fff;
}

#inner_scroling_items, #inner_scroling_items_projects{
    /* outline: dotted thin violet; */
    min-height:280px;
    background-color: #f4f4f4;
	margin:40px 0;
}

#inner_scroling_items i, #inner_scroling_items_projects i{
 color:#222;
	position:relative;;
	/* right:-5px; */
	text-align:right;
	width:100%;
}

#inner_scroling_items img:hover{
	margin-top:-95px;
	cursor:pointer;
}


#inner_scroling_items .news_header, #inner_scroling_items_projects .news_header{
    background-color: #E5AC41;
}

#inner_scroling_items .news_header h2, #inner_scroling_items_projects .news_header h2{
    color: #333;
}

.inner_scroling_item{
    margin-bottom: 15px;
	text-align: center;
	height:95px;
	overflow:hidden;
}

.arhiva_vesti{
	width:100%;
	height:20px;
	/* padding-right:3%; */
}

.blue_bgr{
	background-color:#2891de;
}

.yellow_bgr{
	background-color:#222;
}

.violet_bgr{
	background-color:#d01e50;
}

.oker_bgr{
	background-color:#E5AC41;
}

.text_right{
	text-align:right;
}

#partners_clients{
    float: left;
    width: 100%;
	margin:20px 0 0 0;
}
.partners_clients_caption{
	border-bottom:1px solid #cccccc;
	text-align: center;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#partners{
/*     margin-left: 1.6%; */
/*     float: left; */
/* 	width: 23%; */
	text-align:center;
}

.rolover{
	width:150px;
	height:50px;
}

.rolover:hover{
	background-position:-150px 0;
	cursor:pointer;
}

.rolover_inner{
	background-position:-160px 0;
	width:160px;
	height:80px;
}

.rolover_inner:hover{
	background-position: 0 0;
	cursor:pointer;
}

/**/
.rolover_small{
	width:90px;
	height:50px;
}

.rolover_small:hover{
	background-position:-90px 0;
	cursor:pointer;
}

#partners.navi ul li {
    margin: 5px;
    display: inline-block;
	position:relative;
}
#partners ul:first-child{
    margin-top: 1.83%;
}
#partners.navi ul li:first-child{
    margin-left: 0px;
}

#pc_delimiter{
    float: left;
    margin-left: 0.29%;
	width: 3.5%;
	height:100%;
}

#clients{
    float: left;
/* 	width: 73%; */
	text-align:left;
/* 	margin-left:1.5%; */
}

#clients.navi ul li {
    margin: 5px;
    display: inline-block;
	position:relative;
}

#clients.navi ul li:nth-child(3) {
    margin-right: 0;
}

#clients ul:first-child{
    margin-top: 5px;
}
/* #clients ul:nth-child(2), #clients ul:nth-child(3){
    margin-top: 30px;
}

#clients.navi ul li:first-child{
    margin-left: 10px;
} */

/**********************
*CONTENT PRODAJA BLOCK
**********************/

#content_prodaja{
	background-image: url("../img/concord_prodaja_bg.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
	width:100%;
/* 	height:500px; */
/* 	text-align: center; */
}

#content_prodaja_holder{
/* 	text-align: center; */
}

.content_prodaja{
	margin:0px auto 5px auto;
	width:85%;
}

#content_prodaja_blocks{
	display:inline-block;
	margin:20px auto;
	width:100%;
}

.nekretnina_lokacija,
.nekretnina_lokacija_arhiva{
	float:left;
	width:100%;
	text-align:left;
	font-weight:bold;
	font-size:1.3em;
}

.nekretnina_mesto,
.nekretnina_mesto_arhiva{
	float:left;
	width:100%;
	margin-bottom:3px;
	text-align:left;
}

.nekretnina_lokacija,
.nekretnina_mesto{
	color:#fff;
}

.nekretnina_lokacija a, 
.nekretnina_mesto a{
	color: #fff;
}

.nekretnina_lokacija a:hover, 
.nekretnina_mesto a:hover{
	color: #e5ac41;
}

.nekretnina_lokacija_arhiva,
.nekretnina_lokacija_arhiva a,
.nekretnina_mesto_arhiva{
	color:#333;
}

.nekretnina_lokacija_arhiva a:hover{
	color: #e5ac41;
}

.view-nekretnina-archive {
	display: flex;
    border: 0;
    cursor: default;
    float: left;
    margin: 10px 1%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: auto;
}

.info_divider {
    border-color: #333;
    border-style: solid;
    border-width: 0 0 1px;
    overflow: visable;
    width: 80%;
    margin: 0 auto 3px auto;
}

.nekretnina_info_value{
	display:table;
	height:32%; 
	width:100%;
	font-color:#333;
	font-size: 1.3em;
	font-weight: bold;
}

.nekretnina_info_value .item_nek_info{
	display:table-cell;
	vertical-align:middle;
}

.nekretnina_info_value .item_nek_info .item_nek_info_tekst{
	text-align:center;
	font-size: 13px;
}

.nekretnina_info_value .item_nek_info .item_nek_info_tekst_lok{
	text-align:center;
	font-size: 16px;
}

.nekretnina_info_value .item_nek_info .item_nek_info_tekst .item_nek_info_label,
.nekretnina_info_value .item_nek_info .item_nek_info_tekst_lok .item_nek_info_label{
	font-weight: normal; 
	font-size:13px;
	display:inline-block;
	width:100%;
}


.view-nekretnina-archive .nekretnina_foto{
	width: 74%;
	background-color: #efefef;
	float:left;
}

.prikaz_nekretnine .nekretnina_foto .mask a.info{
	/* font-size: 1.3em; */
}

.view-nekretnina-archive .nekretnina_info{
	width: 24%;
	margin-left:2%;
	background-color: #e5ac41;
	float:left;
	font-color: #333;
	font-size: .9em;
}

.view-nekretnina-archive .mask_nekretnina, 
.view-nekretnina-archive .content
 {
    height: 200px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 300px;
}
.view-nekretnina-archive img
 {
    display: block;
    position: relative;
}
.view-nekretnina-archive h2 {
    border-bottom: 3px solid #e5ac41;
    color: #fff;
    font-size: 17px;
    margin: 5px auto;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 250px;
}
.view-nekretnina-archive p {
    color: #fff;
    font-family: Roboto,Trebushet MS,sans-serif;
    font-size: 12px;
    padding: 0 20px 5px;
    position: relative;
    text-align: center;
}
.view-nekretnina-archive a.info {
    border: 1px solid #333;
    bottom: 10px;
	background-color: #e5ac41;
    box-shadow: 0 0 1px #000;
    color: #333;
    display: inline-block;
    left: 55px;
    padding: 7px 14px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    width: 82px;
}
.view-nekretnina-archive a.info:hover {
    background-color: #e5ac41;
    border: 1px solid #333;
    box-shadow: 0 0 5px #333;
    color: #000;
}


/**********************
*CONTENT PRODAJA AKTUELNOSTI
**********************/

.aktuelnosti_datum{
	float:left;
	width:100%;
	margin: 0 10px;
	padding: 0 10px;
	text-align:left;
}

.aktuelnosti_naslov{
	float:left;
	width:100%;
	margin:0 10px;
	padding:0 10px;
	text-align:left;
	font-weight:bold;
}

.aktuelnosti_naslov a{
	color:#333;
	text-decoration:none;
}

.aktuelnosti_naslov a:hover{
	color:#e5ac41;
	text-decoration:none;
}
/**********************************************
Blok koji sluzi za ispisivanje elemenata pretrage
*************************************************/
#container{
    float:left;
    width:96%;
	margin: 0 2%;
    /* padding: 1.5% 1.5% 0 1.5%; */ 
}
.date_label_layout{
    width: 100%;
	float:left;
    line-height: 15px;
    display: inline-block;
	color: #3b4044;
	font-size: 1em;
/*    display:block;*/
/*    margin-bottom: 5px;*/
}

#form_arhiva_search{
	float: left;
	margin-top: 40px;
	margin-bottom: 20px;
	width:100%;	
}

.search_date_and_term_input_fild_layout{
    border-radius:none;
    width:100%;
    height:auto; 
    /* background-color:#222; */
}
.date_box_layout{
    margin-left:10px;
}
.date_box_holder{
   float: left;
    height: 40px;
    line-height: 30px;
    /* margin: 20px 0; */
    margin-bottom: 5px;
    position: relative;
    vertical-align: middle;
	margin-right: 2%;
    /* width: 30%; */
}

/* .date_box_holder:nth-of-type(1){
	margin-left:0;
}

.date_box_holder:last-of-type{
	margin-right:0;
} */

#tabs{
    position: relative;
/*    float: left;*/
/*    width: 1065px;*/
    height: 20px;
    background-color: green;
    /*background-image: url("../slike/tabs_line_3.png");*/
}

.tab_caption{
    position: absolute;
    height: 15px; 
    margin-top:3px; 
}

.active_tab_text_color{
    color: #0C3A51;
}

.active_tab_text_color a{
    color: #0C3A51;
}

#carousel{
    /* margin-top: 4.12%;
    margin-bottom: 3%; */
/* 	position:relative; */
	float:left;
	width:100%;
	height:600px;
}

#index_page_top_photo{
	display: none;
}

.carousel_block{
	position: absolute; 
	width: 300px; 
	/* height: 300px; */ 
	text-align: left; 
	top:230px;
	background-image:url("../img/news_scroller_bgr_trans_85.fw.png");
/* 	background-repeat:repeat-x; */
	overflow:hidden;
	
}
.carousel_caption{
	width:280px;
/* 	height:55px; */
	margin:10px 10px;
	display: none;/*inicijalno dok se ne ucita strana*/ 
	text-transform: uppercase;
	vertical-align: middle;
	/* outline: thin dotted white; */
}

.carousel_content{
	width:280px;
	height:90px;
	margin:10px 10px;
	display: none;/*inicijalno dok se ne ucita strana*/ 
	/* outline: thin dotted black; */	
}

.carousel_caption a, .carousel_caption a:visited
{
	color:white;
}
.carousel_content a, .carousel_content a:visited{
	color:#004b8f;	
}

#slider1_container{
   display: none;
}





#wrapper_footer{
    width: 100%;
	background-color:#333333;
}
/*footer je definisan u sticky_footer.css - ovde je samo deo*/
footer{
    /* border-top: solid 2px #f99d1c; */
/*     vertical-align: middle;
    text-align: center;
	display:table; */
/* 	 background-image: url("../img/v_stamp_visual_key.png");  */
/*      background-repeat:no-repeat; */
}

#footer_blocks{
	float:left;
	width:100%;
	margin:20px 0;
}

.footer_blk{
	display: inline-block;
	float:left;
/* 	text-align:left; */
}

.footer_ico_holder{
	float: left; 
	height:100px;
}

.footer_ico_text_holder{
	float:left; 
	position:relative;
	height:100px;
}

.table_display{
	display: table;
}

.table_cell_display{
	display: table-cell;
	
}

.vertical_middle{
	vertical-align: middle;
}

.text_center{
	text-align: center;
}



.footer_fourth_blk{
	display: table;
	float:right;
	vertical-align: middle;
	text-align: center;
}

.footer_fourth_blk span{
	display:inline-block;
}



.footer_blk_caption{
	float:left;
	width: 100%;
	display:inline-block;
/* 	text-align: left; */
/* 	border-bottom:1px solid #999; */
	padding:5px 0;
	position: relative;
	
}

.footer_blk_content{
/* 	float:left; */
	padding:5px 0;
}

.footer_blk ul li{
	display:block !important;
	float:left;
	width:100%;
}

#footer_logo{
	float:left;
	width: 100%;
	margin-bottom:20px;
}

#footer_line{
/* 	border-top: 1px solid #999; */
	padding: 10px 0;
	float: left;
	width: 100%;
}


#logo_negative{
    margin-top: 25px;
    margin-bottom: 10px;
}

#bottom_nav{
    margin:1% 1.6% 0% 1.6%;
    text-align: left;
    font-size: 0.9em;
    
}

#bottom_nav.menu ul{
    padding-top: 0px;
    float: none;
    display: inline-block;
}

#copyright{
/*     float:left; */
    margin:0 1.6% 1%;
	font-size:0.9em;
}


.footer_menu{
    text-transform:uppercase;
}

.footer_menu ul{
/*    display: block;*/
}
.footer_menu ul li{
    margin:0 !important;/*da bi se ponistile margine iz klase navi i da klasa navi u nastavku ne bi ovo pregazila*/
}

.footer_menu ul>li>a{
    text-align: center;
    padding: 0 5px;
/*    display: block;*/
    transition: color 180ms linear 20ms, background 180ms linear 20ms;
}
.footer_menu ul>li+li{
        border-left: 1px solid #fed351;
    }
.footer_menu ul li.active a, .footer_menu ul li:hover > a, .footer_menu ul li.active:hover > a{
    color:#fed351;
}

/* ==========================================================================
   Author Helper classes
   ========================================================================== */
.top_news_in_roll{
	display:none;
}
.intro_in_roll{
	display:none;
}

.transparent_85
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";       /* IE 8 */
	filter: alpha(opacity=85);  /* IE 5-7 */
	-moz-opacity: 0.85;          /* Netscape */
	-khtml-opacity: 0.85;        /* Safari 1.x */
	opacity: 0.85;               /* Good browsers */	
}

.transparent_95
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";       /* IE 8 */
	filter: alpha(opacity=95);  /* IE 5-7 */
	-moz-opacity: 0.95;          /* Netscape */
	-khtml-opacity: 0.95;        /* Safari 1.x */
	opacity: 0.95;               /* Good browsers */	
}


/*
*Blok za divove koji se koriste u FCK editoru
*/
.contact_block{
    width:49%;
    float: left;
    margin: 10px 0 30px 1%;
    display: inline-block;
	text-align:left;
}

.nas_tim_block{
    width:31%;
    float: left;
    margin: 30px 0 0 1%;
    display: inline-block;
	text-align:left;
}

.partners_block{
    width:auto;
    margin:10px 30px;
    float: left;
    height:150px;
    display: inline-block;
}
.management_block{
    width:90%;
    margin:10px 30px;
    float: left;
    height:auto;
    display: block;
}

.no_margin{
    margin: 0;
}
.block{
/*    width: 225px;*/
/*    height:250px;*/
    background-color: #fff;
}
.block img{
    position: absolute;
    bottom: 6.5%;
    left:7.5%;
    width: 85%;
    margin: auto;
    
}

.first_block{
/*    margin-left: 20px;
    margin-right: 6px;*/
    margin-left: 1.5%;
    margin-right: 0.8%;
}

.middle_block{
/*    margin: 0 6px;*/
      margin: 0 0.7%;
}

.last_block{
    margin-left: 0.8%;
    margin-right: 1.5%;
}
.block_header{
    position: relative;
    width: 100%;
 /*    margin:7.5% 7.5% 0 7.5% ;*/
    height: 250px;
/*    line-height: 236px;*/
/*    text-transform: uppercase;*/
/*    vertical-align:bottom;*/
    text-align: center;
    background-color: #fff;
/*    background-image: url('../img/bankomat.png');*/
    /* background-position: center; */
    background-repeat: no-repeat;
/* 	-webkit-transition: all 1s; Safari */
/*     transition: all 1s; */
	z-index:50;
}


#block_one .block_header{
    background-image: url('../img/conc_icn_gradjevinski.png');
}


#block_two .block_header{
    background-image: url('../img/conc_icn_zanatski.png');
}


#block_three .block_header{
    background-image: url('../img/conc_icn_nadzor.png');
}
/* #block_three .block_header:hover{
   background-color: #fed351;
   background-image: url('../img/3d_b.png');
	background-position:-236px 0 ;
    cursor: pointer;
} */

#block_four .block_header{
    background-image: url('../img/promo_zavrsni_radovi.png');
}
/* #block_four .block_header:hover{
   background-color: #fed351;
   background-image: url('../img/pci_b.png');
	background-position:-236px 0 ;
    cursor: pointer;
} */

/* .block_header:hover { */
/* background-size:120%; */
/* } */

.block:hover .block_content{
/* 	color:#fff; */
}

.block:hover .block_header{
/* 	background-color:#f8f8f8; */
	background-position:-321px 0;
	
}

.block:hover .block_caption h2{
	color:#E5AC41;
	
}

.promo_box_image_click{
	position:absolute;
	top:0;
	left:0;
	height:70%;
	width:100%;
}
.block_caption{
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
	vertical-align: middle;
	display:table;
}

.block_caption span
{
	display: table-cell;
	vertical-align:middle;
	text-align: center;
}

.line_delimiter{
	width:80px;
	border-top:solid 3px#e5ac41;
	margin:auto;
	height: 20px;
}



.block_content{
    width: 90%;
    margin:5.2% 5%;
    overflow: hidden;
	min-height:100px;
}

.block_content a, .block_content a:visited{
	color:blue;
	text-decoration: underline;
}

.default_component_icons_layout{
    float:left;
    width:97%;
    padding: 1% 0 ;
}
	
.default_news_index_caption_layout{
    float:left;
    width:100%;
}
.default_news_index_date_layout{
    float: left;
    width: 97%;
    padding: 1.5% 1% 1.5% 1%;
}
/*.default_content_date_layout{
    float: left;
    width: 97%;
    padding: 1.5% 1% 1.5% 1%;
}*/
.content_date_layout_with_top_horizontal_padding{
     float:left;
    width:97%;
    /* padding: 1.5% 1.5% 0 1.5%; */
}

/*.content_caption_layout_with_padding{
    float:left;
    width:97%;
    padding: 1% 1.5% 1% 1.5%;;
}*/

.content_caption_layout_with_bottom_horizontal_padding{
    float:left;
    width:97%;
    padding: 4px 0;
	line-height: 40px;
}
.content_caption_layout_with_top_horizontal_padding{
     float:left;
    width:97%;
    /* padding: 1.5% 1.5% 0 1.5%; */
}

/*.default_content_date_layout{
    float:left;
    width:100%;
}*/

.pretraga_naslov{
    float:left;
    width:97%;
    /* padding: 1.5% 1.5% 0 0; */
}


/*
Klasa koja sluzi za stilizaciju navigacije
*/
.navi ul{
/*font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;*/
margin: 0px;
padding: 0px;
}

.navi ul li{
display:inline;
margin-left:3px;
margin-right:3px;
}

.navi ul li a{
/*font-family: Arial, Helvetica, sans-serif;
font-size: 12px;*/
color:#FFFFFF;
text-decoration: none;
}

.navi a img{
border: none;
display:inline;
}

.navi a{
color: #ffffff;
}

.navi a:hover{
color:#fed351;
}

/* nav.navi ul:nth-child(odd)
{
    color: orange;
} */
/*
klasa koja uredjuje layout linka za prikaz kompletne vesti/forogalerije/videogalerije
*/
.more, .more a, .more a:visited, .more a:active{
	color:#e5ac41;
}
.header_line{
/* 	width: 100%;  */
	height: 40px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e88ca5+10,d73c68+54,d01e50+91 */
/* 	background: #e88ca5; Old browsers */
/* 	background: -moz-linear-gradient(top, #e88ca5 10%, #d73c68 54%, #d01e50 91%); FF3.6+ */
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#e88ca5), color-stop(54%,#d73c68), color-stop(91%,#d01e50)); Chrome,Safari4+ */
/* 	background: -webkit-linear-gradient(top, #e88ca5 10%,#d73c68 54%,#d01e50 91%); Chrome10+,Safari5.1+ */
/* 	background: -o-linear-gradient(top, #e88ca5 10%,#d73c68 54%,#d01e50 91%); Opera 11.10+ */
/* 	background: -ms-linear-gradient(top, #e88ca5 10%,#d73c68 54%,#d01e50 91%); IE10+ */
/* 	background: linear-gradient(to bottom, #e88ca5 10%,#d73c68 54%,#d01e50 91%); W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88ca5', endColorstr='#d01e50',GradientType=0 ); IE6-9 */
	background-image:url("../img/bgr_trans_85.png");



}
.header_line_content{
	position: absolute;
	height: 40px;
	right:10px;
	width: auto;
	z-index: 100;
}

#phone_contact{
	float:left;
	line-height: 40px;
	height: 40px;
}

.site_caption{
	width: 300px;
/* 	height: 30%; */
/* 	float: left; */
	line-height: initial;
	margin-left: 10px;
	text-transform: uppercase;
	vertical-align: middle;
	display: inline-block;

}

.site_caption h1{
	font-family: Goodtime, Roboto, sans-serif;
	font-size: 16px;
	
}

/*za stranicu arhiva.php*/
.archive_prodaja_image{
	width:45%;
	float:left;
	display: flex;
}

.archive_news_image{
	width:30%;
	float:left;
}

.archive_news{
	width:57%;
	float:left;
}

.archive_news2{
	width:68%;
	margin-left:2%;
	float:left;
}

.archive_prodaja{
	width:50%;
	float:left;
	margin-left: 3%;
}

.opis_nekretnine {
    float: left;
    margin: 5px 0 0 1%;
    width: 98%;
}

.opis_lokacije {
    float: left;
    margin: 5px 0 10px 0;
    width: 98%;
}

.news_text{
	float:left;	
	width:90%;
}
.archive_text{
	float:left;	
	width:100%;
}
.archive_text_item{
	float:left; 
	width:100%;
	margin-bottom:13px;
}
.archive_text_element{
	float:left; 
	width:100%;
	margin-bottom:2px;
}
.archive_text_item_dokumentacija{
	float:left; 
	width:100%;
	color:#E5AC41;
}

.archive_text_item_dokumentacija a{
	color:#E5AC41;
}

.archive_text_item_dokumentacija a:hover{
	color:#E5AC41;
	text-decoration: underline;
}

.hidden_news_date{
	display:none;
	float:left;
}

.non_transparent_header{
	background-color: rgba(255, 255, 255, 1);
}

.transparent_header{
	background-color: rgba(255, 255, 255, 0.7);
}


.btn_galerija_dark {
  width: 300px;
  height: 40px;
  cursor: pointer;
  margin: 40px auto 40px auto;
  border: 1px solid #333;
  color: #333;
  text-align: center;
  letter-spacing: 1px;
  background: rgba(0,0,0,0);
	line-height:40px;
	font-size:15px;
	-moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn_galerija_dark:hover {
  background: rgba(229, 172, 65, 1);
	color:#fff;
	border: 1px solid #fff;
}

.btn_galerija_dark:active, .btn_galerija_dark.a:visited, .btn_galerija_dark a{
	 color: #333;
}

.btn_galerija_light {
  width: 300px;
  height: 40px;
  cursor: pointer;
  margin: 40px auto 40px auto;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  background: rgba(0,0,0,0);
	line-height:40px;
	font-size:15px;
	-moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn_galerija_light:hover {
  background: rgba(229, 172, 65, 1);
	color:#333;
	border: 1px solid #333;
}

.btn_galerija_light a:active, .btn_galerija_light a:visited, .btn_galerija_light a{
	color:#fff;
}

.morecontent span {
    display: none;
}

.btn_more_less {
  float:left;
  width: 150px !important;
  height: 25px;
  cursor: pointer;
  margin: auto;
  margin-top: 15px;'
  border: 1px solid #333;
  color: #333;
  text-align: center;
  letter-spacing: 1px;
  background: rgba(229, 172, 65, 1);
	line-height:25px;
	font-size:15px;
	-moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn_more_less:hover {
  background: rgba(0, 0, 0, 0);
	color:#333;
	border: 1px solid #333;
}

.btn_more_less a:active, .btn_more_less a:visited, .btn_more_less a{
	color:#000;
}


.btn_prodaja_light {
	width: 300px;
	height: 40px;
	cursor: pointer;
	margin: 40px auto 40px auto;
	border: 1px solid #333;
	color: #333;
	text-align: center;
	letter-spacing: 1px;
	background: #E5AC41;
	line-height:40px;
	font-size:15px;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn_prodaja_light:hover {
	background: transparent;
	color:#fff;
	border: 1px solid #fff;
}

.btn_prodaja_light a{
	color:#333;
}

.btn_prodaja_light a:active, .btn_prodaja_light a:visited{
	color:#333;
}

.btn_prodaja_light a:hover{
	color:#fff;
}

.btn_arhiva_prodaja {
	float:left;
  width: auto;
  /* height: 40px; */
  cursor: pointer;
  /* margin-left: 7px; */
  border: 1px solid #E5AC41;
  color: #333;
  padding:0 25px;
  text-align: center;
  letter-spacing: 1px;
  background: rgba(229, 172, 65, 1);
	/* line-height:40px; */
	font-size:13px;
	-moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn_arhiva_prodaja:hover {
  	background: rgba(0, 0, 0, 0);
  	color:#E5AC41;
	border: 1px solid #E5AC41;
}

.btn_arhiva_prodaja a:active, .btn_arhiva_prodaja a:visited, .btn_arhiva_prodaja a{
	color:#333;
}

.projekat_naziv h2{
	color:#333;
	font-size: 17px;
	margin: 5px auto;
	padding: 0 10px;
}

.margin_title{
	margin-top:2px;
	margin-bottom:20px;
}

.lokacija_image{
	width:100%;
	position:relative;
	float:left
}

.lokacija_image_info{
	float: left;
    position: absolute;
    right: 30px;
    top: 30px;
	font-size: 0.9em;
	background-color: #e5ac41;
	text-align:center;
	padding:5px;
}

/*
*FLOATING CLASSES
*/
.float_left{
	float: left;
}

#portfolio{
	float: left;
    padding: 0 2%;
    width: 96%;
	margin-bottom: 30px;
}

#portfolio-grid{
	width: 100% !important;
	margin-bottom: 10px;
}

.portfolio_tabs{
	float:left;
}

.wrapper ul > .portfolio_tabs > li.portfolio_tab + li {
    border-left: 1px solid #333;
}

.prikaz_nekretnine{
	display: flex;
	font-size:0.7em !important;
	margin-bottom: 2px;
}
.prikaz_nekretnine_stavka{
	position: relative;
   	/* top: 10px; */
	height:33%;
}

.prikaz_nekretnine_stavka span.item_nek_info {
  line-height: 3;
}



.ribbon-wrapper-nekretnina{
  width: 94px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -3px;
  z-index:10;
}

.ribbon-nekretnina {
  float:right;
  /* font-weight:bold; */
	font-size: 1.5em;
  /* font: bold 15px Sans-Serif; */
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  padding: 7px 0;
  rigt: -5px;
  top: 15px;
  width: 120px;
  background-color: #cc0000;
}

.nekretnina_wrapper{
	
}

.nekretnina_naslov{
	width: 73%;
	margin-right: 2%;
	float: left;
}
.nekretnini_cena{
	position: absolute;
	right: 0;
	float: left;
	width: 25%;	
}

.nekretnini_cena .cena_m2{
	
}

.nekretnini_cena .cena_ukupno{
	border: solid 3px #ffcc66;
	text-align: right;
	padding: 5px 6px;
	font-weight: bold;
	font-size: 18px;
}
.nekretnina_detalji_top,
.nekretnina_detalji_bottom{
	width: 100%;
	float:left;
}

.nekretnina_detalji_top{
	position: relative;
	display: flex;
}

.nekretnina_detalji_bottom{
	margin-top: 50px;
	display: flex;
}

.nekretnina_detalji_bottom .detalji_levo{
	width: 50%;
	float:left;
}

.nek_info_block{
	width: 100%; 
	float:left;
	background-color: #E5AC41;
	position: relative;
}

.nek_info_item{
	width: 31%; 
	float:left;
	text-align: center;
	padding: 1%;
}

/* .nek_info_block > div.nek_info_item +div{
    border-left:solid 1px #333;
} */

#desni_blok_izdvajamo{
	margin-bottom: 20px;
	position: relative;
}

#desni_blok_izdvajamo .nek_info_item_divider1,
#desni_blok_izdvajamo .nek_info_item_divider2,
.nek_info_block .nek_info_item_divider1,
.nek_info_block .nek_info_item_divider2{
    position:absolute;
    left:33%;
    top:15%;
    bottom:15%;
    border-left:1px solid #333;
}

#desni_blok_izdvajamo .nek_info_item_divider2,
.nek_info_block .nek_info_item_divider2{
    left:67%;
}

.nek_info_item_label,
.nek_info_item_data{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}

.nek_info_item_label_opis{
	width: 100%;
	float: left;
	margin-top: 30px;
},

.nek_info_item_label{
	padding-top: 7px;
}

.nek_info_item_label_izdvajamo,
.nek_info_item_data_izdvajamo{
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-size: 12px;
	text-transform: lowercase;
}

.nek_info_item_data_izdvajamo{
	font-weight: bold;
}

.nek_info_item_label_opis_izdvajamo{
	width: 100%;
	float: left;
	margin-top: 30px;
},

.nek_info_item_label_izdvajamo{
	padding-top: 7px;
}

.nek_info_item_data{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 7px;
}

.nekretnina_detalji_bottom .detalji_desno{
	width: 46%;
	padding-left: 4%;
	float:left;
}

.no_top_padding{
	padding-top: 0;
}

.nek_info_block2{
	width: 98%; 
	float:left;
	padding: 0 1%;
	margin-top: 20px;
}

.nek_fotografija{
	width:23% ;
	float:left;
	margin:1% 1%;'
}

.nek_fotografija .fancybox img{
	border:solid 3px; 
	border-color:#575757; 
	width: 100%; 
	/* height: 100px; */
}

#frm_nek_pretraga,
#frm_projekti_pretraga{
	margin-top: 10px;
	float:left;
	width:100%;	
}

#frm_nek_pretraga input[type="text"] {
  padding: 2x;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  transition: box-shadow 0.3s;
}
#frm_nek_pretraga input[type="text"]:focus,
#frm_nek_pretraga input[type="text"].focus {
  box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}

#radovi_objekta{
	float:left;
	width:100%;
	margin:10px 0 25px 0;
}

#radovi_objekta .radovi_objekta_item{
	float:left;
	margin: 0 5px;
}

#radovi_objekta .radovi_objekta_item:first-child{
	margin-left: 0;
}

#radovi_objekta_projekat{
	float:left;
	width:100%;
	margin:10px 0 25px 0;
}

#radovi_objekta_projekat .radovi_objekta_item{
	float:left;
	margin: 0 5px;
}

.radovi_objekta_item:hover img {
    filter: grayscale(100%);
	-webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%);
}

#header_search_form {
	width: 150px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: right;
/* 	margin-right:20px; */
	position: relative;
}

/* Ok, HTML markup is complete */
/* submit button will also be the same but with a different color. We'll style the label and the submit input */
/* a faky 3D look */

#submit {
	display: none;	
}

#header_search_form .icon, #header_search_form .submit {
	width: 35px;
	height: 35px;
/* 	background-color: #fed351; */
	display: block;
	position: absolute;
	top: 0;
	right: 0;
/* 	box-shadow: */
/* 		0px 5px #green, */
/* 		0px 8px 10px rgba(0, 0, 0, 0.5); */
}

#header_search_form .submit {
/* 	background: #009bff; */
	cursor: pointer;
/* 	box-shadow: */
/* 		0px 5px #0276c1, */
/* 		0px 8px 10px rgba(0, 0, 0, 0.5); */
}

/* Now, we'll create a search (magnifying glass) icon using pseudo elements */
#header_search_form .icon:after, #header_search_form .submit:after  {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 2px solid #999;
	border-radius: 50%;
	left: 10px;
	top: 9px;
}

#header_search_form .icon:before, #header_search_form .submit:before {
	content: '';
	position: absolute;
	height: 8px;
	width: 2px;
	background: #999;
	transform: rotate(-35deg);
	top: 19px;
	left: 21px;
}

/* Styling the input */
#header_search_form #search_input {
/* 	-webkit-appearance: none; */
	display:inline-block;
	height: 20px;
	width: 0;
/* 	padding: 0; */
	opacity: 0;
/* 	border: none; *//*aktivirati ako ne zelis 3d efekak "udubljenja" edit boxa*/
	outline: none;
	position: relative;
	right: 35px;
/* 	box-shadow: */
/* 		0px 5px #bbb, */
/* 		0px 8px 10px rgba(0, 0, 0, 0.5); */
}

.column_team {
  float: left;
  width: 31.3%;
  margin-bottom: 16px;
  padding: 0 1%;
}


.card_team {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.container_team {
  padding: 0 16px;
}

.container_team::after, .row::after {
  content: "";
  clear: both;
  display: table;
}