@charset "UTF-8";

div.accent {
  background:#1793cd;
}

div.accent * {
  color:#fff;
}

html, body, div, span, h1, h2, h3, h5, p, em, img, strong, sup, ul, li, article, aside, figure, footer, header, nav, section, time {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
}

article, aside, figure, footer, header, nav, section {
  display:block;
}

nav ul {
  list-style:none;
}

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

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0;
}

html, body {
  font-family:'Open Sans',"Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;
  color:#58595b;
  font-size:14px;
  line-height:20px;
}

h1, h2, h3, h5, ul, p {
  margin-bottom:20px;
}

h1, h2, h3, h5 {
  color:#58595b;
  font-family:'Open Sans',"Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight:bold;
}

h1 {
  font-size:28px;
  line-height:40px;
}

h2 {
  font-size:25.2px;
  line-height:40px;
}

h3 {
  font-size:22.4px;
}

h5 {
  font-size:16.8px;
  margin-bottom:0;
}

a {
  color:#1793cd;
}

a:link {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

sup {
  font-size:80%;
  line-height:0;
}

sup {
  vertical-align:super;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

ul {
  margin-left:20px;
  padding-left:20px;
}

ul ul {
  margin-bottom:0;
}

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

.grid:after {
  clear:both;
}

.grid .row {
  box-sizing:border-box;
  display:block;
  width:100%;
  margin:0 auto;
}

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

.grid .row:after {
  clear:both;
}

.grid {
  width:100%;
}

.grid .col8 {
  box-sizing:border-box;
  width:65.45454545454545%;
  margin-left:3.6363636363636362%;
  position:relative;
  display:inline;
  float:left;
  min-height:1px;
}

.grid .col8:first-child {
  margin-left:0;
}

.grid .col6 {
  box-sizing:border-box;
  width:48.18181818181818%;
  margin-left:3.6363636363636362%;
  position:relative;
  display:inline;
  float:left;
  min-height:1px;
}

.grid .col6:first-child {
  margin-left:0;
}

.grid .col4 {
  box-sizing:border-box;
  width:30.909090909090907%;
  margin-left:3.6363636363636362%;
  position:relative;
  display:inline;
  float:left;
  min-height:1px;
}

.grid .col4:first-child {
  margin-left:0;
}

@media all and (max-width:850px) {
  .grid .col8 {
    width:100%;
    margin:0;
    left:0;
    right:0;
  }
  .grid .col6 {
    width:100%;
    margin:0;
    left:0;
    right:0;
  }
  .grid .col4 {
    width:100%;
    margin:0;
    left:0;
    right:0;
  }
  .grid {
    width:100%;
  }
}

.onlymobile {
  display:none;
}

@media all and (max-width:599px) {
  .nomobile {
    display:none !important;
  }
  .onlymobile {
    display:block;
  }
  .grid .col8 {
    width:100%;
    margin:0;
    left:0;
    right:0;
  }
  .grid .col6 {
    width:100%;
    margin:0;
    left:0;
    right:0;
  }
  .grid .col4 {
    width:100%;
    margin:0;
    left:0;
    right:0;
  }
  .grid {
    width:100%;
  }
}

body {
  -webkit-backface-visibility:hidden;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-20px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity:0;
    -moz-transform:translateY(-20px);
  }
  100% {
    opacity:1;
    -moz-transform:translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity:0;
    -o-transform:translateY(-20px);
  }
  100% {
    opacity:1;
    -o-transform:translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity:0;
    transform:translateY(-20px);
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}

html, body {
  color:#58595b;
}

p {
  margin-left:20px;
}

a, a:hover {
  text-decoration:none;
}

h2, h3, h5 {
  color:#1793cd;
}

h2 {
  text-align:center;
}

.content img {
  max-width:100% !important;
  height:auto !important;
}

#header {
  z-index:9;
  position:relative;
  background:#1793cd;
  height:45px;
  width:100%;
  margin-bottom:20px;
  margin-top:100px;
}

#header .container {
  height:100%;
}

#header h1 {
  position:absolute;
  top:-90px;
  left:0;
  width:442px;
  height:80px;
  background:url(/assets/images/logo.png) no-repeat;
  background-size:cover;
}

#header h1 a, #header h1 a img {
  display:block;
  width:100%;
  height:100%;
}

#header .mobiletoggle {
  display:none;
}

#header .topright {
  position:absolute;
  bottom:100%;
  padding-bottom:20px;
  right:0;
  color:#58595b;
  text-align:right;
  display:flex;
  font-size:13px;
}

