/*
 Theme Name:   Freshweb
 Description:  Fresh UI by @NAK
 Author:       @NAK
 Version:      3.0.0
 License:      Commercial
 Text Domain:  freshweb
*/

/** OBSAH
 *  0 - VARIABLES
 * 	1 - TYPOGRAPHY
 * 	2 - FLEXBOX GRID
 * 	3 - GENERAL PARTS
 * 	4 - TEMPLATE PARTS
 * 	5 - MEDIA
 */

/* 0 - VARIABLES */

:root {
    --Primary: 0, 63, 97;
    --Text: 53, 58, 69;
	--Background: 242, 246, 248;
	--White: 255, 255, 255;
	--Grey: 226, 233, 237;
}
::selection {
    background: rgba(var(--Primary), 0.1);
}
::marker {
    color: rgba(var(--Primary), 1);
}
:focus, :focus-within {
	outline-color: rgba(var(--Primary), 1);
}

/* HTML */
html {
	-webkit-scroll-behavior: smooth;
    scroll-behavior: smooth;	
}
html #wpadminbar {
	position: fixed!important;
}

/* 1 - TYPOGRAPHY */

/* Nunito Sans */
@font-face {
    font-family: Nunito Sans;
    src: url(assets/fonts/NunitoSans/NunitoSans.ttf) format("truetype");  
}

/* Text */
body {
    margin: 0;
	position: relative;
    font-family: Nunito Sans, sans-serif!important;
	font-size: 16px;
    line-height: 22px;
    font-weight: 300;
	letter-spacing: 0.3px;
	color: rgba(var(--Text), 1);
}
input, textarea, select, button, .gm-style-iw-d {
	font-family: Nunito Sans, sans-serif!important;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
    font-weight: 800;
}
h1 {
	margin-bottom: 30px;
    font-size: 46px;
    line-height: 55px;
	text-transform: uppercase;
}
h2 {
    margin-bottom: 22px;
	font-size: 36px;
	line-height: 45px;
	text-transform: uppercase;
}
h3 {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 34px;
	text-transform: uppercase;
}
h4 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}
h5 {
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 22px;
}
h6 {
	margin-bottom: 6px;
	font-size: 16px;
	line-height: 20px;
}
p {
	margin: 0;
}
b, strong {
	font-weight: 800;
}
small, th, td, .small {
	font-size: 12px;
	line-height: 18px;
}
a {
	text-decoration: none;
	color: inherit;
	transition: color 0.2s linear;
}
main a:hover {
	color: rgba(var(--Primary), 1);
}

::placeholder {
	text-transform: uppercase;
}

/* Input */
input, button, textarea, select {
	width: calc(100% - 40px);
	margin-bottom: 8px;
	padding: 15px 20px;
	font-size: 12px;
	line-height: 17px;
	background-color: rgba(var(--White), 1);
	background-clip: padding-box;
	border: 1px solid rgba(var(--Grey), 1);
	border-radius: 16px;
}
input[type="checkbox"] {
	width: 24px;
	min-width: 24px;
	height: 24px;
	margin: 5px 10px 0 0;
	accent-color: rgba(var(--Primary), 1);
	border-radius: 0;
}

/* Select */
select, option {
	width: 100%;
	padding: 12px 6px;
	font-size: 14px;
	line-height: 16px;
	border-radius: 0;
}
option:selected, option:hover {
	background-color: rgba(var(--Primary), 1);
}

/* Btn */
.btn, button, input[type="submit"] {
	width: auto;
	padding: 12px 32px;
	display: inline-block;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
	-webkit-appearance: none;
	background-color: rgba(var(--Primary), 0.1);
	color: rgba(var(--Primary), 1);
	border: 1px solid rgba(var(--Primary), 1);
	border-radius: 32px;
	outline: none!important;
	cursor: pointer;
	transition: background-color 0.2s linear, color 0.2s linear;
}
.btn.small {
	padding: 3px 13px;
}
.btn:hover, button:hover, input[type="submit"]:hover {
	background-color: rgba(var(--Primary), 1);
	color: rgba(var(--White), 1);
}

