html{
	margin: 0;
	padding: 0;
	background-color: #000;
}
body{
	font-family: Staatliches, 'Times New Roman', serif;
	font-size: 20px;
    line-height: 1.3;
	color: #fff;
	margin: 0;
    padding: 0;
    letter-spacing:1px;
    text-transform:none;
}

h1 {text-transform:uppercase;font-family:Staatliches;font-size:48px;letter-spacing:10px;}
h2 {text-transform:uppercase;font-family:Staatliches;letter-spacing:5px;}

img {border:0;max-width:100% !important;}
a {border:0;	color: #fff; text-decoration: none; transition: opacity .3s;}
a:hover{ text-decoration: none;opacity: .7;}



*:first-child{
	margin-top: 0;
}
*:last-child{
	margin-bottom: 0;
}
.in{
	margin: 0 auto;
	padding: 0 15px;
	width: 980px;
}
.cfix:after, .clearfix:after, #content-wrap:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	overflow:hidden;
}

/* * Header * */
#header{
	padding: 20px 0;
}
.logo{

	display: block;
	background-image: url(../media/images/logo-sachmat-2024-bile.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 681px;
    height: 129px;
    margin: 0 auto;
	opacity: 0.9;
    transition: none;
    transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;
}

.logo:hover{
transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;
	opacity: 1;
transform: scale(1.1);
}
#main-nav{
	position: relative;
	z-index: 1000;
	height: 25px;
}
#main-nav-toggle{
	display: none;
}
#main-nav-container a {padding:10px;}

#main-nav-container > ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 0;
    text-transform: uppercase;
}
#main-nav-container > ul > li{
	vertical-align: middle;
	display: inline-block;
	font-size: 22px;
	position: relative;
}
#main-nav-container > ul > li+li{
	margin-left: 30px;
}
#main-nav-container > ul > li:hover > a{
	opacity: .7;
}
#main-nav-container > ul > li.has-submenu > a{
	background-image: url(../media/images/zobacek.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 15px;
}                      



#main-nav-container > ul > li > ul{
	background-color: #fff;
	padding: 10px 0;
	width: 250px;
	position: absolute;
	left: -15px;
	top: 100%;
	display: none;
	margin: 5px 0 0;
    list-style-type: none;
  box-shadow:0 3px 5px rgba(0,0,0,.3);z-index:1000;}

}
#main-nav-container > ul > li > ul:before{
	content: '';
	background-image: url(../media/images/sipka.png);
    background-repeat: no-repeat;
    background-position: 11px 100%;
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    top: -10px;
}
#main-nav-container > ul > li:hover > ul{
	display: block;
}
#main-nav-container > ul > li > ul > li{
}
#main-nav-container > ul > li > ul > li > a{
	text-align: left;
	padding: 5px 15px;
	display: block;
	color: #000;
}

/* * Footer * */
#footer{
}
#the-map{
	height: 150px;
}
.footer-1{
/*	border-top: 3px solid #fff;  */
	border-bottom: 3px solid #fff;
	padding: 25px 50px;
}
.footer-col{
	width: 33.333%;
	float: left;
}
.footer-2{
	text-align: center;
	padding: 25px 0;
}

.social-nav {padding:10px 0;}
.social-nav a:hover {opacity:1;}

.facebook img, .damejidlo img, .wolt img, .qerko img {height:32px;width:auto;filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.facebook img:hover, .damejidlo:hover img, .wolt:hover img,  .qerko:hover img {filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
 
.social-nav > ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
}
.social-nav > ul > li{
	vertical-align: middle;
	display: inline-block;
}
.social-nav > ul > li+li{
	margin-left: 25px;
}


/* * Content * */

#content-wrap{
	margin-top:10px;padding: 35px 0;background-color:#fff;color:#000;
}
#content-wrap a{
	text-decoration:underline;color:#000;
}
#content-wrap a[href^="http"]:after {margin-left:5px;
     content: "" url('external.png');    
}

#kalendar {position:relative;margin-top:-30px;text-align:center;}
#kalendar a {display:inline-block;margin:1px;padding:10px 20px;background-color:#000;color:#fff;border:1px solid #000;text-decoration:none;text-align:center;font-size:16px;}

