@import url("../font/stylesheet.css");
@import url("var.css");

html{height: 100%; scroll-behavior: smooth;}
body{height: 100%; margin: 0; font-size:21px;  font-family: 'libre_franklinthin'; color: var(--c_base)}

h1,h2,h3,h4{margin: 0;}

a{text-decoration: none;}

img{max-width: 100%;}

video{border-radius:3rem;}

.line{border-top:1px solid rgba(216, 219, 222, 1); padding-top: 3rem; margin-top: 3rem;}

header{height: 100dvh; width: 100%; background-size: cover; background-position: center; position: absolute; z-index: 2; top: 0; left: 0; display: flex; align-items: flex-end; justify-content: center; background: rgba(236, 239, 242, 1);}
.insd_mb>header{height: auto; width: 100%; background-size: cover; background-position: center; position: relative; display: flex; align-items: flex-end; justify-content: center; background: white;}
.insd_mb>header>*{height: 280px; width: 100%; display: flex;  background: fixed; background-position: center;}

main{margin-top:100dvh;}
main.nx_pg_t1{margin-top:5rem; }
main.nx_pg_t1>.subpg_t2, main.nx_pg_t1>article, main.nx_pg_t1>.txt_mass_t4,main.nx_pg_t1>section:has(.he_2){width: 85%;  max-width: 1900px;  margin-bottom: 5rem; margin-left: auto; margin-right: auto;}


.he_2{display: flex; flex-direction: column; gap:.5rem;}
.he_2>h1{font-size: 2em;font-family: 'libre_franklinregular';}

.button_g_t2{ display: flex; gap:1rem; flex-wrap: wrap;}
.tt_t1 .button_g_t2{ justify-content: flex-end;}
.button_g_t2>*{padding: .5rem 1rem; border-radius:2rem; border: 1px solid var(--c_m_1); background: var(--white); color: var(--c_m_1); font-size: .85em; transition: .5s; }
.button_g_t2>*:hover{background: var(--c_m_1); ; color: var(--white); border-color: var(--white);}
.button_g_t2.alter>*{padding: .5rem 1rem; border-radius:2rem; border: 1px solid var(--c_m_1);background: var(--c_m_1);  color: var(--white);  font-size: .85em; transition: .5s; }
.button_g_t2.alter>*:hover{background: var(--white); color: var(--c_m_1);}

body>nav{position: absolute; z-index: 4; width: 100%; top:2rem; left: 0; }
body>nav>*{width: 90%; max-width: 1900px; margin-left: auto; margin-right: auto; display: flex; align-items: flex-start; justify-content: space-between;  height: 200px;}
body>nav>* img{max-height:6rem;}
body>nav>*>section{display: flex; flex-wrap: wrap; }
body>nav>*>section>div{display: flex; justify-content: flex-end;gap: .5rem;}
body>nav>*>div>a, body>nav>*>section>div>a{padding: .75rem 1.25rem; border-radius: 1.5rem; font-size: .75em; background:var(--white); border: 1px solid var(--white); color: var(--c_base); transition: .5s; font-family: 'libre_franklinmedium'; display: inline-flex; align-items: center; justify-content: center; position: relative;}
.insd_mb>nav>section>div>a, .insd_mb>nav>section>section>div>a{background:var(--c_base); border: 1px solid var(--c_base); color: var(--white);}
.insd_mb>nav>section>div>i, .insd_mb>nav>section>section>div>div>i{background:var(--c_base); color: var(--white); border: 1px solid var(--c_base);} 
.insd_mb>nav>section>div>i:hover, .insd_mb>nav>section>section>div>div>i:hover{ color: var(--c_base); border: 1px solid var(--c_base);} 
body>nav>*>div>a:hover, body>nav>*>section>div>a:hover{ }
body>nav>*>section>div>div{position: relative; }
body>nav>*>section>div>div>i{padding: 1rem; border-radius: 50%; font-size: .75em; background:var(--white); border: 1px solid var(--white); color: var(--c_base); transition: .5s; font-family: 'libre_franklinmedium'; display: inline-flex; align-items: center; justify-content: center; aspect-ratio:1; cursor: pointer;}
body>nav>*>section>div>div>i:hover{background:var(--c_t); color: var(--white); transition: .5s;}
body>nav>*>section>div>div>aside{position: absolute; z-index: 2; top: 100%; }

