/* style.css
Jack Conner
BetterBuild Queenstown */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);#services,#servicesContainer{background-color:#eee}.footer a,a{text-decoration:none}#headerIntro button,#headerIntro h2,#testimonial h1,.box h1,.footer p{letter-spacing:1px}li{list-style-type:none!important}button:focus{outline:0!important}body{width:100%;margin:0;padding:0;font-family:Montserrat,sans-serif;overflow-x:hidden!important}::-webkit-selection{color:#fff;background-color:#acacac}::-moz-selection{color:#fff;background-color:#acacac}::-ms-selection{color:#fff;background-color:#acacac}::selection{color:#fff;background-color:#acacac}#imageLayer{position:absolute;width:100%;height:100%;z-index:10;background-color:rgba(17,17,17,.8)}#background{width:100%;height:100%;z-index:3;position:fixed;background-image:url(assets/background.jpg);background-repeat:no-repeat;background-position:center}#headerContainer{width:100%;height:auto;box-shadow:0 0 2px 0 #acacac;background:0 0;position:fixed;z-index:50;top:0;border-bottom:1px solid #999;border-radius:1px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#header{cursor:pointer;margin-left:auto;margin-right:auto}#header img.logoBlk,#header img.logoWht{width:210px;margin-top:25px;padding-top:0;padding-left:20%}#about,#services{margin:0 auto;width:1050px}#header img.logoBlk{display:none}.show-menu,img.logoBlk,img.logoWht,ul.menu{padding-top:15px;padding-bottom:25px;display:inline-block}.show-menu{height:28px;padding-top:40px;float:right;display:none}.menu-black{display:none;position:fixed;top:10px;right:15px}img#exit-menu,ul.menu{right:0;position:fixed}img#exit-menu{top:41px;margin-right:-58px;z-index:100;cursor:pointer}ul.menu{z-index:60;padding-right:20%;padding-top:35px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out}ul.menu li{padding-left:10px;display:inline}ul.menu li a{color:#fff;font-size:16px;text-transform:uppercase;position:relative;-webkit-transition:.25s ease;-mos-transition:.25s ease;-ms-transition:.25s ease;transition:.25s ease}ul.menu li a:after{content:'';display:block;border-bottom:2.5px solid #CE903D;width:0;position:absolute;left:0;-webkit-transition:.25s ease;-mos-transition:.25s ease;-ms-transition:.25s ease;transition:.25s ease}#wrapper,ul.menu li a:hover:after{width:100%}#headerIntro{position:relative;z-index:10;width:1050px;margin:20% auto 0;text-align:center}#headerIntro h2,p{color:#fff;font-weight:lighter}#headerIntro h2{font-size:35px}#headerIntro p{font-size:22px;margin-top:40px}#headerIntro button{width:210px;padding-top:15px;padding-bottom:15px;margin-top:40px;border:2px solid #CE903D;background:0 0;cursor:pointer;color:#CE903D;text-transform:uppercase;font-weight:700;font-size:19px;-webkit-transition:all .22s ease-in-out;-moz-transition:all .22s ease-in-out;-ms-transition:all .22s ease-in-out;transition:all .22s ease-in-out}#headerIntro button:hover{background-color:rgba(17,17,17,.7)}#wrapper,.box{background-color:#fff}#wrapper{position:absolute;height:100%;top:100%;z-index:8}#about{height:auto;padding-top:180px;padding-bottom:180px;text-align:justify}#about h1,#services h2,.work h1{color:#CE903D;font-size:40px;letter-spacing:1px}#about p{color:#111;font-size:28px}#servicesContainer{width:100%;padding-top:80px;padding-bottom:80px}img.provide-bb{width:220px;margin-bottom:-3px}#services h2,img.provide-bb{display:inline;font-size:46px}#services p.require,.box{display:inline-block}#services h2{color:#000}#services p.require{font-size:38px;text-align:left;color:#CE903D}#testimonial,.box{height:auto;text-align:center}.return{margin-left:-25px}.box{width:320px;margin-top:25px;margin-right:25px;border-top:4px solid #CE903D}.box img{padding-top:10px}.box h1{color:#CE903D;font-size:24px;font-weight:lighter;margin-bottom:-10px}.box p{color:#111;font-weight:100;padding:0 8px 10px}#clientContainer{width:100%;height:auto;position:relative;padding-top:100px;padding-bottom:100px;background-color:rgba(17,17,17,.8)}#testimonial{padding-left:16%;padding-right:16%;-webkit-transition:all .25s ease-in;-moz-selection-transition:all .25s ease-in;-ms-transition:all .25s ease-in;transition:all .25s ease-in}#testimonial h1{color:#fff;font-weight:lighter}#testimonial p{color:#fff;font-size:19px}#testimonial p span{color:#CE903D}.quote1{display:inline}.quote2,.quote3,.quote4,.quote5{display:none}.bigQuote{height:350px;overflow-y:scroll}.activeButton{background-color:#CE903D}ul.button{margin-top:50px;margin-left:-30px}ul.button li{display:inline-block}.circle_button{width:13px;height:13px;margin-left:10px;border-radius:50%;background-color:#888;-webkit-transition:all .22s ease-in-out;-moz-transition:all .22s ease-in-out;-ms-transition:all .22s ease-in-out;transition:all .22s ease-in-out}.circle_button:hover{cursor:pointer;background-color:#CE903D}.button1{margin-left:-10px;background-color:#CE903D}.work{width:100%;background-color:#fff;padding-top:80px;padding-bottom:80px}.workWrapper{width:70%;margin:0 auto}.work ul{margin:0;padding:0}.footerCanvas,.subFooter{text-align:center;margin-top:-22px}.work ul li{display:inline}.work ul li a img{width:49.7%;display:inline;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.work ul li a img:hover{opacity:.7}.footerCanvas{width:100%;background-color:#111;color:#fff;padding-top:20px;padding-bottom:80px}.footer a{color:#fff}.footer a:hover,.subFooter a:hover{text-decoration:underline}.footer p{font-size:22px;padding-top:60px}.footer p span{color:#999}.mapAPI{width:100%;height:400px;border:0}.subFooter{position:relative;width:100%;bottom:0;background-color:#141414}.subFooter p{padding:40px 0 30px;font-size:17px;color:#ccc;margin:0}.subFooter a{color:#ccc}@media screen and (max-width:1620px){#header img.logoBlk,#header img.logoWht{width:190px}ul.menu{padding-top:30px}#about h1,#services h2,.work h1{font-size:35px;letter-spacing:1px}#about p{font-size:26px}#testimonial p{font-size:17px}img.provide-bb{width:200px}}@media screen and (max-width:1450px){#headerIntro{margin-top:24%}}@media screen and (max-width:1380px){#header img.logoBlk,#header img.logoWht{width:175px}ul.menu{padding-top:28px}#headerIntro{margin-top:21%}#headerIntro h2{font-size:28px}#headerIntro p{font-size:18px}#about h1,#services h2,.work h1{font-size:30px;letter-spacing:1px}#about p{font-size:24px}img.provide-bb{width:190px}.box img{width:50px}.box h1{font-size:21px}.box p{font-size:15px}#testimonial{padding-left:10%;padding-right:10%}}@media screen and (max-width:1290px){#header img.logoBlk,#header img.logoWht{padding-left:15%}ul.menu{padding-top:30px;padding-right:10%}#headerIntro{width:90%;margin-top:22%}img.provide-bb{width:170px}#testimonial{padding-left:6%;padding-right:6%}}@media screen and (max-width:1040px){ul.menu{display:none}#headerIntro{margin-top:26%}#about,#services{width:90%}#testimonial{padding-left:4%;padding-right:4%}}@media screen and (min-height:1024px){#headerIntro{margin-top:30%}}@media screen and (max-width:770px){.box,.menu-white,ul.menu,ul.menu li{display:block}.box,.return{margin-left:0}#headerContainer{position:absolute}#header{width:90%}#header img.logoBlk,#header img.logoWht{padding-left:2%}ul.menu{width:50%;height:100%;top:0;margin-right:-100%;margin-top:-5px;right:0;background-color:#fff;text-align:left;padding-top:50px;overflow:hidden}ul.menu li{margin-top:20px}ul.menu li a{color:#111;font-size:14px;z-index:60}ul.menu li a:hover{color:#111}ul.menu li a:hover:after{width:0}#headerIntro{width:90%;margin-top:50%}#headerIntro h2{font-size:26px}#headerIntro p{font-size:16px}.box{width:100%}.box h1{margin-bottom:0}.box p{font-size:14px}#testimonial{padding-left:3%;padding-right:3%}.workWrapper{width:90%}.work ul li a img{width:100%}}@media screen and (max-width:430px){#headerIntro{margin-top:55%;width:95%}img.provide-bb{width:160px}#services p.require{font-size:32px}.footerCanvas{text-align:left;padding-bottom:40px}.footer{padding-left:20px}p.footerHead{text-align:center}.footer p.details{width:58%;font-size:16px;padding-top:30px}.subFooter p{font-size:12px}}@media screen and (max-width:380px){#servicesContainer{margin-top:-38px}#about{padding-top:120px;padding-bottom:140px}#about p{color:#111;font-size:22px}}@media screen and (max-width:330px){.show-menu,.work{padding-top:30px}#header img.logoBlk,#header img.logoWht{width:120px;margin-top:30px}#headerIntro{margin-top:50%}#headerIntro h2{font-size:19px}#headerIntro p{font-size:13px}#about p{font-size:14px}img.provide-bb{width:140px}.box img{width:40px}.box h1{font-size:18px}.box p{font-size:13px}.work{padding-bottom:50px}.bigQuote,.quote2{height:250px;overflow-y:scroll}}