#header .topright a {
  padding:5px 15px;
}

#header .topright a:hover {
  background:#1793cd;
  color:#fff;
  transition:300ms;
}

#nav {
  position:absolute;
  top:auto;
  bottom:0;
  left:0;
  right:auto;
}

#nav .mobile-only {
  display:none;
}

#nav ul {
  list-style:none;
  margin:0;
  padding:0;
}

#nav ul li {
  float:left;
  position:relative;
}

#nav ul li:hover {
  background:#2fade8;
  transition:300ms;
}

#nav ul li:hover a {
  color:#fff;
  transition:300ms;
}

#nav ul li a {
  position:relative;
  line-height:45px;
  color:#fff;
  display:block;
  padding:0 25px;
}

#nav ul li a:hover {
  color:#fff;
}

#nav ul li:hover ul {
  display:block;
}

#nav ul li:last-child ul {
  left:auto;
  right:0;
}

#nav ul li ul {
  display:none;
  position:absolute;
  top:45px;
  background:#1793cd;
  left:0;
  width:250px;
  padding:5px 0;
  border-top:0;
}

#nav ul li ul li {
  float:none;
  margin:0;
  border-bottom:1px solid rgba(255,255,255,0.1);
}

#nav ul li ul li:last-child {
  border:0;
}

#nav ul li ul li a {
  line-height:20px;
  font-size:14px;
  padding:5px 10px;
  text-transform:none;
  color:white;
}

#nav ul li ul li a:before {
  display:none !important;
}

#nav ul li ul li a:hover {
  background:#2fade8;
  transition:300ms;
}

#nav ul li.active ul li a {
  color:white;
}

html.scrolled {
  padding-top:45px;
}

.scrolled #header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  animation-duration:1s;
  animation-fill-mode:both;
  animation-name:fadeInDown;
  background:#fff;
  margin-top:0;
  height:100px;
  border-bottom:2px solid #1793cd;
}

.scrolled #header h1 {
  background-image:url(/assets/images/logo-narrow.png);
  width:116.5px;
  height:53.5px;
  top:20px;
}

.scrolled #header .topright {
  top:10px;
}

.scrolled #header .topright a {
  display:block;
  line-height:25px;
  height:35px;
}

.scrolled #header * {
  color:#1793cd;
}

.scrolled #nav {
  left:auto;
  right:0;
}

.scrolled #nav ul li:hover {
  background:#1793cd;
}

.scrolled #nav ul li a {
  font-size:15px;
  padding:0 15px;
}

.scrolled #nav ul li li a {
  padding:5px 15px;
  color:#fff;
}

.scrolled #nav ul li li a:hover {
  background:#2fade8;
  transition:300ms;
}

@media(max-width:1250px) {
  #nav ul li a {
    padding:0 25px;
  }
}

@media(max-width:1160px) {
  #nav ul li a {
    padding:0 20px;
  }
}

@media(max-width:1100px) {
  #nav ul li a {
    padding:0 14px;
  }
  .scrolled #nav ul li a {
    padding:0 8px;
  }
}

@media(max-width:1000px) {
  #nav ul li a {
    padding:0 10px;
  }
  .scrolled #nav ul li a {
    font-size:13px;
  }
}

@media(max-width:950px) {
  #nav ul li a {
    padding:0 7px;
    font-size:14px;
  }
  .scrolled #nav ul li a {
    font-family:'Open Sans',"Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;
  }
}

