/** Core **/
/** Helpers **/
/* global_style_vars */
/* text_area_vars */
/* header_style_vars */
/* navigation_style_vars */
/* footer_vars */
/* info_cards_vars */
/* faq_vars */
/* contact_form_vars */
/* testimonial_vars */
/** Base **/
h1, h2, h3, h4, h5, h6 {
  font-family: Roboto, sans-serif;
  font-weight: 500; }

p, li, a {
  font-family: Roboto, sans-serif;
  font-weight: 300; }

h1 {
  color: #fff;
  font-size: 45px; }

h2 {
  color: #333;
  font-size: 30px; }

h3 {
  color: #000;
  font-size: 20px; }

h4 {
  color: #000;
  font-size: 18px; }

h5 {
  color: #000;
  font-size: 22px; }

h6 {
  color: #000;
  font-size: 18px; }

p {
  color: #000;
  font-size: 16px; }

li {
  color: #0ff;
  font-size: 20px; }

a {
  color: #005bef;
  font-size: 16px; }
  a:hover {
    color: #000; }

hr {
  width: 60%;
  border: solid 1px #000;
  text-align: center; }

span.tinytext {
  color: #000 !important;
  font-size: 14px !important;
  line-height: 20px; }

span.smalltext {
  color: #000 !important;
  font-size: 20px !important;
  line-height: 20px; }

span.bigtext {
  color: #2b2b2b !important;
  font-size: 20px !important;
  line-height: 25px; }

.page-block-container .page-block-wrap .page-column-wrap .page-column .page-block .ff-block-button {
  font-size: 16px !important;
  color: #fff !important;
  background: #157aea !important;
  border: solid 1px transparent !important;
  border-radius: 6px !important;
  text-transform: capitalize !important;
  box-shadow: none !important; }
  .page-block-container .page-block-wrap .page-column-wrap .page-column .page-block .ff-block-button:hover {
    color: #fff !important;
    background: #000 !important;
    border-color: #fff !important;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
  .page-block-container .page-block-wrap .page-column-wrap .page-column .page-block .ff-block-button.alternative-button {
    font-size: 16px !important;
    color: #fff !important;
    background: #000 !important;
    border: solid 1px #fff !important;
    border-radius: 4px !important;
    text-transform: capitalize !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
    .page-block-container .page-block-wrap .page-column-wrap .page-column .page-block .ff-block-button.alternative-button:hover {
      color: #fff !important;
      background: #000 !important;
      border-color: #fff !important;
      box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
/** Modules **/
.social-container .social-wrap .social {
  margin: 0 15px;
  width: 31px;
  height: 33px;
  transform: scale(1); }
  .social-container .social-wrap .social i {
    font-size: 2.1875rem;
    position: absolute;
    left: 0; }
    .social-container .social-wrap .social i:not(.icon-active) {
      top: 0%;
      color: #8c8c8c; }
    .social-container .social-wrap .social i.icon-active {
      bottom: 100%;
      color: #3d4f65; }
  .social-container .social-wrap .social:hover {
    text-decoration: none; }
    .social-container .social-wrap .social:hover i:not(.icon-active) {
      top: 100%; }
    .social-container .social-wrap .social:hover i.icon-active {
      bottom: 1%; }
/** Page Builder **/
.faq-container .faq-intro {
  max-width: 800px;
  margin-bottom: 20px; }
  .faq-container .faq-intro h1, .faq-container .faq-intro h2, .faq-container .faq-intro h3, .faq-container .faq-intro h4, .faq-container .faq-intro h5, .faq-container .faq-intro h6 {
    color: #000;
    font-size: 20px; }
  .faq-container .faq-intro p, .faq-container .faq-intro li, .faq-container .faq-intro a {
    color: #000;
    font-size: 16px; }
  .faq-container .faq {
    max-width: 720px;
    border-top: solid 1px #000;
    padding: 20px 0px 20px 0px; }
  .faq-container .faq:last-of-type {
    border-bottom: solid 1px #000; }
  .faq-container .faq .faq-question {
    padding: 20px 0; }
  .faq-container .faq .faq-question h3 {
    color: #000;
    font-weight: 600;
    font-size: 20px; }
  .faq-container .faq .faq-question .faq-toggle {
    color: #000;
    font-weight: 600;
    font-size: 20px; }
  .faq-container .faq .faq-answer p {
    color: #000;
    font-size: 16px;
    weight: 600; }
  .faq-container .faq.toggled .faq-question .faq-toggle {
    color: #f7941e; }

.contact-form .contact-form-container .contact-form-message {
  padding: 0px 0px 20px 0px; }
  .contact-form .contact-form-container .contact-form-message h1, .contact-form .contact-form-container .contact-form-message h2, .contact-form .contact-form-container .contact-form-message h3, .contact-form .contact-form-container .contact-form-message h4, .contact-form .contact-form-container .contact-form-message h5, .contact-form .contact-form-container .contact-form-message h6 {
    color: #333;
    font-size: 30px; }
  .contact-form .contact-form-container .contact-form-message p, .contact-form .contact-form-container .contact-form-message li {
    color: #595959;
    font-size: 16px; }
  .wpcf7-form .input-field input:not([type=submit]), .wpcf7-form .input-field textarea {
    color: #a3a3a3;
    font-size: 16px;
    background: #deebfc;
    border: solid 1px #d1d1d1;
    border-radius: 10px; }
  .wpcf7-form .input-field input:not([type=submit]):focus, .wpcf7-form .input-field textarea:focus {
    color: #000;
    background: #fff;
    border-color: #000; }
  .wpcf7-form .input-field textarea {
    height: 150px; }
  .wpcf7-form .wpcf7-submit {
    width: 150px;
    height: 40px;
    background: #0367bf;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px; }
  .wpcf7-form .wpcf7-submit:hover {
    color: #fff;
    background: #000;
    border-color: #000; }
  .wpcf7-form .wpcf7-submit input {
    color: #fff;
    width: 150px;
    height: 40px; }
  .wpcf7-form ::-webkit-input-placeholder {
    color: #000;
    font-size: 15px; }
  .wpcf7-form ::-moz-placeholder {
    color: #000;
    font-size: 15px; }
  .wpcf7-form :-ms-input-placeholder {
    color: #000;
    font-size: 15px; }
  .wpcf7-form :-moz-placeholder {
    color: #000;
    font-size: 15px; }

.information-cards-container .information-card .info-card-inner {
  border: solid 1px #eaeaea;
  background: #fff;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
  .information-cards-container .information-card .info-card-inner .info-card-image {
    text-align: Center; }
    @media only screen and (min-width: 768px) {
      .information-cards-container .information-card .info-card-inner .info-card-image {
        padding: 10px 40px 10px 40px; } }
  @media only screen and (min-width: 768px) {
        .information-cards-container .information-card .info-card-inner .info-card-heading {
          padding: 40px 40px 5px 40px; } }
    .information-cards-container .information-card .info-card-inner .info-card-heading h3 {
      color: #157aea;
      font-size: 30px;
      font-family: Roboto, sans-serif; }
  @media only screen and (min-width: 768px) {
        .information-cards-container .information-card .info-card-inner .info-card-content {
          padding: 10px 40px 35px 40px; } }
    .information-cards-container .information-card .info-card-inner .info-card-content h1, .information-cards-container .information-card .info-card-inner .info-card-content h2, .information-cards-container .information-card .info-card-inner .info-card-content h3, .information-cards-container .information-card .info-card-inner .info-card-content h4, .information-cards-container .information-card .info-card-inner .info-card-content h5, .information-cards-container .information-card .info-card-inner .info-card-content h6 {
      font-size: 20px;
      color: #157aea; }
    .information-cards-container .information-card .info-card-inner .info-card-content p, .information-cards-container .information-card .info-card-inner .info-card-content li {
      font-size: 16px;
      color: #000; }
    .information-cards-container .information-card .info-card-inner .info-card-content a {
      font-size: 16px;
      color: #000; }

.testimonials .testimonial-container .testimonial-intro {
  padding: 0px 0px 20px 0px; }
  .testimonials .testimonial-container .testimonial-intro h1, .testimonials .testimonial-container .testimonial-intro h2, .testimonials .testimonial-container .testimonial-intro h3, .testimonials .testimonial-container .testimonial-intro h4, .testimonials .testimonial-container .testimonial-intro h5, .testimonials .testimonial-container .testimonial-intro h6 {
    color: #333;
    font-size: 35px;
    line-height: 25px; }
  .testimonials .testimonial-container .testimonial-intro p, .testimonials .testimonial-container .testimonial-intro li {
    color: #000;
    font-size: 16px;
    line-height: 25px; }
  .testimonials .testimonial-container .testimonial-wrap .testimonial {
    padding: 30px 0px 30px 0px; }
    .testimonials .testimonial-container .testimonial-wrap .testimonial h3 {
      color: #1e73be;
      font-size: 18px;
      line-height: 22px; }
    .testimonials .testimonial-container .testimonial-wrap .testimonial p, .testimonials .testimonial-container .testimonial-wrap .testimonial li, .testimonials .testimonial-container .testimonial-wrap .testimonial a {
      color: #000;
      font-size: 16px;
      line-height: 22px; }
  .testimonials .testimonial-container.testimonials-list .testimonial-wrap .testimonial {
    border-bottom: solid 1px #bfbfbf; }
    .testimonials .testimonial-container.testimonials-list .testimonial-wrap .testimonial:last-of-type {
      border: none; }
  .testimonials .testimonial-container.testimonials-carousel .testimonial-intro {
    padding: 0 30px; }
  .testimonials .testimonial-container.testimonials-carousel .slick-list {
    margin: 0 20px; }
  .testimonials .testimonial-container.testimonials-carousel .slick-arrow.prev-arrow {
    left: 0; }
    .testimonials .testimonial-container.testimonials-carousel .slick-arrow.next-arrow {
      right: 0; }
  .testimonials .testimonial-container.testimonials-carousel .slick-dots {
    float: left;
    padding: 0 10px; }
    .testimonials .testimonial-container.testimonials-carousel .slick-dots li {
      width: 10px;
      height: 10px;
      margin-right: 5px; }
  .testimonials .testimonial-container.testimonials-carousel.no-arrows .testimonial-intro {
    padding: 0 10px; }
    .testimonials .testimonial-container.testimonials-carousel.no-arrows .slick-list {
      margin: 0; }
    .testimonials .testimonial-container.testimonials-carousel.no-arrows .slick-arrow {
      display: none !important; }
  .testimonials .testimonial-container.testimonials-carousel.no-pag .slick-dots {
    display: none !important; }

.content-block-wrapper .one-column-content-block .content-block h1, .content-block-wrapper .two-column-content-block .content-block h1, .content-block-wrapper .one-column-content-block .content-block h2, .content-block-wrapper .two-column-content-block .content-block h2, .content-block-wrapper .one-column-content-block .content-block h3, .content-block-wrapper .two-column-content-block .content-block h3, .content-block-wrapper .one-column-content-block .content-block h4, .content-block-wrapper .two-column-content-block .content-block h4, .content-block-wrapper .one-column-content-block .content-block h5, .content-block-wrapper .two-column-content-block .content-block h5, .content-block-wrapper .one-column-content-block .content-block h6, .content-block-wrapper .two-column-content-block .content-block h6 {
  font-family: Roboto, sans-serif;
  font-weight: 500; }
  .content-block-wrapper .one-column-content-block .content-block p, .content-block-wrapper .two-column-content-block .content-block p, .content-block-wrapper .one-column-content-block .content-block li, .content-block-wrapper .two-column-content-block .content-block li, .content-block-wrapper .one-column-content-block .content-block a, .content-block-wrapper .two-column-content-block .content-block a {
    font-family: Roboto, sans-serif;
    font-weight: 300; }
  .content-block-wrapper .one-column-content-block .content-block h1, .content-block-wrapper .two-column-content-block .content-block h1 {
    color: #fff;
    font-size: 45px; }
  .content-block-wrapper .one-column-content-block .content-block h2, .content-block-wrapper .two-column-content-block .content-block h2 {
    color: #333;
    font-size: 30px; }
  .content-block-wrapper .one-column-content-block .content-block h3, .content-block-wrapper .two-column-content-block .content-block h3 {
    color: #000;
    font-size: 20px; }
  .content-block-wrapper .one-column-content-block .content-block h4, .content-block-wrapper .two-column-content-block .content-block h4 {
    color: #000;
    font-size: 18px; }
  .content-block-wrapper .one-column-content-block .content-block h5, .content-block-wrapper .two-column-content-block .content-block h5 {
    color: #000;
    font-size: 22px; }
  .content-block-wrapper .one-column-content-block .content-block h6, .content-block-wrapper .two-column-content-block .content-block h6 {
    color: #000;
    font-size: 18px; }
  .content-block-wrapper .one-column-content-block .content-block p, .content-block-wrapper .two-column-content-block .content-block p {
    color: #000;
    font-size: 16px; }
  .content-block-wrapper .one-column-content-block .content-block li, .content-block-wrapper .two-column-content-block .content-block li {
    color: #0ff;
    font-size: 20px; }
  .content-block-wrapper .one-column-content-block .content-block a, .content-block-wrapper .two-column-content-block .content-block a {
    color: #005bef;
    font-size: 16px; }
    .content-block-wrapper .one-column-content-block .content-block a:hover, .content-block-wrapper .two-column-content-block .content-block a:hover {
      color: #000; }
/** Regions **/
nav {
  background: #3d4f65; }
  nav .nav-wrapper {
    margin: 0 auto;
    height: dsktp_hdr_hghtpx; }
  @media screen and (min-width: 1520px) {
    nav .nav-wrapper {
      width: 80%; } }
  nav .nav-wrapper ul.desktop-menu li a {
    font-size: 14px;
    color: #fff;
    background: transparent; }
    nav .nav-wrapper ul.desktop-menu li a.dropdown-button:after {
      color: #fff; }
      nav .nav-wrapper ul.desktop-menu li a.dropdown-button:hover:after {
        color: #fff; }
    nav .nav-wrapper ul.desktop-menu li:hover > a {
      color: #fff; }
    nav .nav-wrapper ul.desktop-menu li.active > a, nav .nav-wrapper ul.desktop-menu li.current-menu-item > a {
      color: #c1c1c1; }
      nav .nav-wrapper ul.desktop-menu li.active > a.dropdown-button:after, nav .nav-wrapper ul.desktop-menu li.current-menu-item > a.dropdown-button:after {
        color: #c1c1c1; }
        nav .nav-wrapper ul.desktop-menu li.active > a.dropdown-button:hover:after, nav .nav-wrapper ul.desktop-menu li.current-menu-item > a.dropdown-button:hover:after {
          color: #c1c1c1; }
    nav .nav-wrapper ul.desktop-menu li.nav-button > a {
      font-size: 16px;
      color: #fff;
      background: #000;
      border: solid 1px #fff;
      border-radius: 4px; }
    nav .nav-wrapper ul.desktop-menu li.nav-button:hover > a {
      color: #fff;
      background: #000;
      border-color: #fff; }
    nav .nav-wrapper ul.desktop-menu li.nav-button:hover > a:before {
      color: #fff; }
    nav .nav-wrapper ul.desktop-menu li.nav-button i.material-icons {
      font-size: 16px; }
  nav .nav-wrapper ul.desktop-menu.background-states li:hover > a {
    background: #384a66; }
    nav .nav-wrapper ul.desktop-menu.background-states li.active > a, nav .nav-wrapper ul.desktop-menu.background-states li.current-menu-item > a {
      background: #384a66; }
  nav .nav-wrapper ul.dropdown-content li a {
    font-size: 16px;
    color: #7c7c7c;
    background: transparent;
    border-bottom: solid 1px #f0f; }
    nav .nav-wrapper ul.dropdown-content li a:hover {
      color: #ff0f0f;
      background: #000;
      border-bottom: solid 1px #0ff; }
    nav .nav-wrapper ul.dropdown-content li.current-menu-item > a {
      color: #fff;
      background: #000; }

@media only screen and (min-width: 1024px) {
      .desktop-traditional .nav-wrapper {
        width: 80%; } }

.header-linear .desktop-nav {
  height: 64px; }

#mobile-menu.side-nav.ff-offcanvas-wrap {
  background: #ff5529; }
  #mobile-menu.side-nav.ff-offcanvas-wrap .offcanvas-details .contact-details .detail.number {
    background: #000;
    color: #fff; }
    #mobile-menu.side-nav.ff-offcanvas-wrap .offcanvas-details .contact-details .detail.email {
      background: #000;
      color: #fff; }
  #mobile-menu.side-nav.ff-offcanvas-wrap ul.menu li a {
    background: #000;
    color: #fff;
    font-size: 14px; }
    #mobile-menu.side-nav.ff-offcanvas-wrap ul.menu li a:hover, #mobile-menu.side-nav.ff-offcanvas-wrap ul.menu li a:focus {
      background: #fff;
      color: #000;
      border: solid 2px #000; }

.button-collapse {
  color: #fff; }
  .button-collapse .material-icons {
    font-size: 25px; }
  .button-collapse:hover {
    color: #fff; }

.header-container {
  background: #e4eaf2; }
  .header-container .contact-details .detail.phone {
    font-size: 14px;
    color: #3d4f65; }
    .header-container .contact-details .detail.phone .material-icons {
      font-size: 25px;
      color: #fff; }
  .header-container .contact-details .detail.email {
    font-size: 14px;
    color: #3d4f65; }
    .header-container .contact-details .detail.email:hover {
      color: #005bef; }
    .header-container .contact-details .detail.email .material-icons {
      font-size: 25px;
      color: #fff; }
  .header-container .contact-details .detail:first-of-type:before {
    width: 1px;
    height: 30px;
    background: #c7c7c7; }
  @media only screen and (min-width: 1024px) {
      .header-container.header-traditional .header-inner {
        width: 80%; } }

footer .footer-container {
  background: #fff; }
  footer .footer-container .footer-wrap .footer-column h3 {
    color: #000;
    font-size: 20px; }
    footer .footer-container .footer-wrap .footer-column p, footer .footer-container .footer-wrap .footer-column li, footer .footer-container .footer-wrap .footer-column a {
      color: #8c8c8c;
      font-size: 14px; }
    footer .footer-container .footer-wrap .footer-column a:hover {
      color: #8c8c8c; }
  footer .copyright-container {
    background: #eaeaea; }
  footer .copyright-container p, footer .copyright-container a {
    color: #333;
    font-size: 13px; }