.insd_mb>nav{top: 0; display: flex; flex-direction: column; justify-content: flex-start; position: sticky; z-index: 3; top: 0; left: 0; right: 0; background: white;}
.insd_mb>nav>section{height: 120px; align-items: center; background: white; }
.insd_mb>nav>div{display: flex; width: 100%; max-width: 100%;  justify-content: center;  background: rgba(236, 239, 242, 1); height: auto;padding: .5rem 0; }
.insd_mb>nav>div a{color: var(--c_base);}
.insd_mb>nav>div>div{display: flex; width: 90%; max-width: 1900px; margin-left: auto; margin-right: auto; justify-content: space-between;  align-items: center;  font-size: .9rem;}
.insd_mb>nav>div>div>a{ opacity: .75 }
.insd_mb>nav>div>div>a:hover{ opacity: 1; text-decoration: underline; }
.insd_mb>nav>div>div>section{display: flex; align-items: center; gap:.25rem; flex-wrap: wrap;}
.insd_mb>nav>div>div>section>nav{display: flex; align-items: center; gap:.25rem; flex-wrap: wrap;}


#menuObj{position: fixed; z-index: 3; right: 0; top:0; height: 100%; width:33%; padding-left: 2rem; border-left: 1px solid rgba(236, 239, 242, 1); transition: .5s; opacity: 0; pointer-events: none; background: var( --white_t)}
#menuObj.active{opacity: 1; pointer-events: all;}
#menuObj>div{height:calc(100% - 6rem); width: calc(100% - 6rem); display: flex; flex-direction: column; justify-content: space-between; background: var( --white); margin-right: 0; padding: 3rem; }
#menuObj>div>*{display: flex; flex-direction: column; justify-content: space-between; gap:2rem; height: 100%; }
#menuObj .button_hmX{position: fixed; z-index: 3; right: 2rem; top: 2rem; text-align: right;}
#menuObj .button_hmX>a{aspect-ratio:1; width: 3rem; border-radius: 50%; background:var(--c_m_1) ; color: var(--white); display: inline-flex; justify-content:center; align-items: center; cursor: pointer;}

.m_menu_t1{display: flex; flex-direction: column; gap:1rem; align-items: flex-start; margin-left: 3rem;}
.m_menu_t1>*{display: flex; flex-direction: row-reverse; gap:.5rem; align-items: center; transition: .5s; color: var(--c_m_1);}
.m_menu_t1>*:hover{ gap:.85rem; }
.m_menu_t1>*>i{opacity: 0; transition: .5s;}
.m_menu_t1>*:hover>i{opacity: 1;}

.m_menu_f_t1{display: flex; justify-content: space-between; border-top:1px solid rgba(216, 219, 222, 1); padding-top: 1rem; margin-top: 1rem;gap:1rem; font-size: .75em; }
.m_menu_f_t1>*{display: inline-flex; gap:1rem;}
.m_menu_f_t1 a{color:var(--c_m_1); transition: .5s; }
.m_menu_f_t1 a:hover{text-decoration: underline;}

.cat_l_m_t1{display: flex; flex-wrap: wrap; grid-gap: 1rem; margin: 2rem 0;}
.cat_l_m_t1>*{display: flex;  grid-gap: .5rem; align-items: center; justify-content: center; padding: .75rem 1.25rem .75rem .75rem; border-radius: 1.75rem; background: rgba(236, 239, 242, 1); color: var(--c_base); transition: .5s; }
.cat_l_m_t1>*:hover{background: var(--c_base); color:rgba(236, 239, 242, 1) ;  }

.mb_pagination{display: flex; flex-wrap: wrap; align-items: center; grid-gap: .5rem; margin: 2rem 0;}
.mb_pagination>*{display: flex;  align-items: center; justify-content: center; padding: .5rem; border-radius: 50%; aspect-ratio:1; overflow: hidden; width:2rem; }
.mb_pagination>a{ background: rgba(236, 239, 242, 1); color: var(--c_base); transition: .5s;}
.mb_pagination>a:hover{ background: var(--c_base); color:white ;}

.subpg_t1{display: grid; grid-template-columns: 1fr; column-gap:5rem;}

.subpg_t2{display: grid; grid-template-columns: 1fr 25%; column-gap:5rem;}
.subpg_t2>article{order: -1}
.subpg_t2>div{display: flex; flex-direction: column; justify-content: flex-start; gap:2rem;}
.subpg_t2 .img_t3{aspect-ratio:auto; }

.menu_ad_r_t1{font-size: 1em; }
.menu_ad_r_t1>h3{background: rgba(236, 239, 242, 1); border-radius: .75rem; padding: 1rem 1.5rem;font-family: 'libre_franklinregular';     font-size: .75em;  text-transform: uppercase;color: var(--c_base);}

