/* Width Definitions */
/* Boiler Plate */
/* Materialize - setup incase any default classes use them. */
/* general_vars */
/* fab_vars */
/* header_vars */
/* footer_vars */
/* slider_vars */
/* cta_vars */
/* form_vars */
/* banner_vars */
/* icon_vars */
/* A mixin to assist with scaling header sizes at low and medium breakpoints. */
body {
  background: #263238; }

.main-container {
  background: #1e272c; }

h1, h2, h3, h4, h5, h6 {
  color: #607d8b;
  font-family: Roboto, sans-serif; }

h1 {
  /* 320px - check for a long text string and reduce by half */
  font-size: 39px;
  /* 1024px + */ }
  @media only screen and (min-width: 768px) {
  h1 {
    /* 768px */
    font-size: 45px; } }
  @media only screen and (min-width: 1024px) {
  h1 {
    font-size: 65px; } }

h2 {
  /* 320px - check for a long text string and reduce by half */
  font-size: 27px;
  /* 1024px + */ }
  @media only screen and (min-width: 768px) {
  h2 {
    /* 768px */
    font-size: 31px; } }
  @media only screen and (min-width: 1024px) {
  h2 {
    font-size: 45px; } }

h3, h4, h5 {
  font-size: 30px; }

p, a {
  font-size: 16px;
  font-family: Roboto, sans-serif;
  color: #9e9e9d; }

nav {
  background: #263238; }
  nav ul li a {
    color: #fff;
    font-size: 16px; }
    nav ul li a:before {
      border: 1px solid #fff;
      visibility: hidden; }
    nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
      color: #fff; }
    nav ul li:hover a:before {
      border: 1px solid #fff;
      background: #fff;
      visibility: visible; }

.side-nav {
  background: #263238; }
  .side-nav li a {
    color: #fff;
    font-size: 16px; }
    .side-nav li a:before {
      border: 1px solid #fff;
      visibility: hidden; }
    .side-nav li a:hover {
      color: #fff; }
    .side-nav li:hover a:before {
      border: 1px solid #fff;
      background: #fff;
      visibility: visible; }

.button-collapse:focus .material-icons {
  color: #fff; }

.contact-details .detail {
  color: #fff;
  font-size: 16px; }
  .contact-details .detail:first-of-type {
    border-left: 1px solid #fff; }

.slideshow-container .slick-wrapper .slide-wrap .slide .slide-caption .titles h1, .slideshow-container .slick-wrapper .slide-wrap .slide .slide-caption .titles h2, .slideshow-container .slick-wrapper .slide-wrap .slide .slide-caption .titles h3, .slideshow-container .slick-wrapper .slide-wrap .slide .slide-caption .titles h4, .slideshow-container .slick-wrapper .slide-wrap .slide .slide-caption .titles h5, .slideshow-container .slick-wrapper .slide-wrap .slide .slide-caption .titles h6 {
  font-size: 65px;
  color: #fff; }
  .slideshow-container .slick-wrapper .slide-wrap .slide .slide-caption .titles p, .slideshow-container .slick-wrapper .slide-wrap .slide .slide-caption .titles li, .slideshow-container .slick-wrapper .slide-wrap .slide .slide-caption .titles a {
    font-size: 16px;
    color: #fff; }
  .slideshow-container .slick-wrapper .slide-wrap .slick-dots li button {
    background: #9e9e9e; }
  .slideshow-container .slick-wrapper .slide-wrap .slick-dots li button:hover {
    background: #263238; }
  .slideshow-container .slick-wrapper .slide-wrap .slick-dots li.slick-active button {
    background: #263238; }

.page-banner .page-title {
  /* 320px - check for a long text string and reduce by half */
  font-size: 39px;
  /* 1024px + */ }
  @media only screen and (min-width: 768px) {
    .page-banner .page-title {
      /* 768px */
      font-size: 45px; } }
  @media only screen and (min-width: 1024px) {
    .page-banner .page-title {
      font-size: 65px; } }
  @media only screen and (min-width: 1024px) {
    .page-banner .page-title {
      color: #fff; } }

#cta {
  background: #bbdefb; }
  #cta .cta-container .title {
    color: #000;
    text-align: center;
    font-size: 37px; }
  #cta .cta-container .title .material-icons {
    font-size: 37px;
    width: 37px;
    color: #8fa4ad;
    left: -42px; }
  #cta .cta-container p {
    color: #000;
    font-size: 16px; }
  #cta .cta-container .btn {
    background: #8fa4ad;
    color: #000; }
  #cta .cta-container .btn:hover {
    background: #9eb0b8;
    color: #000; }

footer {
  background: #263238; }
  footer .footer-container .copyright p, footer .footer-container .copyright a {
    color: rgba(255, 255, 255, 0.7); }

.fixed-action-btn a {
  background: #607d8b; }
  .fixed-action-btn a:hover {
    background: #566f7c; }
  .fixed-action-btn a i {
    color: #fff; }
  .fixed-action-btn .floating-phone, .fixed-action-btn .floating-email {
    background: #7b96a3; }

#footer-form .footer-form-container .form-wrapper h3 {
  font-size: 25px;
  color: #9e9e9d; }
  #footer-form .footer-form-container .form-wrapper .wpcf7 .input-field .material-icons {
    color: #a0a0a0;
    font-size: 16px;
    width: 16px;
    height: 16px; }
  #footer-form .footer-form-container .form-wrapper .wpcf7 .input-field input {
    font-size: 16px;
    color: #a0a0a0;
    border-bottom-color: #a0a0a0; }
  #footer-form .footer-form-container .form-wrapper .wpcf7 .input-field label {
    font-size: 16px;
    color: #a0a0a0; }
  #footer-form .footer-form-container .form-wrapper .wpcf7 .input-field label.active {
    font-size: 11px; }
  #footer-form .footer-form-container .form-wrapper .wpcf7 .input-field textarea {
    border-bottom-color: #a0a0a0;
    font-size: 16px;
    color: #a0a0a0;
    height: 16px; }
  #footer-form .footer-form-container .form-wrapper .wpcf7 .input-field .btn {
    background-color: #607d8b;
    color: #fff;
    font-size: 16px; }
  #footer-form .footer-form-container .form-wrapper .wpcf7 .input-field .btn:hover {
    background-color: #6b8a99; }
  #footer-form .footer-form-container .form-wrapper .wpcf7 .wpcf7-submit.btn {
    background: #607d8b;
    font-size: 16px; }

.icons .icons-container .icons-title {
  color: #3e50b4;
  font-size: 45px; }
  .icons .icons-container .icon .large-icon {
    color: #607d8a;
    font-size: 40px; }
  .icons .icons-container .icon p {
    color: #9e9e9d;
    font-size: 20px; }