html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

.grouping:before, .grouping:after {
  content: " ";
  display: table; }

.grouping:after {
  clear: both; }

img, iframe, video, object {
  max-width: 100%; }

strong, b {
  font-weight: bold; }

.clear {
  clear: both; }

.mobile {
  display: block; }

.larger-mobile {
  display: none; }

.desktop {
  display: none; }

@media only screen and (min-width: 375px) {
  .larger-mobile {
    display: block; } }
@media only screen and (min-width: 768px) {
  .mobile {
    display: none; }

  .desktop {
    display: block; } }
/****************
Nav - Fullscreen
****************/
nav {
  position: relative;
  background-color: #fff;
  height: 50px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); }

.primary-nav {
  float: left;
  left: none;
  transform: translateX(0%); }
  .primary-nav > li {
    float: left; }
    .primary-nav > li > a {
      float: left;
      padding: 0px 17px; }

nav li a {
  color: #000;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.15s background-color linear;
  -moz-transition: 0.15s background-color linear;
  -o-transition: 0.15s background-color linear;
  transition: 0.15s background-color linear; }
  nav li a:focus, nav li a:active, nav li a:hover {
    background-color: #ddd;
    color: black;
    text-decoration: underline; }

.mobile-menu-icon {
  background: url("../img/menuIcon.png") 0 0 no-repeat;
  float: left;
  margin: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  -webkit-transition: 0.15s background-color linear;
  -moz-transition: 0.15s background-color linear;
  -o-transition: 0.15s background-color linear;
  transition: 0.15s background-color linear; }

.mobile-menu-icon.open {
  background-image: url("../img/menuClose.png"); }

/****************
Nav - Fullscreen - Drop Down
****************/
.submenu ul {
  position: absolute;
  z-index: 5;
  top: 50px;
  background: #fff;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-radius: 0 0 15px 15px;
  margin-left: -5px;
  display: none;
  overflow: hidden; }
  .submenu ul a {
    color: #666;
    display: block;
    padding: 25px 10px;
    position: relative;
    z-index: 10; }

.submenu:hover ul {
  display: block;
  -webkit-animation-name: slideDown;
  -webkit-animation-duration: .5s;
  -webkit-animation-timing-function: ease;
  animation-name: slideDown;
  animation-duration: .5s;
  animation-timing-function: ease; }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0; }
  90% {
    -webkit-transform: translateY(10%); }
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1; } }
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    opacity: 0; }
  90% {
    transform: translateY(10%); }
  100% {
    transform: translateY(0%);
    opacity: 1; } }
