@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");html{font-size:35px}@media (max-width: 2400px){html{font-size:30px}}@media (max-width: 1920px){html{font-size:25px}}@media (max-width: 1280px){html{font-size:20px}}@media (max-width: 580px){html{font-size:16px}}@media (max-width: 280px){html{font-size:5vw}}body>*{padding:0 5rem}@media (max-width: 1920px){body>*{padding:0 3rem}}@media (max-width: 1280px){body>*{padding:0 2.5rem}}@media (max-width: 980px){body>*{padding:0 1.75rem}}@media (max-width: 580px){body>*{padding:0 1rem}}.container{width:100%;padding:8rem 0 11rem 0}@media (max-width: 1920px){.container{padding:5rem 0 7rem 0}}@media (max-width: 1280px){.container{padding:4rem 0 5rem 0}}html{scroll-behavior:smooth}*{margin:0;padding:0;font-family:'Roboto', sans-serif;font-size:1rem;font-weight:400}h2{color:#f5f5f5;font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:5rem}img{user-select:none}.arrow{text-align:center}.arrow img{height:100%;transition:height 0.15s ease-in-out;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (hover: hover){.arrow img:hover{height:110%}}.intro::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#262626;background-image:url(img/intro.jpg);background-repeat:no-repeat;background-size:cover;background-position:30% 50%;filter:grayscale(100%) brightness(25%) blur(3px)}.intro .wrapper{width:100%;height:100vh;position:relative}.intro .wrapper h1{position:absolute;top:30%;transform:translateY(-50%);left:0;right:0;display:inline-block;font-size:7vh;margin-left:0.5rem;color:#E6E6E6;text-align:center;z-index:2;text-shadow:1px 1px #111,-1px -1px #111,1px -1px #111,-1px 1px #111,0 0 1rem #111;font-weight:700;user-select:none}.intro .wrapper .logo{position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);height:15vh;z-index:1}.intro .wrapper p{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;color:#E6E6E6;font-size:4vh;text-shadow:1px 1px #111,-1px -1px #111,1px -1px #111,-1px 1px #111,0 0 1rem #111}.intro .wrapper p nobr{font-size:inherit;font-weight:inherit;color:inherit}.intro .wrapper .arrow{position:absolute;top:75%;left:50%;transform:translate(-50%, -50%);height:5vh}.suite{background-color:#E6E6E6}.suite h2{color:#262626;margin-bottom:2.5rem}.suite p.section-intro{text-align:center;margin-bottom:4rem;font-weight:300}.suite .container .cards{margin:auto;display:grid;grid-auto-rows:1fr;grid-gap:3rem;max-width:2400px;grid-template-columns:repeat(3, auto)}@media (max-width: 980px){.suite .container .cards{grid-template-columns:repeat(1, auto)}}.suite .container .cards .card-container{height:100%;display:flex;flex-direction:column}.suite .container .cards .card-container .card{flex:1;padding:1.5rem 1.25rem;margin:auto}.suite .container .card{padding:0 !important}.suite .container .card img{height:3rem;margin:auto;display:block;margin-bottom:1rem}.suite .container .card h3{text-align:center;margin-bottom:1.25rem;color:#262626;font-size:1.25rem}.suite .container .card p{font-weight:300;color:#111;padding-left:1.5rem;padding-right:1.5rem}.suite .container .card img.secondary-image{height:auto;width:60%;margin:auto;margin-top:2rem;display:block;margin-bottom:0.5rem;border:solid 3px #ccc}.contact{background-image:linear-gradient(to right bottom, #377821 60%, #459028 60%);background-attachment:fixed}.contact .container label{color:#262626}.contact .container input,.contact .container textarea,.contact .container button{padding:0.25rem;border:solid 1px #262626;border-radius:0.25rem;background-color:#E6E6E6;color:#262626}.contact .container input:focus,.contact .container textarea:focus,.contact .container button:focus{outline:none}.contact .container form{max-width:1280px;margin:auto;padding:3rem;background-color:rgba(230,230,230,0.75);border-radius:1rem}.contact .container form .form-first-row div{margin-bottom:1rem}.contact .container form .form-first-row div label{padding-right:0.5rem}.contact .container form .form-first-row div input{margin-top:0.2rem;width:100%}.contact .container form .form-second-row{margin-bottom:3rem}.contact .container form .form-second-row label{display:block;margin-bottom:0.2rem}.contact .container form .form-second-row textarea{display:block;width:100%;resize:none}.contact .container form button{display:block;margin:auto;padding:0.5rem 1.25rem;background-color:#f5f5f5;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (hover: hover){.contact .container form button:hover{background-color:#E6E6E6}}.contact .container form button:active{background-color:#ccc}.contact .container form button:disabled{background-color:#AFAFAF;cursor:auto}.contact .container form .contact-messages{max-width:980px;margin:auto}.contact .container form .contact-messages div{display:none;padding-top:3rem}.contact .container form .contact-messages div p,.contact .container form .contact-messages div ul{font-weight:700}.contact .container form .contact-messages div p{text-align:center}.contact .container form .contact-messages div#contact-success-message p{color:#41991F}.contact .container form .contact-messages div#contact-warning-message p{color:#CC9214}.contact .container form .contact-messages div#contact-warning-message ul{margin-top:0.5rem}.contact .container form .contact-messages div#contact-error-message p{color:#C83349}.footer{background-image:linear-gradient(to right bottom, #111 60%, #262626 60%);background-attachment:fixed;min-height:7vh;position:relative}.footer p{color:#E6E6E6;font-weight:300;font-size:0.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
