body {
	font-family: "Roboto", sans-serif;
	margin: 0;
	font-size: 1.6rem;
	padding: 0;
}
html {
	font-size: 10px;
}

/**	SMALL PC **/
@media screen AND (max-width: 1024px) {
	html {
		font-size: 9px;
	}
}

/**	TABLET	**/
@media screen AND (max-width: 768px) {
	html {
		font-size: 8px;
	}
}

/**	MOBILE	**/
@media screen AND (max-width: 425px) {
	html {
		font-size: 7px;
	}
}


.container {
    max-width: 1520px;
    padding-left: 30px;
    padding-right: 30px;
}

/**	SMALL PC **/
@media screen AND (max-width: 1024px) {
	.container {
		/* padding-left: 20px; */
		/* padding-right: 20px; */
	}
}

/**	TABLET	**/
@media screen AND (max-width: 768px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/**	MOBILE	**/
@media screen AND (max-width: 425px) {
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
}



h1 {
	font-size: 5rem;
}
h2 {
	font-size: 5rem;
	margin: 0;
	margin-bottom: 2rem;
}

ul {
	margin: auto;
}

.bg-primary {
	background-color: #81A969;
}
.bg-secondary {
	background-color: #515C4B;
}
.text-primary {
	color: #81A969;
}
.text-secondary {
	color: #515C4B;
}
p {
	color: black;
	font-family: "Roboto", sans-serif;
	font-size: 1.6rem;
}
p {
	font-size: 3.2rem;
}
a {
	color: black;
}

.g-form {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
	.g-form .form-group {
		display: flex;
		flex-direction: column;
		margin-bottom: 2rem;
	}
		.g-form .form-group label {
			font-size: 2.2rem;
			margin-bottom: 1rem;
			max-width: 100%;
		}
		.g-form .form-group input {
			font-size: 2.2rem;
			padding: 1rem;
			border-radius: 1.6rem;
			border: 3px solid #515C4B;
			background-color: #81A969;
			box-shadow: 0 4px 4px #00000040;
			max-width: 100%;
			overflow: hidden;
		}
		.g-form .form-group textarea {
			font-size: 2.2rem;
			padding: 1rem;
			border-radius: 1.6rem;
			border: 3px solid #515C4B;
			background-color: #81A969;
			max-width: 100%;
			box-shadow: 0 4px 4px #00000040;
			box-sizing: content-box;
			max-width: 100%;
		}
		.g-form .form-group button,
		.g-form .form-group input[type="submit"] {
			font-size: 2.2rem;
			padding: 1rem;
			border-radius: 1.6rem;
			border: 3px solid #515C4B;
			background-color: #81A969;
			color: #515C4B;
			cursor: pointer;
			width: 20rem;
			margin-left: auto;
			box-shadow: 0 4px 4px #00000040;
		}
		.g-form input[type="checkbox"] {
			position: absolute;
 			opacity: 0;
 			cursor: pointer;
 			height: 0;
 			width: 0;
		}
			.g-form input[type="checkbox"]~label:before {
				content: "";
				display: inline-block;
				width: 2.2rem;
				height: 2.2rem;
				border: 3px solid #D9D9D9;
				margin-right: 1rem;
				cursor: pointer;
				vertical-align: text-bottom;
			}
				.g-form input[type="checkbox"]~label:after {
					content: "";
					display: none;
					position: absolute;
					left: 1rem;
					top: 0.4rem;
					width: 0.6rem;
					height: 1.2rem;
					border: solid #515C4B;
					border-width: 0 0.4rem 0.4rem 0;
					transform: rotate(45deg);
				}
			.g-form input[type="checkbox"]:checked~label:before {
				/*background-color: #D9D9D9;*/
			}
				.g-form input[type="checkbox"]:checked~label:after {
					display: block;
				}
			.g-form input[type="checkbox"]~label {
				display: inline-block;
				margin-bottom: 2rem;
				cursor: pointer;
				position: relative;
				margin-left: 2rem;
				margin-right: 2rem;
				font-size: 2.2rem;
			}

.col-1-4 {
	min-width: 25%;
	flex-grow: 1;
	flex-shrink: 0;
	width: 40rem;
}
.col-2-4 {
	/* width: 50%; */
	flex-grow: 1;
}
.burger-button {
	cursor: pointer;
	margin: auto 0 auto auto;
}
	.burger-button span {
		width: 28px;
		height: 2px;
		display: block;
		background-color: #ffffff;
		margin: 6px 0;
		border-radius: 3px;
	}
		.burger-button span:first-child {
			width:24px
		}
		.burger-button span:last-child {
			width:20px
		}

.close-button {
	cursor: pointer;
	margin: auto 0 auto auto;
	position: relative;
	width: 29px;
	height: 29px;
	/* margin-top: 13px; */
	padding: 5px;
}
	.close-button span {
		width: 28px;
		height: 3px;
		display: block;
		background-color: #515C4B;
		margin: 6px 0;
		border-radius: 3px;
		position: absolute;
		top: 8px;
		left: 0px;
	}
		.close-button span:first-of-type {
			transform: rotate(-45deg);
		}
		.close-button span:last-of-type {
			transform: rotate(45deg);
		}
.mobile-menu-button,
.mobile-menu-header{
	display: none;
}
.navbar {
	font-family: "Marmelad", sans-serif;
	box-shadow: 0 0 10px #515c4bc2;
	display: block;
	position: relative;
	background-color: white;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
	.main-logo {
		width: 10rem;
	}
		.navbar-nav {
			font-size: 2.2rem;
		}
		.navbar-nav li {
			margin-top: auto;
			margin-bottom: auto;
		}
			.navbar-nav a {
				color: #515C4B;
				text-decoration: none;
				font-size: 3.5rem;
				white-space: nowrap;
			}
				.navbar-nav .action-button a {
					background-color: #515C4B;
					color: white;
					border-radius: 16px;
					padding: 1rem 3rem 1rem 3rem;
					box-shadow: 0px 4px 4px #00000040;
					font-size: 3.5rem;
				}

.divider,
.divider-inverse {
	width: auto;
	height: 8vw;
	background-repeat: repeat;
	background-size: 100vw 8vw;
	background-position: center;
}
	.divider {
		background-image: url(/res/images/decorations/divider.svg);
	}
	.divider-inverse {
		background-image: url(/res/images/decorations/divider-inverse.svg);
	}
.hero-container {
    background-image: url(/res/images//decorations/slider-background.svg);
    padding-top: 7rem;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50%;
}
    .hero-title {
        padding: 4rem 13rem 0 0;
        width: 50%;
    }
		.hero-title h1 {
			color: white;
			font-size: 5rem;
			line-height: 1.2;
			font-weight: 200;
			font-style: italic;
			font-family: "Roboto Condensed", sans-serif;
		}
	.hero-image {
		/* margin-top: 8rem; */
		margin-left: auto;
	}

.hero-simple-container {
    background-image: url(/res/images//decorations/slider-simple-background.svg);
    padding-top: 7rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 0%;
    /* background-color: cadetblue; */
}
    .hero-title {
        padding: 0rem 4rem 0 14rem;
        width: 50%;
    }
		.hero-title h1 {
			color: white;
			font-size: 5rem;
			line-height: 1.2;
			font-weight: 200;
			font-style: italic;
			font-family: "Roboto Condensed", sans-serif;
		}
	.hero-image {
		/* margin-top: 8rem; */
		margin-left: auto;
		/* flex-basis: 30%; */
		max-width: 44rem;
	}
.info-image-block {
	gap: 4rem;
	margin-top: 4rem;
}
	.info-image-block .mt-compensate {
		/* margin-top: 12rem; */
	}
		.info-image-block .info-block p {
			font-size: 3.2rem;
		}
		.info-image-block .info-block li {
			margin-bottom: 4rem;
			font-size: 3.2rem;
		}

.rounded-image-decore {
    position: relative;
}
    .rounded-image-decore:after {
        content: "";
        background-image: url(/res/images//decorations/img-rounded.svg);
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background-size: contain;
        background-repeat: no-repeat;
    }
	.rounded-image-decore.--empty {
		width: 50rem;
		height: 50rem;
		padding: 13rem 9rem 12rem 12rem;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		max-width: 100%;
	}
		.rounded-image-decore.--empty:before {
			content: "";
			background-image: url(/res/images//decorations/empty.svg);
			position: absolute;
			height: calc(100% - 3rem);
			width: calc(100% - 3rem);
			top: 0;
			left: 0;
			right: auto;
			z-index: -1;
			background-size: contain;
			background-repeat: no-repeat;
			margin: 2.1rem;
		}
    .rounded-image-decore img {
        padding: 2.4rem 2.4rem 2.4rem 2.4rem;
        display: block;
        width: 100%;
    }
	.rounded-image-decore .--title {
		font-size: 4rem;
		font-weight: 500;
	}
	.rounded-image-decore .--desc {
		font-size: 3rem;
		font-weight: 300;
	}
@media screen AND (max-width: 768px) {
	.rounded-image-decore.--empty {
		padding: 10rem 6rem 19rem 8rem;
	}
}
.info-image-block {
	
}
	.info-image-block .info-image {
		width: 45rem;
		max-width: 100%;
		justify-content: unset;
		/* margin-left: auto; */
	}
	.info-image-block .info-block {
		flex-grow: 1;
		/* max-width: 100%; */
		/* flex-shrink: 1; */
		flex-basis: 50%;
	}
.info-map-block {
	
}
	.info-map-block .info-map {
		min-width: 40rem;
	}
		.map-wrap {
		padding: 2rem;
		}
			.map-wrap iframe {
				border: none;
				box-shadow: 0 4px 4px #00000040;
				border-radius: 16px;
				overflow: hidden;
				max-width: 100%;
				height: 40rem;
			}
	.info-map-block .info-block {
		flex-grow: 1;
		flex-basis: 50%;
		margin-top: auto;
		margin-bottom: auto;
	}
.--block-compensate {
	padding-top: 12rem;
}
	.--block-compensate .info-block {
		margin-top: -12rem;
	}
@media screen AND (max-width: 1240px) {
	.--block-compensate {
		padding-top: 2rem;
	}
	.--block-compensate .info-block {
		margin-top: 0rem;
	}
}


.double-image-container {
	
}
	.double-image-container .info-image:last-child {
		margin-top: 20rem;
		margin-left: auto;
	}
@media screen and (max-width: 1040px) {

	.double-image-container .info-image-block {
		flex-direction: column;
		gap: 0;
	}
	.double-image-container .info-image:last-child {
		margin-top: 0;
		margin-left: auto;
	}
}
.divider-bottom-decor-right,
.divider-bottom-decor-left {
    position: relative;
    margin-bottom: 25vw;
    width: 100%;
}
    .divider-bottom-decor-right::before,
	.divider-bottom-decor-left::before {
        background-image: url(/res/images//decorations/divider-top.svg);
        content: "";
        position: absolute;
        height: 50vw;
        width: 100%;
        /* top: 0; */
        /* left: 0; */
        bottom: -25vw;
        z-index: 1;
        background-position: 0% 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        /* max-height: 1000px; */
        right: 0;
        z-index: -1;
    }
.divider-footer-right {
	position: relative;
	margin-top: 22vw;
}
	.divider-footer-right::before {
        background-image: url(/res/images//decorations/divider-footer.svg);
        transform: scaleX(-1);
        content: "";
        position: absolute;
        height: 100vw;
        width: 100%;
        top: -100vw;
        left: 0;
        z-index: -1;
        background-position: 100% 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        /* right: 0; */
    }

.navbar-nav {
	list-style-type: none;
	/* flex-grow: 1; */
}

.secondary-page-template {
	/* background-color: #81A969; */
	position: relative;
	margin-top: 21rem;
}
	.secondary-page-template::before {
		content: '';
		background-image: url(/res/images//decorations/slider-simple-background.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 0%;
		width: 100%;
		display: block;
		height: 48rem;
		position: absolute;
		top: -20rem;
		left: 0;
		right: 0;
		margin: 0;
		z-index: -3;
	}
	.secondary-page-template::after {
		content: '';
		background-color: #81A969;
		position: absolute;
		top: 4rem;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -4;
		pointer-events: none;
	}
	.secondary-page-template .hero-image {
		float: right;
		margin-top: -20rem;
	}

	.secondary-page-template p,
	.secondary-page-template a,
	.secondary-page-template h1,
	.secondary-page-template h2,
	.secondary-page-template li,
	.secondary-page-template td {
		color:white;
	}
		.secondary-page-template h1 {
			font-size: 5rem;
		}
		.secondary-page-template p,
		.secondary-page-template li,
		.secondary-page-template td {
			font-size:3.5rem;
			/* padding: 5px; */
		}
			.secondary-page-template td {
				padding: 8px;
			}
				.secondary-page-template td:first-child {
					padding-left: 0;
					font-size: 3rem;
				}
				.secondary-page-template td:last-child {
					padding-right: 0;
				}
		.secondary-page-template .intro-container {
			width: 65%;
		}
.secondary-page-timeline {
	overflow-x: scroll;
	position: relative;
}


@media screen AND (max-width: 768px) {
	.secondary-page-template .intro-container {
		width: 100%;
		clear:both;
	}
}
.timeline {
	height: 20px;
	list-style: none;
	text-align: justify;
	margin: 115px auto;
	display: flex;
	position: relative;
}

.timeline:after {
	display: inline-block;
	content: "";
	/*width: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, #515C4B 51%, rgba(255, 255, 255, 0) 57%, rgba(255, 255, 255, 0) 100%);
	height: 8px;*/
}
.timeline-container {
	position: relative;
	height: 265px;
	margin-bottom: 4rem;
}
.timeline-container:before {
	display: block;
	content: "";
	left: 0;
	
	00%: 100%;
	right: 100000px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, #515C4B 51%, rgba(255, 255, 255, 0) 57%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	top: calc(50% - 7px);
	margin: auto;
	/* bottom: 0; */
	/* bottom: 0; */
	width: 100%;
	height: 20px;
	transform: translateY(-50%);
}


.timeline li {
	display: block;
	width: 20px;
	height: 20px;
	background: #DCFFD3;
	text-align: center;
	line-height: 1.2;
	position: relative;
	border-radius: 50%;
	margin: 0 max(75px, 9%);
	flex-shrink: 0;
}

.timeline li:before {
	display: inline-block;
	content: attr(data-year);
	font-size: 23px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.timeline li:nth-child(odd):before {
	top: -40px;
}
.timeline li:nth-child(even):before {
	bottom: -40px;
}

.timeline li:after {
	display: inline-block;
	content: attr(data-text);
	font-size: 16px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #739260;
	padding: 1rem;
	border-radius: 16px;
	width: 200px;
	text-align: left;
	height: 77px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.timeline li:nth-child(odd):after {
	bottom: 0;
	margin-bottom: -10px;
	transform: translate(-50%, 100%);
}
.timeline li:nth-child(even):after {
	top: 0;
	margin-top: -10px;
	transform: translate(-50%, -100%);
}
@media screen AND (max-width: 768px) {
	.timeline {
		/* height: auto; */
		/* margin: auto 139px; */
		/* background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, #515C4B 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%); */
		/* padding: 0 100px; */
	}
}

.block-pojistovny {
	background-color: white;
	display: flex;
	flex-wrap: wrap;
	padding: 2.4rem;
	border-radius: 1.6rem;
	gap: 2rem;
	justify-content: space-around;
}
	.item-pojistovna {
		width: 18rem;
		margin: auto;
		padding: 1.5rem;
	}
		.item-pojistovna img {
			display: block;
			width: 100%;
		}
.btn {
	font-size: 1.6rem;
}

.modal-noborder .modal-header,
.modal-noborder .modal-footer {
	border: none;
}
.modal-header {
	padding: 1.5rem;
}
.modal-body {
	padding: 1.5rem;
}
.modal p {
	margin: 0;
	font-size: 2rem;
}

.footer {
	
}
	.footer-contact {
		color: white;
	}
		.footer-contact ul {
			list-style-type: none;
			padding: 0;
		}
			.footer-contact li {
				font-weight: 200;
				font-size: 3rem;
				margin-bottom: 2rem;
			}
				.footer-contact li.title {
					font-weight: 300;
					font-size: 3.5rem;
				}
				.footer-contact li a {
					color: white;
					text-decoration: none;
				}
				.footer-contact li.ico-mail a {
					background-image: url(/res/images/icons/ico_email.png);
					background-repeat: no-repeat;
					padding-left: 5.2rem;
					background-position: 0 50%;
					background-size: 2.6rem;
				}
				.footer-contact li.ico-tel a {
					background-image: url(/res/images/icons/ico_tel.png);
					background-repeat: no-repeat;
					padding-left: 5.2rem;
					background-position: 0 50%;
					background-size: 3rem;
				}

			.footer-links {
				display:flex;
				justify-content: center;
			}
				.footer-links ul {
					margin: auto 0 2rem 0;
					list-style-type: none;
					padding-left: 0;
				}
					.footer-links ul li {
						margin-bottom: 1rem;
						/* margin-left: 0; */
					}
						.footer-links a {
							color: white;
							text-decoration: none;
							font-size: 3rem;
							margin-bottom: 2rem;
						}
							.footer-links a:hover {
								
							}
			.footer-brands {
				text-align: right;
				margin-left: auto;
			}
				.footer-brands .navbar-brand {
					margin: auto;
				}
			.footer-copyright {
				font-size: 3.5rem;
				color: #515C4B;
				font-weight: 200;
				margin-bottom: 5rem;
			}
.img-size-20 {
	width: 20rem;
}
.img-size-30 {
	width: 30rem;
}
.img-size-35 {
	width: 35rem;
}

@media screen AND (min-width: 1441px) {
	.hero-container {
		background-position: 50% 0;
	}
}
@media screen AND (max-width: 1440px) {
	.navbar-nav a,
	.navbar-nav .action-button a {
		font-size: 3rem;
	}
	.hero-container {
		background-position: 40% 0;
	}
		.hero-container .hero-title {
			padding: 0rem 2rem 0 7rem;
			/* width: 114%; */
			/* flex-basis: 80%; */
		}
	.footer-links > ul {
		flex-direction: column;
		display: block;
		padding-left: 0;
		margin: 0 auto auto 0;
	}
}

@media screen AND (max-width: 1180px) {
	.main-logo {
		width: 8rem;
	}
	.navbar-nav a,
	.navbar-nav .action-button a {
		font-size: 3.4rem;
	}
	.footer-first-row {
		margin-bottom: 2rem;
		gap: 2rem 4rem;
	}
		.footer-first-row > div {
			display: flex;
		}
			.footer-contact > ul {
				margin-left: 0;
			}
			.footer-links {
				margin-left: 0;
			}
				.footer-links > ul {
					flex-direction: column;
					display: block;
					padding-left: 0;
					margin: auto auto auto 0;
				}
					.footer-links > ul > li {
						margin-left: 0;
					}
			.footer-brands {
				text-align: right;
				margin-left: auto;
				width: 100%;
			}
				.footer-brands .navbar-brand {
					margin: auto;
					text-align: center;
				}
}
.calendar {
	background-color: #81a969;
	color: white;
}
	.calendar-cell {
		padding: 10px;
		display: block;
	}
.calendar .past .calendar-cell {
	color: gray;
}
.calendar .next-month .calendar-cell {
	color: gray;
}
.calendar .calendar-day-link {
	cursor: pointer;
	font-weight: bold;
}
/**	SMALL PC **/
@media screen AND (max-width: 1024px) {
	.mobile-menu {
		/*display: none;*/
		height: 100%; /* 100% Full-height */
		width: 256px; /* 0 width - change this with JavaScript */
		position: fixed; /* Stay in place */
		z-index: 10; /* Stay on top */
		top: 0; /* Stay at the top */
		left: -256px;
		background-color: #fffdfd; /* Black*/
		overflow-x: hidden; /* Disable horizontal scroll */
		/* padding-top: 60px; */ /* Place content 60px from the top */
		transition: 0.2s; /* 0.5 second transition effect to slide in the sidenav */
		flex-direction: column;
		box-shadow: 4px 0 15px #00000054;
	}
		.mobile-menu.open {
			left: 0;
		}
			.mobile-menu .navbar-nav {
				flex-direction:column;
				margin: 0 10px 10px 10px;
				padding: 0;
			}
				.mobile-menu .navbar-nav li {
					margin: 0;
					margin-bottom: 8px;
				}
					.mobile-menu .navbar-nav .action-button a {
						padding: 1rem 1.7rem;
					}
	
	.mobile-menu-button {
		display: block;
		background-color: #515C4B;
		padding: 0.5rem 1rem;
		border-radius: 0.8rem;
	}
	.mobile-menu-header {
		display: flex;
		padding: 20px 10px;
	}

}

/**	TABLET	**/
@media screen AND (max-width: 768px) {
	.hero-container {
		/* padding-top: 3rem; */
		/* background-size: 177rem; */
		/* background-position: -2rem -1rem; */
		background-position: 45% 0;
		background-size: auto 95%;
	}
		.hero-container .flex {
			flex-direction:column;
		}
	    .hero-container .hero-title {
		    width: 100%;
		    padding: 0rem 2rem 0 3rem;
		   }
			.hero-title h1 {
				margin: 0;
				font-size: 5rem;
			}
				.hero-image {
				margin-top: 4rem;
				}
}

/**	MOBILE	**/
@media screen AND (max-width: 425px) {

}