html {
  box-sizing: border-box; }

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

/* Bootstrapping */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark

Added reset by Christopher Bishop
*/
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;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

/* Tell the browser to render HTML 5 elements as block */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

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

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

del {
  text-decoration: line-through; }

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

/* tables still need 'cellspacing="0"' in the markup */
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; }

ol, ul {
  list-style: none; }

a:focus {
  outline: none;
  /* Removes dotted outline caused by FireFox */ }

img {
  border: none;
  /* Removes purple border caused by FireFox */ }

/* Clear Div (not suggested) */
.clear {
  clear: both; }

/* Clear Fix */
.clear-fix {
  *zoom: 1; }
  .clear-fix:before, .clear-fix:after {
    display: table;
    content: ""; }
  .clear-fix:after {
    clear: both; }

/* Partials */
/*
-----------------------------------------
ANIMATION
-----------------------------------------
*/
.preload * {
  transition: none !important; }

@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

/*
-----------------------------------------
Background Highlights
-----------------------------------------
*/
::-moz-selection {
  background: #5FA6BC;
  color: #fff; }

::selection {
  background: #5FA6BC;
  color: #fff; }

/*
-----------------------------------------
HEAD TAGS
-----------------------------------------
*/
* {
  box-sizing: border-box; }

html, body {
  height: 100%; }

html {
  /* Prevents webpage zooming for mobile devices change orientation */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 17px;
  background: #5FA6BC;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }

/*
-----------------------------------------
GENERICS
-----------------------------------------
*/
img {
  max-width: 100%; }

.relative {
  position: relative; }

.left {
  float: left; }

.right {
  float: right; }

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

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

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

.italic {
  font-style: italic; }

.bold {
  font-weight: bold; }

/*
-----------------------------------------
MOBILE ADJUSTMENTS
-----------------------------------------
*/
a:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); }

/*
-----------------------------------------
LAYOUT
-----------------------------------------
*/
.col-1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 6.1721527019%; }
  .col-1:last-child {
    margin-right: 0; }

.shift-1 {
  margin-left: 8.5298042998%; }

.col-2 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%; }
  .col-2:last-child {
    margin-right: 0; }

.shift-2 {
  margin-left: 17.0596085997%; }

.col-3 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .col-3:last-child {
    margin-right: 0; }

.shift-3 {
  margin-left: 25.5894128995%; }

.col-4 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%; }
  .col-4:last-child {
    margin-right: 0; }

.shift-4 {
  margin-left: 34.1192171993%; }

.col-5 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%; }
  .col-5:last-child {
    margin-right: 0; }

.shift-5 {
  margin-left: 42.6490214991%; }

.col-6 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .col-6:last-child {
    margin-right: 0; }

.shift-6 {
  margin-left: 51.178825799%; }

.col-7 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%; }
  .col-7:last-child {
    margin-right: 0; }

.shift-7 {
  margin-left: 59.7086300988%; }

.col-8 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%; }
  .col-8:last-child {
    margin-right: 0; }

.shift-8 {
  margin-left: 68.2384343986%; }

.col-9 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%; }
  .col-9:last-child {
    margin-right: 0; }

.shift-9 {
  margin-left: 76.7682386985%; }

.col-10 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%; }
  .col-10:last-child {
    margin-right: 0; }

.shift-10 {
  margin-left: 85.2980429983%; }

.col-11 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 91.4701957002%; }
  .col-11:last-child {
    margin-right: 0; }

.shift-11 {
  margin-left: 93.8278472981%; }

.col-12 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%; }
  .col-12:last-child {
    margin-right: 0; }

.shift-12 {
  margin-left: 102.357651598%; }

