html  {height: 100%;box-sizing: border-box;}


*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
  
 a.cart-summary	{color: black;  text-decoration:none;}
 
a.cart-summary .cart-icon	{
	  transition: background-color 0.5s linear;
	/*background-color: black;*/
 }
 
 a.cart-summary:hover .cart-icon	{
	background-color: black;
 }

/* --- obsahové styly ------------------------------- */
.slp {display: flex; flex-wrap: wrap;   justify-content: space-between; align-items: flex-start;}
.slp2 > div {width: 47%;}
.slp3 > div {width: 31%;}

@media only screen and (max-width: 1000px) {
 .slp2 > div {width: 100%;}
.slp3 > div {width: 100%;}
}

/* --- login form ------------------- -------------------------- */
noscript	{display: none;}
#system-message	{display: none;}
.obsahy_prepinaci > div	{display: none;}
.obsahy_prepinaci > div.vybrany	{display: block;}

.pol_form	{display: flex; justify-content: center; /*align-items: center;*/ flex-wrap: wrap;}
.pol_form_hodnota	{padding: 1rem; }
.pol_form_hodnota input	{width: 270px;}


.pol_form_hodnota.spec	{padding: 1rem 1.5rem 3rem 1.5rem; position: relative; }
.pol_form_hodnota.spec input	{display: block;}
.pol_form_hodnota.spec label.error	{width: 100%; position: absolute; text-align: center; display: block; left: 0px;}

@media (max-width: 1200px) {
    .pol_form_hodnota input	{width: auto; max-width: 270px;}
}

input	{margin: 0px;}

.login label.error	{color: white;}

.slider-container-first	{
	background: #92cc2e;
    border-radius: 25px;
    width: 100%;
    aspect-ratio: 3/1;
	overflow: hidden;
}

.com-users-reset, .reset-confirm , .reset-complete	{
	margin-top: 10px;
	text-align: center;
    background: #92cc2e;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: auto;
    max-width: 100%;
    height: 100%;
    padding: 1rem;
	color: white;
	margin-bottom: 20px;
}

.com-users-reset fieldset , .reset-confirm	 fieldset , .reset-complete  fieldset {text-align: center; border: 0px;}

.com-users-reset input, .reset-confirm input, .reset-complete input	{display: inline-block; border: 0px;}

.com-users-reset  .control-group, .reset-confirm .control-group, .reset-complete  .control-group	{padding: 10px 0px;}

.com-users-reset .form-control-feedback, .reset-confirm .form-control-feedback , .reset-complete  .form-control-feedback	{color: black;}

.btn-secondary	{background: #888888; padding: 4px 6px;}
.btn-secondary:hover	{background: black;}

.main_limit {text-align:left;position:relative; max-width: 1200px; margin: auto; margin-top: 0px;}
@media (max-width: 1200px) {
    .main_limit {width: 95%;}
}

.slider-text-nad	{
	position: absolute;
	z-index: 10;
}

.slider-text-nad h1	{
	font-size: 20px;
    color: #fff;
    margin: 2rem 2rem 0;
}
.slider-text-nad h2	{
	font-size: 100px;
    color: #fff;
    margin: 2rem 2rem;
}

.slider-text-nad .order-btn	{
	
	font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: none;
    background: #080809;
    border-radius: 50px;
    border: 0;
    padding: 14px 30px;
    margin: 2rem 2rem 0;
	
}


.uk-scope .uk-card-default {
    
    box-shadow: none !important;
	        background: #f1f1f1;
        border-radius: 25px;
}

.validation-advice, label.error	{color: #8bcd23; font-weight: 400; font-size: 18px;}
.validation-advice a, label.error a	{color: black;}
.celkem_uplny	{text-align: center;}
.celkem_uplny > div	{padding: 35px 0px;}

.login .validation-advice, .login a	{color: white;}


.item-page > .login	{padding-bottom: 3em;}

.skryte	{display: none;}


.uk-scope .uk-dotnav>*>*	{
    font-size: 0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: #fff;
    padding: 0;
    margin: 0;
	background-color: #fff !important;
}

.uk-scope .uk-dotnav>.uk-active>*	{
    background-color: #92cc2e !important;
}

#best .uk-scope [data-uk-cover]:where(img,video), #best .uk-scope [uk-cover]:where(img,video)	{
	
	object-fit: contain;
}

#best .uk-scope .uk-card-default {
    
    box-shadow: none !important;
	        background: transparent;
        border-radius: 25px;
}