@media(max-width:765px) {
  html, html.scrolled {
    padding-top:90px;
  }
  .scrolled #header, #header {
    border-bottom:2px solid #1793cd;
    position:fixed;
    top:0;
    left:0;
    height:90px;
    animation-duration:0;
    animation-fill-mode:both;
    background:#fff;
    margin-top:0;
  }
  .scrolled #header .container, #header .container {
    width:100%;
  }
  .scrolled #header h1, #header h1 {
    width:87.375px;
    height:40.125px;
    top:10px;
    left:2%;
    background-image:url(/assets/images/logo-mobile.png);
  }
  .scrolled #header .topright, #header .topright {
    display:block;
    top:5px;
    right:54px;
  }
  .scrolled #header .topright a, #header .topright a {
    padding:5px;
  }
  .scrolled #header .topright>a:first-of-type, #header .topright>a:first-of-type {
    display:none;
  }
  .scrolled #header .mobiletoggle, #header .mobiletoggle {
    display:block;
    top:10px;
    right:10px;
    position:absolute;
    width:32px;
    height:32px;
    overflow:hidden;
    border:1px solid #1793cd;
    cursor:pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  .scrolled #header .mobiletoggle span, #header .mobiletoggle span {
    display:block;
    position:absolute;
    top:5px;
    left:4px;
    width:22px;
    height:2px;
    background:#1793cd;
    transition:300ms;
    transform-origin:50% 50%;
  }
  .scrolled #header .mobiletoggle span.l2, #header .mobiletoggle span.l2 {
    top:10px;
  }
  .scrolled #header .mobiletoggle span.l3, #header .mobiletoggle span.l3 {
    top:15px;
  }
  .scrolled #header .mobiletoggle em, #header .mobiletoggle em {
    position:absolute;
    display:block;
    bottom:3px;
    left:3px;
    color:#1793cd;
    font-size:8px;
    line-height:8px;
    font-family:verdana,sans-serif;
    font-style:normal;
    text-transform:uppercase;
  }
  .scrolled #header.open .mobiletoggle span.l2, #header.open .mobiletoggle span.l2 {
    opacity:0;
  }
  .scrolled #header.open .mobiletoggle span.l1, #header.open .mobiletoggle span.l1 {
    transform:rotate(30deg);
    transform-origin:50% 50%;
    top:10px;
  }
  .scrolled #header.open .mobiletoggle span.l3, #header.open .mobiletoggle span.l3 {
    transform:rotate(-30deg);
    transform-origin:50% 50%;
    top:10px;
  }
  .scrolled .open #nav, .open #nav {
    display:block;
  }
  .scrolled #nav, #nav {
    display:none;
    width:100%;
    top:89px;
    left:0;
  }
  .scrolled #nav a.mobile-only, #nav a.mobile-only {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:block;
    color:#fff;
    background:#1793cd;
    line-height:20px;
    padding:10px;
    font-size:13px;
    font-weight:300;
    text-align:left;
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.05);
  }
  .scrolled #nav a.mobile-only br, #nav a.mobile-only br {
    display:none;
  }
  .scrolled #nav ul, #nav ul {
    border-top:1px solid rgba(255,255,255,0.1);
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
    padding-top:40px;
  }
  .scrolled #nav ul li, #nav ul li {
    display:block;
    float:none;
    height:auto;
    margin:0;
  }
  .scrolled #nav ul li a, #nav ul li a {
    color:#fff;
    background:#1793cd;
    line-height:20px;
    padding:10px;
    font-size:13px;
    font-weight:300;
    text-align:left;
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.05);
  }
  .scrolled #nav ul li a br, #nav ul li a br {
    display:none;
  }
  .scrolled #nav ul li a:before, #nav ul li a:before {
    display:none !important;
  }
  .scrolled #nav ul li a:hover, #nav ul li a:hover {
    background:#2fade8;
    transition:300ms;
  }
  .scrolled #nav ul li:last-child a, #nav ul li:last-child a {
    border-bottom:2px solid #1793cd;
  }
  .scrolled #nav ul li:after, #nav ul li:after {
    display:none !important;
  }
  .scrolled #nav ul li.active ul, #nav ul li.active ul, .scrolled #nav ul li ul, #nav ul li ul {
    display:block;
    position:relative;
    top:0;
    left:0;
    width:100%;
    padding:0;
    border:0;
  }
  .scrolled #nav ul li.active ul:before, #nav ul li.active ul:before, .scrolled #nav ul li ul:before, #nav ul li ul:before {
    content:'';
    position:absolute;
    top:-34px;
    right:13px;
    width:24px;
    height:24px;
    border:1px solid #fff;
    background:rgba(255,255,255,0.03);
  }
  .scrolled #nav ul li.active ul:hover:before, #nav ul li.active ul:hover:before, .scrolled #nav ul li ul:hover:before, #nav ul li ul:hover:before {
    background:rgba(255,255,255,0.5);
    cursor:pointer;
  }
  .scrolled #nav ul li.active ul:after, #nav ul li.active ul:after, .scrolled #nav ul li ul:after, #nav ul li ul:after {
    cursor:pointer;
    content:'';
    position:absolute;
    display:block;
    top:-24px;
    right:20px;
    width:0;
    height:0;
    border:6px solid transparent;
    border-top-color:#fff;
    transition:300ms;
  }
  .scrolled #nav ul li.active ul.open li, #nav ul li.active ul.open li, .scrolled #nav ul li ul.open li, #nav ul li ul.open li {
    display:block;
  }
  .scrolled #nav ul li.active ul li, #nav ul li.active ul li, .scrolled #nav ul li ul li, #nav ul li ul li {
    display:none;
    float:none;
    width:100%;
    border:0;
  }
  .scrolled #nav ul li.active ul li.active a, #nav ul li.active ul li.active a, .scrolled #nav ul li ul li.active a, #nav ul li ul li.active a, .scrolled #nav ul li.active ul li a, #nav ul li.active ul li a, .scrolled #nav ul li ul li a, #nav ul li ul li a {
    line-height:20px;
    padding:8px 10px 8px 30px;
    font-family:'Open Sans',"Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size:12px;
    border:0;
    background:#1793cd;
    color:#fff;
  }
}

