@media (min-width: 1919px) {
  .col-xxxl-1 { width: 8.333333%; }
  .col-xxxl-2 { width: 16.666667%; }
  .col-xxxl-3 { width: 25%; }
  .col-xxxl-4 { width: 33.333333%; }
  .col-xxxl-5 { width: 41.666667%; }
  .col-xxxl-6 { width: 50%; }
  .col-xxxl-7 { width: 58.333333%; }
  .col-xxxl-8 { width: 66.666667%; }
  .col-xxxl-9 { width: 75%; }
  .col-xxxl-10 { width: 83.333333%; }
  .col-xxxl-11 { width: 91.666667%; }
  .col-xxxl-12 { width: 100%; }
}

.err {
	font-size: 72px;
	font-weight: bold;
}

a {
	color: #ff0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #bd0909;
}

.nadhlava {
	z-index: 999;
	height: 30px;
	background-color: #000;
	position: fixed;
	top: 0;
	width: 100%;
}

.navbar {
    width: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7)!important;
    backdrop-filter: blur(3px);
    transition: height 0.3s ease, background-color 0.3s ease;
    height: 100px;
	top: 30px;
}

.fmenu .nav-item .nav-link.nav-lik-special {
    margin-left: 0 !important;
}

@media screen and (min-width: 992px) {
.nav-lik-special {
    margin-left: 40px;
}
}


.navbar-toggler-icon {
	width: 1em;
	height: 1em;
}

.navbar-nav .nav-link {
    color: white;
    font-size: 1rem;
    padding: 0 15px;
    line-height: 100px;
    transition: box-shadow 0.3s ease;
    box-shadow: inset 0 -2px 0 transparent;
	font-weight: bold;
}

.navbar-nav .nav-link:hover {
    box-shadow: inset 0 -2px 0 #ff0000;
	color: #ff0000;
}

.navbar-nav .nav-link.active {
    box-shadow: inset 0 -2px 0 #ff0000;
	color: #ff0000;
}

.navbar.shrink {
    height: 55px;
    background-color: rgba(0, 0, 0, 0.8);
}

.navbar.shrink .nav-link {
    line-height: 55px;
}

@media screen and (max-width: 992px) {
.navbar-nav {
	z-index: 1000;
    background-color: #000;
	position: absolute;
	top: 100px;
	left: 0;
	width: 100vw;
}

.navbar-nav .nav-link {
	line-height: 50px;
}

}

.navbar-brand {
	max-height: 100%;
}

.vlajky img {
	width: 30px;
	margin-right: 10px;
	margin-top: 2px;
}

.site img {
	width: 26px;
	margin-left: 5px;
	margin-top: 2px;
}

.sidebar {
	z-index: 999;
	font-size: 13px;
	width: 90px;
	overflow: hidden;
	background-color: #ff0000;
	color: #ffffff;
	position: fixed;
	right: 0;
	top: 250px;
	padding: 15px 5px 15px 5px;
	text-align: center;
	font-weight: bold;
	border-top-left-radius: 30px 30px;
	border-bottom-left-radius: 10px 10px;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);
}

.sidebar a{
	text-decoration: none;
	color: #fff;
}

.sidebar img {
	width: 50px;
	padding-top: 10px;
}

.svg-fix {
	width: 60px!important;
}

.dots {
	font-size: 16px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 4px;
}

.svg {
	filter: brightness(0) saturate(100%) invert(100%);
}

.svg-min {
	width: 20px;
	position: relative;
	top: -2px;
	filter: brightness(0) saturate(100%) invert(100%);
}

@media screen and (max-width: 992px) {
.sidebar {
	font-size: 13px;
	height: 30px;
	width: 100%;
	left: 0;
	top: auto;
	bottom: 0;
	padding: 5px 5px 5px 5px;
	border-top-left-radius: 0 0;
	border-bottom-left-radius: 0 0;
	box-shadow: 0 0 0 #fff;
}

.sidebar a {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}

.dots {
	display: none;
}

.sidebar img {
	display: none;
}
}

.fotter {
	background-color: #2a2d2e;
	color: #999999;
	padding-top: 30px;
	padding-bottom: 30px;
}

.fotter a{
	background-color: #2a2d2e;
	color: #fff;
	text-decoration: none;
}

