html {
scroll-behavior: smooth;
 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	height:100%;
}

body {
	src:url("fontawesome-webfont.eot?v=4.7.0");
	src:url("fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("fontawesome-webfont.woff?v=4.7.0") format("woff"),url("fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
	font-family:'FontAwesome';
	font-size:1.3vw;
	color:#ccc;
	/*text-shadow:1px 1px 3px #fff, 1px 1px 3px #ccc;*/
	margin:0px; 
	padding:0px;
	height:100%;
	background-color: #fff;
	background:url(../images/bcg_01.jpg) repeat-y #000 top center / contain;
	background-size:100%;
	background-attachment:fixed;


}


hr {
	border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
}

p {
	font-family:'FontAwesome';
	font-size:1.2vw;
	/*text-shadow:1px 1px 3px #fff, 1px 1px 3px #ccc;*/
	color:#ccc;
	/*background-color: rgba(0, 0, 0, 0.3);*/
}

ul {
	display: flex;
	flex-direction:column;
	color: #ccc;
	list-style: square;
	list-style-position: outside;
}

li {
	font-family:'FontAwesome';
	font-size:1.2vw;
	text-align:left;
}
	
strong {
	font-size:1.2vw;
	font-family:'FontAwesome';
	color:#ccc;
}


img {
	border-width:0px;
	box-sizing:border-box;
	margin:5px;
	width: auto;
}

h1 {
	font-family:'FontAwesome';
	font-size:1.5vw;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; 
	letter-spacing: 3px; 
	color:#ccc;
}

td {
	font-family:'FontAwesome';
	text-align:left;
}

span {
	display:inline;
}

h2 {
font-family:'FontAwesome';
	font-size:1.4vw;
	color:#ccc;
	display:inline;
}


a {
	font-family:'FontAwesome';
	font-size:1.3vw;
	color: #fff;
	text-decoration: none;
	font-weight:normal;
}

a:hover {
	text-decoration: underline;
	color: gold;
	text-shadow: 3px 2px 3px rgba(255,255,255,.2);
}


#languages a {
	font-family:Verdana, sans-serif;
	font-size:18px;
	color:#353535;
	text-decoration:none;
	font-weight:normal;
	margin-left:20px;
}

#languages a:hover {
	color:#cccccc;
}

#gallery_tabs img {
	border:0px solid #000000;
	vertical-align:bottom;
	padding-bottom:10px;
}

#gallery_tabs a {
	font-family:'FontAwesome';
	font-size:18px;
	color:#7F7F7F;
	text-decoration:none;
	font-weight:normal;
	margin-left:0px;
}

#gallery_tabs a:hover {
color:#cccccc;
}


.timebar {
color:#ccc;
font-size:14px;
font-family:'FontAwesome';

font-weight:normal;
}

#category_editor img {
border: 0px solid #cccccc;
}

#article_thumbs a {
	font-family:'FontAwesome';
	font-size:13px;
	text-decoration:none;
	color: #9E0000;
}

#article_thumbs a:hover {
	text-decoration:underline;
}

#article_thumbs ul {
	padding-left:15px;
	margin-top:0px;
}

#article_thumbs li {
	color:#9E0000;
	margin-left:0px;
}

#article_thumbs li:hover {
	color:#0C78E3;
}

.atitle {
	font-family:'FontAwesome';
	color: #6AA3F0;
	text-decoration:none;
	font-weight:bold;
	font-size:1.3vw;
}

.viac {
	color: #9E0000;
	text-decoration:underline;
	font-weight:bold;
	font-size:1.3vw;
}

#pocasie a {
	color:#fff;
}

.banner_title {
	color:#545454;
	text-decoration:underline;
	font-weight:bold;
	font-size:10px;
}

.banner_text {
	color:#545454;
	text-decoration:none;
	font-weight:bold;
	font-size:9px;
}

.banner_atitle {
	font-family:'FontAwesome';
	font-size:13px;
	color: #9E0000;
	display:inline;
	font-weight:bold;
	text-decoration:none;
}


#kontakt_top {
	display:table; 
	margin:0 auto; 
	text-align:center; 
	margin-bottom:50px;
}

#kontakt {
	font-family:'FontAwesome';
	color:#ccc;
	font-size:1.4vw;
	display:inline-block;
	text-align:center;
	transition: all 0.3s;
	opacity:1;
	
}
#kontakt h1 {
	background: rgba(0, 0, 0, 0.5);
	padding:10px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

#kontakt fieldset {
	font-family:'FontAwesome';
	border:1px solid #ccc;
	padding:1.4vw;
	color:#fff;
}

#kontakt textarea {
	font-family:'FontAwesome';
	color: #666;
	font-size:1.4vw;
	padding:5px;
	resize: none; 
	width:100%; 
	height:100px;
	box-sizing: border-box;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

