/*==================================================*/

/* ZAČÁTEK barevná schémata */

/* =================================================*/

	:root, *::before, *::after {

		/* Tématika: Color Palette - Green 1 */

		--color_scheme_1_light-Primary:hsla(89, 20%, 61%, 1.0);			/* brand dominant #9CAF88 */

		--color_scheme_1_light-Primary_trans_1:hsla(89, 20%, 61%, 0.8); /* brand dominant #9CAF88 */

		--color_scheme_1_light-Primary_trans_2:linear-gradient(135deg, rgba(156, 175, 136, 0.7) 2%, rgba(203, 213, 192, 0.8) 90%); /* from brand dominant to brand comlement */

		--color_scheme_1_light-Secondary:hsla(89, 20%, 79%, 1.0); 		/* brand complement #CBD5C0 */

		--color_scheme_1_light-Terciary:hsla(90, 13%, 51%, 1.0);		/* support highlight, text #819171*/

		--color_scheme_1_light-Quaternary:hsla(91, 12%, 46%, 1.0); 		/* base natural dark, foreground, footer #758367 */

		--color_scheme_1_light-Quaternary_trans:hsla(91, 12%, 46%, 0.98);/* base natural dark, foreground, footer #758367 */

		--color_scheme_1_light-Quinary:hsla(95, 19%, 88%, 1.0); 		/* base natural light, background, body #DFE6DA */	

		--color_scheme_1_light-Senary:hsla(156, 67%, 12%, 1.0); 		/* base dark #0A3222 */	



		/* Tématika: Color Palette Green 2 */

		--color_scheme_2_light-Primary:hsla(119, 19%, 42%, 1.0); /* brand dominant #588157 */

		--color_scheme_2_light-Secondary:hsla(82, 20%, 62%, 1.0); /* brand complement #A3B18A*/

		--color_scheme_2_light-Terciary:hsla(131, 22%, 29%, 1.0); /* support highlight, text #3A5A40 */

		--color_scheme_2_light-Quaternary:hsla(150, 20%, 25%, 1.0); /* base natural dark, foreground, footer #344E41 */

		--color_scheme_2_light-Quaternary_trans:hsla(150, 20%, 25%, 0.8);/* base natural dark, foreground, footer #344E41 */

		--color_scheme_2_light-Quinary:hsla(46, 15%, 83%, 1.0); /* base natural light, background, body #DAD7CD */

		

		

		/* Tématika: Color Palette Green 3 */

		--color_scheme_2_light-Primary:#737B4C; /* brand dominant */

		--color_scheme_2_light-Secondary:#A2A569; /* brand complement */

		--color_scheme_2_light-Terciary:#6D712E; /* support highlight, text */

		--color_scheme_2_light-Quaternary:#D1D8BE; /* base natural dark, foreground, footer */

		--color_scheme_2_light-Quinary:#B0AA7E; /* base natural light, background, body */

		

		

		

		/* Notifikace */

		--color_scheme_1_light-Success_Brand:#9effce; /* brand notification */

		--color_scheme_1_light-Success_Support:#9effce; /* support notification */

		--color_scheme_1_light-Success_Neutral:#9effce; /* neutral notification */

		--color_scheme_1_light-Success_Text:#9effce; /* text notification */

		

		--color_scheme_1_light-Warning_Brand:#9effce; /* brand notification */

		--color_scheme_1_light-Warning_Support:#9effce; /* support notification */

		--color_scheme_1_light-Warning_Neutral:#9effce; /* neutral notification */

		--color_scheme_1_light-Warning_Text:#9effce; /* text notification */

		

		--color_scheme_1_light-Error_Brand:#9effce; /* brand notification */

		--color_scheme_1_light-Error_Support:#9effce; /* support notification */		

		--color_scheme_1_light-Error_Neutral:#9effce; /* neutral notification */

		--color_scheme_1_light-Error_Text:#9effce; /* text notification */

		

		

		/* Ostatní, záloha */

		--color_scheme_1_light-test:#9effce;  /* asdf */

		--color_scheme_1_light-test:#ffce9e;  /* asdf */

		--color_scheme_1_light-test:#ce9eff;  /* asdf */



		/* Stíny */

		--shadow_1:0px 0px 9px 0px rgba(0, 0, 0, 0.1); /* plain */

		--shadow_2:0 0 10px #000000; /* focus */

		

		--test1:hsla(300, 100%, 25.1%, 1);

		

		

		--black: #071011;

		--white: #fff;

		

		--clr0:#b8b8b8;

		--clr1:#fff;

		--clr2:#7CB9E8;

		--clr3:red;

		--clr4:#007Af3;

		--clr5:#e8ab7c;

		--clr6:#8bb7d9;

		--clr7:#778899;



	}

/* KONEC barevná schémata */





/*==================================================*/