#footer {
  padding-top:40px;
  padding-bottom:40px;
  font-size:13px;
  line-height:20px;
  background:#fee3b3;
  background:-moz-linear-gradient(top,#fee3b3 0,#fff 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fee3b3),color-stop(100%,#fff));
  background:-webkit-linear-gradient(top,#fee3b3 0,#fff 100%);
  background:-o-linear-gradient(top,#fee3b3 0,#fff 100%);
  background:-ms-linear-gradient(top,#fee3b3 0,#fff 100%);
  background:linear-gradient(to bottom,#fee3b3 0,#fff 100%);
}

#footer a {
  color:inherit;
  text-decoration:underline;
}

#footer .button {
  display:inline-block;
  color:#fff;
  text-decoration:none;
}

#footer .byline {
  margin-top:40px;
  text-align:center;
}

#footer .byline p {
  margin-top:0;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
}

@media all and (max-width:765px) {
  #footer {
    text-align:center;
  }
}

.sidebar {
  line-height:18px;
  font-size:14px;
}

.sidebar time {
  padding-left:5px;
}

.sidebar a {
  margin-bottom:10px;
}

.sidebar .sidebarPhoto {
  display:block;
  width:100%;
  height:auto;
}

.sidebar .sidebarPhoto+.sidebarPhoto {
  margin-top:1rem;
}

.sidebar section {
  border-right:2px solid #ededed;
  background:#f7f7f7;
  margin-bottom:20px !important;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
}

.sidebar section ul {
  list-style:none;
  margin:0;
  padding:0;
}

.sidebar section ul li a {
  padding-left:5px;
  width:100%;
  display:block;
}

.sidebar section ul li a:hover {
  background:#1793cd;
  color:#fff;
  transition:300ms;
}

.sidebar section ul li.active.active>a {
  background:#5dbfed;
  color:#fff;
}

.sidebar section ul li.active.active>a:hover {
  background:#1793cd;
  color:#fff;
  transition:300ms;
}

.sidebar section ul li ul li a {
  padding-left:25px;
}

@media all and (max-width:765px) {
  .sidebar {
    border:0;
  }
}

html, body {
  background:#fff;
  line-height:32px;
}

div.accent {
  padding-top:20px;
  padding-bottom:20px;
}

.container.wide {
  width:100%;
  max-width:1800px;
  background:#000;
}

.button {
  background:#1793cd;
  color:#fff;
  display:table;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
  border-radius:2px;
  background-clip:padding-box;
  font-size:14px;
  line-height:14px;
  text-shadow:none;
}

.button.more:after {
  content:"\003e\00a0Learn More";
}

.button:hover {
  background:#12729f;
  transition:300ms;
}

.images img {
  width:100%;
  height:auto;
  border:10px solid #FFF;
  box-shadow:0 0 4px 4px #d7d7d7;
}

.lead, .images img {
  margin-bottom:20px;
}

.readmore {
  position:absolute;
  right:0;
  white-space:nowrap;
}

@media all and (max-width:765px) {
  #notfooter>.main.grid {
    margin-top:20px;
  }
}

.swipe {
  overflow:hidden;
  visibility:hidden;
  position:relative;
}

.swipe-wrap {
  overflow:hidden;
  position:relative;
}

.swipe-wrap>div {
  float:left;
  width:100%;
  position:relative;
}

.homebanner .slide {
  position:relative;
  height:538px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  resize:both;
}

.homebanner .slide img {
  width:100%;
  display:block;
}

.homebanner .slide .container {
  height:100%;
  position:relative;
}

.homebanner .slide .caption {
  position:absolute;
  bottom:20px;
  left:0;
  width:60%;
  max-width:600px;
}

