/* general css ----------------------------------- */
html {
	scroll-behavior:smooth;
	overflow-x: hidden;
}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}
body {
	font-size: 18px;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	background: #fff;
	color: #000;
	overflow-x: hidden;
}
body::-webkit-scrollbar, div::-webkit-scrollbar {width: 6px;}
body::-webkit-scrollbar-track, div::-webkit-scrollbar-track {background: #fff;}
body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb {
   background-color: #1B7D9B;
   border: 1px solid #1B7D9B;
}
img {max-width:100%;}
a, button, img, header, footer, span, strong {
	transition: all 0.3s ease-in-out;
	outline: none;
}
a {color: #000;}
a:hover {
	color: #000;
	text-decoration: none;
}
.modal-open section, .modal-open footer, .modal-open header {
	filter: blur(4px);
	transform: scale(1.02);
}
section, .container {position: relative;}
.landscape {display: none !important;}
	@keyframes hovermenu { 
		0% {width: 0;}
		100% {width: 100%;}
	}
.sitebar {
	position: fixed;
	top: 0;
	left: 0;
	background: #9ABC1A;
	height: 3px;
	z-index: 30;
}
.btn01 {
	color: #fff;
	display: inline-block;
	background: #99BB18;
	text-transform: uppercase;
	padding: 12px 35px;
	text-decoration: none;
	font-weight: 700;
}
.btn01:hover {
	color: #fff;
	background: #0D94C3;
}
.btn02 {
	color: #fff;
	display: inline-block;
	background: #99BB18;
	text-transform: uppercase;
	padding: 12px 35px;
	text-decoration: none;
	font-weight: 700;
	border: none;
	margin-top: 20px;
}
.btn02:hover {
	color: #fff;
	background: #0D94C3;
}
h1 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 40px;
	color: #0D94C3;
	margin: 100px 0 30px 0;
}
h1 strong {
	font-weight: 700;
	color: #99BB18;
}
h2 {
	font-weight: 700;
	font-size: 30px;
	color: #002237;
	margin: 80px 0 20px 0;
}
h3 {
	font-weight: 700;
	font-size: 20px;
	color: #99BB18;
	margin: 10px 0 30px 0;
}
h3 strong {
	font-weight: 700;
	color: #0D94C3;
}
.content02 .col-md-4 h3 {
	background: url("../images/ico01.svg") no-repeat top left;
	background-size: 68px auto;
	padding: 10px 0 10px 80px;
}
.content02 .col-md-4 + .col-md-4 h3 {background-image: url("../images/ico02.svg");}
.content02 .col-md-4 + .col-md-4 + .col-md-4 h3 {background-image: url("../images/ico03.svg");}

h4 {
	font-weight: 700;
	font-size: 30px;
	color: #002237;
	margin: 180px 0 40px 0;
}

/* modal -------------------------------------- */
.modal-dialog .close {
	position: absolute;
	width: 28px;
	height: 28px;
	border: solid 2px #0D94C3;
	opacity: 1;
	margin: 0;
	right: 20px;
	top: 20px;
	background: none;
	z-index: 5;
	cursor: pointer;
	display: inline-block;
}
.modal-dialog .close span {
	position: absolute;
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
}
.modal-dialog .close:hover span {transform: rotate(90deg);}
.modal-dialog .close span::before, .modal-dialog .close span::after {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	background: #0D94C3;
	content: "";
	transform: rotate(45deg);
}
.modal-dialog .close span::after {transform: rotate(-45deg);}
.modal-header {
	border-bottom: none;
	padding: 0;
}
.modal-content {
	border: none;
	border-radius: 0;
	padding: 25px;
	background: #fff;
}
.modal-body {
	padding: 20px;
	font-size: 16px;
}
.form-control {
	border-radius: 0;
	margin-bottom: 15px;
}

/* navigace ----------------------------------- */
header {
	position: relative;
	z-index: 3;
	padding-top: 20px;
}
header .col-md-4, .lista .col-md-4 {text-align: right;}
.logo {
	background: url("../images/logo.png") no-repeat center left;
	background-size: 158px auto;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	padding: 22px 0 22px 180px;
}

/* content01 ----------------------------------- */
.content01 {
	background: #fff url("../images/img01.jpg") no-repeat bottom right;
	background-size: 48% auto;
	position: relative;
	z-index: 2;
	color: #002237;
}
.content01 iframe {
	width: 100%;
	max-width: 640px;
	height: 900px;
	margin-bottom: -500px;
}

/* content02 ----------------------------------- */
.content02 {
	background: #ECECEC;
	padding-top: 540px;
}
.content02 .col-md-4 {margin: 20px 0;}
.content02 .col-md-4 div {
	background: #fff;
	border: solid 1px #0D94C3;
	padding: 30px;
	min-height: 100%;
}

/* footer ----------------------------------- */
footer {position: relative;}
footer > .container {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	z-index: 1;
}
footer img {width: 100%;}
.lista {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.pruhy {
	position: relative;
	height: 60px;
}
.pruh01, .pruh02, .pruh03, .pruh04, .pruh05, .pruh06 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(33% - 4px);
	margin-right: 4px;
	background: #1B7D9B;
	height: 20px;
}
.pruh02 {
	left: 33%;
	width: calc(13% - 4px);
	background: #0A95C4;
}
.pruh03 {
	left: 46%;
	width: calc(13% - 4px);
	background: #0E9CCF;
}
.pruh04 {
	left: 59%;
	width: calc(7% - 4px);
	background: #3EB7E7;
}
.pruh05 {
	left: 66%;
	width: calc(13% - 4px);
	background: #B1D621;
}
.pruh06 {
	left: 79%;
	width: 21%;
	margin: 0;
	background: #9ABC1A;
}


/* tom 2025 ---------------------------- */