/*
#best .uk-first-column	{
	position: relative; 
	width: 50%;
		height: 100%;
}


*/

#best .uk-first-column	.uk-text-left {

	
}

#best .uk-first-column	.uk-text-left .uk-switcher	{
	
	background: #f1f1f1;
        border-radius: 25px;
		width: 120%;
		height: 180%;
		padding: 140px 80px 140px 40px;
	
}

@media (max-width: 1200px) {
   #best .uk-first-column	.uk-text-left .uk-switcher	{
	
	background: #f1f1f1;
        border-radius: 25px;
		width: 100%;

		padding: 40px;
	
	}
}


#best::after	{bottom: -40px;}
#best .uk-scope .uk-dotnav {margin-right: 15px;}


.social i {margin: 0.4em;color:#000000;font-size:2em}



 /* Popover */
.popover {
  border: 2px dotted #92cc2e;
  padding: 10px;
  width: 500px;
  max-width: 100%;
  z-index: 100;
  background: white;
  font-size: 12px;  
}

h3.popover-header	{
	font-family: 'DINNextRoundedLTPro-Light', sans-serif; font-size: 14px;
}

p {margin: 1em 0 1em 0;}



/*
footer .newsletter-content > .newsletter	{
	padding-left: 0px !important;
}
*/

body	{
	min-height: 100%;
	display: flex;
	
	flex-direction: column;
	align-content: space-between;
	}



@media (max-width: 1200px)	{
	
	#slider-first .uk-scope	{
		height: 100%;
	}
	
	#slider-first .uk-scope .uk-slideshow, #slider-first .uk-scope .uk-position-relative	{
		height: 100%;
	}
	
	#slider-first .uk-scope .uk-slideshow-items	{
		height: 100%;
		aspect-ratio: inherit;
	}
	
	.slider-text-nad > div 	{
		position: relative;
	}    
	
	.slider-text-nad > div h2	{
		font-size: 60px;
	}
	
	.slider-text-nad > div h1	{
		position: absolute;
		font-size: 20px;
		display: block;
		width: 100%;
		text-align: center;
		top: 25%;
		margin: 0px;
	}
}

header.desktop nav ul li.item-157	{padding-left: 0px;}
header.desktop nav ul li.item-157::before	{display: none;}

.week-switch label	{text-align: center;}

.auth.desktop	{margin-bottom: -25px; z-index: 101; background: transparent; margin-top: 5px;}

.auth.desktop  > div	{display: flex; gap: 15px;}

body.header	{}

