html {
  margin: 0;
    height: 100%;
    width:100%;
      /* overflow-x: hidden; */
}

/* body>div {
  overflow-x:hidden;
} */

.timeline-page>div {
  overflow-x:hidden;
}

.midnightHeader.light .contact a:after{
  background:#000;
}

.resource .resource-watch a:hover{
  color:#53FF9B;

}

.article .intro video{
  max-width:100%
}

.wai-health{
  background:#1D5128;
}

.location-details{
padding-top:40px;
}
#wh-appointment p{
  margin-bottom:30px;
}

.wai-health .service-nav ul li a:hover{
  color:#53FF9B;
}

.article-nav-container{
  background: #53FE9A;
}

.article-navigation{
  height:100vh;
  display: flex;
flex-direction: column;
justify-content: flex-end;
position: sticky;
top:0;
padding:30px 30px 0;
}





img{
  max-width:100%;
}

a:hover{
  text-decoration:none;
  color:#inherit;
}
a { color: inherit; }

body{
  font-family: 'TeWhanau', Arial, Helvetica, sans-serif;
  font-weight:normal;
   position: relative;
  background:#000;
  font-size:14px;
  color:#53FF9B;
  margin: 0;
  height:100%;
  width:100%;
  overflow-x: hidden;
  background: #010C20;
  background: linear-gradient(180deg, rgba(1, 12, 32, 1) 4%, rgba(0, 42, 82, 1) 54%, rgba(75, 112, 139, 1) 100%);
  background-attachment: fixed;
}

body.directory{
    background:#000 !important;
}

body.people{
  background:#480000 !important;
}

body.resource{
      background:#000 !important;
}
body.services{
  background:#093713 !important;
}

body.news{
  background:#D1D3D4 !important;
}

body.article{
    background:#D1D3D4  !important;
}



.midnightHeader.light #light-logo{
  display:none;
}

.menu-star-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: 50px;
  align-content: center;
  margin-bottom:150px;
}

.menu-star{
  font-size:30px;
  opacity:0;
  text-align: center;
}

.menu-star.shining{
  opacity:1;
}

.menu-star.shining {

    transition: filter 0.4s ease, opacity 0.4s ease, color 0.3s ease;

}

.menu-star.shining.is-active {
  filter: blur(0);
  opacity: 1;
  color: #fff; /* highlight color */
  transform: scale(1.2); /* grows 20% */
  transition: filter 0.3s ease, opacity 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.menu-star.shining.is-blurred {
  filter: blur(4px);
  opacity: 0.4;
  transform: scale(1); /* ensures blurred stars don’t grow */
  transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.star-section {
  padding-top: 150px;
  padding-bottom: 50px;
  padding-left: 25px;
  padding-right:25px;
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(18, 1fr);
  grid-auto-rows: 80px;
  align-content: center;
    align-content: space-between;
}

/* ALL STARS */
.star {
  text-align: center;
  color: #39ffb6;
  font-size: 36px;
  opacity: 1;
  transition: opacity 1.5s ease;
  /* text-shadow: 0 0 8px #39ffb6; */
}

/* RANDOM FADE */
.star.fade {
  opacity: 0;
}

/* CONTENT STARS (links) */
.star-content {
  position: relative;
  flex-direction: column;
  text-decoration: none;

  transition: opacity 1.5s ease;
}



.star-content p {
  font-size: 36px;
font-weight:300;
position:absolute;
top:50px;
left: 50%;
 bottom: 0;
 white-space: nowrap;   /* prevents line breaks */
display: inline-block;
 transform: translateX(-50%);
 opacity:0;
 opacity: 0;
transition: opacity 1.2s ease;
}

/* SHOW CONTENT */
.star-content p.show {
  opacity: 1;
}

.star-content:hover {
color:#fff;
}



.star-content {
  transition: filter 0.3s ease, opacity 0.3s ease;
}


.star-section:has(.star-content:hover) .star-content {
  filter: blur(4px);
  opacity: 0.4;
}


.star-section:has(.star-content:hover) .star-content:hover {
  filter: blur(0);
  opacity: 1;
}

.article-sublink{
    border-bottom:1px solid #093713;
    margin-bottom: 20px;
}

.article-sublink h4{
  color:#093713;
  font-size:24px;

}

.article-sublink p{
  color:#093713;
  font-weight:300;
  font-size:18px;
}



.main-intro{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column;
}

.article-details time{
  display:block;
  color:#093713;
  font-weight:300;
  text-decoration: underline;
  font-size:20px;

}

.article-details img{
  width:100%;
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}
.article h1{
color:#093713;
font-size:64px;
letter-spacing: -0.02em;
margin-bottom: 10px;
line-height: 1.1;

}


.primary-nav ul{
  list-style-type: none;
  padding: 0 !important;

}

.primary-nav ul li{
text-transform: uppercase;
font-size:36px;
font-weight:300;
line-height: 1.2;
}

.primary-nav ul li a:hover{
color:#fff;
}

.resources-bg{
  background-color:#B9B9B9;
  background-image: url('../img/texture.jpg');
  background-size: cover;
}

.resources-bg img{
  position: absolute;
  top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: opacity 0.5s ease;
}

#resource-images img:first-child {
  opacity: 1;
}

#resource-images img.active {
  opacity: 1;
  z-index: 2;
}

.directory-bg{
  background-color:#B9B9B9;
  background-image: url('../img/texture.jpg');
  background-size: cover;
}

.services-menu{
  padding:0px 45px 50px;
}

.light-green-bg{
  background:#53FF9B;
  color: #093713
}

.dark-green-bg{
  color:#53FF9B;
background: #1D5128;
}

.grey-bg{
  background:#E0E0E0;
  color: #093713
}

.black-bg{
  background:#000;
  color: #53FF9B
}

.main-intro h3{
font-size: 72px;
text-align: center;
line-height:1;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
}

.article .intro a{
  color:#008245;
  text-decoration: underline;
}

.article .intro a:hover{
  color:#008245;
  text-decoration: underline;
}

.article-details .article-subheading{
color:#093713;
font-size: 36px;
font-weight: 500;
line-height:1.1;
margin-top:50px;
margin-bottom:30px;
}

.max-contained{
  max-width:1100px !important;
}

.pad-no{
padding-left: 0;
padding-right: 0;
}

.service-hero{
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
position: sticky;
top:0;
height: 100vh;
}
strong{
  font-weight:600;
}


.light-green-bg .service-nav ul li a, .grey-bg .service-nav ul li a{
  color:#093713;
}

.light-green-bg h1, .light-green-bg h2, .grey-bg h1, .grey-bg h2{
    color:#093713;
}

.black-bg .service-nav ul li a{
  color:#53FF9B;
}

.black-bg h1, .black-bg h2{
    color:#53FF9B;
}


.resources-bg{
  display: flex;
  justify-content: center;
  align-items: center;

}

.resources-bg img{
max-width:450px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}


[data-aos-delay='5000'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='5000'].aos-animate {
    transition-delay: 5.3s;
}

.nav-row{
      padding: 40px 50px;
}

.wai-header{
  background-image:url('../img/wai-health.jpg');
  background-position: center;
  background-size: cover;
}

.wai-pricing table{
  width:100%;
  font-size:24px;
  margin-bottom: 40px;
  margin-top: 20px;
}

.four-columns td{
  width:25%;
}


.wai-pricing td {
  border-bottom: 1px solid #53FF9B;
  padding:15px 0px 10px;
    line-height:1;
    font-size:18px;
    font-weight:300;
}
.wai-pricing th {
  line-height: 1;
font-size: 18px;
  border-bottom: 1px solid #53FF9B;
font-weight: 500;
color: #53FF9B;
    padding:10px 0px 10px;
}

.wai-health .service-nav ul li a{
  color:#53FF9B;
}



/* preloader */

	.preloader-wrap {
		width: 100%;
		height:100%;
		position: fixed;
		top: 0;
		bottom: 0;
    background: #000000;
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 46%, rgba(1, 12, 32, 1) 96%);
		z-index : 800;
		text-align:center;
	}

	.preloader-wrap .outer {
    padding: 0px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
height: 100vh;
flex-direction: column;

	}

  .preloader-wrap .outer p{
margin-bottom:0;
  }
  .intro-topline{
margin-bottom: 40px !important;

  }
  .intro-logo img{
    display:block;
    margin-left:auto;
    margin-right:auto;
  }

  .intro-logo{
    text-align: center;

  }
.intro-logo-icon{
  margin-bottom:20px;
}

.timeline-section-10 .timeline-line {
opacity:0.6;
}

.timeline-section-11 .timeline-line {
opacity:0.8;
}

.timeline-full-video{
  max-width:1400px;
  margin-left: auto;
  margin-right: auto;
}

	.percentage-wrapper {
		position:relative;
		width:100%;
		padding:0 50px;
		display: table;
		margin: 0 auto;
		z-index:10;
    	position: fixed;
      	top: calc(100vh - 80px);
        text-align:center;
	}

	.percentage {
		opacity: 1;
		font-size:13px;
		color: #fff;
		display: table;
		margin: 0 auto;
	}

	.percentage::after {
		content: "%";
		width: 100%;
		height: 20px;
		font-size: 13px;
		line-height: 20px;
		color: #fff;
		text-align:center;
		left:0;

	}

  .inactive-drop{
color:#036638;
  }

  #drop-prizes{
    margin-bottom:20px;
  }


	.trackbar {
		width:calc(100% - 160px);
		height: 2px;
		margin-top: 0px;
		position: absolute;
		top: 50vh;
		left: 80px;
		right: auto;
		opacity: 1;
		background:	rgba(255,255,255,0.1);
		z-index:1;
	}

	.loadbar {
		width: 0%;
		height: 2px;
		background:	rgba(255,255,255,1);
		position: relative;
		margin:0 auto;
		display:table;
		top: 0px;
		left: auto;
		right:auto;
		overflow: hidden;
	}

	.hold-progress-bar {
		width: 0%;
		height: 2px;
		background: rgba(0,0,0,1);
		position: relative;
		margin:0 auto;
		display:table;
		top: 0px;
		left: auto;
		right:auto;
		overflow: hidden;
	}

  .timeline-section img{
    max-width:100%;
  }

  .timeline-images{
position:absolute;
z-index:0;

  }

  .timeline-page .topbar{
position:absolute !important;
  }

  .timeline-images img{

  }

  .xtra-small{
    font-size:20px !important;
    line-height: 1.7  !important;

  }

  .testimonial-small{
        font-size:48px ;
        line-height:normal;
        font-weight:600;
        font-style:italic;
  }

  .wrapper video{
    width:100%;
  }

  .key-moment p em{
    text-transform:uppercase;
    font-weight:600;
  }

  .huge-time-center{
    color: rgba(83,255,155,0.4);
    font-size:600px;
    font-weight:900;
    line-height:1;
    padding-top: 5%;
  }

  .key-stats p {
      font-size: 50px;
      margin-bottom: 0;
      line-height: 1.1;
    }

  .timeline-img-1{
width:20%;
left:80px;
top:80px;

  }

  .timeline-img-2{
width:45%;
bottom:80px;
right:80px;


  }
    .timeline-img-2 img{
      margin-left:10px;
    }

  .timeline-img-3{
width:20%;
bottom:40%;
left:0;

  }

  .timeline-img-3b{
width:30%;
bottom:80px;
left:0;

  }

  .timeline-img-4{
      width:25%;
    top:5%;
    right:5%;
  }

  .timeline-img-5{
    width:20%;
    top:25%;
    right:0;
  }

  #timeline-section-3 .small-time-center{
    color:#fff;
  }