/* Link */
.link {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: rgba(var(--Primary), 1);
	filter: brightness(1);
	transition: filter 0.2s linear;
	cursor: pointer;
}
.link:hover {
	filter: brightness(0.5);
}

/* Fade */
@keyframes fade {
	0% {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}		
}
.fade {
	animation-name: fade;
	animation-duration: 1s;
    animation-fill-mode: both;
    opacity: 0;
}

/* 2 - FLEXBOX GRID */

/* Section */
main {
	overflow: hidden;
}
main > section {
	position: relative;
}
main > section > div {
	padding-top: 48px;
	padding-bottom: 28px;
}

/* Barva */
.light, .light .bg .bg {
	background-color: rgba(var(--White), 1);
}
.light .bg {
	background-color: rgba(var(--Background), 1);
}
.dark, .dark .bg .bg {
	background-color: rgba(var(--Text), 1);
	color: rgba(var(--White), 1);
}
.highlight, .highlight .bg .bg {
	background-color: rgba(var(--Background), 1);
}
.dark .bg, .highlight .bg {
	background-color: rgba(var(--White), 1);
}

/* Grid */
.grid {
	width: calc(100% - 40px);
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
.full {
	width: 100%;
	max-width: 100vw;
	padding: 0;
	overflow: hidden;
}

/* Flexbox */
.flex-grid, .flex-col {
	display: flex;
	flex-direction: column;
}
.flex-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/* Columns */
.col-grid {
	margin-left: -10px;
	margin-right: -10px;
}
.col-grid > a, .col-grid > div {
	width: calc(100% - 20px);
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
.col-grid > .col-5, .col-grid > .col-6 {
	width: calc(50% - 20px);
}

/* Layout */
.layout > div {
	margin-bottom: 0;
}
.layout > div > div {
	margin-bottom: 20px;
}

/* 3 - GENERAL PARTS */

/* SVG */
svg {
	fill: rgba(var(--Primary), 1);
}

/* Cislo */
.cislo {
	width: 48px;
	min-width: 48px;
	height: 48px;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: rgba(var(--Primary), 1);
	border-radius: 100%;
}

/* Menu */
.menu {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
}
.menu li {
	margin-right: 16px;
	display: block;
	position: relative;
}
.menu li:last-child {
	margin-right: 0;
}
.menu li:after {
	content: "";
	width: 0;
	height: 1px;
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	background: rgba(var(--Primary), 0.2);
	transition: width 0.2s linear;
	z-index: 1;
}
.menu li:hover:after {
	width: 100%;
}
.menu li a {
	position: relative;
	z-index: 2;
}

/* Nav */
@media (max-width: 1023px) {
	nav {
		width: calc(100% - 40px);
		height: calc(100vh - 120px);
		padding: 20px;
		display: none;
		position: absolute;
		top: 80px;
		left: 0;
		background-color: rgba(var(--Background), 1);
		overflow: auto;
		z-index: 8;
	}
	nav .menu {
		max-height: 50vh;
		flex-direction: column;
		overflow: auto;
	}
	nav .menu li {
		margin-bottom: 32px;
		margin-left: 0;
	}
}

/* Logo */
.logo {
	display: inline-block;
	line-height: 0;
}
.logo img {
	width: auto;
	height: 38px;
	position: relative;
	z-index: 9;
}

/* Icon */
.icon {
	width: 40px;
	height: 40px;
	position: relative;
	background-color: rgba(var(--Primary), 1);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	z-index: 2;
}
#close {
	background-image: url(./assets/icons/close.svg);
	z-index: 9;
}
#burger {
    background-image: url(./assets/icons/menu.svg);
}

