@font-face{font-family:Instrument;src:url(/assets/fonts/Instrument.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--background-50:#f1f7f8;--background-100:#e2eef0;--background-200:#d4e6e9;--background-300:#c5dee2;--background-400:#b7d6da;--background-500:#a8cdd3;--background-600:#9ac5cc;--bg-200-opacity:#d4e6e9cc;--primary-color:#30a8ad;--onprimary-color:#9ad0d2;--primary-text-color:#0c1414;--onprimary-text-color:#ebf9fa;--secondary-color:#0261a8;--onsecondary-color:#8ca5d0;--secondary-text-color:#090d14;--onsecondary-text-color:#eceff7;--third-color:#0c6069;--onthird-color:#eaf0f0;--third-text-color:#060d0e;--onthird-text-color:#eaf0f0;--forth-color:#c7eef0;--background-text-color:#9cbec5;--fifth-color:#077483;--onfifth-color:#ebf2f3;--sixth-color:#30a8ad;--onsixth-color:#eef7f7;--nav-color:#c3d8dc;--textinput-color:#d5dbe7;--about-container-color:#1d565d;--about-container-color2:#0c3844;--about-text-title-color:#6fd2d8;--about-text-color:#f2f2f2;--about-list-color:#e4f0f1;--button-color:#5ca5b0;--button-hover-color:#35676e;--grey-50:#f3f3f3;--grey-100:#e7e7e7;--grey-200:#dbdbdb;--grey-300:#cfcfcf;--grey-400:#c3c3c3;--grey-500:#b8b8b8;--grey-600:#acacac;--grey-700:#a1a1a1;--grey-800:#969696;--grey-900:#8b8b8b;--grey-950:gray;--blue-50:#f5f7f8;--blue-100:#ebeff2;--blue-200:#e1e6eb;--blue-300:#d7dee4;--blue-400:#ced6de;--blue-500:#c4ced7;--blue-600:#bac6d1;--blue-700:#b1beca;--blue-800:#a7b6c4;--blue-900:#9dafbd;--blue-950:#94a7b7;--small-font-size:.8rem;--normal-font-size:1rem;--medium-font-size:1.125rem;--large-font-size:1.5rem;--xlarge-font-size:2rem;--xxlarge-font-size:2.5rem;--xxxlarge-font-size:5rem;--xxxxlarge-font-size:7rem;--title-font-size:clamp(2rem, 5vw, 3rem);--sub-title-font-size:clamp(1.125rem, 2.5vw, 1.6rem);--paragraph-font-size:clamp(1rem, 2.5vw, 1.125rem);--par-font-size:clamp(1rem, 2.5vw, 1.313rem);--gallery-par-font-size:clamp(1.125rem, 2.5vw, 1.2rem);--border-size:45px 8px 45px 45px;--white-space:10px 20px}*{letter-spacing:normal;box-sizing:border-box;margin:0;padding:0;font-family:Instrument}*,:before,:after{box-sizing:border-box}@keyframes bg-slide{to{opacity:1;transform:translateY(0)}}.main-contactpage{flex-direction:column;place-self:center;gap:10px;width:100%;max-width:1000px;min-height:90svh;padding:20px;display:flex}.cp-title-color{color:var(--third-color)}.contact-container.form{opacity:0;order:1;width:100%;height:100%;margin-top:7svh;padding:20px;animation:.8s .15s forwards bg-slide;overflow:hidden;transform:translateY(-50px)}.contact-form-title{font-size:var(--title-font-size);color:#000;padding:10px;font-weight:700}.contact-form-text{padding:10px;font-size:1.125rem;font-weight:500}.form-group{flex-direction:column;margin:15px 0;font-size:1.125rem;font-weight:500;display:flex;position:relative}.form-group label{color:var(--primary-text-color);pointer-events:none;padding:0 4px;transition:all .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.honeypot-field{display:none}.form-row{gap:15px;display:flex;@media (width<=1040px){flex-direction:column;gap:0}}.form-row .half-width{flex:1;margin-bottom:5px}input,textarea{resize:none;background-color:#fff;border:1px solid #000;border-radius:10px;outline:none;min-height:50px;margin:5px 0;padding:18px 14px 6px;font-size:1rem;transition:border .3s}input:focus,textarea:focus{border:3px solid var(--third-color)}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{color:var(--third-color);font-size:.75rem;top:20px}.form-note{font-size:1rem}.form-button{justify-content:center;align-items:center;width:100%;height:100%;margin-top:20px;margin-bottom:20px;display:flex}.custom-btn{width:150px}button[type=submit]:disabled{cursor:not-allowed;opacity:.7;box-shadow:none;background-color:#a9a9a9;transform:none}button[type=submit]:disabled .button-cirkel svg{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#success-message{text-align:center;height:calc(90vh - 30px);padding:40px 20px;animation:.5s ease-in-out forwards bg-slide;display:none}#success-message h2{color:var(--primary-color);margin-bottom:15px;font-size:2.5rem}#success-message p{color:var(--primary-text-color);font-size:1.2rem;font-weight:500}.contact-container.contact-details{border-radius:65px 65px 65px 16px;order:2;grid-template-rows:3fr 1fr;grid-template-columns:1fr;width:100%;height:500px;display:grid;overflow:hidden;@media (width>=768px){grid-template-rows:1fr;grid-template-columns:1fr 2fr}}.contact-details-text-wrapper{background:var(--background-600);flex-direction:column;grid-area:1/1/3/2;align-items:center;width:100%;height:100%;display:flex;position:relative;@media (width>=768px){grid-area:1/1/2/3}}.cd-text-btns-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;@media (width>=768px){bottom:calc(50% - 76.665px);left:calc(20% - 110px)}}.cd-title{color:var(--third-color);flex-direction:column;justify-content:center;align-items:center;display:flex}.cd-btns{flex-flow:row;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.cd-btn{fill:#fff;background-color:var(--primary-color);border-radius:50%;width:60px;height:60px;padding:8px;transition:transform .2s ease-in-out,background-color .2s ease-in-out;transform:scale(1);&:hover{background-color:var(--button-hover-color);&:active{transform:scale(.9)}}}.cd-par-01{color:var(--third-color);font-size:var(--paragraph-font-size);text-align:center;font-weight:500}.contact-details-img-wrapper{grid-area:1/1/2/2;position:relative;mask-image:linear-gradient(#000 40%,#0000 90%);@media (width>=768px){grid-area:1/2/2/3;mask-image:linear-gradient(270deg,#000 40%,#0000 90%)}& .contact-details-img-01{object-fit:cover;width:100%;height:100%;position:absolute}}@media screen and (width<=768px){.main-contactpage{grid-auto-rows:auto;grid-auto-flow:auto;gap:0;width:100%;height:100%;margin:0;padding:10px;display:grid}.contact-container.one{flex-direction:column;order:1;grid-row:2/3;justify-content:center;align-items:center;min-height:400px;display:flex}.contact-title{padding:0;font-size:1.3rem}.contact-sub-title{text-align:center;font-size:1rem}.contact-button-icons{text-align:center;gap:10px;margin:0;font-size:1rem}.contact-button-icons li{width:50px;height:50px}.contact-container.form{padding:10px}.contact-container.contact-details{order:2}}