.timeline-img-8{
  width:20%;
  top:0px;
  left:80px;
}
.timeline-img-9{
    width:20%;
  top:-80px;
  left:350px;
}

.timeline-img-10{
width:25%;
  bottom:80px;
  left:80px;
}
.timeline-img-11{
  width:35%;
top:80px;
  right:80px;
}

.timeline-img-12{
    width:13%;
bottom:80px;
  right:80px;
}
.timeline-img-13{
      width:10%;
bottom:180px;
  right:270px;
}



.timeline-transparent{
  background:rgba(255,255,255, 0) !important;
}


.census .service-content h1{
  font-size:160px;
}
.drop-footer .service-scroll p a:hover{
  color:#008245;
}

.gm-ui-hover-effect{
  outline: none !important;
}


.gm-style-iw-t{
  color:#000;
}

  .img-1961-3{



  }

  .img-1961-4{
margin-left:250px;
margin-top:-150px;


  }

  .timeline-page video{
    max-width:100%;
    max-height:100%;
    width:100%;
  }

  .testimonial-big{
    font-size:72px;
    font-weight:600;
    line-height:1;
  }
  .overlay-section{
    background:rgba(0,0,0,0.8) !important;
  }

  .testimonial-author{
    color:#008040;
    font-size:50px;
    font-style:italic;
    font-weight: 500;
  }

  .playpause {
    z-index:9;

    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: contain;
    background-position: center;
  }

.playpause {
  opacity: 1;
  transition: opacity 400ms;
}

.playpause[hidden] {
  opacity: 0;
  display: block;
}

  .quote-mark img{
    max-width:100px;
    margin-top: 60px;
  }

  .testimonial-big span{
    color:#008040;
  }


  .timeline-hero{
    display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  text-align: center;
  /* background: #010C20;
  background: linear-gradient(180deg, rgba(1, 12, 32, 1) 4%, rgba(0, 42, 82, 1) 54%, rgba(75, 112, 139, 1) 100%); */
  }

  .timeline-intro{
    max-width:920px;
    margin-left: auto;
    margin-right: auto;

  }

    .timeline-hero h1{
 text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 110px;
    line-height: 1;
    margin-bottom: 20px;
    }

    .timeline-hero h2{
font-size:40px;


    }

.map-drops td{
  padding-right: 15px;
  vertical-align: top;
  padding-bottom: 5px;

    font-size:15px;

}

.map-drop-title{
  font-size:15px;
    font-weight: 600;
}


  .timeline-hero img{
    height:30px;
    margin-bottom:80px;
  }

  .timeline-section{
 height:100vh;
 display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100vh;
text-align: center;
position: relative;
/* background:#000; */

  }



  .timeline-section .container{
    position:relative;
  }

  .vid-bg{
    position:relative;
  }

    .me-figure{
      font-size: 50px;
      text-transform: uppercase;
    }

  .me-figure span{
    color:#53FF9B;
    font-size:72px;
    font-weight:600;
  }

  .mss_playbtn {
    width: 80px;
    height: 80px;
    position: absolute;

    cursor: pointer;
}

.wai-header{
  padding-top:120px;
  padding-bottom: 300px;
}

.wai-location p{
  margin-bottom:40px;
  font-size: 24px;
}

.team-member .collapse p{
  color:#53FF9B;
}

.wai-health .team-member h3 {
    font-weight: 600;
    font-size:28px;
    display: inline-block;
  }

.wai-service h3{
  font-size:48px;
  font-weight:500;
  margin-top:20px;
  display: inline-block;

}

.wai-service a:hover{
  color:#fff;

}

.wai-service .close-team {
width:35px;
margin-top:27px;
}




.wai-location h4{
  font-size:30px;
  font-weight: 600;
}

/* .wai-health .contact-section, .wai-health .contact-form-section{
  display:none;
} */

.wai-location, .wai-pricing{
margin-top: 100px;
margin-bottom: 50px;
}

.wai-title{
  text-transform:uppercase;
  font-size:72px;
  font-weight:900;
  border-bottom:1px solid #fff;
  margin-bottom: 50px;
}

.wai-intro{
  padding-top: 50px;
  padding-bottom: 50px;
}

.wai-intro p{
font-size:24px;
margin-bottom: 40px;
}



.health-jump-links h3{
  text-transform:uppercase;
  font-size:72px;
  font-weight:900;
  line-height:1;
  padding-bottom: 10px;
}

.health-jump-links h3:hover{
color:#fff;
opacity:0.8;
}

.service-scroll .census-jump-links h3{
  text-transform:uppercase;
  font-size:72px;
  font-weight:900;
  line-height:1;
  border-bottom:1px solid #fff;
  padding-bottom: 10px;
}
.service-scroll .census-jump-links h3:hover{
color:#008245;
}
.census-jump-links{
  margin-bottom:200px;
}

.drop-footer p, .drop-footer .service-scroll p{
  font-size:60px;
  margin-bottom: 0;
  line-height: normal;
}
.drop-footer .service-scroll p a{
  float:right;
}

.census .contact-section{
  display:none;

}

.drop-footer .service-scroll{
  padding-bottom:400px
}

.drop-footer  {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #fff;

  }

 .drop-column h4{
text-transform: uppercase;
  font-weight:600;
 }

 .drop-prize{
   position: absolute;
   top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 max-width:600px;
  opacity:0;
  transition: opacity 1s;
  z-index: -1;

 }

#drop-column-1:hover ~ #drop-prize-1{
  opacity:0.5 !important;
}
#drop-column-2:hover ~ #drop-prize-2{
  opacity:0.5 !important;
}
#drop-column-3:hover ~ #drop-prize-3{
  opacity:0.5 !important;
}
#drop-column-4:hover ~ #drop-prize-4{
  opacity:0.5 !important;
}
#drop-column-5:hover ~ #drop-prize-5{
  opacity:0.5 !important;
}
#drop-column-6:hover ~ #drop-prize-6{
  opacity:0.5 !important;
}
#drop-column-7:hover ~ #drop-prize-7{
  opacity:0.5 !important;
}
#drop-column-8:hover ~ #drop-prize-8{
  opacity:0.5 !important;
}
#drop-column-9:hover ~ #drop-prize-9{
  opacity:0.5 !important;
}
#drop-column-10:hover ~ #drop-prize-10{
  opacity:0.5 !important;
}
#drop-column-11:hover ~ #drop-prize-11{
  opacity:0.5 !important;
}
#drop-column-12:hover ~ #drop-prize-12{
  opacity:0.5 !important;
}



 .drop-schedule{
   position:relative;
 }

  .drop-prize img{
width:100%;

  }

  .drop-column:nth-child(-n+8){
    padding-bottom:50px;
  }

  .drop-column{
    border-left:1px solid #fff;

  }

  #map {
    height: 640px;
    width: 100%;
  }

 .drop-column table{
   width:100%;
 }

  .drop-column tr td{
    font-size:18px;
    padding-bottom: 10px;
    vertical-align: top;
    width:50%;
  }

 .drop-column tr td:first-child{
   text-transform:uppercase;
   padding-right: 10px;
 }


.drop-schedule h2{
  padding-top: 40px;
  margin-top: 40px;
  margin-bottom: 30px;
  text-transform:uppercase;
  border-top:1px solid #fff;
  font-size:90px;
  font-weight:900;

}

.error .download-btn{
  background:rgba(0,0,0,0.2)
}

 .census-jump-links .download-btn{
  float:none;
  margin-right:15px;
  display: inline-block;
}

.resource .download-btn{
  background:#11331F;
  text-align: center;
}

  .big-time-center{
    position:absolute;
top:-100px;
width:100%;
letter-spacing:30px;
text-align: center;
    color:rgba(255,255,255,0);
    font-size:180px;
    font-weight:bold;
    -webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(83,255,155,0.6);

  }

.timeline-img-time-large{
  opacity:0.6;
}

.big-moment p{
  font-size:48px;
  text-align: left;
  line-height: normal;
}

.timeline-quote{
  font-size: 30px !important;


}

.timeline-quote-big{
  font-size: 45px !important;

      line-height: normal;
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px;

}

.timeline-quote-small{
  font-size: 21px !important;


}



.black-gradient{
  background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
height:200px;
position: absolute;
top:0;
width:100%;
}
.black-gradient-reverse{
  background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
height:200px;
position: absolute;
bottom:0;
width:100%;
}

.delayed-bg{
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 10%);
  position:absolute;
  width:100vw;
  height:100vh;
}

.green-gradient{
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,132,69,1) 80%);
height:70vh;
position: absolute;
bottom:0;
width:100%;
}
.timeline-section-11{
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(6,132,69,1) 100%) !important;
}

.green-gradient-gap{
  background: rgb(6,132,69);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,132,69,1) 80%) !important;
height:600px !important;
}

.massive-moment h2{
  font-size:140px;
  text-transform: uppercase;
  font-weight:900;
  line-height: 0.8;
}

.timeline-section-9{

  background:url('/assets/img/map-bg-1.jpg');
  background-position: bottom center;
  background-size: cover;
}
.timeline-section-10{
  /* background:rgba(6,132,69,1); */
  background:url('/assets/img/map-bg-2.jpg');
  background-position: top center;
  background-size: cover;
}



.timeline-img-6a{
width:35%;
}

.timeline-section-6 .small-time-center{
    color: #008040;
}
.timeline-img-6{
  bottom:80px;
  left:80px;
}

.timeline-img-7{
  width:10%;
top:0px;
right:5%

}

#timeline-section-9 .large-moment p{
  line-height:normal;
  font-size:50px;
  max-width:1240px;
  margin-left: auto;
  margin-right: auto;
}






.large-moment p{
  line-height:normal;
  font-size:50px;
  max-width:880px;
  margin-left: auto;
  margin-right: auto;
}

.large-moment h3{
  text-transform: uppercase;
  color: #53FF9B;
  font-weight:bold;
  font-size:110px;
}

.people-nav{
  margin-top:20px;
}