/* ZAČÁTEK celkový vzhled */

/* =================================================*/

.background{

	position: relative;

    width: 100%;

	height: 250px;

	/*

	background-image: url(../_assets/img/background_0.jpg);

    background-repeat: no-repeat;

    background-size: cover;

	background-position:center center;

	*/

}

.background_video{

    width: 100%;

	height: 100%;

    position: absolute;

	bottom: 0;

    z-index: 0;

    overflow: hidden;

    object-fit: cover;

}



		body{

			margin: 0 auto;

			font-family: arial;

			/*

			background-color: var(--color_scheme_<?php echo $custom; ?>-Quinary);

			background: linear-gradient(90deg, #C7C5F4, #776BCC);		

			*/

		}

		header{

			/*

			background-color: var(--color_scheme_<?php echo $custom; ?>-Quaternary_trans);

			color:var(--white);

			*/

			

			display:flex;

			overflow:hidden;

			width: 100%;

			z-index: 1;

			position: relative;

			min-height: 8vh;

		}

		h1{

			margin:0;

		}

		ul{

			list-style: none;

			margin: 0;

			padding: 0;

		}

		a{

			text-decoration:none;

			color: inherit;

		}





		

		.wrap_navbar {

			padding: 1em 0 1em 1em;

		}

		.title{

			margin: 0 auto;

			padding: 0 0.5em 0 0.5em;

			display:flex;

			align-items: center;

			justify-content: center;

			text-align:center;

			color:var(--color_scheme_1_light-Secondary);

		    text-shadow: 2px 2px 2px var(--black);

			font-size: small;

			letter-spacing: 1px;

			font-family: 'Allura';

			line-height: 25px;

		}



		

		.title a {

			display: flex;

			align-items: center;

			justify-content: center;

		}

		

		.logo{

			display: flex;

			justify-content: center;

			align-items: center;

			margin: 0 0 0 0.8em;

			padding: 0.5em 0 0.5em 0;

		}

		.profile{

			width:50px;

			height:30px;

			border-radius: 50%;

			border: 1px solid var(--color_scheme_1_light-Secondary);

			position:relative;

			box-shadow: 0 0 10px #000000;

		}

		.logo_img{

		    width: 45px;

			z-index: 1;

			position: absolute;

			top: -4px;

			

		}

		

		.logo_svg_wrap{

			width:50px;

			height:50px;

			border-radius: 50%;

			border: 1px solid var(--color_scheme_1_light-Secondary);

			position:relative;

			box-shadow: 0 0 10px #000000;

			display: flex;

			justify-content: center;

			align-items: center;

		}

		.logo_svg_wrap:hover{

			box-shadow: var(--shadow_1);

			background-color: var(--color_scheme_1_light-Primary);

		}

		.logo_svg {	

			display: block;

			width: 35px;

			height: 35px;

			

			-webkit-mask: url(/_assets/icon/leaf-outline.svg) no-repeat center;

			mask: url(/_assets/icon/leaf-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

		}



		.actions{

			display: flex;

			flex-wrap: wrap;

			justify-content: center;

			align-items: center;

		}

		

		.action{

			font-size:xx-small;

			text-align:center;

			width:40px;

		    height: 30px;

			display: flex;

			align-items: center;

			justify-content: center;



		}

		.action:hover .navigation_icon{

			box-shadow: var(--shadow_1);

			background-color: var(--color_scheme_1_light-Primary);

		}

		.action .navigation_icon{	

			margin: 0 auto;

		}

		.action_text{

			margin-top: 0.5em;

			color: var(--color_scheme_1_light-Secondary);

		}

				

		.navigation_icon{

			width: 20px;

			height: 20px;

			border-radius: 50%;

			border: 1px solid var(--color_scheme_1_light-Secondary);

			position: relative;

			box-shadow: 0 0 10px #000000;

			display: flex;

			justify-content: center;

			align-items: center;

		}

		.icon_action_navi {

			-webkit-mask: url(/_assets/icon/compass-outline.svg) no-repeat center;

			mask: url(/_assets/icon/compass-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

		}

		.icon_action_call {

			-webkit-mask: url(/_assets/icon/call-outline.svg) no-repeat center;

			mask: url(/_assets/icon/call-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

		}

		.icon_action_text {

			-webkit-mask: url(/_assets/icon/mail-open-outline.svg) no-repeat center;

			mask: url(/_assets/icon/mail-open-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

		}

		.icon_action_foll {

			-webkit-mask: url(/_assets/icon/share-social-outline.svg) no-repeat center;

			mask: url(/_assets/icon/share-social-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

		}

		.icon_action_time {

			-webkit-mask: url(/_assets/icon/time-outline.svg) no-repeat center;

			mask: url(/_assets/icon/time-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

		}

		.icon_logo_inst {

			-webkit-mask: url(/_assets/icon/logo-instagram.svg) no-repeat center;

			mask: url(/_assets/icon/logo-instagram.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Senary);

		}		

		.icon_logo_face {

			-webkit-mask: url(/_assets/icon/logo-facebook.svg) no-repeat center;

			mask: url(/_assets/icon/logo-facebook.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Senary);

		}

		

		.title_text{

			text-align: center;

		    margin: 0;

			padding: 0.2em 0.2em 0.2em 0.2em;

	

		}

		.cas_razitko{

			text-align: center;

			font-size: x-small;

		}

		.cas_razitko_wrap{

			display:flex;

			align-items: flex-end;

			justify-content: center;

		}

		

		

		.hero {

			text-align: center;

			position: relative;

			z-index: 1;

			min-height: 25vh;

			margin: 8vh 10vh 0vh 10vh;

		}

		

		.hero .container{

			display:flex;

			display:none!important;

			/*

			align-content: space-between;

			flex-flow: column wrap;

			height: 100px;

			*/

		}

		

		.col_left, .col_right{

			min-width: 5em;

			opacity:0.99;

			-moz-border-radius: 5px;

			-webkit-border-radius: 5px;

			border-radius: 5px;

			font-size: 0.9em;

			box-shadow: var(--shadow_2);



		}

		

		.col_left{

			margin-right: auto;

		}

		.col_right{

			margin-left: auto;

		}

		

		.col_left .subhead, .col_right .subhead {

			font-weight: bold;

			font-size: 0.8em;

			letter-spacing: 0.1em;

			margin: 0.2em;

			padding: 0.5em;

			-moz-border-radius: 3px;

			-webkit-border-radius: 3px;

			border-radius: 3px;

			position: relative;

			box-shadow: var(--shadow_2);

			opacity: 0.85;

			min-height: 10vh;

			min-width: 5em;

		}

		

		.col_left h1, .col_right h1 {

			font-size: 2.0em;

			line-height: 1.3em;

			margin-top: .2em;

			margin-bottom: 0.5em;

			padding: 0em 1em 0em 1em;

		}

		

		.col_left .text, .col_right .text {

			text-align: left;

			padding: 0 1em 1em 1em;

		}

	







	

		

		.content {

			padding: 0em 1em 2em 1em;

			min-height: 500px;

			margin-top: 1em;

		}

	

		

		.boxes{

			margin: 1em auto;

			display:flex;

			gap: 1em;

			width:100%;

			overflow-x: auto;

			scroll-behavior: smooth;

			anchor-name: --boxes;

			scroll-snap-type: x mandatory;

			scroll-marker-group: after;

		}

		.boxes::scroll-marker-group{

			display:flex;

			justify-content:center;

			gap: 0.5em;

		}



		.boxes::-webkit-scrollbar{

			display:none;

		}

		.boxes::scroll-button(right){

			content: '→';

			width:30px;

			height:30px;

			border-radius:50%;

			cursor:pointer;

			position:fixed;

			position-anchor: --boxes;

			position-area: right center;

			translate:-50%;

		}

		.boxes::scroll-button(left){

			content: '←';

			width:30px;

			height:30px;

			border-radius:50%;

			cursor:pointer;

			position:fixed;

			position-anchor: --boxes;

			position-area: left center;

			translate:50%;

		}

		.boxes::scroll-button(right):disabled, .boxes::scroll-button(left):disabled{

			opacity: 0.5;

			cursor:auto;

		}



		.box::scroll-marker{

			content:'';

			height: 1em;

			width: 1em;

			background-color:red;

			border-radius:50%; 

		}

		.box::scroll-marker:target-current{

			background-color: var(--color_scheme_1_light-Quaternary);

		}



		.box{

			scroll-snap-align: start;

			flex: 0 0 20em;

			aspect-ratio: 5 / 3;

		}

		@media(max-width: 500px){

			.box{

				flex: 0 0 100%;

				display:flex;

				justify-content:center;

				align-items: center;

			}

			.box_inner{

				width: 90%;

			}

		}

		.box_inner{

			box-shadow: 0 0 10px #000000;

			border-radius:5px;

			height: 100%;

			color: var(--color_scheme_1_light-Secondary);	

			background:var(--color_scheme_1_light-Senary);

			margin: 0em 1.5em;

		}

		.box_inner h2{

			margin: 0em 0 0em 0;

			text-align: center;

			padding-top: 0.5em;

			color:var(--white);

		}

		.box_inner p{

			font-size: small;

			text-align: justify;

			padding: 0 0.5em;

		}



		/* Kolotoč */ 

		.carousel{

			position: relative;

			height: 500px;

			width: 80%;

			margin: 2em auto;

			display:none;

		}

		.carousel_button{

			position:absolute;

			top:50%;

			border:0;

			transform:translateY(-50%);

			display: block;

			width: 30px;

			height: 30px;

			transition: 0.5s;

			cursor:pointer;

		}

		.carousel_arrow_forward {

			right:-35px;

			-webkit-mask: url(/_assets/icon/chevron-forward-circle-outline.svg) no-repeat center;

			mask: url(/_assets/icon/chevron-forward-circle-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quaternary);

		}

		.carousel_arrow_backward {

			left:-35px;

			-webkit-mask: url(/_assets/icon/chevron-back-circle-outline.svg) no-repeat center;

			mask: url(/_assets/icon/chevron-back-circle-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quaternary);

		}

		.carousel_track{

			margin: 0.5em;

			position:relative;

			height: 95%;

			transition: transform 250ms ease-in;

		}

		.carousel_nav{

			display:flex;

			justify-content:center;

			padding:10px 0;

		}

		.carousel_indicator{

			border:0;

			border-radius:50%;

			height:15px;

			width:15px;

			background-color:rgba(0,0,0,.3);

			margin: 0 12px;

		}

		.carousel_indicator.currnet-slide{

			background: rgba(0,0,0,.75);

		}

		.carousel_track-container{

			height:100%;

			width: 100%;

			position:relative;

			overflow:hidden;

		}

		.carousel_slide{

			position:absolute;

			top:0;

			bottom:0;

			width:100%;

			

		}

		/* Vyhledávání */ 

		.search_wrap {

			margin: 0 auto;

			margin-top: 0.5em;

			display: flex;

			align-items: center;

			justify-content: center;

		}

		

		.input__container {

		  position: relative;

		  background: rgba(255, 255, 255, 0.664);

		  padding: 10px 15px;

		  display: flex;

		  justify-content: center;

		  align-items: center;

		  gap: 5px;

		  border-radius: 22px;

		  max-width: 300px;

		  perspective: 500px;

		}

		

		.input__container .icon_input {

			-webkit-mask: url(/_assets/icon/settings-outline.svg) no-repeat center;

			mask: url(/_assets/icon/settings-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quaternary);

			display: block;

			width: 20px;

			height: 20px;

		}



		.shadow__input {

		  content: "";

		  position: absolute;

		  width: 100%;

		  height: 60%;

		  left: 0;

		  bottom: 10px;

		  z-index: -1;

		  filter: blur(30px);

		  border-radius: 15px;

		  background-color: #999cff;

		  background-image: radial-gradient(at 85% 51%, hsla(60,60%,61%,1) 0px, transparent 50%),

			radial-gradient(at 74% 68%, hsla(235,69%,77%,1) 0px, transparent 50%),

			radial-gradient(at 64% 79%, hsla(284,72%,73%,1) 0px, transparent 50%),

			radial-gradient(at 75% 16%, hsla(283,60%,72%,1) 0px, transparent 50%),

			radial-gradient(at 90% 65%, hsla(153,70%,64%,1) 0px, transparent 50%),

			radial-gradient(at 91% 83%, hsla(283,74%,69%,1) 0px, transparent 50%),

			radial-gradient(at 72% 91%, hsla(213,75%,75%,1) 0px, transparent 50%);

		}



		.input__button__shadow {

		  cursor: pointer;

		  border: none;

		  background: none;

		  transition: transform 400ms, background 400ms;

		  display: flex;

		  justify-content: center;

		  align-items: center;

		  border-radius: 12px;

		  padding: 5px;

		}



		.input__button__shadow:hover {

			background: rgba(255, 255, 255, 0.411);

		}



		.input__search {

			width: 100%;

			border-radius: 20px;

			outline: none;

			border: none;

			padding: 8px 12px 8px 12px;

			position: relative;

			font-style: italic;

		}

		

		.filter_wrap {

			margin: 0em 1em 0em 1em;

			padding-bottom: 0.5em;

			text-align: center;

			line-height: 1.5em;

			border-bottom: 2px solid var(--color_scheme_1_light-Primary);

		}

		

		.filter_wrap .divider_wrap .divider {

			width:100%;

			margin: 0 auto;

			margin-top: 0.5em;

		}

				

		

		/* Table MHD styling */

		.tablo {

			position:relative;

			margin:0.5em auto;

			display:flex;

			flex-wrap: wrap;

			min-height: 450px;

			justify-content: center;

		}



		.tablo-table {

			margin: 0.2em auto;

			padding-inline-start: 0px;

			max-width:350px;

			min-width:300px;

			font-weight: bold;



		}

		.stop_wrap {

			margin: 0 auto;

		}

		.stop_head {

			margin: 1em 0em 0.1em 0em;

		}

		.stop_head_name {

			text-decoration: underline; 

			font-weight: bold;

		}

		.stop_head_dir {



		}

		.tablo-table li {

			border-radius: 3px;

			padding: 0.5em 1em;

			margin-bottom: 0.5em;

		}

		.tablo-table .table-header {

			display: flex;

			justify-content: space-between;

			align-items: center;

			/*

			background-color: var(--color_scheme_<?php echo $custom; ?>-Primary);

			*/

		}

		.tablo-table .table-row {

			background-color: #ffffff;

			box-shadow: var(--shadow_1);

			font-weight: normal;

			display:block;

		}

		.tablo-table .table-row:hover, .tablo-table .table-row:focus{

			box-shadow: var(--shadow_2);

		}	



		.tablo-table .table-row .table-row_dir {

			text-align: left;

			font-size: xx-small;

			border-bottom: 1px solid var(--color_scheme_1_light-Primary);

			margin-bottom: 10px;

			padding-bottom: 5px;

		}		

		

		.tablo-table .table-row .table-row_wrap {

			display: flex;

			justify-content: space-between;

		}	

		

		.tablo-table .table-row .table-row_wrap .col_tab {

			display: flex; 

			align-items: center;

			justify-content: center;

		}

		.tablo-table .table-header .col_tab-1 {

		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);

		}

		.tablo-table .table-header .col_tab-2 {

		}

		.tablo-table .table-header .col_tab-3 {

			font-size:1.0em;

		}

		.tablo-table .table-header .col_tab-4 {

			

		}

		.tablo-table .col_tab-1 {

			flex-basis: 20%;

			font-weight: bold;

			border-radius: 0.4em;

			box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);

			padding: 0.5em 0em 0.5em 0em;

		}

		.tablo-table .col_tab-2 {

			flex-basis: 25%;

		}

		.tablo-table .col_tab-3 {

			flex-basis: 25%;

			font-size:0.6em;

			text-align: center;

		}

		.tablo-table .col_tab-4 {

			flex-basis: 25%;

		}

		  



		.line_small {

			font-size: 0.5em;

		} 

		.line_normal {



		}

		

		/* Kontaktní stránka */

		.container{

			display:flex;

			align-items: center;

			justify-content:center;

			flex-direction: column;

		}

		.container_contact{

			

		}

		.map_wrap{

			display:flex;

			flex-direction: column;

		}

		.map_header{



		}

		.map_body{

			height: 35vh;

		}

		.contact{

			

		}

		

		.contact_img{

			shape-outside: ellipse();

			clip-path: inset(50% round 50%);

			transition: clip-path 2s;

		}

		.contact_img img{

			width: 250px;

			height:250px;

			object-fit: cover;

			transform: scale(1.1);

			transition: transform 1s ease-in-out;

		}

		.contact_img.show {

		  clip-path: inset(0% round 0%);

		}

		.contact_img.show img {

		  transform: scale(1);

		}

		

		@-webkit-keyframes reveal {

			0%   {width: 0px;height:0px;}

			100% { width: 250px; height:250px;}

		}

		@keyframes reveal {

			0%   {width: 0px;height:0px;}

			100% { width: 250px;height:250px;}

		}

		

		.contact_text{

			

		}

		.icon_contact{

			display: block;

			width: 30px;

			height: 30px;

			margin-right:0.5em;

		}

		.icon_logo_wrap{

			display:flex;

			justify-content: center;

		}

		

		/* KONEC Kontaktní stránka */

	

		

		/* Produktová stránka */

		

		.container_produkty{

			display: flex;

			flex-wrap: wrap;

			gap: 1em;

			justify-content: center;

			width: 100%;

			margin-top: 1em;

			margin-bottom: 2em;

			

		}

		.product_wrap{

			width: 350px;

		}

		.product_img{

			position: relative;

			margin: 0 auto;

			height: 70px;

			width: 70px;

			clip-path: inset(50% round 50%);

			transition: clip-path 2s;

		}

		.product_img img{

			position: absolute;

			top: 0;

			left: 0;

			width: 100%;

			height: 100%;

			object-fit: cover;

			transform: scale(1.1);

			transition: transform 1s ease-in-out;

		}

		

		.product_img.show {

		  clip-path: inset(0% round 0%);

		}



		.product_img.show img {

		  transform: scale(1);

		}

		.product_text{

			text-align: center;

		}

		.small{

			font-size:x-small;

		}

		.product_text h2 span{

			font-weight:normal;

			font-size: 0.9em;

		}

		.product_text ol li{

			text-align:left;

			margin-top: 0.5em;

			font-size:xx-small;

		}

		.product_text ul li{

			text-align:left;

			margin-top: 0.5em;

			font-size:xx-small;

			margin-left: 2em;

		}

		.product_text ol{

			list-style-type: lower-alpha;

			border: 1px solid var(--color_scheme_1_light-Quaternary);

			border-radius: 5px;

			margin-top:0.1em;

			margin-bottom:0.5em;

		}

		.product_text ul{

			border: 1px solid var(--color_scheme_1_light-Quaternary);

			border-radius: 5px;

			margin-top:0.1em;

			margin-bottom:0.5em;

		}

		.product_text ol ol{

			list-style-type: lower-roman;	

			margin-top:0.1em;

			margin-bottom:0.5em;

			border: none;

		}

		.product_info{

			margin-top: 1em;

			height:auto;

			text-overflow: ellipsis;

			overflow: hidden;

			display: -webkit-box;

			-webkit-box-orient:vertical;

			-webkit-line-clamp:7;

			

		}

		.product_info.expanded {

			white-space: initial;

			overflow: visible;

		}

		.icon_show_more {

			-webkit-mask: url(/_assets/icon/eye-outline.svg) no-repeat center;

			mask: url(/_assets/icon/eye-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quaternary);

		}

		.icon_show_less {

			-webkit-mask: url(/_assets/icon/eye-off-outline.svg) no-repeat center;

			mask: url(/_assets/icon/eye-off-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quaternary);

		}

		.show_more{

			cursor:pointer;

		    display: flex;

			justify-content: center;

			align-items: center;

			width: 150px;

			margin: 0 auto;

			margin-top: 0.2em;

			padding: 0.3em;

			font-size: xx-small;

			font-style: italic;

		}

		.show_more span{

			margin-left:0.5em;

		}



		.product_icon_show_more{

			width: 20px;

			height: 20px;

			border-radius: 50%;

			border: 1px solid var(--color_scheme_1_light-Secondary);

			position: relative;

			box-shadow: 0 0 10px #000000;

			display: none;

			justify-content: center;

			align-items: center;

		}

		.icon_show{

			display: block;

			width: 15px;

			height: 15px;

			transition: 0.5s;

		}

		.product_header{

			background: var(--color_scheme_1_light-Quaternary);

			border-color: var(--color_scheme_1_light-Quinary);

			border-radius: 5px;

			padding: 0.8em 0.5em;

			margin-top: 0.5em;

			text-align: left;

			font-size: x-small;

			font-weight: bold;

			display: flex;

			justify-content: space-between;

			cursor: pointer;

		}

		

		/* KONEC Produktová stránka */

		

		

				

		/* Službová stránka */

		

		 

		.container_sluzby{

			display: flex;

			flex-wrap: wrap;

			gap: 1em;

			justify-content: center;

			width: 100%;

			margin-top: 1em;

			margin-bottom: 2em;

			

		}

		.container_sluzby article{	

			height: 100%;

			width: 100%;			

		}

		.service_wrap{	

			height: 100%;

			margin: 0 auto;

		}

		.service_img{

			shape-outside: ellipse();

			height: 100%;

			clip-path: inset(50% round 50%);

			transition: clip-path 2s;

		}

		.service_img img{

			width: 200px;

			height: 200px;

			object-fit: cover;

			transform: scale(1.1);

			transition: transform 1s ease-in-out;

		}

		.service_img_float_left{

			float: left;

			margin-right: 1em;

			margin-top: 0.5em;

		}

		.service_img_float_right{

			float: right;

			margin-left: 1em;

			margin-top: 0.5em;

		}

		.service_img.show {

		  clip-path: inset(0% round 0%);

		}



		.service_img.show img {

		  transform: scale(1);

		}

		.service_text{

			text-align: justify;

		}

		



		/* KONEC Službová stránka */

		

		

		/* Blogová stránka */

		

		 

		.container_blogy{

			display: flex;

			flex-wrap: wrap;

			gap: 2em;

			justify-content: center;

			width: 100%;

			margin-top: 1em;

			margin-bottom: 2em;

			

		}

		.container_blogy article{	

			height: 100%;

			width: 100%;

			margin: 0;

		}

		.blog_wrap{	

			width: 250px;

			min-height: 300px;

			padding: 0.5em;

			background-color: white;

			box-shadow: var(--shadow_2);

			-webkit-border-radius: 2px;

			border-radius: 2px; 

		}

		.blog_img{

			

		}

		.blog_img img{

			width: 100%;

			height: 150px;

			object-fit: cover;

		}



		.blog_theme{

			font-size: x-small;

			color: var(--color_scheme_1_light-Terciary);

			margin: 0.5em 0em 0.5em 0em;

		}

		.blog_head{

			font-weight: bold;

		}

		.blog_text{

			font-size: x-small;

			text-align: justify;

			color: var(--color_scheme_1_light-Quaternary);

		}

		

		.author_wrap{

			display: flex;

			align-items: center;

			margin: 0;

		}

		.author{

			

		}

		.author_pic{

			width:30px;

			height:30px;

			border-radius: 50%;

			border: 1px solid var(--color_scheme_1_light-Secondary);

			box-shadow: 0 0 10px #000000;

		}

		.author_info{

			font-size: xx-small;

			color: var(--color_scheme_1_light-Quaternary);

			margin-left: 1em;

		}		

		.author_name{

			

		}

		.author_date{

			

		}

		



		/* KONEC Blogová stránka */

		

		

		/* Tlačítko */

		.button_as_div {

			/*

			color: var(--black);

			background-color:var(--color_scheme_1_light-Secondary);

			*/	

			-webkit-border-radius: 2px;

			border-radius: 2px; 

			display: inline-flex;

			cursor: pointer;

			padding:5px 15px 5px 15px;

			margin: 0px 0px -1px 0px;

			

			text-align: center;

			text-decoration: none;

			font-family:Arial;

			font-size:1.0em;

		}



		.button_as_div:focus, .button_as_div:hover {

			/*

			color:var(--white);

			background-color:var(--color_scheme_1_light-Terciary);

			*/

			

			box-shadow: 0 0 3px #000000;

			transition: all ease-in-out 0.6s;

			transition: background .3s ease-in-out;

		}

		.button_as_div:hover > .button_icon {

			background:var(--clr2);

			transition: all ease-in-out 0.6s;

			cursor:pointer;

			border:1px solid var(--black);

			box-shadow: 0 0 3px var(--black);

		}

		.button_as_div:hover > .button_icon img {

			background-color:black;

			transition: all ease-in-out 0.6s;

		}

		

		/* Tlačítko konec*/

		

		

		/* Podržení */



		.underscore {

		  position: relative;

		  padding: 0.8em 0;

		}



		

		/* Slide down, DEFAULT OPTIONS for all elements, siblings */

		.underscore::after {

		  content: '';

		  position: absolute;

		  top: 0; /* nad */

		  /* bottom:0; */ /* pod */

		  left: 0;

		  width: 100%;

		  height: 0.1em;

		  background-color: var(--white);

		  opacity: 0;

		  transition: opacity 300ms, transform 300ms;

		}



		.underscore:hover::after, .underscore:focus::after {

		  opacity: 1;

		  transform: translate3d(0, 0.2em, 0);

		}





		/* Slide left-right, FIRST element */

		li:first-child a {

		  overflow: hidden;

		}



		li:first-child a::after {

		  opacity 1;

		  transform: translate3d(-100%, 0, 0);

		}



		li:first-child a:hover::after,	li:first-child a:focus::after{

		  transform: translate3d(0, 0, 0);

		}

		

		/* Slide right-left, ALL MIDDLE elements */

		li:last-child a {

		  overflow: hidden;

		}



		li:last-child a::after {

		  opacity 1;

		  transform: translate3d(100%, 0, 0);

		}



		li:last-child a:hover::after,	li:last-child a:focus::after{

		  transform: translate3d(0, 0, 0);

		}

		



		/* Scale from center, LAST element */

		li:not(:first-child):not(:last-child) a::after {

		  opacity 1;

		  transform: scale(0);

		  transform-origin: center;

		}



		li:not(:first-child):not(:last-child) a:hover::after, li:not(:first-child):not(:last-child) a:focus::after{

		  transform: scale(1);

		}





		/* Podržení konec */

		



		

		footer {

			overflow:hidden;

			text-align: center;

			padding: 2em 2em 2em 2em;

			background-color: black;

			font-size: x-small;

		}

		.counters_wrap{

			display: flex;

			flex-wrap: wrap;

			gap: 1em;

			justify-content: center;

			width: 100%;

			height: 100px;

			padding: 1em 0em 1.2em 0em;

			background-color: var(--color_scheme_1_light-Quaternary);

		}

		.counter{

			width:55px;

		}

		.counter .top, .counter .mid, .counter .bot{

			height:33%;

			display: flex;

			justify-content: center;

			align-items: center;

			margin-bottom: 0.2em;

			color: var(--color_scheme_1_light-Quinary);

			text-align: center;

		}

		.bot{

			font-size: xx-small;

		}

		.stat{

			width:30px;

			height:30px;

			border-radius: 50%;

			border: 1px solid var(--color_scheme_1_light-Secondary);

			position:relative;

			box-shadow: 0 0 10px #000000;

			display: flex;

			justify-content: center;

			align-items: center;

		}

		.stat .icon{

			display: block;

			width: 20px;

			height: 20px;

		}

		.icon_0 {

			-webkit-mask: url(/_assets/icon/add-outline.svg) no-repeat center;

			mask: url(/_assets/icon/add-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

			width:10px;

			height:10px;

		}

		.icon_1 {

			-webkit-mask: url(/_assets/icon/flower-outline.svg) no-repeat center;

			mask: url(/_assets/icon/flower-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

		}

		.icon_2 {

			-webkit-mask: url(/_assets/icon/footsteps-outline.svg) no-repeat center;

			mask: url(/_assets/icon/footsteps-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

		}

		.icon_3 {

			-webkit-mask: url(/_assets/icon/sparkles-outline.svg) no-repeat center;

			mask: url(/_assets/icon/sparkles-outline.svg) no-repeat center;

			background-color: var(--color_scheme_1_light-Quinary);

		}

		

		

		

		.digits {

		  height: 30px;

		  width: 15px;

		  overflow: hidden;

		}



		.digit.smooth {

		  transition: all 2s ease;

		}



		.digit span {

		  height: 30px;

		  width: 15px;

		  display: block;

		  text-align: center;

		  line-height: 30px;

		}

		.digit[data-num="0"] {

		  transform: translate(0, 0);

		}



		.digit[data-num="1"] {

		  transform: translate(0, -30px);

		}



		.digit[data-num="2"] {

		  transform: translate(0, -60px);

		}



		.digit[data-num="3"] {

		  transform: translate(0, -90px);

		}



		.digit[data-num="4"] {

		  transform: translate(0, -120px);

		}



		.digit[data-num="5"] {

		  transform: translate(0, -150px);

		}



		.digit[data-num="6"] {

		  transform: translate(0, -180px);

		}



		.digit[data-num="7"] {

		  transform: translate(0, -210px);

		}



		.digit[data-num="8"] {

		  transform: translate(0, -240px);

		}



		.digit[data-num="9"] {

		  transform: translate(0, -270px);

		}



		

		

		.update{

			font-size:0.8em;

			color: #cdcdcd;

			border-top:1px solid;

			margin: 1em 8em 0em 8em;

			padding: 1em 0em 0em 0em;

		}

		.contact_quick_wrap{

			background-color:var(--color_scheme_1_light-Senary);

			padding: 1.5em 0;

			color: var(--color_scheme_1_light-Secondary);

			font-size: x-small;

		}

		.contact_quick_border{

			display: flex;

			flex-wrap: wrap;

			justify-content: center;

			align-items: center;

		}

		.contact_quick{

			height:180px;

			width: 240px;

			border-top:1px solid var(--color_scheme_1_light-Secondary);

			border-bottom:1px solid var(--color_scheme_1_light-Secondary);

			display: flex;

			align-items:center;

			justify-content: center;

		}

		.contact_quick_1{



		}

		.contact_quick_1 .logo {

			margin-left:0;

		}

		.contact_quick_logo_wrap{



		}

		.contact_quick_2{



		}

		.contact_quick_3{

			

		}

		.contact_quick_item{

			display: flex;

			margin: 1em 0.5em;

		}

		.contact_quick_item_text{

			margin-left:0.5em;

			color: var(--color_scheme_1_light-Secondary);

			font-size:xx-small;

		}

		.contact_quick_item_text span{

			font-weight:bold;

			color:var(--white);

			font-size:x-small;

		}

		.contact_quick_item_text .icon_logo_wrap .icon_logo_face, .contact_quick_item_text .icon_logo_wrap .icon_logo_inst{

			background-color: var(--color_scheme_1_light-Quinary);

		}

		.contact_quick_item_text .icon_logo_wrap {

			justify-content:center;

			margin-top: 0.5em;

		}

		.footer_links{	

		    text-decoration: none;

			color: var(--white);

			display: flex;

			justify-content: center;

		}

	

		 

		

		/* For desktop only */

		@media only screen and (min-width: 768px) {

			.action{

				width:55px;

				height:55px;

			}

			.logo{

				margin: 0 0 0 1.2em;

			}



			.tablo{

				max-width:750px;

			}

			.tablo-table {

			

			}

			.table-header {

			

			}

			.table-row{

			  

			}

			li {

		

			}

			.col_tab {

			  

			  flex-basis: 100%;

			  

			}

			.hero{

				min-height: 35vh;

			}

			.col_left, .col_right{

				/*

				width:15%;

				*/

			}

				

			.col_left .subhead, .col_right .subhead {

				/*

				min-height:55px;

				*/

			}



			/*.col_tab :before {

				color: #6C7A89;

				padding-right: 10px;

				content: attr(data-label);

				flex-basis: 50%;

				text-align: right;

			  }

			*/

			

			.container{

				display:flex;

				flex-direction: row;

			}

			.container_contact{

				display:flex;

				flex-direction: row;

			}

			.map_wrap{

				width: 60%;

			}

			.map_header{

				/* Takes only the height it needs */

				flex-shrink: 0;

			}

			.map_body{

				/* Grows to fill all available space */

				flex-grow: 1; /* Or use flex: 1; */

			}

			.contact{

				margin-left: 2em;	

			}

			.contact_img{

				margin: 4em;

			}

			.service_wrap{	

				width: 600px;

			}

			.contact_quick{

				display: block;

			}

			.update{

				margin: 1em 20em 0em 20em;

			}

		}