/* === General styles === */
html{min-height:100%;zoom:70%;scroll-behavior: smooth;}
body{font-family:Montserrat,sans-serif;margin:0;padding:0;background:#FFF;min-width:320px;}
table{width:100%;margin:0;border-collapse:collapse;}
hr {border: none;background-color: rgb(255, 255, 255);height: 1px;}
/* ::-webkit-scrollbar {overflow: hidden;} */


/* === Main structures === */
.head_container {border-collapse:collapse;width:100%;max-width:1920px;margin:auto;}
.head_container tr{display:flex;flex-wrap:wrap;box-shadow:0 3px 6px rgba(0,0,0,0.1); padding-right:10em;}
.head_burger{height:90px;flex-grow:0;background-color:#173952;}
.head_burger img:hover {opacity: 0.8; transform: scale(1.02);transition: 0.3s;}
.head_logo{height:90px;flex-grow:0;}
.head_menu{font-size:170%;display:flex;flex-grow:1;justify-content:space-around;align-items:center;}
.head_menu a{font-weight:500;text-decoration:none;color:#173952;}
@media(max-width:960px){.head_burger{height:75px;} .head_logo{height:75px;} .head_menu{flex-basis:100%;font-size:150%;margin-top:10px;justify-content:flex-start;flex-wrap:wrap;} .head_menu a{padding:5px;width:100%;}}

.content{max-width:1920px;width:100%;margin:0 auto;background:#FFF;box-shadow:0 0 50px rgba(0,0,0,0.1);}

.nav_backimg{background-color:#173952;background-position:center top;background-repeat:no-repeat;background-size:cover;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:20px;padding-bottom:40px;}
.nav_text{color:#FFF;padding:2em;font-size:clamp(1.3em,1.5vw,1.5em);line-height:1.5;}
.nav_text a{text-decoration:underline;color:#FFF;}
.nav_text a:hover{text-decoration:underline;color:#FFF;}
.nav_links{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:start;flex:0 0 90%;box-sizing:border-box;margin-top:5px;margin-bottom:60px;margin-left:60px;}
.nav_links a {text-decoration:none;}
.nav_links_num {border-right:1px solid#173952;padding:6px;font-weight:580;font-size:clamp(1em,1.2vw,1.2em);}
.nav_links_txt{display: flex;flex-wrap: nowrap;align-items: center;border: 1px solid #173952;background-color: #E9EEF1;opacity: 0.95;width: fit-content;height: fit-content;box-shadow: 3px 5px 5px 1px rgba(91, 91, 92, 0.377);padding-left: 5px;padding-right: 5px;gap: 5px;color: #173952; font-size:clamp(1.3em,1.5vw,1.5em);}

.bl1{display:flex;flex-wrap:wrap;justify-content:space-between;padding:3em;padding-top:20px;padding-bottom:40px;}
.bl1_text{flex:1;padding-top:10px;box-sizing:border-box;color:#173952;font-weight:500;font-size:24px;line-height:1.6;}
.bl1_text a{text-decoration:none;color:#173952;}
.bl1_text a:hover{text-decoration:underline;color:#173952;}
.bl1_galery{display:flex;flex-direction:column;flex-wrap:wrap;flex: 0 0 43%;padding-left:50px;padding-top:20px;box-sizing:border-box;}
.bl1_image1{position:relative;top:30px;width:500px;height:auto;transition:transform 0.3s;cursor:pointer;border:1px solid #173952;}
.bl1_image1:hover{transform:translateY(-2px);}
.bl1_image2{width:500px;height:auto;position:relative;left:160px;bottom:30px;transition:transform 0.3s ease;cursor:pointer;border:1px solid #173952;}
.bl1_image2:hover{transform:translateY(-2px);}
.bl1_download a{font-size:24px;font-weight:500;text-decoration:none;color:#173952;}
.bl1_download a:hover{font-weight:500;text-decoration:underline;color:#173952;}

.bl2{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:20px;padding-bottom:40px;background-color:#173952;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.bl2_text{flex:1;padding-top:10px;padding-right:30px;box-sizing:border-box;color:#FFF;margin-left:60px;font-weight:500;font-size: 24px;line-height:1.6;}
.bl2_text a{text-decoration:none;color:#FFF;}
.bl2_text a:hover{text-decoration:underline;color:#FFF;}
.bl2_galery{display:flex;flex: 1 1 100%;box-sizing:border-box;justify-content:space-between;padding-left:100px;padding-right:100px;padding-top:20px;padding-bottom:20px;}
.bl2_image{width: 500px;border: 1px solid #173952;transition: transform 0.3s ease;}
.bl2_image:hover{transform:translateY(-3px);}
.bl2_download a{font-size:24px;font-weight:500;text-decoration:none;color:#FFF;}
.bl2_download a:hover{text-decoration:underline;color:#FFF;}

@media (max-width: 1350px) {.bl1_text h2, .bl2_text h2{font-size:clamp(1.3em,2vw,1.5em);}}
@media (max-width: 1350px) {.bl1_text, .bl1_text a, .bl1_download a, .bl2_text, .bl2_text a, .bl2_download a {font-size:clamp(1.1rem, 1.1rem + 0.3vw, 1.3rem);}}
@media (max-width: 1220px) {.bl1_image1,.bl1_image2 {width: 450px;} .bl2_image {width: 450px;} .nav_links_txt,.nav_text, .nav_text, .bl2_text{margin-left: 60px}}
@media (max-width: 1120px) {.bl1_image1,.bl1_image2 {width: 350px;} .bl2_image {width: 350px;} .nav_links_txt,.nav_text, .bl2_text{margin-left: 60px}}
@media (max-width: 920px) {.nav_text,.nav_links{flex: 1 1 100%;} .nav_links_txt,.nav_text{font-size: 1.3em;} .bl2_text{margin-left: 60px} .bl1_galery {flex-direction: column;justify-content: space-around;align-items: center;align-content: space-around;} .bl1_image1,.bl1_image2{position: static;} .bl1_image1,.bl1_image2 {width: 300px;} .bl2_image {width: 300px;}}
@media (max-width: 860px) {.nav_text{font-size: 1.2em;} .nav_text,.nav_links,.bl1_text,.bl2_text{margin-left: 30px;} .bl1_galery{flex: 0 0 30%;} .bl2_galery {padding: 0;flex-direction: row;flex-wrap: wrap;justify-content: space-around;align-items: center;align-content: space-around;} .bl2_image {width: 100%; max-width: 300px; margin-bottom: 20px;} .bl1_image1,.bl1_image2 {position: static;width: 100%; max-width: 300px; margin-bottom: 20px;}}
@media (max-width: 800px) {.bl1,.bl2{flex-direction: column;justify-content: space-around;padding: 0;} .bl1_galery{justify-content: space-around;padding: 0;flex-direction: row;flex-wrap: wrap;align-items: center;align-content: space-around;} .nav_text,.nav_links,.bl1_text,.bl2_text{margin-left: 15px;margin-right: 15px;padding: 0;}}

.zoom_img {display: none;position: fixed;z-index: 999;top: 0;left: 0;right: 0;bottom: 0;padding: 1em;background: rgba(0, 0, 0, 0.8);}
.zoom_img:target{display: block;}
.zoom_img span{display:block;width:85%;height:85%;background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
@media (max-width: 1400px) {.zoom_img span{width:95%;height:95%;}}

.bl3{display:flex;flex-direction: column;padding:3em;padding-top:20px;padding-bottom:40px;padding-top:40px;}
.bl3_table{table-layout:auto;font-size:24px;color:#173952;text-align:left;} /*word-break: break-word;*/
.bl3_table caption{color: #173952; font-weight: bold; text-align: left; padding-bottom: 15px;font-size:24px;}
.bl3_table caption a{color: #173952; font-weight: bold; text-align: left; padding-bottom: 15px;text-decoration: underline;font-size:24px;}
.bl3_table thead td{color:#173952;font-weight: bold;text-align: center;}
.bl3_table thead tr{border-bottom:2px solid #000;}
.bl3_table td{border: 1px solid #B9B9B9; padding:8px;font-size:22px;}
.bl3_table a{color:#173952;font-size:22px;text-decoration:none;font-weight:550;}
.bl3_table a:hover{text-decoration:underline;}
.bl3_table a:visited{color:#173952;}
@media (max-width: 1350px) {.bl3_table, .bl3_table caption, .bl3_table caption a{font-size:clamp(1.1em,1.5vw,1.5em);}}
@media (max-width: 1350px) {.bl3_table a, .bl3_table thead td, .bl3_table thead tr, .bl3_table td{font-size:clamp(1.05em,1.33vw,1.33em);}}
@media (max-width: 800px) {.bl3_table td{padding:5px;}}

.scroll_top {position:fixed;right:max(30px,calc((100% - 1920px)/2));bottom:30px;width:50px;height:50px;background-color:#173952;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0.4;}
.scroll_top:hover{opacity:0.9;transform:translateY(-3px);background-color:#1a4360;}

.footer{font-size:clamp(1em,1.5vw,1.5em);text-align:center;color:#FFF;background-color:#173952;padding:0.1em;}
.footer a{text-decoration:none;color:#FFF;}

/* === Index page classes === */
.index_backimg{background-color:#173952;background-size:cover;background-position:center;padding-top:1em;padding-bottom:4em;width:100%;}
.index_headline{font-weight:bold;color:#FFF;text-align:center;font-size:clamp(2.5em,5vw,4.0em);}
.index_tile_container{display:flex;flex: 1 1 100%;box-sizing:border-box;justify-content:space-between;padding-left:100px;padding-right:100px;max-width:1600px;margin:0 auto;}
.index_tile{background-color:#FFF;width:370px;height:328px;font-size:1.5em;padding:1em;box-sizing:border-box;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease;}
.index_tile:hover{transform:translateY(-5px);}
.index_tile img{max-width:100%;height:auto;margin-bottom:1em;}
.index_tile ul{padding-left:1.5em;margin:0;}
.index_tile li{margin-bottom:0.5em;}
.index_tile a{color: #173952;text-decoration:none;}
.index_tile a:hover {color: #173952;text-decoration: underline;}
.index_tile a:visited {color: #173952; }
.index_about{color:#FFF;background-color:#173952;padding:2em;font-size:clamp(1.3em,1.5vw,1.5em);line-height:1.5;}
.index_about a{color: #FFF;text-decoration:none;}
.index_about a:hover {color: #FFF;text-decoration: underline;}
.index_about a:visited {color: #FFF;}
.index_info{color:#173952;background-color:#FFF;padding:2em;font-size:clamp(1.3em,1.5vw,1.5em);line-height:1.5;}
@media (max-width: 980px) {.index_tile_container {flex-direction: column;justify-content: space-around;align-items: center;align-content: space-around; gap:2em;padding:1em;}}

/* === Burger === */
.burger{height:90vh;width:100%;}
.burger ul{margin:0;padding: 4px;}
.burger li{display:inline;margin-right:15px;border:1px solid #FFF;padding:10px;box-shadow: 0px 1px 2px 0px rgba(0,255,255,0.7),1px 2px 4px 0px rgba(0,255,255,0.7),2px 4px 8px 0px rgba(0,255,255,0.7),2px 4px 16px 0px rgba(0,255,255,0.7);}
.burger a{color: #FFF;text-decoration: none;}
.burger a:hover {text-decoration:underline;}
.burger {padding-left: 20px;}