.large-moment h4{
  text-transform: uppercase;
  color: #53FF9B;
  font-weight:bold;
  font-size:70px;
  margin-top: 40px;
  line-height: 1;
}

.small-time-right{
  font-size: 20px;
color:#008040;
letter-spacing: 5px;
position: absolute;
left:51%;

}

.small-time-center{
  font-size: 20px;
color:#53FF9B;
letter-spacing: 5px;
margin-bottom: 20px;


}
.small-time-left{
  font-size: 20px;
color:#008040;
letter-spacing: 5px;
position: absolute;
right:51%;

}

  .timeline-page .contact-waipareira{
  border-left-color:#004824;
}

  .timeline-page  .contact-section .row{
      border-bottom-color:#004824;
  }

  .timeline-line{
    width: 1px;
height: 100%;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
background: rgba(255,255,255,0.2);
margin: 0 auto;
overflow: hidden;
z-index: 0
  }


    .key-moment p{
font-size: 40px;
line-height: normal;
    }

    .key-moment{
      max-width: 920px;
      margin-left: auto;
      margin-right: auto;
    }

    .timeline-section-gap{

     height:35vh;
    position: relative;
    /* background:#000; */

    }

.timeline-section-1{
  /* background: rgb(0,0,0); */
  /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,70,35,1) 100%); */
}
.timeline-page .c-scrolldown .c-line{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 50%);
background-position: 0 -300px;
background-size: 100% 200%;
animation: scrolldown 3.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;

}
.contact a{
  position: relative;
display:inline-block;
}

.contact a:after{
  background: none repeat scroll 0 0 transparent;
  bottom: -2px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  background: #53FF9B;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;

}

.contact a:hover:after {
  width: 100%;
  left: 0;
}

.footer-navigation a{
  position: relative;
display:inline-block;
}

.footer-navigation a:after{
  background: none repeat scroll 0 0 transparent;
  bottom: 2px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  background: #53FF9B;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;

}

.footer-navigation a:hover:after {
  width: 100%;
  left: 0;
}

.service-toggle{

  color:#fff;
}

.service-toggle:hover{

  color:#fff;
}

.article-img{
  width:100%;
  max-width:800px;
  height:auto;
  aspect-ratio: 800 / 940;
  object-fit: cover;
}

.article-block{
  margin-bottom: 30px;
  position: relative;
}

.article-block-overlay{
  position: absolute;
  width:100%;
  height:100%;
  background: rgba(83, 255, 155, 0.8);
  z-index: 1;
  top:0;
  left:0;
    padding: 20px;
    display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.article-block-overlay{
opacity:0;
  transition: 1s;
}

.article-block:hover .article-block-overlay {
opacity:1
}


.article-block-overlay h3{
  font-size:30px;
  font-weight:500;
}


.article-block a:hover{
  text-decoration:none;
}
.article-block{
  color:#000;
  font-size: 30px;
}

.article-block:hover img{

filter: grayscale(0%);
}

.article-block time{
  color:#828282;
  font-size:14px;
}

.article-block a h3{
  color:#008245;
  font-size:30px;
  font-weight:600;
  margin-bottom:0;

}

.error-title .download-btn{
  float:none;
  margin-top:10px;
  display:inline-block;
}
.error-title {
  text-align:center;
}

.error-title h1{
  text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #53FF9B;
    font-size: 90px;
    line-height: 1.1;
}

#johns-column .article-block a h3{
  color:#000;
  margin-top:20px;
  margin-bottom:10px;
}

.read-more{
  color:#008245 !important;
font-size:20px;
display:inline-block;

}
.service-nav-second-level{
  display:none;

}
.service-nav-second-level.show{
  display:block !important;

}

.article-block .read-more:after{
    background: url(../img/arrow-right.svg) no-repeat 0px 0px;
  opacity:0;
  content: "";
  display: block;
  margin-left:0;
    transition: 0.5s;
    float:right;
    width: 22px;
    height: 8px;
    background-size: contain;
    margin-top:8px;
}

.article-block:hover .read-more:after{

opacity:1;
  margin-left:5px;
}

/* .primary-nav ul li a{
    transition: 0.5s;
  } */


/* .primary-nav ul li a:after{
    content: "";
      opacity:0;
    background: url(../img/arrow-right-white.svg) no-repeat 0px 0px;
    background-size: contain;
    width: 0px;
    height: 11px;
    display: block;
      float:right;
        margin-top:25px;
        margin-left:0px;
        transition: 0.5s;

}

.primary-nav ul li a:hover{


  margin-left:-25px;
}

.primary-nav ul li a:hover:after{
  width: 80px;
      margin-left:15px;
opacity:1;

} */

.overlay .menu-holder .primary-nav li{
  display:flex;
}


.overlay .menu-holder ul li:before, .overlay .menu-holder ul li:after{
  margin-top:35px !important;
}

.services-hero .menu-holder ul li a:hover{

}

.services-hero .menu-holder ul li a:hover:after{
  width: 80px;
      margin-left:15px;
opacity:1;

}


.services-nav:hover a {
  opacity: .3;
}

.services-nav li a:hover {
  opacity: 1;
}


.network h4{
font-size:24px;
margin-top:40px;
font-weight:600;
}
.network p{
margin-bottom:5px;
}

.network-details{
border-bottom: 0px !important;
}

.network{
  border-bottom:1px solid rgba(255,255,255,0.3);
  padding-bottom: 40px;
  margin-bottom:50px;
}

.network-desc{
  margin-top:40px;
}

.back-to-all span{
  padding-left:0px;
    transition: 0.5s;

}

.article-details{
  font-size:20px;
  margin-bottom: 20px;
padding:200px 75px 75px;
}

.article .back-to-all span:hover {
  color:#008245;

}

.back-to-all span:hover {
  color:#fff;
  padding-left:30px;
  text-decoration: none;
}

.back-to-all:hover{
  color:#fff;
}

.article .back-to-all:before{
    background: url(../img/arrow-left-green.svg) no-repeat 0px 0px;
  }

.back-to-all:before{
    background: url(../img/arrow-left-white.svg) no-repeat 0px 0px;
  opacity:0;
  content: "";
  position:absolute;
  display: block;
    transition: 0.3s;
    transition-delay: 0.1s;
    width: 22px;
    height: 8px;
    background-size: contain;
    margin-top:8px;
}

.back-to-all:hover:before{

opacity:1;
}


#dark-logo{
  opacity: 0;
}

.midnightHeader.light #dark-logo{
  opacity: 1;

}


.midnightHeader.light .bar{
  background:#000;
}

.midnightHeader.light .menu-text{
  color:#000;
}

.midnightHeader.light .contact a{
color:#000;

}

.news-tab:first-child{
  padding-top:0;
}

.news-tabs p{
  color:#000;
}



 .news-collapse{
padding-top:50px;

 }

.news  .service-content h1{

padding-bottom: 0px;
    margin-bottom: 0px;



}

.social-header{
  border-bottom:1px solid #161616;
margin-bottom:75px;
}

.social-icons{
  padding-top: 35px;
text-align:right;

}
.social-icons a{
margin:0 15px;
}

.news-tab{
border-bottom:1px solid #000;
padding-top:40px;
padding-bottom:10px;
}

strong{
  font-weight:700;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.container{
max-width:1630px;

}

.error-section{
  height:100vh;
  text-align:center;
  display: flex;
align-items: center;
justify-content: center;

}

.hero{
  height:100vh;
  position:relative;
  text-align:center;
  display: flex;
align-items: center;
justify-content: center;
overflow:hidden;
}

.hero video{

position:absolute;
min-width: 100vw;
min-height: 100vh;

}


.news-container{
  padding-top:200px;


}



.contact-section, .contact-form-section{
/* background: #000; */

}

.service-bg{
position:absolute;
height:100vh;
left:50px;
right:50px;
background: rgb(0,130,69);
background: linear-gradient(180deg, rgba(3,102,56,1) 0%, rgba(0,0,0,1) 100%);
z-index:-1;

}

.back-to-all{
text-transform:uppercase;
color:#008245;
font-weight:600;
font-size:18px;
margin-bottom:30px;
display: inline-block;


}

.go-transparent #dark-logo{
display:none !important;

}

.go-transparent .midnightHeader.light .bar {
    background: #fff !important;

  }

.go-transparent .midnightHeader.light .menu-text{
  color: #fff !important;

}

.go-transparent  .midnightHeader.light .contact a{
color: #fff !important;

}
.load-more-container{
  text-align:center;
  margin-top:60px;
  padding-bottom:150px;
}

.load-more{
  background: #fff;
  border:1px solid #000;
  display:inline-block;
color: #000;
text-transform:uppercase;
font-weight: 600;
font-size: 18px;
border-radius: 50px;
padding: 15px 25px 10px;
  transition: all .35s ease;

}

.load-more:hover{
  background: #000;
text-decoration: none;
color: #fff;
}

.resource-download h5{
  margin-bottom:0;
  margin-top:7px;
}

.instagram-feed {
  padding-top:150px;
  padding-bottom:150px;
}


.instagram-feed h2{
  text-align:left;
  text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 90px;

}

.dark-footer .footer, .dark-footer .terms{
  color:#093713 !important;
}

.dark-footer .contact-form, .dark-footer .contact-form input::placeholder,  .dark-footer .contact-form textarea::placeholder{
    color:#093713;
}

.dark-footer .contact-form input, .dark-footer .contact-form textarea,  .dark-footer .contact-form button {
  color:#093713;
  border-color:#093713;
}

.dark-footer .footer a, .dark-footer .footer-main p, .dark-footer .copyright{
  color:#093713 !important;
}
.dark-logos{
  display:none !important;
}

.dark-footer .light-logos{
  display:none !important;
}

.dark-footer .dark-logos{
  display:inline-block !important;
}


.service-content{
padding:200px 40px 0;
}

.news .service-content{
padding:0px 40px 0;
}



.service-scroll{

}



.service-content h1{
font-weight: bold;
font-size: 60px;
line-height: 1;
padding-bottom: 40px;
}

.service-content h1 span{
font-weight: normal;

}
.downloads{
  margin-top:40px;

}


.resource-download{
  border-top:1px solid rgba(255,255,255,0.3);
  padding-top: 20px;
  padding-bottom: 25px;
}

.download-btn{
  float: right;
      /* border: 1px solid #53FF9B; */
      background: #000;
      color:#53FF9B;
      font-size: 18px;
      border-radius: 50px;
      padding: 10px 15px 8px;
      font-weight: 300;
      /* text-transform: uppercase; */
      line-height: 1;
      cursor: pointer;
      transition:0.5s ease-out;

}
.wai-health .download-btn{
background:#28743F

}



.download-btn:hover{
  background: #53FF9B;
      color: #000;


}

