/* general css ----------------------------------- */
html {
	scroll-behavior:smooth;
	overflow-x: hidden;
	height: 100%;
}
body {
	overflow: hidden;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #505050;
}
body::-webkit-scrollbar, div::-webkit-scrollbar {width: 6px;}
body::-webkit-scrollbar-track, div::-webkit-scrollbar-track {background: #FCFCFD;}
body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb {
   background-color: #85562a;
   border: 1px solid #85562a;
}
img {max-width:100%;}
a, button, img, header, footer, span, :before, .owl-prev, .owl-next {
	transition: all 0.3s ease-in-out;
	outline: none;
}

a {color: #183360;}
a:hover {
	color: #183360;
	text-decoration: none;
}
.shadow main, .shadow footer {
	filter: blur(4px);
	transform: scale(1.02);
}
.modal-open main, .modal-open footer, .modal-open header {
	filter: blur(4px);
	transform: scale(1.02);
}
body.modal-open {height: 100vh;}
h1 {
	font-size: 35px;
	font-weight: 700;
	margin: 40px 0;
}
section, .container {position: relative;}
.landscape {display: none;}

	@keyframes hovermenu { 
		0% {width: 0;}
		100% {width: 100%;}
	}



/* navigace ----------------------------------- */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: none;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}
header .container {max-width: 84%;}
header p a {
	position: relative;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin-left: 30px;
}
header p {margin-top: 30px;}
header p a:before {
    background: #fff;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    transform: scale(1);
    right: 0;
    height: 1px;
    transition: transform .3s;
    content: '';
}
header p a:hover {color: #fff;}
header p a:hover:before {
    transition: transform .3s cubic-bezier(.175,.885,.32,1);
	transform: scale(0);
}
header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
	position: absolute;
	right: 0;
	top: 220px;
}
header ul li {padding: 10px 0;}
header li a {
	position: relative;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	padding: 2px 0 2px 5px;
}
header li a:before {
    background: #fff;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    transform: scale(0);
    right: 0;
    height: 1px;
    transition: transform .3s;
    content: '';
}
header li a:hover {color: #fff;}
header li a:hover:before {
    transition: transform .3s cubic-bezier(.175,.885,.32,1.5);
	transform: scale(1);
}
.logo img {
	width: 230px;
	margin: 80px 0 0 0;
}
.nizkemenu header {background: #85562a;}
.nizkemenu.scroll-up header {z-index: 15;}
.nizkemenu.scroll-down header {top: -110px;}
.nizkemenu header p {margin-top: 10px;}
.nizkemenu header ul {top: 50px;}
.nizkemenu header ul li {
	padding: 10px;
	display: inline-block;
}
.nizkemenu header ul li:last-child {padding-right: 0;}
.nizkemenu header li a {
	position: relative;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	padding: 2px 0 2px 5px;
}
.nizkemenu .logo img {
	width: 120px;
	margin: 8px 0;
}
.navbar-toggler {border: none;}
.navbar-toggler:focus {box-shadow: none;}
.hamburger {
   width: 20px;
   height: 20px;
   position: absolute;
   transform: rotate(0deg);
   transition: .5s ease-in-out;
   cursor: pointer;
   right: 10px;
   top: -50px;
}
.hamburger span {
   display: block;
   position: absolute;
   height: 2px;
   width: 100%;
   border-radius: 9px;
   opacity: 1;
   left: 0;
   transform: rotate(0deg);
   transition: .25s ease-in-out;
}
.hamburger span {background: #fff;}
.hamburger span:nth-child(1) {top: 0px;}
.hamburger span:nth-child(2), .hamburger span:nth-child(3) {top: 7px;}
.hamburger span:nth-child(4) {top: 14px;}
.hamburger.open span {background: #fff;}
.hamburger.open span:nth-child(1) {
   top: 11px;
   width: 0%;
   left: 50%;
}
.hamburger.open span:nth-child(2) {transform: rotate(45deg);}
.hamburger.open span:nth-child(3) {transform: rotate(-45deg);}
.hamburger.open span:nth-child(4) {
   top: 11px;
   width: 0%;
   left: 50%;
}

/* content01 ----------------------------------- */
.content01 {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}
.nizkemenu .content01 {display: none;}
.content01, .banner, .banner .owl-stage-outer, .banner .owl-stage, .banner .owl-item {height: 100vh;}
.item {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.item h1, .item h2, .item h3 {
	position: absolute;
	z-index: 6;
	color: #fff;
	font-size: 41px;
	font-family: "DM Serif Display", serif;
	font-weight: 400;
	font-style: normal;
	top: 30%;
	left: 12%;
	margin: 0;
}
.item img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
	width: auto !important;
	object-fit: cover;
	max-height: 100%;
}
.item:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: linear-gradient(90deg, rgba(133,86,42,1) 48%, rgba(133,86,42,0));
	width: 40%;
	height: 100%;
	z-index: 5;
}
.item.slide02:before {width: 20%;}
.item.slide03:before {
	background: linear-gradient(90deg, rgba(210,195,166,1) 48%, rgba(210,195,166,0));
	width: 30%;
}
.item:after {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	background: linear-gradient(90deg, rgba(133,86,42,0), rgba(133,86,42,1) 48%);
	width: 32%;
	height: 100%;
	z-index: 5;
}
.item.slide03:after {background: linear-gradient(90deg, rgba(210,195,166,0), rgba(210,195,166,1) 48%);}
.owl-nav {
	position: absolute;
	left: 3%;
	width: 94%;
	top: 50%;
}
.owl-prev, .owl-next {
	position: absolute;
	width: 50px;
	height: 50px;
	border: solid 1px #fff;
	top: 0;
	left: 0;
	font-size: 0;
}
.owl-next {
	left: auto;
	right: 0;
}
.owl-prev:before {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	content: "<";
	font-family: "Roboto", sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 30px;
	position: absolute;
	color: #fff;
}
.owl-next:before {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	content: ">";
	font-family: "Roboto", sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 30px;
	position: absolute;
	color: #fff;
}
.owl-prev:hover, .owl-next:hover {background: #fff;}
.owl-prev:hover:before, .owl-next:hover:before {color: #85562a;}

/* content02 ----------------------------------- */
.content02 {
	z-index: 11;
	background: #fff;
	margin-top: 100vh;
	padding-top: 60px;
}
.content02 h4 {
	font-size: 40px;
	font-family: "DM Serif Display", serif;
	font-weight: 400;
	font-style: normal;
	margin: 0 0 60px 0;
}
.content02 .row {margin: 0 -20px;}
.content02 .col-md {
	padding: 0 20px 30px 20px;
	width: 20%;
	flex: 0 0 auto;
	text-align: center;
}
.content02 .col-md a {
	display: block;
	text-decoration: none;
	color: #505050;
}
.content02 .col-md strong {
	font-weight: 400;
	display: block;
	padding: 20px 0;
}
.content02 .col-md a:hover {transform: scale(1.05);}
.content02 .col-md a:hover img {filter: contrast(150%);}

/* content03 ----------------------------------- */
.content03 {
	z-index: 4;
	padding: 40px 0;
	background: url("../images/bg-content03.jpg") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.content03 .row {margin: 0 -30px;}
.content03 .col-md {
	padding: 30px;
	width: 20%;
	flex: 0 0 auto;
	text-align: center;
}

/* content04 ----------------------------------- */
.content04 {
	z-index: 10;
	padding: 60px 0;
	background: #f1f1f1 url("../images/logo.svg") no-repeat center top;
	background-size: auto 103%;
	text-align: justify;
}
.content04 h5 {
	font-size: 40px;
	font-family: "DM Serif Display", serif;
	font-weight: 400;
	font-style: normal;
	margin: 0 0 50px 0;
}
.content04 em {
	display: block;
	padding-top: 20px;
}
.content04 span {
	display: block;
	font-style: italic;
	text-align: right;
	padding-top: 10px;
}

/* content05 ----------------------------------- */
.content05 {
	z-index: 10;
	padding: 60px 0;
	background: #fff;
}
.content05 h6 {
	font-size: 40px;
	font-family: "DM Serif Display", serif;
	font-weight: 400;
	font-style: normal;
	margin: 0;
}
.content05 h2 {
	font-size: 26px;
	font-weight: 400;
	font-style: italic;
	margin: 50px 0 25px 0;
}
.content05 a {display: block;}
.content05 a:hover {transform: scale(1.05);}
.content05 a:hover img {filter: contrast(150%);}

/* content06 ----------------------------------- */
.content06 {
	z-index: 10;
	padding: 60px 0;
	background: #f1f1f1 url("../images/logo.svg") no-repeat center top;
	background-size: auto 103%;
	text-align: justify;
	margin-bottom: 348px;
}
.content06 h3 {
	font-size: 40px;
	font-family: "DM Serif Display", serif;
	font-weight: 400;
	font-style: normal;
	margin: 0 0 40px 0;
}
.content06 p {padding-right: 8%;}
.content06 p a {
	font-weight: 700;
	color: #505050;
}
.content06 img {margin-top: 40px;}


/* footer ----------------------------------- */
footer {
	background: #120603;
	color: #fff;
	padding: 60px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
footer img {width: 210px;}
footer a, footer a:hover {color: #fff;}
.socky {
	position: absolute;
	right: 15px;
	top: 0;
}
.socky a {
	display: inline-block;
	width: 40px;
	margin-left: 10px;
}
.socky a:hover {transform: scale(1.1);}

/* tom 2024 ---------------------------- */