/*-------------------------------------- Import Files ---------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* ---------- RESET ---------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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; }

input {
  margin: 0;
  padding: 0; }

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

body {
  line-height: 100%; }

blockquote,
q {
  quotes: none; }

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

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

ul,
ol,
li {
  list-style-type: none; }

input,
textarea {
  outline: none; }

strong {
  font-weight: bold; }

.fr {
  float: right; }

.fl {
  float: left; }

.cb {
  clear: both; }

.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.fr {
  float: right; }

.fl {
  float: left; }

.cb {
  clear: both; }

/***********************************************************************************/
/* CSS Variables */
/***********************************************************************************/
/***********************************************************************************/
/* Screen Sizes */
/***********************************************************************************/
/***********************************************************************************/
/* Mixins */
/***********************************************************************************/
@font-face {
  font-family: 'scalalfcaps';
  src: url("fonts/scalalf-caps-webfont.eot");
  src: url("fonts/scalalf-caps-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/scalalf-caps-webfont.woff2") format("woff2"), url("fonts/scalalf-caps-webfont.woff") format("woff"), url("fonts/scalalf-caps-webfont.ttf") format("truetype"), url("fonts/scalalf-caps-webfont.svg#scalalfcaps") format("svg"); }

@font-face {
  font-family: 'scalalfregular';
  src: url("fonts/scalalf-regular-webfont.eot");
  src: url("fonts/scalalf-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/scalalf-regular-webfont.woff2") format("woff2"), url("fonts/scalalf-regular-webfont.woff") format("woff"), url("fonts/scalalf-regular-webfont.ttf") format("truetype"), url("fonts/scalalf-regular-webfont.svg#scalalfregular") format("svg"); }

@font-face {
  font-family: 'scalalfitalic';
  src: url("fonts/scalalf-italic-webfont.eot");
  src: url("fonts/scalalf-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/scalalf-italic-webfont.woff2") format("woff2"), url("fonts/scalalf-italic-webfont.woff") format("woff"), url("fonts/scalalf-italic-webfont.ttf") format("truetype"), url("fonts/scalalf-italic-webfont.svg#scalalfitalic") format("svg"); }

@font-face {
  font-family: 'scalalfbold';
  src: url("fonts/scalalf-bold-webfont.eot");
  src: url("fonts/scalalf-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/scalalf-bold-webfont.woff2") format("woff2"), url("fonts/scalalf-bold-webfont.woff") format("woff"), url("fonts/scalalf-bold-webfont.ttf") format("truetype"), url("fonts/scalalf-bold-webfont.svg#scalalfbold") format("svg"); }

@font-face {
  font-family: 'scalasanslfregular';
  src: url("fonts/scalasanslf-regular-webfont.eot");
  src: url("fonts/scalasanslf-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/scalasanslf-regular-webfont.woff2") format("woff2"), url("fonts/scalasanslf-regular-webfont.woff") format("woff"), url("fonts/scalasanslf-regular-webfont.ttf") format("truetype"), url("fonts/scalasanslf-regular-webfont.svg#scalasanslfregular") format("svg"); }

@font-face {
  font-family: 'scalasanslfitalic';
  src: url("fonts/scalasanslf-italic-webfont.eot");
  src: url("fonts/scalasanslf-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/scalasanslf-italic-webfont.woff2") format("woff2"), url("fonts/scalasanslf-italic-webfont.woff") format("woff"), url("fonts/scalasanslf-italic-webfont.ttf") format("truetype"), url("fonts/scalasanslf-italic-webfont.svg#scalasanslfitalic") format("svg"); }

@font-face {
  font-family: 'scalasanslfbold';
  src: url("fonts/scalasanslf-bold-webfont.eot");
  src: url("fonts/scalasanslf-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/scalasanslf-bold-webfont.woff2") format("woff2"), url("fonts/scalasanslf-bold-webfont.woff") format("woff"), url("fonts/scalasanslf-bold-webfont.ttf") format("truetype"), url("fonts/scalasanslf-bold-webfont.svg#scalasanslfbold") format("svg"); }