.booking-btn{

      background: #28743F;
      color: #53FF9B;
      font-size: 18px;
      border-radius: 50px;
      padding: 10px 15px 8px;
      font-weight: 300;
      line-height: 1;
      cursor: pointer;
      transition:0.5s ease-out;

}

.booking-btn:hover{
  background: #02A358;
        color: #fff;



}

.article .download-btn{

      border: 1px solid #000;
      background: #fff;
      color: #000;


}

.article .download-btn:hover{
  background: #000;
      color: #fff;


}

.resource .service-scroll .intro{
  border-bottom:0 !important;
    padding-bottom:0px;
}

.resource .service-scroll .intro img{
  margin-top:30px;

}

.resource .service-scroll section{
  margin-bottom:30px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(255,255,255,0.3);
}



.resource-download h5{
  font-weight:600;
}

.content-section{
border-bottom:1px solid rgba(0,0,0,0.2);
padding-bottom:25px;
margin-bottom: 40px;
}

.service-scroll img{
  margin-bottom:50px;
  margin-top:40px;
  padding-top:70px;
  border-top:1px solid #fff;
}

.service-scroll img:nth-of-type(1){
  margin-top:0px;
  padding-top:0px;
  border-top-width:0;
}

.service-scroll h2{
  font-size:24px;
  font-weight:600;
}

.bw-img{
    filter: grayscale(100%);
}

.article-navigation a:last-child .article-sublink {
border-bottom:0;
}

.content-section:last-child{
  border-bottom:0;
}

.service-scroll h3{
  font-size:24px;

}

.service-scroll p, .service-scroll li{
  font-size:20px;
  line-height:normal;

}

.service-scroll li{
  margin-bottom:5px;
}

.service-scroll li a:hover{
color:#fff;
text-decoration: underline;
}

.service-scroll ul{
  padding-left:20px;
}

.service-nav ul{
  padding:0;
  list-style-type:none;
  color:#fff;
}

.service-nav {

  position: -webkit-sticky;
    position: sticky;
    top:150px;
    /* padding-top:100px; */

}

.service-nav ul li{
font-size:18px;
font-weight:normal;
margin-bottom:5px;

}

.people-nav{
  position:sticky;
  top:150px;
}

.people-nav ul{
  padding:0;
  list-style-type:none;
  color:#fff;
}

.news .people-nav ul{
  color:#000;
}

.service-nav-second-level{
  padding-left:40px;
}

.people-nav ul li{
font-size:22px;
font-weight:normal;
margin-bottom:5px;

}

.service-scroll p.resource-intro{
  font-size:30px;
  font-weight:500;
  margin-bottom:40px;
}

.resource .service-scroll img {
  margin-top:0px;
}

.news-filters{
  color:#000;
}

.filter-toggle{
  font-size:18px;
}
.filter-toggle:hover{
  color:#000;
}

#news-filters{
  padding-top:20px;
  font-size:24px;
}

.sticky-featured-image{
  position: sticky;
    top: 150px;

}

.filter-toggle span{
transition:1s ease-out;
display:inline-block;
}

.filter-toggle[aria-expanded="true"] span{
transform: rotate(45deg);
}

.article-container .service-content {
    padding-bottom:200px;
  }



.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  border-radius: 100%;
  border: 1px solid #000;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top:3px;
  margin-right:10px;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: #008245;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #008245;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}



.cat-john .blog-column{
  border-left:0;
}

.cat-news .col-md-3:nth-child(2){
  margin-left:0 !important;
}

@media screen and (max-width: 1799px) {
.menu-holder ul li{
  font-size:90px;
}


}

@media screen and (max-width: 1599px) {
.cat-news .col-md-3:nth-child(4n+4){
  margin-left:0 !important;
}

.row-last{
  display:none;
}

.star-content p{
  font-size:30px;
}

.article-details .article-subheading{
  font-size:30px;
}
.article h1 {

    font-size: 54px;
  }
.article-details{
      padding: 200px 0px 75px 75px;
}

.article-sublink p{
  font-size:16px;
}

.article-sublink h4{
  font-size:20px;
}

.article-block-overlay h3{
  font-size:26px;
}
.article-block-overlay{
    padding: 15px 15px 10px;

  }
.team-member a h3{
  margin-top:20px;
}

.service-content {
    padding: 200px 40px 0;
  }
}

@media screen and (min-width: 1600px) {
.cat-news .col-md-3:nth-child(5n+5){
  margin-left:0 !important;
}
}

.member-column:nth-child(5), .member-column:nth-child(9), .member-column:nth-child(13), .member-column:nth-child(17), .member-column:nth-child(21), .member-column:nth-child(25){
  border-left:0px ;
}

/* .member-column:nth-child(5n+4){
  border-left:0px ;
} */



/* .cat-news .blog-column:nth-child(5), .cat-news .blog-column:nth-child(9){
  border-left:0px ;
} */

.cat-john .blog-column:nth-child(1){
  border-left:0px ;
}

.cat-john .blog-column{
margin-bottom:50px;
}

.cat-events .blog-column:nth-child(1), .cat-events .blog-column:nth-child(4){
  border-left:0px ;
}


.event-details{
  margin-bottom:5px;
}

.event-details:first-of-type{
  border-top: 1px solid #dedede;
  padding-top: 15px;
  margin-top: 15px;
}
.event-details:last-of-type{
  border-bottom: 1px solid #dedede;
  padding-bottom: 8px;
}

.sticky-featured-image{
padding-right: 50px
}

.article-container{
  background:#D1D3D4;
}

.article-container .service-content h1{
  color:#000;
  border-color:#000;
}
.article-container .service-container{
  margin-top:0;
/* padding-top:200px; */
}


.article-container .service-scroll{
  color:#000;
  border-color:#000;
}

.network a:hover{
  color:#008245;
}

.person-description{
  border-top:1px solid #53FF9B;
  padding-top:20px;
  margin-top:10px;
line-height:normal;
}

.team-member .collapse p{

    line-height:normal;
}
.role-title{
  font-weight:600;
  margin-top:5px;
}

.event-details span{
  color:#008245;
}

.ropu-kaumatua{
margin-top:250px;

text-align: center;
}

.ropu-intro-text{

  padding-right:80px;
}
.ropu-members h3{
  font-size:48px;
  font-weight:600;
}

.ropu-members p{
line-height:normal;
margin-bottom:0;
margin-top:20px;

}

.ropu-members {
padding-bottom:200px;

}



.ropu-officers{
  margin-bottom: 70px;
}

.tribe{
  font-size:18px;
  color:#B0B0B0;
  margin-top:5px!important;
}

.ropu-intro p{
font-size:24px;
}
.ropu-members{
  border-left: 1px solid #fff;
}

.ropu-kaumatua h2{
font-size:90px;
text-transform:uppercase;
font-weight:600;

}
.ropu-head{
  margin-top:-35px;
}

.team-member a h3{

font-weight:600;
text-align: center;
}

.team-member {
padding-top:15px;

}
.team-photo{
  margin-top:20px;
}

.team-member a:hover{
  text-decoration:none;
}

[aria-expanded="true"] .close-team{
  transform: rotate(45deg);

}

[aria-expanded="true"] .close-news{
  transform: rotate(45deg);

}

.person-details{
  text-align: center;
}

.person-details p{
font-weight:500;
  font-size:24px;
  margin-bottom:0px;
}

.person-details .role-title{
  font-weight:300 !important;
}
.close-team{
    float: right;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    display:none;
  }


  .close-news{
    width:40px;
        margin-top: 20px;
      float: right;
      -webkit-transition: all .35s ease;
      transition: all .35s ease;
    }


.news-toggle h1{

  display:inline-block;
}

.service-nav ul li a, .people-nav ul li a {
  color:rgba(255,255,255, 0.6);
  transition:0.3s;
  text-decoration: underline;

}

.team-member a:hover{
    color:#53FF9B;
}

.team-member h3{
  margin-top: 30px;
}

.people-nav ul li a:hover{
  margin-left:15px;
}

.service-nav ul li a:hover {
text-decoration:none;
  color:#093713;

}

.service-nav ul li a.active, .people-nav ul li a.active {
  /* color:rgba(255,255,255, 1) !important; */
  font-weight:bold;

}

.news .people-nav ul li a {
  color:rgba(0,0,0, 1) !important;
  transition:0.3s;

}

.news .people-nav ul li a.active {
  color:rgba(0,0,0, 1) !important;
    font-weight:normal;
}

.people-nav p{
max-width:300px;
margin-top:15px;
line-height: normal;

}



.board-container{
  margin-top:200px;
}


.contact-waipareira{
  padding-top:320px;
    border-left:1px solid #fff;
  padding-bottom:120px;
}

.contact-intro{
  text-align:right;
}

.about-intro{
  padding-top:320px;
  padding-bottom:120px;
  max-width:550px;
}
.contact-intro h4{
  font-size:32px;
  font-weight:600;
  margin-bottom:40px;
}

.contact-intro a{
  font-size:32px;
color:#fff;
display:block;
line-height:normal;

}

.midnightInner{
  overflow:hidden !important;
}

.about-intro p{
font-size:32px;
line-height:normal;
}
.contact-form-section {
  padding-top:175px;
  padding-bottom:275px;
}

.contact-section .row{
  border-bottom:1px solid #fff;
}
.contact-form button{

background: none;
display: block;
  color:#53FE9A;
  font-size: 30px;
  font-weight:300;
  text-transform:uppercase;
  line-height:1;
  cursor:pointer;
  border:0px;
  padding:0;
  text-align: center;
  width: 100%;

}



.contact-form h2{
  text-align:center;
line-height:1;
  font-size:65px;
  margin-bottom:40px;
}
.contact-form{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}

.contact-form form{
  width:850px;
  margin-left: auto;
  margin-right: auto;
}

.contact-form input{
width:100%;
margin-bottom:0px;
background:none;
border:1px solid #53FF9B;
height:70px;
font-size:30px;
color:#fff;
padding:20px 15px;
border-bottom: 0;
line-height: 1
}

.contact-form input::placeholder, .contact-form textarea::placeholder {
color:#53FF9B;
}

.contact-form textarea{
width:100%;
background:none;
border:1px solid #53FF9B;
font-size:30px;
color:#fff;
padding:20px 15px;
margin-bottom:50px;

}

.contact-form input:focus, .contact-form textarea:focus{
outline:none;
border-color:#008245;

}


.contact-form h2 span{
font-weight:300;
}

.contact-form p{
text-align:center;
font-weight:500;
font-size:18px;
}

.menu-logo-text{
  position:absolute;
  top:105px;
  width:210px;
}


