/* 
    Created on : October 29, 2014, 4:05:46 AM
    Author     : Lepi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*********************************** 
MEDIA SETTINGS
*************************************/
/*MOJE PRAVILO*/
/*
Mora da se uvede jedan media query za slucaj kada se smanjuje ekran i dodje na 
kriticnu tacku  koja je jednaka sirini sajta 
*/
@media only screen and (max-device-width : 1560px) /*1024px je sirina saja*/
{
	#social_icons_header {top:5px;}
	#languages {top:5px;}
}

@media only screen and (max-device-width : 1024px) /*1024px je sirina saja*/
{
       /*********************************** 
RESPONSIVE GRID FOR SMARTPHONES
*************************************/
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12{
        width:100%;
        }
        
    .content_section_caption_holder{
		margin:25px auto;
    }
    
    .btn_galerija_dark, .btn_galerija_light{
		margin:20px auto;
    }
        
    
    .naslov_beli_verdana_18,
    .naslov_beli_verdana_18 a:link,
    .naslov_beli_verdana_18 a:hover, 
    .naslov_beli_verdana_18 a:visited{
        font-size: 0.9em;
        } 
        
/* 	#logo{ */
/* 		position:absolute; */
/*     	background-image:none; */
/*     	z-index:100; */
/* 		top:-15px; */
/*     }  */
/*     #logo .colorized_line_1 */
/*     { */
/* 		visibility:hidden; */
/*     } */
/*     #nav_holder{ */
/* 		background-image:none; */
/*     	width:100%; */
/*     }     */
/*     #header_one{ */
/* 		background-image:url("../img/bgr_trans_85.png"); */
/*     	position:relative; */
/*     } */
    header{
		padding:0;
    }
	/*
	SETOVANJE  ZA PROMO BLOKOVE
	*/
	#block_one .block_header{
		background-image: url('../img/tablet_grubi_radovi.png');
		background-position:center;
	}
	#block_two .block_header{
		background-image: url('../img/tablet_bravarski_radovi.png');
		background-position:center;
	}
	#block_three .block_header{
		background-image: url('../img/tablet_podopolagacki_radovi.png');
		background-position:center;
	}
	#block_four .block_header{
		background-image: url('../img/tablet_zavrsni_radovi.png');
		background-position:center;
	}
	
	.view {
		width:100%;
		height:auto;
		border:none;
		margin:10px 0;
	}
	
	.view .mask{
		width:100%;
		height:100%;
	}
	
	.view h2{
		width:85%;
	}

	.block:hover .block_content{
		color:#444;
	}

	#footer_blocks .footer_blk{
	width:30%;
	}
	
   .footer_font{
		font-size:14px;
   }
   
   .footer_ico_holder{
		width: 100%;
    	text-align: center;
   		height:auto;
   }
   
	.footer_ico_text_holder{
		width: 100%;
		height:auto;
   }
   
   .footer_ico_holder img{
	
   	display:inline-block;
   	vertical-align: middle;
   }
   
   .block_content_three .aktuelnosti_datum,
   .block_content_three .aktuelnosti_naslov{
	margin:0;
   	padding:0;
   }
   
	header .wrapper{width:100%;}
	
	#languages{right:65px; top: 17px;}

}

@media only screen and (max-device-width : 950px)
{
	#content_prodaja_blocks{
		display: table;
		width:300px !important;
		margin: 0 auto;
		margin-top:10px;
	}
	
	.block_nekretnine_prodaja{
		width:100% !important;
	}
	
	
	#wrapper_header{
		border:none;
	}
	#wrapper_header_inner{
		position:relative;
		border: none;
	}
	
	#header_one{
	width: 100%;
	}
	
	#nav_holder{
		position:absolute;
		top:60px;
		width: 100%;
		height: auto;
		min-height:initial;
		line-height: normal;
	}
	
	#carousel{
		display:none;
	}
	
	.margin{
		margin-top:0;
	}
	
	.nekretnina_naslov{
		width:68%;
	}
	
	.nekretnini_cena{
		width:30%;
	}
	
	.archive_prodaja{
		margin-left: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	
}


