/* layout podle noveho webu alvarisu 2024 prepsany rucne */

BODY {
	overflow-x:hidden;
}
HEADER {
	position: fixed;
	z-index: 1001;
	top:0;
	left:0;
	width:100vw;
	height:80px;
	background: #fff;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-left:40px;
	padding-right:40px;
	letter-spacing: 2px;
	gap:30px;
}

HEADER .logo A {
	display: block;
	padding:20px 30px;
}
HEADER .logo IMG {
	min-width: 110px;
	max-width: 110px;
}

HEADER > UL {
	flex-grow: 1;
	display: flex;
	justify-content: space-around;
	list-style: none;
	margin-bottom:0px;
	margin-left:0;
}
HEADER > UL > LI {
	position: relative;
	margin-bottom: 0;
}
HEADER > UL > LI {
	padding: 30 0px;
}
HEADER > UL > LI > A {
	padding:15px 30px;
}
HEADER > UL > LI   A {
	font-weight: 500;
	font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
	color: #49494b!important;
	text-transform:uppercase;
	
}
.icon-1 SVG {
	position: relative;
	top:2px;
	transition: transform .3s ease-out;
}
HEADER > UL > LI:hover .icon-1 SVG {
	transform:rotateX(180deg);
}
HEADER > UL > LI:hover > A {
	color:#406fa0!important;
}
HEADER > UL > LI >.dropdown {
	position: absolute;
	left:-50%;
	max-height:1px;
	overflow:hidden;
	width:300px;
	opacity:0;
    background: #fff;
    color: #406fa0;
    box-shadow: 0 1px 4px rgba(0,0,0,.14);
	margin-top:25px;
	margin-bottom:0;
	margin-left: 0;
	transition: opacity .3s ease-out;
}
HEADER > UL > LI:hover > .dropdown {
	max-height: 999px;
	opacity:1;
	transition: opacity .3s ease-out;
}
HEADER > UL > LI  UL { /*dalsi, ne jen dorpdowny */
	list-style: none;
	margin-left:0;
	
}
HEADER > UL > LI:hover > .dropdown A {
	color:#090909!important;
}
HEADER > UL > LI:hover > .dropdown A:hover {
	color:#406fa0!important;
}

.icon-2 SVG {
	position: relative;
	top:2px;
}
.icon-3 SVG {
	position: relative;
	top:5px;
}
@media(min-width: 1250px) {
	HEADER > UL > LI:hover > .dropdown>LI {
		padding-left: 25px;
		padding-right: 25px;
	}
	HEADER > UL > LI:hover > .dropdown>LI:first-of-type {
		padding-top:25px;
	}
	HEADER > UL > LI:hover > .dropdown>LI:last-of-type {
		padding-bottom:25px;
	}
	HEADER > UL > LI:hover > .dropdown > LI > UL {
		margin-top:7px;
		margin-bottom:13px;
	}
	HEADER > UL > LI:hover > .dropdown > LI > UL.icons {
		padding-left:15px;
	}
	HEADER > UL > LI:hover > .dropdown > LI > UL:not(.icons) {
		padding-left:15px;
	}
	HEADER > UL > LI:hover > .dropdown > LI > UL > LI {
		margin-bottom:0;
	}
	HEADER > UL > LI:hover > .dropdown > LI > UL:not(.icons) LI A {
		display: block;
		padding-top:2px;
		padding-bottom:2px;
	}
}



/* jednotlive droprowny d-X */
@media(min-width:1250px) {
	#d-2 {
		left:-30%;
	}
	#d-3 {
		left:-22%;
	}
	#d-4 {
		left:-70%;
	}
}



.nabvar-toggle {
	display: none;
}

@media(max-width: 1250px) {
	HEADER {
		padding-left:0;
	}
	.navbar-toggle {
		display: block;
		position: absolute;
		right:42px;
		top:18px;
		cursor:pointer;
		padding:15px;
	}
	.navbar-toggle .bar {
		position: relative;
		width:20px;
		height:2px;
		background:#2d2e33;
	}
	.navbar-toggle:hover .bar {
		background:#b4b5ba;
	}
	.navbar-toggle .bar:not(:last-of-type) {
		margin-bottom:4px;
	}
	HEADER {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap;
		transition: .3s ease-out;
		overflow: hidden;
	}
	.menu-opened HEADER {
		height:100vh;
		transition: .5s ease-out;
		overflow:scroll;
	}
	.main-nav {
		flex-direction: column;
		flex-grow: 0;
		margin-top:-20px;
	}
	
	.menu-opened {
		overflow-y: hidden;
	}
	.menu-opened .bar {
		transition: .2s;
	}
	.menu-opened .bar-1 {
		transform: rotate(45deg);
		top: 6px;
	}
	.menu-opened .bar-2 {
		opacity: 0;
	}
	.menu-opened .bar-3 {
		transform: rotate(-45deg);
		top: -6px;
	}
	
	
	/* lazeni vnitrniho menu po otevreni */
	HEADER .icon-1,
	HEADER .icon-2 {
		display: none;
	}
	HEADER > UL > LI {
		padding-top:0;
		padding-bottom:10px;
	}
	.icons LI {
		margin-bottom:0px;
	}
	HEADER > UL > LI > A {
		color: #003f80!important;
	}
	HEADER > UL > LI >.dropdown {
		display: block;
		position: relative;
		left:inherit;
		box-shadow: none;
		max-height: initial;
		opacity: 1;
		margin-top:15px;
	}
	HEADER > UL > LI > .dropdown>LI {
		padding-left:40px;
	}
	HEADER > UL > LI > .dropdown>LI A {
		color: #b4b5ba!important;
	}
	HEADER > UL > LI:hover > .dropdown>LI A {
		color: #b4b5ba!important;
	}
	HEADER > UL > LI > .dropdown>LI A:hover {
		color: #003f80!important;
	}
	.dropdown .menu-item-has-children UL {
		padding-left:15px;
		margin-top:10px;
	}
	
}








FOOTER {
	display: flex;
	position: relative;
    width: 100vw;
    margin-left: calc(-1*((100vw - 100%) / 2));
}
FOOTER .baba {
	background-size:cover!important;
	background-position: top -20% left 0%;
	min-width:40%;
	background:url(/img/footer.jpg);
	background-repeat: no-repeat;
}
@media(max-width: 1100px) {
	FOOTER .baba {
		display: none;
	}
}
FOOTER .adresa {
	min-width:60%;
	background:#406fa0;
	padding:50px;
}
@media(max-width: 1100px) {
	FOOTER .adresa {
		min-width: 100%;
	}
}
@media(min-width:1100px) {
	FOOTER .adresa {
		padding-left: 10%;
	}
}
FOOTER .divider {
	width:103px;
	height:10px;
	margin-top:20px;
	margin-bottom:50px;
	background:rgb(254,209,22);
}
.f-1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:36px;
	line-height: 42px;
	color:#fff;
}

.f-common {
	margin-top:50px;
}
.f-common > *{
	font-size: 18px;
    line-height: 1.5;
	color:#c2d1e0!important;
    font-family: Verdana, Geneva, sans-serif;
	margin-top:20px;
	margin-bottom:20px;
}

.f-links {
	margin-top:30px;
}
.f-links A {
	font-size: 11px;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px;
	color:#c2d1e0!important;
}