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

		@font-face {
			font-family: 'Roboto';
			src: url('/files/fonts/Roboto-Regular.ttf') format('truetype');
		}

		@font-face {
			font-family: 'Roboto';
			src: url('/files/fonts/Roboto-Regular.ttf') format('truetype');
		}

		@font-face {
			font-family: 'Roboto';
			src: url('/files/fonts/Roboto-Bold.ttf') format('truetype');
			font-weight: bold;
			font-style: initial;

		}
		@font-face {
			font-family: 'Roboto-Light';
            src: url('/files/fonts/Roboto-Regular.ttf') format('truetype');;
			font-weight: 300;
		}
		@font-face {
			font-family: 'Roboto-Light';
			src: url('/files/fonts/Roboto-Bold.ttf') format('truetype');
			font-weight: bold;
		}


		/********************/
		/** Global
		*********************/ 
            
		body{
			position: relative;
			text-align: left;
			font-weight: 300;
				font-family: 'Roboto-Light';
			font-size: 17px;
			color: black;
			background: #FFFFFF;
		}

		* {
			margin: 0px;
			padding: 0px;
		}
		.vertical-align {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: row;
			margin-top: 5px;
		}

		h1, .h1{ 
			font-family: 'Roboto-Light';
			font-weight: 300;
			font-size: 30px;
			color: black;
			margin-bottom: 20px;
			padding-top: 10px;
		}

		h2, .h2{
			font-family: 'Roboto-Light';
			font-weight: bold;
			font-size: 30px;
			color: black;
			margin-bottom: 15px;
			margin-top: 40px;
		}
            .table-container {
                  display: flex;
                  justify-content: center; /* Vycentruje obsah horizontálně */
                  align-items: center; /* Vycentruje obsah vertikálně */
                  height: 100%; /* Zajistí, že kontejner bude vyplňovat celou výšku */
                              }
           .payment-table {
                  width: 100%;
                  border: 1px solid #ccc;
                  border-collapse: collapse;
                  font-family: Arial, sans-serif;
           @media (max-width: 768px) {
                  .table-responsive {
                   overflow-x: auto;
                                    }
                                  }
                          }
           .payment-table td {
                  vertical-align: middle;
                  padding: 10px;
                             }
          .payment-table .logo-cell {
                  display: flex;
                  align-items: center;
                  border-right: 1px solid #ccc;
                                    }
          .payment-table .text-cell {
                  padding-left: 20px;
                                    }
            	.underlined{
			color: black;
			font-weight: bold;
			border-bottom: 1px solid black;
			margin-bottom: 15px;
			padding-bottom: 3px;
			margin-top: 35px;
		}
		.nomargin{
			margin: 0;
		}

		h3, .h3{
			font-family: 'Roboto-Light';
			font-weight: bold;
			font-size: 20px;
			color: black;
   			 margin-bottom: 20px;
   			 margin-top: 30px;
		}
		.index-text h1{
			border-bottom: 0 !important;
			padding-bottom: 0 !important;
		}
		ul{
			padding: 0;
		}
		li{
			list-style: none;
			padding-left: 20px;
			position: relative;
		}
		p, li, td, a, span{
			font-weight: 300;
				font-family: 'Roboto-Light';
			font-size: 17px;
			color: black;
		}
		.btn{
			font-size: 17px;
			border-radius: 0;
		}
		li:before{
			content: '\f45c';
			font-family: "Font Awesome 5 Free";
				font-weight: 900;
			color: black;
			font-size: 6px;
				vertical-align: top;
				display: inline-block;
			position: absolute;
			top: 0.6rem;
			left: 0;
		}	
		b, strong{
			font-weight: bold;
		}
		a{
			text-decoration: underline;
		}
		a:hover{
			text-decoration: none; 
			color: black;
		}
		img{
			max-width: 100%;
			height: auto;
		}
		.EditableSection th, .EditableContent th, .editable-section th,
		.EditableSection td, .EditableContent td, .editable-section td{
			font-size: 17px;	
			color: black;
			font-weight: 300;
			font-family: 'Roboto-Light';
			padding: 5px;
			border: 1px solid #e0e0e0;
		}

		.EditableContent *:not(.justified-gallery) a[rel="lightbox[all]"] img{
			margin: 4px !important;
		}	
		.link-fill{
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			display: block;
			z-index: 10;
		}
		.vice{
			font-size: 20px;
			font-weight: 300;
			font-family: 'Roboto-Light';
			background: white;
			display: inline-block;
			position: relative;
			margin: 0 30px;
			padding: 0 3px;
			text-decoration: none;
			color: black;
		}
		.vice:after{
			content: '';
			height: 1px;
			width: calc(100% + 50px);
			position: absolute;
			top: 55%;
			left: -25px;
			background: #da0001;
			z-index: -1;
		}
		.vice:hover{
			color: #da0001;
		}
		.btn{
			text-decoration: none;
			box-shadow: none;
			padding: 5px 20px;
			color: black;
			border: 1px solid #0c3d84;
			background: white;
			outline: none !important;
			box-shadow: none !important;
			border-radius: 4px;
		}
		.btn:hover{
			
		}
		.btn i{
			margin-left: 6px;
		}
		.btn-primary{
			background: white;
			border: 1px solid #dbdbdb;
			color: black !important;
			border-radius: 4px;
			padding: 5px 20px;
			outline: none !important;
			box-shadow: none;
			font-weight: normal;
			font-size: 17px;
			min-height: 40px;
		}

		.btn-second,.modal-dialog .btn-primary, .btn-primary{
			position: relative;
			border: 1px solid #dbdbdb;
			border-radius: 8px;
			padding: 5px 20px;
			outline: none !important;
			box-shadow: none;
			font-weight: normal;
			font-size: 17px;
			min-height: 40px;
			z-index: 10;	
			background: #F5F5F5;
            transition: ease !important;
            color: black;
		}

		.btn-second:hover,.modal-dialog .btn-primary,.btn-primary{
			cursor: pointer;
		}

		.btn-primary{
			padding-top: 15px;
			padding-bottom: 15px;
		}

	

		.btn-hover-brown{
			border: 1px solid #ad9c8a !important;
		}


		.btn-hover-brown:hover{
			background: #ad9c8a;
			border: 1px solid white;
			color: white !important;
		}

		.btn_2,div.mex-eshop-product-added .mex-product-added-buttons button{
			text-decoration: none;
			color: black !important;
			border: 1px solid #ad9c8a !important;
			border-radius: 4px;
			background: white;
			outline: none !important;
			box-shadow: none !important;
			padding: 15px 20px;
			margin: 10px;
			transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
		}

		#EshopOrderCart-Zpet,#EshopOrderCarrierPayment-Zpet,#EshopOrderAddress-Zpet,#EshopOrderSummary-Zpet{
			text-decoration: none;
			color: black !important;
			border: 1px solid #ad9c8a !important;
			border-radius: 4px;
			background: white;
			outline: none !important;
			box-shadow: none !important;
			padding: 15px 35px;
			margin: 10px;
			transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
		}

		#EshopOrderCart-Zpet:hover,#EshopOrderCarrierPayment-Zpet:hover,#EshopOrderAddress-Zpet:hover,#EshopOrderSummary-Zpet:hover{
			background: #ad9c8a;
			border: 1px solid white;
			color: white !important;
		}

		div.mex-eshop-product-added .mex-product-added-buttons a{
			padding-top: 16px;
			padding-bottom: 16px;
		}




		.btn_2:hover,div.mex-eshop-product-added .mex-product-added-buttons button:hover{
			background: #ad9c8a;
			border: 1px solid white;
			color: white !important;
		}

		.btn-secondary{
			border-radius: 0;
			padding: 0.2rem 2rem;
			border-radius: 0;
			color: black;
			border: 1px solid #d0cfcf;
				background: white;
		}
		.btn-secondary:hover{
			background: #f2f2f2;
			color: black;
			border: 1px solid #d0cfcf;
		}
		.btn-black-outline{
			background: white;
			border: 1px solid black;
			color: black !important;
			border-radius: 4px;
		}
		.btn-black-outline:hover{
			background: black;
			border: 1px solid black;
			color: white !important;
		}
		.btn-big{
			padding: 15px 35px;
			margin: 10px;
		}
		.btn-link{
			color: black;
		}
		.btn-link:hover{
			color: black;
		}

		main{
			margin-bottom: 2rem;
		}
		.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;
		}
		.rotater{
			font-size: 50px;
			text-align: center;
		}
		.rotater:hover .to-rotate{
				-ms-transform: rotateY(360deg);
				-webkit-transform: rotateY(360deg);
				transform: rotateY(360deg);
				transition: ease-in-out .6s;
				-webkit-transition: ease-in-out .6s;
		}
		.zoomIn {
				-webkit-animation-duration: 1s;
				animation-duration: 1s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				-webkit-animation-name: zoomIn;
				animation-name: zoomIn;
		}
		.zoomIn p{
			font-size: 30px;
		}
		.mt-20{
			margin-top: 20px;
		}
		.mb-20{
			margin-bottom: 20px;
		}
		@-webkit-keyframes zoomIn {
		from {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3);
		}

		50% {
			opacity: 1;
		}
		}
		@keyframes zoomIn {
		from {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3);
		}

		50% {
			opacity: 1;
		}
		}

		.topper{
			transition: all 0.25s ease-in-out 0s;
		}
		.topper:hover{
				transition: all 0.25s ease-in-out 0s;
				margin-top: -10px;
				margin-bottom: 10px;
		}

		.curved-shadow {
		position: relative;
		margin-bottom: 30px;
		width: 100%;
		text-align: center;
		box-shadow: none;

		}

		.curved-shadow:after {
		content: "";
		position: relative;
		z-index: -2;
		position: absolute;
		top: 50%;
		left: 20px;
		right: 20px;
		bottom: 0;
		box-shadow: 0 0px 10px 7px rgba(100,100,100,0.3);
		border-radius: 450px / 15px
		}

		input[type="radio"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		display: inline-block;
		width: 15px;
		height: 15px;
		padding: 2px;
		background-clip: content-box;
		border: 1px solid #bbbbbb;
		background-color: transparent;
		border-radius: 50%;
		outline: none !important;
		box-shadow: none !important;
		}

		/* appearance for checked radiobutton */
		input[type="radio"]:checked {
		background-color: black;
		border: 1px solid black;
		}

		form.mex-eshop-carrier-payment .mex-radio-doprava, form.mex-eshop-carrier-payment .mex-radio-platba{
			top: calc(50% - 7px);
		}

		.mex-icon{
			color: black;
			margin-right: 2px;
		}

		/**********************************/
		/*         MENU
		/**********************************/
		#menu_top .container{
			padding: 0;
			overflow: visible;
		}
		#menu_top{
			display: inline-block;
		}

		#menu_top_2 a{
			text-decoration: none;
		}
		#menu_top_2 a:hover{
			text-decoration: underline;
			color: #023277;
		}

		.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{
			width: 100%;
		}
		.nav {
			display: block;
		}
		.nav li {
			margin: 0;
			position: relative;
			display: inline-block;	
			padding: 0;
		}
		.nav li:before{
			content: '';
		}
		.nav li.lvl-1{
			padding: 3px 10px;
		}
		.nav li.lvl-1 > a {
				font-size: 17px;
				color: white;
			font-family: 'Roboto-Light';
				font-weight: 300;
			padding: 7px 10px;
			border-radius: 0;
				text-decoration: none !important;
				display: inline-block;
			position: relative;
		}
		.nav li.lvl-1 > a:hover, .nav li.lvl-1 > a.active, .dropdown-toggle:hover{
			background: white;
			color: black;
		}
		#menu_top .nav{
			justify-content: flex-end;
			display: flex;
		}	
		#menu_top .nav li{
			padding: 0;
		}
		#menu_top .nav li:after{
			content: '';
		}
		.dropdown-toggle::before {
			display: none;
			width: 0;
			height: 0;
			color: black;
			margin-right: 0.255em;
			vertical-align: middle;
			content: "";
			border-top: 0.3em solid;
			border-right: 0.3em solid transparent;
			border-bottom: 0;
			border-left: 0.3em solid transparent;
		}
		.dropdown-toggle::after{
			display: none;
		}
		#menu_top .dropdown-toggle::before{
			display: none;
		}
		.dropdown-menu {
			border-radius: 0;
			border: 1px solid #dbdbdb;
			margin: 0;
			left: 0px;
			top: 39px;
			min-width: calc(100% + 2px);
			background-color: white;
			transform-origin: 50% 0;
			transform: scaleY(0);
			opacity: 0;
			display: block;
			transition: transform 0.3s, opacity 0.3s;
		}
		.dropdown-menu.show {
			transform: scaleY(1);
			opacity: 1;
		}
		.dropdown-menu a{
			text-decoration: none;
		}
		.dropdown-menu a:hover, .dropdown-menu a:active{
			text-decoration: underline;
			background: inherit;
		}

		/**********************************/
		/*         MENU - KATEGORIE
		/**********************************/
		#menu_kategorie{	
	
		}
		#menu_kategorie .container{
			position: relative;
			background: #4200FF;
			border-radius: 10px;
		}
		.dropdown-menu-wrap{
			display: flex;
			flex-wrap: wrap;
			margin: 0 -5px;
			padding: 30px 0;
		}
		.dropdown-menu-box{
			position: relative;
			display: flex;
			flex-basis: 20%;
			max-width: calc(20% - 10px);
			border: 1px solid #d6d6d6;
			background: white;
			align-items: center;
			margin: 5px;
			margin-bottom: 10px;
			padding: 5px;
		}
		.dropdown-menu-box a{
			z-index: 2;
			background: transparent !important;
		}
		.kategorie-box-img{
			display: flex;
			align-items: center;
			width: 50px;
			height: 70px;
			margin-right: 10px;
			z-index: 1;
		}
		.kategorie-box-img img{
			max-width: 100%;
			max-height: 70px;
		}
		.kategorie-box-name{
			color: black;
			font-weight: 300;
			font-size: 17px;
			z-index: 1;
			margin-bottom: 0;
		}
		.dropdown-menu-box:hover{
			border: 1px solid #b40b8e;	
			-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
				-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
				box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
		}

		.dropdown-menu-box:hover .dropdown-menu-box-name{
			color: black;
		}

		#menu_kategorie .navbar {
				padding: 0;
			margin-top: 0;
			-webkit-transition: all 0;
				transition: all 0;
			justify-content: center;
		}
		#menu_kategorie .navbar-toggler {
			display: none;
		}
		#menu_kategorie .navbar-inner{
			text-align: left;
			width: 100%;
		}
		#menu_kategorie .nav {
				justify-content: space-between;
			display: flex;
			flex-wrap: nowrap;
		}
		#menu_kategorie .nav li {
				margin: 0;
				display: inline-block;	
			padding: 0;
		}
		#menu_kategorie .nav li:before{

		}
		#menu_kategorie .nav li.lvl-1{
			padding: 0;
		}
		#menu_kategorie .nav li.lvl-1 > a {
				font-size: 17px;
				color: white;
			
				font-weight: bold;
			padding: 18px 12px 15px 12px;
			border-radius: 0;
				text-decoration: none !important;
				display: inline-block;
			position: relative;
		}
		#menu_kategorie .nav li.lvl-1 > a:hover, #menu_kategorie .nav li.lvl-1 > a.active{
			color: white;
			background: transparent;
		}

		#menu_kategorie .nav li.lvl-1:hover > a, #menu_kategorie .nav li.lvl-1.active > a, #menu_kategorie .nav li.lvl-1:hover .dropdown-toggle{
			color: white;
			background: #023277;
		}
		#menu_kategorie .nav li.lvl-1:hover .dropdown-toggle::before, #menu_kategorie .nav li.lvl-1 .dropdown-toggle.active::before, #menu_kategorie .nav li.lvl-1 .dropdown-toggle.active{
			color: white;
			background: #023277 ;
		}
		#menu_kategorie .dropdown-menu {
				border-radius: 0;
			border: 1px solid #dbdbdb;
				margin: 0;	
				top: 100%;
				background-color: white;
				transform-origin: 50% 0;
				transform: scaleY(0);
				opacity: 0;
				display: block;
				transition: transform 0.3s, opacity 0.3s;
				z-index: 500;
				height: auto;
			min-width: 100%;
			float: none;
		}
		#menu_kategorie .dropdown-menu.show {
			transform: scaleY(1);
			opacity: 1;
		}
		#menu_kategorie .dropdown-menu a{
			text-transform: none;
			text-decoration: none;
		}
		#menu_kategorie .dropdown-menu a:hover, #menu_kategorie .dropdown-menu a:active{
			background: #023277;
			color: white;
			
		}

		/********************/
		/** HEADER
		*********************/ 
		.col-logo {
			align-items: center;
			display: flex;
		}

		.col-logo2 {
			display: flex;
		
		}

		.col-logo2 img {
			align-self: flex-end;
		}

		.logo{
			display: inline-flex;
			align-items: center;
			text-align: center;
			justify-content: space-between;
			position: relative;
			margin-right: 10px;
		}
		.logo p{
			font-weight: 300;
			font-family: 'Roboto-Light';
			color: black;
			margin: 0;
			display: inline-block;	
			text-align: left;
		}
		.logo .big{
			font-weight: bold;
			text-transform: uppercase;
			font-size: 48px;
			line-height: 48px;
		}
		.logo .purple{
			font-family: 'Roboto';
			font-size: 25px;
			color: #b40b8e;
			display: block;
			text-align: right;
		}
		p.nadpis {
				display: inline-block;
			margin: 0;
			font-family: 'Roboto-Light';
			font-size: 25px;
			text-transform: uppercase;
		}
		.fcb{
			display: inline-block;
			margin-left: 10px;
		}
		#kontakt .fcb:hover{
			color: #da0001 !important;
		}
		#stripe{
			background: black;
		}
		.collapse_open, .collapse_close{
			display: none;
			color: transparent;
			height: 0;
		}
		#kontakt p{
			display: inline-block;
			margin-bottom: 0;
		}
		#kontakt p, #kontakt p a{
			color: white;
			font-family: 'Roboto-Light';
			text-decoration: none;
		}
		#kontakt p a:hover{
			text-decoration: underline;
		}
		.login-box a:nth-of-type(2):before{
			content: '|';
			display: inline-block;
			margin-left: 5px;
			margin-right: 10px;
		}
		#header{

		}
		#logo a{
			text-decoration: none;
		}
		#logo img{
			margin-right: 13px;
				max-height: 95px;
		}
		#logo span{
			display: inline-block;
			font-family: 'Roboto-Light';
			color: black;
			font-weight: 300;
			line-height: 1.2;
			font-size: 24px;
			vertical-align: middle;
		}	
		#logo span strong{
			font-weight: bold;
		}
		.searchbox{
			position: relative;
			display: inline-block;
			margin: 2px 0;
		}
		#form_search {
			display: flex;

		}
		.searchbox .search_text{
			padding: 11px 15px;
			border: 1px solid black;
			font-family: 'Roboto';
			color: #4b4b4b;
			background-color: #fff;
			width: auto;
			min-width: 235px;
			border-radius: 4px;

		}

		@media only screen and (max-width: 990) {
			.searchbox .search_text{
			width: 200px !important;
			}
		}


		@media only screen and (max-width: 1500px) {
			.searchbox .search_text{
			width: 300px !important;
			}
		}

		
		.searchbox .search_text:focus-visible{
			border: 2px solid #ad9c8a;
		}


		.searchbox .submit{
				padding: 11px 14px;
		}
		.searchbox .submit:hover{

		}
		.login{
			display: inline-block;
			border: 1px solid #dbdbdb;
			background: white;
			color: black;
			padding: 10px 15px;
			margin: 2px 0;
		}
		.login:hover{
			background: #393939;
			color: white;
		}

		/**********************************/
		/*         KOSIK HLAVICKA
		/*********************************/

		div.mex-div-kosik-top-box{
			margin: 2px 0;
			border: none;
			background: transparent;
			padding: 10px 0;
		}
		div.mex-div-kosik-top-box .a_cena{
			text-decoration: none;
		}
		a.mex-login-box:hover{
			color: #d6d6d6;
			text-decoration: none;
		}
		.eshop-box > a{
			text-decoration: none;
			font-size: 17px;
			font-weight: 300;
			font-family: 'Roboto-Light';
			padding: 10px 10px;
			padding-top: 9px;
			cursor: pointer;
		}
		.eshop-box > a i{
			font-size: 19px;
		}
		.eshop-box > a:hover i{
			color: #d6d6d6;
		}
		.eshopTopBox > a{
			text-decoration: none;
			display: block;
		}
		.eshopTopBox > a:hover{
			color: #d6d6d6;
		}
		.eshopTopBox:hover{

		}
		.kosikCena{
			text-decoration: none;
			font-family: 'Roboto-Light';
			font-weight: 300;
			font-size: 19px;
			color: black;
		}
		.kosikCena:hover, .eshopTopBox:hover .kosikCena{
			color: #d6d6d6;
			text-decoration: none;
		}

		.kosikCena:hover #kosik-box-kusu-cena{
			text-decoration: underline;
		}
		.kosikCena .fa-shopping-cart{
			color: black;
			margin-right: 8px;
		}
		.kosikCena #kosik-box-kusu-zbozi{
			font-weight: bold;
			background: black;
			color: white;
			padding: 0px 6px;
			margin-right: 10px;
			margin-left: 5px;
			text-decoration: none !important;
		}
		.kosikCena #kosik-box-kusu-cena{
			font-weight: bold;
			text-decoration: none !important;
		}
		span.inCart {
			display: inline-block;
			margin-left: 5px;
			margin-right: 15px;
			color: white;
			font-weight: bold;
			background: #4200FF;
			border-radius: 3px;
			line-height: 20px;
			text-align: center;
			padding: 3px 5px;
		}

		/********************/
		/** LEFT COL
		*********************/ 
		.left-col{
			max-width: 285px;
				width: 285px;
			margin-bottom: 1rem;
		}
		#tips{
			border: 3px solid #da0001;
			padding: 4px;
			margin-bottom: 15px;
		}
		#tips > div{
			border: 1px solid #da0001;
			background: #da0001;
		}
		#tips a{
			font-family: 'Roboto';
			font-weight: Bold;
			font-size: 17px;
			color: white;
			display: block;
			padding: 5px 8px;
			text-decoration: none;
			text-transform: uppercase;
		}
		#tips a:hover, #tips a.selected{
			background: #393939;
			color: white;
		}
		#cat .h3{
			font-size: 19px;
			color: black;
		}
		#category{
			border: 1px solid #393939;
			background: #393939;
			padding: 0.5rem 0;
			margin-bottom: 15px;
		}
		#category.item1{
			position: relative;
			z-index: 500;
		}	
		#category.item1 > p > a{
			text-transform: uppercase;
		}
		#category a{
			display: block;
			font-family: 'Roboto';
			font-weight: normal;
			font-size: 17px;
			text-decoration: none;
			padding: 4px 15px;
			border: 1px solid transparent;
			line-height: initial;
			color: white;
			margin-left: -1px;
			margin-right: -1px;
		}
		#category a:hover, #category a.hover, #category a.selected, #category p.open > a{
			color: white;
			border: 1px solid #da0001;
			background: #da0001;
		}
		#category p{
			margin-bottom: 0;
		}
		#category .close{
			opacity: 1;
			box-shadow: none;
			padding: 0;
			color: inherit;
			font-size: inherit;
			float: none;
			font-weight: inherit;
			text-shadow: none;
		}	
		#category .close + .item2{
			display: none;
		}
		#category .close a{
				padding: 4px 15px;
		}
		#category .item2 a{
			color: black;
			background: white;
			padding: 2px 20px;
			margin-left: 0;
			margin-right: 0;
		}
		#category .item2 p{
			margin: 0;
		}
		#category .item2 a:hover, #category .item2 a.selected{
			color: black;
			border: 1px solid #D5D3D4;
			background: #D5D3D4;

		}
		#category .item2 a .fas{
			font-size: 8px;
			margin-right: 10px;
			vertical-align: middle;
		}
		#category .item2 a:hover .fas, #category .item2 a.selected .fas{
			color: #e8c52d;
		}

		/********************/
		/** MAIN COL
		*********************/ 
		.main-col{
				max-width: calc(100% - 285px);
			flex: 0 0 calc(100% - 285px);
			margin-top: 26px;
		}
		.editable_section a[rel="lightbox[all]"] img, .editable-section a[rel="lightbox[all]"] img{
			border: 2px solid white !important;
			margin: 5px !important;
			max-width: 100%;
			width: auto !important;
			height: auto !important;
			z-index: 50;
		}
		.editable_section a[rel="lightbox[all]"] img:hover, .editable-section a[rel="lightbox[all]"] img:hover{
			border: 2px solid #D5D3D4 !important;
		}

		/********************/
		/** SLIDESHOW
		*********************/ 

		#slideshow-area{
		background: #336cbb;
		}

		#slideshow-area p{
			color: white;
		}


		#slideshow{

		}
		#slideshow .slick-slide img{
			display: initial;
		}	
		.slick-dots{
			bottom: 10px;
			z-index: 10;
			width: 100%;
			left: 0;
			right: 0;
		}
		.slick-dots li{
			margin: 0;
			margin: 0 0.25rem;
			padding: 0;
			width: 18px;
			height: 18px;
		}
		.slick-dots li:before{
			content: '';
			background: transparent;
			position: absolute;
			width: 6px;
			height: 6px;
			border-radius: 10px;
			left: 0;
				right: 0;
				top: 0;
				bottom: 0;
			margin: auto;
		}
		.slick-dots li button{
			background: #ad9c8a;
			width: 18px;
			height: 18px;
			border-radius: 20px;
			margin: 0;
		}
		.slick-dots li button:before{
			background: black;
			position: absolute;
			width: 8px;
			height: 8px;
			color: transparent !important;
			opacity: 0 !important;
		}
		.slick-dots li.slick-active:before, .slick-dots li:hover:before{
			background: black;
		}
		.caption{
			text-align: center;
			padding: 50px 0;
		}
		.caption p{
			
			text-align: center;
			font-family: 'Roboto';

		}	
		.caption p.big{
			color: black;
			font-weight: bold;
			font-size: 60px;
			line-height: 75px;
			text-align: center;
		}
			

		/********************/
		/** BANNERS
		*********************/ 
		#banners{
		}
		.banner{
			text-align: center;
			position: relative;
			margin-bottom: 1rem;
		}
		.banner a{
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			z-index: 1;
		}	
		.banner .h3{
			font-size: 22px;
			color: black;
		}
		.banner .banner_img{
			border: 1px solid #dbdbdb;
			position: relative;
			width: 100%;
			height: 150px;
			background: white;
		}
		.banner:hover .banner_img{
			border: 1px solid #da0001;
		}
		.banner .banner_img img{
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			max-height: 130px;
			max-width: 100%;
		}
		.banner:hover .vice{
			color: #da0001 !important;
		}

		/********************/
		/** PRODUCTS
		*********************/
		.content-title{
			font-size: 30px;
			font-family: 'Roboto';
			font-weight: bold;

			margin-bottom: 10px;
			padding-bottom: 10px;
		}
		.produkty{
			flex-wrap: wrap;
			clear: both;
			margin-top: 20px;
		}
		.produkty-slide{
			margin-left: -1px;
		}
		.produkty-slide .slick-list.draggable{
			padding-left: 1px;
		}
		.produkty-slide .slick-track{
			min-width: 100%;
		}
		.produkty .card {
				flex-basis: 20%;
			position: relative;
			text-align: center;
			line-height: 1.1;
			border: 1px solid transparent !important;
			border-radius: 0 !important;
			margin-bottom: 2rem;
			background: transparent;
			max-width: 20%;
			margin-left: -1px !important;
		}
		.produkty-slide .card{
			flex-basis: 20%;
			max-width: 20%;
		}
		.produkty .card:hover{
			border: 1px solid #ad9c8a !important;
			box-shadow: 2px 2px 5px #ad9c8a;
			z-index: 1;
		}

		.border-brown:hover{
			border: 1px solid #ad9c8a !important;
			box-shadow: 2px 2px 5px #ad9c8a;
		}

		.pt-45 {
			padding-top: 45px;
		}

		/*******************************/
		/***   UNIVERZALNI PRODUKT   ***/
		/*******************************/
		.mex-standard-products {
			flex-wrap: wrap;
		}
		.mex-standard-products .mex-produkt-standard{
			flex-basis: 20%;
				position: relative;
				text-align: center;
				line-height: 1.1;
				border: 1px solid #dbdbdb !important;
				border-bottom: 1px solid transparent !important;
				border-top: 1px solid transparent !important;
				border-radius: 0 !important;
				margin-bottom: 2rem;
				background: transparent;
				max-width: calc(20% + 1px);
				margin-left: -1px !important;
		}
		.mex-standard-products .mex-produkt-standard:hover {
				border: 1px solid black !important;
				z-index: 1;
		}
		.mex-produkt-standard .card-body,
		.mex-produkt-standard .card-footer{
			padding: 10px;
		}
		.mex-produkt-standard .card-footer{
			border: none;
			background: transparent;
		}
		.mex-standard-products .mex-produkt-standard a.link-fill{
			z-index: 5;
		}
		.mex-produkt-standard .h2 {
				height: 2.1em;
				overflow: hidden;
				line-height: 1;
				margin-bottom: 15px;
			margin-top: 10px;
		}
		.mex-produkt-standard .h2 a{
			text-transform: initial;
			text-decoration: none;
			font-size: 17px;
			color: black;
			font-weight: normal;
		}
		.mex-produkt-standard:hover .h2 a{
			text-decoration: underline;
		}
		.mex-produkt-standard .mex-produkt-standard-img{
				position: relative;
				margin-bottom: 15px;
				min-height: 8rem;
				height: 220px;
				text-align: center;
				border-right: 1px black;
				border-left: 1px black;
		}
		.mex-produkt-standard .mex-produkt-standard-img img {
				max-height: 220px;
				width: auto;
			display: inline-block;
		}
		.mex-produkt-standard .mex-produkt-standard-tags {
				position: absolute;
				left: -10px;
				top: 30px;
				z-index: 1;
			text-align: left;
		}
		.mex-produkt-standard-tag {
				color: white;
				font-size: 14px;
				font-weight: normal;
				padding: 0 5px;
				display: inline-block;
				position: relative;
				line-height: 1.5;
			margin-bottom: 1px;
		}
		.mex-produkt-standard-tags-icon .mex-produkt-standard-tag:before{
			font-family: "Font Awesome 5 Free";
				font-weight: 900;
			display: inline-block;
			color: white;
			margin-right: 5px;
		}
		.mex-produkt-standard-tags-icon .tag-vyprodej:before{
			content: '\f02b';
		}
		.mex-produkt-standard-tags-icon .tag-sleva:before, .mex-produkt-standard-tags-icon .tag-akce:before{
			content: '\f295';
		}
		.mex-produkt-standard-tags-icon .tag-doporucujeme:before, .mex-produkt-standard-tags-icon .tag-tip:before{
			content: '\f164';
		}
		.mex-produkt-standard-tags-icon .tag-novinka:before{
			content: '\f005';
		}
		.mex-produkt-standard-tags-full .tag-vyprodej{
			background: #b40b8e;
		}
		.mex-produkt-standard-tags-full .tag-akce{
			background: #e00703;
		}
		.mex-produkt-standard-tags-full .tag-sleva{
			background: #fe6703;
		}
		.mex-produkt-standard-tags-full .tag-doporucujeme{
			background: #359600;
		}
		.mex-produkt-standard-tags-full .tag-novinka{
			background: #059cea;
		}
		.mex-produkt-standard-tags-full .tag-tip{
			background: #359600;
		}

		.mex-produkt-standard-tags-outline .mex-produkt-standard-tag{
			background: white;
			font-weight: bold;
		}
		.mex-produkt-standard-tags-outline .tag-vyprodej{
			color: #b40b8e;
			border: 1px solid #b40b8e;
		}
		.mex-produkt-standard-tags-outline .tag-akce{
			color: #e00703;
			border: 1px solid #e00703;
		}
		.mex-produkt-standard-tags-outline .tag-sleva{
			color: #fe6703;
			border: 1px solid #fe6703;
		}
		.mex-produkt-standard-tags-outline .tag-doporucujeme{
			color: #359600;
			border: 1px solid #359600;
		}
		.mex-produkt-standard-tags-outline .tag-novinka{
			color: #059cea;
			border: 1px solid #059cea;
		}
		.mex-produkt-standard-tags-outline .tag-tip{
			color: #010667;
			border: 1px solid #010667;
		}
		.mex-produkt-standard-tags-outline .mex-produkt-standard-tag:before{
			color: inherit;
		}

		.mex-produkt-standard .mex-produkt-standard-favourite{
			position: absolute;
			top: 0;
			right: 0;
			color: #dbdbdb;
			z-index: 50;
			cursor: pointer;
		}
		.mex-produkt-standard .mex-produkt-standard-favourite:hover,
		.mex-produkt-standard .mex-produkt-standard-favourite.is-favourite{
			color: #e00703;
		}	
		.mex-produkt-standard .mex-produkt-standard-discount{
			background: #e00703;
			border: 3px solid white;
			position: absolute;
			top: 15px;
			right: 0;
			border-radius: 100px;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 75px;
			height: 75px;
		}
		.mex-produkt-standard .mex-produkt-standard-discount span{
			color: white;
			font-size: 23px;
			font-weight: bold;
		}
		.mex-produkt-standard .mex-produkt-standard-colors{
			text-align: center;
			margin: 5px 0;
		}
		.mex-produkt-standard .mex-produkt-standard-color{
			display: inline-block;
			border-radius: 3px;
			width: 15px;
			height: 15px;
			z-index: 50;
			position: relative;
			cursor: pointer;
		}
		.mex-produkt-standard .mex-produkt-standard-vyrobce{
			margin-bottom: 5px;
		}
		.mex-produkt-standard .mex-produkt-standard-code{
			margin-bottom: 5px;
		}
		.mex-produkt-standard .reccomended-price-wrap{
			margin-bottom: 5px;
		}
		.mex-produkt-standard .reccomended-price{
			text-decoration: line-through;
		}
		.mex-produkt-standard .price-with-vat-wrap{
			color: black;
			margin-bottom: 5px;
			font-weight: bold;
		}	
		.mex-produkt-standard .dostupnost {
				display: inline-block;
				font-size: 12px;
				font-weight: bold;
				margin: 5px 0;
				color: #ad9c8a;
		}
		.mex-produkt-standard .dostupnost.produkt-dostupnost-vyprodano {
				color: #e00703;
		}
		.mex-produkt-standard .produkt-dostupnost-nevyprodano:before, 
		.mex-produkt-standard .produkt-dostupnost-vyprodano:before {
				content: '';
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				width: 17px;
			margin-right: 6px;
				display: inline-block;
		}
		.mex-produkt-standard .produkt-dostupnost-nevyprodano:before {
				display: none;
				content: '\f058';
		}
		.mex-produkt-standard .produkt-dostupnost-vyprodano:before {
				content: '\f057';
		}
		.mex-produkt-standard .mex-produkt-standard-versions{
			margin: 5px 0;
		}
		.mex-produkt-standard .mex-produkt-standard-versions select{
			position: relative;
			z-index: 10;
			border: 1px solid #dbdbdb;
		}
		.mex-produkt-standard .mex-produkt-standard-pocet{
			margin-bottom: 8px;
		}
		form.mex-form-produkt-mnozstvi button.mex-button-plus-minus{
			background: white;
		}
		form.mex-form-produkt-mnozstvi button.mex-button-plus-minus:hover{
			background: #d7d7d7;
			color: black;
		}
		.mex-produkt-standard .mex-produkt-standard-btn{
			margin: 0;
			z-index: 10;
		}
		.mex-produkt-standard .btn{
			position: relative;
		}
		.tlacitkoKoupit2:hover, .modal-dialog .btn-primary:hover,.btn-primary:hover{
			background: #023277;
				border: 1px solid #023277;
				color: white !important;
				-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
				-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
				box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
		}
		.tlacitkoKoupit2.active,.modal-dialog .btn-primary:active{
			background: #023277;
				border: 1px solid #023277;
				color: white !important;
				-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
				-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
				box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
		}

		.mex-produkt-standard .btn-koupit:before{
			content: '\f07a';
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
			margin-right: 6px;
				display: inline-block;
		}
		@media screen and (max-width: 1300px){
		.mex-standard-products .mex-produkt-standard {
				flex-basis: 25%;
				max-width: 25%;
		}
		}
		@media screen and (max-width: 1100px){
		.mex-standard-products .mex-produkt-standard {
				flex-basis: 33.333%;
				max-width: 33.333%;
		}
		}
		@media screen and (max-width: 720px){
		.mex-standard-products .mex-produkt-standard {
			flex-basis: 50%;
			max-width: 50%;
		}
		}
		@media screen and (max-width: 500px){
		.mex-standard-products .mex-produkt-standard {
			flex-basis: 100%;
			max-width: 100%;
		}
		}

		/********************/
		/** SWITCHER
		*********************/

		.switcher .nav-tabs .nav-link, .switcher .nav-tabs .nav-link.active, .switcher .nav-tabs .nav-item.show .nav-link{
			color: black;
				font-weight: bold;
			margin: 0;
				margin-bottom: 5px;
			margin-right: 15px;
			border: none;
			font-size: 23px;
			padding: 0;
			text-decoration: none;
		}
		.switcher .nav-tabs .nav-link.active, .switcher .nav-tabs .nav-item.show .nav-link, .switcher .nav-tabs .nav-link:hover{
			color: #da0001;
		}

		/********************/
		/** PRODUCTS DETAIL
		*********************/

		div#roll-col {
			margin-bottom: 30px;
		}
		#roll-box {
			position: relative;
		}
		.detail_box{
			margin-bottom: 30px;
		}
		#product-image{
			max-width: 100%;
		}
		.detail_img{
			position: relative;
			text-align: center;
			margin-bottom: 15px;
		}
		.detail_img p.akce{
			position: absolute;
				left: 0;
				bottom: auto;
				top: 10px;
				text-align: left;
				z-index: 15;
		}
		#img-popup-1{
			margin-bottom: 1rem;
			display: inline-block;
		}
		.product-detail{
			margin-top: 1rem;
		}
		.detail_images{
			margin-left: -5px;
			margin-right: -5px;
			justify-content: center;
		}
		.product-detail .slide-counter{
			text-align: center;
		}
		.detail_images .col-md-4{
			padding-left: 5px;
			padding-right: 5px;
		}
		.detail_image{
			position: relative;
			height: 135px;
			border: none;
			margin-bottom: 5px;
		}
		.detail_image a{
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			z-index: 5;
		}
		.detail_image a img{
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			max-height: 100%;
		}
		h1.Produkt-Nazev{
			margin-bottom: 40px;
			font-size: 45px;
			padding-top: 0;
			font-weight: bold;
		}

		.produkt_detail_info{
			margin-bottom: 40px;
		}
		.produkt_detail_info p{
			line-height: 35px;
			margin-bottom: 3px;
			display: flex;
		}
		.produkt_detail_info p span{
			display: inline-block;
		}
		.produkt_detail_info p span:first-of-type{
			min-width: 180px;
		}
		.produkt_detail_info label{
			color: black;
			font-size: 17px;
		}
		.produkt_detail_info select{
			max-width: 100%;
			width: 100%;
			border: 1px solid #ad9c8a;
			border-radius: 2px;
				padding: 0.25rem;
			margin-bottom: 0.25rem;
			min-width: 190px;
		}
		.produkt_detail_info .Produkt-DoporucenaCenaSDPH{
			text-decoration: line-through;
		}
		.produkt_detail_info .Produkt-CenaSDPH{
			font-weight: bold;
			font-size: 26px;
		}
		.koupit{
			margin-bottom: 30px;
		}
		.koupit > div {
				display: inline-block;
				vertical-align: middle;
			margin-right: 10px;
		}
		form.mex-form-produkt-mnozstvi button.mex-button-plus-minus{
			width: 37px;
			height: 37px;
			border: 1px solid black;
            border-radius: 4px;
			background: white;
			color: black;
		}
		form.mex-form-produkt-mnozstvi button.mex-button-plus-minus:hover{
			background: #ad9c8a;
		}
		.product_detail_table{
			width: 100%;
			margin-bottom: 1rem;
		}
		.product_detail_table td{
			border-bottom: 1px solid #690102;
			padding: 0.25rem 0;
			color: black;
		}
		.product_detail_table .Produkt-CenaSDPH-Box td{
			font-size: 21px;
			font-weight: bold;
		}
		.product_detail_table .dostupnost{
			color: #549a02;
			font-weight: bold;
		}
		.product_detail_table .dostupnost.produkt-dostupnost-vyprodano, .Produkt-Vyprodano-Box{
			color: #d80202;
		}
		.product-table-params td{
			border: 1px solid #dbdbdb;
			padding: 2px 8px;
		}
		#infoBox{
			line-height: 20px;
			overflow: hidden;
			border-top: 1px solid #c6baad;
			border-bottom: 1px solid #c6baad;
			padding: 20px 0;
			margin-bottom: 30px;
		}
		#infoBox .top{
			padding: 15px;
			background: #f9f9f9;
			border: 1px solid #dbdbdb;
			display: flex;
				align-items: center;
				justify-content: space-between;
		}
		#infoBox .white{
			background: white;
			border: 1px solid #dbdbdb;
			border-top: none;
			overflow: hidden;
			padding: 10px 25px;
		}
		.Produkt-Mnozstvi {
				border: 1px solid #afafaf;
				padding: 11px 8px;
				width: 45px;
				margin-right: 4px;
				text-align: center;
		}
		#infoBox .pocet-ks-label{
			display: inline-block;
			line-height: 40px;
			vertical-align: bottom;
		}
		#infoBox .kosik_pocet_button{
			border: 1px solid #dbdbdb;
			background: white;
			width: 40px;
			height: 40px;
		}
		#infoBox .kosik_pocet_button:hover{
			background: #393939;
		}
		.detail_info_table{
			width: 100%;
		}
		.detail_info_table td{
			border-bottom: 1px solid #dbdbdb;
			padding: 4px 0;
		}
		.produkt-dostupnost-nevyprodano{
            visibility: hidden;
			color: #ad9c8a;
		}
		.produkt-dostupnost-vyprodano{
			color: red;
		}
		.detail_cena_s_dph{
			font-weight: bold;
		}

		#infoBox .print, #infoBox .popUpDotaz{
			display: inline-block;
			vertical-align: top;
			color: black;
			text-transform: initial;
			text-decoration: underline;
		}
		#infoBox .print:hover, #infoBox .popUpDotaz:hover{
			text-decoration: none;
		}	
		#anchors {
				display: inline-block;
		}
		#anchors > div {
				display: flex;
			align-items: center;
			margin: 5px 0;
		}
		#anchors p{
			margin: 0;
		}
		#infoBox .fas{
			color: black;
			margin-right: 10px;
				width: 20px;
		}
		#infoBox .btn{
			padding: 0;
			background: transparent;
			outline: none;
			border: none;
			color: black;
		}
		.tlacitkoKoupit2{
			z-index: 10;
		}

		.tlacitkoKoupit {
			color: black;
				font-family: 'Roboto';
				font-weight: bold;
				outline: none;
				background: url(/files/images/kosik.png) no-repeat bottom left 20px;
				font-size: 18px;
				padding: 14px 20px;
				padding-left: 75px;
				padding-top: 25px;
				cursor: pointer;
				position: relative;
			border: none;
				outline: none !important;
				box-shadow: none !important;
		}
		.tlacitkoKoupit:hover{

		}

		/***************************/
		/*  PRODUKT SWITCHER
		/***************************/

		.produkt_switcher{
			margin-bottom: 2rem;
			margin-top: 2rem;
		}	
		.produkt_switcher .switcher-content{
			padding: 25px;
			padding-bottom: 15px;
			border: 1px solid #dbdbdb;
		}
		.produkt_switcher .switcher-bar{
			border-bottom: none;
			background: white;
			display: block;
		}
		.produkt_switcher .switcher-bar .nav-item{
			display: inline-block;
		}
		.produkt_switcher .switcher-bar .switcher-toggle{
			font-size: 21px;
			font-weight: 300;
			font-family: 'Roboto-Light';
			padding: 0.5rem 1.5rem;
			background: #eef7ff;
			margin: 0;
			margin-right: 0.5rem;
			color: black;
			text-decoration: none;
			display: inline-block;
			border: 1px solid #dbdbdb;
			background: #f9f9f9;
			position: relative;
			margin: 0;
			margin-bottom: 0;
			border-radius: 0;
		}
		.produkt_switcher .switcher-bar .switcher-toggle:hover, 
		.produkt_switcher .switcher-bar .switcher-toggle.active{
			background: white;
			border-bottom: 1px solid white;
			color: black;
		}
		.produkt_switcher .switcher-bar .switcher-toggle:hover:before, 
		.produkt_switcher .switcher-bar .switcher-toggle.active:before{
			display: none;
		}

		/***************************/
		/*  SOUVISEJICI PRODUKTY
		/***************************/

		.produkty-pribuzne{
			margin: 15px 40px;
		}
		.produkty-pribuzne img{
			display: inline-block;
		}
		.produkty-pribuzne .slick-list{
			margin: 0 2px;
		}
		.produkty-pribuzne.slick-slider .slick-track{
			min-width: 100%;
		}
		.produkty-pribuzne.slick-slider .slick-track, .produkty-pribuzne.slick-slider .slick-list{
			padding: 0 0px;
		}
		.produkty-pribuzne.slick-slider .slick-list{
			/*margin: 0;
			padding: 0 1px;*/
		}
		.slick-initialized.produkty-pribuzne.slick-slider .slick-list{

		}
		.produkty-pribuzne .card{
			flex-basis: initial;
			max-width: 100%;
				max-width: calc(50% - 2px);
		}
		#slideshow-area .slick-arrow{
			display: none !important;
		}
		.slick-prev, .slick-next{
			
			width: 40px;
			height: 40px;
		}
		.slick-prev{
			left: -40px;
		}
		.slick-next{
			right: -40px;
		}
		.slick-prev:before, .slick-next:before{
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
			color: #ad9c8a;	
			font-size: 50px;
		}
		.slick-prev:hover:before, .slick-next:hover:before{
			color: #ad9c8a;
		}
		.slick-prev:before{
			content: '\f053';
		}
		.slick-next:before{
			content: '\f054';
		}

		/***************************/
		/*  IKONY
		/***************************/
		.ico-boxes{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-bottom: 60px;
		}
		.ico-box i{
			font-size: 35px;
		}

		/***************************/
		/*  ROZCESTNIKY
		/***************************/
		.kategorie-bannery{
			display: flex;
			flex-wrap: wrap;
			margin-left: -2px;
			margin-right: -2px;
			margin-bottom: 35px;
		}
		.kategorie-banner{
			display: inline-block;
			flex-basis: 20%;
			min-width: 255px;
			position: relative;
		}
		.kategorie-banner a{
			z-index: 5;
		}
		.kategorie-banner-inner{
			display: flex;
			align-items: center;
			border: 1px solid #ad9c8a;
			padding: 5px;
			margin: 5px;
            border-radius: 6px;
			position: relative;
		}
		.kategorie-banner-img{
			position: relative;
			height: 90px;
			width: 110px;
			min-width: 100px;
		}
		.kategorie-banner-inner img{
			max-height: 90px;
			max-width: 100%;
			width: auto;
			height: auto;
			position: absolute;
			top: 5px;
			left: 5px;
			bottom: 5px;
			right: 5px;
			margin: auto;
		}
		.kategorie-banner-inner p{
			font-weight: normal;
			margin: 0;
			margin-left: 10px;
		}
		.kategorie-banner:hover .kategorie-banner-inner{
			border: 1px solid #ad9c8a !important;
			box-shadow: 2px 2px 5px #ad9c8a;
		}

		.kategorie-nazev{
			font-weight: bold;
			font-size: 53px;
			color: black;
		}


		/***************************/
		/*  AKTUALITY SLIDE
		/***************************/
		div#aktuality_slide_box {
				display: flex;
			border: 1px solid #ad9c8a;
				align-items: center;
				background: #f7f3ef;
			padding: 20px 10px;
			margin-bottom: 50px;
			margin-top: 50px;
            flex-wrap: wrap;
 
		}
		.nadpis-aktuality-box{
			font-size: 24px;
			font-weight: bold;
			color: black;
			margin: 0;
		}
		.aktuality-slide-wrap{
			overflow: hidden;
			display: block;
			margin: 0 15px;
		}
		#aktuality_slide{
			margin: 0;
		}
		.aktuality_box {
			height: auto;  	
			position: relative;
			padding-right: 180px;
			overflow: hidden;	
			padding: 12px 0;
		}
		#aktuality_slide .aktuality_name{
			height: 2em;
			overflow: hidden;

		}
		.aktuality_name a{
			font-size: 24px;
			text-decoration: none;
		}

		.aktuality_name .aktuality_date{
			font-weight: bold;
			font-size: 24px;
		}
		.aktuality_name a:hover{
			text-decoration: underline;
		}
		#aktuality_slide .aktuality_vice{
			position: absolute;
			right: 1px;
			top: 0;
		}
		div#aktuality_slide_box .btn{
			padding: 15px 15px;
			text-transform: uppercase;
		}	

		/***************************/
		/*  AKTUALITY
		/***************************/

		.aktuality_col_container {
			width: auto;
			height: auto;
		}
		.aktuality_col_container .aktuality_box {
			height: auto;
			padding: 10px;
			width: 48%;
			border: 1px solid #ad9c8a;
			position: relative;
			margin-bottom: 15px;
			overflow: hidden;
		}
		.aktuality_col_container .aktuality_box:hover{

			box-shadow: 2px 2px 5px #ad9c8a;
		}

		.aktuality_col_container .aktuality_box:nth-child(odd){
			background: #f7f7f7;
		}
		.aktuality_col_container .aktuality_date {
			font-size: 12px;
			font-weight: bold;
			color: #b2a291;
		}
		.aktuality_col_container .aktuality_name {
			font-size: 15px;
			height: 2em;
			overflow: hidden;

		}
		.aktuality_col_container .aktuality_name p {
			font-weight: bold;
			color: #033478;
			text-decoration: none;
			font-size: 22px;

		}
		.aktuality_col_container .aktuality_name a:hover {
			color: black;
			text-decoration: underline;
		}

		.aktuality_col_container .aktuality_text {
			overflow: hidden;
				height: 3em;
				margin-bottom: 10px;
		}
		.aktuality_col_container .aktuality_text a,
		.aktuality_col_container .aktuality_text a:visited {
		}
		.aktuality_col_container .aktuality_text a:hover {
			color: black;
			text-decoration: none;
		}

		.aktuality_col_container .aktuality_img{
			float: right;
			width: 120px;
			height: 120px;
			position: relative;
			margin: 0;

		}

		.aktuality_col_container .aktuality_img img{
		border-radius: 50%;
		-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
		box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
		}


		.aktuality_col_container .aktuality_box:nth-child(4n-3), 
		.aktuality_col_container .aktuality_box:nth-child(4n-2) {
			background: white;
		}

		.aktuality_col_container .aktuality_box:nth-child(4n-1), 
		.aktuality_col_container .aktuality_box:nth-child(4n) {

			background: #f7f3ef; 
		}



		.aktuality_col_container .aktuality_img a{
			display: block;
			width: 180px;
			height: 120px;
		}

		.aktuality_col_container .aktuality_img a img {
			margin: auto !important;
			border: none !important;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			max-height: 100%;
		}
		.aktuality_col_container .aktuality_vice_odkaz {
				color: #3d3d3d;
				font-size: 17px;
				font-weight: bold;
			text-decoration: underline;
		}

		.aktuality_vice_odkaz p {
			font-weight: bold;
			font-size: 14px;
		}

		article{
			margin-bottom: 20px;
		}

		.aktualita-nazev{
			font-weight: bold;
			font-size: 40px;
		}

		#aktualita{
			background: white;
			border: 1px solid #d6d6d6;
			position: relative;
			padding: 15px;
			padding-bottom: 45px;
			font-size: 17px;
			font-weight: 300;
			font-family: 'Roboto-Light';
		}
		.aktuality_vice_odkaz.abs{
			position: relative;
			text-align: right;
			margin-top: 15px;
		}	
		.aktuality_vice_odkaz.abs a{
				display: inline-block;
				border-bottom: 2px solid #0396fd;
				color: black;
				text-decoration: none;
				font-size: 15px;
		}
		.aktuality_vice_odkaz.abs a:hover{
			color: #b40b8e;
		}


		/***************************/
		/*  FOOTER
		/***************************/

		#nadpatickou {
				position: relative;
			border-top: 2px solid #000000;
	
			padding-top: 40px;
			overflow: hidden;
		}
		#nadpatickou .h3{
			color: black;
			font-size: 17px;
			margin-bottom: 15px;
		}
		.box-footer {
			display: flex;
			align-items: normal;
			margin-bottom: 10px;
		}
		.box-footer i {
			color: black;
			font-size: 20px;
			margin-right: 7px;
			margin-top: 3px;
			width: 25px;
			height: 25px;
		}
		.box-footer.margin-none{
			margin-bottom: 0;
		}
		.box-footer.margin-none p{
			margin-bottom: 0;
		}	
		.dolni-menu li{
			padding: 0;
			line-height: 30px;
			width: 40%;
			z-index: 1;
			display: inline-block;
				vertical-align: top;
		}
		.dolni-menu li:before{
			display: none;
		}
		.dolni-menu li a{
			line-height: 18px;
		}
		.dolni-menu li i{
			font-size: 12px;
			margin-right: 5px;
		}
		#nadpatickou a{
			text-decoration: none;
		}
		#nadpatickou a:hover{
			text-decoration: underline;
		}
		footer{
			
			border-bottom: 1px solid #afafaf;
		
			padding: 1.5rem 0;
			text-align: center;
		}
		footer p{
			margin-bottom: 4px;
			color: black;
		}
		footer a{
			text-decoration: none;
			color: black;
		}
		footer a:hover{
			text-decoration: underline;
			color: black;
		}

		/********************/
		/** BREADCRUMB
		*********************/ 
		.breadcrumb{
			background: transparent;
			padding: 0;
			align-items: center;
			color: black;
			padding: 0;
			font-size: 17px;
			font-weight: 300;
			margin-bottom: 40px;
    			margin-top: 20px;
			font-family: 'Roboto-Light';
		}
		.drobeckova-navigace-sipky{
			display: inline-block;
			padding: 0 0.75rem;	
		}
		.breadcrumb a{
			display: inline-block;
			text-decoration: underline;
			color: black;
		}
		.breadcrumb .drobeckova-navigace-nazev{
			display: inline-block;
			color: black;
		}
		.breadcrumb a:hover{
			text-decoration: none;
		}

		/********************/
		/** ROZCESTNIK
		*********************/ 
		.podkategorie-section{
			border: 1px solid #d5e9ff;
			background: #f0f7ff;
			padding: 0.75rem;
			margin-bottom: 1rem;
		}
		.podkategorie{
			position: relative;
			margin-bottom: 0.5rem;
			
		}
		.podkategorie a{
			z-index: 10;
		}
		.podkategorie-nadpis{
			height: 2.6em;
			overflow: hidden;
			width: 100%;
			margin-bottom: 0.5rem;
		}
		.podkategorie .h2{
			font-size: 18px;
			color: #013153;
		}
		.podkategorie-image{
			height: 100px;
			border: 1px solid transparent;
			background: white;
			position: relative;
		}
		.podkategorie-image img{
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			max-height: 100%;
		}
		.podkategorie:hover .podkategorie-image, .podkategorie.active .podkategorie-image{
			border: 1px solid #618098;
		}
		.podkategorie:hover .h2, .podkategorie.active .h2{
			text-decoration: underline;
		}

		/***************************/
		/*  FILTER
		/***************************/
		.filter{
			width: auto;
			padding: 10px;
			border: 1px solid #dbdbdb;
				background: #f9f9f9;
			overflow: hidden;
			margin-bottom: 20px;
		}
		.filterForm{
			display: flex;
			flex-wrap: wrap;
		}
		.filter_selecter{
			display: flex;
			align-items: center;
			flex-basis: 33.333%;
			max-width: 33.33%;
			min-width: 280px;
		}
		div.filter_selecter p{
			font-weight: bold;
			line-height: 35px;
			margin: 0;
		}
		div.filter_selecter select{
			height: 35px;
			flex-grow: 1;
			border: 1px solid #dbdbdb;
			margin-left: 10px;
			margin-right: 20px;
		}
		div.filter_selecter:last-of-type select{
			margin-right: 0;
		}
		.buttonFilterSend {
			display: none;
		}

		.filtr-wrap{
			max-width: 50%;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 5;
		}

		.filtr-nadpis{
			font-weight: bold;
			color: #1F1F1F;
			margin-bottom: 2px;
			display: inline-block;
		}
		.filtr-nadpis-bordered{
			border-bottom: 1px solid #b1ddf2;
		}
		.filtr-group{

		}

		.filtr-group select{
			border: 1px solid black;
			height: 35px;
			padding: 0 8px;
			display: inline-block;
		}

		.filtr-checkbox-wrap {
				display: flex;
			align-items: center;
				cursor: pointer;
				position: relative;
		}

		.filtr-checkbox-wrap > .checkbox-value {
				color: #34495E;
				padding: 0 6px;
		}

		.filtr-checkbox-wrap > input{
			width: 0;
		}

		.filtr-checkbox-wrap > .checkbox-box {
				height: 20px;
				width: 20px;
			line-height: 20px;
				-webkit-appearance: none;
				-moz-appearance: none;
				-o-appearance: none;
				appearance: none;
				border: 1px solid #E2E2E2;
				border-radius: 4px;
				outline: none;
				transition-duration: 0.3s;
				background-color: white;
			cursor: pointer;
			position: relative;
		}
		.filtr-verze-bcg .filtr-checkbox-wrap > .checkbox-box{
			height: 30px;
			width: 30px;
			line-height: 30px;
			border: none;
			-webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75);
			box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75);
			background-size: cover;
		}

		.filtr-checkbox-wrap > input:checked + .checkbox-box{
				border: 1px solid #1F1F1F;
				background-color: white;
		}

		.filtr-verze-bcg .filtr-checkbox-wrap > input:checked + .checkbox-box{
				border: none;
				background-color: inherit;
		}

		.filtr-checkbox-wrap > input:checked + .checkbox-box::before {
				content: '\2713';
				display: block;
				text-align: center;
				color: #1F1F1F;
				position: absolute;
				left: 0;
				top: 0;
			right: 0;
			bottom: 0;
			margin: auto;
		}

		.filtr-checkbox-wrap > input:active + .checkbox-box, .filtr-checkbox-wrap > input:hover + .checkbox-box {
				border: 1px solid #34495E;
		}
		.filtr-verze-bcg > input:active + .checkbox-box, .filtr-verze-bcg .filtr-checkbox-wrap > input:hover + .checkbox-box{
			border: none;
		}
		.filtr-checkbox-wrap > input:checked ~ .checkbox-value,
		.filtr-checkbox-wrap > input:active ~ .checkbox-value, 
		.filtr-checkbox-wrap > input:hover ~ .checkbox-value{
			font-weight: bold;
		}

		/********************/
		/** STRANKOVANI
		*********************/ 
		.produkt_pagination{
			flex-basis: 100%;
			text-align: left;
			margin-bottom: 20px;
		}
		.strankovani-odkaz, .pgr{
			text-decoration: none;
			font-weight: 300;
			font-family: 'Roboto-Light';
			color: black;
			font-size: 16px;
			border: 1px solid transparent;
			padding: 0 0.4rem;
		}
		.pgr, .strankovani-odkaz:hover{
			border: 1px solid black;
			color: black;
		}
		.produkt_pagination a:first-of-type.strankovani-sipky img, .produkt_pagination a:last-of-type.strankovani-sipky img{
			display: none;
		}
		.produkt_pagination a:first-of-type.strankovani-sipky, .produkt_pagination a:last-of-type.strankovani-sipky{
			width: 0.5rem;
			text-decoration: none;
		}
		.produkt_pagination a:first-of-type.strankovani-sipky:before,
		.produkt_pagination a:last-of-type.strankovani-sipky:before{
				font-family: "Font Awesome 5 Free"; 
			font-weight: 900;
			color: black;
				font-size: 200%;
				line-height: 23px;
				vertical-align: text-top;
		}
		.produkt_pagination a:first-of-type.strankovani-sipky:before{ 
			content: "\f0d9";
		}
		.produkt_pagination a:last-of-type.strankovani-sipky:before{
			content: "\f0da";
		}

		/********************/
		/** FORM
		*********************/ 

		button#modal-launch, button.modal-launch{
				background: none;
				border: none;
				cursor: pointer;
			padding: 0;
			text-shadow: none;
				line-height: inherit;
				vertical-align: top;
		}
		.modal-content{
			border: none;
			border-radius: 0;
			font-family: 'Roboto';
		}
		div.modal-header {
			border-radius: 0;
			background: #023277;
		}

		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: 'Roboto';
			font-weight: bold;
		}

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

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

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

		.modal-dialog .btn-primary{
			-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{

		}

		.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;
		}

		div.mex-eshop-product-added .mex-product-added-header{
				background: #023277 ;
		}

		#Velikosti .modal-dialog table{
			width: 100% !important;
			height: auto !important;
		}

		#Velikosti .modal-dialog table{
			width: 100% !important;
			height: auto !important;
		}
		.tabulka-velikosti td{
			border: 1px solid #D5D3D4 !important;
		}

		@media (min-width: 740px){
		#Velikosti .modal-dialog,
		#Doprava .modal-dialog {
				max-width: 700px;

		}
		}

		div.mex-eshop-product-added .mex-product-added-obrazek{
			height: 350px;
			text-align: center;
		}
		div.mex-eshop-product-added .mex-product-added-obrazek img{
			max-height: 100%;
		}

		/***************************/
		/*  LOGIN
		/***************************/
		input.button, input.buttonRegistrace, table input.buttonRegistrace{
			text-align: center;
			text-decoration: none;
			padding: 8px 15px;
			width: 170px;
			font-size: 14px;
			cursor: pointer;
			border: 1px solid #f26b23;
			background: #f26b23;
			color: white;
			font-weight: normal;
			margin-bottom: 5px;
		}

		input.button:hover, input.buttonRegistrace:hover {    
			border: 1px solid #fc4700;
			background: #fc4700;
			color: white;
		}

		.loginBox {
			margin-bottom: 15px;
		}

		.loginBox input{
			height: 30px;
			border: 1px solid #d0cfcf;
			width: 180px;
			margin-right: 25px;
			padding: 0 5px;
		}

		.mex-form input
		{
			padding: 5px;
			display: block;
			width: 300px;
			font-family: 'Roboto-Light';
			font-weight: 300;
			font-size: 12pt;
			border: 1px solid #d8d7d8;
			margin-top: 5px;
			margin-bottom: 10px;
		}


		.mex-form input[type='button']
		{
			text-align: center;
			text-decoration: none;
			padding: 8px 15px;
			width: 170px;
			font-size: 14px;
			cursor: pointer;
				border: 1px solid #da0001;
				background: #da0001;
			color: white;
			font-weight: normal;
			margin-bottom: 5px;
			font-family: Roboto;
		}

		.mex-form input[type='button']:hover{
			border: 1px solid #AD0101;
			background: #AD0101;
			color: white;
		}

		.Customer-Login label {
			display: block;
			margin-top: 10px;
		}


		a.Customer-ZapomenuteHeslo {
			color: #616161;
			display: block;
			margin-top: 10px;
		}


		a.Customer-VytvoritUcet {
			color: #616161;
			display: block;
			margin-top: 10px;
		}

		/***************************/
		/*  PASSWORD CHECK
		/***************************/

		.short{
			font-weight:bold;
			color:#FF0000;
			font-size:larger;
		}
		.weak{
			font-weight:bold;
			color:orange;
			font-size:larger;
		}
		.good{
			font-weight:bold;
			color:#2D98F3;
			font-size:larger;
		}
		.strong{
			font-weight:bold;
			color: limegreen;
			font-size:larger;
		}

		/***************************/
		/*  KOSIK WIDGET
		/***************************/

		.ui-dialog .ui-dialog-title{
			font-weight: 300;	
			font-family: 'Roboto-Light';
			font-size: 24px;
		}
		.ui-dialog .ui-dialog-buttonpane button{
			border: 1px solid #da0001 !important;
			color: white;
			background: #da0001;
		}
		.ui-dialog .ui-dialog-buttonpane button:hover{
			background: #AD0101;
			border: 1px solid #AD0101 !important;
		}

		/***************************/
		/*  KOSIK
		/***************************/

		div.mex-multistep-navigation .mex-phase-number-selected {
			background: black;
			border: 1px solid black;
				color: white;
		}




		/********************/
		/** RESPONSIVE
		*********************/ 
		@media (min-width: 1480px){
		.container {
			max-width: 1480px;
		}
		}

		@media screen and (max-width: 1400px){
		#menu_top, #kontakt{
			max-width: 100%;
			flex-basis: 100%;
		}
		#kontakt{
			margin: 5px 0;
			text-align: center !important;
		}
		#menu_top .navbar-toggler {
			display: block !important;
			color: white;
			font-size: 25px;
			vertical-align: middle;
			outline: none !important;
			line-height: 25px;
			width: 100%;
		}
		#menu_top .navbar-toggler-icon {
			font-size: 25px;
			height: auto;
			vertical-align: initial;
			margin-bottom: 0;
			color: white;
		}
		#menu_top .navbar-collapse.collapse:not(.show) {
			display: none;
			height: auto;
		}
		#menu_top .navbar-inner{
			width: 100%;
			text-align: center;
		}


		#menu_top .nav li.lvl-1 {
			display: block;
			text-align: center;
			flex-basis: 100%;
		}
		#slideshow{
			max-width: calc(100% - 80px);
			margin: 0 auto;
		}
		.caption{
			padding-top: 25px;
		}
		.caption p{
			font-size: 1.8vw;
		}
		.caption p.big{
			font-size: 3.5vw;
			line-height: 4.5vw;
		}
		.caption .btn{
			min-width: 0;
			white-space: normal;
			font-size: 18px;
		}
		.produkty-slide{
			max-width: calc(100% - 80px);
			margin: 0 auto;
		}
		.produkty-slide.slick-slider .slick-track, .produkty-slide.slick-slider .slick-list,
		.produkty-pribuzne.slick-slider .slick-track, .produkty-pribuzne.slick-slider .slick-list {
				padding: 0 1px;
		}
		.produkty-slide .slick-list {
				margin-right: -4px;
		}
		.slick-next{
			right: -44px;
		}
		.produkty .card{
			flex-basis: 33.333%;
			max-width: 33.333%;
		}
		.produkty-pribuzne .card {
			flex-basis: initial;
			max-width: 100%;
		}
		}

        div#aktuality_slide_box > *{
			flex-basis: 100%;
			text-align: center;
		}


		@media screen and (max-width: 1300px){
		.main-col{
			max-width: calc(100% - 285px);
		}
		#category .item1 .section.visible{
			max-width: 125%;
		}
		.col-logo{
			width: 100%;

		}
		.logo{
			display: flex;
			margin-right: 0;
			justify-content: center;
			margin-bottom: 8px;
		}
		.logo .purple{
			text-align: center;
		}
		.logo .big, .logo .purple{
			display: inline-block;
		}
		.logo br{
			display: none;
		}
		div#aktuality_slide_box{
			flex-wrap: wrap;
		}
		div#aktuality_slide_box > *{
			flex-basis: 100%;
			text-align: center;
		}
		#aktuality_slide .aktuality_name{
			margin-right: 0;
			margin-bottom: 5px;
		}
		#aktuality_slide .aktuality_vice{
			position: relative;
		}	
		.filtr-wrap {
			max-width: 100%;
			width: 100%;
			position: relative;
			right: auto;
			top: auto;
			z-index: 5;
			margin-bottom: 15px;
		}
		.produkty.pt-45 {
			padding-top: 0;
		}
		.col{
			margin-bottom: 30px;
		}
		}


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

		.logo .big{
			display: block;
		}
		.col{
			flex-basis: 100%;
			text-align: center;
		}
		#header, #header .text-right{
			text-align: center !important;
		}
		#logo{
			margin: 0.5rem 0;
		}
		.collapse_open, .collapse_close{
			text-align: center;
				width: 100%;
			height: auto;
			color: black;
			padding: 0.5rem 0;
			font-size: 130%;
			cursor: pointer;
		}
		.collapse_open .fas, .collapse_close .fas{
			margin-right: 0.5rem;
		}
		.collapse_open{
			display: block;
		}
		.collapsible{
			max-height: 0;	
				transition: all 0.4s ease-in;
			overflow: hidden;
			margin-bottom: 0;
		}
		.collapsible.visible{
			max-height: 1000px;
			transition: all 0.4s ease-out;
			margin-bottom: 1rem;
		}
		.navbar-toggler {
			display: block !important;
			color: white;
			font-size: 25px;
			vertical-align: middle;
			outline: none !important;
			line-height: 25px;
			width: 100%;
		}
		.navbar-toggler-icon {
			font-size: 25px;
			height: auto;
			vertical-align: initial;
			margin-bottom: 0;
			color: white;
		}
		#menu_kategorie .navbar-toggler, #menu_kategorie .navbar-toggler-icon{
			color: wh;
		}
		#menu_kategorie .nav{
			flex-wrap: wrap;
		}
		.navbar-collapse.collapse:not(.show) {
			display: none;
			height: auto;
		}
		.navbar-inner{
			width: 100%;
			text-align: center;
		}
		.nav li.lvl-1 {
			display: block;
			text-align: center;
			flex-basis: 100%;
		}
		.ico-boxes{
			justify-content: center;
		}
		.ico-boxes .ico-box{
			margin: 0 15px;
		}
		.bcg-box{
			flex-basis: 100%;
			max-width: 100%;
			margin-bottom: 15px;
		}
		.kosikFirstTd a{
		/* 	max-height: 4.5em; */
				overflow: hidden;
				display: block;
		}
		.filter_selecter {
				flex-basis: 100%;
			margin-bottom: 8px;
			max-width: 100%;
		}
		div.filter_selecter select{
			margin-right: 0;
		}
		.produkty-pribuzne.slick-slider .slick-list{
			padding: 0 1px;
			margin-right: -1px;
			overflow: hidden;
		}
		.kategorie-banner {
			flex-basis: 50%;
			max-width: 50%;
		}	
		}

		@media screen and (max-width: 1120px){
		.produkty-pribuzne .card {
				flex-basis: initial;
			max-width: 100%;
		}
		}

		@media screen and (max-width: 1000px){
		.caption .btn{
			display: none;
		}
		.bcg-box-color, .bcg-box-image{
			flex-basis: 50%;
		}
		#nadpatickou .col-md-6{
			flex-basis: 100%;
			max-width: 100%;
			text-align: center;

		}
		#mapa .position{
			text-align: center;
			display: block;
		}
		.box-footer{
			display: flex;
			justify-content: center;
		}	
			
		}

		@media screen and (max-width: 768px){
		#kontakt p{
			margin-left: 0;
			display: block;
			text-align: center;
			margin-bottom: 0.3rem;
		}
		.searchbox .search_text{
			width: auto;
		}
		#kontakt p span{
			display: block;
			text-align: center;
		}
		#slideshow .caption{
			padding: 0px;
		}

		.btn_slide_show{

		}

		.slick-dots{
			bottom: 0px;
			display: none !important;
		}

		.produkty .card{
			flex-basis: 50%;
			max-width: 50%;
		}
		.produkty-pribuzne .card {
			flex-basis: initial;
			max-width: 100%;
		}
		.banner{
			flex-basis: 100%;
			max-width: 100%;
		}
		.archive .aktuality_img {
			float: none;
			width: 100%;
		}
		#roll-box{
			top: 0 !important;
		}
		.dolni-menu li{
			width: 100%;
		}
		.aktuality_col_container .aktuality_img{
			width: 100%;
			float: none;
			margin-bottom: 10px;
		}
		.aktuality_col_container .aktuality_box{
			text-align: center;
		}
		}

		@media screen and (max-width: 500px){
		.produkty .card{
			flex-basis: 100%;
			max-width: 100%;
		}
		.produkty .card, .kategorie-banner {
			flex-basis: 100%;
			max-width: 100%;
		}
		}




		@media only screen and (max-width: 767px) {
			.mobile-hide {
			display: none !important;
			}

		}

		@media only screen and (max-width: 1200px) {
			.hide-1200 {
			display: none !important;
			}
		}



		@media only screen and (min-width: 767px) {
			.desktop-hide {
			display: none !important;
			}
		}





		/****************
		PRINT
		****************/

		@media print {

		#stripe, .searchbox, .kosikCena, .left-col, footer, #nadpatickou, #infoBox{
			display: none;
		}
		.main-col{
			width: 100%;
			max-width: 100%;
			flex-basis: 100%;
		}

		}



		.form-filter{
			margin-top: 2em;
			margin-bottom: 2em;
			padding-top: 0.5em;
			padding-bottom: 0.5em;

			display: flex;
			background: #d9d9d9;
			justify-content: space-between;
			align-items: center;
		}

		.form-filter input{
			margin-left: 1em;
		}
		.form-filter label{
			margin-left: 0.5em;
			margin-bottom: 0;
			font-size: 19px;
		}

		.form-filter label:hover{
			cursor: pointer;
		}

		.form-filter input:hover{
			cursor: pointer;
		}

		.form-filter img{
			height: 5em;
		}

		.popis-produkt  {
			background:#f7f3ef;
			padding: 20px 10px 5px 20px;
			border-top: 1px solid #c9beb3;
		}

		.popis-produkt h2{
			color:#023276;
			margin-top: 0;
		}



		.custom-container {
			width: 100%;
			padding-right: 20px;
			padding-left: 20px;
			margin-right: auto;
			margin-left: auto;
		}

		@media (min-width: 576px) {
			.custom-container {
			max-width: 540px; /* Small devices (576px and up) */
			}
		}

		@media (min-width: 768px) {
			.custom-container {
			max-width: 720px; /* Medium devices (768px and up) */
			}
		}

		@media (min-width: 992px) {
			.custom-container {
			max-width: 960px; /* Large devices (992px and up) */
			}
		}

		@media (min-width: 1200px) {
			.custom-container {
			max-width: 1140px; /* Extra large devices (1200px and up) */
			}
		}

		@media (min-width: 1440px) {
			.custom-container {
			max-width: 1220px; /* Extra large devices (1200px and up) */
			}
		}



		@media screen and (max-width: 576px){
			.logo img{
				height: 80px;
			}
		}


		.next-arrow, .prev-arrow{
			background: transparent;
			border: none;
			z-index: 99;
		}
		.prev-arrow{
			position: absolute;
			left: 0px;
		}
		.next-arrow{
			position: absolute;
			right: 0px;
		}
		.next-arrow::before{
			content: '\f054';
			font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: black;
    font-size: 50px;
		}


		.prev-arrow::before{
			content: '\f053';
			font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: black;
    font-size: 50px;
		}

