@import "../themes/atelea/assets/vendor/bootstrap-5/dist/css/bootstrap-reboot.css";
@import "../themes/atelea/assets/vendor/bootstrap-5/dist/css/bootstrap-grid.css";
@import "../themes/atelea/assets/vendor/glightbox/css/glightbox.css";
@import "../themes/atelea/assets/vendor/swiper/swiper-bundle.min.css";
@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');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{--color-1:#F2CD00;--color-7:#9a2d2d;--color-2:#014F71;--color-3:#00758F;--color-4:#009B9A;--color-5:#32C090;--color-6:#97E07D;--color-error:#fa5454;--color-text:#5b6f82;--color-default:#FFF;--header-height-mobile:60px;--header-height-desktop:80px;--default-font-size-mobile:15px;--default-font-size:18px;--font-title:'Montserrat',sans-serif;--font-text:'Lato',sans-serif;--animation-duration:.33s;--leftover-container-space:((100vw - (100vw - 30px)) / 2)}
@media (min-width:576px){:root{--leftover-container-space:((100vw - 530px) / 2)}}
@media (min-width:768px){:root{--leftover-container-space:((100vw - 710px) / 2)}}
@media (min-width:992px){:root{--leftover-container-space:((100vw - 950px) / 2)}}
@media (min-width:1200px){:root{--leftover-container-space:((100vw - 1130px) / 2)}}
@media (min-width:1400px){:root{--leftover-container-space:((100vw - 1310px) / 2)}}
.slide-in-up{opacity:0}
.slide-in-up.animate{animation-name:slide-in-up;animation-duration:var(--animation-duration);animation-timing-function:ease;animation-fill-mode:forwards}
.animate--delay{animation-delay:.2s}
@keyframes slide-in-up{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:initial}}
@keyframes slide-in-right{0%{opacity:0;transform:translateX(-40px)}100%{opacity:1;transform:initial}}
@keyframes scale-in{0%{opacity:0;transform:scale(1.1)}100%{opacity:1;transform:initial}}
@keyframes fade-in{0%{opacity:0}100%{opacity:1}}
.button{display:inline-flex;padding:8px 20px;font-size:1rem;font-weight:900;text-transform:uppercase;background:#FFF;background:linear-gradient(65deg,var(--color-1) -25%,var(--color-1) 100%);color:var(--color-2);border-radius:50px;text-decoration:none;border:none;letter-spacing:1px;box-shadow:0 8px 24px rgba(32,43,54,0.12);transition:var(--animation-duration) ease transform,var(--animation-duration) ease box-shadow,var(--animation-duration) ease filter,var(--animation-duration) ease color}
.button:hover{transform:scale(1.05);box-shadow:0 8px 34px rgba(32,43,54,0.12)}
.button:active{transform:initial;box-shadow:0 8px 24px rgba(32,43,54,0.12)}
.button:hover,
.button:focus,
.button:active{filter:brightness(115%);color:var(--color-2)}
.button--small{padding:4px 15px;font-size:.875rem}
h1,
.h1{font-size:2rem;font-weight:600;margin-bottom:30px}
@media (min-width:992px){h1,.h1{font-size:3rem}}
h2,
.h2{font-size:1.8rem;font-weight:600;margin-bottom:20px;color:var(--color-2)}
@media (min-width:992px){h2,.h2{font-size:2.3rem}}
h3,
.h3{font-size:1.4rem;font-weight:600;margin-bottom:20px;color:var(--color-2)}
@media (min-width:992px){h3,.h3{font-size:1.6rem}}
a{color:var(--color-2);transition:var(--animation-duration) ease color;text-underline-offset:2px}
a:hover{color:var(--color-3);text-decoration:none}
.reading>p:not(:last-child),
.reading a:not(:last-child){margin-bottom:20px}
.section{position:relative;padding:60px 0}
.section--up{position:relative;z-index:2;margin-top:-180px;padding-top:0;padding-bottom:0}
.section--up:after{content:'';z-index:2;position:absolute;bottom:-49px;height:48px;left:0;right:0;background:#FFF}
.section:before{content:'';position:absolute;bottom:0;left:0;width:100%;display:block;height:1px;background:#E3E7EB;background:linear-gradient(to right,rgba(227,231,235,0.1) 0,rgba(227,231,235,0.6) 50%,rgba(227,231,235,0.1) 100%)}
.section__title{text-align:center;margin-bottom:45px}
.form-wrapper{position:relative;padding:60px 0;overflow:hidden;z-index:1}
.form-wrapper:before{content:'';position:absolute;z-index:-1;top:100%;left:0;width:100%;height:640px;background:#F6F8FA;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:skewY(-40deg);transform:skewY(-40deg);overflow:hidden}
@media (min-width:992px){.form-wrapper:before{transform:skewY(-12deg);-webkit-transform:skewY(-12deg)}}
.form-wrapper.animate .form{animation-name:slide-in-up;animation-duration:var(--animation-duration);animation-timing-function:ease-out;animation-fill-mode:forwards}
.form{position:relative;z-index:2;padding:20px;background:#FFF;box-shadow:0 16px 48px rgba(32,43,54,0.12);opacity:0}
@media (min-width:992px){.form{padding:40px}}
.form__title{font-size:1.25rem;font-weight:600;margin-bottom:10px;background:linear-gradient(65deg,var(--color-4) 0%,var(--color-2) 65%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.form__fieldset{border:none;padding-bottom:20px}
.form__group{padding:7px 0}
.form__group--required .form__label:after{content:'*';margin-left:5px;color:var(--color-1);font-weight:900}
.form__group--error .form__label{color:var(--color-error)}
.form__group--error .form__control{color:var(--color-error);border-color:var(--color-error)}
.form__field{position:relative}
.form__control{display:block;width:100%;border:1px solid rgba(227,231,235,0.6);border-radius:0;padding:10px 20px;color:var(--color-text);transition:.3s ease all}
.form__control:focus{outline:none;box-shadow:0 4px 20px rgba(32,43,54,0.1)}
.form__control::placeholder{color:var(--color-text);opacity:.6}
.form__label{font-weight:600;color:var(--color-text);margin-bottom:5px;font-size:.88rem;opacity:.8}
.form__error{margin-top:5px;font-size:.815rem;color:var(--color-error)}
.form__address{display:flex;flex-wrap:wrap;margin:-10px -10px}
.form__address-field{position:relative;padding:10px;flex:1 0 100%}
.form__address-field--street{align-self:flex-start;justify-self:flex-start;flex:1 0 calc(100% - 135px)}
.form__address-field--street-number{align-self:flex-start;justify-self:flex-start;flex:0 0 135px}
.form__address-field--postal-code{align-self:flex-start;justify-self:flex-start}
@media (min-width:786px){.form__address-field--postal-code{flex:0 0 30%}}
.form__address-field--city{flex:1 0 calc(70% - 10px)}

.cookie-notice{position:fixed;z-index:7;bottom:15px;left:6px;max-width:calc(88vw);display:flex;flex-direction:column;background:#FFF;box-shadow:0 16px 48px rgba(32,43,54,0.12);opacity:0;font-weight:500;visibility:hidden;pointer-events:none;transition:var(--animation-duration) ease opacity}
@media (min-width:768px){.cookie-notice{flex-direction:row;bottom:30px;left:30px;max-width:400px}}
.cookie-notice--show{visibility:visible;pointer-events:inherit;animation:fade-in forwards var(--animation-duration) var(--animation-duration) ease}
.cookie-notice--show .cookie-notice__text{animation-name:slide-in-up;animation-duration:var(--animation-duration);animation-timing-function:ease;animation-fill-mode:forwards}
.cookie-notice__text{opacity:0;animation-delay:.45s;padding:15px}
@media (min-width:768px){.cookie-notice__text{padding:20px}}
.cookie-notice__buttons{display:flex;align-items:center;padding-top:15px;margin:-7px}
.cookie-notice__buttons .link,
.cookie-notice__buttons .button{margin:7px}
.header{position:absolute;z-index:999;top:0;left:0;right:0;padding:20px 0}
.header__main{display:flex;align-items:center;justify-content:center}
.header__logo-img{max-width:110px;filter:brightness(0.1) invert(1)}
.footer{font-size:14px;line-height:20px;color:#92A2B1;border-top:1px solid #E3E7EB;padding:20px 0}
.footer__logo-img{max-width:120px;margin-bottom:10px}
.footer__left{display:flex;flex-direction:column;justify-content:space-between}
.footer__main{display:flex;flex-wrap:wrap;justify-content:space-between}
.visual{position:relative;z-index:1;padding:0 15px;padding-top:160px;display:flex;flex-direction:column;align-items:center;color:#FFF;text-align:center}
.visual:before{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:580px;background:#0f8a9d;background:linear-gradient(65deg,var(--color-5) 0%,var(--color-2) 65%);-webkit-transform-origin:0;transform-origin:0;-webkit-transform:skewY(-12deg);transform:skewY(-12deg)}
@media (min-width:992px){.visual:before{height:700px}}
.visual.animate .visual__title,
.visual.animate .visual__body,
.visual.animate .visual__button{animation-name:slide-in-up;animation-duration:var(--animation-duration);animation-timing-function:ease-out;animation-fill-mode:forwards}
.visual__main{max-width:520px;font-size:1.125rem;line-height:180%}
@media (min-width:992px){.visual__main{max-width:580px}}
.visual__title,
.visual__body,
.visual__button{opacity:0}
.visual__title{animation-delay:.1s}
.visual__body{animation-delay:.25s}
.visual__button{animation-delay:.4s}
.steps{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:30px;padding-bottom:20px}
@media (min-width:992px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps.animate .step{animation-name:slide-in-up;animation-duration:var(--animation-duration);animation-timing-function:ease-out;animation-fill-mode:forwards}
.step{display:flex;flex-direction:column;align-items:center;background:#FFF;padding:20px;text-align:center;box-shadow:0 16px 48px rgba(32,43,54,0.12);opacity:0}
.step:nth-of-type(1){animation-delay:.1s}
.step:nth-of-type(2){animation-delay:.175s}
.step:nth-of-type(3){animation-delay:.25s}
.step__count{margin-top:20px;font-size:2rem;color:var(--color-2);width:65px;height:65px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:600;background:url(/themes/atelea/assets/images/circle.png);background-size:contain;aspect-ratio:1;margin-bottom:15px}
.step__title{color:var(--color-2)}
.step__description{font-size:1.125rem}
.text{text-align:center;opacity:0}
.text.animate{animation-name:fade-in;animation-duration:var(--animation-duration);animation-timing-function:ease-out;animation-fill-mode:forwards}
.media-tile-wrapper{position:relative}
.media-tile-wrapper:after{content:'';z-index:2;position:absolute;bottom:-49px;height:48px;left:-24px;right:-24px;background:#FFF}
.media-tile-wrapper:before{content:'';position:absolute;bottom:0;left:0;width:100%;display:block;height:1px;background:#E3E7EB;background:linear-gradient(to right,rgba(227,231,235,0.1) 0,rgba(227,231,235,0.6) 50%,rgba(227,231,235,0.1) 100%)}
.media-tile-wrapper.animate .media-tile__img{animation-name:fade-in;animation-duration:var(--animation-duration);animation-timing-function:ease-out;animation-fill-mode:forwards}
.media-tile{margin-top:64px;position:relative;background:#fff;border-radius:4px 4px 0 0}
.media-tile:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 16px 48px #E3E7EB;mix-blend-mode:multiply}
.media-tile__img{border-radius:4px 4px 0 0;aspect-ratio:1.66666667;width:100%;object-fit:cover;object-position:top center;opacity:0}
@media (min-width:992px){.media-tile__img{animation-delay:.55s}}
html,
body{position:relative;font-family:var(--font-text);color:var(--color-text);background:var(--color-default);min-height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
@media (min-width:768px){html,body{font-size:var(--default-font-size)}}
html:before,
body:before{content:'';z-index:999;position:absolute;top:0;left:0;right:0;background:rgba(255,255,255,0.4);opacity:0;transition:var(--animation-duration) ease opacity}
html.loading:before,
body.loading:before{opacity:1;pointer-events:none;bottom:0}
.no-scroll{overflow:hidden}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;max-width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:hidden}
.content{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;position:relative;z-index:6}
img{max-width:100%}
.goverlay{background:rgba(0,0,0,0.8);backdrop-filter:blur(3px)}