﻿html{scroll-behavior:smooth}.layoutMain{padding:0!important}.layoutMainC{max-width:100%!important}.skoly{color:#1e1e1e}.skoly-top{position:relative;display:flex;flex-direction:row;gap:0;justify-content:center;align-items:center;background-color:#f2f2f2;padding-inline:1rem;margin-bottom:120px}.skoly-top-squares{position:absolute;top:0;right:calc(50% - 750px);z-index:2}.skoly-top-textwrap{max-width:630px;display:flex;flex-direction:column;text-align:left;padding:2rem 0}.skoly-top-textwrap-h1{font-family:Biennale-SemiBold,Arial;font-size:45px;line-height:52px;color:#c02485;margin-bottom:0}.skoly-top-textwrap-h2{font-family:Biennale-SemiBold,Arial;font-size:32px;line-height:38px;margin-bottom:25px}.skoly-top-textwrap-text{font-size:23px;line-height:30px}.skoly-top-picture{place-self:flex-start}.skoly-top-picture img{max-width:100%}.skoly-h2{font-family:Biennale-SemiBold,Arial;font-size:28px;line-height:34px;margin-bottom:50px;text-align:center;padding-inline:1rem;margin-inline:auto}.skoly-why{max-width:1600px;margin-inline:auto;display:flex;flex-direction:row;justify-content:center;gap:25px;flex-wrap:wrap;margin-bottom:120px}.skoly-why-box{flex:1 1 250px;display:flex;flex-direction:column;text-align:center;align-items:center;gap:25px;background-color:#fff;box-shadow:0 10px 30px #0000001f;border-radius:2px;padding:25px 25px 35px 25px}.skoly-why-box-h3{font-family:Biennale-SemiBold,Arial;font-size:18px;line-height:24px;margin-bottom:0}.skoly-why-box-text{margin-top:auto;font-size:16px;line-height:22px}.skoly-apple{max-width:1600px;margin-inline:auto;display:flex;flex-direction:row;justify-content:space-between;background:#f0f0f0;padding:75px 110px;margin-bottom:120px;align-items:center;gap:50px}.skoly-apple-textwrap{flex:0 1 50%;max-width:543px;display:flex;flex-direction:column;text-align:left}.skoly-apple-textwrap .btn{max-width:180px}.skoly-apple-textwrap-h2{font-family:Biennale-SemiBold,Arial;font-size:28px;line-height:36px;margin-bottom:15px}.skoly-apple-textwrap-text{font-family:Biennale-Regular,Arial;font-size:16px;line-height:22px;margin-bottom:15px}.skoly-apple-picture{flex:0 1 50%}.skoly-apple-picture img{max-width:100%}.skoly-apps{max-width:1600px;margin-inline:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;padding-inline:1rem;margin-bottom:120px}.skoly-apps-box{flex:1 1 355px;display:flex;flex-direction:column;text-align:left;background:#fff;box-shadow:0 10px 30px #0000001f;border-radius:2px;padding:35px 25px}.skoly-apps-box-top{display:flex;flex-direction:row;align-items:center;gap:20px;margin-bottom:25px}.skoly-apps-box-h3{font-family:Biennale-SemiBold,Arial;font-size:28px;line-height:34px}.skoly-apps-box-list{list-style:disc;margin-bottom:15px;padding-left:25px}.skoly-apps-box-list li{padding-left:10px;font-family:Biennale-SemiBold,Arial}.skoly-apps-box-text{font-size:16px;line-height:22px}.skoly-bottom{max-width:1600px;margin-inline:auto;display:flex;flex-direction:row;align-items:center;gap:100px;margin-bottom:80px;background-color:#f0f0f0;margin-bottom:75px;justify-content:center;padding:1rem 2rem}.skoly-bottom-picture{flex:0 1 50%}.skoly-bottom-picture img{max-width:100%}.skoly-bottom-textwrap{flex:0 1 50%;max-width:400px;display:flex;flex-direction:column;text-align:left}.skoly-bottom-textwrap .btn{max-width:180px}.skoly-bottom-textwrap-h3{font-family:Biennale-SemiBold,Arial;font-size:28px;line-height:34px;margin-bottom:15px}@media screen and (max-width:1630px){.skoly-why,.skoly-apple,.skoly-bottom{margin-inline:1rem}}@media screen and (max-width:1520px){.skoly-top-squares{right:0}}@media screen and (max-width:1100px){.skoly-top{flex-direction:column;position:relative;background:transparent url("/Lp/Skoly/Images/hero.webp") center top no-repeat;background-size:contain}.skoly-top-squares{display:none}.skoly-top-textwrap{text-align:center;align-items:center;padding-top:4rem}.skoly-top-picture{display:none}.skoly-apple{padding:3rem 2rem}}@media screen and (max-width:800px){.skoly-apple{flex-direction:column}.skoly-apple-textwrap{text-align:center;align-items:center}.skoly-bottom{flex-direction:column-reverse;gap:25px}.skoly-bottom-textwrap{align-items:center;text-align:center;padding-top:2rem}.skoly-bottom-picture img{width:100%;max-width:350px}.skoly-bottom-textwrap-h3{font-size:24px;line-height:30px}}@media screen and (max-width:600px){.skoly-top-textwrap-h1{font-size:35px;line-height:42px}.skoly-top-textwrap-h2{font-size:28px;line-height:34px}.skoly-top-textwrap-text{font-size:18px;line-height:24px}.skoly-h2{font-size:24px;line-height:30px;margin-bottom:25px}.skoly-why-box-img{max-width:45px}.skoly-why-box-text{font-size:14px;line-height:20px}.skoly-apple-textwrap-h2,.skoly-apps-box-h3{font-size:24px;line-height:28px}.skoly-apple-textwrap-text,.skoly-apps-box-text{font-size:14px;line-height:20px}.skoly-apps{gap:25px;margin-bottom:25px}.skoly-top{margin-bottom:0}.skoly-why{margin-bottom:25px}.skoly-apple{margin-bottom:50px}.skoly-bottom{margin-bottom:25px}}.skoly-form{max-width:1200px;margin-inline:auto;margin-top:80px;text-align:center;padding-top:70px;padding-bottom:2rem}.skoly-form h3{font-family:Biennale-SemiBold,Arial;font-size:18px;line-height:28px;margin-bottom:30px;text-align:center;padding:0 2rem}.skoly-form p{font-family:Biennale-Regular,Arial;font-size:16px;line-height:24px;margin-bottom:50px;text-align:center;padding:0 2rem}.skoly-form form{display:flex;flex-direction:column}.skoly-form form .btn{max-width:450px;margin:auto}.skoly-form .fieldset{display:flex;justify-content:center;flex-direction:row}.skoly-form .field{flex:1 1 100%;margin:1rem}.skoly-form .field label{text-align:left}.skoly-form .field textarea{min-height:200px;resize:vertical}.skoly-form .field .input,.skoly-form .field select,.skoly-form .field .textarea{width:100%}.skoly-form .field-validation-error{display:block;margin-top:.2rem}.skoly-form .agree{margin-top:1.5rem;font-size:.8rem;text-align:center}.skoly-form .err{display:none;padding:0 2rem}.skoly-form .success{display:none;text-align:center;font-size:1.5rem;font-family:Biennale-SemiBold,Arial;color:#31bf24;padding:0 2rem}@media screen and (max-width:1400px){.skoly-form{margin-top:10px;padding-top:25px}.skoly-form .field{flex:1 1 20%}}@media screen and (max-width:1250px){.fieldset{flex-direction:column}}@media screen and (max-width:650px){.skoly-form .fieldset{flex-direction:column}}@media screen and (max-width:600px){.skoly-form{margin-top:40px}.skoly-form .field{min-width:unset}.skoly-form .input,.skoly-form .select{width:100%}}