/*!
Theme Name: Nate Twenty Twenty
Theme URI: http://underscores.me/
Author: Nathan Adshead
Author URI: https://nateweb.ca
Description: Nate Theme v2020
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nate-twenty-twenty
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Nate Twenty Twenty is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;line-height:1.1;font-style:normal;-webkit-font-smoothing:antialiased}h1{font-family:"Noto Serif",serif;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,.4);font-size:3rem;font-weight:400}h2.title{text-align:center;width:100%;font-family:"Noto Serif",serif;color:#031926;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:2rem;width:100%;font-weight:400}h2.hide{overflow:hidden;text-align:center;width:100%;line-height:1.4}h2.hide span{font-family:"Noto Serif",serif;color:#031926;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:2rem;width:100%;font-weight:400;display:inline-block}h2.white{color:#fff}h2.white span{color:#03BFE1}h2.pro-title{text-align:center;margin-bottom:2rem;font-size:2rem}h6.hide{width:100%;text-align:center;overflow:hidden;line-height:1.4}h6.hide span{width:100%;font-family:"Noto Serif",serif;color:#031926;font-size:2.5em;font-weight:400;display:inline-block}.pro-text p{line-height:1.7;margin-bottom:1.5rem}.btn{padding:.9rem 3rem;display:inline-block}.btn span{text-transform:uppercase;font-weight:400;font-size:.9em}.link{color:#fff;font-weight:400}.btn-outline-white{border:2px solid #fff}.btn-outline-white span{color:#fff}.btn-outline-orange{border:2px solid #FE5733;overflow:hidden}.btn-outline-orange span{color:#FE5733;font-weight:700;z-index:9}.btn-outline-orange::after{content:'';position:absolute;display:block;width:120%;height:100%;background-color:#FE5733;top:0;left:-130%;transform:skewX(15deg)}.btn-outline-orange:hover span{color:#fff}.btn-outline-orange:hover::after{left:-1rem}.btn-fill-orange{background-color:#FE5733;border:2px solid #FE5733;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.4));overflow:hidden}.btn-fill-orange span{color:#fff;text-transform:uppercase;z-index:9}.btn-fill-orange::after{content:'';display:block;width:100%;height:140%;transform:skewY(3deg);left:0;bottom:-155%;position:absolute;background-color:#fff}.btn-fill-orange:hover span{color:#FE5733}.btn-fill-orange:hover::after{bottom:-.8rem}.pro-btn{display:block;padding:1.2rem}.pro-btn span{font-weight:800;font-size:1em;text-transform:uppercase;z-index:9;display:block;text-align:center}.pro-btn::after{content:'';display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:100%}.pro-btn-orange span{color:#fff}.pro-btn-orange::after{background-color:#FE5733}.pro-btn-white span{color:#031926}.pro-btn-white::after{background-color:#fff}#scroll{position:absolute;width:100%;bottom:-2.5rem}#scroll .circle{width:70px;height:70px;margin:0 auto;border-radius:50%;background-color:#FBF9FF;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}#scroll .circle span{font-family:"Open Sans",sans-serif;font-weight:700;color:#031926;display:block;width:100%;text-align:center;padding-top:.7rem;font-size:.8rem}.slick-slide{padding:0 10px}input[type="submit"]{cursor:pointer}.container{padding:0 1rem;width:100%}.container-mid{width:100%;max-width:1300px;margin:0 auto}.container-sm{width:100%;max-width:950px;margin:0 auto}.container-mini{width:100%;max-width:750px;margin:0 auto}.container-full-height{height:100%;height:100vh;height:calc(var(--vh, 1vh) * 100)}.d-grid{display:grid}.d-flex{display:flex;height:100%;align-items:center}.btn-align-center{text-align:center}.min-height{min-height:100%;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}section{padding:4rem 0}section.no-pad{padding:0}section#connect,section#social{padding:2rem 0}#preloader{background-color:#fff;width:100vw;min-height:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;animation:slide-out 0.6s ease-in-out forwards;animation-delay:2s}#preloader .wrapper{display:flex;align-items:center;height:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);width:100%}#preloader .wrapper svg{width:35%;max-width:100px;min-width:115px;margin:0 auto}#preloader .wrapper svg path{stroke:#03BFE1;stroke-width:.03rem;stroke-dasharray:400;fill:transparent;animation:loader 1.5s ease-in-out forwards}@keyframes loader{0%{stroke-dashoffset:400}65%{stroke-dashoffset:0;fill:transparent}100%{fill:#03BFE1}}@keyframes slide-out{0%{left:0}100%{left:-100vw;z-index:-99}}@keyframes slide-in{0%{left:100vw;z-index:99999}100%{left:0}}nav#main{text-align:right;display:none;justify-content:flex-end;line-height:0}nav#main ul#menu-main-menu li{display:inline-block}nav#main ul#menu-main-menu li a{font-size:.8rem;color:#fff;font-weight:400;text-transform:uppercase;padding:.2rem 1rem;overflow:hidden;text-shadow:1px 1px 1px rgba(0,0,0,.5);line-height:1}nav#main ul#menu-main-menu li a::after{content:'';display:block;position:absolute;background-color:#fff;top:0;left:-150%;height:100%;width:140%;z-index:-1;transform:skewX(15deg)}nav#main ul#menu-main-menu li a:hover{color:#031926;text-shadow:none}nav#main ul#menu-main-menu li a:hover::after{left:-20px}nav#main ul#menu-main-menu li.current-menu-item a{color:#03BFE1}body.single header#masthead nav#main ul#menu-main-menu li:nth-child(1) a{color:#03BFE1}body.single #mobile-nav .content nav#mobile ul li#nav-works{background-color:#fff}body.single #mobile-nav .content nav#mobile ul li#nav-works a{color:#03BFE1}body.page-privacy-policy header#masthead nav#main ul#menu-main-menu li a,body.page-cookie-policy header#masthead nav#main ul#menu-main-menu li a{color:#031926}body.page-privacy-policy header#masthead nav#main ul#menu-main-menu li a::after,body.page-cookie-policy header#masthead nav#main ul#menu-main-menu li a::after{background-color:#03BFE1}body.page-privacy-policy header#masthead nav#main ul#menu-main-menu li a:hover,body.page-cookie-policy header#masthead nav#main ul#menu-main-menu li a:hover{color:#fff;text-shadow:none}header#masthead{position:absolute;top:0;left:0;width:100%;z-index:999}header#masthead .header-container{padding:1rem 1rem 0 1rem;grid-template-columns:repeat(2,1fr)}header#masthead .header-container #logo{width:17%;max-width:75px;min-width:50px}header#masthead .header-container #logo svg{filter:drop-shadow(2px 2px 1px rgba(0,0,0,.2))}body.page-home header#masthead .header-container #logo svg{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}#ham-container{position:fixed;bottom:0;width:auto;z-index:9999;padding:1.2rem;text-align:right;right:0;line-height:0;padding:1rem}.ham-circle{display:inline-block;overflow:visible;margin:0;padding:1.188rem 1rem;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;background-color:#031926;text-align:right;border-radius:50%;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.2))}.ham-circle .ham-box{position:relative;display:block;width:25px;height:19px}.ham-circle .ham-box .ham-inner{top:0;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s;display:block}.ham-circle .ham-box .ham-inner,.ham-circle .ham-box .ham-inner::before,.ham-circle .ham-box .ham-inner::after{position:absolute;width:25px;height:2px;transition-property:transform;background-color:#fff;border-radius:4px}.ham-circle .ham-box .ham-inner::before,.ham-circle .ham-box .ham-inner::after{content:'';display:block}.ham-circle .ham-box .ham-inner::before{top:8px;transition:opacity .125s ease .275s}.ham-circle .ham-box .ham-inner::after{top:16px;transition:transform 0.275s cubic-bezier(.68,-.55,.265,1.55);bottom:-10px}body.mobile-active #ham-container .ham-circle{background-color:#fff}body.mobile-active #ham-container .ham-circle .ham-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}body.mobile-active #ham-container .ham-circle .ham-inner,body.mobile-active #ham-container .ham-circle .ham-inner::before,body.mobile-active #ham-container .ham-circle .ham-inner::after{background-color:#031926}body.mobile-active #ham-container .ham-circle .ham-inner::before{transition-delay:0s;opacity:0}body.mobile-active #ham-container .ham-circle .ham-inner::after{top:20px;transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}#mobile-nav{position:fixed;top:0;right:-100vw;width:100vw;height:100vh;background-color:#031926;z-index:99}#mobile-nav .content{width:100%}#mobile-nav .content nav#mobile ul li{transform:translateX(100vw);opacity:0}#mobile-nav .content nav#mobile ul li a{color:#fff;font-family:"Open Sans",sans-serif;letter-spacing:.25em;padding:1rem .6rem;text-align:right;font-size:2em;text-transform:uppercase}#mobile-nav .content nav#mobile ul li.current-menu-item{background-color:#fff}#mobile-nav .content nav#mobile ul li.current-menu-item a{color:#03BFE1}#mobile-nav #mobile-privacy{position:absolute;bottom:2rem;opacity:0}body.archive #mobile-nav .content nav#mobile ul li#nav-works{background-color:#fff}body.archive #mobile-nav .content nav#mobile ul li#nav-works a{color:#03BFE1}body.mobile-active #mobile-nav{right:0}body.mobile-active #mobile-nav .content nav#mobile ul li{transform:translateX(0);opacity:1}body.mobile-active #mobile-nav .content nav#mobile ul li:nth-child(1){transition-delay:0.4s}body.mobile-active #mobile-nav .content nav#mobile ul li:nth-child(2){transition-delay:0.6s}body.mobile-active #mobile-nav .content nav#mobile ul li:nth-child(3){transition-delay:0.8s}body.mobile-active #mobile-nav .content nav#mobile ul li:nth-child(4){transition-delay:1s}body.mobile-active #mobile-nav .content nav#mobile ul li:nth-child(5){transition-delay:1.2s}footer#colophon section#connect{background-color:#FBF9FF}footer#colophon section#connect a{margin:1.5rem 0 0 0}footer#colophon section#connect a span{font-size:1.5rem}footer#colophon section#social{background-color:#031926;padding-bottom:5rem}footer#colophon section#social ul#social-connect{grid-template-columns:repeat(2,1fr);gap:10%;width:150px;margin:0 auto}footer#colophon section#social ul#social-connect li a{padding:1rem}footer#colophon section#social ul#social-connect li a svg path{stroke:#fff;stroke-dasharray:1000;stroke-dashoffset:1000;fill:none}footer#colophon section#social ul#social-connect li a:hover svg path{fill:#03BFE1!important}footer#colophon section#social ul#social-connect li::after{content:'';display:block;height:2px;width:0%;position:absolute;left:0;bottom:0;background-color:#03BFE1}footer#colophon section#social ul#social-connect li:hover::after{width:100%}footer#colophon section#social.in-view ul#social-connect li a svg path{animation:strokeFill 1.5s linear forwards}footer#colophon section#social.in-view ul#social-connect li:nth-child(2) a svg path{animation-delay:1s}:root{font-size:16px}*{box-sizing:border-box;position:relative;outline:none!important}body,html{width:100%;height:100%}body{font-family:"Open Sans",sans-serif;font-weight:300;color:#031926;overflow-x:hidden;margin:0}::selection{background:#66e8ff}::-moz-selection{background:#66e8ff}img{width:100%;display:block}section{overflow:hidden}a{display:block;text-decoration:none}ul{list-style-type:none;padding:0;margin:0}svg{overflow:visible;width:100%;height:100%}.grecaptcha-badge{visibility:hidden}#cookie-law-info-bar span{line-height:1.5}#cookie-law-info-bar span a#CONSTANT_OPEN_URL{display:block!important}#cookie-law-info-bar span a.cli-plugin-main-link{color:#03BFE1!important;font-weight:300;text-decoration:none}#cookie-law-info-bar span a.cookie_action_close_header{background-color:transparent!important;border:1px solid #fff}#cookie-law-info-bar span a.large.cli-plugin-button,#cookie-law-info-bar span a.large.cli-plugin-button:visited{font-size:1.2rem}#cookie-law-info-bar span a.large.cli-plugin-button:hover,#cookie-law-info-bar span a.large.cli-plugin-button:visited:hover{color:#03BFE1!important;border:1px solid #03BFE1}body.page-home header#masthead #logo svg{animation:logo-shadow 1.5s ease-out forwards;animation-delay:3.5s}body.page-home header#masthead #logo svg g path{stroke:#fff;stroke-width:.03rem;stroke-dasharray:400;stroke-dashoffset:400;animation:logo-stroke 1.5s ease-in-out forwards;animation-delay:2.5s;fill:transparent}body.page-home header#masthead nav#main ul#menu-main-menu li a{opacity:0;transform:scale(.5);animation:scaleUp 0.8s ease-out forwards}body.page-home header#masthead nav#main ul#menu-main-menu li:nth-child(1) a{animation-delay:2.2s}body.page-home header#masthead nav#main ul#menu-main-menu li:nth-child(2) a{animation-delay:2.4s}body.page-home header#masthead nav#main ul#menu-main-menu li:nth-child(3) a{animation-delay:2.6s}body.page-home header#masthead nav#main ul#menu-main-menu li:nth-child(4) a{animation-delay:2.8s}body.page-home section#hero{background-color:#FE5733;height:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);width:100%}body.page-home section#hero .container{z-index:9}body.page-home section#hero .container .content{width:100%}body.page-home section#hero .container .content h1{margin:0 0 .8em 0}body.page-home section#hero .container .content h1 span{display:block;transform:rotateY(20deg) rotateZ(-4deg);opacity:0;animation:grandHome 1.5s ease-out forwards;animation-delay:2.5s}body.page-home section#hero .container .content h1 span:nth-child(2){animation-delay:2.8s}body.page-home section#hero .container .content h1 span:nth-child(3){animation-delay:3.1s}body.page-home section#hero .container .content h1 span:nth-child(4){animation-delay:3.4s}body.page-home section#hero .container .content .btn-align-center a{transform:rotateY(20deg) rotateZ(-4deg);opacity:0;animation:grandHome 1.5s ease-out forwards;animation-delay:3.8s}body.page-home section#hero .bg{position:absolute;width:100%;height:100%;top:0;left:0}body.page-home section#hero .bg .content{display:flex;align-items:center;justify-content:center;height:100%}body.page-home section#hero .bg .content #gears{width:356.8px;height:322.8px;transform:scale(1.8)}body.page-home section#hero .bg .content #gears .gear-one,body.page-home section#hero .bg .content #gears .gear-two,body.page-home section#hero .bg .content #gears .gear-three{position:absolute}body.page-home section#hero .bg .content #gears .gear-one path,body.page-home section#hero .bg .content #gears .gear-one circle,body.page-home section#hero .bg .content #gears .gear-two path,body.page-home section#hero .bg .content #gears .gear-two circle,body.page-home section#hero .bg .content #gears .gear-three path,body.page-home section#hero .bg .content #gears .gear-three circle{stroke:#000;stroke-width:.01rem;fill:none;stroke-dashoffset:1000;stroke-dasharray:1000;animation:stroked 3s ease-in-out forwards}body.page-home section#hero .bg .content #gears .gear-one{width:204px;height:204px;transform:translate(150.8px,0)}body.page-home section#hero .bg .content #gears .gear-one svg{animation:clock-rotate 8s linear infinite;transform-origin:center}body.page-home section#hero .bg .content #gears .gear-one svg path{animation-delay:2.5s}body.page-home section#hero .bg .content #gears .gear-two{width:110px;height:110px;transform:translate(180px,212.8px)}body.page-home section#hero .bg .content #gears .gear-two svg{animation:counter-clock-rotate 8s linear infinite;transform-origin:center}body.page-home section#hero .bg .content #gears .gear-two svg path{animation-delay:2.8s}body.page-home section#hero .bg .content #gears .gear-three{width:175.6px;height:175.2px;transform:translate(10px,115.6px)}body.page-home section#hero .bg .content #gears .gear-three svg{animation:counter-clock-rotate 8s linear infinite;transform-origin:center}body.page-home section#hero .bg .content #gears .gear-three svg path{animation-delay:3.1s}body.page-home section#featured-work{background-color:#FBF9FF}body.page-home section#featured-work .thumb{margin:4rem auto;max-height:300px;max-width:900px;overflow:hidden}body.page-home section#featured-work .thumb .featured-name{position:absolute;z-index:9;width:100%;height:100%;text-align:center}body.page-home section#featured-work .thumb .featured-name span{padding:.5rem 3rem;background-color:#FE5733;margin:0 auto;display:block;font-family:"Open Sans",sans-serif;font-size:1.1em;font-weight:800;color:#fff;transition-delay:0.4s}body.page-home footer#colophon #ham-container{opacity:0}body.archive header#masthead #logo svg path{fill:#03BFE1}body.archive header#masthead nav#main ul li#nav-works a{color:#03BFE1}body.archive section#list{background-color:#031926}body.archive section#list .d-grid{width:100%}body.archive section#list .d-grid nav#works{width:100%}body.archive section#list .d-grid nav#works ul.works li a{padding:1.2rem 0;text-align:right}body.archive section#list .d-grid nav#works ul.works li a span.outer{overflow:hidden;display:block}body.archive section#list .d-grid nav#works ul.works li a span.outer span.inner{font-size:1.5rem;color:#fff;font-weight:400;display:inline-block;transform:translate3d(0,3rem,0);animation:revealUp 1s ease-out forwards;animation-delay:2s}body.archive section#list .d-grid nav#works ul.works li:nth-child(2) a span.outer span.inner{animation-delay:2.3s}body.archive section#list .d-grid nav#works ul.works li:nth-child(3) a span.outer span.inner{animation-delay:2.6s}body.archive section#list .d-grid nav#works ul.works li:nth-child(4) a span.outer span.inner{animation-delay:2.9s}body.archive section#list .d-grid nav#works ul.works li:nth-child(5) a span.outer span.inner{animation-delay:3.2s}body.archive section#list .d-grid .masks{display:none}body.archive section#list .d-grid .masks .content .item{font-size:20rem;color:#fff;font-weight:800;white-space:nowrap;-webkit-text-fill-color:transparent;display:inline-block;line-height:1;text-transform:uppercase;-webkit-background-clip:text;width:100vw;overflow:hidden;position:absolute;z-index:1;transform:translateX(100vw);background-size:90vw;background-repeat:no-repeat;background-position:left top;opacity:0}body.archive section#list .d-grid .masks .content .item.active{z-index:9;transform:translateX(0);opacity:1}body.page-about header#masthead #logo svg path{fill:#03BFE1}body.page-about section#hero{background-color:#031926}body.page-about section#hero .container{z-index:9}body.page-about section#hero .container h4{text-align:center;line-height:1.5;width:100%}body.page-about section#hero .container h4 span{color:#03BFE1;font-family:"Noto Serif",serif;font-size:2rem;font-weight:400;transform:rotateY(20deg) rotateZ(-4deg);opacity:0;animation:grandHome 1.5s ease-out forwards;display:block}body.page-about section#hero .container h4 span:nth-child(1){animation-delay:2.5s}body.page-about section#hero .container h4 span:nth-child(2){animation-delay:2.8s}body.page-about section#hero .container h4 span:nth-child(3){animation-delay:3.1s}body.page-about section#hero .container h4 span:nth-child(4){animation-delay:3.4s}body.page-about section#hero .container h4 span:nth-child(5){animation-delay:3.7s}body.page-about section#hero .bg{position:absolute;width:150%;height:100%;top:0;right:-75%}body.page-about section#hero .bg .content{height:100%}body.page-about section#hero .bg .content svg{opacity:.05;fill:#fff}body.page-about section#hero .bg .content svg g g.bulb{opacity:0;transform:translateX(-100vw);animation:slideLeft 1s ease-out forwards;animation-delay:2s}body.page-about section#hero .bg .content svg g .light-01,body.page-about section#hero .bg .content svg g .light-02,body.page-about section#hero .bg .content svg g .light-03,body.page-about section#hero .bg .content svg g .light-04,body.page-about section#hero .bg .content svg g .light-05,body.page-about section#hero .bg .content svg g .light-06,body.page-about section#hero .bg .content svg g .light-07,body.page-about section#hero .bg .content svg g .light-08,body.page-about section#hero .bg .content svg g .light-09{opacity:0;transform:scale(.5);animation:lightScale 1s ease-out forwards;transform-origin:center}body.page-about section#hero .bg .content svg g .light-01{animation-delay:3s}body.page-about section#hero .bg .content svg g .light-02{animation-delay:3.3s}body.page-about section#hero .bg .content svg g .light-03{animation-delay:3.6s}body.page-about section#hero .bg .content svg g .light-04{animation-delay:3.9s}body.page-about section#hero .bg .content svg g .light-05{animation-delay:4.2s}body.page-about section#hero .bg .content svg g .light-06{animation-delay:4.5s}body.page-about section#hero .bg .content svg g .light-07{animation-delay:4.8s}body.page-about section#hero .bg .content svg g .light-08{animation-delay:5.1s}body.page-about section#hero .bg .content svg g .light-09{animation-delay:5.4s}body.page-about section#about-content{background-color:#FBF9FF}body.page-about section#about-content p{line-height:1.6}body.page-contact header#masthead #logo svg path{fill:#03BFE1}body.page-contact section#contact{background-color:#031926}body.page-contact section#contact .content{width:100%}body.page-contact section#contact .content h2{display:block;transform:rotateY(20deg) rotateZ(-4deg);opacity:0;animation:grandHome 1.5s ease-out forwards;animation-delay:2.5s}body.page-contact section#contact .content form{margin:2rem 0 0 0}body.page-contact section#contact .content form p{margin-bottom:1rem}body.page-contact section#contact .content form p span input[type="text"],body.page-contact section#contact .content form p span input[type="email"],body.page-contact section#contact .content form p span textarea{width:100%;padding:1rem;border:none;background-color:#293C47;color:#fff;line-height:1;display:block;transform:rotateY(20deg) rotateZ(-4deg);opacity:0;animation:grandHome 1.5s ease-out forwards}body.page-contact section#contact .content form p span input[type="text"],body.page-contact section#contact .content form p span input[type="email"]{font-size:1.2rem}body.page-contact section#contact .content form p span textarea{font-size:1rem}body.page-contact section#contact .content form p span ::-webkit-input-placeholder,body.page-contact section#contact .content form p span :-moz-placeholder,body.page-contact section#contact .content form p span ::-moz-placeholder,body.page-contact section#contact .content form p span :-ms-input-placeholder{color:rgba(255,255,255,.3)!important}body.page-contact section#contact .content form p span input[type="text"]{animation-delay:2.8s}body.page-contact section#contact .content form p span input[type="email"]{animation-delay:3.1s}body.page-contact section#contact .content form p span textarea{animation-delay:3.4s}body.page-contact section#contact .content form p .contact-btn{width:100%;padding:.9rem 0 .9rem 0;display:block;transform:rotateY(20deg) rotateZ(-4deg);opacity:0;animation:grandHome 1.5s ease-out forwards;animation-delay:3.7s;border:none;background-color:transparent;font-size:1.5rem;color:#fff;text-transform:uppercase;font-weight:700}body.page-contact section#contact .content form p .contact-btn:hover{background-color:#fff;color:#031926;padding:.9rem 5rem}body.page-contact section#contact .content form.invalid input[type="text"].wpcf7-not-valid,body.page-contact section#contact .content form.invalid input[type="email"].wpcf7-not-valid{border:1px solid #03BFE1}body.page-contact section#contact .content form.invalid .wpcf7-not-valid::-webkit-input-placeholder,body.page-contact section#contact .content form.invalid .wpcf7-not-valid:-moz-placeholder,body.page-contact section#contact .content form.invalid .wpcf7-not-valid::-moz-placeholder,body.page-contact section#contact .content form.invalid .wpcf7-not-valid:-ms-input-placeholder{color:#03BFE1!important}body.page-contact section#contact .content form.invalid .wpcf7-not-valid-tip{display:none}body.page-contact section#contact .content form.invalid div.wpcf7-validation-errors,body.page-contact section#contact .content form.invalid div.wpcf7-acceptance-missing{display:none!important}body.page-contact section#contact .content form.invalid div.wpcf7-mail-sent-ng,body.page-contact section#contact .content form.invalid div.wpcf7-aborted{border:none;padding:0;margin:0}body.page-contact section#contact .content form.invalid p:nth-child(5){display:inline-block}body.page-contact section#contact .content form.failed .wpcf7-response-output,body.page-contact section#contact .content form.aborted .wpcf7-response-output,body.page-contact section#contact .content form.invalid .wpcf7-response-output,body.page-contact section#contact .content form.sent .wpcf7-response-output{border:none;color:#03BFE1;padding:0;margin:0;line-height:1.1;display:inline-block;text-align:right}body.page-contact section#contact .content form.failed p:nth-child(5),body.page-contact section#contact .content form.aborted p:nth-child(5),body.page-contact section#contact .content form.invalid p:nth-child(5),body.page-contact section#contact .content form.sent p:nth-child(5){display:inline-block}body.page-contact section#contact .content form.sent p{opacity:0}body.page-contact section#contact .content form.sent p:nth-child(2){transition-delay:0.2s}body.page-contact section#contact .content form.sent p:nth-child(3){transition-delay:0.4s}body.page-contact section#contact .content form.sent p:nth-child(4){transition-delay:0.6s}body.page-contact section#contact .content form.sent div.wpcf7-response-output{opacity:1;transition-delay:0.8s;color:#fff;font-weight:400;width:100%;text-align:center;padding:1rem 0;font-size:1.5rem;position:absolute;top:0;left:0;line-height:1.7}body.page-what-i-do header#masthead #logo svg path{fill:#03BFE1}body.page-what-i-do section#list{background-color:#031926}body.page-what-i-do section#list .content{width:100%}body.page-what-i-do section#list .content h2{margin-bottom:4rem;display:block;transform:rotateY(20deg) rotateZ(-4deg);opacity:0;animation:grandHome 1.5s ease-out forwards;animation-delay:2.5s}body.page-what-i-do section#list ul#service-list li{display:block;transform:rotateY(20deg) rotateZ(-4deg);opacity:0;animation:grandHome 1.5s ease-out forwards}body.page-what-i-do section#list ul#service-list li h3.label{color:#fff;font-weight:400;width:100%;text-align:center;padding:1rem 0}body.page-what-i-do section#list ul#service-list li:nth-child(1){animation-delay:3s}body.page-what-i-do section#list ul#service-list li:nth-child(2){animation-delay:3.3s}body.page-what-i-do section#list ul#service-list li:nth-child(3){animation-delay:3.6s}body.page-what-i-do section#list ul#service-list li:nth-child(4){animation-delay:3.9s}body.page-what-i-do section#list ul#service-list li:nth-child(5){animation-delay:4.2s}body.page-what-i-do section#list ul#service-list li:nth-child(6){animation-delay:4.5s}body.page-what-i-do section#who{background-color:#FBF9FF}body.page-what-i-do section#who h2.title{margin-bottom:4rem}body.page-what-i-do section#who ul#work-list{gap:4%}body.page-what-i-do section#who ul#work-list li{box-shadow:0 0 14px 5px rgba(0,0,0,.02);background-color:#fff;padding:2rem;border:1px solid rgba(0,0,0,.07);overflow:hidden}body.page-what-i-do section#who ul#work-list li h3{margin-bottom:1rem;color:#03BFE1}body.page-what-i-do section#who ul#work-list li .desc p{line-height:1.7}body.page-what-i-do section#who ul#work-list li .desc p a{display:inline-block;color:inherit;font-weight:700;padding:0 .2rem}body.page-what-i-do section#who ul#work-list li .desc p a::after{content:'';display:block;background-color:#03BFE1;width:0;height:100%;position:absolute;top:0;left:0;z-index:-1}body.page-what-i-do section#who ul#work-list li .desc p a:hover{color:#fff}body.page-what-i-do section#who ul#work-list li .desc p a:hover::after{width:100%}body.page-what-i-do section#who ul#work-list li::after{content:'';display:block;width:92px;height:135px;background-color:#FE5733;position:absolute;right:-50px;top:-90px;transform:rotate(-45deg)}body.page-privacy-policy header#masthead #logo svg path,body.page-cookie-policy header#masthead #logo svg path{fill:#03BFE1}body.page-privacy-policy h1,body.page-cookie-policy h1{color:#031926;font-family:"Noto Serif",serif;text-shadow:1px 1px 2px #000;font-size:3rem;width:100%;text-align:center;font-weight:400;margin-bottom:3rem;margin-top:2rem}body.page-privacy-policy h2,body.page-cookie-policy h2{text-align:left;font-size:2rem;text-shadow:none;margin-bottom:1rem;font-family:"Noto Serif",serif}body.page-privacy-policy p,body.page-cookie-policy p{line-height:1.7;margin-bottom:1.5em}body.page-privacy-policy p a,body.page-cookie-policy p a{display:inline-block;font-weight:700;color:inherit}body.page-privacy-policy p a:hover,body.page-cookie-policy p a:hover{color:#03BFE1}body.page-privacy-policy div.cli_user_consent_state,body.page-cookie-policy div.cli_user_consent_state{line-height:1.7;margin-bottom:1.5em}body.page-privacy-policy div.cli_user_consent_state a,body.page-cookie-policy div.cli_user_consent_state a{font-weight:700}body.page-privacy-policy div.cli_user_consent_state a:hover,body.page-cookie-policy div.cli_user_consent_state a:hover{color:#03BFE1}body.page-privacy-policy h3,body.page-cookie-policy h3{font-size:.9em;margin:.8em 0 .5em 0}body.page-privacy-policy ul.p-list,body.page-cookie-policy ul.p-list{list-style-type:circle;padding-left:3rem;margin:2rem 0 4rem 0}body.page-privacy-policy ul.p-list li,body.page-cookie-policy ul.p-list li{margin:1rem 0}body.page-privacy-policy ul.p-list li a,body.page-cookie-policy ul.p-list li a{color:#031926;font-weight:700;display:inline-block}body.page-privacy-policy ul.p-list li a:hover,body.page-cookie-policy ul.p-list li a:hover{color:#03BFE1}body.page-privacy-policy ul.p-list li ul,body.page-cookie-policy ul.p-list li ul{list-style-type:disc}body.error404 header#masthead #logo svg path{fill:#03BFE1}body.error404 section#hero{background-color:#031926}body.error404 section#hero .container{z-index:9}body.error404 section#hero .container .content{width:100%}body.error404 section#hero .container .content h4{color:#03BFE1;font-family:"Noto Serif",serif;font-size:2rem;font-weight:400;text-align:center;line-height:1.5}body.error404 section#hero .container .content .text{margin:0 0 3rem 0}body.error404 section#hero .container .content .text p{color:#fff;line-height:1.7;margin:1rem 0;text-align:center}body.error404 section#hero .bg{position:absolute;width:150%;height:100%;top:0;right:-74%}body.error404 section#hero .bg .content{height:100%}body.error404 section#hero .bg .content svg{opacity:.05;fill:none;stroke:#fff;stroke-width:3;stroke-dashoffset:1000;stroke-dasharray:1000}body.error404 section#hero .bg .content svg path.outer,body.error404 section#hero .bg .content svg path.inner,body.error404 section#hero .bg .content svg path.ex,body.error404 section#hero .bg .content svg circle{animation:stroked 8s ease-out forwards}body.error404 section#hero .bg .content svg path.outer{stroke-dasharray:1120;animation-delay:2.2s}body.error404 section#hero .bg .content svg path.inner{animation-delay:2.5s}body.error404 section#hero .bg .content svg path.ex{animation-delay:8s}body.error404 section#hero .bg .content svg circle{animation-delay:6s}body.single header#masthead #logo svg path{fill:#03BFE1}body.single section#hero{min-height:100%;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;background-color:#031926}body.single section#hero h1.work{color:#fff;text-align:center;width:100%;font-family:"Open Sans",sans-serif;transform:rotateY(20deg) rotateZ(-4deg);font-weight:700;opacity:0;animation:grandHome 1.5s ease-out forwards;animation-delay:2.5s;z-index:9}body.single section#hero .bg{position:fixed;width:100vw;height:100vh;top:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.4}body.single section#desc{background-color:#FBF9FF}body.single section#desc .container .d-grid .container-left .btn-container,body.single section#desc .container .d-grid .container-right .btn-container{margin:4rem 0}body.single section#desc .container ul#services li{text-align:center;margin:1rem 0}body.single section#thumbs{background-color:#031926}body.single section#thumbs .arrows-container{position:absolute;top:1.4rem;width:100%}body.single section#thumbs .arrows-container .arrows{margin:0 auto;width:30px}body.single section#thumbs .arrows-container .arrows .arrow img{width:10px}body.single section#thumbs .arrows-container .arrows .arrow::before,body.single section#thumbs .arrows-container .arrows .arrow::after{content:'';background-image:url(./img/arrow.svg);display:inline-block;position:absolute;width:10px;height:16px;background-size:cover;overflow:visible}body.single section#thumbs .arrows-container .arrows .arrow::before{left:10px;top:0}body.single section#thumbs .arrows-container .arrows .arrow::after{top:0;left:20px}body.single section#thumbs .arrows-container .arrows .arrow img,body.single section#thumbs .arrows-container .arrows .arrow::before,body.single section#thumbs .arrows-container .arrows .arrow::after{animation:fades 3s ease-in-out infinite;opacity:.5}body.single section#thumbs .arrows-container .arrows .arrow::before{animation-delay:0.25s}body.single section#thumbs .arrows-container .arrows .arrow::after{animation-delay:0.25s}body.single section#thumbs .slick div.thumb{padding-bottom:6rem}body.single section#approach{background-color:#FBF9FF}body.single section#pagination{background-color:#FBF9FF}body.single section#pagination .container{padding:0}body.single section#pagination .container .pagination-btn{padding:2rem 0;width:100%;display:block;text-align:center}body.single section#pagination .container .pagination-btn span{color:#fff;font-size:1.2rem;font-weight:700;display:block}body.single section#pagination .container .pagination-btn::after{content:'';background:url(./img/arrow-white.svg);display:block;background-repeat:no-repeat;background-size:cover;position:absolute;width:10px;height:16px}body.single section#pagination .container .pagination-btn:nth-child(1){background-color:#031926}body.single section#pagination .container .pagination-btn:nth-child(1)::after{left:1rem;top:50%;transform:translateY(-50%) rotate(180deg);vertical-align:middle}body.single section#pagination .container .pagination-btn:nth-child(2){background-color:#FE5733}body.single section#pagination .container .pagination-btn:nth-child(2)::after{transform:translateX(-50%) rotate(90deg);bottom:.3rem;left:50%}body.single section#pagination .container .pagination-btn:nth-child(3){background-color:#03BFE1}body.single section#pagination .container .pagination-btn:nth-child(3)::after{right:1rem;top:50%;transform:translateY(-50%);vertical-align:middle}body.single section#pagination .container .pagination-btn:nth-child(1):hover span{transform:scale(1.1) rotate(-5deg)}body.single section#pagination .container .pagination-btn:nth-child(1):hover::after{animation:left-arrow 1.2s ease-out infinite}body.single section#pagination .container .pagination-btn:nth-child(2):hover span{transform:scale(1.1)}body.single section#pagination .container .pagination-btn:nth-child(2):hover::after{animation:mid-arrow 0.8s ease-out infinite}body.single section#pagination .container .pagination-btn:nth-child(3):hover span{transform:scale(1.1) rotate(5deg)}body.single section#pagination .container .pagination-btn:nth-child(3):hover::after{animation:right-arrow 0.8s ease-out infinite}body.page-home #ham-container{animation:roll-in 1.5s ease-out forwards;animation-delay:3s}body.page-home #scroll{animation-delay:4s}.transition-fade{transition:0.4s;opacity:1}html.is-animating .transition-fade{opacity:0}@keyframes clock-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@keyframes counter-clock-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(-359deg)}}@keyframes stroked{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}@keyframes strokeFill{0%{stroke-dashoffset:1000;fill:transparent;stroke-width:.05rem}75%{stroke-dashoffset:900;stroke-width:.05rem;fill:transparent}100%{stroke-dashoffset:900;stroke-width:0;fill:#fff}}@keyframes fades{0%{opacity:.25}25%{opacity:1}100%{opacity:.25}}@keyframes logo-shadow{0%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}100%{filter:drop-shadow(2px 2px 1px rgba(0,0,0,.2))}}@keyframes logo-stroke{0%{stroke-dashoffset:400;fill:transparent}65%{stroke-dashoffset:0;fill:transparent}100%{fill:#fff}}@keyframes roll-in{0%{opacity:0;transform:translateX(100vw) rotate(360deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}@keyframes grandHome{100%{transform:rotateY(0deg) rotateZ(0deg);opacity:1}}@keyframes slideLeft{0%{transform:translateX(100vw);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes revealUp{0%{transform:translate3d(0,3rem,0)}100%{transform:translate3d(0,0,0)}}@keyframes revealUpBig{0%{transform:translateY(2rem);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes lightScale{0%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(1)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes left-arrow{100%{left:0;opacity:0}}@keyframes mid-arrow{100%{bottom:0;opacity:0}}@keyframes right-arrow{100%{right:0;opacity:0}}#mobile-nav,#mobile-nav .content nav#mobile ul li,ul#service-list li div.desc,ul#service-list li h3.label,ul#service-list li h3.label::before,ul#service-list li h3.label::after,nav#main ul#menu-main-menu li a,nav#main ul#menu-main-menu li a::after,.pro-btn::after,.pro-btn,.pro-btn span,body.single section#pagination ul#work-list li span a,.pagination-btn span,.btn-outline-orange span,.btn-outline-orange::after,.btn-fill-orange span,.btn-fill-orange::after,a.large.cli-plugin-button:hover,a.large.cli-plugin-button:visited,footer#colophon section#social ul#social-connect li::after,a.highlight,a.highlight::after,form p .contact-btn,body.page-privacy-policy ul li a,body.page-cookie-policy ul li a,body.page-privacy-policy p a,body.page-cookie-policy p a,body.page-privacy-policy div a,body.page-cookie-policy div a{transition:all 0.6s cubic-bezier(.77,0,.175,1)}form.sent div.wpcf7-response-output,form.sent p{transition:opacity 0.6s ease-out}body.archive section#list .d-grid .masks .content .item,body.archive section#list .d-grid nav#works ul.works li a span.outer span.inner{transition:all 1s ease-out}@media only screen and (min-width:420px){body.page-home section#hero .container .content h1{text-align:center}body.page-home section#hero .container .content .btn-align-center a{display:inline-block;padding:1rem 3rem}body.archive section#list nav#works ul.works li a span.outer{text-align:center}}@media only screen and (min-width:600px){body.page-home section#hero .bg .content #gears{transform:scale(2.5)}body.page-about section#hero .bg,body.error404 section#hero .bg{width:100%;left:0;right:0;height:80%;margin:auto 0;bottom:0}h2.title{font-size:5rem;margin-top:3rem;margin-bottom:4rem}}@media only screen and (min-width:768px){body.page-home section#hero .container .content h1{font-size:5rem}body.page-home section#featured-work .thumb .featured-name span{font-size:2.5rem}body.archive section#list .container-full-height{padding:0}body.archive section#list .container-full-height .d-grid{grid-template-columns:repeat(2,1fr);gap:2rem}body.archive section#list .container-full-height .d-grid .masks{display:block}body.archive section#list .container-full-height .d-grid nav#works ul.works li a{padding:1.2rem 1.5rem}body.archive section#list .container-full-height .d-grid nav#works ul.works li a span.outer{text-align:right}body.archive section#list .container-full-height .d-grid nav#works ul.works li a:hover span.inner{color:#03BFE1}body.page-about section#hero .container h4 span,body.error404 section#hero .container h4 span{font-size:4rem}body.page-about section#hero .container p,body.error404 section#hero .container p{font-size:1.2rem}body.single section#hero h1{font-size:4.5rem}body.single section#desc .d-grid{grid-template-columns:repeat(2,1fr);gap:2%}body.single section#desc .d-grid .container-right h2.hide span{transition-delay:0.3s}body.single section#desc .d-grid .container-right ul li{transition-delay:0.3s}body.single section#thumbs{padding:6rem 2rem 4rem 2rem}body.single section#thumbs .arrows-container{display:none}body.page-contact section#contact .content form p .contact-btn{display:inline-block;width:auto}body.page-what-i-do section#who ul#work-list{grid-template-columns:repeat(3,1fr)}body.page-what-i-do section#who ul#work-list li:nth-child(2){transition-delay:0.3s}body.page-what-i-do section#who ul#work-list li:nth-child(3){transition-delay:0.6s}#ham-container,#mobile-nav{display:none}nav#main{display:flex}nav#main ul#menu-main-menu li a{padding:.5rem 1rem}footer#colophon section#social{padding-top:5rem}footer#colophon section#connect{padding:4rem 0}.pro-btn{display:inline-block;padding:1rem 3rem}.pro-btn span{transform:translateX(-1rem)}.pro-btn-orange span{color:#031926}.pro-btn-white span{color:#fff}.pro-btn::after{content:'';display:inline-block;position:absolute;left:0;bottom:0;width:5px;height:100%}.pro-btn:hover span{transform:translateX(0)}.pro-btn-orange:hover span{color:#fff}.pro-btn-white:hover span{color:#031926}.pro-btn:hover::after{width:100%}}@media only screen and (min-width:1024px){body.archive section#list .container-full-height .d-grid{grid-template-columns:1fr 2fr}body.page-home section#hero .bg .content{justify-content:center!important;margin-right:-60%}body.page-home section#hero .bg .content #gears{transform:scale(3.5)}body.page-what-i-do section#list ul#service-list li h3.label{font-size:2rem}body.page-what-i-do section#who ul#work-list li h3{font-size:2rem}body.single section#hero .content{max-width:750px;margin:0 auto}body.single section#thumbs .container-mini{max-width:950px}body.single section#pagination .d-grid{grid-template-columns:repeat(3,1fr)}body.single section#pagination .d-grid a:nth-child(2){transition-delay:0.3s}body.single section#pagination .d-grid a:nth-child(3){transition-delay:0.6s}}@media only screen and (min-width:1200px){body.page-home section#hero .bg .content{justify-content:flex-end}body.page-home section#hero .container .content h1{font-size:6.5rem;text-align:left;margin:0 0 3rem 0}body.page-home section#hero .container .content h1 span:nth-child(3){display:inline-block}body.page-home section#hero .container .content h1 span:nth-child(4){display:inline-block}body.page-home section#hero .container .content .btn-align-center{text-align:left}body.single section#hero h1.work{font-size:4rem}body.single section#hero ul#services li{font-size:1.3rem}body.single section#desc h2.hide span{font-size:3rem}h2.hide span{font-size:4rem}.btn span{font-size:1.2rem}h6.hide span{font-size:2.6rem}nav#main ul#menu-main-menu li a{font-size:1rem;padding:.5rem 1.5rem}.pro-btn span{font-size:1.5rem}}