.olist_t1{display: flex; flex-direction: column; justify-content: flex-start; gap:1px; font-size: 1rem;}
.olist_t1>*{display: flex; align-items: center; gap:.25rem; border-radius: .75rem; padding: .5rem 1.5rem; color: var(--c_base); transition: .5s; }
.olist_t1>*>aside{font-size: 1.3em;}
.olist_t1>*>i{transition: .5s; opacity: 0; font-size: .7em;  }
.olist_t1>*:hover>i{opacity: 1; margin-left: .5rem;  color: var(--base_ac);}

.fform_t1{margin-top: 3rem; display: flex; flex-direction: column; justify-content: flex-start; gap: 1rem;}
.subpg_t2:has(.fform_t1){ grid-template-columns: 1fr;}
.fform_t1 aside{font-size: .8em; opacity: .5;}
.fform_t1 input{background: rgba(236, 239, 242, 1); border-radius: .5rem; border: none; padding: .5rem .75rem; width: calc(100% - 1.5rem);}
.fform_t1 textarea{background: rgba(236, 239, 242, 1); border-radius: .5rem; border: none; padding: .5rem .75rem;width: calc(100% - 1.5rem); min-height: 200px;}

.fform_t1 .button_g_t1>*{width: auto; border-radius: 1.5rem; padding: .75rem 1.5rem; transition: .5s; border: 1px solid var(--c_base); background: var(--c_base); color:white ;}
.fform_t1 .button_g_t1>*:hover{background:white ; color: var(--c_base); }
.fform_t1 .fp_rb>div{display: grid; grid-template-columns: 2rem 1fr; column-gap:1rem; gap:1rem; margin-top: 2rem; align-items: flex-start;}
.fform_t1 .fp_rb>div>div{font-size: .85em;}
.fform_t1 .fp_rb>div>aside{font-size: 2rem;}
.fform_t1 .fp_rb>div>aside input { padding: 0;width: 100%;}

footer>*{width: 90%; max-width: 1900px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; padding-bottom:3rem;  padding-top: 3rem;}
body>nav>*>*{min-width: 105px;}
footer a{color: var(--c_base); }
footer a:hover{text-decoration: underline;}

.adress_t1{display: grid; grid-template-columns: 1fr 25%; grid-gap: 2rem; grid-column-gap: 6rem;}
.adress_t1 img{max-height:8rem;}
.adress_t1>nav{ display:flex; flex-wrap: wrap; justify-content: flex-end; gap:1rem; column-gap: 4rem;}
.adress_t1>nav>a{ transition: .5s; display: flex; align-items: center; gap:.25rem; }
.adress_t1>nav>a>i{ font-size: .4em; }
.adress_t1>nav>a:hover{ text-decoration: none;}
.adress_t1>nav>a:hover>span{ text-decoration: underline;}

.adress_t1>div{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 3rem;}
.adress_t1>div>*{display: flex; flex-direction: column; grid-gap: .5rem;}

.logo{padding: 1.5rem ; border-radius: 2rem; background: rgba(255,255,255,0.85);}

.h_info{background:rgba(255,255,255,0.85); width: calc(60% - 3rem); max-width: calc(100% - 3rem); border-radius:6rem 6rem 0 0 ; padding:1.5rem 1.5rem 0 1.5rem;}
.h_info>*{border: 1px solid rgba(1, 38, 78, 0); background: var(--white); border-bottom: none; border-radius:5rem 5rem 0 0; padding:2.5rem 2.5rem 0 2.5rem; display: flex; flex-direction: column; align-items: center; grid-gap:.75rem;}
.h_info>*>h2{margin: 0; font-size:2em; text-align: center; font-family: 'libre_franklinmedium';}
.h_info>*>i{background: var(--c_m_1); color: var(--white); padding: .75rem .75rem 1rem .75rem; border-radius: 1rem 1rem 0 0; margin-bottom: -4px; margin-top: .75rem;}
.h_info>*>div, .h_info>*>h1{display: flex; justify-content: center; align-items: center; grid-gap: .5rem; flex-wrap: wrap; margin: 0; font-size: 1em;}
.h_info>*>div>i, .h_info>*>h1>i{font-size: .5em;}

.hdrs_h1>h1{font-size: 2em; font-family: 'libre_franklinregular';}

.se_d_1{display: flex; flex-direction: column; padding-top:3px; margin-bottom: 8rem;}
.se_d_1>div{background:var(--c_m_1); color: var(--white) }
.se_d_1>*{display: flex; flex-direction: column; align-items: center;}
.se_d_1>*>*{width:85%; max-width: 1900px;}