/* Strankovani */
.nav-links {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* Flexslider */
.flexslider {
	margin: 0;
	display: flex;
	background: transparent;
	border: none;
}
.flexslider .flex-viewport {
	width: 100%;
}
.flexslider ul {
	display: flex;
}
.flexslider ul.slides li {
	width: 100%;
	position: relative;
}
.flexslider .flex-direction-nav a {
	width: 40px;
	height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	opacity: 1!important;
	font-size: 0;
	border: 1px solid rgba(var(--White), 1);
	border-radius: 100%;
	box-shadow: none;
}
.flexslider .flex-direction-nav a:hover {
	background-color: rgba(var(--White), 0.1);
}
.flexslider .flex-direction-nav a {
	background-image: url(./assets/icons/arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
}
.flexslider .flex-direction-nav .flex-next {
	transform: rotate(180deg);
}
.flexslider .flex-direction-nav a:before {
    display: none;
}
.flex-control-paging li a {
	width: 12px;
	height: 12px;
	background: rgba(var(--Grey), 1);
	box-shadow: none;
	transition: background 0.2s linear;
}
.flex-control-paging li a.flex-active {
	background: rgba(var(--Primary), 1);
}

/* Colorbox */
#colorbox {
	background: rgba(var(--Text), 0.9);
	z-index: 99;
}
#colorbox #cboxLoadedContent {
	display: flex;
	flex-direction: row;
}
#colorbox img {
	width: 100%!important;
	max-width: 100%;
	height: auto!important;
	max-height: 100%;
	margin: 0 auto!important;
	object-fit: contain;
}
#colorbox button {
	position: absolute;
	background-color: transparent;
	background-image: url(./assets/icons/arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	border: none;
	cursor: pointer;
}
#colorbox #cboxNext {
	transform: rotate(180deg);
}
#colorbox #cboxClose {
	top: 0;
	right: 0;
	background-image: url(./assets/icons/close.svg);
	background-size: 32px;
}
.admin-bar #colorbox #cboxClose {
	top: 32px;
}
#colorbox #cboxPrevious {
	bottom: 0;
	left: 0;
}
#colorbox #cboxNext {
	bottom: 0;
	right: 0;
}

/* Header */
header {
	width: 100%;
	padding: 20px 0;
	position: relative;
	border-bottom: 1px solid rgba(var(--Grey), 1);
	z-index: 99;
}
header:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(var(--Background), 1);
	pointer-events: none;
	z-index: 1;
}
header .flex-row {
	justify-content: space-between;
	align-items: center;
}
header .menu a {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: rgba(var(--Primary), 1);
}

/* Footer */
footer {
	padding: 23px 0;
	font-size: 16px;
	line-height: 22px;
}
footer svg {
	fill: rgba(var(--White), 1);
}
footer .claim {
	max-width: 350px;
	display: block;
	opacity: 0.6;
}
footer .menu {
	margin: 20px 0;
}
footer .menu a {
	align-items: center;
}
footer .menu li:hover a {
	text-decoration: underline;
}

/* 4 - TEMPLATE PARTS */

/* Align */
.left {
	text-align: left;
}
.flex-row.left {
	justify-content: flex-start;
}
.flex-col.left {
	align-items: flex-start;
}
.center {
	text-align: center;
}
.flex-row.center {
	justify-content: center;
}
.flex-col.center {
	align-items: center;
}
.right {
	text-align: right;
}
.flex-row.right {
	justify-content: flex-end;
}
.flex-col.right {
	align-items: flex-end;
}

/* Cenik */
div.dt-container div.dt-layout-row {
	display: none;
}
div.dt-container div.dt-layout-cell {
	padding: 0;
}
table.dataTable {
	width: 100%;
	border: 1px solid rgba(var(--Grey), 1);
	border-radius: 10px;
	border-collapse: collapse;
	overflow: hidden;
}
table.dataTable thead {
	background-color: rgba(var(--Primary), 1);
	color: rgba(var(--White), 1);
}
table.dataTable thead tr th, table.dataTable tfoot tr th {
	padding: 17px 15px;
	font-weight: 300;
	text-align: left;
	border-bottom: none;
}
table.dataTable tbody tr th, table.dataTable tbody tr td {
	padding: 17px 15px;
	text-align: left;
	white-space: nowrap;
	background-color: rgba(var(--White), 1);
	border-top: 1px solid rgba(var(--Grey), 1);
	transition: background-color 0.2s linear;
}
table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: rgba(var(--Primary), 0.1);
}

