*{margin:0;padding:0;box-sizing:border-box}
img{max-width:100%}
body{font-family:'Roboto',sans-serif;font-size:18px;line-height:1.46em;color:#333}
a{color:#4CA9FF}
h1{font-size:2em;line-height:1.2em;font-weight:600;margin-bottom:.5em}
.top h1{}
h2{font-size:1.6em;line-height:1.2em;margin-bottom:.5em;font-weight:500}
h3{font-size:1.4em;line-height:1.2em;margin-bottom:.5em;font-weight:500}
p,ul,ol{margin-bottom:1em}
p.logo{margin-bottom:0}
a{transition:opacity .25s ease;text-decoration:none}
a:hover,button:hover,.btn:hover{opacity:.85}
hr{border:0;border-bottom:3px solid #eee;margin:3em 0}
button,.btn{display:inline-block;border:0;background:linear-gradient(45deg, #F1AD40,#FF8C4C 70%);color:#fff;font-size:1em;padding:1em 1em .9em;text-transform:uppercase;border-radius:12px}
.btn.primary{background:linear-gradient(45deg, #F1AD40,#FF8C4C 70%)}
section{padding:2em}
header{position:sticky;z-index:2;top:0;padding:.5em 2em;transition: all .2s ease;background:#fff}
header a{color:#333}
header a.active{color:#4CA9FF;border-bottom:2px solid #4CA9FF}
header .btn{font-size:.8em;padding:.25em .5em .15em}
.webinar{background-image:url("https://images.unsplash.com/photo-1614598942736-a6b5d2261041?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MjN8fGJsdWUlMjBwaWxsYXJ8ZW58MHx8MHx8&auto=format&fit=crop&w=900&q=80");background-size:cover;background-position:center;min-height:50vh}
.top-menu{transition:all .2s ease}
nav a{margin:.5em;display:inline-block;font-size:0.9em}
.grid-col-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:2em}
.top .grid-col-2{grid-template-columns:1fr 2fr}
.header .grid-col-2{grid-template-columns:1fr 2fr}
.grid-col-3{display:grid;grid-template-columns:1fr 1fr 1fr}
.content-wrapper{max-width:960px;margin:0 auto}
.frame{border-radius:1em;position:relative}
.frame img{display:block;border-radius:1em}
.frame:before{content:'';position:absolute;width:80%;height:80%;background:linear-gradient(45deg, #4BA9FF,#704CFF 70%);border-radius:1em;z-index:-1}
#about .frame:before{content:'';position:absolute;width:80%;height:40%;background:linear-gradient(45deg, #4BA9FF,#704CFF 70%);border-radius:1em;z-index:-1}
.frame.left:before{left:-1em;}
.frame.right:before{right:-1em;bottom:-1em}
.headline h1 span{background-color:#FFF2D6;padding:.1em}
.headline h1 strong{color:#FEB615;font-weight:600;display:block}
.headline p{margin-bottom:1em}
.logo{text-align:right}
.logo img{width:100%}
.logo span{white-space:nowrap;vertical-align:middle}
.vertical-align-center{display:flex;flex-direction:column;justify-content:center}
.vertical-align-bottom{display:flex;flex-direction:column;justify-content:end}
.align-left{text-align:left}
.align-center{text-align:center}
.align-right{text-align:right}
.bg{background:linear-gradient(45deg, #4BA9FF,#704CFF 70%);color:#fff}
.bg h2{color:#fff}
.bg .content-wrapper{max-width:600px;margin-bottom:2em}
.gray-bg{background-color:#f5f5f5;z-index:-2;position:relative}
section.bg{padding:2em;color:#fff}
#section-2 .frame{background-image:url("https://images.unsplash.com/photo-1604238376125-16f8b38fe32d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2065&q=60");background-size:cover;background-position:center;padding-top:100%}
#section-2 h2{color:#F1AD40}
#section-3 h2{color:#4CA9FF}
.testimonials .grid-col-3{grid-auto-columns:auto auto auto;margin-top:2em}
.testimonials .grid-col-2{grid-template-columns:1fr 2fr;margin-bottom:2em}
blockquote{display:inline-block}
blockquote p{margin-bottom:1em}
cite{display:block}
blockquote img{display:block;margin:1em auto 0;width:75px}
.left-right-border{border-left:1px solid #F1AD40;border-right:1px solid #F1AD40;padding:0 1em;margin:0 1em}
#section-3 blockquote{margin:0 auto}
.about .grid-col-2 {margin:0 0 2em 0}
.about p{margin:1em 0}
.programs .grid-col-2{grid-template-columns:1fr 2fr;margin-bottom:2em;border:3px solid #359ACE}
.programs .grid-col-2 div{padding:1em}
.programs .grid-col-2 .bg + div{padding-left:0}
.programs h2{margin-bottom:1em;font-size:1.4em;line-height:1.4em}
.programs h3{margin-bottom:1em;font-size:1.2em;line-height:1.4em}
.programs h3, .programs span{color:#359ACE;display: block}
.programs .grid-col-2 p:first-child:before{content:'';width:1em;border-top:3px solid #359ACE;display:inline-block;vertical-align:middle;margin:0 .5em 0 -1.5em}
.programs p{margin-bottom:1em}
.program-headline{border-top:3px solid #eee;padding-top:3em}
.programs .bg{color:#fff}
.programs .program{font-family:'Dancing Script',cursive;font-size:2em;line-height:1.2em;margin-bottom:.5em}
.programs .module{background-color:#359ACE;color:#fff;letter-spacing:.5em;text-transform:uppercase;position:relative;text-align:center}
.programs .module:after{content:'';display:block;position:absolute;right:-.4em;top:0;width:0;height:0;border-top:.7em solid transparent;border-bottom:.7em solid transparent;border-left:.4em solid #359ACE}
.subscription-block .grid-col-2{grid-template-columns:1fr 1fr;grid-gap:1em;margin-bottom:1em}
.subscription-block textarea{margin-bottom:1em}
.subscription-block input{display:block;width:100%;height:100%;padding:.5em;font-size:1em;line-height:1.2em}
.subscription-block textarea{display:block;width:100%;height:100%;padding:.5em;font-size:1em;line-height:1.2em}
.subscription-block input + input{margin-top:1em}
footer{padding:2em;background:#333;color:#fff}
@media (max-width: 767px) {
    h1{font-size:1.4em;line-height:1.3em}
    h2{font-size:1.3em;line-height:1.2em}
    h3{font-size:1.2em;line-height:1.2em}
    .grid-col-2,.grid-col-3,.programs .grid-col-2,.top .grid-col-2{grid-template-columns:100%}
    .top{padding-top:0;padding-bottom:1em}
    section{padding:1.5em}
    #section-2 .grid-col-2{grid-gap:0}
    #section-2 .frame{margin-bottom:1em}
    header{padding-top: 1em;padding-bottom:0}
    .header .grid-col-2{grid-template-columns:1fr;grid-gap:0}
    #about .frame.left:before{left:-1em;}
    #about .frame:before{height:80%;}
    .logo{text-align:left}
    .hamburger{margin-left:auto;width:62px;overflow:hidden;position:absolute;right:1em;top:1em}
    .hamburger + .top-menu{height:0;overflow:hidden}
    .top-menu a{display:block;margin:1em 0;text-align:center}
    .hamburger.active + .top-menu{height:12em}
    .hamburger .line{width:50px;height:5px;background-color:#FEB615;border-radius:3px;display:block;margin:8px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .hamburger:hover{cursor:pointer}
    .hamburger.active .line:nth-child(1){opacity:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
    .hamburger.active .line:nth-child(3){opacity:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
    .subscription-block{margin: 0 -1.5em;padding:1.5em}
    .subscription-block .grid-col-3{grid-template-columns:auto}
    hr{margin:1.5em 0}
    .about .grid-col-2 {margin:0;grid-gap:0}
    .about .frame{margin:1em 0}
    .programs .program:before{content:'';display:block;position:absolute;left:-.5em;top:50%;margin-top:-.7em;width:0;height:0;border-top:.7em solid transparent;border-bottom:.7em solid transparent;border-right:.5em solid #333}
    .programs .module:before{content:'';display:block;position:absolute;left:-.4em;top:0;width:0;height:0;border-top:.7em solid transparent;border-bottom:.7em solid transparent;border-right:.4em solid #359ACE}
    .testimonials .grid-col-2{grid-template-columns:auto;margin-bottom:0}
    .testimonials .frame{margin-bottom:1em}
    .programs .grid-col-2 .bg + div{padding-left:1em}
    .left-right-border{border:0;border-top:1px solid #F1AD40;border-bottom:1px solid #F1AD40;padding:1em 0;margin:1em 0}
}