.se_d_2{display: flex; flex-direction: column; padding:3rem 0 5rem 0; background: transparent linear-gradient(0deg, rgba(236, 239, 242, 1) 0%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%) 0% 0% no-repeat padding-box;   }
.se_d_2>*{display: flex; flex-direction: column; align-items: center;}
.se_d_2>*>*{width:85%; max-width: 1900px;}

.se_d_3{display: flex; flex-direction: column; align-items: center; padding-top:3px; }
.se_d_3:has(.nws_list_t1){padding: 6rem 0;}
.se_d_3>*{width:85%; max-width: 1900px;}

.se_d_4{display: flex; flex-direction: column; padding-top:3px; background: transparent linear-gradient(180deg, rgba(1, 38, 78, 1) 0%, rgba(1, 38, 78, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%) 0% 0% no-repeat padding-box; margin-bottom: 6rem; padding-bottom: 3rem;  }
.se_d_4>*{display: flex; flex-direction: column; align-items: center;}
.se_d_4>*>*{width:85%; max-width: 1900px;}

.se_d_5{display: flex; flex-direction: column; padding: 6rem 0;}
.se_d_5>*{display: flex; flex-direction: column; align-items: center;}
.se_d_5>*>*{width:85%; max-width: 1900px;}


.a_org_mp_t1{display: grid; align-items: flex-start; grid-template-columns: 2fr 3fr; gap:4rem; grid-column-gap:5rem; margin: 8rem 0 0 0;}
.se_d_2 .a_org_mp_t1{ margin: 2rem 0 0 0;}
.a_org_mp_t1>div{ max-width: 100%;overflow: hidden;  aspect-ratio: 1; border-radius: 3rem; }
.a_org_mp_t1>div>aside{max-width: 100%;}

.prom_l_box_t1{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:2rem; grid-column-gap: 1rem;}
.nx_pg_t1 .prom_l_box_t1{margin: 4rem 0; gap:3rem;}
.prom_l_box_t1>*{padding: 1rem; border-radius: .75rem; background: var(--white); position: relative; color: var(--c_base);}
.nx_pg_t1 .prom_l_box_t1>*{border: 1px solid rgba(216, 219, 222, 1); border-radius: .75rem;}
.prom_l_box_t1>*>div{ position: relative; overflow: hidden; border-radius: .7rem; display: flex; justify-content: center; align-items: center;}
.prom_l_box_t1>*>div>aside{ position: absolute; z-index: 2; top: 1rem; right: 1rem; display: flex; justify-content: flex-end; gap:.5rem;  }
.prom_l_box_t1>*>div>aside>*{ background: rgba(217, 87, 153, 1); color: var(--white); padding:.5rem; border-radius: .5rem; display: inline-flex; gap:.25rem; align-items: center; font-size: .8em;}
.prom_l_box_t1>*>div>img{ width: 100%;}
.prom_l_box_t1>*>section{padding: 1rem;}


.prom_l_box_t2{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:2rem; grid-column-gap: 1rem;}
.nx_pg_t1 .prom_l_box_t2{margin:4rem 0;}
.prom_l_box_t2>*{padding: 1rem; border-radius: .75rem; background: var(--white); position: relative; color: var(--c_base);}
.nx_pg_t1 .prom_l_box_t2>*{border: 1px solid rgba(216, 219, 222, 1); border-radius: .75rem;}
.prom_l_box_t2>*>div{ position: relative; overflow: hidden; border-radius: .7rem; display: flex; justify-content: center; align-items: center;}
.prom_l_box_t2>*>div>aside{ position: absolute; z-index: 2; top: 1rem; right: 1rem; display: flex; justify-content: flex-end; gap:.5rem;  }
.prom_l_box_t2>*>div>aside>*{ background: rgba(255, 133, 93, 1); color: var(--white); padding:.5rem; border-radius: .5rem; display: inline-flex; gap:.25rem; align-items: center; font-size: .8em;}
.prom_l_box_t2>*>div>img{ width: 100%;}
.prom_l_box_t2>*>section{padding: 1rem;}

.al_box_t1{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 6rem; gap:2rem;}
.al_box_t1 h3{font-family: 'libre_franklinregular'; font-size: 1.5em; margin-bottom: .5rem; text-transform: uppercase;}

.nws_list_t1{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:2rem; grid-column-gap: 1rem;}
.nx_pg_t1 .nws_list_t1{margin:3rem 0;}
.nws_list_t1>*{padding: 1rem; border-radius: .75rem; background: var(--white); position: relative; color: var(--c_base);}


.hed_t2>*{ display: grid; grid-template-columns: 1fr 1fr; gap: 3rem;}

.off_l_img_t1{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:2rem;column-gap: 3rem; margin-bottom: 3rem; }
.nx_pg_t1 .off_l_img_t1{margin: 4rem 0;}
.off_l_img_t1>*{background: var(--white); border-radius: 1rem; padding: 1rem; position: relative; transition: .5s;}
.off_l_img_t1>*:hover{background: rgba(236, 239, 242, 1); }
.off_l_img_t1>*>img{border-radius: .75rem; transition: .5s; border: 0px solid var(--white)}
.off_l_img_t1>*:hover>img{ ;}
.off_l_img_t1>*>h3{display: block; margin: 0; padding: 1.5rem; color: var(--c_base); font-size: 1.1rem; font-family: 'libre_franklinregular'; }

.off_l_img_t2{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:2rem;column-gap:6rem; }
.off_l_img_t2>*{ position: relative;}
.off_l_img_t2>*>img{border-radius: .75rem;}
.off_l_img_t2>*>h3{display: block; margin: 0; padding: 1.5rem;}
.off_l_img_t2>*>div{padding: 1.5rem; display: flex; flex-direction: column; gap:.25rem;}
.off_l_img_t2>*>div>h3{font-size: 1.1em; font-family: 'libre_franklinregular'}
.off_l_img_t2>*>div>div{font-size: .9em; color: rgba(101, 120, 163, 1) }

.list_links_t1>*{border: 1px solid rgba(216, 219, 222, 1); border-radius: .75rem; color: var(--c_base); padding: 2rem;}
.list_links_t1>*>div{margin: 0;}
.list_links_t1>*>div>h3{font-family: 'libre_franklinregular';}

.img_t1{ width: 100%; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; border-radius: 3rem;}
.img_t2{aspect-ratio: 1; width: 100%; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; border-radius: 3rem;}
.nx_pg_t1 .list_links_t1 .img_t2{aspect-ratio: 1; width: 100%; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; border-radius: .5rem; margin-bottom: 1rem;}



.img_t3{aspect-ratio:2/1.25; width: 100%; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; border-radius: 3rem; position: relative; background: rgba(236, 239, 242, 1);}
.nws_list_t1 .img_t3{ align-items:center; }
.img_t3 aside{position: absolute; z-index: 2; top:2rem; right:2rem;}


.cbox_t3{display: flex; flex-direction: column; gap:.5rem; padding: 1rem;}
.cbox_t3>h3{font-family: 'libre_franklinregular'}
.cbox_t3>div{font-size: .8em;}

.cbox_t4{display: flex; flex-direction: column; gap:.5rem;}
.cbox_t4>h3{font-family: 'libre_franklinregular'}
.cbox_t4>div{font-size: .8em;}
.cbox_t4>span{display: block; color: rgba(217, 87, 153, 1); font-family: 'libre_franklinregular';}

.cbox_t5{display: flex; flex-direction: column; gap:.5rem; padding: 1rem;}
.cbox_t5>h3{font-family: 'libre_franklinregular'; font-size: 1.1em;}
.cbox_t5>div{font-size: .9em;}
.cbox_t5>span{font-size: .8em; opacity: 0.5}


.comu_box_t1{display: flex; flex-direction: column; align-items: center; padding: 6rem 0;background: var(--c_base); color: var(--white);}
.comu_box_t1>*{width:85%; max-width: 1900px;}



.tx_blk_t1{display: grid; grid-template-columns: 1fr 1fr; grid-gap:3rem; column-gap: 6rem; padding:5.5rem 0 8.5rem 0;}
.se_d_2 .tx_blk_t1{padding:3.5rem 0 4.5rem 0;}
.tx_blk_t1>*:is(h3, h4) { margin: 0;}
.tx_blk_t1>h4{display: inline-flex; padding: .5rem 1rem; border-radius: .75rem; background:rgba(255,255,255,.15); width: fit-content; font-size: .85em; font-family: 'libre_franklinlight'; font-weight: normal; }
.se_d_2 .tx_blk_t1>h4{background:rgba(236, 239, 242, 1);  }
.tx_blk_t1>h3{font-size: 2em ;font-family: 'libre_franklinregular';}
.tx_blk_t1>nav{display: inline-flex; justify-content: flex-end; grid-gap: 1rem; flex-wrap: wrap;}
.se_d_4 .tx_blk_t1{color: var(--white); padding-bottom: 6rem;}


.tx_blk_t2{display: grid; grid-template-columns: 1fr; grid-gap:2rem; padding:0;}
.se_d_2 .tx_blk_t2{padding:.5rem 0 4.5rem 0;}
.tx_blk_t2>*:is(h3, h4) { margin: 0;}
.tx_blk_t2>h4{display: inline-flex; align-items: center; padding: .75rem 1rem; border-radius: .75rem; background:rgba(236, 239, 242, 1); width: fit-content; font-size: .85em; font-family: 'libre_franklinlight'; font-weight: normal; height: fit-content; }
.tx_blk_t2>h3{font-size: 2em ;font-family: 'libre_franklinregular';}
.tx_blk_t2>nav{display: inline-flex; justify-content: flex-start; grid-gap: 1rem; flex-wrap: wrap;}
.se_d_4 .tx_blk_t2{color: var(--white)}

.tbox_t3{font-family: 'libre_franklinregular';}

.tt_t1{display: grid; align-items: flex-start; grid-template-columns: 1fr 1fr; grid-gap:3rem; column-gap: 6rem;  margin-bottom:3rem;}
.se_d_5 .tt_t1{ color: var(--white);}
.tt_t1 h3{font-size: 2em;  font-family: 'libre_franklinregular';}

.opt_bar_t1{display: flex; background:var(--white); border-radius:2rem; padding:1.5rem;  grid-gap:1.5rem; margin-top: -4rem; flex-wrap: wrap; }
.opt_bar_t1>*{padding: .75rem 2rem .75rem .75rem; border-radius: 1.5rem; background:rgba(236, 239, 242, 1);   font-family: 'libre_franklinregular'; color: var(--c_base); display: inline-flex; align-items: center; grid-gap: .75rem; transition: .5s; border: none;}
.opt_bar_t1>*>i{aspect-ratio:1; width: 4rem; border-radius: 1rem; background:var(--white); color: var(--c_m_2); transition: .5s; display: inline-flex; justify-content: center; align-items: center; font-size: 1.5em;}
.opt_bar_t1>*.active, .opt_bar_t1>*:hover{background: var(--c_m_2);color: var(--white);}
.opt_bar_t1>*>span{font-size: 1.5em;}



.infobox_t1{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; border-radius:2rem; padding:1.5rem;  gap:1.5rem; } 
.infobox_t1>*{padding: .75rem 2rem .75rem .75rem; border-radius: 1.5rem; background:rgba(236, 239, 242, 1);   font-family: 'libre_franklinregular'; color: var(--c_base); display: inline-flex; align-items: center; grid-gap: .75rem; transition: .5s; border: none;}
.infobox_t1>*>i{aspect-ratio:1; width: 4rem; border-radius: 1rem; background:var(--white); color: var(--c_m_2); transition: .5s; display: inline-flex; justify-content: center; align-items: center; font-size: 1.35em;}
.infobox_t1.active>*>i{ background:var(--c_m_2); color: var(--white); }
.infobox_t1>* h3{font-size: .95em;}
.infobox_t1>*.active, .opt_bar_t1>*:hover{background: var(--c_m_2);color: var(--white);}
.infobox_t1>*>span{font-size: 1.5em;}





.ww_g_in_t1{display: none; grid-template-columns: 1fr 1fr; gap:3rem; column-gap: 6rem; margin-top: 1rem;}
.ww_g_in_t1.active{display: grid; }
.ww_g_in_t1>div{display: flex; flex-direction: column; justify-content: space-between; gap:3rem; }
.ww_g_in_t1>div>div{display: flex;flex-direction: column; gap:.5rem;}
.ww_g_in_t1>div>div>h2{ font-size: 1.15em;font-family: 'libre_franklinregular';}
.ww_g_in_t1>div>article{display: flex;flex-direction: column; gap:1rem; font-size: 1.1rem;}
.ww_g_in_t1>div>article>aside{border-bottom:1px solid rgba(216, 219, 222, 1); color: rgba(156, 159, 162, 1); text-transform: uppercase; font-size: .7em; padding-bottom: .5rem;}
.ww_g_in_t1>aside{display: inline-flex; justify-content: flex-start; align-items: flex-start;}
.ww_g_in_t1>aside img{border-radius: 1.75rem;}

.vc_tabs_con_t1{padding:3.5rem 0;}

.dsc_box_t1{display: grid; grid-template-columns: 1fr 1fr;  grid-gap: 2rem; column-gap: 6rem;}
.dsc_box_t1>*{display: inline-flex; grid-gap: 1rem; flex-direction: column;}
.dsc_box_t1>*>*:is(h3, h4) { margin: 0;}
.dsc_box_t1>*>h3 { font-size: 1.5em; font-family: 'libre_franklinmedium';}
.dsc_box_t1>*>section{margin-top: 3rem; display: flex; flex-direction: column; grid-gap: 2rem;}
.dsc_box_t1>*>section>aside{border-bottom: 1px solid rgba(48, 52, 74, 0.3); padding-bottom: .5rem; text-transform: uppercase; font-size: .8em; color: rgba(38, 42, 64, 0.5);}

.adv_box_t1{margin: 3rem 0;}
.adv_box_t1 img{max-width: calc(100% - 2rem); border-radius: 1.5rem; padding: 1rem; background: var(--white);}
.adv_box_t1>*{background:rgba(236, 239, 242, 1); border-radius: 2rem; padding:3rem; display: grid; grid-gap:2rem; column-gap: 6rem; grid-template-columns: 2fr 1fr; width: calc(90% - 6rem); }
.adv_box_t1>*>article{display: flex; flex-direction: column; grid-gap: 2rem; }
.adv_box_t1>* h3{margin: 0; font-size: 1.25em; font-family: 'libre_franklinmedium';}


.adv_box_t1 a{color:var(--c_base) }



footer{display: grid; gap: 2rem; margin:0 1.5rem 2rem 1.5rem; width: calc(100% - 3rem);}
footer img{max-height: 6rem;}
footer>section{display: flex; justify-content: space-between; align-items:center;}
footer>section>nav{display: flex; flex-wrap: wrap; gap:1rem; column-gap: 2rem;}
footer>div{  display: flex; grid-gap:2rem; justify-content: space-between; font-size: .8em; align-items: center; border-top: 1px solid var(--c_ad_1); padding-top: 2rem; }
footer>div>*{ display: flex; grid-gap:.5rem;align-items: flex-start; flex-wrap: wrap; }

.fnl_b_t1{display: flex; gap:2rem; align-items: center;   }
.fnl_b_t1>aside{font-size: .6em; text-transform: uppercase}

#kontakt{display: flex; flex-wrap: wrap; column-gap: 3rem; gap:2rem; align-items: center; }
#kontakt>*{display: flex; flex-direction: column; gap:.5rem;}


/*layer*/

.layer_n_t2 {position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; padding: 0; z-index: 5; pointer-events: none; opacity: 0; background: var(--lay_bg); border-radius: 0;  display: flex; justify-content: center; align-items: center;}
.layer_n_t2.active{opacity: 1; pointer-events: all;}
.layer_n_t2>a{position: absolute; z-index: 5; top:1rem; right: calc(10% - 3.5rem);display: flex; justify-content: center; align-items: center; height: 3rem; width: 3rem; border-radius: 0.75rem; background:var(--base_ac) ; color: var(--white); transition:0.5s; cursor: pointer;}
.layer_n_t2>a:hover{background: var(--black)}
.layer_n_t2>article{background: var(--white); border-radius: 1rem; width:calc(85% - 4rem); height:calc(85% - 4rem); max-width: 800px; max-height: 800px; padding: 2rem;  }
.layer_n_t2>article>article{ overflow-y: auto; overflow-x: hidden; height:100%; width:calc(100% - 1rem); margin-right: 1rem; }
.layer_n_t2>article>article::-webkit-scrollbar-thumb{background-color:var(--l_background);border: 2px solid var(--black); border-radius: 6px; }
.layer_n_t2>article>article::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color:var(--l_background);}
.layer_n_t2>article>article::-webkit-scrollbar{width: 3px;background-color: var(--l_background);}