.owl-carousel .animated {
  animation-duration: 3000ms !important;
 }

 .topbar{

 position: fixed;
 top: 0;
 width: 100%;
 z-index:2;
font-weight:normal;

 }

 .topbar .contact a{
   color:#53FE9A;
   font-weight:normal;
   font-size:30px;
   text-transform:uppercase;
    line-height:1;
 }

 .menu-text{
   color:#53FF9B;
   font-weight:normal;
   font-size:30px;
   line-height:1;
   text-transform:uppercase;
   right: 15px;
   position:absolute;
   top: 0;

 }

#light-logo, #dark-logo{
     position:absolute;
}

 .main-logo img{
   height:53px;
   width:50px;

 z-index:2;

 }



.topbar.scrolled .midnightHeader.default {

  transition: background-color 200ms linear;
background: linear-gradient(180deg,rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);

/* -webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); */
}

.topbar.scrolled .midnightHeader.light{
background: rgba(255,255,255,0.7) !important;

}


.footer{

padding-top:50px;

}

.footer-main{
margin-bottom:120px;

}
.footer-main p{
text-transform:uppercase;
color:#53FE9A;
font-weight:600;
letter-spacing:2px;
font-size:14px;
margin-bottom:30px;
}

.footer ul{
list-style-type:none;
padding-left:0;
}

.footer ul li{
  font-size:20px;
  font-weight:normal;
  margin-bottom: 5px;
}

.footer ul li a{
color:#53FE9A;
}

.footer .divider{
  border-top:1px solid rgba(255, 255, 255, 0.2);
  margin-bottom:25px;
  width:100%;
  margin-left: 15px;
  margin-right:15px;
}

.footer .social{
margin-bottom:40px;

}
.footer .partners img{
  max-width: 180px;
  display: block;
  width: auto;
  margin-bottom: 25px;
}
.footer-navigation{
  margin-bottom:70px;
}

.footer .terms{

    padding-top:20px;
    padding-bottom:20px;
    font-size:13px;
        color: rgba(83, 254, 154, 1);
}
.footer .terms a{
    color:rgba(83, 254, 154, 1);
  }

.footer .contact a{
  font-size:20px;
  display:block;
  color:#53FE9A;
}

.copyright{
  text-align:right;
      color:rgba(83, 254, 154, 1);
}

.footer .social a{
  display:inline-block !important;
  width:25px;
  height:25px;
  margin:0 5px;

}

.footer h3{
font-size:65px;
font-weight:600;

}



.spacing {
  height: 75vh;
  margin: 25px;
  display: block;
}

.startLine {
  margin-top: 25px;
  padding-top: 150px;
  border-top: 1px dashed #999;
}

.line-backdrop {
  margin-top: 100px;
  position: relative;
  width: 1px;
  height: 800px;
  background: #000;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

  border: 1px solid #000;
}

.line {
  position: absolute;
  width: 1px;
  height: 0px;
  background: #fff;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  transition: all .2s ease-out;
  filter: drop-shadow(0 0 8px #34EF92)
}

.box {
  top: 25%;
  position: relative;
  z-index: 999;
background-size:cover;
  width: 400px;
  height: 556px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.fw-social a{
  display:inline-block !important;
  width:30px;
  height:30px;
  margin:0 15px;

}



.box:nth-child(even) {
  transform: translateX(calc(150px));
}

.box:nth-child(odd) {
  transform: translateX(calc(-100% - 150px));
}

.box.active {
  /* filter: drop-shadow(0 0 10px #454545); */
  border-color: #FFF;
  color: #FFF;

}

.box.active:before {
  background: #FFF;
}



.one{
  background-image:url('../img/testimonial-1.jpg');
}

.two{
  background-image:url('../img/testimonial-1.jpg');
}

 .c-scrolldown {
	 width: 1px;
	 height: 300px;

	 position: absolute;
	 bottom: 0px;
	 left: 0;
	 right: 0;
	 margin: 0 auto;
	 overflow: hidden;
}
 .c-scrolldown .c-line {
	 width: 100%;
	 height: 100%;
	 display: block;
	 background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%);
	 background-position: 0 -300px;
	 background-size: 100% 200%;
	 animation: scrolldown 3.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}

 @keyframes scrolldown {
	 0% {
		 background-position: 0 -300px;
	}
	 75% {
		 background-position: 0 0;
	}
	 100% {
		 background-position: 0 300px;
	}
}



















.go-transparent{
  background-color: transparent !important;
}





.hide-element{
  opacity:0;

}


.owl-dots{
  display:none;
}

.tabs a{
  text-decoration:none;
  color:#2d2d2d;
}


.tabs a:hover{
  text-decoration:none;
  color:#AC4239;
}



.footer .contact a:after{
  display:none;
}


.main-menu{
  text-align:right;
}

.footer .contact a:hover{
  color:#008245;
}

.main-intro{
  padding:50px 30px;
}


.about-icons a:hover{
  text-decoration:none;
}

.homepage h1{
font-size:30px;
line-height:1.5;
margin-bottom:0;

}

.menu-details a{
color:#fff !important;

}

.vcenter{

    justify-content: center;
display: flex;
align-items: center;


}

.center{
  text-align:center;
}

.vbottom{

position:absolute;
bottom:0;
max-height: 100%;


}

.menu-details{
  max-width:800px;
  position:absolute;
  right:50px;
  bottom:50px;
}



.menu-details h3{
  color:#fff;
  font-size:12px;
    margin-bottom:20px;;
}
.menu-details p{
  margin-bottom:0;
  color:#fff;
  font-size:12px;
}


/** styling for the hamburger menu **/

.toggle-button {
  /* position: relative; */
  display:inline-block;
  width: 50px;
  cursor: pointer;
  z-index: 3;
}

.bar {
  background-color: #fff;
  display: block;
  width: 100%;
  height: 2px;
  border: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.bar + .bar {
  margin-top: 7px;
}

.middle {
  top: 15px;
}

.bottom {
  top: 30px;
}

.toggle-button:hover {
  opacity: .7;
}

.toggle-active .bar {
  background-color: #53FF9B;
}

.toggle-active .top {
  -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
}

.toggle-active .middle {
  opacity: 0;
}

.toggle-active .bottom {
  -webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);
}

.menu-text:after{

  content:'Menu';
}

.toggle-active .menu-text:after{

  content:'Close';
}


/** styling for the overlay. The sliding-down effect of the overlay is given by the initial zero height and the onclick 100% height. **/

.overlay {
  position: fixed;
  /* background:rgba(0,0,0,0.3); */
  background: #093713;
  top: 0;
  right: 0;
  /* width: 100%; */
    width:500px;
  height: 100%;
  visibility: hidden;
  opacity: 1;
  transition: all 1s;
right:-500px;

}

.menu-holder{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height:100vh;

}

.menu-sidebar{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height:100vh;
  padding:50px;

}




 p{
  font-size:21px;
  font-weight:200;
}


/* class added to the overlay on click*/

.nav-active {
  opacity: 1;
  visibility: visible;
  height: 100%;
z-index:1;
  right: 0;
}

.menu-holder ul {
  display: block;
  position: relative;
  left: 0;
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  list-style: none;

}



#service-preview{

height:752px;
width:564px;
position:absolute;
background-image:url(../img/services-landing.jpg);
background-size: 100% auto;
bottom: 60px;
right: 55px;


}

#service-hover{
  height:100%;
  background-size: 100% auto;

}



.pepi-bg{
background-image:url(../img/services-pepi-tamariki.jpg) !important;
}

.rangatahi-bg{
  background-image:url(../img/services-rangatahi.jpg) !important;
}

.matua-bg{
background-image:url(../img/services-matua.jpg) !important;
}

.kaumatua-bg{
  background-image:url(../img/services-kaumatua.jpg) !important;
}
.whanau-bg{
  background-image:url(../img/services-whanau.jpg) !important;
}

.services-nav li:hover .text-1{
  opacity:0;
  display:none;
}
.services-nav li:hover .text-2{
  opacity:1;
  color:#53FF9B;
  display:inline-block;
}

.people-nav ul li a{
    color:#53FF9B;
}



.services-nav li a:hover{
color:#53FF9B;
}

services


.text-1{
  position: absolute;
  opacity:1;
  /* animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 6s;
  animation-direction: alternate-reverse; */

}

.text-2{
opacity:0;
  display:none;
  /* animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 6s;
  animation-direction: alternate; */
}

@keyframes fade{
    0%,45% {
      opacity: 0;
}
    100%{
      opacity: 1;
  }
}



nav{
  margin-left:auto;
  margin-right:auto;
}

.services-hero .menu-holder ul li{
  text-align:left;
}

.service-title{
position:absolute;
top:-12px;
text-align:center;
width:100%;
}

.service-title h1{
text-transform:uppercase;
font-size:30px;
font-weight:600;
}

.menu-holder ul li {

font-weight:500;
  color: #fff;
  font-size:110px;
  line-height:1;

}

.menu-holder ul li a {

  color: #53FF9B;
  text-decoration: none;
  position: relative;
  display:inline-block;


}

.hero .menu-holder ul li {

  display: flex;
  align-items: center;
}



.hero .menu-holder ul li a:hover{
color:#008245;
}

.menu-holder ul{
padding:0;
}

.menu-width{
width:100%;

}









.hidden {
  opacity: 0;
}

.service-desktop{
padding-top:25px;

}
.people-nav{
padding-top: 15px;

}

@media screen and (max-width: 1680px) {

  .board-container{
    margin-top:100px;
  }

  .download-btn{
    font-size:14px;
  }

  .resources-bg img{
    max-width:350px;
  }

  .service-content{
        padding: 200px 30px 0;
  }

  .service-scroll p.resource-intro{
    font-size:20px;
  }

  .person-details p{
    font-size:18px;
  }

  #service-preview {
      width: 450px;
    height: 600px;
    bottom: 90px;
  }



.team-member a h3{
  font-size:24px;
}

.people-nav ul li {
    font-size: 20px;

  }

  .person-description p{
    font-size:18px;
  }
  .ropu-members{
    padding-bottom:100px;
  }

  .ropu-kaumatua {
    margin-top: 150px;
    margin-bottom: 100px;
  }

  .service-content h1{
font-size:54px;
    padding-bottom: 20px;
  }

  .back-to-all {
margin-bottom:20px;
  }
  .back-to-all:hover{
    color:#fff;
  }





  .service-scroll h2 {
    font-size: 24px;
  }


  .service-scroll p.resource-intro{
        margin-bottom: 30px;
  }

  #wh-appointment{
    padding-bottom:30px;
  }

  .wai-pricing th, .wai-pricing td {
      font-size: 16px;
      padding:10px 10px 10px 0px;
    }


  .content-section {
padding-bottom:10px;
    margin-bottom: 30px;
  }

  .service-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;

  }

  .service-nav ul li{
    font-size:16px;
  }

  .service-desktop{
padding-top:50px;

  }



  .service-title h1 {
    font-size: 24px;
  }
  .service-bg {

      left: 40px;
      right: 40px;
    }
    .footer .partners img {

    /* margin-right: 20px; */
  }

    .container{
      padding:0 50px;
    }


}