@media only screen and (max-device-width : 910px)
{
	#content_text{
		width:100%;
    	clear:both;
    }
    
	#wrapper_left_menu_and_text {
	    margin-top: 10px;
		min-height: 630px;
	}
}

@media only screen and (max-device-width : 850px)
{
	h2{
		font-size:1.2em;
	}

	.news_caption_index_font,
	.news_caption_index_font a, 
	.news_caption_index_font a:link,
	.news_caption_index_font a:visited{
	    font-size:16px;
	}
	
	.news_payment_industry_caption_index_font,
	.news_payment_industry_caption_index_font a, 
	.news_payment_industry_caption_index_font a:link,
	.news_payment_industry_caption_index_font a:visited{
    	font-size:16px;
	}
	.news_content_font{
		font-size:12px;
	}
	.menu ul > li > a{
		font-size: 13px;
	}
}
@media only screen and (max-device-width : 768px)
{
/* 	#wrapper_header{ */
/* 		background-image:url("../img/bgr_trans_85.png");da pojaca plavu boju */
/* 	} */
	/* #wrapper_header{
		border:none;
	}
	#wrapper_header_inner{
		position:relative;
		border: none;
	}
	
	#header_one{
	width: 100%;
	}
	
	#nav_holder{
		position:absolute;
		top:60px;
		width: 100%;
		height: auto;
		min-height:initial;
		line-height: normal;
	} */
	
	.margin{
		/* margin-top:0; */
	}
	
	/* #carousel{
		display:none;
	} */
	.top_news_in_roll, .intro_in_roll{
		display:inline-block;
	}
	#product_services{
		margin-top:2.8%;
	}
	
	.promo_box_image_click{
		height:80%;
	}
	
	.block_content{
		margin-top:0%;
/* 		min-height: none; */
	}
	
	.block_caption{
		height:20%;
	}
	
	
	#block_one .block_header,
	#block_two .block_header,
	#block_three .block_header,
	#block_four .block_header,
	.block_header{
		background-position: center top;
		height: 195px;
	}

	#block_one, #first_cat_news{
        /* width:46.384%;
        margin-left:2.016%;
        margin-right:1.404% ; */
    }
    
    #block_two, #second_cat_news{
        /* width:46.384%;
        margin-left:1.404%;
        margin-right:2.016%; */
    }
    
    #block_three{
        /* width:46.384%;
        margin-left:2.016%;
        margin-right:1.404% ;
        margin-top:2.8%; */
    }
    
    #block_four{
        width:46.384%;
        margin-left:1.404%;
        margin-right:2.016%;
         margin-top:2.8%;
    }
    
	#content_project_blocks .block_content_three{
		width:48%;
	}
	
	#content_project_blocks .hide_block
	{
		display:none;
	}
	
	#content_aktuelnosti_blocks .block_content_three{
		width:48%;
	}
	
	#content_aktuelnosti_blocks .hide_block
	{
		display:none;
	}
    
    /*Unutrasnje strane*/
    #content_text{
		width:100%;
    	clear:both;
    }
    
    #inner_scroling_items_projects{
		width:60%;
    	/* margin:0 auto;
    	float:none; */
    	position: absolute;
    	top: 100%; 
    	left: 50%;
    	transform: translate(-50%,-50%);
    }
    
    #content_aside{
		width: 94%;
    	margin: 0 2%;
    	position: relative;
    }
    
	.view-nekretnina .nekretnina_foto .mask{
		height: 100%;
 		width: 100%;
		/* margin-left: 2%; */
	}
	
	.view-nekretnina .nekretnina_foto .nekretnina_lokacije{
		width: 74%;
	}
	
	.view-nekretnina a.info{
		left: 55px;
	}
	
	.izdvojena_nek,
	.nekretnina_lokacije{
		text-align: center;
	}
	
	.izdvojena_nek a.info,
	.nekretnina_lokacije a.info{
		left: 33%;
		width: 29%;
		padding-left: 2%;
		padding-right: 2%;
		font-size: 1.1em;
	}
	
	.archive_prodaja{
		margin-left: 2%;
    	width: 52%;
		margin-bottom: 30px;
	}
    
	#inner_scroling_items_projects {
	    left: 50%;
	    position: absolute;
	    top: 125%;
	    transform: translate(-50%, -50%);
	    width: 60%;
		margin-top: 80px;
	}
	
	.footer_element_inner {
	    text-align: left;
	}
}
/*Main menu - turning off width
* Archive- turn off content items and show date 
* Search - turn off image 
*/
@media only screen and (max-device-width : 700px)
{
   .video_item{
	width:96%;
   	clear:both;
   	padding:2%;
   }
   
/*ZA STRANU ZA PRIKAZ VESTI*/
	.content_types{
		display:none;
	}
    .hidden_news_date
	{
		display:block;	
	}
	.archive_news{
		width:100%;
	}
	
	.archive_news2{
		width:100%;
		margin-left: 0;
	}	
	
	.news_text{
		width:100%;
	}
	.archive_news_image{
		width:100%;
	}
	
	.search_results_image {
	display: none;
	}
	
	.archive_prodaja{
		margin-left: 0;
    	width: 100%;
	}

}