.layer_p_t2{position: fixed; top: 0; left: 0; width: 100%; max-width: 1000%; height: 100%; z-index: 5; pointer-events: none; opacity: 0; background: var(--lay_bg); border-radius: 0;  display: flex; justify-content: center; align-items: center; padding: 0 !important;}
.layer_p_t2.active{opacity: 1; pointer-events: all;}
.layer_p_t2>a{position: absolute; z-index: 5; top:1rem; right: 1rem;display: flex; justify-content: center; align-items: center; height: 3rem; width: 3rem; border-radius: 0.75rem; background:var(--base_r) ; color: var(--white); transition:0.5s; cursor: pointer;}
.layer_p_t2>a:hover{background: var(--white); color:var(--base_r)  }
.layer_p_t2>article{background: var(--white); border-radius: 1rem; width:calc(85% - 8rem); height:calc(85% - 8rem); max-width: 800px; max-height: 800px; padding: 4rem;}

.foto_t1{height: 300px; max-height: 50%; max-width: 100%; border-radius: 0.75rem; display: flex;flex-wrap:wrap; align-items:center;  justify-content: space-between; margin-bottom: 2rem; }
.foto_t1>aside{width: 300px; max-width: 100%; height: 100%; border-radius: 0.75rem; background-position: top; background-size: cover;border: 1px solid var(--border_c); margin-bottom:2rem; }
.foto_t1>div{width: calc(100% - 300px - 2rem); height: 100%;  }
.foto_t1>div>h3{font-size: 1em; margin-bottom: 1rem; }
.foto_t1>div>h3>div{font-size: 1.75em; margin-bottom: 0.25rem; font-weight: 600; }