@media screen and (max-width: 1599px){
.article-block a h3{

    font-size: 24px;
}

.service-scroll p, .service-scroll li {
    font-size: 16px;
  }

.service-content h1{
  font-size:48px;
}

.menu-holder ul li{
  font-size:100px;
}

.close-news {

    margin-top: 10px;
  }

  .resource .service-content {
    padding: 150px 35px 0;
  }

  .instagram-feed h2{
    font-size:80px;
  }
.read-more {
    color: #008245 !important;
    font-size: 18px;
    margin-bottom: 0px;
  }

  #news-filters {
    padding-top: 20px;
    font-size: 20px;
  }

  .radio input[type=radio] + .radio-label:before{
    width:15px;
    height:15px;
  }

  .radio input[type=radio]:checked + .radio-label:before {
    background-color: #008245;
    box-shadow: inset 0 0 0 2px #f4f4f4;
  }

  .instagram-feed {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .nav-row {
    padding: 40px 50px;
  }
  .menu-logo-text {

    top: 110px;
  }


}

@media screen and (max-width: 1439px){
  #service-preview {
      /* width: 700px;
    height: 450px; */

  }
  .network-desc {
    margin-top: 25px;
  }

  .row-first{
    display:none;
  }

  .network {

    padding-bottom: 20px;
    margin-bottom: 25px;
  }

  .network h4 {
  margin-top:20px;
  }
  .service-scroll p.resource-intro {

  }
  .resource .service-scroll img {
    margin-top: 15px;
  }


.news-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .instagram-feed h2{
    font-size:72px;
  }

  .team-member a h3{

    font-size:20px;
  }

  .people-nav ul li {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .ropu-members h3 {
    font-size: 40px;

  }

  .ropu-officers {
    margin-bottom: 50px;
  }



  .services .service-content {
    padding: 150px 30px 0;
  }

  .service-content h1 {


  }


  .service-scroll img {
    margin-bottom: 40px;
  }
  .service-nav ul li {
    font-size: 15px;

  }

  .service-scroll p {
    font-size: 15px;
  }

.service-content h1{
  font-size:40px;
}

.resource-download h5{
  font-size:16px;
}

.resources-bg img {
    max-width: 300px;
  }

.resource-download {

    padding-top: 15px;
    padding-bottom: 20px;
  }

  .resource .service-scroll section{
    margin-bottom:25px;
  }

.service-scroll p.resource-intro, .service-scroll h2{
  font-size:18px;
}

  .service-title h1 {
    font-size: 22px;

  }
  /* .primary-nav ul li a:after {
    margin-top:15px;
  } */

  .contact-form h2 {
font-size:54px;

  }

  .contact-form-section{
    padding-bottom:175px;
  }

  .services-nav{
    /* max-width:1024px; */
  }
  .service-title h1 {
    font-size: 20px;
  }


  .nav-row {
      padding: 35px 50px;
    }

}
@media screen and (min-width:1600px){
.offset-xl-2 {
    margin-left: 16.666667% !important;
  }
  .offset-xl-0{
      margin-left: 0 !important;
    }
}

@media screen and (max-width: 1439px) and (min-width:769px){

.project-intro{
  padding-left:35px;
  padding-right:35px;
}





.intro-logo {
    text-align: center;
    margin-bottom: 100px;
    margin-top: -100px;
  }
  .contact-form-section {
    padding-top: 125px;
    padding-bottom: 175px;
}

  .footer h3 {
    font-size: 54px;
    line-height: 1;
  }
  .footer-main {
      margin-bottom: 80px;
    }

    .main-logo img {
    height: 45px;
    width: 48px;
  }
  .menu-logo-text {
    top: 90px;
    width: 190px;
  }

}

@media screen and (max-width: 1299px) {
.about-intro p{
      line-height: 1.3;
    }

    #service-preview {
    width: 350px;
    height: 467px;
  }

.menu-holder ul li{
  font-size:80px;
}

    .article-sublink{
      margin-bottom:15px;
    }

        .article-sublink p{
      margin-bottom:10px;
        }

    .article-sublink h4{
      font-size:16px;
    }

    .news .service-content{
      padding-top:50px;
    }

    .article-block-overlay h3{
      font-size:18px;
    }

    .article-block-overlay{
      padding:10px 15px;
    }
.about-intro p, .contact-intro a, .contact-intro h4  {
    font-size: 28px;
  }
  .about-intro {
    padding-top: 250px;
    padding-bottom: 80px;
    max-width: 450px;
  }
  .topbar .contact a, .menu-text{
    font-size:24px;

  }






}



@media screen and (max-width: 1199px) {
  .menu-holder ul li {
      font-size: 70px;
  }



  #service-preview{
    bottom:70px;
    width:300px;
    height:400px;
  }

}
@media screen and (max-width: 1279px) {
#service-preview {
  /* width: 600px;
  height: 450px; */
}
.resource .service-content {
    padding: 150px 15px 0;
  }

  .resource .service-scroll section {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .contact-waipareira {
    padding-top: 250px;
    padding-bottom: 80px;
  }
  .download-btn {
    font-size: 14px;
        padding: 7px 15px 7px;

    }
    .resource-download {

    padding-bottom: 10px;
  }

  .service-nav-second-level {
    padding-left: 20px;
  }
  .network h4 {
    font-size: 18px;
    margin-top: 20px;
  }

  .network-desc {
    margin-top: 20px;
  }

  .network {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

    .resource-download h5 {
    font-weight: 600;
    font-size: 15px;
  }

#news-filters{
  padding-top:10px;
}


.filter-toggle{
  font-size:16px;
}

.service-content h1{
  font-size:36px;
}

#news-filters{
  font-size:18px;
}

#news-filters label {
margin-bottom:2px;
}

.load-more-container{
  padding-bottom:100px;
}

.article-block a h3 {
    font-size: 20px;
}

.read-more {
font-size:16px;

}

.news-collapse {
    padding-top: 30px;
}

.news-tab {

    padding-top: 30px;
  }

  .close-news {
    margin-top: 0;
  }

.instagram-feed {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .social-icons {

    margin-top: 100px;
  }

.instagram-feed h2{
  font-size:54px;
}
.ropu-officers {
    margin-bottom: 30px;
  }

  .news-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .instagram-feed h2{
    margin-bottom:50px;
  }

.person-details p, .person-description p {

    font-size: 14px;
  }

  .tribe{
        font-size: 15px !important;
  }

  .ropu-members {
    padding-bottom: 0;
  }
  .ropu-kaumatua h2 {
    font-size: 72px;
  }
  .ropu-members p {

    margin-top: 10px;
  }

  .ropu-members h3 {
    font-size: 24px;
    margin-bottom:0;
  }

  .ropu-intro-text {
      padding-right: 30px;
    }

.ropu-intro p, .ropu-members p {
    font-size: 18px;
  }

  .team-photo {
    margin-top: 10px;
  }

  .board-container {
    margin-top: 50px;
  }

  .ropu-kaumatua {
    margin-top: 100px;
  }


  .team-member a h3 {
    font-size: 18px;
  }

  .people-nav ul li {
    font-size: 16px;
  }





  .ropu-kaumatua {

    margin-bottom: 50px;
  }

  .service-scroll p {
    font-size: 16px;
  }
  .service-scroll h3 {
    font-size: 22px;
  }

  .service-scroll img {
    margin-bottom: 30px;
  }

  .services .service-content {
      padding: 150px 20px 0;
    }

  .service-nav ul li{
    font-size:13px;
  }

  .service-hero {
    background-size: cover;

  }

.wai-pricing table{
  margin-top:0;
}


    .back-to-all:before{
      margin-top:6px;
    }

    .wai-pricing th, .wai-pricing td {
    font-size: 14px;
  }

  .wai-location, .wai-pricing{
        margin-bottom: 30px;
  }


  .back-to-all {
    margin-bottom: 10px;
    font-size: 16px;
  }



}


@media screen and (max-width: 1023px) and (min-width:768px){
  .person-details p, .person-description p {
      font-size: 11px;
    }
    .team-member a h3 {
    font-size: 14px;
  }



  .close-news {
    width: 30px;

  }



  .article-block time{
    font-size:12px;
  }
  .instagram-feed h2 {
    margin-bottom: 40px;
  }
  .blog-column {
    padding: 0 10px;
  }

  .news .service-content{
    padding-left:15px;
    padding-right:15px;
  }

  .load-more{
    font-size:15px;
        padding: 10px 20px 5px;
  }
  .load-more-container {
    padding-bottom: 50px;
    margin-top:40px;
  }


  .article-block img {
      margin-bottom: 5px;
      margin-top: 5px;
    }
.read-more{
  font-size:13px;
}
  .article-block a h3 {
    font-size: 18px;
  }

  .news-container {
    padding-top: 75px;
    padding-bottom: 75px;

  }
  .people-nav ul li {
    font-size: 13px;
  }
  .member-column {

    padding-left: 10px;
    padding-right: 10px;
  }

  .people-nav p{
      font-size: 13px;
  }

  .board-container{
    margin-top:0;
  }

  .ropu-kaumatua {
    margin-top: 75px;
  }

  .ropu-kaumatua h2 {
    font-size: 54px;
  }

  .tribe {
    font-size: 13px !important;
  }

  .topbar .contact a, .menu-text {
    font-size:13px;
  }

  .ropu-intro p, .ropu-members p {
    font-size: 15px;
  }
  .ropu-kaumatua {

    margin-bottom: 50px;
  }

  .ropu-head {
    margin-top: -25px;
  }

  .people .service-container{
    margin-top:100px;
  }

}


@media screen and (min-width: 1024px) {
.mobile-service-menu{

  display:none;
}

.stars-mobile{
  display:none;
}

.resource .service-scroll section img{
display: none;
}


}

