.intro-section{text-align:center;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;opacity:calc(5 + var(--viewport-y))}.containe{display:grid;grid-template-rows:0 350px}.content-section{--scroll-length:1.5;height:calc(var(--scroll-length) * 160vh);width:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.content-section .content .paragraph,.content-section .content .subheading{opacity:1}.figure{width:100%;height:100vh;margin:0;position:absolute;top:0;left:0}.figure>img{display:block;width:100%;height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.content{position:absolute;top:0;left:0;width:100%;height:100%;max-width:50em;display:grid;grid-template-rows:1fr 1fr;color:#fff;padding:2em;font-size:2.5vmin}.content *{text-shadow:0 0 4vmin rgba(0,0,0,.25)}.content>.header{grid-row:1/2;display:flex;flex-direction:column;margin-left:40px;justify-content:flex-end}.content>.paragraph{grid-row:2/3;margin-left:40px;line-height:2.5}.heading{font-size:2.75em;margin:0}.subheading{font-size:1.25em;font-weight:600;margin-bottom:.5em}.figure{--scale:calc(.8 +
    (.2 * var(--scroll-length) * var(--visible-y))
  );position:-webkit-sticky;position:sticky;top:0;left:0;margin:0;display:block;overflow:hidden;will-change:transform;-webkit-transform:scale(var(--scale));transform:scale(var(--scale))}.figure:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#000;opacity:.5}.figure>img{display:block;will-change:transform;-webkit-transform:scale(calc(1 / var(--scale)));transform:scale(calc(1 / var(--scale)))}.char{display:inline-block}*,:after,:before{position:relative;box-sizing:border-box}.heading,.intro-heading{font-weight:700}body,html{height:100%;width:100%;margin:0;padding:0;line-height:1.05;font-weight:400;letter-spacing:-.015em;font-family:"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif}ul{list-style-type:none;margin:0;padding:0;overflow:hidden}li{float:right}li a{display:block;color:#666;text-align:center;padding:14px 16px;text-decoration:none}li a:hover:not(.active){background-color:#ddd}li a.active{color:#fff;background-color:#4caf50}.hover-table-layout{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}.listing-item{display:block;width:100%;margin-bottom:20px;float:left;background:#fff;border-radius:10px;z-index:0;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);-moz-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1)}.listing-item.active,.listing-item:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:2}.listing-item .listing{padding:20px;position:relative}.listing-item .listing:before{content:"";position:absolute;top:-15px;left:-o-calc(50% - 15px);left:-moz-calc(50% - 15px);left:-webkit-calc(50% - 15px);left:calc(50% - 15px);border-bottom:20px solid #fff;border-left:20px solid transparent;border-right:20px solid transparent}figure.image img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px}figure.image{position:relative;margin:0;padding:0}figure.image figcaption{position:absolute;top:0;width:100%;text-align:center;bottom:4px;background:rgba(0,0,0,.6);border-top-left-radius:10px;border-top-right-radius:10px}figcaption .caption{position:relative;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}figcaption h1{color:#fff;font-weight:700;font-size:25px;text-transform:uppercase}figcaption p{color:#fff;font-size:22px}.listing h4{font-size:13px;text-align:center;padding:5px 10px;font-weight:700}.listing h2{font-size:15px;text-align:center;padding:5px 10px;font-weight:700}.listing h4:not(:last-child){border-bottom:1px solid #ccc}.listing h2:not(:last-child){border-bottom:1px solid #ccc}.listing-item:hover figure.image figcaption{background:rgba(195,39,43,.6)}@media only screen and (min-width:540px){.listing-item{display:block;width:-webkit-calc(100%/2);width:-moz-calc(100%/2);width:calc(100%/2);padding-left:80px;padding-right:80px}}@media only screen and (min-width:1024px){.hover-table-layout{padding:100px}}.glow{-webkit-animation-duration:1s;-webkit-animation-name:glow;-webkit-animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-duration:1s;animation-name:glow;animation-direction:alternate;animation-iteration-count:infinite}@-webkit-keyframes glow{from{text-shadow:0 0 0 #00f}to{text-shadow:0 0 20px #00f}}&--inside{margin-left:-96px}.form{width:100%;background:#fff;color:$input-text-color;font:inherit;border:0;outline:0;text-align:center;padding:22px 18px}:root{background:$background;color:$text;font:1rem "PT Sans",sans-serif}.uppercase{text-transform:uppercase}.myButton{background-color:#44c767;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;border:1px solid #18ab29;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:17px;margin-top:10px;padding:11px 31px;text-decoration:none;text-shadow:0 1px 0 #2f6627}.myButton:hover{background-color:#5cbf2a}.myButton:active{position:relative;top:1px}.contactbtn{background-color:#000;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;border:1px solid #18ab29;display:inline-block;cursor:pointer;color:#fff;text-align:center;font-family:Arial;font-size:17px;margin-bottom:18px;margin-top:10px;padding:11px 31px;text-decoration:none;text-shadow:0 1px 0 #2f6627}.contactbtn:hover{background-color:#5cbf2a}.contactbtn:active{position:relative;top:1px}.wrapper{text-align:center}.tab{float:left;border:1px solid #ccc;background-color:#f1f1f1;width:20%;height:450px}.tab button{display:block;background-color:inherit;color:#000;padding:22px 16px;width:100%;border:none;outline:0;text-align:left;cursor:pointer;transition:.3s;font-size:17px}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.tabcontent{float:left;padding:0 12px;border:1px solid #ccc;width:80%;border-left:none;height:450px}.examcontainer{padding:30px}.tabs-left{border-bottom:none;border-right:1px solid #ddd}.tabs-left>li{float:none;margin:0}.tabs-left>li.active>a,.tabs-left>li.active>a:focus,.tabs-left>li.active>a:hover{border-bottom-color:#ddd;border-right-color:transparent;background:#f90;border:none;border-radius:0;margin:0}.nav-tabs>li>a:hover{line-height:1.42857143;border:1px solid transparent}.tabs-left>li.active>a::after{content:"";position:absolute;top:10px;right:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #f90;display:block;width:0}