#kontakt span {
	font-weight:bold;
	font-family:'FontAwesome';
	font-size:1.4vw;
	color: #fff;
	margin:10px;
}


#kontakt table {
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		padding:0px;
		margin:0px;
		border-collapse:collapse;
		border:0px solid #fff;
		background: rgba(0, 0, 0, 0.5);
}

#kontakt td {
	vertical-align:middle;
	padding:10px;
	margin:0px;
	border-collapse:collapse;
	border:0px solid #fff;

}

#kontakt input[type=text], input[type=tel], input[type=email], input[type=number] {
	font-family:'FontAwesome';
	margin:0px;
	padding:5px;
	font-size:1.4vw;
	color:#ccc;
	border:0px solid #fff;
	-webkit-text-fill-color: #666;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	width:100%;
}


#kontakt input[type=button], input[type=submit], input[type=reset] {
 	width:150px;
	font-family:'FontAwesome';
	font-size:1.3vw;
	background-color: #2d7dc4;
	-moz-border-radius: 5px;
	border-radius: 5px;
  border: none;
  color: white;
  padding: 10px 17px;
  text-decoration: none;
  margin: 0px 2px;
  cursor: pointer;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  transition: all 0.3s;
  padding:10px;
}

#kontakt input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background-color: #4792C1;
}


#article_div fieldset {
border:1px solid #ccc;
padding:5px
}

#article_div legend {
font-weight:bold;
font-family:'FontAwesome';
font-size:13px;

color: #000;
}


#article_div td {
border-bottom:1px solid #ccc;
padding:2px;
}

.link01 {
font-weight:bold;
font-family:'FontAwesome';
font-size:16px;
color:#fff;
text-decoration:none;

}

.link02 {
font-weight:bold;
font-family:'FontAwesome';
font-size:13px;
color:#0c78e3;
text-decoration:none;

}

.link03 {
font-weight:bold;
font-family:'FontAwesome';
font-size:16px;
color:#0c78e3;
text-decoration:none;

}


#response_inner_div_obj {
	text-align: center !important;
	color:#fff;
	transition: all 0.3s;
	display:flex;
	flex-direction:column;
	height:auto;
	width:100%;
	background-color: #000;
	color: #fff; 
 }


#response_inner_div p {
	font-size:1.5vw;
}


.kontakt_item {
	color:#fff;
	text-align:center;
	-moz-border-radius: 10px;
	border-radius: 5px;
	/*border:1px solid silver; */
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	transition: all 0.3s;
	z-index:1101; 
	padding:10px;
	display:flex;
	flex-direction:column;
	position:fixed;
	visibility: visible;
	height:auto;
	width:fit-content;
	border: 1px solid #ccc; 
	background-color: #000;
	top: 50%; left: 50%; 
	position:absolute; 
	color: #fff; 
	transform: translateX(-50%) translateY(-50%);
	text-wrap: nowrap !important;
 }

.gallery_item_font {
	font-size:1.2vw;
	color:#404040;
	align-self: center;
}


.gallery_item {
	background:url(../images/loading.gif) no-repeat center center;
	width:290px;
	height:200px;
	text-align:center;
	opacity:1;filter:alpha(opacity=100);
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:2px; 
	margin:10px; 
	border:1px solid #ccc; 
	background-color:#fff;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	transition: all 0.3s;
}

.gallery_item:hover {
		transform:scale(1.05);
}

.photo {
border:0px solid #fff;
}

.photo:hover {
	opacity:0.8;filter:alpha(opacity=80);
}

#page_bottom {
	font-family:'FontAwesome';
	display:flex; 
	flex-direction:row;
	padding-top:20px; 
	padding-bottom:20px; 
	width:100% !important; 
	border-top:1px solid #666; 
	/*background: rgba(0, 0, 0, 0.5);*/
	background-color: #1e1e24;
	margin-top:auto;
	margin-bottom:0;
}

#page_bottom div {
	width:100%;
	display:inline-block;
}

#page_bottom ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-left:20px;
}

#page_bottom li {
	list-style-image: url(../images/li-arrow.png);
}

#page_bottom p {
	font-family:'FontAwesome';
	font-size:16px;
}

#page_bottom span {
	font-family:'FontAwesome';
	font-size:16px;
	
}

#page_bottom a {
	font-family:'FontAwesome';
	font-size:16px;
}

#bottom_services {
	padding-left:20px;
}


#slideshow {
	float:right;
	width: 400px;
	height: 270px;
	position: relative;
	z-index:0;
	border:1px solid #666;
	/*border-radius: 5px; */
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	background-position:center center;
	vertical-align:middle;
	background-size:cover;
	background-repeat: no-repeat;
}

#produkty_main p {
	font-size: 1vw; 
}