@media screen and (max-width: 1023px) {
.nav-row {
    padding: 35px 30px;
  }

  .star-content p{
        top:30px;
  }

.stars-desktop{
  display:none;
}

    .resource .service-hero{
      display:none;
    }


  .resources-bg{
    display:none;
  }
  .resource .service-content {
    padding: 150px 15px 0;
  }

  .wai-pricing th {
    font-size: 15px;
    padding: 10px 10px 5px 0;
  }
  .wai-pricing td {
    font-size: 14px;

  }

  .resource .service-nav ul li:after{
    transform: rotate(-90deg);

  }

.service-nav ul li {
  position:relative;
}


  .service-nav ul li:after {
    content:"";
    display:block;
    background: url(../img/arrow-down-dark.svg) no-repeat 0px 0px;
    position:absolute;
    top:0;
    right:0;
    width: 12px;
    height: 11px;
    background-size: 100% 100%;
    margin-top:5px;
  }

  .resource .service-nav ul li:after {

    background: url(../img/arrow-down-green.svg) no-repeat 0px 0px;
    transform: rotate(-0deg);

  }

  .wai-health .service-nav ul li:after {

    background: url(../img/arrow-down-green.svg) no-repeat 0px 0px;

  }
.service-nav ul li a{
  width: 100%;
display: block;


}
  .service-scroll{

    margin-top:40px;
  }

  .service-nav{
    padding-bottom:15px;
  }

  .service-nav{
    border-bottom:1px solid #fff;

  }
  .service-nav ul li {
    font-size: 20px;
  }

  .service-scroll{
    border-left:0;
    padding-left:15px;

  }

  .mobile-service-menu .menu-holder{
    background:rgba(0, 0, 0, 0.3);
  }

  .mobile-service-menu .menu-holder li{
    margin-bottom:5px;
  }
  .mobile-service-menu .menu-holder{
    position:absolute;
    z-index:1;
  }

  .menu-holder ul{
    padding-bottom:50px;
  }

  .mobile-service-menu {
    position: relative;
    height: 100vh;
  }
  .service-desktop{
  display:none;
  }

  .footer h3 br{
    display:none;
  }

  .main-logo img {
  height: 45px;
  width: 48px;
}
.menu-logo-text {
  top: 90px;
  width: 190px;
}
  .footer h3 {
    font-size: 48px;
    margin-bottom:50px;
  }
    .contact-form h2{
  font-size: 48px;

}

.footer-main {
    margin-bottom: 70px;

  }

  .footer-navigation {
    margin-bottom: 30px;
  }
.contact-form-section {
    padding-top: 100px;
padding-bottom:125px
  }

  .contact-form {
    width: 100%;
  }
  .about-intro p, .contact-intro a, .contact-intro h4 {
    font-size: 24px;
  }
  .contact-waipareira {
    padding-top: 150px;
    padding-bottom: 50px;
  }
  .about-intro {
    padding-top: 150px;
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 768px) {
.desktopno{
  display:none;
}

.toggle-button .bar{
  display:none;
}
.menu-main{
  height:100vh;
}
.service-scroll .collapse{
  display:block !important;
}



.overlay ul{

 width:100%;
 padding:0 40px;
}


}

@media screen and (max-width: 1023px) {
.menu-holder{
height:100vh;

}


.text-translate {
    font-weight: 300;
    font-size: 24px;
    text-transform: none;
    display: block;
  }

#mobile-services .item{
background-size:cover;
background-position: bottom center;
  height:100vh;
}
#mobile-services{
  position:absolute;
}

.resources-group h3 {
    font-size: 20px;
  }

.side-testimonal{
  display:none;
}

.nav-active{
height:100%;

}

.feeds{
  margin-top:40px;
}

.resource-link h3{
  font-size:18px !important;
  line-height:normal;
  margin-bottom: 25px;
    margin-top: 25px;
}



.overlay ul li a{
display:block;

}
.overlay ul li {
  margin-bottom:5px;
}

.overlay ul li a {
    font-size: 64px;
  }


}

@media screen and (max-height: 900px) {

.c-scrolldown {
  height: 150px;

}
.c-scrolldown .c-line {
  background-position: 0 -150px;
}

@keyframes scrolldown {
  0% {
    background-position: 0 -150px;
 }
  75% {
    background-position: 0 0;
 }
  100% {
    background-position: 0 150px;
 }
}


}


@media (min-width: 768px){
.offset-md-3 {
    margin-left:  25%;
}

.fullscreen-note{
  display:none;
}


}



@media screen and (max-width: 767px) {

.container{
  padding:0 15px;
}

.star-section {
grid-template-columns: repeat(9, 1fr);
    grid-auto-rows: 40px;
            padding-bottom: 30px;
}


.row-last, .row-first{
  display:initial;
}

.article-nav-container{
  display: none;
}

.text-translate{
  display:none !important;
}

.resource .download-btn{
  margin-top:10px;
}

.article h1{
  font-size:36px;
}

.article-details time{
  font-size:18px;
}

.article-details{
      padding: 100px 15px 50px;
}
.article-details .article-subheading{
margin-top:30px;
font-size: 24px;
margin-bottom:0px;

}

.article-block-overlay{
  position: relative;
  opacity:1;
  padding:0;
  background:none;
}


.footer .partners img {
    max-width: 150px;
  }

.service-hero{
  height:400px;
}

.contact-form textarea{
  padding:15px 15px;
}

.contact-form form{
width:100%;
}

.contact-form input{
  max-width:100%;
}

.contact-form input, .contact-form textarea{
  font-size:18px;
}

.contact-form input{
  height:45px;
}

.footer ul li {
    font-size: 16px;
  }

  .footer-main p {

    font-size: 12px;
    margin-bottom: 20px;
  }

.contact-form button {
    font-size:18px;
}

.contact-form textarea{
  margin-bottom: 20px;
}

.star{
      font-size: 18px;
}

.star-content p {

    font-size: 24px;
  }

.main-intro{
  height:auto;
}

.menu-sidebar{
  padding:25px;
}



.star-section {
    padding-top: 100px;
    padding-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

.main-intro h3 {
    font-size: 30px;
  }

.menu-star-grid {

    margin-bottom: 100px;
  }

.overlay{
  width:100%;
}

.wai-health .service-content {
    padding: 40px 20px 0;
}
.health-jump-links h3, .wai-title{
padding-bottom: 0;
    font-size: 36px;
      margin-bottom: 20px;
  }

  .wai-health .service-scroll h3{
    margin-bottom:0;
  }

  .wai-health .service-scroll h3{
    margin-bottom:10px;
  }

  .booking-btn {

    font-size: 16px;
    padding: 15px 20px 10px;
    width: 100%;
    text-align: center;
    display: inline-block;
  }
  .wai-intro{
    padding-bottom:20px;
  }

  .wai-location h4 {
    font-size: 24px;
  }

  .wai-location p {
    font-size: 20px;
        margin-bottom: 25px;
  }

  .wai-health .team-member h3 {

    font-size: 16px;
    margin-bottom:0;
  }
  .wai-location, .wai-pricing{

    margin-top: 50px;
    margin-bottom: 50px;
  }

  .wai-health #map{
    margin-bottom:30px;
  }
  .wai-header {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .wai-intro p {
    margin-bottom: 20px;
}
  .wai-service h3 {
    font-size: 24px;

  }
  .wai-service .close-team {
    width: 20px;
    margin-top: 20px;
  }

.timeline-section-12 .timeline-images{
  width:70% !important;
}

.timeline-section-26 .col-md-6 {
  padding-left:15px !important;
}

.key-moment p, .small-time-center{
  text-align: center !important;
}

.timeline-section-26 .small-time-center{
  margin-top:20px;
}

.timeline-section-12 {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(6,132,69,1) 100%) !important;
  }

.census .service-content h1{
  font-size:72px;
}

.massive-moment h2{
  font-size:48px;
}

#drop-prizes{
  margin-bottom:0;
}

.census .service-content {
    padding: 100px 15px 0;
  }
  .census-jump-links {
    margin-bottom: 20px;
}

.drop-schedule h2{
  font-size:30px;
  margin-bottom:0;
  padding-top:25px;
}
.drop-column tr td {
    font-size: 16px;
  }

  .drop-column{
    border-left:0;
    padding-top:20px;
  }

  .drop-column table{
padding-bottom: 10px;
    border-bottom:1px solid #fff;
  }


  .drop-column:nth-child(-n+8) {
    padding-bottom: initial;
  }

  .drop-column:last-child {
    border-bottom:0px !important;
  }


.drop-column h4 {

    font-size: 18px;
  }
  .census .service-scroll{
  margin-top:25px;
}
  .census .service-content h1{
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .drop-map h2{
    border-top:0px;
    margin-top: 0;
    margin-bottom: 15px;
  }
  #map {
    height: 450px;
  }

.census .contact-form h2{
  border-top:1px solid #fff;
  padding-top:25px;
}


.drop-column tr td {
    padding-bottom: 5px;
  }

  .drop-footer p, .drop-footer .service-scroll p{
    font-size:24px;
  }

  .drop-footer .service-scroll{
    padding-bottom:75px;
  }

  .service-scroll .census-jump-links h3{
    font-size:30px;
    padding-bottom: 10px;
    padding-top:5px;
    margin-top: 10px;
  }

 .full-mobile{
   width:100% !important;
 }

 .testimonial-author {
    color: #008040;
    font-size: 24px;
  }

  .quote-mark img {
    max-width: 50px;
    margin-top: 0;
    margin-bottom: 20px;
  }

 .testimonial-small{
   font-size:24px;
 }

.huge-time-center {
    color: rgba(83,255,155,0.6);
    font-size: 180px;
  }

.me-figure span{
  font-size:48px;
  display:block;
}

.key-stats p {
    font-size: 18px;
    margin-bottom: 15px;
  }

.large-moment h4 {
font-size:36px;

    margin-top: 20px;
}

.big-time-center{
  font-size:140px;
  top: -90px;
}

.fullscreen-note{
text-transform: uppercase;
letter-spacing:2px;
font-size:10px;
margin-top:25px;
opacity:0.7;
}

.timeline-quote {
    font-size: 18px !important;

  }





  #timeline-section-9 .large-moment p {

    font-size: 30px;
  }

  .large-moment p {
    line-height: normal;
    font-size: 30px;
  }

  .large-moment h3 {

    font-size: 48px;
    line-height: 1;
  }

.timeline-quote-big {
    font-size: 30px !important;
  }



.big-moment p {
    font-size: 30px;
    text-align: center;
  }

.hide-mobile{
  display:none !important;
}

.pump-up{
  z-index:1;
}

.timeline-hero h1{
  font-size:48px;
  margin-bottom:10px;
}

.timeline-section-gap{
  display:none;
}

.key-moment p {
    font-size: 30px;
  }

  .small-time-left {
    font-size: 14px;
    right:52%;
  }

  .small-time-right {
    font-size: 14px;
    left:52%;
  }

  /* .timeline-transparent{
    display:none;
  } */





.timeline-hero h2 {
    font-size: 24px;
  }

  .timeline-hero img {
    height: 15px;
    margin-bottom: 40px;
  }

.error-title h1{
  font-size:36px;
}

.error-title .download-btn{
  margin-top:0;
}

.article-container .service-container {
    margin-top: 0;

  }

.article-container .service-scroll{
    margin-top:20px;
  }
.article .back-to-all{
  margin-bottom:20px;
}
  .article .back-to-all span{
    color:#008245 !important;
  }

.article-feature  .sticky-featured-image{
    padding-right:0;
  }

  .article-details{
    font-size:16px;
    margin-bottom:10px;
  }

.article .service-content{
  padding-top:50px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}