main {
  background: #fff; }

.container {
  padding: 0 20px;
  background: #fff; }
  .container.primary {
    background: #5FA6BC; }
  .container.off-white {
    background: #F6F6F6; }

.content {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 70px 0; }
  .content.small-content {
    max-width: 600px; }

.module {
  margin-bottom: 20px; }

.module-large {
  margin-bottom: 30px; }

/* Page Header */
.page-header .content {
  padding: 50px 0 30px;
  text-align: center; }
  .page-header .content h1 {
    padding-right: 20px;
    padding-left: 20px;
    display: inline-block; }

.feature-banner .banner-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .feature-banner .banner-container .graphic {
    -ms-flex-order: 2;
        order: 2;
    -ms-flex: 0 0 350px;
        flex: 0 0 350px;
    margin-left: 60px;
    text-align: right; }
  .feature-banner .banner-container .about {
    -ms-flex-order: 1;
        order: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .feature-banner .banner-container.reverse .graphic {
    -ms-flex-order: 1;
        order: 1;
    margin-left: 0;
    margin-right: 80px;
    text-align: left; }
  .feature-banner .banner-container.reverse .about {
    -ms-flex-order: 2;
        order: 2;
    text-align: right; }
  @media only screen and (max-width: 768px) {
    .feature-banner .banner-container {
      -ms-flex-direction: column;
          flex-direction: column; }
      .feature-banner .banner-container .graphic {
        -ms-flex-order: 1;
            order: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin: 0 auto 40px;
        max-width: 400px; }
      .feature-banner .banner-container .about {
        -ms-flex-order: 2;
            order: 2;
        text-align: center; }
      .feature-banner .banner-container.reverse .graphic {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin: 0 auto 40px; }
      .feature-banner .banner-container.reverse .about {
        text-align: center; } }

.feature-banner .banner-content {
  margin-bottom: 35px; }

.dual {
  column-count: 2;
  column-gap: 20px; }
  @media only screen and (max-width: 768px) {
    .dual {
      column-count: auto; } }

/*
-----------------------------------------
Fonts
-----------------------------------------
*/
/*
-----------------------------------------
TYPOGRAPHY
-----------------------------------------
*/
/*  Basics */
a {
  color: #5FA6BC;
  transition: all 0.2s linear;
  text-decoration: none; }
  a:hover {
    color: #83bacb; }

p {
  font-size: 17px;
  font-size: 1rem;
  line-height: 1.6em;
  color: #4A4A4A;
  margin-bottom: 10px; }

blockquote {
  padding: 5px 0 5px 20px;
  border-left: 4px solid #5FA6BC;
  margin-bottom: 20px; }
  blockquote p {
    font-size: 22px;
    font-size: 1.2941176471rem; }
    blockquote p:last-child {
      margin-bottom: 0; }

hr {
  border-top: 1px dashed #D2D2D2;
  max-width: 520px;
  margin: 50px auto 60px; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
  font-family: "Archivo Black", sans-serif;
  color: #747474;
  line-height: 1.4em; }
  h1.no-bottom, h2.no-bottom, h3.no-bottom, h4.no-bottom, h5.no-bottom, h6.no-bottom {
    margin-bottom: 0; }

h1 {
  font-size: 20px;
  font-size: 1.1764705882rem;
  padding-bottom: 15px;
  border-bottom: 1px solid #dddcdc; }

h2 {
  font-size: 20px;
  font-size: 1.1764705882rem;
  margin-bottom: 20px; }
  h2:last-child {
    margin-bottom: 0; }

figure {
  display: inline-block;
  margin-bottom: 20px; }
  figure img {
    margin-bottom: 5px; }
  figure figcaption {
    text-align: right;
    color: #4A4A4A;
    font-size: 14px;
    font-size: 0.8235294118rem;
    line-height: 1.6em; }

.general-content h1, .general-content h2, .general-content h3, .general-content h4, .general-content h5, .general-content h6 {
  margin-bottom: 15px; }

.general-content h1 {
  font-size: 24px;
  font-size: 1.4117647059rem;
  margin-top: 0; }
  .general-content h1:before {
    display: none; }

.general-content h2 {
  font-size: 22px;
  font-size: 1.2941176471rem; }

.general-content h3 {
  font-size: 20px;
  font-size: 1.1764705882rem; }

.general-content h4 {
  font-size: 18px;
  font-size: 1.0588235294rem; }

.general-content h5 {
  font-size: 16px;
  font-size: 0.9411764706rem; }

.general-content h6 {
  font-size: 14px;
  font-size: 0.8235294118rem; }

.general-content ul, .general-content ol {
  margin: 0 0 15px 15px; }
  .general-content ul ul, .general-content ul ol, .general-content ol ul, .general-content ol ol {
    margin-top: 20px; }

.general-content ul {
  list-style: disc; }

.general-content ol {
  list-style: decimal; }

.general-content li {
  color: #4A4A4A;
  line-height: 1.3em;
  font-size: 17px;
  font-size: 1rem;
  margin-bottom: 5px; }

.general-content img {
  margin: 0 0 15px; }

/*
-----------------------------------------
BUTTONS
-----------------------------------------
*/
.button, input[type="submit"].button {
  cursor: pointer;
  background: none;
  display: inline-block;
  width: auto;
  color: #5FA6BC;
  border: 1px solid #5FA6BC;
  padding: 13px 45px;
  border-radius: 5px;
  font-size: 16px;
  font-size: 0.9411764706rem;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  transition: all 0.2s linear;
  -webkit-appearance: none; }
  .button:hover, input[type="submit"].button:hover {
    border-color: #448da4;
    color: #448da4; }
  .button.white, input[type="submit"].button.white {
    border-color: #fff;
    color: #fff; }
    .button.white:hover, input[type="submit"].button.white:hover {
      border-color: rgba(255, 255, 255, 0.7); }

@media only screen and (max-width: 480px) {
  .button, input[type="submit"].button {
    display: block;
    width: 100%;
    text-align: center; } }

/* Button Group */
.button-group {
  text-align: right;
  margin-top: 20px; }
  .button-group.button-group-center {
    text-align: center; }

.section-button {
  margin-top: 30px; }

/*
-----------------------------------------
TABLES
-----------------------------------------
*/
.cell5 {
  width: 5%; }

.cell10 {
  width: 10%; }

.cell15 {
  width: 15%; }

.cell20 {
  width: 20%; }

.cell25 {
  width: 25%; }

.cell30 {
  width: 30%; }

.cell35 {
  width: 35%; }

.cell40 {
  width: 40%; }

.cell45 {
  width: 45%; }

.cell50 {
  width: 50%; }

.cell55 {
  width: 55%; }

.cell60 {
  width: 60%; }

.cell65 {
  width: 65%; }

.cell70 {
  width: 70%; }

.cell75 {
  width: 75%; }

.cell80 {
  width: 80%; }

.cell85 {
  width: 85%; }

.cell90 {
  width: 90%; }

.cell95 {
  width: 95%; }

.responsive-table {
  width: 100%;
  margin-bottom: 20px; }
  .responsive-table ul {
    margin-bottom: 20px; }
    .responsive-table ul li {
      position: relative;
      padding: 15px 10px;
      border-bottom: 1px solid #cecece;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      width: 100%; }
      .responsive-table ul li:last-child {
        border-bottom: none; }
      .responsive-table ul li.header {
        background: #5FA6BC !important;
        padding: 10px; }
        .responsive-table ul li.header .cell {
          color: #fff;
          font-size: 14px;
          font-size: 0.8235294118rem; }
      .responsive-table ul li.no-data {
        padding: 20px; }
        .responsive-table ul li.no-data p {
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
          font-size: 18px;
          font-size: 1.0588235294rem;
          margin: 0;
          text-align: center; }
    .responsive-table ul .cell {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      vertical-align: top;
      font-size: 14px;
      font-size: 0.8235294118rem;
      padding-right: 15px;
      color: #4A4A4A;
      line-height: 1.3em; }
  .responsive-table.stripe li:nth-child(odd) {
    background: #fff; }
  .responsive-table.stripe li:nth-child(even) {
    background: #F6F6F6; }
  .responsive-table .desktop-hidden {
    display: none; }

/* END Responsive Table */
.water-compare.responsive-table {
  margin-bottom: 0; }
  .water-compare.responsive-table .brand {
    width: 150px; }
  .water-compare.responsive-table .ph {
    width: 100px; }
  .water-compare.responsive-table .source-treatment {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  @media only screen and (max-width: 600px) {
    .water-compare.responsive-table li {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .water-compare.responsive-table li.header {
        display: none; }
    .water-compare.responsive-table .desktop-hidden {
      display: block;
      font-weight: bold;
      color: #5FA6BC; }
    .water-compare.responsive-table .brand {
      width: 100%;
      font-size: 16px;
      font-size: 0.9411764706rem;
      margin-bottom: 10px; }
    .water-compare.responsive-table .ph {
      width: 20%; }
    .water-compare.responsive-table .source-treatment {
      width: 80%; } }

/*
-----------------------------------------
FORMS
-----------------------------------------
*/
form .buttons {
  text-align: right; }

label {
  display: block;
  font-size: 15px;
  font-size: 0.8823529412rem;
  color: #4A4A4A;
  margin-bottom: 10px;
  line-height: 1.4em; }

input, textarea {
  width: 100%;
  border: 1px solid #C7C7C7;
  padding: 10px;
  font-size: 16px;
  font-size: 0.9411764706rem;
  color: #4A4A4A;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 5px;
  transition: all 0.2s linear; }
  input:disabled, textarea:disabled {
    color: #9B9B9B;
    background: #fff; }
  input:focus, textarea:focus {
    color: #5FA6BC;
    outline: none;
    border-color: #5FA6BC; }

textarea {
  width: 100%;
  outline: none;
  height: 150px;
  padding: 8px 10px;
  font-size: 16px;
  font-size: 0.9411764706rem;
  color: #4A4A4A;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  textarea:disabled {
    color: #9B9B9B; }
  textarea.small {
    min-height: 100px; }
  textarea.large {
    min-height: 250px; }

select {
  width: 100%; }

.price {
  display: none; }

::-webkit-input-placeholder {
  color: #ddd; }

::-moz-placeholder {
  color: #ddd; }

:-ms-input-placeholder {
  color: #ddd; }

input:-moz-placeholder {
  color: #ddd; }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="file"],
textarea {
  -webkit-appearance: none; }

input[type="search"] {
  -webkit-appearance: none; }

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

/* Form Styles */
.field-group {
  *zoom: 1; }
  .field-group:before, .field-group:after {
    display: table;
    content: ""; }
  .field-group:after {
    clear: both; }

.field, .form-field, .form-group {
  margin-bottom: 20px; }

.checkbox-custom {
  min-height: 22px;
  margin-bottom: 15px; }
  .checkbox-custom label {
    position: relative;
    padding: 4px 0 0 35px;
    z-index: 2; }
    .checkbox-custom label:before {
      content: '';
      width: 22px;
      height: 22px;
      cursor: pointer;
      position: absolute;
      background: #fff;
      left: 0;
      top: 0;
      border: 2px solid #9B9B9B;
      border-radius: 5px; }
    .checkbox-custom label:after {
      content: '';
      width: 12px;
      height: 7px;
      position: absolute;
      top: 7px;
      left: 5px;
      border: 3px solid #5FA6BC;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .checkbox-custom label:hover::after {
      opacity: 0.2; }
    .checkbox-custom label .label-container {
      font-size: 14px;
      font-size: 0.8235294118rem;
      line-height: 1.3em;
      margin-top: -2px;
      display: block;
      text-transform: none; }
  .checkbox-custom input[type=checkbox] {
    height: 0;
    width: 0;
    position: absolute;
    left: -9999px; }
    .checkbox-custom input[type=checkbox]:checked + label:after {
      opacity: 1;
      border-color: #5FA6BC; }
    .checkbox-custom input[type=checkbox]:checked + label:before {
      border-color: #5FA6BC; }
    .checkbox-custom input[type=checkbox]:focus + label:before {
      border-color: #828181; }
    .checkbox-custom input[type=checkbox]:focus:checked + label:before {
      border-color: #5FA6BC; }

.radio-custom {
  min-height: 22px;
  margin-bottom: 15px; }
  .radio-custom:last-child {
    margin-bottom: 0; }
  .radio-custom.special {
    padding: 10px 10px;
    background: #F6F6F6;
    border-radius: 5px; }
  .radio-custom label {
    position: relative;
    z-index: 2;
    padding: 4px 0 0 35px;
    margin-bottom: 0; }
    .radio-custom label:before {
      content: '';
      width: 22px;
      height: 22px;
      cursor: pointer;
      position: absolute;
      background: #fff;
      left: 0;
      top: 0;
      border: 2px solid #9B9B9B;
      border-radius: 50%; }
    .radio-custom label:after {
      content: '';
      width: 12px;
      height: 12px;
      border-radius: 50%;
      position: absolute;
      top: 5px;
      left: 5px;
      background: #5FA6BC;
      opacity: 0; }
    .radio-custom label:hover::after {
      opacity: 0.2; }
    .radio-custom label .label-container {
      font-size: 14px;
      font-size: 0.8235294118rem;
      line-height: 1.3em;
      margin-top: -2px;
      display: block;
      text-transform: none;
      *zoom: 1; }
      .radio-custom label .label-container:before, .radio-custom label .label-container:after {
        display: table;
        content: ""; }
      .radio-custom label .label-container:after {
        clear: both; }
  .radio-custom input[type=radio] {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px; }
    .radio-custom input[type=radio]:checked + label:after {
      opacity: 1;
      border-color: #5FA6BC; }
    .radio-custom input[type=radio]:checked + label:before {
      border-color: #5FA6BC; }
    .radio-custom input[type=radio]:focus + label:before {
      border-color: #828181; }
    .radio-custom input[type=radio]:focus:checked + label:before {
      border-color: #5FA6BC; }
  .radio-custom .text-right {
    float: right; }

fieldset h3 {
  display: none; }

/*
-----------------------------------------
Notifications
-----------------------------------------
*/
.notices {
  padding: 20px !important;
  margin-bottom: 20px;
  background: #d9edf7;
  border-left: 4px solid #31708f; }
  .notices p {
    color: #31708f; }
    .notices p:last-child {
      margin-bottom: 0; }
  .notices.error {
    background: #F2E7E7;
    border-left-color: #b20215; }
    .notices.error p {
      color: #b20215; }
  .notices.notice {
    background: #fcf8e3;
    border-left-color: #8a6d3b; }
    .notices.notice p {
      color: #8a6d3b; }
  .notices.success {
    background: #dff0d8;
    border-left-color: #3c763d; }
    .notices.success p {
      color: #3c763d; }

/* Modules */
/*
-----------------------------------------
MASTHEAD
-----------------------------------------
*/
.masthead {
  background: #fff; }
  .masthead .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 30px 0; }

.main-logo {
  margin-right: 20px; }
  .main-logo img {
    width: 94px;
    height: 34px; }

/*
-----------------------------------------
FOOTER
-----------------------------------------
*/
.site-footer .content {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center; }

.site-footer p {
  font-size: 12px;
  font-size: 0.7058823529rem;
  color: #fff; }

.site-footer a {
  color: #fff; }

/* Close Button */
.close-button {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  text-indent: 16px;
  border: none;
  z-index: 1001;
  background: transparent;
  color: transparent;
  cursor: pointer; }
  .close-button:before, .close-button:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #5FA6BC; }
  .close-button:before {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  .close-button:after {
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }

@media only screen and (max-width: 720px) {
  .show-menu .menu-wrap {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

.show-menu {
  overflow-y: hidden; }

/* Menu */
.menu-wrap {
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  font-size: 1.15em;
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  backface-visibility: hidden;
  transition: transform 0.3s;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.93);
  padding: 20px 20px 36px 30px; }

.mobile-nav ul {
  position: relative;
  z-index: 2000;
  margin-top: 60px;
  padding-bottom: 20px; }

.mobile-nav li {
  margin-bottom: 0;
  opacity: 0;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  transition: all ease .35s; }
  .mobile-nav li.active a {
    color: #5FA6BC; }
  .show-menu .mobile-nav li {
    opacity: 1;
    -ms-transform: translateX(0);
        transform: translateX(0);
    transition-delay: 0 !important; }
  .mobile-nav li:nth-child(1) {
    transition-delay: 350ms; }
  .mobile-nav li:nth-child(2) {
    transition-delay: 400ms; }
  .mobile-nav li:nth-child(3) {
    transition-delay: 450ms; }
  .mobile-nav li:nth-child(4) {
    transition-delay: 500ms; }
  .mobile-nav li:nth-child(5) {
    transition-delay: 550ms; }
  .mobile-nav li:nth-child(6) {
    transition-delay: 600ms; }
  .mobile-nav li:nth-child(7) {
    transition-delay: 650ms; }

.mobile-nav a {
  padding: 15px 0;
  display: block;
  font-size: 18px;
  font-size: 1.0588235294rem;
  color: #4A4A4A; }
  .mobile-nav a:hover {
    color: #5FA6BC; }
  .mobile-nav a.button {
    border: none;
    padding: 15px 0; }
    @media only screen and (max-width: 480px) {
      .mobile-nav a.button {
        text-align: left; } }

.main-nav {
  margin-left: auto; }
  .main-nav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .main-nav li {
    margin-right: 35px; }
    .main-nav li:last-child {
      margin-right: 0; }
    .main-nav li.active a {
      color: #5FA6BC; }
  .main-nav a {
    padding: 10px;
    display: block;
    color: #4A4A4A;
    font-size: 14px;
    font-size: 0.8235294118rem;
    transition: all 0.2s linear; }
    .main-nav a.button {
      padding: 15px 25px; }
    .main-nav a:hover {
      color: #5FA6BC; }
  .main-nav .menu-open {
    cursor: pointer;
    display: none; }
    .main-nav .menu-open:hover svg {
      fill: #5FA6BC; }
    .main-nav .menu-open svg {
      width: 30px;
      height: 21px;
      fill: #4A4A4A;
      transition: all 0.2s linear; }
  @media only screen and (max-width: 720px) {
    .main-nav ul {
      display: none; }
    .main-nav .menu-open {
      display: block; } }

/*
-----------------------------------------
HOMEPAGE
-----------------------------------------
*/
.hero-banner {
  width: 100%;
  padding: 0 20px; }
  .hero-banner > div {
    z-index: 1 !important; }
  .hero-banner .inner-content {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 185px 0 130px;
    max-width: 400px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .hero-banner .inner-content {
        padding: 25% 0 15%; } }
  .hero-banner h1 {
    color: #fff;
    margin: 0 0 30px;
    font-size: 20px;
    font-size: 1.1764705882rem;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }
  .hero-banner p {
    color: #fff; }
  .hero-banner .button {
    margin-top: 40px; }

/*
-----------------------------------------
BLOG
-----------------------------------------
*/
.blog-item-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .blog-item-container article {
    width: 45%;
    margin-bottom: 70px; }
  @media only screen and (max-width: 768px) {
    .blog-item-container {
      display: block; }
      .blog-item-container article {
        width: 100%; } }

.blog-header {
  margin-bottom: 30px; }
  .blog-header h2 {
    margin-bottom: 5px; }
  .blog-header .blog-date {
    font-size: 14px;
    font-size: 0.8235294118rem;
    color: #9B9B9B; }

.blog-article .content {
  max-width: 700px; }

.header-image {
  display: block;
  margin-bottom: 20px; }

.read-me {
  margin-top: 30px; }

/*
-----------------------------------------
CONTACT
-----------------------------------------
*/
.phone {
  text-align: center; }
  .phone a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 20px;
    font-size: 1.1764705882rem; }
  .phone img {
    margin-right: 10px; }

/* Vendors */
/*
-----------------------------------------
VENDOR OVERRIDES
-----------------------------------------
*/
div.selector {
  border: 1px solid #C7C7C7; }
  div.selector, div.selector span {
    width: 100% !important;
    height: 40px;
    line-height: 40px; }
  div.selector span {
    font-size: 16px;
    font-size: 0.9411764706rem;
    position: relative; }
    div.selector span:after {
      content: '';
      position: absolute;
      right: 10px;
      top: 50%;
      height: 0;
      width: 0;
      margin-top: -3px;
      border-top: 6px solid #747474;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
  div.selector select {
    height: 40px; }

/* Media Queries */
@media only screen and (max-width: 768px) {
  .layout-stack-tablet {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0; } }

@media only screen and (max-width: 480px) {
  .layout-stack-mobile {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important; } }