#login_form {
	display:none;
	/*position: absolute;
	left:100%;
	transition: all 1s;
	z-index:1030;
	background-color: #000;
	*/
}

.login_form {
	font-size: 1.3vw;
	color:#ccc;
	width: 100%;
	text-align:left;
}

.button {
	background-color: #0B52FB;
	padding:5px;
	text-decoration:none;
	color: #fff;
	border-radius: 5px;
	text-decoration:none;
	cursor:pointer;
}

.button:hover {
	background-color: #0622D8;
	text-decoration:none;
}



.checkbox_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox_container:hover input ~ .checkbox_checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox_container input:checked ~ .checkbox_checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkbox_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_container .checkbox_checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



#fadeTitle {
	font-family:'FontAwesome';
	font-weight:bold;
	font-size:28px;
	color: #fff; 
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; 
	letter-spacing: 3px; 
	color:#fff;
	line-height:30px;
	vertical-align:middle;
}

#citat {
	display:inline-block;
	width:300px;
	height:110px;
	font-family:'Apple Chancery', cursive;
	font-size:14px;
	padding:5px;
	z-index:4;
	position:absolute;
	top:30px;
	left:220px;
	/*background: rgba(0, 0, 0, 9); */
	box-sizing: border-box;
	border:0px solid #888;
	border-radius: 5px;
	/*box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); 	*/
	text-align:center;
	vertical-align:middle;
	color:#5798E2;
	letter-spacing: 1px; 
	text-shadow:1px 1px 3px #184266, 1px 1px 3px #184266;
}

#citat i {
	color:#B68A34;
	float:right;
	margin-right:10px;
	margin-top:5px;
}

.shadowfilter {
    -webkit-filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1));
     filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1));
}

#contact_privacy_notice, #contact_privacy_notice2 {
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		padding:0px;
		margin:0px;
		border-collapse:collapse;
		border:0px solid #fff;
		background: rgba(0, 0, 0, 0.5);
		padding:5px;
		margin-top:10px;
		display:flex;
		flex-direction: column;
}

#contact_privacy_notice input[type=checkbox], #contact_privacy_notice2 input[type=checkbox] {
	width:1.2rem;
	height:1.2rem;
	vertical-align:middle;
}

#contact_privacy_notice span, #contact_privacy_notice2 span {
		cursor:pointer;
		vertical-align:middle;
}

#logo_bar {
	background:url(../images/logo.png) no-repeat left center; 
	background-size: contain; 
	width:200px;
	height: 100px; 
	display:flex;
	flex-direction:row;
	padding:0px; 
	margin:0px; 
	text-align:left;
	cursor: pointer;
}


#main_div1 {
	background: #000; /*background: rgba(0, 0, 0, 0.8); */
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); 
	display:flex; 
	flex-direction:column;
	width:100%;
	position:fixed;
	z-index:2;
	border-bottom:1px solid #fff; 
}

#main_content {
	display:flex; 
	flex-direction:column;
	width:100%; 
	height:100%;
	transition: all 1s;
	 -webkit-transition:all 1s;
	-o-transition:all 1s;
	-moz-transition:all 1s;
}

#main_content:has(#load_content:hover) {
	background-size:105%;
}

#main_content:has(.home_aktuality:hover) {
	background-size:110% !important;
}

#load_content {
	display:flex; 
	flex-direction:column;
	margin-top:100px; 
	border-top:0px solid #fff; 
	border-bottom:0px solid #fff; 
	padding-top:0px; 
	padding-bottom:0px; 
	text-align:left; 
	vertical-align:center;
	width:100%;
	transition: all 1s;
	 -webkit-transition:all 1s;
	-o-transition:all 1s;
	-moz-transition:all 1s;
    transform-origin: top center;
	/*transform:scale(0);*/
	height:100%;
}

#promo_text {
		display:flex; 
		justify-content: center;
		text-align:center; 
		width:100%; 
		background: rgba(0, 0, 0, 0.5); 
		padding:20px;
		margin-top:20px;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}

