@media screen and (max-width: 1140px) and (min-width: 1024px) {
.site-header__search {
margin-left: 0 !important;
}
}
.navbar {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 0.8rem 3.2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--white);
position: fixed;
top: 0;
left: 0;
z-index: 9999;
-webkit-filter: drop-shadow(0px -7px 8px #000);
filter: drop-shadow(0px -7px 8px #000);
}
.navbar .logo {
margin-right: auto;
}
.navbar .logo img {
-o-object-fit: contain;
object-fit: contain;
max-width: 5rem;
}
.nav-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .nav-wrap {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.nav-wrap {
display: block;
}
}
.navbar-menu-wrap {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 100%;
}
.navbar-button-wrap {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 100%;
position: relative;
padding: 0 1.3rem;
}
@media screen and (max-width: 1140px) and (min-width: 1024px) {
.navbar-button-wrap {
padding: 0 1rem;
}
}
.navbar-lang-wrap {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 100%;
position: relative;
padding: 0;
}
.navbar-lang-wrap--mobile {
display: none;
}
.navbar-lang-wrap--desktop {
display: block;
}
.navbar-burger-wrap {
width: 6rem;
height: 100%;
position: relative;
padding: 0 1.3rem;
display: none;
} .navbar-menu {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 4px 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: max-height 0.3s;
transition: max-height 0.3s;
}
.navbar-menu .navbar-item {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 1.3rem 8px;
color: var(--dark);
list-style-type: none;
}
@media screen and (max-width: 1140px) and (min-width: 1024px) {
.navbar-menu .navbar-item {
padding: 1.3rem 5px;
}
}
@media screen and (max-width: 768px) {
.navbar-menu .navbar-item {
width: 100%;
text-align: center;
}
}
.navbar-menu .navbar-item .navbar-link {
color: var(--dark);
text-transform: uppercase;
font-size: 1.4rem;
line-height: 3rem;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.navbar-menu .navbar-item:hover .navbar-link {
color: var(--purple);
}
@media screen and (max-width: 1024px) {
.navbar-menu .navbar-item.make-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
}
@media screen and (max-width: 768px) {
.navbar-menu .navbar-item.make-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.navbar-menu .navbar-item.active .navbar-link {
color: var(--purple);
}
.navbar-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: var(--dark);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 1.6rem 2.4rem;
color: var(--white);
text-transform: uppercase;
font-size: 1.4rem;
line-height: 2rem;
text-decoration: none;
font-weight: 700;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid var(--dark);
}
.navbar-button:hover {
cursor: pointer;
background: var(--white);
color: var(--dark);
}
@media screen and (max-width: 1140px) and (min-width: 1024px) {
.navbar-button {
padding: 1.6rem 1.4rem;
}
}
.navbar-lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 3px solid var(--dark);
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
}
.navbar-lang .lang-item {
padding: 8px 1.6rem;
z-index: 10;
color: var(--dark);
}
@media screen and (max-width: 1140px) and (min-width: 1024px) {
.navbar-lang .lang-item {
padding: 8px;
}
}
.navbar-lang:hover {
cursor: pointer;
}
.navbar-lang::after {
content: "";
top: 0;
left: 0;
position: absolute;
width: 50%;
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
background: var(--dark);
z-index: 9;
}
.navbar-lang.cs::after {
content: "";
top: 0;
left: 0%;
position: absolute;
width: 50%;
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
background: var(--dark);
z-index: 9;
}
.navbar-lang.en::after {
content: "";
top: 0;
left: 50%;
position: absolute;
width: 50%;
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
background: var(--dark);
z-index: 9;
}
.navbar-lang.cs .cs {
color: var(--white);
}
.navbar-lang.en .en {
color: var(--white);
}
.navbar-lang.cs:hover .en {
color: var(--white);
}
.navbar-lang.cs:hover .cs {
color: var(--dark);
}
.navbar-lang.en:hover .cs {
color: var(--white);
}
.navbar-lang.en:hover .en {
color: var(--dark);
}
.navbar-lang.cs:hover::after {
content: "";
top: 0;
left: 50%;
position: absolute;
width: 50%;
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
background: var(--dark);
z-index: 9;
}
.navbar-lang.en:hover::after {
content: "";
top: 0;
left: 0%;
position: absolute;
width: 50%;
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
background: var(--dark);
z-index: 9;
}
.nav-subpages-wrap {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 1px 0;
position: absolute;
bottom: 0;
left: 0;
height: 1px;
}
@media screen and (max-width: 1024px) {
.nav-subpages-wrap {
position: relative;
bottom: unset;
top: 0;
left: 0;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
}
.nav-subpages-wrap .navbar-inside-wrap {
width: 100%;
padding: 4.8rem 0;
}
.nav-subpages-wrap .navbar-sub-pages-content {
width: 100%;
position: relative;
padding: 0rem 3.2rem;
top: 0;
left: 0;
background: var(--white);
height: auto;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease-in;
transition: max-height 0.3s ease-in;
z-index: 99999;
}
.navbar-item.active .navbar-sub-pages-content {
padding: 3.2rem;
height: auto;
}
@media screen and (min-width: 1024px) {
.navbar-item-sub:hover .navbar-sub-pages-content {
padding: 0rem 3.2rem;
height: auto;
max-height: 800px;
}
}
@media screen and (max-width: 1024px) {
.navbar-item-sub.open .navbar-sub-pages-content {
padding: 0rem 3.2rem;
height: auto;
max-height: 800px;
}
}
.navbar-subpage-menu-heading {
font-weight: 700;
font-size: 1.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
min-height: 50px;
margin-bottom: 0.8rem;
}
@media screen and (max-width: 1024px) {
.navbar-subpage-menu-heading {
text-align: left !important;
}
}
.navbar-subpage-menu-heading a {
color: var(--dark);
text-decoration: none;
}
.navbar-subpage-menu-heading i {
color: var(--blue);
}
.navbar-subpage-menu-heading .ti-arrow-right {
color: var(--dark);
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
}
.navbar-subpage-menu-heading img {
max-width: 1.4rem;
-o-object-fit: contain;
object-fit: contain;
margin-right: 8px;
margin-top: 5px;
}
.navbar-subpage-menu-heading a:hover .ti-arrow-right {
color: var(--dark);
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 1;
}
.navbar-subpage-menu-box {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 3.2rem 0;
max-width: 250px;
}
@media screen and (max-width: 1024px) {
.navbar-subpage-menu-box {
max-width: 100%;
}
}
.navbar-subpage-menu .navbar-subpage-menu-item {
list-style-type: none;
margin-left: 1.8rem;
margin-left: 2.4rem;
}
.navbar-subpage-menu a {
font-size: 1.4rem;
color: var(--dark);
}
@media screen and (max-width: 1024px) {
.navbar-subpage-menu a {
width: 100%;
display: block;
text-align: left;
}
}
.navbar-subpage-menu a:hover {
font-size: 1.4rem;
color: var(--dark);
text-decoration: none;
}
.navbar-burger {
position: relative;
width: 6rem;
height: 6rem;
}
.navbar-burger span {
width: 90%;
height: 5px;
border-radius: 1.4rem;
position: absolute;
right: 0;
background: var(--dark);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.navbar-burger span:nth-child(1) {
top: 30%;
}
.navbar-burger span:nth-child(2) {
top: 50%;
background: var(--blue);
width: 40%;
}
.navbar-burger span:nth-child(3) {
top: 70%;
width: 80%;
} .navbar-burger.active {
cursor: pointer;
}
.navbar-burger.active span:nth-child(1) {
top: 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.navbar-burger.active span:nth-child(2) {
top: 50%;
background: var(--blue);
width: 40%;
opacity: 0;
}
.navbar-burger.active span:nth-child(3) {
top: 50%;
width: 90%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 1024px) {
.nav-logo img {
margin-top: 10px;
}
.navbar-button-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.navbar-lang-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: auto;
}
.navbar-lang-wrap--mobile {
display: block;
margin: 0 auto;
}
.navbar-lang-wrap--desktop {
display: none;
}
.navbar-burger-wrap {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
display: block;
}
.navbar-menu {
max-height: 0px;
overflow: auto;
-webkit-transition: max-height 0.3s ease-in-out;
transition: max-height 0.3s ease-in-out;
}
.navbar-menu-wrap {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
position: absolute;
bottom: 0;
height: 2px;
left: 0;
width: 100%;
}
.navbar-menu-wrap .navbar-menu {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
background: var(--white);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: max-height 0.3s;
transition: max-height 0.3s;
}
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
.navbar.active .navbar-menu-wrap {
height: 100vh !important;
overflow: scroll !important;
top: 60px;
}
}
@media screen and (max-width: 1024px) {
.navbar.active .navbar-menu {
max-height: 1000rem;
}
}
.nav-mobile-show {
display: none;
}
@media screen and (max-width: 1024px) {
.nav-mobile-show {
display: block;
}
}
.nav-mobile-hide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1024px) {
.navbar-button-wrap .navbar-button {
display: none;
}
}
@media screen and (max-width: 350px) {
.navbar-lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 3px solid var(--dark);
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.navbar-lang .lang-item {
padding: 4px 1rem;
z-index: 10;
}
.navbar-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: var(--dark);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 1.6rem 2.4rem;
color: var(--white);
text-transform: uppercase;
font-size: 1.1rem;
line-height: 2rem;
text-decoration: none;
font-weight: 700;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid var(--dark);
}
.navbar-button:hover {
cursor: pointer;
background: var(--white);
color: var(--dark);
}
}
.navbar-subpage-menu-wrap {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.navbar-subpage-menu-wrap .navbar-subpage-menu {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 1.4rem 1.4rem;
background: rgb(0, 117, 163);
background: linear-gradient(115deg, rgb(0, 117, 163) 0%, rgb(0, 173, 239) 100%);
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1024px) {
.navbar-subpage-menu-wrap .navbar-subpage-menu {
overflow-y: auto;
}
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
margin-right: 20%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
@media screen and (max-width: 1024px) {
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu {
margin: unset;
margin-right: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-left: 5%;
}
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu li {
color: var(--white);
list-style-type: none;
padding: 1.2rem 2.4rem;
font-size: 2rem;
font-weight: 3rem;
padding-left: 1rem;
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu li a {
color: var(--white);
font-size: 1.6rem;
font-weight: 3rem;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu li a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1024px) {
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu {
width: 95%;
margin: 0 auto;
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu li {
min-width: 10rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
.footer-social-nav-wrap-f {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 6px;
}
.footer-social-nav-wrap-f .social {
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}