.social-header h2{
  text-align:center;
}
.mobile-service-menu{
position:relative;
height:100vh;

}

.download-btn{
  float:left;
}

.resource-download {
    padding-bottom: 15px;
    margin-top:5px;
  }

.resource .service-content{
      padding: 100px 15px 0;
}


.service-scroll p.resource-intro {
    font-size: 24px;
    margin-bottom:25px;
  }

  .resource .service-scroll img {
    margin-top: 10px;
  }

  .downloads {
      margin-top: 20px;
    }

.news-collapse{
  padding-top:20px;
}

.article-block {
  padding-top:20px;
}
.news-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
.news .service-content{
  padding-left:15px;
  padding-right:15px;
}

.article-block {

  padding-bottom:0px;
  margin-bottom:0;
}
.article-block img {
    margin-bottom: 15px;
  }
.load-more{
  width:100%;
  font-size:16px;
  padding:12px 25px 7px;
}
#johns-column .article-block a h3 {

    margin-top: 10px;
  }

  .cat-john .blog-column:last-child .article-block{
    border-bottom:0;
  }

.cat-news .blog-column:nth-last-child(2) .article-block{

border-bottom:0;
}

.cat-events .blog-column:nth-last-child(2) .article-block{

border-bottom:0;
}

.load-more-container {
padding-bottom:40px;
    margin-top: 10px;
  }



.instagram-feed h2{
  font-size:36px;
  margin-bottom: 0px;
}
.article-block a h3 {
    font-size: 24px;
  }
  .read-more {
    font-size: 18px;
  }

.blog-column{
  border-left:0;
  border-right:0;
}

.instagram-feed {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .instagram-feed{
    padding-left:10px;
    padding-right: 10px;

  }

  .social-icons {
    margin-top: 0px;
    text-align: center;
    padding-top:15px;
  }
.close-news {
    width: 25px;
  }

  .social-header{
    margin-bottom:35px;
  }

.people-nav{
  padding-bottom:10px;
}

.people-nav ul li{
  position:relative;

}

.people-nav ul li a{
width:100%;
display:block;

}


.ropu-kaumatua h2 {
  font-size: 36px;
}

.ropu-head {
  margin-top: -15px;
}

.ropu-intro-text{
  padding-left:15px;
  padding-right:15px;
}

.float-right{
  float:left !important;
  padding-left:15px;
  padding-right:15px;
  border-left:0;
}

.ropu-members{
border-left:0;
margin-top:40px;

}

.people-nav p{
  margin-top:0;
}
.news-filetrs p{
  margin-top:0;
}

.member-column{
  margin-top:0px;
}

.people-nav ul{
  margin-bottom:15px;
}

.people-nav ul li:after {
  content:"";
  display:block;
  background: url(../img/arrow-down-green.svg) no-repeat 0px 0px;
  position:absolute;
  top:0;
  right:0;
  background-size: 100% 100%;
  width: 9px;
  height: 8px;
  margin-top:5px;
}

.team-member a h3 {
    font-size: 22px;
    margin-top:15px;
  }

  .person-details p, .person-description p {
    font-size: 16px;
  }



.people .service-content {
    padding: 100px 15px 0;
  }

.member-column{
  border-left:0 !important;
}

.people-nav{
  border-bottom:1px solid #53FF9B;
}

.service-nav ul li:after {
  width: 9px;
  height: 8px;
  margin-top:5px;
}

.service-nav{
  padding-bottom:0px;
}

.ropu-kaumatua {
    margin-bottom: 20px;
  }


.overlay ul li a {
    font-size: 28px;
  }

.service-toggle h2, .service-toggle h3 {
  margin-right:40px;

}


.footer h3{
  margin-bottom:15px;
}

.service-toggle:before{
  content:"";
background-image:url('../img/dropdown-dark.svg');
background-size: contain;
background-repeat:no-repeat;
width:25px;
height:25px;
display:block;
transition:0.5s ease-out;
float:right;
}

.service-toggle[aria-expanded="true"]:before{
transform: rotate(45deg);
}

.hero .menu-holder ul li {
    display: block;
    width: 100%;

  }


.c-scrolldown{
  z-index:1;
}



.text-translate{
  font-weight:300;
  font-size:18px;
  margin-top:10px;
  text-transform: none;
  display: block;
}

.service-content h1{
  font-size:36px;
  margin-bottom:0px;
}





p{
    font-size: 18px;
  }
.faq-middle p{
  font-size:15px;
}
.service-container{
    margin-top: 0;

  }

  .intro-logo{
    text-align: center;
margin-bottom:100px;
margin-top:-100px;
  }

.contact-intro{
  text-align:left;
}
.contact-intro h4, .contact-form h2{
  font-size:26px;
}

  .intro-topline {
    margin-bottom: 20px !important;
  }

  .about-intro p{
    font-size:24px;
  }
  .contact-waipareira{
    padding-top:0;
    border-left:0;
  padding-bottom:100px;
  }

  .contact-intro a{
        font-size:22px;
  }
    .hero .menu-holder ul li{
      margin-bottom: 5px;
    }

    .contact-form-section{
      padding-bottom:50px;
    }

    .footer h3{
      font-size:42px;
    }

    .nav-block{
      margin-top:20px;
    }
    .contact-section, .contact-form-section, .footer{
      padding-left:15px;
      padding-right:15px;
    }



    .footer-main, .footer-navigation {

        margin-bottom: 30px;
      }

      .bar {
    background-color: #53FF9B;
  }

    .contact-form h2{
      text-align:center;
      font-weight:600;
      margin-bottom:30px;
      margin-top: 50px;
    }

    .copyright{
      text-align:left;
    }


    .contact-form p{
      text-align:left;
    }
  .contact-form-section{
    padding-top:0;
  }

  .hero .menu-holder ul li:before{
    display:none;
  }
  .hero .menu-holder ul li:after{
    display:none;
  }
  .contact-section .row{
    border-bottom:0;
  }
  .contact-form{
    width:100%;
  }

  .menu-width .col-md-12{
    padding:0 !important;
  }
  .hero, .hero video {
    height: 300px;
    min-height:300px;
width:auto;

  }

  .menu-holder ul li{
    font-size:48px;
  }

  .toggle-active .bottom{
-webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);

  }

  .toggle-active .top {
    -webkit-transform: translateY(4px) translateX(0) rotate(45deg);
  }
  .service-nav{
    border-bottom:1px solid #fff;
  }

  .resource .service-nav{
    border-bottom:1px solid rgba(255,255,255,0.2);
  }
.menu-holder{
  padding: 0 15px;
}

.services  .service-nav{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.wai-health .service-nav{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}


  .service-nav{
    position:relative;
    top:0;
    padding-top:0;
  }

  .main-logo img{
    width:36px;
    height:35px;
  }

  .service-nav ul li{
    font-size:16px;
  }

  .service-scroll{
    border-left:0;
    padding-left:15px;
    margin-top:30px;
  }

  .menu-text:after{
    display:none;
  }

  .service-scroll h2{
    font-size:20px;
  }
  .menu-logo-text{
    top:28px;
    left:80px;
    width:170px;
  }

  .content-section {
        margin-bottom: 20px;
        padding-bottom: 10px;
      }

  .service-scroll h3 {
    margin-bottom: 15px;
    font-size:20px;
  }

  .service-scroll p{
    font-size:16px;
  }
  .contact{
    display:none;
  }

  .main-logo{
    display:initial !important;
  }
  .nav-row{
    padding:20px 30px;
  }



  .midnightInner{
    overflow: inherit !important;
  }
  /* #light-logo, #dark-logo {
    position: relative;
  } */

  .toggle-button {
width:34px;
margin-top:10px;

  }

  .back-to-all{
    margin-bottom:50px;
  }
  .back-to-all span{
    font-size:14px;
    color:#fff;
    margin-left:25px;
  }

  .back-to-all:before{

    opacity:1;

      width: 22px;
      height: 8px;

  }

  .services .service-content {
    padding: 40px 15px 0;
  }

.service-bg{
  left: 0;
    right: 0;
}

.footer-bar{
  margin-top:50px;
}

.mobile-space{
  margin-top:25px;
}

.side-feature{
display:none;
}






.underline:after{
  display:none;
}



.overlay ul li a:after{
  display:none;
}



.fw-contactform input, .fw-contactform textarea{
  padding:12px;
    margin-bottom: 15px;
}

.contact-details a{
  font-size:16px;
}

.resources-group ul li a{
  font-size:16px;
}

.accordian-feature{
  font-size:14px;
}

.resources-group h3 {

    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .resources-group li {
    margin-bottom: 5px;
  }

  .resources-group {
    margin-bottom: 50px;
}



.fw-video{
  padding:0 0;
}

.fw-info{
  margin-top:0;
  margin-bottom:0;
}

.join{
  background-image:none;
  background:#fff;
  width: 1px;
}

.resource-link h3{
  margin-bottom: 10px;
margin-top: 10px;
}

.testimonial {
margin-top: 0px !important;
margin-bottom:0px !important;
padding:15px 0px;
}

figure.fw-hover h2{
  font-size:22px;
  opacity:1;
  line-height:1.4;
}



.fw-testimonials{
  margin-top:40px;
}



figure.fw-hover figcaption > div{
bottom:auto;
/* margin-top: -70px; */
  width:100%;
  left:auto;
  position:relative;

}

figure.fw-hover p{
  opacity:1;
  font-size:18px;
  margin-bottom:5px;
}

.fw-hover{
  margin-bottom:40px;
}

.fw-iwi {
    font-size: 15px !important;
  }

.fw-page-intro{
      margin-top: 120px;
}



  figure.fw-hover img{
    opacity:0.7;
  }

  .fw-page-intro p, .fw-feeds p {
    font-size: 18px;
}

.resource-link h3 img {
    width:7px;
    margin-right: 5px;
    margin-top:-4px;
  }

  .accordian-feature {
    padding: 15px 0;
  }

.feeds h3 {
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }





.join {
    height: 100px;
  }
.panel{
margin-top: 20px;
margin-bottom: 20px;
}

.fw-video .container div{
  padding-top:100% !important;
}





.getintouch{
  margin-bottom:50px;
}


.fw-testimonials .mobileno{
  display:none;
}


.full-height{
height:auto;

}













.about-intro{
  padding: 100px 0 40px 0;
}

.about-column{
  padding-right:15px;
}



.about-thumb {
    padding: 30px 40px;
  }

.about-icons .row{
  margin-bottom:0;
}

.fw-resources{
  padding-bottom:0px;
}

.overlay ul li {
display:block;
  }





.menu-details {
  max-width: 100%;
  position: absolute;
  right: auto;
  bottom: 40px;
  }

  .overlay ul{
    padding:0;
    top:auto;
  }




.menu-holder{
  height:100vh;

}




.vbottom{
  position:relative;

}

}