html, body {padding: 0; margin: 0;}
body {font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 18px; margin:0; color: #1d1d1d; background: white;}

.btnn {margin: 1px 0 0 8px; font-size: 17px; background: transparent; border: none; padding: 0.4em 0.8em !important; color: white !important; text-align: center; position: relative; transition: .5s ease; border: 1px solid white;text-decoration: none; display: inline-block;}
.btnn::before {content: '';position: absolute;left: 0;bottom: 0;height: 3px;width: 0;background-color: #639a27; transition: .5s ease;}
.btnn:hover {color: #1e1e2b;transition-delay: .5s;text-decoration: none;}
.btnn:hover::before {width: 100%;}
.btnn::after {content: '';position: absolute;left: 0;bottom: 0;height: 0;width: 100%;background-color: #639a27; transition: .4s ease;z-index: -1;}
.btnn:hover::after { height: 100%;transition-delay: 0.4s;}

.tlac {color: white !important; background: #323843; border-bottom: 4px solid #c5dd1b; display: inline-block; text-decoration: none; padding: 12px 45px 9px 45px; transition: .5s ease;}
.tlac:hover {background: #c5dd1b; color: black !important;}

/* Menu */
.logo {height: 17px; margin-top: 10px;}
.menuHolder {color:white;}
.navbar-nav {position: relative; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 21px;}
.navbar-nav li.item a {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);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:white; margin-left: 10px; margin-right: 10px;}
.menuHolder {background: #303030;}

.navbar-nav li.item a:hover, .navbar-nav li.active a {color: #c5dd1b;}
.flag {height: 16px; margin: auto 0 5px 0;}

button.navbar-toggler {border: 1px solid white !important;}
.navbar-toggler-icon {color: white; 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;}

/* Video home */
.videoHolder {height: 100vh; position: relative;}
.videoMain::before {content: '';position: absolute;background: rgba(0, 0, 0, 0.4);top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.videoMain video {width: 100%;height: 100%;position: absolute;object-fit: cover;z-index: 0;}
.sipka {position: absolute; bottom: 25px; left: 50%; transform: translate(-50%, 0); color: white; z-index: 100;}
#unmuteBtn, #toggleSound {position: absolute; bottom: 25px; right: 25px; z-index: 100; cursor: pointer;}

.videoMain2 video {width: 100%;height: 100%;position: absolute;object-fit: cover;z-index: 0;}
.textSlider {padding-top: 45vh; z-index: 1000; position: relative; padding-left: 0; padding-right: 0;}
.textSlider .hero1 {text-transform: uppercase; font-weight: 800; font-size: 70px; color: white; background: url(/plugins/templates/default/images/line-home-header.png) bottom center no-repeat; padding-bottom: 5px;}
.textSlider .hero1 span {color: #639a27; font-size: 80px;}
.textSlider .hero2 {color: white; font-size: 20px; margin-top: 15px;}

.textSlider2 {background: rgba(0, 0, 0, 0.6); display: inline-block; padding: 25px 90px 25px 40px;}
.textSlider2 .head1 {font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; color: #c5dd1b; font-size: 67px; line-height: 1.3em;}
.textSlider2 .head2 {display: block;  font-family: "Roboto Condensed", sans-serif; color: #a3a3a3; font-size: 25px;}

/* Content */
.content h1 {color: #1d1d1d; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 44px; border-left: 5px solid #c5dd1b; padding: 8px 0 8px 15px; margin-bottom: 35px;}
.content h1 span {color: #8a8a8a; font-size: 28px; font-family: "Oswald", sans-serif; font-weight: 400; display: block;}
.content h2 {color: #1d1d1d; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 44px; border-left: 5px solid #c5dd1b; padding: 8px 0 8px 15px; margin-bottom: 35px;}
.content h2 span {color: #8a8a8a; font-size: 28px; font-family: "Oswald", sans-serif; font-weight: 400; display: block;}


.content h2.white {color: #c5dd1b; font-weight: 800; font-size: 45px; text-align: center; text-transform: uppercase;}
.content h2.h-2 span {color: #639a27; font-size: 55px;}
.content p {line-height: 28px;}
.content a {color: #1d1d1d;}
.content a:hover {color: #c5dd1b;}


/* Content podstranky*/
.subContent {padding-top: 130px; padding-bottom: 250px;}
.subContent h1 {text-align: center; font-weight: 800; font-size: 45px; text-align: center; background: url(/plugins/templates/default/images/line-h1.png) bottom center no-repeat; padding-bottom: 15px;}
.subContent h1 span {color: #639a27; font-size: 55px;}
.subContent .hh2 {line-height: 1.1em; text-align: center; font-weight: 800; font-size: 35px; text-align: center; background: url(/plugins/templates/default/images/line-h1.png) bottom center no-repeat; padding-bottom: 15px;}
.subContent .hh2 span {color: #639a27; font-size: 55px;}
.subContent .hh2 .span2 {font-size: 35px;  color: #639a27;}
.grr {color: #639a27;}
.subContent h3 {font-weight: 800; font-size: 30px; text-align: center;}
.subContent a {color: #1d1d1d;}
.subContent a:hover {color: #639a27;}
.smaller {font-size: 15px;}


.jarallaxx .texts {z-index: 100;}
.jarallaxx h2 {color: #c5dd1b; font-weight: 500; font-size: 50px; text-align: center; text-transform: uppercase; font-family: "Oswald", sans-serif;}
.jarallaxx h2 span {color: #639a27; font-size: 55px;}
.jarallaxx p {line-height: 30px; color: white;}


/* Sluzby */
.sluzby {padding-bottom: 200px;}
.swiper-slide a {text-decoration: none; color: #1d1d1d; }
.swiper-slide a:hover {color: #1d1d1d; }
.swiper-slide a h3 {font-weight: 700; font-size: 20px;}
.swiper-slide a p {font-size: 16px; line-height: 24px;}
.swiper-slide a span {color: #639a27;}

/* Footer */
.footer {background: #303030; color: #d0d9ea; padding: 10px 0 10px 0; font-size: 15px; text-align: center;}


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

.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(0,0,0,0.9);}
.dark80:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.8);}
.dark70:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.7);}
.dark60:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.6);}
.dark50:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.5);}
.dark40:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.4);}
.dark30:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.3);}
.dark20:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.2);}
.dark10:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.1);}
.dark5:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,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: #639a27;}
.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: 130px; /* fixed header height*/margin: -130px 0 0; /* negative fixed header height */}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.navbar-nav li.item a {margin-right: 0;}
.navbar-nav {margin-top: 15px;}
.navbar-nav li.item a {display: inline-block;}
.videoHolder {height: 500px;}
.logo {height: 10px; margin-top: 10px;}
.textSlider2 {display: none !important;}
}


/* Small devices (landscape phones, less than 768px) */ 
@media (max-width: 767.98px) {
.navbar-nav li.item a {margin-right: 0;}
.navbar-nav {margin-top: 15px;}
.small-menuH .navbar-nav {margin-top: 15px;}
.navbar-nav li.item a {display: inline-block;}
.textSlider2 {background: rgba(0, 0, 0, 0.6); display: inline-block; padding: 15px 30px 15px 30px;}
.textSlider2 .head1 {font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 500; color: #c5dd1b; font-size: 40px; line-height: 1.3em;}
.textSlider2 .head2 {display: block;  font-family: "Roboto Condensed", sans-serif; color: #a3a3a3; font-size: 20px;}


}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.navbar-nav li.item a {margin-right: 0;}
.navbar-nav {margin-top: 15px;}
.small-menuH .navbar-nav {margin-top: 15px;}
.navbar-nav li.item a {display: inline-block;}


}

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



}



/* ----------------------------------------------------------- */

/* Small devices (landscape phones, less than 768px) */ 
@media (max-width: 767.98px)  {

.scroolContainer {display: none;}
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {

}

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

}


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

}