#slider-wrap{
  text-align:center;
  background-color:#000;
  padding-bottom:20px;
	margin-top:-35px;
  margin-bottom: 35px;
}
.bxslider{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.slide{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	height: 356px;
	position: relative;
}
.slide-caption{
	position: absolute;
	font-size: 30px;
  color:#fff;
  text-shadow:1px 1px 1px #000;
	text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 15px;
}
.bx-controls-direction{
	display: none;
}
.bx-pager{
	font-size: 0;
	text-align: center;
	margin-top: 17px;
}
.bx-pager-item{
	vertical-align: middle;
	display: inline-block;
}
.bx-pager-item+.bx-pager-item{
	margin-left: 5px;
}
.bx-pager-link{
	background-image: url(../media/images/icon-slider-nav.webp);
	background-repeat: no-repeat;
	background-position: 100% 0;
	display: block;
	width: 17px;
    height: 28px;
}
.bx-pager-link:hover, .bx-pager-link.active{
	background-position: 0 0;
	opacity: 1;
}
.nav-fixed #main-nav{
	background-color: #000;
	height: 38px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	padding-top: 12px;
}
.nav-fixed #main-nav-instead-post{
	height: 25px;
}
.novinky-wrap{
	margin: 0 -15px;
}
.novinka{
	box-sizing: border-box;
	width: 33.333%;
	padding: 0 15px;
    float: left;
    margin-bottom: 30px;
}
.novinka:nth-child(3n+1){
	clear: both;
}

/* * * Tablet * * */
@media (max-width: 1020px) {
h1 {font-size:32px;}
h2 {font-size:24px;}
h3 {font-size:20px;}

	.in{
		width: 700px;
	}
	.footer-col:nth-child(1), .footer-col:nth-child(2){
		width: 49.999%;
		margin-bottom: 20px;
		text-align: center;
	}
	.footer-col:nth-child(3){
		width: 100%;
	}
	#the-map{
		height: 200px;
	}
	#main-nav-container > ul > li+li{
		margin-left: 15px;
	}
	.novinka{
		width: 49.999%;
	}
	.novinka:nth-child(3n+1){
		clear: none;
	}
	.novinka:nth-child(2n+1){
		clear: both;
	}

#content-wrap{margin-top:-38px;}

#main-nav-container > ul > li > ul{box-shadow:0 0 0;line-height:1.8em;}
#main-nav-container > ul > li.has-submenu > a {display:none;}

#footer{font-size:15px;line-height:1.6em;}

}

/* * * Mobile * * */
@media (max-width: 768px) {
	.in{
		width: auto;
		padding-left: 15px;
        padding-right: 15px;
	}
	#main-nav-instead{
		height: 50px;
	}
	#main-nav{
		background-color: #000; 
		height: 50px;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		right: 0;
	}
	#main-nav-toggle{
		width: 50px;
		height: 38px;
		padding-top: 12px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
	#main-nav-toggle > span{
		margin-bottom: 5px;
		width: 34px;
		height: 5px;
		display: block;
		background-color: #fff;
	}
	#main-nav-container{
		color: #000;
		background-color: #fff;
		display: none;
		position: absolute;
		left: 0;
		top: 50px;
		right: 0;
	}
	#main-nav-container > ul{
		padding: 15px 0;
    border-bottom:1px solid #000;
	}
	#main-nav-container > ul > li{
		display: block;
        text-align:center !important;
	}
	#main-nav-container > ul > li+li{
		margin: 15px 0 0 0;
        text-align:center !important;
	}
	#main-nav-container > ul > li > a{
		color: #000;
        text-align:center !important;
	}
	.slide{
		height: 200px;
	}
	.slide-caption{
		font-size: 30px;
	}
	.footer-1{
		padding-left: 0;
		padding-right: 0;
	}
	.footer-col{
		width: auto !important;
		float: none !important;
	}
	.footer-col+.footer-col{
		margin-top: 30px;
	}
	.logo-mobile{
		width: 170px;
		height: 32px;
		position: absolute;
		left: 10px;
		top: 8px;
		background-image: url(../media/images/logo-sachmat-2024-bile.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 1 !important;
	}
	.logo{
		width: 250px;
		height: 128px;
		background-size: 100% auto;
		display: none;
	}
	#main-nav-container > ul > li > ul{
		padding: 0;
		display: block;
		position: static;
		background-color: transparent;
		width: auto;
		margin: 0;
	}
	#main-nav-container > ul > li > ul:before{
		display: none;
	}
	#main-nav-container > ul > li > ul > li{
		margin-top: 5px;
	}
	#main-nav-container > ul > li > ul > li > a{
		padding: 0;
		display: inline;
        text-align:center !important;
	}
	.novinka{
		width: auto;
		float: none;
	}
	#main-nav-container > ul > li.has-submenu > a{
		background-image: none;
		padding-right: 0;
        text-align:center !important;
	}
}

.in table {color:#000;}
.in table:hover {color:#000;}

.in tr:hover {background-color:#fff;color:#000;}

#cookie {
transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;
text-align:center;padding:5px;width:100%;height:auto;font-size:12px;color:#fff;background-color:#000;opacity:0.9;position:fixed;bottom:0;
}
#cookie a {color:#fff;text-decoration:none;cursor:pointer;display:inline-block;}
#cookie a.c_vse {padding:5px 10px;background-color:green;border-radius:10px;margin:10px;}
#cookie a.c_vybrane {padding:5px 10px;background-color:orange;border-radius:10px;margin:10px;}
#cookie a.c_ne {padding:5px 10px;background-color:red;border-radius:10px;margin:10px;}