.homebanner .slide .caption * {
  color:#fff !important;
  text-shadow:0 5px 10px #000,0 0 1px #000;
}

.homebanner .slide .caption p {
  text-shadow:0 5px 10px #000,0 0 1px #000;
  font-size:24px;
  line-height:24px;
}

.homebanner .slide .caption h3 {
  font-size:40px;
  line-height:40px;
}

.homebanner .slide .caption .button {
  text-shadow:none;
}

.homebanner .slide:before {
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:.8;
}

@media all and (max-width:765px) {
  .homebanner .slide {
    height:300px;
  }
  .homebanner .slide .caption {
    width:100%;
  }
  .homebanner .slide .caption p {
    font-size:18px;
    line-height:20px;
  }
  .homebanner .slide .caption h3 {
    font-size:24px;
    line-height:28px;
  }
  .homebanner .button {
    margin:0 auto;
  }
}

body.home .wide.container {
  margin-bottom:40px;
}

body.home #header {
  margin-bottom:0;
}

body.home h2 {
  margin-bottom:0;
}

body.home .homebanner {
  margin-bottom:40px;
}

body.home .clearFix:after {
  content:'';
  clear:both;
  display:table;
}

body.home .homeCtas.wide.container {
  margin-bottom:0;
}

body.home .homeCtas>.block {
  width:25%;
}

@media all and (max-width:765px) {
  body.home .homeCtas>.block {
    width:50%;
  }
}

@media(max-width:449px) {
  body.home .homeCtas>.block {
    float:none;
    width:100%;
  }
}

body.contact-us .main .content .grid>.row>div h2 {
  text-align:left;
  margin-bottom:5px;
  margin-top:30px;
}

body.contact-us .main .content .grid>.row>div h2:first-of-type {
  margin-top:0;
}

body.contact-us .main .content .grid>.row>div p {
  margin-top:20px;
  margin-bottom:20px;
}

@media all and (max-width:765px) {
  body.contact-us .main .content .grid h2 {
    margin-top:40px;
    margin-bottom:5px;
  }
  body.contact-us .main .content .grid h3 {
    margin-left:20px;
  }
  body.contact-us .mainRow {
    display:flex;
    flex-direction:column-reverse;
  }
  body.contact-us .mainRow .nomobile {
    margin-top:2rem;
    display:block !important;
  }
}

body.post h1 {
  font-size:20px;
  line-height:20px;
  margin-top:0;
  margin-bottom:10px;
}

.partial {
  padding-bottom:20px;
}

.partial p {
  margin-bottom:0;
}

.partial .meta {
  font-size:14px;
  font-style:italic;
  padding-bottom:5px;
}

.block {
  float:left;
  position:relative;
  width:33.333333333%;
  padding-bottom:23.1%;
  background-color:#1e1e1e;
  overflow:hidden;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  color:#fff;
}

.block .content {
  position:absolute;
  height:100%;
  width:100%;
  padding:0;
}

.block .caption {
  position:absolute;
  bottom:0;
  left:0;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:20px;
  margin-right:20px;
  font-size:40px;
  line-height:60px;
  color:#fff;
  text-shadow:0 5px 10px #000,0 0 1px #000;
}

@media all and (max-width:765px) {
  .block {
    width:50%;
    padding-bottom:34.6%;
  }
}

@media all and (max-width:480px) {
  .block {
    width:100%;
    padding-bottom:69.4%;
  }
}

* {
  box-sizing:border-box;
}

.container {
  position:relative;
  width:92%;
  margin:0 auto;
  max-width:1080px;
}

.plant {
  padding-top:10px;
  padding-bottom:10px;
  display:block;
}

.plant h2 {
  text-align:left;
  margin-left:20px;
  margin-bottom:0;
  color:inherit;
  font-size:16px;
  line-height:32px;
}

.grid .col4.sidebar {
  width:345px;
}

.grid .col8.main-content {
  width:calc(99% - 380px);
}

.onlymobile {
  display:none !important;
}

@media(max-width:765px) {
  .container {
    width:96%;
  }
  .container .content .plant {
    border-bottom:1px solid #cbcbcb;
    padding-top:20px;
    padding-bottom:20px;
  }
  .container .content .plant img {
    margin:0 auto;
    display:block;
    max-width:360px !important;
  }
  .nomobile {
    display:none !important;
  }
  .onlymobile {
    display:block !important;
  }
  .grid .col4.sidebar {
    width:100%;
    float:none;
  }
  .grid .col8.main-content {
    width:100%;
    float:none;
  }
}
