/*************************/
	/***   FONTS           ***/
	/*************************/

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-Thin.ttf') format('truetype');
		font-weight: 100;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-ThinItalic.ttf') format('truetype');
		font-weight: 100;
		font-style: italic;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-ExtraLight.ttf') format('truetype');
		font-weight: 200;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
		font-weight: 200;
		font-style: italic;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-Light.ttf') format('truetype');
		font-weight: 300;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-LightItalic.ttf') format('truetype');
		font-weight: 300;
		font-style: italic;
	}



	@font-face {
		font-family: 'Russo';
		src: url('/files/fonts/RussoOne-Regular.ttf') format('truetype');
		font-weight: 400;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-Regular.ttf') format('truetype');
		font-weight: 400;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-Regular.ttf') format('truetype');
		font-weight: 400;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-Italic.ttf') format('truetype');
		font-weight: 400;
		font-style: italic;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-MediumItalic.ttf') format('truetype');
		font-weight: 500;
		font-style: italic;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-SemiBold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
		font-weight: 600;
		font-style: italic;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-Bold.ttf') format('truetype');
		font-weight: 700;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-BoldItalic.ttf') format('truetype');
		font-weight: 700;
		font-style: italic;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-ExtraBold.ttf') format('truetype');
		font-weight: 800;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
		font-weight: 800;
		font-style: italic;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-Black.ttf') format('truetype');
		font-weight: 900;
		font-style: normal;
	}

	@font-face {
		font-family: 'Poppins';
		src: url('/files/fonts/Poppins-BlackItalic.ttf') format('truetype');
		font-weight: 900;
		font-style: italic;
	}

	* {
		margin: 0px;
		padding: 0px;
	}
	body{
		background-color: #ffffff;
		color: black;  
		text-align: left;
		font-family: Poppins,sans-serif;
		font-weight: 300;
		height: 100%;
		line-height: 1.3em;
		font-size: 18px;
	}

	/**********************************/
	/*         COMMON COMPONENTS
	/**********************************/

	@media (min-width: 1270px){
	.container {
		max-width: 1600px;
	}
	}
	.cols{
		display: flex;
	}
	.col{
		display: inline-block;
		vertical-align: middle;
	}
	#cookies_souhlas{
		width: 100% !important;
	}
	button, button:hover, button:active, button:focus{
		outline: none;
		box-shadow: none !important;
	}
	.fader{
		opacity: 0.0;
			-webkit-transition: opacity 1.0s ease-in-out;
			-moz-transition: opacity 1.0s ease-in-out;
			-ms-transition: opacity 1.0s ease-in-out;
			-o-transition: opacity 1.0s ease-in-out;
			transition: opacity 1.0s ease-in-out;
	}
	.fader.visible{
		opacity: 1;
	}
	.scaler{
		-webkit-transform: translateY(0) scale(0.5);
			transform: translateY(0) scale(0.5);
			opacity: 0;
			-webkit-transition: -webkit-transform 0.6s ease-in-out 0.6s, opacity 0.6s ease-in-out 0.6s;
			transition: transform 0.6s ease-in-out 0.6s, opacity 0.6s ease-in-out 0.6s;
	}
	.scaler.visible{
		-webkit-transform: translateY(0) scale(1);
			transform: translateY(0) scale(1);
		opacity: 1;
	}
	.EditableSection li, .EditableContent li, .editable-section li{
		padding-left: 20px;
		position: relative;
	}
	.EditableSection li:before, .EditableContent li:before, .editable-section li:before {
			content: '\f111';
			font-weight: 900;
			font-family: "Font Awesome 5 Free";
			display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
			font-size: 6px;
	}b, strong {
		font-weight: bold;
	}
	.vertical-align {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
	}

	/**********************************/
	/*         HEADER
	/*********************************/
	header{
		position: relative; 
		width: 100%; 
		background-image: url(/files/images/background.jpg); 
		background-repeat: repeat; 
		background-position: center top; 	
	}
	.header img{
		height: 80px;
	}
	#header{
		text-align: center;
	}
	#logo{	
		display: inline-block;
		margin-top: 20px;	
		margin-bottom: 10px;
		position: relative;
	}
	.link-fill {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		z-index: 10;
	}
	.nomargin{
		margin: 0;
	}
	#stripe{
		text-align: center;
		background: white;
		padding: 5px 0;
		border-bottom: 1px solid #e7e7e7;
		margin-bottom: 15px;
	}
	#stripe p, #stripe a{
	font-family: 'Poppins';
		font-weight: 300;
		color: black;
		text-decoration: none;
		display: inline-block;
		font-size: 17px;
		margin-bottom: 0;
	}
	#stripe p{
		margin: 0 8px;
	}
	#stripe a:hover{
		text-decoration: underline;
	}


	/**********************************/
	/*         BUTTONS
	/**********************************/

	.btn-wrap{
		display: block;
		margin-top: 8px;
		clear: both;
	}
	.btn,  .camera_wrap .btn{
		text-decoration: none !important;
		font-weight: bold;
		font-size: 18px;
		box-shadow: none !important;
		padding: 0.3rem 1.2rem;
		border-radius: 0;
		display: inline-block;
		color: black;
	}
	.btn.btn:active{
		border: inherit !important;
		background: inherit !important;
	}
	.btn.btn-primary{
		
	}
	.reference_box .btn.btn-primary{
		text-transform: initial;
	}
	.btn.btn-primary:hover, .btn.btn-primary:focus, .reference_box:hover .btn.btn-primary{
		background: #cc041c;
		border: 1px solid #cc041c;
		color: white !important;
	}
	.btn.btn-secondary{
		background: white;
		border-radius: 5px;
		border: 1px solid #e7e7e7;
		color: black !important;
	}
	.btn.btn-secondary:hover, .btn.btn-secondary:focus, .article-thumb:hover .btn.btn-secondary{
		background: #cc041c;
		border: 1px solid #cc041c;
		color: white !important;
	}

	/**********************************/
	/*         MENU
	/**********************************/
	#menu_top .container{
		padding: 0;
		overflow: visible;
	}
	#menu_top{
		z-index: 2;
		margin-top: 15px;
	}
	.navbar {
			padding: 0;
		margin-top: 0;
		-webkit-transition: all 0;
			transition: all 0;
	}
	.navbar-toggler {
		display: none;
	}
	.navbar-collapse.collapse:not(.show) {
		display: block;
	}
	.navbar-inner{
		text-align: left;
		display: block;
			width: 100%;
	}
	.nav {
		justify-content: center;
	}
	.nav li {
		margin: 0;
		position: relative;
		display: inline-block;
	}
	.nav li.lvl-1{
		padding: 6px 10px;
	}

	.footer{
		padding: 45px 60px;
	}

	.footer .nav li.lvl-1{
		padding: 5px 0px;
		width: 100%;
	}

	.footer .nav li.lvl-1 > a {
		padding: 0px;
		text-decoration: none;
	}

	.footer a{
		color: white !important;
		text-decoration: none !important;
	}

	footer,footer a,footer p,footer span{
		color: #4d4c4c !important;
	}




	.nav li.lvl-1 > a {
		font-size: 17px;
		color: white;
		font-weight: normal;
		padding: 11px 8px;
		border-radius: 3px;
		text-transform: uppercase;
		text-decoration: none !important;
		border-bottom: 3px solid transparent;
		display: inline-block;
		position: relative;
	}
	.nav li.lvl-1 > a:hover, .nav li.lvl-1 > a.active {
		color: white;
		border-bottom: 3px solid #d83826;
	}
	.dropdown-toggle::before {
		display: inline-block;
		width: 0;
		height: 0;
		color: white;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0.3em solid;
		border-right: 0.3em solid transparent;
		border-bottom: 0;
		border-left: 0.3em solid transparent;
	}
	.nav li.lvl-1 > a:hover:before, .nav li.lvl-1 > a.active:before, .nav li.lvl-1.show > a:before{
		color: white;
	}
	.dropdown-toggle::after{
		display: none;
	}
	.dropdown-menu {
		border-radius: 0;
		border: 1px solid #3b3b3b;
		margin: 0;
		left: 8px;
		top: 41px;
		color: white;
		min-width: calc(100% + 2px);
		background-color: #000;
		transform-origin: 50% 0;
		transform: scaleY(0);
		opacity: 0;
		display: block;
		transition: transform 0.3s, opacity 0.3s;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
	}
	.dropdown-menu.show {
		transform: scaleY(1);
		opacity: 1;
	}
	.dropdown-menu a{
		text-transform: uppercase;
		text-decoration: none;
		position: relative;
		color: white !important;
	}

	.dropdown-menu a img{
		max-width: 15px;
		max-height: 15px;
	}
	.dropdown-menu a:hover, .dropdown-menu a:active{
		background: inherit;
		color: #d83826 !important;

		text-decoration: none !important;
	}


	.dropdown-item.active{
		background-color: inherit;
		color: #d83826 !important;
	}




	/**.nav li.lvl-1 > a:hover:after, .nav li.lvl-1 > a:active:after{ **/
	/**	position: absolute; **/
	/**	left: 1rem; **/
	/**	bottom: 0; **/
	/**	right: 1rem; **/
	/**	height: 3px; **/
	/**	background: #d83826; **/
	/**	content: ''; **/
	/**} **/

	/**********************************/
	/*         SLIDESHOW
	/**********************************/
	#slides{
		position: relative;
	}	
	.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{
		background: transparent;
	}
	.camera_prev > span, .camera_next > span{
		z-index: 100;
		width: 37px;
			height: 60px;
	}
	.camera_prev > span {
		background: url(/files/images/prev.png) no-repeat left 5px top;
		left: 15px;
	}
	.camera_next > span {
		background: url(/files/images/next.png) no-repeat right 5px top;
		right: 15px;
	}


	#header figure{
		margin: 0;
	}
	.caption{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0px 20px 5px 20px;
		background: rgba(0,0,0,0.5);
		padding: 15px;

	}
	.caption p{
		color: white;
		font-family: 'Poppins';
		font-size: 36px;
		font-weight: bold;
		margin: 0;
		line-height: 50px;
		text-align: center;
		text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
	}
	.caption p .color{
		color: #7abb00;
	}
	#intro{
		position: relative;
		text-align: center;
		overflow: hidden;
	}


	/**********************************/
	/*         CONTENT
	/**********************************/
	#main_content {
		height: auto;
		padding: 50px 0;
		text-align: left;
		position: relative;
		display: block;
	}

	.box_green{
		border: 1px solid #7abb00;	
		padding: 20px;
		color: #3a3a3a;
		margin-bottom: 20px;
		border-radius: 5px;
	}
	.box_green button{
		align-items: center;
	}
	.box_green button p{
		display: inline-block;
		vertical-align: middle;
	font-family: 'Poppins';
		font-weight: 300;
		font-size: 24px;
		margin: 0;
		margin-right: 8px;
		color: black;
	}
	.box_green button a.btn-primary{
		padding: 10px 19px;
		
	}
	.box_green h2{
		position: relative;
		font-weight: bold;
		color: #3a3a3a;
		padding-bottom: 5px;
	}
	.box_green h2:after{
		content: "";
			background: #e6152e;
			position: absolute;
			bottom: 0;
			left: 0;
			height: 3px;
			width: 120px;
	}
	.col-main {
		max-width: calc(100% - 250px);
		width: calc(100% - 250px);
		margin-top: 10px;
	}
	.left-col {
		width: 250px;
		margin-top: 10px;
	}

	/**********************************/
	/*  INDEX 
	/*********************************/
	.index-info{
		display: flex;
		margin-bottom: 40px;
	}
	.index-info-box {
		flex-basis: 50%;
		max-width: 50%;
	}
	.index-info-text-box{
		background: white;
		border: 1px solid #eaeaea;
		border-right: none;
		padding: 20px 25px;
	}
	.index-info-text-box p{
		margin-bottom: 30px;
	}
	.index-info-img-box{
		background: url(/files/images/index-intro.jpg) no-repeat center center;
		background-size: cover;
	}
	.index-info h1, .index-info .h1{
		font-size: 30px;
		font-weight: bold;
		color: black;
	}

	@media screen and (max-width: 1100px){
	.index-info, .box{
		flex-wrap: wrap;
	}
	.index-info-box, .box-half{
		flex-basis: 100%;
		max-width: 100%;
	}
	.index-info-text-box, .box-text{
		border-top: 1px solid #eaeaea !important;
		border-left: 1px solid #eaeaea !important;
		border-right: 1px solid #eaeaea !important;
		border-bottom: none !important;
	}
	.index-info-img-box, .box-img{
		width: 100%;
			padding-top: 70%;
			position: relative;
	}
	}

	/**********************************/
	/*         BREADCRUMB
	/**********************************/
	.breadcrumb{
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		background: #ffffff;
			padding: 7px 1rem;
		border-radius: 0;
	}
	.breadcrumb a, .breadcrumb span{
		font-size: 15px;
	}
	.drobeckova-navigace-sipky{
		display: inline-block;
		margin: 0 15px;
	}

	/**********************************/
	/*         PRODUKT DETAIL
	/**********************************/

	.product-detail{
		margin-bottom: 3rem;
	}
	.detail_image_big{
		position: relative;	
	}
	.detail_image_big img{
		border: 3px solid #e7e7e7;
	}
	.detail_image_big img:hover{
		border: 3px solid #84bf14 !important;
	}
	.detail_image_big img, .detail_image img{
		max-width: 100%;
		height: auto;
		object-fit: contain;
		padding: 5px;
	}	
	
	.Produkt-Image{
		object-fit: contain;
	}
	.ProductImage{
		object-fit: contain;
	}


	.detail_image {
		position: relative;
		height: auto;
		border: none;
		margin-bottom: 5px;
	}

	.detail_images {
		margin-left: -5px;
		margin-right: -5px;
		justify-content: center;
	}
	.detail_img {
		position: relative;
		text-align: center;
		margin-bottom: 15px;
	}

	.detail_images .col-md-4{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.detail_images .col-md-4:nth-of-type(n+7){
		max-height: 0;
			opacity: 0;
			overflow: hidden;
		-webkit-transition: all .4s; 
			transition: all .4s;
	}
	.detail_images .col-md-4.visible{
		max-height: 200px;
		opacity: 1;
	}
	.detail_images .button{
		width: 100%;
	}

	.Produkt-Nazev{
		
	}
	/* 
	.detail_image{
		width: 100%;
		padding-top: 66%;
		position: relative;
		background: #e7e7e7;
		margin-bottom: 1rem;
	}
	.detail_image:hover{
		background: #84bf14;
	}


	.detail_image a{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.detail_image img, .detail_img img{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;

		max-height: 100%;
		max-width: 100%;
		width: auto;
	}
		*/
	.button-back{
		margin-top: 1rem;
	}

	/**********************************/
	/*         KATEGORIE
	/**********************************/
	.kategorie-nadpis {
		margin: 0;
	}
	.kategorie .toggler {
		border: none;
		background: transparent;
		text-transform: uppercase;
		color: black;
		text-align: center;
		width: 100%;
		cursor: pointer;
		display: none;
	}
	#category {
		margin-bottom: 20px;
	}
	#category p {
		margin-bottom: 3px;
		border-radius: 5px;
		padding-left: 3px;
		background: #7abb00;
	-webkit-transition: padding-left .2s ease-out;
	-moz-transition: padding-left .2s ease-out;
	-o-transition: padding-left .2s ease-out;
	transition: padding-left .2s ease-out;
	}
	#category p:hover, #category p.selectedP{
		background: #cc041c;
		padding-left: 6px;
	}
	#category a {
		display: block;
		border-radius: 5px;
		background: #f1f1f1;
		font-size: 17px;
		font-weight: bold;
		padding: 12px 15px;
		text-decoration: none;
	}
	#category a:hover{
		color: black;
	}

	.kontakt{
		width: 330px;
		display: inline-block;
	}

	.kontakt p:first-of-type, .kontakt h3{
		font-family: 'Poppins',sans-serif;
		margin: 10px 0;
	}

	.kontakt p{
		margin-bottom: 8px;
	}

	.kontakt strong, .kontakt strong a{
		color: black;
		font-size: 15px;
	}

	#mapa_nadpis{
		margin: 5px auto;
	}
	#mapa > div iframe{
		display: block;
		margin: 0 !important;
	}

	#main_content table { 
	border: 1px solid #E4E4E4; width: auto; height: auto; 
	} 
	#main_content td { 
	border: 1px solid #E4E4E4; padding: 10px; line-height: 1.3em; 
	} 

	#nadpatickou{
		background: #f5f5f5;
		padding: 20px 0;
		border-top: 1px solid #dadada;
	}
	#nadpatickou .row{
		justify-content: center;
		align-items: center;
	}
	#nadpatickou .row .col{
		padding: 20px 30px;
	}
	#nadpatickou .col:nth-of-type(2){
		border-left: 1px solid #dadada;
		border-right: 1px solid #dadada;
	}
	#nadpatickou p.mail a{
		white-space: nowrap;
	}
	#nadpatickou a{
		text-decoration: none;
	}
	#nadpatickou a:hover{
		text-decoration: underline;
		color: black;
	}


	/* paticka */
	#footer {
		color: white;
		height: auto;
		margin: 0 auto;
		text-align: center;
		background: transparent;
		border: none;
	}
	footer {
		background: #212121;
		z-index: 0;
		width: 100%;

	}
	#footer_text{ 
		padding: 2em 0; 
	}
	#footer #footer_text, #footer #footer_text p, #footer #footer_text a{
		color: white;
		font-size: 15px;
	}
	#footer #footer_text .editable-section{
		margin-bottom: 12px;
	}
	#footer #footer_text p{
		display: inline;
	}
	#footer #footer_text a{
		text-decoration: none;
	}
	#footer #footer_text a:hover{
		text-decoration: underline;
	}


	/* resetovac */
	#reset {
		border:  0px none;
		margin:  0px;
		padding: 0px;
		float: none;
		clear: both;
		width: 0px;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
	}
	/**********************************/
	/*         DEFAULTNI HODNOTY
	/*********************************/

	h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	line-height: 1.3em;
	margin: 0 0 12px 0;
	text-align: left;
	}
	h1, .h1 {
		color: black;
		font-family: 'Russo',sans-serif;
		font-size: 38px;
		font-weight: 300;
		margin-bottom: 25px;
	}
	h1.centered{
		text-align: center;
	}
	h2, .h2 {
		color: black;
		font-size: 26px;
		font-weight: 400;
		font-family: 'Poppins',sans-serif;
	}
	.container-col h2{
		font-size: 30px;
		font-family: 'Russo';
		font-weight: bold;
	}
	h3, .h3 {
		color: black;
		font-size: 18px;
		font-weight: 400;
		font-family: 'Poppins',sans-serif;
		clear: both;
		margin-top: 23px;
	}
	h4, .h4 {
		color: #0ea155;
		font-size: 14px;
		font-weight: 600;
	}
	p, li {
	margin: 0 0 12px 0;
	list-style-type: none;
	text-align: left;
	}

	#main_content ul{
		padding-left: 0;
	}

	img {
		border: none;
		margin: 0; 
		max-width: 100%;
	}

	.EditableSection a[rel="lightbox[all]"] img, .EditableContent a[rel="lightbox[all]"] img, .editable-section a[rel="lightbox[all]"] img{
		border: 3px solid #e7e7e7;
		margin: 4px;
		z-index: 50;
	}
	.EditableSection a[rel="lightbox[all]"] img:hover, .EditableContent a[rel="lightbox[all]"] img:hover, .editable-section a[rel="lightbox[all]"] img:hover{
		border: 3px solid #84bf14 !important;
	}
	a,
	a:visited {
		color: black;
		font-size: 17px;
		font-weight: 300;
		font-family: 'Poppins';
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
		color: #cc041c;
	}
	table {
		border-collapse: collapse;
		border: none;
	margin: 0 0 12px 0;
	}
	.EditableSection th, .EditableContent th, .editable-section th,
	.EditableSection td, .EditableContent td, .editable-section td{
		font-size: 17px;	
		color: black;
		font-weight: 300;
		font-family: 'Poppins';
		padding: 5px;
		border: 1px solid #e0e0e0;
	}
	table td {
	vertical-align: top;
	text-align: left;
	}
	ul, ol {
		list-style-position: outside;
		margin: 0 0 0px 0px;
	}

	#main_content table {
	border: 1px solid #ffffff;
	width: auto;
	height: auto;
	}

	#main_content td {
	border: 1px solid #E4E4E4;
	padding: 10px;
	line-height: 1.3em;
	font-size: 17px;
	color: #4d4c4c;
	}

	/**********************************/
	/*  BANNERY 
	/*********************************/
	#banners{
		margin-top: 20px;
		margin-bottom: 35px;
	}
	.banner{
		text-align: center;
		margin-bottom: 20px;
	}
	.banner .h2{
		text-align: center;
		font-weight: 300;
	font-family: 'Poppins';
		height: 1.2em;
		overflow: hidden;
	}
	.banner_img{
		border-radius: 5px;
		overflow: hidden;
		border-bottom: 4px solid #7abb00;
	}
	.banner_img img{
		width: 100%;
	}
	.banner:hover .banner_img{
		border-bottom: 4px solid #cc041c;
	}
	.banner .btn-primary{
		z-index: 50;
		margin-top: -23px;
		font-weight: normal;
	}
	.banner:hover .btn-primary{
		border: 1px solid #cc041c;
		background: #cc041c;
	}

	/**********************************/
	/*         AKTUALITY SLIDE
	/**********************************/
	#aktuality_slide_box{
		border: 1px solid #e7e7e7;	
		border-radius: 5px;
		position: relative;
		margin-bottom: 2.5rem;
		display: flex;
		align-items: center;
		position: relative;
		overflow: hidden;
	}
	#aktuality_slide_box p.aktuality-title-box{
		background: #cc041c;
		color: white;
		padding: 20px 10px;
		font-size: 20px;
		font-weight: bold;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
		margin: 0;
	}
	#aktuality_slide{
		margin: 0;
		max-width: 85%;
		flex-basis: 85%;
		position: relative;
	}
	.aktuality_box{
		justify-content: space-between;
		padding: 1rem;
			padding-right: 200px;
		position: relative;
	}
	.aktuality_date, .aktuality_name{
		display: inline-block;
		overflow: hidden;
	}
	.aktuality_date{
		color: black;
		font-size: 20px;
		font-weight: bold;
	}
	.aktuality_name{
		font-size: 20px;
		font-weight: 300;
	font-family: 'Poppins';
		color: black;
		text-decoration: none;
	}
	#aktuality_slide .aktuality_name{
		height: 1.4em;
		overflow: hidden;
	}
	.aktuality_box:hover .aktuality_name{
		text-decoration: underline;
	}
	.aktuality_box:hover .btn-primary{
		background: #e7e7e7;
		color: black;
	}
	.archiv{
		position: absolute;
		margin: auto;
		right: 1.5rem;
		top: 0;
		bottom: 0;
		display: flex;
			align-items: center;
	}
	.archiv a{
		vertical-align: middle;
	}


	/**********************************/
	/*  MODULY 
	/*********************************/

	/* hlavicka - odkaz logo */
	#head .link_logo  {
		background: url(/files/images/logo.png);
		float: left;
		width: 397px;
		height: 78px;
		display: block;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	/* clear obtekani */
	.clear {
		border:  0px none;
		margin:  0px;
		padding: 0px;
		float: none;
		clear: both;
		width: 0px;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
	}
	/**********************************/
	/*  FORMULARE 
	/*********************************/

	button#modal-launch, button#modal-launch-2 {
		background: none;
		border: none;
		cursor: pointer;
		box-shadow: none;
		padding: 0;
		white-space: normal;
	}
	button#modal-launch-2 {
		padding: 0;
	}

	.modal-content{
		border: none;
		border-radius: 0;
		font-family: Poppins,sans-serif;
	}

	div.modal-header {
		border-radius: 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2ab8fa+0,2a83fa+100 */
		background: #7abb00;
	}

	div.modal-header .close{
		margin: 0 0 auto;
		border: 1px solid white;
		border-radius: 5px;
		padding: 0.4rem 0.7rem;
		color: white;
		opacity: 1;
		-webkit-transition: all 0.3s; 
		-ms-transition: all 0.3s;
			transition: all 0.3s;    
	}
	div.modal-header .close:not(:disabled):not(.disabled):hover, 
	div.modal-header .close:not(:disabled):not(.disabled):focus{
		opacity: 1;
		color: black;
		background: white;
	}

	.modal-dialog label {
		margin-bottom: 0.2rem;
	}

	.modal-dialog .modal-title{
		color: white;
		/* text-transform: uppercase; */
		font-size: 25px;
		font-family: 'Poppins';
		font-weight: bold;
	}

	span.mandatory-star {
		color: #ff6d6d;
	}

	.modal-dialog .modal-body {
		background-color: #f5f5f5;
	}

	.modal-dialog .modal-body label{
		/* font-weight: bold; */
		font-size: 17px;
		color: black;
	}

	.modal-dialog .btn-primary{
		border: 1px solid #7abb00;
		color: white;
		font-family: 'Poppins';
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
			padding: 0.375rem 1.75rem; 

		background: #7abb00;
		-webkit-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.5) !important;
		-moz-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.5) !important;
		box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.5) !important;
	}


	.modal-dialog .btn-primary:hover{
		background: #cc041c;
		border: 1px solid #cc041c;
	}


	.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid
	{
		background-color: #ffdede;
	}

	.invalid-feedback, .form-text, small, .small {
		font-size: 15px;
	}
	.modal small a{
		font-size: 15px;
			font-weight: normal;
	}
	.modal small a:hover{
		text-decoration: none !important;
	}
	/***************************/
	/*  PRODUKTY
	/***************************/


	.produkt_cena_s_dph{

	}

	.produkt{
		text-align: center;
		position: relative;
		margin-bottom: 20px;
		border-radius: 8px;
		border: 1px solid #e7e7e7;
		padding: 20px;
		padding-top: 0;
	}
	.produkt_nazev{
		margin: 10px 0;
		height: 2.6em;
		overflow: hidden;
		text-align: center;
		font-weight: normal;
		color: black;
	}
	.produkt_img{
		position: relative;
		height: 200px;
		z-index: -1;
	}
	.produkt_img img{
		border: 2px solid white;
		position: absolute;
		top: 2px;
		left: 2px;
		bottom: 2px;
		right: 2px;
		margin: auto;
		max-height: calc(100% - 4px);
		max-width: calc(100% - 4px);
		height: auto;
		width: auto;
	}
	.produkt_buttons{
		z-index: 50;
		position: absolute;
		bottom: 8px;
		left: 0;
		right: 0;
	}
	.produkt:hover .btn{
			background: #cc041c;
			border: 1px solid #cc041c;
			color: white !important;
	}
	.produkt:hover{
		background: #f5f5f5;
		-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
			-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
			box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
	}
	.produkt_pagination{
		flex-basis: 100%;
		max-width: 100%;
		margin: 5px 15px;
	}

	.pgr, .strankovani-odkaz, .strankovani-sipky{
		font-size: 15px;
		padding: 2px 5px;
		border-radius: 3px;
		border: 1px solid transparent;
		display: inline-block;
		vertical-align: top;
		text-decoration: none;
	}
	.pgr, .strankovani-odkaz:hover, .strankovani-sipky:hover{
		font-weight: bold;
		background: #f5f5f5;
		border: 1px solid #e7e7e7;
		text-decoration: none;
		color: black;
	}
	.products-not-found{
		display: none;
	}

	/***************************/
	/*  AKTUALITY
	/***************************/
	.article-thumb .aktuality_img {
			background: #f5f5f5;
			height: 100%;
			width: 100%;
		margin: 0;
		text-align: center;
		border: 1px solid transparent;
	}
	.article-thumb:hover{
		border: 1px solid #e7e7e7;
	}
	.article-thumb:hover .aktuality_img{
		border: 1px solid #e7e7e7;
	}
	.article-thumb .aktuality_img img{
			max-height: 135px;
	}
	h2.aktuality_name {
			margin-top: 0;
		font-weight: bold;
	}
	.aktuality_text {
			height: 2.8rem;
			overflow: hidden;
	}
	.article-thumb{
		position: relative;
		border: 1px solid #f5f5f5;
		padding: 10px;
	}
	.article-thumb .aktuality_img a{
		width: 100%;
		position: relative;
		text-align:center;
	}
	.mobile-show{
		display: none;
	}

	.desktop-hide {
		display: none !important;
	}



	/***********
	RESPONSIVE
	************/


	@media screen and (min-width: 567px){
.card-group > .card {
   /* -ms-flex: 1 0 0%;*/

    /* flex: 1 0 0%; */
    flex: none;
    margin-bottom: 15px;
    max-width: 25%;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
 	
}
	}



	@media screen and (max-width: 1637px){
	.nav li.lvl-1{
		padding: 6px 10px;
	}
	}


	@media screen and (max-width: 1500px){
		.btn-reserve-header{
			display: none;
		}
	}



	@media screen and (max-width: 1270px){
	#stripe .container{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}



	.header{
		display: block !important;
		height: auto !important;

	}

	.x-padding-mobile{
		padding: 0 20px;
	}

	.desktop-hide {
		display: flex !important;
	}

	#stripe .container > div{
		display: flex;
		align-items: center;
	}
	#stripe .container .logo{
		margin: 0;
	}
	#menu_top{
		position: static;
	}
	#menu_top .navbar-collapse {
		position: absolute;
		top: 100%;
		right: 0px;
		left: 0;
		background: #000000;
		z-index: 5000;
	}

	.mobile-show{
		display: block;
	}
	.mobile-hide{
		display: none !important;
	}
	.mobile-show img{
		min-height: 50px;
	}
	.navbar-inner {
		width: 100%;
	}
	.nav{
		display: block;
		text-align: center;
	}
	.navbar {
		height: auto;
	}
	.navbar-toggler {
			display: block !important;
			color: black;
		font-size: 22px;
		vertical-align: middle;
			outline: none !important;
			line-height: 25px;
	}
	.navbar-toggler-icon {
			font-size: 25px;
			height: auto;
			vertical-align: initial;
		margin-bottom: 0;
		color: black;
		width: auto;
	}
	.navbar-collapse.collapse:not(.show) {
		display: none;
		height: auto;
	}
	.nav li.lvl-1 {
		display: block;
		text-align: start;		
		padding: 0;
	}
