/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2025 Indian Type Foundry
*
* Satoshi Light
* Satoshi LightItalic
* Satoshi Regular
* Satoshi Italic
* Satoshi Medium
* Satoshi MediumItalic
* Satoshi Bold
* Satoshi BoldItalic
* Satoshi Black
* Satoshi BlackItalic
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Satoshi-Light';
  src: url('fonts/Satoshi-Light.woff2') format('woff2'),
       url('fonts/Satoshi-Light.woff') format('woff'),
       url('fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url('fonts/Satoshi-LightItalic.woff2') format('woff2'),
       url('fonts/Satoshi-LightItalic.woff') format('woff'),
       url('fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('fonts/Satoshi-Regular.woff2') format('woff2'),
       url('fonts/Satoshi-Regular.woff') format('woff'),
       url('fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-Italic';
  src: url('fonts/Satoshi-Italic.woff2') format('woff2'),
       url('fonts/Satoshi-Italic.woff') format('woff'),
       url('fonts/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Medium';
  src: url('fonts/Satoshi-Medium.woff2') format('woff2'),
       url('fonts/Satoshi-Medium.woff') format('woff'),
       url('fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-MediumItalic';
  src: url('fonts/Satoshi-MediumItalic.woff2') format('woff2'),
       url('fonts/Satoshi-MediumItalic.woff') format('woff'),
       url('fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Bold';
  src: url('fonts/Satoshi-Bold.woff2') format('woff2'),
       url('fonts/Satoshi-Bold.woff') format('woff'),
       url('fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url('fonts/Satoshi-BoldItalic.woff2') format('woff2'),
       url('fonts/Satoshi-BoldItalic.woff') format('woff'),
       url('fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Black';
  src: url('fonts/Satoshi-Black.woff2') format('woff2'),
       url('fonts/Satoshi-Black.woff') format('woff'),
       url('fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BlackItalic';
  src: url('fonts/Satoshi-BlackItalic.woff2') format('woff2'),
       url('fonts/Satoshi-BlackItalic.woff') format('woff'),
       url('fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Satoshi-Variable';
  src: url('fonts/Satoshi-Variable.woff2') format('woff2'),
       url('fonts/Satoshi-Variable.woff') format('woff'),
       url('fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Satoshi-VariableItalic';
  src: url('fonts/Satoshi-VariableItalic.woff2') format('woff2'),
       url('fonts/Satoshi-VariableItalic.woff') format('woff'),
       url('fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}


* {font-family: 'Satoshi-Regular', sans-serif; font-size: 16px;}
p {font-size: 16px;}

@media (min-width: 1600px) {
p {font-size: 22px;}
}

h1 {font-size:4.0em; font-family: 'Satoshi-Black', sans-serif; line-height: 1.0em; text-shadow: 0px 0px 10px Black;}
h1 .light {font-size:1.0em; font-family: 'Satoshi-Light', sans-serif;}
h2 {font-size:3.0em; font-family: 'Satoshi-Black', sans-serif;}
h3 {font-size:1.2em; font-family: 'Satoshi-Black', sans-serif;}

@media (max-width: 576px) {
h1 {font-size:3.2em; font-family: 'Satoshi-Black', sans-serif; padding-top: 0.25em;}
h2 {font-size:2.8em;}
}


@media (min-width: 1400px) {
* {font-family: 'Satoshi-Regular', sans-serif; font-size: 22px;}
h1 {font-size:4.5em; font-family: 'Satoshi-Black', sans-serif; padding-top: 0.25em;}

}

body {}
html {scroll-behavior: smooth;}


.blue {color:#005498 !important;}
.sand {color:#DDCEC3 !important;}
.smoke {color:#E8E8E8 !important;}
.white {color:#FFFFFF !important;}
.black {color:#1E1E1E !important;}

.blue-bg {background-color:#005498 !important;}
.sand-bg {background-color:#DDCEC3 !important;}
.smoke-bg {background-color:#E8E8E8 !important;}
.white-bg {background-color:#FFFFFF !important;}
.black-bg {background-color:#1E1E1E !important;}
.cerna-bg {background-color:#000000 !important;}

.ukotveno {position: absolute;}


@media (min-width: 576px) {
.odskok-menu {padding: 1.0rem 2.0rem;}
}
@media (min-width: 768px) {
.odskok-menu {padding: 1.5rem 4.0rem;}
}

@media (max-width: 576px) {
.logo-mobil {width:75%; }
}

.navbar-toggler {border: 0px;}
.navbar-toggler:focus {box-shadow: 0 0 0 0; }
.navbar-toggler-icon {background-image: url('img/UDI-navBar.svg') !important; font-size:inherit;}


.nav-link {color: white; margin-right: 1.0rem;}
@media (max-width: 767px) {
.nav-link {color: white; margin-left: 2.0rem; font-size: 1.5em; font-family: 'Satoshi-Black', sans-serif;  }
}
@media (min-width: 1400px) {
.nav-link {margin-right: 2.0rem;}
}

.navbar.bg-dark {background-color: transparent!important;}
.offcanvas-header .btn-close {font-size: 1.8em;}







.hlavni-slider {height: 100vhhhhhh;}

.carousel-hlavni { position: absolute; bottom: 3.0rem;}

@media (min-width: 576px) {
.carousel-hlavni { right: 4.0rem; bottom: 4.0rem; left: 4.0rem;}
}

@media (min-width: 1400px) {
.carousel-hlavni {bottom: 7rem;}
.carousel-item {height: 100vh;}
}

@media (min-width: 1800px) {
.carousel-hlavni {bottom: 8rem;}
}


/* přepínač jazyku */
.switch {
  position: relative;
  display: inline-block;
  margin: 0 5px;
}

@media (min-width: 1400px) {
.switch {margin-top: 8px;}
}

.switch > span {
  position: absolute;
  top: 8px;
  pointer-events: none;
  font-size:14px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  width: 50%;
  text-align: center;
}

input.check-toggle-round-flat:checked ~ .off {
  color: #005498;
}

input.check-toggle-round-flat:checked ~ .on {
  color: #fff;
}

.switch > span.on {
  left: 0;
  padding-left: 2px;
  color: #005498;
}

.switch > span.off {
  right: 0;
  padding-right: 4px;
  color: #fff;
}

.check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.check-toggle-round-flat + label {
  padding: 2px;
  width: 67px;
  height: 38px;
  background-color: #ffffff50;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.check-toggle-round-flat + label:before, input.check-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

input.check-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  
}
input.check-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 30px;
  background-color: #fff;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}

input.check-toggle-round-flat:checked + label {
}

input.check-toggle-round-flat:checked + label:after {
  margin-left: 29px;
}
/* konec - přepínač jazyku */


/* POSUNUTÉ MENU */
.navbar.ukotveno {transition: background-color 0.3s ease;}
.ukotveno .logo-mobil2 {display:none;}

/* Nový styl, který se aktivuje po přescrollování za #menu2 */
.navbar.ukotveno.uvolneno {position: fixed; background-color: white !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
@media (min-width: 768px) {
.uvolneno .nav-link {color: #005498;}
.uvolneno .nav-link:hover {color: black;}
}
.uvolneno .logo-mobil {display:none;}
.uvolneno .logo-mobil2 {display:block;}
.uvolneno input.check-toggle-round-flat + label {background-color: #E8E8E8;}
.uvolneno .switch > span.on { color: #fff;}
.uvolneno .switch > span.off {color: #005498;}
.uvolneno input.check-toggle-round-flat + label:after {background-color: #005498;}
.uvolneno .odskok-menu {padding: 0.0rem 1.0rem;}
.uvolneno .navbar-toggler-icon { background-image: url(img/UDI-navBar-blue.svg) !important;}




@media (max-width: 576px) {
.ikona {max-width:30% !important;}
}

@media (min-width: 1400px) {
#ikony {margin-top:-116px; position: relative; z-index: 2;}
}





.accordion-header {}
.accordion-item {border-radius: 1.5rem !important; background-color:#E8E8E8;}
.accordion-button {background-color:#E8E8E8;  font-family: 'Satoshi-Black'; font-size:16px; color:#005498; padding-top: 0.75rem; padding-bottom: 0.75rem; border-radius: 1.5rem !important; }

.accordion-button::after {background-image: url(img/sipka.svg) !important;}

.accordion-body .table td {font-size:16px; background-color:#E8E8E8;}

.accordion-button:not(.collapsed) {color:#005498; background-color: #E8E8E8; box-shadow: 0 0 0 0; border-bottom-left-radius: 0px !important;  border-bottom-right-radius: 0px !important; border-bottom: 1px white solid;}


#about img.rounded {border-radius: 1.5rem !important;}

.breeam  {width: 100px; margin-top:-15px; }
@media (max-width: 576px) {
.breeam  {width: 60px; margin-top:-5px; }
}

.btn-light {background-color:#DDCEC3 !important; font-size: 16px; font-family: 'Satoshi-Black'; border: 0px !important; border-radius: 1.5rem !important; padding: 1.0rem 1.5rem;}




#offcanvasDruhy, #offcanvasTreti { --bs-offcanvas-width: 100%;}
@media (min-width: 768px) {
#offcanvasDruhy, #offcanvasTreti { --bs-offcanvas-width: 640px;}
}

.offcanvas-body .table td {font-size:16px; background-color:transparent; color:white; border-color: rgba(255, 255, 255, 0.25); padding-left: 0px; padding-right: 0px;}
.ikony-canvas, .text-canvas {border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.ikona-popis {font-size:16px; line-height: 1.1em; font-weight:600;}
.ikona-popis small {font-weight:300;}
.text-canvas p {font-size:16px;}


#situation img.rounded {border-radius: 1.5rem !important;
box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.2);
}


#features .vertical-list-item {
    border-left: 2px solid #DDCEC3;
    padding-left: 1rem;
    margin-bottom: 0.75rem;
    display: block;
}


.delitko {border-bottom: 1px solid rgba(255, 255, 255, 0.25); height:1px;  display: block;}
@media (min-width: 576px) {
.sloupce {column-count: 2;  column-gap: 1.0rem;}
}

.f14{font-size:14px; color: #737272;}
#contact img.rounded {border-radius: 1.5rem !important;}

.najezd :hover {opacity: 0.4; color: silver !important; cursor:pointer;}
/*
 .najezd:hover .fw-bold {opacity: 0.8;}
.najezd:hover .view {opacity: 0.8;}
*/

@media (max-width: 768px) {
.mini {font-size:12px !important;}
.ikona2 {max-width: 45px !important;}
}

.fw-bold {line-height: 1.1;}


.obrazek-poznamka {position:absolute; top:5px; left:5px; font-size:12px;}