/* reset */

article,
aside,
details,
figcaption,
figure,footer,
header,
nav,
section { 
  display: block; 
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) { display: none; }
[hidden] { display: none; }


html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
  overflow-x: hidden;
}

input,
select,
textarea {
  font-family: sans-serif;
  font-size: 14px;
}

body,figure,form { margin: 0; }
a:focus,
label:focus,
input:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline: 0 none; }
a:hover,a:active { outline: 0 none; }
abbr[title] { border-bottom: 1px dotted; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q { quotes: none; }

q:before,
q:after {
  content: '';
  content: none;
}

small,
.small { 
  font-size: 75%;
  line-height: 1.3em;
}

.medium { font-size: 1.2em; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul,ol { padding: 0 0 0 20px; }
dd { margin: 0 0 0 20px; }
p,ul,ol { margin: 0 0 1em 0; }

nav ul,nav ol { list-style: none; list-style-image: none; padding: 0; margin: 0; }
nav ul li a:hover,nav ol li a:hover { text-decoration: none; }
img { border: 0; -ms-interpolation-mode: bicubic; height: auto !important; max-width: 100%; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
iframe { border: 0; max-width: 100%; }

button,
input,
select,
textarea {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,input { line-height: normal; }

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
  vertical-align: text-bottom;
}

input[type="checkbox"] { *vertical-align: baseline; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
td { text-align: left; vertical-align: top; }

.clear { 
  clear: both; 
  display: block; 
  overflow: hidden; 
  visibility: hidden; 
  width: 0; 
  height: 0; 
}

.clearfix:after,
.row:after,
.news-list li:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.nowrap { white-space: nowrap; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

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

img[align="right"],
img.align-right,
img.right,
figure.right,
.figure.right {
    float: none;
    margin: 10px 0;
}

img[align="left"],
img.align-left,
img.left,
figure.left,
.figure.left {
  float: none;
  margin: 10px 0;
}

.print { display: none; }
.relative { position: relative; }

.screen-reader-text {
    left: -9000px;
    position: absolute;
}

.stack1 { z-index: 1; }
.stack2 { z-index: 2; }
.stack3 { z-index: 3; }
.stack4 { z-index: 4; }
.stack5 { z-index: 5; }
.stack6 { z-index: 6; }
.stack7 { z-index: 7; }
.stack8 { z-index: 8; }
.stack9 { z-index: 9; }

/* custom */

.nicescroll-rails {
    z-index: 100 !important;
}

body { -webkit-tap-highlight-color: transparent; }
::selection { background: #20a84a; color: #fff; }
::-moz-selection { background: #20a84a; color: #fff; }
img::selection { background: transparent; }
img::-moz-selection {background: transparent; }

body {
  background: #272a3b;
  font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 1.5em;
  overflow: visible;
}

#wrapper {
  min-width: 100%;
  position: relative;
  width: 100%;
}

#main {
  background: #fff;
  color: #333;
  position: relative;
  z-index: 3;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
  font-weight: 700;
}

h1,.h1 { color: #20a84a; font-size: 1.4rem; }
h2 { color: #20a84a; font-size: 1.25rem; }
h3 { color: #1a84b8; font-size: 1.1rem; }
h4,h5,h6 { color: #20a84a; font-size: 1.1rem; }

h1, h2, h3, h4, h5, h6 { 
   margin: 0 0 0.5em;
}

b, strong, .bold {
  font-weight: 700;
}

p.intro {
  font-size: 1.1em;
  font-weight: 700;
}

.semibold {
  font-weight: 600;
}

.main-content h1,
.main-content h2.h1,
.main-content .news-header {
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 20px;
  padding: 20px 0;
}

.main-content .news-header h1 {
  border-bottom: 0;
  margin-bottom: 5px;
  padding: 0;
}

.main-content .news-header p {
  margin: 0;
  padding: 0;
}

aside .content {
  padding: 15px 20px;
}

input, select, textarea, .normal { 
  font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
  font-weight: normal;
}

a {
  color: #20a84a;
  cursor: pointer;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  color: #000;
  text-decoration: none;
}

a.more,
input.more {
  background: #69090c;
  border: 0;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  padding: 7px 20px 10px;
}

a.more:hover,
input.more:hover {
  background: #56080b;
}

input.more {
  font-size: 1.01em;
}

hr {
  background: #bdbdbd;
  border: 0;
  clear: both;
  height: 1px;
  margin: 20px 0;
}

nav ul,
nav ol {
  list-style: none;
  margin: 0;
  padding: 0; 
}

#content ul li,
#content ol li {
  padding: 0 0 5px; 
}

.content figure,
.content figure.left,
.content figure.right,
.content .figure,
.content .figure.left,
.content .figure.right {
  float: none;
  margin: 0 auto 20px;
  max-width: 100%;
}

.desktop,
.idesktop,
.tablet-hide {
  display: none; 
}

.row { 
  margin: 0 auto; 
  position: relative;
  width: 95%;
}

.pbs { padding-bottom: 20px; }
.pbl { padding-bottom: 40px; }
.pts { padding-top: 20px; }
.ptl { padding-top: 40px; }

.mbs { margin-bottom: 20px; }
.mbl { margin-bottom: 40px; }
.mts { margin-top: 20px; }
.mtl { margin-top: 40px; }

.pls { padding-left: 20px; }
.pll { padding-left: 40px; }
.prs { padding-right: 20px; }
.prl { padding-right: 40px; }

.mls { margin-left: 20px; }
.mll { margin-left: 40px; }
.mrs { margin-right: 20px; }
.mrl { margin-right: 40px; }

*, *:before, *:after {
  box-sizing: border-box;
}

[class*=" icon-"]:after, 
[class*=" icon-"]:before, 
[class^=icon-]:after, 
[class^=icon-]:before {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}

.icon-mail:before { content: '\e800'; } /* '' */
.icon-facebook:before { content: '\e801'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-linkedin:before { content: '\e803'; } /* '' */
.icon-youtube:before { content: '\e804'; } /* '' */
.icon-search:before { content: '\e805'; } /* '' */
.icon-angle-left:before { content: '\e806'; } /* '' */
.icon-angle-right:before { content: '\e807'; } /* '' */
.icon-angle-up:before { content: '\e808'; } /* '' */
.icon-angle-down:before { content: '\e809'; } /* '' */
.icon-folder-open:before { content: '\e80a'; } /* '' */
.icon-users:before { content: '\e80b'; } /* '' */
.icon-play:before { content: '\e80c'; } /* '' */
.icon-youtube-play:before { content: '\e80d'; } /* '' */
.icon-menu:before { content: '\e80e'; } /* '' */
.icon-cancel:before { content: '\e80f'; } /* '' */

#content {
  z-index: 1;
}

blockquote {
  background: #d7d7d9;
  border-radius: 5px;
  box-shadow: 0 3px 0 #b4b4bb inset;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 20px 0;
  padding: 1.5rem 40px;
  text-align: center;
}

blockquote ul,
blockquote ol {
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: left;
}

table {
  background: #fff;
  border-collapse: separate;
  border-radius: 5px;
  border-spacing: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  padding: 10px;
  width: 100%;
}

table tr td {
  background: #e9e9e9;
  padding: 5px 10px;
}

table tr:first-child td:first-child,
table tr:first-child th:first-child {
  border-radius: 3px 0 0 0;
}

table tr:first-child td:last-child,
table tr:first-child th:last-child {
  border-radius: 0 3px 0 0;
}

table tr:last-child td:first-child {
  border-radius: 0 0 0 3px;
}

table tr:last-child td:last-child {
  border-radius: 0 0 3px 0;
}

table tr th {
  background: #20a84a;
  color: #fff;
  padding: 5px 10px;
  text-align: left;
}

table tr:nth-child(2n) td {
  background: #d7d7d7;
}

header {
  background: #1a83b6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1f9ad4, endColorstr=#0c4365);
  background: -webkit-radial-gradient(circle, #1f9ad4, #0c4365);
  background: -moz-radial-gradient(circle, #1f9ad4, #0c4365);
  background: -o-radial-gradient(circle, #1f9ad4, #0c4365);
  background: radial-gradient(circle, #1f9ad4, #0c4365);
}

header .pattern {
  background: url(../images/header-pattern.png) repeat-x bottom left;
  background-size:  auto 46px;
  padding: 20px 0;
}

header h1 {
  background: url(../images/logo-big.png) no-repeat;
  background-size: 100% auto;
  height: 60px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999em;
  width: 200px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header h1:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

header h1 a {
  display: block;
  height: 100%;
  width: 100%;
}

 header nav.locations {
  display: none;
 }

.fieldset {
  padding: 0 0 20px;
}

.fieldset label {
  display: block;
  margin-bottom: 5px;
}

.fieldset label.inline {
  display: inline-block;
  vertical-align: middle;
}

.fieldset .cb,
.fieldset .cb label,
.fieldset .cb input {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.fieldset .cb {
  margin: 8px 10px 8px 5px;
}

.fieldset .cb input[type="checkbox"],
.fieldset .cb input[type="radio"] {
  margin: 0 5px 0 0;
}

.fieldset input[type="text"],
.fieldset input[type="email"],
.fieldset input[type="file"],
.fieldset input[type="password"],
.fieldset select,
.fieldset textarea {
  background: #e1edf3;
  border: 3px solid #e1edf3;
  border-radius: 5px;
  box-shadow: none;
  color: #666;
  display: block;
  font-size: 16px;
  margin: 0;
  padding: 8px 20px;
  width: 100%;
}

.fieldset input[type="file"] {
  padding: 4px 20px;
}

.fieldset input[type="text"]:active,
.fieldset input[type="text"]:focus,
.fieldset input[type="email"]:active,
.fieldset input[type="email"]:focus,
.fieldset input[type="file"]:active,
.fieldset input[type="file"]:focus,
.fieldset input[type="password"]:active,
.fieldset input[type="password"]:focus,
.fieldset select:active,
.fieldset select:focus,
.fieldset textarea:active,
.fieldset textarea:focus {
  background: #fff;
  border: 3px solid #20a84a;
  box-shadow: none;
}

.fieldset textarea {
  height: 228px;
}

.fieldset label.hidden {
  display: none;
}

.ie8 .fieldset label.hidden {
  display: block;
}

.fieldset input[type="checkbox"],
.fieldset input[type="radio"] {
  margin-right: 10px;
  vertical-align: middle;
}

.fieldset.cb label {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.fieldset.cb .cb-set label {
  margin-right: 20px;
}

#primary-navigation { display: none; }

#primary-navigation h2 {
  background-color: #0d486b;
  color: #fff;
  margin: 0;
  padding: 15px 20px;
}

#primary-navigation .search-box {
  background: #209dd8;
  padding: 15px;
  position: relative;
}

#primary-navigation .search-box input#msearch {
  background: #cce8f5;
  border: 0;
  border-radius: 100px;
  color: #000;
  padding: 8px 8%;
  width: 84%;
}

#primary-navigation .search-box input#msearch:active,
#primary-navigation .search-box input#msearch:focus {
  background: #fff;
}

#primary-navigation .search-box input#msubmit {
  cursor: pointer;
  height: 36px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 15px;
  width: 36px;
  z-index: 2;
}

#primary-navigation .search-box i {
  color: #0d486b;
  cursor: pointer;
  display: block;
  height: 36px;
  line-height: 32px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 16px;
  width: 45px;
  z-index: 1;
}

#primary-navigation .social {
  border-top: 1px solid rgba(255,255,255,.5);
  padding: 20px;
}

#primary-navigation .social a {
  color: #fff;
  display: inline-block;
  font-size: 0.9rem;
}

#primary-navigation .social a span {
  display: none;
}

#primary-navigation .social a {
  background: #0b4060;
  border-radius: 50%;
  font-size: 18px;
  height: 38px;
  line-height: 38px;
  margin: 0 5px 0 0;
  text-align: center;
  width: 38px;
}

#toTop {
  background: #20a84a;
  border-radius: 50%;
  bottom: 23px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 20px;
  height: 30px;
  line-height: 26px;
  overflow: hidden;
  position: fixed;
  right: 23px;
  text-align: center;
  width: 30px;
  z-index: 15;
}

#toTop.on {
  display: block;
}

.button-purple,
.button-purple-back {
  background-color: #5c4165;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8d6e8f), to(#3a2249));
  background-image: -webkit-linear-gradient(top, #8d6e8f, #3a2249);
  background-image: -moz-linear-gradient(top, #8d6e8f, #3a2249);
  background-image: -ms-linear-gradient(top, #8d6e8f, #3a2249);
  background-image: -o-linear-gradient(top, #8d6e8f, #013546);
  background-image: linear-gradient(to bottom, #8d6e8f, #3a2249);
  border-radius: 5px;
  border: 1px solid #3a2249;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: #fff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 5px 40px 8px 28px;
  position: relative;
}

.button-purple:hover,
.button-purple-back:hover {
  background-color: #4f3757;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#765879), to(#2d1a3a));
  background-image: -webkit-linear-gradient(top, #765879, #2d1a3a);
  background-image: -moz-linear-gradient(top, #765879, #2d1a3a);
  background-image: -ms-linear-gradient(top, #765879, #2d1a3a);
  background-image: -o-linear-gradient(top, #765879, #2d1a3a);
  background-image: linear-gradient(to bottom, #765879, #2d1a3a);
  color: #fff;
}

.button-purple:active,
.button-purple:focus,
.button-purple-back:active,
.button-purple-back:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2d1a3a), to(#765879));
  background-image: -webkit-linear-gradient(top, #2d1a3a, #765879);
  background-image: -moz-linear-gradient(top, #2d1a3a, #765879);
  background-image: -ms-linear-gradient(top, #2d1a3a, #765879);
  background-image: -o-linear-gradient(top, #2d1a3a, #765879);
  background-image: linear-gradient(to bottom, #2d1a3a, #765879);
  color: #fff;
}

.button-green,
.button-green-back {
  background-color: #188439;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#23a74b), to(#11662b));
  background-image: -webkit-linear-gradient(top, #23a74b, #11662b);
  background-image: -moz-linear-gradient(top, #23a74b, #11662b);
  background-image: -ms-linear-gradient(top, #23a74b, #11662b);
  background-image: -o-linear-gradient(top, #23a74b, #11662b);
  background-image: linear-gradient(to bottom, #23a74b, #11662b);
  border-radius: 5px;
  border: 1px solid #11662b;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: #fff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 5px 40px 8px 28px;
  position: relative;
}

.button-purple-back,
.button-green-back {
  padding: 5px 28px 8px 40px;
}

.button-green:hover,
.button-green-back:hover {
  background-color: #13712d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#18943b), to(#0e5123));
  background-image: -webkit-linear-gradient(top, #18943b, #0e5123);
  background-image: -moz-linear-gradient(top, #18943b, #0e5123);
  background-image: -ms-linear-gradient(top, #18943b, #0e5123);
  background-image: -o-linear-gradient(top, #18943b, #0e5123);
  background-image: linear-gradient(to bottom, #18943b, #0e5123);
  color: #fff;
}

.button-green:active,
.button-green:focus,
.button-green-back:active,
.button-green-back:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0e5123), to(#18943b));
  background-image: -webkit-linear-gradient(top, #0e5123, #18943b);
  background-image: -moz-linear-gradient(top, #0e5123, #18943b);
  background-image: -ms-linear-gradient(top, #0e5123, #18943b);
  background-image: -o-linear-gradient(top, #0e5123, #18943b);
  background-image: linear-gradient(to bottom, #0e5123, #18943b);
  color: #fff;
}

.button-purple:before,
.button-green:before {
  color: #fff;
  content: '\e807';
  font-family: fontello;
  font-size: 18px;
  height: 10px;
  position: absolute;
  right: 8px;
  top: 6px;
  width: 10px;
  z-index: 2;
}

.button-purple-back:before,
.button-green-back:before {
  color: #fff;
  content: '\e806';
  font-family: fontello;
  font-size: 18px;
  height: 10px;
  position: absolute;
  left: 8px;
  top: 6px;
  width: 10px;
  z-index: 2;
}

input.button-purple,
input.button-green {
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset;
  padding: 5px 40px 8px;
}

ul.articles {
  border-top: 1px solid #b6cad5;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.articles.main-articles {
  border-top: 0;
}

aside ul.articles {
  padding: 0 10px;
}

#content ul.articles li,
ul.articles li {
  border-bottom: 1px solid #b6cad5;
  margin: 10px 0;
  padding: 10px 0;
}

#content ul.articles.main-articles li:first-child {
  margin-top: 0;
  padding-top: 0;
}

#content ul.articles.press-releases li:last-child,
ul.articles.press-releases li:last-child {
  border-bottom: 0;
}

ul.articles li a {
  white-space: nowrap;
}

ul.articles li h3 a {
  white-space: normal;
}

ul.articles li h3 {
  font-size: 1rem;
  margin: 0 0 5px;
}

.newsletter {
  padding: 20px 0;
}

.newsletter h2 {
  color: #f6ff68;
  font-size: 1rem;
  margin: 0 0 15px;
}

.newsletter .fieldset {
  padding: 0 0 15px;
}

.newsletter .fieldset input.input {
  background: rgba(255,255,255,.1);
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
}

.newsletter .fieldset input.input:active,
.newsletter .fieldset input.input:focus,
.newsletter .fieldset input.input:hover {
  background: rgba(255,255,255,.2);
}

.intro-section {
  background: #272a3b url(../images/content-pattern.png) repeat-x bottom left;
  padding: 0 0 65px;
}

.intro-section .welcome {
  /*color: #dbdff7;*/
  color: rgba(255,255,255,.4);
  font-family: Georgia, serif;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.2;
  padding: 10px;
  text-align: center;
}

.intro-section .welcome span {
  transition: all .5s linear;
  -o-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
}

.intro-section .welcome span.selected {
  color: #f6ff68;
}

.location-section {
  background: #3d404f;
  color: #fff;
  position: relative;
}

.location-section .content {
  padding: 2px 10px;
}

.location-section h2 {
  color: #f6ff68;
  font-size: 1rem;
  margin: 0;
}

.location-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#content .location-section ul li {
  padding: 0;
}

.location-section ul li a {
  border-bottom: 1px solid rgba(255,255,255,.2);
  color: #fff;
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 3px 0;
}

.location-section ul li a span {
  display: none;
  float: right;
  font-size: .7rem;
  font-weight: 400;
  text-align: right;
}

.location-section ul li a:hover span {
  display: inline-block;
}

.location-section ul li:last-child a {
  border-bottom: 0;
}

.location-section ul li a:hover,
.location-section ul li.selected a {
  color: #f6ff68;
}

.nz-map { display: none; }

.slider .slide figcaption {
  border: 0;
  margin: 15px 0;
  padding: 5px;
}

.slider .slide figcaption p {
  color: #fff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0 0 10px;
  vertical-align: top;
  width: 100%;
}

.slider .slide figcaption span {
  display: inline-block;
  float: right;
  font-size: 0.9em;
  vertical-align: top;
}

.slick-prev, 
.slick-next {
  height: 50px;
  margin-top: 10px;
  overflow: visible;
  width: 50px;
}

.slick-prev:before, 
.slick-next:before {
  color: #fff;
  display: block;
  font-family: fontello;
  font-size: 32px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 44px;
  z-index: 2;
}

.slick-prev {
  left: 9px;
}

.slick-next {
  right: 4px;
}

.slick-prev:before {
  content: '\e806';
  padding: 0 3px 0 0;
}

.slick-next:before {
  content: '\e807';
  padding: 0 0 0 3px;
}

.slick-prev:hover:before, 
.slick-next:hover:before {
  background: #272a3b ;
}

.service-block-header {
  background-color: #b9d9e7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d6ebf4), to(#a9cfe1));
  background-image: -webkit-linear-gradient(top, #d6ebf4, #a9cfe1);
  background-image: -moz-linear-gradient(top, #d6ebf4, #a9cfe1);
  background-image: -ms-linear-gradient(top, #d6ebf4, #a9cfe1);
  background-image: -o-linear-gradient(top, #d6ebf4, #a9cfe1);
  background-image: linear-gradient(to bottom, #d6ebf4, #a9cfe1);
  border-bottom: 1px solid #7aa8bf;
  padding: 30px 0;
}

.service-block-header h2,
.service-block h2 {
  color: #06222f;
  font-size: 1.2rem;
  margin: 0;
}

.service-block-header h2:before,
.service-block h2:before {
  background: #29ab52;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  margin: -4px 10px 0 0;
  padding-left: 2px;
  text-align: center;
  vertical-align: middle;
  width: 32px;
}

.service-block {
  background: #cce8f5;
  border-top: 1px solid #fff;
}

.service-block .content {
  background: #fff;
  border-bottom: 2px solid #29ab52;
  padding: 15px;
}

.service-block h2 {
  margin: 20px 0;
}

.service-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.service-list li {
  border-bottom: 2px solid #d8f1fc;
  font-size: 90%;
  margin: 0;
  padding: 5px 0;
}

.service-list li:first-child {
  padding-top: 0;
}

.service-list li h3 {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
}

.service-block h3 a {
  color: #1479a9;
}

.service-list li h3 a:hover {
  color: #000;
}

.service-list li > a {
  font-size: 1em;
}

.video-still {
  position: relative;
}

.video-still img,
.video-still iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.main {
  overflow: hidden;
}

.sub-header {
  background: #0b4060;
  box-shadow: 0 3px 3px rgba(0,0,0,.5) inset;
  text-align: center;
}

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

.page-hamilton .sub-header {
  background: #d62144;
}

.page-tokoroa .sub-header {
  background: #1d5394;
}

.page-tauranga .sub-header {
  background: #0b8140;
}

.page-rotorua .sub-header {
  background: #f7c444;
}

.page-gisborne .sub-header {
  background: #33d6ff;
}

.page-napier .sub-header {
  background: #e66d01;
}

.page-new-plymouth .sub-header {
  background: #484c57;
}

.sub-header h1 {
  color: #fff;
  color: rgba(255,255,255,.6);
  font-family: Georgia, Times, serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: normal;
  margin: 0;
  padding: 15px 15px 20px;
}

.page-rotorua .sub-header h1,
.page-gisborne .sub-header h1 {
  color: #000;
}

.sub-header h1 a {
  color: #fff;
}

.sub-header h1 a:active,
.sub-header h1 a:focus,
.sub-header h1 a:hover {
  color: #d8e060;
}

aside {
  padding: 0 0 20px;
}

.sub-box {
  background: #eee;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px;
}

aside .social {
  box-shadow: none;
}

.member-address {
  background: #ececec;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 20px;
}

.sub-box h2 {
  color: #000;
  font-size: 1rem;
  padding: 0 10px;
}

.member-address h2,
aside .social h2 {
  color: #000;
  font-size: 1.1rem;
}

.member-address a {
  color: #900101;
}

.member-address a:hover {
  color: #000;
}

.sub-box nav ul.sub-box-nav {
  background-color: #20a84a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#20a84a), to(#177f37));
  background-image: -webkit-linear-gradient(top, #20a84a, #177f37);
  background-image: -moz-linear-gradient(top, #20a84a, #177f37);
  background-image: -ms-linear-gradient(top, #20a84a, #177f37);
  background-image: -o-linear-gradient(top, #20a84a, #177f37);
  background-image: linear-gradient(to bottom, #20a84a, #177f37);
  border-radius: 3px;
  padding: 0 0 45px;
  position: relative;
}

.sub-box.purple nav ul.sub-box-nav {
  background-color: #3d404f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3d404f), to(#272a3b));
  background-image: -webkit-linear-gradient(top, #3d404f, #272a3b);
  background-image: -moz-linear-gradient(top, #3d404f, #272a3b);
  background-image: -ms-linear-gradient(top, #3d404f, #272a3b);
  background-image: -o-linear-gradient(top, #3d404f, #272a3b);
  background-image: linear-gradient(to bottom, #3d404f, #272a3b);
}

.sub-box nav ul.sub-box-nav:after {
  background: url(../images/content-pattern.png) repeat-x;
  background-size: auto 28px;
  /*bottom: 3%;*/
  bottom: 10px;
  content: ".";
  display: block;
  height: 28px;
  left: 2%;
  overflow: hidden;
  position: absolute;
  text-indent: -999em;
  width: 96%;
}

#content .sub-box nav ul.sub-box-nav li {
  padding: 5px 5px 0;
}

.sub-box nav ul.sub-box-nav li a {
  border-bottom: 1px solid rgba(255,255,255,.25);
  border-radius: 3px;
  color: #fff;
  display: block;
  padding: 5px 10px;
}

.sub-box nav ul.sub-box-nav li a:hover {
  background: rgba(0,0,0,.4);
  box-shadow: 0 2px 4px rgba(0,0,0,.6) inset;
}

.sub-box nav ul.sub-box-nav li a:focus,
.sub-box nav ul.sub-box-nav li a:active,
.sub-box nav ul.sub-box-nav li.selected a {
  background: rgba(0,0,0,.6);
  box-shadow: 0 2px 4px rgba(0,0,0,.6) inset;
  color: #d8e060;
}

img.bordered,
figure.bordered {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,.5) inset;
  display: block;
  padding: 10px;
}

figure figcaption {
  border-bottom: 2px solid #20a84a;
  color: #666;
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 5px 0 10px;
}

figure.bordered figcaption {
  border: 0;
  padding: 5px 0;
}

.grey-box {
  background: #ececec;
  margin-bottom: 20px;
  padding: 20px;
}

.grey-box a {
  color: #1a84b8;
}

.grey-box a:active,
.grey-box a:focus,
.grey-box a:hover {
  color: #000;
}

.grey-box a.button-purple,
.grey-box a.button-purple:active,
.grey-box a.button-purple:focus,
.grey-box a.button-purple:hover,
.grey-box a.button-green,
.grey-box a.button-green:active,
.grey-box a.button-green:focus,
.grey-box a.button-green:hover {
  color: #fff;
}

.overview-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#content .overview-list li {
  background: #ececec;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
  padding: 0;
}

#content .overview-list li .content {
  padding: 10px 20px;
}

#content .overview-list.all-members-list li h3 {
  font-size: 1rem;
  margin: 0 0 20px;
}

.overview-list li h2 {
  background: #0d486b;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -3px 6px rgba(0,0,0,.5) inset;
  color: #fff;
  font-size: 1rem;
  padding: 10px 20px;
}

.overview-list li h2 a {
  color: #fff;
  display: block;
}

.overview-list img {
  background: #fff;
  border: 2px solid #fff;
  display: block;
  margin-bottom: 5px;
  padding: 6px;
}

.overview-list.all-members-list img {
  margin: 20px auto;
}

.overview-list img:hover {
  border: 2px solid #1a84b8;
}

ul.team-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-content {
  padding-bottom: 20px;
}

#content ul.team-list li {
  display: inline-block;
  margin: 0 2% 2% 0;
  padding: 0;
  vertical-align: top;
  width: 48%;
}

#content ul.team-list li:nth-child(2n) {
  margin-right: 0;
}

#content ul.team-list img {
  background: #fff;
  border: 2px solid #fff;
  display: block;
  margin-bottom: 5px;
  padding: 6px;
  width: 100%;
}

#content ul.team-list img:hover {
  border: 2px solid #1a84b8;
}

#content ul.team-list h3 {
  color: #000;
  font-size: 1rem;
  margin: 0;
}

#content ul.team-list h4 {
  color: #666;
  font-size: 0.9rem;
  font-weight: normal;
}

.mapholder {
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,.5) inset;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  height: 400px;
  margin-bottom: 20px;
  padding: 15px;
  position: relative;
  width: 100%;
}

.mapholder #map {
  height: 100%;
  width: 100%;
}

.mapholder .button-purple {
  bottom: 50px;
  left: 50%;
  margin-left: -82px;
  position: absolute;
  z-index: 2;
}

.stylemap {
  background: #eee;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
  width: 100%;
}

.stylemap p {
  margin: 0 auto;
  max-width: 350px;
}

.stylemap img {
  display: block;
  margin: 10px auto;
}

aside .follow a,
aside .follow a:active,
aside .follow a:focus,
aside .follow a:hover {
  background: #3b5998;
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 0 0;
  position: relative;
  text-align: center;
  width: 32px;
}

aside .follow a span {
  color: #000;
  display: block;
  font-size: 1rem;
  font-weight: 600;
  left: 35px;
  position: absolute;
  top: -3px;
  white-space: nowrap;
}

.search-results {
  border-bottom: 2px solid #79a8c0;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

#content .search-results li {
  border-top: 2px solid #79a8c0;
  padding: 20px 0 0;
}

#content .search-results li:first-child {
  border-top: 0;
}

.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#content .pagination ul li {
  border: 0;
  display: inline-block;
  font-size: 0.9rem;
  margin: 0;
  padding: 0;
}

.pagination ul li a {
  background: #fff;
  border-radius: 50%;
  color: #666;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 2px 4px;
  text-align: center;
  width: 30px;
}

.pagination ul li.active a,
.pagination ul li a:hover {
  background: #20a84a ;
  color: #fff;
}

ul.gallery {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.gallery li {
  background-color: #b9d9e7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d6ebf4), to(#a9cfe1));
  background-image: -webkit-linear-gradient(top, #d6ebf4, #a9cfe1);
  background-image: -moz-linear-gradient(top, #d6ebf4, #a9cfe1);
  background-image: -ms-linear-gradient(top, #d6ebf4, #a9cfe1);
  background-image: -o-linear-gradient(top, #d6ebf4, #a9cfe1);
  background-image: linear-gradient(to bottom, #d6ebf4, #a9cfe1);
  border-radius: 5px;
  box-shadow: 0 3px 0 #79a8c0;
  height: 250px;
  margin: 0 auto 20px;
  position: relative;
  text-align: center;
  vertical-align: top;
}

ul.gallery li:hover {
  background-color: #a9cfe1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a9cfe1), to(#d6ebf4));
  background-image: -webkit-linear-gradient(top, #a9cfe1, #d6ebf4);
  background-image: -moz-linear-gradient(top, #a9cfe1, #d6ebf4);
  background-image: -ms-linear-gradient(top, #a9cfe1, #d6ebf4);
  background-image: -o-linear-gradient(top, #a9cfe1, #d6ebf4);
  background-image: linear-gradient(to bottom, #a9cfe1, #d6ebf4);
}

ul.gallery li img {
  background: #fff;
  border: 1px solid #79a8c0;
  border-radius: 3px;
  display: inline-block;
  max-height: 80%;
  max-width: 80%;
  vertical-align: middle;
  padding: 6px;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

ul.gallery li img:hover {
  border: 1px solid #000;
}

.search-results-header {
  background: #d8ebf4;
  border-radius: 3px;
  color: #000;
  font-size: .9rem;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 5px 20px;
}

.faqs h3 {
    margin: 0;
    padding: 10px 10px 20px 60px;
    position: relative;
}

.faqs div {
    background: #ececec;
    border-radius: 5px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.25);
    margin: 0 0 25px;
    padding: 15px 10px 10px 60px;
    position: relative;
}

.faqs h3:before, 
.faqs div:before {
  background: #20a84a;
  border-radius: 50%;
  color: #fff;
  content: "Q";
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: 30px;
  left: 12px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 30px;
}

.faqs div:before {
  background: #0b4060;
  content: "A";
  top: 12px;
}

.go-back { text-align: center; }

footer {
  background: #272a3b url(../images/footer-pattern.png) repeat-x;
  background-size: auto 30px;
  padding: 50px 0 20px;
  position: relative;
  z-index: 2;
}

footer nav ul li {
  color: rgba(255,255,255,.8);
  display: inline-block;
}

footer nav ul li:after {
  content: "|";
}

footer nav ul li:last-child:after {
  content: "";
}

footer nav ul li a {
  color: rgba(255,255,255,.6);
  display: inline-block;
  padding: 10px 5px 0;
}

footer nav ul li a:active,
footer nav ul li a:focus,
footer nav ul li a:hover {
  color: #fff;
}

footer nav ul li.selected a {
  color: #fff;
}

footer .mission-statement {
  border-top: 1px solid #7d7f89;
  color: #fff;
  color: rgba(255,255,255,.8);
  margin-top: 20px;
  padding: 20px 0;
}

footer .mission-statement h2 {
  color: #d8e060;
  font-size: 1.1rem;
  margin: 0 0 5px;
}

footer .mission-statement a {
  color: #d8e060;
}

footer .mission-statement img {
  float: right;
}

footer .copy {
  color: #fff;
  color: rgba(255,255,255,.8);
  font-size: 0.8rem;
  text-align: center;
}

footer .copy a {
  color: #fff;
  color: rgba(255,255,255,.8);
  white-space: nowrap;
}

footer .mission-statement a:active,
footer .mission-statement a:focus,
footer .mission-statement a:hover,
footer .copy a:active,
footer .copy a:focus,
footer .copy a:hover {
  color: #fff;
}

.preload-images {
  position: fixed;
  top: -9999em;
  z-index: -1;
}

.legends .legend {
    display: none;
  }

/* **************************************** MEDIA QUERIES ************************************************** */

/* max 480px */
@media only screen and (max-width: 479px) {
  .equal,
  .equal2,
  .equal3,
  .equal4,
  .equal5,
  .equal6,
  .equal7,
  .equal8,
  .equal9 {
    height: auto !important;
  }

  .mobile-hidden {
    display: none;
  }
}

/* max 768px */
@media only screen and (max-width: 767px) {
  .equal.m-equal,
  .equal2.m-equal,
  .equal3.m-equal,
  .equal4.m-equal,
  .equal5.m-equal,
  .equal6.m-equal,
  .equal7.m-equal,
  .equal8.m-equal,
  .equal9.m-equal {
    height: auto !important;
  }
}

/* 480px */
@media only screen and (min-width: 480px) {
    img[align="right"],
    img.align-right,
    img.right,
    figure.right,
    .figure.right {
      float: right;
      margin: 0 0 20px 25px;
      max-width: 60%;
    }

    img[align="left"],
    img.align-left,
    img.left,
    figure.left,
    .figure.left {
      float: left;
      margin: 0 25px 20px 0;
      max-width: 60%;
    }

  .media, .bd { overflow: hidden; _overflow: visible; zoom: 1; }
  .media .img { float: left;  margin-right: 10px; }
  .media .img img { display:block; }
  .media .imgExt { float: right; margin-left: 10px; }

  aside .media .img,
  aside .media .imgExt { max-width: 30%; }

  .tablet-half { float: left; margin-left: 2%; width: 49%; }
  .tablet-half:first-child { margin-left: 0; }

  .sub-header h1 {
    font-size: 1.3rem;
  }

  .newsletter .fieldset:nth-child(2) {
    display: inline-block;
    margin: 0 2% 0 0;
    width: 35%;
  }

  .newsletter .fieldset:nth-child(3) {
    display: inline-block;
    width: 62%;
  }

  #content ul.team-list li {
    width: 31%;
  }

  #content ul.team-list li:nth-child(2n) {
    margin-right: 2%;
  }

  #content ul.team-list li:nth-child(3n) {
    margin-right: 0;
  }

  .page-members img.logo {
    margin-left: 20px;
  }

  .overview-list.all-members-list img {
    margin: 0;
    max-height: 130px;
    max-width: 250px;
  }

  .contact-form .fieldset label {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 35%;
  }

  .contact-form .fieldset .cb-set label {
    width: auto;
  }

  .contact-form .fieldset label.full {
    display: block;
    margin-bottom: 5px;
    width: 100%;
  }

  .contact-form .fieldset input[type="text"],
  .contact-form .fieldset input[type="email"],
  .contact-form .fieldset input[type="file"],
  .contact-form .fieldset input[type="password"],
  .contact-form .fieldset select,
  .contact-form .fieldset .cb-set {
    display: inline-block;
    vertical-align: middle;
    width: 64%;
  }

  .contact-form .fieldset input[type="text"].short {
    max-width: 115px;
  }

  ul.gallery li {
    display: inline-block;
    margin: 0 2% 20px 0;
    width: 48.5%;
  }

  ul.gallery li:nth-child(2n) {
    margin-right: 0;
  }
}

/* 768px */
@media only screen and (min-width: 768px) {
  body,
  img,
  .row,
  a,
  header,
  header h1 {  
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
  }

  .row { width: 95%; }
  .half { float: left; margin-left: 2%; width: 49%; }
  .half:first-child { margin-left: 0; }

  .third { float: left; margin-left: 2%; width: 32%; }
  .third:first-child { margin-left: 0; }

  .two-thirds { float: left; width: 66%; }
  .two-thirds + .third,
  .third + .two-thirds { margin-left: 2%; }

  .quart { float: left; margin-left: 2%; width: 23.5%; }
  .quart:first-child { margin-left: 0; }
  .three-quarts { float: left; margin-left: 0; width: 74%; }
  .quart + .three-quarts,
  .quart:nth-child(3n),
  .quart + .quart + .half { margin-left: 2%; }

  .three-eights { float: left; margin-left: 2%; width: 36%; }
  aside.three-eights { float: left; margin-left: 0; width: 38%; }
  .five-eights { float: left; width: 62%; }

  .half.right { float: right; margin-left: 2%; }
  .half.right + .half { margin-left: 0; }

  .left { float: left; }
  .right { float: right; }

  .intro-section .half {
    margin: 0;
    width: 50%;
  }

  .overview-list li {
    float: left;
    margin-bottom: 2%; 
    margin-right: 2%; 
    width: 49%;
  }

  .overview-list li:nth-child(2n) {
    margin-right: 0; 
  }

  .overview-list.all-members-list img {
    max-width: 170px;
  }

  .mobile {
    display: none !important; 
  }

  .desktop {
    display: block; 
  }

  .idesktop {
    display: inline-block; 
  }

  .media, .bd { overflow: visible; }

  .col2 .main {
    /*background: url(../images/sub-body.png) repeat-y top center;*/
  }

  .main-content {
    background: #fff;
    padding-bottom: 40px;
  }

  header {
    text-align: center;
  }

  header,
  header .wave-left,
  header .wave-right,
  header .pattern {
    height: 180px;
  }

  header .wave-left {
    background: url(../images/wave-left.png) no-repeat top left;
    background-size: 311px auto;
  }

  header .wave-right {
    background: url(../images/wave-right.png) no-repeat top right;
    background-size: 311px auto;
  }

  header .pattern {
    background-size: auto 62px;
    padding: 0;
  }

  header h1 {
    height: 92px;
    width: 325px;
  }

   header nav.locations {
    display: block;
    padding: 10px 0 30px;
   }

   header nav.locations ul li {
    color: #fff;
    color: rgba(255,255,255,.5);
    display: inline-block;
   }

   header nav.locations ul li:after {
    content: "|";
   }

   header nav.locations ul li:last-child:after {
    content: "";
   }

   header nav.locations ul li a {
    color: #fff;
    color: rgba(255,255,255,.5);
    font-size: 0.9em;
    padding: 0 5px;
   }

   header nav.locations ul li a:hover,
   header nav.locations ul li.selected a {
    color: #fff;
   }

   nav.main-nav {
    background: #171924;
   }

   .on nav.main-nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
   }

  .on #content {
    padding-top: 54px;
  }

  .sub.on #content {
    padding-top: 0;
  }

  .sub.on .sub-header {
    margin-top: 54px;
  }

 .page-home nav.main-nav {
    border-bottom: 1px solid #454750;
  }

  nav.main-nav .row > ul {
    display: inline-block !important;
  }

  nav.main-nav ul li {
    display: inline-block;
    position: relative;
  }

  nav.main-nav ul li a {
    color: #fff;
    display: block;
    font-size: 0.9em;
    font-weight: 600;
    padding: 15px 7px;
  }

  nav.main-nav ul li:first-child a {
    padding-left: 0;
  }

  nav.main-nav ul li a:active,
  nav.main-nav ul li a:hover,
  nav.main-nav ul li.selected a {
    color: #d8e060;
  }

  nav.main-nav ul li.dd > a {
    cursor: default;
  }

  nav.main-nav ul li ul.sub {
    background-color: #2099d4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8d6e8f), to(#115880));
    background-image: -webkit-linear-gradient(top, #2099d4, #115880);
    background-image: -moz-linear-gradient(top, #2099d4, #115880);
    background-image: -ms-linear-gradient(top, #2099d4, #115880);
    background-image: -o-linear-gradient(top, #2099d4, #115880);
    background-image: linear-gradient(to bottom, #2099d4, #115880);
    border-radius: 5px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.25);
    display: none;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    top: 52px;
    width: 200px;
    z-index: 2;
  }

  nav.main-nav ul li ul.sub li {
    border-bottom: 1px solid rgba(255,255,255,.1);
    display: block;
    padding: 5px 0;
  }

  nav.main-nav ul li ul.sub li:first-child {
    border-radius: 5px 5px 0 0;
    box-shadow: inset 0 4px 0 rgba(255,255,255,.3);
    padding-top: 7px;
  }

  .sub nav.main-nav ul li.selected:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #171924;
    bottom: -10px;
    content: ".";
    display: block; 
    height: 0;
    left: 50%;
    margin-left: -10px;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    width: 0;
  }

  .on.sub nav.main-nav ul li.selected:before {
    display: none;
  }

  nav.main-nav ul li.dd:hover:before,
  .sub nav.main-nav ul li.selected:hover:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #63b7e0;
    bottom: 0;
    content: ".";
    display: block; 
    height: 0;
    left: 50%;
    margin-left: -10px;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    width: 0;
  }

  nav.main-nav ul li.selected ul li:before {
    display: none;
  }

  nav.main-nav ul li ul.sub li:hover:first-child:before {
    border-bottom: 10px solid #60a8cc;
  }

  nav.main-nav ul li ul.sub li:last-child {
    border: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: inset 0 -4px 0 rgba(11,64,96,.8);
    padding-bottom: 7px;
  }

  nav.main-nav ul li ul.sub li a {
    color: #fff;
    display: block;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1.2em;
    padding: 5px 10px;
  }

  nav.main-nav ul li ul.sub li:hover {
    background: rgba(11,64,96,.25);
    box-shadow: 0 3px 3px rgba(0,0,0,.25) inset;
  }

  .main-nav .search-box {
    display: inline-block;
    float: right;
    position: relative;
    top: 9px;
    width: 175px;
  }

  .main-nav .search-box input#search {
    background: #282a3a;
    border: 0;
    border-radius: 100px;
    color: #fff;
    padding: 8px 8%;
    width: 84%;
  }

  .main-nav .search-box input#search:hover {
    background: #323448;
  }

  .main-nav .search-box input#search:active,
  .main-nav .search-box input#search:focus {
    background: #3c3d50;
  }

  .main-nav .search-box input#submit {
    cursor: pointer;
    height: 36px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    z-index: 2;
  }

  .main-nav .search-box i {
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: block;
    height: 36px;
    line-height: 32px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 1;
  }

  header .social {
    position: absolute;
    right: 0;
    top: 68px;
  }

  header .subscribe {
    position: absolute;
    left: 70px;
    top: 68px;
  }

  .social a,
  .social span,
  .subscribe a,
  .subscribe a.icon-mail,
  .subscribe span {
    color: #fff;
    display: inline-block;
    font-size: 0.9rem;
  }

  .social a span,
  .subscribe a.icon-mail span,
  .social span.tablet-hide,
  .subscribe span.tablet-hide {
    display: none;
  }

  .social a,
  .subscribe a.icon-mail {
    background: #0b4060;
    border-radius: 50%;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    margin: 0 0 0 5px;
    text-align: center;
    width: 38px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .subscribe a.icon-mail {
    margin: 0 5px 0 0;
  }

  .sub-header {
    background: #146a93;
    border-top: 1px solid #63b7e0;
    box-shadow: none;
    width: 100%;
    z-index: 1;
  }

  .page-hamilton .sub-header {
    background: #d62144;
    border-top: 1px solid #e57187;
  }

  .page-tokoroa .sub-header {
    background: #1d5394;
    border-top: 1px solid #4f7cb3;
  }

  .page-tauranga .sub-header {
    background: #0b8140;
    border-top: 1px solid #28ab63;
  }

  .page-rotorua .sub-header {
    background: #f7c444;
    border-top: 1px solid #f8d681;
  }

  .page-gisborne .sub-header {
    background: #33d6ff;
    border-top: 1px solid #b9f1ff;
  }

  .page-napier .sub-header {
    background: #e66d01;
    border-top: 1px solid #faab65;
  }

  .page-new-plymouth .sub-header {
    background: #484c57;
    border-top: 1px solid #6a6e79;
  }

  aside .wrapper {
    /*box-shadow: 3px -3px 3px rgba(0,0,0,.25) inset;
    margin-bottom: -10000px;
    padding-bottom: 10040px;*/
    padding-left: 20px;
    /*padding-top: 20px;*/
  }

  .main-content .five-eights .wrapper {
    /*background: #fff;
    margin-bottom: -10000px;
    padding-bottom: 10000px;*/
    padding-right: 20px;
  }

  .sub-box {
    background: #eee;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  }

  .intro-section .welcome {
    font-size: 1.5rem;
    margin: 0 auto;
    max-width: 75%;
    padding: 30px 0;
  }

  .service-block h2 {
    margin: 0 0 10px;
  }

  .mapholder {
    border: 0;
  }

  .col1 ul.gallery li {
    margin: 0 2% 2% 0;
    width: 31.5%;
  }

  .col1 ul.gallery li:nth-child(2n) {
    margin-right: 2%;
  }

  .col1 ul.gallery li:nth-child(3n) {
    margin-right: 0;
  }

  .go-back { text-align: right; }

  footer .subscribe a.icon-mail {
    margin: 0 5px;
  }

  .social a:hover,
  .subscribe a.icon-mail:hover {
    background: #051f2f;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  footer .social a,
  footer .subscribe a.icon-mail {
    background: #181a26;
  }

  footer .social a:hover,
  footer .subscribe a.icon-mail:hover {
    background: #000;
  }
}

/* 860px */
@media only screen and (min-width: 860px) {
  .main-nav .search-box {
      width: 240px;
  }

  #content ul.team-list li {
    width: 22.5%;
  }

  #content ul.team-list li:nth-child(2n) {
    margin-right: 2%;
  }

  #content ul.team-list li:nth-child(3n) {
    margin-right: 2%;
  }

  #content ul.team-list li:nth-child(4n) {
    margin-right: 0;
  }

  nav.main-nav ul li a {
    padding: 15px 8px;
  }
}

/* 1024px */
@media only screen and (min-width: 992px) {
  .row { max-width: 960px; }
  .tablet-hide { display: block; }

  footer .social span.tablet-hide,
  footer .subscribe span.tablet-hide { 
    display: inline-block; 
  }

  header h1 {
    height: 110px;
    margin-top: -11px;
    width: 400px;
  }

  header nav.locations {
    display: block;
    padding: 5px 0 30px;
  }

  .main-nav .search-box {
    width: 282px;
  }

   header .social {
    right: 75px;
  }

  header .subscribe {
    left: 120px;
  }

  nav.main-nav ul li a {
    padding: 15px 13px;
  }

  .slider .slide figcaption p {
    margin: 0;
    width: 60%;
  }

  .location-section .content {
    padding: 20px;
  }

  .location-section h2 {
    font-size: 1.2rem;
    margin: 0 0 10px;
  }


  .location-section ul li a {
    font-size: 1rem;
  }

  .location-section ul li:last-child a {
    border-bottom: 1px solid rgba(255,255,255,.2);
  }

  .location-section ul {
    width: 210px;
  }

  .location-section ul li a span {
    display: none !important;
  }

  .nz-map {
    background: url(../images/nz.png) no-repeat;
    background-size: 100% auto;
    display: block;
    height: 430px;
    position: absolute;
    right: -30px;
    top: -30px;
    width: 280px;
  }

  .nz-map.hawkesbay {
    background: url(../images/nz-hawkesbay.png) no-repeat;
    background-size: 100% auto;
  }

  .nz-map.gisborne {
    background: url(../images/nz-gisborne.png) no-repeat;
    background-size: 100% auto;
  }

  .nz-map.waikato {
    background: url(../images/nz-waikato.png) no-repeat;
    background-size: 100% auto;
  }

  .nz-map.lakes {
    background: url(../images/nz-lakes.png) no-repeat;
    background-size: 100% auto;
  }

  .nz-map.bop {
    background: url(../images/nz-bop.png) no-repeat;
    background-size: 100% auto;
  }

  .nz-map.newplymouth {
    background: url(../images/nz-newplymouth.png) no-repeat;
    background-size: 100% auto;
  }

  .legends .legend {
    background: #fff;
    border-radius: 6px;
    box-shadow: -2px 2px 4px rgba(0,0,0,.8);
    display: none;
    padding: 5px;
    position: absolute;
    top: -20px;
    width: 199px;
    z-index: 2;
    right: 20px;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
  }

  .legends .legend strong {
    color: #ff3c00;
  }

  .legends .legend.selected {
    right: -10px;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
  }

  .legends .legend h3 {
    font-size: 1.1rem;
    margin: 0;
  }

  .legends .legend p {
    color: #666;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0;
  }

  .legends .legend.selected {
    display: block;
  }

  .nz-map .wrapper {
    height: 430px;
    position: relative;
    width: 280px;
  }

  .nz-map a {
    color: #fff;
    font-size: 0.8rem;
    position: absolute;
    white-space: nowrap;
  }

  .nz-map a:hover,
  .nz-map a.selected {
    color: #f6ff68;
  }

  .nz-map a.marker-hamilton:after,
  .nz-map a.marker-new-plymouth:after,
  .nz-map a.marker-tokoroa:after,
  .nz-map a.marker-napier:after,
  .nz-map a.marker-gisborne:after,
  .nz-map a.marker-tauranga:before,
  .nz-map a.marker-rotorua:before {
    background: url(../images/marker.png) no-repeat;
    content: ".";
    display: inline-block;
    height: 34px;
    margin: 0 4px;
    overflow: hidden;
    text-indent: -999em;
    vertical-align: middle;
    white-space: nowrap;
    width: 24px;
  }

  .nz-map a.marker-hamilton {
    left: 45px;
    top: 159px;
  }

  .nz-map a.marker-new-plymouth {
    left: -22px;
    top: 240px;
  }

  .nz-map a.marker-tokoroa {
    left: 81px;
    top: 193px;
  }

  .nz-map a.marker-tauranga {
    left: 140px;
    top: 155px;
  }

  .nz-map a.marker-rotorua {
    left: 155px;
    top: 180px;
  }

  .nz-map a.marker-gisborne {
    left: 177px;
    top: 213px;
  }

  .nz-map a.marker-napier {
    left: 139px;
    top: 273px;
  }

  .all-members-list img {
    max-width: 250px;
  }
}

/* 1280px */
@media only screen and (min-width: 1200px) {
  .row { max-width: 1196px; }
  header .social {
    right: 175px;
  }

  nav.main-nav ul li a {
    font-size: 1.1em;
    padding: 15px 20px;
  }

  header .subscribe {
    left: 220px;
  }

  .slider .slide figcaption p {
    width: 65%;
  }

  .nz-map {
    right: 20px;
  }

  .mapholder {
    height: 500px;
  }
}

/* 1280px */
@media only screen and (min-width: 1280px) {
  .location-section ul li a {
    padding: 10px 0;
  }

  .nz-map {
    height: 490px;
    top: -35px;
    width: 322px;
  }

  .nz-map .wrapper {
    height: 490px;
    width: 322px;
  }

  .nz-map a.marker-hamilton {
     left: 65px;
     top: 189px;
  }

  .nz-map a.marker-new-plymouth {
    left: -10px;
    top: 282px;
  }

  .nz-map a.marker-tokoroa {
    left: 111px;
    top: 230px;
  }

  .nz-map a.marker-tauranga {
    left: 160px;
    top: 181px;
  }

  .nz-map a.marker-rotorua {
    left: 180px;
    top: 209px;
  }

  .nz-map a.marker-gisborne {
    left: 213px;
    top: 251px;
  }

  .nz-map a.marker-napier {
    left: 170px;
    top: 317px;
  }

  .legends .legend {
    right: -30px;
    top: 20px;
  }
}

/* 1600px */
@media only screen and (min-width: 1600px) {
  header .social {
    right: 200px;
  }

  header .subscribe {
    left: 242px;
  }
}

/* print styles */

@media print {
  * { 
    background: transparent !important; 
    color: #444 !important; 
    overflow: visible !important;
    text-shadow: none; 
  }
  nav,
  footer {
      display: none;
  }
  .print { display: block; }
  a,
  a:visited { 
    color: #444 !important; 
    text-decoration: underline; 
  }
  abbr:after { content: " (" attr(title) ")"; }
  pre, blockquote { page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */