@charset "utf-8";
/* CSS Document */


.header_home{
			position:fixed;
			top:0px; width:100%;
			z-index:300;
			
}
	.header_home .main_menu_btn{
			font-family: 'avenir_next_lt_prodemi', sans-serif;
			color: #4B3F41;
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 2px;
			word-wrap: break-word;
			display:block;
			text-decoration:none;
			text-transform:lowercase;
			
			padding:10px;
			transition:0.3s;
					
	}
	
	.header_home .main_menu_btn:hover{
		color: #d47a7e;
		
	}
	
	.header_home .main_menu_btn_active{
			color: #d47a7e;
			font-family: 'avenir_next_lt_probold', sans-serif;
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 2px;
			word-wrap: break-word;
			display:block;
			text-decoration:none;
			text-transform:uppercase;
			
			padding:10px;
			transition:0.3s;
					
	}
	
	.header_home .main_menu_btn_active:hover{
		color: #4B3F41;
		
	}
	
	.header_home .menu_fld {
	  display: flex; /* Aktivira Flexbox */
	  justify-content: space-between; /* Raspoređuje stavke ravnomerno */
	  padding: 0;
	  margin: 0;
	  list-style: none; /* Uklanja markere ako je u pitanju <ul> */
	  
	  border-radius:16px; width:100%;
	}
	
	
	.header_home .menu_btn{ 
		flex: 1; /* Svaka stavka zauzima jednaku širinu */
  		text-align: center; /* Centriranje teksta u okviru stavke */
  		text-decoration: none; /* Uklanja podvlačenje linkova */
  		padding: 10px 0; /* Prostor oko teksta */
  	  	color: #fff;
		background-color:transparent;
		font-size: 14px;
		font-family: 'avenir_next', sans-serif;
		letter-spacing:2px;
		font-weight:400;
		padding:10px 20px; 
		text-shadow: 0px 0px 1px rgba(255,255,255,0.5);
		text-transform: uppercase;
		
		transition:0.5s;
	}
	
		.header_home .menu_btn:hover{ color:#f9d7d6; }
		
	.header_home .menu_btn_active{ 
		flex: 1; /* Svaka stavka zauzima jednaku širinu */
  		text-align: center; /* Centriranje teksta u okviru stavke */
  		text-decoration: none; /* Uklanja podvlačenje linkova */
  		padding: 10px 0; /* Prostor oko teksta */
  	  	color: #4B3F41;
		background-color:#fcf4f4;
		font-size: 14px;
		font-family: 'avenir_next', sans-serif;
		letter-spacing:2px;
		font-weight:400;
		padding:10px 20px; 
		text-shadow: 0px 0px 1px rgba(255,255,255,0.5);
		text-transform: uppercase;
		
		transition:0.5s;
	}
		
		/*MOB*/
		.header_home_mob{ position: fixed; 
							width:100%;
							top: 0;
	  						z-index: 1000;
  			}
		
		.header_home_mob .main_btn_mob{
				color: #4B3F41;
				font-size: 14px;
				font-family: 'avenir_next_lt_prodemi', sans-serif;
				font-weight: 500;
				letter-spacing: 0px;
				word-wrap: break-word;
				display:block;
				text-decoration:none;
				text-transform:lowercase;
				background-color:#f9d7d6;
				
				border-bottom-left-radius: 16px;
  				border-bottom-right-radius: 16px;
				
				padding:10px 0px;
				padding-top:8px;
				transition:0.3s;
				width:100%;
						
		}
		
		.header_home_mob .main_btn_mob:hover{
			color: #fff;
			background-color:#d47a7e;
		}
		
		.header_home_mob .main_btn_mob_active{
				color: #d47a7e;
				font-size: 12px;
				font-family: 'avenir_next_lt_probold', sans-serif;
				letter-spacing: 1px;
				word-wrap: break-word;
				display:block;
				text-decoration:none;
				text-transform:uppercase;
				background-color:transparent;
				
				border-bottom-left-radius: 10px;
  				border-bottom-right-radius: 10px;
				
				padding:10px 8px;
				padding-top:6px;
				margin-left:5px;
				transition:0.3s;
						
		}
		
		.header_home_mob .main_btn_mob_active:hover{
			color: #fff;
			background-color:#4B3F41;
		}
		
		
		.header_home_mob .menu-wrapper {
		  overflow: hidden; height:40px;
		}
		
		.header_home_mob .mob_menu_fld{
				display: flex;
				  overflow-x: scroll;
				  white-space: nowrap;
				  -webkit-overflow-scrolling: touch; /* za bolji scroll na iOS uređajima */
				  scrollbar-width: none; /* Firefox */
				  
  					-ms-overflow-style: none; /* IE i Edge */
					
					padding-bottom:10px;
					/*padding-top:2px;*/
					
			
		}
		
		.header_home_mob::-webkit-scrollbar{
			display: none; /* Chrome, Safari, Opera */
		}
		
		.header_home_mob .mob_menu_btn{
		  flex: 0 0 auto; /* sprečava da dugmad "upadnu" u novi red */
		  margin: 0 5px;
		  padding: 12px 20px;
		  font-size: 14px;
		  text-decoration:none;
		  text-transform:uppercase;
		  letter-spacing:1px;
		  
		  color: white;
		  border: none;
		  border-radius: 20px;
		  cursor: pointer;
		  white-space: nowrap;
		}
		
		.header_home_mob .mob_menu_btn_active{
		  flex: 0 0 auto; /* sprečava da dugmad "upadnu" u novi red */
		  margin: 0 5px;
		  padding: 12px 36px 12px 36px;
		  font-size: 14px;
		  text-decoration:none;
		  text-transform:uppercase;
		  letter-spacing:1px;
		  
		  
		  color: #4B3F41;
		  border: none;
		  border-radius: 0px;
		  cursor: pointer;
		  white-space: nowrap;
		}
		
		
		.header_home_mob .logo_mob{
			width:70px;
			height:auto; 
			position:relative;
			left:10px;
		}
		
		.header_home_mob .heder_buttons{
			 font-size:0px; position:relative; padding-left:16px; padding-right:16px; background-color:transparent;
		}
		
		
		
		.header_home .katalog_cat_btn{ font-size:14px; text-transform:uppercase; display:block; padding:0px 4px; padding-bottom:7px; text-decoration:none;  }
		.header_home .katalog_subcat_btn{font-size:13px; display:block; text-decoration:none; padding:3px 0px; padding-left:5px; }
		
		
		@media only screen and (max-width:980px){
			
			
		}
		
		
		@media only screen and (max-width:750px){
			
			.header_home_mob .main_btn_mob_active{ letter-spacing:0px; padding:10px 0px; }
			
		}
		
		@media only screen and (max-width:490px){
			
		}
		
		@media only screen and (max-width:325px){
			
			
			.header_home_mob .main_btn_mob{ padding:10px 0px; font-size:12px; padding-top:6px; }
			.header_home_mob .main_btn_mob_active{ font-size:10px; padding-top:8px; }
			
		}