@media only screen and (max-device-width : 650px){
  .column_team {
    width: 100%;
    display: block;
  }
}

@media only screen and (max-device-width : 600px)
{
	.nek_fotografija{
		width: 47%;
	}
	
	.nek_fotografija .fancybox img{
		/* height: 150px; */
	}
	
	.nekretnina_detalji_top,
	.nekretnina_detalji_bottom{
		display: block;
	}
	
	.nekretnina_detalji_top .nekretnina_naslov,
	.nekretnina_detalji_top .nekretnini_cena,
	.nekretnina_detalji_bottom .detalji_levo,
	.nekretnina_detalji_bottom .detalji_desno{
		width: 96%;
		padding: 0 2%;
	}
	
	.nekretnini_cena{
		position: relative;
		float: left;
		top: 0;
		righ:0;
	}
	
	.nekretnini_cena .cena_ukupno{
		text-align: left;
		width: 50%;
	}
	
	.nek_info_block2{
		padding: 0;
	}
	
	#inner_scroling_items_projects{
		float:left;
		width:100%;
    	position: relative;
    	top: 0;
    	left: 0;
    	transform: none;
		margin-top: 40px;
    }
    
	.contact_block,
    .nas_tim_block{
	    width:98%;
	    margin-left:1%;
		margin-right:1%;
	}
}


/*
za tri bloka u slajdu usluge
*/

@media only screen and (max-device-width : 570px)
{
	#block_one{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2.5%;
    }
    
	#block_two{
      width:96%;
      margin-left:2%;
      margin-right:2%;
  	  margin-top:2.5%;
  	}
    
    #block_three{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2.5%;
    }    
    
}

/*Blokovi - iz 2 u po 1 u redu
* Nestajanje naslova sajta
*/
@media only screen and (max-device-width : 480px)
{
	
	/* .archive_prodaja{
		width:96%;
		padding: 0 2%;
	} */
	
	.view-nekretnina{
		width:100%;
		/* padding: 0 2%; */
	}
	
	.view-nekretnina .nekretnina_foto .mask{
		height: 100%;
	}
	
	.view-nekretnina .nekretnina_foto .nekretnina_lokacije{
		width: 79%;
	}
	
	.ribbon-wrapper-nekretnina{
		left: 8px;
		width: 91px;
	}
	
.izdvojena_nekretnina{
		width: 100% !important;
	}
	
.nekretnina_foto{
		width: 100%;
	}

#nav_holder{
		top:60px;
	}
.block_content_font{ 
		font-size:1.1em; 
 	} 
#block_one, #first_cat_news{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2%;
    }
    
  #block_two, #second_cat_news{
      width:96%;
      margin-left:2%;
      margin-right:2%;
  		margin-top:2.5%;
  }
    
    #block_three{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2.5%;
    }
    
    #block_four{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2.5%;
    }
    
