a/*
SASS 'Orion' Framework
Author: Luke Harrison
Web: www.lukeharrison.net
Email: luke@lukeharrison.net
*/
/*
|--------------------------------------------------------------------
| RESET
|--------------------------------------------------------------------
*/
header, nav, section, article, aside, footer, hgroup {
  display: block; }

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, font, 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,
section, aside, article, header, footer {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

a img {
  border: none; }

/* remove IOS border rubbish */
input, textarea {
  -webkit-appearance: none;
  border-radius: 0; }

select {
  border-radius: 0; }

/*
|--------------------------------------------------------------------
| REBUILD
|--------------------------------------------------------------------
*/
html, body {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  clear: both; }

hr {
  background-color: #000000;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

p {
  margin-bottom: 1.5em; }

ul, dl {
  margin: 0 0 1.5em 2.5em; }

ol {
  margin: 0 0 1.5em 2.5em; }

dl {
  margin-left: 0; }

ul {
  list-style: disc; }

ol {
  list-style-type: decimal; }

ol ol {
  list-style: upper-alpha; }

ol ol ol {
  list-style: lower-roman; }

ol ol ol ol {
  list-style: lower-alpha; }

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0; }

dl dd:last-child {
  margin-bottom: 0px; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: 1.5em; }

strong {
  font-weight: bold; }

cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 3em; }

blockquote em, blockquote i, blockquote cite {
  font-style: normal; }

pre {
  font: 11px Monaco, monospace;
  line-height: 1.5;
  margin-bottom: 1.5em;
  word-wrap: break-word; }

code {
  font: 11px Monaco, monospace; }

abbr, acronym {
  border-bottom: 1px dotted #000000;
  cursor: help; }

ins {
  text-decoration: none; }

sup, sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

form {
  position: relative; }

address {
  font-style: normal; }

textarea {
  resize: none; }

.container {
  max-width: 970px;
  margin: 0px auto;
  position: relative;
  padding: 0 15px 0 15px; }
  .container:before, .container:after {
    content: "";
    display: table; }
  .container:after {
    clear: both; }

.grid1 {
  width: 7.21649%;
  float: left;
  clear: none;
  margin-left: 3.09278%; }

.grid2 {
  width: 17.52577%;
  float: left;
  clear: none;
  margin-left: 3.09278%; }

.grid3 {
  width: 27.83505%;
  float: left;
  clear: none;
  margin-left: 3.09278%; }

.grid4 {
  width: 38.14433%;
  float: left;
  clear: none;
  margin-left: 3.09278%; }

.grid5 {
  width: 48.45361%;
  float: left;
  clear: none;
  margin-left: 3.09278%; }

.grid6 {
  width: 58.76289%;
  float: left;
  clear: none;
  margin-left: 3.09278%; }

.grid7 {
  width: 69.07216%;
  float: left;
  clear: none;
  margin-left: 3.09278%; }

.grid8 {
  width: 79.38144%;
  float: left;
  clear: none;
  margin-left: 3.09278%; }

.grid9 {
  width: 89.69072%;
  float: left;
  clear: none;
  margin-left: 3.09278%; }

.clear {
  margin-left: 0px;
  clear: left; }

.offset1 {
  margin-left: 10.30928%; }

.offset2 {
  margin-left: 20.61856%; }

.offset3 {
  margin-left: 30.92784%; }

.offset4 {
  margin-left: 41.23711%; }

.offset5 {
  margin-left: 51.54639%; }

.offset6 {
  margin-left: 61.85567%; }

.offset7 {
  margin-left: 72.16495%; }

.offset8 {
  margin-left: 82.47423%; }

.offset9 {
  margin-left: 92.78351%; }