/* Cisla */
.cisla {
	border-radius: 8px;
}
.cisla h2 {
	margin-bottom: 0;
	margin-right: 30px;
	color: rgba(var(--Primary), 1);
}
.cisla .flex-col {
	justify-content: center;
	position: relative;
}
.cisla .single {
	padding: 30px 42px 10px;
	align-items: center;
	flex-wrap: nowrap;
}

/* Dlazdice */
.dlazdice h4 {
	margin-bottom: 20px;
}
.dlazdice .ikona {
	width: 48px;
	min-width: 48px;
	height: 48px;
	margin-bottom: 20px;
	margin-right: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
}
.dlazdice .ikona svg {
	width: 24px;
	height: 24px;
	object-fit: contain;
}
.dlazdice .flex-col {
	height: calc(100% - 60px);
	padding: 30px;
	border-radius: 8px;
}
.dlazdice .single .flex-row {
	align-items: center;
	flex-wrap: nowrap;
}

/* Dokumenty */
.dokumenty a + a {
	margin-top: 32px;
}
.dokumenty .flex-col {
	align-items: flex-start;
}

/* Filtrace */
#filtrace {
	width: 100%;
	margin-bottom: -54px;
	position: relative;
	top: -74px;
	left: 0;
}
#filtrace label {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 16px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
#filtrace input {
	margin: 0 5px 0 0;
}
#filtrace .bg {
	border-radius: 10px;
}
#filtrace .flex-grid {
	padding: 34px 12px 14px;
	justify-content: space-between;
	align-items: center;
}
#filtrace .flex-grid > div {
	width: 100%;
}
#filtrace .buttons {
	align-items: center;
	flex-wrap: nowrap;
}
#filtrace .buttons #reset {
	margin: 0;
	padding: 13px 0;
}
#filtrace .buttons #filtr {
	margin: 0;
}

/* Formular */
.formular {
	padding: 30px 20px;
	border-radius: 16px;
}
.formular .gdpr {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.wpcf7 a {
	text-decoration: underline;
	color: rgba(var(--Primary), 1)
}
.wpcf7-list-item {
	margin: 0;
}
.wpcf7-list-item label {
	display: flex;
}
.wpcf7-acceptance {
	max-width: 220px;
	display: block;
	font-size: 12px;
	line-height: 18px;
}
.wpcf7-not-valid-tip {
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	right: 0;
}
.wpcf7-spinner {
	position: absolute;
}
.wpcf7-response-output {
	margin: 20px 0 0 0!important;
	padding: 20px 0 0 0!important;
	font-size: 16px;
	line-height: 22px;
	border: none;
	border-top: 1px solid rgba(var(--Grey), 1)!important;
}

/* Galerie */
.galerie.flexslider {
	margin-bottom: 60px;
}
.galerie.flexslider .flex-viewport {
	overflow: visible!important;
	clip-path: inset(-100vw -100vw -100vw 0);
}
.galerie.flexslider .flex-viewport a {
	position: relative;
	line-height: 0;
}
.galerie.flexslider .flex-viewport a:before,
.galerie.flexslider .flex-viewport a:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border-radius: 8px;
	pointer-events: none;
	transition: background-position 0.2s linear, opacity 0.2s linear;
}
.galerie.flexslider .flex-viewport a:before {
	background-color: rgba(var(--Text), 0.15);
	background-image: url(./assets/icons/zoom.svg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: 24px;
	z-index: 3;
}
.galerie.flexslider .flex-viewport a:after {
	background: linear-gradient(180deg, transparent 60%, rgba(var(--Text), 1) 100%);
	z-index: 2;
}
.galerie.flexslider .flex-viewport a:hover:before,
.galerie.flexslider .flex-viewport a:hover:after {
	background-position: 95% 95%;
	opacity: 1;
}
.galerie.flexslider img {
	width: 100%;
	min-height: 310px;
	object-fit: cover;
	border-radius: 8px;
}

/* Kontakty */
.kontakty {
	display: flex;
	flex-direction: row;
}
.kontakty a {
	line-height: 0;
	filter: brightness(1);
	transition: filter 0.2s linear;
}
.kontakty a:hover {
	filter: brightness(0.5);
}
.kontakty a + a {
	margin-left: 16px;
}
.kontakty svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: rgba(var(--Primary), 1);
}

