html, body {padding: 0; margin: 0;}
body {font-family: "Albert Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 17px; margin:0; color: #2b2a28; background: white;}


/** Menu **/
.logo {height: 67px; width: auto; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.menuHolder {font-size: 18px; color:#2b2a28; overflow: hidden; font-optical-sizing: auto; font-weight: 500; font-style: normal; text-transform: uppercase; box-shadow: 2px 2px 7px rgba(33,34,33,0.3);}
.navbar-nav {margin: 0 0 0 auto; padding: 5px 0 5px 0;}
.navbar-nav li.item a {letter-spacing: -0.4px; position: relative; display: block;padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size: var(--bs-nav-link-font-size);font-weight: var(--bs-nav-link-font-weight);color: var(--bs-nav-link-color);text-decoration: none;background: 0 0;border: 0;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; color:#2b2a28; margin-left: 6px; margin-right: 6px;}
.menuHolder {background: white; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.menuHolder2 {background: rgba(0,0,0,0.6); backdrop-filter: blur(12px); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.small-menuH {background: rgba(255,255,255,0.6); backdrop-filter: blur(12px);}
.small-menuH .logo {height: 52px; width: auto;}
.small-menuH .navbar-nav {margin: 0 0 0 auto;}
.small-menuH .btnn {margin: 0 0 0 8px;}
.navbar-nav li.item a::before {content: "";position: absolute;display: block;width: 100%;height: 1px;bottom: 5px;left: 0; background-color:#762426;transform: scaleX(0);transform-origin: top left;transition: transform 0.3s ease;}
.navbar-nav li.item a:hover::before, .navbar-nav li.active a::before {transform: scaleX(1); }
.navbar-nav li.item a:hover, .navbar-nav li.active a {color: #762426;}
button.navbar-toggler {border: none;}
.navbar-toggler-icon {color: black; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(255, 255, 255, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E")};
.navbar-toggler:focus {text-decoration: none; outline: 0;box-shadow: none !important;}
.navbar-toggler:focus {box-shadow: none;}
.ico {color:#2b2a28;}


.swiper-container {width: 100vw;height: 100vh; position: relative;}
.swiper .pivovar-logo {position: absolute; right: 60px; top: 101px; background: rgba(255,255,255,0.6); padding: 15px; z-index: 100;}
.swiper .pivovar-logo img {height: 90px;}
.swiper-slide {background-color: #fcfcfc;background-size: cover;background-position: center;width: 100%;height: 100%;justify-content: center;align-items: center;}
.swiper-slide > .swiper-slide-cover {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: transparent no-repeat 50% 50% /cover;}
.swiper-slide .slide-01 {background-image: url(/plugins/templates/default/images/slide1.jpg?7);transform-origin: 50% 50%;}
.swiper-slide .slide-02 {background-image: url(/plugins/templates/default/images/slide2.jpg?8);transform-origin: 50% 50%;}
.swiper-slide .slide-03 {background-image: url(/plugins/templates/default/images/slide3.jpg?9);transform-origin: 50% 50%;}
.swiper-slide .slide-04 {background-image: url(/plugins/templates/default/images/slide4.jpg?9);transform-origin: 50% 50%;}
.swiper-scale-effect .swiper-slide-cover {transition-timing-function: linear;transition-duration: 9s;transform: scale(1);}
.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {transform: scale(1.15);}

.swiper-container .swiper-slide .texts {background: rgba(74,74,74,0.8); position: absolute; bottom: 40%; left: 100px; transform: translate(0,40%); z-index:100; text-align: center; padding: 40px;}
.swiper-container .swiper-slide .texts .swiperText1 {line-height: 1.2em; font-family: "Merriweather", serif; text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.6); color: #d5b167; font-weight: 500; font-size: 55px; text-transform: uppercase; opacity: 1; margin-bottom: 20px;}
.swiper-container .swiper-slide .texts .swiperText2 {color: white; font-weight: 400; font-size: 17px; opacity: 1; margin-top: 0px; line-height: 1.7em;}

/* Bannery pod sliderem */
.bannery {background: url(/plugins/templates/default/images/pattern-bg.jpg); background-repeat: no-repeat;background-position: center;background-size: cover;}
.bannery i {font-size: 55px; color: #d5b167; opacity: 0.5; margin-bottom: 10px;}
.bannery .banner-nadpis {font-size: 20px; color: white; font-family: "Merriweather", serif; font-variation-settings: "wdth" 100; font-weight: 400; padding: 0 10px 55px 10px; letter-spacing: -0.5px;}
.bannery .banner1 {padding: 25px 0 25px 0;}
.bannery .banner1 .banner-inline, .bannery .banner2 .banner-inline, .bannery .banner3 .banner-inline {border-right: 1px solid #d5b167; position: relative;}
.bannery .banner4 .banner-inline {position: relative;}
.bannery .banner2 {padding: 25px 0 25px 0;}
.bannery .banner3 {padding: 25px 0 25px 0;}
.bannery .banner4 {padding: 25px 0 25px 0;}
.banner-inline .btnngold {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0) !important;}

/* Tlacitko */
.btnn {font-size: 19px; font-family: "Merriweather", serif; font-variation-settings: "wdth" 100; text-transform: uppercase; font-optical-sizing: auto; text-decoration: none; min-height: 47px;  display: inline-block; padding: 12px 27px 12px; text-align: center; z-index: 1;  color: #ffffff !important; font-weight: 400; background: #762426; }
.btnn:hover {background: #571516;}
.btnn:hover i {transition: all 0.5s ease; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}

.btnngold {font-size: 15px; font-optical-sizing: auto; text-decoration: none; display: inline-block; padding: 8px 18px 8px; text-align: center; z-index: 1;  color: black !important; font-weight: 400; background: #d5b167; }
.btnngold i {font-size: 15px; color: black; margin-bottom: 0;}
.btnngold:hover {background: #b4924e;}
.btnngold:hover i {transition: all 0.5s ease; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}

.btnn2 {font-size: 19px; min-width: 220px; font-family: "Merriweather", serif; font-variation-settings: "wdth" 100; text-transform: uppercase; font-optical-sizing: auto; text-decoration: none; min-height: 47px;  display: inline-block; padding: 12px 27px 12px; text-align: center; z-index: 1;  color: #ffffff !important; font-weight: 400; background: #762426; }
.btnn2:hover {background: #571516;}

.subtitle {position:relative;text-transform:uppercase;display:inline-block;margin-bottom:7px;font-size: 20px; font-weight: 300; color: #762426; margin-bottom: 15px;}
.subtitle:before {content:"";position:absolute;top:10px;left:-50px;width:37px;height:10px;background-image:url(/plugins/templates/default/images/ornament.png)}
.subtitle:after {content:"";position:absolute;top:10px;left:100%;margin-left:10px;width:37px;height:10px;background-image:url(/plugins/templates/default/images/ornament.png)}

.subtitlegold {position:relative;text-transform:uppercase;display:inline-block;margin-bottom:7px;font-size: 20px; font-weight: 300; color: #d5b167; margin-bottom: 15px; margin-left: 50px;}
.subtitlegold:before {content:"";position:absolute;top:10px;left:-50px;width:37px;height:10px;background-image:url(/plugins/templates/default/images/ornamentgold.png)}
.subtitlegold:after {content:"";position:absolute;top:10px;left:100%;margin-left:10px;width:37px;height:10px;background-image:url(/plugins/templates/default/images/ornamentgold.png)}

.content h1 {font-size: 52px; color: #2b2928; font-family: "Merriweather", serif; font-variation-settings: "wdth" 100; text-transform: uppercase; font-optical-sizing: auto; font-weight: 500;}
.content h2 {font-size: 48px; color: #2b2928; font-family: "Merriweather", serif; font-variation-settings: "wdth" 100; text-transform: uppercase; font-optical-sizing: auto; font-weight: 500;}
.content h2.nadpish1 {font-size: 52px;}
.content h3 {font-size: 33px; color: #2b2928; font-family: "Merriweather", serif; font-variation-settings: "wdth" 100; text-transform: uppercase; font-optical-sizing: auto; font-weight: 500;}
.content h2.smaller {font-size: 25px; color: #2b2928; font-family: "Merriweather", serif; font-variation-settings: "wdth" 100; text-transform: uppercase; font-optical-sizing: auto; font-weight: 500;}
.content h2.smaller2 {font-size: 38px; color: #2b2928; font-family: "Merriweather", serif; font-variation-settings: "wdth" 100; text-transform: uppercase; font-optical-sizing: auto; font-weight: 500;}
.content .logo2 {width: auto; max-height: 100px;}
.content a {color: #2b2a28;}
.content a:hover {color: #762426;}

.vlajka {height: 18px; width: auto; margin-top: -5px;}

/* Clanky */
.clanky h2 {font-family: "Merriweather", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 58px; margin-bottom: 35px;}
.clanek-uvod {background-color: #f3f3f3; height: 100%; border-bottom: 4px solid #792729; transition: all .35s ease-out;} 
.clanek-uvod:hover {background-color: #d8d8d8;} 
.list-perex-image {width: 100%; height: 300px; object-fit: cover;}
.clanek-uvod .clanek-uvod-text {padding: 40px 30px 80px 30px;} 
.clanek-uvod .list-title {font-family: "Merriweather", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 33px; margin-bottom: 20px; margin-top: 15px;} 
.clanek-uvod .list-title a {text-decoration: none; color: black; color: black; transition: all .15s ease-out;} 
.clanek-uvod .list-title a:hover {color: #792729;} 
ul.list-info {position: absolute; bottom: 0; left: 30px; clear: both; margin: 0; padding: 0 0 30px 0; list-style-type: none; font-size: 0.8em; color: #616161 !important; font-style: normal;}
.user-link .icon {display: none;}
.clanek-uvod-tracitko {position: absolute; right: 30px; top: 275px;}
.category-hr {display: none;}
/* Tlacitko */
.btn-1 {text-decoration: none; position: relative; display: inline-flex; overflow: hidden; padding: 12px 45px 12px; text-align: center; z-index: 1;  color: black; font-weight: 300; transition: .5s;background-color: none; border: 1px solid black;}
.btn-1 i {margin: 5px 5px 0 0;}
.btn-1:hover {color: black;}
.btn-1 span {position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background-color: #f7931d;transition: width 0.4s ease-in-out, height 0.4s ease-in-out;transform: translate(-50%, -50%);z-index: -1;}
.btn-1:hover span {width: 225%;height: 562.5px;}
.btn-1.s-two {background: #fff;color: #242424;}
.btn-1.s-two:hover {color: #fff;}
.btn-1.btn-small.btn-alt,.btn-1.btn-small {padding: 11px 30px 10px;}
.btn-1.btn-large {padding: 22px 45px 21px;}
/* Tlacitko alt */
a.btn-1.btn-alt {color: white;background: #792729;border: none;padding: 12px 35px 13px; font-weight: 300;}
a.btn-1.btn-alt:hover {color: #fff;}
.btn-1.btn-alt span {background: #a43538;}

/* Boxy uvod */
.carouselUvod {position: relative;}
.carouselUvod img {object-fit: cover; width: 100%; transition: all 0.5s ease;}
.carouselUvod a {color: white; text-decoration: none;}
.carouselUvod .inner {overflow: hidden;}
.carouselUvodText {position: absolute; bottom: 45px; z-index: 1000; padding: 0 20px 0 30px; width: 75%; min-height: 80px; background: rgba(255,255,255,0.8);}
.carouselUvodText h2 {font-family: "Merriweather", serif; font-weight: 500; font-optical-sizing: auto; font-size: 26px; position: absolute;color: #2a2a2a; top: 50%; transform: translate(0,-50%);}

.carouselUvod .inner::after, .carouselUvod .inner {transition: all .4s;}
.carouselUvod:hover .inner::after {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); transition: all .4s;}
.carouselUvod:hover img {filter: blur(2px);}

/* Sluzby uvod */
.sluzby-uvod {background: url(/plugins/templates/default/images/pattern-bg.jpg); background-repeat: no-repeat;background-position: center;background-size: cover;}
.sluzby-uvod p {}
.sluzby-uvod-item {background: rgba(213,177,103,0.28); color: white; font-family: "Merriweather", serif; font-weight: 400; font-size: 18px; padding: 20px 10px 20px 10px; height: 100%; min-height: 190px;} 
.sluzby-uvod-item img {height: 70px; margin-bottom: 15px; width: auto;} 

.main-img {min-height: 350px; object-fit: cover;}

.jarallaxx .texts {background: rgba(74,74,74,0.8);z-index:100; text-align: center; padding: 40px;}
.jarallaxx .texts .swiperText1 {line-height: 1.2em; font-family: "Merriweather", serif; text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.6); color: #d5b167; font-weight: 500; font-size: 35px; text-transform: uppercase; opacity: 1; margin-bottom: 20px;}
.jarallaxx .texts .swiperText2 {color: white; font-weight: 400; font-size: 17px; opacity: 1; margin-top: 0px; line-height: 1.7em;}
.znojmoregion {position:absolute; top: 0; left: 0; background: rgba(255,255,255,0.8); padding: 20px; display: inline-block; z-index: 50;} 
.znojmoregion img {height: 45px;}

.form-control, .form-select {height: 40px;}
textarea.form-control {height: 100px;}
.form-control:focus, .form-select:focus {box-shadow: none; border-color: #762426;}
.form-check-input:checked {background-color: #762426; border-color: #762426;}
.form-check-input:focus {border-color: #762426; box-shadow: none;}

/* Footer */
.footer {background: url(/plugins/templates/default/images/pattern-bg.jpg); background-repeat: no-repeat;background-position: center;background-size: cover; color: white;}
.footer a {color: white; text-decoration: none;}
.footer a:hover {text-decoration: underline;}
.footer-logo {display: flex; align-content: center; justify-content: center; min-height: 100%;}
.footer-logo img {max-width: 315px; height: auto; margin: auto 0 auto 0;}
.footer h3 {line-height: 1.2em; font-family: "Merriweather", serif; color: #d5b167; font-weight: 500; font-size: 27px; text-transform: uppercase; opacity: 1; margin-bottom: 20px;}
.footer p {font-size: 15px;}
.footer .borderR {border-right: 1px solid #d5b167;}


.copyright {border-top: 1px solid #d5b167; color: white;}
.copyright1 {font-size: 15px;}
.copyright1 a {color: white; text-decoration: none;}
.copyright1 a:hover {text-decoration: underline;}
.copyright2 a {font-size: 18px; color: white;}

.gradient {z-index: 1; width: 100%; position: absolute; bottom: 0;  background: rgb(26,31,40);background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(26,31,40,0.7) 100%);background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(26,31,40,0.7) 100%);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(26,31,40,0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#1a1f28",GradientType=1); } 
.gradient100 {height: 100px;} 
.gradient200 {height: 200px;} 
.gradient300 {height: 300px;} 
.gradient400 {height: 400px;} 
.gradient500 {height: 500px;} 

.dark90:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.9);}
.dark80:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.8);}
.dark70:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.7);}
.dark60:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.6);}
.dark50:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.5);}
.dark40:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.4);}
.dark30:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.3);}
.dark20:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.2);}
.dark10:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.1);}
.dark5:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(26,31,40,0.05);}


/** Scrool top **/
.scroll-to-top{position: fixed;right: -25px;bottom: 70px;transform: rotate(90deg);z-index: 99;}
.scroll-to-top .visible {visibility: visible!important;opacity: 1!important;}
.scroll-to-top .scroll-top-inner {opacity: 0;visibility: hidden;}
.scroll-to-top .scroll-top-inner{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;-o-transition: all cubic-bezier(.4,0,.2,1) .4s;transition: all cubic-bezier(.4,0,.2,1) .4s;}
.scroll-to-top .scroll-bar {width: 50px;height: 2px;margin-right: 10px;position: relative;}
.scroll-to-top .scroll-bar:before {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #e1b04e;}
.scroll-to-top .scroll-bar .bar-inner {position: absolute;top: 0;right: 0;height: 100%;background-color: currentColor;}
.scroll-to-top .scroll-bar-text{font-size: 15px; text-transform: uppercase; font-family: "Jost", sans-serif; font-optical-sizing: auto; font-weight: 400;cursor: pointer;transition: all 500ms ease;color: #999;}
.scroll-to-top .scroll-bar-text:hover{transform: scale(1.1);}


:target::before {content: "";display: block;height: 100px; /* fixed header height*/margin: -100px 0 0; /* negative fixed header height */}

/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: black;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}


/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}


/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
    opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg) ;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {



}


/* Small devices (landscape phones, less than 768px) */ 
@media (max-width: 767.98px) {
.menuHolder {background: rgba(0,0,0,0.8); backdrop-filter: blur(12px);}
.menuHolder .logo {height: 50px; width: auto;}
.navbar-nav li.item a {display: inline-block;}
.navbar-nav li.item a {margin-right: 0;}
.navbar-nav {margin-top: 60px !important; height: 100vh; text-align: center; font-size: 21px;}
.small-menuH .navbar-nav {margin-top: 60px !important;}
.content h1,.content h2.nadpish1 {font-size: 40px;}
.content h2 {font-size: 38px;}
.carouselUvodText h2 {font-size: 26px;}
.footer .borderR {border-right: none;}

.bannery .banner1 .banner-inline, .bannery .banner2 .banner-inline, .bannery .banner3 .banner-inline {border-right: 0px;}
.bannery .banner1, .bannery .banner2, .bannery .banner3 {border-bottom: 1px solid #d5b167;}


}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.menuHolder {background: rgba(255,255,255,0.8); backdrop-filter: blur(12px);}
.navbar-nav li.item a {margin-right: 0;}
.navbar-nav {margin-top: 0; height: 100vh; text-align: center; font-size: 21px;}
.small-menuH .navbar-nav {margin-top: 0px;}
.navbar-nav li.item a {display: inline-block;}
.swiper .pivovar-logo {position: absolute; right: 60px; top: 84px; background: rgba(255,255,255,0.6); padding: 15px; z-index: 100;}
.swiper-container .swiper-slide .texts {display: none;}
.jarallax .texts {margin-top: 100px;}

.vlajkaen {position: absolute;top: 36px;right: 95px;}
.vlajkade {position: absolute;top: 36px;right: 59px;}


}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {





}