@media (max-width: 1280px) {
  .xlrg1 {
    width: 7.21649%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .xlrg2 {
    width: 17.52577%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .xlrg3 {
    width: 27.83505%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .xlrg4 {
    width: 38.14433%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .xlrg5 {
    width: 48.45361%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .xlrg6 {
    width: 58.76289%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .xlrg7 {
    width: 69.07216%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .xlrg8 {
    width: 79.38144%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .xlrg9 {
    width: 89.69072%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .xlrg-full {
    width: 100%;
    float: none;
    clear: both;
    margin-left: 0; }

  .xlrg-clear {
    margin-left: 0px;
    clear: left; }

  .xlrg-offset1 {
    margin-left: 10.30928%; }

  .xlrg-offset2 {
    margin-left: 20.61856%; }

  .xlrg-offset3 {
    margin-left: 30.92784%; }

  .xlrg-offset4 {
    margin-left: 41.23711%; }

  .xlrg-offset5 {
    margin-left: 51.54639%; }

  .xlrg-offset6 {
    margin-left: 61.85567%; }

  .xlrg-offset7 {
    margin-left: 72.16495%; }

  .xlrg-offset8 {
    margin-left: 82.47423%; }

  .xlrg-offset9 {
    margin-left: 92.78351%; } }
@media (max-width: 924px) {
  .lrg1 {
    width: 7.21649%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .lrg2 {
    width: 17.52577%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .lrg3 {
    width: 27.83505%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .lrg4 {
    width: 38.14433%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .lrg5 {
    width: 48.45361%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .lrg6 {
    width: 58.76289%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .lrg7 {
    width: 69.07216%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .lrg8 {
    width: 79.38144%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .lrg9 {
    width: 89.69072%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .lrg-full {
    width: 100%;
    float: none;
    clear: both;
    margin-left: 0; }

  .lrg-clear {
    margin-left: 0px;
    clear: left; }

  .lrg-offset1 {
    margin-left: 10.30928%; }

  .lrg-offset2 {
    margin-left: 20.61856%; }

  .lrg-offset3 {
    margin-left: 30.92784%; }

  .lrg-offset4 {
    margin-left: 41.23711%; }

  .lrg-offset5 {
    margin-left: 51.54639%; }

  .lrg-offset6 {
    margin-left: 61.85567%; }

  .lrg-offset7 {
    margin-left: 72.16495%; }

  .lrg-offset8 {
    margin-left: 82.47423%; }

  .lrg-offset9 {
    margin-left: 92.78351%; } }
@media (max-width: 640px) {
  .med1 {
    width: 7.21649%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .med2 {
    width: 17.52577%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .med3 {
    width: 27.83505%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .med4 {
    width: 38.14433%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .med5 {
    width: 48.45361%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .med6 {
    width: 58.76289%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .med7 {
    width: 69.07216%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .med8 {
    width: 79.38144%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .med9 {
    width: 89.69072%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .med-full {
    width: 100%;
    float: none;
    clear: both;
    margin-left: 0; }

  .med-clear {
    margin-left: 0px;
    clear: left; }

  .med-offset1 {
    margin-left: 10.30928%; }

  .med-offset2 {
    margin-left: 20.61856%; }

  .med-offset3 {
    margin-left: 30.92784%; }

  .med-offset4 {
    margin-left: 41.23711%; }

  .med-offset5 {
    margin-left: 51.54639%; }

  .med-offset6 {
    margin-left: 61.85567%; }

  .med-offset7 {
    margin-left: 72.16495%; }

  .med-offset8 {
    margin-left: 82.47423%; }

  .med-offset9 {
    margin-left: 92.78351%; } }
@media (max-width: 480px) {
  .sml1 {
    width: 7.21649%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .sml2 {
    width: 17.52577%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .sml3 {
    width: 27.83505%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .sml4 {
    width: 38.14433%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .sml5 {
    width: 48.45361%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .sml6 {
    width: 58.76289%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .sml7 {
    width: 69.07216%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .sml8 {
    width: 79.38144%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .sml9 {
    width: 89.69072%;
    float: left;
    clear: none;
    margin-left: 3.09278%; }

  .sml-full {
    width: 100%;
    float: none;
    clear: both;
    margin-left: 0; }

  .sml-clear {
    margin-left: 0px;
    clear: left; }

  .sml-offset1 {
    margin-left: 10.30928%; }

  .sml-offset2 {
    margin-left: 20.61856%; }

  .sml-offset3 {
    margin-left: 30.92784%; }

  .sml-offset4 {
    margin-left: 41.23711%; }

  .sml-offset5 {
    margin-left: 51.54639%; }

  .sml-offset6 {
    margin-left: 61.85567%; }

  .sml-offset7 {
    margin-left: 72.16495%; }

  .sml-offset8 {
    margin-left: 82.47423%; }

  .sml-offset9 {
    margin-left: 92.78351%; } }
.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

.hidden {
  display: none; }

.float_left {
  float: left; }

.float_right {
  float: right; }

.clear_both {
  clear: both; }

.left_wrap_around {
  float: left;
  margin: 0px 1.071em 1.071em 0px; }

.right_wrap_around {
  float: right;
  margin: 0px 0px 1.071em 1.071em; }

.align_left {
  text-align: left; }

.align_right {
  text-align: right; }

.align_center {
  text-align: center; }

.container-outer {
  display: table;
  width: 100%;
  height: 100%; }
  .container-outer .container-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%; }

#preloader {
  position: fixed;
  background-color: #fff;
  z-index: 99;
  display: table;
  width: 100%;
  height: 100%; }

#status_container {
  vertical-align: middle;
  display: table-cell; }

#status {
  margin: 0px auto;
  width: 200px;
  height: 200px;
  background-image: url(../img/status.gif);
  background-repeat: no-repeat;
  background-position: center; }

/**
 * fullPage 2.6.0
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: transparent; }

#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none; }

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box; }

.fp-slide {
  float: left; }

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block; }

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out; }

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%; }

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.fp-slidesContainer {
  float: left;
  position: relative; }

.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent; }

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff; }

.fp-scrollable {
  overflow: scroll; }

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important; }

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0); }

#fp-nav.right {
  right: 17px; }

#fp-nav.left {
  left: 17px; }

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1; }

.fp-slidesNav.bottom {
  bottom: 17px; }

.fp-slidesNav.top {
  top: 17px; }

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0; }

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative; }

.fp-slidesNav ul li {
  display: inline-block; }

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none; }

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%; }

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px; }

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0; }

#fp-nav ul li:hover .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1; }

#fp-nav ul li .fp-tooltip.right {
  right: 20px; }

#fp-nav ul li .fp-tooltip.left {
  left: 20px; }

body {
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 300;
  color: #000;
  font-size: 10px; }
  @media (max-width: 924px) {
    body {
      font-size: 8px; } }

.section {
  background-color: #fff;
  position: relative; }
  .section--dark .container {
    color: #fff; }

.logo {
  width: 9.5em;
  height: 12.1em;
  display: block;
  margin-bottom: 5.3em;
  background: url("../img/logo-sml-light.html") no-repeat left top;
  background: url("../img/logo-sml-light-2.html") no-repeat left top;
  background-size: 100%; }
  @media (max-width: 640px) {
    .logo {
      margin-bottom: 2.0em; } }

.logo-sml {
  width: 50px;
  height: 63px;
  cursor: pointer;
  background: url("../img/logo-sml-light.html") no-repeat left top;
  background: url("../img/logo-sml-light-2.html") no-repeat left top;
  background-size: 100%; }
  .top-nav--dark .logo-sml {
    background: url("../img/logo-sml-dark.html") no-repeat left top;
    background: url("../img/logo-sml-dark-2.html") no-repeat left top;
    background-size: 100%; }

h1 {
  font-size: 5.0em;
  font-weight: 300;
  margin-bottom: 0.800em;
  /* 40px */ }
  @media (max-width: 640px) {
    h1 {
      font-size: 4.0em;
      margin-bottom: 0.400em; } }

p {
  font-size: 2.3em;
  line-height: 1.273em;
  /* 28px */
  margin: 0 0 10px 0;
  position: relative; }
  @media (max-width: 640px) {
    p {
      font-size: 2.3em; } }

ul {
  font-size: 2.5em;
  font-weight: 300;
  width: 350px;
  line-height: normal;
  margin: 2.2em 0 0 0;
  padding: 0 0 1.333em 0;
  list-style: none;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE; }
  .section--dark ul {
    border-color: #333333; }
  @media (max-width: 924px) {
    ul {
  	  width: 300px;
      padding: 0 0 0.5em 0; } }

li {
  padding: 1em 0 0 0;
  letter-spacing: 1px; }
  li:after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #EEEEEE;
    margin-top: 1.0em; }
    .section--dark li:after {
      background: #333333; }
  li:last-child:after {
    display: none; }
  li.list__header {
    font-size: 0.867em;
    font-weight: normal;
    color: #CCCCCC; }
    li.list__header:after {
      display: none; }
  @media (max-width: 924px) {
    li {
      padding: 0.5em; } }

.section--dark .list__header {
  color: #555555; }

.page1 {
  z-index: 51; }

.page9 .container
{
margin-top:-30.0em;
@include bp(lrg)
	{
	margin-top:-3.0em;
	}
}

.spacer {
  height: 1px; }

.arrowDown {
  width: 3.6em;
  height: 2.0em;
  background: url("../img/arrow-down.png") no-repeat left top;
  background-size: 100% 100%;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 3.0em;
  cursor: pointer; }

.arrowUp {
  width: 3.6em;
  height: 2.0em;
  background: url("../img/arrow-up.png") no-repeat left top;
  background-size: 100% 100%;
  margin: 0 auto 1.5em auto;
  cursor: pointer; }
  @media (max-width: 924px) {
    .arrowUp {
      margin-bottom: 1.5em; } }
  @media (max-width: 480px) {
    .arrowUp {
      margin-bottom: 0.25em; } }

.top-nav {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 20px 0;
  display: none;
  z-index: 100; }

h2 {
  position: relative;
  font-size: 3.1em;
  font-weight: 300;
  margin-bottom: 0.476em;
  /* 20px */ }
  h2 span {
    color: #db003d; }
  @media (max-width: 640px) {
    h2 {
      font-size: 3.0em; } }

h3 {
  font-weight: 500;
  color: #db003d;
  font-size: 2.0em;
  margin-bottom: 0.25em;
  /* 5px */ }

h4 {
  font-size: 1.7em;
  line-height: normal;
  font-weight: 300;
  margin-bottom: 1.5em; }
  @media (max-width: 640px) {
    h4 {
      margin-bottom: 0.75em; } }
  @media (max-width: 480px) {
    h4 {
      margin-bottom: 0.25em; } }
  h4 span {
    color: #db003d; }
  h4 a {
    text-decoration: none;
    color: inherit; }

.page1 {
  background: url("../img/bg-1.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page2 {
  background: url("../img/bg-2.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page3 {
  background: url("../img/bg-3.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page4 {
  background: url("../img/bg-4.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page5 {
  background: url("../img/bg-5.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page6 {
  background: url("../img/bg-6.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page7 {
  text-align: center;
  background: #333333; }
  .page7 h2 {
    margin-bottom: 1.463em; }
	
.page8 {
  background: url("../img/bg-7.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page9 {
    text-align: center;
	background: url("../img/bg-8.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page2_bg {
  background: url("../img/bg-2.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page3_bg {
  width: 596px;
  height: 422px;
  position: absolute;
  background: url("../img/slide3_bg.html") no-repeat left top;
  top: 20px;
  right: -30px; }

.page3_bg-new {
  width: 531px;
  height: 499px;
  position: absolute;
  background: url("../img/slide3_bg-new.html") no-repeat left top;
  top: -65px;
  right: 10px; }

.page4_bg {
  width: 567px;
  height: 486px;
  position: absolute;
  background: url("../img/slide4_bg.html") no-repeat left top;
  top: -20px;
  left: 0px; }

.page6_bg {
  width: 625px;
  height: 478px;
  position: absolute;
  background: url("../img/slide6_bg.html") no-repeat left top;
  top: -20px;
  left: 300px; }

.hlink {
  cursor: pointer; }

@media (max-width: 924px) {
  .bg {
    display: none; } }

.contact__spacer {
  height: 1px; }

.page7 .contact-box {
  font-size: 1.7em;
  line-height: normal;
  color: #000;
  display: block;
  float: left;
  width: 10.588em;
  /*180px*/
  height: 4.706em;
  /*80px */
  border: 1px solid #fff;
  padding-top: 1.588em;
  /*27px*/
  text-align: center;
  text-decoration: none;
  margin: 0 1.176em;
  /*20px*/
  transition: all .5s linear; }
  .page7 .contact-box:hover, .page7 .contact-box:focus {
    background: #fff;
    font-weight: bold; }
  @media (max-width: 480px) {
    .page7 .contact-box {
      clear: both;
      margin: 0 auto;
      padding-top: 1.706em;
      /*29px*/ } }

.contact-img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 2.0em auto; }
  @media (max-width: 640px) {
    .contact-img {
      width: 25.9em;
      height: auto; } }
  @media (max-width: 480px) {
    .contact-img {
      width: 22em;
      margin-bottom: 2.0em; } }

  @media (max-width: 480px) {
  .contact-phone {
    margin-bottom: 1.0em !important; } }

.contact_buttons {
  display: inline-block;
  margin-bottom: 6.0em; }
  @media (max-width: 640px) {
    .contact_buttons {
      margin-bottom: 3.0em; } }

.social_icons {
  margin-bottom: 6.0em; }
  .social_icons a {
    display: inline-block;
    margin: 0 2px;
    width: 3.2em;
    height: 3.2em; }
    .social_icons a img {
      width: 100%;
      height: auto; }
  @media (max-width: 640px) {
    .social_icons {
      margin-bottom: 3.0em; } }
	  
.portfolio {
  margin-bottom: 6.0em; }
  .portfolio a {
   	margin: 0 2px;
    width: 15.0em;
    height: 3.2em; }
    .potfolio a img {
      width: 100%;
      height: auto; }
  @media (max-width: 640px) {
    .portfolio {
      margin-bottom: 3.0em; } }

.footer {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 3.0em; }
  .footer p {
    font-size: 1.4em;
    line-height: normal;
    margin: 0; }
  @media (max-width: 640px) {
    .footer {
      bottom: 1.5em; } }
  @media (max-width: 480px) {
    .footer {
      bottom: 1.0em; } }

.spacer-grid {
  height: 1px; }

.mobile-img {
  max-width: 90%;
  height: auto;
  margin: 5.0em auto 5.0em auto;
  clear: both;
  display: none; }
  @media (max-width: 924px) {
    .mobile-img {
      max-width: 50%;
      display: block; } }
  @media (max-width: 640px) {
    .mobile-img {
      max-width: 90%;
      display: block; } }

.content {
  padding-top: 5.0em; }
  @media (max-width: 924px) {
    .content {
      padding-top: 5.0em; } }

.slimScrollBar {
  display: none !important; }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .page1 .container {
    margin-top: 0px !important; }

  .lrg-full, .med-full {
    margin-left: 0 !important;
    width: 100% !important; }

  body {
    font-size: 5px !important; }

  .mobile-img {
    width: 60%; }

  p {
    font-size: 1.5em; }

  .page1 p {
    font-size: 3.0em; }

  .content {
    padding-top: 15.0em; }

  .contact-img {
    width: 25.0em;
    height: auto;
    margin-bottom: 1.5em; }

  . 	 {
    margin-bottom: 1.0em; } }
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body {
    font-size: 9px !important; }

  .page7 .contact-box {
    font-size: 1.5em; }

  .logo-sml {
    width: 5.0em;
    height: 6.3em; }

  ul {
    width: 450px; }

  .container {
    padding-left: 4.5em !important;
    padding-right: 4.5em !important; }

  .mobile-img {
    max-width: 75%; } }
/* iPhone 5 (landscape) ----------- */
@media only screen and (max-device-height: 568px) and (orientation: landscape) {
  body {
    font-size: 5.0px; } }
/* iPhone 5 (portrait) ----------- */
@media only screen and (max-device-height: 568px) and (orientation: portrait) {
  body {
    font-size: 5.0px; } }
.border-box, .page7 .contact-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.indent {
  margin: 2.5em 10%; }

.list--clear {
  margin: 0px;
  padding: 0px;
  list-style: none; }
  .list--clear li {
    float: left; }

.nohover:hover {
  text-decoration: none; }