/* Mapa */
.mapa .acf-map {
	width: 100%;
	height: 464px;
	border-radius: 16px;
}
.mapa .acf-map button, .mapa .acf-map div {
	border-radius: 4px;
	box-shadow: none!important;
}
.mapa .acf-map .gm-style .gm-style-iw-tc {
	filter: none!important;
}
.mapa .acf-map .gm-style-iw-d strong {
	padding-left: 5px;
	font-weight: 500;
	text-align: center;
}
.mapa .acf-map .gm-style-iw-chr > button {
	display: none!important;
}
.mapa .filtrace {
	margin-bottom: 8px;
	padding: 16px 16px 16px 32px;
	display: inline-flex;
	border-radius: 16px;
	border: 1px solid rgba(var(--Grey), 1);
}
.mapa .filtrace input {
	display: none;
}
.mapa .filtrace .link {
	margin-right: 16px;
}
.mapa .filtrace .link:not(.active) {
	color: rgba(var(--Text), 1);
}

/* Nadpis */ 
.nadpis {
	position: relative;
	z-index: 2;
}
main .layout > div > div.nadpis {
	margin-bottom: 0;
}
.nadpis strong {
	color: rgba(var(--Primary), 1);
}

/* Obrazek */
.obrazek {
	line-height: 0;
}
.grid .obrazek img {
	width: 100%;
	height: 167px;
	object-fit: cover;
	border-radius: 8px;
}
.full .obrazek img {
	width: 100%;
	height: 269px;
	margin-bottom: -20px;
	object-fit: cover;
}
.page .nadpis + .obrazek img {
	width: 80%;
}

/* Odkazy */
.odkazy a + a {
	margin-top: 16px;
}
.odkazy.left .link {
	margin-right: 12px;
}
.odkazy.center .link {
	margin-left: 6px;
	margin-right: 6px;
}
.odkazy.right .link {
	margin-left: 12px;
}

/* Slider */
.slider.flexslider {
	height: 100%;
	margin: 0 -20px -30px;
}
.slider.flexslider .slides li {
	width: 100%;
	height: auto;
	flex-direction: column;
	overflow: hidden;
}
.slider.flexslider .slides li img {
	height: 100%!important;
	object-fit: cover;
}
.slider.flexslider .flex-direction-nav a {
	top: auto;
	bottom: 32px;
}
.slider.flexslider .flex-direction-nav .flex-prev {
	left: auto;
	right: 70px!important;
}
.slider.flexslider .flex-direction-nav .flex-next {
	right: 20px!important;
}

/* Socials */
.socials a + a {
	margin-left: 24px;
}
.socials a svg {
	width: 24px;
	min-width: 24px;
	height: 24px;
	object-fit: contain;
	transform: scale(1.0);
	transition: transform 0.2s linear;
}
.socials a:hover svg {
	transform: scale(1.1);
}
main div + .socials  {
	margin-top: 30px;
}

/* Text */
.text {
	padding-bottom: 20px;
	position: relative;
	z-index: 2;
}
.text + .text {
	margin-top: -20px;
	padding-top: 20px;
	border-top: 1px solid rgba(var(--Grey), 1);
}
.text p + p {
	margin-top: 28px;
}
.text a {
	text-decoration: underline;
}