/********** MENU MIN FOR PC **********/
@media screen and (max-width: 900px) {
	
	#promo_text {
		display:flex; 
		justify-content: center;
		text-align:center; 
		width:100%; 
		background: rgba(0, 0, 0, 0.5); 
		padding:20px;
		margin-top:20px;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}

	
	#promo_text span {
		font-size:2vw;
	}
	
	
	#kontakt_top {
		margin-top:100px;
		transform:scale(1.5);
		transform-origin:top center;
	}
	
	#kontakt {
		font-family:'FontAwesome';
		color:#ccc;
		font-size:2vw;
		display:flex;
		flex-direction:column;
		text-align:center;
		transition: all 0.3s;
		opacity:1;
		width:60%;
		margin:0 auto;
	}
	
	#kontakt input[type=text], input[type=tel], input[type=email], input[type=number]{
		margin:0px;
		padding:5px;
		font-family:'FontAwesome';
		font-size:2vw;
		color:#ccc;
		border:0px solid #fff;
		-webkit-text-fill-color: #666;
		width:33%;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	#kontakt h1 {
		background: rgba(0, 0, 0, 0.5);
		padding:10px;
		font-family:'FontAwesome';
		font-size:3vw;
	}

	#kontakt span {
		font-weight:bold;
		font-family:'FontAwesome';
		font-size:2vw;
		color: #fff;
		margin:10px;
	}

	#kontakt textarea {
		font-family:'FontAwesome';
		color: #666;
		font-size:2vw;
		padding:5px;
		margin:0px;
		resize: none; 
		width:100%; 
		height:100px;
		box-sizing: border-box;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#kontakt input[type=button], input[type=submit], input[type=reset] {
		width:auto;
		-moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
		font-family:'FontAwesome';
		font-size:3vw;
		background-color: #2d7dc4;
		-moz-border-radius: 10px;
		border-radius: 10px;
	  border: none;
	  color: white;
	  padding-top: 10px 15px;
	  text-decoration: none;
	  margin: 0px 2px;
	  cursor: pointer;
	  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	  transition: all 0.3s;
	}
}


.font-color1 {
	color: #666;
}

.font-color-white {
	color:#fff;
}

.font-family1 {
	font-family:'FontAwesome';
}

.font-size1 {
	font-size: 1.2vw;
}	

.font-size1 {
	font-size: 1.4vw;
}	

  @keyframes blink {
            0% {
                opacity: 1;
            }
            50% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

        .blinking_item {
            animation: blink 1s infinite !important; 
        }

#screensaver {
	transition: all 0.5s;
	 -webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-moz-transition:all 0.5s;	
	display:none; 
	position:fixed; 
	z-index:19; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	opacity: 0.5; 
	background-color:#000;
}



#loader_bar {
	transition: all 0.5s;
	transition-behavior: allow-discrete;
	 -webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-moz-transition:all 0.5s;	
	display:none; 
	position:fixed; 
	white-space: nowrap; 
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); 
	background-color: #000; 
	top: 50%; 
	left: 50%; 
	color: #fff; 
	transform: translateX(-50%) translateY(-50%); 
	font-size: 2vw; 
	font-family: font-awesome; 
	letter-spacing: 2px; 
	z-index:1002; 
	padding:10px;
}


#loader_bar_in {
	padding:20px;
	
}

.loaderbar_cancel_icon {
	cursor: pointer;
	width:20px;
	
}

.sale_price_percent {
	font-size: 1.1em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-sizing:border-box;
	width:100%;
	padding:5px;
	background-color: #FEE956;
	color: #fff;
	display:block;
}
	
.item_price {
	font-size: 1.1em;
	box-sizing:border-box;
	width:100%;
	padding:5px;
	background-color: #C91F28;
	color: #fff;
	display:block;
}

.item_total_price {
	font-size: 1em;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-sizing:border-box;
	width:100%;
	padding:3px;
	background-color: #C91F28;
	color: #fff;
	text-decoration: line-through;
	display:block;
}

#search_panel {
	width:30% !important; 
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	z-index:20; 
	display:flex;
	flex-direction:column;
	position: fixed;
	width:auto;
	justify-content:center;
	box-sizing: border-box;
	top: 30px;
	left: 50%;
	transform: translateX(-50%); 
}

#search_panel input[type=text] {
	font-size: 1.3vw;
	padding:5px;
}

#search_panel_input {
	box-sizing: border-box; 
	padding:5px; 
	background-color:#fff; 
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); 
	border-radius: 5px; 
	width:100%;	
}

.input_field {
	font-size:2vw;
}

.input_field:focus {
	/*background-color:#D5F5E3;*/
}


.order_item {
	font-family:'FontAwesome';
	font-size:10px;
	display:flex;
	width: 100%;
	height:auto;
	align-items: center;
	color: #666;
	border: none;
	text-decoration: none;
	cursor: pointer;
	padding: 2px;
	white-space: wrap;
	flex-basis: 30%;
	box-sizing:border-box;
}


.order_item:hover {
	text-decoration: underline;

}

#search_list {
	font-size:12px;
}


		
@media screen and (max-width:6in) {
	#search_panel {
		transition: all 0.1s;
	}
	
	
	#search_panel:has(input[type=text]:focus) {
		width:80% !important; 
		top: 30px;
		left: 50%;
		transform: translateX(-50%); 
	}
	
	#search_panel:has(input[type=text]:focus) +	#main_content {
		position: fixed;
	}
	
	#search_panel input[type=text]:focus {
		font-size: 5vw;
	}
	

}