/* 
    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
*************************************/
/*
MoD - Naslov i intro top vesti se smanjuju
*/
 @media only screen and (max-device-width : 1600px) 
 { 
 	.archive_item_istorija{ 
 		width:18% !important; 
 	} 
 	.view-first h2{
		padding-top:20px;
 	}
 } 

/*
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 : 1024px) /*1024px je sirina saja*/
{
/* #content_values{ */
/* 		background-position:-700px -150px; */
/* 	} */
	/* 	#carousel{ */
/* 		height:300px; */
/* 	} */
	.top_news_wrapper{
		height:auto;
	}
	.top_news{
		display:none;
	}
	.mobile_top_news{
		display:inline-block;
	}
	
	#content_one{
		padding-top:0;
	}
	
	.container_12{
        width:100%;
        }
     .block_header{
		width:auto;
     	height:auto;
     }
     
     #yt_top_video{
		height:100%;
     	width:100%;
     }
	.yt_video_clip iframe{
     	height:100%;
     }
        
     #social_icons_header{
		position:absolute;
     	right:2px;
     	width:204px;
     }
     
     #content_text{
		width: 100%;
     }
     
	.top_vest_foto_desktop{
		display:none;
	}
	
    .top_vest_foto_mobile{
		display:inline-block;
    	margin-top:5px;
	}
	
	
/*     .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; */
/* 	} */
     
.search_holder{
	position:absolute;
	right: 204px;
}     
#sb_one .sb_header{
	 background-image: url('../img/tablet_sb_247.png');
	background-position: center 0px;
	
}


#sb_two .sb_header{
    background-image: url('../img/tablet_sb_pt.png');
    background-position: center 0px;
}


#sb_three .sb_header{
    background-image: url('../img/tablet_sb_pfs.png');
	background-position: center 0px;
}


#sb_four .sb_header{
    background-image: url('../img/tablet_sb_girls.png');
	background-position: center 0px;
}

#sb_five .sb_header{
    background-image: url('../img/tablet_sb_free_pt.png');
	background-position: center 0px;
}


#sb_six .sb_header{
    background-image: url('../img/tablet_sb_lockers.png');
	background-position: center 0px;;
}


#sb_seven .sb_header{
    background-image: url('../img/tablet_sb_discount.png');
	background-position: center 0px;
}


#sb_eight .sb_header{
    background-image: url('../img/tablet_sb_all.png');
	background-position: center 0px;
}
	
	.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;
   }

}
@media only screen and (max-device-width : 850px)
{
	h2{
		font-size:1.2em;
	}
	
	.view-first h2{
		padding-top:10px;
 	}

	.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;
	}
}
@media only screen and (max-device-width : 768px)
{
	/*******************************************************************************************
	*MO - potrebno kako bi video klip na naslovnoj bio 100% sirine na rezoluciji manjoj od 768px
	********************************************************************************************/
	 #block_one .block_header{
		width:100%;
     	/* height:300px; */
     }
     
     #yt_top_video,
     .yt_video_clip
     {
		height:300px;
     }
     /********************************************************************************************/
	
     .blk_content{
		padding-bottom:0;
     }
	.button_holder{
		position:relative;
		margin-top:15px;
	}
	
	.btn_galerija_dark{
		line-height: 50px;
		height:50px;
	}
	
	.blk_content{
		height:100%;
	}
	
	.mod_headlines{
		color:#2E5F97;
		font-size: 24px;
		
	}
	
	#wrapper_header{
		border:none;
		background-color: #000;
	}
	#wrapper_header_inner{
		position:relative;
		border: none;
	}
	
	#header_one{
	width: 100%;
	}
	
	.margin{
		margin-top:0;
	}
	
	.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%;
	}
	
	
	#news_block_one .block_header,
	#news_block_two .block_header,
	#news_block_three .block_header,
	#news_block_one_spec .block_header,
	#news_block_two_spec .block_header,
	#news_block_three_spec .block_header,
	#news_block_four_spec .block_header,
	#block_one .block_header,
	#block_two .block_header,
	#block_three .block_header,
	#block_four .block_header,
	#block_five .block_header,
	#block_six .block_header,
	.block_header{
		background-position: center top;
/* 		height: 195px; */
	}

	#news_block_one,
	#news_block_two,
	#news_block_three,
	#news_block_four,
	#news_block_one_spec,
	#news_block_two_spec,
	#news_block_three_spec,
	#news_block_four_spec,
	#jedinice_block_one,
	#jedinice_block_two,
	#jedinice_block_three,
	#jedinice_block_four,
	.spec_jed_promo_block_content_up_left_block ,
	.spec_jed_promo_block_content_up_right_block{
		width:98%;
        margin:3% 1% 0 1%;
	}
	#block_one, #first_cat_news{
        width:98%;
        margin:3% 1% 0 1%;
    }
    
    #block_two, #second_cat_news{
         width:98%;
       	margin:3% 1% 0 1%;
    }
    
    #content_holder_konkursi_spec_jed_konkursi #content_blocks_news{
		/* padding:0; */
    }

	.contetn_blocks_flex {
		flex-direction: column;
	}

    #block_three,
    #block_four,
    #block_five,
    #block_six{
         width:98%;
        margin:3% 1% 0 1%;
    }
    
    
	#content_project_blocks .block_content_three{
		width:48%;
	}
    
    /*Unutrasnje strane*/
    #content_text{
		width:100%;
    	clear:both;
    }
    
	.archive_item_istorija{ 
 		width:48% !important;
		margin-bottom: 30px; 
 	}
 	
	.view-first h2{
		padding-top:20px;
 	}
 	
 	#content_konkursi_video_spotovi{
		height:auto; 
 	}
    
	.video_holder_konkursi_spec_jed {
		width: 100%;
	}
	
	.spec_jed_promo_block_content_up_right_block,
	.spec_jed_promo_block_content_up_left_block{
		height: 250px;
	}
	
	.konkursi_holder_flex {
		flex-direction: column;
	}
	
	.konkursi_flex_item{
		width:98% !important;
        margin:3% 1% 0 1%;
	}
	
	.block_item_info{
		border-bottom: solid 2px gray; 
		padding-bottom: 20px;
	}
	
	.block_item_info .mod_headlines{
		font-size: 20px;
	}
}

 @media only screen and (max-device-width : 720px) 
 { 
	.fotografija_holder{
		display:none;
	}
	
	.fotografija_holder_mobile{
		display:block;
	}
 }