/* Tlacitka */
.tlacitka .btn {
	margin-top: 12px;
}
.tlacitka.left .btn {
	margin-right: 12px;
}
.tlacitka.center .btn {
	margin-left: 6px;
	margin-right: 6px;
}
.tlacitka.right .btn {
	margin-left: 12px;
}
.tlacitka .ico svg {
	width: 100px;
	min-width: 100px;
	height: 100px;
	object-fit: contain;
	transform: scale(1.0);
	transition: transform 0.2s linear;
}
.dark .tlacitka .ico svg {
	fill: rgba(var(--White), 1);
}
.tlacitka .ico:hover svg {
	transform: scale(1.1);
}

/* Vizualizace */
.vizualizace {
	position: relative;
	line-height: 0;
}
.vizualizace img {
	width: 100%;
	height: auto;
}
.full .vizualizace img {
	margin-bottom: -20px;
}
.vizualizace svg {
	position: absolute;
    transform: scale(1.0);
	z-index: 8;
}
.vizualizace svg polygon {
	cursor: pointer;
	fill: transparent;
	opacity: 0.4;
	transition: opacity 0.2s linear, fill 0.2s linear;
}
.vizualizace svg polygon[data-stav="0"] {
	fill: #4C9A2A;
}
.vizualizace svg polygon[data-stav="1"] {
	fill: #C7D42F;
}
.vizualizace svg polygon[data-stav="2"] {
	fill: #D33F49;
}
.vizualizace svg polygon[data-stav="3"],
.vizualizace svg polygon[data-stav="4"] {
	fill: #012F48;
}
.vizualizace svg polygon:hover {
	opacity: 0.6;
}
.vizualizace .info {
	min-width: 120px;
	padding: 12px;
	display: none;
	flex-direction: column;
	align-items: center;
	position: absolute;
	background-color: rgba(var(--White), 1);
	border-radius: 8px;
	z-index: 99;
}
.vizualizace .info.visible {
	display: flex;
}
.vizualizace .info small {
	align-self: flex-start;
}
.vizualizace .info .oznaceni {
	font-weight: 500;
	color: rgba(var(--Primary), 1);
}
.vizualizace .info .btn {
	margin-top: 4px;
}
@media(max-width: 767px) {
	.vizualizace .info {
		top: auto!important;
		bottom: -12px;
		left: 5px!important;
	}
}

/* Vyhody */
.vyhody .flex-row {
	flex-wrap: nowrap;
}
.vyhody .flex-row + .flex-row {
	margin-top: 32px;
}

/* 5 - MEDIA */

@media (min-width: 768px) {
	.col-grid > .col-4 {
		width: calc(50% - 20px);
	}
	.col-grid:not(.layout) > .col-3, .col-grid > .col-5, .col-grid > .col-6 {
		width: calc(33.33% - 20px);
	}
	#filtrace {
		margin-bottom: -194px;
		top: -214px;	
	}
	.grid .obrazek img {
		height: 267px;
	}
	.full .obrazek img {
		height: 369px;
	}
	.vizualizace .info {
		transform: translate(0, -80%);
	}
}

