@font-face{src:url(/fonts/TfGrotesk.otf);font-family:tfgrotesk}@font-face{src:url(/fonts/TfGroteskItalic.otf);font-family:tfgroteskit}@font-face{src:url(/fonts/Hauora-Light.otf);font-family:hauora-light}@font-face{src:url(/fonts/Hauora-Regular.otf);font-family:hauora-reg}@font-face{src:url(/fonts/Hauora-Bold.otf);font-family:hauora-bold}@font-face{src:url(/fonts/Hauora-SemiBold.otf);font-family:hauora-sembold}.item-title{font-family:hauora-light;font-size:1.25rem}.item-title::before{content:"";display:inline-block;margin-right:.25em;width:25px;height:2px;background:#06171e;vertical-align:middle}.item-title-first{padding-top:0!important}.item-desc{font-size:2.688rem;font-family:tfgrotesk}.work{padding-top:120px;padding-bottom:100px!important;margin:0}.work a{text-decoration:none}.work #parent-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:30px 0;position:relative}.work #parent-box #case-box{position:relative}.work #parent-box #case-box .sticker{position:absolute;right:-50px;top:0;z-index:2}.work #parent-box #case-box .case-desc h5{font-family:hauora-light;padding:10px 0}.work #parent-box #case-box .img-1 img{max-width:600px;height:auto}.work #parent-box #case-box .img-2 .case-title{max-width:80%}.work #parent-box #case-box .img-2 img{max-width:800px;height:auto}.work #parent-box #case-box .img-3 img{max-width:740px;height:auto}.work #parent-box #case-box .img-4 .case-title{max-width:80%}.work #parent-box #case-box .img-4 img{max-width:630px;height:auto}.work #parent-box #case-box .case-img{position:relative;width:100%;-webkit-transition:.5s;transition:.5s}.work #parent-box #case-box .case-img:hover .hover-box{visibility:visible;opacity:1}.work #parent-box #case-box .case-img:hover .case-title{visibility:visible;opacity:1}.work #parent-box #case-box .case-img .case-title{font-size:1.75rem;position:absolute;bottom:60px;left:60px;width:100%;visibility:hidden;opacity:0;-webkit-transition:.5s;transition:.5s}.work #parent-box #case-box .case-img .case-title span{font-family:tfgrotesk}.work #parent-box #case-box .case-img .case-title span::after{content:"";display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:28px;height:2px;background:#06171e;vertical-align:middle}.work #parent-box #case-box .case-img .hover-box{position:absolute;width:calc(100% - 80px);height:calc(100% - 80px);background-color:rgba(255,255,255,.8);bottom:0;margin:40px;visibility:hidden;opacity:0;-webkit-transition:.5s;transition:.5s}.work #parent-box #case-box .case-title-m{font-size:1.25rem;padding-top:10px;display:none}.work #parent-box #case-box .case-title-m span{font-family:tfgrotesk}.work #parent-box #case-box .case-title-m span::after{content:"";display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:20px;height:2px;background:#06171e;vertical-align:middle}.work #parent-box #case-box .case-desc-m{display:none}.work #parent-box #case-box .case-desc-m h5{font-family:hauora-light;padding:10px 0}.work #other-box{-webkit-box-flex:1;-ms-flex:1;flex:1}.about{padding-bottom:150px}.about .about-info{padding-right:8vw}.about #parent-box2 h3{padding-top:50px;padding-bottom:20px}.about ul{padding-bottom:20px}.about ul li{font-weight:700;margin-top:5px}.about .resume-download{font-size:1rem;font-family:1rem;text-decoration:none}button{font-family:hauora-bold;font-size:1rem;background:#4e774f;color:#fff;padding:15px 30px;margin-top:30px;border:none;-webkit-transition:.5s;transition:.5s}button:hover{cursor:pointer;background:#354136}#parent-box2{display:-webkit-box;display:-ms-flexbox;display:flex}#parent-box2 #width-box2{width:400px}#parent-box2 #width-box2 img{max-width:100%;margin-top:30px}#parent-box2 #other-box2{-webkit-box-flex:1;-ms-flex:1;flex:1}.contact-banner{background-color:#c6d6d2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:100px 0}.contact-banner h4{font-family:tfgrotesk;font-size:2.188rem}.contact-banner p{padding:20px 0}.contact-banner a{text-decoration:none;font-size:1.75rem;font-family:hauora-bold}.contact-banner a::after{content:'';display:block;width:0;height:2px;background:#000;-webkit-transition:width .5s;transition:width .5s;margin:0 auto}.contact-banner a:hover::after{width:200px}footer{background-color:#354136}footer .top-footer{padding-top:80px}footer .bottom-footer::after,footer .top-footer::after{content:"";display:table;clear:both}footer .bottom-footer .footer-col,footer .top-footer .footer-col{float:left;width:33.33%}footer .bottom-footer .footer-col .mail,footer .top-footer .footer-col .mail{padding:30px 0 30px 0}footer .bottom-footer .footer-col a,footer .top-footer .footer-col a{-webkit-transition:.5s;transition:.5s;border-bottom:1px solid transparent}footer .bottom-footer .footer-col a:hover,footer .top-footer .footer-col a:hover{border-bottom:1px solid #fff}footer .bottom-footer a,footer .bottom-footer i,footer .bottom-footer p,footer .top-footer a,footer .top-footer i,footer .top-footer p{color:#fff;text-decoration:none;font-family:hauora-light}footer .bottom-footer .col2,footer .top-footer .col2{opacity:0;width:50%}footer .bottom-footer .col1,footer .bottom-footer .col3,footer .top-footer .col1,footer .top-footer .col3{width:25%}footer .bottom-footer ul,footer .top-footer ul{list-style:none;-webkit-padding-start:0px;padding-inline-start:0px}footer .bottom-footer ul li,footer .top-footer ul li{padding-top:20px}footer .bottom-footer .signature,footer .top-footer .signature{padding-bottom:30px}footer .bottom-footer{padding-bottom:50px;padding-top:50px}footer .bottom-footer .col2{opacity:1;text-align:center}.top-section{padding-top:200px}.intro{padding-bottom:100px}.intro h1{text-align:center;margin-bottom:50px}.intro .left-box{padding-right:50px;padding-top:50px;padding-bottom:50px}.intro .left-box .resume-download{text-decoration:none}.intro .right-box{text-align:center}.intro .right-box img{width:100%}.timeline{padding-bottom:100px}.timeline #parent-box2{border-bottom:1px solid #06171e}.timeline #parent-box2 h4{font-size:1.375rem;font-family:hauora-bold}.timeline #parent-box2 h6{font-size:.875rem}.timeline #parent-box2 #width-box2{width:30%;border-right:1px solid #06171e;padding:20px 0 20px 0}.timeline #parent-box2 #width-box2::after{content:'';position:relative;width:6px;bottom:0;top:0}.timeline #parent-box2 #other-box2{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:100px;padding:20px 0 20px 50px}.timeline .last-timeline,.timeline .timeline-right,.timeline .timeline-title{border:none!important}.timeline .box1:hover .follow-img{opacity:1}.timeline .follow-img{opacity:0;width:100%;height:auto;max-width:400px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:ease .2s;transition:ease .2s;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5;-o-object-fit:cover;object-fit:cover}.tools{padding-bottom:100px}.tools .item-desc{padding-bottom:30px}.tools #parent-box2{padding:20px 0}.tools #parent-box2 #width-box2{width:35%}.personal{padding-bottom:150px}.personal p{padding:50px 0}.personal .column{float:left}.personal .left-col{width:40%;margin-right:20px}.personal .left-col .item{padding-bottom:20px}.personal .left-col img{width:100%}.personal .right-col{width:55%}.personal .right-col img{width:100%}.personal .right-col .item{float:left;padding-bottom:20px}.personal .right-col .r-col-1{width:calc(50% - 10px)}.personal .right-col #first{margin-right:20px}.personal .parent-cols::after{content:"";display:table;clear:both}.playground{padding-top:200px}.playground h1{text-align:center}.sportbuddy-banner{background:url("/img/Sportbuddy-banner.jpg") no-repeat center center fixed rgba(35,43,35,.5)}.myvision-banner{background:url("/img/Myvision-mockup2.jpg") no-repeat center center fixed rgba(35,43,35,.5)}.kidpool-banner{background:url("/img/Kidpool/Kidpool-Mockup.jpg") no-repeat center center fixed rgba(35,43,35,.5)}.bsecure-banner{background:url("/img/bsecure/MockupBSecure.jpg") no-repeat center center fixed rgba(35,43,35,.5)}.banner{height:100vh;position:relative;overflow:hidden;width:100%;height:100vh;background-size:cover;background-blend-mode:multiply}.banner .banner-text{position:absolute;top:calc(50% + 50px);left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.banner .banner-text h1{font-size:5rem;padding-bottom:20px}.banner .banner-text h1,.banner .banner-text h4{color:#fff;text-shadow:2px 2px 8px #1b1b169f}.case-banner{margin-top:150px}.case h4{padding-top:100px}.case img{width:100%;padding-top:50px}.case .img-desc{font-size:.875rem;font-weight:lighter;padding:10px 0 0 20px}.case .item-desc{padding-bottom:20px}.case #parent-box2{margin:100px 0}.case #parent-box2 #width-box2{width:45%;padding-right:100px;border-right:1px solid #bbb}.case #parent-box2 #width-box2 h2{font-size:3.375rem;font-family:tfgrotesk}.case #parent-box2 #width-box2 p{padding-bottom:50px;font-size:1.25rem}.case #parent-box2 #width-box2 a{text-decoration:none;font-weight:700;font-size:1.25rem}.case #parent-box2 #width-box2 a:hover{border-bottom:1px solid #06171e}.case #parent-box2 #other-box2{padding-left:100px}.case #parent-box2 #other-box2 h4{font-family:hauora-sembold;font-size:1.375rem;padding-top:0}.case #parent-box2 #other-box2 h4:first-of-type{padding-top:30px}.case #parent-box2 #other-box2 p{padding-bottom:30px}.big-image{width:85%;margin:0 auto}.big-image img{width:100%}.myvision #special-box #parent-box2{margin:50px 0}.myvision #special-box #parent-box2 #other-box2,.myvision #special-box #parent-box2 #width-box2{width:50%;padding:0;margin:0;border:none}.myvision #special-box #parent-box2 #other-box2 img,.myvision #special-box #parent-box2 #width-box2 img{height:auto;padding:0;margin:0;max-width:100%}.kidpool .kidpool-box #parent-box2{margin:0}.kidpool .kidpool-box #parent-box2 #width-box2{width:70%;border:none}.kidpool .kidpool-box #parent-box2 #width-box2 p{font-family:hauora-reg;font-size:1rem;padding:0;line-height:25px}.kidpool .kidpool-box #parent-box2 #other-box2{padding:0;margin:0}.kidpool .kidpool-box #parent-box2 #other-box2 img{width:100%;padding:0}.kidpool #special-box #parent-box2{margin:0;padding-top:50px}.kidpool #special-box #parent-box2 #other-box2,.kidpool #special-box #parent-box2 #width-box2{width:50%;padding:0;margin:0;border:none}.kidpool #special-box #parent-box2 #other-box2 img,.kidpool #special-box #parent-box2 #width-box2 img{width:90%;height:auto;padding:0;margin:0}.parent-box25{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.parent-box25 .box25{-webkit-box-flex:25%;-ms-flex:25%;flex:25%}.parent-box50{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.parent-box50 .box50{-webkit-box-flex:50;-ms-flex:50;flex:50}.parent-box50 .box50 img{padding-top:0}.parent-box50 .box50 .flyer-kidpool{padding-top:100px}.parent-box50 .box50-r{text-align:right}.parent-box50 .box50-r img{width:80%}.contact{padding-top:200px;text-align:center;min-height:calc(100vh - 200px)}.contact p{padding-top:30px}.contact #parent-box2 #other-box2,.contact #parent-box2 #width-box2{width:50%;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex}.contact #parent-box2 #other-box2 input,.contact #parent-box2 #width-box2 input{-webkit-box-flex:2;-ms-flex:2;flex:2}.contact #parent-box2 #width-box2{margin-left:20px}.contact form{margin-top:60px;margin-bottom:100px}.contact form p{padding:0}.contact form div{margin:10px 0}.contact form input,.contact form label,.contact form p,.contact form textarea{font-size:1.375rem;font-family:hauora-sembold;text-align:left}.contact form input::-webkit-input-placeholder,.contact form textarea::-webkit-input-placeholder{font-size:1rem;font-family:hauora-reg;color:#4e774f}.contact form input:-ms-input-placeholder,.contact form textarea:-ms-input-placeholder{font-size:1rem;font-family:hauora-reg;color:#4e774f}.contact form input::-ms-input-placeholder,.contact form textarea::-ms-input-placeholder{font-size:1rem;font-family:hauora-reg;color:#4e774f}.contact form input::placeholder,.contact form textarea::placeholder{font-size:1rem;font-family:hauora-reg;color:#4e774f}.contact form input{margin-left:10px;min-width:50%;height:30px;border:none;border-bottom:1px solid #414141;font-family:hauora-reg}.contact form label{text-align:left}.contact form textarea{min-width:100%;max-width:100%;min-height:120px;border:none;border-bottom:1px solid #414141;margin-top:10px;font-family:hauora-reg}.contact form .contact-back,.contact form .contact-back2{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex}.contact form .contact-back input,.contact form .contact-back2 input{-webkit-box-flex:2;-ms-flex:2;flex:2}.playground{padding-bottom:50px}.masonry{-webkit-column-count:3;column-count:3;-webkit-column-gap:1em;column-gap:1em;padding-bottom:100px}.masonry .item{display:inline-block;margin:0 0 1em;width:100%;position:relative}.masonry .item img{width:100%}.masonry .item .modal-target{cursor:pointer;-webkit-transition:.3s;transition:.3s}.masonry .item .modal-target:hover{opacity:.5}.modal{display:none;opacity:1;position:fixed;z-index:1;padding-top:100px;left:0;top:100px;width:100%;height:80%;max-height:calc(100vh - 100px);overflow:auto;background-color:#000;background-color:rgba(0,0,0,.8)}.modal .modal-content{margin:auto;display:block;width:70%;opacity:1!important;padding-bottom:50px}.modal .modal-caption{margin:auto;display:block;width:80%;max-width:1200px;text-align:center;color:#fff;font-size:1.25rem;font-family:hauora-reg;padding-bottom:30px}.modal .modal-caption,.modal .modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}.modal .modal-close{position:absolute;top:15px;right:35px;color:#fff;font-size:50px;font-weight:700;-webkit-transition:.3s;transition:.3s}.modal .modal-close:focus,.modal .modal-close:hover{color:#c6d6d2;text-decoration:none;cursor:pointer}@-webkit-keyframes zoom{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.other-projects{padding-top:100px}.other-projects #parent-box2 #other-box2,.other-projects #parent-box2 #width-box2{width:50%}.other-projects #parent-box2 #other-box2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:right;font-size:1.75rem;position:relative}.other-projects #parent-box2 #other-box2 a{text-decoration:none}.other-projects #parent-box2 #other-box2 p{padding-top:10px}.other-projects #parent-box2 #other-box2 p:after{content:'';display:block;position:absolute;right:0;width:200px;height:2px;background:#06171e;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:center right;transform-origin:center right;-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1),-webkit-transform .6s cubic-bezier(.19, 1, .22, 1)}.other-projects #parent-box2 #other-box2 p:hover:after{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:center left;transform-origin:center left}.other-projects2 #parent-box2 #other-box2 p:after{width:160px}#work{padding:50px 0 0 0}#work .project-container{width:100%;height:auto}#work .project-container a{text-decoration:none}#work .project-container .project{width:100%;height:50vh;-webkit-transition:.7s;transition:.7s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-size:cover}#work .project-container .project h3{color:#fff;font-size:3.375rem;font-family:tfgrotesk;opacity:0;visibility:hidden;-webkit-transition:.7s;transition:.7s}#work .project-container:hover .project{background-blend-mode:multiply}#work .project-container:hover .project h3{opacity:1;visibility:visible}#work .project-container:hover .bsecure,#work .project-container:hover .kidpool,#work .project-container:hover .myvision,#work .project-container:hover .sportbuddy{height:60vh}#work .sportbuddy{background:url("/img/Sportbuddy-banner.jpg") no-repeat center center rgba(35,43,35,.5)}#work .myvision{background:url("/img/Myvision-mockup2.jpg") no-repeat center center rgba(35,43,35,.5)}#work .kidpool{background:url("/img/Kidpool/Kidpool-Mockup.jpg") no-repeat center center rgba(35,43,35,.5)}#work .bsecure{background:url("/img/bsecure/MockupBSecure.jpg") no-repeat center center rgba(35,43,35,.5)}@media only screen and (max-width:800px){.button{text-align:center}#case-box{-webkit-box-flex:100%;-ms-flex:100%;flex:100%}#case-box .sticker{right:-20px!important;top:-20px!important}#case-box .case-img img{max-width:100%!important;height:auto}#other-box{display:none}.case-desc-m,.case-title-m{display:block!important}.case-desc,.case-title,.hover-box{display:none}.about #parent-box2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.about #parent-box2 #other-box2,.about #parent-box2 #width-box2{-webkit-box-flex:100%;-ms-flex:100%;flex:100%}.about #parent-box2 #other-box2 img,.about #parent-box2 #width-box2 img{margin-top:50px;text-align:center}.about #parent-box2 #width-box2{text-align:center}.about #parent-box2 .about-info{padding-right:0}.banner .banner-text h1{font-size:3.75rem}.timeline h4{font-size:1rem}.case #parent-box2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.case #parent-box2 #other-box2,.case #parent-box2 #width-box2{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;padding:0;border:none}.case #parent-box2 #other-box2{margin-top:50px}.case #parent-box2 #width-box2 p{padding-bottom:20px}.big-image{width:100%}.big-image img{width:calc(100% - 60px);padding:0 30px}.footer-col{width:100%!important}.footer-col li{padding-top:10px!important}.top-footer .col2{display:none}.bottom-footer p{padding-top:10px!important}.bottom-footer .col2{text-align:left!important}.intro .left-box{padding-right:0;padding-top:20px}.personal .left-col{width:100%}.personal .right-col{width:100%}.personal .right-col .item{float:left;padding-bottom:20px}.masonry{-webkit-column-count:1;column-count:1;-webkit-column-gap:1em;column-gap:1em}.contact #parent-box2,.other-projects #parent-box2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.contact #parent-box2 #other-box2,.contact #parent-box2 #width-box2,.other-projects #parent-box2 #other-box2,.other-projects #parent-box2 #width-box2{-webkit-box-flex:100%;-ms-flex:100%;flex:100%}.contact #parent-box2 #width-box2,.other-projects #parent-box2 #width-box2{margin:0}.contact form div,.other-projects form div{margin:20px 0}.modal .modal-content{width:90%}.modal .modal-caption{padding-bottom:30px}.kidpool #parent-box2{padding-bottom:30px}.kidpool #parent-box2 #width-box2 p{padding:0}.kidpool #parent-box2 #other-box2 img,.kidpool #parent-box2 #width-box2 img{width:100%}.parent-box25 .box25{-webkit-box-flex:50%;-ms-flex:50%;flex:50%}.parent-box50 .box50{-webkit-box-flex:100%;-ms-flex:100%;flex:100%}.parent-box50 .box50 img{padding-top:0}.parent-box50 .box50 .flyer-kidpool{padding-top:100px}.parent-box50 .box50-r{text-align:right;padding-top:50px}.parent-box50 .box50-r img{width:100%}#work{padding:50px 0 0 0}#work .project-container .project{background-blend-mode:multiply;height:50vh}#work .project-container .project h3{font-size:2.688rem;opacity:1;visibility:visible}#work .project-container:hover .bsecure,#work .project-container:hover .kidpool,#work .project-container:hover .myvision,#work .project-container:hover .sportbuddy{height:50vh}}*{color:#06171e;margin:0;font-family:hauora-reg}.content{max-width:1290px;margin:auto;padding-left:30px;padding-right:30px}html{scroll-behavior:smooth}h1{font-family:tfgrotesk;font-size:3.375rem}h4{font-size:1.75rem}blockquote{font-style:italic;font-family:hauora-bold;padding-left:20px}.two-box-parent{display:-webkit-box;display:-ms-flexbox;display:flex}.two-box-parent .box{-webkit-box-flex:50%;-ms-flex:50%;flex:50%}.iframe-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.iframe-container iframe{border:0;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}@media only screen and (max-width:1080px){.two-box-parent{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.two-box-parent .box{-webkit-box-flex:100%;-ms-flex:100%;flex:100%}.two-box-parent .box img{width:80%;height:auto;max-width:100%}}.wave{-webkit-animation-name:wave-animation;animation-name:wave-animation;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:0;animation-iteration-count:0;-webkit-transform-origin:70% 70%;transform-origin:70% 70%;display:inline-block}@-webkit-keyframes wave-animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}20%{-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}30%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-4.5deg);transform:rotate(-4.5deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wave-animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}20%{-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}30%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-4.5deg);transform:rotate(-4.5deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.resume-download{position:relative}.resume-download:hover svg{stroke-dashoffset:0;opacity:1;-webkit-transition:opacity 0s,stroke-dashoffset .3s cubic-bezier(.645, .045, .355, 1);transition:opacity 0s,stroke-dashoffset .3s cubic-bezier(.645, .045, .355, 1)}.resume-download svg{fill:none;stroke:#F1B249;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:338;stroke-dashoffset:338;stroke-linecap:round;position:absolute;top:50%;left:50%;width:calc(100% + 20px);opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:stroke-dashoffset 0s .2s,opacity .2s;transition:stroke-dashoffset 0s .2s,opacity .2s;z-index:-1}.loader-container{height:100vh;width:100%;background-color:#06171e;position:fixed;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0}.loader-container .loader{margin:0 auto}.loader-container .loader svg{width:100px;height:auto;stroke-dasharray:460;stroke-dashoffset:2500;-webkit-animation:draw 4s linear forwards;animation:draw 4s linear forwards}@-webkit-keyframes draw{to{stroke-dashoffset:0}}@keyframes draw{to{stroke-dashoffset:0}}#navcover{background-color:#354136;position:fixed;top:0;width:100%;z-index:20}header{margin:auto;max-width:1290px;padding:0 20px;background-color:#354136;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header ul{list-style:none;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}header ul li{padding:5px;margin-left:30px}header ul li .active{border-bottom:2px solid #fff}header ul li .active#contactbtn{background:#fff;color:#354136}header ul li a{text-decoration:none;font-family:tfgrotesk;color:#fff}header ul li a:hover{border-bottom:2px solid #fff}header #contactbtn{border:1px solid #fff;border-radius:100px;padding:8px 30px;-webkit-transition:.7s;transition:.7s}header #contactbtn:hover{color:#354136;background:#fff}#logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:5}.mobilenav{background:#354136;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:100px;left:0;right:0;bottom:0;z-index:1;-webkit-transition:.5s;transition:.5s;opacity:0;visibility:hidden}.mobilenav .mobilenav-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style-type:none;margin-bottom:200px;-webkit-padding-start:20px;padding-inline-start:20px}.mobilenav .mobilenav-items .menu-item:not(:last-child){margin-bottom:30px}.mobilenav .mobilenav-items a{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;font-family:tfgrotesk;color:#fff;font-size:1.75rem}.mobilenav .mobilenav-items .active{border-bottom:4px solid #fff}.mobilenav #contactbtn{border:2px solid #fff;border-radius:100px;padding:5px 30px}.mobilenav.is-active{opacity:1;visibility:visible}#hamburger-icon{position:absolute;top:30px;right:30px;z-index:2;display:inline;margin:auto 0;visibility:hidden;opacity:0;cursor:pointer}#hamburger-icon div{width:35px;height:3px;background-color:#fff;margin:6px 0;-webkit-transition:.4s;transition:.4s}#hamburger-icon .bar2{width:30px}#hamburger-icon .bar3{width:25px}.is-active .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px)}.is-active .bar2{opacity:0;width:35px}.is-active .bar3{width:35px!important;-webkit-transform:rotate(45deg) translate(-6px,-8px);transform:rotate(45deg) translate(-6px,-8px)}.social-links{position:absolute;bottom:80px}.social-links ul{display:inline;padding:0;list-style-type:none}.social-links ul li{display:inline;padding:10px}.social-links ul li a{text-decoration:none;font-family:hauora-light!important;font-size:1rem!important}.social-links ul span{color:#fff;font-family:hauora-bold}.social-bar{display:block;z-index:10;position:fixed;top:50%;left:5%;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:.5s;transition:.5s;opacity:1;visibility:visible}.social-bar span{font-family:hauora-bold;color:#354136}.social-bar a{font-family:hauora-light;padding-top:10px;text-decoration:none;color:#354136}.social-bar a:hover{text-decoration:underline;-webkit-transition:5s;transition:5s}@media only screen and (max-width:800px){header nav{display:none}#hamburger-icon{visibility:visible!important;opacity:1!important}}.hero{height:calc(100vh - 100%);min-height:calc(100vh - 300px);padding-top:300px;padding-left:15%!important;position:relative}.hero h1{font-family:tfgrotesk;font-size:6.25rem}h2{font-family:hauora-sembold;font-size:2.188rem;padding-top:20px}h4{font-family:hauora-light;font-size:1.75rem}.hero-container{width:100%;max-width:100vw;height:100vh}.hero-container .hero-lines{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;width:100%;display:block;margin:0 auto auto 0;stroke-dasharray:3500;stroke-dashoffset:3500;-webkit-animation:dash 2.5s linear forwards;animation:dash 2.5s linear forwards;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}@media only screen and (max-width:1700px){.hero-container{background:url("/img/hero-lines.svg") no-repeat center center;width:100%;max-width:100vw}.hero-container .hero-lines{display:none}}@media only screen and (max-width:1200px){.hero{padding-left:10%!important}}@media only screen and (max-width:800px){.hero{padding-left:30px!important;padding-top:200px}.hero h1{font-size:3.75rem}.hero h2{font-size:1.75rem}}@media only screen and (max-width:1580px){.social-bar{display:none}}@media only screen and (max-width:800px){.intro .box img{width:100%}.bsecure h2,.kidpool h2,.myvision h2,.sportbuddy h2{font-size:2.188rem!important}}