@font-face {
  font-family: 'scalasanslfbold_italic';
  src: url("fonts/scalasanslf-bolditalic-webfont.eot");
  src: url("fonts/scalasanslf-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/scalasanslf-bolditalic-webfont.woff2") format("woff2"), url("fonts/scalasanslf-bolditalic-webfont.woff") format("woff"), url("fonts/scalasanslf-bolditalic-webfont.ttf") format("truetype"), url("fonts/scalasanslf-bolditalic-webfont.svg#scalasanslfbold_italic") format("svg"); }

/***********************************************************************************/
/* All Typeography */
/***********************************************************************************/
body {
  font-family: 'scalasanslfregular', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1.25em;
  color: #666666;
  -webkit-font-smoothing: antialiased; }

p {
  margin: 1em 0; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5em; }

h1 {
  font-family: 'scalalfregular', Georgia, Times, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.75em;
  color: #607f9b;
  line-height: .25em;
  line-height: 1.375em;
  margin-top: 0;
  -webkit-font-smoothing: antialiased; }

h2 {
  font-family: 'scalasanslfbold', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.375em;
  line-height: 1.25em;
  color: #607f9b;
  -webkit-font-smoothing: antialiased; }

h3 {
  font-family: 'scalasanslfbold', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  line-height: 1.375em;
  color: #84a267;
  -webkit-font-smoothing: antialiased; }

h4 {
  font-family: 'scalasanslfbold', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.125em;
  line-height: 1.25em;
  color: #87a6bb;
  -webkit-font-smoothing: antialiased; }

h5 {
  font-family: 'scalasanslfbold', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1.25em;
  color: #84a267;
  -webkit-font-smoothing: antialiased; }

h6, h7, h8 {
  font-size: 1em;
  color: #84a267;
  -webkit-font-smoothing: antialiased; }

@media screen and (max-width: 768px) {
  h1 {
    font-size: 1.625em;
    line-height: 1.25em;
    margin-top: 0; }

  h2 {
    font-size: 1.375em; }

  h3 {
    font-size: 1.25em; }

  h4, h5, h6 {
    font-size: 1.125em; } }
/***********************************************************************************/
/* Column Code */
/***********************************************************************************/
.span_12 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 100%; }
  .span_12:last-child {
    margin-right: 0; }

.span_11 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 91.48936%; }
  .span_11:last-child {
    margin-right: 0; }

.span_10 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 82.97872%; }
  .span_10:last-child {
    margin-right: 0; }

.span_9 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 74.46809%; }
  .span_9:last-child {
    margin-right: 0; }

.span_8 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 65.95745%; }
  .span_8:last-child {
    margin-right: 0; }

.span_7 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 57.44681%; }
  .span_7:last-child {
    margin-right: 0; }

.span_6 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 48.93617%; }
  .span_6:last-child {
    margin-right: 0; }

.span_5 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 40.42553%; }
  .span_5:last-child {
    margin-right: 0; }

.span_4 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 31.91489%; }
  .span_4:last-child {
    margin-right: 0; }

.span_3 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 23.40426%; }
  .span_3:last-child {
    margin-right: 0; }

.span_2 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 14.89362%; }
  .span_2:last-child {
    margin-right: 0; }

.span_1 {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 6.38298%; }
  .span_1:last-child {
    margin-right: 0; }

.shift_1 {
  margin-left: 8.51064%; }

.shift_2 {
  margin-left: 17.02128%; }

.shift_3 {
  margin-left: 25.53191%; }

.shift_4 {
  margin-left: 34.04255%; }

.shift_5 {
  margin-left: 42.55319%; }

.shift_6 {
  margin-left: 51.06383%; }

