h1{color:#fff;font-weight:300;text-transform:uppercase;font-size:50px}h2{color:#fff;font-weight:300}h3{color:#fff;font-weight:300}h4{margin-top:0;color:#fff}.outterSection{display:block;width:100vw;overflow:hidden;position:relative;z-index:1}.section{display:block;min-height:100vh;width:100vw;overflow-y:hidden}.innerSection{min-height:100%;width:100%;position:relative}.paralaxBg{height:100%;width:100%;overflow:hidden;top:0px;position:relative;background-position:center 15%}.sectionHeader{width:100vw;background-color:#212121;color:#fff;text-align:center}.sectionHeader>.sectionTitle{padding:15px;font-size:32px;text-transform:uppercase}.sectionHeader::after{height:20px;width:100vw;content:"";background-color:#263238;display:block}.portfolioTiles{display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden}.portfolioTiles .portfolioTileBox{flex-basis:33%;min-width:200px;position:relative;flex-shrink:1;flex-grow:1;height:300px;overflow:hidden}@media (max-width: 767px){.portfolioTiles .portfolioTileBox{flex-basis:100%}}.portfolioTiles .portfolioTileBox .portfolioTile{width:100%;height:100%;cursor:pointer;position:absolute;background-position:center top;background-size:cover;transition:all 0.3s}.portfolioTiles .portfolioTileBox .portfolioTile:hover{transform:scale(1.2)}.portfolioTiles .portfolioTileBox .portfolioTile .portfolioTitle{text-shadow:1px 1px 2px #212121;font-weight:600;font-size:30px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.blocksContainer{height:calc(100% - 89px);width:100%;position:relative}.blocksContainer .blockParent{overflow:hidden;position:absolute}.blocksContainer .blockParent .block{background-size:cover;transition:all 0.5s;height:100%;width:100%}.blocksContainer .blockParent .block:hover{transform:scale(1.2)}.blocksContainer .blockParent .block .blockContent{transition:all 0.5s;width:100%;height:100%}.blocksContainer .blockParent .block .blockContent:hover{background-color:rgba(0,0,0,0.6)}.blocksContainer .blockParent .block .blockContent .blockText{text-align:center;color:#fff;font-size:24px;width:75%;height:75%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.blocksContainer .blockParent .block .blockContent .blockText .fa{font-size:32px;display:block}.blocksContainer .blockParent .block .blockContent .blockText span{margin-top:10px;display:block;font-size:16px}@media (max-width: 767px){.blocksContainer .blockParent .block .blockContent .blockText span{display:none}}.blocksContainer>#blockParent1{width:60%;height:40%;top:0;left:0}@media (max-width: 767px){.blocksContainer>#blockParent1{width:100%;height:12.5%;top:0;left:0}}#block1{background-image:url("./green.svg")}.blocksContainer>#blockParent2{width:40%;height:20%;top:0;left:60%}@media (max-width: 767px){.blocksContainer>#blockParent2{width:100%;height:12.5%;top:12.5%;left:0}}#block2{background-image:url("./red.svg")}.blocksContainer>#blockParent3{width:40%;height:20%;top:20%;left:60%}@media (max-width: 767px){.blocksContainer>#blockParent3{width:100%;height:12.5%;top:25%;left:0}}#block3{background-image:url("./blue.svg")}.blocksContainer>#blockParent4{width:34%;height:30%;top:40%;left:0%}@media (max-width: 767px){.blocksContainer>#blockParent4{width:100%;height:12.5%;top:37.5%;left:0}}#block4{background-image:url("./yellow.svg")}.blocksContainer>#blockParent5{width:34%;height:30%;top:40%;left:33%}@media (max-width: 767px){.blocksContainer>#blockParent5{width:100%;height:12.5%;top:50%;left:0}}#block5{background-image:url("./orange.svg")}.blocksContainer>#blockParent6{width:33%;height:30%;top:40%;left:67%}@media (max-width: 767px){.blocksContainer>#blockParent6{width:100%;height:12.5%;top:62.5%;left:0}}#block6{background-image:url("./black.svg")}.blocksContainer>#blockParent7{width:50%;height:30%;top:70%;left:0%}@media (max-width: 767px){.blocksContainer>#blockParent7{width:100%;height:12.5%;top:75%;left:0}}#block7{background-image:url("./purple.svg")}.blocksContainer>#blockParent8{width:50%;height:30%;top:70%;left:50%}@media (max-width: 767px){.blocksContainer>#blockParent8{width:100%;height:12.5%;top:87.5%;left:0}}#block8{background-image:url("./lime.svg")}.navHeader{position:fixed;top:0;width:100vw;z-index:100;transition:all .5s}.navHeader .navTitle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:24px;transition:all 0.5s;text-transform:uppercase}@media (max-width: 767px){.navHeader .navTitle{display:none}}.navHeader .right-section{height:105px;position:relative;text-align:right;font-size:20px;padding-right:15px;transition:all 0.5s}.navHeader .right-section .phoneExtras{position:absolute;background-color:#212121;color:#fff;border-radius:10px;height:auto;padding:5px;text-align:left;display:none;transition:display 0.5s;top:120px;right:100px}.navHeader .right-section .phoneExtras::before{content:"";width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #212121;position:absolute;top:-15px;left:50%;transform:translateX(-50%)}.navHeader .right-section .phoneExtras span{display:block}.navHeader .right-section div{height:100%;display:inline-block;position:relative;top:50%;transform:translateY(-50%);right:15px}.navHeader .right-section div .navPhone,.navHeader .right-section div .navMenu{height:24px;display:inline-block;transition:all 0.5s}.navHeader .right-section div .navPhone a,.navHeader .right-section div .navMenu a{color:#212121}@media (max-width: 767px){.navHeader .right-section div.navPhoneParent{display:none}}.navHeader .right-section .navMenuParent{cursor:pointer;position:relative}.navHeader .right-section .navMenuParent .navMenu{height:24px}.navHeader .right-section .navMenuParent::before{content:"";position:absolute;top:-1px;left:-17px;width:calc(100% + 41px);height:calc(100% - 2px);background-color:#fff;transform:scaleY(0);transform-origin:center top;transition:all 0.1s linear;transition-delay:0.2s;border-right:3px solid #212121;border-left:3px solid #212121;border-top:3px solid #212121}.navHeader .right-section .navMenuParent.open .navMenu{color:#212121}.navHeader .right-section .navMenuParent.open .navMenu #menuIcon{background-color:#212121}.navHeader .right-section .navMenuParent.open .navMenu #menuIcon::before,.navHeader .right-section .navMenuParent.open .navMenu #menuIcon::after{background-color:#212121}.navHeader .right-section .navMenuParent.open::before{transform:scaleY(1);transition-delay:initial}.navHeader .right-section .navMenuParent.open .menu{transform:scaleY(1);transition-delay:0.1s}.navHeader .right-section .navMenuParent .menu{position:absolute;right:-30px;top:102px;border:3px solid #212121;transition:all 0.2s linear;transition-delay:initial;transform-origin:center top;transform:scaleY(0);background-color:#fff;max-width:100vw;width:300px;z-index:-1;height:auto}.navHeader .right-section .navMenuParent .menu a{color:#212121}.navHeader .right-section .navMenuParent .menu a li{list-style:none;text-align:left;height:40px;position:relative;border-bottom:1px solid black}.navHeader .right-section .navMenuParent .menu a li span{position:absolute;top:50%;transform:translateY(-50%);left:5px}.navHeader .right-section .navMenuParent .menu a:last-child li{border-bottom:none}.navHeader .right-section .menuIconHolder{position:relative;height:24px;width:30px;top:4px;display:inline-block;transition:all .5s;transform:none;right:auto}.navHeader .right-section .menuIconHolder #menuIcon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:4px;background-color:#212121;border-radius:2px;transition:all 0.2s}.navHeader .right-section .menuIconHolder #menuIcon::before{content:"";width:24px;height:4px;background-color:#212121;position:absolute;top:-8px;border-radius:2px;transition:all 0.2s;left:0}.navHeader .right-section .menuIconHolder #menuIcon::after{content:"";width:24px;height:4px;background-color:#212121;position:absolute;top:8px;border-radius:2px;transition:all 0.2s;left:0}.navHeader .right-section .menuIconHolder #menuIcon.active{height:0}.navHeader .right-section .menuIconHolder #menuIcon.active::before{transform:rotate(45deg);top:-2px}.navHeader .right-section .menuIconHolder #menuIcon.active::after{transform:rotate(-45deg);top:-2px}.navHeader a img{position:absolute;top:15px;left:15px;height:75px;transition:all 0.5s}.navHeader.mini{height:70px;background-color:#212121}.navHeader.mini .right-section{height:70px}.navHeader.mini .right-section #menuIcon{background-color:#fff}.navHeader.mini .right-section #menuIcon::before,.navHeader.mini .right-section #menuIcon::after{background-color:#fff}.navHeader.mini .right-section .menu{top:67px}.navHeader.mini div .navPhone,.navHeader.mini div .navMenu{color:#fff}.navHeader.mini div .navPhone a,.navHeader.mini div .navMenu a{color:#fff}.navHeader.mini a{color:#fff}.navHeader.mini a img{height:40px}@media only screen and (max-width: 620px){.navPhone{display:none}}#about{background-color:#212121;color:#fff}.aboutPiece{padding:20px;display:flex;flex-direction:row;flex-wrap:wrap}.aboutPiece:nth-child(odd){flex-direction:row-reverse}.aboutPiece:nth-child(odd) .aboutImage{margin:0 15px 0 0}@media (max-width: 767px){.aboutPiece .aboutSectionImage{margin:0 auto}}.aboutPiece img{width:300px;max-width:100%}.aboutPiece .aboutImage{margin:0 0 0 15px;flex-basis:413px;flex-shrink:0;flex-grow:1}@media (max-width: 767px){.aboutPiece .aboutImage{margin:0;flex-shrink:1}}.footer{width:100%;background-color:#8e44ad;color:#fff;position:fixed;bottom:0}.columns{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.three-columns{flex-basis:150px;flex-grow:1;flex-shrink:1;min-width:200px;padding-bottom:20px}@media (max-width: 767px){.three-columns{padding-left:15px;padding-right:15px}}.three-columns ul{list-style-type:none}.three-columns ul a{color:#fff;cursor:pointer}.footerLogo{display:block;width:100%;max-width:200px;margin-top:20px;margin-bottom:20px}.footer-banner{position:relative;width:100%;height:50px;background-color:#9b59b6;text-align:center}.footer-banner span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#footer-allowance{pointer-events:none}.cookie-banner{display:none;position:fixed;bottom:0;background-color:#212121;color:#fff;border-top:#fff 1px solid;padding:20px;width:calc(100% - 40px);z-index:400}.cookie-banner p{width:calc(100% - 80px)}.cookie-banner .button{background-color:#faf;color:#3f007f;padding:5px;border-radius:5px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:60px;height:25px;text-align:center;line-height:25px;cursor:pointer}@media (max-width: 767px){.cookie-banner{padding:10px;width:calc(100% - 20px)}}#contact{background-color:#3f007f;color:#fff}#contact .contactHeader{width:100%;display:block;position:relative;background-color:#8e44ad}#contact .contactHeader h2{text-align:center;font-size:32px;text-transform:uppercase;margin:0;padding:15px}#contact .contactHeader::after{height:20px;width:100vw;content:"";background-color:#9b59b6;display:block}.contactUs{display:flex;flex-direction:row;flex-wrap:wrap;padding:20px;font-size:24px}.contactUs .contactBlurb{flex-basis:150px;flex-grow:1;flex-shrink:1;padding:0 20px;max-width:100%}@media (max-width: 767px){.contactUs .contactBlurb{font-size:18px}}@media (max-width: 767px){.contactUs .contactBlurb h3{font-size:18px}}.contactUs .contactForm{flex-basis:300px;flex-grow:2;flex-shrink:1;background-color:#c8c8c8;color:#212121;max-width:100%;position:relative}.contactUs .contactForm form{font-size:24px;padding:20px 40px}@media (max-width: 767px){.contactUs .contactForm form{padding:10px 15px;font-size:18px}}.contactUs .contactForm form label{display:inline}.contactUs .contactForm form input{display:block;font-size:24px;width:100%;box-sizing:border-box;transition:all 0.3s ease-in-out;border:none;outline:none}@media (max-width: 767px){.contactUs .contactForm form input{font-size:18px}}.contactUs .contactForm form input:focus{outline:none;box-shadow:0 0 10px #3f007f}.contactUs .contactForm form input::selection{background-color:#3f007f;color:#fff}.contactUs .contactForm form .checkbox{padding-top:15px;padding-bottom:15px;display:block;text-align:center}.contactUs .contactForm form .checkbox input[type="checkbox"]{display:none}.contactUs .contactForm form .checkbox span{width:24px;height:24px;background-color:#fff;display:inline-block;position:relative;top:3px}@media (max-width: 767px){.contactUs .contactForm form .checkbox span{width:18px;height:18px}}.contactUs .contactForm form .checkbox input[type="checkbox"]:checked+span{background-color:#3f007f}.contactUs .contactForm form .checkbox input[type="checkbox"]:checked+span::after{content:"\f00c";width:24px;text-align:center;font-weight:900;font-family:'Font Awesome 5 Free';color:#fff}.contactUs .contactForm form textarea{font-size:24px;width:100%;height:240px;transition:all 0.3s ease-in-out;border:none;outline:none}@media (max-width: 767px){.contactUs .contactForm form textarea{font-size:18px}}.contactUs .contactForm form textarea:focus{outline:none;box-shadow:0 0 10px #3f007f}.contactUs .contactForm form textarea::selection{background-color:#3f007f;color:#fff}.contactUs .button{margin-top:10px;position:relative;left:50%;transform:translateX(-50%);cursor:pointer;display:inline-block;background-color:#3f007f;padding:10px 15px;border-radius:5px;color:#fff}.contactResponseTime{text-align:center}@media (max-width: 767px){.contactResponseTime{font-size:12px}}.errorMessage{text-align:center;display:none;color:#f00;position:absolute;top:10%;left:50%;transform:translateX(-50%)}.sendingMessage{text-align:center;display:none;position:absolute;top:10%;left:50%;transform:translateX(-50%)}.successMessage{text-align:center;display:none;position:absolute;top:10%;left:50%;transform:translateX(-50%)}.g-recaptcha{position:relative;left:50%;transform:translateX(-50%);display:inline-block}@media (max-width: 767px){.g-recaptcha{transform:scale(0.77) translateX(-50%);-webkit-transform:scale(0.77) translateX(-50%);transform-origin:0 0;-webkit-transform-origin:0 0}}.modal-button{position:relative;left:50%;transform:translateX(-50%);width:100%;max-width:300px;text-align:center;cursor:pointer;padding:20px;border-radius:5px;color:#212121;background-color:#fff}html,body{font-family:'Montserrat', sans-serif;height:100%}a{text-decoration:none;color:#faf}.prominance{position:absolute;top:25%;left:50%;transform:translateX(-50%)}.prominance>h1,.prominance>h2{text-align:center}#home{height:100vh}.parentHorizontalScroll{height:calc(200vw + 100vh);width:100vw;overflow:scroll}@media (max-width: 767px){.parentHorizontalScroll{height:calc(700vw + 100vh)}}.parentHorizontalScroll #forceHorizontalScroll{position:fixed;top:70px;z-index:-1;display:block;height:calc(100vh - 70px);width:300vw;overflow:hidden;background-color:#fff}@media (max-width: 767px){.parentHorizontalScroll #forceHorizontalScroll{width:800vw}}.parentHorizontalScroll #forceHorizontalScroll .horizontalPage{display:inline-block;height:calc(100vh - 70px);width:100vw}@media (max-width: 767px){.parentHorizontalScroll #forceHorizontalScroll .horizontalPage{width:200vw}}#services{position:relative;height:150vh}@media (max-width: 767px){#services{height:250vh}}.purple{color:#3f007f}.mobileOnly{display:none}@media (max-width: 767px){.mobileOnly{display:block}}.infoBox{position:absolute;top:15px;left:15px;width:33vw;padding:10px;background-color:#c8c8c8;box-shadow:5px 5px 5px #212121;border:1px solid #212121}.infoBox h3{color:#212121;font-weight:bold}@media (max-width: 767px){.infoBox{width:calc(100vw - 50px);height:calc(100vh - 120px)}}.endInfoBox{position:absolute;top:50%;right:30px;width:33vw;padding:10px;background-color:#c8c8c8;box-shadow:5px 5px 5px #212121;border:1px solid #212121}.endInfoBox h3{color:#212121;font-weight:bold}@media (max-width: 767px){.endInfoBox{width:calc(100vw - 50px);height:calc(100vh - 120px);top:15px;right:15px}}.mobileInfoBox{display:none;width:100vw;height:100%}@media (max-width: 767px){.mobileInfoBox{display:inline-block}}.modalBackground{background-color:rgba(0,0,0,0.6);height:100%;width:100%;position:fixed;top:0px;left:0px;display:none;z-index:100}.modal{background-color:#000;color:#fff;height:80%;width:80%;position:fixed;top:5%;left:10%;display:none;z-index:101}.modal #modalContent{height:calc(100% - 20px);width:calc(100% - 20px);overflow-x:hidden;overflow-y:scroll;padding:10px}.modal #modalContent h2{width:calc(100% - 25px)}.modal #modalContent p{width:calc(100% - 20px)}.modal #modalClose{position:absolute;right:5px;top:5px;cursor:pointer;font-size:3em;color:#fff}