@media (min-width: 1024px) {
	h1 {
		font-size: 58px;
		line-height: 67px;
	}
	.flex-grid {
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.col-grid > .col-2 {
		width: calc(50% - 20px);
	}
	.col-grid > .col-3 {
		width: calc(33.33% - 20px);
	}
	.layout-3 > .col-3, .layout-4 > .col-3 {
		width: calc(40% - 20px);
		min-width: calc(40% - 20px);
	}
	#burger {
		display: none!important;
	}
	.logo img {
		height: 58px;
	}
	header:before {
		width: 35vw;
	}
	header nav {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	header .menu {
		flex-direction: row;
	}
	header .kontakty {
		margin-left: 32px;
	}
	footer .flex-grid {
		justify-content: space-between;
		align-items: center;
	}
	footer .socials a {
		text-align: right;
	}
	#filtrace .col-grid > .col-4 {
		width: calc(25% - 20px);
	}
	#filtrace .flex-grid > .buttons {
		max-width: 33.33%;
		margin-left: 24px;
	}
	#filtrace .flex-grid > .buttons:before {
		content: "";
		width: 0;
		height: 48px;
		margin-top: -20px;
		display: block;
		position: absolute;
		border-left: 1px solid rgba(var(--Grey), 1)
	}
	.grid .obrazek img {
		height: 367px;
	}
	.full .obrazek img {
		height: 469px;
		margin-bottom: -40px;
	}
	.page .nadpis + .obrazek img {
		height: 280px;
	}
	.col-2 .slider, .col-3 .slider {
		width: 65vw;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	.col-2 .slider img, .col-3 .slider img {
		object-position: right;
	}
	.layout > div:nth-child(2) .slider, .layout > div:nth-child(3) .slider {
		left: 35vw;
	}
	.layout > div:nth-child(2) .slider img, .layout > div:nth-child(3) .slider img {
		object-position: left;
	}
	main div + .socials {
		margin-top: 60px;
	}
	.full .vizualizace > img {
		margin-bottom: -40px;
	}
	.vizualizace .info:after {
		content: "";
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		bottom: -10px;
		background-color: rgba(var(--White), 1);
		transform: rotate(45deg);
		z-index: -1;
	}
}

@media (min-width: 1360px) {
	body {
		font-size: 20px;
		line-height: 28px;
	}
	h1 {
		margin-bottom: 60px;
		font-size: 74px;
		line-height: 83px;
		letter-spacing: 2px;
	}
	.page h1 {
		margin-bottom: 120px;
	}
	h2 {
		margin-bottom: 30px;
		font-size: 46px;
		line-height: 55px;
	}
	small, th, td, .small {
		font-size: 16px;
		line-height: 22px;
	}
	.layout > div > div {
		margin-bottom: 40px;
	}
	main > section.light > .grid,
	main > section.highlight > .grid {
		padding-top: 120px;
		padding-bottom: 80px;
	}
	main > section.dark > .grid {
		padding-top: 80px;
	}
	.col-grid > .col-4 {
		width: calc(25% - 20px);
	}
	.col-grid > .col-5 {
		width: calc(20% - 20px);
	}
	.col-grid > .col-6 {
		width: calc(16.66% - 20px);
	}
	.flexslider .flex-direction-nav a {
		width: 80px;
		height: 80px;
	}
	.logo img {
		height: 78px;
	}
	.menu li {
		margin-right: 32px;
	}
	footer {
		padding: 46px 0;
	}
	.cisla .col-grid > div + div:before {
		content: "";
		width: 1px;
		height: calc(100% - 40px);
		display: block;
		position: absolute;
		top: 30px;
		left: -11px;
		border-left: 1px solid rgba(var(--Grey), 1);
	}
	.cisla .flex-col:first-child .single {
		padding-left: 60px;
	}
	.cisla .flex-col:last-child .single {
		padding-right: 60px;
	}
	#filtrace .flex-grid > .buttons {
		max-width: 25%;
	}
	.formular {
		padding: 40px 30px;
		border-radius: 16px;
	}
	.slider.flexslider .flex-direction-nav .flex-prev {
		left: auto;
		right: 136px!important;
	}
	.slider.flexslider .flex-direction-nav .flex-next {
		right: 46px!important;
	}
	main div + .socials {
		margin-top: 120px;
	}
	.text + .text {
		margin-top: -40px;
	}
	.full > .layout .vizualizace {
		margin-top: -90px;
		margin-bottom: -120px;	
	}
	.vizualizace .info {
		padding: 18px;
	}
	.vizualizace .info .btn {
		margin-top: 8px;
	}
}

@media (min-width: 1920px) {
	.full > .layout .vizualizace {
		margin-top: -120px;
		margin-bottom: -160px;
	}	
}