#pocetna_video img{width:50%; margin-top:10%; height:75%; object-fit:contain; object-position:right; float:left }
#pocetna_video img+figcaption{display:flex; align-content:center; justify-content:flex-start; flex-wrap:wrap;
								font-size:1em; margin:0; padding:0; user-select:none;
								height:100%; float:left; width:20%; line-height:1em; text-align:left; 
								box-sizing:border-box; padding-left:.5em; padding-top:10%;
								cursor:default; font-family:alegreya, sans-serif; color:black; z-index:999;
								position:static; text-shadow:none; opacity:0; transition:1s ease-in; font-size-adjust:.5;}
		#pocetna_video img+figcaption h1{width:100%; height:auto; text-align:left; margin-bottom:0.25em}		
.webshop_artikli_container:before{display:block; content:''; clear:both; height:.5em; width:100%; 
					background-image:url(/slike/header-crta.svg); background-size:auto 100% ;
					background-position:top;  margin-top:-.25em; margin-bottom:4em; }					
	section{width:100%; height:auto; background-color:#F7F5EF; box-sizing:border-box; 
				padding:0 calc(50% - 30em); padding-top:8em;clear:both}						
		section figure, section:first-of-type figure{width:50%; height:26em; float:left; box-sizing:border-box; margin:0; padding:0}						
			section figure img, section:first-of-type figure img{width:40%; height:100%; float:left; object-fit:contain; object-position:center }						
			section figure figcaption, section:first-of-type figure figcaption{width:60%; padding:1em; margin:0; 
										box-sizing:border-box; 
										float:left; display:flex; justify-content:flex-start; align-content:flex-end; flex-wrap:wrap }						
				section figure figcaption h1{text-align:left; width:100%; margin-bottom:0em; font-size:2.25em }						
				section figure figcaption p{margin:0.25em; width:100% }						
				section figure figcaption button{width:20%; margin:1.5em 1%; margin-bottom:0; height:auto; padding:0.5em; 
													padding-top:3.7em; background-size:auto 3em; 
													background-position:50% .5em; background-repeat:no-repeat; float:left; display:block;
													box-sizing:border-box; background-color:white; border:.1em solid #14693C }
				section figure figcaption button:nth-of-type(1){background-image:url('/slike/webshop_slider_1.svg')}													
				section figure figcaption button:nth-of-type(2){background-image:url('/slike/webshop_slider_2.svg')}													
				section figure figcaption button:nth-of-type(3){background-image:url('/slike/webshop_slider_3.svg')}													
				section figure figcaption button:nth-of-type(4){background-image:url('/slike/webshop_slider_4.svg')}													
				section figure figcaption button:disabled{filter:grayscale(100%)}													
				section figure figcaption button:hover{color:#14693C}
		.slider {width:50%; height:26em; float:left; box-sizing:border-box; margin:0; padding:0; overflow:hidden; background-color:white;
				box-shadow:0 0 1em white; border-radius:.5em}		
			.slider_container{width:400%; height:100%; box-sizing:border-box; transition:.5s;}		
			.slider .proizvod{width:25%; height:100%; box-sizing:border-box; float:left; padding:1em}			
				.slider .proizvod img{width:auto; max-width:50%; height:100%; box-sizing:border-box; object-fit:contain; object-position:bottom right; }		
				.slider .proizvod figcaption{width:50%; box-sizing:border-box; height:21em; 
											flex-wrap:wrap; display: flex; align-content: flex-end; align-items: flex-end;}		
					.slider .proizvod figcaption p{margin:0.25em 0 }		
					.slider .proizvod figcaption p:first-of-type{font-weight:bold; font-size:1.5em; padding:0; margin:0 }	
					.slider .proizvod figcaption input{margin:0; margin-top:1em; padding:.5em; width:6em; height:3em; border:.1em solid #14693C; 
													float:none; box-sizing:border-box; margin-right:4em  }	
					.slider .proizvod figcaption input:hover, .slider .proizvod figcaption input:active{color:#14693C }	
					.slider .proizvod figcaption button{margin:0; margin-top:1em; padding:.5em; width:auto; height:2em; clear:left; float:none;
														background-image:url(/slike/header-kosarica.svg); background-repeat:no-repeat; padding-bottom:1.75em;
														background-position:0.5em 50%; background-size:auto 50%; font-size:.8em; 
														padding-left:2em; display:block; transition:.5s}
					.slider .proizvod figcaption button:hover{background-color:#14693C; color:white}
/* KOŠARICA */
.kosarica{position:fixed; width:100vw; height:100vh; background-color:rgba(247,245,239,0.95);
					top:-100vh; left:0; z-index:30000; transition:.5s; background-size:contain;
					background-position:center; background-repeat:no-repeat; padding:0}
		#kosarica_samo_za_procesiranje{display:none}
		#kosarica_body{width:100%; height:calc(100% - 2em); box-sizing:border-box; padding:0em calc(50vw - 25em); 
					display:flex; align-content:center; justify-content:center; flex-wrap:wrap;  overflow-y: auto;}
			#kosarica_body h2{width:100%; height:auto; font-size:2em; color:#14693C; padding:0em; 
								margin:0; text-align:center; margin-bottom:.75em; }
				#kosarica_body h2>img{display: inline; height: .8em !important; margin-right:.2em;}				
			#kosarica_body p{text-align:center; width:100%;}					
			#kosarica_body table{width:100%; clear:left; height:auto; border:none; }
			#kosarica_body table span{color: #14693C; user-select:none}
			#kosarica_body a{color:black; text-decoration:none }
			#kosarica_body a:hover{color:#14693C }
			#kosarica_body input[type=text], #kosarica_body select{padding:.5em; margin-left:.5em; border-radius:0; border:.1em solid #14693C;
														width:auto; min-width:20em}
				#kosarica_body table thead tr{width:100%;}
					#kosarica_body table thead tr th{padding:.5em; border-bottom:.1em solid #14693C;text-align:center }
					#kosarica_body table thead tr th:FIRST-OF-TYPE{text-align:left }
					#kosarica_body table tbody tr td, #kosarica_body table tfoot tr td{text-align:center; padding:.5em }
					#kosarica_body table tbody tr td:FIRST-OF-TYPE{text-align:left }
					#kosarica_body table tbody tr:nth-of-type(even) td{background-color:rgba(255,255,255,0.35)}
					#kosarica_body table tfoot tr:FIRST-OF-TYPE td{border-top:.1em solid #14693C;}
					#kosarica_body table tfoot button{padding:.5em; background:none; font-size:1em; border:.1em solid #14693C; 
													width:auto; height:auto; transition:.5s; float:right; margin:0 .25em}
					#kosarica_body table tfoot button:hover{color:white; background-color:#14693C}								
			#kosarica_body form:before{display:none}
			#kosarica_body form{ background-color:rgba(0,0,0,0)}
		.kosarica button{width:100%; clear:left; height:2.5em; cursor:pointer; border:none; 
						background-image:url(/slike/galerija_zatvori.svg); background-size:auto 2em; transition:.25s;
						background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0);}
		.kosarica button:hover{background-size:auto 2.5em;}