/****************
Nav - Mobile
****************/
@media screen and (max-width: 767px) {
  nav {
    position: fixed;
    height: 40px; }

  .primary-nav {
    position: fixed;
    top: 40px;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.35s; }
    .primary-nav > li {
      float: left;
      background-color: #fff;
      width: 100%;
      color: #000; }
      .primary-nav > li > a {
        text-align: left;
        padding: 15px 25px;
        width: 100%;
        border-bottom: 1px solid #666;
        border-left: none; }

  .primary-nav.active {
    max-height: 505px; }

  .primary-nav > li {
    float: left;
    background-color: #fff;
    width: 100%;
    color: #000; }

  .primary-nav li a {
    text-align: left;
    padding: 15px 25px;
    width: 100%;
    border-bottom: 1px solid #666;
    border-left: none; }

  .submenu ul {
    position: static;
    display: block;
    background-color: #ff0;
    border: none;
    border-radius: 0;
    width: 100%;
    height: 0px;
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.35s; }

  .submenu:hover ul {
    -webkit-animation: none;
    animation: none;
    height: 164px; }

  .mobile-menu-icon {
    float: left;
    margin: 6px 0 10px 25px;
    width: 38px;
    height: 37px; }

  .menu-logo {
    z-index: 100;
    height: 18px;
    margin-top: -3px;
    margin-bottom: -3px;
    background: url(../img/logoDarkGrey.png) left no-repeat;
    background-size: contain; }
    .menu-logo:hover {
      background: url(../img/logoLightGrey.png) left no-repeat; } }
h1 {
  font-family: "Roboto-Medium";
  font-size: 40px; }
  @media (min-width: 450px) {
    h1 {
      font-size: calc(4.5528455285vw + 19.512195122px); } }
  @media (min-width: 1680px) {
    h1 {
      font-size: 96px; } }

h2 {
  font-size: 30px; }
  @media (min-width: 450px) {
    h2 {
      font-size: calc(1.6260162602vw + 22.6829268293px); } }
  @media (min-width: 1680px) {
    h2 {
      font-size: 50px; } }

h3 {
  font-size: 24px; }
  @media (min-width: 320px) {
    h3 {
      font-size: calc(0.8088235294vw + 21.4117647059px); } }
  @media (min-width: 1680px) {
    h3 {
      font-size: 35px; } }

h4 {
  font-size: 18px; }
  @media (min-width: 450px) {
    h4 {
      font-size: calc(0.9756097561vw + 13.6097560976px); } }
  @media (min-width: 1680px) {
    h4 {
      font-size: 30px; } }

h5 {
  font-size: 16px; }
  @media (min-width: 320px) {
    h5 {
      font-size: calc(0.6617647059vw + 13.8823529412px); } }
  @media (min-width: 1680px) {
    h5 {
      font-size: 25px; } }

h6 {
  font-size: 14px; }
  @media (min-width: 320px) {
    h6 {
      font-size: calc(0.4411764706vw + 12.5882352941px); } }
  @media (min-width: 1680px) {
    h6 {
      font-size: 20px; } }

p {
  font-size: 14px; }
  @media (min-width: 320px) {
    p {
      font-size: calc(0.2205882353vw + 13.2941176471px); } }
  @media (min-width: 1680px) {
    p {
      font-size: 17px; } }

nav li a {
  font-size: 15px;
  line-height: 50px; }
  @media (min-width: 768px) {
    nav li a {
      font-size: calc(0.6944444444vw + 9.6666666667px); } }
  @media (min-width: 1200px) {
    nav li a {
      font-size: 18px; } }

.black {
  color: #000; }

.dark-grey {
  color: #444; }

.light-grey {
  color: #aaa; }

.white {
  color: #fff; }

.red {
  color: #f00; }

.green {
  color: #0f0; }

.blue {
  color: #00f; }

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

.bg-dark-grey {
  background-color: #444; }

.bg-light-grey {
  background-color: #aaa; }

.bg-white {
  background-color: #fff; }

.bg-red {
  background-color: #f00; }

.bg-green {
  background-color: #0f0; }

.bg-blue {
  background-color: #00f; }

.bg-pink {
  background: pink; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.bold {
  font-weight: bold; }

.hidden, .hide {
  display: none; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.static {
  position: static; }

.fullsize {
  width: 100%;
  height: 100%; }

.center {
  left: 50%;
  transform: translate(-50%); }

.central {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.topOffset {
  left: 50%;
  top: 70%;
  transform: translate(-50%, -50%); }

.bottom {
  bottom: 0; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.text-centered {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-left {
  text-align: left; }

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

.indent {
  margin-left: 10px; }

.spacer-he {
  height: 8vh; }

.top {
  z-index: 10; }

.width-1 {
  width: 10%; }

.width-2 {
  width: 20%; }

.width-3 {
  width: 30%; }

.width-4 {
  width: 40%; }

.width-5 {
  width: 50%; }

.width-6 {
  width: 60%; }

.width-7 {
  width: 70%; }

.width-8 {
  width: 80%; }

.width-9 {
  width: 90%; }

.width-10 {
  width: 100%; }

.view-width-1 {
  width: 10vw; }

.view-width-2 {
  width: 20vw; }

.view-width-3 {
  width: 30vw; }

.view-width-4 {
  width: 40vw; }

.view-width-5 {
  width: 50vw; }

.view-width-6 {
  width: 60vw; }

.view-width-7 {
  width: 70vw; }

.view-width-8 {
  width: 80vw; }

.view-width-9 {
  width: 90vw; }

.view-width-10 {
  width: 100vw; }

.height-1 {
  min-height: 10%; }

.height-2 {
  min-height: 20%; }

.height-3 {
  min-height: 30%; }

.height-4 {
  min-height: 40%; }

.height-5 {
  min-height: 50%; }

.height-6 {
  min-height: 60%; }

.height-7 {
  min-height: 70%; }

.height-8 {
  min-height: 80%; }

.height-9 {
  min-height: 90%; }

.height-10 {
  min-height: 100%; }

.veiw-height-1 {
  min-height: 10vh; }

.veiw-height-2 {
  min-height: 20vh; }

.veiw-height-3 {
  min-height: 30vh; }

.veiw-height-4 {
  min-height: 40vh; }

.veiw-height-5 {
  min-height: 50vh; }

.veiw-height-6 {
  min-height: 60vh; }

.veiw-height-7 {
  min-height: 70vh; }

.veiw-height-8 {
  min-height: 80vh; }

.veiw-height-9 {
  min-height: 90vh; }

.veiw-height-10 {
  min-height: 100vh; }

.border-radius-1 {
  border-radius: 1px; }

.border-radius-2 {
  border-radius: 2px; }

.border-radius-3 {
  border-radius: 3px; }

.border-radius-4 {
  border-radius: 4px; }

.border-radius-5 {
  border-radius: 5px; }

.border-radius-6 {
  border-radius: 6px; }

.border-radius-7 {
  border-radius: 7px; }

.border-radius-8 {
  border-radius: 8px; }

.border-radius-9 {
  border-radius: 9px; }

.border-radius-10 {
  border-radius: 10px; }

.border-radius-11 {
  border-radius: 11px; }

.border-radius-12 {
  border-radius: 12px; }

.border-radius-13 {
  border-radius: 13px; }

.border-radius-14 {
  border-radius: 14px; }

.border-radius-15 {
  border-radius: 15px; }

.border-radius-16 {
  border-radius: 16px; }

.border-radius-17 {
  border-radius: 17px; }

.border-radius-18 {
  border-radius: 18px; }

.border-radius-19 {
  border-radius: 19px; }

.border-radius-20 {
  border-radius: 20px; }

.border-1 {
  border: 1px solid #fff; }

.border-2 {
  border: 2px solid #fff; }

.border-3 {
  border: 3px solid #fff; }

.border-4 {
  border: 4px solid #fff; }

.border-5 {
  border: 5px solid #fff; }

.border-6 {
  border: 6px solid #fff; }

.border-7 {
  border: 7px solid #fff; }

.border-8 {
  border: 8px solid #fff; }

.border-9 {
  border: 9px solid #fff; }

.border-10 {
  border: 10px solid #fff; }

.border-11 {
  border: 11px solid #fff; }

.border-12 {
  border: 12px solid #fff; }

.border-13 {
  border: 13px solid #fff; }

.border-14 {
  border: 14px solid #fff; }

.border-15 {
  border: 15px solid #fff; }

.border-16 {
  border: 16px solid #fff; }

.border-17 {
  border: 17px solid #fff; }

.border-18 {
  border: 18px solid #fff; }

.border-19 {
  border: 19px solid #fff; }

.border-20 {
  border: 20px solid #fff; }

.pad-v-1 {
  padding: 1px 0 1px 0; }

.pad-v-2 {
  padding: 2px 0 2px 0; }

.pad-v-3 {
  padding: 3px 0 3px 0; }

.pad-v-4 {
  padding: 4px 0 4px 0; }

.pad-v-5 {
  padding: 5px 0 5px 0; }

.pad-v-6 {
  padding: 6px 0 6px 0; }

.pad-v-7 {
  padding: 7px 0 7px 0; }

.pad-v-8 {
  padding: 8px 0 8px 0; }

.pad-v-9 {
  padding: 9px 0 9px 0; }

.pad-v-10 {
  padding: 10px 0 10px 0; }

.pad-v-11 {
  padding: 11px 0 11px 0; }

.pad-v-12 {
  padding: 12px 0 12px 0; }

.pad-v-13 {
  padding: 13px 0 13px 0; }

.pad-v-14 {
  padding: 14px 0 14px 0; }

.pad-v-15 {
  padding: 15px 0 15px 0; }

.pad-v-16 {
  padding: 16px 0 16px 0; }

.pad-v-17 {
  padding: 17px 0 17px 0; }

.pad-v-18 {
  padding: 18px 0 18px 0; }

.pad-v-19 {
  padding: 19px 0 19px 0; }

.pad-v-20 {
  padding: 20px 0 20px 0; }

.pad-h-1 {
  padding: 0 1px 0 1px; }

.pad-h-2 {
  padding: 0 2px 0 2px; }

.pad-h-3 {
  padding: 0 3px 0 3px; }

.pad-h-4 {
  padding: 0 4px 0 4px; }

.pad-h-5 {
  padding: 0 5px 0 5px; }

.pad-h-6 {
  padding: 0 6px 0 6px; }

.pad-h-7 {
  padding: 0 7px 0 7px; }

.pad-h-8 {
  padding: 0 8px 0 8px; }

.pad-h-9 {
  padding: 0 9px 0 9px; }

.pad-h-10 {
  padding: 0 10px 0 10px; }

.pad-h-11 {
  padding: 0 11px 0 11px; }

.pad-h-12 {
  padding: 0 12px 0 12px; }

.pad-h-13 {
  padding: 0 13px 0 13px; }

.pad-h-14 {
  padding: 0 14px 0 14px; }

.pad-h-15 {
  padding: 0 15px 0 15px; }

.pad-h-16 {
  padding: 0 16px 0 16px; }

.pad-h-17 {
  padding: 0 17px 0 17px; }

.pad-h-18 {
  padding: 0 18px 0 18px; }

.pad-h-19 {
  padding: 0 19px 0 19px; }

.pad-h-20 {
  padding: 0 20px 0 20px; }

.letter-spacing-1 {
  letter-spacing: 1px; }

.letter-spacing-2 {
  letter-spacing: 2px; }

.letter-spacing-3 {
  letter-spacing: 3px; }

.letter-spacing-4 {
  letter-spacing: 4px; }

.letter-spacing-5 {
  letter-spacing: 5px; }

.unnamed-1-img {
  background-image: url("../img/unnamed-1.jpg");
  background-position: center center;
  background-size: cover; }

.unnamed-2-img {
  background-image: url("../img/unnamed-2.jpg");
  background-position: center center;
  background-size: cover; }

.unnamed-3-img {
  background-image: url("../img/unnamed-3.jpg");
  background-position: center center;
  background-size: cover; }

.spacer-xs {
  height: 5px; }

.spacer-sm {
  height: 10px; }

.spacer-md {
  height: 20px; }

.spacer-lg {
  height: 50px; }

.spacer-xl {
  height: 100px; }

.picture-2 {
  width: 20%; }

.picture-4 {
  width: 40%; }

.picture-6 {
  width: 60%; }

.picture-8 {
  width: 80%; }

#index-1 {
  height: 100vh; }

.indexMain-img {
  background-image: url("../img/indexMain.png");
  background-position: top center;
  background-size: cover; }

.unnamed-1-img {
  opacity: 1; }

#index-1-center {
  background-color: rgba(255, 255, 255, 0.6); }

footer a h6 {
  color: #000;
  line-height: 20px;
  text-decoration: none; }

@media only screen and (min-width: 768px) {
  footer a h6 {
    line-height: 40px; } }
footer h6 {
  line-height: 40px; }

@media only screen and (min-width: 768px) {
  .footer h5.indent-m {
    line-height: 40px; }

  .footer .right-image {
    width: 35%;
    margin-bottom: 10px; } }
.copyright-container {
  width: 100%;
  border-top: 2px solid #fff; }

h6.copyright {
  font-size: 10px; }

.text-left {
  text-align: left; }

.form {
  padding: 0px;
  border: 1px solid #777;
  width: 100%;
  max-width: 800px;
  font-size: 14px;
  border-radius: 5px;
  margin-bottom: 10px; }

.formWrong {
  border: 5px solid #820000;
  background-color: #b40000;
  color: #FFFFFF;
  padding: 8px 8px 8px 10px;
  width: 200px;
  border-radius: 15px; }

.formButton {
  margin-top: 15px;
  display: block;
  border: 5px solid #69B82C;
  width: 200px;
  height: 50px;
  font-size: 18px;
  padding: 0px 2px 2px 2px;
  line-height: 14px;
  background-color: #47960A;
  border-radius: 10px;
  color: #fff; }

.sitemapLink a {
  text-decoration: none; }

@font-face {
  font-family: "Roboto-Medium";
  src: url("../font/Roboto/Roboto-Medium.ttf") format("opentype"); }
@font-face {
  font-family: "Roboto-Light";
  src: url("../font/Roboto/Roboto-Light.ttf") format("opentype"); }
/* RESET */
/* MAIN */
body {
  margin: 0;
  padding: 0;
  font-family: "Roboto-Light";
  color: #666;
  line-height: 1.15; }

a.skip-main {
  font-family: "Roboto-Light";
  left: -999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999; }
  a.skip-main:active, a.skip-main:focus {
    color: #fff;
    background: #666;
    box-shadow: inset 0px 0px 10px black;
    top: 50px;
    width: 300px;
    padding: 5px;
    height: auto;
    border-radius: 10px;
    border: 1px solid #000;
    text-align: center;
    font-size: 1.2em;
    z-index: 9999;
    outline: none; }

footer a {
  text-decoration: none;
  color: black; }

footer a:hover {
  text-decoration: underline; }

footer a h6 {
  color: #000;
  line-height: 20px;
  text-decoration: none; }