#gradjevinci, #arhitektura, #tehnicari{
	width:100%;
}

#content_project_blocks .block_content_three{
		width:96%;
		margin-left:2%;
        margin-right:2%;
	}
	
#content_aktuelnosti_blocks .block_content_three{
		width:96%;
		margin-left:2%;
        margin-right:2%;
	}
	
#partners{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2%;
    }
    
#clients{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2%;
    }
 #header_search_form{
		width: 100px;
    }
/*   #languages{ */
/* 	display:none; */
/*   } */
    #header_one{
		position:absolute;
    	top:10px;
    }
    
	#languages {
    	right: 40px;
	}
	
	#languages ul li {
    	margin: 0;
	}
	
    
    #languages.navi li, #languages.navi li a, #languages.navi li a:visited{
		font-size:12px;
    }
    
    footer{
	display:inline-block;
    }
    
    #footer_blocks .footer_blk{
	width:96%;
    margin:2.5% 2%;
    }
    
    #footer_logo img{
	width:100%;
    }
    
    #content_four_holder .block_content_three{
		width:96%;
    	margin: 0 2%;
    }

    .lokacija_image_info{
		font-size: 0.7em;
    	top: 0;
    }
    
    .isotope-item .archive_prodaja{
		margin-bottom: 25px;
    	margin-left: 0;
    }
    
    .ribbon-wrapper-nekretnina{
		left: 0;
    }
    	
  
/*   .container_12 .footer_blk_responsive{ */
/* 	width:48%; */
/*   } */
/* .container_12 .footer_fourth_blk_responsive{ */
/* 	width:48%; */
/* 	padding-top:20px; */
/*   } */
  
/*   .site_caption{ */
/* 	width:200px; */
/*   } */
/*   h1{ */
/* 	font-size:1em; */
/*   } */
}

/*Fix za logo i header_search_form na 380px*/
@media only screen and (max-device-width : 380px){

	#logo{
		width:75%;
	}

	/* #logo img{
	width: 100%
	} */
	
	
	#header_search_form{
	width: 120px;
	}
	
	#languages.navi li, #languages.navi li a, #languages.navi li a:visited{
		font-size:11px;
    }
    
	.nek_fotografija{
		width: 96%;
	}
	
	.nek_fotografija .fancybox img{
		/* height: 250px; */
	}
	
	/* .view-nekretnina .nekretnina_foto .mask{
		height: 100%;
 		width: 100%;
	} */
	
	.nekretnina_naslov{
		width: 100%;
	}
	
	li.portfolio_tab{
		width:100%;
	}
	
	.wrapper ul > .portfolio_tabs > li.portfolio_tab + li {
	    border-left: 0;
	}
	
	.filter li{
		padding:0;
	}
}

/*Fix za footer-nav*/
@media only screen and (max-device-width : 361px){
 .container_12 .footer_blk_responsive{
	width:96%;
 	padding-top:15px;
  }
.container_12 .footer_fourth_blk_responsive{
	width:96%;
	padding-top:20px;
  }
  #footer_blocks{
	margin:0 0 20px 0;
  }
  #footer_line{
	display:none;
  }
	.footer_font{
	       font-size:0.9em;
	   }
}

@media only screen and (max-device-width : 300px)
{
	#content_prodaja_blocks{
		display: table;
		width:100% !important;
	}

/*Fix za moto-image*/
@media only screen and (max-device-width : 280px){
	#header_search_form{
		display:none;
	}
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
body{
/*        background-color: orange;orange indicates tablet*/
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
body{
/*        background-color: green;orange indicates tablet*/
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen  
and (max-device-width : 480px) {
    /* Styles */
   
    }


/***************************************
MENU CHANGES FOR SMART PHONES
***************************************/


}


/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {


}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}



/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
body{
/*        background-color: violet;violet indicates desktop*/
    }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1600px) {
	/* .regular{
		font-size:14px;
	}
	.white_big{
		font-size:21px;
	}
	.carousel_block{
		background-image:none;
	} */
	
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}