/* ***********************************************************
## CSS reset
*********************************************************** */
/* ***********************************************************
## RESET
*********************************************************** */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  background: transparent;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

/* change colours to suit your needs */
ins {
  background-color: #ffff99;
  color: black;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ffff99;
  color: black;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

* {
  font-family: 'Montserrat', sans-serif; }

.introLogo {
  background: #00a665;
  height: 63vw;
  width: 13vw;
  position: absolute;
  left: 0;
  top: 0; }
  .introLogo > img {
    margin: 15vw 0 0 7.5vw;
    width: 5.5vw; }
  .introLogo > svg {
    width: 6vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

header {
  background: black; }
  header > nav > ul {
    background: white; }
    header > nav > ul > li > a {
      color: white; }
      header > nav > ul > li > a:hover {
        color: #00a665; }
      header > nav > ul > li > a.active {
        color: #00a665; }
  header > div > a > p {
    color: white; }
  header > .neo__navigation_overlay {
    background: #2d2d2d; }
  header > div:last-child {
    color: #333333;
    background: white; }

#smtfullbleed_dotnav > ul > li.active {
  background: #00a665; }

div.neo__content-container > section h2 {
  color: black; }
div.neo__content-container > section#intro > p {
  line-height: 2.2vw;
  font-size: 2vw;
  color: #00a665;
  background-color: #2d2d2d;
  height: 4vw;
  padding: 2vw 7vw 2vw 2vw; }
  div.neo__content-container > section#intro > p > span {
    color: white; }
div.neo__content-container > section#intro > .neo__fullbleed > #smtfullbleed_caption > div {
  line-height: 4.2vw;
  font-size: 2.7vw;
  color: #00a665;
  background-color: #2d2d2d;
  height: 4vw;
  padding: 2vw 7vw 2vw 2vw;
  font-weight: 300; }
  div.neo__content-container > section#intro > .neo__fullbleed > #smtfullbleed_caption > div > span {
    color: white; }
div.neo__content-container > section#overview > div > h2 > span {
  color: #00a665; }
div.neo__content-container > section#overview > div > p {
  color: #030303; }
div.neo__content-container > section#overview > div > a {
  color: #030303;
  outline-color: #00a665 !important; }
  div.neo__content-container > section#overview > div > a:hover {
    color: #00a665; }
div.neo__content-container > section#overview > div ul li {
  color: #030303; }

div.neo__content-container > section#overview > div:nth-of-type(1) h2 {
  width: 40vw; }

div.neo__content-container > section#overview > div:nth-of-type(2) h2 {
  width: 29vw !important; }

div.neo__content-container > section#gallery > h2 > span {
  color: #00a665; }
div.neo__content-container > section#contact {
  background-color: #00a665; }
  div.neo__content-container > section#contact > div > h2 {
    color: white; }
  div.neo__content-container > section#contact > div > p {
    font-size: 1vw;
    line-height: 2vw;
    color: black; }
    div.neo__content-container > section#contact > div > p > a {
      color: black; }
  div.neo__content-container > section#contact > div > a {
    color: black;
    font-size: 1vw; }
    div.neo__content-container > section#contact > div > a:hover {
      color: white; }
  div.neo__content-container > section#contact > div:nth-of-type(1) {
    border-right: 0.2vw solid white; }
  div.neo__content-container > section#contact > div:nth-of-type(2) > p > a:hover {
    color: white; }

footer {
  background: black; }
  footer > div > a {
    color: white; }
    footer > div > a:hover {
      color: #00a665; }

@media screen and (max-width: 1080px) {
  div.neo__content-container > section#overview > div:nth-of-type(2) h2 {
    width: 100% !important; }
}


@media all and (orientation: portrait) {
  .introLogo > svg {
    margin: 0 !important;
    margin-top: -8vw !important;
    width: 6vw; }

  header > .neo__navigation_overlay {
    background: #2d2d2d; }
  header > nav > ul > li > a {
    color: black; }

  div.neo__content-container > section#intro > p {
    line-height: 7vw;
    font-size: 7vw; }
  div.neo__content-container > section#intro > .neo__fullbleed > #smtfullbleed_caption > div {
    width: 79vw !important;
    padding: 2vw 11vw !important;
    line-height: 6vw;
    font-size: 6vw; }
  div.neo__content-container > section#contact {
    background-color: #00a665; }
    div.neo__content-container > section#contact > div > h2 {
      color: white; }
    div.neo__content-container > section#contact > div > p {
      font-size: 3vw;
      line-height: 5vw;
      color: black; }
      div.neo__content-container > section#contact > div > p > a {
        font-size: 3vw;
        line-height: 5vw;
        color: black; }
    div.neo__content-container > section#contact > div > a {
      color: black;
      font-size: 3vw; }

  #smtfullbleed_dotnav {
    bottom: 21vw !important; } }


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #smtfullbleed_dotnav {
    bottom: 19vw !important; }

  header > nav > ul > li > a {
    color: black; } }
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  header > nav > ul > li > a {
    color: black; } }
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  header > nav > ul > li > a {
    color: black; } }
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  header > nav > ul > li > a {
    color: black; } }
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  header > nav > ul > li > a {
    color: black; } }
/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  header > nav > ul > li > a {
    color: black; } }
/* Landscape */
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  header > nav > ul > li > a {
    color: black; } }
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  header > nav > ul > li > a {
    color: black; } }
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  header > nav > ul > li > a {
    color: black; } }

/*# sourceMappingURL=1325aoa.css.map */