.fotter a:hover{
	background-color: #2a2d2e;
	color: #fff;
	text-decoration: underline;
}

.fics {
	margin-right: 10px;
}

.fotter li {
	padding-bottom: 5px;
	color: #ff0000;
}

.fotter h3 {
	padding-bottom: 20px;
}

.fotter h3:after {
	content: '';
	display: block;
	width: 80px;
	height: 3px;
	background-color: red;
	background-image: linear-gradient(to right, red , #2a2d2e);
}

.fsepare {
	margin-top: 20px;
}

.ralit {
	color: #999999!important;
}

.hbg-a {
	height: 356px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('hbg-a.jpg');
	text-align: center;
	color: #000;
}

.hbg-a h1{
	position: relative;
	top: 200px;
}

.hbg-a h1:after {
    content: '';
    display: block;
    width: 120px;
    height: 5px;
    background-image: linear-gradient(to right, red, transparent);
    margin: 10px auto 0;
}

.separator-top {
	margin-top: 50px;
}

.form-label {
	margin-top: 10px;
	margin-bottom: 2px;
}

.btn-j {
	background-color: #ff0000!important;
	color: #fff!important;
}

.itemimg {
	height: 100px;
}

.itemimg img {
	height: 100px;
	object-fit: contain;
}

.sale-table {
	border-bottom: 1px solid grey;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sale-table:hover {
	background-color: #ede0df;
}

.swiper-container {
    height: 650px;
	overflow: hidden;
}

/* Images in swiper slides */
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
    color: #ff0000!important;
	top: 350px!important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #cc0000!important;
}

.swiper-pagination {
	top: 630px!important;
	height: 15px;
}

.swiper-pagination-bullet {
    background-color: #ff0000!important;
}

.swiper-pagination-bullet-active {
    background-color: #cc0000!important;
}

.l-swiper-container {
	height: 200px;
	overflow: hidden;
}

.odstavce {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 24px;
}

.odstavec {
	padding-top: 50px;
}

.odstavce img {
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

.odstavce h2 {
	position: relative;
	left: 10px;
}

.odstavce li::marker {
	color: #cc0000;
}

.ikona {
	margin-top: 50px;
	font-weight: bold;
}

@media screen and (max-width: 992px) {
.ikona img {
	max-width: 80px;
}
}

.ikona h5 {
	margin-top: 16px;
	font-weight: bold;
}

.container-grey {
	background-color: #f1f1f1;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.ruzova {
    background-image: linear-gradient(-45deg, #b50516 50%, #df0019 10%, #b50516 60%);
    padding: 18px 18px 10px 18px;
    color: #fff;
    text-align: center;
}

.h2line {
	font-weight: bold;
	margin-top: 40px;
}

.h2line::after {
	font-weight: bold;
    content: '';
    display: block;
    width: 250px;
    height: 5px;
    background-image: linear-gradient(to right, red, transparent);
    margin: 10px auto 0;
}

.gallery-item {
	height: 250px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

@media screen and (max-width: 992px) {
.gallery-item {
	height: 200px;
}
}

.gallery-item-border {
	border: 2px solid white;
}

.gallery-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}

.gallery-item:hover img {
  transform: scale(1.1);
}

.popisfoto {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  text-align: center;
  z-index: 2; 
  transition: opacity 0.3s ease;
  text-shadow: 0px 0px 10px black;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0.4); /* Červené průhledné pozadí */
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1; /* Overlay pod textem, ale nad obrázkem */
}

.gallery-item:hover .overlay {
  opacity: 1; /* Zobrazí overlay při hover */
}

.gallery-item:hover .popisfoto {
  opacity: 1; /* Zobrazí text při hover */
}

.sw-center {
	text-align: center;
}

.cloga {
	margin-top: 45px;
	height: 115px!important;
	object-fit: contain!important;
	display: inline-block;
}

.container-form {
    background-repeat: no-repeat !important;
    min-height: 460px;
    background-size: cover;
    background-position: center center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.prd {
	box-shadow: 5px 5px 10px #e0e0e0;
	margin: 10px;
	display: block;
	width: 100%;
	height: 450px;
	overflow: hidden;
	position: relative;
}

.prd h2 {
	z-index: 999;
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	padding-right: 50px;
	font-size: 22px;
	padding-top: 8px;
	padding-left: 12px;
	padding-bottom: 8px;
	background-image: linear-gradient(to right, #2a2d2e, transparent);
	color: #fff;
	text-decoration: none;
}

.prd img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	transition: transform 0.5s ease;
}

.prd:hover img {
	transform: scale(1.03);
}

.inprd h3 {
	padding-top: 20px;
	padding-bottom: 10px;
}

.inprd li::marker {
  color: red;
}

.inprd h3::after {
	font-weight: bold;
    content: '';
    display: block;
    width: 250px;
    height: 5px;
    background-image: linear-gradient(to right, red, transparent);
	margin-top: 10px
}

.text2 h3::after {
	font-weight: bold;
    content: '';
    display: block;
    width: 250px;
    height: 5px;
    background-image: linear-gradient(to right, red, transparent);
    margin: 10px auto 0;
}

.inprdimg {
	max-width: 100%;
	max-height: 450px;
}

.mt-40 {
	margin-top: 40px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-40 {
	margin-bottom: 40px;
}

.row-prislus {
	box-shadow: 0 4px 10px -8px #e0e0e0;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 14px;
}

.row-prislus li::marker {
	color: #cc0000;
}

.row-prislus h3 {
	font-size: 16px;
	margin-top: 8px;
}

.row-prislus h3::after {
	font-weight: bold;
    content: '';
    display: block;
    width: 220px;
    height: 3px;
    background-image: linear-gradient(to right, red, transparent);
	margin-top: 5px
}

.row-prislus .gallery-item {
	height: 300px;
}

.popisitem {
	z-index: 999;
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	padding-right: 20px;
	font-size: 16px;
	padding-top: 6px;
	padding-left: 12px;
	padding-bottom: 6px;
	background-image: linear-gradient(to right, #2a2d2e 60%, transparent);
	color: #fff;
	text-decoration: none;
}

.download-list {
    padding-bottom: 20px;
    padding-top: 10px;
}

.download-item {
	border-bottom: 1px solid #e8e8e8;
	padding-top: 10px;
	padding-bottom: 10px;
}

.popisrole {
	font-weight: bold;
}

.kontaktitem {
	width: 25.1%;
	padding: 10px;
	display: inline-block;
	text-align: center;
}

@media screen and (max-width: 992px) {
.kontaktitem {
	width: 99%;
	padding: 10px;
	display: inline-block;
	text-align: center;
}
}

.kontaktitem .kontaktitemimg {
	display: inline-block;
	width: 100px;
	height: 100px;
	overflow: hidden;
	background-color: #e6e6e6;
	border-radius: 100px;
	border: 5px solid #e6e6e6;
}

.kontaktitem .kontaktitemimg img {
	width: 100%; 
	height: 100%; 
	object-fit: contain; 
}

.kontakt-list {
	text-align: center;
}

.kontakt-list h3 {
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-weight: bold;
}

.kontakt-list h3::after {
	font-weight: bold;
    content: '';
    display: block;
    width: 220px;
    height: 3px;
    background-image: linear-gradient(to right, red, transparent);
	margin: 10px auto 0;
}

.col-12-admin {
	border-bottom: 4px solid #f1f1f1;
	overflow-y: scroll;
	height: 650px;
}

.aruzova {
	margin-top: 90px;
}

.maly {
	font-size: 11px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 10px;
	color: grey;
}

.tablerow p {
	margin: 0;
	padding: 0;
}

.form-check-input:checked {
    background-color: red;
    border-color: red;
}

.aitem {
	border: 1px solid lightgrey;
}

.aitem form {
	margin: 0;
	padding: 5px;
}

.tname {
	padding: 0;
	margin: 0;
	margin-left: 5px;
	font-weight: bold;
	cursor: pointer;
}

.tname:hover {
	background-color: #ede0df;
}

.tname p {
	padding: 0;
	margin: 0;
}

.aspace {
	display: inline-block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ede0df;
	margin-bottom: 0;
	margin-top: 10px;
}

.cik {
	height: 18px;
	position: relative;
	top: -2px;
}

.filter-btn {
	margin: 6px;
}

.fiterdiv {
	margin-left: 10px;
	margin-bottom: 10px;
}