/* -----------------------------------MOBITEL VERZIJA --------------------------------------- */
@media only screen and (max-width: 70em) { 
#pocetna_video{height:auto; }
#pocetna_video img{width:100%; margin-top:0%; height:40vh; object-fit:contain; object-position:center; float:none }
#pocetna_video img+figcaption{display:block; height:auto;
								width:100%; line-height:1em; text-align:center; 
								padding:1em; padding-top:2em; font-size-adjust:.5; overflow:hidden}
		#pocetna_video img+figcaption h1{width:100%; height:auto; text-align:center; margin-bottom:0.25em; }							
	section{padding:0 5vw; padding-top:5em;clear:both}						
		section figure, section:first-of-type figure{width:100%; height:auto; float:none; }						
			section figure img, section:first-of-type figure img{width:30%; max-height:14em; height:100%; float:left; }						
			section figure figcaption, section:first-of-type figure figcaption{width:100%; padding:0; padding-left:0.5em; margin:0; 
										box-sizing:border-box; height:auto;	float:left; display:block; margin-left:-30%;  }						
			section figure>figcaption, section:first-of-type figure>figcaption{ }	
				section figure figcaption h1{padding-left:31%; text-align:left; width:100%; margin-bottom:0em; font-size:2em; box-sizing:border-box }						
				section figure figcaption p{padding-left:31%; margin:0.25em 0; width:100%;box-sizing:border-box;min-height:11.5em;  }						
				section figure figcaption button{width:23%; margin:1em 1%; height:auto; padding:0.5em; 
													padding-top:3.7em; background-size:auto 3em; 
													background-position:50% .5em; background-repeat:no-repeat; float:left; display:block;
													box-sizing:border-box; background-color:white; border:.1em solid #14693C }
				section figure figcaption button:nth-of-type(1){background-image:url('/slike/webshop_slider_1.svg'); clear:left}													
				section figure figcaption button:nth-of-type(2){background-image:url('/slike/webshop_slider_2.svg')}													
				section figure figcaption button:nth-of-type(3){background-image:url('/slike/webshop_slider_3.svg')}													
				section figure figcaption button:nth-of-type(4){background-image:url('/slike/webshop_slider_4.svg')}													
				section figure figcaption button:disabled{filter:grayscale(100%)}													
				section figure figcaption button:hover{color:#14693C}
		.slider {width:100%; height:auto; float:none; }		
			.slider_container{}		
			 .slider .proizvod{}		
			 .slider .proizvod:first-of-type{ }		
				 .slider .proizvod img{width:auto; max-width:50%; max-height:20em; float:left; margin:0; object-position:top right }		
				 .slider .proizvod figcaption{width:auto; max-width:50%; height:100%; padding:0; padding-left:1em; padding-top:.5em; float:left; margin:0; box-sizing:border-box}		
					 .slider .proizvod figcaption p{margin:0.25em 0; padding:0; min-height:0; }		
					 .slider .proizvod figcaption p:first-of-type{font-weight:bold; font-size:1.5em; padding:0; margin:0 }	
					 .slider .proizvod figcaption input{margin:0; margin-top:1em; padding:.5em; width:6em; height:3em; border:.1em solid #14693C; 
													float:none; box-sizing:border-box; margin-right:4em  }	
					 .slider .proizvod figcaption input:hover, .slider .proizvod figcaption input:active{color:#14693C }	
					 .slider .proizvod figcaption button{margin:0; margin-top:1em; padding:.5em; width:auto; height:2em; clear:left; float:none;
														background-image:url(/slike/header-kosarica.svg); background-repeat:no-repeat; padding-bottom:1.75em;
														background-position:0.5em 50%; background-size:auto 50%; font-size:.8em; 
														padding-left:2em; display:block; transition:.5s}
					 .slider .proizvod figcaption button:hover{background-color:#14693C; color:white}
/* KOŠARICA */		
			#kosarica_body table{clear:left; height:auto; border:none; display:block; margin: 0 auto; width: auto; }
			#kosarica_body table span{color: #14693C; user-select:none}
			#kosarica_body a{color:black; text-decoration:none }
			#kosarica_body a:hover{color:#14693C }
			#kosarica_body input[type=text], #kosarica_body select{min-width:10em}
				/*#kosarica_body table thead, #kosarica_body table tbody, #kosarica_body table tfoot{width:100% !important; max-width: 100% !important;}*/
				/*#kosarica_body table thead tr{width:90vw; max-width:90vw; }
					#kosarica_body table thead tr th{padding:.5em; border-bottom:.1em solid #14693C;text-align:center; word-break:break-word }
					#kosarica_body table thead tr th:FIRST-OF-TYPE{text-align:left }
					#kosarica_body table tbody tr td:FIRST-OF-TYPE{text-align:left }
					#kosarica_body table tbody tr td{word-break:break-word }
					#kosarica_body table tbody tr:nth-of-type(even) td{background-color:rgba(255,255,255,0.35)}
					#kosarica_body table tfoot tr:FIRST-OF-TYPE td{border-top:.1em solid #14693C;}
					#kosarica_body table tfoot button{padding:.5em; background:none; font-size:1em; border:.1em solid #14693C; 
													width:auto; height:auto; transition:.5s; float:right; margin:0 .25em}
					#kosarica_body table tfoot button:hover{color:white; background-color:#14693C}	*/							
			#kosarica_body form:before{display:none}
			#kosarica_body form{ background-color:rgba(0,0,0,0)}
}