:root{--primary-100:#121515;--primary-200:#2d3536;--primary-300:#485556;--primary-400:#627576;--primary-500:#7f9394;--primary-600:#9baaab;--primary-700:#b6c1c2;--primary-800:#d1d9d9;--primary-900:#edf0f0;--secondary-400:#D4D6C0;--secondary-500:#eff0e8;--secondary-600:#F3F4EE;--secondary-750: #F3F0EE;--secondary-800:#F6F7F3;--secondary-900:#F9F9F6;--accent-500:#E4745E;--accent2-500:#95d8eb;--accent3-500:#ffca68;--text-color-1:#221D18;--text-color-50:#2E2722;--text-color-100:#3A312A;--text-color-150:#4C4037;--text-color-200:#5D4E43;--text-color-900:#E7E1DD}.purple{background-color:#4a3053}.coolsteel{background-color:var(--primary-500)}.coolsteel-dark{background-color:var(--primary-300)}.brown{background-color:#5d4749}.orange{background-color:var(--accent-500)}.cyan{background-color:var(--accent2-500)}.gold{background-color:#c68100}.slategrey{background-color:#6d8196}body{min-height:100vh;min-height:100dvh;font-family:Arial,Helvetica,sans-serif}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}#root{min-height:inherit}.hero{background-color:var(--primary-500);background-image:url(/assets/photos/port1v31.jpg);background-size:100%;background-repeat:no-repeat;width:100%;min-height:54vw;isolation:isolate;display:flex;flex-direction:column;justify-content:center}.intro{width:100%;padding:5vw;padding-top:min(15vh,1rem);position:relative;min-height:inherit;display:flex;flex-direction:column;justify-content:center;height:100%}.intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(45deg,#000 40%,transparent);mix-blend-mode:color}h1{font-size:clamp(1rem,5vw + .5rem,2rem);line-height:.9;color:#ffca68}h1 span{display:block;width:max-content;font-size:.6em;font-weight:400;padding:.25rem 0;border-radius:.125em;margin-bottom:.01em;margin-top:.5em;line-height:1.4;color:var(--primary-900)}.intro p{padding:1rem .5rem;color:var(--primary-800);max-width:60ch;min-width:40ch;font-size:.9rem;line-height:1.2;font-weight:400;display:none}a.btn-launch{margin-top:1rem;padding:.5rem 3rem;display:block;background:var(--accent3-500);color:var(--text-color-200);width:max-content;position:relative;outline:2px solid var(--text-color-200);text-decoration:none;font-weight:700;border-radius:6px}a.btn-launch:hover{opacity:.8}a.btn-launch:active{top:1px;left:1px;opacity:.7}.sector{background:var(--primary-700);padding-bottom:3rem}.last-announce{background-color:#dbdbdb;padding-bottom:3rem}.communication{background:#e4e4e4;padding-bottom:3rem}.section-title,.announce-title,.communication-title{font-size:clamp(.8rem,3vw + .5rem,1.6rem);color:var(--primary-200);letter-spacing:.3vw;text-align:center;padding:1.5rem 1rem}.announce-title{padding-bottom:3rem;color:var(--text-color-200)}.communication-title{color:var(--text-color-100)}.sector-container,.announce-container,.communication-container{display:flex;flex-direction:column;padding:0;row-gap:1rem}.announce-container{row-gap:4rem;justify-content:center}.card-sector{background:var(--primary-900);padding:1rem}.card-announce{background-color:#ededed;color:var(--text-color-100);position:relative;min-height:5lh;padding-bottom:3rem;display:flex;flex-direction:column;justify-content:space-between}.bullhorn{position:absolute;top:-2rem;left:50%;display:block;font-size:2rem;color:#fff;padding:1rem .75rem;border-radius:50%;margin:0 auto;transform:translate(-50%) rotate(-25deg)}a.btn-announce{padding:.5rem 1rem;margin:1rem 0 0 1rem;display:block;color:#fff;width:max-content;position:relative;outline:1px solid var(--text-color-200);text-decoration:none;font-weight:500;border-radius:6px}a.btn-announce:hover{opacity:.8}a.btn-announce:active{top:1px;left:1px;opacity:.7}.card-sector h3{color:var(--primary-200);text-align:center;padding-bottom:.25rem}.card-announce h4{text-align:center;margin:.5rem auto}.card-announce h5{color:var(--accent-500);text-align:center;margin-top:3rem;font-size:.9rem}.card-announce p{padding:0 1rem;line-height:1.4;margin:0 auto}.card-sector h4{color:var(--primary-300);padding:.5rem;text-align:center;line-height:1rem;min-height:4lh}.card-sector img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(.7)}.card-sector h5{font-weight:400;font-style:italic;font-size:1rem;background:var(--text-color-1);color:#c8c8c8;padding:.5rem .25rem;line-height:1.3rem;min-height:3lh;letter-spacing:.1rem}.comm-info{color:var(--text-color-100)}.comm-info h2{color:var(--accent-500)}.comm-info .det{line-height:1.5;color:var(--text-color-50)}.comm-info h4{color:var(--text-color-50)}.info-sign{color:var(--text-color-50);font-size:1.5rem;margin-right:.5rem}.info-section{margin-block:1rem}.info-section p{margin-top:.5rem;font-size:1.2rem;color:var(--text-color-50);line-height:1.4rem;padding-left:2.5rem}.info-section span{font-size:.8rem;font-style:italic}.copy-icon{font-size:1.1rem;color:var(--primary-400);margin-left:1rem;cursor:pointer;position:relative}.copy-icon:hover{opacity:.7}.copy-icon:active{top:2px;opacity:1}.info-section .copied{position:relative;z-index:1;top:-2rem;left:-4rem;background-color:#7f947f;border:2px solid #627662;border-radius:.5rem;color:#fff;font-size:1rem;font-style:normal;padding:.5rem}.school-photo{display:block;position:relative;width:fit-content}.school-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,#000 15%,transparent);mix-blend-mode:color}.school-photo img{margin-block:1rem}a.bus{text-decoration:none;color:var(--primary-400);font-weight:700;font-size:1rem;margin-left:1rem}a.bus:hover{text-decoration:underline}.comm-map{width:100%;aspect-ratio:1.5}.my-map{width:100%;height:100%}@media screen and (min-width:530px){.sector-container,.announce-container{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;column-gap:2rem;row-gap:2rem;padding:0 2vw}.announce-container{row-gap:4rem;justify-content:center}.card-sector{flex:1 1 40%}.card-announce{flex:1 1 40%;min-width:30ch}}@media screen and (min-width:800px){.hero{background-size:cover;background-position:center center;background-repeat:no-repeat;width:100%;min-height:100vh;min-height:100dvh;isolation:isolate;display:flex;flex-direction:column;justify-content:center}.intro{width:100%;padding:5vw;padding-top:min(15vh,1rem);position:relative;min-height:inherit;display:flex;flex-direction:column;justify-content:center;height:100%}.intro:after{background:linear-gradient(45deg,#000 35%,var(--primary-500) 45%,transparent 55%);mix-blend-mode:color}h1{font-size:clamp(3rem,5vw + .5rem,5rem);line-height:.9;color:#ffca68}h1 span{display:block;width:max-content;font-size:.25em;font-weight:400;padding:.25em 0;border-radius:.125em;margin-bottom:.01em;margin-top:1em;color:var(--primary-700)}.intro p{display:unset;padding:1em 0;color:var(--secondary-750);max-width:60ch;min-width:40ch;font-size:1.1rem;line-height:1.7;letter-spacing:.11rem;font-weight:400;background-color:#4848481a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sector-container,.communication-container{display:flex;flex-direction:row;justify-content:space-between;column-gap:2rem;row-gap:0;padding:0 2vw}.announce-container{display:flex;flex-direction:row;justify-content:center;column-gap:2rem;row-gap:4rem}.card-sector{flex:1 1 20%}.card-announce{flex:0 1 calc(25% - 1.5rem);min-width:30ch}.card-sector h3{font-size:clamp(.8rem,2vw - 1.1rem,1.17rem)}.card-sector h4{font-size:clamp(.8rem,2vw - 1.1rem,1rem)}.card-sector img{aspect-ratio:3/2}.comm-info,.comm-map{flex:1 1 45%}}.editorial{display:flex;justify-content:space-between}.editorial article{background:transparent;background:var(--primary-800);flex:0 1 70ch}.editorial h2{color:#c8c8c8;background:var(--text-color-1);font-size:2rem;padding:.5rem 1rem}.editorial p{margin-block:1rem;font-size:1.2rem;line-height:1.5;max-width:70ch;min-width:15ch;padding-inline:1rem;color:var(--text-color-50);font-weight:500}.editorial p:last-child{font-weight:500}.editorial-img{position:relative;background-image:url(/assets/photos/building/garden103s25.jpg);background-repeat:no-repeat;background-position:left center;background-size:cover;flex:1}.editorial-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,var(--primary-800) 15%,transparent 70%,var(--primary-800));mix-blend-mode:color}.dashboard{display:flex;flex-wrap:nowrap;flex-direction:column;gap:4rem 2rem;padding:4rem 2rem;background:var(--primary-700)}.dashboard a{position:relative;display:block;background:#dbdbdb;color:var(--text-color-50);box-shadow:5px 5px 7px var(--primary-500);padding:3rem 1rem;min-height:200px;width:100%;text-decoration:none;padding:1rem;border:.5rem solid #dbdbdb}.dashboard a:hover{transform:rotate(3deg)}.dashboard a:active{transform:rotate(0);top:5px;left:5px}a.dioikisi{background-image:url(/assets/photos/dioikisi2_10.jpg);background-size:cover;background-position:top center}a.news{background-image:url(/assets/photos/news1_10.jpg);background-size:cover;background-position:top 30% center}a.plan{background-image:url(/assets/photos/plan3_10.jpg);background-size:cover}a.ann{background-image:url(/assets/photos/ann5_10.jpg);background-size:cover;background-position:top 35% center}a.int-eval{background-image:url(/assets/photos/evaluation2.jpg);background-size:cover;background-position:top 10% center}a.usefull-docs{background-image:url(/assets/photos/folder2_10.jpg);background-size:cover}a.specialty{background-image:url(/assets/photos/directions3_10.jpg);background-size:cover;background-position:bottom center}a.infrastructure{background-image:url(/assets/photos/infrastracture6_50.jpg);background-size:cover;background-position:top center}a.regulation{background-image:url(/assets/photos/rules2_5.jpg);background-size:cover;background-position:center center}.dashboard a article h2{text-align:center;background:#dbdbdb80;width:100%;padding:.5rem 1rem;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);position:absolute;bottom:0;left:0}.card-img{display:block;position:absolute;width:64px;top:-32px;left:calc(50% - 32px);margin:0 auto;padding:0rem;border-radius:50%}@media screen and (min-width:530px){.dashboard{flex-direction:row;flex-wrap:wrap;justify-content:space-around}}@media screen and (min-width:800px){.editorial-img{background-position:left 0 top 25%;background-size:cover}.dashboard{flex-direction:row;flex-wrap:wrap;justify-content:space-around}.dashboard a{flex:0 1 300px;align-content:center}}.school-admin{flex:1;background:var(--primary-700);background-image:url(/assets/photos/garden1c30.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;filter:grayscale(.4)}.school-admin-header{width:100%;background:var(--secondary-600);margin:0 auto;opacity:.9}.school-admin h2{padding:1rem;color:var(--accent-500)}.school-admin h3{color:var(--text-color-200);line-height:2}.title-img{width:48px;display:inline-block;vertical-align:middle;margin-right:1rem}.school-admin article{width:100%;margin:0 auto;background:var(--primary-800);padding-inline:1rem;padding-block:.75rem;opacity:.9}.school-admin article:last-child{padding-bottom:2rem}.school-admin p{color:var(--text-color-50);line-height:1.5}.school-admin p span{margin-left:.5rem;font-size:.8rem}.school-admin .lblsign{margin-right:.25rem;color:var(--text-color-200)}@media screen and (min-width:530px){.school-admin article{width:70ch}.school-admin-header{width:70ch;background:var(--secondary-600);margin:0 auto}}.page-sector{background:var(--primary-700);flex:1;padding-inline:1rem}.page-sector h2{margin:0 auto;padding-block:1.5rem}.page-sector article a{text-decoration:none}.page-sector article a:hover{transform:rotate(2deg)}.page-sector article a:hover img{filter:brightness(.9)}.page-sector article a:active{transform:rotate(0);top:2px;left:2px}.page-sector article a{background:var(--primary-900);padding:.75rem;margin:0 auto;display:flex;flex-direction:column;position:relative;margin-bottom:2rem}.page-sector article a img{display:block;aspect-ratio:3 / 2}.page-sector article a .sector-desc{background:var(--text-color-50);color:#c8c8c8;padding:1rem}.sector-desc h4{padding-block:.75rem}@media screen and (min-width:530px){.page-sector h2{width:100%}.page-sector article a{width:100%;flex-direction:row;box-shadow:5px 5px 10px var(--primary-400)}.page-sector article a img{flex:0 1 30%;width:40%}.page-sector article a .sector-desc{flex:1 1 40%;align-content:center;padding-left:0 0 0 1rem;background:var(--primary-800);color:var(--primary-200)}}@media screen and (min-width:800px){.page-sector h2{width:calc(70ch * 2 / 3)}.page-sector article a{width:70ch}}.facilities{background:#e4e4e4}.facilities h2{color:var(--accent-500);max-width:40ch;padding:1rem;margin:0 auto}.facilities p{margin:0 auto;max-width:60ch;padding:1rem;line-height:1.5;color:var(--text-color-100)}.gallery{display:flex;flex-direction:column}@media screen and (min-width:800px){.gallery{flex-direction:row;flex-wrap:wrap}}.program{background:#dbdbdb}.program article{padding-inline:2rem}.landscape-program{width:100%;aspect-ratio:2 / 1.414;margin:0 auto;display:block;border:0}.landscape-program p{line-height:1.5}.landscape-program a{color:var(--accent-500);text-decoration:none;font-weight:700}.landscape-program a{text-decoration:underline}.program h2{color:var(--text-color-100);padding-block:2rem}.container{min-height:inherit;width:min(100%,2500px);margin-inline:auto;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column}header{background-color:var(--primary-300);color:#fff;font-family:Arial,Helvetica,system-ui,sans-serif;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:9999}.logo{font-size:1.2rem;color:#fff;text-decoration:none;display:block;padding:1rem}nav.main-menu{position:fixed;top:0;right:0;background-color:var(--primary-300);width:60%;height:100vh;height:100dvh;visibility:hidden;transform:translate(100%);transition:all .3s}nav.main-menu ul{list-style-type:none;padding:0;margin:3rem 0 1rem;font-size:1.2rem}nav.main-menu ul.sub-menu{font-size:1rem;margin:0}nav.main-menu ul>li{position:relative}nav.main-menu ul li a{color:inherit;text-decoration:none;display:block;padding:1rem;font-size:inherit;white-space:nowrap;text-wrap:nowrap}nav.main-menu ul li a span.accent{color:var(--accent-500);font-weight:700}nav.main-menu ul li a:hover{background:var(--primary-400)}nav.main-menu ul.sub-menu li a{padding-left:2rem}.exit{font-size:1.2rem;float:right;cursor:pointer;padding:1rem}.open{font-size:1.2rem;cursor:pointer;padding:1rem;margin-left:auto}nav.nav-open{visibility:unset;background-color:#485556f2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(0)}footer{display:flex;flex-direction:column;padding-inline:2vw;min-height:5lh;color:#fff;background:#687878}@media screen and (min-width:800px){.open,.exit{display:none}nav.main-menu{visibility:unset;background:none;position:unset;height:auto;transform:translate(65%)}nav.main-menu>ul{display:flex;margin:0;width:auto;float:right}nav.main-menu ul.sub-menu{display:none;position:absolute;background-color:transparent;top:0;width:max-content;margin:3rem 0 1rem}ul.sub-menu li{background:var(--primary-200);width:100%;padding:0}nav.main-menu ul.sub-menu li a{display:block;font-size:1rem}li:hover ul.sub-menu{display:block;padding-top:.5rem}footer{flex-direction:row;justify-content:space-between}}