.browserupgrade{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}h1,h2,h3{font-weight:700}body,html{color:#111!important;font-family:Open Sans,sans-serif;height:100%;width:100%}body{margin:0;padding:0}.thebackground{background-color:#efefef;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}#particles-js{height:100%;position:absolute;width:100%}a{color:#5594ff;-webkit-transition:all .4s;transition:all .4s}a,a:hover{text-decoration:none}a:hover{color:#7d00ff}em{color:#111!important}section{position:relative;z-index:1}.half{float:left;width:50%}.containme{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.table{margin:0}.lefty{float:left}.righty{float:right}.filter{background:#000;height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.noselect{-webkit-touch-callout:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.table{display:table;z-index:1}.table,.tablecell{height:100%;width:100%}.tablecell{display:table-cell;vertical-align:middle}section.loading{background:#fff;height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:9000}section.loading img{height:auto;width:150px}section.loading .loading__text{color:#999;letter-spacing:.05em;margin-top:20px;text-transform:uppercase}section.frame{background:#7d00ff;background:-webkit-gradient(linear,left top,right top,color-stop(0,#7d00ff),color-stop(80%,#5594ff));background:linear-gradient(90deg,#7d00ff,#5594ff 80%);height:4px;left:0;position:fixed;right:0;top:0;z-index:1000}body{padding-top:4px}body,section.header{-webkit-box-sizing:border-box;box-sizing:border-box}section.header{height:100px;left:50px;position:absolute;top:0;width:100%;z-index:10;z-index:9999}section.header img{background-color:#fff;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.1);box-shadow:3px 3px 3px rgba(0,0,0,.1);height:80px;padding:20px}.maincontainer{margin:0 auto;width:90%}.maintextismain{color:#333;font-size:28px;letter-spacing:.02em;line-height:1.75em;margin:100px auto 200px;text-align:justify;width:85%;width:calc(100% - 350px)}.thespecs{margin:200px auto 50px;max-width:90%}.aspec{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:10px 10px 50px;width:49%}.aspec .icon img{max-width:50px}.aspec .subtitle{color:#7d00ff;display:block;font-size:12px;font-weight:700;letter-spacing:.2em;margin:20px 0;padding-right:60px;position:relative;text-transform:uppercase}.aspec .subtitle span{background-color:#eee;border-radius:6px;color:#333;font-size:10px;padding:4px 6px;position:absolute;right:0;top:-15px}.aspec .thetext{color:#666;font-size:12px;letter-spacing:.1em;line-height:1.75em}.imagebackground{color:#fff;height:500px;height:50vh;margin-top:100px;position:relative;width:100%}.imagebackground .theimage{background-color:#000;background-image:url(../images/swimming.jpeg);background-position:50%;background-size:cover;height:100%;position:absolute;width:100%;z-index:0}.imagebackground .theovertext{font-weight:300;height:100%;opacity:.9;position:absolute;text-align:center;width:100%;z-index:1}.imagebackground .theovertext .maintext{font-size:32px;font-weight:700;letter-spacing:.1em;margin-bottom:15px;padding-bottom:15px;position:relative;text-transform:uppercase}.imagebackground .theovertext .maintext:after{background-color:#fff;bottom:0;content:"";height:1px;left:50%;margin-left:-50px;opacity:.3;position:absolute;width:100px}.imagebackground .theovertext .subtext{font-size:14px;letter-spacing:.05em;line-height:1.75em;margin:0 auto;width:750px}.thescenarios{max-width:1000px}.thescenarios .scenariostitle{color:#777;font-size:16px;font-weight:300;letter-spacing:.1em;margin:30px 0;text-transform:uppercase}.thescenarios .thegrid{margin:10px 0 30px}.thescenarios .thegrid .entry{border-radius:10px;display:inline-block;height:125px;margin:0 10px 10px;overflow:hidden;position:relative;width:175px}.thescenarios .thegrid .entry img.background{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;width:100%;z-index:0}.thescenarios .thegrid .entry .overtext{background:rgba(0,0,0,.3);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:10px;font-weight:400;left:0;letter-spacing:.2em;padding:5px 10px;position:absolute;right:0;text-transform:uppercase;z-index:1}section.introduction{min-height:100%;min-height:100vh;position:relative;text-align:center}section.introduction .bigbigtext{color:#fff;font-family:Montserrat,sans-serif;font-size:75px;font-size:5vw;font-weight:800;left:5%;letter-spacing:.1em;line-height:1.1em;max-width:60%;position:absolute;text-align:left;text-shadow:2px 2px 10px rgba(0,0,0,.2);text-transform:uppercase;top:20%;z-index:10}section.introduction .elvideo{background-color:#000;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.3);box-shadow:0 3px 8px rgba(0,0,0,.3);height:800px;height:75vh;margin:0 auto;overflow:hidden;position:absolute;top:0;width:100%}section.introduction .elvideo video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%;z-index:0}section.introduction .elvideo .videofilter{background:#7d00ff;background:-webkit-gradient(linear,left top,right top,color-stop(0,#7d00ff),color-stop(80%,#5594ff));background:linear-gradient(90deg,#7d00ff,#5594ff 80%);bottom:0;height:100%;left:0;opacity:.8;position:absolute;right:0;top:0;width:100%;z-index:1}section.introduction .textovervideo{background:#fff;bottom:150px;-webkit-box-shadow:-6px -4px 60px 10px rgba(0,0,0,.15);box-shadow:-6px -4px 60px 10px rgba(0,0,0,.15);-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1150px;padding:30px;position:absolute;right:0;text-align:left;width:80%;z-index:10}section.introduction .textovervideo:after{background:#333;bottom:0;content:"";left:-7px;position:absolute;top:0;width:7px}section.introduction .textovervideo .title{color:#222;font-size:32px;font-weight:800;letter-spacing:.15em;line-height:1.25em;margin-bottom:40px;position:relative;text-transform:uppercase}section.introduction .textovervideo .title span.areas{display:inline-block;position:relative}section.introduction .textovervideo .title span.areas:after{background-color:#7d00ff;border-radius:2px;bottom:-5px;content:"";height:4px;left:0;position:absolute;right:0;width:100%;width:calc(100% - 20px)}section.introduction .textovervideo .content{color:#777;font-size:14px;letter-spacing:.15em;line-height:2em}section.introduction .scrolldown{background-color:#111;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;left:5%;margin-left:-45px;padding:20px;position:absolute;width:90px}section.clients{margin-top:50px}section.clients .clientstitle{color:#666;font-size:14px;font-weight:300;letter-spacing:.2em;margin-bottom:30px;text-align:center;text-transform:uppercase}section.clients ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0;padding:0}section.clients ul li{display:inline-block;margin:10px 15px 0;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}section.clients ul li a{text-align:center;-webkit-transition:all .4s;transition:all .4s}section.clients ul li a img{max-height:100px;max-width:200px}.overvid{bottom:0;position:absolute;right:0}section.examples{background-color:#111;margin-top:0;padding:100px 0;text-align:center}section.examples .backgroundpattern{background-color:#000;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,#000 10px),repeating-linear-gradient(rgba(30,30,30,.333),#1e1e1e);bottom:0;height:100%;left:0;opacity:.3;position:absolute;right:0;top:0;width:100%}section.examples .content{position:relative}section.examples .content .mainiframe,section.examples .content div{max-width:90%;max-width:90vw;position:relative}section.examples .content div{margin:0 auto;width:1000px}section.examples .content div iframe{border-radius:10px;height:562px;width:1000px;width:100%}section.examples .content div .biglabel{bottom:0;color:#fff;font-size:64px;font-weight:800;line-height:1em;margin-top:-150px;position:absolute;right:20px;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.16);text-transform:uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom right;transform-origin:bottom right;width:562px;z-index:3}section.examples .content .lineovervideoman{bottom:40px;color:#fff;font-size:9px;left:0;letter-spacing:.2em;pointer-events:none;position:absolute;text-align:right;text-transform:uppercase;width:40%;width:calc(50% - 250px);z-index:10}section.examples .content .lineovervideoman.smaller:after{width:calc(100% - 250px)}section.examples .content .lineovervideoman:after{background-color:#7d00ff;content:"";height:1px;left:0;position:absolute;top:50%;-webkit-transition:all .2s;transition:all .2s;width:70%;width:calc(100% - 200px)}section.examples .content .lineovervideoman div{background-color:rgba(0,0,0,.1);display:inline-block;padding:3px 7px;width:auto}section.examples .content .eightkviewing{border-left:4px solid #444;-webkit-box-sizing:border-box;box-sizing:border-box;color:#777;display:block;font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.4em;margin:10px auto 0;padding-left:10px;position:relative;text-align:left;text-transform:uppercase;width:1000px}section.examples .content .maincontainer{position:relative}section.examples .content .buttons{background-color:#fff;left:50%;max-width:45%;padding:20px;position:absolute;text-align:left;top:555px;width:auto}section.examples .content .buttons ul{list-style:none;margin:0 -5px;padding:0}section.examples .content .buttons ul li{background-color:#eee;color:#666;cursor:help;display:inline-block;font-size:14px;font-weight:700;margin:5px;padding:7px 10px;text-transform:uppercase;-webkit-transition:all .5s;transition:all .5s}section.examples .content .buttons ul li.active,section.examples .content .buttons ul li:hover{background:#7d00ff;color:#fff}section.examples .content .buttons .somecontent{color:#555;font-size:12px;letter-spacing:.05em;line-height:1.75em;margin-top:20px;text-align:justify;width:100%}.sectiontitle{color:#444;font-family:Oswald,sans-serif;font-size:46px;font-weight:800;letter-spacing:.05em;line-height:1.2em;margin-bottom:30px;margin-left:60px}section.theprocess{margin-top:200px;padding-top:100px}section.theprocess .sectiontitle{display:inline-block;font-family:Montserrat,sans-serif;position:relative}section.theprocess .sectiontitle:after,section.theprocess .sectiontitle:before{background:#7d00ff;border-radius:2px;bottom:1px;content:"";height:3px;position:absolute}section.theprocess .sectiontitle:before{left:-400px;width:450px}section.theprocess .sectiontitle:after{right:0;width:360px}section.theprocess .processcontent{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:60px}section.theprocess .processcontent ul{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;margin:0;padding:0}section.theprocess .processcontent ul li{background:#fff;border-radius:10px;display:inline-block;margin:10px 10px 0;padding:15px 30px 30px;-webkit-box-flex:1;-webkit-box-shadow:3px 3px 6px rgba(0,0,0,.16);box-shadow:3px 3px 6px rgba(0,0,0,.16);counter-increment:section;-ms-flex:1 0 0px;flex:1 0 0;min-width:200px;position:relative;text-align:center}section.theprocess .processcontent ul li:after{color:#fff;content:counter(section);font-family:Montserrat,sans-serif;font-size:72px;font-weight:800;left:-10px;line-height:1em;position:absolute;text-shadow:2px 2px 10px rgba(0,0,0,.15);top:-30px;-webkit-transition:all 2s;transition:all 2s}section.theprocess .processcontent ul li .lineafter{background:#fff;background:hsla(0,0%,100%,.2);height:100%;position:absolute;right:-10px;top:0;width:1px}section.theprocess .processcontent ul li img{height:300px;-o-object-fit:contain;object-fit:contain}section.theprocess .processcontent ul li .label{color:#666;font-size:12px;font-weight:400;letter-spacing:.1em;text-align:left;text-transform:uppercase}section.theprocess .processcontent ul li .label span{color:#222;cursor:help;display:inline-block;font-weight:800;position:relative;width:auto}section.theprocess .processcontent ul li .label span:after{background:#ccc;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0;-webkit-transition:all .4s;transition:all .4s}section.theprocess .processcontent ul li .label span:hover:after{background:#7d00ff}section.scenes{margin-top:200px;padding-top:100px}section.scenes .sectiontitle{font-size:18px;text-transform:uppercase}section.scenes .scenescontent{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:60px}section.scenes .scenescontent ul{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;margin:0;padding:0}section.scenes .scenescontent ul li{background:#fff;border-radius:10px;display:inline-block;margin:10px 10px 0;padding:1px 30px 17px;-webkit-box-flex:1;border:7px solid transparent;-webkit-box-shadow:3px 3px 6px rgba(0,0,0,.16);box-shadow:3px 3px 6px rgba(0,0,0,.16);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 0 0px;flex:1 0 0;min-width:200px;position:relative;text-align:center}section.scenes .scenescontent ul li:last-of-type{border:7px solid #7d00ff}section.scenes .scenescontent ul li img{height:300px;-o-object-fit:contain;object-fit:contain}section.scenes .scenescontent ul li .label{color:#444;font-size:12px;font-weight:400;letter-spacing:.05em;text-align:left;text-transform:uppercase}section.aboutus{-webkit-box-sizing:border-box;box-sizing:border-box;height:100vh;margin-top:200px;overflow:hidden;position:relative}section.aboutus .whoarewe{bottom:0;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:50%;z-index:0}section.aboutus .thetext{bottom:0;height:100%;left:0;position:relative;top:0;width:50%}section.aboutus .arrow-top{clip-path:polygon(0 0,50% 20%,100% 0);margin-top:-1px;top:0}section.aboutus .arrow-bottom,section.aboutus .arrow-top{background:#fff;height:50%;position:absolute;right:0;width:100%}section.aboutus .arrow-bottom{clip-path:polygon(0 100%,50% 80%,100% 100%);top:50%}section.aboutus .container{-webkit-box-sizing:border-box;box-sizing:border-box;color:#444;margin:0 auto;padding:50px;position:relative;text-align:left;z-index:2}section.aboutus .container .title{color:#555;font-size:16px;font-weight:700;letter-spacing:.2em;margin-bottom:20px;text-transform:uppercase}section.aboutus .container .subtitle{font-size:6.5vw;letter-spacing:-.05em;line-height:1.1em;text-transform:uppercase}section.aboutus .aboutuscontent{background-color:#fff;bottom:4%;-webkit-box-shadow:-6px -4px 30px 5px rgba(0,0,0,.15);box-shadow:-6px -4px 30px 5px rgba(0,0,0,.15);color:#777;font-size:14px;left:50%;letter-spacing:.05em;line-height:1.75em;padding:30px;position:absolute;width:500px;z-index:3}section.aboutus .aboutuscontent b{color:#7d00ff!important}section.aboutus .aboutuscontent em{color:#333!important}section.contactus{margin-top:-1px}section.contactus .container{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:200px 100px 100px;width:100%}section.contactus .massivetitle{color:#7d00ff;font-family:Montserrat,sans-serif;font-size:56px;font-size:4vw;font-weight:800;line-height:1em;text-transform:uppercase}section.contactus .notsomassivetitle{color:#999;font-size:14px;letter-spacing:.1em;margin-bottom:50px;margin-top:10px;text-transform:uppercase}section.contactus .contactform .inputsection{margin:0 0 40px;position:relative}section.contactus .contactform .inputsection input{border:2px solid #777;border-radius:2px;font-size:14px;margin-top:10px;max-width:400px;padding:15px;-webkit-transition:all .4s;transition:all .4s;width:80%}section.contactus .contactform .inputsection input.hascontent{border-color:#7d00ff}section.contactus .contactform .inputsection input:active,section.contactus .contactform .inputsection input:focus,section.contactus .contactform .inputsection input:focus-visible{border-color:#5594ff;outline:none}section.contactus .contactform .inputsection input::-webkit-input-placeholder{color:#bbb}section.contactus .contactform .inputsection input::-moz-placeholder{color:#bbb}section.contactus .contactform .inputsection input:-ms-input-placeholder{color:#bbb}section.contactus .contactform .inputsection input::-ms-input-placeholder{color:#bbb}section.contactus .contactform .inputsection input::placeholder{color:#bbb}section.contactus .contactform .inputsection label{background:#fff;color:#555;display:block;font-size:12px;font-weight:700;left:5px;letter-spacing:.05em;padding:0 15px;position:absolute;text-transform:uppercase;top:0}section.contactus .contactform button,section.contactus .contactform input[type=submit]{background:#5594ff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.05em;padding:20px 30px;text-transform:uppercase;-webkit-transition:all .4s;transition:all .4s}section.contactus .contactform button:hover,section.contactus .contactform input[type=submit]:hover{background:#7d00ff}section.contactus .orelse{color:#aaa;font-size:13px;letter-spacing:.075em;margin-top:50px;text-transform:uppercase}section.contactus .orelse a{color:#5594ff;-webkit-transition:all .4s;transition:all .4s}section.contactus .orelse a:hover{color:#7d00ff;text-decoration:none}footer{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;z-index:0}footer .footercontainer{background:#333;border-top:1px solid #eee;color:#aaa;font-size:12px;font-weight:300;letter-spacing:.05em;padding:25px 50px 40px;text-transform:uppercase}footer .footercontainer .left,footer .footercontainer .middle,footer .footercontainer .right{float:left;width:33%}footer .footercontainer .middle{text-align:center}footer .footercontainer .right{position:relative;text-align:right}footer .footercontainer .right:after{background-color:#f16622;bottom:-5px;content:"";height:3px;position:absolute;right:0;-webkit-transition:all .75s;transition:all .75s;width:0}footer .footercontainer .right:hover:after{width:80px}footer .footercontainer .right a{color:#f16622}footer .footercontainer .right a:hover{text-decoration:none}@media screen and (max-height:890px){section.introduction .lineovervideo{top:50vh}}@media screen and (max-height:760px){section.introduction .scrolldown{display:none}}@media screen and (max-width:1200px){.maintextismain{width:100%}}@media screen and (max-width:900px){section.examples .content .lineovervideoman{display:none}section.examples .content .buttons{left:0;margin-top:50px;max-width:90%;position:relative;right:auto;top:0}section.examples .content div .biglabel{font-size:42px}}@media screen and (max-width:700px){section.theprocess .sectiontitle{font-size:24px}section.aboutus .whoarewe{height:30%;position:relative;width:100%}section.aboutus .thetext{height:70%;position:relative;width:100%}section.aboutus .aboutuscontent{bottom:0;left:0;position:relative;width:80%}.aspec{width:100%}}@media screen and (max-width:650px){.thescenarios .thegrid .entry{width:100%}}@media screen and (max-width:600px){section.introduction .scrolldown{display:none!important}section.introduction .lineovervideo{display:none}section.introduction .textovervideo{left:10%;right:0;width:90%}section.introduction .textovervideo .title{font-size:18px}section.introduction .textovervideo .content{line-height:1.75em}section.examples .content div .biglabel{display:none}section.examples .content .buttons ul li{background-color:#f2f2f2;border-radius:4px;display:block;margin:4px 0;padding:8px 0;text-align:center}footer .footercontainer .right{display:none}}@media screen and (max-width:500px){section.theprocess .processcontent{margin-left:25px}section.theprocess .processcontent ul li{margin:20px 0;max-width:80%;width:80%}section.theprocess .processcontent ul li img{height:100px}section.scenes .sectiontitle{margin-left:5%;margin-right:5%}section.scenes .scenescontent{margin-left:25px}section.scenes .scenescontent ul li{margin:10px 0;max-width:80%;min-width:95%;width:80%}section.scenes .scenescontent ul li img{height:100px}section.aboutus .aboutuscontent{padding:20px}section.contactus .container{padding:100px 20px}}