.tag-tip{
visibility: hidden;
}


select.ProduktVerzeSelect {
    z-index: 100;
    position: relative;
    clear: both;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    background-color: #eaeaea;
    border: 1px solid black;
    border-radius: 10px;
    color: black;
}




select.ProduktVerzeSelect {

	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="32" viewBox="0 0 24 48" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cg transform="translate(0,%205)"%3E%3Cpolyline points="18 15 12 9 6 15"%3E%3C/polyline%3E%3C/g%3E%3Cg transform="translate(0,%2019)"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E') no-repeat right 0.75rem center;
appearance: none;
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
line-height: 1.5;

}

select:hover{
cursor:pointer;
opacity: 0.9;
}

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-container img {
   height: 500px;
    margin: 20px;
}
@media (max-width: 1447px) {
    .image-container img {
        height: 400px;
        margin: 15px;
    }
}
@media (max-width: 1200px) {
    .image-container img {
        height: 300px;
        margin: 10px;
    }
}

@media (max-width: 992px) {
    .image-container img {
        height: 200px;
        margin: 5px;
    }
}

@media (max-width: 768px) {

.image-container {
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}
    .image-container img {
        height: auto; /* Auto height for mobile */
        width: 100%; /* Full width for mobile */
        margin: 10px 0; /* Adjust margin for mobile */
    }
}

.shop-katalog span {
    background-color: transparent !important;
}