.infobox_t1 {
    display: flex;
    gap: 12px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.infobox_t1 > div {
    cursor: pointer;
    padding: 14px 18px;
    border-radius: 12px;
    background: #f3f5f7;
    transition: all 0.3s ease;
}

/* KONTENER NA TRESC */
.infobox_content {
    position: relative;
    overflow: hidden;
    transition: height 0.45s ease;
}

/* KAZDY PANEL */
.a_org_mp_t1 {
    display: flex;
    align-items: flex-start;
    gap: 30px;

    opacity: 0;
    visibility: hidden;
    transform: translateY(18px);
    transition: opacity 0.4s ease, transform 0.4s ease;

    height: 0;
    overflow: hidden;
    pointer-events: none;
}

/* aktywny panel */
.a_org_mp_t1.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* kolumna ze zdjeciem */
.a_org_mp_t1 > div {
    flex: 0 0 320px;
}

/* zdjęcie */
.a_org_mp_t1 aside img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* tekst */
.tx_blk_t2 {
    flex: 1;
    min-width: 0;
}

.tx_blk_t2 h4.aobt_t1 {
    margin: 0 0 8px;
    font-size: 14px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.tx_blk_t2 h3 {
    margin: 0 0 15px;
    font-size: 32px;
    line-height: 1.15;
}

.tx_blk_t2 p {
    margin: 0 0 14px;
    line-height: 1.7;
    text-align: justify;
}

@media (max-width: 900px) {
    .a_org_mp_t1 {
        flex-direction: column;
    }

    .a_org_mp_t1 > div {
        flex: 0 0 auto;
        width: 100%;
    }
}


@media screen and (max-width:1100px){
	.off_l_img_t1 {column-gap: 2rem;}
	.off_l_img_t2 {column-gap: 3rem;}
	
}
@media screen and (max-width:900px){

	body{height: 100%; margin: 0; font-size:15px; }
	.tx_blk_t1>h3, .adv_box_t1>*>h3 { grid-column: 1 / -1;}
	.tx_blk_t1>div:last-child, .adv_box_t1>*>div:last-child { grid-column: 1 / -1;}
	.h_info{font-size: 1em;}
	.logo{right: 1rem; position: absolute; top: -.5rem;}
	body>nav>* img {max-height:5rem;}
	.tx_blk_t1>*:empty{display: none;}
	.off_l_img_t1 {    grid-template-columns: 1fr 1fr;}
	.infobox_t1 {gap: .75rem;}
	.infobox_t1>*>i {width: 2.5rem;}
	.infobox_t1>* {padding: .75rem 1.25rem .75rem .75rem;}
	.a_org_mp_t1 {gap: 3rem;}
	.off_l_img_t2 {column-gap: 2rem;}


}

@media screen and (max-width:640px){
	.se_d_4 { background: transparent linear-gradient(180deg, rgba(1, 38, 78, 1) 0%, rgba(1, 38, 78, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%) 0% 0% no-repeat padding-box;}

	.adress_t1>div{ grid-template-columns: 1fr ; }
	.infobox_t1, .off_l_img_t1, .ww_g_in_t1, .nws_list_t1, .prom_l_box_t2, .prom_l_box_t1, .a_org_mp_t1, .subpg_t2{grid-template-columns: 1fr;}
	.off_l_img_t2 {grid-template-columns: 1fr 1fr; column-gap:2rem;}
	.off_l_img_t2>*>div, .off_l_img_t1>*>h3 {padding: 1rem .5rem;}
	.tx_blk_t1{column-gap: 3rem;grid-gap: 2rem;}
	.h_info{ width: calc(100% - 4rem);} 
	body>nav>*>div>a, body>nav>*>section>div>a {
		padding: .75rem 1rem;}
	body>nav>*>section>div>div>i {
		padding: .75rem;}
	
	.se_d_1, .se_d_2,.se_d_3, .se_d_4{margin-bottom: 5rem;}
	.se_d_2, .se_d_3:has(.nws_list_t1){padding-top: 0;}
	.a_org_mp_t1{margin-top: 3rem;}
	#menuObj{width:85%;}
	.m_menu_f_t1>*{flex-wrap: wrap;}

	

}