main a {color: #92cc2e;}

.button	{cursor: pointer;}


select		{
	
	font-size: 16px;
    font-weight: 700;
    color: #080809;
    text-transform: none;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 14px 0;
    margin: 0rem auto;
    display: block;
    cursor: pointer;
	width: 270px;
	
	
}

input[readonly]	{opacity: 0.6;}

    

/* ============= newsletter ================================ */	
	.newsletter .acym_module_form	{display: flex; gap: 1rem;}
	
	
	
	        
	
	
	.newsletter .acysubbuttons, .newsletter .onefield	{padding: 0px; margin: 0px;}
	.newsletter .acym_module_form input	{
			
			font-size: 16px;
			font-weight: 700;
			color: #fff;
			text-transform: inherit;
			background: transparent;
			border: 2px solid #8bcd23;
			border-radius: 50px;
			padding: 14px 30px;
			width: auto;
			max-width: none;
		}

	.newsletter .acym_module_form input.button {	
		font-size: 16px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
		background: #8bcd23;
		border: 2px solid #8bcd23;
		border-radius: 50px;
		padding: 14px 30px;
		margin: 0;
	}
	
	@media (max-width: 1200px)	{
		.newsletter .acym_module_form	{
			display: grid;
			grid-template-columns: 1fr;
			gap: 1rem;
			width: 100%;
			max-width: 90%;
			margin: 2rem 5%;
			padding-bottom: 5%;}
			
		.newsletter .acym_module_form input	{
			width: 100%;
			background: rgba(0,0,0,0.7);
		}
		
		footer .footer-content .newsletter-content .newsletter p.acysubbuttons	{padding: 0px; margin: 0px; max-width: 100%;}
		
	}

	.acym__field__error__block__active	{
		display: block;
	}
	.onefield .acym__field__error__block	{background: transparent; color: #8bcd23; width: auto; border: 0px solid white;}

	.acym_invalid_field {
		border: 1px solid #8bcd23 !important;
		background: transparent !important;
	}

	div.acym_module_success {
		color: #130;
		background-color: #dfc;
		padding: 1em !important;
		z-index: 10;
		margin-bottom: 10px;
	}
	
	div.acym_module_success	{
		border: 0px solid #8bcd23 !important;
		background: transparent !important;
		color: #8bcd23;
	}

/* --------------------------------------------------- */

/* ============= RS form ================================ */
#userForm , .login .auth-container .inform {
	text-align: center;
    background: #92cc2e;
    border-top-left-radius: 0;
    border-radius: 5px;
	margin-bottom: 2rem;
    width: auto;
    max-width: 100%;
    height: 100%;
    padding: 1rem;
}

#userForm .formControls	{max-width: 400px; margin: auto;}


#userForm input,  #userForm textarea	{
    font-size: 16px;
    font-weight: 700;
    color: #080809;
    text-transform: none;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    border: 0px solid rgba(0, 0, 0, 0.3);
    padding: 14px 0;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

#userForm .form-label 	{
    margin: 0.5rem 0rem 0rem 0rem;
}

#userForm button.rsform-submit-button {
font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    background: #080809;
    border-radius: 50px;
    border: 0;
    padding: 18px 50px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

#userForm button.login_but:hover	{color: black; background: white;}

#userForm .formError	{color: white; font-weight: 300; }
#userForm .formRed	{display: none;}

#userForm #Phone::placeholder {
  opacity: 0;
}

#userForm .iti__selected-country:hover	{background: transparent; box-shadow: none; hover-color: rgba(0,0,0,0)}

/* ------------------------------------------------------ */

.button2	{
    font-size: 16px;
    font-weight: 500;
    color: white;
    text-transform: none;
	background: rgba(0,0,0,0.3);
    border-radius: 50px;
    border: 0;
    padding: 14px 22px;
    display: inline-block;
    cursor: pointer;
}

.button2:hover	{
	background: rgba(0,0,0,0.5);
}

.inform h3	{padding-top: 20px;}
.alink	{cursor: pointer;}

.info_rozvoz	{/*color: #92cc2e;*/ border: 1px solid #92cc2e; padding: 15px; border-radius: 50px; margin-bottom: 15px; text-align: center;}

.info_rozvoz p	{max-width: 960px; margin: auto; padding: 5px 0px;}

main #days .days-buttons .day-button	{text-align: center; width: 120px; padding: 10px 0px !important; }
main #days .days-buttons .day-button span	{display: block; font-size: 12px; text-align: center;}

@media only screen and (max-width: 1200px) {
	main #days .days-buttons .day-button	{width: 200px;}
    main #days .days-buttons .day-button span { display: inline-block;  padding-left: 15px; font-size: inherit;}
	
	main #days .week-switch
	{
        display: flex;
        justify-content: center;
        align-items: center;
    }
	main #days .week-switch .switch {
        margin: 0px;
    }
}

.menicko .menu-item.vid0	{border: 1px solid #8bcd23; opacity: 0.5;}