@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
.clear{ clear:both; border:0; opacity:0; height:0; font-size:0; visibility: hidden; }
body{    font-family: "Lato", serif; }
p{}
a{}
a:hover{}
h1{ }
h2{ }
h3{ }

.nav ul{list-style: none; padding: 0; text-align: center; max-width: 1280px; margin-top: 20px; display: flex; justify-content: center;}
.nav ul li{display: inline-table;}
.nav ul li a{padding: 20px 40px; color: black; text-decoration: none; display: table-cell; vertical-align: middle; font-size: 1.4em; font-weight: bold;}

a#logo{background: url(../Images/klogo.svg) no-repeat center center; background-size: contain; width: 150px; height: 150px; margin: 0 auto; display: block; padding: 0; margin-right: 50px;}

.himg{height: 60vh; background-size: cover; background-position: center center; position: relative;}
.himg .grad {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); position:absolute; top: 0; left: 0; width: 100%; height: 40%;}

.frame{max-width: 1280px; margin: 0 auto;}
.capt{position: absolute; width: 100%; height: 100%; display: inline-table; overflow: hidden;}
.capt .in{ display: table-cell; vertical-align: bottom; text-align: right; max-width: 1280px; margin: 0 auto; color: white;}


.subhead{font-size: 3vh; margin-bottom: -40px; text-align: right; font-weight: 400; margin-right: 5px;     text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}

.head{font-size: 16vh; font-weight: 600; text-transform: uppercase; margin-bottom: -4vh;     text-shadow: 0px -5px 5px rgba(0, 0, 0, 0.25);}

.news-swiper{/*background: #0000ff0a; padding: 20px; */ margin-top: 80px;}
.swiper-container{overflow: hidden;}
.news-swiper .article{margin: 0; padding: 20px; padding-bottom: 30%; min-height: 300px;}
a.swiper-slide{text-deoration: none; color: white; }

a.swiper-slide .teas{position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 20px; box-sizing: border-box; background: rgba(52,123,193,0.85);}
a.swiper-slide .teas h3{margin: 0 0 5px 0;}
a.swiper-slide .teas p{margin: 0;}

.news-list-date{position: absolute; right:10px; top: 10px; text-decoration: none; text-shadow: 1px 1px 3px #000000;}


.ease{-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}

.hnav{display: flex; justify-content: center; margin: 20px 0; gap: 20px; margin-top: 80px;}
.hnav a{padding: 30px 40px; background: rgba(52,123,193,0.1); color: black; font-weight: bold; text-decoration: none; text-align: center; flex-grow:2; flex: 1 1 0%; -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.1);
box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.1);}
.hnav a span{display: block;}
.hnav a .icn{height: 80px; background-position: left; background-repeat: no-repeat; background-size: 160px; width: 80px; margin: 0 auto 10px; }
.hnav a:hover{-moz-transform: scale(1.05) rotate(0deg);
-webkit-transform: scale(1.05) rotate(0deg);
-o-transform: scale(1.05) rotate(0deg);
-ms-transform: scale(1.05) rotate(0deg);
transform: scale(1.05) rotate(0deg); background: #347bc1; color: white; -webkit-box-shadow: 3px 3px 5px 0 rgba(52,123,193,1); box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);}
.hnav a:hover .icn{background-position: right;}