html, body, input, textarea {color: #042646; font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.7;}
body{}
a{color: #042646; text-decoration:none; transition: all 0.5s;}
*{padding:0; margin:0;}
.social li{display:inline-block; margin: 0 25px 25px 0; width: 35px; height: 35px;}
.social li a{border-bottom: none!important;}
.social li a svg{fill: #042646; width: 100%; vertical-align: middle; transition: all 0.5s;}
.clear { clear: both;}
.center { margin: 0 auto; max-width: 1600px;}
.grecaptcha-badge{z-index:100;}
.btn{color:#fff; background:#ffc400; display:inline-block; padding:10px 25px; font-weight:bold; text-align: center; border-radius: 25px; border: none; transition: all 0.5s;}
.error{ background:#fff; border:#C4060A 1px solid; color:#C4060A; padding:10px; margin:25px 0!important;}
.error li{ margin-left:25px; }
.succes{ background:#fff; border:#03af07 1px solid; color:#03af07; padding:20px; margin:25px 0!important; }

.mm-spn.mm-spn--light{background:#042646!important; color: #fff!important; }
.mm-spn a.active{color:#ffc400;}
.mm-spn  li.contact a{}

.sl-wrapper .sl-image .sl-caption{background: rgba(4, 38, 70, .8)!important; color: #fff!important; font-size: 1.1em!important; font-weight:600!important; width:85%!important; left:auto!important; bottom: 25px!important; border-radius: 0;}
.sl-wrapper .sl-image img{border-radius: 0;}
.sl-overlay{background: #000!important;}


.content{}
.content h1{font-size: 2.5em; margin: 0 0 15px 0; line-height: 1;}
.content h2{font-size: 2.5em; margin: 0 0 25px 0; line-height: 1.2; color:#0053a1;}
.content h2.home{font-size: 3em;}
.content h3, .content h6{font-size: 1.8em; margin: 0 0 15px 0; line-height: 1.2; color:#0053a1;}
.content p{margin: 0 0 25px 0;}
.content ul, .content ol{margin: 0 0 25px 25px;}
.content ul li::marker{color: #0053a1;}
.content img {max-width:100%;}
.content .main img {height: auto;}
.content .overviewSubPages{border: 1px solid #d8edf8; padding:25px 25px 5px 25px;}
.content table, .content table tr{border:0;}
.content table tr td{width:50%!important; padding: 25px; vertical-align: top!important; border:0!important; height: auto!important;}
.content table tr td table tr td{padding: 5px!important;}
.content table tr td table{margin-bottom: 25px!important;}
.content table tr td:first-of-type{padding-left:0;}
.content table tr td:last-of-type{padding-right:0;}
.content table tr td img{width:100%; max-width:100%!important; }

.formContainer{overflow:hidden; position:relative; }
.formTxt{clear:both; float:left; width:35%; margin: 0 0 50px 0;}
.formInput{float:left; width:65%; margin: 0 0 50px 0;}
.formInput input:not(.btn), .formInput textarea{background:#fff; border: 1px solid #042646; padding:10px; width: calc(100% - 22px); -webkit-appearance: none;}
.formInput textarea{ height:100px;}
.formInput .btn{}
.formContainer .adjustJump{position:absolute; margin-top:-250px!important;}


.wrapper{}


header{position: relative;}
header.sticky{background:#042646; position: fixed; top: 0; width: 100%; box-shadow: 0 0 15px #666; z-index:110;}
header.sticky +.highlights{padding-top: 600px;}
header .logoMenuHolder{position: absolute; width: 100%; z-index: 5; padding: 25px 0; transition: all 0.5s;}
header.sticky .logoMenuHolder{padding: 5px 0;}
header .logoMenuHolder .center{display:flex; align-items: center;}
header .logo{width:calc(25% - 25px); margin:0 25px 0 0;}
header .logo picture * {width: 100%; max-width: 300px; transition: all 0.5s;}
header.sticky picture * {width: 70%; margin-top: 5px; }

header nav{width:75%; font-size:1.1em; font-weight: bold; line-height: 1;}
header nav ul{list-style:none; display: flex; float: right;}
header nav ul li{padding: 0 5px;}
header nav ul li a{display:block; padding:10px; color:#fff; }
header nav ul li a.active, header nav ul li a:hover, header nav ul li:hover > a{color:#ffc400; }
header nav ul li:has(ul) > a::after{content: " >"; display: inline-block; margin: 0 0 0 10px; transition: all 0.7s;}
header nav ul li:has(ul):hover > a::after{ transform: rotate(90deg);}
header nav ul li ul{background:#042646; max-height:0px; width: 220px; display:block; position:absolute; z-index:1000; transition: all 0.7s; overflow:hidden;}
header nav ul li ul li{float: none; padding: 0;}
header nav ul li ul li a{display:block; padding: 20px; color:#fff;}
header nav ul li ul li a:hover, header nav ul li ul li a.active{}
header nav ul li:hover ul{max-height:500px; }
header nav ul li.contact{}
header nav ul li.contact a{padding-right:0;}
header nav ul li.contact a:hover{}
header nav ul li.home{/*display:none;*/}
header .mobileMenuHolder{display:none;}


.hero{background:#042646; position: relative; top: 0; left:0; width:100%; margin:0 0 100px 0; }
.hero.sub{margin:0;}
header.sticky .hero .heroImage{max-height:0px; opacity: 0; overflow:hidden;}
header.sticky .hero .heroTxt{opacity: 0; }
.hero .heroImage{opacity: 1; width:100%; max-height:900px; height:900px; max-width: 2500px; margin: 0 auto; position:relative; transition: all 1.5s;}
.hero.sub .heroImage{height:300px;}
.hero.sub .heroImage picture {height:300px;}
.hero .heroImage picture {display:block; height:900px;}
.hero .heroImage picture *:after{ content:''; background: rgba(4, 38, 70, .4); position: absolute; top: 0; width: 100%; height: 100%;}
.hero .heroImage picture{display:block; width: 100%; height:100%; }
.hero .heroImage picture *{width: 100%; height:100%; object-fit:cover;}
.hero .center{position: absolute; top: 0; left: 0; bottom: -100px; right: 0; /* background: rgba(100, 100, 70, .4);*/}
.hero.sub .center{bottom: 0px;}
.hero .heroTxt{position:absolute; left:0; bottom: 10px; width: 100%; color: #fff; transition: all 0.5s; opacity: 1;}
.hero .heroTxt.home{background:transparent url("/images/icon_wm_art.svg") no-repeat center bottom; background-size: 90%; padding: 5%; position:absolute; top:0; bottom:0; width: 45%; max-width:800px; color: #fff; align-items: center; display: flex;}
.hero .heroTxt h1{font-weight:300; font-size:4.0em; line-height:1.3; }
.hero .heroTxt h1 strong{display:block;}
.hero .heroTxt h1 span{color:#ffc400;}
.hero.sub .heroTxt h1{font-weight:600;}
.hero .usp{position:absolute; left:50%; bottom:0; width: calc(50% - 50px); height:65px; padding: 35px 0 0 50px;}
.hero .usp ul{max-width: 800px; list-style: none; display: flex; margin: 0 auto;}
.hero .usp ul li{flex: 100%; color:#ffc400; line-height: 1;}
.hero .usp ul li:not(:first-child):not(:last-child) {text-align:center;}
.hero .usp ul li:last-child {text-align:right;}
.hero .usp ul li span {background:no-repeat left center url("/images/icon_star.svg"); background-size:25px; padding: 12px 0px 15px 40px; }
.hero .usp ul li:nth-of-type(2) span {background-image:url("/images/icon_money.svg");}
.hero .usp ul li:nth-of-type(3) span {background-image:url("/images/icon_rule.svg");}

.highlights{}
.highlights h3{color:#ffc400;}
.highlights .center{}
.highlights .holder{display:flex; flex-wrap: wrap;  padding: 25px 0;}
.highlights .item{color:#fff; overflow:hidden; display: inline-block; flex: 1; aspect-ratio: 1; position: relative; transition: all 0.4s ease-in-out; margin: 10px;}
.highlights .item:first-of-type {margin-left: 0;}
.highlights .item:last-of-type {margin-right: 0;}
.highlights .item picture{display:block; position: absolute; top: 0px; left:0px; bottom: 0px; right: 0px; transition: 0.7s;}
.highlights .item picture *{height:100%; width:100%; object-fit: cover; overflow:hidden; }
.highlights .item picture *:after{transition: all 0.4s ease-in-out; opacity: 1; content:''; background: rgba(4, 38, 70, .4); position: absolute; top: 0; width: 100%; height: 100%;}
.highlights .item:nth-child(odd) picture *:after{background: rgba(0, 83, 161, .4);}
.highlights .item h3{font-size: 2.2em; color:#fff; position:absolute; top: 25px; left:0; width: calc(100% - 50px); padding: 0 25px; margin:0;}
.highlights .item p{position:absolute; bottom: 50px; left:0; width: calc(100% - 50px); padding: 0 25px; margin:0;}
.highlights .item a{color:#fff;}


main{}
main .main{padding: 75px 0;}
main .center{}
main.half .main{width: calc(50% - 30px); margin: 0 40px 0 0;}
main.half .main.second{width:100%; max-width: 1000px; margin: 0 auto;}
main.half .flex{display:flex; align-items: center;}
main .main a:not(.btn){color:#0053a1; position: relative; }
main .main a:not(.btn)::after{background:#0053a1; content: ''; position: absolute; width: 0px; height: 1px; left: 50%; bottom:0; transition: all ease-in-out .5s;}
main .side{width: calc(50% - 10px); padding: 75px 0; }
main .side .photos{padding:0 0 75px 0; position: relative; width: 100%;}
main .side .photos.small{max-width: 550px; padding: 45px 0 75px 0; float:right;}
main .side .photos.small .photo picture{position: relative;}
main .side .photos *{ aspect-ratio: 16/9;}
main .side .photos .photo{position: relative; }
main .side .photos .photo picture{left: 0; top: 0; right: 0; bottom: 0; position: absolute; }
main .side .photos .photo picture *{height:100%!important; width:100%!important; display:inline!important; object-fit:cover;}
main .side .photos .photo p{text-align:center; color: #fff; background: rgba(4, 38, 70, .7); padding: 15px; font-weight: 600; font-size: 1em; height: auto; width: calc(100% - 80px); bottom: 0; right: 25px; position: absolute; z-index: 10; line-height: 1; aspect-ratio: auto;}
main .side .photos  .slick-arrow{width: 40px; height:40px; min-height:30px; cursor:pointer; font-size:0; border:0; position: absolute; bottom:-65px; z-index: 100; background:none; background-repeat: no-repeat; background-size: contain; transition: 0.5s; }
main .side .photos .slick-next{left: calc(50% + 10px); background-image: url("/images/arrowRight.svg"); }
main .side .photos .slick-prev{left: calc(50% - 50px); background-image: url("/images/arrowLeft.svg");}
main .side .photos .slick-disabled{opacity: 0; cursor:default;}
main .side .arrowHolder{position: absolute; bottom: 0px; left: calc(50% - 60px); width:120px; height:60px; z-index: 90; background: #ffc400; border-radius: 25px;}
main .side .logoArt{position: absolute; top: -10px; right: 10px; width:80px; height:80px; z-index: 1;}
main .side .photos.small .logoArt{top: 35px;}
main .side  address{width:calc(100% - 50px); background:#042646; color:#fff; padding: 25px; font-style:normal; max-width:500px; float:right;}
main .side  address strong{font-size: 1.8em; margin: 0 0 15px 0; line-height: 1; display:block;}
main .side  address a{color:#fff;}
main .side  address .social{margin: 25px 0 0 0;}
main .side  address .social li{margin: 0 15px 15px 0;}
main .side  address .social li a svg{fill: #0053a1;}


.photoMosaic { position: relative; width: 100%; height: 620px; margin: 0 0 80px 0;}
.photoMosaic .foto-block {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.photoMosaic .row { display: flex; justify-content: center; }
.photoMosaic .row:nth-of-type(2){width:100vw!important; }
.photoMosaic .row + .row { margin-top: 20px; }
.photoMosaic .image { margin: 0 10px; min-width: 400px; height: 300px;}
.photoMosaic .image picture *{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.photoMosaic .holder { z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.photoMosaic .cta{background: rgba(4, 38, 70, .9);}

.ctaHolder{background: #042646; justify-content: center; display: flex;}
.cta {padding: 40px; position: relative; z-index: 1; width: 80%; max-width: 900px; margin: 0 auto; text-align: center; background: rgba(4, 38, 70, .9); color:#fff; font-size:2em; }
.cta strong{color:#ffc400;}
.cta .btn{background: #0053a1 url("/images/icon_info.svg") no-repeat; background-position: 10px center; padding: 15px 15px 15px 60px; font-size:0.6em; border-radius: 35px;}
.cta p:last-of-type{margin:0;}

footer{background:#0053a1; color:#fff; font-weight:500; display:flex; flex-wrap: wrap;}
footer .inner{width: calc( (100vw / 3 * 2) ); overflow:hidden;}
footer .blocks{padding: 50px 0; width: calc(1600px / 3 * 2); float:right; display:flex; flex-wrap: wrap;}
footer a{color:#fff; border-bottom: 1px solid #0053a1;}
footer h6{color:#ffc400!important;}
footer.content ul{list-style:none; margin:0;}
footer.content ul li{padding: 5px 0;}
footer .block{padding: 0; width: 33.3%;}
footer .block:nth-of-type(2), footer .block:nth-of-type(4){}
footer .block .logo{width:80%; max-width:250px; margin: 0 0 25px 0;}
footer .block .logo picture *{width:100%;}
footer .block:nth-of-type(1) a {color:#3275b3; border-bottom: 1px solid #3275b3; }
footer .block:nth-of-type(1) ul.social{margin: 25px 0 0 0;}
footer .block .logo a{border-bottom:none!important;}
footer .block:nth-of-type(2) ul li{ }
footer .block address{margin: 0 0 25px 0; font-style:normal; }
footer ul.social li a{border-bottom: none!important;}
footer .maps{flex: auto;}
footer .maps *{width:100%; height:100%; border:none; overflow:hidden;}
footer .bottom{width: 100%; background:#d9e5f1; padding: 25px 0; text-align:right;}
footer .bottom a{color:#0053a1; border-bottom: 1px solid #d9e5f1;}


@media only screen and (min-width: 1600px) {
	/* Hover effects only on big screens*/
	
	.social li a:hover svg, main .side  address .social li a:hover svg{fill: #fff; border-bottom: none!important;}
	
	.btn:hover{color:#fff; background-color:#042646;}
	
	.highlights .item:hover{transform: scale(1.05); }
	.highlights .item:hover picture{transform: scale(1.1); }
	.highlights .item:hover picture *:after{opacity: 0;}	
	
	main .main a:not(.btn):hover::after{width: 100%;left: 0;}
	main .side .photos  .slick-prev:hover{transform: scale(1.05);}
	main .side .photos  .slick-next:hover{transform: scale(1.05);}

	.cta .btn:hover{background-color: #ffc400;}

	footer a:hover{color:#fff!important; border-bottom: 1px solid #fff!important; }
	footer .bottom a:hover{color:#0053a1!important; border-bottom: 1px solid #0053a1!important; ;}
}


@media only screen and (max-width: 1600px) {
	.center { margin: 0 50px; }

	.hero .usp ul li span{padding: 15px 0px 15px 30px;}
	
	footer .blocks{width: calc(100% - 50px);}

}

@media only screen and (max-width: 1280px) {
	.photoMosaic .row { position: relative; left: 50%; min-width: 1280px;}
	
	main .side .photos *{aspect-ratio: 1/1;}
	
	.highlights .item h3{font-size: 1.8em;}
}

@media only screen and (max-width: 1200px) {
	
	.hero .heroTxt.home{width: 70%; bottom: 75px;}
	.hero .heroTxt.home h1{font-size: 3.0em; line-height: 1.0;}
	.hero .usp{left: 0%; bottom: -20px; width: 100%; padding: 0;}
	
	
	footer{display: block; flex-wrap: unset;}
	footer .inner{width: 100%;}
	footer .maps{width: 100%; height: 250px; flex: none;}
}


@media only screen and (max-width:1050px) {
	.center { margin: 0 25px; }	
	
	.formTxt{float:none; width:100%; margin: 0 0 5px 0; }
	.formInput{float:none; width:100%; margin: 0 0 25px 0;}
	.formTxt.gone{display:none;}	
	

	header .logo{width:225px;}
	header.sticky picture * {width: 80%; margin-top: 5px; }
	header nav{display:none;}
	header .mobileMenuHolder{padding: 3px 0 0 0; width: calc(100% - 225px); display: block;}
	header .mobileMenu {background:#ffc400; border-radius:5px; padding: 3px 5px 15px 10px; width: 85px; height: 25px; float:right; line-height:50px; } 
	header .mobileMenu .mobileNav{display:block; height: 27px; width: 80px; }
	header .mobileMenu .mobileNav .hamburger{width:30px; height:30px; float:left;}
	header .mobileMenu .mobileNav .txt{color:#fff; font-weight:bold; font-size: 15px; line-height: 35px; width:50px; height:30px; float:left; text-align: right;}
	header .mobileMenu .mobileNav .bar1, header .mobileMenu .mobileNav .bar2, header .mobileMenu .mobileNav .bar3 {background: #fff; width: 100%; height: 2px; margin: 8px 0; transition: all 0.5s;}	
	header .mobileMenu .menuOpen .bar1 {transform: translate(0, 10px) rotate(-45deg);}
	header .mobileMenu .menuOpen .bar2 {opacity: 0;}
	header .mobileMenu .menuOpen .bar3 {transform: translate(0, -10px) rotate(45deg);}

	.highlights .item, .highlights .item:first-of-type, .highlights .item:last-of-type{flex: calc(50% - 20px);}
	.highlights .item:nth-child(odd){margin-left: 0;}
	.highlights .item:nth-child(even){margin-right: 0;}
	
	
	.photoMosaic{height: 320px; margin: 0 0 50px 0;}
	.photoMosaic .row:nth-of-type(2){width: calc(0.5 * 100vw)!important; min-width: 1000px;}
	.photoMosaic .image{min-width: 250px; height: 150px;}
	
	.cta{padding: 20px; font-size: 1.4em;}
	.cta .btn{font-size: 0.7em;}
	
	footer .blocks{width: calc(100% - 25px);}
}


@media only screen and (max-width: 820px) {
	.content h1{font-size: 3em;}
	.content h2{font-size: 2em;}
	.content h2.home{font-size: 2.5em;}
	.content h3, .content h6{font-size: 1.5em;}

	.hero .heroImage{height: calc(100vh - 125px);}
	.hero .heroTxt{bottom: 50px; width: 90%; background-size: 80%;}

	main .center, main.half .flex{display:block; align-items: unset;}
	main .main{width:100%!important; margin: 0!important; padding: 50px 0;}
	main .side{width:100%; margin:0; padding: 0 0 50px 0;}
	main .side .photos.small{float: none; max-width: none;}
	main .side .photos *{aspect-ratio: 16/9;}
	main .side .arrowHolder{height: 50px; width: 100px; left: calc(50% - 50px); bottom: 2px;}
	main .side .photos  .slick-arrow{width: 25px; height: 25px;}
	main .side .photos .slick-prev{left: calc(50% - 35px);}
	main .side .photos .photo p{padding: 10px; right: 15px; width: calc(100% - 50px);}
	main .side  address{float:none; max-width: none;}
}

@media only screen and (max-width: 750px) {
	.content table tr td, .content table col{display:block; width:100%!important; padding: 25px 0 0 0; }
	.content table tr td img{}
	
	footer .blocks{display: block; flex-wrap: unset;}
	footer .block{width: 100%; padding: 25px 0;}
}


@media only screen and (max-width: 500px) {
	.content h1{font-size: 3em;}
	.content h2{font-size: 1.8em;}
	.content h2.home{font-size: 2.3em;}
	.content h3, .content h6{font-size: 1.3em;}
	
	.formInput input[type="submit"]{ width:100%; }	
	.formContainer .adjustJump{position:absolute; margin-top:-100px !important;}
	
	.content td{ display:block; width:100%!important; }

	.hero{margin: 0 0 150px 0;}
	.hero .heroImage{height: calc(100vh - 250px);}
	.hero .heroTxt{width: 100%; padding: 0%;}
	.hero .heroTxt h1{font-size: 2.2em;}
	.hero .heroTxt h1 strong{margin: 0 0 10px 0;}
	.hero .usp{height: auto; bottom: -50px;}
	.hero .usp ul{flex-wrap: wrap; max-width: 250px;}
	.usp ul li, .usp ul li:last-child, .usp ul li:not(:first-child):not(:last-child){flex:100%; text-align:left!important; margin: 5px 0;}
	.hero .usp ul li span{display: block; padding: 5px 0px 5px 40px;}
	
	.highlights .item{aspect-ratio: 1/1.5;}
	.highlights .item h3{font-size: 1.2em; width: calc(100% - 20px); padding: 0 10px;}
	.highlights .item p{line-height: 1.4; width: calc(100% - 20px); padding: 0 10px; }
	
	main .main{padding: 25px 0;}
	main .side{padding: 0 0 25px 0;}
	main .side .logoArt{width:50px; height:50px;}
	
	.photoMosaic .row:nth-of-type(2){width: calc(0.5 * 100vw)!important;}
	
	.cta{padding: 20px; font-size: 1.2em;}
	.cta .btn{font-size: 0.8em; padding: 10px 10px 10px 50px;}	
	
}

@media only screen and (max-height: 500px) {
	.hero .heroImage{height: calc(100vh + 100px);}
	.hero .heroTxt h1{font-size: 2.2em!important;}
	.hero .heroTxt h1 strong{margin: 0 0 10px 0;}	
}