.shift_7 {
  margin-left: 400%; }

.shift_8 {
  margin-left: 68.08511%; }

.shift_9 {
  margin-left: 76.59574%; }

.shift_10 {
  margin-left: 85.10638%; }

.shift_11 {
  margin-left: 93.61702%; }

.shift_12 {
  margin-left: 102.12766%; }

.omega, .last {
  margin-right: 0; }

/***********************************************************************************/
/* Mobile Columns */
/***********************************************************************************/
@media screen and (max-width: 320px) {
  *[class*='span'], *[class^=' span'] {
    display: block;
    float: left;
    margin-right: 2.12766%;
    width: 100%;
    margin-right: 0; }
    *[class*='span']:last-child, *[class^=' span']:last-child {
      margin-right: 0; }

  *[class*='shift'], *[class^=' shift'] {
    margin-left: 0; } }
/*-------------------------------------- Global Styles ---------------------------------------*/
.mobile_only {
  display: none; }

.small_portrait_only {
  display: none; }

.my-gallery-portrait {
  display: none; }

.navContain {
  display: none; }

strong, b {
  font-family: 'scalasanslfbold', sans-serif;
  font-weight: normal;
  font-style: normal; }

em {
  font-family: 'scalasanslfitalic', sans-serif;
  font-weight: normal;
  font-style: normal; }

hr {
  height: 1px;
  width: 100%;
  display: block;
  margin: 1.5em 0;
  padding: 0;
  border: none;
  background: #87a6bb; }

.content {
  padding-top: 1em;
  padding-bottom: 1em; }

a {
  color: #607f9b;
  text-decoration: underline; }

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

a img {
  border: none; }

a {
  outline: none; }

.img_100 {
  width: 100%; }

.img_75 {
  width: 75%; }

.img_btn {
  margin: 1.5em auto;
  text-align: center;
  width: 100%; }
  .img_btn:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    /* For IE8 and earlier */ }

.side_padding {
  padding-right: 1em;
  padding-left: 1em; }

.white_fill {
  background: white; }

.google-maps {
  position: relative;
  height: 404px !important;
  overflow: hidden;
  border-top: solid 4px #84a267; }

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 404px !important; }

.center {
  text-align: center; }

.top30 {
  margin-top: 30px; }

/*-------------------------------------- Structure ---------------------------------------*/
body {
  background: white; }

.body_wrapper {
  background: white;
  /*background: url('../images/bg.jpg') top center repeat;*/ }

.inside-960 {
  width: 960px;
  margin: 0 auto;
  zoom: 1;
  position: relative; }
  .inside-960:before, .inside-960:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .inside-960:after {
    clear: both; }

article ul {
  margin: 1em 0 1em 1.5em; }
  article ul li {
    list-style: disc;
    padding: .25em .25em 1em .25em; }
    article ul li ul {
      margin-left: 0; }
      article ul li ul li {
        list-style: none; }
        article ul li ul li:before {
          content: "-";
          margin-right: .25em; }