.footer .nav li.lvl-1{
	text-align: center;	
}

	.nav li.lvl-1 a {
		display: block;
		padding-left: 3rem;
	}


	.nav li.lvl-1:last-of-type{
		padding-left: 0;
	}
	.nav li.lvl-1:last-of-type a:before{
		display: none;
	}
	.dropdown-toggle::before{
		display: none;
	}

	.dropdown-item{
		background-color: #2d2d2d;
	}

	.dropdown-item.active{
		background-color: #2d2d2d;
	}

	}
	@media screen and (max-width: 768px){
	.article-thumb > .row{
		flex-direction: column-reverse;
	}
	.article-thumb > .row > .col{
		width: 100%;
		position: relative;
		flex-basis: 100%;
	}
	}

	@media screen and (max-width: 900px){
	.kategorie .toggler {
		display: block;
	}
	.navbar-toggler-icon {
		font-size: 22px;
		height: auto;
		vertical-align: initial;
		margin-bottom: 0;
		color: black;
		width: auto;
	}
	.left-col {
		width: 100%;
	}
	.col-main {
		width: 100%;
		max-width: 100%;
	}
	}

	@media screen and (max-width: 800px){
	#aktuality_slide_box{
		display: block;
	}
	.archiv {
		position: relative;
		right: auto;
		top: auto;
		bottom: auto;
		display: block;
		padding: 1rem;
		padding-top: 0;
	}
	#aktuality_slide{
		max-width: 100%;
	}
	#nadpatickou .row .col{
		flex-basis: 100%;
		max-width: 100%;
		text-align: center !important;
	}
	#nadpatickou p{
		text-align: center;
	}
	#nadpatickou .col:nth-of-type(2) {
		border: none;
	}
	#stripe .tel i, #stripe .mail i{
		display: none;
	}
	#stripe .tel a, #stripe .mail a{
		overflow: hidden;
		content: '';
		color: transparent;
		height: 25px;
		width: 25px;
		display: block;
	}
	#stripe .tel a:before, #stripe .mail a:before {
		font-weight: 900;
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		font-size: 20px;
		margin-right: 6px;
		color: black;
		line-height: 25px;
	}
	#stripe .tel a:before {
		content: '\f095';
	}
	#stripe .mail a:before {
		content: '\f2b6';
		font-weight: normal;
	}
	.caption p{
		font-size: 18px;
		line-height: 20px;
	}
	button#modal-launch, button#modal-launch-2{
		text-align: center;
	}
	.box_green button p{
		margin-right: 0;
		margin-bottom: 5px;
	}

	}
		
	@media screen and (max-width: 640px){



	}





	.header {
		background-color: black;
		height: 130px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		/* Center vertically */
		padding: 30px 0px;
		/* Optional padding */
	}

	@media screen and (max-width: 1270px){
		.header{
			display: block ;
			height: auto ;
			padding: 0px;
		}
	}

	@media screen and (max-width: 1738px){
		.header{
			padding: 15px 10px;
		}
	}

	@media screen and (max-width: 1738px){
		.header{
			padding: 0px;
		}
	}

	.container-col {
		max-width: 600px;
		padding: 3rem;
		padding-top: 4rem;
	}


	@media screen and (max-width: 720px){
		.container-col {
			padding: 2rem 1rem 2rem 1rem;
      
		}
	}

	.bg-gray{
		background-color: #efefef;
	}

	.vertical-divider {

		width: 1px;
		/* Thickness of the divider */
		height: 80px;
		/* Adjust height as needed */
		background-color: #424141;
		/* Divider color */
		margin: 0 30px;
		/* Spacing around the divider */
	}

	.d-flex {
		display: flex;
		align-items: center;
		/* Ensure items align vertically */
	}

	.btn-primary {
		font-family: 'Poppins'!important;
		color: #0f0f0f!important;
		font-size: 18px!important;
		font-weight: bold!important;
		padding: 10px 20px!important;
		border-radius: 32px!important;
		background: #f0f0f0 !important;
		border: 2px solid #009bb4 !important;
	}

	.btn-primary:hover {
		background: rgba(15, 15, 15)!important;
		color: white!important;
		text-shadow: 1px 1px 2px black!important;
		cursor: pointer!important;
		background-image: linear-gradient(270deg, rgba(15, 15, 15, 1) 14%, rgba(0, 155, 180, 1) 58%)!important;
	}


	.btn-reserve {
		font-family: 'Poppins';
		color: #0f0f0f;
		font-size: 18px;
		font-weight: bold;
		padding: 10px 20px;
		border-radius: 32px;
    background-color: #f0f0f0;
		border: 2px solid #009bb4;
    text-decoration: none;
	}

	.btn-reserve:hover {
		background-color: rgba(15, 15, 15);
		color: white;
		text-shadow: 1px 1px 2px black;
		cursor: pointer;
		background-image: linear-gradient(270deg, rgba(15, 15, 15, 1) 14%, rgba(0, 155, 180, 1) 58%);
	}

	.main-stripe{
		color: white;
		background-color: rgba(15, 15, 15);
		background-image: linear-gradient(270deg, rgba(15, 15, 15, 1) 30%, rgba(0, 155, 180, 1) 60%);
	}

	.main-stripe h1{
		padding: 10px 0px;
		font-size: 36px;
		text-shadow: 1px 1px 2px black;
		color: white;
		font-weight: normal;
		text-align: center;
	}
	@media screen and (max-width: 640px){
		.main-stripe h1{
		font-size: 20px;
		padding: 10px 20px;
		}
		.mobile-center {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
	}	


	

	.open-time-line{
		display: flex;
		justify-content: space-between;
	}
	.open-time-line span{
		flex: 1;
		text-align: left;
	}
	.open-time-line span:nth-child(2){
		flex: 2;
		text-align: left;
	}

	.header div {        

		/* Apply to all direct divs inside .header */
	}
	.icons-stripe{
		background-color: #0f0f0f;
		height: 180px;
		display: flex;

		justify-content: space-around;
		align-items: center;
	}

	.icons-stripe h2 {
		color: white;
		font-size: 30px;
		font-family: 'Russo';
	}

	@media screen and (max-width: 640px){
		.icons-stripe h2 {
			margin: 10px 0px !important;
		}
		.icons-stripe {
			height: auto;
      padding: 20px 0;
		}


	}




		.bg {
			background-repeat: no-repeat;
			background-image: url("/files/images/slideshow/1.png");
			background-position: center;
			background-size: contain;
			transition: filter 0.3s ease-out;
		}

		.carousel-control-prev-icon,
		.carousel-control-next-icon {
			filter: invert(100%);
		}

		.slideshow-controls{
      z-index: 99999;
			width: 50%;
		}

		@media screen and (max-width: 640px){
			.slideshow-controls{
				width: 100%;
			}
	
		}

		.slideshow-divs {
			text-align: center;
			display: flex;
			justify-content: center;
		}

		.slideshow-divs p {
			text-align: center;
		}	

		.slideshow-divs div {
			flex: 1;
			opacity: 0.5;
			cursor: pointer;
		}

		.slideshow-divs hr {
			border: 0;
			border-top: 1px solid #ccc;
			margin: 1em 0;
		}

		.slideshow-divs .active hr {
			border-top: 1px solid #000;
		}

		.slideshow-divs .more-info {
			visibility: hidden;
		}

		.more-info{
			text-decoration: none !important;
		}
		.more-info:hover{
			text-decoration: underline !important;
		}

		.slideshow-divs .active .more-info {
			visibility: visible;
			color: black;
		}

		.slideshow-divs .active {
			font-weight: bold;
			opacity: 1;
		}


		/*********/
		/** PRODUCT */
		/*********/

		.product-div img {
			transition: opacity 0.3s ease-in-out;
			opacity: 1;
max-height: 250px;
			/* Default state */
		}

		.product-div h5,
		.product-div h6 {
			text-align: left;
		}

		.product-div button {
			visibility: hidden;
		}

		.product-div {
				
			/* Centers content horizontally */
		}

		.product-div:hover {
			background-color: gainsboro;
		}

		.product-div:hover img {
			opacity: 0.6;
			cursor: pointer;
			/* Adjust the opacity value as needed */
		}

		.product-div:hover button {
			visibility: visible;
			/* Adjust the opacity value as needed */
		}


		.disabled_reference {
			text-decoration: none;
			pointer-events: none; /* Disables click events */
			
		}
		

		.product-desc-div{
			padding: 2rem;
			background-color: rgb(223, 223, 223);
			box-shadow:0px 0px 23px #efefef;
		}

		.product-desc-div p{
			line-height: 2;
		}


		.reference{
			border-bottom: 3px solid transparent;
		}

		.reference:hover{
			border-bottom: 3px solid #d83826;
		}

		.dalsi-obrazky-navigace{
			display: flex;
		
			justify-content: center;		
		}

		@media screen and (max-width: 640px){
			.dalsi-obrazky-navigace{
				display: flex;
				justify-content: space-between;		
			}
		}

		.next-arrow,.prev-arrow{
				background: none;
				border: none;
		}

/* Target the images inside your slick slider */
.detail_images .slick-slide img {
    height: 100px;       /* Set this to your desired fixed height */
    object-fit: cover;   /* This crops the image to fit the box without distorting */
    width: auto;         /* Allows the width to adjust naturally based on the height */
}