/*!
 * oi-craftbeer-nz
 * Craft Your Brand New Zealand
 * https://Maker.co.nz
 * @author Maker Design Limited
 * @version 1.0.0
 * Copyright 2018. Maker Design Limited 2018 licensed.
 */
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800");.vodka{font-family:vodka sans}h1.vodka{line-height:.9}.text-smaller{font-size:smaller!important}.fw-700{font-weight:700!important}.cusf-xl{font-size:300%}.cusf-lg{font-size:200%}.bolder{font-weight:bolder!important}@media (min-width:992px){.cusf-xl{font-size:450%}.cusf-lg{font-size:300%}}.gd-left{background-image:linear-gradient(90deg,#fbaa18,#d55c3b,#c44b2a,#a84024,#8d3d27);color:transparent;-webkit-background-clip:text;background-clip:text}.no-backgroundcliptext .gd-left{background-image:none;color:#8d3d27}.op-0{opacity:0}.mt--0{margin-top:0}.mt--1{margin-top:-10px}.mt--2{margin-top:-20px}.mt--3{margin-top:-30px}.mt-5{margin-top:50px}.mb--1{margin-bottom:-5px}.mb--3{margin-bottom:-30px}.mb-6{margin-bottom:100px}.rp-3{padding:1rem!important}.rpr-3{padding-right:1rem!important}.rpl-3{padding-left:1rem!important}.rpt-3{padding-top:1rem!important}.rpb-3{padding-bottom:1rem!important}.rp-4{padding:1.5rem!important}.rpr-4{padding-right:1.5rem!important}.rpl-4{padding-left:1.5rem!important}.rpt-4{padding-top:1.5rem!important}.rpb-4{padding-bottom:1.5rem!important}.rp-45{padding:1.7rem!important}.rpr-45{padding-right:1.7rem!important}.rpl-45{padding-left:1.7rem!important}.rpt-45{padding-top:1.7rem!important}.rpb-45{padding-bottom:1.7rem!important}@media (max-width:767.98px){.rp-3{padding:.8rem!important}.rpr-3{padding-right:.8rem!important}.rpl-3{padding-left:.8rem!important}.rpt-3{padding-top:.8rem!important}.rpb-3{padding-bottom:.8rem!important}.rp-4{padding:1.1rem!important}.rpr-4{padding-right:1.1rem!important}.rpl-4{padding-left:1.1rem!important}.rpt-4{padding-top:1.1rem!important}.rpb-4{padding-bottom:1.1rem!important}.rp-45{padding:1.15rem!important}.rpr-45{padding-right:1.15rem!important}.rpl-45{padding-left:1.15rem!important}.rpt-45{padding-top:1.15rem!important}.rpb-45{padding-bottom:1.15rem!important}}.bg-cream{background-color:#f0e8d3}.bg-cream-tran{background-color:hsla(42,48%,88%,.753)}.bg-blur{background-color:hsla(0,0%,100%,.959)}.bg-main{background-color:#8d3d27}.bg-second{background-color:#f15a28}.bg-trd{background-color:#fbaa18}.bg-fth{background-color:#f28248}.bg-yellow{background-color:#fecb26}.bg-brown{background-color:#613813}.bg-trans{background-color:transparent}.border-second{border-color:#f15a28!important}.color-second{color:#f15a28}.color-fth{color:#f28248}.opa-0{opacity:0}.shadow{-moz-filter:drop-shadow(5px 6px 9px rgba(80,80,80,.404));-ms-filter:drop-shadow(5px 6px 9px rgba(80,80,80,.404));filter:drop-shadow(5px 6px 9px rgba(80,80,80,.404))}::selection{background:#333;color:#fff;text-shadow:none}::-moz-selection{background:#333;color:#fff;text-shadow:none}::-webkit-selection{background:#333;color:#fff;text-shadow:none}@font-face{font-family:Vodka Sans;src:url(/assets/font/VodkaSans-Regular.eot);src:url(/assets/font/VodkaSans-Regular.woff2) format("woff2"),url(/assets/font/VodkaSans-Regular.woff) format("woff"),url(/assets/font/VodkaSans-Regular.ttf) format("truetype"),url(/assets/font/Vodka-Sans.otf) format("opentype"),url(/assets/font/VodkaSans-Regular.svg#VodkaSans-Regular) format("svg"),url(/assets/font/VodkaSans-Regular.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}.bg-container{background-image:url(/assets/img/bodybg.png);background-size:103%;background-position:50% 3%;background-repeat:repeat-y}.section1{position:relative}.section1 .cap{background-image:url(/assets/img/branding/cap1.svg)}.section1 .head-text{padding:15px 5px;margin:0 0 0 60px}@media (min-width:768px){.section1 .head-text{padding:30px;margin:0 0 0 80px}}.section2{background-image:url(/assets/img/branding/bgbottle1.jpg);background-size:cover;background-position:50% 50%;height:calc(30 * (1vw + 1vh - 1vmin));height:30vmax}.section3{padding:0 10px;position:relative;margin:0 auto;top:-50px}.section4{position:relative;margin-top:-70px}.section4 .cir-svg{position:relative;margin:0 auto;width:80%;z-index:1}@media (min-width:768px){.section2{height:calc(40 * (1vw + 1vh - 1vmin));height:40vmax;padding:15px}.section3{top:calc(-10 * (1vw + 1vh - 1vmin));top:-10vmax}.section4{margin-top:-190px}.section4 .cir-svg{width:35%;left:-25%}.container.slide-area{padding:0}}@media (min-width:992px){.section4 .cir-svg{width:35%;left:-20%}}@media (min-width:1200px){.section2{height:calc(40 * (1vw + 1vh - 1vmin));height:40vmax;max-height:45rem}.section3{top:calc(-6 * (1vw + 1vh - 1vmin));top:-6vmax}.section4 .cir-svg{width:25%;left:-20%}}.section-a{margin-top:10px;position:relative}.section-a .a-box{position:relative;box-shadow:4px 5px 10px #d8d8d8;background-color:#f0e8d3;margin:0 0 0 80px}.section-a .a-box:after{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-right:10px solid #f0e8d3;border-bottom:10px solid transparent;border-left:10px solid transparent;top:5%;right:100%;margin-top:10px}.section-a .svg-cir{position:relative;width:80%;right:-10%;top:-30px}@media (min-width:768px){.section-a .a-box{padding:2.2rem 2rem;margin:30px 0 0 150px}.section-a .svg-cir{width:40%;right:-55%;top:-25px}}@media (min-width:992px){.section-a .svg-cir{width:40%;right:-60%;top:-65px}}@media (min-width:1200px){.section-a .svg-cir{width:31%;right:-71%;top:-77px}}.section-b{margin-top:0}.section-b .svg-box{position:relative;width:123%;margin-top:-14%;margin-left:-17%}@media (min-width:576px){.section-b .svg-box{width:123%;margin-top:-14%;margin-left:-17%}}@media (min-width:768px){.section-b .text-box{padding-top:10%}.section-b .round-img{margin-top:-12px;width:82%}.section-b .svg-box{width:100%;margin-top:-11%;margin-left:0}}@media (min-width:992px){.section-b .round-img{margin-top:-12px;width:82%}.section-b .svg-box{width:90%;margin-top:-15%;margin-left:2rem}}@media (min-width:1200px){.section-b .round-img{margin-top:-12px;width:75%}.section-b .text-box{padding-top:26%}.section-b .arrow-up:after{content:"";position:absolute;width:0;height:0;border-top:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fbaa18;border-left:20px solid transparent;left:25px;bottom:100%;margin-top:20px}.section-b .svg-box{width:72%;margin-top:-8.5rem;margin-left:3rem}}.section-c{margin-top:4%;margin-bottom:25rem}.section-c .discovering{padding:1.2rem 1rem}.section-c .brandstory{position:relative;padding:1.2rem 1rem}.section-c .svg-container{position:relative}.section-c .svg-dummy{opacity:0}.section-c .bottle-obj{position:absolute;height:30rem;top:0;left:-5rem}.section-c .glass-obj{position:absolute;height:24rem;top:4rem;left:1rem}@media (min-width:576px){.section-c .bottle-obj{height:32rem;top:0;left:0}.section-c .glass-obj{height:26rem;top:4rem;left:6rem}}@media (min-width:768px){.section-c .discovering{padding:2.2rem 2rem}.section-c .brandstory{padding:2.2rem 2rem;padding-bottom:12%}.section-c .bottle-obj{height:34rem;top:0;left:4rem}.section-c .glass-obj{height:27rem;top:5rem;left:10.5rem}}@media (min-width:992px){.section-c .bottle-obj{position:absolute;height:38rem;top:-4rem;left:-3.2rem}.section-c .glass-obj{position:absolute;height:30rem;top:2rem;left:4rem}}@media (min-width:1200px){.section-c .bottle-obj{height:660px;top:-8rem;left:-2rem}.section-c .glass-obj{height:30rem;top:0;left:6rem}}.section-d{padding-top:70px;padding-right:0}.section-d .walking{padding:2.2rem 2rem;padding-right:0;position:relative}.section-d .sec-d-svg{width:80%;margin:0 auto}@media (max-width:575.98px){.section-d .walking{padding:25px 0}}@media (min-width:768px){.section-d .sec-d-svg{margin-top:30px;margin-bottom:0}}.section-e{margin-top:5rem}.section-e .svg-cir2{position:relative;width:90%;right:2rem;z-index:1}@media (min-width:576px){.section-e .svg-cir2{width:90%;right:2rem}}@media (min-width:768px){.section-e .svg-cir2{width:52%;right:-6rem}}@media (min-width:992px){.section-e .svg-cir{margin-top:3rem}.section-e .svg-cir2{position:absolute;width:52%;right:1rem;bottom:-7rem}}@media (min-width:1200px){.section-e .svg-cir2{width:45%;right:3rem;bottom:-10rem}}.section-f{padding-bottom:5%}.section-f .howto{position:relative;box-shadow:4px 5px 10px #d8d8d8}.section-f .howto:after{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-right:10px solid #f0e8d3;border-bottom:10px solid transparent;border-left:10px solid transparent;top:1%;right:100%;margin-top:10px}.section-f .pointbox{position:relative}.section-f .pointbox:after{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f28248;border-left:10px solid transparent;left:80%;bottom:100%;margin-top:10px}.section-f .checklist-svg-sm{position:relative;width:21rem;left:-6rem;margin-top:-20px}@media (min-width:768px){.section-f .checklist-svg-sm{width:33rem;left:1rem;margin-top:-25px}}@media (min-width:992px){.section-f .checklist-svg{position:absolute;height:44rem;left:-10rem;top:4rem}}@media (min-width:1200px){.section-f .checklist-svg{height:48rem;left:-5rem;top:2rem}.section-f .howto{padding-bottom:5rem}}@media (min-width:1280px){.section-f .checklist-svg{height:51rem;left:-5rem;top:2rem}.section-f .howto{padding-bottom:5rem}}.section-g{padding-bottom:384px}.section-g .teston{position:relative}.section-g .teston:after{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-right:10px solid #8d3d27;border-bottom:10px solid transparent;border-left:10px solid transparent;top:5%;right:100%;margin-top:10px}.section-g .svg-g{position:absolute;width:60%;right:0}@media (min-width:576px){.section-g .svg-g{width:50%}}@media (min-width:992px){.section-g .svg-g{width:80%;right:unset}}@media (min-width:768px){.section-b{margin-top:0}}@media (min-width:992px){.section-e{margin-bottom:3rem}.section-c{margin-top:5%;margin-bottom:0}}@media (min-width:1200px){.section-b{margin-top:-14%}.section-c{margin-top:5%;margin-bottom:0}.section-e{margin-bottom:5rem}}.sub-section .sec-dot{position:relative;float:left;width:70px;height:70px}.arrow-box{padding:15px;position:relative;margin-top:7%}.arrow-up:after{border-right:10px solid transparent;border-bottom:10px solid #fbaa18;left:60px;bottom:100%}.arrow-left:after,.arrow-up:after{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-left:10px solid transparent;margin-top:10px}.arrow-left:after{border-right:10px solid #fbaa18;border-bottom:10px solid transparent;top:5%;right:100%}.sub-sec-box{margin:0 0 0 80px}@media (min-width:768px){.sub-section .sec-dot{width:120px;height:120px}.sub-sec-box{margin:0 0 0 130px}}@media (min-width:992px){.section-f{padding-bottom:15%}}@media (min-width:1200px){.sub-sec-box{margin:0 0 0 150px}.arrow-box{padding:2rem;margin-top:6%}}@media (max-width:575.98px){.branding{margin-top:64px}}