/*-------------------------------------- Header ---------------------------------------*/
header.masthead {
  height: 100px;
  padding: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #bdcc96;
  zoom: 1; }
  header.masthead:before, header.masthead:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  header.masthead:after {
    clear: both; }
  header.masthead .inside-960 {
    padding: 0; }
  header.masthead .logo {
    font-family: 'scalalfcaps', Georgia, Times, serif;
    font-weight: normal;
    font-style: normal;
    text-transform: capitalize;
    font-size: 2.125em;
    letter-spacing: .15em;
    height: 68px;
    color: white;
    padding: 20px 0;
    display: block;
    float: left;
    margin-right: 2.12766%;
    width: 100%;
    margin-right: 0;
    -webkit-font-smoothing: antialiased; }
    header.masthead .logo:last-child {
      margin-right: 0; }
    header.masthead .logo a {
      display: block;
      color: white;
      text-decoration: none; }
      header.masthead .logo a:hover {
        color: black; }
  header.masthead .mainNav {
    display: block;
    float: left;
    margin-right: 2.12766%;
    width: 100%;
    margin-right: 0;
    background: #87a6bb;
    margin: 0 0 15px 0;
    padding: 0 1em; }
    header.masthead .mainNav:last-child {
      margin-right: 0; }
    header.masthead .mainNav ul, header.masthead .mainNav .menu {
      position: relative; }
      header.masthead .mainNav ul li, header.masthead .mainNav .menu li {
        position: relative;
        display: inline-block;
        padding: .4em 0 .4em 0;
        text-align: center; }
        header.masthead .mainNav ul li a, header.masthead .mainNav .menu li a {
          display: inline-block;
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
          font-family: 'scalasanslfbold', sans-serif;
          font-weight: normal;
          font-style: normal;
          color: white;
          text-decoration: none;
          font-size: 1em;
          margin: 0 2.25em; }
          header.masthead .mainNav ul li a:hover, header.masthead .mainNav .menu li a:hover {
            color: black; }
        header.masthead .mainNav ul li a.hover_nav, header.masthead .mainNav .menu li a.hover_nav {
          color: black; }
        header.masthead .mainNav ul li ul, header.masthead .mainNav .menu li ul {
          display: none;
          position: absolute;
          top: 99%;
          left: 0;
          width: 200px;
          padding-top: 0px;
          z-index: 9999; }
          header.masthead .mainNav ul li ul li, header.masthead .mainNav .menu li ul li {
            padding: 0;
            margin: 0; }
            header.masthead .mainNav ul li ul li a, header.masthead .mainNav ul li ul li a.hover_nav, header.masthead .mainNav .menu li ul li a, header.masthead .mainNav .menu li ul li a.hover_nav {
              color: white;
              background: #607f9b;
              display: block;
              margin: 0;
              padding: .5em 0;
              width: 200px;
              -webkit-transition: all 0.2s ease;
              -moz-transition: all 0.2s ease;
              -o-transition: all 0.2s ease;
              transition: all 0.2s ease;
              font-family: 'scalasanslfregular', sans-serif;
              font-weight: normal;
              font-style: normal;
              font-size: 0.875em; }
              header.masthead .mainNav ul li ul li a:hover, header.masthead .mainNav ul li ul li a.hover_nav:hover, header.masthead .mainNav .menu li ul li a:hover, header.masthead .mainNav .menu li ul li a.hover_nav:hover {
                color: black;
                background: #87a6bb; }
      header.masthead .mainNav ul li.current_page_item > a, header.masthead .mainNav ul li.current_page_parent > a, header.masthead .mainNav ul li.current-page-ancestor > a, header.masthead .mainNav .menu li.current_page_item > a, header.masthead .mainNav .menu li.current_page_parent > a, header.masthead .mainNav .menu li.current-page-ancestor > a {
        color: #84a267;
        border: solid thin blue; }
      header.masthead .mainNav ul li.current_page_item ul li a, header.masthead .mainNav ul li.current_page_parent ul li a, header.masthead .mainNav ul li.current-page-ancestor ul li a, header.masthead .mainNav .menu li.current_page_item ul li a, header.masthead .mainNav .menu li.current_page_parent ul li a, header.masthead .mainNav .menu li.current-page-ancestor ul li a {
        color: #FFF;
        border: solid thin red; }

/*-------------------------------------- Body Content ---------------------------------------*/
.container {
  zoom: 1;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  clear: both; }
  .container:before, .container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .container:after {
    clear: both; }

.feature {
  /*height: 900px;*/
  margin: 20px 0;
  background: white; }

.feature-mobile, .feature-mobile2 {
  display: none; }

.message-left_right {
  display: block;
  height: 100px;
  padding: 15px 160px 0 160px;
  background: url("../images/message-left_right.png") left center no-repeat; }

.box1 {
  display: inline-block;
  font-family: 'scalasanslfbold', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.375em;
  color: #84a267;
  /*background: $color7;*/
  padding: .75em;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: solid 1px #87a6bb; }

.video-box iframe {
  width: 470px;
  height: 353px;
  display: inline-block;
  font-family: 'scalasanslfbold', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.375em;
  color: white;
  background: black;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

/*--------------------------------------  PhotoSwipe  --------------------------------------*/
.my-gallery a .thumbnail {
  /*@include span-columns(3);*/
  display: block;
  float: left;
  line-height: 0;
  margin-bottom: 20px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }
  .my-gallery a .thumbnail:hover {
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */ }

.my-gallery figure {
  display: none; }

/*-------------------------------------- Footer ---------------------------------------*/
footer {
  clear: left;
  background: white;
  padding: 1.5em 0; }
  footer .container {
    background-color: #666666; }
  footer .footer_line_1 {
    zoom: 1; }
    footer .footer_line_1:before, footer .footer_line_1:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    footer .footer_line_1:after {
      clear: both; }
  footer .copyright {
    clear: both;
    margin: 1em 0;
    font-size: 0.6875em;
    color: #87a6bb;
    text-align: center; }
    footer .copyright a {
      color: #87a6bb;
      text-decoration: none;
      -webkit-transition: color 0.2s ease;
      -moz-transition: color 0.2s ease;
      -o-transition: color 0.2s ease;
      transition: color 0.2s ease; }
      footer .copyright a:hover {
        color: #607f9b; }

/*-------------------------------------- Imports ---------------------------------------*/
/***********************************************************************************/
/* CSS Buttons */
/***********************************************************************************/
body .button, body input[type="submit"] {
  font-family: 'scalasanslfregular', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  padding: .5em 1.5em;
  /*border: 2px solid #FFF;*/
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-decoration: none;
  min-width: 200px;
  text-align: center; }
body .button1 {
  color: #FFF;
  background: #87a6bb;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  body .button1:hover {
    color: #FFF;
    background: #607f9b;
    text-decoration: none;
    cursor: pointer; }
body .button2 {
  color: #FFF;
  background: #bdcc96;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  body .button2:hover {
    color: #FFF;
    background: #84a267;
    text-decoration: none;
    cursor: pointer; }
body .button_container {
  margin-top: 1em; }
body .lg_button {
  font-family: 'scalasanslfregular', sans-serif;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size: 1.125em;
  width: 100%;
  background: #87a6bb;
  color: #FFF;
  padding: .75em 0;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  body .lg_button:hover {
    color: white;
    background: #607f9b; }
body input[type="submit"] {
  color: #FFF;
  background: #87a6bb;
  border: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  body input[type="submit"]:hover {
    color: #FFF;
    background: #607f9b;
    text-decoration: none;
    cursor: pointer; }
@media screen and (max-width: 768px) {
  body .lg_button {
    font-size: 1.125em;
    padding: .75em 0; } }

/***********************************************************************************/
/* Form Fields, Inputs, Textareas */
/***********************************************************************************/
/*-------------------------------------- Form Elements ---------------------------------------*/
/* Main Pages */
.contact {
  padding: 0;
  /* Placeholder Text Color */ }
  .contact input[type="text"], .contact textarea, .contact input[type="email"], .contact input[type="tel"], .contact input[type="password"], .contact select {
    background: white;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: black;
    width: 100%;
    padding: .75em;
    font-size: 14px;
    margin: 0 0 1em 0;
    border: 2px solid white;
    -webkit-box-shadow: 0px 2px 5px 2px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 2px 5px 2px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 5px 2px rgba(50, 50, 50, 0.3); }
    .contact input[type="text"]:focus, .contact textarea:focus, .contact input[type="email"]:focus, .contact input[type="tel"]:focus, .contact input[type="password"]:focus, .contact select:focus {
      border: solid 2px #87a6bb;
      color: black; }
  .contact textarea {
    width: 100%; }
  .contact select {
    height: 2em; }
  .contact ::-webkit-input-placeholder {
    color: #bdcc96; }
  .contact :-moz-placeholder {
    /* Firefox 18- */
    color: #bdcc96; }
  .contact ::-moz-placeholder {
    /* Firefox 19+ */
    color: #bdcc96; }
  .contact :-ms-input-placeholder {
    color: #bdcc96; }
  .contact .error {
    color: #cc0000;
    font-size: 16px; }

/*-------------------------------------- Small Screens Import ---------------------------------------*/
@media screen and (max-width: 960px) {
  /***********************************************************************************/
  /* Desktop Min View */
  /***********************************************************************************/
  img, object, video, embed {
    max-width: 100%;
    height: auto !important; }

  .body_wrapper {
    zoom: 1;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .body_wrapper:before, .body_wrapper:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .body_wrapper:after {
      clear: both; }

  .inside-960 {
    width: 100%;
    margin: 0 auto;
    zoom: 1;
    position: relative; }
    .inside-960:before, .inside-960:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .inside-960:after {
      clear: both; }

  .default_page {
    margin: 0;
    width: 100%;
    clear: both; }

  header.masthead {
    width: 100%;
    margin-right: 0; }
    header.masthead .mainNav ul li a {
      margin-right: .3em; }

  .container {
    padding: 0 10px; }

  .my-gallery-portrait {
    display: none; }

  .pswp__caption {
    background: #FFF; }

  /***********************************************************************************/
  /* iPad Portrait */
  /***********************************************************************************/
  /***********************************************************************************/
  /* iPhone 6 Plus Landscape */
  /***********************************************************************************/
  /***********************************************************************************/
  /* iPhone 6 Landscape */
  /***********************************************************************************/
  /***********************************************************************************/
  /* iPhone 5 Landscape */
  /***********************************************************************************/
  /***********************************************************************************/
  /* iPhone 4 Landscape */
  /***********************************************************************************/
  /***********************************************************************************/
  /* iPhone 6 Plus Portrait */
  /***********************************************************************************/
  /***********************************************************************************/
  /* iPhone 6 Portrait */
  /***********************************************************************************/
  /***********************************************************************************/
  /* iPhone 4 and 5 Portrait */
  /***********************************************************************************/ }
@media screen and (max-width: 960px) and (max-width: 940px) {
  .body_wrapper, .container {
    zoom: 1;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .body_wrapper:before, .body_wrapper:after, .container:before, .container:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .body_wrapper:after, .container:after {
      clear: both; } }
@media screen and (max-width: 960px) and (max-width: 768px) {
  .mobile_only {
    display: block; }

  .big_screen_only {
    display: none; }

  .small_portrait_only {
    display: none; }

  .my-gallery-portrait {
    display: none; }

  header.masthead {
    height: 87px;
    margin: 0;
    padding: 0; }
    header.masthead .logo {
      font-size: 1.875em; }
      header.masthead .logo a {
        padding: 10px; }
    header.masthead .mainNav {
      display: none; }
    header.masthead .navTrigger {
      display: block;
      width: 40px;
      height: 40px;
      font-size: 30px;
      padding: 5px 0 0 7px;
      color: #87a6bb;
      position: absolute;
      bottom: 28px;
      right: 20px; }
      header.masthead .navTrigger:hover {
        color: #87a6bb; }

  .navContain {
    position: absolute;
    width: 100%;
    z-index: 999; }

  .mobileNav ul li a {
    color: white;
    font-family: 'scalasanslfregular', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.125em;
    text-align: center;
    background: #607f9b;
    display: block;
    width: 100%;
    padding: .65em 0;
    border-top: 1px solid #87a6bb;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .mobileNav ul li a:hover {
      background: #607f9b;
      color: black; }
  .mobileNav ul li ul li a {
    background: #bdcc96;
    color: #84a267;
    border-top: 1px solid #84a267; }

  body .navContain {
    top: 87px; }

  body.customize-support .navContain {
    top: 181px; }

  .feature-mobile {
    display: none; }

  .content {
    padding-top: .75em;
    padding-bottom: .75em; }

  .message-left_right {
    display: block;
    height: auto;
    background: none;
    padding: 0;
    clear: right; } }
@media screen and (max-width: 960px) and (max-width: 736px) {
  header.masthead {
    height: 87px; }
    header.masthead .navTrigger {
      bottom: 26px;
      right: 15px; }

  .feature {
    display: none; }

  .feature-mobile {
    display: block;
    margin: 20px 0 0 0; }

  .my-gallery-portrait {
    display: none; } }
@media screen and (max-width: 960px) and (max-width: 667px) {
  .sidebar_border {
    border: none;
    margin-right: 0; }

  article.single-post {
    padding-left: 0;
    padding-right: 0; }

  aside.sidebar {
    border-top: 1px solid #bdcc96;
    margin-top: 1em;
    padding: 2em 0;
    display: block;
    float: left;
    margin-right: 2.12766%;
    width: 100%;
    clear: left;
    margin-right: 0;
    margin-top: -1em; }
    aside.sidebar:last-child {
      margin-right: 0; }

  .lg_button {
    padding: 1em 0; } }
@media screen and (max-width: 960px) and (max-width: 568px) {
  header.masthead {
    height: 87px; }
    header.masthead .logo a {
      width: 414px;
      height: 87px; }
    header.masthead .navTrigger {
      top: 22px;
      right: 30px; }

  .feature {
    display: none; }

  .feature-mobile {
    display: block;
    margin: 20px 0 0 0; }

  span.line_break {
    display: block; }

  nav.utilityNav {
    display: none; }

  .lg_button {
    padding: .65em 0; }

  footer.footer div {
    text-align: center;
    margin: .4em 0; }
  footer.footer .fr {
    float: none; } }
@media screen and (max-width: 960px) and (max-width: 480px) {
  .feature {
    display: none; }

  .feature-mobile {
    display: block; } }
@media screen and (max-width: 960px) and (max-width: 414px) {
  .my-gallery-desktop {
    display: none; }

  .my-gallery-portrait {
    display: block; }

  .big_screen_only {
    display: none; }

  .mobile_only {
    display: none; }

  .small_portrait_only {
    display: block; }

  .side_padding {
    padding-right: .5em;
    padding-left: .5em; }

  header.masthead {
    height: 100px;
    margin: 0;
    padding: 0; }
    header.masthead .logo {
      font-size: 2.125em; }
      header.masthead .logo a {
        width: 414px;
        padding: 0; }
    header.masthead .navTrigger {
      top: 50px;
      right: 12px; }

  body .navContain {
    top: 100px; } }
@media screen and (max-width: 960px) and (max-width: 375px) {
  .big_screen_only {
    display: none; }

  .mobile_only {
    display: none; }

  .small_portrait_only {
    display: block; }

  .side_padding {
    padding-right: .25em;
    padding-left: .25em; }

  header.masthead {
    height: 100px; }
    header.masthead .logo {
      font-size: 2em; }
      header.masthead .logo a {
        width: 375px;
        padding: 0; }
    header.masthead .navTrigger {
      top: 50px;
      right: 8px; } }
@media screen and (max-width: 960px) and (max-width: 320px) {
  .side_padding {
    padding-right: 0em;
    padding-left: 0em; }

  header.masthead {
    height: 100px; }
    header.masthead .logo {
      font-size: 1.625em; }
      header.masthead .logo a {
        width: 320px;
        padding: 0; }
    header.masthead .navTrigger {
      top: 50px;
      right: 10px; } }