/*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)
{
	#font_increase{
		display: none;
	} 

	#languages{
		display: none;
	}
	
	#responsive_languages{
		display: inline-block;
		right: 200px
	}
	
	.search_holder{
		right:260px;
	}

.video_item{
	width:96%;
   	clear:both;
   	padding:2%;
	margin: 0;
   }
.yt_video_clip iframe{
	width:100%;
	height:300px;
}   

.btn_vek_junaka {
    width: 100%;
	margin: 2px 0;
}

.video_clip_caption,
.video_download_and_size_button,
.video_date{
	padding:0;
}
   
/*ZA STRANU ZA PRIKAZ VESTI*/
	.content_types{
		display:none;
	}
    .hidden_news_date
	{
		display:block;	
	}
	.archive_news{
		width:100%;
	}
	
	.news_text{
		width:100%;
	}
	.archive_news_image{
		width:100%;
	}
	
	.search_results_image {
	display: none;
	}
	
	#content_three{
		height: auto;
		padding-bottom: 20px;
	}

}

/* @media only screen and (max-device-width : 650px){ */
	
/* 	#footer_block_one, */
/* 	#footer_block_two, */
/* 	#footer_block_three */
/* 	{ */
/* 		  width:98%; */
/*         margin:3% 1% 0 1%; */
/* 	} */
	
/* 	#content_footer_links .blk_content{ */
/* 		padding-bottom: 0px;; */
/* 	} */
	
/* } */

/* @media only screen and (max-device-width : 600px) and (orientation: portrait){
	#wrapper_footer, #wrapper_content, #wrapper_header{
		overflow-x:hidden
		}
} */

@media only screen and (max-device-width : 600px){
	
	/*Fix za iOS kako bi se onemogucio elastic scrolling po horizontali */
	html,
	body {
	  height: 100%;
	  width: 100%;
	  overflow: auto;
	}
	/*****/
		
	#content_values{
		background-position:-980px -150px;
	}
	
	#sb_one,#sb_two,#sb_three,#sb_four,#sb_five,#sb_six,#sb_seven,#sb_eight, 
	#content_counter_blocks .block_content_two
	{	
        width:46.384%;
        margin-left:2.016%;
        margin-right:1.404% ;
    }
    
	.site_caption{
	font-size: 18px;
	}
	
	.landing_page_cover_photo_desktop{
		display:none;
	}

	.landing_page_cover_photo_mobile{
		display:block;
	}

	.archive_ko_je_ko_image{
		width: 27%; 
	}
	
	.archive_ko_je_ko_text{
		width: 69%; 
	}

}

/*Blokovi - iz 2 u po 1 u redu
* Nestajanje naslova sajta
*/
@media only screen and (max-device-width : 480px)
{
	#footer_block_one, #footer_block_two, #footer_block_three, #footer_block_four, #footer_block_five, #footer_block_six{
		width:98%;
		margin:3% 1% 0% 1%;
	}

	.search_holder{
		display:none;
	}
	.search_holder_responsive{
		display:block;
		width:100%;
		height:40px;
		background: #131D5A;
	}
	
	#header_search_form{
		width:100%;
		margin-left:14px;
		background: 
	}
	#search_input_holder{
		width:88%;
	}
	#header_search_form #search_input{
		height:20px;
		border:3px solid white;
		background: white;
		color:#2e5f97;
		width:100%;
	}

	#header_search_form .icon, #header_search_form .submit {
		right:0px;
		top:5px;
	}

	.site_caption{
		font-size: 16px;
		left:100px;
		top:40px;
		width: 210px;
	}
	
	#logo img{
		width: 80%;
	}
	
	#logo{
		top:10px;
	}

	#content_values{
		background-position:-1050px -150px;
	}
	
	#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%;
    }

	#content_project_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.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%;
    }
    
	#form_arhiva_search{
		width:100%;
	}
	
	.archive_item_istorija{ 
 		width:98% !important; 
 	}
 	
	.view-first h2{
		padding-top:40px;
 	}
 	
 	.block_content_five,
 	#block_one_iz_medija,
 	#block_two_iz_medija{
		width: 98% !important;
 		margin: 0 1% !important;
 	}
 	
	#slider_box_inner {
		font-size: 3.3em;

	}
	
	.promo_baner_desktop{
		display: none;
	}
	
	.promo_baner_mobile{
		display: block;
	}
	
	
}

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

/* 	#header_search_form #search_input{ */
/* 	width:75px; */
/* 	} */
	
/* 	#header_search_form{ */
/* 	width: 120px; */
/* 	text-align: right; */
/* 	} */
	
#languages.navi li, #languages.navi li a, #languages.navi li a:visited{
		font-size:11px;
    }
	
}

/*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){
	#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 */
}