@keyframes moveInLeft{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(50%)}100%{opacity:1;transform:translateY(0)}}@keyframes moveInTop{0%{opacity:0;transform:translateY(-50%)}100%{opacity:1;transform:translateY(0)}}@keyframes letterSpacing{0%{opacity:0;letter-spacing:3rem}100%{letter-spacing:-1px;opacity:1}}@keyframes blur{0%{filter:blur(3px)}100%{filter:blur(0)}}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}body{box-sizing:border-box;overflow-x:hidden;min-height:100vh}@media only screen and (max-width: 56.25em){body{padding:0}}a{color:inherit;text-decoration:none}::-moz-selection{background-color:#e21e24;color:white}::selection{background-color:#e21e24;color:white}body{font-family:"Oswald", sans-serif;font-weight:400;line-height:1.6;font-size:1.6rem;color:#2f2f2f}.heading{font-weight:400}h1{font-size:8rem;font-weight:500;letter-spacing:-2px}h2{font-size:6rem}h3{font-size:5rem}h4{font-size:4rem}h5{font-size:3rem}.bg-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.15;overflow:hidden}.bg-video__content{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:1.5rem 4rem;border-radius:1rem;transition:all .2s;font-size:1.6rem;font-family:inherit;font-weight:bold;border:none;cursor:pointer;color:white;background:#e21e24;display:inline-block;transform:translateY(0)}.btn:hover{transform:translateY(-0.25rem);box-shadow:0 1rem 1.5rem rgba(14,14,14,0.2)}.btn:active,.btn:focus{outline:none;transform:translateY(-0.1rem);box-shadow:0 0.5rem 0.75rem rgba(14,14,14,0.2)}.btn--header,.btn--header:link,.btn--header:visited{background:transparent;border:2px solid white;border-radius:50rem;max-width:50%;font-size:1.8rem;font-weight:400}.btn--header:hover,.btn--header:link:hover,.btn--header:visited:hover{color:white;background-color:#e21e24;border:2px solid #e21e24}.form{display:flex;flex-direction:column;gap:1rem}.form__group{display:flex;flex-direction:column;gap:1rem}.form__input{font-family:inherit;color:inherit;font-size:1.5rem;padding:1.5rem 2rem;border-radius:3px;background-color:rgba(255,255,255,0.5);border:none;border-bottom:3px solid transparent;display:block;transition:all .3s;width:100%}.form__input::-webkit-input-placeholder{color:#8d8d8d}.form__input:focus{outline:none;box-shadow:0 0.5rem 1rem rgba(14,14,14,0.1);border-bottom:3px solid #1ec120}.form__input:focus:invalid{border-bottom:3px solid #f45151}.form__label{font-size:1.6rem;font-weight:700;margin-left:1rem;display:block;transition:all .3s}.form__input:-moz-placeholder-shown+.form__label{opacity:0;visibility:hidden;transform:translateX(-100vw)}.form__input:placeholder-shown+.form__label{opacity:0;visibility:hidden;transform:translateX(-100vw)}.form__checkbox{display:none}.form__checkbox-label{display:flex;align-items:center;font-size:1.6rem;font-weight:700;margin-left:1rem;cursor:pointer}.form__checkbox-label::before{content:"";display:flex;align-items:center;justify-content:center;background-color:transparent;padding:1rem;color:#e21e24;border:0.35rem solid #e21e24;border-radius:3px;height:2rem;width:2rem;margin-right:1.5rem;transition:all .2s;font-size:3rem}.form__checkbox:checked+.form__checkbox-label::before{content:"\2713";color:white;background-color:#e21e24}.form__radio-label{display:flex;align-items:center;font-size:1.6rem;font-weight:700;margin-left:1rem;cursor:pointer}.form__radio-label::before{content:"";display:flex;align-items:center;justify-content:center;background-color:transparent;color:#e21e24;outline:0.35rem solid #e21e24;outline-offset:3px;border-radius:50%;height:1.5rem;width:1.5rem;margin-right:2rem;transition:all .2s;font-size:3rem}.form__radio{display:none}.form__radio:checked+.form__radio-label::before{background-color:#e21e24}.pill{border:2px solid #21333b;background-color:#21333b;color:white;border-radius:50rem;text-align:center;font-weight:600;text-transform:uppercase;font-size:2.4rem;padding:2rem 4rem;cursor:pointer;transition:.2s all}.pill:hover{transform:translateY(-0.5rem);box-shadow:0 0.5rem 1rem rgba(14,14,14,0.1)}.pill--reverse{border:2px solid white;background-color:white;color:#e21e24}.popup{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);width:100vw;height:100vh;display:none}.popup:target{display:grid;justify-content:center;align-content:center}.popup__box{background-color:white;min-width:50rem;min-height:50vh;padding:3rem;border-radius:3px;display:grid;grid-template-columns:minmax(min-content, 1fr) min-content;grid-template-rows:min-content 1fr;grid-row-gap:3rem;align-items:center}.popup__title{font-size:2.5rem}.popup__close{font-size:4rem;cursor:pointer;transition:.2s all}.popup__close:hover{transform:translateY(-3px) scale(1.2);color:#e21e24}.popup__content{align-self:start}.contact{display:grid;grid-template-rows:min-content min-content 1fr;grid-template-columns:repeat(2, 1fr);grid-row-gap:3rem;align-items:center;margin-top:-6vw;padding-bottom:6rem}.contact.animate .contact__heading{animation:1s moveInTop;animation-fill-mode:backwards}.contact.animate .contact__subheading{animation:2s 1s moveInTop;animation-fill-mode:backwards}.contact.animate .contact__item--1{animation:3s 2s moveInLeft;animation-fill-mode:backwards}.contact.animate .contact__item--2{animation:3s 2s moveInRight;animation-fill-mode:backwards}.contact.animate .contact__map{animation:3s 3s moveInBottom;animation-fill-mode:backwards}.contact__heading{grid-column:1 / -1}.contact__icon{height:10rem;width:10rem;fill:#e21e24}.contact__subheading{grid-column:1 / -1;text-align:center}.contact__subheading--1{color:#e21e24}.contact__item{display:flex;flex-direction:column;align-items:center;font-size:2.6rem;padding:1rem 2rem;border-radius:5px;text-align:center}@media only screen and (max-width: 800px){.contact__item{grid-column:1 / -1}}.contact__item:hover{background-color:#e21e24;color:white}.contact__item:hover .contact__title{color:white}.contact__item:hover .contact__icon{fill:white}.contact__title{font-size:3rem;color:#e21e24}.contact__map{grid-column:1 / -1}.contact__map iframe{width:100%;min-height:50rem}.footer{grid-column:start / end;background-color:#21333b;display:flex;padding:4rem 8rem;justify-content:space-around;align-items:center;color:white;font-size:3rem}@media only screen and (max-width: 600px){.footer{flex-direction:column}}.footer__logo img{height:15rem;width:15rem}.footer__by{display:flex;flex-direction:column;align-items:center}.footer__link{transition:.2s all;border-radius:50rem;padding:1rem 4rem}.footer__link:hover{transform:scale(1.05);background-color:white;color:#e21e24}.info{color:white;background-color:#21333b;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 87%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 87%);display:grid;align-items:center;padding-bottom:19rem;grid-gap:2rem;grid-template-rows:min-content;grid-template-columns:2fr 3fr}.info.animate .info__text{animation:3.5s 1s moveInTop;animation-fill-mode:backwards}.info.animate .info__photo{animation:3s 1s moveInBottom;animation-fill-mode:backwards}@media only screen and (max-width: 800px){.info__photo,.info__text{grid-column:1 / -1;grid-row:2/2}.info__text{align-self:end;padding:3rem 1rem;z-index:1;background-image:linear-gradient(to bottom, rgba(14,14,14,0.7), #0e0e0e)}}@media only screen and (max-width: 500px){.info__photo{filter:brightness(1)}.info__text{background-image:none}.info__photo,.info__text{grid-column:1 / -1;grid-row:auto}}.info .heading{grid-column:1 / -1}.info__photo{text-align:center}.info__photo img{width:100%;height:auto}.info__description{font-size:2.2rem;font-style:italic}.info__name{margin-top:1rem;font-size:1.8rem;font-weight:600}.info__text{text-align:center;font-weight:100}.header{grid-column:start / end;background-image:linear-gradient(to right bottom, rgba(33,51,59,0.9), rgba(33,51,59,0.3)),url(../img/tower-bridge.jpg);-webkit-backdrop-filter:brightness(10%);backdrop-filter:brightness(10%);background-size:cover;color:white;display:grid;grid-template-rows:23rem 1fr 1fr;justify-items:center;animation:3s 8s blur;animation-fill-mode:backwards;padding-top:3rem;padding-bottom:calc(4rem + 10vh);-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100vh);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100vh)}.header__logo{width:100%;text-align:center}.header__logo img{width:auto;height:100%;animation:3s 7.5s moveInTop;animation-fill-mode:backwards}.header__text{align-self:center;text-align:center}.header__line{display:inline-block}.header__line--1{display:block;animation:3s moveInTop;animation-fill-mode:backwards}.header__line--2{display:block;letter-spacing:-1px;animation:4s 1.5s letterSpacing;animation-fill-mode:backwards;font-size:9rem;font-weight:600}.header__line--3{animation:2s 5s moveInLeft;animation-fill-mode:backwards;font-weight:300}.header__line--4{animation:3s 6s moveInRight;animation-fill-mode:backwards;font-weight:300}.header__cta{align-self:end}.header__cta .btn{animation:3s 7.5s moveInBottom;animation-fill-mode:backwards;max-width:100%}section{padding:3rem 6rem;grid-column:1 / -1}@media only screen and (max-width: 600px){section{padding:2rem 1rem}}.us{display:flex;flex-direction:column;justify-content:space-evenly;margin-top:-14vh;padding-top:8vh;color:#e21e24}@media only screen and (max-width: 500px){.us{margin-top:-10vh}}.us__element{display:flex;justify-content:space-between;align-items:center;transition:.2s all;padding:1rem 2rem}@media only screen and (max-width: 500px){.us__element{flex-direction:column}}.us__element:hover{color:white;background-color:#e21e24}.us__element:hover .us__icon{fill:white}.us__icon{height:6rem;width:6rem;fill:#e21e24;animation-fill-mode:backwards}.us__text{font-size:3rem;text-align:center}.us__element.animate .us__icon{animation:2s moveInLeft;animation-fill-mode:backwards}.us__element.animate .us__text{animation:2s moveInRight;animation-fill-mode:backwards}.container{min-height:100vh;display:grid;grid-template-rows:[header-start] 110vh [header-end] repeat(3, minmax(67vh, max-content)) minmax(18rem, min-content);grid-template-columns:[start] 1fr [center] 1fr [end]}
