html{background:#1c323c}.home.scrolled #right-panel .topmenu{display:block}#logocontainer{opacity:0;transition:all ease-in-out .2s}.scrolled #logocontainer{opacity:1}.panels{position:relative}.panels>.navi{position:fixed;right:4px;top:25%;width:16px;z-index:6}.panels>.navi a{border:solid 1px #fff;width:6px;height:6px;display:block;border-radius:50%;margin-bottom:8px;transition:all ease-in-out 500ms}.panels>.navi a:hover{background:#fff}.panels>.navi a.selected{background:#fff}.panels>.panel{position:relative;min-height:200px;color:#fff;padding:0;background-position:center center;background-size:cover;background-repeat:no-repeat}.panels .loading{position:fixed;width:100%;top:0;right:0;bottom:0;left:0;background:#fff;z-index:5}.panels .loading .inner{margin:auto;top:30%;right:0;left:0;position:absolute;text-align:center}.panels>.panel.start{background-color:#1a323b;min-height:300px!important}.panels>.panel.seo{position:relative;background:#1c323c}.panels>.panel.branding{background-color:#d4dee0;color:#1c323c}.panels>.panel.branding strong{font-weight:600}.panel.branding .middle,.panel.webdesign .middle,.panel.seo .middle{max-width:1000px}#homeslider-wrap{height:100vh;position:relative;overflow:hidden}#homeslider-wrap .slider{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;margin:0}#homeslider-wrap .slider .overlay{z-index:4;opacity:.77;position:absolute}#homeslider-wrap .ctext{position:relative;color:#fff;text-align:center;margin-top:30vh;margin-left:auto;margin-right:auto;max-width:350px}#homeslider-wrap .ctext h1,#homeslider-wrap .ctext h2,#homeslider-wrap .ctext h1 a,#homeslider-wrap .ctext h2 a{color:#fff;font-family:segoe ui,open sans;font-weight:600;font-size:45px;line-height:49px}#homeslider-wrap .staple{z-index:5}#homeslider-wrap .ctext img{width:200px;max-width:100%;z-index:2;position:relative;transition:all ease-in-out .2s}#homeslider-wrap .ctext .circle{border-radius:50%;width:100px;height:100px;background:#95d044;position:absolute;z-index:1;top:10px;left:50px;transition:all ease-in-out .2s}.ctext:hover img{opacity:.85}.ctext:hover .circle{opacity:.95}#homeslider-wrap .slide{visibility:hidden}#homeslider-wrap .initialized .slide,#homeslider-wrap .slide.slide1{visibility:visible}#homeslider-wrap li{opacity:0;transition:all ease-in-out .3s}#homeslider-wrap li.current{opacity:1}.slide1,.slide2{position:absolute}.slide1 .overlay{background:#0e294c;background:linear-gradient(180deg,rgba(14,41,76,1) 0%,rgba(33,140,149,1) 100%)}.slide2 .overlay{background:#ba3d6f;background:linear-gradient(180deg,rgba(186,61,111,1) 0%,rgba(244,181,97,1) 100%)}.slide3 .overlay{background:#192b5c;background:linear-gradient(180deg,rgba(25,43,92,1) 0%,rgba(146,101,162,1) 100%)}.slide4 .overlay{background:#1a76da;background:linear-gradient(180deg,rgba(26,118,218,1) 0%,rgba(86,223,191,1) 100%)}#homeslider-wrap .slide.branding .circle{background-color:#f4b561}#homeslider-wrap .slide.search-engine-optimization .circle{background-color:#a64dff}#homeslider-wrap .slide.website-copywriting .circle{background-color:#57dfbf}#whatwedotable{margin-top:130px;margin-bottom:10px}#whatwedotable h3,#whatwedotable h3 a{font-weight:600;color:#fff}#whatwedotable h3{margin-top:10px;font-size:31px}#whatwedotable .num{color:#95d044;font-weight:600;margin-top:50px}#whatwedotable .text{width:85%;font-size:18px;padding-right:15%;min-height:75px}#whatwedotable .text a{color:inherit}#whatwedotable .text a:hover{text-decoration:none}#whatwedotable .carrow{margin-top:21px;opacity:0;transition:all ease-in-out .3s}#whatwedotable .item{position:relative}#whatwedotable .item:hover .carrow{opacity:1}#whatwedotable .item>a{position:absolute;top:0;right:0;left:0;bottom:0}.panels>.panel.whatwedo{background-color:#1c323b;padding-top:100px;padding-bottom:150px}.panels>.panel.whatwedo h2{color:#fff;font-weight:600;font-size:39px;line-height:44px}.panels>.panel.whatwedo h4{text-transform:uppercase;font-size:15px;font-weight:600;color:#95d044}.panel.webdesign,.panel.branding{padding-top:170px;padding-bottom:170px}.panel.webdesign .innercontent{color:#1a3239}.panel.webdesign h2,.panel.branding h2{color:#1a3239;font-weight:700;font-family:Lato;font-size:2.7em;margin:0 0 12px;padding:0;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:2}.panel.webdesign h3{margin-bottom:35px}.panel.webdesign p{color:#1a3239}.panel.webdesign strong{font-weight:600}#wd-iphone{position:absolute;left:-6%;top:100px;z-index:5;width:427px;overflow:hidden;max-width:100%;transition:all .2s ease-in-out}#wd-iphone img{width:100%}#wd-iphonescreen{position:absolute;top:13.2%;bottom:13.8%;left:11%;right:14.4%;-ms-transform:rotate(4.8deg);-webkit-transform:rotate(4.8deg);transform:rotate(4.8deg)}#wd-iphonescreen iframe{border:none;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background:#fff;width:100%;overflow-x:no-display}#graphics-mouse{position:absolute;top:0%;left:79%;width:21%;max-width:300px;z-index:10}#graphics-mouse img{width:120%}.gmwrap{overflow:hidden;position:absolute;top:13%;left:0;right:0;height:570px}.blockbtn1.big{padding:9px 34px 12px;font-size:1.65em}.panel.seo{padding:100px 0}.panel.seo .inner{padding-top:0%}.panel .abs{position:absolute}.panel.seo .abs{left:0;right:0}.panel.seo h2{color:#fff;margin:0 0 35px;padding:0;text-transform:uppercase;font-size:2.9em;line-height:.95em;font-weight:600}.panel.seo .blockbtn1{background-color:#95d044;border-color:#95d044;background-image:url(/f.c/inc/img/home/pointer-white.png);padding:9px 36px 11px 18px;font-size:1.45em;color:#fff}.panel.seo .more-button{margin-top:40px;text-align:left;position:relative;z-index:10}.panels>.panel.geothermal{min-height:900px;padding-bottom:200px}.panel.geothermal{background-position:top center}.scrolled .panel.geothermal{background-image:url('/f.c/inc/img/stock/rotorua/waitapu-thermal-wonderland-graphic for-rotorua-website-and-graphic-design.jpg')}.panels>.panel.geothermal .inner{padding-top:15%;position:relative}.panel.geothermal .more-button{margin-top:70px;position:relative;z-index:20}#geothermalactivity{position:absolute;top:-500px;z-index:2;height:120vh}#geo-wrapper{z-index:50;max-width:60%;margin:auto;position:relative;font-size:32px;line-height:34px;text-shadow:2px 2px 2px rgba(0,0,0,.5)}.geothermal .stackedtitle h2{color:#1c323b;font-weight:600;text-transform:uppercase}.geothermal .stackedtitle .topline{margin-bottom:0;font-size:43px}.geothermal .stackedtitle .bottomline{margin-top:0;font-size:83px;line-height:63px}.webdesign h3.titletext{font-size:38px}.panel.portfolio{padding-top:100px;padding-bottom:100px}#temp{background:-moz-linear-gradient(top,rgba(28,50,60,0) 0%,rgba(28,50,60,0) 13%,rgba(28,50,60,1) 43%,rgba(28,50,60,1) 76%,rgba(28,50,60,1) 77%,rgba(28,50,60,0) 86%,rgba(28,50,60,0) 100%);background:-webkit-linear-gradient(top,rgba(28,50,60,0) 0%,rgba(28,50,60,0) 13%,rgba(28,50,60,1) 43%,rgba(28,50,60,1) 76%,rgba(28,50,60,1) 77%,rgba(28,50,60,0) 86%,rgba(28,50,60,0) 100%);background:linear-gradient(to bottom,rgba(28,50,60,0) 0%,rgba(28,50,60,0) 13%,rgba(28,50,60,1) 43%,rgba(28,50,60,1) 76%,rgba(28,50,60,1) 77%,rgba(28,50,60,0) 86%,rgba(28,50,60,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001c323c',endColorstr='#001c323c',GradientType=0)}.panel.webdesign .more-button{margin-top:35px}.panel.webdesign .more-button .blockbtn1{color:#000;font-size:1.35em}#keyboard{position:absolute;right:0;left:90%;top:-60%;z-index:2}.more-button .blockbtn1{margin:auto;max-width:250px;border:solid 2px #95d044;color:#fff;line-height:1.3em;padding:3px 12px 5px;text-transform:uppercase;font-weight:200;transition:all ease-in-out 400ms;text-decoration:none;background-repeat:no-repeat;padding-right:32px;font-size:1.2em;letter-spacing:3px}.more-button .blockbtn1 b,.more-button .blockbtn1 strong{font-weight:600}.more-button .blockbtn1:hover{background-color:#8b9a86;color:#fff!important;background-image:url(/f.c/inc/img/home/pointer-white.png)}body.home{overflow-x:hidden}.home #header{display:none}.home #content{display:none}.home #footer{margin-top:0}.home #header-content{position:fixed!important}#logocontainer{margin-left:5%}.scrolled #logocontainer{display:block}.home #header-content{background:transparent}.headerandbody{padding-bottom:0}.home #right-panel .topmenu{color:#fff}@media only screen and (min-width:2000px){#homeslider-wrap .ctext .circle{width:140px;height:140px}#homeslider-wrap .ctext{max-width:420px}#homeslider-wrap .ctext img{width:280px}#homeslider-wrap .ctext h1,#homeslider-wrap .ctext h2,#homeslider-wrap .ctext h1 a,#homeslider-wrap .ctext h2 a{font-size:50px;line-height:54px}#graphics-mouse{max-width:330px}}@media only screen and (max-width:2000px){.panel.geothermal .more-button{bottom:46%}}@media only screen and (max-width:1700px){#wd-iphone{right:89%}#wd-iphone{width:380px}}@media only screen and (max-width:1600px){.gmwrap{top:72%}#geothermalactivity{top:-400px}.panels>.panel.geothermal{min-height:950px}.panel.webdesign .innercontent{padding-left:270px;padding-right:50px}}@media only screen and (max-width:1500px){#geothermalactivity{top:-380px}.panels>.panel.geothermal{min-height:900px}#homeslider-wrap{height:90vh}}@media only screen and (max-width:1450px){.panels>.panel.start{padding-bottom:50px}.panels>.panel.geothermal{min-height:850px}}@media only screen and (max-width:1400px){#geothermalactivity{top:-350px}#wd-iphone{width:320px}.panel.webdesign .more-button .blockbtn1{font-size:1.3em}.panel.webdesign .innercontent{bottom:0}#homeslider-wrap{height:85vh;min-height:700px}#geo-wrapper{font-size:30px;line-height:32px}.panel.geothermal .more-button{bottom:38%}.panels>.panel.geothermal{min-height:800px}#graphics-mouse{width:17%;max-width:250px;top:50px}}@media only screen and (max-width:1250px){.panel.webdesign h2,.panel.branding h2{font-size:2.3em}}@media only screen and (max-width:1200px){.panels>.panel.geothermal{background-size:cover}.blockbtn1.big,.panel.seo .more-button .blockbtn1.big{padding:9px 34px 12px;font-size:1.5em}.panel.geothermal .more-button{bottom:35%}}@media only screen and (max-width:1100px){.panel.webdesign .more-button{margin-top:30px}.panel.seo h2{margin-top:7px;line-height:100%}.gmwrap{height:370px}}@media only screen and (max-width:1026px){#homeslider-wrap{min-height:500px;height:80vh}.geothermal .stackedtitle .topline{font-size:38px}.geothermal .stackedtitle .bottomline{font-size:75px;line-height:58px}.panel.webdesign .more-button .blockbtn1{font-size:1.4em}.panels>.panel.webdesign{min-height:200px}.panels>.panel.whatwedo{padding-top:50px}#wd-iphone{right:89%}#wd-iphone{width:300px}.panel.webdesign{padding-top:90px}.panel.webdesign .innercontent{padding-left:300px;padding-right:50px}.panel.webdesign h2{font-size:2.1em;letter-spacing:.5px;margin-bottom:0}.panel.webdesign h3{margin-top:0;margin-bottom:20px}.panels>.panel.start{padding-bottom:50px}#geo-wrapper{max-width:80%}#whatwedotable .num{margin-top:40px}}@media only screen and (max-width:950px){.panels>.panel.whatwedo{min-height:820px}#whatwedotable{max-width:80%;margin-left:auto;margin-right:auto}#whatwedotable .item{width:50%;height:320px;float:left}#whatwedotable .num{margin-top:20px}}@media only screen and (max-width:850px){.home #right-panel .topmenu{display:none!important}.panels>.panel.start{padding-bottom:85px;min-height:400px!important}.panels>.panel.seo{min-height:0}.gmwrap{top:59%}.blockbtn1.big{font-size:1.3em}.panels>.panel{min-height:250px}#keyboard{top:-30%}}@media only screen and (max-width:800px){.panels>.panel.geothermal{padding-bottom:100px}}@media only screen and (max-width:700px){#right-panel a#mobile-btn{padding:4px 0% 2px}.gmwrap{height:320px}#logocontainer{opacity:1}#homeslider-wrap{min-height:500px;height:85vh}#homeslider-wrap .slider{margin:0}#homeslider-wrap .ctext h1,#homeslider-wrap .ctext h2,#homeslider-wrap .ctext h1 a,#homeslider-wrap .ctext h2 a{font-size:40px;line-height:44px}#homeslider-wrap .ctext img{width:180px}.panels>.panel.whatwedo h4{text-align:center}.panels>.panel.whatwedo h2{font-size:33px;line-height:38px}.panels>.panel.whatwedo .middle{width:85%}.panel.seo .more-button{text-align:center}.panel.portfolio{background-color:#fff}#geothermalactivity{width:100%}}@media only screen and (max-width:650px){.panels>.panel.start{padding-bottom:35px}#wd-iphone{display:none}.panel.seo h2,.panel.webdesign h2,.panel.branding h2{text-align:center}.panel.webdesign .innercontent{padding-left:2.5%;padding-right:2.5%}.panel.webdesign h3{text-align:center}.gmwrap{top:77%}.panel.branding{padding-top:100px;padding-bottom:100px}.panel.branding .middle{width:90%}.panel.seo .middle{width:90%}.panels>.panel.geothermal{padding-bottom:0}.panels>.panel.geothermal .inner{padding-top:50%}.geothermal .stackedtitle .topline{font-size:27px}.geothermal .stackedtitle .bottomline{font-size:55px;line-height:40px}}@media only screen and (max-width:550px){.panel.geothermal{background-size:180%}#homeslider-wrap{min-height:460px;height:85vh}}@media only screen and (max-width:500px){#logocontainer{margin-left:5%;margin-top:0}.panels>.panel.start{min-height:390px!important}.panel.webdesign .innercontent{top:4%}.gmwrap{top:60%;height:280px}#whatwedotable{width:90%;margin-top:80px}#whatwedotable .item{width:100%;text-align:center;float:none}#whatwedotable .num{display:none}#whatwedotable .text{padding-right:0;width:100%}.panels>.panel.whatwedo{padding-top:40px;padding-bottom:100px}}@media only screen and (max-width:450px){#homeslider-wrap .ctext h1,#homeslider-wrap .ctext h2,#homeslider-wrap .ctext h1 a,#homeslider-wrap .ctext h2 a{font-size:38px;line-height:42px}#homeslider-wrap .ctext img{width:170px}.gmwrap{top:-39%;height:250px}#graphics-mouse{left:65%;width:35%}.panel.webdesign .innercontent h2{font-size:2.3em;letter-spacing:2px}.more-button .blockbtn1,.more-button .blockbtn1:hover{background-image:none}.panel.webdesign .more-button .blockbtn1{font-size:1.1em}}@media only screen and (max-width:420px){.geothermal .stackedtitle .topline{font-size:21px}.geothermal .stackedtitle .bottomline{font-size:45px;line-height:30px}#geo-wrapper{font-size:30px;line-height:32px}}@media only screen and (max-width:350px){.panels>.panel.start{min-height:290px!important}.panel.seo h2{font-size:1.9em;margin-top:25px}.more-button .blockbtn1{letter-spacing:1px;padding:2px 10px 4px;font-size:1.1em}.geothermal .stackedtitle .bottomline{font-size:35px;line-height:30px}#geo-wrapper{width:90%;font-size:28px;line-height:30px}.gmwrap{height:200px}}@media only screen and (max-width:300px){.gmwrap{top:-15%}.more-button .blockbtn1{letter-spacing:0}}