@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap');

body {font-family:"Montserrat"; margin:0; padding:0; background:#236; color:#fff; font-size:calc(0.5vmin + 11pt); line-height:110%;}
bg {position:fixed; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh; display:block; overflow:hidden; position:fixed; z-index:1; background:url(_assets/12/KV_clean.jpg) center center no-repeat; background-size:cover; opacity:.5 }
main {display:block; overflow:visible; position:relative; z-index:3; padding-top:10vh;}
logo {display:block; position:fixed; top:0; right:3%; width:20vmin; height:20vmin; max-width:120px; max-height:120px;background:#fede1f center center no-repeat; background-size:contain; z-index:10; text-indent:-2000px; cursor:pointer; }
* {box-sizing:border-box;}
h1,h2,h3,h4 {display:block; overflow:hidden; margin:0; padding:0; line-height:100%;}
h1 {font-size:200%; font-weight:bold; line-height:100%;}
h2 {font-size:200%; font-weight:normal; line-height:100%;}
div,block {display:block; overflow:hidden;}

a {text-decoration:none;}
.half {width:47%;}
.third {width:30%;}
.left {float:left;}
.right {float:right;}
.clear,.clear-both {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.centered {text-align:center;}

.homepage-head {display:block;text-align:center; border-top:1px dotted #fff; padding:5vmin 10vmin; }

p {margin:0; padding:0; margin-bottom:10px;}
ul {}
	ul > li {margin-bottom:calc(2% + 3px);}

item {display:block; flex:0; flex-grow:1; padding:0px; border:1px solid #ccc; background-color:#fff; color:#999; border-radius:5px; }
visual {display:inline-block; flex:1; min-width:290px; overflow:hidden; background:transparent center center no-repeat; background-size:cover; height:35vh; min-height:200px;}
visual > img {height:40vh; display:none;}


*[main] {display:block; overflow:visible; width:96%; max-width:1200px; margin:0 auto; box-shadow:none;}
*[main] > * {overflow:visible;}
.items > * {margin-bottom:10vmin;}

box {display:flex; flex-direction:column; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; position:relative; padding:0; border:0px solid red; border-radius:5px; overflow:hidden;} 
box > * {xflex-grow:1; }
box > label {position:absolute; top:0; right:0; font-size:10px;}
box > .box-head,item > .box-head {display:block; xbackground:rgba(0,0,0,0.2); }
box > *:last-child {flex-grow:1;}
box > .box-head > h2,item > .box-head > h2 {display:inline; }
box > .box-head > .intro,item > .box-head > .intro {padding-top:10px; font-style:italic;}
box > .box-head > .box-icon,item > .box-head > .box-icon {display:block; width:25%; max-width:100px; float:right; background-position:center center; background-repeat: no-repeat; background-size:cover;}
box > .box-visual,item > .box-visual {display:flex; flex-direction:row; overflow:auto; background-color:rgba(0,0,0,0.1); padding:0;}
box > .box-content,item > .box-content {display:block; border-top:1px dashed rgba(0,0,0,0.3); font-size:90%; line-height:110%; } 
box > .box-outro,item > .box-outro {font-size:70%; line-height:100%; }
box > .box-items,item > .box-items {display:flex; flex-direction:row; overflow:auto; gap:15px;  border-top:1px dashed rgba(0,0,0,0.3); }
box > .box-items > *,item > .box-items > * {margin:0; flex:0; flex-grow:1; min-width:290px; background-color:#fff; color:#333;} 
box > .box-items h2,item > .box-items h2 {font-size:130%; } 

item > .box-head,
item > .box-content,
item > .box-outro,
item > .box-items,
box:not(box.invisible) > .box-head,
box:not(box.invisible) > .box-content,
box:not(box.invisible) > .box-outro,
box:not(box.invisible) > .box-items {padding:calc(2% + 10px) calc(3% + 10px);}


*.invisible > .box-head,
*.invisible > .box-content,
*.invisible > .box-outro,
*.invisible > .box-items {padding:calc(2% + 10px) 0;} 

box,*.shadow {box-shadow:0px 10px 20px rgba(0,0,0,0.3);}

*.invisible {background:none !important; padding:0 !important; box-shadow:none !important; }
*.transparent {background-color:transparent; box-shadow:none; }
*.white {background-color:#fff !important; color:#000 !important;}  
*.white-yellow {background-color:#fede1f !important; color:#000 !important;}  
*.white-yellow > .box-head {background-color:#fff; color:#000;}   
*.yellow-white {background-color:#fff; color:#000;}  
*.yellow-white > .box-head {background-color:#fede1f; color:#000;}    
*.yellow {background-color:#fede1f !important; color:#236 !important;}  
*.blue1 {background-color:#24568d; color:#fff;}
*.blue2 {background-color:#236; color:#fff;}  
*.blue2-1 {background:linear-gradient(rgba(22,33,66,0.8),rgba(22,33,66,0.6)); color:#fff;} 
*.blue2-2 {background:linear-gradient(rgba(22,33,66,0.5),rgba(22,33,66,0.0)); color:#fff;}  
*.darker-1 {background-color:rgba(0,0,0,0.4); color:#fff;}  
*.darker-2 {background-color:rgba(0,0,0,0.6); color:#fff;}  
*.lighter-1 {background:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.8)); color:#000;}  
*.lighter-2 {background:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.9)); color:#000; }  

ul {display:block; overflow:hidden;  list-style-type:none; margin:0; padding:0;}
ul li {margin:0; padding:0; padding-left:30px; background:url(_assets/blue-arrow.svg) 0 5px no-repeat; background-size:20px; margin-bottom:15px;}

ul.checks li {font-size:120%; line-height:120%;} 

ul.twocol {display:block; margin:0; padding:0;}
ul.twocol > li {width:47%; display:block;}
ul.twocol > li:nth-child(odd) {clear:both; float:left;}
ul.twocol > li:nth-child(even) {float:right;}

@media (max-width:700px){
	ul.twocol > li {width:100%; display:block; clear:both; float:none;}
}

nav {position:fixed; top:0; left:0; right:0; z-index:10;background:#236; display:flex; flex-direction:row; overflow:auto; margin:0; padding:0; padding-right:30vw; align-items:center; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
nav > * {display:block; padding:10px; border-right:1px dotted #999; min-width:100px; min-height:45px;overflow:hidden; font-size:11pt; line-height:12pt; text-align:center; color:#999;}